@wordpress/edit-site 6.0.1 → 6.1.0

package/src/components/block-editor/block-inspector-button.js

@@ -1,60 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { speak } from '@wordpress/a11y';
-import { MenuItem } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
-import { privateApis as editorPrivateApis } from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-
-const { interfaceStore } = unlock( editorPrivateApis );
-
-export default function BlockInspectorButton( { onClick = () => {} } ) {
-	const { shortcut, isBlockInspectorOpen } = useSelect(
-		( select ) => ( {
-			shortcut: select(
-				keyboardShortcutsStore
-			).getShortcutRepresentation( 'core/editor/toggle-sidebar' ),
-			isBlockInspectorOpen:
-				select( interfaceStore ).getActiveComplementaryArea(
-					'core'
-				) === 'edit-post/block',
-		} ),
-		[]
-	);
-	const { enableComplementaryArea, disableComplementaryArea } =
-		useDispatch( interfaceStore );
-
-	const label = isBlockInspectorOpen
-		? __( 'Hide more settings' )
-		: __( 'Show more settings' );
-
-	return (
-		<MenuItem
-			onClick={ () => {
-				if ( isBlockInspectorOpen ) {
-					disableComplementaryArea( 'core' );
-					speak( __( 'Block settings closed' ) );
-				} else {
-					enableComplementaryArea( 'core', 'edit-post/block' );
-					speak(
-						__(
-							'Additional settings are now available in the Editor block settings sidebar'
-						)
-					);
-				}
-				// Close dropdown menu.
-				onClick();
-			} }
-			shortcut={ shortcut }
-		>
-			{ label }
-		</MenuItem>
-	);
-}

package/src/components/block-editor/inserter-media-categories.js

