@hypen-space/web 0.2.0

package/dist/src/dom/events.js

@@ -0,0 +1,112 @@
+import"../../chunk-2s02mkzs.js";
+
+// src/dom/events.ts
+class EventManager {
+  engine;
+  bindings = new Map;
+  constructor(engine) {
+    this.engine = engine;
+  }
+  attach(elementId, element, eventName, actionName) {
+    const domEventName = eventName === "onClick" ? "click" : eventName;
+    console.log(`[EventManager] Attaching ${eventName} (DOM: ${domEventName}) to element ${elementId}, action: ${actionName}`);
+    const listener = (event) => {
+      console.log(`\uD83D\uDD25 [EventManager] Event fired: ${eventName} on ${elementId}, dispatching action: ${actionName}`);
+      console.log(`\uD83D\uDD25 [EventManager] Event object:`, event);
+      console.log(`\uD83D\uDD25 [EventManager] Element:`, element);
+      if (eventName === "submit" || eventName === "click" && element.tagName === "A") {
+        event.preventDefault();
+      }
+      const payload = this.extractEventData(event, element);
+      console.log(`\uD83D\uDD25 [EventManager] Event payload:`, payload);
+      console.log(`\uD83D\uDD25 [EventManager] Calling engine.dispatchAction(${actionName})`);
+      try {
+        this.engine.dispatchAction(actionName, payload);
+        console.log(`\uD83D\uDD25 [EventManager] ✅ dispatchAction succeeded`);
+      } catch (error) {
+        console.error(`\uD83D\uDD25 [EventManager] ❌ dispatchAction failed:`, error);
+      }
+    };
+    let elementBindings = this.bindings.get(elementId);
+    if (!elementBindings) {
+      elementBindings = new Map;
+      this.bindings.set(elementId, elementBindings);
+    }
+    elementBindings.set(eventName, listener);
+    element.addEventListener(domEventName, listener);
+    console.log(`[EventManager] Listener attached to DOM for ${domEventName}`);
+    console.log(`[EventManager] Element details:`, {
+      tagName: element.tagName,
+      id: element.id,
+      dataset: element.dataset,
+      textContent: element.textContent?.substring(0, 50)
+    });
+    if (domEventName === "click") {
+      element.addEventListener("click", (e) => {
+        console.log(`\uD83E\uDDEA [TEST] Raw DOM click detected on ${element.tagName}`, e);
+      });
+    }
+  }
+  detach(elementId, element, eventName) {
+    const elementBindings = this.bindings.get(elementId);
+    if (!elementBindings)
+      return;
+    const listener = elementBindings.get(eventName);
+    if (listener) {
+      element.removeEventListener(eventName, listener);
+      elementBindings.delete(eventName);
+    }
+    if (elementBindings.size === 0) {
+      this.bindings.delete(elementId);
+    }
+  }
+  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;
+  }
+  clearElement(elementId, element) {
+    const elementBindings = this.bindings.get(elementId);
+    if (!elementBindings)
+      return;
+    for (const [eventName, listener] of elementBindings) {
+      element.removeEventListener(eventName, listener);
+    }
+    this.bindings.delete(elementId);
+  }
+  clearAll() {
+    this.bindings.clear();
+  }
+}
+export {
+  EventManager
+};
+
+export { EventManager };
+
+//# debugId=3F8DDE05C5522D9264756E2164756E21

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

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/events.ts"],
+  "sourcesContent": [
+    "/**\n * Event Management System\n *\n * Handles DOM event binding and action dispatching\n */\n\n// Interface for the engine that EventManager needs\ninterface IEngine {\n  dispatchAction(name: string, payload?: any): void;\n}\n\nexport interface EventBinding {\n  elementId: string;\n  eventName: string;\n  actionName: string;\n}\n\nexport class EventManager {\n  private engine: IEngine;\n  private bindings: Map<string, Map<string, EventListener>> = new Map();\n\n  constructor(engine: IEngine) {\n    this.engine = engine;\n  }\n\n  /**\n   * Attach an event listener to an element\n   */\n  attach(elementId: string, element: HTMLElement, eventName: string, actionName: string): void {\n    // Convert onClick to click for DOM events\n    const domEventName = eventName === \"onClick\" ? \"click\" : eventName;\n    console.log(`[EventManager] Attaching ${eventName} (DOM: ${domEventName}) to element ${elementId}, action: ${actionName}`);\n\n    // Create event listener that dispatches action\n    const listener = (event: Event) => {\n      console.log(`🔥 [EventManager] Event fired: ${eventName} on ${elementId}, dispatching action: ${actionName}`);\n      console.log(`🔥 [EventManager] Event object:`, event);\n      console.log(`🔥 [EventManager] Element:`, element);\n\n      // Prevent default for certain events\n      if (eventName === \"submit\" || (eventName === \"click\" && element.tagName === \"A\")) {\n        event.preventDefault();\n      }\n\n      // Extract event data\n      const payload = this.extractEventData(event, element);\n      console.log(`🔥 [EventManager] Event payload:`, payload);\n\n      // Dispatch action to engine\n      console.log(`🔥 [EventManager] Calling engine.dispatchAction(${actionName})`);\n      try {\n        this.engine.dispatchAction(actionName, payload);\n        console.log(`🔥 [EventManager] ✅ dispatchAction succeeded`);\n      } catch (error) {\n        console.error(`🔥 [EventManager] ❌ dispatchAction failed:`, error);\n      }\n    };\n\n    // Store listener reference\n    let elementBindings = this.bindings.get(elementId);\n    if (!elementBindings) {\n      elementBindings = new Map();\n      this.bindings.set(elementId, elementBindings);\n    }\n    elementBindings.set(eventName, listener);\n\n    // Attach to DOM\n    element.addEventListener(domEventName, listener);\n    console.log(`[EventManager] Listener attached to DOM for ${domEventName}`);\n    console.log(`[EventManager] Element details:`, {\n      tagName: element.tagName,\n      id: element.id,\n      dataset: element.dataset,\n      textContent: element.textContent?.substring(0, 50)\n    });\n    \n    // Test: Add a simple click listener to verify DOM events work\n    if (domEventName === \"click\") {\n      element.addEventListener(\"click\", (e) => {\n        console.log(`🧪 [TEST] Raw DOM click detected on ${element.tagName}`, e);\n      });\n    }\n  }\n\n  /**\n   * Detach an event listener from an element\n   */\n  detach(elementId: string, element: HTMLElement, eventName: string): void {\n    const elementBindings = this.bindings.get(elementId);\n    if (!elementBindings) return;\n\n    const listener = elementBindings.get(eventName);\n    if (listener) {\n      element.removeEventListener(eventName, listener);\n      elementBindings.delete(eventName);\n    }\n\n    if (elementBindings.size === 0) {\n      this.bindings.delete(elementId);\n    }\n  }\n\n  /**\n   * Extract relevant data from an event\n   */\n  private 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\n  /**\n   * Clear all event bindings for an element\n   */\n  clearElement(elementId: string, element: HTMLElement): void {\n    const elementBindings = this.bindings.get(elementId);\n    if (!elementBindings) return;\n\n    for (const [eventName, listener] of elementBindings) {\n      element.removeEventListener(eventName, listener);\n    }\n\n    this.bindings.delete(elementId);\n  }\n\n  /**\n   * Clear all event bindings\n   */\n  clearAll(): void {\n    this.bindings.clear();\n  }\n}\n"
+  ],
+  "mappings": "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",
+  "debugId": "3F8DDE05C5522D9264756E2164756E21",
+  "names": []
+}

