@clovis500c/figma-bridge 1.13.0 → 1.14.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clovis500c/figma-bridge",
-  "version": "1.13.0",
+  "version": "1.14.2",
   "type": "module",
   "description": "Local MCP bridge that lets any AI agent design in the Figma desktop app, with no rate limits.",
   "keywords": [

package/plugin/code.js

@@ -418,6 +418,304 @@
     return { count: out.length, nodes: out };
   }
 
+  // plugin/lib/naming.ts
+  var GENERIC_NAME = /^(frame|rectangle|ellipse|group|vector|text|line|polygon|star|component|instance|section|image|auto ?layout|union|subtract|intersect|exclude|boolean|layer|shape|slice|mask|container|wrapper|div|span|box)(\s*\d+)?(\s+copy(\s*\d+)?)?$/i;
+  function isGenericName(n) {
+    const name = n.name.trim();
+    if (!name || GENERIC_NAME.test(name))
+      return true;
+    if (n.kind === "text" && n.text !== undefined) {
+      const t = n.text.trim();
+      const a = name.toLowerCase();
+      const b = t.toLowerCase();
+      return a === b || a.length >= 12 && b.indexOf(a) === 0;
+    }
+    return false;
+  }
+  var NUMERIC = /^[\s$€£¥+\-−]*[\d][\d\s.,:%/×x+\-−]*[\s$€£¥%kKmMbB]*$/;
+  var SCREEN_W = [360, 375, 390, 393, 402, 412, 414, 428, 430, 440];
+  function visibleKids(n) {
+    return n.children.filter(function(c) {
+      return !c.hidden;
+    });
+  }
+  function maxFont(n) {
+    let m = n.kind === "text" && n.fontSize ? n.fontSize : 0;
+    for (let i = 0;i < n.children.length; i++) {
+      const c = n.children[i];
+      if (c && !c.hidden)
+        m = Math.max(m, maxFont(c));
+    }
+    return m;
+  }
+  function onlyKinds(list, kinds) {
+    for (let i = 0;i < list.length; i++) {
+      const c = list[i];
+      if (c && kinds.indexOf(c.kind) === -1)
+        return false;
+    }
+    return list.length > 0;
+  }
+  function buttonLike(n) {
+    const kids = visibleKids(n);
+    if (!n.background || n.h > 72 || kids.length === 0 || kids.length > 3)
+      return false;
+    let texts = 0;
+    for (let i = 0;i < kids.length; i++) {
+      const c = kids[i];
+      if (!c)
+        continue;
+      if (c.kind === "text") {
+        texts++;
+        if ((c.text || "").length > 32)
+          return false;
+      } else if (c.kind !== "vector" && c.kind !== "image")
+        return false;
+    }
+    return texts === 1;
+  }
+  function isScreen(n) {
+    return SCREEN_W.indexOf(Math.round(n.w)) !== -1 && n.h >= 640 || n.w >= 1024 && n.h >= 600;
+  }
+  function largestText(n, parent) {
+    const others = parent ? visibleKids(parent).filter(function(c) {
+      return c !== n && c.kind === "text";
+    }) : [];
+    const size = n.fontSize || 14;
+    return others.length > 0 && others.every(function(c) {
+      return (c.fontSize || 14) < size;
+    });
+  }
+  function covers(n, p) {
+    return Math.abs(n.x) <= 1 && Math.abs(n.y) <= 1 && n.w >= p.w - 1 && n.h >= p.h - 1;
+  }
+  function roleOf(n, parent, root, top, inButton) {
+    const kids = visibleKids(n);
+    if (n.kind === "text") {
+      const t = (n.text || "").trim();
+      const size = n.fontSize || 14;
+      if (inButton)
+        return "Label";
+      if (NUMERIC.test(t))
+        return "Value";
+      if (size >= top - 0.5 && size >= 18)
+        return "Title";
+      if (size >= 16 && largestText(n, parent))
+        return "Title";
+      if (size >= 20)
+        return "Heading";
+      if (t.length > 60)
+        return "Description";
+      if (size <= 12)
+        return "Caption";
+      if (t.length > 30)
+        return "Description";
+      return "Label";
+    }
+    if (n.kind === "vector")
+      return "Icon";
+    if (n.kind === "image" && kids.length === 0) {
+      const round = n.ellipse || n.radius !== undefined && Math.abs(n.w - n.h) <= 1 && n.radius >= n.w / 2 - 1;
+      return round ? "Avatar" : "Image";
+    }
+    if (kids.length === 0) {
+      if (Math.min(n.w, n.h) <= 2 && Math.max(n.w, n.h) > 8)
+        return "Divider";
+      if (parent && covers(n, parent))
+        return "Background";
+      if (n.clickable)
+        return "Button";
+      if (n.ellipse)
+        return n.w <= 16 ? "Dot" : "Circle";
+      return "Shape";
+    }
+    if (n.clickable)
+      return "Button";
+    if (buttonLike(n)) {
+      const label = kids.filter(function(c) {
+        return c.kind === "text";
+      })[0];
+      return n.h <= 24 || label && (label.fontSize || 14) <= 12 ? "Badge" : "Button";
+    }
+    if (!parent) {
+      if (isScreen(n))
+        return "Screen";
+    } else if (parent === root && isScreen(root)) {
+      if (n.w >= root.w * 0.9 && n.y <= root.h * 0.1 && n.h <= root.h * 0.25)
+        return "Header";
+      if (n.w >= root.w * 0.9 && n.y + n.h >= root.h * 0.9 && n.h <= root.h * 0.25)
+        return "Footer";
+      if (n.h >= root.h * 0.9 && n.w <= root.w * 0.35 && n.x <= 1)
+        return "Sidebar";
+    }
+    const flow = kids.filter(function(c) {
+      return !c.absolute;
+    });
+    if (flow.length >= 2) {
+      const r = baseName(flow[0]);
+      const same = flow.every(function(c) {
+        return baseName(c) === r;
+      });
+      if (same && r && r !== "Label" && r !== "Value" && r !== "Divider") {
+        if (r === "Button")
+          return "Actions";
+        return r + (n.layout === "GRID" || n.wrap ? "Grid" : "List");
+      }
+    }
+    if (n.background)
+      return n.radius ? "Card" : "Panel";
+    if (onlyKinds(kids, ["text"]))
+      return "TextGroup";
+    if (n.layout === "HORIZONTAL")
+      return "Row";
+    if (n.layout === "GRID")
+      return "Grid";
+    return "Container";
+  }
+  function baseName(n) {
+    return pascalName(n.role || n.name).replace(/\d+$/, "");
+  }
+  function inferRoles(root) {
+    const top = maxFont(root);
+    const walk = function(n, parent, inButton) {
+      const button = n.kind !== "text" && (n.clickable || buttonLike(n) || /button|btn/i.test(n.name));
+      for (let i = 0;i < n.children.length; i++) {
+        const c = n.children[i];
+        if (c)
+          walk(c, n, inButton || button);
+      }
+      if (isGenericName(n))
+        n.role = roleOf(n, parent, root, top, inButton);
+    };
+    walk(root, null, false);
+  }
+  function pascalName(name) {
+    let segs = name.split("/").map(function(s) {
+      return s.replace(/^[\w-]+:/, "").trim();
+    }).filter(function(s) {
+      return s && !/^default$/i.test(s);
+    });
+    if (segs.length > 1)
+      segs = segs.slice(1).concat([segs[0]]);
+    const words = segs.join(" ").normalize("NFKD").replace(/[̀-ͯ]/g, "").replace(/([a-z0-9])([A-Z])/g, "$1 $2").split(/[^A-Za-z0-9]+/).filter(Boolean);
+    const out = words.map(function(w) {
+      return w === w.toUpperCase() && w.length <= 4 ? w : w.charAt(0).toUpperCase() + w.slice(1).toLowerCase();
+    }).join("");
+    return out.slice(0, 48);
+  }
+  var ROLE_WORDS = ("Actions Avatar Background Badge Banner Bar Body Button Card Column Container Content Controls Details Dialog Divider Footer Frame Grid Group Gui " + "Header Hero Hud HUD Info Item List Menu Modal Nav Navbar Navigation Overlay Panel Popup Row Screen Section Sidebar Slot Stack Stats Tab Tabs Tile " + "Toolbar Tooltip Window Wrapper").split(" ");
+
+  // plugin/lib/roles.ts
+  var VECTORS = ["VECTOR", "BOOLEAN_OPERATION", "STAR", "POLYGON", "LINE"];
+  function visiblePaints(list) {
+    if (!list || list === figma.mixed)
+      return [];
+    return list.filter(function(p) {
+      return p.visible !== false && (p.opacity === undefined || p.opacity > 0);
+    });
+  }
+  function vectorOnly(n) {
+    if (VECTORS.indexOf(n.type) !== -1)
+      return true;
+    if (n.type === "TEXT" || !("children" in n) || !n.children.length)
+      return false;
+    for (let i = 0;i < n.children.length; i++)
+      if (n.children[i].visible !== false && !vectorOnly(n.children[i]))
+        return false;
+    return true;
+  }
+  function fontSizeOf(t) {
+    if (typeof t.fontSize === "number")
+      return t.fontSize;
+    let max = 0;
+    try {
+      const segs = t.getStyledTextSegments(["fontSize"]);
+      for (let i = 0;i < segs.length; i++)
+        max = Math.max(max, segs[i].fontSize);
+    } catch (e) {}
+    return max || 14;
+  }
+  function describe(n, depth) {
+    const fills = "fills" in n ? visiblePaints(n.fills) : [];
+    const strokes = "strokes" in n ? visiblePaints(n.strokes) : [];
+    const kids = "children" in n && n.type !== "TEXT" && depth < 12 ? n.children : [];
+    const image = fills.length === 1 && fills[0].type === "IMAGE";
+    let kind = "shape";
+    if (n.type === "TEXT")
+      kind = "text";
+    else if (vectorOnly(n))
+      kind = "vector";
+    else if (image && !kids.length)
+      kind = "image";
+    else if (kids.length || n.layoutMode && n.layoutMode !== "NONE")
+      kind = "frame";
+    let radius = 0;
+    if (typeof n.cornerRadius === "number")
+      radius = n.cornerRadius;
+    else if ("topLeftRadius" in n)
+      radius = Math.max(n.topLeftRadius, n.topRightRadius, n.bottomRightRadius, n.bottomLeftRadius);
+    const r = {
+      node: n,
+      kind,
+      name: n.name,
+      x: n.x || 0,
+      y: n.y || 0,
+      w: n.width || 0,
+      h: n.height || 0,
+      hidden: n.visible === false,
+      background: fills.length > 0 || strokes.length > 0,
+      radius,
+      ellipse: n.type === "ELLIPSE",
+      clickable: !!(n.reactions && n.reactions.some(function(x) {
+        return x.trigger && (x.trigger.type === "ON_CLICK" || x.trigger.type === "ON_PRESS");
+      })),
+      absolute: n.layoutPositioning === "ABSOLUTE",
+      children: []
+    };
+    if (n.type === "TEXT") {
+      r.text = n.characters;
+      r.fontSize = fontSizeOf(n);
+    }
+    if (n.layoutMode && n.layoutMode !== "NONE")
+      r.layout = n.layoutMode;
+    if (n.layoutWrap === "WRAP")
+      r.wrap = true;
+    if (kind !== "vector") {
+      for (let i = 0;i < kids.length; i++)
+        r.children.push(describe(kids[i], depth + 1));
+    }
+    return r;
+  }
+  function roleNames(root) {
+    const tree = describe(root, 0);
+    inferRoles(tree);
+    const out = {};
+    const walk = function(r) {
+      if (r.role)
+        out[r.node.id] = r.role;
+      for (let i = 0;i < r.children.length; i++)
+        walk(r.children[i]);
+    };
+    walk(tree);
+    return out;
+  }
+  function applyRoleNames(root, rename) {
+    const names = roleNames(root);
+    let count = 0;
+    const walk = function(n) {
+      const role = names[n.id];
+      if (role && rename(n) && n.name !== role) {
+        n.name = role;
+        count++;
+      }
+      if ("children" in n && n.type !== "INSTANCE")
+        for (let i = 0;i < n.children.length; i++)
+          walk(n.children[i]);
+    };
+    walk(root);
+    return count;
+  }
+
   // plugin/lib/health.ts
   var MAX_NODES = 20000;
   var MAX_ISSUES = 100;
