Repeating question to new line when question (status) is answered

[z3dtech]

This is a little different default behavior for standard inquirer which makes it hard to integrate the two. The recursive prompt will repeat the question when it is answered and take up multiple lines, while the non looping questions will answer on the same line as expected.

[alexbatis]

@z3dtech did you ever figure out how to fix this?

[z3dtech]

@alexbatis Yes, I ended up using the standard inquirer package and yargs and wrote my own script to mimic the behavior of this package.

Example: https://github.com/z3dtech/sto/blob/master/lib/HandleConfig.js

I just created a handlePrompt() function that prompted user for input using a given prompt string, then I built my own recursive logic to determine when the method should be continue to be called + helper methods to generate pre-determined inquirer settings.

Hope that helps! Unfortunately you'll have to write your own code for your own use case.. npm failed us this time.

[alexbatis]

@z3dtech gotcha - got it implemented without the use of this library with your help. thanks !

[rmccue]

@alexbatis How did you manage to get it to avoid repeating the question? :)

[ThorHelms]

From my experience, this issue happens because this plugin (inquirer-recursive) doesn't call the screen.render function. Why this is needed, I don't know. Furthermore, you need to render at least one character, or Inquirer will display an empty line. The following works for me:

var _ = require("lodash");
var util = require("util");
var inquirer = require("inquirer");

var Base = require("inquirer/lib/prompts/base");

class RecursivePrompt extends Base {
  constructor(question, rl, answers) {
    super(question, rl, answers);
    this.question = this.question || question;
    this.responses = [];
  }

  promptForLoop() {
    inquirer.prompt([{
      type: 'confirm',
      message: this.getQuestion(),
      name: 'addMore'
    }]).then(answers => {
      if (answers.addMore === true) {
        this.promptForAnswers();
      } else {
        this.done(this.responses);
      }
    })
  }

  promptForAnswers() {
    inquirer.prompt(this.question.prompts).then(answers => {
      this.responses.push(answers);
      this.promptForLoop();
    });
  }

  _run(cb) {
    this.done = cb;
    this.render();
    this.promptForLoop();
    return this;
  }

  render() {
    // Render a random character as a 'hack'/bugfix
    // If screen.render() isn't called, each line is displayed twice.
    // If nothing is rendered, an empty line will be displayed.
    this.screen.render("$");
  }
}

module.exports = RecursivePrompt;

[ThorHelms]

Oh yeah, I forgot to mention: Be aware that I haven't tested the returned answers from my code above, I've only tested that the prompts work correctly.

[patrickpietens]

It's quite easy to do this without using this plugin. Just use async generators instead:

const inquirer = require('inquirer');
const numeral = require('numeral');

async function* targetGenerator(maxTrades = 5) {
	let tradeCount = 1;

	while (tradeCount < maxTrades) {
		const { tradeAmount, loop } = await inquirer.prompt([
			{
				type: 'list',
				name: 'tradeAmount',
				message: `Select the amount BTC of your ${numeral(tradeCount).format('0o')} order`,
				choices: () => {
					return [
						{ name: '25%', value: 0.25 },
						{ name: '50%', value: 0.5 },
						{ name: '75%', value: 0.75 },
						{ name: '100%', value: 1 },
					];
				},
			},
			{
				type: 'confirm',
				name: 'loop',
				message: 'Set another target?',
				default: true,
				when: ({ tradeAmount }) => tradeAmount !== 1,
			}),
		]);

		yield tradeAmount;

		if (tradeAmount === 1) {
			return;
		}

		if (!loop) {
			return;
		}

		tradeCount++;
	}
}

const askRecursive = async () => {
	const targets = [];

	for await (const tradeAmount of targetGenerator()) {
		targets.push(tradeAmount);
	}

	console.log(targets);
};