@lobehub/chat 0.126.0 → 0.126.2

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 0.126.2](https://github.com/lobehub/lobe-chat/compare/v0.126.1...v0.126.2)
+
+<sup>Released on **2024-02-09**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix OAuth throws an error on Vercel deploy.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix OAuth throws an error on Vercel deploy, closes [#1278](https://github.com/lobehub/lobe-chat/issues/1278) [#1277](https://github.com/lobehub/lobe-chat/issues/1277) [#1274](https://github.com/lobehub/lobe-chat/issues/1274) ([81d2d76](https://github.com/lobehub/lobe-chat/commit/81d2d76))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [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>

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                                                                                                                                                                                                                                                                                           |
-| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Jira Story Facilitator](https://chat-preview.lobehub.com/market?agent=jira-product-manager)<br/><sup>By **[emad-pg](https://github.com/emad-pg)** on **2024-02-07**</sup>                 | A Product manager agent that is specialised in transforming feature ideas into comprehensive Jira stories drafts for your team to pick up.<br/>`product-management` `story-creation` `jira`                                                                                                           |
-| [Text Variator](https://chat-preview.lobehub.com/market?agent=text-variator)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-07**</sup>                             | Please provide the text you would like me to generate different versions of<br/>`copywriting` `editing` `creative-writing`                                                                                                                                                                            |
-| [Turkish/English Translator](https://chat-preview.lobehub.com/market?agent=turkish-english-translator)<br/><sup>By **[Zisan-uzum](https://github.com/Zisan-uzum)** on **2024-02-07**</sup> | Translates text into Turkish or English, as needed<br/>`turkish` `english` `translation` `writing`                                                                                                                                                                                                    |
-| [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` |
-
-> 📊 Total agents: [<kbd>**159**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
+| Recent Submits                                                                                                                                                                                | Description                                                                                                                              |
+| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- |
+| [Vocabulary Wizard](https://chat-preview.lobehub.com/market?agent=awl-vocab-wizard)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-09**</sup>                         | Expert in generating vocabulary lists and MCQ tests<br/>`vocabulary` `academic-word-list` `language-learning` `testing`                  |
+| [English Proficiency Evaluator](https://chat-preview.lobehub.com/market?agent=english-proficiency-assessor)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-09**</sup> | Expert in creating adaptive English proficiency diagnostic tests<br/>`test-creation` `english-proficiency` `assessment`                  |
+| [Glossary Generator](https://chat-preview.lobehub.com/market?agent=glossary-generator)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-09**</sup>                      | Expert in generating glossaries with English definitions and example sentences<br/>`glossary` `translation` `language`                   |
+| [Grammar Worksheet Creator](https://chat-preview.lobehub.com/market?agent=grammar-revision-worksheets)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-09**</sup>      | Specializes in creating English grammar learning materials and exercises<br/>`english-grammar` `worksheet` `learning` `practice` `mc-qs` |
+
+> 📊 Total agents: [<kbd>**170**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
 
  <!-- AGENT LIST -->
 

package/README.zh-CN.md

@@ -205,14 +205,14 @@ LobeChat 的插件生态系统是其核心功能的重要扩展，它极大地
 
 <!-- AGENT LIST -->
 
-| 最近新增                                                                                                                                                                              | 助手说明                                                                                                                                                   |
-| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [Jira 故事协助工具](https://chat-preview.lobehub.com/market?agent=jira-product-manager)<br/><sup>By **[emad-pg](https://github.com/emad-pg)** on **2024-02-07**</sup>                 | 一款专门将功能点子转化为全面的 Jira 故事草稿，供团队选择的产品经理代理。<br/>`产品管理` `故事创建` `jira`                                                  |
-| [文本变体生成器](https://chat-preview.lobehub.com/market?agent=text-variator)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-07**</sup>                       | 请提供您希望我生成不同版本的文本<br/>`文案撰写` `编辑` `创意写作`                                                                                          |
-| [土耳其语 / 英语翻译器](https://chat-preview.lobehub.com/market?agent=turkish-english-translator)<br/><sup>By **[Zisan-uzum](https://github.com/Zisan-uzum)** on **2024-02-07**</sup> | 根据需要将文本翻译成土耳其语或英语<br/>`土耳其语` `英语` `翻译` `写作`                                                                                     |
-| [CAN: 编程大师](https://chat-preview.lobehub.com/market?agent=can)<br/><sup>By **[MrHuangJser](https://github.com/MrHuangJser)** on **2024-02-06**</sup>                              | CAN: 专业编程专家，多年经验，无字符限制。提供创意命名、标语、用户画像、痛点、价值主张、销售渠道、收入流、成本结构等创业计划服务。<br/>`编程` `交流` `提问` |
-
-> 📊 Total agents: [<kbd>**159**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
+| 最近新增                                                                                                                                                                         | 助手说明                                                                                         |
+| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ |
+| [词汇大师](https://chat-preview.lobehub.com/market?agent=awl-vocab-wizard)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-09**</sup>                     | 擅长生成词汇列表和多项选择测试<br/>`词汇` `学术词汇表` `语言学习` `测试`                         |
+| [英语熟练度评估器](https://chat-preview.lobehub.com/market?agent=english-proficiency-assessor)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-09**</sup> | 专业创建自适应英语熟练度诊断测试的专家<br/>`测试创建` `英语熟练度` `评估`                        |
+| [术语表生成器](https://chat-preview.lobehub.com/market?agent=glossary-generator)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-09**</sup>               | 擅长生成带有英文定义和例句的术语表<br/>`术语表` `翻译` `语言`                                    |
+| [语法工作表生成器](https://chat-preview.lobehub.com/market?agent=grammar-revision-worksheets)<br/><sup>By **[bentwnghk](https://github.com/bentwnghk)** on **2024-02-09**</sup>  | 专注于创建英语语法学习材料和练习<br/>`english-grammar` `worksheet` `learning` `practice` `mc-qs` |
+
+> 📊 Total agents: [<kbd>**170**</kbd> ](https://github.com/lobehub/lobe-chat-agents)
 
  <!-- AGENT LIST -->
 

package/docs/Deployment/Authentication.md

@@ -24,6 +24,14 @@ Once the application is successfully created, click on the respective applicatio
 
 ![](https://github.com/CloudPassenger/lobe-chat/assets/30863298/a1ed996b-95ef-4b7d-a50d-b4666eccfecb)
 
+On the application configuration page, you also need to configure the **_Allowed Callback URLs_** to be `http(s)://<your-domain>/api/auth/callback/auth0`
+
+![](https://github.com/CloudPassenger/lobe-chat/assets/30863298/575f46aa-f485-49bd-8b90-dbb1ce1a5c1b)
+
+> \[!NOTE]
+>
+> You can fill in or modify the Allowed Callback URLs after deployment, but make sure the URLs are consistent with the deployed URLs!
+
 ## Adding Users
 
 Navigate to the **_Users Management_** section in the left sidebar to access the user management interface. You can create new users for your organization to log in to LobeChat.

package/docs/Deployment/Authentication.zh-CN.md

@@ -1,6 +1,6 @@
 # 身份验证服务
 
-LobeChat 支持配置外部身份验证服务，供企业 / 组织内部使用，统一管理用户授权，目前支持 [Auth0][auth0-client-page] 本文将介绍如何配置身份验证服务。
+LobeChat 支持配置外部身份验证服务，供企业 / 组织内部使用，统一管理用户授权，目前支持 [Auth0][auth0-client-page]，本文将介绍如何配置身份验证服务。
 
 ### TOC
 
@@ -24,6 +24,14 @@ LobeChat 支持配置外部身份验证服务，供企业 / 组织内部使用
 
 ![](https://github.com/CloudPassenger/lobe-chat/assets/30863298/a1ed996b-95ef-4b7d-a50d-b4666eccfecb)
 
+在应用配置页面中，还需要配置 Allowed Callback URLs，在此处填写 `http(s)://<your-domain>/api/auth/callback/auth0`
+
+![](https://github.com/CloudPassenger/lobe-chat/assets/30863298/575f46aa-f485-49bd-8b90-dbb1ce1a5c1b)
+
+> \[!NOTE]
+>
+> 可以在部署后再填写或修改 Allowed Callback URLs，但是务必保证填写的 URL 与部署的 URL 一致
+
 ## 新增用户
 
 点击左侧导航栏的「Users Management」，进入用户管理界面，可以为你的组织新建用户，用以登录 LobeChat

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)
@@ -41,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
 
@@ -56,7 +64,7 @@ LobeChat provides additional configuration options during deployment, which can
 
 ### Auth0
 
-> !\[NOTE]
+> \[!NOTE]
 >
 > We only support the Auth0 authentication service provider at the moment. If you need to use other authentication service providers, you can submit a feature request or pull request.
 
@@ -99,7 +107,7 @@ LobeChat provides additional configuration options during deployment, which can
 - Default: `https://api.openai.com/v1`
 - Example: `https://api.chatanywhere.cn` or `https://aihubmix.com/v1`
 
-> !\[NOTE]
+> \[!NOTE]
 >
 > Please check the request suffix of your proxy service provider. Some proxy service providers may add `/v1` to the request suffix, while others may not.
 > If you find that the AI returns an empty message during testing, try adding the `/v1` suffix and retrying.

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)
@@ -41,7 +42,14 @@ LobeChat 在部署时提供了一些额外的配置项，使用环境变量进
 - 类型：可选
 - 描述：为 LobeChat 启用单点登录 (SSO)。设置为 `1` 以启用单点登录。有关详细信息，请参阅[身份验证服务](#身份验证服务)。
 - 默认值: `-`
-- 示例: `1` 或 `0`
+- 示例: `1`
+
+### `NEXT_PUBLIC_BASE_PATH`
+
+- 类型：可选
+- 描述：为 LobeChat 添加 `basePath`
+- 默认值: `-`
+- 示例: `/test`
 
 ## 身份验证服务
 
@@ -56,7 +64,7 @@ LobeChat 在部署时提供了一些额外的配置项，使用环境变量进
 
 ### Auth0
 
-> !\[NOTE] 注意事项：
+> \[!NOTE] 注意事项：
 >
 > 目前我们只支持 Auth0 身份验证服务提供商。如果您需要使用其他身份验证服务提供商，可以提交功能请求或 Pull Request。
 
@@ -99,7 +107,7 @@ LobeChat 在部署时提供了一些额外的配置项，使用环境变量进
 - 默认值：`https://api.openai.com/v1`
 - 示例：`https://api.chatanywhere.cn` 或 `https://aihubmix.com/v1`
 
-> !\[NOTE] 注意事项：
+> \[!NOTE] 注意事项：
 >
 > 请检查你的代理服务商的请求后缀，有的代理服务商会在请求后缀添加 `/v1`，有的则不会。
 > 如果你在测试时发现 AI 返回的消息为空，请尝试添加 `/v1` 后缀后重试。

package/docs/Development/{Authentication.md → Add-New-Authentication-Providers.md}

@@ -23,7 +23,7 @@ Next, I will use [Okta](https://authjs.dev/reference/core/providers/okta) as an
 
 ### Step 1: Add Authenticator Core Code
 
-Open the `src/app/api/oauth/next-auth.ts` file and import `next-auth/providers/okta`.
+Open the `src/app/api/auth/next-auth.ts` file and import `next-auth/providers/okta`.
 
 ```ts
 import { NextAuth } from 'next-auth';

package/docs/Development/{Authentication.zh-CN.md → Add-New-Authentication-Providers.zh-CN.md}

@@ -23,7 +23,7 @@ LobeChat 使用 [Auth.js v5](https://authjs.dev/) 作为外部身份验证服务
 
 ### 步骤 1: 新增关键代码
 
-打开 `src/app/api/oauth/next-auth.ts` 文件，引入 `next-auth/providers/okta`
+打开 `src/app/api/auth/next-auth.ts` 文件，引入 `next-auth/providers/okta`
 
 ```ts
 import { NextAuth } from 'next-auth';

package/docs/Home.md

@@ -27,6 +27,7 @@ LobeChat is a open-source, extensible ([Function Calling][fc-url]), high-perform
 - [Docker Deployment Guide](https://github.com/lobehub/lobe-chat/wiki/Docker-Deployment) | [Docker 部署指引](https://github.com/lobehub/lobe-chat/wiki/Docker-Deployment.zh-CN)
 - [Deploying with Azure OpenAI](https://github.com/lobehub/lobe-chat/wiki/Deploy-with-Azure-OpenAI) | [使用 Azure OpenAI 部署](https://github.com/lobehub/lobe-chat/wiki/Deploy-with-Azure-OpenAI.zh-CN)
 - [Environment Variables](https://github.com/lobehub/lobe-chat/wiki/Environment-Variable) | [环境变量](https://github.com/lobehub/lobe-chat/wiki/Environment-Variable.zh-CN)
+- [Authentication Service](https://github.com/lobehub/lobe-chat/wiki/Authentication) | [身份验证服务](https://github.com/lobehub/lobe-chat/wiki/Authentication.zh-CN)
 - [Upstream Sync](https://github.com/lobehub/lobe-chat/wiki/Upstream-Sync) | [自部署保持更新](https://github.com/lobehub/lobe-chat/wiki/Upstream-Sync.zh-CN)
 - [Frequently Asked Questions](https://github.com/lobehub/lobe-chat/wiki/Common-Error) | [常见问题](https://github.com/lobehub/lobe-chat/wiki/Common-Error.zh-CN)
 - [Data Statistics](https://github.com/lobehub/lobe-chat/wiki/Analytics) | [数据统计](https://github.com/lobehub/lobe-chat/wiki/Analytics.zh-CN)
@@ -47,6 +48,7 @@ LobeChat is a open-source, extensible ([Function Calling][fc-url]), high-perform
   - [Frontend](https://github.com/lobehub/lobe-chat/wiki/Feature-Development-Frontend) | [前端实现](https://github.com/lobehub/lobe-chat/wiki/Feature-Development-Frontend.zh-CN)
 - [Internationalization Implementation Guide](https://github.com/lobehub/lobe-chat/wiki/Internationalization-Implementation) | [国际化实现指南](https://github.com/lobehub/lobe-chat/wiki/Internationalization-Implementation.zh-CN)
 - [New Locale Guide](https://github.com/lobehub/lobe-chat/wiki/Add-New-Locale) | [新语种添加指南](https://github.com/lobehub/lobe-chat/wiki/Add-New-Locale.zh-CN)
+- [New Authentication Provider Guide](https://github.com/lobehub/lobe-chat/wiki/Add-New-Authentication-Providers) | [新身份验证方式开发指南](https://github.com/lobehub/lobe-chat/wiki/Add-New-Authentication-Providers.zh-CN)
 - [Testing Guide](https://github.com/lobehub/lobe-chat/wiki/Test) | [测试指南](https://github.com/lobehub/lobe-chat/wiki/Test.zh-CN)
 - [Resources and References](https://github.com/lobehub/lobe-chat/wiki/Resources) | [资源与参考](https://github.com/lobehub/lobe-chat/wiki/Resources.zh-CN)
 

package/docs/_Sidebar.md

@@ -17,6 +17,7 @@
 - [Docker Deployment Guide](https://github.com/lobehub/lobe-chat/wiki/Docker-Deployment) | [Docker 部署指引](https://github.com/lobehub/lobe-chat/wiki/Docker-Deployment.zh-CN)
 - [Deploying with Azure OpenAI](https://github.com/lobehub/lobe-chat/wiki/Deploy-with-Azure-OpenAI) | [使用 Azure OpenAI 部署](https://github.com/lobehub/lobe-chat/wiki/Deploy-with-Azure-OpenAI.zh-CN)
 - [Environment Variables](https://github.com/lobehub/lobe-chat/wiki/Environment-Variable) | [环境变量](https://github.com/lobehub/lobe-chat/wiki/Environment-Variable.zh-CN)
+- [Authentication Service](https://github.com/lobehub/lobe-chat/wiki/Authentication) | [身份验证服务](https://github.com/lobehub/lobe-chat/wiki/Authentication.zh-CN)
 - [Upstream Sync](https://github.com/lobehub/lobe-chat/wiki/Upstream-Sync) | [自部署保持更新](https://github.com/lobehub/lobe-chat/wiki/Upstream-Sync.zh-CN)
 - [Frequently Asked Questions](https://github.com/lobehub/lobe-chat/wiki/Common-Error) | [常见问题](https://github.com/lobehub/lobe-chat/wiki/Common-Error.zh-CN)
 - [Data Statistics](https://github.com/lobehub/lobe-chat/wiki/Analytics) | [数据统计](https://github.com/lobehub/lobe-chat/wiki/Analytics.zh-CN)
@@ -35,6 +36,7 @@
   - [Frontend](https://github.com/lobehub/lobe-chat/wiki/Feature-Development-Frontend) | [前端实现](https://github.com/lobehub/lobe-chat/wiki/Feature-Development-Frontend.zh-CN)
 - [Internationalization Implementation Guide](https://github.com/lobehub/lobe-chat/wiki/Internationalization-Implementation) | [国际化实现指南](https://github.com/lobehub/lobe-chat/wiki/Internationalization-Implementation.zh-CN)
 - [New Locale Guide](https://github.com/lobehub/lobe-chat/wiki/Add-New-Locale) | [新语种添加指南](https://github.com/lobehub/lobe-chat/wiki/Add-New-Locale.zh-CN)
+- [New Authentication Provider Guide](https://github.com/lobehub/lobe-chat/wiki/Add-New-Authentication-Providers) | [新身份验证方式开发指南](https://github.com/lobehub/lobe-chat/wiki/Add-New-Authentication-Providers.zh-CN)
 - [Testing Guide](https://github.com/lobehub/lobe-chat/wiki/Test) | [测试指南](https://github.com/lobehub/lobe-chat/wiki/Test.zh-CN)
 - [Resources and References](https://github.com/lobehub/lobe-chat/wiki/Resources) | [资源与参考](https://github.com/lobehub/lobe-chat/wiki/Resources.zh-CN)
 

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.126.0",
+  "version": "0.126.2",
   "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/api/auth/next-auth.ts

@@ -0,0 +1,25 @@
+import NextAuth from 'next-auth';
+import Auth0 from 'next-auth/providers/auth0';
+
+import { getServerConfig } from '@/config/server';
+
+const { AUTH0_CLIENT_ID, ENABLE_OAUTH_SSO, AUTH0_CLIENT_SECRET, AUTH0_ISSUER, NEXTAUTH_SECRET } =
+  getServerConfig();
+
+const nextAuth = NextAuth({
+  providers: ENABLE_OAUTH_SSO
+    ? [
+        Auth0({
+          clientId: AUTH0_CLIENT_ID,
+          clientSecret: AUTH0_CLIENT_SECRET,
+          issuer: AUTH0_ISSUER,
+        }),
+      ]
+    : [],
+  secret: NEXTAUTH_SECRET,
+});
+
+export const {
+  handlers: { GET, POST },
+  auth,
+} = nextAuth;

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/layout.tsx

@@ -4,6 +4,7 @@ import { PropsWithChildren } from 'react';
 import { isRtlLang } from 'rtl-detect';
 
 import Analytics from '@/components/Analytics';
+import { getServerConfig } from '@/config/server';
 import { DEFAULT_LANG, LOBE_LOCALE_COOKIE } from '@/const/locale';
 import {
   LOBE_THEME_APPEARANCE,
@@ -14,6 +15,8 @@ import Layout from '@/layout/GlobalLayout';
 
 import StyleRegistry from './StyleRegistry';
 
+const { ENABLE_OAUTH_SSO } = getServerConfig();
+
 const RootLayout = ({ children }: PropsWithChildren) => {
   // get default theme config to use with ssr
   const cookieStore = cookies();
@@ -22,6 +25,7 @@ const RootLayout = ({ children }: PropsWithChildren) => {
   const primaryColor = cookieStore.get(LOBE_THEME_PRIMARY_COLOR);
   const lang = cookieStore.get(LOBE_LOCALE_COOKIE);
   const direction = isRtlLang(lang?.value || DEFAULT_LANG) ? 'rtl' : 'ltr';
+
   return (
     <html dir={direction} lang={lang?.value || DEFAULT_LANG} suppressHydrationWarning>
       <body>
@@ -31,6 +35,7 @@ const RootLayout = ({ children }: PropsWithChildren) => {
             defaultLang={lang?.value}
             defaultNeutralColor={neutralColor?.value as any}
             defaultPrimaryColor={primaryColor?.value as any}
+            enableOAuthSSO={ENABLE_OAUTH_SSO}
           >
             {children}
           </Layout>

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/config/client.ts

@@ -38,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',

package/src/config/server/app.ts

@@ -52,5 +52,6 @@ export const getAppConfig = () => {
     AUTH0_CLIENT_ID: process.env.AUTH0_CLIENT_ID || '',
     AUTH0_CLIENT_SECRET: process.env.AUTH0_CLIENT_SECRET || '',
     AUTH0_ISSUER: process.env.AUTH0_ISSUER || '',
+    NEXTAUTH_SECRET: process.env.NEXTAUTH_SECRET || '',
   };
 };

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/layout/GlobalLayout/index.tsx

@@ -8,6 +8,7 @@ import dynamic from 'next/dynamic';
 import { FC, PropsWithChildren, memo } from 'react';
 
 import { getClientConfig } from '@/config/client';
+import { API_ENDPOINTS } from '@/services/_url';
 
 import AppTheme, { AppThemeProps } from './AppTheme';
 import Locale from './Locale';
@@ -45,10 +46,16 @@ const Container = memo<PropsWithChildren>(({ children }) => {
 
 interface GlobalLayoutProps extends AppThemeProps {
   defaultLang?: string;
+  enableOAuthSSO?: boolean;
 }
 
-const GlobalLayout = ({ children, defaultLang, ...theme }: GlobalLayoutProps) => (
-  <SessionProvider basePath="/api/oauth">
+const GlobalLayout = ({
+  children,
+  defaultLang,
+  enableOAuthSSO = false,
+  ...theme
+}: GlobalLayoutProps) => {
+  const content = (
     <AppTheme {...theme}>
       <Locale defaultLang={defaultLang}>
         <StoreHydration />
@@ -56,7 +63,13 @@ const GlobalLayout = ({ children, defaultLang, ...theme }: GlobalLayoutProps) =>
         <DebugUI />
       </Locale>
     </AppTheme>
-  </SessionProvider>
-);
+  );
+
+  return enableOAuthSSO ? (
+    <SessionProvider basePath={API_ENDPOINTS.oauth}>{content}</SessionProvider>
+  ) : (
+    content
+  );
+};
 
 export default GlobalLayout;

package/src/middleware.ts

@@ -1,7 +1,7 @@
 // export { auth as middleware } from './app/api/next-auth';
 import { NextResponse } from 'next/server';
 
-import { auth } from './app/api/oauth/next-auth';
+import { auth } from './app/api/auth/next-auth';
 import { OAUTH_AUTHORIZED } from './const/auth';
 
 export const config = {

package/src/services/_url.ts

@@ -1,21 +1,40 @@
-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',
-};
+  oauth: '/api/auth',
+
+  // agent markets
+  market: '/api/market',
 
-export const PLUGINS_URLS = {
+  // 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;

package/src/app/api/oauth/next-auth.ts

@@ -1,21 +0,0 @@
-import NextAuth from 'next-auth';
-import Auth0 from 'next-auth/providers/auth0';
-
-import { getServerConfig } from '@/config/server';
-
-const { AUTH0_CLIENT_ID, AUTH0_CLIENT_SECRET, AUTH0_ISSUER } = getServerConfig();
-
-const nextAuth = NextAuth({
-  providers: [
-    Auth0({
-      clientId: AUTH0_CLIENT_ID,
-      clientSecret: AUTH0_CLIENT_SECRET,
-      issuer: AUTH0_ISSUER,
-    }),
-  ],
-});
-
-export const {
-  handlers: { GET, POST },
-  auth,
-} = nextAuth;