Merge branch 'feature/typescript'

_gulp/path.config.js

@@ -28,8 +28,8 @@ const paths = {
     },
 
     js: {
-        app: `./${config.srcRoot}/scripts/app.js`,
-        watch: `${config.srcRoot}/scripts/**/*.js`,
+        app: `./${config.srcRoot}/scripts/app.ts`,
+        watch: `${config.srcRoot}/scripts/**/*.ts`,
         dest: `${assets}/scripts`
     },
 

_gulp/tsconfig.json

@@ -0,0 +1,9 @@
+{
+    "compilerOptions": {
+        "noImplicitAny": true,
+        "module": "es6",
+        "target": "es5",
+        "jsx": "react",
+        "allowJs": true
+    }
+}

_gulp/webpack.config.js

@@ -16,13 +16,13 @@ const config = {
         app: paths.js.app,
     },
     output: {
-        path: path.resolve(__dirname, 'app'),
+        path: path.resolve(__dirname, 'app.ts'),
         filename: 'bundle.js',
     },
     module: {
         rules: [
             {
-                test: /\.(js)$/,
+                test: /\.(tsx)$/,
                 exclude: /(node_modules)/,
                 use: [
                     {
@@ -35,6 +35,9 @@ const config = {
             },
         ],
     },
+    resolve: {
+        extensions: [".tsx", ".ts", ".js"]
+    },
     plugins: [
         // new BundleAnalyzerPlugin() // Enable this for a JS audit
     ]

_src/scripts/app.ts

@@ -0,0 +1,6 @@
+// Loaded once on initial page load
+import defaultJS from './default/_index'
+import moduleJS from './modules/_index'
+
+defaultJS()
+moduleJS()

_src/scripts/default/menu.js → _src/scripts/default/menu.ts

@@ -1,4 +1,4 @@
-import setFocus from '../_tools/keyboard-trap.js'
+import setFocus from '../_tools/keyboard-trap'
 
 /*
     Menu. Not much more to say.