@shopify/cli-kit 3.34.0 → 3.36.0

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

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/TextInput.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,sBAAsB,EAAC,MAAM,2BAA2B,CAAA;AAC1F,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAC,MAAM,QAAQ,CAAA;AACjD,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAE1C,MAAM,UAAU,GAAG,UAAU,CAAA;AAC7B,MAAM,WAAW,GAAG,UAAU,CAAA;AAC9B,MAAM,MAAM,GAAG,QAAQ,CAAA;AAEvB,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,IAAI,CAAC,eAAe,EAAE,GAAG,EAAE;QACzB,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CAAC,oBAAC,SAAS,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC,CAAA;QAEtE,iCAAiC;QACjC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,wBAAwB,CAAC,CAAA;IACrE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACtC,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CAAC,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC,CAAA;QAE3E,6CAA6C;QAC7C,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,6BAA6B,CAAC,CAAA;IAC1E,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAChC,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CAAC,oBAAC,SAAS,IAAC,KAAK,EAAC,EAAE,EAAC,WAAW,EAAC,aAAa,EAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC,CAAA;QAEhG,6DAA6D;QAC7D,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,2CAA2C,CAAC,CAAA;IACxF,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAAC,CAAA;QAE9E,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,6BAA6B,CAAC,CAAA;QAEvF,MAAM,sBAAsB,EAAE,CAAA;QAC9B,MAAM,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,CAAA;QAC3C,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,4BAA4B,CAAC,CAAA;QACtF,MAAM,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,CAAA;QAC3C,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,4BAA4B,CAAC,CAAA;QACtF,MAAM,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,CAAA;QAC3C,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,4BAA4B,CAAC,CAAA;QACtF,MAAM,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,CAAA;QAC3C,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,4BAA4B,CAAC,CAAA;QACtF,MAAM,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,CAAA;QAC3C,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,4BAA4B,CAAC,CAAA;QACtF,6CAA6C;QAC7C,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;QACtC,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAA;QACxD,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,4BAA4B,CAAC,CAAA;QAEtF,MAAM,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;QAC5C,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,4BAA4B,CAAC,CAAA;QACtF,MAAM,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;QAC5C,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,4BAA4B,CAAC,CAAA;QACtF,MAAM,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;QAC5C,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,4BAA4B,CAAC,CAAA;QACtF,MAAM,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;QAC5C,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,4BAA4B,CAAC,CAAA;QACtF,MAAM,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA;QAC5C,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,6BAA6B,CAAC,CAAA;QACvF,2CAA2C;QAC3C,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;QACvC,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAA;QACxD,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,6BAA6B,CAAC,CAAA;IACzF,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,iBAAiB,GAAG,GAAG,EAAE;YAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;YAE3C,OAAO,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;QACxD,CAAC,CAAA;QAED,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAC,iBAAiB,OAAG,CAAC,CAAA;QAEpD,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,6BAA6B,CAAC,CAAA;QAEvF,MAAM,sBAAsB,EAAE,CAAA;QAC9B,MAAM,SAAS,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QACvC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,4BAA4B,CAAC,CAAA;QACtF,MAAM,SAAS,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QACvC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,2BAA2B,CAAC,CAAA;QACrF,MAAM,SAAS,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QACvC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,0BAA0B,CAAC,CAAA;QACpF,MAAM,SAAS,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QACvC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,yBAAyB,CAAC,CAAA;QACnF,MAAM,SAAS,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QACvC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,wBAAwB,CAAC,CAAA;QAClF,iDAAiD;QACjD,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAClC,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAA;QACxD,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,wBAAwB,CAAC,CAAA;IACpF,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,iBAAiB,GAAG,GAAG,EAAE;YAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;YAEtC,OAAO,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;QACxD,CAAC,CAAA;QAED,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAC,iBAAiB,OAAG,CAAC,CAAA;QAEpD,MAAM,sBAAsB,EAAE,CAAA;QAC9B,MAAM,SAAS,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;QACpC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,yBAAyB,CAAC,CAAA;QACnF,MAAM,SAAS,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QACvC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,6BAA6B,CAAC,CAAA;IACzF,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,UAAU,EAAE,KAAK,IAAI,EAAE;QAC1B,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QAExB,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAC,SAAS,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,QAAQ,GAAI,CAAC,CAAA;QAEzE,MAAM,sBAAsB,EAAE,CAAA;QAC9B,MAAM,SAAS,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;QAEpC,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,iBAAiB,GAAG,GAAG,EAAE;YAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;YAEtC,OAAO,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;QACxD,CAAC,CAAA;QAED,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAC,iBAAiB,OAAG,CAAC,CAAA;QAEpD,MAAM,sBAAsB,EAAE,CAAA;QAC9B,MAAM,SAAS,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;QACpC,MAAM,SAAS,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;QACpC,MAAM,SAAS,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;QACpC,MAAM,SAAS,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;QACpC,MAAM,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,CAAA;QAC3C,MAAM,SAAS,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QACvC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,0BAA0B,CAAC,CAAA;QACpF,MAAM,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,CAAA;QAC3C,MAAM,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,CAAA;QAC3C,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAClC,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAA;QACxD,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,0BAA0B,CAAC,CAAA;IACtF,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACrE,IAAI,UAAU,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;QAEzB,MAAM,iBAAiB,GAAG,GAAG,EAAE;YAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;YACtC,UAAU,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;YAE/B,OAAO,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;QACxD,CAAC,CAAA;QAED,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAC,iBAAiB,OAAG,CAAC,CAAA;QAEpD,MAAM,sBAAsB,EAAE,CAAA;QAC9B,MAAM,SAAS,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;QACpC,MAAM,SAAS,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;QAEpC,MAAM,aAAa,CAAC,UAAU,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;QAEzD,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,wBAAwB,CAAC,CAAA;QAClF,MAAM,SAAS,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;QACpC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,yBAAyB,CAAC,CAAA;QACnF,MAAM,SAAS,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;QACpC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,0BAA0B,CAAC,CAAA;IACtF,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import {TextInput} from './TextInput.js'\nimport {sendInput, waitForChange, waitForInputsToBeReady} from '../../../../testing/ui.js'\nimport React, {useState} from 'react'\nimport {describe, test, expect, vi} from 'vitest'\nimport {render} from 'ink-testing-library'\n\nconst ARROW_LEFT = '\\u001B[D'\nconst ARROW_RIGHT = '\\u001B[C'\nconst DELETE = '\\u007F'\n\ndescribe('TextInput', () => {\n  test('default state', () => {\n    const {lastFrame} = render(<TextInput value=\"\" onChange={() => {}} />)\n\n    // inverted space escape sequence\n    expect(lastFrame()).toMatchInlineSnapshot('\"\u001b[36m\u001b[7m \u001b[27m\u001b[39m\"')\n  })\n\n  test('displays value with cursor', () => {\n    const {lastFrame} = render(<TextInput value=\"Hello\" onChange={() => {}} />)\n\n    // inverted space escape sequence after Hello\n    expect(lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHello\u001b[7m \u001b[27m\u001b[39m\"')\n  })\n\n  test('displays placeholder', () => {\n    const {lastFrame} = render(<TextInput value=\"\" placeholder=\"Placeholder\" onChange={() => {}} />)\n\n    // inverted escape sequence around \"P\", laceholder after that\n    expect(lastFrame()).toMatchInlineSnapshot('\"\u001b[36m\u001b[7mP\u001b[27m\u001b[2mlaceholder\u001b[22m\u001b[39m\"')\n  })\n\n  test('moves the cursor with arrows', async () => {\n    const renderInstance = render(<TextInput value=\"Hello\" onChange={() => {}} />)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHello\u001b[7m \u001b[27m\u001b[39m\"')\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, ARROW_LEFT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHell\u001b[7mo\u001b[27m\u001b[39m\"')\n    await sendInput(renderInstance, ARROW_LEFT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHel\u001b[7ml\u001b[27mo\u001b[39m\"')\n    await sendInput(renderInstance, ARROW_LEFT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHe\u001b[7ml\u001b[27mlo\u001b[39m\"')\n    await sendInput(renderInstance, ARROW_LEFT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mH\u001b[7me\u001b[27mllo\u001b[39m\"')\n    await sendInput(renderInstance, ARROW_LEFT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36m\u001b[7mH\u001b[27mello\u001b[39m\"')\n    // cursor can't go before the first character\n    renderInstance.stdin.write(ARROW_LEFT)\n    await new Promise((resolve) => setTimeout(resolve, 100))\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36m\u001b[7mH\u001b[27mello\u001b[39m\"')\n\n    await sendInput(renderInstance, ARROW_RIGHT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mH\u001b[7me\u001b[27mllo\u001b[39m\"')\n    await sendInput(renderInstance, ARROW_RIGHT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHe\u001b[7ml\u001b[27mlo\u001b[39m\"')\n    await sendInput(renderInstance, ARROW_RIGHT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHel\u001b[7ml\u001b[27mo\u001b[39m\"')\n    await sendInput(renderInstance, ARROW_RIGHT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHell\u001b[7mo\u001b[27m\u001b[39m\"')\n    await sendInput(renderInstance, ARROW_RIGHT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHello\u001b[7m \u001b[27m\u001b[39m\"')\n    // cursor can't go after the last character\n    renderInstance.stdin.write(ARROW_RIGHT)\n    await new Promise((resolve) => setTimeout(resolve, 100))\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHello\u001b[7m \u001b[27m\u001b[39m\"')\n  })\n\n  test('moves the cursor when deleting', async () => {\n    const StatefulTextInput = () => {\n      const [value, setValue] = useState('Hello')\n\n      return <TextInput value={value} onChange={setValue} />\n    }\n\n    const renderInstance = render(<StatefulTextInput />)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHello\u001b[7m \u001b[27m\u001b[39m\"')\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, DELETE)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHell\u001b[7m \u001b[27m\u001b[39m\"')\n    await sendInput(renderInstance, DELETE)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHel\u001b[7m \u001b[27m\u001b[39m\"')\n    await sendInput(renderInstance, DELETE)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHe\u001b[7m \u001b[27m\u001b[39m\"')\n    await sendInput(renderInstance, DELETE)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mH\u001b[7m \u001b[27m\u001b[39m\"')\n    await sendInput(renderInstance, DELETE)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36m\u001b[7m \u001b[27m\u001b[39m\"')\n    // cannot delete after the value has been cleared\n    renderInstance.stdin.write(DELETE)\n    await new Promise((resolve) => setTimeout(resolve, 100))\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36m\u001b[7m \u001b[27m\u001b[39m\"')\n  })\n\n  test('accepts input', async () => {\n    const StatefulTextInput = () => {\n      const [value, setValue] = useState('')\n\n      return <TextInput value={value} onChange={setValue} />\n    }\n\n    const renderInstance = render(<StatefulTextInput />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, 'H')\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mH\u001b[7m \u001b[27m\u001b[39m\"')\n    await sendInput(renderInstance, 'ello')\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHello\u001b[7m \u001b[27m\u001b[39m\"')\n  })\n\n  test('onChange', async () => {\n    const onChange = vi.fn()\n\n    const renderInstance = render(<TextInput value=\"\" onChange={onChange} />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, 'X')\n\n    expect(onChange).toHaveBeenCalledWith('X')\n  })\n\n  test('deletes at the beginning and in the middle of text', async () => {\n    const StatefulTextInput = () => {\n      const [value, setValue] = useState('')\n\n      return <TextInput value={value} onChange={setValue} />\n    }\n\n    const renderInstance = render(<StatefulTextInput />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, 'T')\n    await sendInput(renderInstance, 'e')\n    await sendInput(renderInstance, 's')\n    await sendInput(renderInstance, 't')\n    await sendInput(renderInstance, ARROW_LEFT)\n    await sendInput(renderInstance, DELETE)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mTe\u001b[7mt\u001b[27m\u001b[39m\"')\n    await sendInput(renderInstance, ARROW_LEFT)\n    await sendInput(renderInstance, ARROW_LEFT)\n    renderInstance.stdin.write(DELETE)\n    await new Promise((resolve) => setTimeout(resolve, 100))\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36m\u001b[7mT\u001b[27met\u001b[39m\"')\n  })\n\n  test('adjusts cursor when text is shorter than last value', async () => {\n    let resetValue = () => {}\n\n    const StatefulTextInput = () => {\n      const [value, setValue] = useState('')\n      resetValue = () => setValue('')\n\n      return <TextInput value={value} onChange={setValue} />\n    }\n\n    const renderInstance = render(<StatefulTextInput />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, 'A')\n    await sendInput(renderInstance, 'B')\n\n    await waitForChange(resetValue, renderInstance.lastFrame)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36m\u001b[7m \u001b[27m\u001b[39m\"')\n    await sendInput(renderInstance, 'A')\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mA\u001b[7m \u001b[27m\u001b[39m\"')\n    await sendInput(renderInstance, 'B')\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mAB\u001b[7m \u001b[27m\u001b[39m\"')\n  })\n})\n"]}
+{"version":3,"file":"TextInput.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/TextInput.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import {TextInput} from './TextInput.js'\nimport {\n  sendInputAndWait,\n  sendInputAndWaitForChange,\n  waitForChange,\n  waitForInputsToBeReady,\n} from '../../../../testing/ui.js'\nimport React, {useState} from 'react'\nimport {describe, test, expect, vi} from 'vitest'\nimport {render} from 'ink-testing-library'\n\nconst ARROW_LEFT = '\\u001B[D'\nconst ARROW_RIGHT = '\\u001B[C'\nconst DELETE = '\\u007F'\n\ndescribe('TextInput', () => {\n  test('default state', () => {\n    const {lastFrame} = render(<TextInput value=\"\" onChange={() => {}} />)\n\n    // inverted space escape sequence\n    expect(lastFrame()).toMatchInlineSnapshot('\"\u001b[36m\u001b[7m \u001b[27m\u001b[39m\"')\n  })\n\n  test('displays value with cursor', () => {\n    const {lastFrame} = render(<TextInput value=\"Hello\" onChange={() => {}} />)\n\n    // inverted space escape sequence after Hello\n    expect(lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHello\u001b[7m \u001b[27m\u001b[39m\"')\n  })\n\n  test('displays placeholder', () => {\n    const {lastFrame} = render(<TextInput value=\"\" placeholder=\"Placeholder\" onChange={() => {}} />)\n\n    // inverted escape sequence around \"P\", laceholder after that\n    expect(lastFrame()).toMatchInlineSnapshot('\"\u001b[36m\u001b[7mP\u001b[27m\u001b[2mlaceholder\u001b[22m\u001b[39m\"')\n  })\n\n  test('moves the cursor with arrows', async () => {\n    const renderInstance = render(<TextInput value=\"Hello\" onChange={() => {}} />)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHello\u001b[7m \u001b[27m\u001b[39m\"')\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, ARROW_LEFT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHell\u001b[7mo\u001b[27m\u001b[39m\"')\n    await sendInputAndWaitForChange(renderInstance, ARROW_LEFT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHel\u001b[7ml\u001b[27mo\u001b[39m\"')\n    await sendInputAndWaitForChange(renderInstance, ARROW_LEFT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHe\u001b[7ml\u001b[27mlo\u001b[39m\"')\n    await sendInputAndWaitForChange(renderInstance, ARROW_LEFT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mH\u001b[7me\u001b[27mllo\u001b[39m\"')\n    await sendInputAndWaitForChange(renderInstance, ARROW_LEFT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36m\u001b[7mH\u001b[27mello\u001b[39m\"')\n    // cursor can't go before the first character\n    await sendInputAndWait(renderInstance, 100, ARROW_LEFT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36m\u001b[7mH\u001b[27mello\u001b[39m\"')\n\n    await sendInputAndWaitForChange(renderInstance, ARROW_RIGHT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mH\u001b[7me\u001b[27mllo\u001b[39m\"')\n    await sendInputAndWaitForChange(renderInstance, ARROW_RIGHT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHe\u001b[7ml\u001b[27mlo\u001b[39m\"')\n    await sendInputAndWaitForChange(renderInstance, ARROW_RIGHT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHel\u001b[7ml\u001b[27mo\u001b[39m\"')\n    await sendInputAndWaitForChange(renderInstance, ARROW_RIGHT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHell\u001b[7mo\u001b[27m\u001b[39m\"')\n    await sendInputAndWaitForChange(renderInstance, ARROW_RIGHT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHello\u001b[7m \u001b[27m\u001b[39m\"')\n    // cursor can't go after the last character\n    await sendInputAndWait(renderInstance, 100, ARROW_RIGHT)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHello\u001b[7m \u001b[27m\u001b[39m\"')\n  })\n\n  test('moves the cursor when deleting', async () => {\n    const StatefulTextInput = () => {\n      const [value, setValue] = useState('Hello')\n\n      return <TextInput value={value} onChange={setValue} />\n    }\n\n    const renderInstance = render(<StatefulTextInput />)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHello\u001b[7m \u001b[27m\u001b[39m\"')\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, DELETE)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHell\u001b[7m \u001b[27m\u001b[39m\"')\n    await sendInputAndWaitForChange(renderInstance, DELETE)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHel\u001b[7m \u001b[27m\u001b[39m\"')\n    await sendInputAndWaitForChange(renderInstance, DELETE)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHe\u001b[7m \u001b[27m\u001b[39m\"')\n    await sendInputAndWaitForChange(renderInstance, DELETE)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mH\u001b[7m \u001b[27m\u001b[39m\"')\n    await sendInputAndWaitForChange(renderInstance, DELETE)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36m\u001b[7m \u001b[27m\u001b[39m\"')\n    // cannot delete after the value has been cleared\n    await sendInputAndWait(renderInstance, 100, DELETE)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36m\u001b[7m \u001b[27m\u001b[39m\"')\n  })\n\n  test('accepts input', async () => {\n    const StatefulTextInput = () => {\n      const [value, setValue] = useState('')\n\n      return <TextInput value={value} onChange={setValue} />\n    }\n\n    const renderInstance = render(<StatefulTextInput />)\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, 'H')\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mH\u001b[7m \u001b[27m\u001b[39m\"')\n    await sendInputAndWaitForChange(renderInstance, 'ello')\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mHello\u001b[7m \u001b[27m\u001b[39m\"')\n  })\n\n  test('onChange', async () => {\n    const onChange = vi.fn()\n\n    const StatefulTextInput = () => {\n      const [value, setValue] = useState('')\n\n      return (\n        <TextInput\n          value={value}\n          onChange={(value) => {\n            setValue(value)\n            onChange(value)\n          }}\n        />\n      )\n    }\n\n    const renderInstance = render(<StatefulTextInput />)\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, 'X')\n\n    expect(onChange).toHaveBeenCalledWith('X')\n  })\n\n  test('deletes at the beginning and in the middle of text', async () => {\n    const StatefulTextInput = () => {\n      const [value, setValue] = useState('')\n\n      return <TextInput value={value} onChange={setValue} />\n    }\n\n    const renderInstance = render(<StatefulTextInput />)\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, 'T')\n    await sendInputAndWaitForChange(renderInstance, 'e')\n    await sendInputAndWaitForChange(renderInstance, 's')\n    await sendInputAndWaitForChange(renderInstance, 't')\n    await sendInputAndWaitForChange(renderInstance, ARROW_LEFT)\n    await sendInputAndWaitForChange(renderInstance, DELETE)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mTe\u001b[7mt\u001b[27m\u001b[39m\"')\n    await sendInputAndWaitForChange(renderInstance, ARROW_LEFT)\n    await sendInputAndWaitForChange(renderInstance, ARROW_LEFT)\n    await sendInputAndWait(renderInstance, 100, DELETE)\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36m\u001b[7mT\u001b[27met\u001b[39m\"')\n  })\n\n  test('adjusts cursor when text is shorter than last value', async () => {\n    let resetValue = () => {}\n\n    const StatefulTextInput = () => {\n      const [value, setValue] = useState('')\n      resetValue = () => setValue('')\n\n      return <TextInput value={value} onChange={setValue} />\n    }\n\n    const renderInstance = render(<StatefulTextInput />)\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, 'A')\n    await sendInputAndWaitForChange(renderInstance, 'B')\n\n    await waitForChange(resetValue, renderInstance.lastFrame)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36m\u001b[7m \u001b[27m\u001b[39m\"')\n    await sendInputAndWaitForChange(renderInstance, 'A')\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mA\u001b[7m \u001b[27m\u001b[39m\"')\n    await sendInputAndWaitForChange(renderInstance, 'B')\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36mAB\u001b[7m \u001b[27m\u001b[39m\"')\n  })\n\n  test(\"masking the input if it's a password\", async () => {\n    const renderInstance = render(<TextInput onChange={() => {}} value=\"ABC\" password />)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot('\"\u001b[36m***\u001b[7m \u001b[27m\u001b[39m\"')\n  })\n})\n"]}

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

@@ -2,7 +2,9 @@ import React from 'react';
 export interface Props {
     message: string;
     onSubmit: (value: string) => void;
-    placeholder?: string;
+    defaultValue?: string;
+    password?: boolean;
+    validate?: (value: string) => string | undefined;
 }
 declare const TextPrompt: React.FC<Props>;
 export { TextPrompt };

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

@@ -1,51 +1,64 @@
 import { TextInput } from './TextInput.js';
 import { handleCtrlC } from '../../ui.js';
 import useLayout from '../hooks/use-layout.js';
+import { messageWithPunctuation } from '../utilities.js';
 import React, { useCallback, useState } from 'react';
 import { Box, useApp, useInput, Text } from 'ink';
-import { figures } from 'listr2';
-const TextPrompt = ({ message, onSubmit, placeholder }) => {
+import figures from 'figures';
+const TextPrompt = ({ message, onSubmit, validate, defaultValue = '', password = false }) => {
+    if (password && defaultValue) {
+        throw new Error("Can't use defaultValue with password");
+    }
+    const validateAnswer = (value) => {
+        if (validate) {
+            return validate(value);
+        }
+        if (value.length === 0)
+            return 'Type an answer to the prompt.';
+        return undefined;
+    };
     const { oneThird } = useLayout();
     const [answer, setAnswer] = useState('');
+    const answerOrDefault = answer.length > 0 ? answer : defaultValue;
     const { exit: unmountInk } = useApp();
     const [submitted, setSubmitted] = useState(false);
-    const [valid, setValid] = useState(false);
+    const [error, setError] = useState(undefined);
+    const shouldShowError = submitted && error;
+    const color = shouldShowError ? 'red' : 'cyan';
     const underline = new Array(oneThird - 3).fill('▔');
     useInput(useCallback((input, key) => {
         handleCtrlC(input, key);
         if (key.return) {
             setSubmitted(true);
-            if (valid) {
-                onSubmit(answer);
+            const error = validateAnswer(answerOrDefault);
+            setError(error);
+            if (!error) {
+                onSubmit(answerOrDefault);
                 unmountInk();
             }
         }
-    }, [answer, onSubmit, valid]));
-    const shouldShowError = submitted && !valid;
-    const color = shouldShowError ? 'red' : 'cyan';
-    const error = shouldShowError ? 'Please enter a value' : undefined;
+    }, [answerOrDefault, onSubmit]));
     return (React.createElement(Box, { flexDirection: "column", marginBottom: 1, width: oneThird },
         React.createElement(Box, null,
             React.createElement(Box, { marginRight: 2 },
                 React.createElement(Text, null, "?")),
-            React.createElement(Text, null, message)),
-        submitted && valid ? (React.createElement(Box, null,
+            React.createElement(Text, null, messageWithPunctuation(message))),
+        submitted && !error ? (React.createElement(Box, null,
             React.createElement(Box, { marginRight: 2 },
                 React.createElement(Text, { color: "cyan" }, figures.tick)),
             React.createElement(Box, { flexGrow: 1 },
-                React.createElement(Text, { color: "cyan" }, answer)))) : (React.createElement(Box, { flexDirection: "column" },
+                React.createElement(Text, { color: "cyan" }, password ? '*'.repeat(answer.length) : answerOrDefault)))) : (React.createElement(Box, { flexDirection: "column" },
             React.createElement(Box, null,
                 React.createElement(Box, { marginRight: 2 },
                     React.createElement(Text, { color: color }, `>`)),
                 React.createElement(Box, { flexGrow: 1 },
                     React.createElement(TextInput, { value: answer, onChange: (answer) => {
                             setAnswer(answer);
-                            setValid(answer.length > 0);
                             setSubmitted(false);
-                        }, placeholder: placeholder, color: color }))),
+                        }, defaultValue: defaultValue, color: color, password: password }))),
             React.createElement(Box, { marginLeft: 3 },
                 React.createElement(Text, { color: color }, underline)),
-            error && (React.createElement(Box, { marginLeft: 3 },
+            shouldShowError && (React.createElement(Box, { marginLeft: 3 },
                 React.createElement(Text, { color: color }, error)))))));
 };
 export { TextPrompt };

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

