@webiny/app 6.4.5-beta.0 → 6.6.0-alpha.0

package/config/RouterConfig.d.ts

@@ -25,7 +25,5 @@ export declare const RouterConfig: (({ priority, children }: import("@webiny/rea
             displayName: string;
         }>) => (props: unknown) => React.JSX.Element;
     };
-    useRouterConfig: () => {
-        routes: RouteConfig[];
-    };
+    useRouterConfig: typeof useRouterConfig;
 };

package/core/Plugins.d.ts

@@ -3,7 +3,8 @@ export declare const PluginsContext: React.Context<boolean>;
 interface PluginsProviderComponentProps {
     children: React.JSX.Element[];
 }
-export declare const PluginsProvider: React.MemoExoticComponent<({ children }: PluginsProviderComponentProps) => React.JSX.Element>;
+declare const PluginsProviderComponent: ({ children }: PluginsProviderComponentProps) => React.JSX.Element;
+export declare const PluginsProvider: React.MemoExoticComponent<typeof PluginsProviderComponent>;
 /**
  * @param children
  * @deprecated This component should not be used directly. Use the <Plugin> component to create plugins.

package/{plugins/NetworkErrorLinkPlugin → errors/overlay}/ErrorOverlay.js

@@ -10,32 +10,26 @@ const ErrorOverlay = (props)=>{
     const [open, setOpen] = useState(true);
     if (!open) return null;
     return /*#__PURE__*/ react.createElement(OverlayWrapper, null, /*#__PURE__*/ react.createElement("div", {
-        className: "inner"
+        className: "box-border flex flex-col w-full h-full overflow-auto bg-white p-4"
     }, /*#__PURE__*/ react.createElement("div", {
-        className: "header"
+        className: "flex justify-between items-center mb-4"
     }, /*#__PURE__*/ react.createElement("div", {
-        className: "header__title"
+        className: "text-[color:var(--mdc-theme-error)]"
     }, /*#__PURE__*/ react.createElement(Typography, {
         use: "headline"
-    }, title)), false !== closeable && /*#__PURE__*/ react.createElement("div", {
-        className: "header__action"
-    }, /*#__PURE__*/ react.createElement("span", {
+    }, title)), false !== closeable && /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement("span", {
         onClick: ()=>setOpen(false)
-    }, /*#__PURE__*/ react.createElement(ReactComponent, null)))), /*#__PURE__*/ react.createElement("div", {
-        className: "body"
-    }, /*#__PURE__*/ react.createElement("div", {
-        className: "body__summary"
-    }, message), description && /*#__PURE__*/ react.createElement("div", {
-        className: "body__description"
-    }, description)), /*#__PURE__*/ react.createElement("div", {
-        className: "footer"
+    }, /*#__PURE__*/ react.createElement(ReactComponent, null)))), /*#__PURE__*/ react.createElement("div", null, /*#__PURE__*/ react.createElement("div", {
+        className: "mb-4"
+    }, message), description && /*#__PURE__*/ react.createElement("div", null, description)), /*#__PURE__*/ react.createElement("div", {
+        className: "text-[color:var(--mdc-theme-text-secondary-on-background)]"
     }, /*#__PURE__*/ react.createElement(Typography, {
         use: "body"
     }, t`
                         This screen is only visible if {message} environment variable is set.
                         Read more about it in the {link}. `({
         message: /*#__PURE__*/ react.createElement("span", {
-            className: "highlight"
+            className: "bg-[rgba(251,245,180,0.5)] px-1 rounded-[6px] font-mono"
         }, "`REACT_APP_DEBUG=true`"),
         link: /*#__PURE__*/ react.createElement("a", {
             href: ENVIRONMENT_VARIABLES_ARTICLE_LINK,

package/errors/overlay/ErrorOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors/overlay/ErrorOverlay.js","sources":["../../../src/errors/overlay/ErrorOverlay.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Typography } from \"./Typography.js\";\nimport { i18n } from \"../../i18n/index.js\";\nimport { OverlayWrapper } from \"./StyledComponents.js\";\nimport { ReactComponent as CloseIcon } from \"./assets/close_24px.svg\";\n\nconst t = i18n.ns(\"app/graphql/error-overlay\");\n\nconst ENVIRONMENT_VARIABLES_ARTICLE_LINK =\n    \"https://www.webiny.com/docs/how-to-guides/environment-variables\";\n\ntype ErrorOverlayProps = Partial<{\n    title: React.ReactNode;\n    message: React.ReactNode;\n    description: React.ReactNode;\n    closeable?: boolean;\n}>;\n\nexport const ErrorOverlay = (props: ErrorOverlayProps) => {\n    const { title = \"An error occurred\", message, description, closeable } = props;\n    const [open, setOpen] = useState(true);\n    if (!open) {\n        return null;\n    }\n\n    return (\n        <OverlayWrapper>\n            <div className={\"box-border flex flex-col w-full h-full overflow-auto bg-white p-4\"}>\n                <div className={\"flex justify-between items-center mb-4\"}>\n                    <div className={\"text-[color:var(--mdc-theme-error)]\"}>\n                        <Typography use={\"headline\"}>{title}</Typography>\n                    </div>\n                    {closeable !== false && (\n                        <div>\n                            <span onClick={() => setOpen(false)}>\n                                <CloseIcon />\n                            </span>\n                        </div>\n                    )}\n                </div>\n                <div>\n                    <div className={\"mb-4\"}>{message}</div>\n                    {description && <div>{description}</div>}\n                </div>\n                <div className={\"text-[color:var(--mdc-theme-text-secondary-on-background)]\"}>\n                    <Typography use={\"body\"}>\n                        {t`\n                        This screen is only visible if {message} environment variable is set.\n                        Read more about it in the {link}. `({\n                            message: (\n                                <span\n                                    className={\n                                        \"bg-[rgba(251,245,180,0.5)] px-1 rounded-[6px] font-mono\"\n                                    }\n                                >\n                                    `REACT_APP_DEBUG=true`\n                                </span>\n                            ),\n                            link: (\n                                <a\n                                    href={ENVIRONMENT_VARIABLES_ARTICLE_LINK}\n                                    target={\"_blank\"}\n                                    rel={\"noreferrer noopener\"}\n                                >\n                                    environment variables article\n                                </a>\n                            )\n                        })}\n                        <br />\n                        {t`Open your browser's developer console to further inspect this error.`}\n                    </Typography>\n                </div>\n            </div>\n        </OverlayWrapper>\n    );\n};\n"],"names":["t","i18n","ENVIRONMENT_VARIABLES_ARTICLE_LINK","ErrorOverlay","props","title","message","description","closeable","open","setOpen","useState","OverlayWrapper","Typography","CloseIcon"],"mappings":";;;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,qCACF;AASG,MAAMC,eAAe,CAACC;IACzB,MAAM,EAAEC,QAAQ,mBAAmB,EAAEC,OAAO,EAAEC,WAAW,EAAEC,SAAS,EAAE,GAAGJ;IACzE,MAAM,CAACK,MAAMC,QAAQ,GAAGC,SAAS;IACjC,IAAI,CAACF,MACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACG,gBAAcA,MAAAA,WAAAA,GACX,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,YAAUA;QAAC,KAAK;OAAaR,SAEjCG,AAAc,UAAdA,aAAuB,WAAT,GACX,oBAAC,2BACG,oBAAC;QAAK,SAAS,IAAME,QAAQ;qBACzB,oBAACI,gBAASA,UAAAA,WAAAA,GAK1B,oBAAC,2BACG,oBAAC;QAAI,WAAW;OAASR,UACxBC,eAAe,WAAfA,GAAe,oBAAC,aAAKA,eAAAA,WAAAA,GAE1B,oBAAC;QAAI,WAAW;qBACZ,oBAACM,YAAUA;QAAC,KAAK;OACZb,CAAC,CAAC;;0DAE+B,CAAC,CAAC;QAChC,SAAS,WAAT,GACI,oBAAC;YACG,WACI;WAEP;QAIL,MAAM,WAAN,GACI,oBAAC;YACG,MAAME;YACN,QAAQ;YACR,KAAK;WACR;IAIT,kBACA,oBAAC,aACAF,CAAC,CAAC,oEAAoE,CAAC;AAMhG"}

package/errors/overlay/GqlErrorOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors/overlay/GqlErrorOverlay.js","sources":["../../../src/errors/overlay/GqlErrorOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport { Typography } from \"./Typography.js\";\nimport { i18n } from \"../../i18n/index.js\";\nimport { Pre } from \"./StyledComponents.js\";\nimport { ErrorOverlay } from \"./ErrorOverlay.js\";\n\nconst t = i18n.ns(\"app/graphql/error-overlay\");\n\ninterface ErrorOverlayProps {\n    query: string;\n    networkError: {\n        message: string;\n        result?: {\n            error?: {\n                stack?: string;\n            };\n        };\n    };\n}\n\nexport const GqlErrorOverlay = (props: ErrorOverlayProps) => {\n    const { query, networkError } = props;\n    const stackTrace = get(networkError, \"result.error.stack\");\n\n    const title = networkError.message;\n\n    const message = (\n        <>\n            <Typography use={\"subtitle\"}>{t`Error occurred while executing operation:`}</Typography>\n            <Pre>\n                <code>{query}</code>\n            </Pre>\n        </>\n    );\n\n    let description: React.ReactNode = null;\n    if (stackTrace) {\n        description = (\n            <>\n                <Typography use={\"subtitle\"}>{t`Complete stack trace:`}</Typography>\n                <Pre>\n                    <code>{stackTrace}</code>\n                </Pre>\n            </>\n        );\n    }\n\n    return <ErrorOverlay title={title} message={message} description={description} />;\n};\n"],"names":["t","i18n","GqlErrorOverlay","props","query","networkError","stackTrace","get","title","message","Typography","Pre","description","ErrorOverlay"],"mappings":";;;;;;AAOA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAcX,MAAMC,kBAAkB,CAACC;IAC5B,MAAM,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGF;IAChC,MAAMG,aAAaC,IAAIF,cAAc;IAErC,MAAMG,QAAQH,aAAa,OAAO;IAElC,MAAMI,UAAU,WAAVA,GACF,wDACI,oBAACC,YAAUA;QAAC,KAAK;OAAaV,CAAC,CAAC,yCAAyC,CAAC,iBAC1E,oBAACW,KAAGA,MAAAA,WAAAA,GACA,oBAAC,cAAMP;IAKnB,IAAIQ,cAA+B;IACnC,IAAIN,YACAM,cAAc,WAAdA,GACI,wDACI,oBAACF,YAAUA;QAAC,KAAK;OAAaV,CAAC,CAAC,qBAAqB,CAAC,iBACtD,oBAACW,KAAGA,MAAAA,WAAAA,GACA,oBAAC,cAAML;IAMvB,OAAO,WAAP,GAAO,oBAACO,cAAYA;QAAC,OAAOL;QAAO,SAASC;QAAS,aAAaG;;AACtE"}

package/{plugins/NetworkErrorLinkPlugin → errors/overlay}/LocalAwsLambdaTimeoutMessage.js

@@ -1,10 +1,7 @@
 import react from "react";
-import styled from "@emotion/styled";
-const Code = styled.code`
-    font-family: monospace;
-    font-size: 0.85rem;
-    line-height: 1rem;
-`;
+const Code = ({ children })=>/*#__PURE__*/ react.createElement("code", {
+        className: "font-mono text-[0.85rem] leading-[1rem]"
+    }, children);
 const LocalAwsLambdaTimeoutMessage = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, "Local AWS Lambda function execution timed out.", /*#__PURE__*/ react.createElement("br", null), /*#__PURE__*/ react.createElement("br", null), "Did you stop the\xa0", /*#__PURE__*/ react.createElement("a", {
         href: "https://www.webiny.com/docs/core-development-concepts/basics/watch-command",
         rel: "noreferrer noopener",

package/errors/overlay/LocalAwsLambdaTimeoutMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors/overlay/LocalAwsLambdaTimeoutMessage.js","sources":["../../../src/errors/overlay/LocalAwsLambdaTimeoutMessage.tsx"],"sourcesContent":["import React from \"react\";\n\nconst Code = ({ children }: { children: React.ReactNode }) => (\n    <code className={\"font-mono text-[0.85rem] leading-[1rem]\"}>{children}</code>\n);\n\nexport const LocalAwsLambdaTimeoutMessage = () => (\n    <>\n        Local AWS Lambda function execution timed out.\n        <br />\n        <br />\n        Did you stop the&nbsp;\n        <a\n            href={\"https://www.webiny.com/docs/core-development-concepts/basics/watch-command\"}\n            rel={\"noreferrer noopener\"}\n            target={\"_blank\"}\n        >\n            <Code>webiny watch</Code>\n        </a>\n        &nbsp;command? If so, please restart the command or deploy your changes via the&nbsp;\n        <a\n            href={\"https://www.webiny.com/docs/core-development-concepts/basics/project-deployment\"}\n            rel={\"noreferrer noopener\"}\n            target={\"_blank\"}\n        >\n            <Code>webiny deploy</Code>\n        </a>\n        &nbsp;command. For example: <Code>yarn webiny deploy api --env dev</Code>.\n        <br />\n        <br />\n        Learn more:&nbsp;\n        <a\n            href={\"https://webiny.link/local-aws-lambda-development\"}\n            rel={\"noreferrer noopener\"}\n            target={\"_blank\"}\n        >\n            https://webiny.link/local-aws-lambda-development\n        </a>\n    </>\n);\n"],"names":["Code","children","LocalAwsLambdaTimeoutMessage"],"mappings":";AAEA,MAAMA,OAAO,CAAC,EAAEC,QAAQ,EAAiC,iBACrD,oBAAC;QAAK,WAAW;OAA4CA;AAG1D,MAAMC,+BAA+B,kBACxC,0CAAE,gEAEE,oBAAC,2BACD,oBAAC,aAAK,sCAEN,oBAAC;QACG,MAAM;QACN,KAAK;QACL,QAAQ;qBAER,oBAACF,MAAIA,MAAC,kBACN,mGAEJ,oBAAC;QACG,MAAM;QACN,KAAK;QACL,QAAQ;qBAER,oBAACA,MAAIA,MAAC,mBACN,4CACwB,oBAACA,MAAIA,MAAC,qCAAuC,mBACzE,oBAAC,2BACD,oBAAC,aAAK,iCAEN,oBAAC;QACG,MAAM;QACN,KAAK;QACL,QAAQ;OACX"}

package/errors/overlay/StyledComponents.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface WrapperProps {
+    children: React.ReactNode;
+}
+export declare const OverlayWrapper: ({ children }: WrapperProps) => React.JSX.Element;
+export declare const Pre: ({ children }: WrapperProps) => React.JSX.Element;
+export {};

package/errors/overlay/StyledComponents.js

@@ -0,0 +1,10 @@
+import react from "react";
+const OverlayWrapper = ({ children })=>/*#__PURE__*/ react.createElement("div", {
+        className: "fixed top-0 left-0 w-screen h-screen z-[105]"
+    }, children);
+const Pre = ({ children })=>/*#__PURE__*/ react.createElement("pre", {
+        className: "relative block p-[0.5em] my-[0.5em] overflow-x-auto whitespace-pre-wrap rounded text-inherit bg-[rgba(251,245,180,0.3)] [&_code]:font-mono [&_code]:text-[0.85rem] [&_code]:leading-[1rem]"
+    }, children);
+export { OverlayWrapper, Pre };
+
+//# sourceMappingURL=StyledComponents.js.map

package/errors/overlay/StyledComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors/overlay/StyledComponents.js","sources":["../../../src/errors/overlay/StyledComponents.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface WrapperProps {\n    children: React.ReactNode;\n}\n\n// z-index 105 is intentionally above Dialogs (whose highest z-index is 100).\nexport const OverlayWrapper = ({ children }: WrapperProps) => (\n    <div className={\"fixed top-0 left-0 w-screen h-screen z-[105]\"}>{children}</div>\n);\n\nexport const Pre = ({ children }: WrapperProps) => (\n    <pre\n        className={\n            \"relative block p-[0.5em] my-[0.5em] overflow-x-auto whitespace-pre-wrap rounded text-inherit bg-[rgba(251,245,180,0.3)] [&_code]:font-mono [&_code]:text-[0.85rem] [&_code]:leading-[1rem]\"\n        }\n    >\n        {children}\n    </pre>\n);\n"],"names":["OverlayWrapper","children","Pre"],"mappings":";AAOO,MAAMA,iBAAiB,CAAC,EAAEC,QAAQ,EAAgB,iBACrD,oBAAC;QAAI,WAAW;OAAiDA;AAG9D,MAAMC,MAAM,CAAC,EAAED,QAAQ,EAAgB,iBAC1C,oBAAC;QACG,WACI;OAGHA"}

package/errors/overlay/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors/overlay/Typography.js","sources":["../../../src/errors/overlay/Typography.tsx"],"sourcesContent":["import React from \"react\";\n\nexport declare type TypographyT = \"headline\" | \"body\" | \"subtitle\";\n\nexport interface TypographyProps {\n    use: TypographyT;\n    children?: React.ReactNode;\n    className?: string;\n}\n\nexport const Typography = (props: TypographyProps) => {\n    const { children, use, className } = props;\n\n    if (use === \"headline\") {\n        return <h4 className={className}>{children}</h4>;\n    }\n\n    return <p className={className}>{children}</p>;\n};\n"],"names":["Typography","props","children","use","className"],"mappings":";AAUO,MAAMA,aAAa,CAACC;IACvB,MAAM,EAAEC,QAAQ,EAAEC,GAAG,EAAEC,SAAS,EAAE,GAAGH;IAErC,IAAIE,AAAQ,eAARA,KACA,OAAO,WAAP,GAAO,oBAAC;QAAG,WAAWC;OAAYF;IAGtC,OAAO,WAAP,GAAO,oBAAC;QAAE,WAAWE;OAAYF;AACrC"}

