Update index.html

index.html

@@ -66,7 +66,6 @@
         }  
         .subtitle { font-size: 0.9rem; color: var(--text-secondary); margin-top: 5px; margin-bottom: 10px; }  
 
-        /* استایل بج وضعیت اشتراک */
         .status-badge {
             display: inline-block; padding: 6px 16px; border-radius: 20px;
             font-size: 0.85rem; font-weight: 700; margin-top: 5px;
@@ -102,7 +101,6 @@
         textarea { min-height: 120px; resize: vertical; }
         textarea:focus, input:focus, select:focus { border-color: var(--accent-primary); background: #fff; }
 
-        /* دکمه اصلی */
         @keyframes move-gradient {
             0% { background-position: 0% 50%; }
             50% { background-position: 100% 50%; }
@@ -134,7 +132,6 @@
         }
         .btn-outline:hover { border-color: var(--accent-primary); color: var(--accent-primary); }
 
-        /* تنظیمات پیشرفته */
         .accordion {
             background-color: var(--input-bg); color: var(--text-primary); cursor: pointer; padding: 15px; width: 100%; border: none;
             text-align: right; outline: none; font-size: 0.95rem; font-weight: 600; border-radius: 12px;
@@ -153,10 +150,8 @@
         .checkbox-wrapper { display: flex; align-items: center; gap: 10px; margin-top: 5px; padding-bottom: 15px; border-top: 1px solid #e2e8f0; padding-top: 15px; }
         .settings-group label { font-size: 0.8rem; color: var(--text-secondary); display: block; margin-bottom: 6px; font-weight: 500; }
 
-        /* پلیر و متن */
         .player-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--panel-border); }
         
-        /* استایل دکمه دانلود */
         .download-btn-style {
             background-color: rgba(74, 108, 250, 0.1); color: var(--accent-primary); text-decoration: none; font-size: 0.9rem;
             font-weight: 700; padding: 8px 16px; border-radius: 10px; transition: 0.2s; display: inline-flex; align-items: center; gap: 5px; cursor: pointer; border: none;
@@ -173,7 +168,6 @@
         }
         .lyrics-tag { color: var(--accent-primary); font-weight: 800; display: block; margin-top: 20px; margin-bottom: 5px; font-size: 0.9em; letter-spacing: 1px; text-transform: uppercase; }
 
-        /* لودر */
         #loader { display: none; text-align: center; padding: 20px; }
         .wave-bars { display: flex; justify-content: center; gap: 4px; height: 30px; align-items: flex-end; }
         .bar { width: 5px; background: var(--accent-primary); animation: jump 1s infinite; border-radius: 2px; }
@@ -182,7 +176,6 @@
         .bar:nth-child(4) { animation-delay: 0.3s; height: 50%; }
         @keyframes jump { 0%, 100% { height: 20%; } 50% { height: 100%; } }
 
-        /* --- استایل‌های تاریخچه و حذف --- */
         #historySection { margin-top: 30px; width: 100%; }
         .history-title { font-size: 1.2rem; font-weight: 800; color: var(--text-primary); margin-bottom: 15px; display: flex; align-items: center; gap: 10px; }
         .history-list { display: grid; gap: 12px; }
@@ -207,7 +200,6 @@
         .history-card:hover .h-delete { opacity: 1; transform: scale(1); }
         .h-delete:hover { background: var(--danger-color); color: white; transform: scale(1.1); }
 
-        /* مودال‌ها */
         .modal-overlay {
             position: fixed; top: 0; left: 0; width: 100%; height: 100%;
             background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(8px);
@@ -233,7 +225,6 @@
         .btn-confirm { background: var(--danger-color); color: white; box-shadow: 0 5px 15px rgba(229, 62, 62, 0.3); }
         .btn-confirm:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(229, 62, 62, 0.4); }
 
-        /* مودال ارتقا */
         @keyframes pulse-gold { 0% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(255, 193, 7, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 193, 7, 0); } }
         .upgrade-icon { 
             width: 70px; height: 70px; 
@@ -358,15 +349,13 @@
 
     <script>
         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/eyJpdiI6InZSVUdlLzBlR0FzOHZJdXFZeWhER0E9PSIsInZhbHVlIjoiWFhqRXBLc29vSFpHdk9nYmRjZGVuWHRHRHVSZHRlTG1BUENLaE5mNXBNVVRGWFg3ZWN0djJ5K1dIY1RqTHJGaCIsIm1hYyI6IjIzYzFlZTMwYmVmMTdkYjQ0YTQ4YWMxNmFhN2RmNWQ2OTU0MjI0ZWVlZGI3ZjJjMjhkNmQxNjM4MDFlZTIxNmUiLCJ0YWciOiIifQ==/20934991';
 
         let db;
         let songToDeleteId = null;
-        let userSubscriptionStatus = 'free'; // پیش‌فرض رایگان
+        let userSubscriptionStatus = 'free';
 
-        // المان‌ها
         const ideaInput = document.getElementById('ideaInput');
         const processBtn = document.getElementById('processBtn');
         const step1 = document.getElementById('step1');
@@ -397,18 +386,15 @@
             });
         }
 
