@webiny/app-graphql-playground 5.43.2-beta.0 → 6.0.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +20 -30
- package/index.js.map +1 -1
- package/package.json +9 -9
- package/plugins/Playground.js +56 -65
- package/plugins/Playground.js.map +1 -1
- package/plugins/Playground.styles.js +10 -17
- package/plugins/Playground.styles.js.map +1 -1
- package/plugins/constants.js +2 -8
- package/plugins/constants.js.map +1 -1
- package/plugins/index.js +7 -15
- package/plugins/index.js.map +1 -1
- package/plugins/settings.js +2 -8
- package/plugins/settings.js.map +1 -1
- package/types.js +1 -5
package/index.js
CHANGED
|
@@ -1,35 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var _plugins2 = _interopRequireDefault(require("./plugins"));
|
|
15
|
-
var GraphQLPlaygroundExtension = function GraphQLPlaygroundExtension(_ref) {
|
|
16
|
-
var createApolloClient = _ref.createApolloClient;
|
|
17
|
-
_plugins.plugins.register(_plugins2.default);
|
|
18
|
-
return /*#__PURE__*/_react.default.createElement(_appAdmin.Plugins, null, /*#__PURE__*/_react.default.createElement(_appAdmin.AddMenu, {
|
|
1
|
+
import React, { memo } from "react";
|
|
2
|
+
import { plugins } from "@webiny/plugins";
|
|
3
|
+
import { AdminConfig, Layout } from "@webiny/app-admin";
|
|
4
|
+
import Playground from "./plugins/Playground";
|
|
5
|
+
import playgroundPlugins from "./plugins";
|
|
6
|
+
const {
|
|
7
|
+
Route
|
|
8
|
+
} = AdminConfig;
|
|
9
|
+
const GraphQLPlaygroundExtension = ({
|
|
10
|
+
createApolloClient
|
|
11
|
+
}) => {
|
|
12
|
+
plugins.register(playgroundPlugins);
|
|
13
|
+
return /*#__PURE__*/React.createElement(AdminConfig, null, /*#__PURE__*/React.createElement(Route, {
|
|
19
14
|
name: "apiPlayground",
|
|
20
|
-
label: "API Playground",
|
|
21
15
|
path: "/api-playground",
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
title: "API Playground"
|
|
29
|
-
}, /*#__PURE__*/_react.default.createElement(_Playground.default, {
|
|
30
|
-
createApolloClient: createApolloClient
|
|
31
|
-
}))));
|
|
16
|
+
element: /*#__PURE__*/React.createElement(Layout, {
|
|
17
|
+
title: "API Playground"
|
|
18
|
+
}, /*#__PURE__*/React.createElement(Playground, {
|
|
19
|
+
createApolloClient: createApolloClient
|
|
20
|
+
}))
|
|
21
|
+
}));
|
|
32
22
|
};
|
|
33
|
-
|
|
23
|
+
export const GraphQLPlayground = /*#__PURE__*/memo(GraphQLPlaygroundExtension);
|
|
34
24
|
|
|
35
25
|
//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
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 { ApolloClient } from \"apollo-client\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminConfig, Layout } from \"@webiny/app-admin\";\nimport Playground from \"./plugins/Playground\";\nimport playgroundPlugins from \"./plugins\";\n\nconst { Route } = AdminConfig;\n\ninterface CreateApolloClientParams {\n uri: string;\n}\n\ninterface GraphQLPlaygroundProps {\n createApolloClient(params: CreateApolloClientParams): ApolloClient<any>;\n}\n\nconst GraphQLPlaygroundExtension = ({ createApolloClient }: GraphQLPlaygroundProps) => {\n plugins.register(playgroundPlugins);\n\n return (\n <AdminConfig>\n <Route\n name={\"apiPlayground\"}\n path={\"/api-playground\"}\n element={\n <Layout title={\"API Playground\"}>\n <Playground createApolloClient={createApolloClient} />\n </Layout>\n }\n />\n </AdminConfig>\n );\n};\n\nexport const GraphQLPlayground = memo(GraphQLPlaygroundExtension);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAEnC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,WAAW,EAAEC,MAAM,QAAQ,mBAAmB;AACvD,OAAOC,UAAU;AACjB,OAAOC,iBAAiB;AAExB,MAAM;EAAEC;AAAM,CAAC,GAAGJ,WAAW;AAU7B,MAAMK,0BAA0B,GAAGA,CAAC;EAAEC;AAA2C,CAAC,KAAK;EACnFP,OAAO,CAACQ,QAAQ,CAACJ,iBAAiB,CAAC;EAEnC,oBACIN,KAAA,CAAAW,aAAA,CAACR,WAAW,qBACRH,KAAA,CAAAW,aAAA,CAACJ,KAAK;IACFK,IAAI,EAAE,eAAgB;IACtBC,IAAI,EAAE,iBAAkB;IACxBC,OAAO,eACHd,KAAA,CAAAW,aAAA,CAACP,MAAM;MAACW,KAAK,EAAE;IAAiB,gBAC5Bf,KAAA,CAAAW,aAAA,CAACN,UAAU;MAACI,kBAAkB,EAAEA;IAAmB,CAAE,CACjD;EACX,CACJ,CACQ,CAAC;AAEtB,CAAC;AAED,OAAO,MAAMO,iBAAiB,gBAAGf,IAAI,CAACO,0BAA0B,CAAC","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/app-graphql-playground",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.0.0-alpha.0",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -11,12 +11,12 @@
|
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"@emotion/react": "11.10.8",
|
|
13
13
|
"@emotion/styled": "11.10.6",
|
|
14
|
-
"@webiny/app": "
|
|
15
|
-
"@webiny/app-admin": "
|
|
16
|
-
"@webiny/app-i18n": "
|
|
17
|
-
"@webiny/app-security": "
|
|
18
|
-
"@webiny/plugins": "
|
|
19
|
-
"@webiny/ui": "
|
|
14
|
+
"@webiny/app": "6.0.0-alpha.0",
|
|
15
|
+
"@webiny/app-admin": "6.0.0-alpha.0",
|
|
16
|
+
"@webiny/app-i18n": "6.0.0-alpha.0",
|
|
17
|
+
"@webiny/app-security": "6.0.0-alpha.0",
|
|
18
|
+
"@webiny/plugins": "6.0.0-alpha.0",
|
|
19
|
+
"@webiny/ui": "6.0.0-alpha.0",
|
|
20
20
|
"apollo-cache": "1.3.5",
|
|
21
21
|
"apollo-client": "2.6.10",
|
|
22
22
|
"apollo-link": "1.2.14",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@emotion/babel-plugin": "11.11.0",
|
|
33
|
-
"@webiny/project-utils": "
|
|
33
|
+
"@webiny/project-utils": "6.0.0-alpha.0",
|
|
34
34
|
"rimraf": "6.0.1",
|
|
35
35
|
"typescript": "5.3.3"
|
|
36
36
|
},
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
]
|
|
53
53
|
}
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "a5b28fed7a242d8f56712197a8ea83aa6d2ed101"
|
|
56
56
|
}
|
package/plugins/Playground.js
CHANGED
|
@@ -1,76 +1,67 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _apolloLink = require("apollo-link");
|
|
13
|
-
var _apolloLinkContext = require("apollo-link-context");
|
|
14
|
-
var _loadScript = _interopRequireDefault(require("load-script"));
|
|
15
|
-
var _react2 = require("@emotion/react");
|
|
16
|
-
var _plugins = require("@webiny/plugins");
|
|
17
|
-
var _useI18N2 = require("@webiny/app-i18n/hooks/useI18N");
|
|
18
|
-
var _appSecurity = require("@webiny/app-security");
|
|
19
|
-
var _Progress = require("@webiny/ui/Progress");
|
|
20
|
-
var _Playground = require("./Playground.styles");
|
|
21
|
-
var _settings = require("./settings");
|
|
22
|
-
var _config = require("@webiny/app/config");
|
|
23
|
-
var _constants = require("./constants");
|
|
1
|
+
import React, { Fragment, useEffect, useRef, useCallback, useState } from "react";
|
|
2
|
+
import { ApolloLink } from "apollo-link";
|
|
3
|
+
import { setContext } from "apollo-link-context";
|
|
24
4
|
/**
|
|
25
5
|
* Package load-script does not have types.
|
|
26
6
|
*/
|
|
27
7
|
// @ts-expect-error
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
8
|
+
import loadScript from "load-script";
|
|
9
|
+
import { Global } from "@emotion/react";
|
|
10
|
+
import { plugins } from "@webiny/plugins";
|
|
11
|
+
import { useI18N } from "@webiny/app-i18n/hooks/useI18N";
|
|
12
|
+
import { useSecurity } from "@webiny/app-security";
|
|
13
|
+
import { CircularProgress } from "@webiny/ui/Progress";
|
|
14
|
+
import { playgroundDialog, PlaygroundContainer } from "./Playground.styles";
|
|
15
|
+
import { settings } from "./settings";
|
|
16
|
+
import { config as appConfig } from "@webiny/app/config";
|
|
17
|
+
import { ORIGINAL_GQL_PLAYGROUND_URL, PATCHED_GQL_PLAYGROUND_URL } from "./constants";
|
|
18
|
+
const withHeaders = (link, headers) => {
|
|
19
|
+
return ApolloLink.from([setContext(async (_, req) => {
|
|
31
20
|
return {
|
|
32
|
-
headers:
|
|
21
|
+
headers: {
|
|
22
|
+
...req.headers,
|
|
23
|
+
...headers
|
|
24
|
+
}
|
|
33
25
|
};
|
|
34
26
|
}), link]);
|
|
35
27
|
};
|
|
36
|
-
|
|
37
|
-
return new Promise(
|
|
28
|
+
const initScripts = () => {
|
|
29
|
+
return new Promise(resolve => {
|
|
38
30
|
// @ts-expect-error
|
|
39
31
|
if (window.GraphQLPlayground) {
|
|
40
32
|
return resolve();
|
|
41
33
|
}
|
|
42
|
-
(
|
|
34
|
+
loadScript(PATCHED_GQL_PLAYGROUND_URL, err => {
|
|
43
35
|
if (err) {
|
|
44
|
-
return (
|
|
36
|
+
return loadScript(ORIGINAL_GQL_PLAYGROUND_URL, resolve);
|
|
45
37
|
}
|
|
46
38
|
resolve();
|
|
47
39
|
});
|
|
48
40
|
});
|
|
49
41
|
};
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
var current = links.current;
|
|
42
|
+
const Playground = ({
|
|
43
|
+
createApolloClient
|
|
44
|
+
}) => {
|
|
45
|
+
const [loading, setLoading] = useState(true);
|
|
46
|
+
const {
|
|
47
|
+
getCurrentLocale
|
|
48
|
+
} = useI18N();
|
|
49
|
+
const {
|
|
50
|
+
identity
|
|
51
|
+
} = useSecurity();
|
|
52
|
+
const links = useRef({});
|
|
53
|
+
const locale = getCurrentLocale("content");
|
|
54
|
+
const tabs = plugins.byType("graphql-playground-tab").map(pl => pl.tab({
|
|
55
|
+
locale: locale,
|
|
56
|
+
identity: identity
|
|
57
|
+
})).filter(Boolean);
|
|
58
|
+
const createApolloLink = useCallback(({
|
|
59
|
+
endpoint,
|
|
60
|
+
headers
|
|
61
|
+
}) => {
|
|
62
|
+
const current = links.current;
|
|
72
63
|
// If the request endpoint is not know to us, return the first available
|
|
73
|
-
|
|
64
|
+
const apiUrl = appConfig.getKey("API_URL", process.env.REACT_APP_API_URL);
|
|
74
65
|
if (!endpoint.includes(apiUrl)) {
|
|
75
66
|
return {
|
|
76
67
|
link: withHeaders(Object.values(current)[0], headers)
|
|
@@ -85,29 +76,29 @@ var Playground = function Playground(_ref) {
|
|
|
85
76
|
link: withHeaders(current[endpoint], headers)
|
|
86
77
|
};
|
|
87
78
|
}, []);
|
|
88
|
-
|
|
89
|
-
initScripts().then(
|
|
79
|
+
useEffect(() => {
|
|
80
|
+
initScripts().then(() => {
|
|
90
81
|
setLoading(false);
|
|
91
82
|
});
|
|
92
83
|
}, []);
|
|
93
|
-
|
|
84
|
+
useEffect(() => {
|
|
94
85
|
if (!loading) {
|
|
95
86
|
// @ts-expect-error
|
|
96
87
|
window.GraphQLPlayground.init(document.getElementById("graphql-playground"), {
|
|
97
|
-
tabs
|
|
98
|
-
createApolloLink
|
|
99
|
-
settings
|
|
88
|
+
tabs,
|
|
89
|
+
createApolloLink,
|
|
90
|
+
settings
|
|
100
91
|
});
|
|
101
92
|
}
|
|
102
93
|
}, [loading]);
|
|
103
|
-
return /*#__PURE__*/
|
|
94
|
+
return /*#__PURE__*/React.createElement(Fragment, null, loading ? /*#__PURE__*/React.createElement(CircularProgress, {
|
|
104
95
|
label: "Loading playground..."
|
|
105
|
-
}) : /*#__PURE__*/
|
|
96
|
+
}) : /*#__PURE__*/React.createElement(PlaygroundContainer, {
|
|
106
97
|
id: "graphql-playground"
|
|
107
|
-
}), /*#__PURE__*/
|
|
108
|
-
styles:
|
|
98
|
+
}), /*#__PURE__*/React.createElement(Global, {
|
|
99
|
+
styles: playgroundDialog
|
|
109
100
|
}));
|
|
110
101
|
};
|
|
111
|
-
|
|
102
|
+
export default Playground;
|
|
112
103
|
|
|
113
104
|
//# sourceMappingURL=Playground.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
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 ApolloClient from \"apollo-client\";\nimport { GraphQLPlaygroundTabPlugin } from \"~/types\";\nimport { 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":[]}
|
|
@@ -1,13 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.playgroundDialog = exports.PlaygroundContainer = void 0;
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
|
-
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
10
|
-
var sharedStyles = {
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
2
|
+
const sharedStyles = {
|
|
11
3
|
"p, a, h1, h2, h3, h4, ul, pre, code": {
|
|
12
4
|
margin: 0,
|
|
13
5
|
padding: 0,
|
|
@@ -26,7 +18,7 @@ var sharedStyles = {
|
|
|
26
18
|
fontFamily: "Consolas, monospace"
|
|
27
19
|
}
|
|
28
20
|
};
|
|
29
|
-
|
|
21
|
+
export const PlaygroundContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
30
22
|
target: "e1o47c380"
|
|
31
23
|
} : {
|
|
32
24
|
target: "e1o47c380",
|
|
@@ -34,8 +26,8 @@ var PlaygroundContainer = exports.PlaygroundContainer = /*#__PURE__*/(0, _base.d
|
|
|
34
26
|
})({
|
|
35
27
|
marginTop: -3,
|
|
36
28
|
overflow: "hidden",
|
|
37
|
-
".playground":
|
|
38
|
-
height: "calc(100vh -
|
|
29
|
+
".playground": {
|
|
30
|
+
height: "calc(100vh - 45px)",
|
|
39
31
|
margin: 0,
|
|
40
32
|
padding: 0,
|
|
41
33
|
fontFamily: "'Open Sans', sans-serif",
|
|
@@ -44,10 +36,11 @@ var PlaygroundContainer = exports.PlaygroundContainer = /*#__PURE__*/(0, _base.d
|
|
|
44
36
|
color: "rgba(0,0,0,.8)",
|
|
45
37
|
lineHeight: 1.5,
|
|
46
38
|
letterSpacing: 0.53,
|
|
47
|
-
marginRight: "-1px !important"
|
|
48
|
-
|
|
49
|
-
}
|
|
50
|
-
|
|
39
|
+
marginRight: "-1px !important",
|
|
40
|
+
...sharedStyles
|
|
41
|
+
}
|
|
42
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBsYXlncm91bmQuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCbUMiLCJmaWxlIjoiUGxheWdyb3VuZC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuY29uc3Qgc2hhcmVkU3R5bGVzID0ge1xuICAgIFwicCwgYSwgaDEsIGgyLCBoMywgaDQsIHVsLCBwcmUsIGNvZGVcIjoge1xuICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIGNvbG9yOiBcImluaGVyaXRcIlxuICAgIH0sXG4gICAgXCJhOmFjdGl2ZSwgYTpmb2N1cywgYnV0dG9uOmZvY3VzLCBpbnB1dDpmb2N1c1wiOiB7XG4gICAgICAgIG91dGxpbmU6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcImlucHV0LCBidXR0b24sIHN1Ym1pdFwiOiB7XG4gICAgICAgIGJvcmRlcjogXCJub25lXCJcbiAgICB9LFxuICAgIFwiaW5wdXQsIGJ1dHRvbiwgcHJlXCI6IHtcbiAgICAgICAgZm9udEZhbWlseTogXCInT3BlbiBTYW5zJywgc2Fucy1zZXJpZlwiXG4gICAgfSxcbiAgICBjb2RlOiB7XG4gICAgICAgIGZvbnRGYW1pbHk6IFwiQ29uc29sYXMsIG1vbm9zcGFjZVwiXG4gICAgfVxufTtcblxuZXhwb3J0IGNvbnN0IFBsYXlncm91bmRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIG1hcmdpblRvcDogLTMsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgXCIucGxheWdyb3VuZFwiOiB7XG4gICAgICAgIGhlaWdodDogXCJjYWxjKDEwMHZoIC0gNDVweClcIixcbiAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICBwYWRkaW5nOiAwLFxuICAgICAgICBmb250RmFtaWx5OiBcIidPcGVuIFNhbnMnLCBzYW5zLXNlcmlmXCIsXG4gICAgICAgIFdlYmtpdEZvbnRTbW9vdGhpbmc6IFwiYW50aWFsaWFzZWRcIixcbiAgICAgICAgTW96T3N4Rm9udFNtb290aGluZzogXCJncmF5c2NhbGVcIixcbiAgICAgICAgY29sb3I6IFwicmdiYSgwLDAsMCwuOClcIixcbiAgICAgICAgbGluZUhlaWdodDogMS41LFxuICAgICAgICBsZXR0ZXJTcGFjaW5nOiAwLjUzLFxuICAgICAgICBtYXJnaW5SaWdodDogXCItMXB4ICFpbXBvcnRhbnRcIixcbiAgICAgICAgLi4uc2hhcmVkU3R5bGVzXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBwbGF5Z3JvdW5kRGlhbG9nID0ge1xuICAgIFwiLlJlYWN0TW9kYWxQb3J0YWxcIjogc2hhcmVkU3R5bGVzXG59O1xuIl19 */");
|
|
43
|
+
export const playgroundDialog = {
|
|
51
44
|
".ReactModalPortal": sharedStyles
|
|
52
45
|
};
|
|
53
46
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["sharedStyles","margin","padding","color","outline","border","fontFamily","code","PlaygroundContainer","
|
|
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":[]}
|
package/plugins/constants.js
CHANGED
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.PATCHED_GQL_PLAYGROUND_URL = exports.ORIGINAL_GQL_PLAYGROUND_URL = void 0;
|
|
7
|
-
var ORIGINAL_GQL_PLAYGROUND_URL = exports.ORIGINAL_GQL_PLAYGROUND_URL = "https://cdn.jsdelivr.net/npm/@apollographql/graphql-playground-react@1.7.32/build/static/js/middleware.js";
|
|
8
|
-
var PATCHED_GQL_PLAYGROUND_URL = exports.PATCHED_GQL_PLAYGROUND_URL = "https://webiny-public.s3.us-east-2.amazonaws.com/project-scripts/gql-playground-mw-1.7.42-patched.js";
|
|
1
|
+
export const ORIGINAL_GQL_PLAYGROUND_URL = "https://cdn.jsdelivr.net/npm/@apollographql/graphql-playground-react@1.7.32/build/static/js/middleware.js";
|
|
2
|
+
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";
|
|
9
3
|
|
|
10
4
|
//# sourceMappingURL=constants.js.map
|
package/plugins/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ORIGINAL_GQL_PLAYGROUND_URL","
|
|
1
|
+
{"version":3,"names":["ORIGINAL_GQL_PLAYGROUND_URL","PATCHED_GQL_PLAYGROUND_URL"],"sources":["constants.ts"],"sourcesContent":["export const ORIGINAL_GQL_PLAYGROUND_URL =\n \"https://cdn.jsdelivr.net/npm/@apollographql/graphql-playground-react@1.7.32/build/static/js/middleware.js\";\n\nexport const PATCHED_GQL_PLAYGROUND_URL =\n \"https://webiny-public.s3.us-east-2.amazonaws.com/project-scripts/gql-playground-mw-1.7.42-patched.js\";\n"],"mappings":"AAAA,OAAO,MAAMA,2BAA2B,GACpC,2GAA2G;AAE/G,OAAO,MAAMC,0BAA0B,GACnC,sGAAsG","ignoreList":[]}
|
package/plugins/index.js
CHANGED
|
@@ -1,26 +1,18 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _placeholder = _interopRequireDefault(require("!!raw-loader!./placeholder.graphql"));
|
|
9
|
-
var _config = require("@webiny/app/config");
|
|
10
1
|
// @ts-expect-error
|
|
11
|
-
|
|
12
|
-
|
|
2
|
+
import placeholder from "!!raw-loader!./placeholder.graphql";
|
|
3
|
+
import { config as appConfig } from "@webiny/app/config";
|
|
4
|
+
const plugin = {
|
|
13
5
|
type: "graphql-playground-tab",
|
|
14
|
-
tab
|
|
15
|
-
|
|
6
|
+
tab() {
|
|
7
|
+
const apiUrl = appConfig.getKey("API_URL", process.env.REACT_APP_API_URL);
|
|
16
8
|
return {
|
|
17
9
|
name: "Main API",
|
|
18
10
|
endpoint: apiUrl + "/graphql",
|
|
19
11
|
headers: {},
|
|
20
|
-
query:
|
|
12
|
+
query: placeholder
|
|
21
13
|
};
|
|
22
14
|
}
|
|
23
15
|
};
|
|
24
|
-
|
|
16
|
+
export default [plugin];
|
|
25
17
|
|
|
26
18
|
//# sourceMappingURL=index.js.map
|
package/plugins/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
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 { GraphQLPlaygroundTabPlugin } from \"~/types\";\n// @ts-expect-error\nimport placeholder from \"!!raw-loader!./placeholder.graphql\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\nconst plugin: GraphQLPlaygroundTabPlugin = {\n type: \"graphql-playground-tab\",\n tab() {\n const apiUrl = appConfig.getKey(\"API_URL\", process.env.REACT_APP_API_URL) as string;\n return {\n name: \"Main API\",\n endpoint: apiUrl + \"/graphql\",\n headers: {},\n query: placeholder\n };\n }\n};\nexport default [plugin];\n"],"mappings":"AACA;AACA,OAAOA,WAAW,MAAM,oCAAoC;AAC5D,SAASC,MAAM,IAAIC,SAAS,QAAQ,oBAAoB;AAExD,MAAMC,MAAkC,GAAG;EACvCC,IAAI,EAAE,wBAAwB;EAC9BC,GAAGA,CAAA,EAAG;IACF,MAAMC,MAAM,GAAGJ,SAAS,CAACK,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAW;IACnF,OAAO;MACHC,IAAI,EAAE,UAAU;MAChBC,QAAQ,EAAEN,MAAM,GAAG,UAAU;MAC7BO,OAAO,EAAE,CAAC,CAAC;MACXC,KAAK,EAAEd;IACX,CAAC;EACL;AACJ,CAAC;AACD,eAAe,CAACG,MAAM,CAAC","ignoreList":[]}
|
package/plugins/settings.js
CHANGED
|
@@ -1,12 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.settings = void 0;
|
|
7
|
-
var settings = exports.settings = {
|
|
1
|
+
export const settings = {
|
|
8
2
|
"editor.cursorShape": "line",
|
|
9
|
-
"editor.fontFamily":
|
|
3
|
+
"editor.fontFamily": `'Source Code Pro', 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'Monaco', monospace`,
|
|
10
4
|
"editor.fontSize": 14,
|
|
11
5
|
"editor.reuseHeaders": true,
|
|
12
6
|
"editor.theme": "dark",
|
package/plugins/settings.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["settings"
|
|
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":[]}
|