Update chat.js

chat.js

@@ -1,60 +1,48 @@
-document.addEventListener("DOMContentLoaded", function() {
-    const messageInput = document.getElementById("message-input");
-    const sendMessageButton = document.getElementById("send-message");
-    const conversationHistory = document.getElementById("conversation-history");
-    const newConversationButton = document.getElementById("new-conversation");
-    const clearConversationsButton = document.getElementById("clear-conversations");
+// script.js
+document.addEventListener('DOMContentLoaded', function() {
+    const sendMessageButton = document.getElementById('send-message');
+    const messageInput = document.getElementById('message-input');
+    const conversationHistory = document.getElementById('conversation-history');
 
-    function sendMessage() {
+    sendMessageButton.addEventListener('click', function() {
         const userMessage = messageInput.value;
-        if (!userMessage) return;
-        addToConversationHistory("You", userMessage);
-        getBotResponse(userMessage).then(botMessage => {
-            addToConversationHistory("Bot", botMessage);
-        });
-        messageInput.value = "";
-    }
+        if (userMessage) {
+            addMessageToChat('user', userMessage);
+            sendMessageToApi(userMessage);
+            messageInput.value = ''; // Clear the input field
+        }
+    });
 
-    function addToConversationHistory(sender, message) {
-        const messageElement = document.createElement("p");
-        messageElement.textContent = `${sender}: ${message}`;
+    function addMessageToChat(role, message) {
+        const messageElement = document.createElement('div');
+        messageElement.classList.add('message', role);
+        messageElement.textContent = message;
         conversationHistory.appendChild(messageElement);
     }
 
-    async function getBotResponse(message) {
+    async function sendMessageToApi(message) {
         try {
-            const response = await fetch('/chatbot', {
+            const response = await fetch(`https://api.fireworks.ai/inference/v1/chat/completions`, {
                 method: 'POST',
                 headers: {
-                    'Content-Type': 'application/json'
+                    'Content-Type': 'application/json',
+                    'Authorization': 'Bearer YOUR_API_KEY_HERE' // Replace with your real API key
                 },
-                body: JSON.stringify({ query: message })
+                body: JSON.stringify({
+                    messages: [{ role: 'user', content: message }],
+                    model: 'accounts/fireworks/models/mixtral-8x7b-instruct',
+                    stream: true,
+                    n: 1,
+                    max_tokens: 1000,
+                    temperature: 0.9,
+                    stop: []
+                })
             });
-
-            if (!response.ok) {
-                throw new Error('Network response was not ok');
-            }
-
-            const responseData = await response.json();
-            return responseData.reply;
+            const data = await response.json();
+            const botMessage = data.choices[0].message.content; // Adjust this according to the API response structure
+            addMessageToChat('bot', botMessage);
         } catch (error) {
-            console.error('Error fetching bot response:', error);
-            return "Sorry, there was an error.";
+            console.error('Error sending message to API:', error);
         }
     }
-
-    sendMessageButton.addEventListener("click", sendMessage);
-    messageInput.addEventListener("keypress", function(event) {
-        if (event.key === "Enter") {
-            sendMessage();
-        }
-    });
-
-    newConversationButton.addEventListener("click", function() {
-        conversationHistory.innerHTML = "";
-    });
-
-    clearConversationsButton.addEventListener("click", function() {
-        conversationHistory.innerHTML = "";
-    });
 });