Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
application.main.js Maven / Gradle / Ivy
import {connect, queueMessage} from './chat.js';
import {
applyToAllSvg,
closeModal,
findAncestor,
getSessionId,
refreshReplyForms,
refreshVerbose,
showModal,
substituteMessages,
toggleVerbose
} from './functions.js';
import {restoreTabs, updateTabs} from './tabs.js';
console.log('Main script started');
let messageVersions = {};
window.messageMap = {}; // Make messageMap global
let singleInput = false;
let stickyInput = false;
let loadImages = "true";
let showMenubar = true;
let messageDiv;
// Add debounce function
function debounce(func, wait) {
let timeout;
return function executedFunction(...args) {
const later = () => {
clearTimeout(timeout);
func(...args);
};
clearTimeout(timeout);
timeout = setTimeout(later, wait);
};
}
// Create a debounced version of updateDocumentComponents
export const debouncedUpdateDocumentComponents = debounce(updateDocumentComponents, 250);
export function updateDocumentComponents() {
try {
updateTabs();
} catch (e) {
console.error("Error updating tabs:", e);
}
try {
if (typeof Prism !== 'undefined') Prism.highlightAll();
} catch (e) {
console.error("Error highlighting code:", e);
}
try {
refreshVerbose();
} catch (e) {
console.error("Error refreshing verbose:", e);
}
try {
refreshReplyForms()
} catch (e) {
console.error("Error refreshing reply forms:", e);
}
try {
if (typeof mermaid !== 'undefined') {
const mermaidDiagrams = document.querySelectorAll('.mermaid:not(.mermaid-processed)');
if (mermaidDiagrams.length > 0) {
mermaid.run();
mermaidDiagrams.forEach(diagram => diagram.classList.add('mermaid-processed'));
}
}
} catch (e) {
console.error("Error running mermaid:", e);
}
try {
applyToAllSvg();
} catch (e) {
console.error("Error applying SVG pan zoom:", e);
}
}
function onWebSocketText(event) {
console.log('WebSocket message received:', event.data);
console.debug('WebSocket message:', event);
const messagesDiv = document.getElementById('messages');
if (!messagesDiv) return;
const firstCommaIndex = event.data.indexOf(',');
const secondCommaIndex = event.data.indexOf(',', firstCommaIndex + 1);
const messageId = event.data.substring(0, firstCommaIndex);
const messageVersion = event.data.substring(firstCommaIndex + 1, secondCommaIndex);
const messageContent = event.data.substring(secondCommaIndex + 1);
messageVersions[messageId] = messageVersion;
window.messageMap[messageId] = messageContent;
const messageDivs = document.querySelectorAll('[id="' + messageId + '"]');
console.log(`Found ${messageDivs.length} message divs for messageId: ${messageId}`);
messageDivs.forEach((messageDiv) => {
if (messageDiv) {
messageDiv.innerHTML = messageContent;
substituteMessages(messageId, messageDiv);
//requestAnimationFrame(() => updateNestedTabs(messageDiv));
}
});
if (messageDivs.length === 0 && !messageId.startsWith("z")) {
console.log(`Creating new message div for messageId: ${messageId}`);
messageDiv = document.createElement('div');
messageDiv.className = 'message message-container ' + (messageId.startsWith('u') ? 'user-message' : 'response-message');
messageDiv.id = messageId;
messageDiv.innerHTML = messageContent;
if (messagesDiv) messagesDiv.appendChild(messageDiv);
substituteMessages(messageId, messageDiv);
//requestAnimationFrame(() => updateNestedTabs(messageDiv));
}
if (messagesDiv) messagesDiv.scrollTop = messagesDiv.scrollHeight;
if (singleInput) {
const mainInput = document.getElementById('main-input');
if (mainInput) {
mainInput.style.display = 'none';
} else {
console.log("Error: Could not find .main-input");
}
}
if (stickyInput) {
const mainInput = document.getElementById('main-input');
if (mainInput) {
// Keep at top of screen
mainInput.style.position = 'sticky';
mainInput.style.zIndex = '1';
mainInput.style.top = showMenubar ? '30px' : '0px';
} else {
console.log("Error: Could not find .main-input");
}
}
debouncedUpdateDocumentComponents();
}
document.addEventListener('DOMContentLoaded', () => {
console.log('DOM content loaded');
if (typeof mermaid !== 'undefined') mermaid.run();
//applyToAllSvg();
//
// // Set a timer to periodically apply svgPanZoom to all SVG elements
// setInterval(() => {
// applyToAllSvg();
// }, 5000); // Adjust the interval as needed
restoreTabs();
const historyElement = document.getElementById('history');
if (historyElement) historyElement.addEventListener('click', () => showModal('sessions'));
const settingsElement = document.getElementById('settings');
if (settingsElement) settingsElement.addEventListener('click', () => showModal('settings'));
const usageElement = document.getElementById('usage');
if (usageElement) usageElement.addEventListener('click', () => showModal('usage'));
const verboseElement = document.getElementById('verbose');
if (verboseElement) verboseElement.addEventListener('click', () => toggleVerbose());
const deleteElement = document.getElementById('delete');
if (deleteElement) deleteElement.addEventListener('click', () => showModal('delete'));
const cancelElement = document.getElementById('cancel');
if (cancelElement) cancelElement.addEventListener('click', () => showModal('cancel'));
const threadsElement = document.getElementById('threads');
if (threadsElement) threadsElement.addEventListener('click', () => showModal('threads'));
const shareElement = document.getElementById('share');
if (shareElement) {
shareElement.addEventListener('click', () => showModal('share?url=' + encodeURIComponent(window.location.href) + "&loadImages=" + loadImages, false));
}
const closeElement = document.querySelector('.close');
if (closeElement) closeElement.addEventListener('click', closeModal);
const loginLink = document.getElementById('login');
const usernameLink = document.getElementById('username');
const userSettingsLink = document.getElementById('user-settings');
const userUsageLink = document.getElementById('user-usage');
const logoutLink = document.getElementById('logout');
const form = document.getElementById('main-input');
const messageInput = document.getElementById('chat-input');
const sessionId = getSessionId();
if (sessionId) {
console.log(`Connecting with session ID: ${sessionId}`);
connect(sessionId, onWebSocketText);
} else {
console.log('Connecting without session ID');
connect(undefined, onWebSocketText);
}
document.addEventListener('click', (event) => {
const modal = document.getElementById('modal');
if (event.target === modal) {
closeModal();
}
});
if (form) form.addEventListener('submit', (event) => {
event.preventDefault();
console.log('Form submitted');
queueMessage(messageInput.value);
messageInput.value = '';
// Disable the send button and add a loading spinner
const sendButton = form.querySelector('.ws-control');
sendButton.disabled = true;
sendButton.innerHTML = '