package/errors/overlay/assets/close_24px.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors/overlay/assets/close_24px.js","sources":["../../../../src/errors/overlay/assets/close_24px.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgClose24Px = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} viewBox=\"0 0 24 24\" {...props}><path fill=\"none\" d=\"M0 0h24v24H0z\" /><path d=\"M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7A.996.996 0 1 0 5.7 7.11L10.59 12 5.7 16.89a.996.996 0 1 0 1.41 1.41L12 13.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4\" /></svg>;\nexport { SvgClose24Px as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/close_24px.33adaadc.svg\";"],"names":["SvgClose24Px","props"],"mappings":";;AACA,MAAMA,eAAeC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAO,GAAE;sBAAkB,sCAAC;QAAK,GAAE;;AAE1K"}

package/{plugins/NetworkErrorLinkPlugin → errors/overlay}/createErrorOverlay.js

@@ -9,7 +9,7 @@ const createErrorOverlay = (params)=>{
     const root = createRoot(container);
     root.render(element);
 };
-const NetworkErrorLinkPlugin_createErrorOverlay = createErrorOverlay;
-export default NetworkErrorLinkPlugin_createErrorOverlay;
+const overlay_createErrorOverlay = createErrorOverlay;
+export default overlay_createErrorOverlay;
 
 //# sourceMappingURL=createErrorOverlay.js.map

