(function(){ // Once per document. The element check alone only catches a splash that is // still up — after teardown a re-executed script would rebuild it and flash // the boot frame over an app that is already running. if (window.__zpBooted) return; window.__zpBooted = 1; if (document.getElementById('zp-boot')) return; var el = document.createElement('div'); el.id = 'zp-boot'; el.setAttribute('role', 'status'); el.setAttribute('aria-label', 'Loading Zoneplay'); el.style.cssText = 'position:fixed;inset:0;z-index:2147483647;display:flex;' + 'flex-direction:column;align-items:center;justify-content:center;' + 'background:#0B0B14;opacity:1;transition:opacity 320ms ease-out;' + 'touch-action:none'; el.innerHTML = "

"; // Mounted on , not . React hydrates the body subtree and treats // any child it did not render as a mismatch, so a splash living there logs // a hydration error no matter where in the order it sits. documentElement is // outside what the reconciler walks, and position:fixed anchors to the // viewport regardless of parent, so the visual result is identical. document.documentElement.appendChild(el); var start = Date.now(); var done = false; var bar = document.getElementById('zp-boot-bar'); // Indeterminate by design. Real progress would require every role's // dashboard to report milestones; an eased curve that stops short of the // end is honest about "working" without inventing percentages. // // The curve is deliberately front-loaded. A slow ramp left the bar around // 10% on a typical load, so the jump to 100% at the end read as a glitch // rather than a finish. Moving quickly to roughly two thirds and then // decelerating means the final sweep is always a short, plausible distance. var pct = 0; var timer = setInterval(function () { pct += Math.max(1.6, (92 - pct) * 0.14); if (pct > 92) pct = 92; if (bar) bar.style.width = pct.toFixed(1) + '%'; }, 45); // Kick the first frame immediately: the interval's first tick is one period // away, and starting from a visibly empty bar makes the splash look stalled. if (bar) { requestAnimationFrame(function () { if (!done && bar) bar.style.width = '8%'; }); } function finish() { if (done) return; done = true; clearInterval(timer); var wait = Math.max(0, 450 - (Date.now() - start)); setTimeout(function () { // Run the bar out to 100% FIRST and let it arrive. Filling and fading on // the same tick — which is what this did originally — starts both // transitions together, so the bar is still travelling from wherever it // had crept to while the screen is already vanishing. The load reads as // interrupted rather than finished. if (bar) { bar.style.transition = 'width 220ms cubic-bezier(0.22, 1, 0.36, 1)'; bar.style.width = '100%'; } var settle = bar ? 220 + 140 : 0; setTimeout(function () { el.style.opacity = '0'; setTimeout(function () { if (el.parentNode) el.parentNode.removeChild(el); document.documentElement.removeAttribute('data-zp-booting'); }, 320); }, settle); }, wait); } window.addEventListener('zp-app-ready', finish, { once: true }); // Ceiling: a route that never signals readiness must not trap the user. setTimeout(finish, 6000); // A bfcache restore replays no scripts, so clear anything left behind. window.addEventListener('pageshow', function (e) { if (e.persisted) finish(); }); })();

Match Format