@@ -829,6 +1127,15 @@
     }
     const changes = [];
     const counts = { colors: 0, numbers: 0, textStyles: 0, names: 0 };
+    const roleCache = {};
+    const roleFor = function(n) {
+      let top = n;
+      while (top.parent && top.parent.type !== "PAGE" && top.parent.type !== "DOCUMENT" && top.parent.type !== "SECTION")
+        top = top.parent;
+      if (!roleCache[top.id])
+        roleCache[top.id] = roleNames(top);
+      return roleCache[top.id][n.id] || null;
+    };
     const record = function(n, fix, from, to) {
       counts[fix]++;
       if (changes.length < 200)
@@ -935,7 +1242,7 @@
         }
       }
       if (fixes.indexOf("names") !== -1 && n.type !== "TEXT" && DEFAULT_NAME.test(n.name)) {
-        const name = nameFromContent(n);
+        const name = roleFor(n);
         if (name && name !== n.name) {
           const from = n.name;
           n.name = name;
@@ -945,52 +1252,6 @@
     }
     return { scope: scope.label, fixed: counts, changes, truncated: scope.truncated || changes.length >= 200 };
   }
-  function firstText(n, depth) {
-    if (n.type === "TEXT")
-      return n.characters;
-    if (depth > 3 || !("children" in n))
-      return "";
-    for (let i = 0;i < n.children.length; i++) {
-      if (n.children[i].visible === false)
-        continue;
-      const t = firstText(n.children[i], depth + 1);
-      if (t.trim())
-        return t;
-    }
-    return "";
-  }
-  function hasImage(n) {
-    return "fills" in n && n.fills !== figma.mixed && n.fills.some(function(f) {
-      return f.type === "IMAGE" && f.visible !== false;
-    });
-  }
-  function vectorOnly(n) {
-    if (n.type === "VECTOR" || n.type === "BOOLEAN_OPERATION" || n.type === "STAR" || n.type === "POLYGON")
-      return true;
-    if (!("children" in n) || !n.children.length || n.type === "TEXT")
-      return false;
-    for (let i = 0;i < n.children.length; i++)
-      if (!vectorOnly(n.children[i]))
-        return false;
-    return true;
-  }
-  function nameFromContent(n) {
-    if (hasImage(n))
-      return "Image";
-    if (n.type === "VECTOR" || (n.type === "GROUP" || n.type === "FRAME") && vectorOnly(n))
-      return "Icon";
-    const text = firstText(n, 0).split(`
-`)[0].trim();
-    if (text)
-      return text.length > 32 ? text.slice(0, 31) + "…" : text;
-    if (n.layoutMode === "HORIZONTAL")
-      return "Row";
-    if (n.layoutMode === "VERTICAL")
-      return "Column";
-    if (n.layoutMode === "GRID")
-      return "Grid";
-    return null;
-  }
 
   // plugin/lib/audit.ts
   var MAX_NODES2 = 5000;
