@shopify/cli 3.80.4 → 3.80.5

package/dist/assets/hydrogen/starter/.cursor/rules/hydrogen-react-router.mdc

@@ -1,7 +1,7 @@
 ---
-description: This Hydrogen project is based on react-router, NOT @remix-run/react!
-globs: *
-alwaysApply: false
+description: 
+globs: 
+alwaysApply: true
 ---
 
 # React Router Import Rule for Hydrogen
@@ -29,6 +29,8 @@ When you see imports from Remix packages, replace them with their equivalent Rea
 | `@remix-run/server-runtime` | `react-router` |
 | `@remix-run/testing` | `react-router` |
 
+NEVER USE 'react-router-dom' imports!
+
 ## Common Import Examples
 
 ```js

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

@@ -1,5 +1,17 @@
 # skeleton
 
+## 2025.5.2
+
+### Patch Changes
+
+- Fixing the skeleton's Vite Config ([#2958](https://github.com/Shopify/hydrogen/pull/2958)) by [@balazsbajorics](https://github.com/balazsbajorics)
+
+## 2025.5.1
+
+### Patch Changes
+
+- Bumping the cli to 3.80.4 ([#2956](https://github.com/Shopify/hydrogen/pull/2956)) by [@balazsbajorics](https://github.com/balazsbajorics)
+
 ## 2025.5.0
 
 ### Patch Changes
@@ -160,13 +172,13 @@
   1. Add a routes.ts file. This is your new Remix route configuration file.
 
      ```ts
-     import {flatRoutes} from '@remix-run/fs-routes';
-     import {layout, type RouteConfig} from '@remix-run/route-config';
-     import {hydrogenRoutes} from '@shopify/hydrogen';
+     import { flatRoutes } from "@remix-run/fs-routes";
+     import { layout, type RouteConfig } from "@remix-run/route-config";
+     import { hydrogenRoutes } from "@shopify/hydrogen";
 
      export default hydrogenRoutes([
        // Your entire app reading from routes folder using Layout from layout.tsx
-       layout('./layout.tsx', await flatRoutes()),
+       layout("./layout.tsx", await flatRoutes()),
      ]) satisfies RouteConfig;
      ```
 
@@ -757,25 +769,25 @@
   8. Update the `ProductForm` component.
 
   ```tsx
