@sprlab/wccompiler 0.5.2 → 0.5.4

package/lib/codegen.js

@@ -761,9 +761,17 @@ export function generateComponent(parseResult, options = {}) {
       lines.push(`      this.${b.varName}.textContent = this._c_${b.name}() ?? '';`);
       lines.push('    }));');
     } else {
-      // method type — call the method
+      // method/expression type — check if it's a props.x access or a complex expression
+      let ref;
+      if (propsObjectName && b.name.startsWith(propsObjectName + '.')) {
+        const propName = b.name.slice(propsObjectName.length + 1);
+        ref = `this._s_${propName}()`;
+      } else {
+        // Use transformExpr for complex expressions (e.g. items().length, ternary)
+        ref = transformExpr(b.name, signalNames, computedNames, propsObjectName, propNames, emitsObjectName, constantNames, methodNames);
+      }
       lines.push('    this.__disposers.push(__effect(() => {');
-      lines.push(`      this.${b.varName}.textContent = this._${b.name}() ?? '';`);
+      lines.push(`      this.${b.varName}.textContent = ${ref} ?? '';`);
       lines.push('    }));');
     }
   }

package/lib/tree-walker.js

@@ -240,10 +240,10 @@ export function walkTree(rootEl, signalNames, computedNames, propNames = new Set
     }
 
     // --- Text node with interpolations ---
-    if (node.nodeType === 3 && /\{\{[\w.()]+\}\}/.test(node.textContent)) {
+    if (node.nodeType === 3 && /\{\{(?:[^}]|\}(?!\}))+\}\}/.test(node.textContent)) {
       const text = node.textContent;
       const trimmed = text.trim();
-      const soleMatch = trimmed.match(/^\{\{([\w.()]+)\}\}$/);
+      const soleMatch = trimmed.match(/^\{\{((?:[^}]|\}(?!\}))+)\}\}$/);
       const parent = node.parentNode;
 
       // Strip trailing () from expression to get the base name for type lookup
@@ -268,7 +268,7 @@ export function walkTree(rootEl, signalNames, computedNames, propNames = new Set
       // Case 2: Mixed text and interpolations — split into spans
       const doc = node.ownerDocument;
       const fragment = doc.createDocumentFragment();
-      const parts = text.split(/(\{\{[\w.()]+\}\})/);
+      const parts = text.split(/(\{\{(?:[^}]|\}(?!\}))+\}\})/);
       const parentPath = pathParts.slice(0, -1);
 
       // Find the index of this text node among its siblings
@@ -280,7 +280,7 @@ export function walkTree(rootEl, signalNames, computedNames, propNames = new Set
 
       let offset = 0;
       for (const part of parts) {
-        const bm = part.match(/^\{\{([\w.()]+)\}\}$/);
+        const bm = part.match(/^\{\{((?:[^}]|\}(?!\}))+)\}\}$/);
         if (bm) {
           fragment.appendChild(doc.createElement('span'));
           const varName = `__b${bindIdx++}`;

package/package.json

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