Skip to content

Instantly share code, notes, and snippets.

@geocine

geocine/graphiql.html

Created November 3, 2016 15:07
Show Gist options
  • Save geocine/c93ba07c9956f403f0f11ff9c1b39a55 to your computer and use it in GitHub Desktop.
Save geocine/c93ba07c9956f403f0f11ff9c1b39a55 to your computer and use it in GitHub Desktop.
Download ZIP
stand alone graphiql
Raw
graphiql.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="graphql,graphiql" />
<title>GraphiQL</title>
<script src="//use.typekit.net/pea2oar.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<link rel="stylesheet" media="screen" href="https://cdn.jsdelivr.net/graphql-toolbox/1.0.1/graphiql.min.css">
<style>
@font-face {
font-family: 'Glyphicons Halflings';
src: url(https://cdn.jsdelivr.net/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot);
src: url(https://cdn.jsdelivr.net/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot) format("embedded-opentype"), url(https://cdn.jsdelivr.net/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(https://cdn.jsdelivr.net/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff) format("woff"), url(https://cdn.jsdelivr.net/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(https://cdn.jsdelivr.net/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.svg) format("svg");
}
</style>
<script src="https://cdn.jsdelivr.net/graphql-toolbox/1.0.1/graphiql.min.js" type="text/javascript"></script>
</head>
<body>
<div id="graphiql-tool"></div>
<script>
graphiql.bootstrap({
defaultUrl: window.location.origin + window.location.pathname,
defaultQuery: '',
defaultVariables: ''
});
</script>
</body>
</html>
@idkjs
Copy link

idkjs commented Nov 8, 2016 •
edited

For some reason this cdn is not resolving. Cant pinpoint what it is. Im running this in chrome on a mac from local machine. Any ideas? Thanks.

   at t.value (https://cdn.jsdelivr.net/graphql-toolbox/1.0.1/graphiql.min.js:65:3489)
   at t.value (https://cdn.jsdelivr.net/graphql-toolbox/1.0.1/graphiql.min.js:65:11939)
   at t.value (https://cdn.jsdelivr.net/graphql-toolbox/1.0.1/graphiql.min.js:65:7004)
   at r.notifyAll (https://cdn.jsdelivr.net/graphql-toolbox/1.0.1/graphiql.min.js:16:15808)
   at r.close (https://cdn.jsdelivr.net/graphql-toolbox/1.0.1/graphiql.min.js:19:13603)
   at r.closeAll (https://cdn.jsdelivr.net/graphql-toolbox/1.0.1/graphiql.min.js:16:18557)
   at r.perform (https://cdn.jsdelivr.net/graphql-toolbox/1.0.1/graphiql.min.js:16:17896)
   at v (https://cdn.jsdelivr.net/graphql-toolbox/1.0.1/graphiql.min.js:1:30053)
   at r.perform (https://cdn.jsdelivr.net/graphql-toolbox/1.0.1/graphiql.min.js:16:17813)
   at Object.batchedUpdates (https://cdn.jsdelivr.net/graphql-toolbox/1.0.1/graphiql.min.js:17:24880)```

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment