From 043ca8ce1d76a26e03731861b55fcf7429e3c5ca Mon Sep 17 00:00:00 2001 From: Kirigaya <1193466151@qq.com> Date: Thu, 22 May 2025 16:04:00 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=8B=96=E6=8B=BD=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E8=BF=9E=E6=8E=A5=E7=9A=84=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CHANGELOG.md | 6 +- .../src/views/connect/connection-panel.vue | 117 ++++++++++++++---- renderer/src/views/connect/index.vue | 32 ++++- src/global.ts | 8 +- 4 files changed, 133 insertions(+), 30 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 768bd7e..6312fea 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,10 +3,12 @@ ## [main] 0.1.0 - 新特性：支持同时连入多个 mcp server - 新特性：更新协议内容，支持 streamable http 协议，未来将逐步取代 SSE 的连接方式 -- 对于 uv 创建的 py 项目进行特殊支持：自动初始化项目，并将 mcp 定向到 .venv/bin/mcp 中，不再需要用户全局安装 mcp +- impl issue#16：对于 uv 创建的 py 项目进行特殊支持，自动初始化项目，并将 mcp 定向到 .venv/bin/mcp 中，不再需要用户全局安装 mcp - 对于 npm 创建的 js/ts 项目进行特殊支持：自动初始化项目 - 去除了 websearch 的设置，增加了 parallel_tool_calls 的设置，parallel_tool_calls 默认为 true，代表 允许模型在单轮回复中调用多个工具 -- 重构了 openmcp 连接模块的基础设施，基于新的技术设施实现了更加详细的连接模块的日志系统 +- 重构了 openmcp 连接模块的基础设施，基于新的技术设施实现了更加详细的连接模块的日志系统. +- impl issue#15：无法复制 +- impl issue#14：增加日志清除按钮 ## [main] 0.0.9 - 修复 0.0.8 引入的bug：system prompt 返回的是索引而非真实内容 diff --git a/renderer/src/views/connect/connection-panel.vue b/renderer/src/views/connect/connection-panel.vue index 3b527bb..d24c521 100644 --- a/renderer/src/views/connect/connection-panel.vue +++ b/renderer/src/views/connect/connection-panel.vue @@ -1,28 +1,28 @@ @@ -59,7 +59,7 @@ async function connect() { const platform = getPlatform(); const ok = await client.value.connect(); - + if (ok) { mcpClientAdapter.saveLaunchSignature(); } @@ -67,6 +67,60 @@ async function connect() { isLoading.value = false; } +const isDraging = ref(false); +let dragHandler: number; + +function handleDragOver(event: DragEvent) { + event.preventDefault(); + clearTimeout(dragHandler); + isDraging.value = true; + + dragHandler = setTimeout(() => { + isDraging.value = false; + }, 100); +} + + +function getLaunchCommand(fileName: string) { + const ext = fileName.split('.').pop()?.toLowerCase(); + switch (ext) { + case 'py': + return `mcp run ${fileName}`; + + case 'js': + return `node ${fileName}`; + + default: + return fileName; + } +} + +function handleDrop(event: DragEvent) { + event.preventDefault(); + + const dragedFilePath = event.dataTransfer?.getData('text/plain') || ''; + if (dragedFilePath) { + const path = dragedFilePath.replace(/\\/g, '/'); + const coms = path.split('/'); + const fileName = coms[coms.length - 1]; + const cwd = coms.slice(0, coms.length - 1).join('/'); + + const command = getLaunchCommand(fileName); + client.value.connectionArgs.connectionType = 'STDIO'; + client.value.connectionArgs.commandString = command; + client.value.connectionArgs.cwd = cwd; + } + + isDraging.value = false; + + // const files = event.dataTransfer?.files; + // if (files && files.length > 0) { + // for (let i = 0; i < files.length; i++) { + // console.log('拖拽的文件:', files[i]); + // } + // } +} + \ No newline at end of file diff --git a/renderer/src/views/connect/index.vue b/renderer/src/views/connect/index.vue index 392e4cb..722c66d 100644 --- a/renderer/src/views/connect/index.vue +++ b/renderer/src/views/connect/index.vue @@ -38,8 +38,12 @@ -
- +
+ +
+
+ + 暂无连接选项，点击上方的加号创建
@@ -59,8 +63,11 @@ function selectServer(index: number) { function addServer() { - mcpClientAdapter.clients.push(new McpClient()); + const client = new McpClient(); + mcpClientAdapter.clients.push(client); mcpClientAdapter.currentClientIndex = mcpClientAdapter.clients.length - 1; + + client.handleEnvSwitch(true); } @@ -172,4 +179,23 @@ function deleteServer(index: number) { .delete-btn:hover { opacity: 0.8; } + +.empty-state { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 100%; + color: var(--text-secondary); +} + +.empty-state .iconfont { + font-size: 128px; + margin-bottom: 16px; +} + +.empty-text { + font-size: 18px; + color: var(--text-secondary); +} \ No newline at end of file diff --git a/src/global.ts b/src/global.ts index f8a89f2..7dffb7c 100644 --- a/src/global.ts +++ b/src/global.ts @@ -283,9 +283,9 @@ export function getWorkspaceConnectionConfigItemByPath(absPath: string) { const normaliseAbsPath = absPath.replace(/\\/g, '/'); for (let item of workspaceConnectionConfig.items) { - item = Array.isArray(item)? item[0] : item; + const nItem = Array.isArray(item)? item[0] : item; - const filePath = normaliseConnectionFilePath(item, workspacePath); + const filePath = normaliseConnectionFilePath(nItem, workspacePath); if (filePath === normaliseAbsPath) { return item; } @@ -303,9 +303,9 @@ export function getInstalledConnectionConfigItemByPath(absPath: string) { const normaliseAbsPath = absPath.replace(/\\/g, '/'); for (let item of installedConnectionConfig.items) { - item = Array.isArray(item)? item[0] : item; + const nItem = Array.isArray(item)? item[0] : item; - const filePath = (item.filePath || '').replace(/\\/g, '/'); + const filePath = (nItem.filePath || '').replace(/\\/g, '/'); if (filePath === normaliseAbsPath) { return item; }