@webiny/app 0.0.0-ee-vpcs.549378cf03

package/App.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactElement } from "react";
+import { RouteProps } from "@webiny/react-router";
+import { HigherOrderComponent } from "@webiny/react-composition";
+interface State {
+    routes: Record<string, ReactElement<RouteProps>>;
+    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;
+    children?: React.ReactNode | React.ReactNode[];
+}
+export declare const App: {
+    ({ debounceRender, children }: AppProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/App.js

@@ -0,0 +1,116 @@
+"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 _objectSpread3 = _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,
+      children = _ref.children;
+
+  var _useState = (0, _react.useState)({
+    routes: {},
+    plugins: [],
+    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, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
+        routes: (0, _objectSpread3.default)((0, _objectSpread3.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, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
+        providers: [].concat((0, _toConsumableArray2.default)(state.providers), [component])
+      });
+    });
+  }, []);
+  var addPlugin = (0, _react.useCallback)(function (element) {
+    setState(function (state) {
+      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
+        plugins: [].concat((0, _toConsumableArray2.default)(state.plugins), [element])
+      });
+    });
+  }, []);
+  var appContext = (0, _react.useMemo)(function () {
+    return (0, _objectSpread3.default)((0, _objectSpread3.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 || []))(_DebounceRender.DebounceRender);
+  }, [state.providers]);
+  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","children","useState","routes","plugins","providers","state","setState","addRoute","useCallback","route","props","path","addProvider","component","findIndex","m","addPlugin","element","useMemo","AppRouter","Object","values","length","Providers","compose","DebounceRender"],"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 } 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\ninterface State {\n    routes: Record<string, ReactElement<RouteProps>>;\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    children?: React.ReactNode | React.ReactNode[];\n}\n\nexport const App = ({ debounceRender = 50, children }: AppProps) => {\n    const [state, setState] = useState<State>({\n        routes: {},\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        () =>\n            function AppRouter() {\n                const routes = Object.values(state.routes);\n                return <SortRoutes key={routes.length} routes={routes} />;\n            },\n        [state.routes]\n    );\n\n    const Providers = useMemo(\n        () => compose(...(state.providers || []))(DebounceRender),\n        [state.providers]\n    );\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/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Webiny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,19 @@
+# @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.
+
+For more information, please visit [the official docs](https://docs.webiny.com/docs/webiny/introduction). 
+  
+## Install
+```
+npm install --save @webiny/app
+```
+
+Or if you prefer yarn: 
+```
+yarn add @webiny/app
+```

package/apollo-client/InMemoryCache.d.ts

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

package/apollo-client/InMemoryCache.js

@@ -0,0 +1,79 @@
+"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);
+    }
+  }]);
+  return InMemoryCache;
+}(_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;;IAEaA,a;;;;;EAGT,uBAAYC,MAAZ,EAA0C;IAAA;;IAAA;IACtC,0BAAMA,MAAN;IADsC;IAGtC,MAAKC,gBAAL,GAAwBC,gBAAA,CACnBC,MADmB,CACaC,kCAAA,CAAiBC,IAD9B,EAEnBC,MAFmB,CAEZ,UAAAC,EAAE;MAAA,OAAIA,EAAE,YAAYC,gDAAlB;IAAA,CAFU,CAAxB;IAHsC;EAMzC;;;;WAED,2BAAkCC,QAAlC,EAAwE;MACpE;MACA,IAAMC,aAAa,GAAGD,QAAQ,CAACE,WAAT,CAAqB,CAArB,EAAwBC,IAAxB,CAA6BC,KAAnD;;MAFoE,yDAInD,KAAKZ,gBAJ8C;MAAA;;MAAA;QAIpE,oDAAwC;UAAA,IAA7BM,EAA6B;UACpCA,EAAE,CAACO,mBAAH,CAAuBJ,aAAvB,EAAsCD,QAAtC;QACH;MANmE;QAAA;MAAA;QAAA;MAAA;;MAQpE,wHAA+BA,QAA/B;IACH;;;EApB8BM,kC"}

package/components/Image.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { ImageProps } from "../types";
+export declare const Image: React.FC<ImageProps>;

package/components/Image.js

@@ -0,0 +1,43 @@
+"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);
+};
+
+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;;;;AAIO,IAAMA,KAA2B,GAAG,SAA9BA,KAA8B,OAAsC;EAAA,IAA3BC,UAA2B,QAAnCC,MAAmC;EAAA,IAAZC,KAAY;;EAC7E,IAAMC,MAAM,GAAGC,gBAAA,CAAQC,MAAR,CAAqC,iBAArC,CAAf;;EACA,IAAI,CAACF,MAAL,EAAa;IACT,MAAM,IAAIG,KAAJ,kEAAN;EACH;;EAED,IAAIN,UAAJ,EAAgB;IACZ,IAAMC,MAAM,GAAG,mBAAIE,MAAJ,oBAAuBH,UAAvB,EAAf;IACA,IAAAO,kBAAA,EAAUN,MAAV,+BAAuCD,UAAvC;IACAE,KAAK,CAACM,SAAN,GAAkBP,MAAlB;EACH;;EAED,IAAIC,KAAK,CAACM,SAAV,EAAqB;IACjBN,KAAK,CAACO,GAAN,GAAYN,MAAM,CAACO,WAAP,CAAmBR,KAAnB,CAAZ;EACH;;EAED,OAAOC,MAAM,CAACQ,MAAP,CAAcT,KAAd,CAAP;AACH,CAjBM"}

