script.js

/**
 * api.js — FastAPI communication only.
 * All visual/animation logic lives in index.html.
 */

document.getElementById('generate-btn').addEventListener('click', () => {
    // 1. Grab current values from your HTML inputs
    const length = document.getElementById('length-slider').value;
    const includeDigits = document.getElementById('digits-checkbox').checked;
    const includeSpecials = document.getElementById('specials-checkbox').checked;

    // 2. Signal loading state to the UI layer
    window.ui.setLoading(true);

    // 3. Build the dynamic URL pointing to your local FastAPI server
    // Automatically swaps between local testing and your live Render server
    const base_url = window.location.hostname === "127.0.0.1" || window.location.hostname === "localhost"
        ? "http://127.0.0.1:8000"
        : "https://fastapi-test-5nyx.onrender.com";

// Build the request using your live endpoint path
const url = `${base_url}/api/generate?length=${length}&use_digits=${includeDigits}&use_specials=${includeSpecials}`;
    // 4. Send the request to Python
    fetch(url)
        .then(response => response.json())
        .then(data => {
            // 5. Hand the password string to the UI layer for display
            window.ui.setPassword(data.password);
        })
        .catch(error => {
            console.error("Error linking to backend:", error);
            window.ui.setPassword("Server Error. Is Python running?");
        })
        .finally(() => {
            // 6. Always restore the button
            window.ui.setLoading(false);
        });
});