@shopify/cli-kit 3.56.2 → 3.57.0

package/assets/cli-ruby/lib/shopify_cli/theme/dev_server/proxy.rb

@@ -35,10 +35,11 @@ module ShopifyCLI
           wpm
         ]
 
-        def initialize(ctx, theme, param_builder)
+        def initialize(ctx, theme, param_builder, cache_cleaned = false)
           @ctx = ctx
           @theme = theme
           @param_builder = param_builder
+          @cache_cleaned = cache_cleaned
 
           @core_endpoints = Set.new
           @secure_session_id = nil
@@ -56,6 +57,9 @@ module ShopifyCLI
           headers["User-Agent"] = "Shopify CLI"
           query = URI.decode_www_form(env["QUERY_STRING"])
           replace_templates = build_replacement_param(env)
+
+          clean_sfr_cache(env, query, headers)
+
           response = if replace_templates.any?
             # Pass to SFR the recently modified templates in `replace_templates` or
             # `replace_extension_templates` body param
@@ -101,6 +105,22 @@ module ShopifyCLI
 
         private
 
+        def clean_sfr_cache(env, query, headers)
+          return if @cache_cleaned
+
+          @cache_cleaned = true
+
+          query = query.dup
+          query << ["preview_theme_id", theme_id]
+
+          request(
+            env["REQUEST_METHOD"], env["PATH_INFO"],
+            headers: headers,
+            query: query,
+            body_stream: (env["rack.input"] if has_body?(headers))
+          )
+        end
+
         def patch_body(env, body)
           return [""] unless body
 

package/dist/private/node/content-tokens.js

