@webiny/app-graphql-playground 0.0.0-unstable.99666aeb00 → 0.0.0-unstable.9bd236cf5e

package/index.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-import { ApolloClient } from "apollo-client";
+import type { ApolloClient } from "apollo-client";
 interface CreateApolloClientParams {
     uri: string;
 }
 interface GraphQLPlaygroundProps {
     createApolloClient(params: CreateApolloClientParams): ApolloClient<any>;
 }
-export declare const GraphQLPlayground: React.NamedExoticComponent<GraphQLPlaygroundProps>;
+export declare const GraphQLPlayground: React.MemoExoticComponent<({ createApolloClient }: GraphQLPlaygroundProps) => React.JSX.Element>;
 export {};

package/index.js

@@ -1,34 +1,25 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GraphQLPlayground = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _plugins = require("@webiny/plugins");
-var _appAdmin = require("@webiny/app-admin");
-var _graphql = require("./assets/graphql.svg");
-var _Playground = _interopRequireDefault(require("./plugins/Playground"));
-var _plugins2 = _interopRequireDefault(require("./plugins"));
-var GraphQLPlaygroundExtension = function GraphQLPlaygroundExtension(_ref) {
-  var createApolloClient = _ref.createApolloClient;
-  _plugins.plugins.register(_plugins2.default);
-  return /*#__PURE__*/_react.default.createElement(_appAdmin.Plugins, null, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
+import React, { memo } from "react";
+import { plugins } from "@webiny/plugins";
+import { AdminConfig, Layout } from "@webiny/app-admin";
+import Playground from "./plugins/Playground";
+import playgroundPlugins from "./plugins";
+const {
+  Route
+} = AdminConfig;
+const GraphQLPlaygroundExtension = ({
+  createApolloClient
+}) => {
+  plugins.register(playgroundPlugins);
+  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(Route, {
     name: "apiPlayground",
-    label: "API Playground",
     path: "/api-playground",
-    icon: /*#__PURE__*/_react.default.createElement(_graphql.ReactComponent, null),
-    tags: ["footer"]
-  }), /*#__PURE__*/_react.default.createElement(_appAdmin.AddRoute, {
-    exact: true,
-    path: "/api-playground"
-  }, /*#__PURE__*/_react.default.createElement(_appAdmin.Layout, {
-    title: "API Playground"
-  }, /*#__PURE__*/_react.default.createElement(_Playground.default, {
-    createApolloClient: createApolloClient
-  }))));
+    element: /*#__PURE__*/React.createElement(Layout, {
+      title: "API Playground"
+    }, /*#__PURE__*/React.createElement(Playground, {
+      createApolloClient: createApolloClient
+    }))
+  }));
 };
-var GraphQLPlayground = /*#__PURE__*/(0, _react.memo)(GraphQLPlaygroundExtension);
-exports.GraphQLPlayground = GraphQLPlayground;
+export const GraphQLPlayground = /*#__PURE__*/memo(GraphQLPlaygroundExtension);
+
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["GraphQLPlaygroundExtension","createApolloClient","plugins","register","playgroundPlugins","GraphQLPlayground","memo"],"sources":["index.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport { ApolloClient } from \"apollo-client\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Plugins, AddMenu, AddRoute, Layout } from \"@webiny/app-admin\";\nimport { ReactComponent as InfoIcon } from \"./assets/graphql.svg\";\nimport Playground from \"./plugins/Playground\";\nimport playgroundPlugins from \"./plugins\";\n\ninterface CreateApolloClientParams {\n    uri: string;\n}\ninterface GraphQLPlaygroundProps {\n    createApolloClient(params: CreateApolloClientParams): ApolloClient<any>;\n}\n\nconst GraphQLPlaygroundExtension: React.FC<GraphQLPlaygroundProps> = ({ createApolloClient }) => {\n    plugins.register(playgroundPlugins);\n\n    return (\n        <Plugins>\n            <AddMenu\n                name={\"apiPlayground\"}\n                label={\"API Playground\"}\n                path={\"/api-playground\"}\n                icon={<InfoIcon />}\n                tags={[\"footer\"]}\n            />\n            <AddRoute exact path={\"/api-playground\"}>\n                <Layout title={\"API Playground\"}>\n                    <Playground createApolloClient={createApolloClient} />\n                </Layout>\n            </AddRoute>\n        </Plugins>\n    );\n};\n\nexport const GraphQLPlayground = memo(GraphQLPlaygroundExtension);\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA;AASA,IAAMA,0BAA4D,GAAG,SAA/DA,0BAA4D,OAA+B;EAAA,IAAzBC,kBAAkB,QAAlBA,kBAAkB;EACtFC,gBAAO,CAACC,QAAQ,CAACC,iBAAiB,CAAC;EAEnC,oBACI,6BAAC,iBAAO,qBACJ,6BAAC,iBAAO;IACJ,IAAI,EAAE,eAAgB;IACtB,KAAK,EAAE,gBAAiB;IACxB,IAAI,EAAE,iBAAkB;IACxB,IAAI,eAAE,6BAAC,uBAAQ,OAAI;IACnB,IAAI,EAAE,CAAC,QAAQ;EAAE,EACnB,eACF,6BAAC,kBAAQ;IAAC,KAAK;IAAC,IAAI,EAAE;EAAkB,gBACpC,6BAAC,gBAAM;IAAC,KAAK,EAAE;EAAiB,gBAC5B,6BAAC,mBAAU;IAAC,kBAAkB,EAAEH;EAAmB,EAAG,CACjD,CACF,CACL;AAElB,CAAC;AAEM,IAAMI,iBAAiB,gBAAG,IAAAC,WAAI,EAACN,0BAA0B,CAAC;AAAC"}
+{"version":3,"names":["React","memo","plugins","AdminConfig","Layout","Playground","playgroundPlugins","Route","GraphQLPlaygroundExtension","createApolloClient","register","createElement","name","path","element","title","GraphQLPlayground"],"sources":["index.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport type { ApolloClient } from \"apollo-client\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminConfig, Layout } from \"@webiny/app-admin\";\nimport Playground from \"./plugins/Playground\";\nimport playgroundPlugins from \"./plugins\";\n\nconst { Route } = AdminConfig;\n\ninterface CreateApolloClientParams {\n    uri: string;\n}\n\ninterface GraphQLPlaygroundProps {\n    createApolloClient(params: CreateApolloClientParams): ApolloClient<any>;\n}\n\nconst GraphQLPlaygroundExtension = ({ createApolloClient }: GraphQLPlaygroundProps) => {\n    plugins.register(playgroundPlugins);\n\n    return (\n        <AdminConfig>\n            <Route\n                name={\"apiPlayground\"}\n                path={\"/api-playground\"}\n                element={\n                    <Layout title={\"API Playground\"}>\n                        <Playground createApolloClient={createApolloClient} />\n                    </Layout>\n                }\n            />\n        </AdminConfig>\n    );\n};\n\nexport const GraphQLPlayground = memo(GraphQLPlaygroundExtension);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAEnC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,WAAW,EAAEC,MAAM,QAAQ,mBAAmB;AACvD,OAAOC,UAAU;AACjB,OAAOC,iBAAiB;AAExB,MAAM;EAAEC;AAAM,CAAC,GAAGJ,WAAW;AAU7B,MAAMK,0BAA0B,GAAGA,CAAC;EAAEC;AAA2C,CAAC,KAAK;EACnFP,OAAO,CAACQ,QAAQ,CAACJ,iBAAiB,CAAC;EAEnC,oBACIN,KAAA,CAAAW,aAAA,CAACR,WAAW,qBACRH,KAAA,CAAAW,aAAA,CAACJ,KAAK;IACFK,IAAI,EAAE,eAAgB;IACtBC,IAAI,EAAE,iBAAkB;IACxBC,OAAO,eACHd,KAAA,CAAAW,aAAA,CAACP,MAAM;MAACW,KAAK,EAAE;IAAiB,gBAC5Bf,KAAA,CAAAW,aAAA,CAACN,UAAU;MAACI,kBAAkB,EAAEA;IAAmB,CAAE,CACjD;EACX,CACJ,CACQ,CAAC;AAEtB,CAAC;AAED,OAAO,MAAMO,iBAAiB,gBAAGf,IAAI,CAACO,0BAA0B,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-graphql-playground",
-	"version": "0.0.0-unstable.99666aeb00",
+	"version": "0.0.0-unstable.9bd236cf5e",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -11,44 +11,36 @@
 	"dependencies": {
 		"@emotion/react": "11.10.8",
 		"@emotion/styled": "11.10.6",
-		"@webiny/app": "0.0.0-unstable.99666aeb00",
-		"@webiny/app-admin": "0.0.0-unstable.99666aeb00",
-		"@webiny/app-i18n": "0.0.0-unstable.99666aeb00",
-		"@webiny/app-security": "0.0.0-unstable.99666aeb00",
-		"@webiny/plugins": "0.0.0-unstable.99666aeb00",
-		"@webiny/ui": "0.0.0-unstable.99666aeb00",
+		"@webiny/app": "0.0.0-unstable.9bd236cf5e",
+		"@webiny/app-admin": "0.0.0-unstable.9bd236cf5e",
+		"@webiny/app-i18n": "0.0.0-unstable.9bd236cf5e",
+		"@webiny/app-security": "0.0.0-unstable.9bd236cf5e",
+		"@webiny/plugins": "0.0.0-unstable.9bd236cf5e",
+		"@webiny/ui": "0.0.0-unstable.9bd236cf5e",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
 		"apollo-link-context": "1.0.20",
 		"apollo-utilities": "1.3.4",
-		"graphql": "15.8.0",
+		"graphql": "15.9.0",
 		"load-script": "1.0.0",
 		"prop-types": "15.8.1",
-		"react": "17.0.2",
-		"react-dom": "17.0.2"
+		"react": "18.2.0",
+		"react-dom": "18.2.0"
 	},
 	"devDependencies": {
-		"@babel/cli": "7.20.7",
-		"@babel/core": "7.20.12",
-		"@babel/plugin-proposal-class-properties": "7.18.6",
-		"@babel/preset-env": "7.20.2",
-		"@babel/preset-react": "7.18.6",
-		"@babel/preset-typescript": "7.18.6",
-		"@webiny/cli": "0.0.0-unstable.99666aeb00",
-		"@webiny/project-utils": "0.0.0-unstable.99666aeb00",
-		"babel-plugin-emotion": "9.2.11",
-		"babel-plugin-lodash": "3.3.4",
-		"rimraf": "3.0.2",
-		"typescript": "4.7.4"
+		"@emotion/babel-plugin": "11.11.0",
+		"@webiny/project-utils": "0.0.0-unstable.9bd236cf5e",
+		"rimraf": "6.0.1",
+		"typescript": "5.3.3"
 	},
 	"publishConfig": {
 		"access": "public",
 		"directory": "dist"
 	},
 	"scripts": {
-		"build": "yarn webiny run build",
-		"watch": "yarn webiny run watch"
+		"build": "node ../cli/bin.js run build",
+		"watch": "node ../cli/bin.js run watch"
 	},
 	"adio": {
 		"ignore": {
@@ -60,5 +52,5 @@
 			]
 		}
 	},
-	"gitHead": "99666aeb00056c56292eeb5dbb6aba7fda2439e2"
+	"gitHead": "9bd236cf5e689f209a11bec089207dcc2d41a53c"
 }

