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.
85 lines
3.2 KiB
JavaScript
85 lines
3.2 KiB
JavaScript
3 weeks ago
|
import { createPrompt, useState, useKeypress, useEffect, usePrefix, isEnterKey, isBackspaceKey, makeTheme, } from '@inquirer/core';
|
||
|
|
const inputTheme = {
|
||
|
|
validationFailureMode: 'keep',
|
||
|
|
};
|
||
|
|
export default createPrompt((config, done) => {
|
||
|
|
const { required, validate = () => true, prefill = 'tab' } = config;
|
||
|
|
const theme = makeTheme(inputTheme, config.theme);
|
||
|
|
const [status, setStatus] = useState('idle');
|
||
|
|
const [defaultValue = '', setDefaultValue] = useState(config.default);
|
||
|
|
const [errorMsg, setError] = useState();
|
||
|
|
const [value, setValue] = useState('');
|
||
|
|
const prefix = usePrefix({ status, theme });
|
||
|
|
useKeypress(async (key, rl) => {
|
||
|
|
// Ignore keypress while our prompt is doing other processing.
|
||
|
|
if (status !== 'idle') {
|
||
|
|
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 {
|
||
|
|
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 (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'
|
||
|
|
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,
|
||
|
|
];
|
||
|
|
});
|