@shopify/cli-hydrogen 3.0.25 → 3.0.26

package/dist/cli/services/dev.js

@@ -0,0 +1,25 @@
+import { createServer } from 'vite';
+import { error as kitError } from '@shopify/cli-kit';
+async function dev({ directory, force, host }) {
+    try {
+        const server = await createServer({
+            root: directory,
+            server: {
+                open: true,
+                force,
+                host,
+            },
+        });
+        await server.listen();
+        server.printUrls();
+        server.config.logger.info('');
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    }
+    catch (error) {
+        const abortError = new kitError.Abort(error.message);
+        abortError.stack = error.stack;
+        throw abortError;
+    }
+}
+export default dev;
+//# sourceMappingURL=dev.js.map

package/dist/cli/services/dev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.js","sourceRoot":"","sources":["../../../src/cli/services/dev.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAA;AACjC,OAAO,EAAC,KAAK,IAAI,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAQlD,KAAK,UAAU,GAAG,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,IAAI,EAAa;IACrD,IAAI;QACF,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC;YAChC,IAAI,EAAE,SAAS;YACf,MAAM,EAAE;gBACN,IAAI,EAAE,IAAI;gBACV,KAAK;gBACL,IAAI;aACL;SACF,CAAC,CAAA;QACF,MAAM,MAAM,CAAC,MAAM,EAAE,CAAA;QACrB,MAAM,CAAC,SAAS,EAAE,CAAA;QAClB,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAC7B,8DAA8D;KAC/D;IAAC,OAAO,KAAU,EAAE;QACnB,MAAM,UAAU,GAAG,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QACpD,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAA;QAC9B,MAAM,UAAU,CAAA;KACjB;AACH,CAAC;AAED,eAAe,GAAG,CAAA","sourcesContent":["import {createServer} from 'vite'\nimport {error as kitError} from '@shopify/cli-kit'\n\ninterface DevOptions {\n  directory: string\n  force: boolean\n  host: boolean\n}\n\nasync function dev({directory, force, host}: DevOptions) {\n  try {\n    const server = await createServer({\n      root: directory,\n      server: {\n        open: true,\n        force,\n        host,\n      },\n    })\n    await server.listen()\n    server.printUrls()\n    server.config.logger.info('')\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  } catch (error: any) {\n    const abortError = new kitError.Abort(error.message)\n    abortError.stack = error.stack\n    throw abortError\n  }\n}\n\nexport default dev\n"]}

package/dist/cli/services/eslint.d.ts

@@ -0,0 +1,8 @@
+import { HydrogenApp } from '../models/hydrogen';
+interface AddESlintOptions {
+    app: HydrogenApp;
+    force: boolean;
+    install: boolean;
+}
+export declare function addESLint({ app, force, install }: AddESlintOptions): Promise<void>;
+export {};

package/dist/cli/services/eslint.js

@@ -0,0 +1,73 @@
+import { genericConfigurationFileNames } from '../constants';
+import { ui, vscode, npm, file, dependency, path, error, environment } from '@shopify/cli-kit';
+import stream from 'node:stream';
+export async function addESLint({ app, force, install }) {
+    const list = ui.newListr([
+        {
+            title: 'Installing additional dependencies',
+            skip: () => !install,
+            task: async (_, task) => {
+                const requiredDependencies = ['eslint', 'eslint-plugin-hydrogen', 'prettier', '@shopify/prettier-config'];
+                await dependency.addNPMDependenciesWithoutVersionIfNeeded(requiredDependencies, {
+                    dependencyManager: app.dependencyManager,
+                    type: 'prod',
+                    directory: app.directory,
+                    stderr: new stream.Writable({
+                        write(chunk, encoding, next) {
+                            task.output = chunk.toString();
+                            next();
+                        },
+                    }),
+                    stdout: new stream.Writable({
+                        write(chunk, encoding, next) {
+                            task.output = chunk.toString();
+                            next();
+                        },
+                    }),
+                });
+                task.title = 'Dependencies installed';
+            },
+        },
+        {
+            title: 'Adding ESLint configuration',
+            task: async (_, task) => {
+                const eslintConfigPath = path.join(app.directory, genericConfigurationFileNames.eslint);
+                if (await file.exists(eslintConfigPath)) {
+                    if (force) {
+                        await file.remove(eslintConfigPath);
+                    }
+                    else {
+                        throw new error.Abort('ESLint config already exists.', 'Use --force to override existing config.');
+                    }
+                }
+                const extended = [`'plugin:hydrogen/recommended'`];
+                if (app.language === 'TypeScript') {
+                    extended.push(`'plugin:hydrogen/typescript'`);
+                }
+                const eslintConfig = await file.format(['module.exports = {', 'extends: [', `${extended.join(',')}`, ' ],', ' };'].join('\n'), { path: genericConfigurationFileNames.eslint });
+                await file.write(eslintConfigPath, eslintConfig);
+                task.title = 'ESLint configuration added';
+            },
+        },
+        {
+            title: 'Updating package.json',
+            task: async (_, task) => {
+                const packageJSON = await npm.readPackageJSON(app.directory);
+                packageJSON.scripts.lint = `eslint --ext .js,.ts,.jsx,.tsx src/`;
+                packageJSON.prettier = '@shopify/prettier-config';
+                await npm.writePackageJSON(app.directory, packageJSON);
+                task.title = 'Package.json updated';
+            },
+        },
+        {
+            title: 'Adding editor plugin recommendations',
+            skip: async () => !(await vscode.isVSCode(app.directory)),
+            task: async (_, task) => {
+                await vscode.addRecommendedExtensions(app.directory, ['dbaeumer.vscode-eslint']);
+                task.title = 'Editor plugin recommendations added';
+            },
+        },
+    ], { rendererSilent: environment.local.isUnitTest() });
+    await list.run();
+}
+//# sourceMappingURL=eslint.js.map

