### GraphQL Playground

---

❄ GraphQL development inside Sublime Text

<p align="center">
<a href="https://www.sublimetext.com/">
    <img src="https://img.shields.io/badge/Made%20For-Sublime-ff9800?logo=sublime%20text" /></a>
<a href="https://packagecontrol.io/packages/GraphQL%20Playground">
    <img src="https://img.shields.io/packagecontrol/dt/GraphQL%20Playground" /></a>
<a href="https://github.com/kapitanluffy/sublime-graphql-playground/releases">
    <img src="https://img.shields.io/github/v/tag/kapitanluffy/sublime-graphql-playground?label=release" /></a>
<a href="https://patreon.com/kapitanluffy">
    <img src="https://img.shields.io/endpoint.svg?url=https%3A%2F%2Fshieldsio-patreon.vercel.app%2Fapi%3Fusername%3Dkapitanluffy%26type%3Dpatrons&style=flat" alt="Support me on Patreon" /></a>
<a href="https://ko-fi.com/kapitanluffy">
    <img src="https://img.shields.io/badge/Ko--fi-Support-019cde?logo=ko-fi" /></a>
</p>

![preview](preview.png)


##### Installation

- Install from `packagecontrol.io` or unpack the [zip](https://github.com/kapitanluffy/sublime-graphql-playground/archive/master.zip) in your packages directory

##### Usage

1. Run `Graphql Playground: Create config` from the command palette

2. Install [LSP-graphql](https://github.com/sublimelsp/LSP-graphql) for full GraphQL language support (autocomplete, diagnostics..)

2. Open a graphql file

##### Keybindings

- Open/close query variables (`ctrl/cmd+y`, `v`)

- Create graphql config (`ctrl/cmd+y`, `c`)

- Run query under the cursor (`ctrl/cmd+enter`)

- Move between selected views ( `alt+1`, `alt+2`, `alt+3` )

##### Support

You can always support me via [Patreon](https://www.patreon.com/kapitanluffy) or [Ko-fi](https://www.ko-fi.com/kapitanluffy)

##### License

[MIT](LICENSE)