@webiny/app 0.0.0-mt-2 → 0.0.0-unstable.085ff6572f

package/App.d.ts

@@ -0,0 +1,29 @@
+import React, { ReactElement } from "react";
+import { RouteProps } from "@webiny/react-router";
+import { HigherOrderComponent } from "@webiny/react-composition";
+declare type RoutesByPath = {
+    [key: string]: ReactElement<RouteProps>;
+};
+interface State {
+    routes: RoutesByPath;
+    plugins: JSX.Element[];
+    providers: HigherOrderComponent[];
+}
+interface AppContext extends State {
+    addRoute(route: JSX.Element): void;
+    addProvider(hoc: HigherOrderComponent): 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>;
+    children?: React.ReactNode | React.ReactNode[];
+}
+export declare const App: {
+    ({ debounceRender, routes, providers, children }: AppProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/App.js

@@ -0,0 +1,105 @@
+"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);
+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;
+};
+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
+    });
+  }, [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";

package/App.js.map

@@ -0,0 +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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"}

package/apollo-client/InMemoryCache.d.ts

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

package/apollo-client/InMemoryCache.js

@@ -1,45 +1,43 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { InMemoryCache as BaseInMemoryCache } from "apollo-cache-inmemory";
-import { plugins } from "@webiny/plugins";
-import { AddQuerySelectionPlugin } from "../plugins/AddQuerySelectionPlugin";
-import { ApolloLinkPlugin } from "../plugins/ApolloLinkPlugin";
-export var InMemoryCache = /*#__PURE__*/function (_BaseInMemoryCache) {
-  _inherits(InMemoryCache, _BaseInMemoryCache);
-
-  var _super = _createSuper(InMemoryCache);
-
+"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;
-
-    _classCallCheck(this, InMemoryCache);
-
+    (0, _classCallCheck2.default)(this, InMemoryCache);
     _this = _super.call(this, config);
-
-    _defineProperty(_assertThisInitialized(_this), "transformPlugins", void 0);
-
-    _this.transformPlugins = plugins.byType(ApolloLinkPlugin.type).filter(function (pl) {
-      return pl instanceof AddQuerySelectionPlugin;
+    (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;
   }
-
-  _createClass(InMemoryCache, [{
+  (0, _createClass2.default)(InMemoryCache, [{
     key: "transformDocument",
     value: function transformDocument(document) {
       // @ts-ignore
       var operationName = document.definitions[0].name.value;
-
-      var _iterator = _createForOfIteratorHelper(this.transformPlugins),
-          _step;
-
+      var _iterator = (0, _createForOfIteratorHelper2.default)(this.transformPlugins),
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var pl = _step.value;
@@ -50,10 +48,9 @@ export var InMemoryCache = /*#__PURE__*/function (_BaseInMemoryCache) {
       } finally {
         _iterator.f();
       }
-
-      return _get(_getPrototypeOf(InMemoryCache.prototype), "transformDocument", this).call(this, document);
+      return (0, _get2.default)((0, _getPrototypeOf2.default)(InMemoryCache.prototype), "transformDocument", this).call(this, document);
     }
   }]);
-
   return InMemoryCache;
-}(BaseInMemoryCache);
+}(_apolloCacheInmemory.InMemoryCache);
+exports.InMemoryCache = InMemoryCache;

package/apollo-client/InMemoryCache.js.map

@@ -0,0 +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"}

package/components/Image.js

@@ -1,28 +1,30 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _get from "lodash/get";
+"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"];
-import invariant from "invariant";
-import { plugins } from "@webiny/plugins";
-export var Image = function Image(_ref) {
+var Image = function Image(_ref) {
   var presetName = _ref.preset,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var plugin = plugins.byName("image-component");
-
+    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 = _get(plugin, "presets.".concat(presetName));
-
-    invariant(preset, "Transform preset \"".concat(presetName, "\" not found."));
+    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);
-};
+};
+exports.Image = Image;

package/components/Image.js.map

@@ -0,0 +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"}

package/components/Routes.js

@@ -1,35 +1,45 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import React from "react";
-import { plugins } from "@webiny/plugins";
-import { Switch } from "@webiny/react-router";
-export var Routes = function Routes() {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Routes = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireDefault(require("react"));
+var _plugins = require("@webiny/plugins");
+var _reactRouter = require("@webiny/react-router");
+// This file is necessary only for backwards compatibility.
+// We'll remove this once the legacy rendering engine is removed.
+
+var Routes = function Routes() {
   // We cannot call `sort` on the array returned by the `plugins.byType` call - it is read-only.
-  var routes = _toConsumableArray(plugins.byType("route")).sort(function (a, b) {
+  var routes = (0, _toConsumableArray2.default)(_plugins.plugins.byType("route")).sort(function (a, b) {
     var pathA = a.route.props.path || "*";
-    var pathB = b.route.props.path || "*"; // This will sort paths at the very bottom of the list
+    var pathB = b.route.props.path || "*";
 
+    // This will sort paths at the very bottom of the list
     if (pathA === "/" && pathB === "*") {
       return -1;
-    } // This will push * and / to the bottom of the list
-
+    }
 
+    // This will push * and / to the bottom of the list
     if (pathA === "*" || pathA === "/") {
       return 1;
-    } // This will push * and / to the bottom of the list
-
+    }
 
+    // This will push * and / to the bottom of the list
     if (["*", "/"].includes(pathB)) {
       return -1;
     }
-
     return 0;
   });
-
-  return /*#__PURE__*/React.createElement(Switch, null, routes.map(function (_ref) {
+  return /*#__PURE__*/_react.default.createElement(_reactRouter.Routes, null, routes.map(function (_ref) {
     var route = _ref.route,
-        name = _ref.name;
-    return /*#__PURE__*/React.cloneElement(route, {
+      name = _ref.name;
+    return /*#__PURE__*/_react.default.cloneElement(route, {
       key: name
     });
   }));
-};
+};
+exports.Routes = Routes;

package/components/Routes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Routes","routes","plugins","byType","sort","a","b","pathA","route","props","path","pathB","includes","map","name","React","cloneElement","key"],"sources":["Routes.tsx"],"sourcesContent":["// This file is necessary only for backwards compatibility.\n// We'll remove this once the legacy rendering engine is removed.\nimport React from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Routes as ReactRouterRoutes } from \"@webiny/react-router\";\nimport { RoutePlugin } from \"../types\";\n\nexport const Routes = () => {\n    // We cannot call `sort` on the array returned by the `plugins.byType` call - it is read-only.\n    const routes = [...plugins.byType<RoutePlugin>(\"route\")].sort((a, b) => {\n        const pathA = a.route.props.path || \"*\";\n        const pathB = b.route.props.path || \"*\";\n\n        // This will sort paths at the very bottom of the list\n        if (pathA === \"/\" && pathB === \"*\") {\n            return -1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if (pathA === \"*\" || pathA === \"/\") {\n            return 1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if ([\"*\", \"/\"].includes(pathB)) {\n            return -1;\n        }\n\n        return 0;\n    });\n\n    return (\n        <ReactRouterRoutes>\n            {routes.map(({ route, name }) => React.cloneElement(route, { key: name }))}\n        </ReactRouterRoutes>\n    );\n};\n"],"mappings":";;;;;;;;AAEA;AACA;AACA;AAJA;AACA;;AAMO,IAAMA,MAAM,GAAG,SAATA,MAAM,GAAS;EACxB;EACA,IAAMC,MAAM,GAAG,iCAAIC,gBAAO,CAACC,MAAM,CAAc,OAAO,CAAC,EAAEC,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,EAAK;IACpE,IAAMC,KAAK,GAAGF,CAAC,CAACG,KAAK,CAACC,KAAK,CAACC,IAAI,IAAI,GAAG;IACvC,IAAMC,KAAK,GAAGL,CAAC,CAACE,KAAK,CAACC,KAAK,CAACC,IAAI,IAAI,GAAG;;IAEvC;IACA,IAAIH,KAAK,KAAK,GAAG,IAAII,KAAK,KAAK,GAAG,EAAE;MAChC,OAAO,CAAC,CAAC;IACb;;IAEA;IACA,IAAIJ,KAAK,KAAK,GAAG,IAAIA,KAAK,KAAK,GAAG,EAAE;MAChC,OAAO,CAAC;IACZ;;IAEA;IACA,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAACK,QAAQ,CAACD,KAAK,CAAC,EAAE;MAC5B,OAAO,CAAC,CAAC;IACb;IAEA,OAAO,CAAC;EACZ,CAAC,CAAC;EAEF,oBACI,6BAAC,mBAAiB,QACbV,MAAM,CAACY,GAAG,CAAC;IAAA,IAAGL,KAAK,QAALA,KAAK;MAAEM,IAAI,QAAJA,IAAI;IAAA,oBAAOC,cAAK,CAACC,YAAY,CAACR,KAAK,EAAE;MAAES,GAAG,EAAEH;IAAK,CAAC,CAAC;EAAA,EAAC,CAC1D;AAE5B,CAAC;AAAC"}

package/components/View.js

@@ -1,23 +1,30 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import React, { Fragment } from "react";
-import { plugins } from "@webiny/plugins";
-import { ViewPlugin } from "../plugins/ViewPlugin";
-export var View = function View(_ref) {
+"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.View = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireWildcard(require("react"));
+var _plugins = require("@webiny/plugins");
+var _ViewPlugin = require("../plugins/ViewPlugin");
+var View = function View(_ref) {
   var name = _ref.name,
-      children = _ref.children,
-      _ref$props = _ref.props,
-      props = _ref$props === void 0 ? {} : _ref$props;
-  var viewPlugins = plugins.byType(ViewPlugin.type).filter(function (pl) {
+    children = _ref.children,
+    _ref$props = _ref.props,
+    props = _ref$props === void 0 ? {} : _ref$props;
+  var viewPlugins = _plugins.plugins.byType(_ViewPlugin.ViewPlugin.type).filter(function (pl) {
     return pl.key === name;
   });
-
   if (viewPlugins.length) {
     children = viewPlugins.reduce(function (el, pl) {
-      return pl.render(_objectSpread({
+      return pl.render((0, _objectSpread2.default)({
         children: el
       }, props));
     }, children);
   }
-
-  return /*#__PURE__*/React.createElement(Fragment, null, children || null);
-};
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children || null);
+};
+exports.View = View;

package/components/View.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","name","children","props","viewPlugins","plugins","byType","ViewPlugin","type","filter","pl","key","length","reduce","el","render"],"sources":["View.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ViewPlugin } from \"../plugins/ViewPlugin\";\n\ninterface Props {\n    name: string;\n    props?: Record<string, any>;\n    children?: React.ReactNode;\n}\n\nexport const View = ({ name, children, props = {} }: Props) => {\n    const viewPlugins = plugins.byType<ViewPlugin>(ViewPlugin.type).filter(pl => pl.key === name);\n\n    if (viewPlugins.length) {\n        children = viewPlugins.reduce((el, pl) => pl.render({ children: el, ...props }), children);\n    }\n\n    return <Fragment>{children || null}</Fragment>;\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAQO,IAAMA,IAAI,GAAG,SAAPA,IAAI,OAA8C;EAAA,IAAxCC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC,CAAC;EAC7C,IAAMC,WAAW,GAAGC,gBAAO,CAACC,MAAM,CAAaC,sBAAU,CAACC,IAAI,CAAC,CAACC,MAAM,CAAC,UAAAC,EAAE;IAAA,OAAIA,EAAE,CAACC,GAAG,KAAKV,IAAI;EAAA,EAAC;EAE7F,IAAIG,WAAW,CAACQ,MAAM,EAAE;IACpBV,QAAQ,GAAGE,WAAW,CAACS,MAAM,CAAC,UAACC,EAAE,EAAEJ,EAAE;MAAA,OAAKA,EAAE,CAACK,MAAM;QAAGb,QAAQ,EAAEY;MAAE,GAAKX,KAAK,EAAG;IAAA,GAAED,QAAQ,CAAC;EAC9F;EAEA,oBAAO,6BAAC,eAAQ,QAAEA,QAAQ,IAAI,IAAI,CAAY;AAClD,CAAC;AAAC"}

package/components/index.d.ts

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

package/components/index.js

@@ -1 +1,19 @@
-export { Image } from "./Image";
+"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");

package/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { Image } from \"./Image\";\nexport { Routes } from \"./Routes\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA"}

package/config.d.ts

@@ -0,0 +1,8 @@
+export declare type Config = Record<string, any>;
+interface AppConfig {
+    set(config: Config): void;
+    get(): Config;
+    getKey<T = string>(key: string, defaultValue: T): T;
+}
+export declare const config: AppConfig;
+export {};

package/config.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var deepFreeze = function deepFreeze(obj) {
+  Object.keys(obj).forEach(function (prop) {
+    if (typeof obj[prop] === "object" && !Object.isFrozen(obj[prop])) {
+      deepFreeze(obj[prop]);
+    }
+  });
+  return Object.freeze(obj);
+};
+function createConfig() {
+  var _config = {};
+  return {
+    set: function set(config) {
+      _config = deepFreeze(config);
+    },
+    get: function get() {
+      return _config;
+    },
+    getKey: function getKey(key, defaultValue) {
+      return key in _config ? _config[key] : defaultValue;
+    }
+  };
+}
+var config = createConfig();
+exports.config = config;

package/config.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["deepFreeze","obj","Object","keys","forEach","prop","isFrozen","freeze","createConfig","_config","set","config","get","getKey","key","defaultValue"],"sources":["config.ts"],"sourcesContent":["export type Config = Record<string, any>;\n\ninterface AppConfig {\n    set(config: Config): void;\n    get(): Config;\n    getKey<T = string>(key: string, defaultValue: T): T;\n}\n\nconst deepFreeze = (obj: Record<string, any>): Record<string, any> => {\n    Object.keys(obj).forEach(prop => {\n        if (typeof obj[prop] === \"object\" && !Object.isFrozen(obj[prop])) {\n            deepFreeze(obj[prop]);\n        }\n    });\n    return Object.freeze(obj);\n};\n\nfunction createConfig(): AppConfig {\n    let _config: Record<string, any> = {};\n\n    return {\n        set(config: Config) {\n            _config = deepFreeze(config);\n        },\n        get() {\n            return _config;\n        },\n        getKey(key, defaultValue) {\n            return key in _config ? _config[key] : defaultValue;\n        }\n    };\n}\n\nexport const config = createConfig();\n"],"mappings":";;;;;;AAQA,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAAIC,GAAwB,EAA0B;EAClEC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC,CAACG,OAAO,CAAC,UAAAC,IAAI,EAAI;IAC7B,IAAI,OAAOJ,GAAG,CAACI,IAAI,CAAC,KAAK,QAAQ,IAAI,CAACH,MAAM,CAACI,QAAQ,CAACL,GAAG,CAACI,IAAI,CAAC,CAAC,EAAE;MAC9DL,UAAU,CAACC,GAAG,CAACI,IAAI,CAAC,CAAC;IACzB;EACJ,CAAC,CAAC;EACF,OAAOH,MAAM,CAACK,MAAM,CAACN,GAAG,CAAC;AAC7B,CAAC;AAED,SAASO,YAAY,GAAc;EAC/B,IAAIC,OAA4B,GAAG,CAAC,CAAC;EAErC,OAAO;IACHC,GAAG,eAACC,MAAc,EAAE;MAChBF,OAAO,GAAGT,UAAU,CAACW,MAAM,CAAC;IAChC,CAAC;IACDC,GAAG,iBAAG;MACF,OAAOH,OAAO;IAClB,CAAC;IACDI,MAAM,kBAACC,GAAG,EAAEC,YAAY,EAAE;MACtB,OAAOD,GAAG,IAAIL,OAAO,GAAGA,OAAO,CAACK,GAAG,CAAC,GAAGC,YAAY;IACvD;EACJ,CAAC;AACL;AAEO,IAAMJ,MAAM,GAAGH,YAAY,EAAE;AAAC"}

package/contexts/Ui/index.d.ts

@@ -18,10 +18,7 @@ export interface UiContextValue {
 }
 export declare class UiProvider extends React.Component<Props, State> {
     state: State;
-    setData: (setter: Function) => void;
+    private readonly setData;
     render(): JSX.Element;
 }
-export declare const UiConsumer: ({ children }: {
-    children: any;
-}) => JSX.Element;
 export {};

package/contexts/Ui/index.js

@@ -1,69 +1,59 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from "react";
-import { plugins } from "@webiny/plugins";
-export var UiContext = /*#__PURE__*/React.createContext({});
-export var UiProvider = /*#__PURE__*/function (_React$Component) {
-  _inherits(UiProvider, _React$Component);
-
-  var _super = _createSuper(UiProvider);
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UiProvider = exports.UiContext = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _plugins = require("@webiny/plugins");
+var UiContext = /*#__PURE__*/_react.default.createContext({});
+exports.UiContext = UiContext;
+var UiProvider = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(UiProvider, _React$Component);
+  var _super = (0, _createSuper2.default)(UiProvider);
   function UiProvider() {
     var _this;
-
-    _classCallCheck(this, UiProvider);
-
+    (0, _classCallCheck2.default)(this, UiProvider);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       ui: {}
     });
-
-    _defineProperty(_assertThisInitialized(_this), "setData", function (setter) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setData", function (setter) {
       return _this.setState(function (state) {
         return {
-          ui: _objectSpread(_objectSpread({}, state.ui), setter(state.ui))
+          ui: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.ui), setter(state.ui))
         };
       });
     });
-
     return _this;
   }
-
-  _createClass(UiProvider, [{
+  (0, _createClass2.default)(UiProvider, [{
     key: "render",
     value: function render() {
-      var value = _objectSpread(_objectSpread({}, this.state.ui), {}, {
+      var value = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.state.ui), {}, {
         setState: this.setData
       });
-
-      var uiStatePlugins = plugins.byType("ui-state");
-      return /*#__PURE__*/React.createElement(UiContext.Provider, {
+      var uiStatePlugins = _plugins.plugins.byType("ui-state");
+      return /*#__PURE__*/_react.default.createElement(UiContext.Provider, {
         value: value
       }, uiStatePlugins.map(function (pl) {
-        return /*#__PURE__*/React.cloneElement(pl.render(), {
+        return /*#__PURE__*/_react.default.cloneElement(pl.render(), {
           key: pl.name
         });
       }), this.props.children);
     }
   }]);
-
   return UiProvider;
-}(React.Component);
-export var UiConsumer = function UiConsumer(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(UiContext.Consumer, null, function (ui) {
-    return /*#__PURE__*/React.cloneElement(children, {
-      ui: ui
-    });
-  });
-};
+}(_react.default.Component);
+exports.UiProvider = UiProvider;