@uibit/codegen 0.1.0 → 0.2.0

package/dist/templates/angular.js

@@ -1,4 +1,6 @@
-import { SourceBuilder, mergePropertiesAndAttributes, generateTypeImports, toCamelCase } from '../core/utils.js';
+import { mergePropertiesAndAttributes, generateTypeImports, toCamelCase, sanitizeEventType, isEventAssociatedWithProp } from '../core/utils.js';
+import { parseModule, parseClassMembers, extractStatementsFromArrow, findClassDeclaration } from '../core/swc.js';
+import swc from '@swc/core';
 export const angularPlugin = {
     name: 'angular',
     generate(component) {
@@ -8,185 +10,214 @@ export const angularPlugin = {
         };
     }
 };
+// ==========================================
+// Standalone Code Templates (Separation of Concerns)
+// ==========================================
+const BASE_COMPONENT_TEMPLATE = `
+  // IMPORTS_PLACEHOLDER
+
+  @Component({
+    selector: 'SELECTOR_PLACEHOLDER',
+    template: '<ng-content></ng-content>',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true
+    // DECORATOR_METADATA_PLACEHOLDER
+  })
+  export class CLASS_NAME_PLACEHOLDER {
+    constructor(private el: ElementRef<HTMLElementClass>) {}
+  }
+`;
+const CVA_METHODS_TEMPLATE = `
+  private _onChange: (value: any) => void = () => {};
+  private _onTouched: () => void = () => {};
+
+  writeValue(value: any): void {
+    if (value !== undefined) {
+      this.value.set(value);
+    }
+  }
+
+  registerOnChange(fn: any): void {
+    this._onChange = fn;
+  }
+
+  registerOnTouched(fn: any): void {
+    this._onTouched = fn;
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    const el = this.el.nativeElement;
+    if ('disabled' in el) {
+      (el as any).disabled = isDisabled;
+    }
+    if (isDisabled) {
+      el.setAttribute('disabled', '');
+    } else {
+      el.removeAttribute('disabled');
+    }
+  }
+
+  handleInput(event: any) {
+    const val = event.target.value;
+    this.value.set(val);
+    this._onChange(val);
+  }
+
+  handleBlur() {
+    this._onTouched();
+  }
+`;
 class AngularComponentGenerator {
     constructor(component) {
         this.component = component;
         this.propMap = mergePropertiesAndAttributes(component.properties, component.attributes);
         this.isFormAssociated = component.formAssociated || false;
     }
-    build() {
-        return new SourceBuilder()
-            .append(this.generateImports())
-            .append(this.generateClass())
-            .toString();
+    isModelProp(name) {
+        if (name === 'value')
+            return true;
+        return this.component.events.some(e => isEventAssociatedWithProp(this.component, e.name, name));
     }
-    generateImports() {
-        const angularImports = [
-            'Component',
-            'ChangeDetectionStrategy',
-            'ElementRef'
-        ];
-        if (this.propMap.size > 0) {
-            angularImports.push('input', 'effect');
+    generatePropertySignal(name, type) {
+        const originalProp = this.component.properties.find(p => p.name === name);
+        const defaultVal = originalProp?.default !== undefined ? originalProp.default : 'undefined';
+        if (this.isModelProp(name)) {
+            return `readonly ${name} = model<${type}>(${defaultVal});`;
         }
-        if (this.component.events.length > 0) {
-            angularImports.push('output');
+        if (type.includes('boolean')) {
+            return `readonly ${name} = input<${type}, any>(${defaultVal}, { transform: booleanAttribute });`;
+        }
+        if (type.includes('number')) {
+            return `readonly ${name} = input<${type}, any>(${defaultVal}, { transform: numberAttribute });`;
         }
+        return `readonly ${name} = input<${type}>(${defaultVal});`;
+    }
+    generateOutputProperty(e) {
+        const camel = toCamelCase(e.name);
+        const eventType = `CustomEvent<${sanitizeEventType(e.type?.text)}>`;
+        return `readonly ${camel} = output<${eventType}>();`;
+    }
+    build() {
+        const name = this.component.name;
+        const className = `Ngx${name}`;
+        const importPath = this.component.importPath || '../../index.js';
+        const typeImports = generateTypeImports(this.component.referencedTypes, importPath);
+        const isFormAssociated = this.isFormAssociated;
+        // Collect imports dynamically
+        const angularImports = ['Component', 'ChangeDetectionStrategy', 'ElementRef'];
+        const hasModels = Array.from(this.propMap.keys()).some(k => this.isModelProp(k));
+        const hasInputs = Array.from(this.propMap.keys()).some(k => !this.isModelProp(k));
+        if (hasModels)
+            angularImports.push('model');
+        if (hasInputs)
+            angularImports.push('input');
+        if (this.propMap.size > 0)
+            angularImports.push('effect');
+        if (this.component.events.length > 0)
+            angularImports.push('output');
         const hasBoolean = Array.from(this.propMap.values()).some(t => t.includes('boolean'));
         const hasNumber = Array.from(this.propMap.values()).some(t => t.includes('number'));
-        if (hasBoolean) {
+        if (hasBoolean)
             angularImports.push('booleanAttribute');
-        }
-        if (hasNumber) {
+        if (hasNumber)
             angularImports.push('numberAttribute');
-        }
-        if (this.isFormAssociated) {
+        if (isFormAssociated)
             angularImports.push('forwardRef');
+        // Build decorator metadata additions (providers and host)
+        let decoratorAdditions = '';
+        if (isFormAssociated) {
+            decoratorAdditions += `,
+        providers: [
+          {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => ${className}),
+            multi: true
+          }
+          ]`;
         }
-        const importPath = this.component.importPath || '../../index.js';
-        return [
-            `import { ${angularImports.join(', ')} } from '@angular/core';`,
-            this.isFormAssociated ? `import { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';` : '',
-            `import '${importPath}';`,
-            `import type { ${this.component.name} as HTMLElementClass } from '${importPath}';`,
-            generateTypeImports(this.component.referencedTypes, importPath)
-        ].filter(Boolean).join('\n');
-    }
-    generateClass() {
-        const name = this.component.name;
-        const providers = this.generateProviders();
-        const implementsClause = this.isFormAssociated ? ' implements ControlValueAccessor' : '';
-        // Build host bindings safely without duplicate keys
+        // Build host event bindings
         const hostBindings = {};
         for (const e of this.component.events) {
             const camel = toCamelCase(e.name);
-            hostBindings[`(${e.name})`] = [`${camel}.emit($event)`];
-        }
-        if (this.isFormAssociated) {
-            hostBindings['(blur)'] = ['handleBlur()'];
-            if (!hostBindings['(change)'])
-                hostBindings['(change)'] = [];
-            hostBindings['(change)'].push('handleInput()');
-            if (!hostBindings['(input)'])
-                hostBindings['(input)'] = [];
-            hostBindings['(input)'].push('handleInput()');
-            for (const e of this.component.events) {
-                const key = `(${e.name})`;
-                const bindings = hostBindings[key] ?? [];
-                hostBindings[key] = bindings;
-                bindings.push('handleInput()');
+            const actions = [`${camel}.emit($event)`];
+            // Find if this event is associated with any class property
+            const matchedPropName = Array.from(this.propMap.keys()).find(propName => {
+                return isEventAssociatedWithProp(this.component, e.name, propName);
+            });
+            if (matchedPropName) {
+                const isPrimitiveEvent = e.payloadKeys === undefined || e.payloadKeys.length === 0;
+                const targetValue = isPrimitiveEvent
+                    ? `$event.target.${matchedPropName}`
+                    : `$event.detail?.${matchedPropName} !== undefined ? $event.detail.${matchedPropName} : $event.target.${matchedPropName}`;
+                actions.push(`${matchedPropName}.set(${targetValue})`);
+                if (isFormAssociated && matchedPropName === 'value') {
+                    actions.push('handleInput($event)');
+                }
             }
+            hostBindings[`(${e.name})`] = actions;
         }
+        // No hardcoded bindings for form association; all bindings are manifest-driven.
         const hostLines = Object.entries(hostBindings).map(([eventKey, actions]) => {
             return `'${eventKey}': '${actions.join('; ')}'`;
         });
-        const hostAttr = hostLines.length > 0 ? `,\n  host: {\n    ${hostLines.join(',\n    ')}\n  }` : '';
-        const inputsCode = this.generateInputs();
-        const outputsCode = this.generateOutputs();
-        const effectCode = this.generateEffect();
-        const formCode = this.generateFormMethods();
-        const constructorBody = [effectCode].filter(Boolean).join('\n');
-        return `@Component({
-  selector: '${this.component.tagName}',
-  template: '<ng-content></ng-content>',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  standalone: true${providers}${hostAttr}
-})
-export class Ngx${name}${implementsClause} {
-  constructor(private el: ElementRef<HTMLElementClass>) {
-${constructorBody}
-  }
-
-${[inputsCode, outputsCode, formCode].filter(Boolean).join('\n\n')}
-}`;
-    }
-    generateProviders() {
-        if (!this.isFormAssociated)
-            return '';
-        return `,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => Ngx${this.component.name}),\n      multi: true\n    }\n  ]`;
-    }
-    generateInputs() {
-        return Array.from(this.propMap.entries())
-            .map(([name, type]) => {
-            const originalProp = this.component.properties.find(p => p.name === name);
-            const hasDefault = originalProp && originalProp.default !== undefined;
-            let defaultVal = 'undefined';
-            if (hasDefault) {
-                defaultVal = originalProp.default;
-            }
-            else if (type.includes('boolean')) {
-                defaultVal = 'false';
-            }
-            else if (type.includes('number')) {
-                defaultVal = '0';
-            }
-            else if (type.includes('string')) {
-                defaultVal = '\'\'';
-            }
-            const isBoolean = type.includes('boolean');
-            const isNumber = type.includes('number');
-            let options = '';
-            if (isBoolean) {
-                options = `, { transform: booleanAttribute }`;
-            }
-            else if (isNumber) {
-                options = `, { transform: numberAttribute }`;
-            }
-            return `  readonly ${name} = input<${type}, any>(${defaultVal}${options});`;
-        })
-            .join('\n');
-    }
-    generateOutputs() {
-        return this.component.events
-            .map(e => {
-            const camel = toCamelCase(e.name);
-            const eventType = e.type?.text ? `CustomEvent<${e.type.text}>` : 'CustomEvent<any>';
-            return `  readonly ${camel} = output<${eventType}>();`;
-        })
+        if (hostLines.length > 0) {
+            decoratorAdditions += `,
+        host: {
+          ${hostLines.join(',\n')}
+        }`;
+        }
+        // 1. Interpolate and parse the base component wrapper AST
+        const implementsClause = isFormAssociated ? ' implements ControlValueAccessor' : '';
+        const baseSource = BASE_COMPONENT_TEMPLATE
+            .replace('// IMPORTS_PLACEHOLDER', `
+        import { ${angularImports.join(', ')} } from '@angular/core';
+        ${isFormAssociated ? `import { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';` : ''}
+        import '${importPath}';
+        import type { ${name} as HTMLElementClass } from '${importPath}';
+        ${typeImports}
+      `)
+            .replace('// DECORATOR_METADATA_PLACEHOLDER', decoratorAdditions)
+            .replace('SELECTOR_PLACEHOLDER', this.component.tagName)
+            .replace('CLASS_NAME_PLACEHOLDER', `${className}${implementsClause}`);
+        const moduleAst = parseModule(baseSource);
+        const classDecl = findClassDeclaration(moduleAst);
+        // 2. Generate and graft reactive properties (inputs/outputs/models)
+        const propertiesSource = Array.from(this.propMap.entries())
+            .map(([propName, type]) => this.generatePropertySignal(propName, type))
             .join('\n');
-    }
-    generateEffect() {
-        if (this.propMap.size === 0)
-            return '';
-        return Array.from(this.propMap.keys())
-            .map(name => {
-            return `    effect(() => {
-      if (this.el.nativeElement) {
-        this.el.nativeElement.${name} = this.${name}();
-      }
-    });`;
-        })
+        const outputsSource = this.component.events
+            .map(e => this.generateOutputProperty(e))
             .join('\n');
-    }
-    generateFormMethods() {
-        if (!this.isFormAssociated)
-            return '';
-        return `  private _onChange: (value: any) => void = () => {};
-  private _onTouched: () => void = () => {};
-
-  writeValue(value: any): void {
-    this.el.nativeElement.value = value;
-  }
-
-  registerOnChange(fn: any): void {
-    this._onChange = fn;
-  }
-
-  registerOnTouched(fn: any): void {
-    this._onTouched = fn;
-  }
-
-  setDisabledState(isDisabled: boolean): void {
-    this.el.nativeElement.disabled = isDisabled;
-  }
-
-  handleInput() {
-    this._onChange(this.el.nativeElement.value);
-  }
-
-  handleBlur() {
-    this._onTouched();
-  }`;
+        classDecl.body.push(...parseClassMembers(propertiesSource));
+        classDecl.body.push(...parseClassMembers(outputsSource));
+        // 3. Graft ControlValueAccessor methods if form-associated
+        if (isFormAssociated) {
+            classDecl.body.push(...parseClassMembers(CVA_METHODS_TEMPLATE));
+        }
+        // 4. Graft effects into Constructor
+        const constructorNode = classDecl.body.find((n) => n.type === 'Constructor');
+        if (this.propMap.size > 0 && constructorNode) {
+            const effectsSource = Array.from(this.propMap.keys())
+                .map(propName => {
+                return `effect(() => {
+            if (this.el.nativeElement) {
+              this.el.nativeElement.${propName} = this.${propName}();
+            }
+          });`;
+            })
+                .join('\n');
+            const statements = extractStatementsFromArrow(effectsSource);
+            constructorNode.body.stmts.push(...statements);
+        }
+        // 5. Print the completed, compiler-validated AST
+        try {
+            const output = swc.printSync(moduleAst, { minify: false });
+            return output.code;
+        }
+        catch (e) {
+            console.error(`Error: Failed to parse and print generated AST for ${name}:`, e);
+            throw e;
+        }
     }
 }
 //# sourceMappingURL=angular.js.map

package/dist/templates/angular.js.map

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

package/dist/templates/astro.js

@@ -1,4 +1,4 @@
-import { SourceBuilder } from '../core/utils.js';
+import { SourceBuilder, mergePropertiesAndAttributes, generateTypeImports, sanitizeEventType } from '../core/utils.js';
 export const astroPlugin = {
     name: 'astro',
     generate(component) {
@@ -7,17 +7,30 @@ export const astroPlugin = {
         };
     }
 };
-function renderAstroImports(name, importPath) {
+function renderAstroImports(name, referencedTypes, importPath) {
     return [
         `import type { ${name} as HTMLElementClass } from '${importPath}';`,
-        `import '${importPath}';`
-    ].join('\n');
+        `import '${importPath}';`,
+        generateTypeImports(referencedTypes, importPath)
+    ].filter(Boolean).join('\n');
 }
-function renderAstroGlobalDeclaration(tagName) {
+function renderAstroGlobalDeclaration(component) {
+    const { tagName, properties, attributes, events = [] } = component;
+    const propMap = mergePropertiesAndAttributes(properties, attributes);
+    const propTypes = Array.from(propMap.entries()).map(([propName, propType]) => {
+        return `      ${propName}?: ${propType};`;
+    }).join('\n');
+    const eventTypes = events.map(e => {
+        const detailType = e.type?.text ? `CustomEvent<${sanitizeEventType(e.type.text)}>` : `Event`;
+        return `      "on:${e.name}"?: (event: ${detailType}) => void;`;
+    }).join('\n');
     return `declare global {
   namespace astroHTML.JSX {
     interface IntrinsicElements {
-      '${tagName}': Partial<HTMLElementClass> & astroHTML.JSX.HTMLAttributes;
+      '${tagName}': Partial<HTMLElementClass> & astroHTML.JSX.HTMLAttributes & {
+${propTypes}
+${eventTypes}
+      };
     }
   }
 }`;
@@ -25,8 +38,8 @@ function renderAstroGlobalDeclaration(tagName) {
 function buildDTS(component) {
     const importPath = component.importPath || '../../index.js';
     return new SourceBuilder()
-        .append(renderAstroImports(component.name, importPath))
-        .append(renderAstroGlobalDeclaration(component.tagName))
+        .append(renderAstroImports(component.name, component.referencedTypes, importPath))
+        .append(renderAstroGlobalDeclaration(component))
         .toString();
 }
 //# sourceMappingURL=astro.js.map

package/dist/templates/astro.js.map

@@ -1 +1 @@
-{"version":3,"file":"astro.js","sourceRoot":"","sources":["../../src/templates/astro.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,OAAO;IACb,QAAQ,CAAC,SAA4B;QACnC,OAAO;YACL,YAAY,EAAE,QAAQ,CAAC,SAAS,CAAC;SAClC,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,SAAS,kBAAkB,CAAC,IAAY,EAAE,UAAkB;IAC1D,OAAO;QACL,iBAAiB,IAAI,gCAAgC,UAAU,IAAI;QACnE,WAAW,UAAU,IAAI;KAC1B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACf,CAAC;AAED,SAAS,4BAA4B,CAAC,OAAe;IACnD,OAAO;;;SAGA,OAAO;;;EAGd,CAAC;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,SAA4B;IAC5C,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,IAAI,gBAAgB,CAAC;IAC5D,OAAO,IAAI,aAAa,EAAE;SACvB,MAAM,CAAC,kBAAkB,CAAC,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;SACtD,MAAM,CAAC,4BAA4B,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;SACvD,QAAQ,EAAE,CAAC;AAChB,CAAC"}
+{"version":3,"file":"astro.js","sourceRoot":"","sources":["../../src/templates/astro.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,4BAA4B,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEvH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,OAAO;IACb,QAAQ,CAAC,SAA4B;QACnC,OAAO;YACL,YAAY,EAAE,QAAQ,CAAC,SAAS,CAAC;SAClC,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,SAAS,kBAAkB,CAAC,IAAY,EAAE,eAAyB,EAAE,UAAkB;IACrF,OAAO;QACL,iBAAiB,IAAI,gCAAgC,UAAU,IAAI;QACnE,WAAW,UAAU,IAAI;QACzB,mBAAmB,CAAC,eAAe,EAAE,UAAU,CAAC;KACjD,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC;AAED,SAAS,4BAA4B,CAAC,SAA4B;IAChE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,SAAS,CAAC;IACnE,MAAM,OAAO,GAAG,4BAA4B,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAErE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,EAAE;QAC3E,OAAO,SAAS,QAAQ,MAAM,QAAQ,GAAG,CAAC;IAC5C,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QAChC,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,eAAe,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC;QAC7F,OAAO,aAAa,CAAC,CAAC,IAAI,eAAe,UAAU,YAAY,CAAC;IAClE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,OAAO;;;SAGA,OAAO;EACd,SAAS;EACT,UAAU;;;;EAIV,CAAC;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,SAA4B;IAC5C,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,IAAI,gBAAgB,CAAC;IAC5D,OAAO,IAAI,aAAa,EAAE;SACvB,MAAM,CAAC,kBAAkB,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;SACjF,MAAM,CAAC,4BAA4B,CAAC,SAAS,CAAC,CAAC;SAC/C,QAAQ,EAAE,CAAC;AAChB,CAAC"}

package/dist/templates/preact.js

@@ -1,4 +1,4 @@
-import { SourceBuilder, mergePropertiesAndAttributes, generateTypeImports } from '../core/utils.js';
+import { SourceBuilder, mergePropertiesAndAttributes, generateTypeImports, toReactEventName, sanitizeEventType } from '../core/utils.js';
 export const preactPlugin = {
     name: 'preact',
     generate(component) {
@@ -8,7 +8,7 @@ export const preactPlugin = {
     }
 };
 function buildDTS(component) {
-    const { name, tagName, properties, attributes, referencedTypes, importPath = '../../index.js' } = component;
+    const { name, tagName, properties, attributes, events = [], referencedTypes, importPath = '../../index.js' } = component;
     const builder = new SourceBuilder();
     builder.append(`import type { JSX } from 'preact';
 import type { ${name} as HTMLElementClass } from '${importPath}';
@@ -18,11 +18,17 @@ ${generateTypeImports(referencedTypes, importPath)}`);
     const propTypes = Array.from(propMap.entries()).map(([propName, propType]) => {
         return `      ${propName}?: ${propType};`;
     }).join('\n');
+    const eventTypes = events.map(e => {
+        const detailType = e.type?.text ? `CustomEvent<${sanitizeEventType(e.type.text)}>` : `Event`;
+        const reactName = toReactEventName(e.name);
+        return `      ${reactName}?: (event: ${detailType}) => void;\n      "on:${e.name}"?: (event: ${detailType}) => void;`;
+    }).join('\n');
     builder.append(`declare module 'preact' {
   namespace JSX {
     interface IntrinsicElements {
       '${tagName}': JSX.HTMLAttributes<HTMLElementClass> & {
 ${propTypes}
+${eventTypes}
       };
     }
   }

package/dist/templates/preact.js.map

@@ -1 +1 @@
-{"version":3,"file":"preact.js","sourceRoot":"","sources":["../../src/templates/preact.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,4BAA4B,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEpG,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,QAAQ;IACd,QAAQ,CAAC,SAA4B;QACnC,OAAO;YACL,YAAY,EAAE,QAAQ,CAAC,SAAS,CAAC;SAClC,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,SAAS,QAAQ,CAAC,SAA4B;IAC5C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,GAAG,gBAAgB,EAAE,GAAG,SAAS,CAAC;IAC5G,MAAM,OAAO,GAAG,IAAI,aAAa,EAAE,CAAC;IAEpC,OAAO,CAAC,MAAM,CAAC;gBACD,IAAI,gCAAgC,UAAU;UACpD,UAAU;EAClB,mBAAmB,CAAC,eAAe,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC;IAEpD,MAAM,OAAO,GAAG,4BAA4B,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACrE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,EAAE;QAC3E,OAAO,SAAS,QAAQ,MAAM,QAAQ,GAAG,CAAC;IAC5C,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,OAAO,CAAC,MAAM,CAAC;;;SAGR,OAAO;EACd,SAAS;;;;EAIT,CAAC,CAAC;IAEF,OAAO,OAAO,CAAC,QAAQ,EAAE,CAAC;AAC5B,CAAC"}
+{"version":3,"file":"preact.js","sourceRoot":"","sources":["../../src/templates/preact.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,4BAA4B,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEzI,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,QAAQ;IACd,QAAQ,CAAC,SAA4B;QACnC,OAAO;YACL,YAAY,EAAE,QAAQ,CAAC,SAAS,CAAC;SAClC,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,SAAS,QAAQ,CAAC,SAA4B;IAC5C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,GAAG,EAAE,EAAE,eAAe,EAAE,UAAU,GAAG,gBAAgB,EAAE,GAAG,SAAS,CAAC;IACzH,MAAM,OAAO,GAAG,IAAI,aAAa,EAAE,CAAC;IAEpC,OAAO,CAAC,MAAM,CAAC;gBACD,IAAI,gCAAgC,UAAU;UACpD,UAAU;EAClB,mBAAmB,CAAC,eAAe,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC;IAEpD,MAAM,OAAO,GAAG,4BAA4B,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACrE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,EAAE;QAC3E,OAAO,SAAS,QAAQ,MAAM,QAAQ,GAAG,CAAC;IAC5C,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QAChC,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,eAAe,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC;QAC7F,MAAM,SAAS,GAAG,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAC3C,OAAO,SAAS,SAAS,cAAc,UAAU,yBAAyB,CAAC,CAAC,IAAI,eAAe,UAAU,YAAY,CAAC;IACxH,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,OAAO,CAAC,MAAM,CAAC;;;SAGR,OAAO;EACd,SAAS;EACT,UAAU;;;;EAIV,CAAC,CAAC;IAEF,OAAO,OAAO,CAAC,QAAQ,EAAE,CAAC;AAC5B,CAAC"}

package/dist/templates/react.d.ts

@@ -2,7 +2,7 @@ import type { ComponentMetadata } from '../core/types.js';
 export declare const reactPlugin: {
     name: string;
     generate(component: ComponentMetadata): {
-        'index.d.ts': string;
+        'index.ts': string;
     };
 };
 //# sourceMappingURL=react.d.ts.map

package/dist/templates/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/templates/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAG1D,eAAO,MAAM,WAAW;IACtB,IAAI;IACJ,QAAQ,YAAY,iBAAiB;QAEjC,YAAY;;CAGjB,CAAC"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/templates/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAI1D,eAAO,MAAM,WAAW;IACtB,IAAI;IACJ,QAAQ,YAAY,iBAAiB;QAEjC,UAAU;;CAGf,CAAC"}