@webiny/app 0.0.0-mt-1

package/plugins/LocaleHeaderLinkPlugin.js

@@ -0,0 +1,61 @@
+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);

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,76 @@
+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;

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>, "className" | "title" | "style" | "children" | "slot" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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>, "className" | "title" | "style" | "children" | "slot" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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,9 @@
+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");

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,27 @@
+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;

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,45 @@
+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);

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,41 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import { ApolloLink } from "apollo-link";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+
+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);

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,36 @@
+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");

package/plugins/TenantHeaderLinkPlugin.d.ts

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

package/plugins/TenantHeaderLinkPlugin.js

@@ -0,0 +1,71 @@
+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-tenant` header from URL query (necessary for prerendering service).
+ */
+export var TenantHeaderLinkPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
+  _inherits(TenantHeaderLinkPlugin, _ApolloLinkPlugin);
+
+  var _super = _createSuper(TenantHeaderLinkPlugin);
+
+  function TenantHeaderLinkPlugin(tenant) {
+    var _this;
+
+    _classCallCheck(this, TenantHeaderLinkPlugin);
+
+    _this = _super.call(this);
+
+    _defineProperty(_assertThisInitialized(_this), "tenant", void 0);
+
+    _this.name = "tenant-header-link";
+
+    if (!tenant) {
+      var query = new URLSearchParams(location.search);
+      tenant = query.get("__tenant") || window.__PS_RENDER_TENANT__;
+    }
+
+    _this.tenant = tenant;
+    console.log("Detected tenant", _this.tenant);
+    return _this;
+  }
+
+  _createClass(TenantHeaderLinkPlugin, [{
+    key: "createLink",
+    value: function createLink() {
+      var _this2 = this;
+
+      return setContext(function (_, _ref) {
+        var headers = _ref.headers;
+
+        // If tenant header is already set, do not overwrite it.
+        if (headers && "x-tenant" in headers) {
+          return {
+            headers: headers
+          };
+        }
+
+        if (_this2.tenant) {
+          return {
+            headers: _objectSpread(_objectSpread({}, headers), {}, {
+              "x-tenant": _this2.tenant
+            })
+          };
+        }
+
+        return {
+          headers: headers
+        };
+      });
+    }
+  }]);
+
+  return TenantHeaderLinkPlugin;
+}(ApolloLinkPlugin);

package/plugins/ViewPlugin.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { Plugin } from "@webiny/plugins";
+interface Config<Props> {
+    name: string;
+    render(props: Props): React.ReactElement | null;
+}
+export declare class ViewPlugin<Props = any> extends Plugin {
+    static readonly type = "view";
+    private _config;
+    constructor(config?: Config<Props>);
+    get key(): string;
+    render(props: Props): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
+}
+export {};

package/plugins/ViewPlugin.js

@@ -0,0 +1,41 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { Plugin } from "@webiny/plugins";
+export var ViewPlugin = /*#__PURE__*/function (_Plugin) {
+  _inherits(ViewPlugin, _Plugin);
+
+  var _super = _createSuper(ViewPlugin);
+
+  function ViewPlugin(config) {
+    var _this;
+
+    _classCallCheck(this, ViewPlugin);
+
+    _this = _super.call(this);
+
+    _defineProperty(_assertThisInitialized(_this), "_config", void 0);
+
+    _this._config = config || {};
+    return _this;
+  }
+
+  _createClass(ViewPlugin, [{
+    key: "key",
+    get: function get() {
+      return this._config.name;
+    }
+  }, {
+    key: "render",
+    value: function render(props) {
+      return this._config.render(props);
+    }
+  }]);
+
+  return ViewPlugin;
+}(Plugin);
+
+_defineProperty(ViewPlugin, "type", "view");

package/plugins/image.d.ts

@@ -0,0 +1,3 @@
+import { ImageComponentPlugin } from "../types";
+declare const _default: () => ImageComponentPlugin;
+export default _default;