Select starter patterns

packages/block-editor/src/components/inserter/hooks/use-patterns-state.js

@@ -13,6 +13,21 @@ import { store as noticesStore } from '@wordpress/notices';
 import { store as blockEditorStore } from '../../../store';
 import { INSERTER_PATTERN_TYPES } from '../block-patterns-tab/utils';
 
+function useStartPatterns() {
+	// A pattern is a start pattern if it includes 'core/post-content' in its blockTypes,
+	// and it has no postTypes declared and the current post type is page or if
+	// the current post type is part of the postTypes declared.
+	const { blockPatternsWithPostContentBlockType } = useSelect( ( select ) => {
+		const { getPatternsByBlockTypes } = select( blockEditorStore );
+		return {
+			blockPatternsWithPostContentBlockType:
+				getPatternsByBlockTypes( 'core/post-content' ),
+		};
+	}, [] );
+
+	return blockPatternsWithPostContentBlockType;
+}
+
 /**
  * Retrieves the block patterns inserter state.
  *
@@ -39,8 +54,34 @@ const usePatternsState = ( onInsert, rootClientId ) => {
 		[ rootClientId ]
 	);
 
+	const starterPatterns = useStartPatterns();
+
+	const newPatterns = useMemo(
+		() =>
+			patterns.map( ( pattern ) => {
+				if ( starterPatterns.includes( pattern ) ) {
+					return {
+						...pattern,
+						categories: [
+							...( pattern.categories ?? [] ),
+							'core/content',
+						],
+					};
+				}
+
+				return pattern;
+			} ),
+		[ patterns, starterPatterns ]
+	);
+
 	const allCategories = useMemo( () => {
-		const categories = [ ...patternCategories ];
+		const categories = [
+			{
+				name: 'core/content',
+				label: __( 'Starter content' ),
+			},
+			...patternCategories,
+		];
 		userPatternCategories?.forEach( ( userCategory ) => {
 			if (
 				! categories.find(
@@ -81,7 +122,7 @@ const usePatternsState = ( onInsert, rootClientId ) => {
 		[ createSuccessNotice, onInsert ]
 	);
 
-	return [ patterns, allCategories, onClickPattern ];
+	return [ newPatterns, allCategories, onClickPattern ];
 };
 
 export default usePatternsState;

packages/block-editor/src/components/inserter/menu.js

@@ -61,9 +61,9 @@ function InserterMenu(
 	const [ filterValue, setFilterValue, delayedFilterValue ] =
 		useDebouncedInput( __experimentalFilterValue );
 	const [ hoveredItem, setHoveredItem ] = useState( null );
-	const [ selectedPatternCategory, setSelectedPatternCategory ] = useState(
-		__experimentalInitialCategory
-	);
+	const [ selectedPatternCategory, setSelectedPatternCategory ] = useState( {
+		name: __experimentalInitialCategory,
+	} );
 	const [ patternFilter, setPatternFilter ] = useState( 'all' );
 	const [ selectedMediaCategory, setSelectedMediaCategory ] =
 		useState( null );

packages/block-editor/src/store/selectors.js

@@ -2391,10 +2391,23 @@ export const getPatternsByBlockTypes = createRegistrySelector( ( select ) =>
 			if ( ! blockNames ) {
 				return EMPTY_ARRAY;
 			}
-			const patterns =
-				select( STORE_NAME ).__experimentalGetAllowedPatterns(
-					rootClientId
-				);
+			let patterns;
+
+			if ( rootClientId ) {
+				patterns =
+					select( STORE_NAME ).__experimentalGetAllowedPatterns(
+						rootClientId
+					);
+			} else {
+				const {
+					getAllPatterns,
+					__experimentalGetParsedPattern: getParsedPattern,
+				} = unlock( select( STORE_NAME ) );
+				patterns = getAllPatterns()
+					.filter( ( { inserter = true } ) => !! inserter )
+					.map( ( { name } ) => getParsedPattern( name ) );
+			}
+
 			const normalizedBlockNames = Array.isArray( blockNames )
 				? blockNames
 				: [ blockNames ];
@@ -2409,7 +2422,11 @@ export const getPatternsByBlockTypes = createRegistrySelector( ( select ) =>
 			return filteredPatterns;
 		},
 		( state, blockNames, rootClientId ) =>
-			getAllowedPatternsDependants( select )( state, rootClientId )
+			! rootClientId
+				? unlock( select( STORE_NAME ) ).getAllPatterns()
+				: select( STORE_NAME ).__experimentalGetAllowedPatterns(
+						rootClientId
+				  )
 	)
 );
 

packages/editor/src/components/start-page-options/index.js

@@ -12,7 +12,7 @@ import { store as editorStore } from '../../store';
 function StartPageOptionsModal() {
 	const { setIsInserterOpened } = useDispatch( editorStore );
 	useEffect( () => {
-		setIsInserterOpened( { tab: 'patterns', category: 'all' } );
+		setIsInserterOpened( { tab: 'patterns', category: 'core/content' } );
 	}, [ setIsInserterOpened ] );
 	return null;
 }