@shopify/cli-kit 3.35.0 → 3.36.1

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

@@ -1 +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"]}
+{"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, sendInputAndWaitForChange, waitForInputsToBeReady} from '../../../../testing/ui.js'\nimport {unstyled} from '../../../../output.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('SelectPrompt', 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 sendInputAndWaitForChange(renderInstance, ARROW_DOWN)\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[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', key: 'f'},\n      {label: 'second', value: 'second', group: 'Automations', key: 's'},\n      {label: 'third', value: 'third', group: 'Merchant Admin'},\n      {label: 'fourth', value: 'fourth', group: 'Merchant Admin'},\n      {label: 'fifth', value: 'fifth', key: 'a'},\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      <SelectPrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        onSubmit={() => {}}\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n\n         \u001b[1mAutomations\u001b[22m\n      \u001b[36m>\u001b[39m  \u001b[36m(f) first\u001b[39m\n         (s) second\n\n         \u001b[1mMerchant Admin\u001b[22m\n         (3) third\n         (4) fourth\n\n         \u001b[1mOther\u001b[22m\n         (a) fifth\n         (6) sixth\n         (7) seventh\n         (8) eighth\n         (9) ninth\n         (10) 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      <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(1) first\u001b[39m\n         (2) second\n         (3) third\n         (4) fourth\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm\u001b[22m\n      \"\n    `)\n  })\n\n  test(\"it doesn't submit if there are no choices\", async () => {\n    const onEnter = vi.fn()\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const items: any[] = []\n\n    const renderInstance = render(\n      <SelectPrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        onSubmit={onEnter}\n      />,\n    )\n\n    expect(unstyled(getLastFrameAfterUnmount(renderInstance)!)).toContain(\n      'ERROR  SelectPrompt requires at least one choice',\n    )\n  })\n\n  test(\"doesn't append a colon to the message if it ends with a question mark\", async () => {\n    const {lastFrame} = render(\n      <SelectPrompt choices={[{label: 'a', value: 'a'}]} onSubmit={() => {}} message=\"Test question?\" />,\n    )\n\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"?  Test question?\n\n      >  (1) a\n\n         Press ↑↓ arrows to select, enter to confirm\n      \"\n    `)\n  })\n\n  test('accepts a default value', async () => {\n    const onEnter = vi.fn()\n    const items = [\n      {label: 'a', value: 'a'},\n      {label: 'b', value: 'b'},\n    ]\n\n    const renderInstance = render(\n      <SelectPrompt choices={items} onSubmit={onEnter} message=\"Test question?\" defaultValue=\"b\" />,\n    )\n\n    expect(unstyled(renderInstance.lastFrame()!)).toMatchInlineSnapshot(`\n      \"?  Test question?\n\n         (1) a\n      >  (2) b\n\n         Press ↑↓ arrows to select, enter to confirm\n      \"\n    `)\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n\n    expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`\n      \"?  Test question?\n      \u001b[36m✔\u001b[39m  \u001b[36mb\u001b[39m\n      \"\n    `)\n    expect(onEnter).toHaveBeenCalledWith(items[1]!.value)\n  })\n\n  test('can submit the initial value', async () => {\n    const onEnter = vi.fn()\n    const items = [\n      {label: 'a', value: 'a'},\n      {label: 'b', value: 'b'},\n    ]\n\n    const renderInstance = render(<SelectPrompt choices={items} onSubmit={onEnter} message=\"Test question?\" />)\n\n    expect(unstyled(renderInstance.lastFrame()!)).toMatchInlineSnapshot(`\n      \"?  Test question?\n\n      >  (1) a\n         (2) b\n\n         Press ↑↓ arrows to select, enter to confirm\n      \"\n    `)\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n\n    expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`\n      \"?  Test question?\n      \u001b[36m✔\u001b[39m  \u001b[36ma\u001b[39m\n      \"\n    `)\n    expect(onEnter).toHaveBeenCalledWith(items[0]!.value)\n  })\n})\n"]}

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

