@shopify/cli-hydrogen 12.0.0 → 12.0.2

package/oclif.manifest.json

@@ -353,7 +353,7 @@
         },
         "force": {
           "char": "f",
-          "description": "Forces a deployment to proceed if there are uncommited changes in its Git repository.",
+          "description": "Forces a deployment to proceed if there are uncommitted changes in its Git repository.",
           "env": "SHOPIFY_HYDROGEN_FLAG_FORCE",
           "name": "force",
           "required": false,
@@ -437,7 +437,7 @@
           "type": "option"
         },
         "metadata-description": {
-          "description": "Description of the changes in the deployment. Defaults to the commit message of the latest commit if there are no uncommited changes.",
+          "description": "Description of the changes in the deployment. Defaults to the commit message of the latest commit if there are no uncommitted changes.",
           "env": "SHOPIFY_HYDROGEN_FLAG_METADATA_DESCRIPTION",
           "name": "metadata-description",
           "required": false,
@@ -832,7 +832,7 @@
       "aliases": [],
       "args": {
         "routeName": {
-          "description": "The route to generate. One of home,page,cart,products,collections,policies,blogs,account,search,robots,sitemap,tokenlessApi,all.",
+          "description": "The route to generate. One of home,page,cart,products,collections,policies,blogs,account,search,robots,sitemap,all.",
           "name": "routeName",
           "options": [
             "home",
@@ -846,7 +846,6 @@
             "search",
             "robots",
             "sitemap",
-            "tokenlessApi",
             "all"
           ],
           "required": true
@@ -855,7 +854,7 @@
       "description": "Generates a standard Shopify route.",
       "flags": {
         "adapter": {
-          "description": "Remix adapter used in the route. The default is `@shopify/remix-oxygen`.",
+          "description": "React Router adapter used in the route. The default is `react-router`.",
           "env": "SHOPIFY_HYDROGEN_FLAG_ADAPTER",
           "name": "adapter",
           "hasDynamicHelp": false,
@@ -918,7 +917,7 @@
       "description": "Generates all supported standard shopify routes.",
       "flags": {
         "adapter": {
-          "description": "Remix adapter used in the route. The default is `@shopify/remix-oxygen`.",
+          "description": "React Router adapter used in the route. The default is `react-router`.",
           "env": "SHOPIFY_HYDROGEN_FLAG_ADAPTER",
           "name": "adapter",
           "hasDynamicHelp": false,
@@ -1048,13 +1047,6 @@
           "allowNo": true,
           "type": "boolean"
         },
-        "routes": {
-          "description": "Generate routes for all pages.",
-          "env": "SHOPIFY_HYDROGEN_FLAG_ROUTES",
-          "name": "routes",
-          "allowNo": true,
-          "type": "boolean"
-        },
         "git": {
           "description": "Init Git and create initial commits.",
           "env": "SHOPIFY_HYDROGEN_FLAG_GIT",
@@ -1063,7 +1055,7 @@
           "type": "boolean"
         },
         "quickstart": {
-          "description": "Scaffolds a new Hydrogen project with a set of sensible defaults. Equivalent to `shopify hydrogen init --path hydrogen-quickstart --mock-shop --language js --shortcut --routes --markets none`",
+          "description": "Scaffolds a new Hydrogen project with a set of sensible defaults. Equivalent to `shopify hydrogen init --path hydrogen-quickstart --mock-shop --language js --shortcut --markets none`",
           "env": "SHOPIFY_HYDROGEN_FLAG_QUICKSTART",
           "name": "quickstart",
           "allowNo": false,
@@ -1683,5 +1675,5 @@
       ]
     }
   },
-  "version": "12.0.0"
+  "version": "12.0.2"
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
   },
-  "version": "12.0.0",
+  "version": "12.0.2",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -12,29 +12,23 @@
     "url": "git+https://github.com/Shopify/hydrogen.git",
     "directory": "packages/cli-hydrogen"
   },
-  "scripts": {
-    "build": "tsup && node scripts/build-check.mjs",
-    "dev": "tsup --watch ./src --watch ../../templates/skeleton",
-    "typecheck": "tsc --noEmit",
-    "generate:manifest": "node scripts/generate-manifest.mjs",
-    "test": "cross-env SHOPIFY_UNIT_TEST=1 LANG=en-US.UTF-8 vitest run --test-timeout=60000",
-    "test:watch": "cross-env SHOPIFY_UNIT_TEST=1 LANG=en-US.UTF-8 vitest --test-timeout=60000"
-  },
   "devDependencies": {
-    "@react-router/dev": "7.9.2",
+    "@react-router/dev": "7.16.0",
     "@types/diff": "^5.0.2",
     "@types/gunzip-maybe": "^1.4.0",
+    "@types/node": "22.19.15",
     "@types/prettier": "^2.7.2",
     "@types/source-map-support": "^0.5.10",
     "@types/tar-fs": "^2.0.1",
     "@vitest/coverage-v8": "^1.0.4",
     "devtools-protocol": "^0.0.1177611",
+    "esbuild": "^0.27.0",
     "fast-glob": "^3.2.12",
     "flame-chart-js": "2.3.2",
     "get-port": "^7.0.0",
     "type-fest": "^4.33.0",
-    "vite": "^6.2.4",
-    "vitest": "^1.0.4"
+    "vite": "^8.0.1",
+    "vitest": "^3.2.4"
   },
   "dependencies": {
     "@ast-grep/napi": "0.34.1",
@@ -46,10 +40,11 @@
     "chokidar": "3.5.3",
     "cli-truncate": "^4.0.0",
     "diff": "^5.1.0",
+    "esbuild": "^0.27.0",
     "get-east-asian-width": "^1.3.0",
     "get-port": "^7.0.0",
     "gunzip-maybe": "^1.4.2",
-    "prettier": "^2.8.4",
+    "prettier": "^3.4.2",
     "semver": "^7.7.1",
     "source-map": "^0.7.4",
     "source-map-support": "^0.5.21",
@@ -60,11 +55,11 @@
   },
   "peerDependencies": {
     "@graphql-codegen/cli": "^5.0.2",
-    "@react-router/dev": "7.9.2",
-    "@shopify/hydrogen-codegen": "^0.3.3",
-    "@shopify/mini-oxygen": "^4.0.0",
+    "@react-router/dev": "~7.16.0",
     "graphql-config": "^5.0.3",
-    "vite": "^5.1.0 || ^6.2.0"
+    "vite": "^5.1.0 || ^6.2.0 || ^7.0.0 || ^8.0.0",
+    "@shopify/hydrogen-codegen": "0.3.3",
+    "@shopify/mini-oxygen": "4.1.0"
   },
   "peerDependenciesMeta": {
     "@graphql-codegen/cli": {
@@ -103,7 +98,7 @@
     "oclif.manifest.json"
   ],
   "engines": {
-    "node": ">=18.0.0"
+    "node": "^20 || ^22 || ^24"
   },
   "oclif": {
     "commands": "dist/commands",
@@ -130,5 +125,13 @@
     "plugins": [
       "@shopify/plugin-cloudflare"
     ]
+  },
+  "scripts": {
+    "build": "tsup && node scripts/build-check.mjs",
+    "dev": "tsup --watch ./src --watch ../../templates/skeleton",
+    "typecheck": "tsc --noEmit",
+    "generate:manifest": "node scripts/generate-manifest.mjs",
+    "test": "cross-env SHOPIFY_UNIT_TEST=1 LANG=en-US.UTF-8 vitest run --test-timeout=60000",
+    "test:watch": "cross-env SHOPIFY_UNIT_TEST=1 LANG=en-US.UTF-8 vitest --test-timeout=60000"
   }
-}
+}

package/dist/assets/hydrogen/starter/app/routes/api.$version.[graphql.json].tsx

@@ -1,14 +0,0 @@
-import type {Route} from './+types/api.$version.[graphql.json]';
-
-export async function action({params, context, request}: Route.ActionArgs) {
-  const response = await fetch(
-    `https://${context.env.PUBLIC_CHECKOUT_DOMAIN}/api/${params.version}/graphql.json`,
-    {
-      method: 'POST',
-      body: request.body,
-      headers: request.headers,
-    },
-  );
-
-  return new Response(response.body, {headers: new Headers(response.headers)});
-}

package/dist/lib/react-router-version-check.js

@@ -1,82 +0,0 @@
-import { readFile } from '@shopify/cli-kit/node/fs';
-import { joinPath } from '@shopify/cli-kit/node/path';
-import { renderWarning } from '@shopify/cli-kit/node/ui';
-import { outputDebug } from '@shopify/cli-kit/node/output';
-import semver from 'semver';
-
-const REACT_ROUTER_PACKAGES = [
-  "react-router",
-  "react-router-dom",
-  "@react-router/dev",
-  "@react-router/fs-routes"
-];
-const EXPECTED_VERSION = "7.9.2";
-async function checkReactRouterVersions(appPath) {
-  const mismatches = [];
-  const packageJsonPath = joinPath(appPath, "package.json");
-  let packageJson;
-  try {
-    packageJson = JSON.parse(await readFile(packageJsonPath));
-  } catch (error) {
-    outputDebug(
-      `Unable to read package.json for React Router version check: ${error}`
-    );
-    return;
-  }
-  const allDeps = {
-    ...packageJson.dependencies,
-    ...packageJson.devDependencies,
-    ...packageJson.peerDependencies
-  };
-  for (const pkg of REACT_ROUTER_PACKAGES) {
-    const installedVersion = allDeps[pkg];
-    if (!installedVersion) {
-      continue;
-    }
-    installedVersion.replace(/^[\^~]/, "");
-    if (!semver.satisfies(EXPECTED_VERSION, installedVersion)) {
-      mismatches.push({
-        package: pkg,
-        installed: installedVersion,
-        expected: EXPECTED_VERSION
-      });
-    }
-  }
-  if (mismatches.length > 0) {
-    const mismatchList = mismatches.map(
-      (m) => `  \u2022 ${m.package}: installed ${m.installed}, expected ${m.expected}`
-    ).join("\n");
-    const devPackages = ["@react-router/dev", "@react-router/fs-routes"];
-    const regularMismatches = mismatches.filter(
-      (m) => !devPackages.includes(m.package)
-    );
-    const devMismatches = mismatches.filter(
-      (m) => devPackages.includes(m.package)
-    );
-    const commands = [];
-    if (regularMismatches.length > 0) {
-      const regularList = regularMismatches.map((m) => `${m.package}@${EXPECTED_VERSION}`).join(" ");
-      commands.push(`npm install ${regularList}`);
-    }
-    if (devMismatches.length > 0) {
-      const devList = devMismatches.map((m) => `${m.package}@${EXPECTED_VERSION}`).join(" ");
-      commands.push(`npm install -D ${devList}`);
-    }
-    renderWarning({
-      headline: "React Router version mismatch detected",
-      body: [
-        "Hydrogen requires React Router 7.9.x for proper functionality.",
-        "",
-        "Version mismatches found:",
-        mismatchList,
-        "",
-        "To fix this issue, run:",
-        ...commands.map((cmd) => `  ${cmd}`),
-        "",
-        "This may cause issues with routing, code splitting, and other features."
-      ].join("\n")
-    });
-  }
-}
-
-export { checkReactRouterVersions };