@shopify/cli-hydrogen 5.1.0 → 5.1.2

package/dist/generator-templates/starter/app/root.tsx

@@ -1,21 +1,15 @@
-import {
-  isRouteErrorResponse,
-  useCatch,
-  useMatches,
-  useRouteError,
-} from '@remix-run/react';
-import {
-  defer,
-  type LoaderArgs,
-  type ErrorBoundaryComponent,
-} from '@shopify/remix-oxygen';
+import {defer, type LoaderArgs} from '@shopify/remix-oxygen';
 import {
   Links,
   Meta,
   Outlet,
   Scripts,
-  ScrollRestoration,
+  useCatch,
+  useMatches,
+  useRouteError,
   useLoaderData,
+  ScrollRestoration,
+  isRouteErrorResponse,
 } from '@remix-run/react';
 import type {CustomerAccessToken} from '@shopify/hydrogen-react/storefront-api-types';
 import type {HydrogenSession} from '../server';
@@ -144,7 +138,7 @@ export function ErrorBoundary() {
   );
 }
 
-export const ErrorBoundaryV1: ErrorBoundaryComponent = ({error}) => {
+export const ErrorBoundaryV1 = ({error}: {error: Error}) => {
   // eslint-disable-next-line no-console
   console.error(error);
 

package/dist/generator-templates/starter/app/styles/app.css

@@ -79,7 +79,7 @@ aside li {
   left: 0;
   opacity: 0;
   pointer-events: none;
-  position: absolute;
+  position: fixed;
   right: 0;
   top: 0;
   transition: opacity 400ms ease-in-out;

package/dist/generator-templates/starter/package.json

@@ -13,11 +13,11 @@
   },
   "prettier": "@shopify/prettier-config",
   "dependencies": {
-    "@remix-run/react": "1.17.1",
-    "@shopify/cli": "3.47.5",
-    "@shopify/cli-hydrogen": "^5.1.0",
-    "@shopify/hydrogen": "^2023.7.0",
-    "@shopify/remix-oxygen": "^1.1.1",
+    "@remix-run/react": "1.19.1",
+    "@shopify/cli": "3.48.0",
+    "@shopify/cli-hydrogen": "^5.1.2",
+    "@shopify/hydrogen": "^2023.7.2",
+    "@shopify/remix-oxygen": "^1.1.3",
     "graphql": "^16.6.0",
     "graphql-tag": "^2.12.6",
     "isbot": "^3.6.6",
@@ -25,8 +25,8 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@remix-run/dev": "1.17.1",
-    "@shopify/oxygen-workers-types": "^3.17.2",
+    "@remix-run/dev": "1.19.1",
+    "@shopify/oxygen-workers-types": "^3.17.3",
     "@shopify/prettier-config": "^1.1.2",
     "@total-typescript/ts-reset": "^0.4.2",
     "@types/eslint": "^8.4.10",

package/dist/lib/file.test.js

@@ -1,13 +1,12 @@
-import { temporaryDirectoryTask } from 'tempy';
 import { describe, it, expect } from 'vitest';
 import { replaceFileContent, findFileWithExtension } from './file.js';
 import { resolvePath } from '@shopify/cli-kit/node/path';
-import { writeFile, readFile, mkdir } from '@shopify/cli-kit/node/fs';
+import { inTemporaryDirectory, writeFile, readFile, mkdir } from '@shopify/cli-kit/node/fs';
 
 describe("File utils", () => {
   describe("replaceFileContent", () => {
     it("replaces the content of a file and formats it", async () => {
-      await temporaryDirectoryTask(async (tmpDir) => {
+      await inTemporaryDirectory(async (tmpDir) => {
         const filepath = resolvePath(tmpDir, "index.js");
         await writeFile(
           filepath,
@@ -24,7 +23,7 @@ describe("File utils", () => {
   });
   describe("findFileWithExtension", () => {
     it("ignores missing files", async () => {
-      await temporaryDirectoryTask(async (tmpDir) => {
+      await inTemporaryDirectory(async (tmpDir) => {
         expect(findFileWithExtension(tmpDir, "nope")).resolves.toEqual({
           filepath: void 0,
           extension: void 0,
@@ -33,7 +32,7 @@ describe("File utils", () => {
       });
     });
     it("finds the file with its corresponding extension and astType", async () => {
-      await temporaryDirectoryTask(async (tmpDir) => {
+      await inTemporaryDirectory(async (tmpDir) => {
         await writeFile(resolvePath(tmpDir, "first.js"), "content");
         await writeFile(resolvePath(tmpDir, "second.tsx"), "content");
         await writeFile(resolvePath(tmpDir, "third.mjs"), "content");

package/dist/lib/log.js

@@ -199,5 +199,36 @@ const warnOnce = (string) => {
     warnings.add(string);
   }
 };
+function createRemixLogger() {
+  const noop = () => {
+  };
+  const buildMessageBody = (message, details) => `In Remix:
+
+` + colors.bold(message) + (details ? "\n\n" + details.join("\n") : "");
+  return {
+    dev: noop,
+    info: noop,
+    debug: noop,
+    warn: (message, options) => {
+      renderWarning({ body: buildMessageBody(message, options?.details) });
+    },
+    error: (message, options) => {
+      renderFatalError({
+        name: "error",
+        type: 0,
+        message: buildMessageBody(message, options?.details),
+        tryMessage: ""
+      });
+    }
+  };
+}
+async function muteRemixLogs() {
+  try {
+    const { logger } = await import('@remix-run/dev/dist/tux/logger.js');
+    logger.warn = logger.debug = logger.info = () => {
+    };
+  } catch {
+  }
+}
 
-export { addMessageReplacers, enhanceH2Logs, muteAuthLogs, muteDevLogs, resetAllLogs, warnOnce };
+export { addMessageReplacers, createRemixLogger, enhanceH2Logs, muteAuthLogs, muteDevLogs, muteRemixLogs, resetAllLogs, warnOnce };

package/dist/lib/onboarding/remote.js

@@ -3,7 +3,7 @@ import { copyFile } from '@shopify/cli-kit/node/fs';
 import { joinPath } from '@shopify/cli-kit/node/path';
 import { renderTasks, renderInfo } from '@shopify/cli-kit/node/ui';
 import { getLatestTemplates } from '../template-downloader.js';
-import { handleProjectLocation, createAbortHandler, handleLanguage, createInitialCommit, handleDependencies, renderProjectReady } from './common.js';
+import { handleProjectLocation, createAbortHandler, handleLanguage, createInitialCommit, handleDependencies, commitAll, renderProjectReady } from './common.js';
 
 async function setupRemoteTemplate(options, controller) {
   const isOfficialTemplate = options.template === "demo-store" || options.template === "hello-world";
@@ -33,7 +33,9 @@ async function setupRemoteTemplate(options, controller) {
     controller,
     options.language
   );
-  backgroundWorkPromise = backgroundWorkPromise.then(() => transpileProject().catch(abort)).then(() => createInitialCommit(project.directory));
+  backgroundWorkPromise = backgroundWorkPromise.then(() => transpileProject().catch(abort)).then(
+    () => options.git ? createInitialCommit(project.directory) : void 0
+  );
   const { packageManager, shouldInstallDeps, installDeps } = await handleDependencies(
     project.directory,
     controller,
@@ -73,10 +75,13 @@ async function setupRemoteTemplate(options, controller) {
     });
   }
   await renderTasks(tasks);
+  if (options.git) {
+    await commitAll(project.directory, "Lockfile");
+  }
   await renderProjectReady(project, setupSummary);
   if (isOfficialTemplate) {
     renderInfo({
-      headline: `Your project will display inventory from the Hydrogen Demo Store.`,
+      headline: `Your project will display inventory from ${options.template === "demo-store" ? "the Hydrogen Demo Store" : "Mock.shop"}.`,
       body: `To connect this project to your Shopify store\u2019s inventory, update \`${project.name}/.env\` with your store ID and Storefront API key.`
     });
   }

package/dist/lib/remix-config.js

@@ -0,0 +1,135 @@
+import { createRequire } from 'node:module';
+import { fileURLToPath } from 'node:url';
+import path from 'node:path';
+import { readdir } from 'node:fs/promises';
+import { AbortError } from '@shopify/cli-kit/node/error';
+import { outputWarn } from '@shopify/cli-kit/node/output';
+import { fileExists } from '@shopify/cli-kit/node/fs';
+
+const BUILD_DIR = "dist";
+const CLIENT_SUBDIR = "client";
+const WORKER_SUBDIR = "worker";
+const oxygenServerMainFields = ["browser", "module", "main"];
+function getProjectPaths(appPath, entry) {
+  const root = appPath ?? process.cwd();
+  const publicPath = path.join(root, "public");
+  const buildPath = path.join(root, BUILD_DIR);
+  const buildPathClient = path.join(buildPath, CLIENT_SUBDIR);
+  const buildPathWorkerFile = path.join(buildPath, WORKER_SUBDIR, "index.js");
+  return {
+    root,
+    buildPath,
+    buildPathClient,
+    buildPathWorkerFile,
+    publicPath
+  };
+}
+async function getRemixConfig(root, mode = process.env.NODE_ENV) {
+  const { readConfig } = await import('@remix-run/dev/dist/config.js');
+  const config = await readConfig(root, mode);
+  if (process.env.LOCAL_DEV) {
+    const packagesPath = fileURLToPath(new URL("../../..", import.meta.url));
+    config.watchPaths ??= [];
+    config.watchPaths.push(
+      ...(await readdir(packagesPath)).map(
+        (pkg) => pkg === "hydrogen-react" ? path.resolve(packagesPath, pkg, "dist", "browser-dev", "index.mjs") : path.resolve(packagesPath, pkg, "dist", "development", "index.js")
+      )
+    );
+    config.watchPaths.push(
+      path.join(packagesPath, "cli", "dist", "virtual-routes", "**", "*")
+    );
+  }
+  return config;
+}
+function assertOxygenChecks(config) {
+  try {
+    createRequire(import.meta.url).resolve("@shopify/remix-oxygen");
+  } catch {
+    return;
+  }
+  if (!config.serverEntryPoint) {
+    throw new AbortError(
+      "Could not find a server entry point.",
+      "Please add a server option to your remix.config.js pointing to an Oxygen worker entry file."
+    );
+  } else {
+    assertEntryFileExists(config.rootDirectory, config.serverEntryPoint);
+  }
+  if (config.serverPlatform !== "neutral") {
+    throw new AbortError(
+      'The serverPlatform in remix.config.js must be "neutral".'
+    );
+  }
+  if (config.serverModuleFormat !== "esm") {
+    throw new AbortError(
+      'The serverModuleFormat in remix.config.js must be "esm".'
+    );
+  }
+  if (config.serverDependenciesToBundle !== "all") {
+    throw new AbortError(
+      'The serverDependenciesToBundle in remix.config.js must be "all".'
+    );
+  }
+  if (!config.serverConditions?.includes("worker")) {
+    throw new AbortError(
+      'The serverConditions in remix.config.js must include "worker".'
+    );
+  }
+  if (process.env.NODE_ENV === "development" && !config.serverConditions?.includes("development")) {
+    outputWarn(
+      "Add `process.env.NODE_ENV` value to serverConditions in remix.config.js to enable debugging features in development."
+    );
+  }
+  if (!config.serverMainFields || !oxygenServerMainFields.every((v, i) => config.serverMainFields?.[i] === v)) {
+    throw new AbortError(
+      `The serverMainFields in remix.config.js must be ${JSON.stringify(
+        oxygenServerMainFields
+      )}.`
+    );
+  }
+  const cdnUrl = process.env.HYDROGEN_ASSET_BASE_URL;
+  if (cdnUrl && !config.publicPath.startsWith(cdnUrl)) {
+    throw new AbortError(
+      "The publicPath in remix.config.js must be prepended with the value of `process.env.HYDROGEN_ASSET_BASE_URL`."
+    );
+  }
+  const expectedServerBuildPath = path.join(
+    BUILD_DIR,
+    WORKER_SUBDIR,
+    "index.js"
+  );
+  if (config.serverBuildPath !== path.resolve(config.rootDirectory, expectedServerBuildPath)) {
+    throw new AbortError(
+      `The serverBuildPath in remix.config.js must be "${expectedServerBuildPath}".`
+    );
+  }
+  const expectedAssetsBuildDirectory = path.join(BUILD_DIR, CLIENT_SUBDIR);
+  if (!config.assetsBuildDirectory.startsWith(
+    path.resolve(config.rootDirectory, expectedAssetsBuildDirectory)
+  )) {
+    throw new AbortError(
+      `The assetsBuildDirectory in remix.config.js must be in "${expectedAssetsBuildDirectory}".`
+    );
+  }
+}
+async function assertEntryFileExists(root, fileRelative) {
+  const fileAbsolute = path.resolve(root, fileRelative);
+  const exists = await fileExists(fileAbsolute);
+  if (!exists) {
+    if (!path.extname(fileAbsolute)) {
+      const files = await readdir(path.dirname(fileAbsolute));
+      const exists2 = files.some((file) => {
+        const { name, ext } = path.parse(file);
+        return name === path.basename(fileAbsolute) && /^\.[jt]s$/.test(ext);
+      });
+      if (exists2)
+        return;
+    }
+    throw new AbortError(
+      `Entry file "${fileRelative}" not found.`,
+      "Please ensure the file exists and that the path is correctly added to the `server` property in remix.config.js."
+    );
+  }
+}
+
+export { assertOxygenChecks, getProjectPaths, getRemixConfig };

package/dist/lib/remix-version-check.js

@@ -0,0 +1,51 @@
+import { createRequire } from 'node:module';
+import { fileURLToPath } from 'node:url';
+import { renderWarning } from '@shopify/cli-kit/node/ui';
+
+function checkRemixVersions() {
+  const require2 = createRequire(import.meta.url);
+  const hydrogenPkgJson = require2(fileURLToPath(
+    new URL("../../package.json", import.meta.url)
+  ));
+  const requiredVersionInHydrogen = hydrogenPkgJson.dependencies["@remix-run/dev"];
+  const pkgs = [
+    "dev",
+    "react",
+    "server-runtime",
+    "css-bundle",
+    "node",
+    "express",
+    "eslint-config"
+  ].map((name) => getRemixPackageVersion(require2, name));
+  const outOfSyncPkgs = pkgs.filter(
+    (pkg) => pkg.version && pkg.version !== requiredVersionInHydrogen
+  );
+  if (outOfSyncPkgs.length === 0)
+    return;
+  const items = outOfSyncPkgs.reduce((acc, item) => {
+    if (item.version) {
+      acc.push(`${item.name}@${item.version}`);
+    }
+    return acc;
+  }, []);
+  renderWarning({
+    headline: `The current version of Hydrogen requires Remix @${requiredVersionInHydrogen}. The following packages are out of sync:`,
+    body: [
+      { list: { items } },
+      "\nPlease ensure your Remix packages have the same version and are in sync with Hydrogen."
+    ]
+  });
+}
+function getRemixPackageVersion(require2, name) {
+  const pkgName = "@remix-run/" + name;
+  const result = { name: pkgName, version: "" };
+  try {
+    const pkgJsonPath = require2.resolve(`${pkgName}/package.json`);
+    const pkgJson = require2(pkgJsonPath);
+    result.version = pkgJson.version;
+  } catch {
+  }
+  return result;
+}
+
+export { checkRemixVersions };

package/dist/lib/remix-version-check.test.js

@@ -0,0 +1,38 @@
+import { vi, describe, it, expect } from 'vitest';
+import { mockAndCaptureOutput } from '@shopify/cli-kit/node/testing/output';
+import { checkRemixVersions } from './remix-version-check.js';
+
+const requireMock = vi.fn();
+vi.mock("node:module", async () => {
+  const { createRequire } = await vi.importActual(
+    "node:module"
+  );
+  return {
+    createRequire: (url) => {
+      const actualRequire = createRequire(url);
+      requireMock.mockImplementation((mod) => actualRequire(mod));
+      const require2 = requireMock;
+      require2.resolve = actualRequire.resolve.bind(actualRequire);
+      return require2;
+    }
+  };
+});
+describe("remix-version-check", () => {
+  it("does nothing when versions are in sync", () => {
+    const outputMock = mockAndCaptureOutput();
+    checkRemixVersions();
+    expect(outputMock.warn()).toBe("");
+  });
+  it("warns when versions are out of sync", () => {
+    const expectedVersion = "42.0.0-test";
+    vi.mocked(requireMock).mockReturnValueOnce({
+      dependencies: { "@remix-run/dev": expectedVersion }
+    });
+    const outputMock = mockAndCaptureOutput();
+    checkRemixVersions();
+    const output = outputMock.warn();
+    expect(output).toMatch(`Hydrogen requires Remix @${expectedVersion}`);
+    expect(output).toMatch(`@remix-run/dev@`);
+    expect(output).toMatch(`@remix-run/react@`);
+  });
+});

package/dist/lib/remix-version-interop.js

@@ -1,5 +1,5 @@
 import { createRequire } from 'module';
-import { getRemixConfig } from './config.js';
+import { getRemixConfig } from './remix-config.js';
 
 function isRemixV2() {
   try {
@@ -13,7 +13,7 @@ function isRemixV2() {
 async function getV2Flags(root, remixConfigFuture) {
   const isV2 = isRemixV2();
   const futureFlags = {
-    ...!isV2 && (remixConfigFuture ?? (await getRemixConfig(root, true)).future)
+    ...!isV2 && (remixConfigFuture ?? (await getRemixConfig(root)).future)
   };
   return {
     isV2Meta: isV2 || !!futureFlags.v2_meta,

package/dist/lib/remix-version-interop.test.js

@@ -58,7 +58,7 @@ describe("remix-version-interop", () => {
       return <div>stuff</div>;
     }
 
-    export const ErrorBoundaryV1: ErrorBoundaryComponent = ({error}) => {
+    export const ErrorBoundaryV1 = ({error}: {error: Error}) => {
       console.error(error);
     
       return <div>There was an error.</div>;

package/dist/lib/setups/routes/generate.js

@@ -7,7 +7,7 @@ import { transpileFile } from '../../../lib/transpile-ts.js';
 import { getCodeFormatOptions, formatCode } from '../../../lib/format-code.js';
 import { getTemplateAppFile, GENERATOR_ROUTE_DIR, getStarterDir } from '../../../lib/build.js';
 import { getV2Flags, convertTemplateToRemixVersion, convertRouteToV1 } from '../../../lib/remix-version-interop.js';
-import { getRemixConfig } from '../../../lib/config.js';
+import { getRemixConfig } from '../../remix-config.js';
 import { findFileWithExtension } from '../../file.js';
 
 const NO_LOCALE_PATTERNS = [/robots\.txt/];

package/dist/lib/setups/routes/generate.test.js

@@ -1,11 +1,10 @@
 import { describe, beforeEach, vi, it, expect } from 'vitest';
-import { temporaryDirectoryTask } from 'tempy';
 import { getResolvedRoutes, generateRoutes, generateProjectFile } from './generate.js';
 import { renderConfirmationPrompt } from '@shopify/cli-kit/node/ui';
-import { fileExists, readFile, mkdir, writeFile } from '@shopify/cli-kit/node/fs';
+import { inTemporaryDirectory, fileExists, readFile, mkdir, writeFile } from '@shopify/cli-kit/node/fs';
 import { joinPath, dirname } from '@shopify/cli-kit/node/path';
 import { getTemplateAppFile } from '../../../lib/build.js';
-import { getRemixConfig } from '../../../lib/config.js';
+import { getRemixConfig } from '../../remix-config.js';
 
 const readProjectFile = (dirs, fileBasename, ext = "tsx") => readFile(joinPath(dirs.appDirectory, `${fileBasename}.${ext}`));
 describe("generate/route", () => {
@@ -13,7 +12,7 @@ describe("generate/route", () => {
     vi.resetAllMocks();
     vi.mock("@shopify/cli-kit/node/output");
     vi.mock("@shopify/cli-kit/node/ui");
-    vi.mock("../../config.js", async () => ({ getRemixConfig: vi.fn() }));
+    vi.mock("../../remix-config.js", async () => ({ getRemixConfig: vi.fn() }));
   });
   describe("generateRoutes", () => {
     it("generates all routes with correct configuration", async () => {
@@ -21,7 +20,7 @@ describe("generate/route", () => {
       expect(
         resolvedRouteFiles.find((item) => /account_?\.login/.test(item))
       ).toBeTruthy();
-      await temporaryDirectoryTask(async (tmpDir) => {
+      await inTemporaryDirectory(async (tmpDir) => {
         const directories = await createHydrogenFixture(tmpDir, {
           files: [
             ["jsconfig.json", JSON.stringify({ compilerOptions: { test: "js" } })],
@@ -51,7 +50,7 @@ describe("generate/route", () => {
       });
     });
     it("figures out the locale if a home route already exists", async () => {
-      await temporaryDirectoryTask(async (tmpDir) => {
+      await inTemporaryDirectory(async (tmpDir) => {
         const route = "routes/pages.$handle";
         const directories = await createHydrogenFixture(tmpDir, {
           files: [
@@ -89,7 +88,7 @@ describe("generate/route", () => {
   });
   describe("generateProjectFile", () => {
     it("generates a route file for Remix v1", async () => {
-      await temporaryDirectoryTask(async (tmpDir) => {
+      await inTemporaryDirectory(async (tmpDir) => {
         const route = "routes/pages.$handle";
         const directories = await createHydrogenFixture(tmpDir, {
           files: [],
@@ -107,7 +106,7 @@ describe("generate/route", () => {
       });
     });
     it("generates a route file for Remix v2", async () => {
-      await temporaryDirectoryTask(async (tmpDir) => {
+      await inTemporaryDirectory(async (tmpDir) => {
         const route = "routes/custom.path.$handle._index";
         const directories = await createHydrogenFixture(tmpDir, {
           files: [],
@@ -123,7 +122,7 @@ describe("generate/route", () => {
       });
     });
     it("generates route files with locale prefix", async () => {
-      await temporaryDirectoryTask(async (tmpDir) => {
+      await inTemporaryDirectory(async (tmpDir) => {
         const routeCode = `const str = 'hello world'`;
         const directories = await createHydrogenFixture(tmpDir, {
           files: [],
@@ -174,7 +173,7 @@ describe("generate/route", () => {
       });
     });
     it("produces a typescript file when typescript argument is true", async () => {
-      await temporaryDirectoryTask(async (tmpDir) => {
+      await inTemporaryDirectory(async (tmpDir) => {
         const route = "routes/pages.$handle";
         const directories = await createHydrogenFixture(tmpDir, {
           files: [],
@@ -191,7 +190,7 @@ describe("generate/route", () => {
       });
     });
     it("prompts the user if there the file already exists", async () => {
-      await temporaryDirectoryTask(async (tmpDir) => {
+      await inTemporaryDirectory(async (tmpDir) => {
         vi.mocked(renderConfirmationPrompt).mockImplementationOnce(
           async () => true
         );
@@ -212,7 +211,7 @@ describe("generate/route", () => {
       });
     });
     it("does not prompt the user if the force property is true", async () => {
-      await temporaryDirectoryTask(async (tmpDir) => {
+      await inTemporaryDirectory(async (tmpDir) => {
         vi.mocked(renderConfirmationPrompt).mockImplementationOnce(
           async () => true
         );
@@ -229,7 +228,7 @@ describe("generate/route", () => {
       });
     });
     it("generates all the route dependencies", async () => {
-      await temporaryDirectoryTask(async (tmpDir) => {
+      await inTemporaryDirectory(async (tmpDir) => {
         const templates = [
           [
             "routes/pages.$pageHandle.tsx",

package/oclif.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.1.0",
+  "version": "5.1.2",
   "commands": {
     "hydrogen:build": {
       "id": "hydrogen:build",

package/package.json

@@ -4,14 +4,14 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
   },
-  "version": "5.1.0",
+  "version": "5.1.2",
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "build": "tsup --config ./tsup.config.ts && node scripts/build-check.mjs",
+    "build": "rm -rf dist && tsup --config ./tsup.config.ts && node scripts/build-check.mjs",
     "dev": "tsup --watch --config ./tsup.config.ts",
     "typecheck": "tsc --noEmit",
-    "generate:manifest": "oclif manifest",
+    "generate:manifest": "node scripts/generate-manifest.mjs",
     "test": "cross-env SHOPIFY_UNIT_TEST=1 vitest run --test-timeout=15000",
     "test:watch": "cross-env SHOPIFY_UNIT_TEST=1 vitest --test-timeout=15000"
   },
@@ -22,22 +22,21 @@
     "@types/prettier": "^2.7.2",
     "@types/recursive-readdir": "^2.2.1",
     "@types/tar-fs": "^2.0.1",
-    "oclif": "3.9.1",
-    "tempy": "^3.0.0",
+    "@vitest/coverage-v8": "^0.33.0",
     "type-fest": "^3.6.0",
     "vitest": "^0.33.0"
   },
   "peerDependencies": {
-    "@remix-run/react": "^1.17.1",
-    "@shopify/hydrogen-react": "^2023.7.0",
-    "@shopify/remix-oxygen": "^1.1.1"
+    "@remix-run/react": "1.19.1",
+    "@shopify/hydrogen-react": "^2023.7.1",
+    "@shopify/remix-oxygen": "^1.1.3"
   },
   "dependencies": {
     "@ast-grep/napi": "^0.5.3",
     "@graphql-codegen/cli": "3.3.1",
-    "@oclif/core": "2.8.5",
-    "@remix-run/dev": "1.17.1",
-    "@shopify/cli-kit": "3.47.5",
+    "@oclif/core": "2.8.11",
+    "@remix-run/dev": "1.19.1",
+    "@shopify/cli-kit": "3.48.0",
     "@shopify/hydrogen-codegen": "^0.0.2",
     "@shopify/mini-oxygen": "^1.7.0",
     "ansi-escapes": "^6.2.0",