@shopify/cli-hydrogen 3.23.0 → 3.24.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @shopify/cli-hydrogen
 
+## 3.24.1
+
+### Patch Changes
+
+- Updated dependencies [7e5c492a]
+  - @shopify/cli-kit@3.24.1
+
+## 3.24.0
+
+### Patch Changes
+
+- fe1d4fe4: `hydrogen dev` will now check for new versions of Hydrogen
+- 8a56de53: `hydrogen build` will now warn when there is a problem with lockfiles
+- Updated dependencies [d47a6e80]
+- Updated dependencies [a9d4be9e]
+- Updated dependencies [aca90638]
+- Updated dependencies [cb0990df]
+  - @shopify/cli-kit@3.24.0
+
 ## 3.23.0
 
 ### Patch Changes

package/README.md

@@ -22,7 +22,7 @@ Install the latest version of  [Node.js](https://nodejs.org/en/download/) and [n
 When you’re building a Shopify app, you can initialize your project using your preferred package manager. A single command will install all the dependencies you need — including Shopify CLI itself.
 
 Initialize your project using one of the following commands:
-- `npx @shopify/create-app@latest` (installed by default with Node)
+- `npm init @shopify/app@latest` (installed by default with Node)
 - `pnpm create @shopify/create-app@latest`
 - `yarn create @shopify/app`
 

package/dist/cli/services/build/check-lockfile.d.ts

@@ -0,0 +1,3 @@
+declare type LockFileStatus = 'missing' | 'multiple' | 'ignored' | 'ok';
+export declare function checkLockfileStatus(directory: string): Promise<LockFileStatus>;
+export {};

package/dist/cli/services/build/check-lockfile.js

@@ -0,0 +1,80 @@
+import { file, git, path } from '@shopify/cli-kit';
+import { renderWarning } from '@shopify/cli-kit/node/ui';
+import { lockfiles } from '@shopify/cli-kit/node/node-package-manager';
+function missingLockfileWarning() {
+    renderWarning({
+        headline: 'No lockfile found',
+        body: `If you don’t commit a lockfile, then your app might install the wrong ` +
+            `package versions when deploying. To avoid versioning issues, generate a ` +
+            `new lockfile and commit it to your repository.`,
+        nextSteps: [
+            [
+                'Generate a lockfile. Run',
+                {
+                    command: 'npm|yarn|pnpm install',
+                },
+            ],
+            'Commit the new file to your repository',
+        ],
+    });
+}
+function multipleLockfilesWarning(lockfiles) {
+    const packageManagers = {
+        'yarn.lock': 'yarn',
+        'package-lock.json': 'npm',
+        'pnpm-lock.yaml': 'pnpm',
+    };
+    const lockfileList = lockfiles.map((lockfile) => {
+        return `• ${lockfile} (created by ${packageManagers[lockfile]})`;
+    });
+    renderWarning({
+        headline: 'Multiple lockfiles found',
+        body: [
+            `Your project contains more than one lockfile. This can cause version ` +
+                `conflicts when installing and deploying your app. The following ` +
+                `lockfiles were detected:\n\n`,
+            lockfileList.join('\n '),
+        ],
+        nextSteps: ['Delete any unneeded lockfiles', 'Commit the change to your repository'],
+    });
+}
+function lockfileIgnoredWarning(lockfile) {
+    renderWarning({
+        headline: 'Lockfile ignored by Git',
+        body: `Your project’s lockfile isn’t being tracked by Git. If you don’t commit ` +
+            `a lockfile, then your app might install the wrong package versions when ` +
+            `deploying.`,
+        nextSteps: [
+            `In your project’s .gitignore file, delete any references to ${lockfile}`,
+            'Commit the change to your repository',
+        ],
+    });
+}
+export async function checkLockfileStatus(directory) {
+    const availableLockfiles = await lockfiles.reduce(async (acc, lockFileName) => {
+        const lockfilePath = path.resolve(directory, lockFileName);
+        if (await file.exists(lockfilePath)) {
+            return (await acc).concat(lockFileName);
+        }
+        else {
+            return acc;
+        }
+    }, Promise.resolve([]));
+    if (!availableLockfiles.length) {
+        missingLockfileWarning();
+        return 'missing';
+    }
+    if (availableLockfiles.length > 1) {
+        multipleLockfilesWarning(availableLockfiles);
+        return 'multiple';
+    }
+    const repo = git.factory(directory);
+    const lockfile = availableLockfiles[0];
+    const ignoredLockfile = await repo.checkIgnore([lockfile]);
+    if (ignoredLockfile.length) {
+        lockfileIgnoredWarning(lockfile);
+        return 'ignored';
+    }
+    return 'ok';
+}
+//# sourceMappingURL=check-lockfile.js.map

package/dist/cli/services/build/check-lockfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-lockfile.js","sourceRoot":"","sources":["../../../../src/cli/services/build/check-lockfile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAC,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAC,aAAa,EAAC,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAC,SAAS,EAAC,MAAM,4CAA4C,CAAA;AAGpE,SAAS,sBAAsB;IAC7B,aAAa,CAAC;QACZ,QAAQ,EAAE,mBAAmB;QAC7B,IAAI,EACF,wEAAwE;YACxE,0EAA0E;YAC1E,gDAAgD;QAClD,SAAS,EAAE;YACT;gBACE,0BAA0B;gBAC1B;oBACE,OAAO,EAAE,uBAAuB;iBACjC;aACF;YACD,wCAAwC;SACzC;KACF,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,wBAAwB,CAAC,SAAqB;IACrD,MAAM,eAAe,GAAG;QACtB,WAAW,EAAE,MAAM;QACnB,mBAAmB,EAAE,KAAK;QAC1B,gBAAgB,EAAE,MAAM;KACzB,CAAA;IAED,MAAM,YAAY,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;QAC9C,OAAO,KAAK,QAAQ,gBAAgB,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAA;IAClE,CAAC,CAAC,CAAA;IAEF,aAAa,CAAC;QACZ,QAAQ,EAAE,0BAA0B;QACpC,IAAI,EAAE;YACJ,uEAAuE;gBACrE,kEAAkE;gBAClE,8BAA8B;YAChC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;SACzB;QACD,SAAS,EAAE,CAAC,+BAA+B,EAAE,sCAAsC,CAAC;KACrF,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,sBAAsB,CAAC,QAAgB;IAC9C,aAAa,CAAC;QACZ,QAAQ,EAAE,yBAAyB;QACnC,IAAI,EACF,0EAA0E;YAC1E,0EAA0E;YAC1E,YAAY;QACd,SAAS,EAAE;YACT,+DAA+D,QAAQ,EAAE;YACzE,sCAAsC;SACvC;KACF,CAAC,CAAA;AACJ,CAAC;AAID,MAAM,CAAC,KAAK,UAAU,mBAAmB,CAAC,SAAiB;IACzD,MAAM,kBAAkB,GAAG,MAAM,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE;QAC5E,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,YAAY,CAAC,CAAA;QAC1D,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE;YACnC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;SACxC;aAAM;YACL,OAAO,GAAG,CAAA;SACX;IACH,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,EAAgB,CAAC,CAAC,CAAA;IAErC,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE;QAC9B,sBAAsB,EAAE,CAAA;QACxB,OAAO,SAAS,CAAA;KACjB;IAED,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAAE;QACjC,wBAAwB,CAAC,kBAAkB,CAAC,CAAA;QAC5C,OAAO,UAAU,CAAA;KAClB;IAED,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;IACnC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,CAAC,CAAE,CAAA;IACvC,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;IAE1D,IAAI,eAAe,CAAC,MAAM,EAAE;QAC1B,sBAAsB,CAAC,QAAQ,CAAC,CAAA;QAChC,OAAO,SAAS,CAAA;KACjB;IAED,OAAO,IAAI,CAAA;AACb,CAAC","sourcesContent":["import {file, git, path} from '@shopify/cli-kit'\nimport {renderWarning} from '@shopify/cli-kit/node/ui'\nimport {lockfiles} from '@shopify/cli-kit/node/node-package-manager'\nimport type {Lockfile} from '@shopify/cli-kit/node/node-package-manager'\n\nfunction missingLockfileWarning() {\n  renderWarning({\n    headline: 'No lockfile found',\n    body:\n      `If you don’t commit a lockfile, then your app might install the wrong ` +\n      `package versions when deploying. To avoid versioning issues, generate a ` +\n      `new lockfile and commit it to your repository.`,\n    nextSteps: [\n      [\n        'Generate a lockfile. Run',\n        {\n          command: 'npm|yarn|pnpm install',\n        },\n      ],\n      'Commit the new file to your repository',\n    ],\n  })\n}\n\nfunction multipleLockfilesWarning(lockfiles: Lockfile[]) {\n  const packageManagers = {\n    'yarn.lock': 'yarn',\n    'package-lock.json': 'npm',\n    'pnpm-lock.yaml': 'pnpm',\n  }\n\n  const lockfileList = lockfiles.map((lockfile) => {\n    return `• ${lockfile} (created by ${packageManagers[lockfile]})`\n  })\n\n  renderWarning({\n    headline: 'Multiple lockfiles found',\n    body: [\n      `Your project contains more than one lockfile. This can cause version ` +\n        `conflicts when installing and deploying your app. The following ` +\n        `lockfiles were detected:\\n\\n`,\n      lockfileList.join('\\n '),\n    ],\n    nextSteps: ['Delete any unneeded lockfiles', 'Commit the change to your repository'],\n  })\n}\n\nfunction lockfileIgnoredWarning(lockfile: string) {\n  renderWarning({\n    headline: 'Lockfile ignored by Git',\n    body:\n      `Your project’s lockfile isn’t being tracked by Git. If you don’t commit ` +\n      `a lockfile, then your app might install the wrong package versions when ` +\n      `deploying.`,\n    nextSteps: [\n      `In your project’s .gitignore file, delete any references to ${lockfile}`,\n      'Commit the change to your repository',\n    ],\n  })\n}\n\ntype LockFileStatus = 'missing' | 'multiple' | 'ignored' | 'ok'\n\nexport async function checkLockfileStatus(directory: string): Promise<LockFileStatus> {\n  const availableLockfiles = await lockfiles.reduce(async (acc, lockFileName) => {\n    const lockfilePath = path.resolve(directory, lockFileName)\n    if (await file.exists(lockfilePath)) {\n      return (await acc).concat(lockFileName)\n    } else {\n      return acc\n    }\n  }, Promise.resolve([] as Lockfile[]))\n\n  if (!availableLockfiles.length) {\n    missingLockfileWarning()\n    return 'missing'\n  }\n\n  if (availableLockfiles.length > 1) {\n    multipleLockfilesWarning(availableLockfiles)\n    return 'multiple'\n  }\n\n  const repo = git.factory(directory)\n  const lockfile = availableLockfiles[0]!\n  const ignoredLockfile = await repo.checkIgnore([lockfile])\n\n  if (ignoredLockfile.length) {\n    lockfileIgnoredWarning(lockfile)\n    return 'ignored'\n  }\n\n  return 'ok'\n}\n"]}

package/dist/cli/services/build.js

@@ -1,3 +1,4 @@
+import { checkLockfileStatus } from './build/check-lockfile.js';
 import { build as viteBuild } from 'vite';
 import { ui, environment, error as kitError } from '@shopify/cli-kit';
 export function buildTaskList({ directory, targets, base, assetBaseURL, verbose }) {
@@ -35,6 +36,7 @@ export function buildTaskList({ directory, targets, base, assetBaseURL, verbose
     }));
 }
 export async function build(options) {
+    await checkLockfileStatus(options.directory);
     const tasks = await buildTaskList(options);
     const list = ui.newListr(tasks, { rendererSilent: environment.local.isUnitTest() });
     await list.run();

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

@@ -1 +1 @@
-{"version":3,"file":"build.js","sourceRoot":"","sources":["../../../src/cli/services/build.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,SAAS,EAAC,MAAM,MAAM,CAAA;AACvC,OAAO,EAAC,EAAE,EAAE,WAAW,EAAE,KAAK,IAAI,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAYnE,MAAM,UAAU,aAAa,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAa;IACzF,MAAM,YAAY,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,CAAA;IAE5C,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;SAC3B,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC;SAC7B,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QACtB,KAAK,EAAE,YAAY,GAAG,OAAO;QAC7B,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;YACtB,IAAI,GAAG,KAAK,QAAQ,EAAE;gBACpB,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAA;aAC5B;YACD,IAAI,YAAY,EAAE;gBAChB,OAAO,CAAC,GAAG,CAAC,uBAAuB,GAAG,YAAY,CAAA;aACnD;YAED,IAAI;gBACF,MAAM,SAAS,CAAC;oBACd,GAAG,YAAY;oBACf,KAAK,EAAE;wBACL,MAAM,EAAE,QAAQ,GAAG,EAAE;wBACrB,GAAG,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;wBAClD,QAAQ,EAAE,GAAG,KAAK,QAAQ;qBAC3B;oBACD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;iBACtC,CAAC,CAAA;gBACF,8DAA8D;aAC/D;YAAC,OAAO,KAAU,EAAE;gBACnB,MAAM,UAAU,GAAG,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;gBACpD,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAA;gBAC9B,MAAM,UAAU,CAAA;aACjB;YAED,IAAI,CAAC,KAAK,GAAG,SAAS,GAAG,OAAO,CAAA;QAClC,CAAC;KACF,CAAC,CAAC,CAAA;AACP,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,KAAK,CAAC,OAAmB;IAC7C,MAAM,KAAK,GAAG,MAAM,aAAa,CAAC,OAAO,CAAC,CAAA;IAE1C,MAAM,IAAI,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAC,cAAc,EAAE,WAAW,CAAC,KAAK,CAAC,UAAU,EAAE,EAAC,CAAC,CAAA;IAEjF,MAAM,IAAI,CAAC,GAAG,EAAE,CAAA;AAClB,CAAC","sourcesContent":["import {build as viteBuild} from 'vite'\nimport {ui, environment, error as kitError} from '@shopify/cli-kit'\n\ntype Target = 'node' | 'client' | 'worker'\n\ninterface DevOptions {\n  directory: string\n  targets: {[key in Target]: boolean | string}\n  base?: string\n  assetBaseURL?: string\n  verbose?: boolean\n}\n\nexport function buildTaskList({directory, targets, base, assetBaseURL, verbose}: DevOptions): ui.ListrTask[] {\n  const commonConfig = {base, root: directory}\n\n  return Object.entries(targets)\n    .filter(([_, value]) => value)\n    .map(([key, value]) => ({\n      title: `Building ${key} code`,\n      task: async (_, task) => {\n        if (key === 'worker') {\n          process.env.WORKER = 'true'\n        }\n        if (assetBaseURL) {\n          process.env.HYDROGEN_ASSET_BASE_URL = assetBaseURL\n        }\n\n        try {\n          await viteBuild({\n            ...commonConfig,\n            build: {\n              outDir: `dist/${key}`,\n              ssr: typeof value === 'string' ? value : undefined,\n              manifest: key === 'client',\n            },\n            logLevel: verbose ? 'info' : 'silent',\n          })\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        task.title = `Built ${key} code`\n      },\n    }))\n}\n\nexport async function build(options: DevOptions) {\n  const tasks = await buildTaskList(options)\n\n  const list = ui.newListr(tasks, {rendererSilent: environment.local.isUnitTest()})\n\n  await list.run()\n}\n"]}
+{"version":3,"file":"build.js","sourceRoot":"","sources":["../../../src/cli/services/build.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAC,KAAK,IAAI,SAAS,EAAC,MAAM,MAAM,CAAA;AACvC,OAAO,EAAC,EAAE,EAAE,WAAW,EAAE,KAAK,IAAI,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAYnE,MAAM,UAAU,aAAa,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAa;IACzF,MAAM,YAAY,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,CAAA;IAE5C,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;SAC3B,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC;SAC7B,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QACtB,KAAK,EAAE,YAAY,GAAG,OAAO;QAC7B,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;YACtB,IAAI,GAAG,KAAK,QAAQ,EAAE;gBACpB,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAA;aAC5B;YACD,IAAI,YAAY,EAAE;gBAChB,OAAO,CAAC,GAAG,CAAC,uBAAuB,GAAG,YAAY,CAAA;aACnD;YAED,IAAI;gBACF,MAAM,SAAS,CAAC;oBACd,GAAG,YAAY;oBACf,KAAK,EAAE;wBACL,MAAM,EAAE,QAAQ,GAAG,EAAE;wBACrB,GAAG,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;wBAClD,QAAQ,EAAE,GAAG,KAAK,QAAQ;qBAC3B;oBACD,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;iBACtC,CAAC,CAAA;gBACF,8DAA8D;aAC/D;YAAC,OAAO,KAAU,EAAE;gBACnB,MAAM,UAAU,GAAG,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;gBACpD,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAA;gBAC9B,MAAM,UAAU,CAAA;aACjB;YAED,IAAI,CAAC,KAAK,GAAG,SAAS,GAAG,OAAO,CAAA;QAClC,CAAC;KACF,CAAC,CAAC,CAAA;AACP,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,KAAK,CAAC,OAAmB;IAC7C,MAAM,mBAAmB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;IAE5C,MAAM,KAAK,GAAG,MAAM,aAAa,CAAC,OAAO,CAAC,CAAA;IAE1C,MAAM,IAAI,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAC,cAAc,EAAE,WAAW,CAAC,KAAK,CAAC,UAAU,EAAE,EAAC,CAAC,CAAA;IAEjF,MAAM,IAAI,CAAC,GAAG,EAAE,CAAA;AAClB,CAAC","sourcesContent":["import {checkLockfileStatus} from './build/check-lockfile.js'\nimport {build as viteBuild} from 'vite'\nimport {ui, environment, error as kitError} from '@shopify/cli-kit'\n\ntype Target = 'node' | 'client' | 'worker'\n\ninterface DevOptions {\n  directory: string\n  targets: {[key in Target]: boolean | string}\n  base?: string\n  assetBaseURL?: string\n  verbose?: boolean\n}\n\nexport function buildTaskList({directory, targets, base, assetBaseURL, verbose}: DevOptions): ui.ListrTask[] {\n  const commonConfig = {base, root: directory}\n\n  return Object.entries(targets)\n    .filter(([_, value]) => value)\n    .map(([key, value]) => ({\n      title: `Building ${key} code`,\n      task: async (_, task) => {\n        if (key === 'worker') {\n          process.env.WORKER = 'true'\n        }\n        if (assetBaseURL) {\n          process.env.HYDROGEN_ASSET_BASE_URL = assetBaseURL\n        }\n\n        try {\n          await viteBuild({\n            ...commonConfig,\n            build: {\n              outDir: `dist/${key}`,\n              ssr: typeof value === 'string' ? value : undefined,\n              manifest: key === 'client',\n            },\n            logLevel: verbose ? 'info' : 'silent',\n          })\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        task.title = `Built ${key} code`\n      },\n    }))\n}\n\nexport async function build(options: DevOptions) {\n  await checkLockfileStatus(options.directory)\n\n  const tasks = await buildTaskList(options)\n\n  const list = ui.newListr(tasks, {rendererSilent: environment.local.isUnitTest()})\n\n  await list.run()\n}\n"]}

package/dist/cli/services/dev/check-version.d.ts

@@ -0,0 +1 @@
+export declare function checkHydrogenVersion(directory: string): Promise<string | undefined>;

package/dist/cli/services/dev/check-version.js

@@ -0,0 +1,30 @@
+import { system } from '@shopify/cli-kit';
+import { checkForNewVersion } from '@shopify/cli-kit/node/node-package-manager';
+import { renderInfo } from '@shopify/cli-kit/node/ui';
+const PACKAGE_NAME = '@shopify/hydrogen';
+export async function checkHydrogenVersion(directory) {
+    const currentVersion = await system.captureOutput('node', ['-p', `require('./node_modules/${PACKAGE_NAME}/package.json').version`], {
+        cwd: directory,
+    });
+    if (!currentVersion) {
+        return;
+    }
+    const newVersionAvailable = await checkForNewVersion(PACKAGE_NAME, currentVersion);
+    if (newVersionAvailable) {
+        renderInfo({
+            headline: 'Upgrade available',
+            body: `Version ${newVersionAvailable} of ${PACKAGE_NAME} is now available.\n\n` +
+                `You are currently running v${currentVersion}.`,
+            reference: [
+                {
+                    link: {
+                        label: 'Hydrogen releases',
+                        url: 'https://github.com/Shopify/hydrogen/releases',
+                    },
+                },
+            ],
+        });
+        return newVersionAvailable;
+    }
+}
+//# sourceMappingURL=check-version.js.map

package/dist/cli/services/dev/check-version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-version.js","sourceRoot":"","sources":["../../../../src/cli/services/dev/check-version.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAC,kBAAkB,EAAC,MAAM,4CAA4C,CAAA;AAC7E,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAA;AAEnD,MAAM,YAAY,GAAG,mBAAmB,CAAA;AAExC,MAAM,CAAC,KAAK,UAAU,oBAAoB,CAAC,SAAiB;IAC1D,MAAM,cAAc,GAAG,MAAM,MAAM,CAAC,aAAa,CAC/C,MAAM,EACN,CAAC,IAAI,EAAE,2BAA2B,YAAY,yBAAyB,CAAC,EACxE;QACE,GAAG,EAAE,SAAS;KACf,CACF,CAAA;IAED,IAAI,CAAC,cAAc,EAAE;QACnB,OAAM;KACP;IAED,MAAM,mBAAmB,GAAG,MAAM,kBAAkB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAA;IAElF,IAAI,mBAAmB,EAAE;QACvB,UAAU,CAAC;YACT,QAAQ,EAAE,mBAAmB;YAC7B,IAAI,EACF,WAAW,mBAAmB,OAAO,YAAY,wBAAwB;gBACzE,8BAA8B,cAAc,GAAG;YACjD,SAAS,EAAE;gBACT;oBACE,IAAI,EAAE;wBACJ,KAAK,EAAE,mBAAmB;wBAC1B,GAAG,EAAE,8CAA8C;qBACpD;iBACF;aACF;SACF,CAAC,CAAA;QAEF,OAAO,mBAAmB,CAAA;KAC3B;AACH,CAAC","sourcesContent":["import {system} from '@shopify/cli-kit'\nimport {checkForNewVersion} from '@shopify/cli-kit/node/node-package-manager'\nimport {renderInfo} from '@shopify/cli-kit/node/ui'\n\nconst PACKAGE_NAME = '@shopify/hydrogen'\n\nexport async function checkHydrogenVersion(directory: string): Promise<string | undefined> {\n  const currentVersion = await system.captureOutput(\n    'node',\n    ['-p', `require('./node_modules/${PACKAGE_NAME}/package.json').version`],\n    {\n      cwd: directory,\n    },\n  )\n\n  if (!currentVersion) {\n    return\n  }\n\n  const newVersionAvailable = await checkForNewVersion(PACKAGE_NAME, currentVersion)\n\n  if (newVersionAvailable) {\n    renderInfo({\n      headline: 'Upgrade available',\n      body:\n        `Version ${newVersionAvailable} of ${PACKAGE_NAME} is now available.\\n\\n` +\n        `You are currently running v${currentVersion}.`,\n      reference: [\n        {\n          link: {\n            label: 'Hydrogen releases',\n            url: 'https://github.com/Shopify/hydrogen/releases',\n          },\n        },\n      ],\n    })\n\n    return newVersionAvailable\n  }\n}\n"]}

package/dist/cli/services/dev.js

@@ -1,7 +1,9 @@
+import { checkHydrogenVersion } from './dev/check-version.js';
 import { createServer } from 'vite';
 import { analytics, error as kitError } from '@shopify/cli-kit';
 async function dev({ commandConfig, directory, force, host, open }) {
     try {
+        await checkHydrogenVersion(directory);
         const server = await createServer({
             root: directory,
             server: {

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

@@ -1 +1 @@
-{"version":3,"file":"dev.js","sourceRoot":"","sources":["../../../src/cli/services/dev.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAgB,MAAM,MAAM,CAAA;AAChD,OAAO,EAAC,SAAS,EAAE,KAAK,IAAI,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAW7D,KAAK,UAAU,GAAG,CAAC,EAAC,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAa;IAC1E,IAAI;QACF,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC;YAChC,IAAI,EAAE,SAAS;YACf,MAAM,EAAE;gBACN,IAAI;gBACJ,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,MAAM,SAAS,CAAC,WAAW,CAAC,EAAC,MAAM,EAAE,aAAa,EAAC,CAAC,CAAA;QACpD,MAAM,UAAU,CAAC,MAAM,CAAC,CAAA;QACxB,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,SAAS,UAAU,CAAC,MAAqB;IACvC,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE;YACzB,OAAO,OAAO,EAAE,CAAA;QAClB,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,eAAe,GAAG,CAAA","sourcesContent":["import {createServer, ViteDevServer} from 'vite'\nimport {analytics, error as kitError} from '@shopify/cli-kit'\nimport {Config} from '@oclif/core'\n\ninterface DevOptions {\n  commandConfig: Config\n  directory: string\n  force: boolean\n  host: boolean\n  open: boolean\n}\n\nasync function dev({commandConfig, directory, force, host, open}: DevOptions) {\n  try {\n    const server = await createServer({\n      root: directory,\n      server: {\n        open,\n        force,\n        host,\n      },\n    })\n    await server.listen()\n    server.printUrls()\n    server.config.logger.info('')\n    await analytics.reportEvent({config: commandConfig})\n    await closeEvent(server)\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\nfunction closeEvent(server: ViteDevServer): Promise<void> {\n  return new Promise((resolve) => {\n    server.ws.on('close', () => {\n      return resolve()\n    })\n  })\n}\n\nexport default dev\n"]}
+{"version":3,"file":"dev.js","sourceRoot":"","sources":["../../../src/cli/services/dev.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAC,YAAY,EAAgB,MAAM,MAAM,CAAA;AAChD,OAAO,EAAC,SAAS,EAAE,KAAK,IAAI,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAW7D,KAAK,UAAU,GAAG,CAAC,EAAC,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAa;IAC1E,IAAI;QACF,MAAM,oBAAoB,CAAC,SAAS,CAAC,CAAA;QAErC,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC;YAChC,IAAI,EAAE,SAAS;YACf,MAAM,EAAE;gBACN,IAAI;gBACJ,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,MAAM,SAAS,CAAC,WAAW,CAAC,EAAC,MAAM,EAAE,aAAa,EAAC,CAAC,CAAA;QACpD,MAAM,UAAU,CAAC,MAAM,CAAC,CAAA;QACxB,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,SAAS,UAAU,CAAC,MAAqB;IACvC,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE;YACzB,OAAO,OAAO,EAAE,CAAA;QAClB,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,eAAe,GAAG,CAAA","sourcesContent":["import {checkHydrogenVersion} from './dev/check-version.js'\nimport {createServer, ViteDevServer} from 'vite'\nimport {analytics, error as kitError} from '@shopify/cli-kit'\nimport {Config} from '@oclif/core'\n\ninterface DevOptions {\n  commandConfig: Config\n  directory: string\n  force: boolean\n  host: boolean\n  open: boolean\n}\n\nasync function dev({commandConfig, directory, force, host, open}: DevOptions) {\n  try {\n    await checkHydrogenVersion(directory)\n\n    const server = await createServer({\n      root: directory,\n      server: {\n        open,\n        force,\n        host,\n      },\n    })\n    await server.listen()\n    server.printUrls()\n    server.config.logger.info('')\n    await analytics.reportEvent({config: commandConfig})\n    await closeEvent(server)\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\nfunction closeEvent(server: ViteDevServer): Promise<void> {\n  return new Promise((resolve) => {\n    server.ws.on('close', () => {\n      return resolve()\n    })\n  })\n}\n\nexport default dev\n"]}