@webiny/app 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

package/plugins/NetworkErrorLinkPlugin.js

@@ -1,45 +1,48 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
-import { onError } from "apollo-link-error";
-import { print } from "graphql/language";
-import createErrorOverlay from "./NetworkErrorLinkPlugin/createErrorOverlay";
-import { boolean } from "boolean";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NetworkErrorLinkPlugin = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
+var _apolloLinkError = require("apollo-link-error");
+var _language = require("graphql/language");
+var _createErrorOverlay = _interopRequireDefault(require("./NetworkErrorLinkPlugin/createErrorOverlay"));
+var _boolean = require("boolean");
+var _config = require("../config");
 /**
  * This plugin creates an ApolloLink that checks for `NetworkError` and shows an ErrorOverlay in the browser.
  */
-
-export var NetworkErrorLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
-  _inherits(NetworkErrorLinkPlugin, _ApolloLinkPlugin);
-
-  var _super = _createSuper(NetworkErrorLinkPlugin);
-
+var NetworkErrorLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
+  (0, _inherits2.default)(NetworkErrorLinkPlugin, _ApolloLinkPlugin);
+  var _super = (0, _createSuper2.default)(NetworkErrorLinkPlugin);
   function NetworkErrorLinkPlugin() {
-    _classCallCheck(this, NetworkErrorLinkPlugin);
-
+    (0, _classCallCheck2.default)(this, NetworkErrorLinkPlugin);
     return _super.apply(this, arguments);
   }