package/plugins/Playground.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-import ApolloClient from "apollo-client";
+import type ApolloClient from "apollo-client";
 interface CreateApolloClientParams {
     uri: string;
 }
 interface PlaygroundProps {
     createApolloClient: (params: CreateApolloClientParams) => ApolloClient<any>;
 }
-declare const Playground: React.FC<PlaygroundProps>;
+declare const Playground: ({ createApolloClient }: PlaygroundProps) => React.JSX.Element;
 export default Playground;

package/plugins/Playground.js

@@ -1,85 +1,67 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _react = _interopRequireWildcard(require("react"));
-var _apolloLink = require("apollo-link");
-var _apolloLinkContext = require("apollo-link-context");
-var _loadScript = _interopRequireDefault(require("load-script"));
-var _react2 = require("@emotion/react");
-var _plugins = require("@webiny/plugins");
-var _useI18N2 = require("@webiny/app-i18n/hooks/useI18N");
-var _appSecurity = require("@webiny/app-security");
-var _Progress = require("@webiny/ui/Progress");
-var _Playground = require("./Playground.styles");
-var _settings = require("./settings");
-var _config = require("@webiny/app/config");
+import React, { Fragment, useEffect, useRef, useCallback, useState } from "react";
+import { ApolloLink } from "apollo-link";
+import { setContext } from "apollo-link-context";
 /**
  * Package load-script does not have types.
  */
-// @ts-ignore
-
-var withHeaders = function withHeaders(link, headers) {
-  return _apolloLink.ApolloLink.from([(0, _apolloLinkContext.setContext)( /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(_, req) {
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            return _context.abrupt("return", {
-              headers: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, req.headers), headers)
-            });
-          case 1:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function (_x, _x2) {
-      return _ref.apply(this, arguments);
+// @ts-expect-error
+import loadScript from "load-script";
+import { Global } from "@emotion/react";
+import { plugins } from "@webiny/plugins";
+import { useI18N } from "@webiny/app-i18n/hooks/useI18N";
+import { useSecurity } from "@webiny/app-security";
+import { CircularProgress } from "@webiny/ui/Progress";
+import { playgroundDialog, PlaygroundContainer } from "./Playground.styles";
+import { settings } from "./settings";
+import { config as appConfig } from "@webiny/app/config";
+import { ORIGINAL_GQL_PLAYGROUND_URL, PATCHED_GQL_PLAYGROUND_URL } from "./constants";
+const withHeaders = (link, headers) => {
+  return ApolloLink.from([setContext(async (_, req) => {
+    return {
+      headers: {
+        ...req.headers,
+        ...headers
+      }
     };
-  }()), link]);
+  }), link]);
 };
