@lobehub/chat 0.125.0 → 0.126.1

package/CHANGELOG.md

@@ -2,6 +2,64 @@
 
 # Changelog
 
+### [Version 0.126.1](https://github.com/lobehub/lobe-chat/compare/v0.126.0...v0.126.1)
+
+<sup>Released on **2024-02-09**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Add basePath to support subdirectory.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Add basePath to support subdirectory, closes [#1179](https://github.com/lobehub/lobe-chat/issues/1179) ([43e544a](https://github.com/lobehub/lobe-chat/commit/43e544a))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 0.126.0](https://github.com/lobehub/lobe-chat/compare/v0.125.0...v0.126.0)
+
+<sup>Released on **2024-02-09**</sup>
+
+#### ✨ Features
+
+- **misc**: Support umami analytics.
+
+#### 🐛 Bug Fixes
+
+- **misc**: The back button on the chat setting page can correctly return to the configured Agent chat page.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Support umami analytics, closes [#1267](https://github.com/lobehub/lobe-chat/issues/1267) ([da7beba](https://github.com/lobehub/lobe-chat/commit/da7beba))
+
+#### What's fixed
+
+- **misc**: The back button on the chat setting page can correctly return to the configured Agent chat page, closes [#1272](https://github.com/lobehub/lobe-chat/issues/1272) ([4cc1ad5](https://github.com/lobehub/lobe-chat/commit/4cc1ad5))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 0.125.0](https://github.com/lobehub/lobe-chat/compare/v0.124.3...v0.125.0)
 
 <sup>Released on **2024-02-08**</sup>

package/README.md

@@ -225,14 +225,14 @@ Our marketplace is not just a showcase platform but also a collaborative space.
 
 <!-- AGENT LIST -->
 
-| Recent Submits                                                                                                                                                       | Description                                                                                                                                                                                                                                                                                           |
-| -------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [CAN: Code Master](https://chat-preview.lobehub.com/market?agent=can)<br/><sup>By **[MrHuangJser](https://github.com/MrHuangJser)** on **2024-02-06**</sup>          | CAN: Professional coding expert with years of experience and no character limit. Provides entrepreneurial services such as creative naming, slogans, user profiles, pain points, value propositions, sales channels, revenue streams, and cost structures.<br/>`coding` `communication` `questioning` |
-| [Golang Architect](https://chat-preview.lobehub.com/market?agent=golang-architect)<br/><sup>By **[dalefengs](https://github.com/dalefengs)** on **2024-02-06**</sup> | Providing you with efficient, secure, and stable code solutions<br/>`architectural-design` `code-solutions` `technical-consultation` `golang` `code-development`                                                                                                                                      |
-| [Database Expert](https://chat-preview.lobehub.com/market?agent=dba)<br/><sup>By **[xuzhen1994](https://github.com/xuzhen1994)** on **2024-02-03**</sup>             | Provides professional advice on database design paradigms, index optimization, query performance tuning, data security, backup and recovery.<br/>`database` `dba` `mysql` `clickhouse` `doris` `mongo-db` `oracle`                                                                                    |
-| [Presentation Wizard](https://chat-preview.lobehub.com/market?agent=word)<br/><sup>By **[MYSeaIT](https://github.com/MYSeaIT)** on **2024-02-03**</sup>              | App Presentation Maker Bot for Word: Assists in creating impressive and professional app presentations in Microsoft Word.<br/>`app-presentation` `microsoft-word` `bot` `assistance` `template`                                                                                                       |
-
-> 📊 Total agents: [<kbd>**151**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
+| Recent Submits                                                                                                                                                                                                   | Description                                                                                                                                              |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [Cloze Exercise Generator](https://chat-preview.lobehub.com/market?agent=cloze-exercise-generator)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-08**</sup>                             | Specializes in generating summary cloze exercises. Please provide the theme of the paragraph.<br/>`summary` `exercise` `generator` `writing` `education` |
+| [Reading Comprehension Wizard](https://chat-preview.lobehub.com/market?agent=reading-comprehension-exercise-generator)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-08**</sup>         | Specializes in generating reading comprehension exercises<br/>`reading-comprehension` `exercise-generation` `education`                                  |
+| [Thematic Vocabulary Worksheet Creator](https://chat-preview.lobehub.com/market?agent=thematic-vocabulary-worksheet-generator)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-08**</sup> | Skilled in creating English thematic vocabulary worksheets<br/>`writing` `language-learning` `teaching` `assessment` `educational-resources`             |
+| [Vocabulary Worksheet Wizard](https://chat-preview.lobehub.com/market?agent=vocabulary-worksheet-wizard)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-08**</sup>                       | Specializes in generating English vocabulary worksheets<br/>`vocabulary` `worksheet` `education` `language-learning`                                     |
+
+> 📊 Total agents: [<kbd>**164**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
 
  <!-- AGENT LIST -->
 

package/README.zh-CN.md

@@ -205,14 +205,14 @@ LobeChat 的插件生态系统是其核心功能的重要扩展，它极大地
 
 <!-- AGENT LIST -->
 
-| 最近新增                                                                                                                                                          | 助手说明                                                                                                                                                   |
-| ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [CAN: 编程大师](https://chat-preview.lobehub.com/market?agent=can)<br/><sup>By **[MrHuangJser](https://github.com/MrHuangJser)** on **2024-02-06**</sup>          | CAN: 专业编程专家，多年经验，无字符限制。提供创意命名、标语、用户画像、痛点、价值主张、销售渠道、收入流、成本结构等创业计划服务。<br/>`编程` `交流` `提问` |
-| [Golang 架构师](https://chat-preview.lobehub.com/market?agent=golang-architect)<br/><sup>By **[dalefengs](https://github.com/dalefengs)** on **2024-02-06**</sup> | 为您提供高效、安全、稳定的代码方案<br/>`架构设计` `代码方案` `技术咨询` `golang` `代码开发`                                                                |
-| [数据库专家](https://chat-preview.lobehub.com/market?agent=dba)<br/><sup>By **[xuzhen1994](https://github.com/xuzhen1994)** on **2024-02-03**</sup>               | 提供关于数据库设计范式、索引优化、查询性能调优、数据安全、备份与恢复等方面的专业建议<br/>`数据库` `dba` `mysql` `clickhouse` `doris` `mongo-db` `oracle`   |
-| [演示向导](https://chat-preview.lobehub.com/market?agent=word)<br/><sup>By **[MYSeaIT](https://github.com/MYSeaIT)** on **2024-02-03**</sup>                      | Word 应用演示制作机器人：帮助在 Microsoft Word 中创建令人印象深刻和专业的应用程序演示。<br/>`应用程序演示` `微软-word` `机器人` `辅助` `模板`              |
-
-> 📊 Total agents: [<kbd>**151**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
+| 最近新增                                                                                                                                                                                        | 助手说明                                                                              |
+| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- |
+| [填空练习生成器](https://chat-preview.lobehub.com/market?agent=cloze-exercise-generator)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-08**</sup>                      | 专门用于生成摘要填空练习。请提供段落的主题。<br/>`摘要` `练习` `生成器` `写作` `教育` |
+| [阅读理解向导](https://chat-preview.lobehub.com/market?agent=reading-comprehension-exercise-generator)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-08**</sup>        | 专门生成阅读理解练习<br/>`阅读理解` `练习生成` `教育`                                 |
+| [主题词汇工作表创建器](https://chat-preview.lobehub.com/market?agent=thematic-vocabulary-worksheet-generator)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-08**</sup> | 擅长创建英语主题词汇工作表<br/>`写作` `语言学习` `教学` `评估` `教育资源`             |
+| [词汇工作表向导](https://chat-preview.lobehub.com/market?agent=vocabulary-worksheet-wizard)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-08**</sup>                   | 专注于生成英语词汇工作表<br/>`词汇` `工作表` `教育` `语言学习`                        |
+
+> 📊 Total agents: [<kbd>**164**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
 
  <!-- AGENT LIST -->
 

package/docs/Deployment/Environment-Variable.md

@@ -7,6 +7,7 @@ LobeChat provides additional configuration options during deployment, which can
 - [General Variables](#general-variables)
   - [`ACCESS_CODE`](#access_code)
   - [`ENABLE_OAUTH_SSO`](#enable_oauth_sso)
+  - [`NEXT_PUBLIC_BASE_PATH`](#next_public_base_path)
 - [Authentication Service Providers](#authentication-service-providers)
   - [Common Settings](#common-settings)
   - [Auth0](#auth0)
@@ -25,6 +26,7 @@ LobeChat provides additional configuration options during deployment, which can
 - [Data Analytics](#data-analytics)
   - [Vercel Analytics](#vercel-analytics)
   - [Posthog Analytics](#posthog-analytics)
+  - [Umami Analytics](#umami-analytics)
 
 ## General Variables
 
@@ -40,7 +42,14 @@ LobeChat provides additional configuration options during deployment, which can
 - Type: Optional
 - Description: Enable OAuth single sign-on (SSO) for LobeChat. Set to `1` to enable OAuth SSO. See [Authentication Service Providers](#authentication-service-providers) for more details.
 - Default: `-`
-- Example: `1` or `0`
+- Example: `1`
+
+### `NEXT_PUBLIC_BASE_PATH`
+
+- Type：Optional
+- Description：add `basePath` for LobeChat
+- Default: `-`
+- Example: `/test`
 
 ## Authentication Service Providers
 
@@ -286,8 +295,32 @@ The above example adds `search-engine` plugin settings, and sets the `SERPAPI_AP
 - Default: -
 - Example: `1`
 
+### Umami Analytics
+
+#### `NEXT_PUBLIC_ANALYTICS_UMAMI`
+
+- Type: Optional
+- Description: Environment variable to enable [Umami Analytics][umami-analytics-url]. Set to `1` to enable Umami Analytics.
+- Default: `-`
+- Example: `1`
+
+#### `NEXT_PUBLIC_UMAMI_SCRIPT_URL`
+
+- Type: Optional
+- Description: Set the url of the umami script. Default is the script address of Umami Cloud.
+- Default: `https://analytics.umami.is/script.js`
+- Example: `https://umami.your-site.com/script.js`
+
+#### `NEXT_PUBLIC_UMAMI_WEBSITE_ID`
+
+- Type: Required
+- Description: The website ID in umami
+- Default: `-`
+- Example: `E738D82A-EE9E-4806-A81F-0CA3CAE57F65`
+
 [auth0-client-page]: https://manage.auth0.com/dashboard
 [azure-api-verion-url]: https://docs.microsoft.com/zh-cn/azure/developer/javascript/api-reference/es-modules/azure-sdk/ai-translation/translationconfiguration?view=azure-node-latest#api-version
 [openai-api-page]: https://platform.openai.com/account/api-keys
 [posthog-analytics-url]: https://posthog.com
+[umami-analytics-url]: https://umami.is
 [vercel-analytics-url]: https://vercel.com/analytics

package/docs/Deployment/Environment-Variable.zh-CN.md

@@ -7,6 +7,7 @@ LobeChat 在部署时提供了一些额外的配置项，使用环境变量进
 - [通用变量](#通用变量)
   - [`ACCESS_CODE`](#access_code)
   - [`ENABLE_OAUTH_SSO`](#enable_oauth_sso)
+  - [`NEXT_PUBLIC_BASE_PATH`](#next_public_base_path)
 - [身份验证服务](#身份验证服务)
   - [通用设置](#通用设置)
   - [Auth0](#auth0)
@@ -25,6 +26,7 @@ LobeChat 在部署时提供了一些额外的配置项，使用环境变量进
 - [数据统计](#数据统计)
   - [Vercel Analytics](#vercel-analytics)
   - [Posthog Analytics](#posthog-analytics)
+  - [Umami Analytics](#umami-analytics)
 
 ## 通用变量
 
@@ -40,7 +42,14 @@ LobeChat 在部署时提供了一些额外的配置项，使用环境变量进
 - 类型：可选
 - 描述：为 LobeChat 启用单点登录 (SSO)。设置为 `1` 以启用单点登录。有关详细信息，请参阅[身份验证服务](#身份验证服务)。
 - 默认值: `-`
-- 示例: `1` 或 `0`
+- 示例: `1`
+
+### `NEXT_PUBLIC_BASE_PATH`
+
+- 类型：可选
+- 描述：为 LobeChat 添加 `basePath`
+- 默认值: `-`
+- 示例: `/test`
 
 ## 身份验证服务
 
@@ -282,7 +291,32 @@ LobeChat 在部署时提供了一些额外的配置项，使用环境变量进
 - 默认值： `-`
 - 示例：`1`
 
+### Umami Analytics
+
+#### `NEXT_PUBLIC_ANALYTICS_UMAMI`
+
+- 类型：可选
+- 描述：用于开启 [Umami Analytics][umami-analytics-url] 的环境变量，设为 `1`
+  时开启 Umami Analytics
+- 默认值： `-`
+- 示例：`1`
+
+#### `NEXT_PUBLIC_UMAMI_SCRIPT_URL`
+
+- 类型：可选
+- 描述：Umami 脚本的网址，默认为 Umami Cloud 提供的脚本网址
+- 默认值：`https://analytics.umami.is/script.js`
+- 示例：`https://umami.your-site.com/script.js`
+
+#### `NEXT_PUBLIC_UMAMI_WEBSITE_ID`
+
+- 类型：必选
+- 描述：你的 Umami 的 Website ID
+- 默认值：`-`
+- 示例：`E738D82A-EE9E-4806-A81F-0CA3CAE57F65`
+
 [auth0-client-page]: https://manage.auth0.com/dashboard
 [azure-api-verion-url]: https://docs.microsoft.com/zh-cn/azure/developer/javascript/api-reference/es-modules/azure-sdk/ai-translation/translationconfiguration?view=azure-node-latest#api-version
 [openai-api-page]: https://platform.openai.com/account/api-keys
 [posthog-analytics-url]: https://posthog.com
+[umami-analytics-url]: https://umami.is

package/next.config.mjs

@@ -7,6 +7,8 @@ const buildWithDocker = process.env.DOCKER === 'true';
 // if you need to proxy the api endpoint to remote server
 const API_PROXY_ENDPOINT = process.env.API_PROXY_ENDPOINT || '';
 
+const basePath = process.env.NEXT_PUBLIC_BASE_PATH;
+
 const withBundleAnalyzer = analyzer({
   enabled: process.env.ANALYZE === 'true',
 });
@@ -22,6 +24,7 @@ const withPWA = nextPWA({
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   compress: isProd,
+  basePath,
   experimental: {
     optimizePackageImports: [
       'emoji-mart',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.125.0",
+  "version": "0.126.1",
   "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/chat/features/ChatHeader/ShareButton/style.ts

@@ -1,11 +1,13 @@
 import { createStyles } from 'antd-style';
 
+import { imageUrl } from '@/const/url';
+
 export const useStyles = createStyles(({ css, token, stylish, cx }, withBackground: boolean) => ({
   background: css`
     padding: 24px;
 
     background-color: ${token.colorBgLayout};
-    background-image: url('/images/screenshot_background.webp');
+    background-image: url(${imageUrl('screenshot_background.webp')});
     background-position: center;
     background-size: 120% 120%;
   `,

package/src/app/chat/features/TopicListContent/Topic/index.tsx

@@ -6,6 +6,7 @@ import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 import { Virtuoso, VirtuosoHandle } from 'react-virtuoso';
 
+import { imageUrl } from '@/const/url';
 import { useChatStore } from '@/store/chat';
 import { topicSelectors } from '@/store/chat/selectors';
 import { useGlobalStore } from '@/store/global';
@@ -60,7 +61,7 @@ export const Topic = memo(() => {
         <Flexbox flex={1}>
           <EmptyCard
             alt={t('topic.guide.desc')}
-            cover={`/images/empty_topic_${isDarkMode ? 'dark' : 'light'}.webp`}
+            cover={imageUrl(`empty_topic_${isDarkMode ? 'dark' : 'light'}.webp`)}
             desc={t('topic.guide.desc')}
             height={120}
             onVisibleChange={(visible) => {

package/src/app/chat/settings/(desktop)/features/Header.tsx

@@ -13,7 +13,7 @@ const Header = memo(() => {
   return (
     <ChatHeader
       left={<ChatHeaderTitle title={t('header.session')} />}
-      onBackClick={() => router.push(pathString('/chat', { hash: location.hash }))}
+      onBackClick={() => router.push(pathString('/chat', { search: location.search }))}
       right={<HeaderContent />}
       showBackButton
     />

package/src/app/market/features/ShareAgentButton/Inner.tsx

@@ -5,7 +5,7 @@ import Image from 'next/image';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { AGENTS_INDEX_GITHUB } from '@/const/url';
+import { AGENTS_INDEX_GITHUB, imageUrl } from '@/const/url';
 
 const Inner = memo(() => {
   const { t } = useTranslation('market');
@@ -14,7 +14,7 @@ const Inner = memo(() => {
       <Image
         alt={'banner'}
         height={602}
-        src={'/images/banner_market_modal.webp'}
+        src={imageUrl('banner_market_modal.webp')}
         style={{ height: 'auto', marginBottom: 24, width: '100%' }}
         width={1602}
       />

package/src/app/metadata.ts

@@ -1,5 +1,6 @@
 import { Metadata } from 'next';
 
+import { getClientConfig } from '@/config/client';
 import { getServerConfig } from '@/config/server';
 
 import pkg from '../../package.json';
@@ -8,6 +9,10 @@ const title = 'LobeChat';
 const { description, homepage } = pkg;
 
 const { METADATA_BASE_URL = 'https://chat-preview.lobehub.com/' } = getServerConfig();
+const { BASE_PATH } = getClientConfig();
+
+// if there is a base path, then we don't need the manifest
+const noManifest = !!BASE_PATH;
 
 const metadata: Metadata = {
   appleWebApp: {
@@ -22,7 +27,7 @@ const metadata: Metadata = {
     shortcut:
       'https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/favicon.ico',
   },
-  manifest: '/manifest.json',
+  manifest: noManifest ? undefined : '/manifest.json',
   metadataBase: new URL(METADATA_BASE_URL),
   openGraph: {
     description: description,

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

@@ -8,6 +8,7 @@ import { useTranslation } from 'react-i18next';
 
 import { FORM_STYLE } from '@/const/layoutTokens';
 import { DEFAULT_SETTINGS } from '@/const/settings';
+import { imageUrl } from '@/const/url';
 import AvatarWithUpload from '@/features/AvatarWithUpload';
 import { localeOptions } from '@/locales/resources';
 import { useChatStore } from '@/store/chat';
@@ -118,19 +119,19 @@ const Common = memo<SettingsCommonProps>(({ showAccessCodeConfig, showOAuthLogin
             options={[
               {
                 icon: Sun,
-                img: '/images/theme_light.webp',
+                img: imageUrl('theme_light.webp'),
                 label: t('settingTheme.themeMode.light'),
                 value: 'light',
               },
               {
                 icon: Moon,
-                img: '/images/theme_dark.webp',
+                img: imageUrl('theme_dark.webp'),
                 label: t('settingTheme.themeMode.dark'),
                 value: 'dark',
               },
               {
                 icon: Monitor,
-                img: '/images/theme_auto.webp',
+                img: imageUrl('theme_auto.webp'),
                 label: t('settingTheme.themeMode.auto'),
                 value: 'auto',
               },

package/src/components/Analytics/Umami.tsx

@@ -0,0 +1,15 @@
+'use client';
+
+import Script from 'next/script';
+import { memo } from 'react';
+
+import { getClientConfig } from '@/config/client';
+
+const { UMAMI_SCRIPT_URL, UMAMI_WEBSITE_ID } = getClientConfig();
+
+const UmamiAnalytics = memo(
+  () =>
+    UMAMI_WEBSITE_ID && <Script data-website-id={UMAMI_WEBSITE_ID} defer src={UMAMI_SCRIPT_URL} />,
+);
+
+export default UmamiAnalytics;

package/src/components/Analytics/index.tsx

@@ -5,8 +5,10 @@ import { getClientConfig } from '@/config/client';
 const Vercel = dynamic(() => import('./Vercel'), { ssr: false });
 const Plausible = dynamic(() => import('./Plausible'), { ssr: false });
 const Posthog = dynamic(() => import('./Posthog'), { ssr: false });
+const Umami = dynamic(() => import('./Umami'), { ssr: false });
 
-const { ANALYTICS_VERCEL, ANALYTICS_POSTHOG, ANALYTICS_PLAUSIBLE } = getClientConfig();
+const { ANALYTICS_VERCEL, ANALYTICS_POSTHOG, ANALYTICS_PLAUSIBLE, ANALYTICS_UMAMI } =
+  getClientConfig();
 
 const Analytics = () => {
   return (
@@ -14,6 +16,7 @@ const Analytics = () => {
       {ANALYTICS_VERCEL && <Vercel />}
       {ANALYTICS_PLAUSIBLE && <Plausible />}
       {ANALYTICS_POSTHOG && <Posthog />}
+      {ANALYTICS_UMAMI && <Umami />}
     </>
   );
 };

package/src/config/client.ts

@@ -24,6 +24,10 @@ declare global {
       NEXT_PUBLIC_POSTHOG_HOST: string;
       NEXT_PUBLIC_POSTHOG_DEBUG: string;
 
+      NEXT_PUBLIC_ANALYTICS_UMAMI?: string;
+      NEXT_PUBLIC_UMAMI_SCRIPT_URL?: string;
+      NEXT_PUBLIC_UMAMI_WEBSITE_ID?: string;
+
       NEXT_PUBLIC_I18N_DEBUG: string;
       NEXT_PUBLIC_I18N_DEBUG_BROWSER: string;
       NEXT_PUBLIC_I18N_DEBUG_SERVER: string;
@@ -34,6 +38,7 @@ declare global {
 }
 
 export const getClientConfig = () => ({
+  BASE_PATH: process.env.NEXT_PUBLIC_BASE_PATH || '',
   // Vercel Analytics
   ANALYTICS_VERCEL: process.env.NEXT_PUBLIC_ANALYTICS_VERCEL === '1',
   VERCEL_DEBUG: process.env.NEXT_PUBLIC_VERCEL_DEBUG === '1',
@@ -50,6 +55,12 @@ export const getClientConfig = () => ({
   POSTHOG_HOST: process.env.NEXT_PUBLIC_POSTHOG_HOST,
   POSTHOG_DEBUG: process.env.NEXT_PUBLIC_POSTHOG_DEBUG === '1',
 
+  // Umami Analytics
+  ANALYTICS_UMAMI: process.env.NEXT_PUBLIC_ANALYTICS_UMAMI === '1',
+  UMAMI_SCRIPT_URL:
+    process.env.NEXT_PUBLIC_UMAMI_SCRIPT_URL || 'https://analytics.umami.is/script.js',
+  UMAMI_WEBSITE_ID: process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID,
+
   // i18n debug mode
   I18N_DEBUG: process.env.NEXT_PUBLIC_I18N_DEBUG === '1',
   I18N_DEBUG_BROWSER: process.env.NEXT_PUBLIC_I18N_DEBUG_BROWSER === '1',

package/src/const/url.ts

@@ -1,5 +1,7 @@
 import urlJoin from 'url-join';
 
+import { withBasePath } from '@/utils/basePath';
+
 import pkg from '../../package.json';
 import { INBOX_SESSION_ID } from './session';
 
@@ -19,3 +21,5 @@ export const AGENTS_INDEX_GITHUB_ISSUE = urlJoin(AGENTS_INDEX_GITHUB, 'issues/ne
 export const SESSION_CHAT_URL = (id: string = INBOX_SESSION_ID, mobile?: boolean) =>
   mobile ? `/chat/mobile?session=${id}` : `/chat?session=${id}`;
 export const MANUAL_UPGRADE_URL = 'https://github.com/lobehub/lobe-chat/wiki/Upstream-Sync';
+
+export const imageUrl = (filename: string) => withBasePath(`/images/${filename}`);

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

@@ -7,6 +7,7 @@ import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { FORM_STYLE } from '@/const/layoutTokens';
+import { imageUrl } from '@/const/url';
 
 import { useStore } from '../store';
 import ModelSelect from './ModelSelect';
@@ -46,13 +47,13 @@ const AgentConfig = memo(() => {
               options={[
                 {
                   icon: MessagesSquare,
-                  img: `/images/chatmode_chat_${isDarkMode ? 'dark' : 'light'}.webp`,
+                  img: imageUrl(`chatmode_chat_${isDarkMode ? 'dark' : 'light'}.webp`),
                   label: t('settingChat.chatStyleType.type.chat'),
                   value: 'chat',
                 },
                 {
                   icon: LayoutList,
-                  img: `/images/chatmode_docs_${isDarkMode ? 'dark' : 'light'}.webp`,
+                  img: imageUrl(`chatmode_docs_${isDarkMode ? 'dark' : 'light'}.webp`),
                   label: t('settingChat.chatStyleType.type.docs'),
                   value: 'docs',
                 },

package/src/hooks/useSTT.ts

@@ -9,7 +9,7 @@ import isEqual from 'fast-deep-equal';
 import { SWRConfiguration } from 'swr';
 
 import { createHeaderWithOpenAI } from '@/services/_header';
-import { OPENAI_URLS } from '@/services/_url';
+import { API_ENDPOINTS } from '@/services/_url';
 import { useGlobalStore } from '@/store/global';
 import { settingsSelectors } from '@/store/global/selectors';
 import { useSessionStore } from '@/store/session';
@@ -39,7 +39,7 @@ export const useSTT = (config: STTConfig) => {
       options = {
         api: {
           headers: createHeaderWithOpenAI(),
-          serviceUrl: OPENAI_URLS.stt,
+          serviceUrl: API_ENDPOINTS.stt,
         },
         autoStop,
         options: {

package/src/hooks/useTTS.ts

@@ -10,7 +10,7 @@ import {
 import isEqual from 'fast-deep-equal';
 
 import { createHeaderWithOpenAI } from '@/services/_header';
-import { OPENAI_URLS, TTS_URL } from '@/services/_url';
+import { API_ENDPOINTS } from '@/services/_url';
 import { useGlobalStore } from '@/store/global';
 import { settingsSelectors } from '@/store/global/selectors';
 import { useSessionStore } from '@/store/session';
@@ -36,7 +36,7 @@ export const useTTS = (content: string, config?: TTSConfig) => {
       options = {
         api: {
           headers: createHeaderWithOpenAI(),
-          serviceUrl: OPENAI_URLS.tts,
+          serviceUrl: API_ENDPOINTS.tts,
         },
         options: {
           model: ttsSettings.openAI.ttsModel,
@@ -64,7 +64,7 @@ export const useTTS = (content: string, config?: TTSConfig) => {
       useSelectedTTS = useMicrosoftSpeech;
       options = {
         api: {
-          serviceUrl: TTS_URL.microsoft,
+          serviceUrl: API_ENDPOINTS.microsoft,
         },
         options: {
           voice: config?.voice || voice,

package/src/services/_url.ts

@@ -1,21 +1,39 @@
-export const URLS = {
+/* eslint-disable sort-keys-fix/sort-keys-fix */
+import { transform } from 'lodash-es';
+
+import { withBasePath } from '@/utils/basePath';
+
+const mapWithBasePath = <T extends object>(apis: T): T => {
+  return transform(apis, (result, value, key) => {
+    if (typeof value === 'string') {
+      // @ts-ignore
+      result[key] = withBasePath(value);
+    } else {
+      result[key] = value;
+    }
+  });
+};
+
+export const API_ENDPOINTS = mapWithBasePath({
   config: '/api/config',
-  market: '/api/market',
   proxy: '/api/proxy',
-};
 
-export const PLUGINS_URLS = {
+  // agent markets
+  market: '/api/market',
+
+  // plugins
   gateway: '/api/plugin/gateway',
-  store: '/api/plugin/store',
-};
+  pluginStore: '/api/plugin/store',
 
-export const OPENAI_URLS = {
+  // chat
+  chat: (provider: string) => withBasePath(`/api/chat/${provider}`),
+
+  // image
   images: '/api/openai/images',
+
+  // TTS & STT
   stt: '/api/openai/stt',
   tts: '/api/openai/tts',
-};
-
-export const TTS_URL = {
   edge: '/api/tts/edge-speech',
   microsoft: '/api/tts/microsoft-speech',
-};
+});

package/src/services/chat.ts

@@ -16,7 +16,7 @@ import { fetchAIFactory, getMessageError } from '@/utils/fetch';
 
 import { createHeaderWithAuth } from './_auth';
 import { createHeaderWithOpenAI } from './_header';
-import { PLUGINS_URLS } from './_url';
+import { API_ENDPOINTS } from './_url';
 
 interface FetchOptions {
   signal?: AbortSignal | undefined;
@@ -81,7 +81,7 @@ class ChatService {
       provider,
     });
 
-    return fetch(`/api/chat/${provider}`, {
+    return fetch(API_ENDPOINTS.chat(provider), {
       body: JSON.stringify(payload),
       headers,
       method: 'POST',
@@ -102,7 +102,7 @@ class ChatService {
 
     const gatewayURL = manifest?.gateway;
 
-    const res = await fetch(gatewayURL ?? PLUGINS_URLS.gateway, {
+    const res = await fetch(gatewayURL ?? API_ENDPOINTS.gateway, {
       body: JSON.stringify({ ...params, manifest }),
       // TODO: we can have a better auth way
       headers: createHeadersWithPluginSettings(settings, createHeaderWithOpenAI()),

package/src/services/file.ts

@@ -1,9 +1,10 @@
 import { FileModel } from '@/database/models/file';
 import { DB_File } from '@/database/schemas/files';
-import { URLS } from '@/services/_url';
 import { FilePreview } from '@/types/files';
 import compressImage from '@/utils/compressImage';
 
+import { API_ENDPOINTS } from './_url';
+
 class FileService {
   private isImage(fileType: string) {
     const imageRegex = /^image\//;
@@ -43,7 +44,7 @@ class FileService {
   }
 
   async uploadImageByUrl(url: string, file: Pick<DB_File, 'name' | 'metadata'>) {
-    const res = await fetch(URLS.proxy, { body: url, method: 'POST' });
+    const res = await fetch(API_ENDPOINTS.proxy, { body: url, method: 'POST' });
     const data = await res.arrayBuffer();
     const fileType = res.headers.get('content-type') || 'image/webp';
 

package/src/services/global.ts

@@ -1,6 +1,7 @@
-import { URLS } from '@/services/_url';
 import { GlobalServerConfig } from '@/types/settings';
 
+import { API_ENDPOINTS } from './_url';
+
 const VERSION_URL = 'https://registry.npmmirror.com/@lobehub/chat';
 
 class GlobalService {
@@ -15,7 +16,7 @@ class GlobalService {
   };
 
   getGlobalConfig = async (): Promise<GlobalServerConfig> => {
-    const res = await fetch(URLS.config);
+    const res = await fetch(API_ENDPOINTS.config);
 
     return res.json();
   };

package/src/services/imageGeneration.ts

@@ -1,7 +1,8 @@
 import { createHeaderWithOpenAI } from '@/services/_header';
-import { OPENAI_URLS } from '@/services/_url';
 import { OpenAIImagePayload } from '@/types/openai/image';
 
+import { API_ENDPOINTS } from './_url';
+
 interface FetchOptions {
   signal?: AbortSignal | undefined;
 }
@@ -10,7 +11,7 @@ class ImageGenerationService {
   async generateImage(params: Omit<OpenAIImagePayload, 'model' | 'n'>, options?: FetchOptions) {
     const payload: OpenAIImagePayload = { ...params, model: 'dall-e-3', n: 1 };
 
-    const res = await fetch(OPENAI_URLS.images, {
+    const res = await fetch(API_ENDPOINTS.images, {
       body: JSON.stringify(payload),
       headers: createHeaderWithOpenAI({ 'Content-Type': 'application/json' }),
       method: 'POST',

package/src/services/market.ts

@@ -1,9 +1,10 @@
-import { URLS } from '@/services/_url';
 import { LobeChatAgentsMarketIndex } from '@/types/market';
 
+import { API_ENDPOINTS } from './_url';
+
 class MarketService {
   getAgentList = async (locale: string): Promise<LobeChatAgentsMarketIndex> => {
-    const res = await fetch(`${URLS.market}?locale=${locale}`);
+    const res = await fetch(`${API_ENDPOINTS.market}?locale=${locale}`);
 
     return res.json();
   };
@@ -13,7 +14,7 @@ class MarketService {
    */
   getAgentManifest = async (identifier: string, locale: string) => {
     if (!identifier) return;
-    const res = await fetch(`${URLS.market}/${identifier}?locale=${locale}`);
+    const res = await fetch(`${API_ENDPOINTS.market}/${identifier}?locale=${locale}`);
 
     return res.json();
   };

package/src/services/plugin.ts

@@ -5,12 +5,13 @@ import {
 } from '@lobehub/chat-plugin-sdk';
 
 import { PluginModel } from '@/database/models/plugin';
-import { PLUGINS_URLS, URLS } from '@/services/_url';
 import { globalHelpers } from '@/store/global/helpers';
 import { OpenAIPluginManifest } from '@/types/openai/plugin';
 import { LobeTool } from '@/types/tool';
 import { LobeToolCustomPlugin } from '@/types/tool/plugin';
 
+import { API_ENDPOINTS } from './_url';
+
 export interface InstallPluginParams {
   identifier: string;
   manifest: LobeChatPluginManifest;
@@ -21,7 +22,7 @@ class PluginService {
     // 2. 发送请求
     let res: Response;
     try {
-      res = await (proxy ? fetch(URLS.proxy, { body: url, method: 'POST' }) : fetch(url));
+      res = await (proxy ? fetch(API_ENDPOINTS.proxy, { body: url, method: 'POST' }) : fetch(url));
     } catch {
       throw new TypeError('fetchError');
     }
@@ -54,7 +55,7 @@ class PluginService {
   getPluginList = async (): Promise<LobeChatPluginsMarketIndex> => {
     const locale = globalHelpers.getCurrentLanguage();
 
-    const res = await fetch(`${PLUGINS_URLS.store}?locale=${locale}`);
+    const res = await fetch(`${API_ENDPOINTS.pluginStore}?locale=${locale}`);
 
     return res.json();
   };

package/src/store/chat/slices/tool/action.ts

@@ -112,9 +112,6 @@ export const chatPlugin: StateCreator<
 
   invokeStandaloneTypePlugin: async (id, payload) => {
     const result = await useToolStore.getState().validatePluginSettings(payload.identifier);
-    console.log('------------------');
-    console.log(result);
-    console.log('------------------');
     if (!result) return;
 
     // if the plugin settings is not valid, then set the message with error type

package/src/utils/basePath.ts

@@ -0,0 +1,3 @@
+import { getClientConfig } from '@/config/client';
+
+export const withBasePath = (path: string) => getClientConfig().BASE_PATH + path;