@actdim/dynstruct 1.0.2 → 1.0.5

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

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

package/dist/componentModel/contracts.d.ts

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

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

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

package/dist/componentModel/contracts.es.js

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

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

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

package/dist/dist/componentModel/componentContext.es.es.js

@@ -0,0 +1,15 @@
+import { createContext as t, useContext as e } from "react";
+const n = t(void 0);
+function C() {
+  const o = e(n);
+  if (!o)
+    throw new Error(
+      "Can't resolve ComponentContext. Please wrap your component tree with <ComponentContextProvider>."
+    );
+  return o;
+}
+export {
+  n as ReactComponentContext,
+  C as useComponentContext
+};
+//# sourceMappingURL=componentContext.es.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"componentContext.es.es.js","sources":["../../componentModel/componentContext.es.js"],"sourcesContent":["import P, { createContext as R, useContext as k, useRef as i } from \"react\";\nconst f = R(void 0);\nfunction E(o) {\n  let h;\n  const c = i(/* @__PURE__ */ new Map()), u = i([]), g = () => u.current[u.current.length - 1], d = (e, t) => {\n    let n = c.current.get(e);\n    if (n ? n.parentId = t : (n = {\n      id: e,\n      parentId: t,\n      children: /* @__PURE__ */ new Set()\n    }, c.current.set(e, n)), t) {\n      let r = c.current.get(t);\n      r || (r = {\n        id: t,\n        children: /* @__PURE__ */ new Set()\n      }, c.current.set(t, r)), r.children.has(e) || r.children.add(e);\n    }\n    u.current.push(e);\n  }, a = (e) => {\n    const t = c.current.get(e);\n    if (!t)\n      return;\n    t.parentId && c.current.get(t.parentId)?.children.delete(e), t.children.forEach((r) => a(r)), c.current.delete(e);\n    const n = u.current.lastIndexOf(e);\n    n >= 0 && u.current.splice(n, 1);\n  }, s = (e) => c.current.get(e)?.parentId, p = (e) => Array.from(c.current.get(e)?.children ?? []), C = (e) => {\n    const t = [];\n    let n = e;\n    for (; ; ) {\n      const r = s(n);\n      if (!r)\n        break;\n      t.push(r), n = r;\n    }\n    return t;\n  }, x = (e) => {\n    const t = [], n = [e];\n    for (; n.length > 0; ) {\n      const r = n.pop(), v = p(r);\n      for (const l of v)\n        t.includes(l) || (t.push(l), n.push(l));\n    }\n    return t;\n  }, w = (e) => {\n    e || (e = g());\n    const t = [];\n    let n = e;\n    for (; n; )\n      t.push(n), n = s(n);\n    return t.reverse().join(\"/\");\n  }, m = () => c.current;\n  return h = i({\n    ...o.value,\n    register: d,\n    unregister: a,\n    getParent: s,\n    getChildren: p,\n    getChainUp: C,\n    getChainDown: x,\n    getHierarchyPath: w,\n    getNodeMap: m\n  }), /* @__PURE__ */ P.createElement(f.Provider, { value: h.current }, o.children);\n}\nfunction S() {\n  const o = k(f);\n  if (!o)\n    throw new Error(\n      \"Can't resolve ComponentContext. Please wrap your component tree with <ComponentContextProvider>.\"\n    );\n  return o;\n}\nexport {\n  E as ComponentContextProvider,\n  f as ReactComponentContext,\n  S as useComponentContext\n};\n//# sourceMappingURL=componentContext.es.js.map\n"],"names":["f","R","S","k"],"mappings":";AACK,MAACA,IAAIC,EAAE,MAAM;AA8DlB,SAASC,IAAI;AACX,QAAM,IAAIC,EAAEH,CAAC;AACb,MAAI,CAAC;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IACN;AACE,SAAO;AACT;"}

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

