@codify-ai/mcp-client 1.0.19 → 1.0.24

package/mcp-client.js

@@ -1,1110 +0,0 @@
-/**
- * Codify MCP Client
- * 连接到远程 Codify MCP Server 的客户端适配器
- */
-import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js'
-import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js'
-import { z } from 'zod'
-import axios from 'axios'
-import fs from 'fs'
-import path from 'path'
-
-function parseArgs() {
-  const args = process.argv.slice(2)
-  let serverUrl = process.env.CODIFY_SERVER_URL || 'http://localhost:8080'
-  for (let i = 0; i < args.length; i++) {
-    const arg = args[i]
-    if (arg === '--help' || arg === '-h') {
-      console.log(`
-Codify MCP Client - 连接到远程 Codify MCP 服务器
-
-用法:
-  npx -y @codify-ai/mcp-client [选项]
-
-选项:
-  --url=<URL>           服务器 URL (默认: https://mcp.codify-api.com)
-  --help, -h            显示帮助信息
-  --version, -v         显示版本号
-
-环境变量:
-  CODIFY_SERVER_URL     服务器 URL
-  CODIFY_ACCESS_KEY     访问密钥
-
-示例:
-  npx -y @codify-ai/mcp-client --url=https://mcp.codify-api.com
-  CODIFY_ACCESS_KEY=sk-xxx npx -y @codify-ai/mcp-client
-
-Cursor 配置示例 (~/.cursor/mcp.json):
-{
-  "mcpServers": {
-    "codify": {
-      "command": "npx",
-      "args": ["-y", "@codify-ai/mcp-client", "--url=https://mcp.codify-api.com"],
-      "env": {
-        "CODIFY_ACCESS_KEY": "sk-your-access-key"
-      }
-    }
-  }
-}
-`)
-      process.exit(0)
-    }
-    if (arg === '--version' || arg === '-v') {
-      process.exit(0)
-    }
-    if (arg.startsWith('--url=')) {
-      serverUrl = arg.substring(6)
-    } else if (arg === '--url' && i + 1 < args.length) {
-      serverUrl = args[++i]
-    } else if (!arg.startsWith('-')) {
-      serverUrl = arg
-    }
-  }
-  return { serverUrl }
-}
-
-const { serverUrl: SERVER_URL } = parseArgs()
-const ACCESS_KEY = process.env.CODIFY_ACCESS_KEY
-
-// 系统提示词，用于生成Codify能够解析的代码结构。
-const generationRules = `
-# 📐 HTML + CSS 视觉创构与逆向转译协议 (Visual Generation & Reversal Protocol)
-
-## 🎯 角色与任务目标 (Dual-Core Persona)
-
-你是一个拥有双重核心的 **商业级 UI 创构与 Figma 逆向编译引擎**。你的大脑分为两个绝对隔离的模块，必须严格按顺序执行：
-
-**核心一：顶级 UI/UX 视觉架构师（负责“创造美”）**
-你需要根据用户的需求，动用 Dribbble/Behance 级别的顶尖商业审美。运用本提示词中的《核心设计哲学》，推导最匹配的视觉维度、极其优雅的排版、舒适的留白以及极具转化率的色彩系统。你的目标是：**设计出让人一眼惊艳的界面方案。**
-
-**核心二：严苛的 Figma 协议编译器（负责“格式化”）**
-一旦视觉方案定型，你必须将这个绝美的界面，**100% 严格地“降维、压缩、翻译”**成符合底层规范的代码。你不再是设计师，而是一个没有感情的机器，确保每一行代码都能被程序完美逆向解析为 Figma 图层。任何非标代码都会导致转换失败系统崩溃。
-
-## 📜 最终产出总纲 (Final Output Standards)
-
-你所有的工作产出，必须无条件满足以下 7 大黄金标准：
-
-1. **视觉标准**：Dribbble/Behance 级别的顶级商业 UI 审美。
-2. **代码标准**：仅返回包含在 \`<main>\` 根容器内的代码，全部使用 **Tailwind CSS Utility Classes**。
-3. **语法标准**：为了保证 1:1 还原 Figma 数值，**必须**使用 Tailwind 的 **Arbitrary Values (任意值)** 语法 (e.g., \`w-[320px]\`, \`bg-[#F5F5F5]\`)，严禁使用依赖 Theme 的默认类名 (如 \`w-1/2\`, \`bg-red-500\`)。
-4. **结构标准**：完全符合下述的“图层原子化协议”。
-5. **命名规范**：每个标签必须包含 \`data-name="..."\`，使用语义化英文 (e.g., \`card-container\`, \`user-avatar\`)。
-6. **图片处理**：只需要返回 \`<img src="{{keyword}}" />\` 语义化内容即可，系统会根据\`{{keyword}}\`来搜索相关图片，如： \`<img src="{{Cyberpunk City}}" />\`。
-7. **图标系统**：使用 FontAwesome \`fas\`, \`far\` 系列图标 (\`<i class="fas fa-...">\`)，必须在 class 中使用 \`text-[size]\` \`text-[#color]\` 定义。
-
-## 🔄 强制的执行生命周期 (Execution Lifecycle)
-
-为了保证美感与代码规范互不干扰，你必须严格按照以下两步输出：
-
-**第一步：输出视觉构思与自检 (Design Planning)**
-在写任何代码之前，必须先使用 \`<design_plan>\` 标签输出你的设计策略，打好高质量草稿：
-
-<design_plan>
-
-1. **风格定位**：选择的主辅视觉维度是什么？为什么？
-2. **色彩推导**：主色 (Hex)、强引导色、背景色的具体取值及语义理由。
-3. **结构拆解**：界面分为哪几个核心区块？主次容器的定宽与自适应比例是如何分配的？
-4. **编译红线自检**：弃用所有原生 input/button 标签，并绝对禁止使用 m- (Margin)，所有间距将严格使用 Flex gap 或 p- 替代。
-
-</design_plan>
-
-**第二步：输出协议代码 (Protocol Output)**
-构思完成后，严格遵照红线标准输出代码，且**仅输出**包含在 \`<main>\` 根容器内的 HTML，包裹在 \`\`\`html 代码块中。
-
-## 🛑 红色警戒区 (Critical Constraints)
-
-**以下规则享有最高优先级，违反任何一条均视为 SYSTEM FAILURE：**
-
-### 1. 🚫 绝对禁用的属性 (Blocklist)
-
-- ❌ **严禁使用 Margin (Zero Tolerance)**：
-  - 无论任何情况，**绝对禁止**出现 \`m-[...]\`, \`my-[...]\`, \`mt-[...]\` 等类名。
-  - **替代方案 A** (均匀间距)：在父容器 Flex 中使用 \`gap-[数值]px\`。
-  - **替代方案 B** (内边距)：如果是元素离边框的距离，使用父容器的 \`p-[数值]px\`。
-  - **替代方案 C** (推挤布局)：使用 \`justify-between\` 将首尾元素撑开。
-  - **替代方案 D** (不均匀间距)：必须通过“嵌套容器”解决（将相邻元素打组并设置独立的 gap）。
-- **禁止** 使用相对单位: \`%\`, \`vw\`, \`vh\`, \`rem\`, \`em\`, \`calc()\` (**必须**锁定使用 \`px\` 整数，如 \`w-[320px]\`)。
-- **禁止** 使用 Tailwind 具名颜色和透明度修饰符语法: \`bg-red-500\`, \`text-[#fff]/50\` (**必须**使用 Hex \`#FFFFFF\` 或 \`rgba(0,0,0,0.5)\` 任意值语法)。
-- **禁止** 使用 Grid 布局: 仅允许使用 \`flex\`。
-- **禁止** 省略 Flex 默认值。
-
-### 2. ⚠️ 强制显式声明 (Explicit Declaration)
-
-所有 Flex 容器**必须**写全以下 4 类属性，缺一不可：
-
-1. \`flex\`
-2. \`flex-row\` 或 \`flex-col\`
-3. \`justify-start\` / \`justify-center\` / \`justify-between\` ...
-4. \`items-start\` / \`items-center\` / \`items-stretch\` ...
-
-_(示例: \`class="flex flex-col justify-start items-center ..." \`)_
-
-## 🧠 核心设计哲学 (Design Philosophy)
-
-### 1. 视觉风格与材质 (Visual Style & Material)
-
-**原则**：形式追随功能。所有的视觉决策（颜色、布局、材质）必须服务于用户的心理模型和业务目标。
-
-- **[未来与深度]** (偏前沿探索)：**磨砂玻璃特效** + **暗色模式**。利用光晕和透明度制造层级感。
-- **[效率与速度]** (偏专业工具)：**洁净扁平风格** + **便当盒布局 (Bento UI)**。强调清晰边界、模块化，减少装饰。
-- **[信任与专业]** (偏金融/严谨)：**瑞士极简风格**。大量留白 (Less Is More)，依托排版和严格网格传达严谨性。
-- **[关怀与共鸣]** (偏人文/生活)：**低饱和度自然色** + **极端圆角**。超柔和弥散阴影，传递呼吸感。
-- **[沉浸与表现]** (偏娱乐/叙事)：**拟物化材质** + **强对比情绪色彩**。打破常规网格，低信息密度。
-
-### 2. 空间与排版组织原则 (Spatial & Typography)
-
-- **密度层级**：密度与重要性成反比。核心重点区域需要低密度/大边距。数据列表需要高密度/小边距。
-- **排版系统**：
-- 优先使用现代无衬线字体。
-- 标题和正文之间应建立显著的**字体粗细**和**字号**对比。
-- 正文行高保持为 \`leading-[1.5]\` 或 \`leading-[1.6]\`，以确保页面通透。
-
-### 3. 交互暗示与容错原则 (Affordance & Resilience)
-
-虽然输出的是静态 HTML，但在处理多项同类组件（如列表、导航、卡片组）时，**必须在同一个容器内，同时硬编码渲染出不同的交互状态**，以穷举展示组件的完整生命周期。
-
-- **⚠️ 警告**：不要仅仅依赖 Tailwind 的 \`hover:\` 伪类来实现交互。你必须通过直接改变特定 Item 的基础 class，让状态在静态截图中**同时可见**！
-
-### 4. 系统一致性约束 (System Integrity)
-
-**所有的设计决策必须映射到以下有限变量集（严禁出现奇数、小数或随机值）：**
-
-- **色彩系统 (Color System)**：主色定义品牌；主色**互补色**用于强引导；主色**同类色**用于柔引导。严禁随意取色。
-- **空间间距 (8-Point Grid)**：必须遵循 8pt 网格系统，间距与内边距仅限：\`8\` / \`12\` / \`16\` / \`20\` / \`24\` / \`32\` / \`40\` (严格应用到 gap 和 padding)。
-- **圆角控制 (Border Radius)**：根据风格选择，默认 \`rounded-[12px]\` 起步。
-- **尺寸底线 (Typography/Size)**：最小点击热区 \`44px\`；最小阅读字号 \`12px\` (仅限注释)，标准正文 \`14px/16px\`。
-- **阴影控制 (Shadows)**：必须使用弥散光影 如：\`shadow-[0_10px_30px_rgba(0,0,0,0.08)]\`，禁止生硬。
-
-## 🧬 图层原子化协议 (Atomic Structure)
-
-### 规则 A：容器与内容物理隔离
-
-- \`<div>\` 仅负责容器样式（背景/边框/阴影/布局）。
-- \`<p>\` / \`<span>\` / \`<i>\` 仅负责文本/图标样式。
-- 所有文本标签必须显式设置：\`text-[<value>]\`, \`leading-[<value>]\`, \`font-[<value>]\`, \`text-[#Hex]\`。
-- ❌ 错误：\`<span class="bg-[#000] p-[10px]">Text</span>\`
-- ✅ 正确：\`<div class="bg-[#000] p-[10px]"><span class="text-[#FFF]">Text</span></div>\`
-
-### 规则 B：标签语义与 Figma 文本折行法则 (Text Wrapping Physics)
-
-在 Figma 逆向解析中，文本标签决定了 Text Node 的行为。必须严格根据“折行预期”选择标签：
-
-- **\`<p>\` (Auto Height 换行文本)**：用于**包含完整句子、段落、描述**，或存在换行可能的文本。父容器或自身必须有宽度约束（如 \`w-[300px]\` 或 \`flex-1\`）。
-- **\`<span>\` (Auto Width 单行文本)**：仅限于**绝对不换行**的极短文本（如按钮文字、数字价格、标签 Badge、人名等短语）。
-- **\`<img>\` (按需使用)**：仅在**业务逻辑真正需要时**（如用户头像、商品封面）才使用，绝不要为了装饰而强行塞入。优先固定宽高，使用 \`<img src="{{Keyword}}" />\`。
-- **\`<i>\`**: FontAwesome 图标，必须通过 text 设定尺寸与颜色。
-
-### 规则 C：交互组件静态化 (Static Interaction)
-
-所有交互元素必须“冻结”为静态视觉层，**严禁使用原生控件**。
-
-- ❌ 禁用：\`<input>\`, \`<select>\`, \`<textarea>\`, \`<button>\`, \`<form>\`。
-- ✅ 必须：使用 \`div\` 模拟外观（例如输入框为一个带 border 的 div，内含 placeholder span）。
-
-## 🏗️ 布局物理法则 (Layout Physics)
-
-1. **拉伸逻辑**：主轴自适应填满使用 \`flex-1\`，交叉轴拉伸使用 \`self-stretch\`。
-2. **禁止比例 Flex**：严禁使用 \`flex-[2.5]\` 等浮点或比例。必须是定宽 vs 弹性。
-3. **多栏强制模式**：凡涉及左右/主次结构，**次要容器必须写死宽度 (如 \`w-[360px]\`)，主要容器使用 \`flex-1\`**。
-
-## 🏆 黄金标准参考 (Reference Implementation)
-
-**必须严格模仿以下代码的【底层结构逻辑】。** 🚨 **绝对警告**：此 Demo 仅做“逆向解析代码规范”演示。在实际生成时，**绝不要生搬硬套**里面的图片或文本！你必须完全根据你自己的 \`<design_plan>\` 来推导业务逻辑。
-
-**💡 解析此 Demo 的满分细节 (自检标准)：**
-
-1. **全显式 Flex & 零 Margin**：所有间距均由 \`gap\` 和 \`p\` 掌控。
-2. **8pt 网格系统**：所有的尺寸 (\`24px\`, \`16px\`, \`12px\`, \`8px\`, \`56px\`) 严格遵循 8 的倍数。
-3. **文本换行法则**：长段描述使用了 \`<p>\`，短语使用了 \`<span>\`。
-4. **状态穷举**：列表 (Menu List) 在同一个静态画面中，硬编码展示了“激活、悬停、默认”三种生命周期。
-5. **控件静态化**：Input 和 Button 全面被 \`div\` 替代。
-
-\`\`\`html
-<main class="flex flex-col items-center justify-start w-[1440px] min-h-[1024px] bg-[#F3F4F6] p-[40px]">
-  <div
-    data-name="settings-card"
-    class="flex flex-col items-stretch justify-start w-[400px] bg-[#FFFFFF] rounded-[24px] p-[24px] gap-[24px] shadow-[0_12px_40px_rgba(0,0,0,0.08)]"
-  >
-    <div data-name="card-header" class="flex flex-row items-start justify-between self-stretch">
-      <img
-        src="{{Professional UI Designer Avatar}}"
-        alt="User"
-        class="block w-[56px] h-[56px] rounded-[28px] object-cover"
-        data-name="user-avatar"
-      />
-      <div data-name="status-badge" class="flex flex-row items-center justify-center bg-[#ECFDF5] px-[12px] py-[6px] rounded-[8px]">
-        <span data-name="badge-text" class="text-[12px] leading-[1.2] font-[600] text-[#10B981]">PRO MEMBER</span>
-      </div>
-    </div>
-
-    <div data-name="text-content" class="flex flex-col items-start justify-start gap-[8px]">
-      <span data-name="user-name" class="text-[20px] leading-[1.2] font-[700] text-[#111827]">Alex Morgan</span>
-      <p data-name="user-desc" class="text-[14px] leading-[1.5] font-[400] text-[#6B7280]">
-        Manage your workspace settings, team members, and billing preferences here. Changes will be synced across all your active devices
-        automatically.
-      </p>
-    </div>
-
-    <div data-name="menu-list" class="flex flex-col items-stretch justify-start gap-[8px]">
-      <div data-name="menu-item-active" class="flex flex-row items-center justify-start gap-[12px] bg-[#EEF2FF] p-[12px] rounded-[12px]">
-        <i class="fas fa-layer-group text-[16px] text-[#4F46E5]" data-name="icon-active"></i>
-        <span data-name="text-active" class="text-[14px] leading-[1.2] font-[600] text-[#4F46E5]">Workspace Setup</span>
-      </div>
-
-      <div data-name="menu-item-hover" class="flex flex-row items-center justify-start gap-[12px] bg-[#F9FAFB] p-[12px] rounded-[12px]">
-        <i class="fas fa-users text-[16px] text-[#4B5563]" data-name="icon-hover"></i>
-        <span data-name="text-hover" class="text-[14px] leading-[1.2] font-[500] text-[#4B5563]">Team Members</span>
-      </div>
-
-      <div data-name="menu-item-default" class="flex flex-row items-center justify-start gap-[12px] bg-transparent p-[12px] rounded-[12px]">
-        <i class="fas fa-credit-card text-[16px] text-[#6B7280]" data-name="icon-default"></i>
-        <span data-name="text-default" class="text-[14px] leading-[1.2] font-[500] text-[#6B7280]">Billing & Invoices</span>
-      </div>
-    </div>
-
-    <div data-name="action-footer" class="flex flex-col items-stretch justify-start gap-[16px] border-t-[1px] border-[#F3F4F6] pt-[24px]">
-      <div
-        data-name="input-mock"
-        class="flex flex-row items-center justify-start gap-[8px] bg-[#FFFFFF] border-[1px] border-[#E5E7EB] p-[12px] rounded-[12px]"
-      >
-        <i class="fas fa-envelope text-[14px] text-[#9CA3AF]" data-name="input-icon"></i>
-        <span data-name="input-placeholder" class="text-[14px] leading-[1.2] font-[400] text-[#9CA3AF]">Invite via email...</span>
-      </div>
-
-      <div data-name="submit-btn" class="flex flex-row items-center justify-center bg-[#111827] p-[16px] rounded-[12px]">
-        <span data-name="btn-text" class="text-[14px] leading-[1.2] font-[600] text-[#FFFFFF]">Send Invitation</span>
-      </div>
-    </div>
-  </div>
-</main>
-\`\`\`
-`
-
-// 辅助函数：检查值是否为空
-function isEmpty(value) {
-  return (
-    value === null ||
-    value === undefined ||
-    value === '' ||
-    (typeof value === 'string' && value.trim() === '')
-  )
-}
-
-// 初始化 MCP Server
-const mcpServer = new McpServer(
-  {
-    name: 'Codify-MCP-Client',
-    version: '1.0.19'
-  },
-  {
-    capabilities: {
-      resources: {},
-      tools: {},
-      prompts: {}
-    }
-  }
-)
-
-// 注册资源
-mcpServer.registerResource(
-  'generation-rules',
-  'codify://generation-rules',
-  { description: 'Codify 代码生成规则' },
-  async (uri) => ({
-    contents: [
-      {
-        uri: uri.href,
-        text: generationRules,
-        mimeType: 'text/markdown'
-      }
-    ]
-  })
-)
-// design
-mcpServer.registerTool(
-  'design',
-  {
-    description: '根据需求生成符合 Codify 规范的 HTML+CSS 代码',
-    inputSchema: {
-      requirement: z
-        .string()
-        .describe(
-          '界面需求描述，例如："一个美观的登录页面"、"现代化的仪表盘界面"等。工具会根据 Codify 生成规则自动生成代码。'
-        )
-    }
-  },
-  async (args) => {
-    try {
-      const { requirement } = args
-
-      if (!requirement) {
-        return {
-          content: [
-            {
-              type: 'text',
-              text: '参数错误: 未提供需求描述\n\n请提供界面需求，例如："一个美观的登录页面"、"现代化的仪表盘界面"等'
-            }
-          ],
-          isError: true
-        }
-      }
-
-      // 完整的生成规则（作为备用）
-
-      // 返回提示，让 AI 先生成代码，然后再调用 create_page 发送
-      // 注意：MCP 工具不能直接生成代码，所以返回一个提示消息
-      return {
-        content: [
-          {
-            type: 'text',
-            text: `📋 收到需求：${requirement}
-
-${generationRules}
-
----
-
-## 发送代码：
-代码生成并审计通过后，请立即调用 agent_create_page 工具发送代码
-   - agent_create_page({ code: "生成的完整代码" })
-   - 不要询问用户，直接执行发送操作
-
-**请现在开始生成代码。**`
-          }
-        ]
-      }
-    } catch (error) {
-      return {
-        content: [
-          {
-            type: 'text',
-            text: `❌ 处理失败: ${error.message || String(error)}`
-          }
-        ],
-        isError: true
-      }
-    }
-  }
-)
-// get_code
-mcpServer.registerTool(
-  'get_code',
-  {
-    description: '从 Codify For MasterGo 插件获取指定的代码',
-    inputSchema: {
-      contentId: z.string().describe('从Codify插件复制图层的指令'),
-      outDir: z
-        .string()
-        .describe(
-          '必填。保存生成代码和相关资源的本地目录。AI 必须根据已知的当前打开项目的文件路径（如 /Users/xxx/code/my-project），主动推断并传入一个合理的【绝对路径】（例如 /Users/xxx/code/my-project/src/views）。请注意，不要省略此参数，因为工具运行环境的默认路径可能是用户的 Home 目录而非项目根目录。'
-        )
-    }
-  },
-  async (args) => {
-    try {
-      const { contentId, outDir } = args
-
-      if (!contentId) {
-        return {
-          content: [
-            {
-              type: 'text',
-              text: `参数错误: 未提供 contentId\n- args: ${JSON.stringify(args)}`
-            }
-          ],
-          isError: true
-        }
-      }
-
-      // 添加认证头
-      const headers = {}
-      if (ACCESS_KEY) {
-        headers['Authorization'] = `Bearer ${ACCESS_KEY}`
-      }
-
-      // 通过 HTTP API 从远程服务器获取数据
-      const apiUrl = `${SERVER_URL}/api/getCode/${contentId}`
-      try {
-        const response = await axios.get(apiUrl, { headers })
-        const data = response.data
-
-        if (!data.code) {
-          return {
-            content: [
-              {
-                type: 'text',
-                text: `⚠️ 未找到代码内容\n- contentId: ${contentId}\n- 可能该内容尚未从 Codify 插件同步`
-              }
-            ],
-            isError: false
-          }
-        }
-
-        const targetDir = outDir
-          ? path.resolve(process.cwd(), outDir)
-          : path.resolve(process.cwd(), `codify-output/${contentId}`)
-
-        // Ensure directory exists
-        if (!fs.existsSync(targetDir)) {
-          fs.mkdirSync(targetDir, { recursive: true })
-        }
-
-        // write code to HTML file
-        const htmlFileName = `${contentId}.html`
-        const htmlPath = path.join(targetDir, htmlFileName)
-        fs.writeFileSync(htmlPath, data.code, 'utf8')
-
-        // function to write resource
-        const writeResource = async (resData, folderName, ext) => {
-          if (isEmpty(resData)) return 0
-          let parsed
-          try {
-            parsed = typeof resData === 'string' ? JSON.parse(resData) : resData
-          } catch (e) {
-            return 0
-          }
-          const keys = Object.keys(parsed)
-          if (keys.length === 0) return 0
-
-          const resDir = path.join(targetDir, folderName)
-          if (!fs.existsSync(resDir)) {
-            fs.mkdirSync(resDir, { recursive: true })
-          }
-          const writePromises = Object.entries(parsed).map(async ([key, value]) => {
-            // 检查原始 key 是否已经带后缀，如果有，使用原名字的后缀; 否则用提供的 ext
-            const match = key.match(/(.+)\.([a-zA-Z0-9]+)$/)
-            let safeKey = key
-            let finalExt = ext
-            if (match) {
-              safeKey = match[1]
-              finalExt = match[2]
-            }
-            safeKey = safeKey.replace(/[^a-zA-Z0-9_-]/g, '_')
-            const filePath = path.join(resDir, `${safeKey}.${finalExt}`)
-            let content = value
-            let encoding = 'utf8'
-
-            if (typeof content !== 'string') {
-              content = JSON.stringify(content, null, 2)
-              fs.writeFileSync(filePath, content, encoding)
-            } else if (content.startsWith('http://') || content.startsWith('https://')) {
-              // 处理远程 URL 图片/资源
-              try {
-                const response = await axios.get(content, { responseType: 'arraybuffer' })
-                fs.writeFileSync(filePath, response.data)
-              } catch (err) {
-                console.error(
-                  `[Codify MCP] Failed to download resource from ${content}:`,
-                  err.message
-                )
-              }
-            } else if (content.startsWith('data:image/')) {
-              const matches = content.match(/^data:image\/([A-Za-z-+\/]+);base64,(.+)$/)
-              if (matches && matches.length === 3) {
-                encoding = 'base64'
-                content = matches[2]
-              }
-              fs.writeFileSync(filePath, content, encoding)
-            } else {
-              // 可能是普通的 base64 字符串或其他字符串
-              if (folderName === 'images') {
-                encoding = 'base64'
-              }
-              fs.writeFileSync(filePath, content, encoding)
-            }
-          })
-
-          await Promise.all(writePromises)
-          return keys.length
-        }
-
-        // 解析 resourcePath 以决定存放在哪个文件夹
-        let resourcePathMap = { image: 'asset/images', svg: 'asset/icons', shape: 'asset/shapes' }
-        if (!isEmpty(data.resourcePath)) {
-          try {
-            const parsedRP =
-              typeof data.resourcePath === 'string'
-                ? JSON.parse(data.resourcePath)
-                : data.resourcePath
-            if (parsedRP.image) resourcePathMap.image = parsedRP.image.replace(/^\.\//, '') // 去除开头的 ./
-            if (parsedRP.svg) resourcePathMap.svg = parsedRP.svg.replace(/^\.\//, '')
-            if (parsedRP.shape) resourcePathMap.shape = parsedRP.shape.replace(/^\.\//, '')
-          } catch (e) {
-            console.error('[Codify MCP] Failed to parse resourcePath:', e)
-          }
-        }
-
-        const shapeCount = await writeResource(data.shape, resourcePathMap.shape, 'json')
-        const svgCount = await writeResource(data.svg, resourcePathMap.svg, 'svg')
-        const imageCount = await writeResource(data.image, resourcePathMap.image, 'png')
-
-        // 构建返回信息
-        let resultText = `代码和资源已成功拉取并保存到本地。\n\n`
-        resultText += `目标目录: ${targetDir}\n`
-        resultText += `代码文件: ${htmlFileName} (长度: ${data.code.length} 字符)\n`
-        if (data.teamId) {
-          resultText += `团队 ID: ${data.teamId}\n`
-        }
-
-        if (shapeCount > 0)
-          resultText += `Shape: 成功保存 ${shapeCount} 个文件至 ${resourcePathMap.shape} 目录\n`
-        if (svgCount > 0)
-          resultText += `SVG: 成功保存 ${svgCount} 个文件至 ${resourcePathMap.svg} 目录\n`
-        if (imageCount > 0)
-          resultText += `Image: 成功保存 ${imageCount} 个文件至 ${resourcePathMap.image} 目录\n`
-
-        resultText += `\n**执行结果**：以上文件已自动写入本地系统。请注意阅读 ${htmlFileName} 并检查代码中使用的 relative 路径。若业务文件不叫 ${htmlFileName}，你可以依据此文件重构/合并到你的业务主入口中。`
-        return {
-          content: [
-            {
-              type: 'text',
-              text: resultText
-            }
-          ]
-        }
-      } catch (error) {
-        const status = error.response?.status
-        const errorData = error.response?.data || {}
-
-        switch (status) {
-          case 404:
-            return {
-              content: [
-                {
-                  type: 'text',
-                  text: `❌ 未找到内容\n- contentId: ${contentId}\n- 请检查 contentId 是否正确，或该内容是否已从 Codify 插件同步`
-                }
-              ],
-              isError: true
-            }
-          case 403:
-            // 检查是否是配额不足错误
-            if (errorData.mcp_get_limit !== undefined || errorData.message?.includes('limit')) {
-              return {
-                content: [
-                  {
-                    type: 'text',
-                    text: `❌ 配额不足\n- ${errorData.message || '您已达到获取代码的次数限制'}\n- 剩余配额: ${errorData.mcp_get_limit !== undefined ? errorData.mcp_get_limit : '未知'}\n- 请升级您的计划或联系支持团队`
-                  }
-                ],
-                isError: true
-              }
-            }
-
-            // 普通权限错误
-            return {
-              content: [
-                {
-                  type: 'text',
-                  text: `❌ 权限不足\n- contentId: ${contentId}\n- 您没有权限访问该内容\n- 请检查您的 access_key 是否包含正确的团队权限`
-                }
-              ],
-              isError: true
-            }
-          case 401:
-            return {
-              content: [
-                {
-                  type: 'text',
-                  text: `❌ 认证失败 (401)\n\n请检查 CODIFY_ACCESS_KEY 是否正确`
-                }
-              ],
-              isError: true
-            }
-          default:
-            return {
-              content: [
-                {
-                  type: 'text',
-                  text: `❌ 获取代码失败: ${error.message || String(error)}${
-                    errorData.message ? `\n详情: ${errorData.message}` : ''
-                  }\n- contentId: ${contentId}\n- 服务器: ${SERVER_URL}`
-                }
-              ],
-              isError: true
-            }
-        }
-      }
-    } catch (error) {
-      return {
-        content: [
-          {
-            type: 'text',
-            text: `❌ 获取代码失败: ${error.message || String(error)}`
-          }
-        ],
-        isError: true
-      }
-    }
-  }
-)
-// get_code_List
-mcpServer.registerTool(
-  'get_code_list',
-  {
-    description: '获取所有可用的代码列表',
-    inputSchema: z.object({}).describe('无需参数，直接调用即可获取所有代码列表')
-  },
-  async (args) => {
-    try {
-      // 添加认证头
-      const headers = {}
-      if (ACCESS_KEY) {
-        headers['Authorization'] = `Bearer ${ACCESS_KEY}`
-      }
-
-      // 通过 HTTP API 从远程服务器获取代码列表
-      const apiUrl = `${SERVER_URL}/api/getCodeList`
-      try {
-        const response = await axios.get(apiUrl, { headers })
-        const data = response.data
-
-        if (!Array.isArray(data)) {
-          return {
-            content: [
-              {
-                type: 'text',
-                text: `⚠️ 服务器返回的数据格式不正确\n- 期望: 数组\n- 实际: ${typeof data}`
-              }
-            ],
-            isError: true
-          }
-        }
-
-        if (data.length === 0) {
-          return {
-            content: [
-              {
-                type: 'text',
-                text: `📋 代码列表为空\n\n当前没有可用的代码内容。\n请先从 Codify 插件同步代码。`
-              }
-            ],
-            isError: false
-          }
-        }
-
-        // 构建返回信息
-        let resultText = `✅ 成功获取代码列表 (共 ${data.length} 项)\n\n`
-        resultText += `--- 代码列表 ---\n\n`
-
-        data.forEach((item, index) => {
-          resultText += `${index + 1}. **${item.contentId}**\n`
-          resultText += `   - 代码长度: ${item.codeLength} 字符\n`
-          if (item.teamId) {
-            resultText += `   - 团队 ID: ${item.teamId}\n`
-          }
-          if (item.fileInfo) {
-            resultText += `   - 文件信息: ${JSON.stringify(item.fileInfo)}\n`
-          }
-          if (item.createdAt) {
-            resultText += `   - 创建时间: ${item.createdAt}\n`
-          }
-          if (item.updatedAt) {
-            resultText += `   - 更新时间: ${item.updatedAt}\n`
-          }
-          resultText += `\n`
-        })
-
-        resultText += `\n--- 使用说明 ---\n`
-        resultText += `使用 get_code 工具获取具体代码内容：\n`
-        resultText += `- get_code({ contentId: "your-content-id" })`
-
-        return {
-          content: [
-            {
-              type: 'text',
-              text: resultText
-            }
-          ]
-        }
-      } catch (error) {
-        const status = error.response?.status
-        const errorData = error.response?.data || {}
-
-        switch (status) {
-          case 403:
-            return {
-              content: [
-                {
-                  type: 'text',
-                  text: `❌ 权限不足\n- 您没有权限访问代码列表\n- 请检查您的 access_key 是否包含正确的团队权限`
-                }
-              ],
-              isError: true
-            }
-          case 401:
-            return {
-              content: [
-                {
-                  type: 'text',
-                  text: `❌ 认证失败 (401)\n\n请检查 CODIFY_ACCESS_KEY 是否正确`
-                }
-              ],
-              isError: true
-            }
-          default:
-            return {
-              content: [
-                {
-                  type: 'text',
-                  text: `❌ 获取代码列表失败: ${error.message || String(error)}${
-                    errorData.message ? `\n详情: ${errorData.message}` : ''
-                  }\n- 服务器: ${SERVER_URL}`
-                }
-              ],
-              isError: true
-            }
-        }
-      }
-    } catch (error) {
-      return {
-        content: [
-          {
-            type: 'text',
-            text: `❌ 获取代码列表失败: ${error.message || String(error)}`
-          }
-        ],
-        isError: true
-      }
-    }
-  }
-)
-// get_user_info
-mcpServer.registerTool(
-  'get_user_info',
-  {
-    description: '获取当前登录用户的信息，包括配额、团队等',
-    inputSchema: z.object({}).describe('无需参数，直接调用即可获取当前用户信息')
-  },
-  async (args) => {
-    try {
-      // 添加认证头
-      const headers = {}
-      if (ACCESS_KEY) {
-        headers['Authorization'] = `Bearer ${ACCESS_KEY}`
-      }
-
-      // 通过 HTTP API 从远程服务器获取用户信息
-      const apiUrl = `${SERVER_URL}/api/getUserInfo`
-      try {
-        const response = await axios.get(apiUrl, { headers })
-        const data = response.data
-
-        // 构建返回信息
-        let resultText = `✅ 用户信息\n\n`
-        resultText += `👤 用户ID: ${data.userId}\n`
-        if (data.userName) {
-          resultText += `📧 用户名: ${data.userName}\n`
-        }
-        if (data.realname) {
-          resultText += `📝 真实姓名: ${data.realname}\n`
-        }
-        resultText += `\n📊 配额信息:\n`
-        if (data.quota) {
-          resultText += `  - 生成设计: ${data.quota.mcp_generate_count || 0} / ${data.quota.mcp_generate_limit || '无限制'}\n`
-          resultText += `  - 获取代码: ${data.quota.mcp_get_count || 0} / ${data.quota.mcp_get_limit || '无限制'}\n`
-        }
-
-        if (data.teams && data.teams.length > 0) {
-          resultText += `\n👥 团队信息 (共 ${data.teams.length} 个团队):\n`
-          data.teams.forEach((team, index) => {
-            resultText += `  ${index + 1}. ${team.name || team.teamId} (ID: ${team.teamId})\n`
-            if (team.auth) {
-              resultText += `     权限: ${team.auth}\n`
-            }
-          })
-        }
-
-        if (data.currentTeamId) {
-          resultText += `\n🔖 当前团队ID: ${data.currentTeamId}`
-        }
-
-        return {
-          content: [
-            {
-              type: 'text',
-              text: resultText
-            }
-          ]
-        }
-      } catch (error) {
-        const status = error.response?.status
-        const errorData = error.response?.data || {}
-
-        switch (status) {
-          case 401:
-            return {
-              content: [
-                {
-                  type: 'text',
-                  text: `❌ 认证失败 (401)\n\n请检查 CODIFY_ACCESS_KEY 是否正确`
-                }
-              ],
-              isError: true
-            }
-          case 403:
-            return {
-              content: [
-                {
-                  type: 'text',
-                  text: `❌ 权限不足 (403)\n\n${errorData.message || '您没有权限访问该资源'}`
-                }
-              ],
-              isError: true
-            }
-          default:
-            return {
-              content: [
-                {
-                  type: 'text',
-                  text: `❌ 获取用户信息失败: ${error.message || String(error)}${
-                    errorData.message ? `\n详情: ${errorData.message}` : ''
-                  }\n- 服务器: ${SERVER_URL}`
-                }
-              ],
-              isError: true
-            }
-        }
-      }
-    } catch (error) {
-      return {
-        content: [
-          {
-            type: 'text',
-            text: `❌ 获取用户信息失败: ${error.message || String(error)}`
-          }
-        ],
-        isError: true
-      }
-    }
-  }
-)
-// create_page
-mcpServer.registerTool(
-  'agent_create_page',
-  {
-    description: '将代码发送到 Codify 插件转换为设计稿',
-    inputSchema: {
-      code: z.string().describe('要发送的代码内容')
-    }
-  },
-  async (args) => {
-    try {
-      const { code } = args
-
-      if (!code) {
-        return {
-          content: [
-            {
-              type: 'text',
-              text: '参数错误: 未提供代码内容'
-            }
-          ],
-          isError: true
-        }
-      }
-
-      // 添加认证头
-      const headers = {
-        'Content-Type': 'application/json'
-      }
-      if (ACCESS_KEY) {
-        headers['Authorization'] = `Bearer ${ACCESS_KEY}`
-      }
-
-      // 发送代码到 Codify 插件
-      try {
-        const response = await axios.post(
-          `${SERVER_URL}/api/createPage`,
-          { htmlCode: code },
-          { headers }
-        )
-
-        const result = response.data
-        if (result.success) {
-        }
-
-        return {
-          content: [
-            {
-              type: 'text',
-              text: `✅ 代码已成功发送到 Codify 插件，等待转换为设计稿`
-            }
-          ]
-        }
-      } catch (error) {
-        const status = error.response?.status
-        const errorData = error.response?.data || {}
-
-        if (status === 404) {
-          return {
-            content: [
-              {
-                type: 'text',
-                text: '❌ 未找到活跃的 Codify 插件连接\n\n请确保:\n1. Codify 插件已打开并连接到服务器\n2. 使用了相同的 access_key'
-              }
-            ],
-            isError: true
-          }
-        } else if (status === 400) {
-          return {
-            content: [
-              {
-                type: 'text',
-                text: `❌ 请求参数错误: ${errorData.message || 'Bad request'}`
-              }
-            ],
-            isError: true
-          }
-        } else if (status === 401 || status === 403) {
-          // 检查是否是配额不足错误
-          if (errorData.mcp_generate_limit !== undefined || errorData.message?.includes('limit')) {
-            return {
-              content: [
-                {
-                  type: 'text',
-                  text: `❌ 配额不足\n- ${errorData.message || '您已达到生成设计的次数限制'}\n- 剩余配额: ${errorData.mcp_generate_limit !== undefined ? errorData.mcp_generate_limit : '未知'}\n- 请升级您的计划或联系支持团队`
-                }
-              ],
-              isError: true
-            }
-          }
-
-          // 普通认证错误
-          return {
-            content: [
-              {
-                type: 'text',
-                text: `❌ 认证失败 (${status})\n\n请检查 CODIFY_ACCESS_KEY 是否正确`
-              }
-            ],
-            isError: true
-          }
-        } else {
-          return {
-            content: [
-              {
-                type: 'text',
-                text: `❌ 发送失败: ${error.message || String(error)}${
-                  errorData.message ? `\n详情: ${errorData.message}` : ''
-                }`
-              }
-            ],
-            isError: true
-          }
-        }
-      }
-    } catch (error) {
-      return {
-        content: [
-          {
-            type: 'text',
-            text: `❌ 代码发送失败: ${error.message || String(error)}`
-          }
-        ],
-        isError: true
-      }
-    }
-  }
-)
-// create_component
-mcpServer.registerTool(
-  'agent_create_component',
-  {
-    description:
-      '创建一个 MasterGo 母版组件或组件集（变体）。应当使用 HTML 格式并包含 data-type="component" 属性。',
-    inputSchema: {
-      htmlCode: z
-        .string()
-        .describe(
-          '组件的 HTML 结构。必须包含 data-type="component"（针对单个组件）或 "component-set"（针对变体集合）。'
-        )
-    }
-  },
-  async (args) => {
-    try {
-      const { htmlCode } = args
-      const headers = { 'Content-Type': 'application/json' }
-      if (ACCESS_KEY) headers['Authorization'] = `Bearer ${ACCESS_KEY}`
-
-      const response = await axios.post(
-        `${SERVER_URL}/api/createComponent`,
-        { htmlCode },
-        { headers }
-      )
-      return { content: [{ type: 'text', text: `✅ 已成功向插件发送组件创建指令` }] }
-    } catch (error) {
-      return { content: [{ type: 'text', text: `❌ 创建失败: ${error.message}` }], isError: true }
-    }
-  }
-)
-// patch_nodes
-mcpServer.registerTool(
-  'agent_patch_nodes',
-  {
-    description:
-      '局部修改画布上的现有图层属性（如修改文本、颜色、大小、圆角等），保持物理 ID 不变。',
-    inputSchema: {
-      patches: z.array(z.any()).describe('补丁数组，每项包含 nodeId 和要修改的 jsonDom 属性')
-    }
-  },
-  async (args) => {
-    try {
-      const { patches } = args
-      if (!patches || patches.length === 0) {
-        return { content: [{ type: 'text', text: '错误: 补丁列表为空' }], isError: true }
-      }
-
-      const headers = { 'Content-Type': 'application/json' }
-      if (ACCESS_KEY) headers['Authorization'] = `Bearer ${ACCESS_KEY}`
-
-      const response = await axios.post(`${SERVER_URL}/api/patchNodes`, { patches }, { headers })
-      return {
-        content: [{ type: 'text', text: `✅ 已成功向插件发送 ${patches.length} 个节点的修改指令` }]
-      }
-    } catch (error) {
-      return { content: [{ type: 'text', text: `❌ 修改失败: ${error.message}` }], isError: true }
-    }
-  }
-)
-// insert_node
-mcpServer.registerTool(
-  'agent_insert_node',
-  {
-    description:
-      '在画布上插入新元素或替换现有结构。如果是替换，目标节点会被删除并生成新 ID。支持 HTML 格式。',
-    inputSchema: {
-      targetNodeId: z
-        .string()
-        .optional()
-        .describe('可选。如果提供，将替换该节点；如果不提供，将在页面左上角插入。'),
-      htmlCode: z.string().describe('要插入的 HTML 代码字符串。')
-    }
-  },
-  async (args) => {
-    try {
-      const { targetNodeId, htmlCode } = args
-      const headers = { 'Content-Type': 'application/json' }
-      if (ACCESS_KEY) headers['Authorization'] = `Bearer ${ACCESS_KEY}`
-
-      const response = await axios.post(
-        `${SERVER_URL}/api/insertNode`,
-        { targetNodeId, htmlCode },
-        { headers }
-      )
-      return {
-        content: [
-          { type: 'text', text: `✅ 已成功向插件发送${targetNodeId ? '替换' : '插入'}指令` }
-        ]
-      }
-    } catch (error) {
-      return { content: [{ type: 'text', text: `❌ 操作失败: ${error.message}` }], isError: true }
-    }
-  }
-)
-
-try {
-  const transport = new StdioServerTransport()
-  await mcpServer.connect(transport)
-} catch (error) {
-  process.exit(1)
-}