@wordpress/block-library 6.0.1-next.253d9b6e21.0 → 6.0.3

package/src/image/test/edit.native.js

@@ -1,65 +1,250 @@
 /**
  * External dependencies
  */
-import renderer from 'react-test-renderer';
+import { act, fireEvent, initializeEditor, getEditorHtml } from 'test/helpers';
+import { Image } from 'react-native';
+
+/**
+ * WordPress dependencies
+ */
+import { getBlockTypes, unregisterBlockType } from '@wordpress/blocks';
+import { apiFetch } from '@wordpress/data-controls';
 
 /**
  * Internal dependencies
  */
-import { ImageEdit } from '../edit';
-import { NEW_TAB_REL } from '../constants';
+import { registerCoreBlocks } from '../..';
+
+jest.mock( '@wordpress/data-controls', () => {
+	const dataControls = jest.requireActual( '@wordpress/data-controls' );
+	return {
+		...dataControls,
+		apiFetch: jest.fn(),
+	};
+} );
 
-const getStylesFromColorScheme = () => {
-	return { color: 'white' };
-};
+const apiFetchPromise = Promise.resolve( {} );
+apiFetch.mockImplementation( () => apiFetchPromise );
 
-const setAttributes = jest.fn();
+beforeAll( () => {
+	registerCoreBlocks();
+
+	// Mock Image.getSize to avoid failed attempt to size non-existant image
+	const getSizeSpy = jest.spyOn( Image, 'getSize' );
+	getSizeSpy.mockImplementation( ( _url, callback ) => callback( 300, 200 ) );
+} );
+
+afterAll( () => {
+	getBlockTypes().forEach( ( { name } ) => {
+		unregisterBlockType( name );
+	} );
 
-const getImageComponent = ( attributes = {} ) => (
-	<ImageEdit
-		setAttributes={ setAttributes }
-		attributes={ attributes }
-		getStylesFromColorScheme={ getStylesFromColorScheme }
-	/>
-);
+	// Restore mocks
+	Image.getSize.mockRestore();
+} );
 
 describe( 'Image Block', () => {
-	beforeEach( () => {
-		setAttributes.mockReset();
+	it( 'sets link to None', async () => {
+		const initialHtml = `
+		<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"media","className":"is-style-default"} -->
+		<figure class="wp-block-image size-large is-style-default">
+			<a href="https://cldup.com/cXyG__fTLN.jpg">
+				<img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/>
+			</a>
+		<figcaption>Mountain</figcaption></figure>
+		<!-- /wp:image -->`;
+		const screen = await initializeEditor( { initialHtml } );
+		// We must await the image fetch via `getMedia`
+		await act( () => apiFetchPromise );
+
+		fireEvent.press( screen.getByA11yLabel( /Image Block/ ) );
+		// Awaiting navigation event seemingly required due to React Navigation bug
+		// https://git.io/Ju35Z
+		await act( () =>
+			fireEvent.press( screen.getByA11yLabel( 'Open Settings' ) )
+		);
+		fireEvent.press( screen.getByText( 'Media File' ) );
+		fireEvent.press( screen.getByText( 'None' ) );
+
+		const expectedHtml = `<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} -->
+<figure class="wp-block-image size-large is-style-default"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/><figcaption>Mountain</figcaption></figure>
+<!-- /wp:image -->`;
+		expect( getEditorHtml() ).toBe( expectedHtml );
+	} );
+
+	it( 'sets link to Media File', async () => {
+		const initialHtml = `
+		<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} -->
+		<figure class="wp-block-image size-large is-style-default">
+			<img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/>
+		<figcaption>Mountain</figcaption></figure>
+		<!-- /wp:image -->`;
+		const screen = await initializeEditor( { initialHtml } );
+		// We must await the image fetch via `getMedia`
+		await act( () => apiFetchPromise );
+
+		fireEvent.press( screen.getByA11yLabel( /Image Block/ ) );
+		// Awaiting navigation event seemingly required due to React Navigation bug
+		// https://git.io/Ju35Z
+		await act( () =>
+			fireEvent.press( screen.getByA11yLabel( 'Open Settings' ) )
+		);
+		fireEvent.press( screen.getByText( 'None' ) );
+		fireEvent.press( screen.getByText( 'Media File' ) );
+
+		const expectedHtml = `<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"media","className":"is-style-default"} -->
+<figure class="wp-block-image size-large is-style-default"><a href="https://cldup.com/cXyG__fTLN.jpg"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/></a><figcaption>Mountain</figcaption></figure>
+<!-- /wp:image -->`;
+		expect( getEditorHtml() ).toBe( expectedHtml );
 	} );
 
-	it( 'renders without crashing', () => {
-		const component = renderer.create( getImageComponent() );
-		const rendered = component.toJSON();
-		expect( rendered ).toBeTruthy();
+	it( 'sets link to Custom URL', async () => {
+		const initialHtml = `
+		<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} -->
+		<figure class="wp-block-image size-large is-style-default">
+			<img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/>
+		<figcaption>Mountain</figcaption></figure>
+		<!-- /wp:image -->`;
+		const screen = await initializeEditor( { initialHtml } );
+		// We must await the image fetch via `getMedia`
+		await act( () => apiFetchPromise );
+
+		fireEvent.press( screen.getByA11yLabel( /Image Block/ ) );
+		// Awaiting navigation event seemingly required due to React Navigation bug
+		// https://git.io/Ju35Z
+		await act( () =>
+			fireEvent.press( screen.getByA11yLabel( 'Open Settings' ) )
+		);
+		fireEvent.press( screen.getByText( 'None' ) );
+		fireEvent.press( screen.getByText( 'Custom URL' ) );
+		fireEvent.changeText(
+			screen.getByPlaceholderText( 'Search or type URL' ),
+			'wordpress.org'
+		);
+		fireEvent.press( screen.getByA11yLabel( 'Apply' ) );
+
+		const expectedHtml = `<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"custom","className":"is-style-default"} -->
+<figure class="wp-block-image size-large is-style-default"><a href="http://wordpress.org"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/></a><figcaption>Mountain</figcaption></figure>
+<!-- /wp:image -->`;
+		expect( getEditorHtml() ).toBe( expectedHtml );
 	} );
 
-	it( 'sets link target', () => {
-		const component = renderer.create( getImageComponent() );
-		const instance = component.getInstance();
+	it( 'swaps the link between destinations', async () => {
+		const initialHtml = `
+		<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} -->
+		<figure class="wp-block-image size-large is-style-default">
+			<img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/>
+		<figcaption>Mountain</figcaption></figure>
+		<!-- /wp:image -->`;
+		const screen = await initializeEditor( { initialHtml } );
+		// We must await the image fetch via `getMedia`
+		await act( () => apiFetchPromise );
 
-		instance.onSetNewTab( true );
+		fireEvent.press( screen.getByA11yLabel( /Image Block/ ) );
+		// Awaiting navigation event seemingly required due to React Navigation bug
+		// https://git.io/Ju35Z
+		await act( () =>
+			fireEvent.press( screen.getByA11yLabel( 'Open Settings' ) )
+		);
+		fireEvent.press( screen.getByText( 'None' ) );
+		fireEvent.press( screen.getByText( 'Media File' ) );
+		fireEvent.press( screen.getByText( 'Custom URL' ) );
+		fireEvent.changeText(
+			screen.getByPlaceholderText( 'Search or type URL' ),
+			'wordpress.org'
+		);
+		fireEvent.press( screen.getByA11yLabel( 'Apply' ) );
+		fireEvent.press( screen.getByText( 'Custom URL' ) );
+		fireEvent.press( screen.getByText( 'Media File' ) );
 
-		expect( setAttributes ).toHaveBeenCalledWith( {
-			linkTarget: '_blank',
-			rel: undefined,
-		} );
+		const expectedHtml = `<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"media","className":"is-style-default"} -->
+<figure class="wp-block-image size-large is-style-default"><a href="https://cldup.com/cXyG__fTLN.jpg"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/></a><figcaption>Mountain</figcaption></figure>
+<!-- /wp:image -->`;
+		expect( getEditorHtml() ).toBe( expectedHtml );
 	} );
 
-	it( 'unset link target', () => {
-		const component = renderer.create(
-			getImageComponent( {
-				linkTarget: '_blank',
-				rel: NEW_TAB_REL.join( ' ' ),
-			} )
+	it( 'does not display the Link To URL within the Custom URL input when set to Media File and query parameters are present', async () => {
+		const initialHtml = `
+		<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"media","className":"is-style-default"} -->
+		<figure class="wp-block-image size-large is-style-default">
+			<a href="https://cldup.com/cXyG__fTLN.jpg">
+				<img src="https://cldup.com/cXyG__fTLN.jpg?w=683" alt="" class="wp-image-1"/>
+			</a>
+		<figcaption>Mountain</figcaption></figure>
+		<!-- /wp:image -->`;
+		const screen = await initializeEditor( { initialHtml } );
+		// We must await the image fetch via `getMedia`
+		await act( () => apiFetchPromise );
+
+		fireEvent.press( screen.getByA11yLabel( /Image Block/ ) );
+		// Awaiting navigation event seemingly required due to React Navigation bug
+		// https://git.io/Ju35Z
+		await act( () =>
+			fireEvent.press( screen.getByA11yLabel( 'Open Settings' ) )
 		);
-		const instance = component.getInstance();
+		fireEvent.press( screen.getByText( 'Media File' ) );
+
+		expect( screen.queryByA11yLabel( /https:\/\/cldup\.com/ ) ).toBeNull();
+	} );
+
+	it( 'sets link target', async () => {
+		const initialHtml = `
+		<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"custom","className":"is-style-default"} -->
+		<figure class="wp-block-image size-large is-style-default">
+			<a href="https://wordpress.org">
+				<img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/>
+			</a>
+		<figcaption>Mountain</figcaption></figure>
+		<!-- /wp:image -->`;
+		const screen = await initializeEditor( { initialHtml } );
+		// We must await the image fetch via `getMedia`
+		await act( () => apiFetchPromise );
+
+		const imageBlock = screen.getByA11yLabel( /Image Block/ );
+		fireEvent.press( imageBlock );
+
+		const settingsButton = screen.getByA11yLabel( 'Open Settings' );
+		// Awaiting navigation event seemingly required due to React Navigation bug
+		// https://git.io/Ju35Z
+		await act( () => fireEvent.press( settingsButton ) );
+
+		const linkTargetButton = screen.getByText( 'Open in new tab' );
+		fireEvent.press( linkTargetButton );
+
+		const expectedHtml = `<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"custom","className":"is-style-default"} -->
+<figure class="wp-block-image size-large is-style-default"><a href="https://wordpress.org" target="_blank" rel="noreferrer noopener"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/></a><figcaption>Mountain</figcaption></figure>
+<!-- /wp:image -->`;
+		expect( getEditorHtml() ).toBe( expectedHtml );
+	} );
+
+	it( 'unset link target', async () => {
+		const initialHtml = `
+		<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"custom","className":"is-style-default"} -->
+		<figure class="wp-block-image size-large is-style-default">
+			<a href="https://wordpress.org" target="_blank" rel="noreferrer noopener">
+				<img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/>
+			</a>
+			<figcaption>Mountain</figcaption>
+		</figure>
+		<!-- /wp:image -->`;
+		const screen = await initializeEditor( { initialHtml } );
+		// We must await the image fetch via `getMedia`
+		await act( () => apiFetchPromise );
+
+		const imageBlock = screen.getByA11yLabel( /Image Block/ );
+		fireEvent.press( imageBlock );
+
+		const settingsButton = screen.getByA11yLabel( 'Open Settings' );
+		// Awaiting navigation event seemingly required due to React Navigation bug
+		// https://git.io/Ju35Z
+		await act( () => fireEvent.press( settingsButton ) );
 
-		instance.onSetNewTab( false );
+		const linkTargetButton = screen.getByText( 'Open in new tab' );
+		fireEvent.press( linkTargetButton );
 
-		expect( setAttributes ).toHaveBeenCalledWith( {
-			linkTarget: undefined,
-			rel: undefined,
-		} );
+		const expectedHtml = `<!-- wp:image {"id":1,"sizeSlug":"large","linkDestination":"custom","className":"is-style-default"} -->
+<figure class="wp-block-image size-large is-style-default"><a href="https://wordpress.org"><img src="https://cldup.com/cXyG__fTLN.jpg" alt="" class="wp-image-1"/></a><figcaption>Mountain</figcaption></figure>
+<!-- /wp:image -->`;
+		expect( getEditorHtml() ).toBe( expectedHtml );
 	} );
 } );

package/src/image/transforms.js

@@ -1,8 +1,16 @@
+/**
+ * External dependencies
+ */
+import { every } from 'lodash';
+
 /**
  * WordPress dependencies
  */
 import { createBlobURL } from '@wordpress/blob';
 import { createBlock, getBlockAttributes } from '@wordpress/blocks';
+import { dispatch } from '@wordpress/data';
+import { store as noticesStore } from '@wordpress/notices';
+import { __ } from '@wordpress/i18n';
 
 export function stripFirstImage( attributes, { shortcode } ) {
 	const { body } = document.implementation.createHTMLDocument( '' );
@@ -123,21 +131,40 @@ const transforms = {
 			},
 		},
 		{
+			// Note: when dragging and dropping multiple files onto a gallery this overrides the
+			// gallery transform in order to add new images to the gallery instead of
+			// creating a new gallery.
 			type: 'files',
 			isMatch( files ) {
-				return (
-					files.length === 1 &&
-					files[ 0 ].type.indexOf( 'image/' ) === 0
+				// The following check is intended to catch non-image files when dropped together with images.
+				if (
+					files.some(
+						( file ) => file.type.indexOf( 'image/' ) === 0
+					) &&
+					files.some(
+						( file ) => file.type.indexOf( 'image/' ) !== 0
+					)
+				) {
+					const { createErrorNotice } = dispatch( noticesStore );
+					createErrorNotice(
+						__(
+							'If uploading to a gallery all files need to be image formats'
+						),
+						{ id: 'gallery-transform-invalid-file' }
+					);
+				}
+				return every(
+					files,
+					( file ) => file.type.indexOf( 'image/' ) === 0
 				);
 			},
 			transform( files ) {
-				const file = files[ 0 ];
-				// We don't need to upload the media directly here
-				// It's already done as part of the `componentDidMount`
-				// int the image block
-				return createBlock( 'core/image', {
-					url: createBlobURL( file ),
+				const blocks = files.map( ( file ) => {
+					return createBlock( 'core/image', {
+						url: createBlobURL( file ),
+					} );
 				} );
+				return blocks;
 			},
 		},
 		{

package/src/image/utils.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { isEmpty, each } from 'lodash';
+import { isEmpty, each, get } from 'lodash';
 
 /**
  * Internal dependencies
@@ -56,3 +56,19 @@ export function getUpdatedLinkTargetSettings( value, { rel } ) {
 		rel: updatedRel,
 	};
 }
+
+/**
+ * Determines new Image block attributes size selection.
+ *
+ * @param {Object} image Media file object for gallery image.
+ * @param {string} size  Selected size slug to apply.
+ */
+export function getImageSizeAttributes( image, size ) {
+	const url = get( image, [ 'media_details', 'sizes', size, 'source_url' ] );
+
+	if ( url ) {
+		return { url, width: undefined, height: undefined, sizeSlug: size };
+	}
+
+	return {};
+}

package/src/index.js

@@ -12,84 +12,90 @@ import {
 /**
  * Internal dependencies
  */
-import * as paragraph from './paragraph';
-import * as image from './image';
-import * as heading from './heading';
-import * as quote from './quote';
-import * as gallery from './gallery';
 import * as archives from './archives';
 import * as audio from './audio';
-import * as buttons from './buttons';
 import * as button from './button';
+import * as buttons from './buttons';
 import * as calendar from './calendar';
 import * as categories from './categories';
+import * as classic from './freeform';
 import * as code from './code';
-import * as columns from './columns';
 import * as column from './column';
+import * as columns from './columns';
+import * as commentAuthorAvatar from './comment-author-avatar';
+import * as commentAuthorName from './comment-author-name';
+import * as commentContent from './comment-content';
+import * as commentDate from './comment-date';
+import * as commentEditLink from './comment-edit-link';
+import * as commentReplyLink from './comment-reply-link';
+import * as commentTemplate from './comment-template';
+import * as commentsQueryLoop from './comments-query-loop';
 import * as cover from './cover';
 import * as embed from './embed';
 import * as file from './file';
-import * as html from './html';
-import * as mediaText from './media-text';
-import * as navigation from './navigation';
-import * as navigationLink from './navigation-link';
+import * as gallery from './gallery';
+import * as group from './group';
+import * as heading from './heading';
 import * as homeLink from './home-link';
+import * as html from './html';
+import * as image from './image';
 import * as latestComments from './latest-comments';
 import * as latestPosts from './latest-posts';
-import * as logInOut from './loginout';
 import * as list from './list';
+import * as logInOut from './loginout';
+import * as mediaText from './media-text';
 import * as missing from './missing';
 import * as more from './more';
+import * as navigation from './navigation';
+import * as navigationArea from './navigation-area';
+import * as navigationLink from './navigation-link';
+import * as navigationSubmenu from './navigation-submenu';
 import * as nextpage from './nextpage';
+import * as pattern from './pattern';
 import * as pageList from './page-list';
+import * as paragraph from './paragraph';
+import * as postAuthor from './post-author';
+import * as postComment from './post-comment';
+import * as postComments from './post-comments';
+import * as postCommentsCount from './post-comments-count';
+import * as postCommentsForm from './post-comments-form';
+import * as postCommentsLink from './post-comments-link';
+import * as postContent from './post-content';
+import * as postDate from './post-date';
+import * as postExcerpt from './post-excerpt';
+import * as postFeaturedImage from './post-featured-image';
+import * as postNavigationLink from './post-navigation-link';
+import * as postTemplate from './post-template';
+import * as postTerms from './post-terms';
+import * as postTitle from './post-title';
 import * as preformatted from './preformatted';
 import * as pullquote from './pullquote';
+import * as query from './query';
+import * as queryPagination from './query-pagination';
+import * as queryPaginationNext from './query-pagination-next';
+import * as queryPaginationNumbers from './query-pagination-numbers';
+import * as queryPaginationPrevious from './query-pagination-previous';
+import * as queryTitle from './query-title';
+import * as quote from './quote';
 import * as reusableBlock from './block';
 import * as rss from './rss';
 import * as search from './search';
-import * as group from './group';
 import * as separator from './separator';
 import * as shortcode from './shortcode';
+import * as siteLogo from './site-logo';
+import * as siteTagline from './site-tagline';
+import * as siteTitle from './site-title';
+import * as socialLink from './social-link';
+import * as socialLinks from './social-links';
 import * as spacer from './spacer';
 import * as table from './table';
 // import * as tableOfContents from './table-of-contents';
-import * as textColumns from './text-columns';
-import * as verse from './verse';
-import * as video from './video';
 import * as tagCloud from './tag-cloud';
-import * as classic from './freeform';
-import * as socialLinks from './social-links';
-import * as socialLink from './social-link';
-
-// Full Site Editing Blocks
-import * as siteLogo from './site-logo';
-import * as siteTagline from './site-tagline';
-import * as siteTitle from './site-title';
 import * as templatePart from './template-part';
-import * as query from './query';
-import * as postTemplate from './post-template';
-import * as queryTitle from './query-title';
-import * as queryPagination from './query-pagination';
-import * as queryPaginationNext from './query-pagination-next';
-import * as queryPaginationNumbers from './query-pagination-numbers';
-import * as queryPaginationPrevious from './query-pagination-previous';
-import * as postNavigationLink from './post-navigation-link';
-import * as postTitle from './post-title';
-import * as postContent from './post-content';
-import * as postAuthor from './post-author';
-import * as postComment from './post-comment';
-import * as postCommentAuthor from './post-comment-author';
-import * as postCommentContent from './post-comment-content';
-import * as postCommentDate from './post-comment-date';
-import * as postComments from './post-comments';
-import * as postCommentsCount from './post-comments-count';
-import * as postCommentsForm from './post-comments-form';
-import * as postCommentsLink from './post-comments-link';
-import * as postDate from './post-date';
-import * as postExcerpt from './post-excerpt';
-import * as postFeaturedImage from './post-featured-image';
-import * as postTerms from './post-terms';
 import * as termDescription from './term-description';
+import * as textColumns from './text-columns';
+import * as verse from './verse';
+import * as video from './video';
 
 /**
  * Function to register an individual block.
@@ -126,66 +132,71 @@ export const __experimentalGetCoreBlocks = () => [
 	quote,
 
 	// Register all remaining core blocks.
-	shortcode,
 	archives,
 	audio,
 	button,
 	buttons,
 	calendar,
 	categories,
+	window.wp && window.wp.oldEditor ? classic : null, // Only add the classic block in WP Context
 	code,
-	columns,
 	column,
+	columns,
 	cover,
 	embed,
 	file,
 	group,
-	window.wp && window.wp.oldEditor ? classic : null, // Only add the classic block in WP Context
 	html,
-	mediaText,
 	latestComments,
 	latestPosts,
+	logInOut,
+	mediaText,
 	missing,
 	more,
+	navigation,
+	navigationArea,
+	navigationLink,
+	navigationSubmenu,
 	nextpage,
 	pageList,
+	pattern,
+	postAuthor,
+	postComments,
+	postContent,
+	postDate,
+	postExcerpt,
+	postFeaturedImage,
+	postNavigationLink,
+	postTemplate,
+	postTerms,
+	postTitle,
 	preformatted,
 	pullquote,
+	query,
+	queryPagination,
+	queryPaginationNext,
+	queryPaginationNumbers,
+	queryPaginationPrevious,
+	queryTitle,
+	reusableBlock,
 	rss,
 	search,
 	separator,
-	reusableBlock,
-	socialLinks,
+	shortcode,
+	siteLogo,
+	siteTagline,
+	siteTitle,
 	socialLink,
+	socialLinks,
 	spacer,
 	table,
 	// tableOfContents,
 	tagCloud,
+	templatePart,
+	termDescription,
 	textColumns,
 	verse,
 	video,
-
-	// Theme blocks
-	siteLogo,
-	siteTagline,
-	siteTitle,
-
-	query,
-	postTemplate,
-	queryTitle,
-	queryPagination,
-	queryPaginationNext,
-	queryPaginationNumbers,
-	queryPaginationPrevious,
-
-	postTitle,
-	postContent,
-	postDate,
-	postExcerpt,
-	postFeaturedImage,
-	postTerms,
-
-	logInOut,
 ];
 
 /**
@@ -228,25 +239,24 @@ export const __experimentalRegisterExperimentalCoreBlocks =
 	process.env.GUTENBERG_PHASE === 2
 		? ( { enableFSEBlocks } = {} ) => {
 				[
-					navigation,
-					navigationLink,
+					// Experimental blocks.
 					homeLink,
 
-					// Register Full Site Editing Blocks.
+					// Full Site Editing blocks.
 					...( enableFSEBlocks
 						? [
-								templatePart,
-								postAuthor,
+								commentAuthorAvatar,
+								commentAuthorName,
+								commentContent,
+								commentDate,
+								commentEditLink,
+								commentReplyLink,
+								commentTemplate,
+								commentsQueryLoop,
 								postComment,
-								postCommentAuthor,
-								postCommentContent,
-								postCommentDate,
-								postComments,
 								postCommentsCount,
 								postCommentsForm,
 								postCommentsLink,
-								postNavigationLink,
-								termDescription,
 						  ]
 						: [] ),
 				].forEach( registerBlock );

package/src/index.native.js

@@ -124,7 +124,7 @@ export const coreBlocks = [
  * @param {Object} block The block to be registered.
  *
  */
-const registerBlock = ( block ) => {
+export const registerBlock = ( block ) => {
 	if ( ! block ) {
 		return;
 	}