@webiny/app 0.0.0-unstable.79032b23a5 → 0.0.0-unstable.7be00a75a9

package/App.d.ts

@@ -1,29 +1,25 @@
-import React, { ReactElement } from "react";
-import { RouteProps } from "@webiny/react-router";
-import { HigherOrderComponent } from "@webiny/react-composition";
-declare type RoutesByPath = {
-    [key: string]: ReactElement<RouteProps>;
-};
+import React from "react";
+import { Decorator, DecoratorsCollection, GenericComponent } from "@webiny/react-composition";
 interface State {
-    routes: RoutesByPath;
-    plugins: JSX.Element[];
-    providers: HigherOrderComponent[];
+    plugins: React.JSX.Element[];
+    providers: Decorator<GenericComponent<ProviderProps>>[];
 }
 interface AppContext extends State {
-    addRoute(route: JSX.Element): void;
-    addProvider(hoc: HigherOrderComponent): void;
+    addProvider(hoc: Decorator<GenericComponent<ProviderProps>>): void;
     addPlugin(plugin: React.ReactNode): void;
 }
 declare const AppContext: React.Context<AppContext | undefined>;
 export declare const useApp: () => AppContext;
 export interface AppProps {
-    debounceRender?: number;
-    routes?: Array<RouteProps>;
-    providers?: Array<HigherOrderComponent>;
+    routes?: Array<any>;
+    plugins?: any[];
+    providers?: Array<Decorator<GenericComponent<ProviderProps>>>;
+    decorators?: DecoratorsCollection;
     children?: React.ReactNode | React.ReactNode[];
 }
