@actdim/dynstruct 0.9.8 → 1.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"componentModel.es.js","sources":["../../src/componentModel/componentModel.tsx"],"sourcesContent":["import {\r\n    AllHTMLAttributes,\r\n    PropsWithChildren,\r\n    useEffect,\r\n    useLayoutEffect,\r\n    useMemo,\r\n    useRef,\r\n    useState,\r\n    FC,\r\n    ReactNode,\r\n    CSSProperties\r\n} from \"react\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { $CG_IN, $CG_OUT, MsgBus, MsgBusProviderParams, MsgBusStruct, MsgBusSubscriberParams } from \"@actdim/msgmesh/msgBusCore\";\r\nimport { MaybePromise, SafeKey, Skip } from \"@actdim/utico/typeCore\";\r\nimport { observer } from \"mobx-react-lite\";\r\nimport { observable, observe, runInAction } from \"mobx\";\r\nimport { useLazyRef } from \"@/reactHooks\";\r\n\r\nexport type MsgBusChannelGroupProviderParams<\r\n    TStruct extends MsgBusStruct = MsgBusStruct,\r\n    TChannel extends keyof TStruct = keyof TStruct,\r\n    TGroup extends keyof TStruct[TChannel] = typeof $CG_IN // keyof TStruct[TChannel]\r\n> = Skip<MsgBusProviderParams<TStruct, TChannel, TGroup>, \"channel\" | \"group\">;\r\n\r\nexport type MsgBusChannelGroupSubscriberParams<\r\n    TStruct extends MsgBusStruct = MsgBusStruct,\r\n    TChannel extends keyof TStruct = keyof TStruct,\r\n    TGroup extends keyof TStruct[TChannel] = typeof $CG_IN // keyof TStruct[TChannel]\r\n> = Skip<MsgBusSubscriberParams<TStruct, TChannel, TGroup>, \"channel\" | \"group\">;\r\n\r\n// MsgBusScope\r\nexport type MsgBusBrokerScope<\r\n    TStruct extends MsgBusStruct /*= MsgBusStruct*/,\r\n    TKeysToProvide extends keyof TStruct = keyof TStruct,\r\n    TKeysToSubscribe extends keyof TStruct = keyof TStruct,\r\n    TKeysToPublish extends keyof TStruct = keyof TStruct\r\n> = {\r\n    provide?: TKeysToProvide;\r\n    // consume\r\n    subscribe?: TKeysToSubscribe;\r\n    // produce\r\n    publish?: TKeysToPublish;\r\n};\r\n\r\nexport type ComponentPropStruct = Record<string, any>;\r\n// export type ComponentPropStruct = {\r\n//     [prop: string]: any;\r\n// };\r\n\r\nexport type ComponentMethodStruct = Record<string, Function>;\r\n// export type ComponentMethodStruct = {\r\n//     [action: string]: Function;\r\n// };\r\n\r\n// export type ComponentRefStruct = Record<string, ComponentStruct<TMsgBusStruct, T>>;\r\nexport type ComponentRefStruct = {\r\n    [name: string]: ComponentStruct | ((params: any) => ComponentStruct);\r\n};\r\n\r\nexport type ComponentStructBase<\r\n    TMsgBusStruct extends MsgBusStruct = MsgBusStruct,\r\n    TPropStruct extends ComponentPropStruct = ComponentPropStruct,\r\n    TMsgScope extends MsgBusBrokerScope<TMsgBusStruct> = MsgBusBrokerScope<TMsgBusStruct>\r\n> = {\r\n    props?: TPropStruct;\r\n    methods?: ComponentMethodStruct;\r\n    children?: ComponentRefStruct;\r\n    msgScope?: TMsgScope;\r\n};\r\n\r\n// ComponentShape\r\nexport type ComponentStruct<\r\n    TMsgBusStruct extends MsgBusStruct = MsgBusStruct,\r\n    T extends ComponentStructBase<TMsgBusStruct> = ComponentStructBase<TMsgBusStruct>\r\n> = T & {\r\n    msgBus: TMsgBusStruct;\r\n};\r\n\r\nexport type MsgBusBroker<TStructToProvide extends MsgBusStruct = MsgBusStruct, TStructToSubscribe extends MsgBusStruct = MsgBusStruct> = {\r\n    // providers\r\n    provide?: {\r\n        [TChannel in keyof TStructToProvide]: {\r\n            [TGroup in keyof Skip<TStructToProvide[TChannel], typeof $CG_OUT>]?: MsgBusChannelGroupProviderParams<\r\n                TStructToProvide,\r\n                TChannel,\r\n                TGroup\r\n            >;\r\n        };\r\n    };\r\n    // subscribers\r\n    subscribe?: {\r\n        [TChannel in keyof TStructToSubscribe]: {\r\n            [TGroup in keyof TStructToSubscribe[TChannel]]?: MsgBusChannelGroupSubscriberParams<TStructToSubscribe, TChannel, TGroup>;\r\n        };\r\n    };\r\n};\r\n\r\ntype ValueConverter<TTo, TFrom> = {\r\n    // ConvertFrom\r\n    convert(value: TFrom): TTo;\r\n    // ConvertTo\r\n    convertBack(value: TTo): TFrom;\r\n};\r\n\r\ntype ValidationResult = {\r\n    valid: boolean;\r\n    message: string;\r\n};\r\n\r\ntype Validator<T> = {\r\n    options: {\r\n        blur: boolean;\r\n    };\r\n    validate: (value: T) => MaybePromise<ValidationResult>;\r\n};\r\n\r\nexport const symbols = {\r\n    $isBinding: Symbol(\"$isBinding\")\r\n};\r\n\r\nexport interface IBinding<T = any, TFrom = any> {\r\n    // getter\r\n    readonly get: () => T;\r\n    // setter\r\n    readonly set: (value: T) => void;\r\n    readonly converter: ValueConverter<T, TFrom>;\r\n    readonly validator: Validator<T>;\r\n    readonly readOnly: boolean;\r\n    [symbols.$isBinding]: boolean;\r\n}\r\n\r\nclass Binding<T = any, TFrom = any> implements IBinding<any, any> {\r\n    // getter\r\n    readonly get: () => T;\r\n    // setter\r\n    readonly set: (value: T) => void;\r\n    readonly converter: ValueConverter<T, TFrom>;\r\n    readonly validator: Validator<T>;\r\n    readonly readOnly: boolean;\r\n    constructor(get: () => T, set?: (value: T) => void, converter?: ValueConverter<T, TFrom>, validator?: Validator<T>) {\r\n        this.get = get;\r\n        this.set = set;\r\n        this.converter = converter;\r\n        this.validator = validator;\r\n        this.readOnly = !!set;\r\n        this[symbols.$isBinding] = true;\r\n    }\r\n    [symbols.$isBinding]: boolean;\r\n}\r\n\r\nexport function isBinding(obj: any): obj is IBinding {\r\n    return obj[symbols.$isBinding] === true;\r\n}\r\n\r\nexport function bind<T, TFrom = any>(\r\n    get: () => T,\r\n    set?: (value: T) => void,\r\n    converter?: ValueConverter<T, TFrom>,\r\n    validator?: Validator<T>\r\n) {\r\n    return new Binding(get, set, converter, validator);\r\n}\r\n\r\nexport function bindProp<T extends object, P extends keyof T>(obj: T, prop: P) {\r\n    return new Binding(\r\n        () => obj[prop],\r\n        (value: T[P]) => {\r\n            obj[prop] = value;\r\n        }\r\n    );\r\n}\r\n\r\nexport type ComponentPropSource<T> = T | Binding<T>;\r\n\r\nexport type ComponentPropParams<TPropStruct extends ComponentPropStruct> = {\r\n    [P in keyof TPropStruct]?: ComponentPropSource<TPropStruct[P]>;\r\n};\r\n\r\n// const $ON_PROP_CHANGING = \"onPropChanging\";\r\n// const $ON_PROP_CHANGE = \"onPropChange\";\r\n\r\nconst $ON_GET = \"onGet\";\r\n// const $ON_BEFORE_SET = \"onBeforeSet\";\r\nconst $ON_CHANGING = \"onChanging\";\r\nconst $ON_CHANGE = \"onChange\";\r\n// const $ON_SET = \"onSet\";\r\n\r\ntype PropValueChangingHandler<TProp = PropKey> = (prop: TProp, oldValue: any, newValue: any) => boolean;\r\ntype PropValueChangeHandler<TProp = PropKey> = (prop: TProp, value: any) => void;\r\n\r\n// BeforeValueSetHandler\r\ntype ValueChangingHandler<T = any> = (oldValue: T, newValue: T) => boolean;\r\n// ValueSetHandler\r\ntype ValueChangeHandler<T = any> = (value: T) => void;\r\n\r\ntype ComponentEvents<TStruct extends ComponentStruct = ComponentStruct> = {\r\n    onPropChanging?: PropValueChangingHandler<keyof TStruct[\"props\"]>;\r\n    onPropChange?: PropValueChangeHandler<keyof TStruct[\"props\"]>;\r\n    onInit?: (model: ComponentModel<TStruct>) => void;\r\n    onLayout?: (model: ComponentModel<TStruct>) => void;\r\n    onReady?: (model: ComponentModel<TStruct>) => void;\r\n    onLayoutDestroy?: (model: ComponentModel<TStruct>) => void; // onLayoutCleanup\r\n    onDestroy?: (model: ComponentModel<TStruct>) => void; // onDispose/onCleanup\r\n    onError?: (model: ComponentModel<TStruct>, error: any) => void;\r\n} & {\r\n    [P in keyof TStruct[\"props\"] as `${typeof $ON_GET}${Capitalize<P & string>}`]?: () => TStruct[\"props\"][P];\r\n} & {\r\n    [P in keyof TStruct[\"props\"] as `${typeof $ON_CHANGING}${Capitalize<P & string>}`]?: ValueChangingHandler<TStruct[\"props\"]>;\r\n} & {\r\n    [P in keyof TStruct[\"props\"] as `${typeof $ON_CHANGE}${Capitalize<P & string>}`]?: ValueChangeHandler<TStruct[\"props\"]>;\r\n};\r\n\r\n// AllHTMLAttributes<JSX.Element>\r\n\r\n// type ComponentViewerProps = {\r\n//     render?: boolean;\r\n//     view?: () => ReactNode;\r\n// } & PropsWithChildren;\r\n\r\ntype ComponentViewProps = {\r\n    render?: boolean;\r\n} & PropsWithChildren;\r\n\r\ntype ComponentViewFn = (props?: ComponentViewProps) => ReactNode; // JSX.Element\r\n\r\ntype PublicKeys<T> = {\r\n    [K in keyof T]: K extends `_${string}` ? never : K;\r\n}[keyof T];\r\n\r\nexport type Component<TStruct extends ComponentStruct> = {\r\n    props?: TStruct[\"props\"];\r\n    methods?: TStruct[\"methods\"];\r\n    children?: ComponentChildren<TStruct[\"children\"]>;\r\n    events?: ComponentEvents<TStruct>;\r\n    // msgs?\r\n    msgBroker?: MsgBusBroker<\r\n        Pick<TStruct[\"msgBus\"], SafeKey<TStruct[\"msgBus\"], TStruct[\"msgScope\"][\"provide\"]>>,\r\n        Pick<TStruct[\"msgBus\"], SafeKey<TStruct[\"msgBus\"], TStruct[\"msgScope\"][\"subscribe\"]>>\r\n    >;\r\n    msgBus?: MsgBus<\r\n        // TStruct[\"msgBus\"]\r\n        Pick<\r\n            TStruct[\"msgBus\"],\r\n            | SafeKey<TStruct[\"msgBus\"], TStruct[\"msgScope\"][\"provide\"]>\r\n            | SafeKey<TStruct[\"msgBus\"], TStruct[\"msgScope\"][\"subscribe\"]>\r\n            | SafeKey<TStruct[\"msgBus\"], TStruct[\"msgScope\"][\"publish\"]>\r\n        >\r\n    >;\r\n    view?: ComponentViewFn;\r\n};\r\n\r\ntype ComponentChildren<TRefStruct extends ComponentRefStruct> = {\r\n    [P in keyof TRefStruct]: TRefStruct[P] extends (params: infer TParams) => infer T\r\n        ? T extends ComponentStruct\r\n            ? (params: TParams) => ComponentModel<T>\r\n            : never\r\n        : TRefStruct[P] extends ComponentStruct\r\n        ? ComponentModel<TRefStruct[P]>\r\n        : never;\r\n};\r\n\r\ntype ComponentModelChildren<TRefStruct extends ComponentRefStruct> = {\r\n    [P in keyof TRefStruct as TRefStruct[P] extends Function ? `${Capitalize<P & string>}` : P]: TRefStruct[P] extends (\r\n        params: infer TParams\r\n    ) => infer T\r\n        ? T extends ComponentStruct\r\n            ? FC<ComponentParams<T> & TParams>\r\n            : never\r\n        : TRefStruct[P] extends ComponentStruct\r\n        ? ComponentModel<TRefStruct[P]>\r\n        : never;\r\n};\r\n\r\nexport type ComponentModelBase<TStruct extends ComponentStruct = ComponentStruct> = {\r\n    readonly msgBus?: MsgBus<\r\n        // TStruct[\"msgBus\"]\r\n        Pick<\r\n            TStruct[\"msgBus\"],\r\n            | SafeKey<TStruct[\"msgBus\"], TStruct[\"msgScope\"][\"provide\"]>\r\n            | SafeKey<TStruct[\"msgBus\"], TStruct[\"msgScope\"][\"subscribe\"]>\r\n            | SafeKey<TStruct[\"msgBus\"], TStruct[\"msgScope\"][\"publish\"]>\r\n        >\r\n    >;\r\n\r\n    readonly View: ComponentViewFn;\r\n};\r\n\r\nexport type ComponentModel<TStruct extends ComponentStruct = ComponentStruct> = TStruct[\"props\"] &\r\n    TStruct[\"methods\"] &\r\n    ComponentModelChildren<TStruct[\"children\"]> &\r\n    ComponentModelBase<TStruct>;\r\n\r\n// style: CSSProperties;\r\n\r\ntype PropEventHandlers = {\r\n    onGet?: () => any;\r\n    onChanging?: (oldValue: any, newValue: any) => boolean;\r\n    onChange?: (value: any) => void;\r\n};\r\n\r\ntype PropKey = string | symbol;\r\ntype ProxyEventHandlers = {\r\n    onPropChanging?: PropValueChangingHandler<PropKey>;\r\n    onPropChange?: PropValueChangeHandler<PropKey>;\r\n} & Record<PropKey, PropEventHandlers>;\r\n\r\n// ComponentConfig\r\nexport type ComponentParams<TStruct extends ComponentStruct = ComponentStruct> = ComponentPropParams<TStruct[\"props\"]> &\r\n    ComponentEvents<TStruct>; // & PropsWithChildren\r\n\r\nconst blankView = () => null;\r\n\r\nfunction createProxy(state: any, bindings: Map<PropKey, IBinding>, proxyEventHandlers: ProxyEventHandlers) {\r\n    const onPropChanging = proxyEventHandlers.onPropChanging;\r\n    const onPropChange = proxyEventHandlers.onPropChange;\r\n    return new Proxy(state, {\r\n        get(obj, prop, receiver) {\r\n            const onGet = proxyEventHandlers[prop]?.onGet;\r\n            if (onGet) {\r\n                return onGet();\r\n            }\r\n            const binding = bindings.get(String(prop));\r\n            if (binding) {\r\n                return binding.get();\r\n            }\r\n            return Reflect.get(obj, prop, receiver);\r\n        },\r\n        set(obj, prop, value, receiver) {\r\n            const oldValue = obj[prop];\r\n\r\n            const onChanging = proxyEventHandlers[prop]?.onChanging;\r\n            if (onChanging) {\r\n                const shouldChange = onChanging(oldValue, value);\r\n                if (!shouldChange) {\r\n                    return true;\r\n                }\r\n            }\r\n\r\n            if (onPropChanging) {\r\n                const shouldChange = onPropChanging(prop, oldValue, value);\r\n                if (!shouldChange) {\r\n                    return true;\r\n                }\r\n            }\r\n\r\n            const result = runInAction(() => {\r\n                return Reflect.set(obj, prop, value, receiver);\r\n            });\r\n\r\n            const binding = bindings.get(prop);\r\n\r\n            if (binding?.set) {\r\n                binding.set(value);\r\n            }\r\n\r\n            const onChange = proxyEventHandlers[prop]?.onChange;\r\n            if (onChange) {\r\n                onChange(value);\r\n            }\r\n\r\n            if (onPropChange) {\r\n                onPropChange(prop, value);\r\n            }\r\n\r\n            return result;\r\n        }\r\n    });\r\n}\r\n\r\nfunction capitalize(name: string) {\r\n    return name.replace(/^./, name[0].toUpperCase());\r\n}\r\n\r\nfunction asyncToGeneratorFlow(asyncFn: (...args: any[]) => Promise<any>) {\r\n    return function* (...args: any[]) {\r\n        const result = yield asyncFn(...args);\r\n        return result;\r\n    };\r\n}\r\n\r\n// const ViewerFC = observer((props: ComponentViewerProps) => {\r\n//     if (typeof props.view === \"function\") {\r\n//         return props.view();\r\n//     }\r\n//     return <>{props.children}</>;\r\n// });\r\n\r\nfunction createModel<TStruct extends ComponentStruct = ComponentStruct>(\r\n    component: Component<TStruct>,\r\n    params: ComponentParams<TStruct>\r\n): ComponentModel<TStruct> {\r\n    const msgBus = component.msgBus;\r\n    const view = component.view;\r\n\r\n    const ViewFC = observer((props: ComponentViewProps) => {\r\n        if (typeof view === \"function\") {\r\n            return view(props);\r\n        }\r\n        return <>{props.children}</>;\r\n    });\r\n\r\n    let model: ComponentModel<TStruct> = {\r\n        ...component.props,\r\n        ...component.methods,\r\n        // view: component.view,\r\n        // View: ViewerFC,\r\n        View: ViewFC,\r\n        msgBus: msgBus\r\n    };\r\n    if (component.children) {\r\n        for (const [key, value] of Object.entries(component.children)) {\r\n            if (typeof value == \"function\") {\r\n                // observer\r\n                const ChildViewFC: ComponentViewFn = (props) => {\r\n                    const model = value(props) as ComponentModel;\r\n                    return <model.View />;\r\n                    // if (typeof model.view === \"function\") {\r\n                    //     return model.view(props);\r\n                    // }\r\n                    // return <>{props.children}</>;\r\n                    // return <ViewerFC view={model.view} />;\r\n                };\r\n                Reflect.set(model, capitalize(key), ChildViewFC);\r\n            } else {\r\n                Reflect.set(model, key, value);\r\n            }\r\n        }\r\n    }\r\n    if (component.msgBroker) {\r\n        const providers = component.msgBroker.provide;\r\n        if (providers) {\r\n            for (const [channel, providerGroups] of Object.entries(providers)) {\r\n                for (const [group, provider] of Object.entries(providerGroups)) {\r\n                    msgBus.provide({\r\n                        ...provider,\r\n                        channel: channel,\r\n                        group: group\r\n                    });\r\n                }\r\n            }\r\n        }\r\n        const subscribers = component.msgBroker.subscribe;\r\n        if (subscribers) {\r\n            for (const [channel, subscriberGroups] of Object.entries(subscribers)) {\r\n                for (const [group, subscriber] of Object.entries(subscriberGroups)) {\r\n                    msgBus.on({\r\n                        ...subscriber,\r\n                        channel: channel,\r\n                        group: group\r\n                    });\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    const bindings = new Map<PropKey, IBinding>();\r\n    // Reflect.ownKeys\r\n    for (const [key, value] of Object.entries(params)) {\r\n        if (isBinding(value)) {\r\n            bindings.set(key, value);\r\n        } else {\r\n            Reflect.set(model, key, value);\r\n        }\r\n    }\r\n\r\n    // decorators\r\n    const annotationMap: Record<string, any> = {};\r\n\r\n    if (component.props) {\r\n        for (const key of Object.keys(component.props)) {\r\n            annotationMap[key] = observable.ref;\r\n        }\r\n    }\r\n    if (component.methods) {\r\n        for (const key of Object.keys(component.methods)) {\r\n            annotationMap[key] = false;\r\n        }\r\n    }\r\n\r\n    annotationMap[\"View\" satisfies keyof ComponentModelBase<TStruct>] = false;\r\n    annotationMap[\"msgBus\" satisfies keyof ComponentModelBase<TStruct>] = false;\r\n    // annotationMap[\"view\" satisfies keyof Component<TStruct>] = false;\r\n\r\n    const proxyEventHandlers: Pick<ProxyEventHandlers, \"onPropChanging\" | \"onPropChange\"> = {\r\n        onPropChanging:\r\n            params?.onPropChanging || component.events?.onPropChanging\r\n                ? (prop, oldValue, newValue) => {\r\n                      let result = true;\r\n                      let handler = params.onPropChanging;\r\n                      if (handler) {\r\n                          result = handler(String(prop), oldValue, newValue);\r\n                      }\r\n                      if (result) {\r\n                          handler = component.events?.onPropChanging;\r\n                          if (handler) {\r\n                              result = handler(String(prop), oldValue, newValue);\r\n                          }\r\n                      }\r\n                      return result;\r\n                  }\r\n                : undefined,\r\n        onPropChange:\r\n            params?.onPropChange || component.events?.onPropChange\r\n                ? (prop, value) => {\r\n                      params.onPropChange?.(String(prop), value);\r\n                      component.events.onPropChange?.(String(prop), value);\r\n                  }\r\n                : undefined\r\n    };\r\n\r\n    function resolveOnGetEventHandler(prop: string) {\r\n        const key = `${$ON_GET}${capitalize(prop)}`;\r\n        return params[key] || component.events[key];\r\n    }\r\n\r\n    function resolveOnChangingEventHandler(prop: string) {\r\n        const key = `${$ON_CHANGING}${capitalize(prop)}`;\r\n        return ((oldValue: any, newValue: any) => {\r\n            let result = true;\r\n            let handler = params[key] as ValueChangingHandler<any>;\r\n            if (handler) {\r\n                result = handler(oldValue, newValue);\r\n            }\r\n            if (result) {\r\n                handler = component.events[key] as ValueChangingHandler<any>;\r\n                if (handler) {\r\n                    result = handler(oldValue, newValue);\r\n                }\r\n            }\r\n            return result;\r\n        }) as ValueChangingHandler;\r\n    }\r\n\r\n    function resolveOnChangeEventHandler(prop: string) {\r\n        const key = `${$ON_CHANGE}${capitalize(prop)}`;\r\n        return ((value: any) => {\r\n            (params[key] as ValueChangeHandler<any>)?.(value);\r\n            (component.events[key] as ValueChangeHandler<any>)?.(value);\r\n        }) as ValueChangeHandler;\r\n    }\r\n\r\n    if (component.props) {\r\n        for (const prop of Object.keys(component.props)) {\r\n            proxyEventHandlers[prop] = {\r\n                onGet: resolveOnGetEventHandler(prop),\r\n                onChanging: resolveOnChangingEventHandler(prop),\r\n                onChange: resolveOnChangeEventHandler(prop)\r\n            };\r\n        }\r\n    }\r\n\r\n    model = observable(model, annotationMap);\r\n\r\n    model = createProxy(model, bindings, proxyEventHandlers);\r\n\r\n    if (component.events?.onInit) {\r\n        component.events.onInit(model);\r\n    }\r\n\r\n    if (params?.onInit) {\r\n        params.onInit(model);\r\n    }\r\n\r\n    return model;\r\n}\r\n\r\nexport function useComponent<TStruct extends ComponentStruct = ComponentStruct>(\r\n    component: Component<TStruct>,\r\n    params: ComponentParams<TStruct>\r\n): ComponentModel<TStruct> {\r\n    const ref = useLazyRef(() => createModel(component, params));\r\n    const model = ref.current;\r\n\r\n    useLayoutEffect(() => {\r\n        try {\r\n            component.events?.onLayout?.(model);\r\n            params?.onLayout?.(model);\r\n        } catch (err) {\r\n            component.events?.onError?.(model, err);\r\n            params?.onError?.(model, err);\r\n        }\r\n\r\n        return () => {\r\n            component.events?.onLayoutDestroy?.(model);\r\n            params?.onLayoutDestroy?.(model);\r\n            // ref.current?.dispose();\r\n            ref.current = null;\r\n        };\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        try {\r\n            component.events?.onReady?.(model);\r\n            params?.onReady?.(model);\r\n        } catch (err) {\r\n            component.events?.onError?.(model, err);\r\n            params?.onError?.(model, err);\r\n        }\r\n        return () => {\r\n            component.events?.onDestroy?.(model);\r\n            params?.onDestroy?.(model);\r\n        };\r\n    }, []);\r\n\r\n    return ref.current;\r\n}\r\n\r\n// asFC/toFC\r\nexport function getFC<TStruct extends ComponentStruct>(\r\n    factory: (params: ComponentParams<TStruct>) => ComponentModel<TStruct>\r\n): FC<ComponentParams<TStruct>> {\r\n    // observer\r\n    const fc = (params: ComponentParams<TStruct> & PropsWithChildren) => {\r\n        // modelHook\r\n        const model = factory(params); // without useRef!\r\n        // return model.view();\r\n        return <model.View {...params} />;\r\n        // return <ViewerFC {...params} view={model.view} />;\r\n    };\r\n    return fc;\r\n}\r\n"],"names":["symbols","Binding","get","set","converter","validator","isBinding","obj","bind","bindProp","prop","value","$ON_GET","$ON_CHANGING","$ON_CHANGE","createProxy","state","bindings","proxyEventHandlers","onPropChanging","onPropChange","receiver","onGet","binding","oldValue","onChanging","result","runInAction","onChange","capitalize","name","createModel","component","params","msgBus","view","ViewFC","observer","props","jsx","Fragment","model","key","ChildViewFC","providers","channel","providerGroups","group","provider","subscribers","subscriberGroups","subscriber","annotationMap","observable","newValue","handler","resolveOnGetEventHandler","resolveOnChangingEventHandler","resolveOnChangeEventHandler","useComponent","ref","useLazyRef","useLayoutEffect","err","useEffect","getFC","factory"],"mappings":";;;;;AAqHO,MAAMA,IAAU;AAAA,EACnB,YAAY,OAAO,YAAY;AACnC;AAaA,MAAMC,EAA4D;AAAA;AAAA,EAErD;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACT,YAAYC,GAAcC,GAA0BC,GAAsCC,GAA0B;AAChH,SAAK,MAAMH,GACX,KAAK,MAAMC,GACX,KAAK,YAAYC,GACjB,KAAK,YAAYC,GACjB,KAAK,WAAW,CAAC,CAACF,GAClB,KAAKH,EAAQ,UAAU,IAAI;AAAA,EAC/B;AAAA,EACA,CAACA,EAAQ,UAAU;AACvB;AAEO,SAASM,EAAUC,GAA2B;AACjD,SAAOA,EAAIP,EAAQ,UAAU,MAAM;AACvC;AAEO,SAASQ,EACZN,GACAC,GACAC,GACAC,GACF;AACE,SAAO,IAAIJ,EAAQC,GAAKC,GAAKC,GAAWC,CAAS;AACrD;AAEO,SAASI,EAA8CF,GAAQG,GAAS;AAC3E,SAAO,IAAIT;AAAA,IACP,MAAMM,EAAIG,CAAI;AAAA,IACd,CAACC,MAAgB;AACb,MAAAJ,EAAIG,CAAI,IAAIC;AAAA,IAChB;AAAA,EAAA;AAER;AAWA,MAAMC,IAAU,SAEVC,IAAe,cACfC,IAAa;AAgInB,SAASC,EAAYC,GAAYC,GAAkCC,GAAwC;AACvG,QAAMC,IAAiBD,EAAmB,gBACpCE,IAAeF,EAAmB;AACxC,SAAO,IAAI,MAAMF,GAAO;AAAA,IACpB,IAAIT,GAAKG,GAAMW,GAAU;AACrB,YAAMC,IAAQJ,EAAmBR,CAAI,GAAG;AACxC,UAAIY;AACA,eAAOA,EAAA;AAEX,YAAMC,IAAUN,EAAS,IAAI,OAAOP,CAAI,CAAC;AACzC,aAAIa,IACOA,EAAQ,IAAA,IAEZ,QAAQ,IAAIhB,GAAKG,GAAMW,CAAQ;AAAA,IAC1C;AAAA,IACA,IAAId,GAAKG,GAAMC,GAAOU,GAAU;AAC5B,YAAMG,IAAWjB,EAAIG,CAAI,GAEnBe,IAAaP,EAAmBR,CAAI,GAAG;AAQ7C,UAPIe,KAEI,CADiBA,EAAWD,GAAUb,CAAK,KAM/CQ,KAEI,CADiBA,EAAeT,GAAMc,GAAUb,CAAK;AAErD,eAAO;AAIf,YAAMe,IAASC,EAAY,MAChB,QAAQ,IAAIpB,GAAKG,GAAMC,GAAOU,CAAQ,CAChD,GAEKE,IAAUN,EAAS,IAAIP,CAAI;AAEjC,MAAIa,GAAS,OACTA,EAAQ,IAAIZ,CAAK;AAGrB,YAAMiB,IAAWV,EAAmBR,CAAI,GAAG;AAC3C,aAAIkB,KACAA,EAASjB,CAAK,GAGdS,KACAA,EAAaV,GAAMC,CAAK,GAGrBe;AAAA,IACX;AAAA,EAAA,CACH;AACL;AAEA,SAASG,EAAWC,GAAc;AAC9B,SAAOA,EAAK,QAAQ,MAAMA,EAAK,CAAC,EAAE,aAAa;AACnD;AAgBA,SAASC,EACLC,GACAC,GACuB;AACvB,QAAMC,IAASF,EAAU,QACnBG,IAAOH,EAAU,MAEjBI,IAASC,EAAS,CAACC,MACjB,OAAOH,KAAS,aACTA,EAAKG,CAAK,IAEd,gBAAAC,EAAAC,GAAA,EAAG,YAAM,SAAA,CAAS,CAC5B;AAED,MAAIC,IAAiC;AAAA,IACjC,GAAGT,EAAU;AAAA,IACb,GAAGA,EAAU;AAAA;AAAA;AAAA,IAGb,MAAMI;AAAA,IACN,QAAAF;AAAA,EAAA;AAEJ,MAAIF,EAAU;AACV,eAAW,CAACU,GAAK/B,CAAK,KAAK,OAAO,QAAQqB,EAAU,QAAQ;AACxD,UAAI,OAAOrB,KAAS,YAAY;AAE5B,cAAMgC,IAA+B,CAACL,MAAU;AAC5C,gBAAMG,IAAQ9B,EAAM2B,CAAK;AACzB,iBAAO,gBAAAC,EAACE,EAAM,MAAN,EAAW;AAAA,QAMvB;AACA,gBAAQ,IAAIA,GAAOZ,EAAWa,CAAG,GAAGC,CAAW;AAAA,MACnD;AACI,gBAAQ,IAAIF,GAAOC,GAAK/B,CAAK;AAIzC,MAAIqB,EAAU,WAAW;AACrB,UAAMY,IAAYZ,EAAU,UAAU;AACtC,QAAIY;AACA,iBAAW,CAACC,GAASC,CAAc,KAAK,OAAO,QAAQF,CAAS;AAC5D,mBAAW,CAACG,GAAOC,CAAQ,KAAK,OAAO,QAAQF,CAAc;AACzD,UAAAZ,EAAO,QAAQ;AAAA,YACX,GAAGc;AAAA,YACH,SAAAH;AAAA,YACA,OAAAE;AAAA,UAAA,CACH;AAIb,UAAME,IAAcjB,EAAU,UAAU;AACxC,QAAIiB;AACA,iBAAW,CAACJ,GAASK,CAAgB,KAAK,OAAO,QAAQD,CAAW;AAChE,mBAAW,CAACF,GAAOI,CAAU,KAAK,OAAO,QAAQD,CAAgB;AAC7D,UAAAhB,EAAO,GAAG;AAAA,YACN,GAAGiB;AAAA,YACH,SAAAN;AAAA,YACA,OAAAE;AAAA,UAAA,CACH;AAAA,EAIjB;AAEA,QAAM9B,wBAAe,IAAA;AAErB,aAAW,CAACyB,GAAK/B,CAAK,KAAK,OAAO,QAAQsB,CAAM;AAC5C,IAAI3B,EAAUK,CAAK,IACfM,EAAS,IAAIyB,GAAK/B,CAAK,IAEvB,QAAQ,IAAI8B,GAAOC,GAAK/B,CAAK;AAKrC,QAAMyC,IAAqC,CAAA;AAE3C,MAAIpB,EAAU;AACV,eAAWU,KAAO,OAAO,KAAKV,EAAU,KAAK;AACzC,MAAAoB,EAAcV,CAAG,IAAIW,EAAW;AAGxC,MAAIrB,EAAU;AACV,eAAWU,KAAO,OAAO,KAAKV,EAAU,OAAO;AAC3C,MAAAoB,EAAcV,CAAG,IAAI;AAI7B,EAAAU,EAAc,OAAsD,IACpEA,EAAc,SAAwD;AAGtE,QAAMlC,IAAkF;AAAA,IACpF,gBACIe,GAAQ,kBAAkBD,EAAU,QAAQ,iBACtC,CAACtB,GAAMc,GAAU8B,MAAa;AAC1B,UAAI5B,IAAS,IACT6B,IAAUtB,EAAO;AACrB,aAAIsB,MACA7B,IAAS6B,EAAQ,OAAO7C,CAAI,GAAGc,GAAU8B,CAAQ,IAEjD5B,MACA6B,IAAUvB,EAAU,QAAQ,gBACxBuB,MACA7B,IAAS6B,EAAQ,OAAO7C,CAAI,GAAGc,GAAU8B,CAAQ,KAGlD5B;AAAA,IACX,IACA;AAAA,IACV,cACIO,GAAQ,gBAAgBD,EAAU,QAAQ,eACpC,CAACtB,GAAMC,MAAU;AACb,MAAAsB,EAAO,eAAe,OAAOvB,CAAI,GAAGC,CAAK,GACzCqB,EAAU,OAAO,eAAe,OAAOtB,CAAI,GAAGC,CAAK;AAAA,IACvD,IACA;AAAA,EAAA;AAGd,WAAS6C,EAAyB9C,GAAc;AAC5C,UAAMgC,IAAM,GAAG9B,CAAO,GAAGiB,EAAWnB,CAAI,CAAC;AACzC,WAAOuB,EAAOS,CAAG,KAAKV,EAAU,OAAOU,CAAG;AAAA,EAC9C;AAEA,WAASe,EAA8B/C,GAAc;AACjD,UAAMgC,IAAM,GAAG7B,CAAY,GAAGgB,EAAWnB,CAAI,CAAC;AAC9C,YAAQ,CAACc,GAAe8B,MAAkB;AACtC,UAAI5B,IAAS,IACT6B,IAAUtB,EAAOS,CAAG;AACxB,aAAIa,MACA7B,IAAS6B,EAAQ/B,GAAU8B,CAAQ,IAEnC5B,MACA6B,IAAUvB,EAAU,OAAOU,CAAG,GAC1Ba,MACA7B,IAAS6B,EAAQ/B,GAAU8B,CAAQ,KAGpC5B;AAAA,IACX;AAAA,EACJ;AAEA,WAASgC,EAA4BhD,GAAc;AAC/C,UAAMgC,IAAM,GAAG5B,CAAU,GAAGe,EAAWnB,CAAI,CAAC;AAC5C,YAAQ,CAACC,MAAe;AACnB,MAAAsB,EAAOS,CAAG,IAAgC/B,CAAK,GAC/CqB,EAAU,OAAOU,CAAG,IAAgC/B,CAAK;AAAA,IAC9D;AAAA,EACJ;AAEA,MAAIqB,EAAU;AACV,eAAWtB,KAAQ,OAAO,KAAKsB,EAAU,KAAK;AAC1C,MAAAd,EAAmBR,CAAI,IAAI;AAAA,QACvB,OAAO8C,EAAyB9C,CAAI;AAAA,QACpC,YAAY+C,EAA8B/C,CAAI;AAAA,QAC9C,UAAUgD,EAA4BhD,CAAI;AAAA,MAAA;AAKtD,SAAA+B,IAAQY,EAAWZ,GAAOW,CAAa,GAEvCX,IAAQ1B,EAAY0B,GAAOxB,GAAUC,CAAkB,GAEnDc,EAAU,QAAQ,UAClBA,EAAU,OAAO,OAAOS,CAAK,GAG7BR,GAAQ,UACRA,EAAO,OAAOQ,CAAK,GAGhBA;AACX;AAEO,SAASkB,EACZ3B,GACAC,GACuB;AACvB,QAAM2B,IAAMC,EAAW,MAAM9B,EAAYC,GAAWC,CAAM,CAAC,GACrDQ,IAAQmB,EAAI;AAElB,SAAAE,EAAgB,MAAM;AAClB,QAAI;AACA,MAAA9B,EAAU,QAAQ,WAAWS,CAAK,GAClCR,GAAQ,WAAWQ,CAAK;AAAA,IAC5B,SAASsB,GAAK;AACV,MAAA/B,EAAU,QAAQ,UAAUS,GAAOsB,CAAG,GACtC9B,GAAQ,UAAUQ,GAAOsB,CAAG;AAAA,IAChC;AAEA,WAAO,MAAM;AACT,MAAA/B,EAAU,QAAQ,kBAAkBS,CAAK,GACzCR,GAAQ,kBAAkBQ,CAAK,GAE/BmB,EAAI,UAAU;AAAA,IAClB;AAAA,EACJ,GAAG,CAAA,CAAE,GAELI,EAAU,MAAM;AACZ,QAAI;AACA,MAAAhC,EAAU,QAAQ,UAAUS,CAAK,GACjCR,GAAQ,UAAUQ,CAAK;AAAA,IAC3B,SAASsB,GAAK;AACV,MAAA/B,EAAU,QAAQ,UAAUS,GAAOsB,CAAG,GACtC9B,GAAQ,UAAUQ,GAAOsB,CAAG;AAAA,IAChC;AACA,WAAO,MAAM;AACT,MAAA/B,EAAU,QAAQ,YAAYS,CAAK,GACnCR,GAAQ,YAAYQ,CAAK;AAAA,IAC7B;AAAA,EACJ,GAAG,CAAA,CAAE,GAEEmB,EAAI;AACf;AAGO,SAASK,EACZC,GAC4B;AAS5B,SAPW,CAACjC,MAAyD;AAEjE,UAAMQ,IAAQyB,EAAQjC,CAAM;AAE5B,WAAO,gBAAAM,EAACE,EAAM,MAAN,EAAY,GAAGR,EAAA,CAAQ;AAAA,EAEnC;AAEJ;"}
+{"version":3,"file":"componentModel.es.js","sources":["../../src/componentModel/componentModel.tsx"],"sourcesContent":["import { PropsWithChildren, useEffect, useLayoutEffect, FC, ReactNode } from 'react';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport {\r\n    $CG_IN,\r\n    $CG_OUT,\r\n    MsgBus,\r\n    MsgBusProviderParams,\r\n    MsgBusStruct,\r\n    MsgBusSubscriberParams,\r\n} from '@actdim/msgmesh/msgBusCore';\r\nimport { MaybePromise, SafeKey, Skip } from '@actdim/utico/typeCore';\r\nimport { observer } from 'mobx-react-lite';\r\nimport { observable, runInAction } from 'mobx';\r\nimport { useLazyRef } from '@/reactHooks';\r\n\r\nexport type MsgBusChannelGroupProviderParams<\r\n    TStruct extends MsgBusStruct = MsgBusStruct,\r\n    TChannel extends keyof TStruct = keyof TStruct,\r\n    TGroup extends keyof TStruct[TChannel] = typeof $CG_IN, // keyof TStruct[TChannel]\r\n> = Skip<MsgBusProviderParams<TStruct, TChannel, TGroup>, 'channel' | 'group'>;\r\n\r\nexport type MsgBusChannelGroupSubscriberParams<\r\n    TStruct extends MsgBusStruct = MsgBusStruct,\r\n    TChannel extends keyof TStruct = keyof TStruct,\r\n    TGroup extends keyof TStruct[TChannel] = typeof $CG_IN, // keyof TStruct[TChannel]\r\n> = Skip<MsgBusSubscriberParams<TStruct, TChannel, TGroup>, 'channel' | 'group'>;\r\n\r\n// MsgBusScope\r\nexport type MsgBusBrokerScope<\r\n    TStruct extends MsgBusStruct /*= MsgBusStruct*/,\r\n    TKeysToProvide extends keyof TStruct = keyof TStruct,\r\n    TKeysToSubscribe extends keyof TStruct = keyof TStruct,\r\n    TKeysToPublish extends keyof TStruct = keyof TStruct,\r\n> = {\r\n    provide?: TKeysToProvide;\r\n    // consume\r\n    subscribe?: TKeysToSubscribe;\r\n    // produce\r\n    publish?: TKeysToPublish;\r\n};\r\n\r\nexport type ComponentPropStruct = Record<string, any>;\r\n// export type ComponentPropStruct = {\r\n//     [prop: string]: any;\r\n// };\r\n\r\nexport type ComponentMethodStruct = Record<string, Function>;\r\n// export type ComponentMethodStruct = {\r\n//     [action: string]: Function;\r\n// };\r\n\r\n// export type ComponentRefStruct = Record<string, ComponentStruct<TMsgBusStruct, T>>;\r\nexport type ComponentRefStruct = {\r\n    [name: string]: ComponentStruct | ((params: any) => ComponentStruct);\r\n};\r\n\r\nexport type ComponentStructBase<\r\n    TMsgBusStruct extends MsgBusStruct = MsgBusStruct,\r\n    TPropStruct extends ComponentPropStruct = ComponentPropStruct,\r\n    TMsgScope extends MsgBusBrokerScope<TMsgBusStruct> = MsgBusBrokerScope<TMsgBusStruct>,\r\n> = {\r\n    props?: TPropStruct;\r\n    methods?: ComponentMethodStruct;\r\n    children?: ComponentRefStruct;\r\n    msgScope?: TMsgScope;\r\n};\r\n\r\n// ComponentShape\r\nexport type ComponentStruct<\r\n    TMsgBusStruct extends MsgBusStruct = MsgBusStruct,\r\n    T extends ComponentStructBase<TMsgBusStruct> = ComponentStructBase<TMsgBusStruct>,\r\n> = T & {\r\n    msgBus: TMsgBusStruct;\r\n};\r\n\r\nexport type MsgBusBroker<\r\n    TStructToProvide extends MsgBusStruct = MsgBusStruct,\r\n    TStructToSubscribe extends MsgBusStruct = MsgBusStruct,\r\n> = {\r\n    // providers\r\n    provide?: {\r\n        [TChannel in keyof TStructToProvide]: {\r\n            [TGroup in keyof Skip<\r\n                TStructToProvide[TChannel],\r\n                typeof $CG_OUT\r\n            >]?: MsgBusChannelGroupProviderParams<TStructToProvide, TChannel, TGroup>;\r\n        };\r\n    };\r\n    // subscribers\r\n    subscribe?: {\r\n        [TChannel in keyof TStructToSubscribe]: {\r\n            [TGroup in keyof TStructToSubscribe[TChannel]]?: MsgBusChannelGroupSubscriberParams<\r\n                TStructToSubscribe,\r\n                TChannel,\r\n                TGroup\r\n            >;\r\n        };\r\n    };\r\n};\r\n\r\ntype ValueConverter<TTo, TFrom> = {\r\n    // ConvertFrom\r\n    convert(value: TFrom): TTo;\r\n    // ConvertTo\r\n    convertBack(value: TTo): TFrom;\r\n};\r\n\r\ntype ValidationResult = {\r\n    valid: boolean;\r\n    message: string;\r\n};\r\n\r\ntype Validator<T> = {\r\n    options: {\r\n        blur: boolean;\r\n    };\r\n    validate: (value: T) => MaybePromise<ValidationResult>;\r\n};\r\n\r\nexport const symbols = {\r\n    $isBinding: Symbol('$isBinding'),\r\n};\r\n\r\nexport interface IBinding<T = any, TFrom = any> {\r\n    // getter\r\n    readonly get: () => T;\r\n    // setter\r\n    readonly set: (value: T) => void;\r\n    readonly converter: ValueConverter<T, TFrom>;\r\n    readonly validator: Validator<T>;\r\n    readonly readOnly: boolean;\r\n    [symbols.$isBinding]: boolean;\r\n}\r\n\r\nclass Binding<T = any, TFrom = any> implements IBinding<any, any> {\r\n    // getter\r\n    readonly get: () => T;\r\n    // setter\r\n    readonly set: (value: T) => void;\r\n    readonly converter: ValueConverter<T, TFrom>;\r\n    readonly validator: Validator<T>;\r\n    readonly readOnly: boolean;\r\n    constructor(\r\n        get: () => T,\r\n        set?: (value: T) => void,\r\n        converter?: ValueConverter<T, TFrom>,\r\n        validator?: Validator<T>\r\n    ) {\r\n        this.get = get;\r\n        this.set = set;\r\n        this.converter = converter;\r\n        this.validator = validator;\r\n        this.readOnly = !!set;\r\n        this[symbols.$isBinding] = true;\r\n    }\r\n    [symbols.$isBinding]: boolean;\r\n}\r\n\r\nexport function isBinding(obj: any): obj is IBinding {\r\n    return obj[symbols.$isBinding] === true;\r\n}\r\n\r\nexport function bind<T, TFrom = any>(\r\n    get: () => T,\r\n    set?: (value: T) => void,\r\n    converter?: ValueConverter<T, TFrom>,\r\n    validator?: Validator<T>\r\n) {\r\n    return new Binding(get, set, converter, validator);\r\n}\r\n\r\nexport function bindProp<T extends object, P extends keyof T>(obj: T, prop: P) {\r\n    return new Binding(\r\n        () => obj[prop],\r\n        (value: T[P]) => {\r\n            obj[prop] = value;\r\n        }\r\n    );\r\n}\r\n\r\nexport type ComponentPropSource<T> = T | Binding<T>;\r\n\r\nexport type ComponentPropParams<TPropStruct extends ComponentPropStruct> = {\r\n    [P in keyof TPropStruct]?: ComponentPropSource<TPropStruct[P]>;\r\n};\r\n\r\n// const $ON_PROP_CHANGING = \"onPropChanging\";\r\n// const $ON_PROP_CHANGE = \"onPropChange\";\r\n\r\nconst $ON_GET = 'onGet';\r\n// const $ON_BEFORE_SET = \"onBeforeSet\";\r\nconst $ON_CHANGING = 'onChanging';\r\nconst $ON_CHANGE = 'onChange';\r\n// const $ON_SET = \"onSet\";\r\n\r\ntype PropValueChangingHandler<TProp = PropKey> = (\r\n    prop: TProp,\r\n    oldValue: any,\r\n    newValue: any\r\n) => boolean;\r\ntype PropValueChangeHandler<TProp = PropKey> = (prop: TProp, value: any) => void;\r\n\r\n// BeforeValueSetHandler\r\ntype ValueChangingHandler<T = any> = (oldValue: T, newValue: T) => boolean;\r\n// ValueSetHandler\r\ntype ValueChangeHandler<T = any> = (value: T) => void;\r\n\r\ntype ComponentEvents<TStruct extends ComponentStruct = ComponentStruct> = {\r\n    onPropChanging?: PropValueChangingHandler<keyof TStruct['props']>;\r\n    onPropChange?: PropValueChangeHandler<keyof TStruct['props']>;\r\n    onInit?: (model: ComponentModel<TStruct>) => void;\r\n    onLayout?: (model: ComponentModel<TStruct>) => void;\r\n    onReady?: (model: ComponentModel<TStruct>) => void;\r\n    onLayoutDestroy?: (model: ComponentModel<TStruct>) => void; // onLayoutCleanup\r\n    onDestroy?: (model: ComponentModel<TStruct>) => void; // onDispose/onCleanup\r\n    onError?: (model: ComponentModel<TStruct>, error: any) => void;\r\n} & {\r\n    [P in keyof TStruct['props'] as `${typeof $ON_GET}${Capitalize<P & string>}`]?: () => TStruct['props'][P];\r\n} & {\r\n    [P in keyof TStruct['props'] as `${typeof $ON_CHANGING}${Capitalize<P & string>}`]?: ValueChangingHandler<\r\n        TStruct['props']\r\n    >;\r\n} & {\r\n    [P in keyof TStruct['props'] as `${typeof $ON_CHANGE}${Capitalize<P & string>}`]?: ValueChangeHandler<\r\n        TStruct['props']\r\n    >;\r\n};\r\n\r\n// AllHTMLAttributes<JSX.Element>\r\n\r\n// type ComponentViewerProps = {\r\n//     render?: boolean;\r\n//     view?: () => ReactNode;\r\n// } & PropsWithChildren;\r\n\r\ntype ComponentViewProps = {\r\n    render?: boolean;\r\n} & PropsWithChildren;\r\n\r\ntype ComponentViewFn = (props?: ComponentViewProps) => ReactNode; // JSX.Element\r\n\r\ntype PublicKeys<T> = {\r\n    [K in keyof T]: K extends `_${string}` ? never : K;\r\n}[keyof T];\r\n\r\nexport type Component<TStruct extends ComponentStruct> = {\r\n    props?: TStruct['props'];\r\n    methods?: TStruct['methods'];\r\n    children?: ComponentChildren<TStruct['children']>;\r\n    events?: ComponentEvents<TStruct>;\r\n    // msgs?\r\n    msgBroker?: MsgBusBroker<\r\n        Pick<TStruct['msgBus'], SafeKey<TStruct['msgBus'], TStruct['msgScope']['provide']>>,\r\n        Pick<TStruct['msgBus'], SafeKey<TStruct['msgBus'], TStruct['msgScope']['subscribe']>>\r\n    >;\r\n    msgBus?: MsgBus<\r\n        // TStruct[\"msgBus\"]\r\n        Pick<\r\n            TStruct['msgBus'],\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['provide']>\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['subscribe']>\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['publish']>\r\n        >\r\n    >;\r\n    view?: ComponentViewFn;\r\n};\r\n\r\ntype ComponentChildren<TRefStruct extends ComponentRefStruct> = {\r\n    [P in keyof TRefStruct]: TRefStruct[P] extends (params: infer TParams) => infer T\r\n        ? T extends ComponentStruct\r\n            ? (params: TParams) => ComponentModel<T>\r\n            : never\r\n        : TRefStruct[P] extends ComponentStruct\r\n          ? ComponentModel<TRefStruct[P]>\r\n          : never;\r\n};\r\n\r\ntype ComponentModelChildren<TRefStruct extends ComponentRefStruct> = {\r\n    [P in keyof TRefStruct as TRefStruct[P] extends Function\r\n        ? `${Capitalize<P & string>}`\r\n        : P]: TRefStruct[P] extends (params: infer TParams) => infer T\r\n        ? T extends ComponentStruct\r\n            ? FC<ComponentParams<T> & TParams>\r\n            : never\r\n        : TRefStruct[P] extends ComponentStruct\r\n          ? ComponentModel<TRefStruct[P]>\r\n          : never;\r\n};\r\n\r\nexport type ComponentModelBase<TStruct extends ComponentStruct = ComponentStruct> = {\r\n    readonly msgBus?: MsgBus<\r\n        // TStruct[\"msgBus\"]\r\n        Pick<\r\n            TStruct['msgBus'],\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['provide']>\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['subscribe']>\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['publish']>\r\n        >\r\n    >;\r\n\r\n    readonly View: ComponentViewFn;\r\n};\r\n\r\nexport type ComponentModel<TStruct extends ComponentStruct = ComponentStruct> = TStruct['props'] &\r\n    TStruct['methods'] &\r\n    ComponentModelChildren<TStruct['children']> &\r\n    ComponentModelBase<TStruct>;\r\n\r\n// style: CSSProperties;\r\n\r\ntype PropEventHandlers = {\r\n    onGet?: () => any;\r\n    onChanging?: (oldValue: any, newValue: any) => boolean;\r\n    onChange?: (value: any) => void;\r\n};\r\n\r\ntype PropKey = string | symbol;\r\ntype ProxyEventHandlers = {\r\n    onPropChanging?: PropValueChangingHandler<PropKey>;\r\n    onPropChange?: PropValueChangeHandler<PropKey>;\r\n} & Record<PropKey, PropEventHandlers>;\r\n\r\n// ComponentConfig\r\nexport type ComponentParams<TStruct extends ComponentStruct = ComponentStruct> =\r\n    ComponentPropParams<TStruct['props']> & ComponentEvents<TStruct>; // & PropsWithChildren\r\n\r\nconst blankView = () => null;\r\n\r\nfunction createProxy(\r\n    state: any,\r\n    bindings: Map<PropKey, IBinding>,\r\n    proxyEventHandlers: ProxyEventHandlers\r\n) {\r\n    const onPropChanging = proxyEventHandlers.onPropChanging;\r\n    const onPropChange = proxyEventHandlers.onPropChange;\r\n    return new Proxy(state, {\r\n        get(obj, prop, receiver) {\r\n            const onGet = proxyEventHandlers[prop]?.onGet;\r\n            if (onGet) {\r\n                return onGet();\r\n            }\r\n            const binding = bindings.get(String(prop));\r\n            if (binding) {\r\n                return binding.get();\r\n            }\r\n            return Reflect.get(obj, prop, receiver);\r\n        },\r\n        set(obj, prop, value, receiver) {\r\n            const oldValue = obj[prop];\r\n\r\n            const onChanging = proxyEventHandlers[prop]?.onChanging;\r\n            if (onChanging) {\r\n                const shouldChange = onChanging(oldValue, value);\r\n                if (!shouldChange) {\r\n                    return true;\r\n                }\r\n            }\r\n\r\n            if (onPropChanging) {\r\n                const shouldChange = onPropChanging(prop, oldValue, value);\r\n                if (!shouldChange) {\r\n                    return true;\r\n                }\r\n            }\r\n\r\n            const result = runInAction(() => {\r\n                return Reflect.set(obj, prop, value, receiver);\r\n            });\r\n\r\n            const binding = bindings.get(prop);\r\n\r\n            if (binding?.set) {\r\n                binding.set(value);\r\n            }\r\n\r\n            const onChange = proxyEventHandlers[prop]?.onChange;\r\n            if (onChange) {\r\n                onChange(value);\r\n            }\r\n\r\n            if (onPropChange) {\r\n                onPropChange(prop, value);\r\n            }\r\n\r\n            return result;\r\n        },\r\n    });\r\n}\r\n\r\nfunction capitalize(name: string) {\r\n    return name.replace(/^./, name[0].toUpperCase());\r\n}\r\n\r\nfunction asyncToGeneratorFlow(asyncFn: (...args: any[]) => Promise<any>) {\r\n    return function* (...args: any[]) {\r\n        const result = yield asyncFn(...args);\r\n        return result;\r\n    };\r\n}\r\n\r\n// const ViewerFC = observer((props: ComponentViewerProps) => {\r\n//     if (typeof props.view === \"function\") {\r\n//         return props.view();\r\n//     }\r\n//     return <>{props.children}</>;\r\n// });\r\n\r\nfunction createModel<TStruct extends ComponentStruct = ComponentStruct>(\r\n    component: Component<TStruct>,\r\n    params: ComponentParams<TStruct>\r\n): ComponentModel<TStruct> {\r\n    const msgBus = component.msgBus;\r\n    const view = component.view;\r\n\r\n    const ViewFC = observer((props: ComponentViewProps) => {\r\n        if (typeof view === 'function') {\r\n            return view(props);\r\n        }\r\n        return <>{props.children}</>;\r\n    });\r\n\r\n    let model: ComponentModel<TStruct> = {\r\n        ...component.props,\r\n        ...component.methods,\r\n        // view: component.view,\r\n        // View: ViewerFC,\r\n        View: ViewFC,\r\n        msgBus: msgBus,\r\n    };\r\n    if (component.children) {\r\n        for (const [key, value] of Object.entries(component.children)) {\r\n            if (typeof value == 'function') {\r\n                // observer\r\n                const ChildViewFC: ComponentViewFn = (props) => {\r\n                    const model = value(props) as ComponentModel;\r\n                    return <model.View />;\r\n                    // if (typeof model.view === \"function\") {\r\n                    //     return model.view(props);\r\n                    // }\r\n                    // return <>{props.children}</>;\r\n                    // return <ViewerFC view={model.view} />;\r\n                };\r\n                Reflect.set(model, capitalize(key), ChildViewFC);\r\n            } else {\r\n                Reflect.set(model, key, value);\r\n            }\r\n        }\r\n    }\r\n    if (component.msgBroker) {\r\n        const providers = component.msgBroker.provide;\r\n        if (providers) {\r\n            for (const [channel, providerGroups] of Object.entries(providers)) {\r\n                for (const [group, provider] of Object.entries(providerGroups)) {\r\n                    msgBus.provide({\r\n                        ...provider,\r\n                        channel: channel,\r\n                        group: group,\r\n                    });\r\n                }\r\n            }\r\n        }\r\n        const subscribers = component.msgBroker.subscribe;\r\n        if (subscribers) {\r\n            for (const [channel, subscriberGroups] of Object.entries(subscribers)) {\r\n                for (const [group, subscriber] of Object.entries(subscriberGroups)) {\r\n                    msgBus.on({\r\n                        ...subscriber,\r\n                        channel: channel,\r\n                        group: group,\r\n                    });\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    const bindings = new Map<PropKey, IBinding>();\r\n    // Reflect.ownKeys\r\n    for (const [key, value] of Object.entries(params)) {\r\n        if (isBinding(value)) {\r\n            bindings.set(key, value);\r\n        } else {\r\n            Reflect.set(model, key, value);\r\n        }\r\n    }\r\n\r\n    // decorators\r\n    const annotationMap: Record<string, any> = {};\r\n\r\n    if (component.props) {\r\n        for (const key of Object.keys(component.props)) {\r\n            annotationMap[key] = observable.ref;\r\n        }\r\n    }\r\n    if (component.methods) {\r\n        for (const key of Object.keys(component.methods)) {\r\n            annotationMap[key] = false;\r\n        }\r\n    }\r\n\r\n    annotationMap['View' satisfies keyof ComponentModelBase<TStruct>] = false;\r\n    annotationMap['msgBus' satisfies keyof ComponentModelBase<TStruct>] = false;\r\n    // annotationMap[\"view\" satisfies keyof Component<TStruct>] = false;\r\n\r\n    const proxyEventHandlers: Pick<ProxyEventHandlers, 'onPropChanging' | 'onPropChange'> = {\r\n        onPropChanging:\r\n            params?.onPropChanging || component.events?.onPropChanging\r\n                ? (prop, oldValue, newValue) => {\r\n                      let result = true;\r\n                      let handler = params.onPropChanging;\r\n                      if (handler) {\r\n                          result = handler(String(prop), oldValue, newValue);\r\n                      }\r\n                      if (result) {\r\n                          handler = component.events?.onPropChanging;\r\n                          if (handler) {\r\n                              result = handler(String(prop), oldValue, newValue);\r\n                          }\r\n                      }\r\n                      return result;\r\n                  }\r\n                : undefined,\r\n        onPropChange:\r\n            params?.onPropChange || component.events?.onPropChange\r\n                ? (prop, value) => {\r\n                      params.onPropChange?.(String(prop), value);\r\n                      component.events.onPropChange?.(String(prop), value);\r\n                  }\r\n                : undefined,\r\n    };\r\n\r\n    function resolveOnGetEventHandler(prop: string) {\r\n        const key = `${$ON_GET}${capitalize(prop)}`;\r\n        return params[key] || component.events[key];\r\n    }\r\n\r\n    function resolveOnChangingEventHandler(prop: string) {\r\n        const key = `${$ON_CHANGING}${capitalize(prop)}`;\r\n        return ((oldValue: any, newValue: any) => {\r\n            let result = true;\r\n            let handler = params[key] as ValueChangingHandler<any>;\r\n            if (handler) {\r\n                result = handler(oldValue, newValue);\r\n            }\r\n            if (result) {\r\n                handler = component.events[key] as ValueChangingHandler<any>;\r\n                if (handler) {\r\n                    result = handler(oldValue, newValue);\r\n                }\r\n            }\r\n            return result;\r\n        }) as ValueChangingHandler;\r\n    }\r\n\r\n    function resolveOnChangeEventHandler(prop: string) {\r\n        const key = `${$ON_CHANGE}${capitalize(prop)}`;\r\n        return ((value: any) => {\r\n            (params[key] as ValueChangeHandler<any>)?.(value);\r\n            (component.events[key] as ValueChangeHandler<any>)?.(value);\r\n        }) as ValueChangeHandler;\r\n    }\r\n\r\n    if (component.props) {\r\n        for (const prop of Object.keys(component.props)) {\r\n            proxyEventHandlers[prop] = {\r\n                onGet: resolveOnGetEventHandler(prop),\r\n                onChanging: resolveOnChangingEventHandler(prop),\r\n                onChange: resolveOnChangeEventHandler(prop),\r\n            };\r\n        }\r\n    }\r\n\r\n    model = observable(model, annotationMap);\r\n\r\n    model = createProxy(model, bindings, proxyEventHandlers);\r\n\r\n    if (component.events?.onInit) {\r\n        component.events.onInit(model);\r\n    }\r\n\r\n    if (params?.onInit) {\r\n        params.onInit(model);\r\n    }\r\n\r\n    return model;\r\n}\r\n\r\nexport function useComponent<TStruct extends ComponentStruct = ComponentStruct>(\r\n    component: Component<TStruct>,\r\n    params: ComponentParams<TStruct>\r\n): ComponentModel<TStruct> {\r\n    const ref = useLazyRef(() => createModel(component, params));\r\n    const model = ref.current;\r\n\r\n    useLayoutEffect(() => {\r\n        try {\r\n            component.events?.onLayout?.(model);\r\n            params?.onLayout?.(model);\r\n        } catch (err) {\r\n            component.events?.onError?.(model, err);\r\n            params?.onError?.(model, err);\r\n        }\r\n\r\n        return () => {\r\n            component.events?.onLayoutDestroy?.(model);\r\n            params?.onLayoutDestroy?.(model);\r\n            // ref.current?.dispose();\r\n            ref.current = null;\r\n        };\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        try {\r\n            component.events?.onReady?.(model);\r\n            params?.onReady?.(model);\r\n        } catch (err) {\r\n            component.events?.onError?.(model, err);\r\n            params?.onError?.(model, err);\r\n        }\r\n        return () => {\r\n            component.events?.onDestroy?.(model);\r\n            params?.onDestroy?.(model);\r\n        };\r\n    }, []);\r\n\r\n    return ref.current;\r\n}\r\n\r\n// asFC/toFC\r\nexport function getFC<TStruct extends ComponentStruct>(\r\n    factory: (params: ComponentParams<TStruct>) => ComponentModel<TStruct>\r\n): FC<ComponentParams<TStruct>> {\r\n    // observer\r\n    const fc = (params: ComponentParams<TStruct> & PropsWithChildren) => {\r\n        // modelHook\r\n        const model = factory(params); // without useRef!\r\n        // return model.view();\r\n        return <model.View {...params} />;\r\n        // return <ViewerFC {...params} view={model.view} />;\r\n    };\r\n    return fc;\r\n}\r\n"],"names":["symbols","Binding","get","set","converter","validator","isBinding","obj","bind","bindProp","prop","value","$ON_GET","$ON_CHANGING","$ON_CHANGE","createProxy","state","bindings","proxyEventHandlers","onPropChanging","onPropChange","receiver","onGet","binding","oldValue","onChanging","result","runInAction","onChange","capitalize","name","createModel","component","params","msgBus","view","ViewFC","observer","props","model","key","ChildViewFC","providers","channel","providerGroups","group","provider","subscribers","subscriberGroups","subscriber","annotationMap","observable","newValue","handler","resolveOnGetEventHandler","resolveOnChangingEventHandler","resolveOnChangeEventHandler","useComponent","ref","useLazyRef","useLayoutEffect","err","useEffect","getFC","factory"],"mappings":";;;;AAuHO,MAAMA,IAAU;AAAA,EACnB,YAAY,OAAO,YAAY;AACnC;AAaA,MAAMC,EAA4D;AAAA;AAAA,EAErD;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACT,YACIC,GACAC,GACAC,GACAC,GACF;AACE,SAAK,MAAMH,GACX,KAAK,MAAMC,GACX,KAAK,YAAYC,GACjB,KAAK,YAAYC,GACjB,KAAK,WAAW,CAAC,CAACF,GAClB,KAAKH,EAAQ,UAAU,IAAI;AAAA,EAC/B;AAAA,EACA,CAACA,EAAQ,UAAU;AACvB;AAEO,SAASM,EAAUC,GAA2B;AACjD,SAAOA,EAAIP,EAAQ,UAAU,MAAM;AACvC;AAEO,SAASQ,EACZN,GACAC,GACAC,GACAC,GACF;AACE,SAAO,IAAIJ,EAAQC,GAAKC,GAAKC,GAAWC,CAAS;AACrD;AAEO,SAASI,EAA8CF,GAAQG,GAAS;AAC3E,SAAO,IAAIT;AAAA,IACP,MAAMM,EAAIG,CAAI;AAAA,IACd,CAACC,MAAgB;AACb,MAAAJ,EAAIG,CAAI,IAAIC;AAAA,IAChB;AAAA,EAAA;AAER;AAWA,MAAMC,IAAU,SAEVC,IAAe,cACfC,IAAa;AAwInB,SAASC,EACLC,GACAC,GACAC,GACF;AACE,QAAMC,IAAiBD,EAAmB,gBACpCE,IAAeF,EAAmB;AACxC,SAAO,IAAI,MAAMF,GAAO;AAAA,IACpB,IAAIT,GAAKG,GAAMW,GAAU;AACrB,YAAMC,IAAQJ,EAAmBR,CAAI,GAAG;AACxC,UAAIY;AACA,eAAOA,EAAA;AAEX,YAAMC,IAAUN,EAAS,IAAI,OAAOP,CAAI,CAAC;AACzC,aAAIa,IACOA,EAAQ,IAAA,IAEZ,QAAQ,IAAIhB,GAAKG,GAAMW,CAAQ;AAAA,IAC1C;AAAA,IACA,IAAId,GAAKG,GAAMC,GAAOU,GAAU;AAC5B,YAAMG,IAAWjB,EAAIG,CAAI,GAEnBe,IAAaP,EAAmBR,CAAI,GAAG;AAQ7C,UAPIe,KAEI,CADiBA,EAAWD,GAAUb,CAAK,KAM/CQ,KAEI,CADiBA,EAAeT,GAAMc,GAAUb,CAAK;AAErD,eAAO;AAIf,YAAMe,IAASC,EAAY,MAChB,QAAQ,IAAIpB,GAAKG,GAAMC,GAAOU,CAAQ,CAChD,GAEKE,IAAUN,EAAS,IAAIP,CAAI;AAEjC,MAAIa,GAAS,OACTA,EAAQ,IAAIZ,CAAK;AAGrB,YAAMiB,IAAWV,EAAmBR,CAAI,GAAG;AAC3C,aAAIkB,KACAA,EAASjB,CAAK,GAGdS,KACAA,EAAaV,GAAMC,CAAK,GAGrBe;AAAA,IACX;AAAA,EAAA,CACH;AACL;AAEA,SAASG,EAAWC,GAAc;AAC9B,SAAOA,EAAK,QAAQ,MAAMA,EAAK,CAAC,EAAE,aAAa;AACnD;AAgBA,SAASC,EACLC,GACAC,GACuB;AACvB,QAAMC,IAASF,EAAU,QACnBG,IAAOH,EAAU,MAEjBI,IAASC,EAAS,CAACC,MACjB,OAAOH,KAAS,aACTA,EAAKG,CAAK,IAEd,sBAAA,cAAA,MAAA,UAAA,MAAGA,EAAM,QAAS,CAC5B;AAED,MAAIC,IAAiC;AAAA,IACjC,GAAGP,EAAU;AAAA,IACb,GAAGA,EAAU;AAAA;AAAA;AAAA,IAGb,MAAMI;AAAA,IACN,QAAAF;AAAA,EAAA;AAEJ,MAAIF,EAAU;AACV,eAAW,CAACQ,GAAK7B,CAAK,KAAK,OAAO,QAAQqB,EAAU,QAAQ;AACxD,UAAI,OAAOrB,KAAS,YAAY;AAE5B,cAAM8B,IAA+B,CAACH,MAAU;AAC5C,gBAAMC,IAAQ5B,EAAM2B,CAAK;AACzB,iBAAO,sBAAA,cAACC,EAAM,MAAN,IAAW;AAAA,QAMvB;AACA,gBAAQ,IAAIA,GAAOV,EAAWW,CAAG,GAAGC,CAAW;AAAA,MACnD;AACI,gBAAQ,IAAIF,GAAOC,GAAK7B,CAAK;AAIzC,MAAIqB,EAAU,WAAW;AACrB,UAAMU,IAAYV,EAAU,UAAU;AACtC,QAAIU;AACA,iBAAW,CAACC,GAASC,CAAc,KAAK,OAAO,QAAQF,CAAS;AAC5D,mBAAW,CAACG,GAAOC,CAAQ,KAAK,OAAO,QAAQF,CAAc;AACzD,UAAAV,EAAO,QAAQ;AAAA,YACX,GAAGY;AAAA,YACH,SAAAH;AAAA,YACA,OAAAE;AAAA,UAAA,CACH;AAIb,UAAME,IAAcf,EAAU,UAAU;AACxC,QAAIe;AACA,iBAAW,CAACJ,GAASK,CAAgB,KAAK,OAAO,QAAQD,CAAW;AAChE,mBAAW,CAACF,GAAOI,CAAU,KAAK,OAAO,QAAQD,CAAgB;AAC7D,UAAAd,EAAO,GAAG;AAAA,YACN,GAAGe;AAAA,YACH,SAAAN;AAAA,YACA,OAAAE;AAAA,UAAA,CACH;AAAA,EAIjB;AAEA,QAAM5B,wBAAe,IAAA;AAErB,aAAW,CAACuB,GAAK7B,CAAK,KAAK,OAAO,QAAQsB,CAAM;AAC5C,IAAI3B,EAAUK,CAAK,IACfM,EAAS,IAAIuB,GAAK7B,CAAK,IAEvB,QAAQ,IAAI4B,GAAOC,GAAK7B,CAAK;AAKrC,QAAMuC,IAAqC,CAAA;AAE3C,MAAIlB,EAAU;AACV,eAAWQ,KAAO,OAAO,KAAKR,EAAU,KAAK;AACzC,MAAAkB,EAAcV,CAAG,IAAIW,EAAW;AAGxC,MAAInB,EAAU;AACV,eAAWQ,KAAO,OAAO,KAAKR,EAAU,OAAO;AAC3C,MAAAkB,EAAcV,CAAG,IAAI;AAI7B,EAAAU,EAAc,OAAsD,IACpEA,EAAc,SAAwD;AAGtE,QAAMhC,IAAkF;AAAA,IACpF,gBACIe,GAAQ,kBAAkBD,EAAU,QAAQ,iBACtC,CAACtB,GAAMc,GAAU4B,MAAa;AAC1B,UAAI1B,IAAS,IACT2B,IAAUpB,EAAO;AACrB,aAAIoB,MACA3B,IAAS2B,EAAQ,OAAO3C,CAAI,GAAGc,GAAU4B,CAAQ,IAEjD1B,MACA2B,IAAUrB,EAAU,QAAQ,gBACxBqB,MACA3B,IAAS2B,EAAQ,OAAO3C,CAAI,GAAGc,GAAU4B,CAAQ,KAGlD1B;AAAA,IACX,IACA;AAAA,IACV,cACIO,GAAQ,gBAAgBD,EAAU,QAAQ,eACpC,CAACtB,GAAMC,MAAU;AACb,MAAAsB,EAAO,eAAe,OAAOvB,CAAI,GAAGC,CAAK,GACzCqB,EAAU,OAAO,eAAe,OAAOtB,CAAI,GAAGC,CAAK;AAAA,IACvD,IACA;AAAA,EAAA;AAGd,WAAS2C,EAAyB5C,GAAc;AAC5C,UAAM8B,IAAM,GAAG5B,CAAO,GAAGiB,EAAWnB,CAAI,CAAC;AACzC,WAAOuB,EAAOO,CAAG,KAAKR,EAAU,OAAOQ,CAAG;AAAA,EAC9C;AAEA,WAASe,EAA8B7C,GAAc;AACjD,UAAM8B,IAAM,GAAG3B,CAAY,GAAGgB,EAAWnB,CAAI,CAAC;AAC9C,YAAQ,CAACc,GAAe4B,MAAkB;AACtC,UAAI1B,IAAS,IACT2B,IAAUpB,EAAOO,CAAG;AACxB,aAAIa,MACA3B,IAAS2B,EAAQ7B,GAAU4B,CAAQ,IAEnC1B,MACA2B,IAAUrB,EAAU,OAAOQ,CAAG,GAC1Ba,MACA3B,IAAS2B,EAAQ7B,GAAU4B,CAAQ,KAGpC1B;AAAA,IACX;AAAA,EACJ;AAEA,WAAS8B,EAA4B9C,GAAc;AAC/C,UAAM8B,IAAM,GAAG1B,CAAU,GAAGe,EAAWnB,CAAI,CAAC;AAC5C,YAAQ,CAACC,MAAe;AACnB,MAAAsB,EAAOO,CAAG,IAAgC7B,CAAK,GAC/CqB,EAAU,OAAOQ,CAAG,IAAgC7B,CAAK;AAAA,IAC9D;AAAA,EACJ;AAEA,MAAIqB,EAAU;AACV,eAAWtB,KAAQ,OAAO,KAAKsB,EAAU,KAAK;AAC1C,MAAAd,EAAmBR,CAAI,IAAI;AAAA,QACvB,OAAO4C,EAAyB5C,CAAI;AAAA,QACpC,YAAY6C,EAA8B7C,CAAI;AAAA,QAC9C,UAAU8C,EAA4B9C,CAAI;AAAA,MAAA;AAKtD,SAAA6B,IAAQY,EAAWZ,GAAOW,CAAa,GAEvCX,IAAQxB,EAAYwB,GAAOtB,GAAUC,CAAkB,GAEnDc,EAAU,QAAQ,UAClBA,EAAU,OAAO,OAAOO,CAAK,GAG7BN,GAAQ,UACRA,EAAO,OAAOM,CAAK,GAGhBA;AACX;AAEO,SAASkB,EACZzB,GACAC,GACuB;AACvB,QAAMyB,IAAMC,EAAW,MAAM5B,EAAYC,GAAWC,CAAM,CAAC,GACrDM,IAAQmB,EAAI;AAElB,SAAAE,EAAgB,MAAM;AAClB,QAAI;AACA,MAAA5B,EAAU,QAAQ,WAAWO,CAAK,GAClCN,GAAQ,WAAWM,CAAK;AAAA,IAC5B,SAASsB,GAAK;AACV,MAAA7B,EAAU,QAAQ,UAAUO,GAAOsB,CAAG,GACtC5B,GAAQ,UAAUM,GAAOsB,CAAG;AAAA,IAChC;AAEA,WAAO,MAAM;AACT,MAAA7B,EAAU,QAAQ,kBAAkBO,CAAK,GACzCN,GAAQ,kBAAkBM,CAAK,GAE/BmB,EAAI,UAAU;AAAA,IAClB;AAAA,EACJ,GAAG,CAAA,CAAE,GAELI,EAAU,MAAM;AACZ,QAAI;AACA,MAAA9B,EAAU,QAAQ,UAAUO,CAAK,GACjCN,GAAQ,UAAUM,CAAK;AAAA,IAC3B,SAASsB,GAAK;AACV,MAAA7B,EAAU,QAAQ,UAAUO,GAAOsB,CAAG,GACtC5B,GAAQ,UAAUM,GAAOsB,CAAG;AAAA,IAChC;AACA,WAAO,MAAM;AACT,MAAA7B,EAAU,QAAQ,YAAYO,CAAK,GACnCN,GAAQ,YAAYM,CAAK;AAAA,IAC7B;AAAA,EACJ,GAAG,CAAA,CAAE,GAEEmB,EAAI;AACf;AAGO,SAASK,EACZC,GAC4B;AAS5B,SAPW,CAAC/B,MAAyD;AAEjE,UAAMM,IAAQyB,EAAQ/B,CAAM;AAE5B,WAAO,sBAAA,cAACM,EAAM,MAAN,EAAY,GAAGN,GAAQ;AAAA,EAEnC;AAEJ;"}

