Spaces:
Running
Running
Update index.js
Browse files
index.js
CHANGED
@@ -1,33 +1,52 @@
|
|
1 |
-
|
|
|
2 |
|
3 |
-
// Status- und Input-Elemente
|
4 |
const status = document.getElementById('status');
|
5 |
-
const userInput = document.getElementById('
|
6 |
-
const sendButton = document.getElementById('send-
|
7 |
-
const chatBox = document.getElementById('
|
8 |
-
|
9 |
-
//
|
10 |
-
|
11 |
-
|
12 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
13 |
|
14 |
// Nachrichtensendefunktion
|
15 |
async function sendMessage() {
|
16 |
-
const message = userInput.value;
|
17 |
if (!message) return;
|
18 |
|
19 |
-
displayMessage('Du: ' + message);
|
20 |
userInput.value = '';
|
21 |
|
22 |
-
|
23 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
24 |
}
|
25 |
|
26 |
// Nachricht im Chat anzeigen
|
27 |
-
function displayMessage(message) {
|
28 |
const messageElement = document.createElement('div');
|
|
|
29 |
messageElement.textContent = message;
|
30 |
chatBox.appendChild(messageElement);
|
|
|
31 |
}
|
32 |
|
33 |
// Event-Listener für den Senden-Button
|
|
|
1 |
+
// Sie sollten prüfen, ob Sie die Transformers.js-Bibliothek korrekt eingebunden haben.
|
2 |
+
// Der folgende Code ist ein Beispiel und muss möglicherweise für Ihre spezifische Implementierung angepasst werden.
|
3 |
|
|
|
4 |
const status = document.getElementById('status');
|
5 |
+
const userInput = document.getElementById('message-input');
|
6 |
+
const sendButton = document.getElementById('send-message');
|
7 |
+
const chatBox = document.getElementById('conversation-history');
|
8 |
+
|
9 |
+
// Verwenden Sie die richtige URL zur Einbindung von Transformers.js, wenn sie nicht lokal verfügbar ist.
|
10 |
+
// Hier als Beispiel:
|
11 |
+
// <script src="https://cdn.jsdelivr.net/npm/@huggingface/transformers@latest"></script>
|
12 |
+
|
13 |
+
// Pipeline für das gewählte Modell initialisieren
|
14 |
+
let chatbot;
|
15 |
+
pipeline('text-generation', 'Mistral7b', { apiToken: 'Ihr API-Token hier' })
|
16 |
+
.then(model => {
|
17 |
+
chatbot = model;
|
18 |
+
status.textContent = 'Chatbot bereit!';
|
19 |
+
})
|
20 |
+
.catch(error => {
|
21 |
+
status.textContent = 'Fehler beim Laden des Modells: ' + error.message;
|
22 |
+
});
|
23 |
|
24 |
// Nachrichtensendefunktion
|
25 |
async function sendMessage() {
|
26 |
+
const message = userInput.value.trim();
|
27 |
if (!message) return;
|
28 |
|
29 |
+
displayMessage('Du: ' + message, 'user');
|
30 |
userInput.value = '';
|
31 |
|
32 |
+
try {
|
33 |
+
status.textContent = 'Der Bot antwortet...';
|
34 |
+
const responses = await chatbot(message);
|
35 |
+
displayMessage('Bot: ' + responses[0].generated_text, 'bot');
|
36 |
+
} catch (error) {
|
37 |
+
displayMessage('Fehler beim Generieren der Antwort.', 'error');
|
38 |
+
} finally {
|
39 |
+
status.textContent = '';
|
40 |
+
}
|
41 |
}
|
42 |
|
43 |
// Nachricht im Chat anzeigen
|
44 |
+
function displayMessage(message, sender) {
|
45 |
const messageElement = document.createElement('div');
|
46 |
+
messageElement.className = 'message ' + sender;
|
47 |
messageElement.textContent = message;
|
48 |
chatBox.appendChild(messageElement);
|
49 |
+
chatBox.scrollTop = chatBox.scrollHeight; // Scroll to the bottom
|
50 |
}
|
51 |
|
52 |
// Event-Listener für den Senden-Button
|