@webiny/app-graphql-playground 0.0.0-ee-vpcs.549378cf03

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Webiny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# @webiny/app-graphql-playground

package/assets/graphql.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M14.051 2.751l4.935 2.85c.816-.859 2.173-.893 3.032-.077.148.14.274.301.377.477.589 1.028.232 2.339-.796 2.928-.174.1-.361.175-.558.223v5.699c1.146.273 1.854 1.423 1.58 2.569-.048.204-.127.4-.232.581-.592 1.023-1.901 1.374-2.927.782-.196-.113-.375-.259-.526-.429l-4.905 2.832c.372 1.124-.238 2.335-1.361 2.706-.217.071-.442.108-.67.108-1.181.001-2.139-.955-2.14-2.136 0-.205.029-.41.088-.609l-4.936-2.847c-.816.854-2.171.887-3.026.07-.854-.816-.886-2.171-.07-3.026.283-.297.646-.506 1.044-.603l.001-5.699c-1.15-.276-1.858-1.433-1.581-2.584.047-.198.123-.389.224-.566.592-1.024 1.902-1.374 2.927-.782.177.101.339.228.48.377l4.938-2.85C9.613 1.612 10.26.423 11.39.088 11.587.029 11.794 0 12 0c1.181-.001 2.139.954 2.14 2.134.001.209-.03.418-.089.617zm-.515.877c-.019.021-.037.039-.058.058l6.461 11.19c.026-.009.056-.016.082-.023V9.146c-1.145-.283-1.842-1.442-1.558-2.588.006-.024.012-.049.019-.072l-4.946-2.858zm-3.015.059l-.06-.06-4.946 2.852c.327 1.135-.327 2.318-1.461 2.645-.026.008-.051.014-.076.021v5.708l.084.023 6.461-11.19-.002.001zm2.076.507c-.39.112-.803.112-1.192 0l-6.46 11.189c.294.283.502.645.6 1.041h12.911c.097-.398.307-.761.603-1.044L12.597 4.194zm.986 16.227l4.913-2.838c-.015-.047-.027-.094-.038-.142H5.542l-.021.083 4.939 2.852c.388-.404.934-.653 1.54-.653.627 0 1.19.269 1.583.698z"/></svg>

package/index.d.ts

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

package/index.js

@@ -0,0 +1,46 @@
+"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, {
+    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
+  }))));
+};
+
+var GraphQLPlayground = /*#__PURE__*/(0, _react.memo)(GraphQLPlaygroundExtension);
+exports.GraphQLPlayground = GraphQLPlayground;

package/index.js.map

@@ -0,0 +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,0BAA+D,OAA4B;EAAA,IAAzBC,kBAAyB,QAAzBA,kBAAyB;;EAC7FC,gBAAA,CAAQC,QAAR,CAAiBC,iBAAjB;;EAEA,oBACI,6BAAC,iBAAD,qBACI,6BAAC,iBAAD;IACI,IAAI,EAAE,eADV;IAEI,KAAK,EAAE,gBAFX;IAGI,IAAI,EAAE,iBAHV;IAII,IAAI,eAAE,6BAAC,uBAAD,OAJV;IAKI,IAAI,EAAE,CAAC,QAAD;EALV,EADJ,eAQI,6BAAC,kBAAD;IAAU,KAAK,MAAf;IAAgB,IAAI,EAAE;EAAtB,gBACI,6BAAC,gBAAD;IAAQ,KAAK,EAAE;EAAf,gBACI,6BAAC,mBAAD;IAAY,kBAAkB,EAAEH;EAAhC,EADJ,CADJ,CARJ,CADJ;AAgBH,CAnBD;;AAqBO,IAAMI,iBAAiB,gBAAG,IAAAC,WAAA,EAAKN,0BAAL,CAA1B"}

package/package.json

@@ -0,0 +1,64 @@
+{
+	"name": "@webiny/app-graphql-playground",
+	"version": "0.0.0-ee-vpcs.549378cf03",
+	"main": "index.js",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"author": "Webiny Ltd",
+	"license": "MIT",
+	"dependencies": {
+		"@emotion/core": "10.3.1",
+		"@emotion/styled": "10.3.0",
+		"@webiny/app": "0.0.0-ee-vpcs.549378cf03",
+		"@webiny/app-admin": "0.0.0-ee-vpcs.549378cf03",
+		"@webiny/app-i18n": "0.0.0-ee-vpcs.549378cf03",
+		"@webiny/app-security": "0.0.0-ee-vpcs.549378cf03",
+		"@webiny/plugins": "0.0.0-ee-vpcs.549378cf03",
+		"@webiny/ui": "0.0.0-ee-vpcs.549378cf03",
+		"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",
+		"load-script": "1.0.0",
+		"prop-types": "15.8.1",
+		"react": "17.0.2",
+		"react-dom": "17.0.2"
+	},
+	"devDependencies": {
+		"@babel/cli": "^7.19.3",
+		"@babel/core": "^7.19.3",
+		"@babel/plugin-proposal-class-properties": "^7.16.0",
+		"@babel/preset-env": "^7.19.4",
+		"@babel/preset-react": "^7.16.0",
+		"@babel/preset-typescript": "^7.18.6",
+		"@webiny/cli": "^0.0.0-ee-vpcs.549378cf03",
+		"@webiny/project-utils": "^0.0.0-ee-vpcs.549378cf03",
+		"babel-plugin-emotion": "^9.2.8",
+		"babel-plugin-lodash": "^3.3.4",
+		"rimraf": "^3.0.2",
+		"typescript": "4.7.4"
+	},
+	"publishConfig": {
+		"access": "public",
+		"directory": "dist"
+	},
+	"scripts": {
+		"build": "yarn webiny run build",
+		"watch": "yarn webiny run watch"
+	},
+	"adio": {
+		"ignore": {
+			"src": [
+				"!!raw-loader!."
+			],
+			"peerDependencies": [
+				"react-dom"
+			]
+		}
+	},
+	"gitHead": "549378cf03fcd27845fc3fa23d1dc6b32896f630"
+}