package/dist/componentModel/scope.d.ts

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

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

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

package/dist/componentModel/scope.es.js

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

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

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

package/dist/net/client.es.js

@@ -5,9 +5,9 @@ import { ApiError as r } from "./apiError.es.js";
 function u(c, e) {
   if (!c)
     return c;
-  const t = e.map((i) => i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|"), n = new RegExp(`(_?(${t}))+?$`, "i");
-  let a = c.replace(n, "");
-  return a = a.trim(), a.length > 0 ? a : c;
+  const t = e.map((i) => i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|"), a = new RegExp(`(_?(${t}))+?$`, "i");
+  let n = c.replace(a, "");
+  return n = n.trim(), n.length > 0 ? n : c;
 }
 const f = ["api", "controller", "client", "fetcher"];
 class R {
@@ -31,8 +31,8 @@ class R {
   async getBaseUrlAsync() {
     const s = (await this.msgBus.dispatchAsync({
       channel: "APP-CONFIG-GET"
-    })).payload, t = u(this.name, f), n = Object.entries(s.apis).find((a) => a[0].toLowerCase() === t?.toLowerCase());
-    this.baseUrl = n?.[1].url || s.baseUrl;
+    })).payload, t = u(this.name, f), a = Object.entries(s.apis).find((n) => n[0].toLowerCase() === t?.toLowerCase());
+    this.baseUrl = a?.[1].url || s.baseUrl;
   }
   async updateSecurityAsync() {
     if (!this.accessToken) {
@@ -49,9 +49,9 @@ class R {
       throw r.create({
         status: o.UNAUTHORIZED
       });
-    const t = "Authorization", n = e.headers, a = `Bearer ${s}`;
-    if (n instanceof Headers)
-      n.set(t, a);
+    const t = "Authorization", a = e.headers, n = `Bearer ${s}`;
+    if (a instanceof Headers)
+      a.set(t, n);
     else
       throw new Error("Unsupported headers");
   }
@@ -60,30 +60,30 @@ class R {
       let s = !0;
       const t = e.callbacks && e.callbacks.onBeforeSendRequest;
       if (t) {
-        const n = {
+        const a = {
           request: e,
           cancel: !1,
           handled: !1
         };
-        if (await t(n), n.cancel)
-          if (s = !1, e.status = "canceled", n.handled)
-            e.result = n.result;
+        if (await t(a), a.cancel)
+          if (s = !1, e.status = "canceled", a.handled)
+            e.result = a.result;
           else
             throw new Error("The request was aborted");
       }
       if (s) {
         e.status = "executing";
-        const n = await this.fetcher.fetch(e.url, e);
-        r.assert(n, e);
-        let a = e.callbacks && e.callbacks.onResponseRead;
-        a || (a = async (l) => {
-          const h = await p(n, e);
+        const a = await this.fetcher.fetch(e.url, e);
+        r.assert(a, e);
+        let n = e.callbacks && e.callbacks.onResponseRead;
+        n || (n = async (l) => {
+          const h = await p(a, e);
           l.result = h;
         });
         const i = {
-          response: n
+          response: a
         };
-        await a(i), e.result = i.result, e.status = "succeeded";
+        await n(i), e.result = i.result, e.status = "succeeded";
       }
     } catch (s) {
       throw e.status = "failed", s;
@@ -94,7 +94,7 @@ class R {
     let s = 0;
     do
       try {
-        return e.useAuth && await this.addAuthorizationAsync(e), this.executeRequestInternalAsync(e);
+        return e.useAuth && await this.addAuthorizationAsync(e), await this.executeRequestInternalAsync(e);
       } catch (t) {
         if (t instanceof r) {
           if (s > 0 || t.status === o.UPGRADE_REQUIRED)
@@ -125,14 +125,14 @@ class R {
       cache: "default",
       credentials: "same-origin",
       mode: "cors"
-    }, ...e }, e.id || (e.id = d());
+    }, ...e }, e.id || (e.id = d()), e.headers instanceof Headers || (e.headers = new Headers(e.headers)), e.headers.append("Content-Type", e.contentType), e.method === "POST" && (e.body || (e.body = ""));
     let t = {
       ...e,
       status: "queued",
       response: void 0,
       result: void 0
     };
-    return this.requestStateMap.set(e.id, t), e.headers instanceof Headers || (e.headers = new Headers(e.headers)), e.headers.append("Content-Type", e.contentType), e.method === "POST" && (e.body || (e.body = "")), await this.executeRequestAsync(t), t.result;
+    return this.requestStateMap.set(e.id, t), await this.executeRequestAsync(t), t.result;
   }
 }
 export {

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 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        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        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        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 { 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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"}

package/dist/net/request.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"request.d.ts","sourceRoot":"","sources":["../../src/net/request.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAQ,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE1F,MAAM,MAAM,QAAQ,GAAG;IACnB,KAAK,CAAC,GAAG,EAAE,WAAW,GAAG,GAAG,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;CACxE,CAAC;AAGF,MAAM,MAAM,aAAa,GAAG;KACvB,CAAC,IAAI,MAAM,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,SAAS,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;CACnH,CAAC;AAGF,MAAM,MAAM,QAAQ,GAEd,sBAAsB,GACtB,kBAAkB,GAClB,wBAAwB,GACxB,0BAA0B,GAC1B,iBAAiB,GACjB,wBAAwB,GACxB,sBAAsB,GACtB,uBAAuB,GACvB,uBAAuB,GACvB,iBAAiB,GACjB,kBAAkB,GAClB,mBAAmB,GACnB,iBAAiB,GACjB,oBAAoB,GAEpB,UAAU,GACV,UAAU,GACV,UAAU,GACV,WAAW,GAEX,YAAY,GACZ,UAAU,GACV,eAAe,GAEf,WAAW,GACX,YAAY,GACZ,YAAY,CAAC;AAGnB,MAAM,MAAM,aAAa,GAEnB,EAAE,GAEF,QAAQ,GAER,WAAW,GAGX,WAAW,GAEX,QAAQ,GAER,UAAU,CAAC;AAEjB,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG;IAEpC,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IACzC,MAAM,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,GAAG,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,UAAU,QAAQ,kBAAoB,CAAC;AAEvE,eAAO,MAAM,eAAe,GAAI,UAAU,QAAQ,iBAAoB,CAAC;AAEvE,eAAO,MAAM,eAAe,GAAI,UAAU,QAAQ,oBAAoB,CAAC;AAEvE,eAAO,MAAM,sBAAsB,GAAI,UAAU,QAAQ,yBAA2B,CAAC;AAGrF,wBAAsB,iBAAiB,CAAC,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC,CA+CtG;AAED,MAAM,WAAW,iBAAiB,CAAC,OAAO,GAAG,GAAG;IAE5C,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC1B,OAAO,EAAE,cAAc,CAAC;QAExB,MAAM,EAAE,OAAO,CAAC;QAChB,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,OAAO,CAAC;KACpB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,QAAQ,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACtF;AAGD,MAAM,WAAW,cAAc,CAAC,OAAO,GAAG,GAAG,CAAE,SAAQ,WAAW;IAE9D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IAEZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAKlB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CAC1C"}
+{"version":3,"file":"request.d.ts","sourceRoot":"","sources":["../../src/net/request.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAQ,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAG1F,MAAM,MAAM,QAAQ,GAAG;IACnB,KAAK,CAAC,GAAG,EAAE,WAAW,GAAG,GAAG,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;CACxE,CAAC;AAGF,MAAM,MAAM,aAAa,GAAG;KACvB,CAAC,IAAI,MAAM,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,SAAS,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;CACnH,CAAC;AAGF,MAAM,MAAM,QAAQ,GAEd,sBAAsB,GACtB,kBAAkB,GAClB,wBAAwB,GACxB,0BAA0B,GAC1B,iBAAiB,GACjB,wBAAwB,GACxB,sBAAsB,GACtB,uBAAuB,GACvB,uBAAuB,GACvB,iBAAiB,GACjB,kBAAkB,GAClB,mBAAmB,GACnB,iBAAiB,GACjB,oBAAoB,GAEpB,UAAU,GACV,UAAU,GACV,UAAU,GACV,WAAW,GAEX,YAAY,GACZ,UAAU,GACV,eAAe,GAEf,WAAW,GACX,YAAY,GACZ,YAAY,CAAC;AAGnB,MAAM,MAAM,aAAa,GAEnB,EAAE,GAEF,QAAQ,GAER,WAAW,GAGX,WAAW,GAEX,QAAQ,GAER,UAAU,CAAC;AAEjB,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG;IAEpC,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IACzC,MAAM,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,GAAG,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,UAAU,QAAQ,kBAAoB,CAAC;AAEvE,eAAO,MAAM,eAAe,GAAI,UAAU,QAAQ,iBAAoB,CAAC;AAEvE,eAAO,MAAM,eAAe,GAAI,UAAU,QAAQ,oBAAoB,CAAC;AAEvE,eAAO,MAAM,sBAAsB,GAAI,UAAU,QAAQ,yBAA2B,CAAC;AAGrF,wBAAsB,iBAAiB,CAAC,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC,CAmDtG;AAED,MAAM,WAAW,iBAAiB,CAAC,OAAO,GAAG,GAAG;IAE5C,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC1B,OAAO,EAAE,cAAc,CAAC;QAExB,MAAM,EAAE,OAAO,CAAC;QAChB,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,OAAO,CAAC;KACpB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,QAAQ,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACtF;AAGD,MAAM,WAAW,cAAc,CAAC,OAAO,GAAG,GAAG,CAAE,SAAQ,WAAW;IAE9D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IAEZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAKlB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CAC1C"}

package/dist/net/request.es.js

@@ -1,33 +1,38 @@
-import n from "http-status";
-const l = (t) => t.blob(), c = (t) => t.json(), d = (t) => t.text(), f = (t) => t.arrayBuffer();
-async function h(t, s) {
-  let e = s.contentType || (s.headers && s.headers instanceof Headers ? s.headers.get("content-type") : s.headers["Content-Type"]);
-  t.headers && (e = t.headers instanceof Headers ? t.headers.get("content-type") : t.headers["content-type"]);
-  let a;
+import s from "http-status";
+import { ApiError as n } from "./apiError.es.js";
+const l = (t) => t.blob(), f = (t) => t.json(), h = (t) => t.text(), d = (t) => t.arrayBuffer();
+async function y(t, a) {
+  let o = a.contentType || (a.headers && a.headers instanceof Headers ? a.headers.get("content-type") : a.headers["Content-Type"]);
+  t.headers && (o = t.headers instanceof Headers ? t.headers.get("content-type") : t.headers["content-type"]);
+  let e;
   t.resolved || (t.resolved = {});
-  const o = t.resolved;
-  if (e = (e || "").toLowerCase(), t.status === n.OK || t.status === n.NO_CONTENT)
-    if (e.startsWith("text/"))
-      a = await t.text();
-    else if (e.startsWith("image/"))
-      a = await t.blob();
-    else if (e.startsWith("application/json"))
-      a = await t.json(), o.json = a;
-    else if (e.startsWith("octet-stream"))
-      a = await t.blob(), o.blob = a;
-    else
-      throw new Error(`Unsupported mime type: ${e}`);
-  else {
-    const i = await t.json();
-    throw o.json = i, new Error(`Response status: ${t.status}`);
-  }
-  return s.result = a, a;
+  const i = t.resolved;
+  if (o = (o || "").toLowerCase(), o.startsWith("text/"))
+    e = await t.text();
+  else if (o.startsWith("image/"))
+    e = await t.blob();
+  else if (o.startsWith("application/json"))
+    e = await t.json(), i.json = e;
+  else if (o.startsWith("octet-stream"))
+    e = await t.blob(), i.blob = e;
+  else
+    try {
+      i.json = await t.clone().json();
+    } catch {
+      try {
+        i.text = await t.text();
+      } catch {
+      }
+    }
+  if (!(t.status === s.OK || t.status === s.NO_CONTENT))
+    throw n.create(t, a);
+  return a.result = e, e;
 }
 export {
-  f as getResponseArrayBuffer,
+  d as getResponseArrayBuffer,
   l as getResponseBlob,
-  c as getResponseJson,
-  h as getResponseResult,
-  d as getResponseText
+  f as getResponseJson,
+  y as getResponseResult,
+  h as getResponseText
 };
 //# sourceMappingURL=request.es.js.map