@@ -26,7 +26,7 @@ export class LinkContentToken extends ContentToken {
 }
 export class CommandContentToken extends ContentToken {
     output() {
-        return colors.bold(colors.yellow(stringifyMessage(this.value)));
+        return `\`${colors.magentaBright(stringifyMessage(this.value))}\``;
     }
 }
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/dist/private/node/content-tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-tokens.js","sourceRoot":"","sources":["../../../src/private/node/content-tokens.ts"],"names":[],"mappings":"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","sourcesContent":["import colors from '../../public/node/colors.js'\nimport {OutputMessage, stringifyMessage} from '../../public/node/output.js'\nimport {relativizePath} from '../../public/node/path.js'\nimport terminalLink from 'terminal-link'\nimport cjs from 'color-json'\nimport type {Change} from 'diff'\n\nexport abstract class ContentToken<T> {\n  value: T\n\n  constructor(value: T) {\n    this.value = value\n  }\n\n  abstract output(): string | string[]\n}\n\nexport class RawContentToken extends ContentToken<string> {\n  output(): string {\n    return this.value\n  }\n}\n\nexport class LinkContentToken extends ContentToken<OutputMessage> {\n  link: string\n\n  constructor(value: OutputMessage, link: string) {\n    super(value)\n    this.link = link\n  }\n\n  output() {\n    const text = colors.green(stringifyMessage(this.value))\n    const url = this.link ?? ''\n    return terminalLink(text, url, {fallback: () => `${text} ( ${url} )`})\n  }\n}\n\nexport class CommandContentToken extends ContentToken<OutputMessage> {\n  output(): string {\n    return colors.bold(colors.yellow(stringifyMessage(this.value)))\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport class JsonContentToken extends ContentToken<any> {\n  output(): string {\n    try {\n      return cjs(stringifyMessage(this.value) ?? {})\n      // eslint-disable-next-line no-catch-all/no-catch-all\n    } catch (_) {\n      return JSON.stringify(stringifyMessage(this.value) ?? {}, null, 2)\n    }\n  }\n}\n\nexport class LinesDiffContentToken extends ContentToken<Change[]> {\n  output(): string[] {\n    return this.value\n      .map((part) => {\n        if (part.added) {\n          return part.value\n            .split(/\\n/)\n            .filter((line) => line !== '')\n            .map((line) => {\n              return colors.green(`+ ${line}\\n`)\n            })\n        } else if (part.removed) {\n          return part.value\n            .split(/\\n/)\n            .filter((line) => line !== '')\n            .map((line) => {\n              return colors.magenta(`- ${line}\\n`)\n            })\n        } else {\n          return part.value\n        }\n      })\n      .flat()\n  }\n}\n\nexport class ColorContentToken extends ContentToken<OutputMessage> {\n  color: (text: string) => string\n\n  constructor(value: OutputMessage, color: (text: string) => string) {\n    super(value)\n    this.color = color\n  }\n\n  output(): string {\n    return this.color(stringifyMessage(this.value))\n  }\n}\n\nexport class ErrorContentToken extends ContentToken<OutputMessage> {\n  output(): string {\n    return colors.bold.redBright(stringifyMessage(this.value))\n  }\n}\n\nexport class PathContentToken extends ContentToken<OutputMessage> {\n  output(): string {\n    return relativizePath(stringifyMessage(this.value))\n  }\n}\n\nexport class HeadingContentToken extends ContentToken<OutputMessage> {\n  output(): string {\n    return colors.bold.underline(stringifyMessage(this.value))\n  }\n}\n\nexport class SubHeadingContentToken extends ContentToken<OutputMessage> {\n  output(): string {\n    return colors.underline(stringifyMessage(this.value))\n  }\n}\n\nexport class ItalicContentToken extends ContentToken<OutputMessage> {\n  output(): string {\n    return colors.italic(stringifyMessage(this.value))\n  }\n}\n"]}
+{"version":3,"file":"content-tokens.js","sourceRoot":"","sources":["../../../src/private/node/content-tokens.ts"],"names":[],"mappings":"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","sourcesContent":["import colors from '../../public/node/colors.js'\nimport {OutputMessage, stringifyMessage} from '../../public/node/output.js'\nimport {relativizePath} from '../../public/node/path.js'\nimport terminalLink from 'terminal-link'\nimport cjs from 'color-json'\nimport type {Change} from 'diff'\n\nexport abstract class ContentToken<T> {\n  value: T\n\n  constructor(value: T) {\n    this.value = value\n  }\n\n  abstract output(): string | string[]\n}\n\nexport class RawContentToken extends ContentToken<string> {\n  output(): string {\n    return this.value\n  }\n}\n\nexport class LinkContentToken extends ContentToken<OutputMessage> {\n  link: string\n\n  constructor(value: OutputMessage, link: string) {\n    super(value)\n    this.link = link\n  }\n\n  output() {\n    const text = colors.green(stringifyMessage(this.value))\n    const url = this.link ?? ''\n    return terminalLink(text, url, {fallback: () => `${text} ( ${url} )`})\n  }\n}\n\nexport class CommandContentToken extends ContentToken<OutputMessage> {\n  output(): string {\n    return `\\`${colors.magentaBright(stringifyMessage(this.value))}\\``\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport class JsonContentToken extends ContentToken<any> {\n  output(): string {\n    try {\n      return cjs(stringifyMessage(this.value) ?? {})\n      // eslint-disable-next-line no-catch-all/no-catch-all\n    } catch (_) {\n      return JSON.stringify(stringifyMessage(this.value) ?? {}, null, 2)\n    }\n  }\n}\n\nexport class LinesDiffContentToken extends ContentToken<Change[]> {\n  output(): string[] {\n    return this.value\n      .map((part) => {\n        if (part.added) {\n          return part.value\n            .split(/\\n/)\n            .filter((line) => line !== '')\n            .map((line) => {\n              return colors.green(`+ ${line}\\n`)\n            })\n        } else if (part.removed) {\n          return part.value\n            .split(/\\n/)\n            .filter((line) => line !== '')\n            .map((line) => {\n              return colors.magenta(`- ${line}\\n`)\n            })\n        } else {\n          return part.value\n        }\n      })\n      .flat()\n  }\n}\n\nexport class ColorContentToken extends ContentToken<OutputMessage> {\n  color: (text: string) => string\n\n  constructor(value: OutputMessage, color: (text: string) => string) {\n    super(value)\n    this.color = color\n  }\n\n  output(): string {\n    return this.color(stringifyMessage(this.value))\n  }\n}\n\nexport class ErrorContentToken extends ContentToken<OutputMessage> {\n  output(): string {\n    return colors.bold.redBright(stringifyMessage(this.value))\n  }\n}\n\nexport class PathContentToken extends ContentToken<OutputMessage> {\n  output(): string {\n    return relativizePath(stringifyMessage(this.value))\n  }\n}\n\nexport class HeadingContentToken extends ContentToken<OutputMessage> {\n  output(): string {\n    return colors.bold.underline(stringifyMessage(this.value))\n  }\n}\n\nexport class SubHeadingContentToken extends ContentToken<OutputMessage> {\n  output(): string {\n    return colors.underline(stringifyMessage(this.value))\n  }\n}\n\nexport class ItalicContentToken extends ContentToken<OutputMessage> {\n  output(): string {\n    return colors.italic(stringifyMessage(this.value))\n  }\n}\n"]}

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

@@ -1,7 +1,6 @@
 import { SelectInputProps, Item as SelectItem } from './SelectInput.js';
 import { InfoTableProps } from './Prompts/InfoTable.js';
 import { InfoMessageProps } from './Prompts/InfoMessage.js';
-import { GitDiffProps } from './Prompts/GitDiff.js';
 import { Message } from './Prompts/PromptLayout.js';
 import { AbortSignal } from '../../../../public/node/abort.js';
 import React, { ReactElement } from 'react';
@@ -20,7 +19,6 @@ export interface AutocompletePromptProps<T> {
     search: (term: string) => Promise<SearchResults<T>>;
     abortSignal?: AbortSignal;
     infoMessage?: InfoMessageProps['message'];
-    gitDiff?: GitDiffProps['gitDiff'];
 }
-declare function AutocompletePrompt<T>({ message, choices, infoTable, onSubmit, search, hasMorePages: initialHasMorePages, abortSignal, infoMessage, gitDiff, }: React.PropsWithChildren<AutocompletePromptProps<T>>): ReactElement | null;
+declare function AutocompletePrompt<T>({ message, choices, infoTable, onSubmit, search, hasMorePages: initialHasMorePages, abortSignal, infoMessage, }: React.PropsWithChildren<AutocompletePromptProps<T>>): ReactElement | null;
 export { AutocompletePrompt };

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

@@ -7,7 +7,7 @@ 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, gitDiff, }) {
+function AutocompletePrompt({ message, choices, infoTable, onSubmit, search, hasMorePages: initialHasMorePages = false, abortSignal, infoMessage, }) {
     const { exit: unmountInk } = useApp();
     const [searchTerm, setSearchTerm] = useState('');
     const [searchResults, setSearchResults] = useState(choices);
@@ -66,7 +66,7 @@ function AutocompletePrompt({ message, choices, infoTable, onSubmit, search, has
             clearTimeout(setLoadingWhenSlow.current);
         });
     }, 300), [initialHasMorePages, choices, paginatedSearch, searchResults]);
-    return (React.createElement(PromptLayout, { message: message, state: promptState, infoTable: infoTable, infoMessage: infoMessage, gitDiff: gitDiff, abortSignal: abortSignal, header: promptState !== PromptState.Submitted && canSearch ? (React.createElement(Box, { marginLeft: 3 },
+    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);
                     if (term.length > 0) {

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 {GitDiffProps} from './Prompts/GitDiff.js'\nimport {Message, PromptLayout} from './Prompts/PromptLayout.js'\nimport {debounce} 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  gitDiff?: GitDiffProps['gitDiff']\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  gitDiff,\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  // disable exhaustive-deps because we want to memoize the debounce function itself\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const debounceSearch = useCallback(\n    debounce((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(choices)\n            setHasMorePages(initialHasMorePages)\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    }, 300),\n    [initialHasMorePages, choices, paginatedSearch, searchResults],\n  )\n\n  return (\n    <PromptLayout\n      message={message}\n      state={promptState}\n      infoTable={infoTable}\n      infoMessage={infoMessage}\n      gitDiff={gitDiff}\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        />\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 {debounce} 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}\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}: 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  // disable exhaustive-deps because we want to memoize the debounce function itself\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const debounceSearch = useCallback(\n    debounce((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(choices)\n            setHasMorePages(initialHasMorePages)\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    }, 300),\n    [initialHasMorePages, choices, paginatedSearch, searchResults],\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        />\n      }\n    />\n  )\n}\n\nexport {AutocompletePrompt}\n"]}

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

@@ -5,7 +5,6 @@ import { AbortController } from '../../../../public/node/abort.js';
 import { beforeEach, describe, expect, test, vi } from 'vitest';
 import React from 'react';
 import { useStdout } from 'ink';
-import { platformAndArch } from '@shopify/cli-kit/node/os';
 vi.mock('ink', async () => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const original = await vi.importActual('ink');
@@ -171,34 +170,6 @@ describe('AutocompletePrompt', async () => {
       "
     `);
     });
-    const runningOnWindows = platformAndArch().platform === 'windows';
-    test.skipIf(runningOnWindows)('supports a git diff', async () => {
-        const items = [
-            { label: 'first', value: 'first' },
-            { label: 'second', value: 'second' },
-            { label: 'third', value: 'third' },
-            { label: 'fourth', value: 'fourth' },
-        ];
-        const gitDiff = {
-            baselineContent: 'hello\n',
-            updatedContent: 'world\n',
-        };
-        const renderInstance = render(React.createElement(AutocompletePrompt, { message: "Associate your project with the org Castile Ventures?", choices: items, gitDiff: gitDiff, onSubmit: () => { }, search: () => Promise.resolve({ data: [] }) }));
-        expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
-      "?  Associate your project with the org Castile Ventures?
-
-         ┃  - hello
-         ┃  + world
-
-      >  first
-         second
-         third
-         fourth
-
-         Press ↑↓ arrows to select, enter to confirm.
-      "
-    `);
-    });
     test('supports an info message', async () => {
         const items = [
             { label: 'first', value: 'first' },

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'\nimport {platformAndArch} from '@shopify/cli-kit/node/os'\n\nvi.mock('ink', async () => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\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      // eslint-disable-next-line @typescript-eslint/no-explicit-any\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  const runningOnWindows = platformAndArch().platform === 'windows'\n\n  test.skipIf(runningOnWindows)('supports a git diff', 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 gitDiff = {\n      baselineContent: 'hello\\n',\n      updatedContent: 'world\\n',\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        gitDiff={gitDiff}\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[31m- hello\u001b[m\u001b[39m\n         ┃  \u001b[32m+ \u001b[m\u001b[32mworld\u001b[m\u001b[0m\u001b[39m\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    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('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      // eslint-disable-next-line @typescript-eslint/no-explicit-any\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'\nimport React from 'react'\nimport {useStdout} from 'ink'\n\nvi.mock('ink', async () => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\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      // eslint-disable-next-line @typescript-eslint/no-explicit-any\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    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('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      // eslint-disable-next-line @typescript-eslint/no-explicit-any\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"]}

package/dist/private/node/ui/components/Prompts/PromptLayout.d.ts

@@ -1,4 +1,3 @@
-import { GitDiffProps } from './GitDiff.js';
 import { InfoMessageProps } from './InfoMessage.js';
 import { InfoTableProps } from './InfoTable.js';
 import { InlineToken, LinkToken, TokenItem } from '../TokenizedText.js';
@@ -11,11 +10,10 @@ export interface PromptLayoutProps {
     infoTable?: InfoTableProps['table'];
     abortSignal?: AbortSignal;
     infoMessage?: InfoMessageProps['message'];
-    gitDiff?: GitDiffProps['gitDiff'];
     header?: ReactElement | null;
     state: PromptState;
     submittedAnswerLabel?: string;
     input: ReactElement;
 }
-declare const PromptLayout: ({ message, infoTable, abortSignal, infoMessage, gitDiff, header, state, input, submittedAnswerLabel, }: PromptLayoutProps) => ReactElement | null;
+declare const PromptLayout: ({ message, infoTable, abortSignal, infoMessage, header, state, input, submittedAnswerLabel, }: PromptLayoutProps) => ReactElement | null;
 export { PromptLayout };

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

@@ -1,4 +1,3 @@
-import { GitDiff } from './GitDiff.js';
 import { InfoMessage } from './InfoMessage.js';
 import { InfoTable } from './InfoTable.js';
 import { TokenizedText } from '../TokenizedText.js';
@@ -8,7 +7,7 @@ import { PromptState } from '../../hooks/use-prompt.js';
 import React, { cloneElement, useCallback, useLayoutEffect, useState } from 'react';
 import { Box, measureElement, Text, useStdout } from 'ink';
 import figures from 'figures';
-const PromptLayout = ({ message, infoTable, abortSignal, infoMessage, gitDiff, header, state, input, submittedAnswerLabel, }) => {
+const PromptLayout = ({ message, infoTable, abortSignal, infoMessage, header, state, input, submittedAnswerLabel, }) => {
     const { stdout } = useStdout();
     const [wrapperHeight, setWrapperHeight] = useState(0);
     const [promptAreaHeight, setPromptAreaHeight] = useState(0);
@@ -60,10 +59,9 @@ const PromptLayout = ({ message, infoTable, abortSignal, infoMessage, gitDiff, h
                     React.createElement(Text, null, "?")),
                 React.createElement(TokenizedText, { item: messageWithPunctuation(message) }),
                 header),
-            (showInfoTable || infoMessage || gitDiff) && state !== PromptState.Submitted ? (React.createElement(Box, { marginTop: 1, marginLeft: 3, paddingLeft: 2, borderStyle: "bold", borderLeft: true, borderRight: false, borderTop: false, borderBottom: false, flexDirection: "column", gap: 1 },
+            (showInfoTable || infoMessage) && state !== PromptState.Submitted ? (React.createElement(Box, { marginTop: 1, marginLeft: 3, paddingLeft: 2, borderStyle: "bold", borderLeft: true, borderRight: false, borderTop: false, borderBottom: false, flexDirection: "column", gap: 1 },
                 infoMessage ? React.createElement(InfoMessage, { message: infoMessage }) : null,
-                showInfoTable ? React.createElement(InfoTable, { table: infoTable }) : null,
-                gitDiff ? React.createElement(GitDiff, { gitDiff: gitDiff }) : null)) : null),
+                showInfoTable ? React.createElement(InfoTable, { table: infoTable }) : null)) : null),
         state === PromptState.Submitted && submittedAnswerLabel ? (React.createElement(Box, null,
             React.createElement(Box, { marginRight: 2 },
                 React.createElement(Text, { color: "cyan" }, figures.tick)),

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

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