@webiny/app 5.15.0-beta.0

package/plugins/ApolloLinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/plugins/ApolloLinkPlugin.ts"],"names":["Plugin","ApolloLinkPlugin","factory","Error","name"],"mappings":";;;;;;AACA,SAASA,MAAT,QAAuB,iBAAvB;AAMA,WAAaC,gBAAb;AAAA;;AAAA;;AAII,4BAAYC,OAAZ,EAAyC;AAAA;;AAAA;;AACrC;;AADqC;;AAErC,UAAKA,OAAL,GAAeA,OAAf;AAFqC;AAGxC;;AAPL;AAAA;AAAA,WASI,sBAAyB;AACrB,UAAI,OAAO,KAAKA,OAAZ,KAAwB,UAA5B,EAAwC;AACpC,eAAO,KAAKA,OAAL,EAAP;AACH;;AAED,YAAMC,KAAK,iDACiC,KAAKC,IADtC,2HAAX;AAGH;AAjBL;;AAAA;AAAA,EAAsCJ,MAAtC;;gBAAaC,gB,UACqB,a","sourcesContent":["import { ApolloLink } from \"apollo-link\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface ApolloLinkFactory {\n    (): ApolloLink;\n}\n\nexport class ApolloLinkPlugin extends Plugin {\n    public static readonly type = \"apollo-link\";\n    private factory: ApolloLinkFactory;\n\n    constructor(factory?: ApolloLinkFactory) {\n        super();\n        this.factory = factory;\n    }\n\n    createLink(): ApolloLink {\n        if (typeof this.factory === \"function\") {\n            return this.factory();\n        }\n\n        throw Error(\n            `Missing ApolloLinkFactory in plugin \"${this.name}\"! Either pass a factory to ApolloLinkPlugin constructor or extend the class and override the \"createLink\" method.`\n        );\n    }\n}\n"],"file":"ApolloLinkPlugin.js"}

package/plugins/ConsoleLinkPlugin.d.ts

@@ -0,0 +1,8 @@
+import { ApolloLink } from "apollo-link";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+/**
+ * This link checks for presence of `extensions.console` in the response and logs all items to browser console.
+ */
+export declare class ConsoleLinkPlugin extends ApolloLinkPlugin {
+    createLink(): ApolloLink;
+}

package/plugins/ConsoleLinkPlugin.js

@@ -0,0 +1,48 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+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";
+/**
+ * This link checks for presence of `extensions.console` in the response and logs all items to browser console.
+ */
+
+export var ConsoleLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
+  _inherits(ConsoleLinkPlugin, _ApolloLinkPlugin);
+
+  var _super = _createSuper(ConsoleLinkPlugin);
+
+  function ConsoleLinkPlugin() {
+    _classCallCheck(this, ConsoleLinkPlugin);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(ConsoleLinkPlugin, [{
+    key: "createLink",
+    value: function createLink() {
+      return new ApolloLink(function (operation, forward) {
+        var isQuery = operation.query.definitions[0]["operation"] === "query";
+        return forward(operation).map(function (data) {
+          if (data.extensions && Array.isArray(data.extensions.console) && data.extensions.console.length) {
+            var variables = isQuery ? JSON.stringify(operation.variables) : "{ see request details in the Network tab }";
+            console.groupCollapsed("Logs for graphQL ".concat(isQuery ? "query" : "mutation", ": %c").concat(operation.operationName || "anonymous operation", " %c").concat(variables, "%c"), "color: #fa5a28", "color: #6b6b6b", "color: black");
+            data.extensions.console.forEach(function (log) {
+              var _console;
+
+              (_console = console)[log.method].apply(_console, _toConsumableArray(log.args));
+            });
+            console.groupEnd();
+          }
+
+          return data;
+        });
+      });
+    }
+  }]);
+
+  return ConsoleLinkPlugin;
+}(ApolloLinkPlugin);
+//# sourceMappingURL=ConsoleLinkPlugin.js.map

