@actdim/dynstruct 1.0.0 → 1.0.3

package/README.md

@@ -1,18 +1,22 @@
 # @actdim/dynstruct
+
 Build scalable applications with dynamic structured components, explicit wiring, and decoupled message flow. Keep architecture clean and modular.
 
 # use dedupe:
-'rxjs', 
-'uuid', 
-'http-status', 
-'jwt-decode', 
-'mobx', 
-'mobx-react-lite', 
-'mobx-utils', 
-'path-to-regexp', 
-'react', 
-'react-dom', 
-'react-router', 
-'react-router-dom',
-'@actdim/utico', 
-'@actdim/msgmesh'
+
+http-status,
+jwt-decode,
+mobx,
+mobx-react-lite,
+mobx-utils,
+path-to-regexp,
+react,
+react-dom,
+react-router,
+react-router-dom,
+@actdim/utico,
+@actdim/msgmesh,
+rxjs,
+dexie,
+moment,
+uuid

package/dist/appDomain/appContracts.d.ts

@@ -2,7 +2,8 @@ import { MsgBus, MsgBusStructBase, MsgBusStructFactory } from '@actdim/msgmesh/m
 import { BaseSecurityDomainConfig as BaseSecurityDomainConfig, BaseSecurityBusStruct } from './security/securityContracts';
 import { ReactNode } from 'react';
 export declare const $NAV_GOTO = "APP-NAV-GOTO";
-export declare const $NAV_GET_CONTEXT = "APP-NAV-CONTEXT";
+export declare const $NAV_GET_CONTEXT = "APP-NAV-GET-CONTEXT";
+export declare const $NAV_CONTEXT_CHANGED = "APP-NAV-CONTEXT-CHANGED";
 export declare const $NAV_READ_HISTORY = "APP-NAV-READ-HISTORY";
 export declare const $NOTICE = "APP-NOTICE";
 export declare const $CONFIG_GET = "APP-CONFIG-GET";
@@ -29,6 +30,12 @@ export type NavRoute<TParams extends NavRouteParams = NavRouteParams> = {
     defaultParams?: TParams;
 };
 export type NavRoutes = Record<string, NavRoute>;
