@shopify/cli-hydrogen 11.1.4 → 11.1.6

package/dist/assets/hydrogen/starter/CHANGELOG.md

@@ -1,5 +1,37 @@
 # skeleton
 
+## 2025.7.1
+
+### Patch Changes
+
+- Update React Router to 7.12.0 with stabilized future flags ([#3346](https://github.com/Shopify/hydrogen/pull/3346)) by [@kdaviduik](https://github.com/kdaviduik)
+
+  This release uses React Router's newly stabilized future flags (`v8_splitRouteModules`, `v8_middleware`) instead of their unstable counterparts
+
+- Moved server build in `server.ts` from a dynamic import to a static import to speed up first rendering during local development (2s => 200ms). ([#3331](https://github.com/Shopify/hydrogen/pull/3331)) by [@frandiox](https://github.com/frandiox)
+
+  ```diff
+  // server.ts
+
+  +import * as serverBuild from 'virtual:react-router/server-build';
+
+        const handleRequest = createRequestHandler({
+  -        build: await import('virtual:react-router/server-build'),
+  +        build: serverBuild,
+  ```
+
+  Updated ESLint config to allow `virtual:` imports:
+
+  ```diff
+  // eslint.config.js
+
+  rules: {
+  +      'import/no-unresolved': ['error', {ignore: ['^virtual:']}],
+  ```
+
+- Updated dependencies [[`264e13349168f17cc1f096c84135d13d38cfc8df`](https://github.com/Shopify/hydrogen/commit/264e13349168f17cc1f096c84135d13d38cfc8df), [`6d5e3d371e7e02e15be17029a0f34daae53a978e`](https://github.com/Shopify/hydrogen/commit/6d5e3d371e7e02e15be17029a0f34daae53a978e), [`ee00f1025867c40d5f67fa89d4ffb215bf280e8f`](https://github.com/Shopify/hydrogen/commit/ee00f1025867c40d5f67fa89d4ffb215bf280e8f), [`5a38948133766e358c5f357f52562f6fdcfe7969`](https://github.com/Shopify/hydrogen/commit/5a38948133766e358c5f357f52562f6fdcfe7969), [`264e13349168f17cc1f096c84135d13d38cfc8df`](https://github.com/Shopify/hydrogen/commit/264e13349168f17cc1f096c84135d13d38cfc8df)]:
+  - @shopify/hydrogen@2025.7.1
+
 ## 2025.7.0
 
 ### Major Changes

package/dist/assets/hydrogen/starter/eslint.config.js

@@ -211,6 +211,7 @@ export default [
       '@typescript-eslint/no-floating-promises': 'error',
       '@typescript-eslint/no-misused-promises': 'error',
       'react/prop-types': 'off',
+      'import/no-unresolved': ['error', {ignore: ['^virtual:']}],
     },
   },
   {

package/dist/assets/hydrogen/starter/package.json

@@ -2,7 +2,7 @@
   "name": "skeleton",
   "private": true,
   "sideEffects": false,
-  "version": "2025.7.0",
+  "version": "2025.7.1",
   "type": "module",
   "scripts": {
     "build": "shopify hydrogen build --codegen",
@@ -14,23 +14,23 @@
   },
   "prettier": "@shopify/prettier-config",
   "dependencies": {
-    "@shopify/hydrogen": "2025.7.0",
+    "@shopify/hydrogen": "2025.7.1",
     "graphql": "^16.10.0",
     "graphql-tag": "^2.12.6",
     "isbot": "^5.1.22",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-router": "7.9.2",
-    "react-router-dom": "7.9.2"
+    "react-router": "7.12.0",
+    "react-router-dom": "7.12.0"
   },
   "devDependencies": {
     "@eslint/compat": "^1.2.5",
     "@eslint/eslintrc": "^3.2.0",
     "@eslint/js": "^9.18.0",
     "@graphql-codegen/cli": "5.0.2",
-    "@react-router/dev": "7.9.2",
-    "@react-router/fs-routes": "7.9.2",
-    "@shopify/cli": "3.84.1",
+    "@react-router/dev": "7.12.0",
+    "@react-router/fs-routes": "7.12.0",
+    "@shopify/cli": "3.85.4",
     "@shopify/hydrogen-codegen": "^0.3.3",
     "@shopify/mini-oxygen": "^4.0.0",
     "@shopify/oxygen-workers-types": "^4.1.6",

package/dist/assets/hydrogen/starter/server.ts

@@ -1,6 +1,5 @@
-// Virtual entry point for the app
-import {storefrontRedirect} from '@shopify/hydrogen';
-import {createRequestHandler} from '@shopify/hydrogen/oxygen';
+import * as serverBuild from 'virtual:react-router/server-build';
+import {createRequestHandler, storefrontRedirect} from '@shopify/hydrogen';
 import {createHydrogenRouterContext} from '~/lib/context';
 
 /**
@@ -20,12 +19,11 @@ export default {
       );
 
       /**
-       * Create a Remix request handler and pass
-       * Hydrogen's Storefront client to the loader context.
+       * Create a Hydrogen request handler that internally
+       * delegates to React Router for routing and rendering.
        */
       const handleRequest = createRequestHandler({
-        // eslint-disable-next-line import/no-unresolved
-        build: await import('virtual:react-router/server-build'),
+        build: serverBuild,
         mode: process.env.NODE_ENV,
         getLoadContext: () => hydrogenContext,
       });

package/dist/commands/hydrogen/dev.js

@@ -134,6 +134,8 @@ async function runDev({
   const viteServer = await vite.createServer({
     root,
     clearScreen: false,
+    // In unit tests, node_modules is a symlink. Avoid writing .vite cache inside it.
+    cacheDir: process.env.SHOPIFY_UNIT_TEST ? joinPath(root, ".vite") : void 0,
     customLogger: process.env.SHOPIFY_UNIT_TEST ? Object.assign(vite.createLogger(), {
       info: (msg) => collectLog("info", msg),
       warn: (msg) => collectLog("warn", msg),

package/dist/commands/hydrogen/upgrade.js

@@ -882,7 +882,15 @@ async function displayDevUpgradeNotice({
     ) : changelog.releases.findIndex(
       (release) => getAbsoluteVersion(release.version) === pinnedCurrentVersion
     );
-    const relevantReleases = changelog.releases.slice(0, currentReleaseIndex);
+    let relevantReleases;
+    if (currentReleaseIndex === -1) {
+      const insertionIndex = changelog.releases.findIndex(
+        (release) => semver.lte(getAbsoluteVersion(release.version), pinnedCurrentVersion)
+      );
+      relevantReleases = insertionIndex === -1 ? changelog.releases : changelog.releases.slice(0, insertionIndex);
+    } else {
+      relevantReleases = changelog.releases.slice(0, currentReleaseIndex);
+    }
     const nextReleases = Object.values(
       [...relevantReleases].reverse().reduce(
         (acc, release) => {
@@ -891,7 +899,7 @@ async function displayDevUpgradeNotice({
         },
         {}
       )
-    ).slice(0, 5);
+    ).reverse().slice(0, 5);
     let headline = Object.keys(uniqueAvailableUpgrades).length > 1 ? `There are ${Object.keys(uniqueAvailableUpgrades).length} new @shopify/hydrogen versions available.` : `There's a new @shopify/hydrogen version available.`;
     const cliCommand = await getCliCommand();
     renderInfo({

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

@@ -10,7 +10,7 @@ const REACT_ROUTER_PACKAGES = [
   "@react-router/dev",
   "@react-router/fs-routes"
 ];
-const EXPECTED_VERSION = "7.9.2";
+const EXPECTED_VERSION = "7.12.0";
 async function checkReactRouterVersions(appPath) {
   const mismatches = [];
   const packageJsonPath = joinPath(appPath, "package.json");
@@ -65,7 +65,7 @@ async function checkReactRouterVersions(appPath) {
     renderWarning({
       headline: "React Router version mismatch detected",
       body: [
-        "Hydrogen requires React Router 7.9.x for proper functionality.",
+        "Hydrogen requires React Router 7.12.0 for proper functionality.",
         "",
         "Version mismatches found:",
         mismatchList,

package/oclif.manifest.json

@@ -1683,5 +1683,5 @@
       ]
     }
   },
-  "version": "11.1.4"
+  "version": "11.1.6"
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
   },
-  "version": "11.1.4",
+  "version": "11.1.6",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -21,7 +21,7 @@
     "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.12.0",
     "@types/diff": "^5.0.2",
     "@types/gunzip-maybe": "^1.4.0",
     "@types/prettier": "^2.7.2",
@@ -60,7 +60,7 @@
   },
   "peerDependencies": {
     "@graphql-codegen/cli": "^5.0.2",
-    "@react-router/dev": "7.9.2",
+    "@react-router/dev": "7.12.0",
     "@shopify/hydrogen-codegen": "^0.3.3",
     "@shopify/mini-oxygen": "^4.0.0",
     "graphql-config": "^5.0.3",