package/dist/cli/services/eslint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eslint.js","sourceRoot":"","sources":["../../../src/cli/services/eslint.ts"],"names":[],"mappings":"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","sourcesContent":["import {HydrogenApp} from '../models/hydrogen'\nimport {genericConfigurationFileNames} from '../constants'\nimport {ui, vscode, npm, file, dependency, path, error, environment} from '@shopify/cli-kit'\nimport stream from 'node:stream'\n\ninterface AddESlintOptions {\n  app: HydrogenApp\n  force: boolean\n  install: boolean\n}\n\nexport async function addESLint({app, force, install}: AddESlintOptions) {\n  const list = ui.newListr(\n    [\n      {\n        title: 'Installing additional dependencies',\n        skip: () => !install,\n        task: async (_, task) => {\n          const requiredDependencies = ['eslint', 'eslint-plugin-hydrogen', 'prettier', '@shopify/prettier-config']\n          await dependency.addNPMDependenciesWithoutVersionIfNeeded(requiredDependencies, {\n            dependencyManager: app.dependencyManager,\n            type: 'prod',\n            directory: app.directory,\n            stderr: new stream.Writable({\n              write(chunk, encoding, next) {\n                task.output = chunk.toString()\n                next()\n              },\n            }),\n            stdout: new stream.Writable({\n              write(chunk, encoding, next) {\n                task.output = chunk.toString()\n                next()\n              },\n            }),\n          })\n          task.title = 'Dependencies installed'\n        },\n      },\n\n      {\n        title: 'Adding ESLint configuration',\n        task: async (_, task) => {\n          const eslintConfigPath = path.join(app.directory, genericConfigurationFileNames.eslint)\n\n          if (await file.exists(eslintConfigPath)) {\n            if (force) {\n              await file.remove(eslintConfigPath)\n            } else {\n              throw new error.Abort('ESLint config already exists.', 'Use --force to override existing config.')\n            }\n          }\n\n          const extended = [`'plugin:hydrogen/recommended'`]\n\n          if (app.language === 'TypeScript') {\n            extended.push(`'plugin:hydrogen/typescript'`)\n          }\n\n          const eslintConfig = await file.format(\n            ['module.exports = {', 'extends: [', `${extended.join(',')}`, ' ],', ' };'].join('\\n'),\n            {path: genericConfigurationFileNames.eslint},\n          )\n\n          await file.write(eslintConfigPath, eslintConfig)\n\n          task.title = 'ESLint configuration added'\n        },\n      },\n      {\n        title: 'Updating package.json',\n        task: async (_, task) => {\n          const packageJSON = await npm.readPackageJSON(app.directory)\n\n          packageJSON.scripts.lint = `eslint --ext .js,.ts,.jsx,.tsx src/`\n\n          packageJSON.prettier = '@shopify/prettier-config'\n\n          await npm.writePackageJSON(app.directory, packageJSON)\n\n          task.title = 'Package.json updated'\n        },\n      },\n      {\n        title: 'Adding editor plugin recommendations',\n        skip: async () => !(await vscode.isVSCode(app.directory)),\n        task: async (_, task) => {\n          await vscode.addRecommendedExtensions(app.directory, ['dbaeumer.vscode-eslint'])\n          task.title = 'Editor plugin recommendations added'\n        },\n      },\n    ],\n    {rendererSilent: environment.local.isUnitTest()},\n  )\n  await list.run()\n}\n"]}

package/dist/cli/services/info.d.ts

@@ -0,0 +1,7 @@
+import { HydrogenApp } from '../models/hydrogen.js';
+import { output } from '@shopify/cli-kit';
+interface InfoOptions {
+    showPrivateData: boolean;
+}
+export declare function info(app: HydrogenApp, { showPrivateData }: InfoOptions): output.Message;
+export {};

package/dist/cli/services/info.js

