@hypen-space/web 0.2.0

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

@@ -0,0 +1,518 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/applicators/events.ts
+var exports_events = {};
+__export(exports_events, {
+  eventHandlers: () => eventHandlers
+});
+function toPlainObject(value) {
+  if (value instanceof Map) {
+    const obj = {};
+    for (const [key, val] of value.entries()) {
+      obj[key] = toPlainObject(val);
+    }
+    return obj;
+  }
+  if (Array.isArray(value)) {
+    return value.map((item) => toPlainObject(item));
+  }
+  if (value && typeof value === "object") {
+    const obj = {};
+    for (const [key, val] of Object.entries(value)) {
+      obj[key] = toPlainObject(val);
+    }
+    return obj;
+  }
+  return value;
+}
+function extractActionDetails(value) {
+  if (typeof value === "string") {
+    if (!value.startsWith("@")) {
+      return { actionName: null, payload: {} };
+    }
+    let actionName = value.substring(1);
+    if (actionName.startsWith("actions.")) {
+      actionName = actionName.substring(8);
+    }
+    return { actionName, payload: {} };
+  }
+  if (value && typeof value === "object") {
+    const plain = toPlainObject(value);
+    const payload = {};
+    let actionName = null;
+    if (plain && typeof plain === "object") {
+      const actionValue = plain["0"];
+      if (typeof actionValue === "string" && actionValue.startsWith("@")) {
+        actionName = actionValue.substring(1);
+        if (actionName.startsWith("actions.")) {
+          actionName = actionName.substring(8);
+        }
+      }
+      for (const [key, val] of Object.entries(plain)) {
+        if (key !== "0") {
+          payload[key] = val;
+        }
+      }
+    }
+    return { actionName, payload };
+  }
+  return { actionName: null, payload: {} };
+}
+function extractEventData(event, element) {
+  const data = {
+    type: event.type,
+    timestamp: Date.now()
+  };
+  if (event instanceof MouseEvent) {
+    data.clientX = event.clientX;
+    data.clientY = event.clientY;
+    data.button = event.button;
+  }
+  if (event instanceof KeyboardEvent) {
+    data.key = event.key;
+    data.code = event.code;
+    data.ctrlKey = event.ctrlKey;
+    data.shiftKey = event.shiftKey;
+    data.altKey = event.altKey;
+    data.metaKey = event.metaKey;
+  }
+  if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {
+    data.value = element.value;
+  }
+  if (element instanceof HTMLSelectElement) {
+    data.value = element.value;
+    data.selectedIndex = element.selectedIndex;
+  }
+  if (event.type === "submit" && element instanceof HTMLFormElement) {
+    data.formData = new FormData(element);
+  }
+  return data;
+}
+var eventHandlers;
+var init_events = __esm(() => {
+  eventHandlers = {
+    onClick: (element, value) => {
+      console.log(`[EventApplicator] onClick called with value:`, value);
+      const { actionName, payload: customPayload } = extractActionDetails(value);
+      if (!actionName) {
+        console.warn(`[EventApplicator] onClick value must be an action reference, got:`, value);
+        return;
+      }
+      const existingListener = element.__hypenClickListener;
+      if (existingListener) {
+        element.removeEventListener("click", existingListener);
+      }
+      const listener = (event) => {
+        console.log(`\uD83D\uDD25 [EventApplicator] onClick fired, dispatching action: ${actionName}`);
+        const payload = Object.keys(customPayload).length > 0 ? { ...customPayload } : extractEventData(event, element);
+        console.log(`[EventApplicator] onClick payload:`, payload);
+        const engine = element.__hypenEngine;
+        if (engine) {
+          engine.dispatchAction(actionName, payload);
+        } else {
+          console.warn(`[EventApplicator] No engine attached to element for onClick`);
+        }
+      };
+      element.__hypenClickListener = listener;
+      element.addEventListener("click", listener);
+      console.log(`[EventApplicator] onClick handler attached for action: ${actionName}`);
+    },
+    onPress: (element, value) => {
+      eventHandlers.onClick(element, value);
+    },
+    onChange: (element, value) => {
+      const { actionName } = extractActionDetails(value);
+      if (!actionName) {
+        console.warn(`[EventApplicator] onChange value must be an action reference starting with @, got:`, value);
+        return;
+      }
+      const existingListener = element.__hypenChangeListener;
+      if (existingListener) {
+        element.removeEventListener("change", existingListener);
+      }
+      const listener = (event) => {
+        console.log(`\uD83D\uDD25 [EventApplicator] onChange fired, dispatching action: ${actionName}`);
+        const payload = extractEventData(event, element);
+        const engine = element.__hypenEngine;
+        if (engine) {
+          engine.dispatchAction(actionName, payload);
+        } else {
+          console.warn(`[EventApplicator] No engine attached to element for onChange`);
+        }
+      };
+      element.__hypenChangeListener = listener;
+      element.addEventListener("change", listener);
+      console.log(`[EventApplicator] onChange handler attached for action: ${actionName}`);
+    },
+    onSubmit: (element, value) => {
+      const { actionName } = extractActionDetails(value);
+      if (!actionName) {
+        console.warn(`[EventApplicator] onSubmit value must be an action reference starting with @, got:`, value);
+        return;
+      }
+      const existingListener = element.__hypenSubmitListener;
+      if (existingListener) {
+        element.removeEventListener("submit", existingListener);
+      }
+      const listener = (event) => {
+        console.log(`\uD83D\uDD25 [EventApplicator] onSubmit fired, dispatching action: ${actionName}`);
+        event.preventDefault();
+        const payload = extractEventData(event, element);
+        const engine = element.__hypenEngine;
+        if (engine) {
+          engine.dispatchAction(actionName, payload);
+        } else {
+          console.warn(`[EventApplicator] No engine attached to element for onSubmit`);
+        }
+      };
+      element.__hypenSubmitListener = listener;
+      element.addEventListener("submit", listener);
+      console.log(`[EventApplicator] onSubmit handler attached for action: ${actionName}`);
+    },
+    onInput: (element, value) => {
+      console.log(`[EventApplicator] onInput called with value:`, value);
+      const { actionName } = extractActionDetails(value);
+      if (!actionName) {
+        console.warn(`[EventApplicator] onInput value must be an action reference starting with @, got:`, value);
+        return;
+      }
+      const existingListener = element.__hypenInputListener;
+      if (existingListener) {
+        element.removeEventListener("input", existingListener);
+      }
+      const listener = (event) => {
+        console.log(`\uD83D\uDD25 [EventApplicator] onInput fired, dispatching action: ${actionName}`);
+        const target = event.target;
+        const payload = {
+          type: event.type,
+          timestamp: Date.now(),
+          value: target.value,
+          input: target.value
+        };
+        console.log(`[EventApplicator] onInput payload:`, payload);
+        const engine = element.__hypenEngine;
+        if (engine) {
+          engine.dispatchAction(actionName, payload);
+        } else {
+          console.warn(`[EventApplicator] No engine attached to element for onInput`);
+        }
+      };
+      element.__hypenInputListener = listener;
+      element.addEventListener("input", listener);
+      console.log(`[EventApplicator] onInput handler attached for action: ${actionName}`);
+    },
+    onKey: (element, value) => {
+      console.log(`[EventApplicator] onKey called with value:`, value);
+      const { actionName } = extractActionDetails(value);
+      if (actionName) {
+        const existingListener = element.__hypenKeyListener;
+        if (existingListener) {
+          element.removeEventListener("keydown", existingListener);
+        }
+        const listener = (event) => {
+          if (event.key === "Enter") {
+            console.log(`\uD83D\uDD25 [EventApplicator] onKey fired (Enter), dispatching action: ${actionName}`);
+            event.preventDefault();
+            const target = event.target;
+            const payload = {
+              type: event.type,
+              timestamp: Date.now(),
+              key: event.key,
+              code: event.code,
+              value: target.value,
+              input: target.value,
+              ctrlKey: event.ctrlKey,
+              shiftKey: event.shiftKey,
+              altKey: event.altKey,
+              metaKey: event.metaKey
+            };
+            const engine = element.__hypenEngine;
+            if (engine) {
+              engine.dispatchAction(actionName, payload);
+            } else {
+              console.warn(`[EventApplicator] No engine attached to element for onKey`);
+            }
+          }
+        };
+        element.__hypenKeyListener = listener;
+        element.addEventListener("keydown", listener);
+        console.log(`[EventApplicator] onKey handler attached for action: ${actionName} (triggers on Enter)`);
+      } else {
+        console.warn(`[EventApplicator] onKey value must be an action reference starting with @, got: ${value}`);
+      }
+    },
+    "onKey.key": (element, keyValue) => {
+      console.log(`[EventApplicator] onKey.key called with value:`, keyValue);
+      element.__hypenKeyTarget = keyValue;
+    },
+    "onKey.action": (element, value) => {
+      console.log(`[EventApplicator] onKey.action called with value:`, value);
+      const { actionName } = extractActionDetails(value);
+      if (actionName) {
+        const targetKey = element.__hypenKeyTarget || "Enter";
+        const existingListener = element.__hypenKeyListener;
+        if (existingListener) {
+          element.removeEventListener("keydown", existingListener);
+        }
+        const listener = (event) => {
+          const keyToMatch = targetKey.toLowerCase() === "return" ? "Enter" : targetKey;
+          if (event.key === keyToMatch) {
+            console.log(`\uD83D\uDD25 [EventApplicator] onKey fired (${keyToMatch}), dispatching action: ${actionName}`);
+            event.preventDefault();
+            const target = event.target;
+            const payload = {
+              type: event.type,
+              timestamp: Date.now(),
+              key: event.key,
+              code: event.code,
+              value: target.value,
+              input: target.value,
+              ctrlKey: event.ctrlKey,
+              shiftKey: event.shiftKey,
+              altKey: event.altKey,
+              metaKey: event.metaKey
+            };
+            const engine = element.__hypenEngine;
+            if (engine) {
+              engine.dispatchAction(actionName, payload);
+            }
+          }
+        };
+        element.__hypenKeyListener = listener;
+        element.addEventListener("keydown", listener);
+        console.log(`[EventApplicator] onKey handler attached for action: ${actionName} on key: ${targetKey}`);
+      }
+    },
+    onScroll: (element, value) => {
+      console.log(`[EventApplicator] onScroll called with value:`, value);
+      const { actionName } = extractActionDetails(value);
+      if (actionName) {
+        const existingListener = element.__hypenScrollListener;
+        if (existingListener) {
+          element.removeEventListener("scroll", existingListener);
+        }
+        let throttleTimer = null;
+        const listener = (event) => {
+          if (throttleTimer)
+            return;
+          throttleTimer = setTimeout(() => {
+            throttleTimer = null;
+          }, 100);
+          const target = event.target;
+          const scrollTop = target.scrollTop;
+          const scrollHeight = target.scrollHeight;
+          const clientHeight = target.clientHeight;
+          const scrollPercentage = scrollTop / (scrollHeight - clientHeight) * 100;
+          const nearBottom = scrollHeight - scrollTop - clientHeight < 100 || scrollPercentage > 90;
+          console.log(`\uD83D\uDD25 [EventApplicator] onScroll fired, scrollTop: ${scrollTop}, nearBottom: ${nearBottom}`);
+          const payload = {
+            type: "scroll",
+            timestamp: Date.now(),
+            scrollTop,
+            scrollLeft: target.scrollLeft,
+            scrollHeight,
+            scrollWidth: target.scrollWidth,
+            clientHeight,
+            clientWidth: target.clientWidth,
+            scrollPercentage: Math.round(scrollPercentage),
+            nearBottom,
+            atBottom: scrollHeight - scrollTop === clientHeight,
+            atTop: scrollTop === 0
+          };
+          const engine = element.__hypenEngine;
+          if (engine) {
+            engine.dispatchAction(actionName, payload);
+          } else {
+            console.warn(`[EventApplicator] No engine attached to element for onScroll`);
+          }
+        };
+        element.__hypenScrollListener = listener;
+        element.addEventListener("scroll", listener, { passive: true });
+        console.log(`[EventApplicator] onScroll handler attached for action: ${actionName}`);
+      } else {
+        console.warn(`[EventApplicator] onScroll value must be an action reference starting with @, got: ${value}`);
+      }
+    },
+    onLongClick: (element, value) => {
+      console.log(`[EventApplicator] onLongClick called with value:`, value);
+      const { actionName, payload: customPayload } = extractActionDetails(value);
+      if (!actionName) {
+        console.warn(`[EventApplicator] onLongClick value must be an action reference, got:`, value);
+        return;
+      }
+      const existingDownListener = element.__hypenLongClickDownListener;
+      const existingUpListener = element.__hypenLongClickUpListener;
+      if (existingDownListener) {
+        element.removeEventListener("pointerdown", existingDownListener);
+      }
+      if (existingUpListener) {
+        element.removeEventListener("pointerup", existingUpListener);
+        element.removeEventListener("pointerleave", existingUpListener);
+      }
+      let longClickTimer = null;
+      const LONG_CLICK_THRESHOLD = 500;
+      const downListener = (event) => {
+        longClickTimer = setTimeout(() => {
+          console.log(`\uD83D\uDD25 [EventApplicator] onLongClick fired, dispatching action: ${actionName}`);
+          const payload = Object.keys(customPayload).length > 0 ? { ...customPayload } : {
+            type: "longclick",
+            timestamp: Date.now(),
+            clientX: event.clientX,
+            clientY: event.clientY
+          };
+          const engine = element.__hypenEngine;
+          if (engine) {
+            engine.dispatchAction(actionName, payload);
+          } else {
+            console.warn(`[EventApplicator] No engine attached to element for onLongClick`);
+          }
+          longClickTimer = null;
+        }, LONG_CLICK_THRESHOLD);
+      };
+      const upListener = () => {
+        if (longClickTimer) {
+          clearTimeout(longClickTimer);
+          longClickTimer = null;
+        }
+      };
+      element.__hypenLongClickDownListener = downListener;
+      element.__hypenLongClickUpListener = upListener;
+      element.addEventListener("pointerdown", downListener);
+      element.addEventListener("pointerup", upListener);
+      element.addEventListener("pointerleave", upListener);
+      console.log(`[EventApplicator] onLongClick handler attached for action: ${actionName}`);
+    },
+    onFocus: (element, value) => {
+      console.log(`[EventApplicator] onFocus called with value:`, value);
+      const { actionName, payload: customPayload } = extractActionDetails(value);
+      if (!actionName) {
+        console.warn(`[EventApplicator] onFocus value must be an action reference, got:`, value);
+        return;
+      }
+      const existingListener = element.__hypenFocusListener;
+      if (existingListener) {
+        element.removeEventListener("focus", existingListener);
+      }
+      const listener = (event) => {
+        console.log(`\uD83D\uDD25 [EventApplicator] onFocus fired, dispatching action: ${actionName}`);
+        const target = event.target;
+        const payload = Object.keys(customPayload).length > 0 ? { ...customPayload } : {
+          type: "focus",
+          timestamp: Date.now(),
+          value: target.value ?? undefined
+        };
+        const engine = element.__hypenEngine;
+        if (engine) {
+          engine.dispatchAction(actionName, payload);
+        } else {
+          console.warn(`[EventApplicator] No engine attached to element for onFocus`);
+        }
+      };
+      element.__hypenFocusListener = listener;
+      element.addEventListener("focus", listener);
+      console.log(`[EventApplicator] onFocus handler attached for action: ${actionName}`);
+    },
+    onBlur: (element, value) => {
+      console.log(`[EventApplicator] onBlur called with value:`, value);
+      const { actionName, payload: customPayload } = extractActionDetails(value);
+      if (!actionName) {
+        console.warn(`[EventApplicator] onBlur value must be an action reference, got:`, value);
+        return;
+      }
+      const existingListener = element.__hypenBlurListener;
+      if (existingListener) {
+        element.removeEventListener("blur", existingListener);
+      }
+      const listener = (event) => {
+        console.log(`\uD83D\uDD25 [EventApplicator] onBlur fired, dispatching action: ${actionName}`);
+        const target = event.target;
+        const payload = Object.keys(customPayload).length > 0 ? { ...customPayload } : {
+          type: "blur",
+          timestamp: Date.now(),
+          value: target.value ?? undefined
+        };
+        const engine = element.__hypenEngine;
+        if (engine) {
+          engine.dispatchAction(actionName, payload);
+        } else {
+          console.warn(`[EventApplicator] No engine attached to element for onBlur`);
+        }
+      };
+      element.__hypenBlurListener = listener;
+      element.addEventListener("blur", listener);
+      console.log(`[EventApplicator] onBlur handler attached for action: ${actionName}`);
+    },
+    onMouseEnter: (element, value) => {
+      console.log(`[EventApplicator] onMouseEnter called with value:`, value);
+      const { actionName, payload: customPayload } = extractActionDetails(value);
+      if (!actionName) {
+        console.warn(`[EventApplicator] onMouseEnter value must be an action reference, got:`, value);
+        return;
+      }
+      const existingListener = element.__hypenMouseEnterListener;
+      if (existingListener) {
+        element.removeEventListener("mouseenter", existingListener);
+      }
+      const listener = (event) => {
+        console.log(`\uD83D\uDD25 [EventApplicator] onMouseEnter fired, dispatching action: ${actionName}`);
+        const payload = Object.keys(customPayload).length > 0 ? { ...customPayload } : {
+          type: "mouseenter",
+          timestamp: Date.now(),
+          clientX: event.clientX,
+          clientY: event.clientY
+        };
+        const engine = element.__hypenEngine;
+        if (engine) {
+          engine.dispatchAction(actionName, payload);
+        } else {
+          console.warn(`[EventApplicator] No engine attached to element for onMouseEnter`);
+        }
+      };
+      element.__hypenMouseEnterListener = listener;
+      element.addEventListener("mouseenter", listener);
+      console.log(`[EventApplicator] onMouseEnter handler attached for action: ${actionName}`);
+    },
+    onMouseLeave: (element, value) => {
+      console.log(`[EventApplicator] onMouseLeave called with value:`, value);
+      const { actionName, payload: customPayload } = extractActionDetails(value);
+      if (!actionName) {
+        console.warn(`[EventApplicator] onMouseLeave value must be an action reference, got:`, value);
+        return;
+      }
+      const existingListener = element.__hypenMouseLeaveListener;
+      if (existingListener) {
+        element.removeEventListener("mouseleave", existingListener);
+      }
+      const listener = (event) => {
+        console.log(`\uD83D\uDD25 [EventApplicator] onMouseLeave fired, dispatching action: ${actionName}`);
+        const payload = Object.keys(customPayload).length > 0 ? { ...customPayload } : {
+          type: "mouseleave",
+          timestamp: Date.now(),
+          clientX: event.clientX,
+          clientY: event.clientY
+        };
+        const engine = element.__hypenEngine;
+        if (engine) {
+          engine.dispatchAction(actionName, payload);
+        } else {
+          console.warn(`[EventApplicator] No engine attached to element for onMouseLeave`);
+        }
+      };
+      element.__hypenMouseLeaveListener = listener;
+      element.addEventListener("mouseleave", listener);
+      console.log(`[EventApplicator] onMouseLeave handler attached for action: ${actionName}`);
+    }
+  };
+});
+init_events();
+
+export {
+  eventHandlers
+};
+
+export { exports_events, init_events };
+
+//# debugId=F529EAF36E9924CD64756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/applicators/events.ts"],
+  "sourcesContent": [
+    "/**\n * Event Applicators\n * \n * Handles event applicators like onClick, onPress, etc.\n */\n\nimport type { ApplicatorHandler } from \"./index.js\";\n\nfunction toPlainObject(value: any): any {\n  if (value instanceof Map) {\n    const obj: Record<string, any> = {};\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, any> = {};\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\nfunction extractActionDetails(value: any): { actionName: string | null; payload: Record<string, any> } {\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  if (value && typeof value === \"object\") {\n    const plain = toPlainObject(value);\n    const payload: Record<string, any> = {};\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          payload[key] = val;\n        }\n      }\n    }\n\n    return { actionName, payload };\n  }\n\n  return { actionName: null, payload: {} };\n}\n\nexport const eventHandlers: Record<string, ApplicatorHandler> = {\n  onClick: (element, value) => {\n    console.log(`[EventApplicator] onClick called with value:`, value);\n\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      console.warn(`[EventApplicator] onClick value must be an action reference, got:`, value);\n      return;\n    }\n\n    // Remove existing click listener if any\n    const existingListener = (element as any).__hypenClickListener;\n    if (existingListener) {\n      element.removeEventListener(\"click\", existingListener);\n    }\n\n    // Create new click listener\n    const listener = (event: Event) => {\n      console.log(`🔥 [EventApplicator] onClick fired, dispatching action: ${actionName}`);\n\n      // Use custom payload if provided, otherwise extract event data\n      const payload = Object.keys(customPayload).length > 0\n        ? { ...customPayload }\n        : extractEventData(event, element);\n\n      console.log(`[EventApplicator] onClick payload:`, payload);\n\n      // Dispatch action to engine\n      const engine = (element as any).__hypenEngine;\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      } else {\n        console.warn(`[EventApplicator] No engine attached to element for onClick`);\n      }\n    };\n\n    // Store listener reference and attach to DOM\n    (element as any).__hypenClickListener = listener;\n    element.addEventListener(\"click\", listener);\n\n    console.log(`[EventApplicator] onClick handler attached for action: ${actionName}`);\n  },\n\n  onPress: (element, value) => {\n    // For now, treat onPress same as onClick\n    // In the future, this could handle touch events differently\n    eventHandlers.onClick(element, value);\n  },\n\n  onChange: (element, value) => {\n    const { actionName } = extractActionDetails(value);\n\n    if (!actionName) {\n      console.warn(`[EventApplicator] onChange value must be an action reference starting with @, got:`, value);\n      return;\n    }\n\n    const existingListener = (element as any).__hypenChangeListener;\n    if (existingListener) {\n      element.removeEventListener(\"change\", existingListener);\n    }\n\n    const listener = (event: Event) => {\n      console.log(`🔥 [EventApplicator] onChange fired, dispatching action: ${actionName}`);\n\n      const payload = extractEventData(event, element);\n\n      const engine = (element as any).__hypenEngine;\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      } else {\n        console.warn(`[EventApplicator] No engine attached to element for onChange`);\n      }\n    };\n\n    (element as any).__hypenChangeListener = listener;\n    element.addEventListener(\"change\", listener);\n\n    console.log(`[EventApplicator] onChange handler attached for action: ${actionName}`);\n  },\n\n  onSubmit: (element, value) => {\n    const { actionName } = extractActionDetails(value);\n\n    if (!actionName) {\n      console.warn(`[EventApplicator] onSubmit value must be an action reference starting with @, got:`, value);\n      return;\n    }\n\n    const existingListener = (element as any).__hypenSubmitListener;\n    if (existingListener) {\n      element.removeEventListener(\"submit\", existingListener);\n    }\n\n    const listener = (event: Event) => {\n      console.log(`🔥 [EventApplicator] onSubmit fired, dispatching action: ${actionName}`);\n\n      event.preventDefault();\n\n      const payload = extractEventData(event, element);\n\n      const engine = (element as any).__hypenEngine;\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      } else {\n        console.warn(`[EventApplicator] No engine attached to element for onSubmit`);\n      }\n    };\n\n    (element as any).__hypenSubmitListener = listener;\n    element.addEventListener(\"submit\", listener);\n\n    console.log(`[EventApplicator] onSubmit handler attached for action: ${actionName}`);\n  },\n\n  onInput: (element, value) => {\n    console.log(`[EventApplicator] onInput called with value:`, value);\n    \n    const { actionName } = extractActionDetails(value);\n\n    if (!actionName) {\n      console.warn(`[EventApplicator] onInput value must be an action reference starting with @, got:`, value);\n      return;\n    }\n\n    const existingListener = (element as any).__hypenInputListener;\n    if (existingListener) {\n      element.removeEventListener(\"input\", existingListener);\n    }\n\n    const listener = (event: Event) => {\n      console.log(`🔥 [EventApplicator] onInput fired, dispatching action: ${actionName}`);\n\n      const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n      const payload = {\n        type: event.type,\n        timestamp: Date.now(),\n        value: target.value,\n        input: target.value,\n      };\n\n      console.log(`[EventApplicator] onInput payload:`, payload);\n\n      const engine = (element as any).__hypenEngine;\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      } else {\n        console.warn(`[EventApplicator] No engine attached to element for onInput`);\n      }\n    };\n\n    (element as any).__hypenInputListener = listener;\n    element.addEventListener(\"input\", listener);\n\n    console.log(`[EventApplicator] onInput handler attached for action: ${actionName}`);\n  },\n\n  onKey: (element, value) => {\n    console.log(`[EventApplicator] onKey called with value:`, value);\n    \n    // onKey can receive either:\n    // 1. Just an action: \"@action.submit\"\n    // 2. Key-specific format from props like onKey.key = \"return\", onKey.action = \"@action.submit\"\n    \n    // For now, we'll handle the simple case where onKey receives the action directly\n    // and triggers on Enter key by default\n    const { actionName } = extractActionDetails(value);\n\n    if (actionName) {\n      \n      const existingListener = (element as any).__hypenKeyListener;\n      if (existingListener) {\n        element.removeEventListener(\"keydown\", existingListener);\n      }\n      \n      const listener = (event: KeyboardEvent) => {\n        // Default to Enter key\n        if (event.key === \"Enter\") {\n          console.log(`🔥 [EventApplicator] onKey fired (Enter), dispatching action: ${actionName}`);\n          \n          event.preventDefault();\n          \n          const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n          const payload = {\n            type: event.type,\n            timestamp: Date.now(),\n            key: event.key,\n            code: event.code,\n            value: target.value,\n            input: target.value,\n            ctrlKey: event.ctrlKey,\n            shiftKey: event.shiftKey,\n            altKey: event.altKey,\n            metaKey: event.metaKey,\n          };\n          \n          const engine = (element as any).__hypenEngine;\n          if (engine) {\n            engine.dispatchAction(actionName, payload);\n          } else {\n            console.warn(`[EventApplicator] No engine attached to element for onKey`);\n          }\n        }\n      };\n      \n      (element as any).__hypenKeyListener = listener;\n      element.addEventListener(\"keydown\", listener);\n      \n      console.log(`[EventApplicator] onKey handler attached for action: ${actionName} (triggers on Enter)`);\n    } else {\n      console.warn(`[EventApplicator] onKey value must be an action reference starting with @, got: ${value}`);\n    }\n  },\n\n  // Handle key-specific applicator: onKey.key for specifying which key\n  \"onKey.key\": (element, keyValue) => {\n    console.log(`[EventApplicator] onKey.key called with value:`, keyValue);\n    // Store the key to check in the listener\n    (element as any).__hypenKeyTarget = keyValue;\n  },\n\n  // Handle action for specific key: onKey.action\n  \"onKey.action\": (element, value) => {\n    console.log(`[EventApplicator] onKey.action called with value:`, value);\n    \n    const { actionName } = extractActionDetails(value);\n\n    if (actionName) {\n      \n      const targetKey = (element as any).__hypenKeyTarget || \"Enter\";\n      \n      const existingListener = (element as any).__hypenKeyListener;\n      if (existingListener) {\n        element.removeEventListener(\"keydown\", existingListener);\n      }\n      \n      const listener = (event: KeyboardEvent) => {\n        const keyToMatch = targetKey.toLowerCase() === \"return\" ? \"Enter\" : targetKey;\n        \n        if (event.key === keyToMatch) {\n          console.log(`🔥 [EventApplicator] onKey fired (${keyToMatch}), dispatching action: ${actionName}`);\n          \n          event.preventDefault();\n          \n          const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n          const payload = {\n            type: event.type,\n            timestamp: Date.now(),\n            key: event.key,\n            code: event.code,\n            value: target.value,\n            input: target.value,\n            ctrlKey: event.ctrlKey,\n            shiftKey: event.shiftKey,\n            altKey: event.altKey,\n            metaKey: event.metaKey,\n          };\n          \n          const engine = (element as any).__hypenEngine;\n          if (engine) {\n            engine.dispatchAction(actionName, payload);\n          }\n        }\n      };\n      \n      (element as any).__hypenKeyListener = listener;\n      element.addEventListener(\"keydown\", listener);\n      \n      console.log(`[EventApplicator] onKey handler attached for action: ${actionName} on key: ${targetKey}`);\n    }\n  },\n\n  onScroll: (element, value) => {\n    console.log(`[EventApplicator] onScroll called with value:`, value);\n\n    const { actionName } = extractActionDetails(value);\n\n    if (actionName) {\n\n      // Remove existing scroll listener if any\n      const existingListener = (element as any).__hypenScrollListener;\n      if (existingListener) {\n        element.removeEventListener(\"scroll\", existingListener);\n      }\n\n      // Create new scroll listener with throttling to avoid too many events\n      let throttleTimer: number | null = null;\n      const listener = (event: Event) => {\n        if (throttleTimer) return;\n\n        throttleTimer = setTimeout(() => {\n          throttleTimer = null;\n        }, 100) as unknown as number; // Throttle to max 10 events/second\n\n        const target = event.target as HTMLElement;\n        const scrollTop = target.scrollTop;\n        const scrollHeight = target.scrollHeight;\n        const clientHeight = target.clientHeight;\n        const scrollPercentage = (scrollTop / (scrollHeight - clientHeight)) * 100;\n\n        // Calculate if near bottom (within 100px or 90% scrolled)\n        const nearBottom = scrollHeight - scrollTop - clientHeight < 100 || scrollPercentage > 90;\n\n        console.log(`🔥 [EventApplicator] onScroll fired, scrollTop: ${scrollTop}, nearBottom: ${nearBottom}`);\n\n        const payload = {\n          type: \"scroll\",\n          timestamp: Date.now(),\n          scrollTop,\n          scrollLeft: target.scrollLeft,\n          scrollHeight,\n          scrollWidth: target.scrollWidth,\n          clientHeight,\n          clientWidth: target.clientWidth,\n          scrollPercentage: Math.round(scrollPercentage),\n          nearBottom,\n          atBottom: scrollHeight - scrollTop === clientHeight,\n          atTop: scrollTop === 0,\n        };\n\n        const engine = (element as any).__hypenEngine;\n        if (engine) {\n          engine.dispatchAction(actionName, payload);\n        } else {\n          console.warn(`[EventApplicator] No engine attached to element for onScroll`);\n        }\n      };\n\n      (element as any).__hypenScrollListener = listener;\n      element.addEventListener(\"scroll\", listener, { passive: true });\n\n      console.log(`[EventApplicator] onScroll handler attached for action: ${actionName}`);\n    } else {\n      console.warn(`[EventApplicator] onScroll value must be an action reference starting with @, got: ${value}`);\n    }\n  },\n\n  onLongClick: (element, value) => {\n    console.log(`[EventApplicator] onLongClick called with value:`, value);\n\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      console.warn(`[EventApplicator] onLongClick value must be an action reference, got:`, value);\n      return;\n    }\n\n    // Remove existing long click listeners if any\n    const existingDownListener = (element as any).__hypenLongClickDownListener;\n    const existingUpListener = (element as any).__hypenLongClickUpListener;\n    if (existingDownListener) {\n      element.removeEventListener(\"pointerdown\", existingDownListener);\n    }\n    if (existingUpListener) {\n      element.removeEventListener(\"pointerup\", existingUpListener);\n      element.removeEventListener(\"pointerleave\", existingUpListener);\n    }\n\n    // Long click implementation using pointer events with 500ms threshold\n    let longClickTimer: ReturnType<typeof setTimeout> | null = null;\n    const LONG_CLICK_THRESHOLD = 500; // 500ms\n\n    const downListener = (event: PointerEvent) => {\n      longClickTimer = setTimeout(() => {\n        console.log(`🔥 [EventApplicator] onLongClick fired, dispatching action: ${actionName}`);\n\n        const payload = Object.keys(customPayload).length > 0\n          ? { ...customPayload }\n          : {\n              type: \"longclick\",\n              timestamp: Date.now(),\n              clientX: event.clientX,\n              clientY: event.clientY,\n            };\n\n        const engine = (element as any).__hypenEngine;\n        if (engine) {\n          engine.dispatchAction(actionName, payload);\n        } else {\n          console.warn(`[EventApplicator] No engine attached to element for onLongClick`);\n        }\n\n        longClickTimer = null;\n      }, LONG_CLICK_THRESHOLD);\n    };\n\n    const upListener = () => {\n      if (longClickTimer) {\n        clearTimeout(longClickTimer);\n        longClickTimer = null;\n      }\n    };\n\n    (element as any).__hypenLongClickDownListener = downListener;\n    (element as any).__hypenLongClickUpListener = upListener;\n    element.addEventListener(\"pointerdown\", downListener);\n    element.addEventListener(\"pointerup\", upListener);\n    element.addEventListener(\"pointerleave\", upListener);\n\n    console.log(`[EventApplicator] onLongClick handler attached for action: ${actionName}`);\n  },\n\n  onFocus: (element, value) => {\n    console.log(`[EventApplicator] onFocus called with value:`, value);\n\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      console.warn(`[EventApplicator] onFocus value must be an action reference, got:`, value);\n      return;\n    }\n\n    // Remove existing focus listener if any\n    const existingListener = (element as any).__hypenFocusListener;\n    if (existingListener) {\n      element.removeEventListener(\"focus\", existingListener);\n    }\n\n    const listener = (event: FocusEvent) => {\n      console.log(`🔥 [EventApplicator] onFocus fired, dispatching action: ${actionName}`);\n\n      const target = event.target as HTMLElement;\n      const payload = Object.keys(customPayload).length > 0\n        ? { ...customPayload }\n        : {\n            type: \"focus\",\n            timestamp: Date.now(),\n            value: (target as HTMLInputElement).value ?? undefined,\n          };\n\n      const engine = (element as any).__hypenEngine;\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      } else {\n        console.warn(`[EventApplicator] No engine attached to element for onFocus`);\n      }\n    };\n\n    (element as any).__hypenFocusListener = listener;\n    element.addEventListener(\"focus\", listener);\n\n    console.log(`[EventApplicator] onFocus handler attached for action: ${actionName}`);\n  },\n\n  onBlur: (element, value) => {\n    console.log(`[EventApplicator] onBlur called with value:`, value);\n\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      console.warn(`[EventApplicator] onBlur value must be an action reference, got:`, value);\n      return;\n    }\n\n    // Remove existing blur listener if any\n    const existingListener = (element as any).__hypenBlurListener;\n    if (existingListener) {\n      element.removeEventListener(\"blur\", existingListener);\n    }\n\n    const listener = (event: FocusEvent) => {\n      console.log(`🔥 [EventApplicator] onBlur fired, dispatching action: ${actionName}`);\n\n      const target = event.target as HTMLElement;\n      const payload = Object.keys(customPayload).length > 0\n        ? { ...customPayload }\n        : {\n            type: \"blur\",\n            timestamp: Date.now(),\n            value: (target as HTMLInputElement).value ?? undefined,\n          };\n\n      const engine = (element as any).__hypenEngine;\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      } else {\n        console.warn(`[EventApplicator] No engine attached to element for onBlur`);\n      }\n    };\n\n    (element as any).__hypenBlurListener = listener;\n    element.addEventListener(\"blur\", listener);\n\n    console.log(`[EventApplicator] onBlur handler attached for action: ${actionName}`);\n  },\n\n  onMouseEnter: (element, value) => {\n    console.log(`[EventApplicator] onMouseEnter called with value:`, value);\n\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      console.warn(`[EventApplicator] onMouseEnter value must be an action reference, got:`, value);\n      return;\n    }\n\n    // Remove existing listener if any\n    const existingListener = (element as any).__hypenMouseEnterListener;\n    if (existingListener) {\n      element.removeEventListener(\"mouseenter\", existingListener);\n    }\n\n    const listener = (event: MouseEvent) => {\n      console.log(`🔥 [EventApplicator] onMouseEnter fired, dispatching action: ${actionName}`);\n\n      const payload = Object.keys(customPayload).length > 0\n        ? { ...customPayload }\n        : {\n            type: \"mouseenter\",\n            timestamp: Date.now(),\n            clientX: event.clientX,\n            clientY: event.clientY,\n          };\n\n      const engine = (element as any).__hypenEngine;\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      } else {\n        console.warn(`[EventApplicator] No engine attached to element for onMouseEnter`);\n      }\n    };\n\n    (element as any).__hypenMouseEnterListener = listener;\n    element.addEventListener(\"mouseenter\", listener);\n\n    console.log(`[EventApplicator] onMouseEnter handler attached for action: ${actionName}`);\n  },\n\n  onMouseLeave: (element, value) => {\n    console.log(`[EventApplicator] onMouseLeave called with value:`, value);\n\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      console.warn(`[EventApplicator] onMouseLeave value must be an action reference, got:`, value);\n      return;\n    }\n\n    // Remove existing listener if any\n    const existingListener = (element as any).__hypenMouseLeaveListener;\n    if (existingListener) {\n      element.removeEventListener(\"mouseleave\", existingListener);\n    }\n\n    const listener = (event: MouseEvent) => {\n      console.log(`🔥 [EventApplicator] onMouseLeave fired, dispatching action: ${actionName}`);\n\n      const payload = Object.keys(customPayload).length > 0\n        ? { ...customPayload }\n        : {\n            type: \"mouseleave\",\n            timestamp: Date.now(),\n            clientX: event.clientX,\n            clientY: event.clientY,\n          };\n\n      const engine = (element as any).__hypenEngine;\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      } else {\n        console.warn(`[EventApplicator] No engine attached to element for onMouseLeave`);\n      }\n    };\n\n    (element as any).__hypenMouseLeaveListener = listener;\n    element.addEventListener(\"mouseleave\", listener);\n\n    console.log(`[EventApplicator] onMouseLeave handler attached for action: ${actionName}`);\n  },\n\n};\n\n/**\n * Extract relevant data from an event\n */\nfunction extractEventData(event: Event, element: HTMLElement): any {\n  const data: any = {\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 events (for form elements)\n  if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {\n    data.value = element.value;\n  }\n\n  // Select events\n  if (element instanceof HTMLSelectElement) {\n    data.value = element.value;\n    data.selectedIndex = element.selectedIndex;\n  }\n\n  // Form events\n  if (event.type === \"submit\" && element instanceof HTMLFormElement) {\n    data.formData = new FormData(element);\n  }\n\n  return data;\n}\n"
+  ],
+  "mappings": "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",
+  "debugId": "F529EAF36E9924CD64756E2164756E21",
+  "names": []
+}

