From 6df28966be356b6324af9a3cc6a14929d2d23b0b Mon Sep 17 00:00:00 2001
From: Spectralitree <72747870+Spectralitree@users.noreply.github.com>
Date: Sun, 12 Dec 2021 12:56:26 +0100
Subject: [PATCH] fix: actually fix spa routing

---
 docs/404.html                                 | 40 +++++++++++++++++++
 docs/CNAME                                    |  1 -
 .../{index.fe151802.js => main.3cf66444.js}   |  0
 .../{index.b38ea81b.css => main.4f449199.css} |  0
 docs/index.html                               | 29 +++++++++++++-
 vite.config.js                                | 13 ++++--
 6 files changed, 77 insertions(+), 6 deletions(-)
 create mode 100644 docs/404.html
 delete mode 100644 docs/CNAME
 rename docs/assets/{index.fe151802.js => main.3cf66444.js} (100%)
 rename docs/assets/{index.b38ea81b.css => main.4f449199.css} (100%)
diff --git a/docs/404.html b/docs/404.html
new file mode 100644
index 00000000..fb3f2dbb
--- /dev/null
+++ b/docs/404.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Single Page Apps for GitHub Pages</title>
+    <script type="text/javascript">
+      // Single Page Apps for GitHub Pages
+      // MIT License
+      // https://github.com/rafgraph/spa-github-pages
+      // This script takes the current url and converts the path and query
+      // string into just a query string, and then redirects the browser
+      // to the new url with only a query string and hash fragment,
+      // e.g. https://www.foo.tld/one/two?a=b&c=d#qwe, becomes
+      // https://www.foo.tld/?/one/two&a=b~and~c=d#qwe
+      // Note: this 404.html file must be at least 512 bytes for it to work
+      // with Internet Explorer (it is currently > 512 bytes)
+
+      // If you're creating a Project Pages site and NOT using a custom domain,
+      // then set pathSegmentsToKeep to 1 (enterprise users may need to set it to > 1).
+      // This way the code will only replace the route part of the path, and not
+      // the real directory in which the app resides, for example:
+      // https://username.github.io/repo-name/one/two?a=b&c=d#qwe becomes
+      // https://username.github.io/repo-name/?/one/two&a=b~and~c=d#qwe
+      // Otherwise, leave pathSegmentsToKeep as 0.
+      var pathSegmentsToKeep = 0;
+
+      var l = window.location;
+      l.replace(
+        l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') +
+        l.pathname.split('/').slice(0, 1 + pathSegmentsToKeep).join('/') + '/?/' +
+        l.pathname.slice(1).split('/').slice(pathSegmentsToKeep).join('/').replace(/&/g, '~and~') +
+        (l.search ? '&' + l.search.slice(1).replace(/&/g, '~and~') : '') +
+        l.hash
+      );
+
+    </script>
+  </head>
+  <body>
+  </body>
+</html>
\ No newline at end of file
diff --git a/docs/CNAME b/docs/CNAME
deleted file mode 100644
index e408adf7..00000000
--- a/docs/CNAME
+++ /dev/null
@@ -1 +0,0 @@
-pk-webs-beta.spectralitree.com
\ No newline at end of file
diff --git a/docs/assets/index.fe151802.js b/docs/assets/main.3cf66444.js
similarity index 100%
rename from docs/assets/index.fe151802.js
rename to docs/assets/main.3cf66444.js
diff --git a/docs/assets/index.b38ea81b.css b/docs/assets/main.4f449199.css
similarity index 100%
rename from docs/assets/index.b38ea81b.css
rename to docs/assets/main.4f449199.css
diff --git a/docs/index.html b/docs/index.html
index 69fe9e42..400c25e2 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -7,10 +7,35 @@
     <title>pk-webs | home</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-night.min.css" />
     
-    <script type="module" crossorigin src="/assets/index.fe151802.js"></script>
+
+    <!-- Start Single Page Apps for GitHub Pages -->
+    <script type="text/javascript">
+      // Single Page Apps for GitHub Pages
+      // MIT License
+      // https://github.com/rafgraph/spa-github-pages
+      // This script checks to see if a redirect is present in the query string,
+      // converts it back into the correct url and adds it to the
+      // browser's history using window.history.replaceState(...),
+      // which won't cause the browser to attempt to load the new url.
+      // When the single page app is loaded further down in this file,
+      // the correct url will be waiting in the browser's history for
+      // the single page app to route accordingly.
+      (function(l) {
+        if (l.search[1] === '/' ) {
+          var decoded = l.search.slice(1).split('&').map(function(s) { 
+            return s.replace(/~and~/g, '&')
+          }).join('?');
+          window.history.replaceState(null, null,
+              l.pathname.slice(0, -1) + decoded + l.hash
+          );
+        }
+      }(window.location))
+    </script>
+    <!-- End Single Page Apps for GitHub Pages -->
+    <script type="module" crossorigin src="/assets/main.3cf66444.js"></script>
     <link rel="modulepreload" href="/assets/vendor.a3039f12.js">
     <link rel="stylesheet" href="/assets/vendor.484ba9db.css">
-    <link rel="stylesheet" href="/assets/index.b38ea81b.css">
+    <link rel="stylesheet" href="/assets/main.4f449199.css">
   </head>
   <body>
     <div id="app"></div>
diff --git a/vite.config.js b/vite.config.js
index 10e84868..7335d595 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,3 +1,4 @@
+import resolve from 'path';
 import { defineConfig } from 'vite'
 import { svelte } from '@sveltejs/vite-plugin-svelte'
 
@@ -5,10 +6,16 @@ import { svelte } from '@sveltejs/vite-plugin-svelte'
 export default defineConfig({
   plugins: [svelte()],
   optimizeDeps: { exclude: ["svelte-navigator"] },
-  build: {
-    outDir: "docs"
-  },
   server: {
     https: true
+  },
+  build: {
+    rollupOptions: {
+      input: {
+        main: 'index.html',
+        404: '404.html'
+      },
+    },
+    outDir: "docs"
   }
 })
