Switch from Babel to Typescript. Fixes #801 (#831)

* #801 changed from Babel to Typescript.

* Fix merge conflicts

* babel-jest replaced by ts-jest

* Fix some config and upgrade Jest because ts-jest not happy with old version

* Minor config changes

* WIP on fixing tests with localStorage

* Fix lint

* Fix tests

* updated branch and lint fixes

* Lock down dependency versions to exact versions

* test fixes build ci

* test fixes build ci

* Ignore test path /dist/

.eslintignore

@@ -2,3 +2,4 @@
 public/
 coverage/
 node_modules/
+dist/

.eslintrc

@@ -24,4 +24,4 @@
     "no-restricted-globals": [0],
     "react/no-unused-state": [0]
   }
-}
+}

.gitignore

@@ -44,3 +44,6 @@ public
 
 # webstorm
 .idea
+
+# tsc output
+dist/

.vscode/launch.json

@@ -1,6 +1,19 @@
 {
   "version": "0.2.0",
   "configurations": [
+    {
+      "name": "Jest (this file)",
+      "type": "node",
+      "request": "launch",
+      "runtimeArgs": [
+        "--inspect-brk",
+        "${workspaceFolder}/node_modules/.bin/jest",
+        "${relativeFile}"
+      ],
+      "console": "integratedTerminal",
+      "internalConsoleOptions": "neverOpen",
+      "port": 9229
+    },
     {
       "name": "Chrome",
       "type": "chrome",

jest.config.js

@@ -1,8 +1,10 @@
 module.exports = {
   verbose: true,
+  testPathIgnorePatterns: ['/dist/'],
   collectCoverageFrom: [
     '!**/.vscode/**',
     '!**/coverage/**',
+    '!**/dist/**',
     '!**/jest.config.js',
     '!**/node_modules/**',
     '!**/postcss.config.js',
@@ -22,5 +24,8 @@ module.exports = {
       statements: 70,
     },
   },
-  setupTestFrameworkScriptFile: './test/_setup.js',
+  setupFilesAfterEnv: ['<rootDir>/test/_setup.js'],
+  transform: {
+    '.+\\.(j|t)sx?$': 'ts-jest',
+  },
 };