Boost your GraphQL development with GraphQL Zeus

GraphQL Zeus is an open-source (MIT) graphql client & code generator working with a Browser, Node.js & React Native. It provides an auto-complete client library for JavaScript or TypeScript supporting auto-completion for strongly typed queries. It's maintained by Artur Czemiel

Artur Czemiel

GraphQLEditor.com CTO. CEO of aexol.com Author of https://github.com/slothking-online/graphql-editor

ACzemiel aexol https://graphqleditor.com/

Installation & Basic usage

To play with it use npm install:

$ npm i -g graphql-zeus

Zeus supports:

• Javascript (Browser, NodeJS, React Native)
• TypeScript (Browser, NodeJS, React Native)

GraphQL Zeus provides many useful solutions among which you can find such as:

• Chain - Chain is the main function responsible for forming a GraphQL Query. It provides auto-complete in Zeus Syntax. Returned data is mapped accordingly to GraphQL query, so you get type-safe completion for both query and response in both TypeScript and JavaScript.

• Aliases - You can alias each query just like in GraphQL original specification. To use alias you just need to provide __alias:{[YOUR_ALIAS]:YOUR QUERY}

• Selectors - If you use same GraphQL query many times you can use Selectors which you can later inject into the Chain function

JavaScript & React Native:

$ zeus schema.graphql ./

TypeScript:

$ zeus schema.graphql ./  --ts 

Node.JS:

$ zeus schema.graphql ./  --node 

Want to contribute?

Awesome, just:

1. Fork this repo
2. Create your feature branch: git checkout -b feature-name
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request

graphql-editor / graphql-zeus

GraphQL client and GraphQL code generator with GraphQL autocomplete library generation ⚡⚡⚡ for browser,nodejs and react native

GraphQL Zeus creates autocomplete client library for JavaScript or TypeScript which provides autocompletion for strongly typed queries.

From version 2.0 Zeus ⚡⚡⚡ support mapped types !!!

Supported Languages:

• Javascript
  • Browser
  • NodeJS
  • React Native
• TypeScript
  • Browser
  • NodeJS
  • React Native

How it works

Given the following schema Olympus Cards

Table of contents

• How it works
• Table of contents
• License
• How to use
  • As a CLI
    • Installation
    • Usage with JavaScript
    • Usage with TypeScript
    • Usage with NodeJS
    • Usage with React Native
    • Load from URL
  • Use generated client example
    • Perform query with Chain
    • Perform query with Thunder - Abstracted Fetch function
    • Unions
    • Interfaces
    • Perform query with aliases
    • Variables
    • Gql string
    • JavaScript Type Casting
    • Typescript SelectionSet
  • Spec
    • Use Alias Spec
  • Use In your Project to generate code
  • Use in your project to dynamically fetch schema
• Support
• Contribute
• Parsing

License

MIT

How to use

Main usage of graphql zeus should be as a CLI.

As

…

View on GitHub

---

Speed up your GraphQL API development

GraphQL Editor is a supportive tool for both advanced GraphQL users as well as those taking their first steps with GraphQL APIs. Our all-in-one development environment for GraphQL will help you build, manage & deploy your GraphQL API much faster thanks to dozens of built-in micro features. Its graphical interface will also fix communication within your product team. Visualization is the key!

Comments

[Sai Kiran]

This looks amazing, Have to try it once.