@lobehub/chat 0.141.0 → 0.141.1

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 0.141.1](https://github.com/lobehub/lobe-chat/compare/v0.141.0...v0.141.1)
+
+<sup>Released on **2024-03-22**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: Refactor the Vercel Aanlytics and support Google Aanlytics.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: Refactor the Vercel Aanlytics and support Google Aanlytics, closes [#1688](https://github.com/lobehub/lobe-chat/issues/1688) ([e07e9cf](https://github.com/lobehub/lobe-chat/commit/e07e9cf))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 0.141.0](https://github.com/lobehub/lobe-chat/compare/v0.140.1...v0.141.0)
 
 <sup>Released on **2024-03-22**</sup>

package/README.zh-CN.md

@@ -6,7 +6,7 @@
 
 开源、现代化设计的 ChatGPT/LLMs 聊天应用与开发框架<br/>
 支持语音合成、多模态、可扩展的（[function call][docs-functionc-call]）插件系统<br/>
-一键**免费**拥有你自己的 ChatGPT/Gemini/Ollama 应用
+一键**免费**拥有你自己的 ChatGPT/Gemini/Claude/Ollama 应用
 
 [English](./README.md) · **简体中文** · [更新日志](./CHANGELOG.md) · [文档][github-document-link] · [报告问题][github-issues-link] · [请求功能][github-issues-link]
 
@@ -121,8 +121,11 @@
 
 - **AWS Bedrock**：集成了 AWS Bedrock 服务，支持了 **Claude / LLama2** 等模型，提供了强大的自然语言处理能力。[了解更多](https://aws.amazon.com/cn/bedrock)
 - **Google AI (Gemini Pro、Gemini Vision)**：接入了 Google 的 **Gemini** 系列模型，包括 Gemini 和 Gemini Pro，以支持更高级的语言理解和生成。[了解更多](https://deepmind.google/technologies/gemini/)
+- **Anthropic (Claude)**：接入了 Anthropic 的 **Claude** 系列模型，包括 Claude 3 和 Claude 2，多模态突破，超长上下文，树立行业新基准。[了解更多](https://www.anthropic.com/claude)
 - **ChatGLM**：加入了智谱的 **ChatGLM** 系列模型（GLM-4/GLM-4-vision/GLM-3-turbo），为用户提供了另一种高效的会话模型选择。[了解更多](https://www.zhipuai.cn/)
 - **Moonshot AI (月之暗面)**：集成了 Moonshot 系列模型，这是一家来自中国的创新性 AI 创业公司，旨在提供更深层次的会话理解。[了解更多](https://www.moonshot.cn/)
+- **Groq**：接入了 Groq 的 AI 模型，高效处理消息序列，生成回应，胜任多轮对话及单次交互任务。[了解更多](https://groq.com/)
+- **OpenRouter**：其支持包括 **Claude 3**，**Gemma**，**Mistral**，**Llama2**和**Cohere**等模型路由，支持智能路由优化，提升使用效率，开放且灵活。[了解更多](https://openrouter.ai/)
 
 同时，我们也在计划支持更多的模型服务商，如 Replicate 和 Perplexity 等，以进一步丰富我们的服务商库。如果你希望让 LobeChat 支持你喜爱的服务商，欢迎加入我们的[社区讨论](https://github.com/lobehub/lobe-chat/discussions/1284)。
 

package/docs/self-hosting/advanced/analytics.mdx

@@ -11,7 +11,7 @@ To better help analyze the usage of LobeChat users, we have integrated several f
 
 [Vercel Analytics](https://vercel.com/analytics) is a data analytics service launched by Vercel, which can help you collect website visit data, including traffic, sources, and devices used for access.
 
-We have integrated Vercel Analytics into the code, and you can enable it by setting the environment variable `NEXT_PUBLIC_ANALYTICS_VERCEL=1`, and then open the Analytics tab in your Vercel deployment project to view your app's visit data.
+We have integrated Vercel Analytics into the code, and you can enable it by setting the environment variable `ENABLE_VERCEL_ANALYTICS=1`, and then open the Analytics tab in your Vercel deployment project to view your app's visit data.
 
 Vercel Analytics provides 2500 free Web Analytics Events per month (which can be understood as page views), which is generally sufficient for personal deployment and self-use products.
 

package/docs/self-hosting/advanced/analytics.zh-CN.mdx

@@ -10,7 +10,7 @@
 
 [Vercel Analytics](https://vercel.com/analytics) 是 Vercel 推出的一款数据分析服务，它可以帮助你收集网站的访问情况，包括访问量、访问来源、访问设备等等。
 
-我们在代码中集成了 Vercel Analytics，你可以通过设置环境变量 `NEXT_PUBLIC_ANALYTICS_VERCEL=1` 来开启它，并打开 Vercel 部署项目中 Analytics tab 查看你的应用访问情况。
+我们在代码中集成了 Vercel Analytics，你可以通过设置环境变量 `ENABLE_VERCEL_ANALYTICS=1` 来开启它，并打开 Vercel 部署项目中 Analytics tab 查看你的应用访问情况。
 
 Vercel Analytics 提供了 2500 次 / 月的免费 Web Analytics Events (可以理解为 PV)，对于个人部署自用的产品来说基本够用。
 

package/docs/self-hosting/environment-variables/analytics.mdx

@@ -0,0 +1,91 @@
+# Data Statistics
+
+We have integrated several free/open-source data analytics services in LobeChat for collecting user usage data. Here are environment variables that you can use.
+
+## Vercel Analytics
+
+### `ENABLE_VERCEL_ANALYTICS`
+
+- Type: Optional
+- Description: Used to configure the environment variable for Vercel Analytics. Set to `1` to enable Vercel Analytics.
+- Default: `-`
+- Example: `1`
+
+### `DEBUG_VERCEL_ANALYTICS`
+
+- Type: Optional
+- Description: Used to enable the debug mode for Vercel Analytics.
+- Default: `-`
+- Example: `1`
+
+## Google Analytics
+
+### `ENABLE_GOOGLE_ANALYTICS`
+
+- Type: Optional
+- Description: Used to configure the environment variable for Google Analytics. Set to `1` to enable Google Analytics.
+- Default: `-`
+- Example: `1`
+
+### `GOOGLE_ANALYTICS_MEASUREMENT_ID`
+
+- Type: Required
+- Description: Google Analytics Measurement ID，you can get it from the Google Analytics dashboard.
+- Default: `-`
+- Example: `G-63LP2TV03T`
+
+## Posthog Analytics
+
+### `NEXT_PUBLIC_ANALYTICS_POSTHOG`
+
+- Type: Optional
+- Description: Used to enable the environment variable for [PostHog Analytics][posthog-analytics-url]. Set to `1` to enable PostHog Analytics.
+- Default: `-`
+- Example: `1`
+
+### `NEXT_PUBLIC_POSTHOG_KEY`
+
+- Type: Optional
+- Description: Set the PostHog project Key.
+- Default: `-`
+- Example: `phc_xxxxxxxx`
+
+### `NEXT_PUBLIC_POSTHOG_HOST`
+
+- Type: Optional
+- Description: Set the deployment address of the PostHog service, defaulting to the official SAAS address.
+- Default: `https://app.posthog.com`
+- Example: `https://example.com`
+
+### `NEXT_PUBLIC_POSTHOG_DEBUG`
+
+- Type: Optional
+- Description: Enable the debug mode for PostHog.
+- Default: `-`
+- Example: `1`
+
+## Umami Analytics
+
+### `NEXT_PUBLIC_ANALYTICS_UMAMI`
+
+- Type: Optional
+- Description: Used to enable the environment variable for [Umami Analytics][umami-analytics-url]. Set to `1` to enable Umami Analytics.
+- Default: `-`
+- Example: `1`
+
+### `NEXT_PUBLIC_UMAMI_SCRIPT_URL`
+
+- Type: Optional
+- Description: The URL of the Umami script, defaulting to the script URL provided by 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: Your Umami Website ID.
+- Default: `-`
+- Example: `E738D82A-EE9E-4806-A81F-0CA3CAE57F65`
+
+[posthog-analytics-url]: https://posthog.com
+[umami-analytics-url]: https://umami.is

package/docs/self-hosting/environment-variables/analytics.zh-CN.mdx

@@ -0,0 +1,91 @@
+# 数据统计
+
+我们在 LobeChat 中集成了若干免费 / 开源的数据统计服务，用于了解用户的使用情况，以下是相关环境变量。
+
+## Vercel Analytics
+
+### `ENABLE_VERCEL_ANALYTICS`
+
+- 类型：可选
+- 描述：用于配置 Vercel Analytics 的环境变量，当设为 `1` 时开启 Vercel Analytics
+- 默认值： `-`
+- 示例：`1`
+
+### `DEBUG_VERCEL_ANALYTICS`
+
+- 类型：可选
+- 描述：用于开启 Vercel Analytics 的调试模式
+- 默认值： `-`
+- 示例：`1`
+
+## Google Analytics
+
+### `ENABLE_GOOGLE_ANALYTICS`
+
+- 类型：必选
+- 描述：用于配置 Google Analytics 的环境变量，当设为 `1` 时开启 Google Analytics
+- 默认值： `-`
+- 示例：`1`
+
+### `GOOGLE_ANALYTICS_MEASUREMENT_ID`
+
+- 类型：必选
+- 描述：Google Analytics 的 Measurement ID，如果开启了 Google Analytics，此项必填
+- 默认值： `-`
+- 示例：`G-63LP2TV03T`
+
+## Posthog Analytics
+
+### `NEXT_PUBLIC_ANALYTICS_POSTHOG`
+
+- 类型：可选
+- 描述：用于开启 [PostHog Analytics][posthog-analytics-url] 的环境变量，设为 `1` 时开启 PostHog Analytics
+- 默认值： `-`
+- 示例：`1`
+
+### `NEXT_PUBLIC_POSTHOG_KEY`
+
+- 类型：可选
+- 描述：设置 PostHog 项目 Key
+- 默认值： `-`
+- 示例：`phc_xxxxxxxx`
+
+### `NEXT_PUBLIC_POSTHOG_HOST`
+
+- 类型：可选
+- 描述：设置 PostHog 服务的部署地址，默认为官方的 SAAS 地址
+- 默认值：`https://app.posthog.com`
+- 示例：`https://example.com`
+
+### `NEXT_PUBLIC_POSTHOG_DEBUG`
+
+- 类型：可选
+- 描述：开启 PostHog 的调试模式
+- 默认值： `-`
+- 示例：`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`
+
+[posthog-analytics-url]: https://posthog.com
+[umami-analytics-url]: https://umami.is

package/docs/self-hosting/environment-variables/basic.mdx

@@ -34,18 +34,18 @@ LobeChat provides some additional configuration options during deployment, which
 
 The `DEFAULT_AGENT_CONFIG` is used to configure the default settings for the LobeChat default agent. It supports various data types and structures, including key-value pairs, nested fields, array values, and more. The table below provides detailed information on the configuration options, examples, and corresponding explanations for the `DEFAULT_AGENT_CONFIG` environment variable:
 
-| Configuration Type      | Example                                     | Explanation                                                                                                        |
-| ----------------------- | ------------------------------------------- | ------------------------------------------------------------------------------------------------------------------ |
-| Basic Key-Value Pair    | `model=gpt-4`                               | Set the model to `gpt-4`.                                                                                          |
-| Nested Field            | `tts.sttLocale=en-US`                       | Set the language locale for the text-to-speech service to `en-US`.                                                 |
-| Array                   | `plugins=search-engine,lobe-image-designer` | Enable the `search-engine` and `lobe-image-designer` plugins.                                                      |
-| Chinese Comma           | `plugins=search-engine，lobe-image-designer` | Same as above, demonstrating support for Chinese comma separation.                                                 |
-| Multiple Configurations | `model=glm-4;provider=zhipu`                | Set the model to `glm-4` and the model provider to `zhipu`.                                                        |
-| Numeric Value           | `params.max_tokens=300`                     | Set the maximum tokens to `300`.                                                                                   |
-| Boolean Value           | `enableAutoCreateTopic=true`                | Enable automatic topic creation.                                                                                   |
-| Special Characters      | `inputTemplate="Hello; I am a bot;"`        | Set the input template to `Hello; I am a bot;`.                                                                    |
-| Error Handling          | `model=gpt-4;maxToken`                      | Ignore invalid entry `maxToken` and only parse `model=gpt-4`.                                                      |
-| Value Override          | `model=gpt-4;model=gpt-4-1106-preview`      | If a key is repeated, use the value that appears last; in this case, the value of `model` is `gpt-4-1106-preview`. |
+| Configuration Type | Example | Explanation |
+| --- | --- | --- |
+| Basic Key-Value Pair | `model=gpt-4` | Set the model to `gpt-4`. |
+| Nested Field | `tts.sttLocale=en-US` | Set the language locale for the text-to-speech service to `en-US`. |
+| Array | `plugins=search-engine,lobe-image-designer` | Enable the `search-engine` and `lobe-image-designer` plugins. |
+| Chinese Comma | `plugins=search-engine，lobe-image-designer` | Same as above, demonstrating support for Chinese comma separation. |
+| Multiple Configurations | `model=glm-4;provider=zhipu` | Set the model to `glm-4` and the model provider to `zhipu`. |
+| Numeric Value | `params.max_tokens=300` | Set the maximum tokens to `300`. |
+| Boolean Value | `enableAutoCreateTopic=true` | Enable automatic topic creation. |
+| Special Characters | `inputTemplate="Hello; I am a bot;"` | Set the input template to `Hello; I am a bot;`. |
+| Error Handling | `model=gpt-4;maxToken` | Ignore invalid entry `maxToken` and only parse `model=gpt-4`. |
+| Value Override | `model=gpt-4;model=gpt-4-1106-preview` | If a key is repeated, use the value that appears last; in this case, the value of `model` is `gpt-4-1106-preview`. |
 
 Further reading:
 
@@ -86,8 +86,8 @@ Further reading:
 ### Auth0
 
 <Callout>
-  Currently, we only support the Auth0, Microsoft Entra ID identity verification service providers. If you need to use
-  other identity verification service providers, you can submit a [feature
+  Currently, we only support the Auth0, Microsoft Entra ID identity verification service providers.
+  If you need to use other identity verification service providers, you can submit a [feature
   request](https://github.com/lobehub/lobe-chat/issues/new/choose) or Pull Request.
 </Callout>
 
@@ -115,8 +115,8 @@ Further reading:
 ### Microsoft Entra ID
 
 <Callout>
-  Currently, we only support the Auth0, Microsoft Entra ID identity verification service providers. If you need to use
-  other identity verification service providers, you can submit a [feature
+  Currently, we only support the Auth0, Microsoft Entra ID identity verification service providers.
+  If you need to use other identity verification service providers, you can submit a [feature
   request](https://github.com/lobehub/lobe-chat/issues/new/choose) or Pull Request.
 </Callout>
 
@@ -178,77 +178,4 @@ The above example sets the `SERPAPI_API_KEY` of the `search-engine` plugin to `x
 - Description: Index address of the LobeChat assistant market. If you have deployed the assistant market service on your own, you can use this variable to override the default market address.
 - Default: `https://chat-agents.lobehub.com`
 
-## Data Statistics
-
-### Vercel Analytics
-
-#### `NEXT_PUBLIC_ANALYTICS_VERCEL`
-
-- Type: Optional
-- Description: Used to configure the environment variable for Vercel Analytics. Set to `1` to enable Vercel Analytics.
-- Default: `-`
-- Example: `1`
-
-#### `NEXT_PUBLIC_VERCEL_DEBUG`
-
-- Type: Optional
-- Description: Used to enable the debug mode for Vercel Analytics.
-- Default: `-`
-- Example: `1`
-
-### Posthog Analytics
-
-#### `NEXT_PUBLIC_ANALYTICS_POSTHOG`
-
-- Type: Optional
-- Description: Used to enable the environment variable for [PostHog Analytics][posthog-analytics-url]. Set to `1` to enable PostHog Analytics.
-- Default: `-`
-- Example: `1`
-
-#### `NEXT_PUBLIC_POSTHOG_KEY`
-
-- Type: Optional
-- Description: Set the PostHog project Key.
-- Default: `-`
-- Example: `phc_xxxxxxxx`
-
-#### `NEXT_PUBLIC_POSTHOG_HOST`
-
-- Type: Optional
-- Description: Set the deployment address of the PostHog service, defaulting to the official SAAS address.
-- Default: `https://app.posthog.com`
-- Example: `https://example.com`
-
-#### `NEXT_PUBLIC_POSTHOG_DEBUG`
-
-- Type: Optional
-- Description: Enable the debug mode for PostHog.
-- Default: `-`
-- Example: `1`
-
-### Umami Analytics
-
-#### `NEXT_PUBLIC_ANALYTICS_UMAMI`
-
-- Type: Optional
-- Description: Used to enable the environment variable for [Umami Analytics][umami-analytics-url]. Set to `1` to enable Umami Analytics.
-- Default: `-`
-- Example: `1`
-
-#### `NEXT_PUBLIC_UMAMI_SCRIPT_URL`
-
-- Type: Optional
-- Description: The URL of the Umami script, defaulting to the script URL provided by 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: Your Umami Website ID.
-- Default: `-`
-- Example: `E738D82A-EE9E-4806-A81F-0CA3CAE57F65`
-
 [auth0-client-page]: https://manage.auth0.com/dashboard
-[posthog-analytics-url]: https://posthog.com
-[umami-analytics-url]: https://umami.is

package/docs/self-hosting/environment-variables/basic.zh-CN.mdx

@@ -25,7 +25,7 @@ LobeChat 在部署时提供了一些额外的配置项，你可以使用环境
 - 默认值: `-`
 - 示例: `/test`
 
-#### `DEFAULT_AGENT_CONFIG`
+### `DEFAULT_AGENT_CONFIG`
 
 - 类型：可选
 - 描述：用于配置 LobeChat 默认助理的默认配置。它支持多种数据类型和结构，包括键值对、嵌套字段、数组值等。
@@ -34,18 +34,18 @@ LobeChat 在部署时提供了一些额外的配置项，你可以使用环境
 
 `DEFAULT_AGENT_CONFIG` 用于配置 LobeChat 默认助理的默认配置。它支持多种数据类型和结构，包括键值对、嵌套字段、数组值等。下表详细说明了 `DEFAULT_AGENT_CONFIG` 环境变量的配置项、示例以及相应解释：
 
-| 配置项类型 | 示例                                          | 解释                                                    |
-| ----- | ------------------------------------------- | ----------------------------------------------------- |
-| 基本键值对 | `model=gpt-4`                               | 设置模型为 `gpt-4`。                                        |
-| 嵌套字段  | `tts.sttLocale=en-US`                       | 设置文本到语音服务的语言区域为 `en-US`。                              |
-| 数组    | `plugins=search-engine,lobe-image-designer` | 启用 `search-engine` 和 `lobe-image-designer` 插件。        |
-| 中文逗号  | `plugins=search-engine，lobe-image-designer` | 同上，演示支持中文逗号分隔。                                        |
-| 多个配置项 | `model=glm-4;provider=zhipu`                | 设置模型为 `glm-4` 且模型服务商为 `zhipu`。                        |
-| 数字值   | `params.max_tokens=300`                     | 设置最大令牌数为 `300`。                                       |
-| 布尔值   | `enableAutoCreateTopic=true`                | 启用自动创建主题。                                             |
-| 特殊字符  | `inputTemplate="Hello; I am a bot;"`        | 设置输入模板为 `Hello; I am a bot;`。                         |
-| 错误处理  | `model=gpt-4;maxToken`                      | 忽略无效条目 `maxToken`，仅解析出 `model=gpt-4`。                 |
-| 值覆盖   | `model=gpt-4;model=gpt-4-1106-preview`      | 如果键重复，使用最后一次出现的值，此处 `model` 的值为 `gpt-4-1106-preview`。 |
+| 配置项类型 | 示例 | 解释 |
+| --- | --- | --- |
+| 基本键值对 | `model=gpt-4` | 设置模型为 `gpt-4`。 |
+| 嵌套字段 | `tts.sttLocale=en-US` | 设置文本到语音服务的语言区域为 `en-US`。 |
+| 数组 | `plugins=search-engine,lobe-image-designer` | 启用 `search-engine` 和 `lobe-image-designer` 插件。 |
+| 中文逗号 | `plugins=search-engine，lobe-image-designer` | 同上，演示支持中文逗号分隔。 |
+| 多个配置项 | `model=glm-4;provider=zhipu` | 设置模型为 `glm-4` 且模型服务商为 `zhipu`。 |
+| 数字值 | `params.max_tokens=300` | 设置最大令牌数为 `300`。 |
+| 布尔值 | `enableAutoCreateTopic=true` | 启用自动创建主题。 |
+| 特殊字符 | `inputTemplate="Hello; I am a bot;"` | 设置输入模板为 `Hello; I am a bot;`。 |
+| 错误处理 | `model=gpt-4;maxToken` | 忽略无效条目 `maxToken`，仅解析出 `model=gpt-4`。 |
+| 值覆盖 | `model=gpt-4;model=gpt-4-1106-preview` | 如果键重复，使用最后一次出现的值，此处 `model` 的值为 `gpt-4-1106-preview`。 |
 
 相关阅读：
 
@@ -86,7 +86,8 @@ LobeChat 在部署时提供了一些额外的配置项，你可以使用环境
 ### Auth0
 
 <Callout>
-  目前，我们仅支持 Auth0 和 Microsoft Entra ID 身份验证服务提供商。如果您需要使用其他身份验证服务提供商，可以提交
+  目前，我们仅支持 Auth0 和 Microsoft Entra ID
+  身份验证服务提供商。如果您需要使用其他身份验证服务提供商，可以提交
   [功能请求](https://github.com/lobehub/lobe-chat/issues/new/choose) 或 Pull Request。
 </Callout>
 
@@ -114,7 +115,8 @@ LobeChat 在部署时提供了一些额外的配置项，你可以使用环境
 ### Microsoft Entra ID
 
 <Callout>
-  目前，我们仅支持 Auth0 和 Microsoft Entra ID 身份验证服务提供商。如果您需要使用其他身份验证服务提供商，可以提交
+  目前，我们仅支持 Auth0 和 Microsoft Entra ID
+  身份验证服务提供商。如果您需要使用其他身份验证服务提供商，可以提交
   [功能请求](https://github.com/lobehub/lobe-chat/issues/new/choose) 或 Pull Request。
 </Callout>
 
@@ -176,77 +178,4 @@ LobeChat 在部署时提供了一些额外的配置项，你可以使用环境
 - 描述：LobeChat 助手市场的索引地址，如果你自行部署了助手市场的服务，可以使用该变量来覆盖默认的市场地址
 - 默认值：`https://chat-agents.lobehub.com`
 
-## 数据统计
-
-### Vercel Analytics
-
-#### `NEXT_PUBLIC_ANALYTICS_VERCEL`
-
-- 类型：可选
-- 描述：用于配置 Vercel Analytics 的环境变量，当设为 `1` 时开启 Vercel Analytics
-- 默认值： `-`
-- 示例：`1`
-
-#### `NEXT_PUBLIC_VERCEL_DEBUG`
-
-- 类型：可选
-- 描述：用于开启 Vercel Analytics 的调试模式
-- 默认值： `-`
-- 示例：`1`
-
-### Posthog Analytics
-
-#### `NEXT_PUBLIC_ANALYTICS_POSTHOG`
-
-- 类型：可选
-- 描述：用于开启 [PostHog Analytics][posthog-analytics-url] 的环境变量，设为 `1` 时开启 PostHog Analytics
-- 默认值： `-`
-- 示例：`1`
-
-#### `NEXT_PUBLIC_POSTHOG_KEY`
-
-- 类型：可选
-- 描述：设置 PostHog 项目 Key
-- 默认值： `-`
-- 示例：`phc_xxxxxxxx`
-
-#### `NEXT_PUBLIC_POSTHOG_HOST`
-
-- 类型：可选
-- 描述：设置 PostHog 服务的部署地址，默认为官方的 SAAS 地址
-- 默认值：`https://app.posthog.com`
-- 示例：`https://example.com`
-
-#### `NEXT_PUBLIC_POSTHOG_DEBUG`
-
-- 类型：可选
-- 描述：开启 PostHog 的调试模式
-- 默认值： `-`
-- 示例：`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
-[posthog-analytics-url]: https://posthog.com
-[umami-analytics-url]: https://umami.is

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.141.0",
+  "version": "0.141.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",
@@ -91,7 +91,9 @@
     "@lobehub/icons": "latest",
     "@lobehub/tts": "latest",
     "@lobehub/ui": "^1.135.4",
+    "@next/third-parties": "^14.1.4",
     "@vercel/analytics": "^1",
+    "@vercel/speed-insights": "^1.0.10",
     "ahooks": "^3",
     "ai": "^3.0.0",
     "antd": "^5",

package/src/app/layout.tsx

@@ -1,3 +1,4 @@
+import { SpeedInsights } from '@vercel/speed-insights/next';
 import { ResolvingViewport } from 'next';
 import { cookies } from 'next/headers';
 import { PropsWithChildren } from 'react';
@@ -42,6 +43,7 @@ const RootLayout = ({ children }: PropsWithChildren) => {
           </Layout>
         </StyleRegistry>
         <Analytics />
+        <SpeedInsights />
       </body>
     </html>
   );

package/src/components/Analytics/Google.tsx

@@ -0,0 +1,14 @@
+import { GoogleAnalytics as GA } from '@next/third-parties/google';
+
+import { getServerConfig } from '@/config/server';
+
+const { GOOGLE_ANALYTICS_MEASUREMENT_ID, ENABLE_GOOGLE_ANALYTICS } = getServerConfig();
+
+if (ENABLE_GOOGLE_ANALYTICS && !GOOGLE_ANALYTICS_MEASUREMENT_ID)
+  throw new Error(
+    'You have enable the google analytics but not provided the google analytics id. Please provide the google analytics id in your env',
+  );
+
+const GoogleAnalytics = () => <GA gaId={GOOGLE_ANALYTICS_MEASUREMENT_ID!} />;
+
+export default GoogleAnalytics;

package/src/components/Analytics/Vercel.tsx

@@ -1,11 +1,9 @@
-'use client';
-
 import { Analytics } from '@vercel/analytics/react';
 import { memo } from 'react';
 
-import { getClientConfig } from '@/config/client';
+import { getServerConfig } from '@/config/server';
 
-const { VERCEL_DEBUG } = getClientConfig();
+const { VERCEL_DEBUG } = getServerConfig();
 
 const VercelAnalytics = memo(() => <Analytics debug={VERCEL_DEBUG} />);
 

package/src/components/Analytics/index.tsx

@@ -1,19 +1,24 @@
 import dynamic from 'next/dynamic';
 
 import { getClientConfig } from '@/config/client';
+import { getServerConfig } from '@/config/server';
+
+import Google from './Google';
+import Vercel from './Vercel';
 
-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, ANALYTICS_UMAMI } =
-  getClientConfig();
+const { ANALYTICS_POSTHOG, ANALYTICS_PLAUSIBLE, ANALYTICS_UMAMI } = getClientConfig();
+
+const { ENABLE_VERCEL_ANALYTICS, ENABLE_GOOGLE_ANALYTICS } = getServerConfig();
 
 const Analytics = () => {
   return (
     <>
-      {ANALYTICS_VERCEL && <Vercel />}
+      {ENABLE_VERCEL_ANALYTICS && <Vercel />}
+      {ENABLE_GOOGLE_ANALYTICS && <Google />}
       {ANALYTICS_PLAUSIBLE && <Plausible />}
       {ANALYTICS_POSTHOG && <Posthog />}
       {ANALYTICS_UMAMI && <Umami />}

package/src/config/__tests__/client.test.ts

@@ -10,8 +10,6 @@ vi.stubGlobal('process', {
 
 describe('getClientConfig', () => {
   it('should correctly reflect boolean values for analytics flags', () => {
-    process.env.NEXT_PUBLIC_ANALYTICS_VERCEL = '1';
-    process.env.NEXT_PUBLIC_VERCEL_DEBUG = '1';
     process.env.NEXT_PUBLIC_ANALYTICS_PLAUSIBLE = '1';
     process.env.NEXT_PUBLIC_ANALYTICS_POSTHOG = '1';
     process.env.NEXT_PUBLIC_POSTHOG_DEBUG = '1';
@@ -20,8 +18,6 @@ describe('getClientConfig', () => {
     process.env.NEXT_PUBLIC_I18N_DEBUG_SERVER = '1';
 
     const config = getClientConfig();
-    expect(config.ANALYTICS_VERCEL).toBe(true);
-    expect(config.VERCEL_DEBUG).toBe(true);
     expect(config.ANALYTICS_PLAUSIBLE).toBe(true);
     expect(config.ANALYTICS_POSTHOG).toBe(true);
     expect(config.POSTHOG_DEBUG).toBe(true);
@@ -31,8 +27,6 @@ describe('getClientConfig', () => {
   });
 
   it('should correctly handle falsy values for analytics flags', () => {
-    process.env.NEXT_PUBLIC_ANALYTICS_VERCEL = '0';
-    process.env.NEXT_PUBLIC_VERCEL_DEBUG = '0';
     process.env.NEXT_PUBLIC_ANALYTICS_PLAUSIBLE = '0';
     process.env.NEXT_PUBLIC_ANALYTICS_POSTHOG = '0';
     process.env.NEXT_PUBLIC_POSTHOG_DEBUG = '0';
@@ -41,8 +35,7 @@ describe('getClientConfig', () => {
     process.env.NEXT_PUBLIC_I18N_DEBUG_SERVER = '0';
 
     const config = getClientConfig();
-    expect(config.ANALYTICS_VERCEL).toBe(false);
-    expect(config.VERCEL_DEBUG).toBe(false);
+
     expect(config.ANALYTICS_PLAUSIBLE).toBe(false);
     expect(config.ANALYTICS_POSTHOG).toBe(false);
     expect(config.POSTHOG_DEBUG).toBe(false);

package/src/config/client.ts

@@ -8,9 +8,6 @@ declare global {
   // eslint-disable-next-line @typescript-eslint/no-namespace
   namespace NodeJS {
     interface ProcessEnv {
-      NEXT_PUBLIC_ANALYTICS_VERCEL?: string;
-      NEXT_PUBLIC_VERCEL_DEBUG?: string;
-
       NEXT_PUBLIC_ANALYTICS_MIXPANEL?: string;
       NEXT_PUBLIC_MIXPANEL_PROJECT_TOKEN?: string;
       NEXT_PUBLIC_MIXPANEL_DEBUG?: string;
@@ -45,10 +42,6 @@ export const getClientConfig = () => ({
   // docs
   LOBE_CHAT_DOCS: process.env.NEXT_PUBLIC_LOBE_CHAT_DOCS,
 
-  // Vercel Analytics
-  ANALYTICS_VERCEL: process.env.NEXT_PUBLIC_ANALYTICS_VERCEL === '1',
-  VERCEL_DEBUG: process.env.NEXT_PUBLIC_VERCEL_DEBUG === '1',
-
   // Plausible Analytics
   ANALYTICS_PLAUSIBLE: process.env.NEXT_PUBLIC_ANALYTICS_PLAUSIBLE === '1',
   PLAUSIBLE_DOMAIN: process.env.NEXT_PUBLIC_PLAUSIBLE_DOMAIN,

package/src/config/server/analytics.ts

@@ -0,0 +1,32 @@
+/* eslint-disable sort-keys-fix/sort-keys-fix , typescript-sort-keys/interface */
+
+declare global {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  namespace NodeJS {
+    interface ProcessEnv {
+      // Vercel Analytics
+      ENABLE_VERCEL_ANALYTICS?: string;
+      DEBUG_VERCEL_ANALYTICS?: string;
+
+      // Google Analytics
+      ENABLE_GOOGLE_ANALYTICS?: string;
+      GOOGLE_ANALYTICS_MEASUREMENT_ID?: string;
+    }
+  }
+}
+
+export const getAnalyticsConfig = () => {
+  if (typeof process === 'undefined') {
+    throw new Error('[Server Config] you are importing a server-only module outside of server');
+  }
+
+  return {
+    // Vercel Analytics
+    ENABLE_VERCEL_ANALYTICS: process.env.ENABLE_VERCEL_ANALYTICS === '1',
+    VERCEL_DEBUG: process.env.DEBUG_VERCEL_ANALYTICS === '1',
+
+    // Google Analytics
+    ENABLE_GOOGLE_ANALYTICS: process.env.ENABLE_GOOGLE_ANALYTICS === '1',
+    GOOGLE_ANALYTICS_MEASUREMENT_ID: process.env.GOOGLE_ANALYTICS_MEASUREMENT_ID,
+  };
+};

package/src/config/server/index.ts

@@ -1,3 +1,4 @@
+import { getAnalyticsConfig } from './analytics';
 import { getAppConfig } from './app';
 import { getProviderConfig } from './provider';
 
@@ -8,6 +9,7 @@ export const getServerConfig = () => {
 
   const provider = getProviderConfig();
   const app = getAppConfig();
+  const analytics = getAnalyticsConfig();
 
-  return { ...provider, ...app };
+  return { ...provider, ...app, ...analytics };
 };