chore: add i18n cookie

Author: nichenqin

apps/backend/src/modules/auth/auth.ts

@@ -446,6 +446,27 @@ export class Auth {
         response.headers.set("Set-Cookie", sessionCookie.serialize())
         return response
       })
+      .post(
+        "/api/lang/:lang",
+        (ctx) => {
+          const lang = ctx.params.lang
+          const cookie = new Cookie("lang", lang, {
+            path: "/",
+            maxAge: 365 * 24 * 60 * 60,
+          })
+          return new Response(null, {
+            status: 200,
+            headers: {
+              "Set-Cookie": cookie.serialize(),
+            },
+          })
+        },
+        {
+          params: t.Object({
+            lang: t.Enum({ es: "es", en: "en", ko: "ko", ja: "ja", zh: "zh" }),
+          }),
+        },
+      )
       .post(
         "/api/reset-password",
         async (ctx) => {

apps/frontend/src/lib/components/blocks/member/member-menu.svelte

@@ -25,6 +25,7 @@
 
   const changeLanguage = async (lang: Locales) => {
     await loadLocaleAsync(lang)
+    await fetch(`/api/lang/${lang}`, { method: "POST" })
     setLocale(lang)
     localStorage.setItem("lang", lang)
   }

apps/frontend/src/routes/+layout.svelte

@@ -7,7 +7,14 @@
 
   import { QueryClient, QueryClientProvider } from "@tanstack/svelte-query"
   import ImagePreview from "$lib/components/blocks/attachment/image-preview.svelte"
-  import { setLocale, loadLocaleAsync, detectLocale, localStorageDetector } from "@undb/i18n/client"
+  import {
+    setLocale,
+    loadLocaleAsync,
+    detectLocale,
+    localStorageDetector,
+    queryStringDetector,
+    documentCookieDetector,
+  } from "@undb/i18n/client"
   import { onMount } from "svelte"
   const queryClient = new QueryClient({
     defaultOptions: {
@@ -18,7 +25,7 @@
   })
 
   onMount(async () => {
-    const lang = detectLocale(localStorageDetector)
+    const lang = detectLocale(documentCookieDetector, queryStringDetector, localStorageDetector)
     await loadLocaleAsync(lang)
     setLocale(lang)
   })

packages/i18n/src/client.ts

@@ -1,8 +1,12 @@
 export * from "./i18n/en"
+export * from "./i18n/es"
 export * from "./i18n/formatters"
 export * from "./i18n/i18n-detector"
 export * from "./i18n/i18n-svelte"
 export * from "./i18n/i18n-types"
 export * from "./i18n/i18n-util"
 export * from "./i18n/i18n-util.async"
+export * from "./i18n/ja"
+export * from "./i18n/ko"
+export * from "./i18n/zh"
 

packages/i18n/src/i18n/i18n-detector.ts

@@ -1 +1,2 @@
-export { localStorageDetector } from 'typesafe-i18n/detectors';
+export { documentCookieDetector,localStorageDetector,queryStringDetector } from 'typesafe-i18n/detectors';
+