JamieMason

Convert Yarn Audit output into Yarn Resolutions Object using jq

The following command:

yarn audit --json | grep '"type":"auditAdvisory"' | jq -r '{(.data.advisory.module_name):.data.advisory.patched_versions}' | jq -s add

Will filter and convert the output of yarn audit into an index of overrides to avoid vulnerabilities. It will produce output like this:

JamieMason

Automate Copying Config Vars from one Heroku App to another using the UI

Press Reveal Config Vars on the App you want to copy from and run this to put an array of objects in your clipboard containing all the keys and values.

copy(
  document
    .querySelectorAll('.config-vars-list-table tr')
    .map((el) => {

JamieMason

Reconfigure Sublime Text Keyboard Shortcuts to match VS Code

Add the following to ~/Library/Application Support/Sublime Text 3/Packages/User/Default (OSX).sublime-keymap.

[
  { "keys": ["alt+down"], "command": "swap_line_down" },
  { "keys": ["alt+z"], "command": "toggle_setting", "args": { "setting": "word_wrap" } },
  { "keys": ["alt+up"], "command": "swap_line_up" },
 { "keys": ["shift+alt+down"], "command": "duplicate_line" },

JamieMason

export default function transformer(file, api) {
  const j = api.jscodeshift;
  const root = j(file.source);

  const createClassComponent = (className, superClassName, renderMethod) =>
    j.classDeclaration(
      j.identifier(className),
      j.classBody([
        j.methodDefinition("method", j.identifier("render"), renderMethod)
      ]),

JamieMason

import React from "react";
import { createUserSessionService } from "services/UserSessionService";
import { createNavService } from "services/NavService";

// Wiring up our "IOC container"

const userSessionService = createUserSessionService();

// NavService depends on UserSessionService
const navService = createNavService(userSessionService); 

JamieMason

JavaScript Generator function to deeply traverse JSON-Encodable data

Helpers

const isArray = value => Array.isArray(value);
const isObject = value => Object.prototype.toString.call(value) === '[object Object]';

walkTree

JamieMason

Use JavaScript Proxy to log DOM APIs

Find out which DOM APIs your code is using with Proxy and Webpack.

Files

src/components/App.js

JamieMason

// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions
// - XState (all XState exports)

JamieMason

const sleep = secs => new Promise(done => setTimeout(done, secs * 1000));

function* myGenerator() {
  const array = [1, 2];

  while (array.length) {
    yield array.shift();
  }
}

JamieMason

const sleep = secs => new Promise(done => setTimeout(done, secs * 1000));