GraphiQL

An interactive in-browser GraphQL IDE.

.eslintrc

@@ -0,0 +1,211 @@
+{
+  "parser": "babel-eslint",
+  "plugins": [ "react" ],
+
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true
+  },
+
+  "ecmaFeatures": {
+    "arrowFunctions": true,
+    "binaryLiterals": true,
+    "blockBindings": true,
+    "classes": true,
+    "defaultParams": true,
+    "destructuring": true,
+    "experimentalObjectRestSpread": true,
+    "forOf": true,
+    "generators": true,
+    "globalReturn": true,
+    "jsx": true,
+    "modules": true,
+    "objectLiteralComputedProperties": true,
+    "objectLiteralDuplicateProperties": true,
+    "objectLiteralShorthandMethods": true,
+    "objectLiteralShorthandProperties": true,
+    "octalLiterals": true,
+    "regexUFlag": true,
+    "regexYFlag": true,
+    "restParams": true,
+    "spread": true,
+    "superInFunctions": true,
+    "templateStrings": true,
+    "unicodeCodePointEscapes": true
+  },
+
+  "rules": {
+    "array-bracket-spacing": [2, "always", {"arraysInArrays": false}],
+    "arrow-parens": [0, "as-needed"],
+    "arrow-spacing": 2,
+    "block-scoped-var": 0,
+    "brace-style": [2, "1tbs", {"allowSingleLine": true}],
+    "callback-return": 2,
+    "camelcase": [2, {"properties": "always"}],
+    "comma-dangle": 0,
+    "comma-spacing": 0,
+    "comma-style": [2, "last"],
+    "complexity": 0,
+    "computed-property-spacing": [2, "never"],
+    "consistent-return": 0,
+    "consistent-this": 0,
+    "curly": [2, "all"],
+    "default-case": 0,
+    "dot-location": [2, "property"],
+    "dot-notation": 0,
+    "eol-last": 2,
+    "eqeqeq": 2,
+    "func-names": 0,
+    "func-style": 0,
+    "generator-star-spacing": [0, {"before": true, "after": false}],
+    "guard-for-in": 2,
+    "handle-callback-err": [2, "error"],
+    "id-length": 0,
+    "id-match": [2, "^(?:_?[a-zA-Z0-9]*)|[_A-Z0-9]+$"],
+    "indent": [2, 2, {"SwitchCase": 1}],
+    "init-declarations": 0,
+    "key-spacing": [2, {"beforeColon": false, "afterColon": true}],
+    "linebreak-style": 2,
+    "lines-around-comment": 0,
+    "max-depth": 0,
+    "max-len": [2, 80, 4],
+    "max-nested-callbacks": 0,
+    "max-params": 0,
+    "max-statements": 0,
+    "new-cap": 0,
+    "new-parens": 2,
+    "newline-after-var": 0,
+    "no-alert": 2,
+    "no-array-constructor": 2,
+    "no-bitwise": 0,
+    "no-caller": 2,
+    "no-catch-shadow": 0,
+    "no-class-assign": 2,
+    "no-cond-assign": 2,
+    "no-console": 1,
+    "no-const-assign": 2,
+    "no-constant-condition": 2,
+    "no-continue": 0,
+    "no-control-regex": 0,
+    "no-debugger": 1,
+    "no-delete-var": 2,
+    "no-div-regex": 2,
+    "no-dupe-args": 2,
+    "no-dupe-keys": 2,
+    "no-duplicate-case": 2,
+    "no-else-return": 2,
+    "no-empty": 2,
+    "no-empty-character-class": 2,
+    "no-empty-label": 2,
+    "no-eq-null": 0,
+    "no-eval": 2,
+    "no-ex-assign": 2,
+    "no-extend-native": 2,
+    "no-extra-bind": 2,
+    "no-extra-boolean-cast": 2,
+    "no-extra-parens": 0,
+    "no-extra-semi": 2,
+    "no-fallthrough": 2,
+    "no-floating-decimal": 2,
+    "no-func-assign": 2,
+    "no-implicit-coercion": 2,
+    "no-implied-eval": 2,
+    "no-inline-comments": 0,
+    "no-inner-declarations": [2, "functions"],
+    "no-invalid-regexp": 2,
+    "no-invalid-this": 0,
+    "no-irregular-whitespace": 2,
+    "no-iterator": 2,
+    "no-label-var": 2,
+    "no-labels": 0,
+    "no-lone-blocks": 2,
+    "no-lonely-if": 2,
+    "no-loop-func": 0,
+    "no-mixed-requires": [2, true],
+    "no-mixed-spaces-and-tabs": 2,
+    "no-multi-spaces": 2,
+    "no-multi-str": 2,
+    "no-multiple-empty-lines": 0,
+    "no-native-reassign": 0,
+    "no-negated-in-lhs": 2,
+    "no-nested-ternary": 0,
+    "no-new": 2,
+    "no-new-func": 0,
+    "no-new-object": 2,
+    "no-new-require": 2,
+    "no-new-wrappers": 2,
+    "no-obj-calls": 2,
+    "no-octal": 2,
+    "no-octal-escape": 2,
+    "no-param-reassign": 2,
+    "no-path-concat": 2,
+    "no-plusplus": 0,
+    "no-process-env": 0,
+    "no-process-exit": 0,
+    "no-proto": 2,
+    "no-redeclare": 2,
+    "no-regex-spaces": 2,
+    "no-restricted-modules": 0,
+    "no-return-assign": 2,
+    "no-script-url": 2,
+    "no-self-compare": 0,
+    "no-sequences": 2,
+    "no-shadow": 2,
+    "no-shadow-restricted-names": 2,
+    "no-spaced-func": 2,
+    "no-sparse-arrays": 2,
+    "no-sync": 2,
+    "no-ternary": 0,
+    "no-this-before-super": 2,
+    "no-throw-literal": 2,
+    "no-trailing-spaces": 2,
+    "no-undef": 2,
+    "no-undef-init": 2,
+    "no-undefined": 0,
+    "no-underscore-dangle": 0,
+    "no-unexpected-multiline": 2,
+    "no-unneeded-ternary": 2,
+    "no-unreachable": 2,
+    "no-unused-expressions": 2,
+    "no-unused-vars": [2, {"vars": "all", "args": "after-used"}],
+    "no-use-before-define": 0,
+    "no-useless-call": 2,
+    "no-var": 0,
+    "no-void": 2,
+    "no-warning-comments": 0,
+    "no-with": 2,
+    "object-curly-spacing": [0, "always"],
+    "object-shorthand": [2, "always"],
+    "one-var": [2, "never"],
+    "operator-assignment": [2, "always"],
+    "operator-linebreak": [2, "after"],
+    "padded-blocks": 0,
+    "prefer-const": 0,
+    "prefer-reflect": 0,
+    "prefer-spread": 0,
+    "quote-props": [2, "as-needed"],
+    "quotes": [2, "single"],
+    "radix": 2,
+    "require-yield": 2,
+    "semi": [2, "always"],
+    "semi-spacing": [2, {"before": false, "after": true}],
+    "sort-vars": 0,
+    "space-after-keywords": [2, "always"],
+    "space-before-blocks": [2, "always"],
+    "space-before-function-paren": [2, {"anonymous": "always", "named": "never"}],
+    "space-in-parens": 0,
+    "space-infix-ops": [2, {"int32Hint": false}],
+    "space-return-throw-case": 2,
+    "space-unary-ops": [2, {"words": true, "nonwords": false}],
+    "spaced-comment": [2, "always"],
+    "strict": 0,
+    "use-isnan": 2,
+    "valid-jsdoc": 0,
+    "valid-typeof": 2,
+    "vars-on-top": 0,
+    "wrap-iife": 2,
+    "wrap-regex": 0,
+    "yoda": [2, "never", {"exceptRange": true}]
+  }
+}