package/components/Routes.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Routes: () => JSX.Element;

package/components/Routes.js

@@ -0,0 +1,51 @@
+"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 = (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
+
+    if (pathA === "/" && pathB === "*") {
+      return -1;
+    } // 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
+
+
+    if (["*", "/"].includes(pathB)) {
+      return -1;
+    }
+
+    return 0;
+  });
+  return /*#__PURE__*/_react.default.createElement(_reactRouter.Routes, null, routes.map(function (_ref) {
+    var route = _ref.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,MAAS,GAAM;EACxB;EACA,IAAMC,MAAM,GAAG,iCAAIC,gBAAA,CAAQC,MAAR,CAA4B,OAA5B,CAAJ,EAA0CC,IAA1C,CAA+C,UAACC,CAAD,EAAIC,CAAJ,EAAU;IACpE,IAAMC,KAAK,GAAGF,CAAC,CAACG,KAAF,CAAQC,KAAR,CAAcC,IAAd,IAAsB,GAApC;IACA,IAAMC,KAAK,GAAGL,CAAC,CAACE,KAAF,CAAQC,KAAR,CAAcC,IAAd,IAAsB,GAApC,CAFoE,CAIpE;;IACA,IAAIH,KAAK,KAAK,GAAV,IAAiBI,KAAK,KAAK,GAA/B,EAAoC;MAChC,OAAO,CAAC,CAAR;IACH,CAPmE,CASpE;;;IACA,IAAIJ,KAAK,KAAK,GAAV,IAAiBA,KAAK,KAAK,GAA/B,EAAoC;MAChC,OAAO,CAAP;IACH,CAZmE,CAcpE;;;IACA,IAAI,CAAC,GAAD,EAAM,GAAN,EAAWK,QAAX,CAAoBD,KAApB,CAAJ,EAAgC;MAC5B,OAAO,CAAC,CAAR;IACH;;IAED,OAAO,CAAP;EACH,CApBc,CAAf;EAsBA,oBACI,6BAAC,mBAAD,QACKV,MAAM,CAACY,GAAP,CAAW;IAAA,IAAGL,KAAH,QAAGA,KAAH;IAAA,IAAUM,IAAV,QAAUA,IAAV;IAAA,oBAAqBC,cAAA,CAAMC,YAAN,CAAmBR,KAAnB,EAA0B;MAAES,GAAG,EAAEH;IAAP,CAA1B,CAArB;EAAA,CAAX,CADL,CADJ;AAKH,CA7BM"}

package/components/View.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface Props {
+    name: string;
+    props?: Record<string, any>;
+    children?: React.ReactNode;
+}
+export declare const View: ({ name, children, props }: Props) => JSX.Element;
+export {};

package/components/View.js

@@ -0,0 +1,41 @@
+"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.plugins.byType(_ViewPlugin.ViewPlugin.type).filter(function (pl) {
+    return pl.key === name;
+  });
+
+  if (viewPlugins.length) {
+    children = viewPlugins.reduce(function (el, pl) {
+      return pl.render((0, _objectSpread2.default)({
+        children: el
+      }, props));
+    }, children);
+  }
+
+  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,IAAO,OAA2C;EAAA,IAAxCC,IAAwC,QAAxCA,IAAwC;EAAA,IAAlCC,QAAkC,QAAlCA,QAAkC;EAAA,sBAAxBC,KAAwB;EAAA,IAAxBA,KAAwB,2BAAhB,EAAgB;;EAC3D,IAAMC,WAAW,GAAGC,gBAAA,CAAQC,MAAR,CAA2BC,sBAAA,CAAWC,IAAtC,EAA4CC,MAA5C,CAAmD,UAAAC,EAAE;IAAA,OAAIA,EAAE,CAACC,GAAH,KAAWV,IAAf;EAAA,CAArD,CAApB;;EAEA,IAAIG,WAAW,CAACQ,MAAhB,EAAwB;IACpBV,QAAQ,GAAGE,WAAW,CAACS,MAAZ,CAAmB,UAACC,EAAD,EAAKJ,EAAL;MAAA,OAAYA,EAAE,CAACK,MAAH;QAAYb,QAAQ,EAAEY;MAAtB,GAA6BX,KAA7B,EAAZ;IAAA,CAAnB,EAAsED,QAAtE,CAAX;EACH;;EAED,oBAAO,6BAAC,eAAD,QAAWA,QAAQ,IAAI,IAAvB,CAAP;AACH,CARM"}

package/components/index.d.ts

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

package/components/index.js

@@ -0,0 +1,21 @@
+"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,33 @@
+"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,UAAa,CAACC,GAAD,EAAmD;EAClEC,MAAM,CAACC,IAAP,CAAYF,GAAZ,EAAiBG,OAAjB,CAAyB,UAAAC,IAAI,EAAI;IAC7B,IAAI,OAAOJ,GAAG,CAACI,IAAD,CAAV,KAAqB,QAArB,IAAiC,CAACH,MAAM,CAACI,QAAP,CAAgBL,GAAG,CAACI,IAAD,CAAnB,CAAtC,EAAkE;MAC9DL,UAAU,CAACC,GAAG,CAACI,IAAD,CAAJ,CAAV;IACH;EACJ,CAJD;EAKA,OAAOH,MAAM,CAACK,MAAP,CAAcN,GAAd,CAAP;AACH,CAPD;;AASA,SAASO,YAAT,GAAmC;EAC/B,IAAIC,OAA4B,GAAG,EAAnC;EAEA,OAAO;IACHC,GADG,eACCC,MADD,EACiB;MAChBF,OAAO,GAAGT,UAAU,CAACW,MAAD,CAApB;IACH,CAHE;IAIHC,GAJG,iBAIG;MACF,OAAOH,OAAP;IACH,CANE;IAOHI,MAPG,kBAOIC,GAPJ,EAOSC,YAPT,EAOuB;MACtB,OAAOD,GAAG,IAAIL,OAAP,GAAiBA,OAAO,CAACK,GAAD,CAAxB,GAAgCC,YAAvC;IACH;EATE,CAAP;AAWH;;AAEM,IAAMJ,MAAM,GAAGH,YAAY,EAA3B"}

