@ufira/vibma 0.1.0 → 0.2.1

package/dist/mcp.js

@@ -17,19 +17,14 @@ var init_serialize_node = __esm({
   }
 });
 
-// src/tools/helpers.ts
-var init_helpers = __esm({
-  "src/tools/helpers.ts"() {
-    init_serialize_node();
-  }
-});
-
 // src/mcp.ts
 import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 import { z as z19 } from "zod";
 import WebSocket from "ws";
 import { v4 as uuidv4 } from "uuid";
+import { readFileSync } from "fs";
+import { join, basename } from "path";
 
 // src/tools/document.ts
 import { z } from "zod";
@@ -183,7 +178,7 @@ function registerMcpTools2(server2, sendCommand) {
   );
   server2.tool(
     "read_my_design",
-    "Get detailed information about the current selection, including all node details. Use depth to control traversal.",
+    "Read the nodes the user has selected in Figma (or set via set_selection). Returns nothing if no selection exists \u2014 ask the user to select something, or use get_node_info with specific node IDs. Use depth to control child traversal.",
     { depth: z3.coerce.number().optional().describe("Levels of children to recurse. 0=selection only, -1 or omit for unlimited.") },
     async ({ depth: depth2 }) => {
       try {
@@ -354,8 +349,10 @@ var effectEntry = z5.object({
   blendMode: z5.string().optional()
 });
 
+// src/tools/helpers.ts
+init_serialize_node();
+
 // src/tools/create-shape.ts
-init_helpers();
 var rectItem = z6.object({
   name: z6.string().optional().describe("Name (default: 'Rectangle')"),
   x: xPos,
@@ -477,7 +474,6 @@ function registerMcpTools4(server2, sendCommand) {
 
 // src/tools/create-frame.ts
 import { z as z7 } from "zod";
-init_helpers();
 var frameItem = z7.object({
   name: z7.string().optional().describe("Frame name (default: 'Frame')"),
   x: xPos,
@@ -524,7 +520,7 @@ var autoLayoutItem = z7.object({
 function registerMcpTools5(server2, sendCommand) {
   server2.tool(
     "create_frame",
-    "Create frames in Figma. Supports batch. Prefer fillStyleName or fillVariableId over hardcoded fillColor for design token consistency.",
+    "Create frames in Figma. Batch supported. Use fillStyleName/fillVariableId and strokeStyleName/strokeVariableId instead of hardcoded colors \u2014 hardcoded values skip design tokens and will trigger lint warnings.",
     { items: flexJson(z7.array(frameItem)).describe("Array of frames to create"), depth },
     async (params) => {
       try {
@@ -550,14 +546,15 @@ function registerMcpTools5(server2, sendCommand) {
 
 // src/tools/create-text.ts
 import { z as z8 } from "zod";
-init_helpers();
 var textItem = z8.object({
   text: z8.string().describe("Text content"),
   name: z8.string().optional().describe("Layer name (default: text content)"),
   x: xPos,
   y: yPos,
+  fontFamily: z8.string().optional().describe("Font family (default: Inter). Use get_available_fonts to list installed fonts."),
+  fontStyle: z8.string().optional().describe("Font style, e.g. 'Regular', 'Bold', 'Italic' (default: derived from fontWeight). Overrides fontWeight when set."),
   fontSize: z8.coerce.number().optional().describe("Font size (default: 14)"),
-  fontWeight: z8.coerce.number().optional().describe("Font weight: 100-900 (default: 400)"),
+  fontWeight: z8.coerce.number().optional().describe("Font weight: 100-900 (default: 400). Ignored when fontStyle is set."),
   fontColor: flexJson(colorRgba).optional().describe('Font color. Hex "#000000" or {r,g,b,a?} 0-1. Default: black.'),
   fontColorVariableId: z8.string().optional().describe("Bind a color variable to the text fill instead of hardcoded fontColor."),
   fontColorStyleName: z8.string().optional().describe("Apply a paint style to the text fill by name (case-insensitive). Overrides fontColor."),
@@ -573,7 +570,7 @@ var textItem = z8.object({
 function registerMcpTools6(server2, sendCommand) {
   server2.tool(
     "create_text",
-    "Create text nodes in Figma. Uses Inter font. Max 10 items per batch. Use textStyleName for typography and fontColorStyleName for fill color.",
+    "Create text nodes. Max 10 per batch. Prefer textStyleName for typography and fontColorStyleName or fontColorVariableId for color \u2014 hardcoded values skip design tokens. Supports custom fonts via fontFamily.",
     { items: flexJson(z8.array(textItem).max(10)).describe("Array of text nodes to create (max 10)"), depth },
     async (params) => {
       try {
@@ -587,7 +584,6 @@ function registerMcpTools6(server2, sendCommand) {
 
 // src/tools/modify-node.ts
 import { z as z9 } from "zod";
-init_helpers();
 var moveItem = z9.object({
   nodeId,
   x: z9.coerce.number().describe("New X"),
@@ -677,7 +673,6 @@ function registerMcpTools7(server2, sendCommand) {
 
 // src/tools/fill-stroke.ts
 import { z as z10 } from "zod";
-init_helpers();
 var fillItem = z10.object({
   nodeId,
   color: flexJson(colorRgba).optional().describe('Fill color. Hex "#FF0000" or {r,g,b,a?} 0-1. Ignored when styleName is set.'),
@@ -701,7 +696,7 @@ var opacityItem = z10.object({
 function registerMcpTools8(server2, sendCommand) {
   server2.tool(
     "set_fill_color",
-    "Set fill color on nodes. Use styleName to apply a paint style by name, or provide color directly. Batch: pass multiple items.",
+    "Set fill color on nodes. Prefer styleName (design token) over hardcoded color \u2014 hardcoded values trigger lint warnings. Batch: pass multiple items.",
     { items: flexJson(z10.array(fillItem)).describe("Array of {nodeId, color?, styleName?}"), depth },
     async (params) => {
       try {
@@ -713,7 +708,7 @@ function registerMcpTools8(server2, sendCommand) {
   );
   server2.tool(
     "set_stroke_color",
-    "Set stroke color on nodes. Use styleName to apply a paint style by name. Batch: pass multiple items.",
+    "Set stroke color on nodes. Prefer styleName (design token) over hardcoded color \u2014 hardcoded values trigger lint warnings. Batch: pass multiple items.",
     { items: flexJson(z10.array(strokeItem)).describe("Array of {nodeId, color?, strokeWeight?, styleName?}"), depth },
     async (params) => {
       try {
@@ -751,7 +746,6 @@ function registerMcpTools8(server2, sendCommand) {
 
 // src/tools/update-frame.ts
 import { z as z11 } from "zod";
-init_helpers();
 var updateFrameItem = z11.object({
   nodeId,
   layoutMode: z11.enum(["NONE", "HORIZONTAL", "VERTICAL"]).optional().describe("Auto-layout direction"),
@@ -784,7 +778,6 @@ function registerMcpTools9(server2, sendCommand) {
 
 // src/tools/effects.ts
 import { z as z12 } from "zod";
-init_helpers();
 var effectItem = z12.object({
   nodeId,
   effects: flexJson(z12.array(effectEntry)).optional().describe("Array of effect objects. Ignored when effectStyleName is set."),
@@ -865,7 +858,6 @@ function registerMcpTools10(server2, sendCommand) {
 
 // src/tools/text.ts
 import { z as z13 } from "zod";
-init_helpers();
 var textContentItem = z13.object({
   nodeId: z13.string().describe("Text node ID"),
   text: z13.string().describe("New text content")
@@ -947,7 +939,6 @@ function registerMcpTools12(server2, sendCommand) {
 
 // src/tools/components.ts
 import { z as z15 } from "zod";
-init_helpers();
 var componentItem = z15.object({
   name: z15.string().describe("Component name"),
   x: xPos,
@@ -1002,7 +993,7 @@ var instanceItem = z15.object({
 function registerMcpTools13(server2, sendCommand) {
   server2.tool(
     "create_component",
-    "Create components in Figma. Same layout params as create_frame. Name with 'Property=Value' pattern (e.g. 'Size=Small') if you plan to combine_as_variants later. Batch: pass multiple items.",
+    "Create components in Figma. Same layout params as create_frame. Name with 'Property=Value' pattern (e.g. 'Size=Small') if you plan to combine_as_variants later. Use fillStyleName/fillVariableId over hardcoded colors. After adding text children, use add_component_property to expose text as editable properties. Batch: pass multiple items.",
     { items: flexJson(z15.array(componentItem)).describe("Array of components to create"), depth },
     async (params) => {
       try {
@@ -1104,11 +1095,25 @@ function registerMcpTools13(server2, sendCommand) {
       }
     }
   );
+  server2.tool(
+    "set_instance_properties",
+    "Set component property values on instances (e.g. text, boolean, instance swap). Use get_component_by_id to discover property keys. Batch: pass multiple items.",
+    { items: flexJson(z15.array(z15.object({
+      nodeId,
+      properties: flexJson(z15.record(z15.string(), z15.union([z15.string(), z15.boolean()]))).describe('Property key\u2192value map, e.g. {"Label#1:0":"Click Me"}')
+    }))).describe("Array of {nodeId, properties}"), depth },
+    async (params) => {
+      try {
+        return mcpJson(await sendCommand("set_instance_properties", params));
+      } catch (e) {
+        return mcpError("Error setting instance properties", e);
+      }
+    }
+  );
 }
 
 // src/tools/styles.ts
 import { z as z16 } from "zod";
-init_helpers();
 var paintStyleItem = z16.object({
   name: z16.string().describe("Style name"),
   color: flexJson(colorRgba).describe('Color. Hex "#FF0000" or {r,g,b,a?} 0-1.')
@@ -1133,6 +1138,28 @@ var effectStyleItem = z16.object({
   name: z16.string().describe("Style name"),
   effects: flexJson(z16.array(effectEntry)).describe("Array of effects")
 });
+var updatePaintStyleItem = z16.object({
+  id: z16.string().describe("Style ID or name (case-insensitive match)"),
+  name: z16.string().optional().describe("New name"),
+  color: flexJson(colorRgba).optional().describe('New color. Hex "#FF0000" or {r,g,b,a?} 0-1.')
+});
+var updateTextStyleItem = z16.object({
+  id: z16.string().describe("Style ID or name (case-insensitive match)"),
+  name: z16.string().optional().describe("New name"),
+  fontFamily: z16.string().optional().describe("Font family"),
+  fontStyle: z16.string().optional().describe("Font style (e.g. Regular, Bold)"),
+  fontSize: z16.coerce.number().optional().describe("Font size"),
+  lineHeight: flexNum(z16.union([
+    z16.number(),
+    z16.object({ value: z16.coerce.number(), unit: z16.enum(["PIXELS", "PERCENT", "AUTO"]) })
+  ])).optional().describe("Line height \u2014 number (px) or {value, unit}. Default: auto."),
+  letterSpacing: flexNum(z16.union([
+    z16.number(),
+    z16.object({ value: z16.coerce.number(), unit: z16.enum(["PIXELS", "PERCENT"]) })
+  ])).optional().describe("Letter spacing \u2014 number (px) or {value, unit}. Default: 0."),
+  textCase: z16.enum(["ORIGINAL", "UPPER", "LOWER", "TITLE"]).optional(),
+  textDecoration: z16.enum(["NONE", "UNDERLINE", "STRIKETHROUGH"]).optional()
+});
 var applyStyleItem = z16.object({
   nodeId,
   styleId: z16.string().optional().describe("Style ID. Provide either styleId or styleName."),
@@ -1224,11 +1251,34 @@ function registerMcpTools14(server2, sendCommand) {
       }
     }
   );
+  server2.tool(
+    "update_paint_style",
+    "Update paint style color/name by ID or name. Changes propagate to all nodes using the style. Batch: pass multiple items.",
+    { items: flexJson(z16.array(updatePaintStyleItem)).describe("Array of {id, name?, color?}") },
+    async (params) => {
+      try {
+        return mcpJson(await sendCommand("update_paint_style", params));
+      } catch (e) {
+        return mcpError("Error updating paint style", e);
+      }
+    }
+  );
+  server2.tool(
+    "update_text_style",
+    "Update text style properties by ID or name. Changes propagate to all nodes using the style. Batch: pass multiple items.",
+    { items: flexJson(z16.array(updateTextStyleItem)).describe("Array of {id, name?, fontSize?, fontFamily?, ...}") },
+    async (params) => {
+      try {
+        return mcpJson(await sendCommand("update_text_style", params));
+      } catch (e) {
+        return mcpError("Error updating text style", e);
+      }
+    }
+  );
 }
 
 // src/tools/variables.ts
 import { z as z17 } from "zod";
-init_helpers();
 var collectionItem = z17.object({
   name: z17.string().describe("Collection name")
 });
@@ -1242,10 +1292,9 @@ var setValueItem = z17.object({
   modeId: z17.string().describe("Mode ID"),
   value: flexJson(z17.union([
     z17.number(),
-    z17.string(),
     z17.boolean(),
-    z17.object({ r: z17.coerce.number(), g: z17.coerce.number(), b: z17.coerce.number(), a: z17.coerce.number().optional() })
-  ])).describe("Value: number, string, boolean, or {r,g,b,a} color")
+    colorRgba
+  ])).describe('Value: number, boolean, or color (hex "#RRGGBB" or {r,g,b,a?} 0-1)')
 });
 var bindingItem = z17.object({
   nodeId: z17.string().describe("Node ID"),
@@ -1431,11 +1480,23 @@ function registerMcpTools15(server2, sendCommand) {
       }
     }
   );
+  server2.tool(
+    "delete_variable_collection",
+    "Delete a variable collection and all its variables. This is destructive and cannot be undone.",
+    { collectionId: z17.string().describe("Collection ID to delete") },
+    async ({ collectionId }) => {
+      try {
+        return mcpJson(await sendCommand("delete_variable_collection", { collectionId }));
+      } catch (e) {
+        return mcpError("Error deleting variable collection", e);
+      }
+    }
+  );
 }
 
 // src/tools/lint.ts
 import { z as z18 } from "zod";
-init_helpers();
+init_color();
 var lintRules = z18.enum([
   "no-autolayout",
   // Frames with >1 child and no auto-layout
@@ -1453,8 +1514,25 @@ var lintRules = z18.enum([
   // Frames/components with layout but no children
   "stale-text-name",
   // Text nodes where layer name diverges from content
+  "no-text-property",
+  // Text in components not bound to a component property
+  // ── WCAG 2.2 rules ──
+  "wcag-contrast",
+  // 1.4.3 AA text contrast (4.5:1 / 3:1 large)
+  "wcag-contrast-enhanced",
+  // 1.4.6 AAA text contrast (7:1 / 4.5:1 large)
+  "wcag-non-text-contrast",
+  // 1.4.11 AA non-text contrast (3:1)
+  "wcag-target-size",
+  // 2.5.8 AA target size minimum (24x24px)
+  "wcag-text-size",
+  // Best practice: minimum readable text (12px)
+  "wcag-line-height",
+  // 1.4.12 AA text spacing (line height 1.5x)
+  "wcag",
+  // Meta: run all wcag-* rules
   "all"
-  // Run all rules
+  // Run all rules (including WCAG)
 ]);
 function registerMcpTools16(server2, sendCommand) {
   server2.tool(
@@ -1462,7 +1540,7 @@ function registerMcpTools16(server2, sendCommand) {
     "Run design linter on a node tree. Returns issues grouped by category with affected node IDs and fix instructions. Lint child nodes individually for large trees.",
     {
       nodeId: z18.string().optional().describe("Node ID to lint. Omit to lint current selection."),
-      rules: flexJson(z18.array(lintRules)).optional().describe('Rules to run. Default: ["all"]. Options: no-autolayout, shape-instead-of-frame, hardcoded-color, no-text-style, fixed-in-autolayout, default-name, empty-container, stale-text-name, all'),
+      rules: flexJson(z18.array(lintRules)).optional().describe('Rules to run. Default: ["all"]. Options: no-autolayout, shape-instead-of-frame, hardcoded-color, no-text-style, fixed-in-autolayout, default-name, empty-container, stale-text-name, no-text-property, all, wcag-contrast, wcag-contrast-enhanced, wcag-non-text-contrast, wcag-target-size, wcag-text-size, wcag-line-height, wcag'),
       maxDepth: z18.coerce.number().optional().describe("Max depth to recurse (default: 10)"),
       maxFindings: z18.coerce.number().optional().describe("Stop after N findings (default: 50)")
     },
@@ -1786,6 +1864,22 @@ function registerAllTools(server2, sendCommand) {
 }
 
 // src/mcp.ts
+var VIBMA_VERSION = "0.0.0";
+try {
+  const start = typeof __dirname !== "undefined" ? __dirname : process.cwd();
+  for (let dir = start; dir !== "/"; dir = join(dir, "..")) {
+    try {
+      const pkg = JSON.parse(readFileSync(join(dir, "package.json"), "utf8"));
+      if (pkg.name === "@ufira/vibma") {
+        VIBMA_VERSION = pkg.version;
+        break;
+      }
+    } catch {
+      continue;
+    }
+  }
+} catch {
+}
 var logger = {
   info: (msg) => process.stderr.write(`[INFO] ${msg}
 `),
@@ -1802,6 +1896,8 @@ var ws = null;
 var pendingRequests = /* @__PURE__ */ new Map();
 var currentChannel = null;
 var activePort = parseInt(process.env.VIBMA_PORT || "3055");
+var rejected = false;
+var versionWarning = null;
 var args = process.argv.slice(2);
 var serverArg = args.find((a) => a.startsWith("--server="));
 var portArg = args.find((a) => a.startsWith("--port="));
@@ -1824,6 +1920,34 @@ function connectToFigma(port = activePort) {
   ws.on("message", (data) => {
     try {
       const json = JSON.parse(data);
+      if (json.type === "join-success") {
+        logger.info(json.message);
+        if (json.id && pendingRequests.has(json.id)) {
+          const req = pendingRequests.get(json.id);
+          clearTimeout(req.timeout);
+          req.resolve({ status: "already_joined", channel: json.channel });
+          pendingRequests.delete(json.id);
+        }
+        return;
+      }
+      if (json.type === "system" && json.code) {
+        if (json.code === "VERSION_MISMATCH") {
+          versionWarning = json.message;
+          logger.warn(`Version mismatch: ${json.message}`);
+        }
+        return;
+      }
+      if (json.type === "error") {
+        logger.error(`Relay error: ${json.message}`);
+        if (json.code === "ROLE_OCCUPIED") rejected = true;
+        if (json.id && pendingRequests.has(json.id)) {
+          const req = pendingRequests.get(json.id);
+          clearTimeout(req.timeout);
+          req.reject(new Error(json.message));
+          pendingRequests.delete(json.id);
+        }
+        return;
+      }
       if (json.type === "progress_update") {
         const progressData = json.message.data;
         const requestId = json.id || "";
@@ -1875,13 +1999,23 @@ function connectToFigma(port = activePort) {
       request.reject(new Error("Connection closed"));
       pendingRequests.delete(id);
     }
-    logger.info("Attempting to reconnect in 2 seconds...");
-    setTimeout(() => connectToFigma(port), 2e3);
+    if (rejected) {
+      logger.info("Not reconnecting \u2014 channel role was rejected. Call join_channel to retry.");
+    } else {
+      logger.info("Attempting to reconnect in 2 seconds...");
+      setTimeout(() => connectToFigma(port), 2e3);
+    }
   });
 }
 async function joinChannel(channelName) {
+  rejected = false;
+  versionWarning = null;
   if (!ws || ws.readyState !== WebSocket.OPEN) {
-    throw new Error("Not connected to Figma");
+    connectToFigma();
+    await new Promise((resolve) => setTimeout(resolve, 1e3));
+    if (!ws || ws.readyState !== WebSocket.OPEN) {
+      throw new Error("Not connected to relay. Check that the relay server is running.");
+    }
   }
   try {
     await sendCommandToFigma("join", { channel: channelName });
@@ -1908,7 +2042,7 @@ function sendCommandToFigma(command, params = {}, timeoutMs = 3e4) {
     const request = {
       id,
       type: command === "join" ? "join" : "message",
-      ...command === "join" ? { channel: params.channel } : { channel: currentChannel },
+      ...command === "join" ? { channel: params.channel, role: "mcp", version: VIBMA_VERSION, name: basename(process.cwd()) } : { channel: currentChannel },
       message: {
         id,
         command,
@@ -1944,8 +2078,14 @@ server.tool(
   async ({ channel }) => {
     try {
       await joinChannel(channel);
+      await new Promise((r) => setTimeout(r, 200));
+      let msg = `Joined channel "${channel}" on port ${activePort}. Call \`ping\` now to verify the Figma plugin is connected.`;
+      if (versionWarning) msg += `
+
+\u26A0\uFE0F ${versionWarning}
+See "Version mismatch" in CARRYME.md or DRAGME.md for update steps.`;
       return {
-        content: [{ type: "text", text: `Joined channel "${channel}" on port ${activePort}. Call \`ping\` now to verify the Figma plugin is connected.` }]
+        content: [{ type: "text", text: msg }]
       };
     } catch (error) {
       return {
@@ -1957,7 +2097,92 @@ server.tool(
     }
   }
 );
+server.tool(
+  "channel_info",
+  "Debug: inspect which clients (MCP, plugin) are connected to each relay channel. Useful for diagnosing connection issues. Does not require an active channel.",
+  {},
+  async () => {
+    try {
+      const url = serverUrl === "localhost" ? `http://localhost:${activePort}/channels` : `https://${serverUrl}/channels`;
+      const response = await fetch(url);
+      if (!response.ok) {
+        return { content: [{ type: "text", text: `Relay returned ${response.status}: ${await response.text()}` }] };
+      }
+      const data = await response.json();
+      return { content: [{ type: "text", text: JSON.stringify(data, null, 2) }] };
+    } catch (error) {
+      return {
+        content: [{
+          type: "text",
+          text: `Could not reach relay at port ${activePort}: ${error instanceof Error ? error.message : String(error)}`
+        }]
+      };
+    }
+  }
+);
+server.tool(
+  "reset_tunnel",
+  "DESTRUCTIVE: Factory-reset a channel on the relay via HTTP, disconnecting ALL occupants (MCP + Figma plugin). Only use this when the channel is stuck or occupied by another MCP \u2014 do NOT use it just to reconnect yourself (use `join_channel` instead). After reset, ask the user to reopen the Vibma plugin in Figma, then call `join_channel` and `ping`.",
+  {
+    channel: z19.string().describe("Channel to reset. Defaults to 'vibma'.").default("vibma")
+  },
+  async ({ channel }) => {
+    const targetChannel = channel || currentChannel || "vibma";
+    try {
+      const url = serverUrl === "localhost" ? `http://localhost:${activePort}/channels/${encodeURIComponent(targetChannel)}` : `https://${serverUrl}/channels/${encodeURIComponent(targetChannel)}`;
+      const res = await fetch(url, { method: "DELETE" });
+      const body = await res.json();
+      for (const [reqId, request] of pendingRequests.entries()) {
+        clearTimeout(request.timeout);
+        request.reject(new Error("Tunnel reset by user"));
+        pendingRequests.delete(reqId);
+      }
+      if (ws) {
+        const old = ws;
+        ws = null;
+        old.removeAllListeners();
+        old.close(1e3, "Tunnel reset");
+      }
+      currentChannel = null;
+      rejected = false;
+      connectToFigma();
+      await new Promise((resolve) => setTimeout(resolve, 1e3));
+      const connected = ws && ws.readyState === WebSocket.OPEN;
+      return {
+        content: [{
+          type: "text",
+          text: connected ? `Tunnel reset: ${body.message}. Reconnected on port ${activePort}.
+
+IMPORTANT: The Figma plugin was also disconnected. Ask the user to reopen the Vibma plugin in Figma (or click "Reset tunnel" in the plugin panel). Then call \`join_channel\` followed by \`ping\`.` : `Tunnel reset: ${body.message}. Reconnection in progress.
+
+IMPORTANT: The Figma plugin was also disconnected. Ask the user to reopen the Vibma plugin in Figma (or click "Reset tunnel" in the plugin panel). Then call \`join_channel\` to retry.`
+        }]
+      };
+    } catch (error) {
+      return {
+        content: [{
+          type: "text",
+          text: `Error resetting tunnel: ${error instanceof Error ? error.message : String(error)}`
+        }]
+      };
+    }
+  }
+);
 registerAllTools(server, sendCommandToFigma);
+function cleanup() {
+  if (ws && ws.readyState === WebSocket.OPEN) {
+    ws.close(1e3, "MCP server shutting down");
+  }
+}
+process.on("SIGINT", () => {
+  cleanup();
+  process.exit(0);
+});
+process.on("SIGTERM", () => {
+  cleanup();
+  process.exit(0);
+});
+process.on("exit", cleanup);
 async function main() {
   try {
     connectToFigma();