@@ -0,0 +1,260 @@
+import y, { useLayoutEffect as R, useMemo as F, useEffect as L } from "react";
+import { observer as M } from "mobx-react-lite";
+import { observable as j, runInAction as N } from "mobx";
+import { useLazyRef as A } from "../reactHooks.es.es.js";
+import { getGlobalFlags as I } from "../globals.es.es.js";
+import { useComponentContext as U, ReactComponentContext as x } from "./componentContext.es.es.js";
+const z = Symbol("$isBinding");
+function G(n) {
+  return n[z] === !0;
+}
+const V = "onGet", Z = "onChanging", J = "onChange";
+function K(n, e, a) {
+  const C = a.onPropChanging, t = a.onPropChange;
+  return new Proxy(n, {
+    get(c, u, i) {
+      const p = a[u]?.onGet;
+      if (p)
+        return p();
+      const g = e.get(String(u));
+      if (g) {
+        let l;
+        return l = g.get(), l;
+      }
+      return Reflect.get(c, u, i);
+    },
+    set(c, u, i, p) {
+      const g = c[u], l = a[u]?.onChanging;
+      if (l && !l(g, i) || C && !C(u, g, i))
+        return !0;
+      const v = N(() => Reflect.set(c, u, i, p)), P = e.get(u);
+      P?.set && P.set(i);
+      const k = a[u]?.onChange;
+      return k && k(i), t && t(u, i), v;
+    }
+  });
+}
+function w(n) {
+  return n.replace(/^./, n[0].toUpperCase());
+}
+const E = {
+  sources: /* @__PURE__ */ new Map(),
+  count: 0
+};
+function _(n, e = 1) {
+  return n.split(/[?#]/)[0].split("/").filter(Boolean).map((a) => decodeURIComponent(a)).slice(-e).join("-").normalize("NFKD").replace(/[^a-zA-Z0-9\-_:.+#]/g, "-").replace(/-+/g, "-").replace(/^[^a-zA-Z]+/, "-").replace(/[+#]$/, "-");
+}
+function q(n = 2) {
+  const e = new Error().stack?.split(`
+`);
+  if (!e || e.length <= n) return null;
+  const a = e[n].match(/\((.*):\d+:\d+\)/);
+  return a ? a[1] : null;
+}
+function Q(n) {
+  const e = n?.msgBroker.provide;
+  if (e)
+    for (const [C, t] of Object.entries(e))
+      for (const [c, u] of Object.entries(t)) {
+        const i = u, p = i.callback;
+        p && (i.callback = (l) => p(l, n));
+        const g = i.filter;
+        g && (i.filter = (l) => g(l, n)), n.msgBus.provide({
+          ...u,
+          channel: C,
+          group: c,
+          config: {
+            abortSignal: n.msgBroker.abortController.signal
+          }
+        });
+      }
+  const a = n?.msgBroker?.subscribe;
+  if (a)
+    for (const [C, t] of Object.entries(a))
+      for (const [c, u] of Object.entries(t)) {
+        const i = u, p = i.callback;
+        p && (i.callback = (l) => p(l, n));
+        const g = i.filter;
+        g && (i.filter = (l) => g(l, n)), n.msgBus.on({
+          ...u,
+          channel: C,
+          group: c,
+          config: {
+            abortSignal: n.msgBroker.abortController.signal
+          }
+        });
+      }
+}
+function T(n, e) {
+  const a = /* @__PURE__ */ new Map(), C = n.view;
+  let t, c, u = n.msgBus, i = {
+    ...n.msgBroker
+  };
+  i.abortController || (i.abortController = new AbortController());
+  const p = M((o) => {
+    const r = c.id, s = U(), h = s.currentId;
+    c.parentId = h, u || (u = s.msgBus);
+    const d = F(
+      () => ({ ...s, currentId: r }),
+      [n, e, s]
+    );
+    R(() => {
+      try {
+        if (I().debug) {
+          const f = c.getHierarchyId;
+          console.debug(`${f}>layout`);
+        }
+        s.register(r, h), c.getHierarchyId = () => s.getHierarchyPath(r), c.getChainDown = () => s.getChainDown(r), c.getChainUp = () => s.getChainUp(r), c.getChildren = () => s.getChildren(r), c.getParent = () => s.getParent(r), c.getNodeMap = () => s.getNodeMap(), Q(t), n.events?.onLayout?.(t), e?.onLayout?.(t);
+      } catch (f) {
+        n.events?.onError?.(t, f), e?.onError?.(t, f);
+      }
+      return () => {
+        if (I().debug) {
+          const f = c.getHierarchyId;
+          console.debug(`${f}>layout-destroy`);
+        }
+        s.unregister(r), i.abortController.abort(), n.events?.onLayoutDestroy?.(t), e?.onLayoutDestroy?.(t);
+      };
+    }, [n, e, s]), L(() => {
+      try {
+        if (I().debug) {
+          const f = c.getHierarchyId;
+          console.debug(`${f}>ready`);
+        }
+        n.events?.onReady?.(t), e?.onReady?.(t);
+      } catch (f) {
+        if (I().debug) {
+          const B = c.getHierarchyId;
+          console.debug(`${B}>destroy`);
+        }
+        n.events?.onError?.(t, f), e?.onError?.(t, f);
+      }
+      return () => {
+        n.events?.onDestroy?.(t), e?.onDestroy?.(t);
+      };
+    }, [n, e, s]);
+    let m;
+    try {
+      if (I().debug) {
+        const f = c.getHierarchyId;
+        console.debug(`${f}>view`);
+      }
+      typeof C == "function" ? m = C(o, t) : m = /* @__PURE__ */ y.createElement(y.Fragment, null, o.children);
+    } catch (f) {
+      const B = JSON.stringify(f);
+      m = /* @__PURE__ */ y.createElement(y.Fragment, null, B);
+    }
+    return /* @__PURE__ */ y.createElement(x.Provider, { value: d }, m);
+  });
+  let g;
+  const l = E.sources, v = q(6), P = _(v, 2);
+  l.has(v) ? (g = l.get(v), g.count++) : (g = {
+    structId: n.name || P || `Component_${E.count}`,
+    count: 0
+  }, l.set(v, g), E.count++);
+  const k = `${g.structId}#${g.count}`;
+  if (c = {
+    bindings: a,
+    id: k,
+    parentId: void 0,
+    getHierarchyId: () => {
+    },
+    getChainDown: () => {
+    },
+    getChainUp: () => {
+    },
+    getChildren: () => {
+    },
+    getParent: () => {
+    },
+    getNodeMap: () => {
+    }
+  }, t = {
+    ...n.props,
+    ...n.methods,
+    // view: component.view,
+    View: p,
+    get msgBus() {
+      return u;
+    },
+    msgBroker: i,
+    $: c
+  }, n.children)
+    for (const [o, r] of Object.entries(n.children))
+      if (typeof r == "function") {
+        const s = r, h = (d) => {
+          const m = s(d);
+          return /* @__PURE__ */ y.createElement(m.View, null);
+        };
+        Reflect.set(t, w(o), h);
+      } else
+        Reflect.set(t, o, r);
+  for (const [o, r] of Object.entries(e))
+    G(r) ? a.set(o, r) : Reflect.set(t, o, r);
+  const b = {};
+  if (n.props)
+    for (const o of Object.keys(n.props))
+      b[o] = j.ref;
+  if (n.methods)
+    for (const o of Object.keys(n.methods))
+      b[o] = !1;
+  if (n.children)
+    for (const o of Object.keys(n.children))
+      b[o] = !1;
+  b.View = !1, b.msgBus = !1, b.$ = !1;
+  const O = {
+    onPropChanging: e?.onPropChanging || n.events?.onPropChanging ? (o, r, s) => {
+      let h = !0, d = e.onPropChanging;
+      return d && (h = d(String(o), r, s)), h && (d = n.events?.onPropChanging, d && (h = d(String(o), r, s))), h;
+    } : void 0,
+    onPropChange: e?.onPropChange || n.events?.onPropChange ? (o, r) => {
+      e.onPropChange?.(String(o), r), n.events.onPropChange?.(String(o), r);
+    } : void 0
+  };
+  function S(o) {
+    const r = `${V}${w(o)}`;
+    return e[r] || n.events?.[r];
+  }
+  function D(o) {
+    const r = `${Z}${w(o)}`;
+    return ((s, h) => {
+      let d = !0, m = e[r];
+      return m && (d = m(s, h)), d && (m = n.events[r], m && (d = m(s, h))), d;
+    });
+  }
+  function H(o) {
+    const r = `${J}${w(o)}`;
+    return ((s) => {
+      e[r]?.(s), n.events[r]?.(s);
+    });
+  }
+  if (n.props)
+    for (const o of Object.keys(n.props))
+      O[o] = {
+        onGet: S(o),
+        onChanging: D(o),
+        onChange: H(o)
+      };
+  return t = j(t, b, {
+    deep: !0
+  }), t = K(t, a, O), n.events?.onInit && n.events.onInit(t), e?.onInit && e.onInit(t), t;
+}
+function tn(n, e) {
+  const a = A(() => T(n, e));
+  return R(() => () => {
+    a.current = null;
+  }, [n, e]), a.current;
+}
+function on(n) {
+  return (e) => {
+    const a = n(e);
+    return /* @__PURE__ */ y.createElement(a.View, { ...e });
+  };
+}
+export {
+  on as getFC,
+  G as isBinding,
+  _ as toHtmlId,
+  tn as useComponent
+};
+//# sourceMappingURL=componentModel.es.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"componentModel.es.es.js","sources":["../../componentModel/componentModel.es.js"],"sourcesContent":["import I, { useLayoutEffect as R, useMemo as H, useEffect as L } from \"react\";\nimport { observer as x } from \"mobx-react-lite\";\nimport { observable as G, runInAction as z } from \"mobx\";\nimport { useLazyRef as U } from \"../reactHooks.es.js\";\nimport { getGlobalFlags as P } from \"../globals.es.js\";\nimport { useComponentContext as _, ReactComponentContext as M } from \"./componentContext.es.js\";\nvar V = /* @__PURE__ */ ((e) => (e[e.None = 0] = \"None\", e[e.FromAncestors = 1] = \"FromAncestors\", e[e.FromDescendants = 2] = \"FromDescendants\", e))(V || {});\nconst E = Symbol(\"$isBinding\");\nclass j {\n  // getter\n  get;\n  // setter\n  set;\n  converter;\n  validator;\n  readOnly;\n  constructor(t, s, u, n) {\n    this.get = t, this.set = s, this.converter = u, this.validator = n, this.readOnly = !!s, this[E] = !0;\n  }\n  [E];\n}\nfunction Z(e) {\n  return e[E] === !0;\n}\nfunction oe(e, t, s, u) {\n  return new j(e, t, s, u);\n}\nfunction se(e, t) {\n  return new j(\n    () => e()[t],\n    (s) => {\n      e()[t] = s;\n    }\n  );\n}\nconst J = \"onGet\", K = \"onChanging\", T = \"onChange\";\nfunction q(e, t, s) {\n  const u = s.onPropChanging, n = s.onPropChange;\n  return new Proxy(e, {\n    get(i, g, c) {\n      const C = s[g]?.onGet;\n      if (C)\n        return C();\n      const f = t.get(String(g));\n      if (f) {\n        let a;\n        return a = f.get(), a;\n      }\n      return Reflect.get(i, g, c);\n    },\n    set(i, g, c, C) {\n      const f = i[g], a = s[g]?.onChanging;\n      if (a && !a(f, c) || u && !u(g, f, c))\n        return !0;\n      const k = z(() => Reflect.set(i, g, c, C)), $ = t.get(g);\n      $?.set && $.set(c);\n      const w = s[g]?.onChange;\n      return w && w(c), n && n(g, c), k;\n    }\n  });\n}\nfunction B(e) {\n  return e.replace(/^./, e[0].toUpperCase());\n}\nconst N = {\n  sources: /* @__PURE__ */ new Map(),\n  count: 0\n};\nfunction Q(e, t = 1) {\n  return e.split(/[?#]/)[0].split(\"/\").filter(Boolean).map((c) => decodeURIComponent(c)).slice(-t).join(\"-\").normalize(\"NFKD\").replace(/[^a-zA-Z0-9\\-_:.+#]/g, \"-\").replace(/-+/g, \"-\").replace(/^[^a-zA-Z]+/, \"-\").replace(/[+#]$/, \"-\");\n}\nfunction W(e = 2) {\n  const s = new Error().stack?.split(`\n`);\n  if (!s || s.length <= e) return null;\n  const u = s[e].match(/\\((.*):\\d+:\\d+\\)/);\n  return u ? u[1] : null;\n}\nfunction X(e) {\n  const t = e?.msgBroker.provide;\n  if (t)\n    for (const [u, n] of Object.entries(t))\n      for (const [i, g] of Object.entries(n)) {\n        const c = g, C = c.callback;\n        C && (c.callback = (a) => C(a, e));\n        const f = c.filter;\n        f && (c.filter = (a) => f(a, e)), e.msgBus.provide({\n          ...g,\n          channel: u,\n          group: i,\n          config: {\n            abortSignal: e.msgBroker.abortController.signal\n          }\n        });\n      }\n  const s = e?.msgBroker?.subscribe;\n  if (s)\n    for (const [u, n] of Object.entries(s))\n      for (const [i, g] of Object.entries(n)) {\n        const c = g, C = c.callback;\n        C && (c.callback = (a) => C(a, e));\n        const f = c.filter;\n        f && (c.filter = (a) => f(a, e)), e.msgBus.on({\n          ...g,\n          channel: u,\n          group: i,\n          config: {\n            abortSignal: e.msgBroker.abortController.signal\n          }\n        });\n      }\n}\nfunction Y(e, t) {\n  const s = /* @__PURE__ */ new Map(), u = e.view;\n  let n, i, g = e.msgBus, c = {\n    ...e.msgBroker\n  };\n  c.abortController || (c.abortController = new AbortController());\n  const C = x((r) => {\n    const o = i.id, l = _(), b = l.currentId;\n    i.parentId = b, g || (g = l.msgBus);\n    const h = H(\n      () => ({ ...l, currentId: o }),\n      [e, t, l]\n    );\n    R(() => {\n      try {\n        if (P().debug) {\n          const d = i.getHierarchyId;\n          console.debug(`${d}>layout`);\n        }\n        l.register(o, b), i.getHierarchyId = () => l.getHierarchyPath(o), i.getChainDown = () => l.getChainDown(o), i.getChainUp = () => l.getChainUp(o), i.getChildren = () => l.getChildren(o), i.getParent = () => l.getParent(o), i.getNodeMap = () => l.getNodeMap(), X(n), e.events?.onLayout?.(n), t?.onLayout?.(n);\n      } catch (d) {\n        e.events?.onError?.(n, d), t?.onError?.(n, d);\n      }\n      return () => {\n        if (P().debug) {\n          const d = i.getHierarchyId;\n          console.debug(`${d}>layout-destroy`);\n        }\n        l.unregister(o), c.abortController.abort(), e.events?.onLayoutDestroy?.(n), t?.onLayoutDestroy?.(n);\n      };\n    }, [e, t, l]), L(() => {\n      try {\n        if (P().debug) {\n          const d = i.getHierarchyId;\n          console.debug(`${d}>ready`);\n        }\n        e.events?.onReady?.(n), t?.onReady?.(n);\n      } catch (d) {\n        if (P().debug) {\n          const O = i.getHierarchyId;\n          console.debug(`${O}>destroy`);\n        }\n        e.events?.onError?.(n, d), t?.onError?.(n, d);\n      }\n      return () => {\n        e.events?.onDestroy?.(n), t?.onDestroy?.(n);\n      };\n    }, [e, t, l]);\n    let y;\n    try {\n      if (P().debug) {\n        const d = i.getHierarchyId;\n        console.debug(`${d}>view`);\n      }\n      typeof u == \"function\" ? y = u(r, n) : y = /* @__PURE__ */ I.createElement(I.Fragment, null, r.children);\n    } catch (d) {\n      const O = JSON.stringify(d);\n      y = /* @__PURE__ */ I.createElement(I.Fragment, null, O);\n    }\n    return /* @__PURE__ */ I.createElement(M.Provider, { value: h }, y);\n  });\n  let f;\n  const a = N.sources, k = W(6), $ = Q(k, 2);\n  a.has(k) ? (f = a.get(k), f.count++) : (f = {\n    structId: e.name || $ || `Component_${N.count}`,\n    count: 0\n  }, a.set(k, f), N.count++);\n  const w = `${f.structId}#${f.count}`;\n  if (i = {\n    bindings: s,\n    id: w,\n    parentId: void 0,\n    getHierarchyId: () => {\n    },\n    getChainDown: () => {\n    },\n    getChainUp: () => {\n    },\n    getChildren: () => {\n    },\n    getParent: () => {\n    },\n    getNodeMap: () => {\n    }\n  }, n = {\n    ...e.props,\n    ...e.methods,\n    // view: component.view,\n    View: C,\n    get msgBus() {\n      return g;\n    },\n    msgBroker: c,\n    $: i\n  }, e.children)\n    for (const [r, o] of Object.entries(e.children))\n      if (typeof o == \"function\") {\n        const l = o, b = (h) => {\n          const y = l(h);\n          return /* @__PURE__ */ I.createElement(y.View, null);\n        };\n        Reflect.set(n, B(r), b);\n      } else\n        Reflect.set(n, r, o);\n  for (const [r, o] of Object.entries(t))\n    Z(o) ? s.set(r, o) : Reflect.set(n, r, o);\n  const v = {};\n  if (e.props)\n    for (const r of Object.keys(e.props))\n      v[r] = G.ref;\n  if (e.methods)\n    for (const r of Object.keys(e.methods))\n      v[r] = !1;\n  if (e.children)\n    for (const r of Object.keys(e.children))\n      v[r] = !1;\n  v.View = !1, v.msgBus = !1, v.$ = !1;\n  const D = {\n    onPropChanging: t?.onPropChanging || e.events?.onPropChanging ? (r, o, l) => {\n      let b = !0, h = t.onPropChanging;\n      return h && (b = h(String(r), o, l)), b && (h = e.events?.onPropChanging, h && (b = h(String(r), o, l))), b;\n    } : void 0,\n    onPropChange: t?.onPropChange || e.events?.onPropChange ? (r, o) => {\n      t.onPropChange?.(String(r), o), e.events.onPropChange?.(String(r), o);\n    } : void 0\n  };\n  function S(r) {\n    const o = `${J}${B(r)}`;\n    return t[o] || e.events?.[o];\n  }\n  function A(r) {\n    const o = `${K}${B(r)}`;\n    return ((l, b) => {\n      let h = !0, y = t[o];\n      return y && (h = y(l, b)), h && (y = e.events[o], y && (h = y(l, b))), h;\n    });\n  }\n  function F(r) {\n    const o = `${T}${B(r)}`;\n    return ((l) => {\n      t[o]?.(l), e.events[o]?.(l);\n    });\n  }\n  if (e.props)\n    for (const r of Object.keys(e.props))\n      D[r] = {\n        onGet: S(r),\n        onChanging: A(r),\n        onChange: F(r)\n      };\n  return n = G(n, v, {\n    deep: !0\n  }), n = q(n, s, D), e.events?.onInit && e.events.onInit(n), t?.onInit && t.onInit(n), n;\n}\nfunction ie(e, t) {\n  const s = U(() => Y(e, t));\n  return R(() => () => {\n    s.current = null;\n  }, [e, t]), s.current;\n}\nfunction ce(e) {\n  return (s) => {\n    const u = e(s);\n    return /* @__PURE__ */ I.createElement(u.View, { ...s });\n  };\n}\nexport {\n  V as ComponentMsgHeaderFilter,\n  oe as bind,\n  se as bindProp,\n  ce as getFC,\n  Z as isBinding,\n  Q as toHtmlId,\n  ie as useComponent\n};\n//# sourceMappingURL=componentModel.es.js.map\n"],"names":["E","Z","e","J","K","T","q","t","s","u","n","i","g","c","C","f","a","k","z","$","w","B","N","Q","W","X","Y","x","r","o","l","_","b","h","H","R","P","d","L","O","y","I","M","v","G","D","S","A","F","ie","U","ce"],"mappings":"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"}

package/dist/dist/globals.es.es.js

@@ -0,0 +1,10 @@
+const e = {
+  debug: !1
+};
+function l() {
+  return typeof globalThis > "u" ? e : window.__DYNSTRUCT__ || e;
+}
+export {
+  l as getGlobalFlags
+};
+//# sourceMappingURL=globals.es.es.js.map

package/dist/dist/globals.es.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globals.es.es.js","sources":["../globals.es.js"],"sourcesContent":["const l = {\n  debug: !1\n};\nfunction e() {\n  return typeof globalThis > \"u\" ? l : window.__DYNSTRUCT__ || l;\n}\nexport {\n  e as getGlobalFlags\n};\n//# sourceMappingURL=globals.es.js.map\n"],"names":["l","e"],"mappings":"AAAA,MAAMA,IAAI;AAAA,EACR,OAAO;AACT;AACA,SAASC,IAAI;AACX,SAAO,OAAO,aAAa,MAAMD,IAAI,OAAO,iBAAiBA;AAC/D;"}

package/dist/dist/reactHooks.es.es.js

@@ -0,0 +1,9 @@
+import { useRef as n } from "react";
+function u(e) {
+  const r = n(null);
+  return r.current === null && (r.current = e()), r;
+}
+export {
+  u as useLazyRef
+};
+//# sourceMappingURL=reactHooks.es.es.js.map

package/dist/dist/reactHooks.es.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactHooks.es.es.js","sources":["../reactHooks.es.js"],"sourcesContent":["import { useRef as n } from \"react\";\nfunction t(e) {\n  const r = n(null);\n  return r.current === null && (r.current = e()), r;\n}\nexport {\n  t as useLazyRef\n};\n//# sourceMappingURL=reactHooks.es.js.map\n"],"names":["t","n"],"mappings":";AACA,SAASA,EAAE,GAAG;AACZ,QAAM,IAAIC,EAAE,IAAI;AAChB,SAAO,EAAE,YAAY,SAAS,EAAE,UAAU,EAAC,IAAK;AAClD;"}

