@shopify/cli-kit 4.9.5 → 5.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopify/cli-kit",
-  "version": "4.9.5",
+  "version": "5.0.1",
   "private": false,
   "description": "A set of utilities, interfaces, and models that are common across all the platform features",
   "keywords": [
@@ -119,7 +119,6 @@
     "find-up": "6.3.0",
     "form-data": "4.0.6",
     "fs-extra": "11.1.0",
-    "gradient-string": "2.0.2",
     "graphql": "16.14.2",
     "graphql-request": "6.1.0",
     "h3": "1.15.11",
@@ -134,6 +133,7 @@
     "node-fetch": "3.3.2",
     "open": "8.4.2",
     "pathe": "1.1.2",
+    "proper-lockfile": "4.1.2",
     "react": "19.2.4",
     "semver": "7.8.4",
     "react-dom": "19.2.4",
@@ -148,8 +148,8 @@
     "@types/archiver": "5.3.2",
     "@types/diff": "^5.2.3",
     "@types/fs-extra": "9.0.13",
-    "@types/gradient-string": "^1.1.2",
     "@types/lodash": "4.17.24",
+    "@types/proper-lockfile": "4.1.4",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@types/semver": "^7.5.2",

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

@@ -1,10 +0,0 @@
-import React from 'react';
-interface TextAnimationProps {
-    text: string;
-    maxWidth?: number;
-}
-/**
- * `TextAnimation` applies a rainbow animation to text.
- */
-declare const TextAnimation: React.MemoExoticComponent<({ text, maxWidth }: TextAnimationProps) => JSX.Element>;
-export { TextAnimation };

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

@@ -1,56 +0,0 @@
-/* eslint-disable id-length */
-import { Text, useStdout } from 'ink';
-import React, { memo, useCallback, useLayoutEffect, useRef, useState } from 'react';
-import gradient from 'gradient-string';
-function rainbow(text, frame) {
-    const hue = 5 * frame;
-    const leftColor = { h: hue % 360, s: 0.8, v: 1 };
-    const rightColor = { h: (hue + 1) % 360, s: 0.8, v: 1 };
-    return gradient(leftColor, rightColor)(text, { interpolation: 'hsv', hsvSpin: 'long' });
-}
-function rotated(text, steps) {
-    const normalizedSteps = steps % text.length;
-    const start = text.slice(-normalizedSteps);
-    const end = text.slice(0, -normalizedSteps);
-    return start + end;
-}
-function truncated(text, maxWidth) {
-    return maxWidth ? text.slice(0, maxWidth) : text;
-}
-/**
- * `TextAnimation` applies a rainbow animation to text.
- */
-const TextAnimation = memo(({ text, maxWidth }) => {
-    const frame = useRef(0);
-    const [renderedFrame, setRenderedFrame] = useState(text);
-    const timeout = useRef();
-    const { stdout } = useStdout();
-    const [width, setWidth] = useState(maxWidth ?? Math.floor(stdout.columns * 0.66));
-    useLayoutEffect(() => {
-        const handleResize = () => {
-            setWidth(Math.floor(stdout.columns * 0.66));
-        };
-        stdout.on('resize', handleResize);
-        return () => {
-            stdout.off('resize', handleResize);
-        };
-    }, [stdout]);
-    const renderAnimation = useCallback(() => {
-        const newFrame = frame.current + 1;
-        frame.current = newFrame;
-        setRenderedFrame(rainbow(truncated(rotated(text, frame.current), width), frame.current));
-        timeout.current = setTimeout(() => {
-            renderAnimation();
-        }, 35);
-    }, [text, width]);
-    useLayoutEffect(() => {
-        renderAnimation();
-        return () => {
-            clearTimeout(timeout.current);
-        };
-    }, [renderAnimation]);
-    return React.createElement(Text, null, renderedFrame);
-});
-TextAnimation.displayName = 'TextAnimation';
-export { TextAnimation };
-//# sourceMappingURL=TextAnimation.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextAnimation.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/TextAnimation.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable id-length */\nimport {Text, useStdout} from 'ink'\nimport React, {memo, useCallback, useLayoutEffect, useRef, useState} from 'react'\nimport gradient from 'gradient-string'\n\ninterface TextAnimationProps {\n  text: string\n  maxWidth?: number\n}\n\nfunction rainbow(text: string, frame: number) {\n  const hue = 5 * frame\n  const leftColor = {h: hue % 360, s: 0.8, v: 1}\n  const rightColor = {h: (hue + 1) % 360, s: 0.8, v: 1}\n  return gradient(leftColor, rightColor)(text, {interpolation: 'hsv', hsvSpin: 'long'})\n}\n\nfunction rotated(text: string, steps: number) {\n  const normalizedSteps = steps % text.length\n  const start = text.slice(-normalizedSteps)\n  const end = text.slice(0, -normalizedSteps)\n  return start + end\n}\n\nfunction truncated(text: string, maxWidth: number | undefined): string {\n  return maxWidth ? text.slice(0, maxWidth) : text\n}\n\n/**\n * `TextAnimation` applies a rainbow animation to text.\n */\nconst TextAnimation = memo(({text, maxWidth}: TextAnimationProps): JSX.Element => {\n  const frame = useRef(0)\n  const [renderedFrame, setRenderedFrame] = useState(text)\n  const timeout = useRef<NodeJS.Timeout>()\n  const {stdout} = useStdout()\n  const [width, setWidth] = useState(maxWidth ?? Math.floor(stdout.columns * 0.66))\n\n  useLayoutEffect(() => {\n    const handleResize = () => {\n      setWidth(Math.floor(stdout.columns * 0.66))\n    }\n\n    stdout.on('resize', handleResize)\n\n    return () => {\n      stdout.off('resize', handleResize)\n    }\n  }, [stdout])\n\n  const renderAnimation = useCallback(() => {\n    const newFrame = frame.current + 1\n    frame.current = newFrame\n\n    setRenderedFrame(rainbow(truncated(rotated(text, frame.current), width), frame.current))\n\n    timeout.current = setTimeout(() => {\n      renderAnimation()\n    }, 35)\n  }, [text, width])\n\n  useLayoutEffect(() => {\n    renderAnimation()\n\n    return () => {\n      clearTimeout(timeout.current)\n    }\n  }, [renderAnimation])\n\n  return <Text>{renderedFrame}</Text>\n})\n\nTextAnimation.displayName = 'TextAnimation'\n\nexport {TextAnimation}\n"]}

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

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

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

@@ -1,73 +0,0 @@
-import { TextAnimation } from './TextAnimation.js';
-import { Stdout } from '../../ui.js';
-import { render } from '../../testing/ui.js';
-import React from 'react';
-import { beforeEach, describe, expect, test, vi } from 'vitest';
-import { useStdout } from 'ink';
-vi.mock('ink', async () => {
-    const original = await vi.importActual('ink');
-    return {
-        ...original,
-        useStdout: vi.fn(),
-    };
-});
-describe('TextAnimation', () => {
-    let stdout;
-    let onSpy;
-    let offSpy;
-    beforeEach(() => {
-        stdout = new Stdout({
-            columns: 80,
-            rows: 80,
-        });
-        onSpy = vi.spyOn(stdout, 'on');
-        offSpy = vi.spyOn(stdout, 'off');
-        vi.mocked(useStdout).mockReturnValue({
-            stdout: stdout,
-            write: () => { },
-        });
-    });
-    test('removes resize listener on unmount', async () => {
-        const renderInstance = render(React.createElement(TextAnimation, { text: "Loading..." }));
-        expect(onSpy).toHaveBeenCalledWith('resize', expect.any(Function));
-        expect(onSpy).toHaveBeenCalledTimes(1);
-        const resizeHandler = onSpy.mock.calls[0][1];
-        renderInstance.unmount();
-        expect(offSpy).toHaveBeenCalledWith('resize', resizeHandler);
-        expect(offSpy).toHaveBeenCalledTimes(1);
-    });
-    test('renders animated text', async () => {
-        const renderInstance = render(React.createElement(TextAnimation, { text: "Loading..." }));
-        expect(renderInstance.lastFrame()).toBeDefined();
-        // The text is rendered with ANSI color codes, so we need to check for the content
-        // without the color codes. The actual output contains the text but with color formatting.
-        const frame = renderInstance.lastFrame() ?? '';
-        expect(frame).toBeTruthy();
-        expect(frame.length).toBeGreaterThan(0);
-        renderInstance.unmount();
-    });
-    test('updates width when stdout resizes', async () => {
-        const renderInstance = render(React.createElement(TextAnimation, { text: "Loading..." }));
-        expect(onSpy).toHaveBeenCalledWith('resize', expect.any(Function));
-        const resizeHandler = onSpy.mock.calls[0][1];
-        stdout.columns = 120;
-        resizeHandler();
-        await new Promise((resolve) => setTimeout(resolve, 10));
-        renderInstance.unmount();
-    });
-    test('respects maxWidth prop when provided', async () => {
-        const renderInstance = render(React.createElement(TextAnimation, { text: "Loading...", maxWidth: 20 }));
-        expect(renderInstance.lastFrame()).toBeDefined();
-        renderInstance.unmount();
-    });
-    test('cleans up animation timeout on unmount', async () => {
-        vi.useFakeTimers();
-        const clearTimeoutSpy = vi.spyOn(global, 'clearTimeout');
-        const renderInstance = render(React.createElement(TextAnimation, { text: "Loading..." }));
-        vi.advanceTimersByTime(50);
-        renderInstance.unmount();
-        expect(clearTimeoutSpy).toHaveBeenCalled();
-        vi.useRealTimers();
-    });
-});
-//# sourceMappingURL=TextAnimation.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextAnimation.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/TextAnimation.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAA;AAClC,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAC1C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAC,MAAM,QAAQ,CAAA;AAC7D,OAAO,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;AAE7B,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,QAAQ,GAAQ,MAAM,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IAClD,OAAO;QACL,GAAG,QAAQ;QACX,SAAS,EAAE,EAAE,CAAC,EAAE,EAAE;KACnB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,IAAI,MAAc,CAAA;IAClB,IAAI,KAAU,CAAA;IACd,IAAI,MAAW,CAAA;IAEf,UAAU,CAAC,GAAG,EAAE;QACd,MAAM,GAAG,IAAI,MAAM,CAAC;YAClB,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,EAAE;SACT,CAAC,CAAA;QAEF,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;QAC9B,MAAM,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;QAEhC,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC;YACnC,MAAM,EAAE,MAAa;YACrB,KAAK,EAAE,GAAG,EAAE,GAAE,CAAC;SAChB,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAC,aAAa,IAAC,IAAI,EAAC,YAAY,GAAG,CAAC,CAAA;QAElE,MAAM,CAAC,KAAK,CAAC,CAAC,oBAAoB,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAA;QAClE,MAAM,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;QAEtC,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,CAAA;QAE7C,cAAc,CAAC,OAAO,EAAE,CAAA;QAExB,MAAM,CAAC,MAAM,CAAC,CAAC,oBAAoB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;QAC5D,MAAM,CAAC,MAAM,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAC,aAAa,IAAC,IAAI,EAAC,YAAY,GAAG,CAAC,CAAA;QAElE,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,CAAA;QAChD,kFAAkF;QAClF,0FAA0F;QAC1F,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,EAAE,IAAI,EAAE,CAAA;QAC9C,MAAM,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,CAAA;QAC1B,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;QAEvC,cAAc,CAAC,OAAO,EAAE,CAAA;IAC1B,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAC,aAAa,IAAC,IAAI,EAAC,YAAY,GAAG,CAAC,CAAA;QAElE,MAAM,CAAC,KAAK,CAAC,CAAC,oBAAoB,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAA;QAClE,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC,CAAC,CAAe,CAAA;QAE3D,MAAM,CAAC,OAAO,GAAG,GAAG,CAAA;QACpB,aAAa,EAAE,CAAA;QAEf,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAA;QAEvD,cAAc,CAAC,OAAO,EAAE,CAAA;IAC1B,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAC,aAAa,IAAC,IAAI,EAAC,YAAY,EAAC,QAAQ,EAAE,EAAE,GAAI,CAAC,CAAA;QAEhF,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,CAAA;QAEhD,cAAc,CAAC,OAAO,EAAE,CAAA;IAC1B,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACxD,EAAE,CAAC,aAAa,EAAE,CAAA;QAClB,MAAM,eAAe,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC,CAAA;QAExD,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAC,aAAa,IAAC,IAAI,EAAC,YAAY,GAAG,CAAC,CAAA;QAElE,EAAE,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAA;QAE1B,cAAc,CAAC,OAAO,EAAE,CAAA;QAExB,MAAM,CAAC,eAAe,CAAC,CAAC,gBAAgB,EAAE,CAAA;QAE1C,EAAE,CAAC,aAAa,EAAE,CAAA;IACpB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import {TextAnimation} from './TextAnimation.js'\nimport {Stdout} from '../../ui.js'\nimport {render} from '../../testing/ui.js'\nimport React from 'react'\nimport {beforeEach, describe, expect, test, vi} from 'vitest'\nimport {useStdout} from 'ink'\n\nvi.mock('ink', async () => {\n  const original: any = await vi.importActual('ink')\n  return {\n    ...original,\n    useStdout: vi.fn(),\n  }\n})\n\ndescribe('TextAnimation', () => {\n  let stdout: Stdout\n  let onSpy: any\n  let offSpy: any\n\n  beforeEach(() => {\n    stdout = new Stdout({\n      columns: 80,\n      rows: 80,\n    })\n\n    onSpy = vi.spyOn(stdout, 'on')\n    offSpy = vi.spyOn(stdout, 'off')\n\n    vi.mocked(useStdout).mockReturnValue({\n      stdout: stdout as any,\n      write: () => {},\n    })\n  })\n\n  test('removes resize listener on unmount', async () => {\n    const renderInstance = render(<TextAnimation text=\"Loading...\" />)\n\n    expect(onSpy).toHaveBeenCalledWith('resize', expect.any(Function))\n    expect(onSpy).toHaveBeenCalledTimes(1)\n\n    const resizeHandler = onSpy.mock.calls[0]![1]\n\n    renderInstance.unmount()\n\n    expect(offSpy).toHaveBeenCalledWith('resize', resizeHandler)\n    expect(offSpy).toHaveBeenCalledTimes(1)\n  })\n\n  test('renders animated text', async () => {\n    const renderInstance = render(<TextAnimation text=\"Loading...\" />)\n\n    expect(renderInstance.lastFrame()).toBeDefined()\n    // The text is rendered with ANSI color codes, so we need to check for the content\n    // without the color codes. The actual output contains the text but with color formatting.\n    const frame = renderInstance.lastFrame() ?? ''\n    expect(frame).toBeTruthy()\n    expect(frame.length).toBeGreaterThan(0)\n\n    renderInstance.unmount()\n  })\n\n  test('updates width when stdout resizes', async () => {\n    const renderInstance = render(<TextAnimation text=\"Loading...\" />)\n\n    expect(onSpy).toHaveBeenCalledWith('resize', expect.any(Function))\n    const resizeHandler = onSpy.mock.calls[0]![1] as () => void\n\n    stdout.columns = 120\n    resizeHandler()\n\n    await new Promise((resolve) => setTimeout(resolve, 10))\n\n    renderInstance.unmount()\n  })\n\n  test('respects maxWidth prop when provided', async () => {\n    const renderInstance = render(<TextAnimation text=\"Loading...\" maxWidth={20} />)\n\n    expect(renderInstance.lastFrame()).toBeDefined()\n\n    renderInstance.unmount()\n  })\n\n  test('cleans up animation timeout on unmount', async () => {\n    vi.useFakeTimers()\n    const clearTimeoutSpy = vi.spyOn(global, 'clearTimeout')\n\n    const renderInstance = render(<TextAnimation text=\"Loading...\" />)\n\n    vi.advanceTimersByTime(50)\n\n    renderInstance.unmount()\n\n    expect(clearTimeoutSpy).toHaveBeenCalled()\n\n    vi.useRealTimers()\n  })\n})\n"]}