@sprlab/wccompiler 0.5.13 → 0.5.14

package/lib/tree-walker.js

@@ -369,17 +369,19 @@ export function walkBranch(html, signalNames, computedNames, propNames) {
   const { document } = parseHTML(`<div id="__branchRoot">${html}</div>`);
   const branchRoot = document.getElementById('__branchRoot');
 
-  // Use walkTree on the branch root to discover bindings/events
-  const result = walkTree(branchRoot, signalNames, computedNames, propNames);
-
-  // Detect nested each directives within the branch template
+  // Process nested structural directives FIRST (before walkTree modifies the DOM).
+  // This is critical because walkTree clears textContent of elements with sole
+  // {{interpolation}} children, which would destroy content needed by
+  // processForBlocks/processIfChains when they clone nested elements for their
+  // own walkBranch calls.
   const forBlocks = processForBlocks(branchRoot, [], signalNames, computedNames, propNames);
-
-  // Detect nested if/else-if/else chains within the branch template
   const ifBlocks = processIfChains(branchRoot, [], signalNames, computedNames, propNames);
 
-  // Capture the processed HTML AFTER all processing (walkTree + processForBlocks + processIfChains)
-  // since processForBlocks/processIfChains modify the DOM by replacing elements with comment nodes
+  // Now run walkTree on the remaining DOM (nested directive elements have been
+  // replaced with comment nodes, so walkTree won't process their contents).
+  const result = walkTree(branchRoot, signalNames, computedNames, propNames);
+
+  // Capture the processed HTML AFTER all processing
   const processedHtml = branchRoot.innerHTML;
 
   // Strip the first path segment from all paths since at runtime

package/package.json

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