refactor(cli/unstable): dedupe logic between promptSelect and promptMultipleSelect (#6769)

---------

Co-authored-by: Yoshiya Hinosawa <[email protected]>

Author: crowlKats

cli/_prompt_select.ts

@@ -0,0 +1,190 @@
+// Copyright 2018-2025 the Deno authors. MIT license.
+
+import type { PromptEntry } from "./unstable_prompt_select.ts";
+
+const SAFE_PADDING = 4;
+
+const MORE_CONTENT_BEFORE_INDICATOR = "...";
+const MORE_CONTENT_AFTER_INDICATOR = "...";
+
+const input = Deno.stdin;
+const output = Deno.stdout;
+const encoder = new TextEncoder();
+const decoder = new TextDecoder();
+
+const CLEAR_ALL = encoder.encode("\x1b[J"); // Clear all lines after cursor
+const HIDE_CURSOR = encoder.encode("\x1b[?25l");
+const SHOW_CURSOR = encoder.encode("\x1b[?25h");
+
+/**
+ * @param message The prompt message to show to the user.
+ * @param indicator The string to indicate the selected item.
+ * @param values The values for the prompt.
+ * @param clear Whether to clear the lines after the user's input.
+ * @param visibleLinesInit The initial number of lines to be visible at once.
+ * @param valueChange A function that is called when the value changes.
+ * @param handleInput A function that handles the input from the user. If it returns false, the prompt will continue. If it returns true, the prompt will exit with clean ups of terminal state (Use this for finalizing the selection). If it returns "return", the prompt will exit immediately without clean ups of terminal state (Use this for exiting the program).
+ */
+export function handlePromptSelect<V>(
+  message: string,
+  indicator: string,
+  values: PromptEntry<V>[],
+  clear: boolean | undefined,
+  visibleLinesInit: number | undefined,
+  valueChange: (active: boolean, absoluteIndex: number) => string | void,
+  handleInput: (str: string, absoluteIndex: number | undefined, actions: {
+    etx(): "return";
+    up(): void;
+    down(): void;
+    remove(): void;
+    inputStr(): void;
+  }) => boolean | "return",
+) {
+  const indexedValues = values.map((value, absoluteIndex) => ({
+    value,
+    absoluteIndex,
+  }));
+  let clearLength = indexedValues.length + 1;
+
+  const PADDING = " ".repeat(indicator.length);
+  const ARROW_PADDING = " ".repeat(indicator.length + 1);
+
+  // Deno.consoleSize().rows - 3 because we need to output the message, the up arrow, the terminal line and the down arrow
+  let visibleLines = visibleLinesInit ?? Math.min(
+    Deno.consoleSize().rows - SAFE_PADDING,
+    values.length,
+  );
+
+  let activeIndex = 0;
+  let offset = 0;
+  let searchBuffer = "";
+  const buffer = new Uint8Array(4);
+
+  input.setRaw(true);
+  output.writeSync(HIDE_CURSOR);
+
+  while (true) {
+    output.writeSync(
+      encoder.encode(
+        `${message + (searchBuffer ? ` (filter: ${searchBuffer})` : "")}\r\n`,
+      ),
+    );
+    const filteredChunks = indexedValues.filter((item) => {
+      if (searchBuffer === "") {
+        return true;
+      } else {
+        return (typeof item.value === "string" ? item.value : item.value.label)
+          .toLowerCase().includes(searchBuffer.toLowerCase());
+      }
+    });
+    const visibleChunks = filteredChunks.slice(offset, visibleLines + offset);
+    const length = visibleChunks.length;
+
+    const hasUpArrow = offset !== 0;
+    const hasDownArrow = (length + offset) < filteredChunks.length;
+
+    if (hasUpArrow) {
+      output.writeSync(
+        encoder.encode(`${ARROW_PADDING}${MORE_CONTENT_BEFORE_INDICATOR}\r\n`),
+      );
+    }
+
+    for (
+      const [
+        index,
+        {
+          absoluteIndex,
+          value,
+        },
+      ] of visibleChunks.entries()
+    ) {
+      const active = index === (activeIndex - offset);
+      const start = active ? indicator : PADDING;
+      const maybePrefix = valueChange(active, absoluteIndex);
+      output.writeSync(
+        encoder.encode(
+          `${start}${maybePrefix ? ` ${maybePrefix}` : ""} ${
+            typeof value === "string" ? value : value.label
+          }\r\n`,
+        ),
+      );
+    }
+
+    if (hasDownArrow) {
+      output.writeSync(
+        encoder.encode(`${ARROW_PADDING}${MORE_CONTENT_AFTER_INDICATOR}\r\n`),
+      );
+    }
+    const n = input.readSync(buffer);
+    if (n === null || n === 0) break;
+    const string = decoder.decode(buffer.slice(0, n));
+
+    const processedInput = handleInput(
+      string,
+      filteredChunks[activeIndex]?.absoluteIndex,
+      {
+        etx: () => {
+          output.writeSync(SHOW_CURSOR);
+          Deno.exit(0);
+          return "return";
+        },
+        up: () => {
+          if (activeIndex === 0) {
+            activeIndex = filteredChunks.length - 1;
+            offset = Math.max(filteredChunks.length - visibleLines, 0);
+          } else {
+            activeIndex--;
+            offset = Math.max(offset - 1, 0);
+          }
+        },
+        down: () => {
+          if (activeIndex === (filteredChunks.length - 1)) {
+            activeIndex = 0;
+            offset = 0;
+          } else {
+            activeIndex++;
+
+            if (activeIndex >= visibleLines) {
+              offset++;
+            }
+          }
+        },
+        remove: () => {
+          activeIndex = 0;
+          searchBuffer = searchBuffer.slice(0, -1);
+        },
+        inputStr: () => {
+          activeIndex = 0;
+          searchBuffer += string;
+        },
+      },
+    );
+
+    if (processedInput === "return") {
+      return;
+    } else if (processedInput) {
+      break;
+    }
+
+    visibleLines = Math.min(
+      Deno.consoleSize().rows - SAFE_PADDING,
+      visibleLines,
+    );
+
+    clearLength = 1 + // message
+      (hasUpArrow ? 1 : 0) +
+      length +
+      (hasDownArrow ? 1 : 0);
+
+    output.writeSync(encoder.encode(`\x1b[${clearLength}A`));
+    output.writeSync(CLEAR_ALL);
+  }
+
+  if (clear) {
+    output.writeSync(encoder.encode(`\x1b[${clearLength}A`));
+    output.writeSync(CLEAR_ALL);
+  }
+
+  output.writeSync(SHOW_CURSOR);
+  input.setRaw(false);
+}