@sprlab/wccompiler 0.5.7 → 0.5.9

package/lib/codegen.js

@@ -1000,6 +1000,7 @@ export function generateComponent(parseResult, options = {}) {
     lines.push('        const clone = tpl.content.cloneNode(true);');
     lines.push('        const node = clone.firstChild;');
     lines.push(`        this.${vn}_anchor.parentNode.insertBefore(node, this.${vn}_anchor);`);
+    lines.push('        customElements.upgrade(node);');
     lines.push(`        this.${vn}_current = node;`);
     // Setup bindings/events for active branch (only if any branch has bindings/events)
     const hasSetup = ifBlock.branches.some(b =>
@@ -1066,7 +1067,7 @@ export function generateComponent(parseResult, options = {}) {
       lines.push('      for (const n of __oldMap.values()) n.remove();');
       lines.push('');
       lines.push('      // Reorder: insert all nodes in correct order before anchor');
-      lines.push(`      for (const n of __newNodes) this.${vn}_anchor.parentNode.insertBefore(n, this.${vn}_anchor);`);
+      lines.push(`      for (const n of __newNodes) { this.${vn}_anchor.parentNode.insertBefore(n, this.${vn}_anchor); customElements.upgrade(n); }`);
       lines.push('');
       lines.push(`      this.${vn}_nodes = __newNodes;`);
       lines.push(`      this.${vn}_keyMap = __newMap;`);
@@ -1083,6 +1084,7 @@ export function generateComponent(parseResult, options = {}) {
       generateItemSetup(lines, forBlock, itemVar, indexVar, propNames, signalNamesSet, computedNamesSet);
 
       lines.push(`        this.${vn}_anchor.parentNode.insertBefore(node, this.${vn}_anchor);`);
+      lines.push('        customElements.upgrade(node);');
       lines.push(`        this.${vn}_nodes.push(node);`);
       lines.push('      });');
       lines.push('    }));');
@@ -1093,7 +1095,7 @@ export function generateComponent(parseResult, options = {}) {
   for (const hook of onMountHooks) {
     const body = transformMethodBody(hook.body, signalNames, computedNames, propsObjectName, propNames, emitsObjectName, refVarNames, constantNames);
     if (hook.async) {
-      lines.push('    (async () => {');
+      lines.push('    ;(async () => {');
       const bodyLines = body.split('\n');
       for (const line of bodyLines) {
         lines.push(`      ${line}`);
@@ -1102,7 +1104,9 @@ export function generateComponent(parseResult, options = {}) {
     } else {
       const bodyLines = body.split('\n');
       for (const line of bodyLines) {
-        lines.push(`    ${line}`);
+        const trimmed = line.trimEnd();
+        const needsSemi = trimmed && !trimmed.endsWith(';') && !trimmed.endsWith('{') && !trimmed.endsWith('}');
+        lines.push(`    ${trimmed}${needsSemi ? ';' : ''}`);
       }
     }
   }
@@ -1119,7 +1123,7 @@ export function generateComponent(parseResult, options = {}) {
     for (const hook of onDestroyHooks) {
       const body = transformMethodBody(hook.body, signalNames, computedNames, propsObjectName, propNames, emitsObjectName, refVarNames, constantNames);
       if (hook.async) {
-        lines.push('    (async () => {');
+        lines.push('    ;(async () => {');
         const bodyLines = body.split('\n');
         for (const line of bodyLines) {
           lines.push(`      ${line}`);
@@ -1128,7 +1132,9 @@ export function generateComponent(parseResult, options = {}) {
       } else {
         const bodyLines = body.split('\n');
         for (const line of bodyLines) {
-          lines.push(`    ${line}`);
+          const trimmed = line.trimEnd();
+          const needsSemi = trimmed && !trimmed.endsWith(';') && !trimmed.endsWith('{') && !trimmed.endsWith('}');
+          lines.push(`    ${trimmed}${needsSemi ? ';' : ''}`);
         }
       }
     }
@@ -1250,7 +1256,15 @@ export function generateComponent(parseResult, options = {}) {
         } else if (b.type === 'computed') {
           lines.push(`      __effect(() => { ${b.varName}.textContent = this._c_${b.name}() ?? ''; });`);
         } else {
-          lines.push(`      __effect(() => { ${b.varName}.textContent = this._${b.name}() ?? ''; });`);
+          // method/expression type — check for props.x pattern
+          let ref;
+          if (propsObjectName && b.name.startsWith(propsObjectName + '.')) {
+            const propName = b.name.slice(propsObjectName.length + 1);
+            ref = `this._s_${propName}()`;
+          } else {
+            ref = transformExpr(b.name, signalNames, computedNames, propsObjectName, propNames, emitsObjectName, constantNames, methodNames);
+          }
+          lines.push(`      __effect(() => { ${b.varName}.textContent = ${ref} ?? ''; });`);
         }
       }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sprlab/wccompiler",
-  "version": "0.5.7",
+  "version": "0.5.9",
   "description": "Zero-runtime compiler that transforms .wcc single-file components into native web components with signals-based reactivity",
   "type": "module",
   "bin": {