@sprlab/wccompiler 0.7.0 → 0.7.1

package/lib/codegen.js

@@ -933,9 +933,24 @@ export function generateComponent(parseResult, options = {}) {
   for (let idx = 0; idx < watchers.length; idx++) {
     const w = watchers[idx];
     if (w.kind === 'signal') {
-      lines.push(`    this.__prev_${w.target} = undefined;`);
+      // For signal watchers watching a prop, initialize with the prop's default value
+      // so that attributeChangedCallback changes before connectedCallback are detected
+      if (propNames.has(w.target)) {
+        const propDef = propDefs.find(p => p.name === w.target);
+        lines.push(`    this.__prev_${w.target} = ${propDef ? propDef.default : 'undefined'};`);
+      } else {
+        lines.push(`    this.__prev_${w.target} = undefined;`);
+      }
     } else {
-      lines.push(`    this.__prev_watch${idx} = undefined;`);
+      // For getter watchers, check if the getter references a prop (e.g., props.value)
+      // Initialize with the prop's default so pre-connection attribute changes are detected
+      const propMatch = propsObjectName ? w.target.match(new RegExp(`^${propsObjectName}\\.(\\w+)$`)) : null;
+      if (propMatch && propNames.has(propMatch[1])) {
+        const propDef = propDefs.find(p => p.name === propMatch[1]);
+        lines.push(`    this.__prev_watch${idx} = ${propDef ? propDef.default : 'undefined'};`);
+      } else {
+        lines.push(`    this.__prev_watch${idx} = undefined;`);
+      }
     }
   }
 
@@ -1170,7 +1185,7 @@ export function generateComponent(parseResult, options = {}) {
       }
       lines.push('    this.__disposers.push(__effect(() => {');
       lines.push(`      const ${w.newParam} = ${watchRef};`);
-      lines.push(`      if (this.__prev_${w.target} !== undefined) {`);
+      lines.push(`      if (this.__prev_${w.target} !== undefined && this.__prev_${w.target} !== ${w.newParam}) {`);
       lines.push(`        const ${w.oldParam} = this.__prev_${w.target};`);
       lines.push('        __untrack(() => {');
       const bodyLines = body.split('\n');
@@ -1187,7 +1202,7 @@ export function generateComponent(parseResult, options = {}) {
       const prevName = `__prev_watch${idx}`;
       lines.push('    this.__disposers.push(__effect(() => {');
       lines.push(`      const ${w.newParam} = ${getterExpr};`);
-      lines.push(`      if (this.${prevName} !== undefined) {`);
+      lines.push(`      if (this.${prevName} !== undefined && this.${prevName} !== ${w.newParam}) {`);
       lines.push(`        const ${w.oldParam} = this.${prevName};`);
       lines.push('        __untrack(() => {');
       const bodyLines2 = body.split('\n');

package/package.json

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