@webiny/app 0.0.0-unstable.9bd236cf5e → 0.0.0-unstable.9f53ea597d

package/App.d.ts

@@ -1,8 +1,7 @@
 import React from "react";
-import type { RouteProps } from "@webiny/react-router";
-import type { GenericComponent, Decorator, DecoratorsCollection } from "@webiny/react-composition";
+import { Decorator, DecoratorsCollection, GenericComponent } from "@webiny/react-composition";
 interface State {
-    plugins: JSX.Element[];
+    plugins: React.JSX.Element[];
     providers: Decorator<GenericComponent<ProviderProps>>[];
 }
 interface AppContext extends State {
@@ -12,8 +11,8 @@ interface AppContext extends State {
 declare const AppContext: React.Context<AppContext | undefined>;
 export declare const useApp: () => AppContext;
 export interface AppProps {
-    debounceRender?: number;
-    routes?: Array<RouteProps>;
+    routes?: Array<any>;
+    plugins?: any[];
     providers?: Array<Decorator<GenericComponent<ProviderProps>>>;
     decorators?: DecoratorsCollection;
     children?: React.ReactNode | React.ReactNode[];
@@ -21,6 +20,6 @@ export interface AppProps {
 interface ProviderProps {
     children: React.ReactNode;
 }
-export declare const AppBase: ({ debounceRender, routes, providers, children }: AppProps) => React.JSX.Element;
+export declare const AppBase: React.MemoExoticComponent<({ routes, plugins, providers, children }: AppProps) => React.JSX.Element>;
 export declare const App: ({ decorators, ...props }: AppProps) => React.JSX.Element;
 export {};

package/App.js

@@ -1,95 +1,82 @@
-import React, { createContext, useContext, useMemo, useState, useCallback } from "react";
-import { BrowserRouter, Route } from "@webiny/react-router";
+import react, { Fragment, createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
 import { CompositionProvider, compose } from "@webiny/react-composition";
-import { Routes as SortRoutes } from "./core/Routes";
-import { DebounceRender } from "./core/DebounceRender";
-import { PluginsProvider } from "./core/Plugins";
-import { RouterWithConfig, useRouterConfig } from "./config/RouterConfig";
-import { AppContainer } from "./AppContainer";
-const AppContext = /*#__PURE__*/createContext(undefined);
+import { PluginsProvider } from "./core/Plugins.js";
+import { RouterWithConfig, useRouterConfig } from "./config/RouterConfig.js";
+import { AppContainer } from "./AppContainer.js";
+import { RouteContent } from "./presentation/router/components/RouteContent.js";
+import { useRouter } from "./router.js";
+const AppContext = /*#__PURE__*/ createContext(void 0);
 AppContext.displayName = "AppContext";
-export const useApp = () => {
-  const appContext = useContext(AppContext);
-  if (!appContext) {
-    throw Error(`AppContext provider was not found. Are you using the "useApp()" hook in the right place?`);
-  }
-  return appContext;
+const useApp = ()=>{
+    const appContext = useContext(AppContext);
+    if (!appContext) throw Error('AppContext provider was not found. Are you using the "useApp()" hook in the right place?');
+    return appContext;
 };
-export const AppBase = ({
-  debounceRender = 50,
-  routes = [],
-  providers = [],
-  children
-}) => {
-  const [state, setState] = useState({
-    plugins: [],
-    providers
-  });
-  const addProvider = useCallback(component => {
-    setState(state => {
-      if (state.providers.findIndex(m => m === component) > -1) {
-        return state;
-      }
-      return {
-        ...state,
-        providers: [...state.providers, component]
-      };
+const AppBase = /*#__PURE__*/ react.memo(({ routes = [], plugins = [], providers = [], children })=>{
+    const [state, setState] = useState({
+        plugins,
+        providers
     });
-  }, []);
-  const addPlugin = useCallback(element => {
-    setState(state => {
-      return {
-        ...state,
-        plugins: [...state.plugins, element]
-      };
-    });
-  }, []);
-  const appContext = useMemo(() => ({
-    ...state,
-    addProvider,
-    addPlugin
-  }), [state]);
-  const AppRouter = useMemo(() => {
-    return function AppRouter() {
-      const routerConfig = useRouterConfig();
-      const combinedRoutes = [...routes, ...routerConfig.routes].map(r => {
-        return /*#__PURE__*/React.createElement(Route, {
-          path: r.path,
-          element: r.element,
-          key: r.path
+    const addProvider = useCallback((component)=>{
+        setState((state)=>{
+            if (state.providers.findIndex((m)=>m === component) > -1) return state;
+            return {
+                ...state,
+                providers: [
+                    ...state.providers,
+                    component
+                ]
+            };
         });
-      });
-      return /*#__PURE__*/React.createElement(SortRoutes, {
-        key: routes.length,
-        routes: combinedRoutes
-      });
-    };
-  }, [routes]);
-  const Providers = useMemo(() => {
-    return compose(...(state.providers || []))(({
-      children
-    }) => {
-      return /*#__PURE__*/React.createElement(DebounceRender, {
-        wait: debounceRender
-      }, children);
-    });
-  }, [state.providers.length]);
-  Providers.displayName = "Providers";
-  return /*#__PURE__*/React.createElement(AppContext.Provider, {
-    value: appContext
-  }, children, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(BrowserRouter, null, /*#__PURE__*/React.createElement(Providers, null, /*#__PURE__*/React.createElement(PluginsProvider, null, state.plugins), /*#__PURE__*/React.createElement(DebounceRender, {
-    wait: debounceRender
-  }, /*#__PURE__*/React.createElement(RouterWithConfig, null, /*#__PURE__*/React.createElement(AppRouter, null)))))));
-};
-export const App = ({
-  decorators,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(CompositionProvider, {
-    decorators: decorators
-  }, /*#__PURE__*/React.createElement(AppBase, Object.assign({
-    decorators: decorators
-  }, props)));
-};
+    }, []);
+    const addPlugin = useCallback((element)=>{
+        setState((state)=>({
+                ...state,
+                plugins: [
+                    ...state.plugins,
+                    element
+                ]
+            }));
+    }, []);
+    const appContext = useMemo(()=>({
+            ...state,
+            addProvider,
+            addPlugin
+        }), [
+        state
+    ]);
+    const AppRouter = useMemo(()=>function() {
+            const router = useRouter();
+            const routerConfig = useRouterConfig();
+            const routesFromConfig = routerConfig.routes;
+            const combinedRoutes = [
+                ...routes,
+                ...routesFromConfig
+            ];
+            useEffect(()=>{
+                router.setRoutes(combinedRoutes);
+            }, [
+                combinedRoutes.length
+            ]);
+            return null;
+        }, []);
+    const Providers = useMemo(()=>/*#__PURE__*/ react.memo(compose(...state.providers || [])(({ children })=>/*#__PURE__*/ react.createElement(react.Fragment, null, children))), [
+        state.providers.length
+    ]);
+    Providers.displayName = "Providers";
+    return /*#__PURE__*/ react.createElement(AppContext.Provider, {
+        value: appContext
+    }, children, /*#__PURE__*/ react.createElement(AppContainer, null, /*#__PURE__*/ react.createElement(Providers, null, /*#__PURE__*/ react.createElement(PluginsProvider, null, state.plugins.map((plugin, index)=>/*#__PURE__*/ react.createElement(Fragment, {
+            key: index
+        }, plugin))), /*#__PURE__*/ react.createElement(RouterWithConfig, null, /*#__PURE__*/ react.createElement(AppRouter, null), /*#__PURE__*/ react.createElement(RouteContent, null)))));
+});
+AppBase.displayName = "AppBase";
+const App = ({ decorators, ...props })=>/*#__PURE__*/ react.createElement(CompositionProvider, {
+        decorators: decorators
+    }, /*#__PURE__*/ react.createElement(AppBase, {
+        decorators: decorators,
+        ...props
+    }));
+export { App, AppBase, useApp };
 
 //# sourceMappingURL=App.js.map

package/App.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useContext","useMemo","useState","useCallback","BrowserRouter","Route","CompositionProvider","compose","Routes","SortRoutes","DebounceRender","PluginsProvider","RouterWithConfig","useRouterConfig","AppContainer","AppContext","undefined","displayName","useApp","appContext","Error","AppBase","debounceRender","routes","providers","children","state","setState","plugins","addProvider","component","findIndex","m","addPlugin","element","AppRouter","routerConfig","combinedRoutes","map","r","createElement","path","key","length","Providers","wait","Provider","value","App","decorators","props","Object","assign"],"sources":["App.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState, useCallback } from \"react\";\nimport type { RouteProps } from \"@webiny/react-router\";\nimport { BrowserRouter, Route } from \"@webiny/react-router\";\nimport type { GenericComponent, Decorator, DecoratorsCollection } from \"@webiny/react-composition\";\nimport { CompositionProvider, compose } from \"@webiny/react-composition\";\nimport { Routes as SortRoutes } from \"./core/Routes\";\nimport { DebounceRender } from \"./core/DebounceRender\";\nimport { PluginsProvider } from \"./core/Plugins\";\nimport { RouterWithConfig, useRouterConfig } from \"./config/RouterConfig\";\nimport { AppContainer } from \"./AppContainer\";\n\ninterface State {\n    plugins: JSX.Element[];\n    providers: Decorator<GenericComponent<ProviderProps>>[];\n}\n\ninterface AppContext extends State {\n    addProvider(hoc: Decorator<GenericComponent<ProviderProps>>): void;\n\n    addPlugin(plugin: React.ReactNode): void;\n}\n\nconst AppContext = createContext<AppContext | undefined>(undefined);\n\nAppContext.displayName = \"AppContext\";\n\nexport const useApp = () => {\n    const appContext = useContext(AppContext);\n    if (!appContext) {\n        throw Error(\n            `AppContext provider was not found. Are you using the \"useApp()\" hook in the right place?`\n        );\n    }\n    return appContext;\n};\n\nexport interface AppProps {\n    debounceRender?: number;\n    routes?: Array<RouteProps>;\n    providers?: Array<Decorator<GenericComponent<ProviderProps>>>;\n    decorators?: DecoratorsCollection;\n    children?: React.ReactNode | React.ReactNode[];\n}\n\ninterface ProviderProps {\n    children: React.ReactNode;\n}\n\ntype ComponentWithChildren = React.ComponentType<{ children?: React.ReactNode }>;\n\nexport const AppBase = ({\n    debounceRender = 50,\n    routes = [],\n    providers = [],\n    children\n}: AppProps) => {\n    const [state, setState] = useState<State>({\n        plugins: [],\n        providers\n    });\n\n    const addProvider = useCallback((component: Decorator<any>) => {\n        setState(state => {\n            if (state.providers.findIndex(m => m === component) > -1) {\n                return state;\n            }\n\n            return {\n                ...state,\n                providers: [...state.providers, component]\n            };\n        });\n    }, []);\n\n    const addPlugin = useCallback((element: JSX.Element) => {\n        setState(state => {\n            return {\n                ...state,\n                plugins: [...state.plugins, element]\n            };\n        });\n    }, []);\n\n    const appContext = useMemo(\n        () => ({\n            ...state,\n            addProvider,\n            addPlugin\n        }),\n        [state]\n    );\n\n    const AppRouter = useMemo(() => {\n        return function AppRouter() {\n            const routerConfig = useRouterConfig();\n            const combinedRoutes = [...routes, ...routerConfig.routes].map(r => {\n                return <Route path={r.path} element={r.element} key={r.path} />;\n            });\n\n            return <SortRoutes key={routes.length} routes={combinedRoutes} />;\n        };\n    }, [routes]);\n\n    const Providers = useMemo(() => {\n        return compose(...(state.providers || []))(({ children }: ProviderProps) => {\n            return <DebounceRender wait={debounceRender}>{children}</DebounceRender>;\n        });\n    }, [state.providers.length]) as ComponentWithChildren;\n\n    Providers.displayName = \"Providers\";\n\n    return (\n        <AppContext.Provider value={appContext}>\n            {children}\n            <AppContainer>\n                <BrowserRouter>\n                    <Providers>\n                        <PluginsProvider>{state.plugins}</PluginsProvider>\n                        <DebounceRender wait={debounceRender}>\n                            <RouterWithConfig>\n                                <AppRouter />\n                            </RouterWithConfig>\n                        </DebounceRender>\n                    </Providers>\n                </BrowserRouter>\n            </AppContainer>\n        </AppContext.Provider>\n    );\n};\n\nexport const App = ({ decorators, ...props }: AppProps) => {\n    return (\n        <CompositionProvider decorators={decorators}>\n            <AppBase decorators={decorators} {...props} />\n        </CompositionProvider>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"App.js","sources":["../src/App.tsx"],"sourcesContent":["import React, {\n    createContext,\n    Fragment,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useState\n} from \"react\";\nimport {\n    compose,\n    CompositionProvider,\n    Decorator,\n    DecoratorsCollection,\n    GenericComponent\n} from \"@webiny/react-composition\";\nimport { PluginsProvider } from \"./core/Plugins.js\";\nimport { RouterWithConfig, useRouterConfig } from \"./config/RouterConfig.js\";\nimport { AppContainer } from \"./AppContainer.js\";\nimport { RouteContent } from \"~/presentation/router/components/RouteContent.js\";\nimport { useRouter } from \"~/router.js\";\n\ninterface State {\n    plugins: React.JSX.Element[];\n    providers: Decorator<GenericComponent<ProviderProps>>[];\n}\n\ninterface AppContext extends State {\n    addProvider(hoc: Decorator<GenericComponent<ProviderProps>>): void;\n    addPlugin(plugin: React.ReactNode): void;\n}\n\nconst AppContext = createContext<AppContext | undefined>(undefined);\n\nAppContext.displayName = \"AppContext\";\n\nexport const useApp = () => {\n    const appContext = useContext(AppContext);\n    if (!appContext) {\n        throw Error(\n            `AppContext provider was not found. Are you using the \"useApp()\" hook in the right place?`\n        );\n    }\n    return appContext;\n};\n\nexport interface AppProps {\n    routes?: Array<any>;\n    plugins?: any[];\n    providers?: Array<Decorator<GenericComponent<ProviderProps>>>;\n    decorators?: DecoratorsCollection;\n    children?: React.ReactNode | React.ReactNode[];\n}\n\ninterface ProviderProps {\n    children: React.ReactNode;\n}\n\ntype ComponentWithChildren = React.ComponentType<{ children?: React.ReactNode }>;\n\nexport const AppBase = React.memo(\n    ({ routes = [], plugins = [], providers = [], children }: AppProps) => {\n        const [state, setState] = useState<State>({\n            plugins,\n            providers\n        });\n\n        const addProvider = useCallback((component: Decorator<any>) => {\n            setState(state => {\n                if (state.providers.findIndex(m => m === component) > -1) {\n                    return state;\n                }\n\n                return {\n                    ...state,\n                    providers: [...state.providers, component]\n                };\n            });\n        }, []);\n\n        const addPlugin = useCallback((element: React.JSX.Element) => {\n            setState(state => {\n                return {\n                    ...state,\n                    plugins: [...state.plugins, element]\n                };\n            });\n        }, []);\n\n        const appContext = useMemo(\n            () => ({\n                ...state,\n                addProvider,\n                addPlugin\n            }),\n            [state]\n        );\n\n        const AppRouter = useMemo(() => {\n            return function AppRouter() {\n                const router = useRouter();\n                const routerConfig = useRouterConfig();\n                const routesFromConfig = routerConfig.routes;\n                const combinedRoutes = [...routes, ...routesFromConfig];\n\n                useEffect(() => {\n                    router.setRoutes(combinedRoutes);\n                }, [combinedRoutes.length]);\n\n                return null;\n            };\n        }, []);\n\n        const Providers = useMemo(() => {\n            return React.memo(\n                compose(...(state.providers || []))(({ children }: ProviderProps) => {\n                    return <>{children}</>;\n                })\n            );\n        }, [state.providers.length]) as ComponentWithChildren;\n\n        Providers.displayName = \"Providers\";\n\n        return (\n            <AppContext.Provider value={appContext}>\n                {children}\n                <AppContainer>\n                    <Providers>\n                        <PluginsProvider>\n                            {state.plugins.map((plugin, index) => (\n                                <Fragment key={index}>{plugin}</Fragment>\n                            ))}\n                        </PluginsProvider>\n                        <RouterWithConfig>\n                            <AppRouter />\n                            <RouteContent />\n                        </RouterWithConfig>\n                    </Providers>\n                </AppContainer>\n            </AppContext.Provider>\n        );\n    }\n);\n\nAppBase.displayName = \"AppBase\";\n\nexport const App = ({ decorators, ...props }: AppProps) => {\n    return (\n        <CompositionProvider decorators={decorators}>\n            <AppBase decorators={decorators} {...props} />\n        </CompositionProvider>\n    );\n};\n"],"names":["AppContext","createContext","undefined","useApp","appContext","useContext","Error","AppBase","React","routes","plugins","providers","children","state","setState","useState","addProvider","useCallback","component","m","addPlugin","element","useMemo","AppRouter","router","useRouter","routerConfig","useRouterConfig","routesFromConfig","combinedRoutes","useEffect","Providers","compose","AppContainer","PluginsProvider","plugin","index","Fragment","RouterWithConfig","RouteContent","App","decorators","props","CompositionProvider"],"mappings":";;;;;;;AAgCA,MAAMA,aAAa,WAAHA,GAAGC,cAAsCC;AAEzDF,WAAW,WAAW,GAAG;AAElB,MAAMG,SAAS;IAClB,MAAMC,aAAaC,WAAWL;IAC9B,IAAI,CAACI,YACD,MAAME,MACF;IAGR,OAAOF;AACX;AAgBO,MAAMG,UAAU,WAAHA,GAAGC,MAAAA,IAAU,CAC7B,CAAC,EAAEC,SAAS,EAAE,EAAEC,UAAU,EAAE,EAAEC,YAAY,EAAE,EAAEC,QAAQ,EAAY;IAC9D,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAAgB;QACtCL;QACAC;IACJ;IAEA,MAAMK,cAAcC,YAAY,CAACC;QAC7BJ,SAASD,CAAAA;YACL,IAAIA,MAAM,SAAS,CAAC,SAAS,CAACM,CAAAA,IAAKA,MAAMD,aAAa,IAClD,OAAOL;YAGX,OAAO;gBACH,GAAGA,KAAK;gBACR,WAAW;uBAAIA,MAAM,SAAS;oBAAEK;iBAAU;YAC9C;QACJ;IACJ,GAAG,EAAE;IAEL,MAAME,YAAYH,YAAY,CAACI;QAC3BP,SAASD,CAAAA,QACE;gBACH,GAAGA,KAAK;gBACR,SAAS;uBAAIA,MAAM,OAAO;oBAAEQ;iBAAQ;YACxC;IAER,GAAG,EAAE;IAEL,MAAMjB,aAAakB,QACf,IAAO;YACH,GAAGT,KAAK;YACRG;YACAI;QACJ,IACA;QAACP;KAAM;IAGX,MAAMU,YAAYD,QAAQ,IACf;YACH,MAAME,SAASC;YACf,MAAMC,eAAeC;YACrB,MAAMC,mBAAmBF,aAAa,MAAM;YAC5C,MAAMG,iBAAiB;mBAAIpB;mBAAWmB;aAAiB;YAEvDE,UAAU;gBACNN,OAAO,SAAS,CAACK;YACrB,GAAG;gBAACA,eAAe,MAAM;aAAC;YAE1B,OAAO;QACX,GACD,EAAE;IAEL,MAAME,YAAYT,QAAQ,IACf,WAAP,GAAOd,MAAAA,IAAU,CACbwB,WAAYnB,MAAM,SAAS,IAAI,EAAE,EAAG,CAAC,EAAED,QAAQ,EAAiB,GACrD,WAAP,GAAO,0CAAGA,aAGnB;QAACC,MAAM,SAAS,CAAC,MAAM;KAAC;IAE3BkB,UAAU,WAAW,GAAG;IAExB,OAAO,WAAP,GACI,oBAAC/B,WAAW,QAAQ;QAAC,OAAOI;OACvBQ,UAAAA,WAAAA,GACD,oBAACqB,cAAYA,MAAAA,WAAAA,GACT,oBAACF,WAAAA,MAAAA,WAAAA,GACG,oBAACG,iBAAeA,MACXrB,MAAM,OAAO,CAAC,GAAG,CAAC,CAACsB,QAAQC,QAAAA,WAAAA,GACxB,oBAACC,UAAQA;YAAC,KAAKD;WAAQD,WAAAA,WAAAA,GAG/B,oBAACG,kBAAgBA,MAAAA,WAAAA,GACb,oBAACf,WAAAA,OAAAA,WAAAA,GACD,oBAACgB,cAAYA;AAMrC;AAGJhC,QAAQ,WAAW,GAAG;AAEf,MAAMiC,MAAM,CAAC,EAAEC,UAAU,EAAE,GAAGC,OAAiB,GAC3C,WAAP,GACI,oBAACC,qBAAmBA;QAAC,YAAYF;qBAC7B,oBAAClC,SAAOA;QAAC,YAAYkC;QAAa,GAAGC,KAAK"}

package/AppContainer.js

@@ -1,9 +1,6 @@
-import React from "react";
+import react from "react";
 import { makeDecoratable } from "@webiny/react-composition";
-export const AppContainer = makeDecoratable("AppContainer", ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-});
+const AppContainer = makeDecoratable("AppContainer", ({ children })=>/*#__PURE__*/ react.createElement(react.Fragment, null, children));
+export { AppContainer };
 
 //# sourceMappingURL=AppContainer.js.map

package/AppContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","AppContainer","children","createElement","Fragment"],"sources":["AppContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nexport interface AppContentProps {\n    children: React.ReactNode;\n}\n\nexport const AppContainer = makeDecoratable(\"AppContainer\", ({ children }: AppContentProps) => {\n    return <>{children}</>;\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAM3D,OAAO,MAAMC,YAAY,GAAGD,eAAe,CAAC,cAAc,EAAE,CAAC;EAAEE;AAA0B,CAAC,KAAK;EAC3F,oBAAOH,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAK,QAAA,QAAGF,QAAW,CAAC;AAC1B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"AppContainer.js","sources":["../src/AppContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\n\nexport interface AppContentProps {\n    children: React.ReactNode;\n}\n\nexport const AppContainer = makeDecoratable(\"AppContainer\", ({ children }: AppContentProps) => {\n    return <>{children}</>;\n});\n"],"names":["AppContainer","makeDecoratable","children"],"mappings":";;AAOO,MAAMA,eAAeC,gBAAgB,gBAAgB,CAAC,EAAEC,QAAQ,EAAmB,GAC/E,WAAP,GAAO,0CAAGA"}

package/README.md

@@ -1,19 +1,11 @@
 # @webiny/app
-[![](https://img.shields.io/npm/dw/@webiny/app.svg)](https://www.npmjs.com/package/@webiny/app) 
-[![](https://img.shields.io/npm/v/@webiny/app.svg)](https://www.npmjs.com/package/@webiny/app)
-[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
-[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
 
-The base package for building Webiny and React powered web apps.
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
 
-For more information, please visit [the official docs](https://docs.webiny.com/docs/webiny/introduction). 
-  
-## Install
-```
-npm install --save @webiny/app
-```
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
 
-Or if you prefer yarn: 
-```
-yarn add @webiny/app
-```
+---
+
+_This README file is automatically generated during the publish process._

package/apollo-client/InMemoryCache.js

@@ -1,20 +1,18 @@
-import { InMemoryCache as BaseInMemoryCache } from "apollo-cache-inmemory";
+import { InMemoryCache } from "apollo-cache-inmemory";
 import { plugins } from "@webiny/plugins";
-import { AddQuerySelectionPlugin } from "../plugins/AddQuerySelectionPlugin";
-import { ApolloLinkPlugin } from "../plugins/ApolloLinkPlugin";
-export class InMemoryCache extends BaseInMemoryCache {
-  constructor(config) {
-    super(config);
-    this.transformPlugins = plugins.byType(ApolloLinkPlugin.type).filter(pl => pl instanceof AddQuerySelectionPlugin);
-  }
-  transformDocument(document) {
-    // @ts-expect-error
-    const operationName = document.definitions[0].name.value;
-    for (const pl of this.transformPlugins) {
-      pl.addSelectionToQuery(operationName, document);
+import { AddQuerySelectionPlugin } from "../plugins/AddQuerySelectionPlugin.js";
+import { ApolloLinkPlugin } from "../plugins/ApolloLinkPlugin.js";
+class InMemoryCache_InMemoryCache extends InMemoryCache {
+    constructor(config){
+        super(config);
+        this.transformPlugins = plugins.byType(ApolloLinkPlugin.type).filter((pl)=>pl instanceof AddQuerySelectionPlugin);
+    }
+    transformDocument(document) {
+        const operationName = document.definitions[0].name.value;
+        for (const pl of this.transformPlugins)pl.addSelectionToQuery(operationName, document);
+        return super.transformDocument(document);
     }
-    return super.transformDocument(document);
-  }
 }
+export { InMemoryCache_InMemoryCache as InMemoryCache };
 
 //# sourceMappingURL=InMemoryCache.js.map

package/apollo-client/InMemoryCache.js.map

@@ -1 +1 @@
-{"version":3,"names":["InMemoryCache","BaseInMemoryCache","plugins","AddQuerySelectionPlugin","ApolloLinkPlugin","constructor","config","transformPlugins","byType","type","filter","pl","transformDocument","document","operationName","definitions","name","value","addSelectionToQuery"],"sources":["InMemoryCache.ts"],"sourcesContent":["import type { InMemoryCacheConfig } from \"apollo-cache-inmemory\";\nimport { InMemoryCache as BaseInMemoryCache } from \"apollo-cache-inmemory\";\nimport type { DocumentNode } from \"graphql\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AddQuerySelectionPlugin } from \"../plugins/AddQuerySelectionPlugin\";\nimport { ApolloLinkPlugin } from \"../plugins/ApolloLinkPlugin\";\n\nexport class InMemoryCache extends BaseInMemoryCache {\n    private readonly transformPlugins: AddQuerySelectionPlugin[];\n\n    constructor(config?: InMemoryCacheConfig) {\n        super(config);\n\n        this.transformPlugins = plugins\n            .byType<AddQuerySelectionPlugin>(ApolloLinkPlugin.type)\n            .filter(pl => pl instanceof AddQuerySelectionPlugin);\n    }\n\n    public override transformDocument(document: DocumentNode): DocumentNode {\n        // @ts-expect-error\n        const operationName = document.definitions[0].name.value;\n\n        for (const pl of this.transformPlugins) {\n            pl.addSelectionToQuery(operationName, document);\n        }\n\n        return super.transformDocument(document);\n    }\n}\n"],"mappings":"AACA,SAASA,aAAa,IAAIC,iBAAiB,QAAQ,uBAAuB;AAE1E,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,uBAAuB;AAChC,SAASC,gBAAgB;AAEzB,OAAO,MAAMJ,aAAa,SAASC,iBAAiB,CAAC;EAGjDI,WAAWA,CAACC,MAA4B,EAAE;IACtC,KAAK,CAACA,MAAM,CAAC;IAEb,IAAI,CAACC,gBAAgB,GAAGL,OAAO,CAC1BM,MAAM,CAA0BJ,gBAAgB,CAACK,IAAI,CAAC,CACtDC,MAAM,CAACC,EAAE,IAAIA,EAAE,YAAYR,uBAAuB,CAAC;EAC5D;EAEgBS,iBAAiBA,CAACC,QAAsB,EAAgB;IACpE;IACA,MAAMC,aAAa,GAAGD,QAAQ,CAACE,WAAW,CAAC,CAAC,CAAC,CAACC,IAAI,CAACC,KAAK;IAExD,KAAK,MAAMN,EAAE,IAAI,IAAI,CAACJ,gBAAgB,EAAE;MACpCI,EAAE,CAACO,mBAAmB,CAACJ,aAAa,EAAED,QAAQ,CAAC;IACnD;IAEA,OAAO,KAAK,CAACD,iBAAiB,CAACC,QAAQ,CAAC;EAC5C;AACJ","ignoreList":[]}
+{"version":3,"file":"apollo-client/InMemoryCache.js","sources":["../../src/apollo-client/InMemoryCache.ts"],"sourcesContent":["import type { InMemoryCacheConfig } from \"apollo-cache-inmemory\";\nimport { InMemoryCache as BaseInMemoryCache } from \"apollo-cache-inmemory\";\nimport type { DocumentNode } from \"graphql\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AddQuerySelectionPlugin } from \"../plugins/AddQuerySelectionPlugin.js\";\nimport { ApolloLinkPlugin } from \"../plugins/ApolloLinkPlugin.js\";\n\nexport class InMemoryCache extends BaseInMemoryCache {\n    private readonly transformPlugins: AddQuerySelectionPlugin[];\n\n    constructor(config?: InMemoryCacheConfig) {\n        super(config);\n\n        this.transformPlugins = plugins\n            .byType<AddQuerySelectionPlugin>(ApolloLinkPlugin.type)\n            .filter(pl => pl instanceof AddQuerySelectionPlugin);\n    }\n\n    public override transformDocument(document: DocumentNode): DocumentNode {\n        // @ts-expect-error\n        const operationName = document.definitions[0].name.value;\n\n        for (const pl of this.transformPlugins) {\n            pl.addSelectionToQuery(operationName, document);\n        }\n\n        return super.transformDocument(document);\n    }\n}\n"],"names":["InMemoryCache","BaseInMemoryCache","config","plugins","ApolloLinkPlugin","pl","AddQuerySelectionPlugin","document","operationName"],"mappings":";;;;AAOO,MAAMA,oCAAsBC;IAG/B,YAAYC,MAA4B,CAAE;QACtC,KAAK,CAACA;QAEN,IAAI,CAAC,gBAAgB,GAAGC,QAAAA,MACb,CAA0BC,iBAAiB,IAAI,EACrD,MAAM,CAACC,CAAAA,KAAMA,cAAcC;IACpC;IAEgB,kBAAkBC,QAAsB,EAAgB;QAEpE,MAAMC,gBAAgBD,SAAS,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK;QAExD,KAAK,MAAMF,MAAM,IAAI,CAAC,gBAAgB,CAClCA,GAAG,mBAAmB,CAACG,eAAeD;QAG1C,OAAO,KAAK,CAAC,kBAAkBA;IACnC;AACJ"}

package/apollo-client/IntrospectionFragmentMatcher.js

@@ -1,45 +1,33 @@
 import { invariant } from "ts-invariant";
-export class IntrospectionFragmentMatcher {
-  possibleTypesMap = {};
-  constructor(options) {
-    if (options && options.introspectionQueryResultData) {
-      this.possibleTypesMap = this.parseIntrospectionResult(options.introspectionQueryResultData);
-      this.isReady = true;
-    } else {
-      this.isReady = false;
+class IntrospectionFragmentMatcher {
+    constructor(options){
+        this.possibleTypesMap = {};
+        if (options && options.introspectionQueryResultData) {
+            this.possibleTypesMap = this.parseIntrospectionResult(options.introspectionQueryResultData);
+            this.isReady = true;
+        } else this.isReady = false;
+        this.match = this.match.bind(this);
     }
-    this.match = this.match.bind(this);
-  }
-  match(idValue, typeCondition, context) {
-    invariant(this.isReady, "FragmentMatcher.match() was called before FragmentMatcher.init()");
-    const obj = context.store.get(idValue.id);
-    const isRootQuery = idValue.id === "ROOT_QUERY";
-    if (!obj) {
-      // https://github.com/apollographql/apollo-client/pull/4620
-      return isRootQuery;
+    match(idValue, typeCondition, context) {
+        invariant(this.isReady, "FragmentMatcher.match() was called before FragmentMatcher.init()");
+        const obj = context.store.get(idValue.id);
+        const isRootQuery = "ROOT_QUERY" === idValue.id;
+        if (!obj) return isRootQuery;
+        const { __typename = isRootQuery && "Query" } = obj;
+        invariant(__typename, `Cannot match fragment because __typename property is missing: ${JSON.stringify(obj)}`);
+        if (__typename === typeCondition) return true;
+        const implementingTypes = this.possibleTypesMap[typeCondition];
+        if (__typename && implementingTypes && implementingTypes.indexOf(__typename) > -1) return true;
+        return false;
     }
-    const {
-      __typename = isRootQuery && "Query"
-    } = obj;
-    invariant(__typename, `Cannot match fragment because __typename property is missing: ${JSON.stringify(obj)}`);
-    if (__typename === typeCondition) {
-      return true;
+    parseIntrospectionResult(introspectionResultData) {
+        const typeMap = {};
+        introspectionResultData.__schema.types.forEach((type)=>{
+            if ("UNION" === type.kind || "INTERFACE" === type.kind) typeMap[type.name] = type.possibleTypes.map((implementingType)=>implementingType.name);
+        });
+        return typeMap;
     }
-    const implementingTypes = this.possibleTypesMap[typeCondition];
-    if (__typename && implementingTypes && implementingTypes.indexOf(__typename) > -1) {
-      return true;
-    }
-    return false;
-  }
-  parseIntrospectionResult(introspectionResultData) {
-    const typeMap = {};
-    introspectionResultData.__schema.types.forEach(type => {
-      if (type.kind === "UNION" || type.kind === "INTERFACE") {
-        typeMap[type.name] = type.possibleTypes.map(implementingType => implementingType.name);
-      }
-    });
-    return typeMap;
-  }
 }
+export { IntrospectionFragmentMatcher };
 
 //# sourceMappingURL=IntrospectionFragmentMatcher.js.map

package/apollo-client/IntrospectionFragmentMatcher.js.map

@@ -1 +1 @@
-{"version":3,"names":["invariant","IntrospectionFragmentMatcher","possibleTypesMap","constructor","options","introspectionQueryResultData","parseIntrospectionResult","isReady","match","bind","idValue","typeCondition","context","obj","store","get","id","isRootQuery","__typename","JSON","stringify","implementingTypes","indexOf","introspectionResultData","typeMap","__schema","types","forEach","type","kind","name","possibleTypes","map","implementingType"],"sources":["IntrospectionFragmentMatcher.ts"],"sourcesContent":["import type { IdValue } from \"apollo-utilities\";\nimport { invariant } from \"ts-invariant\";\n\nimport type {\n    ReadStoreContext,\n    FragmentMatcherInterface,\n    PossibleTypesMap,\n    IntrospectionResultData\n} from \"apollo-cache-inmemory\";\n\nexport class IntrospectionFragmentMatcher implements FragmentMatcherInterface {\n    private readonly isReady: boolean;\n    private readonly possibleTypesMap: PossibleTypesMap = {};\n\n    constructor(options?: { introspectionQueryResultData?: IntrospectionResultData }) {\n        if (options && options.introspectionQueryResultData) {\n            this.possibleTypesMap = this.parseIntrospectionResult(\n                options.introspectionQueryResultData\n            );\n            this.isReady = true;\n        } else {\n            this.isReady = false;\n        }\n\n        this.match = this.match.bind(this);\n    }\n\n    public match(idValue: IdValue, typeCondition: string, context: ReadStoreContext) {\n        invariant(this.isReady, \"FragmentMatcher.match() was called before FragmentMatcher.init()\");\n\n        const obj = context.store.get(idValue.id);\n        const isRootQuery = idValue.id === \"ROOT_QUERY\";\n\n        if (!obj) {\n            // https://github.com/apollographql/apollo-client/pull/4620\n            return isRootQuery;\n        }\n\n        const { __typename = isRootQuery && \"Query\" } = obj;\n\n        invariant(\n            __typename,\n            `Cannot match fragment because __typename property is missing: ${JSON.stringify(obj)}`\n        );\n\n        if (__typename === typeCondition) {\n            return true;\n        }\n\n        const implementingTypes = this.possibleTypesMap[typeCondition];\n        if (__typename && implementingTypes && implementingTypes.indexOf(__typename) > -1) {\n            return true;\n        }\n\n        return false;\n    }\n\n    private parseIntrospectionResult(\n        introspectionResultData: IntrospectionResultData\n    ): PossibleTypesMap {\n        const typeMap: PossibleTypesMap = {};\n        introspectionResultData.__schema.types.forEach(type => {\n            if (type.kind === \"UNION\" || type.kind === \"INTERFACE\") {\n                typeMap[type.name] = type.possibleTypes.map(\n                    implementingType => implementingType.name\n                );\n            }\n        });\n        return typeMap;\n    }\n}\n"],"mappings":"AACA,SAASA,SAAS,QAAQ,cAAc;AASxC,OAAO,MAAMC,4BAA4B,CAAqC;EAEzDC,gBAAgB,GAAqB,CAAC,CAAC;EAExDC,WAAWA,CAACC,OAAoE,EAAE;IAC9E,IAAIA,OAAO,IAAIA,OAAO,CAACC,4BAA4B,EAAE;MACjD,IAAI,CAACH,gBAAgB,GAAG,IAAI,CAACI,wBAAwB,CACjDF,OAAO,CAACC,4BACZ,CAAC;MACD,IAAI,CAACE,OAAO,GAAG,IAAI;IACvB,CAAC,MAAM;MACH,IAAI,CAACA,OAAO,GAAG,KAAK;IACxB;IAEA,IAAI,CAACC,KAAK,GAAG,IAAI,CAACA,KAAK,CAACC,IAAI,CAAC,IAAI,CAAC;EACtC;EAEOD,KAAKA,CAACE,OAAgB,EAAEC,aAAqB,EAAEC,OAAyB,EAAE;IAC7EZ,SAAS,CAAC,IAAI,CAACO,OAAO,EAAE,kEAAkE,CAAC;IAE3F,MAAMM,GAAG,GAAGD,OAAO,CAACE,KAAK,CAACC,GAAG,CAACL,OAAO,CAACM,EAAE,CAAC;IACzC,MAAMC,WAAW,GAAGP,OAAO,CAACM,EAAE,KAAK,YAAY;IAE/C,IAAI,CAACH,GAAG,EAAE;MACN;MACA,OAAOI,WAAW;IACtB;IAEA,MAAM;MAAEC,UAAU,GAAGD,WAAW,IAAI;IAAQ,CAAC,GAAGJ,GAAG;IAEnDb,SAAS,CACLkB,UAAU,EACV,iEAAiEC,IAAI,CAACC,SAAS,CAACP,GAAG,CAAC,EACxF,CAAC;IAED,IAAIK,UAAU,KAAKP,aAAa,EAAE;MAC9B,OAAO,IAAI;IACf;IAEA,MAAMU,iBAAiB,GAAG,IAAI,CAACnB,gBAAgB,CAACS,aAAa,CAAC;IAC9D,IAAIO,UAAU,IAAIG,iBAAiB,IAAIA,iBAAiB,CAACC,OAAO,CAACJ,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE;MAC/E,OAAO,IAAI;IACf;IAEA,OAAO,KAAK;EAChB;EAEQZ,wBAAwBA,CAC5BiB,uBAAgD,EAChC;IAChB,MAAMC,OAAyB,GAAG,CAAC,CAAC;IACpCD,uBAAuB,CAACE,QAAQ,CAACC,KAAK,CAACC,OAAO,CAACC,IAAI,IAAI;MACnD,IAAIA,IAAI,CAACC,IAAI,KAAK,OAAO,IAAID,IAAI,CAACC,IAAI,KAAK,WAAW,EAAE;QACpDL,OAAO,CAACI,IAAI,CAACE,IAAI,CAAC,GAAGF,IAAI,CAACG,aAAa,CAACC,GAAG,CACvCC,gBAAgB,IAAIA,gBAAgB,CAACH,IACzC,CAAC;MACL;IACJ,CAAC,CAAC;IACF,OAAON,OAAO;EAClB;AACJ","ignoreList":[]}
+{"version":3,"file":"apollo-client/IntrospectionFragmentMatcher.js","sources":["../../src/apollo-client/IntrospectionFragmentMatcher.ts"],"sourcesContent":["import type { IdValue } from \"apollo-utilities\";\nimport { invariant } from \"ts-invariant\";\n\nimport type {\n    ReadStoreContext,\n    FragmentMatcherInterface,\n    PossibleTypesMap,\n    IntrospectionResultData\n} from \"apollo-cache-inmemory\";\n\nexport class IntrospectionFragmentMatcher implements FragmentMatcherInterface {\n    private readonly isReady: boolean;\n    private readonly possibleTypesMap: PossibleTypesMap = {};\n\n    constructor(options?: { introspectionQueryResultData?: IntrospectionResultData }) {\n        if (options && options.introspectionQueryResultData) {\n            this.possibleTypesMap = this.parseIntrospectionResult(\n                options.introspectionQueryResultData\n            );\n            this.isReady = true;\n        } else {\n            this.isReady = false;\n        }\n\n        this.match = this.match.bind(this);\n    }\n\n    public match(idValue: IdValue, typeCondition: string, context: ReadStoreContext) {\n        invariant(this.isReady, \"FragmentMatcher.match() was called before FragmentMatcher.init()\");\n\n        const obj = context.store.get(idValue.id);\n        const isRootQuery = idValue.id === \"ROOT_QUERY\";\n\n        if (!obj) {\n            // https://github.com/apollographql/apollo-client/pull/4620\n            return isRootQuery;\n        }\n\n        const { __typename = isRootQuery && \"Query\" } = obj;\n\n        invariant(\n            __typename,\n            `Cannot match fragment because __typename property is missing: ${JSON.stringify(obj)}`\n        );\n\n        if (__typename === typeCondition) {\n            return true;\n        }\n\n        const implementingTypes = this.possibleTypesMap[typeCondition];\n        if (__typename && implementingTypes && implementingTypes.indexOf(__typename) > -1) {\n            return true;\n        }\n\n        return false;\n    }\n\n    private parseIntrospectionResult(\n        introspectionResultData: IntrospectionResultData\n    ): PossibleTypesMap {\n        const typeMap: PossibleTypesMap = {};\n        introspectionResultData.__schema.types.forEach(type => {\n            if (type.kind === \"UNION\" || type.kind === \"INTERFACE\") {\n                typeMap[type.name] = type.possibleTypes.map(\n                    implementingType => implementingType.name\n                );\n            }\n        });\n        return typeMap;\n    }\n}\n"],"names":["IntrospectionFragmentMatcher","options","idValue","typeCondition","context","invariant","obj","isRootQuery","__typename","JSON","implementingTypes","introspectionResultData","typeMap","type","implementingType"],"mappings":";AAUO,MAAMA;IAIT,YAAYC,OAAoE,CAAE;aAFjE,gBAAgB,GAAqB,CAAC;QAGnD,IAAIA,WAAWA,QAAQ,4BAA4B,EAAE;YACjD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,wBAAwB,CACjDA,QAAQ,4BAA4B;YAExC,IAAI,CAAC,OAAO,GAAG;QACnB,OACI,IAAI,CAAC,OAAO,GAAG;QAGnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;IACrC;IAEO,MAAMC,OAAgB,EAAEC,aAAqB,EAAEC,OAAyB,EAAE;QAC7EC,UAAU,IAAI,CAAC,OAAO,EAAE;QAExB,MAAMC,MAAMF,QAAQ,KAAK,CAAC,GAAG,CAACF,QAAQ,EAAE;QACxC,MAAMK,cAAcL,AAAe,iBAAfA,QAAQ,EAAE;QAE9B,IAAI,CAACI,KAED,OAAOC;QAGX,MAAM,EAAEC,aAAaD,eAAe,OAAO,EAAE,GAAGD;QAEhDD,UACIG,YACA,CAAC,8DAA8D,EAAEC,KAAK,SAAS,CAACH,MAAM;QAG1F,IAAIE,eAAeL,eACf,OAAO;QAGX,MAAMO,oBAAoB,IAAI,CAAC,gBAAgB,CAACP,cAAc;QAC9D,IAAIK,cAAcE,qBAAqBA,kBAAkB,OAAO,CAACF,cAAc,IAC3E,OAAO;QAGX,OAAO;IACX;IAEQ,yBACJG,uBAAgD,EAChC;QAChB,MAAMC,UAA4B,CAAC;QACnCD,wBAAwB,QAAQ,CAAC,KAAK,CAAC,OAAO,CAACE,CAAAA;YAC3C,IAAIA,AAAc,YAAdA,KAAK,IAAI,IAAgBA,AAAc,gBAAdA,KAAK,IAAI,EAClCD,OAAO,CAACC,KAAK,IAAI,CAAC,GAAGA,KAAK,aAAa,CAAC,GAAG,CACvCC,CAAAA,mBAAoBA,iBAAiB,IAAI;QAGrD;QACA,OAAOF;IACX;AACJ"}

package/components/Image.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import type { ImageProps } from "../types";
+import type { ImageProps } from "../types.js";
 export declare const Image: ({ preset: presetName, ...props }: ImageProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/components/Image.js

@@ -1,23 +1,17 @@
 import invariant from "invariant";
 import { plugins } from "@webiny/plugins";
-import get from "lodash/get";
-export const Image = ({
-  preset: presetName,
-  ...props
-}) => {
-  const plugin = plugins.byName("image-component");
-  if (!plugin) {
-    throw new Error(`Image component plugin (type "image-component") not defined.`);
-  }
-  if (presetName) {
-    const preset = get(plugin, `presets.${presetName}`);
-    invariant(preset, `Transform preset "${presetName}" not found.`);
-    props.transform = preset;
-  }
-  if (props.transform) {
-    props.src = plugin.getImageSrc(props);
-  }
-  return plugin.render(props);
+import get from "lodash/get.js";
+const Image = ({ preset: presetName, ...props })=>{
+    const plugin = plugins.byName("image-component");
+    if (!plugin) throw new Error('Image component plugin (type "image-component") not defined.');
+    if (presetName) {
+        const preset = get(plugin, `presets.${presetName}`);
+        invariant(preset, `Transform preset "${presetName}" not found.`);
+        props.transform = preset;
+    }
+    if (props.transform) props.src = plugin.getImageSrc(props);
+    return plugin.render(props);
 };
+export { Image };
 
 //# sourceMappingURL=Image.js.map

package/components/Image.js.map

@@ -1 +1 @@
-{"version":3,"names":["invariant","plugins","get","Image","preset","presetName","props","plugin","byName","Error","transform","src","getImageSrc","render"],"sources":["Image.tsx"],"sourcesContent":["import invariant from \"invariant\";\nimport { plugins } from \"@webiny/plugins\";\nimport get from \"lodash/get\";\nimport type { ImageComponentPlugin, ImageProps } from \"~/types\";\n\nexport const Image = ({ preset: presetName, ...props }: ImageProps) => {\n    const plugin = plugins.byName<ImageComponentPlugin>(\"image-component\");\n    if (!plugin) {\n        throw new Error(`Image component plugin (type \"image-component\") not defined.`);\n    }\n\n    if (presetName) {\n        const preset = get(plugin, `presets.${presetName}`);\n        invariant(preset, `Transform preset \"${presetName}\" not found.`);\n        props.transform = preset;\n    }\n\n    if (props.transform) {\n        props.src = plugin.getImageSrc(props);\n    }\n\n    return plugin.render(props);\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,WAAW;AACjC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,OAAOC,GAAG,MAAM,YAAY;AAG5B,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,MAAM,EAAEC,UAAU;EAAE,GAAGC;AAAkB,CAAC,KAAK;EACnE,MAAMC,MAAM,GAAGN,OAAO,CAACO,MAAM,CAAuB,iBAAiB,CAAC;EACtE,IAAI,CAACD,MAAM,EAAE;IACT,MAAM,IAAIE,KAAK,CAAC,8DAA8D,CAAC;EACnF;EAEA,IAAIJ,UAAU,EAAE;IACZ,MAAMD,MAAM,GAAGF,GAAG,CAACK,MAAM,EAAE,WAAWF,UAAU,EAAE,CAAC;IACnDL,SAAS,CAACI,MAAM,EAAE,qBAAqBC,UAAU,cAAc,CAAC;IAChEC,KAAK,CAACI,SAAS,GAAGN,MAAM;EAC5B;EAEA,IAAIE,KAAK,CAACI,SAAS,EAAE;IACjBJ,KAAK,CAACK,GAAG,GAAGJ,MAAM,CAACK,WAAW,CAACN,KAAK,CAAC;EACzC;EAEA,OAAOC,MAAM,CAACM,MAAM,CAACP,KAAK,CAAC;AAC/B,CAAC","ignoreList":[]}
+{"version":3,"file":"components/Image.js","sources":["../../src/components/Image.tsx"],"sourcesContent":["import invariant from \"invariant\";\nimport { plugins } from \"@webiny/plugins\";\nimport get from \"lodash/get.js\";\nimport type { ImageComponentPlugin, ImageProps } from \"~/types.js\";\n\nexport const Image = ({ preset: presetName, ...props }: ImageProps) => {\n    const plugin = plugins.byName<ImageComponentPlugin>(\"image-component\");\n    if (!plugin) {\n        throw new Error(`Image component plugin (type \"image-component\") not defined.`);\n    }\n\n    if (presetName) {\n        const preset = get(plugin, `presets.${presetName}`);\n        invariant(preset, `Transform preset \"${presetName}\" not found.`);\n        props.transform = preset;\n    }\n\n    if (props.transform) {\n        props.src = plugin.getImageSrc(props);\n    }\n\n    return plugin.render(props);\n};\n"],"names":["Image","presetName","props","plugin","plugins","Error","preset","get","invariant"],"mappings":";;;AAKO,MAAMA,QAAQ,CAAC,EAAE,QAAQC,UAAU,EAAE,GAAGC,OAAmB;IAC9D,MAAMC,SAASC,QAAQ,MAAM,CAAuB;IACpD,IAAI,CAACD,QACD,MAAM,IAAIE,MAAM;IAGpB,IAAIJ,YAAY;QACZ,MAAMK,SAASC,IAAIJ,QAAQ,CAAC,QAAQ,EAAEF,YAAY;QAClDO,UAAUF,QAAQ,CAAC,kBAAkB,EAAEL,WAAW,YAAY,CAAC;QAC/DC,MAAM,SAAS,GAAGI;IACtB;IAEA,IAAIJ,MAAM,SAAS,EACfA,MAAM,GAAG,GAAGC,OAAO,WAAW,CAACD;IAGnC,OAAOC,OAAO,MAAM,CAACD;AACzB"}

package/components/index.d.ts

@@ -1,2 +1 @@
-export { Image } from "./Image";
-export { Routes } from "./Routes";
+export { Image } from "./Image.js";

package/components/index.js

@@ -1,4 +1 @@
-export { Image } from "./Image";
-export { Routes } from "./Routes";
-
-//# sourceMappingURL=index.js.map
+export { Image } from "./Image.js";

package/config/RouterConfig/Route.d.ts

@@ -1,29 +1,28 @@
 import React from "react";
+import type { Route as BaseRoute } from "../../router.js";
 export interface RouteProps {
-    name: string;
-    path: string;
-    exact?: boolean;
+    route: BaseRoute<any>;
     element: React.ReactElement;
     remove?: boolean;
     before?: string;
     after?: string;
 }
-export type RouteConfig = Pick<RouteProps, "name" | "path" | "element">;
-export declare const Route: (({ name, path, element, exact, remove, before, after }: RouteProps) => React.JSX.Element) & {
-    original: ({ name, path, element, exact, remove, before, after }: RouteProps) => React.JSX.Element;
+export type RouteConfig = Pick<RouteProps, "route" | "element">;
+export declare const Route: (({ route, element, remove, before, after }: RouteProps) => React.JSX.Element) & {
+    original: ({ route, element, remove, before, after }: RouteProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ name, path, element, exact, remove, before, after }: RouteProps) => React.JSX.Element) & {
-        original: ({ name, path, element, exact, remove, before, after }: RouteProps) => React.JSX.Element;
+    original: (({ route, element, remove, before, after }: RouteProps) => React.JSX.Element) & {
+        original: ({ route, element, remove, before, after }: RouteProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ name, path, element, exact, remove, before, after }: RouteProps) => React.JSX.Element) & {
-        original: ({ name, path, element, exact, remove, before, after }: RouteProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ route, element, remove, before, after }: RouteProps) => React.JSX.Element) & {
+        original: ({ route, element, remove, before, after }: RouteProps) => React.JSX.Element;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;