viewgate-mcp 1.0.14 → 1.0.16

package/dist/index.js

@@ -225,8 +225,12 @@ function createMcpServer(apiKey, personalKey) {
                             componentPath: ann.reference?.componentPath,
                             selector: ann.reference?.selector,
                             tag: ann.reference?.tag,
+                            figmaReference: ann.figmaReference,
                             backendEndpoints: ann.backendEndpoints || [ann.backendEndpoint].filter(Boolean),
-                            _ia_fix_instruction: `### 🔬 SURGICAL FIX PROTOCOL (Language: ${data.preferredLanguage || 'en'})
+                            _ia_fix_instruction: `### 🎨 DESIGN CONTEXT (Figma)
+${ann.figmaReference ? `A design reference is available: ${Array.isArray(ann.figmaReference) ? (ann.figmaReference[0]?.link || ann.figmaReference[0]) : (ann.figmaReference.link || ann.figmaReference)}. Use the 'get_figma_preview' tool to fetch design details and image previews before implementing.` : 'No explicit figma design linked.'}
+
+### 🔬 SURGICAL FIX PROTOCOL (Language: ${data.preferredLanguage || 'en'})
 1. **PRIMARY**: Search for \`data-vg-id="${ann.reference?.vgId}"\`.
 2. **SECONDARY**: Check \`${file}\` L${line} (Fiber Source).
 3. **TERTIARY**: Match Tag(\`${ann.reference?.tag}\`) + Role(\`${ann.reference?.fingerprint?.role}\`) + Text("${ann.reference?.text?.slice(0, 30)}").
@@ -427,16 +431,20 @@ Instruction: ${ann.message}`
                         };
                     }
                     // 2. Parse Figma URL
-                    const fileKeyMatch = url.match(/(file|design)\/([a-zA-Z0-9]+)/);
+                    const fileKeyMatch = url.match(/(?:file|design)\/([a-zA-Z0-9]+)/);
                     if (!fileKeyMatch) {
                         throw new Error("Invalid Figma URL format. File key not found.");
                     }
-                    const fileKey = fileKeyMatch[2];
+                    const fileKey = fileKeyMatch[1];
                     // Extract node-id if present
                     const urlObj = new URL(url.replace(/#/g, '?')); // Handle hash-based node-id
                     let nodeId = urlObj.searchParams.get('node-id') || urlObj.searchParams.get('m');
                     if (!nodeId && url.includes('node-id=')) {
-                        nodeId = url.split('node-id=')[1].split('&')[0].replace('%3A', ':');
+                        nodeId = url.split('node-id=')[1].split('&')[0];
+                    }
+                    // Figma API expects node-id with : instead of - (which is used in browser URL)
+                    if (nodeId) {
+                        nodeId = nodeId.replace(/%3A/g, ':').replace(/-/g, ':');
                     }
                     // 3. Fetch Data from Figma
                     // First get file info

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "viewgate-mcp",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "main": "dist/index.js",
   "bin": {
     "viewgate-mcp": "./dist/index.js"