package/dist/src/dom/applicators/font.js

@@ -0,0 +1,39 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/applicators/font.ts
+var exports_font = {};
+__export(exports_font, {
+  fontHandlers: () => fontHandlers
+});
+var fontHandlers;
+var init_font = __esm(() => {
+  fontHandlers = {
+    fontSize: (el, value) => {
+      el.style.fontSize = typeof value === "number" ? `${value}px` : String(value);
+    },
+    fontWeight: (el, value) => {
+      el.style.fontWeight = String(value);
+    },
+    fontFamily: (el, value) => {
+      el.style.fontFamily = String(value);
+    },
+    textAlign: (el, value) => {
+      el.style.textAlign = String(value);
+    },
+    lineHeight: (el, value) => {
+      el.style.lineHeight = String(value);
+    }
+  };
+});
+init_font();
+
+export {
+  fontHandlers
+};
+
+export { exports_font, init_font };
+
+//# debugId=ACEF34E7A7FAF5FF64756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/applicators/font.ts"],
+  "sourcesContent": [
+    "/**\n * Font Applicators\n */\n\nimport type { ApplicatorHandler } from \"./index.js\";\n\nexport const fontHandlers: Record<string, ApplicatorHandler> = {\n  fontSize: (el, value) => {\n    el.style.fontSize = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  fontWeight: (el, value) => {\n    el.style.fontWeight = String(value);\n  },\n\n  fontFamily: (el, value) => {\n    el.style.fontFamily = String(value);\n  },\n\n  textAlign: (el, value) => {\n    el.style.textAlign = String(value);\n  },\n\n  lineHeight: (el, value) => {\n    el.style.lineHeight = String(value);\n  },\n};\n"
+  ],
+  "mappings": ";;;;;;;;;;IAMa;AAAA;AAAA,iBAAkD;AAAA,IAC7D,UAAU,CAAC,IAAI,UAAU;AAAA,MACvB,GAAG,MAAM,WAAW,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAG7E,YAAY,CAAC,IAAI,UAAU;AAAA,MACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,IAGpC,YAAY,CAAC,IAAI,UAAU;AAAA,MACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,IAGpC,WAAW,CAAC,IAAI,UAAU;AAAA,MACxB,GAAG,MAAM,YAAY,OAAO,KAAK;AAAA;AAAA,IAGnC,YAAY,CAAC,IAAI,UAAU;AAAA,MACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,EAEtC;AAAA;",
+  "debugId": "ACEF34E7A7FAF5FF64756E2164756E21",
+  "names": []
+}