@coherent.js/client 1.0.0-rc.1 → 1.0.0-rc.3

package/dist/chunk-N36BSMJU.js

@@ -0,0 +1,201 @@
+// src/events/registry.js
+var HandlerRegistry = class {
+  constructor() {
+    this.handlers = /* @__PURE__ */ new Map();
+  }
+  /**
+   * Register a handler with optional component context
+   * @param {string} handlerId - Unique identifier for the handler
+   * @param {Function} handler - The event handler function
+   * @param {object|null} componentRef - Optional component reference with state/setState
+   */
+  register(handlerId, handler, componentRef = null) {
+    if (typeof handler !== "function") {
+      throw new Error(`Handler must be a function, received: ${typeof handler}`);
+    }
+    this.handlers.set(handlerId, { handler, componentRef });
+  }
+  /**
+   * Unregister a handler by ID
+   * @param {string} handlerId - The handler ID to remove
+   * @returns {boolean} True if handler was removed, false if not found
+   */
+  unregister(handlerId) {
+    return this.handlers.delete(handlerId);
+  }
+  /**
+   * Get a handler entry by ID
+   * @param {string} handlerId - The handler ID to look up
+   * @returns {{handler: Function, componentRef: object|null}|undefined} Handler entry or undefined
+   */
+  get(handlerId) {
+    return this.handlers.get(handlerId);
+  }
+  /**
+   * Check if a handler is registered
+   * @param {string} handlerId - The handler ID to check
+   * @returns {boolean} True if handler exists
+   */
+  has(handlerId) {
+    return this.handlers.has(handlerId);
+  }
+  /**
+   * Clear all registered handlers
+   */
+  clear() {
+    this.handlers.clear();
+  }
+  /**
+   * Get all handler IDs registered for a specific component
+   * @param {object} componentRef - The component reference to search for
+   * @returns {string[]} Array of handler IDs belonging to this component
+   */
+  getByComponent(componentRef) {
+    if (!componentRef) {
+      return [];
+    }
+    const handlerIds = [];
+    for (const [handlerId, entry] of this.handlers) {
+      if (entry.componentRef === componentRef) {
+        handlerIds.push(handlerId);
+      }
+    }
+    return handlerIds;
+  }
+  /**
+   * Get the number of registered handlers
+   * @returns {number} Count of registered handlers
+   */
+  get size() {
+    return this.handlers.size;
+  }
+};
+var handlerRegistry = new HandlerRegistry();
+
+// src/events/wrapper.js
+function wrapEvent(originalEvent, target, componentRef = null) {
+  return {
+    // Native event access
+    originalEvent,
+    target,
+    // Delegate common methods
+    preventDefault() {
+      originalEvent.preventDefault();
+    },
+    stopPropagation() {
+      originalEvent.stopPropagation();
+    },
+    // Component context (null if no componentRef provided)
+    component: componentRef?.component ?? null,
+    state: componentRef?.state ?? null,
+    setState: componentRef?.setState ?? null,
+    props: componentRef?.props ?? null
+  };
+}
+
+// src/events/delegation.js
+var EventDelegation = class {
+  /**
+   * @param {import('./registry.js').HandlerRegistry} [registry] - Handler registry instance
+   */
+  constructor(registry = handlerRegistry) {
+    this.registry = registry;
+    this.initialized = false;
+    this.root = null;
+    this.boundHandlers = /* @__PURE__ */ new Map();
+    this.eventTypes = [
+      "click",
+      "change",
+      "input",
+      "submit",
+      "focus",
+      "blur",
+      "keydown",
+      "keyup",
+      "keypress"
+    ];
+  }
+  /**
+   * Initialize event delegation by attaching listeners to the root element
+   * @param {Document|Element} [root=document] - Root element for event delegation
+   */
+  initialize(root = typeof document !== "undefined" ? document : null) {
+    if (this.initialized) {
+      return;
+    }
+    if (!root) {
+      return;
+    }
+    this.root = root;
+    for (const eventType of this.eventTypes) {
+      const handler = (event) => this.handleEvent(event, eventType);
+      const useCapture = eventType === "focus" || eventType === "blur";
+      const options = {
+        capture: useCapture,
+        passive: eventType !== "submit"
+      };
+      root.addEventListener(eventType, handler, options);
+      this.boundHandlers.set(eventType, { handler, options });
+    }
+    this.initialized = true;
+  }
+  /**
+   * Handle a delegated event
+   * @param {Event} event - The DOM event
+   * @param {string} eventType - The type of event (click, change, etc.)
+   */
+  handleEvent(event, eventType) {
+    const target = event.target;
+    if (!target || typeof target.closest !== "function") {
+      return;
+    }
+    const attrName = `data-coherent-${eventType}`;
+    const delegateTarget = target.closest(`[${attrName}]`);
+    if (!delegateTarget) {
+      return;
+    }
+    const handlerId = delegateTarget.getAttribute(attrName);
+    if (!handlerId) {
+      return;
+    }
+    const entry = this.registry.get(handlerId);
+    if (!entry) {
+      return;
+    }
+    const wrappedEvent = wrapEvent(event, delegateTarget, entry.componentRef);
+    entry.handler(wrappedEvent);
+  }
+  /**
+   * Destroy the event delegation system
+   * Removes all listeners and clears the registry
+   */
+  destroy() {
+    if (!this.initialized || !this.root) {
+      return;
+    }
+    for (const [eventType, { handler, options }] of this.boundHandlers) {
+      this.root.removeEventListener(eventType, handler, options);
+    }
+    this.boundHandlers.clear();
+    this.registry.clear();
+    this.initialized = false;
+    this.root = null;
+  }
+  /**
+   * Check if the delegation system is initialized
+   * @returns {boolean} True if initialized
+   */
+  isInitialized() {
+    return this.initialized;
+  }
+};
+var eventDelegation = new EventDelegation();
+
+export {
+  HandlerRegistry,
+  handlerRegistry,
+  wrapEvent,
+  EventDelegation,
+  eventDelegation
+};
+//# sourceMappingURL=chunk-N36BSMJU.js.map

