@hypen-space/web 0.4.36 → 0.4.38

package/README.md

@@ -15,7 +15,7 @@ bun add @hypen-space/core @hypen-space/web
 The simplest way to use Hypen in the browser:
 
 ```typescript
-import { render } from "@hypen-space/web";
+import { render } from "@hypen-space/web-engine";
 
 // Auto-discovers and loads components from ./src/components
 await render("HomePage", "#app");
@@ -24,7 +24,7 @@ await render("HomePage", "#app");
 ### With Explicit Configuration
 
 ```typescript
-import { Hypen } from "@hypen-space/web";
+import { Hypen } from "@hypen-space/web-engine";
 
 const hypen = new Hypen({
   componentsDir: "./src/components",
@@ -86,7 +86,7 @@ export default app
 ## Hypen Class API
 
 ```typescript
-import { Hypen } from "@hypen-space/web";
+import { Hypen } from "@hypen-space/web-engine";
 
 const hypen = new Hypen({
   componentsDir: "./src/components", // Default
@@ -130,7 +130,8 @@ await hypen.unmount();
 For custom integrations:
 
 ```typescript
-import { Engine, app } from "@hypen-space/core";
+import { app } from "@hypen-space/core";
+import { Engine } from "@hypen-space/web-engine";
 import { DOMRenderer } from "@hypen-space/web";
 
 const engine = new Engine();
@@ -282,10 +283,10 @@ remote.dispatchAction("login", { user: "admin" });
 
 | Export | Description |
 |--------|-------------|
-| `@hypen-space/web` | Main - Hypen, render, DOMRenderer, CanvasRenderer |
-| `@hypen-space/web/hypen` | High-level Hypen class |
+| `@hypen-space/web` | Main - DOMRenderer, CanvasRenderer, ComponentRegistry, ApplicatorRegistry |
 | `@hypen-space/web/dom` | DOM renderer and utilities |
 | `@hypen-space/web/canvas` | Canvas renderer |
+| `@hypen-space/web-engine` | Hypen orchestrator, render, renderWithComponents, Engine (browser) |
 
 ## Requirements
 

package/dist/canvas/accessibility.js

@@ -1,187 +1,187 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-function __accessProp(key) {
-  return this[key];
-}
-var __toCommonJS = (from) => {
-  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (var key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(entry, key))
-        __defProp(entry, key, {
-          get: __accessProp.bind(from, key),
-          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-        });
-  }
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __moduleCache;
-var __returnValue = (v) => v;
-function __exportSetter(name, newValue) {
-  this[name] = __returnValue.bind(null, newValue);
-}
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: __exportSetter.bind(all, name)
-    });
-};
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-
-// src/canvas/accessibility.ts
-class AccessibilityLayer {
-  shadowRoot;
-  nodeMap = new Map;
-  enabled;
-  constructor(container, enabled = true) {
-    this.enabled = enabled && typeof document !== "undefined";
-    if (this.enabled && typeof document !== "undefined") {
-      this.shadowRoot = document.createElement("div");
-      this.shadowRoot.setAttribute("role", "application");
-      this.shadowRoot.setAttribute("aria-label", "Hypen Canvas Application");
-      this.shadowRoot.style.position = "absolute";
-      this.shadowRoot.style.left = "-9999px";
-      this.shadowRoot.style.width = "1px";
-      this.shadowRoot.style.height = "1px";
-      this.shadowRoot.style.overflow = "hidden";
-      if (container) {
-        container.appendChild(this.shadowRoot);
-      }
-    } else {
-      this.shadowRoot = {};
+/**
+ * Accessibility Layer
+ *
+ * Maintain shadow DOM for screen readers
+ */
+/**
+ * Accessibility Manager
+ */
+export class AccessibilityLayer {
+    shadowRoot;
+    nodeMap = new Map();
+    enabled;
+    constructor(container, enabled = true) {
+        this.enabled = enabled && typeof document !== "undefined";
+        // Create shadow root container (only in browser)
+        if (this.enabled && typeof document !== "undefined") {
+            this.shadowRoot = document.createElement("div");
+            this.shadowRoot.setAttribute("role", "application");
+            this.shadowRoot.setAttribute("aria-label", "Hypen Canvas Application");
+            this.shadowRoot.style.position = "absolute";
+            this.shadowRoot.style.left = "-9999px";
+            this.shadowRoot.style.width = "1px";
+            this.shadowRoot.style.height = "1px";
+            this.shadowRoot.style.overflow = "hidden";
+            if (container) {
+                container.appendChild(this.shadowRoot);
+            }
+        }
+        else {
+            // Fallback for non-browser environments
+            this.shadowRoot = {};
+        }
     }
-  }
-  syncTree(root) {
-    if (!this.enabled)
-      return;
-    this.shadowRoot.innerHTML = "";
-    this.nodeMap.clear();
-    const shadowNode = this.createShadowNode(root);
-    if (shadowNode) {
-      this.shadowRoot.appendChild(shadowNode);
+    /**
+     * Sync shadow DOM with virtual tree
+     */
+    syncTree(root) {
+        if (!this.enabled)
+            return;
+        // Clear existing
+        this.shadowRoot.innerHTML = "";
+        this.nodeMap.clear();
+        // Build shadow DOM
+        const shadowNode = this.createShadowNode(root);
+        if (shadowNode) {
+            this.shadowRoot.appendChild(shadowNode);
+        }
     }
-  }
-  createShadowNode(node) {
-    if (!node.visible)
-      return null;
-    let element;
-    switch (node.type.toLowerCase()) {
-      case "button":
-        element = document.createElement("button");
-        element.textContent = this.getNodeText(node);
-        if (node.props.onclick) {
-          element.setAttribute("aria-label", "Clickable button");
+    /**
+     * Create shadow DOM element for virtual node
+     */
+    createShadowNode(node) {
+        if (!node.visible)
+            return null;
+        let element;
+        // Create appropriate HTML element
+        switch (node.type.toLowerCase()) {
+            case "button":
+                element = document.createElement("button");
+                element.textContent = this.getNodeText(node);
+                if (node.props.onclick) {
+                    element.setAttribute("aria-label", "Clickable button");
+                }
+                break;
+            case "input":
+                element = document.createElement("input");
+                element.type = node.props.type || "text";
+                element.value = node.props.value || "";
+                if (node.props.placeholder) {
+                    element.placeholder = node.props.placeholder;
+                }
+                break;
+            case "textarea":
+                element = document.createElement("textarea");
+                element.value = node.props.value || "";
+                if (node.props.placeholder) {
+                    element.placeholder = node.props.placeholder;
+                }
+                break;
+            case "image":
+                element = document.createElement("img");
+                element.src = node.props.src || "";
+                element.alt = node.props.alt || "Image";
+                break;
+            case "text":
+                element = document.createElement("span");
+                element.textContent = String(node.props[0] || node.props.text || "");
+                break;
+            case "column":
+            case "row":
+            case "container":
+            case "box":
+                element = document.createElement("div");
+                element.setAttribute("role", node.type === "column" ? "group" : "group");
+                break;
+            default:
+                element = document.createElement("div");
         }
-        break;
-      case "input":
-        element = document.createElement("input");
-        element.type = node.props.type || "text";
-        element.value = node.props.value || "";
-        if (node.props.placeholder) {
-          element.placeholder = node.props.placeholder;
+        // Set common attributes
+        element.setAttribute("data-hypen-id", node.id);
+        if (node.props["aria-label"]) {
+            element.setAttribute("aria-label", node.props["aria-label"]);
         }
-        break;
-      case "textarea":
-        element = document.createElement("textarea");
-        element.value = node.props.value || "";
-        if (node.props.placeholder) {
-          element.placeholder = node.props.placeholder;
+        if (node.focusable) {
+            element.tabIndex = 0;
         }
-        break;
-      case "image":
-        element = document.createElement("img");
-        element.src = node.props.src || "";
-        element.alt = node.props.alt || "Image";
-        break;
-      case "text":
-        element = document.createElement("span");
-        element.textContent = String(node.props[0] || node.props.text || "");
-        break;
-      case "column":
-      case "row":
-      case "container":
-      case "box":
-        element = document.createElement("div");
-        element.setAttribute("role", node.type === "column" ? "group" : "group");
-        break;
-      default:
-        element = document.createElement("div");
-    }
-    element.setAttribute("data-hypen-id", node.id);
-    if (node.props["aria-label"]) {
-      element.setAttribute("aria-label", node.props["aria-label"]);
-    }
-    if (node.focusable) {
-      element.tabIndex = 0;
-    }
-    this.nodeMap.set(node.id, element);
-    for (const child of node.children) {
-      const childElement = this.createShadowNode(child);
-      if (childElement) {
-        element.appendChild(childElement);
-      }
-    }
-    return element;
-  }
-  getNodeText(node) {
-    if (node.type === "text") {
-      return String(node.props[0] || node.props.text || "");
+        // Store mapping
+        this.nodeMap.set(node.id, element);
+        // Add children
+        for (const child of node.children) {
+            const childElement = this.createShadowNode(child);
+            if (childElement) {
+                element.appendChild(childElement);
+            }
+        }
+        return element;
     }
-    let text = "";
-    for (const child of node.children) {
-      text += this.getNodeText(child);
+    /**
+     * Get text content from node tree
+     */
+    getNodeText(node) {
+        if (node.type === "text") {
+            return String(node.props[0] || node.props.text || "");
+        }
+        let text = "";
+        for (const child of node.children) {
+            text += this.getNodeText(child);
+        }
+        return text;
     }
-    return text;
-  }
-  focusNode(nodeId) {
-    if (!this.enabled)
-      return;
-    const element = this.nodeMap.get(nodeId);
-    if (element) {
-      element.focus();
+    /**
+     * Focus node in shadow DOM
+     */
+    focusNode(nodeId) {
+        if (!this.enabled)
+            return;
+        const element = this.nodeMap.get(nodeId);
+        if (element) {
+            element.focus();
+        }
     }
-  }
-  updateNode(node) {
-    if (!this.enabled)
-      return;
-    const element = this.nodeMap.get(node.id);
-    if (!element)
-      return;
-    if (node.type === "text") {
-      element.textContent = String(node.props[0] || node.props.text || "");
+    /**
+     * Update single node
+     */
+    updateNode(node) {
+        if (!this.enabled)
+            return;
+        const element = this.nodeMap.get(node.id);
+        if (!element)
+            return;
+        // Update text content
+        if (node.type === "text") {
+            element.textContent = String(node.props[0] || node.props.text || "");
+        }
+        // Update input value
+        if (node.type === "input" || node.type === "textarea") {
+            element.value = node.props.value || "";
+        }
+        // Update visibility
+        element.style.display = node.visible ? "" : "none";
     }
-    if (node.type === "input" || node.type === "textarea") {
-      element.value = node.props.value || "";
+    /**
+     * Get shadow element by node ID
+     */
+    getElement(nodeId) {
+        return this.nodeMap.get(nodeId);
     }
-    element.style.display = node.visible ? "" : "none";
-  }
-  getElement(nodeId) {
-    return this.nodeMap.get(nodeId);
-  }
-  setEnabled(enabled) {
-    this.enabled = enabled;
-    if (!enabled && this.shadowRoot.parentElement) {
-      this.shadowRoot.remove();
+    /**
+     * Enable or disable accessibility layer
+     */
+    setEnabled(enabled) {
+        this.enabled = enabled;
+        if (!enabled && this.shadowRoot.parentElement) {
+            this.shadowRoot.remove();
+        }
     }
-  }
-  destroy() {
-    if (this.shadowRoot.parentElement) {
-      this.shadowRoot.remove();
+    /**
+     * Cleanup
+     */
+    destroy() {
+        if (this.shadowRoot.parentElement) {
+            this.shadowRoot.remove();
+        }
+        this.nodeMap.clear();
     }
-    this.nodeMap.clear();
-  }
 }
-export {
-  AccessibilityLayer
-};
-
-//# debugId=9E1B78E02682DBBC64756E2164756E21
+//# sourceMappingURL=accessibility.js.map

package/dist/canvas/accessibility.js.map

@@ -1,10 +1 @@
-{
-  "version": 3,
-  "sources": ["../src/canvas/accessibility.ts"],
-  "sourcesContent": [
-    "/**\n * Accessibility Layer\n *\n * Maintain shadow DOM for screen readers\n */\n\nimport type { VirtualNode } from \"./types.js\";\nimport { walkTree } from \"./utils.js\";\n\n/**\n * Accessibility Manager\n */\nexport class AccessibilityLayer {\n  private shadowRoot: HTMLElement;\n  private nodeMap = new Map<string, HTMLElement>();\n  private enabled: boolean;\n\n  constructor(container: HTMLElement | null, enabled: boolean = true) {\n    this.enabled = enabled && typeof document !== \"undefined\";\n\n    // Create shadow root container (only in browser)\n    if (this.enabled && typeof document !== \"undefined\") {\n      this.shadowRoot = document.createElement(\"div\");\n      this.shadowRoot.setAttribute(\"role\", \"application\");\n      this.shadowRoot.setAttribute(\"aria-label\", \"Hypen Canvas Application\");\n      this.shadowRoot.style.position = \"absolute\";\n      this.shadowRoot.style.left = \"-9999px\";\n      this.shadowRoot.style.width = \"1px\";\n      this.shadowRoot.style.height = \"1px\";\n      this.shadowRoot.style.overflow = \"hidden\";\n\n      if (container) {\n        container.appendChild(this.shadowRoot);\n      }\n    } else {\n      // Fallback for non-browser environments\n      this.shadowRoot = {} as HTMLElement;\n    }\n  }\n\n  /**\n   * Sync shadow DOM with virtual tree\n   */\n  syncTree(root: VirtualNode): void {\n    if (!this.enabled) return;\n\n    // Clear existing\n    this.shadowRoot.innerHTML = \"\";\n    this.nodeMap.clear();\n\n    // Build shadow DOM\n    const shadowNode = this.createShadowNode(root);\n    if (shadowNode) {\n      this.shadowRoot.appendChild(shadowNode);\n    }\n  }\n\n  /**\n   * Create shadow DOM element for virtual node\n   */\n  private createShadowNode(node: VirtualNode): HTMLElement | null {\n    if (!node.visible) return null;\n\n    let element: HTMLElement;\n\n    // Create appropriate HTML element\n    switch (node.type.toLowerCase()) {\n      case \"button\":\n        element = document.createElement(\"button\");\n        element.textContent = this.getNodeText(node);\n        if (node.props.onclick) {\n          element.setAttribute(\"aria-label\", \"Clickable button\");\n        }\n        break;\n\n      case \"input\":\n        element = document.createElement(\"input\");\n        (element as HTMLInputElement).type = node.props.type || \"text\";\n        (element as HTMLInputElement).value = node.props.value || \"\";\n        if (node.props.placeholder) {\n          (element as HTMLInputElement).placeholder = node.props.placeholder;\n        }\n        break;\n\n      case \"textarea\":\n        element = document.createElement(\"textarea\");\n        (element as HTMLTextAreaElement).value = node.props.value || \"\";\n        if (node.props.placeholder) {\n          (element as HTMLTextAreaElement).placeholder = node.props.placeholder;\n        }\n        break;\n\n      case \"image\":\n        element = document.createElement(\"img\");\n        (element as HTMLImageElement).src = node.props.src || \"\";\n        (element as HTMLImageElement).alt = node.props.alt || \"Image\";\n        break;\n\n      case \"text\":\n        element = document.createElement(\"span\");\n        element.textContent = String(node.props[0] || node.props.text || \"\");\n        break;\n\n      case \"column\":\n      case \"row\":\n      case \"container\":\n      case \"box\":\n        element = document.createElement(\"div\");\n        element.setAttribute(\"role\", node.type === \"column\" ? \"group\" : \"group\");\n        break;\n\n      default:\n        element = document.createElement(\"div\");\n    }\n\n    // Set common attributes\n    element.setAttribute(\"data-hypen-id\", node.id);\n\n    if (node.props[\"aria-label\"]) {\n      element.setAttribute(\"aria-label\", node.props[\"aria-label\"]);\n    }\n\n    if (node.focusable) {\n      element.tabIndex = 0;\n    }\n\n    // Store mapping\n    this.nodeMap.set(node.id, element);\n\n    // Add children\n    for (const child of node.children) {\n      const childElement = this.createShadowNode(child);\n      if (childElement) {\n        element.appendChild(childElement);\n      }\n    }\n\n    return element;\n  }\n\n  /**\n   * Get text content from node tree\n   */\n  private getNodeText(node: VirtualNode): string {\n    if (node.type === \"text\") {\n      return String(node.props[0] || node.props.text || \"\");\n    }\n\n    let text = \"\";\n    for (const child of node.children) {\n      text += this.getNodeText(child);\n    }\n    return text;\n  }\n\n  /**\n   * Focus node in shadow DOM\n   */\n  focusNode(nodeId: string): void {\n    if (!this.enabled) return;\n\n    const element = this.nodeMap.get(nodeId);\n    if (element) {\n      element.focus();\n    }\n  }\n\n  /**\n   * Update single node\n   */\n  updateNode(node: VirtualNode): void {\n    if (!this.enabled) return;\n\n    const element = this.nodeMap.get(node.id);\n    if (!element) return;\n\n    // Update text content\n    if (node.type === \"text\") {\n      element.textContent = String(node.props[0] || node.props.text || \"\");\n    }\n\n    // Update input value\n    if (node.type === \"input\" || node.type === \"textarea\") {\n      (element as HTMLInputElement | HTMLTextAreaElement).value = node.props.value || \"\";\n    }\n\n    // Update visibility\n    element.style.display = node.visible ? \"\" : \"none\";\n  }\n\n  /**\n   * Get shadow element by node ID\n   */\n  getElement(nodeId: string): HTMLElement | undefined {\n    return this.nodeMap.get(nodeId);\n  }\n\n  /**\n   * Enable or disable accessibility layer\n   */\n  setEnabled(enabled: boolean): void {\n    this.enabled = enabled;\n    if (!enabled && this.shadowRoot.parentElement) {\n      this.shadowRoot.remove();\n    }\n  }\n\n  /**\n   * Cleanup\n   */\n  destroy(): void {\n    if (this.shadowRoot.parentElement) {\n      this.shadowRoot.remove();\n    }\n    this.nodeMap.clear();\n  }\n}\n\n"
-  ],
-  "mappings": "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",
-  "debugId": "9E1B78E02682DBBC64756E2164756E21",
-  "names": []
-}
+{"version":3,"file":"accessibility.js","sourceRoot":"","sources":["../../src/canvas/accessibility.ts"],"names":[],"mappings":"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"}