Skip to content

Instantly share code, notes, and snippets.

@cramforce
cramforce / on-idle.js
Created December 7, 2016 16:49
Wrapper around requestIdleCallback to wait for a minimum work budget
/**
* Delays calling the given function until the browser is notifying us
* about a certain minimum budget or the timeout is reached.
* @param {!Window} win
* @param {number} startTime When we started waiting for idle.
* @param {number} minimumTimeRemaining Minimum number of millis idle
* budget for callback to fire.
* @param {number} timeout in millis for callback to fire.
* @param {function()} fn Callback.
*/
@cramforce
cramforce / merged-branches.sh
Created September 15, 2016 19:41
Find local git branches with a closed GitHub PR
#!/bin/bash
# Outputs commands to delete local branches that have an
# associated merged (really closed) PR.
# In particular, this also works if the remote branch was
# before merging rebased remotely.
# BIG CAVEAT: This will report branches that have a closed,
# but not merged PR for deletion.
@cramforce
cramforce / es6-modules-and-bundling.md
Last active May 29, 2017 10:08
ES6 modules and bundling

Status quo

Current ES6 module usage (and general JS usage) in the browser relies on transpilation (due to non-widepread support in browsers) and bundling (to limit HTTP request count and HTTP waterfalls) for performance (module count easily goes into the 1000s which even with HTTP2 cannot be efficiently loaded in a module-per-request strategy; even when using Push to avoid HTTP waterfalls).

Bundling strategies

The bundlers use 2 large classes of strategies to bring N modules into a single JS file:

  1. (require.js, browserify, webpack): Each module gets put into a function that can be addressed by name. There is typically an export object per module where all exports are properties of that object.
  2. (closure compiler, rollup): Modules get compiled away and exported symbols become essentially global variables (at least within compilation unit) and directly accessed by other modules.
@cramforce
cramforce / no-efficient-feature-detection.md
Created June 23, 2016 22:51
Things that cannot be feature detected efficiently
  • Supported allow- values in iframe sandbox attribute.
--angular_pass : Generate $inject properties for
AngularJS for functions annotated
with @ngInject
--charset VAL : Input and output charset for all
files. By default, we accept UTF-8 as
input and output US_ASCII
--checks-only : Don't generate output. Run checks,
but no compiler passes.
--closure_entry_point VAL : Entry points to the program. Must be
goog.provide'd symbols. Any goog.provi
npm i doesnt-exist
npm ERR! Darwin 14.5.0
npm ERR! argv "node" "/usr/local/bin/npm" "i" "doesnt-exist"
npm ERR! node v0.10.33
npm ERR! npm v2.14.1
npm ERR! code E404
npm ERR! 404 Registry returned 404 for GET on https://registry.npmjs.org/doesnt-exist
npm ERR! 404
npm ERR! 404 'doesnt-exist' is not in the npm registry.
var sessions = [].map.call($$('tr[dir]'), function(row, i) {
if (i < 6) {
return;
}
row = [].map.call(row.children, function(td) {
return td.textContent;
});
var s = [{},{}];
s[0].time = row[1]
s[0].speaker = row[5]
@cramforce
cramforce / gist:3431703
Created August 23, 2012 03:04
speaker-apps-script.js
var COLS = {
name: 0,
title: 11,
summary: 12,
imageSrc: 10
};
var TEMPLATE = '---\n\
layout: main\n\
alert('Hello')
final boolean[] ok = new boolean[]{true};
final int[] returnCount = new int[]{0};
NodeTraversal.traverse(compiler, block, new AbstractShallowCallback() {
@Override
public void visit(NodeTraversal t, Node n, Node parent) {
if (n.isName() && "arguments".equals(n.getString())) {
ok[0] = false;
}
if(n.isReturn()) {
returnCount[0]++;