@sprlab/wccompiler 0.11.2 → 0.11.4

package/lib/codegen.js

@@ -864,6 +864,7 @@ export function generateComponent(parseResult, options = {}) {
     forBlocks = [],
     onMountHooks = [],
     onDestroyHooks = [],
+    onAdoptHooks = [],
     modelBindings = [],
     modelPropBindings = [],
     attrBindings = [],
@@ -1698,6 +1699,31 @@ export function generateComponent(parseResult, options = {}) {
   lines.push('  }');
   lines.push('');
 
+  // adoptedCallback (if onAdopt hooks exist)
+  if (onAdoptHooks.length > 0) {
+    lines.push('  adoptedCallback() {');
+    for (const hook of onAdoptHooks) {
+      const body = transformMethodBody(hook.body, signalNames, computedNames, propsObjectName, propNames, emitsObjectName, refVarNames, constantNames, modelVarMap);
+      if (hook.async) {
+        lines.push('    ;(async () => {');
+        const bodyLines = body.split('\n');
+        for (const line of bodyLines) {
+          lines.push(`      ${line}`);
+        }
+        lines.push('    })();');
+      } else {
+        const bodyLines = body.split('\n');
+        for (const line of bodyLines) {
+          const trimmed = line.trimEnd();
+          const needsSemi = trimmed && !trimmed.endsWith(';') && !trimmed.endsWith('{') && !trimmed.endsWith('}');
+          lines.push(`    ${trimmed}${needsSemi ? ';' : ''}`);
+        }
+      }
+    }
+    lines.push('  }');
+    lines.push('');
+  }
+
   // attributeChangedCallback (if props or model props exist)
   if (propDefs.length > 0 || modelDefs.length > 0) {
     lines.push('  attributeChangedCallback(name, oldVal, newVal) {');

package/lib/parser-extractors.js

@@ -925,13 +925,15 @@ export function extractFunctions(source) {
  * Only extracts top-level calls (brace depth === 0 when the call is encountered).
  *
  * @param {string} script - The script content (after type stripping)
- * @returns {{ onMountHooks: LifecycleHook[], onDestroyHooks: LifecycleHook[] }}
+ * @returns {{ onMountHooks: LifecycleHook[], onDestroyHooks: LifecycleHook[], onAdoptHooks: LifecycleHook[] }}
  */
 export function extractLifecycleHooks(script) {
   /** @type {LifecycleHook[]} */
   const onMountHooks = [];
   /** @type {LifecycleHook[]} */
   const onDestroyHooks = [];
+  /** @type {LifecycleHook[]} */
+  const onAdoptHooks = [];
   const lines = script.split('\n');
   let i = 0;
 
@@ -939,8 +941,9 @@ export function extractLifecycleHooks(script) {
     const line = lines[i];
     const mountMatch = line.match(/\bonMount\s*\(\s*(?:async\s*)?\(\s*\)\s*=>\s*\{/);
     const destroyMatch = line.match(/\bonDestroy\s*\(\s*(?:async\s*)?\(\s*\)\s*=>\s*\{/);
+    const adoptMatch = line.match(/\bonAdopt\s*\(\s*(?:async\s*)?\(\s*\)\s*=>\s*\{/);
 
-    if (mountMatch || destroyMatch) {
+    if (mountMatch || destroyMatch || adoptMatch) {
       // Detect if the callback is async
       const isAsync = /\basync\s*\(/.test(line);
 
@@ -998,14 +1001,16 @@ export function extractLifecycleHooks(script) {
 
       if (mountMatch) {
         onMountHooks.push({ body, async: isAsync });
-      } else {
+      } else if (destroyMatch) {
         onDestroyHooks.push({ body, async: isAsync });
+      } else {
+        onAdoptHooks.push({ body, async: isAsync });
       }
     }
     i++;
   }
 
-  return { onMountHooks, onDestroyHooks };
+  return { onMountHooks, onDestroyHooks, onAdoptHooks };
 }
 
 // ── Ref extraction ───────────────────────────────────────────────────

package/lib/parser.js

@@ -153,12 +153,12 @@ export async function parse(filePath) {
   }
 
   // 8. Extract lifecycle hooks (before other extractions to avoid misidentification)
-  const { onMountHooks, onDestroyHooks } = extractLifecycleHooks(source);
+  const { onMountHooks, onDestroyHooks, onAdoptHooks } = extractLifecycleHooks(source);
 
   // 8b. Strip lifecycle hook blocks from source to prevent signal/computed/effect/function
   // extractors from misidentifying code inside hook bodies
   let sourceForExtraction = source;
-  const hookLinePattern = /\bonMount\s*\(|\bonDestroy\s*\(|\bwatch\s*\(/;
+  const hookLinePattern = /\bonMount\s*\(|\bonDestroy\s*\(|\bonAdopt\s*\(|\bwatch\s*\(/;
   const sourceLines = sourceForExtraction.split('\n');
   const filteredLines = [];
   let skipDepth = 0;
@@ -263,6 +263,7 @@ export async function parse(filePath) {
     processedTemplate: null,
     onMountHooks,
     onDestroyHooks,
+    onAdoptHooks,
     refs,
   };
 }

package/lib/tree-walker.js

@@ -251,7 +251,7 @@ export function walkTree(rootEl, signalNames, computedNames, propNames = new Set
           prop = 'value'; event = 'input';
         }
 
-        const varName = `__model_${signalName}`;
+        const varName = `__model_${signalName}_${modelIdx}`;
         modelIdx++;
         modelBindings.push({ varName, signal: signalName, prop, event, coerce, radioValue, path: [...pathParts] });
         el.removeAttribute('model');

package/package.json

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

package/types/wcc.d.ts

@@ -23,5 +23,6 @@ declare module 'wcc' {
 
   export function onMount(fn: () => void | Promise<void>): void;
   export function onDestroy(fn: () => void | Promise<void>): void;
+  export function onAdopt(fn: () => void | Promise<void>): void;
   export function defineExpose(bindings: Record<string, any>): void;
 }