@automattic/newspack-blocks 1.0.0-hotfix-cap-count-user-posts-dedup.1

package/src/blocks/homepage-articles/templates/article.php

@@ -0,0 +1,290 @@
+<?php
+/**
+ * Article template.
+ *
+ * @global array $attributes Block attributes.
+ * @package WordPress
+ */
+
+call_user_func(
+	function( $data ) {
+		$attributes = apply_filters( 'newspack_blocks_homepage_posts_block_attributes', $data['attributes'] );
+		$authors    = Newspack_Blocks::prepare_authors();
+		$classes    = array();
+		$styles     = '';
+		$post_id    = get_the_ID();
+
+		// Get sponsors for this post.
+		$sponsors = Newspack_Blocks::get_all_sponsors( $post_id );
+
+		// Add classes based on the post's assigned categories and tags.
+		$classes[] = Newspack_Blocks::get_term_classes( $post_id );
+
+		// Add class if post has a featured image.
+		if ( has_post_thumbnail() ) {
+			$classes[] = 'post-has-image';
+		}
+
+		// If the post is a sponsor or supporter, it won't have a working permalink, but it might have an external URL.
+		$post_link = Newspack_Blocks::get_post_link( $post_id );
+
+		if ( 'behind' === $attributes['mediaPosition'] && $attributes['showImage'] && has_post_thumbnail() ) {
+			$styles = 'min-height: ' . absint( $attributes['minHeight'] ) . 'vh; padding-top: ' . ( absint( $attributes['minHeight'] ) / 5 ) . 'vh;';
+		}
+		$image_size = 'newspack-article-block-uncropped';
+		if ( has_post_thumbnail() && 'uncropped' !== $attributes['imageShape'] ) {
+			$image_size = Newspack_Blocks::image_size_for_orientation( $attributes['imageShape'] );
+		}
+		$thumbnail_args = array(
+			'data-hero-candidate' => true,
+			'alt'                 => trim( wp_strip_all_tags( get_the_title( $post_id ) ) ),
+		);
+
+		// This global will be used by the newspack_blocks_filter_hpb_srcset filter.
+		global $newspack_blocks_hpb_rendering_context;
+		$newspack_blocks_hpb_rendering_context = [ 'attrs' => $attributes ];
+
+		// Disable lazy loading by using an arbitraty `loading` attribute other than `lazy`.
+		// Empty string or `false` would still result in `lazy`.
+		if ( $attributes['disableImageLazyLoad'] ) {
+			$thumbnail_args['loading'] = 'none';
+		}
+		if ( $attributes['fetchPriority'] && in_array( $attributes['fetchPriority'], [ 'high', 'low', 'auto' ], true ) ) {
+			$thumbnail_args['fetchpriority'] = $attributes['fetchPriority'];
+		}
+
+		// Support Newspack Listings hide author/publish date options.
+		$hide_author       = apply_filters( 'newspack_listings_hide_author', false ); // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound
+		$hide_publish_date = apply_filters( 'newspack_listings_hide_publish_date', false ); // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound
+		$show_author       = $attributes['showAuthor'] && ! $hide_author;
+		$show_date         = $attributes['showDate'] && ! $hide_publish_date;
+		?>
+
+	<article data-post-id="<?php the_id(); ?>"
+		class="<?php echo esc_attr( implode( ' ', $classes ) ); ?>"
+		<?php if ( $styles ) : ?>
+		style="<?php echo esc_attr( $styles ); ?>"
+		<?php endif; ?>
+		>
+		<?php echo Newspack_Blocks::get_post_status_label(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
+		<?php if ( has_post_thumbnail() && $attributes['showImage'] && $attributes['imageShape'] ) : ?>
+			<figure class="post-thumbnail">
+				<?php if ( $post_link ) : ?>
+				<a href="<?php echo esc_url( $post_link ); ?>" rel="bookmark" tabindex="-1" aria-hidden="true">
+				<?php endif; ?>
+				<?php add_filter( 'wp_calculate_image_sizes', 'newspack_blocks_filter_hpb_sizes' ); ?>
+				<?php the_post_thumbnail( $image_size, $thumbnail_args ); ?>
+				<?php remove_filter( 'wp_calculate_image_sizes', 'newspack_blocks_filter_hpb_sizes' ); ?>
+				<?php if ( $post_link ) : ?>
+				</a>
+				<?php endif; ?>
+
+				<?php if ( $attributes['showCaption'] || $attributes['showCredit'] ) : ?>
+					<?php echo wp_kses_post( Newspack_Blocks::get_image_caption( get_post_thumbnail_id(), $attributes['showCaption'], $attributes['showCredit'] ) ); ?>
+				<?php endif; ?>
+			</figure><!-- .featured-image -->
+		<?php endif; ?>
+
+		<div class="entry-wrapper">
+			<?php
+			/**
+			 * Fires at the beginning of the entry wrapper for each article in the homepage articles block.
+			 *
+			 * @param int   $post_id    The current post ID.
+			 * @param array $attributes The block attributes array.
+			 */
+			do_action( 'newspack_blocks_content_loop_entry_wrapper_start', $post_id, $attributes );
+			?>
+			<?php if ( ! empty( $sponsors ) || ( $attributes['showCategory'] ) ) : ?>
+
+				<div class="cat-links <?php if ( ! empty( $sponsors ) ) : ?>sponsor-label<?php endif; // phpcs:ignore Squiz.ControlStructures.ControlSignature.NewlineAfterOpenBrace ?>">
+					<?php if ( ! empty( $sponsors ) ) : ?>
+						<span class="flag">
+							<?php echo esc_html( Newspack_Blocks::get_sponsor_label( $sponsors ) ); ?>
+						</span>
+						<?php
+					endif;
+
+					if ( $attributes['showCategory'] && ( empty( $sponsors ) || Newspack_Blocks::newspack_display_sponsors_and_categories( $sponsors ) ) ) :
+						echo wp_kses_post( newspack_blocks_format_categories( $post_id ) );
+					endif;
+					?>
+				</div>
+				<?php
+			endif;
+
+			if ( '' === $attributes['sectionHeader'] ) {
+				// Don't link the title if the post lacks a valid URL.
+				if ( ! $post_link ) {
+					the_title( '<h2 class="entry-title">', '</h2>' );
+				} else {
+					the_title( '<h2 class="entry-title"><a href="' . esc_url( $post_link ) . '" rel="bookmark">', '</a></h2>' );
+				}
+			} elseif ( ! $post_link ) {
+				// Don't link the title if the post lacks a valid URL.
+				the_title( '<h3 class="entry-title">', '</h3>' );
+			} else {
+				the_title( '<h3 class="entry-title"><a href="' . esc_url( $post_link ) . '" rel="bookmark">', '</a></h3>' );
+			}
+			?>
+			<?php
+			if ( $attributes['showSubtitle'] ) :
+				$subtitle = get_post_meta( $post_id, 'newspack_post_subtitle', true );
+
+				?>
+				<div class="newspack-post-subtitle newspack-post-subtitle--in-homepage-block">
+					<?php
+					$allowed_tags = array(
+						'b'      => true,
+						'strong' => true,
+						'i'      => true,
+						'em'     => true,
+						'mark'   => true,
+						'u'      => true,
+						'small'  => true,
+						'sub'    => true,
+						'sup'    => true,
+						'a'      => array(
+							'href'   => true,
+							'target' => true,
+							'rel'    => true,
+						),
+					);
+
+					echo wptexturize( wp_kses( $subtitle, $allowed_tags ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+					?>
+				</div>
+			<?php endif; ?>
+			<?php
+			/**
+			 * Fires before the main content (excerpt or full content) for each article in the homepage articles block.
+			 *
+			 * @param int   $post_id    The current post ID.
+			 * @param array $attributes The block attributes array.
+			 */
+			do_action( 'newspack_blocks_content_loop_content_start', $post_id, $attributes );
+			if ( $attributes['showExcerpt'] && ! $attributes['showFullContent'] ) :
+				the_excerpt();
+			endif;
+			if ( $attributes['showFullContent'] && ! $attributes['showExcerpt'] ) :
+				the_content();
+			endif;
+			/**
+			 * Fires after the main content (excerpt or full content) for each article in the homepage articles block.
+			 *
+			 * @param int   $post_id    The current post ID.
+			 * @param array $attributes The block attributes array.
+			 */
+			do_action( 'newspack_blocks_content_loop_content_end', $post_id, $attributes );
+
+			if ( $post_link && ! $attributes['showFullContent'] && $attributes['showReadMore'] ) :
+				?>
+				<a class="more-link" href="<?php echo esc_url( $post_link ); ?>" rel="bookmark">
+					<?php echo esc_html( $attributes['readMoreLabel'] ); ?>
+				</a>
+				<?php
+			endif;
+			if ( $show_author || $show_date || ! empty( $sponsors ) ) :
+				?>
+				<div class="entry-meta">
+					<?php
+					if ( ! empty( $sponsors ) ) :
+						$sponsor_classes = [ 'entry-sponsors' ];
+						if ( Newspack_Blocks::newspack_display_sponsors_and_authors( $sponsors ) ) {
+							$sponsor_classes[] = 'plus-author';
+						}
+						?>
+						<span class="<?php echo esc_attr( implode( ' ', $sponsor_classes ) ); ?>">
+								<?php
+								$logos = Newspack_Blocks::get_sponsor_logos( $sponsors );
+								if ( ! empty( $logos ) ) :
+									?>
+								<span class="sponsor-logos">
+									<?php
+									foreach ( $logos as $logo ) {
+										if ( '' !== $logo['url'] ) {
+											echo '<a href="' . esc_url( $logo['url'] ) . '" target="_blank">';
+										}
+										echo '<img src="' . esc_url( $logo['src'] ) . '" alt="' . esc_attr( $logo['alt'] ) . '" width="' . esc_attr( $logo['width'] ) . '" height="' . esc_attr( $logo['height'] ) . '">';
+										if ( '' !== $logo['url'] ) {
+											echo '</a>';
+										}
+									}
+									?>
+								</span>
+							<?php endif; ?>
+							<span class="byline sponsor-byline">
+								<?php
+								$bylines = Newspack_Blocks::get_sponsor_byline( $sponsors );
+								echo esc_html( $bylines[0]['byline'] ) . ' ';
+								foreach ( $bylines as $byline ) {
+									echo '<span class="author">';
+									if ( '' !== $byline['url'] ) {
+										echo '<a target="_blank" href="' . esc_url( $byline['url'] ) . '">';
+									}
+									echo esc_html( $byline['name'] );
+									if ( '' !== $byline['url'] ) {
+										echo '</a>';
+									}
+									echo '</span>' . esc_html( $byline['sep'] );
+								}
+								?>
+							</span><!-- /.sponsor-byline -->
+						</span><!-- .entry-sponsors -->
+						<?php
+					endif;
+
+					if ( $show_author && ( empty( $sponsors ) || Newspack_Blocks::newspack_display_sponsors_and_authors( $sponsors ) ) ) :
+						if ( $attributes['showAvatar'] ) :
+							echo wp_kses(
+								newspack_blocks_format_avatars( $authors ),
+								Newspack_Blocks::get_sanitized_image_attributes()
+							);
+						endif;
+						?>
+						<span class="byline">
+							<?php echo wp_kses_post( newspack_blocks_format_byline( $authors ) ); ?>
+						</span><!-- .author-name -->
+						<?php
+					endif;
+					if ( $show_date ) :
+						$time_string = '<time class="entry-date published updated" datetime="%1$s">%2$s</time>';
+						if ( get_the_time( 'U' ) < get_the_modified_time( 'U' ) ) :
+							$time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%4$s</time>';
+						endif;
+						printf(
+							wp_kses(
+								$time_string,
+								array(
+									'time' => array(
+										'class'    => true,
+										'datetime' => true,
+									),
+								)
+							),
+							esc_attr( Newspack_Blocks::get_datetime_post_date() ),
+							esc_html( Newspack_Blocks::get_formatted_displayed_post_date() ),
+							esc_attr( get_the_modified_date( DATE_W3C ) ),
+							esc_html( get_the_modified_date() )
+						);
+					endif;
+					echo Newspack_Blocks::get_article_meta_footer();  // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+					?>
+				</div><!-- .entry-meta -->
+			<?php endif; ?>
+			<?php
+			/**
+			 * Fires at the end of the entry wrapper for each article in the homepage articles block.
+			 *
+			 * @param int   $post_id    The current post ID.
+			 * @param array $attributes The block attributes array.
+			 */
+			do_action( 'newspack_blocks_content_loop_entry_wrapper_end', $post_id, $attributes );
+			?>
+		</div><!-- .entry-wrapper -->
+	</article>
+
+		<?php
+	},
+	$data // phpcs:ignore VariableAnalysis.CodeAnalysis.VariableAnalysis.UndefinedVariable
+);

package/src/blocks/homepage-articles/templates/articles-list.php

@@ -0,0 +1,21 @@
+<?php
+/**
+ * Article list template.
+ *
+ * @global WP_Query $article_query Article query.
+ * @global array    $attributes
+ * @package WordPress
+ */
+
+call_user_func(
+	function( $data ) {
+		echo Newspack_Blocks::template_inc( // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+			__DIR__ . '/articles-loop.php',
+			array(
+				'attributes'    => $data['attributes'], // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+				'article_query' => $data['article_query'], // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+			)
+		);
+	},
+	$data // phpcs:ignore VariableAnalysis.CodeAnalysis.VariableAnalysis.UndefinedVariable
+);

package/src/blocks/homepage-articles/templates/articles-loop.php

@@ -0,0 +1,35 @@
+<?php
+/**
+ * Articles loop template.
+ *
+ * @package WordPress
+ * @global \WP_Query $article_query Article query.
+ * @global array     $attributes
+ * @global array     $newspack_blocks_post_id
+ */
+
+call_user_func(
+	function( $data ) {
+		$attributes    = $data['attributes'];
+		$article_query = $data['article_query'];
+
+		global $newspack_blocks_post_id;
+		do_action( 'newspack_blocks_homepage_posts_before_render' );
+
+		Newspack_Blocks::filter_excerpt( $attributes );
+
+		while ( $article_query->have_posts() ) {
+			$article_query->the_post();
+			if ( Newspack_Blocks::should_deduplicate_block( $attributes ) ) {
+				$newspack_blocks_post_id[ get_the_ID() ] = true;
+			}
+			echo Newspack_Blocks::template_inc( __DIR__ . '/article.php', array( 'attributes' => $attributes ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+		}
+
+		Newspack_Blocks::remove_excerpt_filter();
+
+		do_action( 'newspack_blocks_homepage_posts_after_render' );
+		wp_reset_postdata();
+	},
+	$data // phpcs:ignore VariableAnalysis.CodeAnalysis.VariableAnalysis.UndefinedVariable
+);

package/src/blocks/homepage-articles/utils.ts

@@ -0,0 +1,270 @@
+/**
+ * External dependencies
+ */
+import { times, isEqual, isNull, isUndefined, pick, pickBy } from 'lodash';
+
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { dispatch as wpDataDispatch } from '@wordpress/data';
+
+import { STORE_NAMESPACE } from './store';
+
+/**
+ * Based global WP.com blog_public option, checks whether current blog is
+ * private or not.
+ */
+export const isBlogPrivate = (): boolean => typeof window === 'object' && window.wpcomGutenberg && Number( window.wpcomGutenberg.blogPublic ) === -1;
+
+/**
+ * Block attributes which influence posts query
+ */
+const POST_QUERY_ATTRIBUTES = [
+	'postsToShow',
+	'authors',
+	'categories',
+	'includeSubcategories',
+	'categoryJoinType',
+	'excerptLength',
+	'tags',
+	'customTaxonomies',
+	'showExcerpt',
+	'specificPosts',
+	'specificMode',
+	'tagExclusions',
+	'categoryExclusions',
+	'customTaxonomyExclusions',
+	'postType',
+	'includedPostStatuses',
+	'deduplicate',
+	'showCaption',
+	'showCredit',
+];
+
+/**
+ * Does the props change necessitate a reflow?
+ * A reflow should happen if:
+ * 1. Query-changing attributes of a block change
+ * 2. The top-level blocks order changes. A Homepage Articles
+ *    block might be nested somewhere.
+ */
+export const shouldReflow = ( prevProps: HomepageArticlesProps, props: HomepageArticlesProps ): boolean =>
+	! isEqual( pick( prevProps.attributes, POST_QUERY_ATTRIBUTES ), pick( props.attributes, POST_QUERY_ATTRIBUTES ) ) ||
+	! isEqual( prevProps.topBlocksClientIdsInOrder, props.topBlocksClientIdsInOrder );
+
+/**
+ * Builds query criteria from given attributes.
+ */
+export const queryCriteriaFromAttributes = ( attributes: Block[ 'attributes' ] ): PostsQuery => {
+	const {
+		postsToShow,
+		authors,
+		categories,
+		includeSubcategories,
+		categoryJoinType,
+		excerptLength,
+		postType,
+		showExcerpt,
+		showCaption,
+		showCredit,
+		tags,
+		customTaxonomies,
+		specificPosts = [],
+		specificMode,
+		tagExclusions,
+		categoryExclusions,
+		customTaxonomyExclusions,
+		includedPostStatuses,
+	} = pick( attributes, POST_QUERY_ATTRIBUTES );
+
+	const cleanPosts = sanitizePostList( specificPosts );
+	const isSpecificPostModeActive = specificMode && cleanPosts && cleanPosts.length;
+	const criteria: PostsQuery = pickBy(
+		isSpecificPostModeActive
+			? {
+					include: cleanPosts,
+					postsToShow: specificPosts.length,
+					postType,
+			  }
+			: {
+					postsToShow,
+					categories: validateAttributeCollection( categories ),
+					includeSubcategories,
+					categoryJoinType,
+					authors: validateAttributeCollection( authors ),
+					tags: validateAttributeCollection( tags ),
+					tagExclusions: validateAttributeCollection( tagExclusions ),
+					categoryExclusions: validateAttributeCollection( categoryExclusions ),
+					customTaxonomyExclusions,
+					customTaxonomies,
+					postType,
+					includedPostStatuses,
+			  },
+		( value: unknown ) => ! isUndefined( value )
+	);
+	criteria.excerptLength = excerptLength;
+	criteria.showExcerpt = showExcerpt;
+	criteria.showCaption = showCaption;
+	criteria.showCredit = showCredit;
+	return criteria;
+};
+
+export const sanitizePostList = ( postList: HomepageArticlesAttributes[ 'specificPosts' ] ) =>
+	postList.map( id => parseInt( id ) ).filter( id => id > 0 );
+
+export const validateAttributeCollection = ( attr: Array< number > ) =>
+	pickBy( attr, ( value: unknown ) => ! isUndefined( value ) && ! isNull( value ) );
+
+/**
+ * Each eligible block's attributes can be used to create a posts query.
+ * This function is recursively traversing an array of blocks and creating an aray
+ * of {postsQuery, clientId} objects.
+ * The eligible blocks are identified by block name, passed in the second argument.
+ */
+export const getBlockQueries = ( blocks: Block[], blockNames: Block[ 'name' ][] ): { postsQuery: PostsQuery; clientId: Block[ 'clientId' ] }[] =>
+	blocks.flatMap( ( block: Block ) => {
+		const homepageArticleBlocks = [];
+		if ( blockNames.indexOf( block.name ) >= 0 ) {
+			const postsQuery = queryCriteriaFromAttributes( block.attributes );
+			homepageArticleBlocks.push( { postsQuery, clientId: block.clientId } );
+		}
+		return homepageArticleBlocks.concat( getBlockQueries( block.innerBlocks, blockNames ) );
+	} );
+
+export const getEditorBlocksIds = ( blocks: Block[] ): Block[ 'clientId' ][] =>
+	blocks.flatMap( ( block: Block ) => {
+		const homepageArticleBlocks = [];
+		homepageArticleBlocks.push( block.clientId );
+		return homepageArticleBlocks.concat( getEditorBlocksIds( block.innerBlocks ) );
+	} );
+
+const PREVIEW_IMAGE_BASE = window.newspack_blocks_data.assets_path;
+const generatePreviewPost = ( id: PostId ) => {
+	const now = new Date();
+	now.setHours( 12, 0, 0, 0 );
+	return {
+		author: 1,
+		content: {
+			rendered: '<p>' + __( 'The post content.', 'newspack-blocks' ) + '</p>',
+		},
+		date: now.toISOString(),
+		date_formatted: now.toLocaleString(),
+		article_meta_footer: '',
+		excerpt: {
+			rendered: '<p>' + __( 'The post excerpt.', 'newspack-blocks' ) + '</p>',
+		},
+		full_content: __( 'Full post content.', 'newspack-blocks' ),
+		post_link: '/',
+		featured_media: '1',
+		id,
+		post_type: 'post',
+		meta: {
+			newspack_post_subtitle: __( 'Post Subtitle', 'newspack-blocks' ),
+		},
+		title: {
+			rendered: __( 'Post Title', 'newspack-blocks' ),
+		},
+		newspack_article_classes: 'type-post',
+		newspack_post_avatars: `<div style="background: #e8e8e8;width: 40px;height: 40px;display: block;overflow: hidden;border-radius: 50%; max-width: 100%; max-height: 100%;" class="avatar"></div>`,
+		newspack_post_byline: `<span class="byline">
+			<span class="author-prefix">${ __( 'by', 'newspack-blocks' ) }</span>
+			<span class="author vcard">
+				<a class="url fn n" href="/">Author Name</a>
+			</span>
+		</span>`,
+		newspack_category_info: __( 'Category', 'newspack-blocks' ),
+		newspack_featured_image_caption: __( 'Featured image caption', 'newspack-blocks' ),
+		newspack_featured_image_src: {
+			large: `${ PREVIEW_IMAGE_BASE }/placeholder-1024x536.jpg`,
+			landscape: `${ PREVIEW_IMAGE_BASE }/placeholder-800x600.jpg`,
+			portrait: `${ PREVIEW_IMAGE_BASE }/placeholder-600x800.jpg`,
+			square: `${ PREVIEW_IMAGE_BASE }/placeholder-800x800.jpg`,
+			uncropped: `${ PREVIEW_IMAGE_BASE }/placeholder-1024x536.jpg`,
+		},
+		newspack_has_custom_excerpt: false,
+		newspack_sponsors_show_categories: false,
+		newspack_sponsors_show_author: false,
+	};
+};
+
+const getPreviewPosts = ( attributes: HomepageArticlesAttributes ) => times( attributes.postsToShow, generatePreviewPost );
+
+type Select = ( namespace: string ) => {
+	// core/blocks-editor
+	getBlocks: ( clientId?: string ) => Block[];
+	// core/editor
+	getEditedPostAttribute: ( attribute: string ) => Block[];
+	// core
+	getPostTypes: ( query: object ) => null | PostType[];
+	// STORE_NAMESPACE - TODO: move these to src/blocks/homepage-articles/store.js once it's TS
+	getPosts: ( query: object ) => Post[];
+	getError: ( config: { clientId: Block[ 'clientId' ] } ) => undefined | string;
+	isUIDisabled: () => boolean;
+};
+
+/**
+ * wordpress/data selector for blocks using this custom store.
+ */
+export const postsBlockSelector = (
+	select: Select,
+	{ clientId, attributes }: { clientId: Block[ 'clientId' ]; attributes: HomepageArticlesAttributes }
+): HomepageArticlesPropsFromDataSelector => {
+	const { getBlocks } = select( 'core/block-editor' );
+	const { getEditedPostAttribute } = select( 'core/editor' );
+
+	const editorBlocks = getEditedPostAttribute( 'blocks' ) || [];
+	const allEditorBlocks = [];
+
+	for ( const block of editorBlocks ) {
+		// Get pattern blocks as well.
+		if ( block.name === 'core/block' ) {
+			allEditorBlocks.push( ...getBlocks( block.clientId ) );
+		} else {
+			allEditorBlocks.push( block );
+		}
+	}
+
+	const editorBlocksIds = getEditorBlocksIds( allEditorBlocks );
+	const blocks = getBlocks();
+	const isWidgetEditor = blocks.some( block => block.name === 'core/widget-area' );
+
+	// The block might be rendered in the block styles preview, not in the editor.
+	const isEditorBlock = editorBlocksIds.length === 0 || editorBlocksIds.indexOf( clientId ) >= 0 || isWidgetEditor;
+
+	const { getPosts, getError, isUIDisabled } = select( STORE_NAMESPACE );
+	const props = {
+		isEditorBlock,
+		isUIDisabled: isUIDisabled(),
+		error: getError( { clientId } ),
+		topBlocksClientIdsInOrder: blocks.map( block => block.clientId ),
+		latestPosts: isEditorBlock ? getPosts( { clientId } ) : getPreviewPosts( attributes ), // For block preview, display static content.
+	};
+
+	return props;
+};
+
+/**
+ * wordpress/data dispatch for blocks using this custom store.
+ */
+export const postsBlockDispatch = ( dispatch: typeof wpDataDispatch, { isEditorBlock }: { isEditorBlock: boolean } ) => {
+	return {
+		// Only editor blocks can trigger reflows.
+		// @ts-expect-error It's a string.
+		triggerReflow: isEditorBlock ? dispatch( STORE_NAMESPACE ).reflow : () => undefined,
+	};
+};
+
+// Ensure innerBlocks are populated for some blocks (e.g. `widget-area` and `post-content`).
+// See https://github.com/WordPress/gutenberg/issues/32607#issuecomment-890728216.
+// See https://github.com/Automattic/wp-calypso/issues/91839.
+export const recursivelyGetBlocks = ( getBlocks: ( clientId?: string ) => Block[], blocks: Block[] = getBlocks() ) => {
+	return blocks.map( block => {
+		let innerBlocks = block.innerBlocks.length === 0 ? getBlocks( block.clientId ) : block.innerBlocks;
+		innerBlocks = recursivelyGetBlocks( getBlocks, innerBlocks );
+		return {
+			...block,
+			innerBlocks,
+		};
+	} );
+};