Releases: Shopify/hydrogen
@shopify/cli-hydrogen@5.1.2
Patch Changes
-
Update @shopify/oxygen-workers-types dependencies (#1208) by @juanpprieto
-
Updated dependencies [
21eb9dac
,d80c4ada
]:- @shopify/remix-oxygen@1.1.3
- @shopify/hydrogen-react@2023.7.1
demo-store@2.0.1
Patch Changes
-
It's recommended to update
@shopify/cli
: (#1172) by @frandiox-"@shopify/cli": "3.47.5" +"@shopify/cli": "3.48.0"
Also, for projects using Remix v1 Error Boundary convention, remove the deprecated
ErrorBoundaryComponent
type (or update to the v2 convention):-export const ErrorBoundary: ErrorBoundaryComponent = ({error}) => { +export const ErrorBoundary = ({error}: {error: Error}) => {
-
Updated dependencies [
b7a8ecf6
,ef809228
,1015f170
,076bab7d
]:- @shopify/remix-oxygen@1.1.2
- @Shopify/hydrogen@2023.7.1
- @shopify/cli-hydrogen@5.1.1
@shopify/remix-oxygen@1.1.2
@shopify/hydrogen@2023.7.1
@shopify/cli-hydrogen@5.1.1
Patch Changes
-
Fix the starter template cart aside to cover everything on larger pages (#1163) by @QuentinGibson
-
Skip Oxygen requirement checks of
remix.config.js
when@shopify/remix-oxygen
is not installed. (#1137) by @frandiox -
Warn in development when Remix packages are out of sync. (#1173) by @frandiox
-
Updated dependencies [
b7a8ecf6
]:- @shopify/remix-oxygen@1.1.2
demo-store@2.0.0
Major Changes
-
Add
.env
file to Remix watcher to allow reloading environment variables on file save. Inremix.config.js
: (#997) by @frandiox-watchPaths: ['./public'], +watchPaths: ['./public', './.env'],
Patch Changes
-
Function and component for cart management: (#786) by @wizardlyhel
createCartHandler
- Creates an object instance that simplifies cart operations such as add/update/remove from cart.CartForm
- A form component that helps you sets up form inputs for cart handler.
Documentation:
- Updated how-to guides
createCartHandler
CartForm
-
Fix demostore to check for
shop.primaryDomain
host for navigation menu items. (#1036) by @rista404 -
Fix empty discount code (#1104) by @wizardlyhel
-
Add a
<VariantSelector>
component to make building product forms easier. Also addedgetFirstAvailableVariant
andgetSelectedProductOptions
helper functions. See the proposal for examples. (#1027) by @blittle -
Add @total-typescript/ts-reset to demo-store and skeleton templates (#1042) by @juanpprieto
-
Updated dependencies [
4c0858f2
,c39411e0
,dc56d296
,2a036d72
,667ea4fb
,ed9782bc
,4bee03df
,11ab64a8
,9482bc59
,31409877
,00f3e592
,4db61421
,5530d987
,63d17266
,5530d987
,1befd365
,945fdc57
]:- @Shopify/hydrogen@2024.0.0
- @shopify/cli-hydrogen@6.0.0
@shopify/hydrogen@2023.7.0
What’s new
⭐️ Check out our blog post with all the latest updates on Hydrogen, and what’s coming on the roadmap.
The latest version of Hydrogen comes with new and updated components and utilities that can help you speed up your build:
- An updated server-side Cart component with built-in abstractions to handle most common cart operations, including adding, updating, or deleting line items, applying discounts, and more.
- A drop-in
<Pagination/>
component to make it easier to handle large product collections. - A new
<VariantSelector/>
component that makes it faster to build progressively enhanced product forms. - Improved support for predictive search and local pickup options through Storefront API version 2023-07.
Breaking Changes
-
createWithCache
is now stable. All imports need to be updated: (#1151) by @blittle- import {createWithCache_unstable} from '@shopify/hydrogen'; + import {createWithCache} from '@shopify/hydrogen';
-
Pagination
andgetPaginationVariables
are now stable. (#1129) by @blittleAll imports to each should be updated:
- import {Pagiatinon__unstable, getPaginationVariables__unstable} from '@shopify/hydrogen'; + import {Pagiatinon, getPaginationVariables} from '@shopify/hydrogen';
Patch Changes
-
Function and component for cart management: (#786) by @wizardlyhel
createCartHandler
- Creates an object instance that simplifies cart operations such as add/update/remove from cart.CartForm
- A form component that helps you sets up form inputs for cart handler.
Documentation:
- Updated how-to guides
createCartHandler
CartForm
-
Export useLoadScript (#1080) by @wizardlyhel
-
Throw error when
storeDomain
is not passed tocreateStorefrontClient
. (#1128) by @frandiox -
Improve warning and error format for known Hydrogen messages in development. (#1093) by @frandiox
-
Add an example using the new Customer Account API (#1126) by @blittle
-
Corrected the
$attributes
type inCART_ATTRIBUTES_UPDATE_MUTATION
to match the expected one (#1117) by @remcolakens -
Fix cache key by url encode the sub request keys (#1105) by @wizardlyhel
Add a <VariantSelector>
component to make building product forms easier. Also added the getSelectedProductOptions
helper function. See the guide on using the VariantSelector. (#1027) by @blittle
@shopify/hydrogen-react@2023.7.0
What’s new
⭐️ Check out our blog post with all the latest updates on Hydrogen, and what’s coming on the roadmap.
This major release includes support for the 2023-07 version of the Storefront API. This version doesn't include any breaking changes, but adds support for predictive search and local pickup options.
Patch Changes
-
Export useLoadScript (#1080) by @wizardlyhel
-
Fix long language code breaking useMoney hook - Contributed by @QuentinGibson (#1132) by @wizardlyhel
-
Throw error when
storeDomain
is not passed tocreateStorefrontClient
. (#1128) by @frandiox -
Improve warning and error format for known Hydrogen messages in development. (#1093) by @frandiox
-
Add discountCode.applicable in default Cart fragment (#1040) by @pnodet
@shopify/create-hydrogen@4.2.0
What’s new
⭐️ Check out our blog post with all the latest updates on Hydrogen, and what’s coming on the roadmap.
Shopify CLI now gives you more options when creating a new Hydrogen app on the command line:
- Create a new Shopify storefront and connect it to the local project, or use Mock.shop.
- Pick your styling method: Tailwind, CSS Modules, Vanilla Extract, PostCSS.
- URL strategies to support language and currency options with Shopify Markets.
- Automatically scaffold standard Shopify routes.
Minor Changes
Patch Changes
@shopify/cli-hydrogen@5.1.0
What’s new
⭐️ Check out our blog post with all the latest updates on Hydrogen, and what’s coming on the roadmap.
Shopify CLI now gives you more options when creating a new Hydrogen app on the command line:
- Create a new Shopify storefront and connect it to the local project, or use Mock.shop.
- Pick your styling method: Tailwind, CSS Modules, Vanilla Extract, PostCSS.
- URL strategies to support language and currency options with Shopify Markets.
- Automatically scaffold standard Shopify routes.
Minor Changes
-
The onboarding process when creating new Hydrogen apps has been reworked. (#913) by @frandiox
-
Add
login
andlogout
commands. Rework how other commands interact with auth. (#1022) by @frandiox -
Reload environment variables in the development server when
.env
file is updated. Show injected variables when project is not linked to any storefront. (#997) by @frandiox -
Support creating new storefronts from the
link
command. (#1022) by @frandiox
Patch Changes
-
Stop checking
/products
and/discount
routes inh2 check routes
command. (#1141) by @frandiox -
Show proper error message when Hydrogen App isn't installed on Shop (#1075) by @aswamy
-
Improve warning and error format for known Hydrogen messages in development. (#1093) by @frandiox
-
Add
--codegen-unstable
flag tobuild
command. (#1049) by @frandiox -
Updated dependencies [
c39411e0
,0d2e5ffb
,4bee03df
,11ab64a8
,7a7456a5
]:- @shopify/hydrogen-react@2023.4.6