@wordpress/media-utils/src/utils/sideload-media.ts

WordPress Media Upload Utils.

/**
 * WordPress dependencies
 */
import { __, sprintf } from '@wordpress/i18n';

/**
 * Internal dependencies
 */
import type {
	OnChangeHandler,
	OnErrorHandler,
	CreateSideloadFile,
	RestAttachment,
} from './types';
import { sideloadToServer } from './sideload-to-server';
import { UploadError } from './upload-error';

const noop = () => {};

interface SideloadMediaArgs {
	// Additional data to include in the request.
	additionalData?: CreateSideloadFile;
	// File to sideload.
	file: File;
	// Attachment ID.
	attachmentId: RestAttachment[ 'id' ];
	// Function called when an error happens.
	onError?: OnErrorHandler;
	// Function called each time a file or a temporary representation of the file is available.
	onFileChange?: OnChangeHandler;
	// Abort signal.
	signal?: AbortSignal;
}

/**
 * Uploads a file to the server without creating an attachment.
 *
 * @param $0                Parameters object passed to the function.
 * @param $0.file           Media File to Save.
 * @param $0.attachmentId   Parent attachment ID.
 * @param $0.additionalData Additional data to include in the request.
 * @param $0.signal         Abort signal.
 * @param $0.onFileChange   Function called each time a file or a temporary representation of the file is available.
 * @param $0.onError        Function called when an error happens.
 */
export async function sideloadMedia( {
	file,
	attachmentId,
	additionalData = {},
	signal,
	onFileChange,
	onError = noop,
}: SideloadMediaArgs ) {
	try {
		const attachment = await sideloadToServer(
			file,
			attachmentId,
			additionalData,
			signal
		);
		onFileChange?.( [ attachment ] );
	} catch ( error ) {
		let message;
		if ( error instanceof Error ) {
			message = error.message;
		} else {
			message = sprintf(
				// translators: %s: file name
				__( 'Error while sideloading file %s to the server.' ),
				file.name
			);
		}
		onError(
			new UploadError( {
				code: 'GENERAL',
				message,
				file,
				cause: error instanceof Error ? error : undefined,
			} )
		);
	}
}