refactor[react-devtools]: propagate settings from global hook object …

…to frontend (#30610) Stacked on #30597 and whats under it. See [this commit](59b4efa). With this change, the initial values for console patching settings are propagated from hook (which is the source of truth now, because of #30596) to the UI. Instead of reading from `localStorage` the frontend is now requesting it from the hook. This happens when settings modal is rendered, and wrapped in a transition. Also, this is happening even if settings modal is not opened yet, so we have enough time to fetch this data without displaying loader or similar UI. DiffTrain build for [e33acfd](e33acfd)
facebook · Sep 18, 2024 · 7d2f2b9 · 7d2f2b9
1 parent acd2b4f
commit 7d2f2b9
Show file tree

Hide file tree

Showing 34 changed files with 176 additions and 189 deletions.
diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION
@@ -1 +1 @@
-fce46066571e7bf3ab6ce5bfe5fd3a615e098421
+e33acfd67f0003272a9aec7a0725d19a429f2460
diff --git a/compiled/facebook-www/REVISION_TRANSFORMS b/compiled/facebook-www/REVISION_TRANSFORMS
@@ -1 +1 @@
-fce46066571e7bf3ab6ce5bfe5fd3a615e098421
+e33acfd67f0003272a9aec7a0725d19a429f2460
diff --git a/compiled/facebook-www/React-dev.classic.js b/compiled/facebook-www/React-dev.classic.js
@@ -2000,7 +2000,7 @@ __DEV__ &&
     exports.useTransition = function () {
       return resolveDispatcher().useTransition();
     };
-    exports.version = "19.0.0-www-classic-fce46066-20240918";
+    exports.version = "19.0.0-www-classic-e33acfd6-20240918";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

diff --git a/compiled/facebook-www/React-dev.modern.js b/compiled/facebook-www/React-dev.modern.js
@@ -1980,7 +1980,7 @@ __DEV__ &&
     exports.useTransition = function () {
       return resolveDispatcher().useTransition();
     };
-    exports.version = "19.0.0-www-modern-fce46066-20240918";
+    exports.version = "19.0.0-www-modern-e33acfd6-20240918";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

diff --git a/compiled/facebook-www/React-prod.classic.js b/compiled/facebook-www/React-prod.classic.js
@@ -665,4 +665,4 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.0.0-www-classic-fce46066-20240918";
+exports.version = "19.0.0-www-classic-e33acfd6-20240918";
diff --git a/compiled/facebook-www/React-prod.modern.js b/compiled/facebook-www/React-prod.modern.js
@@ -665,4 +665,4 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.0.0-www-modern-fce46066-20240918";
+exports.version = "19.0.0-www-modern-e33acfd6-20240918";
diff --git a/compiled/facebook-www/React-profiling.classic.js b/compiled/facebook-www/React-profiling.classic.js
@@ -669,7 +669,7 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.0.0-www-classic-fce46066-20240918";
+exports.version = "19.0.0-www-classic-e33acfd6-20240918";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

diff --git a/compiled/facebook-www/React-profiling.modern.js b/compiled/facebook-www/React-profiling.modern.js
@@ -669,7 +669,7 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.0.0-www-modern-fce46066-20240918";
+exports.version = "19.0.0-www-modern-e33acfd6-20240918";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

diff --git a/compiled/facebook-www/ReactART-dev.classic.js b/compiled/facebook-www/ReactART-dev.classic.js
@@ -17026,11 +17026,11 @@ __DEV__ &&
     (function () {
       var internals = {
         bundleType: 1,
-        version: "19.0.0-www-classic-fce46066-20240918",
+        version: "19.0.0-www-classic-e33acfd6-20240918",
         rendererPackageName: "react-art",
         currentDispatcherRef: ReactSharedInternals,
         findFiberByHostInstance: getInstanceFromNode,
-        reconcilerVersion: "19.0.0-www-classic-fce46066-20240918"
+        reconcilerVersion: "19.0.0-www-classic-e33acfd6-20240918"
       };
       internals.overrideHookState = overrideHookState;
       internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -17064,7 +17064,7 @@ __DEV__ &&
     exports.Shape = Shape;
     exports.Surface = Surface;
     exports.Text = Text;
-    exports.version = "19.0.0-www-classic-fce46066-20240918";
+    exports.version = "19.0.0-www-classic-e33acfd6-20240918";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

diff --git a/compiled/facebook-www/ReactART-dev.modern.js b/compiled/facebook-www/ReactART-dev.modern.js
@@ -16472,11 +16472,11 @@ __DEV__ &&
     (function () {
       var internals = {
         bundleType: 1,
-        version: "19.0.0-www-modern-fce46066-20240918",
+        version: "19.0.0-www-modern-e33acfd6-20240918",
         rendererPackageName: "react-art",
         currentDispatcherRef: ReactSharedInternals,
         findFiberByHostInstance: getInstanceFromNode,
-        reconcilerVersion: "19.0.0-www-modern-fce46066-20240918"
+        reconcilerVersion: "19.0.0-www-modern-e33acfd6-20240918"
       };
       internals.overrideHookState = overrideHookState;
       internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -16510,7 +16510,7 @@ __DEV__ &&
     exports.Shape = Shape;
     exports.Surface = Surface;
     exports.Text = Text;
-    exports.version = "19.0.0-www-modern-fce46066-20240918";
+    exports.version = "19.0.0-www-modern-e33acfd6-20240918";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

diff --git a/compiled/facebook-www/ReactART-prod.classic.js b/compiled/facebook-www/ReactART-prod.classic.js
@@ -10853,13 +10853,13 @@ var slice = Array.prototype.slice,
   })(React.Component);
 var internals$jscomp$inline_1439 = {
   bundleType: 0,
-  version: "19.0.0-www-classic-fce46066-20240918",
+  version: "19.0.0-www-classic-e33acfd6-20240918",
   rendererPackageName: "react-art",
   currentDispatcherRef: ReactSharedInternals,
   findFiberByHostInstance: function () {
     return null;
   },
-  reconcilerVersion: "19.0.0-www-classic-fce46066-20240918"
+  reconcilerVersion: "19.0.0-www-classic-e33acfd6-20240918"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
   var hook$jscomp$inline_1440 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -10885,4 +10885,4 @@ exports.RadialGradient = RadialGradient;
 exports.Shape = TYPES.SHAPE;
 exports.Surface = Surface;
 exports.Text = Text;
-exports.version = "19.0.0-www-classic-fce46066-20240918";
+exports.version = "19.0.0-www-classic-e33acfd6-20240918";
diff --git a/compiled/facebook-www/ReactART-prod.modern.js b/compiled/facebook-www/ReactART-prod.modern.js
@@ -10367,13 +10367,13 @@ var slice = Array.prototype.slice,
   })(React.Component);
 var internals$jscomp$inline_1431 = {
   bundleType: 0,
-  version: "19.0.0-www-modern-fce46066-20240918",
+  version: "19.0.0-www-modern-e33acfd6-20240918",
   rendererPackageName: "react-art",
   currentDispatcherRef: ReactSharedInternals,
   findFiberByHostInstance: function () {
     return null;
   },
-  reconcilerVersion: "19.0.0-www-modern-fce46066-20240918"
+  reconcilerVersion: "19.0.0-www-modern-e33acfd6-20240918"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
   var hook$jscomp$inline_1432 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -10399,4 +10399,4 @@ exports.RadialGradient = RadialGradient;
 exports.Shape = TYPES.SHAPE;
 exports.Surface = Surface;
 exports.Text = Text;
-exports.version = "19.0.0-www-modern-fce46066-20240918";
+exports.version = "19.0.0-www-modern-e33acfd6-20240918";
diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js
@@ -18576,41 +18576,41 @@ __DEV__ &&
         : !1;
     }
     function getActiveElementDeep(containerInfo) {
-      var $jscomp$optchain$tmpm536416724$1, $jscomp$nullish$tmp0;
+      var $jscomp$optchain$tmp652994824$1, $jscomp$nullish$tmp0;
       containerInfo =
         null !=
         ($jscomp$nullish$tmp0 =
           null == containerInfo
             ? void 0
             : null ==
-                ($jscomp$optchain$tmpm536416724$1 = containerInfo.ownerDocument)
+                ($jscomp$optchain$tmp652994824$1 = containerInfo.ownerDocument)
               ? void 0
-              : $jscomp$optchain$tmpm536416724$1.defaultView)
+              : $jscomp$optchain$tmp652994824$1.defaultView)
           ? $jscomp$nullish$tmp0
           : window;
       for (
-        $jscomp$optchain$tmpm536416724$1 = getActiveElement(
+        $jscomp$optchain$tmp652994824$1 = getActiveElement(
           containerInfo.document
         );
-        $jscomp$optchain$tmpm536416724$1 instanceof
+        $jscomp$optchain$tmp652994824$1 instanceof
         containerInfo.HTMLIFrameElement;
 
       ) {
         try {
           var JSCompiler_inline_result =
             "string" ===
-            typeof $jscomp$optchain$tmpm536416724$1.contentWindow.location.href;
+            typeof $jscomp$optchain$tmp652994824$1.contentWindow.location.href;
         } catch (err) {
           JSCompiler_inline_result = !1;
         }
         if (JSCompiler_inline_result)
-          containerInfo = $jscomp$optchain$tmpm536416724$1.contentWindow;
+          containerInfo = $jscomp$optchain$tmp652994824$1.contentWindow;
         else break;
-        $jscomp$optchain$tmpm536416724$1 = getActiveElement(
+        $jscomp$optchain$tmp652994824$1 = getActiveElement(
           containerInfo.document
         );
       }
-      return $jscomp$optchain$tmpm536416724$1;
+      return $jscomp$optchain$tmp652994824$1;
     }
     function hasSelectionCapabilities(elem) {
       var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
@@ -27774,11 +27774,11 @@ __DEV__ &&
         : flushSyncErrorInBuildsThatSupportLegacyMode;
     (function () {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.0.0-www-classic-fce46066-20240918" !== isomorphicReactPackageVersion)
+      if ("19.0.0-www-classic-e33acfd6-20240918" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.0.0-www-classic-fce46066-20240918\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.0.0-www-classic-e33acfd6-20240918\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     })();
     ("function" === typeof Map &&
@@ -27822,11 +27822,11 @@ __DEV__ &&
       !(function () {
         var internals = {
           bundleType: 1,
-          version: "19.0.0-www-classic-fce46066-20240918",
+          version: "19.0.0-www-classic-e33acfd6-20240918",
           rendererPackageName: "react-dom",
           currentDispatcherRef: ReactSharedInternals,
           findFiberByHostInstance: getClosestInstanceFromNode,
-          reconcilerVersion: "19.0.0-www-classic-fce46066-20240918"
+          reconcilerVersion: "19.0.0-www-classic-e33acfd6-20240918"
         };
         internals.overrideHookState = overrideHookState;
         internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -28479,7 +28479,7 @@ __DEV__ &&
     exports.useFormStatus = function () {
       return resolveDispatcher().useHostTransitionStatus();
     };
-    exports.version = "19.0.0-www-classic-fce46066-20240918";
+    exports.version = "19.0.0-www-classic-e33acfd6-20240918";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

diff --git a/compiled/facebook-www/ReactDOM-dev.modern.js b/compiled/facebook-www/ReactDOM-dev.modern.js
@@ -17910,41 +17910,41 @@ __DEV__ &&
         : !1;
     }
     function getActiveElementDeep(containerInfo) {
-      var $jscomp$optchain$tmp1031171780$1, $jscomp$nullish$tmp0;
+      var $jscomp$optchain$tmpm872852562$1, $jscomp$nullish$tmp0;
       containerInfo =
         null !=
         ($jscomp$nullish$tmp0 =
           null == containerInfo
             ? void 0
             : null ==
-                ($jscomp$optchain$tmp1031171780$1 = containerInfo.ownerDocument)
+                ($jscomp$optchain$tmpm872852562$1 = containerInfo.ownerDocument)
               ? void 0
-              : $jscomp$optchain$tmp1031171780$1.defaultView)
+              : $jscomp$optchain$tmpm872852562$1.defaultView)
           ? $jscomp$nullish$tmp0
           : window;
       for (
-        $jscomp$optchain$tmp1031171780$1 = getActiveElement(
+        $jscomp$optchain$tmpm872852562$1 = getActiveElement(
           containerInfo.document
         );
-        $jscomp$optchain$tmp1031171780$1 instanceof
+        $jscomp$optchain$tmpm872852562$1 instanceof
         containerInfo.HTMLIFrameElement;
 
       ) {
         try {
           var JSCompiler_inline_result =
             "string" ===
-            typeof $jscomp$optchain$tmp1031171780$1.contentWindow.location.href;
+            typeof $jscomp$optchain$tmpm872852562$1.contentWindow.location.href;
         } catch (err) {
           JSCompiler_inline_result = !1;
         }
         if (JSCompiler_inline_result)
-          containerInfo = $jscomp$optchain$tmp1031171780$1.contentWindow;
+          containerInfo = $jscomp$optchain$tmpm872852562$1.contentWindow;
         else break;
-        $jscomp$optchain$tmp1031171780$1 = getActiveElement(
+        $jscomp$optchain$tmpm872852562$1 = getActiveElement(
           containerInfo.document
         );
       }
-      return $jscomp$optchain$tmp1031171780$1;
+      return $jscomp$optchain$tmpm872852562$1;
     }
     function hasSelectionCapabilities(elem) {
       var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
@@ -26891,11 +26891,11 @@ __DEV__ &&
       return_targetInst = null;
     (function () {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.0.0-www-modern-fce46066-20240918" !== isomorphicReactPackageVersion)
+      if ("19.0.0-www-modern-e33acfd6-20240918" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.0.0-www-modern-fce46066-20240918\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.0.0-www-modern-e33acfd6-20240918\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     })();
     ("function" === typeof Map &&
@@ -26938,11 +26938,11 @@ __DEV__ &&
       !(function () {
         var internals = {
           bundleType: 1,
-          version: "19.0.0-www-modern-fce46066-20240918",
+          version: "19.0.0-www-modern-e33acfd6-20240918",
           rendererPackageName: "react-dom",
           currentDispatcherRef: ReactSharedInternals,
           findFiberByHostInstance: getClosestInstanceFromNode,
-          reconcilerVersion: "19.0.0-www-modern-fce46066-20240918"
+          reconcilerVersion: "19.0.0-www-modern-e33acfd6-20240918"
         };
         internals.overrideHookState = overrideHookState;
         internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -27547,7 +27547,7 @@ __DEV__ &&
     exports.useFormStatus = function () {
       return resolveDispatcher().useHostTransitionStatus();
     };
-    exports.version = "19.0.0-www-modern-fce46066-20240918";
+    exports.version = "19.0.0-www-modern-e33acfd6-20240918";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		fce46066571e7bf3ab6ce5bfe5fd3a615e098421
		e33acfd67f0003272a9aec7a0725d19a429f2460