.flowconfig

@@ -0,0 +1,12 @@
+[ignore]
+.*/css/.*
+.*/dist/.*
+.*/coverage/.*
+.*/resources/.*
+.*/node_modules/.*
+
+[include]
+
+[libs]
+
+[options]

.gitignore

@@ -0,0 +1,12 @@
+*.swp
+*~
+.*.haste_cache.*
+.DS_Store
+npm-debug.log
+
+node_modules
+coverage
+dist
+graphiql.js
+graphiql.min.js
+graphiql.css

LICENSE

@@ -0,0 +1,26 @@
+LICENSE AGREEMENT For GraphiQL software
+
+Facebook, Inc. (“Facebook”) owns all right, title and interest, including all
+intellectual property and other proprietary rights, in and to the GraphiQL
+software. Subject to your compliance with these terms, you are hereby granted a
+non-exclusive, worldwide, royalty-free copyright license to (1) use and copy the
+GraphiQL software; and (2) reproduce and distribute the GraphiQL software as
+part of your own software (“Your Software”). Facebook reserves all rights not
+expressly granted to you in this license agreement.
+
+THE SOFTWARE AND DOCUMENTATION, IF ANY, ARE PROVIDED "AS IS" AND ANY EXPRESS OR
+IMPLIED WARRANTIES (INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE) ARE DISCLAIMED. IN NO
+EVENT SHALL FACEBOOK OR ITS AFFILIATES, OFFICES, DIRECTORS OR EMPLOYEES BE
+LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
+HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
+LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF
+THE USE OF THE SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+You will include in Your Software (e.g., in the file(s), documentation or other
+materials accompanying your software): (1) the disclaimer set forth above; (2)
+this sentence; and (3) the following copyright notice:
+
+Copyright (c) 2015, Facebook, Inc. All rights reserved.

README.md

@@ -0,0 +1,44 @@
+GraphiQL
+========
+
+*/ˈɡrafək(ə)l/* An interactive in-browser GraphQL IDE.
+
+
+### Getting started
+
+```
+npm install --save graphiql
+```
+
+GraphiQL provides a React component responsible for rendering the UI, which
+should be provided with a function for fetching from GraphQL, we recommend using
+the [fetch](https://fetch.spec.whatwg.org/) standard API.
+
+```js
+import React from 'react';
+import GraphiQL from 'graphiql';
+import fetch from 'isomorphic-fetch';
+
+function graphQLFetcher(graphQLParams) {
+  return fetch(window.location.origin + '/graphql', {
+    method: 'post',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(graphQLParams),
+  }).then(response => response.json());
+}
+
+React.render(<GraphiQL fetcher={graphQLFetcher} />, document.body);
+```
+
+Build for the web with [webpack](http://webpack.github.io/) or
+[browserify](http://browserify.org/), or use the pre-bundled graphiql.js file.
+See the example in the git repository to see how to use the pre-bundled file.
+
+
+### Features
+
+* Syntax highlighting
+* Intelligent type ahead of fields, arguments, types, and more.
+* Real-time error highlighting and reporting.
+* Automatic query completion.
+* Run and inspect query results