Skip to content
This repository was archived by the owner on Feb 23, 2024. It is now read-only.

Upgrade webpack to version 5 #8013

Merged
merged 103 commits into from
Sep 20, 2023
Merged

Upgrade webpack to version 5 #8013

merged 103 commits into from
Sep 20, 2023

Conversation

thealexandrelara
Copy link
Contributor

@thealexandrelara thealexandrelara commented Dec 21, 2022 •
edited by nielslange
Loading

The current version of Webpack in this project is version 4. The goal is to upgrade to Webpack 5 to get improved build performance, access to new features and improvements, improved security, and compatibility with JavaScript. Once the upgrade is complete, and we've thoroughly tested the changes to our build system to ensure they don't cause any regressions or break existing functionality, we can enable HRM.

Fixes #5244

Testing instructions

Scenario 1: Build

  1. Run npm run build and make sure the build finishes correctly;
  2. Run npm start and check if the application is running without any error;

Scenario 2: Blocks

  1. Log in to your WordPress dashboard.
  2. Add a new post/page;
  3. Add multiple blocks to the post/page;
  4. Make sure you can edit the blocks settings and styles;
  5. Click on the Save button;
  6. Visit the post/page on the frontend and make sure everything is working.

Scenario 3: Templates

  1. Log in to your WordPress dashboard.
  2. From your WordPress dashboard, go to Appearance > Themes. Make sure you have a block-based theme installed and activated. If not, you can install one from the Add New option. Block-based themes include "Twenty-twenty Two," "Twenty-twenty Three," etc.
  3. On the left-hand side menu, click on Appearance > Editor > Templates
  4. Select and click on a template from the list to start editing it. If it is a Classic Product Template renders, click on Transform into Blocks. This will transform the Classic template in a block template if you haven't done it before;
  5. Make sure everything is working.
  6. Add multiple blocks to the template;
  7. Make sure you can edit the blocks settings and styles;
  8. Click on the Save button;
  9. Visit the template page on the frontend and make sure everything is working.
  10. Repeat steps 4-9 to test all the available templates.

Scenario 4: Testing with generated zip file in a hosted website

  1. Run npm run package-plugin:deploy. This command will generate a zip file in the root folder of your project;
  2. Create a new WooCommerce on Pressable or any other hosting of your preference;
  3. From your WordPress dashboard, go to Plugins > Add new. Upload the generated zip and activate the plugin;
  4. Repeat the steps from the scenarios 2 and 3 above.

Scenario 5: Upgrade from previous version

_ Recommended pre-requisite: A hosted website with a version of the plugin using Webpack 4_

  1. Run npm run package-plugin:deploy. This command will generate a zip file in the root folder of your project;
  2. Repeat the steps from the scenarios 2 and 3, above.
  3. Considering that you have a site with a previous version of the plugin installed (a version that still uses webpack 4). Go to Plugins > Installed plugins. Disable the current plugin version.
  4. Upload the generated zip and activate the plugin;
  5. Make sure that the blocks and templates are working both on the editor and on the frontend.

Performance Impact

Changelog

Upgrade Webpack from version 4 to version 5

@thealexandrelara thealexandrelara self-assigned this Dec 21, 2022
@github-actions
Copy link
Contributor

github-actions bot commented Dec 21, 2022 •
edited
Loading

The release ZIP for this PR is accessible via:

https://wcblocks.wpcomstaging.com/wp-content/uploads/woocommerce-gutenberg-products-block-8013.zip

Script Dependencies Report

The compare-assets action has detected some changed script dependencies between this branch and trunk. Please review and confirm the following are correct before merging.

