@clovis500c/figma-bridge 1.8.0 → 1.13.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

@@ -357,7 +357,8 @@
 
     <section class="banner warn" id="verBar">
       <span class="bico"><svg width="14" height="14"><use href="#i-alert"/></svg></span>
-      <div class="main"><b>Version mismatch</b><span id="verMsg">Reopen the plugin or update.</span></div>
+      <div class="main"><b id="verTitle">Version mismatch</b><span id="verMsg">Reopen the plugin or update.</span></div>
+      <button class="mini" id="btnReopen">Reopen</button>
     </section>
 
     <section class="banner" id="waitBar">
@@ -487,6 +488,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" };
@@ -774,6 +778,9 @@ 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;
@@ -926,10 +933,23 @@ function onProgress(msg) {
   renderBar();
 }
 
+function newerThan(a, b) {
+  const pa = a.split(".").map(Number), pb = b.split(".").map(Number);
+  for (let i = 0; i < 3; i++) if ((pa[i] || 0) !== (pb[i] || 0)) return (pa[i] || 0) > (pb[i] || 0);
+  return false;
+}
+
 function renderVersion() {
   const mismatch = !!(serverVersion && version && serverVersion !== version);
   document.body.classList.toggle("mismatch", mismatch);
-  if (mismatch) $("verMsg").textContent = "Plugin v" + version + ", server v" + serverVersion + ": reopen the plugin or update.";
+  if (!mismatch) return;
+  // The server installs the matching plugin when it starts: a newer server means the update is already on disk.
+  const updateReady = newerThan(serverVersion, version);
+  $("verTitle").textContent = updateReady ? "Update installed: v" + serverVersion : "Older server: v" + serverVersion;
+  $("verMsg").textContent = updateReady
+    ? "Reopen the plugin to use it."
+    : "This plugin is v" + version + ". Restart your AI client to update its server.";
+  $("btnReopen").style.display = updateReady ? "" : "none";
 }
 
 // ─── Rendering ──────────────────────────────────────────────────────────────
@@ -1112,6 +1132,7 @@ $("btnWaitCancel").onclick = () => {
   const w = [...waits.values()].pop();
   if (w) toPlugin({ t: "cancelWait", id: w.id });
 };
+$("btnReopen").onclick = () => toPlugin({ t: "reopen" });
 $("btnClear").onclick = () => { entries.length = 0; openId = null; render(); };
 $("btnRetry").onclick = () => { retryDelay = 400; connect(); };
 $("btnCopyCmd").onclick = () => copy("Get-NetTCPConnection -LocalPort 3055");
@@ -1184,7 +1205,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") {