Update index.html

index.html

@@ -360,7 +360,7 @@
         const ACE_SPACE_URL = "https://ace-step-ace-step-v1-5.hf.space/";
         // مشخصات نسخه پولی
         const PREMIUM_PAGE_ID = '1149636';
-        const PREMIUM_URL = '#/nav/online/news/getSingle/1149636/eyJpdiI6InZSVUdlLzBlR0FzOHZJdXFZeWhER0E9PSIsInZhbHVlIjoiWFhqRXBL29vSFpHdk9nYmRjZGVuWHRHRHVSZHRlTG1BUENLaE5mNXBNVVRGWFg3ZWN0djJ5K1dIY1RqTHJGaCIsIm1hYyI6IjIzYzFlZTMwYmVmMTdkYjQ0YTQ4YWMxNmFhN2RmNWQ2OTU0MjI0ZWVlZGI3ZjJjMjhkNmQxNjM4MDFlZTIxNmUiLCJ0YWciOiIifQ==/20934991';
+        const PREMIUM_URL = '#/nav/online/news/getSingle/1149636/eyJpdiI6InZSVUdlLzBlR0FzOHZJdXFZeWhER0E9PSIsInZhbHVlIjoiWFhqRXBLc29vSFpHdk9nYmRjZGVuWHRHRHVSZHRlTG1BUENLaE5mNXBNVVRGWFg3ZWN0djJ5K1dIY1RqTHJGaCIsIm1hYyI6IjIzYzFlZTMwYmVmMTdkYjQ0YTQ4YWMxNmFhN2RmNWQ2OTU0MjI0ZWVlZGI3ZjJjMjhkNmQxNjM4MDFlZTIxNmUiLCJ0YWciOiIifQ==/20934991';
 
         let db;
         let songToDeleteId = null;
@@ -401,6 +401,7 @@
         function getFingerprint() {
             let fp = localStorage.getItem('user_fingerprint');
             if (!fp) {
+                // تولید یک شناسه تصادفی و ذخیره آن
                 fp = 'user_' + Math.random().toString(36).substr(2, 9) + Date.now().toString(36);
                 localStorage.setItem('user_fingerprint', fp);
             }
@@ -425,6 +426,7 @@
             }
         }
 
