feat: redirect to the preferred language site on homepage

razonyang · Apr 22, 2023 · 1b80e5f · 1b80e5f
1 parent 2622b55
commit 1b80e5f
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 1 deletion.
diff --git a/assets/js/preferred-lang/index.ts b/assets/js/preferred-lang/index.ts
@@ -0,0 +1,23 @@
+import { default as params } from '@params';
+
+(() => {
+    const lang = navigator.language || navigator.userLanguage
+
+    // match the exact language code.
+    if (lang in params.homes) {
+        window.location.href = params.homes[lang]
+        return
+    }
+
+    // match the main language code.
+    const codes = lang.split('-')
+    for (let lang in params.homes) {
+        if (lang.indexOf(codes[0]) === 0) {
+            window.location.href = params.homes[lang]
+            return
+        }
+    }
+
+    // fallback to the default language.
+    window.location.href = params.fallback
+})()
diff --git a/layouts/alias.html b/layouts/alias.html
@@ -4,10 +4,24 @@
   <head>
     {{- partial "assets/init/js" .Page -}}
     {{- partialCached "assets/main/css" .Page }}
+    {{- $isHome := eq .Permalink (site.Sites.First.Home.Permalink) }}
+    {{- if $isHome }}
+      {{- $homes := newScratch }}
+      {{- range site.Sites }}
+        {{- $homes.Set .Home.Lang .Home.Permalink }}
+      {{- end }}
+      {{- $opts := dict
+        "minify" hugo.IsProduction
+        "targetPath" "js/preferred-lang.js"
+        "params" (dict "homes" $homes.Values "fallback" .Permalink)
+      }}
+      {{- $js := resources.Get "js/preferred-lang/index.ts" | js.Build $opts }}
+      <script  src="{{ $js.RelPermalink }}"></script>
+    {{- end }}
     <title>{{ .Permalink }}</title>
     <link rel="canonical" href="{{ .Permalink }}"/>
     <meta name="robots" content="noindex">
     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
-    <meta http-equiv="refresh" content="0; url={{ .Permalink }}"/>
+    <meta http-equiv="refresh" content="{{ cond $isHome `5` `0` }}; url={{ .Permalink }}"/>
   </head>
 </html>