@shopify/cli-kit 3.84.1 → 3.85.0

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

@@ -0,0 +1,182 @@
+import { LoadingBar } from './LoadingBar.js';
+import { render } from '../../testing/ui.js';
+import { shouldDisplayColors, unstyled } from '../../../../public/node/output.js';
+import useLayout from '../hooks/use-layout.js';
+import React from 'react';
+import { beforeEach, describe, expect, test, vi } from 'vitest';
+vi.mock('../hooks/use-layout.js');
+vi.mock('../../../../public/node/output.js', async () => {
+    const original = await vi.importActual('../../../../public/node/output.js');
+    return {
+        ...original,
+        shouldDisplayColors: vi.fn(),
+    };
+});
+beforeEach(() => {
+    // Default terminal width
+    vi.mocked(useLayout).mockReturnValue({
+        twoThirds: 53,
+        oneThird: 27,
+        fullWidth: 80,
+    });
+    vi.mocked(shouldDisplayColors).mockReturnValue(true);
+});
+describe('LoadingBar', () => {
+    test('renders loading bar with default colored characters', async () => {
+        // Given
+        const title = 'Loading content';
+        // When
+        const { lastFrame } = render(React.createElement(LoadingBar, { title: title }));
+        // Then
+        expect(unstyled(lastFrame())).toMatchInlineSnapshot(`
+      "▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
+      Loading content ..."
+    `);
+    });
+    test('renders loading bar with hill pattern when noColor prop is true', async () => {
+        // Given
+        const title = 'Processing files';
+        // When
+        const { lastFrame } = render(React.createElement(LoadingBar, { title: title, noColor: true }));
+        // Then
+        expect(unstyled(lastFrame())).toMatchInlineSnapshot(`
+      "▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅
+      Processing files ..."
+    `);
+    });
+    test('renders loading bar with hill pattern when shouldDisplayColors returns false', async () => {
+        // Given
+        vi.mocked(shouldDisplayColors).mockReturnValue(false);
+        const title = 'Downloading packages';
+        // When
+        const { lastFrame } = render(React.createElement(LoadingBar, { title: title }));
+        // Then
+        expect(unstyled(lastFrame())).toMatchInlineSnapshot(`
+      "▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅
+      Downloading packages ..."
+    `);
+    });
+    test('handles narrow terminal width correctly', async () => {
+        // Given
+        vi.mocked(useLayout).mockReturnValue({
+            twoThirds: 20,
+            oneThird: 10,
+            fullWidth: 30,
+        });
+        const title = 'Building app';
+        // When
+        const { lastFrame } = render(React.createElement(LoadingBar, { title: title }));
+        // Then
+        expect(unstyled(lastFrame())).toMatchInlineSnapshot(`
+      "▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
+      Building app ..."
+    `);
+    });
+    test('handles narrow terminal width correctly in no-color mode', async () => {
+        // Given
+        vi.mocked(useLayout).mockReturnValue({
+            twoThirds: 15,
+            oneThird: 8,
+            fullWidth: 23,
+        });
+        const title = 'Installing';
+        // When
+        const { lastFrame } = render(React.createElement(LoadingBar, { title: title, noColor: true }));
+        // Then
+        expect(unstyled(lastFrame())).toMatchInlineSnapshot(`
+      "▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇
+      Installing ..."
+    `);
+    });
+    test('handles very narrow terminal width in no-color mode', async () => {
+        // Given
+        vi.mocked(useLayout).mockReturnValue({
+            twoThirds: 5,
+            oneThird: 3,
+            fullWidth: 8,
+        });
+        const title = 'Wait';
+        // When
+        const { lastFrame } = render(React.createElement(LoadingBar, { title: title, noColor: true }));
+        // Then
+        expect(unstyled(lastFrame())).toMatchInlineSnapshot(`
+      "▁▁▁▂▂
+      Wait ..."
+    `);
+    });
+    test('handles wide terminal width correctly', async () => {
+        // Given
+        vi.mocked(useLayout).mockReturnValue({
+            twoThirds: 100,
+            oneThird: 50,
+            fullWidth: 150,
+        });
+        const title = 'Synchronizing data';
+        // When
+        const { lastFrame } = render(React.createElement(LoadingBar, { title: title }));
+        // Then
+        expect(unstyled(lastFrame())).toMatchInlineSnapshot(`
+      "▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
+      Synchronizing data ..."
+    `);
+    });
+    test('handles wide terminal width correctly in no-color mode with pattern repetition', async () => {
+        // Given
+        vi.mocked(useLayout).mockReturnValue({
+            twoThirds: 90,
+            oneThird: 45,
+            fullWidth: 135,
+        });
+        const title = 'Analyzing dependencies';
+        // When
+        const { lastFrame } = render(React.createElement(LoadingBar, { title: title, noColor: true }));
+        // Then
+        expect(unstyled(lastFrame())).toMatchInlineSnapshot(`
+      "▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁
+      Analyzing dependencies ..."
+    `);
+    });
+    test('renders correctly with empty title', async () => {
+        // Given
+        const title = '';
+        // When
+        const { lastFrame } = render(React.createElement(LoadingBar, { title: title }));
+        // Then
+        expect(unstyled(lastFrame())).toMatchInlineSnapshot(`
+      "▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
+       ..."
+    `);
+    });
+    test('noColor prop overrides shouldDisplayColors when both would show colors', async () => {
+        // Given
+        vi.mocked(shouldDisplayColors).mockReturnValue(true);
+        const title = 'Testing override';
+        // When
+        const { lastFrame } = render(React.createElement(LoadingBar, { title: title, noColor: true }));
+        // Then
+        expect(unstyled(lastFrame())).toMatchInlineSnapshot(`
+      "▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅
+      Testing override ..."
+    `);
+    });
+    test('renders consistently with same props', async () => {
+        // Given
+        const title = 'Consistent test';
+        const props = { title, noColor: false };
+        // When
+        const { lastFrame: frame1 } = render(React.createElement(LoadingBar, { ...props }));
+        const { lastFrame: frame2 } = render(React.createElement(LoadingBar, { ...props }));
+        // Then
+        expect(frame1()).toBe(frame2());
+    });
+    test('hides progress bar when noProgressBar is true', async () => {
+        // Given
+        vi.mocked(shouldDisplayColors).mockReturnValue(true);
+        const title = 'task 1';
+        // When
+        const { lastFrame } = render(React.createElement(LoadingBar, { title: title, noProgressBar: true }));
+        // Then
+        expect(unstyled(lastFrame())).toMatchInlineSnapshot(`"task 1 ..."`);
+    });
+});
+//# sourceMappingURL=LoadingBar.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingBar.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/LoadingBar.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAC,mBAAmB,EAAE,QAAQ,EAAC,MAAM,mCAAmC,CAAA;AAC/E,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAC,MAAM,QAAQ,CAAA;AAE7D,EAAE,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAA;AACjC,EAAE,CAAC,IAAI,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;IACtD,MAAM,QAAQ,GAAQ,MAAM,EAAE,CAAC,YAAY,CAAC,mCAAmC,CAAC,CAAA;IAChF,OAAO;QACL,GAAG,QAAQ;QACX,mBAAmB,EAAE,EAAE,CAAC,EAAE,EAAE;KAC7B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,GAAG,EAAE;IACd,yBAAyB;IACzB,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC;QACnC,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,EAAE;KACd,CAAC,CAAA;IACF,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;AACtD,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,IAAI,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACrE,QAAQ;QACR,MAAM,KAAK,GAAG,iBAAiB,CAAA;QAE/B,OAAO;QACP,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAA;QAExD,OAAO;QACP,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;KAGpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;QACjF,QAAQ;QACR,MAAM,KAAK,GAAG,kBAAkB,CAAA;QAEhC,OAAO;QACP,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,SAAG,CAAC,CAAA;QAEhE,OAAO;QACP,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;KAGpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,8EAA8E,EAAE,KAAK,IAAI,EAAE;QAC9F,QAAQ;QACR,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;QACrD,MAAM,KAAK,GAAG,sBAAsB,CAAA;QAEpC,OAAO;QACP,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAA;QAExD,OAAO;QACP,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;KAGpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACzD,QAAQ;QACR,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC;YACnC,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,EAAE;SACd,CAAC,CAAA;QACF,MAAM,KAAK,GAAG,cAAc,CAAA;QAE5B,OAAO;QACP,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAA;QAExD,OAAO;QACP,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;KAGpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,0DAA0D,EAAE,KAAK,IAAI,EAAE;QAC1E,QAAQ;QACR,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC;YACnC,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,CAAC;YACX,SAAS,EAAE,EAAE;SACd,CAAC,CAAA;QACF,MAAM,KAAK,GAAG,YAAY,CAAA;QAE1B,OAAO;QACP,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,SAAG,CAAC,CAAA;QAEhE,OAAO;QACP,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;KAGpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACrE,QAAQ;QACR,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC;YACnC,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,CAAC;YACX,SAAS,EAAE,CAAC;SACb,CAAC,CAAA;QACF,MAAM,KAAK,GAAG,MAAM,CAAA;QAEpB,OAAO;QACP,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,SAAG,CAAC,CAAA;QAEhE,OAAO;QACP,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;KAGpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACvD,QAAQ;QACR,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC;YACnC,SAAS,EAAE,GAAG;YACd,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,GAAG;SACf,CAAC,CAAA;QACF,MAAM,KAAK,GAAG,oBAAoB,CAAA;QAElC,OAAO;QACP,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAA;QAExD,OAAO;QACP,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;KAGpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,gFAAgF,EAAE,KAAK,IAAI,EAAE;QAChG,QAAQ;QACR,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC;YACnC,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,GAAG;SACf,CAAC,CAAA;QACF,MAAM,KAAK,GAAG,wBAAwB,CAAA;QAEtC,OAAO;QACP,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,SAAG,CAAC,CAAA;QAEhE,OAAO;QACP,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;KAGpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QACpD,QAAQ;QACR,MAAM,KAAK,GAAG,EAAE,CAAA;QAEhB,OAAO;QACP,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAA;QAExD,OAAO;QACP,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;KAGpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,wEAAwE,EAAE,KAAK,IAAI,EAAE;QACxF,QAAQ;QACR,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QACpD,MAAM,KAAK,GAAG,kBAAkB,CAAA;QAEhC,OAAO;QACP,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,SAAG,CAAC,CAAA;QAEhE,OAAO;QACP,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;KAGpD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACtD,QAAQ;QACR,MAAM,KAAK,GAAG,iBAAiB,CAAA;QAC/B,MAAM,KAAK,GAAG,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAC,CAAA;QAErC,OAAO;QACP,MAAM,EAAC,SAAS,EAAE,MAAM,EAAC,GAAG,MAAM,CAAC,oBAAC,UAAU,OAAK,KAAK,GAAI,CAAC,CAAA;QAC7D,MAAM,EAAC,SAAS,EAAE,MAAM,EAAC,GAAG,MAAM,CAAC,oBAAC,UAAU,OAAK,KAAK,GAAI,CAAC,CAAA;QAE7D,OAAO;QACP,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAA;IACjC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC/D,QAAQ;QACR,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QACpD,MAAM,KAAK,GAAG,QAAQ,CAAA;QAEtB,OAAO;QACP,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,SAAG,CAAC,CAAA;QAEtE,OAAO;QACP,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAA;IACtE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import {LoadingBar} from './LoadingBar.js'\nimport {render} from '../../testing/ui.js'\nimport {shouldDisplayColors, unstyled} from '../../../../public/node/output.js'\nimport useLayout from '../hooks/use-layout.js'\nimport React from 'react'\nimport {beforeEach, describe, expect, test, vi} from 'vitest'\n\nvi.mock('../hooks/use-layout.js')\nvi.mock('../../../../public/node/output.js', async () => {\n  const original: any = await vi.importActual('../../../../public/node/output.js')\n  return {\n    ...original,\n    shouldDisplayColors: vi.fn(),\n  }\n})\n\nbeforeEach(() => {\n  // Default terminal width\n  vi.mocked(useLayout).mockReturnValue({\n    twoThirds: 53,\n    oneThird: 27,\n    fullWidth: 80,\n  })\n  vi.mocked(shouldDisplayColors).mockReturnValue(true)\n})\n\ndescribe('LoadingBar', () => {\n  test('renders loading bar with default colored characters', async () => {\n    // Given\n    const title = 'Loading content'\n\n    // When\n    const {lastFrame} = render(<LoadingBar title={title} />)\n\n    // Then\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀\n      Loading content ...\"\n    `)\n  })\n\n  test('renders loading bar with hill pattern when noColor prop is true', async () => {\n    // Given\n    const title = 'Processing files'\n\n    // When\n    const {lastFrame} = render(<LoadingBar title={title} noColor />)\n\n    // Then\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅\n      Processing files ...\"\n    `)\n  })\n\n  test('renders loading bar with hill pattern when shouldDisplayColors returns false', async () => {\n    // Given\n    vi.mocked(shouldDisplayColors).mockReturnValue(false)\n    const title = 'Downloading packages'\n\n    // When\n    const {lastFrame} = render(<LoadingBar title={title} />)\n\n    // Then\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅\n      Downloading packages ...\"\n    `)\n  })\n\n  test('handles narrow terminal width correctly', async () => {\n    // Given\n    vi.mocked(useLayout).mockReturnValue({\n      twoThirds: 20,\n      oneThird: 10,\n      fullWidth: 30,\n    })\n    const title = 'Building app'\n\n    // When\n    const {lastFrame} = render(<LoadingBar title={title} />)\n\n    // Then\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀\n      Building app ...\"\n    `)\n  })\n\n  test('handles narrow terminal width correctly in no-color mode', async () => {\n    // Given\n    vi.mocked(useLayout).mockReturnValue({\n      twoThirds: 15,\n      oneThird: 8,\n      fullWidth: 23,\n    })\n    const title = 'Installing'\n\n    // When\n    const {lastFrame} = render(<LoadingBar title={title} noColor />)\n\n    // Then\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇\n      Installing ...\"\n    `)\n  })\n\n  test('handles very narrow terminal width in no-color mode', async () => {\n    // Given\n    vi.mocked(useLayout).mockReturnValue({\n      twoThirds: 5,\n      oneThird: 3,\n      fullWidth: 8,\n    })\n    const title = 'Wait'\n\n    // When\n    const {lastFrame} = render(<LoadingBar title={title} noColor />)\n\n    // Then\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"▁▁▁▂▂\n      Wait ...\"\n    `)\n  })\n\n  test('handles wide terminal width correctly', async () => {\n    // Given\n    vi.mocked(useLayout).mockReturnValue({\n      twoThirds: 100,\n      oneThird: 50,\n      fullWidth: 150,\n    })\n    const title = 'Synchronizing data'\n\n    // When\n    const {lastFrame} = render(<LoadingBar title={title} />)\n\n    // Then\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀\n      Synchronizing data ...\"\n    `)\n  })\n\n  test('handles wide terminal width correctly in no-color mode with pattern repetition', async () => {\n    // Given\n    vi.mocked(useLayout).mockReturnValue({\n      twoThirds: 90,\n      oneThird: 45,\n      fullWidth: 135,\n    })\n    const title = 'Analyzing dependencies'\n\n    // When\n    const {lastFrame} = render(<LoadingBar title={title} noColor />)\n\n    // Then\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁\n      Analyzing dependencies ...\"\n    `)\n  })\n\n  test('renders correctly with empty title', async () => {\n    // Given\n    const title = ''\n\n    // When\n    const {lastFrame} = render(<LoadingBar title={title} />)\n\n    // Then\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀\n       ...\"\n    `)\n  })\n\n  test('noColor prop overrides shouldDisplayColors when both would show colors', async () => {\n    // Given\n    vi.mocked(shouldDisplayColors).mockReturnValue(true)\n    const title = 'Testing override'\n\n    // When\n    const {lastFrame} = render(<LoadingBar title={title} noColor />)\n\n    // Then\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\n      \"▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅\n      Testing override ...\"\n    `)\n  })\n\n  test('renders consistently with same props', async () => {\n    // Given\n    const title = 'Consistent test'\n    const props = {title, noColor: false}\n\n    // When\n    const {lastFrame: frame1} = render(<LoadingBar {...props} />)\n    const {lastFrame: frame2} = render(<LoadingBar {...props} />)\n\n    // Then\n    expect(frame1()).toBe(frame2())\n  })\n\n  test('hides progress bar when noProgressBar is true', async () => {\n    // Given\n    vi.mocked(shouldDisplayColors).mockReturnValue(true)\n    const title = 'task 1'\n\n    // When\n    const {lastFrame} = render(<LoadingBar title={title} noProgressBar />)\n\n    // Then\n    expect(unstyled(lastFrame()!)).toMatchInlineSnapshot(`\"task 1 ...\"`)\n  })\n})\n"]}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SingleTaskProps {
+    title: string;
+    taskPromise: Promise<unknown>;
+    noColor?: boolean;
+}
+declare const SingleTask: ({ taskPromise, title, noColor }: React.PropsWithChildren<SingleTaskProps>) => JSX.Element | null;
+export { SingleTask };

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

