@lobehub/chat 0.98.0 → 0.98.2

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 0.98.2](https://github.com/lobehub/lobe-chat/compare/v0.98.1...v0.98.2)
+
+<sup>Released on **2023-11-07**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: Refactor antd locale file to useSWR.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: Refactor antd locale file to useSWR ([2e1cd7c](https://github.com/lobehub/lobe-chat/commit/2e1cd7c))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 0.98.1](https://github.com/lobehub/lobe-chat/compare/v0.98.0...v0.98.1)
+
+<sup>Released on **2023-11-07**</sup>
+
+#### 💄 Styles
+
+- **misc**: Update welcome assetes.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Update welcome assetes ([8840554](https://github.com/lobehub/lobe-chat/commit/8840554))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 0.98.0](https://github.com/lobehub/lobe-chat/compare/v0.97.1...v0.98.0)
 
 <sup>Released on **2023-11-07**</sup>

package/README.md

@@ -35,6 +35,8 @@ LobeChat is an open-source, extensible ([Function Calling][fc-link]) high-perfor
 [![][share-reddit-shield]][share-reddit-link]
 [![][share-weibo-shield]][share-weibo-link]
 
+<sup>Pioneering the new age of thinking and creating. Built for you, the Super Individual.</sup>
+
 ![](https://gw.alipayobjects.com/zos/kitchen/RKnWrrfuMl/welcome.webp)
 
 </div>

package/locales/en_US/welcome.json

@@ -7,8 +7,8 @@
   "pickAgent": "Or choose from the following agent templates",
   "skip": "Skip Creation",
   "slogan": {
-    "desc1": "Unlock the power of your brain and ignite your creativity. Your intelligent agent is always here.",
+    "desc1": "Pioneering the new age of thinking and creating. Built for you, the Super Individual.",
     "desc2": "Create your first agent and let's get started~",
-    "title": "Give yourself a smarter brain"
+    "title": "Unlock the superpower of your brain"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.98.0",
+  "version": "0.98.2",
   "description": "An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application",
   "keywords": [
     "chatbot",

package/src/app/chat/features/SystemRole/index.tsx

@@ -46,7 +46,7 @@ const SystemRole = memo(() => {
 
   const handleOpen = () => {
     if (!init) return;
-    setEditing(false);
+
     setOpen(true);
   };
 
@@ -82,9 +82,11 @@ const SystemRole = memo(() => {
                 extra: (
                   <AgentInfo
                     meta={meta}
-                    onAvatarClick={() =>
-                      router.push(pathString('/chat/settings', { hash: location.hash }))
-                    }
+                    onAvatarClick={() => {
+                      setOpen(false);
+                      setEditing(false);
+                      router.push(pathString('/chat/settings', { hash: location.hash }));
+                    }}
                     style={{ marginBottom: 16 }}
                   />
                 ),

package/src/app/welcome/features/Banner/Hero.tsx

@@ -1,27 +1,40 @@
 import dynamic from 'next/dynamic';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
 
 import { genSize, useStyles } from './style';
 
 const LogoThree = dynamic(() => import('@lobehub/ui/es/LogoThree'));
+const LogoSpline = dynamic(() => import('@lobehub/ui/es/LogoThree/LogoSpline'));
 
 const Hero = memo<{ mobile?: boolean; width: number }>(({ width, mobile }) => {
-  const size = {
+  const size: any = {
     base: genSize(width / 3.5, 240),
     desc: genSize(width / 50, 14),
-    logo: genSize(width / 3.8, 180),
+    logo: genSize(width / 2.5, 180),
     title: genSize(width / 20, 32),
   };
+
+  size.marginTop = mobile ? -size.logo / 9 : -size.logo / 3;
+  size.marginBottom = mobile ? -size.logo / 9 : -size.logo / 4;
+
   const { styles } = useStyles(size.base);
 
   const { t } = useTranslation('welcome');
 
   return (
     <>
-      <div style={{ height: size.logo, marginTop: -size.logo / 5, width: size.logo }}>
-        <LogoThree size={size.logo} />
-      </div>
+      <Flexbox
+        style={{
+          height: size.logo,
+          marginBottom: size.marginBottom,
+          marginTop: size.marginTop,
+          position: 'relative',
+        }}
+      >
+        {mobile ? <LogoThree size={size.logo} /> : <LogoSpline height={'100%'} width={'100%'} />}
+      </Flexbox>
       <div className={styles.title} style={{ fontSize: size.title }}>
         <strong style={mobile ? { fontSize: '1.2em' } : {}}>LobeChat</strong>
         {mobile ? <br /> : ' '}

package/src/layout/GlobalLayout/Locale.tsx

@@ -1,6 +1,6 @@
 import { ConfigProvider } from 'antd';
-import defaultLocale from 'antd/locale/en_US';
 import { PropsWithChildren, memo, useState } from 'react';
+import useSWR from 'swr';
 
 import { createI18nNext } from '@/locales/create';
 import { useOnFinishHydrationGlobal } from '@/store/global';
@@ -12,7 +12,11 @@ interface LocaleLayoutProps extends PropsWithChildren {
 }
 
 const InnerLocale = memo<LocaleLayoutProps>(({ children, lang }) => {
-  const [locale, setLocale] = useState(defaultLocale);
+  const { data: locale } = useSWR(
+    lang,
+    async () =>
+      await import(`antd/locale/${lang?.includes('-') ? lang?.replace('-', '_') : 'en-US'}.js`),
+  );
   const [i18n] = useState(createI18nNext(lang));
 
   // if run on server side, init i18n instance everytime
@@ -27,19 +31,10 @@ const InnerLocale = memo<LocaleLayoutProps>(({ children, lang }) => {
       });
   }
 
-  const getLocale = async (localeName: string) => {
-    setLocale((await import(`antd/locale/${localeName}.js`)) as any);
-  };
-
   useOnFinishHydrationGlobal((s) => {
     if (s.settings.language === 'auto') {
       switchLang('auto');
     }
-
-    if (lang?.includes('-') && lang !== 'en-US') {
-      const localeName = lang?.replace('-', '_');
-      getLocale(localeName);
-    }
   }, []);
 
   return <ConfigProvider locale={locale}>{children}</ConfigProvider>;