Skip to content

Commit d67eddf

Browse files
hoxyqhoxyq
committed
[Tracks]: display method name and component name for updates in DEV (#34463)
For every "Update" entry we are going to add properties that will be displayed when the user clicks on that entry: name of the method that caused this first update and name of the component where this update happened. We could use the name of the component as a deeplink to React DevTools components panel in the future, once we support stable identificators on Fibers. <img width="1444" height="530" alt="Screenshot 2025-09-10 at 18 31 10" src="https://github.com/user-attachments/assets/7f9af037-2e7f-4e7b-9b7e-bf9f7d5a6e72" /> <img width="2088" height="530" alt="Screenshot 2025-09-10 at 18 24 21" src="https://github.com/user-attachments/assets/f557a173-bd9b-43f7-9333-74066f433ced" /> <img width="2088" height="530" alt="Screenshot 2025-09-10 at 18 26 04" src="https://github.com/user-attachments/assets/ff37d13f-bbe3-4f85-800e-81aa3aed7833" /> DiffTrain build for [0c813c5](0c813c5)
1 parent fed0666 commit d67eddf

24 files changed

+855
-799
lines changed

‎compiled-rn/VERSION_NATIVE_FB‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
19.2.0-native-fb-bd9e6e0b-20250910
1+
19.2.0-native-fb-0c813c52-20250912

‎compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-dev.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
* @noflow
88
* @nolint
99
* @preventMunge
10-
* @generated SignedSource<<c7b6f8901b0408455e1c4624e3c2224c>>
10+
* @generated SignedSource<<c8c64f0a8cffbf32985e7288175d7f77>>
1111
*/
1212

1313
"use strict";
@@ -404,5 +404,5 @@ __DEV__ &&
404404
exports.useFormStatus = function () {
405405
return resolveDispatcher().useHostTransitionStatus();
406406
};
407-
exports.version = "19.2.0-native-fb-bd9e6e0b-20250910";
407+
exports.version = "19.2.0-native-fb-0c813c52-20250912";
408408
})();

‎compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-prod.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
* @noflow
88
* @nolint
99
* @preventMunge
10-
* @generated SignedSource<<ae9925a6aeb2d3ecf1d919258c4e9c86>>
10+
* @generated SignedSource<<147d46017386fa69b89bbe12588e6488>>
1111
*/
1212