package/plugins/Playground.d.ts

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

package/plugins/Playground.js

@@ -0,0 +1,156 @@
+"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 _core = require("@emotion/core");
+
+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");
+
+/**
+ * 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);
+    };
+  }()), link]);
+};
+
+var initScripts = function initScripts() {
+  return new Promise(function (resolve) {
+    // @ts-ignore
+    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);
+  });
+};
+
+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; // 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);
+
+    if (!endpoint.includes(apiUrl)) {
+      return {
+        link: withHeaders(Object.values(current)[0], headers)
+      };
+    }
+
+    if (!current[endpoint]) {
+      current[endpoint] = createApolloClient({
+        uri: endpoint
+      }).link;
+    }
+
+    return {
+      link: withHeaders(current[endpoint], headers)
+    };
+  }, []);
+  (0, _react.useEffect)(function () {
+    initScripts().then(function () {
+      setLoading(false);
+    });
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (!loading) {
+      // @ts-ignore
+      window.GraphQLPlayground.init(document.getElementById("graphql-playground"), {
+        tabs: tabs,
+        createApolloLink: createApolloLink,
+        settings: _settings.settings
+      });
+    }
+  }, [loading]);
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, loading ? /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+    label: "Loading playground..."
+  }) : /*#__PURE__*/_react.default.createElement(_Playground.PlaygroundContainer, {
+    id: "graphql-playground"
+  }), /*#__PURE__*/_react.default.createElement(_core.Global, {
+    styles: _Playground.playgroundDialog
+  }));
+};
+
+var _default = Playground;
+exports.default = _default;

package/plugins/Playground.js.map

@@ -0,0 +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/core\";\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":"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"}

package/plugins/Playground.styles.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+/// <reference types="web" />
+/// <reference types="react" />
+export declare const PlaygroundContainer: 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>;
+export declare const playgroundDialog: {
+    ".ReactModalPortal": {
+        "p, a, h1, h2, h3, h4, ul, pre, code": {
+            margin: number;
+            padding: number;
+            color: string;
+        };
+        "a:active, a:focus, button:focus, input:focus": {
+            outline: string;
+        };
+        "input, button, submit": {
+            border: string;
+        };
+        "input, button, pre": {
+            fontFamily: string;
+        };
+        code: {
+            fontFamily: string;
+        };
+    };
+};

package/plugins/Playground.styles.js

@@ -0,0 +1,56 @@
+"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 = {
+  "p, a, h1, h2, h3, h4, ul, pre, code": {
+    margin: 0,
+    padding: 0,
+    color: "inherit"
+  },
+  "a:active, a:focus, button:focus, input:focus": {
+    outline: "none"
+  },
+  "input, button, submit": {
+    border: "none"
+  },
+  "input, button, pre": {
+    fontFamily: "'Open Sans', sans-serif"
+  },
+  code: {
+    fontFamily: "Consolas, monospace"
+  }
+};
+var PlaygroundContainer = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1o47c380",
+  label: "PlaygroundContainer"
+})({
+  marginTop: -3,
+  overflow: "hidden",
+  ".playground": (0, _objectSpread2.default)({
+    height: "calc(100vh - 64px)",
+    margin: 0,
+    padding: 0,
+    fontFamily: "'Open Sans', sans-serif",
+    WebkitFontSmoothing: "antialiased",
+    MozOsxFontSmoothing: "grayscale",
+    color: "rgba(0,0,0,.8)",
+    lineHeight: 1.5,
+    letterSpacing: 0.53,
+    marginRight: "-1px !important"
+  }, sharedStyles)
+});
+exports.PlaygroundContainer = PlaygroundContainer;
+var playgroundDialog = {
+  ".ReactModalPortal": sharedStyles
+};
+exports.playgroundDialog = playgroundDialog;

package/plugins/Playground.styles.js.map

