figma-to-code-agent 0.3.4 → 0.5.0

package/dist/tokens/DesignTokenExporter.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesignTokenExporter = void 0;
+/**
+ * Exports design tokens to various formats: CSS variables, SCSS, JSON, JS.
+ */
+class DesignTokenExporter {
+    export(tokens, format) {
+        switch (format) {
+            case 'css': return this.toCSS(tokens);
+            case 'scss': return this.toSCSS(tokens);
+            case 'json': return this.toJSON(tokens);
+            case 'js': return this.toJS(tokens);
+        }
+    }
+    toCSS(tokens) {
+        const lines = [':root {'];
+        for (const c of tokens.colors)
+            lines.push(`  --${c.name}: ${c.css};`);
+        for (const t of tokens.typography) {
+            lines.push(`  --${t.name}-family: ${t.fontFamily};`);
+            lines.push(`  --${t.name}-size: ${t.fontSize}px;`);
+            lines.push(`  --${t.name}-weight: ${t.fontWeight};`);
+            lines.push(`  --${t.name}-line-height: ${t.lineHeight}px;`);
+        }
+        for (const s of tokens.spacing)
+            lines.push(`  --${s.name}: ${s.value}px;`);
+        for (const e of tokens.effects)
+            lines.push(`  --${e.name}: ${e.css};`);
+        for (const r of tokens.borderRadius)
+            lines.push(`  --${r.name}: ${r.value}px;`);
+        lines.push('}');
+        return lines.join('\n') + '\n';
+    }
+    toSCSS(tokens) {
+        const lines = [];
+        for (const c of tokens.colors)
+            lines.push(`$${c.name}: ${c.css};`);
+        for (const t of tokens.typography) {
+            lines.push(`$${t.name}-family: ${t.fontFamily};`);
+            lines.push(`$${t.name}-size: ${t.fontSize}px;`);
+            lines.push(`$${t.name}-weight: ${t.fontWeight};`);
+            lines.push(`$${t.name}-line-height: ${t.lineHeight}px;`);
+        }
+        for (const s of tokens.spacing)
+            lines.push(`$${s.name}: ${s.value}px;`);
+        for (const e of tokens.effects)
+            lines.push(`$${e.name}: ${e.css};`);
+        for (const r of tokens.borderRadius)
+            lines.push(`$${r.name}: ${r.value}px;`);
+        return lines.join('\n') + '\n';
+    }
+    toJSON(tokens) {
+        return JSON.stringify(tokens, null, 2) + '\n';
+    }
+    toJS(tokens) {
+        return `export const designTokens = ${JSON.stringify(tokens, null, 2)};\n`;
+    }
+}
+exports.DesignTokenExporter = DesignTokenExporter;
+//# sourceMappingURL=DesignTokenExporter.js.map

package/dist/tokens/DesignTokenExporter.js.map

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

package/dist/tokens/DesignTokenExtractor.d.ts

@@ -0,0 +1,14 @@
+import type { ASTNode } from '../transformation/types';
+import type { DesignTokens } from './types';
+/**
+ * Extracts design tokens (colors, typography, spacing, effects, border-radius)
+ * from an AST tree by traversing all nodes and deduplicating values.
+ */
+export declare class DesignTokenExtractor {
+    extract(root: ASTNode): DesignTokens;
+    private traverse;
+    private generateColorName;
+    private generateTypographyName;
+    private generateEffectName;
+}
+//# sourceMappingURL=DesignTokenExtractor.d.ts.map

package/dist/tokens/DesignTokenExtractor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignTokenExtractor.d.ts","sourceRoot":"","sources":["../../src/tokens/DesignTokenExtractor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EACV,YAAY,EAMb,MAAM,SAAS,CAAC;AAEjB;;;GAGG;AACH,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,YAAY;IAqGpC,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,sBAAsB;IAU9B,OAAO,CAAC,kBAAkB;CAI3B"}

