# graphqurl [![oclif](https://img.shields.io/badge/cli-oclif-brightgreen.svg)](https://oclif.io) [![Version](https://img.shields.io/npm/v/graphqurl.svg)](https://npmjs.org/package/graphqurl) [![Azure Pipelines](https://dev.azure.com/hasura/graphqurl/_apis/build/status/hasura.graphqurl?branchName=master)](https://dev.azure.com/hasura/graphqurl/_build/latest?definitionId=1&branchName=master) [![Appveyor CI](https://ci.appveyor.com/api/projects/status/github/hasura/graphqurl?branch=master&svg=true)](https://ci.appveyor.com/project/hasura-bot/graphqurl/branch/master) [![Downloads/week](https://img.shields.io/npm/dw/graphqurl.svg)](https://npmjs.org/package/graphqurl) [![License](https://img.shields.io/npm/l/graphqurl.svg)](https://github.com/hasura/graphqurl/blob/master/LICENSE) `graphqurl` is a curl like CLI for GraphQL. It's features include: - CLI for making GraphQL queries. It also provisions queries with autocomplete. - Run a custom GraphiQL, where you can specify request's headers, locally against any endpoint - Use as a library with Node.js or from the browser - Supports subscriptions - Export GraphQL schema Made with :heart: by Hasura ---------------- ![Graphqurl Demo](assets/subscription.gif) --- ![GraphiQL Demo](assets/graphiql.gif) --- ![Subscriptions triggering bash](assets/bash_trigger.gif) ---------------- ## Table of contents - [Installation](#installation) * [Steps to Install CLI](#steps-to-install-cli) * [Steps to Install Node Library](#steps-to-install-node-library) - [Usage](#usage) * [CLI](#cli) + [Query](#query) + [Auto-complete](#auto-complete) + [GraphiQL](#graphiql) + [Subscription](#subscription) + [Export schema](#export-schema) * [Command](#command) + [Args](#args) + [Flag Reference](#flag-reference) * [Node Library](#node-library) + [Using callbacks:](#using-callbacks) + [Using Promises:](#using-promises) * [API](#api) + [createClient(options)](#createclient) + [Client](#client) - [More Examples](#more-examples) * [Node Library](#node-library-1) + [Queries and Mutations](#queries-and-mutations) + [Subscriptions](#subscriptions) * [CLI](#cli-1) ## Installation ### Steps to Install CLI ```bash npm install -g graphqurl ``` ### Steps to Install Node Library ```bash npm install --save graphqurl ``` ## Usage ### CLI #### Query ```bash gq https://my-graphql-endpoint/graphql \ -H 'Authorization: Bearer ' \ -q 'query { table { column } }' ``` #### Auto-complete Graphqurl can auto-complete queries using schema introspection. Execute the command without providing a query string: ```bash $ gq [-H ] Enter the query, use TAB to auto-complete, Ctrl+Q to execute, Ctrl+C to cancel gql> ``` You can use `TAB` to trigger auto-complete. `Ctrl+C` to cancel the input and `Ctrl+Q`/`Enter` to execute the query. #### GraphiQL Open GraphiQL with a given endpoint: ```bash gq -i ``` > This is a custom GraphiQL where you can specify request's headers. #### Subscription Subscriptions can be executed and the response is streamed on to stdout. ```bash gq \ -q 'subscription { table { column } }' ``` #### Export schema Export GraphQL schema to GraphQL or JSON format: ```bash gq --introspect > schema.graphql # json gq --introspect --format json > schema.json ``` ### Command ```bash $ gq ENDPOINT [-q QUERY] ``` #### Args * `ENDPOINT`: graphql endpoint (can be also set as `GRAPHQURL_ENDPOINT` env var) #### Flag Reference | Flag | Shorthand | Description | |---------------------|-----------|-------------------------------------------------------------------------------------------------------| | `--query` | `-q` | GraphQL query to execute | | `--header` | `-H` | request header | | `--variable` | `-v` | Variables used in the query | | `--variablesJSON` | `-n` | Variables used in the query as JSON | | `--graphiql` | `-i` | Open GraphiQL with the given endpoint, headers, query and variables | | `--graphiqlHost` | `-a` | Host to use for GraphiQL. (Default: `localhost`) | | `--graphiqlPort` | `-p` | Port to use for GraphiQL | | `--singleLine` | `-l` | Prints output in a single line, does not prettify | | `--introspect` | | Introspect the endpoint and get schema | | `--format` | | Output format for GraphQL schema after introspection. Options: `json`, `graphql` (Default: `graphql`) | | `--help` | `-h` | Outputs the command help text | | `--version` | | Outputs CLI version | |`--queryFile` | | File to read the query from | |`--operationName` | | Name of the operation to execute from the query file | |`--variablesFile` | | JSON file to read the query variables from | ### Node Library #### Using callbacks: ```js const { createClient } = require('graphqurl'); const client = createClient({ endpoint: 'https://my-graphql-endpoint/graphql', headers: { 'Authorization': 'Bearer ' } }); function successCallback(response, queryType, parsedQuery) { if (queryType === 'subscription') { // handle subscription response } else { // handle query/mutation response } } function errorCallback(error, queryType, parsedQuery) { console.error(error); } client.query( { query: 'query ($id: Int) { table_by_id (id: $id) { column } }', variables: { id: 24 } }, successCallback, errorCallback ); ``` #### Using Promises: For queries and mutations, ```js const { createClient } = require('graphqurl'); const client = createClient({ endpoint: 'https://my-graphql-endpoint/graphql', headers: { 'Authorization': 'Bearer ' } }); client.query( { query: 'query ($id: Int) { table_by_id (id: $id) { column } }', variables: { id: 24 } } ).then((response) => console.log(response)) .catch((error) => console.error(error)); ``` For subscriptions, ```js const { createClient } = require('graphqurl'); const client = createClient({ endpoint: 'https://my-graphql-endpoint/graphql', headers: { 'Authorization': 'Bearer ' }, websocket: { endpoint: 'wss://my-graphql-endpoint/graphql', onConnectionSuccess: () => console.log('Connected'), onConnectionError: () => console.log('Connection Error'), } }); client.subscribe( { subscription: 'subscription { table { column } }', }, (event) => { console.log('Event received: ', event); // handle event }, (error) => { console.log('Error: ', error); // handle error } ) ``` ### API #### createClient The `createClient` function is available as a named export. It takes init options and returns `client`. ``` const { createClient } = require('graphqurl'); ``` - **options**: [Object, *required*] graphqurl init options with the following properties: - endpoint: [String, *required*] GraphQL endpoint - headers: [Object] Request header, defaults to `{}`. These headers will be added along with all the GraphQL queries, mutations and subscriptions made through the client. - websocket: [Object] Options for configuring subscriptions over websocket. Subscriptions are not supported if this field is empty. - endpoint: [String, ] WebSocket endpoint to run GraphQL subscriptions. - shouldRetry: [Boolean] Boolean value whether to retry closed websocket connection. Defaults to false. - parameters: [Object] Payload to send the connection init message with - onConnectionSuccess: [void => void] Callback function called when the GraphQL connection is successful. Please not that this is different from the websocket connection being open. Please check the [followed protocol](https://github.com/apollographql/subscriptions-transport-ws/blob/master/PROTOCOL.md) for more details. - onConnectionError: [error => null] Callback function called if the GraphQL connection over websocket is unsuccessful - onConnectionKeepAlive: [void => null]: Callback function called when the GraphQL server sends `GRAPHQL_CONNECTION_KEEP_ALIVE` messages to keep the connection alive. - **Returns**: [client] #### Client ```js const client = createClient({ endpoint: 'https://my-graphql-endpoint/graphql' }); ``` The graphqurl client exposeses the following methods: - **client.query**: [(queryoptions, successCallback, errorCallback) => Promise (response)] - queryOptions: [Object *required*] - query: [String *required*] The GraphQL query or mutation to be executed over HTTP - variables: [Object] GraphQL query variables. Defaults to `{}` - headers: [Object] Header overrides. If you wish to make a GraphQL query while adding to or overriding the headers provided during initalisations, you can pass the headers here. - successCallback: [response => null] Success callback which is called after a successful response. It is called with the following parameters: - response: The response of your query - errorCallback: [error => null] Error callback which is called after the occurrence of an error. It is called with the following parameters: - error: The occurred error - **Returns**: [Promise (response) ] This function returns the response wrapped in a promise. - response: response is a GraphQL compliant JSON object in case of `queries` and `mutations`. - **client.subscribe**: [(subscriptionOptions, eventCallback, errorCallback) => Function (stop)] - subscriptionOptions: [Object *required*] - subscription: [String *required*] The GraphQL subscription to be started over WebSocket - variables: [Object] GraphQL query variables. Defaults to `{}` - onGraphQLData: [(response) => null] You can optionally pass this function as an event callback - onGraphQLError: [(response) => null] You can optionally pass this function as an error callback - onGraphQLComplete: [() => null] Callback function called when the GraphQL subscription is declared as `complete` by the server and no more events will be received - eventCallback: [(response) => null] Event callback which is called after receiving an event from the given subscription. It is called with the following parameters: - event: The received event from the subscription - errorCallback: [error => null] Error callback which is called after the occurrence of an error. It is called with the following parameters: - error: The occurred error - **Returns**: [void => null] This is a function to stop the subscription ## More Examples ### Node Library #### Queries and Mutations Query example with variables ```js const { createClient } = require('graphqurl'); const client = createClient({ endpoint: 'https://my-graphql-endpoint/graphql', headers: { 'x-access-key': 'mysecretxxx', }, }); client.query( { query: ` query ($name: String) { table(where: { column: $name }) { id column } } `, variables: { name: 'Alice' } } ).then((response) => console.log(response)) .catch((error) => console.error(error)); ``` #### Subscriptions Using promises, ```js const { createClient } = require('graphqurl'); const client = createClient({ endpoint: 'https://my-graphql-endpoint/graphql', headers: { 'Authorization': 'Bearer Andkw23kj=Kjsdk2902ksdjfkd' } websocket: { endpoint: 'wss://my-graphql-endpoint/graphql', } }) const eventCallback = (event) => { console.log('Event received:', event); // handle event }; const errorCallback = (error) => { console.log('Error:', error) }; client.subscribe( { query: 'subscription { table { column } }', }, eventCallback, errorCallback ) ``` ### CLI Generic example: ```bash gq \ https://my-graphql-endpoint/graphql \ -H 'Authorization: Bearer ' \ -H 'X-Another-Header: another-header-value' \ -v 'variable1=value1' \ -v 'variable2=value2' \ -q 'query { table { column } }' ``` --- Maintained with :heart: by Hasura

	Stars	Issues	Version	Updated	Created
@apollo/client	19,229	520	3.10.4	3 days ago	5 years ago
graphql-request	5,697	15	7.0.1	7 days ago	7 years ago
graphqurl	3,301	72	1.0.3	24 days ago	6 years ago
react-relay	18,205	662	16.2.0	4 months ago	9 years ago
urql	8,494	24	4.1.0	8 days ago	6 years ago

@apollo/client vs graphql-request vs graphqurl vs react-relay vs urql

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past