package/dist/src/dom/index.js

@@ -0,0 +1,73 @@
+import {
+  EventManager
+} from "./events.js";
+import {
+  DOMRenderer
+} from "./renderer.js";
+import"./canvas/index.js";
+import {
+  ComponentRegistry
+} from "./components/index.js";
+import"./components/list.js";
+import"./components/textarea.js";
+import"./components/grid.js";
+import"./components/link.js";
+import"./components/avatar.js";
+import"./components/switch.js";
+import"./components/badge.js";
+import"./components/route.js";
+import"./components/center.js";
+import"./components/divider.js";
+import"./components/spacer.js";
+import"./components/input.js";
+import"./components/stack.js";
+import"./components/progressbar.js";
+import"./components/button.js";
+import"./components/heading.js";
+import"./components/slider.js";
+import"./components/card.js";
+import"./components/container.js";
+import"./components/video.js";
+import"./components/spinner.js";
+import"./components/row.js";
+import"./components/select.js";
+import"./components/router.js";
+import"./components/audio.js";
+import"./components/paragraph.js";
+import"./components/text.js";
+import {
+  ApplicatorRegistry
+} from "./applicators/index.js";
+import"./applicators/events.js";
+import"./applicators/color.js";
+import"./applicators/typography.js";
+import"./applicators/effects.js";
+import"./components/checkbox.js";
+import"./components/column.js";
+import"./components/image.js";
+import"./applicators/margin.js";
+import"./applicators/advanced-layout.js";
+import"./applicators/display.js";
+import"./applicators/size.js";
+import"./applicators/font.js";
+import"./applicators/background.js";
+import"./applicators/transition.js";
+import"./applicators/layout.js";
+import {
+  RerenderTracker,
+  defaultDebugConfig
+} from "./debug.js";
+import"./applicators/padding.js";
+import"./applicators/border.js";
+import"./applicators/transform.js";
+import"../../chunk-2s02mkzs.js";
+export {
+  defaultDebugConfig,
+  RerenderTracker,
+  EventManager,
+  DOMRenderer,
+  ComponentRegistry,
+  ApplicatorRegistry
+};
+
+//# debugId=B37DC3169EBA00A264756E2164756E21

