utils.js

export function saveProgress(wpm, accuracy) {
    console.log('Saving progress:', { wpm, accuracy, timestamp: new Date().toISOString() });
    try {
        const history = JSON.parse(localStorage.getItem('typingHistory')) || [];
        const newEntry = { wpm, accuracy, date: new Date().toISOString() };
        history.push(newEntry);
        localStorage.setItem('typingHistory', JSON.stringify(history));
        console.log('Progress saved to localStorage:', JSON.parse(localStorage.getItem('typingHistory')));
    } catch (error) {
        console.error('Error saving progress to localStorage:', error);
    }
}

export function countCorrectChars(typedWords, originalWords) {
    console.log('Counting correct chars:', { typedWords, originalWords });
    let correctChars = 0;
    typedWords = typedWords || [];
    originalWords = originalWords || ['The', 'quick', 'brown', 'fox', 'jumps', 'over', 'the', 'lazy', 'dog'];

    for (let i = 0; i < Math.min(typedWords.length, originalWords.length); i++) {
        if (typedWords[i] === originalWords[i]) {
            correctChars += typedWords[i].length;
        }
    }
    console.log('Correct chars:', correctChars);
    return correctChars;
}

export function countCorrectWords(typedWords, originalWords) {
    console.log('Counting correct words:', { typedWords, originalWords });
    let correctWords = 0;
    typedWords = typedWords || [];
    originalWords = originalWords || ['The', 'quick', 'brown', 'fox', 'jumps', 'over', 'the', 'lazy', 'dog'];

    for (let i = 0; i < Math.min(typedWords.length, originalWords.length); i++) {
        if (typedWords[i] === originalWords[i]) {
            correctWords++;
        }
    }
    console.log('Correct words:', correctWords);
    return correctWords;
}

export function displayLeaderboard() {
    console.log('Displaying leaderboard');
    try {
        const history = JSON.parse(localStorage.getItem('typingHistory')) || [];
        console.log('Leaderboard data loaded:', history);
        const leaderboardTable = document.querySelector('#leaderboard-table');
        if (!leaderboardTable) {
            console.error('Leaderboard table not found');
            return;
        }
        leaderboardTable.innerHTML = '';
        if (history.length === 0) {
            console.log('No leaderboard data available');
            leaderboardTable.innerHTML = '<tr><td colspan="4">No leaderboard data available</td></tr>';
            return;
        }
        history.sort((a, b) => b.wpm - a.wpm).slice(0, 5).forEach((entry, index) => {
            const row = document.createElement('tr');
            row.innerHTML = `
                <td>${index + 1}</td>
                <td>${entry.wpm}</td>
                <td>${entry.accuracy}%</td>
                <td>${new Date(entry.date).toLocaleString()}</td>
            `;
            leaderboardTable.appendChild(row);
        });
        console.log('Leaderboard updated, rows:', history.length);
    } catch (error) {
        console.error('Error displaying leaderboard:', error);
        const leaderboardTable = document.querySelector('#leaderboard-table');
        if (leaderboardTable) {
            leaderboardTable.innerHTML = '<tr><td colspan="4">Error loading leaderboard</td></tr>';
        }
    }
}

export function updateLeaderboard() {
    console.log('updateLeaderboard called');
    displayLeaderboard();
}