@wz927/codedesign 0.3.6 → 0.3.8

package/figma-plugin/dist/code.js

@@ -8,11 +8,53 @@
  * Incoming messages from CLI (via UI): { id, op, params }
  * Outgoing responses to CLI (via UI):  { id, ok, data?, error? }
  */
-const PLUGIN_VERSION = '0.1.0';
+const PLUGIN_VERSION = '0.2.0';
 figma.showUI(__html__, { width: 360, height: 360, themeColors: true });
 function send(msg) {
     figma.ui.postMessage({ __kind: 'to_cli', msg });
 }
+// ─── Async API compatibility ─────────────────────────────────────────────
+// Figma made many sync APIs deprecated in 2024 (dynamic-page mode throws on
+// them). Prefer async versions; fall back to sync for older Figma builds.
+async function getNode(id) {
+    const anyFigma = figma;
+    if (typeof anyFigma.getNodeByIdAsync === 'function') {
+        return await anyFigma.getNodeByIdAsync(id);
+    }
+    return figma.getNodeById(id);
+}
+async function getLocalPaint() {
+    const anyFigma = figma;
+    if (typeof anyFigma.getLocalPaintStylesAsync === 'function') {
+        return await anyFigma.getLocalPaintStylesAsync();
+    }
+    return figma.getLocalPaintStyles();
+}
+async function getLocalText() {
+    const anyFigma = figma;
+    if (typeof anyFigma.getLocalTextStylesAsync === 'function') {
+        return await anyFigma.getLocalTextStylesAsync();
+    }
+    return figma.getLocalTextStyles();
+}
+async function getLocalEffect() {
+    const anyFigma = figma;
+    if (typeof anyFigma.getLocalEffectStylesAsync === 'function') {
+        return await anyFigma.getLocalEffectStylesAsync();
+    }
+    return figma.getLocalEffectStyles();
+}
+async function findAllComponents(types) {
+    const anyFigma = figma;
+    // dynamic-page mode requires loading all pages before findAll-style queries
+    if (typeof anyFigma.loadAllPagesAsync === 'function') {
+        try {
+            await anyFigma.loadAllPagesAsync();
+        }
+        catch { }
+    }
+    return figma.root.findAllWithCriteria({ types: types });
+}
 async function sendHello() {
     var _a;
     const page = figma.currentPage;
@@ -75,10 +117,10 @@ function toPaint(p) {
     }
     throw new Error('Unsupported paint type ' + p.type);
 }