package/errors/overlay/createErrorOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors/overlay/createErrorOverlay.js","sources":["../../../src/errors/overlay/createErrorOverlay.tsx"],"sourcesContent":["import type React from \"react\";\nimport { createRoot } from \"react-dom/client\";\n\ninterface CreateErrorOverlayParams {\n    element: React.ReactElement;\n    closeable?: boolean;\n}\n\nconst createErrorOverlay = (params: CreateErrorOverlayParams): void => {\n    const { element } = params;\n    // If the element already present in DOM, return immediately.\n    if (document.getElementById(\"overlay-root\")) {\n        return;\n    }\n    // Create root element to hold React tree.\n    const container: HTMLDivElement = document.createElement(\"div\");\n    container.id = \"overlay-root\";\n    // Insert root element into body.\n    const body: HTMLBodyElement = document.getElementsByTagName(\"body\")[0];\n    body.appendChild(container);\n    // Mount the ErrorOverlay component into root element.\n    const root = createRoot(container);\n    root.render(element);\n};\n\nexport default createErrorOverlay;\n"],"names":["createErrorOverlay","params","element","document","container","body","root","createRoot"],"mappings":";AAQA,MAAMA,qBAAqB,CAACC;IACxB,MAAM,EAAEC,OAAO,EAAE,GAAGD;IAEpB,IAAIE,SAAS,cAAc,CAAC,iBACxB;IAGJ,MAAMC,YAA4BD,SAAS,aAAa,CAAC;IACzDC,UAAU,EAAE,GAAG;IAEf,MAAMC,OAAwBF,SAAS,oBAAoB,CAAC,OAAO,CAAC,EAAE;IACtEE,KAAK,WAAW,CAACD;IAEjB,MAAME,OAAOC,WAAWH;IACxBE,KAAK,MAAM,CAACJ;AAChB;AAEA,mCAAeF"}

package/features/router/HistoryRouterGateway.d.ts

