@actdim/dynstruct 1.1.6 → 1.1.7

package/dist/componentModel/react.es.js

@@ -1,200 +1,194 @@
-import u, { useLayoutEffect as H, useEffect as M, useMemo as j } from "react";
-import { observer as x } from "mobx-react-lite";
+import d, { useLayoutEffect as w, useEffect as M, useMemo as G } from "react";
+import { observer as S } from "mobx-react-lite";
 import { observable as P } from "mobx";
-import { useLazyRef as G } from "../reactHooks.es.js";
-import { getGlobalFlags as f } from "../globals.es.js";
-import { useComponentContext as S, ReactComponentContext as F } from "./componentContext.es.js";
-import { $ON_CHANGE as L, $ON_CHANGING as z, $ON_GET as U } from "./contracts.es.js";
-import { lazy as A } from "@actdim/utico/utils";
-import { getComponentSourceByCaller as T, getComponentMsgBus as _, toHtmlId as J, registerMsgBroker as V, isBinding as q, createRecursiveProxy as K, createEffect as Q } from "./core.es.js";
-function a(e) {
+import { useLazyRef as F } from "../reactHooks.es.js";
+import { getGlobalFlags as h } from "../globals.es.js";
+import { useComponentContext as H, ReactComponentContext as L } from "./componentContext.es.js";
+import { $ON_CHANGE as z, $ON_CHANGING as A, $ON_GET as T } from "./contracts.es.js";
+import { lazy as U } from "@actdim/utico/utils";
+import { getComponentSourceByCaller as _, getComponentMsgBus as J, toHtmlId as V, registerMsgBroker as q, isBinding as K, createRecursiveProxy as Q, createEffect as W } from "./core.es.js";
+function C(e) {
   return e.replace(/^./, e[0].toUpperCase());
 }
-function W(e) {
+function X(e) {
   return e.replace(/^[a-z][a-z0-9+.-]*:\/\/[^\/]+/, "");
 }
-function X(e, o) {
-  let t, d;
+function Y(e, i) {
+  let t, l;
   e || (e = {});
-  let l = e.regType;
-  l || (l = T(6), l = W(l)), o || (o = {});
-  const I = e.view;
-  let C = e.msgBus;
-  const v = /* @__PURE__ */ new Map(), O = A(() => _(C, (n) => {
-    n?.sourceId == null && (n.sourceId = t.id);
+  let u = e.regType;
+  u || (u = _(6), u = X(u)), i || (i = {});
+  const $ = e.view;
+  let v = e.msgBus;
+  const b = /* @__PURE__ */ new Map(), B = U(() => J(v, (r) => {
+    r?.sourceId == null && (r.sourceId = t.id);
   }));
-  let h = {
+  let a = {
     ...e.msgBroker
   };
-  h.abortController || (h.abortController = new AbortController());
-  const w = x((n) => {
-    const r = S(), g = r.currentId;
-    if (t.parentId = g, C || (C = r.msgBus), !t.id) {
-      let i = o.$id;
-      if (!i) {
-        const y = o.$key;
-        y ? i = `${J(l)}#${y}` : i = r.getNextId(l);
+  a.abortController || (a.abortController = new AbortController());
+  const y = H(), N = S((r) => {
+    const n = H(), g = n.currentId;
+    if (t.parentId = g, v || (v = n.msgBus), !t.id) {
+      let o = i.$id;
+      if (!o) {
+        const f = i.$key;
+        f ? o = `${V(u)}#${f}` : o = n.getNextId(u);
       }
-      t.id = i, t.getHierarchyId = () => r.getHierarchyPath(i), t.getChainDown = () => r.getChainDown(i), t.getChainUp = () => r.getChainUp(i), t.getChildren = () => r.getChildren(i), t.getParent = () => r.getParent(i), t.getNodeMap = () => r.getNodeMap();
+      t.id = o;
     }
-    H(() => {
+    w(() => {
       try {
-        if (r.register(t.id, l, g), f().debug) {
-          const i = t.getHierarchyId();
-          console.debug(`${i}>layout`);
+        if (n.register(t.id, u, g), h().debug) {
+          const o = t.getHierarchyId();
+          console.debug(`${o}>layout`);
         }
-        V(t), e.events?.onLayout?.(t), o.onLayout?.(t);
-      } catch (i) {
-        e.events?.onError?.(t, i), o.onError?.(t, i);
+        q(t), e.events?.onLayout?.(t), i.onLayout?.(t);
+      } catch (o) {
+        e.events?.onError?.(t, o), i.onError?.(t, o);
       }
       return () => {
-        if (f().debug) {
-          const i = t.getHierarchyId();
-          console.debug(`${i}>layout-destroy`);
+        if (h().debug) {
+          const o = t.getHierarchyId();
+          console.debug(`${o}>layout-destroy`);
         }
-        r.unregister(t.id), h.abortController?.abort(), e.events?.onLayoutDestroy?.(t), o.onLayoutDestroy?.(t);
+        n.unregister(t.id), a.abortController?.abort(), e.events?.onLayoutDestroy?.(t), i.onLayoutDestroy?.(t);
       };
-    }, [e, o, r]), M(() => {
+    }, [e, i, n]), M(() => {
       try {
-        if (f().debug) {
-          const i = t.getHierarchyId();
-          console.debug(`${i}>ready`);
+        if (h().debug) {
+          const o = t.getHierarchyId();
+          console.debug(`${o}>ready`);
         }
-        e.events?.onReady?.(t), o.onReady?.(t);
-      } catch (i) {
-        if (f().debug) {
-          const y = t.getHierarchyId();
-          console.debug(`${y}>destroy`);
+        e.events?.onReady?.(t), i.onReady?.(t);
+      } catch (o) {
+        if (h().debug) {
+          const f = t.getHierarchyId();
+          console.debug(`${f}>destroy`);
         }
-        e.events?.onError?.(t, i), o.onError?.(t, i);
+        e.events?.onError?.(t, o), i.onError?.(t, o);
       }
       return () => {
-        e.events?.onDestroy?.(t), o.onDestroy?.(t);
+        e.events?.onDestroy?.(t), i.onDestroy?.(t);
       };
-    }, [e, o, r]);
+    }, [e, i, n]);
     let s;
     try {
-      if (f().debug) {
-        const i = t.getHierarchyId();
-        console.debug(`${i}>view`);
+      if (h().debug) {
+        const o = t.getHierarchyId();
+        console.debug(`${o}>view`);
       }
-      typeof I == "function" ? s = I(n, t) : s = /* @__PURE__ */ u.createElement(u.Fragment, null, n.children);
-    } catch (i) {
-      const y = JSON.stringify(i);
-      s = /* @__PURE__ */ u.createElement(u.Fragment, null, y);
+      typeof $ == "function" ? s = $(r, t) : s = /* @__PURE__ */ d.createElement(d.Fragment, null, r.children);
+    } catch (o) {
+      const f = JSON.stringify(o);
+      s = /* @__PURE__ */ d.createElement(d.Fragment, null, f);
     }
-    const c = j(
-      () => ({ ...r, currentId: t.id }),
-      [e, o, r]
+    const c = G(
+      () => ({ ...n, currentId: t.id }),
+      [e, i, n]
     );
-    return /* @__PURE__ */ u.createElement(F.Provider, { value: c }, s);
-  }), b = {};
-  if (d = {}, e.props && Object.assign(d, e.props), e.actions && Object.assign(d, e.actions), e.children)
-    for (const [n, r] of Object.entries(e.children))
-      if (typeof r == "function") {
-        const g = r, s = (c) => {
-          const i = g(c);
-          return /* @__PURE__ */ u.createElement(i.View, null);
+    return /* @__PURE__ */ d.createElement(L.Provider, { value: c }, s);
+  }), I = {};
+  if (l = {}, e.props && Object.assign(l, e.props), e.actions && Object.assign(l, e.actions), e.children)
+    for (const [r, n] of Object.entries(e.children))
+      if (typeof n == "function") {
+        const g = n, s = (c) => {
+          const o = g(c);
+          return /* @__PURE__ */ d.createElement(o.View, null);
         };
-        Reflect.set(b, a(n), s);
+        Reflect.set(I, C(r), s);
       } else
-        Reflect.set(b, n, r);
-  for (const [n, r] of Object.entries(o))
-    n in d && (q(r) ? v.set(n, r) : Reflect.set(d, n, r));
-  const $ = {
-    onPropChanging: o.onPropChanging || e.events?.onPropChanging ? (n, r, g) => {
-      let s = !0, c = o.onPropChanging;
-      return c && (s = c(String(n), r, g)), s && (c = e.events?.onPropChanging, c && (s = c(String(n), r, g))), s;
+        Reflect.set(I, r, n);
+  for (const [r, n] of Object.entries(i))
+    r in l && (K(n) ? b.set(r, n) : Reflect.set(l, r, n));
+  const E = {
+    onPropChanging: i.onPropChanging || e.events?.onPropChanging ? (r, n, g) => {
+      let s = !0, c = i.onPropChanging;
+      return c && (s = c(String(r), n, g)), s && (c = e.events?.onPropChanging, c && (s = c(String(r), n, g))), s;
     } : void 0,
-    onPropChange: o.onPropChange || e.events?.onPropChange ? (n, r) => {
-      o.onPropChange?.(String(n), r), e.events?.onPropChange?.(String(n), r);
+    onPropChange: i.onPropChange || e.events?.onPropChange ? (r, n) => {
+      i.onPropChange?.(String(r), n), e.events?.onPropChange?.(String(r), n);
     } : void 0
   };
-  function B(n) {
-    const r = `${U}${a(n)}`;
-    return o[r] || e.events?.[r];
+  function R(r) {
+    const n = `${T}${C(r)}`;
+    return i[n] || e.events?.[n];
   }
-  function N(n) {
-    const r = `${z}${a(n)}`;
+  function x(r) {
+    const n = `${A}${C(r)}`;
     return ((g, s) => {
-      let c = !0, i = o[r];
-      return i && (c = i(g, s)), c && (i = e.events?.[r], i && (c = i(g, s))), c;
+      let c = !0, o = i[n];
+      return o && (c = o(g, s)), c && (o = e.events?.[n], o && (c = o(g, s))), c;
     });
   }
-  function R(n) {
-    const r = `${L}${a(n)}`;
+  function j(r) {
+    const n = `${z}${C(r)}`;
     return ((g) => {
-      o[r]?.(g), e.events?.[r]?.(g);
+      i[n]?.(g), e.events?.[n]?.(g);
     });
   }
-  let E = {};
+  let k = {};
   if (e.props) {
-    for (const n of Object.keys(e.props))
-      $[n] = {
-        onGet: B(n),
-        onChanging: N(n),
-        onChange: R(n)
+    for (const r of Object.keys(e.props))
+      E[r] = {
+        onGet: R(r),
+        onChanging: x(r),
+        onChange: j(r)
       };
-    for (const n of Object.keys(e.props))
-      E[n] = P.deep;
+    for (const r of Object.keys(e.props))
+      k[r] = P.deep;
   }
   if (e.actions)
-    for (const n of Object.keys(e.actions))
+    for (const r of Object.keys(e.actions))
       ;
-  d = P(d, E, {
+  l = P(l, k, {
     deep: !0
-  }), d = K(d, v, $);
-  let k = {};
+  }), l = Q(l, b, E);
+  let O = {};
   if (t = {
-    id: o.$id,
-    key: o.$key,
-    regType: l,
+    id: i.$id,
+    key: i.$key,
+    regType: u,
     parentId: void 0,
-    getHierarchyId: () => {
-    },
-    getChainDown: () => {
-    },
-    getChainUp: () => {
-    },
-    getChildren: () => {
-    },
-    getParent: () => {
-    },
-    getNodeMap: () => {
-    },
-    bindings: v,
+    getHierarchyId: () => y.getHierarchyPath(t.id),
+    getChainDown: () => y.getChainDown(t.id),
+    getChainUp: () => y.getChainUp(t.id),
+    getChildren: () => y.getChildren(t.id),
+    getParent: () => y.getParent(t.id),
+    getNodeMap: () => y.getNodeMap(),
+    bindings: b,
     get msgBus() {
-      return O();
+      return B();
     },
-    msgBroker: h,
-    effects: k,
+    msgBroker: a,
+    effects: O,
     // view: componentDef.view,
-    View: w,
-    children: b,
-    model: d
+    View: N,
+    children: I,
+    model: l
   }, e.effects)
-    for (const [n, r] of Object.entries(e.effects))
-      k[n] = Q(
+    for (const [r, n] of Object.entries(e.effects))
+      O[r] = W(
         t,
-        n,
-        r
+        r,
+        n
       );
-  return e.events?.onInit && e.events.onInit(t), o.onInit && o.onInit(t), t;
+  return e.events?.onInit && e.events.onInit(t), i.onInit && i.onInit(t), t;
 }
-function ie(e, o) {
-  const t = G(() => X(e, o));
-  return H(() => () => {
+function oe(e, i) {
+  const t = F(() => Y(e, i));
+  return w(() => () => {
     t.current = null;
   }, []), t.current;
 }
-function oe(e) {
+function se(e) {
   return (t) => {
-    const d = e(t);
-    return /* @__PURE__ */ u.createElement(d.View, { ...t });
+    const l = e(t);
+    return /* @__PURE__ */ d.createElement(l.View, { ...t });
   };
 }
 export {
-  oe as getFC,
-  ie as useComponent
+  se as getFC,
+  oe as useComponent
 };
 //# sourceMappingURL=react.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"react.es.js","sources":["../../src/componentModel/react.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useLayoutEffect, FC, useMemo } from 'react';\r\nimport { Mutable } from '@actdim/utico/typeCore';\r\nimport { observer } from 'mobx-react-lite';\r\nimport { action, observable } from 'mobx';\r\nimport { useLazyRef } from '@/reactHooks';\r\nimport { getGlobalFlags } from '@/globals';\r\nimport { ReactComponentContext, useComponentContext } from './componentContext';\r\nimport {\r\n    Binding,\r\n    Component,\r\n    ComponentChildren,\r\n    ComponentDef,\r\n    ComponentModel,\r\n    ComponentMsgHeaders,\r\n    ComponentParams,\r\n    ComponentStruct,\r\n    ComponentViewImplFn,\r\n    ComponentViewProps,\r\n    EffectController,\r\n    EffectFn,\r\n    ValueChangeHandler,\r\n    ValueChangingHandler,\r\n} from './contracts';\r\nimport { $ON_CHANGE, $ON_CHANGING, $ON_GET, $isBinding, ComponentMsgFilter } from './contracts';\r\nimport { lazy } from '@actdim/utico/utils';\r\nimport {\r\n    createEffect,\r\n    createRecursiveProxy,\r\n    getComponentSourceByCaller,\r\n    getComponentMsgBus,\r\n    isBinding,\r\n    ProxyEventHandlers,\r\n    registerMsgBroker,\r\n    toHtmlId,\r\n} from './core';\r\n\r\nfunction capitalize(name: string) {\r\n    return name.replace(/^./, name[0].toUpperCase());\r\n}\r\n\r\nfunction cleanSourceRef(sourceRef: string) {\r\n    // remove origin\r\n    return sourceRef.replace(/^[a-z][a-z0-9+.-]*:\\/\\/[^\\/]+/, '');\r\n}\r\n\r\nfunction createComponent<TStruct extends ComponentStruct = ComponentStruct>(\r\n    componentDef: ComponentDef<TStruct>,\r\n    params?: ComponentParams<TStruct>,\r\n): Component<TStruct> {\r\n    // result\r\n    let component: Mutable<Component<TStruct>>;\r\n    let model: Mutable<ComponentModel<TStruct>>;\r\n\r\n    if (!componentDef) {\r\n        componentDef = {};\r\n    }\r\n\r\n    let regType = componentDef.regType;\r\n    if (!regType) {\r\n        regType = getComponentSourceByCaller(6);\r\n        // type = getComponentNameByCaller(6);\r\n        regType = cleanSourceRef(regType);\r\n        // throw new Error('Valid component definition is required');\r\n    }\r\n\r\n    if (!params) {\r\n        params = {};\r\n    }\r\n\r\n    const view = componentDef.view;\r\n    let msgBus = componentDef.msgBus;\r\n\r\n    const bindings = new Map<PropertyKey, Binding>();\r\n\r\n    const componentMsgBus = lazy(() => {\r\n        return getComponentMsgBus(msgBus, (headers) => {\r\n            if (headers?.sourceId == undefined) {\r\n                headers.sourceId = component.id;\r\n            }\r\n        }); // as ComponentModel<TStruct>['msgBus']\r\n    });\r\n\r\n    let msgBroker = {\r\n        ...componentDef.msgBroker,\r\n    };\r\n\r\n    if (!msgBroker.abortController) {\r\n        msgBroker.abortController = new AbortController();\r\n    }\r\n\r\n    const ViewFC = observer((props: ComponentViewProps) => {\r\n        const context = useComponentContext();\r\n        const parentId = context.currentId;\r\n\r\n        component.parentId = parentId;\r\n\r\n        if (!msgBus) {\r\n            msgBus = context.msgBus;\r\n        }\r\n\r\n        if (!component.id) {\r\n            let id = params.$id;\r\n            if (!id) {\r\n                const key = params.$key;\r\n                if (key) {\r\n                    id = `${toHtmlId(regType)}#${key}`;\r\n                } else {\r\n                    id = context.getNextId(regType);\r\n                }\r\n            }\r\n\r\n            component.id = id;\r\n            component.getHierarchyId = () => context.getHierarchyPath(id);\r\n            component.getChainDown = () => context.getChainDown(id);\r\n            component.getChainUp = () => context.getChainUp(id);\r\n            component.getChildren = () => context.getChildren(id);\r\n            component.getParent = () => context.getParent(id);\r\n            component.getNodeMap = () => context.getNodeMap();\r\n        }\r\n\r\n        useLayoutEffect(() => {\r\n            try {\r\n                context.register(component.id, regType, parentId);\r\n\r\n                if (getGlobalFlags().debug) {\r\n                    const hierarchyId = component.getHierarchyId();\r\n                    console.debug(`${hierarchyId}>layout`);\r\n                }\r\n\r\n                registerMsgBroker(component);\r\n\r\n                componentDef.events?.onLayout?.(component);\r\n                params.onLayout?.(component);\r\n            } catch (err) {\r\n                componentDef.events?.onError?.(component, err);\r\n                params.onError?.(component, err);\r\n            }\r\n\r\n            return () => {\r\n                if (getGlobalFlags().debug) {\r\n                    const hierarchyId = component.getHierarchyId();\r\n                    console.debug(`${hierarchyId}>layout-destroy`);\r\n                }\r\n                context.unregister(component.id);\r\n\r\n                msgBroker.abortController?.abort();\r\n\r\n                componentDef.events?.onLayoutDestroy?.(component);\r\n                params.onLayoutDestroy?.(component);\r\n            };\r\n        }, [componentDef, params, context]);\r\n\r\n        useEffect(() => {\r\n            try {\r\n                if (getGlobalFlags().debug) {\r\n                    // mount\r\n                    const hierarchyId = component.getHierarchyId();\r\n                    console.debug(`${hierarchyId}>ready`);\r\n                }\r\n                componentDef.events?.onReady?.(component);\r\n                params.onReady?.(component);\r\n            } catch (err) {\r\n                if (getGlobalFlags().debug) {\r\n                    // unmount\r\n                    const hierarchyId = component.getHierarchyId();\r\n                    console.debug(`${hierarchyId}>destroy`);\r\n                }\r\n                componentDef.events?.onError?.(component, err);\r\n                params.onError?.(component, err);\r\n            }\r\n            return () => {\r\n                componentDef.events?.onDestroy?.(component);\r\n                params.onDestroy?.(component);\r\n            };\r\n        }, [componentDef, params, context]);\r\n\r\n        let content: React.ReactNode;\r\n        // let content: any;\r\n        try {\r\n            if (getGlobalFlags().debug) {\r\n                // render\r\n                const hierarchyId = component.getHierarchyId();\r\n                console.debug(`${hierarchyId}>view`);\r\n            }\r\n            if (typeof view === 'function') {\r\n                content = view(props, component);\r\n            } else {\r\n                // content = props.children;\r\n                content = <>{props.children}</>;\r\n            }\r\n        } catch (err) {\r\n            // throw err;\r\n            const errDetails = JSON.stringify(err);\r\n            // msgBus.send\r\n            content = <>{errDetails}</>;\r\n        }\r\n        const scopeContext = useMemo(\r\n            () => ({ ...context, currentId: component.id }),\r\n            [componentDef, params, context],\r\n        );\r\n        return (\r\n            <ReactComponentContext.Provider value={scopeContext}>\r\n                {content}\r\n            </ReactComponentContext.Provider>\r\n        );\r\n    });\r\n\r\n    const children = {} as ComponentChildren<TStruct['children']>;\r\n\r\n    model = {} as Mutable<ComponentModel<TStruct>>;\r\n\r\n    if (componentDef.props) {\r\n        Object.assign(model, componentDef.props);\r\n    }\r\n\r\n    if (componentDef.actions) {\r\n        Object.assign(model, componentDef.actions);\r\n    }\r\n\r\n    if (componentDef.children) {\r\n        for (const [key, value] of Object.entries(componentDef.children)) {\r\n            if (typeof value == 'function') {\r\n                const view = value as (params: any) => Component;\r\n                const ChildViewFC: ComponentViewImplFn<TStruct> = (props) => {\r\n                    const c = view(props);\r\n                    return <c.View />;\r\n                    // if (typeof c.view === \"function\") {\r\n                    //     return c.view(props);\r\n                    // }\r\n                    // return <>{props.children}</>;\r\n                };\r\n                Reflect.set(children, capitalize(key), ChildViewFC);\r\n            } else {\r\n                Reflect.set(children, key, value);\r\n            }\r\n        }\r\n    }\r\n\r\n    // Reflect.ownKeys/Object.keys\r\n    for (const [key, value] of Object.entries(params)) {\r\n        // model.hasOwnProperty(key)\r\n        if (key in model) {\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\r\n    const proxyEventHandlers: Pick<ProxyEventHandlers, 'onPropChanging' | 'onPropChange'> = {\r\n        onPropChanging:\r\n            params.onPropChanging || componentDef.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 = componentDef.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 || componentDef.events?.onPropChange\r\n                ? (prop, value) => {\r\n                      params.onPropChange?.(String(prop), value);\r\n                      componentDef.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] || componentDef.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 = componentDef.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            (componentDef.events?.[key] as ValueChangeHandler<any>)?.(value);\r\n        }) as ValueChangeHandler;\r\n    }\r\n\r\n    let annotationMap: Record<string, any> = {};\r\n\r\n    if (componentDef.props) {\r\n        for (const prop of Object.keys(componentDef.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        for (const key of Object.keys(componentDef.props)) {\r\n            annotationMap[key] = observable.deep;\r\n        }\r\n    }\r\n\r\n    if (componentDef.actions) {\r\n        const annotationMap: Record<string, any> = {};\r\n        for (const key of Object.keys(componentDef.actions)) {\r\n            annotationMap[key] = action;\r\n        }\r\n    }\r\n\r\n    model = observable(model, annotationMap, {\r\n        deep: true,\r\n    });\r\n\r\n    model = createRecursiveProxy(model, bindings, proxyEventHandlers);\r\n\r\n    let effects: Record<string, EffectController> = {};\r\n    component = {\r\n        id: params.$id,\r\n        key: params.$key,\r\n        regType: regType,\r\n        parentId: undefined,\r\n        getHierarchyId: () => undefined,\r\n        getChainDown: () => undefined,\r\n        getChainUp: () => undefined,\r\n        getChildren: () => undefined,\r\n        getParent: () => undefined,\r\n        getNodeMap: () => undefined,\r\n        bindings: bindings,\r\n        get msgBus() {\r\n            return componentMsgBus();\r\n        },\r\n        msgBroker: msgBroker,\r\n        effects: effects,\r\n        // view: componentDef.view,\r\n        View: ViewFC,\r\n        children: children,\r\n        model: model,\r\n    };\r\n\r\n    if (componentDef.effects) {\r\n        for (const [name, fn] of Object.entries(componentDef.effects)) {\r\n            effects[name] = createEffect(\r\n                component,\r\n                name,\r\n                fn as EffectFn<TStruct, ComponentMsgHeaders>,\r\n            );\r\n        }\r\n    }\r\n\r\n    if (componentDef.events?.onInit) {\r\n        componentDef.events.onInit(component);\r\n    }\r\n\r\n    if (params.onInit) {\r\n        params.onInit(component);\r\n    }\r\n\r\n    return component;\r\n}\r\n\r\nexport function useComponent<\r\n    TStruct extends ComponentStruct = ComponentStruct,\r\n    TMsgHeaders extends ComponentMsgHeaders = ComponentMsgHeaders,\r\n>(componentDef: ComponentDef<TStruct, TMsgHeaders>, params: ComponentParams<TStruct>) {\r\n    const ref = useLazyRef(() => createComponent(componentDef, params));\r\n    useLayoutEffect(() => {\r\n        return () => {\r\n            ref.current = null;\r\n        };\r\n    }, []); // [params]?\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>) => Component<TStruct>,\r\n): FC<ComponentParams<TStruct>> {\r\n    // observer\r\n    const fc = (params: ComponentParams<TStruct> & PropsWithChildren) => {\r\n        // componentHook\r\n        const c = factory(params); // without useRef!\r\n        // return c.view();\r\n        return <c.View {...params} />;\r\n    };\r\n    return fc;\r\n}\r\n"],"names":["capitalize","name","cleanSourceRef","sourceRef","createComponent","componentDef","params","component","model","regType","getComponentSourceByCaller","view","msgBus","bindings","componentMsgBus","lazy","getComponentMsgBus","headers","msgBroker","ViewFC","observer","props","context","useComponentContext","parentId","id","key","toHtmlId","useLayoutEffect","getGlobalFlags","hierarchyId","registerMsgBroker","err","useEffect","content","React","errDetails","scopeContext","useMemo","ReactComponentContext","children","value","ChildViewFC","c","isBinding","proxyEventHandlers","prop","oldValue","newValue","result","handler","resolveOnGetEventHandler","$ON_GET","resolveOnChangingEventHandler","$ON_CHANGING","resolveOnChangeEventHandler","$ON_CHANGE","annotationMap","observable","createRecursiveProxy","effects","fn","createEffect","useComponent","ref","useLazyRef","getFC","factory"],"mappings":"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"}
+{"version":3,"file":"react.es.js","sources":["../../src/componentModel/react.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useLayoutEffect, FC, useMemo } from 'react';\r\nimport { Mutable } from '@actdim/utico/typeCore';\r\nimport { observer } from 'mobx-react-lite';\r\nimport { action, observable } from 'mobx';\r\nimport { useLazyRef } from '@/reactHooks';\r\nimport { getGlobalFlags } from '@/globals';\r\nimport { ReactComponentContext, useComponentContext } from './componentContext';\r\nimport {\r\n    Binding,\r\n    Component,\r\n    ComponentChildren,\r\n    ComponentDef,\r\n    ComponentModel,\r\n    ComponentMsgHeaders,\r\n    ComponentParams,\r\n    ComponentStruct,\r\n    ComponentViewImplFn,\r\n    ComponentViewProps,\r\n    EffectController,\r\n    EffectFn,\r\n    ValueChangeHandler,\r\n    ValueChangingHandler,\r\n} from './contracts';\r\nimport { $ON_CHANGE, $ON_CHANGING, $ON_GET, $isBinding, ComponentMsgFilter } from './contracts';\r\nimport { lazy } from '@actdim/utico/utils';\r\nimport {\r\n    createEffect,\r\n    createRecursiveProxy,\r\n    getComponentSourceByCaller,\r\n    getComponentMsgBus,\r\n    isBinding,\r\n    ProxyEventHandlers,\r\n    registerMsgBroker,\r\n    toHtmlId,\r\n} from './core';\r\n\r\nfunction capitalize(name: string) {\r\n    return name.replace(/^./, name[0].toUpperCase());\r\n}\r\n\r\nfunction cleanSourceRef(sourceRef: string) {\r\n    // remove origin\r\n    return sourceRef.replace(/^[a-z][a-z0-9+.-]*:\\/\\/[^\\/]+/, '');\r\n}\r\n\r\nfunction createComponent<TStruct extends ComponentStruct = ComponentStruct>(\r\n    componentDef: ComponentDef<TStruct>,\r\n    params?: ComponentParams<TStruct>,\r\n): Component<TStruct> {\r\n    // result\r\n    let component: Mutable<Component<TStruct>>;\r\n    let model: Mutable<ComponentModel<TStruct>>;\r\n\r\n    if (!componentDef) {\r\n        componentDef = {};\r\n    }\r\n\r\n    let regType = componentDef.regType;\r\n    if (!regType) {\r\n        regType = getComponentSourceByCaller(6);\r\n        // type = getComponentNameByCaller(6);\r\n        regType = cleanSourceRef(regType);\r\n        // throw new Error('Valid component definition is required');\r\n    }\r\n\r\n    if (!params) {\r\n        params = {};\r\n    }\r\n\r\n    const view = componentDef.view;\r\n    let msgBus = componentDef.msgBus;\r\n\r\n    const bindings = new Map<PropertyKey, Binding>();\r\n\r\n    const componentMsgBus = lazy(() => {\r\n        return getComponentMsgBus(msgBus, (headers) => {\r\n            if (headers?.sourceId == undefined) {\r\n                headers.sourceId = component.id;\r\n            }\r\n        }); // as ComponentModel<TStruct>['msgBus']\r\n    });\r\n\r\n    let msgBroker = {\r\n        ...componentDef.msgBroker,\r\n    };\r\n\r\n    if (!msgBroker.abortController) {\r\n        msgBroker.abortController = new AbortController();\r\n    }\r\n\r\n    const context = useComponentContext();\r\n\r\n    const ViewFC = observer((props: ComponentViewProps) => {\r\n        const context = useComponentContext();\r\n        const parentId = context.currentId;\r\n\r\n        component.parentId = parentId;\r\n\r\n        if (!msgBus) {\r\n            msgBus = context.msgBus;\r\n        }\r\n\r\n        if (!component.id) {\r\n            let id = params.$id;\r\n            if (!id) {\r\n                const key = params.$key;\r\n                if (key) {\r\n                    id = `${toHtmlId(regType)}#${key}`;\r\n                } else {\r\n                    id = context.getNextId(regType);\r\n                }\r\n            }\r\n            component.id = id;\r\n        }\r\n\r\n        useLayoutEffect(() => {\r\n            try {\r\n                context.register(component.id, regType, parentId);\r\n\r\n                if (getGlobalFlags().debug) {\r\n                    const hierarchyId = component.getHierarchyId();\r\n                    console.debug(`${hierarchyId}>layout`);\r\n                }\r\n\r\n                registerMsgBroker(component);\r\n\r\n                componentDef.events?.onLayout?.(component);\r\n                params.onLayout?.(component);\r\n            } catch (err) {\r\n                componentDef.events?.onError?.(component, err);\r\n                params.onError?.(component, err);\r\n            }\r\n\r\n            return () => {\r\n                if (getGlobalFlags().debug) {\r\n                    const hierarchyId = component.getHierarchyId();\r\n                    console.debug(`${hierarchyId}>layout-destroy`);\r\n                }\r\n                context.unregister(component.id);\r\n\r\n                msgBroker.abortController?.abort();\r\n\r\n                componentDef.events?.onLayoutDestroy?.(component);\r\n                params.onLayoutDestroy?.(component);\r\n            };\r\n        }, [componentDef, params, context]);\r\n\r\n        useEffect(() => {\r\n            try {\r\n                if (getGlobalFlags().debug) {\r\n                    // mount\r\n                    const hierarchyId = component.getHierarchyId();\r\n                    console.debug(`${hierarchyId}>ready`);\r\n                }\r\n                componentDef.events?.onReady?.(component);\r\n                params.onReady?.(component);\r\n            } catch (err) {\r\n                if (getGlobalFlags().debug) {\r\n                    // unmount\r\n                    const hierarchyId = component.getHierarchyId();\r\n                    console.debug(`${hierarchyId}>destroy`);\r\n                }\r\n                componentDef.events?.onError?.(component, err);\r\n                params.onError?.(component, err);\r\n            }\r\n            return () => {\r\n                componentDef.events?.onDestroy?.(component);\r\n                params.onDestroy?.(component);\r\n            };\r\n        }, [componentDef, params, context]);\r\n\r\n        let content: React.ReactNode;\r\n        // let content: any;\r\n        try {\r\n            if (getGlobalFlags().debug) {\r\n                // render\r\n                const hierarchyId = component.getHierarchyId();\r\n                console.debug(`${hierarchyId}>view`);\r\n            }\r\n            if (typeof view === 'function') {\r\n                content = view(props, component);\r\n            } else {\r\n                // content = props.children;\r\n                content = <>{props.children}</>;\r\n            }\r\n        } catch (err) {\r\n            // throw err;\r\n            const errDetails = JSON.stringify(err);\r\n            // msgBus.send\r\n            content = <>{errDetails}</>;\r\n        }\r\n        const scopeContext = useMemo(\r\n            () => ({ ...context, currentId: component.id }),\r\n            [componentDef, params, context],\r\n        );\r\n        return (\r\n            <ReactComponentContext.Provider value={scopeContext}>\r\n                {content}\r\n            </ReactComponentContext.Provider>\r\n        );\r\n    });\r\n\r\n    const children = {} as ComponentChildren<TStruct['children']>;\r\n\r\n    model = {} as Mutable<ComponentModel<TStruct>>;\r\n\r\n    if (componentDef.props) {\r\n        Object.assign(model, componentDef.props);\r\n    }\r\n\r\n    if (componentDef.actions) {\r\n        Object.assign(model, componentDef.actions);\r\n    }\r\n\r\n    if (componentDef.children) {\r\n        for (const [key, value] of Object.entries(componentDef.children)) {\r\n            if (typeof value == 'function') {\r\n                const view = value as (params: any) => Component;\r\n                const ChildViewFC: ComponentViewImplFn<TStruct> = (props) => {\r\n                    const c = view(props);\r\n                    return <c.View />;\r\n                    // if (typeof c.view === \"function\") {\r\n                    //     return c.view(props);\r\n                    // }\r\n                    // return <>{props.children}</>;\r\n                };\r\n                Reflect.set(children, capitalize(key), ChildViewFC);\r\n            } else {\r\n                Reflect.set(children, key, value);\r\n            }\r\n        }\r\n    }\r\n\r\n    // Reflect.ownKeys/Object.keys\r\n    for (const [key, value] of Object.entries(params)) {\r\n        // model.hasOwnProperty(key)\r\n        if (key in model) {\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\r\n    const proxyEventHandlers: Pick<ProxyEventHandlers, 'onPropChanging' | 'onPropChange'> = {\r\n        onPropChanging:\r\n            params.onPropChanging || componentDef.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 = componentDef.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 || componentDef.events?.onPropChange\r\n                ? (prop, value) => {\r\n                      params.onPropChange?.(String(prop), value);\r\n                      componentDef.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] || componentDef.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 = componentDef.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            (componentDef.events?.[key] as ValueChangeHandler<any>)?.(value);\r\n        }) as ValueChangeHandler;\r\n    }\r\n\r\n    let annotationMap: Record<string, any> = {};\r\n\r\n    if (componentDef.props) {\r\n        for (const prop of Object.keys(componentDef.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        for (const key of Object.keys(componentDef.props)) {\r\n            annotationMap[key] = observable.deep;\r\n        }\r\n    }\r\n\r\n    if (componentDef.actions) {\r\n        const annotationMap: Record<string, any> = {};\r\n        for (const key of Object.keys(componentDef.actions)) {\r\n            annotationMap[key] = action;\r\n        }\r\n    }\r\n\r\n    model = observable(model, annotationMap, {\r\n        deep: true,\r\n    });\r\n\r\n    model = createRecursiveProxy(model, bindings, proxyEventHandlers);\r\n\r\n    let effects: Record<string, EffectController> = {};\r\n    component = {\r\n        id: params.$id,\r\n        key: params.$key,\r\n        regType: regType,\r\n        parentId: undefined,\r\n        getHierarchyId: () => context.getHierarchyPath(component.id),\r\n        getChainDown: () => context.getChainDown(component.id),\r\n        getChainUp: () => context.getChainUp(component.id),\r\n        getChildren: () => context.getChildren(component.id),\r\n        getParent: () => context.getParent(component.id),\r\n        getNodeMap: () => context.getNodeMap(),\r\n        bindings: bindings,\r\n        get msgBus() {\r\n            return componentMsgBus();\r\n        },\r\n        msgBroker: msgBroker,\r\n        effects: effects,\r\n        // view: componentDef.view,\r\n        View: ViewFC,\r\n        children: children,\r\n        model: model,\r\n    };\r\n\r\n    if (componentDef.effects) {\r\n        for (const [name, fn] of Object.entries(componentDef.effects)) {\r\n            effects[name] = createEffect(\r\n                component,\r\n                name,\r\n                fn as EffectFn<TStruct, ComponentMsgHeaders>,\r\n            );\r\n        }\r\n    }\r\n\r\n    if (componentDef.events?.onInit) {\r\n        componentDef.events.onInit(component);\r\n    }\r\n\r\n    if (params.onInit) {\r\n        params.onInit(component);\r\n    }\r\n\r\n    return component;\r\n}\r\n\r\nexport function useComponent<\r\n    TStruct extends ComponentStruct = ComponentStruct,\r\n    TMsgHeaders extends ComponentMsgHeaders = ComponentMsgHeaders,\r\n>(componentDef: ComponentDef<TStruct, TMsgHeaders>, params: ComponentParams<TStruct>) {\r\n    const ref = useLazyRef(() => createComponent(componentDef, params));\r\n    useLayoutEffect(() => {\r\n        return () => {\r\n            ref.current = null;\r\n        };\r\n    }, []); // [params]?\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>) => Component<TStruct>,\r\n): FC<ComponentParams<TStruct>> {\r\n    const result = (params: ComponentParams<TStruct> & PropsWithChildren) => {\r\n        // componentHook\r\n        const c = factory(params); // without useRef!\r\n        // return c.view();\r\n        return <c.View {...params} />;\r\n    };\r\n    return result;\r\n}\r\n\r\n// TODO:\r\n// do not observe props with \"_\", \"$\" prefixes\r\n"],"names":["capitalize","name","cleanSourceRef","sourceRef","createComponent","componentDef","params","component","model","regType","getComponentSourceByCaller","view","msgBus","bindings","componentMsgBus","lazy","getComponentMsgBus","headers","msgBroker","context","useComponentContext","ViewFC","observer","props","parentId","id","key","toHtmlId","useLayoutEffect","getGlobalFlags","hierarchyId","registerMsgBroker","err","useEffect","content","React","errDetails","scopeContext","useMemo","ReactComponentContext","children","value","ChildViewFC","c","isBinding","proxyEventHandlers","prop","oldValue","newValue","result","handler","resolveOnGetEventHandler","$ON_GET","resolveOnChangingEventHandler","$ON_CHANGING","resolveOnChangeEventHandler","$ON_CHANGE","annotationMap","observable","createRecursiveProxy","effects","fn","createEffect","useComponent","ref","useLazyRef","getFC","factory"],"mappings":"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"}

package/dist/services/ServiceProvider.d.ts

@@ -1,6 +1,8 @@
-import { PropsWithChildren } from 'react';
+import { BaseAppMsgStruct } from '../appDomain/appContracts';
 import { MsgProviderAdapter } from '../componentModel/adapters';
-export declare function ServiceProvider(props: PropsWithChildren<{
-    adapters?: MsgProviderAdapter[];
-}>): any;
+import { MsgBus } from '@actdim/msgmesh/contracts';
+export declare function createServiceProvider(msgBus: MsgBus<BaseAppMsgStruct>, adapters?: MsgProviderAdapter[], abortSignal?: AbortSignal): {
+    adapters: MsgProviderAdapter[];
+    abortSignal: AbortSignal;
+};
 //# sourceMappingURL=ServiceProvider.d.ts.map

package/dist/services/ServiceProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServiceProvider.d.ts","sourceRoot":"","sources":["../../src/services/ServiceProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,iBAAiB,EAAmB,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAoB,MAAM,4BAA4B,CAAC;AAKlF,wBAAgB,eAAe,CAC3B,KAAK,EAAE,iBAAiB,CAAC;IACrB,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACnC,CAAC,OAYL"}
+{"version":3,"file":"ServiceProvider.d.ts","sourceRoot":"","sources":["../../src/services/ServiceProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAoB,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,EAAE,kBAAkB,EAAE,EAAE,WAAW,CAAC,EAAE,WAAW;;;EAUjI"}

package/dist/services/ServiceProvider.es.js

@@ -1,17 +1,12 @@
-import { useComponentContext as o } from "../componentModel/componentContext.es.js";
-import n, { createContext as a, useLayoutEffect as c } from "react";
-import { registerAdapters as s } from "../componentModel/adapters.es.js";
-const i = a(void 0);
-function l(t) {
-  const e = o();
-  return c(() => {
-    const r = new AbortController();
-    return s(e.msgBus, t.adapters, r.signal), () => {
-      r.abort();
-    };
-  }, [e.msgBus, t.adapters]), /* @__PURE__ */ n.createElement(i.Provider, { value: t.adapters }, t.children);
+import { registerAdapters as n } from "../componentModel/adapters.es.js";
+function i(o, e, r) {
+  const t = new AbortController();
+  return r && (r = AbortSignal.any([r, t.signal])), n(o, e, r), {
+    adapters: e,
+    abortSignal: r
+  };
 }
 export {
-  l as ServiceProvider
+  i as createServiceProvider
 };
 //# sourceMappingURL=ServiceProvider.es.js.map

package/dist/services/ServiceProvider.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServiceProvider.es.js","sources":["../../src/services/ServiceProvider.tsx"],"sourcesContent":["import { useComponentContext } from '@/componentModel/componentContext';\r\nimport { createContext, PropsWithChildren, useLayoutEffect } from 'react';\r\nimport { MsgProviderAdapter, registerAdapters } from '../componentModel/adapters';\r\nimport React from 'react';\r\n\r\nconst ReactContext = createContext<MsgProviderAdapter[]>(undefined);\r\n\r\nexport function ServiceProvider(\r\n    props: PropsWithChildren<{\r\n        adapters?: MsgProviderAdapter[];\r\n    }>,\r\n) {\r\n    const context = useComponentContext();\r\n    useLayoutEffect(() => {\r\n        const abortController = new AbortController();\r\n        registerAdapters(context.msgBus, props.adapters, abortController.signal);\r\n        return () => {\r\n            abortController.abort();\r\n        };\r\n    }, [context.msgBus, props.adapters]);\r\n\r\n    return <ReactContext.Provider value={props.adapters}>{props.children}</ReactContext.Provider>;\r\n}\r\n"],"names":["ReactContext","createContext","ServiceProvider","props","context","useComponentContext","useLayoutEffect","abortController","registerAdapters","React"],"mappings":";;;AAKA,MAAMA,IAAeC,EAAoC,MAAS;AAE3D,SAASC,EACZC,GAGF;AACE,QAAMC,IAAUC,EAAA;AAChB,SAAAC,EAAgB,MAAM;AAClB,UAAMC,IAAkB,IAAI,gBAAA;AAC5B,WAAAC,EAAiBJ,EAAQ,QAAQD,EAAM,UAAUI,EAAgB,MAAM,GAChE,MAAM;AACT,MAAAA,EAAgB,MAAA;AAAA,IACpB;AAAA,EACJ,GAAG,CAACH,EAAQ,QAAQD,EAAM,QAAQ,CAAC,GAE5B,gBAAAM,EAAA,cAACT,EAAa,UAAb,EAAsB,OAAOG,EAAM,SAAA,GAAWA,EAAM,QAAS;AACzE;"}
+{"version":3,"file":"ServiceProvider.es.js","sources":["../../src/services/ServiceProvider.ts"],"sourcesContent":["import { BaseAppMsgStruct } from '@/appDomain/appContracts';\r\nimport { MsgProviderAdapter, registerAdapters } from '../componentModel/adapters';\r\nimport { MsgBus } from '@actdim/msgmesh/contracts';\r\n\r\nexport function createServiceProvider(msgBus: MsgBus<BaseAppMsgStruct>, adapters?: MsgProviderAdapter[], abortSignal?: AbortSignal) {\r\n    const abortController = new AbortController();\r\n    if (abortSignal) {\r\n        abortSignal = AbortSignal.any([abortSignal, abortController.signal]);\r\n    }\r\n    registerAdapters(msgBus, adapters, abortSignal);\r\n    return {\r\n        adapters,\r\n        abortSignal\r\n    }\r\n}\r\n\r\n"],"names":["createServiceProvider","msgBus","adapters","abortSignal","abortController","registerAdapters"],"mappings":";AAIO,SAASA,EAAsBC,GAAkCC,GAAiCC,GAA2B;AAChI,QAAMC,IAAkB,IAAI,gBAAA;AAC5B,SAAID,MACAA,IAAc,YAAY,IAAI,CAACA,GAAaC,EAAgB,MAAM,CAAC,IAEvEC,EAAiBJ,GAAQC,GAAUC,CAAW,GACvC;AAAA,IACH,UAAAD;AAAA,IACA,aAAAC;AAAA,EAAA;AAER;"}

package/dist/services/StorageService.d.ts

@@ -1,16 +1,7 @@
-import { ComponentParams, ComponentStruct, Component } from '../componentModel/contracts';
-import { BaseAppMsgChannels, BaseAppMsgStruct } from '../appDomain/appContracts';
-import { PropsWithChildren } from 'react';
-type Struct = ComponentStruct<BaseAppMsgStruct, {
-    props: PropsWithChildren & {
-        storeName?: string;
-    };
-    msgScope: {
-        provide: BaseAppMsgChannels<'APP-KV-STORE-GET' | 'APP-KV-STORE-SET' | 'APP-KV-STORE-REMOVE'>;
-    };
+import { BaseAppMsgStruct } from '../appDomain/appContracts';
+import { MsgBus } from '@actdim/msgmesh/contracts';
+export declare function createStorageService(msgBus: MsgBus<BaseAppMsgStruct>, storeName: string, abortSignal?: AbortSignal): Promise<{
+    storeName: string;
+    abortSignal: AbortSignal;
 }>;
-export declare const useStorageService: (params: ComponentParams<Struct>) => Component<Struct>;
-export type StorageServiceStruct = Struct;
-export declare const StorageServiceFC: FC<ComponentParams<TStruct>>;
-export {};
 //# sourceMappingURL=StorageService.d.ts.map

package/dist/services/StorageService.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorageService.d.ts","sourceRoot":"","sources":["../../src/services/StorageService.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,eAAe,EACf,eAAe,EACf,SAAS,EAGZ,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,KAAK,MAAM,GAAG,eAAe,CACzB,gBAAgB,EAChB;IACI,KAAK,EAAE,iBAAiB,GAAG;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,QAAQ,EAAE;QACN,OAAO,EAAE,kBAAkB,CACvB,kBAAkB,GAAG,kBAAkB,GAAG,qBAAqB,CAClE,CAAC;KACL,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,sBA+DhE,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAC1C,eAAO,MAAM,gBAAgB,8BAA2B,CAAC"}
+{"version":3,"file":"StorageService.d.ts","sourceRoot":"","sources":["../../src/services/StorageService.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD,wBAAsB,oBAAoB,CAAC,MAAM,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,WAAW;;;GAwDxH"}

package/dist/services/StorageService.es.js

@@ -1,55 +1,44 @@
-import { getFC as c, useComponent as l } from "../componentModel/react.es.js";
-import { PersistentStore as y } from "@actdim/utico/store/persistentStore";
-const m = (s) => {
-  let t, n;
-  async function r() {
-    a = await y.open(n.storeName);
-  }
-  let a, i;
-  const o = new Promise((e) => {
-    i = e;
-  });
-  return t = l({
-    props: {
-      storeName: ""
+import { PersistentStore as i } from "@actdim/utico/store/persistentStore";
+async function s(t, a, e) {
+  const c = new AbortController();
+  e && (e = AbortSignal.any([e, c.signal]));
+  const n = () => i.open(a);
+  return t.provide({
+    channel: "APP-KV-STORE-GET",
+    group: "in",
+    options: {
+      abortSignal: e
     },
-    msgBroker: {
-      provide: {
-        "APP-KV-STORE-GET": {
-          in: {
-            callback: async (e) => (await o, (await a.get(e.payload.key))?.data.value)
-          }
-        },
-        "APP-KV-STORE-SET": {
-          in: {
-            callback: async (e) => {
-              await o, await a.set(
-                {
-                  key: e.payload.key
-                },
-                e.payload.value
-              );
-            }
-          }
+    callback: async (o) => await (await n()).get(o.payload.key)
+  }), t.provide({
+    channel: "APP-KV-STORE-SET",
+    group: "in",
+    options: {
+      abortSignal: e
+    },
+    callback: async (o) => {
+      await (await n()).set(
+        {
+          key: o.payload.key
         },
-        "APP-KV-STORE-REMOVE": {
-          in: {
-            callback: async (e) => {
-              await o, await a.delete(e.payload.key);
-            }
-          }
-        }
-      }
+        o.payload.value
+      );
+    }
+  }), t.provide({
+    channel: "APP-KV-STORE-REMOVE",
+    group: "in",
+    options: {
+      abortSignal: e
     },
-    events: {
-      onChangeStoreName: () => {
-        r();
-      }
+    callback: async (o) => {
+      await (await n()).delete(o.payload.key);
     }
-  }, s), n = t.model, r().then(() => i()), t;
-}, u = c(m);
+  }), {
+    storeName: a,
+    abortSignal: e
+  };
+}
 export {
-  u as StorageServiceFC,
-  m as useStorageService
+  s as createStorageService
 };
 //# sourceMappingURL=StorageService.es.js.map