@webiny/app-graphql-playground 6.3.0 → 6.4.0-beta.0

package/PermissionsSchema.js

@@ -1,18 +1,26 @@
 import { createPermissionSchema } from "@webiny/app-admin";
-export const DEV_TOOLS_PERMISSIONS_SCHEMA = createPermissionSchema({
-  prefix: "dev-tools",
-  fullAccess: true,
-  entities: [{
-    id: "graphql-playground",
-    title: "GraphQL Playground",
-    permission: "dev-tools.graphql-playground.*",
-    scopes: ["full"]
-  }, {
-    id: "sdk-playground",
-    title: "SDK Playground",
-    permission: "dev-tools.sdk-playground.*",
-    scopes: ["full"]
-  }]
+const DEV_TOOLS_PERMISSIONS_SCHEMA = createPermissionSchema({
+    prefix: "dev-tools",
+    fullAccess: true,
+    entities: [
+        {
+            id: "graphql-playground",
+            title: "GraphQL Playground",
+            permission: "dev-tools.graphql-playground.*",
+            scopes: [
+                "full"
+            ]
+        },
+        {
+            id: "sdk-playground",
+            title: "SDK Playground",
+            permission: "dev-tools.sdk-playground.*",
+            scopes: [
+                "full"
+            ]
+        }
+    ]
 });
+export { DEV_TOOLS_PERMISSIONS_SCHEMA };
 
 //# sourceMappingURL=PermissionsSchema.js.map

package/PermissionsSchema.js.map

@@ -1 +1 @@
-{"version":3,"names":["createPermissionSchema","DEV_TOOLS_PERMISSIONS_SCHEMA","prefix","fullAccess","entities","id","title","permission","scopes"],"sources":["PermissionsSchema.ts"],"sourcesContent":["import { createPermissionSchema } from \"@webiny/app-admin\";\n\nexport const DEV_TOOLS_PERMISSIONS_SCHEMA = createPermissionSchema({\n    prefix: \"dev-tools\",\n    fullAccess: true,\n    entities: [\n        {\n            id: \"graphql-playground\",\n            title: \"GraphQL Playground\",\n            permission: \"dev-tools.graphql-playground.*\",\n            scopes: [\"full\"]\n        },\n        {\n            id: \"sdk-playground\",\n            title: \"SDK Playground\",\n            permission: \"dev-tools.sdk-playground.*\",\n            scopes: [\"full\"]\n        }\n    ]\n});\n"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,mBAAmB;AAE1D,OAAO,MAAMC,4BAA4B,GAAGD,sBAAsB,CAAC;EAC/DE,MAAM,EAAE,WAAW;EACnBC,UAAU,EAAE,IAAI;EAChBC,QAAQ,EAAE,CACN;IACIC,EAAE,EAAE,oBAAoB;IACxBC,KAAK,EAAE,oBAAoB;IAC3BC,UAAU,EAAE,gCAAgC;IAC5CC,MAAM,EAAE,CAAC,MAAM;EACnB,CAAC,EACD;IACIH,EAAE,EAAE,gBAAgB;IACpBC,KAAK,EAAE,gBAAgB;IACvBC,UAAU,EAAE,4BAA4B;IACxCC,MAAM,EAAE,CAAC,MAAM;EACnB,CAAC;AAET,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"PermissionsSchema.js","sources":["../src/PermissionsSchema.ts"],"sourcesContent":["import { createPermissionSchema } from \"@webiny/app-admin\";\n\nexport const DEV_TOOLS_PERMISSIONS_SCHEMA = createPermissionSchema({\n    prefix: \"dev-tools\",\n    fullAccess: true,\n    entities: [\n        {\n            id: \"graphql-playground\",\n            title: \"GraphQL Playground\",\n            permission: \"dev-tools.graphql-playground.*\",\n            scopes: [\"full\"]\n        },\n        {\n            id: \"sdk-playground\",\n            title: \"SDK Playground\",\n            permission: \"dev-tools.sdk-playground.*\",\n            scopes: [\"full\"]\n        }\n    ]\n});\n"],"names":["DEV_TOOLS_PERMISSIONS_SCHEMA","createPermissionSchema"],"mappings":";AAEO,MAAMA,+BAA+BC,uBAAuB;IAC/D,QAAQ;IACR,YAAY;IACZ,UAAU;QACN;YACI,IAAI;YACJ,OAAO;YACP,YAAY;YACZ,QAAQ;gBAAC;aAAO;QACpB;QACA;YACI,IAAI;YACJ,OAAO;YACP,YAAY;YACZ,QAAQ;gBAAC;aAAO;QACpB;KACH;AACL"}

package/SecurityPermission.js

@@ -1,18 +1,15 @@
-import React from "react";
+import react from "react";
 import { AdminConfig } from "@webiny/app-admin";
-import { ReactComponent as DevToolsIcon } from "@webiny/icons/developer_mode.svg";
+import { ReactComponent } from "@webiny/icons/developer_mode.svg";
 import { DEV_TOOLS_PERMISSIONS_SCHEMA } from "./PermissionsSchema.js";
-const {
-  Security
-} = AdminConfig;
-export const SecurityPermission = () => {
-  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(Security.Permissions, {
-    name: "dev-tools",
-    title: "Dev Tools",
-    description: "Manage Dev Tools access.",
-    icon: /*#__PURE__*/React.createElement(DevToolsIcon, null),
-    schema: DEV_TOOLS_PERMISSIONS_SCHEMA
-  }));
-};
+const { Security: Security } = AdminConfig;
+const SecurityPermission = ()=>/*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(Security.Permissions, {
+        name: "dev-tools",
+        title: "Dev Tools",
+        description: "Manage Dev Tools access.",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        schema: DEV_TOOLS_PERMISSIONS_SCHEMA
+    }));
+export { SecurityPermission };
 
 //# sourceMappingURL=SecurityPermission.js.map

package/SecurityPermission.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AdminConfig","ReactComponent","DevToolsIcon","DEV_TOOLS_PERMISSIONS_SCHEMA","Security","SecurityPermission","createElement","Permissions","name","title","description","icon","schema"],"sources":["SecurityPermission.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { ReactComponent as DevToolsIcon } from \"@webiny/icons/developer_mode.svg\";\nimport { DEV_TOOLS_PERMISSIONS_SCHEMA } from \"./PermissionsSchema.js\";\n\nconst { Security } = AdminConfig;\n\nexport const SecurityPermission = () => {\n    return (\n        <AdminConfig>\n            <Security.Permissions\n                name=\"dev-tools\"\n                title=\"Dev Tools\"\n                description=\"Manage Dev Tools access.\"\n                icon={<DevToolsIcon />}\n                schema={DEV_TOOLS_PERMISSIONS_SCHEMA}\n            />\n        </AdminConfig>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,cAAc,IAAIC,YAAY,QAAQ,kCAAkC;AACjF,SAASC,4BAA4B;AAErC,MAAM;EAAEC;AAAS,CAAC,GAAGJ,WAAW;AAEhC,OAAO,MAAMK,kBAAkB,GAAGA,CAAA,KAAM;EACpC,oBACIN,KAAA,CAAAO,aAAA,CAACN,WAAW,qBACRD,KAAA,CAAAO,aAAA,CAACF,QAAQ,CAACG,WAAW;IACjBC,IAAI,EAAC,WAAW;IAChBC,KAAK,EAAC,WAAW;IACjBC,WAAW,EAAC,0BAA0B;IACtCC,IAAI,eAAEZ,KAAA,CAAAO,aAAA,CAACJ,YAAY,MAAE,CAAE;IACvBU,MAAM,EAAET;EAA6B,CACxC,CACQ,CAAC;AAEtB,CAAC","ignoreList":[]}
+{"version":3,"file":"SecurityPermission.js","sources":["../src/SecurityPermission.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { ReactComponent as DevToolsIcon } from \"@webiny/icons/developer_mode.svg\";\nimport { DEV_TOOLS_PERMISSIONS_SCHEMA } from \"./PermissionsSchema.js\";\n\nconst { Security } = AdminConfig;\n\nexport const SecurityPermission = () => {\n    return (\n        <AdminConfig>\n            <Security.Permissions\n                name=\"dev-tools\"\n                title=\"Dev Tools\"\n                description=\"Manage Dev Tools access.\"\n                icon={<DevToolsIcon />}\n                schema={DEV_TOOLS_PERMISSIONS_SCHEMA}\n            />\n        </AdminConfig>\n    );\n};\n"],"names":["Security","AdminConfig","SecurityPermission","DevToolsIcon","DEV_TOOLS_PERMISSIONS_SCHEMA"],"mappings":";;;;AAKA,MAAM,EAAEA,UAAAA,QAAQ,EAAE,GAAGC;AAEd,MAAMC,qBAAqB,IACvB,WAAP,GACI,oBAACD,aAAWA,MAAAA,WAAAA,GACR,oBAACD,SAAS,WAAW;QACjB,MAAK;QACL,OAAM;QACN,aAAY;QACZ,oBAAM,oBAACG,gBAAYA;QACnB,QAAQC"}

package/assets/graphql.js

@@ -0,0 +1,14 @@
+import __rslib_svgr_url__0__ from "../static/svg/graphql.c5a8b511.svg";
+import * as __rspack_external_react from "react";
+const SvgGraphql = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        d: "m14.051 2.751 4.935 2.85a2.144 2.144 0 0 1 3.409.4 2.146 2.146 0 0 1-1.354 3.151v5.699a2.132 2.132 0 0 1 1.348 3.15 2.143 2.143 0 0 1-3.453.353l-4.905 2.832a2.14 2.14 0 1 1-4.171.678q0-.309.088-.609l-4.936-2.847a2.14 2.14 0 1 1-2.052-3.559l.001-5.699A2.14 2.14 0 0 1 1.604 6a2.143 2.143 0 0 1 3.407-.405l4.938-2.85A2.138 2.138 0 0 1 12 0a2.137 2.137 0 0 1 2.051 2.751m-.515.877a1 1 0 0 1-.058.058l6.461 11.19c.026-.009.056-.016.082-.023V9.146a2.135 2.135 0 0 1-1.558-2.588l.019-.072zm-3.015.059-.06-.06-4.946 2.852a2.136 2.136 0 0 1-1.461 2.645l-.076.021v5.708l.084.023 6.461-11.19zm2.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.044zm.986 16.227 4.913-2.838a2 2 0 0 1-.038-.142H5.542l-.021.083 4.939 2.852a2.13 2.13 0 0 1 1.54-.653c.627 0 1.19.269 1.583.698"
+    }));
+const graphql = __rslib_svgr_url__0__;
+export default graphql;
+export { SvgGraphql as ReactComponent };
+
+//# sourceMappingURL=graphql.js.map

package/assets/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets/graphql.js","sources":["../../src/assets/graphql.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgGraphql = props => <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" {...props}><path d=\"m14.051 2.751 4.935 2.85a2.144 2.144 0 0 1 3.409.4 2.146 2.146 0 0 1-1.354 3.151v5.699a2.132 2.132 0 0 1 1.348 3.15 2.143 2.143 0 0 1-3.453.353l-4.905 2.832a2.14 2.14 0 1 1-4.171.678q0-.309.088-.609l-4.936-2.847a2.14 2.14 0 1 1-2.052-3.559l.001-5.699A2.14 2.14 0 0 1 1.604 6a2.143 2.143 0 0 1 3.407-.405l4.938-2.85A2.138 2.138 0 0 1 12 0a2.137 2.137 0 0 1 2.051 2.751m-.515.877a1 1 0 0 1-.058.058l6.461 11.19c.026-.009.056-.016.082-.023V9.146a2.135 2.135 0 0 1-1.558-2.588l.019-.072zm-3.015.059-.06-.06-4.946 2.852a2.136 2.136 0 0 1-1.461 2.645l-.076.021v5.708l.084.023 6.461-11.19zm2.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.044zm.986 16.227 4.913-2.838a2 2 0 0 1-.038-.142H5.542l-.021.083 4.939 2.852a2.13 2.13 0 0 1 1.54-.653c.627 0 1.19.269 1.583.698\" /></svg>;\nexport { SvgGraphql as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/graphql.c5a8b511.svg\";"],"names":["SvgGraphql","props"],"mappings":";;AACA,MAAMA,aAAaC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,GAAE;;AAE3G"}

package/index.js

@@ -1,54 +1,53 @@
-import React, { memo } from "react";
+import react, { memo } from "react";
 import { plugins } from "@webiny/plugins";
-import { useRouter, AdminConfig, AdminLayout, HasPermission } from "@webiny/app-admin";
-import { ReactComponent as ApiPlaygroundIcon } from "@webiny/icons/graphql_playground.svg";
-import { ReactComponent as DevToolsIcon } from "@webiny/icons/developer_mode.svg";
+import { AdminConfig, AdminLayout, HasPermission, useRouter } from "@webiny/app-admin";
+import { ReactComponent } from "@webiny/icons/graphql_playground.svg";
+import { ReactComponent as developer_mode_svg_ReactComponent } from "@webiny/icons/developer_mode.svg";
 import Playground from "./plugins/Playground.js";
-import playgroundPlugins from "./plugins/index.js";
+import plugins_0 from "./plugins/index.js";
 import { SecurityPermission } from "./SecurityPermission.js";
 import { Routes } from "./routes.js";
-const {
-  Route,
-  Menu
-} = AdminConfig;
-const GraphQLPlaygroundExtension = ({
-  createApolloClient
-}) => {
-  const router = useRouter();
-  plugins.register(playgroundPlugins);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SecurityPermission, null), /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(Menu, {
-    name: "dev-tools",
-    hideIfEmpty: true,
-    pin: "end",
-    element: /*#__PURE__*/React.createElement(Menu.Item, {
-      text: "Dev Tools",
-      icon: /*#__PURE__*/React.createElement(Menu.Item.Icon, {
-        label: "Dev Tools",
-        element: /*#__PURE__*/React.createElement(DevToolsIcon, null)
-      })
-    })
-  }), /*#__PURE__*/React.createElement(HasPermission, {
-    any: ["dev-tools.*", "dev-tools.graphql-playground.*"]
-  }, /*#__PURE__*/React.createElement(Menu, {
-    name: "dev-tools.graphql",
-    parent: "dev-tools",
-    element: /*#__PURE__*/React.createElement(Menu.Link, {
-      text: "GraphQL Playground",
-      to: router.getLink(Routes.ApiPlayground),
-      icon: /*#__PURE__*/React.createElement(Menu.Link.Icon, {
-        label: "GraphQL Playground",
-        element: /*#__PURE__*/React.createElement(ApiPlaygroundIcon, null)
-      })
-    })
-  })), /*#__PURE__*/React.createElement(Route, {
-    route: Routes.ApiPlayground,
-    element: /*#__PURE__*/React.createElement(AdminLayout, {
-      title: "GraphQL Playground"
-    }, /*#__PURE__*/React.createElement(Playground, {
-      createApolloClient: createApolloClient
-    }))
-  })));
+const { Route: Route, Menu: Menu } = AdminConfig;
+const GraphQLPlaygroundExtension = ({ createApolloClient })=>{
+    const router = useRouter();
+    plugins.register(plugins_0);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(SecurityPermission, null), /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(Menu, {
+        name: "dev-tools",
+        hideIfEmpty: true,
+        pin: "end",
+        element: /*#__PURE__*/ react.createElement(Menu.Item, {
+            text: "Dev Tools",
+            icon: /*#__PURE__*/ react.createElement(Menu.Item.Icon, {
+                label: "Dev Tools",
+                element: /*#__PURE__*/ react.createElement(developer_mode_svg_ReactComponent, null)
+            })
+        })
+    }), /*#__PURE__*/ react.createElement(HasPermission, {
+        any: [
+            "dev-tools.*",
+            "dev-tools.graphql-playground.*"
+        ]
+    }, /*#__PURE__*/ react.createElement(Menu, {
+        name: "dev-tools.graphql",
+        parent: "dev-tools",
+        element: /*#__PURE__*/ react.createElement(Menu.Link, {
+            text: "GraphQL Playground",
+            to: router.getLink(Routes.ApiPlayground),
+            icon: /*#__PURE__*/ react.createElement(Menu.Link.Icon, {
+                label: "GraphQL Playground",
+                element: /*#__PURE__*/ react.createElement(ReactComponent, null)
+            })
+        })
+    })), /*#__PURE__*/ react.createElement(Route, {
+        route: Routes.ApiPlayground,
+        element: /*#__PURE__*/ react.createElement(AdminLayout, {
+            title: "GraphQL Playground"
+        }, /*#__PURE__*/ react.createElement(Playground, {
+            createApolloClient: createApolloClient
+        }))
+    })));
 };
