@shopify/cli-kit 3.91.1 → 3.92.1

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

@@ -6,7 +6,6 @@ import usePrompt, { PromptState } from '../hooks/use-prompt.js';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Box, useApp } from 'ink';
 const MIN_NUMBER_OF_ITEMS_FOR_SEARCH = 5;
-// eslint-disable-next-line react/function-component-definition
 function AutocompletePrompt({ message, choices, infoTable, onSubmit, search, hasMorePages: initialHasMorePages = false, abortSignal, infoMessage, groupOrder, }) {
     const { exit: unmountInk } = useApp();
     const [searchTerm, setSearchTerm] = useState('');
@@ -73,6 +72,12 @@ function AutocompletePrompt({ message, choices, infoTable, onSubmit, search, has
     return (React.createElement(PromptLayout, { message: message, state: promptState, infoTable: infoTable, infoMessage: infoMessage, abortSignal: abortSignal, header: promptState !== PromptState.Submitted && canSearch ? (React.createElement(Box, { marginLeft: 3 },
             React.createElement(TextInput, { value: searchTerm, onChange: (term) => {
                     setSearchTerm(term);
+                    // Update ref immediately so that the debounceSearch's .then()
+                    // callback sees the current term. With React 19's automatic
+                    // batching, the render (which normally updates the ref) is
+                    // deferred, so without this the ref would be stale when the
+                    // search Promise resolves.
+                    searchTermRef.current = term;
                     if (term.length > 0) {
                         debounceSearch(term);
                     }

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

@@ -1 +1 @@
-{"version":3,"file":"AutocompletePrompt.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/AutocompletePrompt.tsx"],"names":[],"mappings":"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","sourcesContent":["import {SelectInput, SelectInputProps, Item as SelectItem} from './SelectInput.js'\nimport {InfoTableProps} from './Prompts/InfoTable.js'\nimport {TextInput} from './TextInput.js'\nimport {InfoMessageProps} from './Prompts/InfoMessage.js'\nimport {Message, PromptLayout} from './Prompts/PromptLayout.js'\nimport {throttle} from '../../../../public/common/function.js'\nimport {AbortSignal} from '../../../../public/node/abort.js'\nimport usePrompt, {PromptState} from '../hooks/use-prompt.js'\nimport React, {ReactElement, useCallback, useEffect, useRef, useState} from 'react'\nimport {Box, useApp} from 'ink'\n\nexport interface SearchResults<T> {\n  data: SelectItem<T>[]\n  meta?: {\n    hasNextPage: boolean\n  }\n}\n\nexport interface AutocompletePromptProps<T> {\n  message: Message\n  choices: SelectInputProps<T>['items']\n  onSubmit: (value: T) => void\n  infoTable?: InfoTableProps['table']\n  hasMorePages?: boolean\n  search: (term: string) => Promise<SearchResults<T>>\n  abortSignal?: AbortSignal\n  infoMessage?: InfoMessageProps['message']\n  groupOrder?: string[]\n}\n\nconst MIN_NUMBER_OF_ITEMS_FOR_SEARCH = 5\n\n// eslint-disable-next-line react/function-component-definition\nfunction AutocompletePrompt<T>({\n  message,\n  choices,\n  infoTable,\n  onSubmit,\n  search,\n  hasMorePages: initialHasMorePages = false,\n  abortSignal,\n  infoMessage,\n  groupOrder,\n}: React.PropsWithChildren<AutocompletePromptProps<T>>): ReactElement | null {\n  const {exit: unmountInk} = useApp()\n  const [searchTerm, setSearchTerm] = useState('')\n  const [searchResults, setSearchResults] = useState<SelectItem<T>[]>(choices)\n  const canSearch = choices.length > MIN_NUMBER_OF_ITEMS_FOR_SEARCH\n  const [hasMorePages, setHasMorePages] = useState(initialHasMorePages)\n  const {promptState, setPromptState, answer, setAnswer} = usePrompt<SelectItem<T> | undefined>({\n    initialAnswer: undefined,\n  })\n\n  const paginatedSearch = useCallback(\n    async (term: string) => {\n      const results = await search(term)\n      return results\n    },\n    [search],\n  )\n\n  const submitAnswer = useCallback(\n    (answer: SelectItem<T>) => {\n      if (promptState === PromptState.Idle) {\n        setAnswer(answer)\n        setPromptState(PromptState.Submitted)\n      }\n    },\n    [promptState, setAnswer, setPromptState],\n  )\n\n  useEffect(() => {\n    if (promptState === PromptState.Submitted && answer) {\n      setSearchTerm('')\n      unmountInk()\n      onSubmit(answer.value)\n    }\n  }, [answer, onSubmit, promptState, unmountInk])\n\n  const setLoadingWhenSlow = useRef<NodeJS.Timeout>()\n\n  // we want to set it each time so that searchTermRef always tracks searchTerm,\n  // this is NOT the same as writing useRef(searchTerm)\n  const searchTermRef = useRef('')\n  searchTermRef.current = searchTerm\n\n  // Keep current values in refs to avoid stale closures\n  const choicesRef = useRef(choices)\n  choicesRef.current = choices\n  const initialHasPagesRef = useRef(initialHasMorePages)\n  initialHasPagesRef.current = initialHasMorePages\n\n  // useMemo ensures debounceSearch is not recreated on every render\n  const debounceSearch = React.useMemo(\n    () =>\n      throttle(\n        (term: string) => {\n          setLoadingWhenSlow.current = setTimeout(() => {\n            setPromptState(PromptState.Loading)\n          }, 100)\n          paginatedSearch(term)\n            .then((result) => {\n              // while we were waiting for the promise to resolve, the user\n              // has emptied the search term, so we want to show the default\n              // choices instead\n              if (searchTermRef.current.length === 0) {\n                setSearchResults(choicesRef.current)\n                setHasMorePages(initialHasPagesRef.current)\n              } else {\n                setSearchResults(result.data)\n                setHasMorePages(result.meta?.hasNextPage ?? false)\n              }\n\n              setPromptState(PromptState.Idle)\n            })\n            .catch(() => {\n              setPromptState(PromptState.Error)\n            })\n            .finally(() => {\n              clearTimeout(setLoadingWhenSlow.current)\n            })\n        },\n        400,\n        {leading: true, trailing: true},\n      ),\n    [paginatedSearch, setPromptState],\n  )\n\n  return (\n    <PromptLayout\n      message={message}\n      state={promptState}\n      infoTable={infoTable}\n      infoMessage={infoMessage}\n      abortSignal={abortSignal}\n      header={\n        promptState !== PromptState.Submitted && canSearch ? (\n          <Box marginLeft={3}>\n            <TextInput\n              value={searchTerm}\n              onChange={(term) => {\n                setSearchTerm(term)\n\n                if (term.length > 0) {\n                  debounceSearch(term)\n                } else {\n                  debounceSearch.cancel()\n                  setPromptState(PromptState.Idle)\n                  setSearchResults(choices)\n                }\n              }}\n              placeholder=\"Type to search...\"\n            />\n          </Box>\n        ) : null\n      }\n      submittedAnswerLabel={answer?.label}\n      input={\n        <SelectInput\n          items={searchResults}\n          initialItems={choices}\n          enableShortcuts={false}\n          emptyMessage=\"No results found.\"\n          highlightedTerm={searchTerm}\n          loading={promptState === PromptState.Loading}\n          errorMessage={\n            promptState === PromptState.Error\n              ? 'There has been an error while searching. Please try again later.'\n              : undefined\n          }\n          hasMorePages={hasMorePages}\n          morePagesMessage=\"Find what you're looking for by typing its name.\"\n          onSubmit={submitAnswer}\n          groupOrder={groupOrder}\n        />\n      }\n    />\n  )\n}\n\nexport {AutocompletePrompt}\n"]}
+{"version":3,"file":"AutocompletePrompt.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/AutocompletePrompt.tsx"],"names":[],"mappings":"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","sourcesContent":["import {SelectInput, SelectInputProps, Item as SelectItem} from './SelectInput.js'\nimport {InfoTableProps} from './Prompts/InfoTable.js'\nimport {TextInput} from './TextInput.js'\nimport {InfoMessageProps} from './Prompts/InfoMessage.js'\nimport {Message, PromptLayout} from './Prompts/PromptLayout.js'\nimport {throttle} from '../../../../public/common/function.js'\nimport {AbortSignal} from '../../../../public/node/abort.js'\nimport usePrompt, {PromptState} from '../hooks/use-prompt.js'\n\nimport React, {ReactElement, useCallback, useEffect, useRef, useState} from 'react'\nimport {Box, useApp} from 'ink'\n\nexport interface SearchResults<T> {\n  data: SelectItem<T>[]\n  meta?: {\n    hasNextPage: boolean\n  }\n}\n\nexport interface AutocompletePromptProps<T> {\n  message: Message\n  choices: SelectInputProps<T>['items']\n  onSubmit: (value: T) => void\n  infoTable?: InfoTableProps['table']\n  hasMorePages?: boolean\n  search: (term: string) => Promise<SearchResults<T>>\n  abortSignal?: AbortSignal\n  infoMessage?: InfoMessageProps['message']\n  groupOrder?: string[]\n}\n\nconst MIN_NUMBER_OF_ITEMS_FOR_SEARCH = 5\n\nfunction AutocompletePrompt<T>({\n  message,\n  choices,\n  infoTable,\n  onSubmit,\n  search,\n  hasMorePages: initialHasMorePages = false,\n  abortSignal,\n  infoMessage,\n  groupOrder,\n}: React.PropsWithChildren<AutocompletePromptProps<T>>): ReactElement | null {\n  const {exit: unmountInk} = useApp()\n  const [searchTerm, setSearchTerm] = useState('')\n  const [searchResults, setSearchResults] = useState<SelectItem<T>[]>(choices)\n  const canSearch = choices.length > MIN_NUMBER_OF_ITEMS_FOR_SEARCH\n  const [hasMorePages, setHasMorePages] = useState(initialHasMorePages)\n  const {promptState, setPromptState, answer, setAnswer} = usePrompt<SelectItem<T> | undefined>({\n    initialAnswer: undefined,\n  })\n\n  const paginatedSearch = useCallback(\n    async (term: string) => {\n      const results = await search(term)\n      return results\n    },\n    [search],\n  )\n\n  const submitAnswer = useCallback(\n    (answer: SelectItem<T>) => {\n      if (promptState === PromptState.Idle) {\n        setAnswer(answer)\n        setPromptState(PromptState.Submitted)\n      }\n    },\n    [promptState, setAnswer, setPromptState],\n  )\n\n  useEffect(() => {\n    if (promptState === PromptState.Submitted && answer) {\n      setSearchTerm('')\n      unmountInk()\n      onSubmit(answer.value)\n    }\n  }, [answer, onSubmit, promptState, unmountInk])\n\n  const setLoadingWhenSlow = useRef<NodeJS.Timeout>()\n\n  // we want to set it each time so that searchTermRef always tracks searchTerm,\n  // this is NOT the same as writing useRef(searchTerm)\n  const searchTermRef = useRef('')\n  searchTermRef.current = searchTerm\n\n  // Keep current values in refs to avoid stale closures\n  const choicesRef = useRef(choices)\n  choicesRef.current = choices\n  const initialHasPagesRef = useRef(initialHasMorePages)\n  initialHasPagesRef.current = initialHasMorePages\n\n  // useMemo ensures debounceSearch is not recreated on every render\n  const debounceSearch = React.useMemo(\n    () =>\n      throttle(\n        (term: string) => {\n          setLoadingWhenSlow.current = setTimeout(() => {\n            setPromptState(PromptState.Loading)\n          }, 100)\n          paginatedSearch(term)\n            .then((result) => {\n              // while we were waiting for the promise to resolve, the user\n              // has emptied the search term, so we want to show the default\n              // choices instead\n              if (searchTermRef.current.length === 0) {\n                setSearchResults(choicesRef.current)\n                setHasMorePages(initialHasPagesRef.current)\n              } else {\n                setSearchResults(result.data)\n                setHasMorePages(result.meta?.hasNextPage ?? false)\n              }\n\n              setPromptState(PromptState.Idle)\n            })\n            .catch(() => {\n              setPromptState(PromptState.Error)\n            })\n            .finally(() => {\n              clearTimeout(setLoadingWhenSlow.current)\n            })\n        },\n        400,\n        {leading: true, trailing: true},\n      ),\n    [paginatedSearch, setPromptState],\n  )\n\n  return (\n    <PromptLayout\n      message={message}\n      state={promptState}\n      infoTable={infoTable}\n      infoMessage={infoMessage}\n      abortSignal={abortSignal}\n      header={\n        promptState !== PromptState.Submitted && canSearch ? (\n          <Box marginLeft={3}>\n            <TextInput\n              value={searchTerm}\n              onChange={(term) => {\n                setSearchTerm(term)\n                // Update ref immediately so that the debounceSearch's .then()\n                // callback sees the current term. With React 19's automatic\n                // batching, the render (which normally updates the ref) is\n                // deferred, so without this the ref would be stale when the\n                // search Promise resolves.\n                searchTermRef.current = term\n\n                if (term.length > 0) {\n                  debounceSearch(term)\n                } else {\n                  debounceSearch.cancel()\n                  setPromptState(PromptState.Idle)\n                  setSearchResults(choices)\n                }\n              }}\n              placeholder=\"Type to search...\"\n            />\n          </Box>\n        ) : null\n      }\n      submittedAnswerLabel={answer?.label}\n      input={\n        <SelectInput\n          items={searchResults}\n          initialItems={choices}\n          enableShortcuts={false}\n          emptyMessage=\"No results found.\"\n          highlightedTerm={searchTerm}\n          loading={promptState === PromptState.Loading}\n          errorMessage={\n            promptState === PromptState.Error\n              ? 'There has been an error while searching. Please try again later.'\n              : undefined\n          }\n          hasMorePages={hasMorePages}\n          morePagesMessage=\"Find what you're looking for by typing its name.\"\n          onSubmit={submitAnswer}\n          groupOrder={groupOrder}\n        />\n      }\n    />\n  )\n}\n\nexport {AutocompletePrompt}\n"]}

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

@@ -343,7 +343,7 @@ describe('AutocompletePrompt', async () => {
          Press ↑↓ arrows to select, enter to confirm.
       "
     `);
-        await sendInputAndWaitForChange(renderInstance, DELETE);
+        await sendInputAndWaitForContent(renderInstance, 'ype to search', DELETE);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
       "?  Associate your project with the org Castile Ventures?   Type to search...
 
@@ -550,7 +550,7 @@ describe('AutocompletePrompt', async () => {
          Press ↑↓ arrows to select, enter to confirm.
       "
     `);
-        await sendInputAndWaitForChange(renderInstance, DELETE);
+        await sendInputAndWaitForContent(renderInstance, 'ype to search', DELETE);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
       "?  Associate your project with the org Castile Ventures?   Type to search...
 
@@ -673,7 +673,6 @@ describe('AutocompletePrompt', async () => {
         abortController.abort();
         // wait for the onAbort promise to resolve
         await new Promise((resolve) => setTimeout(resolve, 0));
-        expect(getLastFrameAfterUnmount(renderInstance)).toEqual('');
         await expect(promise).resolves.toEqual(undefined);
     });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"AutocompletePrompt.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/AutocompletePrompt.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import {AutocompletePrompt, SearchResults} from './AutocompletePrompt.js'\nimport {\n  getLastFrameAfterUnmount,\n  sendInputAndWait,\n  sendInputAndWaitForChange,\n  sendInputAndWaitForContent,\n  waitForInputsToBeReady,\n  render,\n} from '../../testing/ui.js'\nimport {Stdout} from '../../ui.js'\nimport {AbortController} from '../../../../public/node/abort.js'\nimport {beforeEach, describe, expect, test, vi} from 'vitest'\nimport React from 'react'\nimport {useStdout} from 'ink'\n\nvi.mock('ink', async () => {\n  const original: any = await vi.importActual('ink')\n  return {\n    ...original,\n    useStdout: vi.fn(),\n  }\n})\n\nconst ARROW_DOWN = '\\u001B[B'\nconst ENTER = '\\r'\nconst DELETE = '\\u007F'\n\nconst DATABASE = [\n  {label: 'first', value: 'first'},\n  {label: 'second', value: 'second'},\n  {label: 'third', value: 'third'},\n  {label: 'fourth', value: 'fourth'},\n  {label: 'fifth', value: 'fifth'},\n  {label: 'sixth', value: 'sixth'},\n  {label: 'seventh', value: 'seventh'},\n  {label: 'eighth', value: 'eighth'},\n  {label: 'ninth', value: 'ninth'},\n  {label: 'tenth', value: 'tenth'},\n  {label: 'eleventh', value: 'eleventh'},\n  {label: 'twelfth', value: 'twelfth'},\n  {label: 'thirteenth', value: 'thirteenth'},\n  {label: 'fourteenth', value: 'fourteenth'},\n  {label: 'fifteenth', value: 'fifteenth'},\n  {label: 'sixteenth', value: 'sixteenth'},\n  {label: 'seventeenth', value: 'seventeenth'},\n  {label: 'eighteenth', value: 'eighteenth'},\n  {label: 'nineteenth', value: 'nineteenth'},\n  {label: 'twentieth', value: 'twentieth'},\n  {label: 'twenty-first', value: 'twenty-first'},\n  {label: 'twenty-second', value: 'twenty-second'},\n  {label: 'twenty-third', value: 'twenty-third'},\n  {label: 'twenty-fourth', value: 'twenty-fourth'},\n  {label: 'twenty-fifth', value: 'twenty-fifth'},\n  {label: 'twenty-sixth', value: 'twenty-sixth'},\n  {label: 'twenty-seventh', value: 'twenty-seventh'},\n  {label: 'twenty-eighth', value: 'twenty-eighth'},\n  {label: 'twenty-ninth', value: 'twenty-ninth'},\n  {label: 'thirtieth', value: 'thirtieth'},\n  {label: 'thirty-first', value: 'thirty-first'},\n  {label: 'thirty-second', value: 'thirty-second'},\n  {label: 'thirty-third', value: 'thirty-third'},\n  {label: 'thirty-fourth', value: 'thirty-fourth'},\n  {label: 'thirty-fifth', value: 'thirty-fifth'},\n  {label: 'thirty-sixth', value: 'thirty-sixth'},\n  {label: 'thirty-seventh', value: 'thirty-seventh'},\n  {label: 'thirty-eighth', value: 'thirty-eighth'},\n  {label: 'thirty-ninth', value: 'thirty-ninth'},\n  {label: 'fortieth', value: 'fortieth'},\n  {label: 'forty-first', value: 'forty-first'},\n  {label: 'forty-second', value: 'forty-second'},\n  {label: 'forty-third', value: 'forty-third'},\n  {label: 'forty-fourth', value: 'forty-fourth'},\n  {label: 'forty-fifth', value: 'forty-fifth'},\n  {label: 'forty-sixth', value: 'forty-sixth'},\n  {label: 'forty-seventh', value: 'forty-seventh'},\n  {label: 'forty-eighth', value: 'forty-eighth'},\n  {label: 'forty-ninth', value: 'forty-ninth'},\n  {label: 'fiftieth', value: 'fiftieth'},\n]\n\nbeforeEach(() => {\n  vi.mocked(useStdout).mockReturnValue({\n    stdout: new Stdout({\n      columns: 80,\n      rows: 80,\n    }) as any,\n    write: () => {},\n  })\n})\n\ndescribe('AutocompletePrompt', async () => {\n  test('choose an answer', async () => {\n    const onEnter = vi.fn()\n\n    const items = [\n      {label: 'first', value: 'first'},\n      {label: 'second', value: 'second'},\n      {label: 'third', value: 'third'},\n    ]\n\n    const infoTable = {Add: ['new-ext'], Remove: ['integrated-demand-ext', 'order-discount']}\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message={['Associate your project with the org', {userInput: 'Castile Ventures'}, {char: '?'}]}\n        choices={items}\n        infoTable={infoTable}\n        onSubmit={onEnter}\n        search={() =>\n          Promise.resolve({\n            data: [],\n          } as SearchResults<string>)\n        }\n      />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, ARROW_DOWN)\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n\n    expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org \u001b[36mCastile Ventures\u001b[39m?\n      \u001b[36m✔\u001b[39m  \u001b[36msecond\u001b[39m\n      \"\n    `)\n\n    expect(onEnter).toHaveBeenCalledWith(items[1]!.value)\n  })\n\n  test('renders groups', async () => {\n    const items = [\n      {label: 'first', value: 'first', group: 'Automations'},\n      {label: 'second', value: 'second', group: 'Automations'},\n      {label: 'third', value: 'third', group: 'Merchant Admin'},\n      {label: 'fourth', value: 'fourth', group: 'Merchant Admin'},\n      {label: 'fifth', value: 'fifth'},\n      {label: 'sixth', value: 'sixth'},\n      {label: 'seventh', value: 'seventh'},\n      {label: 'eighth', value: 'eighth'},\n      {label: 'ninth', value: 'ninth'},\n      {label: 'tenth', value: 'tenth'},\n    ]\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        onSubmit={() => {}}\n        search={() =>\n          Promise.resolve({\n            data: [],\n          } as SearchResults<string>)\n        }\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n         \u001b[1mAutomations\u001b[22m\n         \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m\n            second\n\n         \u001b[1mMerchant Admin\u001b[22m\n            third\n            fourth\n\n         \u001b[1mOther\u001b[22m\n            fifth\n            sixth\n            seventh\n            eighth\n            ninth\n            tenth\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n  })\n\n  test('supports an info table', 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 infoTable = {\n      Add: ['new-ext'],\n      Remove: ['integrated-demand-ext', 'order-discount'],\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        infoTable={infoTable}\n        onSubmit={() => {}}\n        search={() => Promise.resolve({data: []} as SearchResults<string>)}\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n\n         ┃  \\u001b[1mAdd\\u001b[22m\n         ┃  • new-ext\n         ┃\n         ┃  \\u001b[1mRemove\\u001b[22m\n         ┃  • integrated-demand-ext\n         ┃  • order-discount\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m\n         second\n         third\n         fourth\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n  })\n\n  test('supports an info message', 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: {\n        color: 'red',\n        text: 'Info message title',\n      },\n      body: 'Info message body',\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        infoMessage={infoMessage}\n        onSubmit={() => {}}\n        search={() => Promise.resolve({data: []} as SearchResults<string>)}\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n\n         ┃  \u001b[31mInfo message title\u001b[39m\n         ┃\n         ┃  Info message body\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m\n         second\n         third\n         fourth\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n  })\n\n  test(\"doesn't submit if there are no choices\", async () => {\n    const onEnter = vi.fn()\n    const searchPromise = Promise.resolve({\n      data: [],\n    } as SearchResults<string>)\n    const search = () => {\n      return searchPromise\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={onEnter}\n        search={search}\n      />,\n    )\n\n    await waitForInputsToBeReady()\n\n    await sendInputAndWaitForContent(renderInstance, 'No results found', 'a')\n    // prompt doesn't change when enter is pressed\n    await sendInputAndWait(renderInstance, 100, ENTER)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36ma\u001b[46m█\u001b[49m\u001b[39m\n\n         \u001b[2mNo results found.\u001b[22m\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n         \u001b[2mTry again with a different keyword.\u001b[22m\n      \"\n    `)\n\n    expect(onEnter).not.toHaveBeenCalled()\n  })\n\n  test('has a loading state', async () => {\n    const onEnter = vi.fn()\n\n    const search = () => {\n      return new Promise<SearchResults<string>>((resolve) => {\n        setTimeout(() => {\n          resolve({data: [{label: 'a', value: 'b'}]})\n        }, 2000)\n      })\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={onEnter}\n        search={search}\n      />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForContent(renderInstance, 'Loading...', 'a')\n    // prompt doesn't change when enter is pressed\n    await new Promise((resolve) => setTimeout(resolve, 100))\n    await sendInputAndWait(renderInstance, 100, ENTER)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36ma\u001b[46m█\u001b[49m\u001b[39m\n\n         \u001b[2mLoading...\u001b[22m\n      \"\n    `)\n\n    expect(onEnter).not.toHaveBeenCalled()\n  })\n\n  test('allows searching with pagination', async () => {\n    const onEnter = vi.fn()\n\n    const search = async (term: string) => {\n      return {\n        data: DATABASE.filter((item) => item.label.includes(term)),\n      }\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={onEnter}\n        search={search}\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m                                                                       \u001b[46m \u001b[49m\n         second                                                                      \u001b[46m \u001b[49m\n         third                                                                       \u001b[46m \u001b[49m\n         fourth                                                                      \u001b[46m \u001b[49m\n         fifth                                                                       \u001b[46m \u001b[49m\n         sixth                                                                       \u001b[46m \u001b[49m\n         seventh                                                                     \u001b[46m \u001b[49m\n         eighth                                                                      \u001b[46m \u001b[49m\n         ninth                                                                       \u001b[46m \u001b[49m\n         tenth                                                                       \u001b[46m \u001b[49m\n         eleventh                                                                    \u001b[46m \u001b[49m\n         twelfth                                                                     \u001b[46m \u001b[49m\n         thirteenth                                                                  \u001b[46m \u001b[49m\n         fourteenth                                                                  \u001b[100m \u001b[49m\n         fifteenth                                                                   \u001b[100m \u001b[49m\n         sixteenth                                                                   \u001b[100m \u001b[49m\n         seventeenth                                                                 \u001b[100m \u001b[49m\n         eighteenth                                                                  \u001b[100m \u001b[49m\n         nineteenth                                                                  \u001b[100m \u001b[49m\n         twentieth                                                                   \u001b[100m \u001b[49m\n         twenty-first                                                                \u001b[100m \u001b[49m\n         twenty-second                                                               \u001b[100m \u001b[49m\n         twenty-third                                                                \u001b[100m \u001b[49m\n         twenty-fourth                                                               \u001b[100m \u001b[49m\n         twenty-fifth                                                                \u001b[100m \u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForContent(renderInstance, 'th\u001b[1mi\u001b[22mrty-sixth', 'i')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36mi\u001b[46m█\u001b[49m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mf\u001b[1mi\u001b[22mrst\u001b[39m                                                                       \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrd                                                                       \u001b[46m \u001b[49m\n         f\u001b[1mi\u001b[22mfth                                                                       \u001b[46m \u001b[49m\n         s\u001b[1mi\u001b[22mxth                                                                       \u001b[46m \u001b[49m\n         e\u001b[1mi\u001b[22mghth                                                                      \u001b[46m \u001b[49m\n         n\u001b[1mi\u001b[22mnth                                                                       \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrteenth                                                                  \u001b[46m \u001b[49m\n         f\u001b[1mi\u001b[22mfteenth                                                                   \u001b[46m \u001b[49m\n         s\u001b[1mi\u001b[22mxteenth                                                                   \u001b[46m \u001b[49m\n         e\u001b[1mi\u001b[22mghteenth                                                                  \u001b[46m \u001b[49m\n         n\u001b[1mi\u001b[22mneteenth                                                                  \u001b[46m \u001b[49m\n         twent\u001b[1mi\u001b[22meth                                                                   \u001b[46m \u001b[49m\n         twenty-f\u001b[1mi\u001b[22mrst                                                                \u001b[46m \u001b[49m\n         twenty-th\u001b[1mi\u001b[22mrd                                                                \u001b[46m \u001b[49m\n         twenty-f\u001b[1mi\u001b[22mfth                                                                \u001b[46m \u001b[49m\n         twenty-s\u001b[1mi\u001b[22mxth                                                                \u001b[46m \u001b[49m\n         twenty-e\u001b[1mi\u001b[22mghth                                                               \u001b[46m \u001b[49m\n         twenty-n\u001b[1mi\u001b[22mnth                                                                \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrtieth                                                                   \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-first                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-second                                                               \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-third                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-fourth                                                               \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-fifth                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-sixth                                                                \u001b[100m \u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n\n    await sendInputAndWaitForChange(renderInstance, DELETE)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m                                                                       \u001b[46m \u001b[49m\n         second                                                                      \u001b[46m \u001b[49m\n         third                                                                       \u001b[46m \u001b[49m\n         fourth                                                                      \u001b[46m \u001b[49m\n         fifth                                                                       \u001b[46m \u001b[49m\n         sixth                                                                       \u001b[46m \u001b[49m\n         seventh                                                                     \u001b[46m \u001b[49m\n         eighth                                                                      \u001b[46m \u001b[49m\n         ninth                                                                       \u001b[46m \u001b[49m\n         tenth                                                                       \u001b[46m \u001b[49m\n         eleventh                                                                    \u001b[46m \u001b[49m\n         twelfth                                                                     \u001b[46m \u001b[49m\n         thirteenth                                                                  \u001b[46m \u001b[49m\n         fourteenth                                                                  \u001b[100m \u001b[49m\n         fifteenth                                                                   \u001b[100m \u001b[49m\n         sixteenth                                                                   \u001b[100m \u001b[49m\n         seventeenth                                                                 \u001b[100m \u001b[49m\n         eighteenth                                                                  \u001b[100m \u001b[49m\n         nineteenth                                                                  \u001b[100m \u001b[49m\n         twentieth                                                                   \u001b[100m \u001b[49m\n         twenty-first                                                                \u001b[100m \u001b[49m\n         twenty-second                                                               \u001b[100m \u001b[49m\n         twenty-third                                                                \u001b[100m \u001b[49m\n         twenty-fourth                                                               \u001b[100m \u001b[49m\n         twenty-fifth                                                                \u001b[100m \u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n\n    await sendInputAndWaitForContent(renderInstance, 'th\u001b[1mi\u001b[22mrty-sixth', 'i')\n    await sendInputAndWaitForChange(renderInstance, ARROW_DOWN)\n    await sendInputAndWaitForChange(renderInstance, ARROW_DOWN)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36mi\u001b[46m█\u001b[49m\u001b[39m\n\n         f\u001b[1mi\u001b[22mrst                                                                       \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrd                                                                       \u001b[46m \u001b[49m\n      \u001b[36m>\u001b[39m  \u001b[36mf\u001b[1mi\u001b[22mfth\u001b[39m                                                                       \u001b[46m \u001b[49m\n         s\u001b[1mi\u001b[22mxth                                                                       \u001b[46m \u001b[49m\n         e\u001b[1mi\u001b[22mghth                                                                      \u001b[46m \u001b[49m\n         n\u001b[1mi\u001b[22mnth                                                                       \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrteenth                                                                  \u001b[46m \u001b[49m\n         f\u001b[1mi\u001b[22mfteenth                                                                   \u001b[46m \u001b[49m\n         s\u001b[1mi\u001b[22mxteenth                                                                   \u001b[46m \u001b[49m\n         e\u001b[1mi\u001b[22mghteenth                                                                  \u001b[46m \u001b[49m\n         n\u001b[1mi\u001b[22mneteenth                                                                  \u001b[46m \u001b[49m\n         twent\u001b[1mi\u001b[22meth                                                                   \u001b[46m \u001b[49m\n         twenty-f\u001b[1mi\u001b[22mrst                                                                \u001b[46m \u001b[49m\n         twenty-th\u001b[1mi\u001b[22mrd                                                                \u001b[46m \u001b[49m\n         twenty-f\u001b[1mi\u001b[22mfth                                                                \u001b[46m \u001b[49m\n         twenty-s\u001b[1mi\u001b[22mxth                                                                \u001b[46m \u001b[49m\n         twenty-e\u001b[1mi\u001b[22mghth                                                               \u001b[46m \u001b[49m\n         twenty-n\u001b[1mi\u001b[22mnth                                                                \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrtieth                                                                   \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-first                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-second                                                               \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-third                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-fourth                                                               \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-fifth                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-sixth                                                                \u001b[100m \u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n\n    expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n      \u001b[36m✔\u001b[39m  \u001b[36mfifth\u001b[39m\n      \"\n    `)\n\n    expect(onEnter).toHaveBeenCalledWith('fifth')\n  })\n\n  test('allows searching with malformed regex', async () => {\n    const onEnter = vi.fn()\n    const db = [...DATABASE, {label: 'with\\\\slash', value: 'with\\\\slash'}]\n\n    const search = async (term: string) => {\n      return {\n        data: db.filter((item) => item.label.includes(term)),\n      }\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={db}\n        onSubmit={onEnter}\n        search={search}\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m                                                                       \u001b[46m \u001b[49m\n         second                                                                      \u001b[46m \u001b[49m\n         third                                                                       \u001b[46m \u001b[49m\n         fourth                                                                      \u001b[46m \u001b[49m\n         fifth                                                                       \u001b[46m \u001b[49m\n         sixth                                                                       \u001b[46m \u001b[49m\n         seventh                                                                     \u001b[46m \u001b[49m\n         eighth                                                                      \u001b[46m \u001b[49m\n         ninth                                                                       \u001b[46m \u001b[49m\n         tenth                                                                       \u001b[46m \u001b[49m\n         eleventh                                                                    \u001b[46m \u001b[49m\n         twelfth                                                                     \u001b[46m \u001b[49m\n         thirteenth                                                                  \u001b[46m \u001b[49m\n         fourteenth                                                                  \u001b[100m \u001b[49m\n         fifteenth                                                                   \u001b[100m \u001b[49m\n         sixteenth                                                                   \u001b[100m \u001b[49m\n         seventeenth                                                                 \u001b[100m \u001b[49m\n         eighteenth                                                                  \u001b[100m \u001b[49m\n         nineteenth                                                                  \u001b[100m \u001b[49m\n         twentieth                                                                   \u001b[100m \u001b[49m\n         twenty-first                                                                \u001b[100m \u001b[49m\n         twenty-second                                                               \u001b[100m \u001b[49m\n         twenty-third                                                                \u001b[100m \u001b[49m\n         twenty-fourth                                                               \u001b[100m \u001b[49m\n         twenty-fifth                                                                \u001b[100m \u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForContent(renderInstance, 'slash', '\\\\')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\\\\\\\\\u001b[46m█\u001b[49m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mwith\\\\\\\\slash\u001b[39m\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n  })\n\n  test('displays an error message if the search fails', async () => {\n    const search = (_term: string) => {\n      return Promise.reject(new Error('Something went wrong'))\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={() => {}}\n        search={search}\n      />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForContent(renderInstance, 'There has been an error', 'i')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36mi\u001b[46m█\u001b[49m\u001b[39m\n\n         \u001b[31mThere has been an error while searching. Please try again later.\u001b[39m\n      \"\n    `)\n  })\n\n  test('immediately shows the initial items if the search is empty', async () => {\n    const search = (term: string) => {\n      return Promise.resolve({\n        data: DATABASE.filter((item) => item.label.includes(term)),\n      })\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={() => {}}\n        search={search}\n      />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForContent(renderInstance, 'th\u001b[1mi\u001b[22mrty-sixth', 'i')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36mi\u001b[46m█\u001b[49m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mf\u001b[1mi\u001b[22mrst\u001b[39m                                                                       \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrd                                                                       \u001b[46m \u001b[49m\n         f\u001b[1mi\u001b[22mfth                                                                       \u001b[46m \u001b[49m\n         s\u001b[1mi\u001b[22mxth                                                                       \u001b[46m \u001b[49m\n         e\u001b[1mi\u001b[22mghth                                                                      \u001b[46m \u001b[49m\n         n\u001b[1mi\u001b[22mnth                                                                       \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrteenth                                                                  \u001b[46m \u001b[49m\n         f\u001b[1mi\u001b[22mfteenth                                                                   \u001b[46m \u001b[49m\n         s\u001b[1mi\u001b[22mxteenth                                                                   \u001b[46m \u001b[49m\n         e\u001b[1mi\u001b[22mghteenth                                                                  \u001b[46m \u001b[49m\n         n\u001b[1mi\u001b[22mneteenth                                                                  \u001b[46m \u001b[49m\n         twent\u001b[1mi\u001b[22meth                                                                   \u001b[46m \u001b[49m\n         twenty-f\u001b[1mi\u001b[22mrst                                                                \u001b[46m \u001b[49m\n         twenty-th\u001b[1mi\u001b[22mrd                                                                \u001b[46m \u001b[49m\n         twenty-f\u001b[1mi\u001b[22mfth                                                                \u001b[46m \u001b[49m\n         twenty-s\u001b[1mi\u001b[22mxth                                                                \u001b[46m \u001b[49m\n         twenty-e\u001b[1mi\u001b[22mghth                                                               \u001b[46m \u001b[49m\n         twenty-n\u001b[1mi\u001b[22mnth                                                                \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrtieth                                                                   \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-first                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-second                                                               \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-third                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-fourth                                                               \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-fifth                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-sixth                                                                \u001b[100m \u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n\n    await sendInputAndWaitForChange(renderInstance, DELETE)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m                                                                       \u001b[46m \u001b[49m\n         second                                                                      \u001b[46m \u001b[49m\n         third                                                                       \u001b[46m \u001b[49m\n         fourth                                                                      \u001b[46m \u001b[49m\n         fifth                                                                       \u001b[46m \u001b[49m\n         sixth                                                                       \u001b[46m \u001b[49m\n         seventh                                                                     \u001b[46m \u001b[49m\n         eighth                                                                      \u001b[46m \u001b[49m\n         ninth                                                                       \u001b[46m \u001b[49m\n         tenth                                                                       \u001b[46m \u001b[49m\n         eleventh                                                                    \u001b[46m \u001b[49m\n         twelfth                                                                     \u001b[46m \u001b[49m\n         thirteenth                                                                  \u001b[46m \u001b[49m\n         fourteenth                                                                  \u001b[100m \u001b[49m\n         fifteenth                                                                   \u001b[100m \u001b[49m\n         sixteenth                                                                   \u001b[100m \u001b[49m\n         seventeenth                                                                 \u001b[100m \u001b[49m\n         eighteenth                                                                  \u001b[100m \u001b[49m\n         nineteenth                                                                  \u001b[100m \u001b[49m\n         twentieth                                                                   \u001b[100m \u001b[49m\n         twenty-first                                                                \u001b[100m \u001b[49m\n         twenty-second                                                               \u001b[100m \u001b[49m\n         twenty-third                                                                \u001b[100m \u001b[49m\n         twenty-fourth                                                               \u001b[100m \u001b[49m\n         twenty-fifth                                                                \u001b[100m \u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n  })\n\n  test('shows a message that indicates there are more results than shown', async () => {\n    const search = (_term: string) => {\n      return Promise.resolve({\n        data: DATABASE,\n        meta: {hasNextPage: true},\n      })\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={() => {}}\n        hasMorePages\n        search={search}\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m                                                                       \u001b[46m \u001b[49m\n         second                                                                      \u001b[46m \u001b[49m\n         third                                                                       \u001b[46m \u001b[49m\n         fourth                                                                      \u001b[46m \u001b[49m\n         fifth                                                                       \u001b[46m \u001b[49m\n         sixth                                                                       \u001b[46m \u001b[49m\n         seventh                                                                     \u001b[46m \u001b[49m\n         eighth                                                                      \u001b[46m \u001b[49m\n         ninth                                                                       \u001b[46m \u001b[49m\n         tenth                                                                       \u001b[46m \u001b[49m\n         eleventh                                                                    \u001b[46m \u001b[49m\n         twelfth                                                                     \u001b[46m \u001b[49m\n         thirteenth                                                                  \u001b[46m \u001b[49m\n         fourteenth                                                                  \u001b[100m \u001b[49m\n         fifteenth                                                                   \u001b[100m \u001b[49m\n         sixteenth                                                                   \u001b[100m \u001b[49m\n         seventeenth                                                                 \u001b[100m \u001b[49m\n         eighteenth                                                                  \u001b[100m \u001b[49m\n         nineteenth                                                                  \u001b[100m \u001b[49m\n         twentieth                                                                   \u001b[100m \u001b[49m\n         twenty-first                                                                \u001b[100m \u001b[49m\n         twenty-second                                                               \u001b[100m \u001b[49m\n         twenty-third                                                                \u001b[100m \u001b[49m\n         twenty-fourth                                                               \u001b[100m \u001b[49m\n         twenty-fifth                                                                \u001b[100m \u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n         \u001b[1m1-50 of many\u001b[22m  Find what you're looking for by typing its name.\n      \"\n    `)\n  })\n\n  test('adapts to the height of the container', async () => {\n    vi.mocked(useStdout).mockReturnValue({\n      stdout: new Stdout({rows: 10}) as any,\n      write: () => {},\n    })\n\n    const items = [\n      {label: 'first', value: 'first', group: 'Automations'},\n      {label: 'second', value: 'second', group: 'Automations'},\n      {label: 'third', value: 'third', group: 'Merchant Admin'},\n      {label: 'fourth', value: 'fourth', group: 'Merchant Admin'},\n      {label: 'fifth', value: 'fifth'},\n      {label: 'sixth', value: 'sixth'},\n      {label: 'seventh', value: 'seventh'},\n      {label: 'eighth', value: 'eighth'},\n      {label: 'ninth', value: 'ninth'},\n      {label: 'tenth', value: 'tenth'},\n    ]\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        onSubmit={() => {}}\n        hasMorePages\n        search={() =>\n          Promise.resolve({\n            data: items,\n          } as SearchResults<string>)\n        }\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n         \u001b[1mAutomations\u001b[22m                                                                 \\u001b[46m \\u001b[49m\n         \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m                                                                    \\u001b[100m \\u001b[49m\n            second                                                                   \\u001b[100m \\u001b[49m\n                                                                                     \\u001b[100m \\u001b[49m\n         \u001b[1mMerchant Admin\u001b[22m                                                              \\u001b[100m \\u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n         \u001b[1m1-10 of many\u001b[22m  Find what you're looking for by typing its name.\n      \"\n    `)\n  })\n\n  test('abortController can be used to exit the prompt from outside', async () => {\n    const items = [\n      {label: 'a', value: 'a'},\n      {label: 'b', value: 'b'},\n    ]\n\n    const abortController = new AbortController()\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        onSubmit={() => {}}\n        search={() =>\n          Promise.resolve({\n            data: [],\n          } as SearchResults<string>)\n        }\n        abortSignal={abortController.signal}\n      />,\n    )\n    const promise = renderInstance.waitUntilExit()\n\n    abortController.abort()\n\n    // wait for the onAbort promise to resolve\n    await new Promise((resolve) => setTimeout(resolve, 0))\n\n    expect(getLastFrameAfterUnmount(renderInstance)).toEqual('')\n    await expect(promise).resolves.toEqual(undefined)\n  })\n})\n"]}
+{"version":3,"file":"AutocompletePrompt.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/AutocompletePrompt.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import {AutocompletePrompt, SearchResults} from './AutocompletePrompt.js'\nimport {\n  getLastFrameAfterUnmount,\n  sendInputAndWait,\n  sendInputAndWaitForChange,\n  sendInputAndWaitForContent,\n  waitForInputsToBeReady,\n  render,\n} from '../../testing/ui.js'\nimport {Stdout} from '../../ui.js'\nimport {AbortController} from '../../../../public/node/abort.js'\nimport {beforeEach, describe, expect, test, vi} from 'vitest'\n\nimport React from 'react'\nimport {useStdout} from 'ink'\n\nvi.mock('ink', async () => {\n  const original: any = await vi.importActual('ink')\n  return {\n    ...original,\n    useStdout: vi.fn(),\n  }\n})\n\nconst ARROW_DOWN = '\\u001B[B'\nconst ENTER = '\\r'\nconst DELETE = '\\u007F'\n\nconst DATABASE = [\n  {label: 'first', value: 'first'},\n  {label: 'second', value: 'second'},\n  {label: 'third', value: 'third'},\n  {label: 'fourth', value: 'fourth'},\n  {label: 'fifth', value: 'fifth'},\n  {label: 'sixth', value: 'sixth'},\n  {label: 'seventh', value: 'seventh'},\n  {label: 'eighth', value: 'eighth'},\n  {label: 'ninth', value: 'ninth'},\n  {label: 'tenth', value: 'tenth'},\n  {label: 'eleventh', value: 'eleventh'},\n  {label: 'twelfth', value: 'twelfth'},\n  {label: 'thirteenth', value: 'thirteenth'},\n  {label: 'fourteenth', value: 'fourteenth'},\n  {label: 'fifteenth', value: 'fifteenth'},\n  {label: 'sixteenth', value: 'sixteenth'},\n  {label: 'seventeenth', value: 'seventeenth'},\n  {label: 'eighteenth', value: 'eighteenth'},\n  {label: 'nineteenth', value: 'nineteenth'},\n  {label: 'twentieth', value: 'twentieth'},\n  {label: 'twenty-first', value: 'twenty-first'},\n  {label: 'twenty-second', value: 'twenty-second'},\n  {label: 'twenty-third', value: 'twenty-third'},\n  {label: 'twenty-fourth', value: 'twenty-fourth'},\n  {label: 'twenty-fifth', value: 'twenty-fifth'},\n  {label: 'twenty-sixth', value: 'twenty-sixth'},\n  {label: 'twenty-seventh', value: 'twenty-seventh'},\n  {label: 'twenty-eighth', value: 'twenty-eighth'},\n  {label: 'twenty-ninth', value: 'twenty-ninth'},\n  {label: 'thirtieth', value: 'thirtieth'},\n  {label: 'thirty-first', value: 'thirty-first'},\n  {label: 'thirty-second', value: 'thirty-second'},\n  {label: 'thirty-third', value: 'thirty-third'},\n  {label: 'thirty-fourth', value: 'thirty-fourth'},\n  {label: 'thirty-fifth', value: 'thirty-fifth'},\n  {label: 'thirty-sixth', value: 'thirty-sixth'},\n  {label: 'thirty-seventh', value: 'thirty-seventh'},\n  {label: 'thirty-eighth', value: 'thirty-eighth'},\n  {label: 'thirty-ninth', value: 'thirty-ninth'},\n  {label: 'fortieth', value: 'fortieth'},\n  {label: 'forty-first', value: 'forty-first'},\n  {label: 'forty-second', value: 'forty-second'},\n  {label: 'forty-third', value: 'forty-third'},\n  {label: 'forty-fourth', value: 'forty-fourth'},\n  {label: 'forty-fifth', value: 'forty-fifth'},\n  {label: 'forty-sixth', value: 'forty-sixth'},\n  {label: 'forty-seventh', value: 'forty-seventh'},\n  {label: 'forty-eighth', value: 'forty-eighth'},\n  {label: 'forty-ninth', value: 'forty-ninth'},\n  {label: 'fiftieth', value: 'fiftieth'},\n]\n\nbeforeEach(() => {\n  vi.mocked(useStdout).mockReturnValue({\n    stdout: new Stdout({\n      columns: 80,\n      rows: 80,\n    }) as any,\n    write: () => {},\n  })\n})\n\ndescribe('AutocompletePrompt', async () => {\n  test('choose an answer', async () => {\n    const onEnter = vi.fn()\n\n    const items = [\n      {label: 'first', value: 'first'},\n      {label: 'second', value: 'second'},\n      {label: 'third', value: 'third'},\n    ]\n\n    const infoTable = {Add: ['new-ext'], Remove: ['integrated-demand-ext', 'order-discount']}\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message={['Associate your project with the org', {userInput: 'Castile Ventures'}, {char: '?'}]}\n        choices={items}\n        infoTable={infoTable}\n        onSubmit={onEnter}\n        search={() =>\n          Promise.resolve({\n            data: [],\n          } as SearchResults<string>)\n        }\n      />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, ARROW_DOWN)\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n\n    expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org \u001b[36mCastile Ventures\u001b[39m?\n      \u001b[36m✔\u001b[39m  \u001b[36msecond\u001b[39m\n      \"\n    `)\n\n    expect(onEnter).toHaveBeenCalledWith(items[1]!.value)\n  })\n\n  test('renders groups', async () => {\n    const items = [\n      {label: 'first', value: 'first', group: 'Automations'},\n      {label: 'second', value: 'second', group: 'Automations'},\n      {label: 'third', value: 'third', group: 'Merchant Admin'},\n      {label: 'fourth', value: 'fourth', group: 'Merchant Admin'},\n      {label: 'fifth', value: 'fifth'},\n      {label: 'sixth', value: 'sixth'},\n      {label: 'seventh', value: 'seventh'},\n      {label: 'eighth', value: 'eighth'},\n      {label: 'ninth', value: 'ninth'},\n      {label: 'tenth', value: 'tenth'},\n    ]\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        onSubmit={() => {}}\n        search={() =>\n          Promise.resolve({\n            data: [],\n          } as SearchResults<string>)\n        }\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n         \u001b[1mAutomations\u001b[22m\n         \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m\n            second\n\n         \u001b[1mMerchant Admin\u001b[22m\n            third\n            fourth\n\n         \u001b[1mOther\u001b[22m\n            fifth\n            sixth\n            seventh\n            eighth\n            ninth\n            tenth\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n  })\n\n  test('supports an info table', 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 infoTable = {\n      Add: ['new-ext'],\n      Remove: ['integrated-demand-ext', 'order-discount'],\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        infoTable={infoTable}\n        onSubmit={() => {}}\n        search={() => Promise.resolve({data: []} as SearchResults<string>)}\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n\n         ┃  \\u001b[1mAdd\\u001b[22m\n         ┃  • new-ext\n         ┃\n         ┃  \\u001b[1mRemove\\u001b[22m\n         ┃  • integrated-demand-ext\n         ┃  • order-discount\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m\n         second\n         third\n         fourth\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n  })\n\n  test('supports an info message', 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: {\n        color: 'red',\n        text: 'Info message title',\n      },\n      body: 'Info message body',\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        infoMessage={infoMessage}\n        onSubmit={() => {}}\n        search={() => Promise.resolve({data: []} as SearchResults<string>)}\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n\n         ┃  \u001b[31mInfo message title\u001b[39m\n         ┃\n         ┃  Info message body\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m\n         second\n         third\n         fourth\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n  })\n\n  test(\"doesn't submit if there are no choices\", async () => {\n    const onEnter = vi.fn()\n    const searchPromise = Promise.resolve({\n      data: [],\n    } as SearchResults<string>)\n    const search = () => {\n      return searchPromise\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={onEnter}\n        search={search}\n      />,\n    )\n\n    await waitForInputsToBeReady()\n\n    await sendInputAndWaitForContent(renderInstance, 'No results found', 'a')\n    // prompt doesn't change when enter is pressed\n    await sendInputAndWait(renderInstance, 100, ENTER)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36ma\u001b[46m█\u001b[49m\u001b[39m\n\n         \u001b[2mNo results found.\u001b[22m\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n         \u001b[2mTry again with a different keyword.\u001b[22m\n      \"\n    `)\n\n    expect(onEnter).not.toHaveBeenCalled()\n  })\n\n  test('has a loading state', async () => {\n    const onEnter = vi.fn()\n\n    const search = () => {\n      return new Promise<SearchResults<string>>((resolve) => {\n        setTimeout(() => {\n          resolve({data: [{label: 'a', value: 'b'}]})\n        }, 2000)\n      })\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={onEnter}\n        search={search}\n      />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForContent(renderInstance, 'Loading...', 'a')\n    // prompt doesn't change when enter is pressed\n    await new Promise((resolve) => setTimeout(resolve, 100))\n    await sendInputAndWait(renderInstance, 100, ENTER)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36ma\u001b[46m█\u001b[49m\u001b[39m\n\n         \u001b[2mLoading...\u001b[22m\n      \"\n    `)\n\n    expect(onEnter).not.toHaveBeenCalled()\n  })\n\n  test('allows searching with pagination', async () => {\n    const onEnter = vi.fn()\n\n    const search = async (term: string) => {\n      return {\n        data: DATABASE.filter((item) => item.label.includes(term)),\n      }\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={onEnter}\n        search={search}\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m                                                                       \u001b[46m \u001b[49m\n         second                                                                      \u001b[46m \u001b[49m\n         third                                                                       \u001b[46m \u001b[49m\n         fourth                                                                      \u001b[46m \u001b[49m\n         fifth                                                                       \u001b[46m \u001b[49m\n         sixth                                                                       \u001b[46m \u001b[49m\n         seventh                                                                     \u001b[46m \u001b[49m\n         eighth                                                                      \u001b[46m \u001b[49m\n         ninth                                                                       \u001b[46m \u001b[49m\n         tenth                                                                       \u001b[46m \u001b[49m\n         eleventh                                                                    \u001b[46m \u001b[49m\n         twelfth                                                                     \u001b[46m \u001b[49m\n         thirteenth                                                                  \u001b[46m \u001b[49m\n         fourteenth                                                                  \u001b[100m \u001b[49m\n         fifteenth                                                                   \u001b[100m \u001b[49m\n         sixteenth                                                                   \u001b[100m \u001b[49m\n         seventeenth                                                                 \u001b[100m \u001b[49m\n         eighteenth                                                                  \u001b[100m \u001b[49m\n         nineteenth                                                                  \u001b[100m \u001b[49m\n         twentieth                                                                   \u001b[100m \u001b[49m\n         twenty-first                                                                \u001b[100m \u001b[49m\n         twenty-second                                                               \u001b[100m \u001b[49m\n         twenty-third                                                                \u001b[100m \u001b[49m\n         twenty-fourth                                                               \u001b[100m \u001b[49m\n         twenty-fifth                                                                \u001b[100m \u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForContent(renderInstance, 'th\u001b[1mi\u001b[22mrty-sixth', 'i')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36mi\u001b[46m█\u001b[49m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mf\u001b[1mi\u001b[22mrst\u001b[39m                                                                       \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrd                                                                       \u001b[46m \u001b[49m\n         f\u001b[1mi\u001b[22mfth                                                                       \u001b[46m \u001b[49m\n         s\u001b[1mi\u001b[22mxth                                                                       \u001b[46m \u001b[49m\n         e\u001b[1mi\u001b[22mghth                                                                      \u001b[46m \u001b[49m\n         n\u001b[1mi\u001b[22mnth                                                                       \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrteenth                                                                  \u001b[46m \u001b[49m\n         f\u001b[1mi\u001b[22mfteenth                                                                   \u001b[46m \u001b[49m\n         s\u001b[1mi\u001b[22mxteenth                                                                   \u001b[46m \u001b[49m\n         e\u001b[1mi\u001b[22mghteenth                                                                  \u001b[46m \u001b[49m\n         n\u001b[1mi\u001b[22mneteenth                                                                  \u001b[46m \u001b[49m\n         twent\u001b[1mi\u001b[22meth                                                                   \u001b[46m \u001b[49m\n         twenty-f\u001b[1mi\u001b[22mrst                                                                \u001b[46m \u001b[49m\n         twenty-th\u001b[1mi\u001b[22mrd                                                                \u001b[46m \u001b[49m\n         twenty-f\u001b[1mi\u001b[22mfth                                                                \u001b[46m \u001b[49m\n         twenty-s\u001b[1mi\u001b[22mxth                                                                \u001b[46m \u001b[49m\n         twenty-e\u001b[1mi\u001b[22mghth                                                               \u001b[46m \u001b[49m\n         twenty-n\u001b[1mi\u001b[22mnth                                                                \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrtieth                                                                   \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-first                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-second                                                               \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-third                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-fourth                                                               \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-fifth                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-sixth                                                                \u001b[100m \u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n\n    await sendInputAndWaitForContent(renderInstance, 'ype to search', DELETE)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m                                                                       \u001b[46m \u001b[49m\n         second                                                                      \u001b[46m \u001b[49m\n         third                                                                       \u001b[46m \u001b[49m\n         fourth                                                                      \u001b[46m \u001b[49m\n         fifth                                                                       \u001b[46m \u001b[49m\n         sixth                                                                       \u001b[46m \u001b[49m\n         seventh                                                                     \u001b[46m \u001b[49m\n         eighth                                                                      \u001b[46m \u001b[49m\n         ninth                                                                       \u001b[46m \u001b[49m\n         tenth                                                                       \u001b[46m \u001b[49m\n         eleventh                                                                    \u001b[46m \u001b[49m\n         twelfth                                                                     \u001b[46m \u001b[49m\n         thirteenth                                                                  \u001b[46m \u001b[49m\n         fourteenth                                                                  \u001b[100m \u001b[49m\n         fifteenth                                                                   \u001b[100m \u001b[49m\n         sixteenth                                                                   \u001b[100m \u001b[49m\n         seventeenth                                                                 \u001b[100m \u001b[49m\n         eighteenth                                                                  \u001b[100m \u001b[49m\n         nineteenth                                                                  \u001b[100m \u001b[49m\n         twentieth                                                                   \u001b[100m \u001b[49m\n         twenty-first                                                                \u001b[100m \u001b[49m\n         twenty-second                                                               \u001b[100m \u001b[49m\n         twenty-third                                                                \u001b[100m \u001b[49m\n         twenty-fourth                                                               \u001b[100m \u001b[49m\n         twenty-fifth                                                                \u001b[100m \u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n\n    await sendInputAndWaitForContent(renderInstance, 'th\u001b[1mi\u001b[22mrty-sixth', 'i')\n    await sendInputAndWaitForChange(renderInstance, ARROW_DOWN)\n    await sendInputAndWaitForChange(renderInstance, ARROW_DOWN)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36mi\u001b[46m█\u001b[49m\u001b[39m\n\n         f\u001b[1mi\u001b[22mrst                                                                       \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrd                                                                       \u001b[46m \u001b[49m\n      \u001b[36m>\u001b[39m  \u001b[36mf\u001b[1mi\u001b[22mfth\u001b[39m                                                                       \u001b[46m \u001b[49m\n         s\u001b[1mi\u001b[22mxth                                                                       \u001b[46m \u001b[49m\n         e\u001b[1mi\u001b[22mghth                                                                      \u001b[46m \u001b[49m\n         n\u001b[1mi\u001b[22mnth                                                                       \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrteenth                                                                  \u001b[46m \u001b[49m\n         f\u001b[1mi\u001b[22mfteenth                                                                   \u001b[46m \u001b[49m\n         s\u001b[1mi\u001b[22mxteenth                                                                   \u001b[46m \u001b[49m\n         e\u001b[1mi\u001b[22mghteenth                                                                  \u001b[46m \u001b[49m\n         n\u001b[1mi\u001b[22mneteenth                                                                  \u001b[46m \u001b[49m\n         twent\u001b[1mi\u001b[22meth                                                                   \u001b[46m \u001b[49m\n         twenty-f\u001b[1mi\u001b[22mrst                                                                \u001b[46m \u001b[49m\n         twenty-th\u001b[1mi\u001b[22mrd                                                                \u001b[46m \u001b[49m\n         twenty-f\u001b[1mi\u001b[22mfth                                                                \u001b[46m \u001b[49m\n         twenty-s\u001b[1mi\u001b[22mxth                                                                \u001b[46m \u001b[49m\n         twenty-e\u001b[1mi\u001b[22mghth                                                               \u001b[46m \u001b[49m\n         twenty-n\u001b[1mi\u001b[22mnth                                                                \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrtieth                                                                   \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-first                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-second                                                               \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-third                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-fourth                                                               \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-fifth                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-sixth                                                                \u001b[100m \u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n\n    expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n      \u001b[36m✔\u001b[39m  \u001b[36mfifth\u001b[39m\n      \"\n    `)\n\n    expect(onEnter).toHaveBeenCalledWith('fifth')\n  })\n\n  test('allows searching with malformed regex', async () => {\n    const onEnter = vi.fn()\n    const db = [...DATABASE, {label: 'with\\\\slash', value: 'with\\\\slash'}]\n\n    const search = async (term: string) => {\n      return {\n        data: db.filter((item) => item.label.includes(term)),\n      }\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={db}\n        onSubmit={onEnter}\n        search={search}\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m                                                                       \u001b[46m \u001b[49m\n         second                                                                      \u001b[46m \u001b[49m\n         third                                                                       \u001b[46m \u001b[49m\n         fourth                                                                      \u001b[46m \u001b[49m\n         fifth                                                                       \u001b[46m \u001b[49m\n         sixth                                                                       \u001b[46m \u001b[49m\n         seventh                                                                     \u001b[46m \u001b[49m\n         eighth                                                                      \u001b[46m \u001b[49m\n         ninth                                                                       \u001b[46m \u001b[49m\n         tenth                                                                       \u001b[46m \u001b[49m\n         eleventh                                                                    \u001b[46m \u001b[49m\n         twelfth                                                                     \u001b[46m \u001b[49m\n         thirteenth                                                                  \u001b[46m \u001b[49m\n         fourteenth                                                                  \u001b[100m \u001b[49m\n         fifteenth                                                                   \u001b[100m \u001b[49m\n         sixteenth                                                                   \u001b[100m \u001b[49m\n         seventeenth                                                                 \u001b[100m \u001b[49m\n         eighteenth                                                                  \u001b[100m \u001b[49m\n         nineteenth                                                                  \u001b[100m \u001b[49m\n         twentieth                                                                   \u001b[100m \u001b[49m\n         twenty-first                                                                \u001b[100m \u001b[49m\n         twenty-second                                                               \u001b[100m \u001b[49m\n         twenty-third                                                                \u001b[100m \u001b[49m\n         twenty-fourth                                                               \u001b[100m \u001b[49m\n         twenty-fifth                                                                \u001b[100m \u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForContent(renderInstance, 'slash', '\\\\')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\\\\\\\\\u001b[46m█\u001b[49m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mwith\\\\\\\\slash\u001b[39m\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n  })\n\n  test('displays an error message if the search fails', async () => {\n    const search = (_term: string) => {\n      return Promise.reject(new Error('Something went wrong'))\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={() => {}}\n        search={search}\n      />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForContent(renderInstance, 'There has been an error', 'i')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36mi\u001b[46m█\u001b[49m\u001b[39m\n\n         \u001b[31mThere has been an error while searching. Please try again later.\u001b[39m\n      \"\n    `)\n  })\n\n  test('immediately shows the initial items if the search is empty', async () => {\n    const search = (term: string) => {\n      return Promise.resolve({\n        data: DATABASE.filter((item) => item.label.includes(term)),\n      })\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={() => {}}\n        search={search}\n      />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForContent(renderInstance, 'th\u001b[1mi\u001b[22mrty-sixth', 'i')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36mi\u001b[46m█\u001b[49m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mf\u001b[1mi\u001b[22mrst\u001b[39m                                                                       \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrd                                                                       \u001b[46m \u001b[49m\n         f\u001b[1mi\u001b[22mfth                                                                       \u001b[46m \u001b[49m\n         s\u001b[1mi\u001b[22mxth                                                                       \u001b[46m \u001b[49m\n         e\u001b[1mi\u001b[22mghth                                                                      \u001b[46m \u001b[49m\n         n\u001b[1mi\u001b[22mnth                                                                       \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrteenth                                                                  \u001b[46m \u001b[49m\n         f\u001b[1mi\u001b[22mfteenth                                                                   \u001b[46m \u001b[49m\n         s\u001b[1mi\u001b[22mxteenth                                                                   \u001b[46m \u001b[49m\n         e\u001b[1mi\u001b[22mghteenth                                                                  \u001b[46m \u001b[49m\n         n\u001b[1mi\u001b[22mneteenth                                                                  \u001b[46m \u001b[49m\n         twent\u001b[1mi\u001b[22meth                                                                   \u001b[46m \u001b[49m\n         twenty-f\u001b[1mi\u001b[22mrst                                                                \u001b[46m \u001b[49m\n         twenty-th\u001b[1mi\u001b[22mrd                                                                \u001b[46m \u001b[49m\n         twenty-f\u001b[1mi\u001b[22mfth                                                                \u001b[46m \u001b[49m\n         twenty-s\u001b[1mi\u001b[22mxth                                                                \u001b[46m \u001b[49m\n         twenty-e\u001b[1mi\u001b[22mghth                                                               \u001b[46m \u001b[49m\n         twenty-n\u001b[1mi\u001b[22mnth                                                                \u001b[46m \u001b[49m\n         th\u001b[1mi\u001b[22mrtieth                                                                   \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-first                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-second                                                               \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-third                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-fourth                                                               \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-fifth                                                                \u001b[100m \u001b[49m\n         th\u001b[1mi\u001b[22mrty-sixth                                                                \u001b[100m \u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n\n    await sendInputAndWaitForContent(renderInstance, 'ype to search', DELETE)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m                                                                       \u001b[46m \u001b[49m\n         second                                                                      \u001b[46m \u001b[49m\n         third                                                                       \u001b[46m \u001b[49m\n         fourth                                                                      \u001b[46m \u001b[49m\n         fifth                                                                       \u001b[46m \u001b[49m\n         sixth                                                                       \u001b[46m \u001b[49m\n         seventh                                                                     \u001b[46m \u001b[49m\n         eighth                                                                      \u001b[46m \u001b[49m\n         ninth                                                                       \u001b[46m \u001b[49m\n         tenth                                                                       \u001b[46m \u001b[49m\n         eleventh                                                                    \u001b[46m \u001b[49m\n         twelfth                                                                     \u001b[46m \u001b[49m\n         thirteenth                                                                  \u001b[46m \u001b[49m\n         fourteenth                                                                  \u001b[100m \u001b[49m\n         fifteenth                                                                   \u001b[100m \u001b[49m\n         sixteenth                                                                   \u001b[100m \u001b[49m\n         seventeenth                                                                 \u001b[100m \u001b[49m\n         eighteenth                                                                  \u001b[100m \u001b[49m\n         nineteenth                                                                  \u001b[100m \u001b[49m\n         twentieth                                                                   \u001b[100m \u001b[49m\n         twenty-first                                                                \u001b[100m \u001b[49m\n         twenty-second                                                               \u001b[100m \u001b[49m\n         twenty-third                                                                \u001b[100m \u001b[49m\n         twenty-fourth                                                               \u001b[100m \u001b[49m\n         twenty-fifth                                                                \u001b[100m \u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n      \"\n    `)\n  })\n\n  test('shows a message that indicates there are more results than shown', async () => {\n    const search = (_term: string) => {\n      return Promise.resolve({\n        data: DATABASE,\n        meta: {hasNextPage: true},\n      })\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={() => {}}\n        hasMorePages\n        search={search}\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m                                                                       \u001b[46m \u001b[49m\n         second                                                                      \u001b[46m \u001b[49m\n         third                                                                       \u001b[46m \u001b[49m\n         fourth                                                                      \u001b[46m \u001b[49m\n         fifth                                                                       \u001b[46m \u001b[49m\n         sixth                                                                       \u001b[46m \u001b[49m\n         seventh                                                                     \u001b[46m \u001b[49m\n         eighth                                                                      \u001b[46m \u001b[49m\n         ninth                                                                       \u001b[46m \u001b[49m\n         tenth                                                                       \u001b[46m \u001b[49m\n         eleventh                                                                    \u001b[46m \u001b[49m\n         twelfth                                                                     \u001b[46m \u001b[49m\n         thirteenth                                                                  \u001b[46m \u001b[49m\n         fourteenth                                                                  \u001b[100m \u001b[49m\n         fifteenth                                                                   \u001b[100m \u001b[49m\n         sixteenth                                                                   \u001b[100m \u001b[49m\n         seventeenth                                                                 \u001b[100m \u001b[49m\n         eighteenth                                                                  \u001b[100m \u001b[49m\n         nineteenth                                                                  \u001b[100m \u001b[49m\n         twentieth                                                                   \u001b[100m \u001b[49m\n         twenty-first                                                                \u001b[100m \u001b[49m\n         twenty-second                                                               \u001b[100m \u001b[49m\n         twenty-third                                                                \u001b[100m \u001b[49m\n         twenty-fourth                                                               \u001b[100m \u001b[49m\n         twenty-fifth                                                                \u001b[100m \u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n         \u001b[1m1-50 of many\u001b[22m  Find what you're looking for by typing its name.\n      \"\n    `)\n  })\n\n  test('adapts to the height of the container', async () => {\n    vi.mocked(useStdout).mockReturnValue({\n      stdout: new Stdout({rows: 10}) as any,\n      write: () => {},\n    })\n\n    const items = [\n      {label: 'first', value: 'first', group: 'Automations'},\n      {label: 'second', value: 'second', group: 'Automations'},\n      {label: 'third', value: 'third', group: 'Merchant Admin'},\n      {label: 'fourth', value: 'fourth', group: 'Merchant Admin'},\n      {label: 'fifth', value: 'fifth'},\n      {label: 'sixth', value: 'sixth'},\n      {label: 'seventh', value: 'seventh'},\n      {label: 'eighth', value: 'eighth'},\n      {label: 'ninth', value: 'ninth'},\n      {label: 'tenth', value: 'tenth'},\n    ]\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        onSubmit={() => {}}\n        hasMorePages\n        search={() =>\n          Promise.resolve({\n            data: items,\n          } as SearchResults<string>)\n        }\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n         \u001b[1mAutomations\u001b[22m                                                                 \\u001b[46m \\u001b[49m\n         \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m                                                                    \\u001b[100m \\u001b[49m\n            second                                                                   \\u001b[100m \\u001b[49m\n                                                                                     \\u001b[100m \\u001b[49m\n         \u001b[1mMerchant Admin\u001b[22m                                                              \\u001b[100m \\u001b[49m\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm.\u001b[22m\n         \u001b[1m1-10 of many\u001b[22m  Find what you're looking for by typing its name.\n      \"\n    `)\n  })\n\n  test('abortController can be used to exit the prompt from outside', async () => {\n    const items = [\n      {label: 'a', value: 'a'},\n      {label: 'b', value: 'b'},\n    ]\n\n    const abortController = new AbortController()\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        onSubmit={() => {}}\n        search={() =>\n          Promise.resolve({\n            data: [],\n          } as SearchResults<string>)\n        }\n        abortSignal={abortController.signal}\n      />,\n    )\n    const promise = renderInstance.waitUntilExit()\n\n    abortController.abort()\n\n    // wait for the onAbort promise to resolve\n    await new Promise((resolve) => setTimeout(resolve, 0))\n\n    await expect(promise).resolves.toEqual(undefined)\n  })\n})\n"]}

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

@@ -26,7 +26,6 @@ const BoxWithBorder = ({ type, children }) => {
     return (React.createElement(LinksContext.Provider, { value: {
             links,
             addLink: (label, url) => {
-                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                 const id = Object.keys(links.current).find((id) => links.current[id].url === url);
                 if (id) {
                     return id;

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,EAAO,YAAY,EAAC,MAAM,6BAA6B,CAAA;AAC9D,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,KAAK,EAAE,EAAoB,UAAU,EAAE,MAAM,EAAC,MAAM,OAAO,CAAA;AASlE,SAAS,WAAW,CAAC,IAAyB;IAC5C,OAAO;QACL,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,QAAQ;QACjB,IAAI,EAAE,KAAK;QACX,cAAc,EAAE,KAAK;KACtB,CAAC,IAAI,CAAC,CAAA;AACT,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAE7C,IAAI,YAAY,KAAK,IAAI,IAAI,YAAY,CAAC,KAAK,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QACjE,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,CAAA;IACxC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAElC,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1B,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,EAAC,QAAQ,IACxD,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CACnB,oBAAC,IAAI,IAAC,GAAG,EAAE,EAAE,IAAG,IAAI,EAAE,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAQ,CACpD,CAAC,CACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAED,MAAM,aAAa,GAAmC,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,EAAE;IACzE,MAAM,EAAC,SAAS,EAAC,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,KAAK,GAAG,MAAM,CAAwB,EAAE,CAAC,CAAA;IAE/C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,KAAK;YACL,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBACtB,oEAAoE;gBACpE,MAAM,EAAE,GAAuB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAE,CAAC,GAAG,KAAK,GAAG,CAAC,CAAA;gBACtG,IAAI,EAAE,EAAE,CAAC;oBACP,OAAO,EAAE,CAAA;gBACX,CAAC;gBACD,MAAM,KAAK,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAA;gBAChE,KAAK,CAAC,OAAO,GAAG;oBACd,GAAG,KAAK,CAAC,OAAO;oBAChB,CAAC,KAAK,CAAC,EAAE,EAAC,KAAK,EAAE,GAAG,EAAC;iBACtB,CAAA;gBACD,OAAO,KAAK,CAAA;YACd,CAAC;SACF;QAED,oBAAC,GAAG,IACF,KAAK,EAAE,SAAS,EAChB,YAAY,EAAE,CAAC,EACf,WAAW,EAAC,OAAO,EACnB,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC;YAE9B,oBAAC,GAAG,IAAC,SAAS,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC;gBAC/B,oBAAC,IAAI,QAAE,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAQ,CACzC;YACN,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,IACzD,QAAQ,CACL,CACF;QACN,oBAAC,SAAS,OAAG,CACS,CACzB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAmC,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,EAAE;IACjF,MAAM,EAAC,SAAS,EAAC,GAAG,SAAS,EAAE,CAAA;IAC/B,mDAAmD;IACnD,IAAI,sBAAsB,GAAG,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA;IAC5D,IAAI,sBAAsB,GAAG,CAAC;QAAE,sBAAsB,GAAG,CAAC,CAAA;IAE1D,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;QACjD,oBAAC,IAAI;YACH,oBAAC,IAAI,IAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,IAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAQ;YACtD,oBAAC,IAAI,QAAE,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAQ;YAC7C,oBAAC,IAAI,IAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,IAAG,GAAG,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAQ,CACtE;QAEN,QAAQ;QAET,oBAAC,IAAI,IAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,IAAG,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAQ,CAC1D,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAmC,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IACtE,IAAI,KAAK,CAAC,IAAI,KAAK,gBAAgB,EAAE,CAAC;QACpC,OAAO,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;IACpE,CAAC;SAAM,CAAC;QACN,OAAO,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;IAC5D,CAAC;AACH,CAAC,CAAA;AAED,OAAO,EAAC,MAAM,EAAC,CAAA","sourcesContent":["import useLayout from '../hooks/use-layout.js'\nimport {Link, LinksContext} from '../contexts/LinksContext.js'\nimport {Box, Text} from 'ink'\nimport React, {FunctionComponent, useContext, useRef} from 'react'\n\nexport type BannerType = 'success' | 'error' | 'warning' | 'info' | 'external_error'\n\ninterface BannerProps {\n  type: BannerType\n  children?: React.ReactNode\n}\n\nfunction typeToColor(type: BannerProps['type']) {\n  return {\n    success: 'green',\n    error: 'red',\n    warning: 'yellow',\n    info: 'dim',\n    external_error: 'red',\n  }[type]\n}\n\nconst Footnotes = () => {\n  const linksContext = useContext(LinksContext)\n\n  if (linksContext === null || linksContext.links.current === null) {\n    return null\n  }\n\n  const links = linksContext.links.current\n  const linkIds = Object.keys(links)\n\n  return linkIds.length > 0 ? (\n    <Box marginBottom={1} marginTop={-1} flexDirection=\"column\">\n      {linkIds.map((id) => (\n        <Text key={id}>{`[${id}] ${links[id]?.url}`}</Text>\n      ))}\n    </Box>\n  ) : null\n}\n\nconst BoxWithBorder: FunctionComponent<BannerProps> = ({type, children}) => {\n  const {twoThirds} = useLayout()\n  const links = useRef<{[key: string]: Link}>({})\n\n  return (\n    <LinksContext.Provider\n      value={{\n        links,\n        addLink: (label, url) => {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          const id: string | undefined = Object.keys(links.current).find((id) => links.current[id]!.url === url)\n          if (id) {\n            return id\n          }\n          const newId = (Object.keys(links.current).length + 1).toString()\n          links.current = {\n            ...links.current,\n            [newId]: {label, url},\n          }\n          return newId\n        },\n      }}\n    >\n      <Box\n        width={twoThirds}\n        marginBottom={1}\n        borderStyle=\"round\"\n        flexDirection=\"column\"\n        borderColor={typeToColor(type)}\n      >\n        <Box marginTop={-1} marginLeft={1}>\n          <Text>{` ${type.replace(/_/g, ' ')} `}</Text>\n        </Box>\n        <Box flexDirection=\"column\" paddingY={1} paddingX={2} gap={1}>\n          {children}\n        </Box>\n      </Box>\n      <Footnotes />\n    </LinksContext.Provider>\n  )\n}\n\nconst BoxWithTopBottomLines: FunctionComponent<BannerProps> = ({type, children}) => {\n  const {twoThirds} = useLayout()\n  // 2 initial dashes + 2 spaces surrounding the type\n  let topLineAfterTypeLength = twoThirds - 2 - type.length - 2\n  if (topLineAfterTypeLength < 0) topLineAfterTypeLength = 0\n\n  return (\n    <Box flexDirection=\"column\" marginBottom={1} gap={1}>\n      <Text>\n        <Text color={typeToColor(type)}>{'─'.repeat(2)}</Text>\n        <Text>{` ${type.replace(/_/g, ' ')} `}</Text>\n        <Text color={typeToColor(type)}>{'─'.repeat(topLineAfterTypeLength)}</Text>\n      </Text>\n\n      {children}\n\n      <Text color={typeToColor(type)}>{'─'.repeat(twoThirds)}</Text>\n    </Box>\n  )\n}\n\nconst Banner: FunctionComponent<BannerProps> = ({children, ...props}) => {\n  if (props.type === 'external_error') {\n    return React.createElement(BoxWithTopBottomLines, props, children)\n  } else {\n    return React.createElement(BoxWithBorder, props, children)\n  }\n}\n\nexport {Banner}\n"]}
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Banner.tsx"],"names":[],"mappings":"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","sourcesContent":["import useLayout from '../hooks/use-layout.js'\nimport {Link, LinksContext} from '../contexts/LinksContext.js'\nimport {Box, Text} from 'ink'\nimport React, {FunctionComponent, useContext, useRef} from 'react'\n\nexport type BannerType = 'success' | 'error' | 'warning' | 'info' | 'external_error'\n\ninterface BannerProps {\n  type: BannerType\n  children?: React.ReactNode\n}\n\nfunction typeToColor(type: BannerProps['type']) {\n  return {\n    success: 'green',\n    error: 'red',\n    warning: 'yellow',\n    info: 'dim',\n    external_error: 'red',\n  }[type]\n}\n\nconst Footnotes = () => {\n  const linksContext = useContext(LinksContext)\n\n  if (linksContext === null || linksContext.links.current === null) {\n    return null\n  }\n\n  const links = linksContext.links.current\n  const linkIds = Object.keys(links)\n\n  return linkIds.length > 0 ? (\n    <Box marginBottom={1} marginTop={-1} flexDirection=\"column\">\n      {linkIds.map((id) => (\n        <Text key={id}>{`[${id}] ${links[id]?.url}`}</Text>\n      ))}\n    </Box>\n  ) : null\n}\n\nconst BoxWithBorder: FunctionComponent<BannerProps> = ({type, children}) => {\n  const {twoThirds} = useLayout()\n  const links = useRef<Record<string, Link>>({})\n\n  return (\n    <LinksContext.Provider\n      value={{\n        links,\n        addLink: (label, url) => {\n          const id: string | undefined = Object.keys(links.current).find((id) => links.current[id]!.url === url)\n          if (id) {\n            return id\n          }\n          const newId = (Object.keys(links.current).length + 1).toString()\n          links.current = {\n            ...links.current,\n            [newId]: {label, url},\n          }\n          return newId\n        },\n      }}\n    >\n      <Box\n        width={twoThirds}\n        marginBottom={1}\n        borderStyle=\"round\"\n        flexDirection=\"column\"\n        borderColor={typeToColor(type)}\n      >\n        <Box marginTop={-1} marginLeft={1}>\n          <Text>{` ${type.replace(/_/g, ' ')} `}</Text>\n        </Box>\n        <Box flexDirection=\"column\" paddingY={1} paddingX={2} gap={1}>\n          {children}\n        </Box>\n      </Box>\n      <Footnotes />\n    </LinksContext.Provider>\n  )\n}\n\nconst BoxWithTopBottomLines: FunctionComponent<BannerProps> = ({type, children}) => {\n  const {twoThirds} = useLayout()\n  // 2 initial dashes + 2 spaces surrounding the type\n  let topLineAfterTypeLength = twoThirds - 2 - type.length - 2\n  if (topLineAfterTypeLength < 0) topLineAfterTypeLength = 0\n\n  return (\n    <Box flexDirection=\"column\" marginBottom={1} gap={1}>\n      <Text>\n        <Text color={typeToColor(type)}>{'─'.repeat(2)}</Text>\n        <Text>{` ${type.replace(/_/g, ' ')} `}</Text>\n        <Text color={typeToColor(type)}>{'─'.repeat(topLineAfterTypeLength)}</Text>\n      </Text>\n\n      {children}\n\n      <Text color={typeToColor(type)}>{'─'.repeat(twoThirds)}</Text>\n    </Box>\n  )\n}\n\nconst Banner: FunctionComponent<BannerProps> = ({children, ...props}) => {\n  if (props.type === 'external_error') {\n    return React.createElement(BoxWithTopBottomLines, props, children)\n  } else {\n    return React.createElement(BoxWithBorder, props, children)\n  }\n}\n\nexport {Banner}\n"]}

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

@@ -1,7 +1,7 @@
-import { Banner } from './Banner.js';
 import { List } from './List.js';
-import { render } from '../../testing/ui.js';
+import { Banner } from './Banner.js';
 import { unstyled } from '../../../../public/node/output.js';
+import { render } from '../../testing/ui.js';
 import { describe, expect, test } from 'vitest';
 import React from 'react';
 import { Text } from 'ink';

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Banner.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAA;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AAExB,QAAQ,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE;IAC5B,IAAI,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;QACxE,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS;YACpB,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,yOAAyO;oBACzO,uNAAuN;iBACxN,GACD,CACK,CACV,CAAA;QAED,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;KAcpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM;YACjB,oBAAC,IAAI,kPAIE,CACA,CACV,CAAA;QACD,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;KAUpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS;YACpB,oBAAC,IAAI,kPAIE,CACA,CACV,CAAA;QACD,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;KAUpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO;YAClB,oBAAC,IAAI,kPAIE,CACA,CACV,CAAA;QACD,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;KAUpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;QAC9E,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,MAAM,IAAC,IAAI,EAAC,gBAAgB;YAC3B,oBAAC,IAAI,kPAIE,CACA,CACV,CAAA;QAED,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;KASpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import {Banner} from './Banner.js'\nimport {List} from './List.js'\nimport {render} from '../../testing/ui.js'\nimport {unstyled} from '../../../../public/node/output.js'\nimport {describe, expect, test} from 'vitest'\nimport React from 'react'\nimport {Text} from 'ink'\n\ndescribe('Banner', async () => {\n  test('renders with a border for success with proper wrapping', async () => {\n    const {lastFrame} = render(\n      <Banner type=\"success\">\n        <List\n          items={[\n            'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.',\n            'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n          ]}\n        />\n      </Banner>,\n    )\n\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"╭─ success ────────────────────────────────────────────────────────────────────╮\n      │                                                                              │\n      │    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod │\n      │       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim   │\n      │      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea │\n      │       commodo consequat.                                                     │\n      │    • Duis aute irure dolor in reprehenderit in voluptate velit esse cillum   │\n      │      dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non  │\n      │      proident, sunt in culpa qui officia deserunt mollit anim id est         │\n      │      laborum.                                                                │\n      │                                                                              │\n      ╰──────────────────────────────────────────────────────────────────────────────╯\n      \"\n    `)\n  })\n\n  test('renders with a border for info', async () => {\n    const {lastFrame} = render(\n      <Banner type=\"info\">\n        <Text>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n          consequat.\n        </Text>\n      </Banner>,\n    )\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"╭─ info ───────────────────────────────────────────────────────────────────────╮\n      │                                                                              │\n      │  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod     │\n      │  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim        │\n      │  veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea     │\n      │  commodo consequat.                                                          │\n      │                                                                              │\n      ╰──────────────────────────────────────────────────────────────────────────────╯\n      \"\n    `)\n  })\n\n  test('renders with a border for warning', async () => {\n    const {lastFrame} = render(\n      <Banner type=\"warning\">\n        <Text>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n          consequat.\n        </Text>\n      </Banner>,\n    )\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"╭─ warning ────────────────────────────────────────────────────────────────────╮\n      │                                                                              │\n      │  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod     │\n      │  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim        │\n      │  veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea     │\n      │  commodo consequat.                                                          │\n      │                                                                              │\n      ╰──────────────────────────────────────────────────────────────────────────────╯\n      \"\n    `)\n  })\n\n  test('renders with a border for error', async () => {\n    const {lastFrame} = render(\n      <Banner type=\"error\">\n        <Text>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n          consequat.\n        </Text>\n      </Banner>,\n    )\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"╭─ error ──────────────────────────────────────────────────────────────────────╮\n      │                                                                              │\n      │  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod     │\n      │  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim        │\n      │  veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea     │\n      │  commodo consequat.                                                          │\n      │                                                                              │\n      ╰──────────────────────────────────────────────────────────────────────────────╯\n      \"\n    `)\n  })\n\n  test('renders with a top and bottom lines only for external errors', async () => {\n    const {lastFrame} = render(\n      <Banner type=\"external_error\">\n        <Text>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n          consequat.\n        </Text>\n      </Banner>,\n    )\n\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"── external error ──────────────────────────────────────────────────────────────\n\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore\n      et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n      aliquip ex ea commodo consequat.\n\n      ────────────────────────────────────────────────────────────────────────────────\n      \"\n    `)\n  })\n})\n"]}
+{"version":3,"file":"Banner.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Banner.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAA;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AAExB,QAAQ,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE;IAC5B,IAAI,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;QACxE,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS;YACpB,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,yOAAyO;oBACzO,uNAAuN;iBACxN,GACD,CACK,CACV,CAAA;QAED,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;KAcpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM;YACjB,oBAAC,IAAI,kPAIE,CACA,CACV,CAAA;QACD,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;KAUpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS;YACpB,oBAAC,IAAI,kPAIE,CACA,CACV,CAAA;QACD,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;KAUpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO;YAClB,oBAAC,IAAI,kPAIE,CACA,CACV,CAAA;QACD,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;KAUpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;QAC9E,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,MAAM,IAAC,IAAI,EAAC,gBAAgB;YAC3B,oBAAC,IAAI,kPAIE,CACA,CACV,CAAA;QAED,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;KASpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import {List} from './List.js'\nimport {Banner} from './Banner.js'\nimport {unstyled} from '../../../../public/node/output.js'\nimport {render} from '../../testing/ui.js'\nimport {describe, expect, test} from 'vitest'\nimport React from 'react'\nimport {Text} from 'ink'\n\ndescribe('Banner', async () => {\n  test('renders with a border for success with proper wrapping', async () => {\n    const {lastFrame} = render(\n      <Banner type=\"success\">\n        <List\n          items={[\n            'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.',\n            'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',\n          ]}\n        />\n      </Banner>,\n    )\n\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"╭─ success ────────────────────────────────────────────────────────────────────╮\n      │                                                                              │\n      │    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod │\n      │       tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim   │\n      │      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea │\n      │       commodo consequat.                                                     │\n      │    • Duis aute irure dolor in reprehenderit in voluptate velit esse cillum   │\n      │      dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non  │\n      │      proident, sunt in culpa qui officia deserunt mollit anim id est         │\n      │      laborum.                                                                │\n      │                                                                              │\n      ╰──────────────────────────────────────────────────────────────────────────────╯\n      \"\n    `)\n  })\n\n  test('renders with a border for info', async () => {\n    const {lastFrame} = render(\n      <Banner type=\"info\">\n        <Text>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n          consequat.\n        </Text>\n      </Banner>,\n    )\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"╭─ info ───────────────────────────────────────────────────────────────────────╮\n      │                                                                              │\n      │  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod     │\n      │  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim        │\n      │  veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea     │\n      │  commodo consequat.                                                          │\n      │                                                                              │\n      ╰──────────────────────────────────────────────────────────────────────────────╯\n      \"\n    `)\n  })\n\n  test('renders with a border for warning', async () => {\n    const {lastFrame} = render(\n      <Banner type=\"warning\">\n        <Text>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n          consequat.\n        </Text>\n      </Banner>,\n    )\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"╭─ warning ────────────────────────────────────────────────────────────────────╮\n      │                                                                              │\n      │  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod     │\n      │  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim        │\n      │  veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea     │\n      │  commodo consequat.                                                          │\n      │                                                                              │\n      ╰──────────────────────────────────────────────────────────────────────────────╯\n      \"\n    `)\n  })\n\n  test('renders with a border for error', async () => {\n    const {lastFrame} = render(\n      <Banner type=\"error\">\n        <Text>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n          consequat.\n        </Text>\n      </Banner>,\n    )\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"╭─ error ──────────────────────────────────────────────────────────────────────╮\n      │                                                                              │\n      │  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod     │\n      │  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim        │\n      │  veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea     │\n      │  commodo consequat.                                                          │\n      │                                                                              │\n      ╰──────────────────────────────────────────────────────────────────────────────╯\n      \"\n    `)\n  })\n\n  test('renders with a top and bottom lines only for external errors', async () => {\n    const {lastFrame} = render(\n      <Banner type=\"external_error\">\n        <Text>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n          consequat.\n        </Text>\n      </Banner>,\n    )\n\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"── external error ──────────────────────────────────────────────────────────────\n\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore\n      et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut\n      aliquip ex ea commodo consequat.\n\n      ────────────────────────────────────────────────────────────────────────────────\n      \"\n    `)\n  })\n})\n"]}

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

@@ -120,13 +120,15 @@ const ConcurrentOutput = ({ processes, prefixColumnSize, abortSignal, showTimest
                     await process.action(stdout, stderr, abortSignal);
                 }));
                 if (!keepRunningAfterProcessesResolve) {
-                    unmountInk();
+                    // Defer unmount so React 19 can flush batched setProcessOutput
+                    // state updates before the component tree is torn down.
+                    setImmediate(() => unmountInk());
                 }
                 // eslint-disable-next-line no-catch-all/no-catch-all
             }
             catch (error) {
                 if (!keepRunningAfterProcessesResolve) {
-                    unmountInk(error);
+                    setImmediate(() => unmountInk(error));
                 }
             }
         };

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":"AAEA,OAAO,KAAK,EAAE,EAAoB,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AACzF,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAa,MAAM,EAAC,MAAM,KAAK,CAAA;AACxD,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAA;AAiBlD,SAAS,cAAc,CAAC,MAAc;IACpC,IAAI,MAAM,GAAG,EAAE,EAAE,CAAC;QAChB,OAAO,IAAI,MAAM,EAAE,CAAA;IACrB,CAAC;SAAM,CAAC;QACN,OAAO,MAAM,CAAC,QAAQ,EAAE,CAAA;IAC1B,CAAC;AACH,CAAC;AAED,SAAS,WAAW;IAClB,MAAM,eAAe,GAAG,IAAI,IAAI,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,cAAc,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAA;IACxD,MAAM,OAAO,GAAG,cAAc,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC,CAAA;IAC5D,MAAM,OAAO,GAAG,cAAc,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC,CAAA;IAC5D,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,OAAO,EAAE,CAAA;AACzC,CAAC;AAOD,MAAM,kBAAkB,GAAG,IAAI,iBAAiB,EAA2B,CAAA;AAE3E,SAAS,0BAA0B,CAAI,OAAgC,EAAE,QAAiB;IACxF,OAAO,kBAAkB,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;AAClD,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,gBAAgB,GAA6C,CAAC,EAClE,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,cAAc,GAAG,IAAI,EACrB,gCAAgC,GAAG,KAAK,EACxC,0BAA0B,GAAG,KAAK,GACnC,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,EAAE,CAAC,CAAA;IAC/D,MAAM,EAAC,IAAI,EAAE,UAAU,EAAC,GAAG,MAAM,EAAE,CAAA;IACnC,MAAM,gBAAgB,GAAyB,OAAO,CACpD,GAAG,EAAE,CACH,0BAA0B;QACxB,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC;QAC9D,CAAC,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,EACpD,CAAC,0BAA0B,CAAC,CAC7B,CAAA;IAED,MAAM,0BAA0B,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9C,MAAM,aAAa,GAAG,EAAE,CAAA;QAExB,+FAA+F;QAC/F,MAAM,UAAU,GACd,gBAAgB;YAChB,SAAS,CAAC,MAAM,CAAC,CAAC,eAAe,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAA;QAErG,gDAAgD;QAChD,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;IAC5C,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAEjC,MAAM,SAAS,GAAG,CAAC,MAAc,EAAE,QAAkB,EAAE,EAAE;QACvD,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;QACtC,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;YACjB,OAAO,KAAK,CAAA;QACd,CAAC;QACD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACrB,OAAO,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,KAAa,EAAE,EAAE;QAChB,MAAM,UAAU,GAAG,KAAK,GAAG,gBAAgB,CAAC,MAAM,CAAA;QAClD,OAAO,gBAAgB,CAAC,UAAU,CAAC,CAAA;IACrC,CAAC,EACD,CAAC,gBAAgB,CAAC,CACnB,CAAA;IAED,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,OAAsB,EAAE,QAAkB,EAAE,EAAE;QAC7C,OAAO,IAAI,QAAQ,CAAC;YAClB,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI;gBAC1B,MAAM,OAAO,GAAG,kBAAkB,CAAC,QAAQ,EAAE,CAAA;gBAC7C,MAAM,MAAM,GAAG,OAAO,EAAE,YAAY,IAAI,OAAO,CAAC,MAAM,CAAA;gBACtD,MAAM,eAAe,GAAG,OAAO,EAAE,SAAS,IAAI,IAAI,CAAA;gBAClD,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;gBAEvD,MAAM,KAAK,GAAG,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;gBAEzC,MAAM,KAAK,GAAG,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;gBAC5E,gBAAgB,CAAC,CAAC,qBAAqB,EAAE,EAAE,CAAC;oBAC1C,GAAG,qBAAqB;oBACxB;wBACE,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC;wBACvB,MAAM;wBACN,KAAK;qBACN;iBACF,CAAC,CAAA;gBACF,IAAI,EAAE,CAAA;YACR,CAAC;SACF,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,EAAE;QACtC,4BAA4B;QAC5B,IAAI,MAAM,CAAC,MAAM,GAAG,0BAA0B,EAAE,CAAC;YAC/C,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,0BAA0B,CAAC,CAAA;QACxD,CAAC;QAED,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,0BAA0B,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,EAAE,CAAA;IAC7E,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,KAAK,IAAI,EAAE;YAC9B,MAAM,QAAQ,GAAa,EAAE,CAAA;YAE7B,IAAI,CAAC;gBACH,MAAM,OAAO,CAAC,GAAG,CACf,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;oBAC9B,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;oBAChD,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;oBAChD,MAAM,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,CAAA;gBACnD,CAAC,CAAC,CACH,CAAA;gBACD,IAAI,CAAC,gCAAgC,EAAE,CAAC;oBACtC,UAAU,EAAE,CAAA;gBACd,CAAC;gBACD,qDAAqD;YACvD,CAAC;YAAC,OAAO,KAAc,EAAE,CAAC;gBACxB,IAAI,CAAC,gCAAgC,EAAE,CAAC;oBACtC,UAAU,CAAC,KAA0B,CAAC,CAAA;gBACxC,CAAC;YACH,CAAC;QACH,CAAC,CAAA;QAED,mEAAmE;QACnE,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,gCAAgC,CAAC,CAAC,CAAA;IAE1F,MAAM,EAAC,YAAY,EAAC,GAAG,OAAO,CAAA;IAE9B,OAAO,CACL,oBAAC,MAAM,IAAC,KAAK,EAAE,aAAa,IACzB,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAChB,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,GAAG,EAAE,KAAK,IACnC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,oBAAC,GAAG,IAAC,GAAG,EAAE,KAAK,EAAE,aAAa,EAAC,KAAK;YAClC,oBAAC,IAAI;gBACF,cAAc,CAAC,CAAC,CAAC,CAChB,oBAAC,IAAI;oBACF,WAAW,EAAE;;oBAAG,YAAY;oBAAE,GAAG,CAC7B,CACR,CAAC,CAAC,CAAC,IAAI;gBACR,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAG,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAQ;gBAC7D,oBAAC,IAAI;oBACF,GAAG;oBACH,YAAY;;oBAAG,IAAI,CACf,CACF,CACH,CACP,CAAC,CACE,CACP,CAAA;IACH,CAAC,CACM,CACV,CAAA;AACH,CAAC,CAAA;AACD,OAAO,EAAC,gBAAgB,EAA2B,0BAA0B,EAAC,CAAA","sourcesContent":["import {OutputProcess} from '../../../../public/node/output.js'\nimport {AbortSignal} from '../../../../public/node/abort.js'\nimport React, {FunctionComponent, useCallback, useEffect, useMemo, useState} from 'react'\nimport {Box, Static, Text, TextProps, useApp} from 'ink'\nimport figures from 'figures'\nimport stripAnsi from 'strip-ansi'\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 {exit: unmountInk} = useApp()\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          unmountInk()\n        }\n        // eslint-disable-next-line no-catch-all/no-catch-all\n      } catch (error: unknown) {\n        if (!keepRunningAfterProcessesResolve) {\n          unmountInk(error as Error | undefined)\n        }\n      }\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    runProcesses()\n  }, [abortSignal, processes, writableStream, unmountInk, keepRunningAfterProcessesResolve])\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":"AAEA,OAAO,KAAK,EAAE,EAAoB,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AACzF,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAa,MAAM,EAAC,MAAM,KAAK,CAAA;AACxD,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,SAAS,MAAM,YAAY,CAAA;AAElC,OAAO,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAC,iBAAiB,EAAC,MAAM,kBAAkB,CAAA;AAiBlD,SAAS,cAAc,CAAC,MAAc;IACpC,IAAI,MAAM,GAAG,EAAE,EAAE,CAAC;QAChB,OAAO,IAAI,MAAM,EAAE,CAAA;IACrB,CAAC;SAAM,CAAC;QACN,OAAO,MAAM,CAAC,QAAQ,EAAE,CAAA;IAC1B,CAAC;AACH,CAAC;AAED,SAAS,WAAW;IAClB,MAAM,eAAe,GAAG,IAAI,IAAI,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,cAAc,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAA;IACxD,MAAM,OAAO,GAAG,cAAc,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC,CAAA;IAC5D,MAAM,OAAO,GAAG,cAAc,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC,CAAA;IAC5D,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,OAAO,EAAE,CAAA;AACzC,CAAC;AAOD,MAAM,kBAAkB,GAAG,IAAI,iBAAiB,EAA2B,CAAA;AAE3E,SAAS,0BAA0B,CAAI,OAAgC,EAAE,QAAiB;IACxF,OAAO,kBAAkB,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;AAClD,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,gBAAgB,GAA6C,CAAC,EAClE,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,cAAc,GAAG,IAAI,EACrB,gCAAgC,GAAG,KAAK,EACxC,0BAA0B,GAAG,KAAK,GACnC,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,EAAE,CAAC,CAAA;IAC/D,MAAM,EAAC,IAAI,EAAE,UAAU,EAAC,GAAG,MAAM,EAAE,CAAA;IACnC,MAAM,gBAAgB,GAAyB,OAAO,CACpD,GAAG,EAAE,CACH,0BAA0B;QACxB,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC;QAC9D,CAAC,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,EACpD,CAAC,0BAA0B,CAAC,CAC7B,CAAA;IAED,MAAM,0BAA0B,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9C,MAAM,aAAa,GAAG,EAAE,CAAA;QAExB,+FAA+F;QAC/F,MAAM,UAAU,GACd,gBAAgB;YAChB,SAAS,CAAC,MAAM,CAAC,CAAC,eAAe,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAA;QAErG,gDAAgD;QAChD,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;IAC5C,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAEjC,MAAM,SAAS,GAAG,CAAC,MAAc,EAAE,QAAkB,EAAE,EAAE;QACvD,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;QACtC,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;YACjB,OAAO,KAAK,CAAA;QACd,CAAC;QACD,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACrB,OAAO,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,KAAa,EAAE,EAAE;QAChB,MAAM,UAAU,GAAG,KAAK,GAAG,gBAAgB,CAAC,MAAM,CAAA;QAClD,OAAO,gBAAgB,CAAC,UAAU,CAAC,CAAA;IACrC,CAAC,EACD,CAAC,gBAAgB,CAAC,CACnB,CAAA;IAED,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,OAAsB,EAAE,QAAkB,EAAE,EAAE;QAC7C,OAAO,IAAI,QAAQ,CAAC;YAClB,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI;gBAC1B,MAAM,OAAO,GAAG,kBAAkB,CAAC,QAAQ,EAAE,CAAA;gBAC7C,MAAM,MAAM,GAAG,OAAO,EAAE,YAAY,IAAI,OAAO,CAAC,MAAM,CAAA;gBACtD,MAAM,eAAe,GAAG,OAAO,EAAE,SAAS,IAAI,IAAI,CAAA;gBAClD,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAA;gBAEvD,MAAM,KAAK,GAAG,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;gBAEzC,MAAM,KAAK,GAAG,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;gBAC5E,gBAAgB,CAAC,CAAC,qBAAqB,EAAE,EAAE,CAAC;oBAC1C,GAAG,qBAAqB;oBACxB;wBACE,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC;wBACvB,MAAM;wBACN,KAAK;qBACN;iBACF,CAAC,CAAA;gBACF,IAAI,EAAE,CAAA;YACR,CAAC;SACF,CAAC,CAAA;IACJ,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,EAAE;QACtC,4BAA4B;QAC5B,IAAI,MAAM,CAAC,MAAM,GAAG,0BAA0B,EAAE,CAAC;YAC/C,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,0BAA0B,CAAC,CAAA;QACxD,CAAC;QAED,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,0BAA0B,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,EAAE,CAAA;IAC7E,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,KAAK,IAAI,EAAE;YAC9B,MAAM,QAAQ,GAAa,EAAE,CAAA;YAE7B,IAAI,CAAC;gBACH,MAAM,OAAO,CAAC,GAAG,CACf,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;oBAC9B,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;oBAChD,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;oBAChD,MAAM,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,CAAA;gBACnD,CAAC,CAAC,CACH,CAAA;gBACD,IAAI,CAAC,gCAAgC,EAAE,CAAC;oBACtC,+DAA+D;oBAC/D,wDAAwD;oBACxD,YAAY,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,CAAA;gBAClC,CAAC;gBACD,qDAAqD;YACvD,CAAC;YAAC,OAAO,KAAc,EAAE,CAAC;gBACxB,IAAI,CAAC,gCAAgC,EAAE,CAAC;oBACtC,YAAY,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAA0B,CAAC,CAAC,CAAA;gBAC5D,CAAC;YACH,CAAC;QACH,CAAC,CAAA;QAED,mEAAmE;QACnE,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,gCAAgC,CAAC,CAAC,CAAA;IAE1F,MAAM,EAAC,YAAY,EAAC,GAAG,OAAO,CAAA;IAE9B,OAAO,CACL,oBAAC,MAAM,IAAC,KAAK,EAAE,aAAa,IACzB,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAChB,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,GAAG,EAAE,KAAK,IACnC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,oBAAC,GAAG,IAAC,GAAG,EAAE,KAAK,EAAE,aAAa,EAAC,KAAK;YAClC,oBAAC,IAAI;gBACF,cAAc,CAAC,CAAC,CAAC,CAChB,oBAAC,IAAI;oBACF,WAAW,EAAE;;oBAAG,YAAY;oBAAE,GAAG,CAC7B,CACR,CAAC,CAAC,CAAC,IAAI;gBACR,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAG,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAQ;gBAC7D,oBAAC,IAAI;oBACF,GAAG;oBACH,YAAY;;oBAAG,IAAI,CACf,CACF,CACH,CACP,CAAC,CACE,CACP,CAAA;IACH,CAAC,CACM,CACV,CAAA;AACH,CAAC,CAAA;AACD,OAAO,EAAC,gBAAgB,EAA2B,0BAA0B,EAAC,CAAA","sourcesContent":["import {OutputProcess} from '../../../../public/node/output.js'\nimport {AbortSignal} from '../../../../public/node/abort.js'\nimport React, {FunctionComponent, useCallback, useEffect, useMemo, useState} from 'react'\nimport {Box, Static, Text, TextProps, useApp} 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 {exit: unmountInk} = useApp()\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          // Defer unmount so React 19 can flush batched setProcessOutput\n          // state updates before the component tree is torn down.\n          setImmediate(() => unmountInk())\n        }\n        // eslint-disable-next-line no-catch-all/no-catch-all\n      } catch (error: unknown) {\n        if (!keepRunningAfterProcessesResolve) {\n          setImmediate(() => unmountInk(error as Error | undefined))\n        }\n      }\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    runProcesses()\n  }, [abortSignal, processes, writableStream, unmountInk, keepRunningAfterProcessesResolve])\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"]}