package/plugins/ConsoleLinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/plugins/ConsoleLinkPlugin.ts"],"names":["ApolloLink","ApolloLinkPlugin","ConsoleLinkPlugin","operation","forward","isQuery","query","definitions","map","data","extensions","Array","isArray","console","length","variables","JSON","stringify","groupCollapsed","operationName","forEach","log","method","args","groupEnd"],"mappings":";;;;;AAAA,SAASA,UAAT,QAA2B,aAA3B;AACA,SAASC,gBAAT;AAEA;AACA;AACA;;AACA,WAAaC,iBAAb;AAAA;;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA,WACI,sBAAa;AACT,aAAO,IAAIF,UAAJ,CAAe,UAACG,SAAD,EAAYC,OAAZ,EAAwB;AAC1C,YAAMC,OAAO,GAAGF,SAAS,CAACG,KAAV,CAAgBC,WAAhB,CAA4B,CAA5B,EAA+B,WAA/B,MAAgD,OAAhE;AAEA,eAAOH,OAAO,CAACD,SAAD,CAAP,CAAmBK,GAAnB,CAAuB,UAAAC,IAAI,EAAI;AAClC,cACIA,IAAI,CAACC,UAAL,IACAC,KAAK,CAACC,OAAN,CAAcH,IAAI,CAACC,UAAL,CAAgBG,OAA9B,CADA,IAEAJ,IAAI,CAACC,UAAL,CAAgBG,OAAhB,CAAwBC,MAH5B,EAIE;AACE,gBAAMC,SAAS,GAAGV,OAAO,GACnBW,IAAI,CAACC,SAAL,CAAed,SAAS,CAACY,SAAzB,CADmB,GAEnB,4CAFN;AAGAF,YAAAA,OAAO,CAACK,cAAR,4BACwBb,OAAO,GAAG,OAAH,GAAa,UAD5C,iBAEQF,SAAS,CAACgB,aAAV,IAA2B,qBAFnC,gBAGUJ,SAHV,SAII,gBAJJ,EAKI,gBALJ,EAMI,cANJ;AAQAN,YAAAA,IAAI,CAACC,UAAL,CAAgBG,OAAhB,CAAwBO,OAAxB,CAAgC,UAAAC,GAAG,EAAI;AAAA;;AACnC,0BAAAR,OAAO,EAACQ,GAAG,CAACC,MAAL,CAAP,oCAAuBD,GAAG,CAACE,IAA3B;AACH,aAFD;AAGAV,YAAAA,OAAO,CAACW,QAAR;AACH;;AAED,iBAAOf,IAAP;AACH,SAxBM,CAAP;AAyBH,OA5BM,CAAP;AA6BH;AA/BL;;AAAA;AAAA,EAAuCR,gBAAvC","sourcesContent":["import { ApolloLink } from \"apollo-link\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\n\n/**\n * This link checks for presence of `extensions.console` in the response and logs all items to browser console.\n */\nexport class ConsoleLinkPlugin extends ApolloLinkPlugin {\n    createLink() {\n        return new ApolloLink((operation, forward) => {\n            const isQuery = operation.query.definitions[0][\"operation\"] === \"query\";\n\n            return forward(operation).map(data => {\n                if (\n                    data.extensions &&\n                    Array.isArray(data.extensions.console) &&\n                    data.extensions.console.length\n                ) {\n                    const variables = isQuery\n                        ? JSON.stringify(operation.variables)\n                        : \"{ see request details in the Network tab }\";\n                    console.groupCollapsed(\n                        `Logs for graphQL ${isQuery ? \"query\" : \"mutation\"}: %c${\n                            operation.operationName || \"anonymous operation\"\n                        } %c${variables}%c`,\n                        \"color: #fa5a28\",\n                        \"color: #6b6b6b\",\n                        \"color: black\"\n                    );\n                    data.extensions.console.forEach(log => {\n                        console[log.method](...log.args);\n                    });\n                    console.groupEnd();\n                }\n\n                return data;\n            });\n        });\n    }\n}\n"],"file":"ConsoleLinkPlugin.js"}

package/plugins/LocaleHeaderLinkPlugin.d.ts

@@ -0,0 +1,14 @@
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+declare global {
+    interface Window {
+        __PS_RENDER_LOCALE__: string;
+    }
+}
+/**
+ * Append `x-i18n-locale` header from URL query (necessary for prerendering service).
+ */
+export declare class LocaleHeaderLinkPlugin extends ApolloLinkPlugin {
+    private locale;
+    constructor(locale?: string);
+    createLink(): import("apollo-link").ApolloLink;
+}

package/plugins/LocaleHeaderLinkPlugin.js