Script Handle Added Removed
packages-style-style.js lodash, react, wc-blocks-data-store, wc-blocks-registry, wc-settings, wp-compose, wp-data, wp-deprecated, wp-element, wp-html-entities, wp-i18n, wp-is-shallow-equal, wp-polyfill, wp-primitives, wp-warning ⚠️
wc-blocks-style.js wp-blocks, wp-compose, wp-element, wp-hooks, wp-i18n, wp-polyfill, wp-primitives ⚠️
product-image-gallery-style.js wc-settings, wp-block-editor, wp-blocks, wp-components, wp-data, wp-element, wp-polyfill, wp-primitives ⚠️
product-reviews-style.js wc-settings, wp-block-editor, wp-blocks, wp-components, wp-data, wp-element, wp-i18n, wp-polyfill ⚠️
product-details-style.js wp-block-editor, wp-blocks, wp-components, wp-data, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
add-to-cart-form-style.js wp-block-editor, wp-blocks, wp-components, wp-data, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
active-filters-style.js wc-blocks-data-store, wc-price-format, wc-settings, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-data, wp-element, wp-html-entities, wp-i18n, wp-is-shallow-equal, wp-polyfill, wp-primitives, wp-url ⚠️
all-products-style.js lodash, react, wc-blocks-checkout, wc-blocks-data-store, wc-blocks-registry, wc-blocks-shared-context, wc-blocks-shared-hocs, wc-price-format, wc-settings, wp-a11y, wp-api-fetch, wp-autop, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-data, wp-deprecated, wp-dom, wp-element, wp-escape-html, wp-hooks, wp-html-entities, wp-i18n, wp-is-shallow-equal, wp-polyfill, wp-primitives, wp-style-engine, wp-url, wp-warning, wp-wordcount ⚠️
all-reviews-style.js wc-settings, wp-api-fetch, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-element, wp-escape-html, wp-i18n, wp-is-shallow-equal, wp-polyfill, wp-primitives ⚠️
attribute-filter-style.js lodash, react, wc-blocks-checkout, wc-blocks-data-store, wc-settings, wp-a11y, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-data, wp-deprecated, wp-dom, wp-element, wp-html-entities, wp-i18n, wp-is-shallow-equal, wp-keycodes, wp-polyfill, wp-primitives, wp-url, wp-warning ⚠️
breadcrumbs-style.js wc-settings, wp-block-editor, wp-blocks, wp-components, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
cart-style.js lodash, react, wc-blocks-checkout, wc-blocks-data-store, wc-blocks-registry, wc-blocks-shared-context, wc-blocks-shared-hocs, wc-price-format, wc-settings, wp-a11y, wp-api-fetch, wp-autop, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-core-data, wp-data, wp-deprecated, wp-dom, wp-editor, wp-element, wp-hooks, wp-html-entities, wp-i18n, wp-is-shallow-equal, wp-keycodes, wp-plugins, wp-polyfill, wp-primitives, wp-style-engine, wp-url, wp-warning, wp-wordcount ⚠️
catalog-sorting-style.js wp-block-editor, wp-blocks, wp-components, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
checkout-style.js lodash, react, wc-blocks-checkout, wc-blocks-data-store, wc-blocks-registry, wc-blocks-shared-hocs, wc-price-format, wc-settings, wp-a11y, wp-api-fetch, wp-autop, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-core-data, wp-data, wp-deprecated, wp-dom, wp-editor, wp-element, wp-hooks, wp-html-entities, wp-i18n, wp-is-shallow-equal, wp-keycodes, wp-plugins, wp-polyfill, wp-primitives, wp-url, wp-warning, wp-wordcount ⚠️
customer-account-style.js wc-settings, wp-block-editor, wp-blocks, wp-components, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
featured-category-style.js react, wc-settings, wp-api-fetch, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-data, wp-element, wp-escape-html, wp-html-entities, wp-i18n, wp-is-shallow-equal, wp-polyfill, wp-primitives, wp-style-engine, wp-url ⚠️
featured-product-style.js react, wc-settings, wp-api-fetch, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-data, wp-element, wp-escape-html, wp-html-entities, wp-i18n, wp-is-shallow-equal, wp-polyfill, wp-primitives, wp-style-engine, wp-url ⚠️
filter-wrapper-style.js lodash, react, wc-blocks-checkout, wc-blocks-data-store, wc-blocks-registry, wc-price-format, wc-settings, wp-a11y, wp-block-editor, wp-blocks, wp-compose, wp-data, wp-deprecated, wp-dom, wp-element, wp-html-entities, wp-i18n, wp-is-shallow-equal, wp-keycodes, wp-polyfill, wp-primitives, wp-style-engine, wp-url, wp-warning ⚠️
handpicked-products-style.js react, wc-settings, wp-api-fetch, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-element, wp-escape-html, wp-html-entities, wp-i18n, wp-polyfill, wp-primitives, wp-server-side-render, wp-url ⚠️
legacy-template-style.js wc-settings, wp-block-editor, wp-blocks, wp-components, wp-core-data, wp-data, wp-element, wp-i18n, wp-notices, wp-polyfill, wp-primitives ⚠️
classic-shortcode-style.js wc-settings, wp-block-editor, wp-blocks, wp-components, wp-data, wp-element, wp-i18n, wp-notices, wp-polyfill, wp-primitives ⚠️
mini-cart-style.js lodash, react, wc-blocks-registry, wc-price-format, wc-settings, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-data, wp-deprecated, wp-dom, wp-element, wp-hooks, wp-i18n, wp-polyfill, wp-primitives, wp-warning ⚠️
mini-cart-contents-style.js lodash, react, wc-blocks-checkout, wc-blocks-data-store, wc-blocks-registry, wc-price-format, wc-settings, wp-a11y, wp-autop, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-data, wp-deprecated, wp-dom, wp-element, wp-hooks, wp-html-entities, wp-i18n, wp-is-shallow-equal, wp-keycodes, wp-polyfill, wp-primitives, wp-style-engine, wp-url, wp-warning, wp-wordcount ⚠️
store-notices-style.js wp-block-editor, wp-blocks, wp-components, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
page-content-wrapper-style.js wc-settings, wp-block-editor, wp-blocks, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
price-filter-style.js react, wc-blocks-data-store, wc-price-format, wc-settings, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-data, wp-element, wp-i18n, wp-is-shallow-equal, wp-polyfill, wp-primitives, wp-url ⚠️
product-best-sellers-style.js wc-settings, wp-api-fetch, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-element, wp-escape-html, wp-html-entities, wp-i18n, wp-polyfill, wp-primitives, wp-server-side-render, wp-url ⚠️
product-category-style.js wc-settings, wp-api-fetch, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-element, wp-escape-html, wp-html-entities, wp-i18n, wp-polyfill, wp-primitives, wp-server-side-render, wp-url ⚠️
product-categories-style.js wp-block-editor, wp-blocks, wp-components, wp-data, wp-element, wp-i18n, wp-polyfill, wp-primitives, wp-server-side-render ⚠️
product-collection-style.js wc-settings, wp-api-fetch, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-core-data, wp-data, wp-element, wp-escape-html, wp-hooks, wp-html-entities, wp-i18n, wp-polyfill, wp-primitives, wp-url ⚠️
product-gallery-style.js wc-interactivity, wc-settings, wp-block-editor, wp-blocks, wp-components, wp-data, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
product-gallery-large-image-style.js wc-interactivity, wc-settings, wp-block-editor, wp-blocks, wp-element, wp-polyfill ⚠️
product-gallery-large-image-next-previous-style.js wc-settings, wp-block-editor, wp-blocks, wp-components, wp-data, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
product-gallery-pager-style.js wc-settings, wp-block-editor, wp-blocks, wp-components, wp-data, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
product-gallery-thumbnails-style.js wc-settings, wp-block-editor, wp-blocks, wp-components, wp-data, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
product-new-style.js wc-settings, wp-api-fetch, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-element, wp-escape-html, wp-html-entities, wp-i18n, wp-polyfill, wp-primitives, wp-server-side-render, wp-url ⚠️
product-on-sale-style.js wc-settings, wp-api-fetch, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-element, wp-escape-html, wp-html-entities, wp-i18n, wp-polyfill, wp-primitives, wp-server-side-render, wp-url ⚠️
product-query-style.js wc-settings, wp-api-fetch, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-data, wp-element, wp-escape-html, wp-hooks, wp-html-entities, wp-i18n, wp-polyfill, wp-primitives, wp-url ⚠️
product-results-count-style.js wp-block-editor, wp-blocks, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
product-search-style.js wc-settings, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-data, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
product-tag-style.js react, wc-settings, wp-api-fetch, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-element, wp-html-entities, wp-i18n, wp-polyfill, wp-primitives, wp-server-side-render, wp-url ⚠️
product-template-style.js wc-settings, wp-block-editor, wp-blocks, wp-components, wp-core-data, wp-data, wp-element, wp-i18n, wp-polyfill ⚠️
product-top-rated-style.js wc-settings, wp-api-fetch, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-element, wp-escape-html, wp-html-entities, wp-i18n, wp-polyfill, wp-primitives, wp-server-side-render, wp-url ⚠️
products-by-attribute-style.js wc-settings, wp-api-fetch, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-data, wp-element, wp-escape-html, wp-html-entities, wp-i18n, wp-polyfill, wp-primitives, wp-server-side-render, wp-url ⚠️
rating-filter-style.js lodash, react, wc-blocks-checkout, wc-blocks-data-store, wc-settings, wp-a11y, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-data, wp-deprecated, wp-dom, wp-element, wp-i18n, wp-is-shallow-equal, wp-keycodes, wp-polyfill, wp-primitives, wp-url, wp-warning ⚠️
reviews-by-category-style.js wc-settings, wp-api-fetch, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-element, wp-escape-html, wp-html-entities, wp-i18n, wp-is-shallow-equal, wp-polyfill, wp-primitives, wp-url ⚠️
reviews-by-product-style.js react, wc-settings, wp-api-fetch, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-element, wp-escape-html, wp-html-entities, wp-i18n, wp-is-shallow-equal, wp-polyfill, wp-primitives, wp-url ⚠️
single-product-style.js lodash, react, wc-blocks-checkout, wc-blocks-data-store, wc-blocks-registry, wc-blocks-shared-context, wc-blocks-shared-hocs, wc-price-format, wc-settings, wp-api-fetch, wp-autop, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-data, wp-deprecated, wp-dom, wp-element, wp-escape-html, wp-hooks, wp-html-entities, wp-i18n, wp-is-shallow-equal, wp-polyfill, wp-primitives, wp-style-engine, wp-url, wp-warning, wp-wordcount ⚠️
stock-filter-style.js lodash, react, wc-blocks-checkout, wc-blocks-data-store, wc-settings, wp-a11y, wp-block-editor, wp-blocks, wp-components, wp-compose, wp-data, wp-deprecated, wp-dom, wp-element, wp-html-entities, wp-i18n, wp-is-shallow-equal, wp-keycodes, wp-polyfill, wp-primitives, wp-url, wp-warning ⚠️
collection-filters-style.js wc-settings, wp-block-editor, wp-blocks, wp-element, wp-polyfill, wp-primitives ⚠️
order-confirmation-summary-style.js wc-price-format, wc-settings, wp-block-editor, wp-blocks, wp-components, wp-date, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
order-confirmation-totals-wrapper-style.js wc-settings, wp-block-editor, wp-blocks, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
order-confirmation-totals-style.js wc-price-format, wp-block-editor, wp-blocks, wp-components, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
order-confirmation-downloads-wrapper-style.js wc-settings, wp-block-editor, wp-blocks, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
order-confirmation-downloads-style.js wp-block-editor, wp-blocks, wp-components, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
order-confirmation-billing-address-style.js wp-block-editor, wp-blocks, wp-element, wp-polyfill, wp-primitives ⚠️
order-confirmation-shipping-address-style.js wp-block-editor, wp-blocks, wp-element, wp-polyfill, wp-primitives ⚠️
order-confirmation-billing-wrapper-style.js wp-block-editor, wp-blocks, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
order-confirmation-shipping-wrapper-style.js wp-block-editor, wp-blocks, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
order-confirmation-status-style.js wp-block-editor, wp-blocks, wp-element, wp-i18n, wp-polyfill, wp-primitives ⚠️
order-confirmation-additional-information-style.js wp-block-editor, wp-blocks, wp-element, wp-polyfill, wp-primitives ⚠️
wc-blocks-classic-template-revert-button-style-style.js wp-block-editor, wp-blocks, wp-components, wp-core-data, wp-data, wp-edit-site, wp-element, wp-i18n, wp-plugins, wp-polyfill ⚠️

