Add setLanguage functionality and update language based on user preference

Author: smallstone

src/util/ideaBridge.ts

@@ -242,6 +242,19 @@ const JStoIdea = {
 
     window.JSJavaBridge.callJava(JSON.stringify(params));
   },
+  setLanguage: (message) => {
+    const params = {
+      action: "updateLanguage/request",
+      metadata: {
+        callback: "IdeaToJSMessage",
+      },
+      payload: {
+        language: message?.language || "en",
+      },
+    };
+    console.log("setLanguage params: ", params);
+    window.JSJavaBridge.callJava(JSON.stringify(params));
+  },
   userInput: (message) => {
     const params = {
       action: "input/request",
@@ -380,6 +393,9 @@ class IdeaBridge {
       accessKey: setting.apiKey,
       keyType: setting.apiKey.startsWith("DC") ? "DevChat" : "OpenAi",
     });
+    this.handle.getLanguage({
+      language: setting.language,
+    });
   }
 
   resviceAccessKey(res: string = "") {
@@ -516,6 +532,9 @@ class IdeaBridge {
       case "openLink":
         JStoIdea.openLink(message);
         break;
+      case "setLanguage":
+        JStoIdea.setLanguage(message);
+        break;
       case "userInput":
         JStoIdea.userInput(message);
         break;

src/views/components/Header/index.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect } from "react";
 import {
   Header,
   Avatar,
@@ -22,7 +22,17 @@ const useStyles = createStyles((theme) => ({
 
 export default function Head() {
   const { classes } = useStyles();
-  const { t, i18n } = useTranslation();
+  const { i18n } = useTranslation();
+
+  useEffect(() => {
+    messageUtil.registerHandler("getLanguage", (data: { language: string }) => {
+      if (data.language && data.language.toLocaleLowerCase() === "en") {
+        i18n.changeLanguage("en");
+      } else {
+        i18n.changeLanguage("zh");
+      }
+    });
+  }, []);
 
   const openSetting = () => {
     messageUtil.sendMessage({
@@ -35,6 +45,10 @@ export default function Head() {
     const currentLang = i18n.language;
     const newLang = currentLang === "en" ? "zh" : "en";
     i18n.changeLanguage(newLang);
+    messageUtil.sendMessage({
+      command: "setLanguage",
+      language: newLang,
+    });
   };
 
   return (