package/dist/globals.d.ts

@@ -0,0 +1,11 @@
+export {};
+export type GlobalFlags = {
+    debug?: boolean;
+};
+declare global {
+    interface Window {
+        __DYNSTRUCT__?: GlobalFlags;
+    }
+}
+export declare function getGlobalFlags(): GlobalFlags;
+//# sourceMappingURL=globals.d.ts.map

package/dist/globals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globals.d.ts","sourceRoot":"","sources":["../src/globals.ts"],"names":[],"mappings":"AAAA,OAAO,EAAG,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAMF,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,aAAa,CAAC,EAAE,WAAW,CAAC;KAC/B;CAEJ;AAGD,wBAAgB,cAAc,gBAS7B"}

package/dist/globals.es.js

@@ -0,0 +1,10 @@
+const l = {
+  debug: !1
+};
+function e() {
+  return typeof globalThis > "u" ? l : window.__DYNSTRUCT__ || l;
+}
+export {
+  e as getGlobalFlags
+};
+//# sourceMappingURL=globals.es.js.map

package/dist/globals.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globals.es.js","sources":["../src/globals.ts"],"sourcesContent":["export { };\r\n\r\nexport type GlobalFlags = {\r\n    debug?: boolean;\r\n};\r\n\r\nconst defaultGlobalFlags: GlobalFlags = {\r\n    debug: false\r\n}\r\n\r\ndeclare global {\r\n    interface Window {\r\n        __DYNSTRUCT__?: GlobalFlags;\r\n    }\r\n\r\n}\r\n\r\n// getUserFlags\r\nexport function getGlobalFlags() {\r\n    // window\r\n    const globalObj = globalThis as Window & typeof globalThis;\r\n\r\n    if (typeof globalObj === 'undefined') {\r\n        return defaultGlobalFlags;\r\n    }\r\n\r\n    return window.__DYNSTRUCT__ || defaultGlobalFlags;\r\n}"],"names":["defaultGlobalFlags","getGlobalFlags"],"mappings":"AAMA,MAAMA,IAAkC;AAAA,EACpC,OAAO;AACX;AAUO,SAASC,IAAiB;AAI7B,SAAI,OAFc,aAEO,MACdD,IAGJ,OAAO,iBAAiBA;AACnC;"}