@lobehub/chat 0.120.2 → 0.120.3

package/locales/fr-FR/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Taille de la police du contenu du chat",
       "marks": {
-        "large": "Grand",
-        "normal": "Normal",
-        "small": "Petit"
+        "normal": "Normal"
       },
       "title": "Taille de la police"
     },

package/locales/it-IT/common.json

@@ -51,6 +51,7 @@
     "title": "Importa dati"
   },
   "lang": {
+    "ar": "Arabo",
     "bn": "Bengalese",
     "cs-CZ": "Ceco",
     "da-DK": "Danese",

package/locales/it-IT/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Dimensione del carattere per i messaggi",
       "marks": {
-        "large": "Grande",
-        "normal": "Normale",
-        "small": "Piccola"
+        "normal": "Normale"
       },
       "title": "Dimensione del carattere"
     },

package/locales/ja-JP/common.json

@@ -51,6 +51,7 @@
     "title": "データのインポート"
   },
   "lang": {
+    "ar": "アラビア語",
     "bn": "ベンガル語",
     "cs-CZ": "チェコ語",
     "da-DK": "デンマーク語",

package/locales/ja-JP/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "チャットのフォントサイズ",
       "marks": {
-        "large": "大きい",
-        "normal": "標準",
-        "small": "小さい"
+        "normal": "標準"
       },
       "title": "フォントサイズ"
     },

package/locales/ko-KR/common.json

@@ -51,6 +51,7 @@
     "title": "데이터 가져오기"
   },
   "lang": {
+    "ar": "아랍어",
     "bn": "벵골어",
     "cs-CZ": "체코어",
     "da-DK": "덴마크어",

package/locales/ko-KR/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "채팅 내용의 글꼴 크기",
       "marks": {
-        "large": "대",
-        "normal": "표준",
-        "small": "소"
+        "normal": "표준"
       },
       "title": "글꼴 크기"
     },

package/locales/nl-NL/common.json

@@ -51,6 +51,7 @@
     "title": "Gegevens importeren"
   },
   "lang": {
+    "ar": "Arabisch",
     "bn": "Bengaals",
     "cs-CZ": "Tsjechisch",
     "da-DK": "Deens",

package/locales/nl-NL/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Lettergrootte van chatberichten",
       "marks": {
-        "large": "Groot",
-        "normal": "Normaal",
-        "small": "Klein"
+        "normal": "Normaal"
       },
       "title": "Lettergrootte"
     },

package/locales/pl-PL/common.json

@@ -51,6 +51,7 @@
     "title": "Import danych"
   },
   "lang": {
+    "ar": "arabski",
     "bn": "Bengalski",
     "cs-CZ": "Czeski",
     "da-DK": "Duński",

package/locales/pl-PL/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Rozmiar czcionki wiadomości",
       "marks": {
-        "large": "Duży",
-        "normal": "Standardowy",
-        "small": "Mały"
+        "normal": "Standardowy"
       },
       "title": "Rozmiar czcionki"
     },

package/locales/pt-BR/common.json

@@ -51,6 +51,7 @@
     "title": "Importar dados"
   },
   "lang": {
+    "ar": "árabe",
     "bn": "Bengali",
     "cs-CZ": "Tcheco",
     "da-DK": "Dinamarquês",

package/locales/pt-BR/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Tamanho da fonte do conteúdo do chat",
       "marks": {
-        "large": "Grande",
-        "normal": "Normal",
-        "small": "Pequeno"
+        "normal": "Normal"
       },
       "title": "Tamanho da Fonte"
     },

package/locales/ru-RU/common.json

@@ -51,6 +51,7 @@
     "title": "Импорт данных"
   },
   "lang": {
+    "ar": "арабский",
     "bn": "Бенгальский",
     "cs-CZ": "Чешский",
     "da-DK": "Датский",

package/locales/ru-RU/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Размер шрифта для чата",
       "marks": {
-        "large": "большой",
-        "normal": "нормальный",
-        "small": "малый"
+        "normal": "нормальный"
       },
       "title": "Размер шрифта"
     },

package/locales/tr-TR/common.json

