@liner-fe/figma-mcp 1.0.2 → 1.0.4

package/dist/server/server.cjs

@@ -24,7 +24,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 // src/server.ts
 var import_mcp = require("@modelcontextprotocol/sdk/server/mcp.js");
 var import_stdio = require("@modelcontextprotocol/sdk/server/stdio.js");
-var import_zod = require("zod");
 
 // src/figmaClient.ts
 var import_crypto = require("crypto");
@@ -134,57 +133,9 @@ var logger = {
   log: (message) => process.stderr.write(`[LOG] ${message}
 `)
 };
-var RULES_FILES = Object.keys(__RULES__);
-function levenshtein(a, b) {
-  const m = a.length;
-  const n = b.length;
-  if (m === 0) return n;
-  if (n === 0) return m;
-  const dp = Array.from({ length: m + 1 }, () => Array(n + 1).fill(0));
-  for (let i = 0; i <= m; i++) dp[i][0] = i;
-  for (let j = 0; j <= n; j++) dp[0][j] = j;
-  for (let i = 1; i <= m; i++) {
-    for (let j = 1; j <= n; j++) {
-      const cost = a[i - 1] === b[j - 1] ? 0 : 1;
-      dp[i][j] = Math.min(
-        dp[i - 1][j] + 1,
-        // 삭제
-        dp[i][j - 1] + 1,
-        // 삽입
-        dp[i - 1][j - 1] + cost
-        // 교체
-      );
-    }
-  }
-  return dp[m][n];
-}
-function getSimilarityScore(target, candidate) {
-  if (target === candidate) return 100;
-  if (candidate.startsWith(target) || target.startsWith(candidate)) return 95;
-  if (candidate.includes(target) || target.includes(candidate)) return 85;
-  const distance = levenshtein(target, candidate);
-  const maxLen = Math.max(target.length, candidate.length);
-  const normalized = 1 - distance / maxLen;
-  const score = Math.floor(normalized * 80);
-  return score > 0 ? score : 0;
-}
-var STORIES_EXT = ".stories.mdx";
-function findSimilarStoriesFiles(componentName) {
-  const compName = componentName.toLowerCase();
-  const files = RULES_FILES.filter((file) => file.toLowerCase().endsWith(STORIES_EXT));
-  const scored = files.map((file) => {
-    const baseName = file.toLowerCase().replace(new RegExp(`${STORIES_EXT.replace(".", "\\.")}$`), "");
-    return {
-      file,
-      baseName,
-      score: getSimilarityScore(compName, baseName)
-    };
-  }).filter(({ score }) => score > 0).sort((a, b) => b.score - a.score);
-  return scored;
-}
 var server = new import_mcp.McpServer(
   {
-    name: "@jongh/figma-plugin",
+    name: "@liner-fe/figma-mcp",
     version: "1.0.0"
   },
   {
@@ -206,20 +157,18 @@ var { connectToFigma, sendCommandToFigma } = createFigmaClient({
   serverUrl,
   wsUrlBase: WS_URL
 });
-server.registerTool(
-  "get_selection",
-  {
-    description: "Get information about the current selection in Figma",
-    inputSchema: {}
-  },
+server.tool(
+  "get_document_info",
+  "Get detailed information about the current Figma document",
+  {},
   async () => {
     try {
-      const result = await sendCommandToFigma("get_selection");
+      const result = await sendCommandToFigma("get_document_info");
       return {
         content: [
           {
             type: "text",
-            text: JSON.stringify(result, null, 2)
+            text: JSON.stringify(result)
           }
         ]
       };
@@ -228,140 +177,40 @@ server.registerTool(
         content: [
           {
             type: "text",
-            text: `Error getting selection: ${error instanceof Error ? error.message : String(error)}`
+            text: `Error getting document info: ${error instanceof Error ? error.message : String(error)}`
           }
         ]
       };
     }
   }
 );
-server.registerPrompt(
-  "design system components",
-  {
-    description: "help analyze design system common components"
-  },
-  () => {
-    return {
-      messages: [
-        {
-          role: "assistant",
-          content: {
-            type: "text",
-            text: `\uACF5\uD1B5 \uCEF4\uD3EC\uB10C\uD2B8\uC758 \uAD6C\uD604 \uC815\uBCF4\uB97C \uD30C\uC545\uD558\uC5EC \uCF54\uB4DC \uC81C\uC791\uC5D0 \uD65C\uC6A9\uD574\uC57C \uD569\uB2C8\uB2E4. \uCF54\uB4DC \uC0AC\uC6A9 \uC608\uC2DC, \uC124\uBA85 \uB4F1\uC744 \uC815\uD655\uD558\uAC8C \uD30C\uC545\uD558\uC5EC \uC2E4\uC81C \uCF54\uB4DC \uC81C\uC791\uC5D0 \uC815\uD655\uD558\uAC8C \uD65C\uC6A9\uD560 \uC218 \uC788\uC5B4\uC57C \uD569\uB2C8\uB2E4.  
-            \uD2B9\uD788 Figma \uC778\uD130\uD398\uC774\uC2A4\uC640 \uCF54\uB4DC \uAC04\uC758 \uAD6C\uD604 \uCC28\uC774\uB97C \uC815\uD655\uD558\uAC8C \uD30C\uC545\uD558\uACE0 \uCF54\uB4DC\uC5D0 \uB9DE\uAC8C \uD65C\uC6A9\uD574\uC57C \uD569\uB2C8\uB2E4.`
-          }
-        }
-      ],
-      description: "Troubleshooting guide for connection issues between Figma plugin and MCP server"
-    };
-  }
-);
 server.registerTool(
-  "get_rule_of_components",
+  "get_selection",
   {
-    title: "Rule of design system component",
-    description: [
-      "\uB514\uC790\uC778 \uC2DC\uC2A4\uD15C\uC5D0\uC11C \uC0AC\uC6A9\uD558\uB294 \uACF5\uD1B5 \uCEF4\uD3EC\uB10C\uD2B8\uC758 \uAD6C\uD604 \uADDC\uCE59(\uAD6C\uC870, props, \uC2A4\uD0C0\uC77C \uB4F1)\uC744 \uC870\uD68C\uD558\uB294 MCP \uB3C4\uAD6C\uC785\uB2C8\uB2E4.",
-      "Figma \uB514\uC790\uC778\uC5D0\uC11C \uC0AC\uC6A9\uB41C \uACF5\uD1B5 \uCEF4\uD3EC\uB10C\uD2B8\uC758 \uC774\uB984\uC744 componentName \uC778\uC790\uB85C \uB118\uACA8 \uD638\uCD9C\uD558\uBA74,",
-      "\uD574\uB2F9 \uCEF4\uD3EC\uB10C\uD2B8\uC758 \uAD6C\uD604 \uC815\uBCF4\uB97C \uBC18\uD658\uD558\uC5EC \u2018MCP\uB97C \uD1B5\uD574 \uC0AC\uC6A9\uB41C \uACF5\uD1B5 \uCEF4\uD3EC\uB10C\uD2B8\uC758 \uAD6C\uD604 \uC815\uBCF4\uB97C \uD30C\uC545\uD55C \uB4A4\u2019 \uD398\uC774\uC9C0 \uCF54\uB4DC\uB97C \uC791\uC131\uD560 \uB54C \uC0AC\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.",
-      "\uC608: Figma\uC5D0\uC11C Button \uCEF4\uD3EC\uB10C\uD2B8\uAC00 \uC4F0\uC600\uB2E4\uBA74 componentName\uC5D0 'button'\uC744 \uB123\uC5B4 \uC774 \uB3C4\uAD6C\uB97C \uD638\uCD9C\uD574 \uAD6C\uD604 \uADDC\uCE59\uC744 \uC870\uD68C\uD558\uC138\uC694."
-    ].join(" "),
-    inputSchema: import_zod.z.object({
-      componentName: import_zod.z.string().describe(
-        "Figma/\uB514\uC790\uC778 \uC2DC\uC2A4\uD15C\uC5D0\uC11C \uC0AC\uC6A9\uB41C \uACF5\uD1B5 \uCEF4\uD3EC\uB10C\uD2B8 \uC774\uB984 (\uC608: 'button', 'input', 'modal')"
-      )
-    })
+    description: "Get information about the current selection in Figma",
+    inputSchema: {}
   },
-  async ({ componentName }) => {
-    const similarFiles = findSimilarStoriesFiles(componentName);
-    const texts = similarFiles.map(({ file }) => __RULES__[file]);
-    return {
-      content: [
-        {
-          type: "text",
-          text: `${texts.join("")}`
-        }
-      ]
-    };
-  }
-);
-server.registerResource(
-  "file",
-  // 리소스 ID
-  new import_mcp.ResourceTemplate("file://{path}/", {
-    list: async () => {
+  async () => {
+    try {
+      const result = await sendCommandToFigma("get_selection");
       return {
-        resources: RULES_FILES.map((filePath) => ({
-          uri: `file://${filePath}`,
-          name: filePath,
-          title: filePath,
-          description: "local file from design-rules",
-          mimeType: "text/plain",
-          _meta: {
-            filePath
+        content: [
+          {
+            type: "text",
+            text: JSON.stringify(result, null, 2)
           }
-        }))
+        ]
       };
-    }
-  }),
-  {
-    title: "design rule",
-    description: "important rules and guidelines for resolving design data"
-  },
-  // resources/read 핸들러
-  async (uri, props) => {
-    const filePath = props.path;
-    const text = __RULES__[filePath] ?? "";
-    return {
-      contents: [
-        {
-          uri: uri.href,
-          mimeType: "text/plain",
-          text
-        }
-      ]
-    };
-  }
-);
-server.registerPrompt(
-  "data_analysis_strategy",
-  {
-    description: "Best practices for analyzing Figma design data"
-  },
-  () => {
-    return {
-      messages: [
-        {
-          role: "assistant",
-          content: {
+    } catch (error) {
+      return {
+        content: [
+          {
             type: "text",
-            text: `When analyzing Figma design data, follow these strategies 
-            
-            1. Data Extraction Workflow:
-             - Use get_selection() to focus on specific areas of interest
-             - Use get_document_info() when connection is enabled
-
-            2. Component Analysis:
-            - Identify reusable components vs one-off elements
-            - Look for design system patterns (colors, typography, spacing)
-            - Note component variants and their properties
-            - Extract design tokens (colors, fonts, spacing values)
-
-            3. Layout Analysis:
-            - Analyze auto-layout settings and constraints
-            - Document spacing patterns and grid systems
-            - Identify responsive design patterns
-            - Note alignment and positioning strategies
-
-            
-
-
-            `
+            text: `Error getting selection: ${error instanceof Error ? error.message : String(error)}`
           }
-        }
-      ],
-      description: "Best practices for working with Figma designs"
-    };
+        ]
+      };
+    }
   }
 );
 async function main() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/figma-mcp",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "bin": "dist/server/server.cjs",
   "files": [
@@ -65,7 +65,6 @@
     "start": "concurrently \"pnpm run socket\" \"pnpm run dev\" --names \"SOCKET,MCP\" --prefix-colors \"blue,green\"",
     "build:server": "pnpm tsup",
     "build": "pnpm build:server",
-    "build:package": "pnpm build",
-    "generate-from-link": "tsx src/generate-from-link.ts"
+    "build:package": "pnpm build"
   }
 }