-export const GraphQLPlayground = /*#__PURE__*/memo(GraphQLPlaygroundExtension);
+const GraphQLPlayground = /*#__PURE__*/ memo(GraphQLPlaygroundExtension);
+export { GraphQLPlayground };
 
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","plugins","useRouter","AdminConfig","AdminLayout","HasPermission","ReactComponent","ApiPlaygroundIcon","DevToolsIcon","Playground","playgroundPlugins","SecurityPermission","Routes","Route","Menu","GraphQLPlaygroundExtension","createApolloClient","router","register","createElement","Fragment","name","hideIfEmpty","pin","element","Item","text","icon","Icon","label","any","parent","Link","to","getLink","ApiPlayground","route","title","GraphQLPlayground"],"sources":["index.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport type { ApolloClient } from \"apollo-client\";\nimport { plugins } from \"@webiny/plugins\";\nimport { useRouter, AdminConfig, AdminLayout, HasPermission } from \"@webiny/app-admin\";\nimport { ReactComponent as ApiPlaygroundIcon } from \"@webiny/icons/graphql_playground.svg\";\nimport { ReactComponent as DevToolsIcon } from \"@webiny/icons/developer_mode.svg\";\nimport Playground from \"./plugins/Playground.js\";\nimport playgroundPlugins from \"./plugins/index.js\";\nimport { SecurityPermission } from \"./SecurityPermission.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst { Route, Menu } = AdminConfig;\n\ninterface CreateApolloClientParams {\n    uri: string;\n}\n\ninterface GraphQLPlaygroundProps {\n    createApolloClient(params: CreateApolloClientParams): ApolloClient<any>;\n}\n\nconst GraphQLPlaygroundExtension = ({ createApolloClient }: GraphQLPlaygroundProps) => {\n    const router = useRouter();\n    plugins.register(playgroundPlugins);\n\n    return (\n        <>\n            <SecurityPermission />\n            <AdminConfig>\n                <Menu\n                    name={\"dev-tools\"}\n                    hideIfEmpty={true}\n                    pin={\"end\"}\n                    element={\n                        <Menu.Item\n                            text={\"Dev Tools\"}\n                            icon={<Menu.Item.Icon label=\"Dev Tools\" element={<DevToolsIcon />} />}\n                        />\n                    }\n                />\n                <HasPermission any={[\"dev-tools.*\", \"dev-tools.graphql-playground.*\"]}>\n                    <Menu\n                        name={\"dev-tools.graphql\"}\n                        parent={\"dev-tools\"}\n                        element={\n                            <Menu.Link\n                                text={\"GraphQL Playground\"}\n                                to={router.getLink(Routes.ApiPlayground)}\n                                icon={\n                                    <Menu.Link.Icon\n                                        label=\"GraphQL Playground\"\n                                        element={<ApiPlaygroundIcon />}\n                                    />\n                                }\n                            />\n                        }\n                    />\n                </HasPermission>\n\n                <Route\n                    route={Routes.ApiPlayground}\n                    element={\n                        <AdminLayout title={\"GraphQL Playground\"}>\n                            <Playground createApolloClient={createApolloClient} />\n                        </AdminLayout>\n                    }\n                />\n            </AdminConfig>\n        </>\n    );\n};\n\nexport const GraphQLPlayground = memo(GraphQLPlaygroundExtension);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAEnC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,SAAS,EAAEC,WAAW,EAAEC,WAAW,EAAEC,aAAa,QAAQ,mBAAmB;AACtF,SAASC,cAAc,IAAIC,iBAAiB,QAAQ,sCAAsC;AAC1F,SAASD,cAAc,IAAIE,YAAY,QAAQ,kCAAkC;AACjF,OAAOC,UAAU;AACjB,OAAOC,iBAAiB;AACxB,SAASC,kBAAkB;AAC3B,SAASC,MAAM;AAEf,MAAM;EAAEC,KAAK;EAAEC;AAAK,CAAC,GAAGX,WAAW;AAUnC,MAAMY,0BAA0B,GAAGA,CAAC;EAAEC;AAA2C,CAAC,KAAK;EACnF,MAAMC,MAAM,GAAGf,SAAS,CAAC,CAAC;EAC1BD,OAAO,CAACiB,QAAQ,CAACR,iBAAiB,CAAC;EAEnC,oBACIX,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,qBACIrB,KAAA,CAAAoB,aAAA,CAACR,kBAAkB,MAAE,CAAC,eACtBZ,KAAA,CAAAoB,aAAA,CAAChB,WAAW,qBACRJ,KAAA,CAAAoB,aAAA,CAACL,IAAI;IACDO,IAAI,EAAE,WAAY;IAClBC,WAAW,EAAE,IAAK;IAClBC,GAAG,EAAE,KAAM;IACXC,OAAO,eACHzB,KAAA,CAAAoB,aAAA,CAACL,IAAI,CAACW,IAAI;MACNC,IAAI,EAAE,WAAY;MAClBC,IAAI,eAAE5B,KAAA,CAAAoB,aAAA,CAACL,IAAI,CAACW,IAAI,CAACG,IAAI;QAACC,KAAK,EAAC,WAAW;QAACL,OAAO,eAAEzB,KAAA,CAAAoB,aAAA,CAACX,YAAY,MAAE;MAAE,CAAE;IAAE,CACzE;EACJ,CACJ,CAAC,eACFT,KAAA,CAAAoB,aAAA,CAACd,aAAa;IAACyB,GAAG,EAAE,CAAC,aAAa,EAAE,gCAAgC;EAAE,gBAClE/B,KAAA,CAAAoB,aAAA,CAACL,IAAI;IACDO,IAAI,EAAE,mBAAoB;IAC1BU,MAAM,EAAE,WAAY;IACpBP,OAAO,eACHzB,KAAA,CAAAoB,aAAA,CAACL,IAAI,CAACkB,IAAI;MACNN,IAAI,EAAE,oBAAqB;MAC3BO,EAAE,EAAEhB,MAAM,CAACiB,OAAO,CAACtB,MAAM,CAACuB,aAAa,CAAE;MACzCR,IAAI,eACA5B,KAAA,CAAAoB,aAAA,CAACL,IAAI,CAACkB,IAAI,CAACJ,IAAI;QACXC,KAAK,EAAC,oBAAoB;QAC1BL,OAAO,eAAEzB,KAAA,CAAAoB,aAAA,CAACZ,iBAAiB,MAAE;MAAE,CAClC;IACJ,CACJ;EACJ,CACJ,CACU,CAAC,eAEhBR,KAAA,CAAAoB,aAAA,CAACN,KAAK;IACFuB,KAAK,EAAExB,MAAM,CAACuB,aAAc;IAC5BX,OAAO,eACHzB,KAAA,CAAAoB,aAAA,CAACf,WAAW;MAACiC,KAAK,EAAE;IAAqB,gBACrCtC,KAAA,CAAAoB,aAAA,CAACV,UAAU;MAACO,kBAAkB,EAAEA;IAAmB,CAAE,CAC5C;EAChB,CACJ,CACQ,CACf,CAAC;AAEX,CAAC;AAED,OAAO,MAAMsB,iBAAiB,gBAAGtC,IAAI,CAACe,0BAA0B,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport type { ApolloClient } from \"apollo-client\";\nimport { plugins } from \"@webiny/plugins\";\nimport { useRouter, AdminConfig, AdminLayout, HasPermission } from \"@webiny/app-admin\";\nimport { ReactComponent as ApiPlaygroundIcon } from \"@webiny/icons/graphql_playground.svg\";\nimport { ReactComponent as DevToolsIcon } from \"@webiny/icons/developer_mode.svg\";\nimport Playground from \"./plugins/Playground.js\";\nimport playgroundPlugins from \"./plugins/index.js\";\nimport { SecurityPermission } from \"./SecurityPermission.js\";\nimport { Routes } from \"~/routes.js\";\n\nconst { Route, Menu } = AdminConfig;\n\ninterface CreateApolloClientParams {\n    uri: string;\n}\n\ninterface GraphQLPlaygroundProps {\n    createApolloClient(params: CreateApolloClientParams): ApolloClient<any>;\n}\n\nconst GraphQLPlaygroundExtension = ({ createApolloClient }: GraphQLPlaygroundProps) => {\n    const router = useRouter();\n    plugins.register(playgroundPlugins);\n\n    return (\n        <>\n            <SecurityPermission />\n            <AdminConfig>\n                <Menu\n                    name={\"dev-tools\"}\n                    hideIfEmpty={true}\n                    pin={\"end\"}\n                    element={\n                        <Menu.Item\n                            text={\"Dev Tools\"}\n                            icon={<Menu.Item.Icon label=\"Dev Tools\" element={<DevToolsIcon />} />}\n                        />\n                    }\n                />\n                <HasPermission any={[\"dev-tools.*\", \"dev-tools.graphql-playground.*\"]}>\n                    <Menu\n                        name={\"dev-tools.graphql\"}\n                        parent={\"dev-tools\"}\n                        element={\n                            <Menu.Link\n                                text={\"GraphQL Playground\"}\n                                to={router.getLink(Routes.ApiPlayground)}\n                                icon={\n                                    <Menu.Link.Icon\n                                        label=\"GraphQL Playground\"\n                                        element={<ApiPlaygroundIcon />}\n                                    />\n                                }\n                            />\n                        }\n                    />\n                </HasPermission>\n\n                <Route\n                    route={Routes.ApiPlayground}\n                    element={\n                        <AdminLayout title={\"GraphQL Playground\"}>\n                            <Playground createApolloClient={createApolloClient} />\n                        </AdminLayout>\n                    }\n                />\n            </AdminConfig>\n        </>\n    );\n};\n\nexport const GraphQLPlayground = memo(GraphQLPlaygroundExtension);\n"],"names":["Route","Menu","AdminConfig","GraphQLPlaygroundExtension","createApolloClient","router","useRouter","plugins","playgroundPlugins","SecurityPermission","DevToolsIcon","HasPermission","Routes","ApiPlaygroundIcon","AdminLayout","Playground","GraphQLPlayground","memo"],"mappings":";;;;;;;;;AAWA,MAAM,EAAEA,OAAAA,KAAK,EAAEC,MAAAA,IAAI,EAAE,GAAGC;AAUxB,MAAMC,6BAA6B,CAAC,EAAEC,kBAAkB,EAA0B;IAC9E,MAAMC,SAASC;IACfC,QAAQ,QAAQ,CAACC;IAEjB,OAAO,WAAP,GACI,wDACI,oBAACC,oBAAkBA,OAAAA,WAAAA,GACnB,oBAACP,aAAWA,MAAAA,WAAAA,GACR,oBAACD,MAAIA;QACD,MAAM;QACN,aAAa;QACb,KAAK;QACL,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,oBAAM,oBAACA,KAAK,IAAI,CAAC,IAAI;gBAAC,OAAM;gBAAY,uBAAS,oBAACS,mCAAYA;;;sBAI1E,oBAACC,eAAaA;QAAC,KAAK;YAAC;YAAe;SAAiC;qBACjE,oBAACV,MAAIA;QACD,MAAM;QACN,QAAQ;QACR,uBACI,oBAACA,KAAK,IAAI;YACN,MAAM;YACN,IAAII,OAAO,OAAO,CAACO,OAAO,aAAa;YACvC,oBACI,oBAACX,KAAK,IAAI,CAAC,IAAI;gBACX,OAAM;gBACN,uBAAS,oBAACY,gBAAiBA;;;uBAQnD,oBAACb,OAAKA;QACF,OAAOY,OAAO,aAAa;QAC3B,uBACI,oBAACE,aAAWA;YAAC,OAAO;yBAChB,oBAACC,YAAUA;YAAC,oBAAoBX;;;AAO5D;AAEO,MAAMY,oBAAoB,WAAHA,GAAGC,KAAKd"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-graphql-playground",
-	"version": "6.3.0",
+	"version": "6.4.0-beta.0",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -15,24 +15,23 @@
 	"dependencies": {
 		"@emotion/react": "11.14.0",
 		"@emotion/styled": "11.14.1",
-		"@webiny/app": "6.3.0",
-		"@webiny/app-admin": "6.3.0",
-		"@webiny/icons": "6.3.0",
-		"@webiny/plugins": "6.3.0",
-		"@webiny/ui": "6.3.0",
+		"@webiny/admin-ui": "6.4.0-beta.0",
+		"@webiny/app": "6.4.0-beta.0",
+		"@webiny/app-admin": "6.4.0-beta.0",
+		"@webiny/icons": "6.4.0-beta.0",
+		"@webiny/plugins": "6.4.0-beta.0",
 		"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": "16.13.2",
+		"graphql": "16.14.0",
 		"load-script": "2.0.0",
 		"react": "18.3.1",
 		"react-dom": "18.3.1"
 	},
 	"devDependencies": {
-		"@emotion/babel-plugin": "11.13.5",
-		"@webiny/build-tools": "6.3.0",
+		"@webiny/build-tools": "6.4.0-beta.0",
 		"rimraf": "6.1.3",
 		"typescript": "6.0.3"
 	},
