@webiny/app 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/presentation/router/RouteElementRegistry.js

@@ -0,0 +1,29 @@
+import { createImplementation } from "@webiny/di";
+import { RouteElementRegistry } from "./abstractions.js";
+class RouteElementRegistryImplementation {
+    register(routeName, element) {
+        this.elements.set(routeName, element);
+    }
+    getElement(routeName) {
+        return this.elements.get(routeName) ?? null;
+    }
+    clear() {
+        this.elements.clear();
+    }
+    list() {
+        return [
+            ...this.elements.keys()
+        ];
+    }
+    constructor(){
+        this.elements = new Map();
+    }
+}
+const DefaultRouteElementRegistry = createImplementation({
+    implementation: RouteElementRegistryImplementation,
+    abstraction: RouteElementRegistry,
+    dependencies: []
+});
+export { DefaultRouteElementRegistry };
+
+//# sourceMappingURL=RouteElementRegistry.js.map

package/presentation/router/RouteElementRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/router/RouteElementRegistry.js","sources":["../../../src/presentation/router/RouteElementRegistry.ts"],"sourcesContent":["import React from \"react\";\nimport { createImplementation } from \"@webiny/di\";\nimport { RouteElementRegistry } from \"./abstractions.js\";\n\nclass RouteElementRegistryImplementation {\n    private readonly elements = new Map<string, React.ReactNode>();\n\n    /** Register a React element for a given route. */\n    register(routeName: string, element: React.ReactNode): void {\n        this.elements.set(routeName, element);\n    }\n\n    /** Get the element for a matched route by name. */\n    getElement(routeName: string): React.ReactNode | null {\n        return this.elements.get(routeName) ?? null;\n    }\n\n    /** Clear all registered elements. Useful in tests or hot reloads. */\n    clear(): void {\n        this.elements.clear();\n    }\n\n    /** List all registered route names. */\n    list(): string[] {\n        return [...this.elements.keys()];\n    }\n}\n\nexport const DefaultRouteElementRegistry = createImplementation({\n    implementation: RouteElementRegistryImplementation,\n    abstraction: RouteElementRegistry,\n    dependencies: []\n});\n"],"names":["RouteElementRegistryImplementation","routeName","element","Map","DefaultRouteElementRegistry","createImplementation","RouteElementRegistry"],"mappings":";;AAIA,MAAMA;IAIF,SAASC,SAAiB,EAAEC,OAAwB,EAAQ;QACxD,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACD,WAAWC;IACjC;IAGA,WAAWD,SAAiB,EAA0B;QAClD,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACA,cAAc;IAC3C;IAGA,QAAc;QACV,IAAI,CAAC,QAAQ,CAAC,KAAK;IACvB;IAGA,OAAiB;QACb,OAAO;eAAI,IAAI,CAAC,QAAQ,CAAC,IAAI;SAAG;IACpC;;aApBiB,QAAQ,GAAG,IAAIE;;AAqBpC;AAEO,MAAMC,8BAA8BC,qBAAqB;IAC5D,gBAAgBL;IAChB,aAAaM;IACb,cAAc,EAAE;AACpB"}

package/presentation/router/abstractions.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Abstraction } from "@webiny/di";
+interface IRouteElementRegistry {
+    register(name: string, element: React.ReactElement): void;
+    getElement(routeName: string): React.ReactNode | null;
+    clear(): void;
+    list(): string[];
+}
+export declare const RouteElementRegistry: Abstraction<IRouteElementRegistry>;
+export declare namespace RouteElementRegistry {
+    type Interface = IRouteElementRegistry;
+}
+export {};

package/presentation/router/abstractions.js

@@ -0,0 +1,5 @@
+import { Abstraction } from "@webiny/di";
+const RouteElementRegistry = new Abstraction("RouteElementRegistry");
+export { RouteElementRegistry };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/router/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/router/abstractions.js","sources":["../../../src/presentation/router/abstractions.ts"],"sourcesContent":["import React from \"react\";\nimport { Abstraction } from \"@webiny/di\";\n\ninterface IRouteElementRegistry {\n    register(name: string, element: React.ReactElement): void;\n    getElement(routeName: string): React.ReactNode | null;\n    clear(): void;\n    list(): string[];\n}\n\nexport const RouteElementRegistry = new Abstraction<IRouteElementRegistry>(\"RouteElementRegistry\");\n\nexport namespace RouteElementRegistry {\n    export type Interface = IRouteElementRegistry;\n}\n"],"names":["RouteElementRegistry","Abstraction"],"mappings":";AAUO,MAAMA,uBAAuB,IAAIC,YAAmC"}

package/presentation/router/components/Redirect.d.ts

@@ -0,0 +1,14 @@
+import type { Route, RouteParamsDefinition, RouteParamsInfer } from "../../../features/router/Route.js";
+import type { RequiredKeysOf } from "type-fest";
+export type RedirectProps<TParams extends RouteParamsDefinition | undefined> = [
+    TParams extends RouteParamsDefinition ? RequiredKeysOf<RouteParamsInfer<TParams>> extends never ? {
+        route: Route<TParams>;
+        params?: RouteParamsInfer<TParams>;
+    } : {
+        route: Route<TParams>;
+        params: RouteParamsInfer<TParams>;
+    } : {
+        route: Route<TParams>;
+    }
+][0];
+export declare const RedirectComponent: <TParams extends RouteParamsDefinition | undefined>(props: RedirectProps<TParams>) => null;

package/presentation/router/components/Redirect.js

@@ -0,0 +1,13 @@
+import { useEffect } from "react";
+import { useRouter } from "../../../router.js";
+const RedirectComponent = (props)=>{
+    const router = useRouter();
+    const { route, ...rest } = props;
+    useEffect(()=>{
+        router.goToRoute(route, rest.params);
+    }, []);
+    return null;
+};
+export { RedirectComponent };
+
+//# sourceMappingURL=Redirect.js.map