@@ -0,0 +1,131 @@
+import { output, string, os } from '@shopify/cli-kit';
+export function info(app, { showPrivateData }) {
+    const appInfo = new HydrogenAppInfo(app);
+    return appInfo.output({ showPrivateData });
+}
+const NOT_FOUND_TEXT = output.content `${output.token.italic('Not found')}`.value;
+const NOT_CONFIGURED_TEXT = output.content `${output.token.italic('Not yet configured')}`.value;
+class AppInfo {
+    constructor(app) {
+        this.app = app;
+    }
+    output({ showPrivateData }) {
+        const sections = [
+            this.projectSettingsSection(),
+            this.storefrontSettingsSection({ showPrivateData }),
+            this.eslintSection(),
+            this.systemInfoSection(),
+        ];
+        return sections.map((sectionContents) => this.section(...sectionContents)).join('\n\n');
+    }
+    projectSettingsSection() {
+        const title = 'Your Project';
+        const lines = [
+            ['Name', this.app.name],
+            ['Project location', this.app.directory],
+            ['Language', this.app.language],
+        ];
+        const projectInfo = this.linesToColumns(lines);
+        return [title, projectInfo];
+    }
+    storefrontSettingsSection({ showPrivateData }) {
+        const errors = [];
+        const title = 'Storefront';
+        if (this.app.configuration.shopify && typeof this.app.configuration.shopify === 'function') {
+            return [title, 'Storefront settings defined as a function are not supported in this command.'];
+        }
+        const privateFields = showPrivateData ? ['storefrontToken'] : [];
+        const fields = [
+            'storeDomain',
+            'storefrontApiVersion',
+            ...privateFields,
+        ];
+        const storefrontInfo = this.configurationCheck(fields, this.app.configuration.shopify);
+        let errorContent = `\n${errors.map(this.formattedError).join('\n')}`;
+        if (errorContent.trim() === '')
+            errorContent = '';
+        return [title, `${this.linesToColumns(storefrontInfo)}${errorContent}`];
+    }
+    eslintSection() {
+        const errors = [];
+        const title = 'ESLint';
+        const dependencyResults = this.dependencyCheck(['eslint', 'eslint-plugin-hydrogen']);
+        if (this.app.nodeDependencies.eslint && !this.app.nodeDependencies['eslint-plugin-hydrogen']) {
+            errors.push('Run `yarn shopify add eslint` to install and configure eslint for hydrogen');
+        }
+        let errorContent = `\n${errors.map(this.formattedError).join('\n')}`;
+        if (errorContent.trim() === '')
+            errorContent = '';
+        return [title, `${this.linesToColumns(dependencyResults)}${errorContent}`];
+    }
+    configurationCheck(key, configObject = this.app.configuration) {
+        const keys = Array.isArray(key) ? key : [key];
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        const result = keys.reduce((acc, key) => {
+            const found = configObject[key];
+            if (typeof found === 'string') {
+                const result = [string.capitalize(key.toString()), found];
+                return [...acc, result];
+            }
+            const result = [key, NOT_CONFIGURED_TEXT];
+            return [...acc, result];
+        }, []);
+        return result;
+    }
+    dependencyCheck(dependency) {
+        const dependencies = Array.isArray(dependency) ? dependency : [dependency];
+        const result = dependencies.reduce((acc, dependency) => {
+            const found = this.app.nodeDependencies[dependency];
+            if (found) {
+                const result = [dependency, found];
+                return [...acc, result];
+            }
+            const result = [dependency, NOT_FOUND_TEXT];
+            return [...acc, result];
+        }, []);
+        return result;
+    }
+    formattedError(str) {
+        const [errorFirstLine, ...errorRemainingLines] = str.split('\n');
+        const errorLines = [`! ${errorFirstLine}`, ...errorRemainingLines.map((line) => `  ${line}`)];
+        return output.content `${output.token.errorText(errorLines.join('\n'))}`.value;
+    }
+    systemInfoSection() {
+        const title = 'Tooling and System';
+        const { platform, arch } = os.platformAndArch();
+        const lines = [
+            ...this.dependencyCheck(['@shopify/hydrogen', '@shopify/cli-hydrogen', '@shopify/cli']),
+            ['Package manager', this.app.dependencyManager],
+            ['OS', `${platform}-${arch}`],
+            ['Shell', process.env.SHELL || 'unknown'],
+            ['Node.js version', process.version],
+        ];
+        return [title, this.linesToColumns(lines)];
+    }
+    linesToColumns(lines) {
+        const widths = [];
+        for (let i = 0; lines[0] && i < lines[0].length; i++) {
+            const columnRows = lines.map((line) => line[i]);
+            widths.push(Math.max(...columnRows.map((row) => output.unstyled(row).length)));
+        }
+        const paddedLines = lines
+            .map((line) => {
+            return line
+                .map((col, index) => {
+                return `${col}${' '.repeat(widths[index] - output.unstyled(col).length)}`;
+            })
+                .join('   ')
+                .trimEnd();
+        })
+            .join('\n');
+        return paddedLines;
+    }
+    section(title, body) {
+        const formattedTitle = `${title.toUpperCase()}${' '.repeat(35 - title.length)}`;
+        return output.content `${output.token.heading(formattedTitle)}\n${body}`.value;
+    }
+}
+class HydrogenAppInfo extends AppInfo {
+}
+//# sourceMappingURL=info.js.map