@@ -51,6 +51,7 @@
     "title": "Veri İçe Aktar"
   },
   "lang": {
+    "ar": "Arapça",
     "bn": "Bengalce",
     "cs-CZ": "Çekçe",
     "da-DK": "Danca",

package/locales/tr-TR/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Sohbet içeriği için yazı boyutu",
       "marks": {
-        "large": "Büyük",
-        "normal": "Normal",
-        "small": "Küçük"
+        "normal": "Normal"
       },
       "title": "Yazı Boyutu"
     },

package/locales/vi-VN/common.json

@@ -51,6 +51,7 @@
     "title": "Nhập dữ liệu"
   },
   "lang": {
+    "ar": "Tiếng Ả Rập",
     "bn": "Tiếng Bengal",
     "cs-CZ": "Tiếng Séc",
     "da-DK": "Tiếng Đan Mạch",

package/locales/vi-VN/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "Kích cỡ chữ của nội dung trò chuyện",
       "marks": {
-        "large": "Lớn",
-        "normal": "Bình thường",
-        "small": "Nhỏ"
+        "normal": "Bình thường"
       },
       "title": "Kích cỡ chữ"
     },

package/locales/zh-CN/common.json

@@ -51,6 +51,7 @@
     "title": "导入数据"
   },
   "lang": {
+    "ar": "阿拉伯语",
     "bn": "孟加拉语",
     "cs-CZ": "捷克语",
     "da-DK": "丹麦语",

package/locales/zh-CN/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "聊天内容的字体大小",
       "marks": {
-        "large": "大",
-        "normal": "标准",
-        "small": "小"
+        "normal": "标准"
       },
       "title": "字体大小"
     },

package/locales/zh-TW/common.json

