feat/language-translation (small changes) + logical to updates String.conf and...

feat/language-translation (small changes) + logical to updates String.conf and .cdb according language selected

src/api/strings.ts

@@ -2,10 +2,26 @@ import { useConfig } from "@/config";
 
 import { fetchCard, getCardStr } from "./cards";
 
-const { stringsUrl } = useConfig();
+let { stringsUrl } = useConfig();
 export const DESCRIPTION_LIMIT = 10000;
 
 export async function initStrings() {
+  const language = localStorage.getItem("language") || "cn";
+
+  //It currently only supports en-US, es-ES, ja-JP, ko-KR, zh-CN 
+  if (language === "en" || language === "br" || language === "pt" || language === "fr") {
+    stringsUrl = stringsUrl.replace("zh-CN", "en-US");
+  }
+  else if (language === "ja") {
+    stringsUrl = stringsUrl.replace("zh-CN", "ja-JP");
+  }
+  else if (language === "es") {
+    stringsUrl = stringsUrl.replace("zh-CN", "es-ES");
+  }
+  else if (language === "ko") {
+    stringsUrl = stringsUrl.replace("zh-CN", "ko-KR");
+  }
+
   const strings = await (await fetch(stringsUrl)).text();
 
   const lineIter = strings.split("\n");

src/middleware/sqlite/index.ts

@@ -68,6 +68,28 @@ function helper<T extends sqliteCmd>(action: sqliteAction<T>) {
     case sqliteCmd.INIT: {
       const info = action.initInfo;
       if (info) {
+        const language = localStorage.getItem("language") || "cn";
+
+        //It currently only supports en-US, es-ES, ja-JP, ko-KR, zh-CN
+        if (
+          language === "en" ||
+          language === "br" ||
+          language === "pt" ||
+          language === "fr"
+        ) {
+          info.releaseDbUrl = info.releaseDbUrl.replace("zh-CN", "en-US");
+          info.preReleaseDbUrl = info.preReleaseDbUrl.replace("zh-CN", "en-US");
+        } else if (language === "ja") {
+          info.releaseDbUrl = info.releaseDbUrl.replace("zh-CN", "ja-JP");
+          info.preReleaseDbUrl = info.preReleaseDbUrl.replace("zh-CN", "ja-JP");
+        } else if (language === "es") {
+          info.releaseDbUrl = info.releaseDbUrl.replace("zh-CN", "es-ES");
+          info.preReleaseDbUrl = info.preReleaseDbUrl.replace("zh-CN", "es-ES");
+        } else if (language === "ko") {
+          info.releaseDbUrl = info.releaseDbUrl.replace("zh-CN", "ko-KR");
+          info.preReleaseDbUrl = info.preReleaseDbUrl.replace("zh-CN", "ko-KR");
+        }
+
         const releasePromise = pfetch(info.releaseDbUrl, {
           progressCallback: action.initInfo?.progressCallback,
         }).then((res) => res.arrayBuffer()); // TODO: i18n

src/ui/BuildDeck/CardDetail.tsx

@@ -127,7 +127,11 @@ export const CardDetail: React.FC<{
             size="small"
             items={desc.filter(Boolean).map((d, i) => ({
               label:
-                desc.length > 1 ? (i ? i18n("MonsterEffect") : i18n("PendulumEffect")) : i18n("CardEffect"),
+                desc.length > 1
+                  ? i
+                    ? i18n("MonsterEffect")
+                    : i18n("PendulumEffect")
+                  : i18n("CardEffect"),
               span: 3,
               children: <CardEffectText desc={d} />,
             }))}

src/ui/I18N/I18NSelector/index.tsx

@@ -27,7 +27,7 @@ export const I18NSelector: React.FC = () => {
         { value: "cn", label: "简体中文" },
         { value: "en", label: "English" },
         { value: "fr", label: "Français" },
-        { value: "jp", label: "日本語" },
+        { value: "ja", label: "日本語" },
         { value: "br", label: "Português do Brasil" },
         { value: "pt", label: "Português" },
         { value: "es", label: "Castellano" },

src/ui/I18N/Source/Chinese/translation.json

@@ -168,5 +168,9 @@
     "SupportsYrd3dExtension": "仅支持后缀名为yrp3d的录像文件。",
     "StartReplay": "开始回放",
     "PleaseUploadReplayFile": "请先上传录像文件"
+  },
+  "Popover": {
+    "First": "先手",
+    "Second": "后手"
   }
 }
\ No newline at end of file

src/ui/I18N/Source/English/translation.json

@@ -168,5 +168,9 @@
     "SupportsYrd3dExtension": "Only replay files with the .yrp3d extension are supported.",
     "StartReplay": "Start Replay",
     "PleaseUploadReplayFile": "Please upload the replay file first."
+  },
+  "Popover": {
+    "First": "First",
+    "Second": "Second"
   }
 }
\ No newline at end of file

src/ui/I18N/index.ts

@@ -28,6 +28,7 @@ const resources = {
     Chat: translationChinese.Chat,
     MatchModal: translationChinese.MatchModal,
     ReplayModal: translationChinese.ReplayModal,
+    Popover: translationChinese.Popover,
   },
   en: {
     Header: translationEnglish.Header,
@@ -43,6 +44,7 @@ const resources = {
     Chat: translationEnglish.Chat,
     MatchModal: translationEnglish.MatchModal,
     ReplayModal: translationEnglish.ReplayModal,
+    Popover: translationEnglish.Popover,
   },
   es: {
     Header: translationSpanish.Header,
@@ -54,7 +56,7 @@ const resources = {
     Start: translationFrench.Start,
     Match: translationFrench.Match,
   },
-  jp: {
+  ja: {
     Header: translationJapanese.Header,
     Start: translationJapanese.Start,
     Match: translationJapanese.Match,

src/ui/WaitRoom/Popover.tsx

@@ -76,7 +76,7 @@ export const TpPopover: React.FC<
   }>
 > = ({ children, onSelect }) => {
   const [open, setOpen] = useState(false);
-
+  const { t: i18n } = useTranslation("WaitRoom");
   // 需要在mora的service之中，emit一个事件，让这个组件监听到，然后打开popover
   useEffect(() => {
     eventbus.once(Task.Tp, () => {
@@ -91,8 +91,8 @@ export const TpPopover: React.FC<
   };
 
   const map = {
-    [Tp.First]: "先手",
-    [Tp.Second]: "后手",
+    [Tp.First]: i18n("First"),
+    [Tp.Second]: i18n("Second"),
   };
 
   return (