@wordpress/reusable-blocks 3.0.3 → 3.0.7

package/src/store/controls.js

@@ -1,160 +0,0 @@
-/**
- * External dependencies
- */
-import { isFunction } from 'lodash';
-
-/**
- * WordPress dependencies
- */
-import {
-	isReusableBlock,
-	createBlock,
-	parse,
-	serialize,
-} from '@wordpress/blocks';
-import { createRegistryControl } from '@wordpress/data';
-import { __ } from '@wordpress/i18n';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { store as reusableBlocksStore } from './index.js';
-
-/**
- * Convert a reusable block to a static block effect handler
- *
- * @param {string} clientId Block ID.
- * @return {Object} control descriptor.
- */
-export function convertBlockToStatic( clientId ) {
-	return {
-		type: 'CONVERT_BLOCK_TO_STATIC',
-		clientId,
-	};
-}
-
-/**
- * Convert a static block to a reusable block effect handler
- *
- * @param {Array}  clientIds Block IDs.
- * @param {string} title     Reusable block title.
- * @return {Object} control descriptor.
- */
-export function convertBlocksToReusable( clientIds, title ) {
-	return {
-		type: 'CONVERT_BLOCKS_TO_REUSABLE',
-		clientIds,
-		title,
-	};
-}
-
-/**
- * Deletes a reusable block.
- *
- * @param {string} id Reusable block ID.
- * @return {Object} control descriptor.
- */
-export function deleteReusableBlock( id ) {
-	return {
-		type: 'DELETE_REUSABLE_BLOCK',
-		id,
-	};
-}
-
-const controls = {
-	CONVERT_BLOCK_TO_STATIC: createRegistryControl(
-		( registry ) => ( { clientId } ) => {
-			const oldBlock = registry
-				.select( blockEditorStore )
-				.getBlock( clientId );
-			const reusableBlock = registry
-				.select( 'core' )
-				.getEditedEntityRecord(
-					'postType',
-					'wp_block',
-					oldBlock.attributes.ref
-				);
-
-			const newBlocks = parse(
-				isFunction( reusableBlock.content )
-					? reusableBlock.content( reusableBlock )
-					: reusableBlock.content
-			);
-			registry
-				.dispatch( blockEditorStore )
-				.replaceBlocks( oldBlock.clientId, newBlocks );
-		}
-	),
-
-	CONVERT_BLOCKS_TO_REUSABLE: createRegistryControl(
-		( registry ) =>
-			async function ( { clientIds, title } ) {
-				const reusableBlock = {
-					title: title || __( 'Untitled Reusable block' ),
-					content: serialize(
-						registry
-							.select( blockEditorStore )
-							.getBlocksByClientId( clientIds )
-					),
-					status: 'publish',
-				};
-
-				const updatedRecord = await registry
-					.dispatch( 'core' )
-					.saveEntityRecord( 'postType', 'wp_block', reusableBlock );
-
-				const newBlock = createBlock( 'core/block', {
-					ref: updatedRecord.id,
-				} );
-				registry
-					.dispatch( blockEditorStore )
-					.replaceBlocks( clientIds, newBlock );
-				registry
-					.dispatch( reusableBlocksStore )
-					.__experimentalSetEditingReusableBlock(
-						newBlock.clientId,
-						true
-					);
-			}
-	),
-
-	DELETE_REUSABLE_BLOCK: createRegistryControl(
-		( registry ) =>
-			async function ( { id } ) {
-				const reusableBlock = registry
-					.select( 'core' )
-					.getEditedEntityRecord( 'postType', 'wp_block', id );
-
-				// Don't allow a reusable block with a temporary ID to be deleted
-				if ( ! reusableBlock ) {
-					return;
-				}
-
-				// Remove any other blocks that reference this reusable block
-				const allBlocks = registry
-					.select( blockEditorStore )
-					.getBlocks();
-				const associatedBlocks = allBlocks.filter(
-					( block ) =>
-						isReusableBlock( block ) && block.attributes.ref === id
-				);
-				const associatedBlockClientIds = associatedBlocks.map(
-					( block ) => block.clientId
-				);
-
-				// Remove the parsed block.
-				if ( associatedBlockClientIds.length ) {
-					registry
-						.dispatch( blockEditorStore )
-						.removeBlocks( associatedBlockClientIds );
-				}
-
-				await registry
-					.dispatch( 'core' )
-					.deleteEntityRecord( 'postType', 'wp_block', id );
-			}
-	),
-};
-
-export default controls;

package/src/store/test/controls.js

