@shopify/cli-kit 4.8.5 → 4.9.0

package/dist/private/node/ui/components/ConcurrentOutput.js

@@ -1,3 +1,4 @@
+import { outputInfo } from '../../../../public/node/output.js';
 import { useComplete } from '../../ui.js';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { Box, Static, Text } from 'ink';
@@ -5,6 +6,7 @@ import figures from 'figures';
 import stripAnsi from 'strip-ansi';
 import { Writable } from 'stream';
 import { AsyncLocalStorage } from 'node:async_hooks';
+import { StringDecoder } from 'node:string_decoder';
 function addLeadingZero(number) {
     if (number < 10) {
         return `0${number}`;
@@ -24,6 +26,58 @@ const outputContextStore = new AsyncLocalStorage();
 function useConcurrentOutputContext(context, callback) {
     return outputContextStore.run(context, callback);
 }
+/** Runs finite processes concurrently and routes their output through the shared diagnostic context. */
+export async function runConcurrentProcessesForJson({ processes, abortSignal, }) {
+    await Promise.all(processes.map(async (process) => {
+        const createStream = () => {
+            const decoder = new StringDecoder('utf8');
+            let pending = '';
+            let hasPendingLine = false;
+            let prefix = process.prefix;
+            const emitLine = (line) => {
+                const message = stripAnsi(line);
+                if (message.trim().length > 0)
+                    outputInfo(`${prefix}: ${message}`);
+            };
+            const stream = new Writable({
+                write(chunk, _encoding, next) {
+                    if (chunk.length === 0) {
+                        next();
+                        return;
+                    }
+                    const currentPrefix = outputContextStore.getStore()?.outputPrefix ?? process.prefix;
+                    if (!hasPendingLine)
+                        prefix = currentPrefix;
+                    const lines = (pending + decoder.write(chunk)).split(/\r?\n/);
+                    pending = lines.pop() ?? '';
+                    for (const line of lines) {
+                        emitLine(line);
+                        prefix = currentPrefix;
+                    }
+                    hasPendingLine = chunk[chunk.length - 1] !== 10;
+                    next();
+                },
+            });
+            return {
+                stream,
+                flush: () => {
+                    emitLine((pending + decoder.end()).replace(/\r$/, ''));
+                    pending = '';
+                    hasPendingLine = false;
+                },
+            };
+        };
+        const stdout = createStream();
+        const stderr = createStream();
+        try {
+            await process.action(stdout.stream, stderr.stream, abortSignal);
+        }
+        finally {
+            stdout.flush();
+            stderr.flush();
+        }
+    }));
+}
 /**
  * Renders output from concurrent processes to the terminal.
  * Output will be divided in a three column layout

package/dist/private/node/ui/components/ConcurrentOutput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConcurrentOutput.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/ConcurrentOutput.tsx"],"names":[],"mappings":"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","sourcesContent":["import {OutputProcess} from '../../../../public/node/output.js'\nimport {AbortSignal} from '../../../../public/node/abort.js'\nimport {useComplete} from '../../ui.js'\nimport React, {FunctionComponent, useCallback, useEffect, useMemo, useState} from 'react'\nimport {Box, Static, Text, TextProps} from 'ink'\nimport figures from 'figures'\nimport stripAnsi from 'strip-ansi'\n\nimport {Writable} from 'stream'\nimport {AsyncLocalStorage} from 'node:async_hooks'\n\nexport interface ConcurrentOutputProps {\n  processes: OutputProcess[]\n  prefixColumnSize?: number\n  abortSignal: AbortSignal\n  showTimestamps?: boolean\n  keepRunningAfterProcessesResolve?: boolean\n  useAlternativeColorPalette?: boolean\n}\n\ninterface Chunk {\n  color: TextProps['color']\n  prefix: string\n  lines: string[]\n}\n\nfunction addLeadingZero(number: number) {\n  if (number < 10) {\n    return `0${number}`\n  } else {\n    return number.toString()\n  }\n}\n\nfunction currentTime() {\n  const currentDateTime = new Date()\n  const hours = addLeadingZero(currentDateTime.getHours())\n  const minutes = addLeadingZero(currentDateTime.getMinutes())\n  const seconds = addLeadingZero(currentDateTime.getSeconds())\n  return `${hours}:${minutes}:${seconds}`\n}\n\ninterface ConcurrentOutputContext {\n  outputPrefix?: string\n  stripAnsi?: boolean\n}\n\nconst outputContextStore = new AsyncLocalStorage<ConcurrentOutputContext>()\n\nfunction useConcurrentOutputContext<T>(context: ConcurrentOutputContext, callback: () => T): T {\n  return outputContextStore.run(context, callback)\n}\n\n/**\n * Renders output from concurrent processes to the terminal.\n * Output will be divided in a three column layout\n * with the left column containing the timestamp,\n * the right column containing the output,\n * and the middle column containing the process prefix.\n * Every process will be rendered with a different color, up to 4 colors.\n *\n * For example running `shopify app dev`:\n *\n * ```shell\n * 2022-10-10 13:11:03 | backend    | npm\n * 2022-10-10 13:11:03 | backend    |  WARN ignoring workspace config at ...\n * 2022-10-10 13:11:03 | backend    |\n * 2022-10-10 13:11:03 | backend    |\n * 2022-10-10 13:11:03 | backend    | > shopify-app-template-node@0.1.0 dev\n * 2022-10-10 13:11:03 | backend    | > cross-env NODE_ENV=development nodemon backend/index.js --watch ./backend\n * 2022-10-10 13:11:03 | backend    |\n * 2022-10-10 13:11:03 | backend    |\n * 2022-10-10 13:11:03 | frontend   |\n * 2022-10-10 13:11:03 | frontend   | > starter-react-frontend-app@0.1.0 dev\n * 2022-10-10 13:11:03 | frontend   | > cross-env NODE_ENV=development node vite-server.js\n * 2022-10-10 13:11:03 | frontend   |\n * 2022-10-10 13:11:03 | frontend   |\n * 2022-10-10 13:11:03 | backend    |\n * 2022-10-10 13:11:03 | backend    | [nodemon] to restart at any time, enter `rs`\n * 2022-10-10 13:11:03 | backend    | [nodemon] watching path(s): backend/\n * 2022-10-10 13:11:03 | backend    | [nodemon] watching extensions: js,mjs,json\n * 2022-10-10 13:11:03 | backend    | [nodemon] starting `node backend/index.js`\n * 2022-10-10 13:11:03 | backend    |\n *\n * ```\n */\nconst ConcurrentOutput: FunctionComponent<ConcurrentOutputProps> = ({\n  processes,\n  prefixColumnSize,\n  abortSignal,\n  showTimestamps = true,\n  keepRunningAfterProcessesResolve = false,\n  useAlternativeColorPalette = false,\n}) => {\n  const [processOutput, setProcessOutput] = useState<Chunk[]>([])\n  const [completionResult, setCompletionResult] = useState<{error?: Error} | null>(null)\n  const complete = useComplete()\n  const concurrentColors: TextProps['color'][] = useMemo(\n    () =>\n      useAlternativeColorPalette\n        ? ['#b994c3', '#e69e19', '#d17a73', 'cyan', 'magenta', 'blue']\n        : ['yellow', 'cyan', 'magenta', 'green', 'blue'],\n    [useAlternativeColorPalette],\n  )\n\n  const calculatedPrefixColumnSize = useMemo(() => {\n    const maxColumnSize = 25\n\n    // If the prefixColumnSize is not provided, we calculate it based on the longest process prefix\n    const columnSize =\n      prefixColumnSize ??\n      processes.reduce((maxPrefixLength, process) => Math.max(maxPrefixLength, process.prefix.length), 0)\n\n    // Apply overall limit to the prefix column size\n    return Math.min(columnSize, maxColumnSize)\n  }, [processes, prefixColumnSize])\n\n  const addPrefix = (prefix: string, prefixes: string[]) => {\n    const index = prefixes.indexOf(prefix)\n    if (index !== -1) {\n      return index\n    }\n    prefixes.push(prefix)\n    return prefixes.length - 1\n  }\n\n  const lineColor = useCallback(\n    (index: number) => {\n      const colorIndex = index % concurrentColors.length\n      return concurrentColors[colorIndex]\n    },\n    [concurrentColors],\n  )\n\n  const writableStream = useCallback(\n    (process: OutputProcess, prefixes: string[]) => {\n      return new Writable({\n        write(chunk, _encoding, next) {\n          const context = outputContextStore.getStore()\n          const prefix = context?.outputPrefix ?? process.prefix\n          const shouldStripAnsi = context?.stripAnsi ?? true\n          const log = chunk.toString('utf8').replace(/(\\n)$/, '')\n\n          const index = addPrefix(prefix, prefixes)\n\n          const lines = shouldStripAnsi ? stripAnsi(log).split(/\\n/) : log.split(/\\n/)\n          setProcessOutput((previousProcessOutput) => [\n            ...previousProcessOutput,\n            {\n              color: lineColor(index),\n              prefix,\n              lines,\n            },\n          ])\n          next()\n        },\n      })\n    },\n    [lineColor],\n  )\n\n  const formatPrefix = (prefix: string) => {\n    // Truncate prefix if needed\n    if (prefix.length > calculatedPrefixColumnSize) {\n      return prefix.substring(0, calculatedPrefixColumnSize)\n    }\n\n    return `${' '.repeat(calculatedPrefixColumnSize - prefix.length)}${prefix}`\n  }\n\n  useEffect(() => {\n    const runProcesses = async () => {\n      const prefixes: string[] = []\n\n      try {\n        await Promise.all(\n          processes.map(async (process) => {\n            const stdout = writableStream(process, prefixes)\n            const stderr = writableStream(process, prefixes)\n            await process.action(stdout, stderr, abortSignal)\n          }),\n        )\n        if (!keepRunningAfterProcessesResolve) {\n          setCompletionResult({})\n        }\n        // eslint-disable-next-line no-catch-all/no-catch-all\n      } catch (error: unknown) {\n        if (!keepRunningAfterProcessesResolve) {\n          setCompletionResult({error: error as Error})\n        }\n      }\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    runProcesses()\n  }, [abortSignal, processes, writableStream, keepRunningAfterProcessesResolve])\n\n  useEffect(() => {\n    if (completionResult !== null) {\n      complete(completionResult.error)\n    }\n  }, [completionResult, complete])\n\n  const {lineVertical} = figures\n\n  return (\n    <Static items={processOutput}>\n      {(chunk, index) => {\n        return (\n          <Box flexDirection=\"column\" key={index}>\n            {chunk.lines.map((line, index) => (\n              <Box key={index} flexDirection=\"row\">\n                <Text>\n                  {showTimestamps ? (\n                    <Text>\n                      {currentTime()} {lineVertical}{' '}\n                    </Text>\n                  ) : null}\n                  <Text color={chunk.color}>{formatPrefix(chunk.prefix)}</Text>\n                  <Text>\n                    {' '}\n                    {lineVertical} {line}\n                  </Text>\n                </Text>\n              </Box>\n            ))}\n          </Box>\n        )\n      }}\n    </Static>\n  )\n}\nexport {ConcurrentOutput, ConcurrentOutputContext, useConcurrentOutputContext}\n"]}
+{"version":3,"file":"ConcurrentOutput.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/ConcurrentOutput.tsx"],"names":[],"mappings":"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","sourcesContent":["import {outputInfo, type OutputProcess} from '../../../../public/node/output.js'\nimport {AbortSignal} from '../../../../public/node/abort.js'\nimport {useComplete} from '../../ui.js'\nimport React, {FunctionComponent, useCallback, useEffect, useMemo, useState} from 'react'\nimport {Box, Static, Text, TextProps} from 'ink'\nimport figures from 'figures'\nimport stripAnsi from 'strip-ansi'\n\nimport {Writable} from 'stream'\nimport {AsyncLocalStorage} from 'node:async_hooks'\nimport {StringDecoder} from 'node:string_decoder'\n\nexport interface ConcurrentOutputProps {\n  processes: OutputProcess[]\n  prefixColumnSize?: number\n  abortSignal: AbortSignal\n  showTimestamps?: boolean\n  /**\n   * Keeps terminal UI running after all processes finish. Defaults to false.\n   * In JSON mode, false uses finite progress/diagnostic events; true retains streaming terminal UI.\n   */\n  keepRunningAfterProcessesResolve?: boolean\n  useAlternativeColorPalette?: boolean\n}\n\ninterface Chunk {\n  color: TextProps['color']\n  prefix: string\n  lines: string[]\n}\n\nfunction addLeadingZero(number: number) {\n  if (number < 10) {\n    return `0${number}`\n  } else {\n    return number.toString()\n  }\n}\n\nfunction currentTime() {\n  const currentDateTime = new Date()\n  const hours = addLeadingZero(currentDateTime.getHours())\n  const minutes = addLeadingZero(currentDateTime.getMinutes())\n  const seconds = addLeadingZero(currentDateTime.getSeconds())\n  return `${hours}:${minutes}:${seconds}`\n}\n\ninterface ConcurrentOutputContext {\n  outputPrefix?: string\n  /** Controls ANSI stripping for terminal output. JSON diagnostics are always unstyled. */\n  stripAnsi?: boolean\n}\n\nconst outputContextStore = new AsyncLocalStorage<ConcurrentOutputContext>()\n\nfunction useConcurrentOutputContext<T>(context: ConcurrentOutputContext, callback: () => T): T {\n  return outputContextStore.run(context, callback)\n}\n\n/** Runs finite processes concurrently and routes their output through the shared diagnostic context. */\nexport async function runConcurrentProcessesForJson({\n  processes,\n  abortSignal,\n}: Pick<ConcurrentOutputProps, 'processes' | 'abortSignal'>): Promise<void> {\n  await Promise.all(\n    processes.map(async (process) => {\n      const createStream = () => {\n        const decoder = new StringDecoder('utf8')\n        let pending = ''\n        let hasPendingLine = false\n        let prefix = process.prefix\n        const emitLine = (line: string) => {\n          const message = stripAnsi(line)\n          if (message.trim().length > 0) outputInfo(`${prefix}: ${message}`)\n        }\n        const stream = new Writable({\n          write(chunk, _encoding, next) {\n            if (chunk.length === 0) {\n              next()\n              return\n            }\n            const currentPrefix = outputContextStore.getStore()?.outputPrefix ?? process.prefix\n            if (!hasPendingLine) prefix = currentPrefix\n            const lines = (pending + decoder.write(chunk)).split(/\\r?\\n/)\n            pending = lines.pop() ?? ''\n            for (const line of lines) {\n              emitLine(line)\n              prefix = currentPrefix\n            }\n            hasPendingLine = chunk[chunk.length - 1] !== 10\n            next()\n          },\n        })\n        return {\n          stream,\n          flush: () => {\n            emitLine((pending + decoder.end()).replace(/\\r$/, ''))\n            pending = ''\n            hasPendingLine = false\n          },\n        }\n      }\n      const stdout = createStream()\n      const stderr = createStream()\n      try {\n        await process.action(stdout.stream, stderr.stream, abortSignal)\n      } finally {\n        stdout.flush()\n        stderr.flush()\n      }\n    }),\n  )\n}\n\n/**\n * Renders output from concurrent processes to the terminal.\n * Output will be divided in a three column layout\n * with the left column containing the timestamp,\n * the right column containing the output,\n * and the middle column containing the process prefix.\n * Every process will be rendered with a different color, up to 4 colors.\n *\n * For example running `shopify app dev`:\n *\n * ```shell\n * 2022-10-10 13:11:03 | backend    | npm\n * 2022-10-10 13:11:03 | backend    |  WARN ignoring workspace config at ...\n * 2022-10-10 13:11:03 | backend    |\n * 2022-10-10 13:11:03 | backend    |\n * 2022-10-10 13:11:03 | backend    | > shopify-app-template-node@0.1.0 dev\n * 2022-10-10 13:11:03 | backend    | > cross-env NODE_ENV=development nodemon backend/index.js --watch ./backend\n * 2022-10-10 13:11:03 | backend    |\n * 2022-10-10 13:11:03 | backend    |\n * 2022-10-10 13:11:03 | frontend   |\n * 2022-10-10 13:11:03 | frontend   | > starter-react-frontend-app@0.1.0 dev\n * 2022-10-10 13:11:03 | frontend   | > cross-env NODE_ENV=development node vite-server.js\n * 2022-10-10 13:11:03 | frontend   |\n * 2022-10-10 13:11:03 | frontend   |\n * 2022-10-10 13:11:03 | backend    |\n * 2022-10-10 13:11:03 | backend    | [nodemon] to restart at any time, enter `rs`\n * 2022-10-10 13:11:03 | backend    | [nodemon] watching path(s): backend/\n * 2022-10-10 13:11:03 | backend    | [nodemon] watching extensions: js,mjs,json\n * 2022-10-10 13:11:03 | backend    | [nodemon] starting `node backend/index.js`\n * 2022-10-10 13:11:03 | backend    |\n *\n * ```\n */\nconst ConcurrentOutput: FunctionComponent<ConcurrentOutputProps> = ({\n  processes,\n  prefixColumnSize,\n  abortSignal,\n  showTimestamps = true,\n  keepRunningAfterProcessesResolve = false,\n  useAlternativeColorPalette = false,\n}) => {\n  const [processOutput, setProcessOutput] = useState<Chunk[]>([])\n  const [completionResult, setCompletionResult] = useState<{error?: Error} | null>(null)\n  const complete = useComplete()\n  const concurrentColors: TextProps['color'][] = useMemo(\n    () =>\n      useAlternativeColorPalette\n        ? ['#b994c3', '#e69e19', '#d17a73', 'cyan', 'magenta', 'blue']\n        : ['yellow', 'cyan', 'magenta', 'green', 'blue'],\n    [useAlternativeColorPalette],\n  )\n\n  const calculatedPrefixColumnSize = useMemo(() => {\n    const maxColumnSize = 25\n\n    // If the prefixColumnSize is not provided, we calculate it based on the longest process prefix\n    const columnSize =\n      prefixColumnSize ??\n      processes.reduce((maxPrefixLength, process) => Math.max(maxPrefixLength, process.prefix.length), 0)\n\n    // Apply overall limit to the prefix column size\n    return Math.min(columnSize, maxColumnSize)\n  }, [processes, prefixColumnSize])\n\n  const addPrefix = (prefix: string, prefixes: string[]) => {\n    const index = prefixes.indexOf(prefix)\n    if (index !== -1) {\n      return index\n    }\n    prefixes.push(prefix)\n    return prefixes.length - 1\n  }\n\n  const lineColor = useCallback(\n    (index: number) => {\n      const colorIndex = index % concurrentColors.length\n      return concurrentColors[colorIndex]\n    },\n    [concurrentColors],\n  )\n\n  const writableStream = useCallback(\n    (process: OutputProcess, prefixes: string[]) => {\n      return new Writable({\n        write(chunk, _encoding, next) {\n          const context = outputContextStore.getStore()\n          const prefix = context?.outputPrefix ?? process.prefix\n          const shouldStripAnsi = context?.stripAnsi ?? true\n          const log = chunk.toString('utf8').replace(/(\\n)$/, '')\n\n          const index = addPrefix(prefix, prefixes)\n\n          const lines = shouldStripAnsi ? stripAnsi(log).split(/\\n/) : log.split(/\\n/)\n          setProcessOutput((previousProcessOutput) => [\n            ...previousProcessOutput,\n            {\n              color: lineColor(index),\n              prefix,\n              lines,\n            },\n          ])\n          next()\n        },\n      })\n    },\n    [lineColor],\n  )\n\n  const formatPrefix = (prefix: string) => {\n    // Truncate prefix if needed\n    if (prefix.length > calculatedPrefixColumnSize) {\n      return prefix.substring(0, calculatedPrefixColumnSize)\n    }\n\n    return `${' '.repeat(calculatedPrefixColumnSize - prefix.length)}${prefix}`\n  }\n\n  useEffect(() => {\n    const runProcesses = async () => {\n      const prefixes: string[] = []\n\n      try {\n        await Promise.all(\n          processes.map(async (process) => {\n            const stdout = writableStream(process, prefixes)\n            const stderr = writableStream(process, prefixes)\n            await process.action(stdout, stderr, abortSignal)\n          }),\n        )\n        if (!keepRunningAfterProcessesResolve) {\n          setCompletionResult({})\n        }\n        // eslint-disable-next-line no-catch-all/no-catch-all\n      } catch (error: unknown) {\n        if (!keepRunningAfterProcessesResolve) {\n          setCompletionResult({error: error as Error})\n        }\n      }\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    runProcesses()\n  }, [abortSignal, processes, writableStream, keepRunningAfterProcessesResolve])\n\n  useEffect(() => {\n    if (completionResult !== null) {\n      complete(completionResult.error)\n    }\n  }, [completionResult, complete])\n\n  const {lineVertical} = figures\n\n  return (\n    <Static items={processOutput}>\n      {(chunk, index) => {\n        return (\n          <Box flexDirection=\"column\" key={index}>\n            {chunk.lines.map((line, index) => (\n              <Box key={index} flexDirection=\"row\">\n                <Text>\n                  {showTimestamps ? (\n                    <Text>\n                      {currentTime()} {lineVertical}{' '}\n                    </Text>\n                  ) : null}\n                  <Text color={chunk.color}>{formatPrefix(chunk.prefix)}</Text>\n                  <Text>\n                    {' '}\n                    {lineVertical} {line}\n                  </Text>\n                </Text>\n              </Box>\n            ))}\n          </Box>\n        )\n      }}\n    </Static>\n  )\n}\nexport {ConcurrentOutput, ConcurrentOutputContext, useConcurrentOutputContext}\n"]}

package/dist/private/node/ui/components/DangerousConfirmationPrompt.js

@@ -4,6 +4,7 @@ import { InfoTable } from './Prompts/InfoTable.js';
 import { handleCtrlC, useComplete } from '../../ui.js';
 import useLayout from '../hooks/use-layout.js';
 import { messageWithPunctuation } from '../utilities.js';
+import { platformAndArch } from '../../../../public/node/os.js';
 import useAbortSignal from '../hooks/use-abort-signal.js';
 import usePrompt, { PromptState } from '../hooks/use-prompt.js';
 import React, { useCallback, useEffect, useState } from 'react';
@@ -20,7 +21,6 @@ const DangerousConfirmationPrompt = ({ message, confirmation, infoTable, warning
     const complete = useComplete();
     const [error, setError] = useState(undefined);
     const color = promptState === PromptState.Error ? 'red' : 'cyan';
-    const underline = new Array(oneThird - 3).fill('▔');
     const { isAborted } = useAbortSignal(abortSignal);
     useInput((input, key) => {
         handleCtrlC(input, key);
@@ -75,8 +75,8 @@ const DangerousConfirmationPrompt = ({ message, confirmation, infoTable, warning
                                 setAnswer(answer);
                                 setPromptState(PromptState.Idle);
                             }, defaultValue: "", color: color }))),
-                React.createElement(Box, { marginLeft: 3 },
-                    React.createElement(Text, { color: color }, underline)),
+                platformAndArch().platform === 'windows' ? (React.createElement(Box, { marginLeft: 3, borderStyle: "single", borderColor: color, borderBottom: false, borderLeft: false, borderRight: false })) : (React.createElement(Box, { marginLeft: 3 },
+                    React.createElement(Text, { color: color }, '▔'.repeat(oneThird - 3)))),
                 promptState === PromptState.Error && error ? (React.createElement(Box, { marginLeft: 3 },
                     React.createElement(Text, { color: color },
                         React.createElement(TokenizedText, { item: error })))) : null)))));

