script.js

// Shared JavaScript across all pages

// HSK word database (simplified version - fallback)
const hskDatabase = {
    "你好": { level: 1, style: "Neutral", usage: "Common", meaning: "hello" },
    "学习": { level: 1, style: "Neutral", usage: "Common", meaning: "study, learn" },
    "谢谢": { level: 1, style: "Neutral", usage: "Common", meaning: "thank you" },
    "再见": { level: 1, style: "Neutral", usage: "Common", meaning: "goodbye" },
    "是": { level: 1, style: "Neutral", usage: "Common", meaning: "to be" },
    "不": { level: 1, style: "Neutral", usage: "Common", meaning: "no, not" },
    "我": { level: 1, style: "Neutral", usage: "Common", meaning: "I, me" },
    "你": { level: 1, style: "Neutral", usage: "Common", meaning: "you" },
    "好": { level: 1, style: "Neutral", usage: "Common", meaning: "good" },
    "人": { level: 1, style: "Neutral", usage: "Common", meaning: "person" },
    "冒险": { level: 4, style: "Neutral", usage: "Common", meaning: "adventure, take risks" },
    "尴尬": { level: 5, style: "Neutral", usage: "Common", meaning: "embarrassed, awkward" },
    "牛逼": { level: "Not in HSK", style: "Informal", usage: "Common", meaning: "awesome, amazing" },
    "囧": { level: "Not in HSK", style: "Informal", usage: "Rare", meaning: "embarrassed, awkward" },
    "饕餮": { level: "Not in HSK", style: "Formal", usage: "Rare", meaning: "gluttonous monster" },
    "耄耋": { level: "Not in HSK", style: "Formal", usage: "Rare", meaning: "very old age" }
};
// DOM Elements
const wordForm = document.getElementById('wordForm');
const chineseWordInput = document.getElementById('chineseWord');
const resultsSection = document.getElementById('resultsSection');
const resultsDiv = document.getElementById('results');
const clearResultsBtn = document.getElementById('clearResults');

// Initialize the application
document.addEventListener('DOMContentLoaded', function() {
    console.log('Hanzi Hunter initialized');
    
    // Form submission handler
    wordForm.addEventListener('submit', function(e) {
        e.preventDefault();
        const word = chineseWordInput.value.trim();
        
        if (word) {
            analyzeWord(word);
        }
    });
    
    // Clear results handler
    clearResultsBtn.addEventListener('click', function() {
        clearResults();
    });
    
    // Load any saved results from localStorage
    loadSavedResults();
});
// Analyze the Chinese word
async function analyzeWord(word) {
    // Check if input is Chinese characters
    if (!isChinese(word)) {
        showError("Please enter a valid Chinese word.");
        return;
    }
    
    try {
        // Try to fetch from API first
        const wordData = await fetchWordData(word);
        displayResults(word, wordData);
        saveResults(word, wordData);
    } catch (error) {
        console.error('API Error:', error);
        // Fallback to local database
        const localData = hskDatabase[word] || {
            level: "Not in HSK",
            style: "Neutral",
            usage: "Rare",
            meaning: "unknown meaning"
        };
        displayResults(word, localData);
        saveResults(word, localData);
    }
}

// Fetch word data from APIs
async function fetchWordData(word) {
    // You can implement multiple API calls here
    // Example using dictionary API
    try {
        const response = await fetch(`${apiConfig.getAPI('dictionary').url}${encodeURIComponent(word)}`);
        
        if (response.ok) {
            const data = await response.json();
            return processAPIData(data, word);
        }
    } catch (error) {
        console.error('Dictionary API failed:', error);
    }
    
    // If no API works, throw error to trigger fallback
    throw new Error('All APIs failed');
}

// Process API response data
function processAPIData(apiData, word) {
    // Process the API response and extract relevant information
    // This is a placeholder - adjust based on your API response structure
    return {
        level: "Checking...",
        style: "Neutral",
        usage: "Common",
        meaning: apiData[0]?.meanings?.[0]?.definitions?.[0]?.definition || "Meaning not found",
        source: "API"
    };
}
// Check if string contains Chinese characters
function isChinese(str) {
    return /[\u4e00-\u9fff]/.test(str);
}

// Display analysis results
function displayResults(word, data) {
    resultsSection.classList.remove('hidden');
    resultsSection.classList.add('fade-in-up');
    
    let warningText = '';
    if (data.style === "Informal") {
        warningText = '<p class="text-yellow-400 text-sm mt-2"><i data-feather="alert-triangle" class="w-4 h-4 inline mr-1"></i>This is casual spoken Chinese.</p>';
    } else if (data.style === "Formal" || data.usage === "Rare") {
        warningText = '<p class="text-orange-400 text-sm mt-2"><i data-feather="info" class="w-4 h-4 inline mr-1"></i>This word is mostly used in formal writing.</p>';
    }
    
    resultsDiv.innerHTML = `
        <div class="bg-gray-800 rounded-lg p-4 border-l-4 border-red-500">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <p class="text-gray-400 text-sm">Word</p>
                    <p class="text-2xl font-bold">${word}</p>
                </div>
                <div>
                    <p class="text-gray-400 text-sm">HSK Level</p>
                    <p class="text-xl font-semibold">${data.level}</p>
                </div>
                <div>
                    <p class="text-gray-400 text-sm">Style</p>
                    <p class="text-xl font-semibold">${data.style}</p>
                </div>
                <div>
                    <p class="text-gray-400 text-sm">Usage</p>
                    <p class="text-xl font-semibold">${data.usage}</p>
                </div>
                <div>
                    <p class="text-gray-400 text-sm">Meaning</p>
                    <p class="text-xl font-semibold">${data.meaning}</p>
                </div>
            </div>
            ${warningText}
        </div>
    `;
    
    // Update feather icons in the new content
    feather.replace();
    
    // Scroll to results
    resultsSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
}

// Show error message
function showError(message) {
    resultsSection.classList.remove('hidden');
    resultsDiv.innerHTML = `
        <div class="bg-red-900 rounded-lg p-4 border-l-4 border-red-500">
            <div class="flex items-center">
                <i data-feather="alert-circle" class="w-6 h-6 text-red-300 mr-3"></i>
                <p class="text-red-300">${message}</p>
            </div>
        </div>
    `;
    feather.replace();
}

// Clear results
function clearResults() {
    resultsSection.classList.add('hidden');
    chineseWordInput.value = '';
    chineseWordInput.focus();
    localStorage.removeItem('lastWordAnalysis');
}

// Save results to localStorage
function saveResults(word, data) {
    const analysis = {
        word: word,
        data: data,
        timestamp: new Date().toISOString()
    };
    localStorage.setItem('lastWordAnalysis', JSON.stringify(analysis));
}

// Load saved results from localStorage
function loadSavedResults() {
    const saved = localStorage.getItem('lastWordAnalysis');
    if (saved) {
        const analysis = JSON.parse(saved);
        displayResults(analysis.word, analysis.data);
    }
}

// Theme management (for future use)
function toggleTheme() {
    document.documentElement.classList.toggle('dark');
}