package/dist/cli/services/info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info.js","sourceRoot":"","sources":["../../../src/cli/services/info.ts"],"names":[],"mappings":"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","sourcesContent":["import {HydrogenApp} from '../models/hydrogen.js'\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport {HydrogenConfig} from '@shopify/hydrogen/config'\nimport {output, string, os} from '@shopify/cli-kit'\n\ninterface InfoOptions {\n  showPrivateData: boolean\n}\n\nexport function info(app: HydrogenApp, {showPrivateData}: InfoOptions): output.Message {\n  const appInfo = new HydrogenAppInfo(app)\n\n  return appInfo.output({showPrivateData})\n}\n\nconst NOT_FOUND_TEXT = output.content`${output.token.italic('Not found')}`.value\nconst NOT_CONFIGURED_TEXT = output.content`${output.token.italic('Not yet configured')}`.value\n\nclass AppInfo {\n  private app: HydrogenApp\n  constructor(app: HydrogenApp) {\n    this.app = app\n  }\n\n  output({showPrivateData}: InfoOptions): string {\n    const sections: [string, string][] = [\n      this.projectSettingsSection(),\n      this.storefrontSettingsSection({showPrivateData}),\n      this.eslintSection(),\n      this.systemInfoSection(),\n    ]\n    return sections.map((sectionContents: [string, string]) => this.section(...sectionContents)).join('\\n\\n')\n  }\n\n  projectSettingsSection(): [string, string] {\n    const title = 'Your Project'\n\n    const lines = [\n      ['Name', this.app.name],\n      ['Project location', this.app.directory],\n      ['Language', this.app.language],\n    ]\n\n    const projectInfo = this.linesToColumns(lines)\n    return [title, projectInfo]\n  }\n\n  storefrontSettingsSection({showPrivateData}: InfoOptions): [string, string] {\n    const errors: string[] = []\n    const title = 'Storefront'\n\n    if (this.app.configuration.shopify && typeof this.app.configuration.shopify === 'function') {\n      return [title, 'Storefront settings defined as a function are not supported in this command.']\n    }\n\n    const privateFields = showPrivateData ? ['storefrontToken'] : []\n\n    const fields = [\n      'storeDomain',\n      'storefrontApiVersion',\n      ...privateFields,\n    ] as unknown as keyof HydrogenConfig['shopify'][]\n\n    const storefrontInfo = this.configurationCheck(fields, this.app.configuration.shopify)\n\n    let errorContent = `\\n${errors.map(this.formattedError).join('\\n')}`\n\n    if (errorContent.trim() === '') errorContent = ''\n\n    return [title, `${this.linesToColumns(storefrontInfo)}${errorContent}`]\n  }\n\n  eslintSection(): [string, string] {\n    const errors: string[] = []\n    const title = 'ESLint'\n    const dependencyResults = this.dependencyCheck(['eslint', 'eslint-plugin-hydrogen'])\n\n    if (this.app.nodeDependencies.eslint && !this.app.nodeDependencies['eslint-plugin-hydrogen']) {\n      errors.push('Run `yarn shopify add eslint` to install and configure eslint for hydrogen')\n    }\n\n    let errorContent = `\\n${errors.map(this.formattedError).join('\\n')}`\n\n    if (errorContent.trim() === '') errorContent = ''\n\n    return [title, `${this.linesToColumns(dependencyResults)}${errorContent}`]\n  }\n\n  configurationCheck(\n    key: keyof HydrogenConfig | keyof HydrogenConfig[],\n    configObject: HydrogenConfig | HydrogenConfig['shopify'] = this.app.configuration,\n  ): string[][] {\n    const keys = Array.isArray(key) ? key : [key]\n\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    const result = keys.reduce((acc, key) => {\n      const found = configObject[key as keyof HydrogenConfig & keyof HydrogenConfig['shopify']]\n\n      if (typeof found === 'string') {\n        const result = [string.capitalize(key.toString()), found]\n        return [...acc, result]\n      }\n\n      const result = [key, NOT_CONFIGURED_TEXT]\n      return [...acc, result]\n    }, [])\n\n    return result\n  }\n\n  dependencyCheck(dependency: string | string[]): string[][] {\n    const dependencies = Array.isArray(dependency) ? dependency : [dependency]\n\n    const result = dependencies.reduce<string[][]>((acc, dependency) => {\n      const found = this.app.nodeDependencies[dependency]\n      if (found) {\n        const result = [dependency, found]\n        return [...acc, result]\n      }\n\n      const result = [dependency, NOT_FOUND_TEXT]\n      return [...acc, result]\n    }, [])\n\n    return result\n  }\n\n  formattedError(str: string): string {\n    const [errorFirstLine, ...errorRemainingLines] = str.split('\\n')\n    const errorLines = [`! ${errorFirstLine}`, ...errorRemainingLines.map((line) => `  ${line}`)]\n    return output.content`${output.token.errorText(errorLines.join('\\n'))}`.value\n  }\n\n  systemInfoSection(): [string, string] {\n    const title = 'Tooling and System'\n    const {platform, arch} = os.platformAndArch()\n    const lines: string[][] = [\n      ...this.dependencyCheck(['@shopify/hydrogen', '@shopify/cli-hydrogen', '@shopify/cli']),\n      ['Package manager', this.app.dependencyManager],\n      ['OS', `${platform}-${arch}`],\n      ['Shell', process.env.SHELL || 'unknown'],\n      ['Node.js version', process.version],\n    ]\n\n    return [title, this.linesToColumns(lines)]\n  }\n\n  linesToColumns(lines: string[][]): string {\n    const widths: number[] = []\n    for (let i = 0; lines[0] && i < lines[0].length; i++) {\n      const columnRows = lines.map((line) => line[i])\n      widths.push(Math.max(...columnRows.map((row) => output.unstyled(row).length)))\n    }\n    const paddedLines = lines\n      .map((line) => {\n        return line\n          .map((col, index) => {\n            return `${col}${' '.repeat(widths[index] - output.unstyled(col).length)}`\n          })\n          .join('   ')\n          .trimEnd()\n      })\n      .join('\\n')\n    return paddedLines\n  }\n\n  section(title: string, body: string): string {\n    const formattedTitle = `${title.toUpperCase()}${' '.repeat(35 - title.length)}`\n    return output.content`${output.token.heading(formattedTitle)}\\n${body}`.value\n  }\n}\n\nclass HydrogenAppInfo extends AppInfo {}\n"]}

