Function handleFileSelect

tools/all-in-one/script.js:159–182

(e)

// Handle file selection from the input element
function handleFileSelect(e) {
    const files = Array.from(e.target.files);
    console.log(`📂 File input selected ${files.length} files`);
    files.forEach((file, i) => {
        console.log(`  ${i + 1}. ${file.name} (${file.type})`);
    });

    // Filter files based on WebP toggle
    const webpEnabled = state.settings.webpSupport;
    const validFiles = files.filter(file => {
        if (webpEnabled) {
            return file.type === 'image/gif' || file.type === 'image/webp' || file.type === 'image/png' || file.type === 'image/apng';
        }
        return file.type === 'image/gif';
    });

    if (validFiles.length === 0) {
        const supportedFormats = webpEnabled ? 'GIF, WebP, or APNG' : 'GIF';
        alert(`No ${supportedFormats} files selected!`);
        return;
    }

    processFiles(validFiles);
}

// Drag-and-drop handlers
function handleDragOver(e) {