@@ -0,0 +1,62 @@
+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";
+
+/**
+ * Append `x-i18n-locale` header from URL query (necessary for prerendering service).
+ */
+export var LocaleHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
+  _inherits(LocaleHeaderLinkPlugin, _ApolloLinkPlugin);
+
+  var _super = _createSuper(LocaleHeaderLinkPlugin);
+
+  function LocaleHeaderLinkPlugin(locale) {
+    var _this;
+
+    _classCallCheck(this, LocaleHeaderLinkPlugin);
+
+    _this = _super.call(this);
+
+    _defineProperty(_assertThisInitialized(_this), "locale", void 0);
+
+    if (!locale) {
+      var query = new URLSearchParams(location.search);
+      locale = query.get("__locale") || window.__PS_RENDER_LOCALE__;
+    }
+
+    _this.locale = locale;
+    return _this;
+  }
+
+  _createClass(LocaleHeaderLinkPlugin, [{
+    key: "createLink",
+    value: function createLink() {
+      var _this2 = this;
+
+      return setContext(function (_, _ref) {
+        var headers = _ref.headers;
+
+        if (_this2.locale) {
+          return {
+            headers: _objectSpread(_objectSpread({}, headers), {}, {
+              "x-i18n-locale": "content:".concat(_this2.locale, ";")
+            })
+          };
+        }
+
+        return {
+          headers: headers
+        };
+      });
+    }
+  }]);
+
+  return LocaleHeaderLinkPlugin;
+}(ApolloLinkPlugin);
+//# sourceMappingURL=LocaleHeaderLinkPlugin.js.map

package/plugins/LocaleHeaderLinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/plugins/LocaleHeaderLinkPlugin.ts"],"names":["setContext","ApolloLinkPlugin","LocaleHeaderLinkPlugin","locale","query","URLSearchParams","location","search","get","window","__PS_RENDER_LOCALE__","_","headers"],"mappings":";;;;;;;AAAA,SAASA,UAAT,QAA2B,qBAA3B;AACA,SAASC,gBAAT;;AAQA;AACA;AACA;AACA,WAAaC,sBAAb;AAAA;;AAAA;;AAGI,kCAAYC,MAAZ,EAA6B;AAAA;;AAAA;;AACzB;;AADyB;;AAGzB,QAAI,CAACA,MAAL,EAAa;AACT,UAAMC,KAAK,GAAG,IAAIC,eAAJ,CAAoBC,QAAQ,CAACC,MAA7B,CAAd;AACAJ,MAAAA,MAAM,GAAGC,KAAK,CAACI,GAAN,CAAU,UAAV,KAAyBC,MAAM,CAACC,oBAAzC;AACH;;AAED,UAAKP,MAAL,GAAcA,MAAd;AARyB;AAS5B;;AAZL;AAAA;AAAA,WAcI,sBAAa;AAAA;;AACT,aAAOH,UAAU,CAAC,UAACW,CAAD,QAAoB;AAAA,YAAdC,OAAc,QAAdA,OAAc;;AAClC,YAAI,MAAI,CAACT,MAAT,EAAiB;AACb,iBAAO;AACHS,YAAAA,OAAO,kCACAA,OADA;AAEH,iDAA4B,MAAI,CAACT,MAAjC;AAFG;AADJ,WAAP;AAMH;;AAED,eAAO;AAAES,UAAAA,OAAO,EAAPA;AAAF,SAAP;AACH,OAXgB,CAAjB;AAYH;AA3BL;;AAAA;AAAA,EAA4CX,gBAA5C","sourcesContent":["import { setContext } from \"apollo-link-context\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\n\ndeclare global {\n    interface Window {\n        __PS_RENDER_LOCALE__: string;\n    }\n}\n\n/**\n * Append `x-i18n-locale` header from URL query (necessary for prerendering service).\n */\nexport class LocaleHeaderLinkPlugin extends ApolloLinkPlugin {\n    private locale: string;\n\n    constructor(locale?: string) {\n        super();\n\n        if (!locale) {\n            const query = new URLSearchParams(location.search);\n            locale = query.get(\"__locale\") || window.__PS_RENDER_LOCALE__;\n        }\n\n        this.locale = locale;\n    }\n\n    createLink() {\n        return setContext((_, { headers }) => {\n            if (this.locale) {\n                return {\n                    headers: {\n                        ...headers,\n                        \"x-i18n-locale\": `content:${this.locale};`\n                    }\n                };\n            }\n\n            return { headers };\n        });\n    }\n}\n"],"file":"LocaleHeaderLinkPlugin.js"}

package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const ErrorOverlay: ({ query, networkError }: {
+    query: any;
+    networkError: any;
+}) => JSX.Element;
+export default ErrorOverlay;

package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js

