✨ feat: Add MCP marketplace and mcp plugin one-click installation in desktop (lobehub#8334)

* move plugin Component

* ✨ feat(wip): Add MCP Discover Market

* ✅ test: Fix test

* ✅ test: Fix test

* 🐛 fix: Fix build

* 🐛 fix: Fix build

* 💄 style: update plugin store

* 💄 style: Update plugin store

* ✨ feat: Update cache control headers and optimize Next.js config for performance

* 💄 style: Update discover markdown

* 💄 style: Update scroes step

* 优化 list 细节

* 优化 list 细节

* 优化 list 细节

* 完成基础 mcp 安装实现

* 完成安装上报

* 新增安装过程

* fix

* 优化插件设置页面配置

* 💄 style: update official icon

* 完善安装错误状态

* 支持取消安装

* fix types

* fix types

* 完成系统依赖检查流程

* 完成系统依赖安装流程上报

* try to fix suspense

* try to fix suspense

* try to fix suspense

* try to fix tests

* upgrade electron

* fix suspense

* fix tool name issue

* fix test

* add i18n

* fix tool call

* ✅ test: fix tests

* move

* fix tests

* refactor plugin install store

* improve old plugin install

* fix

* fix header link

* fix plugin detail

* fix oldPlugin detail

* fix tests

* update i18n

* fix i18n

* 💄 style: improve style

* add debug log

* fix link

* improve

* fix link

* 🚚 refactor: refactor the market runtime to nodejs

* 移除 props.searchParams 调用

* ✅ test: fix tests

* 尝试静态化 discover page

* ♻️ refactor: refactor config to nodejs runtime

* fix min width

* 修正自定义插件的编辑展示区域

* fix i18n

* 调整部分组件目录结构

* 完善 MCP 市场安装流程

* 完善安装上报事件

* test: fix test

* ✨ feat: 实现 m2m oauth 请求

* ✨ feat: 完善 m2m 注册链路

* ✨ feat: 完善 m2m 注册链路

* 🐛 fix: 优化 debug 日志输出问题

* ✨ feat: 支持 call 上报

* 💄 style: 使用更大的版本

* 🐛 fix: tools calling report

* 🐛 fix: try to fix call report

* 🐛 fix: try to use expires cookies

* 🐛 fix: fix cookies expires issue

* test: fix customPluginInfo report

* 🐛 fix: fix connection issue

* 🐛 fix: fix platform report

* 🐛 fix: fix version issue

---------

Co-authored-by: canisminor1990 <[email protected]>

Author: 2 people

apps/desktop/package.json

@@ -48,7 +48,7 @@
     "@typescript/native-preview": "latest",
     "consola": "^3.1.0",
     "cookie": "^1.0.2",
-    "electron": "^36.2.0",
+    "electron": "^37.2.0",
     "electron-builder": "^26.0.12",
     "electron-is": "^3.0.0",
     "electron-log": "^5.3.3",

apps/desktop/src/main/core/Browser.ts

@@ -152,7 +152,8 @@ export default class Browser {
 
   show() {
     logger.debug(`Showing window: ${this.identifier}`);
-    this.determineWindowPosition();
+    if (!this._browserWindow.isDestroyed()) this.determineWindowPosition();
+
     this.browserWindow.show();
   }
 

apps/desktop/src/main/utils/next-electron-rsc.ts

@@ -58,7 +58,7 @@ export const createRequest = async ({
 
       for (const cookie of cookies) {
         const { name, value } = cookie;
-        cookiesHeader.push(serializeCookie(name, value)); // ...(options as any)?
+        cookiesHeader.push(serializeCookie(name, value));
       }
 
       req.headers.cookie = cookiesHeader.join('; ');
@@ -305,20 +305,27 @@ export function createHandler({
         );
 
         for (const cookie of cookies) {
-          const expires = cookie.expires
-            ? cookie.expires.getTime()
-            : cookie.maxAge
-              ? Date.now() + cookie.maxAge * 1000
-              : undefined;
+          let expirationDate: number | undefined;
+
+          if (cookie.expires) {
+            // expires 是 Date 对象，转换为秒级时间戳
+            expirationDate = Math.floor(cookie.expires.getTime() / 1000);
+          } else if (cookie.maxAge) {
+            // maxAge 是秒数，计算过期时间戳
+            expirationDate = Math.floor(Date.now() / 1000) + cookie.maxAge;
+          }
+
+          // 如果都没有，则为 session cookie，不设置 expirationDate
 
-          if (expires && expires < Date.now()) {
+          // 检查是否已过期
+          if (expirationDate && expirationDate < Math.floor(Date.now() / 1000)) {
             await session.cookies.remove(request.url, cookie.name);
             continue;
           }
 
           await session.cookies.set({
             domain: cookie.domain,
-            expirationDate: expires,
+            expirationDate,
             httpOnly: cookie.httpOnly,
             name: cookie.name,
             path: cookie.path,

locales/ar/discover.json

@@ -13,6 +13,10 @@
       "title": "مساعدات الذكاء الاصطناعي"
     },
     "description": "إنشاء المحتوى، الكتابة، الأسئلة والأجوبة، توليد الصور، توليد الفيديو، توليد الصوت، الوكلاء الذكيون، سير العمل الآلي، تطبيقات الذكاء الاصطناعي المخصصة، تخصيص منصة تطبيقات الذكاء الاصطناعي الخاصة بك",
+    "mcp": {
+      "description": "ابحث وقارن واتصل بآلاف خوادم MCP، مما يساعد أنظمة الذكاء الاصطناعي على الوصول بسهولة إلى أنظمة الملفات وقواعد البيانات وواجهات برمجة التطبيقات وغيرها من الموارد الحيوية، لتوسيع قدرات الذكاء الاصطناعي الخاصة بك بشكل شامل",
+      "title": "سوق خوادم MCP"
+    },
     "models": {
       "description": "استكشاف نماذج الذكاء الاصطناعي الرائجة OpenAI / GPT / Claude 3 / Gemini / Ollama / Azure / DeepSeek",
       "title": "نماذج الذكاء الاصطناعي"

locales/ar/metadata.json

@@ -12,6 +12,15 @@
     "tool_call": "طلب استدعاء الأداة"
   },
   "detailModal": {
+    "customPlugin": {
+      "description": "يرجى الانتقال إلى صفحة التحرير لمشاهدة التفاصيل",
+      "editBtn": "حرر الآن",
+      "title": "هذه إضافة مخصصة"
+    },
+    "emptyState": {
+      "description": "يرجى تثبيت هذه الإضافة أولاً لعرض قدرات الإضافة وخيارات التكوين",
+      "title": "عرض تفاصيل الإضافة بعد التثبيت"
+    },
     "info": {
       "description": "وصف واجهة برمجة التطبيقات",
       "name": "اسم واجهة برمجة التطبيقات"
@@ -230,6 +239,50 @@
     },
     "title": "الملفات المحلية"
   },
+  "mcpInstall": {
+    "CHECKING_INSTALLATION": "جارٍ فحص بيئة التثبيت...",
+    "COMPLETED": "اكتمل التثبيت",
+    "CONFIGURATION_REQUIRED": "يرجى إكمال التكوينات المطلوبة للمتابعة في التثبيت",
+    "ERROR": "خطأ في التثبيت",
+    "FETCHING_MANIFEST": "جارٍ جلب ملف وصف الإضافة...",
+    "GETTING_SERVER_MANIFEST": "جارٍ تهيئة خادم MCP...",
+    "INSTALLING_PLUGIN": "جارٍ تثبيت الإضافة...",
+    "configurationDescription": "تتطلب هذه الإضافة من MCP إعداد معلمات لتعمل بشكل صحيح، يرجى ملء المعلومات الضرورية.",
+    "configurationRequired": "تكوين معلمات الإضافة",
+    "continueInstall": "متابعة التثبيت",
+    "dependenciesDescription": "تتطلب هذه الإضافة تثبيت الاعتمادات النظامية التالية لتعمل بشكل صحيح، يرجى تثبيت الاعتمادات المفقودة حسب التعليمات ثم النقر على إعادة الفحص للمتابعة.",
+    "dependenciesRequired": "يرجى تثبيت الاعتمادات النظامية للإضافة",
+    "dependencyStatus": {
+      "installed": "مثبّت",
+      "notInstalled": "غير مثبّت",
+      "requiredVersion": "الإصدار المطلوب: {{version}}"
+    },
+    "errorDetails": {
+      "args": "المعطيات",
+      "command": "الأمر",
+      "connectionParams": "معلمات الاتصال",
+      "env": "متغيرات البيئة",
+      "errorOutput": "سجل الأخطاء",
+      "exitCode": "رمز الخروج",
+      "hideDetails": "إخفاء التفاصيل",
+      "originalError": "الخطأ الأصلي",
+      "showDetails": "عرض التفاصيل"
+    },
+    "errorTypes": {
+      "CONNECTION_FAILED": "فشل الاتصال",
+      "INITIALIZATION_TIMEOUT": "انتهت مهلة التهيئة",
+      "PROCESS_SPAWN_ERROR": "فشل بدء العملية",
+      "UNKNOWN_ERROR": "خطأ غير معروف",
+      "VALIDATION_ERROR": "فشل التحقق من المعطيات"
+    },
+    "installError": "فشل تثبيت إضافة MCP، سبب الفشل: {{detail}}",
+    "installMethods": {
+      "manual": "التثبيت اليدوي:",
+      "recommended": "طريقة التثبيت الموصى بها:"
+    },
+    "recheckDependencies": "إعادة فحص",
+    "skipDependencies": "تخطي الفحص"
+  },
   "pluginList": "قائمة الإضافات",
   "search": {
     "apiName": {
@@ -266,16 +319,48 @@
   },
   "setting": "إعدادات الإضافة",
   "settings": {
+    "capabilities": {
+      "prompts": "نصوص التوجيه",
+      "resources": "الموارد",
+      "title": "قدرات الإضافة",
+      "tools": "الأدوات"
+    },
+    "configuration": {
+      "title": "تكوين الإضافة"
+    },
+    "connection": {
+      "args": "معطيات التشغيل",
+      "command": "أمر التشغيل",
+      "title": "معلومات الاتصال",
+      "type": "نوع الاتصال",
+      "url": "عنوان الخدمة"
+    },
+    "edit": "تحرير",
+    "envConfigDescription": "سيتم تمرير هذه الإعدادات كمتغيرات بيئية إلى العملية عند بدء تشغيل خادم MCP",
+    "httpTypeNotice": "لا توجد متغيرات بيئية تحتاج إلى التكوين لإضافات MCP من نوع HTTP",
     "indexUrl": {
       "title": "فهرس السوق",
       "tooltip": "غير مدعوم حاليا للتحرير عبر الإنترنت، يرجى ضبطه عند نشر المتغيرات البيئية"
     },
+    "messages": {
+      "connectionUpdateFailed": "فشل تحديث معلومات الاتصال",
+      "connectionUpdateSuccess": "تم تحديث معلومات الاتصال بنجاح",
+      "envUpdateFailed": "فشل حفظ متغيرات البيئة",
+      "envUpdateSuccess": "تم حفظ متغيرات البيئة بنجاح"
+    },
     "modalDesc": "بعد ضبط عنوان سوق الإضافات، يمكن استخدام سوق الإضافات المخصص",
+    "rules": {
+      "argsRequired": "يرجى إدخال معلمات التشغيل",
+      "commandRequired": "يرجى إدخال أمر التشغيل",
+      "urlRequired": "يرجى إدخال عنوان الخدمة"
+    },
+    "saveSettings": "حفظ الإعدادات",
     "title": "ضبط سوق الإضافات"
   },
   "showInPortal": "يرجى الاطلاع على التفاصيل في مساحة العمل",
   "store": {
     "actions": {
+      "cancel": "إلغاء التثبيت",
       "confirmUninstall": "سيتم إلغاء تثبيت الإضافة، وسيتم مسح تكوين الإضافة، يرجى تأكيد العملية",
       "detail": "التفاصيل",
       "install": "تثبيت",
@@ -286,13 +371,15 @@
     "communityPlugin": "مجتمع ثالث",
     "customPlugin": "مخصص",
     "empty": "لا توجد إضافات مثبتة حاليا",
+    "emptySelectHint": "اختر إضافة لمعاينة التفاصيل",
     "installAllPlugins": "تثبيت الكل",
     "networkError": "فشل الحصول على متجر الإضافات، يرجى التحقق من الاتصال بالشبكة وإعادة المحاولة",
     "placeholder": "ابحث عن اسم الإضافة أو الكلمات الرئيسية...",
     "releasedAt": "صدر في {{createdAt}}",
     "tabs": {
-      "all": "الكل",
-      "installed": "مثبتة"
+      "installed": "مثبتة",
+      "mcp": "إضافة MCP",
+      "old": "إضافة LobeChat"
     },
     "title": "متجر الإضافات"
   },

locales/ar/plugin.json

@@ -129,6 +129,7 @@
     "waitingForMore": "يتم <1>التخطيط لتوفير</1> المزيد من النماذج، ترقبوا المزيد"
   },
   "plugin": {
+    "addMCPPlugin": "إضافة مكون MCP",
     "addTooltip": "إضافة البرنامج المساعد",
     "clearDeprecated": "مسح البرامج المساعدة الغير صالحة",
     "empty": "لا توجد برامج مساعدة مثبتة حاليًا، نرحب بك لزيارة <1>متجر البرامج المساعدة</1> للاستكشاف",