graphiql_handler/graphiql_handler.go at master · tribunadigital/graphiql_handler · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
package graphiql_handler

import (
	"net/http"
	"strings"
)

type GraphiQL struct {
	GraphQLPath string
}

func (h GraphiQL) ServeHTTP(w http.ResponseWriter, r *http.Request) {
	if r.Method != "GET" {
		w.WriteHeader(http.StatusMethodNotAllowed)
		w.Write([]byte(errMethodNotSupported))
		return
	}
	html := strings.Replace(graphiql, "{{.GraphQLPath}}", h.GraphQLPath, -1)
	w.Write([]byte(html))
}

const (
	graphiql = `
    <!DOCTYPE html>
    <html>
    	<head>
    		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/graphiql/0.11.11/graphiql.css"/>
    		<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/2.0.3/fetch.min.js"></script>
    		<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.2.0/umd/react.production.min.js"></script>
    		<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.2.0/umd/react-dom.production.min.js"></script>
    		<script src="https://cdnjs.cloudflare.com/ajax/libs/graphiql/0.11.11/graphiql.min.js"></script>
    	</head>
    	<body style="width: 100%; height: 100%; margin: 0; overflow: hidden;">
    		<div id="graphiql" style="height: 100vh;">Loading...</div>
    		<script>
    			function fetchGQL(params) {
    				return fetch("{{.GraphQLPath}}", {
    					method: "post",
    					body: JSON.stringify(params),
    					credentials: "include",
    				}).then(function (resp) {
    					return resp.text();
    				}).then(function (body) {
    					try {
    						return JSON.parse(body);
    					} catch (error) {
    						return body;
    					}
    				});
    			}

    			ReactDOM.render(
    				React.createElement(GraphiQL, {fetcher: fetchGQL}),
    				document.getElementById("graphiql")
    			)
    		</script>
    	</body>
    </html>
    `

	errMethodNotSupported = `Only GET requests are supported`
)