package/presentation/router/components/Redirect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/router/components/Redirect.js","sources":["../../../../src/presentation/router/components/Redirect.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { Route, RouteParamsDefinition, RouteParamsInfer } from \"~/features/router/Route.js\";\nimport { useRouter } from \"~/router.js\";\nimport type { RequiredKeysOf } from \"type-fest\";\n\nexport type RedirectProps<TParams extends RouteParamsDefinition | undefined> = [\n    TParams extends RouteParamsDefinition\n        ? RequiredKeysOf<RouteParamsInfer<TParams>> extends never\n            ? { route: Route<TParams>; params?: RouteParamsInfer<TParams> }\n            : { route: Route<TParams>; params: RouteParamsInfer<TParams> }\n        : { route: Route<TParams> }\n][0];\n\nexport const RedirectComponent = <TParams extends RouteParamsDefinition | undefined>(\n    props: RedirectProps<TParams>\n) => {\n    const router = useRouter();\n    const { route, ...rest } = props as any;\n\n    useEffect(() => {\n        router.goToRoute(route, rest.params);\n    }, []);\n\n    return null;\n};\n"],"names":["RedirectComponent","props","router","useRouter","route","rest","useEffect"],"mappings":";;AAaO,MAAMA,oBAAoB,CAC7BC;IAEA,MAAMC,SAASC;IACf,MAAM,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGJ;IAE3BK,UAAU;QACNJ,OAAO,SAAS,CAACE,OAAOC,KAAK,MAAM;IACvC,GAAG,EAAE;IAEL,OAAO;AACX"}

package/presentation/router/components/RouteContent.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const RouteContent: () => React.JSX.Element | null;

package/presentation/router/components/RouteContent.js

@@ -0,0 +1,20 @@
+import react from "react";
+import { DevToolsSection } from "@webiny/react-properties";
+import { RouteElementRegistry, useRoute } from "../index.js";
+import { useContainer } from "../../../shared/di/DiContainerProvider.js";
+const RouteContent = ()=>{
+    const { route } = useRoute();
+    const container = useContainer();
+    const elementRegistry = container.resolve(RouteElementRegistry);
+    if (!route) return null;
+    const element = elementRegistry.getElement(route.name);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(DevToolsSection, {
+        name: "Current Route",
+        group: "Router",
+        data: route,
+        views: "raw"
+    }), element ?? null);
+};
+export { RouteContent };
+
+//# sourceMappingURL=RouteContent.js.map

package/presentation/router/components/RouteContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/router/components/RouteContent.js","sources":["../../../../src/presentation/router/components/RouteContent.tsx"],"sourcesContent":["import React from \"react\";\nimport { DevToolsSection } from \"@webiny/react-properties\";\nimport { RouteElementRegistry, useRoute } from \"~/presentation/router/index.js\";\nimport { useContainer } from \"~/shared/di/DiContainerProvider.js\";\n\nexport const RouteContent = () => {\n    const { route } = useRoute();\n    const container = useContainer();\n    const elementRegistry = container.resolve(RouteElementRegistry);\n\n    if (!route) {\n        return null;\n    }\n\n    const element = elementRegistry.getElement(route.name);\n\n    return (\n        <>\n            <DevToolsSection name={\"Current Route\"} group={\"Router\"} data={route} views={\"raw\"} />\n            {element ?? null}\n        </>\n    );\n};\n"],"names":["RouteContent","route","useRoute","container","useContainer","elementRegistry","RouteElementRegistry","element","DevToolsSection"],"mappings":";;;;AAKO,MAAMA,eAAe;IACxB,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,YAAYC;IAClB,MAAMC,kBAAkBF,UAAU,OAAO,CAACG;IAE1C,IAAI,CAACL,OACD,OAAO;IAGX,MAAMM,UAAUF,gBAAgB,UAAU,CAACJ,MAAM,IAAI;IAErD,OAAO,WAAP,GACI,wDACI,oBAACO,iBAAeA;QAAC,MAAM;QAAiB,OAAO;QAAU,MAAMP;QAAO,OAAO;QAC5EM,WAAW;AAGxB"}

package/presentation/router/components/RouteLink.d.ts

@@ -0,0 +1,50 @@
+import React from "react";
+import type { Route, RouteParamsDefinition, RouteParamsInfer } from "../../../features/router/Route.js";
+type BaseAnchorAttributes = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href">;
+export type RouteLinkProps<TParams extends RouteParamsDefinition | undefined> = [
+    TParams extends RouteParamsDefinition ? {
+        route: Route<TParams>;
+        params: RouteParamsInfer<TParams>;
+    } : {
+        route: Route<TParams>;
+    }
+][0] & BaseAnchorAttributes;
+export declare const RouteLink: (<TParams extends RouteParamsDefinition | undefined>(props: RouteLinkProps<TParams>) => React.JSX.Element) & {
+    original: <TParams extends RouteParamsDefinition | undefined>(props: RouteLinkProps<TParams>) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (<TParams extends RouteParamsDefinition | undefined>(props: RouteLinkProps<TParams>) => React.JSX.Element) & {
+        original: <TParams extends RouteParamsDefinition | undefined>(props: RouteLinkProps<TParams>) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(<TParams extends RouteParamsDefinition | undefined>(props: RouteLinkProps<TParams>) => React.JSX.Element) & {
+        original: <TParams extends RouteParamsDefinition | undefined>(props: RouteLinkProps<TParams>) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const RouteLinkComponent: (<TParams extends RouteParamsDefinition | undefined>(props: RouteLinkProps<TParams>) => React.JSX.Element) & {
+    original: <TParams extends RouteParamsDefinition | undefined>(props: RouteLinkProps<TParams>) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (<TParams extends RouteParamsDefinition | undefined>(props: RouteLinkProps<TParams>) => React.JSX.Element) & {
+        original: <TParams extends RouteParamsDefinition | undefined>(props: RouteLinkProps<TParams>) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(<TParams extends RouteParamsDefinition | undefined>(props: RouteLinkProps<TParams>) => React.JSX.Element) & {
+        original: <TParams extends RouteParamsDefinition | undefined>(props: RouteLinkProps<TParams>) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export {};

package/presentation/router/components/RouteLink.js

@@ -0,0 +1,17 @@
+import react from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+import { SimpleLink } from "./SimpleLink.js";
+import { useRouter } from "../../../router.js";
+const RouteLink = makeDecoratable("RouteLink", (props)=>{
+    const router = useRouter();
+    const { children, route, ...rest } = props;
+    const href = rest.params ? router.getLink(route, rest.params) : router.getLink(route);
+    return /*#__PURE__*/ react.createElement(SimpleLink, {
+        to: href,
+        ...rest
+    }, children);
+});
+const RouteLinkComponent = RouteLink;
+export { RouteLink, RouteLinkComponent };
+
+//# sourceMappingURL=RouteLink.js.map

package/presentation/router/components/RouteLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/router/components/RouteLink.js","sources":["../../../../src/presentation/router/components/RouteLink.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport type { Route, RouteParamsDefinition, RouteParamsInfer } from \"~/features/router/Route.js\";\nimport { SimpleLink } from \"./SimpleLink.js\";\nimport { useRouter } from \"~/router.js\";\n\ntype BaseAnchorAttributes = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"href\">;\n\n// The props are generic over the Route's schema.\nexport type RouteLinkProps<TParams extends RouteParamsDefinition | undefined> = [\n    TParams extends RouteParamsDefinition\n        ? {\n              route: Route<TParams>;\n              params: RouteParamsInfer<TParams>;\n          }\n        : { route: Route<TParams> }\n][0] &\n    BaseAnchorAttributes;\n\nexport const RouteLink = makeDecoratable(\n    \"RouteLink\",\n    <TParams extends RouteParamsDefinition | undefined>(props: RouteLinkProps<TParams>) => {\n        const router = useRouter();\n\n        const { children, route, ...rest } = props as any;\n\n        const href = rest.params ? router.getLink(route!, rest.params) : router.getLink(route!);\n\n        return (\n            <SimpleLink to={href} {...rest}>\n                {children}\n            </SimpleLink>\n        );\n    }\n);\n\nexport const RouteLinkComponent = RouteLink;\n"],"names":["RouteLink","makeDecoratable","props","router","useRouter","children","route","rest","href","SimpleLink","RouteLinkComponent"],"mappings":";;;;AAmBO,MAAMA,YAAYC,gBACrB,aACA,CAAoDC;IAChD,MAAMC,SAASC;IAEf,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGL;IAErC,MAAMM,OAAOD,KAAK,MAAM,GAAGJ,OAAO,OAAO,CAACG,OAAQC,KAAK,MAAM,IAAIJ,OAAO,OAAO,CAACG;IAEhF,OAAO,WAAP,GACI,oBAACG,YAAUA;QAAC,IAAID;QAAO,GAAGD,IAAI;OACzBF;AAGb;AAGG,MAAMK,qBAAqBV"}

package/presentation/router/components/RouteParamsSync.d.ts

@@ -0,0 +1,22 @@
+import type { Route, RouteParamsDefinition } from "../../../features/router/Route.js";
+export interface RouteParamFieldConfig<T> {
+    param: string;
+    read: () => T | undefined;
+    write: (value: T | undefined) => void;
+    storageKey?: string;
+}
+export interface RouteParamField {
+    param: string;
+    read: () => unknown;
+    write: (value: unknown) => void;
+    storageKey?: string;
+}
+export interface RouteParamFieldBuilder {
+    create<T>(config: RouteParamFieldConfig<T>): RouteParamField;
+}
+interface RouteParamsSyncProps<TParams extends RouteParamsDefinition | undefined> {
+    route: Route<TParams>;
+    fields: (builder: RouteParamFieldBuilder) => RouteParamField[];
+}
+export declare function RouteParamsSync<TParams extends RouteParamsDefinition | undefined>({ route: routeDefinition, fields: buildFields }: RouteParamsSyncProps<TParams>): null;
+export {};

package/presentation/router/components/RouteParamsSync.js

@@ -0,0 +1,53 @@
+import { useEffect, useRef } from "react";
+import { reaction } from "mobx";
+import { useRoute } from "../hooks/useRoute.js";
+import { useLocalStorage } from "../../localStorage/useLocalStorage.js";
+const fieldBuilder = {
+    create (config) {
+        return config;
+    }
+};
+function RouteParamsSync({ route: routeDefinition, fields: buildFields }) {
+    const localStorage = useLocalStorage();
+    const { route, setRouteParams, replaceRouteParams } = useRoute(routeDefinition);
+    const syncingFromUrl = useRef(false);
+    const fields = buildFields(fieldBuilder);
+    useEffect(()=>{
+        syncingFromUrl.current = true;
+        for (const field of fields){
+            const urlValue = route.params[field.param];
+            field.write(urlValue);
+        }
+        queueMicrotask(()=>{
+            syncingFromUrl.current = false;
+        });
+    }, fields.map((f)=>route.params[f.param]));
+    useEffect(()=>reaction(()=>{
+            const values = {};
+            for (const field of fields)values[field.param] = field.read();
+            return values;
+        }, (values)=>{
+            for (const field of fields)if (field.storageKey) {
+                const val = values[field.param];
+                if (null != val && "" !== val) localStorage.set(field.storageKey, val);
+                else localStorage.remove(field.storageKey);
+            }
+            const update = syncingFromUrl.current ? replaceRouteParams : setRouteParams;
+            update((params)=>{
+                const next = {
+                    ...params
+                };
+                for (const field of fields)next[field.param] = values[field.param];
+                return next;
+            });
+        }, {
+            equals: (a, b)=>{
+                for (const field of fields)if (a[field.param] !== b[field.param]) return false;
+                return true;
+            }
+        }), []);
+    return null;
+}
+export { RouteParamsSync };
+
+//# sourceMappingURL=RouteParamsSync.js.map

package/presentation/router/components/RouteParamsSync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/router/components/RouteParamsSync.js","sources":["../../../../src/presentation/router/components/RouteParamsSync.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { reaction } from \"mobx\";\nimport type { Route, RouteParamsDefinition } from \"~/features/router/Route.js\";\nimport { useRoute } from \"~/presentation/router/hooks/useRoute.js\";\nimport { useLocalStorage } from \"~/presentation/localStorage/useLocalStorage.js\";\n\nexport interface RouteParamFieldConfig<T> {\n    param: string;\n    read: () => T | undefined;\n    write: (value: T | undefined) => void;\n    storageKey?: string;\n}\n\nexport interface RouteParamField {\n    param: string;\n    read: () => unknown;\n    write: (value: unknown) => void;\n    storageKey?: string;\n}\n\nexport interface RouteParamFieldBuilder {\n    create<T>(config: RouteParamFieldConfig<T>): RouteParamField;\n}\n\nconst fieldBuilder: RouteParamFieldBuilder = {\n    create<T>(config: RouteParamFieldConfig<T>): RouteParamField {\n        return config as RouteParamField;\n    }\n};\n\ninterface RouteParamsSyncProps<TParams extends RouteParamsDefinition | undefined> {\n    route: Route<TParams>;\n    fields: (builder: RouteParamFieldBuilder) => RouteParamField[];\n}\n\nexport function RouteParamsSync<TParams extends RouteParamsDefinition | undefined>({\n    route: routeDefinition,\n    fields: buildFields\n}: RouteParamsSyncProps<TParams>) {\n    const localStorage = useLocalStorage();\n    const { route, setRouteParams, replaceRouteParams } = useRoute(routeDefinition);\n    const syncingFromUrl = useRef(false);\n    const fields = buildFields(fieldBuilder);\n\n    // URL → State: apply route params to presenter state on browser navigation.\n    useEffect(\n        () => {\n            syncingFromUrl.current = true;\n\n            for (const field of fields) {\n                const urlValue = (route.params as Record<string, unknown>)[field.param];\n                field.write(urlValue);\n            }\n\n            queueMicrotask(() => {\n                syncingFromUrl.current = false;\n            });\n        },\n        fields.map(f => (route.params as Record<string, unknown>)[f.param])\n    );\n\n    // State → URL: when MobX observable values change, update route params.\n    useEffect(() => {\n        return reaction(\n            () => {\n                const values: Record<string, unknown> = {};\n                for (const field of fields) {\n                    values[field.param] = field.read();\n                }\n                return values;\n            },\n            values => {\n                for (const field of fields) {\n                    if (field.storageKey) {\n                        const val = values[field.param];\n                        if (val !== undefined && val !== null && val !== \"\") {\n                            localStorage.set(field.storageKey, val);\n                        } else {\n                            localStorage.remove(field.storageKey);\n                        }\n                    }\n                }\n\n                const update = syncingFromUrl.current ? replaceRouteParams : setRouteParams;\n\n                update((params: Record<string, unknown>) => {\n                    const next = { ...params };\n                    for (const field of fields) {\n                        next[field.param] = values[field.param];\n                    }\n                    return next;\n                });\n            },\n            {\n                equals: (a, b) => {\n                    for (const field of fields) {\n                        if (a[field.param] !== b[field.param]) {\n                            return false;\n                        }\n                    }\n                    return true;\n                }\n            }\n        );\n    }, []);\n\n    return null;\n}\n"],"names":["fieldBuilder","config","RouteParamsSync","routeDefinition","buildFields","localStorage","useLocalStorage","route","setRouteParams","replaceRouteParams","useRoute","syncingFromUrl","useRef","fields","useEffect","field","urlValue","queueMicrotask","f","reaction","values","val","update","params","next","a","b"],"mappings":";;;;AAwBA,MAAMA,eAAuC;IACzC,QAAUC,MAAgC;QACtC,OAAOA;IACX;AACJ;AAOO,SAASC,gBAAmE,EAC/E,OAAOC,eAAe,EACtB,QAAQC,WAAW,EACS;IAC5B,MAAMC,eAAeC;IACrB,MAAM,EAAEC,KAAK,EAAEC,cAAc,EAAEC,kBAAkB,EAAE,GAAGC,SAASP;IAC/D,MAAMQ,iBAAiBC,OAAO;IAC9B,MAAMC,SAAST,YAAYJ;IAG3Bc,UACI;QACIH,eAAe,OAAO,GAAG;QAEzB,KAAK,MAAMI,SAASF,OAAQ;YACxB,MAAMG,WAAYT,MAAM,MAAkC,CAACQ,MAAM,KAAK,CAAC;YACvEA,MAAM,KAAK,CAACC;QAChB;QAEAC,eAAe;YACXN,eAAe,OAAO,GAAG;QAC7B;IACJ,GACAE,OAAO,GAAG,CAACK,CAAAA,IAAMX,MAAM,MAAkC,CAACW,EAAE,KAAK,CAAC;IAItEJ,UAAU,IACCK,SACH;YACI,MAAMC,SAAkC,CAAC;YACzC,KAAK,MAAML,SAASF,OAChBO,MAAM,CAACL,MAAM,KAAK,CAAC,GAAGA,MAAM,IAAI;YAEpC,OAAOK;QACX,GACAA,CAAAA;YACI,KAAK,MAAML,SAASF,OAChB,IAAIE,MAAM,UAAU,EAAE;gBAClB,MAAMM,MAAMD,MAAM,CAACL,MAAM,KAAK,CAAC;gBAC/B,IAAIM,QAAAA,OAAqCA,AAAQ,OAARA,KACrChB,aAAa,GAAG,CAACU,MAAM,UAAU,EAAEM;qBAEnChB,aAAa,MAAM,CAACU,MAAM,UAAU;YAE5C;YAGJ,MAAMO,SAASX,eAAe,OAAO,GAAGF,qBAAqBD;YAE7Dc,OAAO,CAACC;gBACJ,MAAMC,OAAO;oBAAE,GAAGD,MAAM;gBAAC;gBACzB,KAAK,MAAMR,SAASF,OAChBW,IAAI,CAACT,MAAM,KAAK,CAAC,GAAGK,MAAM,CAACL,MAAM,KAAK,CAAC;gBAE3C,OAAOS;YACX;QACJ,GACA;YACI,QAAQ,CAACC,GAAGC;gBACR,KAAK,MAAMX,SAASF,OAChB,IAAIY,CAAC,CAACV,MAAM,KAAK,CAAC,KAAKW,CAAC,CAACX,MAAM,KAAK,CAAC,EACjC,OAAO;gBAGf,OAAO;YACX;QACJ,IAEL,EAAE;IAEL,OAAO;AACX"}

package/presentation/router/components/SimpleLink.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+type BaseAnchorAttributes = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href">;
+export type SimpleLinkProps = BaseAnchorAttributes & {
+    to: string;
+};
+export declare const SimpleLink: (({ children, to, ...rest }: SimpleLinkProps) => React.JSX.Element) & {
+    original: ({ children, to, ...rest }: SimpleLinkProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ children, to, ...rest }: SimpleLinkProps) => React.JSX.Element) & {
+        original: ({ children, to, ...rest }: SimpleLinkProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children, to, ...rest }: SimpleLinkProps) => React.JSX.Element) & {
+        original: ({ children, to, ...rest }: SimpleLinkProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export declare const LinkComponent: (({ children, to, ...rest }: SimpleLinkProps) => React.JSX.Element) & {
+    original: ({ children, to, ...rest }: SimpleLinkProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ children, to, ...rest }: SimpleLinkProps) => React.JSX.Element) & {
+        original: ({ children, to, ...rest }: SimpleLinkProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children, to, ...rest }: SimpleLinkProps) => React.JSX.Element) & {
+        original: ({ children, to, ...rest }: SimpleLinkProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export {};

package/presentation/router/components/SimpleLink.js

@@ -0,0 +1,24 @@
+import react from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+import { RouterGateway } from "../../../features/router/abstractions.js";
+import { useContainer } from "../../../shared/di/DiContainerProvider.js";
+const SimpleLink = makeDecoratable("SimpleLink", ({ children, to, ...rest })=>{
+    const container = useContainer();
+    const routerGateway = container.resolve(RouterGateway);
+    const handleClick = (event)=>{
+        if (event.defaultPrevented || 0 !== event.button || event.metaKey || event.altKey || event.ctrlKey || event.shiftKey || "_blank" === rest.target) return;
+        event.preventDefault();
+        routerGateway.pushState(to);
+    };
+    const onClick = rest.onClick ?? handleClick;
+    return /*#__PURE__*/ react.createElement("a", {
+        href: to,
+        rel: "noreferrer noopener",
+        ...rest,
+        onClick: onClick
+    }, children);
+});
+const LinkComponent = SimpleLink;
+export { LinkComponent, SimpleLink };
+
+//# sourceMappingURL=SimpleLink.js.map

package/presentation/router/components/SimpleLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/router/components/SimpleLink.js","sources":["../../../../src/presentation/router/components/SimpleLink.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { RouterGateway } from \"~/features/router/abstractions.js\";\nimport { useContainer } from \"~/shared/di/DiContainerProvider.js\";\n\ntype BaseAnchorAttributes = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"href\">;\n\nexport type SimpleLinkProps = BaseAnchorAttributes & {\n    to: string;\n};\n\nexport const SimpleLink = makeDecoratable(\n    \"SimpleLink\",\n    ({ children, to, ...rest }: SimpleLinkProps) => {\n        const container = useContainer();\n\n        const routerGateway = container.resolve(RouterGateway);\n\n        const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n            // Respect cmd+click / ctrl+click / middle click → open in new tab\n            if (\n                event.defaultPrevented ||\n                event.button !== 0 ||\n                event.metaKey ||\n                event.altKey ||\n                event.ctrlKey ||\n                event.shiftKey ||\n                rest.target === \"_blank\"\n            ) {\n                return;\n            }\n\n            event.preventDefault();\n            routerGateway.pushState(to);\n        };\n\n        const onClick = rest.onClick ?? handleClick;\n\n        return (\n            <a href={to} rel=\"noreferrer noopener\" {...rest} onClick={onClick}>\n                {children}\n            </a>\n        );\n    }\n);\n\nexport const LinkComponent = SimpleLink;\n"],"names":["SimpleLink","makeDecoratable","children","to","rest","container","useContainer","routerGateway","RouterGateway","handleClick","event","onClick","LinkComponent"],"mappings":";;;;AAWO,MAAMA,aAAaC,gBACtB,cACA,CAAC,EAAEC,QAAQ,EAAEC,EAAE,EAAE,GAAGC,MAAuB;IACvC,MAAMC,YAAYC;IAElB,MAAMC,gBAAgBF,UAAU,OAAO,CAACG;IAExC,MAAMC,cAAc,CAACC;QAEjB,IACIA,MAAM,gBAAgB,IACtBA,AAAiB,MAAjBA,MAAM,MAAM,IACZA,MAAM,OAAO,IACbA,MAAM,MAAM,IACZA,MAAM,OAAO,IACbA,MAAM,QAAQ,IACdN,AAAgB,aAAhBA,KAAK,MAAM,EAEX;QAGJM,MAAM,cAAc;QACpBH,cAAc,SAAS,CAACJ;IAC5B;IAEA,MAAMQ,UAAUP,KAAK,OAAO,IAAIK;IAEhC,OAAO,WAAP,GACI,oBAAC;QAAE,MAAMN;QAAI,KAAI;QAAuB,GAAGC,IAAI;QAAE,SAASO;OACrDT;AAGb;AAGG,MAAMU,gBAAgBZ"}