package/dist/src/dom/index.js.map

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

package/dist/src/dom/renderer.js

@@ -0,0 +1,277 @@
+import {
+  canvasApplicators,
+  canvasHandler
+} from "./canvas/index.js";
+import {
+  ComponentRegistry
+} from "./components/index.js";
+import"./components/list.js";
+import"./components/textarea.js";
+import"./components/grid.js";
+import"./components/link.js";
+import"./components/avatar.js";
+import"./components/switch.js";
+import"./components/badge.js";
+import"./components/route.js";
+import"./components/center.js";
+import"./components/divider.js";
+import"./components/spacer.js";
+import"./components/input.js";
+import"./components/stack.js";
+import"./components/progressbar.js";
+import"./components/button.js";
+import"./components/heading.js";
+import"./components/slider.js";
+import"./components/card.js";
+import"./components/container.js";
+import"./components/video.js";
+import"./components/spinner.js";
+import"./components/row.js";
+import"./components/select.js";
+import"./components/router.js";
+import"./components/audio.js";
+import"./components/paragraph.js";
+import"./components/text.js";
+import {
+  ApplicatorRegistry
+} from "./applicators/index.js";
+import"./applicators/events.js";
+import"./applicators/color.js";
+import"./applicators/typography.js";
+import"./applicators/effects.js";
+import"./components/checkbox.js";
+import"./components/column.js";
+import"./components/image.js";
+import"./applicators/margin.js";
+import"./applicators/advanced-layout.js";
+import"./applicators/display.js";
+import"./applicators/size.js";
+import"./applicators/font.js";
+import"./applicators/background.js";
+import"./applicators/transition.js";
+import"./applicators/layout.js";
+import {
+  RerenderTracker,
+  defaultDebugConfig
+} from "./debug.js";
+import"./applicators/padding.js";
+import"./applicators/border.js";
+import"./applicators/transform.js";
+import"../../chunk-2s02mkzs.js";
+
+// src/dom/renderer.ts
+class DOMRenderer {
+  container;
+  nodes = new Map;
+  rootId = null;
+  components;
+  applicators;
+  engine;
+  currentState = {};
+  routerContext = null;
+  globalContext = null;
+  componentInstances = new Map;
+  debugTracker;
+  constructor(container, engine, debugConfig) {
+    this.container = container;
+    this.engine = engine;
+    this.components = new ComponentRegistry;
+    this.applicators = new ApplicatorRegistry;
+    this.debugTracker = new RerenderTracker({ ...defaultDebugConfig, ...debugConfig });
+    this.components.register("canvas", canvasHandler);
+    for (const [name, handler] of Object.entries(canvasApplicators)) {
+      this.applicators.register(name, handler);
+    }
+  }
+  setContext(routerContext, globalContext) {
+    this.routerContext = routerContext;
+    this.globalContext = globalContext;
+  }
+  applyPatches(patches) {
+    for (const patch of patches) {
+      this.applyPatch(patch);
+    }
+  }
+  updateState(state) {
+    console.log(`[Renderer] Updating state:`, state);
+    this.currentState = state;
+    this.interpolateAllText();
+  }
+  mergeComponentState(componentState) {
+    this.currentState = { ...this.currentState, ...componentState };
+    console.log(`[Renderer] Merged state:`, this.currentState);
+    this.interpolateAllText();
+  }
+  interpolateAllText() {
+    for (const [id, element] of this.nodes.entries()) {
+      if (element.dataset.hypenType === "text" && element.dataset.textTemplate) {
+        const template = element.dataset.textTemplate;
+        const interpolated = this.interpolateText(template, this.currentState);
+        const currentText = element.textContent;
+        if (currentText !== interpolated) {
+          this.debugTracker.trackRerender(id, element, "interpolate");
+        }
+        element.textContent = interpolated;
+      }
+    }
+  }
+  interpolateText(template, state) {
+    return template.replace(/\$\{([^}]+)\}/g, (match, path) => {
+      try {
+        const value = path.split(".").reduce((obj, key) => {
+          if (key === "state")
+            return state;
+          return obj?.[key];
+        }, state);
+        return value !== undefined ? String(value) : match;
+      } catch {
+        return match;
+      }
+    });
+  }
+  applyPatch(patch) {
+    switch (patch.type) {
+      case "create":
+        this.onCreate(patch.id, patch.element_type, patch.props || {});
+        break;
+      case "setProp":
+        this.onSetProp(patch.id, patch.name, patch.value);
+        break;
+      case "setText":
+        this.onSetText(patch.id, patch.text);
+        break;
+      case "insert":
+        this.onInsert(patch.parent_id, patch.id, patch.before_id);
+        break;
+      case "move":
+        this.onMove(patch.parent_id, patch.id, patch.before_id);
+        break;
+      case "remove":
+        this.onRemove(patch.id);
+        break;
+    }
+  }
+  onCreate(id, elementType, props) {
+    const propsObj = props instanceof Map ? Object.fromEntries(props) : props;
+    const element = this.components.createElement(elementType, propsObj);
+    if (!element) {
+      const fallback = document.createElement("div");
+      fallback.dataset.hypenType = elementType;
+      fallback.textContent = `Unknown component: ${elementType}`;
+      this.nodes.set(id, fallback);
+      return;
+    }
+    element.dataset.hypenType = elementType.toLowerCase();
+    element.dataset.hypenId = id;
+    element.__hypenEngine = this.engine;
+    this.applicators.applyAll(element, propsObj);
+    this.nodes.set(id, element);
+    this.debugTracker.trackRerender(id, element, `create:${elementType}`);
+    if (!this.rootId) {
+      this.rootId = id;
+      if (!this.container.contains(element)) {
+        this.container.appendChild(element);
+      }
+    }
+  }
+  onSetProp(id, name, value) {
+    const element = this.nodes.get(id);
+    if (!element)
+      return;
+    this.debugTracker.trackRerender(id, element, `setProp:${name}`);
+    if (name === "0" || name === "text") {
+      const elementType = element.dataset.hypenType;
+      if (elementType === "input") {
+        const inputEl = element;
+        inputEl.value = String(value);
+        console.log(`[Renderer] Updated input value: "${value}"`);
+        return;
+      }
+      element.textContent = String(value);
+      if (element.dataset.textTemplate !== undefined) {
+        element.dataset.textTemplate = String(value);
+      }
+      console.log(`[Renderer] Updated text content: "${value}"`);
+      return;
+    }
+    this.applicators.apply(element, name, value);
+  }
+  onSetText(id, text) {
+    const element = this.nodes.get(id);
+    if (!element)
+      return;
+    this.debugTracker.trackRerender(id, element, "setText");
+    element.textContent = text;
+  }
+  onInsert(parentId, id, beforeId) {
+    const parent = parentId === "root" ? this.container : this.nodes.get(parentId);
+    const child = this.nodes.get(id);
+    console.log(`[Renderer] Inserting ${id} into ${parentId}`, {
+      parent: parent ? `${parent.tagName}#${parent.id || "no-id"}` : "null",
+      child: child ? `${child.tagName}#${child.id || "no-id"}` : "null",
+      childText: child?.textContent?.substring(0, 20)
+    });
+    if (!parent || !child)
+      return;
+    if (parentId === "root") {
+      this.rootId = id;
+    }
+    if (beforeId) {
+      const before = this.nodes.get(beforeId);
+      if (before && before.parentNode === parent) {
+        parent.insertBefore(child, before);
+      } else if (!parent.contains(child)) {
+        parent.appendChild(child);
+      }
+    } else {
+      if (!parent.contains(child)) {
+        parent.appendChild(child);
+      }
+    }
+  }
+  onMove(parentId, id, beforeId) {
+    this.onInsert(parentId, id, beforeId);
+  }
+  onRemove(id) {
+    const element = this.nodes.get(id);
+    if (!element)
+      return;
+    if (element.parentNode) {
+      element.parentNode.removeChild(element);
+    }
+    this.nodes.delete(id);
+    if (this.rootId === id) {
+      this.rootId = null;
+    }
+  }
+  getNode(id) {
+    return this.nodes.get(id);
+  }
+  clear() {
+    this.container.innerHTML = "";
+    this.nodes.clear();
+    this.rootId = null;
+  }
+  getComponentRegistry() {
+    return this.components;
+  }
+  getApplicatorRegistry() {
+    return this.applicators;
+  }
+  setDebugConfig(config) {
+    this.debugTracker.setConfig(config);
+  }
+  resetDebugTracking() {
+    this.debugTracker.resetAll();
+  }
+  getDebugStats() {
+    return this.debugTracker.getStats();
+  }
+}
+export {
+  DOMRenderer
+};
+
+export { DOMRenderer };
+
+//# debugId=0B5D2325D2CA974964756E2164756E21

