@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/dist/{runtime/context.js → context--zQFIImS.js}

@@ -1,14 +1,9 @@
-import "../reactive/cleanup.js";
-import { createComputed as v } from "../reactive/computed.js";
-import "../reactive/unified-scheduler.js";
-import { createSignal as p } from "../reactive/signal.js";
-import "../reactive/scheduler.js";
-import "../reactive/theme.js";
-import { createComponentContext as C } from "./component-context.js";
-var x = Object.defineProperty, w = (s, e, t) => e in s ? x(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, a = (s, e, t) => w(s, typeof e != "symbol" ? e + "" : e, t);
+import { a as p, b as C } from "./scheduler-7SvC3a21.js";
+import { h as m } from "./dom-bridge-Cx-s6Ihx.js";
+var x = Object.defineProperty, w = (n, e, t) => e in n ? x(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, o = (n, e, t) => w(n, typeof e != "symbol" ? e + "" : e, t);
 const g = class l {
   constructor() {
-    a(this, "contexts", /* @__PURE__ */ new Map()), a(this, "providerStack", /* @__PURE__ */ new Map()), a(this, "currentComponent", null);
+    o(this, "contexts", /* @__PURE__ */ new Map()), o(this, "providerStack", /* @__PURE__ */ new Map()), o(this, "currentComponent", null);
   }
   static getInstance() {
     return l.instance || (l.instance = new l()), l.instance;
@@ -30,24 +25,24 @@ const g = class l {
    */
   registerProvider(e, t, r) {
     this.providerStack.has(e) || this.providerStack.set(e, []);
-    const n = this.providerStack.get(e), [i, c] = p(t), o = {
+    const s = this.providerStack.get(e), [i, c] = p(t), a = {
       value: t,
       signal: [i, c],
       subscribers: /* @__PURE__ */ new Set(),
       providers: /* @__PURE__ */ new Set([r])
     };
-    return n.push(o), r.providers.set(e, o), () => {
-      const d = n.indexOf(o);
-      d !== -1 && n.splice(d, 1), r.providers.delete(e), o.subscribers.clear(), o.providers.clear();
+    return s.push(a), r.providers.set(e, a), () => {
+      const d = s.indexOf(a);
+      d !== -1 && s.splice(d, 1), r.providers.delete(e), a.subscribers.clear(), a.providers.clear();
     };
   }
   /**
    * Get context value with reactive subscription
    */
   getContextValue(e, t) {
-    const r = this.providerStack.get(e), n = r && r.length > 0 ? r[r.length - 1] : null;
-    if (n)
-      return this.currentComponent && (n.subscribers.add(this.currentComponent.id), this.currentComponent.consumers.add(e)), [n.signal[0], !0];
+    const r = this.providerStack.get(e), s = r && r.length > 0 ? r[r.length - 1] : null;
+    if (s)
+      return this.currentComponent && (s.subscribers.add(this.currentComponent.id), this.currentComponent.consumers.add(e)), [s.signal[0], !0];
     const [i] = p(t);
     return [i, !1];
   }
@@ -55,8 +50,8 @@ const g = class l {
    * Update context value and notify subscribers
    */
   updateContextValue(e, t) {
-    const r = this.providerStack.get(e), n = r && r.length > 0 ? r[r.length - 1] : null;
-    return n ? (n.value = t, n.signal[1](t), !0) : !1;
+    const r = this.providerStack.get(e), s = r && r.length > 0 ? r[r.length - 1] : null;
+    return s ? (s.value = t, s.signal[1](t), !0) : !1;
   }
   /**
    * Get all registered contexts (for debugging)
@@ -74,11 +69,11 @@ const g = class l {
     this.contexts.clear(), this.providerStack.clear(), this.currentComponent = null;
   }
 };
-a(g, "instance");
+o(g, "instance");
 let f = g;
 class u {
   constructor() {
-    a(this, "registry", f.getInstance());
+    o(this, "registry", f.getInstance());
   }
   /**
    * Create a context provider component
@@ -87,13 +82,13 @@ class u {
     return {
       type: "component",
       render: () => {
-        const n = this.registry.registerProvider(
+        const s = this.registry.registerProvider(
           e.symbol,
           t,
-          C(`provider_${e.symbol.toString()}`)
+          m(`provider_${e.symbol.toString()}`)
         ), i = r.flatMap((c) => {
-          const o = c.render();
-          return Array.isArray(o) ? o : [o];
+          const a = c.render();
+          return Array.isArray(a) ? a : [a];
         });
         return [
           {
@@ -101,7 +96,7 @@ class u {
             tag: "div",
             props: { "data-context-provider": e.displayName || "provider" },
             children: i,
-            dispose: n
+            dispose: s
           }
         ];
       },
@@ -135,33 +130,33 @@ class u {
     this.registry.clear();
   }
 }
-function h(s, e = {}) {
+function h(n, e = {}) {
   return {
     symbol: Symbol(e.displayName || "TachUIContext"),
-    defaultValue: s,
+    defaultValue: n,
     displayName: e.displayName
   };
 }
-function b(s) {
-  const e = f.getInstance(), [t, r] = e.getContextValue(s.symbol, s.defaultValue);
+function b(n) {
+  const e = f.getInstance(), [t, r] = e.getContextValue(n.symbol, n.defaultValue);
   return r || console.warn(
-    `Context ${s.displayName || "unnamed"} used without a Provider. Using default value.`
+    `Context ${n.displayName || "unnamed"} used without a Provider. Using default value.`
   ), t;
 }
-function A(s, e) {
-  return (t) => function(n) {
-    return new u().createProvider(s, e, [t(n)]);
+function V(n, e) {
+  return (t) => function(s) {
+    return new u().createProvider(n, e, [t(s)]);
   };
 }
-function $(s, e) {
+function M(n, e) {
   return {
     type: "component",
     render: () => {
-      const t = b(s), n = v(() => {
+      const t = b(n), s = C(() => {
         const i = t();
         return e(i);
       })().render();
-      return Array.isArray(n) ? n : [n];
+      return Array.isArray(s) ? s : [s];
     },
     props: {},
     id: `consumer_${Date.now()}`
@@ -169,7 +164,7 @@ function $(s, e) {
 }
 class y {
   constructor() {
-    a(this, "services", /* @__PURE__ */ new Map()), a(this, "factories", /* @__PURE__ */ new Map()), a(this, "singletons", /* @__PURE__ */ new Map()), a(this, "scoped", /* @__PURE__ */ new Map()), a(this, "dependencies", /* @__PURE__ */ new Map());
+    o(this, "services", /* @__PURE__ */ new Map()), o(this, "factories", /* @__PURE__ */ new Map()), o(this, "singletons", /* @__PURE__ */ new Map()), o(this, "scoped", /* @__PURE__ */ new Map()), o(this, "dependencies", /* @__PURE__ */ new Map());
   }
   /**
    * Register a service with the container
@@ -195,9 +190,9 @@ class y {
    * Create instance with dependency injection
    */
   createInstance(e) {
-    const r = (this.dependencies.get(e) || []).map((c) => this.resolve(c)), n = this.factories.get(e);
-    if (n)
-      return n(...r);
+    const r = (this.dependencies.get(e) || []).map((c) => this.resolve(c)), s = this.factories.get(e);
+    if (s)
+      return s(...r);
     const i = this.services.get(e);
     if (i) {
       if (typeof i == "function")
@@ -229,24 +224,24 @@ class y {
     return [...this.services.keys(), ...this.factories.keys()];
   }
 }
-const m = new y();
-function D(s) {
-  return m.resolve(s);
+const v = new y();
+function S(n) {
+  return v.resolve(n);
 }
-function O(s) {
+function N(n) {
   return (e) => {
-    const t = s || e.name;
-    return m.register(t, e), e;
+    const t = n || e.name;
+    return v.register(t, e), e;
   };
 }
-const R = {
+const _ = {
   /**
    * Create multiple contexts at once
    */
-  createContextGroup(s, e = {}) {
+  createContextGroup(n, e = {}) {
     const t = {};
-    for (const [r, n] of Object.entries(s))
-      t[r] = h(n, {
+    for (const [r, s] of Object.entries(n))
+      t[r] = h(s, {
         displayName: e.prefix ? `${e.prefix}.${r}` : r
       });
     return t;
@@ -254,36 +249,35 @@ const R = {
   /**
    * Combine multiple context providers
    */
-  combineProviders(s, e, t) {
+  combineProviders(n, e, t) {
     const r = new u();
-    let n = t;
-    for (const [i, c] of Object.entries(s)) {
-      const o = e[i];
-      n = [r.createProvider(c, o, n)];
+    let s = t;
+    for (const [i, c] of Object.entries(n)) {
+      const a = e[i];
+      s = [r.createProvider(c, a, s)];
     }
-    return n[0];
+    return s[0];
   },
   /**
    * Create context with validation
    */
-  createValidatedContext(s, e, t = {}) {
+  createValidatedContext(n, e, t = {}) {
     return {
-      ...h(s, t),
+      ...h(n, t),
       validate: e
     };
   }
-}, j = new u();
+}, A = new u();
 export {
-  u as ContextManager,
-  y as DIContainer,
-  O as Injectable,
-  R as contextUtils,
-  h as createContext,
-  $ as createContextConsumer,
-  j as defaultContextManager,
-  m as globalDI,
-  D as inject,
-  b as useContext,
-  A as withProvider
+  u as C,
+  y as D,
+  N as I,
+  h as a,
+  M as b,
+  _ as c,
+  A as d,
+  v as g,
+  S as i,
+  b as u,
+  V as w
 };
-//# sourceMappingURL=context.js.map

package/dist/debug.js

@@ -176,4 +176,3 @@ export {
   c as enableDebug,
   g as isDebugEnabled
 };
-//# sourceMappingURL=debug.js.map

package/dist/dom-bridge-Cx-s6Ihx.js

@@ -0,0 +1,406 @@
+import { n as g, q as x, s as b } from "./scheduler-7SvC3a21.js";
+import { dQ as L } from "./concatenated-component-DPcl2TEO.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"), B = 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 k(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 j(e, t) {
+  M().provide(e.symbol, t);
+}
+function z(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 V = {
+  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 W(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 Q(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 G(e) {
+  let t = e;
+  for (; t; ) {
+    const o = p.get(t);
+    if (o)
+      return o;
+    t = t.parentElement;
+  }
+}
+const J = {
+  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 {
+  V as C,
+  J as D,
+  B as E,
+  E as a,
+  I as b,
+  K as c,
+  Q as d,
+  d as e,
+  z as f,
+  G as g,
+  v as h,
+  P as i,
+  M as j,
+  A as k,
+  q as m,
+  j as p,
+  W as r,
+  y as s,
+  N as u,
+  k as w
+};