package/presentation/router/hooks/useRoute.d.ts

@@ -0,0 +1,7 @@
+import type { Route, RouteParamsDefinition, RouteParamsInfer } from "../../../features/router/Route.js";
+import { MatchedRoute } from "../../../features/router/abstractions.js";
+export declare function useRoute<TParams extends RouteParamsDefinition | undefined = undefined>(route?: Route<TParams>): {
+    route: MatchedRoute<TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined>;
+    setRouteParams: <T extends Record<string, any>>(cb: (params: T) => T) => void;
+    replaceRouteParams: <T extends Record<string, any>>(cb: (params: T) => T) => void;
+};

package/presentation/router/hooks/useRoute.js

@@ -0,0 +1,23 @@
+import { useEffect, useState } from "react";
+import { autorun } from "mobx";
+import { RouterFeature } from "../../../features/router/feature.js";
+import { useFeature } from "../../../shared/di/useFeature.js";
+function useRoute(route) {
+    const { presenter } = useFeature(RouterFeature);
+    const [currentRoute, setCurrentRoute] = useState(presenter.vm.currentRoute);
+    useEffect(()=>{
+        autorun(()=>{
+            const route = presenter.vm.currentRoute;
+            if (!route) return;
+            setCurrentRoute(route);
+        });
+    }, []);
+    return {
+        route: currentRoute,
+        setRouteParams: presenter.setRouteParams.bind(presenter),
+        replaceRouteParams: presenter.replaceRouteParams.bind(presenter)
+    };
+}
+export { useRoute };
+
+//# sourceMappingURL=useRoute.js.map

