From 7c90339fecc1d8ef641c2ae6d4742ebad9a0c20c Mon Sep 17 00:00:00 2001
From: Anthony van Winkle <avanwinkle@users.noreply.github.com>
Date: Fri, 16 Aug 2024 11:20:17 -0700
Subject: [PATCH] Create 404.html with redirects

---
 404.html | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 404.html

diff --git a/404.html b/404.html
new file mode 100644
index 0000000000..174419a3ee
--- /dev/null
+++ b/404.html
@@ -0,0 +1,34 @@
+<script>
+    // Check if the current path is versioned, if not, redirect to the default versioned path
+    const versions = ["0.57", "0.80", "latest", "dev"]
+    const defaultVersion = "latest"
+    const targetRedirectPath = "404" // path to redirect to
+
+    // if path starts with version, redirect to versioned 404
+    let foundVersion = false
+    versions.forEach(version => {
+        const path = window.location.pathname;
+        if (path.startsWith(`/${version}`) && !path.startsWith(`/${version}/`)) {
+            const versionToReplace = path.split('/')[1];
+            foundVersion = true;
+            window.location.href = window.location.href.replace(versionToReplace, version);
+        } else if (path.startsWith(`/${version}/`)) {
+             // we need this foundVersion guard because the browser is fast and
+             // will keep the executing code below until the redirect happens
+            foundVersion = true;
+            window.location.href = `/${version}/${targetRedirectPath}`;
+        }
+    });
+
+    // if path doesn't start with any version, redirect to defaultVersion
+    // Replace it in href, so we keep hashes and query params
+    if (!foundVersion){
+        const pathParts = window.location.pathname.split('/');
+        if (pathParts.length >= 2) {
+            const stringToReplace = pathParts[1];
+            window.location.href = window.location.href.replace(stringToReplace, defaultVersion);
+        } else {
+            window.location.href = `/${defaultVersion}/${targetRedirectPath}`;
+        }
+    }
+</script>