script.js

// Main function to generate audio
async function generateAudio() {
    const taskId = document.getElementById('taskId').value.trim();
    const audioId = document.getElementById('audioId').value.trim();
    const generateBtn = document.getElementById('generateBtn');
    const loading = document.getElementById('loading');
    const status = document.getElementById('status');
    const result = document.getElementById('result');
    const response = document.getElementById('response');
    
    // Validate inputs
    if (!taskId || !audioId) {
        showStatus('Please fill in both Task ID and Audio ID', 'error');
        return;
    }
    
    // Validate API key
    if (!window.config.apiKey || window.config.apiKey === '') {
        showStatus('API Key is not configured. Please set SUNO_API_KEY in Space secrets.', 'error');
        return;
    }
    
    // Validate callback URL
    if (!window.config.callbackUrl || window.config.callbackUrl === '') {
        showStatus('Callback URL is not configured. Please set CALLBACK_URL in Space secrets.', 'error');
        return;
    }
    
    // Prepare request
    const requestData = {
        taskId: taskId,
        audioId: audioId,
        callBackUrl: window.config.callbackUrl
    };
    
    const options = {
        method: 'POST',
        headers: {
            'Authorization': `Bearer ${window.config.apiKey}`,
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(requestData)
    };
    
    // Show loading state
    generateBtn.disabled = true;
    loading.classList.add('show');
    status.classList.remove('show', 'success', 'error');
    result.classList.remove('show');
    
    try {
        // Make API call
        const apiResponse = await fetch('https://api.sunoapi.org/api/v1/wav/generate', options);
        const data = await apiResponse.json();
        
        // Display response
        response.textContent = JSON.stringify(data, null, 2);
        result.classList.add('show');
        
        // Show success status
        if (apiResponse.ok) {
            showStatus('✅ Audio generation request sent successfully!', 'success');
        } else {
            showStatus(`❌ Error: ${data.message || 'Unknown error'}`, 'error');
        }
        
    } catch (error) {
        // Handle errors