package/dist/cli/services/preview.d.ts

@@ -0,0 +1,9 @@
+import { error } from '@shopify/cli-kit';
+interface PreviewOptions {
+    directory: string;
+    port: number;
+}
+export declare function previewInNode({ directory, port }: PreviewOptions): Promise<void>;
+export declare function previewInWorker({ directory, port }: PreviewOptions): Promise<void>;
+export declare const OxygenPreviewExecutableNotFound: error.Bug;
+export {};

package/dist/cli/services/preview.js

@@ -0,0 +1,55 @@
+import { path, error, system, file, output } from '@shopify/cli-kit';
+import { fileURLToPath } from 'url';
+export async function previewInNode({ directory, port }) {
+    const buildOutputPath = await path.resolve(directory, 'dist/node');
+    if (!(await file.exists(buildOutputPath))) {
+        output.info(output.content `Couldn’t find a Node.js server build for this project. Running ${output.token.packagejsonScript('yarn', 'shopify hydrogen build', '--target=node')} to create one.`);
+        await system.exec('yarn', ['shopify', 'hydrogen', 'build', '--target=node'], {
+            cwd: directory,
+            stdout: process.stdout,
+            stderr: process.stderr,
+        });
+    }
+    await system.exec('node', ['--enable-source-maps', buildOutputPath], {
+        env: { PORT: `${port}` },
+        cwd: directory,
+        stdout: process.stdout,
+        stderr: process.stderr,
+    });
+}
+export async function previewInWorker({ directory, port }) {
+    const config = {
+        port,
+        workerFile: 'dist/worker/index.js',
+        assetsDir: 'dist/client',
+        buildCommand: 'yarn build',
+        modules: true,
+        watch: true,
+        buildWatchPaths: ['./src'],
+        autoReload: true,
+    };
+    await file.write(path.resolve(directory, 'mini-oxygen.config.json'), JSON.stringify(config, null, 2));
+    function cleanUp(options) {
+        if (options.exit) {
+            file.remove(path.resolve(directory, 'mini-oxygen.config.json'));
+        }
+    }
+    process.on('SIGINT', cleanUp.bind(null, { exit: true }));
+    const executable = await oxygenPreviewExecutable();
+    await system.exec(executable, [], {
+        env: { NODE_OPTIONS: '--experimental-vm-modules' },
+        cwd: directory,
+        stdout: process.stdout,
+        stderr: process.stderr,
+    });
+}
+export const OxygenPreviewExecutableNotFound = new error.Bug('Could not locate the executable file to run Oxygen locally.');
+async function oxygenPreviewExecutable() {
+    const cwd = path.dirname(fileURLToPath(import.meta.url));
+    const executablePath = await path.findUp('node_modules/.bin/oxygen-preview', { type: 'file', cwd });
+    if (!executablePath) {
+        throw OxygenPreviewExecutableNotFound;
+    }
+    return executablePath;
+}
+//# sourceMappingURL=preview.js.map

package/dist/cli/services/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sourceRoot":"","sources":["../../../src/cli/services/preview.ts"],"names":[],"mappings":"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","sourcesContent":["import {path, error, system, file, output} from '@shopify/cli-kit'\nimport {fileURLToPath} from 'url'\n\ninterface PreviewOptions {\n  directory: string\n  port: number\n}\n\nexport async function previewInNode({directory, port}: PreviewOptions) {\n  const buildOutputPath = await path.resolve(directory, 'dist/node')\n\n  if (!(await file.exists(buildOutputPath))) {\n    output.info(\n      output.content`Couldn’t find a Node.js server build for this project. Running ${output.token.packagejsonScript(\n        'yarn',\n        'shopify hydrogen build',\n        '--target=node',\n      )} to create one.`,\n    )\n\n    await system.exec('yarn', ['shopify', 'hydrogen', 'build', '--target=node'], {\n      cwd: directory,\n      stdout: process.stdout,\n      stderr: process.stderr,\n    })\n  }\n\n  await system.exec('node', ['--enable-source-maps', buildOutputPath], {\n    env: {PORT: `${port}`},\n    cwd: directory,\n    stdout: process.stdout,\n    stderr: process.stderr,\n  })\n}\n\nexport async function previewInWorker({directory, port}: PreviewOptions) {\n  const config = {\n    port,\n    workerFile: 'dist/worker/index.js',\n    assetsDir: 'dist/client',\n    buildCommand: 'yarn build',\n    modules: true,\n    watch: true,\n    buildWatchPaths: ['./src'],\n    autoReload: true,\n  }\n\n  await file.write(path.resolve(directory, 'mini-oxygen.config.json'), JSON.stringify(config, null, 2))\n\n  function cleanUp(options: {exit: boolean}) {\n    if (options.exit) {\n      file.remove(path.resolve(directory, 'mini-oxygen.config.json'))\n    }\n  }\n\n  process.on('SIGINT', cleanUp.bind(null, {exit: true}))\n\n  const executable = await oxygenPreviewExecutable()\n\n  await system.exec(executable, [], {\n    env: {NODE_OPTIONS: '--experimental-vm-modules'},\n    cwd: directory,\n    stdout: process.stdout,\n    stderr: process.stderr,\n  })\n}\n\nexport const OxygenPreviewExecutableNotFound = new error.Bug(\n  'Could not locate the executable file to run Oxygen locally.',\n)\n\nasync function oxygenPreviewExecutable(): Promise<string> {\n  const cwd = path.dirname(fileURLToPath(import.meta.url))\n  const executablePath = await path.findUp('node_modules/.bin/oxygen-preview', {type: 'file', cwd})\n  if (!executablePath) {\n    throw OxygenPreviewExecutableNotFound\n  }\n  return executablePath\n}\n"]}

