@wordpress/edit-site 6.11.0 → 6.12.1-next.082ed6819.0

package/src/components/sync-state-with-url/use-init-edited-entity-from-url.js

@@ -1,267 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useEffect, useMemo } from '@wordpress/element';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as coreDataStore } from '@wordpress/core-data';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
-import { unlock } from '../../lock-unlock';
-import {
-	TEMPLATE_POST_TYPE,
-	TEMPLATE_PART_POST_TYPE,
-	NAVIGATION_POST_TYPE,
-	PATTERN_TYPES,
-} from '../../utils/constants';
-
-const { useLocation } = unlock( routerPrivateApis );
-
-const postTypesWithoutParentTemplate = [
-	TEMPLATE_POST_TYPE,
-	TEMPLATE_PART_POST_TYPE,
-	NAVIGATION_POST_TYPE,
-	PATTERN_TYPES.user,
-];
-
-const authorizedPostTypes = [ 'page', 'post' ];
-
-function useResolveEditedEntityAndContext( { postId, postType } ) {
-	const {
-		hasLoadedAllDependencies,
-		homepageId,
-		postsPageId,
-		url,
-		frontPageTemplateId,
-	} = useSelect( ( select ) => {
-		const { getEntityRecord, getEntityRecords } = select( coreDataStore );
-		const siteData = getEntityRecord( 'root', 'site' );
-		const base = getEntityRecord( 'root', '__unstableBase' );
-		const templates = getEntityRecords( 'postType', TEMPLATE_POST_TYPE, {
-			per_page: -1,
-		} );
-		const _homepageId =
-			siteData?.show_on_front === 'page' &&
-			[ 'number', 'string' ].includes( typeof siteData.page_on_front ) &&
-			!! +siteData.page_on_front // We also need to check if it's not zero(`0`).
-				? siteData.page_on_front.toString()
-				: null;
-		const _postsPageId =
-			siteData?.show_on_front === 'page' &&
-			[ 'number', 'string' ].includes( typeof siteData.page_for_posts )
-				? siteData.page_for_posts.toString()
-				: null;
-		let _frontPageTemplateId;
-		if ( templates ) {
-			const frontPageTemplate = templates.find(
-				( t ) => t.slug === 'front-page'
-			);
-			_frontPageTemplateId = frontPageTemplate
-				? frontPageTemplate.id
-				: false;
-		}
-		return {
-			hasLoadedAllDependencies: !! base && !! siteData,
-			homepageId: _homepageId,
-			postsPageId: _postsPageId,
-			url: base?.home,
-			frontPageTemplateId: _frontPageTemplateId,
-		};
-	}, [] );
-
-	/**
-	 * This is a hook that recreates the logic to resolve a template for a given WordPress postID postTypeId
-	 * in order to match the frontend as closely as possible in the site editor.
-	 *
-	 * It is not possible to rely on the server logic because there maybe unsaved changes that impact the template resolution.
-	 */
-	const resolvedTemplateId = useSelect(
-		( select ) => {
-			// If we're rendering a post type that doesn't have a template
-			// no need to resolve its template.
-			if (
-				postTypesWithoutParentTemplate.includes( postType ) &&
-				postId
-			) {
-				return undefined;
-			}
-
-			// Don't trigger resolution for multi-selected posts.
-			if ( postId && postId.includes( ',' ) ) {
-				return undefined;
-			}
-
-			const {
-				getEditedEntityRecord,
-				getEntityRecords,
-				getDefaultTemplateId,
-				__experimentalGetTemplateForLink,
-			} = select( coreDataStore );
-
-			function resolveTemplateForPostTypeAndId(
-				postTypeToResolve,
-				postIdToResolve
-			) {
-				// For the front page, we always use the front page template if existing.
-				if (
-					postTypeToResolve === 'page' &&
-					homepageId === postIdToResolve
-				) {
-					// We're still checking whether the front page template exists.
-					// Don't resolve the template yet.
-					if ( frontPageTemplateId === undefined ) {
-						return undefined;
-					}
-
-					if ( !! frontPageTemplateId ) {
-						return frontPageTemplateId;
-					}
-				}
-
-				const editedEntity = getEditedEntityRecord(
-					'postType',
-					postTypeToResolve,
-					postIdToResolve
-				);
-				if ( ! editedEntity ) {
-					return undefined;
-				}
-				// Check if the current page is the posts page.
-				if (
-					postTypeToResolve === 'page' &&
-					postsPageId === postIdToResolve
-				) {
-					return __experimentalGetTemplateForLink( editedEntity.link )
-						?.id;
-				}
-				// First see if the post/page has an assigned template and fetch it.
-				const currentTemplateSlug = editedEntity.template;
-				if ( currentTemplateSlug ) {
-					const currentTemplate = getEntityRecords(
-						'postType',
-						TEMPLATE_POST_TYPE,
-						{
-							per_page: -1,
-						}
-					)?.find( ( { slug } ) => slug === currentTemplateSlug );
-					if ( currentTemplate ) {
-						return currentTemplate.id;
-					}
-				}
-				// If no template is assigned, use the default template.
-				let slugToCheck;
-				// In `draft` status we might not have a slug available, so we use the `single`
-				// post type templates slug(ex page, single-post, single-product etc..).
-				// Pages do not need the `single` prefix in the slug to be prioritized
-				// through template hierarchy.
-				if ( editedEntity.slug ) {
-					slugToCheck =
-						postTypeToResolve === 'page'
-							? `${ postTypeToResolve }-${ editedEntity.slug }`
-							: `single-${ postTypeToResolve }-${ editedEntity.slug }`;
-				} else {
-					slugToCheck =
-						postTypeToResolve === 'page'
-							? 'page'
-							: `single-${ postTypeToResolve }`;
-				}
-				return getDefaultTemplateId( {
-					slug: slugToCheck,
-				} );
-			}
-
-			if ( ! hasLoadedAllDependencies ) {
-				return undefined;
-			}
-
-			// If we're rendering a specific page, we need to resolve its template.
-			// The site editor only supports pages for now, not other CPTs.
-			if (
-				postType &&
-				postId &&
-				authorizedPostTypes.includes( postType )
-			) {
-				return resolveTemplateForPostTypeAndId( postType, postId );
-			}
-
-			// If we're rendering the home page, and we have a static home page, resolve its template.
-			if ( homepageId ) {
-				return resolveTemplateForPostTypeAndId( 'page', homepageId );
-			}
-
-			// If we're not rendering a specific page, use the front page template.
-			if ( url ) {
-				const template = __experimentalGetTemplateForLink( url );
-				return template?.id;
-			}
-		},
-		[
-			homepageId,
-			postsPageId,
-			hasLoadedAllDependencies,
-			url,
-			postId,
-			postType,
-			frontPageTemplateId,
-		]
-	);
-
-	const context = useMemo( () => {
-		if ( postTypesWithoutParentTemplate.includes( postType ) && postId ) {
-			return {};
-		}
-
-		if ( postType && postId && authorizedPostTypes.includes( postType ) ) {
-			return { postType, postId };
-		}
-		// TODO: for post types lists we should probably not render the front page, but maybe a placeholder
-		// with a message like "Select a page" or something similar.
-		if ( homepageId ) {
-			return { postType: 'page', postId: homepageId };
-		}
-
-		return {};
-	}, [ homepageId, postType, postId ] );
-
-	if ( postTypesWithoutParentTemplate.includes( postType ) && postId ) {
-		return { isReady: true, postType, postId, context };
-	}
-
-	if ( hasLoadedAllDependencies ) {
-		return {
-			isReady: resolvedTemplateId !== undefined,
-			postType: TEMPLATE_POST_TYPE,
-			postId: resolvedTemplateId,
-			context,
-		};
-	}
-
-	return { isReady: false };
-}
-
-export default function useInitEditedEntityFromURL() {
-	const { params = {} } = useLocation();
-	const { postType, postId, context, isReady } =
-		useResolveEditedEntityAndContext( params );
-
-	const { setEditedEntity } = useDispatch( editSiteStore );
-	const { resetZoomLevel } = unlock( useDispatch( blockEditorStore ) );
-
-	useEffect( () => {
-		if ( isReady ) {
-			resetZoomLevel();
-			setEditedEntity( postType, postId, context );
-		}
-	}, [
-		isReady,
-		postType,
-		postId,
-		context,
-		setEditedEntity,
-		resetZoomLevel,
-	] );
-}

