Ever wondered how those nice interactive terminal interfaces where you can select an option or mark a checkbox are made? I sure did and I found this awesome package: Inquirer.js
To be fair it's not a package, but rather a collection of several packages providing input, confirm, select, checkbox, file, password and more!
As usual install it using your favourite package manager, e.g. with deno add npm:@inquirer/prompts.
Create a script, e.g. main.ts:
import { input, select, confirm } from "@inquirer/prompts";
const name = await input({
message: "Enter your name:",
required: true,
validate: (v: string) => v.length > 1,
});
const gender = await select({
message: "Choose your gender:",
choices: ["Male", "Female", "Other"],
});
await confirm({
message: "Is the information correct?",
});
Run, e.g. with deno run -A ./main.ts and enjoy:
✔ Enter your name: Valeria
✔ Choose your gender: Female
? Is the information correct? (Y/n)
It comes with a built-in validator:
deno run -A ./main.ts
? Enter your name: V
> You must provide a valid value
And with a little bit of extra code you can even make something like this:
import { input, select, confirm } from "@inquirer/prompts";
const getInput = async () => {
const name: string = await input({
message: "Enter your name:",
required: true,
validate: (v: string) => v.length > 1,
});
const gender: string = await select({
message: "Choose your gender:",
choices: ["Male", "Female", "Other"],
});
if (
!(await confirm({
message: "Is the information correct?",
}))
)
return getInput();
return { name, gender };
};
const data = await getInput();
console.log(
`You are a great ${
{ Male: "guy", Female: "gal", Other: "person" }[data.gender]
}, ${data.name}!`
);
Run it & tell me if you agree with the script ;-)
Liked the content and would love to have more of it all year long?
Top comments (0)