-        // --- مدیریت اثر انگشت (Fingerprint) ---
         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);
             }
             return fp;
         }
 
-        // --- مدیریت اشتراک و ارتباط با آیفریم مادر ---
         function isUserPaid(userObject) {
             return userObject && userObject.isLogin && userObject.accessible_pages && 
                    (userObject.accessible_pages.includes(PREMIUM_PAGE_ID) || 
@@ -426,7 +412,6 @@
             }
         }
 
-        // شنونده پیام از آیفریم مادر
         window.addEventListener('message', (event) => {
             if (event.data && event.data.type === 'USER_STATUS_RESPONSE') {
                 try {
@@ -439,26 +424,21 @@
             }
         });
 
-        // درخواست وضعیت کاربر در شروع برنامه
         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 } 
                 }, '*');
                 
-                // تغییر موقت متن دکمه برای فیدبک
                 const btn = e ? e.target.closest('button') : null;
                 if(btn) {
                     const originalText = btn.innerHTML;
@@ -468,7 +448,6 @@
             }
         }
 
-        // دکمه ارتقا در مودال
         document.getElementById('btnGoPremium').addEventListener('click', () => {
             parent.postMessage({ 
                 type: 'NAVIGATE_TO_PREMIUM', 
@@ -480,7 +459,6 @@
             upgradeModal.classList.remove('open');
         }
 
-        // --- مدیریت دیتابیس ---
         function initDB() {
             const request = indexedDB.open("alphaMusicDB", 1);
             request.onerror = (event) => console.error("IndexedDB error:", event);
@@ -490,7 +468,6 @@
 
         async function saveToHistory(idea, lyrics, audioUrl) {
             try {
-                // برای ذخیره در DB باید فایل را فچ کنیم
                 const response = await fetch(audioUrl);
                 const audioBlob = await response.blob();
                 const newItem = {
@@ -501,7 +478,6 @@
                 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(); };
@@ -536,9 +512,7 @@
                             <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);
                         }
@@ -548,9 +522,8 @@
             };
         }
 
-        // --- توابع حذف ---
         function askToDelete(event, id) {
-            event.stopPropagation(); // جلوگیری از باز شدن پلیر
+            event.stopPropagation();
             songToDeleteId = id;
             deleteModal.classList.add('open');
         }
@@ -572,7 +545,6 @@
             }
         }
 
-        // بستن مودال با کلیک بیرون
         deleteModal.addEventListener('click', (e) => {
             if (e.target === deleteModal) closeDeleteModal();
         });
@@ -589,7 +561,6 @@
             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);
 
@@ -602,33 +573,12 @@
         
         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;
@@ -638,7 +588,6 @@
             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');
@@ -653,12 +602,10 @@
             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++) {
@@ -688,7 +635,6 @@
                     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){
@@ -701,7 +647,6 @@
             });
         }
 
-        // --- تابع آپلود فایل صوتی به Gradio ---
         async function uploadAudioFile(file) {
             const formData = new FormData();
             formData.append("files", file);
@@ -728,7 +673,6 @@
             }
         }
 
