[DevTools] permanently polyfill for rAF in devtools_page (#26193)

## Summary

We had this as a temporary fix for #24626. Now that Chrome team decides
to turn the flag on again (with good reasons explained in
https://bugs.chromium.org/p/chromium/issues/detail?id=1241986#c31), we
will turn it into a long term solution.
In the future, we want to explore whether we can render React elements
on panel.html instead, as `requestAnimationFrame` produces higher
quality animation.

## How did you test this change?

Tested on local build with "Throttle non-visible cross-origin iframes"
flag enabled.

DiffTrain build for [ca2cf319fd](https://github.com/facebook/react/commit/ca2cf319fdfcf6e5f048e082f5169bc1b849c129)
This commit is contained in:
mondaychen
2023-02-23 21:59:14 +00:00
parent 56ece5204c
commit f007bf82e7
28 changed files with 42 additions and 42 deletions
+1 -1
View File
@@ -1 +1 @@
bfb9cbd8ca2d042677056110887cc62d438f665f
ca2cf319fdfcf6e5f048e082f5169bc1b849c129
+1 -1
View File
@@ -1 +1 @@
bfb9cbd8ca2d042677056110887cc62d438f665f
ca2cf319fdfcf6e5f048e082f5169bc1b849c129
+1 -1
View File
@@ -27,7 +27,7 @@ if (
}
"use strict";
var ReactVersion = "18.3.0-www-classic-bfb9cbd8c-20230223";
var ReactVersion = "18.3.0-www-classic-ca2cf319f-20230223";
// ATTENTION
// When adding new symbols to this file,
+1 -1
View File
@@ -27,7 +27,7 @@ if (
}
"use strict";
var ReactVersion = "18.3.0-www-modern-bfb9cbd8c-20230223";
var ReactVersion = "18.3.0-www-modern-ca2cf319f-20230223";
// ATTENTION
// When adding new symbols to this file,
+1 -1
View File
@@ -646,4 +646,4 @@ exports.useSyncExternalStore = function (
);
};
exports.useTransition = useTransition;
exports.version = "18.3.0-www-classic-bfb9cbd8c-20230223";
exports.version = "18.3.0-www-classic-ca2cf319f-20230223";
+1 -1
View File
@@ -638,4 +638,4 @@ exports.useSyncExternalStore = function (
);
};
exports.useTransition = useTransition;
exports.version = "18.3.0-www-modern-bfb9cbd8c-20230223";
exports.version = "18.3.0-www-modern-ca2cf319f-20230223";
@@ -657,7 +657,7 @@ exports.useSyncExternalStore = function (
);
};
exports.useTransition = useTransition;
exports.version = "18.3.0-www-classic-bfb9cbd8c-20230223";
exports.version = "18.3.0-www-classic-ca2cf319f-20230223";
/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
if (
@@ -649,7 +649,7 @@ exports.useSyncExternalStore = function (
);
};
exports.useTransition = useTransition;
exports.version = "18.3.0-www-modern-bfb9cbd8c-20230223";
exports.version = "18.3.0-www-modern-ca2cf319f-20230223";
/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
if (
@@ -69,7 +69,7 @@ function _assertThisInitialized(self) {
return self;
}
var ReactVersion = "18.3.0-www-classic-bfb9cbd8c-20230223";
var ReactVersion = "18.3.0-www-classic-ca2cf319f-20230223";
var LegacyRoot = 0;
var ConcurrentRoot = 1;
+1 -1
View File
@@ -69,7 +69,7 @@ function _assertThisInitialized(self) {
return self;
}
var ReactVersion = "18.3.0-www-modern-bfb9cbd8c-20230223";
var ReactVersion = "18.3.0-www-modern-ca2cf319f-20230223";
var LegacyRoot = 0;
var ConcurrentRoot = 1;
@@ -9786,7 +9786,7 @@ var slice = Array.prototype.slice,
return null;
},
bundleType: 0,
version: "18.3.0-www-classic-bfb9cbd8c-20230223",
version: "18.3.0-www-classic-ca2cf319f-20230223",
rendererPackageName: "react-art"
};
var internals$jscomp$inline_1301 = {
@@ -9817,7 +9817,7 @@ var internals$jscomp$inline_1301 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-next-bfb9cbd8c-20230223"
reconcilerVersion: "18.3.0-next-ca2cf319f-20230223"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1302 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -9451,7 +9451,7 @@ var slice = Array.prototype.slice,
return null;
},
bundleType: 0,
version: "18.3.0-www-modern-bfb9cbd8c-20230223",
version: "18.3.0-www-modern-ca2cf319f-20230223",
rendererPackageName: "react-art"
};
var internals$jscomp$inline_1281 = {
@@ -9482,7 +9482,7 @@ var internals$jscomp$inline_1281 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-next-bfb9cbd8c-20230223"
reconcilerVersion: "18.3.0-next-ca2cf319f-20230223"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1282 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -41990,7 +41990,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-classic-bfb9cbd8c-20230223";
var ReactVersion = "18.3.0-www-classic-ca2cf319f-20230223";
function createPortal$1(
children,
+1 -1
View File
@@ -41594,7 +41594,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-modern-bfb9cbd8c-20230223";
var ReactVersion = "18.3.0-www-modern-ca2cf319f-20230223";
function createPortal$1(
children,
@@ -15455,7 +15455,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1742 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-classic-bfb9cbd8c-20230223",
version: "18.3.0-www-classic-ca2cf319f-20230223",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2109 = {
@@ -15485,7 +15485,7 @@ var internals$jscomp$inline_2109 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-next-bfb9cbd8c-20230223"
reconcilerVersion: "18.3.0-next-ca2cf319f-20230223"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2110 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -15733,4 +15733,4 @@ exports.unstable_renderSubtreeIntoContainer = function (
);
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-next-bfb9cbd8c-20230223";
exports.version = "18.3.0-next-ca2cf319f-20230223";
@@ -14984,7 +14984,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1701 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-modern-bfb9cbd8c-20230223",
version: "18.3.0-www-modern-ca2cf319f-20230223",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2073 = {
@@ -15015,7 +15015,7 @@ var internals$jscomp$inline_2073 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-next-bfb9cbd8c-20230223"
reconcilerVersion: "18.3.0-next-ca2cf319f-20230223"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2074 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -15192,4 +15192,4 @@ exports.unstable_flushControlled = function (fn) {
}
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-next-bfb9cbd8c-20230223";
exports.version = "18.3.0-next-ca2cf319f-20230223";
@@ -16225,7 +16225,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1822 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-classic-bfb9cbd8c-20230223",
version: "18.3.0-www-classic-ca2cf319f-20230223",
rendererPackageName: "react-dom"
};
(function (internals) {
@@ -16269,7 +16269,7 @@ var devToolsConfig$jscomp$inline_1822 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-next-bfb9cbd8c-20230223"
reconcilerVersion: "18.3.0-next-ca2cf319f-20230223"
});
assign(Internals, {
ReactBrowserEventEmitter: {
@@ -16504,7 +16504,7 @@ exports.unstable_renderSubtreeIntoContainer = function (
);
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-next-bfb9cbd8c-20230223";
exports.version = "18.3.0-next-ca2cf319f-20230223";
/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
if (
@@ -15744,7 +15744,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1781 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-modern-bfb9cbd8c-20230223",
version: "18.3.0-www-modern-ca2cf319f-20230223",
rendererPackageName: "react-dom"
};
(function (internals) {
@@ -15789,7 +15789,7 @@ var devToolsConfig$jscomp$inline_1781 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-next-bfb9cbd8c-20230223"
reconcilerVersion: "18.3.0-next-ca2cf319f-20230223"
});
exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
exports.createPortal = function (children, container) {
@@ -15953,7 +15953,7 @@ exports.unstable_flushControlled = function (fn) {
}
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-next-bfb9cbd8c-20230223";
exports.version = "18.3.0-next-ca2cf319f-20230223";
/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
if (
@@ -19,7 +19,7 @@ if (__DEV__) {
var React = require("react");
var ReactDOM = require("react-dom");
var ReactVersion = "18.3.0-www-classic-bfb9cbd8c-20230223";
var ReactVersion = "18.3.0-www-classic-ca2cf319f-20230223";
// This refers to a WWW module.
var warningWWW = require("warning");
@@ -19,7 +19,7 @@ if (__DEV__) {
var React = require("react");
var ReactDOM = require("react-dom");
var ReactVersion = "18.3.0-www-modern-bfb9cbd8c-20230223";
var ReactVersion = "18.3.0-www-modern-ca2cf319f-20230223";
// This refers to a WWW module.
var warningWWW = require("warning");
@@ -3670,4 +3670,4 @@ exports.renderToString = function (children, options) {
'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
);
};
exports.version = "18.3.0-www-classic-bfb9cbd8c-20230223";
exports.version = "18.3.0-www-classic-ca2cf319f-20230223";
@@ -3568,4 +3568,4 @@ exports.renderToString = function (children, options) {
'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
);
};
exports.version = "18.3.0-www-modern-bfb9cbd8c-20230223";
exports.version = "18.3.0-www-modern-ca2cf319f-20230223";
@@ -31227,7 +31227,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-classic-bfb9cbd8c-20230223";
var ReactVersion = "18.3.0-www-classic-ca2cf319f-20230223";
function createPortal$1(
children,
@@ -37618,7 +37618,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-modern-bfb9cbd8c-20230223";
var ReactVersion = "18.3.0-www-modern-ca2cf319f-20230223";
function createPortal$1(
children,
@@ -11527,7 +11527,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1536 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-classic-bfb9cbd8c-20230223",
version: "18.3.0-www-classic-ca2cf319f-20230223",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2059 = {
@@ -11557,7 +11557,7 @@ var internals$jscomp$inline_2059 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-next-bfb9cbd8c-20230223"
reconcilerVersion: "18.3.0-next-ca2cf319f-20230223"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2060 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -14735,4 +14735,4 @@ exports.unstable_renderSubtreeIntoContainer = function (
);
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-next-bfb9cbd8c-20230223";
exports.version = "18.3.0-next-ca2cf319f-20230223";
@@ -13842,7 +13842,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1653 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-modern-bfb9cbd8c-20230223",
version: "18.3.0-www-modern-ca2cf319f-20230223",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2033 = {
@@ -13873,7 +13873,7 @@ var internals$jscomp$inline_2033 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-next-bfb9cbd8c-20230223"
reconcilerVersion: "18.3.0-next-ca2cf319f-20230223"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2034 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -14193,4 +14193,4 @@ exports.unstable_flushControlled = function (fn) {
}
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-next-bfb9cbd8c-20230223";
exports.version = "18.3.0-next-ca2cf319f-20230223";
@@ -23743,7 +23743,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-classic-bfb9cbd8c-20230223";
var ReactVersion = "18.3.0-www-classic-ca2cf319f-20230223";
// Might add PROFILE later.
@@ -23743,7 +23743,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-modern-bfb9cbd8c-20230223";
var ReactVersion = "18.3.0-www-modern-ca2cf319f-20230223";
// Might add PROFILE later.