@o/gqless-logger

Logs GraphQL queries to the console, with helpful debug information

Usage no npm install needed!

<script type="module">
  import oGqlessLogger from 'https://cdn.skypack.dev/@o/gqless-logger';
</script>

README

@gqless/logger

Screenshot of devtools console

Logs GraphQL queries to the console, with helpful debug information

  • Cache snapshot - current state of the cache after a query has been fetched.
  • Result - inspect the response from the GraphQL server
  • Selections - the selections that were used inside the query

Usage

import { Logger } from '@gqless/logger'

new Logger(client)

// To enable verbose mode: new Logger(client, true)

Verbose mode

Devtools screenshot

Shows additional information, useful for debugging.

  • Stack for each query - lets you see why queries were merged into one, or seperated