@actdim/dynstruct 1.0.5 → 1.1.0

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