https://github.com/freewall/apollo-console-logger

A console logger link for Apollo Client. Logs request and response of queries and mutations to console.
https://github.com/freewall/apollo-console-logger

apollo apollo-client apollo-link graphql logging

Last synced: about 2 months ago
JSON representation

A console logger link for Apollo Client. Logs request and response of queries and mutations to console.

• Host: GitHub
• URL: https://github.com/freewall/apollo-console-logger
• Owner: FreeWall
• License: mit
• Created: 2023-03-11T14:11:00.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-04-01T21:01:07.000Z (about 2 years ago)
• Last Synced: 2025-03-30T06:01:45.487Z (about 2 months ago)
• Topics: apollo, apollo-client, apollo-link, graphql, logging
• Language: TypeScript
• Homepage: https://www.npmjs.com/@freewall/apollo-console-logger
• Size: 327 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Apollo Console Logger

[![npm version](https://img.shields.io/npm/v/@freewall/apollo-console-logger?color=blue)](https://www.npmjs.com/@freewall/apollo-console-logger)

[![publish status](https://img.shields.io/github/actions/workflow/status/FreeWall/apollo-console-logger/publish.yml)](https://github.com/FreeWall/apollo-console-logger/releases/latest)

A console logger link for Apollo Client. Logs request and response of queries and mutations to console.

## Installation

```shell

npm install @freewall/apollo-console-logger

```

## Usage

```js

import { ConsoleLoggerLink } from '@freewall/apollo-console-logger';

const link = ApolloLink.from([

  new ConsoleLoggerLink(),

  new HttpLink({

    uri: '...',

  }),

]);

const client = new ApolloClient({

  link,

  // ...

});

```

### Options

```js

// default values:

new ConsoleLoggerLink({

  colors: {

    query: {

      request: '#E17E00',

      response: '#A65D00',

    },

    mutation: {

      request: '#E10098',

      response: '#A5006F',

    },

  },

  multiline: false,

  responseSize: true,

  responseTime: true,

});

```

## Sample output

![image](/docs/sample-log-output.png)