Merge pull request #2543 from LenAnderson/streaming-performance Remove DOM queries and jQuery during streaming

67f83250cd1207b48dc789b26bbf6b30d6ca5b56

Cohee <18619528+Cohee1207@users.noreply.github.com>

Signed

public/script.js+14 -5 Viewed

     constructor(type, force_name2, timeStarted, messageAlreadyGenerated) {
         this.result = '';
         this.messageId = -1;
 +        this.messageDom = null;
 +        this.messageTextDom = null;
 +        this.messageTimerDom = null;
 +        this.sendTextarea = document.querySelector('#send_textarea');
         this.type = type;
         this.force_name2 = force_name2;
         this.isStopped = false;

         let messageId = -1;
         if (this.type == 'impersonate') {
 -            $('#send_textarea').val('')[0].dispatchEvent(new Event('input', { bubbles: true }));
 +            this.sendTextarea.value = '';
 +            this.sendTextarea.dispatchEvent(new Event('input', { bubbles: true }));
+        }
         else {
             await saveReply(this.type, text, true);
             messageId = chat.length - 1;
 +            this.messageDom = document.querySelector(`#chat .mes[mesid="${messageId}"]`);
 +            this.messageTextDom = this.messageDom.querySelector('.mes_text');
 +            this.messageTimerDom = this.messageDom.querySelector('.mes_timer');
             this.showMessageButtons(messageId);
+        }

@@ -2869,7 +2877,8 @@ class StreamingProcessor {
2869	2877	}
2870	2878
2871	2879	if (isImpersonate) {
2872		- $('#send_textarea').val(processedText)[0].dispatchEvent(new Event('input', { bubbles: true }));
	2880	+ this.sendTextarea.value = processedText;
	2881	+ this.sendTextarea.dispatchEvent(new Event('input', { bubbles: true }));
2873	2882	}
2874	2883	else {
2875	2884	let currentTime = new Date();

                 chat[messageId].is_user,
                 messageId,
             );
 -            const mesText = $(`#chat .mes[mesid="${messageId}"] .mes_text`);
 +            this.messageTextDom.innerHTML = formattedText;
 -            mesText.html(formattedText);
 +            this.messageTimerDom.textContent = timePassed.timerValue;
 -            $(`#chat .mes[mesid="${messageId}"] .mes_timer`).text(timePassed.timerValue).attr('title', timePassed.timerTitle);
 +            this.messageTimerDom.title = timePassed.timerTitle;
             this.setFirstSwipe(messageId);
+        }