@@ -0,0 +1,77 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+import React, { useState } from "react";
+import get from "lodash/get";
+import { IconButton } from "@webiny/ui/Button";
+import { Typography } from "@webiny/ui/Typography";
+import { i18n } from "../../i18n";
+import { OverlayWrapper, Pre } from "./StyledComponents";
+import { ReactComponent as CloseIcon } from "@svgr/webpack!./assets/close_24px.svg";
+var t = i18n.ns("app/graphql/error-overlay");
+var ENVIRONMENT_VARIABLES_ARTICLE_LINK = "https://www.webiny.com/docs/how-to-guides/environment-variables";
+
+var ErrorOverlay = function ErrorOverlay(_ref) {
+  var query = _ref.query,
+      networkError = _ref.networkError;
+
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1]; // Log error in browser's developer console for further inspection.
+
+
+  console.error({
+    networkError: networkError
+  });
+
+  if (!open) {
+    return null;
+  }
+
+  var stackTrace = get(networkError, "result.error.stack");
+  return /*#__PURE__*/React.createElement(OverlayWrapper, null, /*#__PURE__*/React.createElement("div", {
+    className: "inner"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "header__title"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "headline4"
+  }, networkError.message)), /*#__PURE__*/React.createElement("div", {
+    className: "header__action"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    icon: /*#__PURE__*/React.createElement(CloseIcon, null),
+    onClick: function onClick() {
+      return setOpen(false);
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "body"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "body__summary"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "subtitle1"
+  }, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Error occurred while executing operation:"])))), /*#__PURE__*/React.createElement(Pre, null, /*#__PURE__*/React.createElement("code", null, query))), stackTrace && /*#__PURE__*/React.createElement("div", {
+    className: "body__description"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "subtitle1"
+  }, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Complete stack trace:"])))), /*#__PURE__*/React.createElement(Pre, null, /*#__PURE__*/React.createElement("code", null, stackTrace)))), /*#__PURE__*/React.createElement("div", {
+    className: "footer"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "body2"
+  }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                        This screen is only visible if {message} environment variable is set.\n                        Read more about it in the {link}. "])))({
+    message: /*#__PURE__*/React.createElement("span", {
+      className: "highlight"
+    }, "`REACT_APP_DEBUG=true`"),
+    link: /*#__PURE__*/React.createElement("a", {
+      href: ENVIRONMENT_VARIABLES_ARTICLE_LINK,
+      target: "_blank",
+      rel: "noreferrer noopener"
+    }, "environment variables article")
+  }), /*#__PURE__*/React.createElement("br", null), t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Open your browser's developer console to further inspect this error."])))))));
+};
+
+export default ErrorOverlay;
+//# sourceMappingURL=ErrorOverlay.js.map