-  import {Link, useNavigate} from '@remix-run/react';
-  import {type MappedProductOptions} from '@shopify/hydrogen';
+  import { Link, useNavigate } from "@remix-run/react";
+  import { type MappedProductOptions } from "@shopify/hydrogen";
   import type {
     Maybe,
     ProductOptionValueSwatch,
-  } from '@shopify/hydrogen/storefront-api-types';
-  import {AddToCartButton} from './AddToCartButton';
-  import {useAside} from './Aside';
-  import type {ProductFragment} from 'storefrontapi.generated';
+  } from "@shopify/hydrogen/storefront-api-types";
+  import { AddToCartButton } from "./AddToCartButton";
+  import { useAside } from "./Aside";
+  import type { ProductFragment } from "storefrontapi.generated";
 
   export function ProductForm({
     productOptions,
     selectedVariant,
   }: {
     productOptions: MappedProductOptions[];
-    selectedVariant: ProductFragment['selectedOrFirstAvailableVariant'];
+    selectedVariant: ProductFragment["selectedOrFirstAvailableVariant"];
   }) {
     const navigate = useNavigate();
-    const {open} = useAside();
+    const { open } = useAside();
     return (
       <div className="product-form">
         {productOptions.map((option) => (
@@ -809,8 +821,8 @@
                       to={`/products/${handle}?${variantUriQuery}`}
                       style={{
                         border: selected
-                          ? '1px solid black'
-                          : '1px solid transparent',
+                          ? "1px solid black"
+                          : "1px solid transparent",
                         opacity: available ? 1 : 0.3,
                       }}
                     >
@@ -827,13 +839,13 @@
                     <button
                       type="button"
                       className={`product-options-item${
-                        exists && !selected ? ' link' : ''
+                        exists && !selected ? " link" : ""
                       }`}
                       key={option.name + name}
                       style={{
                         border: selected
-                          ? '1px solid black'
-                          : '1px solid transparent',
+                          ? "1px solid black"
+                          : "1px solid transparent",
                         opacity: available ? 1 : 0.3,
                       }}
                       disabled={!exists}
@@ -857,7 +869,7 @@
         <AddToCartButton
           disabled={!selectedVariant || !selectedVariant.availableForSale}
           onClick={() => {
-            open('cart');
+            open("cart");
           }}
           lines={
             selectedVariant
@@ -871,7 +883,7 @@
               : []
           }
         >
-          {selectedVariant?.availableForSale ? 'Add to cart' : 'Sold out'}
+          {selectedVariant?.availableForSale ? "Add to cart" : "Sold out"}
         </AddToCartButton>
       </div>
     );
@@ -894,7 +906,7 @@
         aria-label={name}
         className="product-option-label-swatch"
         style={{
-          backgroundColor: color || 'transparent',
+          backgroundColor: color || "transparent",
         }}
       >
         {!!image && <img src={image} alt={name} />}
@@ -1395,21 +1407,21 @@
   New `withCache.fetch` is for caching simple fetch requests. This method caches the responses if they are OK responses, and you can pass `shouldCacheResponse`, `cacheKey`, etc. to modify behavior. `data` is the consumed body of the response (we need to consume to cache it).
 
   ```ts
-  const withCache = createWithCache({cache, waitUntil, request});
+  const withCache = createWithCache({ cache, waitUntil, request });
 
-  const {data, response} = await withCache.fetch<{data: T; error: string}>(
-    'my-cms.com/api',
+  const { data, response } = await withCache.fetch<{ data: T; error: string }>(
+    "my-cms.com/api",
     {
-      method: 'POST',
-      headers: {'Content-type': 'application/json'},
+      method: "POST",
+      headers: { "Content-type": "application/json" },
       body,
     },
     {
       cacheStrategy: CacheLong(),
       // Cache if there are no data errors or a specific data that make this result not suited for caching
       shouldCacheResponse: (result) => !result?.error,
-      cacheKey: ['my-cms', body],
-      displayName: 'My CMS query',
+      cacheKey: ["my-cms", body],
+      displayName: "My CMS query",
     },
   );
   ```
@@ -1985,9 +1997,9 @@
 
   ```tsx
   // app/lib/root-data.ts
-  import {useMatches} from '@remix-run/react';
-  import type {SerializeFrom} from '@shopify/remix-oxygen';
-  import type {loader} from '~/root';
+  import { useMatches } from "@remix-run/react";
+  import type { SerializeFrom } from "@shopify/remix-oxygen";
+  import type { loader } from "~/root";
 
   /**
    * Access the result of the root loader from a React component.
@@ -2149,10 +2161,10 @@
 - This is an important fix to a bug with 404 routes and path-based i18n projects where some unknown routes would not properly render a 404. This fixes all new projects, but to fix existing projects, add a `($locale).tsx` route with the following contents: ([#1732](https://github.com/Shopify/hydrogen/pull/1732)) by [@blittle](https://github.com/blittle)
 
   ```ts
-  import {type LoaderFunctionArgs} from '@remix-run/server-runtime';
+  import { type LoaderFunctionArgs } from "@remix-run/server-runtime";
 
-  export async function loader({params, context}: LoaderFunctionArgs) {
-    const {language, country} = context.storefront.i18n;
+  export async function loader({ params, context }: LoaderFunctionArgs) {
+    const { language, country } = context.storefront.i18n;
 
     if (
       params.locale &&
@@ -2160,7 +2172,7 @@
     ) {
       // If the locale URL param is defined, yet we still are still at the default locale
       // then the the locale param must be invalid, send to the 404 page
-      throw new Response(null, {status: 404});
+      throw new Response(null, { status: 404 });
     }
 
     return null;
@@ -2216,11 +2228,11 @@
   ```yaml
   projects:
     default:
-      schema: 'node_modules/@shopify/hydrogen/storefront.schema.json'
+      schema: "node_modules/@shopify/hydrogen/storefront.schema.json"
       documents:
-        - '!*.d.ts'
-        - '*.{ts,tsx,js,jsx}'
-        - 'app/**/*.{ts,tsx,js,jsx}'
+        - "!*.d.ts"
+        - "*.{ts,tsx,js,jsx}"
+        - "app/**/*.{ts,tsx,js,jsx}"
   ```
 
 - Improve resiliency of `HydrogenSession` ([#1583](https://github.com/Shopify/hydrogen/pull/1583)) by [@blittle](https://github.com/blittle)
@@ -2435,8 +2447,8 @@
   ```ts
   // root.tsx
 
-  import {useMatches} from '@remix-run/react';
-  import {type SerializeFrom} from '@shopify/remix-oxygen';
+  import { useMatches } from "@remix-run/react";
+  import { type SerializeFrom } from "@shopify/remix-oxygen";
 
   export const useRootLoaderData = () => {
     const [root] = useMatches();

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

@@ -2,7 +2,7 @@
   "name": "skeleton",
   "private": true,
   "sideEffects": false,
-  "version": "2025.5.0",
+  "version": "2025.5.2",
   "type": "module",
   "scripts": {
     "build": "shopify hydrogen build --codegen",
@@ -31,7 +31,7 @@
     "@graphql-codegen/cli": "5.0.2",
     "@react-router/dev": "7.6.0",
     "@react-router/fs-routes": "7.6.0",
-    "@shopify/cli": "~3.79.2",
+    "@shopify/cli": "~3.80.4",
     "@shopify/hydrogen-codegen": "^0.3.3",
     "@shopify/mini-oxygen": "^3.2.1",
     "@shopify/oxygen-workers-types": "^4.1.6",

package/dist/assets/hydrogen/starter/vite.config.ts

@@ -23,7 +23,7 @@ export default defineConfig({
        * Include 'example-dep' in the array below.
        * @see https://vitejs.dev/config/dep-optimization-options
        */
-      include: [],
+      include: ['set-cookie-parser', 'cookie', 'react-router'],
     },
   },
 });

package/dist/{chunk-IRKPDUZE.js → chunk-2ZXZ6TMG.js}

@@ -2,15 +2,15 @@ import {
   fetch,
   jsonOutputEnabled,
   z
-} from "./chunk-FTFP354F.js";
+} from "./chunk-TX7PPGUZ.js";
 import {
   CLI_KIT_VERSION
-} from "./chunk-72EQI7B6.js";
+} from "./chunk-UEIMUAER.js";
 import {
   cacheRetrieve,
   cacheStore,
   versionSatisfies
-} from "./chunk-ZVMNEYFH.js";
+} from "./chunk-52XNWDUG.js";
 import {
   AbortSilentError,
   exec,
@@ -19,7 +19,7 @@ import {
   renderError,
   renderInfo,
   renderWarning
-} from "./chunk-ZMQFWHEX.js";
+} from "./chunk-WI6TASTN.js";
 import {
   init_cjs_shims
 } from "./chunk-PKR7KJ6P.js";
@@ -87,7 +87,7 @@ async function showNotificationsIfNeeded(currentSurfaces, environment = process.
       throw new AbortSilentError();
     let errorMessage = `Error showing notifications: ${error.message}`;
     outputDebug(errorMessage);
-    let { sendErrorToBugsnag } = await import("./error-handler-ZFOBG3KZ.js");
+    let { sendErrorToBugsnag } = await import("./error-handler-AVFBYBX3.js");
     await sendErrorToBugsnag(errorMessage, "unexpected_error");
   }
 }
@@ -200,4 +200,4 @@ export {
   fetchNotificationsInBackground,
   stringifyFilters
 };
-//# sourceMappingURL=chunk-IRKPDUZE.js.map
+//# sourceMappingURL=chunk-2ZXZ6TMG.js.map

package/dist/{chunk-4DKJ765Z.js → chunk-3Y3XPRQ6.js}

@@ -8,17 +8,17 @@ import {
   remove,
   setLastSeenAuthMethod,
   setLastSeenUserIdAfterAuth
-} from "./chunk-JJMWQP2L.js";
+} from "./chunk-4QN5J4PQ.js";
 import {
   getPartnersToken,
   nonRandomUUID
-} from "./chunk-FTFP354F.js";
+} from "./chunk-TX7PPGUZ.js";
 import {
   BugError,
   outputContent,
   outputDebug,
   outputToken
-} from "./chunk-ZMQFWHEX.js";
+} from "./chunk-WI6TASTN.js";
 import {
   init_cjs_shims
 } from "./chunk-PKR7KJ6P.js";
@@ -117,4 +117,4 @@ export {
   ensureAuthenticatedBusinessPlatform,
   logout
 };
-//# sourceMappingURL=chunk-4DKJ765Z.js.map
+//# sourceMappingURL=chunk-3Y3XPRQ6.js.map

package/dist/{chunk-JJMWQP2L.js → chunk-4QN5J4PQ.js}

@@ -7,14 +7,14 @@ import {
   nonRandomUUID,
   shopifyFetch,
   z
-} from "./chunk-FTFP354F.js";
+} from "./chunk-TX7PPGUZ.js";
 import {
   getPackageManager,
   getSession,
   packageManagerFromUserAgent,
   removeSession,
   setSession
-} from "./chunk-ZVMNEYFH.js";
+} from "./chunk-52XNWDUG.js";
 import {
   AbortError,
   BugError,
@@ -45,10 +45,10 @@ import {
   sessionConstants,
   spinFqdn,
   themeToken
-} from "./chunk-ZMQFWHEX.js";
+} from "./chunk-WI6TASTN.js";
 import {
   cwd
-} from "./chunk-57Q6OQG4.js";
+} from "./chunk-ZUCWDIGE.js";
 import {
   __commonJS,
   __require,
@@ -1204,4 +1204,4 @@ export {
   getEnvironmentData,
   getSensitiveEnvironmentData
 };
-//# sourceMappingURL=chunk-JJMWQP2L.js.map
+//# sourceMappingURL=chunk-4QN5J4PQ.js.map

package/dist/{chunk-ZVMNEYFH.js → chunk-52XNWDUG.js}

@@ -18,14 +18,14 @@ import {
   require_get_stream,
   runWithTimer,
   writeFile
-} from "./chunk-ZMQFWHEX.js";
+} from "./chunk-WI6TASTN.js";
 import {
   require_semver
 } from "./chunk-HMDWNGIV.js";
 import {
   dirname,
   joinPath
-} from "./chunk-57Q6OQG4.js";
+} from "./chunk-ZUCWDIGE.js";
 import {
   __commonJS,
   __export,
@@ -13749,4 +13749,4 @@ deep-extend/lib/deep-extend.js:
    * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
    *)
 */
-//# sourceMappingURL=chunk-ZVMNEYFH.js.map
+//# sourceMappingURL=chunk-52XNWDUG.js.map

package/dist/{chunk-EBDVIUOD.js → chunk-7VUAPVO6.js}

@@ -4,16 +4,16 @@ import {
 import {
   fanoutHooks,
   reportAnalyticsEvent
-} from "./chunk-Z4ZLMWHP.js";
+} from "./chunk-ONMISMO4.js";
 import {
   getEnvironmentData
-} from "./chunk-JJMWQP2L.js";
+} from "./chunk-4QN5J4PQ.js";
 import {
   CLI_KIT_VERSION
-} from "./chunk-72EQI7B6.js";
+} from "./chunk-UEIMUAER.js";
 import {
   runWithRateLimit
-} from "./chunk-ZVMNEYFH.js";
+} from "./chunk-52XNWDUG.js";
 import {
   AbortSilentError,
   CancelExecution,
@@ -28,14 +28,14 @@ import {
   reportingRateLimit,
   require_stacktracey,
   shouldReportErrorAsUnexpected
-} from "./chunk-ZMQFWHEX.js";
+} from "./chunk-WI6TASTN.js";
 import {
   cwd,
   isAbsolutePath,
   joinPath,
   normalizePath,
   relativePath
-} from "./chunk-57Q6OQG4.js";
+} from "./chunk-ZUCWDIGE.js";
 import {
   require_lib
 } from "./chunk-5AFYDRV4.js";
@@ -2029,7 +2029,7 @@ var require_notifier = __commonJS({
 
 // ../cli-kit/dist/public/node/error-handler.js
 init_cjs_shims();
-var import_core = __toESM(require_lib(), 1), import_stacktracey = __toESM(require_stacktracey(), 1), import_js = __toESM(require_notifier(), 1);
+var import_core = __toESM(require_lib()), import_stacktracey = __toESM(require_stacktracey()), import_js = __toESM(require_notifier());
 import { realpath } from "fs/promises";
 async function errorHandler(error, config) {
   if (error instanceof CancelExecution)
@@ -2144,4 +2144,4 @@ export {
   registerCleanBugsnagErrorsFromWithinPlugins,
   addBugsnagMetadata
 };
-//# sourceMappingURL=chunk-EBDVIUOD.js.map
+//# sourceMappingURL=chunk-7VUAPVO6.js.map

package/dist/{chunk-MIJF5LNA.js → chunk-BK4IIAID.js}

@@ -1,16 +1,16 @@
 import {
   base_command_default
-} from "./chunk-JR36QMOU.js";
+} from "./chunk-HK5IHRTT.js";
 import {
   mkdir,
   outputInfo,
   rmdir,
   writeFile
-} from "./chunk-ZMQFWHEX.js";
+} from "./chunk-WI6TASTN.js";
 import {
   cwd,
   joinPath
-} from "./chunk-57Q6OQG4.js";
+} from "./chunk-ZUCWDIGE.js";
 import {
   init_cjs_shims
 } from "./chunk-PKR7KJ6P.js";
@@ -118,4 +118,4 @@ export {
   writeCommandFlagInterface,
   writeCommandUsageExampleFile
 };
-//# sourceMappingURL=chunk-MIJF5LNA.js.map
+//# sourceMappingURL=chunk-BK4IIAID.js.map

package/dist/{chunk-G6KVL4TS.js → chunk-BR2NBKUW.js}

@@ -1,12 +1,12 @@
 import {
   cliInstallCommand
-} from "./chunk-RTFBL435.js";
+} from "./chunk-T3LVGAPV.js";
 import {
   base_command_default
-} from "./chunk-JR36QMOU.js";
+} from "./chunk-HK5IHRTT.js";
 import {
   renderInfo
-} from "./chunk-ZMQFWHEX.js";
+} from "./chunk-WI6TASTN.js";
 import {
   init_cjs_shims
 } from "./chunk-PKR7KJ6P.js";
@@ -34,4 +34,4 @@ var Upgrade = class extends base_command_default {
 export {
   Upgrade
 };
-//# sourceMappingURL=chunk-G6KVL4TS.js.map
+//# sourceMappingURL=chunk-BR2NBKUW.js.map

package/dist/{chunk-QXOOIYRJ.js → chunk-D5NBHTIZ.js}

@@ -1,7 +1,7 @@
 import {
   renderConcurrent,
   renderTasks
-} from "./chunk-ZMQFWHEX.js";
+} from "./chunk-WI6TASTN.js";
 import {
   init_cjs_shims
 } from "./chunk-PKR7KJ6P.js";
@@ -43,4 +43,4 @@ async function asyncTasks() {
 export {
   asyncTasks
 };
-//# sourceMappingURL=chunk-QXOOIYRJ.js.map
+//# sourceMappingURL=chunk-D5NBHTIZ.js.map

package/dist/{chunk-AKFTTMP7.js → chunk-DCBKCTEJ.js}

@@ -1,6 +1,6 @@
 import {
   openURL
-} from "./chunk-ZMQFWHEX.js";
+} from "./chunk-WI6TASTN.js";
 import {
   init_cjs_shims
 } from "./chunk-PKR7KJ6P.js";
@@ -15,4 +15,4 @@ async function searchService(query) {
 export {
   searchService
 };
-//# sourceMappingURL=chunk-AKFTTMP7.js.map
+//# sourceMappingURL=chunk-DCBKCTEJ.js.map

package/dist/{chunk-RPVZXBFY.js → chunk-EXAGVZF6.js}

@@ -1,12 +1,12 @@
 import {
   logout
-} from "./chunk-4DKJ765Z.js";
+} from "./chunk-3Y3XPRQ6.js";
 import {
   base_command_default
-} from "./chunk-JR36QMOU.js";
+} from "./chunk-HK5IHRTT.js";
 import {
   outputSuccess
-} from "./chunk-ZMQFWHEX.js";
+} from "./chunk-WI6TASTN.js";
 import {
   init_cjs_shims
 } from "./chunk-PKR7KJ6P.js";
@@ -25,4 +25,4 @@ var Logout = class extends base_command_default {
 export {
   Logout
 };
-//# sourceMappingURL=chunk-RPVZXBFY.js.map
+//# sourceMappingURL=chunk-EXAGVZF6.js.map

package/dist/{chunk-22KQHOXJ.js → chunk-F5KMS2TZ.js}

@@ -1,7 +1,7 @@
 import {
   clearCollectedLogs,
   collectedLogs
-} from "./chunk-ZMQFWHEX.js";
+} from "./chunk-WI6TASTN.js";
 import {
   init_cjs_shims
 } from "./chunk-PKR7KJ6P.js";
@@ -33,4 +33,4 @@ function mockAndCaptureOutput() {
 export {
   mockAndCaptureOutput
 };
-//# sourceMappingURL=chunk-22KQHOXJ.js.map
+//# sourceMappingURL=chunk-F5KMS2TZ.js.map