Replace middleware redirect by client-side code in 404 page (#42)

Author: robertbastian

astro.config.mjs

@@ -13,6 +13,12 @@ export const latest_dir_name = latest_version.replace('.', '_');
 export default defineConfig({
 	site: 'https://icu4x.unicode.org',
 	base: '',
+	redirects: {
+		"/1_5": "/1_5/tutorials/quickstart",
+		'/1_5/tutorials': '/1_5/tutorials/quickstart',
+		"/2_0": "/2_0/tutorials/quickstart",
+		'/2_0/tutorials': '/2_0/tutorials/quickstart',
+	},
 	integrations: [
 		starlight({
 			title: 'ICU4X',

src/content/docs/404.mdx

@@ -0,0 +1,26 @@
+---
+title: '404'
+template: splash
+editUrl: false
+hero:
+  title: '404'
+  tagline: Page not found. Check the URL or try using the search bar.
+---
+
+import { latest_dir_name } from '../../../astro.config.mjs';
+
+<script>{`
+window.onload = function () {
+  const latest_dir_name = '${ latest_dir_name }';
+  const path = window.location.pathname;
+  // redirect /latest to the latest version
+  if (path.startsWith('/latest')) {
+      window.location.replace('/' + latest_dir_name + '/' + path.slice(path.length == 7 ? 7 : 8))
+  }
+  // redirect a semver (/2.0.1) to a directory name (/2_0)
+  let parts = path.match(/^\\/([0-9]+)\\.([0-9])+\\.[0-9]+(\\/.*)?$/)?.groups;
+  if (parts) {
+      window.location.replace('/' + parts[1] + '_' + parts[2] + parts[3] || '')
+  }
+};
+`}</script>

src/content/docs/index.mdx

@@ -12,7 +12,7 @@ hero:
     file: ../../assets/ICU4X_Logo_B_Glow.png
   actions:
     - text: Learn More
-      link: ./2_0/tutorials/quickstart
+      link: ./latest/tutorials/quickstart
       icon: right-arrow
     - text: Contribute
       link: https://www.github.com/unicode-org/icu4x