package/src/components/use-edited-entity-record/index.js

@@ -1,58 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-import { store as editorStore } from '@wordpress/editor';
-import { decodeEntities } from '@wordpress/html-entities';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
-
-export default function useEditedEntityRecord( postType, postId ) {
-	const { record, title, description, isLoaded, icon } = useSelect(
-		( select ) => {
-			const { getEditedPostType, getEditedPostId } =
-				select( editSiteStore );
-			const { getEditedEntityRecord, hasFinishedResolution } =
-				select( coreStore );
-			const { __experimentalGetTemplateInfo: getTemplateInfo } =
-				select( editorStore );
-			const usedPostType = postType ?? getEditedPostType();
-			const usedPostId = postId ?? getEditedPostId();
-			const _record = getEditedEntityRecord(
-				'postType',
-				usedPostType,
-				usedPostId
-			);
-			const _isLoaded =
-				usedPostId &&
-				hasFinishedResolution( 'getEditedEntityRecord', [
-					'postType',
-					usedPostType,
-					usedPostId,
-				] );
-			const templateInfo = getTemplateInfo( _record );
-
-			return {
-				record: _record,
-				title: templateInfo.title,
-				description: templateInfo.description,
-				isLoaded: _isLoaded,
-				icon: templateInfo.icon,
-			};
-		},
-		[ postType, postId ]
-	);
-
-	return {
-		isLoaded,
-		icon,
-		record,
-		getTitle: () => ( title ? decodeEntities( title ) : null ),
-		getDescription: () =>
-			description ? decodeEntities( description ) : null,
-	};
-}

