@shopify/cli-kit 3.31.0 → 3.32.0

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

@@ -1,13 +1,13 @@
 import SelectInput from './SelectInput.js';
-import { waitForInputsToBeReady, waitForChange, sendInput } from '../../../../testing/ui.js';
+import { waitForInputsToBeReady, sendInput } from '../../../../testing/ui.js';
 import { describe, expect, test, vi } from 'vitest';
 import React from 'react';
 import { render } from 'ink-testing-library';
 const ARROW_UP = '\u001B[A';
 const ARROW_DOWN = '\u001B[B';
-const ENTER = '\r';
 describe('SelectInput', async () => {
     test('move up with up arrow key', async () => {
+        const onChange = vi.fn();
         const items = [
             {
                 label: 'First',
@@ -22,7 +22,7 @@ describe('SelectInput', async () => {
                 value: 'third',
             },
         ];
-        const renderInstance = render(React.createElement(SelectInput, { items: items, onSelect: () => { } }));
+        const renderInstance = render(React.createElement(SelectInput, { items: items, onChange: onChange }));
         await waitForInputsToBeReady();
         await sendInput(renderInstance, ARROW_UP);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
@@ -32,8 +32,10 @@ describe('SelectInput', async () => {
 
          navigate with arrows, enter to select"
     `);
+        expect(onChange).toHaveBeenCalledWith(items[2]);
     });
     test('move down with down arrow key', async () => {
+        const onChange = vi.fn();
         const items = [
             {
                 label: 'First',
@@ -48,7 +50,7 @@ describe('SelectInput', async () => {
                 value: 'third',
             },
         ];
-        const renderInstance = render(React.createElement(SelectInput, { items: items, onSelect: () => { } }));
+        const renderInstance = render(React.createElement(SelectInput, { items: items, onChange: onChange }));
         await waitForInputsToBeReady();
         await sendInput(renderInstance, ARROW_DOWN);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
@@ -58,30 +60,10 @@ describe('SelectInput', async () => {
 
          navigate with arrows, enter to select"
     `);
-    });
-    test('select item with enter key', async () => {
-        const onEnter = vi.fn();
-        const items = [
-            {
-                label: 'First',
-                value: 'first',
-            },
-            {
-                label: 'Second',
-                value: 'second',
-            },
-            {
-                label: 'Third',
-                value: 'third',
-            },
-        ];
-        const renderInstance = render(React.createElement(SelectInput, { items: items, onSelect: onEnter }));
-        await waitForInputsToBeReady();
-        await sendInput(renderInstance, ARROW_DOWN);
-        await waitForChange(() => renderInstance.stdin.write(ENTER), () => onEnter.mock.calls.length);
-        expect(onEnter).toHaveBeenCalledWith(items[1].value);
+        expect(onChange).toHaveBeenCalledWith(items[1]);
     });
     test('handles keys with multiple digits', async () => {
+        const onChange = vi.fn();
         const items = [
             {
                 label: 'First',
@@ -97,7 +79,7 @@ describe('SelectInput', async () => {
                 key: '10',
             },
         ];
-        const renderInstance = render(React.createElement(SelectInput, { items: items, onSelect: () => { } }));
+        const renderInstance = render(React.createElement(SelectInput, { items: items, onChange: onChange }));
         await waitForInputsToBeReady();
         await sendInput(renderInstance, '1', '0');
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
@@ -107,8 +89,10 @@ describe('SelectInput', async () => {
 
          navigate with arrows, enter to select"
     `);
+        expect(onChange).toHaveBeenCalledWith(items[2]);
     });
     test('handles custom keys', async () => {
+        const onChange = vi.fn();
         const items = [
             {
                 label: 'First',
@@ -124,7 +108,7 @@ describe('SelectInput', async () => {
                 key: 't',
             },
         ];
-        const renderInstance = render(React.createElement(SelectInput, { items: items, onSelect: () => { } }));
+        const renderInstance = render(React.createElement(SelectInput, { items: items, onChange: onChange }));
         await waitForInputsToBeReady();
         await sendInput(renderInstance, 't');
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
@@ -134,8 +118,10 @@ describe('SelectInput', async () => {
 
          navigate with arrows, enter to select"
     `);
+        expect(onChange).toHaveBeenCalledWith(items[2]);
     });
     test('rotate after reaching the end of the list', async () => {
+        const onChange = vi.fn();
         const items = [
             {
                 label: 'First',
@@ -150,7 +136,7 @@ describe('SelectInput', async () => {
                 value: 'third',
             },
         ];
-        const renderInstance = render(React.createElement(SelectInput, { items: items, onSelect: () => { } }));
+        const renderInstance = render(React.createElement(SelectInput, { items: items, onChange: onChange }));
         await waitForInputsToBeReady();
         await sendInput(renderInstance, ARROW_DOWN);
         await sendInput(renderInstance, ARROW_DOWN);
@@ -162,21 +148,23 @@ describe('SelectInput', async () => {
 
          navigate with arrows, enter to select"
     `);
+        expect(onChange).toHaveBeenCalledWith(items[0]);
     });
     test('support groups', async () => {
+        const onChange = vi.fn();
         const items = [
             { label: 'first', value: 'first', key: 'f' },
             { label: 'second', value: 'second', key: 's' },
             { label: 'third', value: 'third' },
             { label: 'fourth', value: 'fourth' },
-            { label: 'fifth', value: 'fifth', group: 'Automations' },
+            { label: 'fifth', value: 'fifth', group: 'Automations', key: 'a' },
             { label: 'sixth', value: 'sixth', group: 'Automations' },
             { label: 'seventh', value: 'seventh' },
             { label: 'eighth', value: 'eighth', group: 'Merchant Admin' },
             { label: 'ninth', value: 'ninth', group: 'Merchant Admin' },
             { label: 'tenth', value: 'tenth' },
         ];
-        const renderInstance = render(React.createElement(SelectInput, { items: items, onSelect: () => { } }));
+        const renderInstance = render(React.createElement(SelectInput, { items: items, onChange: onChange }));
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
       ">  (f) first
          (s) second
@@ -186,7 +174,48 @@ describe('SelectInput', async () => {
          (6) tenth
 
          Automations
-         (7) fifth
+         (a) fifth
+         (8) sixth
+
+         Merchant Admin
+         (9) eighth
+         (10) ninth
+
+         navigate with arrows, enter to select"
+    `);
+        await waitForInputsToBeReady();
+        await sendInput(renderInstance, 'a');
+        expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
+      "   (f) first
+         (s) second
+         (3) third
+         (4) fourth
+         (5) seventh
+         (6) tenth
+
+         Automations
+      >  (a) fifth
+         (8) sixth
+
+         Merchant Admin
+         (9) eighth
+         (10) ninth
+
+         navigate with arrows, enter to select"
+    `);
+        expect(onChange).toHaveBeenCalledWith(items[4]);
+        await sendInput(renderInstance, ARROW_UP);
+        await sendInput(renderInstance, ARROW_UP);
+        expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
+      "   (f) first
+         (s) second
+         (3) third
+         (4) fourth
+      >  (5) seventh
+         (6) tenth
+
+         Automations
+         (a) fifth
          (8) sixth
 
          Merchant Admin
@@ -195,6 +224,7 @@ describe('SelectInput', async () => {
 
          navigate with arrows, enter to select"
     `);
+        expect(onChange).toHaveBeenCalledWith(items[6]);
     });
 });
 //# sourceMappingURL=SelectInput.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/SelectInput.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import SelectInput from './SelectInput.js'\nimport {waitForInputsToBeReady, waitForChange, sendInput} from '../../../../testing/ui.js'\nimport {describe, expect, test, vi} from 'vitest'\nimport React from 'react'\nimport {render} from 'ink-testing-library'\n\nconst ARROW_UP = '\\u001B[A'\nconst ARROW_DOWN = '\\u001B[B'\nconst ENTER = '\\r'\n\ndescribe('SelectInput', async () => {\n  test('move up with up arrow key', async () => {\n    const items = [\n      {\n        label: 'First',\n        value: 'first',\n      },\n      {\n        label: 'Second',\n        value: 'second',\n      },\n      {\n        label: 'Third',\n        value: 'third',\n      },\n    ]\n\n    const renderInstance = render(<SelectInput items={items} onSelect={() => {}} />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, ARROW_UP)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"   (1) First\n         (2) Second\n      \u001b[36m>\u001b[39m  \u001b[36m(3) Third\u001b[39m\n\n         \u001b[2mnavigate with arrows, enter to select\u001b[22m\"\n    `)\n  })\n\n  test('move down with down arrow key', async () => {\n    const items = [\n      {\n        label: 'First',\n        value: 'first',\n      },\n      {\n        label: 'Second',\n        value: 'second',\n      },\n      {\n        label: 'Third',\n        value: 'third',\n      },\n    ]\n\n    const renderInstance = render(<SelectInput items={items} onSelect={() => {}} />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, ARROW_DOWN)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"   (1) First\n      \u001b[36m>\u001b[39m  \u001b[36m(2) Second\u001b[39m\n         (3) Third\n\n         \u001b[2mnavigate with arrows, enter to select\u001b[22m\"\n    `)\n  })\n\n  test('select item with enter key', async () => {\n    const onEnter = vi.fn()\n\n    const items = [\n      {\n        label: 'First',\n        value: 'first',\n      },\n      {\n        label: 'Second',\n        value: 'second',\n      },\n      {\n        label: 'Third',\n        value: 'third',\n      },\n    ]\n\n    const renderInstance = render(<SelectInput items={items} onSelect={onEnter} />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, ARROW_DOWN)\n    await waitForChange(\n      () => renderInstance.stdin.write(ENTER),\n      () => onEnter.mock.calls.length,\n    )\n\n    expect(onEnter).toHaveBeenCalledWith(items[1]!.value)\n  })\n\n  test('handles keys with multiple digits', async () => {\n    const items = [\n      {\n        label: 'First',\n        value: 'first',\n      },\n      {\n        label: 'Second',\n        value: 'second',\n      },\n      {\n        label: 'Tenth',\n        value: 'tenth',\n        key: '10',\n      },\n    ]\n\n    const renderInstance = render(<SelectInput items={items} onSelect={() => {}} />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, '1', '0')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"   (1) First\n         (2) Second\n      \u001b[36m>\u001b[39m  \u001b[36m(10) Tenth\u001b[39m\n\n         \u001b[2mnavigate with arrows, enter to select\u001b[22m\"\n    `)\n  })\n\n  test('handles custom keys', async () => {\n    const items = [\n      {\n        label: 'First',\n        value: 'first',\n      },\n      {\n        label: 'Second',\n        value: 'second',\n      },\n      {\n        label: 'Third',\n        value: 'third',\n        key: 't',\n      },\n    ]\n\n    const renderInstance = render(<SelectInput items={items} onSelect={() => {}} />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, 't')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"   (1) First\n         (2) Second\n      \u001b[36m>\u001b[39m  \u001b[36m(t) Third\u001b[39m\n\n         \u001b[2mnavigate with arrows, enter to select\u001b[22m\"\n    `)\n  })\n\n  test('rotate after reaching the end of the list', async () => {\n    const items = [\n      {\n        label: 'First',\n        value: 'first',\n      },\n      {\n        label: 'Second',\n        value: 'second',\n      },\n      {\n        label: 'Third',\n        value: 'third',\n      },\n    ]\n\n    const renderInstance = render(<SelectInput items={items} onSelect={() => {}} />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, ARROW_DOWN)\n    await sendInput(renderInstance, ARROW_DOWN)\n    await sendInput(renderInstance, ARROW_DOWN)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"\u001b[36m>\u001b[39m  \u001b[36m(1) First\u001b[39m\n         (2) Second\n         (3) Third\n\n         \u001b[2mnavigate with arrows, enter to select\u001b[22m\"\n    `)\n  })\n\n  test('support groups', async () => {\n    const items = [\n      {label: 'first', value: 'first', key: 'f'},\n      {label: 'second', value: 'second', key: 's'},\n      {label: 'third', value: 'third'},\n      {label: 'fourth', value: 'fourth'},\n      {label: 'fifth', value: 'fifth', group: 'Automations'},\n      {label: 'sixth', value: 'sixth', group: 'Automations'},\n      {label: 'seventh', value: 'seventh'},\n      {label: 'eighth', value: 'eighth', group: 'Merchant Admin'},\n      {label: 'ninth', value: 'ninth', group: 'Merchant Admin'},\n      {label: 'tenth', value: 'tenth'},\n    ]\n\n    const renderInstance = render(<SelectInput items={items} onSelect={() => {}} />)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"\u001b[36m>\u001b[39m  \u001b[36m(f) first\u001b[39m\n         (s) second\n         (3) third\n         (4) fourth\n         (5) seventh\n         (6) tenth\n\n         \u001b[1mAutomations\u001b[22m\n         (7) fifth\n         (8) sixth\n\n         \u001b[1mMerchant Admin\u001b[22m\n         (9) eighth\n         (10) ninth\n\n         \u001b[2mnavigate with arrows, enter to select\u001b[22m\"\n    `)\n  })\n})\n"]}
+{"version":3,"file":"SelectInput.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/SelectInput.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import SelectInput from './SelectInput.js'\nimport {waitForInputsToBeReady, sendInput} from '../../../../testing/ui.js'\nimport {describe, expect, test, vi} from 'vitest'\nimport React from 'react'\nimport {render} from 'ink-testing-library'\n\nconst ARROW_UP = '\\u001B[A'\nconst ARROW_DOWN = '\\u001B[B'\n\ndescribe('SelectInput', async () => {\n  test('move up with up arrow key', async () => {\n    const onChange = vi.fn()\n\n    const items = [\n      {\n        label: 'First',\n        value: 'first',\n      },\n      {\n        label: 'Second',\n        value: 'second',\n      },\n      {\n        label: 'Third',\n        value: 'third',\n      },\n    ]\n\n    const renderInstance = render(<SelectInput items={items} onChange={onChange} />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, ARROW_UP)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"   (1) First\n         (2) Second\n      \u001b[36m>\u001b[39m  \u001b[36m(3) Third\u001b[39m\n\n         \u001b[2mnavigate with arrows, enter to select\u001b[22m\"\n    `)\n    expect(onChange).toHaveBeenCalledWith(items[2]!)\n  })\n\n  test('move down with down arrow key', async () => {\n    const onChange = vi.fn()\n\n    const items = [\n      {\n        label: 'First',\n        value: 'first',\n      },\n      {\n        label: 'Second',\n        value: 'second',\n      },\n      {\n        label: 'Third',\n        value: 'third',\n      },\n    ]\n\n    const renderInstance = render(<SelectInput items={items} onChange={onChange} />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, ARROW_DOWN)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"   (1) First\n      \u001b[36m>\u001b[39m  \u001b[36m(2) Second\u001b[39m\n         (3) Third\n\n         \u001b[2mnavigate with arrows, enter to select\u001b[22m\"\n    `)\n    expect(onChange).toHaveBeenCalledWith(items[1]!)\n  })\n\n  test('handles keys with multiple digits', async () => {\n    const onChange = vi.fn()\n    const items = [\n      {\n        label: 'First',\n        value: 'first',\n      },\n      {\n        label: 'Second',\n        value: 'second',\n      },\n      {\n        label: 'Tenth',\n        value: 'tenth',\n        key: '10',\n      },\n    ]\n\n    const renderInstance = render(<SelectInput items={items} onChange={onChange} />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, '1', '0')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"   (1) First\n         (2) Second\n      \u001b[36m>\u001b[39m  \u001b[36m(10) Tenth\u001b[39m\n\n         \u001b[2mnavigate with arrows, enter to select\u001b[22m\"\n    `)\n    expect(onChange).toHaveBeenCalledWith(items[2]!)\n  })\n\n  test('handles custom keys', async () => {\n    const onChange = vi.fn()\n    const items = [\n      {\n        label: 'First',\n        value: 'first',\n      },\n      {\n        label: 'Second',\n        value: 'second',\n      },\n      {\n        label: 'Third',\n        value: 'third',\n        key: 't',\n      },\n    ]\n\n    const renderInstance = render(<SelectInput items={items} onChange={onChange} />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, 't')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"   (1) First\n         (2) Second\n      \u001b[36m>\u001b[39m  \u001b[36m(t) Third\u001b[39m\n\n         \u001b[2mnavigate with arrows, enter to select\u001b[22m\"\n    `)\n    expect(onChange).toHaveBeenCalledWith(items[2]!)\n  })\n\n  test('rotate after reaching the end of the list', async () => {\n    const onChange = vi.fn()\n    const items = [\n      {\n        label: 'First',\n        value: 'first',\n      },\n      {\n        label: 'Second',\n        value: 'second',\n      },\n      {\n        label: 'Third',\n        value: 'third',\n      },\n    ]\n\n    const renderInstance = render(<SelectInput items={items} onChange={onChange} />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, ARROW_DOWN)\n    await sendInput(renderInstance, ARROW_DOWN)\n    await sendInput(renderInstance, ARROW_DOWN)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"\u001b[36m>\u001b[39m  \u001b[36m(1) First\u001b[39m\n         (2) Second\n         (3) Third\n\n         \u001b[2mnavigate with arrows, enter to select\u001b[22m\"\n    `)\n    expect(onChange).toHaveBeenCalledWith(items[0]!)\n  })\n\n  test('support groups', async () => {\n    const onChange = vi.fn()\n\n    const items = [\n      {label: 'first', value: 'first', key: 'f'},\n      {label: 'second', value: 'second', key: 's'},\n      {label: 'third', value: 'third'},\n      {label: 'fourth', value: 'fourth'},\n      {label: 'fifth', value: 'fifth', group: 'Automations', key: 'a'},\n      {label: 'sixth', value: 'sixth', group: 'Automations'},\n      {label: 'seventh', value: 'seventh'},\n      {label: 'eighth', value: 'eighth', group: 'Merchant Admin'},\n      {label: 'ninth', value: 'ninth', group: 'Merchant Admin'},\n      {label: 'tenth', value: 'tenth'},\n    ]\n\n    const renderInstance = render(<SelectInput items={items} onChange={onChange} />)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"\u001b[36m>\u001b[39m  \u001b[36m(f) first\u001b[39m\n         (s) second\n         (3) third\n         (4) fourth\n         (5) seventh\n         (6) tenth\n\n         \u001b[1mAutomations\u001b[22m\n         (a) fifth\n         (8) sixth\n\n         \u001b[1mMerchant Admin\u001b[22m\n         (9) eighth\n         (10) ninth\n\n         \u001b[2mnavigate with arrows, enter to select\u001b[22m\"\n    `)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, 'a')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"   (f) first\n         (s) second\n         (3) third\n         (4) fourth\n         (5) seventh\n         (6) tenth\n\n         \u001b[1mAutomations\u001b[22m\n      \u001b[36m>\u001b[39m  \u001b[36m(a) fifth\u001b[39m\n         (8) sixth\n\n         \u001b[1mMerchant Admin\u001b[22m\n         (9) eighth\n         (10) ninth\n\n         \u001b[2mnavigate with arrows, enter to select\u001b[22m\"\n    `)\n    expect(onChange).toHaveBeenCalledWith(items[4]!)\n\n    await sendInput(renderInstance, ARROW_UP)\n    await sendInput(renderInstance, ARROW_UP)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"   (f) first\n         (s) second\n         (3) third\n         (4) fourth\n      \u001b[36m>\u001b[39m  \u001b[36m(5) seventh\u001b[39m\n         (6) tenth\n\n         \u001b[1mAutomations\u001b[22m\n         (a) fifth\n         (8) sixth\n\n         \u001b[1mMerchant Admin\u001b[22m\n         (9) eighth\n         (10) ninth\n\n         \u001b[2mnavigate with arrows, enter to select\u001b[22m\"\n    `)\n    expect(onChange).toHaveBeenCalledWith(items[6]!)\n  })\n})\n"]}

package/dist/private/node/ui/components/{Prompt.d.ts → SelectPrompt.d.ts}

@@ -1,10 +1,11 @@
 import { Props as SelectProps } from './SelectInput.js';
 import { Props as TableProps } from './Table.js';
-import React from 'react';
+import React, { ReactElement } from 'react';
 export interface Props<T> {
     message: string;
     choices: SelectProps<T>['items'];
-    onChoose: SelectProps<T>['onSelect'];
+    onSubmit: (value: T) => void;
     infoTable?: TableProps['table'];
 }
-export default function Prompt<T>({ message, choices, infoTable, onChoose, }: React.PropsWithChildren<Props<T>>): JSX.Element | null;
+declare function SelectPrompt<T>({ message, choices, infoTable, onSubmit, }: React.PropsWithChildren<Props<T>>): ReactElement | null;
+export { SelectPrompt };

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

@@ -0,0 +1,34 @@
+import SelectInput from './SelectInput.js';
+import Table from './Table.js';
+import { handleCtrlC } from '../../ui.js';
+import React, { useCallback, useState } from 'react';
+import { Box, Text, useApp, useInput } from 'ink';
+import { figures } from 'listr2';
+function SelectPrompt({ message, choices, infoTable, onSubmit, }) {
+    const [answer, setAnswer] = useState(choices[0]);
+    const { exit: unmountInk } = useApp();
+    const [submitted, setSubmitted] = useState(false);
+    useInput(useCallback((input, key) => {
+        handleCtrlC(input, key);
+        if (key.return) {
+            setSubmitted(true);
+            unmountInk();
+            onSubmit(answer.value);
+        }
+    }, [answer, onSubmit]));
+    return (React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
+        React.createElement(Box, null,
+            React.createElement(Box, { marginRight: 2 },
+                React.createElement(Text, null, "?")),
+            React.createElement(Text, null, message)),
+        infoTable && !submitted && (React.createElement(Box, { marginLeft: 7 },
+            React.createElement(Table, { table: infoTable }))),
+        submitted ? (React.createElement(Box, null,
+            React.createElement(Box, { marginRight: 2 },
+                React.createElement(Text, { color: "cyan" }, figures.tick)),
+            React.createElement(Text, { color: "cyan" }, answer.label))) : (React.createElement(SelectInput, { items: choices, onChange: (item) => {
+                setAnswer(item);
+            } }))));
+}
+export { SelectPrompt };
+//# sourceMappingURL=SelectPrompt.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPrompt.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/SelectPrompt.tsx"],"names":[],"mappings":"AAAA,OAAO,WAA6D,MAAM,kBAAkB,CAAA;AAC5F,OAAO,KAA4B,MAAM,YAAY,CAAA;AACrD,OAAO,EAAC,WAAW,EAAC,MAAM,aAAa,CAAA;AACvC,OAAO,KAAK,EAAE,EAAe,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAChE,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAA;AAS9B,SAAS,YAAY,CAAI,EACvB,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,GAC0B;IAClC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,OAAO,CAAC,CAAC,CAAE,CAAC,CAAA;IAChE,MAAM,EAAC,IAAI,EAAE,UAAU,EAAC,GAAG,MAAM,EAAE,CAAA;IACnC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,QAAQ,CACN,WAAW,CACT,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACb,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;QAEvB,IAAI,GAAG,CAAC,MAAM,EAAE;YACd,YAAY,CAAC,IAAI,CAAC,CAAA;YAClB,UAAU,EAAE,CAAA;YACZ,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;SACvB;IACH,CAAC,EACD,CAAC,MAAM,EAAE,QAAQ,CAAC,CACnB,CACF,CAAA;IAED,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,YAAY,EAAE,CAAC;QACzC,oBAAC,GAAG;YACF,oBAAC,GAAG,IAAC,WAAW,EAAE,CAAC;gBACjB,oBAAC,IAAI,YAAS,CACV;YACN,oBAAC,IAAI,QAAE,OAAO,CAAQ,CAClB;QACL,SAAS,IAAI,CAAC,SAAS,IAAI,CAC1B,oBAAC,GAAG,IAAC,UAAU,EAAE,CAAC;YAChB,oBAAC,KAAK,IAAC,KAAK,EAAE,SAAS,GAAI,CACvB,CACP;QACA,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,GAAG;YACF,oBAAC,GAAG,IAAC,WAAW,EAAE,CAAC;gBACjB,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,IAAE,OAAO,CAAC,IAAI,CAAQ,CACpC;YAEN,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,IAAE,MAAM,CAAC,KAAK,CAAQ,CACpC,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,IACV,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,IAAa,EAAE,EAAE;gBAC1B,SAAS,CAAC,IAAI,CAAC,CAAA;YACjB,CAAC,GACD,CACH,CACG,CACP,CAAA;AACH,CAAC;AAED,OAAO,EAAC,YAAY,EAAC,CAAA","sourcesContent":["import SelectInput, {Props as SelectProps, Item as SelectItem, Item} from './SelectInput.js'\nimport Table, {Props as TableProps} from './Table.js'\nimport {handleCtrlC} from '../../ui.js'\nimport React, {ReactElement, useCallback, useState} from 'react'\nimport {Box, Text, useApp, useInput} from 'ink'\nimport {figures} from 'listr2'\n\nexport interface Props<T> {\n  message: string\n  choices: SelectProps<T>['items']\n  onSubmit: (value: T) => void\n  infoTable?: TableProps['table']\n}\n\nfunction SelectPrompt<T>({\n  message,\n  choices,\n  infoTable,\n  onSubmit,\n}: React.PropsWithChildren<Props<T>>): ReactElement | null {\n  const [answer, setAnswer] = useState<SelectItem<T>>(choices[0]!)\n  const {exit: unmountInk} = useApp()\n  const [submitted, setSubmitted] = useState(false)\n\n  useInput(\n    useCallback(\n      (input, key) => {\n        handleCtrlC(input, key)\n\n        if (key.return) {\n          setSubmitted(true)\n          unmountInk()\n          onSubmit(answer.value)\n        }\n      },\n      [answer, onSubmit],\n    ),\n  )\n\n  return (\n    <Box flexDirection=\"column\" marginBottom={1}>\n      <Box>\n        <Box marginRight={2}>\n          <Text>?</Text>\n        </Box>\n        <Text>{message}</Text>\n      </Box>\n      {infoTable && !submitted && (\n        <Box marginLeft={7}>\n          <Table table={infoTable} />\n        </Box>\n      )}\n      {submitted ? (\n        <Box>\n          <Box marginRight={2}>\n            <Text color=\"cyan\">{figures.tick}</Text>\n          </Box>\n\n          <Text color=\"cyan\">{answer.label}</Text>\n        </Box>\n      ) : (\n        <SelectInput\n          items={choices}\n          onChange={(item: Item<T>) => {\n            setAnswer(item)\n          }}\n        />\n      )}\n    </Box>\n  )\n}\n\nexport {SelectPrompt}\n"]}

package/dist/private/node/ui/components/{Prompt.test.js → SelectPrompt.test.js}

@@ -1,5 +1,5 @@
-import Prompt from './Prompt.js';
-import { sendInput, waitForInputsToBeReady } from '../../../../testing/ui.js';
+import { SelectPrompt } from './SelectPrompt.js';
+import { getLastFrameAfterUnmount, sendInput, waitForInputsToBeReady } from '../../../../testing/ui.js';
 import { describe, expect, test, vi } from 'vitest';
 import React from 'react';
 import { render } from 'ink-testing-library';
@@ -14,11 +14,11 @@ describe('Prompt', async () => {
             { label: 'third', value: 'third' },
         ];
         const infoTable = { Add: ['new-ext'], Remove: ['integrated-demand-ext', 'order-discount'] };
-        const renderInstance = render(React.createElement(Prompt, { message: "Associate your project with the org Castile Ventures?", choices: items, infoTable: infoTable, onChoose: onEnter }));
+        const renderInstance = render(React.createElement(SelectPrompt, { message: "Associate your project with the org Castile Ventures?", choices: items, infoTable: infoTable, onSubmit: onEnter }));
         await waitForInputsToBeReady();
         await sendInput(renderInstance, ARROW_DOWN);
         await sendInput(renderInstance, ENTER);
-        expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
+        expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`
       "?  Associate your project with the org Castile Ventures?
       ✔  second
       "
@@ -42,11 +42,12 @@ describe('Prompt', async () => {
             Add: ['new-ext'],
             Remove: ['integrated-demand-ext', 'order-discount'],
         };
-        const renderInstance = render(React.createElement(Prompt, { message: "Associate your project with the org Castile Ventures?", choices: items, infoTable: infoTable, onChoose: () => { } }));
+        const renderInstance = render(React.createElement(SelectPrompt, { message: "Associate your project with the org Castile Ventures?", choices: items, infoTable: infoTable, onSubmit: () => { } }));
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
       "?  Associate your project with the org Castile Ventures?
 
              Add:     • new-ext
+
              Remove:  • integrated-demand-ext
                       • order-discount
 
@@ -70,4 +71,4 @@ describe('Prompt', async () => {
     `);
     });
 });
-//# sourceMappingURL=Prompt.test.js.map
+//# sourceMappingURL=SelectPrompt.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPrompt.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/SelectPrompt.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import {SelectPrompt} from './SelectPrompt.js'\nimport {getLastFrameAfterUnmount, sendInput, waitForInputsToBeReady} from '../../../../testing/ui.js'\nimport {describe, expect, test, vi} from 'vitest'\nimport React from 'react'\nimport {render} from 'ink-testing-library'\n\nconst ARROW_DOWN = '\\u001B[B'\nconst ENTER = '\\r'\n\ndescribe('Prompt', 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      <SelectPrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        infoTable={infoTable}\n        onSubmit={onEnter}\n      />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, ARROW_DOWN)\n    await sendInput(renderInstance, ENTER)\n\n    expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n      \u001b[36m✔\u001b[39m  \u001b[36msecond\u001b[39m\n      \"\n    `)\n\n    expect(onEnter).toHaveBeenCalledWith(items[1]!.value)\n  })\n\n  test('supports an info table', async () => {\n    const items = [\n      {label: 'first', value: 'first', key: 'f'},\n      {label: 'second', value: 'second', key: 's'},\n      {label: 'third', value: 'third'},\n      {label: 'fourth', value: 'fourth'},\n      {label: 'fifth', value: 'fifth', group: 'Automations'},\n      {label: 'sixth', value: 'sixth', group: 'Automations'},\n      {label: 'seventh', value: 'seventh'},\n      {label: 'eighth', value: 'eighth', group: 'Merchant Admin'},\n      {label: 'ninth', value: 'ninth', group: 'Merchant Admin'},\n      {label: 'tenth', value: 'tenth'},\n    ]\n\n    const infoTable = {\n      Add: ['new-ext'],\n      Remove: ['integrated-demand-ext', 'order-discount'],\n    }\n\n    const renderInstance = render(\n      <SelectPrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        infoTable={infoTable}\n        onSubmit={() => {}}\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n\n             Add:     • new-ext\n\n             Remove:  • integrated-demand-ext\n                      • order-discount\n\n      \u001b[36m>\u001b[39m  \u001b[36m(f) first\u001b[39m\n         (s) second\n         (3) third\n         (4) fourth\n         (5) seventh\n         (6) tenth\n\n         \u001b[1mAutomations\u001b[22m\n         (7) fifth\n         (8) sixth\n\n         \u001b[1mMerchant Admin\u001b[22m\n         (9) eighth\n         (10) ninth\n\n         \u001b[2mnavigate with arrows, enter to select\u001b[22m\n      \"\n    `)\n  })\n})\n"]}

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

@@ -5,7 +5,7 @@ import React from 'react';
 const Table = ({ table }) => {
     const headers = Object.keys(table);
     const headerColumnWidth = Math.max(...headers.map((header) => header.length));
-    return (React.createElement(Box, { flexDirection: "column", paddingY: 1 }, headers.map((header, index) => (React.createElement(Box, { key: index },
+    return (React.createElement(Box, { flexDirection: "column", paddingY: 1 }, headers.map((header, index) => (React.createElement(Box, { key: index, marginBottom: index === headers.length - 1 ? 0 : 1 },
         React.createElement(Box, { width: headerColumnWidth + 1 },
             React.createElement(Text, null,
                 capitalize(header),

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,KAAK,GAAoB,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IACzC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAClC,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;IAE7E,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,IACpC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,oBAAC,GAAG,IAAC,GAAG,EAAE,KAAK;QACb,oBAAC,GAAG,IAAC,KAAK,EAAE,iBAAiB,GAAG,CAAC;YAC/B,oBAAC,IAAI;gBAAE,UAAU,CAAC,MAAM,CAAC;oBAAS,CAC9B;QACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;YACd,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAE,GAAI,CAC3B,CACF,CACP,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA","sourcesContent":["import {List} from './List.js'\nimport {capitalize} from '../../../../string.js'\nimport {Box, Text} from 'ink'\nimport React from 'react'\n\nexport interface Props {\n  table: {\n    [header: string]: string[]\n  }\n}\n\nconst Table: React.FC<Props> = ({table}) => {\n  const headers = Object.keys(table)\n  const headerColumnWidth = Math.max(...headers.map((header) => header.length))\n\n  return (\n    <Box flexDirection=\"column\" paddingY={1}>\n      {headers.map((header, index) => (\n        <Box key={index}>\n          <Box width={headerColumnWidth + 1}>\n            <Text>{capitalize(header)}:</Text>\n          </Box>\n          <Box flexGrow={1}>\n            <List items={table[header]!} />\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n\nexport default Table\n"]}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,KAAK,GAAoB,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IACzC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAClC,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;IAE7E,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,IACpC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,oBAAC,GAAG,IAAC,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACjE,oBAAC,GAAG,IAAC,KAAK,EAAE,iBAAiB,GAAG,CAAC;YAC/B,oBAAC,IAAI;gBAAE,UAAU,CAAC,MAAM,CAAC;oBAAS,CAC9B;QACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;YACd,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAE,GAAI,CAC3B,CACF,CACP,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA","sourcesContent":["import {List} from './List.js'\nimport {capitalize} from '../../../../string.js'\nimport {Box, Text} from 'ink'\nimport React from 'react'\n\nexport interface Props {\n  table: {\n    [header: string]: string[]\n  }\n}\n\nconst Table: React.FC<Props> = ({table}) => {\n  const headers = Object.keys(table)\n  const headerColumnWidth = Math.max(...headers.map((header) => header.length))\n\n  return (\n    <Box flexDirection=\"column\" paddingY={1}>\n      {headers.map((header, index) => (\n        <Box key={index} marginBottom={index === headers.length - 1 ? 0 : 1}>\n          <Box width={headerColumnWidth + 1}>\n            <Text>{capitalize(header)}:</Text>\n          </Box>\n          <Box flexGrow={1}>\n            <List items={table[header]!} />\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n\nexport default Table\n"]}

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

@@ -7,4 +7,4 @@ export interface Props {
     tasks: Task[];
 }
 declare const Tasks: React.FC<Props>;
-export default Tasks;
+export { Tasks };

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

@@ -5,8 +5,8 @@ import { Box, Text } from 'ink';
 import React, { useState } from 'react';
 const loadingBarChar = '█';
 const Tasks = ({ tasks }) => {
-    const { width } = useLayout();
-    const loadingBar = new Array(width).fill(loadingBarChar).join('');
+    const { twoThirds } = useLayout();
+    const loadingBar = new Array(twoThirds).fill(loadingBarChar).join('');
     const [currentTask, setCurrentTask] = useState(tasks[0]);
     const [state, setState] = useState('loading');
     const runTasks = async () => {
@@ -23,5 +23,5 @@ const Tasks = ({ tasks }) => {
             currentTask.title,
             state === 'loading' && ' ...')))));
 };
-export default Tasks;
+export { Tasks };
 //# sourceMappingURL=Tasks.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tasks.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Tasks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAA;AAChD,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,kBAAkB,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAA;AAErC,MAAM,cAAc,GAAG,GAAG,CAAA;AAW1B,MAAM,KAAK,GAAoB,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IACzC,MAAM,EAAC,KAAK,EAAC,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,UAAU,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACjE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAO,KAAK,CAAC,CAAC,CAAE,CAAC,CAAA;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAoC,SAAS,CAAC,CAAA;IAEhF,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;QAC1B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACxB,cAAc,CAAC,IAAI,CAAC,CAAA;YACpB,4CAA4C;YAC5C,MAAM,IAAI,CAAC,IAAI,EAAE,CAAA;SAClB;IACH,CAAC,CAAA;IAED,kBAAkB,CAAC,QAAQ,EAAE,EAAC,WAAW,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAC,CAAC,CAAA;IAE7G,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ;QACzB,oBAAC,GAAG,QACD,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,oBAAC,aAAa,IAAC,IAAI,EAAE,UAAU,GAAI,CACpC,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,IAAG,UAAU,CAAQ,CACxE,CACG;QACN,oBAAC,IAAI,QACF,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,oBAAC,IAAI,oBAAiB,CACvB,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI;YACF,WAAW,CAAC,KAAK;YACjB,KAAK,KAAK,SAAS,IAAI,MAAM,CACzB,CACR,CACI,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA","sourcesContent":["import {TextAnimation} from './TextAnimation.js'\nimport useLayout from '../hooks/use-layout.js'\nimport useAsyncAndUnmount from '../hooks/use-async-and-unmount.js'\nimport {Box, Text} from 'ink'\nimport React, {useState} from 'react'\n\nconst loadingBarChar = '█'\n\nexport interface Task {\n  title: string\n  task: () => Promise<void>\n}\n\nexport interface Props {\n  tasks: Task[]\n}\n\nconst Tasks: React.FC<Props> = ({tasks}) => {\n  const {width} = useLayout()\n  const loadingBar = new Array(width).fill(loadingBarChar).join('')\n  const [currentTask, setCurrentTask] = useState<Task>(tasks[0]!)\n  const [state, setState] = useState<'success' | 'failure' | 'loading'>('loading')\n\n  const runTasks = async () => {\n    for (const task of tasks) {\n      setCurrentTask(task)\n      // eslint-disable-next-line no-await-in-loop\n      await task.task()\n    }\n  }\n\n  useAsyncAndUnmount(runTasks, {onFulfilled: () => setState('success'), onRejected: () => setState('failure')})\n\n  return (\n    <Box flexDirection=\"column\">\n      <Box>\n        {state === 'loading' ? (\n          <TextAnimation text={loadingBar} />\n        ) : (\n          <Text color={state === 'success' ? 'green' : 'red'}>{loadingBar}</Text>\n        )}\n      </Box>\n      <Text>\n        {state === 'success' ? (\n          <Text>Complete!</Text>\n        ) : (\n          <Text>\n            {currentTask.title}\n            {state === 'loading' && ' ...'}\n          </Text>\n        )}\n      </Text>\n    </Box>\n  )\n}\n\nexport default Tasks\n"]}
+{"version":3,"file":"Tasks.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Tasks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAA;AAChD,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,kBAAkB,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAA;AAErC,MAAM,cAAc,GAAG,GAAG,CAAA;AAW1B,MAAM,KAAK,GAAoB,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IACzC,MAAM,EAAC,SAAS,EAAC,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,UAAU,GAAG,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACrE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAO,KAAK,CAAC,CAAC,CAAE,CAAC,CAAA;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAoC,SAAS,CAAC,CAAA;IAEhF,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;QAC1B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACxB,cAAc,CAAC,IAAI,CAAC,CAAA;YACpB,4CAA4C;YAC5C,MAAM,IAAI,CAAC,IAAI,EAAE,CAAA;SAClB;IACH,CAAC,CAAA;IAED,kBAAkB,CAAC,QAAQ,EAAE,EAAC,WAAW,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAC,CAAC,CAAA;IAE7G,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ;QACzB,oBAAC,GAAG,QACD,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,oBAAC,aAAa,IAAC,IAAI,EAAE,UAAU,GAAI,CACpC,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,IAAG,UAAU,CAAQ,CACxE,CACG;QACN,oBAAC,IAAI,QACF,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,oBAAC,IAAI,oBAAiB,CACvB,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI;YACF,WAAW,CAAC,KAAK;YACjB,KAAK,KAAK,SAAS,IAAI,MAAM,CACzB,CACR,CACI,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAC,KAAK,EAAC,CAAA","sourcesContent":["import {TextAnimation} from './TextAnimation.js'\nimport useLayout from '../hooks/use-layout.js'\nimport useAsyncAndUnmount from '../hooks/use-async-and-unmount.js'\nimport {Box, Text} from 'ink'\nimport React, {useState} from 'react'\n\nconst loadingBarChar = '█'\n\nexport interface Task {\n  title: string\n  task: () => Promise<void>\n}\n\nexport interface Props {\n  tasks: Task[]\n}\n\nconst Tasks: React.FC<Props> = ({tasks}) => {\n  const {twoThirds} = useLayout()\n  const loadingBar = new Array(twoThirds).fill(loadingBarChar).join('')\n  const [currentTask, setCurrentTask] = useState<Task>(tasks[0]!)\n  const [state, setState] = useState<'success' | 'failure' | 'loading'>('loading')\n\n  const runTasks = async () => {\n    for (const task of tasks) {\n      setCurrentTask(task)\n      // eslint-disable-next-line no-await-in-loop\n      await task.task()\n    }\n  }\n\n  useAsyncAndUnmount(runTasks, {onFulfilled: () => setState('success'), onRejected: () => setState('failure')})\n\n  return (\n    <Box flexDirection=\"column\">\n      <Box>\n        {state === 'loading' ? (\n          <TextAnimation text={loadingBar} />\n        ) : (\n          <Text color={state === 'success' ? 'green' : 'red'}>{loadingBar}</Text>\n        )}\n      </Box>\n      <Text>\n        {state === 'success' ? (\n          <Text>Complete!</Text>\n        ) : (\n          <Text>\n            {currentTask.title}\n            {state === 'loading' && ' ...'}\n          </Text>\n        )}\n      </Text>\n    </Box>\n  )\n}\n\nexport {Tasks}\n"]}

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

@@ -1,5 +1,5 @@
-import Tasks from './Tasks.js';
-import { getLastFrame } from '../../../../testing/ui.js';
+import { Tasks } from './Tasks.js';
+import { getLastFrameAfterUnmount } from '../../../../testing/ui.js';
 import React from 'react';
 import { describe, expect, test } from 'vitest';
 import { render } from 'ink-testing-library';
@@ -19,7 +19,7 @@ describe('Tasks', () => {
         // wait for next tick
         await new Promise((resolve) => setTimeout(resolve, 0));
         // Then
-        expect(getLastFrame(renderInstance)).toMatchInlineSnapshot(`
+        expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`
       "████████████████████████████████████████████████████████████████████████████████
       Complete!"
     `);
@@ -41,7 +41,7 @@ describe('Tasks', () => {
         // wait for next tick
         await new Promise((resolve) => setTimeout(resolve, 0));
         // Then
-        expect(getLastFrame(renderInstance)).toMatchInlineSnapshot(`
+        expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`
       "████████████████████████████████████████████████████████████████████████████████
       task 1"
     `);

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

@@ -1 +1 @@
-{"version":3,"file":"Tasks.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Tasks.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAA;AAC9B,OAAO,EAAC,YAAY,EAAC,MAAM,2BAA2B,CAAA;AACtD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAE1C,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACrB,IAAI,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAClD,QAAQ;QACR,MAAM,SAAS,GAAG;YAChB,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC;SACrB,CAAA;QAED,MAAM,UAAU,GAAG;YACjB,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC;SACrB,CAAA;QACD,OAAO;QAEP,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAC,KAAK,IAAC,KAAK,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,GAAI,CAAC,CAAA;QAExE,qBAAqB;QACrB,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;QAEtD,OAAO;QACP,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;KAG1D,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAClD,QAAQ;QACR,MAAM,SAAS,GAAG;YAChB,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,KAAK,IAAI,EAAE;gBACf,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAA;YACzC,CAAC;SACF,CAAA;QAED,MAAM,UAAU,GAAG;YACjB,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC;SACrB,CAAA;QAED,OAAO;QACP,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAC,KAAK,IAAC,KAAK,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,GAAI,CAAC,CAAA;QAExE,qBAAqB;QACrB,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;QAEtD,OAAO;QACP,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;KAG1D,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import Tasks from './Tasks.js'\nimport {getLastFrame} from '../../../../testing/ui.js'\nimport React from 'react'\nimport {describe, expect, test} from 'vitest'\nimport {render} from 'ink-testing-library'\n\ndescribe('Tasks', () => {\n  test('shows a success state at the end', async () => {\n    // Given\n    const firstTask = {\n      title: 'task 1',\n      task: async () => {},\n    }\n\n    const secondTask = {\n      title: 'task 2',\n      task: async () => {},\n    }\n    // When\n\n    const renderInstance = render(<Tasks tasks={[firstTask, secondTask]} />)\n\n    // wait for next tick\n    await new Promise((resolve) => setTimeout(resolve, 0))\n\n    // Then\n    expect(getLastFrame(renderInstance)).toMatchInlineSnapshot(`\n      \"\u001b[32m████████████████████████████████████████████████████████████████████████████████\u001b[39m\n      Complete!\"\n    `)\n  })\n\n  test('shows a failure state at the end', async () => {\n    // Given\n    const firstTask = {\n      title: 'task 1',\n      task: async () => {\n        throw new Error('something went wrong')\n      },\n    }\n\n    const secondTask = {\n      title: 'task 2',\n      task: async () => {},\n    }\n\n    // When\n    const renderInstance = render(<Tasks tasks={[firstTask, secondTask]} />)\n\n    // wait for next tick\n    await new Promise((resolve) => setTimeout(resolve, 0))\n\n    // Then\n    expect(getLastFrame(renderInstance)).toMatchInlineSnapshot(`\n      \"\u001b[31m████████████████████████████████████████████████████████████████████████████████\u001b[39m\n      task 1\"\n    `)\n  })\n})\n"]}
+{"version":3,"file":"Tasks.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Tasks.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,YAAY,CAAA;AAChC,OAAO,EAAC,wBAAwB,EAAC,MAAM,2BAA2B,CAAA;AAClE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAE1C,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACrB,IAAI,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAClD,QAAQ;QACR,MAAM,SAAS,GAAG;YAChB,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC;SACrB,CAAA;QAED,MAAM,UAAU,GAAG;YACjB,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC;SACrB,CAAA;QACD,OAAO;QAEP,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAC,KAAK,IAAC,KAAK,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,GAAI,CAAC,CAAA;QAExE,qBAAqB;QACrB,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;QAEtD,OAAO;QACP,MAAM,CAAC,wBAAwB,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;KAGtE,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAClD,QAAQ;QACR,MAAM,SAAS,GAAG;YAChB,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,KAAK,IAAI,EAAE;gBACf,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAA;YACzC,CAAC;SACF,CAAA;QAED,MAAM,UAAU,GAAG;YACjB,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC;SACrB,CAAA;QAED,OAAO;QACP,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAC,KAAK,IAAC,KAAK,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,GAAI,CAAC,CAAA;QAExE,qBAAqB;QACrB,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;QAEtD,OAAO;QACP,MAAM,CAAC,wBAAwB,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;KAGtE,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import {Tasks} from './Tasks.js'\nimport {getLastFrameAfterUnmount} from '../../../../testing/ui.js'\nimport React from 'react'\nimport {describe, expect, test} from 'vitest'\nimport {render} from 'ink-testing-library'\n\ndescribe('Tasks', () => {\n  test('shows a success state at the end', async () => {\n    // Given\n    const firstTask = {\n      title: 'task 1',\n      task: async () => {},\n    }\n\n    const secondTask = {\n      title: 'task 2',\n      task: async () => {},\n    }\n    // When\n\n    const renderInstance = render(<Tasks tasks={[firstTask, secondTask]} />)\n\n    // wait for next tick\n    await new Promise((resolve) => setTimeout(resolve, 0))\n\n    // Then\n    expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`\n      \"\u001b[32m████████████████████████████████████████████████████████████████████████████████\u001b[39m\n      Complete!\"\n    `)\n  })\n\n  test('shows a failure state at the end', async () => {\n    // Given\n    const firstTask = {\n      title: 'task 1',\n      task: async () => {\n        throw new Error('something went wrong')\n      },\n    }\n\n    const secondTask = {\n      title: 'task 2',\n      task: async () => {},\n    }\n\n    // When\n    const renderInstance = render(<Tasks tasks={[firstTask, secondTask]} />)\n\n    // wait for next tick\n    await new Promise((resolve) => setTimeout(resolve, 0))\n\n    // Then\n    expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`\n      \"\u001b[31m████████████████████████████████████████████████████████████████████████████████\u001b[39m\n      task 1\"\n    `)\n  })\n})\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"TextAnimation.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/TextAnimation.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AACxD,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AAMtC,SAAS,OAAO,CAAC,IAAY,EAAE,KAAa;IAC1C,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAA;IACrB,MAAM,SAAS,GAAG,EAAC,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAC,CAAA;IAC9C,MAAM,UAAU,GAAG,EAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAC,CAAA;IACrD,OAAO,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,IAAI,EAAE,EAAC,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAC,CAAC,CAAA;AACvF,CAAC;AAED;;GAEG;AACH,MAAM,aAAa,GAAoB,CAAC,EAAC,IAAI,EAAC,EAAe,EAAE;IAC7D,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IACvB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IACxD,MAAM,OAAO,GAAG,MAAM,EAAkB,CAAA;IAExC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,GAAG,CAAC,CAAA;QAClC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAA;QAExB,gBAAgB,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;QAE9C,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,eAAe,EAAE,CAAA;QACnB,CAAC,EAAE,EAAE,CAAC,CAAA;IACR,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,EAAE,CAAA;QAEjB,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAC/B,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,oBAAC,IAAI,QAAE,aAAa,CAAQ,CAAA;AACrC,CAAC,CAAA;AAED,OAAO,EAAC,aAAa,EAAC,CAAA","sourcesContent":["/* eslint-disable id-length */\nimport {Text} from 'ink'\nimport React, {useEffect, useRef, useState} from 'react'\nimport gradient from 'gradient-string'\n\ninterface Props {\n  text: string\n}\n\nfunction rainbow(text: string, frame: number) {\n  const hue = 5 * frame\n  const leftColor = {h: hue % 360, s: 0.8, v: 1}\n  const rightColor = {h: (hue + 1) % 360, s: 0.8, v: 1}\n  return gradient(leftColor, rightColor)(text, {interpolation: 'hsv', hsvSpin: 'long'})\n}\n\n/**\n * `TextAnimation` applies a rainbow animation to text.\n */\nconst TextAnimation: React.FC<Props> = ({text}): JSX.Element => {\n  const frame = useRef(0)\n  const [renderedFrame, setRenderedFrame] = useState(text)\n  const timeout = useRef<NodeJS.Timeout>()\n\n  const renderAnimation = () => {\n    const newFrame = frame.current + 1\n    frame.current = newFrame\n\n    setRenderedFrame(rainbow(text, frame.current))\n\n    timeout.current = setTimeout(() => {\n      renderAnimation()\n    }, 35)\n  }\n\n  useEffect(() => {\n    renderAnimation()\n\n    return () => {\n      clearTimeout(timeout.current)\n    }\n  }, [])\n\n  return <Text>{renderedFrame}</Text>\n}\n\nexport {TextAnimation}\n"]}
+{"version":3,"file":"TextAnimation.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/TextAnimation.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AACxD,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AAMtC,SAAS,OAAO,CAAC,IAAY,EAAE,KAAa;IAC1C,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAA;IACrB,MAAM,SAAS,GAAG,EAAC,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAC,CAAA;IAC9C,MAAM,UAAU,GAAG,EAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAC,CAAA;IACrD,OAAO,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,IAAI,EAAE,EAAC,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAC,CAAC,CAAA;AACvF,CAAC;AAED;;GAEG;AACH,MAAM,aAAa,GAAoB,CAAC,EAAC,IAAI,EAAC,EAAe,EAAE;IAC7D,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IACvB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IACxD,MAAM,OAAO,GAAG,MAAM,EAAkB,CAAA;IAExC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,GAAG,CAAC,CAAA;QAClC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAA;QAExB,gBAAgB,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;QAE9C,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,eAAe,EAAE,CAAA;QACnB,CAAC,EAAE,EAAE,CAAC,CAAA;IACR,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,EAAE,CAAA;QAEjB,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,OAA4B,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,oBAAC,IAAI,QAAE,aAAa,CAAQ,CAAA;AACrC,CAAC,CAAA;AAED,OAAO,EAAC,aAAa,EAAC,CAAA","sourcesContent":["/* eslint-disable id-length */\nimport {Text} from 'ink'\nimport React, {useEffect, useRef, useState} from 'react'\nimport gradient from 'gradient-string'\n\ninterface Props {\n  text: string\n}\n\nfunction rainbow(text: string, frame: number) {\n  const hue = 5 * frame\n  const leftColor = {h: hue % 360, s: 0.8, v: 1}\n  const rightColor = {h: (hue + 1) % 360, s: 0.8, v: 1}\n  return gradient(leftColor, rightColor)(text, {interpolation: 'hsv', hsvSpin: 'long'})\n}\n\n/**\n * `TextAnimation` applies a rainbow animation to text.\n */\nconst TextAnimation: React.FC<Props> = ({text}): JSX.Element => {\n  const frame = useRef(0)\n  const [renderedFrame, setRenderedFrame] = useState(text)\n  const timeout = useRef<NodeJS.Timeout>()\n\n  const renderAnimation = () => {\n    const newFrame = frame.current + 1\n    frame.current = newFrame\n\n    setRenderedFrame(rainbow(text, frame.current))\n\n    timeout.current = setTimeout(() => {\n      renderAnimation()\n    }, 35)\n  }\n\n  useEffect(() => {\n    renderAnimation()\n\n    return () => {\n      clearTimeout(timeout.current as unknown as number)\n    }\n  }, [])\n\n  return <Text>{renderedFrame}</Text>\n}\n\nexport {TextAnimation}\n"]}

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

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+interface Props {
+    placeholder?: string;
+    value: string;
+    onChange: (value: string) => void;
+    color?: string;
+}
+declare const TextInput: FC<Props>;
+export { TextInput };

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

@@ -0,0 +1,74 @@
+/* eslint-disable no-nested-ternary */
+import * as React from 'react';
+import { useEffect, useState } from 'react';
+import { Text, useInput } from 'ink';
+import chalk from 'chalk';
+const TextInput = ({ value, placeholder = '', onChange, color = 'cyan' }) => {
+    const [cursorOffset, setCursorOffset] = useState((value || '').length);
+    // if the updated value is shorter than the last one we need to reset the cursor
+    useEffect(() => {
+        setCursorOffset((previousOffset) => {
+            const newValue = value || '';
+            if (previousOffset > newValue.length - 1) {
+                return newValue.length;
+            }
+            return previousOffset;
+        });
+    }, [value]);
+    let renderedValue = value.length > 0 ? '' : chalk.inverse(' ');
+    const renderedPlaceholder = placeholder.length > 0 ? chalk.inverse(placeholder[0]) + chalk.dim(placeholder.slice(1)) : undefined;
+    // render cursor
+    renderedValue = value
+        .split('')
+        .map((char, index) => {
+        if (index === cursorOffset) {
+            return chalk.inverse(char);
+        }
+        else {
+            return char;
+        }
+    })
+        .join('');
+    if (cursorOffset === value.length) {
+        renderedValue += chalk.inverse(' ');
+    }
+    useInput((input, key) => {
+        if (key.upArrow ||
+            key.downArrow ||
+            (key.ctrl && input === 'c') ||
+            key.tab ||
+            (key.shift && key.tab) ||
+            key.return) {
+            return;
+        }
+        let nextCursorOffset = cursorOffset;
+        let nextValue = value;
+        if (key.leftArrow) {
+            if (cursorOffset > 0) {
+                nextCursorOffset--;
+            }
+        }
+        else if (key.rightArrow) {
+            if (cursorOffset < value.length) {
+                nextCursorOffset++;
+            }
+        }
+        else if (key.backspace || key.delete) {
+            if (cursorOffset > 0) {
+                nextValue = value.slice(0, cursorOffset - 1) + value.slice(cursorOffset, value.length);
+                nextCursorOffset--;
+            }
+        }
+        else {
+            nextValue = value.slice(0, cursorOffset) + input + value.slice(cursorOffset, value.length);
+            nextCursorOffset += input.length;
+        }
+        setCursorOffset(nextCursorOffset);
+        if (nextValue !== value) {
+            onChange(nextValue);
+        }
+    });
+    return (React.createElement(Text, { color: color }, placeholder ? (value.length > 0 ? renderedValue : renderedPlaceholder) : renderedValue));
+};
+export { TextInput };
+//# sourceMappingURL=TextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/TextInput.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-nested-ternary */\nimport * as React from 'react'\nimport {useEffect, useState} from 'react'\nimport {Text, useInput} from 'ink'\nimport chalk from 'chalk'\nimport type {FC} from 'react'\n\ninterface Props {\n  placeholder?: string\n  value: string\n  onChange: (value: string) => void\n  color?: string\n}\n\nconst TextInput: FC<Props> = ({value, placeholder = '', onChange, color = 'cyan'}) => {\n  const [cursorOffset, setCursorOffset] = useState((value || '').length)\n\n  // if the updated value is shorter than the last one we need to reset the cursor\n  useEffect(() => {\n    setCursorOffset((previousOffset) => {\n      const newValue = value || ''\n\n      if (previousOffset > newValue.length - 1) {\n        return newValue.length\n      }\n\n      return previousOffset\n    })\n  }, [value])\n\n  let renderedValue = value.length > 0 ? '' : chalk.inverse(' ')\n  const renderedPlaceholder =\n    placeholder.length > 0 ? chalk.inverse(placeholder[0]) + chalk.dim(placeholder.slice(1)) : undefined\n\n  // render cursor\n  renderedValue = value\n    .split('')\n    .map((char, index) => {\n      if (index === cursorOffset) {\n        return chalk.inverse(char)\n      } else {\n        return char\n      }\n    })\n    .join('')\n\n  if (cursorOffset === value.length) {\n    renderedValue += chalk.inverse(' ')\n  }\n\n  useInput((input, key) => {\n    if (\n      key.upArrow ||\n      key.downArrow ||\n      (key.ctrl && input === 'c') ||\n      key.tab ||\n      (key.shift && key.tab) ||\n      key.return\n    ) {\n      return\n    }\n\n    let nextCursorOffset = cursorOffset\n    let nextValue = value\n\n    if (key.leftArrow) {\n      if (cursorOffset > 0) {\n        nextCursorOffset--\n      }\n    } else if (key.rightArrow) {\n      if (cursorOffset < value.length) {\n        nextCursorOffset++\n      }\n    } else if (key.backspace || key.delete) {\n      if (cursorOffset > 0) {\n        nextValue = value.slice(0, cursorOffset - 1) + value.slice(cursorOffset, value.length)\n        nextCursorOffset--\n      }\n    } else {\n      nextValue = value.slice(0, cursorOffset) + input + value.slice(cursorOffset, value.length)\n      nextCursorOffset += input.length\n    }\n\n    setCursorOffset(nextCursorOffset)\n\n    if (nextValue !== value) {\n      onChange(nextValue)\n    }\n  })\n\n  return (\n    <Text color={color}>{placeholder ? (value.length > 0 ? renderedValue : renderedPlaceholder) : renderedValue}</Text>\n  )\n}\n\nexport {TextInput}\n"]}

package/dist/private/node/ui/components/TextInput.test.d.ts

@@ -0,0 +1 @@
+export {};