12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- import { createPrompt, useState, useKeypress, usePrefix, isEnterKey, isBackspaceKey, makeTheme, } from '@inquirer/core';
- const inputTheme = {
- validationFailureMode: 'keep',
- };
- export default createPrompt((config, done) => {
- const { required, validate = () => true } = 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);
- }
- });
- 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,
- ];
- });
|