Update index.html

index.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>HF API - Генерация</title>
+    <title>HF API - Генерация (Новый API 2026)</title>
     <style>
         body { font-family: system-ui, sans-serif; max-width: 600px; margin: 40px auto; padding: 20px; background: #f9fafb; color: #111827; }
         h2 { margin-top: 0; }
@@ -41,7 +41,7 @@
     </style>
 </head>
 <body>
-    <h2>Генерация изображений (HF API)</h2>
+    <h2>Генерация изображений (HF API 2026)</h2>
     
     <label for="hf-token">Твой Access Token (hf_...):</label>
     <input type="password" id="hf-token" placeholder="Вставь токен">
@@ -70,7 +70,9 @@
         const errorContainer = document.getElementById('errorContainer');
         const outputImage = document.getElementById('outputImage');
 
-        // Функция для показа полной ошибки
+        // НОВЫЙ API ENDPOINT 2026
+        const NEW_API_BASE = 'https://router.huggingface.co/hf-inference/models';
+
         function showFullError(title, details) {
             errorContainer.innerHTML = `
                 <div class="error-block">
@@ -80,7 +82,6 @@
             `;
         }
 
-        // Очистка ошибок
         function clearError() {
             errorContainer.innerHTML = '';
         }
@@ -96,7 +97,6 @@
             if (!prompt) return showFullError('Ошибка валидации', 'Нужен промпт!');
 
             btn.disabled = true;
-            statusText.textContent = 'Отправка запроса на сервера HF...';
             outputImage.style.display = 'none';
 
             if (outputImage.src && outputImage.src.startsWith('blob:')) {
@@ -104,9 +104,10 @@
             }
 
             try {
-                const apiUrl = `https://api-inference.huggingface.co/models/${model}`;
+                // НОВЫЙ URL
+                const apiUrl = `${NEW_API_BASE}/${model}`;
                 
-                statusText.textContent = `Запрос к: ${apiUrl}`;
+                statusText.textContent = `Запрос к новому API: ${apiUrl}`;
 
                 const response = await fetch(apiUrl, {
                     method: 'POST',
@@ -118,21 +119,16 @@
                     body: JSON.stringify({ inputs: prompt })
                 });
 
-                // Полная информация об ответе
                 const responseInfo = `Status: ${response.status} ${response.statusText}\nURL: ${apiUrl}`;
 
                 if (!response.ok) {
-                    // Читаем тело ошибки
                     const errorBody = await response.text();
                     let errorFormatted = errorBody;
                     
-                    // Пытаемся распарсить JSON если это JSON
                     try {
                         const jsonError = JSON.parse(errorBody);
                         errorFormatted = JSON.stringify(jsonError, null, 2);
-                    } catch (e) {
-                        // Если не JSON, оставляем как есть
-                    }
+                    } catch (e) {}
 
                     const fullErrorDetails = `${responseInfo}\n\nResponse Body:\n${errorFormatted}`;
                     
@@ -144,7 +140,6 @@
                 statusText.textContent = 'Получаем картинку...';
                 const blob = await response.blob();
                 
-                // Проверяем что это действительно картинка
                 if (!blob.type.startsWith('image/')) {
                     const textResponse = await blob.text();
                     showFullError('Неожиданный ответ', `${responseInfo}\n\nОтвет не является изображением:\n${textResponse}`);
@@ -158,7 +153,6 @@
                 statusText.textContent = '✅ Готово!';
 
             } catch (error) {
-                // Логируем в консоль для отладки
                 console.error('=== ПОЛНАЯ ОШИБКА ===');
                 console.error(error);
                 console.trace();
@@ -173,7 +167,6 @@
                         `Откройте DevTools (F12) → вкладка Network (Сеть) → посмотрите на красный запрос.`
                     );
                 } else if (!errorContainer.innerHTML) {
-                    // Если ошибка еще не показана выше
                     showFullError('Неизвестная ошибка', 
                         `Message: ${error.message}\n` +
                         `Stack: ${error.stack || 'N/A'}`