package/src/hooks/commands/use-edit-mode-commands.js

@@ -1,168 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import { __, sprintf, isRTL } from '@wordpress/i18n';
-import { trash, rotateLeft, rotateRight, layout, page } from '@wordpress/icons';
-import { useCommandLoader } from '@wordpress/commands';
-import { decodeEntities } from '@wordpress/html-entities';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { store as editorStore } from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
-import useEditedEntityRecord from '../../components/use-edited-entity-record';
-import isTemplateRemovable from '../../utils/is-template-removable';
-import isTemplateRevertable from '../../utils/is-template-revertable';
-import { unlock } from '../../lock-unlock';
-import { TEMPLATE_POST_TYPE } from '../../utils/constants';
-import { useLink } from '../../components/routes/link';
-
-const { useHistory, useLocation } = unlock( routerPrivateApis );
-
-function usePageContentFocusCommands() {
-	const { record: template } = useEditedEntityRecord();
-	const { params } = useLocation();
-	const { canvas = 'view' } = params;
-	const { isPage, templateId, currentPostType } = useSelect( ( select ) => {
-		const { isPage: _isPage } = unlock( select( editSiteStore ) );
-		const { getCurrentPostType, getCurrentTemplateId } =
-			select( editorStore );
-		return {
-			isPage: _isPage(),
-			templateId: getCurrentTemplateId(),
-			currentPostType: getCurrentPostType(),
-		};
-	}, [] );
-
-	const { onClick: editTemplate } = useLink( {
-		postType: 'wp_template',
-		postId: templateId,
-	} );
-
-	const { setRenderingMode } = useDispatch( editorStore );
-
-	if ( ! isPage || canvas !== 'edit' ) {
-		return { isLoading: false, commands: [] };
-	}
-
-	const commands = [];
-
-	if ( currentPostType !== 'wp_template' ) {
-		commands.push( {
-			name: 'core/switch-to-template-focus',
-			label: sprintf(
-				/* translators: %s: template title */
-				__( 'Edit template: %s' ),
-				decodeEntities( template.title )
-			),
-			icon: layout,
-			callback: ( { close } ) => {
-				editTemplate();
-				close();
-			},
-		} );
-	} else {
-		commands.push( {
-			name: 'core/switch-to-page-focus',
-			label: __( 'Back to page' ),
-			icon: page,
-			callback: ( { close } ) => {
-				setRenderingMode( 'template-locked' );
-				close();
-			},
-		} );
-	}
-
-	return { isLoading: false, commands };
-}
-
-function useManipulateDocumentCommands() {
-	const { isLoaded, record: template } = useEditedEntityRecord();
-	const { removeTemplate, revertTemplate } = useDispatch( editSiteStore );
-	const history = useHistory();
-	const isEditingPage = useSelect(
-		( select ) =>
-			select( editSiteStore ).isPage() &&
-			select( editorStore ).getCurrentPostType() !== 'wp_template',
-		[]
-	);
-
-	if ( ! isLoaded ) {
-		return { isLoading: true, commands: [] };
-	}
-
-	const commands = [];
-
-	if ( isTemplateRevertable( template ) && ! isEditingPage ) {
-		const label =
-			template.type === TEMPLATE_POST_TYPE
-				? sprintf(
-						/* translators: %s: template title */
-						__( 'Reset template: %s' ),
-						decodeEntities( template.title )
-				  )
-				: sprintf(
-						/* translators: %s: template part title */
-						__( 'Reset template part: %s' ),
-						decodeEntities( template.title )
-				  );
-		commands.push( {
-			name: 'core/reset-template',
-			label,
-			icon: isRTL() ? rotateRight : rotateLeft,
-			callback: ( { close } ) => {
-				revertTemplate( template );
-				close();
-			},
-		} );
-	}
-
-	if ( isTemplateRemovable( template ) && ! isEditingPage ) {
-		const label =
-			template.type === TEMPLATE_POST_TYPE
-				? sprintf(
-						/* translators: %s: template title */
-						__( 'Delete template: %s' ),
-						decodeEntities( template.title )
-				  )
-				: sprintf(
-						/* translators: %s: template part title */
-						__( 'Delete template part: %s' ),
-						decodeEntities( template.title )
-				  );
-		commands.push( {
-			name: 'core/remove-template',
-			label,
-			icon: trash,
-			callback: ( { close } ) => {
-				removeTemplate( template );
-				// Navigate to the template list
-				history.push( {
-					postType: template.type,
-				} );
-				close();
-			},
-		} );
-	}
-
-	return {
-		isLoading: ! isLoaded,
-		commands,
-	};
-}
-
-export function useEditModeCommands() {
-	useCommandLoader( {
-		name: 'core/edit-site/page-content-focus',
-		hook: usePageContentFocusCommands,
-		context: 'entity-edit',
-	} );
-
-	useCommandLoader( {
-		name: 'core/edit-site/manipulate-document',
-		hook: useManipulateDocumentCommands,
-	} );
-}