package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/NetworkErrorLinkPlugin/ErrorOverlay.tsx"],"names":["React","useState","get","IconButton","Typography","i18n","OverlayWrapper","Pre","t","ns","ENVIRONMENT_VARIABLES_ARTICLE_LINK","ErrorOverlay","query","networkError","open","setOpen","console","error","stackTrace","message","link"],"mappings":";;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,GAAP,MAAgB,YAAhB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,UAAT,QAA2B,uBAA3B;AACA,SAASC,IAAT;AACA,SAASC,cAAT,EAAyBC,GAAzB;;AAGA,IAAMC,CAAC,GAAGH,IAAI,CAACI,EAAL,CAAQ,2BAAR,CAAV;AAEA,IAAMC,kCAAkC,GACpC,iEADJ;;AAGA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAA6B;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;;AAC9C,kBAAwBZ,QAAQ,CAAC,IAAD,CAAhC;AAAA;AAAA,MAAOa,IAAP;AAAA,MAAaC,OAAb,iBAD8C,CAE9C;;;AACAC,EAAAA,OAAO,CAACC,KAAR,CAAc;AAAEJ,IAAAA,YAAY,EAAZA;AAAF,GAAd;;AAEA,MAAI,CAACC,IAAL,EAAW;AACP,WAAO,IAAP;AACH;;AAED,MAAMI,UAAU,GAAGhB,GAAG,CAACW,YAAD,EAAe,oBAAf,CAAtB;AAEA,sBACI,oBAAC,cAAD,qBACI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAE;AAAjB,KAA+BA,YAAY,CAACM,OAA5C,CADJ,CADJ,eAII;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI,oBAAC,UAAD;AAAY,IAAA,IAAI,eAAE,oBAAC,SAAD,OAAlB;AAAiC,IAAA,OAAO,EAAE;AAAA,aAAMJ,OAAO,CAAC,KAAD,CAAb;AAAA;AAA1C,IADJ,CAJJ,CADJ,eASI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI,oBAAC,UAAD;AACI,IAAA,GAAG,EAAE;AADT,KAEEP,CAFF,+GADJ,eAII,oBAAC,GAAD,qBACI,kCAAOI,KAAP,CADJ,CAJJ,CADJ,EASKM,UAAU,iBACP;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAE;AAAjB,KAA+BV,CAA/B,6FADJ,eAEI,oBAAC,GAAD,qBACI,kCAAOU,UAAP,CADJ,CAFJ,CAVR,CATJ,eA2BI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAE;AAAjB,KACKV,CAAC,kOAAD,CAEmC;AAChCW,IAAAA,OAAO,eAAE;AAAM,MAAA,SAAS,EAAE;AAAjB,gCADuB;AAEhCC,IAAAA,IAAI,eACA;AACI,MAAA,IAAI,EAAEV,kCADV;AAEI,MAAA,MAAM,EAAE,QAFZ;AAGI,MAAA,GAAG,EAAE;AAHT;AAH4B,GAFnC,CADL,eAeI,+BAfJ,EAgBKF,CAhBL,4IADJ,CA3BJ,CADJ,CADJ;AAoDH,CA/DD;;AAiEA,eAAeG,YAAf","sourcesContent":["import React, { useState } from \"react\";\nimport get from \"lodash/get\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { i18n } from \"../../i18n\";\nimport { OverlayWrapper, Pre } from \"./StyledComponents\";\nimport { ReactComponent as CloseIcon } from \"./assets/close_24px.svg\";\n\nconst t = i18n.ns(\"app/graphql/error-overlay\");\n\nconst ENVIRONMENT_VARIABLES_ARTICLE_LINK =\n    \"https://www.webiny.com/docs/how-to-guides/environment-variables\";\n\nconst ErrorOverlay = ({ query, networkError }) => {\n    const [open, setOpen] = useState(true);\n    // Log error in browser's developer console for further inspection.\n    console.error({ networkError });\n\n    if (!open) {\n        return null;\n    }\n\n    const stackTrace = get(networkError, \"result.error.stack\");\n\n    return (\n        <OverlayWrapper>\n            <div className=\"inner\">\n                <div className=\"header\">\n                    <div className=\"header__title\">\n                        <Typography use={\"headline4\"}>{networkError.message}</Typography>\n                    </div>\n                    <div className=\"header__action\">\n                        <IconButton icon={<CloseIcon />} onClick={() => setOpen(false)} />\n                    </div>\n                </div>\n                <div className=\"body\">\n                    <div className=\"body__summary\">\n                        <Typography\n                            use={\"subtitle1\"}\n                        >{t`Error occurred while executing operation:`}</Typography>\n                        <Pre>\n                            <code>{query}</code>\n                        </Pre>\n                    </div>\n                    {stackTrace && (\n                        <div className=\"body__description\">\n                            <Typography use={\"subtitle1\"}>{t`Complete stack trace:`}</Typography>\n                            <Pre>\n                                <code>{stackTrace}</code>\n                            </Pre>\n                        </div>\n                    )}\n                </div>\n                <div className=\"footer\">\n                    <Typography use={\"body2\"}>\n                        {t`\n                        This screen is only visible if {message} environment variable is set.\n                        Read more about it in the {link}. `({\n                            message: <span className={\"highlight\"}>`REACT_APP_DEBUG=true`</span>,\n                            link: (\n                                <a\n                                    href={ENVIRONMENT_VARIABLES_ARTICLE_LINK}\n                                    target={\"_blank\"}\n                                    rel={\"noreferrer noopener\"}\n                                >\n                                    environment variables article\n                                </a>\n                            )\n                        })}\n                        <br />\n                        {t`Open your browser's developer console to further inspect this error.`}\n                    </Typography>\n                </div>\n            </div>\n        </OverlayWrapper>\n    );\n};\n\nexport default ErrorOverlay;\n"],"file":"ErrorOverlay.js"}

package/plugins/NetworkErrorLinkPlugin/StyledComponents.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const OverlayWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "color" | "style" | "translate" | "prefix" | "slot" | "title" | "children" | "defaultValue" | "id" | "dir" | "className" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
+export declare const Pre: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, "hidden" | "color" | "style" | "translate" | "prefix" | "slot" | "title" | "children" | "defaultValue" | "id" | "dir" | "className" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;

package/plugins/NetworkErrorLinkPlugin/StyledComponents.js

