Alexander Friesen

Data Transfer Helper

A lightweight TypeScript library for handling Drag & Drop DataTransfer events. Makes dealing with dropped files and directories a breeze!

Features:

• Support for complete directories via File System Access API or webkitGetAsEntry
• Uses generator functions for optimal performance
• Fully typed with TypeScript
• Automatic fallbacks for older browsers

Installation

npm install data-transfer-helper

Example:

import { parseFilesFromEvent } from 'data-transfer-helper';

document.addEventListener('drop', async function(event: DragEvent) {
    event.preventDefault();
    event.stopPropagation();

    const files = await parseFilesFromEvent(event);
    console.log('Dropped files:', files);
});