66 lines
2.0 KiB
Rust
66 lines
2.0 KiB
Rust
pub fn graphiql_source(graphql_endpoint_url: &str) -> String {
|
|
let stylesheet_source = r#"
|
|
<style>
|
|
html, body, #app {
|
|
height: 100%;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
"#;
|
|
let fetcher_source = r#"
|
|
<script>
|
|
function graphQLFetcher(params) {
|
|
return fetch(GRAPHQL_URL, {
|
|
method: 'post',
|
|
headers: {
|
|
'Accept': 'application/json',
|
|
'Content-Type': 'application/json',
|
|
},
|
|
credentials: 'include',
|
|
body: JSON.stringify(params)
|
|
}).then(function (response) {
|
|
return response.text();
|
|
}).then(function (body) {
|
|
try {
|
|
return JSON.parse(body);
|
|
} catch (error) {
|
|
return body;
|
|
}
|
|
});
|
|
}
|
|
ReactDOM.render(
|
|
React.createElement(GraphiQL, {
|
|
fetcher: graphQLFetcher,
|
|
}),
|
|
document.querySelector('#app'));
|
|
</script>
|
|
"#;
|
|
|
|
format!(
|
|
r#"
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>GraphQL</title>
|
|
{stylesheet_source}
|
|
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/graphiql@0.17.2/graphiql.min.css">
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/fetch/2.0.3/fetch.js"></script>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/react/16.10.2/umd/react.production.min.js"></script>
|
|
<script src="//cdnjs.cloudflare.com/ajax/libs/react-dom/16.10.2/umd/react-dom.production.min.js"></script>
|
|
<script src="//cdn.jsdelivr.net/npm/graphiql@0.17.2/graphiql.min.js"></script>
|
|
<script>var GRAPHQL_URL = '{graphql_url}';</script>
|
|
{fetcher_source}
|
|
</body>
|
|
</html>
|
|
"#,
|
|
graphql_url = graphql_endpoint_url,
|
|
stylesheet_source = stylesheet_source,
|
|
fetcher_source = fetcher_source
|
|
)
|
|
}
|