@@ -0,0 +1,27 @@
+import { LoadingBar } from './LoadingBar.js';
+import { useExitOnCtrlC } from '../hooks/use-exit-on-ctrl-c.js';
+import React, { useEffect, useState } from 'react';
+import { useApp } from 'ink';
+const SingleTask = ({ taskPromise, title, noColor }) => {
+    const [isDone, setIsDone] = useState(false);
+    const { exit: unmountInk } = useApp();
+    useExitOnCtrlC();
+    useEffect(() => {
+        taskPromise
+            .then(() => {
+            setIsDone(true);
+            unmountInk();
+        })
+            .catch((error) => {
+            setIsDone(true);
+            unmountInk(error);
+        });
+    }, [taskPromise, unmountInk]);
+    if (isDone) {
+        // clear things once done
+        return null;
+    }
+    return React.createElement(LoadingBar, { title: title, noColor: noColor });
+};
+export { SingleTask };
+//# sourceMappingURL=SingleTask.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleTask.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/SingleTask.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAC,cAAc,EAAC,MAAM,gCAAgC,CAAA;AAC7D,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAChD,OAAO,EAAC,MAAM,EAAC,MAAM,KAAK,CAAA;AAQ1B,MAAM,UAAU,GAAG,CAAC,EAAC,WAAW,EAAE,KAAK,EAAE,OAAO,EAA2C,EAAE,EAAE;IAC7F,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,EAAC,IAAI,EAAE,UAAU,EAAC,GAAG,MAAM,EAAE,CAAA;IACnC,cAAc,EAAE,CAAA;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,WAAW;aACR,IAAI,CAAC,GAAG,EAAE;YACT,SAAS,CAAC,IAAI,CAAC,CAAA;YACf,UAAU,EAAE,CAAA;QACd,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;YACf,SAAS,CAAC,IAAI,CAAC,CAAA;YACf,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC,CAAC,CAAA;IACN,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAA;IAE7B,IAAI,MAAM,EAAE,CAAC;QACX,yBAAyB;QACzB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;AACvD,CAAC,CAAA;AAED,OAAO,EAAC,UAAU,EAAC,CAAA","sourcesContent":["import {LoadingBar} from './LoadingBar.js'\nimport {useExitOnCtrlC} from '../hooks/use-exit-on-ctrl-c.js'\nimport React, {useEffect, useState} from 'react'\nimport {useApp} from 'ink'\n\ninterface SingleTaskProps {\n  title: string\n  taskPromise: Promise<unknown>\n  noColor?: boolean\n}\n\nconst SingleTask = ({taskPromise, title, noColor}: React.PropsWithChildren<SingleTaskProps>) => {\n  const [isDone, setIsDone] = useState(false)\n  const {exit: unmountInk} = useApp()\n  useExitOnCtrlC()\n\n  useEffect(() => {\n    taskPromise\n      .then(() => {\n        setIsDone(true)\n        unmountInk()\n      })\n      .catch((error) => {\n        setIsDone(true)\n        unmountInk(error)\n      })\n  }, [taskPromise, unmountInk])\n\n  if (isDone) {\n    // clear things once done\n    return null\n  }\n\n  return <LoadingBar title={title} noColor={noColor} />\n}\n\nexport {SingleTask}\n"]}

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

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

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

