@wordpress/edit-site 3.0.15 → 3.0.16

package/src/plugins/index.js

@@ -1,21 +1,13 @@
-/**
- * External dependencies
- */
-import downloadjs from 'downloadjs';
-
 /**
  * WordPress dependencies
  */
-import { MenuItem } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
 import { registerPlugin } from '@wordpress/plugins';
-import apiFetch from '@wordpress/api-fetch';
-import { download } from '@wordpress/icons';
 
 /**
  * Internal dependencies
  */
 import ToolsMoreMenuGroup from '../components/header/tools-more-menu-group';
+import SiteExport from './site-export';
 import WelcomeGuideMenuItem from './welcome-guide-menu-item';
 
 registerPlugin( 'edit-site', {
@@ -23,29 +15,7 @@ registerPlugin( 'edit-site', {
 		return (
 			<>
 				<ToolsMoreMenuGroup>
-					<MenuItem
-						role="menuitem"
-						icon={ download }
-						onClick={ () =>
-							apiFetch( {
-								path: '/wp-block-editor/v1/export',
-								parse: false,
-							} )
-								.then( ( res ) => res.blob() )
-								.then( ( blob ) =>
-									downloadjs(
-										blob,
-										'edit-site-export.zip',
-										'application/zip'
-									)
-								)
-						}
-						info={ __(
-							'Download your templates and template parts.'
-						) }
-					>
-						{ __( 'Export' ) }
-					</MenuItem>
+					<SiteExport />
 					<WelcomeGuideMenuItem />
 				</ToolsMoreMenuGroup>
 			</>

package/src/plugins/site-export.js

@@ -0,0 +1,48 @@
+/**
+ * External dependencies
+ */
+import downloadjs from 'downloadjs';
+
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { MenuItem } from '@wordpress/components';
+import apiFetch from '@wordpress/api-fetch';
+import { download } from '@wordpress/icons';
+import { useDispatch } from '@wordpress/data';
+import { store as noticesStore } from '@wordpress/notices';
+
+export default function SiteExport() {
+	const { createErrorNotice } = useDispatch( noticesStore );
+
+	async function handleExport() {
+		try {
+			const response = await apiFetch( {
+				path: '/wp-block-editor/v1/export',
+				parse: false,
+			} );
+			const blob = await response.blob();
+
+			downloadjs( blob, 'edit-site-export.zip', 'application/zip' );
+		} catch ( error ) {
+			const errorMessage =
+				error.message && error.code !== 'unknown_error'
+					? error.message
+					: __( 'An error occurred while creating the site export.' );
+
+			createErrorNotice( errorMessage, { type: 'snackbar' } );
+		}
+	}
+
+	return (
+		<MenuItem
+			role="menuitem"
+			icon={ download }
+			onClick={ handleExport }
+			info={ __( 'Download your templates and template parts.' ) }
+		>
+			{ __( 'Export' ) }
+		</MenuItem>
+	);
+}

package/src/plugins/welcome-guide-menu-item.js

@@ -2,9 +2,8 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { useDispatch, useSelect } from '@wordpress/data';
+import { useDispatch } from '@wordpress/data';
 import { MenuItem } from '@wordpress/components';
-import { store as interfaceStore } from '@wordpress/interface';
 
 /**
  * Internal dependencies
@@ -13,22 +12,9 @@ import { store as editSiteStore } from '../store';
 
 export default function WelcomeGuideMenuItem() {
 	const { toggleFeature } = useDispatch( editSiteStore );
-	const isStylesOpen = useSelect( ( select ) => {
-		const sidebar = select( interfaceStore ).getActiveComplementaryArea(
-			editSiteStore.name
-		);
-
-		return sidebar === 'edit-site/global-styles';
-	}, [] );
 
 	return (
-		<MenuItem
-			onClick={ () =>
-				toggleFeature(
-					isStylesOpen ? 'welcomeGuideStyles' : 'welcomeGuide'
-				)
-			}
-		>
+		<MenuItem onClick={ () => toggleFeature( 'welcomeGuide' ) }>
 			{ __( 'Welcome Guide' ) }
 		</MenuItem>
 	);

package/src/store/actions.js

@@ -172,20 +172,6 @@ export function setTemplatePart( templatePartId ) {
 	};
 }
 
-/**
- * Returns an action object used to push a template part to navigation history.
- *
- * @param {string} templatePartId The template part ID.
- *
- * @return {Object} Action object.
- */
-export function pushTemplatePart( templatePartId ) {
-	return {
-		type: 'PUSH_TEMPLATE_PART',
-		templatePartId,
-	};
-}
-
 /**
  * Updates the homeTemplateId state with the templateId of the page resolved
  * from the given path.
@@ -244,15 +230,6 @@ export function* setPage( page ) {
 	return templateId;
 }
 
-/**
- * Go back to the current editing page.
- */
-export function goBack() {
-	return {
-		type: 'GO_BACK',
-	};
-}
-
 /**
  * Displays the site homepage for editing in the editor.
  */

package/src/store/constants.js

@@ -1,8 +1,3 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-
 /**
  * The identifier for the data store.
  *
@@ -14,10 +9,3 @@ export const TEMPLATE_PART_AREA_HEADER = 'header';
 export const TEMPLATE_PART_AREA_FOOTER = 'footer';
 export const TEMPLATE_PART_AREA_SIDEBAR = 'sidebar';
 export const TEMPLATE_PART_AREA_GENERAL = 'uncategorized';
-
-export const TEMPLATE_PART_AREA_TO_NAME = {
-	[ TEMPLATE_PART_AREA_HEADER ]: __( 'Header' ),
-	[ TEMPLATE_PART_AREA_FOOTER ]: __( 'Footer' ),
-	[ TEMPLATE_PART_AREA_SIDEBAR ]: __( 'Sidebar' ),
-	[ TEMPLATE_PART_AREA_GENERAL ]: __( 'General' ),
-};

package/src/store/reducer.js

@@ -72,39 +72,25 @@ export function settings( state = {}, action ) {
  * Reducer keeping track of the currently edited Post Type,
  * Post Id and the context provided to fill the content of the block editor.
  *
- * @param {Array}  state  Current state history.
+ * @param {Object} state  Current edited post.
  * @param {Object} action Dispatched action.
  *
- * @return {Array} Updated state.
+ * @return {Object} Updated state.
  */
-export function editedPost( state = [], action ) {
+export function editedPost( state = {}, action ) {
 	switch ( action.type ) {
 		case 'SET_TEMPLATE':
 		case 'SET_PAGE':
-			return [
-				{
-					type: 'wp_template',
-					id: action.templateId,
-					page: action.page,
-				},
-			];
+			return {
+				type: 'wp_template',
+				id: action.templateId,
+				page: action.page,
+			};
 		case 'SET_TEMPLATE_PART':
-			return [
-				{
-					type: 'wp_template_part',
-					id: action.templatePartId,
-				},
-			];
-		case 'PUSH_TEMPLATE_PART':
-			return [
-				...state,
-				{
-					type: 'wp_template_part',
-					id: action.templatePartId,
-				},
-			];
-		case 'GO_BACK':
-			return state.slice( 0, -1 );
+			return {
+				type: 'wp_template_part',
+				id: action.templatePartId,
+			};
 	}
 
 	return state;

package/src/store/selectors.js

@@ -135,11 +135,7 @@ export function getHomeTemplateId( state ) {
 }
 
 function getCurrentEditedPost( state ) {
-	return state.editedPost[ state.editedPost.length - 1 ] || {};
-}
-
-function getPreviousEditedPost( state ) {
-	return state.editedPost[ state.editedPost.length - 2 ] || {};
+	return state.editedPost;
 }
 
 /**
@@ -164,28 +160,6 @@ export function getEditedPostId( state ) {
 	return getCurrentEditedPost( state ).id;
 }
 
-/**
- * Returns the previous edited post type (wp_template or wp_template_part).
- *
- * @param {Object} state Global application state.
- *
- * @return {TemplateType?} Template type.
- */
-export function getPreviousEditedPostType( state ) {
-	return getPreviousEditedPost( state ).type;
-}
-
-/**
- * Returns the ID of the previous edited template or template part.
- *
- * @param {Object} state Global application state.
- *
- * @return {string?} Post ID.
- */
-export function getPreviousEditedPostId( state ) {
-	return getPreviousEditedPost( state ).id;
-}
-
 /**
  * Returns the current page object.
  *

package/src/store/test/reducer.js

@@ -88,7 +88,7 @@ describe( 'state', () => {
 
 	describe( 'editedPost()', () => {
 		it( 'should apply default state', () => {
-			expect( editedPost( undefined, {} ) ).toEqual( [] );
+			expect( editedPost( undefined, {} ) ).toEqual( {} );
 		} );
 
 		it( 'should default to returning the same state', () => {
@@ -98,56 +98,39 @@ describe( 'state', () => {
 
 		it( 'should update when a template is set', () => {
 			expect(
-				editedPost( [ { id: 1, type: 'wp_template' } ], {
-					type: 'SET_TEMPLATE',
-					templateId: 2,
-				} )
-			).toEqual( [ { id: 2, type: 'wp_template' } ] );
+				editedPost(
+					{ id: 1, type: 'wp_template' },
+					{
+						type: 'SET_TEMPLATE',
+						templateId: 2,
+					}
+				)
+			).toEqual( { id: 2, type: 'wp_template' } );
 		} );
 
 		it( 'should update when a page is set', () => {
 			expect(
-				editedPost( [ { id: 1, type: 'wp_template' } ], {
-					type: 'SET_PAGE',
-					templateId: 2,
-					page: {},
-				} )
-			).toEqual( [ { id: 2, type: 'wp_template', page: {} } ] );
+				editedPost(
+					{ id: 1, type: 'wp_template' },
+					{
+						type: 'SET_PAGE',
+						templateId: 2,
+						page: {},
+					}
+				)
+			).toEqual( { id: 2, type: 'wp_template', page: {} } );
 		} );
 
 		it( 'should update when a template part is set', () => {
-			expect(
-				editedPost( [ { id: 1, type: 'wp_template' } ], {
-					type: 'SET_TEMPLATE_PART',
-					templatePartId: 2,
-				} )
-			).toEqual( [ { id: 2, type: 'wp_template_part' } ] );
-		} );
-
-		it( 'should update when a template part is pushed', () => {
-			expect(
-				editedPost( [ { id: 1, type: 'wp_template' } ], {
-					type: 'PUSH_TEMPLATE_PART',
-					templatePartId: 2,
-				} )
-			).toEqual( [
-				{ id: 1, type: 'wp_template' },
-				{ id: 2, type: 'wp_template_part' },
-			] );
-		} );
-
-		it( 'should go back to the previous page', () => {
 			expect(
 				editedPost(
-					[
-						{ id: 1, type: 'wp_template' },
-						{ id: 2, type: 'wp_template_part' },
-					],
+					{ id: 1, type: 'wp_template' },
 					{
-						type: 'GO_BACK',
+						type: 'SET_TEMPLATE_PART',
+						templatePartId: 2,
 					}
 				)
-			).toEqual( [ { id: 1, type: 'wp_template' } ] );
+			).toEqual( { id: 2, type: 'wp_template_part' } );
 		} );
 	} );
 

package/src/store/test/selectors.js

@@ -13,8 +13,6 @@ import {
 	getHomeTemplateId,
 	getEditedPostType,
 	getEditedPostId,
-	getPreviousEditedPostType,
-	getPreviousEditedPostId,
 	getPage,
 	getNavigationPanelActiveMenu,
 	getReusableBlocks,
@@ -152,51 +150,22 @@ describe( 'selectors', () => {
 
 	describe( 'getEditedPostId', () => {
 		it( 'returns the template ID', () => {
-			const state = { editedPost: [ { id: 10 } ] };
+			const state = { editedPost: { id: 10 } };
 			expect( getEditedPostId( state ) ).toBe( 10 );
 		} );
 	} );
 
 	describe( 'getEditedPostType', () => {
 		it( 'returns the template type', () => {
-			const state = { editedPost: [ { type: 'wp_template' } ] };
+			const state = { editedPost: { type: 'wp_template' } };
 			expect( getEditedPostType( state ) ).toBe( 'wp_template' );
 		} );
 	} );
 
-	describe( 'getPreviousEditedPostId', () => {
-		it( 'returns the previous template ID', () => {
-			const state = { editedPost: [ { id: 10 }, { id: 20 } ] };
-			expect( getPreviousEditedPostId( state ) ).toBe( 10 );
-		} );
-
-		it( 'returns undefined when there are no previous pages', () => {
-			const state = { editedPost: [ { id: 10 } ] };
-			expect( getPreviousEditedPostId( state ) ).toBeUndefined();
-		} );
-	} );
-
-	describe( 'getPreviousEditedPostType', () => {
-		it( 'returns the previous template type', () => {
-			const state = {
-				editedPost: [
-					{ type: 'wp_template' },
-					{ type: 'wp_template_part' },
-				],
-			};
-			expect( getPreviousEditedPostType( state ) ).toBe( 'wp_template' );
-		} );
-
-		it( 'returns undefined when there are no previous pages', () => {
-			const state = { editedPost: [ { type: 'wp_template' } ] };
-			expect( getPreviousEditedPostType( state ) ).toBeUndefined();
-		} );
-	} );
-
 	describe( 'getPage', () => {
 		it( 'returns the page object', () => {
 			const page = {};
-			const state = { editedPost: [ { page } ] };
+			const state = { editedPost: { page } };
 			expect( getPage( state ) ).toBe( page );
 		} );
 	} );

package/src/utils/get-is-list-page.js

@@ -0,0 +1,11 @@
+/**
+ * Returns if the params match the list page route.
+ *
+ * @param {Object} params          The search params.
+ * @param {string} params.postId   The post ID.
+ * @param {string} params.postType The post type.
+ * @return {boolean} Is list page or not.
+ */
+export default function getIsListPage( { postId, postType } ) {
+	return !! ( ! postId && postType );
+}

package/src/utils/history.js

@@ -0,0 +1,35 @@
+/**
+ * External dependencies
+ */
+import { createBrowserHistory } from 'history';
+
+/**
+ * WordPress dependencies
+ */
+import { addQueryArgs } from '@wordpress/url';
+
+const history = createBrowserHistory();
+
+const originalHistoryPush = history.push;
+const originalHistoryReplace = history.replace;
+
+function push( params, state ) {
+	return originalHistoryPush.call(
+		history,
+		addQueryArgs( window.location.href, params ),
+		state
+	);
+}
+
+function replace( params, state ) {
+	return originalHistoryReplace.call(
+		history,
+		addQueryArgs( window.location.href, params ),
+		state
+	);
+}
+
+history.push = push;
+history.replace = replace;
+
+export default history;