package/presentation/router/hooks/useRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/router/hooks/useRoute.js","sources":["../../../../src/presentation/router/hooks/useRoute.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport type { Route, RouteParamsDefinition, RouteParamsInfer } from \"~/features/router/Route.js\";\nimport { MatchedRoute } from \"~/features/router/abstractions.js\";\nimport { RouterFeature } from \"~/features/router/feature.js\";\nimport { useFeature } from \"~/shared/di/useFeature.js\";\n\nexport function useRoute<TParams extends RouteParamsDefinition | undefined = undefined>(\n    // oxlint-disable-next-line typescript/no-unused-vars\n    route?: Route<TParams>\n) {\n    const { presenter } = useFeature(RouterFeature);\n    const [currentRoute, setCurrentRoute] = useState<MatchedRoute | undefined>(\n        presenter.vm.currentRoute\n    );\n\n    useEffect(() => {\n        autorun(() => {\n            const route = presenter.vm.currentRoute;\n\n            if (!route) {\n                return;\n            }\n\n            setCurrentRoute(route);\n        });\n    }, []);\n\n    // TODO: add validation (the requested route must match  the current route)\n\n    return {\n        route: currentRoute as MatchedRoute<\n            TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined\n        >,\n        setRouteParams: presenter.setRouteParams.bind(presenter),\n        replaceRouteParams: presenter.replaceRouteParams.bind(presenter)\n    };\n}\n"],"names":["useRoute","route","presenter","useFeature","RouterFeature","currentRoute","setCurrentRoute","useState","useEffect","autorun"],"mappings":";;;;AAOO,SAASA,SAEZC,KAAsB;IAEtB,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,SACpCL,UAAU,EAAE,CAAC,YAAY;IAG7BM,UAAU;QACNC,QAAQ;YACJ,MAAMR,QAAQC,UAAU,EAAE,CAAC,YAAY;YAEvC,IAAI,CAACD,OACD;YAGJK,gBAAgBL;QACpB;IACJ,GAAG,EAAE;IAIL,OAAO;QACH,OAAOI;QAGP,gBAAgBH,UAAU,cAAc,CAAC,IAAI,CAACA;QAC9C,oBAAoBA,UAAU,kBAAkB,CAAC,IAAI,CAACA;IAC1D;AACJ"}

