@shopify/cli-hydrogen 11.1.9 → 11.1.10

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

@@ -1,5 +1,16 @@
 # skeleton
 
+## 2026.1.1
+
+### Patch Changes
+
+- Added a notice with relevant information on how to link a store in case there is no store linked yet ([#3448](https://github.com/Shopify/hydrogen/pull/3448)) by [@fredericoo](https://github.com/fredericoo)
+
+- Fixed an issue where users without addresses could not add the first one ([#3456](https://github.com/Shopify/hydrogen/pull/3456)) by [@fredericoo](https://github.com/fredericoo)
+
+- Updated dependencies [[`ff93a1daf2207e52e1f8331f9ff2ccd1f9b7fed6`](https://github.com/Shopify/hydrogen/commit/ff93a1daf2207e52e1f8331f9ff2ccd1f9b7fed6)]:
+  - @shopify/hydrogen@2026.1.1
+
 ## 2026.1.0
 
 ### Major Changes

package/dist/assets/hydrogen/starter/app/components/MockShopNotice.tsx

@@ -0,0 +1,20 @@
+export function MockShopNotice() {
+  return (
+    <section
+      className="mock-shop-notice"
+      aria-labelledby="mock-shop-notice-heading"
+    >
+      <div className="inner">
+        <h2 id="mock-shop-notice-heading">Welcome to Hydrogen!</h2>
+        <p>
+          You&rsquo;re seeing mocked products because no store is connected to
+          this project yet.
+        </p>
+        <p>
+          Link a store by running <code>npx shopify hydrogen link</code> in your
+          terminal.
+        </p>
+      </div>
+    </section>
+  );
+}

package/dist/assets/hydrogen/starter/app/entry.client.tsx

@@ -6,9 +6,8 @@ import {NonceProvider} from '@shopify/hydrogen';
 if (!window.location.origin.includes('webcache.googleusercontent.com')) {
   startTransition(() => {
     // Extract nonce from existing script tags
-    const existingNonce = document
-      .querySelector<HTMLScriptElement>('script[nonce]')
-      ?.nonce;
+    const existingNonce =
+      document.querySelector<HTMLScriptElement>('script[nonce]')?.nonce;
 
     hydrateRoot(
       document,

package/dist/assets/hydrogen/starter/app/routes/_index.tsx

@@ -1,8 +1,4 @@
-import {
-  Await,
-  useLoaderData,
-  Link,
-} from 'react-router';
+import {Await, useLoaderData, Link} from 'react-router';
 import type {Route} from './+types/_index';
 import {Suspense} from 'react';
 import {Image} from '@shopify/hydrogen';
@@ -11,6 +7,7 @@ import type {
   RecommendedProductsQuery,
 } from 'storefrontapi.generated';
 import {ProductItem} from '~/components/ProductItem';
+import {MockShopNotice} from '~/components/MockShopNotice';
 
 export const meta: Route.MetaFunction = () => {
   return [{title: 'Hydrogen | Home'}];
@@ -37,6 +34,7 @@ async function loadCriticalData({context}: Route.LoaderArgs) {
   ]);
 
   return {
+    isShopLinked: Boolean(context.env.PUBLIC_STORE_DOMAIN),
     featuredCollection: collections.nodes[0],
   };
 }
@@ -64,6 +62,7 @@ export default function Homepage() {
   const data = useLoaderData<typeof loader>();
   return (
     <div className="home">
+      {data.isShopLinked ? null : <MockShopNotice />}
       <FeaturedCollection collection={data.featuredCollection} />
       <RecommendedProducts products={data.recommendedProducts} />
     </div>

package/dist/assets/hydrogen/starter/app/routes/account.addresses.tsx

@@ -264,23 +264,23 @@ export default function Addresses() {
     <div className="account-addresses">
       <h2>Addresses</h2>
       <br />
-      {!addresses.nodes.length ? (
-        <p>You have no addresses saved.</p>
-      ) : (
+      <div>
         <div>
-          <div>
-            <legend>Create address</legend>
-            <NewAddressForm />
-          </div>
-          <br />
-          <hr />
-          <br />
+          <legend>Create address</legend>
+          <NewAddressForm key={addresses.nodes.length} />
+        </div>
+        <br />
+        <hr />
+        <br />
+        {!addresses.nodes.length ? (
+          <p>You have no addresses saved.</p>
+        ) : (
           <ExistingAddresses
             addresses={addresses}
             defaultAddress={defaultAddress}
           />
-        </div>
-      )}
+        )}
+      </div>
     </div>
   );
 }

package/dist/assets/hydrogen/starter/app/routes/account.tsx

@@ -14,14 +14,11 @@ export function shouldRevalidate() {
 
 export async function loader({context}: Route.LoaderArgs) {
   const {customerAccount} = context;
-  const {data, errors} = await customerAccount.query(
-    CUSTOMER_DETAILS_QUERY,
-    {
-      variables: {
-        language: customerAccount.i18n.language,
-      },
+  const {data, errors} = await customerAccount.query(CUSTOMER_DETAILS_QUERY, {
+    variables: {
+      language: customerAccount.i18n.language,
     },
-  );
+  });
 
   if (errors?.length || !data?.customer) {
     throw new Error('Customer not found');

package/dist/assets/hydrogen/starter/app/routes/blogs.$blogHandle._index.tsx

@@ -1,7 +1,4 @@
-import {
-  Link,
-  useLoaderData,
-} from 'react-router';
+import {Link, useLoaderData} from 'react-router';
 import type {Route} from './+types/blogs.$blogHandle._index';
 import {Image, getPaginationVariables} from '@shopify/hydrogen';
 import type {ArticleItemFragment} from 'storefrontapi.generated';
@@ -26,11 +23,7 @@ export async function loader(args: Route.LoaderArgs) {
  * Load data necessary for rendering content above the fold. This is the critical data
  * needed to render the page. If it's unavailable, the whole page should 400 or 500 error.
  */
-async function loadCriticalData({
-  context,
-  request,
-  params,
-}: Route.LoaderArgs) {
+async function loadCriticalData({context, request, params}: Route.LoaderArgs) {
   const paginationVariables = getPaginationVariables(request, {
     pageBy: 4,
   });

package/dist/assets/hydrogen/starter/app/routes/blogs._index.tsx

@@ -1,7 +1,4 @@
-import {
-  Link,
-  useLoaderData,
-} from 'react-router';
+import {Link, useLoaderData} from 'react-router';
 import type {Route} from './+types/blogs._index';
 import {getPaginationVariables} from '@shopify/hydrogen';
 import {PaginatedResourceSection} from '~/components/PaginatedResourceSection';

package/dist/assets/hydrogen/starter/app/routes/cart.tsx

@@ -1,8 +1,4 @@
-import {
-  useLoaderData,
-  data,
-  type HeadersFunction,
-} from 'react-router';
+import {useLoaderData, data, type HeadersFunction} from 'react-router';
 import type {Route} from './+types/cart';
 import type {CartQueryDataReturn} from '@shopify/hydrogen';
 import {CartForm} from '@shopify/hydrogen';

package/dist/assets/hydrogen/starter/app/routes/collections.all.tsx

@@ -1,7 +1,5 @@
 import type {Route} from './+types/collections.all';
-import {
-  useLoaderData,
-} from 'react-router';
+import {useLoaderData} from 'react-router';
 import {getPaginationVariables, Image, Money} from '@shopify/hydrogen';
 import {PaginatedResourceSection} from '~/components/PaginatedResourceSection';
 import {ProductItem} from '~/components/ProductItem';

package/dist/assets/hydrogen/starter/app/routes/pages.$handle.tsx

@@ -1,6 +1,4 @@
-import {
-  useLoaderData,
-} from 'react-router';
+import {useLoaderData} from 'react-router';
 import type {Route} from './+types/pages.$handle';
 import {redirectIfHandleIsLocalized} from '~/lib/redirect';
 
@@ -22,11 +20,7 @@ export async function loader(args: Route.LoaderArgs) {
  * Load data necessary for rendering content above the fold. This is the critical data
  * needed to render the page. If it's unavailable, the whole page should 400 or 500 error.
  */
-async function loadCriticalData({
-  context,
-  request,
-  params,
-}: Route.LoaderArgs) {
+async function loadCriticalData({context, request, params}: Route.LoaderArgs) {
   if (!params.handle) {
     throw new Error('Missing page handle');
   }

package/dist/assets/hydrogen/starter/app/routes/policies.$handle.tsx

@@ -1,7 +1,4 @@
-import {
-  Link,
-  useLoaderData,
-} from 'react-router';
+import {Link, useLoaderData} from 'react-router';
 import type {Route} from './+types/policies.$handle';
 import {type Shop} from '@shopify/hydrogen/storefront-api-types';
 

package/dist/assets/hydrogen/starter/app/routes/policies._index.tsx

@@ -4,7 +4,7 @@ import type {PoliciesQuery, PolicyItemFragment} from 'storefrontapi.generated';
 
 export async function loader({context}: Route.LoaderArgs) {
   const data: PoliciesQuery = await context.storefront.query(POLICIES_QUERY);
-  
+
   const shopPolicies = data.shop;
   const policies: PolicyItemFragment[] = [
     shopPolicies?.privacyPolicy,

package/dist/assets/hydrogen/starter/app/routes/products.$handle.tsx

@@ -1,7 +1,4 @@
-import {
-  redirect,
-  useLoaderData,
-} from 'react-router';
+import {redirect, useLoaderData} from 'react-router';
 import type {Route} from './+types/products.$handle';
 import {
   getSelectedProductOptions,
@@ -40,11 +37,7 @@ export async function loader(args: Route.LoaderArgs) {
  * Load data necessary for rendering content above the fold. This is the critical data
  * needed to render the page. If it's unavailable, the whole page should 400 or 500 error.
  */
-async function loadCriticalData({
-  context,
-  params,
-  request,
-}: Route.LoaderArgs) {
+async function loadCriticalData({context, params, request}: Route.LoaderArgs) {
   const {handle} = params;
   const {storefront} = context;
 

package/dist/assets/hydrogen/starter/app/routes/search.tsx

@@ -1,6 +1,4 @@
-import {
-  useLoaderData,
-} from 'react-router';
+import {useLoaderData} from 'react-router';
 import type {Route} from './+types/search';
 import {getPaginationVariables, Analytics} from '@shopify/hydrogen';
 import {SearchForm} from '~/components/SearchForm';
@@ -10,7 +8,10 @@ import {
   type PredictiveSearchReturn,
   getEmptyPredictiveSearchResult,
 } from '~/lib/search';
-import type {RegularSearchQuery, PredictiveSearchQuery} from 'storefrontapi.generated';
+import type {
+  RegularSearchQuery,
+  PredictiveSearchQuery,
+} from 'storefrontapi.generated';
 
 export const meta: Route.MetaFunction = () => {
   return [{title: `Hydrogen | Search`}];
@@ -225,9 +226,13 @@ async function regularSearch({
   const term = String(url.searchParams.get('q') || '');
 
   // Search articles, pages, and products for the `q` term
-  const {errors, ...items}: {errors?: Array<{message: string}>} & RegularSearchQuery = await storefront.query(SEARCH_QUERY, {
-    variables: {...variables, term},
-  });
+  const {
+    errors,
+    ...items
+  }: {errors?: Array<{message: string}>} & RegularSearchQuery =
+    await storefront.query(SEARCH_QUERY, {
+      variables: {...variables, term},
+    });
 
   if (!items) {
     throw new Error('No search data returned from Shopify API');
@@ -389,17 +394,18 @@ async function predictiveSearch({
   if (!term) return {type, term, result: getEmptyPredictiveSearchResult()};
 
   // Predictively search articles, collections, pages, products, and queries (suggestions)
-  const {predictiveSearch: items, errors}: PredictiveSearchQuery & {errors?: Array<{message: string}>} = await storefront.query(
-    PREDICTIVE_SEARCH_QUERY,
-    {
+  const {
+    predictiveSearch: items,
+    errors,
+  }: PredictiveSearchQuery & {errors?: Array<{message: string}>} =
+    await storefront.query(PREDICTIVE_SEARCH_QUERY, {
       variables: {
         // customize search options as needed
         limit,
         limitScope: 'EACH',
         term,
       },
-    },
-  );
+    });
 
   if (errors) {
     throw new Error(

package/dist/assets/hydrogen/starter/app/styles/app.css

@@ -22,6 +22,57 @@ img {
   cursor: pointer;
 }
 
+/*
+* --------------------------------------------------
+* components/MockShopNotice
+* --------------------------------------------------
+*/
+.mock-shop-notice {
+  background: var(--color-light);
+  border: 1px solid var(--color-dark);
+  border-left-width: 0.5rem;
+  margin: 1rem 0;
+  padding: 0;
+
+  .inner {
+    padding: 0.875rem 1rem;
+  }
+
+  h2 {
+    font-size: 1.6rem;
+    font-weight: 700;
+    line-height: 1.4;
+  }
+
+  p {
+    font-size: 1rem;
+    line-height: 1.4;
+    margin-bottom: 0.5rem;
+  }
+
+  footer {
+    background: rgba(0, 0, 0, 0.06);
+    padding: 0.5rem 1rem;
+  }
+
+  .small {
+    font-size: 0.875rem;
+    line-height: 1.4;
+    margin-bottom: 0.5rem;
+  }
+
+  code {
+    background: rgba(0, 0, 0, 0.06);
+    border-radius: 0.25rem;
+    padding: 0.1em 0.3em;
+  }
+
+  a {
+    text-decoration: underline;
+    text-underline-offset: 6px;
+  }
+}
+
 /*
 * --------------------------------------------------
 * components/Aside

package/dist/assets/hydrogen/starter/guides/predictiveSearch/predictiveSearch.md

@@ -15,7 +15,7 @@ This integration uses the storefront API (SFAPI) [predictiveSearch](https://shop
 
 | File                                                                                             | Description                                                                                                                                            |
 | ------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| [`app/components/SearchFormPredictive.tsx`](../../app/components/SearchFormPredictive.tsx)       | A fully customizable form component configured to make form `GET` requests to the `/search` route.                                                    |
+| [`app/components/SearchFormPredictive.tsx`](../../app/components/SearchFormPredictive.tsx)       | A fully customizable form component configured to make form `GET` requests to the `/search` route.                                                     |
 | [`app/components/SearchResultsPredictive.tsx`](../../app/components/SearchResultsPredictive.tsx) | A fully customizable search results wrapper, that provides compound components to render `articles`, `pages`, `products`, `collections` and `queries`. |
 
 ## Instructions
@@ -217,10 +217,10 @@ export async function loader({request, context}: LoaderFunctionArgs) {
   const isPredictive = url.searchParams.has('predictive');
 
   if (!isPredictive) {
-    return {}
+    return {};
   }
 
-  const searchPromise = predictiveSearch({request, context})
+  const searchPromise = predictiveSearch({request, context});
 
   searchPromise.catch((error: Error) => {
     console.error(error);

package/dist/assets/hydrogen/starter/guides/search/search.md

@@ -212,7 +212,7 @@ export async function loader({request, context}: LoaderFunctionArgs) {
   const isRegular = !url.searchParams.has('predictive');
 
   if (!isRegular) {
-    return {}
+    return {};
   }
 
   const searchPromise = regularSearch({request, context});

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

@@ -2,7 +2,7 @@
   "name": "skeleton",
   "private": true,
   "sideEffects": false,
-  "version": "2026.1.0",
+  "version": "2026.1.1",
   "type": "module",
   "scripts": {
     "build": "shopify hydrogen build --codegen",
@@ -14,12 +14,12 @@
   },
   "prettier": "@shopify/prettier-config",
   "dependencies": {
-    "@shopify/hydrogen": "2026.1.0",
+    "@shopify/hydrogen": "*2026.1.1",
     "graphql": "^16.10.0",
     "graphql-tag": "^2.12.6",
     "isbot": "^5.1.22",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-router": "7.12.0",
     "react-router-dom": "7.12.0"
   },
@@ -31,14 +31,14 @@
     "@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/hydrogen-codegen": "0.3.3",
+    "@shopify/mini-oxygen": "4.0.1",
     "@shopify/oxygen-workers-types": "^4.1.6",
     "@shopify/prettier-config": "^1.1.2",
     "@total-typescript/ts-reset": "^0.6.1",
     "@types/eslint": "^9.6.1",
-    "@types/react": "^18.2.22",
-    "@types/react-dom": "^18.2.7",
+    "@types/react": "^18.3.28",
+    "@types/react-dom": "^18.3.7",
     "@typescript-eslint/eslint-plugin": "^8.21.0",
     "@typescript-eslint/parser": "^8.21.0",
     "eslint": "^9.18.0",
@@ -58,6 +58,6 @@
     "vite-tsconfig-paths": "^4.3.1"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": "^22 || ^24"
   }
 }

package/dist/commands/hydrogen/dev.js

@@ -11,7 +11,6 @@ import { commonFlags, overrideFlag, flagsToCamelObject, DEFAULT_INSPECTOR_PORT,
 import { spawnCodegenProcess } from '../../lib/codegen.js';
 import { getAllEnvironmentVariables } from '../../lib/environment-variables.js';
 import { displayDevUpgradeNotice } from './upgrade.js';
-import { checkReactRouterVersions } from '../../lib/react-router-version-check.js';
 import { getDevConfigInBackground, TUNNEL_DOMAIN, startTunnelAndPushConfig, isMockShop, notifyIssueWithTunnelAndMockShop, getUtilityBannerlines, getDebugBannerLine } from '../../lib/dev-shared.js';
 import { getCliCommand } from '../../lib/shell.js';
 import { findPort } from '../../lib/find-port.js';
@@ -238,9 +237,6 @@ async function runDev({
   viteServer.bindCLIShortcuts({ print: true });
   console.log("\n");
   const storefrontTitle = (await backgroundPromise).storefrontTitle;
-  if (!disableVersionCheck) {
-    await checkReactRouterVersions(root);
-  }
   showSuccessBanner({
     disableVirtualRoutes,
     debug,

package/dist/commands/hydrogen/init.d.ts

@@ -1,6 +1,6 @@
+import { PackageManager } from '@shopify/cli-kit/node/node-package-manager';
 import * as _oclif_core_lib_interfaces_parser_js from '@oclif/core/lib/interfaces/parser.js';
 import Command from '@shopify/cli-kit/node/base-command';
-import { PackageManager } from '@shopify/cli-kit/node/node-package-manager';
 
 declare const SETUP_I18N_STRATEGIES: readonly ["subfolders", "domains", "subdomains"];
 type I18nStrategy = (typeof SETUP_I18N_STRATEGIES)[number];
@@ -24,7 +24,6 @@ type InitOptions = {
     i18n?: I18nChoice;
     token?: string;
     force?: boolean;
-    routes?: boolean;
     shortcut?: boolean;
     installDeps?: boolean;
     git?: boolean;
@@ -41,7 +40,6 @@ declare class Init extends Command {
     static descriptionWithMarkdown: string;
     static description: string;
     static flags: {
-        routes: _oclif_core_lib_interfaces_parser_js.BooleanFlag<boolean>;
         git: _oclif_core_lib_interfaces_parser_js.BooleanFlag<boolean>;
         quickstart: _oclif_core_lib_interfaces_parser_js.BooleanFlag<boolean>;
         'package-manager': _oclif_core_lib_interfaces_parser_js.OptionFlag<string | undefined, _oclif_core_lib_interfaces_parser_js.CustomOptions>;
@@ -60,7 +58,7 @@ declare class Init extends Command {
 declare function runInit({ markets, ...options }?: InitOptions & {
     markets?: InitOptions['i18n'];
 }): Promise<{
-    language?: "js" | "ts";
+    language?: Language;
     packageManager: "npm" | "pnpm" | "yarn" | "bun" | "unknown";
     cssStrategy?: CssStrategy;
     cliCommand: CliCommand;

package/dist/commands/hydrogen/init.js

@@ -1,7 +1,7 @@
 import Command from '@shopify/cli-kit/node/base-command';
 import { Flags } from '@oclif/core';
 import { AbortError } from '@shopify/cli-kit/node/error';
-import { commonFlags, parseProcessFlags, flagsToCamelObject } from '../../lib/flags.js';
+import { commonFlags, flagsToCamelObject, parseProcessFlags } from '../../lib/flags.js';
 import { checkCurrentCLIVersion } from '../../lib/check-cli-version.js';
 import { STYLING_CHOICES } from '../../lib/setups/css/index.js';
 import { I18N_CHOICES } from '../../lib/setups/i18n/index.js';
@@ -36,11 +36,6 @@ class Init extends Command {
     ...commonFlags.styling,
     ...commonFlags.markets,
     ...commonFlags.shortcut,
-    routes: Flags.boolean({
-      description: "Generate routes for all pages.",
-      env: "SHOPIFY_HYDROGEN_FLAG_ROUTES",
-      allowNo: true
-    }),
     git: Flags.boolean({
       description: "Init Git and create initial commits.",
       env: "SHOPIFY_HYDROGEN_FLAG_GIT",
@@ -48,7 +43,7 @@ class Init extends Command {
       allowNo: true
     }),
     quickstart: Flags.boolean({
-      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",
       default: false
     }),
@@ -91,7 +86,6 @@ async function runInit({
     options.language ??= "js";
     options.mockShop ??= true;
     options.path ??= "./hydrogen-quickstart";
-    options.routes ??= true;
     options.shortcut ??= true;
     options.styling ??= "none";
   }

package/dist/commands/hydrogen/preview.js

@@ -5,7 +5,7 @@ import { outputInfo } from '@shopify/cli-kit/node/output';
 import { resolvePath, joinPath } from '@shopify/cli-kit/node/path';
 import { setH2OVerbose, isH2Verbose, muteDevLogs } from '../../lib/log.js';
 import { getProjectPaths, isClassicProject } from '../../lib/remix-config.js';
-import { overrideFlag, commonFlags, flagsToCamelObject, DEFAULT_APP_PORT } from '../../lib/flags.js';
+import { commonFlags, overrideFlag, flagsToCamelObject, DEFAULT_APP_PORT } from '../../lib/flags.js';
 import { startMiniOxygen } from '../../lib/mini-oxygen/index.js';
 import { getAllEnvironmentVariables } from '../../lib/environment-variables.js';
 import { getConfig } from '../../lib/shopify-config.js';

package/dist/commands/hydrogen/setup/css.js

@@ -1,5 +1,5 @@
 import { resolvePath } from '@shopify/cli-kit/node/path';
-import { overrideFlag, commonFlags, flagsToCamelObject } from '../../../lib/flags.js';
+import { commonFlags, overrideFlag, flagsToCamelObject } from '../../../lib/flags.js';
 import Command from '@shopify/cli-kit/node/base-command';
 import { renderSuccess, renderTasks, renderWarning } from '@shopify/cli-kit/node/ui';
 import { getPackageManager, installNodeModules } from '@shopify/cli-kit/node/node-package-manager';

package/dist/commands/hydrogen/setup/vite.js

@@ -5,7 +5,7 @@ import { removeFile, moveFile, readFile, writeFile, fileExists } from '@shopify/
 import { readAndParsePackageJson, installNodeModules, getPackageManager } from '@shopify/cli-kit/node/node-package-manager';
 import { commonFlags, flagsToCamelObject } from '../../../lib/flags.js';
 import { getRawRemixConfig } from '../../../lib/remix-config.js';
-import { mergePackageJson, replaceFileContent } from '../../../lib/file.js';
+import { replaceFileContent, mergePackageJson } from '../../../lib/file.js';
 import { importLangAstGrep } from '../../../lib/ast.js';
 import { getAssetsDir } from '../../../lib/build.js';
 import { getCodeFormatOptions, formatCode } from '../../../lib/format-code.js';

package/dist/commands/hydrogen/setup.js

@@ -3,7 +3,7 @@ import { AbortController } from '@shopify/cli-kit/node/abort';
 import { renderTasks } from '@shopify/cli-kit/node/ui';
 import { resolvePath, basename, joinPath } from '@shopify/cli-kit/node/path';
 import { fileExists, glob, copyFile } from '@shopify/cli-kit/node/fs';
-import { overrideFlag, commonFlags, flagsToCamelObject } from '../../lib/flags.js';
+import { commonFlags, overrideFlag, flagsToCamelObject } from '../../lib/flags.js';
 import { renderI18nPrompt, setupI18nStrategy } from '../../lib/setups/i18n/index.js';
 import { getRemixConfig } from '../../lib/remix-config.js';
 import { handleRouteGeneration, generateProjectEntries, handleCliShortcut, renderProjectReady } from '../../lib/onboarding/common.js';
@@ -49,39 +49,37 @@ async function runSetup(options) {
     extraChoices: { none: "Set up later" }
   });
   const i18n = i18nStrategy === "none" ? void 0 : i18nStrategy;
-  const { needsRouteGeneration, setupRoutes } = await handleRouteGeneration(controller);
+  const { setupRoutes } = handleRouteGeneration(controller);
   let routes;
-  if (needsRouteGeneration) {
-    const templateRoot = await getTemplateAppFile("..");
-    const [typescript, dtsFiles] = await Promise.all([
-      fileExists(joinPath(rootDirectory, "tsconfig.json")),
-      glob("*.d.ts", { cwd: templateRoot })
-    ]);
-    backgroundWorkPromise = backgroundWorkPromise.then(
-      () => Promise.all([
-        ...dtsFiles.map(
-          (filename) => copyFile(
-            joinPath(templateRoot, filename),
-            resolvePath(rootDirectory, filename)
-          )
-        ),
-        // Copy app entries
-        generateProjectEntries({
-          rootDirectory,
-          appDirectory,
-          typescript
-        })
-      ])
-    ).then(async () => {
-      routes = await setupRoutes(rootDirectory, typescript ? "ts" : "js", {
-        i18nStrategy: i18n,
-        // User might have added files before running this command.
-        // We should overwrite them to ensure the routes are set up correctly.
-        // Relies on Git to restore the files if needed.
-        overwriteFileDeps: true
-      });
+  const templateRoot = await getTemplateAppFile("..");
+  const [typescript, dtsFiles] = await Promise.all([
+    fileExists(joinPath(rootDirectory, "tsconfig.json")),
+    glob("*.d.ts", { cwd: templateRoot })
+  ]);
+  backgroundWorkPromise = backgroundWorkPromise.then(
+    () => Promise.all([
+      ...dtsFiles.map(
+        (filename) => copyFile(
+          joinPath(templateRoot, filename),
+          resolvePath(rootDirectory, filename)
+        )
+      ),
+      // Copy app entries
+      generateProjectEntries({
+        rootDirectory,
+        appDirectory,
+        typescript
+      })
+    ])
+  ).then(async () => {
+    routes = await setupRoutes(rootDirectory, typescript ? "ts" : "js", {
+      i18nStrategy: i18n,
+      // User might have added files before running this command.
+      // We should overwrite them to ensure the routes are set up correctly.
+      // Relies on Git to restore the files if needed.
+      overwriteFileDeps: true
     });
-  }
+  });
   if (i18n) {
     backgroundWorkPromise = backgroundWorkPromise.then(
       () => setupI18nStrategy(i18n, { rootDirectory })
@@ -93,7 +91,7 @@ async function runSetup(options) {
     cliCommand,
     options.shortcut
   );
-  if (!i18n && !needsRouteGeneration && !createShortcut) return;
+  if (!i18n && !createShortcut) return;
   if (createShortcut) {
     backgroundWorkPromise = backgroundWorkPromise.then(async () => {
       if (await createShortcut()) {

package/dist/commands/hydrogen/upgrade.js

@@ -859,6 +859,13 @@ async function displayDevUpgradeNotice({
     const { currentVersion, currentDependencies } = await getHydrogenVersion({
       appPath
     });
+    if (currentVersion.startsWith("workspace:")) {
+      renderInfo({
+        headline: "Using monorepo @shopify/hydrogen dependency",
+        body: "This project uses the workspace protocol for @shopify/hydrogen, so upgrade notices are skipped during local monorepo development."
+      });
+      return;
+    }
     const isPrerelease = semver.prerelease(currentVersion);
     if (isPrerelease || /^[a-z]+$/i.test(currentVersion)) {
       return;

package/dist/lib/build.js

@@ -69,12 +69,11 @@ function getSkeletonNodeModules() {
   return joinPath(getSkeletonSourceDir(), "node_modules");
 }
 async function getRepoNodeModules() {
-  const { stdout } = await execAsync("npm root");
-  let nodeModulesPath = stdout.trim();
-  if (!nodeModulesPath && isHydrogenMonorepo) {
-    nodeModulesPath = joinPath(dirname(monorepoPackagesPath), "node_modules");
+  if (isHydrogenMonorepo) {
+    return getSkeletonNodeModules();
   }
-  return nodeModulesPath;
+  const { stdout } = await execAsync("npm root");
+  return stdout.trim();
 }
 
 export { ASSETS_DIR_PREFIX, ASSETS_STARTER_DIR, ASSETS_STARTER_DIR_ROUTES, getAssetsDir, getPkgJsonPath, getRepoNodeModules, getSkeletonNodeModules, getSkeletonSourceDir, getStarterDir, getTemplateAppFile, hydrogenPackagesPath, isHydrogenMonorepo };

package/dist/lib/codegen.js

@@ -2,7 +2,7 @@ import { spawn } from 'node:child_process';
 import { fileURLToPath } from 'node:url';
 import { getCodeFormatOptions, formatCode } from './format-code.js';
 import { renderInfo, renderWarning } from '@shopify/cli-kit/node/ui';
-import { relativePath, resolvePath, joinPath, basename } from '@shopify/cli-kit/node/path';
+import { relativePath, joinPath, resolvePath, basename } from '@shopify/cli-kit/node/path';
 import { AbortError } from '@shopify/cli-kit/node/error';
 import { importLocal } from './import-utils.js';
 
@@ -283,7 +283,7 @@ function findGqlProject(schemaFilepath, gqlConfig) {
   );
 }
 async function addHooksToHydrogenOptions(codegenConfig, { rootDirectory }) {
-  const name = Symbol.for("name");
+  const name = /* @__PURE__ */ Symbol.for("name");
   const hydrogenProjectsOptions = Object.values(codegenConfig.generates).filter(
     (value) => {
       const foundPreset = (Array.isArray(value) ? value[0] : value)?.preset;

package/dist/lib/format-code.js

@@ -1,5 +1,5 @@
 import { extname } from '@shopify/cli-kit/node/path';
-import * as prettier from 'prettier';
+import { resolveConfig, format } from 'prettier';
 import * as FS from 'fs/promises';
 import * as Path from 'path';
 
@@ -12,14 +12,14 @@ const DEFAULT_PRETTIER_CONFIG = {
 async function getCodeFormatOptions(filePath = process.cwd()) {
   const pathToUse = (await FS.lstat(filePath)).isFile() ? filePath : Path.resolve(filePath, "prettier.file");
   try {
-    return await prettier.resolveConfig(pathToUse) || DEFAULT_PRETTIER_CONFIG;
+    return await resolveConfig(pathToUse) || DEFAULT_PRETTIER_CONFIG;
   } catch {
     return DEFAULT_PRETTIER_CONFIG;
   }
 }
 async function formatCode(content, config = DEFAULT_PRETTIER_CONFIG, filePath = "") {
   const ext = extname(filePath);
-  return prettier.format(content, {
+  return format(content, {
     // Specify the TypeScript parser for ts/tsx files. Otherwise
     // we need to use the babel parser instead of the default parser,
     // because prettier will print a warning.

package/dist/lib/mini-oxygen/workerd.js

@@ -1,13 +1,13 @@
 import { createRequire } from 'node:module';
 import { resolvePath, dirname } from '@shopify/cli-kit/node/path';
-import { readFile, createFileReadStream } from '@shopify/cli-kit/node/fs';
+import { createFileReadStream, readFile } from '@shopify/cli-kit/node/fs';
 import { renderSuccess } from '@shopify/cli-kit/node/ui';
 import { outputNewline } from '@shopify/cli-kit/node/output';
 import { AbortError } from '@shopify/cli-kit/node/error';
 import colors from '@shopify/cli-kit/node/colors';
 import { handleMiniOxygenImportFail, SUBREQUEST_PROFILER_ENDPOINT, logRequestLine } from './common.js';
 import { TUNNEL_DOMAIN, getUtilityBannerlines, getDebugBannerLine } from '../dev-shared.js';
-import { setConstructors, handleDebugNetworkRequest, createLogRequestEvent, H2O_BINDING_NAME } from '../request-events.js';
+import { setConstructors, handleDebugNetworkRequest, H2O_BINDING_NAME, createLogRequestEvent } from '../request-events.js';
 import { importLocal } from '../import-utils.js';
 
 async function startWorkerdServer({
@@ -28,9 +28,7 @@ async function startWorkerdServer({
   setConstructors({ Response });
   async function handleCustomerAccountSchema() {
     const require2 = createRequire(import.meta.url);
-    const filePath = require2.resolve(
-      "@shopify/hydrogen/customer-account.schema.json"
-    );
+    const filePath = require2.resolve("@shopify/hydrogen/customer-account.schema.json");
     return new Response(createFileReadStream(filePath), {
       headers: { "Content-Type": "application/json" }
     });

package/dist/lib/onboarding/common.js

@@ -1,6 +1,6 @@
 import { symlink, readdir } from 'node:fs/promises';
 import { packageManagerFromUserAgent, installNodeModules } from '@shopify/cli-kit/node/node-package-manager';
-import { renderConfirmationPrompt, renderInfo, renderTextPrompt, renderSelectPrompt, renderWarning, renderSuccess, renderFatalError } from '@shopify/cli-kit/node/ui';
+import { renderConfirmationPrompt, renderInfo, renderTextPrompt, renderSelectPrompt, renderFatalError, renderWarning, renderSuccess } from '@shopify/cli-kit/node/ui';
 import { hyphenate, capitalize } from '@shopify/cli-kit/common/string';
 import { joinPath, resolvePath, basename } from '@shopify/cli-kit/node/path';
 import { initializeGitRepository, addAllToGitFromDirectory, createGitCommit } from '@shopify/cli-kit/node/git';
@@ -15,7 +15,7 @@ import { titleize } from '../string.js';
 import { ALIAS_NAME, createPlatformShortcut } from '../shell.js';
 import { transpileProject } from '../transpile/index.js';
 import { renderCssPrompt, setupCssStrategy, CSS_STRATEGY_NAME_MAP } from '../setups/css/index.js';
-import { renderRoutePrompt, generateRoutes, generateProjectFile } from '../setups/routes/generate.js';
+import { generateRoutes, generateProjectFile } from '../setups/routes/generate.js';
 import { execAsync } from '../process.js';
 import { getStorefronts } from '../graphql/admin/link-storefront.js';
 import { isHydrogenMonorepo, getSkeletonSourceDir, getRepoNodeModules } from '../build.js';
@@ -42,32 +42,25 @@ async function handleI18n(controller, cliCommand, flagI18n) {
     }
   };
 }
-async function handleRouteGeneration(controller, flagRoutes) {
-  const routesToScaffold = flagRoutes === true ? "all" : flagRoutes === false ? [] : await renderRoutePrompt({
-    abortSignal: controller.signal
-  });
-  const needsRouteGeneration = routesToScaffold === "all" || routesToScaffold.length > 0;
+function handleRouteGeneration(controller) {
   return {
-    needsRouteGeneration,
     setupRoutes: async (directory, language, options) => {
-      if (needsRouteGeneration) {
-        const result = await generateRoutes(
-          {
-            routeName: routesToScaffold,
-            directory,
-            force: true,
-            typescript: language === "ts",
-            localePrefix: options?.i18nStrategy === "subfolders" ? "locale" : false,
-            signal: controller.signal,
-            ...options
-          },
-          {
-            rootDirectory: directory,
-            appDirectory: joinPath(directory, "app")
-          }
-        );
-        return result.routeGroups;
-      }
+      const result = await generateRoutes(
+        {
+          routeName: "all",
+          directory,
+          force: true,
+          typescript: language === "ts",
+          localePrefix: options?.i18nStrategy === "subfolders" ? "locale" : false,
+          signal: controller.signal,
+          ...options
+        },
+        {
+          rootDirectory: directory,
+          appDirectory: joinPath(directory, "app")
+        }
+      );
+      return result.routeGroups;
     }
   };
 }

package/dist/lib/onboarding/local.js

@@ -2,8 +2,7 @@ import { cp } from 'node:fs/promises';
 import { writeFile } from '@shopify/cli-kit/node/fs';
 import { relativePath, joinPath } from '@shopify/cli-kit/node/path';
 import { hyphenate } from '@shopify/cli-kit/common/string';
-import colors from '@shopify/cli-kit/node/colors';
-import { renderSelectPrompt, renderSuccess, renderConfirmationPrompt, renderTasks } from '@shopify/cli-kit/node/ui';
+import { renderSelectPrompt, renderSuccess, renderTasks } from '@shopify/cli-kit/node/ui';
 import { handleStorefrontLink, handleProjectLocation, createAbortHandler, generateProjectEntries, handleLanguage, createInitialCommit, handleCssStrategy, commitAll, handleDependencies, handleCliShortcut, handleI18n, handleRouteGeneration, renderProjectReady } from './common.js';
 import { createStorefront } from '../graphql/admin/create-storefront.js';
 import { waitForJob } from '../graphql/admin/fetch-job.js';
@@ -49,7 +48,7 @@ async function setupLocalStarterTemplate(options, controller) {
     {
       force: true,
       recursive: true,
-      filter: (filepath) => !/^(app\/|dist\/|node_modules\/|server\.ts|\.shopify\/)/i.test(
+      filter: (filepath) => !/^(app(\/|$)|dist(\/|$)|node_modules(\/|$)|server\.ts$|\.shopify(\/|$))/i.test(
         relativePath(templateDir, filepath)
       )
     }
@@ -217,65 +216,53 @@ async function setupLocalStarterTemplate(options, controller) {
       ]
     });
   }
-  const continueWithSetup = (options.i18n ?? options.routes) !== void 0 || await renderConfirmationPrompt({
-    message: "Do you want to scaffold routes and core functionality?",
-    confirmationMessage: "Yes, set up now",
-    cancellationMessage: "No, set up later " + colors.dim(`(run \`${setupSummary.cliCommand} setup\`)`),
-    abortSignal: controller.signal
-  });
-  if (continueWithSetup) {
-    const { i18nStrategy, setupI18n } = await handleI18n(
-      controller,
-      setupSummary.cliCommand,
-      options.i18n
-    );
-    const { setupRoutes } = await handleRouteGeneration(
-      controller,
-      options.routes ?? true
-      // TODO: Remove default value when multi-select UI component is available
-    );
-    setupSummary.i18n = i18nStrategy;
-    backgroundWorkPromise = backgroundWorkPromise.then(async () => {
-      await setupI18n({
-        rootDirectory: project.directory,
-        contextCreate: language === "ts" ? "app/lib/context.ts" : "app/lib/context.js"
-      }).then(
-        () => options.git ? commitAll(
-          project.directory,
-          `Setup markets support using ${i18nStrategy}`
-        ) : void 0
-      ).catch((error) => {
-        setupSummary.i18nError = error;
-      });
-      await setupRoutes(project.directory, language, {
-        i18nStrategy,
-        // The init process might have added and modified files. Do not overwrite them.
-        // E.g. CSS imports might have been added to the root.
-        overwriteFileDeps: false
-      }).then(async (routes) => {
-        setupSummary.routes = routes;
-        if (language === "ts" && setupSummary.depsInstalled) {
-          try {
-            await execAsync("npx react-router typegen", {
-              cwd: project.directory
-            });
-          } catch (error) {
-            outputWarn(
-              "Failed to generate React Router types after route generation. You may need to run `npx react-router typegen` manually."
-            );
-          }
-        }
-        if (options.git && routes) {
-          return commitAll(
-            project.directory,
-            `Generate routes for core functionality`
+  const { i18nStrategy, setupI18n } = await handleI18n(
+    controller,
+    setupSummary.cliCommand,
+    options.i18n
+  );
+  const { setupRoutes } = handleRouteGeneration(controller);
+  setupSummary.i18n = i18nStrategy;
+  backgroundWorkPromise = backgroundWorkPromise.then(async () => {
+    await setupI18n({
+      rootDirectory: project.directory,
+      contextCreate: language === "ts" ? "app/lib/context.ts" : "app/lib/context.js"
+    }).then(
+      () => options.git ? commitAll(
+        project.directory,
+        `Setup markets support using ${i18nStrategy}`
+      ) : void 0
+    ).catch((error) => {
+      setupSummary.i18nError = error;
+    });
+    await setupRoutes(project.directory, language, {
+      i18nStrategy,
+      // The init process might have added and modified files. Do not overwrite them.
+      // E.g. CSS imports might have been added to the root.
+      overwriteFileDeps: false
+    }).then(async (routes) => {
+      setupSummary.routes = routes;
+      if (language === "ts" && setupSummary.depsInstalled) {
+        try {
+          await execAsync("npx react-router typegen", {
+            cwd: project.directory
+          });
+        } catch (error) {
+          outputWarn(
+            "Failed to generate React Router types after route generation. You may need to run `npx react-router typegen` manually."
           );
         }
-      }).catch((error) => {
-        setupSummary.routesError = error;
-      });
+      }
+      if (options.git && routes) {
+        return commitAll(
+          project.directory,
+          `Generate routes for core functionality`
+        );
+      }
+    }).catch((error) => {
+      setupSummary.routesError = error;
     });
-  }
+  });
   await renderTasks(tasks);
   if (options.git) {
     await commitAll(project.directory, "Lockfile");

package/dist/lib/template-pack.js

@@ -0,0 +1,84 @@
+import { execFileSync } from 'node:child_process';
+import { readFile, writeFile, mkdtemp, rm } from 'node:fs/promises';
+import { join } from 'node:path';
+import { tmpdir } from 'node:os';
+
+const DEPENDENCY_SECTIONS = [
+  "dependencies",
+  "devDependencies",
+  "peerDependencies",
+  "optionalDependencies"
+];
+function hasReplaceableProtocol(version) {
+  return version.startsWith("workspace:") || version.startsWith("catalog:");
+}
+async function getPackedTemplatePackageJson(sourceTemplateDir) {
+  const tempDir = await mkdtemp(join(tmpdir(), "hydrogen-template-pack-"));
+  try {
+    const rawPackResult = execFileSync(
+      "pnpm",
+      ["pack", "--pack-destination", tempDir, "--json"],
+      {
+        cwd: sourceTemplateDir,
+        encoding: "utf8"
+      }
+    );
+    const parsedResult = JSON.parse(rawPackResult.trim());
+    const packedTarball = Array.isArray(parsedResult) ? parsedResult[0]?.filename : parsedResult.filename;
+    if (!packedTarball) {
+      throw new Error("pnpm pack did not return a tarball filename.");
+    }
+    const packedManifestRaw = execFileSync(
+      "tar",
+      [
+        "-xOf",
+        packedTarball.startsWith("/") ? packedTarball : join(tempDir, packedTarball),
+        "package/package.json"
+      ],
+      { encoding: "utf8" }
+    );
+    return JSON.parse(packedManifestRaw);
+  } finally {
+    await rm(tempDir, { recursive: true, force: true });
+  }
+}
+function replaceWorkspaceProtocolVersionsInPackageJson({
+  packedManifest,
+  targetPackageJson
+}) {
+  for (const section of DEPENDENCY_SECTIONS) {
+    const targetDeps = targetPackageJson[section];
+    if (!targetDeps) continue;
+    for (const [name, version] of Object.entries(targetDeps)) {
+      if (!hasReplaceableProtocol(version)) continue;
+      const packedVersion = packedManifest[section]?.[name];
+      if (!packedVersion) {
+        throw new Error(
+          `Unable to resolve ${name} from ${section} in packed template manifest.`
+        );
+      }
+      targetDeps[name] = packedVersion;
+    }
+  }
+}
+async function replaceWorkspaceProtocolVersions({
+  sourceTemplateDir,
+  targetTemplateDir
+}) {
+  const packedManifest = await getPackedTemplatePackageJson(sourceTemplateDir);
+  const targetPackageJsonPath = join(targetTemplateDir, "package.json");
+  const targetPackageJson = JSON.parse(
+    await readFile(targetPackageJsonPath, "utf8")
+  );
+  replaceWorkspaceProtocolVersionsInPackageJson({
+    packedManifest,
+    targetPackageJson
+  });
+  await writeFile(
+    targetPackageJsonPath,
+    `${JSON.stringify(targetPackageJson, null, 2)}
+`
+  );
+}
+
+export { replaceWorkspaceProtocolVersions };

package/oclif.manifest.json

@@ -1048,13 +1048,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 +1056,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 +1676,5 @@
       ]
     }
   },
-  "version": "11.1.9"
+  "version": "11.1.10"
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
   },
-  "version": "11.1.9",
+  "version": "11.1.10",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -12,18 +12,12 @@
     "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.12.0",
     "@types/diff": "^5.0.2",
     "@types/gunzip-maybe": "^1.4.0",
+    "@types/node": "^22",
+    "esbuild": "^0.25.0",
     "@types/prettier": "^2.7.2",
     "@types/source-map-support": "^0.5.10",
     "@types/tar-fs": "^2.0.1",
@@ -46,10 +40,11 @@
     "chokidar": "3.5.3",
     "cli-truncate": "^4.0.0",
     "diff": "^5.1.0",
+    "esbuild": "^0.25.12",
     "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",
@@ -61,10 +56,10 @@
   "peerDependencies": {
     "@graphql-codegen/cli": "^5.0.2",
     "@react-router/dev": "7.12.0",
-    "@shopify/hydrogen-codegen": "^0.3.3",
-    "@shopify/mini-oxygen": "^4.0.0",
     "graphql-config": "^5.0.3",
-    "vite": "^5.1.0 || ^6.2.0"
+    "vite": "^5.1.0 || ^6.2.0",
+    "@shopify/hydrogen-codegen": "0.3.3",
+    "@shopify/mini-oxygen": "4.0.1"
   },
   "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/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.12.0";
-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.12.0 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 };