@webiny/app-graphql-playground 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d
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.d.ts +2 -2
- package/index.js +21 -42
- package/index.js.map +1 -1
- package/package.json +19 -27
- package/plugins/Playground.d.ts +2 -2
- package/plugins/Playground.js +67 -119
- package/plugins/Playground.js.map +1 -1
- package/plugins/Playground.styles.d.ts +4 -3
- package/plugins/Playground.styles.js +14 -23
- package/plugins/Playground.styles.js.map +1 -1
- package/plugins/constants.d.ts +2 -0
- package/plugins/constants.js +4 -0
- package/plugins/constants.js.map +1 -0
- package/plugins/index.d.ts +1 -1
- package/plugins/index.js +10 -21
- package/plugins/index.js.map +1 -1
- package/plugins/settings.js +4 -9
- package/plugins/settings.js.map +1 -1
- package/types.d.ts +3 -3
- package/types.js +2 -4
- package/types.js.map +1 -1
package/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ApolloClient } from "apollo-client";
|
|
2
|
+
import type { ApolloClient } from "apollo-client";
|
|
3
3
|
interface CreateApolloClientParams {
|
|
4
4
|
uri: string;
|
|
5
5
|
}
|
|
6
6
|
interface GraphQLPlaygroundProps {
|
|
7
7
|
createApolloClient(params: CreateApolloClientParams): ApolloClient<any>;
|
|
8
8
|
}
|
|
9
|
-
export declare const GraphQLPlayground: React.
|
|
9
|
+
export declare const GraphQLPlayground: React.MemoExoticComponent<({ createApolloClient }: GraphQLPlaygroundProps) => React.JSX.Element>;
|
|
10
10
|
export {};
|
package/index.js
CHANGED
|
@@ -1,46 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var _plugins = require("@webiny/plugins");
|
|
15
|
-
|
|
16
|
-
var _appAdmin = require("@webiny/app-admin");
|
|
17
|
-
|
|
18
|
-
var _graphql = require("./assets/graphql.svg");
|
|
19
|
-
|
|
20
|
-
var _Playground = _interopRequireDefault(require("./plugins/Playground"));
|
|
21
|
-
|
|
22
|
-
var _plugins2 = _interopRequireDefault(require("./plugins"));
|
|
23
|
-
|
|
24
|
-
var GraphQLPlaygroundExtension = function GraphQLPlaygroundExtension(_ref) {
|
|
25
|
-
var createApolloClient = _ref.createApolloClient;
|
|
26
|
-
|
|
27
|
-
_plugins.plugins.register(_plugins2.default);
|
|
28
|
-
|
|
29
|
-
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, {
|
|
30
14
|
name: "apiPlayground",
|
|
31
|
-
label: "API Playground",
|
|
32
15
|
path: "/api-playground",
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}
|
|
39
|
-
title: "API Playground"
|
|
40
|
-
}, /*#__PURE__*/_react.default.createElement(_Playground.default, {
|
|
41
|
-
createApolloClient: createApolloClient
|
|
42
|
-
}))));
|
|
16
|
+
element: /*#__PURE__*/React.createElement(Layout, {
|
|
17
|
+
title: "API Playground"
|
|
18
|
+
}, /*#__PURE__*/React.createElement(Playground, {
|
|
19
|
+
createApolloClient: createApolloClient
|
|
20
|
+
}))
|
|
21
|
+
}));
|
|
43
22
|
};
|
|
23
|
+
export const GraphQLPlayground = /*#__PURE__*/memo(GraphQLPlaygroundExtension);
|
|
44
24
|
|
|
45
|
-
|
|
46
|
-
exports.GraphQLPlayground = GraphQLPlayground;
|
|
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 type { ApolloClient } from \"apollo-client\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminConfig, Layout } from \"@webiny/app-admin\";\nimport Playground from \"./plugins/Playground\";\nimport playgroundPlugins from \"./plugins\";\n\nconst { Route } = AdminConfig;\n\ninterface CreateApolloClientParams {\n uri: string;\n}\n\ninterface GraphQLPlaygroundProps {\n createApolloClient(params: CreateApolloClientParams): ApolloClient<any>;\n}\n\nconst GraphQLPlaygroundExtension = ({ createApolloClient }: GraphQLPlaygroundProps) => {\n plugins.register(playgroundPlugins);\n\n return (\n <AdminConfig>\n <Route\n name={\"apiPlayground\"}\n path={\"/api-playground\"}\n element={\n <Layout title={\"API Playground\"}>\n <Playground createApolloClient={createApolloClient} />\n </Layout>\n }\n />\n </AdminConfig>\n );\n};\n\nexport const GraphQLPlayground = memo(GraphQLPlaygroundExtension);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AAEnC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,WAAW,EAAEC,MAAM,QAAQ,mBAAmB;AACvD,OAAOC,UAAU;AACjB,OAAOC,iBAAiB;AAExB,MAAM;EAAEC;AAAM,CAAC,GAAGJ,WAAW;AAU7B,MAAMK,0BAA0B,GAAGA,CAAC;EAAEC;AAA2C,CAAC,KAAK;EACnFP,OAAO,CAACQ,QAAQ,CAACJ,iBAAiB,CAAC;EAEnC,oBACIN,KAAA,CAAAW,aAAA,CAACR,WAAW,qBACRH,KAAA,CAAAW,aAAA,CAACJ,KAAK;IACFK,IAAI,EAAE,eAAgB;IACtBC,IAAI,EAAE,iBAAkB;IACxBC,OAAO,eACHd,KAAA,CAAAW,aAAA,CAACP,MAAM;MAACW,KAAK,EAAE;IAAiB,gBAC5Bf,KAAA,CAAAW,aAAA,CAACN,UAAU;MAACI,kBAAkB,EAAEA;IAAmB,CAAE,CACjD;EACX,CACJ,CACQ,CAAC;AAEtB,CAAC;AAED,OAAO,MAAMO,iBAAiB,gBAAGf,IAAI,CAACO,0BAA0B,CAAC","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/app-graphql-playground",
|
|
3
|
-
"version": "0.0.0-unstable.
|
|
3
|
+
"version": "0.0.0-unstable.fdd9228b5d",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -9,46 +9,38 @@
|
|
|
9
9
|
"author": "Webiny Ltd",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@emotion/
|
|
13
|
-
"@emotion/styled": "10.
|
|
14
|
-
"@webiny/app": "0.0.0-unstable.
|
|
15
|
-
"@webiny/app-admin": "0.0.0-unstable.
|
|
16
|
-
"@webiny/app-i18n": "0.0.0-unstable.
|
|
17
|
-
"@webiny/app-security": "0.0.0-unstable.
|
|
18
|
-
"@webiny/plugins": "0.0.0-unstable.
|
|
19
|
-
"@webiny/ui": "0.0.0-unstable.
|
|
12
|
+
"@emotion/react": "11.10.8",
|
|
13
|
+
"@emotion/styled": "11.10.6",
|
|
14
|
+
"@webiny/app": "0.0.0-unstable.fdd9228b5d",
|
|
15
|
+
"@webiny/app-admin": "0.0.0-unstable.fdd9228b5d",
|
|
16
|
+
"@webiny/app-i18n": "0.0.0-unstable.fdd9228b5d",
|
|
17
|
+
"@webiny/app-security": "0.0.0-unstable.fdd9228b5d",
|
|
18
|
+
"@webiny/plugins": "0.0.0-unstable.fdd9228b5d",
|
|
19
|
+
"@webiny/ui": "0.0.0-unstable.fdd9228b5d",
|
|
20
20
|
"apollo-cache": "1.3.5",
|
|
21
21
|
"apollo-client": "2.6.10",
|
|
22
22
|
"apollo-link": "1.2.14",
|
|
23
23
|
"apollo-link-context": "1.0.20",
|
|
24
24
|
"apollo-utilities": "1.3.4",
|
|
25
|
-
"graphql": "15.
|
|
25
|
+
"graphql": "15.9.0",
|
|
26
26
|
"load-script": "1.0.0",
|
|
27
27
|
"prop-types": "15.8.1",
|
|
28
|
-
"react": "
|
|
29
|
-
"react-dom": "
|
|
28
|
+
"react": "18.2.0",
|
|
29
|
+
"react-dom": "18.2.0"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@babel
|
|
33
|
-
"@
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"@babel/preset-react": "^7.16.0",
|
|
37
|
-
"@babel/preset-typescript": "^7.18.6",
|
|
38
|
-
"@webiny/cli": "^0.0.0-unstable.fcdad0bc61",
|
|
39
|
-
"@webiny/project-utils": "^0.0.0-unstable.fcdad0bc61",
|
|
40
|
-
"babel-plugin-emotion": "^9.2.8",
|
|
41
|
-
"babel-plugin-lodash": "^3.3.4",
|
|
42
|
-
"rimraf": "^3.0.2",
|
|
43
|
-
"typescript": "4.7.4"
|
|
32
|
+
"@emotion/babel-plugin": "11.11.0",
|
|
33
|
+
"@webiny/project-utils": "0.0.0-unstable.fdd9228b5d",
|
|
34
|
+
"rimraf": "6.0.1",
|
|
35
|
+
"typescript": "5.3.3"
|
|
44
36
|
},
|
|
45
37
|
"publishConfig": {
|
|
46
38
|
"access": "public",
|
|
47
39
|
"directory": "dist"
|
|
48
40
|
},
|
|
49
41
|
"scripts": {
|
|
50
|
-
"build": "
|
|
51
|
-
"watch": "
|
|
42
|
+
"build": "node ../cli/bin.js run build",
|
|
43
|
+
"watch": "node ../cli/bin.js run watch"
|
|
52
44
|
},
|
|
53
45
|
"adio": {
|
|
54
46
|
"ignore": {
|
|
@@ -60,5 +52,5 @@
|
|
|
60
52
|
]
|
|
61
53
|
}
|
|
62
54
|
},
|
|
63
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "fdd9228b5d2636463e8a34b6e0d26eea1e29c01d"
|
|
64
56
|
}
|
package/plugins/Playground.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import ApolloClient from "apollo-client";
|
|
2
|
+
import type ApolloClient from "apollo-client";
|
|
3
3
|
interface CreateApolloClientParams {
|
|
4
4
|
uri: string;
|
|
5
5
|
}
|
|
6
6
|
interface PlaygroundProps {
|
|
7
7
|
createApolloClient: (params: CreateApolloClientParams) => ApolloClient<any>;
|
|
8
8
|
}
|
|
9
|
-
declare const Playground: React.
|
|
9
|
+
declare const Playground: ({ createApolloClient }: PlaygroundProps) => React.JSX.Element;
|
|
10
10
|
export default Playground;
|
package/plugins/Playground.js
CHANGED
|
@@ -1,156 +1,104 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
|
-
var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
|
|
15
|
-
|
|
16
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
17
|
-
|
|
18
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
19
|
-
|
|
20
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
21
|
-
|
|
22
|
-
var _apolloLink = require("apollo-link");
|
|
23
|
-
|
|
24
|
-
var _apolloLinkContext = require("apollo-link-context");
|
|
25
|
-
|
|
26
|
-
var _loadScript = _interopRequireDefault(require("load-script"));
|
|
27
|
-
|
|
28
|
-
var _core = require("@emotion/core");
|
|
29
|
-
|
|
30
|
-
var _plugins = require("@webiny/plugins");
|
|
31
|
-
|
|
32
|
-
var _useI18N2 = require("@webiny/app-i18n/hooks/useI18N");
|
|
33
|
-
|
|
34
|
-
var _appSecurity = require("@webiny/app-security");
|
|
35
|
-
|
|
36
|
-
var _Progress = require("@webiny/ui/Progress");
|
|
37
|
-
|
|
38
|
-
var _Playground = require("./Playground.styles");
|
|
39
|
-
|
|
40
|
-
var _settings = require("./settings");
|
|
41
|
-
|
|
42
|
-
var _config = require("@webiny/app/config");
|
|
43
|
-
|
|
1
|
+
import React, { Fragment, useEffect, useRef, useCallback, useState } from "react";
|
|
2
|
+
import { ApolloLink } from "apollo-link";
|
|
3
|
+
import { setContext } from "apollo-link-context";
|
|
44
4
|
/**
|
|
45
5
|
* Package load-script does not have types.
|
|
46
6
|
*/
|
|
47
|
-
// @ts-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
}
|
|
65
|
-
}));
|
|
66
|
-
|
|
67
|
-
return function (_x, _x2) {
|
|
68
|
-
return _ref.apply(this, arguments);
|
|
7
|
+
// @ts-expect-error
|
|
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) => {
|
|
20
|
+
return {
|
|
21
|
+
headers: {
|
|
22
|
+
...req.headers,
|
|
23
|
+
...headers
|
|
24
|
+
}
|
|
69
25
|
};
|
|
70
|
-
}
|
|
26
|
+
}), link]);
|
|
71
27
|
};
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
// @ts-ignore
|
|
28
|
+
const initScripts = () => {
|
|
29
|
+
return new Promise(resolve => {
|
|
30
|
+
// @ts-expect-error
|
|
76
31
|
if (window.GraphQLPlayground) {
|
|
77
32
|
return resolve();
|
|
78
33
|
}
|
|
79
|
-
|
|
80
|
-
|
|
34
|
+
loadScript(PATCHED_GQL_PLAYGROUND_URL, err => {
|
|
35
|
+
if (err) {
|
|
36
|
+
return loadScript(ORIGINAL_GQL_PLAYGROUND_URL, resolve);
|
|
37
|
+
}
|
|
38
|
+
resolve();
|
|
39
|
+
});
|
|
81
40
|
});
|
|
82
41
|
};
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
}).filter(Boolean);
|
|
107
|
-
|
|
108
|
-
var createApolloLink = (0, _react.useCallback)(function (_ref3) {
|
|
109
|
-
var endpoint = _ref3.endpoint,
|
|
110
|
-
headers = _ref3.headers;
|
|
111
|
-
var current = links.current; // If the request endpoint is not know to us, return the first available
|
|
112
|
-
|
|
113
|
-
var apiUrl = _config.config.getKey("API_URL", process.env.REACT_APP_API_URL);
|
|
114
|
-
|
|
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;
|
|
63
|
+
// If the request endpoint is not know to us, return the first available
|
|
64
|
+
const apiUrl = appConfig.getKey("API_URL", process.env.REACT_APP_API_URL);
|
|
115
65
|
if (!endpoint.includes(apiUrl)) {
|
|
116
66
|
return {
|
|
117
67
|
link: withHeaders(Object.values(current)[0], headers)
|
|
118
68
|
};
|
|
119
69
|
}
|
|
120
|
-
|
|
121
70
|
if (!current[endpoint]) {
|
|
122
71
|
current[endpoint] = createApolloClient({
|
|
123
72
|
uri: endpoint
|
|
124
73
|
}).link;
|
|
125
74
|
}
|
|
126
|
-
|
|
127
75
|
return {
|
|
128
76
|
link: withHeaders(current[endpoint], headers)
|
|
129
77
|
};
|
|
130
78
|
}, []);
|
|
131
|
-
|
|
132
|
-
initScripts().then(
|
|
79
|
+
useEffect(() => {
|
|
80
|
+
initScripts().then(() => {
|
|
133
81
|
setLoading(false);
|
|
134
82
|
});
|
|
135
83
|
}, []);
|
|
136
|
-
|
|
84
|
+
useEffect(() => {
|
|
137
85
|
if (!loading) {
|
|
138
|
-
// @ts-
|
|
86
|
+
// @ts-expect-error
|
|
139
87
|
window.GraphQLPlayground.init(document.getElementById("graphql-playground"), {
|
|
140
|
-
tabs
|
|
141
|
-
createApolloLink
|
|
142
|
-
settings
|
|
88
|
+
tabs,
|
|
89
|
+
createApolloLink,
|
|
90
|
+
settings
|
|
143
91
|
});
|
|
144
92
|
}
|
|
145
93
|
}, [loading]);
|
|
146
|
-
return /*#__PURE__*/
|
|
94
|
+
return /*#__PURE__*/React.createElement(Fragment, null, loading ? /*#__PURE__*/React.createElement(CircularProgress, {
|
|
147
95
|
label: "Loading playground..."
|
|
148
|
-
}) : /*#__PURE__*/
|
|
96
|
+
}) : /*#__PURE__*/React.createElement(PlaygroundContainer, {
|
|
149
97
|
id: "graphql-playground"
|
|
150
|
-
}), /*#__PURE__*/
|
|
151
|
-
styles:
|
|
98
|
+
}), /*#__PURE__*/React.createElement(Global, {
|
|
99
|
+
styles: playgroundDialog
|
|
152
100
|
}));
|
|
153
101
|
};
|
|
102
|
+
export default Playground;
|
|
154
103
|
|
|
155
|
-
|
|
156
|
-
exports.default = _default;
|
|
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 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":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACjF,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,UAAU,QAAQ,qBAAqB;AAChD;AACA;AACA;AACA;AACA,OAAOC,UAAU,MAAM,aAAa;AACpC,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,OAAO,QAAQ,gCAAgC;AACxD,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,gBAAgB,EAAEC,mBAAmB;AAC9C,SAASC,QAAQ;AACjB,SAASC,MAAM,IAAIC,SAAS,QAAQ,oBAAoB;AAIxD,SAASC,2BAA2B,EAAEC,0BAA0B;AAEhE,MAAMC,WAAW,GAAGA,CAACC,IAAgB,EAAEC,OAA+B,KAAiB;EACnF,OAAOjB,UAAU,CAACkB,IAAI,CAAC,CACnBjB,UAAU,CAAC,OAAOkB,CAAC,EAAEC,GAAG,KAAK;IACzB,OAAO;MACHH,OAAO,EAAE;QACL,GAAGG,GAAG,CAACH,OAAO;QACd,GAAGA;MACP;IACJ,CAAC;EACL,CAAC,CAAC,EACFD,IAAI,CACP,CAAC;AACN,CAAC;AAED,MAAMK,WAAW,GAAGA,CAAA,KAAM;EACtB,OAAO,IAAIC,OAAO,CAAEC,OAAY,IAAK;IACjC;IACA,IAAIC,MAAM,CAACC,iBAAiB,EAAE;MAC1B,OAAOF,OAAO,CAAC,CAAC;IACpB;IAEArB,UAAU,CAACY,0BAA0B,EAAGY,GAAU,IAAK;MACnD,IAAIA,GAAG,EAAE;QACL,OAAOxB,UAAU,CAACW,2BAA2B,EAAEU,OAAO,CAAC;MAC3D;MAEAA,OAAO,CAAC,CAAC;IACb,CAAC,CAAC;EACN,CAAC,CAAC;AACN,CAAC;AAuBD,MAAMI,UAAU,GAAGA,CAAC;EAAEC;AAAoC,CAAC,KAAK;EAC5D,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG/B,QAAQ,CAAC,IAAI,CAAC;EAC5C,MAAM;IAAEgC;EAAiB,CAAC,GAAG1B,OAAO,CAAC,CAAC;EACtC,MAAM;IAAE2B;EAAS,CAAC,GAAG1B,WAAW,CAAC,CAAC;EAClC,MAAM2B,KAAK,GAAGpC,MAAM,CAA6B,CAAC,CAAC,CAAC;EAEpD,MAAMqC,MAAM,GAAGH,gBAAgB,CAAC,SAAS,CAAC;EAE1C,MAAMI,IAAI,GAAG/B,OAAO,CACfgC,MAAM,CAA6B,wBAAwB,CAAC,CAC5DC,GAAG,CAACC,EAAE,IACHA,EAAE,CAACC,GAAG,CAAC;IACHL,MAAM,EAAEA,MAAgB;IACxBF,QAAQ,EAAEA;EACd,CAAC,CACL,CAAC,CACAQ,MAAM,CAACC,OAAO,CAAC;EAEpB,MAAMC,gBAAgB,GAAG5C,WAAW,CAA2B,CAAC;IAAE6C,QAAQ;IAAE1B;EAAQ,CAAC,KAAK;IACtF,MAAM2B,OAAO,GAAGX,KAAK,CAACW,OAAO;IAC7B;IACA,MAAMC,MAAM,GAAGjC,SAAS,CAACkC,MAAM,CAAC,SAAS,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB,CAAW;IACnF,IAAI,CAACN,QAAQ,CAACO,QAAQ,CAACL,MAAM,CAAC,EAAE;MAC5B,OAAO;QAAE7B,IAAI,EAAED,WAAW,CAACoC,MAAM,CAACC,MAAM,CAACR,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE3B,OAAO;MAAE,CAAC;IACpE;IAEA,IAAI,CAAC2B,OAAO,CAACD,QAAQ,CAAC,EAAE;MACpBC,OAAO,CAACD,QAAQ,CAAC,GAAGf,kBAAkB,CAAC;QAAEyB,GAAG,EAAEV;MAAS,CAAC,CAAC,CAAC3B,IAAI;IAClE;IAEA,OAAO;MACHA,IAAI,EAAED,WAAW,CAAC6B,OAAO,CAACD,QAAQ,CAAC,EAAE1B,OAAO;IAChD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAENrB,SAAS,CAAC,MAAM;IACZyB,WAAW,CAAC,CAAC,CAACiC,IAAI,CAAC,MAAM;MACrBxB,UAAU,CAAC,KAAK,CAAC;IACrB,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAENlC,SAAS,CAAC,MAAM;IACZ,IAAI,CAACiC,OAAO,EAAE;MACV;MACAL,MAAM,CAACC,iBAAiB,CAAC8B,IAAI,CAACC,QAAQ,CAACC,cAAc,CAAC,oBAAoB,CAAC,EAAE;QACzEtB,IAAI;QACJO,gBAAgB;QAChBhC;MACJ,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACmB,OAAO,CAAC,CAAC;EAEb,oBACInC,KAAA,CAAAgE,aAAA,CAAC/D,QAAQ,QACJkC,OAAO,gBACJnC,KAAA,CAAAgE,aAAA,CAACnD,gBAAgB;IAACoD,KAAK,EAAE;EAAwB,CAAE,CAAC,gBAEpDjE,KAAA,CAAAgE,aAAA,CAACjD,mBAAmB;IAACmD,EAAE,EAAE;EAAqB,CAAE,CACnD,eACDlE,KAAA,CAAAgE,aAAA,CAACvD,MAAM;IAAC0D,MAAM,EAAErD;EAAiB,CAAE,CAC7B,CAAC;AAEnB,CAAC;AAED,eAAemB,UAAU","ignoreList":[]}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
export declare const PlaygroundContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
5
6
|
export declare const playgroundDialog: {
|
|
6
7
|
".ReactModalPortal": {
|
|
7
8
|
"p, a, h1, h2, h3, h4, ul, pre, code": {
|
|
@@ -1,17 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.playgroundDialog = exports.PlaygroundContainer = void 0;
|
|
9
|
-
|
|
10
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
-
|
|
12
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
13
|
-
|
|
14
|
-
var sharedStyles = {
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
2
|
+
const sharedStyles = {
|
|
15
3
|
"p, a, h1, h2, h3, h4, ul, pre, code": {
|
|
16
4
|
margin: 0,
|
|
17
5
|
padding: 0,
|
|
@@ -30,14 +18,16 @@ var sharedStyles = {
|
|
|
30
18
|
fontFamily: "Consolas, monospace"
|
|
31
19
|
}
|
|
32
20
|
};
|
|
33
|
-
|
|
21
|
+
export const PlaygroundContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
22
|
+
target: "e1o47c380"
|
|
23
|
+
} : {
|
|
34
24
|
target: "e1o47c380",
|
|
35
25
|
label: "PlaygroundContainer"
|
|
36
26
|
})({
|
|
37
27
|
marginTop: -3,
|
|
38
28
|
overflow: "hidden",
|
|
39
|
-
".playground":
|
|
40
|
-
height: "calc(100vh -
|
|
29
|
+
".playground": {
|
|
30
|
+
height: "calc(100vh - 45px)",
|
|
41
31
|
margin: 0,
|
|
42
32
|
padding: 0,
|
|
43
33
|
fontFamily: "'Open Sans', sans-serif",
|
|
@@ -46,11 +36,12 @@ var PlaygroundContainer = /*#__PURE__*/(0, _styled.default)("div", {
|
|
|
46
36
|
color: "rgba(0,0,0,.8)",
|
|
47
37
|
lineHeight: 1.5,
|
|
48
38
|
letterSpacing: 0.53,
|
|
49
|
-
marginRight: "-1px !important"
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
|
|
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 = {
|
|
54
44
|
".ReactModalPortal": sharedStyles
|
|
55
45
|
};
|
|
56
|
-
|
|
46
|
+
|
|
47
|
+
//# sourceMappingURL=Playground.styles.js.map
|
|
@@ -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":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const ORIGINAL_GQL_PLAYGROUND_URL = "https://cdn.jsdelivr.net/npm/@apollographql/graphql-playground-react@1.7.32/build/static/js/middleware.js";
|
|
2
|
+
export declare const PATCHED_GQL_PLAYGROUND_URL = "https://webiny-public.s3.us-east-2.amazonaws.com/project-scripts/gql-playground-mw-1.7.42-patched.js";
|
|
@@ -0,0 +1,4 @@
|
|
|
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";
|
|
3
|
+
|
|
4
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +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":[]}
|
package/plugins/index.d.ts
CHANGED
package/plugins/index.js
CHANGED
|
@@ -1,29 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _placeholder = _interopRequireDefault(require("!!raw-loader!./placeholder.graphql"));
|
|
11
|
-
|
|
12
|
-
var _config = require("@webiny/app/config");
|
|
13
|
-
|
|
14
|
-
// @ts-ignore
|
|
15
|
-
var plugin = {
|
|
1
|
+
// @ts-expect-error
|
|
2
|
+
import placeholder from "!!raw-loader!./placeholder.graphql";
|
|
3
|
+
import { config as appConfig } from "@webiny/app/config";
|
|
4
|
+
const plugin = {
|
|
16
5
|
type: "graphql-playground-tab",
|
|
17
|
-
tab
|
|
18
|
-
|
|
19
|
-
|
|
6
|
+
tab() {
|
|
7
|
+
const apiUrl = appConfig.getKey("API_URL", process.env.REACT_APP_API_URL);
|
|
20
8
|
return {
|
|
21
9
|
name: "Main API",
|
|
22
10
|
endpoint: apiUrl + "/graphql",
|
|
23
11
|
headers: {},
|
|
24
|
-
query:
|
|
12
|
+
query: placeholder
|
|
25
13
|
};
|
|
26
14
|
}
|
|
27
15
|
};
|
|
28
|
-
|
|
29
|
-
|
|
16
|
+
export default [plugin];
|
|
17
|
+
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
package/plugins/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["plugin","type","tab","apiUrl","
|
|
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":[]}
|
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 = {
|
|
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",
|
|
@@ -22,4 +16,5 @@ var settings = {
|
|
|
22
16
|
"tracing.hideTracingResponse": true,
|
|
23
17
|
"queryPlan.hideQueryPlanResponse": true
|
|
24
18
|
};
|
|
25
|
-
|
|
19
|
+
|
|
20
|
+
//# sourceMappingURL=settings.js.map
|
package/plugins/settings.js.map
CHANGED
|
@@ -1 +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":"
|
|
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":[]}
|
package/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Plugin } from "@webiny/plugins/types";
|
|
2
|
-
import { SecurityIdentity } from "@webiny/app-security/types";
|
|
1
|
+
import type { Plugin } from "@webiny/plugins/types";
|
|
2
|
+
import type { SecurityIdentity } from "@webiny/app-security/types";
|
|
3
3
|
export interface GraphQLPlaygroundTabParams {
|
|
4
4
|
locale: string;
|
|
5
5
|
identity: SecurityIdentity;
|
|
@@ -10,7 +10,7 @@ export interface GraphQLPlaygroundTab {
|
|
|
10
10
|
headers: Record<string, string>;
|
|
11
11
|
query: string;
|
|
12
12
|
}
|
|
13
|
-
export
|
|
13
|
+
export type GraphQLPlaygroundTabPlugin = Plugin<{
|
|
14
14
|
type: "graphql-playground-tab";
|
|
15
15
|
tab: (params: GraphQLPlaygroundTabParams) => GraphQLPlaygroundTab | null;
|
|
16
16
|
}>;
|
package/types.js
CHANGED
package/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { Plugin } from \"@webiny/plugins/types\";\nimport { SecurityIdentity } from \"@webiny/app-security/types\";\n\nexport interface GraphQLPlaygroundTabParams {\n locale: string;\n identity: SecurityIdentity;\n}\nexport interface GraphQLPlaygroundTab {\n name: string;\n endpoint: string;\n headers: Record<string, string>;\n query: string;\n}\n\nexport type GraphQLPlaygroundTabPlugin = Plugin<{\n type: \"graphql-playground-tab\";\n tab: (params: GraphQLPlaygroundTabParams) => GraphQLPlaygroundTab | null;\n}>;\n"],"mappings":""}
|
|
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":[]}
|