package/presentation/router/hooks/useRouter.d.ts

@@ -0,0 +1,12 @@
+import { type ReactRoute } from "../../../presentation/router/index.js";
+export declare const useRouter: () => {
+    goToRoute: <TParams extends import("../../../features/router/Route").RouteParamsDefinition | undefined>(route: import("../../..").Route<TParams>, ...args: import("../../../features/router/abstractions").RouteParamsArgs<TParams>) => void;
+    goBack: () => void;
+    getLink: <TParams extends import("../../../features/router/Route").RouteParamsDefinition | undefined>(route: import("../../..").Route<TParams>, ...args: import("../../../features/router/abstractions").RouteParamsArgs<TParams>) => string;
+    addTransitionGuard: (config: import("../../../features/router").RouteTransitionGuardConfig) => import("../../../features/router").GuardDisposer;
+    isTransitionBlocked: () => boolean;
+    unblockTransition: () => void;
+    confirmTransition: () => void;
+    cancelTransition: () => void;
+    setRoutes: (routes: ReactRoute[]) => void;
+};

package/presentation/router/hooks/useRouter.js

@@ -0,0 +1,30 @@
+import { RouteElementRegistry } from "../index.js";
+import { RouterFeature } from "../../../features/router/feature.js";
+import { useFeature } from "../../../shared/di/useFeature.js";
+import { useContainer } from "../../../shared/di/DiContainerProvider.js";
+const useRouter = ()=>{
+    const { presenter } = useFeature(RouterFeature);
+    const container = useContainer();
+    const registry = container.resolve(RouteElementRegistry);
+    return {
+        goToRoute: presenter.goToRoute.bind(presenter),
+        goBack: presenter.goBack.bind(presenter),
+        getLink: presenter.getLink.bind(presenter),
+        addTransitionGuard: presenter.addTransitionGuard.bind(presenter),
+        isTransitionBlocked: presenter.isTransitionBlocked.bind(presenter),
+        unblockTransition: presenter.unblockTransition.bind(presenter),
+        confirmTransition: presenter.confirmTransition.bind(presenter),
+        cancelTransition: presenter.cancelTransition.bind(presenter),
+        setRoutes: (routes)=>{
+            const cleanRoutes = [];
+            for (const route of routes){
+                cleanRoutes.push(route.route);
+                registry.register(route.route.name, route.element);
+            }
+            presenter.bootstrap(cleanRoutes);
+        }
+    };
+};
+export { useRouter };
+
+//# sourceMappingURL=useRouter.js.map

