(function(){ if (typeof document === 'undefined' || typeof window === 'undefined') return; // ── 0. Apply saved theme (dark/light) BEFORE first paint ── // // CRITICAL: this script runs while is being parsed, BEFORE // globals.css is downloaded and applied. That means the html.dark // rule that defines --bw-page-bg in globals.css does not exist yet. // Any element that uses var(--bw-page-bg, light-default) will fall // back to its light default for the first frame and then jump to // dark when CSS loads -- that is the flash the user reported after // force-closing the app. // // We fix this by setting the design-system CSS variables INLINE on // right here. Inline styles win over the cascade and they // are available the moment the script ends, so any descendant // (including the body and every page) resolves var(--bw-page-bg) // to the dark value from the very first paint. try { // The tenant subdomain (app.bedwise.in) is locked to light-only. // It has no theme toggle anywhere in the UI, and the warm-paper // editorial design system was never authored for a dark variant — // so even though Android dark-mode phones used to flip the app to // dark via prefers-color-scheme, the result was unreadable tiles // and inverted text. We hard-skip the dark-mode branch here when // the host is the tenant app. var bwHost = (typeof location !== 'undefined' && location.hostname) || ''; var bwIsTenant = bwHost === 'app.bedwise.in' || bwHost.indexOf('app.') === 0; var savedTheme = localStorage.getItem('bedwise-theme'); // If the user has not explicitly toggled, fall back to their OS // preference. Without this, a brand-new install on a phone that is // already in dark mode would briefly show the light page before the // toggle component mounted — exactly the flash the user reported. var prefersDark = false; try { prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; } catch (e2) {} var shouldBeDark = !bwIsTenant && ( savedTheme === 'dark' || (savedTheme == null && prefersDark) ); // Belt + braces: if a previous session on this device stored the // 'dark' choice in localStorage AND the user is now on the tenant // subdomain, scrub it so the dark variables never re-apply. if (bwIsTenant) { try { if (savedTheme === 'dark') localStorage.removeItem('bedwise-theme'); var root2 = document.documentElement; root2.classList.remove('dark'); root2.style.colorScheme = ''; // Erase any inline dark CSS variables that an earlier load // (before this fix) may have splashed onto . var darkProps = ['background','--bw-page-bg','--bw-page-fg', '--bw-card-bg','--bw-card-border','--bw-hairline', '--bw-fg-muted','--bw-chip-bg','--bw-chip-fg', '--bw-input-bg','--bw-pill-active-bg','--bw-pill-active-fg']; for (var di = 0; di < darkProps.length; di++) { root2.style.removeProperty(darkProps[di]); } try { document.cookie = 'bw-theme=light; max-age=31536000; path=/; samesite=lax'; } catch (e4) {} } catch (e5) {} } if (shouldBeDark) { var root = document.documentElement; root.classList.add('dark'); root.style.colorScheme = 'dark'; root.style.background = '#000000'; // Mirror the choice to a cookie so the NEXT navigation (or cold // app open) gets dark-class HTML straight from the server. The // first load after a fresh install may still flash for one frame; // every load after that won't. try { document.cookie = 'bw-theme=dark; max-age=31536000; path=/; samesite=lax'; } catch (e3) {} // Bare minimum to suppress the flash — these match the dark // values defined in globals.css (html.dark { ... }) so we stay // consistent once the stylesheet loads. root.style.setProperty('--bw-page-bg', '#000000'); root.style.setProperty('--bw-page-fg', '#ECECF1'); root.style.setProperty('--bw-card-bg', '#0F1014'); root.style.setProperty('--bw-card-border', 'rgba(236,236,241,0.05)'); root.style.setProperty('--bw-hairline', 'rgba(236,236,241,0.08)'); root.style.setProperty('--bw-fg-muted', 'rgba(236,236,241,0.55)'); root.style.setProperty('--bw-chip-bg', 'rgba(236,236,241,0.05)'); root.style.setProperty('--bw-chip-fg', '#ECECF1'); root.style.setProperty('--bw-input-bg', '#15161B'); root.style.setProperty('--bw-pill-active-bg', 'rgba(255,255,255,0.12)'); root.style.setProperty('--bw-pill-active-fg', '#FFFFFF'); } } catch(e) {} // ── 0b. Boot curtain — shown only on cold-open ── // // The dashboard / messages / etc. all fetch session + PG + counts // client-side. Between SSR HTML (which uses fallback "Owner", // server-UTC greeting, empty cards) and the moment data resolves // (~400 ms over a real 4G connection) the user sees a cascade of // text swaps and layout shifts. Cumulatively it reads as "glitchy". // // Strategy: render a black full-screen overlay (matches the Android // splash exactly so there is NO color jump at handoff) and only // remove it once the page has finished loading. Once per app // launch — sessionStorage carries the flag so internal navigations // don't re-show the curtain. try { var bootKey = 'bw-boot-shown'; var alreadyShown = false; try { alreadyShown = sessionStorage.getItem(bootKey) === '1'; } catch (e4) {} // Lab/Lighthouse audit gate: opening a page with ?lh=1 skips the cold-open // splash so synthetic perf tools measure the REAL page content (FCP/LCP), // not the one-time branded splash. Real users never pass ?lh=1, so their // cold-open experience is byte-for-byte unchanged. var lhAudit = false; try { lhAudit = /[?&]lh=1(&|$)/.test((location && location.search) || ''); } catch (eLh) {} // Hide-only helper. We must NOT call parentNode.removeChild on the // curtain: React rendered it as a JSX child of so it lives // inside React's fiber tree. Removing it from outside React leaves // the fiber pointing at a node that's no longer attached, and the // very next reconciliation (e.g. clicking a Link to /rooms) hits // NotFoundError: Failed to execute 'removeChild' on 'Node': // The node to be removed is not a child of this node. // and crashes every owner page. Instead, append a user-stylesheet — // React never touches children, so the style is permanent // and the curtain becomes invisible without disturbing the tree. var removeBootCurtain = function() { try { if (document.getElementById('bw-boot-hide-style')) return; var s = document.createElement('style'); s.id = 'bw-boot-hide-style'; s.textContent = '#bw-boot-curtain{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}'; (document.head || document.documentElement).appendChild(s); } catch (e8) {} }; if (alreadyShown || lhAudit) { // Warm navigation (or ?lh=1 lab run) — inject a

Let's talk.

General enquiries

Support

Privacy & data

Write to us.