@shopify/cli-kit 3.24.1 → 3.25.0

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

@@ -0,0 +1,119 @@
+import { FatalError } from './FatalError.js';
+import { renderString } from '../../ui.js';
+import { unstyled } from '../../../../output.js';
+import { Abort, Bug, ExternalError } from '../../../../error.js';
+import { describe, expect, test } from 'vitest';
+import React from 'react';
+describe('FatalError', async () => {
+    test('renders correctly with a just a message and tryMessage', async () => {
+        const error = new Abort('test', 'try this');
+        const { output } = renderString(React.createElement(FatalError, { error: error }));
+        expect(unstyled(output)).toMatchInlineSnapshot(`
+      "
+      ╭─ error ──────────────────────────────────────────────────────────────────────╮
+      │                                                                              │
+      │  test                                                                        │
+      │                                                                              │
+      │  try this                                                                    │
+      │                                                                              │
+      ╰──────────────────────────────────────────────────────────────────────────────╯
+      "
+    `);
+    });
+    test('renders correctly with a message and a stack', async () => {
+        const error = new Bug('Unexpected error');
+        error.stack = `
+      Error: Unexpected error
+          at Module._compile (internal/modules/cjs/loader.js:1137:30)
+          at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10)
+          at Module.load (internal/modules/cjs/loader.js:985:32)
+          at Function.Module._load (internal/modules/cjs/loader.js:878:14)
+    `;
+        const { output } = renderString(React.createElement(FatalError, { error: error }));
+        expect(unstyled(output)).toMatchInlineSnapshot(`
+      "
+      ╭─ error ──────────────────────────────────────────────────────────────────────╮
+      │                                                                              │
+      │  Unexpected error                                                            │
+      │                                                                              │
+      │  To investigate the issue, examine this stack trace:                         │
+      │  at _compile (internal/modules/cjs/loader.js:1137)                           │
+      │  at js (internal/modules/cjs/loader.js:1157)                                 │
+      │  at load (internal/modules/cjs/loader.js:985)                                │
+      │  at _load (internal/modules/cjs/loader.js:878)                               │
+      │                                                                              │
+      ╰──────────────────────────────────────────────────────────────────────────────╯
+      "
+    `);
+    });
+    test('renders correctly with a message, a stack, and next steps', async () => {
+        const error = new Bug('Unexpected error');
+        error.stack = `
+      Error: Unexpected error
+          at Module._compile (internal/modules/cjs/loader.js:1137:30)
+          at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10)
+          at Module.load (internal/modules/cjs/loader.js:985:32)
+          at Function.Module._load (internal/modules/cjs/loader.js:878:14)
+    `;
+        error.nextSteps = [
+            [
+                'Have you',
+                {
+                    link: {
+                        label: 'created a Shopify Partners organization',
+                        url: 'https://partners.shopify.com/signup',
+                    },
+                },
+                {
+                    char: '?',
+                },
+            ],
+            'Have you confirmed your accounts from the emails you received?',
+            [
+                'Need to connect to a different App or organization? Run the command again with',
+                {
+                    command: '--reset',
+                },
+            ],
+        ];
+        const { output } = renderString(React.createElement(FatalError, { error: error }));
+        expect(unstyled(output)).toMatchInlineSnapshot(`
+      "
+      ╭─ error ──────────────────────────────────────────────────────────────────────╮
+      │                                                                              │
+      │  Unexpected error                                                            │
+      │                                                                              │
+      │  Next steps                                                                  │
+      │    • Have you created a Shopify Partners organization                        │
+      │      (https://partners.shopify.com/signup)?                                  │
+      │    • Have you confirmed your accounts from the emails you received?          │
+      │    • Need to connect to a different App or organization? Run the command     │
+      │      again with \`--reset\`                                                    │
+      │                                                                              │
+      │  To investigate the issue, examine this stack trace:                         │
+      │  at _compile (internal/modules/cjs/loader.js:1137)                           │
+      │  at js (internal/modules/cjs/loader.js:1157)                                 │
+      │  at load (internal/modules/cjs/loader.js:985)                                │
+      │  at _load (internal/modules/cjs/loader.js:878)                               │
+      │                                                                              │
+      ╰──────────────────────────────────────────────────────────────────────────────╯
+      "
+    `);
+    });
+    test('renders correctly an external error', async () => {
+        const error = new ExternalError('Unexpected error', 'yarn', ['install']);
+        const { output } = renderString(React.createElement(FatalError, { error: error }));
+        expect(unstyled(output)).toMatchInlineSnapshot(`
+      "
+      ── external error ──────────────────────────────────────────────────────────────
+
+      Error coming from \`yarn install\`
+
+      Unexpected error
+
+      ────────────────────────────────────────────────────────────────────────────────
+      "
+    `);
+    });
+});
+//# sourceMappingURL=FatalError.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FatalError.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/FatalError.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAA;AACxC,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAC,KAAK,EAAE,GAAG,EAAE,aAAa,EAAC,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAQ,CAAC,YAAY,EAAE,KAAK,IAAI,EAAE;IAChC,IAAI,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;QACxE,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;QAC3C,MAAM,EAAC,MAAM,EAAC,GAAG,YAAY,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAA;QAE3D,MAAM,CAAC,QAAQ,CAAC,MAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;KAU/C,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,kBAAkB,CAAC,CAAA;QACzC,KAAK,CAAC,KAAK,GAAG;;;;;;KAMb,CAAA;QAED,MAAM,EAAC,MAAM,EAAC,GAAG,YAAY,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAA;QAE3D,MAAM,CAAC,QAAQ,CAAC,MAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;KAc/C,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;QAC3E,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,kBAAkB,CAAC,CAAA;QACzC,KAAK,CAAC,KAAK,GAAG;;;;;;KAMb,CAAA;QAED,KAAK,CAAC,SAAS,GAAG;YAChB;gBACE,UAAU;gBACV;oBACE,IAAI,EAAE;wBACJ,KAAK,EAAE,yCAAyC;wBAChD,GAAG,EAAE,qCAAqC;qBAC3C;iBACF;gBACD;oBACE,IAAI,EAAE,GAAG;iBACV;aACF;YACD,gEAAgE;YAChE;gBACE,gFAAgF;gBAChF;oBACE,OAAO,EAAE,SAAS;iBACnB;aACF;SACF,CAAA;QAED,MAAM,EAAC,MAAM,EAAC,GAAG,YAAY,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAA;QAE3D,MAAM,CAAC,QAAQ,CAAC,MAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;KAqB/C,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,KAAK,GAAG,IAAI,aAAa,CAAC,kBAAkB,EAAE,MAAM,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;QAExE,MAAM,EAAC,MAAM,EAAC,GAAG,YAAY,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAA;QAE3D,MAAM,CAAC,QAAQ,CAAC,MAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;KAU/C,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import {FatalError} from './FatalError.js'\nimport {renderString} from '../../ui.js'\nimport {unstyled} from '../../../../output.js'\nimport {Abort, Bug, ExternalError} from '../../../../error.js'\nimport {describe, expect, test} from 'vitest'\nimport React from 'react'\n\ndescribe('FatalError', async () => {\n  test('renders correctly with a just a message and tryMessage', async () => {\n    const error = new Abort('test', 'try this')\n    const {output} = renderString(<FatalError error={error} />)\n\n    expect(unstyled(output!)).toMatchInlineSnapshot(`\n      \"\n      ╭─ error ──────────────────────────────────────────────────────────────────────╮\n      │                                                                              │\n      │  test                                                                        │\n      │                                                                              │\n      │  try this                                                                    │\n      │                                                                              │\n      ╰──────────────────────────────────────────────────────────────────────────────╯\n      \"\n    `)\n  })\n\n  test('renders correctly with a message and a stack', async () => {\n    const error = new Bug('Unexpected error')\n    error.stack = `\n      Error: Unexpected error\n          at Module._compile (internal/modules/cjs/loader.js:1137:30)\n          at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10)\n          at Module.load (internal/modules/cjs/loader.js:985:32)\n          at Function.Module._load (internal/modules/cjs/loader.js:878:14)\n    `\n\n    const {output} = renderString(<FatalError error={error} />)\n\n    expect(unstyled(output!)).toMatchInlineSnapshot(`\n      \"\n      ╭─ error ──────────────────────────────────────────────────────────────────────╮\n      │                                                                              │\n      │  Unexpected error                                                            │\n      │                                                                              │\n      │  To investigate the issue, examine this stack trace:                         │\n      │  at _compile (internal/modules/cjs/loader.js:1137)                           │\n      │  at js (internal/modules/cjs/loader.js:1157)                                 │\n      │  at load (internal/modules/cjs/loader.js:985)                                │\n      │  at _load (internal/modules/cjs/loader.js:878)                               │\n      │                                                                              │\n      ╰──────────────────────────────────────────────────────────────────────────────╯\n      \"\n    `)\n  })\n\n  test('renders correctly with a message, a stack, and next steps', async () => {\n    const error = new Bug('Unexpected error')\n    error.stack = `\n      Error: Unexpected error\n          at Module._compile (internal/modules/cjs/loader.js:1137:30)\n          at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10)\n          at Module.load (internal/modules/cjs/loader.js:985:32)\n          at Function.Module._load (internal/modules/cjs/loader.js:878:14)\n    `\n\n    error.nextSteps = [\n      [\n        'Have you',\n        {\n          link: {\n            label: 'created a Shopify Partners organization',\n            url: 'https://partners.shopify.com/signup',\n          },\n        },\n        {\n          char: '?',\n        },\n      ],\n      'Have you confirmed your accounts from the emails you received?',\n      [\n        'Need to connect to a different App or organization? Run the command again with',\n        {\n          command: '--reset',\n        },\n      ],\n    ]\n\n    const {output} = renderString(<FatalError error={error} />)\n\n    expect(unstyled(output!)).toMatchInlineSnapshot(`\n      \"\n      ╭─ error ──────────────────────────────────────────────────────────────────────╮\n      │                                                                              │\n      │  Unexpected error                                                            │\n      │                                                                              │\n      │  Next steps                                                                  │\n      │    • Have you created a Shopify Partners organization                        │\n      │      (https://partners.shopify.com/signup)?                                  │\n      │    • Have you confirmed your accounts from the emails you received?          │\n      │    • Need to connect to a different App or organization? Run the command     │\n      │      again with \\`--reset\\`                                                    │\n      │                                                                              │\n      │  To investigate the issue, examine this stack trace:                         │\n      │  at _compile (internal/modules/cjs/loader.js:1137)                           │\n      │  at js (internal/modules/cjs/loader.js:1157)                                 │\n      │  at load (internal/modules/cjs/loader.js:985)                                │\n      │  at _load (internal/modules/cjs/loader.js:878)                               │\n      │                                                                              │\n      ╰──────────────────────────────────────────────────────────────────────────────╯\n      \"\n    `)\n  })\n\n  test('renders correctly an external error', async () => {\n    const error = new ExternalError('Unexpected error', 'yarn', ['install'])\n\n    const {output} = renderString(<FatalError error={error} />)\n\n    expect(unstyled(output!)).toMatchInlineSnapshot(`\n      \"\n      ── external error ──────────────────────────────────────────────────────────────\n\n      Error coming from \\`yarn install\\`\n\n      Unexpected error\n\n      ────────────────────────────────────────────────────────────────────────────────\n      \"\n    `)\n  })\n})\n"]}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    filePath: string;
+}
+/**
+ * `FilePath` displays a path to a file.
+ */
+declare const FilePath: React.FC<Props>;
+export { FilePath };

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

