Skip to content

Log by overwriting the previous output in the terminal. Useful for rendering progress bars, animations, etc.

License

Notifications You must be signed in to change notification settings

sindresorhus/log-update

log-update

Log by overwriting the previous output in the terminal.
Useful for rendering progress bars, animations, etc.

It performs partial redraws when possible to reduce flicker.

Install

npm install log-update

Usage

import logUpdate from 'log-update';

const frames = ['-', '\\', '|', '/'];
let index = 0;

setInterval(() => {
	const frame = frames[index = ++index % frames.length];

	logUpdate(
`
        ♥♥
   ${frame} unicorns ${frame}
        ♥♥
`
	);
}, 80);

You can use yoctocolors or chalk to colorize the output.

API

logUpdate(text…)

Log to stdout.

logUpdate.clear()

Clear the logged output.

logUpdate.done()

Persist the logged output.

Useful if you want to start a new log session below the current one.

logUpdate.persist(text…)

Write text to the terminal that persists, similar to console.log().

Unlike the main logUpdate() method which updates in place, persist() writes to the terminal in a way that preserves the output in the scrollback history.

import logUpdate from 'log-update';

// Update in place
logUpdate('Processing...');
logUpdate('Still processing...');

// Write permanent output
logUpdate.persist('✓ Task complete');

// Continue updating
logUpdate('Next task...');

logUpdateStderr(text…)

Log to stderr.

logUpdateStderr.clear()

logUpdateStderr.done()

logUpdateStderr.persist(text…)

createLogUpdate(stream, options?)

Get a logUpdate method that logs to the specified stream.

options

Type: object

showCursor

Type: boolean
Default: false

Show the cursor. This can be useful when a CLI accepts input from a user.

import {createLogUpdate} from 'log-update';

// Write output but don't hide the cursor
const log = createLogUpdate(process.stdout, {
	showCursor: true
});
defaultWidth

Type: number
Default: 80

The width to use when the stream doesn't provide a columns property.

This is useful when the output is piped, redirected, or in environments where the terminal size is not available.

import {createLogUpdate} from 'log-update';

// Use custom width when the stream doesn't provide columns
const log = createLogUpdate(process.stdout, {
	defaultWidth: 120
});
defaultHeight

Type: number
Default: 24

The height to use when the stream doesn't provide a rows property.

This is useful when the output is piped, redirected, or in environments where the terminal size is not available.

import {createLogUpdate} from 'log-update';

// Use custom height when the stream doesn't provide rows
const log = createLogUpdate(process.stdout, {
	defaultHeight: 50
});

Examples

  • listr - Uses this module to render an interactive task list
  • ora - Uses this module to render awesome spinners
  • speed-test - Uses this module to render a spinner

About

Log by overwriting the previous output in the terminal. Useful for rendering progress bars, animations, etc.

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Packages

No packages published