This comment was automatically generated by the ./github/compare-assets action.

TypeScript Errors Report

  • Files with errors: 506
  • Total errors: 2303

⚠️ ⚠️ This PR introduces new TS errors on 12 files:

assets/js/base/context/hooks/cart/test/use-store-cart.jsx

assets/js/base/context/hooks/collections/test/use-collection.jsx

assets/js/base/context/hooks/test/use-query-state.jsx

assets/js/base/hocs/test/with-reviews.jsx

assets/js/base/hooks/test/use-previous.jsx

assets/js/base/hooks/test/use-shallow-equal.jsx

assets/js/blocks/price-filter/test/use-price-constraints.jsx

assets/js/hocs/test/with-categories.jsx

assets/js/hocs/test/with-category.jsx

assets/js/hocs/test/with-product-variations.jsx

assets/js/hocs/test/with-product.jsx

assets/js/hocs/test/with-searched-products.jsx

comments-aggregator

@github-actions
Copy link
Contributor

github-actions bot commented Dec 21, 2022 •
edited
Loading

Size Change: +68.8 kB (+5%) 🔍

Total Size: 1.47 MB

Filename Size Change
build/active-filters-frontend.js 7.03 kB -1.55 kB (-18%) 👏
build/active-filters-rtl.css 2 kB +15 B (+1%)
build/active-filters-wrapper--mini-cart-contents-block/cart-button--mini-cart-contents-block/checkout-but--e791dc6c-style.js 0 B -930 B (removed) 🏆
build/active-filters-wrapper-frontend.js 7.39 kB +1.21 kB (+20%) 🚨
build/active-filters-wrapper-rtl.css 1.86 kB +7 B (0%)
build/active-filters-wrapper.css 1.86 kB +9 B (0%)
build/active-filters.css 2 kB +14 B (+1%)
build/active-filters.js 6.5 kB -992 B (-13%) 👏
build/add-to-cart-form-rtl.css 375 B +8 B (+2%)
build/add-to-cart-form.css 373 B +5 B (+1%)
build/all-products-frontend.js 9.87 kB -73 B (-1%)
build/all-products-rtl.css 4.56 kB +84 B (+2%)
build/all-products.css 4.56 kB +84 B (+2%)
build/all-products.js 40 kB -1.57 kB (-4%)
build/all-reviews-rtl.css 1.79 kB +7 B (0%)
build/all-reviews.css 1.79 kB +7 B (0%)
build/all-reviews.js 7.84 kB -523 B (-6%) ✅
build/attribute-filter-frontend.js 20.4 kB -2.56 kB (-11%) 👏
build/attribute-filter-rtl.css 4.16 kB +20 B (0%)
build/attribute-filter-wrapper-frontend.js 21.6 kB +13.6 kB (+169%) 🆘
build/attribute-filter-wrapper-rtl.css 1.65 kB -2.36 kB (-59%) 🏆
build/attribute-filter-wrapper.css 1.65 kB -2.36 kB (-59%) 🏆
build/attribute-filter.css 4.14 kB +10 B (0%)
build/attribute-filter.js 11.7 kB -1.39 kB (-11%) 👏
build/blocks-checkout.js 33.8 kB -1.51 kB (-4%)
build/breadcrumbs-rtl.css 234 B +2 B (+1%)
build/breadcrumbs.css 234 B +2 B (+1%)
build/breadcrumbs.js 2.03 kB -232 B (-10%) 👏
build/cart-blocks/cart-accepted-payment-methods-frontend.js 1.4 kB +61 B (+5%) 🔍
build/cart-blocks/cart-accepted-payment-methods-style.js 153 B +16 B (+12%) ⚠️
build/cart-blocks/cart-cross-sells-frontend.js 268 B +18 B (+7%) 🔍
build/cart-blocks/cart-cross-sells-products--product-price-frontend.js 0 B -2.91 kB (removed) 🏆
build/cart-blocks/cart-cross-sells-products-frontend.js 10.9 kB +7.18 kB (+193%) 🆘
build/cart-blocks/cart-cross-sells-products-style.js 153 B +16 B (+12%) ⚠️
build/cart-blocks/cart-cross-sells-style.js 269 B +19 B (+8%) 🔍
build/cart-blocks/cart-express-payment--checkout-blocks/express-payment-frontend.js 0 B -5 kB (removed) 🏆
build/cart-blocks/cart-express-payment-frontend.js 5.36 kB +4.65 kB (+653%) 🆘
build/cart-blocks/cart-express-payment-style.js 155 B +18 B (+13%) ⚠️
build/cart-blocks/cart-items-frontend.js 273 B -11 B (-4%)
build/cart-blocks/cart-items-style.js 240 B +21 B (+10%) ⚠️
build/cart-blocks/cart-line-items--mini-cart-contents-block/products-table-frontend.js 0 B -5.34 kB (removed) 🏆
build/cart-blocks/cart-line-items-frontend.js 14.4 kB +13.3 kB (+1282%) 🆘
build/cart-blocks/cart-line-items-style.js 153 B +16 B (+12%) ⚠️
build/cart-blocks/cart-order-summary-frontend.js 3.5 kB +2.26 kB (+183%) 🆘
build/cart-blocks/cart-order-summary-style.js 341 B +23 B (+7%) 🔍
build/cart-blocks/cart-totals-frontend.js 290 B +2 B (+1%)
build/cart-blocks/cart-totals-style.js 253 B +25 B (+11%) ⚠️
build/cart-blocks/empty-cart-frontend.js 367 B +14 B (+4%)
build/cart-blocks/empty-cart-style.js 365 B +19 B (+5%) 🔍
build/cart-blocks/filled-cart-frontend.js 605 B -46 B (-7%) ✅
build/cart-blocks/filled-cart-style.js 333 B +24 B (+8%) 🔍
build/cart-blocks/order-summary-coupon-form-frontend.js 3.88 kB +2.31 kB (+147%) 🆘
build/cart-blocks/order-summary-coupon-form-style.js 155 B +18 B (+13%) ⚠️
build/cart-blocks/order-summary-discount-frontend.js 3.98 kB +1.93 kB (+94%) 🆘
build/cart-blocks/order-summary-discount-style.js 155 B +18 B (+13%) ⚠️
build/cart-blocks/order-summary-fee-frontend.js 288 B +17 B (+6%) 🔍
build/cart-blocks/order-summary-fee-style.js 153 B +16 B (+12%) ⚠️
build/cart-blocks/order-summary-heading-frontend.js 346 B +21 B (+6%) 🔍
build/cart-blocks/order-summary-heading-style.js 351 B +24 B (+7%) 🔍
build/cart-blocks/order-summary-shipping-frontend.js 3.53 kB -8.51 kB (-71%) 🏆
build/cart-blocks/order-summary-shipping-style.js 204 B +27 B (+15%) ⚠️
build/cart-blocks/order-summary-subtotal-frontend.js 291 B +19 B (+7%) 🔍
build/cart-blocks/order-summary-subtotal-style.js 154 B +17 B (+12%) ⚠️
build/cart-blocks/order-summary-taxes-frontend.js 456 B +23 B (+5%) 🔍
build/cart-blocks/order-summary-taxes-style.js 202 B +25 B (+14%) ⚠️
build/cart-blocks/proceed-to-checkout-frontend.js 7.59 kB +6.17 kB (+437%) 🆘
build/cart-blocks/proceed-to-checkout-style.js 1.08 kB -10 B (-1%)
build/cart-frontend.js 28.9 kB -714 B (-2%)
build/cart-rtl.css 9.9 kB +132 B (+1%)
build/cart.css 9.89 kB +133 B (+1%)
build/cart.js 39.6 kB -5.16 kB (-12%) 👏
build/catalog-sorting-rtl.css 259 B +3 B (+1%)
build/catalog-sorting.css 259 B +3 B (+1%)
build/catalog-sorting.js 1.69 kB -20 B (-1%)
build/checkout-blocks/actions--checkout-blocks/terms-style.js 0 B -486 B (removed) 🏆
build/checkout-blocks/actions-frontend.js 8.11 kB +6.3 kB (+348%) 🆘
build/checkout-blocks/actions-style.js 1.01 kB +330 B (+49%) 🚨
build/checkout-blocks/billing-address-frontend.js 9.76 kB +5.46 kB (+127%) 🆘
build/checkout-blocks/billing-address-style.js 573 B +41 B (+8%) 🔍
build/checkout-blocks/contact-information-frontend.js 2.08 kB +56 B (+3%)
build/checkout-blocks/contact-information-style.js 651 B +44 B (+7%) 🔍
build/checkout-blocks/express-payment-frontend.js 5.89 kB +4.77 kB (+427%) 🆘
build/checkout-blocks/fields-frontend.js 297 B -2 B (-1%)
build/checkout-blocks/fields-style.js 271 B +22 B (+9%) 🔍
build/checkout-blocks/order-note-frontend.js 1.14 kB +36 B (+3%)
build/checkout-blocks/order-summary-cart-items-frontend.js 11.8 kB +8.18 kB (+225%) 🆘
build/checkout-blocks/order-summary-cart-items-style.js 153 B +15 B (+11%) ⚠️
build/checkout-blocks/order-summary-coupon-form-frontend.js 3.97 kB +2.24 kB (+130%) 🆘
build/checkout-blocks/order-summary-coupon-form-style.js 155 B +18 B (+13%) ⚠️
build/checkout-blocks/order-summary-discount-frontend.js 4.06 kB +1.85 kB (+83%) 🆘
build/checkout-blocks/order-summary-discount-style.js 154 B +17 B (+12%) ⚠️
build/checkout-blocks/order-summary-fee-frontend.js 291 B +17 B (+6%) 🔍
build/checkout-blocks/order-summary-fee-style.js 155 B +18 B (+13%) ⚠️
build/checkout-blocks/order-summary-frontend.js 3.58 kB +2.34 kB (+189%) 🆘
build/checkout-blocks/order-summary-shipping-frontend.js 3.53 kB -8.45 kB (-71%) 🏆
build/checkout-blocks/order-summary-shipping-style.js 154 B +17 B (+12%) ⚠️
build/checkout-blocks/order-summary-style.js 341 B +22 B (+7%) 🔍
build/checkout-blocks/order-summary-subtotal-frontend.js 289 B +17 B (+6%) 🔍
build/checkout-blocks/order-summary-subtotal-style.js 155 B +18 B (+13%) ⚠️
build/checkout-blocks/order-summary-taxes-frontend.js 456 B +22 B (+5%) 🔍
build/checkout-blocks/order-summary-taxes-style.js 201 B +24 B (+14%) ⚠️
build/checkout-blocks/payment-frontend.js 15.6 kB +6.42 kB (+70%) 🆘
build/checkout-blocks/payment-style.js 504 B +44 B (+10%) ⚠️
build/checkout-blocks/pickup-options-frontend.js 17.4 kB +13.2 kB (+321%) 🆘
build/checkout-blocks/pickup-options-style.js 476 B +35 B (+8%) 🔍
build/checkout-blocks/shipping-address-frontend.js 9.74 kB +5.46 kB (+128%) 🆘
build/checkout-blocks/shipping-address-style.js 514 B +39 B (+8%) 🔍
build/checkout-blocks/shipping-method-frontend.js 2.65 kB +67 B (+3%)
build/checkout-blocks/shipping-method-style.js 1.41 kB +59 B (+4%)
build/checkout-blocks/shipping-methods-frontend.js 25.3 kB +19.6 kB (+345%) 🆘
build/checkout-blocks/shipping-methods-style.js 450 B +34 B (+8%) 🔍
build/checkout-blocks/terms-frontend.js 1.55 kB +36 B (+2%)
build/checkout-blocks/terms-style.js 1.02 kB +353 B (+53%) 🆘
build/checkout-blocks/totals-frontend.js 334 B +1 B (0%)
build/checkout-blocks/totals-style.js 301 B +25 B (+9%) 🔍
build/checkout-frontend.js 30.5 kB -984 B (-3%)
build/checkout-rtl.css 9.37 kB +295 B (+3%)
build/checkout.css 9.37 kB +296 B (+3%)
build/checkout.js 42.6 kB -4.82 kB (-10%) 👏
build/classic-shortcode-rtl.css 242 B +2 B (+1%)
build/classic-shortcode.css 241 B +2 B (+1%)
build/classic-shortcode.js 4.4 kB -228 B (-5%) ✅
build/collection-filters.js 1.62 kB -243 B (-13%) 👏
build/customer-account-rtl.css 410 B +3 B (+1%)
build/customer-account.css 409 B +2 B (0%)
build/customer-account.js 3.17 kB -6 B (0%)
build/featured-category-rtl.css 974 B +3 B (0%)
build/featured-category.css 973 B +3 B (0%)
build/featured-category.js 13.6 kB -1.6 kB (-11%) 👏
build/featured-product-rtl.css 1.02 kB +3 B (0%)
build/featured-product.css 1.02 kB +4 B (0%)
build/featured-product.js 13.7 kB -1.51 kB (-10%) 👏
build/filter-wrapper-frontend.js 14.5 kB +512 B (+4%)
build/filter-wrapper-rtl.css 378 B +3 B (+1%)
build/filter-wrapper.css 378 B +3 B (+1%)
build/filter-wrapper.js 2.37 kB -22 B (-1%)
build/handpicked-products.js 7.22 kB -756 B (-9%) ✅
build/legacy-template-rtl.css 240 B +2 B (+1%)
build/legacy-template.css 240 B +2 B (+1%)
build/legacy-template.js 7.72 kB -501 B (-6%) ✅
build/mini-cart-component-frontend.js 30.7 kB +194 B (+1%)
build/mini-cart-contents-block/cart-button--mini-cart-contents-block/checkout-button--mini-cart-contents---358acf4e-style.js 0 B -248 B (removed) 🏆
build/mini-cart-contents-block/cart-button-frontend.js 1.86 kB +145 B (+8%) 🔍
build/mini-cart-contents-block/cart-button-style.js 1.23 kB +845 B (+220%) 🆘
build/mini-cart-contents-block/checkout-button-frontend.js 1.95 kB +152 B (+8%) 🔍
build/mini-cart-contents-block/checkout-button-style.js 1.43 kB +964 B (+208%) 🆘
build/mini-cart-contents-block/empty-cart-frontend.js 374 B +15 B (+4%)
build/mini-cart-contents-block/empty-cart-style.js 378 B +22 B (+6%) 🔍
build/mini-cart-contents-block/filled-cart-frontend.js 284 B +17 B (+6%) 🔍
build/mini-cart-contents-block/filled-cart-style.js 288 B +20 B (+7%) 🔍
build/mini-cart-contents-block/footer-frontend.js 3.87 kB +1.51 kB (+64%) 🆘
build/mini-cart-contents-block/footer-rtl.css 0 B -400 B (removed) 🏆
build/mini-cart-contents-block/footer-style.js 1.95 kB -397 B (-17%) 👏
build/mini-cart-contents-block/footer.css 0 B -400 B (removed) 🏆
build/mini-cart-contents-block/items-frontend.js 247 B +19 B (+8%) 🔍
build/mini-cart-contents-block/items-style.js 251 B +22 B (+10%) ⚠️
build/mini-cart-contents-block/products-table--product-image--product-title-style.js 0 B -316 B (removed) 🏆
build/mini-cart-contents-block/products-table-frontend.js 13.8 kB +13.2 kB (+2417%) 🆘
build/mini-cart-contents-block/products-table-rtl.css 0 B -2.12 kB (removed) 🏆
build/mini-cart-contents-block/products-table-style.js 0 B -5.32 kB (removed) 🏆
build/mini-cart-contents-block/products-table.css 0 B -2.11 kB (removed) 🏆
build/mini-cart-contents-block/shopping-button-frontend.js 501 B +10 B (+2%)
build/mini-cart-contents-block/shopping-button-style.js 361 B -37 B (-9%) ✅
build/mini-cart-contents-block/title-frontend.js 2.04 kB +152 B (+8%) 🔍
build/mini-cart-contents-block/title-items-counter-frontend.js 1.74 kB +138 B (+9%) 🔍
build/mini-cart-contents-block/title-items-counter-style.js 1.2 kB +898 B (+298%) 🆘
build/mini-cart-contents-block/title-label-frontend.js 1.68 kB +145 B (+9%) 🔍
build/mini-cart-contents-block/title-label-style.js 1.14 kB +836 B (+279%) 🆘
build/mini-cart-contents-block/title-style.js 1.38 kB +940 B (+214%) 🆘
build/mini-cart-contents-rtl.css 3.23 kB +569 B (+21%) 🚨
build/mini-cart-contents.css 3.21 kB +564 B (+21%) 🚨
build/mini-cart-contents.js 16.1 kB -1.49 kB (-8%) ✅
build/mini-cart-frontend.js 2.25 kB -542 B (-19%) 👏
build/mini-cart-rtl.css 2.44 kB -110 B (-4%)
build/mini-cart.css 2.45 kB -104 B (-4%)
build/mini-cart.js 5.98 kB -361 B (-6%) ✅
build/order-confirmation-additional-information-rtl.css 365 B +9 B (+3%)
build/order-confirmation-additional-information.css 364 B +8 B (+2%)
build/order-confirmation-additional-information.js 1.57 kB -35 B (-2%)
build/order-confirmation-billing-address-rtl.css 398 B +5 B (+1%)
build/order-confirmation-billing-address.css 397 B +4 B (+1%)
build/order-confirmation-billing-address.js 1.55 kB +2 B (0%)
build/order-confirmation-billing-wrapper.js 1.5 kB -6 B (0%)
build/order-confirmation-downloads-rtl.css 478 B +1 B (0%)
build/order-confirmation-downloads-wrapper.js 1.53 kB -9 B (-1%)
build/order-confirmation-downloads.css 479 B +1 B (0%)
build/order-confirmation-downloads.js 1.9 kB +5 B (0%)
build/order-confirmation-shipping-address-rtl.css 399 B +5 B (+1%)
build/order-confirmation-shipping-address.css 397 B +4 B (+1%)
build/order-confirmation-shipping-address.js 1.55 kB +1 B (0%)
build/order-confirmation-shipping-wrapper.js 1.5 kB -4 B (0%)
build/order-confirmation-status-rtl.css 280 B +3 B (+1%)
build/order-confirmation-status.css 280 B +3 B (+1%)
build/order-confirmation-summary-rtl.css 461 B +3 B (+1%)
build/order-confirmation-summary.css 460 B +3 B (+1%)
build/order-confirmation-summary.js 1.75 kB -17 B (-1%)
build/order-confirmation-totals-rtl.css 595 B +2 B (0%)
build/order-confirmation-totals-wrapper.js 1.83 kB -33 B (-2%)
build/order-confirmation-totals.css 594 B +2 B (0%)
build/order-confirmation-totals.js 2.16 kB -16 B (-1%)
build/packages-style-rtl.css 3.59 kB +43 B (+1%)
build/packages-style.css 3.59 kB +40 B (+1%)
build/page-content-wrapper.js 1.85 kB -172 B (-9%) ✅
build/price-filter-frontend.js 13.1 kB -1.37 kB (-9%) ✅
build/price-filter-rtl.css 2.68 kB -6 B (0%)
build/price-filter-wrapper-frontend.js 13.3 kB +4.76 kB (+55%) 🆘
build/price-filter-wrapper-rtl.css 2.54 kB -10 B (0%)
build/price-filter-wrapper.css 2.54 kB -7 B (0%)
build/price-filter.css 2.68 kB -4 B (0%)
build/price-filter.js 7.77 kB -743 B (-9%) ✅
build/price-format.js 913 B -241 B (-21%) 🎉
build/product-add-to-cart--product-average-rating--product-button--product-image--product-price--product---1d132d69.js 0 B -272 B (removed) 🏆
build/product-add-to-cart--product-button--product-rating--product-rating-counter--product-rating-stars.js 0 B -150 B (removed) 🏆
build/product-add-to-cart--product-image--product-title.js 0 B -320 B (removed) 🏆
build/product-add-to-cart-frontend.js 8.11 kB -395 B (-5%) ✅
build/product-add-to-cart-rtl.css 1.38 kB +22 B (+2%)
build/product-add-to-cart.css 1.38 kB +22 B (+2%)
build/product-add-to-cart.js 8.35 kB -198 B (-2%)
build/product-average-rating--product-button--product-image--product-price--product-rating--product-ratin--e23975b5.js 0 B -934 B (removed) 🏆
build/product-average-rating-frontend.js 1.88 kB +151 B (+9%) 🔍
build/product-average-rating.js 1.4 kB +997 B (+248%) 🆘
build/product-best-sellers.js 7.04 kB -1.29 kB (-16%) 👏
build/product-button-frontend.js 4.93 kB +55 B (+1%)
build/product-button-interactivity-frontend.js 8.46 kB -1.08 kB (-11%) 👏
build/product-button-rtl.css 1.14 kB +3 B (0%)
build/product-button.css 1.14 kB +2 B (0%)
build/product-button.js 4.64 kB +785 B (+20%) 🚨
build/product-categories-rtl.css 654 B +3 B (0%)
build/product-categories.css 654 B +5 B (+1%)
build/product-categories.js 2.58 kB -127 B (-5%) ✅
build/product-category.js 7.97 kB -1.33 kB (-14%) 👏
build/product-collection.js 13.6 kB -1.92 kB (-12%) 👏
build/product-details-rtl.css 397 B +3 B (+1%)
build/product-details.css 394 B +3 B (+1%)
build/product-gallery-frontend.js 220 B -429 B (-66%) 🏆
build/product-gallery-large-image-frontend.js 400 B -424 B (-51%) 🏆
build/product-gallery-large-image-next-previous-rtl.css 491 B +2 B (0%)
build/product-gallery-large-image-next-previous.css 493 B +3 B (+1%)
build/product-gallery-large-image-next-previous.js 3.94 kB -128 B (-3%)
build/product-gallery-large-image-rtl.css 391 B +2 B (+1%)
build/product-gallery-large-image.css 388 B +3 B (+1%)
build/product-gallery-large-image.js 1.66 kB -685 B (-29%) 🎉
build/product-gallery-pager-rtl.css 296 B +3 B (+1%)
build/product-gallery-pager.css 296 B +2 B (+1%)
build/product-gallery-pager.js 3.37 kB -117 B (-3%)
build/product-gallery-rtl.css 687 B +8 B (+1%)
build/product-gallery-thumbnails-rtl.css 294 B +1 B (0%)
build/product-gallery-thumbnails.css 295 B +3 B (+1%)
build/product-gallery-thumbnails.js 3.79 kB -124 B (-3%)
build/product-gallery.css 688 B +9 B (+1%)
build/product-gallery.js 9.37 kB +29 B (0%)
build/product-image-frontend.js 2.87 kB +182 B (+7%) 🔍
build/product-image-gallery-rtl.css 307 B +3 B (+1%)
build/product-image-gallery.css 306 B +3 B (+1%)
build/product-image-rtl.css 997 B +9 B (+1%)
build/product-image.css 995 B +9 B (+1%)
build/product-image.js 2.66 kB +1.14 kB (+74%) 🆘
build/product-new.js 7.3 kB -1.31 kB (-15%) 👏
build/product-on-sale.js 7.29 kB -1.31 kB (-15%) 👏
build/product-price-frontend.js 8.1 kB +7.85 kB (+3178%) 🆘
build/product-price-rtl.css 678 B +11 B (+2%)
build/product-price.css 677 B +12 B (+2%)
build/product-price.js 2.65 kB +993 B (+60%) 🆘
build/product-query-rtl.css 350 B +3 B (+1%)
build/product-query.css 349 B +2 B (+1%)
build/product-query.js 11.3 kB -1.78 kB (-14%) 👏
build/product-rating-counter-frontend.js 2.19 kB +160 B (+8%) 🔍
build/product-rating-counter.js 1.71 kB +1.02 kB (+148%) 🆘
build/product-rating-frontend.js 2.53 kB +160 B (+7%) 🔍
build/product-rating-rtl.css 247 B +3 B (+1%)
build/product-rating-stars-frontend.js 2.43 kB +168 B (+7%) 🔍
build/product-rating-stars-rtl.css 899 B +4 B (0%)
build/product-rating-stars.css 900 B +3 B (0%)
build/product-rating-stars.js 1.95 kB +1.01 kB (+108%) 🆘
build/product-rating.css 246 B +2 B (+1%)
build/product-rating.js 2.05 kB +1 kB (+96%) 🆘
build/product-results-count-rtl.css 230 B +2 B (+1%)
build/product-results-count.css 230 B +2 B (+1%)
build/product-results-count.js 1.65 kB -17 B (-1%)
build/product-reviews-rtl.css 458 B +2 B (0%)
build/product-reviews.css 458 B +3 B (+1%)
build/product-sale-badge-frontend.js 2.01 kB +165 B (+9%) 🔍
build/product-sale-badge-rtl.css 438 B +3 B (+1%)
build/product-sale-badge.css 437 B +3 B (+1%)
build/product-sale-badge.js 1.69 kB +993 B (+142%) 🆘
build/product-search-rtl.css 419 B +4 B (+1%)
build/product-search.css 417 B +2 B (0%)
build/product-search.js 2.6 kB -32 B (-1%)
build/product-sku-frontend.js 2.02 kB +157 B (+8%) 🔍
build/product-sku-rtl.css 240 B +3 B (+1%)
build/product-sku.css 239 B +2 B (+1%)
build/product-sku.js 1.53 kB +1.01 kB (+192%) 🆘
build/product-stock-indicator-frontend.js 2.19 kB +147 B (+7%) 🔍
build/product-stock-indicator-rtl.css 232 B +3 B (+1%)
build/product-stock-indicator.css 232 B +3 B (+1%)
build/product-stock-indicator.js 1.71 kB +995 B (+140%) 🆘
build/product-summary-frontend.js 2.35 kB +152 B (+7%) 🔍
build/product-summary-rtl.css 549 B +3 B (+1%)
build/product-summary.css 549 B +3 B (+1%)
build/product-summary.js 1.87 kB +955 B (+104%) 🆘
build/product-tag.js 7.5 kB -1.11 kB (-13%) 👏
build/product-template-rtl.css 423 B +4 B (+1%)
build/product-template.css 422 B +3 B (+1%)
build/product-template.js 2.8 kB -58 B (-2%)
build/product-title-frontend.js 2.31 kB +80 B (+4%)
build/product-title-rtl.css 693 B +5 B (+1%)
build/product-title.css 694 B +5 B (+1%)
build/product-title.js 2.04 kB +1.08 kB (+113%) 🆘
build/product-top-rated.js 7.57 kB -1.32 kB (-15%) 👏
build/products-by-attribute.js 8.02 kB -1.62 kB (-17%) 👏
build/rating-filter-frontend.js 19.3 kB -2.15 kB (-10%) 👏
build/rating-filter-rtl.css 4.22 kB +19 B (0%)
build/rating-filter-wrapper-frontend.js 20.3 kB +13.6 kB (+205%) 🆘
build/rating-filter-wrapper-rtl.css 1.73 kB -2.34 kB (-58%) 🏆
build/rating-filter-wrapper.css 1.73 kB -2.34 kB (-58%) 🏆
build/rating-filter.css 4.21 kB +17 B (0%)
build/rating-filter.js 6.33 kB -540 B (-8%) ✅
build/reviews-by-category-rtl.css 1.79 kB +7 B (0%)
build/reviews-by-category.css 1.79 kB +7 B (0%)
build/reviews-by-category.js 11.4 kB -1.2 kB (-9%) ✅
build/reviews-by-product-rtl.css 1.79 kB +7 B (0%)
build/reviews-by-product.css 1.79 kB +7 B (0%)
build/reviews-by-product.js 12.7 kB -1.27 kB (-9%) ✅
build/reviews-frontend.js 6.52 kB -595 B (-8%) ✅
build/single-product-rtl.css 378 B +3 B (+1%)
build/single-product.css 378 B +3 B (+1%)
build/single-product.js 11.1 kB -378 B (-3%)
build/stock-filter-frontend.js 19.4 kB -2.22 kB (-10%) 👏
build/stock-filter-rtl.css 4.01 kB +4 B (0%)
build/stock-filter-wrapper-frontend.js 20.5 kB +13.7 kB (+199%) 🆘
build/stock-filter-wrapper-rtl.css 1.49 kB -2.39 kB (-62%) 🏆
build/stock-filter-wrapper.css 1.49 kB -2.39 kB (-62%) 🏆
build/stock-filter.css 4 kB -6 B (0%)
build/stock-filter.js 6.95 kB -642 B (-8%) ✅
build/store-notices.js 1.67 kB -21 B (-1%)
build/vendors--active-filters-wrapper--attribute-filter-wrapper--mini-cart-contents-block/cart-button--mi--d6bb29e6-style.js 0 B -629 B (removed) 🏆
build/vendors--active-filters-wrapper-frontend.js 0 B -1.69 kB (removed) 🏆
build/vendors--attribute-filter-wrapper--cart-blocks/order-summary-coupon-form--cart-blocks/order-summary--48e1e4bb-frontend.js 0 B -6.85 kB (removed) 🏆
build/vendors--attribute-filter-wrapper--rating-filter-wrapper--stock-filter-wrapper-frontend.js 0 B -8.31 kB (removed) 🏆
build/vendors--cart-blocks/cart-cross-sells-products--cart-blocks/cart-line-items--cart-blocks/cart-order--3c5fe802-frontend.js 0 B -5.29 kB (removed) 🏆
build/vendors--cart-blocks/cart-line-items--checkout-blocks/order-summary-cart-items--mini-cart-contents---233ab542-frontend.js 0 B -3.57 kB (removed) 🏆
build/vendors--cart-blocks/order-summary-shipping--checkout-blocks/billing-address--checkout-blocks/order--decc3dc6-frontend.js 0 B -19.4 kB (removed) 🏆
build/vendors--cart-blocks/order-summary-shipping--checkout-blocks/order-summary-shipping--checkout-block--24d3fc0c-frontend.js 0 B -8.38 kB (removed) 🏆
build/vendors--cart-blocks/proceed-to-checkout-style.js 0 B -179 B (removed) 🏆
build/vendors--checkout-blocks/billing-address--checkout-blocks/shipping-address-frontend.js 0 B -5.6 kB (removed) 🏆
build/vendors--checkout-blocks/shipping-method-frontend.js 0 B -12.5 kB (removed) 🏆
build/vendors--checkout-blocks/shipping-method-style.js 0 B -11.7 kB (removed) 🏆
build/vendors--mini-cart-contents-block/products-table--price-filter-wrapper--product-price-style.js 0 B -5.27 kB (removed) 🏆
build/vendors--mini-cart-contents-block/products-table-style.js 0 B -3.16 kB (removed) 🏆
build/vendors--product-add-to-cart-frontend.js 0 B -7.5 kB (removed) 🏆
build/wc-blocks-classic-template-revert-button-style-rtl.css 240 B +3 B (+1%)
build/wc-blocks-classic-template-revert-button-style.css 239 B +3 B (+1%)
build/wc-blocks-classic-template-revert-button.js 1.18 kB -354 B (-23%) 🎉
build/wc-blocks-data.js 19.4 kB -2.53 kB (-12%) 👏
build/wc-blocks-editor-style-rtl.css 6.96 kB +200 B (+3%)
build/wc-blocks-editor-style.css 6.96 kB +193 B (+3%)
build/wc-blocks-google-analytics.js 1.16 kB -393 B (-25%) 🎉
build/wc-blocks-middleware.js 735 B -199 B (-21%) 🎉
build/wc-blocks-registry.js 2.74 kB -449 B (-14%) 👏
build/wc-blocks-rtl.css 2.47 kB +8 B (0%)
build/wc-blocks-shared-context.js 850 B -249 B (-23%) 🎉
build/wc-blocks-shared-hocs.js 1.4 kB -239 B (-15%) 👏
build/wc-blocks-vendors.js 64 kB -377 B (-1%)
build/wc-blocks.css 2.47 kB +12 B (0%)
build/wc-blocks.js 2.61 kB -18 B (-1%)
build/wc-interactivity.js 10.7 kB -187 B (-2%)
build/wc-payment-method-bacs.js 406 B -411 B (-50%) 🏆
build/wc-payment-method-cheque.js 401 B -412 B (-51%) 🏆
build/wc-payment-method-cod.js 508 B -406 B (-44%) 🎉
build/wc-payment-method-paypal.js 437 B -415 B (-49%) 🎉
build/wc-settings.js 2.4 kB -282 B (-11%) 👏
build/wc-shipping-method-pickup-location.js 29.3 kB -1.21 kB (-4%)
build/1796-frontend.js 23.2 kB +23.2 kB (new file) 🆕
build/4124-frontend.js 23.9 kB +23.9 kB (new file) 🆕
build/7138-frontend.js 24.2 kB +24.2 kB (new file) 🆕
build/8280-frontend.js 8.48 kB +8.48 kB (new file) 🆕
build/base-components-stock-filter-wrapper~attribute-filter-wrapper~rating-filter-wrapper-style.scss-rtl.css 3.12 kB +3.12 kB (new file) 🆕
build/base-components-stock-filter-wrapper~attribute-filter-wrapper~rating-filter-wrapper-style.scss.css 3.12 kB +3.12 kB (new file) 🆕
ℹ️ View Unchanged
Filename Size
build/order-confirmation-status.js 1.54 kB