package/dist/chunk-N36BSMJU.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/events/registry.js", "../src/events/wrapper.js", "../src/events/delegation.js"],
+  "sourcesContent": ["/**\n * Handler Registry for Coherent.js Event Delegation\n *\n * Maps handler IDs to their corresponding functions and component context.\n * Handlers are identified by ID (from data-coherent-{event} attributes) rather\n * than by element reference, allowing them to survive DOM updates.\n */\n\n/**\n * HandlerRegistry class\n * Stores handler functions with their associated component context\n */\nexport class HandlerRegistry {\n  constructor() {\n    /** @type {Map<string, {handler: Function, componentRef: object|null}>} */\n    this.handlers = new Map();\n  }\n\n  /**\n   * Register a handler with optional component context\n   * @param {string} handlerId - Unique identifier for the handler\n   * @param {Function} handler - The event handler function\n   * @param {object|null} componentRef - Optional component reference with state/setState\n   */\n  register(handlerId, handler, componentRef = null) {\n    if (typeof handler !== 'function') {\n      throw new Error(`Handler must be a function, received: ${typeof handler}`);\n    }\n    this.handlers.set(handlerId, { handler, componentRef });\n  }\n\n  /**\n   * Unregister a handler by ID\n   * @param {string} handlerId - The handler ID to remove\n   * @returns {boolean} True if handler was removed, false if not found\n   */\n  unregister(handlerId) {\n    return this.handlers.delete(handlerId);\n  }\n\n  /**\n   * Get a handler entry by ID\n   * @param {string} handlerId - The handler ID to look up\n   * @returns {{handler: Function, componentRef: object|null}|undefined} Handler entry or undefined\n   */\n  get(handlerId) {\n    return this.handlers.get(handlerId);\n  }\n\n  /**\n   * Check if a handler is registered\n   * @param {string} handlerId - The handler ID to check\n   * @returns {boolean} True if handler exists\n   */\n  has(handlerId) {\n    return this.handlers.has(handlerId);\n  }\n\n  /**\n   * Clear all registered handlers\n   */\n  clear() {\n    this.handlers.clear();\n  }\n\n  /**\n   * Get all handler IDs registered for a specific component\n   * @param {object} componentRef - The component reference to search for\n   * @returns {string[]} Array of handler IDs belonging to this component\n   */\n  getByComponent(componentRef) {\n    if (!componentRef) {\n      return [];\n    }\n\n    const handlerIds = [];\n    for (const [handlerId, entry] of this.handlers) {\n      if (entry.componentRef === componentRef) {\n        handlerIds.push(handlerId);\n      }\n    }\n    return handlerIds;\n  }\n\n  /**\n   * Get the number of registered handlers\n   * @returns {number} Count of registered handlers\n   */\n  get size() {\n    return this.handlers.size;\n  }\n}\n\n/**\n * Singleton handler registry instance\n * Use this for global event delegation\n */\nexport const handlerRegistry = new HandlerRegistry();\n", "/**\n * Event Wrapper for Coherent.js\n *\n * Wraps native DOM events with component context, providing handlers\n * access to component state, setState, and props.\n */\n\n/**\n * @typedef {object} CoherentEvent\n * @property {Event} originalEvent - The native DOM event\n * @property {Element} target - The element with the data-coherent-* attribute\n * @property {function(): void} preventDefault - Delegates to originalEvent.preventDefault()\n * @property {function(): void} stopPropagation - Delegates to originalEvent.stopPropagation()\n * @property {function|null} component - The component function (if available)\n * @property {object|null} state - Current component state (if available)\n * @property {function|null} setState - State setter function (if available)\n * @property {object|null} props - Component props (if available)\n */\n\n/**\n * Wrap a native DOM event with component context\n *\n * @param {Event} originalEvent - The native DOM event\n * @param {Element} target - The element that matched the data attribute selector\n * @param {object|null} componentRef - Optional component reference object\n * @param {function} [componentRef.component] - The component function\n * @param {object} [componentRef.state] - Current component state\n * @param {function} [componentRef.setState] - State setter function\n * @param {object} [componentRef.props] - Component props\n * @returns {CoherentEvent} Wrapped event with component context\n */\nexport function wrapEvent(originalEvent, target, componentRef = null) {\n  return {\n    // Native event access\n    originalEvent,\n    target,\n\n    // Delegate common methods\n    preventDefault() {\n      originalEvent.preventDefault();\n    },\n\n    stopPropagation() {\n      originalEvent.stopPropagation();\n    },\n\n    // Component context (null if no componentRef provided)\n    component: componentRef?.component ?? null,\n    state: componentRef?.state ?? null,\n    setState: componentRef?.setState ?? null,\n    props: componentRef?.props ?? null,\n  };\n}\n", "/**\n * Event Delegation for Coherent.js\n *\n * Document-level event delegation that routes events to handlers via\n * data-coherent-{eventType} attributes. This ensures event handlers\n * survive DOM updates since they're registered by ID, not by element.\n */\n\nimport { handlerRegistry as defaultRegistry } from './registry.js';\nimport { wrapEvent } from './wrapper.js';\n\n/**\n * EventDelegation class\n * Manages document-level event listeners and routes to registered handlers\n */\nexport class EventDelegation {\n  /**\n   * @param {import('./registry.js').HandlerRegistry} [registry] - Handler registry instance\n   */\n  constructor(registry = defaultRegistry) {\n    this.registry = registry;\n    this.initialized = false;\n    this.root = null;\n    this.boundHandlers = new Map();\n\n    /**\n     * Event types to delegate\n     * Focus/blur use capture phase because they don't bubble\n     */\n    this.eventTypes = [\n      'click',\n      'change',\n      'input',\n      'submit',\n      'focus',\n      'blur',\n      'keydown',\n      'keyup',\n      'keypress',\n    ];\n  }\n\n  /**\n   * Initialize event delegation by attaching listeners to the root element\n   * @param {Document|Element} [root=document] - Root element for event delegation\n   */\n  initialize(root = typeof document !== 'undefined' ? document : null) {\n    if (this.initialized) {\n      return;\n    }\n\n    if (!root) {\n      // No DOM available (SSR context)\n      return;\n    }\n\n    this.root = root;\n\n    for (const eventType of this.eventTypes) {\n      const handler = (event) => this.handleEvent(event, eventType);\n\n      // Focus and blur don't bubble - must use capture phase\n      const useCapture = eventType === 'focus' || eventType === 'blur';\n\n      // Submit needs preventDefault capability, others can be passive\n      const options = {\n        capture: useCapture,\n        passive: eventType !== 'submit',\n      };\n\n      root.addEventListener(eventType, handler, options);\n      this.boundHandlers.set(eventType, { handler, options });\n    }\n\n    this.initialized = true;\n  }\n\n  /**\n   * Handle a delegated event\n   * @param {Event} event - The DOM event\n   * @param {string} eventType - The type of event (click, change, etc.)\n   */\n  handleEvent(event, eventType) {\n    const target = event.target;\n    if (!target || typeof target.closest !== 'function') {\n      return;\n    }\n\n    // Find the nearest element with the appropriate data attribute\n    const attrName = `data-coherent-${eventType}`;\n    const delegateTarget = target.closest(`[${attrName}]`);\n\n    if (!delegateTarget) {\n      return;\n    }\n\n    // Get the handler ID from the attribute\n    const handlerId = delegateTarget.getAttribute(attrName);\n    if (!handlerId) {\n      return;\n    }\n\n    // Look up the handler in the registry\n    const entry = this.registry.get(handlerId);\n    if (!entry) {\n      return;\n    }\n\n    // Wrap the event with component context and call the handler\n    const wrappedEvent = wrapEvent(event, delegateTarget, entry.componentRef);\n    entry.handler(wrappedEvent);\n  }\n\n  /**\n   * Destroy the event delegation system\n   * Removes all listeners and clears the registry\n   */\n  destroy() {\n    if (!this.initialized || !this.root) {\n      return;\n    }\n\n    // Remove all event listeners\n    for (const [eventType, { handler, options }] of this.boundHandlers) {\n      this.root.removeEventListener(eventType, handler, options);\n    }\n\n    this.boundHandlers.clear();\n    this.registry.clear();\n    this.initialized = false;\n    this.root = null;\n  }\n\n  /**\n   * Check if the delegation system is initialized\n   * @returns {boolean} True if initialized\n   */\n  isInitialized() {\n    return this.initialized;\n  }\n}\n\n/**\n * Singleton event delegation instance\n * Use this for global event delegation\n */\nexport const eventDelegation = new EventDelegation();\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/events/index.js

@@ -0,0 +1,15 @@
+import {
+  EventDelegation,
+  HandlerRegistry,
+  eventDelegation,
+  handlerRegistry,
+  wrapEvent
+} from "../chunk-N36BSMJU.js";
+export {
+  EventDelegation,
+  HandlerRegistry,
+  eventDelegation,
+  handlerRegistry,
+  wrapEvent
+};
+//# sourceMappingURL=index.js.map

package/dist/events/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/hmr.js

@@ -0,0 +1,5 @@
+// src/hmr.js
+throw new Error(
+  "Coherent.js 1.0: importing '@coherent.js/client/src/hmr.js' was removed. Import { hmrClient } from '@coherent.js/client' and call hmrClient.connect() instead. See https://coherentjs.dev/docs/migration/1.0#removed-client-hmr-shim"
+);
+//# sourceMappingURL=hmr.js.map

package/dist/hmr.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hmr.js"],
+  "sourcesContent": ["/**\n * Coherent.js HMR \u2014 legacy module entrypoint\n *\n * REMOVED in 1.0. This file existed in beta to auto-initialize HMR on import.\n * Direct imports of this path now throw immediately so callers see the\n * migration instruction instead of silent failures further down the call stack.\n *\n * @module @coherent.js/client/hmr\n */\n\nthrow new Error(\n  \"Coherent.js 1.0: importing '@coherent.js/client/src/hmr.js' was removed. \" +\n  \"Import { hmrClient } from '@coherent.js/client' and call hmrClient.connect() instead. \" +\n  \"See https://coherentjs.dev/docs/migration/1.0#removed-client-hmr-shim\"\n);\n"],
+  "mappings": ";AAUA,MAAM,IAAI;AAAA,EACR;AAGF;",
+  "names": []
+}

