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.

cef62

// @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]

cef62

#!/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

cef62

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'

cef62

#!/usr/bin/env node

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

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

cef62

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',

cef62

// 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);

cef62

# ...

[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'

cef62

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
  }

cef62

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