rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

add #send_textarea mirror to QR debugger

Browse Source
This commit is contained in:
LenAnderson
2024-07-16 15:53:49 -04:00
parent cda920df08
commit c3bd64e204
2 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
public/scripts/extensions/quick-reply/html/qrEditor.html
View File

@ -145,6 +145,7 @@
<div title="Minimize" id="qr--modal-minimize" class="qr--modal-debugButton menu_button fa-solid fa-minimize"></div> <div title="Minimize" id="qr--modal-minimize" class="qr--modal-debugButton menu_button fa-solid fa-minimize"></div>
<div title="Maximize" id="qr--modal-maximize" class="qr--modal-debugButton menu_button fa-solid fa-maximize"></div> <div title="Maximize" id="qr--modal-maximize" class="qr--modal-debugButton menu_button fa-solid fa-maximize"></div>
</div> </div>
<textarea rows="1" id="qr--modal-send_textarea" placeholder="Chat input" title="Chat input"></textarea>
<div id="qr--modal-debugState"></div> <div id="qr--modal-debugState"></div>
</div> </div>
</div> </div>

18
public/scripts/extensions/quick-reply/src/QuickReply.js
View File

@ -984,6 +984,24 @@ export class QuickReply {
this.abortController?.abort('Stop button clicked'); this.abortController?.abort('Stop button clicked');
}); });
/**@type {HTMLTextAreaElement} */
const inputOg = document.querySelector('#send_textarea');
const inputMirror = dom.querySelector('#qr--modal-send_textarea');
inputMirror.value = inputOg.value;
const inputOgMo = new MutationObserver(muts=>{
if (muts.find(it=>[...it.removedNodes].includes(inputMirror) || [...it.removedNodes].find(n=>n.contains(inputMirror)))) {
inputOg.removeEventListener('input', inputOgListener);
}
});
inputOgMo.observe(document.body, { childList:true });
const inputOgListener = ()=>{
inputMirror.value = inputOg.value;
};
inputOg.addEventListener('input', inputOgListener);
inputMirror.addEventListener('input', ()=>{
inputOg.value = inputMirror.value;
});
/**@type {HTMLElement}*/ /**@type {HTMLElement}*/
const resumeBtn = dom.querySelector('#qr--modal-resume'); const resumeBtn = dom.querySelector('#qr--modal-resume');
resumeBtn.addEventListener('click', ()=>{ resumeBtn.addEventListener('click', ()=>{