@@ -0,0 +1,10 @@
+import styled from "@emotion/styled";
+export var OverlayWrapper = /*#__PURE__*/styled("div", {
+  target: "e1rvk94r0",
+  label: "OverlayWrapper"
+})("\n    width: 100vw;\n    height: 100vh;\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 105; // The highest z-index value is 100 for Dialogs\n    \n    .inner {\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        height: 100%;\n        overflow: auto;\n        background-color: white;\n        padding: 1rem;\n    }\n    \n    .header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 1rem;\n        .header__title {\n            color: var(--mdc-theme-error);\n        }\n    }\n    \n    .body {\n        flex-grow: 1;\n        .body__summary {\n            margin-bottom: 1rem;\n        }\n    }\n    \n    .footer {\n        color: var(--mdc-theme-text-secondary-on-background);\n        \n        .highlight {\n            background-color: rgba(251, 245, 180, 0.5);\n            padding: 0 4px;\n            border-radius: 6px;\n            font-family: monospace;\n        }\n    }\n");
+export var Pre = /*#__PURE__*/styled("pre", {
+  target: "e1rvk94r1",
+  label: "Pre"
+})("\n    position: relative;\n    display: block;\n    padding: 0.5em;\n    margin-top: 0.5em;\n    margin-bottom: 0.5em;\n    overflow-x: auto;\n    white-space: pre-wrap;\n    border-radius: 0.25rem;\n    background-color: rgba(251, 245, 180, 0.3);\n    color: inherit;\n    \n    code {\n        font-family: monospace;\n        font-size: 0.85rem;\n        line-height: 1rem;\n    }\n");
+//# sourceMappingURL=StyledComponents.js.map

package/plugins/NetworkErrorLinkPlugin/StyledComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/NetworkErrorLinkPlugin/StyledComponents.tsx"],"names":["styled","OverlayWrapper","Pre"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,OAAO,IAAMC,cAAc,gBAAGD,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,4hCAApB;AAgDP,OAAO,IAAME,GAAG,gBAAGF,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,uYAAT","sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const OverlayWrapper = styled(\"div\")(`\n    width: 100vw;\n    height: 100vh;\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 105; // The highest z-index value is 100 for Dialogs\n    \n    .inner {\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        height: 100%;\n        overflow: auto;\n        background-color: white;\n        padding: 1rem;\n    }\n    \n    .header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 1rem;\n        .header__title {\n            color: var(--mdc-theme-error);\n        }\n    }\n    \n    .body {\n        flex-grow: 1;\n        .body__summary {\n            margin-bottom: 1rem;\n        }\n    }\n    \n    .footer {\n        color: var(--mdc-theme-text-secondary-on-background);\n        \n        .highlight {\n            background-color: rgba(251, 245, 180, 0.5);\n            padding: 0 4px;\n            border-radius: 6px;\n            font-family: monospace;\n        }\n    }\n`);\n\nexport const Pre = styled(\"pre\")(`\n    position: relative;\n    display: block;\n    padding: 0.5em;\n    margin-top: 0.5em;\n    margin-bottom: 0.5em;\n    overflow-x: auto;\n    white-space: pre-wrap;\n    border-radius: 0.25rem;\n    background-color: rgba(251, 245, 180, 0.3);\n    color: inherit;\n    \n    code {\n        font-family: monospace;\n        font-size: 0.85rem;\n        line-height: 1rem;\n    }\n`);\n"],"file":"StyledComponents.js"}

package/plugins/NetworkErrorLinkPlugin/assets/close_24px.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"/></svg>

package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.d.ts

@@ -0,0 +1,5 @@
+declare const createErrorOverlay: ({ query, networkError }: {
+    query: any;
+    networkError: any;
+}) => void;
+export default createErrorOverlay;

package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { render } from "react-dom";
+import ErrorOverlay from "./ErrorOverlay";
+
+var createErrorOverlay = function createErrorOverlay(_ref) {
+  var query = _ref.query,
+      networkError = _ref.networkError;
+
+  // If the element already present in DOM, return immediately.
+  if (document.getElementById("overlay-root")) {
+    return;
+  } // Create root element to hold React tree.
+
+
+  var container = document.createElement("div");
+  container.id = "overlay-root"; // Insert root element into body.
+
+  var body = document.getElementsByTagName("body")[0];
+  body.appendChild(container); // Mount the ErrorOverlay component into root element.
+
+  render( /*#__PURE__*/React.createElement(ErrorOverlay, {
+    query: query,
+    networkError: networkError
+  }), container);
+};
+
+export default createErrorOverlay;
+//# sourceMappingURL=createErrorOverlay.js.map

