You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
3.3 KiB
JavaScript
87 lines
3.3 KiB
JavaScript
3 weeks ago
|
"use strict";
|
||
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
const core_1 = require("@inquirer/core");
|
||
|
const inputTheme = {
|
||
|
validationFailureMode: 'keep',
|
||
|
};
|
||
|
exports.default = (0, core_1.createPrompt)((config, done) => {
|
||
|
const { required, validate = () => true, prefill = 'tab' } = config;
|
||
|
const theme = (0, core_1.makeTheme)(inputTheme, config.theme);
|
||
|
const [status, setStatus] = (0, core_1.useState)('idle');
|
||
|
const [defaultValue = '', setDefaultValue] = (0, core_1.useState)(config.default);
|
||
|
const [errorMsg, setError] = (0, core_1.useState)();
|
||
|
const [value, setValue] = (0, core_1.useState)('');
|
||
|
const prefix = (0, core_1.usePrefix)({ status, theme });
|
||
|
(0, core_1.useKeypress)(async (key, rl) => {
|
||
|
// Ignore keypress while our prompt is doing other processing.
|
||
|
if (status !== 'idle') {
|
||
|
return;
|
||
|
}
|
||
|
if ((0, core_1.isEnterKey)(key)) {
|
||
|
const answer = value || defaultValue;
|
||
|
setStatus('loading');
|
||
|
const isValid = required && !answer ? 'You must provide a value' : await validate(answer);
|
||
|
if (isValid === true) {
|
||
|
setValue(answer);
|
||
|
setStatus('done');
|
||
|
done(answer);
|
||
|
}
|
||
|
else {
|
||
|
if (theme.validationFailureMode === 'clear') {
|
||
|
setValue('');
|
||
|
}
|
||
|
else {
|
||
|
// Reset the readline line value to the previous value. On line event, the value
|
||
|
// get cleared, forcing the user to re-enter the value instead of fixing it.
|
||
|
rl.write(value);
|
||
|
}
|
||
|
setError(isValid || 'You must provide a valid value');
|
||
|
setStatus('idle');
|
||
|
}
|
||
|
}
|
||
|
else if ((0, core_1.isBackspaceKey)(key) && !value) {
|
||
|
setDefaultValue(undefined);
|
||
|
}
|
||
|
else if (key.name === 'tab' && !value) {
|
||
|
setDefaultValue(undefined);
|
||
|
rl.clearLine(0); // Remove the tab character.
|
||
|
rl.write(defaultValue);
|
||
|
setValue(defaultValue);
|
||
|
}
|
||
|
else {
|
||
|
setValue(rl.line);
|
||
|
setError(undefined);
|
||
|
}
|
||
|
});
|
||
|
// If prefill is set to 'editable' cut out the default value and paste into current state and the user's cli buffer
|
||
|
// They can edit the value immediately instead of needing to press 'tab'
|
||
|
(0, core_1.useEffect)((rl) => {
|
||
|
if (prefill === 'editable' && defaultValue) {
|
||
|
rl.write(defaultValue);
|
||
|
setValue(defaultValue);
|
||
|
}
|
||
|
}, []);
|
||
|
const message = theme.style.message(config.message, status);
|
||
|
let formattedValue = value;
|
||
|
if (typeof config.transformer === 'function') {
|
||
|
formattedValue = config.transformer(value, { isFinal: status === 'done' });
|
||
|
}
|
||
|
else if (status === 'done') {
|
||
|
formattedValue = theme.style.answer(value);
|
||
|
}
|
||
|
let defaultStr;
|
||
|
if (defaultValue && status !== 'done' && !value) {
|
||
|
defaultStr = theme.style.defaultAnswer(defaultValue);
|
||
|
}
|
||
|
let error = '';
|
||
|
if (errorMsg) {
|
||
|
error = theme.style.error(errorMsg);
|
||
|
}
|
||
|
return [
|
||
|
[prefix, message, defaultStr, formattedValue]
|
||
|
.filter((v) => v !== undefined)
|
||
|
.join(' '),
|
||
|
error,
|
||
|
];
|
||
|
});
|