@webiny/app-graphql-playground 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/PermissionsSchema.d.ts

@@ -0,0 +1,15 @@
+export declare const DEV_TOOLS_PERMISSIONS_SCHEMA: {
+    readonly prefix: "dev-tools";
+    readonly fullAccess: true;
+    readonly entities: [{
+        readonly id: "graphql-playground";
+        readonly title: "GraphQL Playground";
+        readonly permission: "dev-tools.graphql-playground.*";
+        readonly scopes: ["full"];
+    }, {
+        readonly id: "sdk-playground";
+        readonly title: "SDK Playground";
+        readonly permission: "dev-tools.sdk-playground.*";
+        readonly scopes: ["full"];
+    }];
+};

package/PermissionsSchema.js

@@ -0,0 +1,18 @@
+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"]
+  }]
+});
+
+//# sourceMappingURL=PermissionsSchema.js.map

package/PermissionsSchema.js.map

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

package/README.md

@@ -1 +1,11 @@
 # @webiny/app-graphql-playground
+
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
+
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
+
+---
+
+_This README file is automatically generated during the publish process._

package/SecurityPermission.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SecurityPermission: () => React.JSX.Element;

package/SecurityPermission.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { AdminConfig } from "@webiny/app-admin";
+import { ReactComponent as DevToolsIcon } 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
+  }));
+};
+
+//# sourceMappingURL=SecurityPermission.js.map

package/SecurityPermission.js.map

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

package/index.js

@@ -1,24 +1,53 @@
 import React, { memo } from "react";
 import { plugins } from "@webiny/plugins";
-import { AdminConfig, Layout } from "@webiny/app-admin";
-import Playground from "./plugins/Playground";
-import playgroundPlugins from "./plugins";
+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 Playground from "./plugins/Playground.js";
+import playgroundPlugins from "./plugins/index.js";
+import { SecurityPermission } from "./SecurityPermission.js";
+import { Routes } from "./routes.js";
 const {
-  Route
+  Route,
+  Menu
 } = AdminConfig;
 const GraphQLPlaygroundExtension = ({
   createApolloClient
 }) => {
+  const router = useRouter();
   plugins.register(playgroundPlugins);
-  return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(Route, {
-    name: "apiPlayground",
-    path: "/api-playground",
-    element: /*#__PURE__*/React.createElement(Layout, {
-      title: "API Playground"
+  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
     }))
-  }));
+  })));
 };
 export const GraphQLPlayground = /*#__PURE__*/memo(GraphQLPlaygroundExtension);
 

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","plugins","AdminConfig","Layout","Playground","playgroundPlugins","Route","GraphQLPlaygroundExtension","createApolloClient","register","createElement","name","path","element","title","GraphQLPlayground"],"sources":["index.tsx"],"sourcesContent":["import React, { memo } from \"react\";\nimport type { ApolloClient } from \"apollo-client\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminConfig, Layout } from \"@webiny/app-admin\";\nimport Playground from \"./plugins/Playground\";\nimport playgroundPlugins from \"./plugins\";\n\nconst { Route } = AdminConfig;\n\ninterface CreateApolloClientParams {\n    uri: string;\n}\n\ninterface GraphQLPlaygroundProps {\n    createApolloClient(params: CreateApolloClientParams): ApolloClient<any>;\n}\n\nconst GraphQLPlaygroundExtension = ({ createApolloClient }: GraphQLPlaygroundProps) => {\n    plugins.register(playgroundPlugins);\n\n    return (\n        <AdminConfig>\n            <Route\n                name={\"apiPlayground\"}\n                path={\"/api-playground\"}\n                element={\n                    <Layout title={\"API Playground\"}>\n                        <Playground createApolloClient={createApolloClient} />\n                    </Layout>\n                }\n            />\n        </AdminConfig>\n    );\n};\n\nexport const GraphQLPlayground = memo(GraphQLPlaygroundExtension);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAEnC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,WAAW,EAAEC,MAAM,QAAQ,mBAAmB;AACvD,OAAOC,UAAU;AACjB,OAAOC,iBAAiB;AAExB,MAAM;EAAEC;AAAM,CAAC,GAAGJ,WAAW;AAU7B,MAAMK,0BAA0B,GAAGA,CAAC;EAAEC;AAA2C,CAAC,KAAK;EACnFP,OAAO,CAACQ,QAAQ,CAACJ,iBAAiB,CAAC;EAEnC,oBACIN,KAAA,CAAAW,aAAA,CAACR,WAAW,qBACRH,KAAA,CAAAW,aAAA,CAACJ,KAAK;IACFK,IAAI,EAAE,eAAgB;IACtBC,IAAI,EAAE,iBAAkB;IACxBC,OAAO,eACHd,KAAA,CAAAW,aAAA,CAACP,MAAM;MAACW,KAAK,EAAE;IAAiB,gBAC5Bf,KAAA,CAAAW,aAAA,CAACN,UAAU;MAACI,kBAAkB,EAAEA;IAAmB,CAAE,CACjD;EACX,CACJ,CACQ,CAAC;AAEtB,CAAC;AAED,OAAO,MAAMO,iBAAiB,gBAAGf,IAAI,CAACO,0BAA0B,CAAC","ignoreList":[]}
+{"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":[]}

