@lobehub/chat 0.142.5 → 0.142.6

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 0.142.6](https://github.com/lobehub/lobe-chat/compare/v0.142.5...v0.142.6)
+
+<sup>Released on **2024-03-26**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix normalize german locale.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix normalize german locale, closes [#1750](https://github.com/lobehub/lobe-chat/issues/1750) ([69fcc78](https://github.com/lobehub/lobe-chat/commit/69fcc78))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.142.5](https://github.com/lobehub/lobe-chat/compare/v0.142.4...v0.142.5)
 
 <sup>Released on **2024-03-26**</sup>

package/next.config.mjs

@@ -8,7 +8,6 @@ const buildWithDocker = process.env.DOCKER === 'true';
 const API_PROXY_ENDPOINT = process.env.API_PROXY_ENDPOINT || '';
 
 const basePath = process.env.NEXT_PUBLIC_BASE_PATH;
-const docsBasePath = process.env.NEXT_PUBLIC_LOBE_CHAT_DOCS || '';
 
 const withBundleAnalyzer = analyzer({
   enabled: process.env.ANALYZE === 'true',
@@ -38,27 +37,13 @@ const nextConfig = {
     ],
     webVitalsAttribution: ['CLS', 'LCP'],
   },
-  images: {
-    remotePatterns: [
-      {
-        hostname: 'registry.npmmirror.com',
-        pathname: '/@lobehub/**',
-        port: '',
-        protocol: 'https',
-      },
-    ],
-    unoptimized: !isProd,
-  },
+
   output: buildWithDocker ? 'standalone' : undefined,
 
   rewrites: async () => [
     // due to google api not work correct in some countries
     // we need a proxy to bypass the restriction
     { source: '/api/chat/google', destination: `${API_PROXY_ENDPOINT}/api/chat/google` },
-    { source: '/docs', destination: `${docsBasePath}/docs` },
-    { source: '/docs/zh', destination: `${docsBasePath}/docs/zh` },
-    { source: '/docs/en', destination: `${docsBasePath}/docs/en` },
-    { source: '/docs/:path*', destination: `${docsBasePath}/docs/:path*` },
   ],
   reactStrictMode: true,
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.142.5",
+  "version": "0.142.6",
   "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",
@@ -90,7 +90,7 @@
     "@lobehub/chat-plugins-gateway": "latest",
     "@lobehub/icons": "latest",
     "@lobehub/tts": "latest",
-    "@lobehub/ui": "^1.135.4",
+    "@lobehub/ui": "^1.137.4",
     "@next/third-parties": "^14.1.4",
     "@vercel/analytics": "^1",
     "@vercel/speed-insights": "^1.0.10",

package/src/app/chat/(mobile)/features/SessionList.tsx

@@ -7,7 +7,7 @@ const Sessions = memo(() => {
   return (
     <>
       <div style={{ padding: '8px 16px' }}>
-        <SessionSearchBar />
+        <SessionSearchBar mobile />
       </div>
       <SessionListContent />
     </>

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

@@ -1,18 +1,20 @@
 import { SearchBar } from '@lobehub/ui';
-import { useResponsive } from 'antd-style';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import { useIsMobile } from '@/hooks/useIsMobile';
 import { useSessionStore } from '@/store/session';
 
-const SessionSearchBar = memo(() => {
+const SessionSearchBar = memo<{ mobile?: boolean }>(({ mobile: controlledMobile }) => {
   const { t } = useTranslation('chat');
   const [keywords, setKeywords] = useState<string | undefined>(undefined);
   const [useSearchSessions] = useSessionStore((s) => [s.useSearchSessions]);
 
   useSearchSessions(keywords);
 
-  const { mobile } = useResponsive();
+  const isMobile = useIsMobile();
+  const mobile = controlledMobile ?? isMobile;
+
   return (
     <SearchBar
       allowClear

package/src/app/market/(desktop)/index.tsx

@@ -1,18 +1,26 @@
 'use client';
 
 import { SpotlightCard, SpotlightCardProps } from '@lobehub/ui';
-import { FC, memo } from 'react';
+import { FC, memo, useEffect } from 'react';
 
 import ClientResponsiveContent from '@/components/client/ClientResponsiveContent';
+import { useMarketStore } from '@/store/market';
 
 import AgentCard from '../features/AgentCard';
-import Index from '../index';
+import AgentSearchBar from '../features/AgentSearchBar';
 
-const Desktop = memo(() => (
-  <>
-    <Index />
-    <AgentCard CardRender={SpotlightCard as FC<SpotlightCardProps>} />
-  </>
-));
+const Desktop = memo(() => {
+  useEffect(() => {
+    // refs: https://github.com/pmndrs/zustand/blob/main/docs/integrations/persisting-store-data.md#hashydrated
+    useMarketStore.persist.rehydrate();
+  }, []);
+
+  return (
+    <>
+      <AgentSearchBar />
+      <AgentCard CardRender={SpotlightCard as FC<SpotlightCardProps>} />
+    </>
+  );
+});
 
 export default ClientResponsiveContent({ Desktop, Mobile: () => import('../(mobile)') });

package/src/app/market/(mobile)/index.tsx

@@ -1,21 +1,30 @@
 'use client';
 
 import dynamic from 'next/dynamic';
-import { memo } from 'react';
+import { memo, useEffect } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
+import { useMarketStore } from '@/store/market';
+
 import AgentCard from '../features/AgentCard';
-import Index from '../index';
+import AgentSearchBar from '../features/AgentSearchBar';
 import CardRender from './features/AgentCard';
 
 const DetailModal = dynamic(() => import('./features/AgentDetail'), { ssr: false });
 
-export default memo(() => (
-  <>
-    <Flexbox flex={1} gap={16} style={{ padding: 16 }}>
-      <Index />
-      <AgentCard CardRender={CardRender} mobile />{' '}
-    </Flexbox>
-    <DetailModal />
-  </>
-));
+export default memo(() => {
+  useEffect(() => {
+    // refs: https://github.com/pmndrs/zustand/blob/main/docs/integrations/persisting-store-data.md#hashydrated
+    useMarketStore.persist.rehydrate();
+  }, []);
+
+  return (
+    <>
+      <Flexbox flex={1} gap={16} style={{ padding: 16 }}>
+        <AgentSearchBar mobile />
+        <AgentCard CardRender={CardRender} mobile />{' '}
+      </Flexbox>
+      <DetailModal />
+    </>
+  );
+});

package/src/app/market/_layout/Desktop/index.tsx

@@ -34,7 +34,7 @@ const Desktop = memo<PropsWithChildren>(({ children }) => {
     <Flexbox flex={1} height={'100%'} id={'lobe-market-container'} style={{ position: 'relative' }}>
       <Header />
       <Flexbox flex={1} height={'calc(100% - 64px)'} horizontal>
-        <Flexbox align={'center'} flex={1} style={{ overflow: 'scroll', padding: 16 }}>
+        <Flexbox align={'center'} flex={1} style={{ overflowY: 'scroll', padding: 16 }}>
           <SafeSpacing />
 
           <Flexbox gap={16} style={{ maxWidth: MAX_WIDTH, position: 'relative', width: '100%' }}>

package/src/app/market/features/AgentSearchBar/index.tsx

@@ -1,15 +1,16 @@
 import { SearchBar } from '@lobehub/ui';
-import { useResponsive } from 'antd-style';
 import { memo, useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
+import { useIsMobile } from '@/hooks/useIsMobile';
 import { useMarketStore } from '@/store/market';
 
-const AgentSearchBar = memo(() => {
+const AgentSearchBar = memo<{ mobile?: boolean }>(({ mobile: controlledMobile }) => {
   const { t } = useTranslation('market');
   const [keywords, setKeywords] = useMarketStore((s) => [s.searchKeywords, s.setSearchKeywords]);
   const [value, setValue] = useState(keywords);
-  const { mobile } = useResponsive();
+  const isMobile = useIsMobile();
+  const mobile = controlledMobile ?? isMobile;
 
   const handleSearch = useCallback(() => {
     setKeywords(value);

package/src/app/market/features/PageTitle/index.tsx

@@ -0,0 +1,13 @@
+'use client';
+
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import PageTitle from '@/components/PageTitle';
+
+const Title = memo(() => {
+  const { t } = useTranslation('common');
+
+  return <PageTitle title={t('tab.market')} />;
+});
+export default Title;

package/src/app/market/page.tsx

@@ -5,13 +5,19 @@ import { isMobileDevice } from '@/utils/responsive';
 
 import DesktopPage from './(desktop)';
 import MobilePage from './(mobile)';
+import PageTitle from './features/PageTitle';
 
 export default () => {
   const mobile = isMobileDevice();
 
   const Page = mobile ? MobilePage : DesktopPage;
 
-  return <Page />;
+  return (
+    <>
+      <PageTitle />
+      <Page />
+    </>
+  );
 };
 
 export const metadata: Metadata = {

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

@@ -60,6 +60,7 @@ const Theme = memo(() => {
                 value: 'auto',
               },
             ]}
+            unoptimized={false}
             width={100}
           />
         ),

package/src/const/meta.ts

@@ -6,4 +6,4 @@ export const DEFAULT_BACKGROUND_COLOR = 'rgba(0,0,0,0)';
 export const DEFAULT_AGENT_META: MetaData = {};
 export const DEFAULT_INBOX_AVATAR = '🤯';
 export const DEFAULT_USER_AVATAR_URL =
-  'https://registry.npmmirror.com/@lobehub/assets-logo/1.1.0/files/assets/logo-3d.webp';
+  'https://registry.npmmirror.com/@lobehub/assets-logo/1.2.0/files/assets/logo-3d.webp';

package/src/features/AgentSetting/AgentConfig/index.tsx

@@ -58,6 +58,7 @@ const AgentConfig = memo(() => {
                   value: 'docs',
                 },
               ]}
+              unoptimized={false}
               value={displayMode}
               width={144}
             />

package/src/features/AvatarWithUpload/index.tsx

@@ -1,9 +1,9 @@
 import { Upload } from 'antd';
 import { createStyles } from 'antd-style';
-import Avatar from 'next/image';
+import NextImage from 'next/image';
 import { CSSProperties, memo, useCallback } from 'react';
 
-import { imageUrl } from '@/const/url';
+import { DEFAULT_USER_AVATAR_URL } from '@/const/meta';
 import { useGlobalStore } from '@/store/global';
 import { commonSelectors } from '@/store/global/selectors';
 import { imageToBase64 } from '@/utils/imageToBase64';
@@ -58,10 +58,11 @@ const AvatarWithUpload = memo<AvatarWithUploadProps>(
     return (
       <div className={styles} id={id} style={{ maxHeight: size, maxWidth: size, ...style }}>
         <Upload beforeUpload={handleUploadAvatar} itemRender={() => void 0} maxCount={1}>
-          <Avatar
+          <NextImage
             alt={avatar ? 'userAvatar' : 'LobeChat'}
             height={size}
-            src={!!avatar ? avatar : imageUrl('logo.png')}
+            src={!!avatar ? avatar : DEFAULT_USER_AVATAR_URL}
+            unoptimized
             width={size}
           />
         </Upload>

package/src/layout/GlobalProvider/AppTheme.tsx

@@ -76,7 +76,7 @@ const AppTheme = memo<AppThemeProps>(
         themeMode={themeMode}
       >
         <GlobalStyle />
-        <ConfigProvider config={{ imgAs: Image } as any}>
+        <ConfigProvider config={{ imgAs: Image, imgUnoptimized: true }}>
           <Container>{children}</Container>
         </ConfigProvider>
       </ThemeProvider>

package/src/locales/resources.ts

@@ -28,6 +28,10 @@ export const normalizeLocale = (locale?: string) => {
       return 'zh-CN';
     }
 
+    case 'de': {
+      return 'de-DE';
+    }
+
     case 'en': {
       return 'en-US';
     }

package/src/app/market/index.tsx

@@ -1,27 +0,0 @@
-'use client';
-
-import { memo, useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import PageTitle from '@/components/PageTitle';
-import { useMarketStore } from '@/store/market';
-
-import AgentSearchBar from './features/AgentSearchBar';
-
-const Market = memo(() => {
-  const { t } = useTranslation('common');
-
-  useEffect(() => {
-    // refs: https://github.com/pmndrs/zustand/blob/main/docs/integrations/persisting-store-data.md#hashydrated
-    useMarketStore.persist.rehydrate();
-  }, []);
-
-  return (
-    <>
-      <PageTitle title={t('tab.market')} />
-      <AgentSearchBar />
-    </>
-  );
-});
-
-export default Market;