From 3b1afa70bd034817ccae99e2cb9285b341abf44b Mon Sep 17 00:00:00 2001
From: Kirigaya <1193466151@qq.com>
Date: Tue, 22 Apr 2025 17:10:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=20about=20=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build_service.sh                   |  1 +
 configure.sh                       |  1 +
 renderer/src/views/about/index.vue | 52 ++++++++++++++++++++++++------
 src/extension.ts                   | 36 +++++++++------------
 src/global.ts                      |  4 +++
 src/webview.ts                     | 23 +++++++++++++
 6 files changed, 87 insertions(+), 30 deletions(-)
 create mode 100644 src/global.ts
 create mode 100644 src/webview.ts

diff --git a/build_service.sh b/build_service.sh
index 7cda5bb..e0801d4 100755
--- a/build_service.sh
+++ b/build_service.sh
@@ -6,5 +6,6 @@ mkdir -p ./resources
 
 (cd ./renderer && npm run build && mv ./dist ../resources/renderer) &
 (cd ./service && npm run build && mv ./dist ../resources/service) &
+
 wait
 echo "finish building services in ./resources"
diff --git a/configure.sh b/configure.sh
index cea9e61..52f25ab 100644
--- a/configure.sh
+++ b/configure.sh
@@ -1,3 +1,4 @@
 cd renderer && npm i && cd ..
 cd service && npm i && node patch-mcp-sdk.js && cd ..
+cd servers && uv sync
 npm i
\ No newline at end of file
diff --git a/renderer/src/views/about/index.vue b/renderer/src/views/about/index.vue
index bf57222..41696ef 100644
--- a/renderer/src/views/about/index.vue
+++ b/renderer/src/views/about/index.vue
@@ -1,7 +1,9 @@
 <template>
 	<div class="about-container">
 
-        <span class="openmcp-logo" style="height: 230px; width: 230px;">
+        <span class="about-icon-container">
+			<span class="iconfont icon-openmcp"></span>
+			<span>openmcp</span>
         </span>
 
 		<p>
@@ -19,14 +21,25 @@
 		<p>
 			如果感兴趣，欢迎加入我们的QQ群和我们讨论
 		</p>
-		<el-button
-			class="join-qq"
-			type="primary"
-			@click="joinQQGroup('https://qm.qq.com/cgi-bin/qm/qr?k=C6ZUTZvfqWoI12lWe7L93cWa1hUsuVT0&jump_from=webapi&authKey=McW6B1ogTPjPDrCyGttS890tMZGQ1KB3QLuG4aqVNRaYp4vlTSgf2c6dMcNjMuBD')"
-		>
-			<span class="iconfont icon-QQ"></span>
-			加入 OpenMCP 技术群
-		</el-button>
+
+		<div style="display: inline-flex;">
+			<el-button
+				class="join-qq"
+				type="primary"
+				@click="joinQQGroup('https://qm.qq.com/cgi-bin/qm/qr?k=C6ZUTZvfqWoI12lWe7L93cWa1hUsuVT0&jump_from=webapi&authKey=McW6B1ogTPjPDrCyGttS890tMZGQ1KB3QLuG4aqVNRaYp4vlTSgf2c6dMcNjMuBD')"
+			>
+				<span class="iconfont icon-QQ"></span>
+				加入 OpenMCP 技术群
+			</el-button>
+			<el-button type="primary"
+				class="join-qq"
+				@click="gotoWebsite('https://zhuanlan.zhihu.com/p/1894785817186121106')"
+			>
+				<span class="iconfont icon-send"></span>
+				OpenMCP 发布页
+			</el-button>
+		</div>
+
 	</div>
 </template>
 
@@ -39,6 +52,10 @@ function joinQQGroup(url: string) {
 	window.open(url, '_blank');
 }
 
+function gotoWebsite(url: string) {
+	window.open(url, '_blank');
+}
+
 </script>
 
 <style>
@@ -51,6 +68,23 @@ function joinQQGroup(url: string) {
     justify-content: center;
 }
 
+.about-icon-container {
+	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
+	border-radius: .8em;
+	padding: 20px 50px;
+	color: var(--main-color);
+	background-color: var(--background);
+	display: flex;
+	font-size: 30px;
+	flex-direction: column;
+	margin-bottom: 20px;
+}
+
+
+.about-icon-container .iconfont {
+	font-size: 180px;
+}
+
 .about-container > span > img {
 	height: 150px;
 	width: 150px;
diff --git a/src/extension.ts b/src/extension.ts
index 59ee91e..9bb4abf 100644
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -3,26 +3,8 @@ import * as fs from 'fs';
 import * as fspath from 'path';
 
 import * as OpenMCPService from '../resources/service';
-
-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 replaceHref = $1 + webviewUri?.toString() + '"';
-        return replaceHref;
-    });
-    return html;
-}
-
-function getLaunchCWD(context: vscode.ExtensionContext, uri: vscode.Uri) {
-    // TODO: 启动上下文？
-    // 获取当前打开的项目的路径
-    const workspaceFolder = vscode.workspace.getWorkspaceFolder(uri);
-    return workspaceFolder?.uri.fsPath || '';
-}
+import { getLaunchCWD, getWebviewContent } from './webview';
+import { panels } from './global';
 
 export function activate(context: vscode.ExtensionContext) {
     console.log('activate openmcp');
@@ -37,6 +19,12 @@ export function activate(context: vscode.ExtensionContext) {
     context.subscriptions.push(
         vscode.commands.registerCommand('openmcp.showOpenMCP', async (uri: vscode.Uri) => {
 
+            if (panels.has(uri.fsPath)) {
+                const panel = panels.get(uri.fsPath);
+                panel?.reveal();
+                return;
+            }
+
             const panel = vscode.window.createWebviewPanel(
                 'OpenMCP',
                 'OpenMCP',
@@ -48,6 +36,8 @@ export function activate(context: vscode.ExtensionContext) {
                 }
             );
 
+            panels.set(uri.fsPath, panel);
+
             const cwd = getLaunchCWD(context, uri);
             // 获取 uri 相对于 cwd 的路径
             const relativePath = fspath.relative(cwd, uri.fsPath);
@@ -93,7 +83,11 @@ export function activate(context: vscode.ExtensionContext) {
 
             });
 
-            panel.onDidDispose(() => {
+            panel.onDidDispose(async () => {
+                // 删除
+                panels.delete(uri.fsPath);
+
+                // 退出
                 panel.dispose();
             });
         })
diff --git a/src/global.ts b/src/global.ts
new file mode 100644
index 0000000..3d4693d
--- /dev/null
+++ b/src/global.ts
@@ -0,0 +1,4 @@
+import * as vscode from 'vscode';
+
+export type FsPath = string;
+export const panels = new Map<FsPath, vscode.WebviewPanel>();
\ No newline at end of file
diff --git a/src/webview.ts b/src/webview.ts
new file mode 100644
index 0000000..416f008
--- /dev/null
+++ b/src/webview.ts
@@ -0,0 +1,23 @@
+import * as vscode from 'vscode';
+import * as fs from 'fs';
+import * as fspath from 'path';
+
+export 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 replaceHref = $1 + webviewUri?.toString() + '"';
+        return replaceHref;
+    });
+    return html;
+}
+
+export function getLaunchCWD(context: vscode.ExtensionContext, uri: vscode.Uri) {
+    // TODO: 启动上下文？
+    // 获取当前打开的项目的路径
+    const workspaceFolder = vscode.workspace.getWorkspaceFolder(uri);
+    return workspaceFolder?.uri.fsPath || '';
+}