集成Vercel Analytics (#101)

* build(web): 集成Vercel Analytics

- 在 main.js 中添加 Vercel Analytics 动态导入和初始化代码
- 修改 vercel.json，在安装依赖时添加 @vercel/analytics 包

* build:优化 Vercel部署时的安装命令- 将 pnpm add 替换为 pnpm i -w，使用工作区模式安装 @vercel/analytics 依赖
- 优化安装命令的可读性和效率

* perf(analytics): 优化 Vercel Analytics 加载策略

-根据环境变量 VERCEL_DEPLOYMENT 决定是否加载 Analytics- 改为通过 script 标签直接加载 Analytics 脚本
- 延迟加载以确保 DOM 完全加载
- 更新版本号至 1.0.4

* build(env): 更新环境变量前缀以隔离 Vite 配置- 将环境变量 VERCEL_DEPLOYMENT 重命名为 VITE_VERCEL_DEPLOYMENT
- 在Vite 项目中，建议使用VITE_ 前缀来定义环境变量
- 更新相关代码以使用新的环境变量名称

Author: linshenkx

package.json

@@ -1,6 +1,6 @@
 {
   "name": "prompt-optimizer",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "private": true,
   "packageManager": "pnpm@10.6.1",
   "engines": {

packages/web/src/main.js

@@ -6,4 +6,23 @@ import '@prompt-optimizer/ui/dist/style.css'
 
 const app = createApp(App)
 installI18n(app)
-app.mount('#app') 
+app.mount('#app')
+
+// 只在Vercel环境中加载Analytics
+// 当环境变量VITE_VERCEL_DEPLOYMENT为true时才尝试加载
+if (import.meta.env.VITE_VERCEL_DEPLOYMENT === 'true') {
+  // 使用完全运行时方式加载Vercel Analytics
+  const loadAnalytics = () => {
+    const script = document.createElement('script')
+    script.src = '/_vercel/insights/script.js'
+    script.defer = true
+    script.onload = () => console.log('Vercel Analytics 已加载')
+    script.onerror = () => console.log('Vercel Analytics 加载失败')
+    document.head.appendChild(script)
+  }
+  
+  // 延迟执行以确保DOM已完全加载
+  window.addEventListener('DOMContentLoaded', loadAnalytics)
+}else{
+    console.log('Vercel Analytics 未加载')
+}

vercel.json

@@ -1,7 +1,7 @@
 {
   "buildCommand": "if [[ $(pwd) == */packages/extension ]]; then cd ../.. && pnpm build && mkdir -p packages/extension/packages/web && cp -r packages/web/dist packages/extension/packages/web/dist; else pnpm build; fi",
   "outputDirectory": "packages/web/dist",
-  "installCommand": "pwd && if [[ $(pwd) == */packages/extension ]]; then cd ../.. && pnpm install; else pnpm install; fi",
+  "installCommand": "pwd && if [[ $(pwd) == */packages/extension ]]; then cd ../.. && pnpm install && pnpm i @vercel/analytics -w; else pnpm install && pnpm i @vercel/analytics -w; fi",
   "rewrites": [
     {
       "source": "/api/:path*",
@@ -16,11 +16,11 @@
     "silent": true
   },
   "env": {
-    "VERCEL_DEPLOYMENT": "true"
+    "VITE_VERCEL_DEPLOYMENT": "true"
   },
   "build": {
     "env": {
-      "VERCEL_DEPLOYMENT": "true"
+      "VITE_VERCEL_DEPLOYMENT": "true"
     }
   }
 }