@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/dist/runtime/dom-bridge.js

@@ -1,241 +1,14 @@
-import "../reactive/cleanup.js";
-import { createRoot as C, getOwner as M } from "../reactive/context.js";
-import "../reactive/unified-scheduler.js";
-import "../reactive/signal.js";
-import "../reactive/scheduler.js";
-import "../reactive/theme.js";
-import { createComponentContext as g, setCurrentComponentContext as m, ComponentContextSymbol as p } from "./component-context.js";
-import { DOMRenderer as L } from "./renderer.js";
-const v = new L(), a = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Set();
-function $(e) {
-  e._enhancedLifecycle && y.add(e);
-}
-function O() {
-  for (const e of y) {
-    const o = e._enhancedLifecycle;
-    if (o && !e.domReady) {
-      const t = w(e);
-      if (t.length > 0) {
-        if (e.domElements = /* @__PURE__ */ new Map(), t.forEach((n, i) => {
-          const r = n.id || `element-${i}`;
-          e.domElements.set(r, n), e.primaryElement || (e.primaryElement = n);
-        }), e.domReady = !0, o.onDOMReady) {
-          console.log("🚀 Processing delayed onDOMReady for component:", e.id);
-          const n = o.onDOMReady(
-            e.domElements,
-            e.primaryElement
-          );
-          typeof n == "function" && (e.cleanup = e.cleanup || [], e.cleanup.push(n));
-        }
-        if (o.onMount) {
-          const n = o.onMount();
-          typeof n == "function" && (e.cleanup = e.cleanup || [], e.cleanup.push(n));
-        }
-      }
-    }
-  }
-  y.clear();
-}
-function w(e) {
-  if (e.id.startsWith("image-")) {
-    const o = document.querySelectorAll("img.tachui-image");
-    return Array.from(o);
-  }
-  return [];
-}
-function B(e) {
-  C((o) => {
-    const t = g("root-app");
-    m(t);
-    const n = M();
-    n && n.context.set(p, t);
-    let i;
-    try {
-      i = e();
-      const f = document.getElementById("app");
-      if (!f)
-        throw new Error('App container element with id="app" not found');
-      h(i, f);
-    } catch (f) {
-      throw m(null), n && n.context.delete(p), f;
-    }
-    const r = o;
-    return () => (m(null), n && n.context.delete(p), r());
-  });
-}
-function h(e, o, t = !0) {
-  try {
-    t && (o.innerHTML = "");
-    const n = e.render(), i = Array.isArray(n) ? n : [n], r = [];
-    for (const c of i) {
-      const s = v.render(c, o);
-      if (s instanceof DocumentFragment) {
-        const u = Array.from(s.childNodes);
-        for (const d of u)
-          d instanceof Element && (r.push(d), o.appendChild(d));
-      } else s instanceof Element && (r.push(s), o.appendChild(s));
-    }
-    if (r.length > 0) {
-      e.domElements = /* @__PURE__ */ new Map(), r.forEach((s, u) => {
-        const d = s.id || `element-${u}`;
-        e.domElements.set(d, s), e.primaryElement || (e.primaryElement = s);
-      }), e.domReady = !0;
-      const c = e._enhancedLifecycle;
-      if (c?.onDOMReady) {
-        const s = c.onDOMReady(
-          e.domElements,
-          e.primaryElement
-        );
-        typeof s == "function" && (e.cleanup = e.cleanup || [], e.cleanup.push(s));
-      }
-      if (c?.onMount) {
-        const s = c.onMount();
-        typeof s == "function" && (e.cleanup = e.cleanup || [], e.cleanup.push(s));
-      }
-    }
-    if (E(e))
-      for (const c of r)
-        F(c, e);
-    for (const c of r)
-      b(c, e);
-    const f = [];
-    return a.set(o, e), l.set(e, r), e.mounted = !0, setTimeout(() => {
-      O();
-    }, 0), () => {
-      f.forEach((c) => c()), R(e, o);
-    };
-  } catch (n) {
-    const i = Object.assign(new Error(), n, {
-      code: "MOUNT_FAILED",
-      context: "mountComponentTree"
-    }), r = e._enhancedLifecycle;
-    throw r?.onDOMError ? r.onDOMError(i, "mount") : r?.onError ? r.onError(i) : console.error("Failed to mount component tree:", n), n;
-  }
-}
-function D(e, o) {
-  const t = l.get(e);
-  t && (t.forEach((n) => {
-    n.parentNode && n.parentNode.removeChild(n);
-  }), l.delete(e)), a.delete(o), e.mounted = !1, e.cleanup && (e.cleanup.forEach((n) => n()), e.cleanup = []);
-}
-function R(e, o) {
-  try {
-    const t = e._enhancedLifecycle;
-    t?.onUnmount && t.onUnmount(), e.cleanup && (e.cleanup.forEach((i) => {
-      try {
-        i();
-      } catch (r) {
-        console.error(`Cleanup error for component ${e.id}:`, r);
-      }
-    }), e.cleanup = []);
-    const n = l.get(e);
-    n && (n.forEach((i) => {
-      i.parentNode && i.parentNode.removeChild(i);
-    }), l.delete(e)), e.domElements && e.domElements.clear(), e.primaryElement = void 0, e.domReady = !1, e.mounted = !1, a.delete(o);
-  } catch (t) {
-    const n = Object.assign(new Error(), t, {
-      code: "UNMOUNT_FAILED",
-      context: "unmountComponentEnhanced"
-    }), i = e._enhancedLifecycle;
-    i?.onDOMError ? i.onDOMError(n, "unmount") : console.error("Component unmounting failed:", t);
-  }
-}
-function F(e, o) {
-  if (!("modifiers" in o) || !o.modifiers)
-    return;
-  const t = e, n = o.modifiers, i = {
-    type: "element",
-    tag: t.tagName.toLowerCase(),
-    props: {},
-    element: t
-  };
-  for (const r of n)
-    try {
-      r && typeof r.apply == "function" && r.apply(i, {
-        componentId: o.id,
-        componentInstance: o,
-        element: t,
-        phase: "creation"
-      });
-    } catch (f) {
-      console.warn("Failed to apply modifier:", r, f);
-    }
-}
-function b(e, o) {
-  const t = e;
-  if (o.props) {
-    const n = o.props;
-    n.onClick && typeof n.onClick == "function" && t.addEventListener("click", n.onClick), n.onMouseEnter && typeof n.onMouseEnter == "function" && t.addEventListener("mouseenter", n.onMouseEnter), n.onMouseLeave && typeof n.onMouseLeave == "function" && t.addEventListener("mouseleave", n.onMouseLeave), n.onFocus && typeof n.onFocus == "function" && t.addEventListener("focus", n.onFocus), n.onBlur && typeof n.onBlur == "function" && t.addEventListener("blur", n.onBlur);
-  }
-  if (E(o) && o.modifiers) {
-    for (const n of o.modifiers)
-      if (n && "eventHandlers" in n && n.eventHandlers)
-        for (const [i, r] of Object.entries(n.eventHandlers))
-          typeof r == "function" && t.addEventListener(
-            i,
-            r
-          );
-  }
-}
-function E(e) {
-  return e && typeof e == "object" && ("modifiers" in e || "modifier" in e);
-}
-function U(e, o) {
-  const t = [];
-  for (const n of e) {
-    const i = h(n, o);
-    t.push(i);
-  }
-  return t;
-}
-function j(e, o) {
-  const t = l.get(e);
-  if (!t) {
-    console.warn("Attempted to update unmounted component");
-    return;
-  }
-  e.prevProps = e.props, e.props = { ...e.props, ...o };
-  const n = t[0]?.parentElement;
-  n && (D(e, n), h(e, n));
-}
-function P(e) {
-  let o = e;
-  for (; o; ) {
-    const t = a.get(o);
-    if (t)
-      return t;
-    o = o.parentElement;
-  }
-}
-const S = {
-  getMountedComponents: () => Array.from(a.entries()),
-  getComponentElements: (e) => l.get(e),
-  isComponentMounted: (e) => e.mounted || !1,
-  /**
-   * Validate that all components are properly mounted
-   */
-  validateMounting() {
-    const e = [];
-    for (const [o, t] of a.entries()) {
-      document.contains(o) || e.push(`Container for component ${t.id} is not in DOM`), t.mounted || e.push(`Component ${t.id} marked as unmounted but still registered`);
-      const n = l.get(t);
-      (!n || n.length === 0) && e.push(`Component ${t.id} has no associated DOM elements`);
-    }
-    return {
-      valid: e.length === 0,
-      issues: e
-    };
-  }
-};
+import "../scheduler-7SvC3a21.js";
+import { D as m, g as a, c as p, a as r, m as s, r as u, u as C, b as i, d } from "../dom-bridge-Cx-s6Ihx.js";
+import "../concatenated-component-DPcl2TEO.js";
 export {
-  S as DOMBridgeDebug,
-  P as getComponentFromElement,
-  U as mountComponentChildren,
-  h as mountComponentTree,
-  B as mountRoot,
-  $ as registerComponentWithLifecycleHooks,
-  D as unmountComponent,
-  R as unmountComponentEnhanced,
-  j as updateComponent
+  m as DOMBridgeDebug,
+  a as getComponentFromElement,
+  p as mountComponentChildren,
+  r as mountComponentTree,
+  s as mountRoot,
+  u as registerComponentWithLifecycleHooks,
+  C as unmountComponent,
+  i as unmountComponentEnhanced,
+  d as updateComponent
 };
