figma-rust-mcp 3.0.2 → 3.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "figma-rust-mcp",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "Claude Code to Figma — Bidirectional MCP bridge. AI draws UI on Figma canvas, reads designs back. Works with Claude, Cursor, VS Code, Windsurf, Antigravity. No API key needed.",
   "mcpName": "io.github.BuiHung1612/figma-mcp",
   "type": "module",

package/plugin/code.js

@@ -1,7 +1,7 @@
 // figma-mcp — Figma Plugin main thread v1.2.1
 // Handles both WRITE (draw UI) and READ (extract design) operations.
 // AUTO-GENERATED by scripts/build-plugin.js — edit plugin-src/*.js instead
-// Generated: 2026-08-29T05:29:59.260Z
+// Generated: 2026-08-29T14:34:20.483Z
 
 // ── plugin-src/utils.js ──
 // ─── UTILS ────────────────────────────────────────────────────────────────────
@@ -1348,7 +1348,7 @@ const handlers = {};
 
 handlers.status = async () => ({
   connected:   true,
-  version:     "3.0.2",
+  version:     "3.0.4",
   fileName:    figma.root.name,
   currentPage: figma.currentPage.name,
   pageCount:   figma.root.children.length,
@@ -1359,19 +1359,54 @@ handlers.listPages = async () =>
   figma.root.children.map(p => ({ id: p.id, name: p.name }));
 
 handlers.setPage = async (params) => {
-  var name = params.name || params.pageName || (typeof params.page === "string" ? params.page : null);
-  var id   = params.id   || params.pageId;
+  if (typeof figma.loadAllPagesAsync === "function") {
+    try { await figma.loadAllPagesAsync(); } catch (e) {}
+  }
+  params = params || {};
+  var name = typeof params === "string" ? params : (params.name || params.pageName || params.title || (typeof params.page === "string" ? params.page : (params.page && typeof params.page.name === "string" ? params.page.name : null)));
+  var id = (typeof params === "object" && params !== null) ? (params.id || params.pageId || (params.page && typeof params.page.id === "string" ? params.page.id : null)) : null;
+  var index = (typeof params === "number") ? params : ((typeof params === "object" && params !== null) ? (params.index !== undefined ? params.index : params.pageIndex) : undefined);
+
   var page = null;
-  if (id)   page = figma.root.children.find(function(p) { return p.id === id; });
-  if (!page && name) page = figma.root.children.find(function(p) { return p.name === name; });
-  if (!page && figma.root.children.length === 1) page = figma.root.children[0];
-  if (!page) throw new Error("Page not found: \"" + (name || id) + "\". Available: " + figma.root.children.map(function(p) { return p.name; }).join(", "));
+  if (id) {
+    page = figma.root.children.find(function(p) { return p.id === id; });
+  }
+  if (!page && name) {
+    page = figma.root.children.find(function(p) { return p.name === name; });
+    if (!page) {
+      // Case-insensitive & trimmed match fallback
+      var lowerName = String(name).trim().toLowerCase();
+      page = figma.root.children.find(function(p) { return p.name.trim().toLowerCase() === lowerName; });
+    }
+  }
+  if (!page && typeof index === "number" && index >= 0 && index < figma.root.children.length) {
+    page = figma.root.children[index];
+  }
+  if (!page && !name && !id && index === undefined && figma.root.children.length === 1) {
+    page = figma.root.children[0];
+  }
+  if (!page) {
+    var requested = name || id || (index !== undefined ? ("index " + index) : null);
+    var available = figma.root.children.map(function(p) { return p.name; }).join(", ");
+    if (requested) {
+      throw new Error("Page not found: \"" + requested + "\". Available: " + available);
+    } else {
+      throw new Error("setPage requires a valid page name, id, or index. Available: " + available);
+    }
+  }
   await figma.setCurrentPageAsync(page);
   return { id: page.id, name: page.name };
 };
 
-handlers.createPage = async ({ name }) => {
-  const existing = figma.root.children.find(p => p.name === name);
+handlers.createPage = async (params) => {
+  if (typeof figma.loadAllPagesAsync === "function") {
+    try { await figma.loadAllPagesAsync(); } catch (e) {}
+  }
+  var name = typeof params === "string" ? params : (params && (params.name || params.pageName || params.title));
+  if (!name || typeof name !== "string") {
+    throw new Error("createPage requires a valid page name string");
+  }
+  const existing = figma.root.children.find(p => p.name === name || p.name.trim().toLowerCase() === name.trim().toLowerCase());
   if (existing) return { id: existing.id, name: existing.name, existed: true };
   const page = figma.createPage();
   page.name = name;
@@ -1379,13 +1414,15 @@ handlers.createPage = async ({ name }) => {
 };
 
 handlers.query = async (params) => {
-  var type = params.type, name = params.name, id = params.id;
+  params = params || {};
+  var type = params.type;
+  var name = params.name || params.nodeName || params.query || params.q;
+  var id = params.id || params.nodeId;
   var parentId = params.parentId, limit = params.limit || 500;
   if (id) {
     const n = await findNodeByIdAsync(id);
     return n ? [nodeToInfo(n)] : [];
   }
-  if (!type && !name) throw new Error("query requires at least one of: type, name, id");
   // BUG-03: parentId filter scopes search to a subtree; default cap raised 100 → 500.
   var scope = figma.currentPage;
   if (parentId) {
@@ -1394,10 +1431,14 @@ handlers.query = async (params) => {
     if (typeof parent.findAll !== "function") return [];
     scope = parent;
   }
+  if (!type && !name) {
+    var allChildren = scope.children || [];
+    return allChildren.slice(0, limit).map(nodeToInfo);
+  }
   const results = scope.findAll(n => {
-    if (type && name) return n.type === type && n.name === name;
+    if (type && name) return n.type === type && (n.name === name || (typeof name === "string" && n.name.toLowerCase().includes(name.toLowerCase())));
     if (type) return n.type === type;
-    return n.name === name;
+    return n.name === name || (typeof name === "string" && n.name.toLowerCase().includes(name.toLowerCase()));
   });
   return results.slice(0, limit).map(nodeToInfo);
 };
@@ -3094,23 +3135,26 @@ async function exportNodeSvg(node) {
 
 // export_svg — export node as SVG string
 handlers.export_svg = async function(params) {
-  var id = params ? params.id : null;
-  var nodeName = params ? params.name : null;
+  var id = params ? (params.id || params.nodeId) : null;
+  var nodeName = params ? (params.name || params.nodeName) : null;
   var node = null;
   if (id) node = await findNodeByIdAsync(id);
   if (!node && nodeName) {
     node = findNodeByName(nodeName);
   }
+  if (!node && figma.currentPage.selection.length > 0) {
+    node = figma.currentPage.selection[0];
+  }
   if (!node) node = figma.currentPage;
-  if (!node) throw new Error("Node not found");
+  if (!node) throw new Error("Node not found for export");
   var svg = await exportNodeSvg(node);
   return { svg: svg, nodeId: node.id, width: Math.round(node.width), height: Math.round(node.height) };
 };
 
 // export_image — export node as base64 PNG/JPG (for saving to disk, not for inline display)
 handlers.export_image = async function(params) {
-  var id = params ? params.id : null;
-  var nodeName = params ? params.name : null;
+  var id = params ? (params.id || params.nodeId) : null;
+  var nodeName = params ? (params.name || params.nodeName) : null;
   var format = (params && params.format) ? params.format.toUpperCase() : "PNG";
   var scale = (params && params.scale) ? params.scale : 2;
 
@@ -3121,6 +3165,16 @@ handlers.export_image = async function(params) {
   if (!node && nodeName) {
     node = findNodeByName(nodeName);
   }
+  if (!node && figma.currentPage.selection.length > 0) {
+    node = figma.currentPage.selection[0];
+  }
+  if (!node) {
+    var children = figma.currentPage.children || [];
+    var exportableTypes = ["FRAME", "COMPONENT", "COMPONENT_SET", "SECTION", "INSTANCE", "GROUP"];
+    for (var i = 0; i < children.length; i++) {
+      if (exportableTypes.indexOf(children[i].type) !== -1) { node = children[i]; break; }
+    }
+  }
   if (!node) throw new Error("Node not found for export");
 
   // BUG-05 fix: same as screenshot — force render before export, then put the
@@ -4165,8 +4219,9 @@ handlers.get_variables = async function() {
   return { collections: collections, resolvedTokens: resolvedTokensMap };
 };
 
-handlers.get_tokens = handlers.get_variable_tokens;
-handlers.tokens = handlers.get_variable_tokens;
+handlers.get_variable_tokens = handlers.get_variables;
+handlers.get_tokens = handlers.get_variables;
+handlers.tokens = handlers.get_variables;
 
 // ─── EXPORT ASSETS (Batch Icon & Image Extractor) ────────────────────────────
 handlers.export_assets = async function(params) {

package/plugin/ui.html

@@ -457,6 +457,18 @@
     }
     .t-tab:hover { color: var(--text-secondary); background: rgba(255,255,255,0.04); }
     .t-tab.active { color: var(--text-primary); background: var(--surface-card); box-shadow: 0 1px 2px rgba(0,0,0,0.3); }
+    .t-tab.tab-err.active { color: var(--ghost-rose); }
+    .tab-badge-err {
+      font-size: 7.5px;
+      font-weight: 700;
+      color: var(--ghost-rose);
+      background: rgba(251, 113, 133, 0.18);
+      border-radius: var(--radius-full);
+      padding: 0 4px;
+      margin-left: 2px;
+      line-height: 1.3;
+      display: inline-block;
+    }
 
     .terminal-meta { display: flex; align-items: center; gap: 6px; }
 
@@ -810,9 +822,16 @@
           <button class="t-tab active" onclick="setLogFilter('all', this)">All</button>
           <button class="t-tab" onclick="setLogFilter('writes', this)">Writes</button>
           <button class="t-tab" onclick="setLogFilter('reads', this)">Reads</button>
+          <button class="t-tab tab-err" id="tab-errors" onclick="setLogFilter('errors', this)">Errors <span class="tab-badge-err" id="tab-err-badge" style="display:none">0</span></button>
         </div>
         <div class="terminal-meta">
           <span class="event-badge" id="log-count">0 ev</span>
+          <button class="act-btn icon-only" onclick="copyLogs()" title="Copy console logs (respects active tab)" style="height:18px;width:18px;border-radius:3px;">
+            <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+              <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
+            </svg>
+          </button>
           <button class="act-btn icon-only" onclick="clearLog()" title="Clear stream console" style="height:18px;width:18px;border-radius:3px;">
             <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
               <polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14H6L5 6"/><path d="M10 11v6M14 11v6"/><path d="M9 6V4h6v2"/>
@@ -933,15 +952,35 @@
       if (el) el.classList.add("active");
 
       var lines = logEl.querySelectorAll(".log-line");
+      var visibleCount = 0;
       lines.forEach(function(line) {
+        var match = false;
         if (filter === 'all') {
-          line.style.display = "flex";
+          match = true;
         } else if (filter === 'writes') {
-          line.style.display = line.dataset.type === 'write' ? "flex" : "none";
+          match = line.dataset.type === 'write';
         } else if (filter === 'reads') {
-          line.style.display = line.dataset.type === 'read' ? "flex" : "none";
+          match = line.dataset.type === 'read';
+        } else if (filter === 'errors') {
+          match = line.dataset.cls === 'err';
         }
+        line.style.display = match ? "flex" : "none";
+        if (match) visibleCount++;
       });
+
+      if (logEmptyEl) {
+        if (visibleCount === 0 && totalLogEvents > 0) {
+          logEmptyEl.style.display = "flex";
+          var emptyText = logEmptyEl.querySelector(".terminal-empty-text");
+          if (emptyText) emptyText.textContent = filter === 'errors' ? "No errors logged" : "No matching logs";
+        } else if (totalLogEvents === 0) {
+          logEmptyEl.style.display = "flex";
+          var emptyText = logEmptyEl.querySelector(".terminal-empty-text");
+          if (emptyText) emptyText.textContent = "Listening on MCP bridge…";
+        } else {
+          logEmptyEl.style.display = "none";
+        }
+      }
     }
 
     async function fetchServerStats() {
@@ -1224,8 +1263,76 @@
       }, 500);
     }
 
+    var totalErrors = 0;
+
+    function updateErrorBadge() {
+      var badge = document.getElementById("tab-err-badge");
+      if (!badge) return;
+      if (totalErrors > 0) {
+        badge.textContent = totalErrors;
+        badge.style.display = "inline-block";
+      } else {
+        badge.style.display = "none";
+      }
+    }
+
+    function copyTextToClipboard(text, successMsg) {
+      if (!text) return;
+      if (navigator.clipboard && navigator.clipboard.writeText) {
+        navigator.clipboard.writeText(text).then(function() {
+          showToast(successMsg || "Copied!", "✓");
+        }).catch(function() {
+          fallbackCopy(text, successMsg);
+        });
+      } else {
+        fallbackCopy(text, successMsg);
+      }
+    }
+
+    function fallbackCopy(text, successMsg) {
+      try {
+        var ta = document.createElement("textarea");
+        ta.value = text;
+        ta.style.position = "fixed";
+        ta.style.left = "-9999px";
+        document.body.appendChild(ta);
+        ta.select();
+        document.execCommand("copy");
+        document.body.removeChild(ta);
+        showToast(successMsg || "Copied!", "✓");
+      } catch(e) {
+        showToast("Copy failed", "✗");
+      }
+    }
+
+    function copyLogs() {
+      var lines = logEl.querySelectorAll(".log-line");
+      var visibleTexts = [];
+      lines.forEach(function(line) {
+        if (line.style.display !== "none") {
+          var ts = line.querySelector(".log-ts");
+          var msg = line.querySelector(".log-msg");
+          var text = (ts ? ts.textContent + " " : "") + (msg ? msg.textContent : line.textContent);
+          visibleTexts.push(text.trim());
+        }
+      });
+
+      if (visibleTexts.length === 0) {
+        showToast(activeLogFilter === 'errors' ? "No errors to copy" : "No logs to copy", "ℹ");
+        return;
+      }
+
+      var fullText = visibleTexts.join("\n");
+      var label = activeLogFilter === 'errors' ? "Errors copied (" + visibleTexts.length + ")!" : "Logs copied (" + visibleTexts.length + ")!";
+      copyTextToClipboard(fullText, label);
+    }
+
     function log(msg, cls, opType) {
       totalLogEvents++;
+      if (cls === 'err') {
+        totalErrors++;
+        updateErrorBadge();
+      }
       if (logCountEl) logCountEl.textContent = totalLogEvents + " ev";
 
       if (logEmptyEl) logEmptyEl.style.display = "none";
@@ -1235,6 +1342,9 @@
       var line = document.createElement("div");
       line.className = "log-line";
       if (opType) line.dataset.type = opType;
+      if (cls) line.dataset.cls = cls;
+      line.title = "Click to copy";
+      line.style.cursor = "pointer";
 
       var ts = document.createElement("span");
       ts.className = "log-ts";
@@ -1252,10 +1362,17 @@
       line.appendChild(prompt);
       line.appendChild(content);
 
+      line.addEventListener("click", function() {
+        var text = (ts ? ts.textContent + " " : "") + (content ? content.textContent : line.textContent);
+        copyTextToClipboard(text.trim(), "Copied line!");
+      });
+
       if (activeLogFilter === 'writes' && opType !== 'write') {
         line.style.display = "none";
       } else if (activeLogFilter === 'reads' && opType !== 'read') {
         line.style.display = "none";
+      } else if (activeLogFilter === 'errors' && cls !== 'err') {
+        line.style.display = "none";
       }
 
       logEl.appendChild(line);
@@ -1273,6 +1390,8 @@
     function clearLog() {
       logEl.innerHTML = "";
       totalLogEvents = 0;
+      totalErrors = 0;
+      updateErrorBadge();
       if (logCountEl) logCountEl.textContent = "0 ev";
       var empty = document.createElement("div");
       empty.id = "log-empty";