Update chat.js

chat.js

@@ -1,38 +1,25 @@
-const sendButton = document.getElementById('send-message');
-const userInput = document.getElementById('message-input');
-const chatBox = document.getElementById('conversation-history');
-
-sendButton.addEventListener('click', async () => {
-  const message = userInput.value.trim();
-  if (message) {
-    displayMessage('Du: ' + message, 'user');
-    userInput.value = '';
-
-    try {
-      const response = await fetch('http://localhost:7860/api/chat/', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({
-          "inputs": message,
-        }),
-      });
-      const data = await response.json();
-
-      displayMessage('Bot: ' + data, 'bot');
-    } catch (error) {
-      console.error('Fehler beim Senden der Nachricht:', error);
+casync function query(data) {
+  const response = await fetch(
+    "https://api-inference.huggingface.co/models/eastwind/tinymix-8x1b-chat",
+    {
+      headers: {
+        'Authorization': 'Bearer ' + process.env.HUGGINGFACE_API_KEY
+      },
+      method: "POST",
+      body: JSON.stringify(data),
     }
-  }
-});
-
-function displayMessage(message, sender) {
-  const messageElement = document.createElement('div');
-  messageElement.className = 'message ' + sender;
-  messageElement.textContent = message;
-  chatBox.appendChild(messageElement);
-  chatBox.scrollTop = chatBox.scrollHeight; // Scroll to the bottom
+  );
+  const result = await response.json();
+  return result;
 }
 
-
+// Beispiel einer Funktion, die aufgerufen wird, wenn der Benutzer eine Nachricht sendet
+async function sendMessage(message) {
+  try {
+    const response = await query({ "inputs": message });
+    console.log(JSON.stringify(response));
+    // Hier könnten Sie die Antwort in Ihrem Chat-Interface anzeigen
+  } catch (error) {
+    console.error('Error during the API request:', error);
+  }
+}