Add use-block-editor-settings native version

packages/editor/src/components/provider/use-block-editor-settings.js

@@ -38,19 +38,18 @@ function useBlockEditorSettings( settings, hasTemplate ) {
 		const { canUserUseUnfilteredHTML, isPostTitleSelected } = select(
 			editorStore
 		);
+		const isWeb = Platform.OS === 'web';
 		const { canUser } = select( coreStore );
 
 		return {
 			canUseUnfilteredHTML: canUserUseUnfilteredHTML(),
-			reusableBlocks: select( coreStore ).getEntityRecords(
-				'postType',
-				'wp_block',
-				/**
-				 * Unbounded queries are not supported on native so as a workaround, we set per_page with the maximum value that native version can handle.
-				 * Related issue: https://github.com/wordpress-mobile/gutenberg-mobile/issues/2661
-				 */
-				{ per_page: Platform.select( { web: -1, native: 10 } ) }
-			),
+			reusableBlocks: isWeb
+				? select( coreStore ).getEntityRecords(
+						'postType',
+						'wp_block',
+						{ per_page: -1 }
+				  )
+				: [], // Reusable blocks are fetched in the native version of this hook.
 			hasUploadPermissions: defaultTo(
 				canUser( 'create', 'media' ),
 				true

packages/editor/src/components/provider/use-block-editor-settings.native.js

@@ -0,0 +1,42 @@
+/**
+ * WordPress dependencies
+ */
+import { useMemo } from '@wordpress/element';
+import { useSelect } from '@wordpress/data';
+import { store as coreStore } from '@wordpress/core-data';
+
+/**
+ * Internal dependencies
+ */
+import useBlockEditorSettings from './use-block-editor-settings.js';
+
+function useNativeBlockEditorSettings( settings, hasTemplate ) {
+	const capabilities = settings.capabilities ?? {};
+	const editorSettings = useBlockEditorSettings( settings, hasTemplate );
+
+	const supportReusableBlock = capabilities.reusableBlock === true;
+	const { reusableBlocks } = useSelect(
+		( select ) => ( {
+			reusableBlocks: supportReusableBlock
+				? select( coreStore ).getEntityRecords(
+						'postType',
+						'wp_block',
+						// Unbounded queries are not supported on native so as a workaround, we set per_page with the maximum value that native version can handle.
+						// Related issue: https://github.com/wordpress-mobile/gutenberg-mobile/issues/2661
+						{ per_page: 100 }
+				  )
+				: [],
+		} ),
+		[ supportReusableBlock ]
+	);
+
+	return useMemo(
+		() => ( {
+			...editorSettings,
+			__experimentalReusableBlocks: reusableBlocks,
+		} ),
+		[ reusableBlocks ]
+	);
+}
+
+export default useNativeBlockEditorSettings;