pat/wursor
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

updated stuff

Browse Source
This commit is contained in:
SinachPat
2026-05-09 20:23:34 +01:00
parent 1a5d84cb58
commit 3c5bbaea0b
1 changed files with 47 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/renderer/src/fiber-hook.ts
+45 -32
View File
@@ -179,45 +179,58 @@ export function buildProxyFiberHookScript(): string {
} }
// ── React DevTools global hook ──────────────────────────────────────────── // ── React DevTools global hook ────────────────────────────────────────────
// Must be installed before React evaluates its module body. React checks for // Strategy: completely replace window.__REACT_DEVTOOLS_GLOBAL_HOOK__ with a
// __REACT_DEVTOOLS_GLOBAL_HOOK__ exactly once at import time. // fresh, fully-specified hook object. This eliminates all timing hazards:
// //
// Timing hazard: the React DevTools browser extension injects at // 1. Chrome DevTools extension injects at document_start (before HTML is
// document_start (before HTML parsing), so it can set up a hook stub *before* // parsed) and installs a stub where hook.inject = undefined. Patching
// our <script> runs. React Fast Refresh (Next.js dev) then destructures // that stub still leaves React Refresh free to capture undefined before
// inject from that stub -- capturing undefined -- before React DOM calls it, // our patch runs. Replacing the object entirely avoids the problem.
// producing "Cannot read properties of undefined (reading 'apply')".
// //
// Fix: always replace hook.inject with a robust wrapper that falls back to // 2. React Refresh (Next.js dev) runs after our <script> (which is at the
// our own ID allocation if the previous inject throws or is missing. This // very top of <head>). It captures hook.inject as oldInject. Because
// works regardless of whether our script runs before or after React Refresh. // OUR inject is a proper function that never throws, React Refresh's
var hook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__; // wrapper works, and React successfully sets injectedHook.
if (!hook) { //
hook = { renderers: new Map(), supportsFiber: true, _isDisabled: false }; // 3. All methods React 19 and React Refresh might call are present as
window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = hook; // no-ops (checkDCE, onScheduleFiberRoot, onPostCommitFiberRoot, etc.)
} // so nothing blows up on first access.
//
// 4. isDisabled=false (not _isDisabled): React Refresh reads isDisabled.
// If truthy, React Refresh skips wrapping inject entirely and React
// never gets tracked.
// Capture whatever inject exists right now (could be undefined, the // Save onCommitFiberRoot from any pre-existing hook (e.g. DevTools extension).
// DevTools extension version, or React Refresh's broken wrapper). var _existingHook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
var _prevInject = typeof hook.inject === 'function' ? hook.inject : null; var _prevCommit = (_existingHook && typeof _existingHook.onCommitFiberRoot === 'function')
var _omRendererId = 0; ? _existingHook.onCommitFiberRoot : null;
hook.inject = function(renderer) { var _omNextId = 0;
var id; var hook = {
// Try the previous inject first (DevTools extension or React Refresh). renderers: new Map(),
if (_prevInject) { supportsFiber: true,
try { id = _prevInject.apply(this, arguments); } catch (e) { /* broken wrapper — fall through */ } isDisabled: false, // React Refresh reads this; must be false
} checkDCE: function() {},
// If we didn't get a valid numeric ID, allocate our own. onScheduleFiberRoot: function() {},
if (typeof id !== 'number') { onCommitFiberUnmount: function() {},
id = ++_omRendererId; onPostCommitFiberRoot: function() {},
if (hook.renderers) hook.renderers.set(id, renderer); inject: function(renderer) {
} // This function MUST NEVER THROW. React 19 wraps the hook.inject() call
// in a try/catch and silently discards the hook if it throws, leaving
// injectedHook unset so onCommitFiberRoot is never called.
try {
var id = ++_omNextId;
hook.renderers.set(id, renderer);
console.log(OM_TAG, 'React registered via inject(), rendererId=' + id); console.log(OM_TAG, 'React registered via inject(), rendererId=' + id);
return id; return id;
} catch(e) {
console.error(OM_TAG, 'inject() threw unexpectedly:', e);
return ++_omNextId; // still return a valid ID
}
},
onCommitFiberRoot: null, // assigned below after the object is built
}; };
window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = hook;
var _prevCommit = hook.onCommitFiberRoot;
hook.onCommitFiberRoot = function(rendererId, root, priorityLevel, didError) { hook.onCommitFiberRoot = function(rendererId, root, priorityLevel, didError) {
console.log(OM_TAG, 'onCommitFiberRoot fired, rendererId=' + rendererId); console.log(OM_TAG, 'onCommitFiberRoot fired, rendererId=' + rendererId);