@actdim/dynstruct 1.1.2 → 1.1.4

package/dist/componentModel/core.es.js

@@ -0,0 +1,162 @@
+import { isObservable as k, runInAction as I, toJS as y, autorun as m } from "mobx";
+import { $isBinding as p, ComponentMsgFilter as b } from "./contracts.es.js";
+function x(e) {
+  return e[p] === !0;
+}
+function P(e, c, r, t) {
+  return {
+    get: e,
+    set: c,
+    converter: r,
+    validator: t,
+    readOnly: !!c,
+    [p]: !0
+  };
+}
+function w(e, c) {
+  return {
+    get: () => e()[c],
+    set: (r) => {
+      e()[c] = r;
+    },
+    [p]: !0
+  };
+}
+const C = /* @__PURE__ */ new WeakMap();
+function F(e, c, r) {
+  if (typeof e != "object" || e === null || !k(e))
+    return e;
+  if (C.has(e))
+    return C.get(e);
+  const t = new Proxy(e, {
+    get(o, n, s) {
+      const i = r[n]?.onGet;
+      if (i) return i();
+      const f = c.get(n);
+      if (f?.get)
+        return f.get();
+      const u = Reflect.get(o, n, s);
+      return typeof u == "object" && u !== null && k(u) ? F(u, c, r) : u;
+    },
+    set(o, n, s, i) {
+      const f = o[n], u = r[n]?.onChanging;
+      if (u && u(f, s) === !1 || r.onPropChanging && r.onPropChanging(n, f, s) === !1)
+        return !0;
+      const d = I(() => Reflect.set(o, n, s, i));
+      return c.get(n)?.set?.(s), r[n]?.onChange?.(s), r.onPropChange?.(n, s), d;
+    }
+  });
+  return C.set(e, t), t;
+}
+function B(e) {
+  return e.split("/").filter(Boolean).map((o) => decodeURIComponent(o)).join("-").normalize("NFKD").replace(/[^a-zA-Z0-9\-_:.+#]/g, "-").replace(/-+/g, "-").replace(/^[^a-zA-Z]+/, "-").replace(/[+#]$/, "-");
+}
+function E(e = 2) {
+  const r = new Error().stack?.split(`
+`);
+  if (!r || r.length <= e)
+    return null;
+  const o = r[e].match(/\(([^)]+)\)/)?.[1];
+  return o && document.querySelector('script[type="module"][src*="/@vite/"]') && globalThis.CONFIG_TYPE === "DEVELOPMENT" ? o.replace(/\?[^:]+/, "") : o;
+}
+function N(e = 2) {
+  const r = new Error().stack?.split(`
+`);
+  if (!r || r.length <= e)
+    return null;
+  const o = r[e].trim().match(/^at\s+([^\s(]+)/);
+  if (!o)
+    return null;
+  const n = o[1], s = n.match(/^use(.+)/);
+  return s ? s[1] : n;
+}
+function j(e) {
+  const c = e?.msgBroker.provide;
+  if (c)
+    for (const [t, o] of Object.entries(c))
+      for (const [n, s] of Object.entries(o)) {
+        const i = s, f = i.callback;
+        f && (i.callback = (a, l) => f(a, l, e));
+        const u = i.filter, d = i.componentFilter || b.None, g = (a) => {
+          let l = !0;
+          return d & b.FromAncestors && (l = e.getChainUp().indexOf(a.headers?.sourceId) >= 0), l && d & b.FromDescendants && (l = e.getChainDown().indexOf(a.headers?.sourceId) >= 0), l && u && (l = u(a, e)), l;
+        };
+        i.filter = g, e.msgBus.provide({
+          ...s,
+          channel: t,
+          group: n,
+          options: {
+            abortSignal: e.msgBroker.abortController.signal
+          }
+        });
+      }
+  const r = e?.msgBroker?.subscribe;
+  if (r)
+    for (const [t, o] of Object.entries(r))
+      for (const [n, s] of Object.entries(o)) {
+        const i = s, f = i.callback;
+        f && (i.callback = (a) => f(a, e));
+        const u = i.filter, d = i.componentFilter || b.None, g = (a) => {
+          let l = !0;
+          return d & b.FromAncestors && (l = e.getChainUp().indexOf(a.headers?.sourceId) >= 0), l && d & b.FromDescendants && (l = e.getChainDown().indexOf(a.headers?.sourceId) >= 0), l && u && (l = u(a, e)), l;
+        };
+        i.filter = g, e.msgBus.on({
+          ...s,
+          channel: t,
+          group: n,
+          config: {
+            abortSignal: e.msgBroker.abortController.signal
+          }
+        });
+      }
+}
+function D(e, c) {
+  const r = (t) => {
+    t.payload != null && (t.payload = structuredClone(y(t.payload))), t.headers || (t.headers = {}), c?.(t.headers);
+  };
+  return {
+    config: e.config,
+    on: (t) => e.on(t),
+    once: (t) => e.once(t),
+    stream: (t) => e.stream(t),
+    provide: (t) => (r(t), e.provide(t)),
+    send: (t) => (r(t), e.send(t)),
+    request: (t) => (r(t), e.request(t))
+  };
+}
+function M(e, c, r) {
+  let t = null, o = !1, n;
+  const s = () => {
+    t || (t = m(
+      () => {
+        if (!o) {
+          const g = r(e);
+          typeof g == "function" && (g(), n = g);
+        }
+      },
+      { name: `effect:${c}` }
+    ));
+  }, i = () => {
+    t?.(), t = null, n && (n(), n = void 0);
+  }, f = () => {
+    o = !0;
+  }, u = () => {
+    o = !1;
+  }, d = () => {
+    i(), s();
+  };
+  return s(), { start: s, pause: f, resume: u, stop: i, restart: d };
+}
+export {
+  P as bind,
+  w as bindProp,
+  M as createEffect,
+  F as createRecursiveProxy,
+  D as getComponentMsgBus,
+  N as getComponentNameByCaller,
+  E as getComponentSourceByCaller,
+  x as isBinding,
+  j as registerMsgBroker,
+  B as toHtmlId
+};
+//# sourceMappingURL=core.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"core.es.js","sources":["../../src/componentModel/core.tsx"],"sourcesContent":["import React from 'react';\r\nimport { MsgBus } from '@actdim/msgmesh/contracts';\r\nimport { isObservable, runInAction, toJS, autorun, IReactionDisposer } from 'mobx';\r\nimport type {\r\n    Binding,\r\n    Component,\r\n    ComponentMsgHeaders,\r\n    ComponentStruct,\r\n    EffectController,\r\n    EffectFn,\r\n    MsgChannelGroupProviderParams,\r\n    MsgChannelGroupSubscriberParams,\r\n    PropEventHandlers,\r\n    PropValueChangeHandler,\r\n    PropValueChangingHandler,\r\n    Validator,\r\n    ValueConverter,\r\n} from './contracts';\r\nimport { $isBinding, ComponentMsgFilter } from './contracts';\r\nimport { isPlainObject } from 'mobx/dist/internal';\r\n\r\nconst blankView = () => null;\r\n\r\nexport function isBinding(obj: any): obj is Binding {\r\n    return obj[$isBinding] === true;\r\n}\r\n\r\nexport function bind<T, TFrom = any>(\r\n    get: () => T,\r\n    set?: (value: T) => void,\r\n    converter?: ValueConverter<T, TFrom>,\r\n    validator?: Validator<T>,\r\n): Binding {\r\n    return {\r\n        get: get,\r\n        set: set,\r\n        converter: converter,\r\n        validator: validator,\r\n        readOnly: !!set,\r\n        [$isBinding]: true,\r\n    };\r\n}\r\n\r\nexport function bindProp<T extends object, P extends keyof T>(target: () => T, prop: P): Binding {\r\n    return {\r\n        get: () => target()[prop],\r\n        set: (value: T[P]) => {\r\n            target()[prop] = value;\r\n        },\r\n        [$isBinding]: true,\r\n    };\r\n}\r\n\r\nconst proxyCache = new WeakMap<object, any>();\r\n\r\nexport type ProxyEventHandlers = {\r\n    onPropChanging?: PropValueChangingHandler<PropertyKey>;\r\n    onPropChange?: PropValueChangeHandler<PropertyKey>;\r\n} & Record<PropertyKey, PropEventHandlers>;\r\n\r\nexport function createRecursiveProxy(\r\n    target: any,\r\n    bindings: Map<PropertyKey, Binding>,\r\n    handlers: ProxyEventHandlers,\r\n) {\r\n    if (typeof target !== 'object' || target === null) {\r\n        return target;\r\n    }\r\n\r\n    // isPlainObject\r\n    if (!isObservable(target)) {\r\n        return target;\r\n    }\r\n\r\n    if (proxyCache.has(target)) {\r\n        return proxyCache.get(target);\r\n    }\r\n\r\n    const proxy = new Proxy(target, {\r\n        get(obj, prop, receiver) {\r\n            // 1. custom handlers\r\n            const onGet = handlers[prop]?.onGet;\r\n            if (onGet) return onGet();\r\n\r\n            // 2. bindings\r\n            const binding = bindings.get(prop);\r\n            if (binding?.get) {\r\n                return binding.get();\r\n            }\r\n\r\n            const value = Reflect.get(obj, prop, receiver);\r\n\r\n            if (typeof value === 'object' && value !== null && isObservable(value)) {\r\n                return createRecursiveProxy(value, bindings, handlers);\r\n            }\r\n\r\n            return value;\r\n        },\r\n\r\n        set(obj, prop, value, receiver) {\r\n            const oldValue = obj[prop];\r\n\r\n            // before-change hooks\r\n            const onChanging = handlers[prop]?.onChanging;\r\n            if (onChanging && onChanging(oldValue, value) === false) {\r\n                return true;\r\n            }\r\n\r\n            if (\r\n                handlers.onPropChanging &&\r\n                handlers.onPropChanging(prop, oldValue, value) === false\r\n            ) {\r\n                return true;\r\n            }\r\n\r\n            const result = runInAction(() => {\r\n                return Reflect.set(obj, prop, value, receiver);\r\n            });\r\n\r\n            // bindings\r\n            const binding = bindings.get(prop);\r\n            binding?.set?.(value);\r\n\r\n            // after-change hooks\r\n            handlers[prop]?.onChange?.(value);\r\n            handlers.onPropChange?.(prop, value);\r\n\r\n            return result;\r\n        },\r\n    });\r\n\r\n    proxyCache.set(target, proxy);\r\n    return proxy;\r\n}\r\n\r\nexport function toHtmlId(url: string): string {\r\n    let parts = url\r\n        .split('/')\r\n        .filter(Boolean)\r\n        .map((segment) => decodeURIComponent(segment));\r\n\r\n    const raw = parts.join('-');\r\n    // sanitize\r\n    let id = raw\r\n        .normalize('NFKD')\r\n        .replace(/[^a-zA-Z0-9\\-_:.+#]/g, '-')\r\n        .replace(/-+/g, '-')\r\n        .replace(/^[^a-zA-Z]+/, '-')\r\n        // .replace(/:/g, '-')\r\n        // .replace(/\\./g, '_')\r\n        // .replace(/#/g, '-')\r\n        .replace(/[+#]$/, '-');\r\n    return id;\r\n}\r\n\r\nexport function getComponentSourceByCaller(depth = 2): string | null {\r\n    const err = new Error();\r\n    const stack = err.stack?.split('\\n');\r\n    if (!stack || stack.length <= depth) {\r\n        return null;\r\n    }\r\n    const match = stack[depth].match(/\\(([^)]+)\\)/);\r\n    const result = match?.[1];\r\n    if (result) {\r\n        if (\r\n            document.querySelector('script[type=\"module\"][src*=\"/@vite/\"]') &&\r\n            globalThis['CONFIG_TYPE'] === 'DEVELOPMENT'\r\n        ) {\r\n            return result.replace(/\\?[^:]+/, '');\r\n        }\r\n    }\r\n    return result;\r\n}\r\n\r\nexport function getComponentNameByCaller(depth = 2): string | null {\r\n    const err = new Error();\r\n    const stack = err.stack?.split('\\n');\r\n    if (!stack || stack.length <= depth) {\r\n        return null;\r\n    }\r\n    const line = stack[depth].trim();\r\n    const match = line.match(/^at\\s+([^\\s(]+)/);\r\n    if (!match) {\r\n        return null;\r\n    }\r\n    const fnName = match[1];\r\n    const hookMatch = fnName.match(/^use(.+)/);\r\n    if (hookMatch) {\r\n        return hookMatch[1];\r\n    }\r\n    return fnName;\r\n}\r\n\r\nexport function registerMsgBroker<TStruct extends ComponentStruct = ComponentStruct>(\r\n    component: Component<TStruct>,\r\n) {\r\n    const providers = component?.msgBroker.provide;\r\n    if (providers) {\r\n        for (const [channel, providerGroups] of Object.entries(providers)) {\r\n            for (const [g, p] of Object.entries(providerGroups)) {\r\n                const provider = p as MsgChannelGroupProviderParams;\r\n                const callback = provider.callback;\r\n                if (callback) {\r\n                    provider.callback = (msg, headers) => {\r\n                        return callback(msg, headers, component);\r\n                    };\r\n                }\r\n                const filter = provider.filter;\r\n                const componentFilter = provider.componentFilter || ComponentMsgFilter.None;\r\n                const msgFilter = (msg) => {\r\n                    let result = true;\r\n                    if (componentFilter & ComponentMsgFilter.FromAncestors) {\r\n                        const ancestorIds = component.getChainUp();\r\n                        result = ancestorIds.indexOf(msg.headers?.sourceId) >= 0;\r\n                    }\r\n                    if (result && componentFilter & ComponentMsgFilter.FromDescendants) {\r\n                        const ancestorIds = component.getChainDown();\r\n                        result = ancestorIds.indexOf(msg.headers?.sourceId) >= 0;\r\n                    }\r\n                    if (result && filter) {\r\n                        result = filter(msg, component);\r\n                    }\r\n                    return result;\r\n                };\r\n                provider.filter = msgFilter;\r\n\r\n                component.msgBus.provide({\r\n                    ...p,\r\n                    channel: channel,\r\n                    group: g,\r\n                    options: {\r\n                        abortSignal: component.msgBroker.abortController.signal,\r\n                    },\r\n                });\r\n            }\r\n        }\r\n    }\r\n    const subscribers = component?.msgBroker?.subscribe;\r\n    if (subscribers) {\r\n        for (const [channel, subscriberGroups] of Object.entries(subscribers)) {\r\n            for (const [g, s] of Object.entries(subscriberGroups)) {\r\n                const subscriber = s as MsgChannelGroupSubscriberParams;\r\n                const callback = subscriber.callback;\r\n                if (callback) {\r\n                    subscriber.callback = (msg) => {\r\n                        return callback(msg, component);\r\n                    };\r\n                }\r\n                const filter = subscriber.filter;\r\n                const componentFilter = subscriber.componentFilter || ComponentMsgFilter.None;\r\n                const msgFilter = (msg) => {\r\n                    let result = true;\r\n                    if (componentFilter & ComponentMsgFilter.FromAncestors) {\r\n                        const ancestorIds = component.getChainUp();\r\n                        result = ancestorIds.indexOf(msg.headers?.sourceId) >= 0;\r\n                    }\r\n                    if (result && componentFilter & ComponentMsgFilter.FromDescendants) {\r\n                        const ancestorIds = component.getChainDown();\r\n                        result = ancestorIds.indexOf(msg.headers?.sourceId) >= 0;\r\n                    }\r\n                    if (result && filter) {\r\n                        result = filter(msg, component);\r\n                    }\r\n                    return result;\r\n                };\r\n                subscriber.filter = msgFilter;\r\n\r\n                component.msgBus.on({\r\n                    ...s,\r\n                    channel: channel,\r\n                    group: g,\r\n                    config: {\r\n                        abortSignal: component.msgBroker.abortController.signal,\r\n                    },\r\n                });\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nexport function getComponentMsgBus<TStruct extends ComponentStruct = ComponentStruct>(\r\n    msgBus: MsgBus<TStruct['msg']>,\r\n    headerSetter: (headers?: ComponentMsgHeaders) => void,\r\n) {\r\n    const updateParams = (params: { payload?: any; headers?: ComponentMsgHeaders }) => {\r\n        if (params.payload != undefined) {\r\n            params.payload = structuredClone(toJS(params.payload)); // always?\r\n        }\r\n        if (!params.headers) {\r\n            params.headers = {};\r\n        }\r\n        headerSetter?.(params.headers);\r\n    };\r\n    return {\r\n        config: msgBus.config,\r\n        on: (params) => {\r\n            return msgBus.on(params);\r\n        },\r\n        once: (params) => {\r\n            return msgBus.once(params);\r\n        },\r\n        stream: (params) => {\r\n            return msgBus.stream(params);\r\n        },\r\n        provide: (params) => {\r\n            updateParams(params);\r\n            return msgBus.provide(params);\r\n        },\r\n        send: (params) => {\r\n            updateParams(params);\r\n            return msgBus.send(params);\r\n        },\r\n        request: (params) => {\r\n            updateParams(params);\r\n            return msgBus.request(params);\r\n        },\r\n    } as MsgBus<TStruct['msg']>;\r\n}\r\n\r\nexport function createEffect<\r\n    TStruct extends ComponentStruct,\r\n    TMsgHeaders extends ComponentMsgHeaders = ComponentMsgHeaders,\r\n>(\r\n    component: Component<TStruct, TMsgHeaders>,\r\n    name: string,\r\n    fn: EffectFn<TStruct, TMsgHeaders>,\r\n): EffectController {\r\n    let disposer: IReactionDisposer | null = null;\r\n    let paused = false;\r\n    let effectCleanup: () => void = undefined;\r\n\r\n    const start = () => {\r\n        if (disposer) {\r\n            return;\r\n        }\r\n\r\n        disposer = autorun(\r\n            () => {\r\n                if (!paused) {\r\n                    const cleanup = fn(component);\r\n                    if (typeof cleanup === 'function') {\r\n                        cleanup();\r\n                        effectCleanup = cleanup;\r\n                    }\r\n                }\r\n            },\r\n            { name: `effect:${name}` },\r\n        );\r\n    };\r\n\r\n    const stop = () => {\r\n        disposer?.();\r\n        disposer = null;\r\n        if (effectCleanup) {\r\n            effectCleanup();\r\n            effectCleanup = undefined;\r\n        }\r\n    };\r\n\r\n    const pause = () => {\r\n        paused = true;\r\n    };\r\n\r\n    const resume = () => {\r\n        paused = false;\r\n    };\r\n\r\n    const restart = () => {\r\n        stop();\r\n        start();\r\n    };\r\n\r\n    start();\r\n\r\n    return { start, pause, resume, stop, restart };\r\n}\r\n\r\n// TODO: move to utico\r\n// function asyncToGeneratorFlow(asyncFn: (...args: any[]) => Promise<any>) {\r\n//     return function* (...args: any[]) {\r\n//         const result = yield asyncFn(...args);\r\n//         return result;\r\n//     };\r\n// }\r\n"],"names":["isBinding","obj","$isBinding","bind","get","set","converter","validator","bindProp","target","prop","value","proxyCache","createRecursiveProxy","bindings","handlers","isObservable","proxy","receiver","onGet","binding","oldValue","onChanging","result","runInAction","toHtmlId","url","segment","getComponentSourceByCaller","depth","stack","getComponentNameByCaller","match","fnName","hookMatch","registerMsgBroker","component","providers","channel","providerGroups","g","p","provider","callback","msg","headers","filter","componentFilter","ComponentMsgFilter","msgFilter","subscribers","subscriberGroups","subscriber","getComponentMsgBus","msgBus","headerSetter","updateParams","params","toJS","createEffect","name","fn","disposer","paused","effectCleanup","start","autorun","cleanup","stop","pause","resume","restart"],"mappings":"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"}

package/dist/componentModel/react.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { Component, ComponentDef, ComponentMsgHeaders, ComponentParams, ComponentStruct } from './contracts';
+export declare function useComponent<TStruct extends ComponentStruct = ComponentStruct, TMsgHeaders extends ComponentMsgHeaders = ComponentMsgHeaders>(componentDef: ComponentDef<TStruct, TMsgHeaders>, params: ComponentParams<TStruct>): any;
+export declare function getFC<TStruct extends ComponentStruct>(factory: (params: ComponentParams<TStruct>) => Component<TStruct>): FC<ComponentParams<TStruct>>;
+//# sourceMappingURL=react.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/componentModel/react.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAiD,EAAE,EAAW,MAAM,OAAO,CAAC;AAO1F,OAAO,EAIH,SAAS,EAET,YAAY,EAEZ,mBAAmB,EACnB,eAAe,EACf,eAAe,EAOlB,MAAM,aAAa,CAAC;AAwWrB,wBAAgB,YAAY,CACxB,OAAO,SAAS,eAAe,GAAG,eAAe,EACjD,WAAW,SAAS,mBAAmB,GAAG,mBAAmB,EAC/D,YAAY,EAAE,YAAY,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,OAAO,CAAC,OAQnF;AAGD,wBAAgB,KAAK,CAAC,OAAO,SAAS,eAAe,EACjD,OAAO,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,SAAS,CAAC,OAAO,CAAC,GAClE,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAS9B"}

package/dist/componentModel/react.es.js

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

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

@@ -0,0 +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    $id,\r\n    $key,\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","$id","key","$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.es.js

@@ -30,14 +30,14 @@ class g {
     }), this.init = Promise.all([this.getBaseUrlAsync(), this.updateSecurityAsync()]);
   }
   async getBaseUrlAsync() {
-    const n = (await this.msgBus.dispatchAsync({
+    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());
     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.dispatchAsync({
+      const e = await this.msgBus.request({
         channel: "APP-SECURITY-GET-CONTEXT"
       });
       this.accessToken = e.payload.accessToken;
@@ -101,9 +101,9 @@ class g {
           if (n > 0 || t.status === o.UPGRADE_REQUIRED)
             throw t;
           if (t.status === o.UNAUTHORIZED) {
-            t.response?.headers?.get("token-expired") ? await this.msgBus.dispatchAsync({
+            t.response?.headers?.get("token-expired") ? await this.msgBus.request({
               channel: "APP-SECURITY-AUTH-REFRESH"
-            }) : await this.msgBus.dispatchAsync({
+            }) : await this.msgBus.request({
               channel: "APP-SECURITY-REQUEST-AUTH"
             });
             continue;

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/msgBusCore\";\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.dispatchAsync({\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.dispatchAsync({\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.dispatchAsync({\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.dispatchAsync({\r\n                                channel: \"APP-SECURITY-AUTH-REFRESH\"\r\n                            });\r\n                        } else {\r\n                            await this.msgBus.dispatchAsync({\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 } 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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"}

package/dist/services/NavService.d.ts

@@ -1,5 +1,5 @@
 import { BaseAppMsgChannels, BaseAppMsgStruct, NavContext, NavRoutes } from '../appDomain/appContracts';
-import { Component, ComponentParams, ComponentStruct } from '../componentModel/componentModel';
+import { Component, ComponentParams, ComponentStruct } from '../componentModel/contracts';
 type Struct = ComponentStruct<BaseAppMsgStruct, {
     props: {
         history: NavContext[];

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

@@ -1 +1 @@
-{"version":3,"file":"NavService.d.ts","sourceRoot":"","sources":["../../src/services/NavService.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACvG,OAAO,EAAuB,KAAK,SAAS,EAA0C,KAAK,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAE1K,KAAK,MAAM,GAAG,eAAe,CACzB,gBAAgB,EAChB;IACI,KAAK,EAAE;QACH,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,MAAM,EAAE,SAAS,CAAC;KACrB,CAAC;IACF,QAAQ,EAAE;QACN,OAAO,EAAE,kBAAkB,CACrB,cAAc,GACd,qBAAqB,GACrB,sBAAsB,GACtB,yBAAyB,CAC9B,CAAC;KACL,CAAC;CACL,CACJ,CAAC;AAIF,eAAO,MAAM,aAAa,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,sBA+E5D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC;AACtC,eAAO,MAAM,YAAY,8BAAuB,CAAC"}
+{"version":3,"file":"NavService.d.ts","sourceRoot":"","sources":["../../src/services/NavService.tsx"],"names":[],"mappings":"AAQA,OAAO,EACH,kBAAkB,EAClB,gBAAgB,EAChB,UAAU,EACV,SAAS,EACZ,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EACR,SAAS,EAGT,eAAe,EACf,eAAe,EAClB,MAAM,4BAA4B,CAAC;AAGpC,KAAK,MAAM,GAAG,eAAe,CACzB,gBAAgB,EAChB;IACI,KAAK,EAAE;QACH,OAAO,EAAE,UAAU,EAAE,CAAC;QACtB,MAAM,EAAE,SAAS,CAAC;KACrB,CAAC;IACF,QAAQ,EAAE;QACN,OAAO,EAAE,kBAAkB,CACrB,cAAc,GACd,qBAAqB,GACrB,sBAAsB,GACtB,yBAAyB,CAC9B,CAAC;KACL,CAAC;CACL,CACJ,CAAC;AAIF,eAAO,MAAM,aAAa,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,sBA+E5D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC;AACtC,eAAO,MAAM,YAAY,8BAAuB,CAAC"}

package/dist/services/NavService.es.js

@@ -1,9 +1,9 @@
 import { useNavigate as p, useLocation as m, useNavigationType as y, useParams as h, useSearchParams as N } from "react-router-dom";
-import { getFC as P, useComponent as v } from "../componentModel/componentModel.es.js";
+import { getFC as P, useComponent as v } from "../componentModel/react.es.js";
 const A = (n) => {
-  let s, o;
+  let t, o;
   const e = p(), c = m(), i = y(), l = h(), [u] = N();
-  return s = v({
+  return t = v({
     props: {
       history: [],
       routes: void 0
@@ -18,8 +18,8 @@ const A = (n) => {
           },
           ex: {
             callback: async (a) => {
-              const t = a.payload.route;
-              e(o.routes[t].path(a.payload.params));
+              const s = a.payload.route;
+              e(o.routes[s].path(a.payload.params));
             }
           }
         },
@@ -38,15 +38,15 @@ const A = (n) => {
     },
     events: {
       onLayout: (a) => {
-        const t = o.history;
-        if (t) {
+        const s = o.history;
+        if (s) {
           const r = {
             location: c,
             searchParams: u,
             params: l,
             navType: i
           };
-          t.push(r), a.msgBus.dispatch({
+          s.push(r), a.msgBus.send({
             channel: "APP-NAV-CONTEXT-CHANGED",
             group: "in",
             payload: r
@@ -55,7 +55,7 @@ const A = (n) => {
       }
     },
     view: () => null
-  }, n), o = s.model, s;
+  }, n), o = t.model, t;
 }, C = P(A);
 export {
   C as NavServiceFC,