NOTE: This changelog contains release notes for PWA Studio and Venia 12.3.0 For older release notes, see PWA Studio releases.
- Added shimmer loaders for Dynamic blocks to avoid layout shift. Shimmer loaders are only rendered if
minHeight
is specified on the Row containing the Dynamic block. This implementation gives you a choice: You can set the Row'sminHeight
to render the shimmer or remove theminHeight
to remove the shimmer. For Dynamic blocks that rarely render, we recommend removing theminHeight
property from the Rows containing those Dynamic blocks. — 3713 - Added the new
PersonalizedContentSampleDataVenia
module that contains customer segments, dynamic blocks, and cart rule promotion sample data for personalized content. — 19,2,3670 - Shopping cart promotions are now properly displayed depending on customer segment. — 3609
- You can now make GraphQL queries for dynamic blocks. — 3587,2
- You can now use ReCaptcha V3 on the Braintree payment form and the Place Order form. — 3691,24
- reCAPTCHA V3 validation is now available on the following customer forms:
- Shimmers are now loaded when rendering a Page Builder CMS page. This helps reduce CLS and increase load speed. — 3711
- Images from Page Builder content now include height and width dimensions. This helps reduce CLS when rendering the images. — 3712
- Store-view specific label and localization support has been added for product attributes. — 17
- PWA Studio can now retrieve image metadata from Page Builder. — 16,17
- In the Link component,
prefetchType
property has been renamed toshouldPrefetch
. This helps to clarify that it is a boolean, rather a property that returns a type.prefetchType
is deprecated but not removed. — 3646 - Refactored the reCaptcha to ensure it is backwards compatible with 12.2.0. — 3696
- The "Sign In" link has been removed from the 2nd stage of checkout. This ensures the cart configuration (guest or account holder) does not change in the middle of checkout. — 3672
- Dependency packages have been updated. See #3611 for more details about specific package versions. — 3611
- Reporting has been improved when running Cypress tests on a headless instance. — 3613
- Adobe Commerce users can now set gift options on the Order level. — 3540
- Long Wish List names no longer break the layout or force users to scroll in order to close modal dialogs. — 3706
- Products with configurable product variants are now properly added to Wish Lists. Previously, adding a configurable product threw an error. — 3703
- The virtual products extension has been removed. — 3612
- To increase performance, instances of the useMemo type have been changed to const in the productUrlSuffix talon. — 3660
- Added support that makes it easier to click-select tabs when they are displayed in a long list of Tab Items from Page Builder. — 3676
With each new release of PWA Studio, we perform Lighthouse audits of four Venia page types, each representing a different level of complexity. Shown below are the Lighthouse scores for the 12.3.0 release of these pages on desktop and mobile devices.
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Venia Pages | ||||
Desktop Performance | ||||
Mobile Performance | ||||
Accessibility (same for both) |
||||
Best Practices (same for both) |
||||
SEO (same for both) |
||||
PWA |
Type | Description | GitHub PR |
---|---|---|
Story | Shimmer Loader for Dynamic Blocks | 3713 |
Story | Query for available Dynamic Blocks | 3587, 2 |
Story | CMS Page Shimmer Loader | 3711 |
Story | Update the Sample Data with Personalized content | 19, 2, 3670 |
Story | reFactored reCAPTCHA | 3696 |
Story | Add reCaptcha to the Checkout Forms | 3691, 24 |
Story | Add reCaptcha to the Account Information Forms | 3702 |
Story | Add reCaptcha to the Forgot Password Form | 3604, 12, 20 |
Story | Rename Link's prefetchType prop | 3646 |
Story | Store view specific label/localization support for product attributes | 17 |
Story | Update Magento capability table | 3724 |
Story | Remove Sign-In link on 2nd step of checkout | 3672 |
Story | Images to include dimensions | 3703 |
Story | Validate Shopping Cart Promotions are displayed correctly | 3609 |
Story | Configurable images are not shown in Edit Cart Item menu | 3695 |
Story | Backend PageBuilder image metadata support | 16, 17 |
Story | Update packages and dependencies | 3611 |
Story | Add cypress status reporting while running headless | 3613 |
Bug | Gift options on Order Level (Commerce only) | 3540 |
Bug | Parent product image thumbnail has been shown in mini cart instead of product itself | 3690 |
Bug | Long wishlist name length breaks layout | 3706 |
Bug | Change default sort order on Search page to 'Best Match' | 3698 |
Bug | Wishlist page error when configured variant added | 3703 |
Bug | Fix Cypress Page Builder tests | 3715 |
Bug | Dynamic Blocks GraphQL returns non-qualified blocks | 3678, 3 |
Bug | Remove virtual products extension | 3612 |
Bug | Possible wrong usage of useMemo | 3660 |
Bug | PWA multiple wish lists: storefront still showing create wishlist button when reaching the max number of allowed wish lists configured in Commerce | 3668 |
Bug | Header - Logo dimensions overlap with main content | 3659 |
Bug | Click target for long-spanning tabs is inconsistent | 3676 |
Bug | Venia sample data personalized content not updating | 20 |
- Added best practices documentation for Customer Segments.
- In some scenarios, applying a coupon to a guest cart will fail if a coupon has already been applied in a separate cart in the same browser. For instance: As a logged-in user, apply a coupon to the cart and then log out. Then try to apply a coupon to a second, guest cart. This second coupon may raise an error. Clearing the cache solves the issue.
Use the steps outlined in this section to update your scaffolded project from 12.2.0 to 12.3.0. See Upgrading versions for more information about upgrading between PWA Studio versions.
Open your package.json
file and update the PWA Studio package dependencies to the versions associated with this release.
The following table lists the latest versions of each package as of 12.3.0.
Note: Your project may not depend on some of the packages listed in this table.
Package | Latest version |
---|---|
babel-preset-peregrine |
1.2.0 |
create-pwa |
2.2.0 |
upward-security-headers |
1.0.7 |
venia-adobe-data-layer |
1.0.4 |
venia-sample-backends |
0.0.6 |
venia-sample-language-packs |
0.0.7 |
venia-sample-payments-checkmo |
0.0.5 |
pagebuilder |
7.2.0 |
peregrine |
12.3.0 |
pwa-buildpack |
11.2.0 |
pwa-theme-venia |
1.2.0 |
upward-js |
5.3.0 |
upward-spec |
5.2.0 |
venia-concept |
12.3.0 |
venia-ui |
9.3.0 |
magento2-pwa |
0.2.0 |
magento2-pwa-commerce |
0.0.1 |
magento-venia-sample-data-modules |
0.0.2 |
magento-venia-sample-data-modules-ee |
0.0.1 |
magento2-upward-connector |
2.0.0 |
upward-php |
2.0.0 |