@sprlab/wccompiler 0.6.3 → 0.6.4

package/lib/codegen.js

@@ -904,10 +904,51 @@ export function generateComponent(parseResult, options = {}) {
     lines.push('');
   }
 
-  // Constructor
+  // Constructor — reactive state only (no DOM manipulation per Custom Elements spec)
   lines.push('  constructor() {');
   lines.push('    super();');
 
+  // Prop signal initialization (BEFORE user signals)
+  for (const p of propDefs) {
+    lines.push(`    this._s_${p.name} = __signal(${p.default});`);
+  }
+
+  // Signal initialization
+  for (const s of signals) {
+    lines.push(`    this._${s.name} = __signal(${s.value});`);
+  }
+
+  // Constant initialization
+  for (const c of constantVars) {
+    lines.push(`    this._const_${c.name} = ${c.value};`);
+  }
+
+  // Computed initialization
+  for (const c of computeds) {
+    const body = transformExpr(c.body, signalNames, computedNames, propsObjectName, propNames, emitsObjectName, constantNames, methodNames);
+    lines.push(`    this._c_${c.name} = __computed(() => ${body});`);
+  }
+
+  // Watcher prev-value initialization
+  for (let idx = 0; idx < watchers.length; idx++) {
+    const w = watchers[idx];
+    if (w.kind === 'signal') {
+      lines.push(`    this.__prev_${w.target} = undefined;`);
+    } else {
+      lines.push(`    this.__prev_watch${idx} = undefined;`);
+    }
+  }
+
+  lines.push('  }');
+  lines.push('');
+
+  // connectedCallback (idempotent — safe for re-mount)
+  lines.push('  connectedCallback() {');
+  lines.push('    if (this.__connected) return;');
+  lines.push('    this.__connected = true;');
+
+  // ── DOM SETUP (moved from constructor for Custom Elements spec compliance) ──
+
   // Slot resolution: read childNodes BEFORE clearing innerHTML (when slots are present)
   if (slots.length > 0) {
     lines.push('    const __slotMap = {};');
@@ -973,37 +1014,6 @@ export function generateComponent(parseResult, options = {}) {
     }
   }
 
-  // Prop signal initialization (BEFORE user signals)
-  for (const p of propDefs) {
-    lines.push(`    this._s_${p.name} = __signal(${p.default});`);
-  }
-
-  // Signal initialization
-  for (const s of signals) {
-    lines.push(`    this._${s.name} = __signal(${s.value});`);
-  }
-
-  // Constant initialization
-  for (const c of constantVars) {
-    lines.push(`    this._const_${c.name} = ${c.value};`);
-  }
-
-  // Computed initialization
-  for (const c of computeds) {
-    const body = transformExpr(c.body, signalNames, computedNames, propsObjectName, propNames, emitsObjectName, constantNames, methodNames);
-    lines.push(`    this._c_${c.name} = __computed(() => ${body});`);
-  }
-
-  // Watcher prev-value initialization
-  for (let idx = 0; idx < watchers.length; idx++) {
-    const w = watchers[idx];
-    if (w.kind === 'signal') {
-      lines.push(`    this.__prev_${w.target} = undefined;`);
-    } else {
-      lines.push(`    this.__prev_watch${idx} = undefined;`);
-    }
-  }
-
   // ── if: template creation, anchor reference, state init ──
   for (const ifBlock of ifBlocks) {
     const vn = ifBlock.varName;
@@ -1055,13 +1065,7 @@ export function generateComponent(parseResult, options = {}) {
     }
   }
 
-  lines.push('  }');
-  lines.push('');
-
-  // connectedCallback (idempotent — safe for re-mount)
-  lines.push('  connectedCallback() {');
-  lines.push('    if (this.__connected) return;');
-  lines.push('    this.__connected = true;');
+  // ── EFFECTS AND LISTENERS ──
   lines.push('    this.__ac = new AbortController();');
   lines.push('    this.__disposers = [];');
   lines.push('');

package/package.json

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