@@ -1 +1 @@
-{"version":3,"file":"TextPrompt.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/TextPrompt.tsx"],"names":[],"mappings":"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","sourcesContent":["import {TextInput} from './TextInput.js'\nimport {handleCtrlC} from '../../ui.js'\nimport useLayout from '../hooks/use-layout.js'\nimport React, {useCallback, useState} from 'react'\nimport {Box, useApp, useInput, Text} from 'ink'\nimport {figures} from 'listr2'\n\nexport interface Props {\n  message: string\n  onSubmit: (value: string) => void\n  placeholder?: string\n}\n\nconst TextPrompt: React.FC<Props> = ({message, onSubmit, placeholder}) => {\n  const {oneThird} = useLayout()\n  const [answer, setAnswer] = useState<string>('')\n  const {exit: unmountInk} = useApp()\n  const [submitted, setSubmitted] = useState(false)\n  const [valid, setValid] = useState(false)\n  const underline = new Array(oneThird - 3).fill('▔')\n\n  useInput(\n    useCallback(\n      (input, key) => {\n        handleCtrlC(input, key)\n\n        if (key.return) {\n          setSubmitted(true)\n\n          if (valid) {\n            onSubmit(answer)\n            unmountInk()\n          }\n        }\n      },\n      [answer, onSubmit, valid],\n    ),\n  )\n\n  const shouldShowError = submitted && !valid\n  const color = shouldShowError ? 'red' : 'cyan'\n  const error = shouldShowError ? 'Please enter a value' : undefined\n\n  return (\n    <Box flexDirection=\"column\" marginBottom={1} width={oneThird}>\n      <Box>\n        <Box marginRight={2}>\n          <Text>?</Text>\n        </Box>\n        <Text>{message}</Text>\n      </Box>\n      {submitted && valid ? (\n        <Box>\n          <Box marginRight={2}>\n            <Text color=\"cyan\">{figures.tick}</Text>\n          </Box>\n\n          <Box flexGrow={1}>\n            <Text color=\"cyan\">{answer}</Text>\n          </Box>\n        </Box>\n      ) : (\n        <Box flexDirection=\"column\">\n          <Box>\n            <Box marginRight={2}>\n              <Text color={color}>{`>`}</Text>\n            </Box>\n            <Box flexGrow={1}>\n              <TextInput\n                value={answer}\n                onChange={(answer) => {\n                  setAnswer(answer)\n                  setValid(answer.length > 0)\n                  setSubmitted(false)\n                }}\n                placeholder={placeholder}\n                color={color}\n              />\n            </Box>\n          </Box>\n          <Box marginLeft={3}>\n            <Text color={color}>{underline}</Text>\n          </Box>\n          {error && (\n            <Box marginLeft={3}>\n              <Text color={color}>{error}</Text>\n            </Box>\n          )}\n        </Box>\n      )}\n    </Box>\n  )\n}\n\nexport {TextPrompt}\n"]}
+{"version":3,"file":"TextPrompt.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/TextPrompt.tsx"],"names":[],"mappings":"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","sourcesContent":["import {TextInput} from './TextInput.js'\nimport {handleCtrlC} from '../../ui.js'\nimport useLayout from '../hooks/use-layout.js'\nimport {messageWithPunctuation} from '../utilities.js'\nimport React, {useCallback, useState} from 'react'\nimport {Box, useApp, useInput, Text} from 'ink'\nimport figures from 'figures'\n\nexport interface Props {\n  message: string\n  onSubmit: (value: string) => void\n  defaultValue?: string\n  password?: boolean\n  validate?: (value: string) => string | undefined\n}\n\nconst TextPrompt: React.FC<Props> = ({message, onSubmit, validate, defaultValue = '', password = false}) => {\n  if (password && defaultValue) {\n    throw new Error(\"Can't use defaultValue with password\")\n  }\n\n  const validateAnswer = (value: string): string | undefined => {\n    if (validate) {\n      return validate(value)\n    }\n\n    if (value.length === 0) return 'Type an answer to the prompt.'\n\n    return undefined\n  }\n  const {oneThird} = useLayout()\n  const [answer, setAnswer] = useState<string>('')\n  const answerOrDefault = answer.length > 0 ? answer : defaultValue\n  const {exit: unmountInk} = useApp()\n  const [submitted, setSubmitted] = useState(false)\n  const [error, setError] = useState<string | undefined>(undefined)\n  const shouldShowError = submitted && error\n  const color = shouldShowError ? 'red' : 'cyan'\n  const underline = new Array(oneThird - 3).fill('▔')\n\n  useInput(\n    useCallback(\n      (input, key) => {\n        handleCtrlC(input, key)\n\n        if (key.return) {\n          setSubmitted(true)\n          const error = validateAnswer(answerOrDefault)\n          setError(error)\n\n          if (!error) {\n            onSubmit(answerOrDefault)\n            unmountInk()\n          }\n        }\n      },\n      [answerOrDefault, onSubmit],\n    ),\n  )\n\n  return (\n    <Box flexDirection=\"column\" marginBottom={1} width={oneThird}>\n      <Box>\n        <Box marginRight={2}>\n          <Text>?</Text>\n        </Box>\n        <Text>{messageWithPunctuation(message)}</Text>\n      </Box>\n      {submitted && !error ? (\n        <Box>\n          <Box marginRight={2}>\n            <Text color=\"cyan\">{figures.tick}</Text>\n          </Box>\n\n          <Box flexGrow={1}>\n            <Text color=\"cyan\">{password ? '*'.repeat(answer.length) : answerOrDefault}</Text>\n          </Box>\n        </Box>\n      ) : (\n        <Box flexDirection=\"column\">\n          <Box>\n            <Box marginRight={2}>\n              <Text color={color}>{`>`}</Text>\n            </Box>\n            <Box flexGrow={1}>\n              <TextInput\n                value={answer}\n                onChange={(answer) => {\n                  setAnswer(answer)\n                  setSubmitted(false)\n                }}\n                defaultValue={defaultValue}\n                color={color}\n                password={password}\n              />\n            </Box>\n          </Box>\n          <Box marginLeft={3}>\n            <Text color={color}>{underline}</Text>\n          </Box>\n          {shouldShowError && (\n            <Box marginLeft={3}>\n              <Text color={color}>{error}</Text>\n            </Box>\n          )}\n        </Box>\n      )}\n    </Box>\n  )\n}\n\nexport {TextPrompt}\n"]}

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

