Permalink
Browse files

GraphiQL

An interactive in-browser GraphQL IDE.
  • Loading branch information...
0 parents commit b9dec272d89d9c590727fd10d62e4a47e0317fc7 @leebyron leebyron committed Aug 24, 2015
@@ -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}]
+ }
+}
@@ -0,0 +1,12 @@
+[ignore]
+.*/css/.*
+.*/dist/.*
+.*/coverage/.*
+.*/resources/.*
+.*/node_modules/.*
+
+[include]
+
+[libs]
+
+[options]
@@ -0,0 +1,12 @@
+*.swp
+*~
+.*.haste_cache.*
+.DS_Store
+npm-debug.log
+
+node_modules
+coverage
+dist
+graphiql.js
+graphiql.min.js
+graphiql.css
@@ -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.
@@ -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
Oops, something went wrong.

0 comments on commit b9dec27

Please sign in to comment.