• Stars
    star
    5,919
  • Rank 6,825 (Top 0.2 %)
  • Language
    TypeScript
  • License
    Other
  • Created over 6 years ago
  • Updated 4 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🐨 Elegant Console Logger for Node.js and Browser

🐨 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!"));
consola.box("I am a simple box");
await consola.prompt("Deploy to the production?", {
  type: "confirm",
});

Will display in the terminal:

image

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

import { consola, createConsola } from "consola/basic";
import { consola, createConsola } from "consola/browser";
import { createConsola } from "consola/core";

Consola Methods

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

Log to all reporters.

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

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

import { createConsola } from "consola";

const consola = createConsola({
  reporters: [
    {
      log: (logObj) => {
        console.log(JSON.stringify(logObj));
      },
    },
  ],
});

// Prints {"date":"2023-04-18T12:43:38.693Z","args":["foo bar"],"type":"log","level":2,"tag":""}
consola.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 consola.level on instance
  • Using the CONSOLA_LEVEL environment variable (not supported for browser and core builds).

Log Types

Log types are exposed as consola.[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.

import { createConsola } from "consola";

const logger = createConsola({
  // level: 4,
  // fancy: true | false
  // formatOptions: {
  //     columns: 80,
  //     colors: false,
  //     compact: false,
  //     date: false,
  // },
});

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);
}

Console Utils

// ESM
import {
  stripAnsi,
  centerAlign,
  rightAlign,
  leftAlign,
  align,
  box,
  colors,
  getColor,
  colorize,
} from "consola/utils";

// CommonJS
const { stripAnsi } = require("consola/utils");

License

MIT

More Repositories

1

nitro

Next Generation Server Toolkit. Create web servers with everything you need and deploy them wherever you prefer.
TypeScript
5,939
star
2

ofetch

😱 A better fetch API. Works on node, browser and workers.
TypeScript
3,876
star
3

magic-regexp

A compiled-away, type-safe, readable RegExp alternative
TypeScript
3,685
star
4

h3

⚡️ Minimal H(TTP) framework built for high performance and portability
TypeScript
3,433
star
5

unplugin

Unified plugin system for Vite, Rollup, Webpack, esbuild, Rolldown, and more
TypeScript
3,018
star
6

unbuild

📦 A unified JavaScript build system
TypeScript
2,270
star
7

magicast

🧀 Programmatically modify JavaScript and TypeScript source codes with a simplified, elegant and familiar syntax powered by recast and babel.
TypeScript
2,270
star
8

webpackbar

Elegant ProgressBar and Profiler for Webpack 3 , 4 and 5
TypeScript
2,056
star
9

unstorage

💾 Unstorage provides an async Key-Value storage API with conventional features like multi driver mounting, watching and working with metadata, dozens of built-in drivers and a tiny core.
TypeScript
1,707
star
10

jiti

Runtime Typescript and ESM support for Node.js
TypeScript
1,573
star
11

ipx

🖼️ High performance, secure and easy-to-use image optimizer.
TypeScript
1,491
star
12

fontaine

Automatic font fallback based on font metrics
TypeScript
1,478
star
13

destr

🚀 Faster, secure and convenient alternative for JSON.parse for artibrary inputs
TypeScript
1,058
star
14

ufo

🔗 URL utils for humans
TypeScript
1,002
star
15

defu

🌊 Assign default properties recursively
TypeScript
992
star
16

untun

🚇 Tunnel your local HTTP(s) server to the world! powered by Cloudflare Quick Tunnels.
TypeScript
969
star
17

changelogen

💅 Beautiful Changelogs using Conventional Commits
TypeScript
877
star
18

citty

🌆 Elegant CLI Builder
TypeScript
729
star
19

hookable

🪝 Awaitable Hooks
TypeScript
693
star
20

unhead

Unhead is the any-framework document head manager built for performance and delightful developer experience.
TypeScript
618
star
21

ohash

Super fast hashing library based on murmurhash3 written in Vanilla JS
JavaScript
526
star
22

uqr

Generate QR Code universally, in any runtime, to ANSI, Unicode or SVG.
TypeScript
523
star
23

unimport

Unified utils for auto importing APIs in modules.
TypeScript
498
star
24

c12

⚙️ Smart Configuration Loader
TypeScript
474
star
25

nypm

🌈 Unified Package Manager for Node.js and Bun
TypeScript
455
star
26

ungh

🐙 Unlimited access to github API
TypeScript
453
star
27

std-env

Runtime Agnostic JS utils
TypeScript
447
star
28

mlly

🤝 Common ECMAScript module utils
TypeScript
446
star
29

giget

✨ Download templates and git repositories with pleasure!
TypeScript
439
star
30

rou3

🌳 Lightweight and fast rou(ter) for JavaScript
TypeScript
432
star
31

listhen

👂 Elegant HTTP Listener
TypeScript
423
star
32

untyped

Generate types and markdown from a config object.
TypeScript
419
star
33

unctx

🍦 Composables in vanilla JS
TypeScript
396
star
34

pathe

