Coder Social home page Coder Social logo

consola's Introduction

๐Ÿจ Consola

Elegant Console Wrapper

npm version npm downloads bundle

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 consola 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:

npm i consola

Using yarn:

yarn add consola

Using pnpm:

pnpm i consola

Getting Started

// ESM
import { consola, createConsola } from "consola";

// CommonJS
const { consola, createConsola } = require("consola");

consola.info("Using consola 3.0.0");
consola.start("Building project...");
consola.warn("A new version of consola is available: 3.0.1");
consola.success("Project built!");
consola.error(new Error("This is an example error. Everything is fine!"));
await consola.prompt("Deploy to the production?", {
  type: "confirm",
});

Will display in the terminal:

image

Methods

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

Log to all reporters.

Example: consola.info('Message')

A list of available types can be found here.

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 consola handlers.

wrapStd() restoreStd()

Globally redirect all stdout/stderr outputs to consola.

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:

consola.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:

const fn = jest.fn();
consola.mockTypes(() => fn);

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

For example if you just need to mock consola.fatal:

consola.mockTypes((typeName) => typeName === "fatal" && jest.fn());

NOTE: Any instance of consola that inherits the mocked instance, will apply provided callback again. This way, mocking works for withTag scoped loggers without need to extra efforts.

Fields

reporters

An array of active reporters.

level

The level to display logs. Any logs at or above this level will be displayed. List of available levels here.

You can set the log level using the CONSOLA_LEVEL environment variable, which must have the numeric log level as its value.

logObject

The logObject is a free-to-extend object which will be passed to reporters.

Standard fields:

  • message
  • additional
  • args
  • date
  • tag

Extra fields:

  • badge

Reporters

Choose between one of the built-in reporters or bring in your own one.

By default FancyReporter is registered for modern terminals or BasicReporter will be used if running in limited environments such as CIs.

Creating your own reporter

A reporter (class or object) exposes log(logObj) method. To get more info about how to write your own reporter, take a look into the linked implementations above.

Types

Types are used to actually log messages to the reporters. Each type is attached to a logging level.

A list of all available default types is 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.

import consola from "consola";

const logger = consola.create({
  // level: 4,
  reporters: [new consola.JSONReporter()],
  defaults: {
    additionalColor: "white",
  },
});

Integrations

With jest or vitest

describe("your-consola-mock-test", () => {
  beforeAll(() => {
    // Redirect std and console to consola too
    // Calling this once is sufficient
    consola.wrapAll();
  });

  beforeEach(() => {
    // Re-mock consola before each test call to remove
    // calls from before
    consola.mockTypes(() => jest.fn());
  });

  test("your test", async () => {
    // Some code here

    // Let's retrieve all messages of `consola.log`
    // Get the mock and map all calls to their first argument
    const consolaMessages = consola.log.mock.calls.map((c) => c[0]);
    expect(consolaMessages).toContain("your message");
  });
});

With jsdom

{
  virtualConsole: new jsdom.VirtualConsole().sendTo(consola);
}

License

MIT

consola's People

Contributors

akryum avatar alberto avatar antfu avatar antoinerey avatar atinux avatar cehnegaitne avatar clarkdo avatar d34thwings avatar dargmuesli avatar develohpanda avatar egoist avatar git-good avatar i62navpm avatar kaelwd avatar maazadeeb avatar mannil avatar mp3 avatar msokk avatar nicopennec avatar papb avatar pi0 avatar pimlie avatar posva avatar regevbr avatar renovate[bot] avatar seldszar avatar thomaskoscheck avatar tjeeay avatar trygveaa avatar with-heart avatar

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.