@@ -1,10 +1,11 @@
 import React from 'react';
-export interface Task {
+export interface Task<TContext = unknown> {
     title: string;
-    task: () => Promise<void>;
+    task: (ctx: TContext) => Promise<void | Task<TContext>[]>;
 }
-export interface Props {
-    tasks: Task[];
+export interface Props<TContext> {
+    tasks: Task<TContext>[];
+    silent?: boolean;
 }
-declare const Tasks: React.FC<Props>;
+declare function Tasks<TContext>({ tasks, silent }: React.PropsWithChildren<Props<TContext>>): JSX.Element | null;
 export { Tasks };

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

@@ -1,27 +1,48 @@
 import { TextAnimation } from './TextAnimation.js';
 import useLayout from '../hooks/use-layout.js';
 import useAsyncAndUnmount from '../hooks/use-async-and-unmount.js';
+// import {environment} from '@shopify/cli-kit'
 import { Box, Text } from 'ink';
-import React, { useState } from 'react';
-const loadingBarChar = '█';
-const Tasks = ({ tasks }) => {
+import React, { useRef, useState } from 'react';
+const loadingBarChar = '▀';
+var TasksState;
+(function (TasksState) {
+    TasksState["Loading"] = "loading";
+    TasksState["Success"] = "success";
+    TasksState["Failure"] = "failure";
+})(TasksState || (TasksState = {}));
+function Tasks({ tasks, silent = false }) {
     const { twoThirds } = useLayout();
     const loadingBar = new Array(twoThirds).fill(loadingBarChar).join('');
     const [currentTask, setCurrentTask] = useState(tasks[0]);
-    const [state, setState] = useState('loading');
+    const [state, setState] = useState(TasksState.Loading);
+    const ctx = useRef({});
     const runTasks = async () => {
         for (const task of tasks) {
             setCurrentTask(task);
             // eslint-disable-next-line no-await-in-loop
-            await task.task();
+            const result = await task.task(ctx.current);
+            if (Array.isArray(result) && result.length > 0 && result.every((el) => 'task' in el)) {
+                for (const subTask of result) {
+                    setCurrentTask(subTask);
+                    // eslint-disable-next-line no-await-in-loop
+                    await subTask.task(ctx.current);
+                }
+            }
         }
     };
-    useAsyncAndUnmount(runTasks, { onFulfilled: () => setState('success'), onRejected: () => setState('failure') });
-    return (React.createElement(Box, { flexDirection: "column" },
-        React.createElement(Box, null, state === 'loading' ? (React.createElement(TextAnimation, { text: loadingBar })) : (React.createElement(Text, { color: state === 'success' ? 'green' : 'red' }, loadingBar))),
-        React.createElement(Text, null, state === 'success' ? (React.createElement(Text, null, "Complete!")) : (React.createElement(Text, null,
+    useAsyncAndUnmount(runTasks, {
+        onFulfilled: () => setState(TasksState.Success),
+        onRejected: () => setState(TasksState.Failure),
+    });
+    if (silent) {
+        return null;
+    }
+    return state === TasksState.Loading ? (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(TextAnimation, { text: loadingBar }),
+        React.createElement(Text, null,
             currentTask.title,
-            state === 'loading' && ' ...')))));
-};
+            " ..."))) : null;
+}
 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,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"]}
+{"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;AAElE,+CAA+C;AAC/C,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,KAAK,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAE7C,MAAM,cAAc,GAAG,GAAG,CAAA;AAY1B,IAAK,UAIJ;AAJD,WAAK,UAAU;IACb,iCAAmB,CAAA;IACnB,iCAAmB,CAAA;IACnB,iCAAmB,CAAA;AACrB,CAAC,EAJI,UAAU,KAAV,UAAU,QAId;AAED,SAAS,KAAK,CAAW,EAAC,KAAK,EAAE,MAAM,GAAG,KAAK,EAA2C;IACxF,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,CAAiB,KAAK,CAAC,CAAC,CAAE,CAAC,CAAA;IACzE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAa,UAAU,CAAC,OAAO,CAAC,CAAA;IAClE,MAAM,GAAG,GAAG,MAAM,CAAW,EAAc,CAAC,CAAA;IAE5C,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;QAC1B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACxB,cAAc,CAAC,IAAI,CAAC,CAAA;YACpB,4CAA4C;YAC5C,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YAC3C,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE;gBACpF,KAAK,MAAM,OAAO,IAAI,MAAM,EAAE;oBAC5B,cAAc,CAAC,OAAO,CAAC,CAAA;oBACvB,4CAA4C;oBAC5C,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;iBAChC;aACF;SACF;IACH,CAAC,CAAA;IAED,kBAAkB,CAAC,QAAQ,EAAE;QAC3B,WAAW,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;QAC/C,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;KAC/C,CAAC,CAAA;IAEF,IAAI,MAAM,EAAE;QACV,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,KAAK,KAAK,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CACpC,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ;QACzB,oBAAC,aAAa,IAAC,IAAI,EAAE,UAAU,GAAI;QACnC,oBAAC,IAAI;YAAE,WAAW,CAAC,KAAK;mBAAY,CAChC,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC;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'\n\n// import {environment} from '@shopify/cli-kit'\nimport {Box, Text} from 'ink'\nimport React, {useRef, useState} from 'react'\n\nconst loadingBarChar = '▀'\n\nexport interface Task<TContext = unknown> {\n  title: string\n  task: (ctx: TContext) => Promise<void | Task<TContext>[]>\n}\n\nexport interface Props<TContext> {\n  tasks: Task<TContext>[]\n  silent?: boolean\n}\n\nenum TasksState {\n  Loading = 'loading',\n  Success = 'success',\n  Failure = 'failure',\n}\n\nfunction Tasks<TContext>({tasks, silent = false}: React.PropsWithChildren<Props<TContext>>) {\n  const {twoThirds} = useLayout()\n  const loadingBar = new Array(twoThirds).fill(loadingBarChar).join('')\n  const [currentTask, setCurrentTask] = useState<Task<TContext>>(tasks[0]!)\n  const [state, setState] = useState<TasksState>(TasksState.Loading)\n  const ctx = useRef<TContext>({} as TContext)\n\n  const runTasks = async () => {\n    for (const task of tasks) {\n      setCurrentTask(task)\n      // eslint-disable-next-line no-await-in-loop\n      const result = await task.task(ctx.current)\n      if (Array.isArray(result) && result.length > 0 && result.every((el) => 'task' in el)) {\n        for (const subTask of result) {\n          setCurrentTask(subTask)\n          // eslint-disable-next-line no-await-in-loop\n          await subTask.task(ctx.current)\n        }\n      }\n    }\n  }\n\n  useAsyncAndUnmount(runTasks, {\n    onFulfilled: () => setState(TasksState.Success),\n    onRejected: () => setState(TasksState.Failure),\n  })\n\n  if (silent) {\n    return null\n  }\n\n  return state === TasksState.Loading ? (\n    <Box flexDirection=\"column\">\n      <TextAnimation text={loadingBar} />\n      <Text>{currentTask.title} ...</Text>\n    </Box>\n  ) : null\n}\n\nexport {Tasks}\n"]}

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