@@ -1,225 +0,0 @@
-/**
- * The `edit-site` settings here need to be in sync with the corresponding ones in `site-editor` package.
- * See `packages/edit-site/src/components/block-editor/inserter-media-categories.js`.
- *
- * In the future we could consider creating an Openvese package that can be used in both `editor` and `site-editor`.
- * The rest of the settings would still need to be in sync though.
- */
-
-/**
- * WordPress dependencies
- */
-import { __, sprintf, _x } from '@wordpress/i18n';
-import { resolveSelect } from '@wordpress/data';
-import { decodeEntities } from '@wordpress/html-entities';
-
-/**
- * Internal dependencies
- */
-import { store as coreStore } from '@wordpress/core-data';
-
-/** @typedef {import('@wordpress/block-editor').InserterMediaRequest} InserterMediaRequest */
-/** @typedef {import('@wordpress/block-editor').InserterMediaItem} InserterMediaItem */
-/** @typedef {import('@wordpress/block-editor').InserterMediaCategory} InserterMediaCategory */
-
-const getExternalLink = ( url, text ) =>
-	`<a ${ getExternalLinkAttributes( url ) }>${ text }</a>`;
-
-const getExternalLinkAttributes = ( url ) =>
-	`href="${ url }" target="_blank" rel="noreferrer noopener"`;
-
-const getOpenverseLicense = ( license, licenseVersion ) => {
-	let licenseName = license.trim();
-	// PDM has no abbreviation
-	if ( license !== 'pdm' ) {
-		licenseName = license.toUpperCase().replace( 'SAMPLING', 'Sampling' );
-	}
-	// If version is known, append version to the name.
-	// The license has to have a version to be valid. Only
-	// PDM (public domain mark) doesn't have a version.
-	if ( licenseVersion ) {
-		licenseName += ` ${ licenseVersion }`;
-	}
-	// For licenses other than public-domain marks, prepend 'CC' to the name.
-	if ( ! [ 'pdm', 'cc0' ].includes( license ) ) {
-		licenseName = `CC ${ licenseName }`;
-	}
-	return licenseName;
-};
-
-const getOpenverseCaption = ( item ) => {
-	const {
-		title,
-		foreign_landing_url: foreignLandingUrl,
-		creator,
-		creator_url: creatorUrl,
-		license,
-		license_version: licenseVersion,
-		license_url: licenseUrl,
-	} = item;
-	const fullLicense = getOpenverseLicense( license, licenseVersion );
-	const _creator = decodeEntities( creator );
-	let _caption;
-	if ( _creator ) {
-		_caption = title
-			? sprintf(
-					// translators: %1s: Title of a media work from Openverse; %2s: Name of the work's creator; %3s: Work's licence e.g: "CC0 1.0".
-					_x( '"%1$s" by %2$s/ %3$s', 'caption' ),
-					getExternalLink(
-						foreignLandingUrl,
-						decodeEntities( title )
-					),
-					creatorUrl
-						? getExternalLink( creatorUrl, _creator )
-						: _creator,
-					licenseUrl
-						? getExternalLink(
-								`${ licenseUrl }?ref=openverse`,
-								fullLicense
-						  )
-						: fullLicense
-			  )
-			: sprintf(
-					// translators: %1s: Link attributes for a given Openverse media work; %2s: Name of the work's creator; %3s: Works's licence e.g: "CC0 1.0".
-					_x( '<a %1$s>Work</a> by %2$s/ %3$s', 'caption' ),
-					getExternalLinkAttributes( foreignLandingUrl ),
-					creatorUrl
-						? getExternalLink( creatorUrl, _creator )
-						: _creator,
-					licenseUrl
-						? getExternalLink(
-								`${ licenseUrl }?ref=openverse`,
-								fullLicense
-						  )
-						: fullLicense
-			  );
-	} else {
-		_caption = title
-			? sprintf(
-					// translators: %1s: Title of a media work from Openverse; %2s: Work's licence e.g: "CC0 1.0".
-					_x( '"%1$s"/ %2$s', 'caption' ),
-					getExternalLink(
-						foreignLandingUrl,
-						decodeEntities( title )
-					),
-					licenseUrl
-						? getExternalLink(
-								`${ licenseUrl }?ref=openverse`,
-								fullLicense
-						  )
-						: fullLicense
-			  )
-			: sprintf(
-					// translators: %1s: Link attributes for a given Openverse media work; %2s: Works's licence e.g: "CC0 1.0".
-					_x( '<a %1$s>Work</a>/ %3$s', 'caption' ),
-					getExternalLinkAttributes( foreignLandingUrl ),
-					licenseUrl
-						? getExternalLink(
-								`${ licenseUrl }?ref=openverse`,
-								fullLicense
-						  )
-						: fullLicense
-			  );
-	}
-	return _caption.replace( /\s{2}/g, ' ' );
-};
-
-const coreMediaFetch = async ( query = {} ) => {
-	const mediaItems = await resolveSelect( coreStore ).getMediaItems( {
-		...query,
-		orderBy: !! query?.search ? 'relevance' : 'date',
-	} );
-	return mediaItems.map( ( mediaItem ) => ( {
-		...mediaItem,
-		alt: mediaItem.alt_text,
-		url: mediaItem.source_url,
-		previewUrl: mediaItem.media_details?.sizes?.medium?.source_url,
-		caption: mediaItem.caption?.raw,
-	} ) );
-};
-
-/** @type {InserterMediaCategory[]} */
-const inserterMediaCategories = [
-	{
-		name: 'images',
-		labels: {
-			name: __( 'Images' ),
-			search_items: __( 'Search images' ),
-		},
-		mediaType: 'image',
-		async fetch( query = {} ) {
-			return coreMediaFetch( { ...query, media_type: 'image' } );
-		},
-	},
-	{
-		name: 'videos',
-		labels: {
-			name: __( 'Videos' ),
-			search_items: __( 'Search videos' ),
-		},
-		mediaType: 'video',
-		async fetch( query = {} ) {
-			return coreMediaFetch( { ...query, media_type: 'video' } );
-		},
-	},
-	{
-		name: 'audio',
-		labels: {
-			name: __( 'Audio' ),
-			search_items: __( 'Search audio' ),
-		},
-		mediaType: 'audio',
-		async fetch( query = {} ) {
-			return coreMediaFetch( { ...query, media_type: 'audio' } );
-		},
-	},
-	{
-		name: 'openverse',
-		labels: {
-			name: __( 'Openverse' ),
-			search_items: __( 'Search Openverse' ),
-		},
-		mediaType: 'image',
-		async fetch( query = {} ) {
-			const defaultArgs = {
-				mature: false,
-				excluded_source: 'flickr,inaturalist,wikimedia',
-				license: 'pdm,cc0',
-			};
-			const finalQuery = { ...query, ...defaultArgs };
-			const mapFromInserterMediaRequest = {
-				per_page: 'page_size',
-				search: 'q',
-			};
-			const url = new URL( 'https://api.openverse.org/v1/images/' );
-			Object.entries( finalQuery ).forEach( ( [ key, value ] ) => {
-				const queryKey = mapFromInserterMediaRequest[ key ] || key;
-				url.searchParams.set( queryKey, value );
-			} );
-			const response = await window.fetch( url, {
-				headers: {
-					'User-Agent': 'WordPress/inserter-media-fetch',
-				},
-			} );
-			const jsonResponse = await response.json();
-			const results = jsonResponse.results;
-			return results.map( ( result ) => ( {
-				...result,
-				// This is a temp solution for better titles, until Openverse API
-				// completes the cleaning up of some titles of their upstream data.
-				title: result.title?.toLowerCase().startsWith( 'file:' )
-					? result.title.slice( 5 )
-					: result.title,
-				sourceId: result.id,
-				id: undefined,
-				caption: getOpenverseCaption( result ),
-				previewUrl: result.thumbnail,
-			} ) );
-		},
-		getReportUrl: ( { sourceId } ) =>
-			`https://wordpress.org/openverse/image/${ sourceId }/report/`,
-		isExternalResource: true,
-	},
-];
-
-export default inserterMediaCategories;