package/dist/private/node/ui/components/DangerousConfirmationPrompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"DangerousConfirmationPrompt.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/DangerousConfirmationPrompt.tsx"],"names":[],"mappings":"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","sourcesContent":["import {TextInput} from './TextInput.js'\nimport {TokenizedText} from './TokenizedText.js'\nimport {InfoTable, InfoTableProps} from './Prompts/InfoTable.js'\nimport {handleCtrlC, useComplete} from '../../ui.js'\nimport useLayout from '../hooks/use-layout.js'\nimport {messageWithPunctuation} from '../utilities.js'\nimport {AbortSignal} from '../../../../public/node/abort.js'\nimport useAbortSignal from '../hooks/use-abort-signal.js'\nimport usePrompt, {PromptState} from '../hooks/use-prompt.js'\n\nimport React, {FunctionComponent, useCallback, useEffect, useState} from 'react'\nimport {Box, useInput, Text} from 'ink'\nimport figures from 'figures'\nimport type {InlineToken, TokenItem} from './token-item.js'\n\nexport interface DangerousConfirmationPromptProps {\n  message: string\n  confirmation: string\n  infoTable?: InfoTableProps['table']\n  warningItem?: TokenItem<InlineToken>\n  onSubmit: (value: boolean) => void\n  abortSignal?: AbortSignal\n}\n\nconst DangerousConfirmationPrompt: FunctionComponent<DangerousConfirmationPromptProps> = ({\n  message,\n  confirmation,\n  infoTable,\n  warningItem,\n  onSubmit,\n  abortSignal,\n}) => {\n  const validateAnswer = useCallback(\n    (value: string): TokenItem<InlineToken> | undefined => {\n      return value === confirmation ? undefined : ['Value must be exactly', {userInput: confirmation}]\n    },\n    [confirmation],\n  )\n\n  const {oneThird, twoThirds} = useLayout()\n  const {promptState, setPromptState, answer, setAnswer} = usePrompt<string>({\n    initialAnswer: '',\n  })\n  const complete = useComplete()\n  const [error, setError] = useState<TokenItem<InlineToken> | undefined>(undefined)\n  const color = promptState === PromptState.Error ? 'red' : 'cyan'\n  const underline = new Array(oneThird - 3).fill('▔')\n  const {isAborted} = useAbortSignal(abortSignal)\n\n  useInput((input, key) => {\n    handleCtrlC(input, key)\n\n    if (key.escape) {\n      setPromptState(PromptState.Cancelled)\n      setError(undefined)\n    }\n\n    if (key.return) {\n      const error = validateAnswer(answer)\n\n      if (error) {\n        setPromptState(PromptState.Error)\n        setError(error)\n      } else {\n        setPromptState(PromptState.Submitted)\n      }\n    }\n  })\n\n  useEffect(() => {\n    if (promptState === PromptState.Submitted) {\n      onSubmit(true)\n      complete()\n    } else if (promptState === PromptState.Cancelled) {\n      onSubmit(false)\n      complete()\n    }\n  }, [onSubmit, promptState, complete])\n\n  const completed = promptState === PromptState.Submitted || promptState === PromptState.Cancelled\n\n  return isAborted ? null : (\n    <Box flexDirection=\"column\" marginBottom={1} width={twoThirds}>\n      <Box>\n        <Box marginRight={2}>\n          <Text>?</Text>\n        </Box>\n        <TokenizedText item={messageWithPunctuation(message)} />\n      </Box>\n      {completed ? (\n        <CompletedPrompt {...{cancelled: promptState === PromptState.Cancelled}} />\n      ) : (\n        <>\n          <Box flexDirection=\"column\" gap={1} marginTop={1} marginLeft={3}>\n            {infoTable ? (\n              <Box\n                paddingLeft={2}\n                borderStyle=\"bold\"\n                borderLeft\n                borderRight={false}\n                borderTop={false}\n                borderBottom={false}\n                flexDirection=\"column\"\n                gap={1}\n              >\n                <InfoTable table={infoTable} />\n              </Box>\n            ) : null}\n            {warningItem ? (\n              <Box flexDirection=\"column\">\n                <Text color=\"red\">{figures.warning} WARNING</Text>\n                <TokenizedText item={warningItem} />\n              </Box>\n            ) : null}\n            <Box>\n              <TokenizedText item={['Type', {userInput: confirmation}, 'to confirm, or press Escape to cancel.']} />\n            </Box>\n          </Box>\n          <Box flexDirection=\"column\" width={oneThird}>\n            <Box>\n              <Box marginRight={2}>\n                <Text color={color}>{`>`}</Text>\n              </Box>\n              <Box flexGrow={1}>\n                <TextInput\n                  value={answer}\n                  onChange={(answer) => {\n                    setAnswer(answer)\n                    setPromptState(PromptState.Idle)\n                  }}\n                  defaultValue=\"\"\n                  color={color}\n                />\n              </Box>\n            </Box>\n            <Box marginLeft={3}>\n              <Text color={color}>{underline}</Text>\n            </Box>\n            {promptState === PromptState.Error && error ? (\n              <Box marginLeft={3}>\n                <Text color={color}>\n                  <TokenizedText item={error} />\n                </Text>\n              </Box>\n            ) : null}\n          </Box>\n        </>\n      )}\n    </Box>\n  )\n}\n\ninterface CompletedPromptProps {\n  cancelled: boolean\n}\n\nconst CompletedPrompt: FunctionComponent<CompletedPromptProps> = ({cancelled}) => (\n  <Box>\n    <Box width={3}>\n      {cancelled ? <Text color=\"red\">{figures.cross}</Text> : <Text color=\"cyan\">{figures.tick}</Text>}\n    </Box>\n\n    <Box flexGrow={1}>{cancelled ? <Text color=\"red\">Cancelled</Text> : <Text color=\"cyan\">Confirmed</Text>}</Box>\n  </Box>\n)\n\nexport {DangerousConfirmationPrompt}\n"]}
+{"version":3,"file":"DangerousConfirmationPrompt.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/DangerousConfirmationPrompt.tsx"],"names":[],"mappings":"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","sourcesContent":["import {TextInput} from './TextInput.js'\nimport {TokenizedText} from './TokenizedText.js'\nimport {InfoTable, InfoTableProps} from './Prompts/InfoTable.js'\nimport {handleCtrlC, useComplete} from '../../ui.js'\nimport useLayout from '../hooks/use-layout.js'\nimport {messageWithPunctuation} from '../utilities.js'\nimport {AbortSignal} from '../../../../public/node/abort.js'\nimport {platformAndArch} from '../../../../public/node/os.js'\nimport useAbortSignal from '../hooks/use-abort-signal.js'\nimport usePrompt, {PromptState} from '../hooks/use-prompt.js'\n\nimport React, {FunctionComponent, useCallback, useEffect, useState} from 'react'\nimport {Box, useInput, Text} from 'ink'\nimport figures from 'figures'\nimport type {InlineToken, TokenItem} from './token-item.js'\n\nexport interface DangerousConfirmationPromptProps {\n  message: string\n  confirmation: string\n  infoTable?: InfoTableProps['table']\n  warningItem?: TokenItem<InlineToken>\n  onSubmit: (value: boolean) => void\n  abortSignal?: AbortSignal\n}\n\nconst DangerousConfirmationPrompt: FunctionComponent<DangerousConfirmationPromptProps> = ({\n  message,\n  confirmation,\n  infoTable,\n  warningItem,\n  onSubmit,\n  abortSignal,\n}) => {\n  const validateAnswer = useCallback(\n    (value: string): TokenItem<InlineToken> | undefined => {\n      return value === confirmation ? undefined : ['Value must be exactly', {userInput: confirmation}]\n    },\n    [confirmation],\n  )\n\n  const {oneThird, twoThirds} = useLayout()\n  const {promptState, setPromptState, answer, setAnswer} = usePrompt<string>({\n    initialAnswer: '',\n  })\n  const complete = useComplete()\n  const [error, setError] = useState<TokenItem<InlineToken> | undefined>(undefined)\n  const color = promptState === PromptState.Error ? 'red' : 'cyan'\n  const {isAborted} = useAbortSignal(abortSignal)\n\n  useInput((input, key) => {\n    handleCtrlC(input, key)\n\n    if (key.escape) {\n      setPromptState(PromptState.Cancelled)\n      setError(undefined)\n    }\n\n    if (key.return) {\n      const error = validateAnswer(answer)\n\n      if (error) {\n        setPromptState(PromptState.Error)\n        setError(error)\n      } else {\n        setPromptState(PromptState.Submitted)\n      }\n    }\n  })\n\n  useEffect(() => {\n    if (promptState === PromptState.Submitted) {\n      onSubmit(true)\n      complete()\n    } else if (promptState === PromptState.Cancelled) {\n      onSubmit(false)\n      complete()\n    }\n  }, [onSubmit, promptState, complete])\n\n  const completed = promptState === PromptState.Submitted || promptState === PromptState.Cancelled\n\n  return isAborted ? null : (\n    <Box flexDirection=\"column\" marginBottom={1} width={twoThirds}>\n      <Box>\n        <Box marginRight={2}>\n          <Text>?</Text>\n        </Box>\n        <TokenizedText item={messageWithPunctuation(message)} />\n      </Box>\n      {completed ? (\n        <CompletedPrompt {...{cancelled: promptState === PromptState.Cancelled}} />\n      ) : (\n        <>\n          <Box flexDirection=\"column\" gap={1} marginTop={1} marginLeft={3}>\n            {infoTable ? (\n              <Box\n                paddingLeft={2}\n                borderStyle=\"bold\"\n                borderLeft\n                borderRight={false}\n                borderTop={false}\n                borderBottom={false}\n                flexDirection=\"column\"\n                gap={1}\n              >\n                <InfoTable table={infoTable} />\n              </Box>\n            ) : null}\n            {warningItem ? (\n              <Box flexDirection=\"column\">\n                <Text color=\"red\">{figures.warning} WARNING</Text>\n                <TokenizedText item={warningItem} />\n              </Box>\n            ) : null}\n            <Box>\n              <TokenizedText item={['Type', {userInput: confirmation}, 'to confirm, or press Escape to cancel.']} />\n            </Box>\n          </Box>\n          <Box flexDirection=\"column\" width={oneThird}>\n            <Box>\n              <Box marginRight={2}>\n                <Text color={color}>{`>`}</Text>\n              </Box>\n              <Box flexGrow={1}>\n                <TextInput\n                  value={answer}\n                  onChange={(answer) => {\n                    setAnswer(answer)\n                    setPromptState(PromptState.Idle)\n                  }}\n                  defaultValue=\"\"\n                  color={color}\n                />\n              </Box>\n            </Box>\n            {platformAndArch().platform === 'windows' ? (\n              <Box\n                marginLeft={3}\n                borderStyle=\"single\"\n                borderColor={color}\n                borderBottom={false}\n                borderLeft={false}\n                borderRight={false}\n              />\n            ) : (\n              <Box marginLeft={3}>\n                <Text color={color}>{'▔'.repeat(oneThird - 3)}</Text>\n              </Box>\n            )}\n            {promptState === PromptState.Error && error ? (\n              <Box marginLeft={3}>\n                <Text color={color}>\n                  <TokenizedText item={error} />\n                </Text>\n              </Box>\n            ) : null}\n          </Box>\n        </>\n      )}\n    </Box>\n  )\n}\n\ninterface CompletedPromptProps {\n  cancelled: boolean\n}\n\nconst CompletedPrompt: FunctionComponent<CompletedPromptProps> = ({cancelled}) => (\n  <Box>\n    <Box width={3}>\n      {cancelled ? <Text color=\"red\">{figures.cross}</Text> : <Text color=\"cyan\">{figures.tick}</Text>}\n    </Box>\n\n    <Box flexGrow={1}>{cancelled ? <Text color=\"red\">Cancelled</Text> : <Text color=\"cyan\">Confirmed</Text>}</Box>\n  </Box>\n)\n\nexport {DangerousConfirmationPrompt}\n"]}