package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/NetworkErrorLinkPlugin/createErrorOverlay.tsx"],"names":["React","render","ErrorOverlay","createErrorOverlay","query","networkError","document","getElementById","container","createElement","id","body","getElementsByTagName","appendChild"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,OAAOC,YAAP;;AAEA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,OAA6B;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,YAAmB,QAAnBA,YAAmB;;AACpD;AACA,MAAIC,QAAQ,CAACC,cAAT,CAAwB,cAAxB,CAAJ,EAA6C;AACzC;AACH,GAJmD,CAKpD;;;AACA,MAAMC,SAAyB,GAAGF,QAAQ,CAACG,aAAT,CAAuB,KAAvB,CAAlC;AACAD,EAAAA,SAAS,CAACE,EAAV,GAAe,cAAf,CAPoD,CAQpD;;AACA,MAAMC,IAAqB,GAAGL,QAAQ,CAACM,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,CAA9B;AACAD,EAAAA,IAAI,CAACE,WAAL,CAAiBL,SAAjB,EAVoD,CAWpD;;AACAP,EAAAA,MAAM,eAAC,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAEG,KAArB;AAA4B,IAAA,YAAY,EAAEC;AAA1C,IAAD,EAA6DG,SAA7D,CAAN;AACH,CAbD;;AAeA,eAAeL,kBAAf","sourcesContent":["import React from \"react\";\nimport { render } from \"react-dom\";\nimport ErrorOverlay from \"./ErrorOverlay\";\n\nconst createErrorOverlay = ({ query, networkError }) => {\n    // If the element already present in DOM, return immediately.\n    if (document.getElementById(\"overlay-root\")) {\n        return;\n    }\n    // Create root element to hold React tree.\n    const container: HTMLDivElement = document.createElement(\"div\");\n    container.id = \"overlay-root\";\n    // Insert root element into body.\n    const body: HTMLBodyElement = document.getElementsByTagName(\"body\")[0];\n    body.appendChild(container);\n    // Mount the ErrorOverlay component into root element.\n    render(<ErrorOverlay query={query} networkError={networkError} />, container);\n};\n\nexport default createErrorOverlay;\n"],"file":"createErrorOverlay.js"}

package/plugins/NetworkErrorLinkPlugin.d.ts

@@ -0,0 +1,7 @@
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+/**
+ * This plugin creates an ApolloLink that checks for `NetworkError` and shows an ErrorOverlay in the browser.
+ */
+export declare class NetworkErrorLinkPlugin extends ApolloLinkPlugin {
+    createLink(): import("apollo-link").ApolloLink;
+}

package/plugins/NetworkErrorLinkPlugin.js

@@ -0,0 +1,46 @@
+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";
+/**
+ * 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);
+
+  function NetworkErrorLinkPlugin() {
+    _classCallCheck(this, NetworkErrorLinkPlugin);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(NetworkErrorLinkPlugin, [{
+    key: "createLink",
+    value: function createLink() {
+      return onError(function (_ref) {
+        var networkError = _ref.networkError,
+            operation = _ref.operation;
+        var debug = boolean(process.env.REACT_APP_DEBUG);
+
+        if (networkError && debug) {
+          createErrorOverlay({
+            query: print(operation.query),
+            networkError: networkError
+          });
+        } // TODO: also print graphQLErrors
+
+      });
+    }
+  }]);
+
+  return NetworkErrorLinkPlugin;
+}(ApolloLinkPlugin);
+//# sourceMappingURL=NetworkErrorLinkPlugin.js.map

package/plugins/NetworkErrorLinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/plugins/NetworkErrorLinkPlugin.ts"],"names":["ApolloLinkPlugin","onError","print","createErrorOverlay","boolean","NetworkErrorLinkPlugin","networkError","operation","debug","process","env","REACT_APP_DEBUG","query"],"mappings":";;;;AAAA,SAASA,gBAAT;AACA,SAASC,OAAT,QAAwB,mBAAxB;AACA,SAASC,KAAT,QAAsB,kBAAtB;AACA,OAAOC,kBAAP;AACA,SAASC,OAAT,QAAwB,SAAxB;AAEA;AACA;AACA;;AACA,WAAaC,sBAAb;AAAA;;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA,WACI,sBAAa;AACT,aAAOJ,OAAO,CAAC,gBAAiC;AAAA,YAA9BK,YAA8B,QAA9BA,YAA8B;AAAA,YAAhBC,SAAgB,QAAhBA,SAAgB;AAC5C,YAAMC,KAAK,GAAGJ,OAAO,CAACK,OAAO,CAACC,GAAR,CAAYC,eAAb,CAArB;;AAEA,YAAIL,YAAY,IAAIE,KAApB,EAA2B;AACvBL,UAAAA,kBAAkB,CAAC;AAAES,YAAAA,KAAK,EAAEV,KAAK,CAACK,SAAS,CAACK,KAAX,CAAd;AAAiCN,YAAAA,YAAY,EAAZA;AAAjC,WAAD,CAAlB;AACH,SAL2C,CAO5C;;AACH,OARa,CAAd;AASH;AAXL;;AAAA;AAAA,EAA4CN,gBAA5C","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\";\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    createLink() {\n        return onError(({ networkError, operation }) => {\n            const 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"],"file":"NetworkErrorLinkPlugin.js"}

package/plugins/OmitTypenameLinkPlugin.d.ts

@@ -0,0 +1,8 @@
+import { ApolloLink } from "apollo-link";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+/**
+ * This link removes `__typename` from the variables being sent to the API.
+ */
+export declare class OmitTypenameLinkPlugin extends ApolloLinkPlugin {
+    createLink(): ApolloLink;
+}