compressed-size-action

@gigitux gigitux mentioned this pull request Dec 22, 2022
Closed
14 tasks
@thealexandrelara
Merge branch 'trunk' into chore/upgrade-webpack-to-version-5
2553e73
@thealexandrelara
Replace webpack-rtl-plugin with the new @automattic/webpack-rtl-plugin
b6f7467
@thealexandrelara
Replace module.issuer with the new ModuleGraph API
17b8b54 
There is a warning appearing in the console when running the application. This is due to the fact that the module.issuer has been deprecated on Webpack 5 and replaced with the new ModuleGraph API. This commit replaces the deprecated API with the new one.
@thealexandrelara
Merge branch 'trunk' into chore/upgrade-webpack-to-version-5
4cfd9c4
@thealexandrelara
Upgrade babel and babel plugins to latest version
5469bc6
@thealexandrelara
Replace jsonpFunction with the new uniqueName property
15fd6c6 
Add a unique name of the webpack build to avoid multiple webpack runtimes to conflict when using globals. It defaults to output.library name or the package name from package.json in the context, if both aren't found, it is set to an ''.
@thealexandrelara
Replace cacheDirectory inline configuration with options.cacheDirectory
d192c2b
@thealexandrelara
Upgrade @wordpress/e2e-tests dependency to version 5.6.0
05703b2
@thealexandrelara
Remove babel-plugin-transform-react-jsx dependency
a828273 
Remove babel-plugin-transform-react-jsx dependency because it is already included in @wordpress/babel-preset-default
@thealexandrelara
Merge branch 'trunk' into chore/upgrade-webpack-to-version-5
c29d54e
@thealexandrelara
Remove unnecessary Babel dependencies
41fd8db 
Remove some unnecessary babel dependencies that are already included in the @babel/preset-env package.
@thealexandrelara
Upgrade puppeteer dependency to version 16.2.0
6561091
@thealexandrelara thealexandrelara marked this pull request as ready for review December 27, 2022 22:07
@thealexandrelara thealexandrelara changed the title WIP: Upgrade webpack to version 5 Upgrade webpack to version 5 Dec 27, 2022
@woocommercebot woocommercebot requested a review from a team December 27, 2022 22:07
@samueljseay
Copy link
Contributor

