@actdim/dynstruct 1.0.5 → 1.0.7

package/dist/componentModel/componentModel.es.js

@@ -1,13 +1,13 @@
-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 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 _, 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 {
+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
@@ -15,297 +15,297 @@ class H {
   converter;
   validator;
   readOnly;
-  constructor(t, o, n, r) {
-    this.get = t, this.set = o, this.converter = n, this.validator = r, this.readOnly = !!o, this[E] = !0;
+  constructor(r, t, n, b) {
+    this.get = r, this.set = t, this.converter = n, this.validator = b, this.readOnly = !!t, this[F] = !0;
   }
-  [E];
+  [F];
 }
-function J(e) {
-  return e[E] === !0;
+function q(e) {
+  return e[F] === !0;
 }
-function ue(e, t, o, n) {
-  return new H(e, t, o, n);
+function le(e, r, t, n) {
+  return new j(e, r, t, n);
 }
-function ae(e, t) {
-  return new H(
-    () => e()[t],
-    (o) => {
-      e()[t] = o;
+function ae(e, r) {
+  return new j(
+    () => e()[r],
+    (t) => {
+      e()[r] = t;
     }
   );
 }
-const K = "onGet", T = "onChanging", q = "onChange";
-function Q(e, t, o) {
-  const n = o.onPropChanging, r = 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(c, l, a) {
-      const h = o[l]?.onGet;
-      if (h)
-        return h();
-      const b = t.get(String(l));
-      if (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 = b.get(), d;
+        return d = y.get(), d;
       }
-      return Reflect.get(c, l, a);
+      return Reflect.get(C, u, c);
     },
-    set(c, l, a, h) {
-      const b = c[l], d = o[l]?.onChanging;
-      if (d && !d(b, a) || n && !n(l, b, a))
+    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 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;
+      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 N(e) {
+function $(e) {
   return e.replace(/^./, e[0].toUpperCase());
 }
-const D = {
+const E = {
   sources: /* @__PURE__ */ new Map(),
   count: 0
 };
-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 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 X(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 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;
+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;
         };
-        a.filter = k, e.msgBus.provide({
-          ...l,
+        c.filter = k, e.msgBus.provide({
+          ...u,
           channel: n,
-          group: c,
+          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;
+  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;
         };
-        a.filter = k, e.msgBus.on({
-          ...l,
+        c.filter = k, e.msgBus.on({
+          ...u,
           channel: n,
-          group: c,
+          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);
+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) => (o(n), e.provide(n)),
-    dispatch: (n) => (o(n), e.dispatch(n)),
-    dispatchAsync: (n) => (o(n), e.dispatchAsync(n))
+    provide: (n) => (t(n), e.provide(n)),
+    dispatch: (n) => (t(n), e.dispatch(n)),
+    dispatchAsync: (n) => (t(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 = {
+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
   };
-  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.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]
     );
-    G(() => {
+    R(() => {
       try {
         if (w().debug) {
-          const C = c.getHierarchyId;
-          console.debug(`${C}>layout`);
+          const h = t.getHierarchyId();
+          console.debug(`${h}>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);
+        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 C = c.getHierarchyId;
-          console.debug(`${C}>layout-destroy`);
+          const h = t.getHierarchyId();
+          console.debug(`${h}>layout-destroy`);
         }
-        u.unregister(i), h.abortController.abort(), e.events?.onLayoutDestroy?.(r), t?.onLayoutDestroy?.(r);
+        s.unregister(i), g.abortController?.abort(), e.events?.onLayoutDestroy?.(t), r?.onLayoutDestroy?.(t);
       };
-    }, [e, t, u]), U(() => {
+    }, [e, r, s]), L(() => {
       try {
         if (w().debug) {
-          const C = c.getHierarchyId;
-          console.debug(`${C}>ready`);
+          const h = t.getHierarchyId();
+          console.debug(`${h}>ready`);
         }
-        e.events?.onReady?.(r), t?.onReady?.(r);
-      } catch (C) {
+        e.events?.onReady?.(t), r?.onReady?.(t);
+      } catch (h) {
         if (w().debug) {
-          const B = c.getHierarchyId;
+          const B = t.getHierarchyId();
           console.debug(`${B}>destroy`);
         }
-        e.events?.onError?.(r, C), t?.onError?.(r, C);
+        e.events?.onError?.(t, h), r?.onError?.(t, h);
       }
       return () => {
-        e.events?.onDestroy?.(r), t?.onDestroy?.(r);
+        e.events?.onDestroy?.(t), r?.onDestroy?.(t);
       };
-    }, [e, t, u]);
+    }, [e, r, s]);
     let I;
     try {
       if (w().debug) {
-        const C = c.getHierarchyId;
-        console.debug(`${C}>view`);
+        const h = t.getHierarchyId();
+        console.debug(`${h}>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);
+      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__ */ P.createElement(p.Provider, { value: y }, I);
+    return /* @__PURE__ */ O.createElement(J.Provider, { value: f }, I);
   });
   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}`,
+  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
-  }, 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 = {
+  }, k.set(a, d), E.count++);
+  const P = `${d.structId}#${d.count}`, N = {};
+  if (n = {
     ...e.props,
-    ...e.methods,
-    // view: component.view,
-    View: b,
-    get msgBus() {
-      return a();
-    },
-    msgBroker: h,
-    $: c
+    ...e.actions
   }, e.children)
-    for (const [s, i] of Object.entries(e.children))
+    for (const [o, 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);
+        const s = i, v = (f) => {
+          const I = s(f);
+          return /* @__PURE__ */ O.createElement(I.View, null);
         };
-        Reflect.set(r, N(s), v);
+        Reflect.set(N, $(o), v);
       } else
-        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 s of Object.keys(e.props))
-      O[s] = A.ref;
-  if (e.methods)
-    for (const s of Object.keys(e.methods))
-      O[s] = !1;
-  if (e.children)
-    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;
+        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: t?.onPropChange || e.events?.onPropChange ? (s, i) => {
-      t.onPropChange?.(String(s), i), e.events.onPropChange?.(String(s), i);
+    onPropChange: r?.onPropChange || e.events?.onPropChange ? (o, i) => {
+      r.onPropChange?.(String(o), i), e.events.onPropChange?.(String(o), i);
     } : void 0
   };
-  function R(s) {
-    const i = `${K}${N(s)}`;
-    return t[i] || e.events?.[i];
+  function S(o) {
+    const i = `${Q}${$(o)}`;
+    return r?.[i] || e.events?.[i];
   }
-  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 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 x(s) {
-    const i = `${q}${N(s)}`;
-    return ((u) => {
-      t[i]?.(u), e.events[i]?.(u);
+  function U(o) {
+    const i = `${X}${$(o)}`;
+    return ((s) => {
+      r[i]?.(s), e.events[i]?.(s);
     });
   }
-  if (e.props)
-    for (const s of Object.keys(e.props))
-      F[s] = {
-        onGet: R(s),
-        onChanging: j(s),
-        onChange: x(s)
+  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 r = A(r, O, {
+    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
-  }), r = Q(r, o, F), e.events?.onInit && e.events.onInit(r), t?.onInit && t.onInit(r), r;
+  }), 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 le(e, t) {
-  const o = M(() => ee(e, t));
-  return G(() => () => {
-    o.current = null;
-  }, [e, t]), o.current;
+function de(e, r) {
+  const t = V(() => te(e, r));
+  return R(() => () => {
+    t.current = null;
+  }, [e, r]), t.current;
 }
-function fe(e) {
-  return (o) => {
-    const n = e(o);
-    return /* @__PURE__ */ P.createElement(n.View, { ...o });
+function ge(e) {
+  return (t) => {
+    const n = e(t);
+    return /* @__PURE__ */ O.createElement(n.View, { ...t });
   };
 }
 export {
-  Z as ComponentMsgFilter,
-  ue as bind,
+  T as ComponentMsgFilter,
+  le as bind,
   ae as bindProp,
-  fe as getFC,
-  J as isBinding,
-  W as toHtmlId,
-  le as useComponent
+  ge as getFC,
+  q as isBinding,
+  p as toHtmlId,
+  de as useComponent
 };
 //# sourceMappingURL=componentModel.es.js.map