package/src/store/test/actions.js

@@ -1,83 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { store as coreStore } from '@wordpress/core-data';
-import { createRegistry } from '@wordpress/data';
-import { store as noticesStore } from '@wordpress/notices';
-import { store as preferencesStore } from '@wordpress/preferences';
-import {
-	store as editorStore,
-	privateApis as editorPrivateApis,
-} from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '..';
-import { unlock } from '../../lock-unlock';
-
-const { interfaceStore } = unlock( editorPrivateApis );
-
-function createRegistryWithStores() {
-	// create a registry
-	const registry = createRegistry();
-
-	// register stores
-	registry.register( editorStore );
-	registry.register( blockEditorStore );
-	registry.register( coreStore );
-	registry.register( editSiteStore );
-	registry.register( interfaceStore );
-	registry.register( noticesStore );
-	registry.register( preferencesStore );
-
-	return registry;
-}
-
-describe( 'actions', () => {
-	describe( 'toggleFeature', () => {
-		it( 'should toggle a feature flag', () => {
-			const registry = createRegistryWithStores();
-
-			// Should start as undefined.
-			expect(
-				registry
-					.select( preferencesStore )
-					.get( 'core/edit-site', 'name' )
-			).toBe( undefined );
-
-			// Toggle on.
-			registry.dispatch( editSiteStore ).toggleFeature( 'name' );
-			expect(
-				registry
-					.select( preferencesStore )
-					.get( 'core/edit-site', 'name' )
-			).toBe( true );
-
-			// Toggle off again.
-			registry.dispatch( editSiteStore ).toggleFeature( 'name' );
-			expect(
-				registry
-					.select( preferencesStore )
-					.get( 'core/edit-site', 'name' )
-			).toBe( false );
-
-			// Expect a deprecation warning.
-			expect( console ).toHaveWarned();
-		} );
-	} );
-
-	describe( 'setTemplatePart', () => {
-		it( 'should set template part', () => {
-			const registry = createRegistryWithStores();
-
-			const ID = 1;
-			registry.dispatch( editSiteStore ).setTemplatePart( ID );
-
-			const select = registry.select( editSiteStore );
-			expect( select.getEditedPostId() ).toBe( ID );
-			expect( select.getEditedPostType() ).toBe( 'wp_template_part' );
-		} );
-	} );
-} );