package/package.json

@@ -1,7 +1,11 @@
 {
 	"name": "@webiny/app-graphql-playground",
-	"version": "0.0.0-unstable.e53eceafb5",
-	"main": "index.js",
+	"version": "0.0.0-unstable.e6f0dc8ca7",
+	"type": "module",
+	"exports": {
+		".": "./index.js",
+		"./*": "./*"
+	},
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/webiny/webiny-js.git"
@@ -9,39 +13,33 @@
 	"author": "Webiny Ltd",
 	"license": "MIT",
 	"dependencies": {
-		"@emotion/react": "11.10.8",
-		"@emotion/styled": "11.10.6",
-		"@webiny/app": "0.0.0-unstable.e53eceafb5",
-		"@webiny/app-admin": "0.0.0-unstable.e53eceafb5",
-		"@webiny/app-i18n": "0.0.0-unstable.e53eceafb5",
-		"@webiny/app-security": "0.0.0-unstable.e53eceafb5",
-		"@webiny/plugins": "0.0.0-unstable.e53eceafb5",
-		"@webiny/ui": "0.0.0-unstable.e53eceafb5",
+		"@emotion/react": "11.14.0",
+		"@emotion/styled": "11.14.1",
+		"@webiny/admin-ui": "0.0.0-unstable.e6f0dc8ca7",
+		"@webiny/app": "0.0.0-unstable.e6f0dc8ca7",
+		"@webiny/app-admin": "0.0.0-unstable.e6f0dc8ca7",
+		"@webiny/icons": "0.0.0-unstable.e6f0dc8ca7",
+		"@webiny/plugins": "0.0.0-unstable.e6f0dc8ca7",
 		"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.9.0",
-		"load-script": "1.0.0",
-		"prop-types": "15.8.1",
-		"react": "18.2.0",
-		"react-dom": "18.2.0"
+		"graphql": "16.14.0",
+		"load-script": "2.0.0",
+		"react": "18.3.1",
+		"react-dom": "18.3.1"
 	},
 	"devDependencies": {
-		"@emotion/babel-plugin": "11.11.0",
-		"@webiny/project-utils": "0.0.0-unstable.e53eceafb5",
-		"rimraf": "6.0.1",
-		"typescript": "5.3.3"
+		"@emotion/babel-plugin": "11.13.5",
+		"@webiny/build-tools": "0.0.0-unstable.e6f0dc8ca7",
+		"rimraf": "6.1.3",
+		"typescript": "6.0.3"
 	},
 	"publishConfig": {
 		"access": "public",
 		"directory": "dist"
 	},
-	"scripts": {
-		"build": "node ../cli/bin.js run build",
-		"watch": "node ../cli/bin.js run watch"
-	},
 	"adio": {
 		"ignore": {
 			"src": [
@@ -52,5 +50,5 @@
 			]
 		}
 	},
-	"gitHead": "e53eceafb5ce1a3872c9b4548939bb2eae5b1aef"
+	"gitHead": "e6f0dc8ca741c1fcc3fec9a5b9e86fdd49544641"
 }

package/plugins/Playground.js

@@ -1,20 +1,15 @@
 import React, { Fragment, useEffect, useRef, useCallback, useState } from "react";
 import { ApolloLink } from "apollo-link";
 import { setContext } from "apollo-link-context";
-/**
- * Package load-script does not have types.
- */
-// @ts-expect-error
 import loadScript from "load-script";
 import { Global } from "@emotion/react";
 import { plugins } from "@webiny/plugins";
