condense-graphql.macro

Remove unnecessary whitespace characters from graphql queries, mutations, etc at compile time.

Demo - Thanks to astexplorer.net!

• About
• Install
• Usage
• Contributing
• License

About

This is a babel macro that takes a well-formatted (albeit verbose) graphql query string and removes all unnecessary whitespace.

That allows you to build well-formatted graphql queries, even run a formatter against them, during development, and at (compile) build time, remove all unnecessary whitespace resulting in a much smaller memory footprint.

Install

npm install --save-dev condense-graphql.macro

Usage

// import the macro
import condenseGraphql from "condense-graphql.macro";

// Wrap you query with the macro
const query = condenseGraphql(`
    query {
        myQuery {
            options
        }
    }
`);

When compiled, the above code will be condensed into a much smaller query string.

const query = `query{simpleQuery{options}}`;

Notice the import statement and wrapping condenseGraphql are automatically removed!

Dynamic Queries

This works the same for queries that accept template expressions as well:

import condenseGraphql from "condense-graphql.macro";

function queryWithVariables(type) {
  return condenseGraphql(`
    query products(
      $type: String,
      $contains: String
    ){
        product(type: $type, contains: $contains) {
            id
            ${type}
            description
        }
    }
    `);
}

Produces:

function queryWithVariables(type) {
  return `query products($type:String,$contains:String){product(type:$type,contains:$contains){id ${type} description}}`;
}

Contributing

Help / improvement is appreciated!

Open an issue and/or submit a pull-request.

See ./DEVELOPMENT.md for help developing this macro.

License

MIT