Updated for 2020

.eslintrc

@@ -1,3 +1,23 @@
 {
-  "extends": ["eslint-config-preshape"]
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "sourceType": "module"
+  },
+  "extends": [
+    "plugin:@typescript-eslint/recommended",
+    "eslint-config-preshape"
+  ],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "rules": {
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/explicit-member-accessibility": "off",
+    "@typescript-eslint/indent": "off",
+    "@typescript-eslint/no-empty-interface": "off",
+    "react/display-name": [0],
+    "react/prop-types": [0]
+  }
 }

.gitignore

@@ -1,4 +1,7 @@
-node_modules
-yarn-error.log
-public
-firebase-debug.log
+.cache
+.firebase
+/dist
+/lib
+/node_modules
+/public
+/yarn-error.log

.nvmrc

@@ -1 +1 @@
-v8.11.3
+v10.15.3

.stylelintignore

@@ -0,0 +1,2 @@
+**/*.tsx
+**/*.ts

.travis.yml

@@ -11,4 +11,5 @@ deploy:
   provider: firebase
   skip_cleanup: true
   token:
-    secure: ZSBfO4OwSP4wJccv4Tqd8sM1TSKH/yQFpoVou1aujJAiaEj6LjeO/bSXaC1eUN9/XgdEOlZ8n5zcCrp+/43YyF/BAyBgKnUJAjuWa65VgNmfE9H2wgojGF/TLoYFGliHy0E9jihNVNOAJDzs0Pw7XY+uzk/syfT4B3N3QqnbkL7txPudkVc69eVKs8NiAtE7d0a6Md7J//KFBQSCm1fAbIxknHPiJEN3bX55xRwsCxCoZU8mP2mPm5zGaH2AeCZJKZZNhPbS3MpW/TORjr0zPXGsjqyDuiJX6Ng+zbG2hnvB56UmuANoidZ9eyGUcNTSqmVqxav+XEMwbK+V4tbu8sUT9+UpYILcX89JBQhGfe6eBrwuwWaYvO7SEI8NNKBEnYIbsac74nroJRPHtGRl1lkdZI+dwxupZIl4jd7FemwqgmypuM5QpU+tIB7nxTwEV17ygZSH+k5jiKOlQ/hlVvq7+dEZ9yXV7Jkb31rF7UoOKLVt3OFORN0e4YVR4v16HjzoE1yTsI5O3pWOcH+PmuYl/vWOr4Z+zfC7rSw6354bCWGxrrocrXIS3/jO3H+FveuuOt/O5QOAPoKTO8xyWCaEDIfbbC1or3Y21ai7b/PrJtgKgRCGIfkvwK56x52u5VH/JHtCEJuJ8HhP8crCBsYSfbpFruZd7MLrjttL4ZU=
+    secure: QCtEd4Qw1+qGex4VdGO72VlcCIO9er1rhbnA9yI6HNqP30JdbOWnODZifs7igLwh9z9eZQDPqX1K3cBfUbsJi6BXxUNjELVB6sXUvGwiXuA7L8A2QUR+rXH9C0+WlC/v1s3mswl3YfI+b/XbVLmebea3ryH1hcp9WNykb8ZIyCyrLEn3jxqbNbM5YaqUONnwKVDE1ZG+WIZXAfZrNV30ROcJgLSmATjoC4LyGULkF2H+cBYcFp8PNueCRty2GcwKU5f8PqZBigSVHKcYlsSGVoWUCXaKc1odETUte6qTVwjpur9iq/qwiJPkeMDMIRRyZFoBp3wKPKEPnw39dE0AAIbYBIqHV7O8qAy67hkNA0PH4ATpOJPPgNc1RhMNTiOVsBYk71qXSITVNJhyJyooA7lMZBJbe7vW5l3VteyL7zkse8IirIW1EIXhreom2UEJsM/nR1DWZSCN3S/x08TLg8w+cy3D75UVKWifDAG4jX0eXNQiPAbSR/hQgkn6/WUfKhFiE+GhG584/1bJ+/Y/46Gg3nzMwnONjnt8NMEkakvofb/agCT6OaYprrpKyM023QwoBGHlJiReNNGSozy4bP8YFSSA9Cdd6d/yKEBhBBFylTfdUsqP54J2ScuPTnWGVfhjvo00NAyhpZT4dakBLbZCHolqmEkBZzy5chpvVRc=
+

