@sprlab/wccompiler 0.11.3 → 0.11.5

package/bin/wcc.js

@@ -35,6 +35,7 @@ async function build(config, cwd) {
 
       const { code, usesSharedRuntime } = await compile(file, {
         standalone: config.standalone,
+        minify: config.minify,
         runtimeImportPath,
       });
 
@@ -209,6 +210,9 @@ async function main() {
   const cwd = process.cwd();
   const config = await loadConfig(cwd);
 
+  // CLI flags override config
+  if (process.argv.includes('--minify')) config.minify = true;
+
   if (command === 'build') {
     const errors = await build(config, cwd);
     if (errors > 0) process.exit(1);
@@ -236,6 +240,7 @@ async function main() {
 
         const { code, usesSharedRuntime } = await compile(filePath, {
           standalone: config.standalone,
+          minify: config.minify,
           runtimeImportPath,
         });
 

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/compiler.js

@@ -485,5 +485,21 @@ export function resolveStandalone(componentValue, globalValue) {
  */
 export async function compile(filePath, config) {
   const result = await compileSFC(filePath, config);
+
+  if (config?.minify) {
+    const { transform } = await import('esbuild');
+    try {
+      const minified = await transform(result.code, {
+        minify: true,
+        loader: 'js',
+        target: 'esnext',
+      });
+      result.code = minified.code;
+    } catch {
+      // If minification fails (e.g., edge-case syntax), return unminified code
+      // This is a graceful fallback — the code still works at runtime
+    }
+  }
+
   return result;
 }

package/lib/config.js

@@ -19,7 +19,7 @@ import { pathToFileURL } from 'node:url';
  * @returns {Promise<WccConfig>}
  */
 export async function loadConfig(projectRoot) {
-  const defaults = { port: 4100, input: 'src', output: 'dist', standalone: false };
+  const defaults = { port: 4100, input: 'src', output: 'dist', standalone: false, minify: false };
   const configPath = resolve(projectRoot, 'wcc.config.js');
 
   if (!existsSync(configPath)) return defaults;
@@ -56,6 +56,11 @@ export async function loadConfig(projectRoot) {
     error.code = 'INVALID_CONFIG';
     throw error;
   }
+  if (typeof config.minify !== 'boolean') {
+    const error = new Error(`Error en wcc.config.js: minify debe ser un booleano`);
+    error.code = 'INVALID_CONFIG';
+    throw error;
+  }
 
   return config;
 }

package/lib/parser-extractors.js

@@ -890,6 +890,14 @@ export function extractFunctions(source) {
         if (j === i) {
           // First line: capture everything after the opening brace
           const afterBrace = l.substring(l.indexOf('{') + 1);
+          // Single-line function: depth already closed on first line
+          if (depth <= 0) {
+            const lastBraceIdx = afterBrace.lastIndexOf('}');
+            const inner = lastBraceIdx >= 0 ? afterBrace.substring(0, lastBraceIdx) : afterBrace;
+            if (inner.trim()) bodyLines.push(inner);
+            i = j;
+            break;
+          }
           if (afterBrace.trim()) bodyLines.push(afterBrace);
         } else if (depth <= 0) {
           // Last line: capture everything before the closing brace
@@ -925,13 +933,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 +949,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 +1009,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sprlab/wccompiler",
-  "version": "0.11.3",
+  "version": "0.11.5",
   "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;
 }