@@ -1,10 +1,29 @@
 import { Tasks } from './Tasks.js';
 import { getLastFrameAfterUnmount } from '../../../../testing/ui.js';
+import { unstyled } from '../../../../output.js';
 import React from 'react';
 import { describe, expect, test } from 'vitest';
 import { render } from 'ink-testing-library';
 describe('Tasks', () => {
-    test('shows a success state at the end', async () => {
+    test('shows a loading state at the start', async () => {
+        // Given
+        const firstTask = {
+            title: 'task 1',
+            task: async () => {
+                await new Promise((resolve) => setTimeout(resolve, 2000));
+            },
+        };
+        // When
+        const renderInstance = render(React.createElement(Tasks, { tasks: [firstTask] }));
+        // wait for next tick
+        await new Promise((resolve) => setTimeout(resolve, 0));
+        // Then
+        expect(unstyled(getLastFrameAfterUnmount(renderInstance))).toMatchInlineSnapshot(`
+      "▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
+      task 1 ..."
+    `);
+    });
+    test('shows nothing at the end in case of success', async () => {
         // Given
         const firstTask = {
             title: 'task 1',
@@ -19,12 +38,9 @@ describe('Tasks', () => {
         // wait for next tick
         await new Promise((resolve) => setTimeout(resolve, 0));
         // Then
-        expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`
-      "████████████████████████████████████████████████████████████████████████████████
-      Complete!"
-    `);
+        expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot('""');
     });
-    test('shows a failure state at the end', async () => {
+    test('shows nothing at the end in case of failure', async () => {
         // Given
         const firstTask = {
             title: 'task 1',
@@ -41,9 +57,39 @@ describe('Tasks', () => {
         // wait for next tick
         await new Promise((resolve) => setTimeout(resolve, 0));
         // Then
-        expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`
-      "████████████████████████████████████████████████████████████████████████████████
-      task 1"
+        expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot('""');
+    });
+    test('it supports subtasks', async () => {
+        // Given
+        const firstTask = {
+            title: 'task 1',
+            task: async () => {
+                return [
+                    {
+                        title: 'subtask 1',
+                        task: async () => {
+                            await new Promise((resolve) => setTimeout(resolve, 2000));
+                        },
+                    },
+                    {
+                        title: 'subtask 2',
+                        task: async () => { },
+                    },
+                ];
+            },
+        };
+        const secondTask = {
+            title: 'task 2',
+            task: async () => { },
+        };
+        // When
+        const renderInstance = render(React.createElement(Tasks, { tasks: [firstTask, secondTask] }));
+        // wait for next tick
+        await new Promise((resolve) => setTimeout(resolve, 100));
+        // Then
+        expect(unstyled(getLastFrameAfterUnmount(renderInstance))).toMatchInlineSnapshot(`
+      "▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
+      subtask 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,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"]}
+{"version":3,"file":"Tasks.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Tasks.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Tasks} from './Tasks.js'\nimport {getLastFrameAfterUnmount} from '../../../../testing/ui.js'\nimport {unstyled} from '../../../../output.js'\nimport React from 'react'\nimport {describe, expect, test} from 'vitest'\nimport {render} from 'ink-testing-library'\n\ndescribe('Tasks', () => {\n  test('shows a loading state at the start', async () => {\n    // Given\n    const firstTask = {\n      title: 'task 1',\n      task: async () => {\n        await new Promise((resolve) => setTimeout(resolve, 2000))\n      },\n    }\n\n    // When\n    const renderInstance = render(<Tasks tasks={[firstTask]} />)\n    // wait for next tick\n    await new Promise((resolve) => setTimeout(resolve, 0))\n\n    // Then\n    expect(unstyled(getLastFrameAfterUnmount(renderInstance)!)).toMatchInlineSnapshot(`\n      \"▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀\n      task 1 ...\"\n    `)\n  })\n\n  test('shows nothing at the end in case of success', 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  })\n\n  test('shows nothing at the end in case of failure', 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  })\n\n  test('it supports subtasks', async () => {\n    // Given\n    const firstTask = {\n      title: 'task 1',\n      task: async () => {\n        return [\n          {\n            title: 'subtask 1',\n            task: async () => {\n              await new Promise((resolve) => setTimeout(resolve, 2000))\n            },\n          },\n          {\n            title: 'subtask 2',\n            task: async () => {},\n          },\n        ]\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, 100))\n\n    // Then\n    expect(unstyled(getLastFrameAfterUnmount(renderInstance)!)).toMatchInlineSnapshot(`\n      \"▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀\n      subtask 1 ...\"\n    `)\n  })\n})\n"]}

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

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

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

@@ -3,20 +3,28 @@ 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);
+const TextInput = ({ value: originalValue, defaultValue = '', onChange, placeholder = '', color = 'cyan', password = false, focus = true, }) => {
+    const [cursorOffset, setCursorOffset] = useState((originalValue || '').length);
     // if the updated value is shorter than the last one we need to reset the cursor
     useEffect(() => {
         setCursorOffset((previousOffset) => {
-            const newValue = value || '';
+            const newValue = originalValue || '';
             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;
+    }, [originalValue]);
+    const value = password ? '*'.repeat(originalValue.length) : originalValue;
+    let renderedValue;
+    const renderPlaceholder = (value) => {
+        return chalk.inverse(value[0]) + chalk.dim(value.slice(1));
+    };
+    const renderedPlaceholder = defaultValue.length > 0
+        ? renderPlaceholder(defaultValue)
+        : placeholder.length > 0
+            ? renderPlaceholder(placeholder)
+            : chalk.inverse(' ');
     // render cursor
     renderedValue = value
         .split('')
@@ -42,33 +50,34 @@ const TextInput = ({ value, placeholder = '', onChange, color = 'cyan' }) => {
             return;
         }
         let nextCursorOffset = cursorOffset;
-        let nextValue = value;
+        let nextValue = originalValue;
         if (key.leftArrow) {
             if (cursorOffset > 0) {
                 nextCursorOffset--;
             }
         }
         else if (key.rightArrow) {
-            if (cursorOffset < value.length) {
+            if (cursorOffset < originalValue.length) {
                 nextCursorOffset++;
             }
         }
         else if (key.backspace || key.delete) {
             if (cursorOffset > 0) {
-                nextValue = value.slice(0, cursorOffset - 1) + value.slice(cursorOffset, value.length);
+                nextValue = originalValue.slice(0, cursorOffset - 1) + originalValue.slice(cursorOffset, originalValue.length);
                 nextCursorOffset--;
             }
         }
         else {
-            nextValue = value.slice(0, cursorOffset) + input + value.slice(cursorOffset, value.length);
+            nextValue =
+                originalValue.slice(0, cursorOffset) + input + originalValue.slice(cursorOffset, originalValue.length);
             nextCursorOffset += input.length;
         }
         setCursorOffset(nextCursorOffset);
-        if (nextValue !== value) {
+        if (nextValue !== originalValue) {
             onChange(nextValue);
         }
-    });
-    return (React.createElement(Text, { color: color }, placeholder ? (value.length > 0 ? renderedValue : renderedPlaceholder) : renderedValue));
+    }, { isActive: focus });
+    return React.createElement(Text, { color: color }, value.length > 0 ? renderedValue : renderedPlaceholder);
 };
 export { TextInput };
 //# sourceMappingURL=TextInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/TextInput.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AACzC,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,KAAK,CAAA;AAClC,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,SAAS,GAAc,CAAC,EAAC,KAAK,EAAE,WAAW,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAC,EAAE,EAAE;IACnF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAA;IAEtE,gFAAgF;IAChF,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,CAAC,cAAc,EAAE,EAAE;YACjC,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE,CAAA;YAE5B,IAAI,cAAc,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;gBACxC,OAAO,QAAQ,CAAC,MAAM,CAAA;aACvB;YAED,OAAO,cAAc,CAAA;QACvB,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,IAAI,aAAa,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;IAC9D,MAAM,mBAAmB,GACvB,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEtG,gBAAgB;IAChB,aAAa,GAAG,KAAK;SAClB,KAAK,CAAC,EAAE,CAAC;SACT,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACnB,IAAI,KAAK,KAAK,YAAY,EAAE;YAC1B,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;SAC3B;aAAM;YACL,OAAO,IAAI,CAAA;SACZ;IACH,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAA;IAEX,IAAI,YAAY,KAAK,KAAK,CAAC,MAAM,EAAE;QACjC,aAAa,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;KACpC;IAED,QAAQ,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACtB,IACE,GAAG,CAAC,OAAO;YACX,GAAG,CAAC,SAAS;YACb,CAAC,GAAG,CAAC,IAAI,IAAI,KAAK,KAAK,GAAG,CAAC;YAC3B,GAAG,CAAC,GAAG;YACP,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC;YACtB,GAAG,CAAC,MAAM,EACV;YACA,OAAM;SACP;QAED,IAAI,gBAAgB,GAAG,YAAY,CAAA;QACnC,IAAI,SAAS,GAAG,KAAK,CAAA;QAErB,IAAI,GAAG,CAAC,SAAS,EAAE;YACjB,IAAI,YAAY,GAAG,CAAC,EAAE;gBACpB,gBAAgB,EAAE,CAAA;aACnB;SACF;aAAM,IAAI,GAAG,CAAC,UAAU,EAAE;YACzB,IAAI,YAAY,GAAG,KAAK,CAAC,MAAM,EAAE;gBAC/B,gBAAgB,EAAE,CAAA;aACnB;SACF;aAAM,IAAI,GAAG,CAAC,SAAS,IAAI,GAAG,CAAC,MAAM,EAAE;YACtC,IAAI,YAAY,GAAG,CAAC,EAAE;gBACpB,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;gBACtF,gBAAgB,EAAE,CAAA;aACnB;SACF;aAAM;YACL,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,GAAG,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;YAC1F,gBAAgB,IAAI,KAAK,CAAC,MAAM,CAAA;SACjC;QAED,eAAe,CAAC,gBAAgB,CAAC,CAAA;QAEjC,IAAI,SAAS,KAAK,KAAK,EAAE;YACvB,QAAQ,CAAC,SAAS,CAAC,CAAA;SACpB;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,IAAG,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAQ,CACpH,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAC,SAAS,EAAC,CAAA","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"]}
+{"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  defaultValue?: string\n  value: string\n  onChange: (value: string) => void\n  color?: string\n  password?: boolean\n  focus?: boolean\n  placeholder?: string\n}\n\nconst TextInput: FC<Props> = ({\n  value: originalValue,\n  defaultValue = '',\n  onChange,\n  placeholder = '',\n  color = 'cyan',\n  password = false,\n  focus = true,\n}) => {\n  const [cursorOffset, setCursorOffset] = useState((originalValue || '').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 = originalValue || ''\n\n      if (previousOffset > newValue.length - 1) {\n        return newValue.length\n      }\n\n      return previousOffset\n    })\n  }, [originalValue])\n\n  const value = password ? '*'.repeat(originalValue.length) : originalValue\n  let renderedValue\n\n  const renderPlaceholder = (value: string) => {\n    return chalk.inverse(value[0]) + chalk.dim(value.slice(1))\n  }\n\n  const renderedPlaceholder =\n    defaultValue.length > 0\n      ? renderPlaceholder(defaultValue)\n      : placeholder.length > 0\n      ? renderPlaceholder(placeholder)\n      : chalk.inverse(' ')\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(\n    (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 = originalValue\n\n      if (key.leftArrow) {\n        if (cursorOffset > 0) {\n          nextCursorOffset--\n        }\n      } else if (key.rightArrow) {\n        if (cursorOffset < originalValue.length) {\n          nextCursorOffset++\n        }\n      } else if (key.backspace || key.delete) {\n        if (cursorOffset > 0) {\n          nextValue = originalValue.slice(0, cursorOffset - 1) + originalValue.slice(cursorOffset, originalValue.length)\n          nextCursorOffset--\n        }\n      } else {\n        nextValue =\n          originalValue.slice(0, cursorOffset) + input + originalValue.slice(cursorOffset, originalValue.length)\n        nextCursorOffset += input.length\n      }\n\n      setCursorOffset(nextCursorOffset)\n\n      if (nextValue !== originalValue) {\n        onChange(nextValue)\n      }\n    },\n    {isActive: focus},\n  )\n\n  return <Text color={color}>{value.length > 0 ? renderedValue : renderedPlaceholder}</Text>\n}\n\nexport {TextInput}\n"]}

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

@@ -1,5 +1,5 @@
 import { TextInput } from './TextInput.js';
-import { sendInput, waitForChange, waitForInputsToBeReady } from '../../../../testing/ui.js';
+import { sendInputAndWait, sendInputAndWaitForChange, waitForChange, waitForInputsToBeReady, } from '../../../../testing/ui.js';
 import React, { useState } from 'react';
 import { describe, test, expect, vi } from 'vitest';
 import { render } from 'ink-testing-library';
@@ -26,33 +26,31 @@ describe('TextInput', () => {
         const renderInstance = render(React.createElement(TextInput, { value: "Hello", onChange: () => { } }));
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hello "');
         await waitForInputsToBeReady();
-        await sendInput(renderInstance, ARROW_LEFT);
+        await sendInputAndWaitForChange(renderInstance, ARROW_LEFT);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hello"');
-        await sendInput(renderInstance, ARROW_LEFT);
+        await sendInputAndWaitForChange(renderInstance, ARROW_LEFT);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hello"');
-        await sendInput(renderInstance, ARROW_LEFT);
+        await sendInputAndWaitForChange(renderInstance, ARROW_LEFT);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hello"');
-        await sendInput(renderInstance, ARROW_LEFT);
+        await sendInputAndWaitForChange(renderInstance, ARROW_LEFT);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hello"');
-        await sendInput(renderInstance, ARROW_LEFT);
+        await sendInputAndWaitForChange(renderInstance, ARROW_LEFT);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hello"');
         // cursor can't go before the first character
-        renderInstance.stdin.write(ARROW_LEFT);
-        await new Promise((resolve) => setTimeout(resolve, 100));
+        await sendInputAndWait(renderInstance, 100, ARROW_LEFT);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hello"');
-        await sendInput(renderInstance, ARROW_RIGHT);
+        await sendInputAndWaitForChange(renderInstance, ARROW_RIGHT);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hello"');
-        await sendInput(renderInstance, ARROW_RIGHT);
+        await sendInputAndWaitForChange(renderInstance, ARROW_RIGHT);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hello"');
-        await sendInput(renderInstance, ARROW_RIGHT);
+        await sendInputAndWaitForChange(renderInstance, ARROW_RIGHT);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hello"');
-        await sendInput(renderInstance, ARROW_RIGHT);
+        await sendInputAndWaitForChange(renderInstance, ARROW_RIGHT);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hello"');
-        await sendInput(renderInstance, ARROW_RIGHT);
+        await sendInputAndWaitForChange(renderInstance, ARROW_RIGHT);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hello "');
         // cursor can't go after the last character
-        renderInstance.stdin.write(ARROW_RIGHT);
-        await new Promise((resolve) => setTimeout(resolve, 100));
+        await sendInputAndWait(renderInstance, 100, ARROW_RIGHT);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hello "');
     });
     test('moves the cursor when deleting', async () => {
@@ -63,19 +61,18 @@ describe('TextInput', () => {
         const renderInstance = render(React.createElement(StatefulTextInput, null));
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hello "');
         await waitForInputsToBeReady();
-        await sendInput(renderInstance, DELETE);
+        await sendInputAndWaitForChange(renderInstance, DELETE);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hell "');
-        await sendInput(renderInstance, DELETE);
+        await sendInputAndWaitForChange(renderInstance, DELETE);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hel "');
-        await sendInput(renderInstance, DELETE);
+        await sendInputAndWaitForChange(renderInstance, DELETE);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"He "');
-        await sendInput(renderInstance, DELETE);
+        await sendInputAndWaitForChange(renderInstance, DELETE);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"H "');
-        await sendInput(renderInstance, DELETE);
+        await sendInputAndWaitForChange(renderInstance, DELETE);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('" "');
         // cannot delete after the value has been cleared
-        renderInstance.stdin.write(DELETE);
-        await new Promise((resolve) => setTimeout(resolve, 100));
+        await sendInputAndWait(renderInstance, 100, DELETE);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('" "');
     });
     test('accepts input', async () => {
@@ -85,16 +82,23 @@ describe('TextInput', () => {
         };
         const renderInstance = render(React.createElement(StatefulTextInput, null));
         await waitForInputsToBeReady();
-        await sendInput(renderInstance, 'H');
+        await sendInputAndWaitForChange(renderInstance, 'H');
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"H "');
-        await sendInput(renderInstance, 'ello');
+        await sendInputAndWaitForChange(renderInstance, 'ello');
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Hello "');
     });
     test('onChange', async () => {
         const onChange = vi.fn();
-        const renderInstance = render(React.createElement(TextInput, { value: "", onChange: onChange }));
+        const StatefulTextInput = () => {
+            const [value, setValue] = useState('');
+            return (React.createElement(TextInput, { value: value, onChange: (value) => {
+                    setValue(value);
+                    onChange(value);
+                } }));
+        };
+        const renderInstance = render(React.createElement(StatefulTextInput, null));
         await waitForInputsToBeReady();
-        await sendInput(renderInstance, 'X');
+        await sendInputAndWaitForChange(renderInstance, 'X');
         expect(onChange).toHaveBeenCalledWith('X');
     });
     test('deletes at the beginning and in the middle of text', async () => {
@@ -104,17 +108,16 @@ describe('TextInput', () => {
         };
         const renderInstance = render(React.createElement(StatefulTextInput, null));
         await waitForInputsToBeReady();
-        await sendInput(renderInstance, 'T');
-        await sendInput(renderInstance, 'e');
-        await sendInput(renderInstance, 's');
-        await sendInput(renderInstance, 't');
-        await sendInput(renderInstance, ARROW_LEFT);
-        await sendInput(renderInstance, DELETE);
+        await sendInputAndWaitForChange(renderInstance, 'T');
+        await sendInputAndWaitForChange(renderInstance, 'e');
+        await sendInputAndWaitForChange(renderInstance, 's');
+        await sendInputAndWaitForChange(renderInstance, 't');
+        await sendInputAndWaitForChange(renderInstance, ARROW_LEFT);
+        await sendInputAndWaitForChange(renderInstance, DELETE);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Tet"');
-        await sendInput(renderInstance, ARROW_LEFT);
-        await sendInput(renderInstance, ARROW_LEFT);
-        renderInstance.stdin.write(DELETE);
-        await new Promise((resolve) => setTimeout(resolve, 100));
+        await sendInputAndWaitForChange(renderInstance, ARROW_LEFT);
+        await sendInputAndWaitForChange(renderInstance, ARROW_LEFT);
+        await sendInputAndWait(renderInstance, 100, DELETE);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"Tet"');
     });
     test('adjusts cursor when text is shorter than last value', async () => {
@@ -126,14 +129,18 @@ describe('TextInput', () => {
         };
         const renderInstance = render(React.createElement(StatefulTextInput, null));
         await waitForInputsToBeReady();
-        await sendInput(renderInstance, 'A');
-        await sendInput(renderInstance, 'B');
+        await sendInputAndWaitForChange(renderInstance, 'A');
+        await sendInputAndWaitForChange(renderInstance, 'B');
         await waitForChange(resetValue, renderInstance.lastFrame);
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('" "');
-        await sendInput(renderInstance, 'A');
+        await sendInputAndWaitForChange(renderInstance, 'A');
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"A "');
-        await sendInput(renderInstance, 'B');
+        await sendInputAndWaitForChange(renderInstance, 'B');
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"AB "');
     });
+    test("masking the input if it's a password", async () => {
+        const renderInstance = render(React.createElement(TextInput, { onChange: () => { }, value: "ABC", password: true }));
+        expect(renderInstance.lastFrame()).toMatchInlineSnapshot('"*** "');
+    });
 });
 //# sourceMappingURL=TextInput.test.js.map