package/dist/private/node/ui/components/DangerousConfirmationPrompt.test.js

@@ -1,11 +1,26 @@
 import { DangerousConfirmationPrompt } from './DangerousConfirmationPrompt.js';
 import { getLastFrameAfterUnmount, sendInputAndWaitForChange, waitForInputsToBeReady, render } from '../../testing/ui.js';
 import { unstyled } from '../../../../public/node/output.js';
+import colors from '../../../../public/node/colors.js';
+import { platformAndArch } from '../../../../public/node/os.js';
 import React from 'react';
-import { describe, expect, test, vi } from 'vitest';
+import { beforeEach, describe, expect, test, vi } from 'vitest';
+vi.mock('../../../../public/node/os.js');
+beforeEach(() => {
+    vi.mocked(platformAndArch).mockReturnValue({ platform: 'darwin', arch: 'arm64' });
+});
 const ENTER = '\r';
 const ESC = '\x1b';
 describe('DangerousConfirmationPrompt', () => {
+    test.each(['windows', 'darwin', 'linux'])('renders the underline on %s', async (platform) => {
+        vi.mocked(platformAndArch).mockReturnValue({ platform, arch: 'amd64' });
+        const renderInstance = render(React.createElement(DangerousConfirmationPrompt, { onSubmit: () => { }, message: "Test question", confirmation: "yes" }));
+        const underline = (platform === 'windows' ? '─' : '▔').repeat(77);
+        expect(renderInstance.lastFrame()).toContain(colors.cyan(underline));
+        await waitForInputsToBeReady();
+        await sendInputAndWaitForChange(renderInstance, ENTER);
+        expect(renderInstance.lastFrame()).toContain(colors.red(underline));
+    });
     test('default state', () => {
         const { lastFrame } = render(React.createElement(DangerousConfirmationPrompt, { onSubmit: () => { }, message: "Test question", confirmation: "yes" }));
         expect(unstyled(lastFrame())).toMatchInlineSnapshot(`

package/dist/private/node/ui/components/DangerousConfirmationPrompt.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"DangerousConfirmationPrompt.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/DangerousConfirmationPrompt.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import {DangerousConfirmationPrompt} from './DangerousConfirmationPrompt.js'\nimport {getLastFrameAfterUnmount, sendInputAndWaitForChange, waitForInputsToBeReady, render} from '../../testing/ui.js'\nimport {unstyled} from '../../../../public/node/output.js'\nimport React from 'react'\n\nimport {describe, expect, test, vi} from 'vitest'\n\nconst ENTER = '\\r'\nconst ESC = '\\x1b'\n\ndescribe('DangerousConfirmationPrompt', () => {\n  test('default state', () => {\n    const {lastFrame} = render(\n      <DangerousConfirmationPrompt onSubmit={() => {}} message=\"Test question\" confirmation=\"yes\" />,\n    )\n\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"?  Test question:\n\n         Type yes to confirm, or press Escape to cancel.\n      >  █\n         ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\n      \"\n    `)\n  })\n\n  test('default validation error', async () => {\n    const renderInstance = render(\n      <DangerousConfirmationPrompt onSubmit={() => {}} message=\"Test question\" confirmation=\"yes\" />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n    // testing with styles because the color changes to red\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Test question:\n\n         Type \u001b[36myes\u001b[39m to confirm, or press Escape to cancel.\n      \u001b[31m>\u001b[39m  \u001b[31m\u001b[41m█\u001b[49m\u001b[39m\n         \u001b[31m▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\u001b[39m\n         \u001b[31mValue must be exactly \u001b[36myes\u001b[39m\n      \"\n    `)\n    await sendInputAndWaitForChange(renderInstance, 'A')\n    // color changes back to valid color\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Test question:\n\n         Type \u001b[36myes\u001b[39m to confirm, or press Escape to cancel.\n      \u001b[36m>\u001b[39m  \u001b[36mA\u001b[46m█\u001b[49m\u001b[39m\n         \u001b[36m▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\u001b[39m\n      \"\n    `)\n  })\n\n  test('submitting the value', async () => {\n    const onSubmit = vi.fn()\n    const renderInstance = render(\n      <DangerousConfirmationPrompt onSubmit={onSubmit} message=\"Test question\" confirmation=\"yes\" />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, 'yes')\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n    expect(onSubmit).toHaveBeenCalledWith(true)\n    expect(unstyled(getLastFrameAfterUnmount(renderInstance)!)).toMatchInlineSnapshot(`\n      \"?  Test question:\n      ✔  Confirmed\n      \"\n    `)\n  })\n\n  test('text wrapping', async () => {\n    // component width is 80 characters wide in tests but because of the question mark and\n    // spaces before the question, we only have 77 characters to work with\n    const renderInstance = render(\n      <DangerousConfirmationPrompt onSubmit={() => {}} message=\"Test question\" confirmation=\"yes\" />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, 'A'.repeat(77))\n    await sendInputAndWaitForChange(renderInstance, 'B'.repeat(6))\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Test question:\n\n         Type \u001b[36myes\u001b[39m to confirm, or press Escape to cancel.\n      \u001b[36m>\u001b[39m  \u001b[36mAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\u001b[39m\n         \u001b[36mBBBBBB\u001b[46m█\u001b[49m\u001b[39m\n         \u001b[36m▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\u001b[39m\n      \"\n    `)\n  })\n\n  test(\"doesn't append a colon to the message if it ends with a question mark\", async () => {\n    const {lastFrame} = render(\n      <DangerousConfirmationPrompt onSubmit={() => {}} message=\"Test question?\" confirmation=\"yes\" />,\n    )\n\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"?  Test question?\n\n         Type yes to confirm, or press Escape to cancel.\n      >  █\n         ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\n      \"\n    `)\n  })\n\n  test('can use Escape key to exit the prompt gracefully', async () => {\n    const onSubmit = vi.fn()\n    const renderInstance = render(\n      <DangerousConfirmationPrompt onSubmit={onSubmit} message=\"Test question\" confirmation=\"yes\" />,\n    )\n    await waitForInputsToBeReady()\n    const promise = renderInstance.waitUntilExit()\n    await sendInputAndWaitForChange(renderInstance, ESC)\n\n    expect(unstyled(getLastFrameAfterUnmount(renderInstance)!)).toMatchInlineSnapshot(`\n      \"?  Test question:\n      ✘  Cancelled\n      \"\n    `)\n    await expect(promise).resolves.toEqual(undefined)\n    expect(onSubmit).toHaveBeenCalledWith(false)\n  })\n})\n"]}
+{"version":3,"file":"DangerousConfirmationPrompt.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/DangerousConfirmationPrompt.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import {DangerousConfirmationPrompt} from './DangerousConfirmationPrompt.js'\nimport {getLastFrameAfterUnmount, sendInputAndWaitForChange, waitForInputsToBeReady, render} from '../../testing/ui.js'\nimport {unstyled} from '../../../../public/node/output.js'\nimport colors from '../../../../public/node/colors.js'\nimport {platformAndArch} from '../../../../public/node/os.js'\nimport React from 'react'\n\nimport {beforeEach, describe, expect, test, vi} from 'vitest'\n\nvi.mock('../../../../public/node/os.js')\n\nbeforeEach(() => {\n  vi.mocked(platformAndArch).mockReturnValue({platform: 'darwin', arch: 'arm64'})\n})\n\nconst ENTER = '\\r'\nconst ESC = '\\x1b'\n\ndescribe('DangerousConfirmationPrompt', () => {\n  test.each(['windows', 'darwin', 'linux'] as const)('renders the underline on %s', async (platform) => {\n    vi.mocked(platformAndArch).mockReturnValue({platform, arch: 'amd64'})\n    const renderInstance = render(\n      <DangerousConfirmationPrompt onSubmit={() => {}} message=\"Test question\" confirmation=\"yes\" />,\n    )\n    const underline = (platform === 'windows' ? '─' : '▔').repeat(77)\n\n    expect(renderInstance.lastFrame()).toContain(colors.cyan(underline))\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n\n    expect(renderInstance.lastFrame()).toContain(colors.red(underline))\n  })\n\n  test('default state', () => {\n    const {lastFrame} = render(\n      <DangerousConfirmationPrompt onSubmit={() => {}} message=\"Test question\" confirmation=\"yes\" />,\n    )\n\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"?  Test question:\n\n         Type yes to confirm, or press Escape to cancel.\n      >  █\n         ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\n      \"\n    `)\n  })\n\n  test('default validation error', async () => {\n    const renderInstance = render(\n      <DangerousConfirmationPrompt onSubmit={() => {}} message=\"Test question\" confirmation=\"yes\" />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n    // testing with styles because the color changes to red\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Test question:\n\n         Type \u001b[36myes\u001b[39m to confirm, or press Escape to cancel.\n      \u001b[31m>\u001b[39m  \u001b[31m\u001b[41m█\u001b[49m\u001b[39m\n         \u001b[31m▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\u001b[39m\n         \u001b[31mValue must be exactly \u001b[36myes\u001b[39m\n      \"\n    `)\n    await sendInputAndWaitForChange(renderInstance, 'A')\n    // color changes back to valid color\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Test question:\n\n         Type \u001b[36myes\u001b[39m to confirm, or press Escape to cancel.\n      \u001b[36m>\u001b[39m  \u001b[36mA\u001b[46m█\u001b[49m\u001b[39m\n         \u001b[36m▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\u001b[39m\n      \"\n    `)\n  })\n\n  test('submitting the value', async () => {\n    const onSubmit = vi.fn()\n    const renderInstance = render(\n      <DangerousConfirmationPrompt onSubmit={onSubmit} message=\"Test question\" confirmation=\"yes\" />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, 'yes')\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n    expect(onSubmit).toHaveBeenCalledWith(true)\n    expect(unstyled(getLastFrameAfterUnmount(renderInstance)!)).toMatchInlineSnapshot(`\n      \"?  Test question:\n      ✔  Confirmed\n      \"\n    `)\n  })\n\n  test('text wrapping', async () => {\n    // component width is 80 characters wide in tests but because of the question mark and\n    // spaces before the question, we only have 77 characters to work with\n    const renderInstance = render(\n      <DangerousConfirmationPrompt onSubmit={() => {}} message=\"Test question\" confirmation=\"yes\" />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, 'A'.repeat(77))\n    await sendInputAndWaitForChange(renderInstance, 'B'.repeat(6))\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Test question:\n\n         Type \u001b[36myes\u001b[39m to confirm, or press Escape to cancel.\n      \u001b[36m>\u001b[39m  \u001b[36mAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\u001b[39m\n         \u001b[36mBBBBBB\u001b[46m█\u001b[49m\u001b[39m\n         \u001b[36m▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\u001b[39m\n      \"\n    `)\n  })\n\n  test(\"doesn't append a colon to the message if it ends with a question mark\", async () => {\n    const {lastFrame} = render(\n      <DangerousConfirmationPrompt onSubmit={() => {}} message=\"Test question?\" confirmation=\"yes\" />,\n    )\n\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"?  Test question?\n\n         Type yes to confirm, or press Escape to cancel.\n      >  █\n         ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\n      \"\n    `)\n  })\n\n  test('can use Escape key to exit the prompt gracefully', async () => {\n    const onSubmit = vi.fn()\n    const renderInstance = render(\n      <DangerousConfirmationPrompt onSubmit={onSubmit} message=\"Test question\" confirmation=\"yes\" />,\n    )\n    await waitForInputsToBeReady()\n    const promise = renderInstance.waitUntilExit()\n    await sendInputAndWaitForChange(renderInstance, ESC)\n\n    expect(unstyled(getLastFrameAfterUnmount(renderInstance)!)).toMatchInlineSnapshot(`\n      \"?  Test question:\n      ✘  Cancelled\n      \"\n    `)\n    await expect(promise).resolves.toEqual(undefined)\n    expect(onSubmit).toHaveBeenCalledWith(false)\n  })\n})\n"]}

package/dist/private/node/ui/components/Prompts/PromptLayout.js

@@ -7,12 +7,13 @@ import { PromptState } from '../../hooks/use-prompt.js';
 import React, { cloneElement, useCallback, useLayoutEffect, useState } from 'react';
 import { Box, measureElement, Text, useStdout } from 'ink';
 import figures from 'figures';
+const DEFAULT_TERMINAL_ROWS = 24;
 const PromptLayout = ({ message, infoTable, abortSignal, infoMessage, header, state, input, submittedAnswerLabel, }) => {
     const { stdout } = useStdout();
     const [wrapperHeight, setWrapperHeight] = useState(0);
     const [promptAreaHeight, setPromptAreaHeight] = useState(0);
     const [inputFixedAreaHeight, setInputFixedAreaHeight] = useState(0);
-    const currentAvailableLines = stdout.rows - promptAreaHeight - inputFixedAreaHeight;
+    const currentAvailableLines = (stdout.rows ?? DEFAULT_TERMINAL_ROWS) - promptAreaHeight - inputFixedAreaHeight;
     const [availableLines, setAvailableLines] = useState(currentAvailableLines);
     const wrapperRef = useCallback((node) => {
         if (node !== null) {
@@ -38,7 +39,7 @@ const PromptLayout = ({ message, infoTable, abortSignal, infoMessage, header, st
     const inputComponent = cloneElement(input, { availableLines, inputFixedAreaRef });
     useLayoutEffect(() => {
         function onResize() {
-            const newAvailableLines = stdout.rows - promptAreaHeight - inputFixedAreaHeight;
+            const newAvailableLines = (stdout.rows ?? DEFAULT_TERMINAL_ROWS) - promptAreaHeight - inputFixedAreaHeight;
             if (newAvailableLines !== availableLines) {
                 setAvailableLines(newAvailableLines);
             }

package/dist/private/node/ui/components/Prompts/PromptLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptLayout.js","sourceRoot":"","sources":["../../../../../../src/private/node/ui/components/Prompts/PromptLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import {InfoTable, InfoTableProps} from './InfoTable.js'\nimport {InfoMessage, InfoMessageProps} from './InfoMessage.js'\nimport {TokenizedText} from '../TokenizedText.js'\nimport {messageWithPunctuation} from '../../utilities.js'\nimport {AbortSignal} from '../../../../../public/node/abort.js'\nimport useAbortSignal from '../../hooks/use-abort-signal.js'\nimport {PromptState} from '../../hooks/use-prompt.js'\nimport React, {ReactElement, cloneElement, useCallback, useLayoutEffect, useState} from 'react'\n\nimport {Box, measureElement, Text, useStdout, DOMElement} from 'ink'\nimport figures from 'figures'\nimport type {InlineToken, LinkToken, TokenItem} from '../token-item.js'\n\nexport type Message = TokenItem<Exclude<InlineToken, LinkToken>>\n\ninterface PromptLayoutProps {\n  message: Message\n  infoTable?: InfoTableProps['table']\n  abortSignal?: AbortSignal\n  infoMessage?: InfoMessageProps['message']\n  header?: ReactElement | null\n  state: PromptState\n  submittedAnswerLabel?: string\n  input: ReactElement\n}\n\nconst PromptLayout = ({\n  message,\n  infoTable,\n  abortSignal,\n  infoMessage,\n  header,\n  state,\n  input,\n  submittedAnswerLabel,\n}: PromptLayoutProps): ReactElement | null => {\n  const {stdout} = useStdout()\n  const [wrapperHeight, setWrapperHeight] = useState(0)\n  const [promptAreaHeight, setPromptAreaHeight] = useState(0)\n  const [inputFixedAreaHeight, setInputFixedAreaHeight] = useState(0)\n  const currentAvailableLines = stdout.rows - promptAreaHeight - inputFixedAreaHeight\n  const [availableLines, setAvailableLines] = useState(currentAvailableLines)\n\n  const wrapperRef = useCallback(\n    (node: DOMElement | null) => {\n      if (node !== null) {\n        const {height} = measureElement(node)\n        if (wrapperHeight !== height) {\n          setWrapperHeight(height)\n        }\n      }\n    },\n    [wrapperHeight],\n  )\n\n  const promptAreaRef = useCallback((node: DOMElement | null) => {\n    if (node !== null) {\n      const {height} = measureElement(node)\n      setPromptAreaHeight(height)\n    }\n  }, [])\n\n  const inputFixedAreaRef = useCallback((node: DOMElement | null) => {\n    if (node !== null) {\n      const {height} = measureElement(node)\n      // + 3 accounts for the margins inside the input elements and the last empty line of the terminal\n      setInputFixedAreaHeight(height + 3)\n    }\n  }, [])\n\n  const inputComponent = cloneElement(input, {availableLines, inputFixedAreaRef})\n\n  useLayoutEffect(() => {\n    function onResize() {\n      const newAvailableLines = stdout.rows - promptAreaHeight - inputFixedAreaHeight\n      if (newAvailableLines !== availableLines) {\n        setAvailableLines(newAvailableLines)\n      }\n    }\n\n    onResize()\n\n    stdout.on('resize', onResize)\n    return () => {\n      stdout.off('resize', onResize)\n    }\n  }, [wrapperHeight, promptAreaHeight, stdout, availableLines, inputFixedAreaHeight])\n\n  const {isAborted} = useAbortSignal(abortSignal)\n  // Object.keys on an array returns the indices as strings\n  const showInfoTable = infoTable && Object.keys(infoTable).length > 0\n\n  return isAborted ? null : (\n    <Box flexDirection=\"column\" marginBottom={1} ref={wrapperRef}>\n      <Box ref={promptAreaRef} flexDirection=\"column\">\n        <Box>\n          <Box marginRight={2}>\n            <Text>?</Text>\n          </Box>\n          <TokenizedText item={messageWithPunctuation(message)} />\n          {header}\n        </Box>\n\n        {(showInfoTable || infoMessage) && state !== PromptState.Submitted ? (\n          <Box\n            marginTop={1}\n            marginLeft={3}\n            paddingLeft={2}\n            borderStyle=\"bold\"\n            borderLeft\n            borderRight={false}\n            borderTop={false}\n            borderBottom={false}\n            flexDirection=\"column\"\n            gap={1}\n          >\n            {infoMessage ? <InfoMessage message={infoMessage} /> : null}\n            {showInfoTable ? <InfoTable table={infoTable} /> : null}\n          </Box>\n        ) : null}\n      </Box>\n\n      {state === PromptState.Submitted && submittedAnswerLabel ? (\n        <Box>\n          <Box width={3}>\n            <Text color=\"cyan\">{figures.tick}</Text>\n          </Box>\n\n          <Text color=\"cyan\">{submittedAnswerLabel}</Text>\n        </Box>\n      ) : (\n        <Box marginTop={1}>{inputComponent}</Box>\n      )}\n    </Box>\n  )\n}\n\nexport {PromptLayout}\n"]}
+{"version":3,"file":"PromptLayout.js","sourceRoot":"","sources":["../../../../../../src/private/node/ui/components/Prompts/PromptLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import {InfoTable, InfoTableProps} from './InfoTable.js'\nimport {InfoMessage, InfoMessageProps} from './InfoMessage.js'\nimport {TokenizedText} from '../TokenizedText.js'\nimport {messageWithPunctuation} from '../../utilities.js'\nimport {AbortSignal} from '../../../../../public/node/abort.js'\nimport useAbortSignal from '../../hooks/use-abort-signal.js'\nimport {PromptState} from '../../hooks/use-prompt.js'\nimport React, {ReactElement, cloneElement, useCallback, useLayoutEffect, useState} from 'react'\n\nimport {Box, measureElement, Text, useStdout, DOMElement} from 'ink'\nimport figures from 'figures'\nimport type {InlineToken, LinkToken, TokenItem} from '../token-item.js'\n\nconst DEFAULT_TERMINAL_ROWS = 24\n\nexport type Message = TokenItem<Exclude<InlineToken, LinkToken>>\n\ninterface PromptLayoutProps {\n  message: Message\n  infoTable?: InfoTableProps['table']\n  abortSignal?: AbortSignal\n  infoMessage?: InfoMessageProps['message']\n  header?: ReactElement | null\n  state: PromptState\n  submittedAnswerLabel?: string\n  input: ReactElement\n}\n\nconst PromptLayout = ({\n  message,\n  infoTable,\n  abortSignal,\n  infoMessage,\n  header,\n  state,\n  input,\n  submittedAnswerLabel,\n}: PromptLayoutProps): ReactElement | null => {\n  const {stdout} = useStdout()\n  const [wrapperHeight, setWrapperHeight] = useState(0)\n  const [promptAreaHeight, setPromptAreaHeight] = useState(0)\n  const [inputFixedAreaHeight, setInputFixedAreaHeight] = useState(0)\n  const currentAvailableLines = (stdout.rows ?? DEFAULT_TERMINAL_ROWS) - promptAreaHeight - inputFixedAreaHeight\n  const [availableLines, setAvailableLines] = useState(currentAvailableLines)\n\n  const wrapperRef = useCallback(\n    (node: DOMElement | null) => {\n      if (node !== null) {\n        const {height} = measureElement(node)\n        if (wrapperHeight !== height) {\n          setWrapperHeight(height)\n        }\n      }\n    },\n    [wrapperHeight],\n  )\n\n  const promptAreaRef = useCallback((node: DOMElement | null) => {\n    if (node !== null) {\n      const {height} = measureElement(node)\n      setPromptAreaHeight(height)\n    }\n  }, [])\n\n  const inputFixedAreaRef = useCallback((node: DOMElement | null) => {\n    if (node !== null) {\n      const {height} = measureElement(node)\n      // + 3 accounts for the margins inside the input elements and the last empty line of the terminal\n      setInputFixedAreaHeight(height + 3)\n    }\n  }, [])\n\n  const inputComponent = cloneElement(input, {availableLines, inputFixedAreaRef})\n\n  useLayoutEffect(() => {\n    function onResize() {\n      const newAvailableLines = (stdout.rows ?? DEFAULT_TERMINAL_ROWS) - promptAreaHeight - inputFixedAreaHeight\n      if (newAvailableLines !== availableLines) {\n        setAvailableLines(newAvailableLines)\n      }\n    }\n\n    onResize()\n\n    stdout.on('resize', onResize)\n    return () => {\n      stdout.off('resize', onResize)\n    }\n  }, [wrapperHeight, promptAreaHeight, stdout, availableLines, inputFixedAreaHeight])\n\n  const {isAborted} = useAbortSignal(abortSignal)\n  // Object.keys on an array returns the indices as strings\n  const showInfoTable = infoTable && Object.keys(infoTable).length > 0\n\n  return isAborted ? null : (\n    <Box flexDirection=\"column\" marginBottom={1} ref={wrapperRef}>\n      <Box ref={promptAreaRef} flexDirection=\"column\">\n        <Box>\n          <Box marginRight={2}>\n            <Text>?</Text>\n          </Box>\n          <TokenizedText item={messageWithPunctuation(message)} />\n          {header}\n        </Box>\n\n        {(showInfoTable || infoMessage) && state !== PromptState.Submitted ? (\n          <Box\n            marginTop={1}\n            marginLeft={3}\n            paddingLeft={2}\n            borderStyle=\"bold\"\n            borderLeft\n            borderRight={false}\n            borderTop={false}\n            borderBottom={false}\n            flexDirection=\"column\"\n            gap={1}\n          >\n            {infoMessage ? <InfoMessage message={infoMessage} /> : null}\n            {showInfoTable ? <InfoTable table={infoTable} /> : null}\n          </Box>\n        ) : null}\n      </Box>\n\n      {state === PromptState.Submitted && submittedAnswerLabel ? (\n        <Box>\n          <Box width={3}>\n            <Text color=\"cyan\">{figures.tick}</Text>\n          </Box>\n\n          <Text color=\"cyan\">{submittedAnswerLabel}</Text>\n        </Box>\n      ) : (\n        <Box marginTop={1}>{inputComponent}</Box>\n      )}\n    </Box>\n  )\n}\n\nexport {PromptLayout}\n"]}

package/dist/private/node/ui/components/Prompts/PromptLayout.test.js

@@ -1,10 +1,29 @@
 import { PromptLayout } from './PromptLayout.js';
 import { PromptState } from '../../hooks/use-prompt.js';
 import { render } from '../../../testing/ui.js';
-import { describe, expect, test } from 'vitest';
+import { Stdout } from '../../../ui.js';
+import { SelectInput } from '../SelectInput.js';
+import { describe, expect, test, vi } from 'vitest';
 import React from 'react';
 import { Box, Text } from 'ink';
 describe('PromptLayout', async () => {
+    test('renders choices when the output stream has no terminal row count', async () => {
+        const stdout = new Stdout({ columns: 80 });
+        Reflect.deleteProperty(stdout, 'rows');
+        const renderInstance = render(React.createElement(PromptLayout, { message: "Which option?", state: PromptState.Idle, input: React.createElement(SelectInput, { items: [
+                    { label: 'First option', value: 'first' },
+                    { label: 'Second option', value: 'second' },
+                ], onSubmit: () => { } }) }), { stdout });
+        try {
+            await vi.waitFor(() => expect(stdout.lastFrame()).toContain('Second option'));
+            stdout.emit('resize');
+            await vi.waitFor(() => expect(stdout.lastFrame()).toContain('First option'));
+        }
+        finally {
+            renderInstance.unmount();
+            renderInstance.cleanup();
+        }
+    });
     test("doesn't add unnecessary margins when infoTable is an empty array", async () => {
         const items = [
             { label: 'first', value: 'first' },

package/dist/private/node/ui/components/Prompts/PromptLayout.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptLayout.test.js","sourceRoot":"","sources":["../../../../../../src/private/node/ui/components/Prompts/PromptLayout.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import {PromptLayout} from './PromptLayout.js'\nimport {PromptState} from '../../hooks/use-prompt.js'\nimport {render} from '../../../testing/ui.js'\nimport {describe, expect, test} from 'vitest'\nimport React from 'react'\nimport {Box, Text} from 'ink'\n\ndescribe('PromptLayout', async () => {\n  test(\"doesn't add unnecessary margins when infoTable is an empty array\", async () => {\n    const items = [\n      {label: 'first', value: 'first'},\n      {label: 'second', value: 'second'},\n      {label: 'third', value: 'third'},\n      {label: 'fourth', value: 'fourth'},\n    ]\n\n    const renderInstance = render(\n      <PromptLayout\n        message=\"Associate your project with the org Castile Ventures?\"\n        infoTable={[]}\n        state={PromptState.Idle}\n        input={\n          <Box flexDirection=\"column\">\n            {items.map((item) => (\n              <Text key={item.value}>{item.label}</Text>\n            ))}\n          </Box>\n        }\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n\n      first\n      second\n      third\n      fourth\n      \"\n    `)\n  })\n\n  test(\"doesn't add unnecessary margins when infoTable is an empty object\", async () => {\n    const items = [\n      {label: 'first', value: 'first'},\n      {label: 'second', value: 'second'},\n      {label: 'third', value: 'third'},\n      {label: 'fourth', value: 'fourth'},\n    ]\n\n    const renderInstance = render(\n      <PromptLayout\n        message=\"Associate your project with the org Castile Ventures?\"\n        infoTable={{}}\n        state={PromptState.Idle}\n        input={\n          <Box flexDirection=\"column\">\n            {items.map((item) => (\n              <Text key={item.value}>{item.label}</Text>\n            ))}\n          </Box>\n        }\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n\n      first\n      second\n      third\n      fourth\n      \"\n    `)\n  })\n\n  test(\"doesn't add unnecessary margins when infoTable is empty and there are other elements in the header\", async () => {\n    const items = [\n      {label: 'first', value: 'first'},\n      {label: 'second', value: 'second'},\n      {label: 'third', value: 'third'},\n      {label: 'fourth', value: 'fourth'},\n    ]\n\n    const infoMessage = {\n      title: {text: 'some title'},\n      body: 'some body',\n    }\n\n    const renderInstance = render(\n      <PromptLayout\n        message=\"Associate your project with the org Castile Ventures?\"\n        infoTable={[]}\n        infoMessage={infoMessage}\n        state={PromptState.Idle}\n        input={\n          <Box flexDirection=\"column\">\n            {items.map((item) => (\n              <Text key={item.value}>{item.label}</Text>\n            ))}\n          </Box>\n        }\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n\n         ┃  some title\n         ┃\n         ┃  some body\n\n      first\n      second\n      third\n      fourth\n      \"\n    `)\n  })\n\n  test('can have all elements visible in the header at the same time', async () => {\n    const items = [\n      {label: 'first', value: 'first'},\n      {label: 'second', value: 'second'},\n      {label: 'third', value: 'third'},\n      {label: 'fourth', value: 'fourth'},\n    ]\n\n    const infoMessage = {\n      title: {text: 'some title'},\n      body: 'some body',\n    }\n\n    const infoTable = {\n      header1: ['item 1', 'item 2', 'item 3'],\n      header2: ['item 4', 'item 5', 'item 6'],\n      header3: ['item 7', 'item 8', 'item 9'],\n    }\n\n    const renderInstance = render(\n      <PromptLayout\n        message=\"Associate your project with the org Castile Ventures?\"\n        infoTable={infoTable}\n        infoMessage={infoMessage}\n        state={PromptState.Idle}\n        input={\n          <Box flexDirection=\"column\">\n            {items.map((item) => (\n              <Text key={item.value}>{item.label}</Text>\n            ))}\n          </Box>\n        }\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n\n         ┃  some title\n         ┃\n         ┃  some body\n         ┃\n         ┃  \u001b[1mHeader1\u001b[22m\n         ┃  • item 1\n         ┃  • item 2\n         ┃  • item 3\n         ┃\n         ┃  \u001b[1mHeader2\u001b[22m\n         ┃  • item 4\n         ┃  • item 5\n         ┃  • item 6\n         ┃\n         ┃  \u001b[1mHeader3\u001b[22m\n         ┃  • item 7\n         ┃  • item 8\n         ┃  • item 9\n\n      first\n      second\n      third\n      fourth\n      \"\n    `)\n  })\n})\n"]}
+{"version":3,"file":"PromptLayout.test.js","sourceRoot":"","sources":["../../../../../../src/private/node/ui/components/Prompts/PromptLayout.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import {PromptLayout} from './PromptLayout.js'\nimport {PromptState} from '../../hooks/use-prompt.js'\nimport {render} from '../../../testing/ui.js'\nimport {Stdout} from '../../../ui.js'\nimport {SelectInput} from '../SelectInput.js'\nimport {describe, expect, test, vi} from 'vitest'\nimport React from 'react'\nimport {Box, Text} from 'ink'\n\ndescribe('PromptLayout', async () => {\n  test('renders choices when the output stream has no terminal row count', async () => {\n    const stdout = new Stdout({columns: 80})\n    Reflect.deleteProperty(stdout, 'rows')\n    const renderInstance = render(\n      <PromptLayout\n        message=\"Which option?\"\n        state={PromptState.Idle}\n        input={\n          <SelectInput\n            items={[\n              {label: 'First option', value: 'first'},\n              {label: 'Second option', value: 'second'},\n            ]}\n            onSubmit={() => {}}\n          />\n        }\n      />,\n      {stdout},\n    )\n\n    try {\n      await vi.waitFor(() => expect(stdout.lastFrame()).toContain('Second option'))\n      stdout.emit('resize')\n      await vi.waitFor(() => expect(stdout.lastFrame()).toContain('First option'))\n    } finally {\n      renderInstance.unmount()\n      renderInstance.cleanup()\n    }\n  })\n\n  test(\"doesn't add unnecessary margins when infoTable is an empty array\", async () => {\n    const items = [\n      {label: 'first', value: 'first'},\n      {label: 'second', value: 'second'},\n      {label: 'third', value: 'third'},\n      {label: 'fourth', value: 'fourth'},\n    ]\n\n    const renderInstance = render(\n      <PromptLayout\n        message=\"Associate your project with the org Castile Ventures?\"\n        infoTable={[]}\n        state={PromptState.Idle}\n        input={\n          <Box flexDirection=\"column\">\n            {items.map((item) => (\n              <Text key={item.value}>{item.label}</Text>\n            ))}\n          </Box>\n        }\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n\n      first\n      second\n      third\n      fourth\n      \"\n    `)\n  })\n\n  test(\"doesn't add unnecessary margins when infoTable is an empty object\", async () => {\n    const items = [\n      {label: 'first', value: 'first'},\n      {label: 'second', value: 'second'},\n      {label: 'third', value: 'third'},\n      {label: 'fourth', value: 'fourth'},\n    ]\n\n    const renderInstance = render(\n      <PromptLayout\n        message=\"Associate your project with the org Castile Ventures?\"\n        infoTable={{}}\n        state={PromptState.Idle}\n        input={\n          <Box flexDirection=\"column\">\n            {items.map((item) => (\n              <Text key={item.value}>{item.label}</Text>\n            ))}\n          </Box>\n        }\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n\n      first\n      second\n      third\n      fourth\n      \"\n    `)\n  })\n\n  test(\"doesn't add unnecessary margins when infoTable is empty and there are other elements in the header\", async () => {\n    const items = [\n      {label: 'first', value: 'first'},\n      {label: 'second', value: 'second'},\n      {label: 'third', value: 'third'},\n      {label: 'fourth', value: 'fourth'},\n    ]\n\n    const infoMessage = {\n      title: {text: 'some title'},\n      body: 'some body',\n    }\n\n    const renderInstance = render(\n      <PromptLayout\n        message=\"Associate your project with the org Castile Ventures?\"\n        infoTable={[]}\n        infoMessage={infoMessage}\n        state={PromptState.Idle}\n        input={\n          <Box flexDirection=\"column\">\n            {items.map((item) => (\n              <Text key={item.value}>{item.label}</Text>\n            ))}\n          </Box>\n        }\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n\n         ┃  some title\n         ┃\n         ┃  some body\n\n      first\n      second\n      third\n      fourth\n      \"\n    `)\n  })\n\n  test('can have all elements visible in the header at the same time', async () => {\n    const items = [\n      {label: 'first', value: 'first'},\n      {label: 'second', value: 'second'},\n      {label: 'third', value: 'third'},\n      {label: 'fourth', value: 'fourth'},\n    ]\n\n    const infoMessage = {\n      title: {text: 'some title'},\n      body: 'some body',\n    }\n\n    const infoTable = {\n      header1: ['item 1', 'item 2', 'item 3'],\n      header2: ['item 4', 'item 5', 'item 6'],\n      header3: ['item 7', 'item 8', 'item 9'],\n    }\n\n    const renderInstance = render(\n      <PromptLayout\n        message=\"Associate your project with the org Castile Ventures?\"\n        infoTable={infoTable}\n        infoMessage={infoMessage}\n        state={PromptState.Idle}\n        input={\n          <Box flexDirection=\"column\">\n            {items.map((item) => (\n              <Text key={item.value}>{item.label}</Text>\n            ))}\n          </Box>\n        }\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n\n         ┃  some title\n         ┃\n         ┃  some body\n         ┃\n         ┃  \u001b[1mHeader1\u001b[22m\n         ┃  • item 1\n         ┃  • item 2\n         ┃  • item 3\n         ┃\n         ┃  \u001b[1mHeader2\u001b[22m\n         ┃  • item 4\n         ┃  • item 5\n         ┃  • item 6\n         ┃\n         ┃  \u001b[1mHeader3\u001b[22m\n         ┃  • item 7\n         ┃  • item 8\n         ┃  • item 9\n\n      first\n      second\n      third\n      fourth\n      \"\n    `)\n  })\n})\n"]}

package/dist/private/node/ui/components/Tasks.d.ts

@@ -1,14 +1,7 @@
 import { AbortSignal } from '../../../../public/node/abort.js';
-import { TokenizedString } from '../../../../public/node/output.js';
+import { Task } from '../tasks.js';
 import React from 'react';
-export interface Task<TContext = unknown> {
-    title: string | TokenizedString;
-    task: (ctx: TContext, task: Task<TContext>) => Promise<void | Task<TContext>[]>;
-    retry?: number;
-    retryCount?: number;
-    errors?: Error[];
-    skip?: (ctx: TContext) => boolean;
-}
+export type { Task } from '../tasks.js';
 interface TasksProps<TContext> {
     tasks: Task<TContext>[];
     silent?: boolean;

package/dist/private/node/ui/components/Tasks.js

@@ -3,61 +3,22 @@ import useAsyncAndUnmount from '../hooks/use-async-and-unmount.js';
 import { isUnitTest } from '../../../../public/node/context/local.js';
 import useAbortSignal from '../hooks/use-abort-signal.js';
 import { useExitOnCtrlC } from '../hooks/use-exit-on-ctrl-c.js';
-import React, { useRef, useState } from 'react';
+import { runTasks } from '../tasks.js';
+import React, { useState } from 'react';
 var TasksState;
 (function (TasksState) {
     TasksState["Loading"] = "loading";
     TasksState["Success"] = "success";
     TasksState["Failure"] = "failure";
 })(TasksState || (TasksState = {}));
-async function runTask(task, ctx) {
-    task.retryCount = 0;
-    task.errors = [];
-    const retry = task.retry && task.retry > 0 ? task.retry + 1 : 1;
-    for (let retries = 1; retries <= retry; retries++) {
-        try {
-            if (task.skip?.(ctx)) {
-                return;
-            }
-            // eslint-disable-next-line no-await-in-loop
-            return await task.task(ctx, task);
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        }
-        catch (error) {
-            if (retries === retry) {
-                throw error;
-            }
-            else {
-                task.errors.push(error);
-                task.retryCount = retries;
-            }
-        }
-    }
-}
 const noop = () => { };
 function Tasks({ tasks, silent = isUnitTest(), onComplete = noop, abortSignal, noColor, noProgressBar = false, }) {
     const [currentTask, setCurrentTask] = useState(tasks[0]);
     const [state, setState] = useState(TasksState.Loading);
-    const ctx = useRef({});
-    const runTasks = async () => {
-        for (const task of tasks) {
-            setCurrentTask(task);
-            // eslint-disable-next-line no-await-in-loop
-            const subTasks = await runTask(task, ctx.current);
-            // subtasks
-            if (Array.isArray(subTasks) && subTasks.length > 0 && subTasks.every((task) => 'task' in task)) {
-                for (const subTask of subTasks) {
-                    setCurrentTask(subTask);
-                    // eslint-disable-next-line no-await-in-loop
-                    await runTask(subTask, ctx.current);
-                }
-            }
-        }
-    };
-    useAsyncAndUnmount(runTasks, {
-        onFulfilled: () => {
+    useAsyncAndUnmount(() => runTasks(tasks, setCurrentTask), {
+        onFulfilled: (context) => {
             setState(TasksState.Success);
-            onComplete(ctx.current);
+            onComplete(context);
         },
         onRejected: () => {
             setState(TasksState.Failure);

package/dist/private/node/ui/components/Tasks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tasks.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Tasks.tsx"],"names":[],"mappings":"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","sourcesContent":["import {LoadingBar} from './LoadingBar.js'\nimport useAsyncAndUnmount from '../hooks/use-async-and-unmount.js'\nimport {isUnitTest} from '../../../../public/node/context/local.js'\nimport {AbortSignal} from '../../../../public/node/abort.js'\nimport useAbortSignal from '../hooks/use-abort-signal.js'\nimport {useExitOnCtrlC} from '../hooks/use-exit-on-ctrl-c.js'\nimport {TokenizedString} from '../../../../public/node/output.js'\n\nimport React, {useRef, useState} from 'react'\n\nexport interface Task<TContext = unknown> {\n  title: string | TokenizedString\n\n  task: (ctx: TContext, task: Task<TContext>) => Promise<void | Task<TContext>[]>\n  retry?: number\n  retryCount?: number\n  errors?: Error[]\n  skip?: (ctx: TContext) => boolean\n}\n\ninterface TasksProps<TContext> {\n  tasks: Task<TContext>[]\n  silent?: boolean\n  onComplete?: (ctx: TContext) => void\n  abortSignal?: AbortSignal\n  noColor?: boolean\n  noProgressBar?: boolean\n}\n\nenum TasksState {\n  Loading = 'loading',\n  Success = 'success',\n  Failure = 'failure',\n}\n\nasync function runTask<TContext>(task: Task<TContext>, ctx: TContext) {\n  task.retryCount = 0\n  task.errors = []\n  const retry = task.retry && task.retry > 0 ? task.retry + 1 : 1\n\n  for (let retries = 1; retries <= retry; retries++) {\n    try {\n      if (task.skip?.(ctx)) {\n        return\n      }\n      // eslint-disable-next-line no-await-in-loop\n      return await task.task(ctx, task)\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    } catch (error: any) {\n      if (retries === retry) {\n        throw error\n      } else {\n        task.errors.push(error)\n        task.retryCount = retries\n      }\n    }\n  }\n}\n\nconst noop = () => {}\n\nfunction Tasks<TContext>({\n  tasks,\n  silent = isUnitTest(),\n  onComplete = noop,\n  abortSignal,\n  noColor,\n  noProgressBar = false,\n}: React.PropsWithChildren<TasksProps<TContext>>) {\n  const [currentTask, setCurrentTask] = useState<Task<TContext>>(tasks[0]!)\n  const [state, setState] = useState<TasksState>(TasksState.Loading)\n  const ctx = useRef<TContext>({} as TContext)\n\n  const runTasks = async () => {\n    for (const task of tasks) {\n      setCurrentTask(task)\n\n      // eslint-disable-next-line no-await-in-loop\n      const subTasks = await runTask(task, ctx.current)\n\n      // subtasks\n      if (Array.isArray(subTasks) && subTasks.length > 0 && subTasks.every((task) => 'task' in task)) {\n        for (const subTask of subTasks) {\n          setCurrentTask(subTask)\n          // eslint-disable-next-line no-await-in-loop\n          await runTask(subTask, ctx.current)\n        }\n      }\n    }\n  }\n\n  useAsyncAndUnmount(runTasks, {\n    onFulfilled: () => {\n      setState(TasksState.Success)\n      onComplete(ctx.current)\n    },\n    onRejected: () => {\n      setState(TasksState.Failure)\n    },\n  })\n\n  useExitOnCtrlC()\n\n  const {isAborted} = useAbortSignal(abortSignal)\n\n  if (silent) {\n    return null\n  }\n\n  const title = typeof currentTask.title === 'string' ? currentTask.title : currentTask.title.value\n\n  return state === TasksState.Loading && !isAborted ? (\n    <LoadingBar title={title} noColor={noColor} noProgressBar={noProgressBar} />\n  ) : null\n}\n\nexport {Tasks}\n"]}
+{"version":3,"file":"Tasks.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Tasks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAA;AAC1C,OAAO,kBAAkB,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAC,UAAU,EAAC,MAAM,0CAA0C,CAAA;AAEnE,OAAO,cAAc,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAC,cAAc,EAAC,MAAM,gCAAgC,CAAA;AAC7D,OAAO,EAAC,QAAQ,EAAO,MAAM,aAAa,CAAA;AAE1C,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAA;AAarC,IAAK,UAIJ;AAJD,WAAK,UAAU;IACb,iCAAmB,CAAA;IACnB,iCAAmB,CAAA;IACnB,iCAAmB,CAAA;AACrB,CAAC,EAJI,UAAU,KAAV,UAAU,QAId;AAED,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;AAErB,SAAS,KAAK,CAAW,EACvB,KAAK,EACL,MAAM,GAAG,UAAU,EAAE,EACrB,UAAU,GAAG,IAAI,EACjB,WAAW,EACX,OAAO,EACP,aAAa,GAAG,KAAK,GACyB;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAiB,KAAK,CAAC,CAAC,CAAE,CAAC,CAAA;IACzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAa,UAAU,CAAC,OAAO,CAAC,CAAA;IAElE,kBAAkB,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE;QACxD,WAAW,EAAE,CAAC,OAAO,EAAE,EAAE;YACvB,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;YAC5B,UAAU,CAAC,OAAO,CAAC,CAAA;QACrB,CAAC;QACD,UAAU,EAAE,GAAG,EAAE;YACf,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;QAC9B,CAAC;KACF,CAAC,CAAA;IAEF,cAAc,EAAE,CAAA;IAEhB,MAAM,EAAC,SAAS,EAAC,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;IAE/C,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,KAAK,GAAG,OAAO,WAAW,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAA;IAEjG,OAAO,KAAK,KAAK,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAClD,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,GAAI,CAC7E,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC;AAED,OAAO,EAAC,KAAK,EAAC,CAAA","sourcesContent":["import {LoadingBar} from './LoadingBar.js'\nimport useAsyncAndUnmount from '../hooks/use-async-and-unmount.js'\nimport {isUnitTest} from '../../../../public/node/context/local.js'\nimport {AbortSignal} from '../../../../public/node/abort.js'\nimport useAbortSignal from '../hooks/use-abort-signal.js'\nimport {useExitOnCtrlC} from '../hooks/use-exit-on-ctrl-c.js'\nimport {runTasks, Task} from '../tasks.js'\n\nimport React, {useState} from 'react'\n\nexport type {Task} from '../tasks.js'\n\ninterface TasksProps<TContext> {\n  tasks: Task<TContext>[]\n  silent?: boolean\n  onComplete?: (ctx: TContext) => void\n  abortSignal?: AbortSignal\n  noColor?: boolean\n  noProgressBar?: boolean\n}\n\nenum TasksState {\n  Loading = 'loading',\n  Success = 'success',\n  Failure = 'failure',\n}\n\nconst noop = () => {}\n\nfunction Tasks<TContext>({\n  tasks,\n  silent = isUnitTest(),\n  onComplete = noop,\n  abortSignal,\n  noColor,\n  noProgressBar = false,\n}: React.PropsWithChildren<TasksProps<TContext>>) {\n  const [currentTask, setCurrentTask] = useState<Task<TContext>>(tasks[0]!)\n  const [state, setState] = useState<TasksState>(TasksState.Loading)\n\n  useAsyncAndUnmount(() => runTasks(tasks, setCurrentTask), {\n    onFulfilled: (context) => {\n      setState(TasksState.Success)\n      onComplete(context)\n    },\n    onRejected: () => {\n      setState(TasksState.Failure)\n    },\n  })\n\n  useExitOnCtrlC()\n\n  const {isAborted} = useAbortSignal(abortSignal)\n\n  if (silent) {\n    return null\n  }\n\n  const title = typeof currentTask.title === 'string' ? currentTask.title : currentTask.title.value\n\n  return state === TasksState.Loading && !isAborted ? (\n    <LoadingBar title={title} noColor={noColor} noProgressBar={noProgressBar} />\n  ) : null\n}\n\nexport {Tasks}\n"]}

package/dist/private/node/ui/components/TextPrompt.js

@@ -3,6 +3,7 @@ import { TextInput } from './TextInput.js';
 import { handleCtrlC, useComplete } from '../../ui.js';
 import useLayout from '../hooks/use-layout.js';
 import { messageWithPunctuation } from '../utilities.js';
+import { platformAndArch } from '../../../../public/node/os.js';
 import useAbortSignal from '../hooks/use-abort-signal.js';
 import usePrompt, { PromptState } from '../hooks/use-prompt.js';
 import React, { useCallback, useEffect, useState } from 'react';
@@ -30,7 +31,6 @@ const TextPrompt = ({ message, onSubmit, validate, defaultValue = '', password =
     const complete = useComplete();
     const [error, setError] = useState(undefined);
     const color = promptState === PromptState.Error ? 'red' : 'cyan';
-    const underline = new Array(oneThird - 3).fill('▔');
     const { isAborted } = useAbortSignal(abortSignal);
     useInput((input, key) => {
         handleCtrlC(input, key);
@@ -69,8 +69,8 @@ const TextPrompt = ({ message, onSubmit, validate, defaultValue = '', password =
                             setAnswer(answer);
                             setPromptState(PromptState.Idle);
                         }, defaultValue: defaultValue, color: color, password: password }))),
-            React.createElement(Box, { marginLeft: 3 },
-                React.createElement(Text, { color: color }, underline)),
+            platformAndArch().platform === 'windows' ? (React.createElement(Box, { marginLeft: 3, borderStyle: "single", borderColor: color, borderBottom: false, borderLeft: false, borderRight: false })) : (React.createElement(Box, { marginLeft: 3 },
+                React.createElement(Text, { color: color }, '▔'.repeat(oneThird - 3)))),
             promptState === PromptState.Error ? (React.createElement(Box, { marginLeft: 3 },
                 React.createElement(Text, { color: color }, error))) : null,
             promptState !== PromptState.Error && preview ? (React.createElement(Box, { marginLeft: 3 },