This is a simple npm package designed to log and visualize your Contentful Content Delivery API (CDA) requests in the development console. It's perfect for developers working with the Contentful JavaScript SDK. The package includes two main functions: requestLogger and responseLogger.

Install this package as a development dependency:

npm install --save-dev console-logger-contentful

Import the requestLogger and responseLogger functions from the module:

import { requestLogger, responseLogger } from 'console-logger-contentful';

Configure requestLogger and responseLogger as interceptors in your Axios instance used with Contentful:

const client = contentful.createClient({
  space: process.env.SPACE_ID,
  environment: process.env.ENVIRONMENT,
  accessToken: process.env.ACCESS_TOKEN,
  requestLogger: requestLogger,
  responseLogger: responseLogger,
});

This setup will log the request ID, timing, cache result, query path, and size of each Contentful CDA request directly in your development console.

Looks like this:

• This package is intended for development use only. Do not install it as a production dependency.
• The package is designed to work with the Contentful JavaScript SDK. It may not work with other Contentful SDKs or APIs.

Contributions to the Contentful CDA Request Logger are welcome! Feel free to open a pull request or submit an issue if you have any suggestions or improvements.

This project is licensed under the MIT License - see the LICENSE.md file for details.

• Contentful JavaScript SDK Documentation
• NPM Package Documentation

Feel free to tweak further based on your package details and personal preferences!