@shopify/create-hydrogen 5.0.23 → 5.0.25

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

@@ -26,6 +26,7 @@ export default [
     ignores: [
       '**/node_modules/',
       '**/build/',
+      '**/dist/',
       '**/*.graphql.d.ts',
       '**/*.graphql.ts',
       '**/*.generated.d.ts',
@@ -152,9 +153,7 @@ export default [
     languageOptions: {
       parser: tsParser,
       parserOptions: {
-        projectService: {
-          allowDefaultProject: ['.graphqlrc.ts'],
-        },
+        project: './tsconfig.json',
         tsconfigRootDir: __dirname,
         ecmaFeatures: {
           jsx: true,
@@ -175,55 +174,6 @@ export default [
     },
     rules: {
       '@typescript-eslint/ban-ts-comment': 'off',
-      '@typescript-eslint/naming-convention': 'off',
-      '@typescript-eslint/no-non-null-asserted-optional-chain': 'off',
-    },
-  },
-  {
-    files: ['**/.eslintrc.cjs'],
-    languageOptions: {
-      globals: {
-        ...globals.node,
-      },
-    },
-  },
-  ...compat.extends('plugin:jest/recommended').map((config) => ({
-    ...config,
-    files: ['**/*.test.*'],
-  })),
-  {
-    files: ['**/*.test.*'],
-    plugins: {
-      jest,
-    },
-    languageOptions: {
-      globals: {
-        ...globals.node,
-        ...globals.jest,
-      },
-    },
-  },
-  {
-    files: ['**/*.server.*'],
-    rules: {
-      'react-hooks/rules-of-hooks': 'off',
-    },
-  },
-  ...fixupConfigRules(
-    compat.extends(
-      'plugin:@typescript-eslint/eslint-recommended',
-      'plugin:@typescript-eslint/recommended',
-    ),
-  ).map((config) => ({
-    ...config,
-    files: ['**/*.ts', '**/*.tsx'],
-  })),
-  {
-    files: ['**/*.ts', '**/*.tsx'],
-    languageOptions: {
-      parser: tsParser,
-    },
-    rules: {
       '@typescript-eslint/explicit-module-boundary-types': 'off',
       '@typescript-eslint/naming-convention': [
         'error',
@@ -256,8 +206,41 @@ export default [
       '@typescript-eslint/no-empty-object-type': 'off',
       '@typescript-eslint/no-explicit-any': 'off',
       '@typescript-eslint/no-non-null-assertion': 'off',
+      '@typescript-eslint/no-non-null-asserted-optional-chain': 'off',
       '@typescript-eslint/no-unused-vars': 'off',
+      '@typescript-eslint/no-floating-promises': 'error',
+      '@typescript-eslint/no-misused-promises': 'error',
       'react/prop-types': 'off',
     },
   },
+  {
+    files: ['**/.eslintrc.cjs'],
+    languageOptions: {
+      globals: {
+        ...globals.node,
+      },
+    },
+  },
+  ...compat.extends('plugin:jest/recommended').map((config) => ({
+    ...config,
+    files: ['**/*.test.*'],
+  })),
+  {
+    files: ['**/*.test.*'],
+    plugins: {
+      jest,
+    },
+    languageOptions: {
+      globals: {
+        ...globals.node,
+        ...globals.jest,
+      },
+    },
+  },
+  {
+    files: ['**/*.server.*'],
+    rules: {
+      'react-hooks/rules-of-hooks': 'off',
+    },
+  },
 ];

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

@@ -2,38 +2,37 @@
   "name": "skeleton",
   "private": true,
   "sideEffects": false,
-  "version": "2025.5.0",
+  "version": "2025.7.0",
   "type": "module",
   "scripts": {
     "build": "shopify hydrogen build --codegen",
     "dev": "shopify hydrogen dev --codegen",
     "preview": "shopify hydrogen preview --build",
     "lint": "eslint --no-error-on-unmatched-pattern .",
-    "typecheck": "tsc --noEmit",
-    "codegen": "shopify hydrogen codegen"
+    "typecheck": "react-router typegen && tsc --noEmit",
+    "codegen": "shopify hydrogen codegen && react-router typegen"
   },
   "prettier": "@shopify/prettier-config",
   "dependencies": {
-    "@shopify/hydrogen": "2025.5.0",
-    "@shopify/remix-oxygen": "^3.0.0",
+    "@shopify/hydrogen": "2025.7.0",
     "graphql": "^16.10.0",
     "graphql-tag": "^2.12.6",
     "isbot": "^5.1.22",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router": "7.6.0",
-    "react-router-dom": "7.6.0"
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-router": "7.9.2",
+    "react-router-dom": "7.9.2"
   },
   "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.6.0",
-    "@react-router/fs-routes": "7.6.0",
-    "@shopify/cli": "~3.79.2",
+    "@react-router/dev": "7.9.2",
+    "@react-router/fs-routes": "7.9.2",
+    "@shopify/cli": "3.84.1",
     "@shopify/hydrogen-codegen": "^0.3.3",
-    "@shopify/mini-oxygen": "^3.2.1",
+    "@shopify/mini-oxygen": "^4.0.0",
     "@shopify/oxygen-workers-types": "^4.1.6",
     "@shopify/prettier-config": "^1.1.2",
     "@total-typescript/ts-reset": "^0.6.1",
@@ -53,11 +52,11 @@
     "eslint-plugin-react-hooks": "^5.1.0",
     "globals": "^15.14.0",
     "prettier": "^3.4.2",
-    "typescript": "^5.2.2",
+    "typescript": "^5.9.2",
     "vite": "^6.2.4",
     "vite-tsconfig-paths": "^4.3.1"
   },
   "engines": {
     "node": ">=18.0.0"
   }
-}
+}

package/dist/assets/hydrogen/starter/react-router.config.ts

@@ -1,7 +1,13 @@
 import type {Config} from '@react-router/dev/config';
+import {hydrogenPreset} from '@shopify/hydrogen/react-router-preset';
 
+/**
+ * React Router 7.9.x Configuration for Hydrogen
+ *
+ * This configuration uses the official Hydrogen preset to provide optimal
+ * React Router settings for Shopify Oxygen deployment. The preset enables
+ * validated performance optimizations while ensuring compatibility.
+ */
 export default {
-  appDirectory: 'app',
-  buildDirectory: 'dist',
-  ssr: true,
+  presets: [hydrogenPreset()],
 } satisfies Config;

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

@@ -1,7 +1,7 @@
 // Virtual entry point for the app
 import {storefrontRedirect} from '@shopify/hydrogen';
-import {createRequestHandler} from '@shopify/remix-oxygen';
-import {createAppLoadContext} from '~/lib/context';
+import {createRequestHandler} from '@shopify/hydrogen/oxygen';
+import {createHydrogenRouterContext} from '~/lib/context';
 
 /**
  * Export a fetch handler in module format.
@@ -13,7 +13,7 @@ export default {
     executionContext: ExecutionContext,
   ): Promise<Response> {
     try {
-      const appLoadContext = await createAppLoadContext(
+      const hydrogenContext = await createHydrogenRouterContext(
         request,
         env,
         executionContext,
@@ -27,15 +27,15 @@ export default {
         // eslint-disable-next-line import/no-unresolved
         build: await import('virtual:react-router/server-build'),
         mode: process.env.NODE_ENV,
-        getLoadContext: () => appLoadContext,
+        getLoadContext: () => hydrogenContext,
       });
 
       const response = await handleRequest(request);
 
-      if (appLoadContext.session.isPending) {
+      if (hydrogenContext.session.isPending) {
         response.headers.set(
           'Set-Cookie',
-          await appLoadContext.session.commit(),
+          await hydrogenContext.session.commit(),
         );
       }
 
@@ -48,7 +48,7 @@ export default {
         return storefrontRedirect({
           request,
           response,
-          storefront: appLoadContext.storefront,
+          storefront: hydrogenContext.storefront,
         });
       }
 

package/dist/assets/hydrogen/starter/storefrontapi.generated.d.ts

@@ -73,7 +73,7 @@ export type CartApiQueryFragment = Pick<
   'updatedAt' | 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'
 > & {
   appliedGiftCards: Array<
-    Pick<StorefrontAPI.AppliedGiftCard, 'lastCharacters'> & {
+    Pick<StorefrontAPI.AppliedGiftCard, 'id' | 'lastCharacters'> & {
       amountUsed: Pick<StorefrontAPI.MoneyV2, 'currencyCode' | 'amount'>;
     }
   >;

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

@@ -1,16 +1,18 @@
 {
   "include": [
-    "./**/*.d.ts",
-    "./**/*.ts",
-    "./**/*.tsx",
+    "env.d.ts",
+    "app/**/*.ts",
+    "app/**/*.tsx",
+    "app/**/*.d.ts",
+    "*.ts",
+    "*.tsx",
+    "*.d.ts",
+    ".graphqlrc.ts",
     ".react-router/types/**/*"
   ],
+  "exclude": ["node_modules", "dist", "build", "packages/**/dist/**/*"],
   "compilerOptions": {
-    "lib": [
-      "DOM",
-      "DOM.Iterable",
-      "ES2022"
-    ],
+    "lib": ["DOM", "DOM.Iterable", "ES2022"],
     "isolatedModules": true,
     "esModuleInterop": true,
     "jsx": "react-jsx",
@@ -26,14 +28,16 @@
     "types": [
       "@shopify/oxygen-workers-types",
       "react-router",
+      "@shopify/hydrogen/react-router-types",
       "vite/client"
     ],
     "paths": {
-      "~/*": [
-        "app/*"
-      ]
+      "~/*": ["app/*"]
     },
     "noEmit": true,
-    "rootDirs": [".", "./.react-router/types"]
+    "rootDirs": [".", "./.react-router/types"],
+    "incremental": true,
+    "composite": false,
+    "verbatimModuleSyntax": true
   }
-}
+}

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

