Notes/src/public/app/menus/image_context_menu.js

import utils from "../services/utils.js";
import contextMenu from "./context_menu.js";
import imageService from "../services/image.js";

const PROP_NAME = "imageContextMenuInstalled";

function setupContextMenu($image) {
    if (!utils.isElectron() || $image.prop(PROP_NAME)) {
        return;
    }

    $image.prop(PROP_NAME, true);
    $image.on('contextmenu', e => {
        e.preventDefault();

        contextMenu.show({
            x: e.pageX,
            y: e.pageY,
            items: [
                {
                    title: "Copy reference to clipboard",
                    command: "copyImageReferenceToClipboard",
                    uiIcon: "bx bx-empty"
                },
                {title: "Copy image to clipboard", command: "copyImageToClipboard", uiIcon: "bx bx-empty"},
            ],
            selectMenuItemHandler: async ({command}) => {
                if (command === 'copyImageReferenceToClipboard') {
                    imageService.copyImageReferenceToClipboard($image);
                } else if (command === 'copyImageToClipboard') {
                    try {
                        const imageUrl = $image.attr('src');
                        const response = await fetch(imageUrl);
                        const blob = await response.blob();
                        const arrayBuffer = await blob.arrayBuffer();
                        const buffer = Buffer.from(arrayBuffer);
                        const nativeImage = utils.dynamicRequire('electron').nativeImage;
                        const clipboard = utils.dynamicRequire('electron').clipboard;
                        const image = nativeImage.createFromBuffer(buffer);
                        clipboard.writeImage(image);
                    } catch (error) {
                        console.error('Failed to copy image to clipboard:', error);
                    }
                } else {
                    throw new Error(`Unrecognized command '${command}'`);
                }
            }
        });
    });
}

export default {
    setupContextMenu
};