@actdim/dynstruct 1.0.3 → 1.0.7

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

@@ -1 +1 @@
-{"version":3,"file":"componentModel.es.js","sources":["../../src/componentModel/componentModel.tsx"],"sourcesContent":["import React, { ReactElement, useReducer, useRef, useState } from 'react';\r\nimport { PropsWithChildren, useEffect, useLayoutEffect, FC, ReactNode } from 'react';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport {\r\n    $CG_IN,\r\n    $CG_OUT,\r\n    MsgBus,\r\n    MsgBusProviderParams,\r\n    MsgBusStruct,\r\n    MsgBusSubscriberParams,\r\n} from '@actdim/msgmesh/msgBusCore';\r\nimport { MaybePromise, SafeKey, Skip } from '@actdim/utico/typeCore';\r\nimport { observer, useLocalObservable } from 'mobx-react-lite';\r\nimport { autorun, observable, reaction, runInAction, untracked } from 'mobx';\r\nimport { useLazyRef } from '@/reactHooks';\r\nimport { deepObserve } from 'mobx-utils';\r\nimport { getGlobalFlags } from '@/globals';\r\n\r\nexport type MsgBusChannelGroupProviderParams<\r\n    TStruct extends MsgBusStruct = MsgBusStruct,\r\n    TChannel extends keyof TStruct = keyof TStruct,\r\n    TGroup extends keyof TStruct[TChannel] = typeof $CG_IN, // keyof TStruct[TChannel]\r\n> = Skip<MsgBusProviderParams<TStruct, TChannel, TGroup>, 'channel' | 'group'>;\r\n\r\nexport type MsgBusChannelGroupSubscriberParams<\r\n    TStruct extends MsgBusStruct = MsgBusStruct,\r\n    TChannel extends keyof TStruct = keyof TStruct,\r\n    TGroup extends keyof TStruct[TChannel] = typeof $CG_IN, // keyof TStruct[TChannel]\r\n> = Skip<MsgBusSubscriberParams<TStruct, TChannel, TGroup>, 'channel' | 'group'>;\r\n\r\n// MsgBusScope\r\nexport type MsgBusBrokerScope<\r\n    TStruct extends MsgBusStruct /*= MsgBusStruct*/,\r\n    TKeysToProvide extends keyof TStruct = keyof TStruct,\r\n    TKeysToSubscribe extends keyof TStruct = keyof TStruct,\r\n    TKeysToPublish extends keyof TStruct = keyof TStruct,\r\n> = {\r\n    provide?: TKeysToProvide;\r\n    // consume\r\n    subscribe?: TKeysToSubscribe;\r\n    // produce\r\n    publish?: TKeysToPublish;\r\n};\r\n\r\nexport type ComponentPropStruct = Record<string, any>;\r\n// export type ComponentPropStruct = {\r\n//     [prop: string]: any;\r\n// };\r\n\r\nexport type ComponentMethodStruct = Record<string, Function>;\r\n// export type ComponentMethodStruct = {\r\n//     [action: string]: Function;\r\n// };\r\n\r\n// export type ComponentRefStruct = Record<string, ComponentStruct<TMsgBusStruct, T>>;\r\nexport type ComponentRefStruct = {\r\n    [name: string]: ComponentStruct | ((params: any) => ComponentStruct);\r\n};\r\n\r\nexport type ComponentStructBase<\r\n    TMsgBusStruct extends MsgBusStruct = MsgBusStruct,\r\n    TPropStruct extends ComponentPropStruct = ComponentPropStruct,\r\n    TMsgScope extends MsgBusBrokerScope<TMsgBusStruct> = MsgBusBrokerScope<TMsgBusStruct>,\r\n> = {\r\n    props?: TPropStruct;\r\n    methods?: ComponentMethodStruct;\r\n    children?: ComponentRefStruct;\r\n    msgScope?: TMsgScope;\r\n};\r\n\r\n// ComponentShape\r\nexport type ComponentStruct<\r\n    TMsgBusStruct extends MsgBusStruct = MsgBusStruct,\r\n    T extends ComponentStructBase<TMsgBusStruct> = ComponentStructBase<TMsgBusStruct>,\r\n> = T & {\r\n    msgBus: TMsgBusStruct;\r\n};\r\n\r\nexport type MsgBusBroker<\r\n    TStructToProvide extends MsgBusStruct = MsgBusStruct,\r\n    TStructToSubscribe extends MsgBusStruct = MsgBusStruct,\r\n> = {\r\n    // providers\r\n    provide?: {\r\n        [TChannel in keyof TStructToProvide]?: {\r\n            [TGroup in keyof Skip<\r\n                TStructToProvide[TChannel],\r\n                typeof $CG_OUT\r\n            >]?: MsgBusChannelGroupProviderParams<TStructToProvide, TChannel, TGroup>;\r\n        };\r\n    };\r\n    // subscribers\r\n    subscribe?: {\r\n        [TChannel in keyof TStructToSubscribe]: {\r\n            [TGroup in keyof TStructToSubscribe[TChannel]]?: MsgBusChannelGroupSubscriberParams<\r\n                TStructToSubscribe,\r\n                TChannel,\r\n                TGroup\r\n            >;\r\n        };\r\n    };\r\n};\r\n\r\ntype ValueConverter<TTo, TFrom> = {\r\n    // ConvertFrom\r\n    convert(value: TFrom): TTo;\r\n    // ConvertTo\r\n    convertBack(value: TTo): TFrom;\r\n};\r\n\r\ntype ValidationResult = {\r\n    valid: boolean;\r\n    message: string;\r\n};\r\n\r\ntype Validator<T> = {\r\n    options: {\r\n        blur: boolean;\r\n    };\r\n    validate: (value: T) => MaybePromise<ValidationResult>;\r\n};\r\n\r\nconst $isBinding = Symbol('$isBinding');\r\n// const $bindings = Symbol('$bindings');\r\nexport interface IBinding<T = any, TFrom = any> {\r\n    // getter\r\n    readonly get: () => T;\r\n    // setter\r\n    readonly set: (value: T) => void;\r\n    readonly converter: ValueConverter<T, TFrom>;\r\n    readonly validator: Validator<T>;\r\n    readonly readOnly: boolean;\r\n    [$isBinding]: boolean;\r\n}\r\n\r\nclass Binding<T = any, TFrom = any> implements IBinding<any, any> {\r\n    // getter\r\n    readonly get: () => T;\r\n    // setter\r\n    readonly set: (value: T) => void;\r\n    readonly converter: ValueConverter<T, TFrom>;\r\n    readonly validator: Validator<T>;\r\n    readonly readOnly: boolean;\r\n    constructor(\r\n        get: () => T,\r\n        set?: (value: T) => void,\r\n        converter?: ValueConverter<T, TFrom>,\r\n        validator?: Validator<T>,\r\n    ) {\r\n        this.get = get;\r\n        this.set = set;\r\n        this.converter = converter;\r\n        this.validator = validator;\r\n        this.readOnly = !!set;\r\n        this[$isBinding] = true;\r\n    }\r\n    [$isBinding]: boolean;\r\n}\r\n\r\nexport function isBinding(obj: any): obj is IBinding {\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) {\r\n    return new Binding(get, set, converter, validator);\r\n}\r\n\r\nexport function bindProp<T extends object, P extends keyof T>(target: () => T, prop: P) {\r\n    return new Binding(\r\n        () => target()[prop],\r\n        (value: T[P]) => {\r\n            target()[prop] = value;\r\n        },\r\n    );\r\n}\r\n\r\nexport type ComponentPropSource<T> = T | Binding<T>;\r\n\r\nexport type ComponentPropParams<TPropStruct extends ComponentPropStruct> = {\r\n    [P in keyof TPropStruct]?: ComponentPropSource<TPropStruct[P]>;\r\n};\r\n\r\n// const $ON_PROP_CHANGING = \"onPropChanging\";\r\n// const $ON_PROP_CHANGE = \"onPropChange\";\r\n\r\nconst $ON_GET = 'onGet';\r\n// const $ON_BEFORE_SET = \"onBeforeSet\";\r\nconst $ON_CHANGING = 'onChanging';\r\nconst $ON_CHANGE = 'onChange';\r\n// const $ON_SET = \"onSet\";\r\n\r\ntype PropValueChangingHandler<TProp = PropKey> = (\r\n    prop: TProp,\r\n    oldValue: any,\r\n    newValue: any,\r\n) => boolean;\r\ntype PropValueChangeHandler<TProp = PropKey> = (prop: TProp, value: any) => void;\r\n\r\n// BeforeValueSetHandler\r\ntype ValueChangingHandler<T = any> = (oldValue: T, newValue: T) => boolean;\r\n// ValueSetHandler\r\ntype ValueChangeHandler<T = any> = (value: T) => void;\r\n\r\ntype ComponentEvents<TStruct extends ComponentStruct = ComponentStruct> = {\r\n    onPropChanging?: PropValueChangingHandler<keyof TStruct['props']>;\r\n    onPropChange?: PropValueChangeHandler<keyof TStruct['props']>;\r\n    onInit?: (model: ComponentModel<TStruct>) => void;\r\n    onLayout?: (model: ComponentModel<TStruct>) => void;\r\n    onReady?: (model: ComponentModel<TStruct>) => void;\r\n    onLayoutDestroy?: (model: ComponentModel<TStruct>) => void; // onLayoutCleanup\r\n    onDestroy?: (model: ComponentModel<TStruct>) => void; // onDispose/onCleanup\r\n    onError?: (model: ComponentModel<TStruct>, error: any) => void;\r\n} & {\r\n    [P in keyof TStruct['props'] as `${typeof $ON_GET}${Capitalize<P & string>}`]?: () => TStruct['props'][P];\r\n} & {\r\n    [P in keyof TStruct['props'] as `${typeof $ON_CHANGING}${Capitalize<P & string>}`]?: ValueChangingHandler<\r\n        TStruct['props']\r\n    >;\r\n} & {\r\n    [P in keyof TStruct['props'] as `${typeof $ON_CHANGE}${Capitalize<P & string>}`]?: ValueChangeHandler<\r\n        TStruct['props']\r\n    >;\r\n};\r\n\r\n// AllHTMLAttributes<JSX.Element>\r\n\r\ntype ComponentViewProps = {\r\n    render?: boolean;\r\n} & PropsWithChildren;\r\n\r\n// ComponentRenderImplFn\r\ntype ComponentViewImplFn<TStruct extends ComponentStruct> = (\r\n    props: ComponentViewProps,\r\n    model?: ComponentModel<TStruct>,\r\n) => ReactNode; // JSX.Element\r\n\r\n// ComponentRenderFn\r\ntype ComponentViewFn = (props: ComponentViewProps) => ReactNode; // JSX.Element\r\n\r\ntype PublicKeys<T> = {\r\n    [K in keyof T]: K extends `_${string}` ? never : K;\r\n}[keyof T];\r\n\r\nexport type Component<TStruct extends ComponentStruct> = {\r\n    name?: string;\r\n    props?: TStruct['props'];\r\n    methods?: TStruct['methods'];\r\n    children?: ComponentChildren<TStruct['children']>;\r\n    events?: ComponentEvents<TStruct>;\r\n    // msgs?\r\n    msgBroker?: MsgBusBroker<\r\n        Pick<TStruct['msgBus'], SafeKey<TStruct['msgBus'], TStruct['msgScope']['provide']>>,\r\n        Pick<TStruct['msgBus'], SafeKey<TStruct['msgBus'], TStruct['msgScope']['subscribe']>>\r\n    >;\r\n    msgBus?: MsgBus<\r\n        // TStruct[\"msgBus\"]\r\n        Pick<\r\n            TStruct['msgBus'],\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['provide']>\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['subscribe']>\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['publish']>\r\n        >\r\n    >;\r\n    view?: ComponentViewImplFn<TStruct>;\r\n};\r\n\r\ntype ComponentChildren<TRefStruct extends ComponentRefStruct> = {\r\n    [P in keyof TRefStruct]: TRefStruct[P] extends (params: infer TParams) => infer T\r\n        ? T extends ComponentStruct\r\n            ? (params: TParams) => ComponentModel<T>\r\n            : never\r\n        : TRefStruct[P] extends ComponentStruct\r\n          ? ComponentModel<TRefStruct[P]>\r\n          : never;\r\n};\r\n\r\ntype ComponentModelChildren<TRefStruct extends ComponentRefStruct> = {\r\n    [P in keyof TRefStruct as TRefStruct[P] extends Function\r\n        ? `${Capitalize<P & string>}`\r\n        : P]: TRefStruct[P] extends (params: infer TParams) => infer T\r\n        ? T extends ComponentStruct\r\n            ? FC<ComponentParams<T> & TParams>\r\n            : never\r\n        : TRefStruct[P] extends ComponentStruct\r\n          ? ComponentModel<TRefStruct[P]>\r\n          : never;\r\n};\r\n\r\nexport type ComponentModelContext = {\r\n    bindings?: Map<PropKey, IBinding>;\r\n    id: string;\r\n};\r\n\r\nexport type ComponentModelBase<TStruct extends ComponentStruct = ComponentStruct> = {\r\n    readonly msgBus?: MsgBus<\r\n        // TStruct[\"msgBus\"]\r\n        Pick<\r\n            TStruct['msgBus'],\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['provide']>\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['subscribe']>\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['publish']>\r\n        >\r\n    >;\r\n    readonly View: ComponentViewFn;\r\n    $: ComponentModelContext;\r\n};\r\n\r\nexport type ComponentModel<TStruct extends ComponentStruct = ComponentStruct> = TStruct['props'] &\r\n    TStruct['methods'] &\r\n    ComponentModelChildren<TStruct['children']> &\r\n    ComponentModelBase<TStruct>;\r\n\r\n// style: CSSProperties;\r\n\r\ntype PropEventHandlers = {\r\n    onGet?: () => any;\r\n    onChanging?: (oldValue: any, newValue: any) => boolean;\r\n    onChange?: (value: any) => void;\r\n};\r\n\r\ntype PropKey = string | symbol;\r\ntype ProxyEventHandlers = {\r\n    onPropChanging?: PropValueChangingHandler<PropKey>;\r\n    onPropChange?: PropValueChangeHandler<PropKey>;\r\n} & Record<PropKey, PropEventHandlers>;\r\n\r\n// ComponentConfig\r\nexport type ComponentParams<TStruct extends ComponentStruct = ComponentStruct> =\r\n    ComponentPropParams<TStruct['props']> & ComponentEvents<TStruct>; // & PropsWithChildren\r\n\r\nconst blankView = () => null;\r\n\r\nfunction createProxy(\r\n    state: any,\r\n    bindings: Map<PropKey, IBinding>,\r\n    proxyEventHandlers: ProxyEventHandlers,\r\n) {\r\n    const onPropChanging = proxyEventHandlers.onPropChanging;\r\n    const onPropChange = proxyEventHandlers.onPropChange;\r\n    return new Proxy(state, {\r\n        get(obj, prop, receiver) {\r\n            const onGet = proxyEventHandlers[prop]?.onGet;\r\n            if (onGet) {\r\n                return onGet();\r\n            }\r\n\r\n            const binding = bindings.get(String(prop));\r\n            if (binding) {\r\n                let value: any = undefined;\r\n                // untracked(() => {\r\n                value = binding.get();\r\n                // });\r\n                return value;\r\n            }\r\n            return Reflect.get(obj, prop, receiver);\r\n        },\r\n        set(obj, prop, value, receiver) {\r\n            const oldValue = obj[prop];\r\n\r\n            const onChanging = proxyEventHandlers[prop]?.onChanging;\r\n            if (onChanging) {\r\n                const shouldChange = onChanging(oldValue, value);\r\n                if (!shouldChange) {\r\n                    return true;\r\n                }\r\n            }\r\n\r\n            if (onPropChanging) {\r\n                const shouldChange = onPropChanging(prop, oldValue, value);\r\n                if (!shouldChange) {\r\n                    return true;\r\n                }\r\n            }\r\n\r\n            const result = runInAction(() => {\r\n                return Reflect.set(obj, prop, value, receiver);\r\n            });\r\n\r\n            const binding = bindings.get(prop);\r\n            if (binding?.set) {\r\n                // untracked(() => {\r\n                binding.set(value);\r\n                // });\r\n            }\r\n\r\n            const onChange = proxyEventHandlers[prop]?.onChange;\r\n            if (onChange) {\r\n                onChange(value);\r\n            }\r\n\r\n            if (onPropChange) {\r\n                onPropChange(prop, value);\r\n            }\r\n\r\n            return result;\r\n        },\r\n    });\r\n}\r\n\r\nfunction capitalize(name: string) {\r\n    return name.replace(/^./, name[0].toUpperCase());\r\n}\r\n\r\nfunction asyncToGeneratorFlow(asyncFn: (...args: any[]) => Promise<any>) {\r\n    return function* (...args: any[]) {\r\n        const result = yield asyncFn(...args);\r\n        return result;\r\n    };\r\n}\r\n\r\ntype ComponentSourceInfo = {\r\n    // classId\r\n    structId: string;\r\n    count: 0;\r\n};\r\n\r\nconst componentData = {\r\n    sources: new Map<string, ComponentSourceInfo>(),\r\n    count: 0,\r\n};\r\n\r\nexport function toHtmlId(url: string, segmentsCount: number = 1): string {\r\n    const clean = url.split(/[?#]/)[0];\r\n    const parts = clean\r\n        .split('/')\r\n        .filter(Boolean)\r\n        .map((segment) => decodeURIComponent(segment));\r\n\r\n    const last = parts.slice(-segmentsCount);\r\n    const raw = last.join('-');\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(/[+#]$/, '-');\r\n    return id;\r\n}\r\n\r\nfunction getCallerFileName(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) return null;\r\n\r\n    const match = stack[depth].match(/\\((.*):\\d+:\\d+\\)/);\r\n    if (match) {\r\n        return match[1];\r\n    }\r\n    return null;\r\n}\r\n\r\nfunction createModel<TStruct extends ComponentStruct = ComponentStruct>(\r\n    component: Component<TStruct>,\r\n    params: ComponentParams<TStruct>,\r\n): ComponentModel<TStruct> {\r\n    const msgBus = component.msgBus;\r\n\r\n    const bindings = new Map<PropKey, IBinding>();\r\n\r\n    const view = component.view;\r\n\r\n    let model: ComponentModel<TStruct>;\r\n    const ViewFC = observer((props: ComponentViewProps) => {\r\n        try {\r\n            if (getGlobalFlags().debug) {\r\n                // render\r\n                console.debug(`${model.$.id}>view`);\r\n            }\r\n            if (typeof view === 'function') {\r\n                return view(props, model);\r\n            }\r\n            return <>{props.children}</>;\r\n        } catch (err) {\r\n            // throw err;\r\n            const errDetails = JSON.stringify(err);\r\n            return <>{errDetails}</>;\r\n        } finally {\r\n        }\r\n    });\r\n\r\n    let srcInfo: ComponentSourceInfo;\r\n    const sources = componentData.sources;\r\n\r\n    const fileName = getCallerFileName(6);\r\n    const srcName = toHtmlId(fileName, 2);\r\n\r\n    if (sources.has(fileName)) {\r\n        srcInfo = sources.get(fileName);\r\n        srcInfo.count++;\r\n    } else {\r\n        const structId = component.name || srcName || `Component_${componentData.count}`;\r\n        srcInfo = {\r\n            structId: structId,\r\n            count: 0,\r\n        };\r\n        sources.set(fileName, srcInfo);\r\n        componentData.count++;\r\n    }\r\n\r\n    const rootId = `${srcInfo.structId}#${srcInfo.count}`;\r\n    model = {\r\n        ...component.props,\r\n        ...component.methods,\r\n        // view: component.view,\r\n        View: ViewFC,\r\n        msgBus: msgBus,\r\n        $: {\r\n            bindings: bindings,\r\n            id: rootId,\r\n        },\r\n    };\r\n\r\n    if (component.children) {\r\n        for (const [key, value] of Object.entries(component.children)) {\r\n            if (typeof value == 'function') {\r\n                const view = value as (params: any) => ComponentModel;\r\n                // observer\r\n                const ChildViewFC: ComponentViewImplFn<TStruct> = (props) => {\r\n                    const model = view(props);\r\n                    return <model.View />;\r\n                    // if (typeof model.view === \"function\") {\r\n                    //     return model.view(props);\r\n                    // }\r\n                    // return <>{props.children}</>;\r\n                };\r\n                Reflect.set(model, capitalize(key), ChildViewFC);\r\n            } else {\r\n                Reflect.set(model, key, value);\r\n            }\r\n        }\r\n    }\r\n    if (component.msgBroker) {\r\n        const providers = component.msgBroker.provide;\r\n        if (providers) {\r\n            for (const [channel, providerGroups] of Object.entries(providers)) {\r\n                for (const [group, provider] of Object.entries(providerGroups)) {\r\n                    msgBus.provide({\r\n                        ...provider,\r\n                        channel: channel,\r\n                        group: group,\r\n                    });\r\n                }\r\n            }\r\n        }\r\n        const subscribers = component.msgBroker.subscribe;\r\n        if (subscribers) {\r\n            for (const [channel, subscriberGroups] of Object.entries(subscribers)) {\r\n                for (const [group, subscriber] of Object.entries(subscriberGroups)) {\r\n                    msgBus.on({\r\n                        ...subscriber,\r\n                        channel: channel,\r\n                        group: group,\r\n                    });\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // Reflect.ownKeys\r\n    for (const [key, value] of Object.entries(params)) {\r\n        if (isBinding(value)) {\r\n            bindings.set(key, value);\r\n        } else {\r\n            Reflect.set(model, key, value);\r\n        }\r\n    }\r\n\r\n    // decorators\r\n    const annotationMap: Record<string, any> = {};\r\n\r\n    if (component.props) {\r\n        for (const key of Object.keys(component.props)) {\r\n            annotationMap[key] = observable.ref;\r\n        }\r\n    }\r\n    if (component.methods) {\r\n        for (const key of Object.keys(component.methods)) {\r\n            annotationMap[key] = false;\r\n        }\r\n    }\r\n    if (component.children) {\r\n        for (const key of Object.keys(component.children)) {\r\n            annotationMap[key] = false;\r\n        }\r\n    }\r\n\r\n    // annotationMap[\"view\" satisfies keyof Component<TStruct>] = false;\r\n    annotationMap['View' satisfies keyof ComponentModelBase<TStruct>] = false;\r\n    annotationMap['msgBus' satisfies keyof ComponentModelBase<TStruct>] = false;\r\n    annotationMap['$' satisfies keyof ComponentModelBase<TStruct>] = false;\r\n\r\n    const proxyEventHandlers: Pick<ProxyEventHandlers, 'onPropChanging' | 'onPropChange'> = {\r\n        onPropChanging:\r\n            params?.onPropChanging || component.events?.onPropChanging\r\n                ? (prop, oldValue, newValue) => {\r\n                      let result = true;\r\n                      let handler = params.onPropChanging;\r\n                      if (handler) {\r\n                          result = handler(String(prop), oldValue, newValue);\r\n                      }\r\n                      if (result) {\r\n                          handler = component.events?.onPropChanging;\r\n                          if (handler) {\r\n                              result = handler(String(prop), oldValue, newValue);\r\n                          }\r\n                      }\r\n                      return result;\r\n                  }\r\n                : undefined,\r\n        onPropChange:\r\n            params?.onPropChange || component.events?.onPropChange\r\n                ? (prop, value) => {\r\n                      params.onPropChange?.(String(prop), value);\r\n                      component.events.onPropChange?.(String(prop), value);\r\n                  }\r\n                : undefined,\r\n    };\r\n\r\n    function resolveOnGetEventHandler(prop: string) {\r\n        const key = `${$ON_GET}${capitalize(prop)}`;\r\n        return params[key] || component.events?.[key];\r\n    }\r\n\r\n    function resolveOnChangingEventHandler(prop: string) {\r\n        const key = `${$ON_CHANGING}${capitalize(prop)}`;\r\n        return ((oldValue: any, newValue: any) => {\r\n            let result = true;\r\n            let handler = params[key] as ValueChangingHandler<any>;\r\n            if (handler) {\r\n                result = handler(oldValue, newValue);\r\n            }\r\n            if (result) {\r\n                handler = component.events[key] as ValueChangingHandler<any>;\r\n                if (handler) {\r\n                    result = handler(oldValue, newValue);\r\n                }\r\n            }\r\n            return result;\r\n        }) as ValueChangingHandler;\r\n    }\r\n\r\n    function resolveOnChangeEventHandler(prop: string) {\r\n        const key = `${$ON_CHANGE}${capitalize(prop)}`;\r\n        return ((value: any) => {\r\n            (params[key] as ValueChangeHandler<any>)?.(value);\r\n            (component.events[key] as ValueChangeHandler<any>)?.(value);\r\n        }) as ValueChangeHandler;\r\n    }\r\n\r\n    if (component.props) {\r\n        for (const prop of Object.keys(component.props)) {\r\n            proxyEventHandlers[prop] = {\r\n                onGet: resolveOnGetEventHandler(prop),\r\n                onChanging: resolveOnChangingEventHandler(prop),\r\n                onChange: resolveOnChangeEventHandler(prop),\r\n            };\r\n        }\r\n    }\r\n\r\n    model = observable(model, annotationMap, {\r\n        deep: true,\r\n    });\r\n    // model = useLocalObservable(() => model, annotationMap);\r\n\r\n    model = createProxy(model, bindings, proxyEventHandlers);\r\n\r\n    if (component.events?.onInit) {\r\n        component.events.onInit(model);\r\n    }\r\n\r\n    if (params?.onInit) {\r\n        params.onInit(model);\r\n    }\r\n\r\n    return model;\r\n}\r\n\r\nexport function useComponent<TStruct extends ComponentStruct = ComponentStruct>(\r\n    component: Component<TStruct>,\r\n    params: ComponentParams<TStruct>,\r\n): ComponentModel<TStruct> {\r\n    const ref = useLazyRef(() => createModel(component, params));\r\n    const model = ref.current;\r\n\r\n    useLayoutEffect(() => {\r\n        try {\r\n            if (getGlobalFlags().debug) {\r\n                console.debug(`${model.$.id}>layout`);\r\n            }\r\n            component.events?.onLayout?.(model);\r\n            params?.onLayout?.(model);\r\n        } catch (err) {\r\n            component.events?.onError?.(model, err);\r\n            params?.onError?.(model, err);\r\n        }\r\n\r\n        return () => {\r\n            if (getGlobalFlags().debug) {\r\n                console.debug(`${model.$.id}>layout-destroy`);\r\n            }\r\n            component.events?.onLayoutDestroy?.(model);\r\n            params?.onLayoutDestroy?.(model);\r\n            // ref.current?.dispose();\r\n            ref.current = null;\r\n        };\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        try {\r\n            if (getGlobalFlags().debug) {\r\n                // mount\r\n                console.debug(`${model.$.id}>ready`);\r\n            }\r\n            component.events?.onReady?.(model);\r\n            params?.onReady?.(model);\r\n        } catch (err) {\r\n            if (getGlobalFlags().debug) {\r\n                // unmount\r\n                console.debug(`${model.$.id}>destroy`);\r\n            }\r\n            component.events?.onError?.(model, err);\r\n            params?.onError?.(model, err);\r\n        }\r\n        return () => {\r\n            component.events?.onDestroy?.(model);\r\n            params?.onDestroy?.(model);\r\n        };\r\n    }, []);\r\n\r\n    return ref.current;\r\n}\r\n\r\n// asFC/toFC\r\nexport function getFC<TStruct extends ComponentStruct>(\r\n    factory: (params: ComponentParams<TStruct>) => ComponentModel<TStruct>,\r\n): FC<ComponentParams<TStruct>> {\r\n    // observer\r\n    const fc = (params: ComponentParams<TStruct> & PropsWithChildren) => {\r\n        // modelHook\r\n        const model = factory(params); // without useRef!\r\n        // return model.view();\r\n        return <model.View {...params} />;\r\n        // return <ViewerFC {...params} view={model.view} />;\r\n    };\r\n    return fc;\r\n}\r\n"],"names":["$isBinding","Binding","get","set","converter","validator","isBinding","obj","bind","bindProp","target","prop","value","$ON_GET","$ON_CHANGING","$ON_CHANGE","createProxy","state","bindings","proxyEventHandlers","onPropChanging","onPropChange","receiver","onGet","binding","oldValue","onChanging","result","runInAction","onChange","capitalize","name","componentData","toHtmlId","url","segmentsCount","segment","getCallerFileName","depth","stack","match","createModel","component","params","msgBus","view","model","ViewFC","observer","props","getGlobalFlags","React","err","errDetails","srcInfo","sources","fileName","srcName","rootId","key","ChildViewFC","providers","channel","providerGroups","group","provider","subscribers","subscriberGroups","subscriber","annotationMap","observable","newValue","handler","resolveOnGetEventHandler","resolveOnChangingEventHandler","resolveOnChangeEventHandler","useComponent","ref","useLazyRef","useLayoutEffect","useEffect","getFC","factory"],"mappings":"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"}
+{"version":3,"file":"componentModel.es.js","sources":["../../src/componentModel/componentModel.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\r\nimport { PropsWithChildren, useEffect, useLayoutEffect, FC, ReactNode } from 'react';\r\nimport {\r\n    $CG_IN,\r\n    $CG_OUT,\r\n    $TypeArgHeaders,\r\n    $TypeArgStruct,\r\n    Msg,\r\n    MsgBus,\r\n    MsgProviderParams,\r\n    MsgStruct,\r\n    MsgSubscriberParams,\r\n    OutStruct,\r\n} from '@actdim/msgmesh/msgBusCore';\r\nimport { MaybePromise, Mutable, SafeKey, Skip } from '@actdim/utico/typeCore';\r\nimport { observer } from 'mobx-react-lite';\r\nimport { action, observable, runInAction } from 'mobx';\r\nimport { useLazyRef } from '@/reactHooks';\r\nimport { getGlobalFlags } from '@/globals';\r\nimport { ReactComponentContext, useComponentContext } from './componentContext';\r\nimport { ComponentMsgHeaders, TreeNode } from './contracts';\r\nimport { lazy } from '@actdim/utico/utils';\r\n\r\nexport enum ComponentMsgFilter {\r\n    None = 0,\r\n    // AcceptFrom...\r\n    FromAncestors = 1 << 0,\r\n    FromDescendants = 1 << 1,\r\n}\r\n\r\nexport type MsgChannelGroupProviderParams<\r\n    TStruct extends MsgStruct = MsgStruct,\r\n    TChannel extends keyof TStruct = keyof TStruct,\r\n    TGroup extends keyof TStruct[TChannel] = typeof $CG_IN, // keyof TStruct[TChannel]\r\n    TMsgHeaders extends ComponentMsgHeaders = ComponentMsgHeaders,\r\n    TScope = any,\r\n> = Skip<\r\n    MsgProviderParams<TStruct, TChannel, TGroup>,\r\n    'channel' | 'group' | 'callback' | 'filter'\r\n> & {\r\n    // resolve\r\n    callback?: (\r\n        msgIn: Msg<TStruct, TChannel, TGroup, TMsgHeaders>,\r\n        headers: TMsgHeaders,\r\n        scope: TScope,\r\n    ) => MaybePromise<OutStruct<TStruct, TChannel>>;\r\n    filter?: (msg: Msg<TStruct, TChannel, TGroup, TMsgHeaders>, scope: TScope) => boolean;\r\n    componentFilter?: ComponentMsgFilter;\r\n};\r\n\r\nexport type MsgChannelGroupSubscriberParams<\r\n    TStruct extends MsgStruct = MsgStruct,\r\n    TChannel extends keyof TStruct = keyof TStruct,\r\n    TGroup extends keyof TStruct[TChannel] = typeof $CG_IN, // keyof TStruct[TChannel]\r\n    TMsgHeaders extends ComponentMsgHeaders = ComponentMsgHeaders,\r\n    TScope = any,\r\n> = Skip<\r\n    MsgSubscriberParams<TStruct, TChannel, TGroup>,\r\n    'channel' | 'group' | 'callback' | 'filter'\r\n> & {\r\n    callback?: (msg: Msg<TStruct, TChannel, TGroup, TMsgHeaders>, scope: TScope) => void;\r\n    filter?: (msg: Msg<TStruct, TChannel, TGroup, TMsgHeaders>, scope: TScope) => boolean;\r\n    componentFilter?: ComponentMsgFilter;\r\n};\r\n\r\n// MsgScope\r\nexport type MsgBrokerScope<\r\n    TStruct extends MsgStruct /*= MsgStruct*/,\r\n    TKeysToProvide extends keyof TStruct = keyof TStruct,\r\n    TKeysToSubscribe extends keyof TStruct = keyof TStruct,\r\n    TKeysToPublish extends keyof TStruct = keyof TStruct,\r\n> = {\r\n    provide?: TKeysToProvide;\r\n    // consume\r\n    subscribe?: TKeysToSubscribe;\r\n    // produce\r\n    publish?: TKeysToPublish;\r\n};\r\n\r\nexport type ComponentPropStruct = Record<string, any>;\r\n// export type ComponentPropStruct = {\r\n//     [prop: string]: any;\r\n// };\r\n\r\nexport type ComponentMethodStruct = Record<string, Function>;\r\n// export type ComponentMethodStruct = {\r\n//     [action: string]: Function;\r\n// };\r\n\r\n// export type ComponentRefStruct = Record<string, ComponentStruct<TMsgStruct, T>>;\r\nexport type ComponentRefStruct = {\r\n    [name: string]: ComponentStruct | ((params: any) => ComponentStruct);\r\n};\r\n\r\nexport type ComponentStructBase<\r\n    TMsgStruct extends MsgStruct = MsgStruct,\r\n    TPropStruct extends ComponentPropStruct = ComponentPropStruct,\r\n    TMsgScope extends MsgBrokerScope<TMsgStruct> = MsgBrokerScope<TMsgStruct>,\r\n> = {\r\n    props?: TPropStruct;\r\n    actions?: ComponentMethodStruct;\r\n    children?: ComponentRefStruct;\r\n    // msgs?\r\n    msgScope?: TMsgScope;\r\n};\r\n\r\n// ComponentShape\r\nexport type ComponentStruct<\r\n    TMsgStruct extends MsgStruct = MsgStruct,\r\n    T extends ComponentStructBase<TMsgStruct> = ComponentStructBase<TMsgStruct>,\r\n    // TMsgBus extends MsgBus<MsgStruct> = MsgBus<MsgStruct>,\r\n    // T extends ComponentStructBase<TMsgBus[typeof $TypeArgStruct]> = ComponentStructBase<\r\n    //     TMsgBus[typeof $TypeArgStruct]\r\n    // >,\r\n> = T & {\r\n    msg: TMsgStruct;\r\n};\r\n\r\nexport type MsgBroker<\r\n    TStructToProvide extends MsgStruct = MsgStruct,\r\n    TStructToSubscribe extends MsgStruct = MsgStruct,\r\n    TMsgHeaders extends ComponentMsgHeaders = ComponentMsgHeaders,\r\n    TScope = any,\r\n> = {\r\n    // providers\r\n    provide?: {\r\n        [TChannel in keyof TStructToProvide]: {\r\n            [TGroup in keyof Skip<\r\n                TStructToProvide[TChannel],\r\n                typeof $CG_OUT\r\n            >]?: MsgChannelGroupProviderParams<\r\n                TStructToProvide,\r\n                TChannel,\r\n                TGroup,\r\n                TMsgHeaders,\r\n                TScope\r\n            >;\r\n        };\r\n    };\r\n    // subscribers\r\n    subscribe?: {\r\n        [TChannel in keyof TStructToSubscribe]: {\r\n            [TGroup in keyof TStructToSubscribe[TChannel]]?: MsgChannelGroupSubscriberParams<\r\n                TStructToSubscribe,\r\n                TChannel,\r\n                TGroup,\r\n                TMsgHeaders,\r\n                TScope\r\n            >;\r\n        };\r\n    };\r\n    abortController?: AbortController;\r\n};\r\n\r\ntype ValueConverter<TTo, TFrom> = {\r\n    // ConvertFrom\r\n    convert(value: TFrom): TTo;\r\n    // ConvertTo\r\n    convertBack(value: TTo): TFrom;\r\n};\r\n\r\ntype ValidationResult = {\r\n    valid: boolean;\r\n    message: string;\r\n};\r\n\r\ntype Validator<T> = {\r\n    options: {\r\n        blur: boolean;\r\n    };\r\n    validate: (value: T) => MaybePromise<ValidationResult>;\r\n};\r\n\r\nconst $isBinding = Symbol('$isBinding'); // brand\r\n\r\nclass Binding<T = any, TFrom = any> {\r\n    // getter\r\n    readonly get: () => T;\r\n    // setter\r\n    readonly set: (value: T) => void;\r\n    readonly converter: ValueConverter<T, TFrom>;\r\n    readonly validator: Validator<T>;\r\n    readonly readOnly: boolean;\r\n    constructor(\r\n        get: () => T,\r\n        set?: (value: T) => void,\r\n        converter?: ValueConverter<T, TFrom>,\r\n        validator?: Validator<T>,\r\n    ) {\r\n        this.get = get;\r\n        this.set = set;\r\n        this.converter = converter;\r\n        this.validator = validator;\r\n        this.readOnly = !!set;\r\n        this[$isBinding] = true;\r\n    }\r\n    [$isBinding]: boolean;\r\n}\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) {\r\n    return new Binding(get, set, converter, validator);\r\n}\r\n\r\nexport function bindProp<T extends object, P extends keyof T>(target: () => T, prop: P) {\r\n    return new Binding(\r\n        () => target()[prop],\r\n        (value: T[P]) => {\r\n            target()[prop] = value;\r\n        },\r\n    );\r\n}\r\n\r\nexport type ComponentPropSource<T> = T | Binding<T>;\r\n\r\nexport type ComponentPropParams<TPropStruct extends ComponentPropStruct> = {\r\n    [P in keyof TPropStruct]?: ComponentPropSource<TPropStruct[P]>;\r\n};\r\n\r\n// const $ON_PROP_CHANGING = \"onPropChanging\";\r\n// const $ON_PROP_CHANGE = \"onPropChange\";\r\n\r\nconst $ON_GET = 'onGet';\r\n// const $ON_BEFORE_SET = \"onBeforeSet\";\r\nconst $ON_CHANGING = 'onChanging';\r\nconst $ON_CHANGE = 'onChange';\r\n// const $ON_SET = \"onSet\";\r\n\r\ntype PropValueChangingHandler<TProp = PropKey> = (\r\n    prop: TProp,\r\n    oldValue: any,\r\n    newValue: any,\r\n) => boolean;\r\ntype PropValueChangeHandler<TProp = PropKey> = (prop: TProp, value: any) => void;\r\n\r\n// BeforeValueSetHandler\r\ntype ValueChangingHandler<T = any> = (oldValue: T, newValue: T) => boolean;\r\n// ValueSetHandler\r\ntype ValueChangeHandler<T = any> = (value: T) => void;\r\n\r\ntype ComponentEvents<TStruct extends ComponentStruct = ComponentStruct> = {\r\n    onPropChanging?: PropValueChangingHandler<keyof TStruct['props']>;\r\n    onPropChange?: PropValueChangeHandler<keyof TStruct['props']>;\r\n    onInit?: (model: Component<TStruct>) => void;\r\n    onLayout?: (model: Component<TStruct>) => void;\r\n    onReady?: (model: Component<TStruct>) => void;\r\n    onLayoutDestroy?: (model: Component<TStruct>) => void; // onLayoutCleanup\r\n    onDestroy?: (model: Component<TStruct>) => void; // onDispose/onCleanup\r\n    onError?: (model: Component<TStruct>, error: any) => void;\r\n} & {\r\n    [P in keyof TStruct['props'] as `${typeof $ON_GET}${Capitalize<P & string>}`]?: () => TStruct['props'][P];\r\n} & {\r\n    [P in keyof TStruct['props'] as `${typeof $ON_CHANGING}${Capitalize<P & string>}`]?: ValueChangingHandler<\r\n        TStruct['props']\r\n    >;\r\n} & {\r\n    [P in keyof TStruct['props'] as `${typeof $ON_CHANGE}${Capitalize<P & string>}`]?: ValueChangeHandler<\r\n        TStruct['props']\r\n    >;\r\n};\r\n\r\n// AllHTMLAttributes<JSX.Element>\r\n\r\ntype ComponentViewProps = {\r\n    render?: boolean;\r\n} & PropsWithChildren;\r\n\r\n// ComponentRenderImplFn\r\ntype ComponentViewImplFn<\r\n    TStruct extends ComponentStruct,\r\n    TMsgHeaders extends ComponentMsgHeaders = ComponentMsgHeaders,\r\n> = (props: ComponentViewProps, model?: Component<TStruct, TMsgHeaders>) => ReactNode; // JSX.Element\r\n\r\n// ComponentRenderFn\r\ntype ComponentViewFn = (props: ComponentViewProps) => ReactNode; // JSX.Element\r\n\r\ntype PublicKeys<T> = {\r\n    [K in keyof T]: K extends `_${string}` ? never : K;\r\n}[keyof T];\r\n\r\nexport type ComponentMsgBroker<\r\n    TStruct extends ComponentStruct,\r\n    TMsgHeaders extends ComponentMsgHeaders = ComponentMsgHeaders,\r\n> = MsgBroker<\r\n    Pick<TStruct['msg'], SafeKey<TStruct['msg'], TStruct['msgScope']['provide']>>,\r\n    Pick<TStruct['msg'], SafeKey<TStruct['msg'], TStruct['msgScope']['subscribe']>>,\r\n    TMsgHeaders,\r\n    Component<TStruct, TMsgHeaders>\r\n>;\r\n\r\nexport type ComponentDef<\r\n    TStruct extends ComponentStruct,\r\n    TMsgHeaders extends ComponentMsgHeaders = ComponentMsgHeaders,\r\n> = {\r\n    name?: string;\r\n    props?: TStruct['props'];\r\n    actions?: TStruct['actions'];\r\n    children?: ComponentDefChildren<TStruct['children']>;\r\n    events?: ComponentEvents<TStruct>;\r\n    // msgs?\r\n    msgBroker?: ComponentMsgBroker<TStruct, TMsgHeaders>;\r\n    msgBus?: MsgBus<TStruct['msg'], TMsgHeaders>;\r\n    view?: ComponentViewImplFn<TStruct, TMsgHeaders>;\r\n};\r\n\r\ntype ComponentDefChildren<TRefStruct extends ComponentRefStruct> = {\r\n    [P in keyof TRefStruct]: TRefStruct[P] extends (params: infer TParams) => infer T\r\n        ? T extends ComponentStruct\r\n            ? (params: TParams) => Component<T>\r\n            : never\r\n        : TRefStruct[P] extends ComponentStruct\r\n          ? Component<TRefStruct[P]>\r\n          : never;\r\n};\r\n\r\ntype ComponentChildren<TRefStruct extends ComponentRefStruct> = {\r\n    [P in keyof TRefStruct as TRefStruct[P] extends Function\r\n        ? `${Capitalize<P & string>}`\r\n        : P]: TRefStruct[P] extends (params: infer TParams) => infer T\r\n        ? T extends ComponentStruct\r\n            ? FC<ComponentParams<T> & TParams>\r\n            : never\r\n        : TRefStruct[P] extends ComponentStruct\r\n          ? Component<TRefStruct[P]>\r\n          : never;\r\n};\r\n\r\nexport type ComponentMsgStruct<TStruct extends ComponentStruct = ComponentStruct> = Pick<\r\n    TStruct['msg'],\r\n    | SafeKey<TStruct['msg'], TStruct['msgScope']['provide']>\r\n    | SafeKey<TStruct['msg'], TStruct['msgScope']['subscribe']>\r\n    | SafeKey<TStruct['msg'], TStruct['msgScope']['publish']>\r\n>;\r\n\r\nexport type ComponentBase<\r\n    TStruct extends ComponentStruct = ComponentStruct,\r\n    TMsgHeaders extends ComponentMsgHeaders = ComponentMsgHeaders,\r\n> = {\r\n    id: string;\r\n    parentId: string;\r\n    // getHierarchyPath?\r\n    getHierarchyId(): string;\r\n    getParent(): string | undefined;\r\n    getChildren(): string[];\r\n    getChainUp(): string[];\r\n    getChainDown(): string[];\r\n    getNodeMap(): Map<string, TreeNode>;\r\n    bindings: Map<PropKey, Binding>;\r\n    msgBus: MsgBus<ComponentMsgStruct<TStruct>, TMsgHeaders>;\r\n    msgBroker: ComponentMsgBroker<TStruct>;\r\n    View: ComponentViewFn;\r\n};\r\n\r\nexport type ComponentModel<TStruct extends ComponentStruct = ComponentStruct> = TStruct['props'] &\r\n    Readonly<TStruct['actions']>;\r\n\r\nexport type Component<\r\n    TStruct extends ComponentStruct = ComponentStruct,\r\n    TMsgHeaders extends ComponentMsgHeaders = ComponentMsgHeaders,\r\n> = {\r\n    readonly model: ComponentModel<TStruct>;\r\n    readonly children: Readonly<ComponentChildren<TStruct['children']>>;\r\n} & Readonly<ComponentBase<TStruct, TMsgHeaders>>;\r\n\r\n// style: CSSProperties;\r\n\r\ntype PropEventHandlers = {\r\n    onGet?: () => any;\r\n    onChanging?: (oldValue: any, newValue: any) => boolean;\r\n    onChange?: (value: any) => void;\r\n};\r\n\r\ntype PropKey = string | symbol;\r\ntype ProxyEventHandlers = {\r\n    onPropChanging?: PropValueChangingHandler<PropKey>;\r\n    onPropChange?: PropValueChangeHandler<PropKey>;\r\n} & Record<PropKey, PropEventHandlers>;\r\n\r\n// ComponentConfig\r\nexport type ComponentParams<TStruct extends ComponentStruct = ComponentStruct> =\r\n    ComponentPropParams<TStruct['props']> & ComponentEvents<TStruct>; // & PropsWithChildren\r\n\r\nconst blankView = () => null;\r\n\r\nfunction createProxy(\r\n    state: any,\r\n    bindings: Map<PropKey, Binding>,\r\n    proxyEventHandlers: ProxyEventHandlers,\r\n) {\r\n    const onPropChanging = proxyEventHandlers.onPropChanging;\r\n    const onPropChange = proxyEventHandlers.onPropChange;\r\n    return new Proxy(state, {\r\n        get(obj, prop, receiver) {\r\n            const onGet = proxyEventHandlers[prop]?.onGet;\r\n            if (onGet) {\r\n                return onGet();\r\n            }\r\n            const binding = bindings.get(String(prop));\r\n            if (binding) {\r\n                let value: any = undefined;\r\n                value = binding.get();\r\n                return value;\r\n            }\r\n            return Reflect.get(obj, prop, receiver);\r\n        },\r\n        set(obj, prop, value, receiver) {\r\n            const oldValue = obj[prop];\r\n\r\n            const onChanging = proxyEventHandlers[prop]?.onChanging;\r\n            if (onChanging) {\r\n                const shouldChange = onChanging(oldValue, value);\r\n                if (!shouldChange) {\r\n                    return true;\r\n                }\r\n            }\r\n\r\n            if (onPropChanging) {\r\n                const shouldChange = onPropChanging(prop, oldValue, value);\r\n                if (!shouldChange) {\r\n                    return true;\r\n                }\r\n            }\r\n\r\n            const result = runInAction(() => {\r\n                return Reflect.set(obj, prop, value, receiver);\r\n            });\r\n\r\n            const binding = bindings.get(prop);\r\n            if (binding?.set) {\r\n                binding.set(value);\r\n            }\r\n\r\n            const onChange = proxyEventHandlers[prop]?.onChange;\r\n            if (onChange) {\r\n                onChange(value);\r\n            }\r\n\r\n            if (onPropChange) {\r\n                onPropChange(prop, value);\r\n            }\r\n\r\n            return result;\r\n        },\r\n    });\r\n}\r\n\r\nfunction capitalize(name: string) {\r\n    return name.replace(/^./, name[0].toUpperCase());\r\n}\r\n\r\nfunction asyncToGeneratorFlow(asyncFn: (...args: any[]) => Promise<any>) {\r\n    return function* (...args: any[]) {\r\n        const result = yield asyncFn(...args);\r\n        return result;\r\n    };\r\n}\r\n\r\ntype ComponentSourceInfo = {\r\n    // classId\r\n    structId: string;\r\n    count: 0;\r\n};\r\n\r\nconst componentData = {\r\n    sources: new Map<string, ComponentSourceInfo>(),\r\n    count: 0,\r\n};\r\n\r\nexport function toHtmlId(url: string, segmentsCount: number = 1): string {\r\n    const clean = url.split(/[?#]/)[0];\r\n    const parts = clean\r\n        .split('/')\r\n        .filter(Boolean)\r\n        .map((segment) => decodeURIComponent(segment));\r\n\r\n    const last = parts.slice(-segmentsCount);\r\n    const raw = last.join('-');\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(/[+#]$/, '-');\r\n    return id;\r\n}\r\n\r\nfunction getCallerFileName(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) return null;\r\n\r\n    const match = stack[depth].match(/\\((.*):\\d+:\\d+\\)/);\r\n    if (match) {\r\n        return match[1];\r\n    }\r\n    return null;\r\n}\r\n\r\nfunction 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                    config: {\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\nfunction getComponentMsgBus<TStruct extends ComponentStruct = ComponentStruct>(\r\n    msgBus: MsgBus<TStruct['msg']>,\r\n    headerSetter: (headers?: ComponentMsgHeaders) => void,\r\n) {\r\n    const updateParams = (params: { headers?: ComponentMsgHeaders }) => {\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        onceAsync: (params) => {\r\n            return msgBus.onceAsync(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        dispatch: (params) => {\r\n            updateParams(params);\r\n            return msgBus.dispatch(params);\r\n        },\r\n        dispatchAsync: (params) => {\r\n            updateParams(params);\r\n            return msgBus.dispatchAsync(params);\r\n        },\r\n    } as MsgBus<TStruct['msg']>;\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    const view = componentDef.view;\r\n    let msgBus = componentDef.msgBus;\r\n\r\n    const bindings = new Map<PropKey, 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 id = component.id;\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        const scopeContext = useMemo(\r\n            () => ({ ...context, currentId: id }),\r\n            [componentDef, params, context],\r\n        );\r\n\r\n        useLayoutEffect(() => {\r\n            try {\r\n                if (getGlobalFlags().debug) {\r\n                    const hierarchyId = component.getHierarchyId();\r\n                    console.debug(`${hierarchyId}>layout`);\r\n                }\r\n\r\n                context.register(id, parentId);\r\n\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                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(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.dispatch\r\n            content = <>{errDetails}</>;\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    let srcInfo: ComponentSourceInfo;\r\n    const sources = componentData.sources;\r\n\r\n    const fileName = getCallerFileName(6);\r\n    const srcName = toHtmlId(fileName, 2);\r\n\r\n    if (sources.has(fileName)) {\r\n        srcInfo = sources.get(fileName);\r\n        srcInfo.count++;\r\n    } else {\r\n        const structId = componentDef.name || srcName || `Component_${componentData.count}`;\r\n        srcInfo = {\r\n            structId: structId,\r\n            count: 0,\r\n        };\r\n        sources.set(fileName, srcInfo);\r\n        componentData.count++;\r\n    }\r\n\r\n    const id = `${srcInfo.structId}#${srcInfo.count}`;\r\n\r\n    const children = {} as ComponentChildren<TStruct['children']>;\r\n\r\n    model = {\r\n        ...componentDef.props,\r\n        ...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                // observer\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.ref;\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 = createProxy(model, bindings, proxyEventHandlers);\r\n\r\n    component = {\r\n        id: id,\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        // view: componentDef.view,\r\n        View: ViewFC,\r\n        children: children,\r\n        model: model,\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    }, [componentDef, 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":["ComponentMsgFilter","$isBinding","Binding","get","set","converter","validator","isBinding","obj","bind","bindProp","target","prop","value","$ON_GET","$ON_CHANGING","$ON_CHANGE","createProxy","state","bindings","proxyEventHandlers","onPropChanging","onPropChange","receiver","onGet","binding","oldValue","onChanging","result","runInAction","onChange","capitalize","name","componentData","toHtmlId","url","segmentsCount","segment","getCallerFileName","depth","stack","match","registerMsgBroker","component","providers","channel","providerGroups","g","p","provider","callback","msg","headers","filter","componentFilter","msgFilter","subscribers","subscriberGroups","s","subscriber","getComponentMsgBus","msgBus","headerSetter","updateParams","params","createComponent","componentDef","model","view","componentMsgBus","lazy","msgBroker","ViewFC","observer","props","id","context","useComponentContext","parentId","scopeContext","useMemo","useLayoutEffect","getGlobalFlags","hierarchyId","err","useEffect","content","React","errDetails","ReactComponentContext","srcInfo","sources","fileName","srcName","children","key","ChildViewFC","c","newValue","handler","resolveOnGetEventHandler","resolveOnChangingEventHandler","resolveOnChangeEventHandler","annotationMap","observable","useComponent","ref","useLazyRef","getFC","factory"],"mappings":"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"}

package/dist/componentModel/contracts.d.ts

@@ -0,0 +1,22 @@
+import { MsgBus, MsgHeaders, MsgStruct } from '@actdim/msgmesh/msgBusCore';
+export type BaseComponentContext<TMsgStruct extends MsgStruct = MsgStruct> = {
+    msgBus: MsgBus<TMsgStruct>;
+    currentId?: string;
+};
+export type TreeNode = {
+    id: string;
+    parentId?: string;
+    children: Set<string>;
+};
+export type ComponentRegistryContext<TMsgStruct extends MsgStruct = MsgStruct> = BaseComponentContext<TMsgStruct> & {
+    register: (id: string, parentId?: string) => void;
+    unregister: (id: string) => void;
+    getParent: (id: string) => string | undefined;
+    getChildren: (id: string) => string[];
+    getChainUp: (id: string) => string[];
+    getChainDown: (id: string) => string[];
+    getHierarchyPath: (id: string) => string;
+    getNodeMap: () => Map<string, TreeNode>;
+};
+export type ComponentMsgHeaders = MsgHeaders & {};
+//# sourceMappingURL=contracts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"contracts.d.ts","sourceRoot":"","sources":["../../src/componentModel/contracts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE3E,MAAM,MAAM,oBAAoB,CAAC,UAAU,SAAS,SAAS,GAAG,SAAS,IAAI;IACzE,MAAM,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB,CAAC;AAGF,MAAM,MAAM,wBAAwB,CAAC,UAAU,SAAS,SAAS,GAAG,SAAS,IACzE,oBAAoB,CAAC,UAAU,CAAC,GAAG;IAC/B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC9C,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;IACtC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;IACrC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;IACvC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,UAAU,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;CAC3C,CAAC;AAEN,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,EAAE,CAAC"}

package/dist/componentModel/contracts.es.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=contracts.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"contracts.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/componentModel/scope.d.ts

@@ -4,10 +4,7 @@ export type IObjectChange<T> = IObjectDidChange & {
     name: keyof T;
     object: T;
 };
-export interface IDisposable {
-    dispose: () => void;
-}
-export declare class DisposableComponent implements IDisposable {
+export declare class DisposableComponent implements Disposable {
     protected readonly finalizers: IDisposer[];
     protected isDisposed: boolean;
     handlers: Set<Promise<any>>;
@@ -23,7 +20,7 @@ export declare class DisposableComponent implements IDisposable {
     protected multiReaction<T>(expressions: ((r: IReactionPublic) => T)[], effect: (arg: T, prev: T, r: IReactionPublic) => void, opts?: IReactionOptions<T, boolean>, registerDisposer?: (d: () => void) => void): IReactionDisposer[];
     protected registerFinalizers(...actions: (() => void)[]): void;
     protected registerFinalizer(action: () => void): () => void;
-    protected registerDisposable(disposable: IDisposable): () => void;
-    dispose(): void;
+    protected registerDisposable(disposable: Disposable): () => void;
+    [Symbol.dispose](): void;
 }
 //# sourceMappingURL=scope.d.ts.map

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

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

package/dist/componentModel/scope.es.js

@@ -71,9 +71,9 @@ class z {
     return this.registerFinalizers(e), e;
   }
   registerDisposable(e) {
-    return this.registerFinalizer(e.dispose.bind(e));
+    return this.registerFinalizer(e[Symbol.dispose].bind(e));
   }
-  dispose() {
+  [Symbol.dispose]() {
     if (this === void 0 && console.error('undefined "this"'), !this.isDisposed) {
       for (const e of this.finalizers)
         try {

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

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

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 { BaseAppBusStruct, 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    }\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    protected name: string;\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<BaseAppBusStruct>;\r\n\r\n    private accessToken: string;\r\n\r\n    private init: Promise<any>;\r\n\r\n    constructor(context: BaseAppContext, fetcher?: IFetcher) {\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, API_SUFFIXES);\r\n        const apiEntry = Object.entries(config.apis).find((entry) => entry[0].toLowerCase() === apiName?.toLowerCase());\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","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/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    }\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    protected name: string;\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    constructor(context: BaseAppContext, fetcher?: IFetcher) {\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, API_SUFFIXES);\r\n        const apiEntry = Object.entries(config.apis).find((entry) => entry[0].toLowerCase() === apiName?.toLowerCase());\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","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

@@ -0,0 +1,16 @@
+import { BaseAppMsgChannels, BaseAppMsgStruct, NavContext, NavRoutes } from '../appDomain/appContracts';
+import { Component, ComponentParams, ComponentStruct } from '../componentModel/componentModel';
+type Struct = ComponentStruct<BaseAppMsgStruct, {
+    props: {
+        history: NavContext[];
+        routes: NavRoutes;
+    };
+    msgScope: {
+        provide: BaseAppMsgChannels<'APP-NAV-GOTO' | 'APP-NAV-GET-CONTEXT' | 'APP-NAV-READ-HISTORY' | 'APP-NAV-CONTEXT-CHANGED'>;
+    };
+}>;
+export declare const useNavService: (params: ComponentParams<Struct>) => Component<Struct>;
+export type NavServiceStruct = Struct;
+export declare const NavServiceFC: FC<ComponentParams<TStruct>>;
+export {};
+//# sourceMappingURL=NavService.d.ts.map

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

@@ -0,0 +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"}

package/dist/services/NavService.es.js

@@ -0,0 +1,64 @@
+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";
+const A = (n) => {
+  let s, o;
+  const e = p(), c = m(), i = y(), l = h(), [u] = N();
+  return s = v({
+    props: {
+      history: [],
+      routes: void 0
+    },
+    msgBroker: {
+      provide: {
+        "APP-NAV-GOTO": {
+          in: {
+            callback: async (a) => {
+              e(a.payload);
+            }
+          },
+          ex: {
+            callback: async (a) => {
+              const t = a.payload.route;
+              e(o.routes[t].path(a.payload.params));
+            }
+          }
+        },
+        "APP-NAV-GET-CONTEXT": {
+          in: {
+            callback: (a) => o.history[o.history.length - 1]
+          }
+        },
+        "APP-NAV-READ-HISTORY": {
+          in: {
+            callback: (a) => o.history[o.history.length - 1]
+          }
+        },
+        "APP-NAV-CONTEXT-CHANGED": {}
+      }
+    },
+    events: {
+      onLayout: (a) => {
+        const t = o.history;
+        if (t) {
+          const r = {
+            location: c,
+            searchParams: u,
+            params: l,
+            navType: i
+          };
+          t.push(r), a.msgBus.dispatch({
+            channel: "APP-NAV-CONTEXT-CHANGED",
+            group: "in",
+            payload: r
+          });
+        }
+      }
+    },
+    view: () => null
+  }, n), o = s.model, s;
+}, C = P(A);
+export {
+  C as NavServiceFC,
+  A as useNavService
+};
+//# sourceMappingURL=NavService.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavService.es.js","sources":["../../src/services/NavService.tsx"],"sourcesContent":["\r\nimport {\r\n    To,\r\n    useLocation,\r\n    useNavigate,\r\n    useNavigationType,\r\n    useParams,\r\n    useSearchParams,\r\n} from 'react-router-dom';\r\nimport { PersistentStore } from '@actdim/utico/store/persistentStore';\r\nimport { BaseAppMsgChannels, BaseAppMsgStruct, NavContext, NavRoutes } from '@/appDomain/appContracts';\r\nimport { getFC, useComponent, type Component, type ComponentDef, type ComponentModel, type ComponentParams, type ComponentStruct } from '@/componentModel/componentModel';\r\n\r\ntype Struct = ComponentStruct<\r\n    BaseAppMsgStruct,\r\n    {\r\n        props: {\r\n            history: NavContext[];\r\n            routes: NavRoutes;\r\n        };\r\n        msgScope: {\r\n            provide: BaseAppMsgChannels<\r\n                | 'APP-NAV-GOTO'\r\n                | 'APP-NAV-GET-CONTEXT'\r\n                | 'APP-NAV-READ-HISTORY'\r\n                | 'APP-NAV-CONTEXT-CHANGED'\r\n            >;\r\n        };\r\n    }\r\n>;\r\n\r\n// const store = new PersistentStore('history');\r\n\r\nexport const useNavService = (params: ComponentParams<Struct>) => {\r\n    let c: Component<Struct>;\r\n    let m: ComponentModel<Struct>;\r\n\r\n    const navigate = useNavigate();\r\n\r\n    const location = useLocation();\r\n    const navType = useNavigationType();\r\n    const nvaParams = useParams();\r\n    const [searchParams] = useSearchParams();\r\n\r\n    const def: ComponentDef<Struct> = {\r\n        props: {\r\n            history: [],\r\n            routes: undefined,\r\n        },\r\n        msgBroker: {\r\n            provide: {\r\n                'APP-NAV-GOTO': {\r\n                    in: {\r\n                        callback: async (msg) => {\r\n                            navigate(msg.payload as To);\r\n                        },\r\n                    },\r\n                    ex: {\r\n                        callback: async (msg) => {\r\n                            const route = msg.payload.route;\r\n                            navigate(m.routes[route].path(msg.payload.params));\r\n                        },\r\n                    },\r\n                },\r\n                'APP-NAV-GET-CONTEXT': {\r\n                    in: {\r\n                        callback: (msg) => {\r\n                            return m.history[m.history.length - 1];\r\n                        },\r\n                    },\r\n                },\r\n                'APP-NAV-READ-HISTORY': {\r\n                    in: {\r\n                        callback: (msg) => {\r\n                            return m.history[m.history.length - 1];\r\n                        },\r\n                    },\r\n                },\r\n                'APP-NAV-CONTEXT-CHANGED': {},\r\n            },\r\n        },\r\n        events: {\r\n            onLayout: (c) => {\r\n                const history = m.history;\r\n                if (history) {\r\n                    const ctx = {\r\n                        location: location,\r\n                        searchParams: searchParams,\r\n                        params: nvaParams,\r\n                        navType: navType,\r\n                    };\r\n                    history.push(ctx);\r\n                    c.msgBus.dispatch({\r\n                        channel: 'APP-NAV-CONTEXT-CHANGED',\r\n                        group: 'in',\r\n                        payload: ctx,\r\n                    });\r\n                }\r\n            },\r\n        },\r\n        view: () => {\r\n            return null;\r\n        },\r\n    };\r\n\r\n    c = useComponent(def, params);\r\n    m = c.model;\r\n\r\n    // deps\r\n    // location, navType, params, searchParams\r\n\r\n    return c;\r\n};\r\n\r\nexport type NavServiceStruct = Struct;\r\nexport const NavServiceFC = getFC(useNavService);\r\n"],"names":["useNavService","params","c","m","navigate","useNavigate","location","useLocation","navType","useNavigationType","nvaParams","useParams","searchParams","useSearchParams","useComponent","msg","route","history","ctx","NavServiceFC","getFC"],"mappings":";;AAiCO,MAAMA,IAAgB,CAACC,MAAoC;AAC9D,MAAIC,GACAC;AAEJ,QAAMC,IAAWC,EAAA,GAEXC,IAAWC,EAAA,GACXC,IAAUC,EAAA,GACVC,IAAYC,EAAA,GACZ,CAACC,CAAY,IAAIC,EAAA;AA+DvB,SAAAX,IAAIY,EA7D8B;AAAA,IAC9B,OAAO;AAAA,MACH,SAAS,CAAA;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,IAEZ,WAAW;AAAA,MACP,SAAS;AAAA,QACL,gBAAgB;AAAA,UACZ,IAAI;AAAA,YACA,UAAU,OAAOC,MAAQ;AACrB,cAAAX,EAASW,EAAI,OAAa;AAAA,YAC9B;AAAA,UAAA;AAAA,UAEJ,IAAI;AAAA,YACA,UAAU,OAAOA,MAAQ;AACrB,oBAAMC,IAAQD,EAAI,QAAQ;AAC1B,cAAAX,EAASD,EAAE,OAAOa,CAAK,EAAE,KAAKD,EAAI,QAAQ,MAAM,CAAC;AAAA,YACrD;AAAA,UAAA;AAAA,QACJ;AAAA,QAEJ,uBAAuB;AAAA,UACnB,IAAI;AAAA,YACA,UAAU,CAACA,MACAZ,EAAE,QAAQA,EAAE,QAAQ,SAAS,CAAC;AAAA,UACzC;AAAA,QACJ;AAAA,QAEJ,wBAAwB;AAAA,UACpB,IAAI;AAAA,YACA,UAAU,CAACY,MACAZ,EAAE,QAAQA,EAAE,QAAQ,SAAS,CAAC;AAAA,UACzC;AAAA,QACJ;AAAA,QAEJ,2BAA2B,CAAA;AAAA,MAAC;AAAA,IAChC;AAAA,IAEJ,QAAQ;AAAA,MACJ,UAAU,CAACD,MAAM;AACb,cAAMe,IAAUd,EAAE;AAClB,YAAIc,GAAS;AACT,gBAAMC,IAAM;AAAA,YACR,UAAAZ;AAAA,YACA,cAAAM;AAAA,YACA,QAAQF;AAAA,YACR,SAAAF;AAAA,UAAA;AAEJ,UAAAS,EAAQ,KAAKC,CAAG,GAChBhB,EAAE,OAAO,SAAS;AAAA,YACd,SAAS;AAAA,YACT,OAAO;AAAA,YACP,SAASgB;AAAA,UAAA,CACZ;AAAA,QACL;AAAA,MACJ;AAAA,IAAA;AAAA,IAEJ,MAAM,MACK;AAAA,EACX,GAGkBjB,CAAM,GAC5BE,IAAID,EAAE,OAKCA;AACX,GAGaiB,IAAeC,EAAMpB,CAAa;"}

package/dist/services/ServiceProvider.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { MsgProviderAdapter } from '../componentModel/adapters';
+export declare function ServiceProvider(props: PropsWithChildren<{
+    adapters?: MsgProviderAdapter[];
+}>): any;
+//# sourceMappingURL=ServiceProvider.d.ts.map

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

@@ -0,0 +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"}

package/dist/services/ServiceProvider.es.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceProvider.es.js","sources":["../../src/services/ServiceProvider.tsx"],"sourcesContent":["import { useComponentContext } from '@/componentModel/componentContext';\r\nimport { createContext, PropsWithChildren, useLayoutEffect } from 'react';\r\nimport { MsgProviderAdapter, registerAdapters } from '../componentModel/adapters';\r\nimport React from 'react';\r\n\r\nconst ReactContext = createContext<MsgProviderAdapter[]>(undefined);\r\n\r\nexport function ServiceProvider(\r\n    props: PropsWithChildren<{\r\n        adapters?: MsgProviderAdapter[];\r\n    }>,\r\n) {\r\n    const context = useComponentContext();\r\n    useLayoutEffect(() => {\r\n        const abortController = new AbortController();\r\n        registerAdapters(context.msgBus, props.adapters, abortController.signal);\r\n        return () => {\r\n            abortController.abort();\r\n        };\r\n    }, [context.msgBus, props.adapters]);\r\n\r\n    return <ReactContext.Provider value={props.adapters}>{props.children}</ReactContext.Provider>;\r\n}\r\n"],"names":["ReactContext","createContext","ServiceProvider","props","context","useComponentContext","useLayoutEffect","abortController","registerAdapters","React"],"mappings":";;;AAKA,MAAMA,IAAeC,EAAoC,MAAS;AAE3D,SAASC,EACZC,GAGF;AACE,QAAMC,IAAUC,EAAA;AAChB,SAAAC,EAAgB,MAAM;AAClB,UAAMC,IAAkB,IAAI,gBAAA;AAC5B,WAAAC,EAAiBJ,EAAQ,QAAQD,EAAM,UAAUI,EAAgB,MAAM,GAChE,MAAM;AACT,MAAAA,EAAgB,MAAA;AAAA,IACpB;AAAA,EACJ,GAAG,CAACH,EAAQ,QAAQD,EAAM,QAAQ,CAAC,GAE5B,gBAAAM,EAAA,cAACT,EAAa,UAAb,EAAsB,OAAOG,EAAM,SAAA,GAAWA,EAAM,QAAS;AACzE;"}

package/dist/services/StorageService.d.ts

@@ -0,0 +1,15 @@
+import { ComponentParams, ComponentStruct, Component } from '../componentModel/componentModel';
+import { BaseAppMsgChannels, BaseAppMsgStruct } from '../appDomain/appContracts';
+type Struct = ComponentStruct<BaseAppMsgStruct, {
+    props: {
+        name?: string;
+    };
+    msgScope: {
+        provide: BaseAppMsgChannels<'APP-KV-STORE-GET' | 'APP-KV-STORE-SET' | 'APP-KV-STORE-REMOVE'>;
+    };
+}>;
+export declare const useStorageService: (params: ComponentParams<Struct>) => Component<Struct>;
+export type StorageServiceStruct = Struct;
+export declare const StorageServiceFC: FC<ComponentParams<TStruct>>;
+export {};
+//# sourceMappingURL=StorageService.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StorageService.d.ts","sourceRoot":"","sources":["../../src/services/StorageService.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,eAAe,EACf,eAAe,EAGf,SAAS,EAEZ,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAqB,MAAM,0BAA0B,CAAC;AAGnG,KAAK,MAAM,GAAG,eAAe,CACzB,gBAAgB,EAChB;IACI,KAAK,EAAE;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,QAAQ,EAAE;QACN,OAAO,EAAE,kBAAkB,CACvB,kBAAkB,GAAG,kBAAkB,GAAG,qBAAqB,CAClE,CAAC;KACL,CAAC;CACL,CACJ,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,QAAQ,eAAe,CAAC,MAAM,CAAC,sBA+DhE,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAC1C,eAAO,MAAM,gBAAgB,8BAA2B,CAAC"}