hamcha/tghandbook
Archived
1
0
Fork 1
Code Issues 7 Pull requests Releases Wiki Activity

Use rAF to make the loading less stuttery

Browse source
This commit is contained in:
Hamcha 2020-06-17 11:59:00 +02:00
parent b5c34a278f
commit e842808def
Signed by: hamcha
GPG key ID: 41467804B19A3315
2 changed files with 21 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
lib/TabManager.ts
View file

@ -18,15 +18,21 @@ function initWaiting(elem: HTMLElement) {
}
async function loadPage(page: string, elem: HTMLElement) {
// Fetch page content
console.log(page + ": fetching");
let html = await getPageHTML(page);
// Convert relative links to absolute
html = html.replace(/"\/wiki/gi, '"//tgstation13.org/wiki');
elem.innerHTML = html;
console.log(page + ": processing");
userscript(elem, page);
console.log(page + ": userscript applied");
elem.classList.remove("waiting");
// Set as HTML content and run HTML manipulations on it
requestAnimationFrame(() => {
elem.innerHTML = html;
console.log(page + ": processing");
userscript(elem, page);
console.log(page + ": userscript applied");
elem.classList.remove("waiting");
});
}
type TabElements = { tabListItem: HTMLElement; tabContentItem: HTMLElement };

22
lib/userscript.ts
View file

@ -503,16 +503,14 @@ export default function (root: HTMLElement, docname: string) {
);
}
window.requestAnimationFrame(() => {
switch (docname) {
case "Guide_to_chemistry":
betterChemistry();
break;
default:
betterGeneric();
break;
}
// Everything is loaded, remove loading bar
statusMessage.innerHTML = "";
});
switch (docname) {
case "Guide_to_chemistry":
betterChemistry();
break;
default:
betterGeneric();
break;
}
// Everything is loaded, remove loading bar
statusMessage.innerHTML = "";
}