Because Logging can be pretty and fun

Installation

$ npm install draftlog

What it does

It allows you to re-write a line of your log after being written. Just like post 'updating'. This is the building block for any dynamic element such as progress bars, loading status, animations, checkboxes and so on.

It does that by keeping track of the current lines of code written through the stream, and moving the cursor up to the line of the LogDraft you created previously, and updating its content.

Look in the examples folders to see how easy it is, to create anything. No strict and fixed widgets are given to you. Instead, use your creativity with this tool to create anything you want! Share the results later with an example ;)

Looking for CUTE Unicode chars? Check out Unicute.

How the HECK is that even possible?

Usage

1// Setup
2const DraftLog = require('draftlog')
3DraftLog(console)
4
5// Or, in a single line:
6require('draftlog').into(console)
7
8// Account for manual line breaks with:
9require('draftlog').into(console).addLineListener(process.stdin)

To create a updatable log, use the draft method injected into the provided console:

1// Create a Draft log
2var update = console.draft('Hi, my name is')
3
4// You can call logs after it
5console.log('Something else')
6
7// Use the received callback to update it as many times as you want
8update('Hi, my name is Ivan!')

Here are some interesting examples:

1// Prints a clock incrementing one every second in the same line
2var draft = console.draft()
3var elapsed = 1
4setInterval( () => {
5  draft('Elapsed', elapsed++, 'seconds')
6}, 1000)
7
8console.log('It doesn`t matter')
9console.log('How \n many \n lines \n it uses')

Or maybe, to show an flow process?

1function someAsyncFunction(){ 
2  var TAG = '[someAsyncFunction]'
3  var log = console.draft(TAG, 'init')
4
5  function a() {
6    setTimeout(() => {
7      log(TAG, 'calling b')
8      b()
9    }, 500)
10  }
11
12  function b() {
13    setTimeout(() => {
14      log(TAG, 'finished')
15    })
16  }
17}

You can create your own progress bar, just like "that":

1require('draftlog').into(console)
2
3// Input progess goes from 0 to 100
4function ProgressBar(progress) {
5  // Make it 50 characters length
6  var units = Math.round(progress / 2)
7  return '[' + '='.repeat(units) + ' '.repeat(50 - units) + '] ' + progress + '%'
8}
9
10var barLine = console.draft('Starting download...')
11downloadFile(function (progress) {
12  barLine(ProgressBar(progress))
13})
14
15// Will show something like: (being updated in realtime)
16// [============================                      ] 56%

Learn from examples!

We have a few of them ready for you to use! Take a look at the examples folder. Remember to replace require('../') with require('draftlog').

Also, install chalk to get colors on your terminal ;)

Important things to know

Because of the way Terminals are built, it is not possible to update a text outside the viewing area of the terminal.

That said, DraftLogs are setup to automagically be rewritten on a new line if they reach the end of the viewport. Note that, you can disable that behavior, by setting DraftLog.defaults.canReWrite = false

Also, if the NodeJS environment cannot detect the number of rows of your terminal automatically, it will use the default height on DraftLog.defaults.maximumLinesUp. Modify that if needed.

When using into(console).addLineListener(process.stdin), your code will no longer exit automatically, because the stream is being "read". To stop your own code, you can call process.exit(0) or pause the stream when you want with: process.stdin.pause().

Discouragements

This library is awesome for development, cli tools and what ever you want to created, that is NOT an optimized "slave" server. Please, disable it passing true as a second parameter to the DraftLog initialization:

1// Disable Initialization (true = production; false = development)
2DraftLog(console, true)
3// Or, with one line require-init:
4require('draftlog').into(console, true)

Creator

Ivan Seidel