@reliverse/relinka 1.1.7 → 1.1.8

package/dist-npm/components/select/select-main.js

@@ -1,141 +1,151 @@
-import process, {
-    stdin as input,
-    stdout as output,
-} from 'node:process';
-import readline from 'node:readline';
-import {
-    cyanBright,
-    dim,
-    greenBright,
-    redBright,
-} from 'picocolors';
-import {
-    bar,
-    fmt,
-    msg,
-    symbols,
-} from '../../utils/messages.js';
-import {deleteLastLine} from '../../utils/terminal.js';
-
-export function selectPrompt(params) {
-    const {
-        title,
-        options,
-        initial,
-        required = false,
-        borderColor = 'viceGradient',
-        titleColor = 'cyanBright',
-        titleTypography = 'bold',
-        titleVariant,
-        border = true,
-        endTitle = '\u{1F44B}',
-        endTitleColor = 'passionGradient',
-    } = params;
-    
-    let selectedIndex = initial ? options.findIndex((option) => option.value === initial) : 0;
-    
-    if (selectedIndex === -1) {
-        selectedIndex = 0;
+import { stdin as input, stdout as output } from "node:process";
+import readline from "node:readline";
+import { cyanBright, dim, greenBright, redBright } from "picocolors";
+import { deleteLastLine } from "../../main.js";
+import { bar, fmt, msg, symbols } from "../../utils/messages.js";
+export async function selectPrompt(params) {
+  const {
+    title,
+    options,
+    initial,
+    required = false,
+    borderColor = "viceGradient",
+    titleColor = "cyanBright",
+    titleTypography = "bold",
+    titleVariant,
+    border = true,
+    endTitle = "\u{1F44B}",
+    endTitleColor = "passionGradient",
+    maxItems
+  } = params;
+  let selectedIndex = initial ? options.findIndex((option) => option.value === initial) : 0;
+  if (selectedIndex === -1) {
+    selectedIndex = 0;
+  }
+  const rl = readline.createInterface({ input, output });
+  readline.emitKeypressEvents(input, rl);
+  if (typeof input.setRawMode === "function") {
+    input.setRawMode(true);
+  }
+  const formattedBar = bar({ borderColor });
+  let linesRendered = 0;
+  const instructions = `Use <\u2191/\u2193> or <k/j> to navigate, <Enter> to select, <Ctrl+C> to exit`;
+  let errorMessage = "";
+  function renderOptions() {
+    if (linesRendered > 0) {
+      process.stdout.write(`\x1B[${linesRendered}A`);
     }
-    
-    const rl = readline.createInterface({
-        input,
-        output,
-    });
-    readline.emitKeypressEvents(input, rl);
-    input.setRawMode?.(true);
-    const formattedBar = bar({
-        borderColor,
-    });
-    let linesRendered = 0;
-    const instructions = `Use <\u2191/\u2193> or <k/j> to navigate, <Enter> to select, <Ctrl+C> to exit`;
-    let errorMessage = '';
-    
-    function renderOptions() {
-        if (linesRendered > 0) {
-            process.stdout.write(`\x1B[${linesRendered}A`);
-        }
-        
-        let outputStr = `${greenBright(symbols.step_active)}  ${fmt({
-            type: 'M_NULL',
-            title,
-            titleColor,
-        })}
+    let outputStr = `${greenBright(symbols.step_active)}  ${fmt({
+      type: "M_NULL",
+      title,
+      titleColor
+    })}
 `;
-        
-        if (errorMessage) {
-            outputStr += `${redBright(symbols.step_error)}  ${errorMessage}
+    if (errorMessage) {
+      outputStr += `${redBright(symbols.step_error)}  ${errorMessage}
 `;
-        } else {
-            outputStr += `${formattedBar}  ${dim(instructions)}
+    } else {
+      outputStr += `${formattedBar}  ${dim(instructions)}
 `;
-        }
-        
-        for (const [index, option] of options.entries()) {
-            const isSelected = index === selectedIndex;
-            const prefix = isSelected ? '> ' : '  ';
-            const optionLabel = isSelected ? cyanBright(option.label) : option.label;
-            const hint = option.hint ? ` (${option.hint})` : '';
-            
-            outputStr += `${formattedBar} ${prefix}${optionLabel}${dim(hint)}
+    }
+    const terminalHeight = process.stdout.rows || 24;
+    const availableHeight = terminalHeight - 4;
+    const computedMaxItems = Math.min(
+      maxItems ?? Infinity,
+      availableHeight > 0 ? availableHeight : Infinity,
+      options.length
+    );
+    const minItems = 3;
+    const displayItems = Math.max(computedMaxItems, minItems);
+    let startIdx = 0;
+    let endIdx = options.length - 1;
+    if (options.length > displayItems) {
+      const half = Math.floor(displayItems / 2);
+      startIdx = selectedIndex - half;
+      endIdx = selectedIndex + (displayItems - half - 1);
+      if (startIdx < 0) {
+        startIdx = 0;
+        endIdx = displayItems - 1;
+      } else if (endIdx >= options.length) {
+        endIdx = options.length - 1;
+        startIdx = options.length - displayItems;
+      }
+    }
+    const shouldRenderTopEllipsis = startIdx > 0;
+    const shouldRenderBottomEllipsis = endIdx < options.length - 1;
+    if (shouldRenderTopEllipsis) {
+      outputStr += `${formattedBar}  ${dim("...")}
 `;
-        }
-        
-        process.stdout.write(outputStr);
-        linesRendered = 1 + 1 + options.length;
     }
-
-    renderOptions();
-    return new Promise((resolve) => {
-        function onKeyPress(str, key) {
-            if (key.name === 'up' || key.name === 'k') {
-                selectedIndex = (selectedIndex - 1 + options.length) % options.length;
-                errorMessage = '';
-                renderOptions();
-            } else if (key.name === 'down' || key.name === 'j') {
-                selectedIndex = (selectedIndex + 1) % options.length;
-                errorMessage = '';
-                renderOptions();
-            } else if (key.name === 'return') {
-                if (required && !options[selectedIndex].value) {
-                    deleteLastLine();
-                    errorMessage = 'You must select an option.';
-                    renderOptions();
-                } else {
-                    cleanup();
-                    resolve(options[selectedIndex].value);
-                    deleteLastLine();
-                    deleteLastLine();
-                    msg({
-                        type: 'M_MIDDLE',
-                    });
-                }
-            } else if (key.name === 'c' && key.ctrl) {
-                msg({
-                    type: 'M_NEWLINE',
-                });
-                msg({
-                    type: 'M_END',
-                    title: endTitle,
-                    titleColor: endTitleColor,
-                    titleTypography,
-                    titleVariant,
-                    border,
-                    borderColor,
-                });
-                cleanup();
-            }
-
-
-        }
-
-        function cleanup() {
-            input.setRawMode?.(false);
-            rl.close();
-            input.removeListener('keypress', onKeyPress);
-            process.stdout.write(`\x1B[${linesRendered}B`);
+    for (let index = startIdx; index <= endIdx; index++) {
+      const option = options[index];
+      const isSelected = index === selectedIndex;
+      const prefix = isSelected ? "> " : "  ";
+      const optionLabel = isSelected ? cyanBright(option.label) : option.label;
+      const hint = option.hint ? ` (${option.hint})` : "";
+      outputStr += `${formattedBar} ${prefix}${optionLabel}${dim(hint)}
+`;
+    }
+    if (shouldRenderBottomEllipsis) {
+      outputStr += `${formattedBar}  ${dim("...")}
+`;
+    }
+    linesRendered = 1 + // Title
+    1 + // Instructions or error message
+    (shouldRenderTopEllipsis ? 1 : 0) + // Top ellipsis
+    (endIdx - startIdx + 1) + // Displayed options
+    (shouldRenderBottomEllipsis ? 1 : 0);
+    process.stdout.write(outputStr);
+  }
+  renderOptions();
+  return new Promise((resolve) => {
+    function onKeyPress(str, key) {
+      if (key.name === "up" || key.name === "k") {
+        selectedIndex = (selectedIndex - 1 + options.length) % options.length;
+        errorMessage = "";
+        renderOptions();
+      } else if (key.name === "down" || key.name === "j") {
+        selectedIndex = (selectedIndex + 1) % options.length;
+        errorMessage = "";
+        renderOptions();
+      } else if (key.name === "return") {
+        if (required && !options[selectedIndex].value) {
+          deleteLastLine();
+          errorMessage = "You must select an option.";
+          renderOptions();
+        } else {
+          cleanup();
+          resolve(options[selectedIndex].value);
+          deleteLastLine();
+          deleteLastLine();
         }
-
-        input.on('keypress', onKeyPress);
-    });
+      } else if (key.name === "c" && key.ctrl) {
+        msg({ type: "M_NEWLINE" });
+        msg({
+          type: "M_END",
+          title: endTitle,
+          titleColor: endTitleColor,
+          titleTypography,
+          titleVariant,
+          border,
+          borderColor
+        });
+        cleanup(true);
+      }
+    }
+    function cleanup(isCtrlC = false) {
+      if (typeof input.setRawMode === "function") {
+        input.setRawMode(false);
+      }
+      rl.close();
+      input.removeListener("keypress", onKeyPress);
+      process.stdout.write(`\x1B[${linesRendered}B`);
+      if (isCtrlC) {
+        process.exit();
+      } else {
+        console.log();
+      }
+    }
+    input.on("keypress", onKeyPress);
+  });
 }

package/dist-npm/components/select/select-three.js

@@ -1,39 +1,35 @@
-import Prompt from '../../components/prompts/prompt.js';
-
+import Prompt from "../../components/prompts/prompt.js";
 export default class SelectPrompt extends Prompt {
-    options;
-    cursor = 0;
-    get _value() {
-        return this.options[this.cursor];
-    }
-    
-    changeValue() {
-        this.value = this._value.value;
-    }
-    
-    constructor(opts) {
-        super(opts, false);
-        this.options = opts.options;
-        this.cursor = this.options.findIndex(({value}) => value === opts.initialValue);
-        if (this.cursor === -1) {
-            this.cursor = 0;
-        }
-        
-        this.changeValue();
-        this.on('cursor', (key) => {
-            switch(key) {
-            case 'left':            
-            case 'up':
-                this.cursor = !this.cursor ? this.options.length - 1 : this.cursor - 1;
-                break;
-            
-            case 'down':            
-            case 'right':
-                this.cursor = this.cursor === this.options.length - 1 ? 0 : this.cursor + 1;
-                break;
-            }
-            
-            this.changeValue();
-        });
+  options;
+  cursor = 0;
+  get _value() {
+    return this.options[this.cursor];
+  }
+  changeValue() {
+    this.value = this._value.value;
+  }
+  constructor(opts) {
+    super(opts, false);
+    this.options = opts.options;
+    this.cursor = this.options.findIndex(
+      ({ value }) => value === opts.initialValue
+    );
+    if (this.cursor === -1) {
+      this.cursor = 0;
     }
+    this.changeValue();
+    this.on("cursor", (key) => {
+      switch (key) {
+        case "left":
+        case "up":
+          this.cursor = this.cursor === 0 ? this.options.length - 1 : this.cursor - 1;
+          break;
+        case "down":
+        case "right":
+          this.cursor = this.cursor === this.options.length - 1 ? 0 : this.cursor + 1;
+          break;
+      }
+      this.changeValue();
+    });
+  }
 }

package/dist-npm/components/select/select-two.js

@@ -1,91 +1,98 @@
-import {Value} from '@sinclair/typebox/value';
-import {stdout} from 'node:process';
-import {useKeyPress} from '../../components/core/useKeyPress.js';
-import {
-    resetCursorAndClear,
-    moveCursorAndClear,
-} from '../../utils/readline.js';
-
+import { Value } from "@sinclair/typebox/value";
+import { stdout } from "node:process";
+import color from "picocolors";
+import { useKeyPress } from "../../components/core/useKeyPress.js";
+import { colorize } from "../../utils/colorize.js";
+import { resetCursorAndClear, moveCursorAndClear } from "../../utils/readline.js";
 export async function selectPrompt(options) {
-    const {
-        choices,
-        defaultValue,
-        schema,
-    } = options;
-    
-    if (schema) {
-        throw Error(`Schema providing is currently not supported for selectPrompt().\n│  But don't worry, we're already handling some validations for you.`);
+  const {
+    title,
+    choices,
+    defaultValue,
+    schema,
+    titleColor = "cyanBright",
+    titleTypography = "bold"
+  } = options;
+  if (schema) {
+    throw new Error(
+      "Schema providing is currently not supported for selectPrompt().\n\u2502  But don't worry, we're already handling some validations for you."
+    );
+  }
+  if (!choices || choices.length === 0) {
+    throw new Error("Choices are required for select prompt.");
+  }
+  const coloredTitle = colorize(title, titleColor, titleTypography);
+  let selectedIndex = defaultValue !== void 0 ? choices.findIndex(
+    (choice, index) => choice.id === defaultValue || index + 1 === Number(defaultValue)
+  ) : 0;
+  if (selectedIndex === -1) {
+    selectedIndex = 0;
+  }
+  function renderChoices() {
+    if (!choices) {
+      throw new Error("Choices are required for select prompt.");
     }
-    
-    if (!choices || !choices.length) {
-        throw Error('Choices are required for select prompt.');
-    }
-    
-    let selectedIndex = defaultValue !== void 0 ? choices.findIndex((choice, index) => choice.id === defaultValue || Number(defaultValue) === index + 1) : 0;
-    
-    if (selectedIndex === -1) {
-        selectedIndex = 0;
-    }
-    
-    function renderChoices() {
-        if (!choices) {
-            throw Error('Choices are required for select prompt.');
-        }
-        
-        resetCursorAndClear(stdout, 0, 0);
-    }
-
-    renderChoices();
-    return new Promise((resolve, reject) => {
-        const finalizeSelection = () => {
-            cleanupKeyPress();
-            moveCursorAndClear(stdout, 0, choices.length + 2);
-            const selectedChoice = choices[selectedIndex];
-            const selectedValue = selectedChoice?.id;
-            let isValid = true;
-            
-            if (schema) {
-                try {
-                    isValid = Value.Check(schema, selectedValue);
-                } catch {
-                    isValid = false;
-                }
-            }
-            
-            if (isValid) {
-                if (selectedChoice?.action) {
-                    selectedChoice
-                        .action()
-                        .then(() => resolve(selectedValue ?? ''))
-                        .catch(reject);
-                } else {
-                    resolve(selectedValue ?? '');
-                }
-            } else {
-                renderChoices();
-            }
-        };
-        
-        const handleKeyPress = (str, key) => {
-            if (key.name === 'up') {
-                selectedIndex = (selectedIndex - 1 + choices.length) % choices.length;
-                renderChoices();
-            } else if (key.name === 'down') {
-                selectedIndex = (selectedIndex + 1) % choices.length;
-                renderChoices();
-            } else if (key.name === 'return') {
-                finalizeSelection();
-            } else if (key.ctrl && key.name === 'c') {
-                cleanupKeyPress();
-            } else if (!isNaN(Number(str)) && Number(str) >= 1 && Number(str) <= choices.length) {
-                selectedIndex = Number(str) - 1;
-                finalizeSelection();
-            }
-
-
-
-        };
-        
-        const cleanupKeyPress = useKeyPress(handleKeyPress);
+    resetCursorAndClear(stdout, 0, 0);
+    console.log(color.cyanBright(color.bold(coloredTitle)));
+    choices.forEach((choice, index) => {
+      const isSelected = index === selectedIndex;
+      const prefix = isSelected ? color.greenBright(">") : " ";
+      const choiceText = isSelected ? color.bgGreen(color.black(choice.title)) : choice.title;
+      console.log(`${prefix} ${choiceText}`);
     });
+  }
+  renderChoices();
+  return new Promise((resolve, reject) => {
+    const finalizeSelection = () => {
+      cleanupKeyPress();
+      moveCursorAndClear(stdout, 0, choices.length + 2);
+      const selectedChoice = choices[selectedIndex];
+      const selectedValue = selectedChoice?.id;
+      let isValid = true;
+      let errorMessage = "Invalid input.";
+      if (schema) {
+        try {
+          isValid = Value.Check(schema, selectedValue);
+        } catch (error) {
+          isValid = false;
+          errorMessage = "Validation error.";
+          console.error(error);
+        }
+        if (!isValid) {
+          const errors = [...Value.Errors(schema, selectedValue)];
+          if (errors.length > 0) {
+            errorMessage = errors[0]?.message ?? "Invalid input.";
+          }
+        }
+      }
+      if (isValid) {
+        if (selectedChoice?.action) {
+          selectedChoice.action().then(() => resolve(selectedValue ?? "")).catch(reject);
+        } else {
+          resolve(selectedValue ?? "");
+        }
+      } else {
+        console.log(errorMessage);
+        renderChoices();
+      }
+    };
+    const handleKeyPress = (str, key) => {
+      if (key.name === "up") {
+        selectedIndex = (selectedIndex - 1 + choices.length) % choices.length;
+        renderChoices();
+      } else if (key.name === "down") {
+        selectedIndex = (selectedIndex + 1) % choices.length;
+        renderChoices();
+      } else if (key.name === "return") {
+        finalizeSelection();
+      } else if (key.ctrl && key.name === "c") {
+        cleanupKeyPress();
+        process.exit();
+      } else if (!isNaN(Number(str)) && Number(str) >= 1 && Number(str) <= choices.length) {
+        selectedIndex = Number(str) - 1;
+        finalizeSelection();
+      }
+    };
+    const cleanupKeyPress = useKeyPress(handleKeyPress);
+  });
 }