@@ -51,6 +51,7 @@
     "title": "匯入資料"
   },
   "lang": {
+    "ar": "阿拉伯語",
     "bn": "孟加拉語",
     "cs-CZ": "捷克語",
     "da-DK": "丹麥語",

package/locales/zh-TW/setting.json

@@ -252,9 +252,7 @@
     "fontSize": {
       "desc": "聊天內容的字體大小",
       "marks": {
-        "large": "大",
-        "normal": "標準",
-        "small": "小"
+        "normal": "標準"
       },
       "title": "字體大小"
     },

package/next.config.mjs

@@ -21,11 +21,11 @@ const nextConfig = {
   compress: isProd,
   experimental: {
     optimizePackageImports: [
-      'modern-screenshot',
       'emoji-mart',
       '@emoji-mart/react',
       '@emoji-mart/data',
       '@icons-pack/react-simple-icons',
+      '@lobehub/ui',
       'gpt-tokenizer',
       'chroma-js',
     ],
@@ -46,7 +46,7 @@ const nextConfig = {
 
   reactStrictMode: true,
 
-  transpilePackages: ['antd-style', '@lobehub/ui', '@lobehub/tts'],
+  transpilePackages: ['antd-style'],
 
   webpack(config) {
     config.experiments = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.120.2",
+  "version": "0.120.3",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",
@@ -32,7 +32,7 @@
     "dev": "next dev -p 3010",
     "docs": "lobe-i18n md && npm run workflow:docs",
     "i18n": "npm run workflow:i18n && lobe-i18n",
-    "i18n-md": "lobe-i18n md",
+    "i18n:docs": "lobe-i18n md && npm run workflow:docs",
     "lint": "npm run lint:ts && npm run lint:style && npm run type-check && npm run lint:circular",
     "lint:circular": "dpdm src/**/*.ts  --warning false  --tree false  --exit-code circular:1  -T true",
     "lint:md": "remark . --quiet --frail --output",
@@ -51,9 +51,9 @@
     "test:coverage-local": "vitest run --coverage",
     "test:update": "vitest -u",
     "type-check": "tsc --noEmit",
-    "workflow:docs": "bun scripts/docsWorkflow/index.ts",
-    "workflow:i18n": "ts-node --project ./tsconfig.json scripts/i18nWorkflow/index.ts",
-    "workflow:readme": "bun scripts/readmeWorkflow/index.ts"
+    "workflow:docs": "tsx scripts/docsWorkflow/index.ts",
+    "workflow:i18n": "tsx scripts/i18nWorkflow/index.ts",
+    "workflow:readme": "tsx scripts/readmeWorkflow/index.ts"
   },
   "lint-staged": {
     "*.md": [
@@ -179,7 +179,7 @@
     "remark-parse": "^10",
     "semantic-release": "^21",
     "stylelint": "^15",
-    "ts-node": "^10",
+    "tsx": "^4",
     "typescript": "^5",
     "unified": "^11",
     "unist-util-visit": "^5",

package/scripts/docsWorkflow/const.ts

@@ -6,7 +6,7 @@ export const ROOT = resolve(__dirname, '../..');
 export const DOCS_DIR = resolve(ROOT, 'docs');
 export const HOME_PATH = resolve(DOCS_DIR, 'Home.md');
 export const SIDEBAR_PATH = resolve(DOCS_DIR, '_Sidebar.md');
-export const docsFiles = globSync(resolve(DOCS_DIR, '**/*.md'), {
+export const docsFiles = globSync(resolve(DOCS_DIR, '**/*.md').replaceAll('\\', '/'), {
   ignore: ['Home.md', '_Sidebar.md', '_Footer.md'],
   nodir: true,
 }).filter((file) => !file.includes('.zh-CN.md'));

package/scripts/docsWorkflow/index.ts

@@ -20,9 +20,15 @@ const run = async () => {
       const links = {
         cn: urlJoin(
           WIKI_URL,
-          relative(DOCS_DIR, paths.cn).split('/')[1].replace('.zh-CN.md', '.zh-CN'),
+          relative(DOCS_DIR, paths.cn)
+            .replaceAll('\\', '/')
+            .split('/')[1]
+            .replace('.zh-CN.md', '.zh-CN'),
+        ),
+        en: urlJoin(
+          WIKI_URL,
+          relative(DOCS_DIR, paths.en).replaceAll('\\', '/').split('/')[1].replace('.md', ''),
         ),
-        en: urlJoin(WIKI_URL, relative(DOCS_DIR, paths.en).split('/')[1].replace('.md', '')),
       };
       const titles = {
         cn: await getTitle(paths.cn),
@@ -59,7 +65,7 @@ const run = async () => {
           child.links.cn,
         )}\n`;
         sidebarContent += `- ${genMdLink(child.titles.en, child.links.en)} | ${genMdLink(
-          '中文',
+          child.titles.cn,
           child.links.cn,
         )}\n`;
       });

package/scripts/readmeWorkflow/syncAgentIndex.ts

@@ -10,7 +10,7 @@ const genAgentTable = (data: DataItem[], lang: string) => {
   const content = data.slice(0, 4).map((item) => [
     [
       genLink(
-        item.meta.title,
+        item.meta.title.replaceAll('|', ','),
         qs.stringifyUrl({
           query: { agent: item.identifier },
           url: MARKET_URL,
@@ -18,7 +18,7 @@ const genAgentTable = (data: DataItem[], lang: string) => {
       ),
       `<sup>By **${genLink(item.author, item.homepage)}** on **${(item as any).createAt}**</sup>`,
     ].join('<br/>'),
-    [item.meta.description, genTags(item.meta.tags)].join('<br/>'),
+    [item.meta.description.replaceAll('|', ','), genTags(item.meta.tags)].join('<br/>'),
   ]);
   return markdownTable([
     isCN ? ['最近新增', '助手说明'] : ['Recent Submits', 'Description'],

package/scripts/readmeWorkflow/syncPluginIndex.ts

@@ -10,10 +10,10 @@ const genPluginTable = (data: DataItem[], lang: string) => {
     .slice(0, 4)
     .map((item) => [
       [
-        genLink(item.meta.title, PLGUIN_URL),
+        genLink(item.meta.title.replaceAll('|', ','), PLGUIN_URL),
         `<sup>By **${item.author}** on **${item.createdAt}**</sup>`,
       ].join('<br/>'),
-      [item.meta.description, genTags(item.meta.tags)].join('<br/>'),
+      [item.meta.description.replaceAll('|', ','), genTags(item.meta.tags)].join('<br/>'),
     ]);
   return markdownTable([
     isCN ? ['最近新增', '插件描述'] : ['Recent Submits', 'Description'],

package/src/app/chat/features/SessionListContent/List/Item/Actions.tsx

@@ -94,10 +94,8 @@ const Actions = memo<ActionProps>(({ id, setOpen }) => {
           domEvent.stopPropagation();
 
           modal.confirm({
-            cancelText: t('cancel'),
             centered: true,
             okButtonProps: { danger: true },
-            okText: t('ok'),
             onOk: () => {
               removeSession(id);
             },

package/src/app/settings/common/Common.tsx

@@ -49,10 +49,8 @@ const Common = memo<SettingsCommonProps>(({ showAccessCodeConfig }) => {
 
   const handleReset = useCallback(() => {
     modal.confirm({
-      cancelText: t('cancel', { ns: 'common' }),
       centered: true,
       okButtonProps: { danger: true },
-      okText: t('ok', { ns: 'common' }),
       onOk: () => {
         resetSettings();
         form.setFieldsValue(DEFAULT_SETTINGS);
@@ -63,12 +61,10 @@ const Common = memo<SettingsCommonProps>(({ showAccessCodeConfig }) => {
 
   const handleClear = useCallback(() => {
     modal.confirm({
-      cancelText: t('cancel', { ns: 'common' }),
       centered: true,
       okButtonProps: {
         danger: true,
       },
-      okText: t('ok', { ns: 'common' }),
       onOk: async () => {
         await clearSessions();
         await removeAllPlugins();
@@ -136,20 +132,23 @@ const Common = memo<SettingsCommonProps>(({ showAccessCodeConfig }) => {
           <SliderWithInput
             marks={{
               12: {
-                label: t('settingTheme.fontSize.marks.small'),
+                label: 'A',
                 style: {
+                  fontSize: 12,
                   marginTop: 4,
                 },
               },
               14: {
                 label: t('settingTheme.fontSize.marks.normal'),
                 style: {
+                  fontSize: 14,
                   marginTop: 4,
                 },
               },
               18: {
-                label: t('settingTheme.fontSize.marks.large'),
+                label: 'A',
                 style: {
+                  fontSize: 18,
                   marginTop: 4,
                 },
               },

package/src/const/locale.ts

@@ -1,4 +1,4 @@
-import { Locales, normalizeLocale, supportLocales } from '@/locales/resources';
+import { normalizeLocale, supportLocales } from '@/locales/resources';
 
 export const DEFAULT_LANG = 'en-US';
 export const LOBE_LOCALE_COOKIE = 'LOBE_LOCALE';
@@ -7,6 +7,6 @@ export const LOBE_LOCALE_COOKIE = 'LOBE_LOCALE';
  * Check if the language is supported
  * @param locale
  */
-export const isLocaleNotSupport = (locale: Locales) => {
+export const isLocaleNotSupport = (locale: string) => {
   return normalizeLocale(locale) === DEFAULT_LANG || !supportLocales.includes(locale);
 };

package/src/features/ChatInput/ActionBar/Clear.tsx

@@ -22,9 +22,7 @@ const Clear = memo(() => {
 
   return (
     <Popconfirm
-      cancelText={t('cancel', { ns: 'common' })}
       okButtonProps={{ danger: true }}
-      okText={t('ok', { ns: 'common' })}
       onConfirm={() => {
         resetConversation();
       }}

package/src/features/PluginDetailModal/index.tsx

@@ -33,8 +33,6 @@ const PluginDetailModal = memo<PluginDetailModalProps>(
     return (
       <Modal
         allowFullscreen
-        cancelText={t('cancel', { ns: 'common' })}
-        okText={t('ok', { ns: 'common' })}
         onCancel={onClose}
         onOk={() => {
           onClose();

package/src/features/PluginDevModal/index.tsx

@@ -96,7 +96,6 @@ const DevModal = memo<DevModalProps>(
       >
         <Modal
           allowFullscreen
-          cancelText={t('cancel', { ns: 'common' })}
           footer={footer}
           okText={t('dev.save')}
           onCancel={(e) => {

package/src/layout/GlobalLayout/Locale.tsx

@@ -1,24 +1,39 @@
 import { ConfigProvider } from 'antd';
-import { PropsWithChildren, memo, useState } from 'react';
+import { PropsWithChildren, memo, useEffect, useState } from 'react';
 import useSWR from 'swr';
 
 import { createI18nNext } from '@/locales/create';
+import { normalizeLocale } from '@/locales/resources';
 import { useOnFinishHydrationGlobal } from '@/store/global';
 import { isOnServerSide } from '@/utils/env';
 import { switchLang } from '@/utils/switchLang';
 
+const getAntdLocale = async (lang?: string) => {
+  let normalLang = normalizeLocale(lang);
+
+  // due to antd only have ar-EG locale, we need to convert ar to ar-EG
+  // refs: https://ant.design/docs/react/i18n
+
+  // And we don't want to handle it in `normalizeLocale` function
+  // because of other locale files are all `ar` not `ar-EG`
+  if (normalLang === 'ar') normalLang = 'ar-EG';
+
+  const { default: locale } = await import(`antd/locale/${normalLang.replace('-', '_')}.js`);
+
+  return locale;
+};
+
 interface LocaleLayoutProps extends PropsWithChildren {
-  lang?: string;
+  defaultLang?: string;
 }
 
-const Locale = memo<LocaleLayoutProps>(({ children, lang }) => {
-  const { data: locale } = useSWR(
-    lang,
-    async () =>
-      await import(`antd/locale/${lang?.includes('-') ? lang?.replace('-', '_') : 'en_US'}.js`),
-    { revalidateOnFocus: false },
-  );
-  const [i18n] = useState(createI18nNext(lang));
+const Locale = memo<LocaleLayoutProps>(({ children, defaultLang }) => {
+  const [i18n] = useState(createI18nNext(defaultLang));
+  const [lang, setLang] = useState(defaultLang);
+
+  const { data: locale } = useSWR(['antd-locale', lang], ([, key]) => getAntdLocale(key), {
+    revalidateOnFocus: false,
+  });
 
   // if run on server side, init i18n instance everytime
   if (isOnServerSide) {
@@ -38,6 +53,18 @@ const Locale = memo<LocaleLayoutProps>(({ children, lang }) => {
     }
   }, []);
 
+  // handle i18n instance language change
+  useEffect(() => {
+    const handleLang = (e: string) => {
+      setLang(e);
+    };
+
+    i18n.instance.on('languageChanged', handleLang);
+    return () => {
+      i18n.instance.off('languageChanged', handleLang);
+    };
+  }, [i18n]);
+
   return <ConfigProvider locale={locale}>{children}</ConfigProvider>;
 });
 

package/src/layout/GlobalLayout/index.tsx

@@ -48,7 +48,7 @@ interface GlobalLayoutProps extends AppThemeProps {
 
 const GlobalLayout = ({ children, defaultLang, ...theme }: GlobalLayoutProps) => (
   <AppTheme {...theme}>
-    <Locale lang={defaultLang}>
+    <Locale defaultLang={defaultLang}>
       <StoreHydration />
       <Container>{children}</Container>
       <DebugUI />

package/src/locales/default/setting.ts

@@ -252,9 +252,7 @@ export default {
     fontSize: {
       desc: '聊天内容的字体大小',
       marks: {
-        large: '大',
         normal: '标准',
-        small: '小',
       },
       title: '字体大小',
     },

package/src/locales/resources.ts

@@ -19,7 +19,9 @@ export const locales = [
 export type DefaultResources = typeof resources;
 export type Locales = (typeof locales)[number];
 
-export const normalizeLocale = (locale: string) => {
+export const normalizeLocale = (locale?: string) => {
+  if (!locale) return 'en-US';
+
   switch (locale) {
     case 'zh-CN':
     case 'zh': {
@@ -43,8 +45,8 @@ type LocaleOptions = {
 
 export const localeOptions: LocaleOptions = [
   {
-    label: 'العربية',
-    value: 'ar',
+    label: 'English',
+    value: 'en-US',
   },
   {
     label: '简体中文',
@@ -54,10 +56,6 @@ export const localeOptions: LocaleOptions = [
     label: '繁體中文',
     value: 'zh-TW',
   },
-  {
-    label: 'English',
-    value: 'en-US',
-  },
   {
     label: '日本語',
     value: 'ja-JP',
@@ -74,6 +72,10 @@ export const localeOptions: LocaleOptions = [
     label: 'Español',
     value: 'es-ES',
   },
+  {
+    label: 'العربية',
+    value: 'ar',
+  },
   {
     label: 'Français',
     value: 'fr-FR',