cliui

!ci
!nycrc config on GitHub

easily create complex multi-column command-line-interfaces.

Example

``bash
npm i cliui@latest chalk@latest
`

`js
const ui = require('cliui')()
const {Chalk} = require('chalk');
const chalk = new Chalk();

ui.div('Usage: $0 [command] [options]')

ui.div({
text: 'Options:',
padding: [2, 0, 1, 0]
})

ui.div(
{
text: "-f, --file",
width: 20,
padding: [0, 4, 0, 4]
},
{
text: "the file to load." +
chalk.green("(if this description is long it wraps).")
,
width: 20
},
{
text: chalk.red("[required]"),
align: 'right'
}
)

console.log(ui.toString())
`

Deno/ESM Support

As of v7 cliui supports Deno and
ESM:

`typescript
import cliui from "cliui";
import chalk from "chalk";
// Deno: import cliui from "https://deno.land/x/cliui/deno.ts";

const ui = cliui({})

ui.div('Usage: $0 [command] [options]')

ui.div({
text: 'Options:',
padding: [2, 0, 1, 0]
})

ui.div(
{
text: "-f, --file",
width: 20,
padding: [0, 4, 0, 4]
},
{
text: "the file to load." +
chalk.green("(if this description is long it wraps).")
,
width: 20
},
{
text: chalk.red("[required]"),
align: 'right'
}
)

console.log(ui.toString())
`

Layout DSL

cliui exposes a simple layout DSL:

If you create a single ui.div, passing a string rather than an
object:

* \n: characters will be interpreted as new rows.
* \t: characters will be interpreted as new columns.
* \s: characters will be interpreted as padding.

as an example...

`js
var ui = require('./')({
width: 60
})

ui.div(
'Usage: node ./bin/foo.js\n' +
' \t provide a regex\n' +
' \t provide a glob\t [required]'
)

console.log(ui.toString())
`

will output:

`shell
Usage: node ./bin/foo.js
provide a regex
provide a glob [required]
`

Methods

`js
cliui = require('cliui')
`

$3

Specify the maximum width of the UI being generated.
If no width is provided, cliui will try to get the current window's width and use it, and if that doesn't work, width will be set to 80.

$3

Enable or disable the wrapping of text in a column.

$3

Create a row with any number of columns, a column
can either be a string, or an object with the following
options:

* text: some text to place in the column.
* width: the width of a column.
* align: alignment, right or center.
* padding: [top, right, bottom, left].
* border: should a border be placed around the div?

$3

Similar to div, except the next row will be appended without
a new line being created.

$3

Resets the UI elements of the current cliui instance, maintaining the values
set for width and wrap`.