@tachui/core 0.7.0-alpha1 → 0.8.0-alpha

package/dist/compiler/codegen.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"codegen.cjs","sources":["../../src/compiler/codegen.ts"],"sourcesContent":["/**\n * DOM Code Generator\n *\n * Generates reactive DOM code from SwiftUI AST nodes.\n * This transforms the parsed AST into efficient JavaScript code that uses\n * TachUI's reactive system for fine-grained DOM updates.\n */\n\nimport type {\n  ASTNode,\n  ComponentNode,\n  Expression,\n  IdentifierExpression,\n  LiteralExpression,\n  ModifierNode,\n  TransformOptions,\n} from './types'\n\nexport interface CodegenResult {\n  code: string\n  map?: any // Source map\n}\n\nexport interface CodegenOptions extends TransformOptions {\n  sourceFile?: string\n}\n\n/**\n * Generate reactive DOM code from SwiftUI AST\n */\nexport function generateDOMCode(nodes: ASTNode[], options: CodegenOptions = {}): CodegenResult {\n  const generator = new DOMCodeGenerator(options)\n  return generator.generate(nodes)\n}\n\n/**\n * DOM code generator implementation\n */\nclass DOMCodeGenerator {\n  private options: CodegenOptions\n  private imports = new Set<string>()\n  private variables: string[] = []\n  private code: string[] = []\n  private indentLevel = 0\n\n  constructor(options: CodegenOptions) {\n    this.options = options\n  }\n\n  /**\n   * Generate complete code from AST nodes\n   */\n  generate(nodes: ASTNode[]): CodegenResult {\n    this.reset()\n\n    // Add necessary imports\n    this.addImport('createSignal', '@tachui/core/reactive')\n    this.addImport('createEffect', '@tachui/core/reactive')\n    this.addImport('createComputed', '@tachui/core/reactive')\n\n    // Generate code for each node\n    nodes.forEach((node) => this.generateNode(node))\n\n    // Combine everything\n    const generatedCode = this.buildFinalCode()\n\n    return {\n      code: generatedCode,\n      map: this.options.sourceMaps ? this.generateSourceMap() : undefined,\n    }\n  }\n\n  /**\n   * Generate code for a single AST node\n   */\n  private generateNode(node: ASTNode): void {\n    switch (node.type) {\n      case 'Component':\n        this.generateComponent(node as ComponentNode)\n        break\n      default:\n        // Handle other node types as needed\n        break\n    }\n  }\n\n  /**\n   * Generate code for a component node\n   */\n  private generateComponent(node: ComponentNode): void {\n    const componentName = node.name\n\n    switch (componentName) {\n      case 'VStack':\n      case 'HStack':\n      case 'ZStack':\n        this.generateStackComponent(node)\n        break\n      case 'Text':\n        this.generateTextComponent(node)\n        break\n      case 'Button':\n        this.generateButtonComponent(node)\n        break\n      case 'List':\n        this.generateListComponent(node)\n        break\n      default:\n        this.generateGenericComponent(node)\n        break\n    }\n  }\n\n  /**\n   * Generate code for stack components (VStack, HStack, ZStack)\n   */\n  private generateStackComponent(node: ComponentNode): void {\n    const stackType = node.name.toLowerCase().replace('stack', '')\n    const elementVar = this.createVariable('container')\n\n    this.addLine(`// ${node.name} component`)\n    this.addLine(`const ${elementVar} = document.createElement('div')`)\n    this.addLine(\n      `${elementVar}.className = 'tachui-${stackType} ${this.generateStackClasses(node.name)}'`\n    )\n\n    // Apply modifiers to generate styles\n    const styles = this.generateModifierStyles(node.modifiers)\n    if (styles.length > 0) {\n      this.addLine(`Object.assign(${elementVar}.style, {`)\n      this.indent()\n      styles.forEach((style) => this.addLine(`${style},`))\n      this.dedent()\n      this.addLine(`})`)\n    }\n\n    // Generate children\n    node.children.forEach((child) => {\n      this.generateNode(child)\n      const childVar = this.getLastVariable()\n      if (childVar) {\n        this.addLine(`${elementVar}.appendChild(${childVar})`)\n      }\n    })\n\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate code for Text component\n   */\n  private generateTextComponent(node: ComponentNode): void {\n    const elementVar = this.createVariable('textElement')\n    const textContent = this.getTextContent(node.children)\n\n    this.addLine(`// Text component`)\n    this.addLine(`const ${elementVar} = document.createElement('span')`)\n    this.addLine(`${elementVar}.className = 'tachui-text'`)\n\n    // Handle reactive text content\n    if (this.isReactiveExpression(textContent)) {\n      this.addLine(`createEffect(() => {`)\n      this.indent()\n      this.addLine(`${elementVar}.textContent = ${textContent}`)\n      this.dedent()\n      this.addLine(`})`)\n    } else {\n      this.addLine(`${elementVar}.textContent = ${textContent}`)\n    }\n\n    // Apply modifiers\n    const styles = this.generateModifierStyles(node.modifiers)\n    if (styles.length > 0) {\n      this.addLine(`Object.assign(${elementVar}.style, {`)\n      this.indent()\n      styles.forEach((style) => this.addLine(`${style},`))\n      this.dedent()\n      this.addLine(`})`)\n    }\n\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate code for Button component\n   */\n  private generateButtonComponent(node: ComponentNode): void {\n    const elementVar = this.createVariable('buttonElement')\n    const textContent = this.getTextContent(node.children)\n\n    this.addLine(`// Button component`)\n    this.addLine(`const ${elementVar} = document.createElement('button')`)\n    this.addLine(`${elementVar}.className = 'tachui-button'`)\n    this.addLine(`${elementVar}.textContent = ${textContent}`)\n\n    // Apply modifiers (including onTapGesture)\n    const styles = this.generateModifierStyles(node.modifiers)\n    const handlers = this.generateEventHandlers(node.modifiers)\n\n    if (styles.length > 0) {\n      this.addLine(`Object.assign(${elementVar}.style, {`)\n      this.indent()\n      styles.forEach((style) => this.addLine(`${style},`))\n      this.dedent()\n      this.addLine(`})`)\n    }\n\n    handlers.forEach((handler) => this.addLine(handler))\n\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate code for List component\n   */\n  private generateListComponent(node: ComponentNode): void {\n    const elementVar = this.createVariable('listElement')\n\n    this.addLine(`// List component`)\n    this.addLine(`const ${elementVar} = document.createElement('div')`)\n    this.addLine(`${elementVar}.className = 'tachui-list'`)\n\n    // Generate list items\n    node.children.forEach((child) => {\n      this.generateNode(child)\n      const childVar = this.getLastVariable()\n      if (childVar) {\n        this.addLine(`${elementVar}.appendChild(${childVar})`)\n      }\n    })\n\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate code for generic/custom components\n   */\n  private generateGenericComponent(node: ComponentNode): void {\n    const elementVar = this.createVariable('element')\n\n    this.addLine(`// ${node.name} component`)\n    this.addLine(`const ${elementVar} = document.createElement('div')`)\n    this.addLine(`${elementVar}.className = 'tachui-${node.name.toLowerCase()}'`)\n\n    // Apply modifiers\n    const styles = this.generateModifierStyles(node.modifiers)\n    if (styles.length > 0) {\n      this.addLine(`Object.assign(${elementVar}.style, {`)\n      this.indent()\n      styles.forEach((style) => this.addLine(`${style},`))\n      this.dedent()\n      this.addLine(`})`)\n    }\n\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate CSS classes for stack layouts\n   */\n  private generateStackClasses(stackType: string): string {\n    switch (stackType) {\n      case 'VStack':\n        return 'flex flex-col'\n      case 'HStack':\n        return 'flex flex-row'\n      case 'ZStack':\n        return 'relative'\n      default:\n        return 'flex'\n    }\n  }\n\n  /**\n   * Generate styles from modifiers\n   */\n  private generateModifierStyles(modifiers: ModifierNode[]): string[] {\n    const styles: string[] = []\n\n    modifiers.forEach((modifier) => {\n      const style = this.convertModifierToStyle(modifier)\n      if (style) {\n        styles.push(style)\n      }\n    })\n\n    return styles\n  }\n\n  /**\n   * Generate event handlers from modifiers\n   */\n  private generateEventHandlers(modifiers: ModifierNode[]): string[] {\n    const handlers: string[] = []\n\n    modifiers.forEach((modifier) => {\n      if (modifier.name === 'onTapGesture' && modifier.arguments.length > 0) {\n        const handler = this.expressionToString(modifier.arguments[0])\n        handlers.push(`${this.getLastVariable()}.addEventListener('click', ${handler})`)\n      }\n    })\n\n    return handlers\n  }\n\n  /**\n   * Convert modifier to CSS style property\n   */\n  private convertModifierToStyle(modifier: ModifierNode): string | null {\n    const args = modifier.arguments\n\n    switch (modifier.name) {\n      case 'padding': {\n        const padding = args.length > 0 ? this.expressionToString(args[0]) : '\"8px\"'\n        return `padding: ${padding}`\n      }\n\n      case 'background':\n        if (args.length > 0) {\n          const color = this.expressionToString(args[0])\n          return `backgroundColor: ${color}`\n        }\n        break\n\n      case 'foregroundColor':\n        if (args.length > 0) {\n          const color = this.expressionToString(args[0])\n          return `color: ${color}`\n        }\n        break\n\n      case 'font':\n        if (args.length > 0) {\n          const size = this.expressionToString(args[0])\n          return `fontSize: ${size}`\n        }\n        break\n\n      case 'cornerRadius':\n        if (args.length > 0) {\n          const radius = this.expressionToString(args[0])\n          return `borderRadius: ${radius}px`\n        }\n        break\n\n      case 'opacity':\n        if (args.length > 0) {\n          const opacity = this.expressionToString(args[0])\n          return `opacity: ${opacity}`\n        }\n        break\n\n      case 'frame':\n        if (args.length >= 2) {\n          // Frame modifier would need special handling to generate multiple CSS properties\n          // For now, skip it in the style conversion\n          return null\n        }\n        break\n    }\n\n    return null\n  }\n\n  /**\n   * Helper methods\n   */\n  private getTextContent(children: ASTNode[]): string {\n    if (children.length === 0) return '\"\"'\n\n    const firstChild = children[0]\n    if (firstChild.type === 'Literal') {\n      const literal = firstChild as LiteralExpression\n      return `\"${literal.value}\"`\n    }\n\n    return this.expressionToString(firstChild as Expression)\n  }\n\n  private expressionToString(expr: Expression): string {\n    switch (expr.type) {\n      case 'Literal': {\n        const literal = expr as LiteralExpression\n        return typeof literal.value === 'string' ? `\"${literal.value}\"` : String(literal.value)\n      }\n      case 'Identifier': {\n        const identifier = expr as IdentifierExpression\n        return identifier.name\n      }\n      default:\n        return '\"\"'\n    }\n  }\n\n  private isReactiveExpression(expr: string): boolean {\n    // Simple heuristic - check if it looks like a function call or variable access\n    return expr.includes('()') || (!expr.startsWith('\"') && !expr.match(/^\\d+$/))\n  }\n\n  private createVariable(prefix: string): string {\n    const varName = `${prefix}${this.variables.length + 1}`\n    this.variables.push(varName)\n    return varName\n  }\n\n  private getLastVariable(): string | null {\n    return this.variables.length > 0 ? this.variables[this.variables.length - 1] : null\n  }\n\n  private addImport(name: string, from: string): void {\n    this.imports.add(`import { ${name} } from '${from}'`)\n  }\n\n  private addLine(line: string): void {\n    const indent = '  '.repeat(this.indentLevel)\n    this.code.push(indent + line)\n  }\n\n  private addEmptyLine(): void {\n    this.code.push('')\n  }\n\n  private indent(): void {\n    this.indentLevel++\n  }\n\n  private dedent(): void {\n    this.indentLevel = Math.max(0, this.indentLevel - 1)\n  }\n\n  private buildFinalCode(): string {\n    const imports = Array.from(this.imports).join('\\n')\n    const body = this.code.join('\\n')\n\n    return `${imports}\\n\\n${body}`\n  }\n\n  private generateSourceMap(): any {\n    // Placeholder for source map generation\n    // In a real implementation, this would generate proper source maps\n    return null\n  }\n\n  private reset(): void {\n    this.imports.clear()\n    this.variables = []\n    this.code = []\n    this.indentLevel = 0\n  }\n}\n"],"names":["generateDOMCode","nodes","options","DOMCodeGenerator","__publicField","node","stackType","elementVar","styles","style","child","childVar","textContent","handlers","handler","modifiers","modifier","args","children","firstChild","expr","literal","prefix","varName","name","from","line","indent","imports","body"],"mappings":"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"}