package/dist/tokens/DesignTokenExtractor.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesignTokenExtractor = void 0;
+/**
+ * Extracts design tokens (colors, typography, spacing, effects, border-radius)
+ * from an AST tree by traversing all nodes and deduplicating values.
+ */
+class DesignTokenExtractor {
+    extract(root) {
+        const colors = new Map();
+        const typography = new Map();
+        const spacingSet = new Set();
+        const effects = new Map();
+        const radiusSet = new Set();
+        this.traverse(root, (node) => {
+            // Colors
+            if (node.styles.backgroundColor) {
+                const c = node.styles.backgroundColor;
+                const css = `rgba(${c.r}, ${c.g}, ${c.b}, ${c.a})`;
+                if (!colors.has(css)) {
+                    colors.set(css, {
+                        name: this.generateColorName(c),
+                        value: { r: c.r, g: c.g, b: c.b, a: c.a },
+                        css,
+                    });
+                }
+            }
+            // Typography
+            if (node.styles.typography) {
+                const t = node.styles.typography;
+                const key = `${t.fontFamily}-${t.fontSize}-${t.fontWeight}`;
+                if (!typography.has(key)) {
+                    typography.set(key, {
+                        name: this.generateTypographyName(t.fontSize, t.fontWeight),
+                        fontFamily: t.fontFamily,
+                        fontSize: t.fontSize,
+                        fontWeight: t.fontWeight,
+                        lineHeight: t.lineHeight,
+                        letterSpacing: t.letterSpacing,
+                    });
+                }
+            }
+            // Spacing (from padding)
+            if (node.layout.padding) {
+                const p = node.layout.padding;
+                if ('top' in p) {
+                    [p.top, p.right, p.bottom, p.left].forEach((v) => {
+                        if (v > 0)
+                            spacingSet.add(v);
+                    });
+                }
+            }
+            // Gap
+            if (node.layout.gap && node.layout.gap > 0) {
+                spacingSet.add(node.layout.gap);
+            }
+            // Border radius
+            if (node.styles.borderRadius) {
+                const br = node.styles.borderRadius;
+                if (typeof br === 'number' && br > 0) {
+                    radiusSet.add(br);
+                }
+            }
+            // Box shadows
+            if (node.styles.boxShadow) {
+                for (const shadow of node.styles.boxShadow) {
+                    const css = shadow.type === 'inner-shadow'
+                        ? `inset ${shadow.offsetX}px ${shadow.offsetY}px ${shadow.blur}px ${shadow.spread}px rgba(${shadow.color.r}, ${shadow.color.g}, ${shadow.color.b}, ${shadow.color.a})`
+                        : `${shadow.offsetX}px ${shadow.offsetY}px ${shadow.blur}px ${shadow.spread}px rgba(${shadow.color.r}, ${shadow.color.g}, ${shadow.color.b}, ${shadow.color.a})`;
+                    if (!effects.has(css)) {
+                        effects.set(css, {
+                            name: this.generateEffectName(shadow.type, effects.size),
+                            type: shadow.type,
+                            css,
+                        });
+                    }
+                }
+            }
+        });
+        // Build sorted spacing tokens
+        const spacingValues = Array.from(spacingSet).sort((a, b) => a - b);
+        const spacingTokens = spacingValues.map((v, i) => ({
+            name: `spacing-${i + 1}`,
+            value: v,
+        }));
+        // Build sorted border-radius tokens
+        const radiusValues = Array.from(radiusSet).sort((a, b) => a - b);
+        const radiusTokens = radiusValues.map((v, i) => ({
+            name: `radius-${i + 1}`,
+            value: v,
+        }));
+        return {
+            colors: Array.from(colors.values()),
+            typography: Array.from(typography.values()),
+            spacing: spacingTokens,
+            effects: Array.from(effects.values()),
+            borderRadius: radiusTokens,
+        };
+    }
+    traverse(node, visitor) {
+        visitor(node);
+        node.children.forEach((child) => this.traverse(child, visitor));
+    }
+    generateColorName(c) {
+        if (c.r === 255 && c.g === 255 && c.b === 255)
+            return c.a < 1 ? 'white-transparent' : 'white';
+        if (c.r === 0 && c.g === 0 && c.b === 0)
+            return c.a < 1 ? 'black-transparent' : 'black';
+        return `color-${c.r}-${c.g}-${c.b}${c.a < 1 ? `-a${Math.round(c.a * 100)}` : ''}`;
+    }
+    generateTypographyName(fontSize, fontWeight) {
+        const sizeLabel = fontSize <= 12 ? 'xs' : fontSize <= 14 ? 'sm' : fontSize <= 16 ? 'base' :
+            fontSize <= 20 ? 'lg' : fontSize <= 24 ? 'xl' : fontSize <= 32 ? '2xl' : '3xl';
+        const weightLabel = fontWeight <= 300 ? 'light' : fontWeight <= 400 ? 'regular' :
+            fontWeight <= 500 ? 'medium' : fontWeight <= 600 ? 'semibold' : 'bold';
+        return `text-${sizeLabel}-${weightLabel}`;
+    }
+    generateEffectName(type, index) {
+        const prefix = type === 'inner-shadow' ? 'inner-shadow' : type === 'blur' ? 'blur' : 'shadow';
+        return `${prefix}-${index + 1}`;
+    }
+}
+exports.DesignTokenExtractor = DesignTokenExtractor;
+//# sourceMappingURL=DesignTokenExtractor.js.map