package/dist/src/dom/renderer.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/renderer.ts"],
+  "sourcesContent": [
+    "/**\n * DOM Renderer\n *\n * Renders Hypen patches to the DOM\n */\n\nimport type { Patch } from \"@hypen/core\";\nimport type { HypenModuleInstance, RouterContext } from \"@hypen/core\";\nimport type { HypenRouter } from \"@hypen/core\";\nimport type { HypenGlobalContext } from \"@hypen/core\";\nimport { ComponentRegistry } from \"./components/index.js\";\nimport { ApplicatorRegistry } from \"./applicators/index.js\";\nimport { canvasHandler, canvasApplicators } from \"./canvas/index.js\";\nimport { RerenderTracker, type DebugConfig, defaultDebugConfig } from \"./debug.js\";\n\n// Interface for the engine that renderer needs\ninterface IEngine {\n  dispatchAction(name: string, payload?: any): void;\n}\n\nexport class DOMRenderer {\n  private container: HTMLElement;\n  private nodes: Map<string, HTMLElement> = new Map();\n  private rootId: string | null = null;\n  private components: ComponentRegistry;\n  private applicators: ApplicatorRegistry;\n  private engine: IEngine;\n  private currentState: Record<string, any> = {};\n  private routerContext: RouterContext | null = null;\n  private globalContext: HypenGlobalContext | null = null;\n  private componentInstances = new Map<string, HypenModuleInstance>();\n  private debugTracker: RerenderTracker;\n\n  constructor(container: HTMLElement, engine: IEngine, debugConfig?: Partial<DebugConfig>) {\n    this.container = container;\n    this.engine = engine;\n    this.components = new ComponentRegistry();\n    this.applicators = new ApplicatorRegistry();\n    this.debugTracker = new RerenderTracker({ ...defaultDebugConfig, ...debugConfig });\n\n    // Register canvas component and applicators\n    this.components.register(\"canvas\", canvasHandler);\n    for (const [name, handler] of Object.entries(canvasApplicators)) {\n      this.applicators.register(name, handler);\n    }\n  }\n\n  /**\n   * Set router and global context for component composition\n   */\n  setContext(routerContext: RouterContext, globalContext: HypenGlobalContext): void {\n    this.routerContext = routerContext;\n    this.globalContext = globalContext;\n  }\n\n  /**\n   * Apply a batch of patches to the DOM\n   */\n  applyPatches(patches: Patch[]): void {\n    for (const patch of patches) {\n      this.applyPatch(patch);\n    }\n  }\n\n  /**\n   * Update state and interpolate text content\n   */\n  updateState(state: Record<string, any>): void {\n    console.log(`[Renderer] Updating state:`, state);\n    this.currentState = state;\n    this.interpolateAllText();\n  }\n\n  /**\n   * Merge component state into current state and re-interpolate\n   */\n  private mergeComponentState(componentState: Record<string, any>): void {\n    this.currentState = { ...this.currentState, ...componentState };\n    console.log(`[Renderer] Merged state:`, this.currentState);\n    this.interpolateAllText();\n  }\n\n  /**\n   * Interpolate state values in all text elements\n   */\n  private interpolateAllText(): void {\n    for (const [id, element] of this.nodes.entries()) {\n      if (element.dataset.hypenType === \"text\" && element.dataset.textTemplate) {\n        const template = element.dataset.textTemplate;\n        const interpolated = this.interpolateText(template, this.currentState);\n\n        // Track re-render if text actually changed\n        const currentText = element.textContent;\n        if (currentText !== interpolated) {\n          this.debugTracker.trackRerender(id, element, \"interpolate\");\n        }\n\n        element.textContent = interpolated;\n      }\n    }\n  }\n\n  /**\n   * Interpolate state values in text template\n   */\n  private interpolateText(template: string, state: Record<string, any>): string {\n    return template.replace(/\\$\\{([^}]+)\\}/g, (match, path) => {\n      try {\n        const value = path.split('.').reduce((obj: any, key: string) => {\n          if (key === 'state') return state;\n          return obj?.[key];\n        }, state);\n        return value !== undefined ? String(value) : match;\n      } catch {\n        return match;\n      }\n    });\n  }\n\n  /**\n   * Apply a single patch\n   */\n  private applyPatch(patch: Patch): void {\n    switch (patch.type) {\n      case \"create\":\n        this.onCreate(patch.id!, (patch as any).element_type!, patch.props || {});\n        break;\n      case \"setProp\":\n        this.onSetProp(patch.id!, patch.name!, patch.value);\n        break;\n      case \"setText\":\n        this.onSetText(patch.id!, patch.text!);\n        break;\n      case \"insert\":\n        this.onInsert((patch as any).parent_id!, patch.id!, (patch as any).before_id);\n        break;\n      case \"move\":\n        this.onMove((patch as any).parent_id!, patch.id!, (patch as any).before_id);\n        break;\n      case \"remove\":\n        this.onRemove(patch.id!);\n        break;\n    }\n  }\n\n  /**\n   * Create a new element\n   */\n  private onCreate(id: string, elementType: string, props: Record<string, any> | Map<string, any>): void {\n    const propsObj = props instanceof Map ? Object.fromEntries(props) : props;\n\n    const element = this.components.createElement(elementType, propsObj);\n\n    if (!element) {\n      const fallback = document.createElement(\"div\");\n      fallback.dataset.hypenType = elementType;\n      fallback.textContent = `Unknown component: ${elementType}`;\n      this.nodes.set(id, fallback);\n      return;\n    }\n\n    element.dataset.hypenType = elementType.toLowerCase();\n    element.dataset.hypenId = id;\n    (element as any).__hypenEngine = this.engine;\n\n    this.applicators.applyAll(element, propsObj);\n    this.nodes.set(id, element);\n    this.debugTracker.trackRerender(id, element, `create:${elementType}`);\n\n    if (!this.rootId) {\n      this.rootId = id;\n      if (!this.container.contains(element)) {\n        this.container.appendChild(element);\n      }\n    }\n  }\n\n  /**\n   * Set a property on an element\n   */\n  private onSetProp(id: string, name: string, value: any): void {\n    const element = this.nodes.get(id);\n    if (!element) return;\n\n    this.debugTracker.trackRerender(id, element, `setProp:${name}`);\n\n    if (name === \"0\" || name === \"text\") {\n      const elementType = element.dataset.hypenType;\n\n      if (elementType === \"input\") {\n        const inputEl = element as HTMLInputElement;\n        inputEl.value = String(value);\n        console.log(`[Renderer] Updated input value: \"${value}\"`);\n        return;\n      }\n\n      element.textContent = String(value);\n      if (element.dataset.textTemplate !== undefined) {\n        element.dataset.textTemplate = String(value);\n      }\n      console.log(`[Renderer] Updated text content: \"${value}\"`);\n      return;\n    }\n\n    this.applicators.apply(element, name, value);\n  }\n\n  /**\n   * Set text content\n   */\n  private onSetText(id: string, text: string): void {\n    const element = this.nodes.get(id);\n    if (!element) return;\n\n    this.debugTracker.trackRerender(id, element, \"setText\");\n    element.textContent = text;\n  }\n\n  /**\n   * Insert an element into the tree\n   */\n  private onInsert(parentId: string, id: string, beforeId?: string): void {\n    const parent = parentId === \"root\" ? this.container : this.nodes.get(parentId);\n    const child = this.nodes.get(id);\n\n    console.log(`[Renderer] Inserting ${id} into ${parentId}`, {\n      parent: parent ? `${parent.tagName}#${parent.id || 'no-id'}` : 'null',\n      child: child ? `${child.tagName}#${child.id || 'no-id'}` : 'null',\n      childText: child?.textContent?.substring(0, 20)\n    });\n\n    if (!parent || !child) return;\n\n    if (parentId === \"root\") {\n      this.rootId = id;\n    }\n\n    if (beforeId) {\n      const before = this.nodes.get(beforeId);\n      if (before && before.parentNode === parent) {\n        parent.insertBefore(child, before);\n      } else if (!parent.contains(child)) {\n        parent.appendChild(child);\n      }\n    } else {\n      if (!parent.contains(child)) {\n        parent.appendChild(child);\n      }\n    }\n  }\n\n  /**\n   * Move an element within the tree\n   */\n  private onMove(parentId: string, id: string, beforeId?: string): void {\n    this.onInsert(parentId, id, beforeId);\n  }\n\n  /**\n   * Remove an element from the tree\n   */\n  private onRemove(id: string): void {\n    const element = this.nodes.get(id);\n    if (!element) return;\n\n    if (element.parentNode) {\n      element.parentNode.removeChild(element);\n    }\n\n    this.nodes.delete(id);\n\n    if (this.rootId === id) {\n      this.rootId = null;\n    }\n  }\n\n  /**\n   * Get an element by ID\n   */\n  getNode(id: string): HTMLElement | undefined {\n    return this.nodes.get(id);\n  }\n\n  /**\n   * Clear all nodes\n   */\n  clear(): void {\n    this.container.innerHTML = \"\";\n    this.nodes.clear();\n    this.rootId = null;\n  }\n\n  /**\n   * Get the component registry (for registering custom components)\n   */\n  getComponentRegistry(): ComponentRegistry {\n    return this.components;\n  }\n\n  /**\n   * Get the applicator registry (for registering custom applicators)\n   */\n  getApplicatorRegistry(): ApplicatorRegistry {\n    return this.applicators;\n  }\n\n  /**\n   * Enable or configure debug mode\n   */\n  setDebugConfig(config: Partial<DebugConfig>): void {\n    this.debugTracker.setConfig(config);\n  }\n\n  /**\n   * Reset debug tracking for all elements\n   */\n  resetDebugTracking(): void {\n    this.debugTracker.resetAll();\n  }\n\n  /**\n   * Get debug statistics\n   */\n  getDebugStats(): { totalRerenders: number; elementCount: number; avgRerenders: number } {\n    return this.debugTracker.getStats();\n  }\n}\n"
+  ],
+  "mappings": "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",
+  "debugId": "0B5D2325D2CA974964756E2164756E21",
+  "names": []
+}