@@ -1,195 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	registerBlockType,
-	unregisterBlockType,
-	createBlock,
-} from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import controls from '../controls';
-
-const {
-	CONVERT_BLOCK_TO_STATIC,
-	CONVERT_BLOCKS_TO_REUSABLE,
-	DELETE_REUSABLE_BLOCK,
-} = controls;
-
-describe( 'reusable blocks effects', () => {
-	beforeAll( () => {
-		registerBlockType( 'core/test-block', {
-			title: 'Test block',
-			category: 'text',
-			save: () => null,
-			attributes: {
-				name: { type: 'string' },
-			},
-		} );
-
-		registerBlockType( 'core/block', {
-			title: 'Reusable block',
-			category: 'text',
-			save: () => null,
-			attributes: {
-				ref: { type: 'string' },
-			},
-		} );
-	} );
-
-	afterAll( () => {
-		unregisterBlockType( 'core/test-block' );
-		unregisterBlockType( 'core/block' );
-	} );
-
-	describe( 'CONVERT_BLOCKS_TO_REUSABLE', () => {
-		it( 'should convert a static block into a reusable block', async () => {
-			const staticBlock = createBlock( 'core/test-block', {
-				name: 'Big Bird',
-			} );
-			const saveEntityRecord = jest.fn( () => ( { id: 456 } ) );
-			const replaceBlocks = jest.fn();
-			const __experimentalSetEditingReusableBlock = jest.fn();
-			const getBlocksByClientId = jest.fn( () => [ staticBlock ] );
-			const registry = {
-				select: jest.fn( () => ( {
-					getBlocksByClientId,
-				} ) ),
-				dispatch: jest.fn( () => ( {
-					saveEntityRecord,
-					replaceBlocks,
-					__experimentalSetEditingReusableBlock,
-				} ) ),
-			};
-
-			await CONVERT_BLOCKS_TO_REUSABLE( registry )( {
-				clientIds: [ staticBlock.clientId ],
-			} );
-
-			expect( saveEntityRecord ).toHaveBeenCalledWith(
-				'postType',
-				'wp_block',
-				expect.objectContaining( {
-					content: '<!-- wp:test-block {"name":"Big Bird"} /-->',
-					status: 'publish',
-					title: 'Untitled Reusable block',
-				} )
-			);
-			expect( replaceBlocks ).toHaveBeenCalledWith(
-				[ staticBlock.clientId ],
-				expect.objectContaining( {
-					attributes: expect.objectContaining( { ref: 456 } ),
-					isValid: true,
-					name: 'core/block',
-				} )
-			);
-			expect( __experimentalSetEditingReusableBlock ).toHaveBeenCalled();
-		} );
-
-		describe( 'CONVERT_BLOCK_TO_STATIC', () => {
-			it( 'should convert a reusable block into a static block', async () => {
-				const associatedBlock = createBlock( 'core/block', {
-					ref: 123,
-				} );
-				const reusableBlock = {
-					id: 123,
-					title: 'My cool block',
-					content:
-						'<!-- wp:test-block {"name":"Big Bird"} --><!-- wp:test-block {"name":"Oscar the Grouch"} /--><!-- wp:test-block {"name":"Cookie Monster"} /--><!-- /wp:test-block -->',
-				};
-				const replaceBlocks = jest.fn();
-				const getBlock = jest.fn( () => associatedBlock );
-				const getEditedEntityRecord = jest.fn( () => reusableBlock );
-				const registry = {
-					select: jest.fn( () => ( {
-						getBlock,
-						getEditedEntityRecord,
-					} ) ),
-					dispatch: jest.fn( () => ( {
-						replaceBlocks,
-					} ) ),
-				};
-
-				CONVERT_BLOCK_TO_STATIC( registry )( {
-					clientId: associatedBlock.clientId,
-				} );
-
-				expect( replaceBlocks ).toHaveBeenCalledWith(
-					associatedBlock.clientId,
-					[
-						expect.objectContaining( {
-							name: 'core/test-block',
-							attributes: { name: 'Big Bird' },
-							innerBlocks: [
-								expect.objectContaining( {
-									attributes: { name: 'Oscar the Grouch' },
-								} ),
-								expect.objectContaining( {
-									attributes: { name: 'Cookie Monster' },
-								} ),
-							],
-						} ),
-					]
-				);
-			} );
-		} );
-
-		describe( 'DELETE_REUSABLE_BLOCK', () => {
-			it( 'should delete a reusable block and remove all its instances from the store', async () => {
-				const associatedBlock = createBlock( 'core/block', {
-					ref: 123,
-				} );
-				const reusableBlock = {
-					id: 123,
-				};
-				const availableBlocks = [
-					createBlock( 'core/block' ),
-					createBlock( 'core/block', {
-						ref: 123,
-					} ),
-					createBlock( 'core/block', {
-						ref: 456,
-					} ),
-					createBlock( 'core/block', {
-						ref: 123,
-					} ),
-					createBlock( 'core/test-block', {
-						ref: 123,
-					} ),
-				];
-				const removeBlocks = jest.fn();
-				const deleteEntityRecord = jest.fn();
-				const getBlock = jest.fn( () => associatedBlock );
-				const getBlocks = jest.fn( () => availableBlocks );
-				const getEditedEntityRecord = jest.fn( () => reusableBlock );
-				const registry = {
-					select: jest.fn( () => ( {
-						getBlock,
-						getBlocks,
-						getEditedEntityRecord,
-					} ) ),
-					dispatch: jest.fn( () => ( {
-						removeBlocks,
-						deleteEntityRecord,
-					} ) ),
-				};
-
-				DELETE_REUSABLE_BLOCK( registry )( {
-					id: reusableBlock.id,
-				} );
-
-				expect( deleteEntityRecord ).toHaveBeenCalledWith(
-					'postType',
-					'wp_block',
-					123
-				);
-				expect( removeBlocks ).toHaveBeenCalledWith( [
-					availableBlocks[ 1 ].clientId,
-					availableBlocks[ 3 ].clientId,
-				] );
-			} );
-		} );
-	} );
-} );