@@ -0,0 +1,13 @@
+import { Text } from 'ink';
+import React from 'react';
+/**
+ * `FilePath` displays a path to a file.
+ */
+const FilePath = ({ filePath }) => {
+    return React.createElement(Text, null,
+        "\"",
+        filePath,
+        "\"");
+};
+export { FilePath };
+//# sourceMappingURL=FilePath.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilePath.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/FilePath.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB;;GAEG;AACH,MAAM,QAAQ,GAAoB,CAAC,EAAC,QAAQ,EAAiC,EAAe,EAAE;IAC5F,OAAO,oBAAC,IAAI;;QAAG,QAAQ;aAAS,CAAA;AAClC,CAAC,CAAA;AAED,OAAO,EAAC,QAAQ,EAAC,CAAA","sourcesContent":["import {Text} from 'ink'\nimport React from 'react'\n\ninterface Props {\n  filePath: string\n}\n\n/**\n * `FilePath` displays a path to a file.\n */\nconst FilePath: React.FC<Props> = ({filePath}: React.PropsWithChildren<Props>): JSX.Element => {\n  return <Text>\"{filePath}\"</Text>\n}\n\nexport {FilePath}\n"]}

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

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

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

@@ -0,0 +1,11 @@
+import { FilePath } from './FilePath.js';
+import { renderString } from '../../ui.js';
+import { describe, expect, test } from 'vitest';
+import React from 'react';
+describe('FilePath', async () => {
+    test('renders correctly', async () => {
+        const { output } = renderString(React.createElement(FilePath, { filePath: "src/this/is/a/test.js" }));
+        expect(output).toMatchInlineSnapshot('"\\"src/this/is/a/test.js\\""');
+    });
+});
+//# sourceMappingURL=FilePath.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilePath.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/FilePath.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AACtC,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAA;AACxC,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAQ,CAAC,UAAU,EAAE,KAAK,IAAI,EAAE;IAC9B,IAAI,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QACnC,MAAM,EAAC,MAAM,EAAC,GAAG,YAAY,CAAC,oBAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,GAAG,CAAC,CAAA;QAE5E,MAAM,CAAC,MAAM,CAAC,CAAC,qBAAqB,CAAC,+BAA+B,CAAC,CAAA;IACvE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import {FilePath} from './FilePath.js'\nimport {renderString} from '../../ui.js'\nimport {describe, expect, test} from 'vitest'\nimport React from 'react'\n\ndescribe('FilePath', async () => {\n  test('renders correctly', async () => {\n    const {output} = renderString(<FilePath filePath=\"src/this/is/a/test.js\" />)\n\n    expect(output).toMatchInlineSnapshot('\"\\\\\"src/this/is/a/test.js\\\\\"\"')\n  })\n})\n"]}

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

