Winston Transport BrowserConsole

To use it:

npm i winston-transport-browserconsole

It is already hosted in npm. 5k downloads weekly.

Want to log in browser like using console.log but taking advantage of all the facilities winston provides?

Want to filter by level in your browser?

Want to inspect the object's arguments instead of printing them as json strings?

npm install winston-transport-browserconsole winston -S

And here you have a little sample:

import * as winston from "winston";
import BrowserConsole from 'winston-transport-browserconsole';

const level = "debug";
winston.configure({
    transports: [
        new BrowserConsole(
            {
                format: winston.format.simple(),
                level,
            },
        ),
        // Uncomment to compare with default Console transport
        // new winston.transports.Console({
        //     format: winston.format.simple(),
        //     level,
        // }),
    ],
});

winston.debug("DEBUG ", {a: 1, b: "two"});
winston.debug("DEBUG ", {a: 1, b: "two"});
winston.info("INFO ", {a: 1, b: "two"});
winston.info("INFO ", {a: 1, b: "two"});
winston.warn("WARN", {a: 1, b: "two"});
winston.warn("WARN", {a: 1, b: "two"});
winston.error("ERROR ", {a: 1, b: "two"});
winston.error("ERROR ", {a: 1, b: "two"});

winston.debug("A message alone :(  \n hahaha");
winston.debug("Here examinable Object ", {test: 'test', sub: { object : { test : "here" } } });

Notice Tested with version 3.x.x of winston. Please be sure to set the level in the ConsoleBrowser constructor as did not find a good way to get the one you may have directly configured in winston.