Skip to content

Commit 5f52198

Browse files
committed
[DevTools] Display React.optimisticKey in key positions (facebook#35760)
DiffTrain build for [e49335e](facebook@e49335e)
1 parent 2448a8d commit 5f52198

21 files changed

Lines changed: 863 additions & 980 deletions

compiled-rn/VERSION_NATIVE_FB

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
19.3.0-native-fb-8374c2ab-20260211
1+
19.3.0-native-fb-e49335e9-20260211

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<<79dc955d9d37448788d75cd3686a0ab3>>
10+
* @generated SignedSource<<70a939199779adb71e0212578fe31ca9>>
1111
*/
1212

1313
"use strict";
@@ -410,5 +410,5 @@ __DEV__ &&
410410
exports.useFormStatus = function () {
411411
return resolveDispatcher().useHostTransitionStatus();
412412
};
413-
exports.version = "19.3.0-native-fb-8374c2ab-20260211";
413+
exports.version = "19.3.0-native-fb-e49335e9-20260211";
414414
})();

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<<ba1aa768527d322799f05a1867ad29be>>
10+
* @generated SignedSource<<89d2d5dae46fb185e9568e37c41456f9>>
1111
*/
1212

1313
"use strict";
@@ -209,4 +209,4 @@ exports.useFormState = function (action, initialState, permalink) {
209209
exports.useFormStatus = function () {
210210
return ReactSharedInternals.H.useHostTransitionStatus();
211211
};
212-
exports.version = "19.3.0-native-fb-8374c2ab-20260211";
212+
exports.version = "19.3.0-native-fb-e49335e9-20260211";

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<<ba1aa768527d322799f05a1867ad29be>>
10+
* @generated SignedSource<<89d2d5dae46fb185e9568e37c41456f9>>
1111
*/
1212

1313
"use strict";
@@ -209,4 +209,4 @@ exports.useFormState = function (action, initialState, permalink) {
209209
exports.useFormStatus = function () {
210210
return ReactSharedInternals.H.useHostTransitionStatus();
211211
};
212-
exports.version = "19.3.0-native-fb-8374c2ab-20260211";
212+
exports.version = "19.3.0-native-fb-e49335e9-20260211";

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

Lines changed: 186 additions & 201 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: 95 additions & 109 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
* @noflow
88
* @nolint
99
* @preventMunge
10-
* @generated SignedSource<<5cfc819aa6ea5723062db7950ce04b36>>
10+
* @generated SignedSource<<c16bdb4848f0b45758bf36572fff069c>>
1111
*/
1212

1313
/*
@@ -381,8 +381,7 @@ function getComponentNameFromFiber(fiber) {
381381
case 8:
382382
return type === REACT_STRICT_MODE_TYPE ? "StrictMode" : "Mode";
383383
case 22:
384-
if (null !== fiber.return) return getComponentNameFromFiber(fiber.return);
385-
break;
384+
return "Offscreen";
386385
case 12:
387386
return "Profiler";
388387
case 21:
@@ -9412,7 +9411,7 @@ function commitHostUpdate(finishedWork, newProps, oldProps) {
94129411
}
94139412
function commitNewChildToFragmentInstances(fiber, parentFragmentInstances) {
94149413
if (
9415-
(5 === fiber.tag || (enableFragmentRefsTextNodes && 6 === fiber.tag)) &&
9414+
5 === fiber.tag &&
94169415
null === fiber.alternate &&
94179416
null !== parentFragmentInstances
94189417
)
@@ -9425,23 +9424,21 @@ function commitNewChildToFragmentInstances(fiber, parentFragmentInstances) {
94259424
function commitFragmentInstanceDeletionEffects(fiber) {
94269425
for (var parent = fiber.return; null !== parent; ) {
94279426
if (isFragmentInstanceParent(parent)) {
9428-
var fragmentInstance = parent.stateNode;
9429-
var childInstance = fiber.stateNode;
9430-
if (3 !== childInstance.nodeType) {
9431-
var eventListeners = fragmentInstance._eventListeners;
9432-
if (null !== eventListeners)
9433-
for (var i = 0; i < eventListeners.length; i++) {
9434-
var _eventListeners$i4 = eventListeners[i];
9435-
childInstance.removeEventListener(
9436-
_eventListeners$i4.type,
9437-
_eventListeners$i4.listener,
9438-
_eventListeners$i4.optionsOrUseCapture
9439-
);
9440-
}
9441-
enableFragmentRefsInstanceHandles &&
9442-
null != childInstance.unstable_reactFragments &&
9443-
childInstance.unstable_reactFragments.delete(fragmentInstance);
9444-
}
9427+
var fragmentInstance = parent.stateNode,
9428+
childInstance = fiber.stateNode,
9429+
eventListeners = fragmentInstance._eventListeners;
9430+
if (null !== eventListeners)
9431+
for (var i = 0; i < eventListeners.length; i++) {
9432+
var _eventListeners$i4 = eventListeners[i];
9433+
childInstance.removeEventListener(
9434+
_eventListeners$i4.type,
9435+
_eventListeners$i4.listener,
9436+
_eventListeners$i4.optionsOrUseCapture
9437+
);
9438+
}
9439+
enableFragmentRefsInstanceHandles &&
9440+
null != childInstance.unstable_reactFragments &&
9441+
childInstance.unstable_reactFragments.delete(fragmentInstance);
94459442
}
94469443
if (isHostParent(parent)) break;
94479444
parent = parent.return;
@@ -10150,8 +10147,7 @@ function commitDeletionEffectsOnFiber(
1015010147
offscreenSubtreeWasHidden ||
1015110148
safelyDetachRef(deletedFiber, nearestMountedAncestor),
1015210149
enableFragmentRefs &&
10153-
(5 === deletedFiber.tag ||
10154-
(enableFragmentRefsTextNodes && 6 === deletedFiber.tag)) &&
10150+
5 === deletedFiber.tag &&
1015510151
commitFragmentInstanceDeletionEffects(deletedFiber);
1015610152
case 6:
1015710153
prevHostParent = hostParent;
@@ -10921,8 +10917,7 @@ function recursivelyTraverseDisappearLayoutEffects(parentFiber) {
1092110917
case 5:
1092210918
safelyDetachRef(finishedWork, finishedWork.return);
1092310919
enableFragmentRefs &&
10924-
(5 === finishedWork.tag ||
10925-
(enableFragmentRefsTextNodes && 6 === finishedWork.tag)) &&
10920+
5 === finishedWork.tag &&
1092610921
commitFragmentInstanceDeletionEffects(finishedWork);
1092710922
recursivelyTraverseDisappearLayoutEffects(finishedWork);
1092810923
break;
@@ -13388,20 +13383,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) {
1338813383
(nativeEventTarget[internalScrollTimer] = targetInst));
1338913384
}
1339013385
for (
13391-
var i$jscomp$inline_1632 = 0;
13392-
i$jscomp$inline_1632 < simpleEventPluginEvents.length;
13393-
i$jscomp$inline_1632++
13386+
var i$jscomp$inline_1631 = 0;
13387+
i$jscomp$inline_1631 < simpleEventPluginEvents.length;
13388+
i$jscomp$inline_1631++
1339413389
) {
13395-
var eventName$jscomp$inline_1633 =
13396-
simpleEventPluginEvents[i$jscomp$inline_1632],
13397-
domEventName$jscomp$inline_1634 =
13398-
eventName$jscomp$inline_1633.toLowerCase(),
13399-
capitalizedEvent$jscomp$inline_1635 =
13400-
eventName$jscomp$inline_1633[0].toUpperCase() +
13401-
eventName$jscomp$inline_1633.slice(1);
13390+
var eventName$jscomp$inline_1632 =
13391+
simpleEventPluginEvents[i$jscomp$inline_1631],
13392+
domEventName$jscomp$inline_1633 =
13393+
eventName$jscomp$inline_1632.toLowerCase(),
13394+
capitalizedEvent$jscomp$inline_1634 =
13395+
eventName$jscomp$inline_1632[0].toUpperCase() +
13396+
eventName$jscomp$inline_1632.slice(1);
1340213397
registerSimpleEvent(
13403-
domEventName$jscomp$inline_1634,
13404-
"on" + capitalizedEvent$jscomp$inline_1635
13398+
domEventName$jscomp$inline_1633,
13399+
"on" + capitalizedEvent$jscomp$inline_1634
1340513400
);
1340613401
}
1340713402
registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -15500,14 +15495,13 @@ function indexOfEventListener(
1550015495
listener,
1550115496
optionsOrUseCapture
1550215497
) {
15503-
if (0 === eventListeners.length) return -1;
15504-
optionsOrUseCapture = normalizeListenerOptions(optionsOrUseCapture);
1550515498
for (var i = 0; i < eventListeners.length; i++) {
1550615499
var item = eventListeners[i];
1550715500
if (
1550815501
item.type === type &&
1550915502
item.listener === listener &&
15510-
normalizeListenerOptions(item.optionsOrUseCapture) === optionsOrUseCapture
15503+
normalizeListenerOptions(item.optionsOrUseCapture) ===
15504+
normalizeListenerOptions(optionsOrUseCapture)
1551115505
)
1551215506
return i;
1551315507
}
@@ -15583,26 +15577,18 @@ function collectChildren(child, collection) {
1558315577
return !1;
1558415578
}
1558515579
FragmentInstance.prototype.blur = function () {
15586-
var parentHostFiber = getFragmentParentHostFiber(this._fragmentFiber);
15587-
if (null !== parentHostFiber) {
15588-
parentHostFiber = getInstanceFromHostFiber(parentHostFiber);
15589-
var activeElement = parentHostFiber.ownerDocument.activeElement;
15590-
null !== activeElement &&
15591-
parentHostFiber.contains(activeElement) &&
15592-
traverseVisibleHostChildren(
15593-
this._fragmentFiber.child,
15594-
!1,
15595-
blurActiveElementWithinFragment,
15596-
activeElement,
15597-
void 0,
15598-
void 0
15599-
);
15600-
}
15580+
traverseVisibleHostChildren(
15581+
this._fragmentFiber.child,
15582+
!1,
15583+
blurActiveElementWithinFragment,
15584+
void 0,
15585+
void 0,
15586+
void 0
15587+
);
1560115588
};
15602-
function blurActiveElementWithinFragment(child, activeElement) {
15603-
if (enableFragmentRefsTextNodes && 6 === child.tag) return !1;
15589+
function blurActiveElementWithinFragment(child) {
1560415590
child = getInstanceFromHostFiber(child);
15605-
return child === activeElement ? (child.blur(), !0) : !1;
15591+
return child === child.ownerDocument.activeElement ? (child.blur(), !0) : !1;
1560615592
}
1560715593
FragmentInstance.prototype.observeUsing = function (observer) {
1560815594
null === this._observers && (this._observers = new Set());
@@ -15709,44 +15695,46 @@ FragmentInstance.prototype.compareDocumentPosition = function (otherNode) {
1570915695
parentHostFiber = getInstanceFromHostFiber(children[0]);
1571015696
parentResult = getInstanceFromHostFiber(children[children.length - 1]);
1571115697
for (
15712-
var foundPortalParent = !1, parent = this._fragmentFiber.return;
15698+
var firstInstance = getInstanceFromHostFiber(children[0]),
15699+
foundPortalParent = !1,
15700+
parent = this._fragmentFiber.return;
1571315701
null !== parent;
1571415702

1571515703
) {
1571615704
4 === parent.tag && (foundPortalParent = !0);
1571715705
if (3 === parent.tag || 5 === parent.tag) break;
1571815706
parent = parent.return;
1571915707
}
15720-
foundPortalParent = foundPortalParent
15721-
? parentHostFiber.parentElement
15708+
firstInstance = foundPortalParent
15709+
? firstInstance.parentElement
1572215710
: parentHostInstance;
15723-
if (null == foundPortalParent) return Node.DOCUMENT_POSITION_DISCONNECTED;
15711+
if (null == firstInstance) return Node.DOCUMENT_POSITION_DISCONNECTED;
1572415712
parentHostInstance =
15725-
foundPortalParent.compareDocumentPosition(parentHostFiber) &
15713+
firstInstance.compareDocumentPosition(parentHostFiber) &
1572615714
Node.DOCUMENT_POSITION_CONTAINED_BY;
15727-
foundPortalParent =
15728-
foundPortalParent.compareDocumentPosition(parentResult) &
15715+
firstInstance =
15716+
firstInstance.compareDocumentPosition(parentResult) &
1572915717
Node.DOCUMENT_POSITION_CONTAINED_BY;
15730-
parent = parentHostFiber.compareDocumentPosition(otherNode);
15731-
var lastResult = parentResult.compareDocumentPosition(otherNode),
15732-
otherNodeIsWithinFirstOrLastChild =
15733-
parent & Node.DOCUMENT_POSITION_CONTAINED_BY ||
15734-
lastResult & Node.DOCUMENT_POSITION_CONTAINED_BY;
15718+
foundPortalParent = parentHostFiber.compareDocumentPosition(otherNode);
15719+
var lastResult = parentResult.compareDocumentPosition(otherNode);
15720+
parent =
15721+
foundPortalParent & Node.DOCUMENT_POSITION_CONTAINED_BY ||
15722+
lastResult & Node.DOCUMENT_POSITION_CONTAINED_BY;
1573515723
lastResult =
1573615724
parentHostInstance &&
15737-
foundPortalParent &&
15738-
parent & Node.DOCUMENT_POSITION_FOLLOWING &&
15725+
firstInstance &&
15726+
foundPortalParent & Node.DOCUMENT_POSITION_FOLLOWING &&
1573915727
lastResult & Node.DOCUMENT_POSITION_PRECEDING;
1574015728
parentHostFiber =
1574115729
(parentHostInstance && parentHostFiber === otherNode) ||
15742-
(foundPortalParent && parentResult === otherNode) ||
15743-
otherNodeIsWithinFirstOrLastChild ||
15730+
(firstInstance && parentResult === otherNode) ||
15731+
parent ||
1574415732
lastResult
1574515733
? Node.DOCUMENT_POSITION_CONTAINED_BY
1574615734
: (!parentHostInstance && parentHostFiber === otherNode) ||
15747-
(!foundPortalParent && parentResult === otherNode)
15735+
(!firstInstance && parentResult === otherNode)
1574815736
? Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC
15749-
: parent;
15737+
: foundPortalParent;
1575015738
return parentHostFiber & Node.DOCUMENT_POSITION_DISCONNECTED ||
1575115739
parentHostFiber & Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC ||
1575215740
validateDocumentPositionWithFiberTree(
@@ -15921,24 +15909,22 @@ function addFragmentHandleToInstance(instance, fragmentInstance) {
1592115909
instance.unstable_reactFragments.add(fragmentInstance));
1592215910
}
1592315911
function commitNewChildToFragmentInstance(childInstance, fragmentInstance) {
15924-
if (3 !== childInstance.nodeType) {
15925-
var eventListeners = fragmentInstance._eventListeners;
15926-
if (null !== eventListeners)
15927-
for (var i = 0; i < eventListeners.length; i++) {
15928-
var _eventListeners$i3 = eventListeners[i];
15929-
childInstance.addEventListener(
15930-
_eventListeners$i3.type,
15931-
_eventListeners$i3.listener,
15932-
_eventListeners$i3.optionsOrUseCapture
15933-
);
15934-
}
15935-
null !== fragmentInstance._observers &&
15936-
fragmentInstance._observers.forEach(function (observer) {
15937-
observer.observe(childInstance);
15938-
});
15939-
enableFragmentRefsInstanceHandles &&
15940-
addFragmentHandleToInstance(childInstance, fragmentInstance);
15941-
}
15912+
var eventListeners = fragmentInstance._eventListeners;
15913+
if (null !== eventListeners)
15914+
for (var i = 0; i < eventListeners.length; i++) {
15915+
var _eventListeners$i3 = eventListeners[i];
15916+
childInstance.addEventListener(
15917+
_eventListeners$i3.type,
15918+
_eventListeners$i3.listener,
15919+
_eventListeners$i3.optionsOrUseCapture
15920+
);
15921+
}
15922+
null !== fragmentInstance._observers &&
15923+
fragmentInstance._observers.forEach(function (observer) {
15924+
observer.observe(childInstance);
15925+
});
15926+
enableFragmentRefsInstanceHandles &&
15927+
addFragmentHandleToInstance(childInstance, fragmentInstance);
1594215928
}
1594315929
function clearContainerSparingly(container) {
1594415930
var nextNode = container.firstChild;
@@ -17771,16 +17757,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
1777117757
0 === i && attemptExplicitHydrationTarget(target);
1777217758
}
1777317759
};
17774-
var isomorphicReactPackageVersion$jscomp$inline_2047 = React.version;
17760+
var isomorphicReactPackageVersion$jscomp$inline_2046 = React.version;
1777517761
if (
17776-
"19.3.0-native-fb-8374c2ab-20260211" !==
17777-
isomorphicReactPackageVersion$jscomp$inline_2047
17762+
"19.3.0-native-fb-e49335e9-20260211" !==
17763+
isomorphicReactPackageVersion$jscomp$inline_2046
1777817764
)
1777917765
throw Error(
1778017766
formatProdErrorMessage(
1778117767
527,
17782-
isomorphicReactPackageVersion$jscomp$inline_2047,
17783-
"19.3.0-native-fb-8374c2ab-20260211"
17768+
isomorphicReactPackageVersion$jscomp$inline_2046,
17769+
"19.3.0-native-fb-e49335e9-20260211"
1778417770
)
1778517771
);
1778617772
ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -17800,24 +17786,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
1780017786
null === componentOrElement ? null : componentOrElement.stateNode;
1780117787
return componentOrElement;
1780217788
};
17803-
var internals$jscomp$inline_2627 = {
17789+
var internals$jscomp$inline_2626 = {
1780417790
bundleType: 0,
17805-
version: "19.3.0-native-fb-8374c2ab-20260211",
17791+
version: "19.3.0-native-fb-e49335e9-20260211",
1780617792
rendererPackageName: "react-dom",
1780717793
currentDispatcherRef: ReactSharedInternals,
17808-
reconcilerVersion: "19.3.0-native-fb-8374c2ab-20260211"
17794+
reconcilerVersion: "19.3.0-native-fb-e49335e9-20260211"
1780917795
};
1781017796
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
17811-
var hook$jscomp$inline_2628 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
17797+
var hook$jscomp$inline_2627 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
1781217798
if (
17813-
!hook$jscomp$inline_2628.isDisabled &&
17814-
hook$jscomp$inline_2628.supportsFiber
17799+
!hook$jscomp$inline_2627.isDisabled &&
17800+
hook$jscomp$inline_2627.supportsFiber
1781517801
)
1781617802
try {
17817-
(rendererID = hook$jscomp$inline_2628.inject(
17818-
internals$jscomp$inline_2627
17803+
(rendererID = hook$jscomp$inline_2627.inject(
17804+
internals$jscomp$inline_2626
1781917805
)),
17820-
(injectedHook = hook$jscomp$inline_2628);
17806+
(injectedHook = hook$jscomp$inline_2627);
1782117807
} catch (err) {}
1782217808
}
1782317809
exports.createRoot = function (container, options) {
@@ -17912,4 +17898,4 @@ exports.hydrateRoot = function (container, initialChildren, options) {
1791217898
listenToAllSupportedEvents(container);
1791317899
return new ReactDOMHydrationRoot(initialChildren);
1791417900
};
17915-
exports.version = "19.3.0-native-fb-8374c2ab-20260211";
17901+
exports.version = "19.3.0-native-fb-e49335e9-20260211";

0 commit comments

Comments
 (0)