@llc3233149/core 0.9.0

package/dist/render/index.d.ts

@@ -0,0 +1,8 @@
+export { Frame, Text, Rectangle, Ellipse, Line, Star, Polygon, Vector, Group, Section, View, Rect, Component, Instance, Page, INTRINSIC_ELEMENTS } from './components.js';
+export { type TreeNode, type BaseProps, type TextProps, type StyleProps, isTreeNode, node, resolveToTree } from './tree.js';
+export { renderTree, type RenderResult } from './renderer.js';
+export { createElement } from './mini-react.js';
+export { renderJSX, renderTreeNode, buildComponent } from './render-jsx.js';
+export { sceneNodeToJSX, selectionToJSX, type JSXFormat } from './export-jsx.js';
+export { selectionToCode, type CodeFormat } from './export-code.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,IAAI,EACJ,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,kBAAkB,EACnB,MAAM,cAAc,CAAA;AAErB,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,UAAU,EACf,UAAU,EACV,IAAI,EACJ,aAAa,EACd,MAAM,QAAQ,CAAA;AAEf,OAAO,EAAE,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAA;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAExE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7E,OAAO,EAAE,eAAe,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAA"}

package/dist/render/index.js

@@ -0,0 +1,8 @@
+export { Frame, Text, Rectangle, Ellipse, Line, Star, Polygon, Vector, Group, Section, View, Rect, Component, Instance, Page, INTRINSIC_ELEMENTS } from './components.js';
+export { isTreeNode, node, resolveToTree } from './tree.js';
+export { renderTree } from './renderer.js';
+export { createElement } from './mini-react.js';
+export { renderJSX, renderTreeNode, buildComponent } from './render-jsx.js';
+export { sceneNodeToJSX, selectionToJSX } from './export-jsx.js';
+export { selectionToCode } from './export-code.js';
+//# sourceMappingURL=index.js.map

package/dist/render/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/render/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,IAAI,EACJ,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,kBAAkB,EACnB,MAAM,cAAc,CAAA;AAErB,OAAO,EAKL,UAAU,EACV,IAAI,EACJ,aAAa,EACd,MAAM,QAAQ,CAAA;AAEf,OAAO,EAAE,UAAU,EAAqB,MAAM,YAAY,CAAA;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAExE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAkB,MAAM,cAAc,CAAA;AAE7E,OAAO,EAAE,eAAe,EAAmB,MAAM,eAAe,CAAA"}

package/dist/render/jsx-runtime.d.ts

@@ -0,0 +1,31 @@
+import { type BaseProps, type TreeNode, type TextProps } from './tree.js';
+export declare function jsx(type: string | ((props: BaseProps) => TreeNode), props: BaseProps): TreeNode;
+export declare const jsxs: typeof jsx;
+export declare const jsxDEV: typeof jsx;
+export declare function Fragment({ children }: {
+    children?: unknown;
+}): TreeNode;
+export declare namespace JSX {
+    type Element = TreeNode;
+    interface IntrinsicElements {
+        frame: BaseProps;
+        text: TextProps;
+        rectangle: BaseProps;
+        ellipse: BaseProps;
+        line: BaseProps;
+        star: BaseProps & {
+            points?: number;
+            innerRadius?: number;
+        };
+        polygon: BaseProps & {
+            pointCount?: number;
+        };
+        vector: BaseProps;
+        group: BaseProps;
+        section: BaseProps;
+    }
+    interface ElementChildrenAttribute {
+        children: {};
+    }
+}
+//# sourceMappingURL=jsx-runtime.d.ts.map