@@ -23,7 +23,10 @@ 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'],
     },
   },
+  server: {
+    allowedHosts: ['.tryhydrogen.dev'],
+  },
 });

package/dist/assets/hydrogen/virtual-routes/components/RequestDetails.jsx

@@ -137,26 +137,19 @@ function TabButtonsBar({ children }) {
       setFadeClass("fadeLeft");
     }
   }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      id: "tab-buttons-wrapper",
-      onResize: (event) => setFade(event.currentTarget),
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            id: "tabButtons",
-            ref: scrollBarRef,
-            className: "flex-row gap-tiny",
-            onScroll: (event) => setFade(event.currentTarget),
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: `fadCover ${fadeClass}` })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("div", { id: "tab-buttons-wrapper", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: "tabButtons",
+        ref: scrollBarRef,
+        className: "flex-row gap-tiny",
+        onScroll: (event) => setFade(event.currentTarget),
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: `fadCover ${fadeClass}` })
+  ] });
 }
 function DetailsRow({
   rowName,

package/dist/assets/hydrogen/virtual-routes/routes/[.]well-known.appspecific.com[.]chrome[.]devtools[.]json.jsx

@@ -0,0 +1,37 @@
+async function generateProjectUuid(root) {
+  const encoder = new TextEncoder();
+  const data = encoder.encode(root);
+  const hashBuffer = await crypto.subtle.digest("SHA-256", data);
+  const hashArray = Array.from(new Uint8Array(hashBuffer));
+  const hashHex = hashArray.map((b) => b.toString(16).padStart(2, "0")).join("");
+  return [
+    hashHex.slice(0, 8),
+    hashHex.slice(8, 12),
+    "4" + hashHex.slice(13, 16),
+    // Version 4
+    (parseInt(hashHex.slice(16, 18), 16) & 63 | 128).toString(16) + hashHex.slice(18, 20),
+    // Variant bits
+    hashHex.slice(20, 32)
+  ].join("-");
+}
+async function loader({ request, context }) {
+  let root = context?.env?.HYDROGEN_PROJECT_ROOT || "/workspace/hydrogen-dev";
+  root = root.replace(/\\/g, "/");
+  const uuid = await generateProjectUuid(root);
+  const responseData = {
+    workspace: {
+      root,
+      uuid
+    }
+  };
+  return new Response(JSON.stringify(responseData), {
+    status: 200,
+    headers: {
+      "Content-Type": "application/json",
+      "Cache-Control": "no-cache"
+    }
+  });
+}
+export {
+  loader
+};