mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
8fbd307942
Fixes https://github.com/facebook/react/issues/27119, https://github.com/facebook/react/issues/27185. Fixed: - React DevTools now works as expected when user performs in-tab navigation, previously it was just stuck. https://github.com/facebook/react/assets/28902667/b11c5f84-7155-47a5-8b5a-7e90baca5347 - When user closes browser DevTools panel, we now do some cleanup to disconnect ports and emit shutdown event for bridge. This should fix the issue with registering duplicated fibers with the same id in Store. Changed: - We reconnect proxy port once in 25 seconds, in order to [keep service worker alive](https://developer.chrome.com/docs/extensions/whatsnew/#m110-sw-idle). - Instead of unregistering dynamically injected content scripts, wen now get list of already registered scripts and filter them out from scripts that we want to inject again, see dynamicallyInjectContentScripts.js. - Split `main.js` and `background.js` into multiple files. Tested on Chromium and Firefox browsers.
18 lines
652 B
JavaScript
18 lines
652 B
JavaScript
// rAF never fires on devtools_page (because it's in the background)
|
|
// https://bugs.chromium.org/p/chromium/issues/detail?id=1241986#c31
|
|
// Since we render React elements here, we need to polyfill it with setTimeout
|
|
// The polyfill is based on https://gist.github.com/jalbam/5fe05443270fa6d8136238ec72accbc0
|
|
const FRAME_TIME = 16;
|
|
let lastTime = 0;
|
|
|
|
window.requestAnimationFrame = function (callback, element) {
|
|
const now = window.performance.now();
|
|
const nextTime = Math.max(lastTime + FRAME_TIME, now);
|
|
|
|
return setTimeout(function () {
|
|
callback((lastTime = nextTime));
|
|
}, nextTime - now);
|
|
};
|
|
|
|
window.cancelAnimationFrame = clearTimeout;
|