samueljseay commented Aug 25, 2023 •
edited
Loading

@thealexandrelara @dinhtungdu I had a go at fixing the storybook issues today.

You can fix the immediate problem of unexpected token default,its a docgen issue, it doesn't like static class properties and mangles them.

Install react-docgen-typescript-plugin then add this to the main.js:

typescript: {
		reactDocgen: 'react-docgen-typescript-plugin',
},

(note that upgrading to storybook 7 I think also fixes this problem due to them updating the dep on docgen plugin, but if you wanted a way to avoid upgrading to storybook 7 then this is an option 😄 )

That does not however solve the exports is not defined error. That's coming from rungen which is a dep of @wordpress/redux-routine. I haven't been able to figure this one out yet, and also worth nothing that although storybook appears to display more correctly on trunk, it also, suffers from this exception so Storybook is already a bit broken.

@nefeline nefeline modified the milestones: 11.0.0, 11.1.0 Aug 28, 2023
@thealexandrelara
Copy link
Contributor Author

Hey everyone,
Thank you for testing and approving the PR. Really great to see that we are almost there and hopefully soon we will be able to merge this PR 🙌

@thealexandrelara @dinhtungdu I had a go at fixing the storybook issues today.

You can fix the immediate problem of unexpected token default,its a docgen issue, it doesn't like static class properties and mangles them.

