@fugood/bricks-ctor 2.24.0-beta.40

package/tools/mcp-server.ts

@@ -0,0 +1,28 @@
+import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js'
+import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js'
+
+import { register as registerCompile } from './mcp-tools/compile'
+import { register as registerLottie } from './mcp-tools/lottie'
+import { register as registerIcons } from './mcp-tools/icons'
+import { register as registerHuggingface } from './mcp-tools/huggingface'
+import { register as registerMedia } from './mcp-tools/media'
+
+const server = new McpServer({
+  name: 'bricks-ctor',
+  version: '1.0.0',
+})
+
+const { dirname } = import.meta
+const projectDir = String(dirname).split('/node_modules/')[0]
+
+// NOTE: Cursor (Or VSCode) seems set ELECTRON_RUN_AS_NODE to 1, so we need to unset it
+process.env.ELECTRON_RUN_AS_NODE = ''
+
+registerCompile(server, projectDir)
+registerLottie(server)
+registerIcons(server)
+registerHuggingface(server)
+registerMedia(server, projectDir)
+
+const transport = new StdioServerTransport()
+await server.connect(transport)

package/tools/mcp-tools/compile.ts

@@ -0,0 +1,91 @@
+import type { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js'
+import { z } from 'zod'
+import { $ } from 'bun'
+
+export function register(server: McpServer, projectDir: string) {
+  const { dirname } = import.meta
+
+  server.tool('compile', {}, async () => {
+    let log = ''
+    try {
+      log += 'Type checking & Compiling...'
+      log += await $`bun compile`.cwd(projectDir).text()
+    } catch (err) {
+      log += `${err.stdout.toString()}\n${err.stderr.toString()}`
+    }
+    return {
+      content: [{ type: 'text', text: log }],
+    }
+  })
+
+  server.tool(
+    'preview',
+    {
+      delay: z
+        .number()
+        .describe('Delay in milliseconds before taking screenshot')
+        .optional()
+        .default(3000),
+      width: z.number().describe('Width of the screenshot').optional().default(600),
+      height: z.number().optional().default(480),
+      responseImage: z
+        .boolean()
+        .describe(
+          'Whether to response image content (base64 encoded jpeg). If false, only saved path will be responded as text.',
+        )
+        .optional()
+        .default(false),
+      testId: z.string().describe('Automation test ID to trigger').optional(),
+      testTitleLike: z
+        .string()
+        .describe('Find automation test by partial title match (case-insensitive)')
+        .optional(),
+    } as any,
+    async ({ delay, width, height, responseImage, testId, testTitleLike }: any) => {
+      let log = ''
+      let error = false
+      try {
+        const toolsDir = `${dirname}/..`
+        const args = [
+          '--no-keep-open',
+          '--take-screenshot',
+          JSON.stringify({
+            delay,
+            width,
+            height,
+            path: `${toolsDir}/screenshot.jpg`,
+            closeAfter: true,
+            headless: true,
+          }),
+        ]
+        if (testId) args.push('--test-id', testId)
+        if (testTitleLike) args.push('--test-title-like', testTitleLike)
+        log = await $`bunx --bun electron ${toolsDir}/preview-main.mjs ${args}`
+          .cwd(projectDir)
+          .text()
+      } catch (err) {
+        log = `${err.stdout.toString()}\n${err.stderr.toString()}`
+        error = true
+      }
+      let screenshotBase64: string | null = null
+      if (!error && responseImage) {
+        const toolsDir = `${dirname}/..`
+        const screenshot = await Bun.file(`${toolsDir}/screenshot.jpg`).arrayBuffer()
+        screenshotBase64 = Buffer.from(screenshot).toString('base64')
+      }
+      const content: Array<
+        { type: 'text'; text: string } | { type: 'image'; data: string; mimeType: string }
+      > = [{ type: 'text', text: log }]
+      if (screenshotBase64) {
+        content.push({
+          type: 'image',
+          data: screenshotBase64,
+          mimeType: 'image/jpeg',
+        })
+      }
+      return {
+        content,
+      }
+    },
+  )
+}