var LOADING_PAGE_EXISTS = true;
(() => {
// --- PENTING ---
// Agar berfungsi dengan benar dan tanpa kedipan,
// letakkan skrip ini di dalam tag pada HTML Anda.
// --- Konfigurasi ---
const cfg = {
spinnerSrc: window.CUSTOM_LOGO || null, // URL ke GIF spinner Anda
captionText: "Loading…", // Teks yang akan ditampilkan
minLoadingDuration: 3000, // (ms) Durasi MINIMUM loader ditampilkan
fadeAfterLoad: 600, // (ms) Durasi animasi fade-out
bgColor: "#FBFBFB", // Warna latar belakang overlay
typeSpeed: 250, // (ms) Kecepatan efek ketik
debug: false // Aktifkan log di console untuk debugging
};
// --- Variabel Internal ---
let overlay = null;
let fallbackTimer = null;
let typeInterval = null;
let startTime = 0;
let pageReady = false;
let typewriterRunning = false;
const log = (...args) => cfg.debug && console.log("[SmartLoader]", ...args);
/**
* Menyisipkan style CSS ke dalam .
* Dijalankan secara sinkron untuk mencegah kedipan.
*/
function injectStyles() {
if (document.getElementById("smart-loader-style")) return;
const style = `
`;
document.head.insertAdjacentHTML('beforeend', style);
}
/**
* Membuat dan menampilkan overlay.
* Dijalankan secara sinkron.
*/
function buildAndShowOverlay() {
const overlayHTML = `
⟳
`;
// Sisipkan langsung ke body, browser akan menanganinya bahkan jika body belum sepenuhnya ada
document.documentElement.insertAdjacentHTML('beforeend', overlayHTML);
overlay = document.getElementById('smartLoaderOverlay');
}
/**
* Menyembunyikan overlay loader dengan animasi fade-out
*/
function hide() {
if (!overlay) return;
typewriterStop();
overlay.classList.add("hidden");
log("Loader hidden");
setTimeout(() => {
if (overlay && overlay.parentNode) {
overlay.remove();
}
}, cfg.fadeAfterLoad + 50);
// jalankan animasi aos
$(function() {
AOS.init(AOSOptions);
});
$(window).on("scroll", function () {
AOS.init(AOSOptions);
});
}
/**
* Memulai animasi ketik pada caption
*/
function typewriterStart() {
if (typewriterRunning) return;
const caption = overlay.querySelector(".loading-caption");
if (!caption) return;
const txt = cfg.captionText.trim();
let i = 0;
caption.textContent = "";
typewriterRunning = true;
clearInterval(typeInterval);
typeInterval = setInterval(() => {
if (i < txt.length) {
caption.textContent += txt.charAt(i);
i++;
} else {
i = 0;
caption.textContent = "";
}
}, cfg.typeSpeed);
}
/**
* Menghentikan animasi ketik
*/
function typewriterStop() {
typewriterRunning = false;
clearInterval(typeInterval);
const caption = overlay.querySelector(".loading-caption");
if (caption) caption.textContent = cfg.captionText;
}
/**
* Fungsi yang dijalankan ketika halaman siap (DOMContentLoaded)
*/
function onPageReady() {
if (pageReady) return; // Pastikan hanya berjalan sekali
pageReady = true;
log("DOM Content Loaded.");
if (fallbackTimer) clearTimeout(fallbackTimer);
const elapsed = performance.now() - startTime;
const remaining = Math.max(0, cfg.minLoadingDuration - elapsed);
log(`Page loaded in ${elapsed.toFixed(0)}ms. Hiding loader in ${remaining.toFixed(0)}ms.`);
setTimeout(hide, remaining);
}
/**
* Inisialisasi loader
*/
function init() {
startTime = performance.now();
// Buat dan tampilkan loader secara sinkron
injectStyles();
buildAndShowOverlay();
typewriterStart();
log("Loader shown immediately.");
// Atur timer pengaman
// fallbackTimer = setTimeout(() => {
// if (!pageReady) {
// log("Fallback timer triggered. Force hiding loader.");
// hide();
// }
// }, 20000);
// Atur listener untuk saat halaman siap
document.addEventListener("DOMContentLoaded", onPageReady);
}
init();
})();