package/dist/index.js

@@ -1,195 +1,10 @@
-// src/events/registry.js
-var HandlerRegistry = class {
-  constructor() {
-    this.handlers = /* @__PURE__ */ new Map();
-  }
-  /**
-   * Register a handler with optional component context
-   * @param {string} handlerId - Unique identifier for the handler
-   * @param {Function} handler - The event handler function
-   * @param {object|null} componentRef - Optional component reference with state/setState
-   */
-  register(handlerId, handler, componentRef = null) {
-    if (typeof handler !== "function") {
-      throw new Error(`Handler must be a function, received: ${typeof handler}`);
-    }
-    this.handlers.set(handlerId, { handler, componentRef });
-  }
-  /**
-   * Unregister a handler by ID
-   * @param {string} handlerId - The handler ID to remove
-   * @returns {boolean} True if handler was removed, false if not found
-   */
-  unregister(handlerId) {
-    return this.handlers.delete(handlerId);
-  }
-  /**
-   * Get a handler entry by ID
-   * @param {string} handlerId - The handler ID to look up
-   * @returns {{handler: Function, componentRef: object|null}|undefined} Handler entry or undefined
-   */
-  get(handlerId) {
-    return this.handlers.get(handlerId);
-  }
-  /**
-   * Check if a handler is registered
-   * @param {string} handlerId - The handler ID to check
-   * @returns {boolean} True if handler exists
-   */
-  has(handlerId) {
-    return this.handlers.has(handlerId);
-  }
-  /**
-   * Clear all registered handlers
-   */
-  clear() {
-    this.handlers.clear();
-  }
-  /**
-   * Get all handler IDs registered for a specific component
-   * @param {object} componentRef - The component reference to search for
-   * @returns {string[]} Array of handler IDs belonging to this component
-   */
-  getByComponent(componentRef) {
-    if (!componentRef) {
-      return [];
-    }
-    const handlerIds = [];
-    for (const [handlerId, entry] of this.handlers) {
-      if (entry.componentRef === componentRef) {
-        handlerIds.push(handlerId);
-      }
-    }
-    return handlerIds;
-  }
-  /**
-   * Get the number of registered handlers
-   * @returns {number} Count of registered handlers
-   */
-  get size() {
-    return this.handlers.size;
-  }
-};
-var handlerRegistry = new HandlerRegistry();
-
-// src/events/wrapper.js
-function wrapEvent(originalEvent, target, componentRef = null) {
-  return {
-    // Native event access
-    originalEvent,
-    target,
-    // Delegate common methods
-    preventDefault() {
-      originalEvent.preventDefault();
-    },
-    stopPropagation() {
-      originalEvent.stopPropagation();
-    },
-    // Component context (null if no componentRef provided)
-    component: componentRef?.component ?? null,
-    state: componentRef?.state ?? null,
-    setState: componentRef?.setState ?? null,
-    props: componentRef?.props ?? null
-  };
-}
-
-// src/events/delegation.js
-var EventDelegation = class {
-  /**
-   * @param {import('./registry.js').HandlerRegistry} [registry] - Handler registry instance
-   */
-  constructor(registry = handlerRegistry) {
-    this.registry = registry;
-    this.initialized = false;
-    this.root = null;
-    this.boundHandlers = /* @__PURE__ */ new Map();
-    this.eventTypes = [
-      "click",
-      "change",
-      "input",
-      "submit",
-      "focus",
-      "blur",
-      "keydown",
-      "keyup",
-      "keypress"
-    ];
-  }
-  /**
-   * Initialize event delegation by attaching listeners to the root element
-   * @param {Document|Element} [root=document] - Root element for event delegation
-   */
-  initialize(root = typeof document !== "undefined" ? document : null) {
-    if (this.initialized) {
-      return;
-    }
-    if (!root) {
-      return;
-    }
-    this.root = root;
-    for (const eventType of this.eventTypes) {
-      const handler = (event) => this.handleEvent(event, eventType);
-      const useCapture = eventType === "focus" || eventType === "blur";
-      const options = {
-        capture: useCapture,
-        passive: eventType !== "submit"
-      };
-      root.addEventListener(eventType, handler, options);
-      this.boundHandlers.set(eventType, { handler, options });
-    }
-    this.initialized = true;
-  }
-  /**
-   * Handle a delegated event
-   * @param {Event} event - The DOM event
-   * @param {string} eventType - The type of event (click, change, etc.)
-   */
-  handleEvent(event, eventType) {
-    const target = event.target;
-    if (!target || typeof target.closest !== "function") {
-      return;
-    }
-    const attrName = `data-coherent-${eventType}`;
-    const delegateTarget = target.closest(`[${attrName}]`);
-    if (!delegateTarget) {
-      return;
-    }
-    const handlerId = delegateTarget.getAttribute(attrName);
-    if (!handlerId) {
-      return;
-    }
-    const entry = this.registry.get(handlerId);
-    if (!entry) {
-      return;
-    }
-    const wrappedEvent = wrapEvent(event, delegateTarget, entry.componentRef);
-    entry.handler(wrappedEvent);
-  }
-  /**
-   * Destroy the event delegation system
-   * Removes all listeners and clears the registry
-   */
-  destroy() {
-    if (!this.initialized || !this.root) {
-      return;
-    }
-    for (const [eventType, { handler, options }] of this.boundHandlers) {
-      this.root.removeEventListener(eventType, handler, options);
-    }
-    this.boundHandlers.clear();
-    this.registry.clear();
-    this.initialized = false;
-    this.root = null;
-  }
-  /**
-   * Check if the delegation system is initialized
-   * @returns {boolean} True if initialized
-   */
-  isInitialized() {
-    return this.initialized;
-  }
-};
-var eventDelegation = new EventDelegation();
+import {
+  EventDelegation,
+  HandlerRegistry,
+  eventDelegation,
+  handlerRegistry,
+  wrapEvent
+} from "./chunk-N36BSMJU.js";
 
 // src/hydration/state-serializer.js
 function serializeState(state) {
@@ -512,6 +327,7 @@ function hydrate(component, container, options = {}) {
   eventDelegation.initialize();
   const {
     initialState: providedState,
+    // eslint-disable-next-line no-restricted-globals -- statically replaced by esbuild `define` at build time
     detectMismatch: shouldDetectMismatch = true,
     strict = false,
     onMismatch,