Giter Site home page Giter Site logo

pino-colada's Introduction

pino-colada ๐Ÿน

npm version build status downloads js-standard-style

A cute ndjson formatter for pino.

An example of pino-colada terminal output. The output shows timestamps, messages, stack traces, all colourised for ease of reading. The exact output is as follows:
15:31:42 โœจ http <-- GET xxx /
15:31:42 โœจ http --> GET 200 / 11B 9ms
15:31:49 ๐Ÿšจ helloooo server error 
Error: helloooo server error
at createError (/Users/lrlna/Code/pino-colada/node_modules/merry/error.js:15:15)
at /Users/lrlna/Code/pino-colada/example.js:23:10
at proxy (/Users/lrlna/Code/pino-colada/node_modules/wayfarer/index.js:42:17)
at Function.<anonymous> (/Users/lrlna/Code/pino-colada/node_modules/merry/index.js:81:7)
at emit (/Users/lrlna/Code/pino-colada/node_modules/wayfarer/index.js:57:23)
at match (/Users/lrlna/Code/pino-colada/node_modules/server-router/index.js:94:12)
at Server._router (/Users/lrlna/Code/pino-colada/node_modules/merry/index.js:61:14)
at Server.emit (node:events:390:28)
at parserOnIncoming (node:_http_server:951:12)
at HTTPParser.parserOnHeadersComplete (node:_http_common:128:17)
15:31:49 โœจ http <-- GET xxx /error
15:31:49 โœจ http --> GET 500 /error 0B 0ms
15:32:02 โš ๏ธ  not found
15:32:02 โœจ http <-- GET xxx /user
15:32:02 โœจ http --> GET 404 /user 0B 0ms
15:32:07 โš ๏ธ  not found
15:32:07 โœจ http <-- GET xxx /content
15:32:07 โœจ http --> GET 404 /content 0B 1ms
15:33:50 โœจ http <-- POST xxx /user
15:33:50 โœจ http --> POST 200 /user 12B 1ms

Usage

Pipe a server that uses pino into pino-colada for logging.

node server.js | pino-colada

pino-colada

After parsing input from server.js, pino-colada returns a stream and pipes it over to process.stdout. It will output a timestamp, a log level in a form of an emoji, and a message.

const pino = require('pino')
const logger = pino({
  prettyPrint: {},
  prettifier: require('pino-colada')
})

logger.info('hi')

Log Output Format

pino-colada has a few special-case formatting modes that are enabled by passing certain keys into pino when the data is logged. Errors, for instance, should print out the error message and the stack trace. But not all errors will contain the appropriate keys (such as an error return from a promise).

Below is an example log message to demonstrate how pino-colada processes the data:

10:01:31 ๐Ÿšจ MyNamespace MyFunction Encountered an internal server error GET 500 /test 230B 45ms
Error: Mock Error message triggered.
    at testHandler (/home/user/index.js:175:20)
    at /home/user/index.js:398:11
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
{
  "err": {
    "msg": "Mock Error message triggered."
  }
}

Given the following pino log,

{"level":30,"time":1639403408545,"pid":37661,"hostname":"Irinas-MacBook-Pro.local","name":"http","message":"response","method":"GET","url":"/error","statusCode":500,"elapsed":3,"contentLength":0,"v":1}

pino-colada produces the following output:

14:46:04 โœจ http --> GET 500 /error 0B 3ms

The output corresponds to pino's ndjson. Here are is an annotated explanation of how pino-colada formats the logs:

14:46:04 โœจ http --> GET 500 /error 0B 3ms
         โ”ฌ  โ”€โ”ฌโ”€  โ”€โ”ฌโ”€ โ”€โ”ฌโ”€ โ”€โ”ฌโ”€ โ”€โ”€โ”€โ”ฌโ”€โ”€ โ”ฌ  โ”€โ”ฌโ”€
         |   |    |   |   |     |   |   |
โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€ |   |    |   |   |     |   |   |
    โ•ฐโ”€โ”€ "time"    |   |   |     |   |   |
         |   |    |   |   |     |   |   |
         โ•ฐโ”€โ”€ "level"  |   |     |   |   | 
             |    |   |   |     |   |   |
             โ•ฐโ”€โ”€ "name"   |     |   |   |
                  |   |   |     |   |   |
                  โ•ฐโ”€โ”€ "message" |   |   |
                      |   |     |   |   |
                      โ•ฐโ”€โ”€ "method"  |   |
                          |     |   |   |
                          โ•ฐโ”€โ”€ "statusCode"
                                |   |   |
                                โ•ฐโ”€โ”€ "url"
                                    |   |
                                    โ•ฐโ”€โ”€ "contentLength"
                                        โ•ฐโ”€โ”€ "elapsed"/"responseTime"

A few notes on the formatting:

  • We use these emojis to represent the "level":
    • level 10, trace: '๐Ÿ”'
    • level 20, debug: '๐Ÿ›',
    • level 30, info: 'โœจ',
    • level 40, warn: 'โš ๏ธ',
    • level 50, error: '๐Ÿšจ',
    • level 60, fatal: '๐Ÿ’€'.
  • If the "message" value is request or response, we convert it to <-- and --> respectively.
  • If "stack" property is present, pino-colada will print the stack trace following the formatted error log.

Install

npm install pino-colada

Related content

License

MIT

pino-colada's People

Contributors

broom9 avatar davidmarkclements avatar frostyfrog avatar gunjam avatar jakxz avatar kbakba avatar knksmith57 avatar lrlna avatar martijnhols avatar mcollina avatar rodrimc avatar sebdeckers avatar vitalets avatar yoshuawuyts avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

