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

firefox compat

Browse Source
This commit is contained in:
LenAnderson
2024-07-20 12:28:16 -04:00
parent 5712128ac0
commit c3a51af2f3
1 changed files with 33 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -584,29 +584,6 @@ export class QuickReply {
}); });
}; };
const updateScrollDebounced = updateScroll; const updateScrollDebounced = updateScroll;
const updateSyntax = ()=>{
if (messageSyntaxInner && syntax.checked) {
morphdom(
messageSyntaxInner,
`<div>${hljs.highlight(`${message.value}${message.value.slice(-1) == '\n' ? ' ' : ''}`, { language:'stscript', ignoreIllegals:true })?.value}</div>`,
{ childrenOnly: true },
);
}
};
let lastSyntaxUpdate = 0;
const fpsTime = 1000 / 30;
let lastMessageValue = null;
const upsyn = ()=>{
const now = Date.now();
if (now - lastSyntaxUpdate < fpsTime) return requestAnimationFrame(upsyn);
if (!messageSyntaxInner.closest('body')) return;
if (lastMessageValue == message.value) return requestAnimationFrame(upsyn);
lastSyntaxUpdate = now;
lastMessageValue = message.value;
updateSyntax();
requestAnimationFrame(upsyn);
};
requestAnimationFrame(()=>upsyn());
const updateSyntaxEnabled = ()=>{ const updateSyntaxEnabled = ()=>{
if (syntax.checked) { if (syntax.checked) {
dom.querySelector('#qr--modal-messageHolder').classList.remove('qr--noSyntax'); dom.querySelector('#qr--modal-messageHolder').classList.remove('qr--noSyntax');
@ -639,7 +616,11 @@ export class QuickReply {
localStorage.setItem('qr--syntax', JSON.stringify(syntax.checked)); localStorage.setItem('qr--syntax', JSON.stringify(syntax.checked));
updateSyntaxEnabled(); updateSyntaxEnabled();
}); });
navigator.keyboard.getLayoutMap().then(it=>dom.querySelector('#qr--modal-commentKey').textContent = it.get('Backslash')); if (navigator.keyboard) {
navigator.keyboard.getLayoutMap().then(it=>dom.querySelector('#qr--modal-commentKey').textContent = it.get('Backslash'));
} else {
dom.querySelector('#qr--modal-commentKey').closest('small').remove();
}
this.editorMessageLabel = dom.querySelector('label[for="qr--modal-message"]'); this.editorMessageLabel = dom.querySelector('label[for="qr--modal-message"]');
/**@type {HTMLTextAreaElement}*/ /**@type {HTMLTextAreaElement}*/
const message = dom.querySelector('#qr--modal-message'); const message = dom.querySelector('#qr--modal-message');
@ -874,7 +855,6 @@ export class QuickReply {
}); });
/** @type {any} */ /** @type {any} */
const resizeListener = debounce((evt) => { const resizeListener = debounce((evt) => {
updateSyntax();
updateScrollDebounced(evt); updateScrollDebounced(evt);
if (document.activeElement == message) { if (document.activeElement == message) {
message.blur(); message.blur();
@ -883,11 +863,35 @@ export class QuickReply {
}); });
window.addEventListener('resize', resizeListener); window.addEventListener('resize', resizeListener);
updateSyntaxEnabled(); updateSyntaxEnabled();
const updateSyntax = ()=>{
if (messageSyntaxInner && syntax.checked) {
morphdom(
messageSyntaxInner,
`<div>${hljs.highlight(`${message.value}${message.value.slice(-1) == '\n' ? ' ' : ''}`, { language:'stscript', ignoreIllegals:true })?.value}</div>`,
{ childrenOnly: true },
);
}
};
let lastSyntaxUpdate = 0;
const fpsTime = 1000 / 30;
let lastMessageValue = null;
const upsyn = ()=>{
const now = Date.now();
// fps limit
if (now - lastSyntaxUpdate < fpsTime) return requestAnimationFrame(upsyn);
// elements don't exist (yet?)
if (!messageSyntaxInner || !message) return requestAnimationFrame(upsyn);
// elements no longer part of the document
if (!messageSyntaxInner.closest('body')) return;
// value hasn't changed
if (lastMessageValue == message.value) return requestAnimationFrame(upsyn);
lastSyntaxUpdate = now;
lastMessageValue = message.value;
updateSyntax();
requestAnimationFrame(upsyn);
};
requestAnimationFrame(()=>upsyn());
message.style.setProperty('text-shadow', 'none', 'important'); message.style.setProperty('text-shadow', 'none', 'important');
/**@type {HTMLElement}*/
const messageSyntaxInner = dom.querySelector('#qr--modal-messageSyntaxInner');
this.editorSyntax = messageSyntaxInner;
updateSyntax();
updateWrap(); updateWrap();
updateTabSize(); updateTabSize();