WIP update examples/docs/

1 files changed, 24 insertions, 0 deletions

diff --git a/examples/docs/src/pages/index.astro b/examples/docs/src/pages/index.astro
new file mode 100644
index 000000000..f5a8fd318
--- /dev/null
+++ b/examples/docs/src/pages/index.astro
@@ -0,0 +1,24 @@
+---
+import Layout from '../layouts/MainLayout.astro';
+import { KNOWN_LANGUAGES } from "../languages";
+---
+<div id="known_languages" hidden>{KNOWN_LANGUAGES.join(",")}</div>
+<script>
+  // WIP: trigger a client-side redirect based on the browser language.
+  // A vercel.json redirect is enforced in production, so no user should ever see this page.
+  // Remove the vercel.json redirect when this is ready.
+  const KNOWN_LANGUAGES = document.querySelector("#known_languages")?.textContent?.split(",") ?? ['bg', 'de','en','es','fi','nl','pt-br','zh-CN','zh-TW', 'fr'];
+  let newLangWithRegion = (window.navigator.userLanguage || window.navigator.language || 'en-US').substr(0, 5);
+  let newLang = newLangWithRegion.substr(0, 2);
+
+  let langPathRegex = new RegExp(`\/(${KNOWN_LANGUAGES.join("|")})\/`);
+  let actualDest = window.location.pathname.replace(langPathRegex, "/");
+  if (actualDest == "/") actualDest = `/introduction`;
+  if (KNOWN_LANGUAGES.includes(newLangWithRegion)) {
+    window.location.pathname = '/' + newLangWithRegion + actualDest;
+  } else if (KNOWN_LANGUAGES.includes(newLang)) {
+    window.location.pathname = '/' + newLang + actualDest;
+  } else {
+    window.location.pathname = actualDest;
+  }
+</script>