@@ -0,0 +1,145 @@
+import { SingleTask } from './SingleTask.js';
+import { render } from '../../testing/ui.js';
+import React from 'react';
+import { describe, expect, test } from 'vitest';
+describe('SingleTask', () => {
+    test('unmounts when promise resolves successfully', async () => {
+        // Given
+        const title = 'Uploading files';
+        let resolvePromise;
+        const taskPromise = new Promise((resolve) => {
+            resolvePromise = resolve;
+        });
+        // When
+        const renderInstance = render(React.createElement(SingleTask, { title: title, taskPromise: taskPromise }));
+        // Wait for initial render
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        // Resolve the promise
+        resolvePromise('success');
+        // Wait for component to update and unmount
+        await renderInstance.waitUntilExit();
+        // Then - component should unmount cleanly
+        expect(renderInstance.lastFrame()).toBeDefined();
+    });
+    test('unmounts when promise rejects', async () => {
+        // Given
+        const title = 'Failed task';
+        let rejectPromise;
+        const taskPromise = new Promise((resolve, reject) => {
+            rejectPromise = reject;
+        });
+        // When
+        const renderInstance = render(React.createElement(SingleTask, { title: title, taskPromise: taskPromise }));
+        // Wait for initial render
+        await new Promise((resolve) => setTimeout(resolve, 10));
+        // Reject the promise and expect waitUntilExit to reject
+        rejectPromise(new Error('Task failed'));
+        // The component should exit with the error
+        await expect(renderInstance.waitUntilExit()).rejects.toThrow('Task failed');
+    });
+    test('handles promise that resolves immediately', async () => {
+        // Given
+        const title = 'Instant task';
+        const taskPromise = Promise.resolve('immediate success');
+        // When
+        const renderInstance = render(React.createElement(SingleTask, { title: title, taskPromise: taskPromise }));
+        await renderInstance.waitUntilExit();
+        // Then - component should complete successfully
+        expect(renderInstance.lastFrame()).toBeDefined();
+    });
+    test('handles promise that rejects immediately', async () => {
+        // Given
+        const title = 'Instant failure';
+        const taskPromise = Promise.reject(new Error('Immediate error'));
+        // When
+        const renderInstance = render(React.createElement(SingleTask, { title: title, taskPromise: taskPromise }));
+        // Then - should exit with error
+        await expect(renderInstance.waitUntilExit()).rejects.toThrow('Immediate error');
+    });
+    test('handles different types of promise return values', async () => {
+        // Test with string
+        const stringTask = Promise.resolve('task completed');
+        const stringRender = render(React.createElement(SingleTask, { title: "String task", taskPromise: stringTask }));
+        await stringRender.waitUntilExit();
+        expect(stringRender.lastFrame()).toBeDefined();
+        // Test with object
+        const objectTask = Promise.resolve({ id: 1, name: 'test' });
+        const objectRender = render(React.createElement(SingleTask, { title: "Object task", taskPromise: objectTask }));
+        await objectRender.waitUntilExit();
+        expect(objectRender.lastFrame()).toBeDefined();
+        // Test with number
+        const numberTask = Promise.resolve(42);
+        const numberRender = render(React.createElement(SingleTask, { title: "Number task", taskPromise: numberTask }));
+        await numberRender.waitUntilExit();
+        expect(numberRender.lastFrame()).toBeDefined();
+        // Test with boolean
+        const booleanTask = Promise.resolve(true);
+        const booleanRender = render(React.createElement(SingleTask, { title: "Boolean task", taskPromise: booleanTask }));
+        await booleanRender.waitUntilExit();
+        expect(booleanRender.lastFrame()).toBeDefined();
+    });
+    test('handles promise with delayed resolution', async () => {
+        // Given
+        const title = 'Delayed task';
+        const taskPromise = new Promise((resolve) => {
+            setTimeout(() => resolve('completed'), 100);
+        });
+        // When
+        const renderInstance = render(React.createElement(SingleTask, { title: title, taskPromise: taskPromise }));
+        // Wait for completion
+        await renderInstance.waitUntilExit();
+        // Then
+        expect(renderInstance.lastFrame()).toBeDefined();
+    });
+    test('handles promise with delayed rejection', async () => {
+        // Given
+        const title = 'Delayed failure';
+        const taskPromise = new Promise((resolve, reject) => {
+            setTimeout(() => reject(new Error('delayed error')), 100);
+        });
+        // When
+        const renderInstance = render(React.createElement(SingleTask, { title: title, taskPromise: taskPromise }));
+        // Wait for completion - should throw error
+        await expect(renderInstance.waitUntilExit()).rejects.toThrow('delayed error');
+    });
+    test('preserves error types and messages', async () => {
+        // Test with custom error
+        class CustomError extends Error {
+            constructor(message, code) {
+                super(message);
+                this.code = code;
+                this.name = 'CustomError';
+            }
+        }
+        const customError = new CustomError('Custom error message', 'CUSTOM_CODE');
+        const taskPromise = Promise.reject(customError);
+        // When
+        const renderInstance = render(React.createElement(SingleTask, { title: "Custom error task", taskPromise: taskPromise }));
+        // Then - should preserve the exact error
+        await expect(renderInstance.waitUntilExit()).rejects.toThrow('Custom error message');
+    });
+    test('handles concurrent promise operations', async () => {
+        // Given - Multiple SingleTask components with different promises
+        const fastPromise = new Promise((resolve) => setTimeout(() => resolve('fast'), 50));
+        const slowPromise = new Promise((resolve) => setTimeout(() => resolve('slow'), 150));
+        // When
+        const fastRender = render(React.createElement(SingleTask, { title: "Fast task", taskPromise: fastPromise }));
+        const slowRender = render(React.createElement(SingleTask, { title: "Slow task", taskPromise: slowPromise }));
+        // Then - Both should complete successfully
+        await fastRender.waitUntilExit();
+        await slowRender.waitUntilExit();
+        expect(fastRender.lastFrame()).toBeDefined();
+        expect(slowRender.lastFrame()).toBeDefined();
+    });
+    test('passes noColor prop to LoadingBar component', async () => {
+        // Given
+        const title = 'No color task';
+        const taskPromise = Promise.resolve();
+        // When - Test that noColor prop doesn't break the component
+        const renderInstance = render(React.createElement(SingleTask, { title: title, taskPromise: taskPromise, noColor: true }));
+        await renderInstance.waitUntilExit();
+        // Then - Component should complete successfully with noColor prop
+        expect(renderInstance.lastFrame()).toBeDefined();
+    });
+});
+//# sourceMappingURL=SingleTask.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleTask.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/SingleTask.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import {SingleTask} from './SingleTask.js'\nimport {render} from '../../testing/ui.js'\nimport React from 'react'\nimport {describe, expect, test} from 'vitest'\n\ndescribe('SingleTask', () => {\n  test('unmounts when promise resolves successfully', async () => {\n    // Given\n    const title = 'Uploading files'\n    let resolvePromise: (value: string) => void\n    const taskPromise = new Promise<string>((resolve) => {\n      resolvePromise = resolve\n    })\n\n    // When\n    const renderInstance = render(<SingleTask title={title} taskPromise={taskPromise} />)\n\n    // Wait for initial render\n    await new Promise((resolve) => setTimeout(resolve, 10))\n\n    // Resolve the promise\n    resolvePromise!('success')\n\n    // Wait for component to update and unmount\n    await renderInstance.waitUntilExit()\n\n    // Then - component should unmount cleanly\n    expect(renderInstance.lastFrame()).toBeDefined()\n  })\n\n  test('unmounts when promise rejects', async () => {\n    // Given\n    const title = 'Failed task'\n    let rejectPromise: (error: Error) => void\n    const taskPromise = new Promise<string>((resolve, reject) => {\n      rejectPromise = reject\n    })\n\n    // When\n    const renderInstance = render(<SingleTask title={title} taskPromise={taskPromise} />)\n\n    // Wait for initial render\n    await new Promise((resolve) => setTimeout(resolve, 10))\n\n    // Reject the promise and expect waitUntilExit to reject\n    rejectPromise!(new Error('Task failed'))\n\n    // The component should exit with the error\n    await expect(renderInstance.waitUntilExit()).rejects.toThrow('Task failed')\n  })\n\n  test('handles promise that resolves immediately', async () => {\n    // Given\n    const title = 'Instant task'\n    const taskPromise = Promise.resolve('immediate success')\n\n    // When\n    const renderInstance = render(<SingleTask title={title} taskPromise={taskPromise} />)\n    await renderInstance.waitUntilExit()\n\n    // Then - component should complete successfully\n    expect(renderInstance.lastFrame()).toBeDefined()\n  })\n\n  test('handles promise that rejects immediately', async () => {\n    // Given\n    const title = 'Instant failure'\n    const taskPromise = Promise.reject(new Error('Immediate error'))\n\n    // When\n    const renderInstance = render(<SingleTask title={title} taskPromise={taskPromise} />)\n\n    // Then - should exit with error\n    await expect(renderInstance.waitUntilExit()).rejects.toThrow('Immediate error')\n  })\n\n  test('handles different types of promise return values', async () => {\n    // Test with string\n    const stringTask = Promise.resolve('task completed')\n    const stringRender = render(<SingleTask title=\"String task\" taskPromise={stringTask} />)\n    await stringRender.waitUntilExit()\n    expect(stringRender.lastFrame()).toBeDefined()\n\n    // Test with object\n    const objectTask = Promise.resolve({id: 1, name: 'test'})\n    const objectRender = render(<SingleTask title=\"Object task\" taskPromise={objectTask} />)\n    await objectRender.waitUntilExit()\n    expect(objectRender.lastFrame()).toBeDefined()\n\n    // Test with number\n    const numberTask = Promise.resolve(42)\n    const numberRender = render(<SingleTask title=\"Number task\" taskPromise={numberTask} />)\n    await numberRender.waitUntilExit()\n    expect(numberRender.lastFrame()).toBeDefined()\n\n    // Test with boolean\n    const booleanTask = Promise.resolve(true)\n    const booleanRender = render(<SingleTask title=\"Boolean task\" taskPromise={booleanTask} />)\n    await booleanRender.waitUntilExit()\n    expect(booleanRender.lastFrame()).toBeDefined()\n  })\n\n  test('handles promise with delayed resolution', async () => {\n    // Given\n    const title = 'Delayed task'\n    const taskPromise = new Promise<string>((resolve) => {\n      setTimeout(() => resolve('completed'), 100)\n    })\n\n    // When\n    const renderInstance = render(<SingleTask title={title} taskPromise={taskPromise} />)\n\n    // Wait for completion\n    await renderInstance.waitUntilExit()\n\n    // Then\n    expect(renderInstance.lastFrame()).toBeDefined()\n  })\n\n  test('handles promise with delayed rejection', async () => {\n    // Given\n    const title = 'Delayed failure'\n    const taskPromise = new Promise<string>((resolve, reject) => {\n      setTimeout(() => reject(new Error('delayed error')), 100)\n    })\n\n    // When\n    const renderInstance = render(<SingleTask title={title} taskPromise={taskPromise} />)\n\n    // Wait for completion - should throw error\n    await expect(renderInstance.waitUntilExit()).rejects.toThrow('delayed error')\n  })\n\n  test('preserves error types and messages', async () => {\n    // Test with custom error\n    class CustomError extends Error {\n      constructor(message: string, public code: string) {\n        super(message)\n        this.name = 'CustomError'\n      }\n    }\n\n    const customError = new CustomError('Custom error message', 'CUSTOM_CODE')\n    const taskPromise = Promise.reject(customError)\n\n    // When\n    const renderInstance = render(<SingleTask title=\"Custom error task\" taskPromise={taskPromise} />)\n\n    // Then - should preserve the exact error\n    await expect(renderInstance.waitUntilExit()).rejects.toThrow('Custom error message')\n  })\n\n  test('handles concurrent promise operations', async () => {\n    // Given - Multiple SingleTask components with different promises\n    const fastPromise = new Promise((resolve) => setTimeout(() => resolve('fast'), 50))\n    const slowPromise = new Promise((resolve) => setTimeout(() => resolve('slow'), 150))\n\n    // When\n    const fastRender = render(<SingleTask title=\"Fast task\" taskPromise={fastPromise} />)\n    const slowRender = render(<SingleTask title=\"Slow task\" taskPromise={slowPromise} />)\n\n    // Then - Both should complete successfully\n    await fastRender.waitUntilExit()\n    await slowRender.waitUntilExit()\n\n    expect(fastRender.lastFrame()).toBeDefined()\n    expect(slowRender.lastFrame()).toBeDefined()\n  })\n\n  test('passes noColor prop to LoadingBar component', async () => {\n    // Given\n    const title = 'No color task'\n    const taskPromise = Promise.resolve()\n\n    // When - Test that noColor prop doesn't break the component\n    const renderInstance = render(<SingleTask title={title} taskPromise={taskPromise} noColor />)\n    await renderInstance.waitUntilExit()\n\n    // Then - Component should complete successfully with noColor prop\n    expect(renderInstance.lastFrame()).toBeDefined()\n  })\n})\n"]}

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