package/dist/render/jsx-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../../src/render/jsx-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAE5E,wBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,GAAG,QAAQ,CAK/F;AAED,eAAO,MAAM,IAAI,YAAM,CAAA;AACvB,eAAO,MAAM,MAAM,YAAM,CAAA;AAEzB,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,QAAQ,CAEvE;AAED,yBAAiB,GAAG,CAAC,CAAC;IACpB,KAAY,OAAO,GAAG,QAAQ,CAAA;IAE9B,UAAiB,iBAAiB;QAChC,KAAK,EAAE,SAAS,CAAA;QAChB,IAAI,EAAE,SAAS,CAAA;QACf,SAAS,EAAE,SAAS,CAAA;QACpB,OAAO,EAAE,SAAS,CAAA;QAClB,IAAI,EAAE,SAAS,CAAA;QACf,IAAI,EAAE,SAAS,GAAG;YAAE,MAAM,CAAC,EAAE,MAAM,CAAC;YAAC,WAAW,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;QAC3D,OAAO,EAAE,SAAS,GAAG;YAAE,UAAU,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;QAC5C,MAAM,EAAE,SAAS,CAAA;QACjB,KAAK,EAAE,SAAS,CAAA;QAChB,OAAO,EAAE,SAAS,CAAA;KACnB;IAED,UAAiB,wBAAwB;QACvC,QAAQ,EAAE,EAAE,CAAA;KACb;CACF"}

package/dist/render/jsx-runtime.js

@@ -0,0 +1,13 @@
+import { node } from './tree.js';
+export function jsx(type, props) {
+    if (typeof type === 'function') {
+        return type(props);
+    }
+    return node(type, props);
+}
+export const jsxs = jsx;
+export const jsxDEV = jsx;
+export function Fragment({ children }) {
+    return node('fragment', { children });
+}
+//# sourceMappingURL=jsx-runtime.js.map

package/dist/render/jsx-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.js","sourceRoot":"","sources":["../../src/render/jsx-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiD,MAAM,QAAQ,CAAA;AAE5E,MAAM,UAAU,GAAG,CAAC,IAA+C,EAAE,KAAgB,EAAY;IAC/F,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC,KAAK,CAAC,CAAA;IACpB,CAAC;IACD,OAAO,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;AAAA,CACzB;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA;AACvB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;AAEzB,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAA0B,EAAY;IACvE,OAAO,IAAI,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;AAAA,CACtC"}

package/dist/render/mini-react.d.ts

@@ -0,0 +1,14 @@
+export type ReactElement = {
+    type: string | Function;
+    props: Record<string, unknown> & {
+        children?: ReactNode[];
+    };
+};
+export type ReactNode = ReactElement | string | number | null | undefined | ReactNode[];
+export type FC<P = Record<string, unknown>> = (props: P) => ReactElement;
+export declare function createElement(type: string | Function, props: Record<string, unknown> | null, ...children: ReactNode[]): ReactElement;
+declare const _default: {
+    createElement: typeof createElement;
+};
+export default _default;
+//# sourceMappingURL=mini-react.d.ts.map

package/dist/render/mini-react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mini-react.d.ts","sourceRoot":"","sources":["../../src/render/mini-react.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAA;IACvB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QAAE,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAA;KAAE,CAAA;CAC5D,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,EAAE,CAAA;AAEvF,MAAM,MAAM,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,YAAY,CAAA;AAExE,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,GAAG,QAAQ,EACvB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,EACrC,GAAG,QAAQ,EAAE,SAAS,EAAE,GACvB,YAAY,CAcd;;;;AAED,wBAAgC"}

package/dist/render/mini-react.js

@@ -0,0 +1,16 @@
+export function createElement(type, props, ...children) {
+    const flatChildren = children.flat();
+    return {
+        type,
+        props: {
+            ...props,
+            children: flatChildren.length === 1
+                ? flatChildren
+                : (flatChildren.length > 0
+                    ? flatChildren
+                    : undefined)
+        }
+    };
+}
+export default { createElement };
+//# sourceMappingURL=mini-react.js.map

