feat: add component mcp tools

Author: kagol

packages/mcp/src/action-menu/index.ts

@@ -0,0 +1,36 @@
+import { z } from 'zod'
+import { defineComponentTool } from '../utils/defineComponentTool'
+import resourcesZh from './resouces.zh.md?raw'
+import resourcesEn from './resouces.en.md?raw'
+import { t } from '../utils/locale'
+
+export const resources = { zh: resourcesZh, en: resourcesEn }
+
+export const getActionMenuConfig = () =>
+  defineComponentTool({
+    name: 'action_menu_component_tools',
+    description: t('ai.actionMenu.description'),
+    tools: {
+      open: {
+        paramsSchema: z.boolean().optional().describe(t('ai.actionMenu.open')),
+        cb: (instance) => {
+          instance.open = true
+          return { type: 'text', text: 'Action menu opened' }
+        }
+      },
+      close: {
+        paramsSchema: z.boolean().optional().describe(t('ai.actionMenu.close')),
+        cb: (instance) => {
+          instance.open = false
+          return { type: 'text', text: 'Action menu closed' }
+        }
+      },
+      getItems: {
+        paramsSchema: z.boolean().optional().describe(t('ai.actionMenu.getItems')),
+        cb: (instance) => {
+          const items = instance.items || []
+          return { type: 'text', text: JSON.stringify({ items, count: items.length }) }
+        }
+      }
+    }
+  })

packages/mcp/src/action-menu/resouces.en.md

@@ -0,0 +1,7 @@
+# Action Menu Component
+
+MCP tools for Action Menu component.
+
+- open: Open the action menu
+- close: Close the action menu
+- getItems: Get the action menu items list

packages/mcp/src/action-menu/resouces.zh.md

@@ -0,0 +1,7 @@
+# Action Menu 组件
+
+提供 Action Menu 相关的 MCP 工具说明。
+
+- open: 打开 Action Menu
+- close: 关闭 Action Menu
+- getItems: 获取 Action Menu 项目列表

packages/mcp/src/amount/index.ts

@@ -0,0 +1,26 @@
+import { z } from 'zod'
+import { defineComponentTool } from '../utils/defineComponentTool'
+import resourcesZh from './resouces.zh.md?raw'
+import resourcesEn from './resouces.en.md?raw'
+import { t } from '../utils/locale'
+
+export const resources = { zh: resourcesZh, en: resourcesEn }
+
+export const getAmountConfig = () =>
+  defineComponentTool({
+    name: 'amount_component_tools',
+    description: t('ai.amount.description'),
+    tools: {
+      getValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.amount.getValue')),
+        cb: (instance) => ({ type: 'text', text: String(instance.value || 0) })
+      },
+      setValue: {
+        paramsSchema: z.number().describe(t('ai.amount.setValue')),
+        cb: (instance, params: number) => {
+          instance.value = params
+          return { type: 'text', text: 'Amount set' }
+        }
+      }
+    }
+  })

packages/mcp/src/amount/resouces.en.md

@@ -0,0 +1,6 @@
+# Amount Component
+
+MCP tools for amount input.
+
+- getValue: Get current amount
+- setValue: Set amount

packages/mcp/src/amount/resouces.zh.md

@@ -0,0 +1,6 @@
+# Amount 组件
+
+提供金额输入相关的 MCP 工具。
+
+- getValue: 获取金额
+- setValue: 设置金额

packages/mcp/src/anchor/index.ts

@@ -0,0 +1,26 @@
+import { z } from 'zod'
+import { defineComponentTool } from '../utils/defineComponentTool'
+import resourcesZh from './resouces.zh.md?raw'
+import resourcesEn from './resouces.en.md?raw'
+import { t } from '../utils/locale'
+
+export const resources = { zh: resourcesZh, en: resourcesEn }
+
+export const getAnchorConfig = () =>
+  defineComponentTool({
+    name: 'anchor_component_tools',
+    description: t('ai.anchor.description'),
+    tools: {
+      goTo: {
+        paramsSchema: z.string().describe(t('ai.anchor.goTo')),
+        cb: (instance, params: string) => {
+          // assume instance has method to scroll
+          return { type: 'text', text: `Navigated to ${params}` }
+        }
+      },
+      getCurrent: {
+        paramsSchema: z.boolean().optional().describe(t('ai.anchor.getCurrent')),
+        cb: (instance) => ({ type: 'text', text: String(instance.current || '') })
+      }
+    }
+  })

packages/mcp/src/anchor/resouces.en.md

@@ -0,0 +1,6 @@
+# Anchor Component
+
+MCP tools for anchor component.
+
+- goTo: Navigate to specified anchor
+- getCurrent: Get current anchor

packages/mcp/src/anchor/resouces.zh.md

@@ -0,0 +1,6 @@
+# Anchor 组件
+
+锚点组件 MCP 工具说明。
+
+- goTo: 跳转到指定锚点
+- getCurrent: 获取当前锚点

packages/mcp/src/area/index.ts

@@ -0,0 +1,26 @@
+import { z } from 'zod'
+import { defineComponentTool } from '../utils/defineComponentTool'
+import resourcesZh from './resouces.zh.md?raw'
+import resourcesEn from './resouces.en.md?raw'
+import { t } from '../utils/locale'
+
+export const resources = { zh: resourcesZh, en: resourcesEn }
+
+export const getAreaConfig = () =>
+  defineComponentTool({
+    name: 'area_component_tools',
+    description: t('ai.area.description'),
+    tools: {
+      getValue: {
+        paramsSchema: z.boolean().optional().describe(t('ai.area.getValue')),
+        cb: (instance) => ({ type: 'text', text: JSON.stringify(instance.value || {}) })
+      },
+      setValue: {
+        paramsSchema: z.object({ value: z.any() }).describe(t('ai.area.setValue')),
+        cb: (instance, params) => {
+          instance.value = params.value
+          return { type: 'text', text: 'Area updated' }
+        }
+      }
+    }
+  })