Releases · Shopify/hydrogen

22 Aug 01:33

shopify-github-actions-access

demo-store@2.1.0

6e76f95

demo-store@2.1.0

Minor Changes

Support Remix Hot Module Replacement (HMR) and Hot Data Revalidation (HDR). (#1187) by @frandiox

Start using it with the following changes to your project:

Upgrade to the latest Hydrogen version and Remix 1.19.1.
Enable the v2 dev server in remix.config.js:

// ...
future: {
+ v2_dev: true,
  v2_meta: true,
  v2_headers: true,
  // ...
}

Add Remix' <LiveReload /> component if you don't have it to your root.jsx or root.tsx file:

import {
  Outlet,
  Scripts,
+ LiveReload,
  ScrollRestoration,
} from '@remix-run/react';

// ...

export default function App() {
  // ...

  return (
    <html>
      <head>
       {/* ...  */}
      </head>
      <body>
        <Outlet />
        <ScrollRestoration />
        <Scripts />
+       <LiveReload />
      </body>
    </html>
  );
}

export function ErrorBoundary() {
  // ...

  return (
    <html>
      <head>
        {/* ... */}
      </head>
      <body>
        Error!
        <Scripts />
+       <LiveReload />
      </body>
    </html>
  );
}

Patch Changes

Performance optimization on product page (#1256) by @wizardlyhel
Add shouldRevalidate export to limit root loaders revalidation on mutations only (#1237) by @juanpprieto
Updated dependencies [a06b5093, d053978d, 9fcfc500, ec21cfd6, 867866d1, bdac4c22, d896c76b, 46d5f8ff, 632a7a38, e536ae04]:
- @shopify/cli-hydrogen@5.2.0
- @Shopify/hydrogen@2023.7.3

Assets 2

22 Aug 01:33

shopify-github-actions-access

@shopify/hydrogen@2023.7.3

6e76f95

@shopify/hydrogen@2023.7.3

Patch Changes

Exported the type CookieOptions from cartSetIdDefault (#1153) by @remcolakens
Updated dependencies [e9e1736a, 1a0e858d]:
- @shopify/hydrogen-react@2023.7.2

Assets 2

22 Aug 01:33

shopify-github-actions-access

@shopify/hydrogen-react@2023.7.2

6e76f95

@shopify/hydrogen-react@2023.7.2

Patch Changes

This change updates the implementation of the parseGid function so that it uses the builtin URL class to parse the gid. This enables the parts of the string, such as the search params, to be parsed as well (#1185) by @tatemz
Image component docs typo - Contributed by @MilosMosovsky (#1243) by @wizardlyhel

Contributors

MilosMosovsky

Assets 2

22 Aug 01:33

shopify-github-actions-access

@shopify/create-hydrogen@4.2.2

6e76f95

@shopify/create-hydrogen@4.2.2

Patch Changes

Add default exported route to enable the error to be caught in the root.tsx ErrorBoundary (#1215) by @josh-sanger
Add shouldRevalidate export to limit root loaders revalidation on mutations only (#1237) by @juanpprieto
Removed quantityAvailable field from skeleton PDP graphql query so that it works with default Storefront API permissions. (#1236) by @abecciu
Updated dependencies [a06b5093, d053978d, 9fcfc500, ec21cfd6, 867866d1, bdac4c22, 46d5f8ff, 632a7a38, e536ae04]:
- @shopify/cli-hydrogen@5.2.0

Assets 2

22 Aug 01:33

shopify-github-actions-access

@shopify/cli-hydrogen@5.2.0

6e76f95

@shopify/cli-hydrogen@5.2.0

Minor Changes

Support Remix Hot Module Replacement (HMR) and Hot Data Revalidation (HDR). (#1187) by @frandiox

Start using it with the following changes to your project:

Upgrade to the latest Hydrogen version and Remix 1.19.1.
Enable the v2 dev server in remix.config.js:

// ...
future: {
+ v2_dev: true,
  v2_meta: true,
  v2_headers: true,
  // ...
}

Add Remix' <LiveReload /> component if you don't have it to your root.jsx or root.tsx file:

import {
  Outlet,
  Scripts,
+ LiveReload,
  ScrollRestoration,
} from '@remix-run/react';

// ...

export default function App() {
  // ...

  return (
    <html>
      <head>
       {/* ...  */}
      </head>
      <body>
        <Outlet />
        <ScrollRestoration />
        <Scripts />
+       <LiveReload />
      </body>
    </html>
  );
}

export function ErrorBoundary() {
  // ...

  return (
    <html>
      <head>
        {/* ... */}
      </head>
      <body>
        Error!
        <Scripts />
+       <LiveReload />
      </body>
    </html>
  );
}

Patch Changes

Avoid development server crash on unhandled promise rejection. (#1244) by @frandiox
Fix build command when public directory is missing. (#1224) by @frandiox
Use nonce from CSP header in MiniOxygen's auto-reload script. (#1251) by @frandiox
Add default exported route to enable the error to be caught in the root.tsx ErrorBoundary (#1215) by @josh-sanger
Improve error handling when failing to get remote environment variables. (#1225) by @frandiox
Fix GraphQL Codegen throwing error related to Git on Windows. (#1253) by @frandiox
Add shouldRevalidate export to limit root loaders revalidation on mutations only (#1237) by @juanpprieto
Removed quantityAvailable field from skeleton PDP graphql query so that it works with default Storefront API permissions. (#1236) by @abecciu
Updated dependencies [e9e1736a, 1a0e858d]:
- @shopify/hydrogen-react@2023.7.2

Assets 2

09 Aug 20:21

shopify-github-actions-access

demo-store@2.0.2

f6897dc

demo-store@2.0.2

Patch Changes

Update @shopify/oxygen-workers-types dependencies (#1208) by @juanpprieto
Fix demo-store analytics (#1177) by @wizardlyhel
Updated dependencies [b29c85d0, 21eb9dac]:
- @Shopify/hydrogen@2023.7.2
- @shopify/cli-hydrogen@5.1.2
- @shopify/remix-oxygen@1.1.3