(function() { if (typeof window !== 'undefined') { var isDebug = false; try { if (window.location.search.indexOf('debug=true') > -1) { localStorage.setItem('hf_debug', 'true'); isDebug = true; } else if (window.location.search.indexOf('debug=false') > -1) { localStorage.removeItem('hf_debug'); } else { isDebug = localStorage.getItem('hf_debug') === 'true'; } } catch (e) { isDebug = window.location.search.indexOf('debug=true') > -1; } if (isDebug) { window.addEventListener('error', function(e) { displayMobileError('Runtime Error', e.message, e.filename, e.lineno, e.colno, e.error); }); window.addEventListener('unhandledrejection', function(e) { var reason = e.reason; displayMobileError( 'Unhandled Rejection', reason?.message || String(reason), reason?.fileName || reason?.filename, reason?.lineNumber || reason?.lineno, reason?.columnNumber || reason?.colno, reason ); }); } function displayMobileError(title, message, source, lineno, colno, error) { var errorString = title + ': ' + message + '\nSource: ' + (source || 'unknown') + '\nLine: ' + (lineno || '?') + ':' + (colno || '?') + '\nStack: ' + (error?.stack || 'no stack'); console.error('[HiFriendz Diagnostic]', errorString); var renderOverlay = function() { var overlay = document.getElementById('hifriendz-debug-overlay'); if (!overlay) { overlay = document.createElement('div'); overlay.id = 'hifriendz-debug-overlay'; overlay.style.cssText = 'position:fixed;bottom:16px;left:16px;right:16px;max-height:60vh;overflow-y:auto;background:rgba(20,20,25,0.95);border:1px solid rgba(239,68,68,0.4);border-radius:16px;padding:16px;color:#f3f4f6;font-family:monospace;font-size:11px;z-index:9999999;box-shadow:0 10px 25px -5px rgba(0,0,0,0.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);line-height:1.4;'; var header = document.createElement('div'); header.style.cssText = 'display:flex;align-items:center;justify-content:between;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:6px;'; header.innerHTML = '🚨 HiFriendz Mobile Debugger'; var closeBtn = document.createElement('button'); closeBtn.innerText = '✕'; closeBtn.style.cssText = 'background:none;border:none;color:#9ca3af;font-size:14px;cursor:pointer;padding:2px 8px;margin-left:auto;'; closeBtn.onclick = function() { overlay.remove(); }; header.appendChild(closeBtn); overlay.appendChild(header); var content = document.createElement('pre'); content.id = 'hifriendz-debug-content'; content.style.cssText = 'white-space:pre-wrap;word-break:break-all;margin:0;max-height:45vh;overflow-y:auto;padding-right:8px;'; overlay.appendChild(content); var footer = document.createElement('div'); footer.style.cssText = 'display:flex;gap:8px;margin-top:12px;'; var copyBtn = document.createElement('button'); copyBtn.innerText = '📋 Copy Error Info'; copyBtn.style.cssText = 'background:#ef4444;color:white;border:none;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:bold;cursor:pointer;'; copyBtn.onclick = function() { navigator.clipboard.writeText(content.innerText); copyBtn.innerText = '✅ Copied!'; setTimeout(function() { copyBtn.innerText = '📋 Copy Error Info'; }, 2000); }; footer.appendChild(copyBtn); overlay.appendChild(footer); document.body.appendChild(overlay); } var contentEl = document.getElementById('hifriendz-debug-content'); if (contentEl) { contentEl.innerText += (contentEl.innerText ? '\n\n' : '') + errorString; } }; if (document.body) { renderOverlay(); } else { window.addEventListener('DOMContentLoaded', renderOverlay); } } } // Legacy storage cleanup. Existing devices have keys left // over from removed code paths — orphaned and never read by // current code, but worth sweeping so the storage stays // tidy and there's no risk of a future bug rehydrating from // them. Idempotent: missing keys are no-ops. try { // hf_dashboard_cache_{available,branch,rented} — // removed in favor of Firestore IDB persistence as the // single cache layer. const toRemove = []; for (let i = 0; i < localStorage.length; i++) { const k = localStorage.key(i); if (k && k.indexOf('hf_dashboard_cache_') === 0) toRemove.push(k); } toRemove.forEach(k => localStorage.removeItem(k)); // mainDashboardTab used to live in sessionStorage (pre- // commit ddaf8091 it was the FilterBar's storage). Sweep // any residue so it doesn't shadow the localStorage value. try { sessionStorage.removeItem('mainDashboardTab'); } catch (e) {} } catch (e) { /* localStorage may be disabled (private mode) */ } try { const userPref = localStorage.getItem('appThemePreference'); const globalPref = localStorage.getItem('appThemeGlobalDefault'); const saved = userPref || globalPref; // New Aurora — all-blue, no violet end stop. The legacy // Aurora used gradientEnd: '#4e4376' (dark violet), which // showed up as a "violet flash" on pull-to-refresh and a // violet-tinted top-right of the page. const NEW_AURORA = { type: 'gradient', gradientStart: '#2b5876', gradientEnd: '#1e4060', gradientAngle: 45, blur: 0, presetId: 'aurora' }; let p = saved ? JSON.parse(saved) : NEW_AURORA; // Force invalidate legacy gray theme (which causes the brown flash) if (p.hue === 0 && p.saturation === 0 && p.lightness <= 30) { p = { ...NEW_AURORA }; localStorage.setItem('appThemeGlobalDefault', JSON.stringify(p)); if (userPref) localStorage.removeItem('appThemePreference'); } // Migrate legacy Aurora (had violet end stop #4e4376) to // the all-blue Aurora. Detect by exact color match so we // don't disturb users who picked a custom gradient. if (p.type === 'gradient' && p.gradientStart === '#2b5876' && p.gradientEnd === '#4e4376') { p = { ...p, gradientEnd: '#1e4060', presetId: 'aurora' }; const targetKey = userPref ? 'appThemePreference' : 'appThemeGlobalDefault'; try { localStorage.setItem(targetKey, JSON.stringify(p)); } catch (e) {} } // Migrate removed purple presets (royal, plum, amethyst, // cherry) to the new Aurora. These were dropped from the // theme picker. if (p.presetId === 'royal' || p.presetId === 'plum' || p.presetId === 'amethyst' || p.presetId === 'cherry') { p = { ...NEW_AURORA }; const targetKey = userPref ? 'appThemePreference' : 'appThemeGlobalDefault'; try { localStorage.setItem(targetKey, JSON.stringify(p)); } catch (e) {} } // 1. Dark mode logic const isDark = p.type === 'solid' ? (p.lightness < 70) : true; document.documentElement.classList.toggle('dark', isDark); // 2. Background construction const themeBg = p.type === 'solid' ? 'hsl(' + p.hue + ', ' + p.saturation + '%, ' + p.lightness + '%)' : 'linear-gradient(' + (p.gradientAngle || 135) + 'deg, ' + p.gradientStart + ', ' + p.gradientEnd + ')'; // 3. Precise style application to prevent flashes and scrolling color shifts const varBg = p.type === 'solid' ? themeBg : p.gradientStart; document.documentElement.style.setProperty('--background', varBg); document.documentElement.style.setProperty('--theme-bg', themeBg); const style = document.createElement('style'); style.id = 'early-theme-styles'; // html shows a SOLID color (the gradient's start color or // the user's solid theme color), not the gradient itself. // The gradient is painted by #fixed-app-bg, which stays // anchored to the viewport via position:fixed. This way: // - normal rendering: gradient shows over content as before // - pull-to-refresh / iOS overscroll: html peeks through // and shows the same solid brand color the user sees // dominantly on the loaded page — no flash of the // gradient's far end (the "legacy violet" tint). style.innerHTML = ` html { background-color: ${varBg} !important; background-image: none !important; } body { background: transparent !important; } #fixed-app-bg { background: var(--theme-bg) !important; position: fixed; inset: 0; z-index: -1; } `; document.head.appendChild(style); document.documentElement.style.setProperty('--app-blur', p.blur + 'px'); const hslToHex = (h, s, l) => { l /= 100; const a = s * Math.min(l, 1 - l) / 100; const f = n => { const k = (n + h / 30) % 12; const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1); return Math.round(255 * color).toString(16).padStart(2, '0'); }; return "#" + f(0) + f(8) + f(4); }; const getBlendedMetaColor = (hex) => { if (!hex || !hex.startsWith('#') || hex.length !== 7) return hex; let r = parseInt(hex.slice(1, 3), 16); let g = parseInt(hex.slice(3, 5), 16); let b = parseInt(hex.slice(5, 7), 16); // Blend with overlay black/20 r = Math.round(0.2 * 0 + 0.8 * r); g = Math.round(0.2 * 0 + 0.8 * g); b = Math.round(0.2 * 0 + 0.8 * b); // Blend with header glass white/5 r = Math.round(0.05 * 255 + 0.95 * r); g = Math.round(0.05 * 255 + 0.95 * g); b = Math.round(0.05 * 255 + 0.95 * b); return '#' + (1 << 24 | r << 16 | g << 8 | b).toString(16).slice(1); }; const baseHex = p.type === 'solid' ? hslToHex(p.hue, p.saturation, p.lightness) : p.gradientStart; const finalMetaColor = getBlendedMetaColor(baseHex); let meta = document.querySelector('meta[name="theme-color"]'); if (!meta) { meta = document.createElement('meta'); meta.setAttribute('name', 'theme-color'); document.head.appendChild(meta); } meta.setAttribute('content', finalMetaColor); } catch (e) { console.error('Early theme error', e); } })();