@@ -50,5 +49,5 @@
 			]
 		}
 	},
-	"gitHead": "7cefe15431dbd65504e1f58147dc9e55bcbfa693"
+	"gitHead": "a545d7529828af07d08d49c3da1bcb967483b9ce"
 }

package/plugins/Playground.js

@@ -1,94 +1,74 @@
-import React, { Fragment, useEffect, useRef, useCallback, useState } from "react";
+import react, { Fragment, useCallback, useEffect, useRef, useState } from "react";
 import { ApolloLink } from "apollo-link";
 import { setContext } from "apollo-link-context";
-import loadScript from "load-script";
+import load_script from "load-script";
 import { Global } from "@emotion/react";
 import { plugins } from "@webiny/plugins";
 import { useIdentity } from "@webiny/app-admin";
-import { CircularProgress } from "@webiny/ui/Progress/index.js";
-import { playgroundDialog, PlaygroundContainer } from "./Playground.styles.js";
+import { OverlayLoader } from "@webiny/admin-ui";
+import { PlaygroundContainer, playgroundDialog } from "./Playground.styles.js";
 import { settings } from "./settings.js";
-import { config as appConfig } from "@webiny/app/config.js";
+import { config } from "@webiny/app/config.js";
 import { ORIGINAL_GQL_PLAYGROUND_URL, PATCHED_GQL_PLAYGROUND_URL } from "./constants.js";
