PatrickJS

Deploying a subfolder to GitHub Pages

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Step 1

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).

PatrickJS

# put this in your .bash_profile
if [ $ITERM_SESSION_ID ]; then
  export PROMPT_COMMAND='echo -ne "\033];${PWD##*/}\007"; ':"$PROMPT_COMMAND";
fi

# Piece-by-Piece Explanation:
# the if condition makes sure we only screw with $PROMPT_COMMAND if we're in an iTerm environment
# iTerm happens to give each session a unique $ITERM_SESSION_ID we can use, $ITERM_PROFILE is an option too
# the $PROMPT_COMMAND environment variable is executed every time a command is run
# see: ss64.com/bash/syntax-prompt.html

PatrickJS

https://github.com/Netflix/falcor-path-utils/blob/master/lib/toTree.js

[
  ["list",{from:0,to:9],["name","rating"]],
  ["list", "length"]
]

->

{

PatrickJS

git fetch --all
git reset --hard origin/master
git pull origin master

PatrickJS

Effective Engineer - Notes

• By Edmond Lau
• Highly Recommended 👍
• http://www.theeffectiveengineer.com/

What's an Effective Engineer?

• They are the people who get things done. Effective Engineers produce results.

Adopt the Right Mindsets

PatrickJS

/**
 * @author ebidel@ (Eric Bidelman)
 * License Apache-2.0
 */
 
 // Prints the size of each cache in the Cache Storage API and the overall bytes cached. 
 
async function getCacheStoragesAssetTotalSize() {
  // Note: opaque (i.e. cross-domain, without CORS) responses in the cache will return a size of 0.
  const cacheNames = await caches.keys();

PatrickJS

'use strict';

/*
 * HTTP headers are case-insensitive. So 'Host' is a valid header, but so
 * is 'host' or 'hOst'. To make sure we don't miss a header we first lowerCase
 * all of them and then check for the lowercase version of the header
 */
const normaliseHeaders = (headers) => {
    const normalisedHeaders = {};
    const fields = Object.keys(headers);

PatrickJS

exports.handler = function(event, context) {
  // We'd get this from the Lambda event in reality
  var sampleInput = {
    from: 1,
    to: 39,
    bucketName: 'test-bucket',
    imageSizes: [{
      width: 600,
      height: 400,
      description: 'A medium thumbnail',

PatrickJS

exports.handler = function(event, context) {

  var sampleInput = {
    totalPhotos: 496,
    imagesPerLambda: 100,
    bucketName: 'sample-bucket',
    imageSizes: [{
      width: 600,
      height: 400,
      description: 'A medium thumbnail',

PatrickJS

// used to retrieve template content
const templates = new Map;

// used to retrieve node updates
const updates = new WeakMap;

// hyperHTML, the nitty gritty
function hyperHTML(chunks, ...interpolations) {

  // if the static chunks are unknown