@amoutonbrady/graphql-client

Graphql Client

The most minimal graphql client you'll ever find

Features:

• Typescript ready: written in Typescript
• Fully tested: literally 3 functions
• Minimal footprint: 30 loc, ~800 bytes minfied
• No BS cache or w/e, ask data and you shall receive

Installation

$ npm i @amoutonbrady/graphql-client

Usage

import { GraphQLClient, gql } from '@amoutonbrady/graphql-client';

// A function that creates a client
// You can pass a token a second parameter
const client = GraphQLClient('https://jurassic.park/graphql');
const token = getToken();

// You can set a bearer token after wards
client.setAuth(`Bearer ${token}`);

// gql is just a pass through that minify the string for leaner payload
const query = gql`
 query getDinosaur($name: String!) {
  getDinosaur({ where: { name: $name } }) {
    name
    height
    speed
  }
 }
`;

// This needs to mimic what you send to the query above
const variables = { name: 'Velociraptor' };

// This will return the `data` property of the graphql response or throw if `errors` is present
client.request(query, variables).then(console.log).catch(console.error);
// => { getDinosaur: { name: 'Velociraptor', height: 150, speed: 70 } }

Changelog

0.0.4 (2020-09-03)

Added

• ✅ Adding tests for graphql comment [bf399fa]
• 🎉 Initial release [ca8e7b2]

Changed

• 🔧 Update tsconfig [69309eb]
• 🔧 Mark as sideEffects: false [8906211]
• 🔧 Forgot to add the files to packages.json [de37158]

Miscellaneous

• remove GraphQL comments [8261418]
• Merge pull request #1 from russelgal/patch-1 [9d0f64f]
• 📝 Adding readme + trying test coverage + safe guards [09d12c0]