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	`⌘` + `]` , `⌘` + `[`


	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'

	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'

	// This event emitter emits events, but reserves the right to publish events to
	// for its creator. It uses a WeakMap for true encapsulation.

	const eesToEventMaps = new WeakMap();

	export default class EventEmitter {
	constructor(publisher) {
	const eventMap = Object.create(null);
	eesToEventMaps.set(this, eventMap);

	import React from 'react'

	const provideContext = (contextKey, contextType) => (
	React.createClass({
	childContextTypes: {
	[contextKey]: contextType
	},

	getChildContext() {
	const { children, ...props } = this.props

	#/usr/bin/env bash
	# MIT © Sindre Sorhus - sindresorhus.com
	# forked by Gianluca Guarini

	changed_files="$(git diff-tree -r --name-only --no-commit-id ORIG_HEAD HEAD)"

	check_run() {
	echo "$changed_files" \| grep -E --quiet "$1" && eval "$2"
	}