feat: Internationalization User Interface Support. PR Welcome! (#89, #39)

Author: josStorer

build.mjs

@@ -38,7 +38,10 @@ async function runWebpack(isWithoutKatex, isWithoutTiktoken, callback) {
         '@primer/octicons-react',
         'react-bootstrap-icons',
         'countries-list',
+        'i18next',
+        'react-i18next',
         './src/utils',
+        './src/_locales/i18n',
       ],
     },
     output: {

package-lock.json

@@ -28,6 +28,7 @@
     "file-saver": "^2.0.5",
     "github-markdown-css": "^5.2.0",
     "gpt-3-encoder": "^1.1.4",
+    "i18next": "^22.4.13",
     "katex": "^0.16.4",
     "lodash-es": "^4.17.21",
     "parse5": "^6.0.1",
@@ -37,6 +38,7 @@
     "react-bootstrap-icons": "^1.10.2",
     "react-dom": "npm:@preact/compat@^17.1.2",
     "react-draggable": "^4.4.5",
+    "react-i18next": "^12.2.0",
     "react-markdown": "^8.0.5",
     "react-tabs": "^4.2.1",
     "rehype-highlight": "^6.0.0",

package.json

@@ -0,0 +1,87 @@
+{
+  "General": "General",
+  "Selection Tools": "Selection Tools",
+  "Sites": "Sites",
+  "Advanced": "Advanced",
+  "Donate": "Donate",
+  "Triggers": "Triggers",
+  "Theme": "Theme",
+  "API Mode": "API Mode",
+  "Get": "Get",
+  "Balance": "Balance",
+  "Preferred Language": "Preferred Language",
+  "Insert ChatGPT at the top of search results": "Insert ChatGPT at the top of search results",
+  "Lock scrollbar while answering": "Lock scrollbar while answering",
+  "Current Version": "Current Version",
+  "Latest": "Latest",
+  "Help | Changelog ": "Help | Changelog ",
+  "Custom ChatGPT Web API Url": "Custom ChatGPT Web API Url",
+  "Custom ChatGPT Web API Path": "Custom ChatGPT Web API Path",
+  "Custom OpenAI API Url": "Custom OpenAI API Url",
+  "Custom Site Regex:": "Custom Site Regex:",
+  "Exclusively use Custom Site Regex for website matching,": "Exclusively use Custom Site Regex for website matching,",
+  "ignoring built-in rules": "ignoring built-in rules",
+  "Input Query:": "Input Query:",
+  "Append Query:": "Append Query:",
+  "Prepend Query:": "Prepend Query:",
+  "Wechat Pay": "Wechat Pay",
+  "Type your question here\nEnter to send, shift + enter to break line": "Type your question here\nEnter to send, shift + enter to break line",
+  "Wait for the answer to finish and then continue here": "Wait for the answer to finish and then continue here",
+  "Ask ChatGPT": "Ask ChatGPT",
+  "No Input Found": "No Input Found",
+  "You:": "You:",
+  "Collapse": "Collapse",
+  "Expand": "Expand",
+  "Stop": "Stop",
+  "Continue on official website": "Continue on official website",
+  "Error:": "Error:",
+  "Copy": "Copy",
+  "Question:": "Question:",
+  "Answer:": "Answer:",
+  "Waiting for response...": "Waiting for response...",
+  "Close the Window": "Close the Window",
+  "Pin the Window": "Pin the Window",
+  "Float the Window": "Float the Window",
+  "Save Conversation": "Save Conversation",
+  "UNAUTHORIZED": "UNAUTHORIZED",
+  "Please login at https://chat.openai.com first": "Please login at https://chat.openai.com first",
+  "Then open https://chat.openai.com/api/auth/session": "Then open https://chat.openai.com/api/auth/session",
+  "And refresh this page or type you question again": "And refresh this page or type you question again",
+  "Consider creating an api key at https://platform.openai.com/account/api-keys": "Consider creating an api key at https://platform.openai.com/account/api-keys",
+  "OpenAI Security Check Required": "OpenAI Security Check Required",
+  "Please open https://chat.openai.com/api/auth/session": "Please open https://chat.openai.com/api/auth/session",
+  "Please open https://chat.openai.com": "Please open https://chat.openai.com",
+  "New Chat": "New Chat",
+  "Summarize Page": "Summarize Page",
+  "Translate": "Translate",
+  "Translate (Bidirectional)": "Translate (Bidirectional)",
+  "Summary": "Summary",
+  "Polish": "Polish",
+  "Sentiment Analysis": "Sentiment Analysis",
+  "Divide Paragraphs": "Divide Paragraphs",
+  "Code Explain": "Code Explain",
+  "Ask": "Ask",
+  "Always": "Always",
+  "Manually": "Manually",
+  "When query ends with question mark (?)": "When query ends with question mark (?)",
+  "Light": "Light",
+  "Dark": "Dark",
+  "Auto": "Auto",
+  "ChatGPT (Web)": "ChatGPT (Web)",
+  "ChatGPT (Web, GPT-4)": "ChatGPT (Web, GPT-4)",
+  "Bing (Web, GPT-4)": "Bing (Web, GPT-4)",
+  "ChatGPT (GPT-3.5-turbo)": "ChatGPT (GPT-3.5-turbo)",
+  "ChatGPT (GPT-4-8k)": "ChatGPT (GPT-4-8k)",
+  "ChatGPT (GPT-4-32k)": "ChatGPT (GPT-4-32k)",
+  "GPT-3.5": "GPT-3.5",
+  "Custom Model": "Custom Model",
+  "Balanced": "Balanced",
+  "Creative": "Creative",
+  "Precise": "Precise",
+  "Fast": "Fast",
+  "API Key": "API Key",
+  "Model Name": "Model Name",
+  "Custom Model API Url": "Custom Model API Url",
+  "Loading...": "Loading...",
+  "Feedback": "Feedback"
+}

src/_locales/en/main.json

@@ -0,0 +1,11 @@
+import i18n from 'i18next'
+import { initReactI18next } from 'react-i18next'
+import { resources } from './resources'
+
+i18n.use(initReactI18next).init({
+  resources,
+  fallbackLng: 'en',
+  interpolation: {
+    escapeValue: false, // not needed for react as it escapes by default
+  },
+})

src/_locales/i18n.mjs

@@ -0,0 +1,15 @@
+import en from './en/main.json'
+import zhHans from './zh-hans/main.json'
+import zhHant from './zh-hant/main.json'
+
+export const resources = {
+  en: {
+    translation: en,
+  },
+  zh: {
+    translation: zhHans,
+  },
+  zhHant: {
+    translation: zhHant,
+  },
+}

src/_locales/resources.mjs

@@ -0,0 +1,87 @@
+{
+  "General": "常规",
+  "Selection Tools": "选择浮动工具",
+  "Sites": "站点适配",
+  "Advanced": "高级",
+  "Donate": "打赏",
+  "Triggers": "触发方式",
+  "Theme": "主题",
+  "API Mode": "API模式",
+  "Get": "获取",
+  "Balance": "余额",
+  "Preferred Language": "语言偏好",
+  "Insert ChatGPT at the top of search results": "将对话卡片插入到搜索结果顶部",
+  "Lock scrollbar while answering": "回答时锁定滚动条",
+  "Current Version": "当前版本",
+  "Latest": "最新",
+  "Help | Changelog ": "帮助 | 更新日志 ",
+  "Custom ChatGPT Web API Url": "自定义的ChatGPT网页API地址",
+  "Custom ChatGPT Web API Path": "自定义的ChatGPT网页API路径",
+  "Custom OpenAI API Url": "自定义的OpenAI API地址",
+  "Custom Site Regex:": "自定义站点正则匹配:",
+  "Exclusively use Custom Site Regex for website matching,": "只使用自定义站点正则匹配,",
+  "ignoring built-in rules": "忽略内置站点规则",
+  "Input Query:": "输入的查询选择器:",
+  "Append Query:": "挂载到末尾的查询选择器:",
+  "Prepend Query:": "插入到开头的查询选择器:",
+  "Wechat Pay": "微信打赏",
+  "Type your question here\nEnter to send, shift + enter to break line": "在此输入你的问题\n回车 发送, shift+回车 换行",
+  "Wait for the answer to finish and then continue here": "等待回答完成, 然后在此继续",
+  "Ask ChatGPT": "询问ChatGPT",
+  "No Input Found": "无输入",
+  "You:": "你:",
+  "Collapse": "折叠",
+  "Expand": "展开",
+  "Stop": "停止",
+  "Continue on official website": "在官网继续",
+  "Error:": "错误:",
+  "Copy": "复制",
+  "Question:": "问题:",
+  "Answer:": "回答:",
+  "Waiting for response...": "等待响应...",
+  "Close the Window": "关闭窗口",
+  "Pin the Window": "固定窗口",
+  "Float the Window": "浮出/分裂窗口",
+  "Save Conversation": "保存对话",
+  "UNAUTHORIZED": "未授权",
+  "Please login at https://chat.openai.com first": "请先登录 https://chat.openai.com",
+  "Then open https://chat.openai.com/api/auth/session": "然后打开 https://chat.openai.com/api/auth/session",
+  "And refresh this page or type you question again": "之后刷新页面或重新输入你的问题",
+  "Consider creating an api key at https://platform.openai.com/account/api-keys": "考虑在 https://platform.openai.com/account/api-keys 创建一个API Key",
+  "OpenAI Security Check Required": "需要通过OpenAI的安全检查",
+  "Please open https://chat.openai.com/api/auth/session": "请打开 https://chat.openai.com/api/auth/session",
+  "Please open https://chat.openai.com": "请打开 https://chat.openai.com",
+  "New Chat": "新建聊天",
+  "Summarize Page": "总结本页",
+  "Translate": "翻译",
+  "Translate (Bidirectional)": "双向翻译",
+  "Summary": "总结",
+  "Polish": "润色",
+  "Sentiment Analysis": "情感分析",
+  "Divide Paragraphs": "段落划分",
+  "Code Explain": "代码解释",
+  "Ask": "询问",
+  "Always": "自动触发",
+  "Manually": "手动触发",
+  "When query ends with question mark (?)": "问题以问号结尾时触发",
+  "Light": "浅色",
+  "Dark": "深色",
+  "Auto": "自动",
+  "ChatGPT (Web)": "ChatGPT (网页版)",
+  "ChatGPT (Web, GPT-4)": "ChatGPT (网页版, GPT-4)",
+  "Bing (Web, GPT-4)": "Bing (网页版, GPT-4)",
+  "ChatGPT (GPT-3.5-turbo)": "ChatGPT (GPT-3.5-turbo)",
+  "ChatGPT (GPT-4-8k)": "ChatGPT (GPT-4-8k)",
+  "ChatGPT (GPT-4-32k)": "ChatGPT (GPT-4-32k)",
+  "GPT-3.5": "GPT-3.5",
+  "Custom Model": "自定义模型",
+  "Balanced": "平衡",
+  "Creative": "有创造力",
+  "Precise": "精确",
+  "Fast": "快速",
+  "API Key": "API Key",
+  "Model Name": "模型名",
+  "Custom Model API Url": "自定义模型的API地址",
+  "Loading...": "正在读取...",
+  "Feedback": "反馈"
+}