trilium/src/public/javascripts/services/drag_and_drop.js

import treeService from './tree.js';
import treeChangesService from './branches.js';
import hoistedNoteService from './hoisted_note.js';

const dragAndDropSetup = {
    autoExpandMS: 600,
    dragStart: (node, data) => {
        // don't allow dragging root node
        if (node.data.noteId === hoistedNoteService.getHoistedNoteNoPromise()
            || node.getParent().data.noteType === 'search') {
            return false;
        }

        node.setSelected(true);

        const notes = treeService.getSelectedNodes().map(node => { return {
            noteId: node.data.noteId,
            title: node.title
        }});

        data.dataTransfer.setData("text", JSON.stringify(notes));

        // This function MUST be defined to enable dragging for the tree.
        // Return false to cancel dragging of node.
        return true;
    },
    dragEnter: (node, data) => true, // allow drop on any node
    dragOver: (node, data) => true,
    dragDrop: async (node, data) => {
        if ((data.hitMode === 'over' && node.data.noteType === 'search') ||
            (['after', 'before'].includes(data.hitMode)
                && (node.data.noteId === hoistedNoteService.getHoistedNoteNoPromise() || node.getParent().data.noteType === 'search'))) {

            const infoDialog = await import('../dialogs/info.js');

            await infoDialog.info("Dropping notes into this location is not allowed.");

            return;
        }

        const dataTransfer = data.dataTransfer;

        if (dataTransfer && dataTransfer.files && dataTransfer.files.length > 0) {
            const files = [...dataTransfer.files]; // chrome has issue that dataTransfer.files empties after async operation

            const importService = await import('./import.js');

            importService.uploadFiles(node.data.noteId, files, {
                safeImport: true,
                shrinkImages: true,
                textImportedAsText: true,
                codeImportedAsCode: true,
                explodeArchives: true
            });
        }
        else {
            // This function MUST be defined to enable dropping of items on the tree.
            // data.hitMode is 'before', 'after', or 'over'.

            const selectedNodes = treeService.getSelectedNodes();

            if (data.hitMode === "before") {
                treeChangesService.moveBeforeNode(selectedNodes, node);
            } else if (data.hitMode === "after") {
                treeChangesService.moveAfterNode(selectedNodes, node);
            } else if (data.hitMode === "over") {
                treeChangesService.moveToNode(selectedNodes, node);
            } else {
                throw new Error("Unknown hitMode=" + data.hitMode);
            }
        }
    }
};

export default dragAndDropSetup;