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.
75 lines
2.6 KiB
JavaScript
75 lines
2.6 KiB
JavaScript
3 weeks ago
|
import { editAsync } from '@inquirer/external-editor';
|
||
|
|
import { createPrompt, useEffect, useState, useKeypress, usePrefix, isEnterKey, makeTheme, } from '@inquirer/core';
|
||
|
|
const editorTheme = {
|
||
|
|
validationFailureMode: 'keep',
|
||
|
|
};
|
||
|
|
export default createPrompt((config, done) => {
|
||
|
|
const { waitForUseInput = true, file: { postfix = config.postfix ?? '.txt', ...fileProps } = {}, validate = () => true, } = config;
|
||
|
|
const theme = makeTheme(editorTheme, config.theme);
|
||
|
|
const [status, setStatus] = useState('idle');
|
||
|
|
const [value = '', setValue] = useState(config.default);
|
||
|
|
const [errorMsg, setError] = useState();
|
||
|
|
const prefix = usePrefix({ status, theme });
|
||
|
|
function startEditor(rl) {
|
||
|
|
rl.pause();
|
||
|
|
const editCallback = async (error, answer) => {
|
||
|
|
rl.resume();
|
||
|
|
if (error) {
|
||
|
|
setError(error.toString());
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
setStatus('loading');
|
||
|
|
const finalAnswer = answer ?? '';
|
||
|
|
const isValid = await validate(finalAnswer);
|
||
|
|
if (isValid === true) {
|
||
|
|
setError(undefined);
|
||
|
|
setStatus('done');
|
||
|
|
done(finalAnswer);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
if (theme.validationFailureMode === 'clear') {
|
||
|
|
setValue(config.default);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
setValue(finalAnswer);
|
||
|
|
}
|
||
|
|
setError(isValid || 'You must provide a valid value');
|
||
|
|
setStatus('idle');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
editAsync(value, (error, answer) => void editCallback(error, answer), {
|
||
|
|
postfix,
|
||
|
|
...fileProps,
|
||
|
|
});
|
||
|
|
}
|
||
|
|
useEffect((rl) => {
|
||
|
|
if (!waitForUseInput) {
|
||
|
|
startEditor(rl);
|
||
|
|
}
|
||
|
|
}, []);
|
||
|
|
useKeypress((key, rl) => {
|
||
|
|
// Ignore keypress while our prompt is doing other processing.
|
||
|
|
if (status !== 'idle') {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (isEnterKey(key)) {
|
||
|
|
startEditor(rl);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
const message = theme.style.message(config.message, status);
|
||
|
|
let helpTip = '';
|
||
|
|
if (status === 'loading') {
|
||
|
|
helpTip = theme.style.help('Received');
|
||
|
|
}
|
||
|
|
else if (status === 'idle') {
|
||
|
|
const enterKey = theme.style.key('enter');
|
||
|
|
helpTip = theme.style.help(`Press ${enterKey} to launch your preferred editor.`);
|
||
|
|
}
|
||
|
|
let error = '';
|
||
|
|
if (errorMsg) {
|
||
|
|
error = theme.style.error(errorMsg);
|
||
|
|
}
|
||
|
|
return [[prefix, message, helpTip].filter(Boolean).join(' '), error];
|
||
|
|
});
|