import { Editor, TLExternalContentSource, VecLike } from '@bigbluebutton/editor'

/**
 * When the clipboard has a file, create an image shape from the file and paste it into the scene
 *
 * @param editor - The editor instance.
 * @param urls - The file urls.
 * @param point - The point at which to paste the file.
 * @internal
 */
export async function pasteFiles(
	editor: Editor,
	urls: string[],
	point?: VecLike,
	sources?: TLExternalContentSource[]
) {
	const blobs = await Promise.all(urls.map(async (url) => await (await fetch(url)).blob()))
	const files = blobs.map((blob) => new File([blob], 'tldrawFile', { type: blob.type }))

	editor.mark('paste')

	await editor.putExternalContent({
		type: 'files',
		files,
		point,
		ignoreParent: false,
		sources,
	})

	urls.forEach((url) => URL.revokeObjectURL(url))
}