@seed-design/mcp 0.0.22 → 0.0.24

package/bin/index.mjs

@@ -4,7 +4,7 @@ import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
 import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js';
 import { v4 } from 'uuid';
 import WebSocket$1 from 'ws';
-import { figma, react, createRestNormalizer, getFigmaColorVariableNames } from '@seed-design/figma';
+import { createRestNormalizer, figma, react, getFigmaColorVariableNames } from '@seed-design/figma';
 import { z } from 'zod';
 import fs from 'node:fs';
 import path from 'node:path';
@@ -58,7 +58,7 @@ function createFigmaWebSocketClient(serverUrl) {
         ws.on("open", ()=>{
             logger.info("Connected to Figma socket server");
             // Reset channel on new connection
-            currentChannel = null;
+            joinChannel("local-default");
         });
         ws.on("message", (data)=>{
             try {
@@ -266,10 +266,6 @@ function createFigmaWebSocketClient(serverUrl) {
 function registerTools(server, figmaClient, config = {}) {
     const { joinChannel, sendCommandToFigma } = figmaClient;
     const { extend } = config ?? {};
-    const figmaPipeline = figma.createPipeline();
-    const reactPipeline = react.createPipeline({
-        extend
-    });
     // join_channel tool
     server.tool("join_channel", "Join a specific channel to communicate with Figma", {
         channel: z.string().describe("The name of the channel to join").default("")
@@ -373,15 +369,19 @@ function registerTools(server, figmaClient, config = {}) {
             });
             const normalizer = createRestNormalizer(result);
             const node = normalizer(result.document);
-            const original = figmaPipeline.generateCode(node, {
-                shouldPrintSource: true,
-                shouldInferVariableName: false,
-                shouldInferAutoLayout: false
+            const noInferPipeline = figma.createPipeline({
+                shouldInferAutoLayout: false,
+                shouldInferVariableName: false
+            });
+            const inferPipeline = figma.createPipeline({
+                shouldInferAutoLayout: true,
+                shouldInferVariableName: true
+            });
+            const original = noInferPipeline.generateCode(node, {
+                shouldPrintSource: true
             }) ?? "Failed to generate summarized node info";
-            const inferred = figmaPipeline.generateCode(node, {
-                shouldPrintSource: true,
-                shouldInferVariableName: false,
-                shouldInferAutoLayout: true
+            const inferred = inferPipeline.generateCode(node, {
+                shouldPrintSource: true
             }) ?? "Failed to generate summarized node info";
             return formatObjectResponse({
                 original: {
@@ -408,15 +408,19 @@ function registerTools(server, figmaClient, config = {}) {
                 });
                 const normalizer = createRestNormalizer(result);
                 const node = normalizer(result.document);
-                const original = figmaPipeline.generateCode(node, {
-                    shouldInferVariableName: false,
-                    shouldPrintSource: true,
-                    shouldInferAutoLayout: false
+                const noInferPipeline = figma.createPipeline({
+                    shouldInferAutoLayout: false,
+                    shouldInferVariableName: false
+                });
+                const inferPipeline = figma.createPipeline({
+                    shouldInferAutoLayout: true,
+                    shouldInferVariableName: true
+                });
+                const original = noInferPipeline.generateCode(node, {
+                    shouldPrintSource: true
                 }) ?? "Failed to generate summarized node info";
-                const inferred = figmaPipeline.generateCode(node, {
-                    shouldInferVariableName: true,
-                    shouldPrintSource: true,
-                    shouldInferAutoLayout: false
+                const inferred = inferPipeline.generateCode(node, {
+                    shouldPrintSource: true
                 }) ?? "Failed to generate summarized node info";
                 return {
                     nodeId,
@@ -443,10 +447,13 @@ function registerTools(server, figmaClient, config = {}) {
                 nodeId
             });
             const normalizer = createRestNormalizer(result);
-            const code = reactPipeline.generateCode(normalizer(result.document), {
+            const pipeline = react.createPipeline({
+                shouldInferAutoLayout: true,
                 shouldInferVariableName: true,
-                shouldPrintSource: false,
-                shouldInferAutoLayout: true
+                extend
+            });
+            const code = pipeline.generateCode(normalizer(result.document), {
+                shouldPrintSource: false
             }) ?? "Failed to generate code";
             return formatTextResponse(code);
         } catch (error) {
@@ -668,7 +675,7 @@ function registerPrompts(server) {
     });
 }
 
-var version = "0.0.22";
+var version = "0.0.24";
 
 // Config loader
 async function loadConfig(configPath) {
@@ -858,10 +865,10 @@ async function startMcpServer(serverUrl, experimental, configPath) {
         if (configData) {
             logger.info(`Loaded configuration from: ${configPath}`);
             // Log component transformers if present
-            if (configData.extend?.componentTransformers) {
-                const transformerKeys = configData.extend.componentTransformers.map((t)=>t.key);
-                if (transformerKeys.length > 0) {
-                    logger.info(`Found ${transformerKeys.length} custom component transformers: ${transformerKeys.join(", ")}`);
+            if (configData.extend?.componentHandlers) {
+                const handlers = configData.extend.componentHandlers;
+                if (handlers.length > 0) {
+                    logger.info(`Found ${handlers.length} custom component handlers`);
                 }
             }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/mcp",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.10.2",
-    "@seed-design/figma": "0.0.22",
+    "@seed-design/figma": "0.0.24",
     "cac": "^6.7.14",
     "uuid": "^11.1.0",
     "ws": "^8.18.1",

package/src/bin/index.ts

@@ -198,12 +198,10 @@ async function startMcpServer(serverUrl: string, experimental: boolean, configPa
       logger.info(`Loaded configuration from: ${configPath}`);
 
       // Log component transformers if present
-      if (configData.extend?.componentTransformers) {
-        const transformerKeys = configData.extend.componentTransformers.map((t) => t.key);
-        if (transformerKeys.length > 0) {
-          logger.info(
-            `Found ${transformerKeys.length} custom component transformers: ${transformerKeys.join(", ")}`,
-          );
+      if (configData.extend?.componentHandlers) {
+        const handlers = configData.extend.componentHandlers;
+        if (handlers.length > 0) {
+          logger.info(`Found ${handlers.length} custom component handlers`);
         }
       }
     }

package/src/tools.ts

@@ -1,6 +1,6 @@
 import type { GetFileNodesResponse } from "@figma/rest-api-spec";
 import type { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
-import { createRestNormalizer, getFigmaColorVariableNames, react, figma } from "@seed-design/figma";
+import { createRestNormalizer, figma, getFigmaColorVariableNames, react } from "@seed-design/figma";
 import { z } from "zod";
 import type { McpConfig } from "./config";
 import {
@@ -19,11 +19,6 @@ export function registerTools(
   const { joinChannel, sendCommandToFigma } = figmaClient;
   const { extend } = config ?? {};
 
-  const figmaPipeline = figma.createPipeline();
-  const reactPipeline = react.createPipeline({
-    extend,
-  });
-
   // join_channel tool
   server.tool(
     "join_channel",
@@ -177,17 +172,21 @@ export function registerTools(
         const normalizer = createRestNormalizer(result);
         const node = normalizer(result.document);
 
+        const noInferPipeline = figma.createPipeline({
+          shouldInferAutoLayout: false,
+          shouldInferVariableName: false,
+        });
+        const inferPipeline = figma.createPipeline({
+          shouldInferAutoLayout: true,
+          shouldInferVariableName: true,
+        });
         const original =
-          figmaPipeline.generateCode(node, {
+          noInferPipeline.generateCode(node, {
             shouldPrintSource: true,
-            shouldInferVariableName: false,
-            shouldInferAutoLayout: false,
           }) ?? "Failed to generate summarized node info";
         const inferred =
-          figmaPipeline.generateCode(node, {
+          inferPipeline.generateCode(node, {
             shouldPrintSource: true,
-            shouldInferVariableName: false,
-            shouldInferAutoLayout: true,
           }) ?? "Failed to generate summarized node info";
 
         return formatObjectResponse({
@@ -221,17 +220,21 @@ export function registerTools(
             const normalizer = createRestNormalizer(result);
             const node = normalizer(result.document);
 
+            const noInferPipeline = figma.createPipeline({
+              shouldInferAutoLayout: false,
+              shouldInferVariableName: false,
+            });
+            const inferPipeline = figma.createPipeline({
+              shouldInferAutoLayout: true,
+              shouldInferVariableName: true,
+            });
             const original =
-              figmaPipeline.generateCode(node, {
-                shouldInferVariableName: false,
+              noInferPipeline.generateCode(node, {
                 shouldPrintSource: true,
-                shouldInferAutoLayout: false,
               }) ?? "Failed to generate summarized node info";
             const inferred =
-              figmaPipeline.generateCode(node, {
-                shouldInferVariableName: true,
+              inferPipeline.generateCode(node, {
                 shouldPrintSource: true,
-                shouldInferAutoLayout: false,
               }) ?? "Failed to generate summarized node info";
 
             return {
@@ -263,11 +266,14 @@ export function registerTools(
         const result: any = await sendCommandToFigma("get_node_info", { nodeId });
         const normalizer = createRestNormalizer(result);
 
+        const pipeline = react.createPipeline({
+          shouldInferAutoLayout: true,
+          shouldInferVariableName: true,
+          extend,
+        });
         const code =
-          reactPipeline.generateCode(normalizer(result.document), {
-            shouldInferVariableName: true,
+          pipeline.generateCode(normalizer(result.document), {
             shouldPrintSource: false,
-            shouldInferAutoLayout: true,
           }) ?? "Failed to generate code";
 
         return formatTextResponse(code);

package/src/websocket.ts

@@ -54,7 +54,7 @@ export function createFigmaWebSocketClient(serverUrl: string) {
     ws.on("open", () => {
       logger.info("Connected to Figma socket server");
       // Reset channel on new connection
-      currentChannel = null;
+      joinChannel("local-default");
     });
 
     ws.on("message", (data: any) => {