prod reload 404 fix -- need to test in prod (#52)

helenailic · web-flow · commit ea7ee190ab83 · 2025-03-02T13:22:00.000-06:00
* prod reload 404 fix -- need to test in prod

* fix conflict?
diff --git a/404.html b/404.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>WCS Points</title>
+  <script type="text/javascript">
+    // handles redirects for single page apps on GitHub Pages
+    var segmentCount = 0;
+    var location = window.location;
+    
+    // redirect to the index.html with a special query parameter containing the path
+    location.replace(
+      location.protocol + '//' + location.hostname + (location.port ? ':' + location.port : '') +
+      '/' +
+      '?path=' + 
+      location.pathname.slice(1).split('/').slice(segmentCount).join('/') +
+      (location.search || '') +
+      (location.hash || '')
+    );
+  </script>
+</head>
+<body>
+  Redirecting...
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -5,6 +5,23 @@
     <link rel="icon" type="image/svg+xml" href="./src/assets/logo-icon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>WCS Points</title>
+    <script type="text/javascript">
+      // Thandles the redirect from 404.html
+      (function() {
+        var path = window.location.search.match(/path=([^&]*)/);
+        if (path) {
+          var originalPath = path[1];
+          var search = window.location.search.replace(/path=[^&]*(&|$)/, '');
+          search = search === '?' ? '' : search;
+          
+          window.history.replaceState(null, null, 
+            '/' + originalPath + 
+            (search || '') + 
+            (window.location.hash || '')
+          );
+        }
+      })();
+    </script>
   </head>
   <body>
     <div id="root"></div>
diff --git a/package.json b/package.json
@@ -11,7 +11,7 @@
     "prepare": "husky install",
     "prettier-format": "prettier --config .prettierrc --write",
     "predeploy": "npm run build",
-    "deploy": "gh-pages -b main -d build"
+    "deploy": "gh-pages -b main -d dist"
   },
   "husky": {
     "hooks": {