package/src/components/template-part-converter/convert-to-regular.js

@@ -1,32 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { MenuItem } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-
-export default function ConvertToRegularBlocks( { clientId, onClose } ) {
-	const { getBlocks } = useSelect( blockEditorStore );
-	const { replaceBlocks } = useDispatch( blockEditorStore );
-
-	const canRemove = useSelect(
-		( select ) => select( blockEditorStore ).canRemoveBlock( clientId ),
-		[ clientId ]
-	);
-
-	if ( ! canRemove ) {
-		return null;
-	}
-
-	return (
-		<MenuItem
-			onClick={ () => {
-				replaceBlocks( clientId, getBlocks( clientId ) );
-				onClose();
-			} }
-		>
-			{ __( 'Detach' ) }
-		</MenuItem>
-	);
-}

package/src/components/template-part-converter/convert-to-template-part.js

@@ -1,78 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useDispatch, useSelect } from '@wordpress/data';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { MenuItem } from '@wordpress/components';
-import { createBlock } from '@wordpress/blocks';
-import { __ } from '@wordpress/i18n';
-import { useState } from '@wordpress/element';
-import { store as noticesStore } from '@wordpress/notices';
-import { symbolFilled } from '@wordpress/icons';
-import { privateApis as editorPrivateApis } from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { store as editSiteStore } from '../../store';
-
-const { CreateTemplatePartModal } = unlock( editorPrivateApis );
-
-export default function ConvertToTemplatePart( { clientIds, blocks } ) {
-	const [ isModalOpen, setIsModalOpen ] = useState( false );
-	const { replaceBlocks } = useDispatch( blockEditorStore );
-	const { createSuccessNotice } = useDispatch( noticesStore );
-
-	const { canCreate } = useSelect( ( select ) => {
-		const { supportsTemplatePartsMode } =
-			select( editSiteStore ).getSettings();
-		return {
-			canCreate: ! supportsTemplatePartsMode,
-		};
-	}, [] );
-
-	if ( ! canCreate ) {
-		return null;
-	}
-
-	const onConvert = async ( templatePart ) => {
-		replaceBlocks(
-			clientIds,
-			createBlock( 'core/template-part', {
-				slug: templatePart.slug,
-				theme: templatePart.theme,
-			} )
-		);
-		createSuccessNotice( __( 'Template part created.' ), {
-			type: 'snackbar',
-		} );
-
-		// The modal and this component will be unmounted because of `replaceBlocks` above,
-		// so no need to call `closeModal` or `onClose`.
-	};
-
-	return (
-		<>
-			<MenuItem
-				icon={ symbolFilled }
-				onClick={ () => {
-					setIsModalOpen( true );
-				} }
-				aria-expanded={ isModalOpen }
-				aria-haspopup="dialog"
-			>
-				{ __( 'Create template part' ) }
-			</MenuItem>
-			{ isModalOpen && (
-				<CreateTemplatePartModal
-					closeModal={ () => {
-						setIsModalOpen( false );
-					} }
-					blocks={ blocks }
-					onCreate={ onConvert }
-				/>
-			) }
-		</>
-	);
-}

package/src/components/template-part-converter/index.js

@@ -1,59 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import {
-	BlockSettingsMenuControls,
-	store as blockEditorStore,
-} from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import ConvertToRegularBlocks from './convert-to-regular';
-import ConvertToTemplatePart from './convert-to-template-part';
-
-export default function TemplatePartConverter() {
-	return (
-		<BlockSettingsMenuControls>
-			{ ( { selectedClientIds, onClose } ) => (
-				<TemplatePartConverterMenuItem
-					clientIds={ selectedClientIds }
-					onClose={ onClose }
-				/>
-			) }
-		</BlockSettingsMenuControls>
-	);
-}
-
-function TemplatePartConverterMenuItem( { clientIds, onClose } ) {
-	const { isContentOnly, blocks } = useSelect(
-		( select ) => {
-			const { getBlocksByClientId, getBlockEditingMode } =
-				select( blockEditorStore );
-			return {
-				blocks: getBlocksByClientId( clientIds ),
-				isContentOnly:
-					clientIds.length === 1 &&
-					getBlockEditingMode( clientIds[ 0 ] ) === 'contentOnly',
-			};
-		},
-		[ clientIds ]
-	);
-
-	// Do not show the convert button if the block is in content-only mode.
-	if ( isContentOnly ) {
-		return null;
-	}
-
-	// Allow converting a single template part to standard blocks.
-	if ( blocks.length === 1 && blocks[ 0 ]?.name === 'core/template-part' ) {
-		return (
-			<ConvertToRegularBlocks
-				clientId={ clientIds[ 0 ] }
-				onClose={ onClose }
-			/>
-		);
-	}
-	return <ConvertToTemplatePart clientIds={ clientIds } blocks={ blocks } />;
-}