More async parsing

packages/block-editor/src/components/copy-handler/index.js

@@ -227,7 +227,7 @@ export function useClipboardHandler() {
 						}, [] )
 						.flat();
 				} else {
-					blocks = pasteHandler( {
+					blocks = await pasteHandler( {
 						HTML: html,
 						plainText,
 						mode: 'BLOCKS',

packages/block-editor/src/components/media-placeholder/index.js

@@ -290,7 +290,7 @@ export function MediaPlaceholder( {
 	}
 
 	async function onHTMLDrop( HTML ) {
-		const blocks = pasteHandler( { HTML } );
+		const blocks = await pasteHandler( { HTML } );
 		return await handleBlocksDrop( blocks );
 	}
 

packages/block-editor/src/components/rich-text/index.native.js

@@ -379,7 +379,7 @@ function RichTextWrapper(
 	);
 
 	const onPaste = useCallback(
-		( {
+		async ( {
 			value,
 			onChange,
 			html,
@@ -412,7 +412,7 @@ function RichTextWrapper(
 			// Only process file if no HTML is present.
 			// Note: a pasted file may have the URL as plain text.
 			if ( files && files.length && ! html ) {
-				const content = pasteHandler( {
+				const content = await pasteHandler( {
 					HTML: filePasteHandler( files ),
 					mode: 'BLOCKS',
 					tagName,
@@ -463,7 +463,7 @@ function RichTextWrapper(
 				mode = 'BLOCKS';
 			}
 
-			const content = pasteHandler( {
+			const content = await pasteHandler( {
 				HTML: html,
 				plainText,
 				mode,

packages/block-editor/src/components/rich-text/use-input-rules.js

@@ -74,9 +74,7 @@ export function useInputRules( props ) {
 			 ).filter( ( { type } ) => type === 'prefix' );
 			const transformation = findTransform(
 				prefixTransforms,
-				( { prefix } ) => {
-					return trimmedTextBefore === prefix;
-				}
+				( { prefix } ) => trimmedTextBefore === prefix
 			);
 
 			if ( ! transformation ) {
@@ -95,7 +93,7 @@ export function useInputRules( props ) {
 			return true;
 		}
 
-		function onInput( event ) {
+		async function onInput( event ) {
 			const { inputType, type } = event;
 			const {
 				getValue,
@@ -109,8 +107,8 @@ export function useInputRules( props ) {
 				return;
 			}
 
-			if ( __unstableAllowPrefixTransformations && inputRule ) {
-				if ( inputRule() ) return;
+			if ( __unstableAllowPrefixTransformations ) {
+				if ( await inputRule() ) return;
 			}
 
 			const value = getValue();

packages/block-editor/src/components/rich-text/use-paste-handler.js

@@ -232,7 +232,7 @@ export function usePasteHandler( props ) {
 				mode = 'BLOCKS';
 			}
 
-			const content = pasteHandler( {
+			const content = await pasteHandler( {
 				HTML: html,
 				plainText,
 				mode,

packages/block-editor/src/components/use-on-block-drop/index.js

@@ -186,8 +186,8 @@ export function onHTMLDrop(
 	targetBlockIndex,
 	insertOrReplaceBlocks
 ) {
-	return ( HTML ) => {
-		const blocks = pasteHandler( { HTML, mode: 'BLOCKS' } );
+	return async ( HTML ) => {
+		const blocks = await pasteHandler( { HTML, mode: 'BLOCKS' } );
 
 		if ( blocks.length ) {
 			insertOrReplaceBlocks( blocks );

packages/blocks/src/api/raw-handling/get-raw-transforms.js

@@ -4,7 +4,7 @@
 import { getBlockTransforms } from '../factory';
 
 export async function getRawTransforms() {
-	const transforms = getBlockTransforms( 'from' );
+	const transforms = await getBlockTransforms( 'from' );
 	return transforms
 		.filter( ( { type } ) => type === 'raw' )
 		.map( ( transform ) => {

packages/blocks/src/api/raw-handling/index.js

@@ -35,15 +35,15 @@ export function deprecatedGetPhrasingContentSchema( context ) {
  *
  * @return {Array} A list of blocks.
  */
-export function rawHandler( { HTML = '' } ) {
+export async function rawHandler( { HTML = '' } ) {
 	// If we detect block delimiters, parse entirely as blocks.
 	if ( HTML.indexOf( '<!-- wp:' ) !== -1 ) {
 		return parse( HTML );
 	}
 
 	// An array of HTML strings and block objects. The blocks replace matched
 	// shortcodes.
-	const pieces = shortcodeConverter( HTML );
+	const pieces = await shortcodeConverter( HTML );
 	const blockContentSchema = getBlockContentSchema();
 
 	return pieces

packages/blocks/src/api/raw-handling/paste-handler.js

@@ -81,7 +81,7 @@ function filterInlineHTML( HTML, preserveWhiteSpace ) {
  *
  * @return {Array|string} A list of blocks or a string, depending on `handlerMode`.
  */
-export function pasteHandler( {
+export async function pasteHandler( {
 	HTML = '',
 	plainText = '',
 	mode = 'AUTO',
@@ -106,7 +106,7 @@ export function pasteHandler( {
 		const content = HTML ? HTML : plainText;
 
 		if ( content.indexOf( '<!-- wp:' ) !== -1 ) {
-			return parse( content );
+			return await parse( content );
 		}
 	}
 
@@ -156,7 +156,7 @@ export function pasteHandler( {
 
 	// An array of HTML strings and block objects. The blocks replace matched
 	// shortcodes.
-	const pieces = shortcodeConverter( HTML );
+	const pieces = await shortcodeConverter( HTML );
 
 	// The call to shortcodeConverter will always return more than one element
 	// if shortcodes are matched. The reason is when shortcodes are matched

packages/blocks/src/api/raw-handling/shortcode-converter.js

@@ -14,19 +14,19 @@ import { applyBuiltInValidationFixes } from '../parser/apply-built-in-validation
 const castArray = ( maybeArray ) =>
 	Array.isArray( maybeArray ) ? maybeArray : [ maybeArray ];
 
-function segmentHTMLToShortcodeBlock(
+async function segmentHTMLToShortcodeBlock(
 	HTML,
 	lastIndex = 0,
 	excludedBlockNames = []
 ) {
 	// Get all matches.
-	const transformsFrom = getBlockTransforms( 'from' );
+	const transformsFrom = await getBlockTransforms( 'from' );
 
 	const transformation = findTransform(
 		transformsFrom,
 		( transform ) =>
-			excludedBlockNames.indexOf( transform.blockName ) === -1 &&
 			transform.type === 'shortcode' &&
+			! excludedBlockNames.includes( transform.blockName ) &&
 			castArray( transform.tag ).some( ( tag ) =>
 				regexp( tag ).test( HTML )
 			)
@@ -60,7 +60,7 @@ function segmentHTMLToShortcodeBlock(
 				/^\s*(\n|<\/p>)/.test( afterHTML )
 			)
 		) {
-			return segmentHTMLToShortcodeBlock( HTML, lastIndex );
+			return await segmentHTMLToShortcodeBlock( HTML, lastIndex );
 		}
 
 		// If a transformation's `isMatch` predicate fails for the inbound
@@ -75,7 +75,7 @@ function segmentHTMLToShortcodeBlock(
 			transformation.isMatch &&
 			! transformation.isMatch( match.shortcode.attrs )
 		) {
-			return segmentHTMLToShortcodeBlock( HTML, previousIndex, [
+			return await segmentHTMLToShortcodeBlock( HTML, previousIndex, [
 				...excludedBlockNames,
 				transformation.blockName,
 			] );
@@ -143,9 +143,9 @@ function segmentHTMLToShortcodeBlock(
 		}
 
 		return [
-			...segmentHTMLToShortcodeBlock( beforeHTML ),
+			...( await segmentHTMLToShortcodeBlock( beforeHTML ) ),
 			...blocks,
-			...segmentHTMLToShortcodeBlock( afterHTML ),
+			...( await segmentHTMLToShortcodeBlock( afterHTML ) ),
 		];
 	}