@@ -1,5 +1,5 @@
 import { TextPrompt } from './TextPrompt.js';
-import { getLastFrameAfterUnmount, sendInput, waitForInputsToBeReady } from '../../../../testing/ui.js';
+import { getLastFrameAfterUnmount, sendInputAndWaitForChange, waitForInputsToBeReady } from '../../../../testing/ui.js';
 import { unstyled } from '../../../../output.js';
 import { render } from 'ink-testing-library';
 import React from 'react';
@@ -7,44 +7,70 @@ import { describe, expect, test, vi } from 'vitest';
 const ENTER = '\r';
 describe('TextPrompt', () => {
     test('default state', () => {
-        const { lastFrame } = render(React.createElement(TextPrompt, { onSubmit: () => { }, message: "Test question", placeholder: "Placeholder" }));
+        const { lastFrame } = render(React.createElement(TextPrompt, { onSubmit: () => { }, message: "Test question", defaultValue: "Placeholder" }));
         expect(unstyled(lastFrame())).toMatchInlineSnapshot(`
-      "?  Test question
+      "?  Test question:
       >  Placeholder
          ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
       "
     `);
     });
-    test('validation error', async () => {
+    test('default validation error', async () => {
         const renderInstance = render(React.createElement(TextPrompt, { onSubmit: () => { }, message: "Test question" }));
         await waitForInputsToBeReady();
-        await sendInput(renderInstance, ENTER);
+        await sendInputAndWaitForChange(renderInstance, ENTER);
         // testing with styles because the color changes to red
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
-      "?  Test question
+      "?  Test question:
       >   
          ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
-         Please enter a value
+         Type an answer to the prompt.
       "
     `);
-        await sendInput(renderInstance, 'A');
+        await sendInputAndWaitForChange(renderInstance, 'A');
         // color changes back to valid color
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
-      "?  Test question
+      "?  Test question:
       >  A 
          ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
       "
     `);
     });
+    test('custom validation error', async () => {
+        const renderInstance = render(React.createElement(TextPrompt, { onSubmit: () => { }, message: "Test question", validate: (value) => (value.includes('shopify') ? "App Name can't include the word shopify" : undefined) }));
+        await waitForInputsToBeReady();
+        await sendInputAndWaitForChange(renderInstance, 'this-test-includes-shopify');
+        await sendInputAndWaitForChange(renderInstance, ENTER);
+        // testing with styles because the color changes to red
+        expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
+      "?  Test question:
+      >  this-test-includes-shopify 
+         ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+         App Name can't include the word shopify
+      "
+    `);
+    });
     test('submitting the value', async () => {
         const onSubmit = vi.fn();
         const renderInstance = render(React.createElement(TextPrompt, { onSubmit: onSubmit, message: "Test question" }));
         await waitForInputsToBeReady();
-        await sendInput(renderInstance, 'A');
-        await sendInput(renderInstance, ENTER);
+        await sendInputAndWaitForChange(renderInstance, 'A');
+        await sendInputAndWaitForChange(renderInstance, ENTER);
+        expect(onSubmit).toHaveBeenCalledWith('A');
+        expect(unstyled(getLastFrameAfterUnmount(renderInstance))).toMatchInlineSnapshot(`
+      "?  Test question:
+      ✔  A
+      "
+    `);
+    });
+    test('submitting the default value', async () => {
+        const onSubmit = vi.fn();
+        const renderInstance = render(React.createElement(TextPrompt, { onSubmit: onSubmit, message: "Test question", defaultValue: "A" }));
+        await waitForInputsToBeReady();
+        await sendInputAndWaitForChange(renderInstance, ENTER);
         expect(onSubmit).toHaveBeenCalledWith('A');
         expect(unstyled(getLastFrameAfterUnmount(renderInstance))).toMatchInlineSnapshot(`
-      "?  Test question
+      "?  Test question:
       ✔  A
       "
     `);
@@ -54,15 +80,45 @@ describe('TextPrompt', () => {
         // spaces before the question, we only have 77 characters to work with
         const renderInstance = render(React.createElement(TextPrompt, { onSubmit: () => { }, message: "Test question" }));
         await waitForInputsToBeReady();
-        await sendInput(renderInstance, 'A'.repeat(77));
-        await sendInput(renderInstance, 'B'.repeat(6));
+        await sendInputAndWaitForChange(renderInstance, 'A'.repeat(77));
+        await sendInputAndWaitForChange(renderInstance, 'B'.repeat(6));
         expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
-      "?  Test question
+      "?  Test question:
       >  AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
          BBBBBB 
          ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
       "
     `);
     });
+    test("masking the input if it's a password", async () => {
+        const renderInstance = render(React.createElement(TextPrompt, { onSubmit: () => { }, message: "Test question", password: true }));
+        await waitForInputsToBeReady();
+        await sendInputAndWaitForChange(renderInstance, 'ABC');
+        expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
+      "?  Test question:
+      >  *** 
+         ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+      "
+    `);
+        await sendInputAndWaitForChange(renderInstance, ENTER);
+        expect(unstyled(getLastFrameAfterUnmount(renderInstance))).toMatchInlineSnapshot(`
+      "?  Test question:
+      ✔  ***
+      "
+    `);
+    });
+    test("doesn't append a colon to the message if it ends with a question mark", async () => {
+        const { lastFrame } = render(React.createElement(TextPrompt, { onSubmit: () => { }, message: "Test question?" }));
+        expect(lastFrame()).toMatchInlineSnapshot(`
+      "?  Test question?
+      >   
+         ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔
+      "
+    `);
+    });
+    test("doesn't allow to pass defaultValue and password at the same time", async () => {
+        const renderInstance = render(React.createElement(TextPrompt, { onSubmit: () => { }, message: "Test question", password: true, defaultValue: "A" }));
+        expect(unstyled(getLastFrameAfterUnmount(renderInstance))).toContain("ERROR  Can't use defaultValue with password");
+    });
 });
 //# sourceMappingURL=TextPrompt.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextPrompt.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/TextPrompt.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import {TextPrompt} from './TextPrompt.js'\nimport {getLastFrameAfterUnmount, sendInput, waitForInputsToBeReady} from '../../../../testing/ui.js'\nimport {unstyled} from '../../../../output.js'\nimport {render} from 'ink-testing-library'\nimport React from 'react'\nimport {describe, expect, test, vi} from 'vitest'\n\nconst ENTER = '\\r'\n\ndescribe('TextPrompt', () => {\n  test('default state', () => {\n    const {lastFrame} = render(<TextPrompt onSubmit={() => {}} message=\"Test question\" placeholder=\"Placeholder\" />)\n\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"?  Test question\n      >  Placeholder\n         ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\n      \"\n    `)\n  })\n\n  test('validation error', async () => {\n    const renderInstance = render(<TextPrompt onSubmit={() => {}} message=\"Test question\" />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, ENTER)\n    // testing with styles because the color changes to red\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Test question\n      \u001b[31m>\u001b[39m  \u001b[31m\u001b[7m \u001b[27m\u001b[39m\n         \u001b[31m▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\u001b[39m\n         \u001b[31mPlease enter a value\u001b[39m\n      \"\n    `)\n    await sendInput(renderInstance, 'A')\n    // color changes back to valid color\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Test question\n      \u001b[36m>\u001b[39m  \u001b[36mA\u001b[7m \u001b[27m\u001b[39m\n         \u001b[36m▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\u001b[39m\n      \"\n    `)\n  })\n\n  test('submitting the value', async () => {\n    const onSubmit = vi.fn()\n    const renderInstance = render(<TextPrompt onSubmit={onSubmit} message=\"Test question\" />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, 'A')\n    await sendInput(renderInstance, ENTER)\n    expect(onSubmit).toHaveBeenCalledWith('A')\n    expect(unstyled(getLastFrameAfterUnmount(renderInstance)!)).toMatchInlineSnapshot(`\n      \"?  Test question\n      ✔  A\n      \"\n    `)\n  })\n\n  test('text wrapping', async () => {\n    // component width is 80 characters wide in tests but because of the question mark and\n    // spaces before the question, we only have 77 characters to work with\n    const renderInstance = render(<TextPrompt onSubmit={() => {}} message=\"Test question\" />)\n\n    await waitForInputsToBeReady()\n    await sendInput(renderInstance, 'A'.repeat(77))\n    await sendInput(renderInstance, 'B'.repeat(6))\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Test question\n      \u001b[36m>\u001b[39m  \u001b[36mAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\u001b[39m\n         \u001b[36mBBBBBB\u001b[7m \u001b[27m\u001b[39m\n         \u001b[36m▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\u001b[39m\n      \"\n    `)\n  })\n})\n"]}
+{"version":3,"file":"TextPrompt.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/TextPrompt.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import {TextPrompt} from './TextPrompt.js'\nimport {getLastFrameAfterUnmount, sendInputAndWaitForChange, waitForInputsToBeReady} from '../../../../testing/ui.js'\nimport {unstyled} from '../../../../output.js'\nimport {render} from 'ink-testing-library'\nimport React from 'react'\nimport {describe, expect, test, vi} from 'vitest'\n\nconst ENTER = '\\r'\n\ndescribe('TextPrompt', () => {\n  test('default state', () => {\n    const {lastFrame} = render(<TextPrompt onSubmit={() => {}} message=\"Test question\" defaultValue=\"Placeholder\" />)\n\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"?  Test question:\n      >  Placeholder\n         ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\n      \"\n    `)\n  })\n\n  test('default validation error', async () => {\n    const renderInstance = render(<TextPrompt onSubmit={() => {}} message=\"Test question\" />)\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n    // testing with styles because the color changes to red\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Test question:\n      \u001b[31m>\u001b[39m  \u001b[31m\u001b[7m \u001b[27m\u001b[39m\n         \u001b[31m▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\u001b[39m\n         \u001b[31mType an answer to the prompt.\u001b[39m\n      \"\n    `)\n    await sendInputAndWaitForChange(renderInstance, 'A')\n    // color changes back to valid color\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Test question:\n      \u001b[36m>\u001b[39m  \u001b[36mA\u001b[7m \u001b[27m\u001b[39m\n         \u001b[36m▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\u001b[39m\n      \"\n    `)\n  })\n\n  test('custom validation error', async () => {\n    const renderInstance = render(\n      <TextPrompt\n        onSubmit={() => {}}\n        message=\"Test question\"\n        validate={(value) => (value.includes('shopify') ? \"App Name can't include the word shopify\" : undefined)}\n      />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, 'this-test-includes-shopify')\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n    // testing with styles because the color changes to red\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Test question:\n      \u001b[31m>\u001b[39m  \u001b[31mthis-test-includes-shopify\u001b[7m \u001b[27m\u001b[39m\n         \u001b[31m▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\u001b[39m\n         \u001b[31mApp Name can't include the word shopify\u001b[39m\n      \"\n    `)\n  })\n\n  test('submitting the value', async () => {\n    const onSubmit = vi.fn()\n    const renderInstance = render(<TextPrompt onSubmit={onSubmit} message=\"Test question\" />)\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, 'A')\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n    expect(onSubmit).toHaveBeenCalledWith('A')\n    expect(unstyled(getLastFrameAfterUnmount(renderInstance)!)).toMatchInlineSnapshot(`\n      \"?  Test question:\n      ✔  A\n      \"\n    `)\n  })\n\n  test('submitting the default value', async () => {\n    const onSubmit = vi.fn()\n    const renderInstance = render(<TextPrompt onSubmit={onSubmit} message=\"Test question\" defaultValue=\"A\" />)\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n    expect(onSubmit).toHaveBeenCalledWith('A')\n    expect(unstyled(getLastFrameAfterUnmount(renderInstance)!)).toMatchInlineSnapshot(`\n      \"?  Test question:\n      ✔  A\n      \"\n    `)\n  })\n\n  test('text wrapping', async () => {\n    // component width is 80 characters wide in tests but because of the question mark and\n    // spaces before the question, we only have 77 characters to work with\n    const renderInstance = render(<TextPrompt onSubmit={() => {}} message=\"Test question\" />)\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, 'A'.repeat(77))\n    await sendInputAndWaitForChange(renderInstance, 'B'.repeat(6))\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Test question:\n      \u001b[36m>\u001b[39m  \u001b[36mAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\u001b[39m\n         \u001b[36mBBBBBB\u001b[7m \u001b[27m\u001b[39m\n         \u001b[36m▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\u001b[39m\n      \"\n    `)\n  })\n\n  test(\"masking the input if it's a password\", async () => {\n    const renderInstance = render(<TextPrompt onSubmit={() => {}} message=\"Test question\" password />)\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, 'ABC')\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Test question:\n      \u001b[36m>\u001b[39m  \u001b[36m***\u001b[7m \u001b[27m\u001b[39m\n         \u001b[36m▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\u001b[39m\n      \"\n    `)\n\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n    expect(unstyled(getLastFrameAfterUnmount(renderInstance)!)).toMatchInlineSnapshot(`\n      \"?  Test question:\n      ✔  ***\n      \"\n    `)\n  })\n\n  test(\"doesn't append a colon to the message if it ends with a question mark\", async () => {\n    const {lastFrame} = render(<TextPrompt onSubmit={() => {}} message=\"Test question?\" />)\n\n    expect(lastFrame()!).toMatchInlineSnapshot(`\n      \"?  Test question?\n      \u001b[36m>\u001b[39m  \u001b[36m\u001b[7m \u001b[27m\u001b[39m\n         \u001b[36m▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔\u001b[39m\n      \"\n    `)\n  })\n\n  test(\"doesn't allow to pass defaultValue and password at the same time\", async () => {\n    const renderInstance = render(<TextPrompt onSubmit={() => {}} message=\"Test question\" password defaultValue=\"A\" />)\n\n    expect(unstyled(getLastFrameAfterUnmount(renderInstance)!)).toContain(\"ERROR  Can't use defaultValue with password\")\n  })\n})\n"]}

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

@@ -22,12 +22,15 @@ interface FilePathToken {
 }
 interface ListToken {
     list: {
+        title?: string;
         items: TokenItem[];
         ordered?: boolean;
     };
 }
 declare type Token = string | CommandToken | LinkToken | CharToken | UserInputToken | SubduedToken | FilePathToken | ListToken;
 export declare type TokenItem = Token | Token[];
+export declare function tokenItemToString(token: TokenItem): string;
+export declare function appendToTokenItem(token: TokenItem, suffix: string): TokenItem;
 interface Props {
     item: TokenItem;
 }

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

@@ -12,6 +12,38 @@ function tokenToBlock(token) {
         value: token,
     };
 }
