完成插件端

package-lock.json

@@ -12,7 +12,8 @@
                 "axios": "^1.7.7",
                 "bson": "^6.8.0",
                 "openai": "^4.93.0",
-                "pako": "^2.1.0"
+                "pako": "^2.1.0",
+                "ws": "^8.18.1"
             },
             "devDependencies": {
                 "@types/node": "16.x",
@@ -21,7 +22,7 @@
                 "@types/vscode": "^1.72.0"
             },
             "engines": {
-                "vscode": "^1.98.0"
+                "vscode": "^1.95.0"
             }
         },
         "node_modules/@modelcontextprotocol/sdk": {
@@ -1398,6 +1399,26 @@
             "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
             "license": "ISC"
         },
+        "node_modules/ws": {
+            "version": "8.18.1",
+            "resolved": "https://registry.npmmirror.com/ws/-/ws-8.18.1.tgz",
+            "integrity": "sha512-RKW2aJZMXeMxVpnZ6bck+RswznaxmzdULiBr6KY7XkTnW8uvt0iT9H5DkHUChXrc+uurzwa0rVI16n/Xzjdz1w==",
+            "engines": {
+                "node": ">=10.0.0"
+            },
+            "peerDependencies": {
+                "bufferutil": "^4.0.1",
+                "utf-8-validate": ">=5.0.2"
+            },
+            "peerDependenciesMeta": {
+                "bufferutil": {
+                    "optional": true
+                },
+                "utf-8-validate": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/zod": {
             "version": "3.24.2",
             "resolved": "https://registry.npmjs.org/zod/-/zod-3.24.2.tgz",

package.json

@@ -4,7 +4,7 @@
     "description": "A MCP Client for MCP/OpenMCP",
     "version": "0.0.1",
     "engines": {
-        "vscode": "^1.98.0"
+        "vscode": "^1.95.0"
     },
     "categories": [
         "Other"
@@ -12,6 +12,13 @@
     "activationEvents": [],
     "main": "./dist/extension.js",
     "contributes": {
+        "commands": [
+            {
+                "command": "openmcp.showOpenMCP",
+                "title": "展示 OpenMCP",
+                "category": "openmcp"
+            }
+        ],
         "viewsContainers": {
             "activitybar": [
                 {
@@ -45,7 +52,8 @@
         "axios": "^1.7.7",
         "bson": "^6.8.0",
         "openai": "^4.93.0",
-        "pako": "^2.1.0"
+        "pako": "^2.1.0",
+        "ws": "^8.18.1"
     },
     "devDependencies": {
         "@types/node": "16.x",

renderer/src/router/index.ts

@@ -9,25 +9,25 @@ const routes: Array<RouteRecordRaw> = [
 	{
 		path: "/debug",
 		name: "debug",
-		component: () => import("@/views/debug/index.vue"),
+		component: () => import( /* webpackMode: "eager" */ "@/views/debug/index.vue"),
 		meta: { title: "Debug" }
 	},
 	{
 		path: "/connect",
 		name: "connect",
-		component: () => import("@/views/connect/index.vue"),
+		component: () => import( /* webpackMode: "eager" */ "@/views/connect/index.vue"),
 		meta: { title: "Connect" }
 	},
 	{
 		path: "/setting",
 		name: "setting",
-		component: () => import("@/views/setting/index.vue"),
+		component: () => import( /* webpackMode: "eager" */ "@/views/setting/index.vue"),
 		meta: { title: "Setting" }
 	},
 	{
 		path: "/about",
 		name: "about",
-		component: () => import("@/views/about/index.vue"),
+		component: () => import( /* webpackMode: "eager" */ "@/views/about/index.vue"),
 		meta: { title: "Tools" }
 	}
 ];

renderer/vue.config.js

@@ -1,4 +1,21 @@
 const { defineConfig } = require("@vue/cli-service");
 module.exports = defineConfig({
     transpileDependencies: true,
+    publicPath: process.env.NODE_ENV === 'production' ? '' : '/',
+    configureWebpack: {
+        optimization: {
+            splitChunks: false
+        }
+    },
+    chainWebpack: config => {
+        // 删除所有预设的代码分割规则
+        config.optimization.delete('splitChunks');
+
+        // 确保路由组件同步加载
+        config.plugins.delete('prefetch');
+        config.plugins.delete('preload');
+    },
+    css: {
+        extract: false
+    }
 });

src/extension.ts

@@ -2,14 +2,15 @@ import * as vscode from 'vscode';
 import * as fs from 'fs';
 import * as fspath from 'path';
 
-import * as OpenMCPService from '@resources/service';
+import * as OpenMCPService from '../resources/service';
 
-function getWebviewContent(context: vscode.ExtensionContext, panel?: vscode.WebviewPanel): string | undefined {
+function getWebviewContent(context: vscode.ExtensionContext, panel: vscode.WebviewPanel): string | undefined {
     const viewRoot = fspath.join(context.extensionPath, 'resources', 'renderer');
     const htmlIndexPath = fspath.join(viewRoot, 'index.html');
     const html = fs.readFileSync(htmlIndexPath, { encoding: 'utf-8' })?.replace(/(<link.+?href="|<script.+?src="|<img.+?src=")(.+?)"/g, (m, $1, $2) => {
         const absLocalPath = fspath.resolve(viewRoot, $2);        
-        const webviewUri = panel?.webview.asWebviewUri(vscode.Uri.file(absLocalPath));
+        const webviewUri = panel.webview.asWebviewUri(vscode.Uri.file(absLocalPath));
+
         const replaceHref = $1 + webviewUri?.toString() + '"';
         return replaceHref;
     });
@@ -22,58 +23,39 @@ export function activate(context: vscode.ExtensionContext) {
     // 注册 showOpenMCP 命令
     context.subscriptions.push(
         vscode.commands.registerCommand('openmcp.showOpenMCP', async () => {
+
             const panel = vscode.window.createWebviewPanel(
-                'openmcpView',
+                'OpenMCP',
                 'OpenMCP',
                 vscode.ViewColumn.One,
                 {
                     enableScripts: true,
-                    retainContextWhenHidden: true
+                    retainContextWhenHidden: true,
+                    enableFindWidget: true
                 }
             );
 
-            initaliseWebview(context, panel.webview);
+            // 设置HTML内容
+            const html = getWebviewContent(context, panel); 
+            panel.webview.html = html || '';            
+
+            // 处理来自webview的消息
+            panel.webview.onDidReceiveMessage(message => {
+                const { command, data } = message;
+                console.log('receive message', message);
+                
+                OpenMCPService.messageController(command, data, panel.webview as any);
+            });
         })
     );
 
-    const provider = new WebviewViewProvider(context);
+    // const provider = new WebviewViewProvider(context);
 
-    context.subscriptions.push(
+    // context.subscriptions.push(
-        vscode.window.registerWebviewViewProvider('webview-sidebar.view', provider)
+    //     vscode.window.registerWebviewViewProvider('webview-sidebar.view', provider)
-    );
+    // );
 }
 
-function initaliseWebview(context: vscode.ExtensionContext, webview: vscode.Webview) {
-    webview.options = {
-        enableScripts: true,
-    };
-
-    // 设置HTML内容
-    const html = getWebviewContent(context);
-    webview.html = html || '';
-
-    // 处理来自webview的消息
-    webview.onDidReceiveMessage(message => {
-        const { command, data } = message;
-        
-        OpenMCPService.messageController(command, data, webview as any);
-    });
-}
-
-class WebviewViewProvider implements vscode.WebviewViewProvider {
-    private _view?: vscode.WebviewView;
-
-    constructor(private readonly context: vscode.ExtensionContext) {}
-
-    public resolveWebviewView(
-        webviewView: vscode.WebviewView,
-        _context: vscode.WebviewViewResolveContext,
-        _token: vscode.CancellationToken,
-    ) {
-        this._view = webviewView;
-        initaliseWebview(this.context, webviewView.webview);
-    }
-}
 
 export function deactivate() {