+        // شنونده پیام از آیفریم مادر
         window.addEventListener('message', (event) => {
             if (event.data && event.data.type === 'USER_STATUS_RESPONSE') {
                 try {
@@ -437,16 +439,26 @@
             }
         });
 
+        // درخواست وضعیت کاربر در شروع برنامه
         parent.postMessage({ type: 'REQUEST_USER_STATUS' }, '*');
 
+        // مدیریت کلیک دکمه دانلود (تابع امنیتی)
         function handleSecureDownload(url, e) {
             if (e) e.preventDefault();
+            
             if (userSubscriptionStatus === 'free') {
+                // تنظیم متن مودال برای دانلود
                 upgradeModalTitle.innerText = "دانلود مخصوص اعضای ویژه";
                 upgradeModalText.innerText = "برای دانلود آهنگ‌های ساخته شده با کیفیت اصلی و بدون محدودیت، لطفا حساب کاربری خود را به نسخه نامحدود ارتقا دهید.";
                 upgradeModal.classList.add('open');
             } else {
-                parent.postMessage({ type: 'INITIATE_DOWNLOAD_FROM_URL', payload: { audioUrl: url } }, '*');
+                // ارسال درخواست دانلود به آیفریم مادر
+                parent.postMessage({ 
+                    type: 'INITIATE_DOWNLOAD_FROM_URL', 
+                    payload: { audioUrl: url } 
+                }, '*');
+                
+                // تغییر موقت متن دکمه برای فیدبک
                 const btn = e ? e.target.closest('button') : null;
                 if(btn) {
                     const originalText = btn.innerHTML;
@@ -456,8 +468,12 @@
             }
         }
 
+        // دکمه ارتقا در مودال
         document.getElementById('btnGoPremium').addEventListener('click', () => {
-            parent.postMessage({ type: 'NAVIGATE_TO_PREMIUM', payload: { url: PREMIUM_URL } }, '*');
+            parent.postMessage({ 
+                type: 'NAVIGATE_TO_PREMIUM', 
+                payload: { url: PREMIUM_URL } 
+            }, '*');
         });
 
         function closeUpgradeModal() {
@@ -474,6 +490,7 @@
 
         async function saveToHistory(idea, lyrics, audioUrl) {
             try {
+                // برای ذخیره در DB باید فایل را فچ کنیم
                 const response = await fetch(audioUrl);
                 const audioBlob = await response.blob();
                 const newItem = {
@@ -484,6 +501,7 @@
                 const store = transaction.objectStore("songs");
                 store.add(newItem);
                 
+                // شرط نگهداری فقط ۱۰ آیتم آخر
                 const countReq = store.count();
                 countReq.onsuccess = () => {
                     if (countReq.result > 10) store.openCursor().onsuccess = (e) => { if(e.target.result) e.target.result.delete(); };
@@ -518,7 +536,9 @@
                             <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18"></path><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path></svg>
                         </div>
                     `;
+                    // کلیک روی خود کارت برای پخش
                     div.onclick = (e) => {
+                        // اگر روی دکمه حذف کلیک نشده باشد
                         if (!e.target.closest('.h-delete')) {
                             openHistoryItem(item);
                         }
@@ -530,7 +550,7 @@
 
         // --- توابع حذف ---
         function askToDelete(event, id) {
-            event.stopPropagation();
+            event.stopPropagation(); // جلوگیری از باز شدن پلیر
             songToDeleteId = id;
             deleteModal.classList.add('open');
         }
@@ -552,6 +572,7 @@
             }
         }
 
+        // بستن مودال با کلیک بیرون
         deleteModal.addEventListener('click', (e) => {
             if (e.target === deleteModal) closeDeleteModal();
         });
@@ -568,6 +589,7 @@
             headerText.innerHTML = `<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg> آهنگ آرشیو شده`;
             headerText.style.color = 'var(--accent-primary)';
 
+            // تنظیم دکمه دانلود
             mainDownloadBtn.style.display = 'inline-flex';
             mainDownloadBtn.onclick = (e) => handleSecureDownload(audioURL, e);
 
@@ -580,36 +602,122 @@
         
         initDB();
 
-        // --- توابع تبدیل و آپلود ---
+        // --- توابع تبدیل فرمت صوتی (Client-Side WAV Converter) ---
+        function writeString(view, offset, string) {
+            for (let i = 0; i < string.length; i++) {
+                view.setUint8(offset + i, string.charCodeAt(i));
+            }
+        }
+
+        function floatTo16BitPCM(output, offset, input) {
+            for (let i = 0; i < input.length; i++, offset += 2) {
+                let s = Math.max(-1, Math.min(1, input[i]));
+                output.setInt16(offset, s < 0 ? s * 0x8000 : s * 0x7FFF, true);
+            }
+        }
+
+        function interleave(inputL, inputR) {
+            const length = inputL.length + inputR.length;
+            const result = new Float32Array(length);
+            let index = 0;
+            let inputIndex = 0;
+            while (index < length) {
+                result[index++] = inputL[inputIndex];
+                result[index++] = inputR[inputIndex];
+                inputIndex++;
+            }
+            return result;
+        }
+
+        function bufferToWave(abuffer, len) {
+            let numOfChan = abuffer.numberOfChannels;
+            let length = len * numOfChan * 2 + 44;
+            let buffer = new ArrayBuffer(length);
+            let view = new DataView(buffer);
+            let channels = [], i, sample;
+            let offset = 0;
+            let pos = 0;
+
+            // write WAVE header
+            writeString(view, 0, 'RIFF');
+            view.setUint32(4, 36 + len * numOfChan * 2, true);
+            writeString(view, 8, 'WAVE');
+            writeString(view, 12, 'fmt ');
+            view.setUint32(16, 16, true);
+            view.setUint16(20, 1, true);
+            view.setUint16(22, numOfChan, true);
+            view.setUint32(24, abuffer.sampleRate, true);
+            view.setUint32(28, abuffer.sampleRate * 2 * numOfChan, true);
+            view.setUint16(32, numOfChan * 2, true);
+            view.setUint16(34, 16, true);
+            writeString(view, 36, 'data');
+            view.setUint32(40, len * numOfChan * 2, true);
+
+            // write interleaved data
+            for(i = 0; i < abuffer.numberOfChannels; i++)
+                channels.push(abuffer.getChannelData(i));
+
+            offset = 44;
+            // Interleave logic handled simply here for 1 or 2 channels
+            if (numOfChan === 2) {
+                while(pos < len) {
+                    for(i = 0; i < numOfChan; i++) {
+                        sample = Math.max(-1, Math.min(1, channels[i][pos]));
+                        sample = (sample < 0 ? sample * 0x8000 : sample * 0x7FFF) | 0;
+                        view.setInt16(offset, sample, true);
+                        offset += 2;
+                    }
+                    pos++;
+                }
+            } else {
+                 while(pos < len) {
+                    sample = Math.max(-1, Math.min(1, channels[0][pos]));
+                    sample = (sample < 0 ? sample * 0x8000 : sample * 0x7FFF) | 0;
+                    view.setInt16(offset, sample, true);
+                    offset += 2;
+                    pos++;
+                 }
+            }
+            return new Blob([buffer], { type: "audio/wav" });
+        }
+
         async function convertAudioToWav(file) {
             return new Promise((resolve, reject) => {
                 const reader = new FileReader();
-                reader.onload = (e) => {
-                    const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
-                    audioCtx.decodeAudioData(e.target.result)
-                        .then(buffer => {
-                            const wavBlob = bufferToWave(buffer, buffer.length);
-                            const wavFile = new File([wavBlob], file.name.replace(/\.[^/.]+$/, "") + ".wav", { type: "audio/wav" });
-                            resolve(wavFile);
-                        })
-                        .catch(err => reject(`خطا در دیکد کردن فایل: ${err.message}`));
+                reader.onload = function(e) {
+                    const audioContext = new (window.AudioContext || window.webkitAudioContext)();
+                    audioContext.decodeAudioData(e.target.result, function(buffer) {
+                        const wavBlob = bufferToWave(buffer, buffer.length);
+                        // ساخت فایل جدید با فرمت wav
+                        const wavFile = new File([wavBlob], file.name.replace(/\.[^/.]+$/, "") + ".wav", { type: "audio/wav" });
+                        resolve(wavFile);
+                    }, function(e){
+                         console.error("Audio decode failed", e);
+                         reject("فرمت فایل صوتی پشتیبانی نمی‌شود.");
+                    });
                 };
-                reader.onerror = (e) => reject(`خطا در خواندن فایل: ${e.message}`);
+                reader.onerror = reject;
                 reader.readAsArrayBuffer(file);
             });
         }
 
+        // --- تابع آپلود فایل صوتی به Gradio ---
         async function uploadAudioFile(file) {
             const formData = new FormData();
             formData.append("files", file);
             try {
-                const response = await fetch(`${ACE_SPACE_URL}gradio_api/upload`, { method: "POST", body: formData });
+                const response = await fetch(`${ACE_SPACE_URL}gradio_api/upload`, {
+                    method: "POST",
+                    body: formData
+                });
                 const data = await response.json();
                 if (data && data.length > 0) {
                     return {
                         "path": data[0],
                         "url": `${ACE_SPACE_URL}gradio_api/file=${data[0]}`,
-                        "orig_name": file.name, "size": file.size, "mime_type": file.type,
+                        "orig_name": file.name,
+                        "size": file.size,
+                        "mime_type": file.type,
                         "meta": {"_type": "gradio.FileData"}
                     };
                 }
@@ -630,43 +738,53 @@
             loader.style.display = 'block';
             
             try {
+                // 1. آپلود و تبدیل فایل نمونه
                 const audioInput = document.getElementById('audio_reference');
                 let uploadedAudioObj = null;
-                let mode = "custom"; // حالت پیش‌فرض
                 
                 if (audioInput.files.length > 0) {
                     let fileToUpload = audioInput.files[0];
+                    
+                    // بررسی و تبدیل به WAV
                     if (fileToUpload.type !== 'audio/wav' && !fileToUpload.name.toLowerCase().endsWith('.wav')) {
                         loaderText.innerText = "در حال تبدیل فرمت فایل صوتی به WAV...";
-                        fileToUpload = await convertAudioToWav(fileToUpload);
+                        try {
+                            fileToUpload = await convertAudioToWav(fileToUpload);
+                            console.log("Converted to WAV:", fileToUpload.name, fileToUpload.size);
+                        } catch (err) {
+                            console.error(err);
+                            alert("خطا در تبدیل فایل صوتی. لطفاً فایل WAV معتبر آپلود کنید.");
+                            throw new Error("Audio conversion failed");
+                        }
                     }
 
                     loaderText.innerText = "در حال آپلود فایل نمونه...";
                     uploadedAudioObj = await uploadAudioFile(fileToUpload);
-                    
-                    if (uploadedAudioObj) {
-                        mode = "Continuation";
-                    }
                 }
 
+                // 2. درخواست متن و پرامپت
                 loaderText.innerText = "آلفا در حال نوشتن شعر و ملودی...";
                 const isInstrumental = getChk('instrumental_chk');
                 
+                // ارسال درخواست به سرور با فینگرپرینت و وضعیت اشتراک
                 const response = await fetch('/api/refine', { 
                     method: 'POST', 
                     headers: {'Content-Type': 'application/json'}, 
                     body: JSON.stringify({ 
-                        idea: ideaInput.value, fingerprint: getFingerprint(),
+                        idea: ideaInput.value,
+                        fingerprint: getFingerprint(),
                         is_premium: userSubscriptionStatus === 'paid',
                         is_instrumental: isInstrumental
                     }) 
                 });
 
+                // بررسی خطای محدودیت روزانه (429)
                 if (response.status === 429) {
                     loader.style.display = 'none';
                     step1.style.display = 'block';
                     historySection.style.display = 'block';
                     processBtn.disabled = false;
+                    
                     upgradeModalTitle.innerText = "محدودیت ساخت روزانه";
                     upgradeModalText.innerText = "شما به سقف ۵ آهنگ رایگان در روز رسیده‌اید. برای ساخت آهنگ‌های بیشتر و نامحدود، لطفا حساب خود را ارتقا دهید.";
                     upgradeModal.classList.add('open');
@@ -681,9 +799,10 @@
                 
                 const finalLyrics = isInstrumental ? "" : lyrics;
 
+                // ایندکس 3: مدت زمان آهنگ
                 const payload = [
                     getVal('model_select'), 
-                    mode, 
+                    "custom", 
                     uploadedAudioObj, 
                     getVal('duration_select'), 
                     musicPrompt, 
@@ -720,7 +839,7 @@
             }
         });
 
-        function handleAudioOutput(outputData, lyrics, idea) {
+        function handleAudioOutput(data, lyrics, idea) {
             const processedUrls = new Set();
             let hasResult = false;
             
@@ -739,24 +858,14 @@
                 playerWrapper.innerHTML += `<div class="audio-item"><audio controls autoplay src="${fullUrl}"></audio></div>`;
             }
 
-            // **اصلاح کلیدی:** جستجو را از داخل آرایه data در آبجکت خروجی شروع می‌کنیم
             function traverse(obj) {
-                if (typeof obj === 'string' && obj.includes('/file=') && obj.endsWith('.mp3')) {
-                    addAudio(obj);
-                } else if (Array.isArray(obj)) {
-                    obj.forEach(traverse);
-                } else if (obj && typeof obj === 'object') {
-                    if (obj.url && obj.url.endsWith('.mp3')) {
-                        addAudio(obj.url);
-                    } else {
-                        Object.values(obj).forEach(traverse);
-                    }
+                if (typeof obj === 'string' && obj.includes('/file=') && obj.endsWith('.mp3')) addAudio(obj);
+                else if (obj && typeof obj === 'object') {
+                    if (obj.url && obj.url.endsWith('.mp3')) addAudio(obj.url);
+                    Object.values(obj).forEach(traverse);
                 }
             }
-            
-            if (outputData && outputData.data) {
-                traverse(outputData.data);
-            }
+            traverse(data);
 
             if (hasResult) {
                 const headerText = document.getElementById('resultHeaderText');
@@ -766,17 +875,13 @@
                 finalLyricsBox.innerHTML = formatLyrics(lyrics);
                 window.scrollTo({ top: 0, behavior: 'smooth' });
             } else {
-                console.error("No audio file URL found in the response:", outputData);
-                alert("فایل صوتی یافت نشد! (ممکن است خطایی در سرور رخ داده باشد)");
+                alert("فایل صوتی یافت نشد!");
                 step1.style.display = 'block';
                 historySection.style.display = 'block';
             }
         }
 
-        function formatLyrics(text) { 
-            if(!text) return "";
-            return text.replace(/\[(.*?)\]/g, '<span class="lyrics-tag">[$1]</span>'); 
-        }
+        function formatLyrics(text) { return text.replace(/\[(.*?)\]/g, '<span class="lyrics-tag">[$1]</span>'); }
 
         const canvas = document.getElementById('music-canvas');
         const ctx = canvas.getContext('2d');
@@ -798,51 +903,6 @@
             requestAnimationFrame(anim);
         }
         anim();
-
-        // --- توابع کمکی برای تبدیل به WAV ---
-        function bufferToWave(aBuffer, len) {
-            let numOfChan = aBuffer.numberOfChannels,
-                length = len * numOfChan * 2 + 44,
-                buffer = new ArrayBuffer(length),
-                view = new DataView(buffer),
-                channels = [], i, sample,
-                offset = 0,
-                pos = 0;
-
-            writeString(view, 0, 'RIFF');
-            view.setUint32(4, 36 + len * numOfChan * 2, true);
-            writeString(view, 8, 'WAVE');
-            writeString(view, 12, 'fmt ');
-            view.setUint32(16, 16, true);
-            view.setUint16(20, 1, true);
-            view.setUint16(22, numOfChan, true);
-            view.setUint32(24, aBuffer.sampleRate, true);
-            view.setUint32(28, aBuffer.sampleRate * 2 * numOfChan, true);
-            view.setUint16(32, numOfChan * 2, true);
-            view.setUint16(34, 16, true);
-            writeString(view, 36, 'data');
-            view.setUint32(40, len * numOfChan * 2, true);
-
-            for (i = 0; i < aBuffer.numberOfChannels; i++)
-                channels.push(aBuffer.getChannelData(i));
-
-            while (pos < len) {
-                for (i = 0; i < numOfChan; i++) {
-                    sample = Math.max(-1, Math.min(1, channels[i][pos]));
-                    sample = (0.5 + sample < 0 ? sample * 32768 : sample * 32767) | 0;
-                    view.setInt16(offset, sample, true);
-                    offset += 2;
-                }
-                pos++;
-            }
-            return new Blob([view], { type: 'audio/wav' });
-        }
-        
-        function writeString(view, offset, string) {
-            for (var i = 0; i < string.length; i++) {
-                view.setUint8(offset + i, string.charCodeAt(i));
-            }
-        }
     </script>
 </body>  
 </html>