add post type content support check for zoom out availability

WordPress · Oct 30, 2024 · 1a09e97 · 1a09e97
1 parent b95553f
commit 1a09e97
Show file tree

Hide file tree

Showing 4 changed files with 62 additions and 10 deletions.
diff --git a/docs/reference-guides/data/data-core-editor.md b/docs/reference-guides/data/data-core-editor.md
@@ -555,6 +555,18 @@ _Returns_
 
 -   `string|undefined`: The post type label if available, otherwise undefined.
 
+### getPostTypeSupports
+
+Returns a post type support object on the current post
+
+_Parameters_
+
+-   _state_ `Object`: Global application state.
+
+_Returns_
+
+-   `Object`: The post type supports object.
+
 ### getPreviousBlockClientId
 
 _Related_

diff --git a/lib/init.php b/lib/init.php
@@ -57,3 +57,27 @@ function gutenberg_menu() {
 	);
 }
 add_action( 'admin_menu', 'gutenberg_menu', 9 );
+
+
+/**
+ * This should be implemented in core as a default
+ * post type feature.
+ *
+ */
+if ( ! function_exists( 'add_content_support' ) ) {
+	/**
+	 * Add the 'content' support to core content post types.
+	 *
+	 * @since 6.8.0
+	 */
+	function add_content_support() {
+		global $wp_post_types;
+
+		foreach ( array_keys( $wp_post_types ) as $post_type ) {
+			if ( in_array( $post_type, array( 'post', 'page', 'wp_template' ), true ) ) {
+				add_post_type_support( $post_type, 'content' );
+			}
+		}
+	}
+	add_action( 'init', 'add_content_support' );
+}
diff --git a/packages/editor/src/components/header/index.js b/packages/editor/src/components/header/index.js
@@ -54,7 +54,7 @@ function Header( {
 	const isLargeViewport = useViewportMatch( 'medium' );
 	const isTooNarrowForDocumentBar = useMediaQuery( '(max-width: 403px)' );
 	const {
-		postType,
+		postTypeContentSupport,
 		isTextEditor,
 		isPublishSidebarOpened,
 		showIconLabels,
@@ -66,12 +66,13 @@ function Header( {
 		const {
 			getEditorMode,
 			getEditorSettings,
-			getCurrentPostType,
 			isPublishSidebarOpened: _isPublishSidebarOpened,
+			getPostTypeSupports,
 		} = select( editorStore );
 
 		return {
-			postType: getCurrentPostType(),
+			postTypeContentSupport:
+				getPostTypeSupports().hasOwnProperty( 'content' ),
 			isTextEditor: getEditorMode() === 'text',
 			isPublishSidebarOpened: _isPublishSidebarOpened(),
 			showIconLabels: getPreference( 'core', 'showIconLabels' ),
@@ -83,10 +84,6 @@ function Header( {
 		};
 	}, [] );
 
-	const canBeZoomedOut = [ 'post', 'page', 'wp_template' ].includes(
-		postType
-	);
-
 	const [ isBlockToolsCollapsed, setIsBlockToolsCollapsed ] =
 		useState( true );
 
@@ -149,9 +146,11 @@ function Header( {
 					<PostSavedState forceIsDirty={ forceIsDirty } />
 				) }
 
-				{ canBeZoomedOut && isEditorIframed && isWideViewport && (
-					<ZoomOutToggle disabled={ forceDisableBlockTools } />
-				) }
+				{ postTypeContentSupport &&
+					isEditorIframed &&
+					isWideViewport && (
+						<ZoomOutToggle disabled={ forceDisableBlockTools } />
+					) }
 
 				<PreviewDropdown
 					forceIsAutosaveable={ forceIsDirty }

diff --git a/packages/editor/src/store/selectors.js b/packages/editor/src/store/selectors.js
@@ -1814,6 +1814,23 @@ export const getPostTypeLabel = createRegistrySelector(
 	}
 );
 
+/**
+ * Returns a post type support object on the current post
+ *
+ * @param {Object} state Global application state.
+ *
+ * @return {Object} The post type supports object.
+ */
+export const getPostTypeSupports = createRegistrySelector(
+	( select ) => ( state ) => {
+		const currentPostType = getCurrentPostType( state );
+		const postType = select( coreStore ).getPostType( currentPostType );
+		// Disable reason: Post type labels object is shaped like this.
+		// eslint-disable-next-line camelcase
+		return postType?.supports ?? {};
+	}
+);
+
 /**
  * Returns true if the publish sidebar is opened.
  *