GraphQL mode and helpers for CodeMirror.
JavaScript Shell
Latest commit 02866a4 Jan 19, 2017 @wincent wincent committed on GitHub Merge pull request #105 from wincent/glh/yarn-cache
Teach Travis to cache yarn-installed modules

GraphQL mode for CodeMirror

Build Status

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

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.