69 lines
2.6 KiB
JavaScript
69 lines
2.6 KiB
JavaScript
import { createPrompt, useState, useKeypress, usePrefix, isEnterKey, isBackspaceKey, makeTheme, } from '@inquirer/core';
|
|
export default createPrompt((config, done) => {
|
|
const { required, validate = () => true } = config;
|
|
const theme = makeTheme(config.theme);
|
|
const [status, setStatus] = useState('pending');
|
|
const [defaultValue = '', setDefaultValue] = useState(config.default);
|
|
const [errorMsg, setError] = useState();
|
|
const [value, setValue] = useState('');
|
|
const isLoading = status === 'loading';
|
|
const prefix = usePrefix({ isLoading, theme });
|
|
useKeypress(async (key, rl) => {
|
|
// Ignore keypress while our prompt is doing other processing.
|
|
if (status !== 'pending') {
|
|
return;
|
|
}
|
|
if (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 {
|
|
// 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('pending');
|
|
}
|
|
}
|
|
else if (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);
|
|
}
|
|
});
|
|
const message = theme.style.message(config.message);
|
|
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,
|
|
];
|
|
});
|