package/dist/render/mini-react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mini-react.js","sourceRoot":"","sources":["../../src/render/mini-react.ts"],"names":[],"mappings":"AASA,MAAM,UAAU,aAAa,CAC3B,IAAuB,EACvB,KAAqC,EACrC,GAAG,QAAqB,EACV;IACd,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAA;IACpC,OAAO;QACL,IAAI;QACJ,KAAK,EAAE;YACL,GAAG,KAAK;YACR,QAAQ,EACN,YAAY,CAAC,MAAM,KAAK,CAAC;gBACvB,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC;oBACxB,CAAC,CAAC,YAAY;oBACd,CAAC,CAAC,SAAS,CAAC;SACnB;KACF,CAAA;AAAA,CACF;AAED,eAAe,EAAE,aAAa,EAAE,CAAA"}

package/dist/render/render-jsx.d.ts

@@ -0,0 +1,24 @@
+import { type RenderResult } from './renderer.js';
+import { type TreeNode } from './tree.js';
+import type { SceneGraph } from '../scene-graph.js';
+/**
+ * Build a component function from a JSX string using sucrase.
+ * Works in both Node/Bun and the browser (no native bindings).
+ */
+export declare function buildComponent(jsxString: string): () => unknown;
+interface RenderJSXOptions {
+    x?: number;
+    y?: number;
+    parentId?: string;
+}
+/**
+ * Render a JSX string into the scene graph.
+ * Works in both Node/Bun and the browser.
+ */
+export declare function renderJSX(graph: SceneGraph, jsxString: string, options?: RenderJSXOptions): RenderResult;
+/**
+ * Render a pre-built TreeNode into the scene graph.
+ */
+export declare function renderTreeNode(graph: SceneGraph, tree: TreeNode, options?: RenderJSXOptions): RenderResult;
+export {};
+//# sourceMappingURL=render-jsx.d.ts.map

package/dist/render/render-jsx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-jsx.d.ts","sourceRoot":"","sources":["../../src/render/render-jsx.ts"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,YAAY,EAAE,MAAM,YAAY,CAAA;AAC1D,OAAO,EAAiB,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAErD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEhD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,OAAO,CAwB/D;AAED,UAAU,gBAAgB;IACxB,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,gBAAgB,GACzB,YAAY,CAUd;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,QAAQ,EACd,OAAO,CAAC,EAAE,gBAAgB,GACzB,YAAY,CAEd"}

package/dist/render/render-jsx.js

@@ -0,0 +1,51 @@
+import { transform } from 'sucrase';
+import * as React from './mini-react.js';
+import { renderTree } from './renderer.js';
+import { resolveToTree } from './tree.js';
+/**
+ * Build a component function from a JSX string using sucrase.
+ * Works in both Node/Bun and the browser (no native bindings).
+ */
+export function buildComponent(jsxString) {
+    const code = `
+    const h = React.createElement
+    const Frame = 'frame', Text = 'text', Rectangle = 'rectangle', Ellipse = 'ellipse'
+    const Line = 'line', Star = 'star', Polygon = 'polygon', Vector = 'vector'
+    const Group = 'group', Section = 'section', View = 'frame', Rect = 'rectangle'
+    return function Component() { return ${jsxString.trim()} }
+  `;
+    const result = transform(code, {
+        transforms: ['typescript', 'jsx'],
+        jsxPragma: 'h',
+        production: true
+    });
+    // Shadow dangerous globals to prevent sandbox escape via new Function()
+    const shadowGlobals = [
+        'fetch', 'XMLHttpRequest', 'document', 'window', 'localStorage',
+        'sessionStorage', 'indexedDB', 'WebSocket', 'importScripts', 'eval'
+    ];
+    const shadowArgs = shadowGlobals.join(',');
+    const shadowVals = shadowGlobals.map(() => 'undefined').join(',');
+    const wrappedCode = `return (function(${shadowArgs}){${result.code}})(${shadowVals})`;
+    return new Function('React', wrappedCode)(React);
+}
+/**
+ * Render a JSX string into the scene graph.
+ * Works in both Node/Bun and the browser.
+ */
+export function renderJSX(graph, jsxString, options) {
+    const Component = buildComponent(jsxString);
+    const element = React.createElement(Component, null);
+    const tree = resolveToTree(element);
+    if (!tree) {
+        throw new Error('JSX must return a Figma element (Frame, Text, etc)');
+    }
+    return renderTree(graph, tree, options);
+}
+/**
+ * Render a pre-built TreeNode into the scene graph.
+ */
+export function renderTreeNode(graph, tree, options) {
+    return renderTree(graph, tree, options);
+}
+//# sourceMappingURL=render-jsx.js.map

