@actdim/dynstruct 1.1.6 → 1.1.8

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/net/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/net/client.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,QAAQ,EAAqB,cAAc,EAAiB,MAAM,WAAW,CAAC;AAE1G,OAAO,EAAoB,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAS5E,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,CAa9E;AAID,qBAAa,UAAU;IACnB,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAE1B,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC;IAGvB,OAAO,CAAC,eAAe,CAA6B;IAEpD,OAAO,CAAC,OAAO,CAAW;IAE1B,OAAO,CAAC,MAAM,CAA2B;IAEzC,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,IAAI,CAAe;IAE3B,OAAO,CAAC,WAAW,CAAW;gBAElB,OAAO,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,WAAW,WAAe;cAgBnE,eAAe;YAcjB,mBAAmB;YAUnB,qBAAqB;YAqBrB,2BAA2B;YAkD3B,mBAAmB;IA+CpB,UAAU,CAAC,CAAC,EAAE,aAAa,EAAE,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC;CA2CxE"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/net/client.ts"],"names":[],"mappings":"AAEA,OAAO,EAAqB,QAAQ,EAAqB,cAAc,EAAiB,MAAM,WAAW,CAAC;AAE1G,OAAO,EAAoB,cAAc,EAAe,MAAM,0BAA0B,CAAC;AAIzF,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,CAa9E;AAID,qBAAa,UAAU;IACnB,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAE1B,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC;IAGvB,OAAO,CAAC,eAAe,CAA6B;IAEpD,OAAO,CAAC,OAAO,CAAW;IAE1B,OAAO,CAAC,MAAM,CAA2B;IAEzC,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,IAAI,CAAe;IAE3B,OAAO,CAAC,WAAW,CAAW;gBAElB,OAAO,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,WAAW,WAAe;cAgBnE,eAAe;YAcjB,mBAAmB;YAUnB,qBAAqB;YAqBrB,2BAA2B;YAkD3B,mBAAmB;IA+CpB,UAAU,CAAC,CAAC,EAAE,aAAa,EAAE,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC;CA2CxE"}

package/dist/net/client.es.js

@@ -2,15 +2,17 @@ import { v4 as d } from "uuid";
 import o from "http-status";
 import { getResponseResult as u } from "./request.es.js";
 import { ApiError as r } from "./apiError.es.js";
