@tachui/core 0.7.0-alpha1 → 0.8.0-alpha

package/dist/dom-bridge-CAa1N2zX.js

@@ -0,0 +1,406 @@
+import { W as g, k as x, l as b } from "./scheduler-BKeqwrYE.js";
+import { D as L } from "./concatenated-component-ByPl3_FF.js";
+var S = Object.defineProperty, D = (e, t, o) => t in e ? S(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, l = (e, t, o) => D(e, typeof t != "symbol" ? t + "" : t, o);
+const d = Symbol("TachUI.ComponentContext"), k = Symbol("TachUI.Environment");
+let u = null;
+class O {
+  constructor(t, o) {
+    l(this, "id"), l(this, "parent"), l(this, "providers", /* @__PURE__ */ new Map()), l(this, "consumers", /* @__PURE__ */ new Set()), l(this, "cleanup", /* @__PURE__ */ new Set()), l(this, "stateStore", /* @__PURE__ */ new Map()), l(this, "bindingStore", /* @__PURE__ */ new Map()), l(this, "createdAt", Date.now()), l(this, "updateCount", 0), this.id = t, this.parent = o;
+  }
+  /**
+   * Store state value for a property
+   */
+  setState(t, o) {
+    this.stateStore.set(t, o), this.updateCount++;
+  }
+  /**
+   * Get state value for a property
+   */
+  getState(t) {
+    return this.stateStore.get(t);
+  }
+  /**
+   * Check if state exists for a property
+   */
+  hasState(t) {
+    return this.stateStore.has(t);
+  }
+  /**
+   * Store binding for a property
+   */
+  setBinding(t, o) {
+    this.bindingStore.set(t, o);
+  }
+  /**
+   * Get binding for a property
+   */
+  getBinding(t) {
+    return this.bindingStore.get(t);
+  }
+  /**
+   * Provide a value for dependency injection
+   */
+  provide(t, o) {
+    this.providers.set(t, o);
+  }
+  /**
+   * Consume a value from dependency injection hierarchy
+   */
+  consume(t) {
+    if (this.consumers.add(t), this.providers.has(t))
+      return this.providers.get(t);
+    let o = this.parent;
+    for (; o; ) {
+      if (o.providers.has(t))
+        return o.providers.get(t);
+      o = o.parent;
+    }
+  }
+  /**
+   * Register cleanup function
+   */
+  onCleanup(t) {
+    this.cleanup.add(t);
+  }
+  /**
+   * Dispose of context and run cleanup
+   */
+  dispose() {
+    for (const t of this.cleanup)
+      try {
+        t();
+      } catch (o) {
+        console.error(`Error in component context cleanup (${this.id}):`, o);
+      }
+    this.cleanup.clear(), this.stateStore.clear(), this.bindingStore.clear(), this.providers.clear(), this.consumers.clear();
+  }
+  /**
+   * Get performance metrics
+   */
+  getMetrics() {
+    return {
+      id: this.id,
+      createdAt: this.createdAt,
+      updateCount: this.updateCount,
+      stateCount: this.stateStore.size,
+      bindingCount: this.bindingStore.size,
+      providerCount: this.providers.size,
+      consumerCount: this.consumers.size
+    };
+  }
+}
+function v(e, t) {
+  return new O(e, t);
+}
+function M() {
+  if (u)
+    return u;
+  let e = g();
+  for (; e; ) {
+    if (e.context.has(d))
+      return e.context.get(d);
+    e = e.parent;
+  }
+  throw new Error(
+    "@State can only be used within a component context. Make sure you are using @State inside a TachUI component render function."
+  );
+}
+function y(e) {
+  u = e;
+}
+function A(e, t) {
+  const o = u;
+  u = e;
+  const n = g();
+  n && n.context.set(d, e);
+  try {
+    return t();
+  } finally {
+    u === e && (u = o), n && (o ? n.context.set(d, o) : n.context.delete(d));
+  }
+}
+function B(e, t) {
+  return (o) => {
+    const n = t || `component-${Math.random().toString(36).substr(2, 9)}`, r = v(n, u || void 0);
+    return A(r, () => {
+      const a = e(o);
+      return a.context = r, a.cleanup || (a.cleanup = []), a.cleanup.push(() => r.dispose()), a;
+    });
+  };
+}
+function P(e, t) {
+  return {
+    symbol: Symbol(`Environment.${e}`),
+    defaultValue: t,
+    name: e
+  };
+}
+function W(e, t) {
+  M().provide(e.symbol, t);
+}
+function j(e) {
+  const o = M().consume(e.symbol);
+  if (o !== void 0)
+    return o;
+  if (e.defaultValue !== void 0)
+    return e.defaultValue;
+  throw new Error(
+    `Environment value for '${e.name}' not found. Make sure to provide this value higher in the component hierarchy.`
+  );
+}
+const z = {
+  getCurrentContext: () => u,
+  getContextHierarchy: () => {
+    const e = [];
+    let t = u || void 0;
+    for (; t; )
+      e.push(t), t = t.parent;
+    return e;
+  },
+  getContextMetrics: (e) => {
+    const t = e || u;
+    return t ? t.getMetrics() : null;
+  }
+}, _ = new L(), p = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Set();
+function V(e) {
+  e._enhancedLifecycle && C.add(e);
+}
+function F() {
+  for (const e of C) {
+    const t = e._enhancedLifecycle;
+    if (t && !e.domReady) {
+      const o = R(e);
+      if (o.length > 0) {
+        if (e.domElements = /* @__PURE__ */ new Map(), o.forEach((n, i) => {
+          const r = n.id || `element-${i}`;
+          e.domElements.set(r, n), e.primaryElement || (e.primaryElement = n);
+        }), e.domReady = !0, t.onDOMReady) {
+          console.log("🚀 Processing delayed onDOMReady for component:", e.id);
+          const n = t.onDOMReady(
+            e.domElements,
+            e.primaryElement
+          );
+          typeof n == "function" && (e.cleanup = e.cleanup || [], e.cleanup.push(n));
+        }
+        if (t.onMount) {
+          const n = t.onMount();
+          typeof n == "function" && (e.cleanup = e.cleanup || [], e.cleanup.push(n));
+        }
+      }
+    }
+  }
+  C.clear();
+}
+function R(e) {
+  if (e.id.startsWith("image-")) {
+    const t = document.querySelectorAll("img.tachui-image");
+    return Array.from(t);
+  }
+  return [];
+}
+function q(e) {
+  x((t) => {
+    const o = v("root-app");
+    y(o);
+    const n = b();
+    n && n.context.set(d, o);
+    let i;
+    try {
+      i = e();
+      const a = document.getElementById("app");
+      if (!a)
+        throw new Error('App container element with id="app" not found');
+      E(i, a);
+    } catch (a) {
+      throw y(null), n && n.context.delete(d), a;
+    }
+    const r = t;
+    return () => (y(null), n && n.context.delete(d), r());
+  });
+}
+function E(e, t, o = !0) {
+  try {
+    o && (t.innerHTML = "");
+    const n = e.render(), i = Array.isArray(n) ? n : [n], r = [];
+    for (const c of i) {
+      const s = _.render(c, t);
+      if (s instanceof DocumentFragment) {
+        const h = Array.from(s.childNodes);
+        for (const m of h)
+          m instanceof Element && (r.push(m), t.appendChild(m));
+      } else s instanceof Element && (r.push(s), t.appendChild(s));
+    }
+    if (r.length > 0) {
+      e.domElements = /* @__PURE__ */ new Map(), r.forEach((s, h) => {
+        const m = s.id || `element-${h}`;
+        e.domElements.set(m, 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 (w(e))
+      for (const c of r)
+        T(c, e);
+    for (const c of r)
+      $(c, e);
+    const a = [];
+    return p.set(t, e), f.set(e, r), e.mounted = !0, setTimeout(() => {
+      F();
+    }, 0), () => {
+      a.forEach((c) => c()), I(e, t);
+    };
+  } 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 N(e, t) {
+  const o = f.get(e);
+  o && (o.forEach((n) => {
+    n.parentNode && n.parentNode.removeChild(n);
+  }), f.delete(e)), p.delete(t), e.mounted = !1, e.cleanup && (e.cleanup.forEach((n) => n()), e.cleanup = []);
+}
+function I(e, t) {
+  try {
+    const o = e._enhancedLifecycle;
+    o?.onUnmount && o.onUnmount(), e.cleanup && (e.cleanup.forEach((i) => {
+      try {
+        i();
+      } catch (r) {
+        console.error(`Cleanup error for component ${e.id}:`, r);
+      }
+    }), e.cleanup = []);
+    const n = f.get(e);
+    n && (n.forEach((i) => {
+      i.parentNode && i.parentNode.removeChild(i);
+    }), f.delete(e)), e.domElements && e.domElements.clear(), e.primaryElement = void 0, e.domReady = !1, e.mounted = !1, p.delete(t);
+  } catch (o) {
+    const n = Object.assign(new Error(), o, {
+      code: "UNMOUNT_FAILED",
+      context: "unmountComponentEnhanced"
+    }), i = e._enhancedLifecycle;
+    i?.onDOMError ? i.onDOMError(n, "unmount") : console.error("Component unmounting failed:", o);
+  }
+}
+function T(e, t) {
+  if (!("modifiers" in t) || !t.modifiers)
+    return;
+  const o = e, n = t.modifiers, i = {
+    type: "element",
+    tag: o.tagName.toLowerCase(),
+    props: {},
+    element: o
+  };
+  for (const r of n)
+    try {
+      r && typeof r.apply == "function" && r.apply(i, {
+        componentId: t.id,
+        componentInstance: t,
+        element: o,
+        phase: "creation"
+      });
+    } catch (a) {
+      console.warn("Failed to apply modifier:", r, a);
+    }
+}
+function $(e, t) {
+  const o = e;
+  if (t.props) {
+    const n = t.props;
+    n.onClick && typeof n.onClick == "function" && o.addEventListener("click", n.onClick), n.onMouseEnter && typeof n.onMouseEnter == "function" && o.addEventListener("mouseenter", n.onMouseEnter), n.onMouseLeave && typeof n.onMouseLeave == "function" && o.addEventListener("mouseleave", n.onMouseLeave), n.onFocus && typeof n.onFocus == "function" && o.addEventListener("focus", n.onFocus), n.onBlur && typeof n.onBlur == "function" && o.addEventListener("blur", n.onBlur);
+  }
+  if (w(t) && t.modifiers) {
+    for (const n of t.modifiers)
+      if (n && "eventHandlers" in n && n.eventHandlers)
+        for (const [i, r] of Object.entries(n.eventHandlers))
+          typeof r == "function" && o.addEventListener(
+            i,
+            r
+          );
+  }
+}
+function w(e) {
+  return e && typeof e == "object" && ("modifiers" in e || "modifier" in e);
+}
+function K(e, t) {
+  const o = [];
+  for (const n of e) {
+    const i = E(n, t);
+    o.push(i);
+  }
+  return o;
+}
+function G(e, t) {
+  const o = f.get(e);
+  if (!o) {
+    console.warn("Attempted to update unmounted component");
+    return;
+  }
+  e.prevProps = e.props, e.props = { ...e.props, ...t };
+  const n = o[0]?.parentElement;
+  n && (N(e, n), E(e, n));
+}
+function J(e) {
+  let t = e;
+  for (; t; ) {
+    const o = p.get(t);
+    if (o)
+      return o;
+    t = t.parentElement;
+  }
+}
+const Q = {
+  getMountedComponents: () => Array.from(p.entries()),
+  getComponentElements: (e) => f.get(e),
+  isComponentMounted: (e) => e.mounted || !1,
+  /**
+   * Validate that all components are properly mounted
+   */
+  validateMounting() {
+    const e = [];
+    for (const [t, o] of p.entries()) {
+      document.contains(t) || e.push(`Container for component ${o.id} is not in DOM`), o.mounted || e.push(`Component ${o.id} marked as unmounted but still registered`);
+      const n = f.get(o);
+      (!n || n.length === 0) && e.push(`Component ${o.id} has no associated DOM elements`);
+    }
+    return {
+      valid: e.length === 0,
+      issues: e
+    };
+  }
+};
+export {
+  z as C,
+  Q as D,
+  k as E,
+  d as a,
+  v as b,
+  j as c,
+  P as d,
+  A as e,
+  J as f,
+  M as g,
+  K as h,
+  E as i,
+  I as j,
+  G as k,
+  q as m,
+  W as p,
+  V as r,
+  y as s,
+  N as u,
+  B as w
+};

package/dist/effect-B9Knft0b.js

@@ -0,0 +1,66 @@
+import { Y as o, W as f } from "./scheduler-BKeqwrYE.js";
+function i(e, n = {}) {
+  const c = f();
+  let r, t = !0;
+  const u = () => {
+    const a = e(r);
+    return t && (t = !1), r = a, a;
+  }, s = new o(u, c);
+  return n.name && Object.defineProperty(s, "name", {
+    value: n.name,
+    enumerable: !1
+  }), s.execute(), s;
+}
+function d(e, n = {}) {
+  const c = f();
+  let r, t = !1;
+  const u = () => {
+    if (!t)
+      return t = !0, e(r);
+    const a = e(r);
+    return r = a, a;
+  }, s = new o(u, c);
+  return n.name && Object.defineProperty(s, "name", {
+    value: n.name,
+    enumerable: !1
+  }), s.execute(), s;
+}
+function p(e, n = {}) {
+  const c = f(), r = () => {
+    const u = e(void 0);
+    return t.dispose(), u;
+  }, t = new o(r, c);
+  return n.name && Object.defineProperty(t, "name", {
+    value: `${n.name}(once)`,
+    enumerable: !1
+  }), t.execute(), t;
+}
+function b(e, n = {}) {
+  return i(e, { ...n, name: `${n.name || "sync"}(sync)` });
+}
+function v(e) {
+  e.dispose();
+}
+function l(e) {
+  return e.state === 3;
+}
+function y(e) {
+  return {
+    id: e.id,
+    name: e.name || "anonymous",
+    state: e.state,
+    sourceCount: e.sources.size,
+    observerCount: e.observers.size,
+    disposed: l(e),
+    type: "Effect"
+  };
+}
+export {
+  p as a,
+  d as b,
+  i as c,
+  b as d,
+  v as e,
+  y as g,
+  l as i
+};