@@ -1,14 +1,15 @@
-import { Text, Transform } from 'ink';
+import chalk from 'chalk';
+import { Text } from 'ink';
 import React from 'react';
 import terminalLink from 'terminal-link';
+function fallback(text, url) {
+    return `${text} ${chalk.dim(`(${url})`)}`;
+}
 /**
  * `Link` displays a clickable link when supported by the terminal.
  */
 const Link = ({ url, label }) => {
-    return (React.createElement(Text, null,
-        label && React.createElement(Text, { dimColor: true }, `${label}: `),
-        React.createElement(Transform, { transform: (children) => terminalLink(children, url, { fallback: false }) },
-            React.createElement(Text, { underline: true }, url))));
+    return React.createElement(Text, null, terminalLink(label ?? url, url, { fallback: label ? fallback : false }));
 };
 export { Link };
 //# sourceMappingURL=Link.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,YAAY,MAAM,eAAe,CAAA;AAOxC;;GAEG;AACH,MAAM,IAAI,GAAoB,CAAC,EAAC,GAAG,EAAE,KAAK,EAAiC,EAAe,EAAE;IAC1F,OAAO,CACL,oBAAC,IAAI;QACF,KAAK,IAAI,oBAAC,IAAI,IAAC,QAAQ,UAAE,GAAG,KAAK,IAAI,CAAQ;QAC9C,oBAAC,SAAS,IAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC;YAChF,oBAAC,IAAI,IAAC,SAAS,UAAE,GAAG,CAAQ,CAClB,CACP,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAC,IAAI,EAAC,CAAA","sourcesContent":["import {Text, Transform} from 'ink'\nimport React from 'react'\nimport terminalLink from 'terminal-link'\n\ninterface Props {\n  url: string\n  label?: string\n}\n\n/**\n * `Link` displays a clickable link when supported by the terminal.\n */\nconst Link: React.FC<Props> = ({url, label}: React.PropsWithChildren<Props>): JSX.Element => {\n  return (\n    <Text>\n      {label && <Text dimColor>{`${label}: `}</Text>}\n      <Transform transform={(children) => terminalLink(children, url, {fallback: false})}>\n        <Text underline>{url}</Text>\n      </Transform>\n    </Text>\n  )\n}\n\nexport {Link}\n"]}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,YAAY,MAAM,eAAe,CAAA;AAOxC,SAAS,QAAQ,CAAC,IAAY,EAAE,GAAW;IACzC,OAAO,GAAG,IAAI,IAAI,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,EAAE,CAAA;AAC3C,CAAC;AAED;;GAEG;AACH,MAAM,IAAI,GAAoB,CAAC,EAAC,GAAG,EAAE,KAAK,EAAiC,EAAe,EAAE;IAC1F,OAAO,oBAAC,IAAI,QAAE,YAAY,CAAC,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE,EAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAC,CAAC,CAAQ,CAAA;AAC7F,CAAC,CAAA;AAED,OAAO,EAAC,IAAI,EAAC,CAAA","sourcesContent":["import chalk from 'chalk'\nimport {Text} from 'ink'\nimport React from 'react'\nimport terminalLink from 'terminal-link'\n\ninterface Props {\n  url: string\n  label?: string\n}\n\nfunction fallback(text: string, url: string) {\n  return `${text} ${chalk.dim(`(${url})`)}`\n}\n\n/**\n * `Link` displays a clickable link when supported by the terminal.\n */\nconst Link: React.FC<Props> = ({url, label}: React.PropsWithChildren<Props>): JSX.Element => {\n  return <Text>{terminalLink(label ?? url, url, {fallback: label ? fallback : false})}</Text>\n}\n\nexport {Link}\n"]}

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

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

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

