GraphiQL is the reference implementation of this monorepo, GraphQL IDE, an official project under the GraphQL Foundation.

This repository contains much of the code that powers GraphiQL (and many other tools such as Altair, Insomnia, GraphQL Playground, VScode plugins, and more!), split into modules that can be used to build custom/alternative editors. The code uses the permissive MIT license.

The graphql-language-service-interface should be your go-to for language server protocol spec (LSP) implementations, which is now our first order IDE spec.

The purpose of this monorepo is to give folks a solid language service, and editor modes, and to show an example of how to use them with GrahiQL.

/ˈɡrafək(ə)l/ A graphical interactive in-browser GraphQL IDE. Try the live demo.

The GraphiQL IDE, implemented in React, currently using GraphQL mode for CodeMirror & GraphQL Language Service.

The GraphiQL Readme explains some of the ways to implement GraphiQL, and we also have the examples directory as well!

Provides CodeMirror with a parser mode for GraphQL along with a live linter and typeahead hinter powered by your GraphQL Schema

Provides an interface for building GraphQL language services for IDEs.

Server process backing the GraphQL Language Service.

LSP Interface to the GraphQL Language Service

An online immutable parser for GraphQL, designed to be used as part of syntax-highlighting and code intelligence tools such as for the GraphQL Language Service and codemirror-graphql.

Flow type definitions for the GraphQL Language Service.

Utilities to support the GraphQL Language Service.

This is an open source project, and we welcome contributions. Please see CONTRIBUTING.md for details on how to contribute.

The door is open for proposals for the new GraphiQL Plugin API, and other ideas on how to make the rest of the IDE ecosystem more performant, scaleable, interoperable and extensible. Feel free to open a PR to create a document in the /proposals/ directory. Eventually we hope to move these to a repo that serves this purpose.

• Discord - Most discussion outside of github happens on our Discord Server
• Twitter - @GraphiQL and #GraphiQL
• Github - Create feature requests and start discussions above