Update index.html

index.html

@@ -67,6 +67,7 @@
             justify-content: center;
             align-items: center;
             background-color: #fafafa;
+            word-break: break-all;
         }
         #qr-image {
             max-width: 100%;
@@ -94,7 +95,7 @@
     <!-- بخش ساخت QR Code -->
     <div class="container">
         <h2>ساخت QR Code</h2>
-        <textarea id="text-input" placeholder="متن مورد نظر را اینجا وارد کنید..." rows="4">دنیا</textarea>
+        <textarea id="text-input" placeholder="متن مورد نظر را اینجا وارد کنید..." rows="4"></textarea>
         <button id="generate-btn" onclick="generateQRCode()">ساخت کد</button>
         <div id="generate-result" class="result-box">
             <div id="generate-loader" class="loader hidden"></div>
@@ -115,7 +116,8 @@
     </div>
 
     <script>
-        const API_BASE_URL = "https://cultrix-qrcode-read-generate.hf.space/gradio_api/";
+        // *** مهم: آدرس API مطابق با اسکرین شات شما تغییر کرد ***
+        const API_BASE_URL = "https://elias207-qrcode.hf.space/";
 
         // یک session_hash تصادفی ایجاد می‌کند
         function generateSessionHash() {
@@ -146,20 +148,36 @@
                             reject(new Error("Failed to get data."));
                             return;
                         }
-                        const result = await dataResponse.json();
                         
-                        // پیام‌های مختلفی از Gradio می‌آید. ما منتظر process_completed هستیم.
-                        if (result.msg === "process_completed") {
-                            clearInterval(interval);
-                            resolve(result);
-                        } else if (result.msg === "queue_full" || result.msg === "unexpected_error") {
-                             clearInterval(interval);
-                             reject(new Error("API Error: " + result.msg));
+                        // --- بخش اصلاح شده ---
+                        // پاسخ را به عنوان متن می خوانیم
+                        const responseText = await dataResponse.text();
+                        
+                        // ممکن است چندین پیام در استریم باشد، آخرین پیام را پردازش می کنیم
+                        const lines = responseText.trim().split('\n');
+                        const lastLine = lines[lines.length - 1];
+
+                        if (lastLine && lastLine.startsWith('data:')) {
+                            // پیشوند 'data: ' را حذف کرده و نتیجه را به JSON تبدیل می کنیم
+                            const jsonString = lastLine.substring(5).trim();
+                            const result = JSON.parse(jsonString);
+
+                            if (result.msg === "process_completed") {
+                                clearInterval(interval);
+                                resolve(result);
+                            } else if (result.msg === "queue_full" || result.msg === "unexpected_error") {
+                                clearInterval(interval);
+                                reject(new Error("API Error: " + result.msg));
+                            }
                         }
-                        // اگر در حال پردازش بود (processing) یا در صف بود (estimation) منتظر می‌مانیم.
+                        // --- پایان بخش اصلاح شده ---
+
                     } catch (error) {
-                        clearInterval(interval);
-                        reject(error);
+                         // اگر خطا در حین پارس کردن رخ دهد (مثلا پیام کامل نباشد)، منتظر درخواست بعدی می مانیم
+                        if (!(error instanceof SyntaxError)) {
+                           clearInterval(interval);
+                           reject(error);
+                        }
                     }
                 }, 1000); // هر ۱ ثانیه چک کن
             });
@@ -189,7 +207,8 @@
                 const result = await callGradioApi(0, data, sessionHash); // fn_index=0 برای ساخت
 
                 if (result.output && result.output.data && result.output.data[0]) {
-                    const imageUrl = result.output.data[0].url;
+                    // Gradio آدرس فایل را به صورت نسبی برمی‌گرداند، ما آن را کامل می‌کنیم
+                    const imageUrl = API_BASE_URL + "file=" + result.output.data[0].path;
                     qrImage.src = imageUrl;
                     qrImage.classList.remove('hidden');
                 } else {
@@ -234,13 +253,13 @@
                 if (!uploadResponse.ok) throw new Error("آپلود فایل با خطا مواجه شد.");
                 
                 const uploadResult = await uploadResponse.json();
-                const tempFilePath = uploadResult[0]; // ��سیر موقت فایل در سرور
+                const tempFilePath = uploadResult[0];
 
                 // Step 2: Call the API with the uploaded file path
                 const sessionHash = generateSessionHash();
                 const data = [{
                     "path": tempFilePath,
-                    "url": null, // URL لازم نیست
+                    "url": API_BASE_URL + "file=" + tempFilePath,
                     "orig_name": file.name,
                     "size": file.size,
                     "mime_type": file.type,