-var initScripts = function initScripts() {
-  return new Promise(function (resolve) {
-    // @ts-ignore
+const initScripts = () => {
+  return new Promise(resolve => {
+    // @ts-expect-error
     if (window.GraphQLPlayground) {
       return resolve();
     }
-    return (0, _loadScript.default)("https://cdn.jsdelivr.net/npm/@apollographql/graphql-playground-react@1.7.32/build/static/js/middleware.js", resolve);
+    loadScript(PATCHED_GQL_PLAYGROUND_URL, err => {
+      if (err) {
+        return loadScript(ORIGINAL_GQL_PLAYGROUND_URL, resolve);
+      }
+      resolve();
+    });
   });
 };
-var Playground = function Playground(_ref2) {
-  var createApolloClient = _ref2.createApolloClient;
-  var _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var _useI18N = (0, _useI18N2.useI18N)(),
-    getCurrentLocale = _useI18N.getCurrentLocale;
-  var _useSecurity = (0, _appSecurity.useSecurity)(),
-    identity = _useSecurity.identity;
-  var links = (0, _react.useRef)({});
-  var locale = getCurrentLocale("content");
-  var tabs = _plugins.plugins.byType("graphql-playground-tab").map(function (pl) {
-    return pl.tab({
-      locale: locale,
-      identity: identity
-    });
-  }).filter(Boolean);
-  var createApolloLink = (0, _react.useCallback)(function (_ref3) {
-    var endpoint = _ref3.endpoint,
-      headers = _ref3.headers;
-    var current = links.current;
+const Playground = ({
+  createApolloClient
+}) => {
+  const [loading, setLoading] = useState(true);
+  const {
+    getCurrentLocale
+  } = useI18N();
+  const {
+    identity
+  } = useSecurity();
+  const links = useRef({});
+  const locale = getCurrentLocale("content");
+  const tabs = plugins.byType("graphql-playground-tab").map(pl => pl.tab({
+    locale: locale,
+    identity: identity
+  })).filter(Boolean);
+  const createApolloLink = useCallback(({
+    endpoint,
+    headers
+  }) => {
+    const current = links.current;
     // If the request endpoint is not know to us, return the first available
-    var apiUrl = _config.config.getKey("API_URL", process.env.REACT_APP_API_URL);
+    const apiUrl = appConfig.getKey("API_URL", process.env.REACT_APP_API_URL);
     if (!endpoint.includes(apiUrl)) {
       return {
         link: withHeaders(Object.values(current)[0], headers)
@@ -94,28 +76,29 @@ var Playground = function Playground(_ref2) {
       link: withHeaders(current[endpoint], headers)
     };
   }, []);
-  (0, _react.useEffect)(function () {
-    initScripts().then(function () {
+  useEffect(() => {
+    initScripts().then(() => {
       setLoading(false);
     });
   }, []);
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (!loading) {
-      // @ts-ignore
+      // @ts-expect-error
       window.GraphQLPlayground.init(document.getElementById("graphql-playground"), {
-        tabs: tabs,
-        createApolloLink: createApolloLink,
-        settings: _settings.settings
+        tabs,
+        createApolloLink,
+        settings
       });
     }
   }, [loading]);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, loading ? /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+  return /*#__PURE__*/React.createElement(Fragment, null, loading ? /*#__PURE__*/React.createElement(CircularProgress, {
     label: "Loading playground..."
-  }) : /*#__PURE__*/_react.default.createElement(_Playground.PlaygroundContainer, {
+  }) : /*#__PURE__*/React.createElement(PlaygroundContainer, {
     id: "graphql-playground"
-  }), /*#__PURE__*/_react.default.createElement(_react2.Global, {
-    styles: _Playground.playgroundDialog
+  }), /*#__PURE__*/React.createElement(Global, {
+    styles: playgroundDialog
   }));
 };
-var _default = Playground;
-exports.default = _default;
+export default Playground;
+
+//# sourceMappingURL=Playground.js.map

package/plugins/Playground.js.map

@@ -1 +1 @@
-{"version":3,"names":["withHeaders","link","headers","ApolloLink","from","setContext","_","req","initScripts","Promise","resolve","window","GraphQLPlayground","loadScript","Playground","createApolloClient","useState","loading","setLoading","useI18N","getCurrentLocale","useSecurity","identity","links","useRef","locale","tabs","plugins","byType","map","pl","tab","filter","Boolean","createApolloLink","useCallback","endpoint","current","apiUrl","appConfig","getKey","process","env","REACT_APP_API_URL","includes","Object","values","uri","useEffect","then","init","document","getElementById","settings","playgroundDialog"],"sources":["Playground.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef, useCallback, useState } from \"react\";\nimport { ApolloLink } from \"apollo-link\";\nimport { setContext } from \"apollo-link-context\";\n/**\n * Package load-script does not have types.\n */\n// @ts-ignore\nimport loadScript from \"load-script\";\nimport { Global } from \"@emotion/react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { useI18N } from \"@webiny/app-i18n/hooks/useI18N\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { playgroundDialog, PlaygroundContainer } from \"./Playground.styles\";\nimport { settings } from \"./settings\";\nimport { config as appConfig } from \"@webiny/app/config\";\nimport ApolloClient from \"apollo-client\";\nimport { GraphQLPlaygroundTabPlugin } from \"~/types\";\nimport { SecurityIdentity } from \"@webiny/app-security/types\";\n\nconst withHeaders = (link: ApolloLink, headers: Record<string, string>): ApolloLink => {\n    return ApolloLink.from([\n        setContext(async (_, req) => {\n            return {\n                headers: {\n                    ...req.headers,\n                    ...headers\n                }\n            };\n        }),\n        link\n    ]);\n};\n\nconst initScripts = () => {\n    return new Promise((resolve: any) => {\n        // @ts-ignore\n        if (window.GraphQLPlayground) {\n            return resolve();\n        }\n\n        return loadScript(\n            \"https://cdn.jsdelivr.net/npm/@apollographql/graphql-playground-react@1.7.32/build/static/js/middleware.js\",\n            resolve\n        );\n    });\n};\n\ninterface CreateApolloClientParams {\n    uri: string;\n}\ninterface PlaygroundProps {\n    createApolloClient: (params: CreateApolloClientParams) => ApolloClient<any>;\n}\nconst Playground: React.FC<PlaygroundProps> = ({ createApolloClient }) => {\n    const [loading, setLoading] = useState(true);\n    const { getCurrentLocale } = useI18N();\n    const { identity } = useSecurity();\n    const links = useRef<Record<string, ApolloLink>>({});\n\n    const locale = getCurrentLocale(\"content\");\n\n    const tabs = plugins\n        .byType<GraphQLPlaygroundTabPlugin>(\"graphql-playground-tab\")\n        .map(pl =>\n            pl.tab({\n                locale: locale as string,\n                identity: identity as SecurityIdentity\n            })\n        )\n        .filter(Boolean);\n\n    const createApolloLink = useCallback(({ endpoint, headers }) => {\n        const current = links.current;\n        // If the request endpoint is not know to us, return the first available\n        const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL);\n        if (!endpoint.includes(apiUrl)) {\n            return { link: withHeaders(Object.values(current)[0], headers) };\n        }\n\n        if (!current[endpoint]) {\n            current[endpoint] = createApolloClient({ uri: endpoint }).link;\n        }\n\n        return {\n            link: withHeaders(current[endpoint], headers)\n        };\n    }, []);\n\n    useEffect(() => {\n        initScripts().then(() => {\n            setLoading(false);\n        });\n    }, []);\n\n    useEffect(() => {\n        if (!loading) {\n            // @ts-ignore\n            window.GraphQLPlayground.init(document.getElementById(\"graphql-playground\"), {\n                tabs,\n                createApolloLink,\n                settings\n            });\n        }\n    }, [loading]);\n\n    return (\n        <Fragment>\n            {loading ? (\n                <CircularProgress label={\"Loading playground...\"} />\n            ) : (\n                <PlaygroundContainer id={\"graphql-playground\"} />\n            )}\n            <Global styles={playgroundDialog} />\n        </Fragment>\n    );\n};\n\nexport default Playground;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAZA;AACA;AACA;AACA;;AAcA,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,IAAgB,EAAEC,OAA+B,EAAiB;EACnF,OAAOC,sBAAU,CAACC,IAAI,CAAC,CACnB,IAAAC,6BAAU;IAAA,kGAAC,iBAAOC,CAAC,EAAEC,GAAG;MAAA;QAAA;UAAA;YAAA,iCACb;cACHL,OAAO,8DACAK,GAAG,CAACL,OAAO,GACXA,OAAO;YAElB,CAAC;UAAA;UAAA;YAAA;QAAA;MAAA;IAAA,CACJ;IAAA;MAAA;IAAA;EAAA,IAAC,EACFD,IAAI,CACP,CAAC;AACN,CAAC;AAED,IAAMO,WAAW,GAAG,SAAdA,WAAW,GAAS;EACtB,OAAO,IAAIC,OAAO,CAAC,UAACC,OAAY,EAAK;IACjC;IACA,IAAIC,MAAM,CAACC,iBAAiB,EAAE;MAC1B,OAAOF,OAAO,EAAE;IACpB;IAEA,OAAO,IAAAG,mBAAU,EACb,2GAA2G,EAC3GH,OAAO,CACV;EACL,CAAC,CAAC;AACN,CAAC;AAQD,IAAMI,UAAqC,GAAG,SAAxCA,UAAqC,QAA+B;EAAA,IAAzBC,kBAAkB,SAAlBA,kBAAkB;EAC/D,gBAA8B,IAAAC,eAAQ,EAAC,IAAI,CAAC;IAAA;IAArCC,OAAO;IAAEC,UAAU;EAC1B,eAA6B,IAAAC,iBAAO,GAAE;IAA9BC,gBAAgB,YAAhBA,gBAAgB;EACxB,mBAAqB,IAAAC,wBAAW,GAAE;IAA1BC,QAAQ,gBAARA,QAAQ;EAChB,IAAMC,KAAK,GAAG,IAAAC,aAAM,EAA6B,CAAC,CAAC,CAAC;EAEpD,IAAMC,MAAM,GAAGL,gBAAgB,CAAC,SAAS,CAAC;EAE1C,IAAMM,IAAI,GAAGC,gBAAO,CACfC,MAAM,CAA6B,wBAAwB,CAAC,CAC5DC,GAAG,CAAC,UAAAC,EAAE;IAAA,OACHA,EAAE,CAACC,GAAG,CAAC;MACHN,MAAM,EAAEA,MAAgB;MACxBH,QAAQ,EAAEA;IACd,CAAC,CAAC;EAAA,EACL,CACAU,MAAM,CAACC,OAAO,CAAC;EAEpB,IAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAAC,iBAA2B;IAAA,IAAxBC,QAAQ,SAARA,QAAQ;MAAElC,OAAO,SAAPA,OAAO;IACrD,IAAMmC,OAAO,GAAGd,KAAK,CAACc,OAAO;IAC7B;IACA,IAAMC,MAAM,GAAGC,cAAS,CAACC,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAC;IACzE,IAAI,CAACP,QAAQ,CAACQ,QAAQ,CAACN,MAAM,CAAC,EAAE;MAC5B,OAAO;QAAErC,IAAI,EAAED,WAAW,CAAC6C,MAAM,CAACC,MAAM,CAACT,OAAO,CAAC,CAAC,CAAC,CAAC,EAAEnC,OAAO;MAAE,CAAC;IACpE;IAEA,IAAI,CAACmC,OAAO,CAACD,QAAQ,CAAC,EAAE;MACpBC,OAAO,CAACD,QAAQ,CAAC,GAAGrB,kBAAkB,CAAC;QAAEgC,GAAG,EAAEX;MAAS,CAAC,CAAC,CAACnC,IAAI;IAClE;IAEA,OAAO;MACHA,IAAI,EAAED,WAAW,CAACqC,OAAO,CAACD,QAAQ,CAAC,EAAElC,OAAO;IAChD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,IAAA8C,gBAAS,EAAC,YAAM;IACZxC,WAAW,EAAE,CAACyC,IAAI,CAAC,YAAM;MACrB/B,UAAU,CAAC,KAAK,CAAC;IACrB,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,IAAA8B,gBAAS,EAAC,YAAM;IACZ,IAAI,CAAC/B,OAAO,EAAE;MACV;MACAN,MAAM,CAACC,iBAAiB,CAACsC,IAAI,CAACC,QAAQ,CAACC,cAAc,CAAC,oBAAoB,CAAC,EAAE;QACzE1B,IAAI,EAAJA,IAAI;QACJQ,gBAAgB,EAAhBA,gBAAgB;QAChBmB,QAAQ,EAARA;MACJ,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACpC,OAAO,CAAC,CAAC;EAEb,oBACI,6BAAC,eAAQ,QACJA,OAAO,gBACJ,6BAAC,0BAAgB;IAAC,KAAK,EAAE;EAAwB,EAAG,gBAEpD,6BAAC,+BAAmB;IAAC,EAAE,EAAE;EAAqB,EACjD,eACD,6BAAC,cAAM;IAAC,MAAM,EAAEqC;EAAiB,EAAG,CAC7B;AAEnB,CAAC;AAAC,eAEaxC,UAAU;AAAA"}
+{"version":3,"names":["React","Fragment","useEffect","useRef","useCallback","useState","ApolloLink","setContext","loadScript","Global","plugins","useI18N","useSecurity","CircularProgress","playgroundDialog","PlaygroundContainer","settings","config","appConfig","ORIGINAL_GQL_PLAYGROUND_URL","PATCHED_GQL_PLAYGROUND_URL","withHeaders","link","headers","from","_","req","initScripts","Promise","resolve","window","GraphQLPlayground","err","Playground","createApolloClient","loading","setLoading","getCurrentLocale","identity","links","locale","tabs","byType","map","pl","tab","filter","Boolean","createApolloLink","endpoint","current","apiUrl","getKey","process","env","REACT_APP_API_URL","includes","Object","values","uri","then","init","document","getElementById","createElement","label","id","styles"],"sources":["Playground.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef, useCallback, useState } from \"react\";\nimport { ApolloLink } from \"apollo-link\";\nimport { setContext } from \"apollo-link-context\";\n/**\n * Package load-script does not have types.\n */\n// @ts-expect-error\nimport loadScript from \"load-script\";\nimport { Global } from \"@emotion/react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { useI18N } from \"@webiny/app-i18n/hooks/useI18N\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { playgroundDialog, PlaygroundContainer } from \"./Playground.styles\";\nimport { settings } from \"./settings\";\nimport { config as appConfig } from \"@webiny/app/config\";\nimport type ApolloClient from \"apollo-client\";\nimport type { GraphQLPlaygroundTabPlugin } from \"~/types\";\nimport type { SecurityIdentity } from \"@webiny/app-security/types\";\nimport { ORIGINAL_GQL_PLAYGROUND_URL, PATCHED_GQL_PLAYGROUND_URL } from \"./constants\";\n\nconst withHeaders = (link: ApolloLink, headers: Record<string, string>): ApolloLink => {\n    return ApolloLink.from([\n        setContext(async (_, req) => {\n            return {\n                headers: {\n                    ...req.headers,\n                    ...headers\n                }\n            };\n        }),\n        link\n    ]);\n};\n\nconst initScripts = () => {\n    return new Promise((resolve: any) => {\n        // @ts-expect-error\n        if (window.GraphQLPlayground) {\n            return resolve();\n        }\n\n        loadScript(PATCHED_GQL_PLAYGROUND_URL, (err: Error) => {\n            if (err) {\n                return loadScript(ORIGINAL_GQL_PLAYGROUND_URL, resolve);\n            }\n\n            resolve();\n        });\n    });\n};\n\ninterface CreateApolloClientParams {\n    uri: string;\n}\n\ninterface PlaygroundProps {\n    createApolloClient: (params: CreateApolloClientParams) => ApolloClient<any>;\n}\n\ninterface CreateApolloLinkCallableParams {\n    endpoint: string;\n    headers: Record<string, string>;\n}\n\ninterface CreateApolloLinkCallableResult {\n    link: ApolloLink;\n}\n\ninterface CreateApolloLinkCallable {\n    (params: CreateApolloLinkCallableParams): CreateApolloLinkCallableResult;\n}\n\nconst Playground = ({ createApolloClient }: PlaygroundProps) => {\n    const [loading, setLoading] = useState(true);\n    const { getCurrentLocale } = useI18N();\n    const { identity } = useSecurity();\n    const links = useRef<Record<string, ApolloLink>>({});\n\n    const locale = getCurrentLocale(\"content\");\n\n    const tabs = plugins\n        .byType<GraphQLPlaygroundTabPlugin>(\"graphql-playground-tab\")\n        .map(pl =>\n            pl.tab({\n                locale: locale as string,\n                identity: identity as SecurityIdentity\n            })\n        )\n        .filter(Boolean);\n\n    const createApolloLink = useCallback<CreateApolloLinkCallable>(({ endpoint, headers }) => {\n        const current = links.current;\n        // If the request endpoint is not know to us, return the first available\n        const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL) as string;\n        if (!endpoint.includes(apiUrl)) {\n            return { link: withHeaders(Object.values(current)[0], headers) };\n        }\n\n        if (!current[endpoint]) {\n            current[endpoint] = createApolloClient({ uri: endpoint }).link;\n        }\n\n        return {\n            link: withHeaders(current[endpoint], headers)\n        };\n    }, []);\n\n    useEffect(() => {\n        initScripts().then(() => {\n            setLoading(false);\n        });\n    }, []);\n\n    useEffect(() => {\n        if (!loading) {\n            // @ts-expect-error\n            window.GraphQLPlayground.init(document.getElementById(\"graphql-playground\"), {\n                tabs,\n                createApolloLink,\n                settings\n            });\n        }\n    }, [loading]);\n\n    return (\n        <Fragment>\n            {loading ? (\n                <CircularProgress label={\"Loading playground...\"} />\n            ) : (\n                <PlaygroundContainer id={\"graphql-playground\"} />\n            )}\n            <Global styles={playgroundDialog} />\n        </Fragment>\n    );\n};\n\nexport default Playground;\n"],"mappings":"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","ignoreList":[]}

package/plugins/Playground.styles.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-/// <reference types="react" />
-/// <reference types="web" />
 export declare const PlaygroundContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const playgroundDialog: {
     ".ReactModalPortal": {

package/plugins/Playground.styles.js

@@ -1,13 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.playgroundDialog = exports.PlaygroundContainer = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var sharedStyles = {
+import _styled from "@emotion/styled/base";
+const sharedStyles = {
   "p, a, h1, h2, h3, h4, ul, pre, code": {
     margin: 0,
     padding: 0,
@@ -26,14 +18,16 @@ var sharedStyles = {
     fontFamily: "Consolas, monospace"
   }
 };
-var PlaygroundContainer = /*#__PURE__*/(0, _styled.default)("div", {
+export const PlaygroundContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1o47c380"
+} : {
   target: "e1o47c380",
   label: "PlaygroundContainer"
 })({
   marginTop: -3,
   overflow: "hidden",
-  ".playground": (0, _objectSpread2.default)({
-    height: "calc(100vh - 64px)",
+  ".playground": {
+    height: "calc(100vh - 45px)",
     margin: 0,
     padding: 0,
     fontFamily: "'Open Sans', sans-serif",
@@ -42,11 +36,12 @@ var PlaygroundContainer = /*#__PURE__*/(0, _styled.default)("div", {
     color: "rgba(0,0,0,.8)",
     lineHeight: 1.5,
     letterSpacing: 0.53,
-    marginRight: "-1px !important"
-  }, sharedStyles)
-});
-exports.PlaygroundContainer = PlaygroundContainer;
-var playgroundDialog = {
+    marginRight: "-1px !important",
+    ...sharedStyles
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBsYXlncm91bmQuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCbUMiLCJmaWxlIjoiUGxheWdyb3VuZC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3Qgc2hhcmVkU3R5bGVzID0ge1xuICAgIFwicCwgYSwgaDEsIGgyLCBoMywgaDQsIHVsLCBwcmUsIGNvZGVcIjoge1xuICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIGNvbG9yOiBcImluaGVyaXRcIlxuICAgIH0sXG4gICAgXCJhOmFjdGl2ZSwgYTpmb2N1cywgYnV0dG9uOmZvY3VzLCBpbnB1dDpmb2N1c1wiOiB7XG4gICAgICAgIG91dGxpbmU6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcImlucHV0LCBidXR0b24sIHN1Ym1pdFwiOiB7XG4gICAgICAgIGJvcmRlcjogXCJub25lXCJcbiAgICB9LFxuICAgIFwiaW5wdXQsIGJ1dHRvbiwgcHJlXCI6IHtcbiAgICAgICAgZm9udEZhbWlseTogXCInT3BlbiBTYW5zJywgc2Fucy1zZXJpZlwiXG4gICAgfSxcbiAgICBjb2RlOiB7XG4gICAgICAgIGZvbnRGYW1pbHk6IFwiQ29uc29sYXMsIG1vbm9zcGFjZVwiXG4gICAgfVxufTtcblxuZXhwb3J0IGNvbnN0IFBsYXlncm91bmRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIG1hcmdpblRvcDogLTMsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgXCIucGxheWdyb3VuZFwiOiB7XG4gICAgICAgIGhlaWdodDogXCJjYWxjKDEwMHZoIC0gNDVweClcIixcbiAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgICBmb250RmFtaWx5OiBcIidPcGVuIFNhbnMnLCBzYW5zLXNlcmlmXCIsXG4gICAgICAgIFdlYmtpdEZvbnRTbW9vdGhpbmc6IFwiYW50aWFsaWFzZWRcIixcbiAgICAgICAgTW96T3N4Rm9udFNtb290aGluZzogXCJncmF5c2NhbGVcIixcbiAgICAgICAgY29sb3I6IFwicmdiYSgwLDAsMCwuOClcIixcbiAgICAgICAgbGluZUhlaWdodDogMS41LFxuICAgICAgICBsZXR0ZXJTcGFjaW5nOiAwLjUzLFxuICAgICAgICBtYXJnaW5SaWdodDogXCItMXB4ICFpbXBvcnRhbnRcIixcbiAgICAgICAgLi4uc2hhcmVkU3R5bGVzXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBwbGF5Z3JvdW5kRGlhbG9nID0ge1xuICAgIFwiLlJlYWN0TW9kYWxQb3J0YWxcIjogc2hhcmVkU3R5bGVzXG59O1xuIl19 */");
+export const playgroundDialog = {
   ".ReactModalPortal": sharedStyles
 };
-exports.playgroundDialog = playgroundDialog;
+
+//# sourceMappingURL=Playground.styles.js.map

package/plugins/Playground.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["sharedStyles","margin","padding","color","outline","border","fontFamily","code","PlaygroundContainer","styled","marginTop","overflow","height","WebkitFontSmoothing","MozOsxFontSmoothing","lineHeight","letterSpacing","marginRight","playgroundDialog"],"sources":["Playground.styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nconst sharedStyles = {\n    \"p, a, h1, h2, h3, h4, ul, pre, code\": {\n        margin: 0,\n        padding: 0,\n        color: \"inherit\"\n    },\n    \"a:active, a:focus, button:focus, input:focus\": {\n        outline: \"none\"\n    },\n    \"input, button, submit\": {\n        border: \"none\"\n    },\n    \"input, button, pre\": {\n        fontFamily: \"'Open Sans', sans-serif\"\n    },\n    code: {\n        fontFamily: \"Consolas, monospace\"\n    }\n};\n\nexport const PlaygroundContainer = styled(\"div\")({\n    marginTop: -3,\n    overflow: \"hidden\",\n    \".playground\": {\n        height: \"calc(100vh - 64px)\",\n        margin: 0,\n        padding: 0,\n        fontFamily: \"'Open Sans', sans-serif\",\n        WebkitFontSmoothing: \"antialiased\",\n        MozOsxFontSmoothing: \"grayscale\",\n        color: \"rgba(0,0,0,.8)\",\n        lineHeight: 1.5,\n        letterSpacing: 0.53,\n        marginRight: \"-1px !important\",\n        ...sharedStyles\n    }\n});\n\nexport const playgroundDialog = {\n    \".ReactModalPortal\": sharedStyles\n};\n"],"mappings":";;;;;;;;AAAA;AAEA,IAAMA,YAAY,GAAG;EACjB,qCAAqC,EAAE;IACnCC,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE,CAAC;IACVC,KAAK,EAAE;EACX,CAAC;EACD,8CAA8C,EAAE;IAC5CC,OAAO,EAAE;EACb,CAAC;EACD,uBAAuB,EAAE;IACrBC,MAAM,EAAE;EACZ,CAAC;EACD,oBAAoB,EAAE;IAClBC,UAAU,EAAE;EAChB,CAAC;EACDC,IAAI,EAAE;IACFD,UAAU,EAAE;EAChB;AACJ,CAAC;AAEM,IAAME,mBAAmB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC7CC,SAAS,EAAE,CAAC,CAAC;EACbC,QAAQ,EAAE,QAAQ;EAClB,aAAa;IACTC,MAAM,EAAE,oBAAoB;IAC5BX,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE,CAAC;IACVI,UAAU,EAAE,yBAAyB;IACrCO,mBAAmB,EAAE,aAAa;IAClCC,mBAAmB,EAAE,WAAW;IAChCX,KAAK,EAAE,gBAAgB;IACvBY,UAAU,EAAE,GAAG;IACfC,aAAa,EAAE,IAAI;IACnBC,WAAW,EAAE;EAAiB,GAC3BjB,YAAY;AAEvB,CAAC,CAAC;AAAC;AAEI,IAAMkB,gBAAgB,GAAG;EAC5B,mBAAmB,EAAElB;AACzB,CAAC;AAAC"}
+{"version":3,"names":["sharedStyles","margin","padding","color","outline","border","fontFamily","code","PlaygroundContainer","_styled","process","env","NODE_ENV","target","label","marginTop","overflow","height","WebkitFontSmoothing","MozOsxFontSmoothing","lineHeight","letterSpacing","marginRight","playgroundDialog"],"sources":["Playground.styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nconst sharedStyles = {\n    \"p, a, h1, h2, h3, h4, ul, pre, code\": {\n        margin: 0,\n        padding: 0,\n        color: \"inherit\"\n    },\n    \"a:active, a:focus, button:focus, input:focus\": {\n        outline: \"none\"\n    },\n    \"input, button, submit\": {\n        border: \"none\"\n    },\n    \"input, button, pre\": {\n        fontFamily: \"'Open Sans', sans-serif\"\n    },\n    code: {\n        fontFamily: \"Consolas, monospace\"\n    }\n};\n\nexport const PlaygroundContainer = styled(\"div\")({\n    marginTop: -3,\n    overflow: \"hidden\",\n    \".playground\": {\n        height: \"calc(100vh - 45px)\",\n        margin: 0,\n        padding: 0,\n        fontFamily: \"'Open Sans', sans-serif\",\n        WebkitFontSmoothing: \"antialiased\",\n        MozOsxFontSmoothing: \"grayscale\",\n        color: \"rgba(0,0,0,.8)\",\n        lineHeight: 1.5,\n        letterSpacing: 0.53,\n        marginRight: \"-1px !important\",\n        ...sharedStyles\n    }\n});\n\nexport const playgroundDialog = {\n    \".ReactModalPortal\": sharedStyles\n};\n"],"mappings":";AAEA,MAAMA,YAAY,GAAG;EACjB,qCAAqC,EAAE;IACnCC,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE,CAAC;IACVC,KAAK,EAAE;EACX,CAAC;EACD,8CAA8C,EAAE;IAC5CC,OAAO,EAAE;EACb,CAAC;EACD,uBAAuB,EAAE;IACrBC,MAAM,EAAE;EACZ,CAAC;EACD,oBAAoB,EAAE;IAClBC,UAAU,EAAE;EAChB,CAAC;EACDC,IAAI,EAAE;IACFD,UAAU,EAAE;EAChB;AACJ,CAAC;AAED,OAAO,MAAME,mBAAmB,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC;EAC7CC,SAAS,EAAE,CAAC,CAAC;EACbC,QAAQ,EAAE,QAAQ;EAClB,aAAa,EAAE;IACXC,MAAM,EAAE,oBAAoB;IAC5BhB,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE,CAAC;IACVI,UAAU,EAAE,yBAAyB;IACrCY,mBAAmB,EAAE,aAAa;IAClCC,mBAAmB,EAAE,WAAW;IAChChB,KAAK,EAAE,gBAAgB;IACvBiB,UAAU,EAAE,GAAG;IACfC,aAAa,EAAE,IAAI;IACnBC,WAAW,EAAE,iBAAiB;IAC9B,GAAGtB;EACP;AACJ,CAAC,EAAAU,OAAA,CAAAC,GAAA,CAAAC,QAAA,2tDAAC;AAEF,OAAO,MAAMW,gBAAgB,GAAG;EAC5B,mBAAmB,EAAEvB;AACzB,CAAC","ignoreList":[]}

package/plugins/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const ORIGINAL_GQL_PLAYGROUND_URL = "https://cdn.jsdelivr.net/npm/@apollographql/graphql-playground-react@1.7.32/build/static/js/middleware.js";
+export declare const PATCHED_GQL_PLAYGROUND_URL = "https://webiny-public.s3.us-east-2.amazonaws.com/project-scripts/gql-playground-mw-1.7.42-patched.js";

package/plugins/constants.js

@@ -0,0 +1,4 @@
+export const ORIGINAL_GQL_PLAYGROUND_URL = "https://cdn.jsdelivr.net/npm/@apollographql/graphql-playground-react@1.7.32/build/static/js/middleware.js";
+export const PATCHED_GQL_PLAYGROUND_URL = "https://webiny-public.s3.us-east-2.amazonaws.com/project-scripts/gql-playground-mw-1.7.42-patched.js";
+
+//# sourceMappingURL=constants.js.map

package/plugins/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ORIGINAL_GQL_PLAYGROUND_URL","PATCHED_GQL_PLAYGROUND_URL"],"sources":["constants.ts"],"sourcesContent":["export const ORIGINAL_GQL_PLAYGROUND_URL =\n    \"https://cdn.jsdelivr.net/npm/@apollographql/graphql-playground-react@1.7.32/build/static/js/middleware.js\";\n\nexport const PATCHED_GQL_PLAYGROUND_URL =\n    \"https://webiny-public.s3.us-east-2.amazonaws.com/project-scripts/gql-playground-mw-1.7.42-patched.js\";\n"],"mappings":"AAAA,OAAO,MAAMA,2BAA2B,GACpC,2GAA2G;AAE/G,OAAO,MAAMC,0BAA0B,GACnC,sGAAsG","ignoreList":[]}

package/plugins/index.d.ts

@@ -1,3 +1,3 @@
-import { GraphQLPlaygroundTabPlugin } from "../types";
+import type { GraphQLPlaygroundTabPlugin } from "../types";
 declare const _default: GraphQLPlaygroundTabPlugin[];
 export default _default;

package/plugins/index.js

@@ -1,25 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _placeholder = _interopRequireDefault(require("!!raw-loader!./placeholder.graphql"));
-var _config = require("@webiny/app/config");
-// @ts-ignore
-
-var plugin = {
+// @ts-expect-error
+import placeholder from "!!raw-loader!./placeholder.graphql";
+import { config as appConfig } from "@webiny/app/config";
+const plugin = {
   type: "graphql-playground-tab",
-  tab: function tab() {
-    var apiUrl = _config.config.getKey("API_URL", process.env.REACT_APP_API_URL);
+  tab() {
+    const apiUrl = appConfig.getKey("API_URL", process.env.REACT_APP_API_URL);
     return {
       name: "Main API",
       endpoint: apiUrl + "/graphql",
       headers: {},
-      query: _placeholder.default
+      query: placeholder
     };
   }
 };
-var _default = [plugin];
-exports.default = _default;
+export default [plugin];
+
+//# sourceMappingURL=index.js.map

package/plugins/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["plugin","type","tab","apiUrl","appConfig","getKey","process","env","REACT_APP_API_URL","name","endpoint","headers","query","placeholder"],"sources":["index.tsx"],"sourcesContent":["import { GraphQLPlaygroundTabPlugin } from \"~/types\";\n// @ts-ignore\nimport placeholder from \"!!raw-loader!./placeholder.graphql\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\nconst plugin: GraphQLPlaygroundTabPlugin = {\n    type: \"graphql-playground-tab\",\n    tab() {\n        const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL) as string;\n        return {\n            name: \"Main API\",\n            endpoint: apiUrl + \"/graphql\",\n            headers: {},\n            query: placeholder\n        };\n    }\n};\nexport default [plugin];\n"],"mappings":";;;;;;;AAEA;AACA;AAFA;;AAIA,IAAMA,MAAkC,GAAG;EACvCC,IAAI,EAAE,wBAAwB;EAC9BC,GAAG,iBAAG;IACF,IAAMC,MAAM,GAAGC,cAAS,CAACC,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAW;IACnF,OAAO;MACHC,IAAI,EAAE,UAAU;MAChBC,QAAQ,EAAEP,MAAM,GAAG,UAAU;MAC7BQ,OAAO,EAAE,CAAC,CAAC;MACXC,KAAK,EAAEC;IACX,CAAC;EACL;AACJ,CAAC;AAAC,eACa,CAACb,MAAM,CAAC;AAAA"}
+{"version":3,"names":["placeholder","config","appConfig","plugin","type","tab","apiUrl","getKey","process","env","REACT_APP_API_URL","name","endpoint","headers","query"],"sources":["index.tsx"],"sourcesContent":["import type { GraphQLPlaygroundTabPlugin } from \"~/types\";\n// @ts-expect-error\nimport placeholder from \"!!raw-loader!./placeholder.graphql\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\nconst plugin: GraphQLPlaygroundTabPlugin = {\n    type: \"graphql-playground-tab\",\n    tab() {\n        const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL) as string;\n        return {\n            name: \"Main API\",\n            endpoint: apiUrl + \"/graphql\",\n            headers: {},\n            query: placeholder\n        };\n    }\n};\nexport default [plugin];\n"],"mappings":"AACA;AACA,OAAOA,WAAW,MAAM,oCAAoC;AAC5D,SAASC,MAAM,IAAIC,SAAS,QAAQ,oBAAoB;AAExD,MAAMC,MAAkC,GAAG;EACvCC,IAAI,EAAE,wBAAwB;EAC9BC,GAAGA,CAAA,EAAG;IACF,MAAMC,MAAM,GAAGJ,SAAS,CAACK,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAW;IACnF,OAAO;MACHC,IAAI,EAAE,UAAU;MAChBC,QAAQ,EAAEN,MAAM,GAAG,UAAU;MAC7BO,OAAO,EAAE,CAAC,CAAC;MACXC,KAAK,EAAEd;IACX,CAAC;EACL;AACJ,CAAC;AACD,eAAe,CAACG,MAAM,CAAC","ignoreList":[]}

package/plugins/settings.js

@@ -1,12 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.settings = void 0;
-var settings = {
+export const settings = {
   "editor.cursorShape": "line",
-  "editor.fontFamily": "'Source Code Pro', 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace",
+  "editor.fontFamily": `'Source Code Pro', 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace`,
   "editor.fontSize": 14,
   "editor.reuseHeaders": true,
   "editor.theme": "dark",
@@ -22,4 +16,5 @@ var settings = {
   "tracing.hideTracingResponse": true,
   "queryPlan.hideQueryPlanResponse": true
 };
-exports.settings = settings;
+
+//# sourceMappingURL=settings.js.map

package/plugins/settings.js.map

@@ -1 +1 @@
-{"version":3,"names":["settings"],"sources":["settings.ts"],"sourcesContent":["export const settings: any = {\n    \"editor.cursorShape\": \"line\",\n    \"editor.fontFamily\": `'Source Code Pro', 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace`,\n    \"editor.fontSize\": 14,\n    \"editor.reuseHeaders\": true,\n    \"editor.theme\": \"dark\",\n    \"general.betaUpdates\": false,\n    \"prettier.printWidth\": 80,\n    \"prettier.tabWidth\": 2,\n    \"prettier.useTabs\": false,\n    \"request.credentials\": \"omit\",\n    \"schema.disableComments\": true,\n    \"schema.polling.enable\": false,\n    \"schema.polling.endpointFilter\": \"*localhost*\",\n    \"schema.polling.interval\": 2000000,\n    \"tracing.hideTracingResponse\": true,\n    \"queryPlan.hideQueryPlanResponse\": true\n};\n"],"mappings":";;;;;;AAAO,IAAMA,QAAa,GAAG;EACzB,oBAAoB,EAAE,MAAM;EAC5B,mBAAmB,wFAAwF;EAC3G,iBAAiB,EAAE,EAAE;EACrB,qBAAqB,EAAE,IAAI;EAC3B,cAAc,EAAE,MAAM;EACtB,qBAAqB,EAAE,KAAK;EAC5B,qBAAqB,EAAE,EAAE;EACzB,mBAAmB,EAAE,CAAC;EACtB,kBAAkB,EAAE,KAAK;EACzB,qBAAqB,EAAE,MAAM;EAC7B,wBAAwB,EAAE,IAAI;EAC9B,uBAAuB,EAAE,KAAK;EAC9B,+BAA+B,EAAE,aAAa;EAC9C,yBAAyB,EAAE,OAAO;EAClC,6BAA6B,EAAE,IAAI;EACnC,iCAAiC,EAAE;AACvC,CAAC;AAAC"}
+{"version":3,"names":["settings"],"sources":["settings.ts"],"sourcesContent":["export const settings: any = {\n    \"editor.cursorShape\": \"line\",\n    \"editor.fontFamily\": `'Source Code Pro', 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace`,\n    \"editor.fontSize\": 14,\n    \"editor.reuseHeaders\": true,\n    \"editor.theme\": \"dark\",\n    \"general.betaUpdates\": false,\n    \"prettier.printWidth\": 80,\n    \"prettier.tabWidth\": 2,\n    \"prettier.useTabs\": false,\n    \"request.credentials\": \"omit\",\n    \"schema.disableComments\": true,\n    \"schema.polling.enable\": false,\n    \"schema.polling.endpointFilter\": \"*localhost*\",\n    \"schema.polling.interval\": 2000000,\n    \"tracing.hideTracingResponse\": true,\n    \"queryPlan.hideQueryPlanResponse\": true\n};\n"],"mappings":"AAAA,OAAO,MAAMA,QAAa,GAAG;EACzB,oBAAoB,EAAE,MAAM;EAC5B,mBAAmB,EAAE,sFAAsF;EAC3G,iBAAiB,EAAE,EAAE;EACrB,qBAAqB,EAAE,IAAI;EAC3B,cAAc,EAAE,MAAM;EACtB,qBAAqB,EAAE,KAAK;EAC5B,qBAAqB,EAAE,EAAE;EACzB,mBAAmB,EAAE,CAAC;EACtB,kBAAkB,EAAE,KAAK;EACzB,qBAAqB,EAAE,MAAM;EAC7B,wBAAwB,EAAE,IAAI;EAC9B,uBAAuB,EAAE,KAAK;EAC9B,+BAA+B,EAAE,aAAa;EAC9C,yBAAyB,EAAE,OAAO;EAClC,6BAA6B,EAAE,IAAI;EACnC,iCAAiC,EAAE;AACvC,CAAC","ignoreList":[]}

package/types.d.ts

@@ -1,5 +1,5 @@
-import { Plugin } from "@webiny/plugins/types";
-import { SecurityIdentity } from "@webiny/app-security/types";
+import type { Plugin } from "@webiny/plugins/types";
+import type { SecurityIdentity } from "@webiny/app-security/types";
 export interface GraphQLPlaygroundTabParams {
     locale: string;
     identity: SecurityIdentity;
@@ -10,7 +10,7 @@ export interface GraphQLPlaygroundTab {
     headers: Record<string, string>;
     query: string;
 }
-export declare type GraphQLPlaygroundTabPlugin = Plugin<{
+export type GraphQLPlaygroundTabPlugin = Plugin<{
     type: "graphql-playground-tab";
     tab: (params: GraphQLPlaygroundTabParams) => GraphQLPlaygroundTab | null;
 }>;

package/types.js

@@ -1,5 +1,3 @@
-"use strict";
+export {};
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+//# sourceMappingURL=types.js.map

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { Plugin } from \"@webiny/plugins/types\";\nimport { SecurityIdentity } from \"@webiny/app-security/types\";\n\nexport interface GraphQLPlaygroundTabParams {\n    locale: string;\n    identity: SecurityIdentity;\n}\nexport interface GraphQLPlaygroundTab {\n    name: string;\n    endpoint: string;\n    headers: Record<string, string>;\n    query: string;\n}\n\nexport type GraphQLPlaygroundTabPlugin = Plugin<{\n    type: \"graphql-playground-tab\";\n    tab: (params: GraphQLPlaygroundTabParams) => GraphQLPlaygroundTab | null;\n}>;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { Plugin } from \"@webiny/plugins/types\";\nimport type { SecurityIdentity } from \"@webiny/app-security/types\";\n\nexport interface GraphQLPlaygroundTabParams {\n    locale: string;\n    identity: SecurityIdentity;\n}\nexport interface GraphQLPlaygroundTab {\n    name: string;\n    endpoint: string;\n    headers: Record<string, string>;\n    query: string;\n}\n\nexport type GraphQLPlaygroundTabPlugin = Plugin<{\n    type: \"graphql-playground-tab\";\n    tab: (params: GraphQLPlaygroundTabParams) => GraphQLPlaygroundTab | null;\n}>;\n"],"mappings":"","ignoreList":[]}