-        // --- فرآیند اصلی ---
         processBtn.addEventListener('click', async () => {
             if (!ideaInput.value.trim()) return alert("لطفا موضوع آهنگ را بنویسید");
             
@@ -738,35 +682,22 @@
             loader.style.display = 'block';
             
             try {
-                // 1. آپلود و تبدیل فایل نمونه
                 const audioInput = document.getElementById('audio_reference');
                 let uploadedAudioObj = null;
                 
                 if (audioInput.files.length > 0) {
                     let fileToUpload = audioInput.files[0];
-                    
-                    // بررسی و تبدیل به WAV
                     if (fileToUpload.type !== 'audio/wav' && !fileToUpload.name.toLowerCase().endsWith('.wav')) {
                         loaderText.innerText = "در حال تبدیل فرمت فایل صوتی به WAV...";
-                        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");
-                        }
+                        fileToUpload = await convertAudioToWav(fileToUpload);
                     }
-
                     loaderText.innerText = "در حال آپلود فایل نمونه...";
                     uploadedAudioObj = await uploadAudioFile(fileToUpload);
                 }
 
-                // 2. درخواست متن و پرامپت
                 loaderText.innerText = "آلفا در حال نوشتن شعر و ملودی...";
                 const isInstrumental = getChk('instrumental_chk');
                 
-                // ارسال درخواست به سرور با فینگرپرینت و وضعیت اشتراک
                 const response = await fetch('/api/refine', { 
                     method: 'POST', 
                     headers: {'Content-Type': 'application/json'}, 
@@ -778,7 +709,6 @@
                     }) 
                 });
 
-                // بررسی خطای محدودیت روزانه (429)
                 if (response.status === 429) {
                     loader.style.display = 'none';
                     step1.style.display = 'block';
@@ -786,7 +716,7 @@
                     processBtn.disabled = false;
                     
                     upgradeModalTitle.innerText = "محدودیت ساخت روزانه";
-                    upgradeModalText.innerText = "شما به سقف ۵ آهنگ رایگان در روز رسیده‌اید. برای ساخت آهنگ‌های بیشتر و نامحدود، لطفا حساب خود را ارتقا دهید.";
+                    upgradeModalText.innerText = "شما به سقف ۵ آهنگ رایگان در روز رسیده‌اید.";
                     upgradeModal.classList.add('open');
                     return;
                 }
@@ -799,7 +729,10 @@
                 
                 const finalLyrics = isInstrumental ? "" : lyrics;
 
-                // ایندکس 3: مدت زمان آهنگ
+                // ** LOGIC CORRECTION: Determine Generation Mode **
+                // If audio is uploaded, we must switch the task from "text2music" to "prompt" (or equivalent for conditioning)
+                const taskType = uploadedAudioObj ? "prompt" : "text2music";
+
                 const payload = [
                     getVal('model_select'), 
                     "custom", 
@@ -810,7 +743,7 @@
                     0, "", "", "unknown", 
                     getNum('steps_input'), getNum('cfg_input'), true, getNum('seed_input'), null, -1, 
                     getNum('batch_size'), null, null, 0, -1, "Fill the audio semantic mask based on the given conditions:", 
-                    1, "text2music", false, 0, 1, 3, "ode", "", "mp3", 0.85, 
+                    1, taskType, false, 0, 1, 3, "ode", "", "mp3", 0.85, 
                     getChk('think_checkbox'), 2, 0, 0.9, "NO USER INPUT", true, true, true, null, false, true, false, false, 0.5, 8, null, [], false, null, null, null, null
                 ];
 
@@ -852,7 +785,6 @@
                 if (processedUrls.size === 1) {
                     mainDownloadBtn.style.display = 'inline-flex';
                     mainDownloadBtn.onclick = (e) => handleSecureDownload(fullUrl, e);
-                    
                     saveToHistory(idea, lyrics, fullUrl);
                 }
                 playerWrapper.innerHTML += `<div class="audio-item"><audio controls autoplay src="${fullUrl}"></audio></div>`;
@@ -881,7 +813,7 @@
             }
         }
 
-        function formatLyrics(text) { return text.replace(/\[(.*?)\]/g, '<span class="lyrics-tag">[$1]</span>'); }
+        function formatLyrics(text) { return text ? text.replace(/\[(.*?)\]/g, '<span class="lyrics-tag">[$1]</span>') : "متن آهنگ: (بی‌کلام)"; }
 
         const canvas = document.getElementById('music-canvas');
         const ctx = canvas.getContext('2d');