/* ============================================================= bandbet-route.js — detecta rota /ao-vivo e seta classe no body Funciona com: · Carga inicial da página · SPA navigation (Angular Router via history.pushState) · Browser back/forward (popstate) · Body sendo recriado pelo framework (MutationObserver fallback) Classes setadas quando URL contém /ao-vivo: · body.bb-route-live · body.bb-route-ao-vivo (Ambas porque o CSS atual usa as duas variações.) ============================================================= */ (() => { 'use strict'; const LIVE_ROUTE_REGEX = /\/ao-vivo(\/|$|\?|#)/; function isLiveRoute() { return LIVE_ROUTE_REGEX.test(location.pathname + location.search); } function applyRouteClass() { const body = document.body; if (!body) return; const isLive = isLiveRoute(); body.classList.toggle('bb-route-live', isLive); body.classList.toggle('bb-route-ao-vivo', isLive); } function init() { applyRouteClass(); // SPA navigation — hook history API const origPush = history.pushState; history.pushState = function () { origPush.apply(this, arguments); queueMicrotask(applyRouteClass); }; const origReplace = history.replaceState; history.replaceState = function () { origReplace.apply(this, arguments); queueMicrotask(applyRouteClass); }; window.addEventListener('popstate', applyRouteClass); window.addEventListener('hashchange', applyRouteClass); // Fallback: se body for recriado (Angular em alguns casos) new MutationObserver(applyRouteClass).observe( document.documentElement, { childList: true } ); console.log( '[bb-route] Ativo. Path:', location.pathname, '| Live:', isLiveRoute() ); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init, { once: true }); } else { init(); } })();