/circleci-graphql-explorer

Simple react app to make exploring graphql less hard

Primary LanguageJavaScript

CircleCI Interactive Query Explorer (graphiql)

CircleCI

Usage

This react/node app wraps our graphql endpoint with built-in introspection and auto-completion.

This makes it easy to explore the objects, arguments, and fields

Gif showing the autocomplete querying

Available Scripts

In the project directory, you can run:

yarn install

Its the first thing you need to do after cloning, but only once.

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The app expects a local Environment Variable named CIRCLECI_API_TOKEN. If not present, the app will show input asking for the value.

Learn GraphQL (for CircleCI API)

See https://github.com/eddiewebb/jupyter-notes/blob/master/GraphQL/Plan%20Metrics.ipynb for a wallthrough starting with

“What even are the things I can query?”
to “Hooray, credit consumption by project and date for an org”