-export declare const App: {
-    ({ debounceRender, routes, providers, children }: AppProps): JSX.Element;
-    displayName: string;
-};
+interface ProviderProps {
+    children: React.ReactNode;
+}
+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,105 +1,82 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useApp = exports.App = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRouter = require("@webiny/react-router");
-var _reactComposition = require("@webiny/react-composition");
-var _Routes = require("./core/Routes");
-var _DebounceRender = require("./core/DebounceRender");
-var _Plugins = require("./core/Plugins");
-var AppContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+import react, { Fragment, createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { CompositionProvider, compose } from "@webiny/react-composition";
+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";
-var useApp = function useApp() {
-  var appContext = (0, _react.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;
 };
-exports.useApp = useApp;
-var App = function App(_ref) {
-  var _ref$debounceRender = _ref.debounceRender,
-    debounceRender = _ref$debounceRender === void 0 ? 50 : _ref$debounceRender,
-    _ref$routes = _ref.routes,
-    routes = _ref$routes === void 0 ? [] : _ref$routes,
-    _ref$providers = _ref.providers,
-    providers = _ref$providers === void 0 ? [] : _ref$providers,
-    children = _ref.children;
-  var _useState = (0, _react.useState)({
-      routes: routes.reduce(function (acc, item) {
-        return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, acc), {}, (0, _defineProperty2.default)({}, item.path, /*#__PURE__*/_react.default.createElement(_reactRouter.Route, item)));
-      }, {}),
-      plugins: [],
-      providers: providers
-    }),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var addRoute = (0, _react.useCallback)(function (route) {
-    setState(function (state) {
-      return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state), {}, {
-        routes: (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state.routes), {}, (0, _defineProperty2.default)({}, route.props.path, route))
-      });
-    });
-  }, []);
-  var addProvider = (0, _react.useCallback)(function (component) {
-    setState(function (state) {
-      if (state.providers.findIndex(function (m) {
-        return m === component;
-      }) > -1) {
-        return state;
-      }
-      return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state), {}, {
-        providers: [].concat((0, _toConsumableArray2.default)(state.providers), [component])
-      });
-    });
-  }, []);
-  var addPlugin = (0, _react.useCallback)(function (element) {
-    setState(function (state) {
-      return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state), {}, {
-        plugins: [].concat((0, _toConsumableArray2.default)(state.plugins), [element])
-      });
-    });
-  }, []);
-  var appContext = (0, _react.useMemo)(function () {
-    return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state), {}, {
-      addRoute: addRoute,
-      addProvider: addProvider,
-      addPlugin: addPlugin
+const AppBase = /*#__PURE__*/ react.memo(({ routes = [], plugins = [], providers = [], children })=>{
+    const [state, setState] = useState({
+        plugins,
+        providers
     });
-  }, [state]);
-  var AppRouter = (0, _react.useMemo)(function () {
-    return function AppRouter() {
-      var routes = Object.values(state.routes);
-      return /*#__PURE__*/_react.default.createElement(_Routes.Routes, {
-        key: routes.length,
-        routes: routes
-      });
-    };
-  }, [state.routes]);
-  var Providers = (0, _react.useMemo)(function () {
-    return _reactComposition.compose.apply(void 0, (0, _toConsumableArray2.default)(state.providers || []))(function (_ref2) {
-      var children = _ref2.children;
-      return /*#__PURE__*/_react.default.createElement(_DebounceRender.DebounceRender, {
-        wait: debounceRender
-      }, children);
-    });
-  }, [state.providers.length]);
-  Providers.displayName = "Providers";
-  return /*#__PURE__*/_react.default.createElement(AppContext.Provider, {
-    value: appContext
-  }, /*#__PURE__*/_react.default.createElement(_reactComposition.CompositionProvider, null, children, /*#__PURE__*/_react.default.createElement(_reactRouter.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(Providers, null, /*#__PURE__*/_react.default.createElement(_Plugins.PluginsProvider, null, state.plugins), /*#__PURE__*/_react.default.createElement(_DebounceRender.DebounceRender, {
-    wait: debounceRender
-  }, /*#__PURE__*/_react.default.createElement(AppRouter, null))))));
-};
-exports.App = App;
-App.displayName = "App";
+    const addProvider = useCallback((component)=>{
+        setState((state)=>{
+            if (state.providers.findIndex((m)=>m === component) > -1) return state;
+            return {
+                ...state,
+                providers: [
+                    ...state.providers,
+                    component
+                ]
+            };
+        });
+    }, []);
+    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":["AppContext","createContext","undefined","displayName","useApp","appContext","useContext","Error","App","debounceRender","routes","providers","children","useState","reduce","acc","item","path","plugins","state","setState","addRoute","useCallback","route","props","addProvider","component","findIndex","m","addPlugin","element","useMemo","AppRouter","Object","values","length","Providers","compose"],"sources":["App.tsx"],"sourcesContent":["import React, {\n    createContext,\n    useContext,\n    useMemo,\n    useState,\n    useCallback,\n    FunctionComponentElement,\n    ReactElement\n} from \"react\";\nimport { BrowserRouter, RouteProps, Route } from \"@webiny/react-router\";\nimport { compose, HigherOrderComponent, CompositionProvider } from \"@webiny/react-composition\";\nimport { Routes as SortRoutes } from \"./core/Routes\";\nimport { DebounceRender } from \"./core/DebounceRender\";\nimport { PluginsProvider } from \"./core/Plugins\";\n\ntype RoutesByPath = {\n    [key: string]: ReactElement<RouteProps>;\n};\n\ninterface State {\n    routes: RoutesByPath;\n    plugins: JSX.Element[];\n    providers: HigherOrderComponent[];\n}\n\ninterface AppContext extends State {\n    addRoute(route: JSX.Element): void;\n    addProvider(hoc: HigherOrderComponent): 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    debounceRender?: number;\n    routes?: Array<RouteProps>;\n    providers?: Array<HigherOrderComponent>;\n    children?: React.ReactNode | React.ReactNode[];\n}\n\nexport const App = ({ debounceRender = 50, routes = [], providers = [], children }: AppProps) => {\n    const [state, setState] = useState<State>({\n        routes: routes.reduce<RoutesByPath>((acc, item) => {\n            return { ...acc, [item.path as string]: <Route {...item} /> };\n        }, {}),\n        plugins: [],\n        providers\n    });\n\n    const addRoute = useCallback((route: FunctionComponentElement<RouteProps>) => {\n        setState(state => {\n            return {\n                ...state,\n                routes: { ...state.routes, [route.props.path as string]: route }\n            };\n        });\n    }, []);\n\n    const addProvider = useCallback(component => {\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 => {\n        setState(state => {\n            return {\n                ...state,\n                plugins: [...state.plugins, element]\n            };\n        });\n    }, []);\n\n    const appContext = useMemo(\n        () => ({\n            ...state,\n            addRoute,\n            addProvider,\n            addPlugin\n        }),\n        [state]\n    );\n\n    const AppRouter = useMemo(() => {\n        return function AppRouter() {\n            const routes = Object.values(state.routes);\n            return <SortRoutes key={routes.length} routes={routes} />;\n        };\n    }, [state.routes]);\n\n    const Providers = useMemo(() => {\n        return compose(...(state.providers || []))(({ children }: any) => (\n            <DebounceRender wait={debounceRender}>{children}</DebounceRender>\n        ));\n    }, [state.providers.length]);\n\n    Providers.displayName = \"Providers\";\n\n    return (\n        <AppContext.Provider value={appContext}>\n            <CompositionProvider>\n                {children}\n                <BrowserRouter>\n                    <Providers>\n                        <PluginsProvider>{state.plugins}</PluginsProvider>\n                        <DebounceRender wait={debounceRender}>\n                            <AppRouter />\n                        </DebounceRender>\n                    </Providers>\n                </BrowserRouter>\n            </CompositionProvider>\n        </AppContext.Provider>\n    );\n};\n\nApp.displayName = \"App\";\n"],"mappings":"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"}
+{"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.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export interface AppContentProps {
+    children: React.ReactNode;
+}
+export declare const AppContainer: (({ children }: AppContentProps) => React.JSX.Element) & {
+    original: ({ children }: AppContentProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ children }: AppContentProps) => React.JSX.Element) & {
+        original: ({ children }: AppContentProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children }: AppContentProps) => React.JSX.Element) & {
+        original: ({ children }: AppContentProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/AppContainer.js

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

package/AppContainer.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,5 +1,6 @@
-import { InMemoryCache as BaseInMemoryCache, InMemoryCacheConfig } from "apollo-cache-inmemory";
-import { DocumentNode } from "graphql";
+import type { InMemoryCacheConfig } from "apollo-cache-inmemory";
+import { InMemoryCache as BaseInMemoryCache } from "apollo-cache-inmemory";
+import type { DocumentNode } from "graphql";
 export declare class InMemoryCache extends BaseInMemoryCache {
     private readonly transformPlugins;
     constructor(config?: InMemoryCacheConfig);

package/apollo-client/InMemoryCache.js

@@ -1,56 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InMemoryCache = void 0;
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _apolloCacheInmemory = require("apollo-cache-inmemory");
-var _plugins = require("@webiny/plugins");
-var _AddQuerySelectionPlugin = require("../plugins/AddQuerySelectionPlugin");
-var _ApolloLinkPlugin = require("../plugins/ApolloLinkPlugin");
-var InMemoryCache = /*#__PURE__*/function (_BaseInMemoryCache) {
-  (0, _inherits2.default)(InMemoryCache, _BaseInMemoryCache);
-  var _super = (0, _createSuper2.default)(InMemoryCache);
-  function InMemoryCache(config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, InMemoryCache);
-    _this = _super.call(this, config);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "transformPlugins", void 0);
-    _this.transformPlugins = _plugins.plugins.byType(_ApolloLinkPlugin.ApolloLinkPlugin.type).filter(function (pl) {
-      return pl instanceof _AddQuerySelectionPlugin.AddQuerySelectionPlugin;
-    });
-    return _this;
-  }
-  (0, _createClass2.default)(InMemoryCache, [{
-    key: "transformDocument",
-    value: function transformDocument(document) {
-      // @ts-ignore
-      var operationName = document.definitions[0].name.value;
-      var _iterator = (0, _createForOfIteratorHelper2.default)(this.transformPlugins),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var pl = _step.value;
-          pl.addSelectionToQuery(operationName, document);
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-      return (0, _get2.default)((0, _getPrototypeOf2.default)(InMemoryCache.prototype), "transformDocument", this).call(this, document);
+import { InMemoryCache } from "apollo-cache-inmemory";
+import { plugins } from "@webiny/plugins";
+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 InMemoryCache;
-}(_apolloCacheInmemory.InMemoryCache);
-exports.InMemoryCache = InMemoryCache;
+}
+export { InMemoryCache_InMemoryCache as InMemoryCache };
+
+//# sourceMappingURL=InMemoryCache.js.map

package/apollo-client/InMemoryCache.js.map

@@ -1 +1 @@
-{"version":3,"names":["InMemoryCache","config","transformPlugins","plugins","byType","ApolloLinkPlugin","type","filter","pl","AddQuerySelectionPlugin","document","operationName","definitions","name","value","addSelectionToQuery","BaseInMemoryCache"],"sources":["InMemoryCache.ts"],"sourcesContent":["import { InMemoryCache as BaseInMemoryCache, InMemoryCacheConfig } from \"apollo-cache-inmemory\";\nimport { 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-ignore\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":";;;;;;;;;;;;;;;;AAAA;AAEA;AACA;AACA;AAA+D,IAElDA,aAAa;EAAA;EAAA;EAGtB,uBAAYC,MAA4B,EAAE;IAAA;IAAA;IACtC,0BAAMA,MAAM;IAAE;IAEd,MAAKC,gBAAgB,GAAGC,gBAAO,CAC1BC,MAAM,CAA0BC,kCAAgB,CAACC,IAAI,CAAC,CACtDC,MAAM,CAAC,UAAAC,EAAE;MAAA,OAAIA,EAAE,YAAYC,gDAAuB;IAAA,EAAC;IAAC;EAC7D;EAAC;IAAA;IAAA,OAED,2BAAkCC,QAAsB,EAAgB;MACpE;MACA,IAAMC,aAAa,GAAGD,QAAQ,CAACE,WAAW,CAAC,CAAC,CAAC,CAACC,IAAI,CAACC,KAAK;MAAC,yDAExC,IAAI,CAACZ,gBAAgB;QAAA;MAAA;QAAtC,oDAAwC;UAAA,IAA7BM,EAAE;UACTA,EAAE,CAACO,mBAAmB,CAACJ,aAAa,EAAED,QAAQ,CAAC;QACnD;MAAC;QAAA;MAAA;QAAA;MAAA;MAED,wHAA+BA,QAAQ;IAC3C;EAAC;EAAA;AAAA,EApB8BM,kCAAiB;AAAA"}
+{"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.d.ts

@@ -0,0 +1,11 @@
+import type { IdValue } from "apollo-utilities";
+import type { ReadStoreContext, FragmentMatcherInterface, IntrospectionResultData } from "apollo-cache-inmemory";
+export declare class IntrospectionFragmentMatcher implements FragmentMatcherInterface {
+    private readonly isReady;
+    private readonly possibleTypesMap;
+    constructor(options?: {
+        introspectionQueryResultData?: IntrospectionResultData;
+    });
+    match(idValue: IdValue, typeCondition: string, context: ReadStoreContext): boolean;
+    private parseIntrospectionResult;
+}

package/apollo-client/IntrospectionFragmentMatcher.js

@@ -0,0 +1,33 @@
+import { invariant } from "ts-invariant";
+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);
+    }
+    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;
+    }
+    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;
+    }
+}
+export { IntrospectionFragmentMatcher };
+
+//# sourceMappingURL=IntrospectionFragmentMatcher.js.map

package/apollo-client/IntrospectionFragmentMatcher.js.map

@@ -0,0 +1 @@
+{"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 @@
-import * as React from "react";
-import { ImageProps } from "../types";
-export declare const Image: React.FC<ImageProps>;
+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,30 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Image = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _get2 = _interopRequireDefault(require("lodash/get"));
-var _invariant = _interopRequireDefault(require("invariant"));
-var _plugins = require("@webiny/plugins");
-var _excluded = ["preset"];
-var Image = function Image(_ref) {
-  var presetName = _ref.preset,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var plugin = _plugins.plugins.byName("image-component");
-  if (!plugin) {
-    throw new Error("Image component plugin (type \"image-component\") not defined.");
-  }
-  if (presetName) {
-    var preset = (0, _get2.default)(plugin, "presets.".concat(presetName));
-    (0, _invariant.default)(preset, "Transform preset \"".concat(presetName, "\" not found."));
-    props.transform = preset;
-  }
-  if (props.transform) {
-    props.src = plugin.getImageSrc(props);
-  }
-  return plugin.render(props);
+import invariant from "invariant";
+import { plugins } from "@webiny/plugins";
+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);
 };
-exports.Image = Image;
+export { Image };
+
+//# sourceMappingURL=Image.js.map

package/components/Image.js.map

@@ -1 +1 @@
-{"version":3,"names":["Image","presetName","preset","props","plugin","plugins","byName","Error","invariant","transform","src","getImageSrc","render"],"sources":["Image.tsx"],"sourcesContent":["import * as React from \"react\";\nimport invariant from \"invariant\";\nimport { plugins } from \"@webiny/plugins\";\nimport { get } from \"lodash\";\nimport { ImageComponentPlugin, ImageProps } from \"~/types\";\n\nexport const Image: React.FC<ImageProps> = ({ preset: presetName, ...props }) => {\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":";;;;;;;;;AACA;AACA;AAA0C;AAInC,IAAMA,KAA2B,GAAG,SAA9BA,KAA2B,OAAyC;EAAA,IAA3BC,UAAU,QAAlBC,MAAM;IAAiBC,KAAK;EACtE,IAAMC,MAAM,GAAGC,gBAAO,CAACC,MAAM,CAAuB,iBAAiB,CAAC;EACtE,IAAI,CAACF,MAAM,EAAE;IACT,MAAM,IAAIG,KAAK,kEAAgE;EACnF;EAEA,IAAIN,UAAU,EAAE;IACZ,IAAMC,MAAM,GAAG,mBAAIE,MAAM,oBAAaH,UAAU,EAAG;IACnD,IAAAO,kBAAS,EAACN,MAAM,+BAAuBD,UAAU,mBAAe;IAChEE,KAAK,CAACM,SAAS,GAAGP,MAAM;EAC5B;EAEA,IAAIC,KAAK,CAACM,SAAS,EAAE;IACjBN,KAAK,CAACO,GAAG,GAAGN,MAAM,CAACO,WAAW,CAACR,KAAK,CAAC;EACzC;EAEA,OAAOC,MAAM,CAACQ,MAAM,CAACT,KAAK,CAAC;AAC/B,CAAC;AAAC"}
+{"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,19 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Image", {
-  enumerable: true,
-  get: function get() {
-    return _Image.Image;
-  }
-});
-Object.defineProperty(exports, "Routes", {
-  enumerable: true,
-  get: function get() {
-    return _Routes.Routes;
-  }
-});
-var _Image = require("./Image");
-var _Routes = require("./Routes");
+export { Image } from "./Image.js";