@automattic/newspack-blocks 4.29.2 → 4.30.0-alpha.2

package/includes/class-newspack-blocks-caching.php

@@ -253,9 +253,9 @@ class Newspack_Blocks_Caching {
 		}
 
 		if ( 'newspack-blocks/homepage-articles' === $block_data['blockName'] ) {
-			Newspack_Blocks::enqueue_view_assets( 'homepage-articles' );
+			Newspack_Blocks::enqueue_view_assets( 'homepage-articles', 'defer' );
 		} elseif ( 'newspack-blocks/carousel' === $block_data['blockName'] ) {
-			Newspack_Blocks::enqueue_view_assets( 'carousel' );
+			Newspack_Blocks::enqueue_view_assets( 'carousel', 'defer' );
 		}
 
 		return $cached_data['cached_content'];

package/includes/class-newspack-blocks.php

@@ -25,6 +25,7 @@ class Newspack_Blocks {
 	 */
 	public static function init() {
 		add_action( 'after_setup_theme', [ __CLASS__, 'add_image_sizes' ] );
+		add_filter( 'intermediate_image_sizes_advanced', [ __CLASS__, 'maybe_skip_article_block_image_subsizes' ] );
 		add_post_type_support( 'post', 'newspack_blocks' );
 		add_post_type_support( 'page', 'newspack_blocks' );
 		add_action( 'jetpack_register_gutenberg_extensions', [ __CLASS__, 'disable_jetpack_donate' ], 99 );
@@ -340,9 +341,13 @@ class Newspack_Blocks {
 	/**
 	 * Enqueue view scripts and styles for a single block.
 	 *
-	 * @param string $type The block's type.
+	 * @param string      $type     The block's type.
+	 * @param string|null $strategy Optional. Script loading strategy to apply to the
+	 *                              view script ('defer' or 'async'). First write wins:
+	 *                              ignored if a strategy is already set on the handle.
+	 *                              Default null (no strategy).
 	 */
-	public static function enqueue_view_assets( $type ) {
+	public static function enqueue_view_assets( $type, $strategy = null ) {
 		$style_path = apply_filters(
 			'newspack_blocks_enqueue_view_assets',
 			NEWSPACK_BLOCKS__BLOCKS_DIRECTORY . $type . '/view.css',
@@ -362,13 +367,17 @@ class Newspack_Blocks {
 		}
 		$script_data = static::script_enqueue_helper( NEWSPACK_BLOCKS__BLOCKS_DIRECTORY . $type . '/view.js' );
 		if ( $script_data ) {
+			$handle = "newspack-blocks-{$type}";
 			wp_enqueue_script(
-				"newspack-blocks-{$type}",
+				$handle,
 				$script_data['script_path'],
 				$script_data['dependencies'],
 				$script_data['version'],
 				true
 			);
+			if ( $strategy && ! wp_scripts()->get_data( $handle, 'strategy' ) ) {
+				wp_script_add_data( $handle, 'strategy', $strategy );
+			}
 		}
 	}
 
@@ -543,6 +552,70 @@ class Newspack_Blocks {
 		add_image_size( 'newspack-article-block-uncropped', 1200, 9999, false );
 	}
 
+	/**
+	 * Skip generating the physical `newspack-article-block-*` sub-size files on upload.
+	 *
+	 * The sizes stay registered, so blocks still resolve correctly-cropped URLs;
+	 * we only skip writing the files where an on-the-fly image CDN can reproduce them
+	 * from the registered sizes. The prefix match removes every `newspack-article-block-*`
+	 * sub-size, including `newspack-article-block-uncropped` (registered with
+	 * `crop => false` — a plain downscale, not a crop); the CDN resizes as well as
+	 * crops, so none of them need a physical file. This also makes the Image block
+	 * (REST) and Media Library upload paths behave the same on wpcom, where they
+	 * otherwise differ.
+	 *
+	 * @param array $sizes Image sub-sizes to generate, keyed by size name.
+	 * @return array Filtered sizes.
+	 */
+	public static function maybe_skip_article_block_image_subsizes( array $sizes ): array {
+		/**
+		 * Filters whether to skip physical `newspack-article-block-*` sub-size generation.
+		 * Defaults to true where an on-the-fly image CDN reproduces the sizes: WordPress.com
+		 * Simple (always) and Atomic (only when the Jetpack Image CDN is active). Self-hosted
+		 * sites can opt in, e.g. when fronting uploads with the Jetpack Image CDN.
+		 *
+		 * @param bool $skip Whether to skip physical sub-size generation.
+		 */
+		$skip = apply_filters( 'newspack_blocks_skip_article_image_subsizes', self::is_wpcom_image_cdn_active() );
+		if ( ! $skip ) {
+			return $sizes;
+		}
+
+		foreach ( array_keys( $sizes ) as $size_name ) {
+			if ( is_string( $size_name ) && str_starts_with( $size_name, 'newspack-article-block-' ) ) {
+				unset( $sizes[ $size_name ] );
+			}
+		}
+		return $sizes;
+	}
+
+	/**
+	 * Whether this site serves images through an on-the-fly image CDN that crops and
+	 * resizes from the registered sizes, making the physical `newspack-article-block-*`
+	 * files redundant.
+	 *
+	 * WordPress.com Simple always serves images through the platform image CDN. On
+	 * Atomic the Jetpack Image CDN (Photon) can be toggled off, so it counts only when
+	 * the module is active — otherwise the crops must still be generated. Self-hosted
+	 * sites are not auto-detected here; they opt in via the filter above.
+	 *
+	 * @return bool
+	 */
+	private static function is_wpcom_image_cdn_active(): bool {
+		if ( ! class_exists( '\Automattic\Jetpack\Status\Host' ) ) {
+			return false;
+		}
+		$host = new \Automattic\Jetpack\Status\Host();
+		if ( $host->is_wpcom_simple() ) {
+			return true;
+		}
+		if ( $host->is_wpcom_platform() ) {
+			// Atomic: only skip when the Image CDN (Photon) is actually active to crop on the fly.
+			return class_exists( 'Jetpack' ) && \Jetpack::is_module_active( 'photon' );
+		}
+		return false;
+	}
+
 	/**
 	 * Whether the block should be included in the deduplication logic.
 	 *
@@ -1387,44 +1460,84 @@ class Newspack_Blocks {
 	}
 
 	/**
-	 * Pick either white or black, whatever has sufficient contrast with the color being passed to it.
-	 * From Newspack Theme functions.
+	 * Pick either black or white text, whichever reads better on the given background.
 	 *
-	 * @param  string $hex Hexidecimal value of the color to adjust.
-	 * @return string Either black or white hexidecimal values.
+	 * Scores pure black and pure white as text against the background and returns
+	 * whichever produces the greater APCA lightness contrast (Lc); ties fall to
+	 * black. The constants are the SA98G set from apca-w3 0.1.9.
 	 *
-	 * @ref https://stackoverflow.com/questions/1331591/given-a-background-color-black-or-white-text
+	 * Keep in sync with getColorForContrast() in src/blocks/donate/utils.ts.
+	 *
+	 * @param string $hex Hexadecimal background color (#RGB, #RRGGBB or #RRGGBBAA, with or without #).
+	 * @return string Either 'black' or 'white' (literal CSS color keywords).
 	 */
 	public static function get_color_for_contrast( $hex ) {
-		// Hex RGB.
-		$r1 = hexdec( substr( $hex, 1, 2 ) );
-		$g1 = hexdec( substr( $hex, 3, 2 ) );
-		$b1 = hexdec( substr( $hex, 5, 2 ) );
-		// Black RGB.
-		$black_color    = '#000';
-		$r2_black_color = hexdec( substr( $black_color, 1, 2 ) );
-		$g2_black_color = hexdec( substr( $black_color, 3, 2 ) );
-		$b2_black_color = hexdec( substr( $black_color, 5, 2 ) );
-		// Calc contrast ratio.
-		$l1             = 0.2126 * pow( $r1 / 255, 2.2 ) +
-		0.7152 * pow( $g1 / 255, 2.2 ) +
-		0.0722 * pow( $b1 / 255, 2.2 );
-		$l2             = 0.2126 * pow( $r2_black_color / 255, 2.2 ) +
-		0.7152 * pow( $g2_black_color / 255, 2.2 ) +
-		0.0722 * pow( $b2_black_color / 255, 2.2 );
-		$contrast_ratio = 0;
-		if ( $l1 > $l2 ) {
-			$contrast_ratio = (int) ( ( $l1 + 0.05 ) / ( $l2 + 0.05 ) );
-		} else {
-			$contrast_ratio = (int) ( ( $l2 + 0.05 ) / ( $l1 + 0.05 ) );
+		$background_y = self::get_apca_luminance( $hex );
+		$black_lc     = self::get_apca_contrast( $background_y, self::get_apca_luminance( '#000000' ) );
+		$white_lc     = self::get_apca_contrast( $background_y, self::get_apca_luminance( '#ffffff' ) );
+
+		return abs( $white_lc ) > abs( $black_lc ) ? 'white' : 'black';
+	}
+
+	/**
+	 * Compute the soft-clamped APCA screen luminance (Y) of a hex color.
+	 *
+	 * Accepts #RGB, #RRGGBB and #RRGGBBAA (the alpha pair is stripped), with or
+	 * without the leading #, case-insensitively. Unparseable input is treated as
+	 * white (luminance 1.0) so callers fall back to black text.
+	 *
+	 * @param string $hex Hexadecimal color.
+	 * @return float Soft-clamped luminance in the 0..1 range.
+	 */
+	private static function get_apca_luminance( $hex ) {
+		$hex = ltrim( trim( (string) $hex ), '#' );
+		if ( 3 === strlen( $hex ) ) {
+			$hex = $hex[0] . $hex[0] . $hex[1] . $hex[1] . $hex[2] . $hex[2];
+		} elseif ( 8 === strlen( $hex ) ) {
+			// Drop the alpha pair from #RRGGBBAA.
+			$hex = substr( $hex, 0, 6 );
 		}
-		if ( $contrast_ratio > 5 ) {
-			// If contrast is more than 5, return black color.
-			return 'black';
-		} else {
-			// if not, return white color.
-			return 'white';
+		if ( 6 !== strlen( $hex ) || ! ctype_xdigit( $hex ) ) {
+			return 1.0;
 		}
+
+		$r = hexdec( substr( $hex, 0, 2 ) ) / 255;
+		$g = hexdec( substr( $hex, 2, 2 ) ) / 255;
+		$b = hexdec( substr( $hex, 4, 2 ) ) / 255;
+
+		$y = 0.2126729 * pow( $r, 2.4 ) + 0.7151522 * pow( $g, 2.4 ) + 0.0721750 * pow( $b, 2.4 );
+
+		// APCA soft-clamp of near-black luminance.
+		if ( $y <= 0.022 ) {
+			$y += pow( 0.022 - $y, 1.414 );
+		}
+
+		return $y;
+	}
+
+	/**
+	 * Compute the APCA lightness contrast (Lc) of text on a background.
+	 *
+	 * Positive values are dark text on a lighter background; negative values are
+	 * light text on a darker background. Both luminances must already be
+	 * soft-clamped.
+	 *
+	 * @param float $background_y Soft-clamped background luminance.
+	 * @param float $text_y       Soft-clamped text luminance.
+	 * @return float The Lc value.
+	 */
+	private static function get_apca_contrast( $background_y, $text_y ) {
+		if ( abs( $background_y - $text_y ) < 0.0005 ) {
+			return 0.0;
+		}
+
+		if ( $background_y > $text_y ) {
+			$sapc = ( pow( $background_y, 0.56 ) - pow( $text_y, 0.57 ) ) * 1.14;
+			return $sapc < 0.1 ? 0.0 : ( $sapc - 0.027 ) * 100;
+		}
+
+		$sapc = ( pow( $background_y, 0.65 ) - pow( $text_y, 0.62 ) ) * 1.14;
+		return $sapc > -0.1 ? 0.0 : ( $sapc + 0.027 ) * 100;
 	}
 
 	/**

package/newspack-blocks.php

@@ -7,7 +7,7 @@
  * Author URI:      https://newspack.com/
  * Text Domain:     newspack-blocks
  * Domain Path:     /languages
- * Version:         4.29.2
+ * Version:         4.30.0-alpha.2
  *
  * @package         Newspack_Blocks
  */
@@ -15,7 +15,7 @@
 define( 'NEWSPACK_BLOCKS__PLUGIN_FILE', __FILE__ );
 define( 'NEWSPACK_BLOCKS__BLOCKS_DIRECTORY', 'dist/' );
 define( 'NEWSPACK_BLOCKS__PLUGIN_DIR', plugin_dir_path( NEWSPACK_BLOCKS__PLUGIN_FILE ) );
-define( 'NEWSPACK_BLOCKS__VERSION', '4.29.2' );
+define( 'NEWSPACK_BLOCKS__VERSION', '4.30.0-alpha.2' );
 
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/class-newspack-blocks.php';
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/class-newspack-blocks-api.php';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/newspack-blocks",
-	"version": "4.29.2",
+	"version": "4.30.0-alpha.2",
 	"author": "Automattic",
 	"description": "=== Newspack Blocks === Contributors: (this should be a list of wordpress.org userid's) Donate link: https://example.com/ Tags: comments, spam Requires at least: 4.5 Tested up to: 5.1.1 Stable tag: 0.1.0 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html",
 	"repository": {
@@ -46,8 +46,8 @@
 	"dependencies": {
 		"classnames": "^2.5.1",
 		"lodash": "^4.17.21",
-		"newspack-colors": "1.1.1",
-		"newspack-icons": "1.1.0",
+		"newspack-colors": "1.1.2-alpha.1",
+		"newspack-icons": "1.1.1-alpha.1",
 		"redux": "^5.0.0",
 		"redux-saga": "^1.5.0",
 		"regenerator-runtime": "^0.14.1",
@@ -55,8 +55,8 @@
 	},
 	"devDependencies": {
 		"@types/lodash": "^4.17.23",
-		"newspack-components": "4.6.0",
-		"newspack-scripts": "5.10.0"
+		"newspack-components": "4.6.1-alpha.1",
+		"newspack-scripts": "5.11.0-alpha.1"
 	},
 	"overrides": {
 		"path-to-regexp": "1.7.0"

package/src/blocks/author-list/view.php

@@ -78,8 +78,8 @@ function newspack_blocks_render_block_author_list( $attributes ) {
 	}
 
 	// Enqueue required front-end assets.
-	Newspack_Blocks::enqueue_view_assets( 'author-list' );
-	Newspack_Blocks::enqueue_view_assets( 'author-profile' );
+	Newspack_Blocks::enqueue_view_assets( 'author-list', 'defer' );
+	Newspack_Blocks::enqueue_view_assets( 'author-profile', 'defer' );
 
 	// Class names for the list container.
 	$container_classes = [ 'newspack-blocks__author-list-container' ];

package/src/blocks/author-profile/view.php

@@ -320,7 +320,7 @@ function newspack_blocks_render_block_author_profile( $attributes, $content, $bl
 		return '';
 	}
 
-	Newspack_Blocks::enqueue_view_assets( 'author-profile' );
+	Newspack_Blocks::enqueue_view_assets( 'author-profile', 'defer' );
 
 	// NESTED MODE: Determined by layoutVersion attribute, not theme type.
 	// Once a block is created in nested mode (layoutVersion 2), it stays nested.

package/src/blocks/carousel/view.php

@@ -269,7 +269,7 @@ function newspack_blocks_render_block_carousel( $attributes ) {
 		$data_attributes[] = 'data-autoplay=1';
 		$data_attributes[] = sprintf( 'data-autoplay_delay=%s', esc_attr( $delay ) );
 	}
-	Newspack_Blocks::enqueue_view_assets( 'carousel' );
+	Newspack_Blocks::enqueue_view_assets( 'carousel', 'defer' );
 	if ( 1 === $counter ) {
 		$selector = '';
 	}

package/src/blocks/checkout-button/view.php

@@ -81,7 +81,7 @@ function render_callback( $attributes ) {
 		? $attributes['product']
 		: $product_id;
 	\Newspack_Blocks\Modal_Checkout::enqueue_modal( $modal_product_id );
-	\Newspack_Blocks::enqueue_view_assets( 'checkout-button' );
+	\Newspack_Blocks::enqueue_view_assets( 'checkout-button', 'defer' );
 
 	$background_color           = $attributes['backgroundColor'] ?? '';
 	$text_color                 = $attributes['textColor'] ?? '';

package/src/blocks/donate/utils.test.js

@@ -0,0 +1,37 @@
+import { getColorForContrast } from './utils';
+
+describe( 'getColorForContrast', () => {
+	// Must stay in parity with Newspack_Blocks::get_color_for_contrast(), which
+	// runs the same APCA math (see tests/test-color-contrast.php).
+	it.each( [
+		[ '#000000', '#ffffff' ],
+		[ '#ffffff', '#000000' ],
+		[ '#f0f0f0', '#000000' ],
+		[ '#ffcc00', '#000000' ],
+		// APCA flip zone: WCAG2 said black, APCA says white decisively.
+		[ '#178f15', '#ffffff' ],
+		[ '#3366cc', '#ffffff' ],
+		[ '#dd3333', '#ffffff' ],
+		[ '#fff', '#000000' ],
+		[ '#36c', '#ffffff' ],
+		[ 'not-a-color', '#000000' ],
+		// Parity cases shared with the PHP fixture table.
+		[ '3366cc', '#ffffff' ],
+		[ '178f15', '#ffffff' ],
+		[ '', '#000000' ],
+		[ '#33333380', '#ffffff' ],
+		[ '#FFCC00', '#000000' ],
+		[ ' #178f15 ', '#ffffff' ],
+	] )( 'picks readable text for %s', ( background, expected ) => {
+		expect( getColorForContrast( background ) ).toBe( expected );
+	} );
+
+	it( 'falls back to black when no color is provided', () => {
+		expect( getColorForContrast( undefined ) ).toBe( '#000000' );
+	} );
+
+	it( 'expands 3-digit hex the same as 6-digit hex', () => {
+		expect( getColorForContrast( '#36c' ) ).toBe( getColorForContrast( '#3366cc' ) );
+		expect( getColorForContrast( '#fff' ) ).toBe( getColorForContrast( '#ffffff' ) );
+	} );
+} );

package/src/blocks/donate/utils.ts

@@ -1,17 +1,74 @@
 import { __, _x, sprintf } from '@wordpress/i18n';
 import type { DonationFrequencySlug } from './types';
 
+// Normalize a hex color to exactly six lowercase hex digits (no leading #).
+// Accepts #RGB, #RRGGBB and #RRGGBBAA (the alpha pair is stripped), with or
+// without the leading #, case-insensitively; returns null when unparseable.
+// Keep in sync with Newspack_Blocks::get_apca_luminance() in
+// includes/class-newspack-blocks.php.
+const normalizeHex = ( color: string ): string | null => {
+	let hex = color.trim().replace( /^#/, '' ).toLowerCase();
+	if ( hex.length === 3 ) {
+		hex = hex[ 0 ] + hex[ 0 ] + hex[ 1 ] + hex[ 1 ] + hex[ 2 ] + hex[ 2 ];
+	} else if ( hex.length === 8 ) {
+		hex = hex.substring( 0, 6 );
+	}
+	return /^[a-f\d]{6}$/.test( hex ) ? hex : null;
+};
+
 const hexToRGB = ( hex: string ): number[] => {
-	const parts = hex
-		.replace( /^#?([a-f\d])([a-f\d])([a-f\d])$/i, ( m, r, g, b ) => '#' + r + r + g + g + b + b )
-		.substring( 1 )
-		.match( /.{2}/g );
+	const parts = hex.match( /.{2}/g );
 	if ( parts === null ) {
 		return [ 0, 0, 0 ];
 	}
 	return parts.map( x => parseInt( x, 16 ) );
 };
 
+// APCA soft-clamps near-black luminance and treats unparseable input as white
+// (luminance 1) so callers fall back to black text.
+const apcaLuminance = ( color: string ): number => {
+	const hex = normalizeHex( color );
+	if ( hex === null ) {
+		return 1;
+	}
+
+	const [ r, g, b ] = hexToRGB( hex );
+
+	let y = 0.2126729 * Math.pow( r / 255, 2.4 ) + 0.7151522 * Math.pow( g / 255, 2.4 ) + 0.072175 * Math.pow( b / 255, 2.4 );
+
+	if ( y <= 0.022 ) {
+		y += Math.pow( 0.022 - y, 1.414 );
+	}
+
+	return y;
+};
+
+// APCA lightness contrast (Lc): positive is dark text on a lighter background,
+// negative is light text on a darker background. Both luminances are clamped.
+const apcaContrast = ( backgroundY: number, textY: number ): number => {
+	if ( Math.abs( backgroundY - textY ) < 0.0005 ) {
+		return 0;
+	}
+
+	if ( backgroundY > textY ) {
+		const sapc = ( Math.pow( backgroundY, 0.56 ) - Math.pow( textY, 0.57 ) ) * 1.14;
+		return sapc < 0.1 ? 0 : ( sapc - 0.027 ) * 100;
+	}
+
+	const sapc = ( Math.pow( backgroundY, 0.65 ) - Math.pow( textY, 0.62 ) ) * 1.14;
+	return sapc > -0.1 ? 0 : ( sapc + 0.027 ) * 100;
+};
+
+/**
+ * Pick either black or white text, whichever reads better on the given background.
+ *
+ * Scores pure black and pure white as text against the background and returns
+ * whichever produces the greater APCA lightness contrast (Lc); ties fall to
+ * black. The constants are the SA98G set from apca-w3 0.1.9.
+ *
+ * Keep in sync with Newspack_Blocks::get_color_for_contrast() in
+ * includes/class-newspack-blocks.php.
+ */
 export const getColorForContrast = ( color?: string ): string => {
 	const blackColor = '#000000';
 	const whiteColor = '#ffffff';
@@ -19,19 +76,11 @@ export const getColorForContrast = ( color?: string ): string => {
 		return blackColor;
 	}
 
-	const backgroundColorRGB = hexToRGB( color );
-	const blackRGB = hexToRGB( blackColor );
-
-	const l1 =
-		0.2126 * Math.pow( backgroundColorRGB[ 0 ] / 255, 2.2 ) +
-		0.7152 * Math.pow( backgroundColorRGB[ 1 ] / 255, 2.2 ) +
-		0.0722 * Math.pow( backgroundColorRGB[ 2 ] / 255, 2.2 );
-	const l2 =
-		0.2126 * Math.pow( blackRGB[ 0 ] / 255, 2.2 ) + 0.7152 * Math.pow( blackRGB[ 1 ] / 255, 2.2 ) + 0.0722 * Math.pow( blackRGB[ 2 ] / 255, 2.2 );
-
-	const contrastRatio = l1 > l2 ? ( l1 + 0.05 ) / ( l2 + 0.05 ) : ( l2 + 0.05 ) / ( l1 + 0.05 );
+	const backgroundY = apcaLuminance( color );
+	const blackLc = apcaContrast( backgroundY, apcaLuminance( blackColor ) );
+	const whiteLc = apcaContrast( backgroundY, apcaLuminance( whiteColor ) );
 
-	return contrastRatio > 5 ? blackColor : whiteColor;
+	return Math.abs( whiteLc ) > Math.abs( blackLc ) ? whiteColor : blackColor;
 };
 
 export const getMigratedAmount = (

package/src/blocks/homepage-articles/view.php

@@ -422,7 +422,7 @@ function newspack_blocks_render_block_homepage_articles( $attributes ) {
 	<?php
 
 	$content = ob_get_clean();
-	Newspack_Blocks::enqueue_view_assets( 'homepage-articles' );
+	Newspack_Blocks::enqueue_view_assets( 'homepage-articles', 'defer' );
 
 	return $content;
 }

package/src/blocks/iframe/view.php

@@ -13,7 +13,7 @@
  * @return string
  */
 function newspack_blocks_render_block_iframe( $attributes ) {
-	Newspack_Blocks::enqueue_view_assets( 'iframe' );
+	Newspack_Blocks::enqueue_view_assets( 'iframe', 'defer' );
 
 	return newspack_blocks_get_iframe( $attributes );
 }

package/vendor/composer/installed.php

@@ -3,7 +3,7 @@
         'name' => 'automattic/newspack-blocks',
         'pretty_version' => 'dev-main',
         'version' => 'dev-main',
-        'reference' => '6f5c479147b99356531e175bffe5b1846d2bfa71',
+        'reference' => '676b21e16de65c4c31fba7e48dcf23dd93dfcd1c',
         'type' => 'wordpress-plugin',
         'install_path' => __DIR__ . '/../../',
         'aliases' => array(),
@@ -13,7 +13,7 @@
         'automattic/newspack-blocks' => array(
             'pretty_version' => 'dev-main',
             'version' => 'dev-main',
-            'reference' => '6f5c479147b99356531e175bffe5b1846d2bfa71',
+            'reference' => '676b21e16de65c4c31fba7e48dcf23dd93dfcd1c',
             'type' => 'wordpress-plugin',
             'install_path' => __DIR__ . '/../../',
             'aliases' => array(),