@tachui/core 0.7.0-alpha1

package/dist/compiler/advanced-parser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-parser.js","sources":["../../src/compiler/advanced-parser.ts"],"sourcesContent":["/**\n * Advanced SwiftUI Syntax Parser (Phase 2.1.2)\n *\n * Enhanced parser with support for:\n * - Conditional rendering (@if, @else)\n * - List iteration (@forEach)\n * - State bindings ($variable)\n * - Property wrappers (@State, @Computed)\n * - Complex expressions and function calls\n * - Nested modifier chains\n */\n\nimport type { ASTNode, ComponentNode, Expression, LiteralExpression, ModifierNode } from './types'\n\n// Extended AST node types for advanced features\nexport interface ConditionalNode extends ASTNode {\n  type: 'Conditional'\n  condition: Expression\n  thenBody: ASTNode[]\n  elseBody?: ASTNode[]\n}\n\nexport interface ForEachNode extends ASTNode {\n  type: 'ForEach'\n  iterable: Expression\n  itemIdentifier: string\n  body: ASTNode[]\n}\n\nexport interface StateBindingNode extends ASTNode {\n  type: 'StateBinding'\n  identifier: string\n  initialValue?: Expression\n}\n\nexport interface PropertyWrapperNode extends ASTNode {\n  type: 'PropertyWrapper'\n  wrapper: 'State' | 'Computed' | 'Effect'\n  identifier: string\n  initialValue?: Expression\n}\n\n/**\n * Enhanced SwiftUI syntax parser with advanced features\n */\nexport class AdvancedSwiftUIParser {\n  private code: string\n  private filename: string\n  private position: number = 0\n  private line: number = 1\n  private column: number = 1\n\n  constructor(code: string, filename: string) {\n    this.code = code\n    this.filename = filename\n  }\n\n  /**\n   * Parse advanced SwiftUI syntax into enhanced AST\n   */\n  parse(): ASTNode[] {\n    const nodes: ASTNode[] = []\n\n    while (!this.isAtEnd()) {\n      this.skipWhitespace()\n\n      if (this.isAtEnd()) break\n\n      const node = this.parseAdvancedNode()\n      if (node) {\n        nodes.push(node)\n      }\n    }\n\n    return nodes\n  }\n\n  /**\n   * Parse advanced AST nodes including conditionals and loops\n   */\n  private parseAdvancedNode(): ASTNode | null {\n    const start = this.currentPosition()\n\n    // Save position to detect infinite loops\n    const initialPosition = this.position\n\n    // Check for conditional rendering\n    if (this.match('if')) {\n      return this.parseConditional(start)\n    }\n\n    // Check for forEach loops\n    if (this.match('ForEach')) {\n      return this.parseForEach(start)\n    }\n\n    // Check for property wrappers\n    if (this.peek() === '@') {\n      return this.parsePropertyWrapper(start)\n    }\n\n    // Check for state bindings\n    if (this.peek() === '$') {\n      return this.parseStateBinding(start)\n    }\n\n    // Standard component parsing\n    if (this.isComponentStart()) {\n      return this.parseEnhancedComponent(start)\n    }\n\n    // Skip unrecognized tokens - ensure we always advance\n    if (this.position === initialPosition) {\n      this.advance()\n    }\n    return null\n  }\n\n  /**\n   * Parse conditional rendering (if/else)\n   */\n  private parseConditional(start: {\n    line: number\n    column: number\n    offset: number\n  }): ConditionalNode {\n    // 'if' already consumed by match()\n    this.skipWhitespace()\n\n    const condition = this.parseComplexExpression()\n    if (!condition) {\n      throw new Error(`Expected condition after 'if' at line ${this.line}`)\n    }\n\n    this.skipWhitespace()\n\n    // Parse then body\n    const thenBody: ASTNode[] = []\n    if (this.peek() === '{') {\n      this.advance() // consume '{'\n      this.skipWhitespace()\n\n      while (!this.isAtEnd() && this.peek() !== '}') {\n        const node = this.parseAdvancedNode()\n        if (node) {\n          thenBody.push(node)\n        }\n        this.skipWhitespace()\n      }\n\n      if (this.peek() === '}') {\n        this.advance() // consume '}'\n      }\n    }\n\n    // Parse optional else body\n    let elseBody: ASTNode[] | undefined\n    this.skipWhitespace()\n    if (this.match('else')) {\n      elseBody = []\n      this.skipWhitespace()\n\n      if (this.peek() === '{') {\n        this.advance() // consume '{'\n        this.skipWhitespace()\n\n        while (!this.isAtEnd() && this.peek() !== '}') {\n          const node = this.parseAdvancedNode()\n          if (node) {\n            elseBody.push(node)\n          }\n          this.skipWhitespace()\n        }\n\n        if (this.peek() === '}') {\n          this.advance() // consume '}'\n        }\n      }\n    }\n\n    const result: ConditionalNode = {\n      type: 'Conditional',\n      condition,\n      thenBody,\n      loc: {\n        start,\n        end: this.currentPosition(),\n        source: this.filename,\n      },\n    }\n\n    if (elseBody !== undefined) {\n      result.elseBody = elseBody\n    }\n\n    return result\n  }\n\n  /**\n   * Parse ForEach loops for list rendering\n   */\n  private parseForEach(start: { line: number; column: number; offset: number }): ForEachNode {\n    // 'ForEach' already consumed by match()\n    this.skipWhitespace()\n\n    if (this.peek() !== '(') {\n      throw new Error(`Expected '(' after ForEach at line ${this.line}`)\n    }\n    this.advance() // consume '('\n    this.skipWhitespace()\n\n    // Parse iterable expression\n    const iterable = this.parseComplexExpression()\n    if (!iterable) {\n      throw new Error(`Expected iterable expression in ForEach at line ${this.line}`)\n    }\n\n    this.skipWhitespace()\n    if (this.peek() === ',') {\n      this.advance() // consume ','\n      this.skipWhitespace()\n    }\n\n    // Parse item identifier (id: \\.self or id: \\.id)\n    if (this.match('id:')) {\n      this.skipWhitespace()\n      // Skip id specification for now\n      this.parseComplexExpression()\n    }\n\n    this.skipWhitespace()\n    if (this.peek() === ')') {\n      this.advance() // consume ')'\n    }\n\n    this.skipWhitespace()\n\n    // Parse closure parameter\n    let itemIdentifier = 'item'\n    if (this.peek() === '{') {\n      this.advance() // consume '{'\n      this.skipWhitespace()\n\n      // Look for closure parameter (item in { item in ... })\n      const savedPos = this.position\n      const identifier = this.parseIdentifier()\n      if (identifier && this.match('in')) {\n        itemIdentifier = identifier\n      } else {\n        // Restore position if not a closure parameter\n        this.position = savedPos\n      }\n    }\n\n    // Parse body\n    const body: ASTNode[] = []\n    while (!this.isAtEnd() && this.peek() !== '}') {\n      const node = this.parseAdvancedNode()\n      if (node) {\n        body.push(node)\n      }\n      this.skipWhitespace()\n    }\n\n    if (this.peek() === '}') {\n      this.advance() // consume '}'\n    }\n\n    return {\n      type: 'ForEach',\n      iterable,\n      itemIdentifier,\n      body,\n      loc: {\n        start,\n        end: this.currentPosition(),\n        source: this.filename,\n      },\n    }\n  }\n\n  /**\n   * Parse property wrappers (@State, @Computed, etc.)\n   */\n  private parsePropertyWrapper(start: {\n    line: number\n    column: number\n    offset: number\n  }): PropertyWrapperNode {\n    this.advance() // consume '@'\n\n    const wrapperName = this.parseIdentifier()\n    if (!wrapperName || !['State', 'Computed', 'Effect'].includes(wrapperName)) {\n      throw new Error(`Unknown property wrapper @${wrapperName} at line ${this.line}`)\n    }\n\n    this.skipWhitespace()\n\n    // Parse variable declaration\n    const identifier = this.parseIdentifier()\n    if (!identifier) {\n      throw new Error(`Expected identifier after @${wrapperName} at line ${this.line}`)\n    }\n\n    // Parse optional initial value\n    let initialValue: Expression | undefined\n    this.skipWhitespace()\n    if (this.peek() === '=') {\n      this.advance() // consume '='\n      this.skipWhitespace()\n      const expr = this.parseComplexExpression()\n      if (expr) {\n        initialValue = expr\n      }\n    }\n\n    const result: PropertyWrapperNode = {\n      type: 'PropertyWrapper',\n      wrapper: wrapperName as 'State' | 'Computed' | 'Effect',\n      identifier,\n      loc: {\n        start,\n        end: this.currentPosition(),\n        source: this.filename,\n      },\n    }\n\n    if (initialValue !== undefined) {\n      result.initialValue = initialValue\n    }\n\n    return result\n  }\n\n  /**\n   * Parse state bindings ($variable)\n   */\n  private parseStateBinding(start: {\n    line: number\n    column: number\n    offset: number\n  }): StateBindingNode {\n    this.advance() // consume '$'\n\n    const identifier = this.parseIdentifier()\n    if (!identifier) {\n      throw new Error(`Expected identifier after '$' at line ${this.line}`)\n    }\n\n    return {\n      type: 'StateBinding',\n      identifier,\n      loc: {\n        start,\n        end: this.currentPosition(),\n        source: this.filename,\n      },\n    }\n  }\n\n  /**\n   * Parse enhanced components with complex modifier chains\n   */\n  private parseEnhancedComponent(start: {\n    line: number\n    column: number\n    offset: number\n  }): ComponentNode {\n    const name = this.parseIdentifier()!\n    this.skipWhitespace()\n\n    const children: ASTNode[] = []\n    const modifiers: ModifierNode[] = []\n\n    // Parse component content (arguments or body)\n    if (this.peek() === '(') {\n      // Component with arguments\n      this.advance() // consume '('\n      this.skipWhitespace()\n\n      while (!this.isAtEnd() && this.peek() !== ')') {\n        const arg = this.parseComplexExpression()\n        if (arg) {\n          children.push(arg)\n        }\n\n        this.skipWhitespace()\n        if (this.peek() === ',') {\n          this.advance() // consume ','\n          this.skipWhitespace()\n        }\n      }\n\n      if (this.peek() === ')') {\n        this.advance() // consume ')'\n      }\n    } else if (this.peek() === '{') {\n      // Component with body\n      this.advance() // consume '{'\n      this.skipWhitespace()\n\n      while (!this.isAtEnd() && this.peek() !== '}') {\n        const child = this.parseAdvancedNode()\n        if (child) {\n          children.push(child)\n        }\n        this.skipWhitespace()\n      }\n\n      if (this.peek() === '}') {\n        this.advance() // consume '}'\n      }\n    }\n\n    // Parse complex modifier chains\n    this.skipWhitespace()\n    while (this.peek() === '.') {\n      const modifier = this.parseAdvancedModifier()\n      if (modifier) {\n        modifiers.push(modifier)\n      }\n      this.skipWhitespace()\n    }\n\n    return {\n      type: 'Component',\n      name,\n      children,\n      modifiers,\n      loc: {\n        start,\n        end: this.currentPosition(),\n        source: this.filename,\n      },\n    }\n  }\n\n  /**\n   * Parse advanced modifiers with complex expressions\n   */\n  private parseAdvancedModifier(): ModifierNode | null {\n    if (this.peek() !== '.') return null\n\n    const start = this.currentPosition()\n    this.advance() // consume '.'\n\n    const name = this.parseIdentifier()\n    if (!name) return null\n\n    const args: Expression[] = []\n\n    // Parse modifier arguments with complex expressions\n    if (this.peek() === '(') {\n      this.advance() // consume '('\n      this.skipWhitespace()\n\n      while (!this.isAtEnd() && this.peek() !== ')') {\n        const arg = this.parseComplexExpression()\n        if (arg) {\n          args.push(arg)\n        }\n\n        this.skipWhitespace()\n        if (this.peek() === ',') {\n          this.advance() // consume ','\n          this.skipWhitespace()\n        }\n      }\n\n      if (this.peek() === ')') {\n        this.advance() // consume ')'\n      }\n    }\n\n    return {\n      type: 'Modifier',\n      name,\n      arguments: args,\n      loc: {\n        start,\n        end: this.currentPosition(),\n        source: this.filename,\n      },\n    }\n  }\n\n  /**\n   * Parse complex expressions including function calls, property access, etc.\n   */\n  private parseComplexExpression(): Expression | null {\n    this.skipWhitespace()\n    const start = this.currentPosition()\n\n    // String literals\n    if (this.peek() === '\"' || this.peek() === \"'\") {\n      return this.parseStringLiteral(start)\n    }\n\n    // Number literals\n    if (this.isDigit(this.peek())) {\n      return this.parseNumberLiteral(start)\n    }\n\n    // Boolean and null literals\n    if (this.match('true') || this.match('false') || this.match('null')) {\n      const value = this.code.slice(start.offset, this.position)\n      return {\n        type: 'Literal',\n        value: value === 'true' ? true : value === 'false' ? false : null,\n        raw: value,\n        loc: {\n          start,\n          end: this.currentPosition(),\n          source: this.filename,\n        },\n      } as LiteralExpression\n    }\n\n    // Function calls and identifiers\n    const identifier = this.parseIdentifier()\n    if (identifier) {\n      this.skipWhitespace()\n\n      // Check for function call\n      if (this.peek() === '(') {\n        return this.parseFunctionCall(identifier, start)\n      }\n\n      // Check for property access\n      if (this.peek() === '.') {\n        return this.parsePropertyAccess(identifier, start)\n      }\n\n      // Simple identifier\n      return {\n        type: 'Identifier',\n        name: identifier,\n        loc: {\n          start,\n          end: this.currentPosition(),\n          source: this.filename,\n        },\n      } as Expression\n    }\n\n    // Array literals\n    if (this.peek() === '[') {\n      return this.parseArrayLiteral(start)\n    }\n\n    return null\n  }\n\n  /**\n   * Parse function calls with arguments\n   */\n  private parseFunctionCall(\n    name: string,\n    start: { line: number; column: number; offset: number }\n  ): Expression {\n    this.advance() // consume '('\n    this.skipWhitespace()\n\n    const args: Expression[] = []\n\n    while (!this.isAtEnd() && this.peek() !== ')') {\n      const arg = this.parseComplexExpression()\n      if (arg) {\n        args.push(arg)\n      }\n\n      this.skipWhitespace()\n      if (this.peek() === ',') {\n        this.advance() // consume ','\n        this.skipWhitespace()\n      }\n    }\n\n    if (this.peek() === ')') {\n      this.advance() // consume ')'\n    }\n\n    return {\n      type: 'CallExpression',\n      callee: { type: 'Identifier', name },\n      arguments: args,\n      loc: {\n        start,\n        end: this.currentPosition(),\n        source: this.filename,\n      },\n    } as Expression\n  }\n\n  /**\n   * Parse property access (obj.prop)\n   */\n  private parsePropertyAccess(\n    object: string,\n    start: { line: number; column: number; offset: number }\n  ): Expression {\n    let current = object\n\n    while (this.peek() === '.') {\n      this.advance() // consume '.'\n      const property = this.parseIdentifier()\n      if (property) {\n        current = `${current}.${property}`\n      }\n    }\n\n    return {\n      type: 'MemberExpression',\n      object: object,\n      property: current.split('.').slice(1).join('.'),\n      loc: {\n        start,\n        end: this.currentPosition(),\n        source: this.filename,\n      },\n    } as Expression\n  }\n\n  /**\n   * Parse array literals [1, 2, 3]\n   */\n  private parseArrayLiteral(start: { line: number; column: number; offset: number }): Expression {\n    this.advance() // consume '['\n    this.skipWhitespace()\n\n    const elements: Expression[] = []\n\n    while (!this.isAtEnd() && this.peek() !== ']') {\n      const element = this.parseComplexExpression()\n      if (element) {\n        elements.push(element)\n      }\n\n      this.skipWhitespace()\n      if (this.peek() === ',') {\n        this.advance() // consume ','\n        this.skipWhitespace()\n      }\n    }\n\n    if (this.peek() === ']') {\n      this.advance() // consume ']'\n    }\n\n    return {\n      type: 'ArrayExpression',\n      elements,\n      loc: {\n        start,\n        end: this.currentPosition(),\n        source: this.filename,\n      },\n    } as Expression\n  }\n\n  // Helper methods (reuse from basic parser with enhancements)\n  private parseStringLiteral(start: {\n    line: number\n    column: number\n    offset: number\n  }): LiteralExpression {\n    const quote = this.peek()\n    this.advance() // consume opening quote\n\n    let value = ''\n\n    while (!this.isAtEnd() && this.peek() !== quote) {\n      if (this.peek() === '\\\\') {\n        this.advance() // consume backslash\n        const escaped = this.peek()\n        switch (escaped) {\n          case 'n':\n            value += '\\n'\n            break\n          case 't':\n            value += '\\t'\n            break\n          case 'r':\n            value += '\\r'\n            break\n          case '\\\\':\n            value += '\\\\'\n            break\n          case '\"':\n            value += '\"'\n            break\n          case \"'\":\n            value += \"'\"\n            break\n          default:\n            value += escaped\n            break\n        }\n        this.advance()\n      } else {\n        value += this.peek()\n        this.advance()\n      }\n    }\n\n    if (this.peek() === quote) {\n      this.advance() // consume closing quote\n    }\n\n    return {\n      type: 'Literal',\n      value,\n      raw: this.code.slice(start.offset, this.position),\n      loc: {\n        start,\n        end: this.currentPosition(),\n        source: this.filename,\n      },\n    }\n  }\n\n  private parseNumberLiteral(start: {\n    line: number\n    column: number\n    offset: number\n  }): LiteralExpression {\n    let numStr = ''\n\n    while (!this.isAtEnd() && (this.isDigit(this.peek()) || this.peek() === '.')) {\n      numStr += this.peek()\n      this.advance()\n    }\n\n    const value = numStr.includes('.') ? parseFloat(numStr) : parseInt(numStr, 10)\n\n    return {\n      type: 'Literal',\n      value,\n      raw: numStr,\n      loc: {\n        start,\n        end: this.currentPosition(),\n        source: this.filename,\n      },\n    }\n  }\n\n  private parseIdentifier(): string | null {\n    if (!this.isAlpha(this.peek()) && this.peek() !== '_') {\n      return null\n    }\n\n    let identifier = ''\n\n    while (!this.isAtEnd() && (this.isAlphaNumeric(this.peek()) || this.peek() === '_')) {\n      identifier += this.peek()\n      this.advance()\n    }\n\n    return identifier\n  }\n\n  // Utility methods\n  private isComponentStart(): boolean {\n    const savedPos = this.position\n    const savedLine = this.line\n    const savedColumn = this.column\n\n    const identifier = this.parseIdentifier()\n\n    // Always restore position\n    this.position = savedPos\n    this.line = savedLine\n    this.column = savedColumn\n\n    const components = [\n      'VStack',\n      'HStack',\n      'ZStack',\n      'List',\n      'Form',\n      'NavigationStack',\n      'Text',\n      'Button',\n      'Image',\n      'TextField',\n      'Toggle',\n      'Slider',\n      'ScrollView',\n      'LazyVStack',\n      'LazyHStack',\n    ]\n\n    return identifier ? components.includes(identifier) : false\n  }\n\n  private match(expected: string): boolean {\n    if (this.code.slice(this.position, this.position + expected.length) === expected) {\n      this.position += expected.length\n      this.column += expected.length\n      return true\n    }\n    return false\n  }\n\n  private skipWhitespace(): void {\n    while (!this.isAtEnd() && this.isWhitespace(this.peek())) {\n      if (this.peek() === '\\n') {\n        this.line++\n        this.column = 1\n      } else {\n        this.column++\n      }\n      this.position++\n    }\n  }\n\n  private peek(): string {\n    return this.isAtEnd() ? '\\0' : this.code[this.position]\n  }\n\n  private advance(): string {\n    const char = this.peek()\n    if (!this.isAtEnd()) {\n      this.position++\n      if (char === '\\n') {\n        this.line++\n        this.column = 1\n      } else {\n        this.column++\n      }\n    }\n    return char\n  }\n\n  private isAtEnd(): boolean {\n    return this.position >= this.code.length\n  }\n\n  private isWhitespace(char: string): boolean {\n    return /\\s/.test(char)\n  }\n\n  private isAlpha(char: string): boolean {\n    return /[a-zA-Z]/.test(char)\n  }\n\n  private isDigit(char: string): boolean {\n    return /[0-9]/.test(char)\n  }\n\n  private isAlphaNumeric(char: string): boolean {\n    return this.isAlpha(char) || this.isDigit(char)\n  }\n\n  private currentPosition() {\n    return {\n      line: this.line,\n      column: this.column,\n      offset: this.position,\n    }\n  }\n}\n\n/**\n * Enhanced parsing function using the advanced parser\n */\nexport function parseAdvancedSwiftUISyntax(code: string, filename: string): ASTNode[] {\n  const parser = new AdvancedSwiftUIParser(code, filename)\n  return parser.parse()\n}\n"],"names":["AdvancedSwiftUIParser","code","filename","__publicField","nodes","node","start","initialPosition","condition","thenBody","elseBody","result","iterable","itemIdentifier","savedPos","identifier","body","wrapperName","initialValue","expr","name","children","modifiers","arg","child","modifier","args","value","object","current","property","elements","element","quote","escaped","numStr","savedLine","savedColumn","expected","char","parseAdvancedSwiftUISyntax"],"mappings":"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"}

