@bilalba/fig-mcp 1.0.0

package/README.md

@@ -0,0 +1,112 @@
+# Fig MCP Server
+
+An MCP (Model Context Protocol) server for parsing `.fig` files. This enables AI assistants to understand and extract design information from the `.fig` file format.
+
+## Features
+
+- Parse `.fig` files without API access
+- Extract document structure, nodes, and hierarchy
+- Infer layout properties (flexbox-like direction, gap, padding, alignment)
+- Extract colors, text content, and styling information
+- Find nodes by type or name
+- Get detailed node information for implementation
+
+## Installation
+
+```bash
+npm install
+npm run build
+```
+
+## Usage
+
+### As MCP Server
+
+Add to your MCP client configuration:
+
+```json
+{
+  "mcpServers": {
+    "fig-mcp": {
+      "command": "node",
+      "args": ["/path/to/fig-mcp/dist/index.js"]
+    }
+  }
+}
+```
+
+### CLI Inspector
+
+```bash
+# Show document structure
+npx tsx src/inspect-fig.ts design.fig summary
+
+# Show kiwi schema
+npx tsx src/inspect-fig.ts design.fig schema
+
+# Output simplified JSON
+npx tsx src/inspect-fig.ts design.fig json
+
+# Show node statistics
+npx tsx src/inspect-fig.ts design.fig stats
+
+# List archive contents
+npx tsx src/inspect-fig.ts design.fig list
+```
+
+## MCP Tools
+
+| Tool | Description |
+|------|-------------|
+| `parse_fig_file` | Parse and return simplified document structure |
+| `get_document_summary` | Text tree of document structure |
+| `find_nodes` | Find nodes by type or name |
+| `get_node_details` | Get details for a node path |
+| `get_layout_info` | Get inferred layout properties |
+| `list_pages` | List all pages |
+| `get_page_contents` | Get contents of a page |
+| `get_text_content` | Extract text content |
+| `get_colors` | Extract color palette |
+
+## How It Works
+
+1. `.fig` files are ZIP archives containing `canvas.fig` (binary data), `meta.json`, and images
+2. The `canvas.fig` uses Evan Wallace's [kiwi](https://github.com/evanw/kiwi) binary format
+3. The kiwi schema is embedded in each file and extracted at parse time
+4. Document data is decoded using the compiled schema
+5. Layout properties are inferred from node positions and auto-layout settings
+
+## Project Structure
+
+```
+fig-mcp/
+├── src/
+│   ├── parser/           # Fig file parsing
+│   │   ├── fig-reader.ts    # ZIP extraction
+│   │   ├── kiwi-parser.ts   # Binary parsing
+│   │   ├── layout-inference.ts
+│   │   └── types.ts
+│   ├── mcp/
+│   │   └── server.ts     # MCP server
+│   ├── index.ts          # Entry point
+│   └── inspect-fig.ts    # CLI tool
+├── kiwi/                 # Cloned kiwi library
+├── CLAUDE.md            # Development guide
+└── TODO.md              # Project roadmap
+```
+
+## Limitations
+
+- The `.fig` format is undocumented and may change
+- Some complex properties (vector networks, gradients) may not be fully parsed
+- Blob data (embedded images in fills) is not decoded
+- This is for local `.fig` files only (use a cloud API for hosted files)
+
+## License
+
+MIT
+
+## Credits
+
+- [Kiwi](https://github.com/evanw/kiwi) by Evan Wallace - Binary format library
+- [MCP SDK](https://github.com/modelcontextprotocol/typescript-sdk) - Protocol implementation

package/dist/compare-get-vector.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=compare-get-vector.d.ts.map

package/dist/compare-get-vector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-get-vector.d.ts","sourceRoot":"","sources":["../src/compare-get-vector.ts"],"names":[],"mappings":""}

package/dist/compare-get-vector.js

@@ -0,0 +1,124 @@
+/**
+ * Compare get_vector (nodeToSvg) vs renderScreen
+ */
+import { readFigFile } from "./parser/index.js";
+import { parseCanvasFig, extractDocumentTree, formatGUID } from "./parser/kiwi-parser.js";
+import { nodeToSvg } from "./vector-export.js";
+import { renderScreen } from "./renderer/index.js";
+import { writeFileSync } from "fs";
+const FILE_PATH = "/Users/billy/Downloads/AutoDevice (Copy).fig";
+const NODE_ID = process.argv[2] || "457:1681";
+function normalizeNodeId(nodeId) {
+    let normalized = nodeId.trim();
+    if (/^\d+-\d+$/.test(normalized)) {
+        normalized = normalized.replace('-', ':');
+    }
+    return normalized;
+}
+async function compare() {
+    const normalizedId = normalizeNodeId(NODE_ID);
+    console.log("Node ID:", normalizedId);
+    // Parse the file
+    const archive = await readFigFile(FILE_PATH);
+    const parsed = parseCanvasFig(archive.canvasFig);
+    const doc = extractDocumentTree(parsed.message);
+    if (!doc) {
+        console.log("Failed to extract document");
+        return;
+    }
+    const blobs = parsed.message["blobs"];
+    // Build node index
+    const nodeIndex = new Map();
+    function indexNode(node) {
+        nodeIndex.set(formatGUID(node.guid), node);
+        if (node.children) {
+            for (const child of node.children) {
+                indexNode(child);
+            }
+        }
+    }
+    indexNode(doc);
+    const node = nodeIndex.get(normalizedId);
+    if (!node) {
+        console.log("Node not found:", normalizedId);
+        return;
+    }
+    const sceneNode = node;
+    console.log("\n=== NODE INFO ===");
+    console.log("Name:", node.name);
+    console.log("Type:", node.type);
+    console.log("x:", sceneNode.x);
+    console.log("y:", sceneNode.y);
+    console.log("width:", sceneNode.width);
+    console.log("height:", sceneNode.height);
+    console.log("Children:", node.children?.length || 0);
+    // === get_vector path (nodeToSvg) ===
+    console.log("\n=== get_vector (nodeToSvg) ===");
+    const vectorResult = nodeToSvg(node, blobs, { includeStyles: true });
+    console.log("Size:", vectorResult.width, "x", vectorResult.height);
+    console.log("ViewBox:", vectorResult.viewBox);
+    // === renderScreen path ===
+    console.log("\n=== renderScreen ===");
+    const screenResult = renderScreen(node, undefined, blobs, {
+        includeFills: true,
+        includeStrokes: true,
+        includeText: true,
+        background: "#1a1a1a",
+    });
+    console.log("Size:", screenResult.width, "x", screenResult.height);
+    // Save outputs
+    writeFileSync("output/get-vector-output.svg", vectorResult.svgString);
+    writeFileSync("output/render-output.svg", screenResult.svg);
+    const html = `<!DOCTYPE html>
+<html>
+<head>
+  <title>get_vector vs renderScreen - ${NODE_ID}</title>
+  <style>
+    body { margin: 0; padding: 40px; background: #0d0d0d; color: #fff; font-family: sans-serif; }
+    h1 { font-size: 24px; margin-bottom: 8px; }
+    .info { color: #888; font-size: 14px; margin-bottom: 24px; }
+    .container { display: flex; gap: 40px; flex-wrap: wrap; }
+    .preview { background: #1a1a1a; border-radius: 12px; padding: 40px; }
+    .preview h2 { font-size: 14px; color: #666; margin-bottom: 20px; }
+    .preview.good h2 { color: #4f4; }
+    .preview.bad h2 { color: #f44; }
+    .scaled svg { width: 200px; height: auto; }
+    pre { font-size: 10px; background: #111; padding: 10px; overflow: auto; max-height: 400px; white-space: pre-wrap; word-break: break-all; }
+  </style>
+</head>
+<body>
+  <h1>get_vector vs renderScreen: ${NODE_ID}</h1>
+  <p class="info">Node: ${node.name} (${node.type}) | x=${sceneNode.x} y=${sceneNode.y} w=${sceneNode.width} h=${sceneNode.height}</p>
+
+  <div class="container">
+    <div class="preview bad">
+      <h2>get_vector (nodeToSvg) - ${vectorResult.width.toFixed(1)} x ${vectorResult.height.toFixed(1)}</h2>
+      <div class="scaled">${vectorResult.svgString}</div>
+    </div>
+
+    <div class="preview good">
+      <h2>renderScreen - ${screenResult.width.toFixed(1)} x ${screenResult.height.toFixed(1)}</h2>
+      <div class="scaled">${screenResult.svg.replace('<?xml version="1.0" encoding="UTF-8"?>', '')}</div>
+    </div>
+  </div>
+
+  <h2 style="margin-top: 40px;">Raw SVG</h2>
+  <div class="container">
+    <div class="preview" style="max-width: 45%;">
+      <h2>get_vector SVG</h2>
+      <pre>${vectorResult.svgString.replace(/</g, '&lt;').replace(/>/g, '&gt;')}</pre>
+    </div>
+    <div class="preview" style="max-width: 45%;">
+      <h2>renderScreen SVG</h2>
+      <pre>${screenResult.svg.replace(/</g, '&lt;').replace(/>/g, '&gt;')}</pre>
+    </div>
+  </div>
+</body>
+</html>`;
+    writeFileSync("output/compare.html", html);
+    console.log("\nSaved: output/get-vector-output.svg");
+    console.log("Saved: output/render-output.svg");
+    console.log("Saved: output/compare.html");
+}
+compare().catch(console.error);
+//# sourceMappingURL=compare-get-vector.js.map

package/dist/compare-get-vector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-get-vector.js","sourceRoot":"","sources":["../src/compare-get-vector.ts"],"names":[],"mappings":"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"}

package/dist/compare-mcp-vs-direct.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=compare-mcp-vs-direct.d.ts.map

package/dist/compare-mcp-vs-direct.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-mcp-vs-direct.d.ts","sourceRoot":"","sources":["../src/compare-mcp-vs-direct.ts"],"names":[],"mappings":""}

package/dist/compare-mcp-vs-direct.js

@@ -0,0 +1,173 @@
+/**
+ * Compare MCP server's render_screen logic vs direct renderScreen call
+ */
+import { readFigFile, buildNodeIdIndex } from "./parser/index.js";
+import { parseCanvasFig, extractDocumentTree } from "./parser/kiwi-parser.js";
+import { renderScreen } from "./renderer/index.js";
+import { writeFileSync } from "fs";
+const FILE_PATH = "/Users/billy/Downloads/AutoDevice (Copy).fig";
+const NODE_ID = process.argv[2] || "457:1681";
+// Simulate MCP server's getOrParseFigFile
+async function mcpParse(filePath) {
+    const { parseFigFile } = await import("./parser/index.js");
+    const parsed = await parseFigFile(filePath);
+    const nodeIdIndex = buildNodeIdIndex(parsed.document);
+    return {
+        document: parsed.document,
+        images: parsed.images,
+        blobs: parsed.blobs,
+        nodeIdIndex,
+    };
+}
+// Direct parse like render-single.ts
+async function directParse(filePath) {
+    const archive = await readFigFile(filePath);
+    const parsed = parseCanvasFig(archive.canvasFig);
+    const doc = extractDocumentTree(parsed.message);
+    const blobs = parsed.message["blobs"];
+    return { doc, blobs };
+}
+function normalizeNodeId(nodeId) {
+    let normalized = nodeId.trim();
+    if (/^\d+-\d+$/.test(normalized)) {
+        normalized = normalized.replace('-', ':');
+    }
+    return normalized;
+}
+async function compare() {
+    const normalizedId = normalizeNodeId(NODE_ID);
+    console.log("Node ID:", normalizedId);
+    // === MCP SERVER PATH ===
+    console.log("\n=== MCP SERVER PATH ===");
+    const mcpData = await mcpParse(FILE_PATH);
+    const mcpNode = mcpData.nodeIdIndex.get(normalizedId);
+    if (!mcpNode) {
+        console.log("MCP: Node not found");
+        return;
+    }
+    console.log("MCP Node found:", mcpNode.name, mcpNode.type);
+    console.log("MCP blobs count:", mcpData.blobs?.length || 0);
+    console.log("MCP images count:", mcpData.images?.size || 0);
+    // MCP render_screen call (line 1608 in server.ts)
+    const mcpResult = renderScreen(mcpNode, mcpData.images, mcpData.blobs, {
+        includeFills: true,
+        includeStrokes: true,
+        includeText: true,
+        background: "#1a1a1a",
+    });
+    console.log("MCP Result size:", mcpResult.width, "x", mcpResult.height);
+    console.log("MCP Warnings:", mcpResult.warnings);
+    // === DIRECT PATH (render-single.ts) ===
+    console.log("\n=== DIRECT PATH (render-single.ts) ===");
+    const directData = await directParse(FILE_PATH);
+    if (!directData.doc) {
+        console.log("Direct: Failed to extract document");
+        return;
+    }
+    // Build index like render-single.ts does
+    const { formatGUID } = await import("./parser/kiwi-parser.js");
+    const directIndex = new Map();
+    function indexNode(node) {
+        directIndex.set(formatGUID(node.guid), node);
+        if (node.children) {
+            for (const child of node.children) {
+                indexNode(child);
+            }
+        }
+    }
+    indexNode(directData.doc);
+    const directNode = directIndex.get(normalizedId);
+    if (!directNode) {
+        console.log("Direct: Node not found");
+        return;
+    }
+    console.log("Direct Node found:", directNode.name, directNode.type);
+    console.log("Direct blobs count:", directData.blobs?.length || 0);
+    // Direct renderScreen call (like render-single.ts line 46)
+    const directResult = renderScreen(directNode, undefined, directData.blobs, {
+        includeFills: true,
+        includeStrokes: true,
+        includeText: true,
+        background: "#1a1a1a",
+    });
+    console.log("Direct Result size:", directResult.width, "x", directResult.height);
+    console.log("Direct Warnings:", directResult.warnings);
+    // === Compare nodes ===
+    console.log("\n=== NODE COMPARISON ===");
+    console.log("Same node?", mcpNode === directNode);
+    console.log("MCP node guid:", mcpNode.guid);
+    console.log("Direct node guid:", directNode.guid);
+    console.log("MCP node children:", mcpNode.children?.length || 0);
+    console.log("Direct node children:", directNode.children?.length || 0);
+    // Check if node data is the same
+    const mcpScene = mcpNode;
+    const directScene = directNode;
+    console.log("\nMCP node x/y/w/h:", mcpScene.x, mcpScene.y, mcpScene.width, mcpScene.height);
+    console.log("Direct node x/y/w/h:", directScene.x, directScene.y, directScene.width, directScene.height);
+    // === KEY DIFFERENCE: Check blobs ===
+    console.log("\n=== BLOB COMPARISON ===");
+    if (mcpData.blobs && directData.blobs) {
+        console.log("MCP blobs length:", mcpData.blobs.length);
+        console.log("Direct blobs length:", directData.blobs.length);
+        console.log("Same blob array?", mcpData.blobs === directData.blobs);
+        // Check first few blobs
+        for (let i = 0; i < Math.min(3, mcpData.blobs.length); i++) {
+            const mcpBlob = mcpData.blobs[i];
+            const directBlob = directData.blobs[i];
+            console.log(`Blob ${i}: MCP bytes=${mcpBlob?.bytes?.length}, Direct bytes=${directBlob?.bytes?.length}`);
+        }
+    }
+    // Save outputs
+    writeFileSync("output/mcp-output.svg", mcpResult.svg);
+    writeFileSync("output/direct-output.svg", directResult.svg);
+    const html = `<!DOCTYPE html>
+<html>
+<head>
+  <title>MCP vs Direct Comparison - ${NODE_ID}</title>
+  <style>
+    body { margin: 0; padding: 40px; background: #0d0d0d; color: #fff; font-family: sans-serif; }
+    h1 { font-size: 24px; margin-bottom: 8px; }
+    .container { display: flex; gap: 40px; flex-wrap: wrap; }
+    .preview { background: #1a1a1a; border-radius: 12px; padding: 40px; }
+    .preview h2 { font-size: 14px; color: #666; margin-bottom: 20px; }
+    .preview.good h2 { color: #4f4; }
+    .preview.bad h2 { color: #f44; }
+    .scaled svg { width: 200px; height: auto; }
+    pre { font-size: 10px; background: #111; padding: 10px; overflow: auto; max-height: 400px; }
+  </style>
+</head>
+<body>
+  <h1>MCP vs Direct Comparison: ${NODE_ID}</h1>
+
+  <div class="container">
+    <div class="preview bad">
+      <h2>MCP (renderScreen) - ${mcpResult.width.toFixed(1)} x ${mcpResult.height.toFixed(1)}</h2>
+      <div class="scaled">${mcpResult.svg.replace('<?xml version="1.0" encoding="UTF-8"?>', '')}</div>
+    </div>
+
+    <div class="preview good">
+      <h2>Direct (renderScreen) - ${directResult.width.toFixed(1)} x ${directResult.height.toFixed(1)}</h2>
+      <div class="scaled">${directResult.svg.replace('<?xml version="1.0" encoding="UTF-8"?>', '')}</div>
+    </div>
+  </div>
+
+  <h2 style="margin-top: 40px;">Raw SVG</h2>
+  <div class="container">
+    <div class="preview">
+      <h2>MCP SVG</h2>
+      <pre>${mcpResult.svg.replace(/</g, '&lt;').replace(/>/g, '&gt;')}</pre>
+    </div>
+    <div class="preview">
+      <h2>Direct SVG</h2>
+      <pre>${directResult.svg.replace(/</g, '&lt;').replace(/>/g, '&gt;')}</pre>
+    </div>
+  </div>
+</body>
+</html>`;
+    writeFileSync("output/mcp-vs-direct.html", html);
+    console.log("\nSaved: output/mcp-output.svg");
+    console.log("Saved: output/direct-output.svg");
+    console.log("Saved: output/mcp-vs-direct.html");
+}
+compare().catch(console.error);
+//# sourceMappingURL=compare-mcp-vs-direct.js.map

package/dist/compare-mcp-vs-direct.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-mcp-vs-direct.js","sourceRoot":"","sources":["../src/compare-mcp-vs-direct.ts"],"names":[],"mappings":"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"}

package/dist/compare-renderers.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=compare-renderers.d.ts.map

package/dist/compare-renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-renderers.d.ts","sourceRoot":"","sources":["../src/compare-renderers.ts"],"names":[],"mappings":""}

package/dist/compare-renderers.js

@@ -0,0 +1,110 @@
+/**
+ * Compare renderScreen outputs to debug transform/positioning issues
+ */
+import { readFigFile } from "./parser/index.js";
+import { parseCanvasFig, formatGUID, extractDocumentTree } from "./parser/kiwi-parser.js";
+import { renderScreen } from "./renderer/index.js";
+import { writeFileSync } from "fs";
+const FILE_PATH = "/Users/billy/Downloads/AutoDevice (Copy).fig";
+const NODE_ID = process.argv[2] || "457:1681";
+async function compare() {
+    const archive = await readFigFile(FILE_PATH);
+    const parsed = parseCanvasFig(archive.canvasFig);
+    const doc = extractDocumentTree(parsed.message);
+    if (!doc) {
+        console.log("Failed to extract document");
+        return;
+    }
+    const blobs = parsed.message["blobs"];
+    const nodeIndex = new Map();
+    function indexNode(node) {
+        nodeIndex.set(formatGUID(node.guid), node);
+        if (node.children) {
+            for (const child of node.children) {
+                indexNode(child);
+            }
+        }
+    }
+    indexNode(doc);
+    const node = nodeIndex.get(NODE_ID);
+    if (!node) {
+        console.log("Node not found:", NODE_ID);
+        return;
+    }
+    console.log("Node:", formatGUID(node.guid));
+    console.log("Type:", node.type);
+    console.log("Name:", node.name);
+    console.log("Children:", node.children?.length || 0);
+    const options = {
+        includeFills: true,
+        includeStrokes: true,
+        includeText: true,
+        background: "#1a1a1a",
+    };
+    // Render two passes to compare outputs
+    console.log("\n--- Render A (renderScreen) ---");
+    const firstResult = renderScreen(node, undefined, blobs, options);
+    console.log("Render A Size:", firstResult.width, "x", firstResult.height);
+    if (firstResult.warnings.length)
+        console.log("Render A Warnings:", firstResult.warnings);
+    console.log("\n--- Render B (renderScreen) ---");
+    const secondResult = renderScreen(node, undefined, blobs, options);
+    console.log("Render B Size:", secondResult.width, "x", secondResult.height);
+    if (secondResult.warnings.length)
+        console.log("Render B Warnings:", secondResult.warnings);
+    // Save both
+    writeFileSync("output/compare-a.svg", firstResult.svg);
+    writeFileSync("output/compare-b.svg", secondResult.svg);
+    console.log("\nSaved: output/compare-a.svg");
+    console.log("Saved: output/compare-b.svg");
+    // Create comparison HTML
+    const html = `<!DOCTYPE html>
+<html>
+<head>
+  <title>Renderer Comparison - ${NODE_ID}</title>
+  <style>
+    body { margin: 0; padding: 40px; background: #0d0d0d; color: #fff; font-family: sans-serif; }
+    h1 { font-size: 24px; margin-bottom: 8px; }
+    .info { color: #888; font-size: 14px; margin-bottom: 24px; }
+    .container { display: flex; gap: 40px; flex-wrap: wrap; }
+    .preview { background: #1a1a1a; border-radius: 12px; padding: 40px; }
+    .preview h2 { font-size: 14px; color: #666; margin-bottom: 20px; }
+    .preview.good h2 { color: #4f4; }
+    .preview.bad h2 { color: #f44; }
+    .scaled svg { width: 200px; height: auto; }
+  </style>
+</head>
+<body>
+  <h1>Renderer Comparison: ${NODE_ID}</h1>
+  <p class="info">Node: ${node.name} (${node.type})</p>
+
+  <div class="container">
+    <div class="preview bad">
+      <h2>Render A - ${firstResult.width.toFixed(1)} x ${firstResult.height.toFixed(1)}</h2>
+      <div class="scaled">${firstResult.svg.replace('<?xml version="1.0" encoding="UTF-8"?>', '')}</div>
+    </div>
+
+    <div class="preview good">
+      <h2>Render B - ${secondResult.width.toFixed(1)} x ${secondResult.height.toFixed(1)}</h2>
+      <div class="scaled">${secondResult.svg.replace('<?xml version="1.0" encoding="UTF-8"?>', '')}</div>
+    </div>
+  </div>
+
+  <h2 style="margin-top: 40px;">Raw SVG Comparison</h2>
+  <div class="container">
+    <div class="preview">
+      <h2>Render A SVG</h2>
+      <pre style="font-size: 10px; max-height: 300px; overflow: auto; background: #111; padding: 10px;">${firstResult.svg.replace(/</g, '&lt;').replace(/>/g, '&gt;')}</pre>
+    </div>
+    <div class="preview">
+      <h2>Render B SVG</h2>
+      <pre style="font-size: 10px; max-height: 300px; overflow: auto; background: #111; padding: 10px;">${secondResult.svg.replace(/</g, '&lt;').replace(/>/g, '&gt;')}</pre>
+    </div>
+  </div>
+</body>
+</html>`;
+    writeFileSync("output/compare.html", html);
+    console.log("Saved: output/compare.html");
+}
+compare().catch(console.error);
+//# sourceMappingURL=compare-renderers.js.map

package/dist/compare-renderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compare-renderers.js","sourceRoot":"","sources":["../src/compare-renderers.ts"],"names":[],"mappings":"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"}

package/dist/debug/debug-stroke-geom.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=debug-stroke-geom.d.ts.map

package/dist/debug/debug-stroke-geom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-stroke-geom.d.ts","sourceRoot":"","sources":["../../src/debug/debug-stroke-geom.ts"],"names":[],"mappings":""}

package/dist/debug/debug-stroke-geom.js

@@ -0,0 +1,67 @@
+/**
+ * Debug strokeGeometry for complex vector 457:1697
+ */
+import { readFigFile } from "../parser/index.js";
+import { parseCanvasFig, formatGUID, extractDocumentTree } from "../parser/kiwi-parser.js";
+async function debug() {
+    const archive = await readFigFile("/Users/billy/Downloads/AutoDevice (Copy).fig");
+    const parsed = parseCanvasFig(archive.canvasFig);
+    const doc = extractDocumentTree(parsed.message);
+    if (!doc)
+        return;
+    const nodeIndex = new Map();
+    function indexNode(node) {
+        nodeIndex.set(formatGUID(node.guid), node);
+        if (node.children) {
+            for (const child of node.children) {
+                indexNode(child);
+            }
+        }
+    }
+    indexNode(doc);
+    const blobs = parsed.message["blobs"];
+    // Check all 3 vectors in frame 457:1694
+    for (const id of ["457:1695", "457:1696", "457:1697"]) {
+        const rawNode = nodeIndex.get(id);
+        if (!rawNode) {
+            console.log(`Node ${id} not found`);
+            continue;
+        }
+        const node = rawNode;
+        console.log(`\n${"=".repeat(60)}`);
+        console.log(`Node ${id}: ${node.name}`);
+        console.log("fillGeometry:", JSON.stringify(node.fillGeometry, null, 2));
+        console.log("strokeGeometry:", JSON.stringify(node.strokeGeometry, null, 2));
+        // If strokeGeometry has commandsBlob, decode it
+        const strokeGeom = node.strokeGeometry;
+        if (strokeGeom?.[0]?.commandsBlob !== undefined && blobs) {
+            const blobIdx = strokeGeom[0].commandsBlob;
+            const bytes = blobs[blobIdx].bytes;
+            console.log(`\nstrokeGeometry[0].commandsBlob (${bytes.length} bytes):`);
+            // Decode path commands
+            const view = new DataView(bytes.buffer, bytes.byteOffset, bytes.length);
+            const cmdNames = { 0: "Z", 1: "M", 2: "L", 3: "Q", 4: "C", 5: "Q2" };
+            const argCounts = { 0: 0, 1: 2, 2: 2, 3: 4, 4: 6, 5: 4 };
+            let offset = 0;
+            const cmds = [];
+            while (offset < bytes.length) {
+                const cmd = bytes[offset++];
+                const name = cmdNames[cmd] ?? `?${cmd}`;
+                const argCount = argCounts[cmd];
+                if (argCount === undefined) {
+                    cmds.push(`${name}(unknown)`);
+                    break;
+                }
+                const args = [];
+                for (let i = 0; i < argCount && offset + 4 <= bytes.length; i++) {
+                    args.push(view.getFloat32(offset, true));
+                    offset += 4;
+                }
+                cmds.push(`${name}(${args.map(a => a.toFixed(2)).join(", ")})`);
+            }
+            console.log(cmds.join(" → "));
+        }
+    }
+}
+debug().catch(console.error);
+//# sourceMappingURL=debug-stroke-geom.js.map

package/dist/debug/debug-stroke-geom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-stroke-geom.js","sourceRoot":"","sources":["../../src/debug/debug-stroke-geom.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAG3F,KAAK,UAAU,KAAK;IAClB,MAAM,OAAO,GAAG,MAAM,WAAW,CAAC,8CAA8C,CAAC,CAAC;IAClF,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IACjD,MAAM,GAAG,GAAG,mBAAmB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAChD,IAAI,CAAC,GAAG;QAAE,OAAO;IAEjB,MAAM,SAAS,GAAG,IAAI,GAAG,EAAmB,CAAC;IAC7C,SAAS,SAAS,CAAC,IAAa;QAC9B,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;QAC3C,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAqB,EAAE,CAAC;gBAC/C,SAAS,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC;QACH,CAAC;IACH,CAAC;IACD,SAAS,CAAC,GAAG,CAAC,CAAC;IAEf,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAA6C,CAAC;IAElF,wCAAwC;IACxC,KAAK,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,CAAC;QACtD,MAAM,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAClC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACpC,SAAS;QACX,CAAC;QACD,MAAM,IAAI,GAAG,OAA6C,CAAC;QAC3D,OAAO,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACnC,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACxC,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QACzE,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QAE7E,gDAAgD;QAChD,MAAM,UAAU,GAAG,IAAI,CAAC,cAAkF,CAAC;QAC3G,IAAI,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,KAAK,SAAS,IAAI,KAAK,EAAE,CAAC;YACzD,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;YAC3C,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC;YACnC,OAAO,CAAC,GAAG,CAAC,qCAAqC,KAAK,CAAC,MAAM,UAAU,CAAC,CAAC;YAEzE,uBAAuB;YACvB,MAAM,IAAI,GAAG,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;YACxE,MAAM,QAAQ,GAA2B,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;YAC7F,MAAM,SAAS,GAA2B,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;YAEjF,IAAI,MAAM,GAAG,CAAC,CAAC;YACf,MAAM,IAAI,GAAa,EAAE,CAAC;YAC1B,OAAO,MAAM,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;gBAC7B,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;gBAC5B,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC;gBACxC,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;gBAChC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;oBAC3B,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,WAAW,CAAC,CAAC;oBAC9B,MAAM;gBACR,CAAC;gBACD,MAAM,IAAI,GAAa,EAAE,CAAC;gBAC1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,IAAI,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBAChE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;oBACzC,MAAM,IAAI,CAAC,CAAC;gBACd,CAAC;gBACD,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAClE,CAAC;YACD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;AACH,CAAC;AAED,KAAK,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC"}