Typescript!

package.json

@@ -5,17 +5,30 @@
   "repository": "https://github.com/thefringeninja/sql-stream-store-browser.git",
   "scripts": {
     "analyze": "source-map-explorer build/static/js/main.*",
-    "start": "react-scripts start",
-    "build": "prettier --list-different \"src/**/*.js\" && react-scripts build",
-    "eject": "react-scripts eject",
-    "format": "prettier --write \"src/**/*.js\""
+    "start": "react-scripts-ts start",
+    "build": "prettier --list-different \"src/**/*.js\" \"src/**/*.ts\" \"src/**/*.tsx\" && react-scripts-ts build",
+    "eject": "react-scripts-ts eject",
+    "format": "prettier --write \"src/**/*.js\" \"src/**/*.ts\" \"src/**/*.tsx\""
   },
-  "main": "src/index.js",
+  "main": "src/index.tsx",
   "private": false,
   "devDependencies": {
+    "@types/classnames": "^2.2.6",
+    "@types/history": "^4.7.2",
+    "@types/jss": "^9.5.7",
+    "@types/prettier": "^1.13.2",
+    "@types/react": "^16.4.18",
+    "@types/react-dom": "^16.0.9",
+    "@types/react-tap-event-plugin": "^0.0.30",
+    "@types/react-transition-group": "^2.0.14",
+    "@types/uuid": "^3.4.4",
     "babel-plugin-module-resolver": "3.1.1",
     "prettier": "1.14.2",
-    "source-map-explorer": "1.6.0"
+    "react-scripts-ts": "3.1.0",
+    "source-map-explorer": "1.6.0",
+    "tslint-config-prettier": "1.15.0",
+    "typescript": "3.1.3",
+    "typesync": "0.4.0"
   },
   "dependencies": {
     "@material-ui/core": "3.2.1",
@@ -29,7 +42,6 @@
     "react-inspector": "2.3.0",
     "react-remarkable": "1.1.3",
     "react-schema-form": "0.5.0",
-    "react-scripts": "2.0.5",
     "react-tap-event-plugin": "3.0.2",
     "rxjs": "5.4.3",
     "uri-js": "4.2.2",

src/index.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import SqlStreamStoreBrowser from './SqlStreamStoreBrowser';
+
+const anyWindow = window as any;
+anyWindow.SqlStreamStoreBrowser = SqlStreamStoreBrowser;
+anyWindow.ReactDOM = ReactDOM;
+anyWindow.React = React;
+
+export default SqlStreamStoreBrowser;

tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./src",
+    "outDir": "build/dist",
+    "module": "commonjs",
+    "target": "es5",
+    "lib": [
+      "dom",
+      "es6",
+      "esnext.array"
+    ],
+    "sourceMap": true,
+    "allowJs": true,
+    "jsx": "react",
+    "moduleResolution": "node",
+    "rootDir": "src",
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "alwaysStrict": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+  },
+  "exclude": [
+    "node_modules",
+    "build",
+    "scripts",
+    "webpack",
+  ],
+  "types": [
+    "typePatches"
+  ]
+}

tsconfig.prod.json

@@ -0,0 +1,3 @@
+{
+  "extends": "./tsconfig.json"
+}

tslint.json

@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "tslint:latest",
+    "tslint-config-prettier"
+  ],
+  "defaultSeverity": "warning",
+  "linterOptions": {
+    "exclude": [
+      "config/**/*.js",
+      "node_modules/**/*.ts"
+    ]
+  }
+}