Something went wrong

We couldn’t finish loading Fanon. A refresh usually sorts it out.

\n \n

"; var KEY='fanon:blankReloadAt'; var RELOAD_WINDOW_MS=600000; var fired=false; var lastReason=''; var emptyTimer=0; // Console only. A tech review ruled out a dedicated ingest endpoint, and there // is no other transport that survives this state: `serverLogger` is a server // action (unreachable from a non-React script, and 404s against the stale // deployment that is itself one of our triggers), and Sentry's envelope was // observed failing CORS during the real incident. So this does NOT reach Axiom // — there is currently no measurement of how often users are blanked. It stays // because a console line is how this bug was diagnosed in the first place: the // next person to dump the console sees the reason immediately. function report(reason,reloaded){try{ var body='[PAGE_BLANKED] reason='+reason+' page='+location.pathname+' reloaded='+reloaded; if(window.console&&console.error){console.error(body);} lastReason=reason; }catch(e){}} function paint(){try{ var h=document.documentElement; var body=document.body; if(!body){body=document.createElement('body');h.appendChild(body);} // React and Next's stream still own the document, even after an error. // Replacing html/body detaches their nodes and makes removeChild fail. var cover=document.createElement('div'); cover.id='fanon-blank-fallback'; cover.setAttribute('role','alert'); cover.style.cssText='position:fixed;inset:0;z-index:2147483647;overflow:auto;visibility:visible;background-color:'+"rgb(11, 17, 28)"; cover.innerHTML=CARD; body.appendChild(cover); // Why it fired, readable from devtools on a page that has no other trace. h.setAttribute('data-fanon-blanked',lastReason||'unknown'); var b=cover.querySelector('[data-fanon-reload]'); if(b){b.addEventListener('click',function(){location.reload();});b.focus();} }catch(e){}} // One guarded reload per 10 minutes: a fresh document genuinely fixes a torn // down React root or a stale chunk set, but a second break that soon is not // worth another automatic reload — show the card and let the user decide. function trigger(reason){try{ if(fired)return; fired=true; var last=0, storageAvailable=true; try{last=Number(sessionStorage.getItem(KEY))||0;}catch(e){storageAvailable=false;} var now=Date.now(); if(storageAvailable&&(!last||now-last>RELOAD_WINDOW_MS)){ try{sessionStorage.setItem(KEY,String(now));}catch(e){storageAvailable=false;} if(storageAvailable){ report(reason,0); location.reload(); return; } } report(reason,last?1:0); paint(); }catch(e){}} // 1. Next's builtin error page. Load-bearing and checked in its own right: // that tree's body.innerText is NON-empty (it holds the unreadable // "Application error" line), so the emptiness probe below never sees it. function checkNextError(){if(document.documentElement.id==='__next_error__'){trigger('next_error');return true;}return false;} try{ new MutationObserver(checkNextError).observe(document.documentElement,{attributes:true,attributeFilter:['id']}); }catch(e){} // 2. Stylesheet never arrived (chunk 404 / stale edge-cached document). // Registered from the inline script so it catches failures that fire long // before hydration would have been able to listen. window.addEventListener('error',function(ev){try{ var t=ev&&ev.target; if(t&&t.tagName==='LINK'&&t.rel==='stylesheet'){trigger('dead_stylesheet');} }catch(e){}},true); // 3. Emptiness backstop: the root was cleared outright. function isBlank(){try{ var b=document.body; if(!b)return true; if((b.innerText||'').trim()!=='')return false; // ponytail: count empty wrappers as content so CSS-only loaders survive; // use an app-ready signal if we need to detect failed empty wrappers too. for(var i=0;i