Initial commit

Author: jfairbank

.eslintrc

@@ -0,0 +1,17 @@
+{
+  "parser": "babel-eslint",
+  "rules": {
+    "indent": [2, 2],
+    "quotes": [2, "single"],
+    "linebreak-style": [2, "unix"],
+    "no-console": 0,
+    "no-unused-vars": 0,
+    "semi": [2, "always"]
+  },
+  "env": {
+    "es6": true,
+    "node": true,
+    "browser": true
+  },
+  "extends": "eslint:recommended"
+}

.gitignore

@@ -0,0 +1,35 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directory
+node_modules
+
+# Optional npm cache directory
+.npm
+
+# Optional REPL history
+.node_repl_history
+Gemfile.lock
+demo/public/assets/bundle.js

Gemfile

@@ -0,0 +1,3 @@
+gem 'guard'
+gem 'guard-shell'
+gem 'guard-livereload'

Guardfile

@@ -0,0 +1,10 @@
+guard :shell do
+  watch %r{.*code/.*\.js$} do |m|
+    `./copy-syntax.sh #{m[0]}`
+  end
+end
+
+guard 'livereload' do
+  watch 'demo/public/index.html'
+  watch %r{demo/public/assets/.*\.css}
+end

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Jeremy Fairbank
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,2 @@
+# rise-of-async-js-talk
+Code samples, demos, and resources for "The Rise of Async JavaScript" talk

code/await.js

@@ -0,0 +1,14 @@
+function fetchOrder(orderId) {
+  return fetch(`/orders/${orderId}`)
+    .then(response => response.json());
+}
+
+async printOrder(orderId) {
+  const order = await fetchOrder(orderId);
+  console.log(order);
+}
+
+function printOrder(orderId) {
+  fetchOrder(orderId)
+    .then(order => console.log(order));
+}

code/babel/babelrc-manual.js

@@ -0,0 +1,8 @@
+{
+  "presets": ["es2015"],
+  "plugins": [
+    "syntax-async-functions",
+    "transform-regenerator",
+    "transform-runtime"
+  ]
+}

code/babel/babelrc-stage-3.js

@@ -0,0 +1,4 @@
+{
+  "presets": ["es2015", "stage-3"],
+  "plugins": ["transform-runtime"]
+}

code/error-handling/catchable.js

@@ -0,0 +1,7 @@
+promise.then(() => {
+  throw new Error('Fail');
+});
+
+new Promise((resolve, reject) => {
+  reject(new Error('Fail'));
+});

code/error-handling/fetchOrderThrow.js

@@ -0,0 +1,9 @@
+function fetchOrder(orderId) {
+  return fetch(`/orders/${orderId}`)
+    .then(resp => {
+      if (resp.status === 404) {
+        throw new Error('Order not found');
+      }
+      return resp.json();
+    });
+}

code/error-handling/fetchOrderWrapReject.js

@@ -0,0 +1,10 @@
+function fetchOrder(orderId) {
+  return new Promise((resolve, reject) => {
+    $.get(`/orders/${orderId}`)
+      .fail(resp => {
+        if (resp.status === 404) {
+          reject(new Error('Order not found'));
+        }
+      });
+  });
+}

code/error-handling/printOrder.js

@@ -0,0 +1,8 @@
+async function printOrder(orderId) {
+  try {
+    const order = await fetchOrder(orderId);
+    console.log(order);
+  } catch (e) {
+    console.log('Error retrieving order', e);
+  }
+}

code/flow-control/for-of.js

@@ -0,0 +1,6 @@
+async function printOrders(orderIds) {
+  for (const id of orderIds) {
+    const order = await fetchOrder(id);
+    console.log(order);
+  }
+}

code/flow-control/if.js

@@ -0,0 +1,11 @@
+async function printOrder(orderId) {
+  let order;
+
+  if (await orderExists(orderId)) {
+    order = await fetchOrder(orderId);
+  } else {
+    order = await createOrder();
+  }
+
+  return order;
+}

code/intro/async.js

@@ -0,0 +1,11 @@
+async function fetchCustomerNameForOrder(orderId) {
+  try {
+    const order = await fetchOrder(orderId);
+    const customer = await fetchCustomer(order.customerId);
+
+    return customer.name;
+  } catch (err) {
+    logError(err);
+    throw err;
+  }
+}

code/intro/nested-callbacks.js

@@ -0,0 +1,20 @@
+function fetchCustomerNameForOrder(orderId, done, fail) {
+  fetchOrder(orderId, function(err, order) {
+    if (err) {
+      logError(err);
+      fail(err);
+    } else {
+      fetchCustomer(
+        order.customerId,
+        function(err, customer) {
+          if (err) {
+            logError(err);
+            fail(err);
+          } else {
+            done(customer.name);
+          }
+        }
+      );
+    }
+  });
+}

code/intro/nested-named-callbacks.js