-//# sourceMappingURL=dom-bridge.js.map

package/dist/runtime/renderer.js

@@ -1,390 +1,10 @@
-import { applyModifiersToNode as h } from "../modifiers/registry.js";
-import "../reactive/cleanup.js";
-import { isComputed as p } from "../reactive/computed.js";
-import { createRoot as u } from "../reactive/context.js";
-import { createEffect as a } from "../reactive/effect.js";
-import "../reactive/unified-scheduler.js";
-import { isSignal as c } from "../reactive/signal.js";
-import "../reactive/scheduler.js";
-import "../reactive/theme.js";
-import { semanticRoleManager as y } from "./semantic-role-manager.js";
-import { debugManager as d } from "../debug.js";
-var g = Object.defineProperty, E = (s, e, t) => e in s ? g(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, f = (s, e, t) => E(s, typeof e != "symbol" ? e + "" : e, t);
-class b {
-  constructor() {
-    f(this, "nodeMap", /* @__PURE__ */ new WeakMap()), f(this, "cleanupMap", /* @__PURE__ */ new WeakMap()), f(this, "renderedNodes", /* @__PURE__ */ new Set());
-  }
-  /**
-   * Render a DOM node to an actual DOM element
-   */
-  render(e, t) {
-    return Array.isArray(e) ? this.renderFragment(e, t) : this.renderSingle(e, t);
-  }
-  /**
-   * Render a single DOM node
-   */
-  renderSingle(e, t) {
-    this.renderedNodes.add(e);
-    let r;
-    switch (e.type) {
-      case "element":
-        r = this.createElement(e);
-        break;
-      case "text":
-        r = this.createTextNode(e);
-        break;
-      case "comment":
-        r = this.createComment(e);
-        break;
-      default:
-        throw new Error(`Unknown node type: ${e.type}`);
-    }
-    if (this.nodeMap.set(e, r), e.element = r, r instanceof Element) {
-      let n = [];
-      "modifiers" in e && Array.isArray(e.modifiers) && e.modifiers.length > 0 && (n = e.modifiers), "componentMetadata" in e && e.componentMetadata?.modifiers && Array.isArray(e.componentMetadata.modifiers) && e.componentMetadata.modifiers.length > 0 && (n = e.componentMetadata.modifiers), n.length > 0 && this.applyModifiersToElement(r, n, e);
-    }
-    return e.dispose && this.addCleanup(r, e.dispose), t && t.appendChild(r), r;
-  }
-  /**
-   * Render multiple nodes as a document fragment
-   */
-  renderFragment(e, t) {
-    const r = document.createDocumentFragment();
-    return e.forEach((n) => {
-      const o = this.renderSingle(n);
-      r.appendChild(o);
-    }), t && t.appendChild(r), r;
-  }
-  /**
-   * Create a DOM element with props and children
-   */
-  createElement(e) {
-    if (!e.tag)
-      throw new Error("Element node must have a tag");
-    const t = document.createElement(e.tag);
-    if (this.applyDebugAttributes(t, e), e.props && this.applyProps(t, e.props), "componentMetadata" in e && e.componentMetadata) {
-      const r = e.componentMetadata;
-      if (r.overriddenTo && r.originalType)
-        try {
-          y.processElementNode(
-            t,
-            e.tag,
-            r,
-            e.props?.aria || void 0
-          );
-        } catch (n) {
-          console.warn("[tachUI] Could not process semantic attributes:", n);
-        }
-    }
-    return e.children && e.children.length > 0 && e.children.forEach((r) => {
-      const n = this.renderSingle(r);
-      t.appendChild(n);
-    }), t;
-  }
-  /**
-   * Apply debug attributes to DOM element if debug mode is enabled
-   */
-  applyDebugAttributes(e, t) {
-    if (!d.isEnabled())
-      return;
-    let r = t.tag || "element", n;
-    if ("componentMetadata" in t && t.componentMetadata) {
-      const o = t.componentMetadata;
-      o.type && (r = o.type);
-    }
-    t.props && "data-tachui-label" in t.props && (n = t.props["data-tachui-label"]), t.props && "debugLabel" in t.props && (n = t.props.debugLabel), d.addDebugAttributes(e, r, n);
-  }
-  /**
-   * Create a text node
-   */
-  createTextNode(e) {
-    return document.createTextNode(e.text || "");
-  }
-  /**
-   * Create a comment node
-   */
-  createComment(e) {
-    return document.createComment(e.text || "");
-  }
-  /**
-   * Apply props to a DOM element with reactive updates
-   */
-  applyProps(e, t) {
-    Object.entries(t).forEach(([r, n]) => {
-      this.applyProp(e, r, n);
-    });
-  }
-  /**
-   * Apply a single prop to an element
-   */
-  applyProp(e, t, r) {
-    if (t === "className" || t === "class") {
-      this.applyClassName(e, r);
-      return;
-    }
-    if (t === "style") {
-      this.applyStyle(e, r);
-      return;
-    }
-    if (t.startsWith("on") && typeof r == "function") {
-      this.applyEventListener(e, t, r);
-      return;
-    }
-    if (c(r) || p(r)) {
-      const n = a(() => {
-        const o = r();
-        this.setElementProp(e, t, o);
-      });
-      this.addCleanup(e, () => {
-        n.dispose();
-      });
-      return;
-    }
-    this.setElementProp(e, t, r);
-  }
-  /**
-   * Set a property on an element
-   */
-  setElementProp(e, t, r) {
-    if (r == null) {
-      e.removeAttribute(t);
-      return;
-    }
-    if (typeof r == "boolean") {
-      r ? e.setAttribute(t, "") : e.removeAttribute(t);
-      return;
-    }
-    e.setAttribute(t, String(r));
-  }
-  /**
-   * Apply className with reactive updates
-   */
-  applyClassName(e, t) {
-    if (c(t) || p(t)) {
-      const r = a(() => {
-        const n = t();
-        e.className = this.normalizeClassName(n);
-      });
-      this.addCleanup(e, () => {
-        r.dispose();
-      });
-    } else
-      e.className = this.normalizeClassName(t);
-  }
-  /**
-   * Normalize className value
-   */
-  normalizeClassName(e) {
-    return Array.isArray(e) ? e.filter(Boolean).join(" ") : typeof e == "object" && e !== null ? Object.entries(e).filter(([, t]) => !!t).map(([t]) => t).join(" ") : String(e || "");
-  }
-  /**
-   * Apply styles with reactive updates
-   */
-  applyStyle(e, t) {
-    const r = e;
-    if (c(t) || p(t)) {
-      const n = a(() => {
-        const o = t();
-        this.setElementStyles(r, o);
-      });
-      this.addCleanup(e, () => {
-        n.dispose();
-      });
-    } else
-      this.setElementStyles(r, t);
-  }
-  /**
-   * Set styles on an element
-   */
-  setElementStyles(e, t) {
-    if (typeof t == "string") {
-      e.style.cssText = t;
-      return;
-    }
-    typeof t == "object" && t !== null && Object.entries(t).forEach(([r, n]) => {
-      if (c(n) || p(n)) {
-        const o = a(() => {
-          const i = n();
-          i == null ? e.style.removeProperty(r) : e.style.setProperty(
-            r.replace(/[A-Z]/g, (l) => `-${l.toLowerCase()}`),
-            String(i)
-          );
-        });
-        this.addCleanup(e, () => {
-          o.dispose();
-        });
-      } else
-        n == null ? e.style.removeProperty(r) : e.style.setProperty(
-          r.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`),
-          String(n)
-        );
-    });
-  }
-  /**
-   * Apply event listener
-   */
-  applyEventListener(e, t, r) {
-    const n = t.slice(2).toLowerCase(), o = (i) => {
-      try {
-        r(i);
-      } catch (l) {
-        console.error(`Event handler error for ${t}:`, l);
-      }
-    };
-    e.addEventListener(n, o), this.addCleanup(e, () => {
-      e.removeEventListener(n, o);
-    });
-  }
-  /**
-   * Add cleanup function for an element
-   */
-  addCleanup(e, t) {
-    const r = this.cleanupMap.get(e) || [];
-    r.push(t), this.cleanupMap.set(e, r);
-  }
-  /**
-   * Update an existing DOM node
-   */
-  updateNode(e, t) {
-    const r = this.nodeMap.get(e);
-    !r || typeof r.setAttribute != "function" || t && this.applyProps(r, t);
-  }
-  /**
-   * Remove a DOM node and run cleanup
-   */
-  removeNode(e) {
-    const t = this.nodeMap.get(e);
-    if (!t) return;
-    const r = this.cleanupMap.get(t);
-    r && (r.forEach((n) => {
-      try {
-        n();
-      } catch (o) {
-        console.error("Cleanup error:", o);
-      }
-    }), this.cleanupMap.delete(t)), t.parentNode && t.parentNode.removeChild(t), this.nodeMap.delete(e), e.element !== void 0 && (e.element = void 0);
-  }
-  /**
-   * Create reactive text content
-   */
-  createReactiveText(e) {
-    const t = document.createTextNode("");
-    return a(() => {
-      t.textContent = e();
-    }), t;
-  }
-  /**
-   * Create reactive element with dynamic props
-   */
-  createReactiveElement(e, t, r) {
-    const n = document.createElement(e);
-    return a(() => {
-      const o = t();
-      this.applyProps(n, o);
-    }), r && r.forEach((o) => {
-      const i = this.renderSingle(o);
-      n.appendChild(i);
-    }), n;
-  }
-  /**
-   * Apply modifiers to a DOM element
-   */
-  applyModifiersToElement(e, t, r) {
-    try {
-      const n = r.componentInstance || r.componentMetadata && r.componentMetadata.componentInstance || r;
-      h(
-        r,
-        t,
-        {
-          element: e,
-          componentId: r.componentId || "unknown",
-          phase: "creation",
-          componentInstance: n
-          // Pass the component instance
-        },
-        {
-          batch: !0
-          // Enable batched modifier application
-        }
-      );
-    } catch (n) {
-      console.error("Failed to apply modifiers to element:", n);
-    }
-  }
-  /**
-   * Cleanup all tracked elements
-   */
-  cleanup() {
-    for (const e of this.renderedNodes)
-      if (e.dispose && typeof e.dispose == "function")
-        try {
-          e.dispose();
-        } catch (t) {
-          console.error("Cleanup error:", t);
-        }
-    this.renderedNodes.clear(), this.nodeMap = /* @__PURE__ */ new WeakMap(), this.cleanupMap = /* @__PURE__ */ new WeakMap();
-  }
-}
-const m = new b();
-function R(s, e) {
-  return u(() => {
-    let t = [];
-    const r = a(() => {
-      t.forEach((i) => {
-        m.removeNode(i);
-      });
-      const n = s.render(), o = Array.isArray(n) ? n : [n];
-      t = o, o.forEach((i) => {
-        m.render(i, e);
-      });
-    });
-    return () => {
-      r.dispose(), t.forEach((n) => {
-        m.removeNode(n);
-      });
-    };
-  });
-}
-function j(s, e, ...t) {
-  const r = t.flat().filter((o) => o != null).map((o) => typeof o == "string" || typeof o == "number" ? { type: "text", text: String(o) } : o);
-  return {
-    type: "element",
-    tag: s,
-    props: e || {},
-    children: r
-  };
-}
-function F(s) {
-  if (c(s) || p(s) || typeof s == "function") {
-    const e = {
-      type: "text",
-      text: "",
-      dispose: void 0
-    }, t = u(() => {
-      const r = a(() => {
-        const n = s();
-        if (e.text = String(n), e.element && e.element instanceof Text) {
-          const o = e.element.parentElement;
-          if (o && o.__tachui_asHTML)
-            return;
-          e.element.textContent = e.text;
-        }
-      });
-      return () => {
-        r.dispose();
-      };
-    });
-    return e.dispose = t, e;
-  }
-  return {
-    type: "text",
-    text: s
-  };
-}
+import { dQ as m, dR as p, dS as a, dT as n } from "../concatenated-component-DPcl2TEO.js";
+import "../scheduler-7SvC3a21.js";
+import "../effect-CytAc9em.js";
+import "../debug.js";
 export {
-  b as DOMRenderer,
-  j as h,
-  R as renderComponent,
-  F as text
+  m as DOMRenderer,
+  p as h,
+  a as renderComponent,
+  n as text
 };
-//# sourceMappingURL=renderer.js.map