TS migration. #2288. (#2328)

* Added TS. Updated build and linting config. Added types.

* [ts-migrate][.] Rename files from JS/JSX to TS/TSX

Co-authored-by: ts-migrate <>

* [ts-migrate][.] Run TS Migrate

Co-authored-by: ts-migrate <>

* Corrected files mangled by ts-migrate.

* Updated lint config, minor linting.

* Re-enabled Husky.

* Updated tests and config.

* Reverted webpack devtool config.

* Removed obsolete snapshots.

* Added annotations snap.

* Updated tsconfig includes wrt linting.

* Removed ts-migrate.

Co-authored-by: Timmy Huang <tihuan@users.noreply.github.com>

client/package.json

@@ -8,9 +8,9 @@
     "build": "npm run clean && webpack --config",
     "clean": "rimraf build",
     "dev": "npm run build -- configuration/webpack/webpack.config.dev.js",
-    "e2e": "jest --config __tests__/e2e/e2eJestConfig.json e2e/e2e.test.js",
-    "e2e-annotations": "jest --config __tests__/e2e/e2eJestConfig.json e2e/e2eAnnotations.test.js",
-    "e2e-prod": "CXG_URL_BASE='https://cellxgene.cziscience.com/d/pbmc3k.cxg/' jest --config __tests__/e2e/e2eJestConfig.json e2e/e2e.test.js",
+    "e2e": "jest --config __tests__/e2e/e2eJestConfig.json e2e/e2e.test.ts",
+    "e2e-annotations": "jest --config __tests__/e2e/e2eJestConfig.json e2e/e2eAnnotations.test.ts",
+    "e2e-prod": "CXG_URL_BASE='https://cellxgene.cziscience.com/d/pbmc3k.cxg/' jest --config __tests__/e2e/e2eJestConfig.json e2e/e2e.test.ts",
     "fmt": "eslint --fix src __tests__",
     "lint": "eslint --fix src __tests__",
     "prod": "npm run build -- configuration/webpack/webpack.config.prod.js",
@@ -90,10 +90,38 @@
     "@babel/plugin-transform-runtime": "^7.13.15",
     "@babel/preset-env": "^7.13.15",
     "@babel/preset-react": "^7.13.13",
+    "@babel/preset-typescript": "^7.14.5",
     "@babel/register": "^7.13.16",
     "@babel/runtime": "^7.13.16",
     "@blueprintjs/eslint-plugin": "^0.3.0",
     "@sentry/webpack-plugin": "^1.15.0",
+    "@types/d3": "^7.0.0",
+    "@types/d3-scale-chromatic": "^3.0.0",
+    "@types/expect-puppeteer": "^4.4.6",
+    "@types/flatbuffers": "^1.10.0",
+    "@types/is-number": "^7.0.1",
+    "@types/jest": "^26.0.24",
+    "@types/jest-environment-puppeteer": "^4.4.1",
+    "@types/lodash.clonedeep": "^4.5.6",
+    "@types/lodash.difference": "^4.5.6",
+    "@types/lodash.every": "^4.6.6",
+    "@types/lodash.filter": "^4.6.6",
+    "@types/lodash.foreach": "^4.5.6",
+    "@types/lodash.isnumber": "^3.0.6",
+    "@types/lodash.map": "^4.6.13",
+    "@types/lodash.pull": "^4.1.6",
+    "@types/lodash.sortby": "^4.7.6",
+    "@types/lodash.uniq": "^4.5.6",
+    "@types/lodash.zip": "^4.2.6",
+    "@types/pako": "^1.0.2",
+    "@types/puppeteer": "^5.4.4",
+    "@types/react": "^17.0.14",
+    "@types/react-dom": "^17.0.9",
+    "@types/react-helmet": "^6.1.2",
+    "@types/react-redux": "^7.1.18",
+    "@types/sha1": "^1.1.3",
+    "@typescript-eslint/eslint-plugin": "^4.28.4",
+    "@typescript-eslint/parser": "^4.28.4",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^26.1.0",
     "babel-loader": "^8.1.0",
@@ -106,7 +134,7 @@
     "connect-history-api-fallback": "^1.6.0",
     "css-loader": "^5.2.4",
     "eslint": "^7.24.0",
-    "eslint-config-airbnb": "^18.2.0",
+    "eslint-config-airbnb-typescript": "^12.3.1",
     "eslint-config-prettier": "^8.2.0",
     "eslint-loader": "^4.0.2",
     "eslint-plugin-compat": "^3.8.0",
@@ -149,6 +177,7 @@
     "style-loader": "^2.0.0",
     "sw-precache-webpack-plugin": "^1.0.0",
     "terser-webpack-plugin": "^5.1.1",
+    "typescript": "^4.3.5",
     "url-loader": "^4.1.0",
     "webpack": "^5.34.0",
     "webpack-cli": "^4.6.0",
@@ -157,10 +186,10 @@
   },
   "jest": {
     "testMatch": [
-      "**/__tests__/**/?(*.)(spec|test).js?(x)"
+      "**/__tests__/**/?(*.)(spec|test).ts?(x)"
     ],
     "setupFiles": [
-      "./__tests__/setupMissingGlobals.js"
+      "./__tests__/setupMissingGlobals.ts"
     ],
     "coverageDirectory": "./coverage/",
     "collectCoverage": true
@@ -170,7 +199,8 @@
       "test": {
         "presets": [
           "@babel/preset-env",
-          "@babel/preset-react"
+          "@babel/preset-react",
+          "@babel/preset-typescript"
         ],
         "plugins": [
           "@babel/plugin-proposal-function-bind",