Converts app to same build setup as floweditor

package.json

@@ -1,27 +1,67 @@
 {
   "name": "sexplainer",
-  "version": "0.1.0",
+  "license": "AGPL-3.0",
+  "repository": "git://github.com/nyaruka/sessionexplain.git",
+  "version": "0.2.0",
   "private": true,
   "dependencies": {
-    "react": "^16.6.0",
-    "react-dom": "^16.6.0",
-    "react-scripts-ts": "3.1.0"
+    "react": "^16.8.6",
+    "react-dom": "^16.8.6"
   },
   "scripts": {
-    "start": "react-scripts-ts start",
-    "build": "react-scripts-ts build",
-    "test": "react-scripts-ts test --env=jsdom",
-    "eject": "react-scripts-ts eject"
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "prettify": "prettier --write 'src/**/*.{ts,tsx,json,js,css,md}'"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "jest": {
+    "collectCoverageFrom": [
+      "src/**/*.{ts,tsx}"
+    ],
+    "coverageReporters": [
+      "text",
+      "lcov",
+      "json"
+    ],
+    "snapshotSerializers": [
+      "enzyme-to-json/serializer"
+    ]
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js,css,md}": [
+      "prettier --write",
+      "git add"
+    ]
   },
   "devDependencies": {
-    "@types/enzyme": "^3.1.14",
-    "@types/enzyme-adapter-react-16": "^1.0.3",
+    "@types/enzyme": "^3.10.3",
+    "@types/enzyme-adapter-react-16": "^1.0.5",
     "@types/jest": "^23.3.7",
     "@types/node": "^10.12.0",
     "@types/react": "^16.4.18",
     "@types/react-dom": "^16.0.9",
-    "enzyme": "^3.7.0",
-    "enzyme-adapter-react-16": "^1.6.0",
-    "typescript": "^3.1.3"
+    "enzyme": "3.9.0",
+    "enzyme-adapter-react-16": "^1.13.0",
+    "enzyme-adapter-utils": "1.12.0",
+    "enzyme-to-json": "^3.3.4",
+    "prettier": "1.18.2",
+    "react-scripts": "3.0.1",
+    "tslint": "5.17.0",
+    "tslint-config-prettier": "1.18.0",
+    "tslint-plugin-prettier": "2.0.1",
+    "typescript": "^3.4.5"
   }
-}
+}

src/components/Timeline.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import './Timeline.css';
 
-import { ExplainFrame, URLResolver } from 'src/utils/Explain';
+import { ExplainFrame, URLResolver } from 'utils/Explain';
 import { TimelineFrame } from './TimelineFrame';
 
 interface Props {

src/components/TimelineEvent.test.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { TimelineEvent } from './TimelineEvent';
 import { mount, configure } from 'enzyme';
-import * as ReactSixteenAdapter from 'enzyme-adapter-react-16';
+import ReactSixteenAdapter from 'enzyme-adapter-react-16';
 
 configure({ adapter: new ReactSixteenAdapter() });
 

src/components/TimelineEvent.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Event } from 'src/utils/GoFlow';
+import { Event } from 'utils/GoFlow';
 
 interface Props {
     event: Event;

src/components/TimelineFrame.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TimelineStep } from './TimelineStep';
-import { ExplainFrame, URLResolver } from 'src/utils/Explain';
+import { ExplainFrame, URLResolver } from 'utils/Explain';
 
 interface Props {
     frame: ExplainFrame;

src/components/TimelineStep.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TimelineEvent } from './TimelineEvent';
-import { ExplainStep } from 'src/utils/Explain';
+import { ExplainStep } from 'utils/Explain';
 
 interface Props {
     step: ExplainStep;

src/components/TriggerInfo.test.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { TriggerInfo } from './TriggerInfo';
 import { mount, configure } from 'enzyme';
-import * as ReactSixteenAdapter from 'enzyme-adapter-react-16';
+import ReactSixteenAdapter from 'enzyme-adapter-react-16';
 
 configure({ adapter: new ReactSixteenAdapter() });
 
@@ -15,7 +15,7 @@ it('renders appropriate summary for different trigger types', () => {
                     campaign: { "uuid": "58e9b092-fe42-4173-876c-ff45a14a24fe", "name": "New Mothers" }
                 }
             },
-            summary: "📅 started by event in New Mothers campaign"
+            summary: "📅 started by event in New Mothers campaign"
         },
         {
             trigger: {
@@ -25,25 +25,25 @@ it('renders appropriate summary for different trigger types', () => {
                     channel: { uuid: "58e9b092-fe42-4173-876c-ff45a14a24fe", name: "Facebook" }
                 }
             },
-            summary: "📻 started by new_conversation event on Facebook channel"
+            summary: "📻 started by new_conversation event on Facebook channel"
         },
         {
             trigger: {
                 type: "flow_action"
             },
-            summary: "🏁 started by action in another flow session"
+            summary: "🏁 started by action in another flow session"
         },
         {
             trigger: {
                 type: "manual"
             },
-            summary: "👷 manually started"
+            summary: "👷 manually started"
         },
         {
             trigger: {
                 type: "msg"
             },
-            summary: "📥 message received that didn't match anything else"
+            summary: "📥 message received that didn't match anything else"
         },
         {
             trigger: {
@@ -53,7 +53,7 @@ it('renders appropriate summary for different trigger types', () => {
                     keyword: "start"
                 }
             },
-            summary: "📥 message received whose first word matched start"
+            summary: "📥 message received whose first word matched start"
         },
         {
             trigger: {
@@ -63,7 +63,7 @@ it('renders appropriate summary for different trigger types', () => {
                     keyword: "start"
                 }
             },
-            summary: "📥 message received whose only word matched start"
+            summary: "📥 message received whose only word matched start"
         }
     ];
 

src/components/TriggerInfo.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Trigger } from 'src/utils/GoFlow';
+import { Trigger } from 'utils/GoFlow';
 import './TriggerInfo.css';
 
 interface Props {

src/react-app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="react-scripts" />

tsconfig.json

@@ -1,31 +1,37 @@
 {
   "compilerOptions": {
-    "baseUrl": ".",
-    "outDir": "build/dist",
-    "module": "esnext",
+    "baseUrl": "src",
     "target": "es5",
-    "lib": ["es6", "dom"],
-    "sourceMap": true,
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "plugins": [
+      {
+        "name": "typescript-tslint-plugin"
+      }
+    ],
     "allowJs": true,
-    "jsx": "react",
-    "moduleResolution": "node",
-    "rootDir": "src",
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "sourceMap": true,
+    "strict": true,
     "forceConsistentCasingInFileNames": true,
-    "noImplicitReturns": true,
-    "noImplicitThis": true,
-    "noImplicitAny": true,
-    "importHelpers": true,
-    "strictNullChecks": true,
-    "suppressImplicitAnyIndexErrors": true,
-    "noUnusedLocals": true
+    "module": "esnext",
+    "moduleResolution": "node",
+    "downlevelIteration": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "strictNullChecks": false,
+    "resolveJsonModule": true
   },
+  "include": [
+    "src"
+  ],
   "exclude": [
-    "node_modules",
-    "build",
-    "scripts",
-    "acceptance-tests",
-    "webpack",
-    "jest",
-    "src/setupTests.ts"
+    "node_modules"
   ]
-}
+}