@@ -14,6 +14,7 @@ interface TasksProps<TContext> {
     onComplete?: (ctx: TContext) => void;
     abortSignal?: AbortSignal;
     noColor?: boolean;
+    noProgressBar?: boolean;
 }
-declare function Tasks<TContext>({ tasks, silent, onComplete, abortSignal, noColor, }: React.PropsWithChildren<TasksProps<TContext>>): JSX.Element | null;
+declare function Tasks<TContext>({ tasks, silent, onComplete, abortSignal, noColor, noProgressBar, }: React.PropsWithChildren<TasksProps<TContext>>): JSX.Element | null;
 export { Tasks };

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

@@ -1,14 +1,9 @@
-import { TextAnimation } from './TextAnimation.js';
-import useLayout from '../hooks/use-layout.js';
+import { LoadingBar } from './LoadingBar.js';
 import useAsyncAndUnmount from '../hooks/use-async-and-unmount.js';
 import { isUnitTest } from '../../../../public/node/context/local.js';
-import { shouldDisplayColors } from '../../../../public/node/output.js';
 import useAbortSignal from '../hooks/use-abort-signal.js';
-import { handleCtrlC } from '../../ui.js';
-import { Box, Text, useStdin, useInput } from 'ink';
+import { useExitOnCtrlC } from '../hooks/use-exit-on-ctrl-c.js';
 import React, { useRef, useState } from 'react';
