@actdim/dynstruct 1.0.3 → 1.0.7

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