@@ -0,0 +1,22 @@
+import { Link } from './Link.js';
+import { renderString } from '../../ui.js';
+import { describe, expect, test } from 'vitest';
+import React from 'react';
+describe('Link', async () => {
+    test("renders correctly with a fallback for terminals that don't support hyperlinks", async () => {
+        const link = {
+            url: 'https://example.com',
+            label: 'Example',
+        };
+        const { output } = renderString(React.createElement(Link, { ...link }));
+        expect(output).toMatchInlineSnapshot('"Example (https://example.com)"');
+    });
+    test("it doesn't render a fallback if only url is passed", async () => {
+        const link = {
+            url: 'https://example.com',
+        };
+        const { output } = renderString(React.createElement(Link, { ...link }));
+        expect(output).toMatchInlineSnapshot('"https://example.com"');
+    });
+});
+//# sourceMappingURL=Link.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Link.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAA;AACxC,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAQ,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE;IAC1B,IAAI,CAAC,+EAA+E,EAAE,KAAK,IAAI,EAAE;QAC/F,MAAM,IAAI,GAAG;YACX,GAAG,EAAE,qBAAqB;YAC1B,KAAK,EAAE,SAAS;SACjB,CAAA;QAED,MAAM,EAAC,MAAM,EAAC,GAAG,YAAY,CAAC,oBAAC,IAAI,OAAK,IAAI,GAAI,CAAC,CAAA;QAEjD,MAAM,CAAC,MAAM,CAAC,CAAC,qBAAqB,CAAC,0CAA0C,CAAC,CAAA;IAClF,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,IAAI,GAAG;YACX,GAAG,EAAE,qBAAqB;SAC3B,CAAA;QAED,MAAM,EAAC,MAAM,EAAC,GAAG,YAAY,CAAC,oBAAC,IAAI,OAAK,IAAI,GAAI,CAAC,CAAA;QAEjD,MAAM,CAAC,MAAM,CAAC,CAAC,qBAAqB,CAAC,uBAAuB,CAAC,CAAA;IAC/D,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import {Link} from './Link.js'\nimport {renderString} from '../../ui.js'\nimport {describe, expect, test} from 'vitest'\nimport React from 'react'\n\ndescribe('Link', async () => {\n  test(\"renders correctly with a fallback for terminals that don't support hyperlinks\", async () => {\n    const link = {\n      url: 'https://example.com',\n      label: 'Example',\n    }\n\n    const {output} = renderString(<Link {...link} />)\n\n    expect(output).toMatchInlineSnapshot('\"Example \u001b[2m(https://example.com)\u001b[22m\"')\n  })\n\n  test(\"it doesn't render a fallback if only url is passed\", async () => {\n    const link = {\n      url: 'https://example.com',\n    }\n\n    const {output} = renderString(<Link {...link} />)\n\n    expect(output).toMatchInlineSnapshot('\"https://example.com\"')\n  })\n})\n"]}

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

@@ -1,7 +1,7 @@
 import { TokenItem } from './TokenizedText.js';
 import React from 'react';
 interface Props {
-    title: string;
+    title?: string;
     items: TokenItem[];
     ordered?: boolean;
 }

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