-
-  _createClass(NetworkErrorLinkPlugin, [{
+  (0, _createClass2.default)(NetworkErrorLinkPlugin, [{
     key: "createLink",
     value: function createLink() {
-      return onError(function (_ref) {
+      return (0, _apolloLinkError.onError)(function (_ref) {
         var networkError = _ref.networkError,
-            operation = _ref.operation;
-        var debug = boolean(process.env.REACT_APP_DEBUG);
-
+          operation = _ref.operation;
+        var debug = _config.config.getKey("DEBUG", (0, _boolean.boolean)(process.env.REACT_APP_DEBUG));
         if (networkError && debug) {
-          createErrorOverlay({
-            query: print(operation.query),
+          (0, _createErrorOverlay.default)({
+            query: (0, _language.print)(operation.query),
             networkError: networkError
           });
-        } // TODO: also print graphQLErrors
+        }
 
+        // TODO: also print graphQLErrors
       });
     }
   }]);
-
   return NetworkErrorLinkPlugin;
-}(ApolloLinkPlugin);
+}(_ApolloLinkPlugin2.ApolloLinkPlugin);
+exports.NetworkErrorLinkPlugin = NetworkErrorLinkPlugin;

package/plugins/NetworkErrorLinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NetworkErrorLinkPlugin","onError","networkError","operation","debug","appConfig","getKey","boolean","process","env","REACT_APP_DEBUG","createErrorOverlay","query","print","ApolloLinkPlugin"],"sources":["NetworkErrorLinkPlugin.ts"],"sourcesContent":["import { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { onError } from \"apollo-link-error\";\nimport { print } from \"graphql/language\";\nimport createErrorOverlay from \"./NetworkErrorLinkPlugin/createErrorOverlay\";\nimport { boolean } from \"boolean\";\nimport { config as appConfig } from \"~/config\";\n\n/**\n * This plugin creates an ApolloLink that checks for `NetworkError` and shows an ErrorOverlay in the browser.\n */\nexport class NetworkErrorLinkPlugin extends ApolloLinkPlugin {\n    public override createLink() {\n        return onError(({ networkError, operation }) => {\n            const debug = appConfig.getKey(\"DEBUG\", boolean(process.env.REACT_APP_DEBUG));\n\n            if (networkError && debug) {\n                createErrorOverlay({ query: print(operation.query), networkError });\n            }\n\n            // TODO: also print graphQLErrors\n        });\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAFA,IAGaA,sBAAsB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAC/B,sBAA6B;MACzB,OAAO,IAAAC,wBAAO,EAAC,gBAAiC;QAAA,IAA9BC,YAAY,QAAZA,YAAY;UAAEC,SAAS,QAATA,SAAS;QACrC,IAAMC,KAAK,GAAGC,cAAS,CAACC,MAAM,CAAC,OAAO,EAAE,IAAAC,gBAAO,EAACC,OAAO,CAACC,GAAG,CAACC,eAAe,CAAC,CAAC;QAE7E,IAAIR,YAAY,IAAIE,KAAK,EAAE;UACvB,IAAAO,2BAAkB,EAAC;YAAEC,KAAK,EAAE,IAAAC,eAAK,EAACV,SAAS,CAACS,KAAK,CAAC;YAAEV,YAAY,EAAZA;UAAa,CAAC,CAAC;QACvE;;QAEA;MACJ,CAAC,CAAC;IACN;EAAC;EAAA;AAAA,EAXuCY,mCAAgB;AAAA"}

package/plugins/OmitTypenameLinkPlugin.js

@@ -1,41 +1,41 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import { ApolloLink } from "apollo-link";
-import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OmitTypenameLinkPlugin = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _apolloLink = require("apollo-link");
+var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
 function omitTypename(key, value) {
   return key === "__typename" ? undefined : value;
 }
+
 /**
  * This link removes `__typename` from the variables being sent to the API.
  */
-
-
-export var OmitTypenameLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
-  _inherits(OmitTypenameLinkPlugin, _ApolloLinkPlugin);
-
-  var _super = _createSuper(OmitTypenameLinkPlugin);
-
+var OmitTypenameLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
+  (0, _inherits2.default)(OmitTypenameLinkPlugin, _ApolloLinkPlugin);
+  var _super = (0, _createSuper2.default)(OmitTypenameLinkPlugin);
   function OmitTypenameLinkPlugin() {
-    _classCallCheck(this, OmitTypenameLinkPlugin);
-
+    (0, _classCallCheck2.default)(this, OmitTypenameLinkPlugin);
     return _super.apply(this, arguments);
   }
-
-  _createClass(OmitTypenameLinkPlugin, [{
+  (0, _createClass2.default)(OmitTypenameLinkPlugin, [{
     key: "createLink",
     value: function createLink() {
-      return new ApolloLink(function (operation, forward) {
+      return new _apolloLink.ApolloLink(function (operation, forward) {
         if (operation.variables) {
           operation.variables = JSON.parse(JSON.stringify(operation.variables), omitTypename);
         }
-
         return forward(operation);
       });
     }
   }]);
-
   return OmitTypenameLinkPlugin;
-}(ApolloLinkPlugin);
+}(_ApolloLinkPlugin2.ApolloLinkPlugin);
+exports.OmitTypenameLinkPlugin = OmitTypenameLinkPlugin;

package/plugins/OmitTypenameLinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["omitTypename","key","value","undefined","OmitTypenameLinkPlugin","ApolloLink","operation","forward","variables","JSON","parse","stringify","ApolloLinkPlugin"],"sources":["OmitTypenameLinkPlugin.ts"],"sourcesContent":["import { ApolloLink } from \"apollo-link\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\n\nfunction omitTypename(key: string, value: string): string | undefined {\n    return key === \"__typename\" ? undefined : value;\n}\n\n/**\n * This link removes `__typename` from the variables being sent to the API.\n */\nexport class OmitTypenameLinkPlugin extends ApolloLinkPlugin {\n    public override createLink(): ApolloLink {\n        return new ApolloLink((operation, forward) => {\n            if (operation.variables) {\n                operation.variables = JSON.parse(JSON.stringify(operation.variables), omitTypename);\n            }\n            return forward(operation);\n        });\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA,SAASA,YAAY,CAACC,GAAW,EAAEC,KAAa,EAAsB;EAClE,OAAOD,GAAG,KAAK,YAAY,GAAGE,SAAS,GAAGD,KAAK;AACnD;;AAEA;AACA;AACA;AAFA,IAGaE,sBAAsB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAC/B,sBAAyC;MACrC,OAAO,IAAIC,sBAAU,CAAC,UAACC,SAAS,EAAEC,OAAO,EAAK;QAC1C,IAAID,SAAS,CAACE,SAAS,EAAE;UACrBF,SAAS,CAACE,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,SAAS,CAACL,SAAS,CAACE,SAAS,CAAC,EAAER,YAAY,CAAC;QACvF;QACA,OAAOO,OAAO,CAACD,SAAS,CAAC;MAC7B,CAAC,CAAC;IACN;EAAC;EAAA;AAAA,EARuCM,mCAAgB;AAAA"}

package/plugins/RoutePlugin.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
 import { Plugin } from "@webiny/plugins";
 interface Config {
-    route: React.ReactElement;
+    route: React.ReactElement | null;
 }
 export declare class RoutePlugin extends Plugin {
-    static readonly type = "route";
+    static readonly type: string;
     private _config;
     constructor(config?: Config);
     get route(): Config["route"];

package/plugins/RoutePlugin.js

@@ -1,36 +1,38 @@
-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 { Plugin } from "@webiny/plugins";
-export var RoutePlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(RoutePlugin, _Plugin);
-
-  var _super = _createSuper(RoutePlugin);
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RoutePlugin = void 0;
+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 _plugins = require("@webiny/plugins");
+var RoutePlugin = /*#__PURE__*/function (_Plugin) {
+  (0, _inherits2.default)(RoutePlugin, _Plugin);
+  var _super = (0, _createSuper2.default)(RoutePlugin);
   function RoutePlugin(config) {
     var _this;
-
-    _classCallCheck(this, RoutePlugin);
-
+    (0, _classCallCheck2.default)(this, RoutePlugin);
     _this = _super.call(this);
-
-    _defineProperty(_assertThisInitialized(_this), "_config", void 0);
-
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_config", void 0);
     _this._config = config || {};
     return _this;
   }
-
-  _createClass(RoutePlugin, [{
+  (0, _createClass2.default)(RoutePlugin, [{
     key: "route",
     get: function get() {
+      if (!this._config.route) {
+        return null;
+      }
       return this._config.route;
     }
   }]);
-
   return RoutePlugin;
-}(Plugin);
-
-_defineProperty(RoutePlugin, "type", "route");
+}(_plugins.Plugin);
+exports.RoutePlugin = RoutePlugin;
+(0, _defineProperty2.default)(RoutePlugin, "type", "route");

package/plugins/RoutePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RoutePlugin","config","_config","route","Plugin"],"sources":["RoutePlugin.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface Config {\n    route: React.ReactElement | null;\n}\n\nexport class RoutePlugin extends Plugin {\n    public static override readonly type: string = \"route\";\n    private _config: Partial<Config>;\n\n    constructor(config?: Config) {\n        super();\n        this._config = config || {};\n    }\n\n    get route(): Config[\"route\"] {\n        if (!this._config.route) {\n            return null;\n        }\n        return this._config.route;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AACA;AAAyC,IAM5BA,WAAW;EAAA;EAAA;EAIpB,qBAAYC,MAAe,EAAE;IAAA;IAAA;IACzB;IAAQ;IACR,MAAKC,OAAO,GAAGD,MAAM,IAAI,CAAC,CAAC;IAAC;EAChC;EAAC;IAAA;IAAA,KAED,eAA6B;MACzB,IAAI,CAAC,IAAI,CAACC,OAAO,CAACC,KAAK,EAAE;QACrB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACD,OAAO,CAACC,KAAK;IAC7B;EAAC;EAAA;AAAA,EAd4BC,eAAM;AAAA;AAAA,8BAA1BJ,WAAW,UAC2B,OAAO"}

package/plugins/TenantHeaderLinkPlugin.d.ts

@@ -1,4 +1,5 @@
 import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+import { ApolloLink } from "apollo-link";
 declare global {
     interface Window {
         __PS_RENDER_TENANT__: string;
@@ -8,7 +9,7 @@ declare global {
  * Append `x-tenant` header from URL query (necessary for prerendering service).
  */
 export declare class TenantHeaderLinkPlugin extends ApolloLinkPlugin {
-    private tenant;
+    private readonly tenant;
     constructor(tenant?: string);
-    createLink(): import("apollo-link").ApolloLink;
+    createLink(): ApolloLink;
 }

package/plugins/TenantHeaderLinkPlugin.js

@@ -1,71 +1,63 @@
-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 { setContext } from "apollo-link-context";
-import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TenantHeaderLinkPlugin = 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 _apolloLinkContext = require("apollo-link-context");
+var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
 /**
  * Append `x-tenant` header from URL query (necessary for prerendering service).
  */
-export var TenantHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
-  _inherits(TenantHeaderLinkPlugin, _ApolloLinkPlugin);
-
-  var _super = _createSuper(TenantHeaderLinkPlugin);
-
+var TenantHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
+  (0, _inherits2.default)(TenantHeaderLinkPlugin, _ApolloLinkPlugin);
+  var _super = (0, _createSuper2.default)(TenantHeaderLinkPlugin);
   function TenantHeaderLinkPlugin(tenant) {
     var _this;
-
-    _classCallCheck(this, TenantHeaderLinkPlugin);
-
+    (0, _classCallCheck2.default)(this, TenantHeaderLinkPlugin);
     _this = _super.call(this);
-
-    _defineProperty(_assertThisInitialized(_this), "tenant", void 0);
-
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "tenant", void 0);
     _this.name = "tenant-header-link";
-
     if (!tenant) {
       var query = new URLSearchParams(location.search);
       tenant = query.get("__tenant") || window.__PS_RENDER_TENANT__;
     }
-
     _this.tenant = tenant;
-    console.log("Detected tenant", _this.tenant);
     return _this;
   }
-
-  _createClass(TenantHeaderLinkPlugin, [{
+  (0, _createClass2.default)(TenantHeaderLinkPlugin, [{
     key: "createLink",
     value: function createLink() {
       var _this2 = this;
-
-      return setContext(function (_, _ref) {
+      return (0, _apolloLinkContext.setContext)(function (_, _ref) {
         var headers = _ref.headers;
-
         // If tenant header is already set, do not overwrite it.
         if (headers && "x-tenant" in headers) {
           return {
             headers: headers
           };
         }
-
         if (_this2.tenant) {
           return {
-            headers: _objectSpread(_objectSpread({}, headers), {}, {
+            headers: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, headers), {}, {
               "x-tenant": _this2.tenant
             })
           };
         }
-
         return {
           headers: headers
         };
       });
     }
   }]);
-
   return TenantHeaderLinkPlugin;
-}(ApolloLinkPlugin);
+}(_ApolloLinkPlugin2.ApolloLinkPlugin);
+exports.TenantHeaderLinkPlugin = TenantHeaderLinkPlugin;

package/plugins/TenantHeaderLinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TenantHeaderLinkPlugin","tenant","name","query","URLSearchParams","location","search","get","window","__PS_RENDER_TENANT__","setContext","_","headers","ApolloLinkPlugin"],"sources":["TenantHeaderLinkPlugin.ts"],"sourcesContent":["import { setContext } from \"apollo-link-context\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { ApolloLink } from \"apollo-link\";\n\ndeclare global {\n    interface Window {\n        __PS_RENDER_TENANT__: string;\n    }\n}\n\n/**\n * Append `x-tenant` header from URL query (necessary for prerendering service).\n */\nexport class TenantHeaderLinkPlugin extends ApolloLinkPlugin {\n    private readonly tenant: string;\n\n    public constructor(tenant?: string) {\n        super();\n        this.name = \"tenant-header-link\";\n\n        if (!tenant) {\n            const query = new URLSearchParams(location.search);\n            tenant = query.get(\"__tenant\") || window.__PS_RENDER_TENANT__;\n        }\n\n        this.tenant = tenant;\n    }\n\n    public override createLink(): ApolloLink {\n        return setContext((_, { headers }) => {\n            // If tenant header is already set, do not overwrite it.\n            if (headers && \"x-tenant\" in headers) {\n                return { headers };\n            }\n\n            if (this.tenant) {\n                return {\n                    headers: {\n                        ...headers,\n                        \"x-tenant\": this.tenant\n                    }\n                };\n            }\n\n            return { headers };\n        });\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AASA;AACA;AACA;AAFA,IAGaA,sBAAsB;EAAA;EAAA;EAG/B,gCAAmBC,MAAe,EAAE;IAAA;IAAA;IAChC;IAAQ;IACR,MAAKC,IAAI,GAAG,oBAAoB;IAEhC,IAAI,CAACD,MAAM,EAAE;MACT,IAAME,KAAK,GAAG,IAAIC,eAAe,CAACC,QAAQ,CAACC,MAAM,CAAC;MAClDL,MAAM,GAAGE,KAAK,CAACI,GAAG,CAAC,UAAU,CAAC,IAAIC,MAAM,CAACC,oBAAoB;IACjE;IAEA,MAAKR,MAAM,GAAGA,MAAM;IAAC;EACzB;EAAC;IAAA;IAAA,OAED,sBAAyC;MAAA;MACrC,OAAO,IAAAS,6BAAU,EAAC,UAACC,CAAC,QAAkB;QAAA,IAAdC,OAAO,QAAPA,OAAO;QAC3B;QACA,IAAIA,OAAO,IAAI,UAAU,IAAIA,OAAO,EAAE;UAClC,OAAO;YAAEA,OAAO,EAAPA;UAAQ,CAAC;QACtB;QAEA,IAAI,MAAI,CAACX,MAAM,EAAE;UACb,OAAO;YACHW,OAAO,8DACAA,OAAO;cACV,UAAU,EAAE,MAAI,CAACX;YAAM;UAE/B,CAAC;QACL;QAEA,OAAO;UAAEW,OAAO,EAAPA;QAAQ,CAAC;MACtB,CAAC,CAAC;IACN;EAAC;EAAA;AAAA,EAjCuCC,mCAAgB;AAAA"}

package/plugins/ViewPlugin.d.ts

@@ -5,10 +5,10 @@ interface Config<Props> {
     render(props: Props): React.ReactElement | null;
 }
 export declare class ViewPlugin<Props = any> extends Plugin {
-    static readonly type = "view";
-    private _config;
+    static readonly type: string;
+    private readonly _config;
     constructor(config?: Config<Props>);
-    get key(): string;
-    render(props: Props): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
+    get key(): string | undefined;
+    render(props: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 }
 export {};

package/plugins/ViewPlugin.js

@@ -1,29 +1,29 @@
-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 { Plugin } from "@webiny/plugins";
-export var ViewPlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(ViewPlugin, _Plugin);
-
-  var _super = _createSuper(ViewPlugin);
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ViewPlugin = void 0;
+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 _plugins = require("@webiny/plugins");
+var ViewPlugin = /*#__PURE__*/function (_Plugin) {
+  (0, _inherits2.default)(ViewPlugin, _Plugin);
+  var _super = (0, _createSuper2.default)(ViewPlugin);
   function ViewPlugin(config) {
     var _this;
-
-    _classCallCheck(this, ViewPlugin);
-
+    (0, _classCallCheck2.default)(this, ViewPlugin);
     _this = _super.call(this);
-
-    _defineProperty(_assertThisInitialized(_this), "_config", void 0);
-
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_config", void 0);
     _this._config = config || {};
     return _this;
   }
-
-  _createClass(ViewPlugin, [{
+  (0, _createClass2.default)(ViewPlugin, [{
     key: "key",
     get: function get() {
       return this._config.name;
@@ -31,11 +31,13 @@ export var ViewPlugin = /*#__PURE__*/function (_Plugin) {
   }, {
     key: "render",
     value: function render(props) {
+      if (!this._config.render) {
+        return null;
+      }
       return this._config.render(props);
     }
   }]);
-
   return ViewPlugin;
-}(Plugin);
-
-_defineProperty(ViewPlugin, "type", "view");
+}(_plugins.Plugin);
+exports.ViewPlugin = ViewPlugin;
+(0, _defineProperty2.default)(ViewPlugin, "type", "view");

package/plugins/ViewPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ViewPlugin","config","_config","name","props","render","Plugin"],"sources":["ViewPlugin.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface Config<Props> {\n    name: string;\n    render(props: Props): React.ReactElement | null;\n}\n\nexport class ViewPlugin<Props = any> extends Plugin {\n    public static override readonly type: string = \"view\";\n    private readonly _config: Partial<Config<Props>>;\n\n    public constructor(config?: Config<Props>) {\n        super();\n        this._config = config || {};\n    }\n\n    get key() {\n        return this._config.name;\n    }\n\n    public render(props: Props) {\n        if (!this._config.render) {\n            return null;\n        }\n        return this._config.render(props);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AACA;AAAyC,IAO5BA,UAAU;EAAA;EAAA;EAInB,oBAAmBC,MAAsB,EAAE;IAAA;IAAA;IACvC;IAAQ;IACR,MAAKC,OAAO,GAAGD,MAAM,IAAI,CAAC,CAAC;IAAC;EAChC;EAAC;IAAA;IAAA,KAED,eAAU;MACN,OAAO,IAAI,CAACC,OAAO,CAACC,IAAI;IAC5B;EAAC;IAAA;IAAA,OAED,gBAAcC,KAAY,EAAE;MACxB,IAAI,CAAC,IAAI,CAACF,OAAO,CAACG,MAAM,EAAE;QACtB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACH,OAAO,CAACG,MAAM,CAACD,KAAK,CAAC;IACrC;EAAC;EAAA;AAAA,EAlBwCE,eAAM;AAAA;AAAA,8BAAtCN,UAAU,UAC4B,MAAM"}

package/plugins/image.js

@@ -1,91 +1,84 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _Image = require("@webiny/ui/Image");
 var _excluded = ["transform", "srcSet"];
-import React from "react";
-import { Image } from "@webiny/ui/Image";
 var SUPPORTED_IMAGE_RESIZE_WIDTHS = [100, 300, 500, 750, 1000, 1500, 2500];
+
 /**
  * Width of the image should not be just any random number. For optimization reasons,
  * we only allow the ones listed in SUPPORTED_IMAGE_RESIZE_WIDTHS list (Webiny Cloud supports only these).
  */
-
 var getSupportedImageResizeWidth = function getSupportedImageResizeWidth(width) {
   var output = SUPPORTED_IMAGE_RESIZE_WIDTHS[0];
   var i = SUPPORTED_IMAGE_RESIZE_WIDTHS.length;
-
   while (i >= 0) {
     if (width === SUPPORTED_IMAGE_RESIZE_WIDTHS[i]) {
       output = SUPPORTED_IMAGE_RESIZE_WIDTHS[i];
       break;
     }
-
     if (width > SUPPORTED_IMAGE_RESIZE_WIDTHS[i]) {
       // Use next larger width. If there isn't any, use current.
       output = SUPPORTED_IMAGE_RESIZE_WIDTHS[i + 1];
-
       if (!output) {
         output = SUPPORTED_IMAGE_RESIZE_WIDTHS[i];
       }
-
       break;
     }
-
     i--;
   }
-
   return output;
 };
 /**
  * Currently we only allow "width" as a transform option.
  * @param args
  */
-
-
 var sanitizeTransformArgs = function sanitizeTransformArgs(args) {
   var output = {};
-
-  if (args) {
-    var width = parseInt(args.width);
-
-    if (width > 0) {
-      output.width = getSupportedImageResizeWidth(width);
-    }
+  if (!args || args.width === undefined || args.width === null) {
+    return output;
+  }
+  var width = parseInt(args.width);
+  if (width > 0) {
+    output.width = getSupportedImageResizeWidth(width);
   }
-
   return output;
 };
-
 var getSizes = function getSizes(width) {
+  if (typeof width !== "string") {
+    return undefined;
+  }
   // Check if width was set as percentage, with "%" in the value.
-  if (typeof width === "string" && width.endsWith("%")) {
+  if (width.endsWith("%")) {
     return "".concat(parseInt(width), "vw");
-  } // Check if width was set as viewport width, with "vw" in the value.
-
-
-  if (typeof width === "string" && width.endsWith("vw")) {
+  }
+  // Check if width was set as viewport width, with "vw" in the value.
+  if (width.endsWith("vw")) {
     return "".concat(parseInt(width), "vw");
-  } // Check if width was set as relative, with "em" in the value.
-
+  }
 
-  if (typeof width === "string" && width.endsWith("em")) {
+  // Check if width was set as relative, with "em" in the value.
+  if (width.endsWith("em")) {
     return "".concat(parseInt(width), "em");
   }
-
-  return null;
+  return undefined;
 };
-
 var isFixedImageWidth = function isFixedImageWidth(width) {
   if (Number.isFinite(width)) {
     return true;
   }
-
   if (typeof width === "string" && width.endsWith("px")) {
     return true;
   }
-
   return false;
 };
-
 var getSrcSetAutoSizes = function getSrcSetAutoSizes(max) {
   max = isFixedImageWidth(max) ? parseInt("" + max) : 2500;
   var maxWidth = getSupportedImageResizeWidth(max);
@@ -93,14 +86,12 @@ var getSrcSetAutoSizes = function getSrcSetAutoSizes(max) {
     return supportedWidth <= maxWidth;
   });
 };
-
 var convertTransformToQueryParams = function convertTransformToQueryParams(transform) {
   return Object.keys(transform).map(function (key) {
     return "".concat(key, "=").concat(transform[key]);
   }).join("&");
 };
-
-export default (function () {
+var _default = function _default() {
   var imagePlugin = {
     name: "image-component",
     type: "image-component",
@@ -113,48 +104,42 @@ export default (function () {
       if (!props) {
         return "";
       }
-
       var src = props.src,
-          transform = props.transform;
-
+        transform = props.transform;
       if (!transform) {
         return src;
       }
-
       if (!src || src.startsWith("data:") || src.endsWith("svg")) {
         return src;
       }
-
-      var params = sanitizeTransformArgs(transform);
-      params = convertTransformToQueryParams(params);
+      var sanitizedParams = sanitizeTransformArgs(transform);
+      var params = convertTransformToQueryParams(sanitizedParams);
       return src + "?" + params;
     },
     render: function render(props) {
       var transform = props.transform,
-          srcSetInitial = props.srcSet,
-          imageProps = _objectWithoutProperties(props, _excluded);
-
+        srcSetInitial = props.srcSet,
+        imageProps = (0, _objectWithoutProperties2.default)(props, _excluded);
       var srcSet = srcSetInitial;
       var sizes;
       var src = imageProps.src;
-
       if (srcSet && srcSet === "auto") {
-        srcSet = {}; // Check if image width was forced, and additionally if width was set as pixels, with "px" in the value.
+        srcSet = {};
 
+        // Check if image width was forced, and additionally if width was set as pixels, with "px" in the value.
         var forcedWidth = props.width || props.style && props.style.width;
         var srcSetAutoWidths = getSrcSetAutoSizes(forcedWidth);
         srcSetAutoWidths.forEach(function (width) {
           srcSet[width + "w"] = imagePlugin.getImageSrc({
             src: src,
-            transform: _objectSpread(_objectSpread({}, transform), {}, {
+            transform: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, transform), {}, {
               width: width
             })
           });
         });
         sizes = getSizes(forcedWidth);
       }
-
-      return /*#__PURE__*/React.createElement(Image, Object.assign({}, imageProps, {
+      return /*#__PURE__*/_react.default.createElement(_Image.Image, Object.assign({}, imageProps, {
         srcSet: srcSet,
         src: src,
         sizes: sizes
@@ -162,4 +147,5 @@ export default (function () {
     }
   };
   return imagePlugin;
-});
+};
+exports.default = _default;