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) { async function loadPage(page: string, elem: HTMLElement) {
// Fetch page content
console.log(page + ": fetching"); console.log(page + ": fetching");
let html = await getPageHTML(page); let html = await getPageHTML(page);
// Convert relative links to absolute // Convert relative links to absolute
html = html.replace(/"\/wiki/gi, '"//tgstation13.org/wiki'); html = html.replace(/"\/wiki/gi, '"//tgstation13.org/wiki');
elem.innerHTML = html;
console.log(page + ": processing"); // Set as HTML content and run HTML manipulations on it
userscript(elem, page); requestAnimationFrame(() => {
console.log(page + ": userscript applied"); elem.innerHTML = html;
elem.classList.remove("waiting"); console.log(page + ": processing");
userscript(elem, page);
console.log(page + ": userscript applied");
elem.classList.remove("waiting");
});
} }
type TabElements = { tabListItem: HTMLElement; tabContentItem: HTMLElement }; 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) {
switch (docname) { case "Guide_to_chemistry":
case "Guide_to_chemistry": betterChemistry();
betterChemistry(); break;
break; default:
default: betterGeneric();
betterGeneric(); break;
break; }
} // Everything is loaded, remove loading bar
// Everything is loaded, remove loading bar statusMessage.innerHTML = "";
statusMessage.innerHTML = "";
});
} }