(function(){ try { var BUILD_ENABLED = false; var search = (typeof location !== 'undefined' && location.search) || ''; var queryEnabled = /[?&]vt=1(?:&|$)/.test(search); if (!BUILD_ENABLED && !queryEnabled) return; var HYDRATION_CODES = { 418: 1, 419: 1, 421: 1, 422: 1, 423: 1, 425: 1 }; var fired = 0; var MAX_FIRES = 3; var dumping = false; // text snippet 採取ヘルパ。 // - ownText: 直接の子 (TextNode) を集めた値。タグの直下のテキストだけが // 分かるので、どの要素で text mismatch が起きているか特定しやすい。 // - allText: 子孫含む textContent。ownText が空なケース (子要素にラップされた // text) のフォールバック。 // どちらも 80 char で打ち切り、改行・連続スペースは 1 個に潰す。 function snippet(s) { if (s == null) return undefined; s = String(s).replace(/[\s\u3000]+/g, ' ').replace(/^\s+|\s+$/g, ''); if (!s) return undefined; if (s.length > 80) s = s.slice(0, 80) + '…'; return s; } function ownTextOf(el) { var t = ''; var nodes = el.childNodes || []; for (var i = 0; i < nodes.length; i++) { var n = nodes[i]; if (n && n.nodeType === 3 /* TEXT_NODE */) { t += n.nodeValue || ''; } } return t; } function summarize(el, depth) { if (!el || depth < 0) return null; var attrs = {}; var rawAttrs = el.attributes || []; for (var i = 0; i < rawAttrs.length; i++) { var a = rawAttrs[i]; var name = a.name; if ( name === 'id' || name === 'class' || name.indexOf('data-') === 0 || name.indexOf('aria-') === 0 ) { var v = a.value == null ? '' : String(a.value); if (v.length > 60) v = v.slice(0, 60) + '…'; attrs[name] = v; } } var kids = []; var children = el.children || []; // 12 まで広げる: ホームの横スクロール内カード列 / 検索ドロップダウンの // タグなど、兄弟要素が 8 を超えるところで text mismatch が起きていると // 切り捨てられて見えなくなるため、もう少し広めに採る。 var max = Math.min(children.length, 12); for (var j = 0; j < max; j++) { kids.push(summarize(children[j], depth - 1)); } var own = snippet(ownTextOf(el)); // 葉ノード or ownText が空のケースで、子孫テキストの断片もみたい。 // ただし所要全文 (textContent) を渡すと巨大化するので長さ + 先頭 80 char // のみ。React の text mismatch では実際の text node を持つ要素だけが原因 // になるので ownText の方が決定打になりやすい。 var allRaw = ''; try { allRaw = el.textContent || ''; } catch (_) { allRaw = ''; } var allLen = allRaw.length; var all = snippet(allRaw); return { tag: el.tagName ? el.tagName.toLowerCase() : '?', attrs: attrs, childCount: children.length, ownText: own, allTextLen: allLen, allText: all, children: kids.length > 0 ? kids : undefined, }; } function dumpHeadChildren() { var head = document.head; if (!head) return []; var out = []; var cs = head.children; var max = Math.min(cs.length, 30); for (var i = 0; i < max; i++) { var c = cs[i]; out.push({ tag: c.tagName ? c.tagName.toLowerCase() : '?', type: c.getAttribute && c.getAttribute('type') || undefined, src: c.getAttribute && c.getAttribute('src') || undefined, rel: c.getAttribute && c.getAttribute('rel') || undefined, id: c.id || undefined, }); } return out; } function htmlAttrSnapshot() { var out = {}; var root = document.documentElement; if (!root) return out; var attrs = root.attributes || []; for (var i = 0; i < attrs.length; i++) { var a = attrs[i]; out[a.name] = a.value; } return out; } function bodyAttrSnapshot() { var out = {}; var body = document.body; if (!body) return out; var attrs = body.attributes || []; for (var i = 0; i < attrs.length; i++) { var a = attrs[i]; out[a.name] = a.value; } return out; } function suspects() { var body = document.body; var html = document.documentElement; var head = document.head; var result = { gramm: false, cz: false, translateGoogle: false, bodyExtensionAttrs: [], htmlExtensionAttrs: [], // Vercel Preview Toolbar / Comments (vercel.live/_next-live/feedback/...) // がに注入する script は server SSR HTML には無く、edge HTML // transformer によって挿入されるため、React の RSC ペイロード期待値と // 実 DOM がずれて #418 を引き起こすことがある。preview だけで再現する // hydration mismatch の主犯候補なのでフラグ化して切り分けやすくする。 vercelLive: false, vercelLiveScripts: [], }; if (head) { var hcs = head.children; for (var hi = 0; hi < hcs.length; hi++) { var hc = hcs[hi]; var hsrc = hc.getAttribute && hc.getAttribute('src'); if (hsrc && hsrc.indexOf('vercel.live') !== -1) { result.vercelLive = true; result.vercelLiveScripts.push(hsrc); } } } if (body) { result.gramm = !!body.getAttribute('data-gramm') || !!body.getAttribute('data-gramm_editor') || !!body.getAttribute('data-new-gr-c-s-check-loaded'); var ba = body.attributes || []; for (var i = 0; i < ba.length; i++) { var name = ba[i].name; if ( name.indexOf('cz-') === 0 || name.indexOf('data-darkreader') === 0 || name.indexOf('data-lt-') === 0 || name === 'data-new-gr-c-s-check-loaded' || name === 'data-gr-ext-installed' ) { if (name.indexOf('cz-') === 0) result.cz = true; result.bodyExtensionAttrs.push(name); } } } if (html) { result.translateGoogle = html.classList.contains('translated-ltr') || html.classList.contains('translated-rtl'); var ha = html.attributes || []; for (var k = 0; k < ha.length; k++) { var hname = ha[k].name; if ( hname.indexOf('data-darkreader') === 0 || hname === 'data-lt-installed' ) { result.htmlExtensionAttrs.push(hname); } } } return result; } function onError(ev) { if (fired >= MAX_FIRES) return; if (dumping) return; var msg = (ev && ev.message) || (ev && ev.error && String(ev.error)) || ''; var m = msg.match(/react\.dev\/errors\/(\d+)/); if (!m) return; var code = Number(m[1]); if (!HYDRATION_CODES[code]) return; fired += 1; try { dumping = true; var payload = { message: msg, url: location.href, ua: navigator.userAgent, readyState: document.readyState, htmlAttrs: htmlAttrSnapshot(), bodyAttrs: bodyAttrSnapshot(), headChildren: dumpHeadChildren(), bodyTree: summarize(document.body, 4), suspects: suspects(), }; console.error('[hydration-debug-early] React error #' + code, payload); // DevTools は object を折りたたんで貼り付け時に {…} になりやすいので、 // そのままコピーできる JSON 文字列も別行で出す。 console.error('[hydration-debug-early-json] ' + JSON.stringify(payload)); } catch (e) { try { console.error('[hydration-debug-early] dump failed', e); } catch (_) {} } finally { dumping = false; } } // capture: true で他の listener より前に走らせる。 window.addEventListener('error', onError, true); // React は内部で console.error も呼ぶ (production minified でも // react.dev/errors/418 を含む文字列)。生 window error より早く出ることが // あるので console.error も hook して同じ判定をかける。 try { var origErr = console.error; console.error = function(){ try { if (fired < MAX_FIRES) { for (var i = 0; i < arguments.length; i++) { var a = arguments[i]; var s = typeof a === 'string' ? a : (a && a.message) || ''; var mm = s && s.match(/react\.dev\/errors\/(\d+)/); if (mm && HYDRATION_CODES[Number(mm[1])]) { onError({ message: s }); break; } } } } catch (_) {} return origErr.apply(this, arguments); }; } catch (_) {} // 起動マーカー: スクリプトが本当に走ったかを切り分けやすくする。 try { console.info('[hydration-debug-early] armed', { build: BUILD_ENABLED, query: queryEnabled }); } catch (_) {} } catch (e) { try { console.error('[hydration-debug-early] init failed', e); } catch (_) {} } })();

濃厚な精子を求め誘惑してくるド淫乱女優に子宮の奥までどっぷり中出し100連発8時間BEST