@lobehub/chat 1.36.20 → 1.36.22

package/CHANGELOG.md

@@ -2,6 +2,40 @@
 
 # Changelog
 
+### [Version 1.36.22](https://github.com/lobehub/lobe-chat/compare/v1.36.21...v1.36.22)
+
+<sup>Released on **2024-12-13**</sup>
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.36.21](https://github.com/lobehub/lobe-chat/compare/v1.36.20...v1.36.21)
+
+<sup>Released on **2024-12-13**</sup>
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.36.20](https://github.com/lobehub/lobe-chat/compare/v1.36.19...v1.36.20)
 
 <sup>Released on **2024-12-13**</sup>

package/Dockerfile

@@ -1,5 +1,8 @@
+## Set global build ENV
+ARG NODEJS_VERSION="22"
+
 ## Base image for all building stages
-FROM node:20-slim AS base
+FROM node:${NODEJS_VERSION}-slim AS base
 
 ARG USE_CN_MIRROR
 
@@ -166,6 +169,8 @@ ENV \
     GOOGLE_API_KEY="" GOOGLE_MODEL_LIST="" GOOGLE_PROXY_URL="" \
     # Groq
     GROQ_API_KEY="" GROQ_MODEL_LIST="" GROQ_PROXY_URL="" \
+    # Higress
+    HIGRESS_API_KEY="" HIGRESS_MODEL_LIST="" HIGRESS_PROXY_URL="" \
     # HuggingFace
     HUGGINGFACE_API_KEY="" HUGGINGFACE_MODEL_LIST="" HUGGINGFACE_PROXY_URL="" \
     # Hunyuan
@@ -211,9 +216,7 @@ ENV \
     # 01.AI
     ZEROONE_API_KEY="" ZEROONE_MODEL_LIST="" \
     # Zhipu
-    ZHIPU_API_KEY="" ZHIPU_MODEL_LIST="" \
-    # Higress
-    HIGRESS_API_KEY="" HIGRESS_MODEL_LIST=""
+    ZHIPU_API_KEY="" ZHIPU_MODEL_LIST=""
 
 USER nextjs
 

package/Dockerfile.database

@@ -1,5 +1,8 @@
+## Set global build ENV
+ARG NODEJS_VERSION="22"
+
 ## Base image for all building stages
-FROM node:20-slim AS base
+FROM node:${NODEJS_VERSION}-slim AS base
 
 ARG USE_CN_MIRROR
 
@@ -201,6 +204,8 @@ ENV \
     GOOGLE_API_KEY="" GOOGLE_MODEL_LIST="" GOOGLE_PROXY_URL="" \
     # Groq
     GROQ_API_KEY="" GROQ_MODEL_LIST="" GROQ_PROXY_URL="" \
+    # Higress
+    HIGRESS_API_KEY="" HIGRESS_MODEL_LIST="" HIGRESS_PROXY_URL="" \
     # HuggingFace
     HUGGINGFACE_API_KEY="" HUGGINGFACE_MODEL_LIST="" HUGGINGFACE_PROXY_URL="" \
     # Hunyuan

package/changelog/v1.json

@@ -1,4 +1,14 @@
 [
+  {
+    "children": {},
+    "date": "2024-12-13",
+    "version": "1.36.22"
+  },
+  {
+    "children": {},
+    "date": "2024-12-13",
+    "version": "1.36.21"
+  },
   {
     "children": {
       "improvements": [

package/locales/ar/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "استيراد التكوين",
-    "market": "تسوق في السوق",
-    "start": "ابدأ الآن"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "تغيير",

package/locales/bg-BG/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "Импортирай конфигурация",
-    "market": "Пазар",
-    "start": "Започни сега"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "Смени",

package/locales/de-DE/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "Konfiguration importieren",
-    "market": "Markt durchstöbern",
-    "start": "Jetzt starten"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "Ersetzen",

package/locales/en-US/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "Import Configuration",
-    "market": "Visit Market",
-    "start": "Start Now"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "Replace Batch",

package/locales/es-ES/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "Importar configuración",
-    "market": "Explorar el mercado",
-    "start": "Comenzar ahora"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "Cambiar grupo",

package/locales/fa-IR/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "وارد کردن تنظیمات",
-    "market": "بازدید از بازار",
-    "start": "شروع کن"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "تغییر دسته",

package/locales/fr-FR/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "Importer la configuration",
-    "market": "Parcourir le marché",
-    "start": "Démarrer maintenant"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "Remplacer",

package/locales/it-IT/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "Importa configurazione",
-    "market": "Esplora il mercato",
-    "start": "Inizia subito"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "Cambia gruppo",

package/locales/ja-JP/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "設定をインポート",
-    "market": "市場を見る",
-    "start": "すぐに開始"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "別のグループ",

package/locales/ko-KR/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "구성 가져오기",
-    "market": "시장 구경하기",
-    "start": "지금 시작"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "다른 것으로 바꾸기",

package/locales/nl-NL/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "Importeer configuratie",
-    "market": "Verken de markt",
-    "start": "Nu beginnen"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "Vervang een groep",

package/locales/pl-PL/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "Importuj konfigurację",
-    "market": "Przeglądaj rynek",
-    "start": "Rozpocznij teraz"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "Zmień",

package/locales/pt-BR/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "Importar configuração",
-    "market": "Explorar o mercado",
-    "start": "Começar agora"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "Trocar",

package/locales/ru-RU/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "Импорт конфига",
-    "market": "Посетить рынок",
-    "start": "Начать"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "Заменить",

package/locales/tr-TR/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "İçe Aktar",
-    "market": "Pazara Göz At",
-    "start": "Başla"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "Başka bir grup",

package/locales/vi-VN/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "Nhập Cấu Hình",
-    "market": "Thăm Thị trường",
-    "start": "Bắt Đầu Ngay"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "Thay đổi",

package/locales/zh-CN/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "导入配置",
-    "market": "逛逛市场",
-    "start": "立即开始"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "换一批",

package/locales/zh-TW/welcome.json

@@ -1,9 +1,4 @@
 {
-  "button": {
-    "import": "匯入設定檔",
-    "market": "逛逛市場",
-    "start": "馬上開始"
-  },
   "guide": {
     "agents": {
       "replaceBtn": "換一批",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.36.20",
+  "version": "1.36.22",
   "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",

package/src/app/loading/Redirect.tsx

@@ -8,12 +8,11 @@ import { authSelectors } from '@/store/user/selectors';
 
 const Redirect = memo(() => {
   const router = useRouter();
-  const [isLogin, isLoaded, isUserStateInit, isUserHasConversation, isOnboard] = useUserStore(
+  const [isLogin, isLoaded, isUserStateInit, isOnboard] = useUserStore(
     (s) => [
       authSelectors.isLogin(s),
       authSelectors.isLoaded(s),
       s.isUserStateInit,
-      s.isUserHasConversation,
       s.isOnboard,
     ],
   );
@@ -24,7 +23,7 @@ const Redirect = memo(() => {
 
     // this mean user is definitely not login
     if (!isLogin) {
-      router.replace('/welcome');
+      router.replace('/chat');
       return;
     }
 
@@ -38,12 +37,8 @@ const Redirect = memo(() => {
     }
 
     // finally check the conversation status
-    if (isUserHasConversation) {
-      router.replace('/chat');
-    } else {
-      router.replace('/welcome');
-    }
-  }, [isUserStateInit, isLoaded, isUserHasConversation, isOnboard, isLogin]);
+    router.replace('/chat');
+  }, [isUserStateInit, isLoaded, isOnboard, isLogin]);
 
   return null;
 });

package/src/components/Branding/index.ts

@@ -1,3 +1,2 @@
 export { OrgBrand } from './OrgBrand';
 export { ProductLogo } from './ProductLogo';
-export { WelcomeLogo } from './WelcomeLogo';

package/src/locales/default/welcome.ts

@@ -1,9 +1,4 @@
 export default {
-  button: {
-    import: '导入配置',
-    market: '逛逛市场',
-    start: '立即开始',
-  },
   guide: {
     agents: {
       replaceBtn: '换一批',

package/src/server/sitemap.ts

@@ -201,7 +201,6 @@ export class Sitemap {
     return [
       ...this._genSitemap('/', { noLocales: true }),
       ...this._genSitemap('/chat', { noLocales: true }),
-      ...this._genSitemap('/welcome', { noLocales: true }),
       /* ↓ cloud slot ↓ */
 
       /* ↑ cloud slot ↑ */

package/src/app/(main)/welcome/_layout/Desktop.tsx

@@ -1,42 +0,0 @@
-import { GridShowcase } from '@lobehub/ui';
-import { PropsWithChildren } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import { ORG_NAME } from '@/const/branding';
-import { isCustomORG } from '@/const/version';
-import Follow from '@/features/Follow';
-
-const COPYRIGHT = `© ${new Date().getFullYear()} ${ORG_NAME}`;
-
-const DesktopLayout = ({ children }: PropsWithChildren) => {
-  return (
-    <>
-      <Flexbox
-        align={'center'}
-        height={'100%'}
-        justify={'space-between'}
-        padding={16}
-        style={{ overflow: 'hidden', position: 'relative' }}
-        width={'100%'}
-      >
-        <div />
-        <GridShowcase
-          innerProps={{ gap: 24 }}
-          style={{ maxHeight: 'calc(100% - 104px)', maxWidth: 1024 }}
-          width={'100%'}
-        >
-          {children}
-        </GridShowcase>
-        <Flexbox align={'center'} horizontal justify={'space-between'}>
-          <span style={{ opacity: 0.5 }}>{COPYRIGHT}</span>
-          {isCustomORG ? <div /> : <Follow />}
-        </Flexbox>
-      </Flexbox>
-      {/* ↓ cloud slot ↓ */}
-
-      {/* ↑ cloud slot ↑ */}
-    </>
-  );
-};
-
-export default DesktopLayout;

package/src/app/(main)/welcome/_layout/Mobile.tsx

@@ -1,12 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { Center } from 'react-layout-kit';
-
-const MobileLayout = ({ children }: PropsWithChildren) => {
-  return (
-    <Center gap={16} style={{ height: '100%', paddingInline: 16 }}>
-      {children}
-    </Center>
-  );
-};
-
-export default MobileLayout;

package/src/app/(main)/welcome/features/Actions.test.tsx

@@ -1,77 +0,0 @@
-import { act, cleanup, fireEvent, render, renderHook, screen } from '@testing-library/react';
-import { afterEach, beforeAll, describe, expect, it, vi } from 'vitest';
-
-import {
-  Provider,
-  createServerConfigStore,
-  initServerConfigStore,
-} from '@/store/serverConfig/store';
-
-import Actions from './Actions';
-
-beforeAll(() => {
-  initServerConfigStore({ featureFlags: { market: true } });
-});
-
-beforeEach(() => {
-  vi.clearAllMocks();
-});
-
-afterEach(() => {
-  createServerConfigStore().setState({ featureFlags: { market: true } });
-  cleanup();
-});
-
-vi.mock('next/link', () => ({
-  default: vi.fn(({ children }: { children: React.ReactNode }) => <div>{children}</div>),
-}));
-
-vi.mock('react-i18next', () => ({
-  useTranslation: vi.fn(() => ({
-    t: vi.fn((key) => key),
-  })),
-}));
-
-const push = vi.fn();
-
-vi.mock('next/navigation', () => ({
-  useRouter: vi.fn(() => ({
-    push,
-  })),
-}));
-
-const renderActions = (props: { mobile?: boolean }) => {
-  render(
-    <Provider createStore={createServerConfigStore}>
-      <Actions {...props} />
-    </Provider>,
-  );
-};
-
-describe('Welcome Actions', () => {
-  it('should render Start and Market button', () => {
-    renderActions({});
-
-    expect(screen.getByText('button.start')).toBeInTheDocument();
-    expect(screen.getByText('button.market')).toBeInTheDocument();
-  });
-
-  it('should render Start when `-market` is set', () => {
-    act(() => {
-      createServerConfigStore().setState({ featureFlags: { market: false } });
-    });
-
-    renderActions({});
-
-    expect(screen.getByText('button.start')).toBeInTheDocument();
-    expect(screen.queryByText('button.market')).not.toBeInTheDocument();
-  });
-
-  it('Clicking start button should push to `/chat`', () => {
-    renderActions({});
-
-    fireEvent.click(screen.getByText('button.start'));
-
-    expect(push).toHaveBeenCalledWith('/chat');
-  });
-});

package/src/app/(main)/welcome/features/Actions.tsx

@@ -1,44 +0,0 @@
-'use client';
-
-import { Icon } from '@lobehub/ui';
-import { Button } from 'antd';
-import { SendHorizonal } from 'lucide-react';
-import Link from 'next/link';
-import { useRouter } from 'next/navigation';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
-
-const Actions = memo<{ mobile?: boolean }>(({ mobile }) => {
-  const { t } = useTranslation('welcome');
-  const router = useRouter();
-  const { showMarket } = useServerConfigStore(featureFlagsSelectors);
-
-  return (
-    <Flexbox gap={16} horizontal={!mobile} justify={'center'} width={'100%'} wrap={'wrap'}>
-      {showMarket && (
-        <Link href={'/discover'}>
-          <Button block={mobile} size={'large'} style={{ minWidth: 160 }} type={'default'}>
-            {t('button.market')}
-          </Button>
-        </Link>
-      )}
-      <Button
-        block={mobile}
-        onClick={() => router.push('/chat')}
-        size={'large'}
-        style={{ minWidth: 160 }}
-        type={'primary'}
-      >
-        <Flexbox align={'center'} gap={4} horizontal justify={'center'}>
-          {t('button.start')}
-          <Icon icon={SendHorizonal} />
-        </Flexbox>
-      </Button>
-    </Flexbox>
-  );
-});
-
-export default Actions;

package/src/app/(main)/welcome/features/Hero.tsx

@@ -1,65 +0,0 @@
-'use client';
-
-import { createStyles } from 'antd-style';
-import { rgba } from 'polished';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { BRANDING_NAME } from '@/const/branding';
-
-const useStyles = createStyles(({ css, token }) => {
-  return {
-    desc: css`
-      font-size: min(24px, 4vw);
-      font-weight: 400;
-      color: ${rgba(token.colorText, 0.8)};
-      text-align: center;
-      text-wrap: balance;
-    `,
-    title: css`
-      margin-block-end: 0;
-
-      font-size: min(56px, 7vw);
-      font-weight: 800;
-      line-height: 1;
-      text-align: center;
-      text-wrap: balance;
-    `,
-  };
-});
-
-const Hero = memo(() => {
-  const { styles } = useStyles();
-
-  const { t } = useTranslation('welcome');
-
-  return (
-    <>
-      <Flexbox
-        align={'center'}
-        as={'h1'}
-        className={styles.title}
-        gap={16}
-        horizontal
-        justify={'center'}
-        wrap={'wrap'}
-      >
-        <strong style={{ fontSize: 'min(56px, 8vw)' }}>{BRANDING_NAME}</strong>
-        <span>{t('slogan.title')}</span>
-      </Flexbox>
-      <Flexbox
-        align={'center'}
-        as={'h2'}
-        className={styles.desc}
-        horizontal
-        justify={'center'}
-        wrap={'wrap'}
-      >
-        {t('slogan.desc1')}
-      </Flexbox>
-    </>
-  );
-});
-
-export default Hero;

package/src/app/(main)/welcome/layout.tsx

@@ -1,10 +0,0 @@
-import ServerLayout from '@/components/server/ServerLayout';
-
-import Desktop from './_layout/Desktop';
-import Mobile from './_layout/Mobile';
-
-const WelcomeLayout = ServerLayout({ Desktop, Mobile });
-
-WelcomeLayout.displayName = 'WelcomeLayout';
-
-export default WelcomeLayout;

package/src/app/(main)/welcome/page.tsx

@@ -1,42 +0,0 @@
-import { WelcomeLogo } from '@/components/Branding';
-import StructuredData from '@/components/StructuredData';
-import { BRANDING_NAME } from '@/const/branding';
-import { ldModule } from '@/server/ld';
-import { metadataModule } from '@/server/metadata';
-import { translation } from '@/server/translation';
-import { isMobileDevice } from '@/utils/server/responsive';
-
-import Actions from './features/Actions';
-import Hero from './features/Hero';
-
-export const generateMetadata = async () => {
-  const { t } = await translation('metadata');
-  return metadataModule.generate({
-    description: t('welcome.description', { appName: BRANDING_NAME }),
-    title: t('welcome.title', { appName: BRANDING_NAME }),
-    url: '/welcome',
-  });
-};
-
-const Page = async () => {
-  const mobile = isMobileDevice();
-  const { t } = await translation('metadata');
-  const ld = ldModule.generate({
-    description: t('welcome.description', { appName: BRANDING_NAME }),
-    title: t('welcome.title', { appName: BRANDING_NAME }),
-    url: '/welcome',
-  });
-
-  return (
-    <>
-      <StructuredData ld={ld} />
-      <WelcomeLogo mobile={mobile} />
-      <Hero />
-      <Actions mobile={mobile} />
-    </>
-  );
-};
-
-Page.displayName = 'Welcome';
-
-export default Page;

package/src/components/Branding/WelcomeLogo/Custom.tsx

@@ -1,41 +0,0 @@
-'use client';
-
-import Image from 'next/image';
-import { memo } from 'react';
-import { Center } from 'react-layout-kit';
-
-import { BRANDING_LOGO_URL, BRANDING_NAME } from '@/const/branding';
-
-const WelcomeLogo = memo<{ mobile?: boolean }>(({ mobile }) => {
-  return mobile ? (
-    <Center height={240} width={240}>
-      <Image
-        alt={BRANDING_NAME}
-        height={240}
-        src={BRANDING_LOGO_URL}
-        unoptimized={true}
-        width={240}
-      />
-    </Center>
-  ) : (
-    <Center
-      style={{
-        height: `min(482px, 40vw)`,
-        marginBottom: '-10%',
-        marginTop: '-20%',
-        position: 'relative',
-        width: `min(976px, 80vw)`,
-      }}
-    >
-      <Image
-        alt={BRANDING_NAME}
-        height={240}
-        src={BRANDING_LOGO_URL}
-        unoptimized={true}
-        width={240}
-      />
-    </Center>
-  );
-});
-
-export default WelcomeLogo;

package/src/components/Branding/WelcomeLogo/LobeChat.tsx

@@ -1,32 +0,0 @@
-'use client';
-
-import dynamic from 'next/dynamic';
-import { memo } from 'react';
-import { Center } from 'react-layout-kit';
-
-const LogoThree = dynamic(() => import('@lobehub/ui/es/brand/LogoThree'), { ssr: false });
-const LogoSpline = dynamic(() => import('@lobehub/ui/es/brand/LogoThree/LogoSpline'), {
-  ssr: false,
-});
-
-const WelcomeLogo = memo<{ mobile?: boolean }>(({ mobile }) => {
-  return mobile ? (
-    <Center height={240} width={240}>
-      <LogoThree size={240} />
-    </Center>
-  ) : (
-    <Center
-      style={{
-        height: `min(482px, 40vw)`,
-        marginBottom: '-10%',
-        marginTop: '-20%',
-        position: 'relative',
-        width: `min(976px, 80vw)`,
-      }}
-    >
-      <LogoSpline height={'min(482px, 40vw)'} width={'min(976px, 80vw)'} />
-    </Center>
-  );
-});
-
-export default WelcomeLogo;

package/src/components/Branding/WelcomeLogo/index.tsx

@@ -1,16 +0,0 @@
-'use client';
-
-import { memo } from 'react';
-
-import { isCustomBranding } from '@/const/version';
-
-import CustomLogo from './Custom';
-import LobeChat from './LobeChat';
-
-export const WelcomeLogo = memo<{ mobile?: boolean }>(({ mobile }) => {
-  if (isCustomBranding) {
-    return <CustomLogo mobile={mobile} />;
-  }
-
-  return <LobeChat mobile={mobile} />;
-});