package/plugins/OmitTypenameLinkPlugin.js

@@ -0,0 +1,42 @@
+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";
+
+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);
+
+  function OmitTypenameLinkPlugin() {
+    _classCallCheck(this, OmitTypenameLinkPlugin);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(OmitTypenameLinkPlugin, [{
+    key: "createLink",
+    value: function createLink() {
+      return new ApolloLink(function (operation, forward) {
+        if (operation.variables) {
+          operation.variables = JSON.parse(JSON.stringify(operation.variables), omitTypename);
+        }
+
+        return forward(operation);
+      });
+    }
+  }]);
+
+  return OmitTypenameLinkPlugin;
+}(ApolloLinkPlugin);
+//# sourceMappingURL=OmitTypenameLinkPlugin.js.map

package/plugins/OmitTypenameLinkPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/plugins/OmitTypenameLinkPlugin.ts"],"names":["ApolloLink","ApolloLinkPlugin","omitTypename","key","value","undefined","OmitTypenameLinkPlugin","operation","forward","variables","JSON","parse","stringify"],"mappings":";;;;AAAA,SAASA,UAAT,QAA2B,aAA3B;AACA,SAASC,gBAAT;;AAEA,SAASC,YAAT,CAAsBC,GAAtB,EAA2BC,KAA3B,EAAkC;AAC9B,SAAOD,GAAG,KAAK,YAAR,GAAuBE,SAAvB,GAAmCD,KAA1C;AACH;AAED;AACA;AACA;;;AACA,WAAaE,sBAAb;AAAA;;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA,WACI,sBAAa;AACT,aAAO,IAAIN,UAAJ,CAAe,UAACO,SAAD,EAAYC,OAAZ,EAAwB;AAC1C,YAAID,SAAS,CAACE,SAAd,EAAyB;AACrBF,UAAAA,SAAS,CAACE,SAAV,GAAsBC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeL,SAAS,CAACE,SAAzB,CAAX,EAAgDP,YAAhD,CAAtB;AACH;;AACD,eAAOM,OAAO,CAACD,SAAD,CAAd;AACH,OALM,CAAP;AAMH;AARL;;AAAA;AAAA,EAA4CN,gBAA5C","sourcesContent":["import { ApolloLink } from \"apollo-link\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\n\nfunction omitTypename(key, value) {\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    createLink() {\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"],"file":"OmitTypenameLinkPlugin.js"}

package/plugins/RoutePlugin.d.ts

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

package/plugins/RoutePlugin.js

@@ -0,0 +1,37 @@
+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);
+
+  function RoutePlugin(config) {
+    var _this;
+
+    _classCallCheck(this, RoutePlugin);
+
+    _this = _super.call(this);
+
+    _defineProperty(_assertThisInitialized(_this), "_config", void 0);
+
+    _this._config = config || {};
+    return _this;
+  }
+
+  _createClass(RoutePlugin, [{
+    key: "route",
+    get: function get() {
+      return this._config.route;
+    }
+  }]);
+
+  return RoutePlugin;
+}(Plugin);
+
+_defineProperty(RoutePlugin, "type", "route");
+//# sourceMappingURL=RoutePlugin.js.map