Merge pull request #779 from abraham/typescript

Convert to TypeScript

.babelrc.json

@@ -1,5 +1,6 @@
 {
   "presets": [
+    "@babel/preset-typescript",
     [
       "@babel/preset-env",
       {
@@ -8,5 +9,6 @@
         }
       }
     ]
-  ]
+  ],
+  "plugins": [["@babel/plugin-proposal-class-properties", { "loose": true }]]
 }

.eslintrc.json

@@ -1,6 +1,7 @@
 {
   "root": true,
   "extends": ["eslint:recommended", "google", "plugin:polymer/polymer-3", "prettier"],
+  "parser": "@typescript-eslint/parser",
   "parserOptions": {
     "sourceType": "module",
     "ecmaVersion": 2018
@@ -9,8 +10,8 @@
     "browser": true,
     "es6": true
   },
-  "plugins": ["html", "polymer"],
-  "ignorePatterns": ["node_modules/", "dist/"],
+  "plugins": ["@typescript-eslint", "html", "polymer"],
+  "ignorePatterns": ["node_modules/", "dist/", "out-tsc"],
   "rules": {
     "brace-style": "off",
     "new-cap": "off",

.gitignore

@@ -1,4 +1,5 @@
 dist/
+out-tsc/
 node_modules/
 .idea/
 .vscode/

.travis.yml

@@ -10,6 +10,8 @@ jobs:
       script: NODE_ENV=development npm run build
     - name: Production
       script: npm run build
+    - name: Compile
+      script: npm run compile
     - name: Lint
       script: npm run lint
     - name: Security

build-utils.js

@@ -50,6 +50,7 @@ const isTemplate = ({ url, contentType }) => {
     'application/json',
     'text/html',
     'text/markdown',
+    'video/mp2t', // TypeScript
   ];
 
   if (isNodeModule({ url })) {

data/resources.json

@@ -277,7 +277,7 @@
     "unsubscribe": "Unsubscribe",
     "enable": {
       "label": "Enable",
-      "link": "https://pushassist.com/knowledgebase/how-to-enable-or-disable-push-notifications-on-chrome-firefox-safari-b/"
+      "link": "https://support.google.com/chrome/answer/3220216"
     },
     "toast": {
       "title": "Open"

docs/tutorials/01-configure-app.md

@@ -61,11 +61,11 @@ in `hoverboard-app.html`
 ```html
 <iron-pages>
   <home-page data-route="home" data-path="pages/home-page.html"></home-page>
-  <blog-page data-route="blog" data-path="pages/blog-page.html" route="[[subroute]]"></blog-page>
+  <blog-page data-route="blog" data-path="pages/blog-page.html" route="[[subRoute]]"></blog-page>
   <speakers-page
     data-route="speakers"
     data-path="pages/speakers-page.html"
-    route="[[subroute]]"
+    route="[[subRoute]]"
   ></speakers-page>
 </iron-pages>
 ```

index.html

@@ -84,6 +84,15 @@
     <link href="https://fcm.googleapis.com" rel="preconnect" />
     <link href="https://firestore.googleapis.com" rel="preconnect" />
 
+    <script>
+      // https://stackoverflow.com/a/50407571/26406
+      window.process = {
+        env: {
+          NODE_ENV: 'production',
+        },
+      };
+    </script>
+
     <script>
       // First Input Delay polyfill https://github.com/GoogleChromeLabs/first-input-delay
       // prettier-ignore
@@ -127,7 +136,7 @@
     <script src="./node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
     {% if loadDevelopmentScripts %}
     <!-- TODO: Consolidate development and production builds so they are more similar -->
-    <script src="./src/hoverboard-app.js" type="module"></script>
+    <script src="./src/hoverboard-app.ts" type="module"></script>
     {% endif %}
 
     <style>