@clovis500c/figma-bridge 1.5.0 → 1.12.0

package/plugin/manifest.json

@@ -4,8 +4,9 @@
   "api": "1.0.0",
   "main": "code.js",
   "ui": "ui.html",
-  "editorType": ["figma"],
+  "editorType": ["figma", "figjam", "slides"],
   "documentAccess": "dynamic-page",
+  "enablePrivatePluginApi": true,
   "networkAccess": {
     "allowedDomains": ["none"],
     "devAllowedDomains": ["http://localhost:3055", "ws://localhost:3055"],

package/plugin/ui.html

@@ -473,6 +473,7 @@ const METHODS = {
   find: { label: "Find", color: "#64748b", icon: "i-search" },
   get_design_system: { label: "Design system", color: "#64748b", icon: "i-swatch" },
   design_tokens: { label: "Design tokens", color: "#0d99ff", icon: "i-swatch" },
+  export_tokens: { label: "Export tokens", color: "#64748b", icon: "i-swatch" },
   audit: { label: "Audit", color: "#16a34a", icon: "i-shield" },
   get_css: { label: "CSS", color: "#64748b", icon: "i-braces" },
   checkpoint: { label: "Checkpoint", color: "#64748b", icon: "i-history" },
@@ -486,6 +487,9 @@ const METHODS = {
   prototype: { label: "Prototype", color: "#8b5cf6", icon: "i-play" },
   annotate: { label: "Annotate", color: "#f59e0b", icon: "i-note" },
   export_tree: { label: "Export code", color: "#64748b", icon: "i-braces" },
+  node_info: { label: "Layer names", color: "#64748b", icon: "i-tree" },
+  roblox_tree: { label: "Roblox export", color: "#e11d48", icon: "i-braces" },
+  roblox_images: { label: "Roblox images", color: "#e11d48", icon: "i-image" },
   ping: { label: "Ping", color: "#64748b", icon: "i-pulse" },
 };
 const methodOf = (m) => METHODS[m] || { label: m, color: "#64748b", icon: "i-pulse" };
@@ -773,13 +777,16 @@ function summarize(msg) {
       return action.charAt(0).toUpperCase() + action.slice(1) + (p.nodeId ? " · " + p.nodeId : "");
     }
     case "export_tree": return p.nodeId ? "Node " + p.nodeId : "Selection";
+    case "roblox_tree": return p.nodeId ? "Node " + p.nodeId : "Selection";
+    case "roblox_images": return (p.items || []).length + " picture" + ((p.items || []).length === 1 ? "" : "s") + " at " + ((p.items && p.items[0] && p.items[0].scale) || 2) + "×";
+    case "node_info": return (p.ids || []).length + " layer" + ((p.ids || []).length === 1 ? "" : "s");
     case "wait_for_selection": return p.message || "Select layers";
     case "build": {
       let count = 0;
       const walk = (n) => { if (!n || typeof n !== "object") return; if (Array.isArray(n)) return n.forEach(walk); count++; if (Array.isArray(n.children)) n.children.forEach(walk); if (Array.isArray(n.variants)) n.variants.forEach(walk); };
       walk(p.spec);
       const root = Array.isArray(p.spec) ? p.spec[0] : p.spec;
-      return ((root && root.name) || "Layout") + " · " + count + " layer" + (count === 1 ? "" : "s");
+      return (p.label ? p.label + " · " : "") + ((root && root.name) || "Layout") + " · " + count + " layer" + (count === 1 ? "" : "s");
     }
     case "find": {
       const parts = [];
@@ -798,7 +805,8 @@ function summarize(msg) {
       const styles = (st.colors || []).length + (st.text || []).length + (st.effects || []).length;
       return vars + " variable" + (vars === 1 ? "" : "s") + " · " + styles + " style" + (styles === 1 ? "" : "s");
     }
-    case "audit": return p.nodeId ? "Node " + p.nodeId : "Selection";
+    case "export_tokens": return p.collections && p.collections.length ? p.collections.join(", ") : "Variables and styles";
+    case "audit": return (p.fix || p.fixes ? "Fix · " : p.scope === "design-system" ? "Design system health · " : "") + (p.nodeId ? "Node " + p.nodeId : p.scope === "design-system" && !p.fix ? "Whole file" : "Selection");
     case "get_css": return p.nodeId ? "Node " + p.nodeId : "Selection";
     case "checkpoint": return p.action.charAt(0).toUpperCase() + p.action.slice(1) + (p.label ? " · " + p.label : p.id ? " · " + p.id : "");
     default: return "";
@@ -1182,7 +1190,7 @@ window.onmessage = (ev) => {
   } else if (msg.t === "info") {
     session = msg.session;
     renderSession();
-    send({ t: "info", fileName: session.fileName, page: session.page });
+    send({ t: "info", fileName: session.fileName, page: session.page, pageId: session.pageId });
   } else if (msg.t === "res") {
     onResult(msg);
   } else if (msg.t === "progress") {