-const withHeaders = (link, headers) => {
-  return ApolloLink.from([setContext(async (_, req) => {
-    return {
-      headers: {
-        ...req.headers,
-        ...headers
-      }
-    };
-  }), link]);
-};
-const initScripts = () => {
-  return new Promise(resolve => {
-    // @ts-expect-error
-    if (window.GraphQLPlayground) {
-      return resolve();
-    }
-    loadScript(PATCHED_GQL_PLAYGROUND_URL, err => {
-      if (err) {
-        return loadScript(ORIGINAL_GQL_PLAYGROUND_URL, resolve);
-      }
-      resolve();
-    });
-  });
-};
-const Playground = ({
-  createApolloClient
-}) => {
-  const [loading, setLoading] = useState(true);
-  const {
-    identity
-  } = useIdentity();
-  const links = useRef({});
-  const tabs = plugins.byType("graphql-playground-tab").map(pl => pl.tab({
-    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
-    const apiUrl = appConfig.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)
-    };
-  }, []);
-  useEffect(() => {
-    initScripts().then(() => {
-      setLoading(false);
+const withHeaders = (link, headers)=>ApolloLink.from([
+        setContext(async (_, req)=>({
+                headers: {
+                    ...req.headers,
+                    ...headers
+                }
+            })),
+        link
+    ]);
+const initScripts = ()=>new Promise((resolve)=>{
+        if (window.GraphQLPlayground) return resolve();
+        load_script(PATCHED_GQL_PLAYGROUND_URL, (err)=>{
+            if (err) return load_script(ORIGINAL_GQL_PLAYGROUND_URL, resolve);
+            resolve();
+        });
     });
-  }, []);
-  useEffect(() => {
-    if (!loading) {
-      // @ts-expect-error
-      window.GraphQLPlayground.init(document.getElementById("graphql-playground"), {
-        tabs,
-        createApolloLink,
-        settings
-      });
-    }
-  }, [loading]);
-  return /*#__PURE__*/React.createElement(Fragment, null, loading ? /*#__PURE__*/React.createElement(CircularProgress, {
-    label: "Loading playground..."
-  }) : /*#__PURE__*/React.createElement(PlaygroundContainer, {
-    id: "graphql-playground"
-  }), /*#__PURE__*/React.createElement(Global, {
-    styles: playgroundDialog
-  }));
+const Playground = ({ createApolloClient })=>{
+    const [loading, setLoading] = useState(true);
+    const { identity } = useIdentity();
+    const links = useRef({});
+    const tabs = plugins.byType("graphql-playground-tab").map((pl)=>pl.tab({
+            identity: identity
+        })).filter(Boolean);
+    const createApolloLink = useCallback(({ endpoint, headers })=>{
+        const current = links.current;
+        const apiUrl = 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)
+        };
+    }, []);
+    useEffect(()=>{
+        initScripts().then(()=>{
+            setLoading(false);
+        });
+    }, []);
+    useEffect(()=>{
+        if (!loading) window.GraphQLPlayground.init(document.getElementById("graphql-playground"), {
+            tabs,
+            createApolloLink,
+            settings: settings
+        });
+    }, [
+        loading
+    ]);
+    return /*#__PURE__*/ react.createElement(Fragment, null, loading ? /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: "Loading playground..."
+    }) : /*#__PURE__*/ react.createElement(PlaygroundContainer, {
+        id: "graphql-playground"
+    }), /*#__PURE__*/ react.createElement(Global, {
+        styles: playgroundDialog
+    }));
 };