-import { useI18N } from "@webiny/app-i18n/hooks/useI18N";
-import { useSecurity } from "@webiny/app-security";
-import { CircularProgress } from "@webiny/ui/Progress";
-import { playgroundDialog, PlaygroundContainer } from "./Playground.styles";
-import { settings } from "./settings";
-import { config as appConfig } from "@webiny/app/config";
-import { ORIGINAL_GQL_PLAYGROUND_URL, PATCHED_GQL_PLAYGROUND_URL } from "./constants";
+import { useIdentity } from "@webiny/app-admin";
+import { OverlayLoader } from "@webiny/admin-ui";
+import { playgroundDialog, PlaygroundContainer } from "./Playground.styles.js";
+import { settings } from "./settings.js";
+import { config as appConfig } 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 {
@@ -43,16 +38,11 @@ const Playground = ({
   createApolloClient
 }) => {
   const [loading, setLoading] = useState(true);
-  const {
-    getCurrentLocale
-  } = useI18N();
   const {
     identity
-  } = useSecurity();
+  } = useIdentity();
   const links = useRef({});
-  const locale = getCurrentLocale("content");
   const tabs = plugins.byType("graphql-playground-tab").map(pl => pl.tab({
-    locale: locale,
     identity: identity
   })).filter(Boolean);
   const createApolloLink = useCallback(({
@@ -91,8 +81,8 @@ const Playground = ({
       });
     }
   }, [loading]);
-  return /*#__PURE__*/React.createElement(Fragment, null, loading ? /*#__PURE__*/React.createElement(CircularProgress, {
-    label: "Loading playground..."
+  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, {

package/plugins/Playground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Fragment","useEffect","useRef","useCallback","useState","ApolloLink","setContext","loadScript","Global","plugins","useI18N","useSecurity","CircularProgress","playgroundDialog","PlaygroundContainer","settings","config","appConfig","ORIGINAL_GQL_PLAYGROUND_URL","PATCHED_GQL_PLAYGROUND_URL","withHeaders","link","headers","from","_","req","initScripts","Promise","resolve","window","GraphQLPlayground","err","Playground","createApolloClient","loading","setLoading","getCurrentLocale","identity","links","locale","tabs","byType","map","pl","tab","filter","Boolean","createApolloLink","endpoint","current","apiUrl","getKey","process","env","REACT_APP_API_URL","includes","Object","values","uri","then","init","document","getElementById","createElement","label","id","styles"],"sources":["Playground.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef, useCallback, useState } from \"react\";\nimport { ApolloLink } from \"apollo-link\";\nimport { setContext } from \"apollo-link-context\";\n/**\n * Package load-script does not have types.\n */\n// @ts-expect-error\nimport loadScript from \"load-script\";\nimport { Global } from \"@emotion/react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { useI18N } from \"@webiny/app-i18n/hooks/useI18N\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { playgroundDialog, PlaygroundContainer } from \"./Playground.styles\";\nimport { settings } from \"./settings\";\nimport { config as appConfig } from \"@webiny/app/config\";\nimport type ApolloClient from \"apollo-client\";\nimport type { GraphQLPlaygroundTabPlugin } from \"~/types\";\nimport type { SecurityIdentity } from \"@webiny/app-security/types\";\nimport { ORIGINAL_GQL_PLAYGROUND_URL, PATCHED_GQL_PLAYGROUND_URL } from \"./constants\";\n\nconst withHeaders = (link: ApolloLink, headers: Record<string, string>): ApolloLink => {\n    return ApolloLink.from([\n        setContext(async (_, req) => {\n            return {\n                headers: {\n                    ...req.headers,\n                    ...headers\n                }\n            };\n        }),\n        link\n    ]);\n};\n\nconst initScripts = () => {\n    return new Promise((resolve: any) => {\n        // @ts-expect-error\n        if (window.GraphQLPlayground) {\n            return resolve();\n        }\n\n        loadScript(PATCHED_GQL_PLAYGROUND_URL, (err: Error) => {\n            if (err) {\n                return loadScript(ORIGINAL_GQL_PLAYGROUND_URL, resolve);\n            }\n\n            resolve();\n        });\n    });\n};\n\ninterface CreateApolloClientParams {\n    uri: string;\n}\n\ninterface PlaygroundProps {\n    createApolloClient: (params: CreateApolloClientParams) => ApolloClient<any>;\n}\n\ninterface CreateApolloLinkCallableParams {\n    endpoint: string;\n    headers: Record<string, string>;\n}\n\ninterface CreateApolloLinkCallableResult {\n    link: ApolloLink;\n}\n\ninterface CreateApolloLinkCallable {\n    (params: CreateApolloLinkCallableParams): CreateApolloLinkCallableResult;\n}\n\nconst Playground = ({ createApolloClient }: PlaygroundProps) => {\n    const [loading, setLoading] = useState(true);\n    const { getCurrentLocale } = useI18N();\n    const { identity } = useSecurity();\n    const links = useRef<Record<string, ApolloLink>>({});\n\n    const locale = getCurrentLocale(\"content\");\n\n    const tabs = plugins\n        .byType<GraphQLPlaygroundTabPlugin>(\"graphql-playground-tab\")\n        .map(pl =>\n            pl.tab({\n                locale: locale as string,\n                identity: identity as SecurityIdentity\n            })\n        )\n        .filter(Boolean);\n\n    const createApolloLink = useCallback<CreateApolloLinkCallable>(({ endpoint, headers }) => {\n        const current = links.current;\n        // If the request endpoint is not know to us, return the first available\n        const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL) as string;\n        if (!endpoint.includes(apiUrl)) {\n            return { link: withHeaders(Object.values(current)[0], headers) };\n        }\n\n        if (!current[endpoint]) {\n            current[endpoint] = createApolloClient({ uri: endpoint }).link;\n        }\n\n        return {\n            link: withHeaders(current[endpoint], headers)\n        };\n    }, []);\n\n    useEffect(() => {\n        initScripts().then(() => {\n            setLoading(false);\n        });\n    }, []);\n\n    useEffect(() => {\n        if (!loading) {\n            // @ts-expect-error\n            window.GraphQLPlayground.init(document.getElementById(\"graphql-playground\"), {\n                tabs,\n                createApolloLink,\n                settings\n            });\n        }\n    }, [loading]);\n\n    return (\n        <Fragment>\n            {loading ? (\n                <CircularProgress label={\"Loading playground...\"} />\n            ) : (\n                <PlaygroundContainer id={\"graphql-playground\"} />\n            )}\n            <Global styles={playgroundDialog} />\n        </Fragment>\n    );\n};\n\nexport default Playground;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Fragment","useEffect","useRef","useCallback","useState","ApolloLink","setContext","loadScript","Global","plugins","useIdentity","OverlayLoader","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","text","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 { 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"],"mappings":"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","ignoreList":[]}

package/plugins/Playground.styles.d.ts

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

package/plugins/index.d.ts

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

package/plugins/index.js

@@ -1,6 +1,6 @@
 // @ts-expect-error
 import placeholder from "!!raw-loader!./placeholder.graphql";
-import { config as appConfig } from "@webiny/app/config";
+import { config as appConfig } from "@webiny/app/config.js";
 const plugin = {
   type: "graphql-playground-tab",
   tab() {

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\";\n// @ts-expect-error\nimport placeholder from \"!!raw-loader!./placeholder.graphql\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\nconst plugin: GraphQLPlaygroundTabPlugin = {\n    type: \"graphql-playground-tab\",\n    tab() {\n        const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL) as string;\n        return {\n            name: \"Main API\",\n            endpoint: apiUrl + \"/graphql\",\n            headers: {},\n            query: placeholder\n        };\n    }\n};\nexport default [plugin];\n"],"mappings":"AACA;AACA,OAAOA,WAAW,MAAM,oCAAoC;AAC5D,SAASC,MAAM,IAAIC,SAAS,QAAQ,oBAAoB;AAExD,MAAMC,MAAkC,GAAG;EACvCC,IAAI,EAAE,wBAAwB;EAC9BC,GAAGA,CAAA,EAAG;IACF,MAAMC,MAAM,GAAGJ,SAAS,CAACK,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAW;IACnF,OAAO;MACHC,IAAI,EAAE,UAAU;MAChBC,QAAQ,EAAEN,MAAM,GAAG,UAAU;MAC7BO,OAAO,EAAE,CAAC,CAAC;MACXC,KAAK,EAAEd;IACX,CAAC;EACL;AACJ,CAAC;AACD,eAAe,CAACG,MAAM,CAAC","ignoreList":[]}
+{"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":[]}

package/routes.d.ts

@@ -0,0 +1,4 @@
+import { Route } from "@webiny/app-admin";
+export declare const Routes: {
+    ApiPlayground: Route<undefined>;
+};

package/routes.js

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

package/routes.js.map

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

package/types.d.ts

@@ -1,8 +1,7 @@
-import type { Plugin } from "@webiny/plugins/types";
-import type { SecurityIdentity } from "@webiny/app-security/types";
+import type { Identity } from "@webiny/app-admin/domain/Identity.js";
+import type { Plugin } from "@webiny/plugins/types.js";
 export interface GraphQLPlaygroundTabParams {
-    locale: string;
-    identity: SecurityIdentity;
+    identity: Identity;
 }
 export interface GraphQLPlaygroundTab {
     name: string;

package/types.js.map

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