insert-block.ts

/**
 * Internal dependencies
 */
import type { Editor } from './index';

interface BlockRepresentation {
	name: string;
	attributes?: Object;
	innerBlocks?: BlockRepresentation[];
}

/**
 * Insert a block.
 *
 * @param this
 * @param blockRepresentation Inserted block representation.
 */
async function insertBlock(
	this: Editor,
	blockRepresentation: BlockRepresentation
) {
	await this.page.waitForFunction(
		() => window?.wp?.blocks && window?.wp?.data
	);

	await this.page.evaluate( ( _blockRepresentation ) => {
		function recursiveCreateBlock( {
			name,
			attributes = {},
			innerBlocks = [],
		}: BlockRepresentation ): Object {
			return window.wp.blocks.createBlock(
				name,
				attributes,
				innerBlocks.map( ( innerBlock ) =>
					recursiveCreateBlock( innerBlock )
				)
			);
		}
		const block = recursiveCreateBlock( _blockRepresentation );

		window.wp.data.dispatch( 'core/block-editor' ).insertBlock( block );
	}, blockRepresentation );
}

export type { BlockRepresentation };
export { insertBlock };