graphiql-storm

A graphQl Web IDE

Usage no npm install needed!

<script type="module">
  import graphiqlStorm from 'https://cdn.skypack.dev/graphiql-storm';
</script>

README

GraphiQl Storm

A GraphQl Web IDE. DEMO.

GraphiQl Storm

Features

  • 💾 Export/Import workspaces
  • ✨ Autocompletion & error highlighting
  • 📚 Interactive, multi-column docs
  • ⚙ Multiple Tabs & Endpoints

Usage

<!--index.html-->
<script src="https://cdn.jsdelivr.net/npm/graphiql-storm@latest/dist/index.js"></script>
<script>
  graphiQlStorm([{ route: "https://countries.trevorblades.com/" }]);
</script>

Or via npm

npm i graphiql-storm
// index.js
import graphiQlStorm from "graphiql-storm";

graphiQlStorm([{ route: "https://countries.trevorblades.com/" }]);

do not forgot to bundle this file with webpack webpack index.js -o index.bundle.js and then include the index.bundle.js in your index.html

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

Author

@Gherciu/graphiql-storm © GHERCIU, Released under the MIT License.
Authored and maintained by GHERCIU with help from contributors (list).

If you like this repository star⭐ and watch👀 on GitHub