@sprlab/wccompiler 0.5.8 → 0.5.10

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('    }));');
@@ -1254,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/lib/compiler.js

@@ -291,14 +291,31 @@ async function compileSFC(filePath, config) {
     }
   }
 
-  // 18. Resolve child component imports
+  // 18. Resolve child component imports (from main template + if branches + each blocks)
   /** @type {import('./types.js').ChildComponentImport[]} */
   const childImports = [];
-  if (childComponents.length > 0) {
-    const uniqueTags = [...new Set(childComponents.map(c => c.tag))];
+  const allChildTags = new Set(childComponents.map(c => c.tag));
+
+  // Collect child tags from if branches
+  for (const ifBlock of ifBlocks) {
+    for (const branch of ifBlock.branches) {
+      if (branch.childComponents) {
+        for (const cc of branch.childComponents) allChildTags.add(cc.tag);
+      }
+    }
+  }
+
+  // Collect child tags from each blocks
+  for (const forBlock of forBlocks) {
+    if (forBlock.childComponents) {
+      for (const cc of forBlock.childComponents) allChildTags.add(cc.tag);
+    }
+  }
+
+  if (allChildTags.size > 0) {
     const sourceDir = dirname(filePath);
 
-    for (const tag of uniqueTags) {
+    for (const tag of allChildTags) {
       const resolved = resolveChildComponent(tag, sourceDir, config);
       if (resolved) {
         childImports.push({ tag, importPath: resolved });

package/lib/tree-walker.js

@@ -432,7 +432,7 @@ function buildIfBlock(chain, parent, parentPath, idx, signalNames, computedNames
     const templateHtml = clone.outerHTML;
 
     // Process internal bindings/events via partial walk
-    const { bindings, events, showBindings, attrBindings, modelBindings, slots, processedHtml } = walkBranch(templateHtml, signalNames, computedNames, propNames);
+    const { bindings, events, showBindings, attrBindings, modelBindings, slots, childComponents, processedHtml } = walkBranch(templateHtml, signalNames, computedNames, propNames);
 
     return {
       type: branch.type,
@@ -444,6 +444,7 @@ function buildIfBlock(chain, parent, parentPath, idx, signalNames, computedNames
       attrBindings,
       modelBindings,
       slots,
+      childComponents,
     };
   });
 
@@ -762,7 +763,7 @@ export function processForBlocks(parent, parentPath, signalNames, computedNames,
         const templateHtml = clone.outerHTML;
 
         // Process internal bindings/events via partial walk
-        const { bindings, events, showBindings, attrBindings, modelBindings, slots, processedHtml } = walkBranch(templateHtml, signalNames, computedNames, propNames);
+        const { bindings, events, showBindings, attrBindings, modelBindings, slots, childComponents: forChildComponents, processedHtml } = walkBranch(templateHtml, signalNames, computedNames, propNames);
 
         // Replace the original element with a comment node <!-- each -->
         const doc = node.ownerDocument;
@@ -790,6 +791,7 @@ export function processForBlocks(parent, parentPath, signalNames, computedNames,
           attrBindings,
           modelBindings,
           slots,
+          childComponents: forChildComponents,
         });
       } else {
         // Recurse into non-each elements to find nested each

package/package.json

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