npm package: @lsk4/colors
Description: Yet another colors library – like picocolors but with for browser too
Author: Igor Suvorov
Latest version: 4.6.0

# LSK.js – log

> @lskjs/log – Логгер совмещающий лучшие черты morgan, winston, bunyan, logrus. debug. Базируется на debug-level.

[![LSK logo](https://badgen.net/badge/icon/MADE%20BY%20LSK?icon=zeit\&label\&color=red\&labelColor=red)](https://github.com/lskjs)
[![NPM version](https://badgen.net/npm/v/@lskjs/log)](https://www.npmjs.com/package/@lskjs/log)
[![NPM downloads](https://badgen.net/npm/dt/@lskjs/log)](https://www.npmjs.com/package/@lskjs/log)
[![NPM Dependency count](https://badgen.net/bundlephobia/dependency-count/@lskjs/log)](https://bundlephobia.com/result?p=@lskjs/log)
[![Have TypeScript types](https://badgen.net/npm/types/@lskjs/log)](https://www.npmjs.com/package/@lskjs/log)
[![Have tree shaking](https://badgen.net/bundlephobia/tree-shaking/@lskjs/log)](https://bundlephobia.com/result?p=@lskjs/log)
[![NPM Package size](https://badgen.net/bundlephobia/minzip/@lskjs/log)](https://bundlephobia.com/result?p=@lskjs/log)
[![Package size](https://badgen.net//github/license/lskjs/lskjs)](https://github.com/lskjs/lskjs/blob/master/LICENSE)
[![Ask us in Telegram](https://img.shields.io/badge/Ask%20us%20in-Telegram-brightblue.svg)](https://t.me/lskjschat)

<!-- template file="scripts/templates/preview.md" start -->

<!-- template end -->

***

<!-- # 📒 Table of contents  -->

# Table of contents

*   [⌨️ Install](#️-install)

    *   [Installation](#installation)

    *   [Usage](#usage)

    *   [Examples](#examples)

    *   [Settings](#settings)

        *   [Environment Variables](#environment-variables)
        *   [Options](#options)

    *   [Levels](#levels)

    *   [Namespaces](#namespaces)

        *   [Conventions](#conventions)
        *   [Wildcards](#wildcards)

    *   [Output](#output)

        *   [JSON output](#json-output)
        *   [Custom formatters](#custom-formatters)
        *   [toJSON](#tojson)

    *   [Logging Browser messages](#logging-browser-messages)

    *   [References](#references)

    *   [Inspired by](#inspired-by)

*   [📖 License](#-license)

*   [👥 Contributors](#-contributors)

*   [👏 Contributing](#-contributing)

*   [📮 Any questions? Always welcome :)](#-any-questions-always-welcome-)

# ⌨️ Install

```sh
# yarn
yarn i @lskjs/log 

# npm
npm i @lskjs/log 
```

***

## Installation

    $ npm install --save @lskjs/log

## Usage

`@lskjs/log` provides 6 log levels which are `trace`, `debug`, `info`, `warn`, `error`,
`fatal`, and `off`.

Each level has a corresponding method `debug` -> `log.debug` ... `fatal` -->
`log.fatal` which shall be used to indicated the level to log.

The characters `%s`, `%d`, `%i`, `%f`, `%j`, `%o`, `%O`, `%%` are supported [formatters](https://nodejs.org/api/util.html#util_util_format_format_args) when
given in the first argument.

[examples/levels.js](./examples/levels.js)

```js
const Log = require('@lskjs/log')
// creates a logger for <namespace> `test`
const log = new Log('test')

// or using a global Log instance
const log = require('@lskjs/log').log('test')

log.fatal(new Error('fatal'))        // logs an Error at level FATAL
log.error(new Error('boom'))         // logs an Error at level ERROR
log.warn('huh %o', {ghost: 'rider'}) // logs a formatted object at level WARN
log.info('%s world', 'hello')        // logs a formatted string at level INFO
log.debug({object: 1})               // logs an object at level DEBUG
log.log('always logs')               // always logs regardless of set level
```

Running `levels.js` without environment variables will show no output (apart from `log.log`).
Setting only `DEBUG_LEVEL` shows all lines with their respective level.
Combined with `DEBUG`, using comma separated [namespaces](#namespaces), only
those log lines with matching namespace and level get logged.

The following table gives an overview of possible combinations:

DEBUG_LEVEL | DEBUG          | Output
:----------:| :------------: | :----------------
\--          | --             | no output
fatal       | --             | logs only log.fatal
error       | --             | log.fatal, log.error
warn        | --             | log.fatal, log.error, log.warn
info        | --             | log.fatal, log.error, log.warn and log.info
debug       | --             | log.fatal, log.error, log.warn, log.info and log.debug
trace       | --             | log.fatal, log.error, log.warn, log.info, log.debug and log.trace
\--          | `<namespaces>`   | log.fatal, to log.debug which apply to `<namespaces>`. <br> Same behavior as [debug][].
fatal       | `<namespaces>`   | log.fatal for all `<namespaces>` only
error       | `<namespaces>`   | log.fatal, log.error for `<namespaces>` only
warn        | `<namespaces>`   | log.fatal, to log.warn for `<namespaces>` only
info        | `<namespaces>`   | log.fatal, to log.info for `<namespaces>` only
debug       | `<namespaces>`   | log.fatal, to log.debug for `<namespaces>` only
trace       | `<namespaces>`   | log.fatal, to log.trace for `<namespaces>` only
\--          | `error:n1,debug:n2,fatal:*` | Logs namespace `n1` at level `error`, namespace `n2` at level `debug` and all other namespaces (`*`) at level `fatal`
datal       | `error:n1,n2` | Logs `n1` at level `error`, `n2` at level `fatal`. All other namespaces will **NOT** get logged

## Examples

Run the [server.js](./examples/server.js) example with different settings:

No output

```sh
$ node examples/server.js
```

Logging .info and .error

```sh
$ DEBUG_LEVEL=info node examples/server.js
```

Logging .error for server only

```sh
$ DEBUG_LEVEL=error DEBUG=server node examples/server.js
```

Logging .error in production mode (JSON without colors)

```sh
$ NODE_ENV=production DEBUG_LEVEL=error node examples/server.js
```

Behavior is as with [debug][].

```sh
$ DEBUG=server,client:A node examples/server.js
```

Log `server` at level `info`, and all other modules at level `error`

```sh
$ DEBUG=info:server,error:* node examples/server.js
```

## Settings

### Environment Variables

**Common**

Setting          | Values         | Description
\----             | ----           | ----
DEBUG            | <namespace>    | Enables/disables specific debugging namespaces
DEBUG_LEVEL      | error, warn, info, debug | sets debug level
DEBUG_COLORS     | **true**/false | display colors (if supported)

**Node only**

Setting          | Values         | `NODE_ENV=`<br>`development` | Description
\----             | ----           | ----  | ----
DEBUG_JSON       | **true**/false | false | use JSON format instead of string based log
DEBUG_SERVERINFO | **true**/false | false | adds server information like `pid` and `hostname`
DEBUG_HIDE_DATE  | **true**/false | false | hides date from log output default false

For `NODE_ENV !== 'development'` the default logging is in JSON format using serverinfo and date.

**Browsers only**

Setting          | Values         | Description
\----             | ----           | ----
DEBUG_URL        | URL            | log in JSON format to server (needs `middleware.js` at the server side)

In the browser `localStorage` is used to set/save the settings.
E.g. to enable level ERROR an all namespaces type in console and refresh your page/ app:

    localStorage.DEBUG_LEVEL='error'
    localStorage.DEBUG='*'

### Options

You may set the global log options with:

[examples/options.js](./examples/options.js)

```js
const fs = require('fs')
const Log = require('@lskjs/log')

// log into file instead of process.stderr
const stream = fs.createWriteStream('./my.log')

// The options will be set for all Loggers...
Log.options({
  level: 'DEBUG',
  json: true,
  serverinfo: true,
  hideDate: false,
  colors: false,
  stream
})
const log = new Log('*')

log.debug({object: 1}) // ...
```

Option name | Setting         | env     | Type    | Description
\-----       | ----            | ----    | ----    | ----
level       | DEBUG_LEVEL     | *both*  | String  |
namespaces  | DEBUG           | *both*  | String  |
json        | DEBUG_JSON      | node    | Boolean |
spaces      | DEBUG_SPACES    | node    | Number  | JSON spaces
hideDate    | DEBUG_HIDE_DATE | *both*  | Boolean |
colors      | DEBUG_COLORS    | *both*  | Boolean |
stream      | --              | node    | Stream  | output stream (defaults to `process.stderr`)
url         | DEBUG_URL       | browser | String  |
formatters  | --              | *both*  | Object  | custom formatters

## Levels

(From [bunyan][])

*   `fatal`: The service/app is going to stop or becomes unusable.
    An operator should definitely look into this soon.
*   `error`: Fatal for a particular request, but the service/app continues servicing.
    An operator should look at this soon(ish)
*   `warn`: A note on something that should probably be looked at by an operator eventually.
*   `info`: Detail on regular operation.
*   `debug`: Anything else, i.e. too verbose to be included in `INFO` level.
*   `trace`: Anything else, i.e. too verbose to be included in `INFO` level.

## Namespaces

Namespaces select dedicated packages for logging (check [Conventions](#conventions))
considering the level selected with `DEBUG_LEVEL`. To choose a different log-level
prefix the namespace with the level to be set for that namespace.

E.g. to log all packages on level `FATAL`, `test` on `ERROR`, `log:A` on `WARN`. As a side-effect `*` will also cause **all** modules using [debug][] being logged.

    $ DEBUG_LEVEL=fatal DEBUG=ERROR:test,WARN:log:A,* node examples/levels.js
      ERROR test Error: boom
      FATAL test fatal test +7ms
      WARN log:A huh {"ghost":"rider"} +0ms
      ERROR log:A Error: baam
      FATAL log:A fatal A +1ms
      FATAL log:B fatal B +0ms
      using-debug using debug +0ms
      using-debug:A using debug - feature A +1ms

So maybe consider using `DEBUG=...,FATAL:*` instead:

    $ DEBUG=error:test,warn:log:A,fatal:*,using-debug:* node examples/levels.js
      ERROR test Error: boom
      FATAL test fatal test +7ms
      WARN log:A huh {"ghost":"rider"} +0ms
      ERROR log:A Error: baam
      FATAL log:A fatal A +1ms
      FATAL log:B fatal B +0ms
      using-debug:A using debug - feature A +1ms

### Conventions

(from [debug][])

If you're using this in one or more of your libraries, you should use the name of
your library so that developers may toggle debugging as desired without guessing
names. If you have more than one debuggers you should prefix them with your
package name and use ":" to separate features. For example `bodyParser` from
Connect would then be `connect:bodyParser`. If you append a `*` to the end of
your name, it will always be enabled regardless of the setting of the DEBUG
environment variable. You can then use it for normal output as well as debug output.

### Wildcards

(from [debug][])

The `*` character may be used as a wildcard. Suppose for example your library
has debuggers named `connect:bodyParser`, `connect:compress`, `connect:session`,
instead of listing all three with `DEBUG=connect:bodyParser,connect:compress,connect:session`,
you may simply do `DEBUG=connect:*`, or to run everything using this module
simply use `DEBUG=*`.

You can also exclude specific debuggers by prefixing them with a `-` character.
For example, `DEBUG=*,-connect:*` would include all debuggers except those starting with `connect:`.

## Output

`@lskjs/log` supports two types of outputs

1.  human readable - this pretty much follows the output of [debug][]
    This is the default for `NODE_ENV=development`. Can be forced using `DEBUG_JSON=0`
2.  machine readable - JSON output (similar to [bunyan][])
    This is the default for test/production envs. Can be forced using `DEBUG_JSON=1`

### JSON output

When using `%j`, `%o`, `%O` all will expand to `%j` JSON, so there is no difference when using in node.

Nonetheless it is **not recommended to use** these formatters for logging errors and objects as this complicates later log inspection.

Each log records into a single JSON stringified line.

Core fields are:

*   `level`: One of the five log levels.
*   `name`: The name of the namespace logged.
*   `msg`: A message which should give reason for logging the line.
*   `hostname`: Hostname of the server. (Requires option serverinfo)
*   `pid`: PID of the logged process. (Requires option serverinfo).
*   `time`: Timestamp (Suppress with option hideDate).
*   `diff`: Difftime in milliseconds.

See [examples/jsonOutput.js](./examples/jsonOutput.js).

When logging a message string, number or a formatted string it will show up under `msg` like:

```js
log.debug('a %s, a number %d, an %o and %j', 'string', 1.2, {object: 1}, {NOT: 'RECOMMENDED'})
// >
{ "level": "DEBUG",           // log level
  "name": "package:feature",  // the namespace of the logger
  "msg": "a string, a number 1.2, an {\"object\":1} and {\"NOT\":\"RECOMMENDED\"}", // the formatted message
  "hostname": "server",       // server hostname
  "pid": 8310,                // process pid
  "time": "2017-11-08T21:01:00.025Z", // timestamp as ISOString
  "diff": 5                   // difftime in ms
}
```

Objects without formatters get assigned, arrays will show up under `arr`:

```js
log.info({object: 1}, {json: true}, [1, 2, 3], '%s #%d', 'message', 1)
// >
{ "level": "INFO",
  "name": "package:feature",
	"msg": "message #1"
  "object": 1,
	"json": true,
  "arr": [1,2,3],
  "time": "2017-11-09T21:09:49.482Z",
  "diff": 0
}
```

An error gets logged under `err`

```js
const err = new TypeError('bam')
err.status = 500
log.error(err, {object: 1}) // you may add an additional object
// >
{ "level":"ERROR",
  "name":"package:feature",
	"msg":"bam",
  "err": { // the error object
    "name":"TypeError",
    "stack":"Error: bam\n    at Object.<anonymous> (...\n    at bootstrap_node.js:608:3",
    "status": 500
  },
  "object": 1,
  "time":"2017-11-09T21:16:16.764Z",
  "diff":0
}
```

### Custom formatters

You may use custom formatters e.g. to display numbers converted into hex-format.

[examples/customFormatters.js](./examples/customFormatters.js)

```js
const Log = require('..')
Log.options({level: 'debug'})
const log = new Log('test', {formatters: {
  h: (n) => `x${n.toString(16).toUpperCase()}`
}})

log.debug('%h', 255) // logs 255 as hex 'xFF'
```

### toJSON

If logging an object you may define a `toJSON()` function on that object to change proper logging of the object itself:

[examples/toJSON.js](./examples/toJSON.js)

```js
const Log = require('@lskjs/log')
const log = new Log('*')

function reqToJSON () {
  const {ip, method, url} = this
  return {ip, method, url}
}

// assume a request obj
const req = {
  method: 'GET', url: '/path', ip: '10.10.10.10',
  headers: {'user-agent': 'Custom/2.0'}, connection: {/* ... */}
}
req.toJSON = reqToJSON.bind(req)

log.debug({req: req})
//> DEBUG * {"req":{"ip":"10.10.10.10","method":"GET","url":"/path"}} +0ms
```

## Logging Browser messages

To log debug messages from the browser on your server you can enable a logger middleware in your express/ connect server.

```js
const app = require('express')()
const {logger} = require('@lskjs/log')

app.use('./@lskjs/log', logger({maxSize: 100}))
...
```

In your single page application use:

```js
import Log from '@lskjs/log'

localStorage.setItem('DEBUG_URL', '/api/log')
localStorage.setItem('DEBUG', 'myApp*')
// ...
const log = new Log('myApp')

log.debug('my first %s', 'logline')
```

Check example at `examples/app`. To run it use:

```bash
DEBUG=* node examples/app/server.js
```

and open <http://localhost:3000>

## References

*   [debug][]
*   [bunyan][]

[bunyan]: https://www.npmjs.com/package/bunyan

[debug]: https://www.npmjs.com/package/debug

[debug-level-dev.png]: https://raw.githubusercontent.com/commenthol/debug-level/master/docs/debug-level-dev.png

[debug-level-dev-json.png]: https://raw.githubusercontent.com/commenthol/debug-level/master/docs/debug-level-dev-json.png

[debug-level-prod.png]: https://raw.githubusercontent.com/commenthol/debug-level/master/docs/debug-level-prod.png

## Inspired by

*   [Bunyan](https://github.com/trentm/node-bunyan)
*   [Morgan](https://github.com/expressjs/morgan)
*   [Winston](https://github.com/winstonjs/winston)
*   [Logrus](https://github.com/sirupsen/logrus)
*   [Debug](https://github.com/visionmedia/debug)
*   [Debug Levels](https://github.com/commenthol/debug-levels)

# 📖 License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details

# 👥 Contributors

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->

<!-- prettier-ignore-start -->

<!-- markdownlint-disable -->

<table>
  <tr>
    <td align="center"><a href="https://isuvorov.com"><img src="https://avatars2.githubusercontent.com/u/1056977?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Igor Suvorov</b></sub></a><br /><a href="lskjs/lskjs///commits?author=isuvorov" title="Code">💻</a> <a href="#design-isuvorov" title="Design">🎨</a> <a href="#ideas-isuvorov" title="Ideas, Planning, & Feedback">🤔</a></td>
  </tr>
</table>
<!-- markdownlint-restore -->
<!-- prettier-ignore-end -->
<!-- ALL-CONTRIBUTORS-LIST:END -->

# 👏 Contributing

1.  Fork it (<https://github.com/yourname/yourproject/fork>)
2.  Create your feature branch (`git checkout -b features/fooBar`)
3.  Commit your changes (`git commit -am 'feat(image): Add some fooBar'`)
4.  Push to the branch (`git push origin feature/fooBar`)
5.  Create a new Pull Request

# 📮 Any questions? Always welcome :)

*   [Email](mailto:hi@isuvorov.com)
*   [LSK.news – Telegram channel](https://t.me/lskjs)
*   [Спроси нас в телеграме ;)](https://t.me/lskjschat)