Migrated from react-scripts-ts to react-scripts

.gitignore

@@ -1,3 +1,4 @@
 build
 node_modules
 package-lock.json
+src/react-app-env.d.ts

package.json

@@ -29,14 +29,14 @@
     "@types/react-router-dom": "^4.3.1",
     "gh-pages": "^2.0.1",
     "prettier": "^1.15.3",
-    "react-scripts-ts": "^4.0.8",
+    "react-scripts": "^2.1.3",
     "tslint-config-prettier": "^1.17.0",
     "typescript": "latest"
   },
   "scripts": {
-    "start": "react-scripts-ts start",
-    "build": "react-scripts-ts build",
-    "test": "react-scripts-ts test --env=jsdom",
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
     "prettier": "prettier --write src/**/*.{ts,tsx,json}",
     "predeploy": "npm run build",
     "deploy": "gh-pages -d build"

src/chart.tsx

@@ -20,7 +20,7 @@ function zoomed() {
 /** Called when the scrollbars are used. */
 function scrolled() {
   const svg = d3.select('#chart');
-  const parent = (svg.node() as HTMLElement).parentElement!;
+  const parent = (svg.node() as HTMLElement).parentElement as Element;
   const x = parent.scrollLeft + parent.clientWidth / 2;
   const y = parent.scrollTop + parent.clientHeight / 2;
   d3.select(parent).call(d3.zoom().translateTo, x, y);
@@ -59,7 +59,7 @@ export class Chart extends React.PureComponent<ChartProps, {}> {
       baseGeneration: this.props.selection.generation,
     });
     const svg = d3.select('#chart');
-    const parent = (svg.node() as HTMLElement).parentElement!;
+    const parent = (svg.node() as HTMLElement).parentElement as Element;
 
     d3.select(parent)
       .on('scroll', scrolled)

src/chart_view.tsx

@@ -1,7 +1,7 @@
-import * as md5 from 'md5';
 import * as queryString from 'query-string';
 import * as React from 'react';
 import axios from 'axios';
+import md5 from 'md5';
 import {Chart} from './chart';
 import {convertGedcom} from './gedcom_util';
 import {IndiInfo, JsonGedcomData} from 'topola';

src/index.tsx

@@ -1,8 +1,8 @@
 import * as locale_en from 'react-intl/locale-data/en';
 import * as locale_pl from 'react-intl/locale-data/pl';
-import * as messages_pl from './translations/pl.json';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
+import messages_pl from './translations/pl.json';
 import {addLocaleData} from 'react-intl';
 import {ChartView} from './chart_view';
 import {HashRouter as Router, Route, Switch} from 'react-router-dom';

src/top_bar.tsx

@@ -1,6 +1,6 @@
-import * as md5 from 'md5';
 import * as queryString from 'query-string';
 import * as React from 'react';
+import md5 from 'md5';
 import {FormattedMessage} from 'react-intl';
 import {Link} from 'react-router-dom';
 import {RouteComponentProps} from 'react-router-dom';

tsconfig.json

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

tsconfig.prod.json

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