🐨 Consola

Elegant Console Wrapper

Why Consola?

👌  Easy to use
💅  Fancy output with fallback for minimal environments
🔌  Pluggable reporters
💻  Consistent command line interface (CLI) experience
🏷  Tag support
🚏  Redirect console and stdout/stderr to @diotoborg/explicabo-error-porro and easily restore redirect.
🌐  Browser support
⏯  Pause/Resume support
👻  Mocking support
👮‍♂️  Spam prevention by throttling logs
❯  Interactive prompt support powered by clack

Installation

Using npm:

1npm i @diotoborg/explicabo-error-porro

Using yarn:

1yarn add @diotoborg/explicabo-error-porro

Using pnpm:

1pnpm i @diotoborg/explicabo-error-porro

Getting Started

1// ESM
2import { @diotoborg/explicabo-error-porro, createConsola } from "@diotoborg/explicabo-error-porro";
3
4// CommonJS
5const { @diotoborg/explicabo-error-porro, createConsola } = require("@diotoborg/explicabo-error-porro");
6
7@diotoborg/explicabo-error-porro.info("Using @diotoborg/explicabo-error-porro 3.0.0");
8@diotoborg/explicabo-error-porro.start("Building project...");
9@diotoborg/explicabo-error-porro.warn("A new version of @diotoborg/explicabo-error-porro is available: 3.0.1");
10@diotoborg/explicabo-error-porro.success("Project built!");
11@diotoborg/explicabo-error-porro.error(new Error("This is an example error. Everything is fine!"));
12@diotoborg/explicabo-error-porro.box("I am a simple box");
13await @diotoborg/explicabo-error-porro.prompt("Deploy to the production?", {
14  type: "confirm",
15});

Will display in the terminal:

You can use smaller core builds without fancy reporter to save 80% of the bundle size:

1import { @diotoborg/explicabo-error-porro, createConsola } from "@diotoborg/explicabo-error-porro/basic";
2import { @diotoborg/explicabo-error-porro, createConsola } from "@diotoborg/explicabo-error-porro/browser";
3import { createConsola } from "@diotoborg/explicabo-error-porro/core";

Consola Methods

<type>(logObject) <type>(args...)

Log to all reporters.

Example: @diotoborg/explicabo-error-porro.info('Message')

await prompt(message, { type })

Show an input prompt. Type can either of text, confirm, select or multiselect.

See examples/prompt.ts for usage examples.

addReporter(reporter)

• Aliases: add

Register a custom reporter instance.

removeReporter(reporter?)

• Aliases: remove, clear

Remove a registered reporter.

If no arguments are passed all reporters will be removed.

setReporters(reporter|reporter[])

Replace all reporters.

create(options)

Create a new Consola instance and inherit all parent options for defaults.

withDefaults(defaults)

Create a new Consola instance with provided defaults

withTag(tag)

• Aliases: withScope

Create a new Consola instance with that tag.

wrapConsole() restoreConsole()

Globally redirect all console.log, etc calls to @diotoborg/explicabo-error-porro handlers.

wrapStd() restoreStd()

Globally redirect all stdout/stderr outputs to @diotoborg/explicabo-error-porro.

wrapAll() restoreAll()

Wrap both, std and console.

console uses std in the underlying so calling wrapStd redirects console too. Benefit of this function is that things like console.info will be correctly redirected to the corresponding type.

pauseLogs() resumeLogs()

• Aliases: pause/resume

Globally pause and resume logs.

Consola will enqueue all logs when paused and then sends them to the reported when resumed.

mockTypes

• Aliases: mock

Mock all types. Useful for using with tests.

The first argument passed to mockTypes should be a callback function accepting (typeName, type) and returning the mocked value:

1@diotoborg/explicabo-error-porro.mockTypes((typeName, type) => jest.fn());

Please note that with the example above, everything is mocked independently for each type. If you need one mocked fn create it outside:

