await ( await import( '@wordpress/core-abilities' ) ).ready;
const { executeAbility } = await import( '@wordpress/abilities' );
const postId = wp.data.select( 'core/editor' ).getCurrentPostId();

// A 1x1 PNG, base64 encoded.
const data = 'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQzwAE9QEsxQH1ggAAAABJRU5ErkJggg==';

const uploaded = await executeAbility( 'core/media-upload', {
	data,
	filename: 'console-demo.png',
	title: 'Console demo',
	alt_text: 'A one-pixel image',
	post: postId,
	fields: [ 'id', 'status', 'title_raw', 'alt_text', 'post', 'mime_type' ],
} );
console.log( 'upload', uploaded );
// { id: <new ID>, status: 'inherit', title_raw: 'Console demo', alt_text: 'A one-pixel image', mime_type: 'image/png', post: <this post's ID> }

const updated = await executeAbility( 'core/media-update', {
	id: uploaded.id,
	caption: { raw: 'Captioned from the console' },
	post: 0,
	fields: [ 'id', 'title_raw', 'caption_raw', 'post' ],
} );
console.log( 'update', updated );
// { id: <same ID>, title_raw: 'Console demo', caption_raw: 'Captioned from the console', post: null }

const read = await executeAbility( 'core/media-query', {
	id: uploaded.id,
	fields: [ 'title_raw', 'caption_raw', 'alt_text' ],
} );
console.log( 'read back', read );
// { id: <same ID>, title_raw: 'Console demo', caption_raw: 'Captioned from the console', alt_text: 'A one-pixel image' }

const notTrashed = await executeAbility( 'core/media-delete', { id: uploaded.id } ).catch( ( error ) => error );
console.log( 'delete without force', notTrashed.code );
// 'media_trash_not_supported' (unless the site enables the media trash)

const deleted = await executeAbility( 'core/media-delete', {
	id: uploaded.id,
	force: true,
	fields: [ 'id', 'title_raw' ],
} );
console.log( 'delete with force', deleted );
// { deleted: true, previous: { id: <same ID>, title_raw: 'Console demo' } }

const mixed = await executeAbility( 'core/media-upload', {
	data,
	filename: 'mixed.png',
	url: 'https://example.com/photo.png',
} ).catch( ( error ) => error );
console.log( 'data and url together', mixed.code );
// 'ability_invalid_input': an upload takes either data and a file name, or a URL