package/presentation/router/hooks/useRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/router/hooks/useRouter.js","sources":["../../../../src/presentation/router/hooks/useRouter.ts"],"sourcesContent":["import { type ReactRoute, RouteElementRegistry } from \"~/presentation/router/index.js\";\nimport { RouterFeature } from \"~/features/router/feature.js\";\nimport { useFeature } from \"~/shared/di/useFeature.js\";\nimport { useContainer } from \"~/shared/di/DiContainerProvider.js\";\n\nexport const useRouter = () => {\n    const { presenter } = useFeature(RouterFeature);\n    const container = useContainer();\n    const registry = container.resolve(RouteElementRegistry);\n\n    return {\n        goToRoute: presenter.goToRoute.bind(presenter),\n        goBack: presenter.goBack.bind(presenter),\n        getLink: presenter.getLink.bind(presenter),\n        addTransitionGuard: presenter.addTransitionGuard.bind(presenter),\n        isTransitionBlocked: presenter.isTransitionBlocked.bind(presenter),\n        unblockTransition: presenter.unblockTransition.bind(presenter),\n        confirmTransition: presenter.confirmTransition.bind(presenter),\n        cancelTransition: presenter.cancelTransition.bind(presenter),\n        setRoutes: (routes: ReactRoute[]) => {\n            const cleanRoutes = [];\n\n            for (const route of routes) {\n                cleanRoutes.push(route.route);\n                registry.register(route.route.name, route.element);\n            }\n\n            presenter.bootstrap(cleanRoutes);\n        }\n    };\n};\n"],"names":["useRouter","presenter","useFeature","RouterFeature","container","useContainer","registry","RouteElementRegistry","routes","cleanRoutes","route"],"mappings":";;;;AAKO,MAAMA,YAAY;IACrB,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAMC,YAAYC;IAClB,MAAMC,WAAWF,UAAU,OAAO,CAACG;IAEnC,OAAO;QACH,WAAWN,UAAU,SAAS,CAAC,IAAI,CAACA;QACpC,QAAQA,UAAU,MAAM,CAAC,IAAI,CAACA;QAC9B,SAASA,UAAU,OAAO,CAAC,IAAI,CAACA;QAChC,oBAAoBA,UAAU,kBAAkB,CAAC,IAAI,CAACA;QACtD,qBAAqBA,UAAU,mBAAmB,CAAC,IAAI,CAACA;QACxD,mBAAmBA,UAAU,iBAAiB,CAAC,IAAI,CAACA;QACpD,mBAAmBA,UAAU,iBAAiB,CAAC,IAAI,CAACA;QACpD,kBAAkBA,UAAU,gBAAgB,CAAC,IAAI,CAACA;QAClD,WAAW,CAACO;YACR,MAAMC,cAAc,EAAE;YAEtB,KAAK,MAAMC,SAASF,OAAQ;gBACxBC,YAAY,IAAI,CAACC,MAAM,KAAK;gBAC5BJ,SAAS,QAAQ,CAACI,MAAM,KAAK,CAAC,IAAI,EAAEA,MAAM,OAAO;YACrD;YAEAT,UAAU,SAAS,CAACQ;QACxB;IACJ;AACJ"}

package/presentation/router/index.d.ts

@@ -0,0 +1,6 @@
+export { useRouter } from "./hooks/useRouter.js";
+export { useRoute } from "./hooks/useRoute.js";
+export { RouteParamsSync } from "./components/RouteParamsSync.js";
+export type { RouteParamField, RouteParamFieldBuilder, RouteParamFieldConfig } from "./components/RouteParamsSync.js";
+export { RouteElementRegistry } from "./abstractions.js";
+export type { ReactRoute } from "./types.js";

package/presentation/router/index.js

@@ -0,0 +1,4 @@
+export { useRouter } from "./hooks/useRouter.js";
+export { useRoute } from "./hooks/useRoute.js";
+export { RouteParamsSync } from "./components/RouteParamsSync.js";
+export { RouteElementRegistry } from "./abstractions.js";

package/presentation/router/types.d.ts

@@ -0,0 +1,5 @@
+import type { Route } from "../../features/router/Route.js";
+export type ReactRoute = {
+    route: Route<any>;
+    element: React.JSX.Element;
+};

package/renderApp.d.ts

@@ -1,2 +1,2 @@
 import type { Root } from "react-dom/client";
-export declare const renderApp: (app: JSX.Element) => Root;
+export declare const renderApp: (app: React.JSX.Element) => Root;

package/renderApp.js

@@ -1,9 +1,10 @@
-import ReactDOMClient from "react-dom/client";
-export const renderApp = app => {
-  const container = document.getElementById("root");
-  const root = ReactDOMClient.createRoot(container);
-  root.render(app);
-  return root;
+import client from "react-dom/client";
+const renderApp = (app)=>{
+    const container = document.getElementById("root");
+    const root = client.createRoot(container);
+    root.render(app);
+    return root;
 };
+export { renderApp };
 
 //# sourceMappingURL=renderApp.js.map

package/renderApp.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReactDOMClient","renderApp","app","container","document","getElementById","root","createRoot","render"],"sources":["renderApp.tsx"],"sourcesContent":["import type { Root } from \"react-dom/client\";\nimport ReactDOMClient from \"react-dom/client\";\n\nexport const renderApp = (app: JSX.Element): Root => {\n    const container = document.getElementById(\"root\")!;\n\n    const root = ReactDOMClient.createRoot(container);\n    root.render(app);\n    return root;\n};\n"],"mappings":"AACA,OAAOA,cAAc,MAAM,kBAAkB;AAE7C,OAAO,MAAMC,SAAS,GAAIC,GAAgB,IAAW;EACjD,MAAMC,SAAS,GAAGC,QAAQ,CAACC,cAAc,CAAC,MAAM,CAAE;EAElD,MAAMC,IAAI,GAAGN,cAAc,CAACO,UAAU,CAACJ,SAAS,CAAC;EACjDG,IAAI,CAACE,MAAM,CAACN,GAAG,CAAC;EAChB,OAAOI,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"file":"renderApp.js","sources":["../src/renderApp.tsx"],"sourcesContent":["import type { Root } from \"react-dom/client\";\nimport ReactDOMClient from \"react-dom/client\";\n\nexport const renderApp = (app: React.JSX.Element): Root => {\n    const container = document.getElementById(\"root\")!;\n\n    const root = ReactDOMClient.createRoot(container);\n    root.render(app);\n    return root;\n};\n"],"names":["renderApp","app","container","document","root","ReactDOMClient"],"mappings":";AAGO,MAAMA,YAAY,CAACC;IACtB,MAAMC,YAAYC,SAAS,cAAc,CAAC;IAE1C,MAAMC,OAAOC,OAAAA,UAAyB,CAACH;IACvCE,KAAK,MAAM,CAACH;IACZ,OAAOG;AACX"}

