mirror of
https://github.com/ethereum/go-ethereum.git
synced 2026-08-19 18:32:23 +00:00
73 lines
2 KiB
Go
73 lines
2 KiB
Go
package ethgraphql
|
|
|
|
import (
|
|
"bytes"
|
|
"fmt"
|
|
"net/http"
|
|
)
|
|
|
|
// GraphiQL is an in-browser IDE for exploring GraphiQL APIs.
|
|
// This handler returns GraphiQL when requested.
|
|
//
|
|
// For more information, see https://github.com/graphql/graphiql.
|
|
type GraphiQL struct{}
|
|
|
|
func respond(w http.ResponseWriter, body []byte, code int) {
|
|
w.Header().Set("Content-Type", "application/json; charset=utf-8")
|
|
w.Header().Set("X-Content-Type-Options", "nosniff")
|
|
w.WriteHeader(code)
|
|
_, _ = w.Write(body)
|
|
}
|
|
|
|
func errorJSON(msg string) []byte {
|
|
buf := bytes.Buffer{}
|
|
fmt.Fprintf(&buf, `{"error": "%s"}`, msg)
|
|
return buf.Bytes()
|
|
}
|
|
|
|
func (h GraphiQL) ServeHTTP(w http.ResponseWriter, r *http.Request) {
|
|
if r.Method != "GET" {
|
|
respond(w, errorJSON("only GET requests are supported"), http.StatusMethodNotAllowed)
|
|
return
|
|
}
|
|
|
|
w.Write(graphiql)
|
|
}
|
|
|
|
var graphiql = []byte(`
|
|
<!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("/graphql", {
|
|
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>
|
|
`)
|