GraphQL mode for CodeMirror
![License](https://img.shields.io/npm/l/codemirror-graphql.svg?style=flat-square)
Provides CodeMirror with a parser mode for GraphQL along with a live linter and
typeahead hinter powered by your GraphQL Schema.
![Demo .gif of GraphQL Codemirror Mode](ssh://git@github.com/graphql/graphiql/raw/HEAD/resources/example.gif)
Getting Started
npm install --save codemirror-graphql
CodeMirror helpers install themselves to the global CodeMirror when they
are imported.
import CodeMirror from 'codemirror';
import 'codemirror/addon/hint/show-hint';
import 'codemirror/addon/lint/lint';
import 'codemirror-graphql/hint';
import 'codemirror-graphql/lint';
import 'codemirror-graphql/mode';
CodeMirror.fromTextArea(myTextarea, {
mode: 'graphql',
lint: {
schema: myGraphQLSchema
},
hintOptions: {
schema: myGraphQLSchema
}
});
Build for the web with webpack or
browserify.