package/dist/tokens/DesignTokenExtractor.js.map

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

package/dist/tokens/index.d.ts

@@ -0,0 +1,4 @@
+export { DesignTokenExtractor } from './DesignTokenExtractor';
+export { DesignTokenExporter } from './DesignTokenExporter';
+export type { DesignTokens, ColorToken, TypographyToken, SpacingToken, EffectToken, BorderRadiusToken, TokenExportFormat, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EACV,YAAY,EACZ,UAAU,EACV,eAAe,EACf,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,SAAS,CAAC"}

package/dist/tokens/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesignTokenExporter = exports.DesignTokenExtractor = void 0;
+var DesignTokenExtractor_1 = require("./DesignTokenExtractor");
+Object.defineProperty(exports, "DesignTokenExtractor", { enumerable: true, get: function () { return DesignTokenExtractor_1.DesignTokenExtractor; } });
+var DesignTokenExporter_1 = require("./DesignTokenExporter");
+Object.defineProperty(exports, "DesignTokenExporter", { enumerable: true, get: function () { return DesignTokenExporter_1.DesignTokenExporter; } });
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":";;;AAAA,+DAA8D;AAArD,4HAAA,oBAAoB,OAAA;AAC7B,6DAA4D;AAAnD,0HAAA,mBAAmB,OAAA"}

package/dist/tokens/types.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Design Token Types
+ * Represents extracted design tokens from Figma designs
+ */
+export interface ColorToken {
+    name: string;
+    value: {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+    css: string;
+}
+export interface TypographyToken {
+    name: string;
+    fontFamily: string;
+    fontSize: number;
+    fontWeight: number;
+    lineHeight: number;
+    letterSpacing?: number;
+}
+export interface SpacingToken {
+    name: string;
+    value: number;
+}
+export interface EffectToken {
+    name: string;
+    type: 'drop-shadow' | 'inner-shadow' | 'blur';
+    css: string;
+}
+export interface BorderRadiusToken {
+    name: string;
+    value: number;
+}
+export interface DesignTokens {
+    colors: ColorToken[];
+    typography: TypographyToken[];
+    spacing: SpacingToken[];
+    effects: EffectToken[];
+    borderRadius: BorderRadiusToken[];
+}
+export type TokenExportFormat = 'css' | 'scss' | 'json' | 'js';
+//# sourceMappingURL=types.d.ts.map

package/dist/tokens/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tokens/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtD,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,aAAa,GAAG,cAAc,GAAG,MAAM,CAAC;IAC9C,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,YAAY,EAAE,iBAAiB,EAAE,CAAC;CACnC;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC"}

package/dist/tokens/types.js

@@ -0,0 +1,7 @@
+"use strict";
+/**
+ * Design Token Types
+ * Represents extracted design tokens from Figma designs
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/tokens/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/tokens/types.ts"],"names":[],"mappings":";AAAA;;;GAGG"}

package/dist/transformation/transformers/AccessibilityEnhancer.d.ts

@@ -0,0 +1,22 @@
+import type { ASTNode } from '../types';
+import type { Transformer } from '../TransformationPipeline';
+/**
+ * Enhances AST nodes with accessibility attributes.
+ * - Adds ARIA roles based on node type and structure
+ * - Adds alt text hints for images
+ * - Adds landmark roles for navigation/header/footer patterns
+ * - Flags interactive elements that need keyboard support
+ */
+export declare class AccessibilityEnhancer implements Transformer {
+    name: string;
+    transform(node: ASTNode): ASTNode;
+    private enhance;
+    private isNavigation;
+    private isHeader;
+    private isFooter;
+    private isButton;
+    private isList;
+    private generateAltText;
+    private generateAriaLabel;
+}
+//# sourceMappingURL=AccessibilityEnhancer.d.ts.map

package/dist/transformation/transformers/AccessibilityEnhancer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessibilityEnhancer.d.ts","sourceRoot":"","sources":["../../../src/transformation/transformers/AccessibilityEnhancer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D;;;;;;GAMG;AACH,qBAAa,qBAAsB,YAAW,WAAW;IACvD,IAAI,SAA4B;IAEhC,SAAS,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO;IAIjC,OAAO,CAAC,OAAO;IAyDf,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,QAAQ;IAkBhB,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,iBAAiB;CAI1B"}

package/dist/transformation/transformers/AccessibilityEnhancer.js

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccessibilityEnhancer = void 0;
+/**
+ * Enhances AST nodes with accessibility attributes.
+ * - Adds ARIA roles based on node type and structure
+ * - Adds alt text hints for images
+ * - Adds landmark roles for navigation/header/footer patterns
+ * - Flags interactive elements that need keyboard support
+ */
+class AccessibilityEnhancer {
+    constructor() {
+        this.name = 'accessibility-enhancer';
+    }
+    transform(node) {
+        return this.enhance(node);
+    }
+    enhance(node) {
+        const a11y = {};
+        // Image nodes need alt text
+        if (node.type === 'Image') {
+            a11y.role = 'img';
+            a11y.alt = this.generateAltText(node.name);
+        }
+        // Text nodes
+        if (node.type === 'Text') {
+            const fontSize = node.styles.typography?.fontSize;
+            if (fontSize && fontSize >= 24) {
+                a11y.role = 'heading';
+                a11y.ariaLevel = fontSize >= 32 ? '1' : fontSize >= 24 ? '2' : '3';
+            }
+        }
+        // Detect navigation patterns
+        if (this.isNavigation(node)) {
+            a11y.role = 'navigation';
+            a11y.ariaLabel = this.generateAriaLabel(node.name, 'navigation');
+        }
+        // Detect header patterns
+        if (this.isHeader(node)) {
+            a11y.role = 'banner';
+        }
+        // Detect footer patterns
+        if (this.isFooter(node)) {
+            a11y.role = 'contentinfo';
+        }
+        // Detect button-like elements
+        if (this.isButton(node)) {
+            a11y.role = 'button';
+            a11y.tabIndex = '0';
+        }
+        // Detect list patterns
+        if (this.isList(node)) {
+            a11y.role = 'list';
+        }
+        const hasA11y = Object.keys(a11y).length > 0;
+        return {
+            ...node,
+            metadata: {
+                ...node.metadata,
+                ...(hasA11y ? { accessibility: a11y } : {}),
+            },
+            children: node.children.map((child) => this.enhance(child)),
+        };
+    }
+    isNavigation(node) {
+        const name = node.name.toLowerCase();
+        return ((name.includes('nav') || name.includes('menu') || name.includes('toolbar')) &&
+            node.children.length >= 2);
+    }
+    isHeader(node) {
+        const name = node.name.toLowerCase();
+        return name.includes('header') || name.includes('top-bar') || name.includes('topbar');
+    }
+    isFooter(node) {
+        const name = node.name.toLowerCase();
+        return name.includes('footer') || name.includes('bottom-bar');
+    }
+    isButton(node) {
+        const name = node.name.toLowerCase();
+        if (name.includes('button') || name.includes('btn') || name.includes('cta')) {
+            return true;
+        }
+        // Small container with single text child and background color = likely a button
+        if (node.type === 'Container' &&
+            node.children.length === 1 &&
+            node.children[0].type === 'Text' &&
+            node.styles.backgroundColor &&
+            node.styles.borderRadius) {
+            return true;
+        }
+        return false;
+    }
+    isList(node) {
+        if (node.children.length < 3)
+            return false;
+        // Check if children have similar structure (same type and similar layout)
+        const types = node.children.map((c) => c.type);
+        const allSameType = types.every((t) => t === types[0]);
+        return allSameType && node.layout.display === 'flex';
+    }
+    generateAltText(name) {
+        return name
+            .replace(/[-_]+/g, ' ')
+            .replace(/\b\w/g, (c) => c.toUpperCase())
+            .trim() || 'Image';
+    }
+    generateAriaLabel(name, fallback) {
+        const cleaned = name.replace(/[-_]+/g, ' ').trim();
+        return cleaned || fallback;
+    }
+}
+exports.AccessibilityEnhancer = AccessibilityEnhancer;
+//# sourceMappingURL=AccessibilityEnhancer.js.map

package/dist/transformation/transformers/AccessibilityEnhancer.js.map

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

package/dist/transformation/transformers/ComponentSplitter.d.ts

@@ -0,0 +1,32 @@
+import type { ASTNode } from '../types';
+import type { Transformer } from '../TransformationPipeline';
+/**
+ * Splits large designs into smaller sub-components.
+ * - Nodes with >50 children get split into sub-components
+ * - Component boundaries are placed at container nodes (Frame/Group), never at leaves
+ * - Max nesting depth is 4 levels
+ */
+export declare class ComponentSplitter implements Transformer {
+    name: string;
+    private readonly childThreshold;
+    private readonly maxDepth;
+    constructor(childThreshold?: number, maxDepth?: number);
+    transform(node: ASTNode): ASTNode;
+    private splitNode;
+    /**
+     * Split a large list of children into groups, wrapping each group as a Component.
+     */
+    private splitChildren;
+    /**
+     * Create a sub-component wrapper for a group of children.
+     * Boundary is always a container, never a leaf.
+     */
+    private createSubComponent;
+    /**
+     * Flatten children that exceed max depth by pulling grandchildren up.
+     */
+    private flattenExcessDepth;
+    private getDepth;
+    private toPascalCase;
+}
+//# sourceMappingURL=ComponentSplitter.d.ts.map

package/dist/transformation/transformers/ComponentSplitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentSplitter.d.ts","sourceRoot":"","sources":["../../../src/transformation/transformers/ComponentSplitter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D;;;;;GAKG;AACH,qBAAa,iBAAkB,YAAW,WAAW;IACnD,IAAI,SAAwB;IAC5B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAS;IACxC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;gBAEtB,cAAc,SAAK,EAAE,QAAQ,SAAI;IAK7C,SAAS,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO;IAIjC,OAAO,CAAC,SAAS;IAoBjB;;OAEG;IACH,OAAO,CAAC,aAAa;IAcrB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAmC1B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,YAAY;CAMrB"}

package/dist/transformation/transformers/ComponentSplitter.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentSplitter = void 0;
+/**
+ * Splits large designs into smaller sub-components.
+ * - Nodes with >50 children get split into sub-components
+ * - Component boundaries are placed at container nodes (Frame/Group), never at leaves
+ * - Max nesting depth is 4 levels
+ */
+class ComponentSplitter {
+    constructor(childThreshold = 50, maxDepth = 4) {
+        this.name = 'component-splitter';
+        this.childThreshold = childThreshold;
+        this.maxDepth = maxDepth;
+    }
+    transform(node) {
+        return this.splitNode(node, 0);
+    }
+    splitNode(node, depth) {
+        // Don't split leaf nodes
+        if (node.children.length === 0)
+            return node;
+        // Recursively process children first
+        let children = node.children.map((child) => this.splitNode(child, depth + 1));
+        // If this node has too many children and we haven't exceeded max depth, split
+        if (children.length > this.childThreshold && depth < this.maxDepth) {
+            children = this.splitChildren(children, node.name, depth);
+        }
+        // Flatten depth if exceeding max
+        if (depth >= this.maxDepth) {
+            children = this.flattenExcessDepth(children);
+        }
+        return { ...node, children };
+    }
+    /**
+     * Split a large list of children into groups, wrapping each group as a Component.
+     */
+    splitChildren(children, parentName, depth) {
+        const groupSize = Math.ceil(children.length / Math.ceil(children.length / this.childThreshold));
+        const groups = [];
+        for (let i = 0; i < children.length; i += groupSize) {
+            groups.push(children.slice(i, i + groupSize));
+        }
+        // If only one group, no need to split
+        if (groups.length <= 1)
+            return children;
+        return groups.map((group, index) => this.createSubComponent(group, parentName, index, depth));
+    }
+    /**
+     * Create a sub-component wrapper for a group of children.
+     * Boundary is always a container, never a leaf.
+     */
+    createSubComponent(children, parentName, index, _depth) {
+        const name = `${parentName}-section-${index + 1}`;
+        // Compute bounding box from children
+        const minX = Math.min(...children.map((c) => c.layout.position.x));
+        const minY = Math.min(...children.map((c) => c.layout.position.y));
+        const maxX = Math.max(...children.map((c) => c.layout.position.x + c.layout.size.width));
+        const maxY = Math.max(...children.map((c) => c.layout.position.y + c.layout.size.height));
+        return {
+            id: `split-${parentName}-${index}`,
+            type: 'Component',
+            name,
+            children,
+            layout: {
+                display: 'flex',
+                position: { x: minX, y: minY },
+                size: { width: maxX - minX, height: maxY - minY },
+                flexDirection: 'column',
+            },
+            styles: {},
+            metadata: {
+                figmaId: `split-${parentName}-${index}`,
+                figmaType: 'FRAME',
+                isComponent: true,
+                componentName: this.toPascalCase(name),
+                exportable: false,
+            },
+        };
+    }
+    /**
+     * Flatten children that exceed max depth by pulling grandchildren up.
+     */
+    flattenExcessDepth(children) {
+        return children.map((child) => {
+            if (this.getDepth(child) > this.maxDepth) {
+                // Pull grandchildren up if child is just a wrapper
+                if (child.type === 'Container' && !child.metadata.isComponent) {
+                    return { ...child, children: child.children.flatMap((gc) => [gc]) };
+                }
+            }
+            return child;
+        });
+    }
+    getDepth(node) {
+        if (node.children.length === 0)
+            return 0;
+        return 1 + Math.max(...node.children.map((c) => this.getDepth(c)));
+    }
+    toPascalCase(str) {
+        return str
+            .split(/[-_\s]+/)
+            .map((s) => s.charAt(0).toUpperCase() + s.slice(1).toLowerCase())
+            .join('');
+    }
+}
+exports.ComponentSplitter = ComponentSplitter;
+//# sourceMappingURL=ComponentSplitter.js.map

package/dist/transformation/transformers/ComponentSplitter.js.map

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

package/dist/transformation/transformers/PerformanceOptimizer.d.ts

@@ -0,0 +1,24 @@
+import type { ASTNode } from '../types';
+import type { Transformer } from '../TransformationPipeline';
+/**
+ * Optimizes AST for better runtime performance.
+ * - Marks large images for lazy loading
+ * - Suggests code splitting for large component trees
+ * - Removes redundant wrapper nodes
+ * - Marks offscreen content for deferred rendering
+ */
+export declare class PerformanceOptimizer implements Transformer {
+    name: string;
+    private readonly lazyLoadThreshold;
+    private readonly codeSplitThreshold;
+    constructor(lazyLoadThreshold?: number, codeSplitThreshold?: number);
+    transform(node: ASTNode): ASTNode;
+    private optimize;
+    /**
+     * Check if a node is a redundant wrapper (single child, no meaningful styles).
+     * Never unwrap the root node (no parent context to absorb it).
+     */
+    private isRedundantWrapper;
+    private countDescendants;
+}
+//# sourceMappingURL=PerformanceOptimizer.d.ts.map

package/dist/transformation/transformers/PerformanceOptimizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PerformanceOptimizer.d.ts","sourceRoot":"","sources":["../../../src/transformation/transformers/PerformanceOptimizer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D;;;;;;GAMG;AACH,qBAAa,oBAAqB,YAAW,WAAW;IACtD,IAAI,SAA2B;IAC/B,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAS;IAC3C,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAS;gBAEhC,iBAAiB,SAAM,EAAE,kBAAkB,SAAK;IAK5D,SAAS,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO;IAIjC,OAAO,CAAC,QAAQ;IAwDhB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAgB1B,OAAO,CAAC,gBAAgB;CAOzB"}