Add GitHub Pages SPA trick

lukechu10 · lukechu10 · commit bf50ca426c21 · 2024-09-17T12:46:05.000+02:00
diff --git a/404.html b/404.html
@@ -0,0 +1,38 @@
+<!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
+		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>
diff --git a/index.html b/index.html
@@ -4,6 +4,28 @@
 <head>
 	<title>lukechu</title>
 	<link data-trunk rel="tailwind-css" href="assets/index.scss" />
+	<link data-trunk rel="copy-file" href="404.html" />
+	<script type="text/javascript">
+		// Single Page Apps for GitHub Pages
+		// MIT License
+		// https://github.com/rafgraph/spa-github-pages
+		(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>
 </head>
 
 <body></body>
