AI/text-generation-webui
1
0
Fork 0
mirror of https://github.com/oobabooga/text-generation-webui.git synced 2024-10-01 01:26:03 -04:00
Code Issues Packages Projects Releases Wiki Activity

Chat: fix HTML changes observing in main.js

Browse Source
This commit is contained in:
Corneliu Zuzu 2024-05-09 16:26:18 +03:00
parent 4eb64a3716
commit a6420c444c
1 changed files with 27 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
js/main.js
View File

@ -145,25 +145,9 @@ targetElement.addEventListener("scroll", function() {
// Create a MutationObserver instance
const observer = new MutationObserver(function(mutations) {
updateCssProperties();
const firstChild = targetElement.children[0];
if (firstChild.classList.contains("generating")) {
typing.parentNode.classList.add("visible-dots");
document.getElementById("stop").style.display = "flex";
document.getElementById("Generate").style.display = "none";
} else {
typing.parentNode.classList.remove("visible-dots");
document.getElementById("stop").style.display = "none";
document.getElementById("Generate").style.display = "flex";
}
doSyntaxHighlighting();
if(!isScrolled) {
if(!isScrolled)
targetElement.scrollTop = targetElement.scrollHeight;
}
});
// Configure the observer to watch for changes in the subtree and attributes
@ -178,6 +162,32 @@ const config = {
// Start observing the target element
observer.observe(targetElement, config);
//------------------------------------------------
// Chat HTML holder generation
//------------------------------------------------
const chatHtmlHolder = document.getElementById("chat_html_holder");
const observerChatHtmlHolder = new MutationObserver(function(mutations) {
const isGenerating = Array.from(chatHtmlHolder.children).some(el => el.classList.contains('generating'));
if (isGenerating) {
typing.parentNode.classList.add("visible-dots");
document.getElementById("stop").style.display = "flex";
document.getElementById("Generate").style.display = "none";
} else {
typing.parentNode.classList.remove("visible-dots");
document.getElementById("stop").style.display = "none";
document.getElementById("Generate").style.display = "flex";
}
});
const configChatHtmlHolder = {
subtree: true,
attributeFilter: ["class"]
};
// Start observing the chat HTML holder
observerChatHtmlHolder.observe(chatHtmlHolder, configChatHtmlHolder);
//------------------------------------------------
// Handle syntax highlighting / LaTeX
//------------------------------------------------