@sprlab/wccompiler 0.5.6 → 0.5.8

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('    }));');
@@ -1088,7 +1093,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}`);
@@ -1097,7 +1102,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 ? ';' : ''}`);
       }
     }
   }
@@ -1114,7 +1121,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}`);
@@ -1123,7 +1130,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 ? ';' : ''}`);
         }
       }
     }

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/package.json

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