232 |
{value.name}
233 |
239 | {value.deprecationReason && (
240 |
246 | diff --git a/src/components/GraphiQL.js b/src/components/GraphiQL.js
247 | index 38f9ca7..eaa87b8 100644
248 | --- a/src/components/GraphiQL.js
249 | +++ b/src/components/GraphiQL.js
250 | @@ -728,7 +728,10 @@ export class GraphiQL extends React.Component {
251 |
252 | handlePrettifyQuery = () => {
253 | const editor = this.getQueryEditor();
254 | - editor.setValue(print(parse(editor.getValue())));
255 | + editor.setValue(print(parse(editor.getValue()).replace(/^( +)/mg, "$1$1")));
256 | + const variables = JSON.stringify(JSON.parse(this.state.variables), null, 4);
257 | + const varEditor = this.variableEditorComponent.getCodeMirror();
258 | + varEditor.setValue(variables);
259 | };
260 |
261 | handleMergeQuery = () => {
262 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "hapi-plugin-graphiql",
3 | "version": "2.3.0",
4 | "description": "HAPI plugin for GraphiQL integration",
5 | "keywords": [ "hapi", "plugin", "graphiql", "graphql" ],
6 | "main": "./hapi-plugin-graphiql.js",
7 | "license": "MIT",
8 | "repository": {
9 | "type": "git",
10 | "url": "https://github.com/rse/hapi-plugin-graphiql.git"
11 | },
12 | "author": {
13 | "name": "Dr. Ralf S. Engelschall",
14 | "email": "rse@engelschall.com",
15 | "url": "http://engelschall.com"
16 | },
17 | "homepage": "https://github.com/rse/hapi-plugin-graphiql",
18 | "bugs": "https://github.com/rse/hapi-plugin-graphiql/issues",
19 | "peerDependencies": {
20 | "@hapi/hapi": ">=18.0.0"
21 | },
22 | "dependencies": {
23 | "@hapi/boom": "7.4.2",
24 | "mz": "2.7.0",
25 | "bluebird": "3.5.5",
26 | "jquery": "3.4.1",
27 | "whatwg-fetch": "3.0.0",
28 | "react": "16.8.6",
29 | "react-dom": "16.8.6",
30 | "react-dom-factories": "1.0.2",
31 | "graphql": "14.3.1",
32 | "graphiql": "0.13.0",
33 | "nunjucks": "3.2.0"
34 | },
35 | "devDependencies": {
36 | "@hapi/hapi": "18.3.1",
37 | "babel-eslint": "10.0.1",
38 | "eslint": "5.16.0",
39 | "eslint-config-standard": "12.0.0",
40 | "eslint-plugin-standard": "4.0.0",
41 | "eslint-plugin-promise": "4.1.1",
42 | "eslint-plugin-import": "2.17.3",
43 | "eslint-plugin-node": "9.1.0"
44 | },
45 | "engines": {
46 | "node": ">=8.0.0"
47 | },
48 | "scripts": {
49 | "prepublishOnly": "eslint --config eslint.yaml hapi-plugin-graphiql.js"
50 | }
51 | }
52 |
--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rse/hapi-plugin-graphiql/1348120bc90961c62b228bf11f643e6f2d4a9eb5/screenshot.png
--------------------------------------------------------------------------------
9 |
10 |
11 | 
12 |
13 | 
14 |
15 | Installation
16 | ------------
17 |
18 | ```shell
19 | $ npm install hapi hapi-plugin-graphiql
20 | ```
21 |
22 | About
23 | -----
24 |
25 | This is a small plugin for the [HAPI](http://hapijs.com/)
26 | server framework for seamless integration of
27 | [GraphiQL](https://github.com/graphql/graphiql), an interactive
28 | [GraphQL](http://graphql.org/) user interface. This variant of GraphiQL
29 | especially integrates a username/password based login dialog and reports
30 | network responses in the GraphiQL status bar. In case of its
31 | downstream/local copy of GraphiQL, it also applies some [additional
32 | changes to GraphiQL's internals](local/).
33 |
34 | Usage
35 | -----
36 |
37 | The following example shows the plugin in action.
38 | The shown options are actually the default ones:
39 |
40 | ```js
41 | server.register({
42 | register: require("hapi-plugin-graphiql"),
43 | options: {
44 | graphiqlSource: "downstream",
45 | graphiqlGlobals: "",
46 | graphiqlURL: "/api",
47 | graphqlFetchURL: "/api/data/graph",
48 | graphqlFetchOpts: `{
49 | method: "POST",
50 | headers: {
51 | "Content-Type": "application/json",
52 | "Accept": "application/json"
53 | },
54 | body: JSON.stringify(params),
55 | credentials: "same-origin"
56 | }`,
57 | loginFetchURL: "/api/auth/login",
58 | loginFetchOpts: `{
59 | method: "POST",
60 | headers: {
61 | "Content-Type": "application/json"
62 | },
63 | body: JSON.stringify({
64 | username: username,
65 | password: password
66 | }),
67 | credentials: "same-origin"
68 | }`,
69 | loginFetchSuccess: "",
70 | loginFetchError: "",
71 | graphqlExample:
72 | "query Example {\n" +
73 | " Session {\n" +
74 | " __typename # schema introspection\n" +
75 | " }\n" +
76 | "}\n",
77 | documentationURL: "",
78 | documentationFile: ""
79 | }
80 | })
81 | ```
82 |
83 | This assumes you have a REST-based authentication endpoint
84 | `/api/auth/login` and a GraphQL endpoint `/api/data/graphql`. The
85 | GraphiQL UI then can be accessed under `/api`. The authentication
86 | endpoint is assumed to accept `{ username: "...", password: "..." }` and
87 | sets the authentication token as a HTTP cookie for `/api`. If you your
88 | authentication endpoint returns `{ token: "..." }` and the token has to be passed in an
89 | `Authorization` header as a Bearer token, use the following configuration instead:
90 |
91 | ```js
92 | server.register({
93 | register: require("hapi-plugin-graphiql"),
94 | options: {
95 | graphiqlSource: "downstream",
96 | graphiqlGlobals: `var token = null;`,
97 | graphiqlURL: "/api",
98 | graphqlFetchURL: "/api/data/graph",
99 | graphqlFetchOpts: `{
100 | method: "POST",
101 | headers: Object.assign({
102 | "Content-Type": "application/json",
103 | "Accept": "application/json"
104 | }, token ? {
105 | "Authorization": "Bearer " + token
106 | } : {}),
107 | body: JSON.stringify(params),
108 | credentials: "same-origin"
109 | }`,
110 | loginFetchURL: "/api/auth/login",
111 | loginFetchOpts: `{
112 | method: "POST",
113 | headers: {
114 | "Content-Type": "application/json"
115 | },
116 | body: JSON.stringify({
117 | username: username,
118 | password: password
119 | }),
120 | credentials: "same-origin"
121 | }`,
122 | loginFetchSuccess: `token = JSON.parse(response.text()).token;`,
123 | loginFetchError: `token = null;`,
124 | graphqlExample:
125 | "query Example {\n" +
126 | " Session {\n" +
127 | " __typename # schema introspection\n" +
128 | " }\n" +
129 | "}\n"
130 | }
131 | })
132 | ```
133 |
134 | Options
135 | -------
136 |
137 | The supported configuration options are:
138 |
139 | - `graphiqlSource`: