Function executeUploadFlow

packages/editor/src/plugins/image/upload-flow.ts:24–51

({
  editor,
  file,
  uploadImage,
}: ExecuteUploadFlowParams)

}

export async function executeUploadFlow({
  editor,
  file,
  uploadImage,
}: ExecuteUploadFlowParams): Promise<void> {
  const blobUrl = URL.createObjectURL(file);

  const selectedImageAttrs = getSelectedImageAttrs(editor);

  editor
    .chain()
    .focus()
    .setImage({ ...selectedImageAttrs, src: blobUrl })
    .run();

  try {
    const { url } = await uploadImage(file);
    swapImageSrc(editor, blobUrl, url);
  } catch (error) {
    removeImageBySrc(editor, blobUrl);
    console.error(
      `Failed to upload image "${file.name}":`,
      error instanceof Error ? error : new Error(String(error)),
    );
  } finally {
    URL.revokeObjectURL(blobUrl);
  }
}

function swapImageSrc(editor: Editor, oldSrc: string, newSrc: string): void {
  const { state } = editor;