@lobehub/chat 1.22.25 → 1.22.26

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 1.22.26](https://github.com/lobehub/lobe-chat/compare/v1.22.25...v1.22.26)
+
+<sup>Released on **2024-10-23**</sup>
+
+#### 💄 Styles
+
+- **misc**: Fix some custom branding detail.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Fix some custom branding detail, closes [#4465](https://github.com/lobehub/lobe-chat/issues/4465) ([3fb1f6a](https://github.com/lobehub/lobe-chat/commit/3fb1f6a))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.22.25](https://github.com/lobehub/lobe-chat/compare/v1.22.24...v1.22.25)
 
 <sup>Released on **2024-10-23**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.22.25",
+  "version": "1.22.26",
   "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/(main)/discover/_layout/Desktop/Header.tsx

@@ -5,6 +5,7 @@ import Link from 'next/link';
 import { memo } from 'react';
 
 import { ProductLogo } from '@/components/Branding';
+import { isCustomBranding } from '@/const/version';
 
 import CreateButton from '../../features/CreateButton';
 import StoreSearchBar from '../../features/StoreSearchBar';
@@ -17,7 +18,7 @@ const Header = memo(() => {
           <ProductLogo extra={'Discover'} size={36} type={'text'} />
         </Link>
       }
-      right={<CreateButton />}
+      right={!isCustomBranding && <CreateButton />}
       style={{
         position: 'relative',
         zIndex: 10,

package/src/app/(main)/settings/llm/index.tsx

@@ -2,6 +2,8 @@
 
 import { Flexbox } from 'react-layout-kit';
 
+import { isCustomBranding } from '@/const/version';
+
 import { useProviderList } from './ProviderList/providers';
 import ProviderConfig from './components/ProviderConfig';
 import Footer from './features/Footer';
@@ -14,7 +16,7 @@ const Page = () => {
       {list.map(({ id, ...res }) => (
         <ProviderConfig id={id as any} key={id} {...res} />
       ))}
-      <Footer />
+      {!isCustomBranding && <Footer />}
     </Flexbox>
   );
 };

package/src/app/metadata.ts

@@ -1,8 +1,9 @@
 import { Metadata } from 'next';
 
 import { appEnv } from '@/config/app';
-import { BRANDING_NAME } from '@/const/branding';
+import { BRANDING_LOGO_URL, BRANDING_NAME, ORG_NAME } from '@/const/branding';
 import { OFFICIAL_URL, OG_URL } from '@/const/url';
+import { isCustomBranding, isCustomORG } from '@/const/version';
 import { translation } from '@/server/translation';
 
 const BASE_PATH = appEnv.NEXT_PUBLIC_BASE_PATH;
@@ -22,11 +23,13 @@ export const generateMetadata = async (): Promise<Metadata> => {
       title: BRANDING_NAME,
     },
     description: t('chat.description', { appName: BRANDING_NAME }),
-    icons: {
-      apple: '/apple-touch-icon.png?v=1',
-      icon: '/favicon.ico?v=1',
-      shortcut: '/favicon-32x32.ico?v=1',
-    },
+    icons: isCustomBranding
+      ? BRANDING_LOGO_URL
+      : {
+          apple: '/apple-touch-icon.png?v=1',
+          icon: '/favicon.ico?v=1',
+          shortcut: '/favicon-32x32.ico?v=1',
+        },
     manifest: noManifest ? undefined : '/manifest.json',
     metadataBase: new URL(OFFICIAL_URL),
     openGraph: {
@@ -53,7 +56,7 @@ export const generateMetadata = async (): Promise<Metadata> => {
       card: 'summary_large_image',
       description: t('chat.description', { appName: BRANDING_NAME }),
       images: [OG_URL],
-      site: '@lobehub',
+      site: isCustomORG ? `@${ORG_NAME}` : '@lobehub',
       title: t('chat.title', { appName: BRANDING_NAME }),
     },
   };

package/src/const/branding.ts

@@ -8,3 +8,9 @@ export const BRANDING_NAME = 'LobeChat';
 export const BRANDING_LOGO_URL = '';
 
 export const ORG_NAME = 'LobeHub';
+
+export const BRANDING_URL = {
+  help: undefined,
+  privacy: undefined,
+  terms: undefined,
+};

package/src/layout/AuthProvider/Clerk/useAppearance.ts

@@ -4,6 +4,8 @@ import { dark } from '@clerk/themes';
 import { ElementsConfig, Theme } from '@clerk/types';
 import { createStyles, useThemeMode } from 'antd-style';
 
+import { BRANDING_URL } from '@/const/branding';
+
 const prefixCls = 'cl';
 
 export const useStyles = createStyles(
@@ -101,10 +103,10 @@ export const useAppearance = () => {
     baseTheme: isDarkMode ? dark : undefined,
     elements: styles,
     layout: {
-      helpPageUrl: 'https://lobehub.com/docs',
-      privacyPageUrl: 'https://lobehub.com/privacy',
+      helpPageUrl: BRANDING_URL.help ?? 'https://lobehub.com/docs',
+      privacyPageUrl: BRANDING_URL.privacy ?? 'https://lobehub.com/privacy',
       socialButtonsVariant: 'blockButton',
-      termsPageUrl: 'https://lobehub.com/terms',
+      termsPageUrl: BRANDING_URL.terms ?? 'https://lobehub.com/terms',
     },
     variables: {
       borderRadius: `${theme.borderRadius}px`,