@@ -0,0 +1,26 @@
+function handleCustomer(done, fail) {
+  return function(err, customer) {
+    if (err) {
+      logError(err);
+      fail(err);
+    } else {
+      done(customer.name);
+    }
+  };
+}
+function handleOrder(done, fail) {
+  return function(err, order) {
+    if (err) {
+      logError(err);
+      fail(err);
+    } else {
+      fetchCustomer(
+        order.customerId,
+        handleCustomer(done, fail)
+      );
+    }
+  };
+}
+function fetchCustomerNameForOrder(orderId, done, fail) {
+  fetchOrder(orderId, handleOrder(done, fail));
+}

code/intro/promise-with-catch.js

@@ -0,0 +1,9 @@
+function fetchCustomerNameForOrder(orderId) {
+  return fetchOrder(orderId)
+    .then(order => fetchCustomer(order.customerId))
+    .then(customer => customer.name)
+    .catch(err => {
+      logError(err);
+      throw err;
+    });
+}

code/intro/promise-without-catch.js

@@ -0,0 +1,5 @@
+function fetchCustomerNameForOrder(orderId) {
+  return fetchOrder(orderId)
+    .then(order => fetchCustomer(order.customerId))
+    .then(customer => customer.name);
+}

code/intro/simple-callback.js

@@ -0,0 +1,7 @@
+fetchUserById(1, function(err, user) {
+  if (err) {
+    console.error('Could not retrieve user');
+  } else {
+    console.log(user);
+  }
+});

code/return/answer-what-is-returned.js

@@ -0,0 +1,10 @@
+async function meaningOfLife() {
+  return 42;
+}
+
+function meaningOfLife() {
+  return Promise.resolve(42);
+}
+
+meaningOfLife()
+  .then(answer => answer === 42);

code/return/question-what-is-returned.js

@@ -0,0 +1,5 @@
+async function meaningOfLife() {
+  return 42;
+}
+
+meaningOfLife() === 42;

code/sequential-vs-parallel/parallel.js

@@ -0,0 +1,15 @@
+async function printOrders(orderIds) {
+  const orders = await Promise.all(
+    orderIds.map(fetchOrder)
+  );
+
+  orders.forEach(order => console.log(order));
+}
+
+printOrders([1, 2, 3]);
+
+await Promise.all([
+  fetchOrder(1),
+  fetchOrder(2),
+  fetchOrder(3)
+]);

code/sequential-vs-parallel/sequential.js

@@ -0,0 +1,12 @@
+async function printOrders(orderIds) {
+  for (const id of orderIds) {
+    const order = await fetchOrder(id);
+    console.log(order);
+  }
+}
+
+printOrders([1, 2, 3]);
+
+await fetchOrder(1);
+await fetchOrder(2);
+await fetchOrder(3);

code/transpiledish/originalExample.js

@@ -0,0 +1,9 @@
+function fetchCustomerNameForOrder(orderId) {
+  return Promise.resolve(fetchOrder(orderId))
+    .then(order => {
+      return Promise.resolve(fetchCustomer(order.customerId))
+        .then(customer => {
+          return Promise.resolve(customer.name);
+        });
+    });
+}

code/transpiledish/step1.js

@@ -0,0 +1,6 @@
+async function printOrder(orderId) {
+  const order = await fetchOrder(orderId);
+  console.log(order);
+}
+
+printOrder(1);

code/transpiledish/step2.js

@@ -0,0 +1,7 @@
+async function printOrder(orderId) {
+  const promise = Promise.resolve(fetchOrder(orderId));
+
+  console.log(order);
+}
+
+printOrder(1);

code/transpiledish/step3.js

@@ -0,0 +1,10 @@
+async function printOrder(orderId) {
+  const promise = Promise.resolve(fetchOrder(orderId));
+
+  return promise.then(order => {
+    console.log(order);
+    return Promise.resolve(undefined);
+  });
+}
+
+printOrder(1);

copy-syntax.sh

@@ -0,0 +1,52 @@
+#!/bin/bash
+
+FONT_SIZE=80
+FONT_FAMILY=Monaco
+STYLE=molokai
+SYNTAX=js
+OUTPUT=rtf
+FILTER=false
+START=1
+
+while getopts ":s:S:K:L:f" OPT; do
+  case $OPT in
+    s)
+      STYLE="$OPTARG"
+      shift 2
+      ;;
+    S)
+      SYNTAX="$OPTARG"
+      shift 2
+      ;;
+    K)
+      FONT_SIZE="$OPTARG"
+      shift 2
+      ;;
+    L)
+      START="$OPTARG"
+      shift 2
+      ;;
+    f)
+      FILTER=true
+      shift
+      ;;
+    \?)
+      exit 1
+      ;;
+  esac
+done
+
+FILENAME="$1"
+
+if [[ -z "$FILENAME" ]]; then
+  >&2 echo 'Please supply filename'
+  exit 1
+fi
+
+if [[ "$FILTER" == true ]]; then
+  CONTENTS=$(cat "$FILENAME" | grep -Ev "^(?:import|export)")
+else
+  CONTENTS=$(cat "$FILENAME")
+fi
+
+echo "$CONTENTS" | tail -n+"$START"| highlight -s "$STYLE" -O "$OUTPUT" -S "$SYNTAX" -K "$FONT_SIZE" -k "$FONT_FAMILY" | tr -d '\n' | pbcopy