Matteo Ronchi cef62

This middleware does a few interesting things:

Ensures a url shape in the zustand store, where we'll store URL information.
Assumes we will be storing our url state slice in the ?state search parameter after it has been stringified and base 64 encoded.
On creation, decodes stores state from the ?state search parameter into the url slice of our store.
After each state update, updates the ?state search parameter with the new url state slice.
Sets up an event listener that listens for popstate and re-decodes the state from the URL into our store.

Tabs and Windows

Function	Shortcut
Previous Tab	`⌘`+ `Left Arrow`
Next Tab	`⌘`+ `Right Arrow`
Go to Tab	`⌘` + `Number`
Go to Window	`⌘` + `Option` + `Number`
Go to Split Pane by Direction	`⌘` + `Option` + `Arrow`
Go to Split Pane by Order of Use	`⌘` + `]` , `⌘` + `[`

	// @ts-check

	import path from 'path'
	import { readFile, writeFile } from 'fs/promises'
	import glob from 'tiny-glob'

	/**
	* @typedef {object} LegacyExportField
	* @property {string} [types]
	* @property {string} [import]


	FILE SPACING:

	# double space a file
	sed G

	# double space a file which already has blank lines in it. Output file
	# should contain no more than one blank line between lines of text.
	sed '/^$/d;G'

 #!/usr/bin/env zsh
 # Currently the script will choke on tilde characters used in either search or
 # replace terms
 # inspired by
 # https://gist.github.com/hlissner/db74d23fc00bed81ff62
 # https://gist.github.com/kates/5915285
 # ag

	#!/usr/bin/env node

	const { installFlowTypeDefinitions } = require('./flow-typed')
	const { echo, exit } = require('shelljs')

	installFlowTypeDefinitions().then(() => exit(0)).catch(err => {
	echo(err)
	exit(1)
	})

	import createBabelFile from 'babel-file';
	import createBabylonOptions from 'babel-options';
	import {buildCodeFrameError} from 'babel-errors';

	let code = `
	console.log('hello world');
	`;

	let file = createBabelFile(code, {
	filename: 'hello-world.js',

	// paste this to chrome console on anybody's twitter page
	// and it'll turn into an instant presentation :)

	(function TweetPresent() {
	const presenter = $(`<div id="tpd" style=" position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; padding: 10vh 10vw; box-sizing: border-box; background-color: white; font-size: 5vw; text-align: center; z-index: 9999; display: flex; align-items: center; justify-content: center;"></div>`);
	const tweets = $$(`div.tweet p.js-tweet-text`)
	.map(el => el.innerHTML)
	.map(t => ({t, s: Math.random()}))
	.sort((a, b) => a.s > b.s ? -1 : 1)
	.map(c => c.t);

	# ...

	[options]
	# webpack loaders
	module.name_mapper='.*\.css$' -> '<PROJECT_ROOT>/flow/stub/css-modules.js'
	module.name_mapper='.*\.\(svg\\|png\\|jpg\\|gif\)$' -> '<PROJECT_ROOT>/flow/stub/url-loader.js'

	export default function isValidISODate(dateString, separator, minYear = 1980, maxYear = 2030) {
	const sep = separator ? `\\${separator}` : ''
	const regex = new RegExp(`^(\\d{4})${sep}{0,1}(\\d{2})${sep}{0,1}(\\d{2})$`)

	const groups = dateString.match(regex)

	if (!groups) {
	return false
	}