@wordpress/edit-site 6.12.0 → 6.13.0

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

@@ -1,257 +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 } = useSelect(
-		( select ) => {
-			const { getEntityRecord } = select( coreDataStore );
-			const siteData = getEntityRecord( 'root', 'site' );
-			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;
-			return {
-				hasLoadedAllDependencies: !! siteData,
-				homepageId: _homepageId,
-				postsPageId: _postsPageId,
-			};
-		},
-		[]
-	);
-
-	/**
-	 * 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,
-			} = select( coreDataStore );
-
-			function resolveTemplateForPostTypeAndId(
-				postTypeToResolve,
-				postIdToResolve
-			) {
-				// For the front page, we always use the front page template if existing.
-				if (
-					postTypeToResolve === 'page' &&
-					homepageId === postIdToResolve
-				) {
-					// The /lookup endpoint cannot currently handle a lookup
-					// when a page is set as the front page, so specifically in
-					// that case, we want to check if there is a front page
-					// template, and instead of falling back to the home
-					// template, we want to fall back to the page template.
-					const templates = getEntityRecords(
-						'postType',
-						TEMPLATE_POST_TYPE,
-						{
-							per_page: -1,
-						}
-					);
-					if ( templates ) {
-						const id = templates?.find(
-							( { slug } ) => slug === 'front-page'
-						)?.id;
-						if ( id ) {
-							return id;
-						}
-
-						// If no front page template is found, continue with the
-						// logic below (fetching the page template).
-					} else {
-						// Still resolving `templates`.
-						return undefined;
-					}
-				}
-
-				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 getDefaultTemplateId( { slug: 'home' } );
-				}
-				// 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.
-			return getDefaultTemplateId( { slug: 'front-page' } );
-		},
-		[ homepageId, postsPageId, hasLoadedAllDependencies, postId, postType ]
-	);
-
-	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/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 );
-		} );
-	} );
-} );