-export default Playground;
+const plugins_Playground = Playground;
+export default plugins_Playground;
 
 //# sourceMappingURL=Playground.js.map

package/plugins/Playground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Fragment","useEffect","useRef","useCallback","useState","ApolloLink","setContext","loadScript","Global","plugins","useIdentity","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","identity","links","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\";\nimport loadScript from \"load-script\";\nimport { Global } from \"@emotion/react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { useIdentity } from \"@webiny/app-admin\";\nimport type { Identity } from \"@webiny/app-admin/domain/Identity.js\";\nimport { CircularProgress } from \"@webiny/ui/Progress/index.js\";\nimport { playgroundDialog, PlaygroundContainer } from \"./Playground.styles.js\";\nimport { settings } from \"./settings.js\";\nimport { config as appConfig } from \"@webiny/app/config.js\";\nimport type ApolloClient from \"apollo-client\";\nimport type { GraphQLPlaygroundTabPlugin } from \"~/types.js\";\nimport { ORIGINAL_GQL_PLAYGROUND_URL, PATCHED_GQL_PLAYGROUND_URL } from \"./constants.js\";\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 => {\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 { identity } = useIdentity();\n    const links = useRef<Record<string, ApolloLink>>({});\n\n    const tabs = plugins\n        .byType<GraphQLPlaygroundTabPlugin>(\"graphql-playground-tab\")\n        .map(pl =>\n            pl.tab({\n                identity: identity as Identity\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":[]}
+{"version":3,"file":"plugins/Playground.js","sources":["../../src/plugins/Playground.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef, useCallback, useState } from \"react\";\nimport { ApolloLink } from \"apollo-link\";\nimport { setContext } from \"apollo-link-context\";\nimport loadScript from \"load-script\";\nimport { Global } from \"@emotion/react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { useIdentity } from \"@webiny/app-admin\";\nimport type { Identity } from \"@webiny/app-admin/domain/Identity.js\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport { playgroundDialog, PlaygroundContainer } from \"./Playground.styles.js\";\nimport { settings } from \"./settings.js\";\nimport { config as appConfig } from \"@webiny/app/config.js\";\nimport type ApolloClient from \"apollo-client\";\nimport type { GraphQLPlaygroundTabPlugin } from \"~/types.js\";\nimport { ORIGINAL_GQL_PLAYGROUND_URL, PATCHED_GQL_PLAYGROUND_URL } from \"./constants.js\";\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 => {\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 { identity } = useIdentity();\n    const links = useRef<Record<string, ApolloLink>>({});\n\n    const tabs = plugins\n        .byType<GraphQLPlaygroundTabPlugin>(\"graphql-playground-tab\")\n        .map(pl =>\n            pl.tab({\n                identity: identity as Identity\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                <OverlayLoader text={\"Loading playground...\"} />\n            ) : (\n                <PlaygroundContainer id={\"graphql-playground\"} />\n            )}\n            <Global styles={playgroundDialog} />\n        </Fragment>\n    );\n};\n\nexport default Playground;\n"],"names":["withHeaders","link","headers","ApolloLink","setContext","_","req","initScripts","Promise","resolve","window","loadScript","PATCHED_GQL_PLAYGROUND_URL","err","ORIGINAL_GQL_PLAYGROUND_URL","Playground","createApolloClient","loading","setLoading","useState","identity","useIdentity","links","useRef","tabs","plugins","pl","Boolean","createApolloLink","useCallback","endpoint","current","apiUrl","appConfig","process","Object","useEffect","document","settings","Fragment","OverlayLoader","PlaygroundContainer","Global","playgroundDialog"],"mappings":";;;;;;;;;;;;AAgBA,MAAMA,cAAc,CAACC,MAAkBC,UAC5BC,WAAW,IAAI,CAAC;QACnBC,WAAW,OAAOC,GAAGC,MACV;gBACH,SAAS;oBACL,GAAGA,IAAI,OAAO;oBACd,GAAGJ,OAAO;gBACd;YACJ;QAEJD;KACH;AAGL,MAAMM,cAAc,IACT,IAAIC,QAAQ,CAACC;QAEhB,IAAIC,OAAO,iBAAiB,EACxB,OAAOD;QAGXE,YAAWC,4BAA4BC,CAAAA;YACnC,IAAIA,KACA,OAAOF,YAAWG,6BAA6BL;YAGnDA;QACJ;IACJ;AAwBJ,MAAMM,aAAa,CAAC,EAAEC,kBAAkB,EAAmB;IACvD,MAAM,CAACC,SAASC,WAAW,GAAGC,SAAS;IACvC,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAMC,QAAQC,OAAmC,CAAC;IAElD,MAAMC,OAAOC,QAAAA,MACF,CAA6B,0BACnC,GAAG,CAACC,CAAAA,KACDA,GAAG,GAAG,CAAC;YACH,UAAUN;QACd,IAEH,MAAM,CAACO;IAEZ,MAAMC,mBAAmBC,YAAsC,CAAC,EAAEC,QAAQ,EAAE5B,OAAO,EAAE;QACjF,MAAM6B,UAAUT,MAAM,OAAO;QAE7B,MAAMU,SAASC,OAAAA,MAAgB,CAAC,WAAWC,QAAQ,GAAG,CAAC,iBAAiB;QACxE,IAAI,CAACJ,SAAS,QAAQ,CAACE,SACnB,OAAO;YAAE,MAAMhC,YAAYmC,OAAO,MAAM,CAACJ,QAAQ,CAAC,EAAE,EAAE7B;QAAS;QAGnE,IAAI,CAAC6B,OAAO,CAACD,SAAS,EAClBC,OAAO,CAACD,SAAS,GAAGd,mBAAmB;YAAE,KAAKc;QAAS,GAAG,IAAI;QAGlE,OAAO;YACH,MAAM9B,YAAY+B,OAAO,CAACD,SAAS,EAAE5B;QACzC;IACJ,GAAG,EAAE;IAELkC,UAAU;QACN7B,cAAc,IAAI,CAAC;YACfW,WAAW;QACf;IACJ,GAAG,EAAE;IAELkB,UAAU;QACN,IAAI,CAACnB,SAEDP,OAAO,iBAAiB,CAAC,IAAI,CAAC2B,SAAS,cAAc,CAAC,uBAAuB;YACzEb;YACAI;YACAU,UAAQA;QACZ;IAER,GAAG;QAACrB;KAAQ;IAEZ,OAAO,WAAP,GACI,oBAACsB,UAAQA,MACJtB,UAAU,WAAVA,GACG,oBAACuB,eAAaA;QAAC,MAAM;uBAErB,oBAACC,qBAAmBA;QAAC,IAAI;sBAE7B,oBAACC,QAAMA;QAAC,QAAQC;;AAG5B;AAEA,2BAAe5B"}

