Update index.html

index.html

@@ -37,10 +37,14 @@
         });
 
         function generateText(prompt) {
-            const apiUrl = 'https://aringad-test.hf.space/run';
+            const apiUrl = 'https://api-inference.huggingface.co/models/OpenBuddy/openbuddy-llama3-8b-v21.1-8k';
+            const apiKey = '{{API_KEY}}'; // La chiave API verrà sostituita dalla variabile d'ambiente
+
             const requestData = {
-                prompt: prompt,
-                model: 'OpenBuddy/openbuddy-llama3-8b-v21.1-8k'
+                inputs: prompt,
+                parameters: {
+                    max_new_tokens: 100
+                }
             };
 
             // Display request data in the debug output
@@ -49,7 +53,8 @@
             fetch(apiUrl, {
                 method: 'POST',
                 headers: {
-                    'Content-Type': 'application/json'
+                    'Content-Type': 'application/json',
+                    'Authorization': 'Bearer ' + apiKey
                 },
                 body: JSON.stringify(requestData)
             })
@@ -57,12 +62,17 @@
                 // Display response status and headers in the debug output
                 document.getElementById('debugOutput').textContent += '\n\nResponse Status: ' + response.status;
                 document.getElementById('debugOutput').textContent += '\nResponse Headers:\n' + JSON.stringify(Object.fromEntries(response.headers), null, 2);
+                
+                if (!response.ok) {
+                    throw new Error('Request failed with status: ' + response.status);
+                }
+                
                 return response.json();
             })
             .then(data => {
                 // Display response data in the debug output
                 document.getElementById('debugOutput').textContent += '\n\nResponse Data:\n' + JSON.stringify(data, null, 2);
-                const generatedText = data.output;
+                const generatedText = data[0].generated_text;
                 document.getElementById('generatedText').textContent = generatedText;
                 document.getElementById('resultContainer').style.display = 'block';
             })