51 lines
1.5 KiB
JavaScript
51 lines
1.5 KiB
JavaScript
|
(function () {
|
||
|
|
const start = Date.now();
|
||
|
|
const minVisibleMs = 900;
|
||
|
|
const state = { progress: 0, done: false, raf: 0 };
|
||
|
|
|
||
|
|
function updateProgress(target) {
|
||
|
|
state.progress += (target - state.progress) * 0.08;
|
||
|
|
if (state.progress > 99.4 && !state.done) {
|
||
|
|
state.progress = 99.4;
|
||
|
|
}
|
||
|
|
const value = Math.max(0, Math.min(100, Math.floor(state.progress)));
|
||
|
|
const pctEl = document.getElementById("app-loader-pct");
|
||
|
|
const barEl = document.getElementById("app-loader-bar");
|
||
|
|
if (pctEl) pctEl.textContent = `${value}%`;
|
||
|
|
if (barEl) barEl.style.width = `${value}%`;
|
||
|
|
}
|
||
|
|
|
||
|
|
function loop() {
|
||
|
|
const target = state.done ? 100 : 92;
|
||
|
|
updateProgress(target);
|
||
|
|
|
||
|
|
if (state.done && state.progress >= 99.7) {
|
||
|
|
const root = document.documentElement;
|
||
|
|
root.classList.add("app-ready");
|
||
|
|
window.setTimeout(() => {
|
||
|
|
const overlay = document.getElementById("app-loader");
|
||
|
|
overlay?.remove();
|
||
|
|
}, 520);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
state.raf = window.requestAnimationFrame(loop);
|
||
|
|
}
|
||
|
|
|
||
|
|
function finish() {
|
||
|
|
state.done = true;
|
||
|
|
const elapsed = Date.now() - start;
|
||
|
|
const wait = Math.max(0, minVisibleMs - elapsed);
|
||
|
|
window.setTimeout(() => {
|
||
|
|
if (!state.raf) {
|
||
|
|
state.raf = window.requestAnimationFrame(loop);
|
||
|
|
}
|
||
|
|
}, wait);
|
||
|
|
}
|
||
|
|
|
||
|
|
document.addEventListener("DOMContentLoaded", () => {
|
||
|
|
state.raf = window.requestAnimationFrame(loop);
|
||
|
|
});
|
||
|
|
|
||
|
|
window.addEventListener("load", finish, { once: true });
|
||
|
|
})();
|