278 lines
6.8 KiB
JavaScript
278 lines
6.8 KiB
JavaScript
|
'use strict';
|
||
|
/**
|
||
|
* `list` type prompt
|
||
|
*/
|
||
|
|
||
|
const _ = {
|
||
|
isArray: require('lodash/isArray'),
|
||
|
map: require('lodash/map'),
|
||
|
isString: require('lodash/isString'),
|
||
|
};
|
||
|
const chalk = require('chalk');
|
||
|
const cliCursor = require('cli-cursor');
|
||
|
const figures = require('figures');
|
||
|
const { map, takeUntil } = require('rxjs/operators');
|
||
|
const Base = require('./base');
|
||
|
const observe = require('../utils/events');
|
||
|
const Paginator = require('../utils/paginator');
|
||
|
const incrementListIndex = require('../utils/incrementListIndex');
|
||
|
|
||
|
class CheckboxPrompt extends Base {
|
||
|
constructor(questions, rl, answers) {
|
||
|
super(questions, rl, answers);
|
||
|
|
||
|
if (!this.opt.choices) {
|
||
|
this.throwParamError('choices');
|
||
|
}
|
||
|
|
||
|
if (_.isArray(this.opt.default)) {
|
||
|
this.opt.choices.forEach(function (choice) {
|
||
|
if (this.opt.default.indexOf(choice.value) >= 0) {
|
||
|
choice.checked = true;
|
||
|
}
|
||
|
}, this);
|
||
|
}
|
||
|
|
||
|
this.pointer = 0;
|
||
|
|
||
|
// Make sure no default is set (so it won't be printed)
|
||
|
this.opt.default = null;
|
||
|
|
||
|
const shouldLoop = this.opt.loop === undefined ? true : this.opt.loop;
|
||
|
this.paginator = new Paginator(this.screen, { isInfinite: shouldLoop });
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Start the Inquiry session
|
||
|
* @param {Function} cb Callback when prompt is done
|
||
|
* @return {this}
|
||
|
*/
|
||
|
|
||
|
_run(cb) {
|
||
|
this.done = cb;
|
||
|
|
||
|
const events = observe(this.rl);
|
||
|
|
||
|
const validation = this.handleSubmitEvents(
|
||
|
events.line.pipe(map(this.getCurrentValue.bind(this)))
|
||
|
);
|
||
|
validation.success.forEach(this.onEnd.bind(this));
|
||
|
validation.error.forEach(this.onError.bind(this));
|
||
|
|
||
|
events.normalizedUpKey
|
||
|
.pipe(takeUntil(validation.success))
|
||
|
.forEach(this.onUpKey.bind(this));
|
||
|
events.normalizedDownKey
|
||
|
.pipe(takeUntil(validation.success))
|
||
|
.forEach(this.onDownKey.bind(this));
|
||
|
events.numberKey
|
||
|
.pipe(takeUntil(validation.success))
|
||
|
.forEach(this.onNumberKey.bind(this));
|
||
|
events.spaceKey
|
||
|
.pipe(takeUntil(validation.success))
|
||
|
.forEach(this.onSpaceKey.bind(this));
|
||
|
events.aKey.pipe(takeUntil(validation.success)).forEach(this.onAllKey.bind(this));
|
||
|
events.iKey.pipe(takeUntil(validation.success)).forEach(this.onInverseKey.bind(this));
|
||
|
|
||
|
// Init the prompt
|
||
|
cliCursor.hide();
|
||
|
this.render();
|
||
|
this.firstRender = false;
|
||
|
|
||
|
return this;
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Render the prompt to screen
|
||
|
* @return {CheckboxPrompt} self
|
||
|
*/
|
||
|
|
||
|
render(error) {
|
||
|
// Render question
|
||
|
let message = this.getQuestion();
|
||
|
let bottomContent = '';
|
||
|
|
||
|
if (!this.spaceKeyPressed) {
|
||
|
message +=
|
||
|
'(Press ' +
|
||
|
chalk.cyan.bold('<space>') +
|
||
|
' to select, ' +
|
||
|
chalk.cyan.bold('<a>') +
|
||
|
' to toggle all, ' +
|
||
|
chalk.cyan.bold('<i>') +
|
||
|
' to invert selection)';
|
||
|
}
|
||
|
|
||
|
// Render choices or answer depending on the state
|
||
|
if (this.status === 'answered') {
|
||
|
message += chalk.cyan(this.selection.join(', '));
|
||
|
} else {
|
||
|
const choicesStr = renderChoices(this.opt.choices, this.pointer);
|
||
|
const indexPosition = this.opt.choices.indexOf(
|
||
|
this.opt.choices.getChoice(this.pointer)
|
||
|
);
|
||
|
const realIndexPosition =
|
||
|
this.opt.choices.reduce((acc, value, i) => {
|
||
|
// Dont count lines past the choice we are looking at
|
||
|
if (i > indexPosition) {
|
||
|
return acc;
|
||
|
}
|
||
|
// Add line if it's a separator
|
||
|
if (value.type === 'separator') {
|
||
|
return acc + 1;
|
||
|
}
|
||
|
|
||
|
let l = value.name;
|
||
|
// Non-strings take up one line
|
||
|
if (typeof l !== 'string') {
|
||
|
return acc + 1;
|
||
|
}
|
||
|
|
||
|
// Calculate lines taken up by string
|
||
|
l = l.split('\n');
|
||
|
return acc + l.length;
|
||
|
}, 0) - 1;
|
||
|
message +=
|
||
|
'\n' + this.paginator.paginate(choicesStr, realIndexPosition, this.opt.pageSize);
|
||
|
}
|
||
|
|
||
|
if (error) {
|
||
|
bottomContent = chalk.red('>> ') + error;
|
||
|
}
|
||
|
|
||
|
this.screen.render(message, bottomContent);
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* When user press `enter` key
|
||
|
*/
|
||
|
|
||
|
onEnd(state) {
|
||
|
this.status = 'answered';
|
||
|
this.spaceKeyPressed = true;
|
||
|
// Rerender prompt (and clean subline error)
|
||
|
this.render();
|
||
|
|
||
|
this.screen.done();
|
||
|
cliCursor.show();
|
||
|
this.done(state.value);
|
||
|
}
|
||
|
|
||
|
onError(state) {
|
||
|
this.render(state.isValid);
|
||
|
}
|
||
|
|
||
|
getCurrentValue() {
|
||
|
const choices = this.opt.choices.filter(
|
||
|
(choice) => Boolean(choice.checked) && !choice.disabled
|
||
|
);
|
||
|
|
||
|
this.selection = _.map(choices, 'short');
|
||
|
return _.map(choices, 'value');
|
||
|
}
|
||
|
|
||
|
onUpKey() {
|
||
|
this.pointer = incrementListIndex(this.pointer, 'up', this.opt);
|
||
|
this.render();
|
||
|
}
|
||
|
|
||
|
onDownKey() {
|
||
|
this.pointer = incrementListIndex(this.pointer, 'down', this.opt);
|
||
|
this.render();
|
||
|
}
|
||
|
|
||
|
onNumberKey(input) {
|
||
|
if (input <= this.opt.choices.realLength) {
|
||
|
this.pointer = input - 1;
|
||
|
this.toggleChoice(this.pointer);
|
||
|
}
|
||
|
|
||
|
this.render();
|
||
|
}
|
||
|
|
||
|
onSpaceKey() {
|
||
|
this.spaceKeyPressed = true;
|
||
|
this.toggleChoice(this.pointer);
|
||
|
this.render();
|
||
|
}
|
||
|
|
||
|
onAllKey() {
|
||
|
const shouldBeChecked = Boolean(
|
||
|
this.opt.choices.find((choice) => choice.type !== 'separator' && !choice.checked)
|
||
|
);
|
||
|
|
||
|
this.opt.choices.forEach((choice) => {
|
||
|
if (choice.type !== 'separator') {
|
||
|
choice.checked = shouldBeChecked;
|
||
|
}
|
||
|
});
|
||
|
|
||
|
this.render();
|
||
|
}
|
||
|
|
||
|
onInverseKey() {
|
||
|
this.opt.choices.forEach((choice) => {
|
||
|
if (choice.type !== 'separator') {
|
||
|
choice.checked = !choice.checked;
|
||
|
}
|
||
|
});
|
||
|
|
||
|
this.render();
|
||
|
}
|
||
|
|
||
|
toggleChoice(index) {
|
||
|
const item = this.opt.choices.getChoice(index);
|
||
|
if (item !== undefined) {
|
||
|
this.opt.choices.getChoice(index).checked = !item.checked;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Function for rendering checkbox choices
|
||
|
* @param {Number} pointer Position of the pointer
|
||
|
* @return {String} Rendered content
|
||
|
*/
|
||
|
|
||
|
function renderChoices(choices, pointer) {
|
||
|
let output = '';
|
||
|
let separatorOffset = 0;
|
||
|
|
||
|
choices.forEach((choice, i) => {
|
||
|
if (choice.type === 'separator') {
|
||
|
separatorOffset++;
|
||
|
output += ' ' + choice + '\n';
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if (choice.disabled) {
|
||
|
separatorOffset++;
|
||
|
output += ' - ' + choice.name;
|
||
|
output += ' (' + (_.isString(choice.disabled) ? choice.disabled : 'Disabled') + ')';
|
||
|
} else {
|
||
|
const line = getCheckbox(choice.checked) + ' ' + choice.name;
|
||
|
if (i - separatorOffset === pointer) {
|
||
|
output += chalk.cyan(figures.pointer + line);
|
||
|
} else {
|
||
|
output += ' ' + line;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
output += '\n';
|
||
|
});
|
||
|
|
||
|
return output.replace(/\n$/, '');
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* Get the checkbox
|
||
|
* @param {Boolean} checked - add a X or not to the checkbox
|
||
|
* @return {String} Composited checkbox string
|
||
|
*/
|
||
|
|
||
|
function getCheckbox(checked) {
|
||
|
return checked ? chalk.green(figures.radioOn) : figures.radioOff;
|
||
|
}
|
||
|
|
||
|
module.exports = CheckboxPrompt;
|