@@ -0,0 +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,uCAAuC;IACnCC,MAAM,EAAE,CAD2B;IAEnCC,OAAO,EAAE,CAF0B;IAGnCC,KAAK,EAAE;EAH4B,CADtB;EAMjB,gDAAgD;IAC5CC,OAAO,EAAE;EADmC,CAN/B;EASjB,yBAAyB;IACrBC,MAAM,EAAE;EADa,CATR;EAYjB,sBAAsB;IAClBC,UAAU,EAAE;EADM,CAZL;EAejBC,IAAI,EAAE;IACFD,UAAU,EAAE;EADV;AAfW,CAArB;AAoBO,IAAME,mBAAmB,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAC7CC,SAAS,EAAE,CAAC,CADiC;EAE7CC,QAAQ,EAAE,QAFmC;EAG7C;IACIC,MAAM,EAAE,oBADZ;IAEIX,MAAM,EAAE,CAFZ;IAGIC,OAAO,EAAE,CAHb;IAIII,UAAU,EAAE,yBAJhB;IAKIO,mBAAmB,EAAE,aALzB;IAMIC,mBAAmB,EAAE,WANzB;IAOIX,KAAK,EAAE,gBAPX;IAQIY,UAAU,EAAE,GARhB;IASIC,aAAa,EAAE,IATnB;IAUIC,WAAW,EAAE;EAVjB,GAWOjB,YAXP;AAH6C,CAAjB,CAAzB;;AAkBA,IAAMkB,gBAAgB,GAAG;EAC5B,qBAAqBlB;AADO,CAAzB"}

package/plugins/index.d.ts

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

package/plugins/index.js

@@ -0,0 +1,29 @@
+"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 = {
+  type: "graphql-playground-tab",
+  tab: function tab() {
+    var apiUrl = _config.config.getKey("API_URL", process.env.REACT_APP_API_URL);
+
+    return {
+      name: "Main API",
+      endpoint: apiUrl + "/graphql",
+      headers: {},
+      query: _placeholder.default
+    };
+  }
+};
+var _default = [plugin];
+exports.default = _default;

package/plugins/index.js.map

@@ -0,0 +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,wBADiC;EAEvCC,GAFuC,iBAEjC;IACF,IAAMC,MAAM,GAAGC,cAAA,CAAUC,MAAV,CAAiB,SAAjB,EAA4BC,OAAO,CAACC,GAAR,CAAYC,iBAAxC,CAAf;;IACA,OAAO;MACHC,IAAI,EAAE,UADH;MAEHC,QAAQ,EAAEP,MAAM,GAAG,UAFhB;MAGHQ,OAAO,EAAE,EAHN;MAIHC,KAAK,EAAEC;IAJJ,CAAP;EAMH;AAVsC,CAA3C;eAYe,CAACb,MAAD,C"}

package/plugins/placeholder.graphql

@@ -0,0 +1,18 @@
+#  Webiny Main API
+#
+#  This is the core API that has access to all the features of your Webiny instance.
+#
+#  Note: to use the API outside of the playground, you will need to provide an API key via the Authorization header.
+#
+#  Example query - list all users:
+{
+  adminUsers {
+    listUsers {
+      data {
+        email
+        firstName
+        createdOn
+      }
+    }
+  }
+}

package/plugins/settings.d.ts

@@ -0,0 +1 @@
+export declare const settings: any;

package/plugins/settings.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.settings = void 0;
+var settings = {
+  "editor.cursorShape": "line",
+  "editor.fontFamily": "'Source Code Pro', 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace",
+  "editor.fontSize": 14,
+  "editor.reuseHeaders": true,
+  "editor.theme": "dark",
+  "general.betaUpdates": false,
+  "prettier.printWidth": 80,
+  "prettier.tabWidth": 2,
+  "prettier.useTabs": false,
+  "request.credentials": "omit",
+  "schema.disableComments": true,
+  "schema.polling.enable": false,
+  "schema.polling.endpointFilter": "*localhost*",
+  "schema.polling.interval": 2000000,
+  "tracing.hideTracingResponse": true,
+  "queryPlan.hideQueryPlanResponse": true
+};
+exports.settings = settings;

package/plugins/settings.js.map

@@ -0,0 +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,sBAAsB,MADG;EAEzB,2GAFyB;EAGzB,mBAAmB,EAHM;EAIzB,uBAAuB,IAJE;EAKzB,gBAAgB,MALS;EAMzB,uBAAuB,KANE;EAOzB,uBAAuB,EAPE;EAQzB,qBAAqB,CARI;EASzB,oBAAoB,KATK;EAUzB,uBAAuB,MAVE;EAWzB,0BAA0B,IAXD;EAYzB,yBAAyB,KAZA;EAazB,iCAAiC,aAbR;EAczB,2BAA2B,OAdF;EAezB,+BAA+B,IAfN;EAgBzB,mCAAmC;AAhBV,CAAtB"}

package/types.d.ts

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

package/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/types.js.map

@@ -0,0 +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":""}