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

Check if WordPress version is higher than 6.2.2 to make Products block compatible with Gutenberg 16+ #10360

Merged
merged 3 commits into from
Jul 26, 2023

Conversation

kmanijak
Copy link
Contributor

@kmanijak kmanijak commented Jul 26, 2023

In Gutenberg 16+ the layout attributes of Query block has been moved from core/query to core/post-template. Products (Beta) and Product Template blocks are variations of the mentioned blocks, hence we had to adjust to this logic (issue: #9884).

In #9916 we fixed this, but the change is applied based on the Gutenberg version. When Gutenberg was not installed or disabled we didn't apply the adjusting logic.
However, Gutenberg 16+ is included in WordPress 6.3, so we have to apply the fix also in the case of WordPress 6.3+.

Fixes #10367

Screenshots

Before - no layout option is chosen, which defaults to list After - grid option is chosen by default
image image

Testing

User Facing Testing

Check below steps in following configurations:

  • WordPress 6.2:
    • Gutenberg 16 enabled
    • Gutenberg 16 disabled
  • WordPress 6.3:
    • Gutenberg 16 enabled
    • Gutenberg 16 disabled
  1. Create new post
  2. Add Products (Beta) block
  3. Expected: It has grid layout applied by default
  • Do not include in the Testing Notes

WooCommerce Visibility

  • WooCommerce Core
  • Feature plugin
  • Experimental

Changelog

Products: fix the incorrect layout with WordPress 6.3+ without Gutenberg

@kmanijak kmanijak added type: bug The issue/PR concerns a confirmed bug. block-type: product-query Issues related to/affecting all product-query variations. labels Jul 26, 2023
@kmanijak kmanijak requested a review from gigitux July 26, 2023 09:04
@woocommercebot woocommercebot requested a review from a team July 26, 2023 09:04
@github-actions
Copy link
Contributor

github-actions bot commented Jul 26, 2023

The release ZIP for this PR is accessible via:

https://wcblocks.wpcomstaging.com/wp-content/uploads/woocommerce-gutenberg-products-block-10360.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
reviews-frontend.js wc-settings, wp-a11y, wp-api-fetch, wp-compose, wp-element, wp-i18n, wp-is-shallow-equal, wp-polyfill ⚠️
active-filters-frontend.js wc-blocks-data-store, wc-price-format, wc-settings, wp-data, wp-element, wp-html-entities, wp-i18n, wp-is-shallow-equal, wp-polyfill, wp-primitives, wp-url ⚠️
all-products-frontend.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-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-polyfill, wp-primitives, wp-style-engine, wp-url, wp-warning, wp-wordcount ⚠️
attribute-filter-frontend.js lodash, react, wc-blocks-checkout, wc-blocks-data-store, wc-settings, wp-a11y, 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 ⚠️
cart-frontend.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-blocks, wp-compose, wp-data, wp-deprecated, wp-dom, 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 ⚠️
checkout-frontend.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-compose, wp-data, wp-deprecated, wp-dom, 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 ⚠️
filter-wrapper-frontend.js lodash, react, wc-blocks-checkout, wc-blocks-data-store, wc-blocks-registry, wc-price-format, wc-settings, wp-a11y, 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 ⚠️
mini-cart-frontend.js wc-price-format, wc-settings, wp-i18n, wp-polyfill ⚠️
price-filter-frontend.js react, wc-blocks-data-store, wc-price-format, wc-settings, wp-data, wp-element, wp-i18n, wp-is-shallow-equal, wp-polyfill, wp-url ⚠️
rating-filter-frontend.js lodash, react, wc-blocks-checkout, wc-blocks-data-store, wc-settings, wp-a11y, 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 ⚠️
stock-filter-frontend.js lodash, react, wc-blocks-checkout, wc-blocks-data-store, wc-settings, wp-a11y, 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 ⚠️
mini-cart-component-frontend.js lodash, react, wc-blocks-checkout, wc-blocks-data-store, wc-blocks-registry, wc-price-format, wc-settings, wp-a11y, wp-autop, 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 ⚠️

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

TypeScript Errors Report

  • Files with errors: 470
  • Total errors: 2246

🎉 🎉 This PR does not introduce new TS errors.

comments-aggregator

@@ -91,6 +91,14 @@ protected function initialize() {
protected function enqueue_data( array $attributes = [] ) {
parent::enqueue_data( $attributes );

if ( version_compare( $GLOBALS['wp_version'], '6.2.2', '>' ) ) {
Copy link
Contributor

Choose a reason for hiding this comment

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

NIT: Should we put both logic in a dedicated function and add a comment? (it would be great just the link to this PR)

Copy link
Contributor Author

Choose a reason for hiding this comment

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

NIT: Should we put both logic in a dedicated function and add a comment? (it would be great just the link to this PR)

Good idea! I extracted the logic to separate function, do you mind taking a look one more time?

Copy link
Contributor

Choose a reason for hiding this comment

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

I noticed that we should fix the check for the WP version :D

Copy link
Contributor

@gigitux gigitux left a comment

Choose a reason for hiding this comment

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

LGTM! I added a comment, but feel free to merge as it is! Thanks for tacking care of this! 🚀

@github-actions
Copy link
Contributor

github-actions bot commented Jul 26, 2023

Size Change: -18.1 kB (-1%)

Total Size: 1.34 MB

Filename Size Change
build/active-filters-frontend.js 8.52 kB -184 B (-2%)
build/active-filters-rtl.css 1.99 kB -32 B (-2%)
build/active-filters-wrapper--mini-cart-contents-block/cart-button--mini-cart-contents-block/checkout-but--e791dc6c-style.js 925 B -32 B (-3%)
build/active-filters-wrapper-frontend.js 7.54 kB -103 B (-1%)
build/active-filters-wrapper-rtl.css 1.85 kB -31 B (-2%)
build/active-filters-wrapper.css 1.85 kB -32 B (-2%)
build/active-filters.css 1.99 kB -33 B (-2%)
build/active-filters.js 7.46 kB -129 B (-2%)
build/add-to-cart-form-rtl.css 355 B -25 B (-7%)
build/add-to-cart-form.css 354 B -24 B (-6%)
build/all-products-frontend.js 9.89 kB -183 B (-2%)
build/all-products-rtl.css 4.19 kB -47 B (-1%)
build/all-products.css 4.19 kB -46 B (-1%)
build/all-products.js 41.1 kB -666 B (-2%)
build/all-reviews-rtl.css 1.79 kB -58 B (-3%)
build/all-reviews.css 1.79 kB -57 B (-3%)
build/all-reviews.js 7.75 kB -119 B (-2%)
build/attribute-filter-frontend.js 22.8 kB -131 B (-1%)
build/attribute-filter-rtl.css 4.14 kB -53 B (-1%)
build/attribute-filter-wrapper-frontend.js 7.56 kB -133 B (-2%)
build/attribute-filter-wrapper-rtl.css 4.01 kB -51 B (-1%)
build/attribute-filter-wrapper.css 4.01 kB -51 B (-1%)
build/attribute-filter.css 4.14 kB -51 B (-1%)
build/attribute-filter.js 13 kB -259 B (-2%)
build/blocks-checkout.js 35 kB -162 B (0%)
build/breadcrumbs-rtl.css 232 B -21 B (-8%)
build/breadcrumbs.css 232 B -21 B (-8%)
build/breadcrumbs.js 2.15 kB +7 B (0%)
build/cart-blocks/cart-accepted-payment-methods-frontend.js 1.33 kB -51 B (-4%)
build/cart-blocks/cart-accepted-payment-methods-style.js 138 B +1 B (+1%)
build/cart-blocks/cart-cross-sells-frontend.js 249 B -4 B (-2%)
build/cart-blocks/cart-cross-sells-products--product-price-frontend.js 2.88 kB -32 B (-1%)
build/cart-blocks/cart-cross-sells-products-frontend.js 3.69 kB -141 B (-4%)
build/cart-blocks/cart-cross-sells-style.js 250 B -3 B (-1%)
build/cart-blocks/cart-express-payment--checkout-blocks/express-payment-frontend.js 5.09 kB -73 B (-1%)
build/cart-blocks/cart-express-payment-frontend.js 711 B -8 B (-1%)
build/cart-blocks/cart-express-payment-style.js 137 B +1 B (+1%)
build/cart-blocks/cart-items-frontend.js 283 B -18 B (-6%)
build/cart-blocks/cart-items-style.js 218 B -11 B (-5%)
build/cart-blocks/cart-line-items--mini-cart-contents-block/products-table-frontend.js 5.33 kB -146 B (-3%)
build/cart-blocks/cart-line-items-frontend.js 1.06 kB -4 B (0%)
build/cart-blocks/cart-order-summary-frontend.js 1.24 kB -37 B (-3%)
build/cart-blocks/cart-order-summary-style.js 318 B -4 B (-1%)
build/cart-blocks/cart-totals-frontend.js 287 B -20 B (-7%)
build/cart-blocks/cart-totals-style.js 228 B -10 B (-4%)
build/cart-blocks/empty-cart-frontend.js 342 B -5 B (-1%)
build/cart-blocks/empty-cart-style.js 336 B -3 B (-1%)
build/cart-blocks/filled-cart-frontend.js 651 B -4 B (-1%)
build/cart-blocks/filled-cart-style.js 309 B -4 B (-1%)
build/cart-blocks/order-summary-coupon-form-frontend.js 1.56 kB -66 B (-4%)
build/cart-blocks/order-summary-discount-frontend.js 2.04 kB -81 B (-4%)
build/cart-blocks/order-summary-discount-style.js 137 B +1 B (+1%)
build/cart-blocks/order-summary-fee-frontend.js 270 B -2 B (-1%)
build/cart-blocks/order-summary-fee-style.js 136 B -1 B (-1%)
build/cart-blocks/order-summary-heading-frontend.js 324 B -9 B (-3%)
build/cart-blocks/order-summary-heading-style.js 325 B -10 B (-3%)
build/cart-blocks/order-summary-shipping-frontend.js 17 kB -69 B (0%)
build/cart-blocks/order-summary-shipping-style.js 177 B -1 B (-1%)
build/cart-blocks/order-summary-subtotal-frontend.js 271 B -2 B (-1%)
build/cart-blocks/order-summary-taxes-frontend.js 433 B -1 B (0%)
build/cart-blocks/order-summary-taxes-style.js 178 B +1 B (+1%)
build/cart-blocks/proceed-to-checkout-frontend.js 1.41 kB -21 B (-1%)
build/cart-blocks/proceed-to-checkout-style.js 1.09 kB -5 B (0%)
build/cart-frontend.js 29.6 kB -272 B (-1%)
build/cart-rtl.css 9.48 kB -116 B (-1%)
build/cart.css 9.46 kB -118 B (-1%)
build/cart.js 44.6 kB -672 B (-1%)
build/catalog-sorting-rtl.css 256 B -21 B (-8%)
build/catalog-sorting.css 256 B -20 B (-7%)
build/catalog-sorting.js 1.71 kB +4 B (0%)
build/checkout-blocks/actions--checkout-blocks/terms-style.js 486 B +1 B (0%)
build/checkout-blocks/actions-frontend.js 1.8 kB -84 B (-4%)
build/checkout-blocks/actions-style.js 682 B -3 B (0%)
build/checkout-blocks/billing-address--checkout-blocks/shipping-address-frontend.js 4.64 kB -52 B (-1%)
build/checkout-blocks/billing-address-frontend.js 1.17 kB -7 B (-1%)
build/checkout-blocks/billing-address-style.js 530 B -2 B (0%)
build/checkout-blocks/contact-information-frontend.js 2.01 kB -30 B (-1%)
build/checkout-blocks/contact-information-style.js 605 B -3 B (0%)
build/checkout-blocks/express-payment-frontend.js 1.11 kB -25 B (-2%)
build/checkout-blocks/fields-frontend.js 300 B -18 B (-6%)
build/checkout-blocks/fields-style.js 249 B -11 B (-4%)
build/checkout-blocks/order-note-frontend.js 1.09 kB -32 B (-3%)
build/checkout-blocks/order-summary-cart-items-frontend.js 3.62 kB -131 B (-3%)
build/checkout-blocks/order-summary-cart-items-style.js 137 B +1 B (+1%)
build/checkout-blocks/order-summary-coupon-form-frontend.js 1.71 kB -80 B (-4%)
build/checkout-blocks/order-summary-discount-frontend.js 2.21 kB -86 B (-4%)
build/checkout-blocks/order-summary-fee-frontend.js 273 B -2 B (-1%)
build/checkout-blocks/order-summary-frontend.js 1.24 kB -39 B (-3%)
build/checkout-blocks/order-summary-shipping-frontend.js 16.9 kB -76 B (0%)
build/checkout-blocks/order-summary-shipping-style.js 136 B -1 B (-1%)
build/checkout-blocks/order-summary-style.js 317 B -3 B (-1%)
build/checkout-blocks/order-summary-subtotal-frontend.js 271 B -2 B (-1%)
build/checkout-blocks/order-summary-taxes-frontend.js 433 B -2 B (0%)
build/checkout-blocks/payment-frontend.js 9.2 kB -83 B (-1%)
build/checkout-blocks/payment-style.js 460 B -1 B (0%)
build/checkout-blocks/pickup-options-frontend.js 4.81 kB -30 B (-1%)
build/checkout-blocks/pickup-options-style.js 438 B -5 B (-1%)
build/checkout-blocks/shipping-address-frontend.js 1.17 kB -9 B (-1%)
build/checkout-blocks/shipping-method-frontend.js 2.57 kB -54 B (-2%)
build/checkout-blocks/shipping-method-style.js 1.34 kB -25 B (-2%)
build/checkout-blocks/shipping-methods-frontend.js 6.36 kB -50 B (-1%)
build/checkout-blocks/shipping-methods-style.js 415 B -2 B (0%)
build/checkout-blocks/terms-frontend.js 1.51 kB -46 B (-3%)
build/checkout-blocks/terms-style.js 672 B -5 B (-1%)
build/checkout-blocks/totals-frontend.js 330 B -17 B (-5%)
build/checkout-blocks/totals-style.js 275 B -10 B (-4%)
build/checkout-frontend.js 31.5 kB -298 B (-1%)
build/checkout-rtl.css 9.14 kB -77 B (-1%)
build/checkout.css 9.13 kB -77 B (-1%)
build/checkout.js 47.2 kB -593 B (-1%)
build/customer-account-rtl.css 388 B -18 B (-4%)
build/customer-account.css 387 B -19 B (-5%)
build/customer-account.js 3.17 kB -14 B (0%)
build/featured-category-rtl.css 971 B -15 B (-2%)
build/featured-category.css 970 B -17 B (-2%)
build/featured-category.js 14.8 kB -361 B (-2%)
build/featured-product-rtl.css 1.02 kB -15 B (-1%)
build/featured-product.css 1.02 kB -16 B (-2%)
build/featured-product.js 15 kB -276 B (-2%)
build/filter-wrapper-frontend.js 14.2 kB -101 B (-1%)
build/filter-wrapper-rtl.css 375 B -24 B (-6%)
build/filter-wrapper.css 375 B -22 B (-6%)
build/filter-wrapper.js 2.38 kB -16 B (-1%)
build/handpicked-products.js 7.95 kB -162 B (-2%)
build/legacy-template-rtl.css 238 B -20 B (-8%)
build/legacy-template.css 238 B -19 B (-7%)
build/legacy-template.js 8.07 kB -858 B (-10%) 👏
build/mini-cart-component-frontend.js 30.7 kB -187 B (-1%)
build/mini-cart-contents-block/cart-button--mini-cart-contents-block/checkout-button--mini-cart-contents---358acf4e-style.js 249 B -44 B (-15%) 👏
build/mini-cart-contents-block/cart-button-frontend.js 1.69 kB -45 B (-3%)
build/mini-cart-contents-block/cart-button-style.js 384 B -4 B (-1%)
build/mini-cart-contents-block/checkout-button-frontend.js 1.77 kB -42 B (-2%)
build/mini-cart-contents-block/checkout-button-style.js 466 B -4 B (-1%)
build/mini-cart-contents-block/empty-cart-frontend.js 357 B -3 B (-1%)
build/mini-cart-contents-block/empty-cart-style.js 355 B -3 B (-1%)
build/mini-cart-contents-block/filled-cart-frontend.js 266 B -1 B (0%)
build/mini-cart-contents-block/filled-cart-style.js 267 B -1 B (0%)
build/mini-cart-contents-block/footer-frontend.js 3.76 kB -67 B (-2%)
build/mini-cart-contents-block/footer-rtl.css 400 B -19 B (-5%)
build/mini-cart-contents-block/footer-style.js 2.35 kB -58 B (-2%)
build/mini-cart-contents-block/footer.css 400 B -18 B (-4%)
build/mini-cart-contents-block/items-frontend.js 228 B -9 B (-4%)
build/mini-cart-contents-block/items-style.js 229 B -8 B (-3%)
build/mini-cart-contents-block/products-table--product-image--product-title-style.js 316 B -36 B (-10%) 👏
build/mini-cart-contents-block/products-table-frontend.js 543 B -39 B (-7%)
build/mini-cart-contents-block/products-table-rtl.css 2.12 kB -71 B (-3%)
build/mini-cart-contents-block/products-table-style.js 5.31 kB -132 B (-2%)
build/mini-cart-contents-block/products-table.css 2.11 kB -74 B (-3%)
build/mini-cart-contents-block/shopping-button-frontend.js 488 B -50 B (-9%)
build/mini-cart-contents-block/shopping-button-style.js 397 B -6 B (-1%)
build/mini-cart-contents-block/title-frontend.js 1.85 kB -44 B (-2%)
build/mini-cart-contents-block/title-items-counter-frontend.js 1.57 kB -24 B (-2%)
build/mini-cart-contents-block/title-items-counter-style.js 301 B -1 B (0%)
build/mini-cart-contents-block/title-label-frontend.js 1.51 kB -21 B (-1%)
build/mini-cart-contents-block/title-style.js 438 B -7 B (-2%)
build/mini-cart-contents-rtl.css 2.66 kB -75 B (-3%)
build/mini-cart-contents.css 2.65 kB -77 B (-3%)
build/mini-cart-contents.js 17.6 kB -348 B (-2%)
build/mini-cart-frontend.js 2.79 kB -62 B (-2%)
build/mini-cart-rtl.css 2.56 kB -52 B (-2%)
build/mini-cart.css 2.56 kB -56 B (-2%)
build/mini-cart.js 6.32 kB -51 B (-1%)
build/packages-style-rtl.css 3.55 kB -40 B (-1%)
build/packages-style.css 3.55 kB -40 B (-1%)
build/price-filter-frontend.js 14.5 kB -162 B (-1%)
build/price-filter-rtl.css 2.67 kB -31 B (-1%)
build/price-filter-wrapper-frontend.js 6.64 kB -114 B (-2%)
build/price-filter-wrapper-rtl.css 2.53 kB -30 B (-1%)
build/price-filter-wrapper.css 2.53 kB -29 B (-1%)
build/price-filter.css 2.67 kB -31 B (-1%)
build/price-filter.js 8.47 kB -108 B (-1%)
build/price-format.js 1.15 kB -31 B (-3%)
build/product-add-to-cart--product-average-rating--product-button--product-image--product-price--product---1d132d69.js 269 B -3 B (-1%)
build/product-add-to-cart--product-image--product-title.js 315 B -36 B (-10%) 👏
build/product-add-to-cart-frontend.js 8.45 kB -218 B (-3%)
build/product-add-to-cart-rtl.css 1.35 kB -39 B (-3%)
build/product-add-to-cart.css 1.36 kB -39 B (-3%)
build/product-add-to-cart.js 8.49 kB -218 B (-3%)
build/product-average-rating--product-button--product-image--product-price--product-rating--product-ratin--e23975b5.js 924 B -30 B (-3%)
build/product-average-rating-frontend.js 1.7 kB -23 B (-1%)
build/product-best-sellers.js 8.29 kB -162 B (-2%)
build/product-button-frontend.js 4.85 kB -105 B (-2%)
build/product-button-rtl.css 864 B -25 B (-3%)
build/product-button.css 863 B -28 B (-3%)
build/product-button.js 3.85 kB -98 B (-2%)
build/product-categories-rtl.css 651 B -20 B (-3%)
build/product-categories.css 649 B -21 B (-3%)
build/product-categories.js 2.71 kB +2 B (0%)
build/product-category.js 9.26 kB -208 B (-2%)
build/product-collection.js 13.8 kB -156 B (-1%)
build/product-details-rtl.css 394 B -19 B (-5%)
build/product-details.css 391 B -19 B (-5%)
build/product-gallery-large-image-rtl.css 295 B -19 B (-6%)
build/product-gallery-large-image.css 295 B -18 B (-6%)
build/product-gallery-large-image.js 2.01 kB +5 B (0%)
build/product-gallery.js 2.3 kB +4 B (0%)
build/product-image-frontend.js 2.64 kB -76 B (-3%)
build/product-image-gallery-rtl.css 304 B -18 B (-6%)
build/product-image-gallery.css 303 B -19 B (-6%)
build/product-image-rtl.css 922 B -29 B (-3%)
build/product-image.css 920 B -29 B (-3%)
build/product-image.js 1.5 kB -66 B (-4%)
build/product-new.js 8.57 kB -181 B (-2%)
build/product-on-sale.js 8.57 kB -189 B (-2%)
build/product-price-frontend.js 247 B -1 B (0%)
build/product-price-rtl.css 667 B -29 B (-4%)
build/product-price.css 665 B -30 B (-4%)
build/product-price.js 1.65 kB -26 B (-2%)
build/product-query-rtl.css 347 B -20 B (-5%)
build/product-query.css 347 B -18 B (-5%)
build/product-query.js 12.7 kB -240 B (-2%)
build/product-rating-counter-frontend.js 2 kB -24 B (-1%)
build/product-rating-counter.js 686 B -1 B (0%)
build/product-rating-frontend.js 2.34 kB -31 B (-1%)
build/product-rating-rtl.css 244 B -18 B (-7%)
build/product-rating-stars-frontend.js 2.24 kB -30 B (-1%)
build/product-rating-stars-rtl.css 895 B -19 B (-2%)
build/product-rating-stars.css 897 B -19 B (-2%)
build/product-rating-stars.js 934 B -3 B (0%)
build/product-rating.css 244 B -18 B (-7%)
build/product-rating.js 1.03 kB -2 B (0%)
build/product-results-count-rtl.css 228 B -20 B (-8%)
build/product-results-count.css 228 B -19 B (-8%)
build/product-results-count.js 1.67 kB +1 B (0%)
build/product-reviews-rtl.css 456 B -18 B (-4%)
build/product-reviews.css 455 B -18 B (-4%)
build/product-sale-badge-frontend.js 1.79 kB -21 B (-1%)
build/product-sale-badge-rtl.css 369 B -23 B (-6%)
build/product-sale-badge.css 370 B -19 B (-5%)
build/product-sale-badge.js 666 B +1 B (0%)
build/product-search-rtl.css 415 B -20 B (-5%)
build/product-search.css 415 B -19 B (-4%)
build/product-search.js 2.62 kB -15 B (-1%)
build/product-sku-frontend.js 1.83 kB -36 B (-2%)
build/product-sku-rtl.css 237 B -21 B (-8%)
build/product-sku.css 237 B -21 B (-8%)
build/product-sku.js 519 B -16 B (-3%)
build/product-stock-indicator-frontend.js 2.02 kB -41 B (-2%)
build/product-stock-indicator-rtl.css 229 B -21 B (-8%)
build/product-stock-indicator.css 229 B -21 B (-8%)
build/product-stock-indicator.js 706 B -23 B (-3%)
build/product-summary-frontend.js 2.17 kB -115 B (-5%)
build/product-summary-rtl.css 546 B -25 B (-4%)
build/product-summary.css 546 B -26 B (-5%)
build/product-summary.js 910 B -96 B (-10%) 👏
build/product-tag.js 8.75 kB -208 B (-2%)
build/product-template-rtl.css 418 B -21 B (-5%)
build/product-template.css 418 B -19 B (-4%)
build/product-template.js 3.33 kB -27 B (-1%)
build/product-title-frontend.js 2.2 kB -37 B (-2%)
build/product-title-rtl.css 688 B -30 B (-4%)
build/product-title.css 689 B -30 B (-4%)
build/product-title.js 953 B -20 B (-2%)
build/product-top-rated.js 8.83 kB -176 B (-2%)
build/products-by-attribute.js 9.61 kB -193 B (-2%)
build/rating-filter-frontend.js 21.4 kB -21 B (0%)
build/rating-filter-rtl.css 4.2 kB -48 B (-1%)
build/rating-filter-wrapper-frontend.js 6.18 kB -53 B (-1%)
build/rating-filter-wrapper-rtl.css 4.07 kB -46 B (-1%)
build/rating-filter-wrapper.css 4.07 kB -45 B (-1%)
build/rating-filter.css 4.19 kB -47 B (-1%)
build/rating-filter.js 6.87 kB -73 B (-1%)
build/reviews-by-category-rtl.css 1.79 kB -58 B (-3%)
build/reviews-by-category.css 1.79 kB -57 B (-3%)
build/reviews-by-category.js 11.9 kB -261 B (-2%)
build/reviews-by-product-rtl.css 1.79 kB -58 B (-3%)
build/reviews-by-product.css 1.79 kB -57 B (-3%)
build/reviews-by-product.js 13.1 kB -286 B (-2%)
build/reviews-frontend.js 7.04 kB -143 B (-2%)
build/single-product-rtl.css 375 B -24 B (-6%)
build/single-product.css 375 B -22 B (-6%)
build/single-product.js 11.2 kB -155 B (-1%)
build/stock-filter-frontend.js 21.6 kB -56 B (0%)
build/stock-filter-rtl.css 4.01 kB -52 B (-1%)
build/stock-filter-wrapper-frontend.js 6.38 kB -70 B (-1%)
build/stock-filter-wrapper-rtl.css 3.88 kB -50 B (-1%)
build/stock-filter-wrapper.css 3.88 kB -52 B (-1%)
build/stock-filter.css 4.01 kB -52 B (-1%)
build/stock-filter.js 7.57 kB -72 B (-1%)
build/store-notices.js 1.69 kB +1 B (0%)
build/vendors--active-filters-wrapper--attribute-filter-wrapper--mini-cart-contents-block/cart-button--mi--d6bb29e6-style.js 604 B -2 B (0%)
build/vendors--attribute-filter-wrapper--cart-blocks/order-summary-coupon-form--cart-blocks/order-summary--48e1e4bb-frontend.js 6.83 kB -1 B (0%)
build/vendors--attribute-filter-wrapper--cart-blocks/order-summary-shipping--checkout-blocks/billing-addr--d9f38f9d-frontend.js 4.19 kB -1 B (0%)
build/vendors--cart-blocks/cart-cross-sells-products--cart-blocks/cart-line-items--cart-blocks/cart-order--3c5fe802-frontend.js 5.26 kB +1 B (0%)
build/vendors--cart-blocks/order-summary-shipping--checkout-blocks/billing-address--checkout-blocks/order--decc3dc6-frontend.js 19.4 kB -4 B (0%)
build/vendors--checkout-blocks/shipping-method-frontend.js 12.4 kB -3 B (0%)
build/vendors--checkout-blocks/shipping-method-style.js 11.7 kB +3 B (0%)
build/vendors--mini-cart-contents-block/products-table-style.js 3.16 kB +1 B (0%)
build/vendors--price-filter-wrapper-frontend.js 2.2 kB +2 B (0%)
build/vendors--product-add-to-cart-frontend.js 7.35 kB +103 B (+1%)
build/wc-blocks-data.js 21.7 kB -652 B (-3%)
build/wc-blocks-editor-style-rtl.css 6.33 kB -56 B (-1%)
build/wc-blocks-editor-style.css 6.34 kB -55 B (-1%)
build/wc-blocks-google-analytics.js 1.54 kB -21 B (-1%)
build/wc-blocks-middleware.js 933 B -1 B (0%)
build/wc-blocks-registry.js 3.18 kB +32 B (+1%)
build/wc-blocks-rtl.css 2.51 kB -36 B (-1%)
build/wc-blocks-shared-context.js 1.1 kB -3 B (0%)
build/wc-blocks-shared-hocs.js 1.62 kB -132 B (-8%)
build/wc-blocks-vendors.js 65.4 kB -60 B (0%)
build/wc-blocks.css 2.51 kB -33 B (-1%)
build/wc-blocks.js 3.7 kB -46 B (-1%)
build/wc-payment-method-cod.js 908 B -1 B (0%)
build/wc-settings.js 2.57 kB -34 B (-1%)
build/wc-shipping-method-pickup-location.js 30.4 kB +1 B (0%)
ℹ️ View Unchanged
Filename Size
build/cart-blocks/cart-cross-sells-products-style.js 137 B
build/cart-blocks/cart-line-items-style.js 137 B
build/cart-blocks/order-summary-coupon-form-style.js 137 B
build/cart-blocks/order-summary-subtotal-style.js 136 B
build/checkout-blocks/order-summary-coupon-form-style.js 137 B
build/checkout-blocks/order-summary-discount-style.js 137 B
build/checkout-blocks/order-summary-fee-style.js 137 B
build/checkout-blocks/order-summary-subtotal-style.js 137 B
build/checkout-blocks/order-summary-taxes-style.js 177 B
build/checkout-blocks/shipping-address-style.js 475 B
build/mini-cart-contents-block/title-label-style.js 301 B
build/product-add-to-cart--product-button--product-rating--product-rating-counter--product-rating-stars.js 151 B
build/product-average-rating.js 397 B
build/vendors--attribute-filter-wrapper-frontend.js 5.11 kB
build/vendors--cart-blocks/cart-line-items--checkout-blocks/order-summary-cart-items--mini-cart-contents---233ab542-frontend.js 3.57 kB
build/vendors--cart-blocks/proceed-to-checkout-style.js 179 B
build/vendors--checkout-blocks/pickup-options--checkout-blocks/shipping-methods-frontend.js 8.25 kB
build/vendors--mini-cart-contents-block/products-table--price-filter-wrapper--product-price-style.js 5.27 kB
build/vendors--rating-filter-wrapper-frontend.js 5.11 kB
build/vendors--stock-filter-wrapper-frontend.js 5.11 kB
build/wc-interactivity.js 10.4 kB
build/wc-payment-method-bacs.js 816 B
build/wc-payment-method-cheque.js 811 B
build/wc-payment-method-paypal.js 837 B

compressed-size-action

@gigitux gigitux added this to the 10.6.2 milestone Jul 26, 2023
@github-actions github-actions bot modified the milestones: 10.6.2, 10.8.0 Jul 26, 2023
@kmanijak kmanijak requested a review from gigitux July 26, 2023 09:40
* - https://github.com/woocommerce/woocommerce-blocks/pull/10360
*/
private function check_if_post_template_has_support_for_grid_view() {
if ( version_compare( $GLOBALS['wp_version'], '6.2.2', '>' ) ) {
Copy link
Contributor

Choose a reason for hiding this comment

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

Are you sure that this check is correct? Should be

Suggested change
if ( version_compare( $GLOBALS['wp_version'], '6.2.2', '>' ) ) {
if ( version_compare( $GLOBALS['wp_version'], '6.3.0', '>=' ) ) {

Copy link
Contributor Author

Choose a reason for hiding this comment

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

version_compare consider versions with suffix as lower, for example, 6.3.0 is higher than 6.3.0-RC2. That means the fix won't be applied to the RC version.

But you're right, I cannot compare to 6.2.2, because there may be another 6.2.x release and there will be incorrect behaviour.

I'll try to use this custom function wp_version_compare which I belive was written for exactly this case or I'll think of something custom.

Copy link
Contributor

Choose a reason for hiding this comment

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

version_compare consider versions with suffix as lower, for example, 6.3.0 is higher than 6.3.0-RC2. That means the fix won't be applied to the RC version.

TIL

version_compare consider versions with suffix as lower, for example, 6.3.0 is higher than 6.3.0-RC2. That means the fix won't be applied to the RC version.

Thanks!

Copy link
Contributor Author

Choose a reason for hiding this comment

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

OK, code updated! And I updated testing steps to cover cases with higher and lower than WP 6.3 + Gutenberg 16 enabled and disabled.

@kmanijak kmanijak modified the milestones: 10.8.0, 10.6.2 Jul 26, 2023
@kmanijak kmanijak requested a review from gigitux July 26, 2023 13:08
Copy link
Contributor

@gigitux gigitux left a comment

Choose a reason for hiding this comment

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

LGTM! Thanks for your work!

@kmanijak kmanijak merged commit beab040 into trunk Jul 26, 2023
@kmanijak kmanijak deleted the fix/9884-cover-lack-of-gutenberg branch July 26, 2023 13:13
gigitux pushed a commit that referenced this pull request Jul 31, 2023
…ck compatible with Gutenberg 16+ (#10360)

* Check if WordPress version is higher than 6.2.2 to make Products block compatible with Gutenberg 16+

* Extract the logic of checking the post template support for grid view toi separate function

* Change the versions comparison and improve description of custom version compare function
@kmanijak kmanijak self-assigned this Jul 31, 2023
gigitux added a commit that referenced this pull request Jul 31, 2023
* Fix: WooCommerce Blocks causing malfunction of the navigation block on WordPress 6.3 (#10388)

* Make sure the revert button is registered and enqueued for usage exclusively in the site editor.

* Register and enqueue the styles for the revert button.

* Rename the files.

* Revert "Rename the file renames."

This reverts commit c0330ce.

* Add plugin-proposal-optional-chaining to the WebPack plugins config.

* Rename the files.

* Remove unnecessary dependencies as those are already provided via : more specifically, get_script_data.

* Address CR.

* Cart and Checkout Page Migration: Inherit Page template and fix rendering (#10375)

* Change shortcode block render callback

* Inherit template from original "page" template

* Check if WordPress version is higher than 6.2.2 to make Products block compatible with Gutenberg 16+ (#10360)

* Check if WordPress version is higher than 6.2.2 to make Products block compatible with Gutenberg 16+

* Extract the logic of checking the post template support for grid view toi separate function

* Change the versions comparison and improve description of custom version compare function

* Render Checkout/Cart containing pages without template overriding (#10359)

* Render Checkout/Cart containing pages without template overriding

* Fix checkout typo

---------

Co-authored-by: Mike Jolley <mike.jolley@me.com>

* Add to cart form: Fix fatal error when missing `product` param in add_to_cart_redirect_filter (#10316)

* Transform product param optional in add_to_cart_redirect_filter method

* Remove unnecessary argument from add_to_cart_redirect_filter

* Remove mocked filter call

* Remove unnecessary argument from function docs

* Remove opinionated styles from Product Hero pattern (#10255)

* Mini Cart: Remove deprecated print_inline_script() (#10165)

* Mini Cart: Replace the deprecated print_inline_script() with supported get_inline_script_data(). Fixes #10004

* Mini Cart: Add version check for the new get_inline_script_data() function

* Update the variable names and fix a typo

* Mini Cart: Add regex to check for the WP version

* Abstract the WP version comparison regex to a separate Utils class

* Call wc_setup_product_data if the global product variable is not an instance of WC_Product. (#10128)

* Empty commit for release pull request

* add testing instructions

* Per block stylesheets (#9831)

* Clean up blank lines

* Update Webpack config

* Update PHP logic to load block styles

* Style fixes

* Style fixes (II)

* Style fixes (III)

* Style fixes (IV)

* Fix missing stylesheets in the Site Editor

* Fix wrong return values in some PHP method docs

* Fix missing ProductPrice stylesheet causing 404 in tests

* Fix missing ProductGallery stylesheet causing 404 in tests

* update testing instructions

* add zip link

* update version

* update zip link

* remove screenshot

* remove testing instructions

* Register Legacy block for all taxonomy-product_ template (#10382)

* WIP

* improve logic

* improve unit test

* $post validation on Cart and Checkout template (#10410)

Co-authored-by: Luigi Teschio <gigitux@gmail.com>

* Update zip

---------

Co-authored-by: Patricia Hillebrandt <patriciahillebrandt@gmail.com>
Co-authored-by: Mike Jolley <mike.jolley@me.com>
Co-authored-by: Karol Manijak <20098064+kmanijak@users.noreply.github.com>
Co-authored-by: Paulo Arromba <17236129+wavvves@users.noreply.github.com>
Co-authored-by: Alexandre Lara <allexandrelara@gmail.com>
Co-authored-by: Albert Juhé Lluveras <contact@albertjuhe.com>
Co-authored-by: Daniel Dudzic <daniel.dudzic@automattic.com>
Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Luigi <gigitux@gmail.com>
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
block-type: product-query Issues related to/affecting all product-query variations. type: bug The issue/PR concerns a confirmed bug.
Projects
None yet
2 participants