820 lines
26 KiB
Markdown
Executable File
820 lines
26 KiB
Markdown
Executable File
<p align="center">
|
||
<img src="https://github.com/terkelg/prompts/raw/master/prompts.png" alt="Prompts" width="500" />
|
||
</p>
|
||
|
||
<h1 align="center">❯ Prompts</h1>
|
||
|
||
<p align="center">
|
||
<a href="https://npmjs.org/package/prompts">
|
||
<img src="https://img.shields.io/npm/v/prompts.svg" alt="version" />
|
||
</a>
|
||
<a href="https://travis-ci.org/terkelg/prompts">
|
||
<img src="https://img.shields.io/travis/terkelg/prompts.svg" alt="travis" />
|
||
</a>
|
||
<a href="https://npmjs.org/package/prompts">
|
||
<img src="https://img.shields.io/npm/dm/prompts.svg" alt="downloads" />
|
||
</a>
|
||
<!---
|
||
<a href="https://packagephobia.now.sh/result?p=prompts">
|
||
<img src="https://packagephobia.now.sh/badge?p=prompts" alt="install size" />
|
||
</a>
|
||
--->
|
||
</p>
|
||
|
||
<p align="center">
|
||
<b>Lightweight, beautiful and user-friendly interactive prompts</b></br>
|
||
<sub>>_ Easy to use CLI prompts to enquire users for information▌<sub>
|
||
</p>
|
||
|
||
<br />
|
||
|
||
* **Simple**: prompts has [no big dependencies](http://npm.anvaka.com/#/view/2d/prompts) nor is it broken into a [dozen](http://npm.anvaka.com/#/view/2d/inquirer) tiny modules that only work well together.
|
||
* **User friendly**: prompt uses layout and colors to create beautiful cli interfaces.
|
||
* **Promised**: uses promises and `async`/`await`. No callback hell.
|
||
* **Flexible**: all prompts are independent and can be used on their own.
|
||
* **Testable**: provides a way to submit answers programmatically.
|
||
* **Unified**: consistent experience across all prompts.
|
||
|
||
|
||
![split](https://github.com/terkelg/prompts/raw/master/media/split.png)
|
||
|
||
|
||
## ❯ Install
|
||
|
||
```
|
||
$ npm install --save prompts
|
||
```
|
||
|
||
> This package supports Node 6 and above
|
||
|
||
![split](https://github.com/terkelg/prompts/raw/master/media/split.png)
|
||
|
||
## ❯ Usage
|
||
|
||
<img src="https://github.com/terkelg/prompts/raw/master/media/example.gif" alt="example prompt" width="499" height="103" />
|
||
|
||
```js
|
||
const prompts = require('prompts');
|
||
|
||
(async () => {
|
||
const response = await prompts({
|
||
type: 'number',
|
||
name: 'value',
|
||
message: 'How old are you?',
|
||
validate: value => value < 18 ? `Nightclub is 18+ only` : true
|
||
});
|
||
|
||
console.log(response); // => { value: 24 }
|
||
})();
|
||
```
|
||
|
||
> See [`example.js`](https://github.com/terkelg/prompts/blob/master/example.js) for more options.
|
||
|
||
|
||
![split](https://github.com/terkelg/prompts/raw/master/media/split.png)
|
||
|
||
|
||
## ❯ Examples
|
||
|
||
### Single Prompt
|
||
|
||
Prompt with a single prompt object. Returns object with the response.
|
||
|
||
```js
|
||
const prompts = require('prompts');
|
||
|
||
(async () => {
|
||
const response = await prompts({
|
||
type: 'text',
|
||
name: 'meaning',
|
||
message: 'What is the meaning of life?'
|
||
});
|
||
|
||
console.log(response.meaning);
|
||
})();
|
||
```
|
||
|
||
### Prompt Chain
|
||
|
||
Prompt with a list of prompt objects. Returns object with response.
|
||
Make sure to give each prompt a unique `name` property to prevent overwriting values.
|
||
|
||
```js
|
||
const prompts = require('prompts');
|
||
|
||
const questions = [
|
||
{
|
||
type: 'text',
|
||
name: 'username',
|
||
message: 'What is your GitHub username?'
|
||
},
|
||
{
|
||
type: 'number',
|
||
name: 'age',
|
||
message: 'How old are you?'
|
||
},
|
||
{
|
||
type: 'text',
|
||
name: 'about',
|
||
message: 'Tell something about yourself',
|
||
initial: 'Why should I?'
|
||
}
|
||
];
|
||
|
||
(async () => {
|
||
const response = await prompts(questions);
|
||
|
||
// => response => { username, age, about }
|
||
})();
|
||
```
|
||
|
||
### Dynamic Prompts
|
||
|
||
Prompt properties can be functions too.
|
||
Prompt Objects with `type` set to `falsy` values are skipped.
|
||
|
||
```js
|
||
const prompts = require('prompts');
|
||
|
||
const questions = [
|
||
{
|
||
type: 'text',
|
||
name: 'dish',
|
||
message: 'Do you like pizza?'
|
||
},
|
||
{
|
||
type: prev => prev == 'pizza' ? 'text' : null,
|
||
name: 'topping',
|
||
message: 'Name a topping'
|
||
}
|
||
];
|
||
|
||
(async () => {
|
||
const response = await prompts(questions);
|
||
})();
|
||
```
|
||
|
||
|
||
![split](https://github.com/terkelg/prompts/raw/master/media/split.png)
|
||
|
||
|
||
## ❯ API
|
||
|
||
### prompts(prompts, options)
|
||
|
||
Type: `Function`<br>
|
||
Returns: `Object`
|
||
|
||
Prompter function which takes your [prompt objects](#-prompt-objects) and returns an object with responses.
|
||
|
||
|
||
#### prompts
|
||
|
||
Type: `Array|Object`<br>
|
||
|
||
Array of [prompt objects](#-prompt-objects).
|
||
These are the questions the user will be prompted. You can see the list of supported [prompt types here](#-types).
|
||
|
||
Prompts can be submitted (<kbd>return</kbd>, <kbd>enter</kbd>) or canceled (<kbd>esc</kbd>, <kbd>abort</kbd>, <kbd>ctrl</kbd>+<kbd>c</kbd>, <kbd>ctrl</kbd>+<kbd>d</kbd>). No property is being defined on the returned response object when a prompt is canceled.
|
||
|
||
#### options.onSubmit
|
||
|
||
Type: `Function`<br>
|
||
Default: `() => {}`
|
||
|
||
Callback that's invoked after each prompt submission.
|
||
Its signature is `(prompt, answer, answers)` where `prompt` is the current prompt object, `answer` the user answer to the current question and `answers` the user answers so far. Async functions are supported.
|
||
|
||
Return `true` to quit the prompt chain and return all collected responses so far, otherwise continue to iterate prompt objects.
|
||
|
||
**Example:**
|
||
```js
|
||
(async () => {
|
||
const questions = [{ ... }];
|
||
const onSubmit = (prompt, response) => console.log(`Thanks I got ${response} from ${prompt.name}`);
|
||
const response = await prompts(questions, { onSubmit });
|
||
})();
|
||
```
|
||
|
||
#### options.onCancel
|
||
|
||
Type: `Function`<br>
|
||
Default: `() => {}`
|
||
|
||
Callback that's invoked when the user cancels/exits the prompt.
|
||
Its signature is `(prompt, answers)` where `prompt` is the current prompt object and `answers` the user answers so far. Async functions are supported.
|
||
|
||
Return `true` to continue and prevent the prompt loop from aborting.
|
||
On cancel responses collected so far are returned.
|
||
|
||
**Example:**
|
||
```js
|
||
(async () => {
|
||
const questions = [{ ... }];
|
||
const onCancel = prompt => {
|
||
console.log('Never stop prompting!');
|
||
return true;
|
||
}
|
||
const response = await prompts(questions, { onCancel });
|
||
})();
|
||
```
|
||
|
||
### override
|
||
|
||
Type: `Function`
|
||
|
||
Preanswer questions by passing an object with answers to `prompts.override`.
|
||
Powerful when combined with arguments of process.
|
||
|
||
**Example**
|
||
```js
|
||
const prompts = require('prompts');
|
||
prompts.override(require('yargs').argv);
|
||
|
||
(async () => {
|
||
const response = await prompts([
|
||
{
|
||
type: 'text',
|
||
name: 'twitter',
|
||
message: `What's your twitter handle?`
|
||
},
|
||
{
|
||
type: 'multiselect',
|
||
name: 'color',
|
||
message: 'Pick colors',
|
||
choices: [
|
||
{ title: 'Red', value: '#ff0000' },
|
||
{ title: 'Green', value: '#00ff00' },
|
||
{ title: 'Blue', value: '#0000ff' }
|
||
],
|
||
}
|
||
]);
|
||
|
||
console.log(response);
|
||
})();
|
||
```
|
||
|
||
### inject(values)
|
||
|
||
Type: `Function`<br>
|
||
|
||
Programmatically inject responses. This enables you to prepare the responses ahead of time.
|
||
If any injected value is found the prompt is immediately resolved with the injected value.
|
||
This feature is intended for testing only.
|
||
|
||
#### values
|
||
|
||
Type: `Array`
|
||
|
||
Array with values to inject. Resolved values are removed from the internal inject array.
|
||
Each value can be an array of values in order to provide answers for a question asked multiple times.
|
||
If a value is an instance of `Error` it will simulate the user cancelling/exiting the prompt.
|
||
|
||
**Example:**
|
||
```js
|
||
const prompts = require('prompts');
|
||
|
||
prompts.inject([ '@terkelg', ['#ff0000', '#0000ff'] ]);
|
||
|
||
(async () => {
|
||
const response = await prompts([
|
||
{
|
||
type: 'text',
|
||
name: 'twitter',
|
||
message: `What's your twitter handle?`
|
||
},
|
||
{
|
||
type: 'multiselect',
|
||
name: 'color',
|
||
message: 'Pick colors',
|
||
choices: [
|
||
{ title: 'Red', value: '#ff0000' },
|
||
{ title: 'Green', value: '#00ff00' },
|
||
{ title: 'Blue', value: '#0000ff' }
|
||
],
|
||
}
|
||
]);
|
||
|
||
// => { twitter: 'terkelg', color: [ '#ff0000', '#0000ff' ] }
|
||
})();
|
||
```
|
||
|
||
![split](https://github.com/terkelg/prompts/raw/master/media/split.png)
|
||
|
||
|
||
## ❯ Prompt Objects
|
||
|
||
Prompts Objects are JavaScript objects that define the "questions" and the [type of prompt](#-types).
|
||
Almost all prompt objects have the following properties:
|
||
|
||
```js
|
||
{
|
||
type: String | Function,
|
||
name: String | Function,
|
||
message: String | Function,
|
||
initial: String | Function | Async Function
|
||
format: Function | Async Function,
|
||
onRender: Function
|
||
onState: Function
|
||
}
|
||
```
|
||
|
||
Each property be of type `function` and will be invoked right before prompting the user.
|
||
|
||
The function signature is `(prev, values, prompt)`, where `prev` is the value from the previous prompt,
|
||
`values` is the response object with all values collected so far and `prompt` is the previous prompt object.
|
||
|
||
**Function example:**
|
||
```js
|
||
{
|
||
type: prev => prev > 3 ? 'confirm' : null,
|
||
name: 'confirm',
|
||
message: (prev, values) => `Please confirm that you eat ${values.dish} times ${prev} a day?`
|
||
}
|
||
```
|
||
|
||
The above prompt will be skipped if the value of the previous prompt is less than 3.
|
||
|
||
### type
|
||
|
||
Type: `String|Function`
|
||
|
||
Defines the type of prompt to display. See the list of [prompt types](#-types) for valid values.
|
||
|
||
If `type` is a falsy value the prompter will skip that question.
|
||
```js
|
||
{
|
||
type: null,
|
||
name: 'forgetme',
|
||
message: `I'll never be shown anyway`,
|
||
}
|
||
```
|
||
|
||
### name
|
||
|
||
Type: `String|Function`
|
||
|
||
The response will be saved under this key/property in the returned response object.
|
||
In case you have multiple prompts with the same name only the latest response will be stored.
|
||
|
||
> Make sure to give prompts unique names if you don't want to overwrite previous values.
|
||
|
||
### message
|
||
|
||
Type: `String|Function`
|
||
|
||
The message to be displayed to the user.
|
||
|
||
### initial
|
||
|
||
Type: `String|Function`
|
||
|
||
Optional default prompt value. Async functions are supported too.
|
||
|
||
### format
|
||
|
||
Type: `Function`
|
||
|
||
Receive the user input and return the formatted value to be used inside the program.
|
||
The value returned will be added to the response object.
|
||
|
||
The function signature is `(val, values)`, where `val` is the value from the current prompt and
|
||
`values` is the current response object in case you need to format based on previous responses.
|
||
|
||
**Example:**
|
||
```js
|
||
{
|
||
type: 'number',
|
||
name: 'price',
|
||
message: 'Enter price',
|
||
format: val => Intl.NumberFormat(undefined, { style: 'currency', currency: 'USD' }).format(val);
|
||
}
|
||
```
|
||
|
||
### onRender
|
||
|
||
Type: `Function`
|
||
|
||
Callback for when the prompt is rendered.
|
||
The function receives [kleur](https://github.com/lukeed/kleur) as its first argument and `this` refers to the current prompt.
|
||
|
||
**Example:**
|
||
```js
|
||
{
|
||
type: 'number',
|
||
message: 'This message will be overridden',
|
||
onRender(kleur) {
|
||
this.msg = kleur.cyan('Enter a number');
|
||
}
|
||
}
|
||
```
|
||
|
||
### onState
|
||
|
||
Type: `Function`
|
||
|
||
Callback for when the state of the current prompt changes.
|
||
The function signature is `(state)` where `state` is an object with a snapshot of the current state.
|
||
The state object have two properties `value` and `aborted`. E.g `{ value: 'This is ', aborted: false }`
|
||
|
||
|
||
![split](https://github.com/terkelg/prompts/raw/master/media/split.png)
|
||
|
||
|
||
## ❯ Types
|
||
|
||
### text(message, [initial], [style])
|
||
> Text prompt for free text input.
|
||
|
||
Hit <kbd>tab</kbd> to autocomplete to `initial` value when provided.
|
||
|
||
#### Example
|
||
<img src="https://github.com/terkelg/prompts/raw/master/media/text.gif" alt="text prompt" width="499" height="103" />
|
||
|
||
```js
|
||
{
|
||
type: 'text',
|
||
name: 'value',
|
||
message: `What's your twitter handle?`
|
||
}
|
||
```
|
||
|
||
#### Options
|
||
| Param | Type | Description |
|
||
| ----- | :--: | ----------- |
|
||
| message | `string` | Prompt message to display |
|
||
| initial | `string` | Default string value |
|
||
| style | `string` | Render style (`default`, `password`, `invisible`, `emoji`). Defaults to `default` |
|
||
| format | `function` | Receive user input. The returned value will be added to the response object |
|
||
| validate | `function` | Receive user input. Should return `true` if the value is valid, and an error message `String` otherwise. If `false` is returned, a default error message is shown |
|
||
| onRender | `function` | On render callback. Keyword `this` refers to the current prompt |
|
||
| onState | `function` | On state change callback. Function signature is an `object` with two propetires: `value` and `aborted` |
|
||
|
||
|
||
### password(message, [initial])
|
||
> Password prompt with masked input.
|
||
|
||
This prompt is a similar to a prompt of type `'text'` with `style` set to `'password'`.
|
||
|
||
#### Example
|
||
<img src="https://github.com/terkelg/prompts/raw/master/media/password.gif" alt="password prompt" width="499" height="103" />
|
||
|
||
```js
|
||
{
|
||
type: 'password',
|
||
name: 'value',
|
||
message: 'Tell me a secret'
|
||
}
|
||
```
|
||
|
||
#### Options
|
||
| Param | Type | Description |
|
||
| ----- | :--: | ----------- |
|
||
| message | `string` | Prompt message to display |
|
||
| initial | `string` | Default string value |
|
||
| format | `function` | Receive user input. The returned value will be added to the response object |
|
||
| validate | `function` | Receive user input. Should return `true` if the value is valid, and an error message `String` otherwise. If `false` is returned, a default error message is shown |
|
||
| onRender | `function` | On render callback. Keyword `this` refers to the current prompt |
|
||
| onState | `function` | On state change callback. Function signature is an `object` with two propetires: `value` and `aborted` |
|
||
|
||
|
||
### invisible(message, [initial])
|
||
> Prompts user for invisible text input.
|
||
|
||
This prompt is working like `sudo` where the input is invisible.
|
||
This prompt is a similar to a prompt of type `'text'` with style set to `'invisible'`.
|
||
|
||
#### Example
|
||
<img src="https://github.com/terkelg/prompts/raw/master/media/invisible.gif" alt="invisible prompt" width="499" height="103" />
|
||
|
||
```js
|
||
{
|
||
type: 'invisible',
|
||
name: 'value',
|
||
message: 'Enter password'
|
||
}
|
||
```
|
||
|
||
#### Options
|
||
| Param | Type | Description |
|
||
| ----- | :--: | ----------- |
|
||
| message | `string` | Prompt message to display |
|
||
| initial | `string` | Default string value |
|
||
| format | `function` | Receive user input. The returned value will be added to the response object |
|
||
| validate | `function` | Receive user input. Should return `true` if the value is valid, and an error message `String` otherwise. If `false` is returned, a default error message is shown |
|
||
| onRender | `function` | On render callback. Keyword `this` refers to the current prompt |
|
||
| onState | `function` | On state change callback. Function signature is an `object` with two propetires: `value` and `aborted` |
|
||
|
||
|
||
### number(message, initial, [max], [min], [style])
|
||
> Prompts user for number input.
|
||
|
||
You can type in numbers and use <kbd>up</kbd>/<kbd>down</kbd> to increase/decrease the value. Only numbers are allowed as input. Hit <kbd>tab</kbd> to autocomplete to `initial` value when provided.
|
||
|
||
#### Example
|
||
<img src="https://github.com/terkelg/prompts/raw/master/media/number.gif" alt="number prompt" width="499" height="103" />
|
||
|
||
```js
|
||
{
|
||
type: 'number',
|
||
name: 'value',
|
||
message: 'How old are you?',
|
||
initial: 0,
|
||
style: 'default',
|
||
min: 2,
|
||
max: 10
|
||
}
|
||
```
|
||
|
||
#### Options
|
||
| Param | Type | Description |
|
||
| ----- | :--: | ----------- |
|
||
| message | `string` | Prompt message to display |
|
||
| initial | `number` | Default number value |
|
||
| format | `function` | Receive user input. The returned value will be added to the response object |
|
||
| validate | `function` | Receive user input. Should return `true` if the value is valid, and an error message `String` otherwise. If `false` is returned, a default error message is shown |
|
||
| max | `number` | Max value. Defaults to `Infinity` |
|
||
| min | `number` | Min value. Defaults to `-infinity` |
|
||
| float | `boolean` | Allow floating point inputs. Defaults to `false` |
|
||
| round | `number` | Round `float` values to x decimals. Defaults to `2` |
|
||
| increment | `number` | Increment step when using <kbd>arrow</kbd> keys. Defaults to `1` |
|
||
| style | `string` | Render style (`default`, `password`, `invisible`, `emoji`). Defaults to `default` |
|
||
| onRender | `function` | On render callback. Keyword `this` refers to the current prompt |
|
||
| onState | `function` | On state change callback. Function signature is an `object` with two propetires: `value` and `aborted` |
|
||
|
||
### confirm(message, [initial])
|
||
> Classic yes/no prompt.
|
||
|
||
Hit <kbd>y</kbd> or <kbd>n</kbd> to confirm/reject.
|
||
|
||
#### Example
|
||
<img src="https://github.com/terkelg/prompts/raw/master/media/confirm.gif" alt="confirm prompt" width="499" height="103" />
|
||
|
||
```js
|
||
{
|
||
type: 'confirm',
|
||
name: 'value',
|
||
message: 'Can you confirm?',
|
||
initial: true
|
||
}
|
||
```
|
||
|
||
|
||
#### Options
|
||
| Param | Type | Description |
|
||
| ----- | :--: | ----------- |
|
||
| message | `string` | Prompt message to display |
|
||
| initial | `boolean` | Default value. Default is `false` |
|
||
| format | `function` | Receive user input. The returned value will be added to the response object |
|
||
| onRender | `function` | On render callback. Keyword `this` refers to the current prompt |
|
||
| onState | `function` | On state change callback. Function signature is an `object` with two properties: `value` and `aborted` |
|
||
|
||
### list(message, [initial])
|
||
> List prompt that return an array.
|
||
|
||
Similar to the `text` prompt, but the output is an `Array` containing the
|
||
string separated by `separator`.
|
||
|
||
```js
|
||
{
|
||
type: 'list',
|
||
name: 'value',
|
||
message: 'Enter keywords',
|
||
initial: '',
|
||
separator: ','
|
||
}
|
||
```
|
||
|
||
<img src="https://github.com/terkelg/prompts/raw/master/media/list.gif" alt="list prompt" width="499" height="103" />
|
||
|
||
|
||
| Param | Type | Description |
|
||
| ----- | :--: | ----------- |
|
||
| message | `string` | Prompt message to display |
|
||
| initial | `boolean` | Default value |
|
||
| format | `function` | Receive user input. The returned value will be added to the response object |
|
||
| separator | `string` | String separator. Will trim all white-spaces from start and end of string. Defaults to `','` |
|
||
| onRender | `function` | On render callback. Keyword `this` refers to the current prompt |
|
||
| onState | `function` | On state change callback. Function signature is an `object` with two propetires: `value` and `aborted` |
|
||
|
||
|
||
### toggle(message, [initial], [active], [inactive])
|
||
> Interactive toggle/switch prompt.
|
||
|
||
Use tab or <kbd>arrow keys</kbd>/<kbd>tab</kbd>/<kbd>space</kbd> to switch between options.
|
||
|
||
#### Example
|
||
<img src="https://github.com/terkelg/prompts/raw/master/media/toggle.gif" alt="toggle prompt" width="499" height="103" />
|
||
|
||
```js
|
||
{
|
||
type: 'toggle',
|
||
name: 'value',
|
||
message: 'Can you confirm?',
|
||
initial: true,
|
||
active: 'yes',
|
||
inactive: 'no'
|
||
}
|
||
```
|
||
|
||
#### Options
|
||
| Param | Type | Description |
|
||
| ----- | :--: | ----------- |
|
||
| message | `string` | Prompt message to display |
|
||
| initial | `boolean` | Default value. Defaults to `false` |
|
||
| format | `function` | Receive user input. The returned value will be added to the response object |
|
||
| active | `string` | Text for `active` state. Defaults to `'on'` |
|
||
| inactive | `string` | Text for `inactive` state. Defaults to `'off'` |
|
||
| onRender | `function` | On render callback. Keyword `this` refers to the current prompt |
|
||
| onState | `function` | On state change callback. Function signature is an `object` with two propetires: `value` and `aborted` |
|
||
|
||
### select(message, choices, [initial], [hint], [warn])
|
||
> Interactive select prompt.
|
||
|
||
Use <kbd>up</kbd>/<kbd>down</kbd> to navigate. Use <kbd>tab</kbd> to cycle the list.
|
||
|
||
#### Example
|
||
<img src="https://github.com/terkelg/prompts/raw/master/media/select.gif" alt="select prompt" width="499" height="130" />
|
||
|
||
```js
|
||
{
|
||
type: 'select',
|
||
name: 'value',
|
||
message: 'Pick a color',
|
||
choices: [
|
||
{ title: 'Red', description: 'This option has a description', value: '#ff0000' },
|
||
{ title: 'Green', value: '#00ff00', disabled: true },
|
||
{ title: 'Blue', value: '#0000ff' }
|
||
],
|
||
initial: 1
|
||
}
|
||
```
|
||
|
||
#### Options
|
||
| Param | Type | Description |
|
||
| ----- | :--: | ----------- |
|
||
| message | `string` | Prompt message to display |
|
||
| initial | `number` | Index of default value |
|
||
| format | `function` | Receive user input. The returned value will be added to the response object |
|
||
| hint | `string` | Hint to display to the user |
|
||
| warn | `string` | Message to display when selecting a disabled option |
|
||
| choices | `Array` | Array of strings or choices objects `[{ title, description, value, disabled }, ...]`. The choice's index in the array will be used as its value if it is not specified. |
|
||
| onRender | `function` | On render callback. Keyword `this` refers to the current prompt |
|
||
| onState | `function` | On state change callback. Function signature is an `object` with two properties: `value` and `aborted` |
|
||
|
||
### multiselect(message, choices, [initial], [max], [hint], [warn])
|
||
### autocompleteMultiselect(same)
|
||
> Interactive multi-select prompt.
|
||
> Autocomplete is a searchable multiselect prompt with the same options. Useful for long lists.
|
||
|
||
Use <kbd>space</kbd> to toggle select/unselect and <kbd>up</kbd>/<kbd>down</kbd> to navigate. Use <kbd>tab</kbd> to cycle the list. You can also use <kbd>right</kbd> to select and <kbd>left</kbd> to deselect.
|
||
By default this prompt returns an `array` containing the **values** of the selected items - not their display title.
|
||
|
||
#### Example
|
||
<img src="https://github.com/terkelg/prompts/raw/master/media/multiselect.gif" alt="multiselect prompt" width="499" height="130" />
|
||
|
||
```js
|
||
{
|
||
type: 'multiselect',
|
||
name: 'value',
|
||
message: 'Pick colors',
|
||
choices: [
|
||
{ title: 'Red', value: '#ff0000' },
|
||
{ title: 'Green', value: '#00ff00', disabled: true },
|
||
{ title: 'Blue', value: '#0000ff', selected: true }
|
||
],
|
||
max: 2,
|
||
hint: '- Space to select. Return to submit'
|
||
}
|
||
```
|
||
|
||
#### Options
|
||
| Param | Type | Description |
|
||
| ----- | :--: | ----------- |
|
||
| message | `string` | Prompt message to display |
|
||
| format | `function` | Receive user input. The returned value will be added to the response object |
|
||
| instructions | `string` or `boolean` | Prompt instructions to display |
|
||
| choices | `Array` | Array of strings or choices objects `[{ title, value, disabled }, ...]`. The choice's index in the array will be used as its value if it is not specified. |
|
||
| min | `number` | Min select - will display error |
|
||
| max | `number` | Max select |
|
||
| hint | `string` | Hint to display to the user |
|
||
| warn | `string` | Message to display when selecting a disabled option |
|
||
| onRender | `function` | On render callback. Keyword `this` refers to the current prompt |
|
||
| onState | `function` | On state change callback. Function signature is an `object` with two properties: `value` and `aborted` |
|
||
|
||
This is one of the few prompts that don't take a initial value.
|
||
If you want to predefine selected values, give the choice object an `selected` property of `true`.
|
||
|
||
|
||
### autocomplete(message, choices, [initial], [suggest], [limit], [style])
|
||
> Interactive auto complete prompt.
|
||
|
||
The prompt will list options based on user input. Type to filter the list.
|
||
Use <kbd>⇧</kbd>/<kbd>⇩</kbd> to navigate. Use <kbd>tab</kbd> to cycle the result. Use <kbd>Page Up</kbd>/<kbd>Page Down</kbd> (on Mac: <kbd>fn</kbd> + <kbd>⇧</kbd> / <kbd>⇩</kbd>) to change page. Hit <kbd>enter</kbd> to select the highlighted item below the prompt.
|
||
|
||
The default suggests function is sorting based on the `title` property of the choices.
|
||
You can overwrite how choices are being filtered by passing your own suggest function.
|
||
|
||
#### Example
|
||
<img src="https://github.com/terkelg/prompts/raw/master/media/autocomplete.gif" alt="auto complete prompt" width="499" height="163" />
|
||
|
||
```js
|
||
{
|
||
type: 'autocomplete',
|
||
name: 'value',
|
||
message: 'Pick your favorite actor',
|
||
choices: [
|
||
{ title: 'Cage' },
|
||
{ title: 'Clooney', value: 'silver-fox' },
|
||
{ title: 'Gyllenhaal' },
|
||
{ title: 'Gibson' },
|
||
{ title: 'Grant' }
|
||
]
|
||
}
|
||
```
|
||
|
||
#### Options
|
||
| Param | Type | Description |
|
||
| ----- | :--: | ----------- |
|
||
| message | `string` | Prompt message to display |
|
||
| format | `function` | Receive user input. The returned value will be added to the response object |
|
||
| choices | `Array` | Array of auto-complete choices objects `[{ title, value }, ...]` |
|
||
| suggest | `function` | Filter function. Defaults to sort by `title` property. `suggest` should always return a promise. Filters using `title` by default |
|
||
| limit | `number` | Max number of results to show. Defaults to `10` |
|
||
| style | `string` | Render style (`default`, `password`, `invisible`, `emoji`). Defaults to `'default'` |
|
||
| initial | `string \| number` | Default initial value |
|
||
| fallback | `string` | Fallback message when no match is found. Defaults to `initial` value if provided |
|
||
| onRender | `function` | On render callback. Keyword `this` refers to the current prompt |
|
||
| onState | `function` | On state change callback. Function signature is an `object` with two propetires: `value` and `aborted` |
|
||
|
||
Example on what a `suggest` function might look like:
|
||
```js
|
||
const suggestByTitle = (input, choices) =>
|
||
Promise.resolve(choices.filter(i => i.title.slice(0, input.length) === input))
|
||
```
|
||
|
||
|
||
### date(message, [initial], [warn])
|
||
> Interactive date prompt.
|
||
|
||
Use <kbd>left</kbd>/<kbd>right</kbd>/<kbd>tab</kbd> to navigate. Use <kbd>up</kbd>/<kbd>down</kbd> to change date.
|
||
|
||
#### Example
|
||
<img src="https://github.com/terkelg/prompts/raw/master/media/date.gif" alt="date prompt" width="499" height="103" />
|
||
|
||
```js
|
||
{
|
||
type: 'date',
|
||
name: 'value',
|
||
message: 'Pick a date',
|
||
initial: new Date(1997, 09, 12),
|
||
validate: date => date > Date.now() ? 'Not in the future' : true
|
||
}
|
||
```
|
||
|
||
#### Options
|
||
| Param | Type | Description |
|
||
| ----- | :--: | ----------- |
|
||
| message | `string` | Prompt message to display |
|
||
| initial | `date` | Default date |
|
||
| locales | `object` | Use to define custom locales. See below for an example. |
|
||
| mask | `string` | The format mask of the date. See below for more information.<br />Default: `YYYY-MM-DD HH:mm:ss` |
|
||
| validate | `function` | Receive user input. Should return `true` if the value is valid, and an error message `String` otherwise. If `false` is returned, a default error message is shown |
|
||
| onRender | `function` | On render callback. Keyword `this` refers to the current prompt |
|
||
| onState | `function` | On state change callback. Function signature is an `object` with two propetires: `value` and `aborted` |
|
||
|
||
Default locales:
|
||
|
||
```javascript
|
||
{
|
||
months: [
|
||
'January', 'February', 'March', 'April',
|
||
'May', 'June', 'July', 'August',
|
||
'September', 'October', 'November', 'December'
|
||
],
|
||
monthsShort: [
|
||
'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
|
||
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
|
||
],
|
||
weekdays: [
|
||
'Sunday', 'Monday', 'Tuesday', 'Wednesday',
|
||
'Thursday', 'Friday', 'Saturday'
|
||
],
|
||
weekdaysShort: [
|
||
'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'
|
||
]
|
||
}
|
||
```
|
||
>**Formatting**: See full list of formatting options in the [wiki](https://github.com/terkelg/prompts/wiki/Date-Time-Formatting)
|
||
|
||
![split](https://github.com/terkelg/prompts/raw/master/media/split.png)
|
||
|
||
|
||
## ❯ Credit
|
||
Many of the prompts are based on the work of [derhuerst](https://github.com/derhuerst).
|
||
|
||
|
||
## ❯ License
|
||
|
||
MIT © [Terkel Gjervig](https://terkel.com)
|