fastify-prettier

fastify-prettier

A simple and lightweight beautifier plugin for Fastify.

fastify-prettier has support of beautifying payloads via query parameter to make responses more readable for developers/humans. Decoratorprettier can also be used anywhere in the fastify server as the content beautifier. The plugin itself uses prettier under the hood and is capable of parsing/formatting anything that prettier can.

fastify-prettier uses onSend fastify hook to beautify the response payload before it gets sent.

Note: streams and buffers are excluded in beautification process.

Note: fastify v3 compatibility shipped with v1.1.5

Options

Name	Type	Default	Description
alwaysOn	boolean	false	To make all the payloads beautified in anyway
fallbackOnError	boolean	true	If something bad happens, send the original payload. If its false, an error will be thrown
overrideContentLength	boolean	true	Re-calculate content-length header for the beautified response
query	object	{ name: 'pretty', value: 'true' }	The query parameter that triggers the plugin to beautify the outgoing payload
enableOnSendHook	boolean	true	Allow the plugin to get injected into fastify onSend hook to beautify outgoing responses. The prettier decorator can still be used even if that option is disabled
prettierOpts	object	{ tabWidth: 2, parser: 'json-stringify' }	Please take a look prettier official documentation for more information

Decorator

Feel free to use prettier decorator which beautifies the given content through the provided options whenever you need.

// example of using prettier decorator
const response = fastify.prettier(
  // content type can be: boolean, number, object, array, string
  content,
  // prettier options (please see: prettierOpts)
  { parser: 'html', htmlWhitespaceSensitivity: 'ignore' }
)

Examples

// get required modules
const fastify = require('fastify')()
const fastifyPrettier = require('fastify-prettier')

// register fastify-prettier plugin
fastify.register(
  fastifyPrettier,
  {
    fallbackOnError: false
  }
)

// test fastify server route
fastify.get('/', (req, reply) => {
  // create an object
  const obj = {
    blackLivesMatter: true,
    favSinger: 'Ahmet Kaya'
  }

  // set return type
  reply.type('application/json')

  // return the object
  reply.send(obj)
})

// initialize the fastify server
fastify.listen(3000, () => {
  console.log('Fastify server is running on port: 3000')
})

// -------------------------------

// http://localhost:3000 -> will print out below result
/*
{"blackLivesMatter":true,"favSinger":"Ahmet Kaya"}
*/

// http://localhost:3000?pretty=true -> will print out below result
/*
{
  "blackLivesMatter": true,
  "favSinger": "Ahmet Kaya"
}
*/

You are allowed to change the query parameter option.

// register fastify-prettier plugin
fastify.register(
  fastifyPrettier,
  {
    query: {
      name: 'beautify',
      value: 'yes'
    }
  }
)

// -------------------------------

// http://localhost:3000 -> will print out below result
/*
{"blackLivesMatter":true,"favSinger":"Ahmet Kaya"}
*/

// http://localhost:3000?beautify=yes -> will print out below result
/*
{
  "blackLivesMatter": true,
  "favSinger": "Ahmet Kaya"
}
*/

You can enable beautification for all outgoing payloads regardless the query parameter.

// register fastify-prettier plugin
fastify.register(
  fastifyPrettier,
  {
    alwaysOn: true
  }
)

// -------------------------------

// http://localhost:3000 -> will print out below result
/*
{
  "blackLivesMatter": true,
  "favSinger": "Ahmet Kaya"
}
*/

Installation

npm install fastify-prettier

Contribution

Contributions and pull requests are kindly welcomed!

License

This project is licensed under the terms of the MIT license.