gh-pages spa workaround

robotframework · Sep 27, 2024 · b107870 · b107870
1 parent 1307e91
commit b107870
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 0 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -5,6 +5,7 @@
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>RoboCon - Robot Framework Conference</title>
+    <script defer src="/spa.js"></script>
     <script type="module" crossorigin src="/assets/index-DT41E5kk.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-CcbfNexT.css">
   </head>

diff --git a/docs/spa.js b/docs/spa.js
@@ -0,0 +1,20 @@
+// 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))
diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>RoboCon - Robot Framework Conference</title>
+    <script defer src="/spa.js"></script>
   </head>
   <body>
     <div id="app"></div>

diff --git a/public/spa.js b/public/spa.js
@@ -0,0 +1,20 @@
+// 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))