Wojciech Maj wojtekmaj

## feature-detection.js
const isSafari = // ...

function getIsSupported(src) {
  return new Promise((resolve) => {
    const image = new Image();

    image.onload = () => {
      const isSupported = image.width > 0 && image.height > 0;
      resolve(isSupported);
    };

## github-actions-dashboard.html
<!DOCTYPE html>
<html>
  <title>GitHub Actions dashboard</title>
  <style>
    :root {
      font-size: 14px;
      --background-color: rgb(246 248 250);
      --canvas-background-color: rgb(255 255 255);
      --canvas-border-color: rgb(216 222 228);
      --canvas-shadow: rgba(140 149 159 / 15%) 0 3px 6px 0;

## migrate-package-to-typescript.sh
# Create tsconfig.json
echo "{
  \"compilerOptions\": {
    \"declaration\": true,
    \"esModuleInterop\": true,
    \"isolatedModules\": true,
    \"moduleResolution\": \"node\",
    \"outDir\": \"dist\",
    \"strict\": true
  },

## react-add-word-break.js
const pattern = /_/g;

function addWordBreaks(text) {
  const splitText = text.split(pattern);

  if (splitText.length <= 1) {
    return text;
  }

  const matches = text.match(pattern);

## install-eslint-with-eslint-config-wojtekmaj-and-prettier.sh
git fetch
git checkout main
git pull
git checkout -b prettier

yarn add eslint@^8.5.0 eslint-config-wojtekmaj prettier@^2.5.0 --dev
yarn dedupe
echo "{
  \"printWidth\": 100,
  \"singleQuote\": true,

## install-husky-and-commitlint.sh
git fetch
git checkout main
git pull
git checkout -b husky

yarn add @commitlint/config-conventional @commitlint/cli husky@^7.0.0 --dev
yarn dedupe
echo "module.exports = { extends: ['@commitlint/config-conventional'] };" > commitlint.config.js
# if you're on windows, check EOL sequence in the file created
yarn husky install

## names-to-test-app.txt
Enrico Fermi
Cecilia Payne-Gaposchkin
Gertrude B. Elion
Patricia S. Goldman-Rakic
Łucja Światowska
Francisca de Oliveira
Ada María Guerrero de Hernández
侯既明
شیرین مینایی

## react-add-links.js

const pattern = /https?:\/\/[^\s]*/g;

function formatLink(url, props) {
  if (!url) {
    return '';
  }

  let host;
  let pathname;

## button-label-update.js
function Button({ buttonLabel, onClick }) {
  return (
    <button
      /**
       * Apparently iOS Safari sometimes "forgets" to update button innerHTML. So to cope with
       * that, we're forcing iOS Safari to re-render the button completely on label change. Why
       * all this hassle with UA? Removing a button and rendering it again causes it to lose
       * focus.
       */
      key={buttonLabel}

## calendar.less
.react-calendar {
  .rounded-corners();
  width: 350px;
  max-width: 100%;
  background: white;
  font: inherit;
  line-height: 1.125em;
  border: 0;
  overflow: hidden;
	const isSafari = // ...

	function getIsSupported(src) {
	return new Promise((resolve) => {
	const image = new Image();

	image.onload = () => {
	const isSupported = image.width > 0 && image.height > 0;
	resolve(isSupported);
	};
	<!DOCTYPE html>
	<html>
	<title>GitHub Actions dashboard</title>
	<style>
	:root {
	font-size: 14px;
	--background-color: rgb(246 248 250);
	--canvas-background-color: rgb(255 255 255);
	--canvas-border-color: rgb(216 222 228);
	--canvas-shadow: rgba(140 149 159 / 15%) 0 3px 6px 0;
	# Create tsconfig.json
	echo "{
	\"compilerOptions\": {
	\"declaration\": true,
	\"esModuleInterop\": true,
	\"isolatedModules\": true,
	\"moduleResolution\": \"node\",
	\"outDir\": \"dist\",
	\"strict\": true
	},
	const pattern = /_/g;

	function addWordBreaks(text) {
	const splitText = text.split(pattern);

	if (splitText.length <= 1) {
	return text;
	}

	const matches = text.match(pattern);
	git fetch
	git checkout main
	git pull
	git checkout -b prettier

	yarn add eslint@^8.5.0 eslint-config-wojtekmaj prettier@^2.5.0 --dev
	yarn dedupe
	echo "{
	\"printWidth\": 100,
	\"singleQuote\": true,
	Enrico Fermi
	Cecilia Payne-Gaposchkin
	Gertrude B. Elion
	Patricia S. Goldman-Rakic
	Łucja Światowska
	Francisca de Oliveira
	Ada María Guerrero de Hernández
	侯既明
	شیرین مینایی

	const pattern = /https?:\/\/[^\s]*/g;

	function formatLink(url, props) {
	if (!url) {
	return '';
	}

	let host;
	let pathname;
	function Button({ buttonLabel, onClick }) {
	return (
	<button
	/**
	* Apparently iOS Safari sometimes "forgets" to update button innerHTML. So to cope with
	* that, we're forcing iOS Safari to re-render the button completely on label change. Why
	* all this hassle with UA? Removing a button and rendering it again causes it to lose
	* focus.
	*/
	key={buttonLabel}
	.react-calendar {
	.rounded-corners();
	width: 350px;
	max-width: 100%;
	background: white;
	font: inherit;
	line-height: 1.125em;
	border: 0;
	overflow: hidden;