package/src/store/test/reducer.js

@@ -1,69 +0,0 @@
-/**
- * External dependencies
- */
-import deepFreeze from 'deep-freeze';
-
-/**
- * Internal dependencies
- */
-import { settings, editedPost } from '../reducer';
-
-describe( 'state', () => {
-	describe( 'settings()', () => {
-		it( 'should apply default state', () => {
-			expect( settings( undefined, {} ) ).toEqual( {} );
-		} );
-
-		it( 'should default to returning the same state', () => {
-			const state = {};
-			expect( settings( state, {} ) ).toBe( state );
-		} );
-
-		it( 'should update settings with a shallow merge', () => {
-			expect(
-				settings(
-					deepFreeze( {
-						setting: { key: 'value' },
-						otherSetting: 'value',
-					} ),
-					{
-						type: 'UPDATE_SETTINGS',
-						settings: { setting: { newKey: 'newValue' } },
-					}
-				)
-			).toEqual( {
-				setting: { newKey: 'newValue' },
-				otherSetting: 'value',
-			} );
-		} );
-	} );
-
-	describe( 'editedPost()', () => {
-		it( 'should apply default state', () => {
-			expect( editedPost( undefined, {} ) ).toEqual( {} );
-		} );
-
-		it( 'should default to returning the same state', () => {
-			const state = [];
-			expect( editedPost( state, {} ) ).toBe( state );
-		} );
-
-		it( 'should update when a template is set', () => {
-			expect(
-				editedPost(
-					{ id: 1, type: 'wp_template' },
-					{
-						type: 'SET_EDITED_POST',
-						postType: 'wp_template',
-						id: 2,
-						context: { templateSlug: 'slug' },
-					}
-				)
-			).toEqual( {
-				postType: 'wp_template',
-				id: 2,
-				context: { templateSlug: 'slug' },
-			} );
-		} );
-	} );
-} );

package/src/store/test/selectors.js

@@ -1,41 +0,0 @@
-/**
- * Internal dependencies
- */
-import { getEditedPostType, getEditedPostId, isPage } from '../selectors';
-
-describe( 'selectors', () => {
-	describe( 'getEditedPostId', () => {
-		it( 'returns the template ID', () => {
-			const state = { editedPost: { id: 10 } };
-			expect( getEditedPostId( state ) ).toBe( 10 );
-		} );
-	} );
-
-	describe( 'getEditedPostType', () => {
-		it( 'returns the template type', () => {
-			const state = { editedPost: { postType: 'wp_template' } };
-			expect( getEditedPostType( state ) ).toBe( 'wp_template' );
-		} );
-	} );
-
-	describe( 'isPage', () => {
-		it( 'returns true if the edited post type is a page', () => {
-			const state = {
-				editedPost: {
-					postType: 'wp_template',
-					context: { postType: 'page', postId: 123 },
-				},
-			};
-			expect( isPage( state ) ).toBe( true );
-		} );
-
-		it( 'returns false if the edited post type is a template', () => {
-			const state = {
-				editedPost: {
-					postType: 'wp_template',
-				},
-			};
-			expect( isPage( state ) ).toBe( false );
-		} );
-	} );
-} );