package/dist/render/render-jsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-jsx.js","sourceRoot":"","sources":["../../src/render/render-jsx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,KAAK,KAAK,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,UAAU,EAAqB,MAAM,YAAY,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAiB,MAAM,QAAQ,CAAA;AAIrD;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,SAAiB,EAAiB;IAC/D,MAAM,IAAI,GAAG;;;;;2CAK4B,SAAS,CAAC,IAAI,EAAE;GACxD,CAAA;IAED,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,EAAE;QAC7B,UAAU,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC;QACjC,SAAS,EAAE,GAAG;QACd,UAAU,EAAE,IAAI;KACjB,CAAC,CAAA;IAEF,wEAAwE;IACxE,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc;QAC/D,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM;KACpE,CAAA;IACD,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC1C,MAAM,UAAU,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACjE,MAAM,WAAW,GAAG,oBAAoB,UAAU,KAAK,MAAM,CAAC,IAAI,MAAM,UAAU,GAAG,CAAA;IACrF,OAAO,IAAI,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,KAAK,CAAkB,CAAA;AAAA,CAClE;AAQD;;;GAGG;AACH,MAAM,UAAU,SAAS,CACvB,KAAiB,EACjB,SAAiB,EACjB,OAA0B,EACZ;IACd,MAAM,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;IAC3C,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;IACpD,MAAM,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;IAEnC,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAA;IACvE,CAAC;IAED,OAAO,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;AAAA,CACxC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc,CAC5B,KAAiB,EACjB,IAAc,EACd,OAA0B,EACZ;IACd,OAAO,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;AAAA,CACxC"}

package/dist/render/renderer.d.ts

@@ -0,0 +1,16 @@
+import type { SceneGraph, NodeType } from '../scene-graph.js';
+import type { TreeNode } from './tree.js';
+interface RenderOptions {
+    x?: number;
+    y?: number;
+    parentId?: string;
+}
+export interface RenderResult {
+    id: string;
+    name: string;
+    type: NodeType;
+    childIds: string[];
+}
+export declare function renderTree(graph: SceneGraph, tree: TreeNode, options?: RenderOptions): RenderResult;
+export {};
+//# sourceMappingURL=renderer.d.ts.map

package/dist/render/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/render/renderer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAa,QAAQ,EAAiC,MAAM,gBAAgB,CAAA;AACpG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AA8DtC,UAAU,aAAa;IACrB,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,QAAQ,EACd,OAAO,GAAE,aAAkB,GAC1B,YAAY,CAcd"}

package/dist/render/renderer.js