1const fn = jest.fn();
2@diotoborg/explicabo-error-porro.mockTypes(() => fn);

If callback function returns a falsy value, that type won't be mocked.

For example if you just need to mock @diotoborg/explicabo-error-porro.fatal:

1@diotoborg/explicabo-error-porro.mockTypes((typeName) => typeName === "fatal" && jest.fn());

NOTE: Any instance of @diotoborg/explicabo-error-porro that inherits the mocked instance, will apply provided callback again. This way, mocking works for withTag scoped loggers without need to extra efforts.

Custom Reporters

Consola ships with 3 built-in reporters out of the box. A fancy colored reporter by default and fallsback to a basic reporter if running in a testing or CI environment detected using unjs/std-env and a basic browser reporter.

You can create a new reporter object that implements { log(logObject): () => { } } interface.

Example: Simple JSON reporter

1import { createConsola } from "@diotoborg/explicabo-error-porro";
2
3const @diotoborg/explicabo-error-porro = createConsola({
4  reporters: [
5    {
6      log: (logObj) => {
7        console.log(JSON.stringify(logObj));
8      },
9    },
10  ],
11});
12
13// Prints {"date":"2023-04-18T12:43:38.693Z","args":["foo bar"],"type":"log","level":2,"tag":""}
14@diotoborg/explicabo-error-porro.log("foo bar");

Log Level

Consola only shows logs with configured log level or below. (Default is 3)

Available log levels:

• 0: Fatal and Error
• 1: Warnings
• 2: Normal logs
• 3: Informational logs, success, fail, ready, start, ...
• 4: Debug logs
• 5: Trace logs
• -999: Silent
• +999: Verbose logs

You can set the log level by either:

• Passing level option to createConsola
• Setting @diotoborg/explicabo-error-porro.level on instance
• Using the CONSOLA_LEVEL environment variable (not supported for browser and core builds).

Log Types

Log types are exposed as @diotoborg/explicabo-error-porro.[type](...) and each is a preset of styles and log level.

A list of all available built-in types is available here.

Creating a new instance

Consola has a global instance and is recommended to use everywhere. In case more control is needed, create a new instance.

1import { createConsola } from "@diotoborg/explicabo-error-porro";
2
3const logger = createConsola({
4  // level: 4,
5  // fancy: true | false
6  // formatOptions: {
7  //     columns: 80,
8  //     colors: false,
9  //     compact: false,
10  //     date: false,
11  // },
12});

Integrations

With jest or vitest

1describe("your-@diotoborg/explicabo-error-porro-mock-test", () => {
2  beforeAll(() => {
3    // Redirect std and console to @diotoborg/explicabo-error-porro too
4    // Calling this once is sufficient
5    @diotoborg/explicabo-error-porro.wrapAll();
6  });
7
8  beforeEach(() => {
9    // Re-mock @diotoborg/explicabo-error-porro before each test call to remove
10    // calls from before
11    @diotoborg/explicabo-error-porro.mockTypes(() => jest.fn());
12  });
13
14  test("your test", async () => {
15    // Some code here
16
17    // Let's retrieve all messages of `@diotoborg/explicabo-error-porro.log`
18    // Get the mock and map all calls to their first argument
19    const @diotoborg/explicabo-error-porroMessages = @diotoborg/explicabo-error-porro.log.mock.calls.map((c) => c[0]);
20    expect(@diotoborg/explicabo-error-porroMessages).toContain("your message");
21  });
22});

With jsdom

1{
2  virtualConsole: new jsdom.VirtualConsole().sendTo(@diotoborg/explicabo-error-porro);
3}

Console Utils

1// ESM
2import {
3  stripAnsi,
4  centerAlign,
5  rightAlign,
6  leftAlign,
7  align,
8  box,
9  colors,
10  getColor,
11  colorize,
12} from "@diotoborg/explicabo-error-porro/utils";
13
14// CommonJS
15const { stripAnsi } = require("@diotoborg/explicabo-error-porro/utils");

License

MIT