@hypen-space/web 0.3.9 → 0.3.11

package/src/hypen.ts

@@ -13,12 +13,16 @@ import {
   Router,
   Route,
   Link,
+  frameworkLoggers,
+  setDebugMode,
   type RouterContext,
   type HypenModuleDefinition,
 } from "@hypen-space/core";
 import { DOMRenderer } from "./dom/renderer.js";
 import type { DebugConfig } from "./dom/debug.js";
 
+const log = frameworkLoggers.hypen;
+
 export interface HypenConfig {
   /** Base directory for components (default: "./src/components") */
   componentsDir?: string;
@@ -53,6 +57,11 @@ export class Hypen {
       ...config,
     };
 
+    // Enable debug mode if configured
+    if (this.config.debug) {
+      setDebugMode(true);
+    }
+
     // Initialize router and global context
     this.router = new HypenRouter();
     this.globalContext = new HypenGlobalContext();
@@ -72,9 +81,7 @@ export class Hypen {
    * Must be called before render()
    */
   async init(): Promise<void> {
-    if (this.config.debug) {
-      console.log("[Hypen] Initializing...");
-    }
+    log.debug("Initializing...");
 
     // Initialize engine
     this.engine = new Engine();
@@ -83,9 +90,7 @@ export class Hypen {
       jsUrl: this.config.jsUrl,
     });
 
-    if (this.config.debug) {
-      console.log("[Hypen] Engine initialized");
-    }
+    log.debug("Engine initialized");
   }
 
   /**
@@ -94,17 +99,11 @@ export class Hypen {
   async loadComponents(componentsDir?: string): Promise<void> {
     const dir = componentsDir || this.config.componentsDir!;
 
-    if (this.config.debug) {
-      console.log(`[Hypen] Loading components from ${dir}...`);
-    }
+    log.debug(`Loading components from ${dir}...`);
 
     await componentLoader.loadFromComponentsDir(dir);
 
-    if (this.config.debug) {
-      console.log(
-        `[Hypen] Loaded ${componentLoader.getNames().length} components`
-      );
-    }
+    log.debug(`Loaded ${componentLoader.getNames().length} components`);
   }
 
   /**
@@ -140,9 +139,7 @@ export class Hypen {
       );
     }
 
-    if (this.config.debug) {
-      console.log(`[Hypen] Rendering ${componentName} to`, this.container);
-    }
+    log.debug(`Rendering ${componentName} to`, this.container);
 
     // Create renderer with debug config
     this.renderer = new DOMRenderer(this.container, this.engine, {
@@ -155,9 +152,7 @@ export class Hypen {
 
     // Set render callback
     this.engine.setRenderCallback((patches) => {
-      if (this.config.debug) {
-        console.log(`[Hypen] Applying ${patches.length} patches`);
-      }
+      log.debug(`Applying ${patches.length} patches`);
       this.renderer!.applyPatches(patches);
     });
 
@@ -188,9 +183,7 @@ export class Hypen {
     // Connect module state changes to renderer
     this.moduleInstance.onStateChange(() => {
       const mergedState = this.getMergedState();
-      if (this.config.debug) {
-        console.log(`[Hypen] State changed, merged state:`, mergedState);
-      }
+      log.debug(`State changed, merged state:`, mergedState);
       this.renderer!.updateState(mergedState);
     });
 
@@ -206,18 +199,14 @@ export class Hypen {
     // Update renderer with initial state
     this.renderer!.updateState(this.getMergedState());
 
-    if (this.config.debug) {
-      console.log(`[Hypen] ${componentName} rendered successfully`);
-    }
+    log.debug(`${componentName} rendered successfully`);
   }
 
   /**
    * Unmount and cleanup
    */
   async unmount(): Promise<void> {
-    if (this.config.debug) {
-      console.log("[Hypen] Unmounting...");
-    }
+    log.debug("Unmounting...");
 
     if (this.moduleInstance) {
       await this.moduleInstance.destroy();
@@ -231,9 +220,7 @@ export class Hypen {
 
     this.renderer = null;
 
-    if (this.config.debug) {
-      console.log("[Hypen] Unmounted");
-    }
+    log.debug("Unmounted");
   }
 
   /**
@@ -270,9 +257,7 @@ export class Hypen {
   setDebugHeatmap(enabled: boolean): void {
     if (this.renderer) {
       this.renderer.setDebugConfig({ enabled, showHeatmap: enabled });
-      if (this.config.debug) {
-        console.log(`[Hypen] Debug heatmap ${enabled ? "enabled" : "disabled"}`);
-      }
+      log.debug(`Debug heatmap ${enabled ? "enabled" : "disabled"}`);
     }
   }
 
@@ -282,9 +267,7 @@ export class Hypen {
   resetDebugTracking(): void {
     if (this.renderer) {
       this.renderer.resetDebugTracking();
-      if (this.config.debug) {
-        console.log(`[Hypen] Debug tracking reset`);
-      }
+      log.debug("Debug tracking reset");
     }
   }
 
@@ -346,12 +329,7 @@ export class Hypen {
       // Listen to state changes
       moduleInstance.onStateChange(() => {
         const mergedState = this.getMergedState();
-        if (this.config.debug) {
-          console.log(
-            `[Hypen] Lazy component ${componentName} state changed:`,
-            mergedState
-          );
-        }
+        log.debug(`Lazy component ${componentName} state changed:`, mergedState);
         this.renderer!.updateState(mergedState);
       });
     }
@@ -411,9 +389,7 @@ export class Hypen {
       this.moduleInstances.set("Router", routerInstance);
       routerInstance.onStateChange(() => {
         const mergedState = this.getMergedState();
-        if (this.config.debug) {
-          console.log(`[Hypen] Router state changed:`, mergedState);
-        }
+        log.debug("Router state changed:", mergedState);
         this.renderer!.updateState(mergedState);
       });
     }
@@ -433,9 +409,7 @@ export class Hypen {
       }
 
       // Create module instance
-      if (this.config.debug) {
-        console.log(`[Hypen] Creating nested module instance for: ${name}`);
-      }
+      log.debug(`Creating nested module instance for: ${name}`);
 
       const moduleInstance = new HypenModuleInstance(
         this.engine!,
@@ -450,12 +424,7 @@ export class Hypen {
       // Connect state changes to renderer
       moduleInstance.onStateChange(() => {
         const mergedState = this.getMergedState();
-        if (this.config.debug) {
-          console.log(
-            `[Hypen] Nested component ${name} state changed:`,
-            mergedState
-          );
-        }
+        log.debug(`Nested component ${name} state changed:`, mergedState);
         this.renderer!.updateState(mergedState);
       });
     }
@@ -513,18 +482,12 @@ export class Hypen {
           return null;
         }
 
-        if (this.config.debug) {
-          console.log(
-            `[Hypen] Resolving component: ${componentName} (context: ${contextPath})`
-          );
-        }
+        log.debug(`Resolving component: ${componentName} (context: ${contextPath})`);
 
         // Check if component is registered
         const componentDef = componentLoader.get(componentName);
         if (!componentDef) {
-          if (this.config.debug) {
-            console.log(`[Hypen] Component not found: ${componentName}`);
-          }
+          log.debug(`Component not found: ${componentName}`);
           return null;
         }
 
@@ -539,15 +502,11 @@ export class Hypen {
           lazy: isLazy,
         };
 
-        if (this.config.debug) {
-          const flags = [];
-          if (isPassthrough) flags.push("passthrough");
-          if (isLazy) flags.push("lazy");
-          const flagStr = flags.length > 0 ? ` (${flags.join(", ")})` : "";
-          console.log(
-            `[Hypen] Resolved ${componentName} -> ${resolved.path}${flagStr}`
-          );
-        }
+        const flags = [];
+        if (isPassthrough) flags.push("passthrough");
+        if (isLazy) flags.push("lazy");
+        const flagStr = flags.length > 0 ? ` (${flags.join(", ")})` : "";
+        log.debug(`Resolved ${componentName} -> ${resolved.path}${flagStr}`);
 
         return resolved;
       }

package/dist/src/dom/applicators/advanced-layout.js.map

@@ -1,11 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/applicators/layout.ts", "../src/dom/applicators/advanced-layout.ts"],
-  "sourcesContent": [
-    "/**\n * Layout Applicators (Flexbox/Grid)\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\n\n/**\n * Maps Hypen alignment values to CSS flexbox values.\n * Ensures consistent cross-platform API (Android/iOS/Web).\n */\nexport function mapAlignmentValue(value: string): string {\n  const v = String(value).toLowerCase();\n  switch (v) {\n    // Positional values -> CSS equivalents\n    case \"top\":\n    case \"start\":\n    case \"leading\":\n    case \"left\":\n      return \"flex-start\";\n    case \"bottom\":\n    case \"end\":\n    case \"trailing\":\n    case \"right\":\n      return \"flex-end\";\n    case \"center\":\n      return \"center\";\n    // Spacing values -> CSS equivalents\n    case \"spacebetween\":\n    case \"space-between\":\n      return \"space-between\";\n    case \"spacearound\":\n    case \"space-around\":\n      return \"space-around\";\n    case \"spaceevenly\":\n    case \"space-evenly\":\n      return \"space-evenly\";\n    // Pass through CSS values as-is\n    default:\n      return v;\n  }\n}\n\nexport const layoutHandlers: Record<string, ApplicatorHandler> = {\n  // Unified alignment API - works for both Column and Row\n  verticalAlignment: (el, value) => {\n    const val = mapAlignmentValue(String(value));\n    // Check flex-direction to determine which CSS property to set\n    // Use inline style first (for elements not yet in DOM), fallback to computed style\n    const flexDirection = el.style.flexDirection || getComputedStyle(el).flexDirection;\n    if (flexDirection === \"column\" || flexDirection === \"column-reverse\") {\n      // For column: vertical is the main axis (justify-content)\n      el.style.justifyContent = val;\n    } else {\n      // For row: vertical is the cross axis (align-items)\n      el.style.alignItems = val;\n    }\n  },\n\n  horizontalAlignment: (el, value) => {\n    const val = mapAlignmentValue(String(value));\n    // Check flex-direction to determine which CSS property to set\n    // Use inline style first (for elements not yet in DOM), fallback to computed style\n    const flexDirection = el.style.flexDirection || getComputedStyle(el).flexDirection;\n    if (flexDirection === \"column\" || flexDirection === \"column-reverse\") {\n      // For column: horizontal is the cross axis (align-items)\n      el.style.alignItems = val;\n    } else {\n      // For row: horizontal is the main axis (justify-content)\n      el.style.justifyContent = val;\n    }\n  },\n\n  // Legacy aliases (kept for backward compatibility)\n  horizontalAlign: (el, value) => {\n    el.style.justifyContent = mapAlignmentValue(String(value));\n  },\n\n  verticalAlign: (el, value) => {\n    el.style.alignItems = mapAlignmentValue(String(value));\n  },\n\n  gap: (el, value) => {\n    el.style.gap = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  // weight: unified cross-platform API (same as flex)\n  // Use .weight(1) to make element take remaining space in Row/Column\n  weight: (el, value) => {\n    el.style.flex = String(value);\n  },\n\n  // flex: CSS flex shorthand (kept for CSS compatibility)\n  flex: (el, value) => {\n    el.style.flex = String(value);\n  },\n\n  flexGrow: (el, value) => {\n    el.style.flexGrow = String(value);\n  },\n\n  flexShrink: (el, value) => {\n    el.style.flexShrink = String(value);\n  },\n\n  cursor: (el, value) => {\n    el.style.cursor = String(value);\n  },\n\n  overflow: (el, value) => {\n    el.style.overflow = String(value);\n  },\n\n  scrollable: (el, value) => {\n    if (value === true || value === \"true\") {\n      el.style.overflow = \"auto\";\n    } else if (value === false || value === \"false\") {\n      el.style.overflow = \"hidden\";\n    } else if (value === \"vertical\") {\n      el.style.overflowX = \"hidden\";\n      el.style.overflowY = \"auto\";\n    } else if (value === \"horizontal\") {\n      el.style.overflowX = \"auto\";\n      el.style.overflowY = \"hidden\";\n    } else if (value === \"both\") {\n      el.style.overflow = \"auto\";\n    } else {\n      el.style.overflow = String(value);\n    }\n  },\n};\n",
-    "/**\n * Advanced Layout Applicators (Flexbox, Grid, Positioning)\n */\n\nimport type { ApplicatorHandler } from \"./index.js\";\nimport { mapAlignmentValue } from \"./layout.js\";\n\nexport const advancedLayoutHandlers: Record<string, ApplicatorHandler> = {\n  // Flexbox properties\n  flexDirection: (el, value) => {\n    el.style.flexDirection = String(value);\n  },\n\n  flexWrap: (el, value) => {\n    el.style.flexWrap = String(value);\n  },\n\n  flexBasis: (el, value) => {\n    el.style.flexBasis = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  justifyContent: (el, value) => {\n    el.style.justifyContent = mapAlignmentValue(String(value));\n  },\n\n  alignItems: (el, value) => {\n    el.style.alignItems = mapAlignmentValue(String(value));\n  },\n\n  alignContent: (el, value) => {\n    el.style.alignContent = String(value);\n  },\n\n  alignSelf: (el, value) => {\n    el.style.alignSelf = String(value);\n  },\n\n  order: (el, value) => {\n    el.style.order = String(value);\n  },\n\n  // Grid properties\n  gridTemplateColumns: (el, value) => {\n    el.style.gridTemplateColumns = String(value);\n  },\n\n  gridTemplateRows: (el, value) => {\n    el.style.gridTemplateRows = String(value);\n  },\n\n  // Unified API aliases (simpler names)\n  gridColumns: (el, value) => {\n    // Support number (repeat) or string (CSS value)\n    if (typeof value === \"number\") {\n      el.style.gridTemplateColumns = `repeat(${value}, 1fr)`;\n    } else {\n      el.style.gridTemplateColumns = String(value);\n    }\n  },\n\n  gridRows: (el, value) => {\n    // Support number (repeat) or string (CSS value)\n    if (typeof value === \"number\") {\n      el.style.gridTemplateRows = `repeat(${value}, 1fr)`;\n    } else {\n      el.style.gridTemplateRows = String(value);\n    }\n  },\n\n  gridTemplateAreas: (el, value) => {\n    el.style.gridTemplateAreas = String(value);\n  },\n\n  gridColumn: (el, value) => {\n    el.style.gridColumn = String(value);\n  },\n\n  gridRow: (el, value) => {\n    el.style.gridRow = String(value);\n  },\n\n  gridArea: (el, value) => {\n    el.style.gridArea = String(value);\n  },\n\n  gridAutoFlow: (el, value) => {\n    el.style.gridAutoFlow = String(value);\n  },\n\n  gridAutoColumns: (el, value) => {\n    el.style.gridAutoColumns = String(value);\n  },\n\n  gridAutoRows: (el, value) => {\n    el.style.gridAutoRows = String(value);\n  },\n\n  rowGap: (el, value) => {\n    el.style.rowGap = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  columnGap: (el, value) => {\n    el.style.columnGap = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  placeItems: (el, value) => {\n    el.style.placeItems = String(value);\n  },\n\n  placeContent: (el, value) => {\n    el.style.placeContent = String(value);\n  },\n\n  placeSelf: (el, value) => {\n    el.style.placeSelf = String(value);\n  },\n\n  // Positioning\n  position: (el, value) => {\n    el.style.position = String(value);\n  },\n\n  top: (el, value) => {\n    el.style.top = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  right: (el, value) => {\n    el.style.right = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  bottom: (el, value) => {\n    el.style.bottom = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  left: (el, value) => {\n    el.style.left = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  inset: (el, value) => {\n    el.style.inset = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  zIndex: (el, value) => {\n    el.style.zIndex = String(value);\n  },\n};\n\n\n"
-  ],
-  "mappings": "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",
-  "debugId": "E01C0FEF9830DF0364756E2164756E21",
-  "names": []
-}

package/dist/src/dom/applicators/events.js.map

@@ -1,11 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/element-data.ts", "../src/dom/applicators/events.ts"],
-  "sourcesContent": [
-    "/**\n * Type-Safe Element Data\n *\n * Provides strongly-typed access to Hypen-specific data attached to DOM elements.\n * Eliminates `as any` casts throughout the codebase.\n */\n\nimport { type DisposableStack, getElementDisposables } from \"@hypen-space/core/disposable\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Engine interface for dispatching actions\n */\nexport interface IEngine {\n  dispatchAction(name: string, payload?: unknown): void;\n}\n\n/**\n * All Hypen-specific data attached to an element\n */\nexport interface HypenElementData {\n  /** Engine reference for action dispatch */\n  engine?: IEngine;\n  /** Target key for keyboard events (e.g., \"Enter\", \"Escape\") */\n  keyTarget?: string;\n  /** Set of registered event type:action pairs */\n  registeredEvents?: Set<string>;\n  /** Custom element metadata */\n  meta?: Record<string, unknown>;\n}\n\n// ============================================================================\n// Private Storage\n// ============================================================================\n\n/**\n * WeakMap to store Hypen data without polluting the element\n */\nconst elementDataMap = new WeakMap<HTMLElement, HypenElementData>();\n\n// ============================================================================\n// Core API\n// ============================================================================\n\n/**\n * Get Hypen data for an element, creating if needed\n */\nexport function getHypenData(element: HTMLElement): HypenElementData {\n  let data = elementDataMap.get(element);\n  if (!data) {\n    data = {};\n    elementDataMap.set(element, data);\n  }\n  return data;\n}\n\n/**\n * Check if element has Hypen data\n */\nexport function hasHypenData(element: HTMLElement): boolean {\n  return elementDataMap.has(element);\n}\n\n/**\n * Clear Hypen data from an element\n */\nexport function clearHypenData(element: HTMLElement): void {\n  elementDataMap.delete(element);\n}\n\n// ============================================================================\n// Engine Access\n// ============================================================================\n\n/**\n * Get the engine attached to an element\n */\nexport function getEngine(element: HTMLElement): IEngine | undefined {\n  return getHypenData(element).engine;\n}\n\n/**\n * Set the engine on an element\n */\nexport function setEngine(element: HTMLElement, engine: IEngine): void {\n  getHypenData(element).engine = engine;\n}\n\n/**\n * Find engine by walking up the DOM tree\n */\nexport function findEngine(element: HTMLElement): IEngine | undefined {\n  let current: HTMLElement | null = element;\n  while (current) {\n    const engine = getEngine(current);\n    if (engine) return engine;\n    current = current.parentElement;\n  }\n  return undefined;\n}\n\n// ============================================================================\n// Event Registration Tracking\n// ============================================================================\n\n/**\n * Get registered events set for an element\n */\nexport function getRegisteredEvents(element: HTMLElement): Set<string> {\n  const data = getHypenData(element);\n  if (!data.registeredEvents) {\n    data.registeredEvents = new Set();\n  }\n  return data.registeredEvents;\n}\n\n/**\n * Check if an event handler is registered\n */\nexport function isEventRegistered(element: HTMLElement, eventKey: string): boolean {\n  return getRegisteredEvents(element).has(eventKey);\n}\n\n/**\n * Mark an event handler as registered\n */\nexport function registerEvent(element: HTMLElement, eventKey: string): void {\n  getRegisteredEvents(element).add(eventKey);\n}\n\n/**\n * Unregister an event handler\n */\nexport function unregisterEvent(element: HTMLElement, eventKey: string): void {\n  getRegisteredEvents(element).delete(eventKey);\n}\n\n// ============================================================================\n// Keyboard Event Key Target\n// ============================================================================\n\n/**\n * Get the target key for keyboard events\n */\nexport function getKeyTarget(element: HTMLElement): string | undefined {\n  return getHypenData(element).keyTarget;\n}\n\n/**\n * Set the target key for keyboard events\n */\nexport function setKeyTarget(element: HTMLElement, key: string): void {\n  getHypenData(element).keyTarget = key;\n}\n\n// ============================================================================\n// Metadata\n// ============================================================================\n\n/**\n * Get custom metadata value\n */\nexport function getMeta<T>(element: HTMLElement, key: string): T | undefined {\n  return getHypenData(element).meta?.[key] as T | undefined;\n}\n\n/**\n * Set custom metadata value\n */\nexport function setMeta<T>(element: HTMLElement, key: string, value: T): void {\n  const data = getHypenData(element);\n  if (!data.meta) {\n    data.meta = {};\n  }\n  data.meta[key] = value;\n}\n\n// ============================================================================\n// Cleanup\n// ============================================================================\n\n/**\n * Dispose all resources attached to an element and clear data\n * Call this when removing an element from the DOM\n */\nexport function disposeHypenElement(element: HTMLElement): void {\n  // Dispose any registered disposables\n  try {\n    const disposables = getElementDisposables(element);\n    disposables.dispose();\n  } catch {\n    // Ignore if no disposables\n  }\n\n  // Clear Hypen data\n  clearHypenData(element);\n}\n\n// ============================================================================\n// Legacy Compatibility Layer\n// ============================================================================\n\n/**\n * Symbol-based legacy accessor (for backwards compatibility)\n * Use the typed functions above instead when possible\n */\nconst HYPEN_ENGINE_SYMBOL = Symbol.for(\"hypen.engine\");\nconst REGISTERED_EVENTS_SYMBOL = Symbol.for(\"hypen.registeredEvents\");\nconst KEY_TARGET_SYMBOL = Symbol.for(\"hypen.keyTarget\");\n\n/**\n * Legacy accessor for engine (backwards compatible with existing code)\n */\nexport function getLegacyEngine(element: HTMLElement): IEngine | undefined {\n  // Try new storage first\n  const engine = getEngine(element);\n  if (engine) return engine;\n\n  // Fall back to legacy storage\n  return (element as any)[HYPEN_ENGINE_SYMBOL] ??\n    (element as any).__hypenEngine;\n}\n\n/**\n * Legacy setter for engine (backwards compatible)\n */\nexport function setLegacyEngine(element: HTMLElement, engine: IEngine): void {\n  // Set in both locations for compatibility\n  setEngine(element, engine);\n  (element as any).__hypenEngine = engine;\n}\n",
-    "/**\n * Event Applicators\n *\n * Handles event applicators like onClick, onPress, etc.\n * Uses a factory pattern to reduce boilerplate and ensure consistency.\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\nimport {\n  getElementDisposables,\n  disposableListener,\n  disposableTimeout,\n  type Disposable,\n} from \"@hypen-space/core/disposable\";\nimport {\n  type IEngine,\n  getEngine,\n  getRegisteredEvents,\n  registerEvent,\n  unregisterEvent,\n  getKeyTarget,\n  setKeyTarget,\n} from \"../element-data.js\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface EventHandlerOptions {\n  /** Custom payload extractor for this event type */\n  extractPayload?: (event: Event, element: HTMLElement) => Record<string, unknown>;\n  /** Throttle events to max one per N milliseconds */\n  throttleMs?: number;\n  /** Prevent default behavior */\n  preventDefault?: boolean;\n  /** Use passive listener (for scroll, touch) */\n  passive?: boolean;\n  /** Key to listen for (keyboard events) */\n  key?: string;\n}\n\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\n/**\n * Convert Map or nested objects to plain objects\n */\nfunction toPlainObject(value: unknown): unknown {\n  if (value instanceof Map) {\n    const obj: Record<string, unknown> = {};\n    for (const [key, val] of value.entries()) {\n      obj[key] = toPlainObject(val);\n    }\n    return obj;\n  }\n\n  if (Array.isArray(value)) {\n    return value.map((item) => toPlainObject(item));\n  }\n\n  if (value && typeof value === \"object\") {\n    const obj: Record<string, unknown> = {};\n    for (const [key, val] of Object.entries(value)) {\n      obj[key] = toPlainObject(val);\n    }\n    return obj;\n  }\n\n  return value;\n}\n\n/**\n * Extract action name and custom payload from an applicator value\n */\nfunction extractActionDetails(value: unknown): {\n  actionName: string | null;\n  payload: Record<string, unknown>;\n} {\n  // String format: \"@actions.doSomething\" or \"@doSomething\"\n  if (typeof value === \"string\") {\n    if (!value.startsWith(\"@\")) {\n      return { actionName: null, payload: {} };\n    }\n\n    let actionName = value.substring(1);\n    if (actionName.startsWith(\"actions.\")) {\n      actionName = actionName.substring(8);\n    }\n    return { actionName, payload: {} };\n  }\n\n  // Object format: { \"0\": \"@actions.doSomething\", \"customKey\": \"value\" }\n  if (value && typeof value === \"object\") {\n    const plain = toPlainObject(value) as Record<string, unknown>;\n    const payload: Record<string, unknown> = {};\n    let actionName: string | null = null;\n\n    if (plain && typeof plain === \"object\") {\n      const actionValue = plain[\"0\"];\n      if (typeof actionValue === \"string\" && actionValue.startsWith(\"@\")) {\n        actionName = actionValue.substring(1);\n        if (actionName.startsWith(\"actions.\")) {\n          actionName = actionName.substring(8);\n        }\n      }\n\n      for (const [key, val] of Object.entries(plain)) {\n        if (key !== \"0\") {\n          // If the key is numeric (like \"1\", \"2\") and the value is an object,\n          // merge the object's keys into the payload directly.\n          // This handles: .onClick(\"@actions.foo\", { id: \"123\" })\n          // where the second positional arg becomes \"1\": { id: \"123\" }\n          if (/^\\d+$/.test(key) && val && typeof val === \"object\" && !Array.isArray(val)) {\n            for (const [innerKey, innerVal] of Object.entries(val)) {\n              payload[innerKey] = innerVal;\n            }\n          } else {\n            payload[key] = val;\n          }\n        }\n      }\n    }\n\n    return { actionName, payload };\n  }\n\n  return { actionName: null, payload: {} };\n}\n\n/**\n * Extract relevant data from a DOM event\n */\nfunction extractEventData(event: Event, element: HTMLElement): Record<string, unknown> {\n  const data: Record<string, unknown> = {\n    type: event.type,\n    timestamp: Date.now(),\n  };\n\n  // Mouse events\n  if (event instanceof MouseEvent) {\n    data.clientX = event.clientX;\n    data.clientY = event.clientY;\n    data.button = event.button;\n  }\n\n  // Keyboard events\n  if (event instanceof KeyboardEvent) {\n    data.key = event.key;\n    data.code = event.code;\n    data.ctrlKey = event.ctrlKey;\n    data.shiftKey = event.shiftKey;\n    data.altKey = event.altKey;\n    data.metaKey = event.metaKey;\n  }\n\n  // Input element values\n  if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {\n    data.value = element.value;\n  }\n\n  // Select element values\n  if (element instanceof HTMLSelectElement) {\n    data.value = element.value;\n    data.selectedIndex = element.selectedIndex;\n  }\n\n  // Form data\n  if (event.type === \"submit\" && element instanceof HTMLFormElement) {\n    data.formData = new FormData(element);\n  }\n\n  return data;\n}\n\n\n/**\n * Capitalize first letter of a string\n */\nfunction capitalize(str: string): string {\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n// ============================================================================\n// Event Handler Factory\n// ============================================================================\n\n\n/**\n * Create an event handler applicator with common boilerplate\n */\nfunction createEventHandler(\n  eventType: string,\n  options: EventHandlerOptions = {}\n): ApplicatorHandler {\n  return (element: HTMLElement, value: unknown) => {\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      console.warn(\n        `[EventApplicator] ${eventType} requires an action reference starting with @, got:`,\n        value\n      );\n      return;\n    }\n\n    const disposables = getElementDisposables(element);\n\n    // Track that we've registered this event type\n    // The disposable stack handles cleanup automatically\n    const eventKey = `${eventType}:${actionName}`;\n    if (getRegisteredEvents(element).has(eventKey)) {\n      // Already registered - skip to avoid duplicates\n      // This can happen during re-renders\n      return;\n    }\n    registerEvent(element, eventKey);\n\n    // Create throttle state if needed\n    let throttleTimer: Disposable | null = null;\n\n    // Create the event listener\n    const listener = (event: Event) => {\n      // Handle throttling\n      if (options.throttleMs && throttleTimer) {\n        return;\n      }\n\n      if (options.throttleMs) {\n        throttleTimer = disposableTimeout(() => {\n          throttleTimer = null;\n        }, options.throttleMs);\n      }\n\n      // Handle preventDefault\n      if (options.preventDefault) {\n        event.preventDefault();\n      }\n\n      // Build payload\n      const payload =\n        Object.keys(customPayload).length > 0\n          ? { ...customPayload }\n          : options.extractPayload\n            ? options.extractPayload(event, element)\n            : extractEventData(event, element);\n\n      // Dispatch to engine\n      const engine = getEngine(element);\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      }\n    };\n\n    // Register the listener using disposable pattern\n    disposables.add(\n      disposableListener(element, eventType, listener, {\n        passive: options.passive,\n      })\n    );\n\n    // Clean up registered events tracking on dispose\n    disposables.addCallback(() => {\n      unregisterEvent(element, eventKey);\n      if (throttleTimer) {\n        throttleTimer.dispose();\n      }\n    });\n  };\n}\n\n/**\n * Create a keyboard event handler that filters by key\n */\nfunction createKeyHandler(defaultKey: string = \"Enter\"): ApplicatorHandler {\n  return (element: HTMLElement, value: unknown) => {\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      console.warn(\n        `[EventApplicator] onKey requires an action reference starting with @, got:`,\n        value\n      );\n      return;\n    }\n\n    const disposables = getElementDisposables(element);\n\n    const eventKey = `keydown:${actionName}:${defaultKey}`;\n    if (getRegisteredEvents(element).has(eventKey)) {\n      return;\n    }\n    registerEvent(element, eventKey);\n\n    // Get target key from element data or use default\n    const targetKey = getKeyTarget(element) || defaultKey;\n    const keyToMatch = targetKey.toLowerCase() === \"return\" ? \"Enter\" : targetKey;\n\n    const listener = (event: Event) => {\n      const keyEvent = event as KeyboardEvent;\n      if (keyEvent.key !== keyToMatch) {\n        return;\n      }\n\n      event.preventDefault();\n\n      const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n      const payload =\n        Object.keys(customPayload).length > 0\n          ? { ...customPayload }\n          : {\n              type: event.type,\n              timestamp: Date.now(),\n              key: keyEvent.key,\n              code: keyEvent.code,\n              value: target.value,\n              input: target.value,\n              ctrlKey: keyEvent.ctrlKey,\n              shiftKey: keyEvent.shiftKey,\n              altKey: keyEvent.altKey,\n              metaKey: keyEvent.metaKey,\n            };\n\n      const engine = getEngine(element);\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      }\n    };\n\n    disposables.add(disposableListener(element, \"keydown\", listener));\n    disposables.addCallback(() => {\n      unregisterEvent(element, eventKey);\n    });\n  };\n}\n\n/**\n * Create a long-click/long-press handler\n */\nfunction createLongClickHandler(thresholdMs: number = 500): ApplicatorHandler {\n  return (element: HTMLElement, value: unknown) => {\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      console.warn(\n        `[EventApplicator] onLongClick requires an action reference starting with @, got:`,\n        value\n      );\n      return;\n    }\n\n    const disposables = getElementDisposables(element);\n\n    const eventKey = `longclick:${actionName}`;\n    if (getRegisteredEvents(element).has(eventKey)) {\n      return;\n    }\n    registerEvent(element, eventKey);\n\n    let longClickTimer: Disposable | null = null;\n\n    const downListener = (event: Event) => {\n      const pointerEvent = event as PointerEvent;\n\n      longClickTimer = disposableTimeout(() => {\n        const payload =\n          Object.keys(customPayload).length > 0\n            ? { ...customPayload }\n            : {\n                type: \"longclick\",\n                timestamp: Date.now(),\n                clientX: pointerEvent.clientX,\n                clientY: pointerEvent.clientY,\n              };\n\n        const engine = getEngine(element);\n        if (engine) {\n          engine.dispatchAction(actionName, payload);\n        }\n\n        longClickTimer = null;\n      }, thresholdMs);\n    };\n\n    const cancelListener = () => {\n      if (longClickTimer) {\n        longClickTimer.dispose();\n        longClickTimer = null;\n      }\n    };\n\n    disposables.add(disposableListener(element, \"pointerdown\", downListener));\n    disposables.add(disposableListener(element, \"pointerup\", cancelListener));\n    disposables.add(disposableListener(element, \"pointerleave\", cancelListener));\n    disposables.addCallback(() => {\n      unregisterEvent(element, eventKey);\n      cancelListener();\n    });\n  };\n}\n\n// ============================================================================\n// Payload Extractors\n// ============================================================================\n\nconst inputPayload = (event: Event, element: HTMLElement): Record<string, unknown> => {\n  const target = element as HTMLInputElement | HTMLTextAreaElement;\n  return {\n    type: event.type,\n    timestamp: Date.now(),\n    value: target.value,\n    input: target.value,\n  };\n};\n\nconst scrollPayload = (_event: Event, element: HTMLElement): Record<string, unknown> => {\n  const scrollTop = element.scrollTop;\n  const scrollHeight = element.scrollHeight;\n  const clientHeight = element.clientHeight;\n  const scrollPercentage =\n    scrollHeight - clientHeight > 0\n      ? (scrollTop / (scrollHeight - clientHeight)) * 100\n      : 0;\n\n  const nearBottom =\n    scrollHeight - scrollTop - clientHeight < 100 || scrollPercentage > 90;\n\n  return {\n    type: \"scroll\",\n    timestamp: Date.now(),\n    scrollTop,\n    scrollLeft: element.scrollLeft,\n    scrollHeight,\n    scrollWidth: element.scrollWidth,\n    clientHeight,\n    clientWidth: element.clientWidth,\n    scrollPercentage: Math.round(scrollPercentage),\n    nearBottom,\n    atBottom: scrollHeight - scrollTop === clientHeight,\n    atTop: scrollTop === 0,\n  };\n};\n\nconst focusPayload = (event: Event, element: HTMLElement): Record<string, unknown> => ({\n  type: event.type,\n  timestamp: Date.now(),\n  value: (element as HTMLInputElement).value ?? undefined,\n});\n\nconst mousePayload = (event: Event, _element: HTMLElement): Record<string, unknown> => {\n  const mouseEvent = event as MouseEvent;\n  return {\n    type: event.type,\n    timestamp: Date.now(),\n    clientX: mouseEvent.clientX,\n    clientY: mouseEvent.clientY,\n  };\n};\n\n// ============================================================================\n// Event Handlers Export\n// ============================================================================\n\nexport const eventHandlers: Record<string, ApplicatorHandler> = {\n  // Basic click/press\n  onClick: createEventHandler(\"click\"),\n  onPress: createEventHandler(\"click\"), // Alias for mobile-style naming\n\n  // Form events\n  onChange: createEventHandler(\"change\"),\n  onSubmit: createEventHandler(\"submit\", { preventDefault: true }),\n  onInput: createEventHandler(\"input\", { extractPayload: inputPayload }),\n\n  // Keyboard events\n  onKey: createKeyHandler(\"Enter\"),\n  \"onKey.key\": (element: HTMLElement, value: unknown) => {\n    // Store the target key for the action handler to use\n    setKeyTarget(element, String(value));\n  },\n  \"onKey.action\": createKeyHandler(\"Enter\"),\n\n  // Scroll (throttled)\n  onScroll: createEventHandler(\"scroll\", {\n    throttleMs: 100,\n    passive: true,\n    extractPayload: scrollPayload,\n  }),\n\n  // Long click/press\n  onLongClick: createLongClickHandler(500),\n\n  // Focus events\n  onFocus: createEventHandler(\"focus\", { extractPayload: focusPayload }),\n  onBlur: createEventHandler(\"blur\", { extractPayload: focusPayload }),\n\n  // Mouse hover events\n  onMouseEnter: createEventHandler(\"mouseenter\", { extractPayload: mousePayload }),\n  onMouseLeave: createEventHandler(\"mouseleave\", { extractPayload: mousePayload }),\n};\n"
-  ],
-  "mappings": "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",
-  "debugId": "6DDDCC9CFBAD6BCB64756E2164756E21",
-  "names": []
-}