firebase.json

@@ -1,5 +1,23 @@
 {
   "hosting": {
-    "public": "public"
+    "public": "public",
+    "cleanUrls": true,
+    "headers": [{
+      "source": "**",
+      "headers": [{
+        "key": "Cache-Control",
+        "value": "no-cache, no-store, must-revalidate"
+      }]
+    }, {
+      "source": "**/*.@(js|css|eot|png|svg|ttf|woff|woff2)",
+      "headers": [{
+        "key": "Cache-Control",
+        "value": "public, max-age=604800"
+      }]
+    }],
+    "rewrites": [{
+      "source": "**",
+      "destination": "/index.html"
+    }]
   }
 }

package.json

@@ -5,83 +5,74 @@
   "license": "MIT",
   "private": true,
   "scripts": {
-    "build": "NODE_ENV=production BABEL_ENV=production webpack --config webpack.static.config.js",
-    "lint:css": "stylelint site/**/*.css src/**/*.css",
-    "lint:js": "eslint site/**/*.js src/**/*.js",
+    "build": "rm -rf public && parcel build src/index.html -d public && react-snap",
+    "lint:css": "stylelint src/**/*.css",
+    "lint:js": "eslint src/**/*.ts src/**/*.tsx",
     "lint": "yarn lint:js && yarn lint:css",
-    "projects:tiling:configurations": "node ./src/components/Projects/EuclideanTiling/configurations.js",
-    "start": "NODE_ENV=development BABEL_ENV=development webpack-dev-server",
-    "test": "jest ./src"
+    "serve": "superstatic ./public --port 4000 -c superstatic.json",
+    "start": "rm -rf dist && parcel src/index.dev.html --port 4000 -d dist --no-cache --no-autoinstall"
   },
   "dependencies": {
-    "babel-core": "^6.26.0",
+    "@hot-loader/react-dom": "^16.11.0",
+    "autoprefixer": "^9.7.4",
     "babel-eslint": "^8.2.3",
-    "babel-loader": "^7.1.2",
-    "babel-plugin-transform-class-properties": "^6.24.1",
-    "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
-    "babel-plugin-transform-object-rest-spread": "^6.26.0",
-    "babel-plugin-transform-react-remove-prop-types": "^0.4.13",
-    "babel-polyfill": "^6.26.0",
-    "babel-preset-env": "^1.6.1",
-    "babel-preset-react": "^6.24.1",
     "bezier-easing": "^2.0.3",
-    "bitset": "^5.0.3",
     "caniuse-lite": "^1.0.30000697",
     "classnames": "^2.2.5",
-    "clean-webpack-plugin": "^0.1.19",
-    "copy-webpack-plugin": "^4.5.1",
-    "css-loader": "^0.28.7",
-    "d3-scale-chromatic": "^1.3.3",
-    "ejs-loader": "^0.3.1",
-    "eslint": "^4.19.1",
-    "eslint-config-preshape": "^1.1.0",
-    "eslint-plugin-react": "^7.8.2",
-    "file-saver": "^1.3.8",
-    "fscreen": "^1.0.2",
+    "framer": "^1.1.7",
+    "framer-motion": "^1.8.4",
     "gl-matrix": "^3.0.0",
-    "glslify-loader": "^2.0.0",
-    "html-webpack-plugin": "^3.2.0",
-    "jest": "^23.6.0",
-    "lodash.debounce": "^4.0.8",
-    "lodash.flatten": "^4.4.0",
-    "lodash.floor": "^4.0.4",
-    "lodash.maxby": "^4.6.0",
-    "lodash.mean": "^4.1.0",
-    "lodash.omit": "^4.5.0",
+    "lodash.groupby": "^4.6.0",
     "lodash.random": "^3.2.0",
-    "lodash.uniqwith": "^4.5.0",
-    "lodash.zip": "^4.2.0",
-    "luxon": "^1.2.1",
-    "mini-css-extract-plugin": "^0.5.0",
-    "papaparse": "^4.6.3",
-    "postcss-cssnext": "^3.0.2",
-    "postcss-loader": "^2.0.8",
-    "preshape": "^3.1.0",
-    "raw-loader": "^0.5.1",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0",
-    "react-hot-loader": "^4.6.3",
-    "react-router": "^4.2.0",
-    "react-router-dom": "^4.2.2",
-    "react-transition-group": "^2.3.0",
-    "recharts": "^1.0.0-beta.10",
+    "luxon": "^1.22.0",
+    "parcel-bundler": "^1.12.4",
+    "postcss-preset-env": "^6.7.0",
+    "preshape": "^4.1.1",
+    "react": "^16.8.2",
+    "react-dom": "^16.8.2",
+    "react-helmet": "6.0.0-beta.2 ",
+    "react-hot-loader": "^4.12.19",
+    "react-router-dom": "^5.1.2",
+    "react-snap": "^1.23.0",
     "regl": "^1.3.11",
-    "remarkable": "^1.7.1",
-    "remarkable-react": "^1.0.2",
-    "static-site-generator-webpack-plugin": "^3.4.2",
+    "sat": "^0.8.0",
     "style-loader": "^0.19.0",
+    "typescript": "^3.7.5",
+    "vishull2d": "^0.1.0"
+  },
+  "devDependencies": {
+    "@types/bezier-easing": "*",
+    "@types/classnames": "*",
+    "@types/gl-matrix": "*",
+    "@types/lodash.groupby": "*",
+    "@types/lodash.random": "*",
+    "@types/luxon": "*",
+    "@types/react": "*",
+    "@types/react-dom": "*",
+    "@types/react-helmet": "*",
+    "@types/react-router-dom": "*",
+    "@types/sat": "*",
+    "@typescript-eslint/eslint-plugin": "^2.19.0",
+    "@typescript-eslint/parser": "^2.19.0",
+    "eslint": "^6.8.0",
+    "eslint-config-preshape": "^1.1.0",
+    "eslint-plugin-react": "^7.18.3",
+    "eslint-plugin-react-hooks": "^2.3.0",
+    "glslify-bundle": "^5.1.1",
+    "glslify-deps": "^1.3.1",
     "stylelint": "^9.1.3",
     "stylelint-config-preshape": "^1.0.0",
     "stylelint-order": "^0.8.1",
-    "svg-inline-loader": "^0.8.0",
-    "sysplot": "^2.1.0",
-    "terser-webpack-plugin": "^1.2.1",
-    "two.js": "^0.7.0-alpha.1",
-    "uuid": "^3.3.2",
-    "vishull2d": "^0.1.0",
-    "webpack": "^4.28.4",
-    "webpack-cli": "^3.2.1",
-    "webpack-dev-server": "^3.1.14",
-    "worker-loader": "^2.0.0"
+    "superstatic": "^6.0.4"
+  },
+  "alias": {
+    "react-dom": "@hot-loader/react-dom"
+  },
+  "reactSnap": {
+    "source": "public",
+    "minifyHtml": {
+      "collapseWhitespace": false,
+      "removeComments": false
+    }
   }
 }

postcss.config.js

@@ -1,14 +1,11 @@
 module.exports = {
-  plugins: [
-    require('postcss-cssnext')({
-      browsers: [
-        'last 2 Firefox versions',
-        'last 2 Chrome versions',
-        'last 2 Edge versions',
-        'last 2 Safari versions',
-      ],
-      features: {
-        customProperties: false,
+  'plugins': [
+    require('autoprefixer'),
+    require('postcss-preset-env')({
+      'stage': 3,
+      'features': {
+        'custom-properties': false,
+        'nesting-rules': true,
       },
     }),
   ],