123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253 |
- 'use strict';
- /**
- * `list` type prompt
- */
-
- var _ = require('lodash');
- var chalk = require('chalk');
- var cliCursor = require('cli-cursor');
- var figures = require('figures');
- var { map, takeUntil } = require('rxjs/operators');
- var Base = require('./base');
- var observe = require('../utils/events');
- var Paginator = require('../utils/paginator');
-
- 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;
- this.firstRender = true;
-
- // Make sure no default is set (so it won't be printed)
- this.opt.default = null;
-
- this.paginator = new Paginator(this.screen);
- }
-
- /**
- * Start the Inquiry session
- * @param {Function} cb Callback when prompt is done
- * @return {this}
- */
-
- _run(cb) {
- this.done = cb;
-
- var events = observe(this.rl);
-
- var 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
- var message = this.getQuestion();
- var bottomContent = '';
-
- if (this.firstRender) {
- 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 {
- var choicesStr = renderChoices(this.opt.choices, this.pointer);
- var indexPosition = this.opt.choices.indexOf(
- this.opt.choices.getChoice(this.pointer)
- );
- message +=
- '\n' + this.paginator.paginate(choicesStr, indexPosition, this.opt.pageSize);
- }
-
- if (error) {
- bottomContent = chalk.red('>> ') + error;
- }
-
- this.screen.render(message, bottomContent);
- }
-
- /**
- * When user press `enter` key
- */
-
- onEnd(state) {
- this.status = 'answered';
-
- // Rerender prompt (and clean subline error)
- this.render();
-
- this.screen.done();
- cliCursor.show();
- this.done(state.value);
- }
-
- onError(state) {
- this.render(state.isValid);
- }
-
- getCurrentValue() {
- var choices = this.opt.choices.filter(function(choice) {
- return Boolean(choice.checked) && !choice.disabled;
- });
-
- this.selection = _.map(choices, 'short');
- return _.map(choices, 'value');
- }
-
- onUpKey() {
- var len = this.opt.choices.realLength;
- this.pointer = this.pointer > 0 ? this.pointer - 1 : len - 1;
- this.render();
- }
-
- onDownKey() {
- var len = this.opt.choices.realLength;
- this.pointer = this.pointer < len - 1 ? this.pointer + 1 : 0;
- this.render();
- }
-
- onNumberKey(input) {
- if (input <= this.opt.choices.realLength) {
- this.pointer = input - 1;
- this.toggleChoice(this.pointer);
- }
- this.render();
- }
-
- onSpaceKey() {
- this.toggleChoice(this.pointer);
- this.render();
- }
-
- onAllKey() {
- var shouldBeChecked = Boolean(
- this.opt.choices.find(function(choice) {
- return choice.type !== 'separator' && !choice.checked;
- })
- );
-
- this.opt.choices.forEach(function(choice) {
- if (choice.type !== 'separator') {
- choice.checked = shouldBeChecked;
- }
- });
-
- this.render();
- }
-
- onInverseKey() {
- this.opt.choices.forEach(function(choice) {
- if (choice.type !== 'separator') {
- choice.checked = !choice.checked;
- }
- });
-
- this.render();
- }
-
- toggleChoice(index) {
- var 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) {
- var output = '';
- var separatorOffset = 0;
-
- choices.forEach(function(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 {
- var 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;
|