@@ -11,9 +11,12 @@ export declare class HistoryRouterGateway implements RouterGateway.Interface {
     constructor(history: History, baseUrl: string);
     addGuard(config: RouteTransitionGuardConfig): GuardDisposer;
     goToRoute(name: string, params: z.ZodTypeAny): void;
+    replaceRoute(name: string, params: z.ZodTypeAny): void;
+    goBack(): void;
     setRoutes(routes: RouteDefinition[]): void;
     destroy(): void;
     pushState(url: string): void;
+    replaceState(url: string): void;
     private resolvePathname;
     private findBlockingGuard;
     private installBlocker;

package/features/router/HistoryRouterGateway.js

@@ -25,6 +25,15 @@ class HistoryRouterGateway {
         const baseUrl = this.router.getBaseUrl();
         this.history.push(RouteUrl.fromPattern(route.path, params, baseUrl));
     }
+    replaceRoute(name, params) {
+        const route = this.router.findRoute(name);
+        if (!route) return void console.warn(`Route "${name}" not found.`);
+        const baseUrl = this.router.getBaseUrl();
+        this.history.replace(RouteUrl.fromPattern(route.path, params, baseUrl));
+    }
+    goBack() {
+        this.history.back();
+    }
     setRoutes(routes) {
         this.router.setRoutes(routes);
         const queryParams = Object.fromEntries(new URLSearchParams(this.history.location.search).entries());
@@ -39,6 +48,9 @@ class HistoryRouterGateway {
     pushState(url) {
         this.history.push(url);
     }
+    replaceState(url) {
+        this.history.replace(url);
+    }
     async resolvePathname(pathname, queryParams) {
         const result = this.router.resolve(pathname, queryParams);
         if (!result) return;

package/features/router/HistoryRouterGateway.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/router/HistoryRouterGateway.js","sources":["../../../src/features/router/HistoryRouterGateway.ts"],"sourcesContent":["import type { z } from \"zod\";\nimport type { History } from \"history\";\nimport type { RouteDefinition, RouteTransitionGuardConfig, GuardDisposer } from \"./abstractions.js\";\nimport { RouterGateway } from \"./abstractions.js\";\nimport { RouteUrl } from \"./RouteUrl.js\";\nimport { Router } from \"./Router.js\";\n\nexport class HistoryRouterGateway implements RouterGateway.Interface {\n    private readonly history: History;\n    private readonly router: Router;\n    private stopListening: () => void;\n    private unblock: (() => void) | undefined;\n    private guards = new Set<RouteTransitionGuardConfig>();\n\n    constructor(history: History, baseUrl: string) {\n        this.history = history;\n        this.router = new Router(baseUrl);\n\n        this.stopListening = history.listen(async ({ location }) => {\n            const queryParams = Object.fromEntries(new URLSearchParams(location.search).entries());\n            this.resolvePathname(location.pathname, queryParams);\n        });\n    }\n\n    addGuard(config: RouteTransitionGuardConfig): GuardDisposer {\n        const hadGuards = this.guards.size > 0;\n        this.guards.add(config);\n        if (!hadGuards) {\n            this.installBlocker();\n        }\n        return () => {\n            this.guards.delete(config);\n            if (this.guards.size === 0) {\n                this.removeBlocker();\n            }\n        };\n    }\n\n    goToRoute(name: string, params: z.ZodTypeAny): void {\n        const route = this.router.findRoute(name);\n        if (!route) {\n            console.warn(`Route \"${name}\" not found.`);\n            return;\n        }\n\n        const baseUrl = this.router.getBaseUrl();\n        this.history.push(RouteUrl.fromPattern(route.path, params, baseUrl));\n    }\n\n    setRoutes(routes: RouteDefinition[]) {\n        this.router.setRoutes(routes);\n\n        const queryParams = Object.fromEntries(\n            new URLSearchParams(this.history.location.search).entries()\n        );\n        const currentPathname = this.history.location.pathname;\n        this.resolvePathname(currentPathname, queryParams);\n    }\n\n    destroy(): void {\n        this.stopListening();\n        this.removeBlocker();\n        this.guards.clear();\n    }\n\n    pushState(url: string): void {\n        this.history.push(url);\n    }\n\n    private async resolvePathname(pathname: string, queryParams?: Record<string, unknown>) {\n        const result = this.router.resolve(pathname, queryParams);\n        if (!result) {\n            return;\n        }\n\n        const { matchedRoute, onMatch } = result;\n\n        onMatch(matchedRoute);\n    }\n\n    private findBlockingGuard(): RouteTransitionGuardConfig | undefined {\n        for (const config of this.guards) {\n            if (config.guard()) {\n                return config;\n            }\n        }\n        return undefined;\n    }\n\n    private installBlocker(): void {\n        if (this.unblock) {\n            this.unblock();\n        }\n\n        this.unblock = this.history.block(tx => {\n            const blockingGuard = this.findBlockingGuard();\n            if (blockingGuard) {\n                let resolved = false;\n\n                blockingGuard.onBlocked({\n                    continue: () => {\n                        if (!resolved) {\n                            resolved = true;\n                            this.removeBlockerAndRetry(tx);\n                        }\n                    },\n                    cancel: () => {\n                        resolved = true;\n                        // Do nothing — history v5 already reverted the URL.\n                    }\n                });\n            } else {\n                this.removeBlockerAndRetry(tx);\n            }\n        });\n    }\n\n    private removeBlocker(): void {\n        if (this.unblock) {\n            this.unblock();\n            this.unblock = undefined;\n        }\n    }\n\n    private removeBlockerAndRetry(tx: { retry: () => void }): void {\n        // We must remove the blocker before retrying because history v5's\n        // allowTx() always returns false when any blocker is registered.\n        this.removeBlocker();\n\n        // Listen for the next navigation to complete, then reinstall the\n        // blocker only if guards are still active.\n        const unlisten = this.history.listen(() => {\n            unlisten();\n            if (this.guards.size > 0) {\n                this.installBlocker();\n            }\n        });\n\n        tx.retry();\n    }\n}\n"],"names":["HistoryRouterGateway","history","baseUrl","Set","Router","location","queryParams","Object","URLSearchParams","config","hadGuards","name","params","route","console","RouteUrl","routes","currentPathname","url","pathname","result","matchedRoute","onMatch","tx","blockingGuard","resolved","undefined","unlisten"],"mappings":"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"}
+{"version":3,"file":"features/router/HistoryRouterGateway.js","sources":["../../../src/features/router/HistoryRouterGateway.ts"],"sourcesContent":["import type { z } from \"zod\";\nimport type { History } from \"history\";\nimport type { RouteDefinition, RouteTransitionGuardConfig, GuardDisposer } from \"./abstractions.js\";\nimport { RouterGateway } from \"./abstractions.js\";\nimport { RouteUrl } from \"./RouteUrl.js\";\nimport { Router } from \"./Router.js\";\n\nexport class HistoryRouterGateway implements RouterGateway.Interface {\n    private readonly history: History;\n    private readonly router: Router;\n    private stopListening: () => void;\n    private unblock: (() => void) | undefined;\n    private guards = new Set<RouteTransitionGuardConfig>();\n\n    constructor(history: History, baseUrl: string) {\n        this.history = history;\n        this.router = new Router(baseUrl);\n\n        this.stopListening = history.listen(async ({ location }) => {\n            const queryParams = Object.fromEntries(new URLSearchParams(location.search).entries());\n            this.resolvePathname(location.pathname, queryParams);\n        });\n    }\n\n    addGuard(config: RouteTransitionGuardConfig): GuardDisposer {\n        const hadGuards = this.guards.size > 0;\n        this.guards.add(config);\n        if (!hadGuards) {\n            this.installBlocker();\n        }\n        return () => {\n            this.guards.delete(config);\n            if (this.guards.size === 0) {\n                this.removeBlocker();\n            }\n        };\n    }\n\n    goToRoute(name: string, params: z.ZodTypeAny): void {\n        const route = this.router.findRoute(name);\n        if (!route) {\n            console.warn(`Route \"${name}\" not found.`);\n            return;\n        }\n\n        const baseUrl = this.router.getBaseUrl();\n        this.history.push(RouteUrl.fromPattern(route.path, params, baseUrl));\n    }\n\n    replaceRoute(name: string, params: z.ZodTypeAny): void {\n        const route = this.router.findRoute(name);\n        if (!route) {\n            console.warn(`Route \"${name}\" not found.`);\n            return;\n        }\n\n        const baseUrl = this.router.getBaseUrl();\n        this.history.replace(RouteUrl.fromPattern(route.path, params, baseUrl));\n    }\n\n    goBack(): void {\n        this.history.back();\n    }\n\n    setRoutes(routes: RouteDefinition[]) {\n        this.router.setRoutes(routes);\n\n        const queryParams = Object.fromEntries(\n            new URLSearchParams(this.history.location.search).entries()\n        );\n        const currentPathname = this.history.location.pathname;\n        this.resolvePathname(currentPathname, queryParams);\n    }\n\n    destroy(): void {\n        this.stopListening();\n        this.removeBlocker();\n        this.guards.clear();\n    }\n\n    pushState(url: string): void {\n        this.history.push(url);\n    }\n\n    replaceState(url: string): void {\n        this.history.replace(url);\n    }\n\n    private async resolvePathname(pathname: string, queryParams?: Record<string, unknown>) {\n        const result = this.router.resolve(pathname, queryParams);\n        if (!result) {\n            return;\n        }\n\n        const { matchedRoute, onMatch } = result;\n\n        onMatch(matchedRoute);\n    }\n\n    private findBlockingGuard(): RouteTransitionGuardConfig | undefined {\n        for (const config of this.guards) {\n            if (config.guard()) {\n                return config;\n            }\n        }\n        return undefined;\n    }\n\n    private installBlocker(): void {\n        if (this.unblock) {\n            this.unblock();\n        }\n\n        this.unblock = this.history.block(tx => {\n            const blockingGuard = this.findBlockingGuard();\n            if (blockingGuard) {\n                let resolved = false;\n\n                blockingGuard.onBlocked({\n                    continue: () => {\n                        if (!resolved) {\n                            resolved = true;\n                            this.removeBlockerAndRetry(tx);\n                        }\n                    },\n                    cancel: () => {\n                        resolved = true;\n                        // Do nothing — history v5 already reverted the URL.\n                    }\n                });\n            } else {\n                this.removeBlockerAndRetry(tx);\n            }\n        });\n    }\n\n    private removeBlocker(): void {\n        if (this.unblock) {\n            this.unblock();\n            this.unblock = undefined;\n        }\n    }\n\n    private removeBlockerAndRetry(tx: { retry: () => void }): void {\n        // We must remove the blocker before retrying because history v5's\n        // allowTx() always returns false when any blocker is registered.\n        this.removeBlocker();\n\n        // Listen for the next navigation to complete, then reinstall the\n        // blocker only if guards are still active.\n        const unlisten = this.history.listen(() => {\n            unlisten();\n            if (this.guards.size > 0) {\n                this.installBlocker();\n            }\n        });\n\n        tx.retry();\n    }\n}\n"],"names":["HistoryRouterGateway","history","baseUrl","Set","Router","location","queryParams","Object","URLSearchParams","config","hadGuards","name","params","route","console","RouteUrl","routes","currentPathname","url","pathname","result","matchedRoute","onMatch","tx","blockingGuard","resolved","undefined","unlisten"],"mappings":"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"}

package/features/router/Route.d.ts

@@ -13,7 +13,7 @@ export declare class Route<TParams extends RouteParamsDefinition | undefined = u
     private readonly schema;
     constructor(route: RouteParams<TParams>);
     get name(): string;
-    get path(): `/${string}` | "*";
+    get path(): "*" | `/${string}`;
     get params(): TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined;
     private coerceParams;
 }

package/features/router/RouterPresenter.d.ts

@@ -9,7 +9,9 @@ declare class RouterPresenterImpl implements Abstraction.Interface {
     bootstrap: (routes: Route[]) => void;
     goToRoute: (route: any, params?: any) => void;
     setRouteParams: (cb: any) => void;
+    replaceRouteParams: (cb: any) => void;
     getLink: (route: any, params?: any) => string;
+    goBack: () => void;
     addTransitionGuard: (config: RouteTransitionGuardConfig) => GuardDisposer;
     isTransitionBlocked: () => boolean;
     unblockTransition: () => void;

package/features/router/RouterPresenter.js

@@ -16,7 +16,17 @@ class RouterPresenterImpl {
             const newParams = cb(matchedRoute?.params ?? {});
             this.goToRoute(currentRoute, newParams);
         };
+        this.replaceRouteParams = (cb)=>{
+            const currentRoute = this.routerRepository.getCurrentRoute();
+            if (!currentRoute) return;
+            const matchedRoute = this.routerRepository.getMatchedRoute();
+            const newParams = cb(matchedRoute?.params ?? {});
+            this.routerRepository.replaceRoute(currentRoute, newParams);
+        };
         this.getLink = (route, params)=>this.routerRepository.getLink(route, params);
+        this.goBack = ()=>{
+            this.routerRepository.goBack();
+        };
         this.addTransitionGuard = (config)=>this.routerRepository.addGuard(config);
         this.isTransitionBlocked = ()=>this.routerRepository.isBlocked();
         this.unblockTransition = ()=>{

package/features/router/RouterPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/router/RouterPresenter.js","sources":["../../../src/features/router/RouterPresenter.ts"],"sourcesContent":["import { makeAutoObservable, toJS } from \"mobx\";\nimport { createImplementation } from \"@webiny/di\";\nimport { Route } from \"./Route.js\";\nimport {\n    RouterRepository,\n    RouterPresenter as Abstraction,\n    type RouteTransitionGuardConfig,\n    type GuardDisposer\n} from \"./abstractions.js\";\n\nclass RouterPresenterImpl implements Abstraction.Interface {\n    private routerRepository: RouterRepository.Interface;\n\n    constructor(routerRepository: RouterRepository.Interface) {\n        this.routerRepository = routerRepository;\n\n        makeAutoObservable(this);\n    }\n\n    get vm() {\n        return {\n            currentRoute: toJS(this.routerRepository.getMatchedRoute())\n        };\n    }\n\n    bootstrap = (routes: Route[]) => {\n        this.routerRepository.registerRoutes(routes);\n    };\n\n    goToRoute = (route: any, params?: any) => {\n        this.routerRepository.goToRoute(route, params);\n    };\n\n    setRouteParams = (cb: any) => {\n        const currentRoute = this.routerRepository.getCurrentRoute();\n        if (!currentRoute) {\n            return;\n        }\n\n        const matchedRoute = this.routerRepository.getMatchedRoute();\n        const newParams = cb(matchedRoute?.params ?? {});\n        this.goToRoute(currentRoute, newParams);\n    };\n\n    getLink = (route: any, params?: any) => {\n        return this.routerRepository.getLink(route, params);\n    };\n\n    addTransitionGuard = (config: RouteTransitionGuardConfig): GuardDisposer => {\n        return this.routerRepository.addGuard(config);\n    };\n\n    isTransitionBlocked = (): boolean => {\n        return this.routerRepository.isBlocked();\n    };\n\n    unblockTransition = (): void => {\n        this.routerRepository.unblock();\n    };\n\n    confirmTransition = (): void => {\n        this.routerRepository.confirmTransition();\n    };\n\n    cancelTransition = (): void => {\n        this.routerRepository.cancelTransition();\n    };\n\n    destroy = () => {\n        this.routerRepository.destroy();\n    };\n}\n\nexport const RouterPresenter = createImplementation({\n    abstraction: Abstraction,\n    implementation: RouterPresenterImpl,\n    dependencies: [RouterRepository]\n});\n"],"names":["RouterPresenterImpl","routerRepository","routes","route","params","cb","currentRoute","matchedRoute","newParams","config","makeAutoObservable","toJS","RouterPresenter","createImplementation","Abstraction","RouterRepository"],"mappings":";;;AAUA,MAAMA;IAGF,YAAYC,gBAA4C,CAAE;aAY1D,SAAS,GAAG,CAACC;YACT,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAACA;QACzC;aAEA,SAAS,GAAG,CAACC,OAAYC;YACrB,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAACD,OAAOC;QAC3C;aAEA,cAAc,GAAG,CAACC;YACd,MAAMC,eAAe,IAAI,CAAC,gBAAgB,CAAC,eAAe;YAC1D,IAAI,CAACA,cACD;YAGJ,MAAMC,eAAe,IAAI,CAAC,gBAAgB,CAAC,eAAe;YAC1D,MAAMC,YAAYH,GAAGE,cAAc,UAAU,CAAC;YAC9C,IAAI,CAAC,SAAS,CAACD,cAAcE;QACjC;aAEA,OAAO,GAAG,CAACL,OAAYC,SACZ,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAACD,OAAOC;aAGhD,kBAAkB,GAAG,CAACK,SACX,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAACA;aAG1C,mBAAmB,GAAG,IACX,IAAI,CAAC,gBAAgB,CAAC,SAAS;aAG1C,iBAAiB,GAAG;YAChB,IAAI,CAAC,gBAAgB,CAAC,OAAO;QACjC;aAEA,iBAAiB,GAAG;YAChB,IAAI,CAAC,gBAAgB,CAAC,iBAAiB;QAC3C;aAEA,gBAAgB,GAAG;YACf,IAAI,CAAC,gBAAgB,CAAC,gBAAgB;QAC1C;aAEA,OAAO,GAAG;YACN,IAAI,CAAC,gBAAgB,CAAC,OAAO;QACjC;QAxDI,IAAI,CAAC,gBAAgB,GAAGR;QAExBS,mBAAmB,IAAI;IAC3B;IAEA,IAAI,KAAK;QACL,OAAO;YACH,cAAcC,KAAK,IAAI,CAAC,gBAAgB,CAAC,eAAe;QAC5D;IACJ;AAgDJ;AAEO,MAAMC,kCAAkBC,qBAAqB;IAChD,aAAaC;IACb,gBAAgBd;IAChB,cAAc;QAACe;KAAiB;AACpC"}
+{"version":3,"file":"features/router/RouterPresenter.js","sources":["../../../src/features/router/RouterPresenter.ts"],"sourcesContent":["import { makeAutoObservable, toJS } from \"mobx\";\nimport { createImplementation } from \"@webiny/di\";\nimport { Route } from \"./Route.js\";\nimport {\n    RouterRepository,\n    RouterPresenter as Abstraction,\n    type RouteTransitionGuardConfig,\n    type GuardDisposer\n} from \"./abstractions.js\";\n\nclass RouterPresenterImpl implements Abstraction.Interface {\n    private routerRepository: RouterRepository.Interface;\n\n    constructor(routerRepository: RouterRepository.Interface) {\n        this.routerRepository = routerRepository;\n\n        makeAutoObservable(this);\n    }\n\n    get vm() {\n        return {\n            currentRoute: toJS(this.routerRepository.getMatchedRoute())\n        };\n    }\n\n    bootstrap = (routes: Route[]) => {\n        this.routerRepository.registerRoutes(routes);\n    };\n\n    goToRoute = (route: any, params?: any) => {\n        this.routerRepository.goToRoute(route, params);\n    };\n\n    setRouteParams = (cb: any) => {\n        const currentRoute = this.routerRepository.getCurrentRoute();\n        if (!currentRoute) {\n            return;\n        }\n\n        const matchedRoute = this.routerRepository.getMatchedRoute();\n        const newParams = cb(matchedRoute?.params ?? {});\n        this.goToRoute(currentRoute, newParams);\n    };\n\n    replaceRouteParams = (cb: any) => {\n        const currentRoute = this.routerRepository.getCurrentRoute();\n        if (!currentRoute) {\n            return;\n        }\n\n        const matchedRoute = this.routerRepository.getMatchedRoute();\n        const newParams = cb(matchedRoute?.params ?? {});\n        this.routerRepository.replaceRoute(currentRoute, newParams);\n    };\n\n    getLink = (route: any, params?: any) => {\n        return this.routerRepository.getLink(route, params);\n    };\n\n    goBack = (): void => {\n        this.routerRepository.goBack();\n    };\n\n    addTransitionGuard = (config: RouteTransitionGuardConfig): GuardDisposer => {\n        return this.routerRepository.addGuard(config);\n    };\n\n    isTransitionBlocked = (): boolean => {\n        return this.routerRepository.isBlocked();\n    };\n\n    unblockTransition = (): void => {\n        this.routerRepository.unblock();\n    };\n\n    confirmTransition = (): void => {\n        this.routerRepository.confirmTransition();\n    };\n\n    cancelTransition = (): void => {\n        this.routerRepository.cancelTransition();\n    };\n\n    destroy = () => {\n        this.routerRepository.destroy();\n    };\n}\n\nexport const RouterPresenter = createImplementation({\n    abstraction: Abstraction,\n    implementation: RouterPresenterImpl,\n    dependencies: [RouterRepository]\n});\n"],"names":["RouterPresenterImpl","routerRepository","routes","route","params","cb","currentRoute","matchedRoute","newParams","config","makeAutoObservable","toJS","RouterPresenter","createImplementation","Abstraction","RouterRepository"],"mappings":";;;AAUA,MAAMA;IAGF,YAAYC,gBAA4C,CAAE;aAY1D,SAAS,GAAG,CAACC;YACT,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAACA;QACzC;aAEA,SAAS,GAAG,CAACC,OAAYC;YACrB,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAACD,OAAOC;QAC3C;aAEA,cAAc,GAAG,CAACC;YACd,MAAMC,eAAe,IAAI,CAAC,gBAAgB,CAAC,eAAe;YAC1D,IAAI,CAACA,cACD;YAGJ,MAAMC,eAAe,IAAI,CAAC,gBAAgB,CAAC,eAAe;YAC1D,MAAMC,YAAYH,GAAGE,cAAc,UAAU,CAAC;YAC9C,IAAI,CAAC,SAAS,CAACD,cAAcE;QACjC;aAEA,kBAAkB,GAAG,CAACH;YAClB,MAAMC,eAAe,IAAI,CAAC,gBAAgB,CAAC,eAAe;YAC1D,IAAI,CAACA,cACD;YAGJ,MAAMC,eAAe,IAAI,CAAC,gBAAgB,CAAC,eAAe;YAC1D,MAAMC,YAAYH,GAAGE,cAAc,UAAU,CAAC;YAC9C,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAACD,cAAcE;QACrD;aAEA,OAAO,GAAG,CAACL,OAAYC,SACZ,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAACD,OAAOC;aAGhD,MAAM,GAAG;YACL,IAAI,CAAC,gBAAgB,CAAC,MAAM;QAChC;aAEA,kBAAkB,GAAG,CAACK,SACX,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAACA;aAG1C,mBAAmB,GAAG,IACX,IAAI,CAAC,gBAAgB,CAAC,SAAS;aAG1C,iBAAiB,GAAG;YAChB,IAAI,CAAC,gBAAgB,CAAC,OAAO;QACjC;aAEA,iBAAiB,GAAG;YAChB,IAAI,CAAC,gBAAgB,CAAC,iBAAiB;QAC3C;aAEA,gBAAgB,GAAG;YACf,IAAI,CAAC,gBAAgB,CAAC,gBAAgB;QAC1C;aAEA,OAAO,GAAG;YACN,IAAI,CAAC,gBAAgB,CAAC,OAAO;QACjC;QAvEI,IAAI,CAAC,gBAAgB,GAAGR;QAExBS,mBAAmB,IAAI;IAC3B;IAEA,IAAI,KAAK;QACL,OAAO;YACH,cAAcC,KAAK,IAAI,CAAC,gBAAgB,CAAC,eAAe;QAC5D;IACJ;AA+DJ;AAEO,MAAMC,kCAAkBC,qBAAqB;IAChD,aAAaC;IACb,gBAAgBd;IAChB,cAAc;QAACe;KAAiB;AACpC"}

package/features/router/RouterRepository.d.ts

@@ -14,6 +14,8 @@ declare class RouterRepositoryImpl implements Abstractions.RouterRepository.Inte
     registerRoutes: (routes: Route[]) => void;
     getLink<TParams extends RouteParamsDefinition | undefined>(route: Route<TParams>, params?: TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined): string;
     goToRoute<TParams extends RouteParamsDefinition | undefined>(route: Route<TParams>, params: TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined): void;
+    replaceRoute<TParams extends RouteParamsDefinition | undefined>(route: Route<TParams>, params: TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined): void;
+    goBack(): void;
     addGuard(config: RouteTransitionGuardConfig): GuardDisposer;
     isBlocked(): boolean;
     unblock(): void;

package/features/router/RouterRepository.js

@@ -41,6 +41,12 @@ class RouterRepositoryImpl {
     goToRoute(route, params) {
         this.gateway.goToRoute(route.name, params);
     }
+    replaceRoute(route, params) {
+        this.gateway.replaceRoute(route.name, params);
+    }
+    goBack() {
+        this.gateway.goBack();
+    }
     addGuard(config) {
         const gatewayGuard = {
             guard: ()=>{
@@ -96,10 +102,10 @@ class RouterRepositoryImpl {
         if (!route) return;
         const params = "function" == typeof route.params?.parse ? route.params.parse(matchedRoute.params) : matchedRoute.params;
         runInAction(()=>{
-            Object.assign(this.currentRoute, {
+            this.currentRoute = {
                 ...matchedRoute,
                 params
-            });
+            };
         });
     }
     getRouteByName(name) {

package/features/router/RouterRepository.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/router/RouterRepository.js","sources":["../../../src/features/router/RouterRepository.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport type {\n    MatchedRoute,\n    RouteDefinition,\n    RouteTransitionGuardConfig,\n    GuardDisposer,\n    TransitionController\n} from \"./abstractions.js\";\nimport * as Abstractions from \"./abstractions.js\";\nimport { Route, RouteParamsDefinition, RouteParamsInfer } from \"./Route.js\";\nimport { RouteUrl } from \"./RouteUrl.js\";\n\nconst INIT_ROUTE = { name: \"__init__\", path: \"\", pathname: \"\", params: {} };\n\nclass RouterRepositoryImpl implements Abstractions.RouterRepository.Interface {\n    private gateway: Abstractions.RouterGateway.Interface;\n    private currentRoute: MatchedRoute = INIT_ROUTE;\n    private routes: Route<any>[] = [];\n    private pendingTransition: TransitionController | undefined;\n    private forceUnblocked = false;\n    private guardDisposers = new Map<RouteTransitionGuardConfig, GuardDisposer>();\n\n    constructor(gateway: Abstractions.RouterGateway.Interface) {\n        this.gateway = gateway;\n\n        makeAutoObservable(this, {\n            pendingTransition: false,\n            forceUnblocked: false\n        } as any);\n    }\n\n    getMatchedRoute() {\n        return this.currentRoute.name !== INIT_ROUTE.name ? this.currentRoute : undefined;\n    }\n\n    getCurrentRoute(): Route<any> | undefined {\n        return this.routes.find(route => route.name === this.currentRoute.name);\n    }\n\n    registerRoutes = (routes: Route[]) => {\n        this.routes = routes;\n        const routesWithAction = routes.map<RouteDefinition>(this.routeWithAction);\n\n        this.gateway.setRoutes(routesWithAction);\n    };\n\n    getLink<TParams extends RouteParamsDefinition | undefined>(\n        route: Route<TParams>,\n        params?: TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined\n    ): string {\n        return RouteUrl.fromPattern(route.path, params);\n    }\n\n    goToRoute<TParams extends RouteParamsDefinition | undefined>(\n        route: Route<TParams>,\n        params: TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined\n    ): void {\n        this.gateway.goToRoute(route.name, params);\n    }\n\n    addGuard(config: RouteTransitionGuardConfig): GuardDisposer {\n        const gatewayGuard: RouteTransitionGuardConfig = {\n            guard: () => {\n                if (this.forceUnblocked) {\n                    this.forceUnblocked = false;\n                    return false;\n                }\n                return config.guard();\n            },\n            onBlocked: (controller: TransitionController) => {\n                this.pendingTransition = controller;\n                config.onBlocked(controller);\n            }\n        };\n\n        const disposeGatewayGuard = this.gateway.addGuard(gatewayGuard);\n\n        const dispose = () => {\n            this.guardDisposers.delete(config);\n            disposeGatewayGuard();\n        };\n\n        this.guardDisposers.set(config, dispose);\n        return dispose;\n    }\n\n    isBlocked(): boolean {\n        return this.pendingTransition !== undefined;\n    }\n\n    unblock(): void {\n        this.forceUnblocked = true;\n        if (this.pendingTransition) {\n            this.forceUnblocked = false;\n            const tx = this.pendingTransition;\n            this.pendingTransition = undefined;\n            tx.continue();\n        } else {\n            // No pending transition — expire the flag after the current\n            // call stack so it only covers synchronous navigations that\n            // follow immediately (e.g. router.goToRoute on the next line).\n            setTimeout(() => {\n                this.forceUnblocked = false;\n            }, 0);\n        }\n    }\n\n    confirmTransition(): void {\n        const tx = this.pendingTransition;\n        this.pendingTransition = undefined;\n        if (tx) {\n            tx.continue();\n        }\n    }\n\n    cancelTransition(): void {\n        if (this.pendingTransition) {\n            this.pendingTransition.cancel();\n            this.pendingTransition = undefined;\n        }\n    }\n\n    destroy() {\n        this.gateway.destroy();\n    }\n\n    private routeWithAction = (route: Route<any>) => {\n        return {\n            name: route.name,\n            path: route.path,\n            onMatch: this.transitionToRoute.bind(this)\n        };\n    };\n\n    private async transitionToRoute(matchedRoute: MatchedRoute) {\n        const route = this.getRouteByName(matchedRoute.name);\n        if (!route) {\n            return;\n        }\n\n        const params =\n            typeof route.params?.parse === \"function\"\n                ? route.params.parse(matchedRoute.params)\n                : matchedRoute.params;\n\n        runInAction(() => {\n            Object.assign(this.currentRoute, {\n                ...matchedRoute,\n                params\n            });\n        });\n    }\n\n    private getRouteByName(name: string) {\n        return this.routes.find(existingRoute => existingRoute.name === name);\n    }\n}\n\nexport const RouterRepository = Abstractions.RouterRepository.createImplementation({\n    implementation: RouterRepositoryImpl,\n    dependencies: [Abstractions.RouterGateway]\n});\n"],"names":["INIT_ROUTE","RouterRepositoryImpl","gateway","Map","routes","routesWithAction","route","makeAutoObservable","undefined","params","RouteUrl","config","gatewayGuard","controller","disposeGatewayGuard","dispose","tx","setTimeout","matchedRoute","runInAction","Object","name","existingRoute","RouterRepository","Abstractions"],"mappings":"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"}
+{"version":3,"file":"features/router/RouterRepository.js","sources":["../../../src/features/router/RouterRepository.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport type {\n    MatchedRoute,\n    RouteDefinition,\n    RouteTransitionGuardConfig,\n    GuardDisposer,\n    TransitionController\n} from \"./abstractions.js\";\nimport * as Abstractions from \"./abstractions.js\";\nimport { Route, RouteParamsDefinition, RouteParamsInfer } from \"./Route.js\";\nimport { RouteUrl } from \"./RouteUrl.js\";\n\nconst INIT_ROUTE = { name: \"__init__\", path: \"\", pathname: \"\", params: {} };\n\nclass RouterRepositoryImpl implements Abstractions.RouterRepository.Interface {\n    private gateway: Abstractions.RouterGateway.Interface;\n    private currentRoute: MatchedRoute = INIT_ROUTE;\n    private routes: Route<any>[] = [];\n    private pendingTransition: TransitionController | undefined;\n    private forceUnblocked = false;\n    private guardDisposers = new Map<RouteTransitionGuardConfig, GuardDisposer>();\n\n    constructor(gateway: Abstractions.RouterGateway.Interface) {\n        this.gateway = gateway;\n\n        makeAutoObservable(this, {\n            pendingTransition: false,\n            forceUnblocked: false\n        } as any);\n    }\n\n    getMatchedRoute() {\n        return this.currentRoute.name !== INIT_ROUTE.name ? this.currentRoute : undefined;\n    }\n\n    getCurrentRoute(): Route<any> | undefined {\n        return this.routes.find(route => route.name === this.currentRoute.name);\n    }\n\n    registerRoutes = (routes: Route[]) => {\n        this.routes = routes;\n        const routesWithAction = routes.map<RouteDefinition>(this.routeWithAction);\n\n        this.gateway.setRoutes(routesWithAction);\n    };\n\n    getLink<TParams extends RouteParamsDefinition | undefined>(\n        route: Route<TParams>,\n        params?: TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined\n    ): string {\n        return RouteUrl.fromPattern(route.path, params);\n    }\n\n    goToRoute<TParams extends RouteParamsDefinition | undefined>(\n        route: Route<TParams>,\n        params: TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined\n    ): void {\n        this.gateway.goToRoute(route.name, params);\n    }\n\n    replaceRoute<TParams extends RouteParamsDefinition | undefined>(\n        route: Route<TParams>,\n        params: TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined\n    ): void {\n        this.gateway.replaceRoute(route.name, params);\n    }\n\n    goBack(): void {\n        this.gateway.goBack();\n    }\n\n    addGuard(config: RouteTransitionGuardConfig): GuardDisposer {\n        const gatewayGuard: RouteTransitionGuardConfig = {\n            guard: () => {\n                if (this.forceUnblocked) {\n                    this.forceUnblocked = false;\n                    return false;\n                }\n                return config.guard();\n            },\n            onBlocked: (controller: TransitionController) => {\n                this.pendingTransition = controller;\n                config.onBlocked(controller);\n            }\n        };\n\n        const disposeGatewayGuard = this.gateway.addGuard(gatewayGuard);\n\n        const dispose = () => {\n            this.guardDisposers.delete(config);\n            disposeGatewayGuard();\n        };\n\n        this.guardDisposers.set(config, dispose);\n        return dispose;\n    }\n\n    isBlocked(): boolean {\n        return this.pendingTransition !== undefined;\n    }\n\n    unblock(): void {\n        this.forceUnblocked = true;\n        if (this.pendingTransition) {\n            this.forceUnblocked = false;\n            const tx = this.pendingTransition;\n            this.pendingTransition = undefined;\n            tx.continue();\n        } else {\n            // No pending transition — expire the flag after the current\n            // call stack so it only covers synchronous navigations that\n            // follow immediately (e.g. router.goToRoute on the next line).\n            setTimeout(() => {\n                this.forceUnblocked = false;\n            }, 0);\n        }\n    }\n\n    confirmTransition(): void {\n        const tx = this.pendingTransition;\n        this.pendingTransition = undefined;\n        if (tx) {\n            tx.continue();\n        }\n    }\n\n    cancelTransition(): void {\n        if (this.pendingTransition) {\n            this.pendingTransition.cancel();\n            this.pendingTransition = undefined;\n        }\n    }\n\n    destroy() {\n        this.gateway.destroy();\n    }\n\n    private routeWithAction = (route: Route<any>) => {\n        return {\n            name: route.name,\n            path: route.path,\n            onMatch: this.transitionToRoute.bind(this)\n        };\n    };\n\n    private async transitionToRoute(matchedRoute: MatchedRoute) {\n        const route = this.getRouteByName(matchedRoute.name);\n        if (!route) {\n            return;\n        }\n\n        const params =\n            typeof route.params?.parse === \"function\"\n                ? route.params.parse(matchedRoute.params)\n                : matchedRoute.params;\n\n        runInAction(() => {\n            this.currentRoute = { ...matchedRoute, params };\n        });\n    }\n\n    private getRouteByName(name: string) {\n        return this.routes.find(existingRoute => existingRoute.name === name);\n    }\n}\n\nexport const RouterRepository = Abstractions.RouterRepository.createImplementation({\n    implementation: RouterRepositoryImpl,\n    dependencies: [Abstractions.RouterGateway]\n});\n"],"names":["INIT_ROUTE","RouterRepositoryImpl","gateway","Map","routes","routesWithAction","route","makeAutoObservable","undefined","params","RouteUrl","config","gatewayGuard","controller","disposeGatewayGuard","dispose","tx","setTimeout","matchedRoute","runInAction","name","existingRoute","RouterRepository","Abstractions"],"mappings":"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"}

package/features/router/abstractions.d.ts

@@ -12,6 +12,8 @@ export interface IRouterPresenter {
     goToRoute<TParams extends RouteParamsDefinition | undefined>(route: Route<TParams>, ...args: RouteParamsArgs<TParams>): void;
     getLink<TParams extends RouteParamsDefinition | undefined>(route: Route<TParams>, ...args: RouteParamsArgs<TParams>): string;
     setRouteParams<T extends Record<string, any>>(cb: (params: T) => T): void;
+    replaceRouteParams<T extends Record<string, any>>(cb: (params: T) => T): void;
+    goBack(): void;
     addTransitionGuard(config: RouteTransitionGuardConfig): GuardDisposer;
     isTransitionBlocked(): boolean;
     unblockTransition(): void;
@@ -34,7 +36,9 @@ export interface IRouterRepository {
     getMatchedRoute(): MatchedRoute | undefined;
     getCurrentRoute(): Route<any> | undefined;
     goToRoute<TParams extends RouteParamsDefinition | undefined>(route: Route<TParams>, params: TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined): void;
+    replaceRoute<TParams extends RouteParamsDefinition | undefined>(route: Route<TParams>, params: TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined): void;
     getLink<TParams extends RouteParamsDefinition | undefined>(route: Route<TParams>, params: TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined): string;
+    goBack(): void;
     registerRoutes(routes: Route[]): void;
     addGuard(config: RouteTransitionGuardConfig): GuardDisposer;
     isBlocked(): boolean;
@@ -62,7 +66,12 @@ interface IRouterGateway {
     goToRoute(name: string, params?: {
         [k: string]: any;
     }): void;
+    replaceRoute(name: string, params?: {
+        [k: string]: any;
+    }): void;
+    goBack(): void;
     pushState(url: string): void;
+    replaceState(url: string): void;
     addGuard(config: RouteTransitionGuardConfig): GuardDisposer;
     destroy(): void;
 }

package/features/router/abstractions.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/router/abstractions.js","sources":["../../../src/features/router/abstractions.ts"],"sourcesContent":["import { Abstraction } from \"@webiny/di\";\nimport type { Route, RouteParamsDefinition, RouteParamsInfer } from \"./Route.js\";\nimport type { RequiredKeysOf } from \"type-fest\";\n\n/***** Presenter *****/\n\nexport type RouteParamsArgs<TParams extends RouteParamsDefinition | undefined> =\n    TParams extends RouteParamsDefinition\n        ? RequiredKeysOf<RouteParamsInfer<TParams>> extends never\n            ? [params?: RouteParamsInfer<TParams>] // all optional → param optional\n            : [params: RouteParamsInfer<TParams>] // some required → param required\n        : [];\n\ninterface RouterViewModel {\n    currentRoute: MatchedRoute | undefined;\n}\n\nexport interface IRouterPresenter {\n    vm: RouterViewModel;\n    bootstrap(routes: Route[]): void;\n    goToRoute<TParams extends RouteParamsDefinition | undefined>(\n        route: Route<TParams>,\n        ...args: RouteParamsArgs<TParams>\n    ): void;\n    getLink<TParams extends RouteParamsDefinition | undefined>(\n        route: Route<TParams>,\n        ...args: RouteParamsArgs<TParams>\n    ): string;\n    setRouteParams<T extends Record<string, any>>(cb: (params: T) => T): void;\n    addTransitionGuard(config: RouteTransitionGuardConfig): GuardDisposer;\n    isTransitionBlocked(): boolean;\n    unblockTransition(): void;\n    confirmTransition(): void;\n    cancelTransition(): void;\n    destroy(): void;\n}\nexport const RouterPresenter = new Abstraction<IRouterPresenter>(\"RouterPresenter\");\n\nexport namespace RouterPresenter {\n    export type Interface = IRouterPresenter;\n}\n\n/***** Repository *****/\n\nexport interface MatchedRoute<TParams = Record<string, any>> {\n    // Name of the matched route.\n    name: string;\n    // Pathname that was used to match the route.\n    pathname: string;\n    // Path pattern that matched this route.\n    path: string;\n    // Route params extracted from the pathname.\n    params: TParams;\n}\n\nexport interface IRouterRepository {\n    getMatchedRoute(): MatchedRoute | undefined;\n\n    getCurrentRoute(): Route<any> | undefined;\n\n    goToRoute<TParams extends RouteParamsDefinition | undefined>(\n        route: Route<TParams>,\n        params: TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined\n    ): void;\n\n    getLink<TParams extends RouteParamsDefinition | undefined>(\n        route: Route<TParams>,\n        params: TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined\n    ): string;\n\n    registerRoutes(routes: Route[]): void;\n\n    addGuard(config: RouteTransitionGuardConfig): GuardDisposer;\n    isBlocked(): boolean;\n    unblock(): void;\n    confirmTransition(): void;\n    cancelTransition(): void;\n\n    destroy(): void;\n}\n\nexport const RouterRepository = new Abstraction<IRouterRepository>(\"RouterRepository\");\n\nexport namespace RouterRepository {\n    export type Interface = IRouterRepository;\n}\n\n/***** Gateway *****/\n\nexport interface RouteDefinition {\n    name: string;\n    path: string;\n    onMatch(route: MatchedRoute): void;\n}\n\nexport type TransitionController = {\n    continue: () => void;\n    cancel: () => void;\n};\n\ninterface IRouterGateway {\n    setRoutes(routes: RouteDefinition[]): void;\n    goToRoute(name: string, params?: { [k: string]: any }): void;\n    pushState(url: string): void;\n    addGuard(config: RouteTransitionGuardConfig): GuardDisposer;\n    destroy(): void;\n}\n\nexport const RouterGateway = new Abstraction<IRouterGateway>(\"RouterGateway\");\n\nexport namespace RouterGateway {\n    export type Interface = IRouterGateway;\n}\n\n/***** Route Transition *****/\n\nexport type GuardDisposer = () => void;\n\nexport interface RouteTransitionGuardConfig {\n    /** Return true to block the transition. */\n    guard: () => boolean;\n    /** Called when this guard blocks a transition. Show a confirmation dialog here. */\n    onBlocked: (controller: TransitionController) => void;\n}\n"],"names":["RouterPresenter","Abstraction","RouterRepository","RouterGateway"],"mappings":";AAoCO,MAAMA,kBAAkB,IAAIC,YAA8B;AA6C1D,MAAMC,mBAAmB,IAAID,YAA+B;AA2B5D,MAAME,gBAAgB,IAAIF,YAA4B"}
+{"version":3,"file":"features/router/abstractions.js","sources":["../../../src/features/router/abstractions.ts"],"sourcesContent":["import { Abstraction } from \"@webiny/di\";\nimport type { Route, RouteParamsDefinition, RouteParamsInfer } from \"./Route.js\";\nimport type { RequiredKeysOf } from \"type-fest\";\n\n/***** Presenter *****/\n\nexport type RouteParamsArgs<TParams extends RouteParamsDefinition | undefined> =\n    TParams extends RouteParamsDefinition\n        ? RequiredKeysOf<RouteParamsInfer<TParams>> extends never\n            ? [params?: RouteParamsInfer<TParams>] // all optional → param optional\n            : [params: RouteParamsInfer<TParams>] // some required → param required\n        : [];\n\ninterface RouterViewModel {\n    currentRoute: MatchedRoute | undefined;\n}\n\nexport interface IRouterPresenter {\n    vm: RouterViewModel;\n    bootstrap(routes: Route[]): void;\n    goToRoute<TParams extends RouteParamsDefinition | undefined>(\n        route: Route<TParams>,\n        ...args: RouteParamsArgs<TParams>\n    ): void;\n    getLink<TParams extends RouteParamsDefinition | undefined>(\n        route: Route<TParams>,\n        ...args: RouteParamsArgs<TParams>\n    ): string;\n    setRouteParams<T extends Record<string, any>>(cb: (params: T) => T): void;\n    replaceRouteParams<T extends Record<string, any>>(cb: (params: T) => T): void;\n    goBack(): void;\n    addTransitionGuard(config: RouteTransitionGuardConfig): GuardDisposer;\n    isTransitionBlocked(): boolean;\n    unblockTransition(): void;\n    confirmTransition(): void;\n    cancelTransition(): void;\n    destroy(): void;\n}\nexport const RouterPresenter = new Abstraction<IRouterPresenter>(\"RouterPresenter\");\n\nexport namespace RouterPresenter {\n    export type Interface = IRouterPresenter;\n}\n\n/***** Repository *****/\n\nexport interface MatchedRoute<TParams = Record<string, any>> {\n    // Name of the matched route.\n    name: string;\n    // Pathname that was used to match the route.\n    pathname: string;\n    // Path pattern that matched this route.\n    path: string;\n    // Route params extracted from the pathname.\n    params: TParams;\n}\n\nexport interface IRouterRepository {\n    getMatchedRoute(): MatchedRoute | undefined;\n\n    getCurrentRoute(): Route<any> | undefined;\n\n    goToRoute<TParams extends RouteParamsDefinition | undefined>(\n        route: Route<TParams>,\n        params: TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined\n    ): void;\n\n    replaceRoute<TParams extends RouteParamsDefinition | undefined>(\n        route: Route<TParams>,\n        params: TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined\n    ): void;\n\n    getLink<TParams extends RouteParamsDefinition | undefined>(\n        route: Route<TParams>,\n        params: TParams extends RouteParamsDefinition ? RouteParamsInfer<TParams> : undefined\n    ): string;\n\n    goBack(): void;\n\n    registerRoutes(routes: Route[]): void;\n\n    addGuard(config: RouteTransitionGuardConfig): GuardDisposer;\n    isBlocked(): boolean;\n    unblock(): void;\n    confirmTransition(): void;\n    cancelTransition(): void;\n\n    destroy(): void;\n}\n\nexport const RouterRepository = new Abstraction<IRouterRepository>(\"RouterRepository\");\n\nexport namespace RouterRepository {\n    export type Interface = IRouterRepository;\n}\n\n/***** Gateway *****/\n\nexport interface RouteDefinition {\n    name: string;\n    path: string;\n    onMatch(route: MatchedRoute): void;\n}\n\nexport type TransitionController = {\n    continue: () => void;\n    cancel: () => void;\n};\n\ninterface IRouterGateway {\n    setRoutes(routes: RouteDefinition[]): void;\n    goToRoute(name: string, params?: { [k: string]: any }): void;\n    replaceRoute(name: string, params?: { [k: string]: any }): void;\n    goBack(): void;\n    pushState(url: string): void;\n    replaceState(url: string): void;\n    addGuard(config: RouteTransitionGuardConfig): GuardDisposer;\n    destroy(): void;\n}\n\nexport const RouterGateway = new Abstraction<IRouterGateway>(\"RouterGateway\");\n\nexport namespace RouterGateway {\n    export type Interface = IRouterGateway;\n}\n\n/***** Route Transition *****/\n\nexport type GuardDisposer = () => void;\n\nexport interface RouteTransitionGuardConfig {\n    /** Return true to block the transition. */\n    guard: () => boolean;\n    /** Called when this guard blocks a transition. Show a confirmation dialog here. */\n    onBlocked: (controller: TransitionController) => void;\n}\n"],"names":["RouterPresenter","Abstraction","RouterRepository","RouterGateway"],"mappings":";AAsCO,MAAMA,kBAAkB,IAAIC,YAA8B;AAoD1D,MAAMC,mBAAmB,IAAID,YAA+B;AA8B5D,MAAME,gBAAgB,IAAIF,YAA4B"}

package/index.d.ts

@@ -1,6 +1,3 @@
-export { AddQuerySelectionPlugin } from "./plugins/AddQuerySelectionPlugin.js";
-export { ApolloLinkPlugin } from "./plugins/ApolloLinkPlugin.js";
-export { ApolloCacheObjectIdPlugin, type ApolloCacheObject } from "./plugins/ApolloCacheObjectIdPlugin.js";
 export * from "@webiny/react-composition";
 export type { HigherOrderComponent, ComposeProps, ComposableFC } from "@webiny/react-composition";
 export * from "./App.js";

package/index.js

@@ -9,9 +9,6 @@ export * from "./core/createProviderPlugin.js";
 export * from "./renderApp.js";
 export * from "./utils/createGenericContext.js";
 export * from "./helpers/InterfaceGenerator/index.js";
-export { AddQuerySelectionPlugin } from "./plugins/AddQuerySelectionPlugin.js";
-export { ApolloLinkPlugin } from "./plugins/ApolloLinkPlugin.js";
-export { ApolloCacheObjectIdPlugin } from "./plugins/ApolloCacheObjectIdPlugin.js";
 export { DiContainerProvider, useContainer } from "./shared/di/DiContainerProvider.js";
 export { useFeature } from "./shared/di/useFeature.js";
 export { createFeature } from "./shared/di/createFeature.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app",
-	"version": "6.4.5-beta.0",
+	"version": "6.6.0-alpha.0",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -18,44 +18,31 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@apollo/react-hooks": "3.1.5",
-		"@emotion/styled": "11.14.1",
 		"@types/react": "18.3.31",
 		"@webiny/di": "1.0.2",
-		"@webiny/feature": "6.4.5-beta.0",
-		"@webiny/i18n": "6.4.5-beta.0",
-		"@webiny/i18n-react": "6.4.5-beta.0",
-		"@webiny/plugins": "6.4.5-beta.0",
-		"@webiny/react-composition": "6.4.5-beta.0",
-		"@webiny/react-properties": "6.4.5-beta.0",
-		"@webiny/stdlib": "0.0.8",
-		"apollo-cache": "1.3.5",
-		"apollo-cache-inmemory": "1.6.6",
-		"apollo-client": "2.6.10",
-		"apollo-link": "1.2.14",
-		"apollo-link-context": "1.0.20",
-		"apollo-link-error": "1.1.13",
-		"apollo-link-http-common": "0.2.16",
-		"apollo-utilities": "1.3.4",
+		"@webiny/feature": "6.6.0-alpha.0",
+		"@webiny/i18n": "6.6.0-alpha.0",
+		"@webiny/i18n-react": "6.6.0-alpha.0",
+		"@webiny/plugins": "6.6.0-alpha.0",
+		"@webiny/react-composition": "6.6.0-alpha.0",
+		"@webiny/react-properties": "6.6.0-alpha.0",
 		"graphql": "16.14.2",
 		"history": "5.3.0",
 		"invariant": "2.2.4",
 		"lodash": "4.18.1",
 		"mobx": "6.16.1",
-		"nanoid": "5.1.16",
 		"react": "18.3.1",
 		"react-dom": "18.3.1",
-		"ts-invariant": "0.10.3",
 		"warning": "4.0.3",
 		"zod": "4.4.3"
 	},
 	"devDependencies": {
 		"@types/lodash": "4.17.24",
 		"@types/warning": "3.0.4",
-		"@webiny/build-tools": "6.4.5-beta.0",
+		"@webiny/build-tools": "6.6.0-alpha.0",
 		"rimraf": "6.1.3",
 		"type-fest": "5.8.0",
-		"typescript": "6.0.3",
+		"typescript": "7.0.2",
 		"vitest": "4.1.10"
 	},
 	"publishConfig": {

package/plugins/image.d.ts

@@ -1,3 +1,3 @@
 import type { ImageComponentPlugin } from "../types.js";
-declare const _default: () => ImageComponentPlugin;
 export default _default;
+declare function _default(): ImageComponentPlugin;

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