package/dist/compiler/codegen.js

@@ -1,241 +0,0 @@
-var d = Object.defineProperty, c = (s, e, t) => e in s ? d(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, o = (s, e, t) => c(s, typeof e != "symbol" ? e + "" : e, t);
-function l(s, e = {}) {
-  return new h(e).generate(s);
-}
-class h {
-  constructor(e) {
-    o(this, "options"), o(this, "imports", /* @__PURE__ */ new Set()), o(this, "variables", []), o(this, "code", []), o(this, "indentLevel", 0), this.options = e;
-  }
-  /**
-   * Generate complete code from AST nodes
-   */
-  generate(e) {
-    return this.reset(), this.addImport("createSignal", "@tachui/core/reactive"), this.addImport("createEffect", "@tachui/core/reactive"), this.addImport("createComputed", "@tachui/core/reactive"), e.forEach((n) => this.generateNode(n)), {
-      code: this.buildFinalCode(),
-      map: this.options.sourceMaps ? this.generateSourceMap() : void 0
-    };
-  }
-  /**
-   * Generate code for a single AST node
-   */
-  generateNode(e) {
-    switch (e.type) {
-      case "Component":
-        this.generateComponent(e);
-        break;
-    }
-  }
-  /**
-   * Generate code for a component node
-   */
-  generateComponent(e) {
-    switch (e.name) {
-      case "VStack":
-      case "HStack":
-      case "ZStack":
-        this.generateStackComponent(e);
-        break;
-      case "Text":
-        this.generateTextComponent(e);
-        break;
-      case "Button":
-        this.generateButtonComponent(e);
-        break;
-      case "List":
-        this.generateListComponent(e);
-        break;
-      default:
-        this.generateGenericComponent(e);
-        break;
-    }
-  }
-  /**
-   * Generate code for stack components (VStack, HStack, ZStack)
-   */
-  generateStackComponent(e) {
-    const t = e.name.toLowerCase().replace("stack", ""), n = this.createVariable("container");
-    this.addLine(`// ${e.name} component`), this.addLine(`const ${n} = document.createElement('div')`), this.addLine(
-      `${n}.className = 'tachui-${t} ${this.generateStackClasses(e.name)}'`
-    );
-    const i = this.generateModifierStyles(e.modifiers);
-    i.length > 0 && (this.addLine(`Object.assign(${n}.style, {`), this.indent(), i.forEach((a) => this.addLine(`${a},`)), this.dedent(), this.addLine("})")), e.children.forEach((a) => {
-      this.generateNode(a);
-      const r = this.getLastVariable();
-      r && this.addLine(`${n}.appendChild(${r})`);
-    }), this.addEmptyLine();
-  }
-  /**
-   * Generate code for Text component
-   */
-  generateTextComponent(e) {
-    const t = this.createVariable("textElement"), n = this.getTextContent(e.children);
-    this.addLine("// Text component"), this.addLine(`const ${t} = document.createElement('span')`), this.addLine(`${t}.className = 'tachui-text'`), this.isReactiveExpression(n) ? (this.addLine("createEffect(() => {"), this.indent(), this.addLine(`${t}.textContent = ${n}`), this.dedent(), this.addLine("})")) : this.addLine(`${t}.textContent = ${n}`);
-    const i = this.generateModifierStyles(e.modifiers);
-    i.length > 0 && (this.addLine(`Object.assign(${t}.style, {`), this.indent(), i.forEach((a) => this.addLine(`${a},`)), this.dedent(), this.addLine("})")), this.addEmptyLine();
-  }
-  /**
-   * Generate code for Button component
-   */
-  generateButtonComponent(e) {
-    const t = this.createVariable("buttonElement"), n = this.getTextContent(e.children);
-    this.addLine("// Button component"), this.addLine(`const ${t} = document.createElement('button')`), this.addLine(`${t}.className = 'tachui-button'`), this.addLine(`${t}.textContent = ${n}`);
-    const i = this.generateModifierStyles(e.modifiers), a = this.generateEventHandlers(e.modifiers);
-    i.length > 0 && (this.addLine(`Object.assign(${t}.style, {`), this.indent(), i.forEach((r) => this.addLine(`${r},`)), this.dedent(), this.addLine("})")), a.forEach((r) => this.addLine(r)), this.addEmptyLine();
-  }
-  /**
-   * Generate code for List component
-   */
-  generateListComponent(e) {
-    const t = this.createVariable("listElement");
-    this.addLine("// List component"), this.addLine(`const ${t} = document.createElement('div')`), this.addLine(`${t}.className = 'tachui-list'`), e.children.forEach((n) => {
-      this.generateNode(n);
-      const i = this.getLastVariable();
-      i && this.addLine(`${t}.appendChild(${i})`);
-    }), this.addEmptyLine();
-  }
-  /**
-   * Generate code for generic/custom components
-   */
-  generateGenericComponent(e) {
-    const t = this.createVariable("element");
-    this.addLine(`// ${e.name} component`), this.addLine(`const ${t} = document.createElement('div')`), this.addLine(`${t}.className = 'tachui-${e.name.toLowerCase()}'`);
-    const n = this.generateModifierStyles(e.modifiers);
-    n.length > 0 && (this.addLine(`Object.assign(${t}.style, {`), this.indent(), n.forEach((i) => this.addLine(`${i},`)), this.dedent(), this.addLine("})")), this.addEmptyLine();
-  }
-  /**
-   * Generate CSS classes for stack layouts
-   */
-  generateStackClasses(e) {
-    switch (e) {
-      case "VStack":
-        return "flex flex-col";
-      case "HStack":
-        return "flex flex-row";
-      case "ZStack":
-        return "relative";
-      default:
-        return "flex";
-    }
-  }
-  /**
-   * Generate styles from modifiers
-   */
-  generateModifierStyles(e) {
-    const t = [];
-    return e.forEach((n) => {
-      const i = this.convertModifierToStyle(n);
-      i && t.push(i);
-    }), t;
-  }
-  /**
-   * Generate event handlers from modifiers
-   */
-  generateEventHandlers(e) {
-    const t = [];
-    return e.forEach((n) => {
-      if (n.name === "onTapGesture" && n.arguments.length > 0) {
-        const i = this.expressionToString(n.arguments[0]);
-        t.push(`${this.getLastVariable()}.addEventListener('click', ${i})`);
-      }
-    }), t;
-  }
-  /**
-   * Convert modifier to CSS style property
-   */
-  convertModifierToStyle(e) {
-    const t = e.arguments;
-    switch (e.name) {
-      case "padding":
-        return `padding: ${t.length > 0 ? this.expressionToString(t[0]) : '"8px"'}`;
-      case "background":
-        if (t.length > 0)
-          return `backgroundColor: ${this.expressionToString(t[0])}`;
-        break;
-      case "foregroundColor":
-        if (t.length > 0)
-          return `color: ${this.expressionToString(t[0])}`;
-        break;
-      case "font":
-        if (t.length > 0)
-          return `fontSize: ${this.expressionToString(t[0])}`;
-        break;
-      case "cornerRadius":
-        if (t.length > 0)
-          return `borderRadius: ${this.expressionToString(t[0])}px`;
-        break;
-      case "opacity":
-        if (t.length > 0)
-          return `opacity: ${this.expressionToString(t[0])}`;
-        break;
-      case "frame":
-        if (t.length >= 2)
-          return null;
-        break;
-    }
-    return null;
-  }
-  /**
-   * Helper methods
-   */
-  getTextContent(e) {
-    if (e.length === 0) return '""';
-    const t = e[0];
-    return t.type === "Literal" ? `"${t.value}"` : this.expressionToString(t);
-  }
-  expressionToString(e) {
-    switch (e.type) {
-      case "Literal": {
-        const t = e;
-        return typeof t.value == "string" ? `"${t.value}"` : String(t.value);
-      }
-      case "Identifier":
-        return e.name;
-      default:
-        return '""';
-    }
-  }
-  isReactiveExpression(e) {
-    return e.includes("()") || !e.startsWith('"') && !e.match(/^\d+$/);
-  }
-  createVariable(e) {
-    const t = `${e}${this.variables.length + 1}`;
-    return this.variables.push(t), t;
-  }
-  getLastVariable() {
-    return this.variables.length > 0 ? this.variables[this.variables.length - 1] : null;
-  }
-  addImport(e, t) {
-    this.imports.add(`import { ${e} } from '${t}'`);
-  }
-  addLine(e) {
-    const t = "  ".repeat(this.indentLevel);
-    this.code.push(t + e);
-  }
-  addEmptyLine() {
-    this.code.push("");
-  }
-  indent() {
-    this.indentLevel++;
-  }
-  dedent() {
-    this.indentLevel = Math.max(0, this.indentLevel - 1);
-  }
-  buildFinalCode() {
-    const e = Array.from(this.imports).join(`
-`), t = this.code.join(`
-`);
-    return `${e}
-
-${t}`;
-  }
-  generateSourceMap() {
-    return null;
-  }
-  reset() {
-    this.imports.clear(), this.variables = [], this.code = [], this.indentLevel = 0;
-  }
-}
-export {
-  l as generateDOMCode
-};
-//# sourceMappingURL=codegen.js.map

package/dist/compiler/codegen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"codegen.js","sources":["../../src/compiler/codegen.ts"],"sourcesContent":["/**\n * DOM Code Generator\n *\n * Generates reactive DOM code from SwiftUI AST nodes.\n * This transforms the parsed AST into efficient JavaScript code that uses\n * TachUI's reactive system for fine-grained DOM updates.\n */\n\nimport type {\n  ASTNode,\n  ComponentNode,\n  Expression,\n  IdentifierExpression,\n  LiteralExpression,\n  ModifierNode,\n  TransformOptions,\n} from './types'\n\nexport interface CodegenResult {\n  code: string\n  map?: any // Source map\n}\n\nexport interface CodegenOptions extends TransformOptions {\n  sourceFile?: string\n}\n\n/**\n * Generate reactive DOM code from SwiftUI AST\n */\nexport function generateDOMCode(nodes: ASTNode[], options: CodegenOptions = {}): CodegenResult {\n  const generator = new DOMCodeGenerator(options)\n  return generator.generate(nodes)\n}\n\n/**\n * DOM code generator implementation\n */\nclass DOMCodeGenerator {\n  private options: CodegenOptions\n  private imports = new Set<string>()\n  private variables: string[] = []\n  private code: string[] = []\n  private indentLevel = 0\n\n  constructor(options: CodegenOptions) {\n    this.options = options\n  }\n\n  /**\n   * Generate complete code from AST nodes\n   */\n  generate(nodes: ASTNode[]): CodegenResult {\n    this.reset()\n\n    // Add necessary imports\n    this.addImport('createSignal', '@tachui/core/reactive')\n    this.addImport('createEffect', '@tachui/core/reactive')\n    this.addImport('createComputed', '@tachui/core/reactive')\n\n    // Generate code for each node\n    nodes.forEach((node) => this.generateNode(node))\n\n    // Combine everything\n    const generatedCode = this.buildFinalCode()\n\n    return {\n      code: generatedCode,\n      map: this.options.sourceMaps ? this.generateSourceMap() : undefined,\n    }\n  }\n\n  /**\n   * Generate code for a single AST node\n   */\n  private generateNode(node: ASTNode): void {\n    switch (node.type) {\n      case 'Component':\n        this.generateComponent(node as ComponentNode)\n        break\n      default:\n        // Handle other node types as needed\n        break\n    }\n  }\n\n  /**\n   * Generate code for a component node\n   */\n  private generateComponent(node: ComponentNode): void {\n    const componentName = node.name\n\n    switch (componentName) {\n      case 'VStack':\n      case 'HStack':\n      case 'ZStack':\n        this.generateStackComponent(node)\n        break\n      case 'Text':\n        this.generateTextComponent(node)\n        break\n      case 'Button':\n        this.generateButtonComponent(node)\n        break\n      case 'List':\n        this.generateListComponent(node)\n        break\n      default:\n        this.generateGenericComponent(node)\n        break\n    }\n  }\n\n  /**\n   * Generate code for stack components (VStack, HStack, ZStack)\n   */\n  private generateStackComponent(node: ComponentNode): void {\n    const stackType = node.name.toLowerCase().replace('stack', '')\n    const elementVar = this.createVariable('container')\n\n    this.addLine(`// ${node.name} component`)\n    this.addLine(`const ${elementVar} = document.createElement('div')`)\n    this.addLine(\n      `${elementVar}.className = 'tachui-${stackType} ${this.generateStackClasses(node.name)}'`\n    )\n\n    // Apply modifiers to generate styles\n    const styles = this.generateModifierStyles(node.modifiers)\n    if (styles.length > 0) {\n      this.addLine(`Object.assign(${elementVar}.style, {`)\n      this.indent()\n      styles.forEach((style) => this.addLine(`${style},`))\n      this.dedent()\n      this.addLine(`})`)\n    }\n\n    // Generate children\n    node.children.forEach((child) => {\n      this.generateNode(child)\n      const childVar = this.getLastVariable()\n      if (childVar) {\n        this.addLine(`${elementVar}.appendChild(${childVar})`)\n      }\n    })\n\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate code for Text component\n   */\n  private generateTextComponent(node: ComponentNode): void {\n    const elementVar = this.createVariable('textElement')\n    const textContent = this.getTextContent(node.children)\n\n    this.addLine(`// Text component`)\n    this.addLine(`const ${elementVar} = document.createElement('span')`)\n    this.addLine(`${elementVar}.className = 'tachui-text'`)\n\n    // Handle reactive text content\n    if (this.isReactiveExpression(textContent)) {\n      this.addLine(`createEffect(() => {`)\n      this.indent()\n      this.addLine(`${elementVar}.textContent = ${textContent}`)\n      this.dedent()\n      this.addLine(`})`)\n    } else {\n      this.addLine(`${elementVar}.textContent = ${textContent}`)\n    }\n\n    // Apply modifiers\n    const styles = this.generateModifierStyles(node.modifiers)\n    if (styles.length > 0) {\n      this.addLine(`Object.assign(${elementVar}.style, {`)\n      this.indent()\n      styles.forEach((style) => this.addLine(`${style},`))\n      this.dedent()\n      this.addLine(`})`)\n    }\n\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate code for Button component\n   */\n  private generateButtonComponent(node: ComponentNode): void {\n    const elementVar = this.createVariable('buttonElement')\n    const textContent = this.getTextContent(node.children)\n\n    this.addLine(`// Button component`)\n    this.addLine(`const ${elementVar} = document.createElement('button')`)\n    this.addLine(`${elementVar}.className = 'tachui-button'`)\n    this.addLine(`${elementVar}.textContent = ${textContent}`)\n\n    // Apply modifiers (including onTapGesture)\n    const styles = this.generateModifierStyles(node.modifiers)\n    const handlers = this.generateEventHandlers(node.modifiers)\n\n    if (styles.length > 0) {\n      this.addLine(`Object.assign(${elementVar}.style, {`)\n      this.indent()\n      styles.forEach((style) => this.addLine(`${style},`))\n      this.dedent()\n      this.addLine(`})`)\n    }\n\n    handlers.forEach((handler) => this.addLine(handler))\n\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate code for List component\n   */\n  private generateListComponent(node: ComponentNode): void {\n    const elementVar = this.createVariable('listElement')\n\n    this.addLine(`// List component`)\n    this.addLine(`const ${elementVar} = document.createElement('div')`)\n    this.addLine(`${elementVar}.className = 'tachui-list'`)\n\n    // Generate list items\n    node.children.forEach((child) => {\n      this.generateNode(child)\n      const childVar = this.getLastVariable()\n      if (childVar) {\n        this.addLine(`${elementVar}.appendChild(${childVar})`)\n      }\n    })\n\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate code for generic/custom components\n   */\n  private generateGenericComponent(node: ComponentNode): void {\n    const elementVar = this.createVariable('element')\n\n    this.addLine(`// ${node.name} component`)\n    this.addLine(`const ${elementVar} = document.createElement('div')`)\n    this.addLine(`${elementVar}.className = 'tachui-${node.name.toLowerCase()}'`)\n\n    // Apply modifiers\n    const styles = this.generateModifierStyles(node.modifiers)\n    if (styles.length > 0) {\n      this.addLine(`Object.assign(${elementVar}.style, {`)\n      this.indent()\n      styles.forEach((style) => this.addLine(`${style},`))\n      this.dedent()\n      this.addLine(`})`)\n    }\n\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate CSS classes for stack layouts\n   */\n  private generateStackClasses(stackType: string): string {\n    switch (stackType) {\n      case 'VStack':\n        return 'flex flex-col'\n      case 'HStack':\n        return 'flex flex-row'\n      case 'ZStack':\n        return 'relative'\n      default:\n        return 'flex'\n    }\n  }\n\n  /**\n   * Generate styles from modifiers\n   */\n  private generateModifierStyles(modifiers: ModifierNode[]): string[] {\n    const styles: string[] = []\n\n    modifiers.forEach((modifier) => {\n      const style = this.convertModifierToStyle(modifier)\n      if (style) {\n        styles.push(style)\n      }\n    })\n\n    return styles\n  }\n\n  /**\n   * Generate event handlers from modifiers\n   */\n  private generateEventHandlers(modifiers: ModifierNode[]): string[] {\n    const handlers: string[] = []\n\n    modifiers.forEach((modifier) => {\n      if (modifier.name === 'onTapGesture' && modifier.arguments.length > 0) {\n        const handler = this.expressionToString(modifier.arguments[0])\n        handlers.push(`${this.getLastVariable()}.addEventListener('click', ${handler})`)\n      }\n    })\n\n    return handlers\n  }\n\n  /**\n   * Convert modifier to CSS style property\n   */\n  private convertModifierToStyle(modifier: ModifierNode): string | null {\n    const args = modifier.arguments\n\n    switch (modifier.name) {\n      case 'padding': {\n        const padding = args.length > 0 ? this.expressionToString(args[0]) : '\"8px\"'\n        return `padding: ${padding}`\n      }\n\n      case 'background':\n        if (args.length > 0) {\n          const color = this.expressionToString(args[0])\n          return `backgroundColor: ${color}`\n        }\n        break\n\n      case 'foregroundColor':\n        if (args.length > 0) {\n          const color = this.expressionToString(args[0])\n          return `color: ${color}`\n        }\n        break\n\n      case 'font':\n        if (args.length > 0) {\n          const size = this.expressionToString(args[0])\n          return `fontSize: ${size}`\n        }\n        break\n\n      case 'cornerRadius':\n        if (args.length > 0) {\n          const radius = this.expressionToString(args[0])\n          return `borderRadius: ${radius}px`\n        }\n        break\n\n      case 'opacity':\n        if (args.length > 0) {\n          const opacity = this.expressionToString(args[0])\n          return `opacity: ${opacity}`\n        }\n        break\n\n      case 'frame':\n        if (args.length >= 2) {\n          // Frame modifier would need special handling to generate multiple CSS properties\n          // For now, skip it in the style conversion\n          return null\n        }\n        break\n    }\n\n    return null\n  }\n\n  /**\n   * Helper methods\n   */\n  private getTextContent(children: ASTNode[]): string {\n    if (children.length === 0) return '\"\"'\n\n    const firstChild = children[0]\n    if (firstChild.type === 'Literal') {\n      const literal = firstChild as LiteralExpression\n      return `\"${literal.value}\"`\n    }\n\n    return this.expressionToString(firstChild as Expression)\n  }\n\n  private expressionToString(expr: Expression): string {\n    switch (expr.type) {\n      case 'Literal': {\n        const literal = expr as LiteralExpression\n        return typeof literal.value === 'string' ? `\"${literal.value}\"` : String(literal.value)\n      }\n      case 'Identifier': {\n        const identifier = expr as IdentifierExpression\n        return identifier.name\n      }\n      default:\n        return '\"\"'\n    }\n  }\n\n  private isReactiveExpression(expr: string): boolean {\n    // Simple heuristic - check if it looks like a function call or variable access\n    return expr.includes('()') || (!expr.startsWith('\"') && !expr.match(/^\\d+$/))\n  }\n\n  private createVariable(prefix: string): string {\n    const varName = `${prefix}${this.variables.length + 1}`\n    this.variables.push(varName)\n    return varName\n  }\n\n  private getLastVariable(): string | null {\n    return this.variables.length > 0 ? this.variables[this.variables.length - 1] : null\n  }\n\n  private addImport(name: string, from: string): void {\n    this.imports.add(`import { ${name} } from '${from}'`)\n  }\n\n  private addLine(line: string): void {\n    const indent = '  '.repeat(this.indentLevel)\n    this.code.push(indent + line)\n  }\n\n  private addEmptyLine(): void {\n    this.code.push('')\n  }\n\n  private indent(): void {\n    this.indentLevel++\n  }\n\n  private dedent(): void {\n    this.indentLevel = Math.max(0, this.indentLevel - 1)\n  }\n\n  private buildFinalCode(): string {\n    const imports = Array.from(this.imports).join('\\n')\n    const body = this.code.join('\\n')\n\n    return `${imports}\\n\\n${body}`\n  }\n\n  private generateSourceMap(): any {\n    // Placeholder for source map generation\n    // In a real implementation, this would generate proper source maps\n    return null\n  }\n\n  private reset(): void {\n    this.imports.clear()\n    this.variables = []\n    this.code = []\n    this.indentLevel = 0\n  }\n}\n"],"names":["generateDOMCode","nodes","options","DOMCodeGenerator","__publicField","node","stackType","elementVar","styles","style","child","childVar","textContent","handlers","handler","modifiers","modifier","args","children","firstChild","expr","literal","prefix","varName","name","from","line","indent","imports","body"],"mappings":";AA8BO,SAASA,EAAgBC,GAAkBC,IAA0B,IAAmB;AAE7F,SADkB,IAAIC,EAAiBD,CAAO,EAC7B,SAASD,CAAK;AACjC;AAKA,MAAME,EAAiB;AAAA,EAOrB,YAAYD,GAAyB;AANrC,IAAAE,EAAA,MAAQ,SAAA,GACRA,EAAA,MAAQ,+BAAc,IAAA,CAAY,GAClCA,EAAA,MAAQ,aAAsB,EAAC,GAC/BA,EAAA,MAAQ,QAAiB,EAAC,GAC1BA,EAAA,MAAQ,eAAc,CAAA,GAGpB,KAAK,UAAUF;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA,EAKA,SAASD,GAAiC;AACxC,gBAAK,MAAA,GAGL,KAAK,UAAU,gBAAgB,uBAAuB,GACtD,KAAK,UAAU,gBAAgB,uBAAuB,GACtD,KAAK,UAAU,kBAAkB,uBAAuB,GAGxDA,EAAM,QAAQ,CAACI,MAAS,KAAK,aAAaA,CAAI,CAAC,GAKxC;AAAA,MACL,MAHoB,KAAK,eAAA;AAAA,MAIzB,KAAK,KAAK,QAAQ,aAAa,KAAK,sBAAsB;AAAA,IAAA;AAAA,EAE9D;AAAA;AAAA;AAAA;AAAA,EAKQ,aAAaA,GAAqB;AACxC,YAAQA,EAAK,MAAA;AAAA,MACX,KAAK;AACH,aAAK,kBAAkBA,CAAqB;AAC5C;AAAA,IAGA;AAAA,EAEN;AAAA;AAAA;AAAA;AAAA,EAKQ,kBAAkBA,GAA2B;AAGnD,YAFsBA,EAAK,MAEnB;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,aAAK,uBAAuBA,CAAI;AAChC;AAAA,MACF,KAAK;AACH,aAAK,sBAAsBA,CAAI;AAC/B;AAAA,MACF,KAAK;AACH,aAAK,wBAAwBA,CAAI;AACjC;AAAA,MACF,KAAK;AACH,aAAK,sBAAsBA,CAAI;AAC/B;AAAA,MACF;AACE,aAAK,yBAAyBA,CAAI;AAClC;AAAA,IAAA;AAAA,EAEN;AAAA;AAAA;AAAA;AAAA,EAKQ,uBAAuBA,GAA2B;AACxD,UAAMC,IAAYD,EAAK,KAAK,cAAc,QAAQ,SAAS,EAAE,GACvDE,IAAa,KAAK,eAAe,WAAW;AAElD,SAAK,QAAQ,MAAMF,EAAK,IAAI,YAAY,GACxC,KAAK,QAAQ,SAASE,CAAU,kCAAkC,GAClE,KAAK;AAAA,MACH,GAAGA,CAAU,wBAAwBD,CAAS,IAAI,KAAK,qBAAqBD,EAAK,IAAI,CAAC;AAAA,IAAA;AAIxF,UAAMG,IAAS,KAAK,uBAAuBH,EAAK,SAAS;AACzD,IAAIG,EAAO,SAAS,MAClB,KAAK,QAAQ,iBAAiBD,CAAU,WAAW,GACnD,KAAK,OAAA,GACLC,EAAO,QAAQ,CAACC,MAAU,KAAK,QAAQ,GAAGA,CAAK,GAAG,CAAC,GACnD,KAAK,OAAA,GACL,KAAK,QAAQ,IAAI,IAInBJ,EAAK,SAAS,QAAQ,CAACK,MAAU;AAC/B,WAAK,aAAaA,CAAK;AACvB,YAAMC,IAAW,KAAK,gBAAA;AACtB,MAAIA,KACF,KAAK,QAAQ,GAAGJ,CAAU,gBAAgBI,CAAQ,GAAG;AAAA,IAEzD,CAAC,GAED,KAAK,aAAA;AAAA,EACP;AAAA;AAAA;AAAA;AAAA,EAKQ,sBAAsBN,GAA2B;AACvD,UAAME,IAAa,KAAK,eAAe,aAAa,GAC9CK,IAAc,KAAK,eAAeP,EAAK,QAAQ;AAErD,SAAK,QAAQ,mBAAmB,GAChC,KAAK,QAAQ,SAASE,CAAU,mCAAmC,GACnE,KAAK,QAAQ,GAAGA,CAAU,4BAA4B,GAGlD,KAAK,qBAAqBK,CAAW,KACvC,KAAK,QAAQ,sBAAsB,GACnC,KAAK,OAAA,GACL,KAAK,QAAQ,GAAGL,CAAU,kBAAkBK,CAAW,EAAE,GACzD,KAAK,OAAA,GACL,KAAK,QAAQ,IAAI,KAEjB,KAAK,QAAQ,GAAGL,CAAU,kBAAkBK,CAAW,EAAE;AAI3D,UAAMJ,IAAS,KAAK,uBAAuBH,EAAK,SAAS;AACzD,IAAIG,EAAO,SAAS,MAClB,KAAK,QAAQ,iBAAiBD,CAAU,WAAW,GACnD,KAAK,OAAA,GACLC,EAAO,QAAQ,CAACC,MAAU,KAAK,QAAQ,GAAGA,CAAK,GAAG,CAAC,GACnD,KAAK,OAAA,GACL,KAAK,QAAQ,IAAI,IAGnB,KAAK,aAAA;AAAA,EACP;AAAA;AAAA;AAAA;AAAA,EAKQ,wBAAwBJ,GAA2B;AACzD,UAAME,IAAa,KAAK,eAAe,eAAe,GAChDK,IAAc,KAAK,eAAeP,EAAK,QAAQ;AAErD,SAAK,QAAQ,qBAAqB,GAClC,KAAK,QAAQ,SAASE,CAAU,qCAAqC,GACrE,KAAK,QAAQ,GAAGA,CAAU,8BAA8B,GACxD,KAAK,QAAQ,GAAGA,CAAU,kBAAkBK,CAAW,EAAE;AAGzD,UAAMJ,IAAS,KAAK,uBAAuBH,EAAK,SAAS,GACnDQ,IAAW,KAAK,sBAAsBR,EAAK,SAAS;AAE1D,IAAIG,EAAO,SAAS,MAClB,KAAK,QAAQ,iBAAiBD,CAAU,WAAW,GACnD,KAAK,OAAA,GACLC,EAAO,QAAQ,CAACC,MAAU,KAAK,QAAQ,GAAGA,CAAK,GAAG,CAAC,GACnD,KAAK,OAAA,GACL,KAAK,QAAQ,IAAI,IAGnBI,EAAS,QAAQ,CAACC,MAAY,KAAK,QAAQA,CAAO,CAAC,GAEnD,KAAK,aAAA;AAAA,EACP;AAAA;AAAA;AAAA;AAAA,EAKQ,sBAAsBT,GAA2B;AACvD,UAAME,IAAa,KAAK,eAAe,aAAa;AAEpD,SAAK,QAAQ,mBAAmB,GAChC,KAAK,QAAQ,SAASA,CAAU,kCAAkC,GAClE,KAAK,QAAQ,GAAGA,CAAU,4BAA4B,GAGtDF,EAAK,SAAS,QAAQ,CAACK,MAAU;AAC/B,WAAK,aAAaA,CAAK;AACvB,YAAMC,IAAW,KAAK,gBAAA;AACtB,MAAIA,KACF,KAAK,QAAQ,GAAGJ,CAAU,gBAAgBI,CAAQ,GAAG;AAAA,IAEzD,CAAC,GAED,KAAK,aAAA;AAAA,EACP;AAAA;AAAA;AAAA;AAAA,EAKQ,yBAAyBN,GAA2B;AAC1D,UAAME,IAAa,KAAK,eAAe,SAAS;AAEhD,SAAK,QAAQ,MAAMF,EAAK,IAAI,YAAY,GACxC,KAAK,QAAQ,SAASE,CAAU,kCAAkC,GAClE,KAAK,QAAQ,GAAGA,CAAU,wBAAwBF,EAAK,KAAK,aAAa,GAAG;AAG5E,UAAMG,IAAS,KAAK,uBAAuBH,EAAK,SAAS;AACzD,IAAIG,EAAO,SAAS,MAClB,KAAK,QAAQ,iBAAiBD,CAAU,WAAW,GACnD,KAAK,OAAA,GACLC,EAAO,QAAQ,CAACC,MAAU,KAAK,QAAQ,GAAGA,CAAK,GAAG,CAAC,GACnD,KAAK,OAAA,GACL,KAAK,QAAQ,IAAI,IAGnB,KAAK,aAAA;AAAA,EACP;AAAA;AAAA;AAAA;AAAA,EAKQ,qBAAqBH,GAA2B;AACtD,YAAQA,GAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAAA;AAAA;AAAA;AAAA,EAKQ,uBAAuBS,GAAqC;AAClE,UAAMP,IAAmB,CAAA;AAEzB,WAAAO,EAAU,QAAQ,CAACC,MAAa;AAC9B,YAAMP,IAAQ,KAAK,uBAAuBO,CAAQ;AAClD,MAAIP,KACFD,EAAO,KAAKC,CAAK;AAAA,IAErB,CAAC,GAEMD;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKQ,sBAAsBO,GAAqC;AACjE,UAAMF,IAAqB,CAAA;AAE3B,WAAAE,EAAU,QAAQ,CAACC,MAAa;AAC9B,UAAIA,EAAS,SAAS,kBAAkBA,EAAS,UAAU,SAAS,GAAG;AACrE,cAAMF,IAAU,KAAK,mBAAmBE,EAAS,UAAU,CAAC,CAAC;AAC7D,QAAAH,EAAS,KAAK,GAAG,KAAK,iBAAiB,8BAA8BC,CAAO,GAAG;AAAA,MACjF;AAAA,IACF,CAAC,GAEMD;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKQ,uBAAuBG,GAAuC;AACpE,UAAMC,IAAOD,EAAS;AAEtB,YAAQA,EAAS,MAAA;AAAA,MACf,KAAK;AAEH,eAAO,YADSC,EAAK,SAAS,IAAI,KAAK,mBAAmBA,EAAK,CAAC,CAAC,IAAI,OAC3C;AAAA,MAG5B,KAAK;AACH,YAAIA,EAAK,SAAS;AAEhB,iBAAO,oBADO,KAAK,mBAAmBA,EAAK,CAAC,CAAC,CACb;AAElC;AAAA,MAEF,KAAK;AACH,YAAIA,EAAK,SAAS;AAEhB,iBAAO,UADO,KAAK,mBAAmBA,EAAK,CAAC,CAAC,CACvB;AAExB;AAAA,MAEF,KAAK;AACH,YAAIA,EAAK,SAAS;AAEhB,iBAAO,aADM,KAAK,mBAAmBA,EAAK,CAAC,CAAC,CACpB;AAE1B;AAAA,MAEF,KAAK;AACH,YAAIA,EAAK,SAAS;AAEhB,iBAAO,iBADQ,KAAK,mBAAmBA,EAAK,CAAC,CAAC,CAChB;AAEhC;AAAA,MAEF,KAAK;AACH,YAAIA,EAAK,SAAS;AAEhB,iBAAO,YADS,KAAK,mBAAmBA,EAAK,CAAC,CAAC,CACrB;AAE5B;AAAA,MAEF,KAAK;AACH,YAAIA,EAAK,UAAU;AAGjB,iBAAO;AAET;AAAA,IAAA;AAGJ,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKQ,eAAeC,GAA6B;AAClD,QAAIA,EAAS,WAAW,EAAG,QAAO;AAElC,UAAMC,IAAaD,EAAS,CAAC;AAC7B,WAAIC,EAAW,SAAS,YAEf,IADSA,EACG,KAAK,MAGnB,KAAK,mBAAmBA,CAAwB;AAAA,EACzD;AAAA,EAEQ,mBAAmBC,GAA0B;AACnD,YAAQA,EAAK,MAAA;AAAA,MACX,KAAK,WAAW;AACd,cAAMC,IAAUD;AAChB,eAAO,OAAOC,EAAQ,SAAU,WAAW,IAAIA,EAAQ,KAAK,MAAM,OAAOA,EAAQ,KAAK;AAAA,MACxF;AAAA,MACA,KAAK;AAEH,eADmBD,EACD;AAAA,MAEpB;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAAA,EAEQ,qBAAqBA,GAAuB;AAElD,WAAOA,EAAK,SAAS,IAAI,KAAM,CAACA,EAAK,WAAW,GAAG,KAAK,CAACA,EAAK,MAAM,OAAO;AAAA,EAC7E;AAAA,EAEQ,eAAeE,GAAwB;AAC7C,UAAMC,IAAU,GAAGD,CAAM,GAAG,KAAK,UAAU,SAAS,CAAC;AACrD,gBAAK,UAAU,KAAKC,CAAO,GACpBA;AAAA,EACT;AAAA,EAEQ,kBAAiC;AACvC,WAAO,KAAK,UAAU,SAAS,IAAI,KAAK,UAAU,KAAK,UAAU,SAAS,CAAC,IAAI;AAAA,EACjF;AAAA,EAEQ,UAAUC,GAAcC,GAAoB;AAClD,SAAK,QAAQ,IAAI,YAAYD,CAAI,YAAYC,CAAI,GAAG;AAAA,EACtD;AAAA,EAEQ,QAAQC,GAAoB;AAClC,UAAMC,IAAS,KAAK,OAAO,KAAK,WAAW;AAC3C,SAAK,KAAK,KAAKA,IAASD,CAAI;AAAA,EAC9B;AAAA,EAEQ,eAAqB;AAC3B,SAAK,KAAK,KAAK,EAAE;AAAA,EACnB;AAAA,EAEQ,SAAe;AACrB,SAAK;AAAA,EACP;AAAA,EAEQ,SAAe;AACrB,SAAK,cAAc,KAAK,IAAI,GAAG,KAAK,cAAc,CAAC;AAAA,EACrD;AAAA,EAEQ,iBAAyB;AAC/B,UAAME,IAAU,MAAM,KAAK,KAAK,OAAO,EAAE,KAAK;AAAA,CAAI,GAC5CC,IAAO,KAAK,KAAK,KAAK;AAAA,CAAI;AAEhC,WAAO,GAAGD,CAAO;AAAA;AAAA,EAAOC,CAAI;AAAA,EAC9B;AAAA,EAEQ,oBAAyB;AAG/B,WAAO;AAAA,EACT;AAAA,EAEQ,QAAc;AACpB,SAAK,QAAQ,MAAA,GACb,KAAK,YAAY,CAAA,GACjB,KAAK,OAAO,CAAA,GACZ,KAAK,cAAc;AAAA,EACrB;AACF;"}

