Releases: magento/pwa-studio
14.2.0
PWA Studio Release 14.2.0
NOTE:
This changelog only contains release notes for PWA Studio and Venia 14.2.0
For older release notes, see [PWA Studio releases][].
Highlights
PHP 8.4 support — PWA Studio now supports PHP 8.4. GitHub PRs: 62, 7, 29, 6, 25, 12
The 14.2.0 release of PWA Studio provides compatibility with PREX extension and Upgradation from node 14 to 18.
Additional fixes
- Story: 4385 — Added payment method for "Cash on Delivery" compatibiility into pwa-studio
- Story: 4374 — DOM Text Interpreted As HTML in PWA Code
- Story: 4340 — Pwa-studio Dependency Updates
- Story: 4386 — Implemented Price slider Filter with tailwind css
- Bug: 4395 — Fixed error while creating User from Sign-in page which appeares post logout
- Bug: 4346 — Fixed account email confirmation flow and Added code to display error message from grapqhl response in form
- Bug: 4362 — Rolled back necessary changes of Tailwind
- Bug: 4353 — New theme creation - tailwind preset issues
- Bug: 4318 — Fixed issue of system is getting crashed when login / create user on Home page or Order Success page in case of translated language other then English
- Bug: 4344 — fixed issue of unable to see the Default Thumbnail for newly created product in PLP and PDP
- Bug: 4354 — Fixed Shipping address error when login
- Bug: 4318 — Fixed issue of system is getting crashed when selecting add to cart in case of translated language
- Bug: 4357 — Upward pwa forwarding BOT request to backend
- Bug: [4403][] — Removing code since creating problem while yarn build in local when added this extension to package.json
however packages is published on NPM so will resolve in next release - Bug: [4342][] — Resolved error when getting thumbnails on order row for deleted products
- Bug: [4339][] — able to see appropriate css variable on front end
- Bug: [4363][] — Fixed system is thorwing Error while signin from shipping address page
- Bug: [4341][] — Order confirmation page persists through page refreshes when authenticated also navigates to home page on refresh for guest users
- Bug: [4413][] — fixed unable to proceed checkout on iOS or Android Device post product added to cart
- Bug: [4424][] — Unable to place order in Mobile screen as well as not able to filter or sort in PLP
14.2.0 Lighthouse scores
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 14.2.0 release of these pages on desktop and mobile devices.
Desktop scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Desktop | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Mobile scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Mobile | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Known issue
When user create scaffolding project using command yarn create @magento/pwa, project gets created but throwing an error - "'dompurify' Module not found"
while running either of commands (yarn watch / yarn run storybook / yarn run build / yarn start) inside the created project.
Solution: To resolve this error add library 'dompurify' in the created project by running command 'yarn add dompurify' from the root of the project folder. Once the library is added in the project it will work as expected
When a user logs out, that user's local storage session persists. As a result, the cart ID from the logged out user is retrieved and given to the guest user on the computer. This causes the following error when the guest user tries to check out: An error has occurred. Please check the input and try again.
To resolve this issue, try disabling graphql session sharing as described in the GraphQL documentation on session cookies here: https://devdocs.magento.com/guides/v2.4/graphql/authorization-tokens.html#session-cookies.
Upgrading from a previous version
Use the steps outlined in this section to update your scaffolded project from 14.1.0 to 14.2.0
See Upgrading versions for more information about upgrading between PWA Studio versions.
Updated package dependencies
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 14.2.0. The bolded versions with an asterisk (*) are the packages that were updated from PWA Studio 14.1.0.
NOTE:
Your project may not depend on some packages listed in this table.
[UPDATE THIS TABLE WITH THE LATEST VERSIONS OF EACH PACKAGE]
Package | Latest version |
---|---|
babel-preset-peregrine |
1.3.3 |
create-pwa |
2.5.6* |
experience-platform-connector |
1.0.9* |
upward-security-headers |
1.0.17 |
venia-sample-backends |
0.0.12* |
venia-sample-eventing |
0.0.10* |
venia-sample-language-packs |
0.0.18* |
venia-sample-payments-checkmo |
0.0.16* |
venia-sample-payments-cashondelivery |
0.0.1 |
pagebuilder |
9.3.3* |
peregrine |
14.5.1* |
pwa-buildpack |
**11.5.4 *** |
pwa-theme-venia |
2.4.0 |
upward-js |
5.4.2 |
upward-spec |
5.3.1 |
venia-concept |
14.2.0* |
venia-ui |
11.6.0* |
magento2-pwa |
0.9.2* |
magento2-pwa-commerce |
0.1.4* |
magento-venia-sample-data-modules |
0.0.6* |
magento-venia-sample-data-modules-ee |
0.0.5* |
magento2-upward-connector |
2.0.5* |
upward-php |
2.0.4* |
14.1.0
14.0.1
PWA Studio Release 14.0.1
NOTE:
This changelog only contains release notes for PWA Studio and Venia 14.0.1
For older release notes, see PWA Studio releases.
Highlights
The 14.0.1 release of PWA Studio provides compatibility with PREX extension and Upgradation from node 14 to 18.
Additional fixes
- Story: 4283 — OOTB Commerce PWA Venia and PREX compatibility.
- Story: 4279 — upgrading node support >= 18 . Node 14 and 16 are stale, no more supported for security fixes.
- Bug: 4269 — Storefront needs to automatically update the newly added/changes translations
14.0.1 Lighthouse scores
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 14.0.1 release of these pages on desktop and mobile devices.
Desktop scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Desktop | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Mobile scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Mobile | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Known issue
When a user logs out, that user's local storage session persists. As a result, the cart ID from the logged out user is retrieved and given to the guest user on the computer. This causes the following error when the guest user tries to check out: An error has occurred. Please check the input and try again.
To resolve this issue, try disabling graphql session sharing as described in the GraphQL documentation on session cookies here: https://devdocs.magento.com/guides/v2.4/graphql/authorization-tokens.html#session-cookies.
Upgrading from a previous version
Use the steps outlined in this section to update your scaffolded project from 14.0.0 to 14.0.1.
See Upgrading versions for more information about upgrading between PWA Studio versions.
Updated package dependencies
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 14.0.1. The bolded versions with an asterisk (*) are the packages that were updated from PWA Studio 14.0.0.
NOTE:
Your project may not depend on some packages listed in this table.
[UPDATE THIS TABLE WITH THE LATEST VERSIONS OF EACH PACKAGE]
Package | Latest version |
---|---|
babel-preset-peregrine |
1.3.3* |
create-pwa |
2.4.6 |
experience-platform-connector |
1.0.7* |
upward-security-headers |
1.0.16* |
venia-sample-backends |
0.0.11* |
venia-sample-eventing |
0.0.8* |
venia-sample-language-packs |
0.0.16* |
venia-sample-payments-checkmo |
0.0.14* |
pagebuilder |
9.3.1* |
peregrine |
14.3.1* |
pwa-buildpack |
11.5.3* |
pwa-theme-venia |
2.4.0 |
upward-js |
5.4.2* |
upward-spec |
5.3.1* |
venia-concept |
14.0.1* |
venia-ui |
11.4.0* |
magento2-pwa |
0.7.2 |
magento2-pwa-commerce |
0.0.4 |
magento-venia-sample-data-modules |
0.0.5 |
magento-venia-sample-data-modules-ee |
0.0.4 |
magento2-upward-connector |
2.0.4 |
upward-php |
2.0.3 |
14.0.0
PWA Studio Release 14.0.0
NOTE:
This changelog only contains release notes for PWA Studio and Venia 14.0.0
For older release notes, see PWA Studio releases.
Highlights
The 14.0.0 release of PWA Studio provides customers with many accessibility improvements for keyboard and screen-reader access, as well as several bug fixes. Full details are described below.
Accessibility Updates
- Bug: [4195][] — Only one folder should be remained open when navigating the control from profile to minicart or viceversa
Additional fixes
- Story: 4196 — Updated Tailwind to V3
- Bug: 4207 — yarn install broken after #4191
- Bug: 4235 — Search products by category from searchBar is working according to searched text.
- Bug: 4180 - Layered navigation Options are not visible when no results are available
- Bug: 4194 — Thumbnail Images are getting are now not hidden due to PR
- Bug: 4221 — Broken Sign-in following 13.3.0 is fixed
- Bug: 48 — Exception causes error on PWA build is resolved
- Bug: 4221 — mergeCarts GraphQl Error is resolved
- Bug: 4210 - Version updated in extension.
- Bug: 22 — PWA Upward connector throwing exception resolved
- Bug: 4229 — Order statuses are decoupled from the back-end
- Bug: 4231 - Unable to sign-In using TAB/ Mouse Click button from Sign in Page is resolved
- Bug: 49 — PWA metapackages should support PHP8.3
- Bug: 28 — Unable to complile local code with venia-sample data package in local now resolved
- Bug: 4183 — Products not found using URL key is not resolved
- Bug: 4240 — GraphQL cacheable requests always have "Authorization Bearer" header is now changed to only for non cached pages
- Bug: 4227 — Experience platform connector extension missing parent sku is now added
14.0.0 Lighthouse scores
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 14.0.0 release of these pages on desktop and mobile devices.
Desktop scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Desktop | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Mobile scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Mobile | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Known issue
When a user logs out, that user's local storage session persists. As a result, the cart ID from the logged out user is retrieved and given to the guest user on the computer. This causes the following error when the guest user tries to check out: An error has occurred. Please check the input and try again.
To resolve this issue, try disabling graphql session sharing as described in the GraphQL documentation on session cookies here: https://devdocs.magento.com/guides/v2.4/graphql/authorization-tokens.html#session-cookies.
Upgrading from a previous version
Use the steps outlined in this section to update your scaffolded project from 13.3.0 to 14.0.0.
See Upgrading versions for more information about upgrading between PWA Studio versions.
Updated package dependencies
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 14.0.0. The bolded versions with an asterisk (*) are the packages that were updated from PWA Studio 13.3.0.
NOTE:
Your project may not depend on some packages listed in this table.
[UPDATE THIS TABLE WITH THE LATEST VERSIONS OF EACH PACKAGE]
Package | Latest version |
---|---|
babel-preset-peregrine |
1.2.3 |
create-pwa |
2.4.6* |
experience-platform-connector |
1.0.6* |
upward-security-headers |
1.0.15* |
venia-sample-backends |
0.0.10 |
venia-sample-eventing |
0.0.7* |
venia-sample-language-packs |
0.0.15* |
venia-sample-payments-checkmo |
0.0.13* |
pagebuilder |
9.2.1* |
peregrine |
14.2.1* |
pwa-buildpack |
11.4.3 |
pwa-theme-venia |
2.4.0* |
upward-js |
5.3.2 |
upward-spec |
5.2.1 |
venia-concept |
14.0.0* |
venia-ui |
11.3.0* |
magento2-pwa |
0.7.2* |
magento2-pwa-commerce |
0.0.4* |
magento-venia-sample-data-modules |
0.0.5* |
magento-venia-sample-data-modules-ee |
0.0.4* |
magento2-upward-connector |
2.0.4* |
upward-php |
2.0.3* |
13.3.0
PWA Studio Release 13.3.0
Full Changelog: release/13.2...v13.3.0
NOTE:
This changelog only contains release notes for PWA Studio and Venia 13.3.0
For older release notes, see [PWA Studio releases][].
Highlights
The 13.3.0 release of PWA Studio provides customers with many accessibility improvements for keyboard and screen-reader access, as well as several bug fixes. Full details are described below.
Accessibility Updates
- Bug: 4172 — Reading wrong quantity into sub-folder of My account even when havnig atleast 1 item or more or zero has been fixed.
- Bug: 4131 — Once the account is created and the logged in users are announced as "Hi " and the moment you press tab it highlight the area and announces as "Toggle my account menu button expanded"
Additional fixes
- Story: 4173 — Price filter is now showing currency symbol
- Story: 4090 — Added additional user_errors parameter for cart addition and show error message if reported by Adobe Commerce.
- Bug: 43 — EAV attribute option loading Performance Issue resolved
- Bug: 4124 — Region is required in PWA even if this option is disabled in Magento has been fixed
- Bug: 41 - System is able to navigate to layered URL based on search term
- Bug: 4168 — System is able to navigate to layered URL based on search term
- Bug: 4133 — User is able to access category/subcategory pages even while active search
- Bug: 4174 — Error has been fixed on shipping address page to complete checkout for guest and registered user
- Bug: 4143 — Duplicate Queries were fired multiple times at time of load of page but after fix applied it is resolved
- Bug: 40 — User is able see checkmo option when checkmo checkout configuration is done for selceted country
- Bug: [32][] - The system was thowing error with prex extension while adding the product to cart but after user can add product without any error with or without prex extension.
- Bug: [113][] — The system was thowing error with prex extension while adding the product to cart but after user can add product without any error with or without prex extension.
- Bug: [4135][] — Error message has been updated acording to action on Edit Item popup while updating unavailable quantity.
- Bug: 38 - Total number of iteam quantity is displayed as per configuration selected in backend
- Bug: [4149][] — Total number of iteam quantity is displayed as per configuration selected in backend
- Bug: 21 — Error occurs when Runtime exception is thrown in vendor/magento/module-upward-connector/Model/PageType.php is resolved
- Bug: 4129 — Image is rendered on wrong pages when parallax is used on page builder.
New Contributors
- @rafaelstz made their first contribution in #4040
- @Tarun50745 made their first contribution in #4102
- @glo80771 made their first contribution in #4094
- @jeff-matthews made their first contribution in #4146
13.3.0 Lighthouse scores
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 13.3.0 release of these pages on desktop and mobile devices.
Desktop scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Desktop | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Mobile scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Mobile | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Known issue
When a user logs out, that user's local storage session persists. As a result, the cart ID from the logged out user is retrieved and given to the guest user on the computer. This causes the following error when the guest user tries to check out: An error has occurred. Please check the input and try again.
To resolve this issue, try disabling graphql session sharing as described in the GraphQL documentation on session cookies here: https://devdocs.magento.com/guides/v2.4/graphql/authorization-tokens.html#session-cookies.
Upgrading from a previous version
Use the steps outlined in this section to update your scaffolded project from 13.2.0 to 13.3.0.
See Upgrading versions for more information about upgrading between PWA Studio versions.
Updated package dependencies
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 13.3.0. The bolded versions with an asterisk (*) are the packages that were updated from PWA Studio 13.2.0.
NOTE:
Your project may not depend on some packages listed in this table.
[UPDATE THIS TABLE WITH THE LATEST VERSIONS OF EACH PACKAGE]
Package | Latest version |
---|---|
babel-preset-peregrine |
1.2.3* |
create-pwa |
2.4.5 |
experience-platform-connector |
1.0.5 |
upward-security-headers |
1.0.14 |
venia-sample-backends |
0.0.10 |
venia-sample-eventing |
0.0.6 |
venia-sample-language-packs |
0.0.14 |
venia-sample-payments-checkmo |
0.0.12 |
pagebuilder |
8.2.1* |
peregrine |
13.2.1* |
pwa-buildpack |
11.4.3* |
pwa-theme-venia |
1.4.0 |
upward-js |
5.3.2 |
upward-spec |
5.2.1 |
venia-concept |
13.3.0* |
venia-ui |
10.3.0* |
magento2-pwa |
0.6.1* |
magento2-pwa-commerce |
0.0.3 |
magento-venia-sample-data-modules |
0.0.4 |
magento-venia-sample-data-modules-ee |
0.0.3 |
magento2-upward-connector |
2.0.3* |
upward-php |
2.0.2 |
13.2.0
PWA Studio Release 13.2.0
NOTE:
This changelog only contains release notes for PWA Studio and Venia 13.2.0
For older release notes, see PWA Studio releases.
Highlights
The 13.2.0 release of PWA Studio provides customers with many accessibility improvements for keyboard and screen-reader access, as well as several bug fixes. Full details are described below.
Accessibility Updates
- Story: 4092 — Sign in > Forget password is working with keyboard Enter key press.
- Story: 4100 — Minicart > Buttons is working with keyboard Enter key press.
- Story: 4120 — Apply Gift Card > Button is working with keyboard Enter key.
- Story: 4112 — Enter Coupon Code > Button is working with keyboard Enter key press.
- Story: 4094 — Apply Gift Card > Link Check Balance button is working now with Enter key press.
- Story: 4111 — Estimate your Shipping > Button is working with keyboard Enter key press.
- bug: 4104 — The screen reader now reads the appropriate message as expected when a shopper clicks Return to apply a gift card on the cart page without entering a gift card number.
- bug: 4104 — System was getting crashed with unexpected error when pressed Retrun button with invalid Gift card number but now fixed and working without any issue.
Additional fixes
- Story: 4086 — Updated to latest @adobe/magento-storefront-event-collector.
- Story: 4040 — Added Dev Container config to improve developer experience.
- Story: 4103 — Updated eventing system to stay compatible with latest AEP schema.
- Bug: 4123 — Edited the Magento2 Backend URL to working url.
- Bug: 4121 — The 'signout' event is now captured.
- Bug: 4118 — PWA Scaffolding Tool uses old version.
- Bug: 4084 — useLink operations empty object destructuring.
- Bug: 4115 — Selecting payment method causing graphql error.
- Bug: 4083 — No results when filtering a category with a composite attribute from layered navigation.
- Bug: 4075 — Venia header/layout broken in offline mode.
- Bug: 4124 — Region required validation is working in pwa according to option selected in Magento.
- Bug: 4109 — Url Rewrite to external URL does not work on PWA.
- Bug: 4114 — PWA shows 404 when having store code in URL.
- Bug: 4102 — When you click on Thumbnail, Add to cart works.
- Bug: 4060 — Search auto populate results not accessible with tab or up/down keys.
13.2.0 Lighthouse scores
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 13.2.0 release of these pages on desktop and mobile devices.
Desktop scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Desktop | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Mobile scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Mobile | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Known issue
When a user logs out, that user's local storage session persists. As a result, the cart ID from the logged out user is retrieved and given to the guest user on the computer. This causes the following error when the guest user tries to check out: An error has occurred. Please check the input and try again.
To resolve this issue, try disabling graphql session sharing as described in the GraphQL documentation on session cookies here: https://devdocs.magento.com/guides/v2.4/graphql/authorization-tokens.html#session-cookies.
Upgrading from a previous version
Use the steps outlined in this section to update your scaffolded project from 13.1.0 to 13.2.0.
See Upgrading versions for more information about upgrading between PWA Studio versions.
Updated package dependencies
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 13.2.0. The bolded versions with an asterisk (*) are the packages that were updated from PWA Studio 13.1.0.
NOTE:
Your project may not depend on some packages listed in this table.
[UPDATE THIS TABLE WITH THE LATEST VERSIONS OF EACH PACKAGE]
Package | Latest version |
---|---|
babel-preset-peregrine |
1.2.2 |
create-pwa |
2.4.5* |
experience-platform-connector |
1.0.5* |
upward-security-headers |
1.0.14* |
venia-sample-backends |
0.0.10 |
venia-sample-eventing |
0.0.6* |
venia-sample-language-packs |
0.0.14* |
venia-sample-payments-checkmo |
0.0.12* |
pagebuilder |
8.2.0* |
peregrine |
13.1.1* |
pwa-buildpack |
11.4.2 |
pwa-theme-venia |
1.4.0 |
upward-js |
5.3.2 |
upward-spec |
5.2.1 |
venia-concept |
13.2.0* |
venia-ui |
10.2.0* |
magento2-pwa |
0.5.1 |
magento2-pwa-commerce |
0.0.3 |
magento-venia-sample-data-modules |
0.0.4 |
magento-venia-sample-data-modules-ee |
0.0.3 |
magento2-upward-connector |
2.0.2 |
upward-php |
2.0.2 |
13.1.0
PWA Studio Release 13.1.0
NOTE:
This changelog only contains release notes for PWA Studio and Venia 13.1.0
For older release notes, see PWA Studio releases.
Highlights
- PHP 8.2 support — PWA Studio now supports PHP 8.2. GitHub PRs: 4, 25, 34, 5, 20, 10
- Payment method persists — The chosen payment method now persists throughout the user's session. GitHub PR: 3969
- Node 18 support — PWA Studio now supports Node 18.0,0+. GitHub PR: 172
Additional fixes
- Story: 36 — Updated Zend libraries to respective laminas.
- Bug: 4028 — Fixed support for Page Builder column-line content type
- Bug: 35 — Fixed an issue that crashed the Categories page when applying a filter.
- Bug: 4053 — Fixed an issue that prevented a filter from being applied to the text label.
- Bug: 4059 — Fixed an issue where the URL was not updated properly in Page Builder.
- Bug: 4061 — Fixed null-network requests that occurred when refreshing the Venia home page.
- Bug: 4066 — Fixed fashion-size value to be read by screen readers.
- Bug: 4049 —Fixed keyboard access for the Cancel button adjacent to the Create Account button.
- Bug: 4064 — Fixed keyboard access to the Sign in button.
- Bug: 26 — Fixed Venia sample data cloud deployment with PHP 8.2.
- Bug: 4052 — Fixed an issue that caused the Additional Giftcard link to appear in the discounted section.
13.1.0 Lighthouse scores
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 13.1.0 release of these pages on desktop and mobile devices.
Desktop scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Desktop | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Mobile scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Mobile | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Known issues
-
Event data is currently not being stored properly in the database. Our initial investigation concluded that this would affect all PWA Studio customers using Beacon eventing.
-
When a user logs out, that user's local storage session persists. As a result, the cart ID from the logged out user is retrieved and given to the guest user on the computer. This causes the following error when the guest user tries to check out:
An error has occurred. Please check the input and try again.
To resolve this issue, try disabling graphql session sharing as described in the GraphQL documentation on session cookies here: https://devdocs.magento.com/guides/v2.4/graphql/authorization-tokens.html#session-cookies.
Upgrading from a previous version
Use the steps outlined in this section to update your scaffolded project from 13.0.0 to 13.1.0.
See Upgrading versions for more information about upgrading between PWA Studio versions.
Updated package dependencies
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 13.1.0. The bolded versions with an asterisk (*) are the packages that were updated from PWA Studio 13.0.0.
Note:
Your project may not depend on some packages listed in this table.
Package | Latest version |
---|---|
babel-preset-peregrine |
1.2.2 |
create-pwa |
2.3.5* |
experience-platform-connector |
1.0.4* |
upward-security-headers |
1.0.13* |
venia-sample-backends |
0.0.9 |
venia-sample-eventing |
0.0.5* |
venia-sample-language-packs |
0.0.13* |
venia-sample-payments-checkmo |
0.0.11* |
pagebuilder |
8.1.0* |
peregrine |
13.0.1* |
pwa-buildpack |
11.4.1 |
pwa-theme-venia |
1.4.0 |
upward-js |
5.3.2 |
upward-spec |
5.2.1 |
venia-concept |
13.1.0* |
venia-ui |
10.1.0* |
magento2-pwa |
0.5.0* |
magento2-pwa-commerce |
0.0.3* |
magento-venia-sample-data-modules |
0.0.4* |
magento-venia-sample-data-modules-ee |
0.0.3* |
magento2-upward-connector |
2.0.2* |
upward-php |
2.0.2* |
13.0.0
PWA Studio Release 13.0.0
NOTE:
This changelog only contains release notes for PWA Studio and Venia 13.0.0.
For older release notes, see PWA Studio releases.
Highlights
The 13.0 release of PWA Studio provides customers with many accessibility improvements for keyboard and screen-reader access, as well as several bug fixes. Full details are described below.
Accessibility Updates
- Story: 3865 — Venia's main menu and modals now prevent the background page from scrolling.
- Story: 3952 — Added visible text labels to all Venia buttons.
- Story: 3944 — Added alt text to images and removed screen reader access to hidden content on the Order History page.
- Story: 3971 — Added visual indication to show when page content has been refreshed.
- Story: 3977 — Added expanded and collapsed states for the Accordion control.
- Story: 3932 — Matched the accessible name of buttons to their visible text labels.
- Story: 3973 — Enabled keyboard navigation on the Cart page.
- Story: 3980 — Enabled keyboard navigation on the Checkout page.
- Story: 3961 — Labeled required form fields as required.
- Story: 3978 — Enabled keyboard navigation on Sign In and Create Account pages.
- Story: 3988 — Added Accessible names to all icon buttons.
- Story: 3979 — Enabled keyboard navigation on Checkout page.
- Story: 3962 — Added visual indications of focus state on buttons.
- Story: 3931 — Added page title to the Search page for screen readers.
- Story: 4006 — Added additional documentation and video links to the README for magento/pwa-studio.
Bug fixes
- Bug: 31 — Fixed the issue where the
setup:upgrade
command got stuck at theMagento_PageBuilderPwa
step when PageBuilder contained 20+ MB of assets. - Bug: 3982 — Replaced
id
withuid
innoProductsFound.js
to give a unique value for each category and resolve the browser console warning. - Bug: 4001 — Fixed the redirection URL for the Add to Cart button on a configurable product gallery item to match the URL used on the product tile.
- Bug: 3874 — Fixed all hooks and talons to use named exports to prevent errors when using them for wrapping.
- Bug: 4011 — Fixed
tabIndex
prop type oncategoryBranch
, categoryLeaf, and categoryTree. - Bug: 4011 — Fixed accessibility issue on home page with carousel gallery item links by adding aria-label for link names.
- Bug: 4019 — Fixed an issue in which the
addToCart
event would crash the app when contexts were not set. - Bug: [4025][] — Fixed
productPageView
event to capture and add more data when setting theproductPageView
context.
13.0.0 Lighthouse scores
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 13.0.0 release of these pages on desktop and mobile devices.
Desktop scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Desktop | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Mobile scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Mobile | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Known issue
When a user logs out, that user's local storage session persists. As a result, the cart ID from the logged out user is retrieved and given to the guest user on the computer. This causes the following error when the guest user tries to check out: An error has occurred. Please check the input and try again.
To resolve this issue, try disabling graphql session sharing as described in the GraphQL documentation on session cookies here: https://devdocs.magento.com/guides/v2.4/graphql/authorization-tokens.html#session-cookies.
Upgrading from a previous version
Use the steps outlined in this section to update your scaffolded project from 12.7.0 to 13.0.0.
See Upgrading versions for more information about upgrading between PWA Studio versions.
Updated package dependencies
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 13.0.0. The bolded versions with an asterisk (*) are the packages that were updated from PWA Studio 12.7.0.
Note:
Your project may not depend on some packages listed in this table.
Package | Latest version |
---|---|
babel-preset-peregrine |
1.2.2 |
create-pwa |
2.3.4* |
experience-platform-connector |
1.0.3* |
upward-security-headers |
1.0.12* |
venia-sample-backends |
0.0.9 |
venia-sample-eventing |
0.0.4* |
venia-sample-language-packs |
0.0.12* |
venia-sample-payments-checkmo |
0.0.10* |
pagebuilder |
8.0.0* |
peregrine |
13.0.0* |
pwa-buildpack |
11.4.1 |
pwa-theme-venia |
1.4.0 |
upward-js |
5.3.2 |
upward-spec |
5.3.1 |
venia-concept |
13.0.0* |
venia-ui |
10.0.0* |
magento2-pwa |
0.3.0 |
magento2-pwa-commerce |
0.0.2 |
magento-venia-sample-data-modules |
0.0.3 |
magento-venia-sample-data-modules-ee |
0.0.2 |
magento2-upward-connector |
2.0.1 |
upward-php |
2.0.1 |
12.7.0
PWA Studio Release 12.7.0
NOTE:
This changelog only contains release notes for PWA Studio and Venia 12.7.0.
For older release notes, see PWA Studio releases.
Highlights
The 12.7.0 release of PWA Studio provides customers with a better product selection experience by showing which variations of a configurable product are out of stock. This addition prevents customers from selecting out of stock variations when configuring a product for purchase.
This release also adds and improves several keyboard and screen-reader accessibility features along with user session and permission bug fixes. Full details are described below.
New Features
- Out-of-stock for product variations 3903 — The out-of-stock setting can now be applied to configurable product variations, making it easier for customers to configure a product with the available variations.
- Tailwind theming documentation 155 — New instructions on how to install, configure, and use Tailwind with Venia to theme your own PWA Studio app. See Tailwind Theming for PWA Studio apps.
- Accessible Action menus 3791 — Action menu functions are now accessible by keyboard.
- Accessible Search results content 3891 —Screen reading of search results has been improved.
- Accessible Search results count 3935 — Screen reader announces the total items found in the searched result.
- Accessible UI Control states 3792 — Screen readers now announce the expanded and collapsed states of controls.
- Accessible Mega Menu 3798 — The Mega Menu is now accessible by keyboard.
- Accessible Actionable UI elements 3864 — When actionable UI elements receive focus, a visible focus indicator is present.
- Accessible Logo component 3936 — The Logo component now renders the
alt
property.
Bug Fixes
- Fixed selected payment method 3969 — The selected payment method now persists during the user session, when multiple payment methods are available.
- Fixed permission error 3955 — Fixed a permission error that occurred during the compilation process initiated by Docker.
- Fixed import typo 3648 — Fixed a typo for the import name of a component.
- Fixed console warnings 3942 — Fixed console warnings for invalid DOM property names.
12.7.0 Lighthouse scores
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.7.0 release of these pages on desktop and mobile devices.
Desktop scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Desktop | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Mobile scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Mobile | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Known issue
When a user logs out, that user's local storage session persists. As a result, the cart ID from the logged out user is retrieved and given to the guest user on the computer. This causes the following error when the guest user tries to check out: An error has occurred. Please check the input and try again.
To resolve this issue, try disabling graphql session sharing as described in the GraphQL documentation on session cookies here: https://devdocs.magento.com/guides/v2.4/graphql/authorization-tokens.html#session-cookies.
Upgrading from a previous version
Use the steps outlined in this section to update your scaffolded project from 12.6.0 to 12.7.0.
See Upgrading versions for more information about upgrading between PWA Studio versions.
Updated package dependencies
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.7.0. The bolded versions with an asterisk (*) are the packages that were updated from PWA Studio 12.6.0.
Note:
Your project may not depend on some packages listed in this table.
Package | Latest version |
---|---|
babel-preset-peregrine |
1.2.2* |
create-pwa |
2.3.3* |
experience-platform-connector |
1.0.2* |
upward-security-headers |
1.0.11* |
venia-sample-backends |
0.0.9* |
venia-sample-eventing |
0.0.3* |
venia-sample-language-packs |
0.0.11* |
venia-sample-payments-checkmo |
0.0.9* |
pagebuilder |
7.4.2* |
peregrine |
12.6.0* |
pwa-buildpack |
11.4.1* |
pwa-theme-venia |
1.4.0* |
upward-js |
5.3.2 |
upward-spec |
5.2.1 |
venia-concept |
12.7.0* |
venia-ui |
9.7.0* |
magento2-pwa |
0.3.0 |
magento2-pwa-commerce |
0.0.2 |
magento-venia-sample-data-modules |
0.0.3 |
magento-venia-sample-data-modules-ee |
0.0.2 |
magento2-upward-connector |
2.0.1 |
upward-php |
2.0.1 |
12.6.0
PWA Studio Release 12.6.0
NOTE:
This changelog only contains release notes for PWA Studio and Venia 12.6.0.
For older release notes, see PWA Studio releases.
Highlights
The 12.6.0 release of PWA Studio focuses on accessibility improvements and bug fixes.
- Accessibility Improvements: Added autocomplete attributes to checkout shipping and payment forms — 3785
- Accessibility Improvements:: Open panels now have keyboard focus. — 3805
- Accessibility Improvements:: Navigation buttons for carousels now meet contrast requirements. — 3787
- Controls now have a descriptive accessible name. Visible [label] elements are correctly associated with their inputs using the "for" attribute. — 3786
- Removes duplicate logic from QuoteGraphQlPwa module — 29
- Bug Fix: Failing cypress tests fixed — 3911
- Bug Fix - Braintree payment form Customer Name field values now appear normal. — 3912
- Bug Fix: Braintree npm package braintree-web-drop-in updated to latest version to fix csp related console errors. — 3912
- Accessibility Improvements: Keyboard focus no longer lands on hidden elements in Kebab menu — 3800
- Fixed a bug in mobile view where the Edit and Remove options in the kebab menu for a cart item on the cart page is non functional. - 3925
- Fixed a console error when accessing different filters. - 30
12.6.0 Lighthouse scores
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.6.0 release of these pages on desktop and mobile devices.
Desktop scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Desktop | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Mobile scores
Home Page | Product Category | Product Details | Search Results | |
---|---|---|---|---|
Mobile | ![]() |
![]() |
![]() |
![]() |
Performance | ||||
Accessibility | ||||
Best Practices | ||||
SEO | ||||
PWA |
Upgrading from a previous version
Use the steps outlined in this section to update your scaffolded project from 12.5.0 to 12.6.0.
See Upgrading versions for more information about upgrading between PWA Studio versions.
Update dependencies
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.6.0.
Note:
Your project may not depend on some packages listed in this table.
Package | Latest version |
---|---|
babel-preset-peregrine |
1.2.1 |
create-pwa |
2.3.2 |
experience-platform-connector |
1.0.1 |
upward-security-headers |
1.0.10 |
venia-sample-backends |
0.0.8 |
venia-sample-eventing |
0.0.2 |
venia-sample-language-packs |
0.0.10 |
venia-sample-payments-checkmo |
0.0.8 |
pagebuilder |
7.4.1 |
peregrine |
12.5.1 |
pwa-buildpack |
11.4.0 |
pwa-theme-venia |
1.3.0 |
upward-js |
5.3.2 |
upward-spec |
5.2.1 |
venia-concept |
12.6.0 |
venia-ui |
9.6.0 |
magento2-pwa |
0.3.0 |
magento2-pwa-commerce |
0.0.2 |
magento-venia-sample-data-modules |
0.0.3 |
magento-venia-sample-data-modules-ee |
0.0.2 |
magento2-upward-connector |
2.0.1 |
upward-php |
2.0.1 |