-function f(i, e) {
+import { $CONFIG_GET as f } from "../appDomain/appContracts.es.js";
+import { $AUTH_SIGNIN as p, $CONTEXT_GET as y, $AUTH_REFRESH as w, $AUTH_ENSURE as g } from "../appDomain/security/securityContracts.es.js";
+function A(i, e) {
   if (!i)
     return i;
   const t = e.map((c) => c.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|"), s = new RegExp(`(_?(${t}))+?$`, "i");
   let a = i.replace(s, "");
   return a = a.trim(), a.length > 0 ? a : i;
 }
-const p = ["api", "controller", "client", "fetcher"];
-class g {
+const T = ["api", "controller", "client", "fetcher"];
+class B {
   baseUrl;
   name;
   // private requestStates
@@ -20,9 +22,9 @@ class g {
   accessToken;
   init;
   apiSuffixes;
-  constructor(e, n, t = p) {
+  constructor(e, n, t = T) {
     this.apiSuffixes = t, this.fetcher = n || window, this.requestStateMap = /* @__PURE__ */ new Map(), this.msgBus = e.msgBus, this.msgBus.on({
-      channel: "APP-SECURITY-AUTH-SIGNIN",
+      channel: p,
       group: "out",
       callback: (s) => {
         this.accessToken = s.payload.accessToken;
@@ -31,14 +33,14 @@ class g {
   }
   async getBaseUrlAsync() {
     const n = (await this.msgBus.request({
-      channel: "APP-CONFIG-GET"
-    })).payload, t = f(this.name, this.apiSuffixes), s = Object.entries(n.apis).find((a) => a[0].toLowerCase() === t?.toLowerCase());
+      channel: f
+    })).payload, t = A(this.name, this.apiSuffixes), s = Object.entries(n.apis).find((a) => a[0].toLowerCase() === t?.toLowerCase());
     s || console.warn(`API "${t}" is not defined in the current configuration. Using default configuration.`), this.baseUrl = s?.[1].url || n.baseUrl;
   }
   async updateSecurityAsync() {
     if (!this.accessToken) {
       const e = await this.msgBus.request({
-        channel: "APP-SECURITY-GET-CONTEXT"
+        channel: y
       });
       this.accessToken = e.payload.accessToken;
     }
@@ -102,9 +104,9 @@ class g {
             throw t;
           if (t.status === o.UNAUTHORIZED) {
             t.response?.headers?.get("token-expired") ? await this.msgBus.request({
-              channel: "APP-SECURITY-AUTH-REFRESH"
+              channel: w
             }) : await this.msgBus.request({
-              channel: "APP-SECURITY-REQUEST-AUTH"
+              channel: g
             });
             continue;
           }
@@ -137,7 +139,7 @@ class g {
   }
 }
 export {
-  g as ClientBase,
-  f as extractApiName
+  B as ClientBase,
+  A as extractApiName
 };
 //# sourceMappingURL=client.es.js.map

package/dist/net/client.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.es.js","sources":["../../src/net/client.ts"],"sourcesContent":["import { v4 as uuid } from \"uuid\";\r\nimport httpStatus from \"http-status\";\r\nimport { getResponseResult, IFetcher, IRequestCallbacks, IRequestParams, IRequestState } from \"./request\";\r\nimport { ApiError } from \"./apiError\";\r\nimport { BaseAppMsgStruct, BaseAppContext } from \"@/appDomain/appContracts\";\r\nimport { MsgBus } from \"@actdim/msgmesh/contracts\";\r\n\r\n// MLWEB-2172\r\n\r\n// TODO: support request cancellation\r\n// https://stackoverflow.com/questions/31061838/how-do-i-cancel-an-http-fetch-request\r\n// https://mukeshprajapati0251.medium.com/cancel-rest-api-pending-request-1af65e70366d\r\n\r\nexport function extractApiName(name: string, suffixes: string[]): string | null {\r\n    if (!name) {\r\n        return name;\r\n        // return null; // ?\r\n    }\r\n    const escaped = suffixes.map((s) => s.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\"));\r\n    const group = escaped.join(\"|\");\r\n    const pattern = new RegExp(`(_?(${group}))+?$`, \"i\");\r\n\r\n    let result = name.replace(pattern, \"\");\r\n\r\n    result = result.trim();\r\n    return result.length > 0 ? result : name;\r\n}\r\n\r\nconst API_SUFFIXES = [\"api\", \"controller\", \"client\", \"fetcher\"];\r\n// App(Api)ClientBase\r\nexport class ClientBase {\r\n    protected baseUrl: string;\r\n\r\n    protected name: string;\r\n\r\n    // private requestStates\r\n    private requestStateMap: Map<string, IRequestState>;\r\n\r\n    private fetcher: IFetcher;\r\n\r\n    private msgBus: MsgBus<BaseAppMsgStruct>;\r\n\r\n    private accessToken: string;\r\n\r\n    private init: Promise<any>;\r\n\r\n    private apiSuffixes: string[];\r\n\r\n    constructor(context: BaseAppContext, fetcher?: IFetcher, apiSuffixes = API_SUFFIXES) {\r\n        this.apiSuffixes = apiSuffixes;\r\n        this.fetcher = fetcher || window;\r\n        this.requestStateMap = new Map<string, IRequestState>();\r\n        this.msgBus = context.msgBus;\r\n        // TODO: unsubscribe\r\n        this.msgBus.on({\r\n            channel: \"APP-SECURITY-AUTH-SIGNIN\",\r\n            group: \"out\",\r\n            callback: (msg) => {\r\n                this.accessToken = msg.payload.accessToken;\r\n            }\r\n        });\r\n        this.init = Promise.all([this.getBaseUrlAsync(), this.updateSecurityAsync()]);\r\n    }\r\n\r\n    protected async getBaseUrlAsync() {\r\n        const msg = await this.msgBus.request({\r\n            channel: \"APP-CONFIG-GET\"\r\n        });\r\n        const config = msg.payload;\r\n        const apiName = extractApiName(this.name, this.apiSuffixes);\r\n        const apiEntry = Object.entries(config.apis).find((entry) => entry[0].toLowerCase() === apiName?.toLowerCase());\r\n        if (!apiEntry) {\r\n            // console.debug\r\n            console.warn(`API \"${apiName}\" is not defined in the current configuration. Using default configuration.`);\r\n        }\r\n        this.baseUrl = apiEntry?.[1].url || config.baseUrl;\r\n    }\r\n\r\n    private async updateSecurityAsync() {\r\n        if (!this.accessToken) {\r\n            const msg = await this.msgBus.request({\r\n                channel: \"APP-SECURITY-GET-CONTEXT\"\r\n            });\r\n            this.accessToken = msg.payload.accessToken;\r\n        }\r\n        return this.accessToken;\r\n    }\r\n\r\n    private async addAuthorizationAsync(request: IRequestParams) {\r\n        const accessToken = await this.updateSecurityAsync();\r\n        if (!accessToken) {\r\n            throw ApiError.create({\r\n                status: httpStatus.UNAUTHORIZED\r\n            });\r\n        }\r\n        const authorizationHeader = \"Authorization\";\r\n        const headers = request.headers;\r\n        const headerValue = `Bearer ${accessToken}`;\r\n        if (headers instanceof Headers) {\r\n            // if (headers.has(authorizationHeader)) {\r\n            //     headers.delete(authorizationHeader)\r\n            // }\r\n            // headers.append(authorizationHeader, headerValue);\r\n            headers.set(authorizationHeader, headerValue);\r\n        } else {\r\n            throw new Error(\"Unsupported headers\"); // object type\r\n        }\r\n    }\r\n\r\n    private async executeRequestInternalAsync(request: IRequestState) {\r\n        try {\r\n            let proceed = true;\r\n            const onBeforeSendRequest = request.callbacks && request.callbacks.onBeforeSendRequest;\r\n            if (onBeforeSendRequest) {\r\n                const event = {\r\n                    request: request,\r\n                    cancel: false,\r\n                    handled: false\r\n                } as Parameters<IRequestCallbacks[\"onBeforeSendRequest\"]>[0];\r\n                await onBeforeSendRequest(event);\r\n                if (event.cancel) {\r\n                    // interrupt\r\n                    proceed = false;\r\n                    request.status = \"canceled\";\r\n                    if (event.handled) {\r\n                        request.result = event.result;\r\n                    } else {\r\n                        // ApiError?\r\n                        throw new Error(\"The request was aborted\"); // has been? canceled?\r\n                    }\r\n                }\r\n            }\r\n            if (proceed) {\r\n                request.status = \"executing\";\r\n                const response = await this.fetcher.fetch(request.url, request);\r\n                ApiError.assert(response, request);\r\n                let onResponseRead = request.callbacks && request.callbacks.onResponseRead;\r\n                if (!onResponseRead) {\r\n                    onResponseRead = async (event) => {\r\n                        const result = await getResponseResult(response, request);\r\n                        event.result = result;\r\n                    };\r\n                }\r\n                const event = {\r\n                    response: response\r\n                } as Parameters<IRequestCallbacks[\"onResponseRead\"]>[0];\r\n\r\n                await onResponseRead(event);\r\n                request.result = event.result;\r\n                request.status = \"succeeded\";\r\n            }\r\n        } catch (err) {\r\n            request.status = \"failed\";\r\n            // throw ApiError.create(undefined, request);\r\n            throw err;\r\n        }\r\n        return request;\r\n    }\r\n\r\n    private async executeRequestAsync(request: IRequestState): Promise<IRequestState> {\r\n        let attempt = 0;\r\n        do {\r\n            try {\r\n                if (request.useAuth) {\r\n                    await this.addAuthorizationAsync(request);\r\n                }\r\n                return await this.executeRequestInternalAsync(request);\r\n            } catch (err) {\r\n                if (err instanceof ApiError) {\r\n                    if (attempt > 0) {\r\n                        throw err;\r\n                    }\r\n                    if (err.status === httpStatus.UPGRADE_REQUIRED) {\r\n                        // await this.context.msgBus.request({\r\n                        //     channel: \"APP_RELOAD\" // APP_REQUEST_UPDGRADE\r\n                        // });\r\n                        throw err;\r\n                    } else if (err.status === httpStatus.UNAUTHORIZED) {\r\n                        if (err.response?.headers?.get(\"token-expired\")) {\r\n                            // token expired or invalid\r\n                            await this.msgBus.request({\r\n                                channel: \"APP-SECURITY-AUTH-REFRESH\"\r\n                            });\r\n                        } else {\r\n                            await this.msgBus.request({\r\n                                channel: \"APP-SECURITY-REQUEST-AUTH\"\r\n                            });\r\n                        }\r\n                        // codes:\r\n                        // TOKEN_EXPIRED\r\n                        // TOKEN_INVALID\r\n                        // TOKEN_MISSING\r\n                        // AUTH_REQUIRED\r\n                        // header: WWW-Authenticate\r\n                        continue;\r\n                    }\r\n                    continue;\r\n                }\r\n                throw err;\r\n            } finally {\r\n                attempt++;\r\n            }\r\n        } while (true);\r\n    }\r\n\r\n    // T extends IApiResponse\r\n    public async fetchAsync<T>(requestParams: IRequestParams): Promise<T> {\r\n        await this.init;\r\n\r\n        const defaultParams: Partial<IRequestParams> = {\r\n            contentType: \"application/json\",\r\n            method: \"POST\",\r\n            body: null,\r\n            headers: {},\r\n            cache: \"default\",\r\n            credentials: \"same-origin\",\r\n            mode: \"cors\"\r\n        };\r\n\r\n        requestParams = { ...defaultParams, ...requestParams };\r\n        if (!requestParams.id) {\r\n            requestParams.id = uuid();\r\n        }\r\n\r\n        if (!(requestParams.headers instanceof Headers)) {\r\n            requestParams.headers = new Headers(requestParams.headers);\r\n        }\r\n\r\n        requestParams.headers.append(\"Content-Type\", requestParams.contentType);\r\n        // \"api-version\"\r\n\r\n        if (requestParams.method === \"POST\") {\r\n            if (!requestParams.body) {\r\n                requestParams.body = \"\";\r\n            }\r\n        }\r\n\r\n        let request = {\r\n            ...requestParams,\r\n            status: \"queued\",\r\n            response: undefined,\r\n            result: undefined\r\n        } as IRequestState;\r\n\r\n        this.requestStateMap.set(requestParams.id, request);\r\n\r\n        await this.executeRequestAsync(request);\r\n        return request.result;\r\n    }\r\n}\r\n/* \r\nif (status === 404) {\r\n      return response.text().then((_responseText) => {\r\n      let result404: any = null;\r\n      result404 = _responseText === \"\" ? null : JSON.parse(_responseText, this.jsonParseReviver) as __API__ProblemDetails;\r\n      return throwException(\"Not Found\", status, _responseText, _headers, result404);\r\n      });\r\n  } else if (status !== 200 && status !== 204) {\r\n      return response.text().then((_responseText) => {\r\n      return throwException(\"An unexpected server error occurred.\", status, _responseText, _headers);\r\n      });\r\n  }\r\n\r\nBLOB\r\nlet reader = new FileReader();\r\n        reader.onload = event => resolve((event.target as any).result);\r\n        reader.readAsText(blob);\r\n*/\r\n"],"names":["extractApiName","name","suffixes","group","s","pattern","result","API_SUFFIXES","ClientBase","context","fetcher","apiSuffixes","msg","config","apiName","apiEntry","entry","request","accessToken","ApiError","httpStatus","authorizationHeader","headers","headerValue","proceed","onBeforeSendRequest","event","response","onResponseRead","getResponseResult","err","attempt","requestParams","uuid"],"mappings":"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"}
+{"version":3,"file":"client.es.js","sources":["../../src/net/client.ts"],"sourcesContent":["import { v4 as uuid } from \"uuid\";\r\nimport httpStatus from \"http-status\";\r\nimport { getResponseResult, IFetcher, IRequestCallbacks, IRequestParams, IRequestState } from \"./request\";\r\nimport { ApiError } from \"./apiError\";\r\nimport { BaseAppMsgStruct, BaseAppContext, $CONFIG_GET } from \"@/appDomain/appContracts\";\r\nimport { MsgBus } from \"@actdim/msgmesh/contracts\";\r\nimport { $AUTH_ENSURE, $AUTH_REFRESH, $AUTH_SIGNIN, $CONTEXT_GET } from \"@/appDomain/security/securityContracts\";\r\n\r\nexport function extractApiName(name: string, suffixes: string[]): string | null {\r\n    if (!name) {\r\n        return name;\r\n        // return null; // ?\r\n    }\r\n    const escaped = suffixes.map((s) => s.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\"));\r\n    const group = escaped.join(\"|\");\r\n    const pattern = new RegExp(`(_?(${group}))+?$`, \"i\");\r\n\r\n    let result = name.replace(pattern, \"\");\r\n\r\n    result = result.trim();\r\n    return result.length > 0 ? result : name;\r\n}\r\n\r\nconst API_SUFFIXES = [\"api\", \"controller\", \"client\", \"fetcher\"];\r\n// App(Api)ClientBase\r\nexport class ClientBase {\r\n    protected baseUrl: string;\r\n\r\n    protected name: string;\r\n\r\n    // private requestStates\r\n    private requestStateMap: Map<string, IRequestState>;\r\n\r\n    private fetcher: IFetcher;\r\n\r\n    private msgBus: MsgBus<BaseAppMsgStruct>;\r\n\r\n    private accessToken: string;\r\n\r\n    private init: Promise<any>;\r\n\r\n    private apiSuffixes: string[];\r\n\r\n    constructor(context: BaseAppContext, fetcher?: IFetcher, apiSuffixes = API_SUFFIXES) {\r\n        this.apiSuffixes = apiSuffixes;\r\n        this.fetcher = fetcher || window;\r\n        this.requestStateMap = new Map<string, IRequestState>();\r\n        this.msgBus = context.msgBus;\r\n        // TODO: unsubscribe\r\n        this.msgBus.on({\r\n            channel: $AUTH_SIGNIN,\r\n            group: \"out\",\r\n            callback: (msg) => {\r\n                this.accessToken = msg.payload.accessToken;\r\n            }\r\n        });\r\n        this.init = Promise.all([this.getBaseUrlAsync(), this.updateSecurityAsync()]);\r\n    }\r\n\r\n    protected async getBaseUrlAsync() {\r\n        const msg = await this.msgBus.request({\r\n            channel: $CONFIG_GET\r\n        });\r\n        const config = msg.payload;\r\n        const apiName = extractApiName(this.name, this.apiSuffixes);\r\n        const apiEntry = Object.entries(config.apis).find((entry) => entry[0].toLowerCase() === apiName?.toLowerCase());\r\n        if (!apiEntry) {\r\n            // console.debug\r\n            console.warn(`API \"${apiName}\" is not defined in the current configuration. Using default configuration.`);\r\n        }\r\n        this.baseUrl = apiEntry?.[1].url || config.baseUrl;\r\n    }\r\n\r\n    private async updateSecurityAsync() {\r\n        if (!this.accessToken) {\r\n            const msg = await this.msgBus.request({\r\n                channel: $CONTEXT_GET\r\n            });\r\n            this.accessToken = msg.payload.accessToken;\r\n        }\r\n        return this.accessToken;\r\n    }\r\n\r\n    private async addAuthorizationAsync(request: IRequestParams) {\r\n        const accessToken = await this.updateSecurityAsync();\r\n        if (!accessToken) {\r\n            throw ApiError.create({\r\n                status: httpStatus.UNAUTHORIZED\r\n            });\r\n        }\r\n        const authorizationHeader = \"Authorization\";\r\n        const headers = request.headers;\r\n        const headerValue = `Bearer ${accessToken}`;\r\n        if (headers instanceof Headers) {\r\n            // if (headers.has(authorizationHeader)) {\r\n            //     headers.delete(authorizationHeader)\r\n            // }\r\n            // headers.append(authorizationHeader, headerValue);\r\n            headers.set(authorizationHeader, headerValue);\r\n        } else {\r\n            throw new Error(\"Unsupported headers\"); // object type\r\n        }\r\n    }\r\n\r\n    private async executeRequestInternalAsync(request: IRequestState) {\r\n        try {\r\n            let proceed = true;\r\n            const onBeforeSendRequest = request.callbacks && request.callbacks.onBeforeSendRequest;\r\n            if (onBeforeSendRequest) {\r\n                const event = {\r\n                    request: request,\r\n                    cancel: false,\r\n                    handled: false\r\n                } as Parameters<IRequestCallbacks[\"onBeforeSendRequest\"]>[0];\r\n                await onBeforeSendRequest(event);\r\n                if (event.cancel) {\r\n                    // interrupt\r\n                    proceed = false;\r\n                    request.status = \"canceled\";\r\n                    if (event.handled) {\r\n                        request.result = event.result;\r\n                    } else {\r\n                        // ApiError?\r\n                        throw new Error(\"The request was aborted\"); // has been? canceled?\r\n                    }\r\n                }\r\n            }\r\n            if (proceed) {\r\n                request.status = \"executing\";\r\n                const response = await this.fetcher.fetch(request.url, request);\r\n                ApiError.assert(response, request);\r\n                let onResponseRead = request.callbacks && request.callbacks.onResponseRead;\r\n                if (!onResponseRead) {\r\n                    onResponseRead = async (event) => {\r\n                        const result = await getResponseResult(response, request);\r\n                        event.result = result;\r\n                    };\r\n                }\r\n                const event = {\r\n                    response: response\r\n                } as Parameters<IRequestCallbacks[\"onResponseRead\"]>[0];\r\n\r\n                await onResponseRead(event);\r\n                request.result = event.result;\r\n                request.status = \"succeeded\";\r\n            }\r\n        } catch (err) {\r\n            request.status = \"failed\";\r\n            // throw ApiError.create(undefined, request);\r\n            throw err;\r\n        }\r\n        return request;\r\n    }\r\n\r\n    private async executeRequestAsync(request: IRequestState): Promise<IRequestState> {\r\n        let attempt = 0;\r\n        do {\r\n            try {\r\n                if (request.useAuth) {\r\n                    await this.addAuthorizationAsync(request);\r\n                }\r\n                return await this.executeRequestInternalAsync(request);\r\n            } catch (err) {\r\n                if (err instanceof ApiError) {\r\n                    if (attempt > 0) {\r\n                        throw err;\r\n                    }\r\n                    if (err.status === httpStatus.UPGRADE_REQUIRED) {\r\n                        // await this.context.msgBus.request({\r\n                        //     channel: \"APP.RELOAD\"\r\n                        // });\r\n                        throw err;\r\n                    } else if (err.status === httpStatus.UNAUTHORIZED) {\r\n                        if (err.response?.headers?.get(\"token-expired\")) {\r\n                            // token expired or invalid\r\n                            await this.msgBus.request({\r\n                                channel: $AUTH_REFRESH\r\n                            });\r\n                        } else {\r\n                            await this.msgBus.request({\r\n                                channel: $AUTH_ENSURE\r\n                            });\r\n                        }\r\n                        // codes:\r\n                        // TOKEN_EXPIRED\r\n                        // TOKEN_INVALID\r\n                        // TOKEN_MISSING\r\n                        // AUTH_REQUIRED\r\n                        // header: WWW-Authenticate\r\n                        continue;\r\n                    }\r\n                    continue;\r\n                }\r\n                throw err;\r\n            } finally {\r\n                attempt++;\r\n            }\r\n        } while (true);\r\n    }\r\n\r\n    // T extends IApiResponse\r\n    public async fetchAsync<T>(requestParams: IRequestParams): Promise<T> {\r\n        await this.init;\r\n\r\n        const defaultParams: Partial<IRequestParams> = {\r\n            contentType: \"application/json\",\r\n            method: \"POST\",\r\n            body: null,\r\n            headers: {},\r\n            cache: \"default\",\r\n            credentials: \"same-origin\",\r\n            mode: \"cors\"\r\n        };\r\n\r\n        requestParams = { ...defaultParams, ...requestParams };\r\n        if (!requestParams.id) {\r\n            requestParams.id = uuid();\r\n        }\r\n\r\n        if (!(requestParams.headers instanceof Headers)) {\r\n            requestParams.headers = new Headers(requestParams.headers);\r\n        }\r\n\r\n        requestParams.headers.append(\"Content-Type\", requestParams.contentType);\r\n        // \"api-version\"\r\n\r\n        if (requestParams.method === \"POST\") {\r\n            if (!requestParams.body) {\r\n                requestParams.body = \"\";\r\n            }\r\n        }\r\n\r\n        let request = {\r\n            ...requestParams,\r\n            status: \"queued\",\r\n            response: undefined,\r\n            result: undefined\r\n        } as IRequestState;\r\n\r\n        this.requestStateMap.set(requestParams.id, request);\r\n\r\n        await this.executeRequestAsync(request);\r\n        return request.result;\r\n    }\r\n}\r\n\r\n// TODO: check MLWEB-2172\r\n// TODO: support request cancellation\r\n// https://stackoverflow.com/questions/31061838/how-do-i-cancel-an-http-fetch-request\r\n// https://mukeshprajapati0251.medium.com/cancel-rest-api-pending-request-1af65e70366d\r\n\r\n/* \r\nif (status === 404) {\r\n      return response.text().then((_responseText) => {\r\n      let result404: any = null;\r\n      result404 = _responseText === \"\" ? null : JSON.parse(_responseText, this.jsonParseReviver) as __API__ProblemDetails;\r\n      return throwException(\"Not Found\", status, _responseText, _headers, result404);\r\n      });\r\n  } else if (status !== 200 && status !== 204) {\r\n      return response.text().then((_responseText) => {\r\n      return throwException(\"An unexpected server error occurred.\", status, _responseText, _headers);\r\n      });\r\n  }\r\n\r\nBLOB\r\nlet reader = new FileReader();\r\n        reader.onload = event => resolve((event.target as any).result);\r\n        reader.readAsText(blob);\r\n*/\r\n"],"names":["extractApiName","name","suffixes","group","s","pattern","result","API_SUFFIXES","ClientBase","context","fetcher","apiSuffixes","$AUTH_SIGNIN","msg","config","$CONFIG_GET","apiName","apiEntry","entry","$CONTEXT_GET","request","accessToken","ApiError","httpStatus","authorizationHeader","headers","headerValue","proceed","onBeforeSendRequest","event","response","onResponseRead","getResponseResult","err","attempt","$AUTH_REFRESH","$AUTH_ENSURE","requestParams","uuid"],"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"}