pino-colada's Issues

pino-colada swallows errors

If you log with log.fatal(err, 'something went wrong') you only see `something went wrong' in your log. It would be better if you got your stacktrace so you can see where the error occurred. (It does seem to log objects given post the error message, just not pre)

consider more accessible colors?

Heya, first off thank you for this awesome tool and contribution to the pino ecosystem!

This formatter made it easy and fun to remove the conditional pretty-printing logic from our app in favor of pure, pluggable, ndjson output. Excellent idea and much appreciated contribution.

To the crux of this issue: I'd like to propose dropping dim modifiers from log statements to make the output more accessible. Dim red for error statements is particularly troubling and is the main change I'll champion here.

Totally understand that there are a lot of host environment settings that play into the rendering of these things. The demo screenshot in the README is beautiful and, while I couldn't figure out what terminal theme was used when capturing it, I took the following screenshots to highlight renderings in iTerm2 w/ default dark theme and Hyperterm with the top 2-most downloaded themes (pokemon and solarized-dark)

Using this script to generate the output: https://gist.github.com/knksmith57/7b673fe77429534a93f2c7ea5ff61c20

  1. iTerm2 default dark theme:

iterm2-default-dark

  1. Hyperterm default theme:

hyperterm-default

  1. Hyperterm solarized-dark theme:

hyperterm-solarized-dark

  1. Hyperterm pokemon theme w/ pikachu:

hyperterm-pokemon-pikachu

  1. Hyperterm pokemon theme w/ gengar:

hyperterm-pokemon-gengar

What do you think?

Thanks again!

using pino-colada at "pretty" in pino instance

What would it take to use the 'main' source file (exported function) as the pretty printer when creating a pino instance. I'm avoiding command-line pipes and using environment variables to control pretty printing.

So something like this....which doesn't work.

import pino from 'pino'
import colada from 'pino-colada'
// import serializeError from 'serialize-error'

let pretty = {}
if(process.env.UCI_DEV || process.env.DEBUG) {
  pretty = colada
  // pretty = pino.pretty()
  // pretty.pipe(process.stdout)
}

let LOG = process.env.UCI_LOG || process.env.UCI_DEV || process.env.DEBUG

const logger = pino({
  name: 'UCI',
  enabled: !!LOG,
  safe: true,
  serializers: {
    req: pino.stdSerializers.req,
    res: pino.stdSerializers.res
  }
},pretty)

export default logger

Programmatic use doesn't work properly

When using pino-colada programmatically as per the docs:

const pino = require('pino')
const logger = pino({
  prettifier: require('pino-colada')
})

logger.info('hi')

Nothing happens. When I add prettyPrint to the options it starts working:

const pino = require('pino')
const logger = pino({
  prettyPrint: {},
  prettifier: require('pino-colada')
})

logger.info('hi')

... but only for the first log line. All others after that are the default "raw" JSON

How to use in fastify

Hi,

I got so confused when reading through pino, pino-pretty, pino-colada docs...

I tried this:

const app = fastify({
  logger: {
    level: 'info',
    prettifier: require('pino-colada')
  }
})

with no luck.. And I really don't want to do the | thing.. I just want the app to print the pretty logs. Is that possible?

stream.on is not a function

Hi,
in fastify-cli we have a report of this error with the v1.6.0 release:

To reproduce:

npx fastify-cli generate pretty
cd pretty/
npm i
// edit the package.json adding "-P" flag in the start script
npm start 
// now we have the error

// to solve:
npm ls pino-colada
// you should see 1.6.0

// installing previous version works:
npm i [email protected]
npm start
// all works fine

There are some fixes we should apply to our code base?
We use pino-colada here:
https://github.com/fastify/fastify-cli/blob/b6e7caba7e8f2644f5243f9d94902faacfbda886/start.js#L98-L102

Thanks

The stack trace:

  stream.on('close', function () {
         ^
TypeError: stream.on is not a function
    at destroyer (C:\Users\behem\workspaceFastify\asd\boooom\node_modules\pump\index.js:26:10)
    at C:\Users\behem\workspaceFastify\asd\boooom\node_modules\pump\index.js:70:12
    at Array.map (<anonymous>)
    at pump (C:\Users\behem\workspaceFastify\asd\boooom\node_modules\pump\index.js:67:26)
    at runFastify (C:\Users\behem\workspaceFastify\asd\boooom\node_modules\fastify-cli\start.js:101:5)
    at start (C:\Users\behem\workspaceFastify\asd\boooom\node_modules\fastify-cli\start.js:50:10)

Original issue ref: fastify/fastify-cli#235

output more info

server-sink produces a whole bunch of info besides message. I think it'd be good to output more data, akin to how garnish operates

{ name: 'http',
  message: 'request',
  method: 'GET',
  remoteAddress: '::1',
  url: '/' }
{ name: 'http',
  message: 'response',
  method: 'GET',
  url: '/',
  statusCode: 200,
  elapsed: 55,
  contentLength: 242 }

garnish image

Support use as a Pino transport

pretty-print & prettifier the new recommended way of integrating a prettifier via API is using a pino.transport. pino-pretty supports this so can probably checked to see an example of how.

Allow for something a bit more verbose

Hey !

First thanks for pino-colada, it's really great !

However, I have a small usage issue with it, because while pino-colada removing most of the verbose stuff especially regarding requests is awesome, it would be great to have at least small objects with few properties outputed, at least in a verbose like mode (maybe with a threshold on the number of non object subprops )

@lrlna Are you open to such a feature ? Would you want to implement it, or would you prefer a PR ?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.