@@ -0,0 +1,437 @@
+import { parseColor, colorToFill } from '../color.js';
+import { TRANSPARENT } from '../constants.js';
+import { isTreeNode } from './tree.js';
+import { stripEmoji, emojiToIconName, getIconNetwork } from './emoji-icons.js';
+const TYPE_MAP = {
+    frame: 'FRAME',
+    view: 'FRAME',
+    rectangle: 'RECTANGLE',
+    rect: 'RECTANGLE',
+    ellipse: 'ELLIPSE',
+    text: 'TEXT',
+    line: 'LINE',
+    star: 'STAR',
+    polygon: 'POLYGON',
+    vector: 'VECTOR',
+    group: 'GROUP',
+    section: 'SECTION',
+    component: 'COMPONENT'
+};
+const WEIGHT_MAP = {
+    normal: 400,
+    medium: 500,
+    bold: 700
+};
+const ALIGN_MAP = {
+    start: 'MIN',
+    end: 'MAX',
+    center: 'CENTER',
+    between: 'SPACE_BETWEEN'
+};
+const COUNTER_ALIGN_MAP = {
+    start: 'MIN',
+    end: 'MAX',
+    center: 'CENTER',
+    stretch: 'STRETCH'
+};
+const TEXT_ALIGN_MAP = {
+    left: 'LEFT',
+    center: 'CENTER',
+    right: 'RIGHT',
+    justified: 'JUSTIFIED'
+};
+const TEXT_AUTO_RESIZE_MAP = {
+    none: 'NONE',
+    width: 'WIDTH_AND_HEIGHT',
+    height: 'HEIGHT'
+};
+function parseStroke(value, width) {
+    const color = parseColor(value);
+    return {
+        color,
+        opacity: color.a,
+        visible: true,
+        weight: width,
+        align: 'INSIDE'
+    };
+}
+export function renderTree(graph, tree, options = {}) {
+    const parentId = options.parentId ?? graph.getPages()[0].id;
+    const result = renderNode(graph, tree, parentId);
+    if (options.x !== undefined)
+        graph.updateNode(result.id, { x: options.x });
+    if (options.y !== undefined)
+        graph.updateNode(result.id, { y: options.y });
+    return {
+        id: result.id,
+        name: result.name,
+        type: result.type,
+        childIds: result.childIds
+    };
+}
+function renderNode(graph, tree, parentId) {
+    const nodeType = TYPE_MAP[tree.type];
+    if (!nodeType)
+        throw new Error(`Unknown element: <${tree.type}>`);
+    const parent = graph.getNode(parentId);
+    const parentLayout = parent?.layoutMode ?? 'NONE';
+    const isText = nodeType === 'TEXT';
+    const overrides = propsToOverrides(tree.props, isText, parentLayout);
+    if (isText) {
+        const textContent = tree.children.filter((c) => typeof c === 'string').join('');
+        if (textContent) {
+            // If text is purely emoji, replace with a vector icon
+            const iconName = emojiToIconName(textContent.trim());
+            if (iconName) {
+                return createIconNode(graph, parentId, iconName, overrides);
+            }
+            // Strip any remaining emoji from mixed text
+            overrides.text = stripEmoji(textContent);
+        }
+    }
+    const node = graph.createNode(nodeType, parentId, overrides);
+    for (const child of tree.children) {
+        if (typeof child === 'string')
+            continue;
+        if (isTreeNode(child)) {
+            renderNode(graph, child, node.id);
+        }
+    }
+    return node;
+}
+function createIconNode(graph, parentId, iconName, overrides) {
+    const network = getIconNetwork(iconName);
+    if (!network) {
+        return graph.createNode('ELLIPSE', parentId, {
+            ...overrides, width: overrides.fontSize ?? 24, height: overrides.fontSize ?? 24,
+            name: iconName,
+        });
+    }
+    const size = overrides.fontSize ?? 24;
+    const scale = size / 24;
+    const scaled = {
+        vertices: network.vertices.map(v => ({ x: v.x * scale, y: v.y * scale })),
+        segments: network.segments.map(s => ({
+            ...s,
+            tangentStart: { x: s.tangentStart.x * scale, y: s.tangentStart.y * scale },
+            tangentEnd: { x: s.tangentEnd.x * scale, y: s.tangentEnd.y * scale },
+        })),
+        regions: network.regions,
+    };
+    const color = overrides.fills?.[0]?.color ?? parseColor('#374151');
+    return graph.createNode('VECTOR', parentId, {
+        name: iconName,
+        width: size,
+        height: size,
+        vectorNetwork: scaled,
+        strokes: [{ color, weight: scale * 2, opacity: 1, visible: true, align: 'CENTER' }],
+        fills: [],
+    });
+}
+function applySizeOverrides(props, o, parentLayout) {
+    const w = props.w ?? props.width;
+    const h = props.h ?? props.height;
+    if (typeof w === 'number')
+        o.width = w;
+    if (typeof h === 'number')
+        o.height = h;
+    const isParentRow = parentLayout === 'HORIZONTAL';
+    const isParentCol = parentLayout === 'VERTICAL';
+    const isParentGrid = parentLayout === 'GRID';
+    if (w === 'fill') {
+        if (isParentGrid)
+            o.layoutAlignSelf = 'STRETCH';
+        else if (isParentRow)
+            o.layoutGrow = 1;
+        else if (isParentCol)
+            o.layoutAlignSelf = 'STRETCH';
+        else {
+            o.layoutGrow = 1;
+            o.layoutAlignSelf = 'STRETCH';
+        }
+    }
+    if (h === 'fill') {
+        if (isParentGrid)
+            o.layoutAlignSelf = 'STRETCH';
+        else if (isParentCol)
+            o.layoutGrow = 1;
+        else if (isParentRow)
+            o.layoutAlignSelf = 'STRETCH';
+        else
+            o.layoutAlignSelf = 'STRETCH';
+    }
+    if (props.x !== undefined)
+        o.x = props.x;
+    if (props.y !== undefined)
+        o.y = props.y;
+    const hasExplicitPosition = props.x !== undefined || props.y !== undefined;
+    const isInsideAutoLayout = parentLayout !== 'NONE';
+    if (hasExplicitPosition && isInsideAutoLayout) {
+        o.layoutPositioning = 'ABSOLUTE';
+    }
+    return { w, h };
+}
+function applyVisualOverrides(props, o) {
+    const bg = props.bg ?? props.fill;
+    if (typeof bg === 'string') {
+        o.fills = [colorToFill(bg)];
+    }
+    if (typeof props.stroke === 'string') {
+        const strokeWidth = props.strokeWidth ?? 1;
+        o.strokes = [parseStroke(props.stroke, strokeWidth)];
+    }
+    const rounded = props.rounded ?? props.cornerRadius;
+    if (typeof rounded === 'number') {
+        o.cornerRadius = rounded;
+    }
+    if (props.roundedTL !== undefined ||
+        props.roundedTR !== undefined ||
+        props.roundedBL !== undefined ||
+        props.roundedBR !== undefined) {
+        o.independentCorners = true;
+        if (props.roundedTL !== undefined)
+            o.topLeftRadius = props.roundedTL;
+        if (props.roundedTR !== undefined)
+            o.topRightRadius = props.roundedTR;
+        if (props.roundedBL !== undefined)
+            o.bottomLeftRadius = props.roundedBL;
+        if (props.roundedBR !== undefined)
+            o.bottomRightRadius = props.roundedBR;
+    }
+    if (props.cornerSmoothing !== undefined)
+        o.cornerSmoothing = props.cornerSmoothing;
+    if (props.opacity !== undefined)
+        o.opacity = props.opacity;
+    if (props.rotate !== undefined)
+        o.rotation = props.rotate;
+    if (props.blendMode !== undefined) {
+        o.blendMode = props.blendMode.toUpperCase();
+    }
+    if (props.overflow === 'hidden')
+        o.clipsContent = true;
+}
+function applyPaddingOverrides(props, o) {
+    const p = props.p ?? props.padding;
+    if (typeof p === 'number') {
+        o.paddingTop = p;
+        o.paddingRight = p;
+        o.paddingBottom = p;
+        o.paddingLeft = p;
+    }
+    const px = props.px;
+    const py = props.py;
+    if (px !== undefined) {
+        o.paddingLeft = px;
+        o.paddingRight = px;
+    }
+    if (py !== undefined) {
+        o.paddingTop = py;
+        o.paddingBottom = py;
+    }
+    if (props.pt !== undefined)
+        o.paddingTop = props.pt;
+    if (props.pr !== undefined)
+        o.paddingRight = props.pr;
+    if (props.pb !== undefined)
+        o.paddingBottom = props.pb;
+    if (props.pl !== undefined)
+        o.paddingLeft = props.pl;
+}
+const PADDING_KEYS = ['p', 'padding', 'px', 'py', 'pt', 'pr', 'pb', 'pl'];
+const AUTO_LAYOUT_TRIGGER_KEYS = [...PADDING_KEYS, 'justify', 'items'];
+function hasAutoLayoutTriggerProps(props) {
+    return AUTO_LAYOUT_TRIGGER_KEYS.some((k) => props[k] !== undefined);
+}
+function parseTrack(token) {
+    if (token.endsWith('fr')) {
+        return { sizing: 'FR', value: parseFloat(token) || 1 };
+    }
+    if (token === 'auto') {
+        return { sizing: 'AUTO', value: 0 };
+    }
+    return { sizing: 'FIXED', value: parseFloat(token) || 0 };
+}
+function parseTrackList(value) {
+    return value.trim().split(/\s+/).map(parseTrack);
+}
+function applyGridOverrides(props, o, w, h) {
+    o.layoutMode = 'GRID';
+    if (typeof w === 'number')
+        o.width = w;
+    if (typeof h === 'number')
+        o.height = h;
+    if (typeof props.columns === 'string') {
+        o.gridTemplateColumns = parseTrackList(props.columns);
+    }
+    else if (typeof props.columns === 'number') {
+        o.gridTemplateColumns = Array.from({ length: props.columns }, () => ({ sizing: 'FR', value: 1 }));
+    }
+    if (typeof props.rows === 'string') {
+        o.gridTemplateRows = parseTrackList(props.rows);
+    }
+    else if (typeof props.rows === 'number') {
+        o.gridTemplateRows = Array.from({ length: props.rows }, () => ({ sizing: 'FR', value: 1 }));
+    }
+    if (typeof props.columnGap === 'number')
+        o.gridColumnGap = props.columnGap;
+    if (typeof props.rowGap === 'number')
+        o.gridRowGap = props.rowGap;
+    if (typeof props.gap === 'number') {
+        o.gridColumnGap = props.gap;
+        o.gridRowGap = props.gap;
+    }
+    if (props.rows === undefined && typeof h !== 'number') {
+        o.height = 0;
+    }
+}
+function applyGridChildOverrides(props, o) {
+    const col = props.colStart ?? props.col;
+    const row = props.rowStart ?? props.row;
+    const colSpan = props.colSpan ?? 1;
+    const rowSpan = props.rowSpan ?? 1;
+    if (col !== undefined || row !== undefined) {
+        o.gridPosition = {
+            column: col ?? 0,
+            row: row ?? 0,
+            columnSpan: colSpan,
+            rowSpan: rowSpan
+        };
+    }
+}
+function applyAutoLayoutSizing(o, props, w, h) {
+    const dir = props.flex ?? 'col';
+    const isVertical = dir === 'col' || dir === 'column';
+    o.layoutMode = (isVertical ? 'VERTICAL' : 'HORIZONTAL');
+    // Default to FIXED so users can freely resize elements on canvas.
+    // Only use HUG when explicitly requested via w="hug" or h="hug".
+    o.primaryAxisSizing = 'FIXED';
+    o.counterAxisSizing = 'FIXED';
+    const primaryDim = isVertical ? h : w;
+    const counterDim = isVertical ? w : h;
+    if (primaryDim === 'hug')
+        o.primaryAxisSizing = 'HUG';
+    if (counterDim === 'hug')
+        o.counterAxisSizing = 'HUG';
+}
+function applyLayoutOverrides(props, o, w, h, isText, parentLayout) {
+    if (props.grid) {
+        applyGridOverrides(props, o, w, h);
+        applyPaddingOverrides(props, o);
+        if (props.grow !== undefined)
+            o.layoutGrow = props.grow;
+        return;
+    }
+    if (parentLayout === 'GRID') {
+        applyGridChildOverrides(props, o);
+    }
+    const needsAutoLayout = props.flex !== undefined || (!isText && hasAutoLayoutTriggerProps(props));
+    if (needsAutoLayout) {
+        applyAutoLayoutSizing(o, props, w, h);
+    }
+    if (props.gap !== undefined)
+        o.itemSpacing = props.gap;
+    if (props.wrap) {
+        o.layoutWrap = 'WRAP';
+        if (props.rowGap !== undefined)
+            o.counterAxisSpacing = props.rowGap;
+    }
+    if (props.justify) {
+        o.primaryAxisAlign = ALIGN_MAP[props.justify] ?? 'MIN';
+    }
+    if (props.items) {
+        o.counterAxisAlign = COUNTER_ALIGN_MAP[props.items] ?? 'MIN';
+    }
+    applyPaddingOverrides(props, o);
+    if (props.grow !== undefined)
+        o.layoutGrow = props.grow;
+    if (props.minW !== undefined)
+        o.width = Math.max(o.width ?? 0, props.minW);
+    if (props.maxW !== undefined)
+        o.width = Math.min(o.width ?? Infinity, props.maxW);
+}
+function applyTextOverrides(props, o, parentLayout) {
+    const fontSize = props.size ?? props.fontSize;
+    if (typeof fontSize === 'number')
+        o.fontSize = fontSize;
+    const fontFamily = props.font ?? props.fontFamily;
+    if (typeof fontFamily === 'string')
+        o.fontFamily = fontFamily;
+    const weight = props.weight ?? props.fontWeight;
+    if (typeof weight === 'number') {
+        o.fontWeight = weight;
+    }
+    else if (typeof weight === 'string') {
+        o.fontWeight = WEIGHT_MAP[weight] ?? 400;
+    }
+    if (typeof props.color === 'string') {
+        o.fills = [colorToFill(props.color)];
+    }
+    if (props.textAlign) {
+        o.textAlignHorizontal = TEXT_ALIGN_MAP[props.textAlign] ?? 'LEFT';
+    }
+    const w = props.w ?? props.width;
+    const hasExplicitWidth = w !== undefined;
+    const fillsParent = w === 'fill' || props.grow > 0;
+    const isInsideAutoLayout = parentLayout !== 'NONE';
+    // Coupled with estimateTextSize() in layout.ts — test headless layout after changes.
+    if (props.textAutoResize) {
+        o.textAutoResize = TEXT_AUTO_RESIZE_MAP[props.textAutoResize] ?? 'NONE';
+    }
+    else if (hasExplicitWidth || (isInsideAutoLayout && fillsParent)) {
+        o.textAutoResize = 'HEIGHT';
+    }
+    else {
+        o.textAutoResize = 'WIDTH_AND_HEIGHT';
+    }
+}
+function applyShapeAndEffectOverrides(props, o) {
+    if (props.points !== undefined)
+        o.pointCount = props.points;
+    if (props.innerRadius !== undefined)
+        o.starInnerRadius = props.innerRadius;
+    if (props.pointCount !== undefined)
+        o.pointCount = props.pointCount;
+    if (typeof props.shadow === 'string') {
+        const parts = props.shadow.split(/\s+/);
+        if (parts.length >= 4) {
+            const c = parseColor(parts.slice(3).join(' '));
+            o.effects = [
+                ...(o.effects ?? []),
+                {
+                    type: 'DROP_SHADOW',
+                    color: c,
+                    offset: { x: parseFloat(parts[0]), y: parseFloat(parts[1]) },
+                    radius: parseFloat(parts[2]),
+                    spread: 0,
+                    visible: true
+                }
+            ];
+        }
+    }
+    if (typeof props.blur === 'number') {
+        o.effects = [
+            ...(o.effects ?? []),
+            {
+                type: 'LAYER_BLUR',
+                radius: props.blur,
+                visible: true,
+                color: { ...TRANSPARENT },
+                offset: { x: 0, y: 0 },
+                spread: 0
+            }
+        ];
+    }
+}
+function propsToOverrides(props, isText, parentLayout) {
+    const o = {};
+    if (props.name)
+        o.name = props.name;
+    const { w, h } = applySizeOverrides(props, o, parentLayout);
+    applyVisualOverrides(props, o);
+    applyLayoutOverrides(props, o, w, h, isText, parentLayout);
+    if (isText)
+        applyTextOverrides(props, o, parentLayout);
+    applyShapeAndEffectOverrides(props, o);
+    return o;
+}
+//# sourceMappingURL=renderer.js.map