@@ -8,10 +8,10 @@ const DOT = '•';
  */
 const List = ({ title, items, ordered = false }) => {
     return (React.createElement(Box, { flexDirection: "column" },
-        React.createElement(Text, { dimColor: true }, title),
+        title && React.createElement(Text, { bold: true }, title),
         items.map((item, index) => (React.createElement(Box, { key: index },
             React.createElement(Box, null,
-                React.createElement(Text, { dimColor: true }, `  ${ordered ? `${index + 1}.` : DOT}`)),
+                React.createElement(Text, null, `  ${ordered ? `${index + 1}.` : DOT}`)),
             React.createElement(Box, { flexGrow: 1, marginLeft: 1 },
                 React.createElement(TokenizedText, { item: item })))))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,aAAa,EAAC,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,GAAG,GAAG,GAAG,CAAA;AAEf;;;GAGG;AACH,MAAM,IAAI,GAAoB,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAiC,EAAe,EAAE;IAC7G,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ;QACzB,oBAAC,IAAI,IAAC,QAAQ,UAAE,KAAK,CAAQ;QAC5B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,oBAAC,GAAG,IAAC,GAAG,EAAE,KAAK;YACb,oBAAC,GAAG;gBACF,oBAAC,IAAI,IAAC,QAAQ,UAAE,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAQ,CAC1D;YAEN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC;gBAC7B,oBAAC,aAAa,IAAC,IAAI,EAAE,IAAI,GAAI,CACzB,CACF,CACP,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAC,IAAI,EAAC,CAAA","sourcesContent":["import {TokenItem, TokenizedText} from './TokenizedText.js'\nimport {Box, Text} from 'ink'\nimport React from 'react'\n\ninterface Props {\n  title: string\n  items: TokenItem[]\n  ordered?: boolean\n}\n\nconst DOT = '•'\n\n/**\n * `List` displays an unordered or ordered list with text aligned with the bullet point\n * and wrapped to the container width.\n */\nconst List: React.FC<Props> = ({title, items, ordered = false}: React.PropsWithChildren<Props>): JSX.Element => {\n  return (\n    <Box flexDirection=\"column\">\n      <Text dimColor>{title}</Text>\n      {items.map((item, index) => (\n        <Box key={index}>\n          <Box>\n            <Text dimColor>{`  ${ordered ? `${index + 1}.` : DOT}`}</Text>\n          </Box>\n\n          <Box flexGrow={1} marginLeft={1}>\n            <TokenizedText item={item} />\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n\nexport {List}\n"]}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,aAAa,EAAC,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,GAAG,GAAG,GAAG,CAAA;AAEf;;;GAGG;AACH,MAAM,IAAI,GAAoB,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAG,KAAK,EAAC,EAAe,EAAE;IAC7E,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ;QACxB,KAAK,IAAI,oBAAC,IAAI,IAAC,IAAI,UAAE,KAAK,CAAQ;QAClC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,oBAAC,GAAG,IAAC,GAAG,EAAE,KAAK;YACb,oBAAC,GAAG;gBACF,oBAAC,IAAI,QAAE,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAQ,CACjD;YAEN,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC;gBAC7B,oBAAC,aAAa,IAAC,IAAI,EAAE,IAAI,GAAI,CACzB,CACF,CACP,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAC,IAAI,EAAC,CAAA","sourcesContent":["import {TokenItem, TokenizedText} from './TokenizedText.js'\nimport {Box, Text} from 'ink'\nimport React from 'react'\n\ninterface Props {\n  title?: string\n  items: TokenItem[]\n  ordered?: boolean\n}\n\nconst DOT = '•'\n\n/**\n * `List` displays an unordered or ordered list with text aligned with the bullet point\n * and wrapped to the container width.\n */\nconst List: React.FC<Props> = ({title, items, ordered = false}): JSX.Element => {\n  return (\n    <Box flexDirection=\"column\">\n      {title && <Text bold>{title}</Text>}\n      {items.map((item, index) => (\n        <Box key={index}>\n          <Box>\n            <Text>{`  ${ordered ? `${index + 1}.` : DOT}`}</Text>\n          </Box>\n\n          <Box flexGrow={1} marginLeft={1}>\n            <TokenizedText item={item} />\n          </Box>\n        </Box>\n      ))}\n    </Box>\n  )\n}\n\nexport {List}\n"]}

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

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

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

@@ -0,0 +1,34 @@
+import { List } from './List.js';
+import { renderString } from '../../ui.js';
+import { unstyled } from '../../../../output.js';
+import { describe, expect, test } from 'vitest';
+import React from 'react';
+describe('List', async () => {
+    test('renders unordered items', async () => {
+        const options = {
+            title: 'List title',
+            items: ['Item 1', 'Item 2', 'Item 3'],
+            ordered: false,
+        };
+        const { output } = renderString(React.createElement(List, { ...options }));
+        expect(unstyled(output)).toMatchInlineSnapshot(`
+      "List title
+        • Item 1
+        • Item 2
+        • Item 3"
+    `);
+    });
+    test('renders ordered items', async () => {
+        const options = {
+            items: ['Item 1', 'Item 2', 'Item 3'],
+            ordered: true,
+        };
+        const { output } = renderString(React.createElement(List, { ...options }));
+        expect(unstyled(output)).toMatchInlineSnapshot(`
+      "  1. Item 1
+        2. Item 2
+        3. Item 3"
+    `);
+    });
+});
+//# sourceMappingURL=List.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/List.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAA;AACxC,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAQ,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE;IAC1B,IAAI,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,OAAO,GAAG;YACd,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC;YACrC,OAAO,EAAE,KAAK;SACf,CAAA;QAED,MAAM,EAAC,MAAM,EAAC,GAAG,YAAY,CAAC,oBAAC,IAAI,OAAK,OAAO,GAAI,CAAC,CAAA;QAEpD,MAAM,CAAC,QAAQ,CAAC,MAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;KAK/C,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,OAAO,GAAG;YACd,KAAK,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC;YACrC,OAAO,EAAE,IAAI;SACd,CAAA;QAED,MAAM,EAAC,MAAM,EAAC,GAAG,YAAY,CAAC,oBAAC,IAAI,OAAK,OAAO,GAAI,CAAC,CAAA;QAEpD,MAAM,CAAC,QAAQ,CAAC,MAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;KAI/C,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import {List} from './List.js'\nimport {renderString} from '../../ui.js'\nimport {unstyled} from '../../../../output.js'\nimport {describe, expect, test} from 'vitest'\nimport React from 'react'\n\ndescribe('List', async () => {\n  test('renders unordered items', async () => {\n    const options = {\n      title: 'List title',\n      items: ['Item 1', 'Item 2', 'Item 3'],\n      ordered: false,\n    }\n\n    const {output} = renderString(<List {...options} />)\n\n    expect(unstyled(output!)).toMatchInlineSnapshot(`\n      \"List title\n        • Item 1\n        • Item 2\n        • Item 3\"\n    `)\n  })\n\n  test('renders ordered items', async () => {\n    const options = {\n      items: ['Item 1', 'Item 2', 'Item 3'],\n      ordered: true,\n    }\n\n    const {output} = renderString(<List {...options} />)\n\n    expect(unstyled(output!)).toMatchInlineSnapshot(`\n      \"  1. Item 1\n        2. Item 2\n        3. Item 3\"\n    `)\n  })\n})\n"]}

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

@@ -11,7 +11,19 @@ interface LinkToken {
 interface CharToken {
     char: string;
 }
-declare type Token = string | CommandToken | LinkToken | CharToken;
+interface UserInputToken {
+    userInput: string;
+}
+interface FilePathToken {
+    filePath: string;
+}
+interface ListToken {
+    list: {
+        items: TokenItem[];
+        ordered?: boolean;
+    };
+}
+declare type Token = string | CommandToken | LinkToken | CharToken | UserInputToken | FilePathToken | ListToken;
 export declare type TokenItem = Token | Token[];
 interface Props {
     item: TokenItem;

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

@@ -1,14 +1,38 @@
 import { Command } from './Command.js';
 import { Link } from './Link.js';
-import { Text } from 'ink';
+import { List } from './List.js';
+import { UserInput } from './UserInput.js';
+import { FilePath } from './FilePath.js';
+import { Box, Text } from 'ink';
 import React from 'react';
+function tokenToBlock(token) {
+    return {
+        display: typeof token !== 'string' && 'list' in token ? 'block' : 'inline',
+        value: token,
+    };
+}
+function splitByDisplayType(acc, item) {
+    if (item.display === 'block') {
+        acc.push([item]);
+    }
+    else {
+        const last = acc[acc.length - 1];
+        if (last && last[0].display === 'inline') {
+            last.push(item);
+        }
+        else {
+            acc.push([item]);
+        }
+    }
+    return acc;
+}
 /**
  * `TokenizedText` renders a text string with tokens that can be either strings,
  * links, and commands.
  */
 const TokenizedText = ({ item }) => {
     if (typeof item === 'string') {
-        return React.createElement(Text, { dimColor: true }, item);
+        return React.createElement(Text, null, item);
     }
     else if ('command' in item) {
         return React.createElement(Command, { command: item.command });
@@ -17,12 +41,29 @@ const TokenizedText = ({ item }) => {
         return React.createElement(Link, { ...item.link });
     }
     else if ('char' in item) {
-        return React.createElement(Text, { dimColor: true }, item.char[0]);
+        return React.createElement(Text, null, item.char[0]);
+    }
+    else if ('userInput' in item) {
+        return React.createElement(UserInput, { userInput: item.userInput });
+    }
+    else if ('filePath' in item) {
+        return React.createElement(FilePath, { filePath: item.filePath });
+    }
+    else if ('list' in item) {
+        return React.createElement(List, { ...item.list });
     }
     else {
-        return (React.createElement(Text, null, item.map((listItem, index) => (React.createElement(Text, { key: index },
-            index !== 0 && !(typeof listItem !== 'string' && 'char' in listItem) && React.createElement(Text, null, " "),
-            React.createElement(TokenizedText, { item: listItem }))))));
+        const groupedItems = item.map(tokenToBlock).reduce(splitByDisplayType, []);
+        return (React.createElement(Box, { flexDirection: "column" }, groupedItems.map((items, groupIndex) => {
+            if (items[0].display === 'inline') {
+                return (React.createElement(Text, { key: groupIndex }, items.map((item, itemIndex) => (React.createElement(Text, { key: itemIndex },
+                    itemIndex !== 0 && !(typeof item.value !== 'string' && 'char' in item.value) && React.createElement(Text, null, " "),
+                    React.createElement(TokenizedText, { item: item.value }))))));
+            }
+            else {
+                return React.createElement(List, { key: groupIndex, items: items[0].value.list.items });
+            }
+        })));
     }
 };
 export { TokenizedText };

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

@@ -1 +1 @@
-{"version":3,"file":"TokenizedText.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/TokenizedText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AACpC,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,KAAK,MAAM,OAAO,CAAA;AAwBzB;;;GAGG;AACH,MAAM,aAAa,GAAoB,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IAChD,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,OAAO,oBAAC,IAAI,IAAC,QAAQ,UAAE,IAAI,CAAQ,CAAA;KACpC;SAAM,IAAI,SAAS,IAAI,IAAI,EAAE;QAC5B,OAAO,oBAAC,OAAO,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,GAAI,CAAA;KAC1C;SAAM,IAAI,MAAM,IAAI,IAAI,EAAE;QACzB,OAAO,oBAAC,IAAI,OAAK,IAAI,CAAC,IAAI,GAAI,CAAA;KAC/B;SAAM,IAAI,MAAM,IAAI,IAAI,EAAE;QACzB,OAAO,oBAAC,IAAI,IAAC,QAAQ,UAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAQ,CAAA;KAC5C;SAAM;QACL,OAAO,CACL,oBAAC,IAAI,QACF,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,oBAAC,IAAI,IAAC,GAAG,EAAE,KAAK;YACb,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,IAAI,QAAQ,CAAC,IAAI,oBAAC,IAAI,YAAS;YACvF,oBAAC,aAAa,IAAC,IAAI,EAAE,QAAQ,GAAI,CAC5B,CACR,CAAC,CACG,CACR,CAAA;KACF;AACH,CAAC,CAAA;AAED,OAAO,EAAC,aAAa,EAAC,CAAA","sourcesContent":["import {Command} from './Command.js'\nimport {Link} from './Link.js'\nimport {Text} from 'ink'\nimport React from 'react'\n\ninterface CommandToken {\n  command: string\n}\n\ninterface LinkToken {\n  link: {\n    label?: string\n    url: string\n  }\n}\n\ninterface CharToken {\n  char: string\n}\n\ntype Token = string | CommandToken | LinkToken | CharToken\nexport type TokenItem = Token | Token[]\n\ninterface Props {\n  item: TokenItem\n}\n\n/**\n * `TokenizedText` renders a text string with tokens that can be either strings,\n * links, and commands.\n */\nconst TokenizedText: React.FC<Props> = ({item}) => {\n  if (typeof item === 'string') {\n    return <Text dimColor>{item}</Text>\n  } else if ('command' in item) {\n    return <Command command={item.command} />\n  } else if ('link' in item) {\n    return <Link {...item.link} />\n  } else if ('char' in item) {\n    return <Text dimColor>{item.char[0]}</Text>\n  } else {\n    return (\n      <Text>\n        {item.map((listItem, index) => (\n          <Text key={index}>\n            {index !== 0 && !(typeof listItem !== 'string' && 'char' in listItem) && <Text> </Text>}\n            <TokenizedText item={listItem} />\n          </Text>\n        ))}\n      </Text>\n    )\n  }\n}\n\nexport {TokenizedText}\n"]}
+{"version":3,"file":"TokenizedText.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/TokenizedText.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Command} from './Command.js'\nimport {Link} from './Link.js'\nimport {List} from './List.js'\nimport {UserInput} from './UserInput.js'\nimport {FilePath} from './FilePath.js'\nimport {Box, Text} from 'ink'\nimport React from 'react'\n\ninterface CommandToken {\n  command: string\n}\n\ninterface LinkToken {\n  link: {\n    label?: string\n    url: string\n  }\n}\n\ninterface CharToken {\n  char: string\n}\n\ninterface UserInputToken {\n  userInput: string\n}\n\ninterface FilePathToken {\n  filePath: string\n}\n\ninterface ListToken {\n  list: {\n    items: TokenItem[]\n    ordered?: boolean\n  }\n}\n\ntype Token = string | CommandToken | LinkToken | CharToken | UserInputToken | FilePathToken | ListToken\nexport type TokenItem = Token | Token[]\n\ntype DisplayType = 'block' | 'inline'\ninterface Block {\n  display: DisplayType\n  value: Token\n}\n\nfunction tokenToBlock(token: Token): Block {\n  return {\n    display: typeof token !== 'string' && 'list' in token ? 'block' : 'inline',\n    value: token,\n  }\n}\n\nfunction splitByDisplayType(acc: Block[][], item: Block) {\n  if (item.display === 'block') {\n    acc.push([item])\n  } else {\n    const last = acc[acc.length - 1]\n    if (last && last[0]!.display === 'inline') {\n      last.push(item)\n    } else {\n      acc.push([item])\n    }\n  }\n  return acc\n}\n\ninterface Props {\n  item: TokenItem\n}\n\n/**\n * `TokenizedText` renders a text string with tokens that can be either strings,\n * links, and commands.\n */\nconst TokenizedText: React.FC<Props> = ({item}) => {\n  if (typeof item === 'string') {\n    return <Text>{item}</Text>\n  } else if ('command' in item) {\n    return <Command command={item.command} />\n  } else if ('link' in item) {\n    return <Link {...item.link} />\n  } else if ('char' in item) {\n    return <Text>{item.char[0]}</Text>\n  } else if ('userInput' in item) {\n    return <UserInput userInput={item.userInput} />\n  } else if ('filePath' in item) {\n    return <FilePath filePath={item.filePath} />\n  } else if ('list' in item) {\n    return <List {...item.list} />\n  } else {\n    const groupedItems = item.map(tokenToBlock).reduce(splitByDisplayType, [])\n\n    return (\n      <Box flexDirection=\"column\">\n        {groupedItems.map((items, groupIndex) => {\n          if (items[0]!.display === 'inline') {\n            return (\n              <Text key={groupIndex}>\n                {items.map((item, itemIndex) => (\n                  <Text key={itemIndex}>\n                    {itemIndex !== 0 && !(typeof item.value !== 'string' && 'char' in item.value) && <Text> </Text>}\n                    <TokenizedText item={item.value} />\n                  </Text>\n                ))}\n              </Text>\n            )\n          } else {\n            return <List key={groupIndex} items={(items[0]!.value as ListToken).list.items} />\n          }\n        })}\n      </Box>\n    )\n  }\n}\n\nexport {TokenizedText}\n"]}

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

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

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

@@ -0,0 +1,44 @@
+import { TokenizedText } from './TokenizedText.js';
+import { renderString } from '../../ui.js';
+import { unstyled } from '../../../../output.js';
+import { describe, expect, test } from 'vitest';
+import React from 'react';
+describe('TokenizedText', async () => {
+    test('renders arrays of items separated by spaces', async () => {
+        const item = [
+            'Run',
+            {
+                command: 'cd verification-app',
+            },
+            {
+                link: {
+                    url: 'https://example.com',
+                    label: 'Example',
+                },
+            },
+            {
+                char: '!',
+            },
+            {
+                userInput: 'my-app',
+            },
+            {
+                list: {
+                    items: ['Item 1', 'Item 2', 'Item 3'],
+                },
+            },
+            {
+                filePath: 'src/this/is/a/test.js',
+            },
+        ];
+        const { output } = renderString(React.createElement(TokenizedText, { item: item }));
+        expect(unstyled(output)).toMatchInlineSnapshot(`
+      "Run \`cd verification-app\` Example (https://example.com)! my-app
+        • Item 1
+        • Item 2
+        • Item 3
+      \\"src/this/is/a/test.js\\""
+    `);
+    });
+});
+//# sourceMappingURL=TokenizedText.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TokenizedText.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/TokenizedText.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAA;AACxC,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAA;AAC9C,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAQ,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;IACnC,IAAI,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,IAAI,GAAG;YACX,KAAK;YACL;gBACE,OAAO,EAAE,qBAAqB;aAC/B;YACD;gBACE,IAAI,EAAE;oBACJ,GAAG,EAAE,qBAAqB;oBAC1B,KAAK,EAAE,SAAS;iBACjB;aACF;YACD;gBACE,IAAI,EAAE,GAAG;aACV;YACD;gBACE,SAAS,EAAE,QAAQ;aACpB;YACD;gBACE,IAAI,EAAE;oBACJ,KAAK,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC;iBACtC;aACF;YACD;gBACE,QAAQ,EAAE,uBAAuB;aAClC;SACF,CAAA;QAED,MAAM,EAAC,MAAM,EAAC,GAAG,YAAY,CAAC,oBAAC,aAAa,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAA;QAE5D,MAAM,CAAC,QAAQ,CAAC,MAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;;KAM/C,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import {TokenizedText} from './TokenizedText.js'\nimport {renderString} from '../../ui.js'\nimport {unstyled} from '../../../../output.js'\nimport {describe, expect, test} from 'vitest'\nimport React from 'react'\n\ndescribe('TokenizedText', async () => {\n  test('renders arrays of items separated by spaces', async () => {\n    const item = [\n      'Run',\n      {\n        command: 'cd verification-app',\n      },\n      {\n        link: {\n          url: 'https://example.com',\n          label: 'Example',\n        },\n      },\n      {\n        char: '!',\n      },\n      {\n        userInput: 'my-app',\n      },\n      {\n        list: {\n          items: ['Item 1', 'Item 2', 'Item 3'],\n        },\n      },\n      {\n        filePath: 'src/this/is/a/test.js',\n      },\n    ]\n\n    const {output} = renderString(<TokenizedText item={item} />)\n\n    expect(unstyled(output!)).toMatchInlineSnapshot(`\n      \"Run \\`cd verification-app\\` Example (https://example.com)! my-app\n        • Item 1\n        • Item 2\n        • Item 3\n      \\\\\"src/this/is/a/test.js\\\\\"\"\n    `)\n  })\n})\n"]}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    userInput: string;
+}
+/**
+ * `UserInput` displays some text that represents input from the user.
+ * For example an answer to a selection prompt.
+ */
+declare const UserInput: React.FC<Props>;
+export { UserInput };

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

@@ -0,0 +1,11 @@
+import { Text } from 'ink';
+import React from 'react';
+/**
+ * `UserInput` displays some text that represents input from the user.
+ * For example an answer to a selection prompt.
+ */
+const UserInput = ({ userInput }) => {
+    return React.createElement(Text, { color: "cyan" }, userInput);
+};
+export { UserInput };
+//# sourceMappingURL=UserInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserInput.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/UserInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB;;;GAGG;AACH,MAAM,SAAS,GAAoB,CAAC,EAAC,SAAS,EAAiC,EAAe,EAAE;IAC9F,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,IAAE,SAAS,CAAQ,CAAA;AAC9C,CAAC,CAAA;AAED,OAAO,EAAC,SAAS,EAAC,CAAA","sourcesContent":["import {Text} from 'ink'\nimport React from 'react'\n\ninterface Props {\n  userInput: string\n}\n\n/**\n * `UserInput` displays some text that represents input from the user.\n * For example an answer to a selection prompt.\n */\nconst UserInput: React.FC<Props> = ({userInput}: React.PropsWithChildren<Props>): JSX.Element => {\n  return <Text color=\"cyan\">{userInput}</Text>\n}\n\nexport {UserInput}\n"]}

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

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

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

@@ -0,0 +1,11 @@
+import { UserInput } from './UserInput.js';
+import { renderString } from '../../ui.js';
+import { describe, expect, test } from 'vitest';
+import React from 'react';
+describe('UserInput', async () => {
+    test('renders correctly', async () => {
+        const { output } = renderString(React.createElement(UserInput, { userInput: "my-app" }));
+        expect(output).toMatchInlineSnapshot('"my-app"');
+    });
+});
+//# sourceMappingURL=UserInput.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserInput.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/UserInput.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAA;AACxC,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAQ,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE;IAC/B,IAAI,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QACnC,MAAM,EAAC,MAAM,EAAC,GAAG,YAAY,CAAC,oBAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,CAAC,CAAA;QAE/D,MAAM,CAAC,MAAM,CAAC,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,CAAA;IAC5D,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import {UserInput} from './UserInput.js'\nimport {renderString} from '../../ui.js'\nimport {describe, expect, test} from 'vitest'\nimport React from 'react'\n\ndescribe('UserInput', async () => {\n  test('renders correctly', async () => {\n    const {output} = renderString(<UserInput userInput=\"my-app\" />)\n\n    expect(output).toMatchInlineSnapshot('\"\u001b[36mmy-app\u001b[39m\"')\n  })\n})\n"]}

package/dist/public/node/github.d.ts

@@ -0,0 +1,50 @@
+import { Result } from './result.js';
+export interface GithubRelease {
+    id: number;
+    url: string;
+    tag_name: string;
+    name: string;
+    body: string;
+    draft: boolean;
+    prerelease: boolean;
+    created_at: string;
+    published_at: string;
+    tarball_url: string;
+}
+interface GetLatestGitHubReleaseOptions {
+    filter: (release: GithubRelease) => boolean;
+}
+/**
+ * Given a GitHub repository it obtains the latest release.
+ * @param owner - Repository owner (e.g., shopify)
+ * @param repo - Repository name (e.g., cli)
+ * @param options - Options
+ */
+export declare function getLatestGitHubRelease(owner: string, repo: string, options?: GetLatestGitHubReleaseOptions): Promise<GithubRelease>;
+interface ParseRepositoryURLOutput {
+    full: string;
+    site: string;
+    user: string;
+    name: string;
+    ref: string;
+    subDirectory: string;
+    ssh: string;
+    http: string;
+}
+/**
+ * Given a GitHub repository URL, it parses it and returns its coomponents.
+ * @param url - The GitHub repository URL
+ */
+export declare function parseGitHubRepositoryURL(url: string): Result<ParseRepositoryURLOutput, Error>;
+export interface GithubRepositoryReference {
+    baseURL: string;
+    branch?: string;
+    filePath?: string;
+}
+/**
+ * Given a GitHub repository URL it parses it and extracts the branch, file path,
+ * and base URL components
+ * @param reference - A GitHub repository URL (e.g. https://github.com/Shopify/cli/blob/main/package.json)
+ */
+export declare function parseGitHubRepositoryReference(reference: string): GithubRepositoryReference;
+export {};