@actdim/dynstruct 0.9.8 → 1.0.2

package/dist/componentModel/componentModel.es.js

@@ -1,12 +1,11 @@
-import { jsx as O, Fragment as B } from "react/jsx-runtime";
-import { useLayoutEffect as G, useEffect as w } from "react";
-import { observer as j } from "mobx-react-lite";
-import { observable as $, runInAction as E } from "mobx";
-import { useLazyRef as R } from "../reactHooks.es.js";
-const P = {
+import { useLayoutEffect as k, useEffect as B } from "react";
+import { observer as R } from "mobx-react-lite";
+import { observable as P, runInAction as E } from "mobx";
+import { useLazyRef as G } from "../reactHooks.es.js";
+const O = {
   $isBinding: Symbol("$isBinding")
 };
-class k {
+class $ {
   // getter
   get;
   // setter
@@ -14,58 +13,58 @@ class k {
   converter;
   validator;
   readOnly;
-  constructor(t, o, i, d) {
-    this.get = t, this.set = o, this.converter = i, this.validator = d, this.readOnly = !!o, this[P.$isBinding] = !0;
+  constructor(t, o, i, l) {
+    this.get = t, this.set = o, this.converter = i, this.validator = l, this.readOnly = !!o, this[O.$isBinding] = !0;
   }
-  [P.$isBinding];
+  [O.$isBinding];
 }
-function I(e) {
-  return e[P.$isBinding] === !0;
+function w(e) {
+  return e[O.$isBinding] === !0;
 }
-function H(e, t, o, i) {
-  return new k(e, t, o, i);
+function V(e, t, o, i) {
+  return new $(e, t, o, i);
 }
-function x(e, t) {
-  return new k(
+function _(e, t) {
+  return new $(
     () => e[t],
     (o) => {
       e[t] = o;
     }
   );
 }
-const L = "onGet", N = "onChanging", S = "onChange";
-function D(e, t, o) {
-  const i = o.onPropChanging, d = o.onPropChange;
+const j = "onGet", I = "onChanging", L = "onChange";
+function N(e, t, o) {
+  const i = o.onPropChanging, l = o.onPropChange;
   return new Proxy(e, {
-    get(g, c, u) {
-      const C = o[c]?.onGet;
+    get(c, u, g) {
+      const C = o[u]?.onGet;
       if (C)
         return C();
-      const y = t.get(String(c));
-      return y ? y.get() : Reflect.get(g, c, u);
+      const a = t.get(String(u));
+      return a ? a.get() : Reflect.get(c, u, g);
     },
-    set(g, c, u, C) {
-      const y = g[c], v = o[c]?.onChanging;
-      if (v && !v(y, u) || i && !i(c, y, u))
+    set(c, u, g, C) {
+      const a = c[u], y = o[u]?.onChanging;
+      if (y && !y(a, g) || i && !i(u, a, g))
         return !0;
-      const a = E(() => Reflect.set(g, c, u, C)), n = t.get(c);
-      n?.set && n.set(u);
-      const r = o[c]?.onChange;
-      return r && r(u), d && d(c, u), a;
+      const b = E(() => Reflect.set(c, u, g, C)), n = t.get(u);
+      n?.set && n.set(g);
+      const r = o[u]?.onChange;
+      return r && r(g), l && l(u, g), b;
     }
   });
 }
-function b(e) {
+function v(e) {
   return e.replace(/^./, e[0].toUpperCase());
 }
-function F(e, t) {
-  const o = e.msgBus, i = e.view, d = j((n) => typeof i == "function" ? i(n) : /* @__PURE__ */ O(B, { children: n.children }));
-  let g = {
+function S(e, t) {
+  const o = e.msgBus, i = e.view, l = R((n) => typeof i == "function" ? i(n) : /* @__PURE__ */ React.createElement(React.Fragment, null, n.children));
+  let c = {
     ...e.props,
     ...e.methods,
     // view: component.view,
     // View: ViewerFC,
-    View: d,
+    View: l,
     msgBus: o
   };
   if (e.children)
@@ -73,42 +72,42 @@ function F(e, t) {
       if (typeof r == "function") {
         const s = (h) => {
           const f = r(h);
-          return /* @__PURE__ */ O(f.View, {});
+          return /* @__PURE__ */ React.createElement(f.View, null);
         };
-        Reflect.set(g, b(n), s);
+        Reflect.set(c, v(n), s);
       } else
-        Reflect.set(g, n, r);
+        Reflect.set(c, n, r);
   if (e.msgBroker) {
     const n = e.msgBroker.provide;
     if (n)
       for (const [s, h] of Object.entries(n))
-        for (const [f, l] of Object.entries(h))
+        for (const [f, d] of Object.entries(h))
           o.provide({
-            ...l,
+            ...d,
             channel: s,
             group: f
           });
     const r = e.msgBroker.subscribe;
     if (r)
       for (const [s, h] of Object.entries(r))
-        for (const [f, l] of Object.entries(h))
+        for (const [f, d] of Object.entries(h))
           o.on({
-            ...l,
+            ...d,
             channel: s,
             group: f
           });
   }
-  const c = /* @__PURE__ */ new Map();
+  const u = /* @__PURE__ */ new Map();
   for (const [n, r] of Object.entries(t))
-    I(r) ? c.set(n, r) : Reflect.set(g, n, r);
-  const u = {};
+    w(r) ? u.set(n, r) : Reflect.set(c, n, r);
+  const g = {};
   if (e.props)
     for (const n of Object.keys(e.props))
-      u[n] = $.ref;
+      g[n] = P.ref;
   if (e.methods)
     for (const n of Object.keys(e.methods))
-      u[n] = !1;
-  u.View = !1, u.msgBus = !1;
+      g[n] = !1;
+  g.View = !1, g.msgBus = !1;
   const C = {
     onPropChanging: t?.onPropChanging || e.events?.onPropChanging ? (n, r, s) => {
       let h = !0, f = t.onPropChanging;
@@ -118,19 +117,19 @@ function F(e, t) {
       t.onPropChange?.(String(n), r), e.events.onPropChange?.(String(n), r);
     } : void 0
   };
-  function y(n) {
-    const r = `${L}${b(n)}`;
+  function a(n) {
+    const r = `${j}${v(n)}`;
     return t[r] || e.events[r];
   }
-  function v(n) {
-    const r = `${N}${b(n)}`;
+  function y(n) {
+    const r = `${I}${v(n)}`;
     return ((s, h) => {
-      let f = !0, l = t[r];
-      return l && (f = l(s, h)), f && (l = e.events[r], l && (f = l(s, h))), f;
+      let f = !0, d = t[r];
+      return d && (f = d(s, h)), f && (d = e.events[r], d && (f = d(s, h))), f;
     });
   }
-  function a(n) {
-    const r = `${S}${b(n)}`;
+  function b(n) {
+    const r = `${L}${v(n)}`;
     return ((s) => {
       t[r]?.(s), e.events[r]?.(s);
     });
@@ -138,46 +137,46 @@ function F(e, t) {
   if (e.props)
     for (const n of Object.keys(e.props))
       C[n] = {
-        onGet: y(n),
-        onChanging: v(n),
-        onChange: a(n)
+        onGet: a(n),
+        onChanging: y(n),
+        onChange: b(n)
       };
-  return g = $(g, u), g = D(g, c, C), e.events?.onInit && e.events.onInit(g), t?.onInit && t.onInit(g), g;
+  return c = P(c, g), c = N(c, u, C), e.events?.onInit && e.events.onInit(c), t?.onInit && t.onInit(c), c;
 }
-function T(e, t) {
-  const o = R(() => F(e, t)), i = o.current;
-  return G(() => {
+function z(e, t) {
+  const o = G(() => S(e, t)), i = o.current;
+  return k(() => {
     try {
       e.events?.onLayout?.(i), t?.onLayout?.(i);
-    } catch (d) {
-      e.events?.onError?.(i, d), t?.onError?.(i, d);
+    } catch (l) {
+      e.events?.onError?.(i, l), t?.onError?.(i, l);
     }
     return () => {
       e.events?.onLayoutDestroy?.(i), t?.onLayoutDestroy?.(i), o.current = null;
     };
-  }, []), w(() => {
+  }, []), B(() => {
     try {
       e.events?.onReady?.(i), t?.onReady?.(i);
-    } catch (d) {
-      e.events?.onError?.(i, d), t?.onError?.(i, d);
+    } catch (l) {
+      e.events?.onError?.(i, l), t?.onError?.(i, l);
     }
     return () => {
       e.events?.onDestroy?.(i), t?.onDestroy?.(i);
     };
   }, []), o.current;
 }
-function U(e) {
+function H(e) {
   return (o) => {
     const i = e(o);
-    return /* @__PURE__ */ O(i.View, { ...o });
+    return /* @__PURE__ */ React.createElement(i.View, { ...o });
   };
 }
 export {
-  H as bind,
-  x as bindProp,
-  U as getFC,
-  I as isBinding,
-  P as symbols,
-  T as useComponent
+  V as bind,
+  _ as bindProp,
+  H as getFC,
+  w as isBinding,
+  O as symbols,
+  z as useComponent
 };
 //# sourceMappingURL=componentModel.es.js.map

package/dist/componentModel/componentModel.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentModel.es.js","sources":["../../src/componentModel/componentModel.tsx"],"sourcesContent":["import {\r\n    AllHTMLAttributes,\r\n    PropsWithChildren,\r\n    useEffect,\r\n    useLayoutEffect,\r\n    useMemo,\r\n    useRef,\r\n    useState,\r\n    FC,\r\n    ReactNode,\r\n    CSSProperties\r\n} from \"react\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { $CG_IN, $CG_OUT, MsgBus, MsgBusProviderParams, MsgBusStruct, MsgBusSubscriberParams } from \"@actdim/msgmesh/msgBusCore\";\r\nimport { MaybePromise, SafeKey, Skip } from \"@actdim/utico/typeCore\";\r\nimport { observer } from \"mobx-react-lite\";\r\nimport { observable, observe, runInAction } from \"mobx\";\r\nimport { useLazyRef } from \"@/reactHooks\";\r\n\r\nexport type MsgBusChannelGroupProviderParams<\r\n    TStruct extends MsgBusStruct = MsgBusStruct,\r\n    TChannel extends keyof TStruct = keyof TStruct,\r\n    TGroup extends keyof TStruct[TChannel] = typeof $CG_IN // keyof TStruct[TChannel]\r\n> = Skip<MsgBusProviderParams<TStruct, TChannel, TGroup>, \"channel\" | \"group\">;\r\n\r\nexport type MsgBusChannelGroupSubscriberParams<\r\n    TStruct extends MsgBusStruct = MsgBusStruct,\r\n    TChannel extends keyof TStruct = keyof TStruct,\r\n    TGroup extends keyof TStruct[TChannel] = typeof $CG_IN // keyof TStruct[TChannel]\r\n> = Skip<MsgBusSubscriberParams<TStruct, TChannel, TGroup>, \"channel\" | \"group\">;\r\n\r\n// MsgBusScope\r\nexport type MsgBusBrokerScope<\r\n    TStruct extends MsgBusStruct /*= MsgBusStruct*/,\r\n    TKeysToProvide extends keyof TStruct = keyof TStruct,\r\n    TKeysToSubscribe extends keyof TStruct = keyof TStruct,\r\n    TKeysToPublish extends keyof TStruct = keyof TStruct\r\n> = {\r\n    provide?: TKeysToProvide;\r\n    // consume\r\n    subscribe?: TKeysToSubscribe;\r\n    // produce\r\n    publish?: TKeysToPublish;\r\n};\r\n\r\nexport type ComponentPropStruct = Record<string, any>;\r\n// export type ComponentPropStruct = {\r\n//     [prop: string]: any;\r\n// };\r\n\r\nexport type ComponentMethodStruct = Record<string, Function>;\r\n// export type ComponentMethodStruct = {\r\n//     [action: string]: Function;\r\n// };\r\n\r\n// export type ComponentRefStruct = Record<string, ComponentStruct<TMsgBusStruct, T>>;\r\nexport type ComponentRefStruct = {\r\n    [name: string]: ComponentStruct | ((params: any) => ComponentStruct);\r\n};\r\n\r\nexport type ComponentStructBase<\r\n    TMsgBusStruct extends MsgBusStruct = MsgBusStruct,\r\n    TPropStruct extends ComponentPropStruct = ComponentPropStruct,\r\n    TMsgScope extends MsgBusBrokerScope<TMsgBusStruct> = MsgBusBrokerScope<TMsgBusStruct>\r\n> = {\r\n    props?: TPropStruct;\r\n    methods?: ComponentMethodStruct;\r\n    children?: ComponentRefStruct;\r\n    msgScope?: TMsgScope;\r\n};\r\n\r\n// ComponentShape\r\nexport type ComponentStruct<\r\n    TMsgBusStruct extends MsgBusStruct = MsgBusStruct,\r\n    T extends ComponentStructBase<TMsgBusStruct> = ComponentStructBase<TMsgBusStruct>\r\n> = T & {\r\n    msgBus: TMsgBusStruct;\r\n};\r\n\r\nexport type MsgBusBroker<TStructToProvide extends MsgBusStruct = MsgBusStruct, TStructToSubscribe extends MsgBusStruct = MsgBusStruct> = {\r\n    // providers\r\n    provide?: {\r\n        [TChannel in keyof TStructToProvide]: {\r\n            [TGroup in keyof Skip<TStructToProvide[TChannel], typeof $CG_OUT>]?: MsgBusChannelGroupProviderParams<\r\n                TStructToProvide,\r\n                TChannel,\r\n                TGroup\r\n            >;\r\n        };\r\n    };\r\n    // subscribers\r\n    subscribe?: {\r\n        [TChannel in keyof TStructToSubscribe]: {\r\n            [TGroup in keyof TStructToSubscribe[TChannel]]?: MsgBusChannelGroupSubscriberParams<TStructToSubscribe, TChannel, TGroup>;\r\n        };\r\n    };\r\n};\r\n\r\ntype ValueConverter<TTo, TFrom> = {\r\n    // ConvertFrom\r\n    convert(value: TFrom): TTo;\r\n    // ConvertTo\r\n    convertBack(value: TTo): TFrom;\r\n};\r\n\r\ntype ValidationResult = {\r\n    valid: boolean;\r\n    message: string;\r\n};\r\n\r\ntype Validator<T> = {\r\n    options: {\r\n        blur: boolean;\r\n    };\r\n    validate: (value: T) => MaybePromise<ValidationResult>;\r\n};\r\n\r\nexport const symbols = {\r\n    $isBinding: Symbol(\"$isBinding\")\r\n};\r\n\r\nexport interface IBinding<T = any, TFrom = any> {\r\n    // getter\r\n    readonly get: () => T;\r\n    // setter\r\n    readonly set: (value: T) => void;\r\n    readonly converter: ValueConverter<T, TFrom>;\r\n    readonly validator: Validator<T>;\r\n    readonly readOnly: boolean;\r\n    [symbols.$isBinding]: boolean;\r\n}\r\n\r\nclass Binding<T = any, TFrom = any> implements IBinding<any, any> {\r\n    // getter\r\n    readonly get: () => T;\r\n    // setter\r\n    readonly set: (value: T) => void;\r\n    readonly converter: ValueConverter<T, TFrom>;\r\n    readonly validator: Validator<T>;\r\n    readonly readOnly: boolean;\r\n    constructor(get: () => T, set?: (value: T) => void, converter?: ValueConverter<T, TFrom>, validator?: Validator<T>) {\r\n        this.get = get;\r\n        this.set = set;\r\n        this.converter = converter;\r\n        this.validator = validator;\r\n        this.readOnly = !!set;\r\n        this[symbols.$isBinding] = true;\r\n    }\r\n    [symbols.$isBinding]: boolean;\r\n}\r\n\r\nexport function isBinding(obj: any): obj is IBinding {\r\n    return obj[symbols.$isBinding] === true;\r\n}\r\n\r\nexport function bind<T, TFrom = any>(\r\n    get: () => T,\r\n    set?: (value: T) => void,\r\n    converter?: ValueConverter<T, TFrom>,\r\n    validator?: Validator<T>\r\n) {\r\n    return new Binding(get, set, converter, validator);\r\n}\r\n\r\nexport function bindProp<T extends object, P extends keyof T>(obj: T, prop: P) {\r\n    return new Binding(\r\n        () => obj[prop],\r\n        (value: T[P]) => {\r\n            obj[prop] = value;\r\n        }\r\n    );\r\n}\r\n\r\nexport type ComponentPropSource<T> = T | Binding<T>;\r\n\r\nexport type ComponentPropParams<TPropStruct extends ComponentPropStruct> = {\r\n    [P in keyof TPropStruct]?: ComponentPropSource<TPropStruct[P]>;\r\n};\r\n\r\n// const $ON_PROP_CHANGING = \"onPropChanging\";\r\n// const $ON_PROP_CHANGE = \"onPropChange\";\r\n\r\nconst $ON_GET = \"onGet\";\r\n// const $ON_BEFORE_SET = \"onBeforeSet\";\r\nconst $ON_CHANGING = \"onChanging\";\r\nconst $ON_CHANGE = \"onChange\";\r\n// const $ON_SET = \"onSet\";\r\n\r\ntype PropValueChangingHandler<TProp = PropKey> = (prop: TProp, oldValue: any, newValue: any) => boolean;\r\ntype PropValueChangeHandler<TProp = PropKey> = (prop: TProp, value: any) => void;\r\n\r\n// BeforeValueSetHandler\r\ntype ValueChangingHandler<T = any> = (oldValue: T, newValue: T) => boolean;\r\n// ValueSetHandler\r\ntype ValueChangeHandler<T = any> = (value: T) => void;\r\n\r\ntype ComponentEvents<TStruct extends ComponentStruct = ComponentStruct> = {\r\n    onPropChanging?: PropValueChangingHandler<keyof TStruct[\"props\"]>;\r\n    onPropChange?: PropValueChangeHandler<keyof TStruct[\"props\"]>;\r\n    onInit?: (model: ComponentModel<TStruct>) => void;\r\n    onLayout?: (model: ComponentModel<TStruct>) => void;\r\n    onReady?: (model: ComponentModel<TStruct>) => void;\r\n    onLayoutDestroy?: (model: ComponentModel<TStruct>) => void; // onLayoutCleanup\r\n    onDestroy?: (model: ComponentModel<TStruct>) => void; // onDispose/onCleanup\r\n    onError?: (model: ComponentModel<TStruct>, error: any) => void;\r\n} & {\r\n    [P in keyof TStruct[\"props\"] as `${typeof $ON_GET}${Capitalize<P & string>}`]?: () => TStruct[\"props\"][P];\r\n} & {\r\n    [P in keyof TStruct[\"props\"] as `${typeof $ON_CHANGING}${Capitalize<P & string>}`]?: ValueChangingHandler<TStruct[\"props\"]>;\r\n} & {\r\n    [P in keyof TStruct[\"props\"] as `${typeof $ON_CHANGE}${Capitalize<P & string>}`]?: ValueChangeHandler<TStruct[\"props\"]>;\r\n};\r\n\r\n// AllHTMLAttributes<JSX.Element>\r\n\r\n// type ComponentViewerProps = {\r\n//     render?: boolean;\r\n//     view?: () => ReactNode;\r\n// } & PropsWithChildren;\r\n\r\ntype ComponentViewProps = {\r\n    render?: boolean;\r\n} & PropsWithChildren;\r\n\r\ntype ComponentViewFn = (props?: ComponentViewProps) => ReactNode; // JSX.Element\r\n\r\ntype PublicKeys<T> = {\r\n    [K in keyof T]: K extends `_${string}` ? never : K;\r\n}[keyof T];\r\n\r\nexport type Component<TStruct extends ComponentStruct> = {\r\n    props?: TStruct[\"props\"];\r\n    methods?: TStruct[\"methods\"];\r\n    children?: ComponentChildren<TStruct[\"children\"]>;\r\n    events?: ComponentEvents<TStruct>;\r\n    // msgs?\r\n    msgBroker?: MsgBusBroker<\r\n        Pick<TStruct[\"msgBus\"], SafeKey<TStruct[\"msgBus\"], TStruct[\"msgScope\"][\"provide\"]>>,\r\n        Pick<TStruct[\"msgBus\"], SafeKey<TStruct[\"msgBus\"], TStruct[\"msgScope\"][\"subscribe\"]>>\r\n    >;\r\n    msgBus?: MsgBus<\r\n        // TStruct[\"msgBus\"]\r\n        Pick<\r\n            TStruct[\"msgBus\"],\r\n            | SafeKey<TStruct[\"msgBus\"], TStruct[\"msgScope\"][\"provide\"]>\r\n            | SafeKey<TStruct[\"msgBus\"], TStruct[\"msgScope\"][\"subscribe\"]>\r\n            | SafeKey<TStruct[\"msgBus\"], TStruct[\"msgScope\"][\"publish\"]>\r\n        >\r\n    >;\r\n    view?: ComponentViewFn;\r\n};\r\n\r\ntype ComponentChildren<TRefStruct extends ComponentRefStruct> = {\r\n    [P in keyof TRefStruct]: TRefStruct[P] extends (params: infer TParams) => infer T\r\n        ? T extends ComponentStruct\r\n            ? (params: TParams) => ComponentModel<T>\r\n            : never\r\n        : TRefStruct[P] extends ComponentStruct\r\n        ? ComponentModel<TRefStruct[P]>\r\n        : never;\r\n};\r\n\r\ntype ComponentModelChildren<TRefStruct extends ComponentRefStruct> = {\r\n    [P in keyof TRefStruct as TRefStruct[P] extends Function ? `${Capitalize<P & string>}` : P]: TRefStruct[P] extends (\r\n        params: infer TParams\r\n    ) => infer T\r\n        ? T extends ComponentStruct\r\n            ? FC<ComponentParams<T> & TParams>\r\n            : never\r\n        : TRefStruct[P] extends ComponentStruct\r\n        ? ComponentModel<TRefStruct[P]>\r\n        : never;\r\n};\r\n\r\nexport type ComponentModelBase<TStruct extends ComponentStruct = ComponentStruct> = {\r\n    readonly msgBus?: MsgBus<\r\n        // TStruct[\"msgBus\"]\r\n        Pick<\r\n            TStruct[\"msgBus\"],\r\n            | SafeKey<TStruct[\"msgBus\"], TStruct[\"msgScope\"][\"provide\"]>\r\n            | SafeKey<TStruct[\"msgBus\"], TStruct[\"msgScope\"][\"subscribe\"]>\r\n            | SafeKey<TStruct[\"msgBus\"], TStruct[\"msgScope\"][\"publish\"]>\r\n        >\r\n    >;\r\n\r\n    readonly View: ComponentViewFn;\r\n};\r\n\r\nexport type ComponentModel<TStruct extends ComponentStruct = ComponentStruct> = TStruct[\"props\"] &\r\n    TStruct[\"methods\"] &\r\n    ComponentModelChildren<TStruct[\"children\"]> &\r\n    ComponentModelBase<TStruct>;\r\n\r\n// style: CSSProperties;\r\n\r\ntype PropEventHandlers = {\r\n    onGet?: () => any;\r\n    onChanging?: (oldValue: any, newValue: any) => boolean;\r\n    onChange?: (value: any) => void;\r\n};\r\n\r\ntype PropKey = string | symbol;\r\ntype ProxyEventHandlers = {\r\n    onPropChanging?: PropValueChangingHandler<PropKey>;\r\n    onPropChange?: PropValueChangeHandler<PropKey>;\r\n} & Record<PropKey, PropEventHandlers>;\r\n\r\n// ComponentConfig\r\nexport type ComponentParams<TStruct extends ComponentStruct = ComponentStruct> = ComponentPropParams<TStruct[\"props\"]> &\r\n    ComponentEvents<TStruct>; // & PropsWithChildren\r\n\r\nconst blankView = () => null;\r\n\r\nfunction createProxy(state: any, bindings: Map<PropKey, IBinding>, proxyEventHandlers: ProxyEventHandlers) {\r\n    const onPropChanging = proxyEventHandlers.onPropChanging;\r\n    const onPropChange = proxyEventHandlers.onPropChange;\r\n    return new Proxy(state, {\r\n        get(obj, prop, receiver) {\r\n            const onGet = proxyEventHandlers[prop]?.onGet;\r\n            if (onGet) {\r\n                return onGet();\r\n            }\r\n            const binding = bindings.get(String(prop));\r\n            if (binding) {\r\n                return binding.get();\r\n            }\r\n            return Reflect.get(obj, prop, receiver);\r\n        },\r\n        set(obj, prop, value, receiver) {\r\n            const oldValue = obj[prop];\r\n\r\n            const onChanging = proxyEventHandlers[prop]?.onChanging;\r\n            if (onChanging) {\r\n                const shouldChange = onChanging(oldValue, value);\r\n                if (!shouldChange) {\r\n                    return true;\r\n                }\r\n            }\r\n\r\n            if (onPropChanging) {\r\n                const shouldChange = onPropChanging(prop, oldValue, value);\r\n                if (!shouldChange) {\r\n                    return true;\r\n                }\r\n            }\r\n\r\n            const result = runInAction(() => {\r\n                return Reflect.set(obj, prop, value, receiver);\r\n            });\r\n\r\n            const binding = bindings.get(prop);\r\n\r\n            if (binding?.set) {\r\n                binding.set(value);\r\n            }\r\n\r\n            const onChange = proxyEventHandlers[prop]?.onChange;\r\n            if (onChange) {\r\n                onChange(value);\r\n            }\r\n\r\n            if (onPropChange) {\r\n                onPropChange(prop, value);\r\n            }\r\n\r\n            return result;\r\n        }\r\n    });\r\n}\r\n\r\nfunction capitalize(name: string) {\r\n    return name.replace(/^./, name[0].toUpperCase());\r\n}\r\n\r\nfunction asyncToGeneratorFlow(asyncFn: (...args: any[]) => Promise<any>) {\r\n    return function* (...args: any[]) {\r\n        const result = yield asyncFn(...args);\r\n        return result;\r\n    };\r\n}\r\n\r\n// const ViewerFC = observer((props: ComponentViewerProps) => {\r\n//     if (typeof props.view === \"function\") {\r\n//         return props.view();\r\n//     }\r\n//     return <>{props.children}</>;\r\n// });\r\n\r\nfunction createModel<TStruct extends ComponentStruct = ComponentStruct>(\r\n    component: Component<TStruct>,\r\n    params: ComponentParams<TStruct>\r\n): ComponentModel<TStruct> {\r\n    const msgBus = component.msgBus;\r\n    const view = component.view;\r\n\r\n    const ViewFC = observer((props: ComponentViewProps) => {\r\n        if (typeof view === \"function\") {\r\n            return view(props);\r\n        }\r\n        return <>{props.children}</>;\r\n    });\r\n\r\n    let model: ComponentModel<TStruct> = {\r\n        ...component.props,\r\n        ...component.methods,\r\n        // view: component.view,\r\n        // View: ViewerFC,\r\n        View: ViewFC,\r\n        msgBus: msgBus\r\n    };\r\n    if (component.children) {\r\n        for (const [key, value] of Object.entries(component.children)) {\r\n            if (typeof value == \"function\") {\r\n                // observer\r\n                const ChildViewFC: ComponentViewFn = (props) => {\r\n                    const model = value(props) as ComponentModel;\r\n                    return <model.View />;\r\n                    // if (typeof model.view === \"function\") {\r\n                    //     return model.view(props);\r\n                    // }\r\n                    // return <>{props.children}</>;\r\n                    // return <ViewerFC view={model.view} />;\r\n                };\r\n                Reflect.set(model, capitalize(key), ChildViewFC);\r\n            } else {\r\n                Reflect.set(model, key, value);\r\n            }\r\n        }\r\n    }\r\n    if (component.msgBroker) {\r\n        const providers = component.msgBroker.provide;\r\n        if (providers) {\r\n            for (const [channel, providerGroups] of Object.entries(providers)) {\r\n                for (const [group, provider] of Object.entries(providerGroups)) {\r\n                    msgBus.provide({\r\n                        ...provider,\r\n                        channel: channel,\r\n                        group: group\r\n                    });\r\n                }\r\n            }\r\n        }\r\n        const subscribers = component.msgBroker.subscribe;\r\n        if (subscribers) {\r\n            for (const [channel, subscriberGroups] of Object.entries(subscribers)) {\r\n                for (const [group, subscriber] of Object.entries(subscriberGroups)) {\r\n                    msgBus.on({\r\n                        ...subscriber,\r\n                        channel: channel,\r\n                        group: group\r\n                    });\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    const bindings = new Map<PropKey, IBinding>();\r\n    // Reflect.ownKeys\r\n    for (const [key, value] of Object.entries(params)) {\r\n        if (isBinding(value)) {\r\n            bindings.set(key, value);\r\n        } else {\r\n            Reflect.set(model, key, value);\r\n        }\r\n    }\r\n\r\n    // decorators\r\n    const annotationMap: Record<string, any> = {};\r\n\r\n    if (component.props) {\r\n        for (const key of Object.keys(component.props)) {\r\n            annotationMap[key] = observable.ref;\r\n        }\r\n    }\r\n    if (component.methods) {\r\n        for (const key of Object.keys(component.methods)) {\r\n            annotationMap[key] = false;\r\n        }\r\n    }\r\n\r\n    annotationMap[\"View\" satisfies keyof ComponentModelBase<TStruct>] = false;\r\n    annotationMap[\"msgBus\" satisfies keyof ComponentModelBase<TStruct>] = false;\r\n    // annotationMap[\"view\" satisfies keyof Component<TStruct>] = false;\r\n\r\n    const proxyEventHandlers: Pick<ProxyEventHandlers, \"onPropChanging\" | \"onPropChange\"> = {\r\n        onPropChanging:\r\n            params?.onPropChanging || component.events?.onPropChanging\r\n                ? (prop, oldValue, newValue) => {\r\n                      let result = true;\r\n                      let handler = params.onPropChanging;\r\n                      if (handler) {\r\n                          result = handler(String(prop), oldValue, newValue);\r\n                      }\r\n                      if (result) {\r\n                          handler = component.events?.onPropChanging;\r\n                          if (handler) {\r\n                              result = handler(String(prop), oldValue, newValue);\r\n                          }\r\n                      }\r\n                      return result;\r\n                  }\r\n                : undefined,\r\n        onPropChange:\r\n            params?.onPropChange || component.events?.onPropChange\r\n                ? (prop, value) => {\r\n                      params.onPropChange?.(String(prop), value);\r\n                      component.events.onPropChange?.(String(prop), value);\r\n                  }\r\n                : undefined\r\n    };\r\n\r\n    function resolveOnGetEventHandler(prop: string) {\r\n        const key = `${$ON_GET}${capitalize(prop)}`;\r\n        return params[key] || component.events[key];\r\n    }\r\n\r\n    function resolveOnChangingEventHandler(prop: string) {\r\n        const key = `${$ON_CHANGING}${capitalize(prop)}`;\r\n        return ((oldValue: any, newValue: any) => {\r\n            let result = true;\r\n            let handler = params[key] as ValueChangingHandler<any>;\r\n            if (handler) {\r\n                result = handler(oldValue, newValue);\r\n            }\r\n            if (result) {\r\n                handler = component.events[key] as ValueChangingHandler<any>;\r\n                if (handler) {\r\n                    result = handler(oldValue, newValue);\r\n                }\r\n            }\r\n            return result;\r\n        }) as ValueChangingHandler;\r\n    }\r\n\r\n    function resolveOnChangeEventHandler(prop: string) {\r\n        const key = `${$ON_CHANGE}${capitalize(prop)}`;\r\n        return ((value: any) => {\r\n            (params[key] as ValueChangeHandler<any>)?.(value);\r\n            (component.events[key] as ValueChangeHandler<any>)?.(value);\r\n        }) as ValueChangeHandler;\r\n    }\r\n\r\n    if (component.props) {\r\n        for (const prop of Object.keys(component.props)) {\r\n            proxyEventHandlers[prop] = {\r\n                onGet: resolveOnGetEventHandler(prop),\r\n                onChanging: resolveOnChangingEventHandler(prop),\r\n                onChange: resolveOnChangeEventHandler(prop)\r\n            };\r\n        }\r\n    }\r\n\r\n    model = observable(model, annotationMap);\r\n\r\n    model = createProxy(model, bindings, proxyEventHandlers);\r\n\r\n    if (component.events?.onInit) {\r\n        component.events.onInit(model);\r\n    }\r\n\r\n    if (params?.onInit) {\r\n        params.onInit(model);\r\n    }\r\n\r\n    return model;\r\n}\r\n\r\nexport function useComponent<TStruct extends ComponentStruct = ComponentStruct>(\r\n    component: Component<TStruct>,\r\n    params: ComponentParams<TStruct>\r\n): ComponentModel<TStruct> {\r\n    const ref = useLazyRef(() => createModel(component, params));\r\n    const model = ref.current;\r\n\r\n    useLayoutEffect(() => {\r\n        try {\r\n            component.events?.onLayout?.(model);\r\n            params?.onLayout?.(model);\r\n        } catch (err) {\r\n            component.events?.onError?.(model, err);\r\n            params?.onError?.(model, err);\r\n        }\r\n\r\n        return () => {\r\n            component.events?.onLayoutDestroy?.(model);\r\n            params?.onLayoutDestroy?.(model);\r\n            // ref.current?.dispose();\r\n            ref.current = null;\r\n        };\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        try {\r\n            component.events?.onReady?.(model);\r\n            params?.onReady?.(model);\r\n        } catch (err) {\r\n            component.events?.onError?.(model, err);\r\n            params?.onError?.(model, err);\r\n        }\r\n        return () => {\r\n            component.events?.onDestroy?.(model);\r\n            params?.onDestroy?.(model);\r\n        };\r\n    }, []);\r\n\r\n    return ref.current;\r\n}\r\n\r\n// asFC/toFC\r\nexport function getFC<TStruct extends ComponentStruct>(\r\n    factory: (params: ComponentParams<TStruct>) => ComponentModel<TStruct>\r\n): FC<ComponentParams<TStruct>> {\r\n    // observer\r\n    const fc = (params: ComponentParams<TStruct> & PropsWithChildren) => {\r\n        // modelHook\r\n        const model = factory(params); // without useRef!\r\n        // return model.view();\r\n        return <model.View {...params} />;\r\n        // return <ViewerFC {...params} view={model.view} />;\r\n    };\r\n    return fc;\r\n}\r\n"],"names":["symbols","Binding","get","set","converter","validator","isBinding","obj","bind","bindProp","prop","value","$ON_GET","$ON_CHANGING","$ON_CHANGE","createProxy","state","bindings","proxyEventHandlers","onPropChanging","onPropChange","receiver","onGet","binding","oldValue","onChanging","result","runInAction","onChange","capitalize","name","createModel","component","params","msgBus","view","ViewFC","observer","props","jsx","Fragment","model","key","ChildViewFC","providers","channel","providerGroups","group","provider","subscribers","subscriberGroups","subscriber","annotationMap","observable","newValue","handler","resolveOnGetEventHandler","resolveOnChangingEventHandler","resolveOnChangeEventHandler","useComponent","ref","useLazyRef","useLayoutEffect","err","useEffect","getFC","factory"],"mappings":"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"}
+{"version":3,"file":"componentModel.es.js","sources":["../../src/componentModel/componentModel.tsx"],"sourcesContent":["import { PropsWithChildren, useEffect, useLayoutEffect, FC, ReactNode } from 'react';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport {\r\n    $CG_IN,\r\n    $CG_OUT,\r\n    MsgBus,\r\n    MsgBusProviderParams,\r\n    MsgBusStruct,\r\n    MsgBusSubscriberParams,\r\n} from '@actdim/msgmesh/msgBusCore';\r\nimport { MaybePromise, SafeKey, Skip } from '@actdim/utico/typeCore';\r\nimport { observer } from 'mobx-react-lite';\r\nimport { observable, runInAction } from 'mobx';\r\nimport { useLazyRef } from '@/reactHooks';\r\n\r\nexport type MsgBusChannelGroupProviderParams<\r\n    TStruct extends MsgBusStruct = MsgBusStruct,\r\n    TChannel extends keyof TStruct = keyof TStruct,\r\n    TGroup extends keyof TStruct[TChannel] = typeof $CG_IN, // keyof TStruct[TChannel]\r\n> = Skip<MsgBusProviderParams<TStruct, TChannel, TGroup>, 'channel' | 'group'>;\r\n\r\nexport type MsgBusChannelGroupSubscriberParams<\r\n    TStruct extends MsgBusStruct = MsgBusStruct,\r\n    TChannel extends keyof TStruct = keyof TStruct,\r\n    TGroup extends keyof TStruct[TChannel] = typeof $CG_IN, // keyof TStruct[TChannel]\r\n> = Skip<MsgBusSubscriberParams<TStruct, TChannel, TGroup>, 'channel' | 'group'>;\r\n\r\n// MsgBusScope\r\nexport type MsgBusBrokerScope<\r\n    TStruct extends MsgBusStruct /*= MsgBusStruct*/,\r\n    TKeysToProvide extends keyof TStruct = keyof TStruct,\r\n    TKeysToSubscribe extends keyof TStruct = keyof TStruct,\r\n    TKeysToPublish extends keyof TStruct = keyof TStruct,\r\n> = {\r\n    provide?: TKeysToProvide;\r\n    // consume\r\n    subscribe?: TKeysToSubscribe;\r\n    // produce\r\n    publish?: TKeysToPublish;\r\n};\r\n\r\nexport type ComponentPropStruct = Record<string, any>;\r\n// export type ComponentPropStruct = {\r\n//     [prop: string]: any;\r\n// };\r\n\r\nexport type ComponentMethodStruct = Record<string, Function>;\r\n// export type ComponentMethodStruct = {\r\n//     [action: string]: Function;\r\n// };\r\n\r\n// export type ComponentRefStruct = Record<string, ComponentStruct<TMsgBusStruct, T>>;\r\nexport type ComponentRefStruct = {\r\n    [name: string]: ComponentStruct | ((params: any) => ComponentStruct);\r\n};\r\n\r\nexport type ComponentStructBase<\r\n    TMsgBusStruct extends MsgBusStruct = MsgBusStruct,\r\n    TPropStruct extends ComponentPropStruct = ComponentPropStruct,\r\n    TMsgScope extends MsgBusBrokerScope<TMsgBusStruct> = MsgBusBrokerScope<TMsgBusStruct>,\r\n> = {\r\n    props?: TPropStruct;\r\n    methods?: ComponentMethodStruct;\r\n    children?: ComponentRefStruct;\r\n    msgScope?: TMsgScope;\r\n};\r\n\r\n// ComponentShape\r\nexport type ComponentStruct<\r\n    TMsgBusStruct extends MsgBusStruct = MsgBusStruct,\r\n    T extends ComponentStructBase<TMsgBusStruct> = ComponentStructBase<TMsgBusStruct>,\r\n> = T & {\r\n    msgBus: TMsgBusStruct;\r\n};\r\n\r\nexport type MsgBusBroker<\r\n    TStructToProvide extends MsgBusStruct = MsgBusStruct,\r\n    TStructToSubscribe extends MsgBusStruct = MsgBusStruct,\r\n> = {\r\n    // providers\r\n    provide?: {\r\n        [TChannel in keyof TStructToProvide]: {\r\n            [TGroup in keyof Skip<\r\n                TStructToProvide[TChannel],\r\n                typeof $CG_OUT\r\n            >]?: MsgBusChannelGroupProviderParams<TStructToProvide, TChannel, TGroup>;\r\n        };\r\n    };\r\n    // subscribers\r\n    subscribe?: {\r\n        [TChannel in keyof TStructToSubscribe]: {\r\n            [TGroup in keyof TStructToSubscribe[TChannel]]?: MsgBusChannelGroupSubscriberParams<\r\n                TStructToSubscribe,\r\n                TChannel,\r\n                TGroup\r\n            >;\r\n        };\r\n    };\r\n};\r\n\r\ntype ValueConverter<TTo, TFrom> = {\r\n    // ConvertFrom\r\n    convert(value: TFrom): TTo;\r\n    // ConvertTo\r\n    convertBack(value: TTo): TFrom;\r\n};\r\n\r\ntype ValidationResult = {\r\n    valid: boolean;\r\n    message: string;\r\n};\r\n\r\ntype Validator<T> = {\r\n    options: {\r\n        blur: boolean;\r\n    };\r\n    validate: (value: T) => MaybePromise<ValidationResult>;\r\n};\r\n\r\nexport const symbols = {\r\n    $isBinding: Symbol('$isBinding'),\r\n};\r\n\r\nexport interface IBinding<T = any, TFrom = any> {\r\n    // getter\r\n    readonly get: () => T;\r\n    // setter\r\n    readonly set: (value: T) => void;\r\n    readonly converter: ValueConverter<T, TFrom>;\r\n    readonly validator: Validator<T>;\r\n    readonly readOnly: boolean;\r\n    [symbols.$isBinding]: boolean;\r\n}\r\n\r\nclass Binding<T = any, TFrom = any> implements IBinding<any, any> {\r\n    // getter\r\n    readonly get: () => T;\r\n    // setter\r\n    readonly set: (value: T) => void;\r\n    readonly converter: ValueConverter<T, TFrom>;\r\n    readonly validator: Validator<T>;\r\n    readonly readOnly: boolean;\r\n    constructor(\r\n        get: () => T,\r\n        set?: (value: T) => void,\r\n        converter?: ValueConverter<T, TFrom>,\r\n        validator?: Validator<T>\r\n    ) {\r\n        this.get = get;\r\n        this.set = set;\r\n        this.converter = converter;\r\n        this.validator = validator;\r\n        this.readOnly = !!set;\r\n        this[symbols.$isBinding] = true;\r\n    }\r\n    [symbols.$isBinding]: boolean;\r\n}\r\n\r\nexport function isBinding(obj: any): obj is IBinding {\r\n    return obj[symbols.$isBinding] === true;\r\n}\r\n\r\nexport function bind<T, TFrom = any>(\r\n    get: () => T,\r\n    set?: (value: T) => void,\r\n    converter?: ValueConverter<T, TFrom>,\r\n    validator?: Validator<T>\r\n) {\r\n    return new Binding(get, set, converter, validator);\r\n}\r\n\r\nexport function bindProp<T extends object, P extends keyof T>(obj: T, prop: P) {\r\n    return new Binding(\r\n        () => obj[prop],\r\n        (value: T[P]) => {\r\n            obj[prop] = value;\r\n        }\r\n    );\r\n}\r\n\r\nexport type ComponentPropSource<T> = T | Binding<T>;\r\n\r\nexport type ComponentPropParams<TPropStruct extends ComponentPropStruct> = {\r\n    [P in keyof TPropStruct]?: ComponentPropSource<TPropStruct[P]>;\r\n};\r\n\r\n// const $ON_PROP_CHANGING = \"onPropChanging\";\r\n// const $ON_PROP_CHANGE = \"onPropChange\";\r\n\r\nconst $ON_GET = 'onGet';\r\n// const $ON_BEFORE_SET = \"onBeforeSet\";\r\nconst $ON_CHANGING = 'onChanging';\r\nconst $ON_CHANGE = 'onChange';\r\n// const $ON_SET = \"onSet\";\r\n\r\ntype PropValueChangingHandler<TProp = PropKey> = (\r\n    prop: TProp,\r\n    oldValue: any,\r\n    newValue: any\r\n) => boolean;\r\ntype PropValueChangeHandler<TProp = PropKey> = (prop: TProp, value: any) => void;\r\n\r\n// BeforeValueSetHandler\r\ntype ValueChangingHandler<T = any> = (oldValue: T, newValue: T) => boolean;\r\n// ValueSetHandler\r\ntype ValueChangeHandler<T = any> = (value: T) => void;\r\n\r\ntype ComponentEvents<TStruct extends ComponentStruct = ComponentStruct> = {\r\n    onPropChanging?: PropValueChangingHandler<keyof TStruct['props']>;\r\n    onPropChange?: PropValueChangeHandler<keyof TStruct['props']>;\r\n    onInit?: (model: ComponentModel<TStruct>) => void;\r\n    onLayout?: (model: ComponentModel<TStruct>) => void;\r\n    onReady?: (model: ComponentModel<TStruct>) => void;\r\n    onLayoutDestroy?: (model: ComponentModel<TStruct>) => void; // onLayoutCleanup\r\n    onDestroy?: (model: ComponentModel<TStruct>) => void; // onDispose/onCleanup\r\n    onError?: (model: ComponentModel<TStruct>, error: any) => void;\r\n} & {\r\n    [P in keyof TStruct['props'] as `${typeof $ON_GET}${Capitalize<P & string>}`]?: () => TStruct['props'][P];\r\n} & {\r\n    [P in keyof TStruct['props'] as `${typeof $ON_CHANGING}${Capitalize<P & string>}`]?: ValueChangingHandler<\r\n        TStruct['props']\r\n    >;\r\n} & {\r\n    [P in keyof TStruct['props'] as `${typeof $ON_CHANGE}${Capitalize<P & string>}`]?: ValueChangeHandler<\r\n        TStruct['props']\r\n    >;\r\n};\r\n\r\n// AllHTMLAttributes<JSX.Element>\r\n\r\n// type ComponentViewerProps = {\r\n//     render?: boolean;\r\n//     view?: () => ReactNode;\r\n// } & PropsWithChildren;\r\n\r\ntype ComponentViewProps = {\r\n    render?: boolean;\r\n} & PropsWithChildren;\r\n\r\ntype ComponentViewFn = (props?: ComponentViewProps) => ReactNode; // JSX.Element\r\n\r\ntype PublicKeys<T> = {\r\n    [K in keyof T]: K extends `_${string}` ? never : K;\r\n}[keyof T];\r\n\r\nexport type Component<TStruct extends ComponentStruct> = {\r\n    props?: TStruct['props'];\r\n    methods?: TStruct['methods'];\r\n    children?: ComponentChildren<TStruct['children']>;\r\n    events?: ComponentEvents<TStruct>;\r\n    // msgs?\r\n    msgBroker?: MsgBusBroker<\r\n        Pick<TStruct['msgBus'], SafeKey<TStruct['msgBus'], TStruct['msgScope']['provide']>>,\r\n        Pick<TStruct['msgBus'], SafeKey<TStruct['msgBus'], TStruct['msgScope']['subscribe']>>\r\n    >;\r\n    msgBus?: MsgBus<\r\n        // TStruct[\"msgBus\"]\r\n        Pick<\r\n            TStruct['msgBus'],\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['provide']>\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['subscribe']>\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['publish']>\r\n        >\r\n    >;\r\n    view?: ComponentViewFn;\r\n};\r\n\r\ntype ComponentChildren<TRefStruct extends ComponentRefStruct> = {\r\n    [P in keyof TRefStruct]: TRefStruct[P] extends (params: infer TParams) => infer T\r\n        ? T extends ComponentStruct\r\n            ? (params: TParams) => ComponentModel<T>\r\n            : never\r\n        : TRefStruct[P] extends ComponentStruct\r\n          ? ComponentModel<TRefStruct[P]>\r\n          : never;\r\n};\r\n\r\ntype ComponentModelChildren<TRefStruct extends ComponentRefStruct> = {\r\n    [P in keyof TRefStruct as TRefStruct[P] extends Function\r\n        ? `${Capitalize<P & string>}`\r\n        : P]: TRefStruct[P] extends (params: infer TParams) => infer T\r\n        ? T extends ComponentStruct\r\n            ? FC<ComponentParams<T> & TParams>\r\n            : never\r\n        : TRefStruct[P] extends ComponentStruct\r\n          ? ComponentModel<TRefStruct[P]>\r\n          : never;\r\n};\r\n\r\nexport type ComponentModelBase<TStruct extends ComponentStruct = ComponentStruct> = {\r\n    readonly msgBus?: MsgBus<\r\n        // TStruct[\"msgBus\"]\r\n        Pick<\r\n            TStruct['msgBus'],\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['provide']>\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['subscribe']>\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['publish']>\r\n        >\r\n    >;\r\n\r\n    readonly View: ComponentViewFn;\r\n};\r\n\r\nexport type ComponentModel<TStruct extends ComponentStruct = ComponentStruct> = TStruct['props'] &\r\n    TStruct['methods'] &\r\n    ComponentModelChildren<TStruct['children']> &\r\n    ComponentModelBase<TStruct>;\r\n\r\n// style: CSSProperties;\r\n\r\ntype PropEventHandlers = {\r\n    onGet?: () => any;\r\n    onChanging?: (oldValue: any, newValue: any) => boolean;\r\n    onChange?: (value: any) => void;\r\n};\r\n\r\ntype PropKey = string | symbol;\r\ntype ProxyEventHandlers = {\r\n    onPropChanging?: PropValueChangingHandler<PropKey>;\r\n    onPropChange?: PropValueChangeHandler<PropKey>;\r\n} & Record<PropKey, PropEventHandlers>;\r\n\r\n// ComponentConfig\r\nexport type ComponentParams<TStruct extends ComponentStruct = ComponentStruct> =\r\n    ComponentPropParams<TStruct['props']> & ComponentEvents<TStruct>; // & PropsWithChildren\r\n\r\nconst blankView = () => null;\r\n\r\nfunction createProxy(\r\n    state: any,\r\n    bindings: Map<PropKey, IBinding>,\r\n    proxyEventHandlers: ProxyEventHandlers\r\n) {\r\n    const onPropChanging = proxyEventHandlers.onPropChanging;\r\n    const onPropChange = proxyEventHandlers.onPropChange;\r\n    return new Proxy(state, {\r\n        get(obj, prop, receiver) {\r\n            const onGet = proxyEventHandlers[prop]?.onGet;\r\n            if (onGet) {\r\n                return onGet();\r\n            }\r\n            const binding = bindings.get(String(prop));\r\n            if (binding) {\r\n                return binding.get();\r\n            }\r\n            return Reflect.get(obj, prop, receiver);\r\n        },\r\n        set(obj, prop, value, receiver) {\r\n            const oldValue = obj[prop];\r\n\r\n            const onChanging = proxyEventHandlers[prop]?.onChanging;\r\n            if (onChanging) {\r\n                const shouldChange = onChanging(oldValue, value);\r\n                if (!shouldChange) {\r\n                    return true;\r\n                }\r\n            }\r\n\r\n            if (onPropChanging) {\r\n                const shouldChange = onPropChanging(prop, oldValue, value);\r\n                if (!shouldChange) {\r\n                    return true;\r\n                }\r\n            }\r\n\r\n            const result = runInAction(() => {\r\n                return Reflect.set(obj, prop, value, receiver);\r\n            });\r\n\r\n            const binding = bindings.get(prop);\r\n\r\n            if (binding?.set) {\r\n                binding.set(value);\r\n            }\r\n\r\n            const onChange = proxyEventHandlers[prop]?.onChange;\r\n            if (onChange) {\r\n                onChange(value);\r\n            }\r\n\r\n            if (onPropChange) {\r\n                onPropChange(prop, value);\r\n            }\r\n\r\n            return result;\r\n        },\r\n    });\r\n}\r\n\r\nfunction capitalize(name: string) {\r\n    return name.replace(/^./, name[0].toUpperCase());\r\n}\r\n\r\nfunction asyncToGeneratorFlow(asyncFn: (...args: any[]) => Promise<any>) {\r\n    return function* (...args: any[]) {\r\n        const result = yield asyncFn(...args);\r\n        return result;\r\n    };\r\n}\r\n\r\n// const ViewerFC = observer((props: ComponentViewerProps) => {\r\n//     if (typeof props.view === \"function\") {\r\n//         return props.view();\r\n//     }\r\n//     return <>{props.children}</>;\r\n// });\r\n\r\nfunction createModel<TStruct extends ComponentStruct = ComponentStruct>(\r\n    component: Component<TStruct>,\r\n    params: ComponentParams<TStruct>\r\n): ComponentModel<TStruct> {\r\n    const msgBus = component.msgBus;\r\n    const view = component.view;\r\n\r\n    const ViewFC = observer((props: ComponentViewProps) => {\r\n        if (typeof view === 'function') {\r\n            return view(props);\r\n        }\r\n        return <>{props.children}</>;\r\n    });\r\n\r\n    let model: ComponentModel<TStruct> = {\r\n        ...component.props,\r\n        ...component.methods,\r\n        // view: component.view,\r\n        // View: ViewerFC,\r\n        View: ViewFC,\r\n        msgBus: msgBus,\r\n    };\r\n    if (component.children) {\r\n        for (const [key, value] of Object.entries(component.children)) {\r\n            if (typeof value == 'function') {\r\n                // observer\r\n                const ChildViewFC: ComponentViewFn = (props) => {\r\n                    const model = value(props) as ComponentModel;\r\n                    return <model.View />;\r\n                    // if (typeof model.view === \"function\") {\r\n                    //     return model.view(props);\r\n                    // }\r\n                    // return <>{props.children}</>;\r\n                    // return <ViewerFC view={model.view} />;\r\n                };\r\n                Reflect.set(model, capitalize(key), ChildViewFC);\r\n            } else {\r\n                Reflect.set(model, key, value);\r\n            }\r\n        }\r\n    }\r\n    if (component.msgBroker) {\r\n        const providers = component.msgBroker.provide;\r\n        if (providers) {\r\n            for (const [channel, providerGroups] of Object.entries(providers)) {\r\n                for (const [group, provider] of Object.entries(providerGroups)) {\r\n                    msgBus.provide({\r\n                        ...provider,\r\n                        channel: channel,\r\n                        group: group,\r\n                    });\r\n                }\r\n            }\r\n        }\r\n        const subscribers = component.msgBroker.subscribe;\r\n        if (subscribers) {\r\n            for (const [channel, subscriberGroups] of Object.entries(subscribers)) {\r\n                for (const [group, subscriber] of Object.entries(subscriberGroups)) {\r\n                    msgBus.on({\r\n                        ...subscriber,\r\n                        channel: channel,\r\n                        group: group,\r\n                    });\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    const bindings = new Map<PropKey, IBinding>();\r\n    // Reflect.ownKeys\r\n    for (const [key, value] of Object.entries(params)) {\r\n        if (isBinding(value)) {\r\n            bindings.set(key, value);\r\n        } else {\r\n            Reflect.set(model, key, value);\r\n        }\r\n    }\r\n\r\n    // decorators\r\n    const annotationMap: Record<string, any> = {};\r\n\r\n    if (component.props) {\r\n        for (const key of Object.keys(component.props)) {\r\n            annotationMap[key] = observable.ref;\r\n        }\r\n    }\r\n    if (component.methods) {\r\n        for (const key of Object.keys(component.methods)) {\r\n            annotationMap[key] = false;\r\n        }\r\n    }\r\n\r\n    annotationMap['View' satisfies keyof ComponentModelBase<TStruct>] = false;\r\n    annotationMap['msgBus' satisfies keyof ComponentModelBase<TStruct>] = false;\r\n    // annotationMap[\"view\" satisfies keyof Component<TStruct>] = false;\r\n\r\n    const proxyEventHandlers: Pick<ProxyEventHandlers, 'onPropChanging' | 'onPropChange'> = {\r\n        onPropChanging:\r\n            params?.onPropChanging || component.events?.onPropChanging\r\n                ? (prop, oldValue, newValue) => {\r\n                      let result = true;\r\n                      let handler = params.onPropChanging;\r\n                      if (handler) {\r\n                          result = handler(String(prop), oldValue, newValue);\r\n                      }\r\n                      if (result) {\r\n                          handler = component.events?.onPropChanging;\r\n                          if (handler) {\r\n                              result = handler(String(prop), oldValue, newValue);\r\n                          }\r\n                      }\r\n                      return result;\r\n                  }\r\n                : undefined,\r\n        onPropChange:\r\n            params?.onPropChange || component.events?.onPropChange\r\n                ? (prop, value) => {\r\n                      params.onPropChange?.(String(prop), value);\r\n                      component.events.onPropChange?.(String(prop), value);\r\n                  }\r\n                : undefined,\r\n    };\r\n\r\n    function resolveOnGetEventHandler(prop: string) {\r\n        const key = `${$ON_GET}${capitalize(prop)}`;\r\n        return params[key] || component.events[key];\r\n    }\r\n\r\n    function resolveOnChangingEventHandler(prop: string) {\r\n        const key = `${$ON_CHANGING}${capitalize(prop)}`;\r\n        return ((oldValue: any, newValue: any) => {\r\n            let result = true;\r\n            let handler = params[key] as ValueChangingHandler<any>;\r\n            if (handler) {\r\n                result = handler(oldValue, newValue);\r\n            }\r\n            if (result) {\r\n                handler = component.events[key] as ValueChangingHandler<any>;\r\n                if (handler) {\r\n                    result = handler(oldValue, newValue);\r\n                }\r\n            }\r\n            return result;\r\n        }) as ValueChangingHandler;\r\n    }\r\n\r\n    function resolveOnChangeEventHandler(prop: string) {\r\n        const key = `${$ON_CHANGE}${capitalize(prop)}`;\r\n        return ((value: any) => {\r\n            (params[key] as ValueChangeHandler<any>)?.(value);\r\n            (component.events[key] as ValueChangeHandler<any>)?.(value);\r\n        }) as ValueChangeHandler;\r\n    }\r\n\r\n    if (component.props) {\r\n        for (const prop of Object.keys(component.props)) {\r\n            proxyEventHandlers[prop] = {\r\n                onGet: resolveOnGetEventHandler(prop),\r\n                onChanging: resolveOnChangingEventHandler(prop),\r\n                onChange: resolveOnChangeEventHandler(prop),\r\n            };\r\n        }\r\n    }\r\n\r\n    model = observable(model, annotationMap);\r\n\r\n    model = createProxy(model, bindings, proxyEventHandlers);\r\n\r\n    if (component.events?.onInit) {\r\n        component.events.onInit(model);\r\n    }\r\n\r\n    if (params?.onInit) {\r\n        params.onInit(model);\r\n    }\r\n\r\n    return model;\r\n}\r\n\r\nexport function useComponent<TStruct extends ComponentStruct = ComponentStruct>(\r\n    component: Component<TStruct>,\r\n    params: ComponentParams<TStruct>\r\n): ComponentModel<TStruct> {\r\n    const ref = useLazyRef(() => createModel(component, params));\r\n    const model = ref.current;\r\n\r\n    useLayoutEffect(() => {\r\n        try {\r\n            component.events?.onLayout?.(model);\r\n            params?.onLayout?.(model);\r\n        } catch (err) {\r\n            component.events?.onError?.(model, err);\r\n            params?.onError?.(model, err);\r\n        }\r\n\r\n        return () => {\r\n            component.events?.onLayoutDestroy?.(model);\r\n            params?.onLayoutDestroy?.(model);\r\n            // ref.current?.dispose();\r\n            ref.current = null;\r\n        };\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        try {\r\n            component.events?.onReady?.(model);\r\n            params?.onReady?.(model);\r\n        } catch (err) {\r\n            component.events?.onError?.(model, err);\r\n            params?.onError?.(model, err);\r\n        }\r\n        return () => {\r\n            component.events?.onDestroy?.(model);\r\n            params?.onDestroy?.(model);\r\n        };\r\n    }, []);\r\n\r\n    return ref.current;\r\n}\r\n\r\n// asFC/toFC\r\nexport function getFC<TStruct extends ComponentStruct>(\r\n    factory: (params: ComponentParams<TStruct>) => ComponentModel<TStruct>\r\n): FC<ComponentParams<TStruct>> {\r\n    // observer\r\n    const fc = (params: ComponentParams<TStruct> & PropsWithChildren) => {\r\n        // modelHook\r\n        const model = factory(params); // without useRef!\r\n        // return model.view();\r\n        return <model.View {...params} />;\r\n        // return <ViewerFC {...params} view={model.view} />;\r\n    };\r\n    return fc;\r\n}\r\n"],"names":["symbols","Binding","get","set","converter","validator","isBinding","obj","bind","bindProp","prop","value","$ON_GET","$ON_CHANGING","$ON_CHANGE","createProxy","state","bindings","proxyEventHandlers","onPropChanging","onPropChange","receiver","onGet","binding","oldValue","onChanging","result","runInAction","onChange","capitalize","name","createModel","component","params","msgBus","view","ViewFC","observer","props","model","key","ChildViewFC","providers","channel","providerGroups","group","provider","subscribers","subscriberGroups","subscriber","annotationMap","observable","newValue","handler","resolveOnGetEventHandler","resolveOnChangingEventHandler","resolveOnChangeEventHandler","useComponent","ref","useLazyRef","useLayoutEffect","err","useEffect","getFC","factory"],"mappings":"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"}

package/dist/componentModel/scope.d.ts

@@ -26,9 +26,4 @@ export declare class DisposableComponent implements IDisposable {
     protected registerDisposable(disposable: IDisposable): () => void;
     dispose(): void;
 }
-export declare class DisposableModel extends DisposableComponent {
-    isBusy: boolean;
-    protected withBusyAsync<T>(asyncAction: () => Promise<T>): Promise<T>;
-    protected withBusy<T>(action: () => T): T;
-}
 //# sourceMappingURL=scope.d.ts.map

package/dist/componentModel/scope.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scope.d.ts","sourceRoot":"","sources":["../../src/componentModel/scope.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"scope.d.ts","sourceRoot":"","sources":["../../src/componentModel/scope.ts"],"names":[],"mappings":"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"}

package/dist/componentModel/scope.es.js

@@ -1,11 +1,6 @@
-import { observable as f, autorun as c, observe as h, reaction as u, transaction as l } from "mobx";
-import { deepObserve as d } from "mobx-utils";
-var p = Object.defineProperty, y = (o, e, r, i) => {
-  for (var s = void 0, t = o.length - 1, a; t >= 0; t--)
-    (a = o[t]) && (s = a(e, r, s) || s);
-  return s && p(e, r, s), s;
-};
-class v {
+import { autorun as h, observe as o, reaction as l } from "mobx";
+import { deepObserve as c } from "mobx-utils";
+class z {
   // finalizers
   finalizers;
   isDisposed;
@@ -14,16 +9,16 @@ class v {
     this.isDisposed = !1, this.finalizers = [], this.handlers = /* @__PURE__ */ new Set();
   }
   deepObserve(e, r) {
-    const i = d(e, r);
-    return this.registerFinalizers(i), i;
+    const s = c(e, r);
+    return this.registerFinalizers(s), s;
   }
   autorun(e, r) {
-    const i = c(e, r);
-    return this.registerFinalizers(i), i;
-  }
-  observe(e, r, i = !0) {
     const s = h(e, r);
-    return i && this.registerFinalizers(s), s;
+    return this.registerFinalizers(s), s;
+  }
+  observe(e, r, s = !0) {
+    const i = o(e, r);
+    return s && this.registerFinalizers(i), i;
   }
   async allHandlersAsync() {
     await Promise.all(this.handlers);
@@ -32,38 +27,38 @@ class v {
     if (this.isDisposed)
       throw new Error("Cannot access a disposed object");
   }
-  observeAsync(e, r, i = !0, s = this.handlers) {
+  observeAsync(e, r, s = !0, i = this.handlers) {
     this.validateState();
-    const t = h(e, (a) => {
+    const t = o(e, (a) => {
       let n = null;
       n = (async () => {
-        await r(a), s.delete(n);
-      })(), s.add(n);
+        await r(a), i.delete(n);
+      })(), i.add(n);
     });
-    return i && this.registerFinalizers(t), t;
+    return s && this.registerFinalizers(t), t;
   }
-  multiObserve(e, r, i, s = (t) => {
+  multiObserve(e, r, s, i = (t) => {
     this.registerFinalizer(t);
   }) {
     const t = [];
     for (const a of e) {
-      const n = h(a, r, i);
-      t.push(n), s && s(n);
+      const n = o(a, r, s);
+      t.push(n), i && i(n);
     }
     return t;
   }
-  reaction(e, r, i) {
-    const s = u(e, r, i);
-    return this.registerFinalizers(s), s;
+  reaction(e, r, s) {
+    const i = l(e, r, s);
+    return this.registerFinalizers(i), i;
   }
-  multiReaction(e, r, i = void 0, s = (t) => {
+  multiReaction(e, r, s = void 0, i = (t) => {
     this.registerFinalizer(t);
   }) {
     const t = [];
-    i || (i = void 0);
+    s || (s = void 0);
     for (const a of e) {
-      const n = u(a, r, i);
-      t.push(n), s && s(n);
+      const n = l(a, r, s);
+      t.push(n), i && i(n);
     }
     return t;
   }
@@ -90,44 +85,7 @@ class v {
     }
   }
 }
-class z extends v {
-  isBusy = !0;
-  // isLoading
-  async withBusyAsync(e) {
-    l(() => {
-      this.isBusy = !0;
-    });
-    try {
-      return await e();
-    } finally {
-      l(() => {
-        this.isBusy = !1;
-      });
-    }
-  }
-  withBusy(e) {
-    l(() => {
-      this.isBusy = !0;
-    });
-    try {
-      return e();
-    } finally {
-      l(() => {
-        this.isBusy = !1;
-      });
-    }
-  }
-  // createViewModel = <T = any>(model: T, options?: IViewModelOptions<T>): T & IRootViewModel<T> => {
-  //     const vm = createViewModel(model, options);
-  //     this.registerFinalizer(vm.$().dispose);
-  //     return vm;
-  // };
-}
-y([
-  f.ref
-], z.prototype, "isBusy");
 export {
-  v as DisposableComponent,
-  z as DisposableModel
+  z as DisposableComponent
 };
 //# sourceMappingURL=scope.es.js.map

package/dist/componentModel/scope.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"scope.es.js","sources":["../../src/componentModel/scope.ts"],"sourcesContent":["// import { createViewModel } from \"@/componentModel\";\r\nimport {\r\n    reaction,\r\n    observe,\r\n    Lambda,\r\n    IReactionPublic,\r\n    IReactionOptions,\r\n    IReactionDisposer,\r\n    IObjectDidChange,\r\n    // IArrayChange,\r\n    IArraySplice,\r\n    IMapDidChange,\r\n    autorun,\r\n    IAutorunOptions\r\n} from \"mobx\";\r\nimport { deepObserve, IDisposer } from \"mobx-utils\";\r\nimport { observable, transaction } from \"mobx\";\r\n\r\nexport type IObjectChange<T> = IObjectDidChange & {\r\n    name: keyof T;\r\n    object: T;\r\n};\r\n\r\nexport interface IDisposable {\r\n    dispose: () => void;\r\n}\r\n\r\nexport class DisposableComponent implements IDisposable {\r\n    // finalizers\r\n    protected readonly finalizers: IDisposer[];\r\n\r\n    protected isDisposed: boolean;\r\n\r\n    public handlers: Set<Promise<any>>;\r\n\r\n    constructor() {\r\n        this.isDisposed = false;\r\n        this.finalizers = [];\r\n        this.handlers = new Set<Promise<any>>();\r\n    }\r\n\r\n    protected deepObserve<T = any>(\r\n        target: T,\r\n        // | IArrayChange\r\n        listener: (change: IObjectDidChange | IArraySplice | IMapDidChange, path: string, root: T) => void\r\n    ): IDisposer {\r\n        const releaser = deepObserve(target, listener);\r\n        this.registerFinalizers(releaser);\r\n        return releaser;\r\n    }\r\n\r\n    protected autorun(view: (r: IReactionPublic) => any, opts?: IAutorunOptions): IReactionDisposer {\r\n        const releaser = autorun(view, opts);\r\n        this.registerFinalizers(releaser);\r\n        return releaser;\r\n    }\r\n\r\n    protected observe<T = Object>(object: T, listener: (change: IObjectChange<T>) => void, registerDisposer = true): Lambda {\r\n        const releaser = observe(object, listener);\r\n        if (registerDisposer) {\r\n            this.registerFinalizers(releaser);\r\n        }\r\n        return releaser;\r\n    }\r\n\r\n    public async allHandlersAsync(): Promise<void> {\r\n        await Promise.all(this.handlers);\r\n    }\r\n\r\n    protected validateState() {\r\n        if (this.isDisposed) {\r\n            throw new Error(\"Cannot access a disposed object\");\r\n        }\r\n    }\r\n    \r\n    protected observeAsync<T = Object>(\r\n        object: T,\r\n        listener: (change: IObjectChange<T>) => Promise<any>,\r\n        registerDisposer = true,\r\n        handlers = this.handlers\r\n    ): Lambda {\r\n        this.validateState();        \r\n        const releaser = observe(object, (change) => {\r\n            let task: Promise<any> = null;\r\n            task = (async () => {\r\n                await listener(change as IObjectChange<T>);\r\n                handlers.delete(task);\r\n            })();\r\n            handlers.add(task);\r\n        });\r\n        if (registerDisposer) {\r\n            this.registerFinalizers(releaser);\r\n        }\r\n        return releaser;\r\n    }\r\n\r\n    protected multiObserve(\r\n        objects: Object[],\r\n        listener: (change: IObjectDidChange) => void,\r\n        fireImmediately?: boolean,\r\n        registerDisposer = (d: () => void) => {\r\n            this.registerFinalizer(d);\r\n        }\r\n    ): Lambda[] {\r\n        const releasers: Lambda[] = [];\r\n        for (const object of objects) {\r\n            const releaser = observe(object, listener, fireImmediately);\r\n            releasers.push(releaser);\r\n            if (registerDisposer) {\r\n                registerDisposer(releaser);\r\n            }\r\n        }\r\n        return releasers;\r\n    }\r\n\r\n    protected reaction<T>(\r\n        expression: (r: IReactionPublic) => T,\r\n        effect: (arg: T, prev: T, r: IReactionPublic) => void,\r\n        opts?: IReactionOptions<T, boolean>\r\n    ): IReactionDisposer {\r\n        const releaser = reaction(expression, effect, opts);\r\n        this.registerFinalizers(releaser);\r\n        return releaser;\r\n    }\r\n\r\n    protected multiReaction<T>(\r\n        expressions: ((r: IReactionPublic) => T)[],\r\n        effect: (arg: T, prev: T, r: IReactionPublic) => void,\r\n        opts: IReactionOptions<T, boolean> = undefined,\r\n        registerDisposer = (d: () => void) => {\r\n            this.registerFinalizer(d);\r\n        }\r\n    ): IReactionDisposer[] {\r\n        const releasers: IReactionDisposer[] = [];\r\n        if (!opts) {\r\n            opts = undefined;\r\n        }\r\n        for (const expression of expressions) {\r\n            const releaser = reaction(expression, effect, opts);\r\n            releasers.push(releaser);\r\n            if (registerDisposer) {\r\n                registerDisposer(releaser);\r\n            }\r\n        }\r\n\r\n        return releasers;\r\n    }\r\n\r\n    // registerDisposers\r\n    protected registerFinalizers(...actions: (() => void)[]) {\r\n        this.finalizers.push(...actions);\r\n    }\r\n\r\n    // registerDisposer\r\n    protected registerFinalizer(action: () => void) {\r\n        this.registerFinalizers(action);\r\n        return action;\r\n    }\r\n\r\n    protected registerDisposable(disposable: IDisposable) {\r\n        return this.registerFinalizer(disposable.dispose.bind(disposable));\r\n    }\r\n\r\n    public dispose() {\r\n        if (this === undefined) {\r\n            console.error('undefined \"this\"');\r\n        }\r\n        if (!this.isDisposed) {\r\n            for (const d of this.finalizers) {\r\n                try {\r\n                    d && d();\r\n                } catch (err) {\r\n                    throw err; // for debug\r\n                }\r\n            }\r\n            this.finalizers.length = 0;\r\n            // while (this.finalizers.length) {\r\n            //     const d = this.finalizers.pop();\r\n            //     d && d();\r\n            // }\r\n            this.isDisposed = true;\r\n        }\r\n    }\r\n}\r\n\r\nexport class DisposableModel extends DisposableComponent {\r\n    @observable.ref\r\n    public isBusy: boolean = true; // isLoading\r\n\r\n    protected async withBusyAsync<T>(asyncAction: () => Promise<T>) {\r\n        transaction(() => {\r\n            this.isBusy = true;\r\n        });\r\n        try {\r\n            return await asyncAction();\r\n        } finally {\r\n            transaction(() => {\r\n                this.isBusy = false;\r\n            });\r\n        }\r\n    }\r\n\r\n    protected withBusy<T>(action: () => T) {\r\n        transaction(() => {\r\n            this.isBusy = true;\r\n        });\r\n        try {\r\n            return action();\r\n        } finally {\r\n            transaction(() => {\r\n                this.isBusy = false;\r\n            });\r\n        }\r\n    }\r\n\r\n    // createViewModel = <T = any>(model: T, options?: IViewModelOptions<T>): T & IRootViewModel<T> => {\r\n    //     const vm = createViewModel(model, options);\r\n    //     this.registerFinalizer(vm.$().dispose);\r\n    //     return vm;\r\n    // };\r\n}\r\n"],"names":["DisposableComponent","target","listener","releaser","deepObserve","view","opts","autorun","object","registerDisposer","observe","handlers","change","task","objects","fireImmediately","d","releasers","expression","effect","reaction","expressions","actions","action","disposable","err","DisposableModel","asyncAction","transaction","__decorateClass","observable"],"mappings":"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"}
+{"version":3,"file":"scope.es.js","sources":["../../src/componentModel/scope.ts"],"sourcesContent":["// import { createViewModel } from \"@/componentModel\";\r\nimport {\r\n    reaction,\r\n    observe,\r\n    Lambda,\r\n    IReactionPublic,\r\n    IReactionOptions,\r\n    IReactionDisposer,\r\n    IObjectDidChange,\r\n    // IArrayChange,\r\n    IArraySplice,\r\n    IMapDidChange,\r\n    autorun,\r\n    IAutorunOptions\r\n} from \"mobx\";\r\nimport { deepObserve, IDisposer } from \"mobx-utils\";\r\nimport { observable, transaction } from \"mobx\";\r\n\r\nexport type IObjectChange<T> = IObjectDidChange & {\r\n    name: keyof T;\r\n    object: T;\r\n};\r\n\r\nexport interface IDisposable {\r\n    dispose: () => void;\r\n}\r\n\r\nexport class DisposableComponent implements IDisposable {\r\n    // finalizers\r\n    protected readonly finalizers: IDisposer[];\r\n\r\n    protected isDisposed: boolean;\r\n\r\n    public handlers: Set<Promise<any>>;\r\n\r\n    constructor() {\r\n        this.isDisposed = false;\r\n        this.finalizers = [];\r\n        this.handlers = new Set<Promise<any>>();\r\n    }\r\n\r\n    protected deepObserve<T = any>(\r\n        target: T,\r\n        // | IArrayChange\r\n        listener: (change: IObjectDidChange | IArraySplice | IMapDidChange, path: string, root: T) => void\r\n    ): IDisposer {\r\n        const releaser = deepObserve(target, listener);\r\n        this.registerFinalizers(releaser);\r\n        return releaser;\r\n    }\r\n\r\n    protected autorun(view: (r: IReactionPublic) => any, opts?: IAutorunOptions): IReactionDisposer {\r\n        const releaser = autorun(view, opts);\r\n        this.registerFinalizers(releaser);\r\n        return releaser;\r\n    }\r\n\r\n    protected observe<T = Object>(object: T, listener: (change: IObjectChange<T>) => void, registerDisposer = true): Lambda {\r\n        const releaser = observe(object, listener);\r\n        if (registerDisposer) {\r\n            this.registerFinalizers(releaser);\r\n        }\r\n        return releaser;\r\n    }\r\n\r\n    public async allHandlersAsync(): Promise<void> {\r\n        await Promise.all(this.handlers);\r\n    }\r\n\r\n    protected validateState() {\r\n        if (this.isDisposed) {\r\n            throw new Error(\"Cannot access a disposed object\");\r\n        }\r\n    }\r\n    \r\n    protected observeAsync<T = Object>(\r\n        object: T,\r\n        listener: (change: IObjectChange<T>) => Promise<any>,\r\n        registerDisposer = true,\r\n        handlers = this.handlers\r\n    ): Lambda {\r\n        this.validateState();        \r\n        const releaser = observe(object, (change) => {\r\n            let task: Promise<any> = null;\r\n            task = (async () => {\r\n                await listener(change as IObjectChange<T>);\r\n                handlers.delete(task);\r\n            })();\r\n            handlers.add(task);\r\n        });\r\n        if (registerDisposer) {\r\n            this.registerFinalizers(releaser);\r\n        }\r\n        return releaser;\r\n    }\r\n\r\n    protected multiObserve(\r\n        objects: Object[],\r\n        listener: (change: IObjectDidChange) => void,\r\n        fireImmediately?: boolean,\r\n        registerDisposer = (d: () => void) => {\r\n            this.registerFinalizer(d);\r\n        }\r\n    ): Lambda[] {\r\n        const releasers: Lambda[] = [];\r\n        for (const object of objects) {\r\n            const releaser = observe(object, listener, fireImmediately);\r\n            releasers.push(releaser);\r\n            if (registerDisposer) {\r\n                registerDisposer(releaser);\r\n            }\r\n        }\r\n        return releasers;\r\n    }\r\n\r\n    protected reaction<T>(\r\n        expression: (r: IReactionPublic) => T,\r\n        effect: (arg: T, prev: T, r: IReactionPublic) => void,\r\n        opts?: IReactionOptions<T, boolean>\r\n    ): IReactionDisposer {\r\n        const releaser = reaction(expression, effect, opts);\r\n        this.registerFinalizers(releaser);\r\n        return releaser;\r\n    }\r\n\r\n    protected multiReaction<T>(\r\n        expressions: ((r: IReactionPublic) => T)[],\r\n        effect: (arg: T, prev: T, r: IReactionPublic) => void,\r\n        opts: IReactionOptions<T, boolean> = undefined,\r\n        registerDisposer = (d: () => void) => {\r\n            this.registerFinalizer(d);\r\n        }\r\n    ): IReactionDisposer[] {\r\n        const releasers: IReactionDisposer[] = [];\r\n        if (!opts) {\r\n            opts = undefined;\r\n        }\r\n        for (const expression of expressions) {\r\n            const releaser = reaction(expression, effect, opts);\r\n            releasers.push(releaser);\r\n            if (registerDisposer) {\r\n                registerDisposer(releaser);\r\n            }\r\n        }\r\n\r\n        return releasers;\r\n    }\r\n\r\n    // registerDisposers\r\n    protected registerFinalizers(...actions: (() => void)[]) {\r\n        this.finalizers.push(...actions);\r\n    }\r\n\r\n    // registerDisposer\r\n    protected registerFinalizer(action: () => void) {\r\n        this.registerFinalizers(action);\r\n        return action;\r\n    }\r\n\r\n    protected registerDisposable(disposable: IDisposable) {\r\n        return this.registerFinalizer(disposable.dispose.bind(disposable));\r\n    }\r\n\r\n    public dispose() {\r\n        if (this === undefined) {\r\n            console.error('undefined \"this\"');\r\n        }\r\n        if (!this.isDisposed) {\r\n            for (const d of this.finalizers) {\r\n                try {\r\n                    d && d();\r\n                } catch (err) {\r\n                    throw err; // for debug\r\n                }\r\n            }\r\n            this.finalizers.length = 0;\r\n            // while (this.finalizers.length) {\r\n            //     const d = this.finalizers.pop();\r\n            //     d && d();\r\n            // }\r\n            this.isDisposed = true;\r\n        }\r\n    }\r\n}\r\n\r\n// export class Model extends DisposableComponent {\r\n    \r\n//     public isBusy: boolean = true; // isLoading\r\n\r\n//     protected async withBusyAsync<T>(asyncAction: () => Promise<T>) {\r\n//         transaction(() => {\r\n//             this.isBusy = true;\r\n//         });\r\n//         try {\r\n//             return await asyncAction();\r\n//         } finally {\r\n//             transaction(() => {\r\n//                 this.isBusy = false;\r\n//             });\r\n//         }\r\n//     }\r\n\r\n//     protected withBusy<T>(action: () => T) {\r\n//         transaction(() => {\r\n//             this.isBusy = true;\r\n//         });\r\n//         try {\r\n//             return action();\r\n//         } finally {\r\n//             transaction(() => {\r\n//                 this.isBusy = false;\r\n//             });\r\n//         }\r\n//     }\r\n// }\r\n"],"names":["DisposableComponent","target","listener","releaser","deepObserve","view","opts","autorun","object","registerDisposer","observe","handlers","change","task","objects","fireImmediately","d","releasers","expression","effect","reaction","expressions","actions","action","disposable","err"],"mappings":"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"}