package/plugins/Playground.styles.js

@@ -1,47 +1,43 @@
-import _styled from "@emotion/styled/base";
+import styled from "@emotion/styled";
 const 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"
-  }
+    "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"
+    }
 };
-export const PlaygroundContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1o47c380"
-} : {
-  target: "e1o47c380",
-  label: "PlaygroundContainer"
-})({
-  marginTop: -3,
-  overflow: "hidden",
-  ".playground": {
-    height: "calc(100vh - 45px)",
-    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
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBsYXlncm91bmQuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCbUMiLCJmaWxlIjoiUGxheWdyb3VuZC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3Qgc2hhcmVkU3R5bGVzID0ge1xuICAgIFwicCwgYSwgaDEsIGgyLCBoMywgaDQsIHVsLCBwcmUsIGNvZGVcIjoge1xuICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIGNvbG9yOiBcImluaGVyaXRcIlxuICAgIH0sXG4gICAgXCJhOmFjdGl2ZSwgYTpmb2N1cywgYnV0dG9uOmZvY3VzLCBpbnB1dDpmb2N1c1wiOiB7XG4gICAgICAgIG91dGxpbmU6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcImlucHV0LCBidXR0b24sIHN1Ym1pdFwiOiB7XG4gICAgICAgIGJvcmRlcjogXCJub25lXCJcbiAgICB9LFxuICAgIFwiaW5wdXQsIGJ1dHRvbiwgcHJlXCI6IHtcbiAgICAgICAgZm9udEZhbWlseTogXCInT3BlbiBTYW5zJywgc2Fucy1zZXJpZlwiXG4gICAgfSxcbiAgICBjb2RlOiB7XG4gICAgICAgIGZvbnRGYW1pbHk6IFwiQ29uc29sYXMsIG1vbm9zcGFjZVwiXG4gICAgfVxufTtcblxuZXhwb3J0IGNvbnN0IFBsYXlncm91bmRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIG1hcmdpblRvcDogLTMsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgXCIucGxheWdyb3VuZFwiOiB7XG4gICAgICAgIGhlaWdodDogXCJjYWxjKDEwMHZoIC0gNDVweClcIixcbiAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgICBmb250RmFtaWx5OiBcIidPcGVuIFNhbnMnLCBzYW5zLXNlcmlmXCIsXG4gICAgICAgIFdlYmtpdEZvbnRTbW9vdGhpbmc6IFwiYW50aWFsaWFzZWRcIixcbiAgICAgICAgTW96T3N4Rm9udFNtb290aGluZzogXCJncmF5c2NhbGVcIixcbiAgICAgICAgY29sb3I6IFwicmdiYSgwLDAsMCwuOClcIixcbiAgICAgICAgbGluZUhlaWdodDogMS41LFxuICAgICAgICBsZXR0ZXJTcGFjaW5nOiAwLjUzLFxuICAgICAgICBtYXJnaW5SaWdodDogXCItMXB4ICFpbXBvcnRhbnRcIixcbiAgICAgICAgLi4uc2hhcmVkU3R5bGVzXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBwbGF5Z3JvdW5kRGlhbG9nID0ge1xuICAgIFwiLlJlYWN0TW9kYWxQb3J0YWxcIjogc2hhcmVkU3R5bGVzXG59O1xuIl19 */");
-export const playgroundDialog = {
-  ".ReactModalPortal": sharedStyles
+const PlaygroundContainer = styled("div")({
+    marginTop: -3,
+    overflow: "hidden",
+    ".playground": {
+        height: "calc(100vh - 45px)",
+        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
+    }
+});
+const playgroundDialog = {
+    ".ReactModalPortal": sharedStyles
 };
+export { PlaygroundContainer, 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","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":[]}
+{"version":3,"file":"plugins/Playground.styles.js","sources":["../../src/plugins/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"],"names":["sharedStyles","PlaygroundContainer","styled","playgroundDialog"],"mappings":";AAEA,MAAMA,eAAe;IACjB,uCAAuC;QACnC,QAAQ;QACR,SAAS;QACT,OAAO;IACX;IACA,gDAAgD;QAC5C,SAAS;IACb;IACA,yBAAyB;QACrB,QAAQ;IACZ;IACA,sBAAsB;QAClB,YAAY;IAChB;IACA,MAAM;QACF,YAAY;IAChB;AACJ;AAEO,MAAMC,sBAAsBC,OAAO,OAAO;IAC7C,WAAW;IACX,UAAU;IACV,eAAe;QACX,QAAQ;QACR,QAAQ;QACR,SAAS;QACT,YAAY;QACZ,qBAAqB;QACrB,qBAAqB;QACrB,OAAO;QACP,YAAY;QACZ,eAAe;QACf,aAAa;QACb,GAAGF,YAAY;IACnB;AACJ;AAEO,MAAMG,mBAAmB;IAC5B,qBAAqBH;AACzB"}

package/plugins/constants.js

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

package/plugins/constants.js.map

@@ -1 +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":[]}
+{"version":3,"file":"plugins/constants.js","sources":["../../src/plugins/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"],"names":["ORIGINAL_GQL_PLAYGROUND_URL","PATCHED_GQL_PLAYGROUND_URL"],"mappings":"AAAO,MAAMA,8BACT;AAEG,MAAMC,6BACT"}

package/plugins/index.js

@@ -1,18 +1,20 @@
-// @ts-expect-error
-import placeholder from "!!raw-loader!./placeholder.graphql";
-import { config as appConfig } from "@webiny/app/config.js";
-const plugin = {
-  type: "graphql-playground-tab",
-  tab() {
-    const apiUrl = appConfig.getKey("API_URL", process.env.REACT_APP_API_URL);
-    return {
-      name: "Main API",
-      endpoint: apiUrl + "/graphql",
-      headers: {},
-      query: placeholder
-    };
-  }
+import _raw_loader_placeholder_graphql from "!!raw-loader!./placeholder.graphql";
+import { config } from "@webiny/app/config.js";
+const plugins_plugin = {
+    type: "graphql-playground-tab",
+    tab () {
+        const apiUrl = config.getKey("API_URL", process.env.REACT_APP_API_URL);
+        return {
+            name: "Main API",
+            endpoint: apiUrl + "/graphql",
+            headers: {},
+            query: _raw_loader_placeholder_graphql
+        };
+    }
 };
-export default [plugin];
+const plugins = [
+    plugins_plugin
+];
+export default plugins;
 
 //# sourceMappingURL=index.js.map

package/plugins/index.js.map

@@ -1 +1 @@
-{"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.js\";\n// @ts-expect-error\nimport placeholder from \"!!raw-loader!./placeholder.graphql\";\nimport { config as appConfig } from \"@webiny/app/config.js\";\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,uBAAuB;AAE3D,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":[]}
+{"version":3,"file":"plugins/index.js","sources":["../../src/plugins/index.tsx"],"sourcesContent":["import type { GraphQLPlaygroundTabPlugin } from \"~/types.js\";\n// @ts-expect-error\nimport placeholder from \"!!raw-loader!./placeholder.graphql\";\nimport { config as appConfig } from \"@webiny/app/config.js\";\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"],"names":["plugin","apiUrl","appConfig","process","placeholder"],"mappings":";;AAKA,MAAMA,iBAAqC;IACvC,MAAM;IACN;QACI,MAAMC,SAASC,OAAAA,MAAgB,CAAC,WAAWC,QAAQ,GAAG,CAAC,iBAAiB;QACxE,OAAO;YACH,MAAM;YACN,UAAUF,SAAS;YACnB,SAAS,CAAC;YACV,OAAOG;QACX;IACJ;AACJ;AACA,gBAAe;IAACJ;CAAO"}

package/plugins/settings.js

@@ -1,20 +1,21 @@
-export const 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
+const 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
 };
+export { 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":"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":[]}
+{"version":3,"file":"plugins/settings.js","sources":["../../src/plugins/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"],"names":["settings"],"mappings":"AAAO,MAAMA,WAAgB;IACzB,sBAAsB;IACtB,qBAAqB;IACrB,mBAAmB;IACnB,uBAAuB;IACvB,gBAAgB;IAChB,uBAAuB;IACvB,uBAAuB;IACvB,qBAAqB;IACrB,oBAAoB;IACpB,uBAAuB;IACvB,0BAA0B;IAC1B,yBAAyB;IACzB,iCAAiC;IACjC,2BAA2B;IAC3B,+BAA+B;IAC/B,mCAAmC;AACvC"}

package/routes.js

@@ -1,9 +1,10 @@
 import { Route } from "@webiny/app-admin";
-export const Routes = {
-  ApiPlayground: new Route({
-    name: "ApiPlayground",
-    path: "/api-playground"
-  })
+const Routes = {
+    ApiPlayground: new Route({
+        name: "ApiPlayground",
+        path: "/api-playground"
+    })
 };
+export { Routes };
 
 //# sourceMappingURL=routes.js.map

package/routes.js.map

@@ -1 +1 @@
-{"version":3,"names":["Route","Routes","ApiPlayground","name","path"],"sources":["routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app-admin\";\n\nexport const Routes = {\n    ApiPlayground: new Route({\n        name: \"ApiPlayground\",\n        path: \"/api-playground\"\n    })\n};\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,mBAAmB;AAEzC,OAAO,MAAMC,MAAM,GAAG;EAClBC,aAAa,EAAE,IAAIF,KAAK,CAAC;IACrBG,IAAI,EAAE,eAAe;IACrBC,IAAI,EAAE;EACV,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"routes.js","sources":["../src/routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app-admin\";\n\nexport const Routes = {\n    ApiPlayground: new Route({\n        name: \"ApiPlayground\",\n        path: \"/api-playground\"\n    })\n};\n"],"names":["Routes","Route"],"mappings":";AAEO,MAAMA,SAAS;IAClB,eAAe,IAAIC,MAAM;QACrB,MAAM;QACN,MAAM;IACV;AACJ"}

package/static/svg/graphql.c5a8b511.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/types.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=types.js.map

package/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { Identity } from \"@webiny/app-admin/domain/Identity.js\";\nimport type { Plugin } from \"@webiny/plugins/types.js\";\n\nexport interface GraphQLPlaygroundTabParams {\n    identity: Identity;\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":[]}