+export function tokenItemToString(token) {
+    if (typeof token === 'string') {
+        return token;
+    }
+    else if ('command' in token) {
+        return token.command;
+    }
+    else if ('link' in token) {
+        return token.link.label || token.link.url;
+    }
+    else if ('char' in token) {
+        return token.char;
+    }
+    else if ('userInput' in token) {
+        return token.userInput;
+    }
+    else if ('subdued' in token) {
+        return token.subdued;
+    }
+    else if ('filePath' in token) {
+        return token.filePath;
+    }
+    else if ('list' in token) {
+        return token.list.items.map(tokenItemToString).join(' ');
+    }
+    else {
+        return token.map(tokenItemToString).join(' ');
+    }
+}
+export function appendToTokenItem(token, suffix) {
+    return Array.isArray(token) ? [...token, suffix] : [token, suffix];
+}
 function splitByDisplayType(acc, item) {
     if (item.display === 'block') {
         acc.push([item]);
@@ -65,7 +97,7 @@ const TokenizedText = ({ item }) => {
                     React.createElement(TokenizedText, { item: item.value }))))));
             }
             else {
-                return React.createElement(List, { key: groupIndex, items: items[0].value.list.items });
+                return React.createElement(List, { key: groupIndex, ...items[0].value.list });
             }
         })));
     }