package/dist/compiler/enhanced-codegen.cjs

@@ -1,6 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var l=Object.defineProperty,p=(d,e,t)=>e in d?l(d,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):d[e]=t,r=(d,e,t)=>p(d,typeof e!="symbol"?e+"":e,t);class c{constructor(e){r(this,"options"),r(this,"imports",new Set),r(this,"variables",[]),r(this,"code",[]),r(this,"indentLevel",0),r(this,"dependencies",new Set),r(this,"exports",new Set),this.options=e}generate(e){return this.reset(),this.addImport("createSignal, createEffect, createComputed, createRoot, batch","@tachui/core/reactive"),e.forEach(i=>this.generateEnhancedNode(i)),this.generateMountFunction(),{code:this.buildFinalCode(),map:this.options.sourceMaps?this.generateSourceMap():void 0,dependencies:Array.from(this.dependencies),exports:Array.from(this.exports)}}generateEnhancedNode(e){switch(e.type){case"Component":this.generateEnhancedComponent(e);break;case"Conditional":this.generateConditionalRendering(e);break;case"ForEach":this.generateListRendering(e);break;case"PropertyWrapper":this.generatePropertyWrapper(e);break;case"StateBinding":this.generateStateBinding(e);break}}generateConditionalRendering(e){const t=this.createVariable("condition"),i=this.createVariable("conditionalContainer");this.addLine("// Conditional rendering"),this.addLine(`const ${i} = document.createElement('div')`),this.addLine(`${i}.className = 'tachui-conditional'`);const n=this.expressionToCode(e.condition);this.addLine(`const ${t} = createComputed(() => ${n})`),this.addLine("createEffect(() => {"),this.indent(),this.addLine("// Clear previous content"),this.addLine(`${i}.innerHTML = ''`),this.addEmptyLine(),this.addLine(`if (${t}()) {`),this.indent(),this.addLine("// Render then body"),e.thenBody.forEach(s=>{this.generateEnhancedNode(s);const a=this.getLastVariable();a&&this.addLine(`${i}.appendChild(${a})`)}),this.dedent(),e.elseBody&&e.elseBody.length>0&&(this.addLine("} else {"),this.indent(),this.addLine("// Render else body"),e.elseBody.forEach(s=>{this.generateEnhancedNode(s);const a=this.getLastVariable();a&&this.addLine(`${i}.appendChild(${a})`)}),this.dedent()),this.addLine("}"),this.dedent(),this.addLine("})"),this.addEmptyLine()}generateListRendering(e){const t=this.createVariable("listContainer"),i=this.createVariable("items"),n=this.createVariable("renderedItems");this.addLine("// List rendering with keyed updates"),this.addLine(`const ${t} = document.createElement('div')`),this.addLine(`${t}.className = 'tachui-list'`),this.addLine(`let ${n} = new Map()`);const s=this.expressionToCode(e.iterable);if(this.addLine(`const ${i} = createComputed(() => ${s})`),this.addLine("createEffect(() => {"),this.indent(),this.addLine(`const currentItems = ${i}()`),this.addLine("const newRenderedItems = new Map()"),this.addEmptyLine(),this.addLine("// Update existing items and create new ones"),this.addLine(`currentItems.forEach((${e.itemIdentifier}, index) => {`),this.indent(),this.options.generateKeyedLists){this.addLine(`const key = ${e.itemIdentifier}.id || index`),this.addLine(`let itemElement = ${n}.get(key)`),this.addEmptyLine(),this.addLine("if (!itemElement) {"),this.indent(),this.addLine("// Create new item element"),this.generateListItemContent(e);const a=this.getLastVariable();this.addLine(`itemElement = ${a}`),this.dedent(),this.addLine("}"),this.addEmptyLine(),this.addLine("newRenderedItems.set(key, itemElement)"),this.addLine(`${t}.appendChild(itemElement)`)}else{this.addLine("// Simple list item generation"),this.generateListItemContent(e);const a=this.getLastVariable();this.addLine(`${t}.appendChild(${a})`)}this.dedent(),this.addLine("})"),this.addEmptyLine(),this.options.generateKeyedLists&&(this.addLine("// Remove items that are no longer in the list"),this.addLine(`${n}.forEach((element, key) => {`),this.indent(),this.addLine("if (!newRenderedItems.has(key)) {"),this.indent(),this.addLine("element.remove()"),this.dedent(),this.addLine("}"),this.dedent(),this.addLine("})"),this.addEmptyLine(),this.addLine(`${n} = newRenderedItems`)),this.dedent(),this.addLine("})"),this.addEmptyLine()}generateListItemContent(e){this.addLine("// List item content"),e.body.forEach(t=>{this.generateEnhancedNode(t)})}generatePropertyWrapper(e){const{wrapper:t,identifier:i,initialValue:n}=e;switch(this.addLine(`// @${t} property wrapper`),t){case"State":{const s=n?this.expressionToCode(n):"undefined";this.addLine(`const [${i}, set${this.capitalize(i)}] = createSignal(${s})`),this.dependencies.add(i);break}case"Computed":if(n){const s=this.expressionToCode(n);this.addLine(`const ${i} = createComputed(() => ${s})`),this.dependencies.add(i)}break;case"Effect":if(n){const s=this.expressionToCode(n);this.addLine(`const ${i} = createEffect(() => ${s})`)}break}this.addEmptyLine()}generateStateBinding(e){this.addLine(`// State binding: $${e.identifier}`),this.addLine(`const ${e.identifier}Binding = {`),this.indent(),this.addLine(`get: () => ${e.identifier}(),`),this.addLine(`set: set${this.capitalize(e.identifier)}`),this.dedent(),this.addLine("}"),this.addEmptyLine()}generateEnhancedComponent(e){switch(e.name){case"VStack":case"HStack":case"ZStack":this.generateEnhancedStackComponent(e);break;case"Text":this.generateEnhancedTextComponent(e);break;case"Button":this.generateEnhancedButtonComponent(e);break;case"TextField":this.generateEnhancedTextFieldComponent(e);break;default:this.generateEnhancedGenericComponent(e);break}}generateEnhancedStackComponent(e){const t=e.name.toLowerCase().replace("stack",""),i=this.createVariable("container");this.addLine(`// Enhanced ${e.name} component`),this.addLine(`const ${i} = document.createElement('div')`),this.addLine(`${i}.className = 'tachui-${t} ${this.generateStackClasses(e.name)}'`),this.addLine("// Reactive children management"),e.children.forEach(n=>{this.generateEnhancedNode(n);const s=this.getLastVariable();s&&this.addLine(`${i}.appendChild(${s})`)}),this.generateEnhancedModifiers(e.modifiers,i),this.addEmptyLine()}generateEnhancedTextComponent(e){const t=this.createVariable("textElement"),i=this.getTextContent(e.children);this.addLine("// Enhanced Text component"),this.addLine(`const ${t} = document.createElement('span')`),this.addLine(`${t}.className = 'tachui-text'`),this.isReactiveExpression(i)?(this.addLine("createEffect(() => {"),this.indent(),this.addLine(`${t}.textContent = String(${i})`),this.dedent(),this.addLine("})")):this.addLine(`${t}.textContent = ${i}`),this.generateEnhancedModifiers(e.modifiers,t),this.addEmptyLine()}generateEnhancedButtonComponent(e){const t=this.createVariable("buttonElement"),i=this.getTextContent(e.children);this.addLine("// Enhanced Button component"),this.addLine(`const ${t} = document.createElement('button')`),this.addLine(`${t}.className = 'tachui-button'`),this.isReactiveExpression(i)?(this.addLine("createEffect(() => {"),this.indent(),this.addLine(`${t}.textContent = String(${i})`),this.dedent(),this.addLine("})")):this.addLine(`${t}.textContent = ${i}`),this.generateEnhancedModifiers(e.modifiers,t),this.addEmptyLine()}generateEnhancedTextFieldComponent(e){const t=this.createVariable("textFieldElement"),i=e.children.length>0?this.getTextContent([e.children[0]]):'""';this.addLine("// Enhanced TextField component"),this.addLine(`const ${t} = document.createElement('input')`),this.addLine(`${t}.type = 'text'`),this.addLine(`${t}.className = 'tachui-textfield'`),this.addLine(`${t}.placeholder = ${i}`);const n=e.children.find(s=>s.type==="StateBinding");n&&(this.addLine("// Two-way data binding"),this.addLine("createEffect(() => {"),this.indent(),this.addLine(`${t}.value = String(${n.identifier}() || '')`),this.dedent(),this.addLine("})"),this.addLine(`${t}.addEventListener('input', (e) => {`),this.indent(),this.addLine(`set${this.capitalize(n.identifier)}(e.target.value)`),this.dedent(),this.addLine("})")),this.generateEnhancedModifiers(e.modifiers,t),this.addEmptyLine()}generateEnhancedGenericComponent(e){const t=this.createVariable("element");this.addLine(`// Enhanced ${e.name} component`),this.addLine(`const ${t} = document.createElement('div')`),this.addLine(`${t}.className = 'tachui-${e.name.toLowerCase()}'`),e.children.forEach(i=>{this.generateEnhancedNode(i);const n=this.getLastVariable();n&&this.addLine(`${t}.appendChild(${n})`)}),this.generateEnhancedModifiers(e.modifiers,t),this.addEmptyLine()}generateEnhancedModifiers(e,t){if(e.length===0)return;const i=[],n=[],s=[];e.forEach(a=>{const h=this.convertModifierToStyle(a);h&&(this.modifierHasReactiveContent(a)?n.push(h):i.push(h));const o=this.convertModifierToHandler(a,t);o&&s.push(o)}),i.length>0&&(this.addLine(`Object.assign(${t}.style, {`),this.indent(),i.forEach(a=>this.addLine(`${a},`)),this.dedent(),this.addLine("})")),n.length>0&&(this.addLine("createEffect(() => {"),this.indent(),this.addLine(`Object.assign(${t}.style, {`),this.indent(),n.forEach(a=>this.addLine(`${a},`)),this.dedent(),this.addLine("})"),this.dedent(),this.addLine("})")),s.forEach(a=>this.addLine(a))}generateMountFunction(){if(this.addLine("// Component mount function"),this.addLine("export function mountComponent(container) {"),this.indent(),this.addLine("return createRoot(() => {"),this.indent(),this.variables.length>0){const e=this.variables[this.variables.length-1];this.addLine(`container.appendChild(${e})`),this.addLine(`return () => container.removeChild(${e})`)}this.dedent(),this.addLine("})"),this.dedent(),this.addLine("}"),this.exports.add("mountComponent")}expressionToCode(e){switch(e.type){case"Literal":{const t=e;return typeof t.value=="string"?`"${t.value}"`:String(t.value)}case"Identifier":return e.name;case"CallExpression":{const t=e,i=t.arguments.map(n=>this.expressionToCode(n)).join(", ");return`${this.expressionToCode(t.callee)}(${i})`}case"MemberExpression":{const t=e;return`${t.object}.${t.property}`}case"ArrayExpression":return`[${e.elements.map(n=>this.expressionToCode(n)).join(", ")}]`;default:return'""'}}getTextContent(e){if(e.length===0)return'""';const t=e[0];return t.type==="Literal"||t.type==="Identifier"||t.type==="CallExpression"||t.type==="MemberExpression"||t.type==="ArrayExpression"?this.expressionToCode(t):'""'}isReactiveExpression(e){return e.includes("()")||e.includes("get")||!e.startsWith('"')&&!e.match(/^\d+$/)}modifierHasReactiveContent(e){return e.arguments.some(t=>{const i=this.expressionToCode(t);return this.isReactiveExpression(i)})}convertModifierToStyle(e){const t=e.arguments;switch(e.name){case"padding":return`padding: ${t.length>0?this.expressionToCode(t[0]):'"8px"'}`;case"background":if(t.length>0)return`backgroundColor: ${this.expressionToCode(t[0])}`;break;case"foregroundColor":if(t.length>0)return`color: ${this.expressionToCode(t[0])}`;break;case"font":if(t.length>0)return`fontSize: ${this.expressionToCode(t[0])}`;break;case"cornerRadius":if(t.length>0)return`borderRadius: ${this.expressionToCode(t[0])}px`;break;case"opacity":if(t.length>0)return`opacity: ${this.expressionToCode(t[0])}`;break}return null}convertModifierToHandler(e,t){if(e.name==="onTapGesture"&&e.arguments.length>0){const i=this.expressionToCode(e.arguments[0]);return`${t}.addEventListener('click', ${i})`}return null}generateStackClasses(e){switch(e){case"VStack":return"flex flex-col";case"HStack":return"flex flex-row";case"ZStack":return"relative";default:return"flex"}}capitalize(e){return e.charAt(0).toUpperCase()+e.slice(1)}createVariable(e){const t=`${e}${this.variables.length+1}`;return this.variables.push(t),t}getLastVariable(){return this.variables.length>0?this.variables[this.variables.length-1]:null}addImport(e,t){this.imports.add(`import { ${e} } from '${t}'`)}addLine(e){const t="  ".repeat(this.indentLevel);this.code.push(t+e)}addEmptyLine(){this.code.push("")}indent(){this.indentLevel++}dedent(){this.indentLevel=Math.max(0,this.indentLevel-1)}buildFinalCode(){const e=Array.from(this.imports).join(`
-`),t=this.code.join(`
-`);return`${e}
-
-${t}`}generateSourceMap(){return null}reset(){this.imports.clear(),this.variables=[],this.code=[],this.indentLevel=0,this.dependencies.clear(),this.exports.clear()}}function m(d,e={}){return new c(e).generate(d)}exports.EnhancedDOMCodeGenerator=c;exports.generateEnhancedDOMCode=m;
-//# sourceMappingURL=enhanced-codegen.cjs.map