package/dist/cli/services/tailwind.d.ts

@@ -0,0 +1,9 @@
+import { HydrogenApp } from '../models/hydrogen.js';
+interface AddTailwindOptions {
+    app: HydrogenApp;
+    force: boolean;
+    directory: string;
+    install: boolean;
+}
+export declare function addTailwind({ app, force, install, directory }: AddTailwindOptions): Promise<void>;
+export {};

package/dist/cli/services/tailwind.js

@@ -0,0 +1,102 @@
+import { ui, vscode, system, path, file, error, dependency } from '@shopify/cli-kit';
+import stream from 'node:stream';
+const tailwindImports = [
+    "@import 'tailwindcss/base';",
+    "@import 'tailwindcss/components';",
+    "@import 'tailwindcss/utilities';",
+];
+const tailwindImportsExist = (indexCSS) => tailwindImports.map((el) => new RegExp(el)).every((tailwindDirective) => tailwindDirective.test(indexCSS));
+export async function addTailwind({ app, force, install, directory }) {
+    const list = ui.newListr([
+        {
+            title: 'Installing additional dependencies',
+            skip: () => !install,
+            task: async (_, task) => {
+                const requiredDependencies = ['postcss', 'postcss-loader', 'tailwindcss', 'autoprefixer'];
+                await dependency.addNPMDependenciesWithoutVersionIfNeeded(requiredDependencies, {
+                    dependencyManager: app.dependencyManager,
+                    type: 'prod',
+                    directory: app.directory,
+                    stderr: new stream.Writable({
+                        write(chunk, encoding, next) {
+                            task.output = chunk.toString();
+                            next();
+                        },
+                    }),
+                    stdout: new stream.Writable({
+                        write(chunk, encoding, next) {
+                            task.output = chunk.toString();
+                            next();
+                        },
+                    }),
+                });
+                task.title = 'Dependencies installed';
+            },
+        },
+        {
+            title: 'Adding PostCSS configuration',
+            task: async (_, task) => {
+                const postCSSConfiguration = path.join(directory, 'postcss.config.js');
+                if (await file.exists(postCSSConfiguration)) {
+                    if (force) {
+                        await file.remove(postCSSConfiguration);
+                    }
+                    else {
+                        throw new error.Abort('PostCSS config already exists.\nUse --force to override existing config.');
+                    }
+                }
+                const postCSSConfig = await file.format(['module.exports = {', 'plugins: {', 'tailwindcss: {},', 'autoprefixer: {},', '},', ' };'].join('\n'), { path: 'postcss.config.js' });
+                await file.write(postCSSConfiguration, postCSSConfig);
+                task.title = 'PostCSS configuration added';
+            },
+        },
+        {
+            title: 'Initializing Tailwind CSS...',
+            task: async (_, task) => {
+                const tailwindConfigurationPath = path.join(directory, 'tailwind.config.js');
+                if (await file.exists(tailwindConfigurationPath)) {
+                    if (force) {
+                        await file.remove(tailwindConfigurationPath);
+                    }
+                    else {
+                        throw new error.Abort('Tailwind config already exists.\nUse --force to override existing config.');
+                    }
+                }
+                await system.exec(app.dependencyManager, ['tailwindcss', 'init', tailwindConfigurationPath], {
+                    cwd: directory,
+                });
+                await replace('content: []', "content: ['./index.html', './src/**/*.{js,jsx,ts,tsx}']", tailwindConfigurationPath);
+                task.title = 'Tailwind configuration added';
+            },
+        },
+        {
+            title: 'Importing Tailwind CSS in index.css',
+            task: async (_ctx, task) => {
+                const indexCSSPath = path.join(directory, 'src', 'index.css');
+                const indexCSS = await file.read(indexCSSPath);
+                if (tailwindImportsExist(indexCSS)) {
+                    task.skip('Imports already exist in index.css');
+                }
+                else {
+                    const newIndexCSS = tailwindImports.join('\n') + indexCSS;
+                    await file.write(indexCSSPath, newIndexCSS);
+                }
+                task.title = 'Tailwind imports added';
+            },
+        },
+        {
+            title: 'Adding editor plugin recommendations',
+            task: async (_, task) => {
+                await vscode.addRecommendedExtensions(directory, ['csstools.postcss', 'bradlc.vscode-tailwindcss']);
+                task.title = 'Editor plugin recommendations added';
+            },
+        },
+    ]);
+    await list.run();
+}
+async function replace(find, replace, filepath) {
+    const original = await file.read(filepath);
+    const modified = original.replace(find, replace);
+    await file.write(filepath, modified);
+}
+//# sourceMappingURL=tailwind.js.map

