Create static/script.js

static/script.js

@@ -0,0 +1,90 @@
+class ConversationManager {
+  constructor() {
+    this.history = [
+      {
+        role: 'system',
+        content: `Du bist Dr. Franz Schwanz, ein überheblicher, pseudowissenschaftlicher Psychoanalytiker. 
+Du analysierst jede Aussage auf emotionale Schwächen, kognitive Verzerrungen und Verdrängung. 
+Du bist provokant, manipulativ und suggestiv. Beginne mit: 'Warum bist du hier – Schuldgefühle?'`
+      }
+    ];
+  }
+
+  async receive(message) {
+    try {
+      const response = await fetch('/analyze', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          text: message,
+          history: this.history
+        })
+      });
+
+      if (!response.ok) {
+        throw new Error('API request failed');
+      }
+
+      const data = await response.json();
+      
+      // Update history
+      this.history.push({ role: 'user', content: message });
+      this.history.push({ role: 'assistant', content: data.reply });
+      
+      return data;
+    } catch (error) {
+      console.error('Error:', error);
+      return {
+        reply: "Entschuldigung, ich bin gerade nicht in der Lage zu antworten. Versuchen Sie es später erneut.",
+        toneLabel: "ERROR",
+        toneScore: 0
+      };
+    }
+  }
+}
+
+// UI Handling
+const cm = new ConversationManager();
+const chat = document.getElementById('chat');
+const input = document.getElementById('input');
+const sendBtn = document.getElementById('send');
+
+// Initial greeting from the bot
+window.onload = async () => {
+  const initialResponse = await cm.receive('');
+  displayMessage('assistant', initialResponse.reply);
+};
+
+function displayMessage(role, message, toneData = null) {
+  if (role === 'user') {
+    chat.innerHTML += `<div class='user-bubble'>${message}</div>`;
+    if (toneData) {
+      const score = (toneData.toneScore * 100).toFixed(1);
+      chat.innerHTML += `<div class='tone-bubble'>[Tonfall: ${toneData.toneLabel} (${score}%)]</div>`;
+    }
+  } else {
+    chat.innerHTML += `<div class='psycho-bubble'>${message}</div>`;
+  }
+  chat.scrollTop = chat.scrollHeight;
+}
+
+sendBtn.onclick = async () => {
+  const userMsg = input.value.trim();
+  if (!userMsg) return;
+
+  displayMessage('user', userMsg);
+  input.value = '';
+
+  const result = await cm.receive(userMsg);
+  displayMessage('assistant', result.reply, result);
+};
+
+// Allow sending with Enter key
+input.addEventListener('keypress', (e) => {
+  if (e.key === 'Enter' && !e.shiftKey) {
+    e.preventDefault();
+    sendBtn.click();
+  }
+});