File size: 2,463 Bytes
5906cc6 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 |
const chat = document.getElementById('chat');
const input = document.getElementById('query');
const sendBtn = document.getElementById('sendBtn');
function addMessage(text, sender, isPre = false) {
const msg = document.createElement('div');
msg.classList.add('message', sender);
// Add special class for pre-formatted messages to style them properly
if (isPre) {
msg.classList.add('pre-formatted');
// For pre-formatted text (terminal output)
const pre = document.createElement('pre');
pre.textContent = text;
// No inline styles - all styling comes from CSS
msg.appendChild(pre);
} else {
msg.textContent = text;
}
chat.appendChild(msg);
// Smooth scroll to new message
setTimeout(() => {
msg.scrollIntoView({ behavior: 'smooth', block: 'end' });
}, 100);
return msg;
}
async function sendMessage() {
const query = input.value.trim();
if (!query) return;
const bg = document.getElementById('chat-background');
if (bg && !bg.classList.contains('blurred')) {
bg.classList.add('blurred');
}
addMessage(query, 'user');
input.value = '';
const loader = addMessage('Processing...', 'bot');
try {
const response = await fetch('/api/detect', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ query: query })
});
const data = await response.json();
loader.remove();
if (data && data.summary) {
// Display summary exactly as it comes from the backend
addMessage(data.summary, 'bot', true); // scrollable <pre> block
} else {
addMessage("Could not generate a summary.", 'bot');
}
} catch (e) {
loader.remove();
addMessage("Error checking news.", 'bot');
}
}
function formatBackendData(data) {
// If we have a summary, only display that
if (data && data.summary) {
if (typeof data.summary === 'string') {
return data.summary;
} else if (typeof data.summary === 'object' && data.summary.text) {
return data.summary.text;
} else {
return JSON.stringify(data.summary, null, 2);
}
}
// If no summary is available, return null so we can fall back to showing basic results
return null;
}
sendBtn.addEventListener('click', sendMessage);
input.addEventListener('keypress', (e) => {
if (e.key === 'Enter') sendMessage();
});
|