@sprlab/wccompiler 0.5.5 → 0.5.7

package/bin/wcc.js

@@ -19,7 +19,7 @@ async function build(config, cwd) {
   const __filename = fileURLToPath(import.meta.url);
   const __dirname = dirname(__filename);
   const { reactiveRuntime } = await import('../lib/reactive-runtime.js');
-  const signalsContent = reactiveRuntime.trim().replace(/^/gm, '') + '\nexport { __signal, __computed, __effect, __batch };\n';
+  const signalsContent = reactiveRuntime.trim().replace(/^/gm, '') + '\nexport { __signal, __computed, __effect, __batch, __untrack };\n';
   const signalsDest = join(outputDir, '__wcc-signals.js');
   writeFileSync(signalsDest, signalsContent);
 

package/lib/codegen.js

@@ -541,6 +541,7 @@ export function generateComponent(parseResult, options = {}) {
     const usedRuntime = new Set(['__signal']); // always need __signal
     if (computeds.length > 0) usedRuntime.add('__computed');
     if (effects.length > 0 || bindings.length > 0 || showBindings.length > 0 || modelBindings.length > 0 || attrBindings.length > 0 || ifBlocks.length > 0 || forBlocks.length > 0 || watchers.length > 0 || childComponents.length > 0 || slots.some(s => s.slotProps.length > 0)) usedRuntime.add('__effect');
+    if (watchers.length > 0) usedRuntime.add('__untrack');
     const imports = [...usedRuntime].join(', ');
     lines.push(`import { ${imports} } from '${options.runtimeImportPath}';`);
   } else {
@@ -848,10 +849,12 @@ export function generateComponent(parseResult, options = {}) {
       lines.push(`      const ${w.newParam} = ${watchRef};`);
       lines.push(`      if (this.__prev_${w.target} !== undefined) {`);
       lines.push(`        const ${w.oldParam} = this.__prev_${w.target};`);
+      lines.push('        __untrack(() => {');
       const bodyLines = body.split('\n');
       for (const line of bodyLines) {
-        lines.push(`        ${line}`);
+        lines.push(`          ${line}`);
       }
+      lines.push('        });');
       lines.push('      }');
       lines.push(`      this.__prev_${w.target} = ${w.newParam};`);
       lines.push('    }));');
@@ -863,10 +866,12 @@ export function generateComponent(parseResult, options = {}) {
       lines.push(`      const ${w.newParam} = ${getterExpr};`);
       lines.push(`      if (this.${prevName} !== undefined) {`);
       lines.push(`        const ${w.oldParam} = this.${prevName};`);
-      const bodyLines = body.split('\n');
-      for (const line of bodyLines) {
-        lines.push(`        ${line}`);
+      lines.push('        __untrack(() => {');
+      const bodyLines2 = body.split('\n');
+      for (const line of bodyLines2) {
+        lines.push(`          ${line}`);
       }
+      lines.push('        });');
       lines.push('      }');
       lines.push(`      this.${prevName} = ${w.newParam};`);
       lines.push('    }));');

package/lib/reactive-runtime.js

@@ -90,4 +90,11 @@ function __batch(fn) {
     }
   }
 }
+
+function __untrack(fn) {
+  const prev = __currentEffect;
+  __currentEffect = null;
+  try { return fn(); }
+  finally { __currentEffect = prev; }
+}
 `;

package/lib/tree-walker.js

@@ -74,6 +74,14 @@ export function walkTree(rootEl, signalNames, computedNames, propNames = new Set
     if (node.nodeType === 1) {
       const el = /** @type {Element} */ (node);
 
+      // Skip <template #name> elements — they are slot content passed to child components
+      // Their interpolations are resolved by the provider, not the consumer
+      if (el.tagName === 'TEMPLATE') {
+        for (const attr of Array.from(el.attributes)) {
+          if (attr.name.startsWith('#')) return;
+        }
+      }
+
       // Detect <slot> elements — replace with <span data-slot="..."> placeholder
       if (el.tagName === 'SLOT') {
         const slotName = el.getAttribute('name') || '';

package/package.json

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