🛣️ Drop-in replacement of the Node.js's path module module that ensures paths are normalized
TypeScript
396
star
35

unpdf

📄 Utilities to work with PDFs in Node.js, browser and workers
TypeScript
395
star
36

unenv

🕊️ Convert javaScript code to be runtime agnostic
TypeScript
358
star
37

mkdist

Lightweight file-to-file transpiler.
TypeScript
342
star
38

scule

🧵 String Case Utils
TypeScript
342
star
39

crossws

🔌 Cross-platform WebSocket Servers for Node.js, Deno, Bun and Cloudflare Workers.
TypeScript
299
star
40

rc9

Read/Write config couldn't be easier!
TypeScript
271
star
41

knitwork

🧶 Utilities to generate safe JavaScript code.
TypeScript
264
star
42

get-port-please

🔌 Get an available open port
TypeScript
243
star
43

runtime-compat

Display APIs compatibility across different JavaScript runtimes
Vue
230
star
44

theme-colors

🎨 Easily generate color shades for themes
TypeScript
213
star
45

perfect-debounce

Debounce promise-returning & async functions.
TypeScript
210
star
46

pkg-types

Node.js utilities and TypeScript definitions for package.json and tsconfig.json
TypeScript
206
star
47

lmify

🤙 Install NPM dependencies programmatically (please switch to unjs/nypm)
JavaScript
200
star
48

uncrypto

Single API for Web Crypto API and Crypto Subtle working in Node.js, Browsers and other runtimes
TypeScript
184
star
49

undio

⇔ Conventionally and Safely convert between various JavaScript data types
TypeScript
184
star
50

httpxy

🔀 A Full-Featured HTTP and WebSocket Proxy for Node.js
TypeScript
179
star
51

unwasm

🇼 WebAssembly tools for JavaScript
JavaScript
176
star
52

unkit

📙 UnJS standard library
TypeScript
174
star
53

undocs

Minimal Documentation theme and CLI for shared usage across UnJS projects.
Vue
161
star
54

automd

🤖 Automated markdown maintainer
TypeScript
161
star
55

db0

📚 Lightweight SQL Connector
TypeScript
160
star
56

node-fetch-native

better fetch for Node.js. Works on any JavaScript runtime!
TypeScript
154
star
57

template

📋 UnJS Project Starter Template
TypeScript
152
star
58

serve-placeholder

♡ Smart placeholder for missing assets
TypeScript
149
star
59

cookie-es

🍪 Cookie and Set-Cookie parser and serializer
TypeScript
132
star
60

website

UnJS website Content and Design!
Vue
129
star
61

mongoz

🥭 Zero Config MongoDB Server
TypeScript
108
star
62

jimp-compact

✏️ Lightweight version of Jimp -- An image processing library written entirely in JavaScript for Node.js
TypeScript
106
star
63

confbox

Compact and high quality YAML, TOML, JSONC and JSON5 parsers
TypeScript
102
star
64

nanotar

📼 Tiny and fast tar utils for any JavaScript runtime!
TypeScript
100
star
65

redirect-ssl

Connect/Express middleware to enforce https using is-https
TypeScript
100
star
66

mdbox

⬇ Just simple markdown utils
JavaScript
79
star
67

image-meta

Detect image type and size using pure javascript.
TypeScript
78
star
68

errx

Zero dependency library to capture and parse stack traces in Node, Bun, Deno and more.
TypeScript
78
star
69

compatx

🌴 Compatibility toolkit.
TypeScript
56
star
70

items-promise

Bare minimum async methods using promises
JavaScript
55
star
71

nitro-deploys

Continues Nitro deployments for end-to-end testing deployment providers.
TypeScript
49
star
72

unrouting

Making filesystem routing universal
TypeScript
45
star
73

ezpass

Dead simple password protection middleware
TypeScript
37
star
74

eslint-config

✅ Shared ESLint config for unjs repositories
TypeScript
36
star
75

workbox-cdn

Workbox Unofficial CDN and standalone NPM package.
Shell
32
star
76

externality

TypeScript
31
star
77

create-require

Polyfill for Node.js module.createRequire (<= v12.2.0)
JavaScript
31
star
78

codeup

Automated codebase updater [POC]
TypeScript
30
star
79

is-https

Check if the given request is HTTPS
TypeScript
29
star
80

impound

TypeScript
29
star
81

rollup-plugin-node-deno

Convert NodeJS to Deno compatible code with rollup
TypeScript
29
star
82

requrl

Grab full URL from request.
TypeScript
28
star
83

fs-memo

Easy persisted memo object for Node.js
TypeScript
26
star
84

bundle-runner

Run webpack bundles in Node.js with optional VM sandboxing
TypeScript
25
star
85

community

UnJS Community Notes
22
star
86

renovate-config

16
star
87

nitro-preset-starter

TypeScript
16
star
88

glob-native

TypeScript
16
star
89

nitro-starter

Nitro starter template
TypeScript
16
star
90

governance

UnJS Governance Notes
15
star
91

.github

Community Health Files
8
star
92

unjs.github.io

HTML
5
star
93

html-validate-es

TypeScript
4
star