+type NavRouteStruct<TNavRoutes extends NavRoutes> = {
+    [K in keyof TNavRoutes]: {
+        route: K;
+        params?: TNavRoutes[K]["defaultParams"];
+    };
+}[keyof TNavRoutes];
 export type NavContext = {
     location?: NavLocation;
     searchParams?: URLSearchParams;
@@ -48,7 +55,7 @@ export type AppError<TModule = Module> = {
     reason?: string;
 };
 export type BaseApiBusStruct = BaseSecurityBusStruct & MsgBusStructFactory<{}>;
-export type BaseAppBusStruct = BaseApiBusStruct & MsgBusStructFactory<{
+export type BaseAppBusStruct<TNavRoutes extends NavRoutes = NavRoutes> = BaseApiBusStruct & MsgBusStructFactory<{
     [$NOTICE]: {
         in: {
             text: string;
@@ -63,12 +70,17 @@ export type BaseAppBusStruct = BaseApiBusStruct & MsgBusStructFactory<{
     };
     [$NAV_GOTO]: {
         in: string | number;
+        ex: NavRouteStruct<TNavRoutes>;
         out: void;
     };
     [$NAV_GET_CONTEXT]: {
         in: void;
         out: NavContext;
     };
+    [$NAV_CONTEXT_CHANGED]: {
+        in: NavContext;
+        out: void;
+    };
     [$NAV_READ_HISTORY]: {
         in: number;
         out: NavContext;
@@ -116,4 +128,5 @@ export type BaseAppDomainConfig<TSecurityDomainConfig extends BaseSecurityDomain
 export type BaseAppContext<TMsgBusStruct extends BaseAppBusStruct = BaseAppBusStruct> = {
     msgBus: MsgBus<TMsgBusStruct>;
 };
+export {};
 //# sourceMappingURL=appContracts.d.ts.map

package/dist/appDomain/appContracts.d.ts.map

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

package/dist/appDomain/appContracts.es.js

@@ -1,10 +1,11 @@
-const E = "APP-NAV-GOTO", T = "APP-NAV-CONTEXT", O = "APP-NAV-READ-HISTORY", P = "APP-NOTICE", A = "APP-CONFIG-GET", V = "APP-FETCH", N = "APP-KV-STORE-GET", R = "APP-KV-STORE-SET", _ = "APP-KV-STORE-REMOVE";
+const E = "APP-NAV-GOTO", T = "APP-NAV-GET-CONTEXT", A = "APP-NAV-CONTEXT-CHANGED", O = "APP-NAV-READ-HISTORY", P = "APP-NOTICE", N = "APP-CONFIG-GET", V = "APP-FETCH", _ = "APP-KV-STORE-GET", C = "APP-KV-STORE-SET", G = "APP-KV-STORE-REMOVE";
 export {
-  A as $CONFIG_GET,
+  N as $CONFIG_GET,
   V as $FETCH,
-  N as $KV_STORE_GET,
-  _ as $KV_STORE_REMOVE,
-  R as $KV_STORE_SET,
+  _ as $KV_STORE_GET,
+  G as $KV_STORE_REMOVE,
+  C as $KV_STORE_SET,
+  A as $NAV_CONTEXT_CHANGED,
   T as $NAV_GET_CONTEXT,
   E as $NAV_GOTO,
   O as $NAV_READ_HISTORY,

package/dist/appDomain/appContracts.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"appContracts.es.js","sources":["../../src/appDomain/appContracts.ts"],"sourcesContent":["import { $CG_ERROR, MsgBus, MsgBusStructBase, MsgBusStructFactory } from \"@actdim/msgmesh/msgBusCore\";\r\nimport { BaseSecurityDomainConfig as BaseSecurityDomainConfig, BaseSecurityBusStruct } from \"@/appDomain/security/securityContracts\";\r\nimport { ReactNode } from \"react\";\r\n\r\nexport const $NAV_GOTO = \"APP-NAV-GOTO\";\r\nexport const $NAV_GET_CONTEXT = \"APP-NAV-CONTEXT\";\r\nexport const $NAV_READ_HISTORY = \"APP-NAV-READ-HISTORY\";\r\n// TOAST\r\nexport const $NOTICE = \"APP-NOTICE\";\r\nexport const $CONFIG_GET = \"APP-CONFIG-GET\";\r\n// ERROR?\r\nexport const $FETCH = \"APP-FETCH\";\r\n\r\nexport const $KV_STORE_GET = \"APP-KV-STORE-GET\";\r\nexport const $KV_STORE_SET = \"APP-KV-STORE-SET\";\r\nexport const $KV_STORE_REMOVE = \"APP-KV-STORE-REMOVE\";\r\n// TODO: has, clear, entries\r\n\r\nexport type Module = \"security\" | \"api-client\";\r\n\r\nexport type NavPath = {\r\n    /**\r\n     * A URL pathname, beginning with a /.\r\n     */\r\n    pathname: string;\r\n    /**\r\n     * A URL search string, beginning with a ?.\r\n     */\r\n    search: string;\r\n    /**\r\n     * A URL fragment identifier, beginning with a #.\r\n     */\r\n    hash: string;\r\n};\r\n\r\nexport type NavLocation<State = any> = NavPath & {\r\n    /**\r\n     * A value of arbitrary data associated with this location.\r\n     */\r\n    state: State;\r\n    /**\r\n     * A unique string associated with this location. May be used to safely store\r\n     * and retrieve data in some other storage API, like `localStorage`.\r\n     *\r\n     * Note: This value is always \"default\" on the initial location.\r\n     */\r\n    key: string;\r\n};\r\n\r\nexport type NavAction =\r\n    /**\r\n     * A POP indicates a change to an arbitrary index in the history stack, such\r\n     * as a back or forward navigation. It does not describe the direction of the\r\n     * navigation, only that the current index changed.\r\n     *\r\n     * Note: This is the default action for newly created history objects.\r\n     */\r\n    | \"POP\"\r\n    /**\r\n     * A PUSH indicates a new entry being added to the history stack, such as when\r\n     * a link is clicked and a new page loads. When this happens, all subsequent\r\n     * entries in the stack are lost.\r\n     */\r\n    | \"PUSH\"\r\n    /**\r\n     * A REPLACE indicates the entry at the current index in the history stack\r\n     * being replaced by a new one.\r\n     */\r\n    | \"REPLACE\";\r\n\r\n// AppRouteParams\r\nexport type NavRouteParams = Record<string, string | undefined>;\r\n\r\n// AppRoute\r\nexport type NavRoute<TParams extends NavRouteParams = NavRouteParams> = {\r\n    path(params?: TParams): string;\r\n    match(path: string): TParams;\r\n    element: ReactNode;\r\n    defaultParams?: TParams;\r\n};\r\n\r\nexport type NavRoutes = Record<string, NavRoute>;\r\n\r\nexport type NavContext = {\r\n    // route?: NavRoute;\r\n    location?: NavLocation;\r\n    searchParams?: URLSearchParams;\r\n    params?: NavRouteParams;\r\n    navType?: NavAction;\r\n};\r\n\r\nexport type NavHistory = Array<NavContext>;\r\n\r\n// OperationContext?\r\nexport type AppError<TModule = Module> = {\r\n    module: TModule;\r\n    // code: string;\r\n    type: string;\r\n    title?: string;\r\n    source?: any;\r\n    details?: any;\r\n    // instance?: string;\r\n    timestamp?: string;\r\n    // errors: AppError[];\r\n    traceId?: string;\r\n    field?: string;\r\n    reason?: string;\r\n};\r\n\r\n// Base(App)Api(Msg)BusStruct\r\nexport type BaseApiBusStruct = BaseSecurityBusStruct &\r\n    MsgBusStructFactory<{\r\n        // \"GET-VERSION\"?: {\r\n        //     in: any;\r\n        // };\r\n    }>;\r\n\r\n// BaseAppMsgBusStruct\r\nexport type BaseAppBusStruct = BaseApiBusStruct &\r\n    MsgBusStructFactory<\r\n        {\r\n            [$NOTICE]: {\r\n                in: {\r\n                    text: string;\r\n                    title?: string;\r\n                    type: any;\r\n                };\r\n                out: void;\r\n            };\r\n            [$CONFIG_GET]: {\r\n                in: void;\r\n                out: BaseAppDomainConfig;\r\n            };\r\n            [$NAV_GOTO]: {\r\n                in: string | number;\r\n                out: void;\r\n            };\r\n            [$NAV_GET_CONTEXT]: {\r\n                in: void;\r\n                out: NavContext;\r\n            };\r\n            [$NAV_READ_HISTORY]: {\r\n                in: number;\r\n                out: NavContext;\r\n            };\r\n            [$FETCH]: {\r\n                in: {\r\n                    url: string;\r\n                    params: RequestInit;\r\n                };\r\n                out: Response;\r\n            };\r\n            [$KV_STORE_GET]: {\r\n                in: {\r\n                    key: string;\r\n                    useEncryption?: boolean;\r\n                };\r\n                out: string;\r\n            };\r\n            [$KV_STORE_SET]: {\r\n                in: {\r\n                    key: string;\r\n                    value: any;\r\n                    useEncryption?: boolean;\r\n                };\r\n                out: void;\r\n            };\r\n            [$KV_STORE_REMOVE]: {\r\n                in: {\r\n                    key: string;\r\n                };\r\n                out: void;\r\n            };\r\n        } & MsgBusStructBase\r\n    >;\r\n\r\nexport type BaseApiConfig = {\r\n    url?: string;\r\n    versions?: string[];\r\n};\r\n\r\n// BaseApp(Domain)Config\r\nexport type BaseAppDomainConfig<\r\n    TSecurityDomainConfig extends BaseSecurityDomainConfig = BaseSecurityDomainConfig,\r\n    TApiConfig extends BaseApiConfig = BaseApiConfig\r\n> = {\r\n    id: string;\r\n    name?: string;\r\n    baseUrl: string;\r\n    security: TSecurityDomainConfig;\r\n    apis: Record<string, TApiConfig>;\r\n    // HATEOAS? (React Admin)\r\n};\r\n\r\nexport type BaseAppContext<TMsgBusStruct extends BaseAppBusStruct = BaseAppBusStruct> = {\r\n    msgBus: MsgBus<TMsgBusStruct>;\r\n};\r\n"],"names":["$NAV_GOTO","$NAV_GET_CONTEXT","$NAV_READ_HISTORY","$NOTICE","$CONFIG_GET","$FETCH","$KV_STORE_GET","$KV_STORE_SET","$KV_STORE_REMOVE"],"mappings":"AAIO,MAAMA,IAAY,gBACZC,IAAmB,mBACnBC,IAAoB,wBAEpBC,IAAU,cACVC,IAAc,kBAEdC,IAAS,aAETC,IAAgB,oBAChBC,IAAgB,oBAChBC,IAAmB;"}
+{"version":3,"file":"appContracts.es.js","sources":["../../src/appDomain/appContracts.ts"],"sourcesContent":["import { $CG_ERROR, MsgBus, MsgBusStructBase, MsgBusStructFactory } from \"@actdim/msgmesh/msgBusCore\";\r\nimport { BaseSecurityDomainConfig as BaseSecurityDomainConfig, BaseSecurityBusStruct } from \"@/appDomain/security/securityContracts\";\r\nimport { ReactNode } from \"react\";\r\n\r\nexport const $NAV_GOTO = \"APP-NAV-GOTO\";\r\nexport const $NAV_GET_CONTEXT = \"APP-NAV-GET-CONTEXT\";\r\nexport const $NAV_CONTEXT_CHANGED = \"APP-NAV-CONTEXT-CHANGED\";\r\nexport const $NAV_READ_HISTORY = \"APP-NAV-READ-HISTORY\";\r\n// TOAST\r\nexport const $NOTICE = \"APP-NOTICE\";\r\nexport const $CONFIG_GET = \"APP-CONFIG-GET\";\r\n// ERROR?\r\nexport const $FETCH = \"APP-FETCH\";\r\n\r\nexport const $KV_STORE_GET = \"APP-KV-STORE-GET\";\r\nexport const $KV_STORE_SET = \"APP-KV-STORE-SET\";\r\nexport const $KV_STORE_REMOVE = \"APP-KV-STORE-REMOVE\";\r\n// TODO: has, clear, entries\r\n\r\nexport type Module = \"security\" | \"api-client\";\r\n\r\nexport type NavPath = {\r\n    /**\r\n     * A URL pathname, beginning with a /.\r\n     */\r\n    pathname: string;\r\n    /**\r\n     * A URL search string, beginning with a ?.\r\n     */\r\n    search: string;\r\n    /**\r\n     * A URL fragment identifier, beginning with a #.\r\n     */\r\n    hash: string;\r\n};\r\n\r\nexport type NavLocation<State = any> = NavPath & {\r\n    /**\r\n     * A value of arbitrary data associated with this location.\r\n     */\r\n    state: State;\r\n    /**\r\n     * A unique string associated with this location. May be used to safely store\r\n     * and retrieve data in some other storage API, like `localStorage`.\r\n     *\r\n     * Note: This value is always \"default\" on the initial location.\r\n     */\r\n    key: string;\r\n};\r\n\r\nexport type NavAction =\r\n    /**\r\n     * A POP indicates a change to an arbitrary index in the history stack, such\r\n     * as a back or forward navigation. It does not describe the direction of the\r\n     * navigation, only that the current index changed.\r\n     *\r\n     * Note: This is the default action for newly created history objects.\r\n     */\r\n    | \"POP\"\r\n    /**\r\n     * A PUSH indicates a new entry being added to the history stack, such as when\r\n     * a link is clicked and a new page loads. When this happens, all subsequent\r\n     * entries in the stack are lost.\r\n     */\r\n    | \"PUSH\"\r\n    /**\r\n     * A REPLACE indicates the entry at the current index in the history stack\r\n     * being replaced by a new one.\r\n     */\r\n    | \"REPLACE\";\r\n\r\n// AppRouteParams\r\nexport type NavRouteParams = Record<string, string | undefined>;\r\n\r\n// AppRoute\r\nexport type NavRoute<TParams extends NavRouteParams = NavRouteParams> = {\r\n    path(params?: TParams): string;\r\n    match(path: string): TParams;\r\n    element: ReactNode;\r\n    defaultParams?: TParams;\r\n};\r\n\r\nexport type NavRoutes = Record<string, NavRoute>;\r\n\r\ntype NavRouteStruct<TNavRoutes extends NavRoutes> = {\r\n  [K in keyof TNavRoutes]: {\r\n    route: K;\r\n    params?: TNavRoutes[K][\"defaultParams\"];\r\n  };\r\n}[keyof TNavRoutes];\r\n\r\nexport type NavContext = {\r\n    // route?: NavRoute;\r\n    location?: NavLocation;\r\n    searchParams?: URLSearchParams;\r\n    params?: NavRouteParams;\r\n    navType?: NavAction;\r\n};\r\n\r\nexport type NavHistory = Array<NavContext>;\r\n\r\n// OperationContext?\r\nexport type AppError<TModule = Module> = {\r\n    module: TModule;\r\n    // code: string;\r\n    type: string;\r\n    title?: string;\r\n    source?: any;\r\n    details?: any;\r\n    // instance?: string;\r\n    timestamp?: string;\r\n    // errors: AppError[];\r\n    traceId?: string;\r\n    field?: string;\r\n    reason?: string;\r\n};\r\n\r\n// Base(App)Api(Msg)BusStruct\r\nexport type BaseApiBusStruct = BaseSecurityBusStruct &\r\n    MsgBusStructFactory<{\r\n        // \"GET-VERSION\"?: {\r\n        //     in: any;\r\n        // };\r\n    }>;\r\n\r\n// BaseAppMsgBusStruct\r\nexport type BaseAppBusStruct<TNavRoutes extends NavRoutes = NavRoutes> = BaseApiBusStruct &\r\n    MsgBusStructFactory<\r\n        {\r\n            [$NOTICE]: {\r\n                in: {\r\n                    text: string;\r\n                    title?: string;\r\n                    type: any;\r\n                };\r\n                out: void;\r\n            };\r\n            [$CONFIG_GET]: {\r\n                in: void;\r\n                out: BaseAppDomainConfig;\r\n            };\r\n            [$NAV_GOTO]: {\r\n                in: string | number;\r\n                ex: NavRouteStruct<TNavRoutes>;\r\n                out: void;\r\n            };\r\n            [$NAV_GET_CONTEXT]: {\r\n                in: void;\r\n                out: NavContext;\r\n            };\r\n            [$NAV_CONTEXT_CHANGED]: {\r\n                in: NavContext;\r\n                out: void;\r\n            };\r\n            [$NAV_READ_HISTORY]: {\r\n                in: number;\r\n                out: NavContext;\r\n            };\r\n            [$FETCH]: {\r\n                in: {\r\n                    url: string;\r\n                    params: RequestInit;\r\n                };\r\n                out: Response;\r\n            };\r\n            [$KV_STORE_GET]: {\r\n                in: {\r\n                    key: string;\r\n                    useEncryption?: boolean;\r\n                };\r\n                out: string;\r\n            };\r\n            [$KV_STORE_SET]: {\r\n                in: {\r\n                    key: string;\r\n                    value: any;\r\n                    useEncryption?: boolean;\r\n                };\r\n                out: void;\r\n            };\r\n            [$KV_STORE_REMOVE]: {\r\n                in: {\r\n                    key: string;\r\n                };\r\n                out: void;\r\n            };\r\n        } & MsgBusStructBase\r\n    >;\r\n\r\nexport type BaseApiConfig = {\r\n    url?: string;\r\n    versions?: string[];\r\n};\r\n\r\n// BaseApp(Domain)Config\r\nexport type BaseAppDomainConfig<\r\n    TSecurityDomainConfig extends BaseSecurityDomainConfig = BaseSecurityDomainConfig,\r\n    TApiConfig extends BaseApiConfig = BaseApiConfig\r\n> = {\r\n    id: string;\r\n    name?: string;\r\n    baseUrl: string;\r\n    security: TSecurityDomainConfig;\r\n    apis: Record<string, TApiConfig>;\r\n    // HATEOAS? (React Admin)\r\n};\r\n\r\nexport type BaseAppContext<TMsgBusStruct extends BaseAppBusStruct = BaseAppBusStruct> = {\r\n    msgBus: MsgBus<TMsgBusStruct>;\r\n};\r\n"],"names":["$NAV_GOTO","$NAV_GET_CONTEXT","$NAV_CONTEXT_CHANGED","$NAV_READ_HISTORY","$NOTICE","$CONFIG_GET","$FETCH","$KV_STORE_GET","$KV_STORE_SET","$KV_STORE_REMOVE"],"mappings":"AAIO,MAAMA,IAAY,gBACZC,IAAmB,uBACnBC,IAAuB,2BACvBC,IAAoB,wBAEpBC,IAAU,cACVC,IAAc,kBAEdC,IAAS,aAETC,IAAgB,oBAChBC,IAAgB,oBAChBC,IAAmB;"}

package/dist/componentModel/componentModel.d.ts

@@ -0,0 +1,136 @@
+import { PropsWithChildren, FC, ReactNode } from 'react';
+import { $CG_IN, $CG_OUT, MsgBus, MsgBusProviderParams, MsgBusStruct, MsgBusSubscriberParams } from '@actdim/msgmesh/msgBusCore';
+import { MaybePromise, SafeKey, Skip } from '@actdim/utico/typeCore';
+export type MsgBusChannelGroupProviderParams<TStruct extends MsgBusStruct = MsgBusStruct, TChannel extends keyof TStruct = keyof TStruct, TGroup extends keyof TStruct[TChannel] = typeof $CG_IN> = Skip<MsgBusProviderParams<TStruct, TChannel, TGroup>, 'channel' | 'group'>;
+export type MsgBusChannelGroupSubscriberParams<TStruct extends MsgBusStruct = MsgBusStruct, TChannel extends keyof TStruct = keyof TStruct, TGroup extends keyof TStruct[TChannel] = typeof $CG_IN> = Skip<MsgBusSubscriberParams<TStruct, TChannel, TGroup>, 'channel' | 'group'>;
+export type MsgBusBrokerScope<TStruct extends MsgBusStruct, TKeysToProvide extends keyof TStruct = keyof TStruct, TKeysToSubscribe extends keyof TStruct = keyof TStruct, TKeysToPublish extends keyof TStruct = keyof TStruct> = {
+    provide?: TKeysToProvide;
+    subscribe?: TKeysToSubscribe;
+    publish?: TKeysToPublish;
+};
+export type ComponentPropStruct = Record<string, any>;
+export type ComponentMethodStruct = Record<string, Function>;
+export type ComponentRefStruct = {
+    [name: string]: ComponentStruct | ((params: any) => ComponentStruct);
+};
+export type ComponentStructBase<TMsgBusStruct extends MsgBusStruct = MsgBusStruct, TPropStruct extends ComponentPropStruct = ComponentPropStruct, TMsgScope extends MsgBusBrokerScope<TMsgBusStruct> = MsgBusBrokerScope<TMsgBusStruct>> = {
+    props?: TPropStruct;
+    methods?: ComponentMethodStruct;
+    children?: ComponentRefStruct;
+    msgScope?: TMsgScope;
+};
+export type ComponentStruct<TMsgBusStruct extends MsgBusStruct = MsgBusStruct, T extends ComponentStructBase<TMsgBusStruct> = ComponentStructBase<TMsgBusStruct>> = T & {
+    msgBus: TMsgBusStruct;
+};
+export type MsgBusBroker<TStructToProvide extends MsgBusStruct = MsgBusStruct, TStructToSubscribe extends MsgBusStruct = MsgBusStruct> = {
+    provide?: {
+        [TChannel in keyof TStructToProvide]?: {
+            [TGroup in keyof Skip<TStructToProvide[TChannel], typeof $CG_OUT>]?: MsgBusChannelGroupProviderParams<TStructToProvide, TChannel, TGroup>;
+        };
+    };
+    subscribe?: {
+        [TChannel in keyof TStructToSubscribe]: {
+            [TGroup in keyof TStructToSubscribe[TChannel]]?: MsgBusChannelGroupSubscriberParams<TStructToSubscribe, TChannel, TGroup>;
+        };
+    };
+};
+type ValueConverter<TTo, TFrom> = {
+    convert(value: TFrom): TTo;
+    convertBack(value: TTo): TFrom;
+};
+type ValidationResult = {
+    valid: boolean;
+    message: string;
+};
+type Validator<T> = {
+    options: {
+        blur: boolean;
+    };
+    validate: (value: T) => MaybePromise<ValidationResult>;
+};
+declare const $isBinding: unique symbol;
+export interface IBinding<T = any, TFrom = any> {
+    readonly get: () => T;
+    readonly set: (value: T) => void;
+    readonly converter: ValueConverter<T, TFrom>;
+    readonly validator: Validator<T>;
+    readonly readOnly: boolean;
+    [$isBinding]: boolean;
+}
+declare class Binding<T = any, TFrom = any> implements IBinding<any, any> {
+    readonly get: () => T;
+    readonly set: (value: T) => void;
+    readonly converter: ValueConverter<T, TFrom>;
+    readonly validator: Validator<T>;
+    readonly readOnly: boolean;
+    constructor(get: () => T, set?: (value: T) => void, converter?: ValueConverter<T, TFrom>, validator?: Validator<T>);
+    [$isBinding]: boolean;
+}
+export declare function isBinding(obj: any): obj is IBinding;
+export declare function bind<T, TFrom = any>(get: () => T, set?: (value: T) => void, converter?: ValueConverter<T, TFrom>, validator?: Validator<T>): Binding<T, TFrom>;
+export declare function bindProp<T extends object, P extends keyof T>(target: () => T, prop: P): Binding<T[P], any>;
+export type ComponentPropSource<T> = T | Binding<T>;
+export type ComponentPropParams<TPropStruct extends ComponentPropStruct> = {
+    [P in keyof TPropStruct]?: ComponentPropSource<TPropStruct[P]>;
+};
+declare const $ON_GET = "onGet";
+declare const $ON_CHANGING = "onChanging";
+declare const $ON_CHANGE = "onChange";
+type PropValueChangingHandler<TProp = PropKey> = (prop: TProp, oldValue: any, newValue: any) => boolean;
+type PropValueChangeHandler<TProp = PropKey> = (prop: TProp, value: any) => void;
+type ValueChangingHandler<T = any> = (oldValue: T, newValue: T) => boolean;
+type ValueChangeHandler<T = any> = (value: T) => void;
+type ComponentEvents<TStruct extends ComponentStruct = ComponentStruct> = {
+    onPropChanging?: PropValueChangingHandler<keyof TStruct['props']>;
+    onPropChange?: PropValueChangeHandler<keyof TStruct['props']>;
+    onInit?: (model: ComponentModel<TStruct>) => void;
+    onLayout?: (model: ComponentModel<TStruct>) => void;
+    onReady?: (model: ComponentModel<TStruct>) => void;
+    onLayoutDestroy?: (model: ComponentModel<TStruct>) => void;
+    onDestroy?: (model: ComponentModel<TStruct>) => void;
+    onError?: (model: ComponentModel<TStruct>, error: any) => void;
+} & {
+    [P in keyof TStruct['props'] as `${typeof $ON_GET}${Capitalize<P & string>}`]?: () => TStruct['props'][P];
+} & {
+    [P in keyof TStruct['props'] as `${typeof $ON_CHANGING}${Capitalize<P & string>}`]?: ValueChangingHandler<TStruct['props']>;
+} & {
+    [P in keyof TStruct['props'] as `${typeof $ON_CHANGE}${Capitalize<P & string>}`]?: ValueChangeHandler<TStruct['props']>;
+};
+type ComponentViewProps = {
+    render?: boolean;
+} & PropsWithChildren;
+type ComponentViewImplFn<TStruct extends ComponentStruct> = (props: ComponentViewProps, model?: ComponentModel<TStruct>) => ReactNode;
+type ComponentViewFn = (props: ComponentViewProps) => ReactNode;
+export type Component<TStruct extends ComponentStruct> = {
+    name?: string;
+    props?: TStruct['props'];
+    methods?: TStruct['methods'];
+    children?: ComponentChildren<TStruct['children']>;
+    events?: ComponentEvents<TStruct>;
+    msgBroker?: MsgBusBroker<Pick<TStruct['msgBus'], SafeKey<TStruct['msgBus'], TStruct['msgScope']['provide']>>, Pick<TStruct['msgBus'], SafeKey<TStruct['msgBus'], TStruct['msgScope']['subscribe']>>>;
+    msgBus?: MsgBus<Pick<TStruct['msgBus'], SafeKey<TStruct['msgBus'], TStruct['msgScope']['provide']> | SafeKey<TStruct['msgBus'], TStruct['msgScope']['subscribe']> | SafeKey<TStruct['msgBus'], TStruct['msgScope']['publish']>>>;
+    view?: ComponentViewImplFn<TStruct>;
+};
+type ComponentChildren<TRefStruct extends ComponentRefStruct> = {
+    [P in keyof TRefStruct]: TRefStruct[P] extends (params: infer TParams) => infer T ? T extends ComponentStruct ? (params: TParams) => ComponentModel<T> : never : TRefStruct[P] extends ComponentStruct ? ComponentModel<TRefStruct[P]> : never;
+};
+type ComponentModelChildren<TRefStruct extends ComponentRefStruct> = {
+    [P in keyof TRefStruct as TRefStruct[P] extends Function ? `${Capitalize<P & string>}` : P]: TRefStruct[P] extends (params: infer TParams) => infer T ? T extends ComponentStruct ? FC<ComponentParams<T> & TParams> : never : TRefStruct[P] extends ComponentStruct ? ComponentModel<TRefStruct[P]> : never;
+};
+export type ComponentModelContext = {
+    bindings?: Map<PropKey, IBinding>;
+    id: string;
+};
+export type ComponentModelBase<TStruct extends ComponentStruct = ComponentStruct> = {
+    readonly msgBus?: MsgBus<Pick<TStruct['msgBus'], SafeKey<TStruct['msgBus'], TStruct['msgScope']['provide']> | SafeKey<TStruct['msgBus'], TStruct['msgScope']['subscribe']> | SafeKey<TStruct['msgBus'], TStruct['msgScope']['publish']>>>;
+    readonly View: ComponentViewFn;
+    $: ComponentModelContext;
+};
+export type ComponentModel<TStruct extends ComponentStruct = ComponentStruct> = TStruct['props'] & TStruct['methods'] & ComponentModelChildren<TStruct['children']> & ComponentModelBase<TStruct>;
+type PropKey = string | symbol;
+export type ComponentParams<TStruct extends ComponentStruct = ComponentStruct> = ComponentPropParams<TStruct['props']> & ComponentEvents<TStruct>;
+export declare function toHtmlId(url: string, segmentsCount?: number): string;
+export declare function useComponent<TStruct extends ComponentStruct = ComponentStruct>(component: Component<TStruct>, params: ComponentParams<TStruct>): ComponentModel<TStruct>;
+export declare function getFC<TStruct extends ComponentStruct>(factory: (params: ComponentParams<TStruct>) => ComponentModel<TStruct>): FC<ComponentParams<TStruct>>;
+export {};
+//# sourceMappingURL=componentModel.d.ts.map

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

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

package/dist/componentModel/componentModel.es.js

@@ -1,11 +1,10 @@
-import { useLayoutEffect as k, useEffect as B } from "react";
-import { observer as R } from "mobx-react-lite";
-import { observable as P, runInAction as E } from "mobx";
-import { useLazyRef as G } from "../reactHooks.es.js";
-const O = {
-  $isBinding: Symbol("$isBinding")
-};
-class $ {
+import v, { useLayoutEffect as R, useEffect as F } from "react";
+import { observer as D } from "mobx-react-lite";
+import { observable as G, runInAction as S } from "mobx";
+import { useLazyRef as L } from "../reactHooks.es.js";
+import { getGlobalFlags as O } from "../globals.es.js";
+const I = Symbol("$isBinding");
+class B {
   // getter
   get;
   // setter
@@ -13,170 +12,211 @@ class $ {
   converter;
   validator;
   readOnly;
-  constructor(t, o, i, l) {
-    this.get = t, this.set = o, this.converter = i, this.validator = l, this.readOnly = !!o, this[O.$isBinding] = !0;
+  constructor(r, o, n, l) {
+    this.get = r, this.set = o, this.converter = n, this.validator = l, this.readOnly = !!o, this[I] = !0;
   }
-  [O.$isBinding];
+  [I];
 }
-function w(e) {
-  return e[O.$isBinding] === !0;
+function z(e) {
+  return e[I] === !0;
 }
-function V(e, t, o, i) {
-  return new $(e, t, o, i);
+function Q(e, r, o, n) {
+  return new B(e, r, o, n);
 }
-function _(e, t) {
-  return new $(
-    () => e[t],
+function W(e, r) {
+  return new B(
+    () => e()[r],
     (o) => {
-      e[t] = o;
+      e()[r] = o;
     }
   );
 }
-const j = "onGet", I = "onChanging", L = "onChange";
-function N(e, t, o) {
-  const i = o.onPropChanging, l = o.onPropChange;
+const A = "onGet", _ = "onChanging", M = "onChange";
+function H(e, r, o) {
+  const n = o.onPropChanging, l = o.onPropChange;
   return new Proxy(e, {
-    get(c, u, g) {
-      const C = o[u]?.onGet;
-      if (C)
-        return C();
-      const a = t.get(String(u));
-      return a ? a.get() : Reflect.get(c, u, g);
+    get(i, g, c) {
+      const y = o[g]?.onGet;
+      if (y)
+        return y();
+      const h = r.get(String(g));
+      if (h) {
+        let b;
+        return b = h.get(), b;
+      }
+      return Reflect.get(i, g, c);
     },
-    set(c, u, g, C) {
-      const a = c[u], y = o[u]?.onChanging;
-      if (y && !y(a, g) || i && !i(u, a, g))
+    set(i, g, c, y) {
+      const h = i[g], b = o[g]?.onChanging;
+      if (b && !b(h, c) || n && !n(g, h, c))
         return !0;
-      const b = E(() => Reflect.set(c, u, g, C)), n = t.get(u);
-      n?.set && n.set(g);
-      const r = o[u]?.onChange;
-      return r && r(g), l && l(u, g), b;
+      const P = S(() => Reflect.set(i, g, c, y)), C = r.get(g);
+      C?.set && C.set(c);
+      const $ = o[g]?.onChange;
+      return $ && $(c), l && l(g, c), P;
     }
   });
 }
-function v(e) {
+function k(e) {
   return e.replace(/^./, e[0].toUpperCase());
 }
-function S(e, t) {
-  const o = e.msgBus, i = e.view, l = R((n) => typeof i == "function" ? i(n) : /* @__PURE__ */ React.createElement(React.Fragment, null, n.children));
-  let c = {
+const E = {
+  sources: /* @__PURE__ */ new Map(),
+  count: 0
+};
+function V(e, r = 1) {
+  return e.split(/[?#]/)[0].split("/").filter(Boolean).map((c) => decodeURIComponent(c)).slice(-r).join("-").normalize("NFKD").replace(/[^a-zA-Z0-9\-_:.+#]/g, "-").replace(/-+/g, "-").replace(/^[^a-zA-Z]+/, "-").replace(/[+#]$/, "-");
+}
+function U(e = 2) {
+  const o = new Error().stack?.split(`
+`);
+  if (!o || o.length <= e) return null;
+  const n = o[e].match(/\((.*):\d+:\d+\)/);
+  return n ? n[1] : null;
+}
+function Z(e, r) {
+  const o = e.msgBus, n = /* @__PURE__ */ new Map(), l = e.view;
+  let i;
+  const g = D((t) => {
+    try {
+      return O().debug && console.debug(`${i.$.id}>view`), typeof l == "function" ? l(t, i) : /* @__PURE__ */ v.createElement(v.Fragment, null, t.children);
+    } catch (s) {
+      const u = JSON.stringify(s);
+      return /* @__PURE__ */ v.createElement(v.Fragment, null, u);
+    } finally {
+    }
+  });
+  let c;
+  const y = E.sources, h = U(6), b = V(h, 2);
+  y.has(h) ? (c = y.get(h), c.count++) : (c = {
+    structId: e.name || b || `Component_${E.count}`,
+    count: 0
+  }, y.set(h, c), E.count++);
+  const P = `${c.structId}#${c.count}`;
+  if (i = {
     ...e.props,
     ...e.methods,
     // view: component.view,
-    // View: ViewerFC,
-    View: l,
-    msgBus: o
-  };
-  if (e.children)
-    for (const [n, r] of Object.entries(e.children))
-      if (typeof r == "function") {
-        const s = (h) => {
-          const f = r(h);
-          return /* @__PURE__ */ React.createElement(f.View, null);
+    View: g,
+    msgBus: o,
+    $: {
+      bindings: n,
+      id: P
+    }
+  }, e.children)
+    for (const [t, s] of Object.entries(e.children))
+      if (typeof s == "function") {
+        const u = s, d = (f) => {
+          const a = u(f);
+          return /* @__PURE__ */ v.createElement(a.View, null);
         };
-        Reflect.set(c, v(n), s);
+        Reflect.set(i, k(t), d);
       } else
-        Reflect.set(c, n, r);
+        Reflect.set(i, t, s);
   if (e.msgBroker) {
-    const n = e.msgBroker.provide;
-    if (n)
-      for (const [s, h] of Object.entries(n))
-        for (const [f, d] of Object.entries(h))
+    const t = e.msgBroker.provide;
+    if (t)
+      for (const [u, d] of Object.entries(t))
+        for (const [f, a] of Object.entries(d))
           o.provide({
-            ...d,
-            channel: s,
+            ...a,
+            channel: u,
             group: f
           });
-    const r = e.msgBroker.subscribe;
-    if (r)
-      for (const [s, h] of Object.entries(r))
-        for (const [f, d] of Object.entries(h))
+    const s = e.msgBroker.subscribe;
+    if (s)
+      for (const [u, d] of Object.entries(s))
+        for (const [f, a] of Object.entries(d))
           o.on({
-            ...d,
-            channel: s,
+            ...a,
+            channel: u,
             group: f
           });
   }
-  const u = /* @__PURE__ */ new Map();
-  for (const [n, r] of Object.entries(t))
-    w(r) ? u.set(n, r) : Reflect.set(c, n, r);
-  const g = {};
+  for (const [t, s] of Object.entries(r))
+    z(s) ? n.set(t, s) : Reflect.set(i, t, s);
+  const C = {};
   if (e.props)
-    for (const n of Object.keys(e.props))
-      g[n] = P.ref;
+    for (const t of Object.keys(e.props))
+      C[t] = G.ref;
   if (e.methods)
-    for (const n of Object.keys(e.methods))
-      g[n] = !1;
-  g.View = !1, g.msgBus = !1;
-  const C = {
-    onPropChanging: t?.onPropChanging || e.events?.onPropChanging ? (n, r, s) => {
-      let h = !0, f = t.onPropChanging;
-      return f && (h = f(String(n), r, s)), h && (f = e.events?.onPropChanging, f && (h = f(String(n), r, s))), h;
+    for (const t of Object.keys(e.methods))
+      C[t] = !1;
+  if (e.children)
+    for (const t of Object.keys(e.children))
+      C[t] = !1;
+  C.View = !1, C.msgBus = !1, C.$ = !1;
+  const $ = {
+    onPropChanging: r?.onPropChanging || e.events?.onPropChanging ? (t, s, u) => {
+      let d = !0, f = r.onPropChanging;
+      return f && (d = f(String(t), s, u)), d && (f = e.events?.onPropChanging, f && (d = f(String(t), s, u))), d;
     } : void 0,
-    onPropChange: t?.onPropChange || e.events?.onPropChange ? (n, r) => {
-      t.onPropChange?.(String(n), r), e.events.onPropChange?.(String(n), r);
+    onPropChange: r?.onPropChange || e.events?.onPropChange ? (t, s) => {
+      r.onPropChange?.(String(t), s), e.events.onPropChange?.(String(t), s);
     } : void 0
   };
-  function a(n) {
-    const r = `${j}${v(n)}`;
-    return t[r] || e.events[r];
+  function w(t) {
+    const s = `${A}${k(t)}`;
+    return r[s] || e.events?.[s];
   }
-  function y(n) {
-    const r = `${I}${v(n)}`;
-    return ((s, h) => {
-      let f = !0, d = t[r];
-      return d && (f = d(s, h)), f && (d = e.events[r], d && (f = d(s, h))), f;
+  function N(t) {
+    const s = `${_}${k(t)}`;
+    return ((u, d) => {
+      let f = !0, a = r[s];
+      return a && (f = a(u, d)), f && (a = e.events[s], a && (f = a(u, d))), f;
     });
   }
-  function b(n) {
-    const r = `${L}${v(n)}`;
-    return ((s) => {
-      t[r]?.(s), e.events[r]?.(s);
+  function j(t) {
+    const s = `${M}${k(t)}`;
+    return ((u) => {
+      r[s]?.(u), e.events[s]?.(u);
     });
   }
   if (e.props)
-    for (const n of Object.keys(e.props))
-      C[n] = {
-        onGet: a(n),
-        onChanging: y(n),
-        onChange: b(n)
+    for (const t of Object.keys(e.props))
+      $[t] = {
+        onGet: w(t),
+        onChanging: N(t),
+        onChange: j(t)
       };
-  return c = P(c, g), c = N(c, u, C), e.events?.onInit && e.events.onInit(c), t?.onInit && t.onInit(c), c;
+  return i = G(i, C, {
+    deep: !0
+  }), i = H(i, n, $), e.events?.onInit && e.events.onInit(i), r?.onInit && r.onInit(i), i;
 }
-function z(e, t) {
-  const o = G(() => S(e, t)), i = o.current;
-  return k(() => {
+function X(e, r) {
+  const o = L(() => Z(e, r)), n = o.current;
+  return R(() => {
     try {
-      e.events?.onLayout?.(i), t?.onLayout?.(i);
+      O().debug && console.debug(`${n.$.id}>layout`), e.events?.onLayout?.(n), r?.onLayout?.(n);
     } catch (l) {
-      e.events?.onError?.(i, l), t?.onError?.(i, l);
+      e.events?.onError?.(n, l), r?.onError?.(n, l);
     }
     return () => {
-      e.events?.onLayoutDestroy?.(i), t?.onLayoutDestroy?.(i), o.current = null;
+      O().debug && console.debug(`${n.$.id}>layout-destroy`), e.events?.onLayoutDestroy?.(n), r?.onLayoutDestroy?.(n), o.current = null;
     };
-  }, []), B(() => {
+  }, []), F(() => {
     try {
-      e.events?.onReady?.(i), t?.onReady?.(i);
+      O().debug && console.debug(`${n.$.id}>ready`), e.events?.onReady?.(n), r?.onReady?.(n);
     } catch (l) {
-      e.events?.onError?.(i, l), t?.onError?.(i, l);
+      O().debug && console.debug(`${n.$.id}>destroy`), e.events?.onError?.(n, l), r?.onError?.(n, l);
     }
     return () => {
-      e.events?.onDestroy?.(i), t?.onDestroy?.(i);
+      e.events?.onDestroy?.(n), r?.onDestroy?.(n);
     };
   }, []), o.current;
 }
-function H(e) {
+function Y(e) {
   return (o) => {
-    const i = e(o);
-    return /* @__PURE__ */ React.createElement(i.View, { ...o });
+    const n = e(o);
+    return /* @__PURE__ */ v.createElement(n.View, { ...o });
   };
 }
 export {
-  V as bind,
-  _ as bindProp,
-  H as getFC,
-  w as isBinding,
-  O as symbols,
-  z as useComponent
+  Q as bind,
+  W as bindProp,
+  Y as getFC,
+  z as isBinding,
+  V as toHtmlId,
+  X as useComponent
 };
 //# sourceMappingURL=componentModel.es.js.map

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, { ReactElement, useReducer, useRef, useState } from 'react';\r\nimport { PropsWithChildren, useEffect, useLayoutEffect, FC, ReactNode } from 'react';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport {\r\n    $CG_IN,\r\n    $CG_OUT,\r\n    MsgBus,\r\n    MsgBusProviderParams,\r\n    MsgBusStruct,\r\n    MsgBusSubscriberParams,\r\n} from '@actdim/msgmesh/msgBusCore';\r\nimport { MaybePromise, SafeKey, Skip } from '@actdim/utico/typeCore';\r\nimport { observer, useLocalObservable } from 'mobx-react-lite';\r\nimport { autorun, observable, reaction, runInAction, untracked } from 'mobx';\r\nimport { useLazyRef } from '@/reactHooks';\r\nimport { deepObserve } from 'mobx-utils';\r\nimport { getGlobalFlags } from '@/globals';\r\n\r\nexport type MsgBusChannelGroupProviderParams<\r\n    TStruct extends MsgBusStruct = MsgBusStruct,\r\n    TChannel extends keyof TStruct = keyof TStruct,\r\n    TGroup extends keyof TStruct[TChannel] = typeof $CG_IN, // keyof TStruct[TChannel]\r\n> = Skip<MsgBusProviderParams<TStruct, TChannel, TGroup>, 'channel' | 'group'>;\r\n\r\nexport type MsgBusChannelGroupSubscriberParams<\r\n    TStruct extends MsgBusStruct = MsgBusStruct,\r\n    TChannel extends keyof TStruct = keyof TStruct,\r\n    TGroup extends keyof TStruct[TChannel] = typeof $CG_IN, // keyof TStruct[TChannel]\r\n> = Skip<MsgBusSubscriberParams<TStruct, TChannel, TGroup>, 'channel' | 'group'>;\r\n\r\n// MsgBusScope\r\nexport type MsgBusBrokerScope<\r\n    TStruct extends MsgBusStruct /*= MsgBusStruct*/,\r\n    TKeysToProvide extends keyof TStruct = keyof TStruct,\r\n    TKeysToSubscribe extends keyof TStruct = keyof TStruct,\r\n    TKeysToPublish extends keyof TStruct = keyof TStruct,\r\n> = {\r\n    provide?: TKeysToProvide;\r\n    // consume\r\n    subscribe?: TKeysToSubscribe;\r\n    // produce\r\n    publish?: TKeysToPublish;\r\n};\r\n\r\nexport type ComponentPropStruct = Record<string, any>;\r\n// export type ComponentPropStruct = {\r\n//     [prop: string]: any;\r\n// };\r\n\r\nexport type ComponentMethodStruct = Record<string, Function>;\r\n// export type ComponentMethodStruct = {\r\n//     [action: string]: Function;\r\n// };\r\n\r\n// export type ComponentRefStruct = Record<string, ComponentStruct<TMsgBusStruct, T>>;\r\nexport type ComponentRefStruct = {\r\n    [name: string]: ComponentStruct | ((params: any) => ComponentStruct);\r\n};\r\n\r\nexport type ComponentStructBase<\r\n    TMsgBusStruct extends MsgBusStruct = MsgBusStruct,\r\n    TPropStruct extends ComponentPropStruct = ComponentPropStruct,\r\n    TMsgScope extends MsgBusBrokerScope<TMsgBusStruct> = MsgBusBrokerScope<TMsgBusStruct>,\r\n> = {\r\n    props?: TPropStruct;\r\n    methods?: ComponentMethodStruct;\r\n    children?: ComponentRefStruct;\r\n    msgScope?: TMsgScope;\r\n};\r\n\r\n// ComponentShape\r\nexport type ComponentStruct<\r\n    TMsgBusStruct extends MsgBusStruct = MsgBusStruct,\r\n    T extends ComponentStructBase<TMsgBusStruct> = ComponentStructBase<TMsgBusStruct>,\r\n> = T & {\r\n    msgBus: TMsgBusStruct;\r\n};\r\n\r\nexport type MsgBusBroker<\r\n    TStructToProvide extends MsgBusStruct = MsgBusStruct,\r\n    TStructToSubscribe extends MsgBusStruct = MsgBusStruct,\r\n> = {\r\n    // providers\r\n    provide?: {\r\n        [TChannel in keyof TStructToProvide]?: {\r\n            [TGroup in keyof Skip<\r\n                TStructToProvide[TChannel],\r\n                typeof $CG_OUT\r\n            >]?: MsgBusChannelGroupProviderParams<TStructToProvide, TChannel, TGroup>;\r\n        };\r\n    };\r\n    // subscribers\r\n    subscribe?: {\r\n        [TChannel in keyof TStructToSubscribe]: {\r\n            [TGroup in keyof TStructToSubscribe[TChannel]]?: MsgBusChannelGroupSubscriberParams<\r\n                TStructToSubscribe,\r\n                TChannel,\r\n                TGroup\r\n            >;\r\n        };\r\n    };\r\n};\r\n\r\ntype ValueConverter<TTo, TFrom> = {\r\n    // ConvertFrom\r\n    convert(value: TFrom): TTo;\r\n    // ConvertTo\r\n    convertBack(value: TTo): TFrom;\r\n};\r\n\r\ntype ValidationResult = {\r\n    valid: boolean;\r\n    message: string;\r\n};\r\n\r\ntype Validator<T> = {\r\n    options: {\r\n        blur: boolean;\r\n    };\r\n    validate: (value: T) => MaybePromise<ValidationResult>;\r\n};\r\n\r\nconst $isBinding = Symbol('$isBinding');\r\n// const $bindings = Symbol('$bindings');\r\nexport interface IBinding<T = any, TFrom = any> {\r\n    // getter\r\n    readonly get: () => T;\r\n    // setter\r\n    readonly set: (value: T) => void;\r\n    readonly converter: ValueConverter<T, TFrom>;\r\n    readonly validator: Validator<T>;\r\n    readonly readOnly: boolean;\r\n    [$isBinding]: boolean;\r\n}\r\n\r\nclass Binding<T = any, TFrom = any> implements IBinding<any, any> {\r\n    // getter\r\n    readonly get: () => T;\r\n    // setter\r\n    readonly set: (value: T) => void;\r\n    readonly converter: ValueConverter<T, TFrom>;\r\n    readonly validator: Validator<T>;\r\n    readonly readOnly: boolean;\r\n    constructor(\r\n        get: () => T,\r\n        set?: (value: T) => void,\r\n        converter?: ValueConverter<T, TFrom>,\r\n        validator?: Validator<T>,\r\n    ) {\r\n        this.get = get;\r\n        this.set = set;\r\n        this.converter = converter;\r\n        this.validator = validator;\r\n        this.readOnly = !!set;\r\n        this[$isBinding] = true;\r\n    }\r\n    [$isBinding]: boolean;\r\n}\r\n\r\nexport function isBinding(obj: any): obj is IBinding {\r\n    return obj[$isBinding] === true;\r\n}\r\n\r\nexport function bind<T, TFrom = any>(\r\n    get: () => T,\r\n    set?: (value: T) => void,\r\n    converter?: ValueConverter<T, TFrom>,\r\n    validator?: Validator<T>,\r\n) {\r\n    return new Binding(get, set, converter, validator);\r\n}\r\n\r\nexport function bindProp<T extends object, P extends keyof T>(target: () => T, prop: P) {\r\n    return new Binding(\r\n        () => target()[prop],\r\n        (value: T[P]) => {\r\n            target()[prop] = value;\r\n        },\r\n    );\r\n}\r\n\r\nexport type ComponentPropSource<T> = T | Binding<T>;\r\n\r\nexport type ComponentPropParams<TPropStruct extends ComponentPropStruct> = {\r\n    [P in keyof TPropStruct]?: ComponentPropSource<TPropStruct[P]>;\r\n};\r\n\r\n// const $ON_PROP_CHANGING = \"onPropChanging\";\r\n// const $ON_PROP_CHANGE = \"onPropChange\";\r\n\r\nconst $ON_GET = 'onGet';\r\n// const $ON_BEFORE_SET = \"onBeforeSet\";\r\nconst $ON_CHANGING = 'onChanging';\r\nconst $ON_CHANGE = 'onChange';\r\n// const $ON_SET = \"onSet\";\r\n\r\ntype PropValueChangingHandler<TProp = PropKey> = (\r\n    prop: TProp,\r\n    oldValue: any,\r\n    newValue: any,\r\n) => boolean;\r\ntype PropValueChangeHandler<TProp = PropKey> = (prop: TProp, value: any) => void;\r\n\r\n// BeforeValueSetHandler\r\ntype ValueChangingHandler<T = any> = (oldValue: T, newValue: T) => boolean;\r\n// ValueSetHandler\r\ntype ValueChangeHandler<T = any> = (value: T) => void;\r\n\r\ntype ComponentEvents<TStruct extends ComponentStruct = ComponentStruct> = {\r\n    onPropChanging?: PropValueChangingHandler<keyof TStruct['props']>;\r\n    onPropChange?: PropValueChangeHandler<keyof TStruct['props']>;\r\n    onInit?: (model: ComponentModel<TStruct>) => void;\r\n    onLayout?: (model: ComponentModel<TStruct>) => void;\r\n    onReady?: (model: ComponentModel<TStruct>) => void;\r\n    onLayoutDestroy?: (model: ComponentModel<TStruct>) => void; // onLayoutCleanup\r\n    onDestroy?: (model: ComponentModel<TStruct>) => void; // onDispose/onCleanup\r\n    onError?: (model: ComponentModel<TStruct>, error: any) => void;\r\n} & {\r\n    [P in keyof TStruct['props'] as `${typeof $ON_GET}${Capitalize<P & string>}`]?: () => TStruct['props'][P];\r\n} & {\r\n    [P in keyof TStruct['props'] as `${typeof $ON_CHANGING}${Capitalize<P & string>}`]?: ValueChangingHandler<\r\n        TStruct['props']\r\n    >;\r\n} & {\r\n    [P in keyof TStruct['props'] as `${typeof $ON_CHANGE}${Capitalize<P & string>}`]?: ValueChangeHandler<\r\n        TStruct['props']\r\n    >;\r\n};\r\n\r\n// AllHTMLAttributes<JSX.Element>\r\n\r\ntype ComponentViewProps = {\r\n    render?: boolean;\r\n} & PropsWithChildren;\r\n\r\n// ComponentRenderImplFn\r\ntype ComponentViewImplFn<TStruct extends ComponentStruct> = (\r\n    props: ComponentViewProps,\r\n    model?: ComponentModel<TStruct>,\r\n) => ReactNode; // JSX.Element\r\n\r\n// ComponentRenderFn\r\ntype ComponentViewFn = (props: ComponentViewProps) => ReactNode; // JSX.Element\r\n\r\ntype PublicKeys<T> = {\r\n    [K in keyof T]: K extends `_${string}` ? never : K;\r\n}[keyof T];\r\n\r\nexport type Component<TStruct extends ComponentStruct> = {\r\n    name?: string;\r\n    props?: TStruct['props'];\r\n    methods?: TStruct['methods'];\r\n    children?: ComponentChildren<TStruct['children']>;\r\n    events?: ComponentEvents<TStruct>;\r\n    // msgs?\r\n    msgBroker?: MsgBusBroker<\r\n        Pick<TStruct['msgBus'], SafeKey<TStruct['msgBus'], TStruct['msgScope']['provide']>>,\r\n        Pick<TStruct['msgBus'], SafeKey<TStruct['msgBus'], TStruct['msgScope']['subscribe']>>\r\n    >;\r\n    msgBus?: MsgBus<\r\n        // TStruct[\"msgBus\"]\r\n        Pick<\r\n            TStruct['msgBus'],\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['provide']>\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['subscribe']>\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['publish']>\r\n        >\r\n    >;\r\n    view?: ComponentViewImplFn<TStruct>;\r\n};\r\n\r\ntype ComponentChildren<TRefStruct extends ComponentRefStruct> = {\r\n    [P in keyof TRefStruct]: TRefStruct[P] extends (params: infer TParams) => infer T\r\n        ? T extends ComponentStruct\r\n            ? (params: TParams) => ComponentModel<T>\r\n            : never\r\n        : TRefStruct[P] extends ComponentStruct\r\n          ? ComponentModel<TRefStruct[P]>\r\n          : never;\r\n};\r\n\r\ntype ComponentModelChildren<TRefStruct extends ComponentRefStruct> = {\r\n    [P in keyof TRefStruct as TRefStruct[P] extends Function\r\n        ? `${Capitalize<P & string>}`\r\n        : P]: TRefStruct[P] extends (params: infer TParams) => infer T\r\n        ? T extends ComponentStruct\r\n            ? FC<ComponentParams<T> & TParams>\r\n            : never\r\n        : TRefStruct[P] extends ComponentStruct\r\n          ? ComponentModel<TRefStruct[P]>\r\n          : never;\r\n};\r\n\r\nexport type ComponentModelContext = {\r\n    bindings?: Map<PropKey, IBinding>;\r\n    id: string;\r\n};\r\n\r\nexport type ComponentModelBase<TStruct extends ComponentStruct = ComponentStruct> = {\r\n    readonly msgBus?: MsgBus<\r\n        // TStruct[\"msgBus\"]\r\n        Pick<\r\n            TStruct['msgBus'],\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['provide']>\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['subscribe']>\r\n            | SafeKey<TStruct['msgBus'], TStruct['msgScope']['publish']>\r\n        >\r\n    >;\r\n    readonly View: ComponentViewFn;\r\n    $: ComponentModelContext;\r\n};\r\n\r\nexport type ComponentModel<TStruct extends ComponentStruct = ComponentStruct> = TStruct['props'] &\r\n    TStruct['methods'] &\r\n    ComponentModelChildren<TStruct['children']> &\r\n    ComponentModelBase<TStruct>;\r\n\r\n// style: CSSProperties;\r\n\r\ntype PropEventHandlers = {\r\n    onGet?: () => any;\r\n    onChanging?: (oldValue: any, newValue: any) => boolean;\r\n    onChange?: (value: any) => void;\r\n};\r\n\r\ntype PropKey = string | symbol;\r\ntype ProxyEventHandlers = {\r\n    onPropChanging?: PropValueChangingHandler<PropKey>;\r\n    onPropChange?: PropValueChangeHandler<PropKey>;\r\n} & Record<PropKey, PropEventHandlers>;\r\n\r\n// ComponentConfig\r\nexport type ComponentParams<TStruct extends ComponentStruct = ComponentStruct> =\r\n    ComponentPropParams<TStruct['props']> & ComponentEvents<TStruct>; // & PropsWithChildren\r\n\r\nconst blankView = () => null;\r\n\r\nfunction createProxy(\r\n    state: any,\r\n    bindings: Map<PropKey, IBinding>,\r\n    proxyEventHandlers: ProxyEventHandlers,\r\n) {\r\n    const onPropChanging = proxyEventHandlers.onPropChanging;\r\n    const onPropChange = proxyEventHandlers.onPropChange;\r\n    return new Proxy(state, {\r\n        get(obj, prop, receiver) {\r\n            const onGet = proxyEventHandlers[prop]?.onGet;\r\n            if (onGet) {\r\n                return onGet();\r\n            }\r\n\r\n            const binding = bindings.get(String(prop));\r\n            if (binding) {\r\n                let value: any = undefined;\r\n                // untracked(() => {\r\n                value = binding.get();\r\n                // });\r\n                return value;\r\n            }\r\n            return Reflect.get(obj, prop, receiver);\r\n        },\r\n        set(obj, prop, value, receiver) {\r\n            const oldValue = obj[prop];\r\n\r\n            const onChanging = proxyEventHandlers[prop]?.onChanging;\r\n            if (onChanging) {\r\n                const shouldChange = onChanging(oldValue, value);\r\n                if (!shouldChange) {\r\n                    return true;\r\n                }\r\n            }\r\n\r\n            if (onPropChanging) {\r\n                const shouldChange = onPropChanging(prop, oldValue, value);\r\n                if (!shouldChange) {\r\n                    return true;\r\n                }\r\n            }\r\n\r\n            const result = runInAction(() => {\r\n                return Reflect.set(obj, prop, value, receiver);\r\n            });\r\n\r\n            const binding = bindings.get(prop);\r\n            if (binding?.set) {\r\n                // untracked(() => {\r\n                binding.set(value);\r\n                // });\r\n            }\r\n\r\n            const onChange = proxyEventHandlers[prop]?.onChange;\r\n            if (onChange) {\r\n                onChange(value);\r\n            }\r\n\r\n            if (onPropChange) {\r\n                onPropChange(prop, value);\r\n            }\r\n\r\n            return result;\r\n        },\r\n    });\r\n}\r\n\r\nfunction capitalize(name: string) {\r\n    return name.replace(/^./, name[0].toUpperCase());\r\n}\r\n\r\nfunction asyncToGeneratorFlow(asyncFn: (...args: any[]) => Promise<any>) {\r\n    return function* (...args: any[]) {\r\n        const result = yield asyncFn(...args);\r\n        return result;\r\n    };\r\n}\r\n\r\ntype ComponentSourceInfo = {\r\n    // classId\r\n    structId: string;\r\n    count: 0;\r\n};\r\n\r\nconst componentData = {\r\n    sources: new Map<string, ComponentSourceInfo>(),\r\n    count: 0,\r\n};\r\n\r\nexport function toHtmlId(url: string, segmentsCount: number = 1): string {\r\n    const clean = url.split(/[?#]/)[0];\r\n    const parts = clean\r\n        .split('/')\r\n        .filter(Boolean)\r\n        .map((segment) => decodeURIComponent(segment));\r\n\r\n    const last = parts.slice(-segmentsCount);\r\n    const raw = last.join('-');\r\n    let id = raw\r\n        .normalize('NFKD')\r\n        .replace(/[^a-zA-Z0-9\\-_:.+#]/g, '-')\r\n        .replace(/-+/g, '-')\r\n        .replace(/^[^a-zA-Z]+/, '-')\r\n        .replace(/[+#]$/, '-');\r\n    return id;\r\n}\r\n\r\nfunction getCallerFileName(depth = 2): string | null {\r\n    const err = new Error();\r\n    const stack = err.stack?.split('\\n');\r\n    if (!stack || stack.length <= depth) return null;\r\n\r\n    const match = stack[depth].match(/\\((.*):\\d+:\\d+\\)/);\r\n    if (match) {\r\n        return match[1];\r\n    }\r\n    return null;\r\n}\r\n\r\nfunction createModel<TStruct extends ComponentStruct = ComponentStruct>(\r\n    component: Component<TStruct>,\r\n    params: ComponentParams<TStruct>,\r\n): ComponentModel<TStruct> {\r\n    const msgBus = component.msgBus;\r\n\r\n    const bindings = new Map<PropKey, IBinding>();\r\n\r\n    const view = component.view;\r\n\r\n    let model: ComponentModel<TStruct>;\r\n    const ViewFC = observer((props: ComponentViewProps) => {\r\n        try {\r\n            if (getGlobalFlags().debug) {\r\n                // render\r\n                console.debug(`${model.$.id}>view`);\r\n            }\r\n            if (typeof view === 'function') {\r\n                return view(props, model);\r\n            }\r\n            return <>{props.children}</>;\r\n        } catch (err) {\r\n            // throw err;\r\n            const errDetails = JSON.stringify(err);\r\n            return <>{errDetails}</>;\r\n        } finally {\r\n        }\r\n    });\r\n\r\n    let srcInfo: ComponentSourceInfo;\r\n    const sources = componentData.sources;\r\n\r\n    const fileName = getCallerFileName(6);\r\n    const srcName = toHtmlId(fileName, 2);\r\n\r\n    if (sources.has(fileName)) {\r\n        srcInfo = sources.get(fileName);\r\n        srcInfo.count++;\r\n    } else {\r\n        const structId = component.name || srcName || `Component_${componentData.count}`;\r\n        srcInfo = {\r\n            structId: structId,\r\n            count: 0,\r\n        };\r\n        sources.set(fileName, srcInfo);\r\n        componentData.count++;\r\n    }\r\n\r\n    const rootId = `${srcInfo.structId}#${srcInfo.count}`;\r\n    model = {\r\n        ...component.props,\r\n        ...component.methods,\r\n        // view: component.view,\r\n        View: ViewFC,\r\n        msgBus: msgBus,\r\n        $: {\r\n            bindings: bindings,\r\n            id: rootId,\r\n        },\r\n    };\r\n\r\n    if (component.children) {\r\n        for (const [key, value] of Object.entries(component.children)) {\r\n            if (typeof value == 'function') {\r\n                const view = value as (params: any) => ComponentModel;\r\n                // observer\r\n                const ChildViewFC: ComponentViewImplFn<TStruct> = (props) => {\r\n                    const model = view(props);\r\n                    return <model.View />;\r\n                    // if (typeof model.view === \"function\") {\r\n                    //     return model.view(props);\r\n                    // }\r\n                    // return <>{props.children}</>;\r\n                };\r\n                Reflect.set(model, capitalize(key), ChildViewFC);\r\n            } else {\r\n                Reflect.set(model, key, value);\r\n            }\r\n        }\r\n    }\r\n    if (component.msgBroker) {\r\n        const providers = component.msgBroker.provide;\r\n        if (providers) {\r\n            for (const [channel, providerGroups] of Object.entries(providers)) {\r\n                for (const [group, provider] of Object.entries(providerGroups)) {\r\n                    msgBus.provide({\r\n                        ...provider,\r\n                        channel: channel,\r\n                        group: group,\r\n                    });\r\n                }\r\n            }\r\n        }\r\n        const subscribers = component.msgBroker.subscribe;\r\n        if (subscribers) {\r\n            for (const [channel, subscriberGroups] of Object.entries(subscribers)) {\r\n                for (const [group, subscriber] of Object.entries(subscriberGroups)) {\r\n                    msgBus.on({\r\n                        ...subscriber,\r\n                        channel: channel,\r\n                        group: group,\r\n                    });\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    // Reflect.ownKeys\r\n    for (const [key, value] of Object.entries(params)) {\r\n        if (isBinding(value)) {\r\n            bindings.set(key, value);\r\n        } else {\r\n            Reflect.set(model, key, value);\r\n        }\r\n    }\r\n\r\n    // decorators\r\n    const annotationMap: Record<string, any> = {};\r\n\r\n    if (component.props) {\r\n        for (const key of Object.keys(component.props)) {\r\n            annotationMap[key] = observable.ref;\r\n        }\r\n    }\r\n    if (component.methods) {\r\n        for (const key of Object.keys(component.methods)) {\r\n            annotationMap[key] = false;\r\n        }\r\n    }\r\n    if (component.children) {\r\n        for (const key of Object.keys(component.children)) {\r\n            annotationMap[key] = false;\r\n        }\r\n    }\r\n\r\n    // annotationMap[\"view\" satisfies keyof Component<TStruct>] = false;\r\n    annotationMap['View' satisfies keyof ComponentModelBase<TStruct>] = false;\r\n    annotationMap['msgBus' satisfies keyof ComponentModelBase<TStruct>] = false;\r\n    annotationMap['$' satisfies keyof ComponentModelBase<TStruct>] = false;\r\n\r\n    const proxyEventHandlers: Pick<ProxyEventHandlers, 'onPropChanging' | 'onPropChange'> = {\r\n        onPropChanging:\r\n            params?.onPropChanging || component.events?.onPropChanging\r\n                ? (prop, oldValue, newValue) => {\r\n                      let result = true;\r\n                      let handler = params.onPropChanging;\r\n                      if (handler) {\r\n                          result = handler(String(prop), oldValue, newValue);\r\n                      }\r\n                      if (result) {\r\n                          handler = component.events?.onPropChanging;\r\n                          if (handler) {\r\n                              result = handler(String(prop), oldValue, newValue);\r\n                          }\r\n                      }\r\n                      return result;\r\n                  }\r\n                : undefined,\r\n        onPropChange:\r\n            params?.onPropChange || component.events?.onPropChange\r\n                ? (prop, value) => {\r\n                      params.onPropChange?.(String(prop), value);\r\n                      component.events.onPropChange?.(String(prop), value);\r\n                  }\r\n                : undefined,\r\n    };\r\n\r\n    function resolveOnGetEventHandler(prop: string) {\r\n        const key = `${$ON_GET}${capitalize(prop)}`;\r\n        return params[key] || component.events?.[key];\r\n    }\r\n\r\n    function resolveOnChangingEventHandler(prop: string) {\r\n        const key = `${$ON_CHANGING}${capitalize(prop)}`;\r\n        return ((oldValue: any, newValue: any) => {\r\n            let result = true;\r\n            let handler = params[key] as ValueChangingHandler<any>;\r\n            if (handler) {\r\n                result = handler(oldValue, newValue);\r\n            }\r\n            if (result) {\r\n                handler = component.events[key] as ValueChangingHandler<any>;\r\n                if (handler) {\r\n                    result = handler(oldValue, newValue);\r\n                }\r\n            }\r\n            return result;\r\n        }) as ValueChangingHandler;\r\n    }\r\n\r\n    function resolveOnChangeEventHandler(prop: string) {\r\n        const key = `${$ON_CHANGE}${capitalize(prop)}`;\r\n        return ((value: any) => {\r\n            (params[key] as ValueChangeHandler<any>)?.(value);\r\n            (component.events[key] as ValueChangeHandler<any>)?.(value);\r\n        }) as ValueChangeHandler;\r\n    }\r\n\r\n    if (component.props) {\r\n        for (const prop of Object.keys(component.props)) {\r\n            proxyEventHandlers[prop] = {\r\n                onGet: resolveOnGetEventHandler(prop),\r\n                onChanging: resolveOnChangingEventHandler(prop),\r\n                onChange: resolveOnChangeEventHandler(prop),\r\n            };\r\n        }\r\n    }\r\n\r\n    model = observable(model, annotationMap, {\r\n        deep: true,\r\n    });\r\n    // model = useLocalObservable(() => model, annotationMap);\r\n\r\n    model = createProxy(model, bindings, proxyEventHandlers);\r\n\r\n    if (component.events?.onInit) {\r\n        component.events.onInit(model);\r\n    }\r\n\r\n    if (params?.onInit) {\r\n        params.onInit(model);\r\n    }\r\n\r\n    return model;\r\n}\r\n\r\nexport function useComponent<TStruct extends ComponentStruct = ComponentStruct>(\r\n    component: Component<TStruct>,\r\n    params: ComponentParams<TStruct>,\r\n): ComponentModel<TStruct> {\r\n    const ref = useLazyRef(() => createModel(component, params));\r\n    const model = ref.current;\r\n\r\n    useLayoutEffect(() => {\r\n        try {\r\n            if (getGlobalFlags().debug) {\r\n                console.debug(`${model.$.id}>layout`);\r\n            }\r\n            component.events?.onLayout?.(model);\r\n            params?.onLayout?.(model);\r\n        } catch (err) {\r\n            component.events?.onError?.(model, err);\r\n            params?.onError?.(model, err);\r\n        }\r\n\r\n        return () => {\r\n            if (getGlobalFlags().debug) {\r\n                console.debug(`${model.$.id}>layout-destroy`);\r\n            }\r\n            component.events?.onLayoutDestroy?.(model);\r\n            params?.onLayoutDestroy?.(model);\r\n            // ref.current?.dispose();\r\n            ref.current = null;\r\n        };\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        try {\r\n            if (getGlobalFlags().debug) {\r\n                // mount\r\n                console.debug(`${model.$.id}>ready`);\r\n            }\r\n            component.events?.onReady?.(model);\r\n            params?.onReady?.(model);\r\n        } catch (err) {\r\n            if (getGlobalFlags().debug) {\r\n                // unmount\r\n                console.debug(`${model.$.id}>destroy`);\r\n            }\r\n            component.events?.onError?.(model, err);\r\n            params?.onError?.(model, err);\r\n        }\r\n        return () => {\r\n            component.events?.onDestroy?.(model);\r\n            params?.onDestroy?.(model);\r\n        };\r\n    }, []);\r\n\r\n    return ref.current;\r\n}\r\n\r\n// asFC/toFC\r\nexport function getFC<TStruct extends ComponentStruct>(\r\n    factory: (params: ComponentParams<TStruct>) => ComponentModel<TStruct>,\r\n): FC<ComponentParams<TStruct>> {\r\n    // observer\r\n    const fc = (params: ComponentParams<TStruct> & PropsWithChildren) => {\r\n        // modelHook\r\n        const model = factory(params); // without useRef!\r\n        // return model.view();\r\n        return <model.View {...params} />;\r\n        // return <ViewerFC {...params} view={model.view} />;\r\n    };\r\n    return fc;\r\n}\r\n"],"names":["$isBinding","Binding","get","set","converter","validator","isBinding","obj","bind","bindProp","target","prop","value","$ON_GET","$ON_CHANGING","$ON_CHANGE","createProxy","state","bindings","proxyEventHandlers","onPropChanging","onPropChange","receiver","onGet","binding","oldValue","onChanging","result","runInAction","onChange","capitalize","name","componentData","toHtmlId","url","segmentsCount","segment","getCallerFileName","depth","stack","match","createModel","component","params","msgBus","view","model","ViewFC","observer","props","getGlobalFlags","React","err","errDetails","srcInfo","sources","fileName","srcName","rootId","key","ChildViewFC","providers","channel","providerGroups","group","provider","subscribers","subscriberGroups","subscriber","annotationMap","observable","newValue","handler","resolveOnGetEventHandler","resolveOnChangingEventHandler","resolveOnChangeEventHandler","useComponent","ref","useLazyRef","useLayoutEffect","useEffect","getFC","factory"],"mappings":"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"}

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@actdim/dynstruct",
-    "version": "1.0.0",
+    "version": "1.0.3",
     "description": "A type-safe component system for large-scale apps: explicit dependencies, message bus communication, and structure-first, declarative design",
     "author": "Pavel Borodaev",
     "license": "Proprietary",
@@ -50,7 +50,7 @@
     },
     "sideEffects": false,
     "sideEffects?": [],
-    "scripts": {        
+    "scripts": {
         "test": "npx vitest --config=vitest.node.config.ts --no-cache",
         "test:w": "npx vitest --config=vitest.node.config.ts --watch",
         "test:v8": "npx vite",
@@ -64,48 +64,55 @@
         "nvm:la": "nvm list available",
         "nvm:il": "nvm install lts",
         "format": "prettier --write .",
-        "format:check": "prettier --check ."
+        "format:check": "prettier --check .",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build"
     },
     "peerDependencies": {
+        "@actdim/msgmesh": "^1.0.2",
+        "@actdim/utico": "^1.0.2",
+        "dexie": "^4.2.0",
         "http-status": "^2.1.0",
         "jwt-decode": "^4.0.0",
         "mobx": "^6.15.0",
         "mobx-react-lite": "^4.1.1",
         "mobx-utils": "^6.1.1",
+        "moment": "^2.30.1",
         "path-to-regexp": "^8.3.0",
         "react": "^19.2.0",
         "react-dom": "^19.2.0",
         "react-router": "^7.9.3",
         "react-router-dom": "^7.9.4",
-        "@actdim/utico": "^1.0.0",
-        "@actdim/msgmesh": "^1.0.0",
         "rxjs": "^7.8.2",
-        "dexie": "^4.2.0",
-        "moment": "^2.30.1",
         "uuid": "^13.0.0"
     },
     "devDependencies": {
+        "@storybook/addon-docs": "10.0.7",
+        "@storybook/addon-onboarding": "10.0.7",
+        "@storybook/react-vite": "10.0.7",
         "@swc/core": "^1.15.1",
-        "@vitejs/plugin-react-swc": "^4.2.1",
-        "eslint-plugin-react": "^7.37.5",
-        "eslint-plugin-react-hooks": "^7.0.1",
-        "eslint-plugin-react-refresh": "^0.4.24",
         "@types/chai": "^5.2.3",
         "@types/mocha": "^10.0.10",
         "@types/node": "^24.10.0",
         "@typescript-eslint/eslint-plugin": "^8.46.3",
         "@typescript-eslint/parser": "^8.46.3",
+        "@vitejs/plugin-react-swc": "^4.2.1",
         "chai": "^6.2.0",
         "eslint": "^9.39.1",
         "eslint-config-prettier": "^10.1.8",
         "eslint-formatter-visualstudio": "^9.0.1",
-        "eslint-plugin-prettier": "^5.5.4",        
+        "eslint-plugin-prettier": "^5.5.4",
+        "eslint-plugin-react": "^7.37.5",
+        "eslint-plugin-react-hooks": "^7.0.1",
+        "eslint-plugin-react-refresh": "^0.4.24",
+        "eslint-plugin-storybook": "10.0.7",
         "globals": "^16.5.0",
         "mocha": "^11.7.5",
         "npm-check-updates": "^19.1.2",
         "prettier": "^3.6.2",
         "prettier-plugin-classnames": "^0.8.5",
         "shx": "^0.4.0",
+        "storybook": "10.0.7",
         "typescript": "^5.9.3",
         "typescript-eslint": "^8.46.3",
         "vite": "^7.2.2",