package/dist/compiler/enhanced-codegen.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"enhanced-codegen.cjs","sources":["../../src/compiler/enhanced-codegen.ts"],"sourcesContent":["/**\n * Enhanced DOM Code Generator (Phase 2.2.1)\n *\n * Advanced code generation with:\n * - Conditional rendering to reactive effects\n * - List rendering with keyed updates\n * - State binding integration\n * - Property wrapper code generation\n * - Optimized reactive DOM updates\n */\n\nimport type {\n  ASTNode,\n  ComponentNode,\n  ConditionalNode,\n  Expression,\n  ForEachNode,\n  LiteralExpression,\n  ModifierNode,\n  PropertyWrapperNode,\n  StateBindingNode,\n  TransformOptions,\n} from './types'\n\nexport interface EnhancedCodegenResult {\n  code: string\n  map?: any\n  dependencies: string[]\n  exports: string[]\n}\n\nexport interface EnhancedCodegenOptions extends TransformOptions {\n  sourceFile?: string\n  optimizeUpdates?: boolean\n  generateKeyedLists?: boolean\n}\n\n/**\n * Enhanced DOM code generator with advanced reactive features\n */\nexport class EnhancedDOMCodeGenerator {\n  private options: EnhancedCodegenOptions\n  private imports = new Set<string>()\n  private variables: string[] = []\n  private code: string[] = []\n  private indentLevel = 0\n  private dependencies = new Set<string>()\n  private exports = new Set<string>()\n\n  constructor(options: EnhancedCodegenOptions) {\n    this.options = options\n  }\n\n  /**\n   * Generate enhanced reactive DOM code from AST\n   */\n  generate(nodes: ASTNode[]): EnhancedCodegenResult {\n    this.reset()\n\n    // Add enhanced reactive imports\n    this.addImport(\n      'createSignal, createEffect, createComputed, createRoot, batch',\n      '@tachui/core/reactive'\n    )\n\n    // Generate code for each node with enhanced features\n    nodes.forEach((node) => this.generateEnhancedNode(node))\n\n    // Generate component mount function\n    this.generateMountFunction()\n\n    // Combine everything\n    const generatedCode = this.buildFinalCode()\n\n    return {\n      code: generatedCode,\n      map: this.options.sourceMaps ? this.generateSourceMap() : undefined,\n      dependencies: Array.from(this.dependencies),\n      exports: Array.from(this.exports),\n    }\n  }\n\n  /**\n   * Generate code for enhanced AST nodes\n   */\n  private generateEnhancedNode(node: ASTNode): void {\n    switch (node.type) {\n      case 'Component':\n        this.generateEnhancedComponent(node as ComponentNode)\n        break\n      case 'Conditional':\n        this.generateConditionalRendering(node as ConditionalNode)\n        break\n      case 'ForEach':\n        this.generateListRendering(node as ForEachNode)\n        break\n      case 'PropertyWrapper':\n        this.generatePropertyWrapper(node as PropertyWrapperNode)\n        break\n      case 'StateBinding':\n        this.generateStateBinding(node as StateBindingNode)\n        break\n      default:\n        // Handle other node types\n        break\n    }\n  }\n\n  /**\n   * Generate conditional rendering with reactive effects\n   */\n  private generateConditionalRendering(node: ConditionalNode): void {\n    const conditionVar = this.createVariable('condition')\n    const containerVar = this.createVariable('conditionalContainer')\n\n    this.addLine(`// Conditional rendering`)\n    this.addLine(`const ${containerVar} = document.createElement('div')`)\n    this.addLine(`${containerVar}.className = 'tachui-conditional'`)\n\n    // Generate reactive condition tracking\n    const condition = this.expressionToCode(node.condition)\n    this.addLine(`const ${conditionVar} = createComputed(() => ${condition})`)\n\n    // Generate reactive effect for conditional content\n    this.addLine(`createEffect(() => {`)\n    this.indent()\n    this.addLine(`// Clear previous content`)\n    this.addLine(`${containerVar}.innerHTML = ''`)\n    this.addEmptyLine()\n\n    this.addLine(`if (${conditionVar}()) {`)\n    this.indent()\n    this.addLine(`// Render then body`)\n    node.thenBody.forEach((child) => {\n      this.generateEnhancedNode(child)\n      const childVar = this.getLastVariable()\n      if (childVar) {\n        this.addLine(`${containerVar}.appendChild(${childVar})`)\n      }\n    })\n    this.dedent()\n\n    if (node.elseBody && node.elseBody.length > 0) {\n      this.addLine(`} else {`)\n      this.indent()\n      this.addLine(`// Render else body`)\n      node.elseBody.forEach((child) => {\n        this.generateEnhancedNode(child)\n        const childVar = this.getLastVariable()\n        if (childVar) {\n          this.addLine(`${containerVar}.appendChild(${childVar})`)\n        }\n      })\n      this.dedent()\n    }\n\n    this.addLine(`}`)\n    this.dedent()\n    this.addLine(`})`)\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate list rendering with keyed updates\n   */\n  private generateListRendering(node: ForEachNode): void {\n    const listVar = this.createVariable('listContainer')\n    const itemsVar = this.createVariable('items')\n    const renderedItemsVar = this.createVariable('renderedItems')\n\n    this.addLine(`// List rendering with keyed updates`)\n    this.addLine(`const ${listVar} = document.createElement('div')`)\n    this.addLine(`${listVar}.className = 'tachui-list'`)\n\n    // Track rendered items for efficient updates\n    this.addLine(`let ${renderedItemsVar} = new Map()`)\n\n    // Generate reactive list tracking\n    const iterable = this.expressionToCode(node.iterable)\n    this.addLine(`const ${itemsVar} = createComputed(() => ${iterable})`)\n\n    // Generate efficient list update effect\n    this.addLine(`createEffect(() => {`)\n    this.indent()\n    this.addLine(`const currentItems = ${itemsVar}()`)\n    this.addLine(`const newRenderedItems = new Map()`)\n    this.addEmptyLine()\n\n    this.addLine(`// Update existing items and create new ones`)\n    this.addLine(`currentItems.forEach((${node.itemIdentifier}, index) => {`)\n    this.indent()\n\n    if (this.options.generateKeyedLists) {\n      this.addLine(`const key = ${node.itemIdentifier}.id || index`)\n      this.addLine(`let itemElement = ${renderedItemsVar}.get(key)`)\n      this.addEmptyLine()\n      this.addLine(`if (!itemElement) {`)\n      this.indent()\n      this.addLine(`// Create new item element`)\n      this.generateListItemContent(node)\n      const itemVar = this.getLastVariable()\n      this.addLine(`itemElement = ${itemVar}`)\n      this.dedent()\n      this.addLine(`}`)\n      this.addEmptyLine()\n      this.addLine(`newRenderedItems.set(key, itemElement)`)\n      this.addLine(`${listVar}.appendChild(itemElement)`)\n    } else {\n      this.addLine(`// Simple list item generation`)\n      this.generateListItemContent(node)\n      const itemVar = this.getLastVariable()\n      this.addLine(`${listVar}.appendChild(${itemVar})`)\n    }\n\n    this.dedent()\n    this.addLine(`})`)\n    this.addEmptyLine()\n\n    if (this.options.generateKeyedLists) {\n      this.addLine(`// Remove items that are no longer in the list`)\n      this.addLine(`${renderedItemsVar}.forEach((element, key) => {`)\n      this.indent()\n      this.addLine(`if (!newRenderedItems.has(key)) {`)\n      this.indent()\n      this.addLine(`element.remove()`)\n      this.dedent()\n      this.addLine(`}`)\n      this.dedent()\n      this.addLine(`})`)\n      this.addEmptyLine()\n      this.addLine(`${renderedItemsVar} = newRenderedItems`)\n    }\n\n    this.dedent()\n    this.addLine(`})`)\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate content for list items\n   */\n  private generateListItemContent(node: ForEachNode): void {\n    this.addLine(`// List item content`)\n    node.body.forEach((child) => {\n      this.generateEnhancedNode(child)\n    })\n  }\n\n  /**\n   * Generate property wrapper code\n   */\n  private generatePropertyWrapper(node: PropertyWrapperNode): void {\n    const { wrapper, identifier, initialValue } = node\n\n    this.addLine(`// @${wrapper} property wrapper`)\n\n    switch (wrapper) {\n      case 'State': {\n        const initial = initialValue ? this.expressionToCode(initialValue) : 'undefined'\n        this.addLine(\n          `const [${identifier}, set${this.capitalize(identifier)}] = createSignal(${initial})`\n        )\n        this.dependencies.add(identifier)\n        break\n      }\n\n      case 'Computed':\n        if (initialValue) {\n          const computation = this.expressionToCode(initialValue)\n          this.addLine(`const ${identifier} = createComputed(() => ${computation})`)\n          this.dependencies.add(identifier)\n        }\n        break\n\n      case 'Effect':\n        if (initialValue) {\n          const effect = this.expressionToCode(initialValue)\n          this.addLine(`const ${identifier} = createEffect(() => ${effect})`)\n        }\n        break\n    }\n\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate state binding code\n   */\n  private generateStateBinding(node: StateBindingNode): void {\n    // State bindings are typically handled in component context\n    // This generates a reference to the binding\n    this.addLine(`// State binding: $${node.identifier}`)\n    this.addLine(`const ${node.identifier}Binding = {`)\n    this.indent()\n    this.addLine(`get: () => ${node.identifier}(),`)\n    this.addLine(`set: set${this.capitalize(node.identifier)}`)\n    this.dedent()\n    this.addLine(`}`)\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate enhanced component with reactive features\n   */\n  private generateEnhancedComponent(node: ComponentNode): void {\n    const componentName = node.name\n\n    switch (componentName) {\n      case 'VStack':\n      case 'HStack':\n      case 'ZStack':\n        this.generateEnhancedStackComponent(node)\n        break\n      case 'Text':\n        this.generateEnhancedTextComponent(node)\n        break\n      case 'Button':\n        this.generateEnhancedButtonComponent(node)\n        break\n      case 'TextField':\n        this.generateEnhancedTextFieldComponent(node)\n        break\n      default:\n        this.generateEnhancedGenericComponent(node)\n        break\n    }\n  }\n\n  /**\n   * Generate enhanced stack component with reactive children\n   */\n  private generateEnhancedStackComponent(node: ComponentNode): void {\n    const stackType = node.name.toLowerCase().replace('stack', '')\n    const elementVar = this.createVariable('container')\n\n    this.addLine(`// Enhanced ${node.name} component`)\n    this.addLine(`const ${elementVar} = document.createElement('div')`)\n    this.addLine(\n      `${elementVar}.className = 'tachui-${stackType} ${this.generateStackClasses(node.name)}'`\n    )\n\n    // Generate reactive children\n    this.addLine(`// Reactive children management`)\n    node.children.forEach((child) => {\n      this.generateEnhancedNode(child)\n      const childVar = this.getLastVariable()\n      if (childVar) {\n        this.addLine(`${elementVar}.appendChild(${childVar})`)\n      }\n    })\n\n    // Apply enhanced modifiers\n    this.generateEnhancedModifiers(node.modifiers, elementVar)\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate enhanced text component with reactive content\n   */\n  private generateEnhancedTextComponent(node: ComponentNode): void {\n    const elementVar = this.createVariable('textElement')\n    const textContent = this.getTextContent(node.children)\n\n    this.addLine(`// Enhanced Text component`)\n    this.addLine(`const ${elementVar} = document.createElement('span')`)\n    this.addLine(`${elementVar}.className = 'tachui-text'`)\n\n    // Handle reactive text content\n    if (this.isReactiveExpression(textContent)) {\n      this.addLine(`createEffect(() => {`)\n      this.indent()\n      this.addLine(`${elementVar}.textContent = String(${textContent})`)\n      this.dedent()\n      this.addLine(`})`)\n    } else {\n      this.addLine(`${elementVar}.textContent = ${textContent}`)\n    }\n\n    // Apply enhanced modifiers\n    this.generateEnhancedModifiers(node.modifiers, elementVar)\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate enhanced button component\n   */\n  private generateEnhancedButtonComponent(node: ComponentNode): void {\n    const elementVar = this.createVariable('buttonElement')\n    const textContent = this.getTextContent(node.children)\n\n    this.addLine(`// Enhanced Button component`)\n    this.addLine(`const ${elementVar} = document.createElement('button')`)\n    this.addLine(`${elementVar}.className = 'tachui-button'`)\n\n    // Handle reactive button text\n    if (this.isReactiveExpression(textContent)) {\n      this.addLine(`createEffect(() => {`)\n      this.indent()\n      this.addLine(`${elementVar}.textContent = String(${textContent})`)\n      this.dedent()\n      this.addLine(`})`)\n    } else {\n      this.addLine(`${elementVar}.textContent = ${textContent}`)\n    }\n\n    // Apply enhanced modifiers\n    this.generateEnhancedModifiers(node.modifiers, elementVar)\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate enhanced TextField component with two-way binding\n   */\n  private generateEnhancedTextFieldComponent(node: ComponentNode): void {\n    const elementVar = this.createVariable('textFieldElement')\n    const placeholder = node.children.length > 0 ? this.getTextContent([node.children[0]]) : '\"\"'\n\n    this.addLine(`// Enhanced TextField component`)\n    this.addLine(`const ${elementVar} = document.createElement('input')`)\n    this.addLine(`${elementVar}.type = 'text'`)\n    this.addLine(`${elementVar}.className = 'tachui-textfield'`)\n    this.addLine(`${elementVar}.placeholder = ${placeholder}`)\n\n    // Handle state binding for two-way data binding\n    const binding = node.children.find((child) => child.type === 'StateBinding') as StateBindingNode\n    if (binding) {\n      this.addLine(`// Two-way data binding`)\n      this.addLine(`createEffect(() => {`)\n      this.indent()\n      this.addLine(`${elementVar}.value = String(${binding.identifier}() || '')`)\n      this.dedent()\n      this.addLine(`})`)\n\n      this.addLine(`${elementVar}.addEventListener('input', (e) => {`)\n      this.indent()\n      this.addLine(`set${this.capitalize(binding.identifier)}(e.target.value)`)\n      this.dedent()\n      this.addLine(`})`)\n    }\n\n    // Apply modifiers\n    this.generateEnhancedModifiers(node.modifiers, elementVar)\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate enhanced generic component\n   */\n  private generateEnhancedGenericComponent(node: ComponentNode): void {\n    const elementVar = this.createVariable('element')\n\n    this.addLine(`// Enhanced ${node.name} component`)\n    this.addLine(`const ${elementVar} = document.createElement('div')`)\n    this.addLine(`${elementVar}.className = 'tachui-${node.name.toLowerCase()}'`)\n\n    // Generate children\n    node.children.forEach((child) => {\n      this.generateEnhancedNode(child)\n      const childVar = this.getLastVariable()\n      if (childVar) {\n        this.addLine(`${elementVar}.appendChild(${childVar})`)\n      }\n    })\n\n    // Apply modifiers\n    this.generateEnhancedModifiers(node.modifiers, elementVar)\n    this.addEmptyLine()\n  }\n\n  /**\n   * Generate enhanced modifiers with reactive updates\n   */\n  private generateEnhancedModifiers(modifiers: ModifierNode[], elementVar: string): void {\n    if (modifiers.length === 0) return\n\n    const styles: string[] = []\n    const reactiveStyles: string[] = []\n    const handlers: string[] = []\n\n    modifiers.forEach((modifier) => {\n      const style = this.convertModifierToStyle(modifier)\n      if (style) {\n        if (this.modifierHasReactiveContent(modifier)) {\n          reactiveStyles.push(style)\n        } else {\n          styles.push(style)\n        }\n      }\n\n      const handler = this.convertModifierToHandler(modifier, elementVar)\n      if (handler) {\n        handlers.push(handler)\n      }\n    })\n\n    // Apply static styles\n    if (styles.length > 0) {\n      this.addLine(`Object.assign(${elementVar}.style, {`)\n      this.indent()\n      styles.forEach((style) => this.addLine(`${style},`))\n      this.dedent()\n      this.addLine(`})`)\n    }\n\n    // Apply reactive styles\n    if (reactiveStyles.length > 0) {\n      this.addLine(`createEffect(() => {`)\n      this.indent()\n      this.addLine(`Object.assign(${elementVar}.style, {`)\n      this.indent()\n      reactiveStyles.forEach((style) => this.addLine(`${style},`))\n      this.dedent()\n      this.addLine(`})`)\n      this.dedent()\n      this.addLine(`})`)\n    }\n\n    // Apply event handlers\n    handlers.forEach((handler) => this.addLine(handler))\n  }\n\n  /**\n   * Generate component mount function\n   */\n  private generateMountFunction(): void {\n    this.addLine(`// Component mount function`)\n    this.addLine(`export function mountComponent(container) {`)\n    this.indent()\n    this.addLine(`return createRoot(() => {`)\n    this.indent()\n\n    if (this.variables.length > 0) {\n      const rootElement = this.variables[this.variables.length - 1]\n      this.addLine(`container.appendChild(${rootElement})`)\n      this.addLine(`return () => container.removeChild(${rootElement})`)\n    }\n\n    this.dedent()\n    this.addLine(`})`)\n    this.dedent()\n    this.addLine(`}`)\n\n    this.exports.add('mountComponent')\n  }\n\n  /**\n   * Helper methods\n   */\n  private expressionToCode(expr: Expression): string {\n    switch (expr.type) {\n      case 'Literal': {\n        const literal = expr as LiteralExpression\n        return typeof literal.value === 'string' ? `\"${literal.value}\"` : String(literal.value)\n      }\n      case 'Identifier':\n        return (expr as any).name\n      case 'CallExpression': {\n        const call = expr as any\n        const args = call.arguments.map((arg: Expression) => this.expressionToCode(arg)).join(', ')\n        return `${this.expressionToCode(call.callee)}(${args})`\n      }\n      case 'MemberExpression': {\n        const member = expr as any\n        return `${member.object}.${member.property}`\n      }\n      case 'ArrayExpression': {\n        const array = expr as any\n        const elements = array.elements\n          .map((el: Expression) => this.expressionToCode(el))\n          .join(', ')\n        return `[${elements}]`\n      }\n      default:\n        return '\"\"'\n    }\n  }\n\n  private getTextContent(children: ASTNode[]): string {\n    if (children.length === 0) return '\"\"'\n    const firstChild = children[0]\n    if (\n      firstChild.type === 'Literal' ||\n      firstChild.type === 'Identifier' ||\n      firstChild.type === 'CallExpression' ||\n      firstChild.type === 'MemberExpression' ||\n      firstChild.type === 'ArrayExpression'\n    ) {\n      return this.expressionToCode(firstChild as Expression)\n    }\n    return '\"\"'\n  }\n\n  private isReactiveExpression(expr: string): boolean {\n    return (\n      expr.includes('()') || expr.includes('get') || (!expr.startsWith('\"') && !expr.match(/^\\d+$/))\n    )\n  }\n\n  private modifierHasReactiveContent(modifier: ModifierNode): boolean {\n    return modifier.arguments.some((arg) => {\n      const code = this.expressionToCode(arg)\n      return this.isReactiveExpression(code)\n    })\n  }\n\n  private convertModifierToStyle(modifier: ModifierNode): string | null {\n    const args = modifier.arguments\n\n    switch (modifier.name) {\n      case 'padding': {\n        const padding = args.length > 0 ? this.expressionToCode(args[0]) : '\"8px\"'\n        return `padding: ${padding}`\n      }\n      case 'background':\n        if (args.length > 0) {\n          return `backgroundColor: ${this.expressionToCode(args[0])}`\n        }\n        break\n      case 'foregroundColor':\n        if (args.length > 0) {\n          return `color: ${this.expressionToCode(args[0])}`\n        }\n        break\n      case 'font':\n        if (args.length > 0) {\n          return `fontSize: ${this.expressionToCode(args[0])}`\n        }\n        break\n      case 'cornerRadius':\n        if (args.length > 0) {\n          return `borderRadius: ${this.expressionToCode(args[0])}px`\n        }\n        break\n      case 'opacity':\n        if (args.length > 0) {\n          return `opacity: ${this.expressionToCode(args[0])}`\n        }\n        break\n    }\n\n    return null\n  }\n\n  private convertModifierToHandler(modifier: ModifierNode, elementVar: string): string | null {\n    if (modifier.name === 'onTapGesture' && modifier.arguments.length > 0) {\n      const handler = this.expressionToCode(modifier.arguments[0])\n      return `${elementVar}.addEventListener('click', ${handler})`\n    }\n    return null\n  }\n\n  private generateStackClasses(stackType: string): string {\n    switch (stackType) {\n      case 'VStack':\n        return 'flex flex-col'\n      case 'HStack':\n        return 'flex flex-row'\n      case 'ZStack':\n        return 'relative'\n      default:\n        return 'flex'\n    }\n  }\n\n  private capitalize(str: string): string {\n    return str.charAt(0).toUpperCase() + str.slice(1)\n  }\n\n  private createVariable(prefix: string): string {\n    const varName = `${prefix}${this.variables.length + 1}`\n    this.variables.push(varName)\n    return varName\n  }\n\n  private getLastVariable(): string | null {\n    return this.variables.length > 0 ? this.variables[this.variables.length - 1] : null\n  }\n\n  private addImport(importStatement: string, from: string): void {\n    this.imports.add(`import { ${importStatement} } from '${from}'`)\n  }\n\n  private addLine(line: string): void {\n    const indent = '  '.repeat(this.indentLevel)\n    this.code.push(indent + line)\n  }\n\n  private addEmptyLine(): void {\n    this.code.push('')\n  }\n\n  private indent(): void {\n    this.indentLevel++\n  }\n\n  private dedent(): void {\n    this.indentLevel = Math.max(0, this.indentLevel - 1)\n  }\n\n  private buildFinalCode(): string {\n    const imports = Array.from(this.imports).join('\\n')\n    const body = this.code.join('\\n')\n    return `${imports}\\n\\n${body}`\n  }\n\n  private generateSourceMap(): any {\n    return null // Placeholder for source map generation\n  }\n\n  private reset(): void {\n    this.imports.clear()\n    this.variables = []\n    this.code = []\n    this.indentLevel = 0\n    this.dependencies.clear()\n    this.exports.clear()\n  }\n}\n\n/**\n * Generate enhanced DOM code with advanced reactive features\n */\nexport function generateEnhancedDOMCode(\n  nodes: ASTNode[],\n  options: EnhancedCodegenOptions = {}\n): EnhancedCodegenResult {\n  const generator = new EnhancedDOMCodeGenerator(options)\n  return generator.generate(nodes)\n}\n"],"names":["EnhancedDOMCodeGenerator","options","__publicField","nodes","node","conditionVar","containerVar","condition","child","childVar","listVar","itemsVar","renderedItemsVar","iterable","itemVar","wrapper","identifier","initialValue","initial","computation","effect","stackType","elementVar","textContent","placeholder","binding","modifiers","styles","reactiveStyles","handlers","modifier","style","handler","rootElement","expr","literal","call","args","arg","member","el","children","firstChild","code","str","prefix","varName","importStatement","from","line","indent","imports","body","generateEnhancedDOMCode"],"mappings":"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"}