package/dist/cli/services/tailwind.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.js","sourceRoot":"","sources":["../../../src/cli/services/tailwind.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAC,MAAM,kBAAkB,CAAA;AAClF,OAAO,MAAM,MAAM,aAAa,CAAA;AAShC,MAAM,eAAe,GAAG;IACtB,6BAA6B;IAC7B,mCAAmC;IACnC,kCAAkC;CACnC,CAAA;AAED,MAAM,oBAAoB,GAAG,CAAC,QAAgB,EAAE,EAAE,CAChD,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAA;AAE5G,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,EAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAqB;IACpF,MAAM,IAAI,GAAG,EAAE,CAAC,QAAQ,CAAC;QACvB;YACE,KAAK,EAAE,oCAAoC;YAC3C,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO;YACpB,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;gBACtB,MAAM,oBAAoB,GAAG,CAAC,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,CAAC,CAAA;gBACzF,MAAM,UAAU,CAAC,wCAAwC,CAAC,oBAAoB,EAAE;oBAC9E,iBAAiB,EAAE,GAAG,CAAC,iBAAiB;oBACxC,IAAI,EAAE,MAAM;oBACZ,SAAS,EAAE,GAAG,CAAC,SAAS;oBACxB,MAAM,EAAE,IAAI,MAAM,CAAC,QAAQ,CAAC;wBAC1B,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI;4BACzB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAA;4BAC9B,IAAI,EAAE,CAAA;wBACR,CAAC;qBACF,CAAC;oBACF,MAAM,EAAE,IAAI,MAAM,CAAC,QAAQ,CAAC;wBAC1B,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI;4BACzB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAA;4BAC9B,IAAI,EAAE,CAAA;wBACR,CAAC;qBACF,CAAC;iBACH,CAAC,CAAA;gBACF,IAAI,CAAC,KAAK,GAAG,wBAAwB,CAAA;YACvC,CAAC;SACF;QAED;YACE,KAAK,EAAE,8BAA8B;YACrC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;gBACtB,MAAM,oBAAoB,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAA;gBAEtE,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE;oBAC3C,IAAI,KAAK,EAAE;wBACT,MAAM,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAA;qBACxC;yBAAM;wBACL,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,0EAA0E,CAAC,CAAA;qBAClG;iBACF;gBAED,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,MAAM,CACrC,CAAC,oBAAoB,EAAE,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EACrG,EAAC,IAAI,EAAE,mBAAmB,EAAC,CAC5B,CAAA;gBAED,MAAM,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE,aAAa,CAAC,CAAA;gBAErD,IAAI,CAAC,KAAK,GAAG,6BAA6B,CAAA;YAC5C,CAAC;SACF;QAED;YACE,KAAK,EAAE,8BAA8B;YACrC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;gBACtB,MAAM,yBAAyB,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAA;gBAE5E,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,EAAE;oBAChD,IAAI,KAAK,EAAE;wBACT,MAAM,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAA;qBAC7C;yBAAM;wBACL,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,2EAA2E,CAAC,CAAA;qBACnG;iBACF;gBAED,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,yBAAyB,CAAC,EAAE;oBAC3F,GAAG,EAAE,SAAS;iBACf,CAAC,CAAA;gBAEF,MAAM,OAAO,CACX,aAAa,EACb,yDAAyD,EACzD,yBAAyB,CAC1B,CAAA;gBAED,IAAI,CAAC,KAAK,GAAG,8BAA8B,CAAA;YAC7C,CAAC;SACF;QACD;YACE,KAAK,EAAE,qCAAqC;YAC5C,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;gBACzB,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC,CAAA;gBAC7D,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;gBAE9C,IAAI,oBAAoB,CAAC,QAAQ,CAAC,EAAE;oBAClC,IAAI,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAA;iBAChD;qBAAM;oBACL,MAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAA;oBAEzD,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,WAAW,CAAC,CAAA;iBAC5C;gBAED,IAAI,CAAC,KAAK,GAAG,wBAAwB,CAAA;YACvC,CAAC;SACF;QACD;YACE,KAAK,EAAE,sCAAsC;YAC7C,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;gBACtB,MAAM,MAAM,CAAC,wBAAwB,CAAC,SAAS,EAAE,CAAC,kBAAkB,EAAE,2BAA2B,CAAC,CAAC,CAAA;gBACnG,IAAI,CAAC,KAAK,GAAG,qCAAqC,CAAA;YACpD,CAAC;SACF;KACF,CAAC,CAAA;IACF,MAAM,IAAI,CAAC,GAAG,EAAE,CAAA;AAClB,CAAC;AAED,KAAK,UAAU,OAAO,CAAC,IAAqB,EAAE,OAAe,EAAE,QAAgB;IAC7E,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC1C,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IAChD,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;AACtC,CAAC","sourcesContent":["import {HydrogenApp} from '../models/hydrogen.js'\nimport {ui, vscode, system, path, file, error, dependency} from '@shopify/cli-kit'\nimport stream from 'node:stream'\n\ninterface AddTailwindOptions {\n  app: HydrogenApp\n  force: boolean\n  directory: string\n  install: boolean\n}\n\nconst tailwindImports = [\n  \"@import 'tailwindcss/base';\",\n  \"@import 'tailwindcss/components';\",\n  \"@import 'tailwindcss/utilities';\",\n]\n\nconst tailwindImportsExist = (indexCSS: string) =>\n  tailwindImports.map((el) => new RegExp(el)).every((tailwindDirective) => tailwindDirective.test(indexCSS))\n\nexport async function addTailwind({app, force, install, directory}: AddTailwindOptions) {\n  const list = ui.newListr([\n    {\n      title: 'Installing additional dependencies',\n      skip: () => !install,\n      task: async (_, task) => {\n        const requiredDependencies = ['postcss', 'postcss-loader', 'tailwindcss', 'autoprefixer']\n        await dependency.addNPMDependenciesWithoutVersionIfNeeded(requiredDependencies, {\n          dependencyManager: app.dependencyManager,\n          type: 'prod',\n          directory: app.directory,\n          stderr: new stream.Writable({\n            write(chunk, encoding, next) {\n              task.output = chunk.toString()\n              next()\n            },\n          }),\n          stdout: new stream.Writable({\n            write(chunk, encoding, next) {\n              task.output = chunk.toString()\n              next()\n            },\n          }),\n        })\n        task.title = 'Dependencies installed'\n      },\n    },\n\n    {\n      title: 'Adding PostCSS configuration',\n      task: async (_, task) => {\n        const postCSSConfiguration = path.join(directory, 'postcss.config.js')\n\n        if (await file.exists(postCSSConfiguration)) {\n          if (force) {\n            await file.remove(postCSSConfiguration)\n          } else {\n            throw new error.Abort('PostCSS config already exists.\\nUse --force to override existing config.')\n          }\n        }\n\n        const postCSSConfig = await file.format(\n          ['module.exports = {', 'plugins: {', 'tailwindcss: {},', 'autoprefixer: {},', '},', ' };'].join('\\n'),\n          {path: 'postcss.config.js'},\n        )\n\n        await file.write(postCSSConfiguration, postCSSConfig)\n\n        task.title = 'PostCSS configuration added'\n      },\n    },\n\n    {\n      title: 'Initializing Tailwind CSS...',\n      task: async (_, task) => {\n        const tailwindConfigurationPath = path.join(directory, 'tailwind.config.js')\n\n        if (await file.exists(tailwindConfigurationPath)) {\n          if (force) {\n            await file.remove(tailwindConfigurationPath)\n          } else {\n            throw new error.Abort('Tailwind config already exists.\\nUse --force to override existing config.')\n          }\n        }\n\n        await system.exec(app.dependencyManager, ['tailwindcss', 'init', tailwindConfigurationPath], {\n          cwd: directory,\n        })\n\n        await replace(\n          'content: []',\n          \"content: ['./index.html', './src/**/*.{js,jsx,ts,tsx}']\",\n          tailwindConfigurationPath,\n        )\n\n        task.title = 'Tailwind configuration added'\n      },\n    },\n    {\n      title: 'Importing Tailwind CSS in index.css',\n      task: async (_ctx, task) => {\n        const indexCSSPath = path.join(directory, 'src', 'index.css')\n        const indexCSS = await file.read(indexCSSPath)\n\n        if (tailwindImportsExist(indexCSS)) {\n          task.skip('Imports already exist in index.css')\n        } else {\n          const newIndexCSS = tailwindImports.join('\\n') + indexCSS\n\n          await file.write(indexCSSPath, newIndexCSS)\n        }\n\n        task.title = 'Tailwind imports added'\n      },\n    },\n    {\n      title: 'Adding editor plugin recommendations',\n      task: async (_, task) => {\n        await vscode.addRecommendedExtensions(directory, ['csstools.postcss', 'bradlc.vscode-tailwindcss'])\n        task.title = 'Editor plugin recommendations added'\n      },\n    },\n  ])\n  await list.run()\n}\n\nasync function replace(find: string | RegExp, replace: string, filepath: string) {\n  const original = await file.read(filepath)\n  const modified = original.replace(find, replace)\n  await file.write(filepath, modified)\n}\n"]}

