Use the block editor store instead of the editor one

lib/packages-dependencies.php

@@ -28,6 +28,7 @@
 		'wp-api-fetch',
 		'wp-autop',
 		'wp-blob',
+		'wp-block-editor',
 		'wp-blocks',
 		'wp-components',
 		'wp-compose',
@@ -122,6 +123,7 @@
 		'media-views',
 		'wp-a11y',
 		'wp-api-fetch',
+		'wp-block-editor',
 		'wp-block-library',
 		'wp-blocks',
 		'wp-components',

packages/block-library/package.json

@@ -23,6 +23,7 @@
 		"@babel/runtime": "^7.0.0",
 		"@wordpress/autop": "file:../autop",
 		"@wordpress/blob": "file:../blob",
+		"@wordpress/block-editor": "file:../block-editor",
 		"@wordpress/blocks": "file:../blocks",
 		"@wordpress/components": "file:../components",
 		"@wordpress/compose": "file:../compose",

packages/block-library/src/block/edit.js

@@ -149,8 +149,10 @@ export default compose( [
 			__experimentalGetReusableBlock: getReusableBlock,
 			__experimentalIsFetchingReusableBlock: isFetchingReusableBlock,
 			__experimentalIsSavingReusableBlock: isSavingReusableBlock,
-			getBlock,
 		} = select( 'core/editor' );
+		const {
+			getBlock,
+		} = select( 'core/block-editor' );
 		const { ref } = ownProps.attributes;
 		const reusableBlock = getReusableBlock( ref );
 
@@ -164,10 +166,12 @@ export default compose( [
 	withDispatch( ( dispatch, ownProps ) => {
 		const {
 			__experimentalFetchReusableBlocks: fetchReusableBlocks,
-			updateBlockAttributes,
 			__experimentalUpdateReusableBlockTitle: updateReusableBlockTitle,
 			__experimentalSaveReusableBlock: saveReusableBlock,
 		} = dispatch( 'core/editor' );
+		const {
+			updateBlockAttributes,
+		} = dispatch( 'core/block-editor' );
 		const { ref } = ownProps.attributes;
 
 		return {

packages/block-library/src/image/edit.js

@@ -705,7 +705,7 @@ class ImageEdit extends Component {
 export default compose( [
 	withSelect( ( select, props ) => {
 		const { getMedia } = select( 'core' );
-		const { getEditorSettings } = select( 'core/editor' );
+		const { getEditorSettings } = select( 'core/block-editor' );
 		const { id } = props.attributes;
 		const { maxWidth, isRTL, imageSizes } = getEditorSettings();
 

packages/block-library/src/index.js

@@ -2,6 +2,8 @@
  * WordPress dependencies
  */
 import '@wordpress/core-data';
+import '@wordpress/block-editor';
+import '@wordpress/editor';
 import {
 	registerBlockType,
 	setDefaultBlockName,

packages/block-library/src/missing/index.js

@@ -43,7 +43,7 @@ function MissingBlockWarning( { attributes, convertToHTML } ) {
 }
 
 const edit = withDispatch( ( dispatch, { clientId, attributes } ) => {
-	const { replaceBlock } = dispatch( 'core/editor' );
+	const { replaceBlock } = dispatch( 'core/block-editor' );
 	return {
 		convertToHTML() {
 			replaceBlock( clientId, createBlock( 'core/html', {

packages/block-library/src/paragraph/edit.js

@@ -259,7 +259,7 @@ const ParagraphEdit = compose( [
 	withFontSizes( 'fontSize' ),
 	applyFallbackStyles,
 	withSelect( ( select ) => {
-		const { getEditorSettings } = select( 'core/editor' );
+		const { getEditorSettings } = select( 'core/block-editor' );
 
 		return {
 			isRTL: getEditorSettings().isRTL,

packages/block-library/src/pullquote/index.js

@@ -97,7 +97,7 @@ export const settings = {
 		// Is normal style and a named color is being used, we need to retrieve the color value to set the style,
 		// as there is no expectation that themes create classes that set border colors.
 		} else if ( mainColor ) {
-			const colors = get( select( 'core/editor' ).getEditorSettings(), [ 'colors' ], [] );
+			const colors = get( select( 'core/block-editor' ).getEditorSettings(), [ 'colors' ], [] );
 			const colorObject = getColorObjectByAttributeValues( colors, mainColor );
 			figureStyles = {
 				borderColor: colorObject.color,

packages/edit-post/package.json

@@ -22,6 +22,7 @@
 		"@babel/runtime": "^7.0.0",
 		"@wordpress/a11y": "file:../a11y",
 		"@wordpress/api-fetch": "file:../api-fetch",
+		"@wordpress/block-editor": "file:../block-editor",
 		"@wordpress/block-library": "file:../block-library",
 		"@wordpress/blocks": "file:../blocks",
 		"@wordpress/components": "file:../components",

packages/edit-post/src/components/block-settings-menu/plugin-block-settings-menu-group.js

@@ -27,7 +27,7 @@ const PluginBlockSettingsMenuGroupSlot = ( { fillProps, selectedBlocks } ) => {
 };
 
 PluginBlockSettingsMenuGroup.Slot = withSelect( ( select, { fillProps: { clientIds } } ) => ( {
-	selectedBlocks: select( 'core/editor' ).getBlocksByClientId( clientIds ),
+	selectedBlocks: select( 'core/block-editor' ).getBlocksByClientId( clientIds ),
 } ) )( PluginBlockSettingsMenuGroupSlot );
 
 export default PluginBlockSettingsMenuGroup;

packages/edit-post/src/components/header/header-toolbar/index.js

@@ -56,7 +56,8 @@ function HeaderToolbar( { hasFixedToolbar, isLargeViewport, showInserter } ) {
 export default compose( [
 	withSelect( ( select ) => ( {
 		hasFixedToolbar: select( 'core/edit-post' ).isFeatureActive( 'fixedToolbar' ),
-		showInserter: select( 'core/edit-post' ).getEditorMode() === 'visual' && select( 'core/editor' ).getEditorSettings().richEditingEnabled,
+		// This setting (richEditingEnabled) should not live in the block editor's setting.
+		showInserter: select( 'core/edit-post' ).getEditorMode() === 'visual' && select( 'core/block-editor' ).getEditorSettings().richEditingEnabled,
 	} ) ),
 	withViewportMatch( { isLargeViewport: 'medium' } ),
 ] )( HeaderToolbar );

packages/edit-post/src/components/header/index.js

@@ -87,7 +87,7 @@ export default compose(
 		isSaving: select( 'core/edit-post' ).isSavingMetaBoxes(),
 	} ) ),
 	withDispatch( ( dispatch, ownProps, { select } ) => {
-		const { getBlockSelectionStart } = select( 'core/editor' );
+		const { getBlockSelectionStart } = select( 'core/block-editor' );
 		const { openGeneralSidebar, closeGeneralSidebar } = dispatch( 'core/edit-post' );
 
 		return {

packages/edit-post/src/components/header/mode-switcher/index.js

@@ -49,7 +49,7 @@ function ModeSwitcher( { onSwitch, mode } ) {
 
 export default compose( [
 	withSelect( ( select ) => ( {
-		isRichEditingEnabled: select( 'core/editor' ).getEditorSettings().richEditingEnabled,
+		isRichEditingEnabled: select( 'core/block-editor' ).getEditorSettings().richEditingEnabled,
 		mode: select( 'core/edit-post' ).getEditorMode(),
 	} ) ),
 	ifCondition( ( { isRichEditingEnabled } ) => isRichEditingEnabled ),

packages/edit-post/src/components/keyboard-shortcuts/index.js

@@ -55,10 +55,10 @@ class EditorModeKeyboardShortcuts extends Component {
 
 export default compose( [
 	withSelect( ( select ) => ( {
-		isRichEditingEnabled: select( 'core/editor' ).getEditorSettings().richEditingEnabled,
+		isRichEditingEnabled: select( 'core/block-editor' ).getEditorSettings().richEditingEnabled,
 		mode: select( 'core/edit-post' ).getEditorMode(),
 		isEditorSidebarOpen: select( 'core/edit-post' ).isEditorSidebarOpened(),
-		hasBlockSelection: !! select( 'core/editor' ).getBlockSelectionStart(),
+		hasBlockSelection: !! select( 'core/block-editor' ).getBlockSelectionStart(),
 	} ) ),
 	withDispatch( ( dispatch, { hasBlockSelection } ) => ( {
 		switchMode( mode ) {

packages/edit-post/src/components/layout/index.js

@@ -136,7 +136,7 @@ export default compose(
 		hasFixedToolbar: select( 'core/edit-post' ).isFeatureActive( 'fixedToolbar' ),
 		hasActiveMetaboxes: select( 'core/edit-post' ).hasMetaBoxes(),
 		isSaving: select( 'core/edit-post' ).isSavingMetaBoxes(),
-		isRichEditingEnabled: select( 'core/editor' ).getEditorSettings().richEditingEnabled,
+		isRichEditingEnabled: select( 'core/block-editor' ).getEditorSettings().richEditingEnabled,
 	} ) ),
 	withDispatch( ( dispatch ) => {
 		const { closePublishSidebar, togglePublishSidebar } = dispatch( 'core/edit-post' );

packages/edit-post/src/components/options-modal/meta-boxes-section.js

@@ -34,10 +34,11 @@ export function MetaBoxesSection( { areCustomFieldsRegistered, metaBoxes, ...sec
 }
 
 export default withSelect( ( select ) => {
-	const { getEditorSettings } = select( 'core/editor' );
+	const { getEditorSettings } = select( 'core/block-editor' );
 	const { getAllMetaBoxes } = select( 'core/edit-post' );
 
 	return {
+		// This setting should not live in the block editor's store.
 		areCustomFieldsRegistered: getEditorSettings().enableCustomFields !== undefined,
 		metaBoxes: getAllMetaBoxes(),
 	};

packages/edit-post/src/components/options-modal/options/enable-custom-fields.js

@@ -43,5 +43,5 @@ export class EnableCustomFieldsOption extends Component {
 }
 
 export default withSelect( ( select ) => ( {
-	isChecked: !! select( 'core/editor' ).getEditorSettings().enableCustomFields,
+	isChecked: !! select( 'core/block-editor' ).getEditorSettings().enableCustomFields,
 } ) )( EnableCustomFieldsOption );

packages/edit-post/src/components/sidebar/settings-header/index.js

@@ -57,7 +57,7 @@ const SettingsHeader = ( { openDocumentSettings, openBlockSettings, sidebarName
 
 export default withDispatch( ( dispatch ) => {
 	const { openGeneralSidebar } = dispatch( 'core/edit-post' );
-	const { clearSelectedBlock } = dispatch( 'core/editor' );
+	const { clearSelectedBlock } = dispatch( 'core/block-editor' );
 	return {
 		openDocumentSettings() {
 			openGeneralSidebar( 'edit-post/document' );

packages/edit-post/src/components/text-editor/index.js

@@ -33,7 +33,7 @@ function TextEditor( { onExit, isRichEditingEnabled } ) {
 
 export default compose(
 	withSelect( ( select ) => ( {
-		isRichEditingEnabled: select( 'core/editor' ).getEditorSettings().richEditingEnabled,
+		isRichEditingEnabled: select( 'core/block-editor' ).getEditorSettings().richEditingEnabled,
 	} ) ),
 	withDispatch( ( dispatch ) => {
 		return {

packages/edit-post/src/hooks/validate-multiple-use/index.js

@@ -43,15 +43,15 @@ const enhance = compose(
 
 		// Otherwise, only pass `originalBlockClientId` if it refers to a different
 		// block from the current one.
-		const blocks = select( 'core/editor' ).getBlocks();
+		const blocks = select( 'core/block-editor' ).getBlocks();
 		const firstOfSameType = find( blocks, ( { name } ) => block.name === name );
 		const isInvalid = firstOfSameType && firstOfSameType.clientId !== block.clientId;
 		return {
 			originalBlockClientId: isInvalid && firstOfSameType.clientId,
 		};
 	} ),
 	withDispatch( ( dispatch, { originalBlockClientId } ) => ( {
-		selectFirst: () => dispatch( 'core/editor' ).selectBlock( originalBlockClientId ),
+		selectFirst: () => dispatch( 'core/block-editor' ).selectBlock( originalBlockClientId ),
 	} ) ),
 );
 

packages/edit-post/src/index.js

@@ -2,6 +2,7 @@
  * WordPress dependencies
  */
 import '@wordpress/core-data';
+import '@wordpress/block-editor';
 import '@wordpress/editor';
 import '@wordpress/nux';
 import '@wordpress/viewport';

packages/edit-post/src/prevent-event-discovery.js

@@ -8,7 +8,7 @@ export default {
 		}
 
 		event.preventDefault();
-		window.wp.data.dispatch( 'core/editor' ).insertBlock(
+		window.wp.data.dispatch( 'core/block-editor' ).insertBlock(
 			window.wp.blocks.createBlock( 'core/paragraph', {
 				content: '🐡🐢🦀🐤🦋🐘🐧🐹🦁🦄🦍🐼🐿🎃🐴🐝🐆🦕🦔🌱🍇π🍌🐉💧🥨🌌🍂🍠🥦🥚🥝🎟🥥🥒🛵🥖🍒🍯🎾🎲🐺🐚🐮⌛️',
 			} )

packages/edit-post/src/store/effects.js

@@ -119,7 +119,7 @@ const effects = {
 	SWITCH_MODE( action ) {
 		// Unselect blocks when we switch to the code editor.
 		if ( action.mode !== 'visual' ) {
-			dispatch( 'core/editor' ).clearSelectedBlock();
+			dispatch( 'core/block-editor' ).clearSelectedBlock();
 		}
 
 		const message = action.mode === 'visual' ? __( 'Visual editor selected' ) : __( 'Code editor selected' );
@@ -128,7 +128,7 @@ const effects = {
 	INIT( _, store ) {
 		// Select the block settings tab when the selected block changes
 		subscribe( onChangeListener(
-			() => !! select( 'core/editor' ).getBlockSelectionStart(),
+			() => !! select( 'core/block-editor' ).getBlockSelectionStart(),
 			( hasBlockSelection ) => {
 				if ( ! select( 'core/edit-post' ).isEditorSidebarOpened() ) {
 					return;

packages/editor/package.json

@@ -24,6 +24,7 @@
 		"@wordpress/a11y": "file:../a11y",
 		"@wordpress/api-fetch": "file:../api-fetch",
 		"@wordpress/blob": "file:../blob",
+		"@wordpress/block-editor": "file:../block-editor",
 		"@wordpress/blocks": "file:../blocks",
 		"@wordpress/components": "file:../components",
 		"@wordpress/compose": "file:../compose",

packages/editor/src/components/alignment-toolbar/index.js

@@ -69,7 +69,7 @@ export default compose(
 	} ),
 	withViewportMatch( { isLargeViewport: 'medium' } ),
 	withSelect( ( select, { clientId, isLargeViewport, isCollapsed } ) => {
-		const { getBlockRootClientId, getEditorSettings } = select( 'core/editor' );
+		const { getBlockRootClientId, getEditorSettings } = select( 'core/block-editor' );
 		return {
 			isCollapsed: isCollapsed || ! isLargeViewport || (
 				! getEditorSettings().hasFixedToolbar &&

packages/editor/src/components/autocompleters/block.js

@@ -17,7 +17,7 @@ import BlockIcon from '../block-icon';
  *                  be placed.
  */
 function defaultGetBlockInsertionParentClientId() {
-	return select( 'core/editor' ).getBlockInsertionPoint().rootClientId;
+	return select( 'core/block-editor' ).getBlockInsertionPoint().rootClientId;
 }
 
 /**
@@ -30,7 +30,7 @@ function defaultGetBlockInsertionParentClientId() {
  *                                      parent.
  */
 function defaultGetInserterItems( rootClientId ) {
-	return select( 'core/editor' ).getInserterItems( rootClientId );
+	return select( 'core/block-editor' ).getInserterItems( rootClientId );
 }
 
 /**
@@ -40,7 +40,7 @@ function defaultGetInserterItems( rootClientId ) {
  *                   block is selected.
  */
 function defaultGetSelectedBlockName() {
-	const { getSelectedBlockClientId, getBlockName } = select( 'core/editor' );
+	const { getSelectedBlockClientId, getBlockName } = select( 'core/block-editor' );
 	const selectedBlockClientId = getSelectedBlockClientId();
 	return selectedBlockClientId ? getBlockName( selectedBlockClientId ) : null;
 }

packages/editor/src/components/autosave-monitor/index.js

@@ -43,11 +43,11 @@ export default compose( [
 		const {
 			isEditedPostDirty,
 			isEditedPostAutosaveable,
-			getEditorSettings,
 			getReferenceByDistinctEdits,
 		} = select( 'core/editor' );
 
-		const { autosaveInterval } = getEditorSettings();
+		// This settings should not live in the block editor.
+		const { autosaveInterval } = select( 'core/block-editor' ).getEditorSettings();
 
 		return {
 			isDirty: isEditedPostDirty(),

packages/editor/src/components/block-actions/index.js

@@ -36,7 +36,7 @@ export default compose( [
 			getBlockIndex,
 			getTemplateLock,
 			getBlockRootClientId,
-		} = select( 'core/editor' );
+		} = select( 'core/block-editor' );
 
 		const blocks = getBlocksByClientId( props.clientIds );
 		const canDuplicate = every( blocks, ( block ) => {
@@ -70,7 +70,7 @@ export default compose( [
 			multiSelect,
 			removeBlocks,
 			insertDefaultBlock,
-		} = dispatch( 'core/editor' );
+		} = dispatch( 'core/block-editor' );
 
 		return {
 			onDuplicate() {

packages/editor/src/components/block-alignment-toolbar/index.js

@@ -75,9 +75,9 @@ export default compose(
 	} ),
 	withViewportMatch( { isLargeViewport: 'medium' } ),
 	withSelect( ( select, { clientId, isLargeViewport, isCollapsed } ) => {
-		const { getBlockRootClientId, getEditorSettings } = select( 'core/editor' );
+		const { getBlockRootClientId, getEditorSettings } = select( 'core/block-editor' );
 		return {
-			wideControlsEnabled: select( 'core/editor' ).getEditorSettings().alignWide,
+			wideControlsEnabled: select( 'core/block-editor' ).getEditorSettings().alignWide,
 			isCollapsed: isCollapsed || ! isLargeViewport || (
 				! getEditorSettings().hasFixedToolbar &&
 				getBlockRootClientId( clientId )

packages/editor/src/components/block-draggable/index.js

@@ -32,7 +32,7 @@ const BlockDraggable = ( { children, clientId, rootClientId, blockElementId, ind
 };
 
 export default withSelect( ( select, { clientId } ) => {
-	const { getBlockIndex, getBlockRootClientId } = select( 'core/editor' );
+	const { getBlockIndex, getBlockRootClientId } = select( 'core/block-editor' );
 	return {
 		index: getBlockIndex( clientId ),
 		rootClientId: getBlockRootClientId( clientId ),

packages/editor/src/components/block-drop-zone/index.js

@@ -136,7 +136,7 @@ export default compose(
 			insertBlocks,
 			updateBlockAttributes,
 			moveBlockToPosition,
-		} = dispatch( 'core/editor' );
+		} = dispatch( 'core/block-editor' );
 
 		return {
 			insertBlocks( blocks, index ) {
@@ -154,7 +154,7 @@ export default compose(
 		};
 	} ),
 	withSelect( ( select, { rootClientId } ) => {
-		const { getClientIdsOfDescendants, getTemplateLock } = select( 'core/editor' );
+		const { getClientIdsOfDescendants, getTemplateLock } = select( 'core/block-editor' );
 		return {
 			isLocked: !! getTemplateLock( rootClientId ),
 			getClientIdsOfDescendants,

packages/editor/src/components/block-inspector/index.js

@@ -79,7 +79,7 @@ const BlockInspector = ( { selectedBlockClientId, selectedBlockName, blockType,
 
 export default withSelect(
 	( select ) => {
-		const { getSelectedBlockClientId, getSelectedBlockCount, getBlockName } = select( 'core/editor' );
+		const { getSelectedBlockClientId, getSelectedBlockCount, getBlockName } = select( 'core/block-editor' );
 		const { getBlockStyles } = select( 'core/blocks' );
 		const selectedBlockClientId = getSelectedBlockClientId();
 		const selectedBlockName = selectedBlockClientId && getBlockName( selectedBlockClientId );

packages/editor/src/components/block-list-appender/index.js

@@ -65,7 +65,7 @@ export default withSelect( ( select, { rootClientId } ) => {
 		getBlockOrder,
 		canInsertBlockType,
 		getTemplateLock,
-	} = select( 'core/editor' );
+	} = select( 'core/block-editor' );
 
 	return {
 		isLocked: !! getTemplateLock( rootClientId ),

packages/editor/src/components/block-list/block-html.js

@@ -67,11 +67,11 @@ export class BlockHTML extends Component {
 
 export default compose( [
 	withSelect( ( select, ownProps ) => ( {
-		block: select( 'core/editor' ).getBlock( ownProps.clientId ),
+		block: select( 'core/block-editor' ).getBlock( ownProps.clientId ),
 	} ) ),
 	withDispatch( ( dispatch ) => ( {
 		onChange( clientId, attributes, originalContent, isValid ) {
-			dispatch( 'core/editor' ).updateBlock( clientId, { attributes, originalContent, isValid } );
+			dispatch( 'core/block-editor' ).updateBlock( clientId, { attributes, originalContent, isValid } );
 		},
 	} ) ),
 ] )( BlockHTML );