@@ -1958,6 +2219,7 @@
       reactions: [],
       connectors: [],
       keys: {},
+      unnamed: {},
       requestId,
       total: countNodes(roots),
       lastProgress: 0
@@ -1981,6 +2243,15 @@
       }
       made.push(node);
     }
+    for (let i = 0;i < made.length; i++) {
+      try {
+        applyRoleNames(made[i], function(n) {
+          return !!ctx.unnamed[n.id];
+        });
+      } catch (e) {
+        ctx.warnings.push("Layer names: " + (e.message || e));
+      }
+    }
     if (ctx.reactions.length)
       await applyBuildReactions(ctx.reactions, ctx.ids, ctx.warnings);
     const connectors = await createConnectors(ctx);
@@ -2173,6 +2444,8 @@
       node.name = String(s.name);
     else if (type === "icon")
       node.name = "icon/" + s.icon;
+    else if (NAMED_BY_ROLE.indexOf(type) !== -1)
+      ctx.unnamed[node.id] = true;
     if (type === "frame" || type === "component")
       await setupFrame(node, s, ctx, path);
     else if (type === "slide")
@@ -2241,6 +2514,7 @@
     }
     return node;
   }
+  var NAMED_BY_ROLE = ["frame", "component", "text", "rect", "ellipse", "line", "image", "svg"];
   var FIXED_LOOK = ["sticky", "shape", "table", "codeblock"];
   async function setupFrame(f, s, ctx, path, keepFills) {
     if (!keepFills)
@@ -2325,6 +2599,8 @@
     if (mode === "GRID") {
       if (await setupGrid(f, s, ctx, path))
         return;
+      if (Array.isArray(s.gridSize))
+        return placeGridItems(f, s);
       mode = "HORIZONTAL";
       s = Object.assign({}, s, { wrap: true, rowGap: s.rowGap !== undefined ? s.rowGap : s.gap, gap: s.columnGap !== undefined ? s.columnGap : s.gap });
     }
@@ -2369,7 +2645,28 @@
       return { type: "FIXED", value: parseFloat(px[1]) };
     return fallback === "FLEX" ? { type: "FLEX", value: 1 } : { type: "HUG" };
   }
