Update chat.js

chat.js

@@ -1,39 +1,60 @@
-// chat.js
-
-const express = require('express');
-const bodyParser = require('body-parser');
-const LangChain = require('langchain'); // Stellen Sie sicher, dass Sie die LangChain-Bibliothek installiert haben
-
-const app = express();
-app.use(bodyParser.json());
-
-// Erstellen des LangChain-Modells
-const llm = LangChain.CTransformers({
-    model: 'TheBloke/CodeLlama-7B-GGUF',
-    model_type: 'llama',
-    max_new_tokens: 1096,
-    temperature: 0.2,
-    repetition_penalty: 1.13,
-    gpu_layers: 2
-});
+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");
 
-// API-Endpunkt für Chatbot-Anfragen
-app.post('/chatbot', async (req, res) => {
-    const userQuery = req.body.query;
-    if (!userQuery) {
-        return res.status(400).send({ error: 'Query is required' });
+    function sendMessage() {
+        const userMessage = messageInput.value;
+        if (!userMessage) return;
+        addToConversationHistory("You", userMessage);
+        getBotResponse(userMessage).then(botMessage => {
+            addToConversationHistory("Bot", botMessage);
+        });
+        messageInput.value = "";
     }
 
-    try {
-        const response = await llm.run({query: userQuery});
-        res.send({ reply: response });
-    } catch (error) {
-        res.status(500).send({ error: 'Error processing request' });
+    function addToConversationHistory(sender, message) {
+        const messageElement = document.createElement("p");
+        messageElement.textContent = `${sender}: ${message}`;
+        conversationHistory.appendChild(messageElement);
     }
-});
 
-// Starten des Servers
-const PORT = 3000;
-app.listen(PORT, () => {
-    console.log(`Server running on port ${PORT}`);
+    async function getBotResponse(message) {
+        try {
+            const response = await fetch('/chatbot', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({ query: message })
+            });
+
+            if (!response.ok) {
+                throw new Error('Network response was not ok');
+            }
+
+            const responseData = await response.json();
+            return responseData.reply;
+        } catch (error) {
+            console.error('Error fetching bot response:', error);
+            return "Sorry, there was an 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 = "";
+    });
 });