(function () { try { var W = window; if (W.__bmWatchdogInstalled) return; W.__bmWatchdogInstalled = 1; W.__bloomarkHydrated = false; var GRACE = 10000; var unsupportedBrowser = function (ua) { ua = String(ua || ''); function major(re) { var m = re.exec(ua); return m ? parseInt(m[1], 10) : -1; } if (/MSIE |Trident\//.test(ua)) return true; var v = major(/Edge\/(\d+)/); if (v >= 0) return v < 90; if (/iPhone|iPad|iPod/.test(ua)) { v = major(/ OS (\d+)_/); return v >= 0 && v < 14; } v = major(/Firefox\/(\d+)/); if (v >= 0) return v < 88; v = major(/(?:Chrome|Chromium|Edg)\/(\d+)/); if (v >= 0) return v < 90; if (/Safari\//.test(ua)) { v = major(/Version\/(\d+)/); return v >= 0 && v < 14; } return false; }; var automationBrowser = function (ua) { return /HeadlessChrome\/|Playwright|Puppeteer/i.test(String(ua || '')); }; var GUARD = 'bm.hydrationRetry'; var failed = []; // 捕获阶段：资源加载失败不冒泡，onerror 也拿不到。这是报告里唯一能指名 // "哪个文件没下来"的信息，而这恰好是上一次排查最缺的东西。 function note(src) { if (!src || src.indexOf('/_next/static/') === -1) return; if (failed.length < 8 && failed.indexOf(src) === -1) failed.push(src); } W.addEventListener('error', function (e) { try { var t = e && e.target; // 资源加载失败：事件挂在元素上，不冒泡，onerror 也拿不到。 if (t && t.tagName) { note(t.src || t.href || ''); return; } // 脚本**下来了但是坏的**（截断、语法错误）：这类是普通的 window error， // target 是 window，文件名在 e.filename 上。Codex 评审第四轮点名的场景之一， // 而且下面的资源计时对账恰好看不见它——字节数是正的。 note((e && e.filename) || ''); } catch (err) {} }, true); /** * 所有候选资源。对账认不出罪魁祸首时，至少把名单交出去。 * * Codex 评审第五轮：有一条口子堵不上——一个在监听器安装之前就失败的脚本，如果 * 响应是"有字节但坏的"（畸形的 200），或者是 Safari 下的 404（Safari 目前不给 * responseStatus），资源计时看它就是"下来了"。那条 URL 于是从名单里消失，报告 * 变成"没观察到资源报错"——正好把这条诊断路径要救的东西弄丢了。 * * 从内联脚本所处的位置，这个口子没有干净的堵法（抢位置试过了，见上面）。所以 * 不假装堵上，改成不让排查的人撞进死胡同：认不出来时，把这一页所有 /_next/static * 脚本列出来当候选，并且**明确说明这是候选、不是已确认失败**。下一个人拿到的是 * 一份名单加"水合确实没完成"这个事实，而不是一句"什么都没看到"。 */ function candidateAssets() { var out = []; try { var tags = document.querySelectorAll('script[src*="/_next/static/"]:not([nomodule])'); for (var i = 0; i < tags.length && out.length < 12; i++) { if (tags[i].src) out.push(tags[i].src); } } catch (err) {} return out; } /** * 哪些 /_next/static 资源没下来。 * * 上面那个监听器装得晚——Next 把这段内联脚本排在 chunk 标签之后（实测 12 个 * script 标签里 10 个在前面），所以一个失败得很快的 chunk，它那个不冒泡的 error * 事件可能在监听器装好之前就派发完了，failed 会是空的。而"哪个文件没下来"正是 * 这条诊断路径唯一要拿到的东西。Codex 评审第三轮指出了这一点。 * * 与其去跟框架抢脚本位置（试过 next/script 的 beforeInteractive，没用，还是 * 10/12），不如别依赖抢到位置：这里拿 DOM 里的 script/link 标签和 performance * 的资源计时对账。走缓存的 transferSize 是 0 但 decodedBodySize 不是；真的没下来 * 的两个都是 0，或者干脆没有条目。事件漏了也补得回来。 * * 只用于诊断文本，不参与任何判定：资源计时缓冲区满了会漏条目，那时最多多报一个 * URL，不会影响是否重载。 */ function missingAssets() { var out = failed.slice(); try { var perf = W.performance; if (!perf || !perf.getEntriesByType) return out; var loaded = {}; var entries = perf.getEntriesByType('resource'); for (var i = 0; i < entries.length; i++) { var e = entries[i]; // 有字节 ≠ 成功：一个 404 页面也是有字节的。responseStatus 能拿到就用 // （Chromium 系有，Safari 目前没有），拿不到就只能退回"有没有字节"。 // Codex 评审第四轮指出的正是这个口子。 if (typeof e.responseStatus === 'number' && e.responseStatus >= 400) continue; if (e.decodedBodySize > 0 || e.encodedBodySize > 0) loaded[e.name] = 1; } // :not([nomodule]) 不是可有可无的：Next 会发一个 nomodule 的 polyfills 脚本， // 现代浏览器根本不下载它，于是它永远没有资源计时条目——第一次实测就把它误 // 报成"没下来的文件"了。报告里多一个假名字，下次排查就会有人去追它。 var tags = document.querySelectorAll( 'script[src*="/_next/static/"]:not([nomodule]), ' + 'link[rel="stylesheet"][href*="/_next/static/"]'); for (var j = 0; j < tags.length; j++) { var src = tags[j].src || tags[j].href; if (!src || loaded[src]) continue; if (out.indexOf(src) === -1 && out.length < 8) out.push(src); } } catch (err) {} return out; } var visibleMs = 0; var last = Date.now(); var timer = null; function stop() { if (timer) { clearInterval(timer); timer = null; } } document.addEventListener('visibilitychange', function () { // 只在这里对齐时间基准，隐藏期间的时间因此不会被计入。 last = Date.now(); }); function tick() { try { var now = Date.now(); if (document.visibilityState !== 'hidden') visibleMs += now - last; last = now; if (W.__bloomarkHydrated) { stop(); return; } if (visibleMs < GRACE) return; stop(); dead(); } catch (err) { stop(); } } /** 护栏必须真的坐住。写进去读不回来，就当作不能自动重载。 */ function guardHeld() { try { W.sessionStorage.setItem(GUARD, '1'); return W.sessionStorage.getItem(GUARD) === '1'; } catch (err) { return false; } } function alreadyRetried() { try { return W.sessionStorage.getItem(GUARD) === '1'; } catch (err) { return false; } } /** * 上报的 URL 里绝不能带查询参数的值。 * * Codex 评审 2026-08-13 抓到的缺陷：/verify-email?token=... 上的 token 是活的 * 凭证，而消费它的正是一个 useEffect——也就是水合失败时唯一没跑起来的那段代码。 * 所以恰好在这条路径上，token 一定还没用掉，而报告会被写进 client_error_reports、 * 打进日志、还会经 Resend 发进邮箱。 * * 保留键名（"当时带了个 token 参数"本身是有用的线索），只把值抹掉。不做白名单： * 白名单总有人漏掉一个键，而漏掉的代价是泄露一枚凭证。 * lib/errorReport.ts 里有一份等价实现——两处要一起改。 */ function safeUrl() { try { var path = location.pathname || ''; var q = (location.search || '').replace(/^\?/, ''); if (!q) return path; var keys = q.split('&').map(function (pair) { var k = pair.split('=')[0]; return k ? k + '=' : ''; }).filter(Boolean); return keys.length ? path + '?' + keys.join('&') : path; } catch (err) { return ''; } } function dead() { if (W.__bloomarkHydrated) return; var retried = alreadyRetried(); var missing = missingAssets(); var candidates = missing.length ? [] : candidateAssets(); var ref = 'h-' + Date.now().toString(36) + '-' + Math.random().toString(36).slice(2, 8); // 自动化浏览器、不支持的老浏览器：不上报（见 unsupportedBrowserSource / automationBrowserSource）。 // 下面的重载和横幅照旧。 var skipReport = false; try { var nav = W.navigator; skipReport = !!nav && (nav.webdriver === true || unsupportedBrowser(nav.userAgent) || automationBrowser(nav.userAgent)); } catch (err) {} // 先上报，再动页面：重载会中断这个请求，keepalive 才能让它发出去。 if (!skipReport) try { fetch('/client-errors', { method: 'POST', headers: { 'Content-Type': 'application/json' }, credentials: 'include', keepalive: true, body: JSON.stringify({ reference: ref, boundary: 'hydration', url: safeUrl(), message: 'Hydration never completed after ' + Math.round(GRACE / 1000) + 's of visible time. The page is rendered but not interactive.' + (missing.length ? ' Failed assets: ' + missing.join(' ') : ' No /_next/static asset error was identified' + ' (an early failure can be invisible to both the listener and' + ' resource timing). Unconfirmed candidates, NOT known failures: ' + (candidates.join(' ') || 'none')), stack: missing.length ? missing.join('\n') : (candidates.length ? candidates.join('\n') : undefined), digest: retried ? 'hydration-retry-failed' : 'hydration-first-failure' }) }); } catch (err) {} // 一次自动重试，等于用户自己按刷新——最有效的恢复手段。但只有护栏坐住了 // 才敢做，否则这就是一个刷新循环。 if (!retried && guardHeld()) { location.reload(); return; } banner(ref); } function banner(ref) { try { if (document.getElementById('bm-hydration-banner')) return; var host = document.createElement('div'); host.id = 'bm-hydration-banner'; host.setAttribute('role', 'alert'); host.style.cssText = 'position:fixed;left:0;right:0;bottom:0;z-index:2147483647;' + 'background:#171717;color:#fff;padding:14px 16px;' + 'font:14px/1.5 system-ui,-apple-system,sans-serif;' + 'display:flex;gap:12px;align-items:center;flex-wrap:wrap;' + 'box-shadow:0 -2px 12px rgba(0,0,0,.25)'; var text = document.createElement('div'); text.style.cssText = 'flex:1;min-width:200px'; text.appendChild(document.createTextNode( '页面没有加载完整，按钮可能无法点击。请重新加载。')); text.appendChild(document.createElement('br')); text.appendChild(document.createTextNode( 'This page did not finish loading and its buttons may not work. Please reload.')); var refLine = document.createElement('div'); refLine.style.cssText = 'margin-top:4px;font-size:12px;color:#a3a3a3'; refLine.appendChild(document.createTextNode('错误编号 / Reference: ' + ref)); text.appendChild(refLine); var btn = document.createElement('button'); btn.type = 'button'; btn.style.cssText = 'padding:9px 16px;font-size:14px;font-weight:500;cursor:pointer;' + 'border-radius:8px;border:none;background:#fff;color:#171717;flex:none'; btn.appendChild(document.createTextNode('重新加载 / Reload')); btn.onclick = function () { // 只重载，**不**清护栏。 // // Codex 评审第四轮：原来这里先 removeItem 再 reload，理由是"用户主动按的， // 该真的重载"。那个理由站不住——reload() 本来就不看护栏，护栏只管**自动** // 重载那一次。清掉它的唯一后果是：手动重载后如果还是失败，看门狗会以为 // 自动重试还没用过，于是等十秒再自动刷一次。用户按一下变成刷两次，外加 // 一份多余的报告。 location.reload(); }; host.appendChild(text); host.appendChild(btn); (document.body || document.documentElement).appendChild(host); } catch (err) {} } timer = setInterval(tick, 1000); } catch (err) {} })();

Sign in to your account