+  var GRID_FALLBACK = `Figma's grid track API failed (a Figma bug: "invalid id"): grids were built as wrapping rows, or at their measured positions for imported pages.`;
+  var gridTracksBroken = false;
+  function tracksReadable(f) {
+    try {
+      const t = f.gridColumnSizes[0];
+      return !!t && typeof t.type === "string";
+    } catch (e) {
+      return false;
+    }
+  }
   async function setupGrid(f, s, ctx, path) {
+    const fallback = function() {
+      gridTracksBroken = true;
+      try {
+        f.layoutMode = "NONE";
+      } catch (e) {}
+      if (ctx.warnings.indexOf(GRID_FALLBACK) === -1)
+        ctx.warnings.push(GRID_FALLBACK);
+      return false;
+    };
+    if (gridTracksBroken)
+      return fallback();
     try {
       f.layoutMode = "GRID";
     } catch (e) {
@@ -2399,14 +2696,16 @@
     set("rows", function() {
       f.gridRowCount = rowCount;
     });
-    set("column sizes", function() {
+    if (!tracksReadable(f))
+      return fallback();
+    try {
       for (let i = 0;i < colCount; i++)
-        applyTrack(f.gridColumnSizes[i], track(cols ? cols[i] : undefined, fixedW ? "FLEX" : "HUG"));
-    });
-    set("row sizes", function() {
+        applyTrack(f, "gridColumnSizes", i, track(cols ? cols[i] : undefined, fixedW ? "FLEX" : "HUG"));
       for (let i = 0;i < rowCount; i++)
-        applyTrack(f.gridRowSizes[i], track(rows ? rows[i] : undefined, fixedH ? "FLEX" : "HUG"));
-    });
+        applyTrack(f, "gridRowSizes", i, track(rows ? rows[i] : undefined, fixedH ? "FLEX" : "HUG"));
+    } catch (e) {
+      return fallback();
+    }
     if (!fixedW)
       set("sizing", function() {
         f.layoutSizingHorizontal = "HUG";
@@ -2429,12 +2728,30 @@
       await setPadding(f, s.padding);
     return true;
   }
-  function applyTrack(t, spec) {
-    if (!t)
+  function placeGridItems(f, s) {
+    if (s.w === "hug" || s.w === undefined)
+      s.w = s.gridSize[0];
+    if (s.h === "hug" || s.h === undefined)
+      s.h = s.gridSize[1];
+    const kids = Array.isArray(s.children) ? s.children : [];
+    for (let i = 0;i < kids.length; i++) {
+      const p = kids[i] && kids[i].place;
+      if (!Array.isArray(p))
+        continue;
+      kids[i].x = p[0];
+      kids[i].y = p[1];
+      kids[i].w = p[2];
+      if (kids[i].type !== "text" || kids[i].h !== undefined)
+        kids[i].h = p[3];
+    }
+  }
+  function applyTrack(f, field, i, spec) {
+    if (!f[field][i])
       return;
-    t.type = spec.type;
-    if (spec.value !== undefined && spec.type !== "HUG")
-      t.value = spec.value;
+    if (f[field][i].type !== spec.type)
+      f[field][i].type = spec.type;
+    if (spec.value !== undefined && spec.type !== "HUG" && f[field][i].value !== spec.value)
+      f[field][i].value = spec.value;
   }
   function spanOf(s, axis) {
     if (!s || typeof s !== "object")
@@ -2853,10 +3170,13 @@
     const right = v[1] === undefined ? v[0] : v[1];
     const bottom = v[2] === undefined ? v[0] : v[2];
     const left = v[3] === undefined ? right : v[3];
-    await setNumber(f, "paddingTop", top);
-    await setNumber(f, "paddingRight", right);
-    await setNumber(f, "paddingBottom", bottom);
-    await setNumber(f, "paddingLeft", left);
+    const clamp = function(x) {
+      return typeof x === "number" ? Math.max(0, x) : x;
+    };
+    await setNumber(f, "paddingTop", clamp(top));
+    await setNumber(f, "paddingRight", clamp(right));
+    await setNumber(f, "paddingBottom", clamp(bottom));
+    await setNumber(f, "paddingLeft", clamp(left));
   }
   function lineHeight(v) {
     if (v === "auto")
@@ -3077,7 +3397,7 @@
   }
 
   // plugin/lib/describe.ts
-  async function describe(p) {
+  async function describe2(p) {
     let targets;
     if (p.nodeId)
       targets = [await getNode(p.nodeId)];
@@ -3922,7 +4242,7 @@
 
   // plugin/lib/roblox.ts
   var MAX_NODES5 = 2000;
-  var VECTORS = ["VECTOR", "BOOLEAN_OPERATION", "STAR", "POLYGON", "LINE"];
+  var VECTORS2 = ["VECTOR", "BOOLEAN_OPERATION", "STAR", "POLYGON", "LINE"];
   async function robloxTree(p) {
     const node = p.nodeId ? await getNode(p.nodeId) : figma.currentPage.selection[0];
     if (!node)
@@ -3959,7 +4279,7 @@
     return out;
   }
   function vectorOnly2(n) {
-    if (VECTORS.indexOf(n.type) !== -1)
+    if (VECTORS2.indexOf(n.type) !== -1)
       return true;
     if (n.type === "TEXT" || !("children" in n) || !n.children.length)
       return false;
@@ -4040,7 +4360,13 @@
       const image = figma.getImageByHash(h);
       if (!image)
         continue;
-      const bytes = await image.getBytesAsync();
+      let bytes;
+      try {
+        bytes = await image.getBytesAsync();
+      } catch (e) {
+        out.rasterize = true;
+        continue;
+      }
       if (ctx.imageBytes + bytes.length > 40 << 20)
         continue;
       ctx.imageBytes += bytes.length;
@@ -4112,22 +4438,39 @@
       })
     };
   }
+  function withTimeout(p, ms, message) {
+    return new Promise(function(resolve, reject) {
+      const timer = setTimeout(function() {
+        reject(new Error(message));
+      }, ms);
+      p.then(function(v) {
+        clearTimeout(timer);
+        resolve(v);
+      }, function(e) {
+        clearTimeout(timer);
+        reject(e);
+      });
+    });
+  }
   async function robloxImages(p) {
     const items = Array.isArray(p.items) ? p.items : [];
     const out = [];
     for (let i = 0;i < items.length; i++) {
       const it = items[i];
-      const scale = Math.max(1, Math.min(4, Number(it.scale) || 2));
+      let scale = Math.max(1, Math.min(4, Number(it.scale) || 2));
       let temp = null;
       try {
         let node = await getNode(it.id);
         if (it.mode === "panel" || it.mode === "shadow") {
           temp = node.clone();
+          figma.currentPage.appendChild(temp);
           if ("children" in temp)
             for (let k = temp.children.length - 1;k >= 0; k--)
               temp.children[k].remove();
           if (it.mode === "panel")
-            temp.effects = [];
+            temp.effects = node.effects.filter(function(e) {
+              return e.type !== "DROP_SHADOW";
+            });
           else {
             temp.effects = node.effects.filter(function(e) {
               return e.type === "DROP_SHADOW" && e.visible !== false;
@@ -4136,7 +4479,10 @@
           }
           node = temp;
         }
-        const bytes = await node.exportAsync({ format: "PNG", constraint: { type: "SCALE", value: scale } });
+        const box = node.absoluteRenderBounds || node.absoluteBoundingBox;
+        if (box)
+          scale = Math.min(scale, Math.floor(1024 / Math.max(1, box.width, box.height) * 1000) / 1000);
+        const bytes = await withTimeout(node.exportAsync({ format: "PNG", constraint: { type: "SCALE", value: scale } }), 20000, "export timed out");
         const rb = node.absoluteRenderBounds || node.absoluteBoundingBox;
         const bb = node.absoluteBoundingBox;
         out.push({
@@ -4226,7 +4572,7 @@
     finish(id, codeError("The user cancelled the selection request", "CANCELLED"));
   }
   // package.json
-  var version = "1.13.0";
+  var version = "1.14.2";
 
   // plugin/code.ts
   var DEFAULT_SIZE = { width: 340, height: 540 };
@@ -4340,7 +4686,7 @@
   var HANDLERS = {
     run_script: runScript,
     build,
-    describe,
+    describe: describe2,
     find: find2,
     get_design_system: getDesignSystem,
     design_tokens: designTokens,
@@ -4591,7 +4937,7 @@
     },
     describe: async function(node, depth) {
       const id = node && typeof node === "object" ? node.id : node;
-      const out = await describe({ nodeId: id, depth });
+      const out = await describe2({ nodeId: id, depth });
       return out.outline;
     }
   };

package/plugin/ui.html

@@ -523,7 +523,8 @@ const partials = new Map();
 function encode(msg) {
   const text = JSON.stringify(msg);
   if (text.length <= CHUNK) return [text];
-  const cid = crypto.randomUUID();
+  // Not crypto.randomUUID: the plugin iframe is not a secure context, where it is undefined.
+  const cid = Date.now().toString(36) + Math.random().toString(36).slice(2);
   const n = Math.ceil(text.length / CHUNK);
   const frames = [];
   for (let i = 0; i < n; i++) frames.push(JSON.stringify({ t: "chunk", cid, i, n, d: text.slice(i * CHUNK, (i + 1) * CHUNK) }));
@@ -541,7 +542,15 @@ function decode(raw) {
 }
 function send(msg) {
   if (!ws || ws.readyState !== WebSocket.OPEN) return false;
-  for (const f of encode(msg)) ws.send(f);
+  let frames;
+  try {
+    frames = encode(msg);
+  } catch (e) {
+    // A reply that can't be encoded still answers the request, so the agent doesn't wait for a timeout.
+    if (msg.t !== "res") return false;
+    frames = encode({ t: "res", id: msg.id, ok: false, error: "Could not send the result: " + ((e && e.message) || e), code: "PLUGIN_ERROR" });
+  }
+  for (const f of frames) ws.send(f);
   return true;
 }