1313
"use strict";
@@ -203,4 +203,4 @@ exports.useFormState = function (action, initialState, permalink) {
203203
exports.useFormStatus = function () {
204204
return ReactSharedInternals.H.useHostTransitionStatus();
205205
};
206-
exports.version = "19.2.0-native-fb-bd9e6e0b-20250910";
206+
exports.version = "19.2.0-native-fb-0c813c52-20250912";

‎compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-profiling.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
* @noflow
88
* @nolint
99
* @preventMunge
10-
* @generated SignedSource<<ae9925a6aeb2d3ecf1d919258c4e9c86>>
10+
* @generated SignedSource<<147d46017386fa69b89bbe12588e6488>>
1111
*/
1212

1313
"use strict";
@@ -203,4 +203,4 @@ exports.useFormState = function (action, initialState, permalink) {
203203
exports.useFormStatus = function () {
204204
return ReactSharedInternals.H.useHostTransitionStatus();
205205
};
206-
exports.version = "19.2.0-native-fb-bd9e6e0b-20250910";
206+
exports.version = "19.2.0-native-fb-0c813c52-20250912";

‎compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-dev.js‎

Lines changed: 241 additions & 227 deletions
Large diffs are not rendered by default.

‎compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-prod.js‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
* @noflow
88
* @nolint
99
* @preventMunge
10-
* @generated SignedSource<<6c6c49a3818d62242e31be6b30f222ca>>
10+
* @generated SignedSource<<7d355a82f3fa007346c14efd69ab6b96>>
1111
*/
1212

1313
/*
@@ -17388,14 +17388,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
1738817388
};
1738917389
var isomorphicReactPackageVersion$jscomp$inline_2057 = React.version;
1739017390
if (
17391-
"19.2.0-native-fb-bd9e6e0b-20250910" !==
17391+
"19.2.0-native-fb-0c813c52-20250912" !==
1739217392
isomorphicReactPackageVersion$jscomp$inline_2057
1739317393
)
1739417394
throw Error(
1739517395
formatProdErrorMessage(
1739617396
527,
1739717397
isomorphicReactPackageVersion$jscomp$inline_2057,
17398-
"19.2.0-native-fb-bd9e6e0b-20250910"
17398+
"19.2.0-native-fb-0c813c52-20250912"
1739917399
)
1740017400
);
1740117401
ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -17417,10 +17417,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
1741717417
};
1741817418
var internals$jscomp$inline_2630 = {
1741917419
bundleType: 0,
17420-
version: "19.2.0-native-fb-bd9e6e0b-20250910",
17420+
version: "19.2.0-native-fb-0c813c52-20250912",
1742117421
rendererPackageName: "react-dom",
1742217422
currentDispatcherRef: ReactSharedInternals,
17423-
reconcilerVersion: "19.2.0-native-fb-bd9e6e0b-20250910"
17423+
reconcilerVersion: "19.2.0-native-fb-0c813c52-20250912"
1742417424
};
1742517425
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
1742617426
var hook$jscomp$inline_2631 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -17527,4 +17527,4 @@ exports.hydrateRoot = function (container, initialChildren, options) {
1752717527
listenToAllSupportedEvents(container);
1752817528
return new ReactDOMHydrationRoot(initialChildren);
1752917529
};
17530-
exports.version = "19.2.0-native-fb-bd9e6e0b-20250910";
17530+
exports.version = "19.2.0-native-fb-0c813c52-20250912";

‎compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-profiling.js‎

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
* @noflow
88
* @nolint
99
* @preventMunge
10-
* @generated SignedSource<<bdd3b66027e5863f4ad2df48120711e2>>
10+
* @generated SignedSource<<827bc7c5bfe54176c311ca0bd77db6f5>>
1111
*/
1212

1313
/*
@@ -15119,20 +15119,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) {
1511915119
(nativeEventTarget[internalScrollTimer] = targetInst));
1512015120
}
1512115121
for (
15122-
var i$jscomp$inline_1900 = 0;
15123-
i$jscomp$inline_1900 < simpleEventPluginEvents.length;
15124-
i$jscomp$inline_1900++
15122+
var i$jscomp$inline_1906 = 0;
15123+
i$jscomp$inline_1906 < simpleEventPluginEvents.length;
15124+
i$jscomp$inline_1906++
1512515125
) {
15126-
var eventName$jscomp$inline_1901 =
15127-
simpleEventPluginEvents[i$jscomp$inline_1900],
15128-
domEventName$jscomp$inline_1902 =
15129-
eventName$jscomp$inline_1901.toLowerCase(),
15130-
capitalizedEvent$jscomp$inline_1903 =
15131-
eventName$jscomp$inline_1901[0].toUpperCase() +
15132-
eventName$jscomp$inline_1901.slice(1);
15126+
var eventName$jscomp$inline_1907 =
15127+
simpleEventPluginEvents[i$jscomp$inline_1906],
15128+
domEventName$jscomp$inline_1908 =
15129+
eventName$jscomp$inline_1907.toLowerCase(),
15130+
capitalizedEvent$jscomp$inline_1909 =
15131+
eventName$jscomp$inline_1907[0].toUpperCase() +
15132+
eventName$jscomp$inline_1907.slice(1);
1513315133
registerSimpleEvent(
15134-
domEventName$jscomp$inline_1902,
15135-
"on" + capitalizedEvent$jscomp$inline_1903
15134+
domEventName$jscomp$inline_1908,
15135+
"on" + capitalizedEvent$jscomp$inline_1909
1513615136
);
1513715137
}
1513815138
registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -19396,16 +19396,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
1939619396
0 === i && attemptExplicitHydrationTarget(target);
1939719397
}
1939819398
};
19399-
var isomorphicReactPackageVersion$jscomp$inline_2308 = React.version;
19399+
var isomorphicReactPackageVersion$jscomp$inline_2314 = React.version;
1940019400
if (
19401-
"19.2.0-native-fb-bd9e6e0b-20250910" !==
19402-
isomorphicReactPackageVersion$jscomp$inline_2308
19401+
"19.2.0-native-fb-0c813c52-20250912" !==
19402+
isomorphicReactPackageVersion$jscomp$inline_2314
1940319403
)
1940419404
throw Error(
1940519405
formatProdErrorMessage(
1940619406
527,
19407-
isomorphicReactPackageVersion$jscomp$inline_2308,
19408-
"19.2.0-native-fb-bd9e6e0b-20250910"
19407+
isomorphicReactPackageVersion$jscomp$inline_2314,
19408+
"19.2.0-native-fb-0c813c52-20250912"
1940919409
)
1941019410
);
1941119411
ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -19425,12 +19425,12 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
1942519425
null === componentOrElement ? null : componentOrElement.stateNode;
1942619426
return componentOrElement;
1942719427
};
19428-
var internals$jscomp$inline_2315 = {
19428+
var internals$jscomp$inline_2321 = {
1942919429
bundleType: 0,
19430-
version: "19.2.0-native-fb-bd9e6e0b-20250910",
19430+
version: "19.2.0-native-fb-0c813c52-20250912",
1943119431
rendererPackageName: "react-dom",
1943219432
currentDispatcherRef: ReactSharedInternals,
19433-
reconcilerVersion: "19.2.0-native-fb-bd9e6e0b-20250910",
19433+
reconcilerVersion: "19.2.0-native-fb-0c813c52-20250912",
1943419434
getLaneLabelMap: function () {
1943519435
for (
1943619436
var map = new Map(), lane = 1, index$324 = 0;
@@ -19448,16 +19448,16 @@ var internals$jscomp$inline_2315 = {
1944819448
}
1944919449
};
1945019450
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
19451-
var hook$jscomp$inline_2882 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
19451+
var hook$jscomp$inline_2888 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
1945219452
if (
19453-
!hook$jscomp$inline_2882.isDisabled &&
19454-
hook$jscomp$inline_2882.supportsFiber
19453+
!hook$jscomp$inline_2888.isDisabled &&
19454+
hook$jscomp$inline_2888.supportsFiber
1945519455
)
1945619456
try {
19457-
(rendererID = hook$jscomp$inline_2882.inject(
19458-
internals$jscomp$inline_2315
19457+
(rendererID = hook$jscomp$inline_2888.inject(
19458+
internals$jscomp$inline_2321
1945919459
)),
19460-
(injectedHook = hook$jscomp$inline_2882);
19460+
(injectedHook = hook$jscomp$inline_2888);
1946119461
} catch (err) {}
1946219462
}
1946319463
exports.createRoot = function (container, options) {
@@ -19553,4 +19553,4 @@ exports.hydrateRoot = function (container, initialChildren, options) {
1955319553
listenToAllSupportedEvents(container);
1955419554
return new ReactDOMHydrationRoot(initialChildren);
1955519555
};
19556-
exports.version = "19.2.0-native-fb-bd9e6e0b-20250910";
19556+
exports.version = "19.2.0-native-fb-0c813c52-20250912";

0 commit comments

Comments
 (0)