package/router.d.ts

@@ -0,0 +1,5 @@
+export { Route } from "./features/router/Route.js";
+export { useRouter } from "./presentation/router/hooks/useRouter.js";
+export { useRoute } from "./presentation/router/hooks/useRoute.js";
+export { RouteLink, type RouteLinkProps } from "./presentation/router/components/RouteLink.js";
+export { SimpleLink, type SimpleLinkProps } from "./presentation/router/components/SimpleLink.js";

package/router.js

@@ -0,0 +1,5 @@
+export { Route } from "./features/router/Route.js";
+export { useRouter } from "./presentation/router/hooks/useRouter.js";
+export { useRoute } from "./presentation/router/hooks/useRoute.js";
+export { RouteLink } from "./presentation/router/components/RouteLink.js";
+export { SimpleLink } from "./presentation/router/components/SimpleLink.js";

package/rslib-runtime.js

@@ -0,0 +1,14 @@
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.g = (()=>{
+        if ('object' == typeof globalThis) return globalThis;
+        try {
+            return this || new Function('return this')();
+        } catch (e) {
+            if ('object' == typeof window) return window;
+        }
+    })();
+})();
+export { __webpack_require__ };
+
+//# sourceMappingURL=rslib-runtime.js.map

package/rslib-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rslib-runtime.js","sources":["webpack://webpack/runtime/global"],"sourcesContent":["__webpack_require__.g = (() => {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();"],"names":["__webpack_require__","globalThis","Function","e","window"],"mappings":";;IAAAA,oBAAoB,CAAC,GAAG,AAAC;QACxB,IAAI,AAAsB,YAAtB,OAAOC,YAAyB,OAAOA;QAC3C,IAAI;YACH,OAAO,IAAI,IAAI,IAAIC,SAAS;QAC7B,EAAE,OAAOC,GAAG;YACX,IAAI,AAAkB,YAAlB,OAAOC,QAAqB,OAAOA;QACxC;IACD"}

package/shared/di/DiContainerProvider.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Container } from "@webiny/di";
+export interface DiContainerProviderProps {
+    container: Container;
+    children: React.ReactNode;
+}
+export declare const DiContainerProvider: ({ container, children }: DiContainerProviderProps) => React.JSX.Element;
+export declare const useContainer: () => Container;

package/shared/di/DiContainerProvider.js

@@ -0,0 +1,13 @@
+import react from "react";
+import { createGenericContext } from "../../utils/createGenericContext.js";
+const DiContainerContext = createGenericContext("DiContainer");
+const DiContainerProvider = ({ container, children })=>/*#__PURE__*/ react.createElement(DiContainerContext.Provider, {
+        container: container
+    }, children);
+const useContainer = ()=>{
+    const context = DiContainerContext.useHook();
+    return context.container;
+};
+export { DiContainerProvider, useContainer };
+
+//# sourceMappingURL=DiContainerProvider.js.map

package/shared/di/DiContainerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/di/DiContainerProvider.js","sources":["../../../src/shared/di/DiContainerProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { Container } from \"@webiny/di\";\nimport { createGenericContext } from \"~/utils/createGenericContext.js\";\n\ntype DiContainerContext = { container: Container };\n\nconst DiContainerContext = createGenericContext<DiContainerContext>(\"DiContainer\");\n\nexport interface DiContainerProviderProps {\n    container: Container;\n    children: React.ReactNode;\n}\n\nexport const DiContainerProvider = ({ container, children }: DiContainerProviderProps) => {\n    return (\n        <DiContainerContext.Provider container={container}>{children}</DiContainerContext.Provider>\n    );\n};\n\nexport const useContainer = () => {\n    const context = DiContainerContext.useHook();\n\n    return context.container;\n};\n"],"names":["DiContainerContext","createGenericContext","DiContainerProvider","container","children","useContainer","context"],"mappings":";;AAMA,MAAMA,qBAAqBC,qBAAyC;AAO7D,MAAMC,sBAAsB,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAA4B,GAC1E,WAAP,GACI,oBAACJ,mBAAmB,QAAQ;QAAC,WAAWG;OAAYC;AAIrD,MAAMC,eAAe;IACxB,MAAMC,UAAUN,mBAAmB,OAAO;IAE1C,OAAOM,QAAQ,SAAS;AAC5B"}

package/shared/di/createFeature.d.ts

@@ -0,0 +1,11 @@
+import { Container } from "@webiny/di";
+export interface FeatureDefinition<TExports = any, TParams extends any[] = []> {
+    name: string;
+    register: (container: Container, ...args: TParams) => void;
+    resolve: (container: Container) => TExports;
+}
+export declare function createFeature<TExports = any, TParams extends any[] = []>(def: {
+    name: string;
+    register: (container: Container, ...args: TParams) => void;
+    resolve: (container: Container) => TExports;
+}): FeatureDefinition<TExports, TParams>;

package/shared/di/createFeature.js

@@ -0,0 +1,10 @@
+function createFeature(def) {
+    return {
+        name: def.name,
+        register: def.register,
+        resolve: (container)=>def.resolve(container)
+    };
+}
+export { createFeature };
+
+//# sourceMappingURL=createFeature.js.map