Install react-docgen-typescript-plugin then add this to the main.js:

typescript: {
		reactDocgen: 'react-docgen-typescript-plugin',
},

@samueljseay Ohh thank you so much!!! I just pushed the changes as you suggested and the Storybook is working again!

(note that upgrading to storybook 7 I think also fixes this problem due to them updating the dep on docgen plugin, but if you wanted a way to avoid upgrading to storybook 7 then this is an option 😄 )

That does not however solve the exports is not defined error. That's coming from rungen which is a dep of @wordpress/redux-routine. I haven't been able to figure this one out yet, and also worth nothing that although storybook appears to display more correctly on trunk, it also, suffers from this exception so Storybook is already a bit broken.

Thank you for investigating this, in this case, I believe we should address this problem in a separate PR, probably we can create an issue to upgrade Storybook and work on a fix to this since it is already broken on trunk

@wavvves wavvves self-requested a review August 29, 2023 13:23
wavvves
wavvves approved these changes Aug 29, 2023
View reviewed changes
Copy link
Contributor

@wavvves wavvves left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I tested build, and cart/checkout templates local built branch and via zip, and spotted no different behaviour.

dinhtungdu
dinhtungdu approved these changes Aug 30, 2023
View reviewed changes
Copy link
Member

@dinhtungdu dinhtungdu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Storybook is testing great with the latest commit. 🎉 Thank you so much for the great work @thealexandrelara and @samueljseay!

