From e0589fa8ab63c1343fb33c10fccbf11f89c314f0 Mon Sep 17 00:00:00 2001
From: Thai Pangsakulyanont <org.yi.dttvb@gmail.com>
Date: Tue, 4 Dec 2018 00:54:44 +0700
Subject: [PATCH 1/8] :hammer: Remove usage of custom emotion syntax
 (styled.div, css={...})

---
 src/ui/DialogContent.jsx        |  4 ++--
 src/ui/FloatingMobileButton.jsx |  5 +++--
 src/ui/FloatingMobileMenu.jsx   | 10 +++++-----
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/ui/DialogContent.jsx b/src/ui/DialogContent.jsx
index 650d5dec7..c443faa9c 100644
--- a/src/ui/DialogContent.jsx
+++ b/src/ui/DialogContent.jsx
@@ -1,6 +1,6 @@
 import styled from 'react-emotion'
 
-const DialogContent = styled.div`
+const DialogContent = styled('div')`
   padding: 1em;
   > p {
     margin: 0;
@@ -10,7 +10,7 @@ const DialogContent = styled.div`
   }
 `
 
-DialogContent.Buttons = styled.p`
+DialogContent.Buttons = styled('p')`
   text-align: right;
 `
 
diff --git a/src/ui/FloatingMobileButton.jsx b/src/ui/FloatingMobileButton.jsx
index 5996ce260..b0d8ddc40 100644
--- a/src/ui/FloatingMobileButton.jsx
+++ b/src/ui/FloatingMobileButton.jsx
@@ -1,10 +1,11 @@
 import React from 'react'
 import PropTypes from 'prop-types'
+import { css } from 'emotion';
 
 function FloatingMobileButton ({ children, buttonProps }) {
   return (
     <button
-      css={`
+      className={css(`
         position: fixed;
         z-index: 102;
         top: 20px;
@@ -23,7 +24,7 @@ function FloatingMobileButton ({ children, buttonProps }) {
         align-items: center;
         justify-content: center;
         cursor: pointer;
-      `}
+      `)}
       {...buttonProps}
     >
       {children}
diff --git a/src/ui/FloatingMobileMenu.jsx b/src/ui/FloatingMobileMenu.jsx
index 05e07114a..3224689dd 100644
--- a/src/ui/FloatingMobileMenu.jsx
+++ b/src/ui/FloatingMobileMenu.jsx
@@ -1,11 +1,11 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import styled, { keyframes } from 'react-emotion'
+import styled, { keyframes, css } from 'react-emotion'
 
-function FloatingMobileMenu ({ children, visible }) {
+function FloatingMobileMenu({ children, visible }) {
   return (
     <nav
-      css={`
+      className={css(`
         position: fixed;
         top: 0;
         left: 0;
@@ -24,7 +24,7 @@ function FloatingMobileMenu ({ children, visible }) {
           text-decoration: none;
           color: #e9e8e7;
         }
-      `}
+      `)}
     >
       {children}
     </nav>
@@ -35,7 +35,7 @@ FloatingMobileMenu.propTypes = {
   visible: PropTypes.bool
 }
 
-FloatingMobileMenu.Separator = styled.hr`
+FloatingMobileMenu.Separator = styled('hr')`
   height: 0;
   border: 0;
   border-top: 1px solid rgba(255, 255, 255, 0.3);

From d45635bb20f6342cfbbc26c3121c964c6f66c194 Mon Sep 17 00:00:00 2001
From: Thai Pangsakulyanont <org.yi.dttvb@gmail.com>
Date: Tue, 4 Dec 2018 00:55:14 +0700
Subject: [PATCH 2/8] :hammer: Replace babel with typescript compiler, still
 compiling JS

---
 .eslintrc           |   2 +-
 config/webpack.js   |  11 +--
 node-environment.js |   5 +-
 package.json        |  17 +----
 tsconfig.base.json  |   3 +-
 yarn.lock           | 170 +++++++++++---------------------------------
 6 files changed, 56 insertions(+), 152 deletions(-)

diff --git a/.eslintrc b/.eslintrc
index 38198c67e..94d3cbb10 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -24,7 +24,7 @@ globals:
   xit: false
   sinon: false
   BemuseLogger: false
-parser: babel-eslint
+parser: typescript-eslint-parser
 plugins:
   - react
 rules:
diff --git a/config/webpack.js b/config/webpack.js
index f61ffb23e..9c84af7b8 100644
--- a/config/webpack.js
+++ b/config/webpack.js
@@ -57,12 +57,12 @@ function generateBaseConfig () {
 function generateLoadersConfig () {
   return [
     {
-      test: /\.jsx?$/,
+      test: /\.[jt]sx?$/,
       include: [path('src'), path('spec')],
       use: {
-        loader: 'babel-loader',
+        loader: 'ts-loader',
         options: {
-          cacheDirectory: true
+          transpileOnly: true
         }
       }
     },
@@ -221,7 +221,10 @@ function applyTestBedConfig (config) {
   return config
 }
 
-export const generateWebConfig = flowRight(applyWebConfig, generateBaseConfig)
+export const generateWebConfig = flowRight(
+  applyWebConfig,
+  generateBaseConfig
+)
 
 export const generateKarmaConfig = flowRight(
   applyKarmaConfig,
diff --git a/node-environment.js b/node-environment.js
index 3f117ca5f..0910e7c09 100644
--- a/node-environment.js
+++ b/node-environment.js
@@ -1,6 +1,3 @@
 require('dotenv').load()
-require('@babel/register')({
-  plugins: ['@babel/plugin-transform-modules-commonjs']
-})
-require('@babel/polyfill')
+require('ts-node/register/transpile-only')
 global.Promise = require('bluebird')
diff --git a/package.json b/package.json
index 48fbb3c1c..d9ac332f5 100644
--- a/package.json
+++ b/package.json
@@ -54,19 +54,7 @@
   },
   "homepage": "https://github.com/spacetme/bemuse",
   "devDependencies": {
-    "@babel/core": "^7.1.2",
-    "@babel/plugin-proposal-class-properties": "^7.1.0",
-    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
-    "@babel/plugin-transform-modules-commonjs": "^7.1.0",
-    "@babel/preset-env": "^7.1.0",
-    "@babel/preset-react": "^7.0.0",
-    "@babel/register": "^7.0.0",
     "autoprefixer": "^9.1.5",
-    "babel-eslint": "^10.0.1",
-    "babel-loader": "^8.0.4",
-    "babel-plugin-emotion": "^9.2.11",
-    "babel-plugin-espower": "^3.0.0",
-    "babel-plugin-istanbul": "^5.1.0",
     "body-parser": "^1.18.3",
     "brfs": "^1.6.1",
     "chai": "^4.2.0",
@@ -140,8 +128,10 @@
     "style-loader": "^0.23.1",
     "through2": "^2.0.3",
     "transform-loader": "^0.2.4",
+    "ts-loader": "^5.3.1",
     "ts-node": "^7.0.1",
-    "typescript": "^3.1.3",
+    "typescript": "^3.2.1",
+    "typescript-eslint-parser": "^21.0.1",
     "url-loader": "^1.1.2",
     "val-loader": "^1.1.1",
     "web-audio-test-api": "^0.5.2",
@@ -152,7 +142,6 @@
     "yn": "^1.3.0"
   },
   "dependencies": {
-    "@babel/polyfill": "^7.0.0",
     "audio-context": "^1.0.3",
     "auth0-js": "^9.8.0",
     "axios": "^0.17.1",
diff --git a/tsconfig.base.json b/tsconfig.base.json
index fbb92161a..7f54b57a6 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -14,6 +14,7 @@
     "strictNullChecks": true,
     "strictPropertyInitialization": true,
     "target": "es6",
-    "module": "commonjs"
+    "module": "commonjs",
+    "jsx": "react"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index 5aa64bf17..4a2f23067 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9,7 +9,7 @@
   dependencies:
     "@babel/highlight" "^7.0.0"
 
-"@babel/core@^7.0.0", "@babel/core@^7.1.2":
+"@babel/core@^7.0.0":
   version "7.1.2"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.1.2.tgz#f8d2a9ceb6832887329a7b60f9d035791400ba4e"
   integrity sha512-IFeSSnjXdhDaoysIlev//UzHZbdEmm7D0EIH2qtse9xK7mXEZQpYjs2P00XlP1qYsYvid79p+Zgg6tz1mp6iVw==
@@ -221,7 +221,7 @@
     esutils "^2.0.2"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.0.0", "@babel/parser@^7.1.0", "@babel/parser@^7.1.2":
+"@babel/parser@^7.1.0", "@babel/parser@^7.1.2":
   version "7.1.2"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.1.2.tgz#85c5c47af6d244fab77bce6b9bd830e38c978409"
   integrity sha512-x5HFsW+E/nQalGMw7hu+fvPqnBeBaIr0lWJ2SG0PPL2j+Pm9lYvCrsZJGIgauPIENx0v10INIyFjmSNUD/gSqQ==
@@ -235,7 +235,7 @@
     "@babel/helper-remap-async-to-generator" "^7.1.0"
     "@babel/plugin-syntax-async-generators" "^7.0.0"
 
-"@babel/plugin-proposal-class-properties@^7.0.0", "@babel/plugin-proposal-class-properties@^7.1.0":
+"@babel/plugin-proposal-class-properties@^7.0.0":
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.1.0.tgz#9af01856b1241db60ec8838d84691aa0bd1e8df4"
   integrity sha512-/PCJWN+CKt5v1xcGn4vnuu13QDoV+P7NcICP44BoonAJoPSGwVkgrXihFIQGiEjjPlUDBIw1cM7wYFLARS2/hw==
@@ -294,13 +294,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-syntax-dynamic-import@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.0.0.tgz#6dfb7d8b6c3be14ce952962f658f3b7eb54c33ee"
-  integrity sha512-Gt9xNyRrCHCiyX/ZxDGOcBnlJl0I3IWicpZRC4CdC0P5a/I07Ya2OAMEBU+J7GmRFVmIetqEYRko6QYRuKOESw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-syntax-json-strings@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.0.0.tgz#0d259a68090e15b383ce3710e01d5b23f3770cbd"
@@ -584,7 +577,7 @@
     core-js "^2.5.7"
     regenerator-runtime "^0.11.1"
 
-"@babel/preset-env@^7.0.0", "@babel/preset-env@^7.1.0":
+"@babel/preset-env@^7.0.0":
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.1.0.tgz#e67ea5b0441cfeab1d6f41e9b5c79798800e8d11"
   integrity sha512-ZLVSynfAoDHB/34A17/JCZbyrzbQj59QC1Anyueb4Bwjh373nVPq5/HMph0z+tCmcDjXDe+DlKQq9ywQuvWrQg==
@@ -655,7 +648,7 @@
     pirates "^4.0.0"
     source-map-support "^0.5.9"
 
-"@babel/template@^7.0.0", "@babel/template@^7.1.0", "@babel/template@^7.1.2":
+"@babel/template@^7.1.0", "@babel/template@^7.1.2":
   version "7.1.2"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.1.2.tgz#090484a574fef5a2d2d7726a674eceda5c5b5644"
   integrity sha512-SY1MmplssORfFiLDcOETrW7fCLl+PavlwMh92rrGcikQaRq4iWPVH0MpwPpY3etVMx6RnDjXtr6VZYr/IbP/Ag==
@@ -1627,18 +1620,6 @@ babel-code-frame@6.26.0, babel-code-frame@^6.22.0, babel-code-frame@^6.26.0:
     esutils "^2.0.2"
     js-tokens "^3.0.2"
 
-babel-eslint@^10.0.1:
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.0.1.tgz#919681dc099614cd7d31d45c8908695092a1faed"
-  integrity sha512-z7OT1iNV+TjOwHNLLyJk+HN+YVWX+CLE6fPD2SymJZOZQBs+QIexFjhm4keGTm8MW9xr4EC9Q0PbaLB24V5GoQ==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@babel/parser" "^7.0.0"
-    "@babel/traverse" "^7.0.0"
-    "@babel/types" "^7.0.0"
-    eslint-scope "3.7.1"
-    eslint-visitor-keys "^1.0.0"
-
 babel-generator@^6.18.0:
   version "6.26.1"
   resolved "https://registry.yarnpkg.com/babel-generator/-/babel-generator-6.26.1.tgz#1844408d3b8f0d35a404ea7ac180f087a601bd90"
@@ -1653,16 +1634,6 @@ babel-generator@^6.18.0:
     source-map "^0.5.7"
     trim-right "^1.0.1"
 
-babel-loader@^8.0.4:
-  version "8.0.4"
-  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.0.4.tgz#7bbf20cbe4560629e2e41534147692d3fecbdce6"
-  integrity sha512-fhBhNkUToJcW9nV46v8w87AJOwAJDz84c1CL57n3Stj73FANM/b9TbCUK4YhdOwEyZ+OxhYpdeZDNzSI29Firw==
-  dependencies:
-    find-cache-dir "^1.0.0"
-    loader-utils "^1.0.2"
-    mkdirp "^0.5.1"
-    util.promisify "^1.0.0"
-
 babel-messages@^6.23.0:
   version "6.23.0"
   resolved "https://registry.yarnpkg.com/babel-messages/-/babel-messages-6.23.0.tgz#f3cdf4703858035b2a2951c6ec5edf6c62f2630e"
@@ -1688,28 +1659,6 @@ babel-plugin-emotion@^9.2.11:
     source-map "^0.5.7"
     touch "^2.0.1"
 
-babel-plugin-espower@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-espower/-/babel-plugin-espower-3.0.0.tgz#8dadfa5ec2b9c82e3c4aa0a2d14fbd3ff6d40061"
-  integrity sha512-f2IUz5kQyrwXnShcv7tvGxf76QkrEl00ENYgd6R0VMrz4xqlwBLZXFs5vse2vehs1Z+T2sXTP3UWX2QxMorzzw==
-  dependencies:
-    "@babel/generator" "^7.0.0"
-    "@babel/parser" "^7.0.0"
-    call-matcher "^1.0.0"
-    core-js "^2.0.0"
-    espower-location-detector "^1.0.0"
-    espurify "^1.6.0"
-    estraverse "^4.1.1"
-
-babel-plugin-istanbul@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-5.1.0.tgz#6892f529eff65a3e2d33d87dc5888ffa2ecd4a30"
-  integrity sha512-CLoXPRSUWiR8yao8bShqZUIC6qLfZVVY3X1wj+QPNXu0wfmrRRfarh1LYy+dYMVI+bDj0ghy3tuqFFRFZmL1Nw==
-  dependencies:
-    find-up "^3.0.0"
-    istanbul-lib-instrument "^3.0.0"
-    test-exclude "^5.0.0"
-
 babel-plugin-macros@^2.0.0:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-2.4.2.tgz#21b1a2e82e2130403c5ff785cba6548e9b644b28"
@@ -2406,16 +2355,6 @@ caching-transform@^1.0.0:
     mkdirp "^0.5.1"
     write-file-atomic "^1.1.4"
 
-call-matcher@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/call-matcher/-/call-matcher-1.1.0.tgz#23b2c1bc7a8394c8be28609d77ddbd5786680432"
-  integrity sha512-IoQLeNwwf9KTNbtSA7aEBb1yfDbdnzwjCetjkC8io5oGeOmK2CBNdg0xr+tadRYKO0p7uQyZzvon0kXlZbvGrw==
-  dependencies:
-    core-js "^2.0.0"
-    deep-equal "^1.0.0"
-    espurify "^1.6.0"
-    estraverse "^4.0.0"
-
 call-signature@0.0.2:
   version "0.0.2"
   resolved "https://registry.yarnpkg.com/call-signature/-/call-signature-0.0.2.tgz#a84abc825a55ef4cb2b028bd74e205a65b9a4996"
@@ -4087,7 +4026,7 @@ deep-eql@^3.0.1:
   dependencies:
     type-detect "^4.0.0"
 
-deep-equal@^1.0.0, deep-equal@^1.0.1:
+deep-equal@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.0.1.tgz#f5d260292b660e084eff4cdbc9f08ad3247448b5"
   integrity sha1-9dJgKStmDghO/0zbyfCK0yR0SLU=
@@ -4765,7 +4704,7 @@ engine.io@~3.2.0:
     engine.io-parser "~2.1.0"
     ws "~3.3.1"
 
-enhanced-resolve@^4.1.0:
+enhanced-resolve@^4.0.0, enhanced-resolve@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.1.0.tgz#41c7e0bfdfe74ac1ffe1e57ad6a5c6c9f3742a7f"
   integrity sha512-F/7vkyTtyc/llOIn8oWclcB25KdRaiPBpZYDgJHgh/UHtpgT2p2eldQgtQnLtUvfMKPKxbRaQM/hHkvLHt1Vng==
@@ -5056,14 +4995,6 @@ eslint-plugin-standard@^4.0.0:
   resolved "https://registry.yarnpkg.com/eslint-plugin-standard/-/eslint-plugin-standard-4.0.0.tgz#f845b45109c99cd90e77796940a344546c8f6b5c"
   integrity sha512-OwxJkR6TQiYMmt1EsNRMe5qG3GsbjlcOhbGUBY4LtavF9DsLaTcoR+j2Tdjqi23oUwKNUqX7qcn5fPStafMdlA==
 
-eslint-scope@3.7.1:
-  version "3.7.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-3.7.1.tgz#3d63c3edfda02e06e01a452ad88caacc7cdcb6e8"
-  integrity sha1-PWPD7f2gLgbgGkUq2IyqzHzctug=
-  dependencies:
-    esrecurse "^4.1.0"
-    estraverse "^4.1.1"
-
 eslint-scope@^3.7.1:
   version "3.7.3"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-3.7.3.tgz#bb507200d3d17f60247636160b4826284b108535"
@@ -5178,16 +5109,6 @@ eslint@^5.0.1, eslint@^5.7.0:
     table "^5.0.2"
     text-table "^0.2.0"
 
-espower-location-detector@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/espower-location-detector/-/espower-location-detector-1.0.0.tgz#a17b7ecc59d30e179e2bef73fb4137704cb331b5"
-  integrity sha1-oXt+zFnTDheeK+9z+0E3cEyzMbU=
-  dependencies:
-    is-url "^1.2.1"
-    path-is-absolute "^1.0.0"
-    source-map "^0.5.0"
-    xtend "^4.0.0"
-
 espree@^3.5.2, espree@^3.5.4:
   version "3.5.4"
   resolved "https://registry.yarnpkg.com/espree/-/espree-3.5.4.tgz#b0f447187c8a8bed944b815a660bddf5deb5d1a7"
@@ -7774,7 +7695,7 @@ is-unc-path@^1.0.0:
   dependencies:
     unc-path-regex "^0.1.2"
 
-is-url@^1.2.0, is-url@^1.2.1:
+is-url@^1.2.0:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/is-url/-/is-url-1.2.4.tgz#04a4df46d28c4cff3d73d01ff06abeb318a1aa52"
   integrity sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==
@@ -7873,11 +7794,6 @@ istanbul-lib-coverage@^1.1.2, istanbul-lib-coverage@^1.2.1:
   resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-1.2.1.tgz#ccf7edcd0a0bb9b8f729feeb0930470f9af664f0"
   integrity sha512-PzITeunAgyGbtY1ibVIUiV679EFChHjoMNRibEIobvmrCRaIgwLxNucOSimtNWUhEib/oO7QY2imD75JVgCJWQ==
 
-istanbul-lib-coverage@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.1.tgz#2aee0e073ad8c5f6a0b00e0dfbf52b4667472eda"
-  integrity sha512-nPvSZsVlbG9aLhZYaC3Oi1gT/tpyo3Yt5fNyf6NmcKIayz4VV/txxJFFKAK/gU4dcNn8ehsanBbVHVl0+amOLA==
-
 istanbul-lib-hook@^1.1.0:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/istanbul-lib-hook/-/istanbul-lib-hook-1.2.2.tgz#bc6bf07f12a641fbf1c85391d0daa8f0aea6bf86"
@@ -7898,19 +7814,6 @@ istanbul-lib-instrument@^1.10.0:
     istanbul-lib-coverage "^1.2.1"
     semver "^5.3.0"
 
-istanbul-lib-instrument@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-3.0.0.tgz#b5f066b2a161f75788be17a9d556f40a0cf2afc9"
-  integrity sha512-eQY9vN9elYjdgN9Iv6NS/00bptm02EBBk70lRMaVjeA6QYocQgenVrSgC28TJurdnZa80AGO3ASdFN+w/njGiQ==
-  dependencies:
-    "@babel/generator" "^7.0.0"
-    "@babel/parser" "^7.0.0"
-    "@babel/template" "^7.0.0"
-    "@babel/traverse" "^7.0.0"
-    "@babel/types" "^7.0.0"
-    istanbul-lib-coverage "^2.0.1"
-    semver "^5.5.0"
-
 istanbul-lib-report@^1.1.3:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-1.1.5.tgz#f2a657fc6282f96170aaf281eb30a458f7f4170c"
@@ -11826,14 +11729,6 @@ read-pkg-up@^3.0.0:
     find-up "^2.0.0"
     read-pkg "^3.0.0"
 
-read-pkg-up@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-4.0.0.tgz#1b221c6088ba7799601c808f91161c66e58f8978"
-  integrity sha512-6etQSH7nJGsK0RbG/2TeDzZFa8shjQ1um+SwQQ5cwKy0dhSXdOncEhb1CPpvQG4h7FyOV6EB6YlV0yJvZQNAkA==
-  dependencies:
-    find-up "^3.0.0"
-    read-pkg "^3.0.0"
-
 read-pkg@^1.0.0, read-pkg@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28"
@@ -13846,16 +13741,6 @@ test-exclude@^4.2.0:
     read-pkg-up "^1.0.1"
     require-main-filename "^1.0.1"
 
-test-exclude@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-5.0.0.tgz#cdce7cece785e0e829cd5c2b27baf18bc583cfb7"
-  integrity sha512-bO3Lj5+qFa9YLfYW2ZcXMOV1pmQvw+KS/DpjqhyX6Y6UZ8zstpZJ+mA2ERkXfpOqhxsJlQiLeVXD3Smsrs6oLw==
-  dependencies:
-    arrify "^1.0.1"
-    minimatch "^3.0.4"
-    read-pkg-up "^4.0.0"
-    require-main-filename "^1.0.1"
-
 text-encoding@^0.6.4:
   version "0.6.4"
   resolved "https://registry.yarnpkg.com/text-encoding/-/text-encoding-0.6.4.tgz#e399a982257a276dae428bb92845cb71bdc26d19"
@@ -14152,6 +14037,17 @@ truncate-html@^1.0.1:
     "@types/cheerio" "^0.22.8"
     cheerio "0.22.0"
 
+ts-loader@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-5.3.1.tgz#70614c8ec4354a9c8b89c9f97b2becb7a98a3980"
+  integrity sha512-fDDgpBH3SR8xlt2MasLdz3Yy611PQ/UY/KGyo7TgXhTRU/6sS8uGG0nJYnU1OdFBNKcoYbId1UTNaAOUn+i41g==
+  dependencies:
+    chalk "^2.3.0"
+    enhanced-resolve "^4.0.0"
+    loader-utils "^1.0.2"
+    micromatch "^3.1.4"
+    semver "^5.0.1"
+
 ts-node@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-7.0.1.tgz#9562dc2d1e6d248d24bc55f773e3f614337d9baf"
@@ -14241,15 +14137,33 @@ typescript-eslint-parser@^16.0.0:
     lodash.unescape "4.0.1"
     semver "5.5.0"
 
+typescript-eslint-parser@^21.0.1:
+  version "21.0.1"
+  resolved "https://registry.yarnpkg.com/typescript-eslint-parser/-/typescript-eslint-parser-21.0.1.tgz#710ea628a72144e1ec3a1d6b9f5b2b0a5a520e04"
+  integrity sha512-rdtAzg0eTTv/+YRLBJZBAAuOHHyYiElE2HdkaOGf9kKGce811zP3JRPzDybCJQamdsxyEsMe6CyIk2JCEnw/4g==
+  dependencies:
+    eslint-scope "^4.0.0"
+    eslint-visitor-keys "^1.0.0"
+    lodash "^4.17.11"
+    typescript-estree "5.0.0"
+
+typescript-estree@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/typescript-estree/-/typescript-estree-5.0.0.tgz#6aaa33b96abf5edce165099630e2ccd997a95609"
+  integrity sha512-/FHoH7ECP+Y6CLS7MdRD0Hu7b3HgsD7k6ArNWgoXK3fW0eSZGj+t04Mf4aQ6EBj04WoHALkReYMfGbTzaDPKEg==
+  dependencies:
+    lodash.unescape "4.0.1"
+    semver "5.5.0"
+
 typescript@^2.5.1:
   version "2.9.2"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-2.9.2.tgz#1cbf61d05d6b96269244eb6a3bce4bd914e0f00c"
   integrity sha512-Gr4p6nFNaoufRIY4NMdpQRNmgxVIGMs4Fcu/ujdYk3nAZqk7supzBE9idmvfZIlH/Cuj//dvi+019qEue9lV0w==
 
-typescript@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.1.3.tgz#01b70247a6d3c2467f70c45795ef5ea18ce191d5"
-  integrity sha512-+81MUSyX+BaSo+u2RbozuQk/UWx6hfG0a5gHu4ANEM4sU96XbuIyAB+rWBW1u70c6a5QuZfuYICn3s2UjuHUpA==
+typescript@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.2.1.tgz#0b7a04b8cf3868188de914d9568bd030f0c56192"
+  integrity sha512-jw7P2z/h6aPT4AENXDGjcfHTu5CSqzsbZc6YlUIebTyBAq8XaKp78x7VcSh30xwSCcsu5irZkYZUSFP1MrAMbg==
 
 ua-parser-js@^0.7.18:
   version "0.7.18"
@@ -14612,7 +14526,7 @@ util-deprecate@~1.0.1:
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
 
-util.promisify@^1.0.0, util.promisify@~1.0.0:
+util.promisify@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.0.tgz#440f7165a459c9a16dc145eb8e72f35687097030"
   integrity sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==

From b4d47974806409b45be034b3807e83ac902bd1e0 Mon Sep 17 00:00:00 2001
From: Thai Pangsakulyanont <org.yi.dttvb@gmail.com>
Date: Tue, 4 Dec 2018 01:20:06 +0700
Subject: [PATCH 3/8] :green_heart: In webpack, tell TypeScript to emit ES6
 modules

---
 config/webpack.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/config/webpack.js b/config/webpack.js
index 9c84af7b8..f1cf014f2 100644
--- a/config/webpack.js
+++ b/config/webpack.js
@@ -62,7 +62,10 @@ function generateLoadersConfig () {
       use: {
         loader: 'ts-loader',
         options: {
-          transpileOnly: true
+          transpileOnly: true,
+          compilerOptions: {
+            module: 'es6'
+          }
         }
       }
     },

From df2cde18a620efb6ae13f263002c023ab516ff45 Mon Sep 17 00:00:00 2001
From: Thai Pangsakulyanont <org.yi.dttvb@gmail.com>
Date: Tue, 4 Dec 2018 01:24:55 +0700
Subject: [PATCH 4/8] :fire: Remove .babelrc

---
 .babelrc | 29 -----------------------------
 1 file changed, 29 deletions(-)
 delete mode 100644 .babelrc

diff --git a/.babelrc b/.babelrc
deleted file mode 100644
index 66817a73a..000000000
--- a/.babelrc
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env", { "modules": false }],
-    "@babel/preset-react"
-  ],
-  "plugins": [
-    "emotion",
-    "babel-plugin-espower",
-    "@babel/plugin-syntax-dynamic-import",
-    "@babel/plugin-proposal-class-properties"
-  ],
-  "env": {
-    "test": {
-      "plugins": [
-        ["emotion", { "sourceMap": true, "autoLabel": true }],
-        "istanbul"
-      ]
-    },
-    "development": {
-      "plugins": [
-        ["emotion", { "sourceMap": true, "autoLabel": true }],
-        "react-hot-loader/babel"
-      ]
-    },
-    "production": {
-      "plugins": [["emotion", { "hoist": true }]]
-    }
-  }
-}

From b8d0445694f1665343e2aee67705b3704cf777db Mon Sep 17 00:00:00 2001
From: Thai Pangsakulyanont <org.yi.dttvb@gmail.com>
Date: Tue, 4 Dec 2018 01:25:50 +0700
Subject: [PATCH 5/8] :memo: Update text in About page

---
 src/app/ui/AboutScene.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/ui/AboutScene.jsx b/src/app/ui/AboutScene.jsx
index 1a2b68221..6abc0d622 100644
--- a/src/app/ui/AboutScene.jsx
+++ b/src/app/ui/AboutScene.jsx
@@ -109,9 +109,9 @@ class AboutScene extends React.Component {
                 libraries we use into standalone web packages.
               </li>
               <li>
-                We use <a href='https://babeljs.io/'>Babel</a> so that we can
-                write our code in future JavaScript dialect and have it
-                translate our code for today{"'"}s browsers.
+                We use <a href="https://www.typescriptlang.org/">TypeScript</a>{' '}
+                to statically check our code for type errors and compiles the
+                code down to JavaScript.
               </li>
               <li>
                 We use{' '}

From 1df40f9e6f715a841a51fbabde22d47e70542180 Mon Sep 17 00:00:00 2001
From: Thai Pangsakulyanont <org.yi.dttvb@gmail.com>
Date: Tue, 4 Dec 2018 01:27:31 +0700
Subject: [PATCH 6/8] :fire: Bye bye, babel-polyfill

---
 src/bootstrap/index.js | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/bootstrap/index.js b/src/bootstrap/index.js
index 1d200f48a..58107ca2f 100644
--- a/src/bootstrap/index.js
+++ b/src/bootstrap/index.js
@@ -3,17 +3,13 @@
 // :doc:
 // Bootstraps the environment with:
 //
-// - `babel-polyfill`_
 // - `debug`_
 // - `Bluebird`_ (with `extended Promise API`_)
 //
-// .. _ES6 Runtime: https://babeljs.io/docs/usage/polyfill/
-// .. _Babel: https://babeljs.io/
 // .. _debug: https://www.npmjs.com/package/debug
 // .. _bluebird: https://github.com/petkaantonov/bluebird
 // .. _Extended Promise API: https://github.com/petkaantonov/bluebird/blob/master/API.md
 
-import '@babel/polyfill'
 import 'whatwg-fetch'
 import debug from 'debug'
 import Bluebird from 'bluebird'

From 5cc612a130d93c4fc6780d14aea27d606fdbb68b Mon Sep 17 00:00:00 2001
From: Thai Pangsakulyanont <org.yi.dttvb@gmail.com>
Date: Tue, 4 Dec 2018 01:43:51 +0700
Subject: [PATCH 7/8] :green_heart: Fix code coverage by adding
 istanbul-instrumenter-loader

Thanks: https://github.com/mcliment/typescript-karma-webpack-coverage-sample
---
 config/webpack.js | 13 +++++++++++++
 package.json      |  1 +
 yarn.lock         | 21 +++++++++++++++++++--
 3 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/config/webpack.js b/config/webpack.js
index f1cf014f2..e80f0e243 100644
--- a/config/webpack.js
+++ b/config/webpack.js
@@ -69,6 +69,19 @@ function generateLoadersConfig () {
         }
       }
     },
+    ...(Env.coverageEnabled()
+      ? [
+        {
+          test: /\.[jt]sx?$/,
+          include: [path('src')],
+          use: {
+            loader: 'istanbul-instrumenter-loader',
+            options: { esModules: true }
+          },
+          enforce: 'post'
+        }
+      ]
+      : []),
     {
       test: /\.js$/,
       type: 'javascript/auto',
diff --git a/package.json b/package.json
index d9ac332f5..9c0ae1378 100644
--- a/package.json
+++ b/package.json
@@ -90,6 +90,7 @@
     "gulp-util": "^3.0.8",
     "hide-stack-frames-from": "^1.0.0",
     "import-sort-style-renke": "^2.4.0",
+    "istanbul-instrumenter-loader": "^3.0.1",
     "jade": "^1.9.2",
     "jade-loader": "^0.8.0",
     "js-yaml": "^3.12.0",
diff --git a/yarn.lock b/yarn.lock
index 4a2f23067..8d423330f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1095,7 +1095,7 @@ ajv-keywords@^3.1.0:
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.2.0.tgz#e86b819c602cf8821ad637413698f1dec021847a"
   integrity sha1-6GuBnGAs+IIa1jdBNpjx3sAhhHo=
 
-ajv@^5.1.0, ajv@^5.2.3, ajv@^5.3.0:
+ajv@^5.0.0, ajv@^5.1.0, ajv@^5.2.3, ajv@^5.3.0:
   version "5.5.2"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-5.5.2.tgz#73b5eeca3fab653e3d3f9422b341ad42205dc965"
   integrity sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=
@@ -7789,6 +7789,16 @@ isstream@~0.1.2:
   resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
   integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
 
+istanbul-instrumenter-loader@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/istanbul-instrumenter-loader/-/istanbul-instrumenter-loader-3.0.1.tgz#9957bd59252b373fae5c52b7b5188e6fde2a0949"
+  integrity sha512-a5SPObZgS0jB/ixaKSMdn6n/gXSrK2S6q/UfRJBT3e6gQmVjwZROTODQsYW5ZNwOu78hG62Y3fWlebaVOL0C+w==
+  dependencies:
+    convert-source-map "^1.5.0"
+    istanbul-lib-instrument "^1.7.3"
+    loader-utils "^1.1.0"
+    schema-utils "^0.3.0"
+
 istanbul-lib-coverage@^1.1.2, istanbul-lib-coverage@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-1.2.1.tgz#ccf7edcd0a0bb9b8f729feeb0930470f9af664f0"
@@ -7801,7 +7811,7 @@ istanbul-lib-hook@^1.1.0:
   dependencies:
     append-transform "^0.4.0"
 
-istanbul-lib-instrument@^1.10.0:
+istanbul-lib-instrument@^1.10.0, istanbul-lib-instrument@^1.7.3:
   version "1.10.2"
   resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-1.10.2.tgz#1f55ed10ac3c47f2bdddd5307935126754d0a9ca"
   integrity sha512-aWHxfxDqvh/ZlxR8BBaEPVSWDPUkGD63VjGQn3jcw8jCp7sHEMKcrj4xfJn/ABzdMEHiQNyvDQhqm5o8+SQg7A==
@@ -12393,6 +12403,13 @@ schedule@^0.5.0:
   dependencies:
     object-assign "^4.1.1"
 
+schema-utils@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.3.0.tgz#f5877222ce3e931edae039f17eb3716e7137f8cf"
+  integrity sha1-9YdyIs4+kx7a4DnxfrNxbnE3+M8=
+  dependencies:
+    ajv "^5.0.0"
+
 schema-utils@^0.4.0, schema-utils@^0.4.4, schema-utils@^0.4.5:
   version "0.4.7"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.4.7.tgz#ba74f597d2be2ea880131746ee17d0a093c68187"

From b2dc5444f7cbf0f26727c74e8590d637a189e3fd Mon Sep 17 00:00:00 2001
From: Thai Pangsakulyanont <org.yi.dttvb@gmail.com>
Date: Tue, 4 Dec 2018 02:02:55 +0700
Subject: [PATCH 8/8] :art: Revert unrelated spacing change...

---
 src/ui/FloatingMobileMenu.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/FloatingMobileMenu.jsx b/src/ui/FloatingMobileMenu.jsx
index 3224689dd..cdc4a0870 100644
--- a/src/ui/FloatingMobileMenu.jsx
+++ b/src/ui/FloatingMobileMenu.jsx
@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import styled, { keyframes, css } from 'react-emotion'
 
-function FloatingMobileMenu({ children, visible }) {
+function FloatingMobileMenu ({ children, visible }) {
   return (
     <nav
       className={css(`