build(frontend): migrate from Create React App to Vite

- add Vite packages and config.
- update build scripts.
- update ESLint config.
- update SVG shape imports.
- remove the old Express middleware proxy.
- clean up unused dependencies.

.gitignore

@@ -44,3 +44,6 @@ terracotta.sqlite
 __pycache__
 *.egg-info
 *.pyc
+
+# frontend config
+proxy-table.json

frontend/.eslintrc.js

@@ -1,5 +1,5 @@
 module.exports = {
-  extends: ['react-app', 'eslint:recommended'],
+  extends: ['react-app', 'eslint:recommended', 'eslint-config-prettier'],
   rules: {
     'react/prop-types': 'off',
     'no-unused-vars': 'off',

frontend/dev-proxy/proxy-table.cloud.json

@@ -0,0 +1,14 @@
+{
+  "/raster": {
+    "target": "https://jamaica.infrastructureresilience.org",
+    "changeOrigin": true
+  },
+  "/vector": {
+    "target": "https://jamaica.infrastructureresilience.org",
+    "changeOrigin": true
+  },
+  "/api": {
+    "target": "https://jamaica.infrastructureresilience.org",
+    "changeOrigin": true
+  }
+}

frontend/dev-proxy/proxy-table.dev.json

@@ -0,0 +1,23 @@
+{
+  "/raster": {
+    "target": "http://localhost:5000",
+    "changeOrigin": true,
+    "pathRewrite": {
+      "^/raster": "/"
+    }
+  },
+  "/vector": {
+    "target": "http://localhost:8080",
+    "changeOrigin": true,
+    "pathRewrite": {
+      "^/vector": "/"
+    }
+  },
+  "/api": {
+    "target": "http://localhost:8888",
+    "changeOrigin": true,
+    "pathRewrite": {
+      "^/api": "/"
+    }
+  }
+}

frontend/public/index.html → frontend/index.html

@@ -20,6 +20,7 @@
       You need to enable JavaScript to run this app.
     </noscript>
     <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.