Function processFiles

tools/duplicate-detector/script.js:91–140

(files)

}

async function processFiles(files) {
    const progressContainer = document.getElementById('progressContainer');
    const progressText = document.getElementById('progressText');
    const progressPercent = document.getElementById('progressPercent');
    const progressFill = document.getElementById('progressFill');
    const batchActions = document.getElementById('batchActions');
    const statsContainer = document.getElementById('statsContainer');
    
    progressContainer.style.display = 'block';
    const totalFiles = files.length;
    let processedCount = 0;
    
    for (const fileObj of files) {
        try {
            // Compute the content hash
            const hash = await calculatePixelHash(fileObj.file);
            
            // Create a preview URL
            const url = URL.createObjectURL(fileObj.file);
            
            allFiles.push({
                id: fileIdCounter++,
                name: fileObj.file.name,
                path: fileObj.path,
                size: fileObj.file.size,
                hash: hash,
                url: url,
                file: fileObj.file
            });
            
            processedCount++;
            const percent = Math.round((processedCount / totalFiles) * 100);
            progressText.textContent = `Analyzing: ${processedCount} / ${totalFiles}`;
            progressPercent.textContent = `${percent}%`;
            progressFill.style.width = `${percent}%`;
        } catch (error) {
            console.error('Error processing file:', fileObj.file.name, error);
            processedCount++;
        }
    }
    
    progressContainer.style.display = 'none';
    batchActions.style.display = 'flex';
    statsContainer.style.display = 'grid';
    
    // Reset the file input so the same folder can be selected again
    document.getElementById('fileInput').value = '';
    
    analyzeAndDisplay();
}

function analyzeAndDisplay() {
    const hashMap = new Map();