-function getParent(id) {
+async function getParent(id) {
     if (!id)
         return figma.currentPage;
-    const n = figma.getNodeById(id);
+    const n = await getNode(id);
     if (!n)
         throw new Error('Parent not found: ' + id);
     if (!('appendChild' in n))
@@ -152,7 +194,7 @@ async function handle(req) {
         case 'getSelection':
             return figma.currentPage.selection.map(nodeSummary);
         case 'getNode': {
-            const n = figma.getNodeById(p.id);
+            const n = await getNode(p.id);
             if (!n)
                 throw new Error('Not found: ' + p.id);
             const base = nodeSummary(n);
@@ -166,14 +208,14 @@ async function handle(req) {
         }
         case 'createFrame': {
             const frame = figma.createFrame();
-            getParent(p.parentId).appendChild(frame);
+            (await getParent(p.parentId)).appendChild(frame);
             applyFrameProps(frame, p);
             return nodeSummary(frame);
         }
         case 'createText': {
             const font = await loadFontFor(p);
             const t = figma.createText();
-            getParent(p.parentId).appendChild(t);
+            (await getParent(p.parentId)).appendChild(t);
             t.fontName = { family: font.family, style: font.style };
             t.characters = (_b = p.characters) !== null && _b !== void 0 ? _b : '';
             if (typeof p.x === 'number')
@@ -200,7 +242,7 @@ async function handle(req) {
         }
         case 'createRectangle': {
             const r = figma.createRectangle();
-            getParent(p.parentId).appendChild(r);
+            (await getParent(p.parentId)).appendChild(r);
             if (typeof p.x === 'number')
                 r.x = p.x;
             if (typeof p.y === 'number')
@@ -220,7 +262,7 @@ async function handle(req) {
         }
         case 'createEllipse': {
             const e = figma.createEllipse();
-            getParent(p.parentId).appendChild(e);
+            (await getParent(p.parentId)).appendChild(e);
             if (typeof p.x === 'number')
                 e.x = p.x;
             if (typeof p.y === 'number')
@@ -237,7 +279,7 @@ async function handle(req) {
             return nodeSummary(e);
         }
         case 'setProps': {
-            const n = figma.getNodeById(p.id);
+            const n = (await getNode(p.id));
             if (!n)
                 throw new Error('Not found: ' + p.id);
             const patch = (_c = p.patch) !== null && _c !== void 0 ? _c : {};
@@ -254,7 +296,6 @@ async function handle(req) {
                 if (patch[k] !== undefined)
                     n[k] = patch[k];
             }
-            // cornerRadius: number → uniform; [tl,tr,br,bl] → per-corner
             if (patch.cornerRadius !== undefined) {
                 const cr = patch.cornerRadius;
                 if (typeof cr === 'number') {
@@ -267,7 +308,6 @@ async function handle(req) {
                     n.bottomLeftRadius = cr[3];
                 }
             }
-            // Also support explicit per-corner keys
             if (patch.topLeftRadius !== undefined)
                 n.topLeftRadius = patch.topLeftRadius;
             if (patch.topRightRadius !== undefined)
@@ -283,7 +323,7 @@ async function handle(req) {
             return nodeSummary(n);
         }
         case 'setAutoLayout': {
-            const n = figma.getNodeById(p.id);
+            const n = (await getNode(p.id));
             if (!n)
                 throw new Error('Not found: ' + p.id);
             n.layoutMode = p.layoutMode;
@@ -302,27 +342,27 @@ async function handle(req) {
             return nodeSummary(n);
         }
         case 'appendChild': {
-            const par = getParent(p.parentId);
-            const child = figma.getNodeById(p.childId);
+            const par = await getParent(p.parentId);
+            const child = (await getNode(p.childId));
             if (!child)
                 throw new Error('Child not found');
             par.appendChild(child);
             return nodeSummary(child);
         }
         case 'deleteNode': {
-            const n = figma.getNodeById(p.id);
+            const n = await getNode(p.id);
             if (!n)
                 throw new Error('Not found');
             n.remove();
             return { deleted: p.id };
         }
         case 'cloneNode': {
-            const n = figma.getNodeById(p.id);
+            const n = (await getNode(p.id));
             if (!n || !('clone' in n))
                 throw new Error('Cannot clone');
             const c = n.clone();
             if (p.parentId)
-                getParent(p.parentId).appendChild(c);
+                (await getParent(p.parentId)).appendChild(c);
             else
                 (_f = n.parent) === null || _f === void 0 ? void 0 : _f.appendChild(c);
             if (typeof p.dx === 'number')
@@ -331,20 +371,21 @@ async function handle(req) {
                 c.y += p.dy;
             return nodeSummary(c);
         }
-        case 'listStyles':
+        case 'listStyles': {
+            const [paint, text, effect] = await Promise.all([getLocalPaint(), getLocalText(), getLocalEffect()]);
             return {
-                paint: figma.getLocalPaintStyles().map((s) => ({ id: s.id, key: s.key, name: s.name })),
-                text: figma.getLocalTextStyles().map((s) => ({ id: s.id, key: s.key, name: s.name })),
-                effect: figma.getLocalEffectStyles().map((s) => ({ id: s.id, key: s.key, name: s.name })),
+                paint: paint.map((s) => ({ id: s.id, key: s.key, name: s.name })),
+                text: text.map((s) => ({ id: s.id, key: s.key, name: s.name })),
+                effect: effect.map((s) => ({ id: s.id, key: s.key, name: s.name })),
             };
-        case 'listComponents':
-            return figma.root.findAllWithCriteria({ types: ['COMPONENT', 'COMPONENT_SET'] }).map((c) => ({
-                id: c.id, key: c.key, name: c.name, type: c.type,
-            }));
+        }
+        case 'listComponents': {
+            const comps = await findAllComponents(['COMPONENT', 'COMPONENT_SET']);
+            return comps.map((c) => ({ id: c.id, key: c.key, name: c.name, type: c.type }));
+        }
         case 'createInstance': {
-            const all = figma.root.findAllWithCriteria({ types: ['COMPONENT'] });
+            const all = (await findAllComponents(['COMPONENT']));
             let comp = all.find((c) => c.key === p.componentKey || c.id === p.componentKey);
-            // If not found locally, try to import from a team library by component key.
             if (!comp && p.componentKey) {
                 try {
                     comp = await figma.importComponentByKeyAsync(p.componentKey);
@@ -354,7 +395,7 @@ async function handle(req) {
             if (!comp)
                 throw new Error('Component not found: ' + p.componentKey);
             const inst = comp.createInstance();
-            getParent(p.parentId).appendChild(inst);
+            (await getParent(p.parentId)).appendChild(inst);
             if (typeof p.x === 'number')
                 inst.x = p.x;
             if (typeof p.y === 'number')
@@ -364,10 +405,8 @@ async function handle(req) {
             return nodeSummary(inst);
         }
         case 'createVector': {
-            // Draw an icon/shape using SVG path data.
-            // params: { parentId?, vectorPaths: [{windingRule, data}], fills, strokes, strokeWeight, x, y, width, height, name }
             const vec = figma.createVector();
-            getParent(p.parentId).appendChild(vec);
+            (await getParent(p.parentId)).appendChild(vec);
             if (p.vectorPaths)
                 vec.vectorPaths = p.vectorPaths;
             if (p.fills)
@@ -387,10 +426,8 @@ async function handle(req) {
             return nodeSummary(vec);
         }
         case 'createLine': {
-            // A simple line / divider.
-            // params: { parentId?, x, y, length, vertical?, strokeWeight, color:{r,g,b}, name }
             const line = figma.createLine();
-            getParent(p.parentId).appendChild(line);
+            (await getParent(p.parentId)).appendChild(line);
             if (typeof p.x === 'number')
                 line.x = p.x;
             if (typeof p.y === 'number')
@@ -406,23 +443,28 @@ async function handle(req) {
             return nodeSummary(line);
         }
         case 'applyStyle': {
-            // Apply a local Figma style (paint/text/effect) to a node by style id.
-            // params: { id, fillStyleId?, strokeStyleId?, textStyleId?, effectStyleId? }
-            const n = figma.getNodeById(p.id);
+            const n = (await getNode(p.id));
             if (!n)
                 throw new Error('Not found: ' + p.id);
+            // In dynamic-page mode, style setters are async (setFillStyleIdAsync etc.)
+            async function setStyle(prop, async, val) {
+                if (typeof n[async] === 'function')
+                    await n[async](val);
+                else
+                    n[prop] = val;
+            }
             if (p.fillStyleId !== undefined)
-                n.fillStyleId = p.fillStyleId;
+                await setStyle('fillStyleId', 'setFillStyleIdAsync', p.fillStyleId);
             if (p.strokeStyleId !== undefined)
-                n.strokeStyleId = p.strokeStyleId;
+                await setStyle('strokeStyleId', 'setStrokeStyleIdAsync', p.strokeStyleId);
             if (p.textStyleId !== undefined)
-                n.textStyleId = p.textStyleId;
+                await setStyle('textStyleId', 'setTextStyleIdAsync', p.textStyleId);
             if (p.effectStyleId !== undefined)
-                n.effectStyleId = p.effectStyleId;
+                await setStyle('effectStyleId', 'setEffectStyleIdAsync', p.effectStyleId);
             return nodeSummary(n);
         }
         case 'viewport': {
-            const n = figma.getNodeById(p.id);
+            const n = (await getNode(p.id));
             if (!n)
                 throw new Error('Not found');
             figma.viewport.scrollAndZoomIntoView([n]);
@@ -431,7 +473,7 @@ async function handle(req) {
             return { ok: true };
         }
         case 'exportNode': {
-            const n = figma.getNodeById(p.id);
+            const n = (await getNode(p.id));
             if (!n || !('exportAsync' in n))
                 throw new Error('Node not exportable');
             const format = ((_j = p.format) !== null && _j !== void 0 ? _j : 'PNG').toUpperCase();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wz927/codedesign",
-  "version": "0.3.6",
+  "version": "0.3.8",
   "description": "Terminal AI agent for designers — drive Figma through natural-language conversation.",
   "type": "module",
   "bin": {