-const loadingBarChar = '▀';
-const hillString = '▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁▁';
 var TasksState;
 (function (TasksState) {
     TasksState["Loading"] = "loading";
@@ -41,17 +36,11 @@ async function runTask(task, ctx) {
 }
 const noop = () => { };
 // eslint-disable-next-line react/function-component-definition
-function Tasks({ tasks, silent = isUnitTest(), onComplete = noop, abortSignal, noColor, }) {
-    const { twoThirds } = useLayout();
-    let loadingBar = new Array(twoThirds).fill(loadingBarChar).join('');
-    if (noColor ?? !shouldDisplayColors()) {
-        loadingBar = hillString.repeat(Math.ceil(twoThirds / hillString.length));
-    }
+function Tasks({ tasks, silent = isUnitTest(), onComplete = noop, abortSignal, noColor, noProgressBar = false, }) {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const [currentTask, setCurrentTask] = useState(tasks[0]);
     const [state, setState] = useState(TasksState.Loading);
     const ctx = useRef({});
-    const { isRawModeSupported } = useStdin();
     const runTasks = async () => {
         for (const task of tasks) {
             setCurrentTask(task);
@@ -76,21 +65,12 @@ function Tasks({ tasks, silent = isUnitTest(), onComplete = noop, abortSignal, n
             setState(TasksState.Failure);
         },
     });
-    useInput((input, key) => {
-        handleCtrlC(input, key);
-        if (key.return) {
-            return null;
-        }
-    }, { isActive: Boolean(isRawModeSupported) });
+    useExitOnCtrlC();
     const { isAborted } = useAbortSignal(abortSignal);
     if (silent) {
         return null;
     }
-    return state === TasksState.Loading && !isAborted ? (React.createElement(Box, { flexDirection: "column" },
-        React.createElement(TextAnimation, { text: loadingBar, maxWidth: twoThirds }),
-        React.createElement(Text, null,
-            currentTask.title,
-            " ..."))) : null;
+    return state === TasksState.Loading && !isAborted ? (React.createElement(LoadingBar, { title: currentTask.title, noColor: noColor, noProgressBar: noProgressBar })) : 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":"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","sourcesContent":["import {TextAnimation} from './TextAnimation.js'\nimport useLayout from '../hooks/use-layout.js'\nimport useAsyncAndUnmount from '../hooks/use-async-and-unmount.js'\nimport {isUnitTest} from '../../../../public/node/context/local.js'\nimport {AbortSignal} from '../../../../public/node/abort.js'\nimport {shouldDisplayColors} from '../../../../public/node/output.js'\nimport useAbortSignal from '../hooks/use-abort-signal.js'\nimport {handleCtrlC} from '../../ui.js'\nimport {Box, Text, useStdin, useInput} from 'ink'\nimport React, {useRef, useState} from 'react'\n\nconst loadingBarChar = '▀'\nconst hillString = '▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁▁'\n\nexport interface Task<TContext = unknown> {\n  title: string\n  // eslint-disable-next-line @typescript-eslint/no-invalid-void-type\n  task: (ctx: TContext, task: Task<TContext>) => Promise<void | Task<TContext>[]>\n  retry?: number\n  retryCount?: number\n  errors?: Error[]\n  skip?: (ctx: TContext) => boolean\n}\n\ninterface TasksProps<TContext> {\n  tasks: Task<TContext>[]\n  silent?: boolean\n  onComplete?: (ctx: TContext) => void\n  abortSignal?: AbortSignal\n  noColor?: boolean\n}\n\nenum TasksState {\n  Loading = 'loading',\n  Success = 'success',\n  Failure = 'failure',\n}\n\nasync function runTask<TContext>(task: Task<TContext>, ctx: TContext) {\n  task.retryCount = 0\n  task.errors = []\n  const retry = task.retry && task.retry > 0 ? task.retry + 1 : 1\n\n  for (let retries = 1; retries <= retry; retries++) {\n    try {\n      if (task.skip?.(ctx)) {\n        return\n      }\n      // eslint-disable-next-line no-await-in-loop\n      return await task.task(ctx, task)\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    } catch (error: any) {\n      if (retries === retry) {\n        throw error\n      } else {\n        task.errors.push(error)\n        task.retryCount = retries\n      }\n    }\n  }\n}\n\nconst noop = () => {}\n\n// eslint-disable-next-line react/function-component-definition\nfunction Tasks<TContext>({\n  tasks,\n  silent = isUnitTest(),\n  onComplete = noop,\n  abortSignal,\n  noColor,\n}: React.PropsWithChildren<TasksProps<TContext>>) {\n  const {twoThirds} = useLayout()\n  let loadingBar = new Array(twoThirds).fill(loadingBarChar).join('')\n  if (noColor ?? !shouldDisplayColors()) {\n    loadingBar = hillString.repeat(Math.ceil(twoThirds / hillString.length))\n  }\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\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  const {isRawModeSupported} = useStdin()\n\n  const runTasks = async () => {\n    for (const task of tasks) {\n      setCurrentTask(task)\n\n      // eslint-disable-next-line no-await-in-loop\n      const subTasks = await runTask(task, ctx.current)\n\n      // subtasks\n      if (Array.isArray(subTasks) && subTasks.length > 0 && subTasks.every((task) => 'task' in task)) {\n        for (const subTask of subTasks) {\n          setCurrentTask(subTask)\n          // eslint-disable-next-line no-await-in-loop\n          await runTask(subTask, ctx.current)\n        }\n      }\n    }\n  }\n\n  useAsyncAndUnmount(runTasks, {\n    onFulfilled: () => {\n      setState(TasksState.Success)\n      onComplete(ctx.current)\n    },\n    onRejected: () => {\n      setState(TasksState.Failure)\n    },\n  })\n\n  useInput(\n    (input, key) => {\n      handleCtrlC(input, key)\n\n      if (key.return) {\n        return null\n      }\n    },\n    {isActive: Boolean(isRawModeSupported)},\n  )\n\n  const {isAborted} = useAbortSignal(abortSignal)\n\n  if (silent) {\n    return null\n  }\n\n  return state === TasksState.Loading && !isAborted ? (\n    <Box flexDirection=\"column\">\n      <TextAnimation text={loadingBar} maxWidth={twoThirds} />\n      <Text>{currentTask.title} ...</Text>\n    </Box>\n  ) : null\n}\n\nexport {Tasks}\n"]}
+{"version":3,"file":"Tasks.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Tasks.tsx"],"names":[],"mappings":"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","sourcesContent":["import {LoadingBar} from './LoadingBar.js'\nimport useAsyncAndUnmount from '../hooks/use-async-and-unmount.js'\nimport {isUnitTest} from '../../../../public/node/context/local.js'\nimport {AbortSignal} from '../../../../public/node/abort.js'\nimport useAbortSignal from '../hooks/use-abort-signal.js'\nimport {useExitOnCtrlC} from '../hooks/use-exit-on-ctrl-c.js'\nimport React, {useRef, useState} from 'react'\n\nexport interface Task<TContext = unknown> {\n  title: string\n  // eslint-disable-next-line @typescript-eslint/no-invalid-void-type\n  task: (ctx: TContext, task: Task<TContext>) => Promise<void | Task<TContext>[]>\n  retry?: number\n  retryCount?: number\n  errors?: Error[]\n  skip?: (ctx: TContext) => boolean\n}\n\ninterface TasksProps<TContext> {\n  tasks: Task<TContext>[]\n  silent?: boolean\n  onComplete?: (ctx: TContext) => void\n  abortSignal?: AbortSignal\n  noColor?: boolean\n  noProgressBar?: boolean\n}\n\nenum TasksState {\n  Loading = 'loading',\n  Success = 'success',\n  Failure = 'failure',\n}\n\nasync function runTask<TContext>(task: Task<TContext>, ctx: TContext) {\n  task.retryCount = 0\n  task.errors = []\n  const retry = task.retry && task.retry > 0 ? task.retry + 1 : 1\n\n  for (let retries = 1; retries <= retry; retries++) {\n    try {\n      if (task.skip?.(ctx)) {\n        return\n      }\n      // eslint-disable-next-line no-await-in-loop\n      return await task.task(ctx, task)\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    } catch (error: any) {\n      if (retries === retry) {\n        throw error\n      } else {\n        task.errors.push(error)\n        task.retryCount = retries\n      }\n    }\n  }\n}\n\nconst noop = () => {}\n\n// eslint-disable-next-line react/function-component-definition\nfunction Tasks<TContext>({\n  tasks,\n  silent = isUnitTest(),\n  onComplete = noop,\n  abortSignal,\n  noColor,\n  noProgressBar = false,\n}: React.PropsWithChildren<TasksProps<TContext>>) {\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\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\n      // eslint-disable-next-line no-await-in-loop\n      const subTasks = await runTask(task, ctx.current)\n\n      // subtasks\n      if (Array.isArray(subTasks) && subTasks.length > 0 && subTasks.every((task) => 'task' in task)) {\n        for (const subTask of subTasks) {\n          setCurrentTask(subTask)\n          // eslint-disable-next-line no-await-in-loop\n          await runTask(subTask, ctx.current)\n        }\n      }\n    }\n  }\n\n  useAsyncAndUnmount(runTasks, {\n    onFulfilled: () => {\n      setState(TasksState.Success)\n      onComplete(ctx.current)\n    },\n    onRejected: () => {\n      setState(TasksState.Failure)\n    },\n  })\n\n  useExitOnCtrlC()\n\n  const {isAborted} = useAbortSignal(abortSignal)\n\n  if (silent) {\n    return null\n  }\n\n  return state === TasksState.Loading && !isAborted ? (\n    <LoadingBar title={currentTask.title} noColor={noColor} noProgressBar={noProgressBar} />\n  ) : null\n}\n\nexport {Tasks}\n"]}