package/contexts/Ui/index.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+export declare const UiContext: React.Context<{}>;
+declare type Props = {};
+declare type State = {
+    ui: {
+        [key: string]: any;
+    };
+};
+interface UiData {
+    [key: string]: any;
+}
+interface UiDataSetter {
+    (ui: UiData): UiData;
+}
+export interface UiContextValue {
+    setState: (setter: UiDataSetter) => void;
+    [key: string]: any;
+}
+export declare class UiProvider extends React.Component<Props, State> {
+    state: State;
+    private readonly setData;
+    render(): JSX.Element;
+}
+export {};

package/contexts/Ui/index.js

@@ -0,0 +1,81 @@
+"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;
+
+    (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));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      ui: {}
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setData", function (setter) {
+      return _this.setState(function (state) {
+        return {
+          ui: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.ui), setter(state.ui))
+        };
+      });
+    });
+    return _this;
+  }
+
+  (0, _createClass2.default)(UiProvider, [{
+    key: "render",
+    value: function render() {
+      var value = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.state.ui), {}, {
+        setState: this.setData
+      });
+
+      var uiStatePlugins = _plugins.plugins.byType("ui-state");
+
+      return /*#__PURE__*/_react.default.createElement(UiContext.Provider, {
+        value: value
+      }, uiStatePlugins.map(function (pl) {
+        return /*#__PURE__*/_react.default.cloneElement(pl.render(), {
+          key: pl.name
+        });
+      }), this.props.children);
+    }
+  }]);
+  return UiProvider;
+}(_react.default.Component);
+
+exports.UiProvider = UiProvider;