@sprlab/wccompiler 0.14.0 → 0.16.0

package/lib/codegen.js

@@ -192,6 +192,9 @@ export function transformMethodBody(body, signalNames, computedNames, propsObjec
     result = result.replace(emitsRe, 'this._emit(');
   }
 
+  // 0b. Transform batch() calls: batch( → __batch(
+  result = result.replace(/\bbatch\s*\(/g, '__batch(');
+
   // 0b. Transform props.x → this._s_x() BEFORE other transforms
   if (propsObjectName && propNames.size > 0) {
     const propsRe = new RegExp(`\\b${propsObjectName}\\.(\\w+)`, 'g');
@@ -878,6 +881,7 @@ export function generateComponent(parseResult, options = {}) {
     exposeNames = [],
     modelDefs = [],
     dynamicComponents = [],
+    usesBatch = false,
   } = parseResult;
 
   const signalNames = signals.map(s => s.name);
@@ -907,18 +911,20 @@ export function generateComponent(parseResult, options = {}) {
   const needsEffect = effects.length > 0 || bindings.length > 0 || showBindings.length > 0 || modelBindings.length > 0 || modelPropBindings.length > 0 || attrBindings.length > 0 || ifBlocks.length > 0 || forBlocks.length > 0 || watchers.length > 0 || childComponents.length > 0 || dynamicComponents.length > 0 || slots.some(s => s.slotProps.length > 0);
   const needsComputed = computeds.length > 0;
   const needsUntrack = watchers.length > 0;
+  const needsBatch = usesBatch;
 
   if (options.runtimeImportPath) {
     // Tree-shake: only import what this component actually uses
     const usedRuntime = new Set(['__signal']); // always need __signal
     if (needsComputed) usedRuntime.add('__computed');
     if (needsEffect) usedRuntime.add('__effect');
+    if (needsBatch) usedRuntime.add('__batch');
     if (needsUntrack) usedRuntime.add('__untrack');
     const imports = [...usedRuntime].join(', ');
     lines.push(`import { ${imports} } from '${options.runtimeImportPath}';`);
   } else {
     // Standalone: inline only the runtime functions this component needs
-    lines.push(buildInlineRuntime({ needsComputed, needsEffect, needsBatch: false, needsUntrack }).trim());
+    lines.push(buildInlineRuntime({ needsComputed, needsEffect, needsBatch, needsUntrack }).trim());
   }
   lines.push('');
 
@@ -1314,8 +1320,12 @@ export function generateComponent(parseResult, options = {}) {
         const propName = b.name.slice(propsObjectName.length + 1);
         ref = `this._s_${propName}()`;
       } else {
+        // For method calls, ensure we have parentheses before transforming
+        // b.name might be 'getCount' (from {{getCount()}} where baseName stripped the ())
+        // We need to add () back so transformExpr can match and transform it
+        const exprWithParens = b.name.includes('(') ? b.name : `${b.name}()`;
         // Use transformExpr for complex expressions (e.g. items().length, ternary)
-        ref = transformExpr(b.name, signalNames, computedNames, propsObjectName, propNames, emitsObjectName, constantNames, methodNames, modelVarMap);
+        ref = transformExpr(exprWithParens, signalNames, computedNames, propsObjectName, propNames, emitsObjectName, constantNames, methodNames, modelVarMap);
       }
       lines.push('    this.__disposers.push(__effect(() => {');
       lines.push(`      this.${b.varName}.textContent = ${ref} ?? '';`);

package/lib/parser-extractors.js

@@ -1238,3 +1238,15 @@ export function validateNameCollisions(signalNames, computedNames, propNames, me
     }
   }
 }
+
+/**
+ * Detect if the source code uses the batch() function.
+ *
+ * @param {string} source - The script source code
+ * @returns {boolean} True if batch() is used
+ */
+export function detectBatchUsage(source) {
+  // Look for batch( pattern (function call)
+  // This will match: batch(() => {...}), batch(function() {...}), etc.
+  return /\bbatch\s*\(/.test(source);
+}

package/lib/parser.js

@@ -50,6 +50,7 @@ import {
   validateEmitsConflicts,
   validateUndeclaredEmits,
   validateNameCollisions,
+  detectBatchUsage,
 } from './parser-extractors.js';
 
 // ── Type stripping ──────────────────────────────────────────────────
@@ -195,6 +196,7 @@ export async function parse(filePath) {
   const methods = extractFunctions(sourceForExtraction);
   const refs = extractRefs(sourceForExtraction);
   const constantVars = extractConstants(sourceForExtraction);
+  const usesBatch = detectBatchUsage(sourceForExtraction);
 
   // 9. Extract props (array form — after type strip, if generic didn't find any)
   const propsFromArray = propsFromGeneric.length > 0 ? [] : extractPropsArray(source);
@@ -269,5 +271,6 @@ export async function parse(filePath) {
     onDestroyHooks,
     onAdoptHooks,
     refs,
+    usesBatch,
   };
 }

package/package.json

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