package/dist/src/index.js

@@ -0,0 +1,89 @@
+import {
+  CanvasRenderer
+} from "./canvas/renderer.js";
+import"./canvas/paint.js";
+import"./canvas/layout.js";
+import"./canvas/events.js";
+import"./canvas/accessibility.js";
+import"./canvas/text.js";
+import"./canvas/input.js";
+import"./canvas/utils.js";
+import {
+  EventManager
+} from "./dom/events.js";
+import {
+  DOMRenderer
+} from "./dom/renderer.js";
+import {
+  canvasApplicators,
+  canvasHandler
+} from "./dom/canvas/index.js";
+import {
+  ComponentRegistry
+} from "./dom/components/index.js";
+import"./dom/components/list.js";
+import"./dom/components/textarea.js";
+import"./dom/components/grid.js";
+import"./dom/components/link.js";
+import"./dom/components/avatar.js";
+import"./dom/components/switch.js";
+import"./dom/components/badge.js";
+import"./dom/components/route.js";
+import"./dom/components/center.js";
+import"./dom/components/divider.js";
+import"./dom/components/spacer.js";
+import"./dom/components/input.js";
+import"./dom/components/stack.js";
+import"./dom/components/progressbar.js";
+import"./dom/components/button.js";
+import"./dom/components/heading.js";
+import"./dom/components/slider.js";
+import"./dom/components/card.js";
+import"./dom/components/container.js";
+import"./dom/components/video.js";
+import"./dom/components/spinner.js";
+import"./dom/components/row.js";
+import"./dom/components/select.js";
+import"./dom/components/router.js";
+import"./dom/components/audio.js";
+import"./dom/components/paragraph.js";
+import"./dom/components/text.js";
+import {
+  ApplicatorRegistry
+} from "./dom/applicators/index.js";
+import"./dom/applicators/events.js";
+import"./dom/applicators/color.js";
+import"./dom/applicators/typography.js";
+import"./dom/applicators/effects.js";
+import"./dom/components/checkbox.js";
+import"./dom/components/column.js";
+import"./dom/components/image.js";
+import"./dom/applicators/margin.js";
+import"./dom/applicators/advanced-layout.js";
+import"./dom/applicators/display.js";
+import"./dom/applicators/size.js";
+import"./dom/applicators/font.js";
+import"./dom/applicators/background.js";
+import"./dom/applicators/transition.js";
+import"./dom/applicators/layout.js";
+import {
+  RerenderTracker,
+  defaultDebugConfig
+} from "./dom/debug.js";
+import"./dom/applicators/padding.js";
+import"./dom/applicators/border.js";
+import"./dom/applicators/transform.js";
+import"../chunk-2s02mkzs.js";
+export {
+  defaultDebugConfig,
+  canvasHandler,
+  canvasApplicators,
+  RerenderTracker,
+  EventManager,
+  DOMRenderer,
+  ComponentRegistry,
+  CanvasRenderer,
+  ApplicatorRegistry
+};
+
+//# debugId=5264B236E9198B9564756E2164756E21

package/dist/src/index.js.map

@@ -0,0 +1,9 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [
+  ],
+  "mappings": "",
+  "debugId": "5264B236E9198B9564756E2164756E21",
+  "names": []
+}