package/dist/compiler/codegen.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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 h(s,e={}){return new l(e).generate(s)}class l{constructor(e){o(this,"options"),o(this,"imports",new Set),o(this,"variables",[]),o(this,"code",[]),o(this,"indentLevel",0),this.options=e}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}}generateNode(e){switch(e.type){case"Component":this.generateComponent(e);break}}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}}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()}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()}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()}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()}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()}generateStackClasses(e){switch(e){case"VStack":return"flex flex-col";case"HStack":return"flex flex-row";case"ZStack":return"relative";default:return"flex"}}generateModifierStyles(e){const t=[];return e.forEach(n=>{const i=this.convertModifierToStyle(n);i&&t.push(i)}),t}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}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}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}}exports.generateDOMCode=h;
+//# sourceMappingURL=codegen.cjs.map

package/dist/compiler/codegen.cjs.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,20 @@
+/**
+ * DOM Code Generator
+ *
+ * Generates reactive DOM code from SwiftUI AST nodes.
+ * This transforms the parsed AST into efficient JavaScript code that uses
+ * TachUI's reactive system for fine-grained DOM updates.
+ */
+import type { ASTNode, TransformOptions } from './types';
+export interface CodegenResult {
+    code: string;
+    map?: any;
+}
+export interface CodegenOptions extends TransformOptions {
+    sourceFile?: string;
+}
+/**
+ * Generate reactive DOM code from SwiftUI AST
+ */
+export declare function generateDOMCode(nodes: ASTNode[], options?: CodegenOptions): CodegenResult;
+//# sourceMappingURL=codegen.d.ts.map

package/dist/compiler/codegen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"codegen.d.ts","sourceRoot":"","sources":["../../src/compiler/codegen.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EACV,OAAO,EAMP,gBAAgB,EACjB,MAAM,SAAS,CAAA;AAEhB,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,GAAG,CAAA;CACV;AAED,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,OAAO,GAAE,cAAmB,GAAG,aAAa,CAG7F"}

package/dist/compiler/codegen.js

@@ -0,0 +1,241 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,6 @@
+"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

@@ -0,0 +1 @@
+{"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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"}