package/dist/cli/utilities/load-config.d.ts

@@ -0,0 +1,5 @@
+import type { HydrogenConfig } from '@shopify/hydrogen/config';
+declare const loadConfig: (options: {
+    root: string;
+}) => Promise<HydrogenConfig>;
+export { loadConfig };

package/dist/cli/utilities/load-config.js

@@ -0,0 +1,6 @@
+import { createRequire } from 'module';
+/* eslint-enable @typescript-eslint/ban-ts-comment */
+const require = createRequire(import.meta.url);
+const { loadConfig } = require('@shopify/hydrogen/load-config');
+export { loadConfig };
+//# sourceMappingURL=load-config.js.map

package/dist/cli/utilities/load-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"load-config.js","sourceRoot":"","sources":["../../../src/cli/utilities/load-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,QAAQ,CAAA;AAIpC,qDAAqD;AAErD,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC9C,MAAM,EAAC,UAAU,EAAC,GAAG,OAAO,CAAC,+BAA+B,CAE3D,CAAA;AAED,OAAO,EAAC,UAAU,EAAC,CAAA","sourcesContent":["import {createRequire} from 'module'\n/* eslint-disable @typescript-eslint/ban-ts-comment */\n// @ts-ignore\nimport type {HydrogenConfig} from '@shopify/hydrogen/config'\n/* eslint-enable @typescript-eslint/ban-ts-comment */\n\nconst require = createRequire(import.meta.url)\nconst {loadConfig} = require('@shopify/hydrogen/load-config') as {\n  loadConfig: (options: {root: string}) => Promise<HydrogenConfig>\n}\n\nexport {loadConfig}\n"]}