@lobehub/chat 1.2.3 → 1.2.5

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 1.2.5](https://github.com/lobehub/lobe-chat/compare/v1.2.4...v1.2.5)
+
+<sup>Released on **2024-07-02**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix clerk appearance is not applied correctly.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix clerk appearance is not applied correctly, closes [#3105](https://github.com/lobehub/lobe-chat/issues/3105) ([cf9c145](https://github.com/lobehub/lobe-chat/commit/cf9c145))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.2.4](https://github.com/lobehub/lobe-chat/compare/v1.2.3...v1.2.4)
+
+<sup>Released on **2024-07-02**</sup>
+
+#### 💄 Styles
+
+- **misc**: Update ProviderAvatar for Baichuan & Stepfun.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Update ProviderAvatar for Baichuan & Stepfun, closes [#3112](https://github.com/lobehub/lobe-chat/issues/3112) ([ae5987a](https://github.com/lobehub/lobe-chat/commit/ae5987a))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.2.3](https://github.com/lobehub/lobe-chat/compare/v1.2.2...v1.2.3)
 
 <sup>Released on **2024-07-01**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "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",
@@ -80,7 +80,11 @@
     "*.json": [
       "prettier --write --no-error-on-unmatched-pattern"
     ],
-    "*.{js,jsx,mjs,cjs}": [
+    "*.{mjs,cjs}": [
+      "prettier --write",
+      "eslint --fix"
+    ],
+    "*.{js,jsx}": [
       "prettier --write",
       "stylelint --fix",
       "eslint --fix"

package/src/features/Conversation/Error/APIKeyForm/ProviderAvatar.tsx

@@ -1,5 +1,6 @@
 import {
   Anthropic,
+  Baichuan,
   DeepSeek,
   Google,
   Groq,
@@ -9,6 +10,7 @@ import {
   OpenAI,
   OpenRouter,
   Perplexity,
+  Stepfun,
   Together,
   Tongyi,
   ZeroOne,
@@ -55,6 +57,10 @@ const ProviderAvatar = memo<ProviderAvatarProps>(({ provider }) => {
       return <Anthropic color={Anthropic.colorPrimary} size={52} />;
     }
 
+    case ModelProvider.Baichuan: {
+      return <Baichuan color={Baichuan.colorPrimary} size={56} />;
+    }
+
     case ModelProvider.DeepSeek: {
       return <DeepSeek color={DeepSeek.colorPrimary} size={56} />;
     }
@@ -71,6 +77,10 @@ const ProviderAvatar = memo<ProviderAvatarProps>(({ provider }) => {
       return <Tongyi color={Tongyi.colorPrimary} size={56} />;
     }
 
+    case ModelProvider.Stepfun: {
+      return <Stepfun color={Stepfun.colorPrimary} size={56} />;
+    }
+
     case ModelProvider.TogetherAI: {
       return <Together color={Together.colorPrimary} size={56} />;
     }

package/src/layout/AuthProvider/Clerk/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { ClerkProvider } from '@clerk/nextjs';
-import { PropsWithChildren, memo, useMemo } from 'react';
+import { PropsWithChildren, memo, useEffect, useMemo, useState, useTransition } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import UserUpdater from './UserUpdater';
@@ -15,6 +15,18 @@ const Clerk = memo(({ children }: PropsWithChildren) => {
 
   const localization = useMemo(() => getResourceBundle(language, 'clerk'), [language]);
 
+  // When useAppearance returns different result during SSR vs. client-side (when theme mode is auto), the appearance is not applied
+  // It's because Clerk internally re-applies SSR props after transition which overrides client-side props, see https://github.com/clerk/javascript/blob/main/packages/nextjs/src/app-router/client/ClerkProvider.tsx
+  // This re-renders the provider after transition to make sure client-side props are always applied
+  const [, setCount] = useState(0);
+  const [isPending, startTransition] = useTransition();
+  useEffect(() => {
+    if (isPending) return;
+    startTransition(() => {
+      setCount((count) => count + 1);
+    });
+  }, [isPending, startTransition]);
+
   return (
     <ClerkProvider appearance={appearance} localization={localization}>
       {children}