ProductPrice store has an error but the current trunk storybook has that same error too, so it shouldn't block this PR.
image

@tarhi-saad tarhi-saad modified the milestones: 11.1.0, 11.2.0 Sep 11, 2023
@tarhi-saad
Copy link
Contributor

@thealexandrelara, I bumped this PR to the next release!

@senadir senadir self-requested a review September 11, 2023 12:04
@thealexandrelara thealexandrelara merged commit c18de39 into trunk Sep 20, 2023
@thealexandrelara thealexandrelara deleted the chore/upgrade-webpack-to-version-5 branch September 20, 2023 20:31
@tarunvijwani tarunvijwani added the skip-changelog PRs that you don't want to appear in the changelog. label Sep 25, 2023
@senadir senadir mentioned this pull request Nov 23, 2023
Closed
@nielslange nielslange mentioned this pull request Nov 24, 2023
Merged
14 tasks
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Reviewers

@danielwrobert danielwrobert Awaiting requested review from danielwrobert

@tjcafferkey tjcafferkey Awaiting requested review from tjcafferkey

@senadir senadir Awaiting requested review from senadir

9 more reviewers

@nefeline nefeline nefeline approved these changes

@nielslange nielslange nielslange approved these changes

@Aljullu Aljullu Aljullu approved these changes

@gigitux gigitux gigitux approved these changes

@dinhtungdu dinhtungdu dinhtungdu approved these changes

@opr opr opr approved these changes

@imanish003 imanish003 imanish003 approved these changes

@wavvves wavvves wavvves approved these changes

@kmanijak kmanijak kmanijak approved these changes

Reviewers whose approvals may not affect merge requirements
Assignees

@Aljullu Aljullu

@thealexandrelara thealexandrelara

Labels
priority: high The issue/PR is high priority—it affects lots of customers substantially, but not critically. skip-changelog PRs that you don't want to appear in the changelog. tools Used for work on build or release tools. type: enhancement The issue is a request for an enhancement.
Projects
None yet
Milestone
11.2.0
Development

Successfully merging this pull request may close these issues.

Upgrade to webpack 5 and enable HMR