@webiny/app 0.0.0-ee-vpcs.549378cf03
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/App.d.ts +24 -0
- package/App.js +116 -0
- package/App.js.map +1 -0
- package/LICENSE +21 -0
- package/README.md +19 -0
- package/apollo-client/InMemoryCache.d.ts +7 -0
- package/apollo-client/InMemoryCache.js +79 -0
- package/apollo-client/InMemoryCache.js.map +1 -0
- package/components/Image.d.ts +3 -0
- package/components/Image.js +43 -0
- package/components/Image.js.map +1 -0
- package/components/Routes.d.ts +2 -0
- package/components/Routes.js +51 -0
- package/components/Routes.js.map +1 -0
- package/components/View.d.ts +8 -0
- package/components/View.js +41 -0
- package/components/View.js.map +1 -0
- package/components/index.d.ts +2 -0
- package/components/index.js +21 -0
- package/components/index.js.map +1 -0
- package/config.d.ts +8 -0
- package/config.js +33 -0
- package/config.js.map +1 -0
- package/contexts/Ui/index.d.ts +24 -0
- package/contexts/Ui/index.js +81 -0
- package/contexts/Ui/index.js.map +1 -0
- package/core/AddRoute.d.ts +3 -0
- package/core/AddRoute.js +26 -0
- package/core/AddRoute.js.map +1 -0
- package/core/DebounceRender.d.ts +11 -0
- package/core/DebounceRender.js +51 -0
- package/core/DebounceRender.js.map +1 -0
- package/core/Plugins.d.ts +8 -0
- package/core/Plugins.js +52 -0
- package/core/Plugins.js.map +1 -0
- package/core/Provider.d.ts +9 -0
- package/core/Provider.js +27 -0
- package/core/Provider.js.map +1 -0
- package/core/Routes.d.ts +6 -0
- package/core/Routes.js +49 -0
- package/core/Routes.js.map +1 -0
- package/core/createProviderPlugin.d.ts +8 -0
- package/core/createProviderPlugin.js +25 -0
- package/core/createProviderPlugin.js.map +1 -0
- package/hooks/useAutocomplete/index.d.ts +1 -0
- package/hooks/useAutocomplete/index.js +13 -0
- package/hooks/useAutocomplete/index.js.map +1 -0
- package/hooks/useAutocomplete/useAutocomplete.d.ts +11 -0
- package/hooks/useAutocomplete/useAutocomplete.js +38 -0
- package/hooks/useAutocomplete/useAutocomplete.js.map +1 -0
- package/hooks/useDataList/functions/getData.d.ts +2 -0
- package/hooks/useDataList/functions/getData.js +16 -0
- package/hooks/useDataList/functions/getData.js.map +1 -0
- package/hooks/useDataList/functions/getError.d.ts +2 -0
- package/hooks/useDataList/functions/getError.js +16 -0
- package/hooks/useDataList/functions/getError.js.map +1 -0
- package/hooks/useDataList/functions/getMeta.d.ts +2 -0
- package/hooks/useDataList/functions/getMeta.js +16 -0
- package/hooks/useDataList/functions/getMeta.js.map +1 -0
- package/hooks/useDataList/functions/index.d.ts +3 -0
- package/hooks/useDataList/functions/index.js +31 -0
- package/hooks/useDataList/functions/index.js.map +1 -0
- package/hooks/useDataList/functions/searchDataByKey.d.ts +2 -0
- package/hooks/useDataList/functions/searchDataByKey.js +29 -0
- package/hooks/useDataList/functions/searchDataByKey.js.map +1 -0
- package/hooks/useDataList/index.d.ts +1 -0
- package/hooks/useDataList/index.js +13 -0
- package/hooks/useDataList/index.js.map +1 -0
- package/hooks/useDataList/useDataList.d.ts +36 -0
- package/hooks/useDataList/useDataList.js +208 -0
- package/hooks/useDataList/useDataList.js.map +1 -0
- package/hooks/useDataList/utils/index.d.ts +2 -0
- package/hooks/useDataList/utils/index.js +23 -0
- package/hooks/useDataList/utils/index.js.map +1 -0
- package/hooks/useDataList/utils/prepareLoadListParams.d.ts +11 -0
- package/hooks/useDataList/utils/prepareLoadListParams.js +48 -0
- package/hooks/useDataList/utils/prepareLoadListParams.js.map +1 -0
- package/hooks/useDataList/utils/redirectToRouteWithQueryParams.d.ts +14 -0
- package/hooks/useDataList/utils/redirectToRouteWithQueryParams.js +31 -0
- package/hooks/useDataList/utils/redirectToRouteWithQueryParams.js.map +1 -0
- package/hooks/useDataList/utils/types.d.ts +34 -0
- package/hooks/useDataList/utils/types.js +5 -0
- package/hooks/useDataList/utils/types.js.map +1 -0
- package/hooks/useHandler.d.ts +11 -0
- package/hooks/useHandler.js +20 -0
- package/hooks/useHandler.js.map +1 -0
- package/hooks/useHandlers.d.ts +11 -0
- package/hooks/useHandlers.js +30 -0
- package/hooks/useHandlers.js.map +1 -0
- package/hooks/useUi.d.ts +2 -0
- package/hooks/useUi.js +16 -0
- package/hooks/useUi.js.map +1 -0
- package/i18n/i18n.d.ts +2 -0
- package/i18n/i18n.js +21 -0
- package/i18n/i18n.js.map +1 -0
- package/i18n/index.d.ts +1 -0
- package/i18n/index.js +15 -0
- package/i18n/index.js.map +1 -0
- package/index.d.ts +13 -0
- package/index.js +141 -0
- package/index.js.map +1 -0
- package/package.json +78 -0
- package/plugins/AddQuerySelectionPlugin.d.ts +15 -0
- package/plugins/AddQuerySelectionPlugin.js +132 -0
- package/plugins/AddQuerySelectionPlugin.js.map +1 -0
- package/plugins/ApolloCacheObjectIdPlugin.d.ts +15 -0
- package/plugins/ApolloCacheObjectIdPlugin.js +53 -0
- package/plugins/ApolloCacheObjectIdPlugin.js.map +1 -0
- package/plugins/ApolloDynamicLink.d.ts +6 -0
- package/plugins/ApolloDynamicLink.js +83 -0
- package/plugins/ApolloDynamicLink.js.map +1 -0
- package/plugins/ApolloLinkPlugin.d.ts +13 -0
- package/plugins/ApolloLinkPlugin.js +63 -0
- package/plugins/ApolloLinkPlugin.js.map +1 -0
- package/plugins/ConsoleLinkPlugin.d.ts +8 -0
- package/plugins/ConsoleLinkPlugin.js +63 -0
- package/plugins/ConsoleLinkPlugin.js.map +1 -0
- package/plugins/LocaleHeaderLinkPlugin.d.ts +15 -0
- package/plugins/LocaleHeaderLinkPlugin.js +77 -0
- package/plugins/LocaleHeaderLinkPlugin.js.map +1 -0
- package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.d.ts +14 -0
- package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js +97 -0
- package/plugins/NetworkErrorLinkPlugin/ErrorOverlay.js.map +1 -0
- package/plugins/NetworkErrorLinkPlugin/StyledComponents.d.ts +5 -0
- package/plugins/NetworkErrorLinkPlugin/StyledComponents.js +21 -0
- package/plugins/NetworkErrorLinkPlugin/StyledComponents.js.map +1 -0
- package/plugins/NetworkErrorLinkPlugin/assets/close_24px.svg +1 -0
- package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.d.ts +7 -0
- package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js +38 -0
- package/plugins/NetworkErrorLinkPlugin/createErrorOverlay.js.map +1 -0
- package/plugins/NetworkErrorLinkPlugin.d.ts +7 -0
- package/plugins/NetworkErrorLinkPlugin.js +65 -0
- package/plugins/NetworkErrorLinkPlugin.js.map +1 -0
- package/plugins/OmitTypenameLinkPlugin.d.ts +8 -0
- package/plugins/OmitTypenameLinkPlugin.js +55 -0
- package/plugins/OmitTypenameLinkPlugin.js.map +1 -0
- package/plugins/RoutePlugin.d.ts +12 -0
- package/plugins/RoutePlugin.js +53 -0
- package/plugins/RoutePlugin.js.map +1 -0
- package/plugins/TenantHeaderLinkPlugin.d.ts +15 -0
- package/plugins/TenantHeaderLinkPlugin.js +85 -0
- package/plugins/TenantHeaderLinkPlugin.js.map +1 -0
- package/plugins/ViewPlugin.d.ts +14 -0
- package/plugins/ViewPlugin.js +58 -0
- package/plugins/ViewPlugin.js.map +1 -0
- package/plugins/image.d.ts +3 -0
- package/plugins/image.js +184 -0
- package/plugins/image.js.map +1 -0
- package/plugins/index.d.ts +20 -0
- package/plugins/index.js +110 -0
- package/plugins/index.js.map +1 -0
- package/types.d.ts +70 -0
- package/types.js +13 -0
- package/types.js.map +1 -0
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.ConsoleLinkPlugin = void 0;
|
|
9
|
+
|
|
10
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
|
+
|
|
12
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
+
|
|
14
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
+
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
+
|
|
18
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
19
|
+
|
|
20
|
+
var _apolloLink = require("apollo-link");
|
|
21
|
+
|
|
22
|
+
var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* This link checks for presence of `extensions.console` in the response and logs all items to browser console.
|
|
26
|
+
*/
|
|
27
|
+
var ConsoleLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
|
|
28
|
+
(0, _inherits2.default)(ConsoleLinkPlugin, _ApolloLinkPlugin);
|
|
29
|
+
|
|
30
|
+
var _super = (0, _createSuper2.default)(ConsoleLinkPlugin);
|
|
31
|
+
|
|
32
|
+
function ConsoleLinkPlugin() {
|
|
33
|
+
(0, _classCallCheck2.default)(this, ConsoleLinkPlugin);
|
|
34
|
+
return _super.apply(this, arguments);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
(0, _createClass2.default)(ConsoleLinkPlugin, [{
|
|
38
|
+
key: "createLink",
|
|
39
|
+
value: function createLink() {
|
|
40
|
+
return new _apolloLink.ApolloLink(function (operation, forward) {
|
|
41
|
+
var firstDefinition = operation.query.definitions[0];
|
|
42
|
+
var isQuery = firstDefinition["operation"] === "query";
|
|
43
|
+
return forward(operation).map(function (data) {
|
|
44
|
+
if (data.extensions && Array.isArray(data.extensions.console) && data.extensions.console.length) {
|
|
45
|
+
var variables = isQuery ? JSON.stringify(operation.variables) : "{ see request details in the Network tab }";
|
|
46
|
+
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");
|
|
47
|
+
data.extensions.console.forEach(function (log) {
|
|
48
|
+
var _console;
|
|
49
|
+
|
|
50
|
+
(_console = console)[log.method].apply(_console, (0, _toConsumableArray2.default)(log.args));
|
|
51
|
+
});
|
|
52
|
+
console.groupEnd();
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
return data;
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
}]);
|
|
60
|
+
return ConsoleLinkPlugin;
|
|
61
|
+
}(_ApolloLinkPlugin2.ApolloLinkPlugin);
|
|
62
|
+
|
|
63
|
+
exports.ConsoleLinkPlugin = ConsoleLinkPlugin;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ConsoleLinkPlugin","ApolloLink","operation","forward","firstDefinition","query","definitions","isQuery","map","data","extensions","Array","isArray","console","length","variables","JSON","stringify","groupCollapsed","operationName","forEach","log","method","args","groupEnd","ApolloLinkPlugin"],"sources":["ConsoleLinkPlugin.ts"],"sourcesContent":["import { ApolloLink, FetchResult as BaseFetchResult } from \"apollo-link\";\nimport { ApolloLinkPlugin } from \"./ApolloLinkPlugin\";\nimport { OperationDefinitionNode } from \"graphql/language/ast\";\n\ninterface Log {\n args: any[];\n method: \"error\" | \"info\" | \"log\" | \"warn\";\n}\n\ninterface FetchResult extends BaseFetchResult {\n extensions?: {\n console?: Log[];\n };\n}\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 public override createLink() {\n return new ApolloLink((operation, forward) => {\n const firstDefinition = operation.query.definitions[0] as OperationDefinitionNode;\n const isQuery = firstDefinition[\"operation\"] === \"query\";\n\n return forward(operation).map((data: FetchResult) => {\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: Log) => {\n console[log.method](...log.args);\n });\n console.groupEnd();\n }\n\n return data;\n });\n });\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAcA;AACA;AACA;IACaA,iB;;;;;;;;;;;;WACT,sBAA6B;MACzB,OAAO,IAAIC,sBAAJ,CAAe,UAACC,SAAD,EAAYC,OAAZ,EAAwB;QAC1C,IAAMC,eAAe,GAAGF,SAAS,CAACG,KAAV,CAAgBC,WAAhB,CAA4B,CAA5B,CAAxB;QACA,IAAMC,OAAO,GAAGH,eAAe,CAAC,WAAD,CAAf,KAAiC,OAAjD;QAEA,OAAOD,OAAO,CAACD,SAAD,CAAP,CAAmBM,GAAnB,CAAuB,UAACC,IAAD,EAAuB;UACjD,IACIA,IAAI,CAACC,UAAL,IACAC,KAAK,CAACC,OAAN,CAAcH,IAAI,CAACC,UAAL,CAAgBG,OAA9B,CADA,IAEAJ,IAAI,CAACC,UAAL,CAAgBG,OAAhB,CAAwBC,MAH5B,EAIE;YACE,IAAMC,SAAS,GAAGR,OAAO,GACnBS,IAAI,CAACC,SAAL,CAAef,SAAS,CAACa,SAAzB,CADmB,GAEnB,4CAFN;YAGAF,OAAO,CAACK,cAAR,4BACwBX,OAAO,GAAG,OAAH,GAAa,UAD5C,iBAEQL,SAAS,CAACiB,aAAV,IAA2B,qBAFnC,gBAGUJ,SAHV,SAII,gBAJJ,EAKI,gBALJ,EAMI,cANJ;YAQAN,IAAI,CAACC,UAAL,CAAgBG,OAAhB,CAAwBO,OAAxB,CAAgC,UAACC,GAAD,EAAc;cAAA;;cAC1C,YAAAR,OAAO,EAACQ,GAAG,CAACC,MAAL,CAAP,kDAAuBD,GAAG,CAACE,IAA3B;YACH,CAFD;YAGAV,OAAO,CAACW,QAAR;UACH;;UAED,OAAOf,IAAP;QACH,CAxBM,CAAP;MAyBH,CA7BM,CAAP;IA8BH;;;EAhCkCgB,mC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
|
|
2
|
+
import { ApolloLink } from "apollo-link";
|
|
3
|
+
declare global {
|
|
4
|
+
interface Window {
|
|
5
|
+
__PS_RENDER_LOCALE__: string;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Append `x-i18n-locale` header from URL query (necessary for prerendering service).
|
|
10
|
+
*/
|
|
11
|
+
export declare class LocaleHeaderLinkPlugin extends ApolloLinkPlugin {
|
|
12
|
+
private readonly locale;
|
|
13
|
+
constructor(locale?: string);
|
|
14
|
+
createLink(): ApolloLink;
|
|
15
|
+
}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.LocaleHeaderLinkPlugin = void 0;
|
|
9
|
+
|
|
10
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
+
|
|
12
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
+
|
|
14
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
+
|
|
16
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
+
|
|
18
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
+
|
|
20
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
21
|
+
|
|
22
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
+
|
|
24
|
+
var _apolloLinkContext = require("apollo-link-context");
|
|
25
|
+
|
|
26
|
+
var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* Append `x-i18n-locale` header from URL query (necessary for prerendering service).
|
|
30
|
+
*/
|
|
31
|
+
var LocaleHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
|
|
32
|
+
(0, _inherits2.default)(LocaleHeaderLinkPlugin, _ApolloLinkPlugin);
|
|
33
|
+
|
|
34
|
+
var _super = (0, _createSuper2.default)(LocaleHeaderLinkPlugin);
|
|
35
|
+
|
|
36
|
+
function LocaleHeaderLinkPlugin(locale) {
|
|
37
|
+
var _this;
|
|
38
|
+
|
|
39
|
+
(0, _classCallCheck2.default)(this, LocaleHeaderLinkPlugin);
|
|
40
|
+
_this = _super.call(this);
|
|
41
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "locale", void 0);
|
|
42
|
+
|
|
43
|
+
if (!locale) {
|
|
44
|
+
var query = new URLSearchParams(location.search);
|
|
45
|
+
locale = query.get("__locale") || window.__PS_RENDER_LOCALE__;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
_this.locale = locale;
|
|
49
|
+
return _this;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
(0, _createClass2.default)(LocaleHeaderLinkPlugin, [{
|
|
53
|
+
key: "createLink",
|
|
54
|
+
value: function createLink() {
|
|
55
|
+
var _this2 = this;
|
|
56
|
+
|
|
57
|
+
return (0, _apolloLinkContext.setContext)(function (_, _ref) {
|
|
58
|
+
var headers = _ref.headers;
|
|
59
|
+
|
|
60
|
+
if (_this2.locale) {
|
|
61
|
+
return {
|
|
62
|
+
headers: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, headers), {}, {
|
|
63
|
+
"x-i18n-locale": "content:".concat(_this2.locale, ";")
|
|
64
|
+
})
|
|
65
|
+
};
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
return {
|
|
69
|
+
headers: headers
|
|
70
|
+
};
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
}]);
|
|
74
|
+
return LocaleHeaderLinkPlugin;
|
|
75
|
+
}(_ApolloLinkPlugin2.ApolloLinkPlugin);
|
|
76
|
+
|
|
77
|
+
exports.LocaleHeaderLinkPlugin = LocaleHeaderLinkPlugin;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["LocaleHeaderLinkPlugin","locale","query","URLSearchParams","location","search","get","window","__PS_RENDER_LOCALE__","setContext","_","headers","ApolloLinkPlugin"],"sources":["LocaleHeaderLinkPlugin.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_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 readonly 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 public override createLink(): ApolloLink {\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AASA;AACA;AACA;IACaA,sB;;;;;EAGT,gCAAYC,MAAZ,EAA6B;IAAA;;IAAA;IACzB;IADyB;;IAGzB,IAAI,CAACA,MAAL,EAAa;MACT,IAAMC,KAAK,GAAG,IAAIC,eAAJ,CAAoBC,QAAQ,CAACC,MAA7B,CAAd;MACAJ,MAAM,GAAGC,KAAK,CAACI,GAAN,CAAU,UAAV,KAAyBC,MAAM,CAACC,oBAAzC;IACH;;IAED,MAAKP,MAAL,GAAcA,MAAd;IARyB;EAS5B;;;;WAED,sBAAyC;MAAA;;MACrC,OAAO,IAAAQ,6BAAA,EAAW,UAACC,CAAD,QAAoB;QAAA,IAAdC,OAAc,QAAdA,OAAc;;QAClC,IAAI,MAAI,CAACV,MAAT,EAAiB;UACb,OAAO;YACHU,OAAO,8DACAA,OADA;cAEH,mCAA4B,MAAI,CAACV,MAAjC;YAFG;UADJ,CAAP;QAMH;;QAED,OAAO;UAAEU,OAAO,EAAPA;QAAF,CAAP;MACH,CAXM,CAAP;IAYH;;;EA3BuCC,mC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface ErrorOverlayProps {
|
|
3
|
+
query: string;
|
|
4
|
+
networkError: {
|
|
5
|
+
message: string;
|
|
6
|
+
result?: {
|
|
7
|
+
error?: {
|
|
8
|
+
stack?: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
declare const ErrorOverlay: React.FC<ErrorOverlayProps>;
|
|
14
|
+
export default ErrorOverlay;
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, "__esModule", {
|
|
8
|
+
value: true
|
|
9
|
+
});
|
|
10
|
+
exports.default = void 0;
|
|
11
|
+
|
|
12
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
13
|
+
|
|
14
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
+
|
|
16
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
+
|
|
18
|
+
var _get = _interopRequireDefault(require("lodash/get"));
|
|
19
|
+
|
|
20
|
+
var _Button = require("@webiny/ui/Button");
|
|
21
|
+
|
|
22
|
+
var _Typography = require("@webiny/ui/Typography");
|
|
23
|
+
|
|
24
|
+
var _i18n = require("../../i18n");
|
|
25
|
+
|
|
26
|
+
var _StyledComponents = require("./StyledComponents");
|
|
27
|
+
|
|
28
|
+
var _close_24px = require("./assets/close_24px.svg");
|
|
29
|
+
|
|
30
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
31
|
+
|
|
32
|
+
var t = _i18n.i18n.ns("app/graphql/error-overlay");
|
|
33
|
+
|
|
34
|
+
var ENVIRONMENT_VARIABLES_ARTICLE_LINK = "https://www.webiny.com/docs/how-to-guides/environment-variables";
|
|
35
|
+
|
|
36
|
+
var ErrorOverlay = function ErrorOverlay(props) {
|
|
37
|
+
var query = props.query,
|
|
38
|
+
networkError = props.networkError;
|
|
39
|
+
|
|
40
|
+
var _useState = (0, _react.useState)(true),
|
|
41
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
42
|
+
open = _useState2[0],
|
|
43
|
+
setOpen = _useState2[1]; // Log error in browser's developer console for further inspection.
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
console.error({
|
|
47
|
+
networkError: networkError
|
|
48
|
+
});
|
|
49
|
+
|
|
50
|
+
if (!open) {
|
|
51
|
+
return null;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
var stackTrace = (0, _get.default)(networkError, "result.error.stack");
|
|
55
|
+
return /*#__PURE__*/_react.default.createElement(_StyledComponents.OverlayWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
56
|
+
className: "inner"
|
|
57
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
58
|
+
className: "header"
|
|
59
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
60
|
+
className: "header__title"
|
|
61
|
+
}, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
|
|
62
|
+
use: "headline4"
|
|
63
|
+
}, networkError.message)), /*#__PURE__*/_react.default.createElement("div", {
|
|
64
|
+
className: "header__action"
|
|
65
|
+
}, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
|
|
66
|
+
icon: /*#__PURE__*/_react.default.createElement(_close_24px.ReactComponent, null),
|
|
67
|
+
onClick: function onClick() {
|
|
68
|
+
return setOpen(false);
|
|
69
|
+
}
|
|
70
|
+
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
71
|
+
className: "body"
|
|
72
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
73
|
+
className: "body__summary"
|
|
74
|
+
}, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
|
|
75
|
+
use: "subtitle1"
|
|
76
|
+
}, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Error occurred while executing operation:"])))), /*#__PURE__*/_react.default.createElement(_StyledComponents.Pre, null, /*#__PURE__*/_react.default.createElement("code", null, query))), stackTrace && /*#__PURE__*/_react.default.createElement("div", {
|
|
77
|
+
className: "body__description"
|
|
78
|
+
}, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
|
|
79
|
+
use: "subtitle1"
|
|
80
|
+
}, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Complete stack trace:"])))), /*#__PURE__*/_react.default.createElement(_StyledComponents.Pre, null, /*#__PURE__*/_react.default.createElement("code", null, stackTrace)))), /*#__PURE__*/_react.default.createElement("div", {
|
|
81
|
+
className: "footer"
|
|
82
|
+
}, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
|
|
83
|
+
use: "body2"
|
|
84
|
+
}, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n This screen is only visible if {message} environment variable is set.\n Read more about it in the {link}. "])))({
|
|
85
|
+
message: /*#__PURE__*/_react.default.createElement("span", {
|
|
86
|
+
className: "highlight"
|
|
87
|
+
}, "`REACT_APP_DEBUG=true`"),
|
|
88
|
+
link: /*#__PURE__*/_react.default.createElement("a", {
|
|
89
|
+
href: ENVIRONMENT_VARIABLES_ARTICLE_LINK,
|
|
90
|
+
target: "_blank",
|
|
91
|
+
rel: "noreferrer noopener"
|
|
92
|
+
}, "environment variables article")
|
|
93
|
+
}), /*#__PURE__*/_react.default.createElement("br", null), t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Open your browser's developer console to further inspect this error."])))))));
|
|
94
|
+
};
|
|
95
|
+
|
|
96
|
+
var _default = ErrorOverlay;
|
|
97
|
+
exports.default = _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["t","i18n","ns","ENVIRONMENT_VARIABLES_ARTICLE_LINK","ErrorOverlay","props","query","networkError","useState","open","setOpen","console","error","stackTrace","get","message","link"],"sources":["ErrorOverlay.tsx"],"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\ninterface ErrorOverlayProps {\n query: string;\n networkError: {\n message: string;\n result?: {\n error?: {\n stack?: string;\n };\n };\n };\n}\nconst ErrorOverlay: React.FC<ErrorOverlayProps> = props => {\n const { query, networkError } = props;\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"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,2BAAR,CAAV;;AAEA,IAAMC,kCAAkC,GACpC,iEADJ;;AAcA,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,CAAAC,KAAK,EAAI;EACvD,IAAQC,KAAR,GAAgCD,KAAhC,CAAQC,KAAR;EAAA,IAAeC,YAAf,GAAgCF,KAAhC,CAAeE,YAAf;;EACA,gBAAwB,IAAAC,eAAA,EAAS,IAAT,CAAxB;EAAA;EAAA,IAAOC,IAAP;EAAA,IAAaC,OAAb,iBAFuD,CAGvD;;;EACAC,OAAO,CAACC,KAAR,CAAc;IAAEL,YAAY,EAAZA;EAAF,CAAd;;EAEA,IAAI,CAACE,IAAL,EAAW;IACP,OAAO,IAAP;EACH;;EAED,IAAMI,UAAU,GAAG,IAAAC,YAAA,EAAIP,YAAJ,EAAkB,oBAAlB,CAAnB;EAEA,oBACI,6BAAC,gCAAD,qBACI;IAAK,SAAS,EAAC;EAAf,gBACI;IAAK,SAAS,EAAC;EAAf,gBACI;IAAK,SAAS,EAAC;EAAf,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,GAA+BA,YAAY,CAACQ,OAA5C,CADJ,CADJ,eAII;IAAK,SAAS,EAAC;EAAf,gBACI,6BAAC,kBAAD;IAAY,IAAI,eAAE,6BAAC,0BAAD,OAAlB;IAAiC,OAAO,EAAE;MAAA,OAAML,OAAO,CAAC,KAAD,CAAb;IAAA;EAA1C,EADJ,CAJJ,CADJ,eASI;IAAK,SAAS,EAAC;EAAf,gBACI;IAAK,SAAS,EAAC;EAAf,gBACI,6BAAC,sBAAD;IACI,GAAG,EAAE;EADT,GAEEV,CAFF,6HADJ,eAII,6BAAC,qBAAD,qBACI,2CAAOM,KAAP,CADJ,CAJJ,CADJ,EASKO,UAAU,iBACP;IAAK,SAAS,EAAC;EAAf,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,GAA+Bb,CAA/B,2GADJ,eAEI,6BAAC,qBAAD,qBACI,2CAAOa,UAAP,CADJ,CAFJ,CAVR,CATJ,eA2BI;IAAK,SAAS,EAAC;EAAf,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,GACKb,CAAC,gPAAD,CAEmC;IAChCe,OAAO,eAAE;MAAM,SAAS,EAAE;IAAjB,4BADuB;IAEhCC,IAAI,eACA;MACI,IAAI,EAAEb,kCADV;MAEI,MAAM,EAAE,QAFZ;MAGI,GAAG,EAAE;IAHT;EAH4B,CAFnC,CADL,eAeI,wCAfJ,EAgBKH,CAhBL,0JADJ,CA3BJ,CADJ,CADJ;AAoDH,CAhED;;eAkEeI,Y"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/// <reference types="web" />
|
|
3
|
+
/// <reference types="react" />
|
|
4
|
+
export declare const OverlayWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
5
|
+
export declare const Pre: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, Pick<import("react").ClassAttributes<HTMLPreElement> & import("react").HTMLAttributes<HTMLPreElement>, keyof import("react").HTMLAttributes<HTMLPreElement>>, object>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.Pre = exports.OverlayWrapper = void 0;
|
|
9
|
+
|
|
10
|
+
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
11
|
+
|
|
12
|
+
var OverlayWrapper = /*#__PURE__*/(0, _styled.default)("div", {
|
|
13
|
+
target: "e1rvk94r0",
|
|
14
|
+
label: "OverlayWrapper"
|
|
15
|
+
})("\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");
|
|
16
|
+
exports.OverlayWrapper = OverlayWrapper;
|
|
17
|
+
var Pre = /*#__PURE__*/(0, _styled.default)("pre", {
|
|
18
|
+
target: "e1rvk94r1",
|
|
19
|
+
label: "Pre"
|
|
20
|
+
})("\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");
|
|
21
|
+
exports.Pre = Pre;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["OverlayWrapper","styled","Pre"],"sources":["StyledComponents.tsx"],"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"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,cAAc,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,4hCAApB;;AAgDA,IAAMC,GAAG,oBAAGD,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,uYAAT"}
|
|
@@ -0,0 +1 @@
|
|
|
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>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ServerError, ServerParseError } from "apollo-link-http-common";
|
|
2
|
+
interface CreateErrorOverlayParams {
|
|
3
|
+
query: string;
|
|
4
|
+
networkError: Error | ServerError | ServerParseError;
|
|
5
|
+
}
|
|
6
|
+
declare const createErrorOverlay: (params: CreateErrorOverlayParams) => void;
|
|
7
|
+
export default createErrorOverlay;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
12
|
+
var _reactDom = require("react-dom");
|
|
13
|
+
|
|
14
|
+
var _ErrorOverlay = _interopRequireDefault(require("./ErrorOverlay"));
|
|
15
|
+
|
|
16
|
+
var createErrorOverlay = function createErrorOverlay(params) {
|
|
17
|
+
var query = params.query,
|
|
18
|
+
networkError = params.networkError; // If the element already present in DOM, return immediately.
|
|
19
|
+
|
|
20
|
+
if (document.getElementById("overlay-root")) {
|
|
21
|
+
return;
|
|
22
|
+
} // Create root element to hold React tree.
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
var container = document.createElement("div");
|
|
26
|
+
container.id = "overlay-root"; // Insert root element into body.
|
|
27
|
+
|
|
28
|
+
var body = document.getElementsByTagName("body")[0];
|
|
29
|
+
body.appendChild(container); // Mount the ErrorOverlay component into root element.
|
|
30
|
+
|
|
31
|
+
(0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(_ErrorOverlay.default, {
|
|
32
|
+
query: query,
|
|
33
|
+
networkError: networkError
|
|
34
|
+
}), container);
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
var _default = createErrorOverlay;
|
|
38
|
+
exports.default = _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createErrorOverlay","params","query","networkError","document","getElementById","container","createElement","id","body","getElementsByTagName","appendChild","render"],"sources":["createErrorOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport { render } from \"react-dom\";\nimport ErrorOverlay from \"./ErrorOverlay\";\nimport { ServerError, ServerParseError } from \"apollo-link-http-common\";\n\ninterface CreateErrorOverlayParams {\n query: string;\n networkError: Error | ServerError | ServerParseError;\n}\nconst createErrorOverlay = (params: CreateErrorOverlayParams): void => {\n const { query, networkError } = params;\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"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAOA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,MAAD,EAA4C;EACnE,IAAQC,KAAR,GAAgCD,MAAhC,CAAQC,KAAR;EAAA,IAAeC,YAAf,GAAgCF,MAAhC,CAAeE,YAAf,CADmE,CAEnE;;EACA,IAAIC,QAAQ,CAACC,cAAT,CAAwB,cAAxB,CAAJ,EAA6C;IACzC;EACH,CALkE,CAMnE;;;EACA,IAAMC,SAAyB,GAAGF,QAAQ,CAACG,aAAT,CAAuB,KAAvB,CAAlC;EACAD,SAAS,CAACE,EAAV,GAAe,cAAf,CARmE,CASnE;;EACA,IAAMC,IAAqB,GAAGL,QAAQ,CAACM,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,CAA9B;EACAD,IAAI,CAACE,WAAL,CAAiBL,SAAjB,EAXmE,CAYnE;;EACA,IAAAM,gBAAA,gBAAO,6BAAC,qBAAD;IAAc,KAAK,EAAEV,KAArB;IAA4B,YAAY,EAAEC;EAA1C,EAAP,EAAmEG,SAAnE;AACH,CAdD;;eAgBeN,kB"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
|
|
2
|
+
/**
|
|
3
|
+
* This plugin creates an ApolloLink that checks for `NetworkError` and shows an ErrorOverlay in the browser.
|
|
4
|
+
*/
|
|
5
|
+
export declare class NetworkErrorLinkPlugin extends ApolloLinkPlugin {
|
|
6
|
+
createLink(): import("apollo-link").ApolloLink;
|
|
7
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.NetworkErrorLinkPlugin = void 0;
|
|
9
|
+
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
+
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
+
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
+
|
|
16
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
17
|
+
|
|
18
|
+
var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
|
|
19
|
+
|
|
20
|
+
var _apolloLinkError = require("apollo-link-error");
|
|
21
|
+
|
|
22
|
+
var _language = require("graphql/language");
|
|
23
|
+
|
|
24
|
+
var _createErrorOverlay = _interopRequireDefault(require("./NetworkErrorLinkPlugin/createErrorOverlay"));
|
|
25
|
+
|
|
26
|
+
var _boolean = require("boolean");
|
|
27
|
+
|
|
28
|
+
var _config = require("../config");
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* This plugin creates an ApolloLink that checks for `NetworkError` and shows an ErrorOverlay in the browser.
|
|
32
|
+
*/
|
|
33
|
+
var NetworkErrorLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
|
|
34
|
+
(0, _inherits2.default)(NetworkErrorLinkPlugin, _ApolloLinkPlugin);
|
|
35
|
+
|
|
36
|
+
var _super = (0, _createSuper2.default)(NetworkErrorLinkPlugin);
|
|
37
|
+
|
|
38
|
+
function NetworkErrorLinkPlugin() {
|
|
39
|
+
(0, _classCallCheck2.default)(this, NetworkErrorLinkPlugin);
|
|
40
|
+
return _super.apply(this, arguments);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
(0, _createClass2.default)(NetworkErrorLinkPlugin, [{
|
|
44
|
+
key: "createLink",
|
|
45
|
+
value: function createLink() {
|
|
46
|
+
return (0, _apolloLinkError.onError)(function (_ref) {
|
|
47
|
+
var networkError = _ref.networkError,
|
|
48
|
+
operation = _ref.operation;
|
|
49
|
+
|
|
50
|
+
var debug = _config.config.getKey("DEBUG", (0, _boolean.boolean)(process.env.REACT_APP_DEBUG));
|
|
51
|
+
|
|
52
|
+
if (networkError && debug) {
|
|
53
|
+
(0, _createErrorOverlay.default)({
|
|
54
|
+
query: (0, _language.print)(operation.query),
|
|
55
|
+
networkError: networkError
|
|
56
|
+
});
|
|
57
|
+
} // TODO: also print graphQLErrors
|
|
58
|
+
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
}]);
|
|
62
|
+
return NetworkErrorLinkPlugin;
|
|
63
|
+
}(_ApolloLinkPlugin2.ApolloLinkPlugin);
|
|
64
|
+
|
|
65
|
+
exports.NetworkErrorLinkPlugin = NetworkErrorLinkPlugin;
|
|
@@ -0,0 +1 @@
|
|
|
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;IACaA,sB;;;;;;;;;;;;WACT,sBAA6B;MACzB,OAAO,IAAAC,wBAAA,EAAQ,gBAAiC;QAAA,IAA9BC,YAA8B,QAA9BA,YAA8B;QAAA,IAAhBC,SAAgB,QAAhBA,SAAgB;;QAC5C,IAAMC,KAAK,GAAGC,cAAA,CAAUC,MAAV,CAAiB,OAAjB,EAA0B,IAAAC,gBAAA,EAAQC,OAAO,CAACC,GAAR,CAAYC,eAApB,CAA1B,CAAd;;QAEA,IAAIR,YAAY,IAAIE,KAApB,EAA2B;UACvB,IAAAO,2BAAA,EAAmB;YAAEC,KAAK,EAAE,IAAAC,eAAA,EAAMV,SAAS,CAACS,KAAhB,CAAT;YAAiCV,YAAY,EAAZA;UAAjC,CAAnB;QACH,CAL2C,CAO5C;;MACH,CARM,CAAP;IASH;;;EAXuCY,mC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ApolloLink } from "apollo-link";
|
|
2
|
+
import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
|
|
3
|
+
/**
|
|
4
|
+
* This link removes `__typename` from the variables being sent to the API.
|
|
5
|
+
*/
|
|
6
|
+
export declare class OmitTypenameLinkPlugin extends ApolloLinkPlugin {
|
|
7
|
+
createLink(): ApolloLink;
|
|
8
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.OmitTypenameLinkPlugin = void 0;
|
|
9
|
+
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
+
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
+
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
+
|
|
16
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
17
|
+
|
|
18
|
+
var _apolloLink = require("apollo-link");
|
|
19
|
+
|
|
20
|
+
var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
|
|
21
|
+
|
|
22
|
+
function omitTypename(key, value) {
|
|
23
|
+
return key === "__typename" ? undefined : value;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* This link removes `__typename` from the variables being sent to the API.
|
|
27
|
+
*/
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
var OmitTypenameLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
|
|
31
|
+
(0, _inherits2.default)(OmitTypenameLinkPlugin, _ApolloLinkPlugin);
|
|
32
|
+
|
|
33
|
+
var _super = (0, _createSuper2.default)(OmitTypenameLinkPlugin);
|
|
34
|
+
|
|
35
|
+
function OmitTypenameLinkPlugin() {
|
|
36
|
+
(0, _classCallCheck2.default)(this, OmitTypenameLinkPlugin);
|
|
37
|
+
return _super.apply(this, arguments);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
(0, _createClass2.default)(OmitTypenameLinkPlugin, [{
|
|
41
|
+
key: "createLink",
|
|
42
|
+
value: function createLink() {
|
|
43
|
+
return new _apolloLink.ApolloLink(function (operation, forward) {
|
|
44
|
+
if (operation.variables) {
|
|
45
|
+
operation.variables = JSON.parse(JSON.stringify(operation.variables), omitTypename);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
return forward(operation);
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
}]);
|
|
52
|
+
return OmitTypenameLinkPlugin;
|
|
53
|
+
}(_ApolloLinkPlugin2.ApolloLinkPlugin);
|
|
54
|
+
|
|
55
|
+
exports.OmitTypenameLinkPlugin = OmitTypenameLinkPlugin;
|
|
@@ -0,0 +1 @@
|
|
|
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,YAAT,CAAsBC,GAAtB,EAAmCC,KAAnC,EAAsE;EAClE,OAAOD,GAAG,KAAK,YAAR,GAAuBE,SAAvB,GAAmCD,KAA1C;AACH;AAED;AACA;AACA;;;IACaE,sB;;;;;;;;;;;;WACT,sBAAyC;MACrC,OAAO,IAAIC,sBAAJ,CAAe,UAACC,SAAD,EAAYC,OAAZ,EAAwB;QAC1C,IAAID,SAAS,CAACE,SAAd,EAAyB;UACrBF,SAAS,CAACE,SAAV,GAAsBC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,SAAL,CAAeL,SAAS,CAACE,SAAzB,CAAX,EAAgDR,YAAhD,CAAtB;QACH;;QACD,OAAOO,OAAO,CAACD,SAAD,CAAd;MACH,CALM,CAAP;IAMH;;;EARuCM,mC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Plugin } from "@webiny/plugins";
|
|
3
|
+
interface Config {
|
|
4
|
+
route: React.ReactElement | null;
|
|
5
|
+
}
|
|
6
|
+
export declare class RoutePlugin extends Plugin {
|
|
7
|
+
static readonly type: string;
|
|
8
|
+
private _config;
|
|
9
|
+
constructor(config?: Config);
|
|
10
|
+
get route(): Config["route"];
|
|
11
|
+
}
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.RoutePlugin = void 0;
|
|
9
|
+
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
+
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
+
|
|
14
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
+
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
+
|
|
18
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
19
|
+
|
|
20
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
+
|
|
22
|
+
var _plugins = require("@webiny/plugins");
|
|
23
|
+
|
|
24
|
+
var RoutePlugin = /*#__PURE__*/function (_Plugin) {
|
|
25
|
+
(0, _inherits2.default)(RoutePlugin, _Plugin);
|
|
26
|
+
|
|
27
|
+
var _super = (0, _createSuper2.default)(RoutePlugin);
|
|
28
|
+
|
|
29
|
+
function RoutePlugin(config) {
|
|
30
|
+
var _this;
|
|
31
|
+
|
|
32
|
+
(0, _classCallCheck2.default)(this, RoutePlugin);
|
|
33
|
+
_this = _super.call(this);
|
|
34
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_config", void 0);
|
|
35
|
+
_this._config = config || {};
|
|
36
|
+
return _this;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
(0, _createClass2.default)(RoutePlugin, [{
|
|
40
|
+
key: "route",
|
|
41
|
+
get: function get() {
|
|
42
|
+
if (!this._config.route) {
|
|
43
|
+
return null;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
return this._config.route;
|
|
47
|
+
}
|
|
48
|
+
}]);
|
|
49
|
+
return RoutePlugin;
|
|
50
|
+
}(_plugins.Plugin);
|
|
51
|
+
|
|
52
|
+
exports.RoutePlugin = RoutePlugin;
|
|
53
|
+
(0, _defineProperty2.default)(RoutePlugin, "type", "route");
|
|
@@ -0,0 +1 @@
|
|
|
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;;IAMaA,W;;;;;EAIT,qBAAYC,MAAZ,EAA6B;IAAA;;IAAA;IACzB;IADyB;IAEzB,MAAKC,OAAL,GAAeD,MAAM,IAAI,EAAzB;IAFyB;EAG5B;;;;SAED,eAA6B;MACzB,IAAI,CAAC,KAAKC,OAAL,CAAaC,KAAlB,EAAyB;QACrB,OAAO,IAAP;MACH;;MACD,OAAO,KAAKD,OAAL,CAAaC,KAApB;IACH;;;EAd4BC,e;;;8BAApBJ,W,UACsC,O"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
|
|
2
|
+
import { ApolloLink } from "apollo-link";
|
|
3
|
+
declare global {
|
|
4
|
+
interface Window {
|
|
5
|
+
__PS_RENDER_TENANT__: string;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Append `x-tenant` header from URL query (necessary for prerendering service).
|
|
10
|
+
*/
|
|
11
|
+
export declare class TenantHeaderLinkPlugin extends ApolloLinkPlugin {
|
|
12
|
+
private readonly tenant;
|
|
13
|
+
constructor(tenant?: string);
|
|
14
|
+
createLink(): ApolloLink;
|
|
15
|
+
}
|