@actdim/dynstruct 1.0.3 → 1.0.5

package/dist/componentModel/componentModel.es.js

@@ -1,10 +1,13 @@
-import v, { useLayoutEffect as R, useEffect as F } from "react";
-import { observer as D } from "mobx-react-lite";
-import { observable as G, runInAction as S } from "mobx";
-import { useLazyRef as L } from "../reactHooks.es.js";
-import { getGlobalFlags as O } from "../globals.es.js";
-const I = Symbol("$isBinding");
-class B {
+import P, { useLayoutEffect as G, useMemo as S, useEffect as U } from "react";
+import { observer as z } from "mobx-react-lite";
+import { observable as A, runInAction as L } from "mobx";
+import { useLazyRef as M } from "../reactHooks.es.js";
+import { getGlobalFlags as w } from "../globals.es.js";
+import { useComponentContext as _, ReactComponentContext as p } from "./componentContext.es.js";
+import { lazy as V } from "@actdim/utico/utils";
+var Z = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.FromAncestors = 1] = "FromAncestors", e[e.FromDescendants = 2] = "FromDescendants", e))(Z || {});
+const E = Symbol("$isBinding");
+class H {
   // getter
   get;
   // setter
@@ -12,211 +15,297 @@ class B {
   converter;
   validator;
   readOnly;
-  constructor(r, o, n, l) {
-    this.get = r, this.set = o, this.converter = n, this.validator = l, this.readOnly = !!o, this[I] = !0;
+  constructor(t, o, n, r) {
+    this.get = t, this.set = o, this.converter = n, this.validator = r, this.readOnly = !!o, this[E] = !0;
   }
-  [I];
+  [E];
 }
-function z(e) {
-  return e[I] === !0;
+function J(e) {
+  return e[E] === !0;
 }
-function Q(e, r, o, n) {
-  return new B(e, r, o, n);
+function ue(e, t, o, n) {
+  return new H(e, t, o, n);
 }
-function W(e, r) {
-  return new B(
-    () => e()[r],
+function ae(e, t) {
+  return new H(
+    () => e()[t],
     (o) => {
-      e()[r] = o;
+      e()[t] = o;
     }
   );
 }
-const A = "onGet", _ = "onChanging", M = "onChange";
-function H(e, r, o) {
-  const n = o.onPropChanging, l = o.onPropChange;
+const K = "onGet", T = "onChanging", q = "onChange";
+function Q(e, t, o) {
+  const n = o.onPropChanging, r = o.onPropChange;
   return new Proxy(e, {
-    get(i, g, c) {
-      const y = o[g]?.onGet;
-      if (y)
-        return y();
-      const h = r.get(String(g));
-      if (h) {
-        let b;
-        return b = h.get(), b;
+    get(c, l, a) {
+      const h = o[l]?.onGet;
+      if (h)
+        return h();
+      const b = t.get(String(l));
+      if (b) {
+        let d;
+        return d = b.get(), d;
       }
-      return Reflect.get(i, g, c);
+      return Reflect.get(c, l, a);
     },
-    set(i, g, c, y) {
-      const h = i[g], b = o[g]?.onChanging;
-      if (b && !b(h, c) || n && !n(g, h, c))
+    set(c, l, a, h) {
+      const b = c[l], d = o[l]?.onChanging;
+      if (d && !d(b, a) || n && !n(l, b, a))
         return !0;
-      const P = S(() => Reflect.set(i, g, c, y)), C = r.get(g);
-      C?.set && C.set(c);
-      const $ = o[g]?.onChange;
-      return $ && $(c), l && l(g, c), P;
+      const k = L(() => Reflect.set(c, l, a, h)), g = t.get(l);
+      g?.set && g.set(a);
+      const f = o[l]?.onChange;
+      return f && f(a), r && r(l, a), k;
     }
   });
 }
-function k(e) {
+function N(e) {
   return e.replace(/^./, e[0].toUpperCase());
 }
-const E = {
+const D = {
   sources: /* @__PURE__ */ new Map(),
   count: 0
 };
-function V(e, r = 1) {
-  return e.split(/[?#]/)[0].split("/").filter(Boolean).map((c) => decodeURIComponent(c)).slice(-r).join("-").normalize("NFKD").replace(/[^a-zA-Z0-9\-_:.+#]/g, "-").replace(/-+/g, "-").replace(/^[^a-zA-Z]+/, "-").replace(/[+#]$/, "-");
+function W(e, t = 1) {
+  return e.split(/[?#]/)[0].split("/").filter(Boolean).map((a) => decodeURIComponent(a)).slice(-t).join("-").normalize("NFKD").replace(/[^a-zA-Z0-9\-_:.+#]/g, "-").replace(/-+/g, "-").replace(/^[^a-zA-Z]+/, "-").replace(/[+#]$/, "-");
 }
-function U(e = 2) {
+function X(e = 2) {
   const o = new Error().stack?.split(`
 `);
   if (!o || o.length <= e) return null;
   const n = o[e].match(/\((.*):\d+:\d+\)/);
   return n ? n[1] : null;
 }
-function Z(e, r) {
-  const o = e.msgBus, n = /* @__PURE__ */ new Map(), l = e.view;
-  let i;
-  const g = D((t) => {
+function Y(e) {
+  const t = e?.msgBroker.provide;
+  if (t)
+    for (const [n, r] of Object.entries(t))
+      for (const [c, l] of Object.entries(r)) {
+        const a = l, h = a.callback;
+        h && (a.callback = (g, f) => h(g, f, e));
+        const b = a.filter, d = a.componentFilter || 0, k = (g) => {
+          let f = !0;
+          return d & 1 && (f = e.$.getChainUp().indexOf(g.headers?.sourceId) >= 0), f && d & 2 && (f = e.$.getChainDown().indexOf(g.headers?.sourceId) >= 0), f && b && (f = b(g, e)), f;
+        };
+        a.filter = k, e.msgBus.provide({
+          ...l,
+          channel: n,
+          group: c,
+          config: {
+            abortSignal: e.msgBroker.abortController.signal
+          }
+        });
+      }
+  const o = e?.msgBroker?.subscribe;
+  if (o)
+    for (const [n, r] of Object.entries(o))
+      for (const [c, l] of Object.entries(r)) {
+        const a = l, h = a.callback;
+        h && (a.callback = (g) => h(g, e));
+        const b = a.filter, d = a.componentFilter || 0, k = (g) => {
+          let f = !0;
+          return d & 1 && (f = e.$.getChainUp().indexOf(g.headers?.sourceId) >= 0), f && d & 2 && (f = e.$.getChainDown().indexOf(g.headers?.sourceId) >= 0), f && b && (f = b(g, e)), f;
+        };
+        a.filter = k, e.msgBus.on({
+          ...l,
+          channel: n,
+          group: c,
+          config: {
+            abortSignal: e.msgBroker.abortController.signal
+          }
+        });
+      }
+}
+function m(e, t) {
+  const o = (n) => {
+    n.headers || (n.headers = {}), n.headers.sourceId == null && (n.headers.sourceId = t.id);
+  };
+  return {
+    config: e.config,
+    on: (n) => e.on(n),
+    onceAsync: (n) => e.onceAsync(n),
+    stream: (n) => e.stream(n),
+    provide: (n) => (o(n), e.provide(n)),
+    dispatch: (n) => (o(n), e.dispatch(n)),
+    dispatchAsync: (n) => (o(n), e.dispatchAsync(n))
+  };
+}
+function ee(e, t) {
+  const o = /* @__PURE__ */ new Map(), n = e.view;
+  let r, c, l = e.msgBus;
+  const a = V(() => m(l, c));
+  let h = {
+    ...e.msgBroker
+  };
+  h.abortController || (h.abortController = new AbortController());
+  const b = z((s) => {
+    const i = c.id, u = _(), v = u.currentId;
+    c.parentId = v, l || (l = u.msgBus);
+    const y = S(
+      () => ({ ...u, currentId: i }),
+      [e, t, u]
+    );
+    G(() => {
+      try {
+        if (w().debug) {
+          const C = c.getHierarchyId;
+          console.debug(`${C}>layout`);
+        }
+        u.register(i, v), c.getHierarchyId = () => u.getHierarchyPath(i), c.getChainDown = () => u.getChainDown(i), c.getChainUp = () => u.getChainUp(i), c.getChildren = () => u.getChildren(i), c.getParent = () => u.getParent(i), c.getNodeMap = () => u.getNodeMap(), Y(r), e.events?.onLayout?.(r), t?.onLayout?.(r);
+      } catch (C) {
+        e.events?.onError?.(r, C), t?.onError?.(r, C);
+      }
+      return () => {
+        if (w().debug) {
+          const C = c.getHierarchyId;
+          console.debug(`${C}>layout-destroy`);
+        }
+        u.unregister(i), h.abortController.abort(), e.events?.onLayoutDestroy?.(r), t?.onLayoutDestroy?.(r);
+      };
+    }, [e, t, u]), U(() => {
+      try {
+        if (w().debug) {
+          const C = c.getHierarchyId;
+          console.debug(`${C}>ready`);
+        }
+        e.events?.onReady?.(r), t?.onReady?.(r);
+      } catch (C) {
+        if (w().debug) {
+          const B = c.getHierarchyId;
+          console.debug(`${B}>destroy`);
+        }
+        e.events?.onError?.(r, C), t?.onError?.(r, C);
+      }
+      return () => {
+        e.events?.onDestroy?.(r), t?.onDestroy?.(r);
+      };
+    }, [e, t, u]);
+    let I;
     try {
-      return O().debug && console.debug(`${i.$.id}>view`), typeof l == "function" ? l(t, i) : /* @__PURE__ */ v.createElement(v.Fragment, null, t.children);
-    } catch (s) {
-      const u = JSON.stringify(s);
-      return /* @__PURE__ */ v.createElement(v.Fragment, null, u);
-    } finally {
+      if (w().debug) {
+        const C = c.getHierarchyId;
+        console.debug(`${C}>view`);
+      }
+      typeof n == "function" ? I = n(s, r) : I = /* @__PURE__ */ P.createElement(P.Fragment, null, s.children);
+    } catch (C) {
+      const B = JSON.stringify(C);
+      I = /* @__PURE__ */ P.createElement(P.Fragment, null, B);
     }
+    return /* @__PURE__ */ P.createElement(p.Provider, { value: y }, I);
   });
-  let c;
-  const y = E.sources, h = U(6), b = V(h, 2);
-  y.has(h) ? (c = y.get(h), c.count++) : (c = {
-    structId: e.name || b || `Component_${E.count}`,
+  let d;
+  const k = D.sources, g = X(6), f = W(g, 2);
+  k.has(g) ? (d = k.get(g), d.count++) : (d = {
+    structId: e.name || f || `Component_${D.count}`,
     count: 0
-  }, y.set(h, c), E.count++);
-  const P = `${c.structId}#${c.count}`;
-  if (i = {
+  }, k.set(g, d), D.count++);
+  const $ = `${d.structId}#${d.count}`;
+  if (c = {
+    bindings: o,
+    id: $,
+    parentId: void 0,
+    getHierarchyId: () => {
+    },
+    getChainDown: () => {
+    },
+    getChainUp: () => {
+    },
+    getChildren: () => {
+    },
+    getParent: () => {
+    },
+    getNodeMap: () => {
+    }
+  }, r = {
     ...e.props,
     ...e.methods,
     // view: component.view,
-    View: g,
-    msgBus: o,
-    $: {
-      bindings: n,
-      id: P
-    }
+    View: b,
+    get msgBus() {
+      return a();
+    },
+    msgBroker: h,
+    $: c
   }, e.children)
-    for (const [t, s] of Object.entries(e.children))
-      if (typeof s == "function") {
-        const u = s, d = (f) => {
-          const a = u(f);
-          return /* @__PURE__ */ v.createElement(a.View, null);
+    for (const [s, i] of Object.entries(e.children))
+      if (typeof i == "function") {
+        const u = i, v = (y) => {
+          const I = u(y);
+          return /* @__PURE__ */ P.createElement(I.View, null);
         };
-        Reflect.set(i, k(t), d);
+        Reflect.set(r, N(s), v);
       } else
-        Reflect.set(i, t, s);
-  if (e.msgBroker) {
-    const t = e.msgBroker.provide;
-    if (t)
-      for (const [u, d] of Object.entries(t))
-        for (const [f, a] of Object.entries(d))
-          o.provide({
-            ...a,
-            channel: u,
-            group: f
-          });
-    const s = e.msgBroker.subscribe;
-    if (s)
-      for (const [u, d] of Object.entries(s))
-        for (const [f, a] of Object.entries(d))
-          o.on({
-            ...a,
-            channel: u,
-            group: f
-          });
-  }
-  for (const [t, s] of Object.entries(r))
-    z(s) ? n.set(t, s) : Reflect.set(i, t, s);
-  const C = {};
+        Reflect.set(r, s, i);
+  for (const [s, i] of Object.entries(t))
+    J(i) ? o.set(s, i) : Reflect.set(r, s, i);
+  const O = {};
   if (e.props)
-    for (const t of Object.keys(e.props))
-      C[t] = G.ref;
+    for (const s of Object.keys(e.props))
+      O[s] = A.ref;
   if (e.methods)
-    for (const t of Object.keys(e.methods))
-      C[t] = !1;
+    for (const s of Object.keys(e.methods))
+      O[s] = !1;
   if (e.children)
-    for (const t of Object.keys(e.children))
-      C[t] = !1;
-  C.View = !1, C.msgBus = !1, C.$ = !1;
-  const $ = {
-    onPropChanging: r?.onPropChanging || e.events?.onPropChanging ? (t, s, u) => {
-      let d = !0, f = r.onPropChanging;
-      return f && (d = f(String(t), s, u)), d && (f = e.events?.onPropChanging, f && (d = f(String(t), s, u))), d;
+    for (const s of Object.keys(e.children))
+      O[s] = !1;
+  O.View = !1, O.msgBus = !1, O.$ = !1;
+  const F = {
+    onPropChanging: t?.onPropChanging || e.events?.onPropChanging ? (s, i, u) => {
+      let v = !0, y = t.onPropChanging;
+      return y && (v = y(String(s), i, u)), v && (y = e.events?.onPropChanging, y && (v = y(String(s), i, u))), v;
     } : void 0,
-    onPropChange: r?.onPropChange || e.events?.onPropChange ? (t, s) => {
-      r.onPropChange?.(String(t), s), e.events.onPropChange?.(String(t), s);
+    onPropChange: t?.onPropChange || e.events?.onPropChange ? (s, i) => {
+      t.onPropChange?.(String(s), i), e.events.onPropChange?.(String(s), i);
     } : void 0
   };
-  function w(t) {
-    const s = `${A}${k(t)}`;
-    return r[s] || e.events?.[s];
+  function R(s) {
+    const i = `${K}${N(s)}`;
+    return t[i] || e.events?.[i];
   }
-  function N(t) {
-    const s = `${_}${k(t)}`;
-    return ((u, d) => {
-      let f = !0, a = r[s];
-      return a && (f = a(u, d)), f && (a = e.events[s], a && (f = a(u, d))), f;
+  function j(s) {
+    const i = `${T}${N(s)}`;
+    return ((u, v) => {
+      let y = !0, I = t[i];
+      return I && (y = I(u, v)), y && (I = e.events[i], I && (y = I(u, v))), y;
     });
   }
-  function j(t) {
-    const s = `${M}${k(t)}`;
+  function x(s) {
+    const i = `${q}${N(s)}`;
     return ((u) => {
-      r[s]?.(u), e.events[s]?.(u);
+      t[i]?.(u), e.events[i]?.(u);
     });
   }
   if (e.props)
-    for (const t of Object.keys(e.props))
-      $[t] = {
-        onGet: w(t),
-        onChanging: N(t),
-        onChange: j(t)
+    for (const s of Object.keys(e.props))
+      F[s] = {
+        onGet: R(s),
+        onChanging: j(s),
+        onChange: x(s)
       };
-  return i = G(i, C, {
+  return r = A(r, O, {
     deep: !0
-  }), i = H(i, n, $), e.events?.onInit && e.events.onInit(i), r?.onInit && r.onInit(i), i;
+  }), r = Q(r, o, F), e.events?.onInit && e.events.onInit(r), t?.onInit && t.onInit(r), r;
 }
-function X(e, r) {
-  const o = L(() => Z(e, r)), n = o.current;
-  return R(() => {
-    try {
-      O().debug && console.debug(`${n.$.id}>layout`), e.events?.onLayout?.(n), r?.onLayout?.(n);
-    } catch (l) {
-      e.events?.onError?.(n, l), r?.onError?.(n, l);
-    }
-    return () => {
-      O().debug && console.debug(`${n.$.id}>layout-destroy`), e.events?.onLayoutDestroy?.(n), r?.onLayoutDestroy?.(n), o.current = null;
-    };
-  }, []), F(() => {
-    try {
-      O().debug && console.debug(`${n.$.id}>ready`), e.events?.onReady?.(n), r?.onReady?.(n);
-    } catch (l) {
-      O().debug && console.debug(`${n.$.id}>destroy`), e.events?.onError?.(n, l), r?.onError?.(n, l);
-    }
-    return () => {
-      e.events?.onDestroy?.(n), r?.onDestroy?.(n);
-    };
-  }, []), o.current;
+function le(e, t) {
+  const o = M(() => ee(e, t));
+  return G(() => () => {
+    o.current = null;
+  }, [e, t]), o.current;
 }
-function Y(e) {
+function fe(e) {
   return (o) => {
     const n = e(o);
-    return /* @__PURE__ */ v.createElement(n.View, { ...o });
+    return /* @__PURE__ */ P.createElement(n.View, { ...o });
   };
 }
 export {
-  Q as bind,
-  W as bindProp,
-  Y as getFC,
-  z as isBinding,
-  V as toHtmlId,
-  X as useComponent
+  Z as ComponentMsgFilter,
+  ue as bind,
+  ae as bindProp,
+  fe as getFC,
+  J as isBinding,
+  W as toHtmlId,
+  le as useComponent
 };
 //# sourceMappingURL=componentModel.es.js.map