Facebook/react
1
0
Fork 0
mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Render children passed to "backwards" SuspenseList in reverse mount order (#35021)

Browse Source 
Stacked on #35018.

This mounts the children of SuspenseList backwards. Meaning the first
child is mounted last in the DOM (and effect list). It's like calling
reverse() on the children.

This is meant to set us up for allowing AsyncIterable children where the
unknown number of children streams in at the end (which is the beginning
in a backwards SuspenseList). For consistency we do that with other
children too.

`unstable_legacy-backwards` still exists for the old mode but is meant
to be deprecated.

<img width="100" alt="image"
src="https://github.com/user-attachments/assets/5c2a95d7-34c4-4a4e-b602-3646a834d779"
/>

DiffTrain build for [488d88b018](https://github.com/facebook/react/commit/488d88b018ee8fd1fac56cab22dfa8796ebce30b)
This commit is contained in:
sebmarkbage
2025-10-31 10:39:21 -07:00
parent 30cd0fc690
commit cb59d65bb6
37 changed files with 3398 additions and 2751 deletions
Download Patch File Download Diff File Expand all files Collapse all files
compiled/facebook-www/REVISION
+1 -1
View File
@@ -1 +1 @@
26cf2804802f3d32c4d8f9db73ddea12ad6c1670
488d88b018ee8fd1fac56cab22dfa8796ebce30b
compiled/facebook-www/REVISION_TRANSFORMS
+1 -1
View File
@@ -1 +1 @@
26cf2804802f3d32c4d8f9db73ddea12ad6c1670
488d88b018ee8fd1fac56cab22dfa8796ebce30b
compiled/facebook-www/React-dev.classic.js
+1 -1
View File
@@ -1499,7 +1499,7 @@ __DEV__ &&
exports.useTransition = function () {
return resolveDispatcher().useTransition();
};
exports.version = "19.3.0-www-classic-26cf2804-20251031";
exports.version = "19.3.0-www-classic-488d88b0-20251031";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/React-dev.modern.js
+1 -1
View File
@@ -1499,7 +1499,7 @@ __DEV__ &&
exports.useTransition = function () {
return resolveDispatcher().useTransition();
};
exports.version = "19.3.0-www-modern-26cf2804-20251031";
exports.version = "19.3.0-www-modern-488d88b0-20251031";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/React-prod.classic.js
+1 -1
View File
@@ -606,4 +606,4 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.3.0-www-classic-26cf2804-20251031";
exports.version = "19.3.0-www-classic-488d88b0-20251031";
compiled/facebook-www/React-prod.modern.js
+1 -1
View File
@@ -606,4 +606,4 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.3.0-www-modern-26cf2804-20251031";
exports.version = "19.3.0-www-modern-488d88b0-20251031";
compiled/facebook-www/React-profiling.classic.js
+1 -1
View File
@@ -610,7 +610,7 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.3.0-www-classic-26cf2804-20251031";
exports.version = "19.3.0-www-classic-488d88b0-20251031";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/React-profiling.modern.js
+1 -1
View File
@@ -610,7 +610,7 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.3.0-www-modern-26cf2804-20251031";
exports.version = "19.3.0-www-modern-488d88b0-20251031";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactART-dev.classic.js
+59 -30
View File
@@ -9055,6 +9055,16 @@ __DEV__ &&
propagationRoot
);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -9082,6 +9092,15 @@ __DEV__ &&
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -9100,6 +9119,7 @@ __DEV__ &&
if (
null != revealOrder &&
"forwards" !== revealOrder &&
"backwards" !== revealOrder &&
"unstable_legacy-backwards" !== revealOrder &&
"together" !== revealOrder &&
"independent" !== revealOrder &&
@@ -9107,12 +9127,8 @@ __DEV__ &&
)
if (
((didWarnAboutRevealOrder[suspenseContext] = !0),
"backwards" === revealOrder)
"string" === typeof revealOrder)
)
console.error(
'The rendering order of <SuspenseList revealOrder="backwards"> is changing. To be future compatible you must specify revealOrder="legacy_unstable-backwards" instead.'
);
else if ("string" === typeof revealOrder)
switch (revealOrder.toLowerCase()) {
case "together":
case "forwards":
@@ -9204,7 +9220,11 @@ __DEV__ &&
'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
revealOrder
);
reconcileChildren(current, workInProgress, nextProps, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, nextProps, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, nextProps, renderLanes);
if (
!shouldForceFallback &&
null !== current &&
@@ -9232,6 +9252,22 @@ __DEV__ &&
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
0
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -9269,27 +9305,20 @@ __DEV__ &&
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
0
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
0
);
}
return workInProgress.child;
}
@@ -20364,10 +20393,10 @@ __DEV__ &&
(function () {
var internals = {
bundleType: 1,
version: "19.3.0-www-classic-26cf2804-20251031",
version: "19.3.0-www-classic-488d88b0-20251031",
rendererPackageName: "react-art",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-classic-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-classic-488d88b0-20251031"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -20402,7 +20431,7 @@ __DEV__ &&
exports.Shape = Shape;
exports.Surface = Surface;
exports.Text = Text;
exports.version = "19.3.0-www-classic-26cf2804-20251031";
exports.version = "19.3.0-www-classic-488d88b0-20251031";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactART-dev.modern.js
+59 -30
View File
@@ -8886,6 +8886,16 @@ __DEV__ &&
propagationRoot
);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -8913,6 +8923,15 @@ __DEV__ &&
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -8931,6 +8950,7 @@ __DEV__ &&
if (
null != revealOrder &&
"forwards" !== revealOrder &&
"backwards" !== revealOrder &&
"unstable_legacy-backwards" !== revealOrder &&
"together" !== revealOrder &&
"independent" !== revealOrder &&
@@ -8938,12 +8958,8 @@ __DEV__ &&
)
if (
((didWarnAboutRevealOrder[suspenseContext] = !0),
"backwards" === revealOrder)
"string" === typeof revealOrder)
)
console.error(
'The rendering order of <SuspenseList revealOrder="backwards"> is changing. To be future compatible you must specify revealOrder="legacy_unstable-backwards" instead.'
);
else if ("string" === typeof revealOrder)
switch (revealOrder.toLowerCase()) {
case "together":
case "forwards":
@@ -9035,7 +9051,11 @@ __DEV__ &&
'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
revealOrder
);
reconcileChildren(current, workInProgress, nextProps, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, nextProps, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, nextProps, renderLanes);
if (
!shouldForceFallback &&
null !== current &&
@@ -9063,6 +9083,22 @@ __DEV__ &&
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
0
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -9100,27 +9136,20 @@ __DEV__ &&
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
0
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
0
);
}
return workInProgress.child;
}
@@ -20135,10 +20164,10 @@ __DEV__ &&
(function () {
var internals = {
bundleType: 1,
version: "19.3.0-www-modern-26cf2804-20251031",
version: "19.3.0-www-modern-488d88b0-20251031",
rendererPackageName: "react-art",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-modern-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-modern-488d88b0-20251031"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -20173,7 +20202,7 @@ __DEV__ &&
exports.Shape = Shape;
exports.Surface = Surface;
exports.Text = Text;
exports.version = "19.3.0-www-modern-26cf2804-20251031";
exports.version = "19.3.0-www-modern-488d88b0-20251031";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactART-prod.classic.js
+130 -98
View File
@@ -5830,6 +5830,16 @@ function scheduleSuspenseWorkOnFiber(fiber, renderLanes, propagationRoot) {
null !== alternate && (alternate.lanes |= renderLanes);
scheduleContextWorkOnParentPath(fiber.return, renderLanes, propagationRoot);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -5857,6 +5867,15 @@ function initSuspenseListRenderState(
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -5869,7 +5888,11 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
(workInProgress.flags |= 128))
: (suspenseContext &= 1);
push(suspenseStackCursor, suspenseContext);
reconcileChildren(current, workInProgress, nextProps, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, nextProps, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, nextProps, renderLanes);
if (!shouldForceFallback && null !== current && 0 !== (current.flags & 128))
a: for (current = workInProgress.child; null !== current; ) {
if (13 === current.tag)
@@ -5893,6 +5916,21 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child), (workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
0
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -5923,25 +5961,19 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child), (workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
0
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
0
);
}
return workInProgress.child;
}
@@ -6021,9 +6053,9 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
);
break;
case 13:
var state$76 = workInProgress.memoizedState;
if (null !== state$76) {
if (null !== state$76.dehydrated)
var state$78 = workInProgress.memoizedState;
if (null !== state$78) {
if (null !== state$78.dehydrated)
return (
pushPrimaryTreeSuspenseHandler(workInProgress),
(workInProgress.flags |= 128),
@@ -6043,17 +6075,17 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
break;
case 19:
var didSuspendBefore = 0 !== (current.flags & 128);
state$76 = 0 !== (renderLanes & workInProgress.childLanes);
state$76 ||
state$78 = 0 !== (renderLanes & workInProgress.childLanes);
state$78 ||
(propagateParentContextChanges(
current,
workInProgress,
renderLanes,
!1
),
(state$76 = 0 !== (renderLanes & workInProgress.childLanes)));
(state$78 = 0 !== (renderLanes & workInProgress.childLanes)));
if (didSuspendBefore) {
if (state$76)
if (state$78)
return updateSuspenseListComponent(
current,
workInProgress,
@@ -6067,7 +6099,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
(didSuspendBefore.tail = null),
(didSuspendBefore.lastEffect = null));
push(suspenseStackCursor, suspenseStackCursor.current);
if (state$76) break;
if (state$78) break;
else return null;
case 22:
return (
@@ -6084,8 +6116,8 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
break;
case 25:
if (enableTransitionTracing) {
state$76 = workInProgress.stateNode;
null !== state$76 && pushMarkerInstance(workInProgress, state$76);
state$78 = workInProgress.stateNode;
null !== state$78 && pushMarkerInstance(workInProgress, state$78);
break;
}
case 23:
@@ -6691,19 +6723,19 @@ function bubbleProperties(completedWork) {
newChildLanes = 0,
subtreeFlags = 0;
if (didBailout)
for (var child$81 = completedWork.child; null !== child$81; )
(newChildLanes |= child$81.lanes | child$81.childLanes),
(subtreeFlags |= child$81.subtreeFlags & 65011712),
(subtreeFlags |= child$81.flags & 65011712),
(child$81.return = completedWork),
(child$81 = child$81.sibling);
for (var child$83 = completedWork.child; null !== child$83; )
(newChildLanes |= child$83.lanes | child$83.childLanes),
(subtreeFlags |= child$83.subtreeFlags & 65011712),
(subtreeFlags |= child$83.flags & 65011712),
(child$83.return = completedWork),
(child$83 = child$83.sibling);
else
for (child$81 = completedWork.child; null !== child$81; )
(newChildLanes |= child$81.lanes | child$81.childLanes),
(subtreeFlags |= child$81.subtreeFlags),
(subtreeFlags |= child$81.flags),
(child$81.return = completedWork),
(child$81 = child$81.sibling);
for (child$83 = completedWork.child; null !== child$83; )
(newChildLanes |= child$83.lanes | child$83.childLanes),
(subtreeFlags |= child$83.subtreeFlags),
(subtreeFlags |= child$83.flags),
(child$83.return = completedWork),
(child$83 = child$83.sibling);
completedWork.subtreeFlags |= subtreeFlags;
completedWork.childLanes = newChildLanes;
return didBailout;
@@ -6913,11 +6945,11 @@ function completeWork(current, workInProgress, renderLanes) {
null !== newProps.alternate.memoizedState &&
null !== newProps.alternate.memoizedState.cachePool &&
(instance = newProps.alternate.memoizedState.cachePool.pool);
var cache$88 = null;
var cache$90 = null;
null !== newProps.memoizedState &&
null !== newProps.memoizedState.cachePool &&
(cache$88 = newProps.memoizedState.cachePool.pool);
cache$88 !== instance && (newProps.flags |= 2048);
(cache$90 = newProps.memoizedState.cachePool.pool);
cache$90 !== instance && (newProps.flags |= 2048);
}
renderLanes !== current &&
(enableTransitionTracing && (workInProgress.child.flags |= 2048),
@@ -6939,8 +6971,8 @@ function completeWork(current, workInProgress, renderLanes) {
instance = workInProgress.memoizedState;
if (null === instance) return bubbleProperties(workInProgress), null;
newProps = 0 !== (workInProgress.flags & 128);
cache$88 = instance.rendering;
if (null === cache$88)
cache$90 = instance.rendering;
if (null === cache$90)
if (newProps) cutOffTailIfNeeded(instance, !1);
else {
if (
@@ -6948,11 +6980,11 @@ function completeWork(current, workInProgress, renderLanes) {
(null !== current && 0 !== (current.flags & 128))
)
for (current = workInProgress.child; null !== current; ) {
cache$88 = findFirstSuspended(current);
if (null !== cache$88) {
cache$90 = findFirstSuspended(current);
if (null !== cache$90) {
workInProgress.flags |= 128;
cutOffTailIfNeeded(instance, !1);
current = cache$88.updateQueue;
current = cache$90.updateQueue;
workInProgress.updateQueue = current;
scheduleRetryEffect(workInProgress, current);
workInProgress.subtreeFlags = 0;
@@ -6977,7 +7009,7 @@ function completeWork(current, workInProgress, renderLanes) {
}
else {
if (!newProps)
if (((current = findFirstSuspended(cache$88)), null !== current)) {
if (((current = findFirstSuspended(cache$90)), null !== current)) {
if (
((workInProgress.flags |= 128),
(newProps = !0),
@@ -6988,7 +7020,7 @@ function completeWork(current, workInProgress, renderLanes) {
null === instance.tail &&
"collapsed" !== instance.tailMode &&
"visible" !== instance.tailMode &&
!cache$88.alternate)
!cache$90.alternate)
)
return bubbleProperties(workInProgress), null;
} else
@@ -7000,13 +7032,13 @@ function completeWork(current, workInProgress, renderLanes) {
cutOffTailIfNeeded(instance, !1),
(workInProgress.lanes = 4194304));
instance.isBackwards
? ((cache$88.sibling = workInProgress.child),
(workInProgress.child = cache$88))
? ((cache$90.sibling = workInProgress.child),
(workInProgress.child = cache$90))
: ((current = instance.last),
null !== current
? (current.sibling = cache$88)
: (workInProgress.child = cache$88),
(instance.last = cache$88));
? (current.sibling = cache$90)
: (workInProgress.child = cache$90),
(instance.last = cache$90));
}
if (null !== instance.tail)
return (
@@ -7380,8 +7412,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
else if ("function" === typeof ref)
try {
ref(null);
} catch (error$108) {
captureCommitPhaseError(current, nearestMountedAncestor, error$108);
} catch (error$110) {
captureCommitPhaseError(current, nearestMountedAncestor, error$110);
}
else ref.current = null;
}
@@ -7833,11 +7865,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
current,
finishedRoot.__reactInternalSnapshotBeforeUpdate
);
} catch (error$106) {
} catch (error$108) {
captureCommitPhaseError(
finishedWork,
finishedWork.return,
error$106
error$108
);
}
}
@@ -8503,15 +8535,15 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) {
suspenseCallback = null !== current && null !== current.memoizedState;
retryQueue = offscreenSubtreeIsHidden;
var prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden,
prevOffscreenDirectParentIsHidden$115 = offscreenDirectParentIsHidden;
prevOffscreenDirectParentIsHidden$117 = offscreenDirectParentIsHidden;
offscreenSubtreeIsHidden = retryQueue || instance;
offscreenDirectParentIsHidden =
prevOffscreenDirectParentIsHidden$115 || instance;
prevOffscreenDirectParentIsHidden$117 || instance;
offscreenSubtreeWasHidden =
prevOffscreenSubtreeWasHidden || suspenseCallback;
recursivelyTraverseMutationEffects(root, finishedWork, lanes);
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$115;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$117;
offscreenSubtreeIsHidden = retryQueue;
commitReconciliationEffects(finishedWork);
if (
@@ -8678,12 +8710,12 @@ function commitReconciliationEffects(finishedWork) {
break;
case 3:
case 4:
var parent$109 = hostParentFiber.stateNode.containerInfo,
before$110 = getHostSibling(finishedWork);
var parent$111 = hostParentFiber.stateNode.containerInfo,
before$112 = getHostSibling(finishedWork);
insertOrAppendPlacementNodeIntoContainer(
finishedWork,
before$110,
parent$109
before$112,
parent$111
);
break;
default:
@@ -9111,14 +9143,14 @@ function commitPassiveMountOnFiber(
);
break;
case 22:
var instance$119 = finishedWork.stateNode,
current$120 = finishedWork.alternate;
var instance$121 = finishedWork.stateNode,
current$122 = finishedWork.alternate;
null !== finishedWork.memoizedState
? (isViewTransitionEligible &&
null !== current$120 &&
null === current$120.memoizedState &&
restoreEnterOrExitViewTransitions(current$120),
instance$119._visibility & 2
null !== current$122 &&
null === current$122.memoizedState &&
restoreEnterOrExitViewTransitions(current$122),
instance$121._visibility & 2
? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
@@ -9130,17 +9162,17 @@ function commitPassiveMountOnFiber(
finishedWork
))
: (isViewTransitionEligible &&
null !== current$120 &&
null !== current$120.memoizedState &&
null !== current$122 &&
null !== current$122.memoizedState &&
restoreEnterOrExitViewTransitions(finishedWork),
instance$119._visibility & 2
instance$121._visibility & 2
? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
)
: ((instance$119._visibility |= 2),
: ((instance$121._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -9150,9 +9182,9 @@ function commitPassiveMountOnFiber(
)));
flags & 2048 &&
commitOffscreenPassiveMountEffects(
current$120,
current$122,
finishedWork,
instance$119
instance$121
);
break;
case 24:
@@ -9241,9 +9273,9 @@ function recursivelyTraverseReconnectPassiveEffects(
);
break;
case 22:
var instance$122 = finishedWork.stateNode;
var instance$124 = finishedWork.stateNode;
null !== finishedWork.memoizedState
? instance$122._visibility & 2
? instance$124._visibility & 2
? recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -9255,7 +9287,7 @@ function recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork
)
: ((instance$122._visibility |= 2),
: ((instance$124._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -9268,7 +9300,7 @@ function recursivelyTraverseReconnectPassiveEffects(
commitOffscreenPassiveMountEffects(
finishedWork.alternate,
finishedWork,
instance$122
instance$124
);
break;
case 24:
@@ -10202,8 +10234,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) {
workLoopSync();
exitStatus = workInProgressRootExitStatus;
break;
} catch (thrownValue$134) {
handleThrow(root, thrownValue$134);
} catch (thrownValue$136) {
handleThrow(root, thrownValue$136);
}
while (1);
lanes && root.shellSuspendCounter++;
@@ -10318,8 +10350,8 @@ function renderRootConcurrent(root, lanes) {
}
workLoopConcurrentByScheduler();
break;
} catch (thrownValue$136) {
handleThrow(root, thrownValue$136);
} catch (thrownValue$138) {
handleThrow(root, thrownValue$138);
}
while (1);
lastContextDependency = currentlyRenderingFiber$1 = null;
@@ -11441,24 +11473,24 @@ var slice = Array.prototype.slice,
};
return Text;
})(React.Component);
var internals$jscomp$inline_1647 = {
var internals$jscomp$inline_1643 = {
bundleType: 0,
version: "19.3.0-www-classic-26cf2804-20251031",
version: "19.3.0-www-classic-488d88b0-20251031",
rendererPackageName: "react-art",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-classic-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-classic-488d88b0-20251031"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1648 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
var hook$jscomp$inline_1644 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
if (
!hook$jscomp$inline_1648.isDisabled &&
hook$jscomp$inline_1648.supportsFiber
!hook$jscomp$inline_1644.isDisabled &&
hook$jscomp$inline_1644.supportsFiber
)
try {
(rendererID = hook$jscomp$inline_1648.inject(
internals$jscomp$inline_1647
(rendererID = hook$jscomp$inline_1644.inject(
internals$jscomp$inline_1643
)),
(injectedHook = hook$jscomp$inline_1648);
(injectedHook = hook$jscomp$inline_1644);
} catch (err) {}
}
var Path = Mode$1.Path;
@@ -11472,4 +11504,4 @@ exports.RadialGradient = RadialGradient;
exports.Shape = TYPES.SHAPE;
exports.Surface = Surface;
exports.Text = Text;
exports.version = "19.3.0-www-classic-26cf2804-20251031";
exports.version = "19.3.0-www-classic-488d88b0-20251031";
compiled/facebook-www/ReactART-prod.modern.js
+130 -98
View File
@@ -5608,6 +5608,16 @@ function scheduleSuspenseWorkOnFiber(fiber, renderLanes, propagationRoot) {
null !== alternate && (alternate.lanes |= renderLanes);
scheduleContextWorkOnParentPath(fiber.return, renderLanes, propagationRoot);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -5635,6 +5645,15 @@ function initSuspenseListRenderState(
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -5647,7 +5666,11 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
(workInProgress.flags |= 128))
: (suspenseContext &= 1);
push(suspenseStackCursor, suspenseContext);
reconcileChildren(current, workInProgress, nextProps, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, nextProps, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, nextProps, renderLanes);
if (!shouldForceFallback && null !== current && 0 !== (current.flags & 128))
a: for (current = workInProgress.child; null !== current; ) {
if (13 === current.tag)
@@ -5671,6 +5694,21 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child), (workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
0
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -5701,25 +5739,19 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child), (workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
0
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
0
);
}
return workInProgress.child;
}
@@ -5795,9 +5827,9 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
);
break;
case 13:
var state$76 = workInProgress.memoizedState;
if (null !== state$76) {
if (null !== state$76.dehydrated)
var state$78 = workInProgress.memoizedState;
if (null !== state$78) {
if (null !== state$78.dehydrated)
return (
pushPrimaryTreeSuspenseHandler(workInProgress),
(workInProgress.flags |= 128),
@@ -5817,17 +5849,17 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
break;
case 19:
var didSuspendBefore = 0 !== (current.flags & 128);
state$76 = 0 !== (renderLanes & workInProgress.childLanes);
state$76 ||
state$78 = 0 !== (renderLanes & workInProgress.childLanes);
state$78 ||
(propagateParentContextChanges(
current,
workInProgress,
renderLanes,
!1
),
(state$76 = 0 !== (renderLanes & workInProgress.childLanes)));
(state$78 = 0 !== (renderLanes & workInProgress.childLanes)));
if (didSuspendBefore) {
if (state$76)
if (state$78)
return updateSuspenseListComponent(
current,
workInProgress,
@@ -5841,7 +5873,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
(didSuspendBefore.tail = null),
(didSuspendBefore.lastEffect = null));
push(suspenseStackCursor, suspenseStackCursor.current);
if (state$76) break;
if (state$78) break;
else return null;
case 22:
return (
@@ -5858,8 +5890,8 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
break;
case 25:
if (enableTransitionTracing) {
state$76 = workInProgress.stateNode;
null !== state$76 && pushMarkerInstance(workInProgress, state$76);
state$78 = workInProgress.stateNode;
null !== state$78 && pushMarkerInstance(workInProgress, state$78);
break;
}
case 23:
@@ -6462,19 +6494,19 @@ function bubbleProperties(completedWork) {
newChildLanes = 0,
subtreeFlags = 0;
if (didBailout)
for (var child$81 = completedWork.child; null !== child$81; )
(newChildLanes |= child$81.lanes | child$81.childLanes),
(subtreeFlags |= child$81.subtreeFlags & 65011712),
(subtreeFlags |= child$81.flags & 65011712),
(child$81.return = completedWork),
(child$81 = child$81.sibling);
for (var child$83 = completedWork.child; null !== child$83; )
(newChildLanes |= child$83.lanes | child$83.childLanes),
(subtreeFlags |= child$83.subtreeFlags & 65011712),
(subtreeFlags |= child$83.flags & 65011712),
(child$83.return = completedWork),
(child$83 = child$83.sibling);
else
for (child$81 = completedWork.child; null !== child$81; )
(newChildLanes |= child$81.lanes | child$81.childLanes),
(subtreeFlags |= child$81.subtreeFlags),
(subtreeFlags |= child$81.flags),
(child$81.return = completedWork),
(child$81 = child$81.sibling);
for (child$83 = completedWork.child; null !== child$83; )
(newChildLanes |= child$83.lanes | child$83.childLanes),
(subtreeFlags |= child$83.subtreeFlags),
(subtreeFlags |= child$83.flags),
(child$83.return = completedWork),
(child$83 = child$83.sibling);
completedWork.subtreeFlags |= subtreeFlags;
completedWork.childLanes = newChildLanes;
return didBailout;
@@ -6677,11 +6709,11 @@ function completeWork(current, workInProgress, renderLanes) {
null !== newProps.alternate.memoizedState &&
null !== newProps.alternate.memoizedState.cachePool &&
(instance = newProps.alternate.memoizedState.cachePool.pool);
var cache$88 = null;
var cache$90 = null;
null !== newProps.memoizedState &&
null !== newProps.memoizedState.cachePool &&
(cache$88 = newProps.memoizedState.cachePool.pool);
cache$88 !== instance && (newProps.flags |= 2048);
(cache$90 = newProps.memoizedState.cachePool.pool);
cache$90 !== instance && (newProps.flags |= 2048);
}
renderLanes !== current &&
(enableTransitionTracing && (workInProgress.child.flags |= 2048),
@@ -6703,8 +6735,8 @@ function completeWork(current, workInProgress, renderLanes) {
instance = workInProgress.memoizedState;
if (null === instance) return bubbleProperties(workInProgress), null;
newProps = 0 !== (workInProgress.flags & 128);
cache$88 = instance.rendering;
if (null === cache$88)
cache$90 = instance.rendering;
if (null === cache$90)
if (newProps) cutOffTailIfNeeded(instance, !1);
else {
if (
@@ -6712,11 +6744,11 @@ function completeWork(current, workInProgress, renderLanes) {
(null !== current && 0 !== (current.flags & 128))
)
for (current = workInProgress.child; null !== current; ) {
cache$88 = findFirstSuspended(current);
if (null !== cache$88) {
cache$90 = findFirstSuspended(current);
if (null !== cache$90) {
workInProgress.flags |= 128;
cutOffTailIfNeeded(instance, !1);
current = cache$88.updateQueue;
current = cache$90.updateQueue;
workInProgress.updateQueue = current;
scheduleRetryEffect(workInProgress, current);
workInProgress.subtreeFlags = 0;
@@ -6741,7 +6773,7 @@ function completeWork(current, workInProgress, renderLanes) {
}
else {
if (!newProps)
if (((current = findFirstSuspended(cache$88)), null !== current)) {
if (((current = findFirstSuspended(cache$90)), null !== current)) {
if (
((workInProgress.flags |= 128),
(newProps = !0),
@@ -6752,7 +6784,7 @@ function completeWork(current, workInProgress, renderLanes) {
null === instance.tail &&
"collapsed" !== instance.tailMode &&
"visible" !== instance.tailMode &&
!cache$88.alternate)
!cache$90.alternate)
)
return bubbleProperties(workInProgress), null;
} else
@@ -6764,13 +6796,13 @@ function completeWork(current, workInProgress, renderLanes) {
cutOffTailIfNeeded(instance, !1),
(workInProgress.lanes = 4194304));
instance.isBackwards
? ((cache$88.sibling = workInProgress.child),
(workInProgress.child = cache$88))
? ((cache$90.sibling = workInProgress.child),
(workInProgress.child = cache$90))
: ((current = instance.last),
null !== current
? (current.sibling = cache$88)
: (workInProgress.child = cache$88),
(instance.last = cache$88));
? (current.sibling = cache$90)
: (workInProgress.child = cache$90),
(instance.last = cache$90));
}
if (null !== instance.tail)
return (
@@ -7132,8 +7164,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
else if ("function" === typeof ref)
try {
ref(null);
} catch (error$108) {
captureCommitPhaseError(current, nearestMountedAncestor, error$108);
} catch (error$110) {
captureCommitPhaseError(current, nearestMountedAncestor, error$110);
}
else ref.current = null;
}
@@ -7585,11 +7617,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
current,
finishedRoot.__reactInternalSnapshotBeforeUpdate
);
} catch (error$106) {
} catch (error$108) {
captureCommitPhaseError(
finishedWork,
finishedWork.return,
error$106
error$108
);
}
}
@@ -8255,15 +8287,15 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) {
suspenseCallback = null !== current && null !== current.memoizedState;
retryQueue = offscreenSubtreeIsHidden;
var prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden,
prevOffscreenDirectParentIsHidden$115 = offscreenDirectParentIsHidden;
prevOffscreenDirectParentIsHidden$117 = offscreenDirectParentIsHidden;
offscreenSubtreeIsHidden = retryQueue || instance;
offscreenDirectParentIsHidden =
prevOffscreenDirectParentIsHidden$115 || instance;
prevOffscreenDirectParentIsHidden$117 || instance;
offscreenSubtreeWasHidden =
prevOffscreenSubtreeWasHidden || suspenseCallback;
recursivelyTraverseMutationEffects(root, finishedWork, lanes);
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$115;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$117;
offscreenSubtreeIsHidden = retryQueue;
commitReconciliationEffects(finishedWork);
if (
@@ -8430,12 +8462,12 @@ function commitReconciliationEffects(finishedWork) {
break;
case 3:
case 4:
var parent$109 = hostParentFiber.stateNode.containerInfo,
before$110 = getHostSibling(finishedWork);
var parent$111 = hostParentFiber.stateNode.containerInfo,
before$112 = getHostSibling(finishedWork);
insertOrAppendPlacementNodeIntoContainer(
finishedWork,
before$110,
parent$109
before$112,
parent$111
);
break;
default:
@@ -8863,14 +8895,14 @@ function commitPassiveMountOnFiber(
);
break;
case 22:
var instance$119 = finishedWork.stateNode,
current$120 = finishedWork.alternate;
var instance$121 = finishedWork.stateNode,
current$122 = finishedWork.alternate;
null !== finishedWork.memoizedState
? (isViewTransitionEligible &&
null !== current$120 &&
null === current$120.memoizedState &&
restoreEnterOrExitViewTransitions(current$120),
instance$119._visibility & 2
null !== current$122 &&
null === current$122.memoizedState &&
restoreEnterOrExitViewTransitions(current$122),
instance$121._visibility & 2
? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
@@ -8882,17 +8914,17 @@ function commitPassiveMountOnFiber(
finishedWork
))
: (isViewTransitionEligible &&
null !== current$120 &&
null !== current$120.memoizedState &&
null !== current$122 &&
null !== current$122.memoizedState &&
restoreEnterOrExitViewTransitions(finishedWork),
instance$119._visibility & 2
instance$121._visibility & 2
? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
)
: ((instance$119._visibility |= 2),
: ((instance$121._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -8902,9 +8934,9 @@ function commitPassiveMountOnFiber(
)));
flags & 2048 &&
commitOffscreenPassiveMountEffects(
current$120,
current$122,
finishedWork,
instance$119
instance$121
);
break;
case 24:
@@ -8993,9 +9025,9 @@ function recursivelyTraverseReconnectPassiveEffects(
);
break;
case 22:
var instance$122 = finishedWork.stateNode;
var instance$124 = finishedWork.stateNode;
null !== finishedWork.memoizedState
? instance$122._visibility & 2
? instance$124._visibility & 2
? recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -9007,7 +9039,7 @@ function recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork
)
: ((instance$122._visibility |= 2),
: ((instance$124._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -9020,7 +9052,7 @@ function recursivelyTraverseReconnectPassiveEffects(
commitOffscreenPassiveMountEffects(
finishedWork.alternate,
finishedWork,
instance$122
instance$124
);
break;
case 24:
@@ -9954,8 +9986,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) {
workLoopSync();
exitStatus = workInProgressRootExitStatus;
break;
} catch (thrownValue$134) {
handleThrow(root, thrownValue$134);
} catch (thrownValue$136) {
handleThrow(root, thrownValue$136);
}
while (1);
lanes && root.shellSuspendCounter++;
@@ -10070,8 +10102,8 @@ function renderRootConcurrent(root, lanes) {
}
workLoopConcurrentByScheduler();
break;
} catch (thrownValue$136) {
handleThrow(root, thrownValue$136);
} catch (thrownValue$138) {
handleThrow(root, thrownValue$138);
}
while (1);
lastContextDependency = currentlyRenderingFiber$1 = null;
@@ -11153,24 +11185,24 @@ var slice = Array.prototype.slice,
};
return Text;
})(React.Component);
var internals$jscomp$inline_1620 = {
var internals$jscomp$inline_1616 = {
bundleType: 0,
version: "19.3.0-www-modern-26cf2804-20251031",
version: "19.3.0-www-modern-488d88b0-20251031",
rendererPackageName: "react-art",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-modern-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-modern-488d88b0-20251031"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1621 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
var hook$jscomp$inline_1617 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
if (
!hook$jscomp$inline_1621.isDisabled &&
hook$jscomp$inline_1621.supportsFiber
!hook$jscomp$inline_1617.isDisabled &&
hook$jscomp$inline_1617.supportsFiber
)
try {
(rendererID = hook$jscomp$inline_1621.inject(
internals$jscomp$inline_1620
(rendererID = hook$jscomp$inline_1617.inject(
internals$jscomp$inline_1616
)),
(injectedHook = hook$jscomp$inline_1621);
(injectedHook = hook$jscomp$inline_1617);
} catch (err) {}
}
var Path = Mode$1.Path;
@@ -11184,4 +11216,4 @@ exports.RadialGradient = RadialGradient;
exports.Shape = TYPES.SHAPE;
exports.Surface = Surface;
exports.Text = Text;
exports.version = "19.3.0-www-modern-26cf2804-20251031";
exports.version = "19.3.0-www-modern-488d88b0-20251031";
compiled/facebook-www/ReactDOM-dev.classic.js
+171 -142
View File
@@ -11090,24 +11090,24 @@ __DEV__ &&
return current;
}
function updateSuspenseComponent(current, workInProgress, renderLanes) {
var JSCompiler_object_inline_digest_3110;
var JSCompiler_object_inline_stack_3111 = workInProgress.pendingProps;
var JSCompiler_object_inline_digest_3105;
var JSCompiler_object_inline_stack_3106 = workInProgress.pendingProps;
shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
var JSCompiler_object_inline_message_3109 = !1;
var JSCompiler_object_inline_message_3104 = !1;
var didSuspend = 0 !== (workInProgress.flags & 128);
(JSCompiler_object_inline_digest_3110 = didSuspend) ||
(JSCompiler_object_inline_digest_3110 =
(JSCompiler_object_inline_digest_3105 = didSuspend) ||
(JSCompiler_object_inline_digest_3105 =
null !== current && null === current.memoizedState
? !1
: 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
JSCompiler_object_inline_digest_3110 &&
((JSCompiler_object_inline_message_3109 = !0),
JSCompiler_object_inline_digest_3105 &&
((JSCompiler_object_inline_message_3104 = !0),
(workInProgress.flags &= -129));
JSCompiler_object_inline_digest_3110 = 0 !== (workInProgress.flags & 32);
JSCompiler_object_inline_digest_3105 = 0 !== (workInProgress.flags & 32);
workInProgress.flags &= -33;
if (null === current) {
if (isHydrating) {
JSCompiler_object_inline_message_3109
JSCompiler_object_inline_message_3104
? pushPrimaryTreeSuspenseHandler(workInProgress)
: reuseSuspenseHandlerOnStack(workInProgress);
(current = nextHydratableInstance)
@@ -11120,18 +11120,18 @@ __DEV__ &&
? renderLanes
: null),
null !== renderLanes &&
((JSCompiler_object_inline_digest_3110 = {
((JSCompiler_object_inline_digest_3105 = {
dehydrated: renderLanes,
treeContext: getSuspendedTreeContext(),
retryLane: 536870912,
hydrationErrors: null
}),
(workInProgress.memoizedState =
JSCompiler_object_inline_digest_3110),
(JSCompiler_object_inline_digest_3110 =
JSCompiler_object_inline_digest_3105),
(JSCompiler_object_inline_digest_3105 =
createFiberFromDehydratedFragment(renderLanes)),
(JSCompiler_object_inline_digest_3110.return = workInProgress),
(workInProgress.child = JSCompiler_object_inline_digest_3110),
(JSCompiler_object_inline_digest_3105.return = workInProgress),
(workInProgress.child = JSCompiler_object_inline_digest_3105),
(hydrationParentFiber = workInProgress),
(nextHydratableInstance = null)))
: (renderLanes = null);
@@ -11145,9 +11145,9 @@ __DEV__ &&
: (workInProgress.lanes = 536870912);
return null;
}
var nextPrimaryChildren = JSCompiler_object_inline_stack_3111.children,
nextFallbackChildren = JSCompiler_object_inline_stack_3111.fallback;
if (JSCompiler_object_inline_message_3109)
var nextPrimaryChildren = JSCompiler_object_inline_stack_3106.children,
nextFallbackChildren = JSCompiler_object_inline_stack_3106.fallback;
if (JSCompiler_object_inline_message_3104)
return (
reuseSuspenseHandlerOnStack(workInProgress),
mountSuspenseFallbackChildren(
@@ -11156,13 +11156,13 @@ __DEV__ &&
nextFallbackChildren,
renderLanes
),
(JSCompiler_object_inline_stack_3111 = workInProgress.child),
(JSCompiler_object_inline_stack_3111.memoizedState =
(JSCompiler_object_inline_stack_3106 = workInProgress.child),
(JSCompiler_object_inline_stack_3106.memoizedState =
mountSuspenseOffscreenState(renderLanes)),
(JSCompiler_object_inline_stack_3111.childLanes =
(JSCompiler_object_inline_stack_3106.childLanes =
getRemainingWorkInPrimaryTree(
current,
JSCompiler_object_inline_digest_3110,
JSCompiler_object_inline_digest_3105,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
@@ -11174,20 +11174,20 @@ __DEV__ &&
((current = enableTransitionTracing
? markerInstanceStack.current
: null),
(renderLanes = JSCompiler_object_inline_stack_3111.updateQueue),
(renderLanes = JSCompiler_object_inline_stack_3106.updateQueue),
null === renderLanes
? (JSCompiler_object_inline_stack_3111.updateQueue = {
? (JSCompiler_object_inline_stack_3106.updateQueue = {
transitions: workInProgress,
markerInstances: current,
retryQueue: null
})
: ((renderLanes.transitions = workInProgress),
(renderLanes.markerInstances = current)))),
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3111)
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3106)
);
if (
"number" ===
typeof JSCompiler_object_inline_stack_3111.unstable_expectedLoadTime
typeof JSCompiler_object_inline_stack_3106.unstable_expectedLoadTime
)
return (
reuseSuspenseHandlerOnStack(workInProgress),
@@ -11197,18 +11197,18 @@ __DEV__ &&
nextFallbackChildren,
renderLanes
),
(JSCompiler_object_inline_stack_3111 = workInProgress.child),
(JSCompiler_object_inline_stack_3111.memoizedState =
(JSCompiler_object_inline_stack_3106 = workInProgress.child),
(JSCompiler_object_inline_stack_3106.memoizedState =
mountSuspenseOffscreenState(renderLanes)),
(JSCompiler_object_inline_stack_3111.childLanes =
(JSCompiler_object_inline_stack_3106.childLanes =
getRemainingWorkInPrimaryTree(
current,
JSCompiler_object_inline_digest_3110,
JSCompiler_object_inline_digest_3105,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
(workInProgress.lanes = 4194304),
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3111)
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3106)
);
pushPrimaryTreeSuspenseHandler(workInProgress);
return mountSuspensePrimaryChildren(
@@ -11218,8 +11218,8 @@ __DEV__ &&
}
var prevState = current.memoizedState;
if (null !== prevState) {
var JSCompiler_object_inline_componentStack_3112 = prevState.dehydrated;
if (null !== JSCompiler_object_inline_componentStack_3112) {
var JSCompiler_object_inline_componentStack_3107 = prevState.dehydrated;
if (null !== JSCompiler_object_inline_componentStack_3107) {
if (didSuspend)
workInProgress.flags & 256
? (pushPrimaryTreeSuspenseHandler(workInProgress),
@@ -11236,13 +11236,13 @@ __DEV__ &&
(workInProgress = null))
: (reuseSuspenseHandlerOnStack(workInProgress),
(nextPrimaryChildren =
JSCompiler_object_inline_stack_3111.fallback),
JSCompiler_object_inline_stack_3106.fallback),
(nextFallbackChildren = workInProgress.mode),
(JSCompiler_object_inline_stack_3111 =
(JSCompiler_object_inline_stack_3106 =
mountWorkInProgressOffscreenFiber(
{
mode: "visible",
children: JSCompiler_object_inline_stack_3111.children
children: JSCompiler_object_inline_stack_3106.children
},
nextFallbackChildren
)),
@@ -11253,30 +11253,30 @@ __DEV__ &&
null
)),
(nextPrimaryChildren.flags |= 2),
(JSCompiler_object_inline_stack_3111.return = workInProgress),
(JSCompiler_object_inline_stack_3106.return = workInProgress),
(nextPrimaryChildren.return = workInProgress),
(JSCompiler_object_inline_stack_3111.sibling =
(JSCompiler_object_inline_stack_3106.sibling =
nextPrimaryChildren),
(workInProgress.child = JSCompiler_object_inline_stack_3111),
(workInProgress.child = JSCompiler_object_inline_stack_3106),
reconcileChildFibers(
workInProgress,
current.child,
null,
renderLanes
),
(JSCompiler_object_inline_stack_3111 = workInProgress.child),
(JSCompiler_object_inline_stack_3111.memoizedState =
(JSCompiler_object_inline_stack_3106 = workInProgress.child),
(JSCompiler_object_inline_stack_3106.memoizedState =
mountSuspenseOffscreenState(renderLanes)),
(JSCompiler_object_inline_stack_3111.childLanes =
(JSCompiler_object_inline_stack_3106.childLanes =
getRemainingWorkInPrimaryTree(
current,
JSCompiler_object_inline_digest_3110,
JSCompiler_object_inline_digest_3105,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
(workInProgress = bailoutOffscreenComponent(
null,
JSCompiler_object_inline_stack_3111
JSCompiler_object_inline_stack_3106
)));
else if (
(pushPrimaryTreeSuspenseHandler(workInProgress),
@@ -11284,45 +11284,45 @@ __DEV__ &&
0 !== (renderLanes & 536870912) &&
markRenderDerivedCause(workInProgress),
isSuspenseInstanceFallback(
JSCompiler_object_inline_componentStack_3112
JSCompiler_object_inline_componentStack_3107
))
) {
JSCompiler_object_inline_digest_3110 =
JSCompiler_object_inline_componentStack_3112.nextSibling &&
JSCompiler_object_inline_componentStack_3112.nextSibling.dataset;
if (JSCompiler_object_inline_digest_3110) {
nextPrimaryChildren = JSCompiler_object_inline_digest_3110.dgst;
var message = JSCompiler_object_inline_digest_3110.msg;
nextFallbackChildren = JSCompiler_object_inline_digest_3110.stck;
var componentStack = JSCompiler_object_inline_digest_3110.cstck;
JSCompiler_object_inline_digest_3105 =
JSCompiler_object_inline_componentStack_3107.nextSibling &&
JSCompiler_object_inline_componentStack_3107.nextSibling.dataset;
if (JSCompiler_object_inline_digest_3105) {
nextPrimaryChildren = JSCompiler_object_inline_digest_3105.dgst;
var message = JSCompiler_object_inline_digest_3105.msg;
nextFallbackChildren = JSCompiler_object_inline_digest_3105.stck;
var componentStack = JSCompiler_object_inline_digest_3105.cstck;
}
JSCompiler_object_inline_message_3109 = message;
JSCompiler_object_inline_digest_3110 = nextPrimaryChildren;
JSCompiler_object_inline_stack_3111 = nextFallbackChildren;
JSCompiler_object_inline_componentStack_3112 = componentStack;
nextPrimaryChildren = JSCompiler_object_inline_message_3109;
nextFallbackChildren = JSCompiler_object_inline_componentStack_3112;
JSCompiler_object_inline_message_3104 = message;
JSCompiler_object_inline_digest_3105 = nextPrimaryChildren;
JSCompiler_object_inline_stack_3106 = nextFallbackChildren;
JSCompiler_object_inline_componentStack_3107 = componentStack;
nextPrimaryChildren = JSCompiler_object_inline_message_3104;
nextFallbackChildren = JSCompiler_object_inline_componentStack_3107;
nextPrimaryChildren = nextPrimaryChildren
? Error(nextPrimaryChildren)
: Error(
"The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
);
nextPrimaryChildren.stack =
JSCompiler_object_inline_stack_3111 || "";
nextPrimaryChildren.digest = JSCompiler_object_inline_digest_3110;
JSCompiler_object_inline_digest_3110 =
JSCompiler_object_inline_stack_3106 || "";
nextPrimaryChildren.digest = JSCompiler_object_inline_digest_3105;
JSCompiler_object_inline_digest_3105 =
void 0 === nextFallbackChildren ? null : nextFallbackChildren;
JSCompiler_object_inline_stack_3111 = {
JSCompiler_object_inline_stack_3106 = {
value: nextPrimaryChildren,
source: null,
stack: JSCompiler_object_inline_digest_3110
stack: JSCompiler_object_inline_digest_3105
};
"string" === typeof JSCompiler_object_inline_digest_3110 &&
"string" === typeof JSCompiler_object_inline_digest_3105 &&
CapturedStacks.set(
nextPrimaryChildren,
JSCompiler_object_inline_stack_3111
JSCompiler_object_inline_stack_3106
);
queueHydrationError(JSCompiler_object_inline_stack_3111);
queueHydrationError(JSCompiler_object_inline_stack_3106);
workInProgress = retrySuspenseComponentWithoutHydrating(
current,
workInProgress,
@@ -11336,35 +11336,35 @@ __DEV__ &&
renderLanes,
!1
),
(JSCompiler_object_inline_digest_3110 =
(JSCompiler_object_inline_digest_3105 =
0 !== (renderLanes & current.childLanes)),
didReceiveUpdate || JSCompiler_object_inline_digest_3110)
didReceiveUpdate || JSCompiler_object_inline_digest_3105)
) {
JSCompiler_object_inline_digest_3110 = workInProgressRoot;
JSCompiler_object_inline_digest_3105 = workInProgressRoot;
if (
null !== JSCompiler_object_inline_digest_3110 &&
((JSCompiler_object_inline_stack_3111 = getBumpedLaneForHydration(
JSCompiler_object_inline_digest_3110,
null !== JSCompiler_object_inline_digest_3105 &&
((JSCompiler_object_inline_stack_3106 = getBumpedLaneForHydration(
JSCompiler_object_inline_digest_3105,
renderLanes
)),
0 !== JSCompiler_object_inline_stack_3111 &&
JSCompiler_object_inline_stack_3111 !== prevState.retryLane)
0 !== JSCompiler_object_inline_stack_3106 &&
JSCompiler_object_inline_stack_3106 !== prevState.retryLane)
)
throw (
((prevState.retryLane = JSCompiler_object_inline_stack_3111),
((prevState.retryLane = JSCompiler_object_inline_stack_3106),
enqueueConcurrentRenderForLane(
current,
JSCompiler_object_inline_stack_3111
JSCompiler_object_inline_stack_3106
),
scheduleUpdateOnFiber(
JSCompiler_object_inline_digest_3110,
JSCompiler_object_inline_digest_3105,
current,
JSCompiler_object_inline_stack_3111
JSCompiler_object_inline_stack_3106
),
SelectiveHydrationException)
);
isSuspenseInstancePending(
JSCompiler_object_inline_componentStack_3112
JSCompiler_object_inline_componentStack_3107
) || renderDidSuspendDelayIfPossible();
workInProgress = retrySuspenseComponentWithoutHydrating(
current,
@@ -11373,14 +11373,14 @@ __DEV__ &&
);
} else
isSuspenseInstancePending(
JSCompiler_object_inline_componentStack_3112
JSCompiler_object_inline_componentStack_3107
)
? ((workInProgress.flags |= 192),
(workInProgress.child = current.child),
(workInProgress = null))
: ((current = prevState.treeContext),
(nextHydratableInstance = getNextHydratable(
JSCompiler_object_inline_componentStack_3112.nextSibling
JSCompiler_object_inline_componentStack_3107.nextSibling
)),
(hydrationParentFiber = workInProgress),
(isHydrating = !0),
@@ -11392,32 +11392,32 @@ __DEV__ &&
restoreSuspendedTreeContext(workInProgress, current),
(workInProgress = mountSuspensePrimaryChildren(
workInProgress,
JSCompiler_object_inline_stack_3111.children
JSCompiler_object_inline_stack_3106.children
)),
(workInProgress.flags |= 4096));
return workInProgress;
}
}
if (JSCompiler_object_inline_message_3109)
if (JSCompiler_object_inline_message_3104)
return (
reuseSuspenseHandlerOnStack(workInProgress),
(nextPrimaryChildren = JSCompiler_object_inline_stack_3111.fallback),
(nextPrimaryChildren = JSCompiler_object_inline_stack_3106.fallback),
(nextFallbackChildren = workInProgress.mode),
(componentStack = current.child),
(JSCompiler_object_inline_componentStack_3112 =
(JSCompiler_object_inline_componentStack_3107 =
componentStack.sibling),
(JSCompiler_object_inline_stack_3111 = createWorkInProgress(
(JSCompiler_object_inline_stack_3106 = createWorkInProgress(
componentStack,
{
mode: "hidden",
children: JSCompiler_object_inline_stack_3111.children
children: JSCompiler_object_inline_stack_3106.children
}
)),
(JSCompiler_object_inline_stack_3111.subtreeFlags =
(JSCompiler_object_inline_stack_3106.subtreeFlags =
componentStack.subtreeFlags & 65011712),
null !== JSCompiler_object_inline_componentStack_3112
null !== JSCompiler_object_inline_componentStack_3107
? (nextPrimaryChildren = createWorkInProgress(
JSCompiler_object_inline_componentStack_3112,
JSCompiler_object_inline_componentStack_3107,
nextPrimaryChildren
))
: ((nextPrimaryChildren = createFiberFromFragment(
@@ -11428,11 +11428,11 @@ __DEV__ &&
)),
(nextPrimaryChildren.flags |= 2)),
(nextPrimaryChildren.return = workInProgress),
(JSCompiler_object_inline_stack_3111.return = workInProgress),
(JSCompiler_object_inline_stack_3111.sibling = nextPrimaryChildren),
(workInProgress.child = JSCompiler_object_inline_stack_3111),
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3111),
(JSCompiler_object_inline_stack_3111 = workInProgress.child),
(JSCompiler_object_inline_stack_3106.return = workInProgress),
(JSCompiler_object_inline_stack_3106.sibling = nextPrimaryChildren),
(workInProgress.child = JSCompiler_object_inline_stack_3106),
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3106),
(JSCompiler_object_inline_stack_3106 = workInProgress.child),
(nextPrimaryChildren = current.child.memoizedState),
null === nextPrimaryChildren
? (nextPrimaryChildren = mountSuspenseOffscreenState(renderLanes))
@@ -11448,7 +11448,7 @@ __DEV__ &&
baseLanes: nextPrimaryChildren.baseLanes | renderLanes,
cachePool: nextFallbackChildren
})),
(JSCompiler_object_inline_stack_3111.memoizedState =
(JSCompiler_object_inline_stack_3106.memoizedState =
nextPrimaryChildren),
enableTransitionTracing &&
((nextPrimaryChildren = enableTransitionTracing
@@ -11459,37 +11459,37 @@ __DEV__ &&
? markerInstanceStack.current
: null),
(componentStack =
JSCompiler_object_inline_stack_3111.updateQueue),
(JSCompiler_object_inline_componentStack_3112 =
JSCompiler_object_inline_stack_3106.updateQueue),
(JSCompiler_object_inline_componentStack_3107 =
current.updateQueue),
null === componentStack
? (JSCompiler_object_inline_stack_3111.updateQueue = {
? (JSCompiler_object_inline_stack_3106.updateQueue = {
transitions: nextPrimaryChildren,
markerInstances: nextFallbackChildren,
retryQueue: null
})
: componentStack ===
JSCompiler_object_inline_componentStack_3112
? (JSCompiler_object_inline_stack_3111.updateQueue = {
JSCompiler_object_inline_componentStack_3107
? (JSCompiler_object_inline_stack_3106.updateQueue = {
transitions: nextPrimaryChildren,
markerInstances: nextFallbackChildren,
retryQueue:
null !== JSCompiler_object_inline_componentStack_3112
? JSCompiler_object_inline_componentStack_3112.retryQueue
null !== JSCompiler_object_inline_componentStack_3107
? JSCompiler_object_inline_componentStack_3107.retryQueue
: null
})
: ((componentStack.transitions = nextPrimaryChildren),
(componentStack.markerInstances = nextFallbackChildren)))),
(JSCompiler_object_inline_stack_3111.childLanes =
(JSCompiler_object_inline_stack_3106.childLanes =
getRemainingWorkInPrimaryTree(
current,
JSCompiler_object_inline_digest_3110,
JSCompiler_object_inline_digest_3105,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
bailoutOffscreenComponent(
current.child,
JSCompiler_object_inline_stack_3111
JSCompiler_object_inline_stack_3106
)
);
null !== prevState &&
@@ -11501,16 +11501,16 @@ __DEV__ &&
current = renderLanes.sibling;
renderLanes = createWorkInProgress(renderLanes, {
mode: "visible",
children: JSCompiler_object_inline_stack_3111.children
children: JSCompiler_object_inline_stack_3106.children
});
renderLanes.return = workInProgress;
renderLanes.sibling = null;
null !== current &&
((JSCompiler_object_inline_digest_3110 = workInProgress.deletions),
null === JSCompiler_object_inline_digest_3110
((JSCompiler_object_inline_digest_3105 = workInProgress.deletions),
null === JSCompiler_object_inline_digest_3105
? ((workInProgress.deletions = [current]),
(workInProgress.flags |= 16))
: JSCompiler_object_inline_digest_3110.push(current));
: JSCompiler_object_inline_digest_3105.push(current));
workInProgress.child = renderLanes;
workInProgress.memoizedState = null;
return renderLanes;
@@ -11575,6 +11575,16 @@ __DEV__ &&
propagationRoot
);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -11602,6 +11612,15 @@ __DEV__ &&
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -11619,6 +11638,7 @@ __DEV__ &&
if (
null != revealOrder &&
"forwards" !== revealOrder &&
"backwards" !== revealOrder &&
"unstable_legacy-backwards" !== revealOrder &&
"together" !== revealOrder &&
"independent" !== revealOrder &&
@@ -11626,12 +11646,8 @@ __DEV__ &&
)
if (
((didWarnAboutRevealOrder[suspenseContext] = !0),
"backwards" === revealOrder)
"string" === typeof revealOrder)
)
console.error(
'The rendering order of <SuspenseList revealOrder="backwards"> is changing. To be future compatible you must specify revealOrder="legacy_unstable-backwards" instead.'
);
else if ("string" === typeof revealOrder)
switch (revealOrder.toLowerCase()) {
case "together":
case "forwards":
@@ -11723,7 +11739,11 @@ __DEV__ &&
'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
revealOrder
);
reconcileChildren(current, workInProgress, newChildren, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, newChildren, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, newChildren, renderLanes);
isHydrating
? (warnIfNotHydrating(), (newChildren = treeForkCount))
: (newChildren = 0);
@@ -11750,6 +11770,22 @@ __DEV__ &&
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
newChildren
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -11787,27 +11823,20 @@ __DEV__ &&
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
newChildren
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
newChildren
);
}
return workInProgress.child;
}
@@ -32926,11 +32955,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.3.0-www-classic-26cf2804-20251031" !== isomorphicReactPackageVersion)
if ("19.3.0-www-classic-488d88b0-20251031" !== 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.3.0-www-classic-26cf2804-20251031\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.3.0-www-classic-488d88b0-20251031\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -32973,10 +33002,10 @@ __DEV__ &&
!(function () {
var internals = {
bundleType: 1,
version: "19.3.0-www-classic-26cf2804-20251031",
version: "19.3.0-www-classic-488d88b0-20251031",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-classic-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-classic-488d88b0-20251031"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -33589,7 +33618,7 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.3.0-www-classic-26cf2804-20251031";
exports.version = "19.3.0-www-classic-488d88b0-20251031";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactDOM-dev.modern.js
+171 -142
View File
@@ -10902,24 +10902,24 @@ __DEV__ &&
return current;
}
function updateSuspenseComponent(current, workInProgress, renderLanes) {
var JSCompiler_object_inline_digest_3105;
var JSCompiler_object_inline_stack_3106 = workInProgress.pendingProps;
var JSCompiler_object_inline_digest_3100;
var JSCompiler_object_inline_stack_3101 = workInProgress.pendingProps;
shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
var JSCompiler_object_inline_message_3104 = !1;
var JSCompiler_object_inline_message_3099 = !1;
var didSuspend = 0 !== (workInProgress.flags & 128);
(JSCompiler_object_inline_digest_3105 = didSuspend) ||
(JSCompiler_object_inline_digest_3105 =
(JSCompiler_object_inline_digest_3100 = didSuspend) ||
(JSCompiler_object_inline_digest_3100 =
null !== current && null === current.memoizedState
? !1
: 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
JSCompiler_object_inline_digest_3105 &&
((JSCompiler_object_inline_message_3104 = !0),
JSCompiler_object_inline_digest_3100 &&
((JSCompiler_object_inline_message_3099 = !0),
(workInProgress.flags &= -129));
JSCompiler_object_inline_digest_3105 = 0 !== (workInProgress.flags & 32);
JSCompiler_object_inline_digest_3100 = 0 !== (workInProgress.flags & 32);
workInProgress.flags &= -33;
if (null === current) {
if (isHydrating) {
JSCompiler_object_inline_message_3104
JSCompiler_object_inline_message_3099
? pushPrimaryTreeSuspenseHandler(workInProgress)
: reuseSuspenseHandlerOnStack(workInProgress);
(current = nextHydratableInstance)
@@ -10932,18 +10932,18 @@ __DEV__ &&
? renderLanes
: null),
null !== renderLanes &&
((JSCompiler_object_inline_digest_3105 = {
((JSCompiler_object_inline_digest_3100 = {
dehydrated: renderLanes,
treeContext: getSuspendedTreeContext(),
retryLane: 536870912,
hydrationErrors: null
}),
(workInProgress.memoizedState =
JSCompiler_object_inline_digest_3105),
(JSCompiler_object_inline_digest_3105 =
JSCompiler_object_inline_digest_3100),
(JSCompiler_object_inline_digest_3100 =
createFiberFromDehydratedFragment(renderLanes)),
(JSCompiler_object_inline_digest_3105.return = workInProgress),
(workInProgress.child = JSCompiler_object_inline_digest_3105),
(JSCompiler_object_inline_digest_3100.return = workInProgress),
(workInProgress.child = JSCompiler_object_inline_digest_3100),
(hydrationParentFiber = workInProgress),
(nextHydratableInstance = null)))
: (renderLanes = null);
@@ -10957,9 +10957,9 @@ __DEV__ &&
: (workInProgress.lanes = 536870912);
return null;
}
var nextPrimaryChildren = JSCompiler_object_inline_stack_3106.children,
nextFallbackChildren = JSCompiler_object_inline_stack_3106.fallback;
if (JSCompiler_object_inline_message_3104)
var nextPrimaryChildren = JSCompiler_object_inline_stack_3101.children,
nextFallbackChildren = JSCompiler_object_inline_stack_3101.fallback;
if (JSCompiler_object_inline_message_3099)
return (
reuseSuspenseHandlerOnStack(workInProgress),
mountSuspenseFallbackChildren(
@@ -10968,13 +10968,13 @@ __DEV__ &&
nextFallbackChildren,
renderLanes
),
(JSCompiler_object_inline_stack_3106 = workInProgress.child),
(JSCompiler_object_inline_stack_3106.memoizedState =
(JSCompiler_object_inline_stack_3101 = workInProgress.child),
(JSCompiler_object_inline_stack_3101.memoizedState =
mountSuspenseOffscreenState(renderLanes)),
(JSCompiler_object_inline_stack_3106.childLanes =
(JSCompiler_object_inline_stack_3101.childLanes =
getRemainingWorkInPrimaryTree(
current,
JSCompiler_object_inline_digest_3105,
JSCompiler_object_inline_digest_3100,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
@@ -10986,20 +10986,20 @@ __DEV__ &&
((current = enableTransitionTracing
? markerInstanceStack.current
: null),
(renderLanes = JSCompiler_object_inline_stack_3106.updateQueue),
(renderLanes = JSCompiler_object_inline_stack_3101.updateQueue),
null === renderLanes
? (JSCompiler_object_inline_stack_3106.updateQueue = {
? (JSCompiler_object_inline_stack_3101.updateQueue = {
transitions: workInProgress,
markerInstances: current,
retryQueue: null
})
: ((renderLanes.transitions = workInProgress),
(renderLanes.markerInstances = current)))),
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3106)
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3101)
);
if (
"number" ===
typeof JSCompiler_object_inline_stack_3106.unstable_expectedLoadTime
typeof JSCompiler_object_inline_stack_3101.unstable_expectedLoadTime
)
return (
reuseSuspenseHandlerOnStack(workInProgress),
@@ -11009,18 +11009,18 @@ __DEV__ &&
nextFallbackChildren,
renderLanes
),
(JSCompiler_object_inline_stack_3106 = workInProgress.child),
(JSCompiler_object_inline_stack_3106.memoizedState =
(JSCompiler_object_inline_stack_3101 = workInProgress.child),
(JSCompiler_object_inline_stack_3101.memoizedState =
mountSuspenseOffscreenState(renderLanes)),
(JSCompiler_object_inline_stack_3106.childLanes =
(JSCompiler_object_inline_stack_3101.childLanes =
getRemainingWorkInPrimaryTree(
current,
JSCompiler_object_inline_digest_3105,
JSCompiler_object_inline_digest_3100,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
(workInProgress.lanes = 4194304),
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3106)
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3101)
);
pushPrimaryTreeSuspenseHandler(workInProgress);
return mountSuspensePrimaryChildren(
@@ -11030,8 +11030,8 @@ __DEV__ &&
}
var prevState = current.memoizedState;
if (null !== prevState) {
var JSCompiler_object_inline_componentStack_3107 = prevState.dehydrated;
if (null !== JSCompiler_object_inline_componentStack_3107) {
var JSCompiler_object_inline_componentStack_3102 = prevState.dehydrated;
if (null !== JSCompiler_object_inline_componentStack_3102) {
if (didSuspend)
workInProgress.flags & 256
? (pushPrimaryTreeSuspenseHandler(workInProgress),
@@ -11048,13 +11048,13 @@ __DEV__ &&
(workInProgress = null))
: (reuseSuspenseHandlerOnStack(workInProgress),
(nextPrimaryChildren =
JSCompiler_object_inline_stack_3106.fallback),
JSCompiler_object_inline_stack_3101.fallback),
(nextFallbackChildren = workInProgress.mode),
(JSCompiler_object_inline_stack_3106 =
(JSCompiler_object_inline_stack_3101 =
mountWorkInProgressOffscreenFiber(
{
mode: "visible",
children: JSCompiler_object_inline_stack_3106.children
children: JSCompiler_object_inline_stack_3101.children
},
nextFallbackChildren
)),
@@ -11065,30 +11065,30 @@ __DEV__ &&
null
)),
(nextPrimaryChildren.flags |= 2),
(JSCompiler_object_inline_stack_3106.return = workInProgress),
(JSCompiler_object_inline_stack_3101.return = workInProgress),
(nextPrimaryChildren.return = workInProgress),
(JSCompiler_object_inline_stack_3106.sibling =
(JSCompiler_object_inline_stack_3101.sibling =
nextPrimaryChildren),
(workInProgress.child = JSCompiler_object_inline_stack_3106),
(workInProgress.child = JSCompiler_object_inline_stack_3101),
reconcileChildFibers(
workInProgress,
current.child,
null,
renderLanes
),
(JSCompiler_object_inline_stack_3106 = workInProgress.child),
(JSCompiler_object_inline_stack_3106.memoizedState =
(JSCompiler_object_inline_stack_3101 = workInProgress.child),
(JSCompiler_object_inline_stack_3101.memoizedState =
mountSuspenseOffscreenState(renderLanes)),
(JSCompiler_object_inline_stack_3106.childLanes =
(JSCompiler_object_inline_stack_3101.childLanes =
getRemainingWorkInPrimaryTree(
current,
JSCompiler_object_inline_digest_3105,
JSCompiler_object_inline_digest_3100,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
(workInProgress = bailoutOffscreenComponent(
null,
JSCompiler_object_inline_stack_3106
JSCompiler_object_inline_stack_3101
)));
else if (
(pushPrimaryTreeSuspenseHandler(workInProgress),
@@ -11096,45 +11096,45 @@ __DEV__ &&
0 !== (renderLanes & 536870912) &&
markRenderDerivedCause(workInProgress),
isSuspenseInstanceFallback(
JSCompiler_object_inline_componentStack_3107
JSCompiler_object_inline_componentStack_3102
))
) {
JSCompiler_object_inline_digest_3105 =
JSCompiler_object_inline_componentStack_3107.nextSibling &&
JSCompiler_object_inline_componentStack_3107.nextSibling.dataset;
if (JSCompiler_object_inline_digest_3105) {
nextPrimaryChildren = JSCompiler_object_inline_digest_3105.dgst;
var message = JSCompiler_object_inline_digest_3105.msg;
nextFallbackChildren = JSCompiler_object_inline_digest_3105.stck;
var componentStack = JSCompiler_object_inline_digest_3105.cstck;
JSCompiler_object_inline_digest_3100 =
JSCompiler_object_inline_componentStack_3102.nextSibling &&
JSCompiler_object_inline_componentStack_3102.nextSibling.dataset;
if (JSCompiler_object_inline_digest_3100) {
nextPrimaryChildren = JSCompiler_object_inline_digest_3100.dgst;
var message = JSCompiler_object_inline_digest_3100.msg;
nextFallbackChildren = JSCompiler_object_inline_digest_3100.stck;
var componentStack = JSCompiler_object_inline_digest_3100.cstck;
}
JSCompiler_object_inline_message_3104 = message;
JSCompiler_object_inline_digest_3105 = nextPrimaryChildren;
JSCompiler_object_inline_stack_3106 = nextFallbackChildren;
JSCompiler_object_inline_componentStack_3107 = componentStack;
nextPrimaryChildren = JSCompiler_object_inline_message_3104;
nextFallbackChildren = JSCompiler_object_inline_componentStack_3107;
JSCompiler_object_inline_message_3099 = message;
JSCompiler_object_inline_digest_3100 = nextPrimaryChildren;
JSCompiler_object_inline_stack_3101 = nextFallbackChildren;
JSCompiler_object_inline_componentStack_3102 = componentStack;
nextPrimaryChildren = JSCompiler_object_inline_message_3099;
nextFallbackChildren = JSCompiler_object_inline_componentStack_3102;
nextPrimaryChildren = nextPrimaryChildren
? Error(nextPrimaryChildren)
: Error(
"The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
);
nextPrimaryChildren.stack =
JSCompiler_object_inline_stack_3106 || "";
nextPrimaryChildren.digest = JSCompiler_object_inline_digest_3105;
JSCompiler_object_inline_digest_3105 =
JSCompiler_object_inline_stack_3101 || "";
nextPrimaryChildren.digest = JSCompiler_object_inline_digest_3100;
JSCompiler_object_inline_digest_3100 =
void 0 === nextFallbackChildren ? null : nextFallbackChildren;
JSCompiler_object_inline_stack_3106 = {
JSCompiler_object_inline_stack_3101 = {
value: nextPrimaryChildren,
source: null,
stack: JSCompiler_object_inline_digest_3105
stack: JSCompiler_object_inline_digest_3100
};
"string" === typeof JSCompiler_object_inline_digest_3105 &&
"string" === typeof JSCompiler_object_inline_digest_3100 &&
CapturedStacks.set(
nextPrimaryChildren,
JSCompiler_object_inline_stack_3106
JSCompiler_object_inline_stack_3101
);
queueHydrationError(JSCompiler_object_inline_stack_3106);
queueHydrationError(JSCompiler_object_inline_stack_3101);
workInProgress = retrySuspenseComponentWithoutHydrating(
current,
workInProgress,
@@ -11148,35 +11148,35 @@ __DEV__ &&
renderLanes,
!1
),
(JSCompiler_object_inline_digest_3105 =
(JSCompiler_object_inline_digest_3100 =
0 !== (renderLanes & current.childLanes)),
didReceiveUpdate || JSCompiler_object_inline_digest_3105)
didReceiveUpdate || JSCompiler_object_inline_digest_3100)
) {
JSCompiler_object_inline_digest_3105 = workInProgressRoot;
JSCompiler_object_inline_digest_3100 = workInProgressRoot;
if (
null !== JSCompiler_object_inline_digest_3105 &&
((JSCompiler_object_inline_stack_3106 = getBumpedLaneForHydration(
JSCompiler_object_inline_digest_3105,
null !== JSCompiler_object_inline_digest_3100 &&
((JSCompiler_object_inline_stack_3101 = getBumpedLaneForHydration(
JSCompiler_object_inline_digest_3100,
renderLanes
)),
0 !== JSCompiler_object_inline_stack_3106 &&
JSCompiler_object_inline_stack_3106 !== prevState.retryLane)
0 !== JSCompiler_object_inline_stack_3101 &&
JSCompiler_object_inline_stack_3101 !== prevState.retryLane)
)
throw (
((prevState.retryLane = JSCompiler_object_inline_stack_3106),
((prevState.retryLane = JSCompiler_object_inline_stack_3101),
enqueueConcurrentRenderForLane(
current,
JSCompiler_object_inline_stack_3106
JSCompiler_object_inline_stack_3101
),
scheduleUpdateOnFiber(
JSCompiler_object_inline_digest_3105,
JSCompiler_object_inline_digest_3100,
current,
JSCompiler_object_inline_stack_3106
JSCompiler_object_inline_stack_3101
),
SelectiveHydrationException)
);
isSuspenseInstancePending(
JSCompiler_object_inline_componentStack_3107
JSCompiler_object_inline_componentStack_3102
) || renderDidSuspendDelayIfPossible();
workInProgress = retrySuspenseComponentWithoutHydrating(
current,
@@ -11185,14 +11185,14 @@ __DEV__ &&
);
} else
isSuspenseInstancePending(
JSCompiler_object_inline_componentStack_3107
JSCompiler_object_inline_componentStack_3102
)
? ((workInProgress.flags |= 192),
(workInProgress.child = current.child),
(workInProgress = null))
: ((current = prevState.treeContext),
(nextHydratableInstance = getNextHydratable(
JSCompiler_object_inline_componentStack_3107.nextSibling
JSCompiler_object_inline_componentStack_3102.nextSibling
)),
(hydrationParentFiber = workInProgress),
(isHydrating = !0),
@@ -11204,32 +11204,32 @@ __DEV__ &&
restoreSuspendedTreeContext(workInProgress, current),
(workInProgress = mountSuspensePrimaryChildren(
workInProgress,
JSCompiler_object_inline_stack_3106.children
JSCompiler_object_inline_stack_3101.children
)),
(workInProgress.flags |= 4096));
return workInProgress;
}
}
if (JSCompiler_object_inline_message_3104)
if (JSCompiler_object_inline_message_3099)
return (
reuseSuspenseHandlerOnStack(workInProgress),
(nextPrimaryChildren = JSCompiler_object_inline_stack_3106.fallback),
(nextPrimaryChildren = JSCompiler_object_inline_stack_3101.fallback),
(nextFallbackChildren = workInProgress.mode),
(componentStack = current.child),
(JSCompiler_object_inline_componentStack_3107 =
(JSCompiler_object_inline_componentStack_3102 =
componentStack.sibling),
(JSCompiler_object_inline_stack_3106 = createWorkInProgress(
(JSCompiler_object_inline_stack_3101 = createWorkInProgress(
componentStack,
{
mode: "hidden",
children: JSCompiler_object_inline_stack_3106.children
children: JSCompiler_object_inline_stack_3101.children
}
)),
(JSCompiler_object_inline_stack_3106.subtreeFlags =
(JSCompiler_object_inline_stack_3101.subtreeFlags =
componentStack.subtreeFlags & 65011712),
null !== JSCompiler_object_inline_componentStack_3107
null !== JSCompiler_object_inline_componentStack_3102
? (nextPrimaryChildren = createWorkInProgress(
JSCompiler_object_inline_componentStack_3107,
JSCompiler_object_inline_componentStack_3102,
nextPrimaryChildren
))
: ((nextPrimaryChildren = createFiberFromFragment(
@@ -11240,11 +11240,11 @@ __DEV__ &&
)),
(nextPrimaryChildren.flags |= 2)),
(nextPrimaryChildren.return = workInProgress),
(JSCompiler_object_inline_stack_3106.return = workInProgress),
(JSCompiler_object_inline_stack_3106.sibling = nextPrimaryChildren),
(workInProgress.child = JSCompiler_object_inline_stack_3106),
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3106),
(JSCompiler_object_inline_stack_3106 = workInProgress.child),
(JSCompiler_object_inline_stack_3101.return = workInProgress),
(JSCompiler_object_inline_stack_3101.sibling = nextPrimaryChildren),
(workInProgress.child = JSCompiler_object_inline_stack_3101),
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3101),
(JSCompiler_object_inline_stack_3101 = workInProgress.child),
(nextPrimaryChildren = current.child.memoizedState),
null === nextPrimaryChildren
? (nextPrimaryChildren = mountSuspenseOffscreenState(renderLanes))
@@ -11260,7 +11260,7 @@ __DEV__ &&
baseLanes: nextPrimaryChildren.baseLanes | renderLanes,
cachePool: nextFallbackChildren
})),
(JSCompiler_object_inline_stack_3106.memoizedState =
(JSCompiler_object_inline_stack_3101.memoizedState =
nextPrimaryChildren),
enableTransitionTracing &&
((nextPrimaryChildren = enableTransitionTracing
@@ -11271,37 +11271,37 @@ __DEV__ &&
? markerInstanceStack.current
: null),
(componentStack =
JSCompiler_object_inline_stack_3106.updateQueue),
(JSCompiler_object_inline_componentStack_3107 =
JSCompiler_object_inline_stack_3101.updateQueue),
(JSCompiler_object_inline_componentStack_3102 =
current.updateQueue),
null === componentStack
? (JSCompiler_object_inline_stack_3106.updateQueue = {
? (JSCompiler_object_inline_stack_3101.updateQueue = {
transitions: nextPrimaryChildren,
markerInstances: nextFallbackChildren,
retryQueue: null
})
: componentStack ===
JSCompiler_object_inline_componentStack_3107
? (JSCompiler_object_inline_stack_3106.updateQueue = {
JSCompiler_object_inline_componentStack_3102
? (JSCompiler_object_inline_stack_3101.updateQueue = {
transitions: nextPrimaryChildren,
markerInstances: nextFallbackChildren,
retryQueue:
null !== JSCompiler_object_inline_componentStack_3107
? JSCompiler_object_inline_componentStack_3107.retryQueue
null !== JSCompiler_object_inline_componentStack_3102
? JSCompiler_object_inline_componentStack_3102.retryQueue
: null
})
: ((componentStack.transitions = nextPrimaryChildren),
(componentStack.markerInstances = nextFallbackChildren)))),
(JSCompiler_object_inline_stack_3106.childLanes =
(JSCompiler_object_inline_stack_3101.childLanes =
getRemainingWorkInPrimaryTree(
current,
JSCompiler_object_inline_digest_3105,
JSCompiler_object_inline_digest_3100,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
bailoutOffscreenComponent(
current.child,
JSCompiler_object_inline_stack_3106
JSCompiler_object_inline_stack_3101
)
);
null !== prevState &&
@@ -11313,16 +11313,16 @@ __DEV__ &&
current = renderLanes.sibling;
renderLanes = createWorkInProgress(renderLanes, {
mode: "visible",
children: JSCompiler_object_inline_stack_3106.children
children: JSCompiler_object_inline_stack_3101.children
});
renderLanes.return = workInProgress;
renderLanes.sibling = null;
null !== current &&
((JSCompiler_object_inline_digest_3105 = workInProgress.deletions),
null === JSCompiler_object_inline_digest_3105
((JSCompiler_object_inline_digest_3100 = workInProgress.deletions),
null === JSCompiler_object_inline_digest_3100
? ((workInProgress.deletions = [current]),
(workInProgress.flags |= 16))
: JSCompiler_object_inline_digest_3105.push(current));
: JSCompiler_object_inline_digest_3100.push(current));
workInProgress.child = renderLanes;
workInProgress.memoizedState = null;
return renderLanes;
@@ -11387,6 +11387,16 @@ __DEV__ &&
propagationRoot
);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -11414,6 +11424,15 @@ __DEV__ &&
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -11431,6 +11450,7 @@ __DEV__ &&
if (
null != revealOrder &&
"forwards" !== revealOrder &&
"backwards" !== revealOrder &&
"unstable_legacy-backwards" !== revealOrder &&
"together" !== revealOrder &&
"independent" !== revealOrder &&
@@ -11438,12 +11458,8 @@ __DEV__ &&
)
if (
((didWarnAboutRevealOrder[suspenseContext] = !0),
"backwards" === revealOrder)
"string" === typeof revealOrder)
)
console.error(
'The rendering order of <SuspenseList revealOrder="backwards"> is changing. To be future compatible you must specify revealOrder="legacy_unstable-backwards" instead.'
);
else if ("string" === typeof revealOrder)
switch (revealOrder.toLowerCase()) {
case "together":
case "forwards":
@@ -11535,7 +11551,11 @@ __DEV__ &&
'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
revealOrder
);
reconcileChildren(current, workInProgress, newChildren, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, newChildren, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, newChildren, renderLanes);
isHydrating
? (warnIfNotHydrating(), (newChildren = treeForkCount))
: (newChildren = 0);
@@ -11562,6 +11582,22 @@ __DEV__ &&
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
newChildren
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -11599,27 +11635,20 @@ __DEV__ &&
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
newChildren
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
newChildren
);
}
return workInProgress.child;
}
@@ -32711,11 +32740,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.3.0-www-modern-26cf2804-20251031" !== isomorphicReactPackageVersion)
if ("19.3.0-www-modern-488d88b0-20251031" !== 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.3.0-www-modern-26cf2804-20251031\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.3.0-www-modern-488d88b0-20251031\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -32758,10 +32787,10 @@ __DEV__ &&
!(function () {
var internals = {
bundleType: 1,
version: "19.3.0-www-modern-26cf2804-20251031",
version: "19.3.0-www-modern-488d88b0-20251031",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-modern-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-modern-488d88b0-20251031"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -33374,7 +33403,7 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.3.0-www-modern-26cf2804-20251031";
exports.version = "19.3.0-www-modern-488d88b0-20251031";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactDOM-prod.classic.js
+239 -207
View File
@@ -7141,6 +7141,16 @@ function scheduleSuspenseWorkOnFiber(fiber, renderLanes, propagationRoot) {
null !== alternate && (alternate.lanes |= renderLanes);
scheduleContextWorkOnParentPath(fiber.return, renderLanes, propagationRoot);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -7168,6 +7178,15 @@ function initSuspenseListRenderState(
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -7180,7 +7199,11 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
(workInProgress.flags |= 128))
: (suspenseContext &= 1);
push(suspenseStackCursor, suspenseContext);
reconcileChildren(current, workInProgress, nextProps, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, nextProps, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, nextProps, renderLanes);
nextProps = isHydrating ? treeForkCount : 0;
if (!shouldForceFallback && null !== current && 0 !== (current.flags & 128))
a: for (current = workInProgress.child; null !== current; ) {
@@ -7205,6 +7228,21 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child), (workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
nextProps
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -7242,25 +7280,19 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child), (workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
nextProps
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
nextProps
);
}
return workInProgress.child;
}
@@ -7341,9 +7373,9 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
);
break;
case 13:
var state$115 = workInProgress.memoizedState;
if (null !== state$115) {
if (null !== state$115.dehydrated)
var state$117 = workInProgress.memoizedState;
if (null !== state$117) {
if (null !== state$117.dehydrated)
return (
pushPrimaryTreeSuspenseHandler(workInProgress),
(workInProgress.flags |= 128),
@@ -7363,17 +7395,17 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
break;
case 19:
var didSuspendBefore = 0 !== (current.flags & 128);
state$115 = 0 !== (renderLanes & workInProgress.childLanes);
state$115 ||
state$117 = 0 !== (renderLanes & workInProgress.childLanes);
state$117 ||
(propagateParentContextChanges(
current,
workInProgress,
renderLanes,
!1
),
(state$115 = 0 !== (renderLanes & workInProgress.childLanes)));
(state$117 = 0 !== (renderLanes & workInProgress.childLanes)));
if (didSuspendBefore) {
if (state$115)
if (state$117)
return updateSuspenseListComponent(
current,
workInProgress,
@@ -7387,7 +7419,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
(didSuspendBefore.tail = null),
(didSuspendBefore.lastEffect = null));
push(suspenseStackCursor, suspenseStackCursor.current);
if (state$115) break;
if (state$117) break;
else return null;
case 22:
return (
@@ -7404,8 +7436,8 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
break;
case 25:
if (enableTransitionTracing) {
state$115 = workInProgress.stateNode;
null !== state$115 && pushMarkerInstance(workInProgress, state$115);
state$117 = workInProgress.stateNode;
null !== state$117 && pushMarkerInstance(workInProgress, state$117);
break;
}
case 23:
@@ -8146,19 +8178,19 @@ function bubbleProperties(completedWork) {
newChildLanes = 0,
subtreeFlags = 0;
if (didBailout)
for (var child$120 = completedWork.child; null !== child$120; )
(newChildLanes |= child$120.lanes | child$120.childLanes),
(subtreeFlags |= child$120.subtreeFlags & 65011712),
(subtreeFlags |= child$120.flags & 65011712),
(child$120.return = completedWork),
(child$120 = child$120.sibling);
for (var child$122 = completedWork.child; null !== child$122; )
(newChildLanes |= child$122.lanes | child$122.childLanes),
(subtreeFlags |= child$122.subtreeFlags & 65011712),
(subtreeFlags |= child$122.flags & 65011712),
(child$122.return = completedWork),
(child$122 = child$122.sibling);
else
for (child$120 = completedWork.child; null !== child$120; )
(newChildLanes |= child$120.lanes | child$120.childLanes),
(subtreeFlags |= child$120.subtreeFlags),
(subtreeFlags |= child$120.flags),
(child$120.return = completedWork),
(child$120 = child$120.sibling);
for (child$122 = completedWork.child; null !== child$122; )
(newChildLanes |= child$122.lanes | child$122.childLanes),
(subtreeFlags |= child$122.subtreeFlags),
(subtreeFlags |= child$122.flags),
(child$122.return = completedWork),
(child$122 = child$122.sibling);
completedWork.subtreeFlags |= subtreeFlags;
completedWork.childLanes = newChildLanes;
return didBailout;
@@ -9009,8 +9041,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
else if ("function" === typeof ref)
try {
ref(null);
} catch (error$156) {
captureCommitPhaseError(current, nearestMountedAncestor, error$156);
} catch (error$158) {
captureCommitPhaseError(current, nearestMountedAncestor, error$158);
}
else ref.current = null;
}
@@ -9661,7 +9693,7 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) {
selection = selection.focusOffset;
try {
JSCompiler_temp.nodeType, focusNode.nodeType;
} catch (e$207) {
} catch (e$209) {
JSCompiler_temp = null;
break a;
}
@@ -9924,11 +9956,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
current,
finishedRoot.__reactInternalSnapshotBeforeUpdate
);
} catch (error$154) {
} catch (error$156) {
captureCommitPhaseError(
finishedWork,
finishedWork.return,
error$154
error$156
);
}
}
@@ -10889,15 +10921,15 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) {
retryQueue = null !== current && null !== current.memoizedState;
var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden,
prevOffscreenDirectParentIsHidden$172 = offscreenDirectParentIsHidden;
prevOffscreenDirectParentIsHidden$174 = offscreenDirectParentIsHidden;
offscreenSubtreeIsHidden =
prevOffscreenSubtreeIsHidden || suspenseCallback;
offscreenDirectParentIsHidden =
prevOffscreenDirectParentIsHidden$172 || suspenseCallback;
prevOffscreenDirectParentIsHidden$174 || suspenseCallback;
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden || retryQueue;
recursivelyTraverseMutationEffects(root, finishedWork, lanes);
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$172;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$174;
offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
commitReconciliationEffects(finishedWork);
if (
@@ -11083,25 +11115,25 @@ function commitReconciliationEffects(finishedWork) {
);
break;
case 5:
var parent$157 = hostParentFiber.stateNode;
var parent$159 = hostParentFiber.stateNode;
hostParentFiber.flags & 32 &&
(setTextContent(parent$157, ""), (hostParentFiber.flags &= -33));
var before$158 = getHostSibling(finishedWork);
(setTextContent(parent$159, ""), (hostParentFiber.flags &= -33));
var before$160 = getHostSibling(finishedWork);
insertOrAppendPlacementNode(
finishedWork,
before$158,
parent$157,
before$160,
parent$159,
parentFragmentInstances
);
break;
case 3:
case 4:
var parent$159 = hostParentFiber.stateNode.containerInfo,
before$160 = getHostSibling(finishedWork);
var parent$161 = hostParentFiber.stateNode.containerInfo,
before$162 = getHostSibling(finishedWork);
insertOrAppendPlacementNodeIntoContainer(
finishedWork,
before$160,
parent$159,
before$162,
parent$161,
parentFragmentInstances
);
break;
@@ -11691,14 +11723,14 @@ function commitPassiveMountOnFiber(
);
break;
case 22:
var instance$178 = finishedWork.stateNode,
current$179 = finishedWork.alternate;
var instance$180 = finishedWork.stateNode,
current$181 = finishedWork.alternate;
null !== finishedWork.memoizedState
? (isViewTransitionEligible &&
null !== current$179 &&
null === current$179.memoizedState &&
restoreEnterOrExitViewTransitions(current$179),
instance$178._visibility & 2
null !== current$181 &&
null === current$181.memoizedState &&
restoreEnterOrExitViewTransitions(current$181),
instance$180._visibility & 2
? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
@@ -11710,17 +11742,17 @@ function commitPassiveMountOnFiber(
finishedWork
))
: (isViewTransitionEligible &&
null !== current$179 &&
null !== current$179.memoizedState &&
null !== current$181 &&
null !== current$181.memoizedState &&
restoreEnterOrExitViewTransitions(finishedWork),
instance$178._visibility & 2
instance$180._visibility & 2
? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
)
: ((instance$178._visibility |= 2),
: ((instance$180._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -11730,9 +11762,9 @@ function commitPassiveMountOnFiber(
)));
flags & 2048 &&
commitOffscreenPassiveMountEffects(
current$179,
current$181,
finishedWork,
instance$178
instance$180
);
break;
case 24:
@@ -11828,9 +11860,9 @@ function recursivelyTraverseReconnectPassiveEffects(
);
break;
case 22:
var instance$182 = finishedWork.stateNode;
var instance$184 = finishedWork.stateNode;
null !== finishedWork.memoizedState
? instance$182._visibility & 2
? instance$184._visibility & 2
? recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -11842,7 +11874,7 @@ function recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork
)
: ((instance$182._visibility |= 2),
: ((instance$184._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -11855,7 +11887,7 @@ function recursivelyTraverseReconnectPassiveEffects(
commitOffscreenPassiveMountEffects(
finishedWork.alternate,
finishedWork,
instance$182
instance$184
);
break;
case 24:
@@ -12952,8 +12984,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) {
workLoopSync();
exitStatus = workInProgressRootExitStatus;
break;
} catch (thrownValue$195) {
handleThrow(root, thrownValue$195);
} catch (thrownValue$197) {
handleThrow(root, thrownValue$197);
}
while (1);
lanes && root.shellSuspendCounter++;
@@ -13072,8 +13104,8 @@ function renderRootConcurrent(root, lanes) {
}
workLoopConcurrentByScheduler();
break;
} catch (thrownValue$197) {
handleThrow(root, thrownValue$197);
} catch (thrownValue$199) {
handleThrow(root, thrownValue$199);
}
while (1);
lastContextDependency = currentlyRenderingFiber$1 = null;
@@ -15230,20 +15262,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) {
(nativeEventTarget[internalScrollTimer] = targetInst));
}
for (
var i$jscomp$inline_1849 = 0;
i$jscomp$inline_1849 < simpleEventPluginEvents.length;
i$jscomp$inline_1849++
var i$jscomp$inline_1845 = 0;
i$jscomp$inline_1845 < simpleEventPluginEvents.length;
i$jscomp$inline_1845++
) {
var eventName$jscomp$inline_1850 =
simpleEventPluginEvents[i$jscomp$inline_1849],
domEventName$jscomp$inline_1851 =
eventName$jscomp$inline_1850.toLowerCase(),
capitalizedEvent$jscomp$inline_1852 =
eventName$jscomp$inline_1850[0].toUpperCase() +
eventName$jscomp$inline_1850.slice(1);
var eventName$jscomp$inline_1846 =
simpleEventPluginEvents[i$jscomp$inline_1845],
domEventName$jscomp$inline_1847 =
eventName$jscomp$inline_1846.toLowerCase(),
capitalizedEvent$jscomp$inline_1848 =
eventName$jscomp$inline_1846[0].toUpperCase() +
eventName$jscomp$inline_1846.slice(1);
registerSimpleEvent(
domEventName$jscomp$inline_1851,
"on" + capitalizedEvent$jscomp$inline_1852
domEventName$jscomp$inline_1847,
"on" + capitalizedEvent$jscomp$inline_1848
);
}
registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -16587,34 +16619,34 @@ function setInitialProperties(domElement, tag, props) {
defaultChecked = null;
for (hasSrc in props)
if (props.hasOwnProperty(hasSrc)) {
var propValue$221 = props[hasSrc];
if (null != propValue$221)
var propValue$223 = props[hasSrc];
if (null != propValue$223)
switch (hasSrc) {
case "name":
hasSrcSet = propValue$221;
hasSrcSet = propValue$223;
break;
case "type":
propValue = propValue$221;
propValue = propValue$223;
break;
case "checked":
checked = propValue$221;
checked = propValue$223;
break;
case "defaultChecked":
defaultChecked = propValue$221;
defaultChecked = propValue$223;
break;
case "value":
propKey = propValue$221;
propKey = propValue$223;
break;
case "defaultValue":
defaultValue = propValue$221;
defaultValue = propValue$223;
break;
case "children":
case "dangerouslySetInnerHTML":
if (null != propValue$221)
if (null != propValue$223)
throw Error(formatProdErrorMessage(137, tag));
break;
default:
setProp(domElement, tag, hasSrc, propValue$221, props, null);
setProp(domElement, tag, hasSrc, propValue$223, props, null);
}
}
initInput(
@@ -16751,14 +16783,14 @@ function setInitialProperties(domElement, tag, props) {
return;
default:
if (isCustomElement(tag)) {
for (propValue$221 in props)
props.hasOwnProperty(propValue$221) &&
((hasSrc = props[propValue$221]),
for (propValue$223 in props)
props.hasOwnProperty(propValue$223) &&
((hasSrc = props[propValue$223]),
void 0 !== hasSrc &&
setPropOnCustomElement(
domElement,
tag,
propValue$221,
propValue$223,
hasSrc,
props,
void 0
@@ -16806,14 +16838,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(domElement, tag, propKey, null, nextProps, lastProp);
}
}
for (var propKey$238 in nextProps) {
var propKey = nextProps[propKey$238];
lastProp = lastProps[propKey$238];
for (var propKey$240 in nextProps) {
var propKey = nextProps[propKey$240];
lastProp = lastProps[propKey$240];
if (
nextProps.hasOwnProperty(propKey$238) &&
nextProps.hasOwnProperty(propKey$240) &&
(null != propKey || null != lastProp)
)
switch (propKey$238) {
switch (propKey$240) {
case "type":
propKey !== lastProp && trackHostMutation();
type = propKey;
@@ -16848,7 +16880,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(
domElement,
tag,
propKey$238,
propKey$240,
propKey,
nextProps,
lastProp
@@ -16867,7 +16899,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
);
return;
case "select":
propKey = value = defaultValue = propKey$238 = null;
propKey = value = defaultValue = propKey$240 = null;
for (type in lastProps)
if (
((lastDefaultValue = lastProps[type]),
@@ -16899,7 +16931,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
switch (name) {
case "value":
type !== lastDefaultValue && trackHostMutation();
propKey$238 = type;
propKey$240 = type;
break;
case "defaultValue":
type !== lastDefaultValue && trackHostMutation();
@@ -16921,15 +16953,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
tag = defaultValue;
lastProps = value;
nextProps = propKey;
null != propKey$238
? updateOptions(domElement, !!lastProps, propKey$238, !1)
null != propKey$240
? updateOptions(domElement, !!lastProps, propKey$240, !1)
: !!nextProps !== !!lastProps &&
(null != tag
? updateOptions(domElement, !!lastProps, tag, !0)
: updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1));
return;
case "textarea":
propKey = propKey$238 = null;
propKey = propKey$240 = null;
for (defaultValue in lastProps)
if (
((name = lastProps[defaultValue]),
@@ -16954,7 +16986,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
switch (value) {
case "value":
name !== type && trackHostMutation();
propKey$238 = name;
propKey$240 = name;
break;
case "defaultValue":
name !== type && trackHostMutation();
@@ -16969,17 +17001,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
name !== type &&
setProp(domElement, tag, value, name, nextProps, type);
}
updateTextarea(domElement, propKey$238, propKey);
updateTextarea(domElement, propKey$240, propKey);
return;
case "option":
for (var propKey$254 in lastProps)
for (var propKey$256 in lastProps)
if (
((propKey$238 = lastProps[propKey$254]),
lastProps.hasOwnProperty(propKey$254) &&
null != propKey$238 &&
!nextProps.hasOwnProperty(propKey$254))
((propKey$240 = lastProps[propKey$256]),
lastProps.hasOwnProperty(propKey$256) &&
null != propKey$240 &&
!nextProps.hasOwnProperty(propKey$256))
)
switch (propKey$254) {
switch (propKey$256) {
case "selected":
domElement.selected = !1;
break;
@@ -16987,34 +17019,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(
domElement,
tag,
propKey$254,
propKey$256,
null,
nextProps,
propKey$238
propKey$240
);
}
for (lastDefaultValue in nextProps)
if (
((propKey$238 = nextProps[lastDefaultValue]),
((propKey$240 = nextProps[lastDefaultValue]),
(propKey = lastProps[lastDefaultValue]),
nextProps.hasOwnProperty(lastDefaultValue) &&
propKey$238 !== propKey &&
(null != propKey$238 || null != propKey))
propKey$240 !== propKey &&
(null != propKey$240 || null != propKey))
)
switch (lastDefaultValue) {
case "selected":
propKey$238 !== propKey && trackHostMutation();
propKey$240 !== propKey && trackHostMutation();
domElement.selected =
propKey$238 &&
"function" !== typeof propKey$238 &&
"symbol" !== typeof propKey$238;
propKey$240 &&
"function" !== typeof propKey$240 &&
"symbol" !== typeof propKey$240;
break;
default:
setProp(
domElement,
tag,
lastDefaultValue,
propKey$238,
propKey$240,
nextProps,
propKey
);
@@ -17035,24 +17067,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
case "track":
case "wbr":
case "menuitem":
for (var propKey$259 in lastProps)
(propKey$238 = lastProps[propKey$259]),
lastProps.hasOwnProperty(propKey$259) &&
null != propKey$238 &&
!nextProps.hasOwnProperty(propKey$259) &&
setProp(domElement, tag, propKey$259, null, nextProps, propKey$238);
for (var propKey$261 in lastProps)
(propKey$240 = lastProps[propKey$261]),
lastProps.hasOwnProperty(propKey$261) &&
null != propKey$240 &&
!nextProps.hasOwnProperty(propKey$261) &&
setProp(domElement, tag, propKey$261, null, nextProps, propKey$240);
for (checked in nextProps)
if (
((propKey$238 = nextProps[checked]),
((propKey$240 = nextProps[checked]),
(propKey = lastProps[checked]),
nextProps.hasOwnProperty(checked) &&
propKey$238 !== propKey &&
(null != propKey$238 || null != propKey))
propKey$240 !== propKey &&
(null != propKey$240 || null != propKey))
)
switch (checked) {
case "children":
case "dangerouslySetInnerHTML":
if (null != propKey$238)
if (null != propKey$240)
throw Error(formatProdErrorMessage(137, tag));
break;
default:
@@ -17060,7 +17092,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
domElement,
tag,
checked,
propKey$238,
propKey$240,
nextProps,
propKey
);
@@ -17068,49 +17100,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
return;
default:
if (isCustomElement(tag)) {
for (var propKey$264 in lastProps)
(propKey$238 = lastProps[propKey$264]),
lastProps.hasOwnProperty(propKey$264) &&
void 0 !== propKey$238 &&
!nextProps.hasOwnProperty(propKey$264) &&
for (var propKey$266 in lastProps)
(propKey$240 = lastProps[propKey$266]),
lastProps.hasOwnProperty(propKey$266) &&
void 0 !== propKey$240 &&
!nextProps.hasOwnProperty(propKey$266) &&
setPropOnCustomElement(
domElement,
tag,
propKey$264,
propKey$266,
void 0,
nextProps,
propKey$238
propKey$240
);
for (defaultChecked in nextProps)
(propKey$238 = nextProps[defaultChecked]),
(propKey$240 = nextProps[defaultChecked]),
(propKey = lastProps[defaultChecked]),
!nextProps.hasOwnProperty(defaultChecked) ||
propKey$238 === propKey ||
(void 0 === propKey$238 && void 0 === propKey) ||
propKey$240 === propKey ||
(void 0 === propKey$240 && void 0 === propKey) ||
setPropOnCustomElement(
domElement,
tag,
defaultChecked,
propKey$238,
propKey$240,
nextProps,
propKey
);
return;
}
}
for (var propKey$269 in lastProps)
(propKey$238 = lastProps[propKey$269]),
lastProps.hasOwnProperty(propKey$269) &&
null != propKey$238 &&
!nextProps.hasOwnProperty(propKey$269) &&
setProp(domElement, tag, propKey$269, null, nextProps, propKey$238);
for (var propKey$271 in lastProps)
(propKey$240 = lastProps[propKey$271]),
lastProps.hasOwnProperty(propKey$271) &&
null != propKey$240 &&
!nextProps.hasOwnProperty(propKey$271) &&
setProp(domElement, tag, propKey$271, null, nextProps, propKey$240);
for (lastProp in nextProps)
(propKey$238 = nextProps[lastProp]),
(propKey$240 = nextProps[lastProp]),
(propKey = lastProps[lastProp]),
!nextProps.hasOwnProperty(lastProp) ||
propKey$238 === propKey ||
(null == propKey$238 && null == propKey) ||
setProp(domElement, tag, lastProp, propKey$238, nextProps, propKey);
propKey$240 === propKey ||
(null == propKey$240 && null == propKey) ||
setProp(domElement, tag, lastProp, propKey$240, nextProps, propKey);
}
function isLikelyStaticResource(initiatorType) {
switch (initiatorType) {
@@ -18734,26 +18766,26 @@ function getResource(type, currentProps, pendingProps, currentResource) {
"string" === typeof pendingProps.precedence
) {
type = getStyleKey(pendingProps.href);
var styles$285 = getResourcesFromRoot(
var styles$287 = getResourcesFromRoot(
JSCompiler_inline_result
).hoistableStyles,
resource$286 = styles$285.get(type);
resource$286 ||
resource$288 = styles$287.get(type);
resource$288 ||
((JSCompiler_inline_result =
JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result),
(resource$286 = {
(resource$288 = {
type: "stylesheet",
instance: null,
count: 0,
state: { loading: 0, preload: null }
}),
styles$285.set(type, resource$286),
(styles$285 = JSCompiler_inline_result.querySelector(
styles$287.set(type, resource$288),
(styles$287 = JSCompiler_inline_result.querySelector(
getStylesheetSelectorFromKey(type)
)) &&
!styles$285._p &&
((resource$286.instance = styles$285),
(resource$286.state.loading = 5)),
!styles$287._p &&
((resource$288.instance = styles$287),
(resource$288.state.loading = 5)),
preloadPropsMap.has(type) ||
((pendingProps = {
rel: "preload",
@@ -18766,16 +18798,16 @@ function getResource(type, currentProps, pendingProps, currentResource) {
referrerPolicy: pendingProps.referrerPolicy
}),
preloadPropsMap.set(type, pendingProps),
styles$285 ||
styles$287 ||
preloadStylesheet(
JSCompiler_inline_result,
type,
pendingProps,
resource$286.state
resource$288.state
)));
if (currentProps && null === currentResource)
throw Error(formatProdErrorMessage(528, ""));
return resource$286;
return resource$288;
}
if (currentProps && null !== currentResource)
throw Error(formatProdErrorMessage(529, ""));
@@ -18872,37 +18904,37 @@ function acquireResource(hoistableRoot, resource, props) {
return (resource.instance = instance);
case "stylesheet":
styleProps = getStyleKey(props.href);
var instance$291 = hoistableRoot.querySelector(
var instance$293 = hoistableRoot.querySelector(
getStylesheetSelectorFromKey(styleProps)
);
if (instance$291)
if (instance$293)
return (
(resource.state.loading |= 4),
(resource.instance = instance$291),
markNodeAsHoistable(instance$291),
instance$291
(resource.instance = instance$293),
markNodeAsHoistable(instance$293),
instance$293
);
instance = stylesheetPropsFromRawProps(props);
(styleProps = preloadPropsMap.get(styleProps)) &&
adoptPreloadPropsForStylesheet(instance, styleProps);
instance$291 = (
instance$293 = (
hoistableRoot.ownerDocument || hoistableRoot
).createElement("link");
markNodeAsHoistable(instance$291);
var linkInstance = instance$291;
markNodeAsHoistable(instance$293);
var linkInstance = instance$293;
linkInstance._p = new Promise(function (resolve, reject) {
linkInstance.onload = resolve;
linkInstance.onerror = reject;
});
setInitialProperties(instance$291, "link", instance);
setInitialProperties(instance$293, "link", instance);
resource.state.loading |= 4;
insertStylesheet(instance$291, props.precedence, hoistableRoot);
return (resource.instance = instance$291);
insertStylesheet(instance$293, props.precedence, hoistableRoot);
return (resource.instance = instance$293);
case "script":
instance$291 = getScriptKey(props.src);
instance$293 = getScriptKey(props.src);
if (
(styleProps = hoistableRoot.querySelector(
getScriptSelectorFromKey(instance$291)
getScriptSelectorFromKey(instance$293)
))
)
return (
@@ -18911,7 +18943,7 @@ function acquireResource(hoistableRoot, resource, props) {
styleProps
);
instance = props;
if ((styleProps = preloadPropsMap.get(instance$291)))
if ((styleProps = preloadPropsMap.get(instance$293)))
(instance = assign({}, props)),
adoptPreloadPropsForScript(instance, styleProps);
hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -19976,16 +20008,16 @@ function getCrossOriginStringAs(as, input) {
if ("string" === typeof input)
return "use-credentials" === input ? input : "";
}
var isomorphicReactPackageVersion$jscomp$inline_2129 = React.version;
var isomorphicReactPackageVersion$jscomp$inline_2125 = React.version;
if (
"19.3.0-www-classic-26cf2804-20251031" !==
isomorphicReactPackageVersion$jscomp$inline_2129
"19.3.0-www-classic-488d88b0-20251031" !==
isomorphicReactPackageVersion$jscomp$inline_2125
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2129,
"19.3.0-www-classic-26cf2804-20251031"
isomorphicReactPackageVersion$jscomp$inline_2125,
"19.3.0-www-classic-488d88b0-20251031"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -20001,24 +20033,24 @@ Internals.Events = [
return fn(a);
}
];
var internals$jscomp$inline_2761 = {
var internals$jscomp$inline_2757 = {
bundleType: 0,
version: "19.3.0-www-classic-26cf2804-20251031",
version: "19.3.0-www-classic-488d88b0-20251031",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-classic-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-classic-488d88b0-20251031"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2762 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
var hook$jscomp$inline_2758 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
if (
!hook$jscomp$inline_2762.isDisabled &&
hook$jscomp$inline_2762.supportsFiber
!hook$jscomp$inline_2758.isDisabled &&
hook$jscomp$inline_2758.supportsFiber
)
try {
(rendererID = hook$jscomp$inline_2762.inject(
internals$jscomp$inline_2761
(rendererID = hook$jscomp$inline_2758.inject(
internals$jscomp$inline_2757
)),
(injectedHook = hook$jscomp$inline_2762);
(injectedHook = hook$jscomp$inline_2758);
} catch (err) {}
}
function defaultOnDefaultTransitionIndicator() {
@@ -20435,4 +20467,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.3.0-www-classic-26cf2804-20251031";
exports.version = "19.3.0-www-classic-488d88b0-20251031";
compiled/facebook-www/ReactDOM-prod.modern.js
+239 -207
View File
@@ -6909,6 +6909,16 @@ function scheduleSuspenseWorkOnFiber(fiber, renderLanes, propagationRoot) {
null !== alternate && (alternate.lanes |= renderLanes);
scheduleContextWorkOnParentPath(fiber.return, renderLanes, propagationRoot);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -6936,6 +6946,15 @@ function initSuspenseListRenderState(
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -6948,7 +6967,11 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
(workInProgress.flags |= 128))
: (suspenseContext &= 1);
push(suspenseStackCursor, suspenseContext);
reconcileChildren(current, workInProgress, nextProps, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, nextProps, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, nextProps, renderLanes);
nextProps = isHydrating ? treeForkCount : 0;
if (!shouldForceFallback && null !== current && 0 !== (current.flags & 128))
a: for (current = workInProgress.child; null !== current; ) {
@@ -6973,6 +6996,21 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child), (workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
nextProps
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -7010,25 +7048,19 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child), (workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
nextProps
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
nextProps
);
}
return workInProgress.child;
}
@@ -7105,9 +7137,9 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
);
break;
case 13:
var state$115 = workInProgress.memoizedState;
if (null !== state$115) {
if (null !== state$115.dehydrated)
var state$117 = workInProgress.memoizedState;
if (null !== state$117) {
if (null !== state$117.dehydrated)
return (
pushPrimaryTreeSuspenseHandler(workInProgress),
(workInProgress.flags |= 128),
@@ -7127,17 +7159,17 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
break;
case 19:
var didSuspendBefore = 0 !== (current.flags & 128);
state$115 = 0 !== (renderLanes & workInProgress.childLanes);
state$115 ||
state$117 = 0 !== (renderLanes & workInProgress.childLanes);
state$117 ||
(propagateParentContextChanges(
current,
workInProgress,
renderLanes,
!1
),
(state$115 = 0 !== (renderLanes & workInProgress.childLanes)));
(state$117 = 0 !== (renderLanes & workInProgress.childLanes)));
if (didSuspendBefore) {
if (state$115)
if (state$117)
return updateSuspenseListComponent(
current,
workInProgress,
@@ -7151,7 +7183,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
(didSuspendBefore.tail = null),
(didSuspendBefore.lastEffect = null));
push(suspenseStackCursor, suspenseStackCursor.current);
if (state$115) break;
if (state$117) break;
else return null;
case 22:
return (
@@ -7168,8 +7200,8 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
break;
case 25:
if (enableTransitionTracing) {
state$115 = workInProgress.stateNode;
null !== state$115 && pushMarkerInstance(workInProgress, state$115);
state$117 = workInProgress.stateNode;
null !== state$117 && pushMarkerInstance(workInProgress, state$117);
break;
}
case 23:
@@ -7910,19 +7942,19 @@ function bubbleProperties(completedWork) {
newChildLanes = 0,
subtreeFlags = 0;
if (didBailout)
for (var child$120 = completedWork.child; null !== child$120; )
(newChildLanes |= child$120.lanes | child$120.childLanes),
(subtreeFlags |= child$120.subtreeFlags & 65011712),
(subtreeFlags |= child$120.flags & 65011712),
(child$120.return = completedWork),
(child$120 = child$120.sibling);
for (var child$122 = completedWork.child; null !== child$122; )
(newChildLanes |= child$122.lanes | child$122.childLanes),
(subtreeFlags |= child$122.subtreeFlags & 65011712),
(subtreeFlags |= child$122.flags & 65011712),
(child$122.return = completedWork),
(child$122 = child$122.sibling);
else
for (child$120 = completedWork.child; null !== child$120; )
(newChildLanes |= child$120.lanes | child$120.childLanes),
(subtreeFlags |= child$120.subtreeFlags),
(subtreeFlags |= child$120.flags),
(child$120.return = completedWork),
(child$120 = child$120.sibling);
for (child$122 = completedWork.child; null !== child$122; )
(newChildLanes |= child$122.lanes | child$122.childLanes),
(subtreeFlags |= child$122.subtreeFlags),
(subtreeFlags |= child$122.flags),
(child$122.return = completedWork),
(child$122 = child$122.sibling);
completedWork.subtreeFlags |= subtreeFlags;
completedWork.childLanes = newChildLanes;
return didBailout;
@@ -8754,8 +8786,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
else if ("function" === typeof ref)
try {
ref(null);
} catch (error$156) {
captureCommitPhaseError(current, nearestMountedAncestor, error$156);
} catch (error$158) {
captureCommitPhaseError(current, nearestMountedAncestor, error$158);
}
else ref.current = null;
}
@@ -9406,7 +9438,7 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) {
selection = selection.focusOffset;
try {
JSCompiler_temp.nodeType, focusNode.nodeType;
} catch (e$207) {
} catch (e$209) {
JSCompiler_temp = null;
break a;
}
@@ -9669,11 +9701,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
current,
finishedRoot.__reactInternalSnapshotBeforeUpdate
);
} catch (error$154) {
} catch (error$156) {
captureCommitPhaseError(
finishedWork,
finishedWork.return,
error$154
error$156
);
}
}
@@ -10634,15 +10666,15 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) {
retryQueue = null !== current && null !== current.memoizedState;
var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden,
prevOffscreenDirectParentIsHidden$172 = offscreenDirectParentIsHidden;
prevOffscreenDirectParentIsHidden$174 = offscreenDirectParentIsHidden;
offscreenSubtreeIsHidden =
prevOffscreenSubtreeIsHidden || suspenseCallback;
offscreenDirectParentIsHidden =
prevOffscreenDirectParentIsHidden$172 || suspenseCallback;
prevOffscreenDirectParentIsHidden$174 || suspenseCallback;
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden || retryQueue;
recursivelyTraverseMutationEffects(root, finishedWork, lanes);
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$172;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$174;
offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
commitReconciliationEffects(finishedWork);
if (
@@ -10828,25 +10860,25 @@ function commitReconciliationEffects(finishedWork) {
);
break;
case 5:
var parent$157 = hostParentFiber.stateNode;
var parent$159 = hostParentFiber.stateNode;
hostParentFiber.flags & 32 &&
(setTextContent(parent$157, ""), (hostParentFiber.flags &= -33));
var before$158 = getHostSibling(finishedWork);
(setTextContent(parent$159, ""), (hostParentFiber.flags &= -33));
var before$160 = getHostSibling(finishedWork);
insertOrAppendPlacementNode(
finishedWork,
before$158,
parent$157,
before$160,
parent$159,
parentFragmentInstances
);
break;
case 3:
case 4:
var parent$159 = hostParentFiber.stateNode.containerInfo,
before$160 = getHostSibling(finishedWork);
var parent$161 = hostParentFiber.stateNode.containerInfo,
before$162 = getHostSibling(finishedWork);
insertOrAppendPlacementNodeIntoContainer(
finishedWork,
before$160,
parent$159,
before$162,
parent$161,
parentFragmentInstances
);
break;
@@ -11436,14 +11468,14 @@ function commitPassiveMountOnFiber(
);
break;
case 22:
var instance$178 = finishedWork.stateNode,
current$179 = finishedWork.alternate;
var instance$180 = finishedWork.stateNode,
current$181 = finishedWork.alternate;
null !== finishedWork.memoizedState
? (isViewTransitionEligible &&
null !== current$179 &&
null === current$179.memoizedState &&
restoreEnterOrExitViewTransitions(current$179),
instance$178._visibility & 2
null !== current$181 &&
null === current$181.memoizedState &&
restoreEnterOrExitViewTransitions(current$181),
instance$180._visibility & 2
? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
@@ -11455,17 +11487,17 @@ function commitPassiveMountOnFiber(
finishedWork
))
: (isViewTransitionEligible &&
null !== current$179 &&
null !== current$179.memoizedState &&
null !== current$181 &&
null !== current$181.memoizedState &&
restoreEnterOrExitViewTransitions(finishedWork),
instance$178._visibility & 2
instance$180._visibility & 2
? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
)
: ((instance$178._visibility |= 2),
: ((instance$180._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -11475,9 +11507,9 @@ function commitPassiveMountOnFiber(
)));
flags & 2048 &&
commitOffscreenPassiveMountEffects(
current$179,
current$181,
finishedWork,
instance$178
instance$180
);
break;
case 24:
@@ -11573,9 +11605,9 @@ function recursivelyTraverseReconnectPassiveEffects(
);
break;
case 22:
var instance$182 = finishedWork.stateNode;
var instance$184 = finishedWork.stateNode;
null !== finishedWork.memoizedState
? instance$182._visibility & 2
? instance$184._visibility & 2
? recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -11587,7 +11619,7 @@ function recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork
)
: ((instance$182._visibility |= 2),
: ((instance$184._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -11600,7 +11632,7 @@ function recursivelyTraverseReconnectPassiveEffects(
commitOffscreenPassiveMountEffects(
finishedWork.alternate,
finishedWork,
instance$182
instance$184
);
break;
case 24:
@@ -12697,8 +12729,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) {
workLoopSync();
exitStatus = workInProgressRootExitStatus;
break;
} catch (thrownValue$195) {
handleThrow(root, thrownValue$195);
} catch (thrownValue$197) {
handleThrow(root, thrownValue$197);
}
while (1);
lanes && root.shellSuspendCounter++;
@@ -12817,8 +12849,8 @@ function renderRootConcurrent(root, lanes) {
}
workLoopConcurrentByScheduler();
break;
} catch (thrownValue$197) {
handleThrow(root, thrownValue$197);
} catch (thrownValue$199) {
handleThrow(root, thrownValue$199);
}
while (1);
lastContextDependency = currentlyRenderingFiber$1 = null;
@@ -14964,20 +14996,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) {
(nativeEventTarget[internalScrollTimer] = targetInst));
}
for (
var i$jscomp$inline_1839 = 0;
i$jscomp$inline_1839 < simpleEventPluginEvents.length;
i$jscomp$inline_1839++
var i$jscomp$inline_1835 = 0;
i$jscomp$inline_1835 < simpleEventPluginEvents.length;
i$jscomp$inline_1835++
) {
var eventName$jscomp$inline_1840 =
simpleEventPluginEvents[i$jscomp$inline_1839],
domEventName$jscomp$inline_1841 =
eventName$jscomp$inline_1840.toLowerCase(),
capitalizedEvent$jscomp$inline_1842 =
eventName$jscomp$inline_1840[0].toUpperCase() +
eventName$jscomp$inline_1840.slice(1);
var eventName$jscomp$inline_1836 =
simpleEventPluginEvents[i$jscomp$inline_1835],
domEventName$jscomp$inline_1837 =
eventName$jscomp$inline_1836.toLowerCase(),
capitalizedEvent$jscomp$inline_1838 =
eventName$jscomp$inline_1836[0].toUpperCase() +
eventName$jscomp$inline_1836.slice(1);
registerSimpleEvent(
domEventName$jscomp$inline_1841,
"on" + capitalizedEvent$jscomp$inline_1842
domEventName$jscomp$inline_1837,
"on" + capitalizedEvent$jscomp$inline_1838
);
}
registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -16317,34 +16349,34 @@ function setInitialProperties(domElement, tag, props) {
defaultChecked = null;
for (hasSrc in props)
if (props.hasOwnProperty(hasSrc)) {
var propValue$221 = props[hasSrc];
if (null != propValue$221)
var propValue$223 = props[hasSrc];
if (null != propValue$223)
switch (hasSrc) {
case "name":
hasSrcSet = propValue$221;
hasSrcSet = propValue$223;
break;
case "type":
propKey = propValue$221;
propKey = propValue$223;
break;
case "checked":
checked = propValue$221;
checked = propValue$223;
break;
case "defaultChecked":
defaultChecked = propValue$221;
defaultChecked = propValue$223;
break;
case "value":
propValue = propValue$221;
propValue = propValue$223;
break;
case "defaultValue":
defaultValue = propValue$221;
defaultValue = propValue$223;
break;
case "children":
case "dangerouslySetInnerHTML":
if (null != propValue$221)
if (null != propValue$223)
throw Error(formatProdErrorMessage(137, tag));
break;
default:
setProp(domElement, tag, hasSrc, propValue$221, props, null);
setProp(domElement, tag, hasSrc, propValue$223, props, null);
}
}
initInput(
@@ -16480,14 +16512,14 @@ function setInitialProperties(domElement, tag, props) {
return;
default:
if (isCustomElement(tag)) {
for (propValue$221 in props)
props.hasOwnProperty(propValue$221) &&
((hasSrc = props[propValue$221]),
for (propValue$223 in props)
props.hasOwnProperty(propValue$223) &&
((hasSrc = props[propValue$223]),
void 0 !== hasSrc &&
setPropOnCustomElement(
domElement,
tag,
propValue$221,
propValue$223,
hasSrc,
props,
void 0
@@ -16535,14 +16567,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(domElement, tag, propKey, null, nextProps, lastProp);
}
}
for (var propKey$238 in nextProps) {
var propKey = nextProps[propKey$238];
lastProp = lastProps[propKey$238];
for (var propKey$240 in nextProps) {
var propKey = nextProps[propKey$240];
lastProp = lastProps[propKey$240];
if (
nextProps.hasOwnProperty(propKey$238) &&
nextProps.hasOwnProperty(propKey$240) &&
(null != propKey || null != lastProp)
)
switch (propKey$238) {
switch (propKey$240) {
case "type":
propKey !== lastProp && trackHostMutation();
type = propKey;
@@ -16577,7 +16609,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(
domElement,
tag,
propKey$238,
propKey$240,
propKey,
nextProps,
lastProp
@@ -16596,7 +16628,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
);
return;
case "select":
propKey = value = defaultValue = propKey$238 = null;
propKey = value = defaultValue = propKey$240 = null;
for (type in lastProps)
if (
((lastDefaultValue = lastProps[type]),
@@ -16628,7 +16660,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
switch (name) {
case "value":
type !== lastDefaultValue && trackHostMutation();
propKey$238 = type;
propKey$240 = type;
break;
case "defaultValue":
type !== lastDefaultValue && trackHostMutation();
@@ -16650,15 +16682,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
tag = defaultValue;
lastProps = value;
nextProps = propKey;
null != propKey$238
? updateOptions(domElement, !!lastProps, propKey$238, !1)
null != propKey$240
? updateOptions(domElement, !!lastProps, propKey$240, !1)
: !!nextProps !== !!lastProps &&
(null != tag
? updateOptions(domElement, !!lastProps, tag, !0)
: updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1));
return;
case "textarea":
propKey = propKey$238 = null;
propKey = propKey$240 = null;
for (defaultValue in lastProps)
if (
((name = lastProps[defaultValue]),
@@ -16683,7 +16715,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
switch (value) {
case "value":
name !== type && trackHostMutation();
propKey$238 = name;
propKey$240 = name;
break;
case "defaultValue":
name !== type && trackHostMutation();
@@ -16698,17 +16730,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
name !== type &&
setProp(domElement, tag, value, name, nextProps, type);
}
updateTextarea(domElement, propKey$238, propKey);
updateTextarea(domElement, propKey$240, propKey);
return;
case "option":
for (var propKey$254 in lastProps)
for (var propKey$256 in lastProps)
if (
((propKey$238 = lastProps[propKey$254]),
lastProps.hasOwnProperty(propKey$254) &&
null != propKey$238 &&
!nextProps.hasOwnProperty(propKey$254))
((propKey$240 = lastProps[propKey$256]),
lastProps.hasOwnProperty(propKey$256) &&
null != propKey$240 &&
!nextProps.hasOwnProperty(propKey$256))
)
switch (propKey$254) {
switch (propKey$256) {
case "selected":
domElement.selected = !1;
break;
@@ -16716,34 +16748,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(
domElement,
tag,
propKey$254,
propKey$256,
null,
nextProps,
propKey$238
propKey$240
);
}
for (lastDefaultValue in nextProps)
if (
((propKey$238 = nextProps[lastDefaultValue]),
((propKey$240 = nextProps[lastDefaultValue]),
(propKey = lastProps[lastDefaultValue]),
nextProps.hasOwnProperty(lastDefaultValue) &&
propKey$238 !== propKey &&
(null != propKey$238 || null != propKey))
propKey$240 !== propKey &&
(null != propKey$240 || null != propKey))
)
switch (lastDefaultValue) {
case "selected":
propKey$238 !== propKey && trackHostMutation();
propKey$240 !== propKey && trackHostMutation();
domElement.selected =
propKey$238 &&
"function" !== typeof propKey$238 &&
"symbol" !== typeof propKey$238;
propKey$240 &&
"function" !== typeof propKey$240 &&
"symbol" !== typeof propKey$240;
break;
default:
setProp(
domElement,
tag,
lastDefaultValue,
propKey$238,
propKey$240,
nextProps,
propKey
);
@@ -16764,24 +16796,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
case "track":
case "wbr":
case "menuitem":
for (var propKey$259 in lastProps)
(propKey$238 = lastProps[propKey$259]),
lastProps.hasOwnProperty(propKey$259) &&
null != propKey$238 &&
!nextProps.hasOwnProperty(propKey$259) &&
setProp(domElement, tag, propKey$259, null, nextProps, propKey$238);
for (var propKey$261 in lastProps)
(propKey$240 = lastProps[propKey$261]),
lastProps.hasOwnProperty(propKey$261) &&
null != propKey$240 &&
!nextProps.hasOwnProperty(propKey$261) &&
setProp(domElement, tag, propKey$261, null, nextProps, propKey$240);
for (checked in nextProps)
if (
((propKey$238 = nextProps[checked]),
((propKey$240 = nextProps[checked]),
(propKey = lastProps[checked]),
nextProps.hasOwnProperty(checked) &&
propKey$238 !== propKey &&
(null != propKey$238 || null != propKey))
propKey$240 !== propKey &&
(null != propKey$240 || null != propKey))
)
switch (checked) {
case "children":
case "dangerouslySetInnerHTML":
if (null != propKey$238)
if (null != propKey$240)
throw Error(formatProdErrorMessage(137, tag));
break;
default:
@@ -16789,7 +16821,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
domElement,
tag,
checked,
propKey$238,
propKey$240,
nextProps,
propKey
);
@@ -16797,49 +16829,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
return;
default:
if (isCustomElement(tag)) {
for (var propKey$264 in lastProps)
(propKey$238 = lastProps[propKey$264]),
lastProps.hasOwnProperty(propKey$264) &&
void 0 !== propKey$238 &&
!nextProps.hasOwnProperty(propKey$264) &&
for (var propKey$266 in lastProps)
(propKey$240 = lastProps[propKey$266]),
lastProps.hasOwnProperty(propKey$266) &&
void 0 !== propKey$240 &&
!nextProps.hasOwnProperty(propKey$266) &&
setPropOnCustomElement(
domElement,
tag,
propKey$264,
propKey$266,
void 0,
nextProps,
propKey$238
propKey$240
);
for (defaultChecked in nextProps)
(propKey$238 = nextProps[defaultChecked]),
(propKey$240 = nextProps[defaultChecked]),
(propKey = lastProps[defaultChecked]),
!nextProps.hasOwnProperty(defaultChecked) ||
propKey$238 === propKey ||
(void 0 === propKey$238 && void 0 === propKey) ||
propKey$240 === propKey ||
(void 0 === propKey$240 && void 0 === propKey) ||
setPropOnCustomElement(
domElement,
tag,
defaultChecked,
propKey$238,
propKey$240,
nextProps,
propKey
);
return;
}
}
for (var propKey$269 in lastProps)
(propKey$238 = lastProps[propKey$269]),
lastProps.hasOwnProperty(propKey$269) &&
null != propKey$238 &&
!nextProps.hasOwnProperty(propKey$269) &&
setProp(domElement, tag, propKey$269, null, nextProps, propKey$238);
for (var propKey$271 in lastProps)
(propKey$240 = lastProps[propKey$271]),
lastProps.hasOwnProperty(propKey$271) &&
null != propKey$240 &&
!nextProps.hasOwnProperty(propKey$271) &&
setProp(domElement, tag, propKey$271, null, nextProps, propKey$240);
for (lastProp in nextProps)
(propKey$238 = nextProps[lastProp]),
(propKey$240 = nextProps[lastProp]),
(propKey = lastProps[lastProp]),
!nextProps.hasOwnProperty(lastProp) ||
propKey$238 === propKey ||
(null == propKey$238 && null == propKey) ||
setProp(domElement, tag, lastProp, propKey$238, nextProps, propKey);
propKey$240 === propKey ||
(null == propKey$240 && null == propKey) ||
setProp(domElement, tag, lastProp, propKey$240, nextProps, propKey);
}
function isLikelyStaticResource(initiatorType) {
switch (initiatorType) {
@@ -18463,26 +18495,26 @@ function getResource(type, currentProps, pendingProps, currentResource) {
"string" === typeof pendingProps.precedence
) {
type = getStyleKey(pendingProps.href);
var styles$285 = getResourcesFromRoot(
var styles$287 = getResourcesFromRoot(
JSCompiler_inline_result
).hoistableStyles,
resource$286 = styles$285.get(type);
resource$286 ||
resource$288 = styles$287.get(type);
resource$288 ||
((JSCompiler_inline_result =
JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result),
(resource$286 = {
(resource$288 = {
type: "stylesheet",
instance: null,
count: 0,
state: { loading: 0, preload: null }
}),
styles$285.set(type, resource$286),
(styles$285 = JSCompiler_inline_result.querySelector(
styles$287.set(type, resource$288),
(styles$287 = JSCompiler_inline_result.querySelector(
getStylesheetSelectorFromKey(type)
)) &&
!styles$285._p &&
((resource$286.instance = styles$285),
(resource$286.state.loading = 5)),
!styles$287._p &&
((resource$288.instance = styles$287),
(resource$288.state.loading = 5)),
preloadPropsMap.has(type) ||
((pendingProps = {
rel: "preload",
@@ -18495,16 +18527,16 @@ function getResource(type, currentProps, pendingProps, currentResource) {
referrerPolicy: pendingProps.referrerPolicy
}),
preloadPropsMap.set(type, pendingProps),
styles$285 ||
styles$287 ||
preloadStylesheet(
JSCompiler_inline_result,
type,
pendingProps,
resource$286.state
resource$288.state
)));
if (currentProps && null === currentResource)
throw Error(formatProdErrorMessage(528, ""));
return resource$286;
return resource$288;
}
if (currentProps && null !== currentResource)
throw Error(formatProdErrorMessage(529, ""));
@@ -18601,37 +18633,37 @@ function acquireResource(hoistableRoot, resource, props) {
return (resource.instance = instance);
case "stylesheet":
styleProps = getStyleKey(props.href);
var instance$291 = hoistableRoot.querySelector(
var instance$293 = hoistableRoot.querySelector(
getStylesheetSelectorFromKey(styleProps)
);
if (instance$291)
if (instance$293)
return (
(resource.state.loading |= 4),
(resource.instance = instance$291),
markNodeAsHoistable(instance$291),
instance$291
(resource.instance = instance$293),
markNodeAsHoistable(instance$293),
instance$293
);
instance = stylesheetPropsFromRawProps(props);
(styleProps = preloadPropsMap.get(styleProps)) &&
adoptPreloadPropsForStylesheet(instance, styleProps);
instance$291 = (
instance$293 = (
hoistableRoot.ownerDocument || hoistableRoot
).createElement("link");
markNodeAsHoistable(instance$291);
var linkInstance = instance$291;
markNodeAsHoistable(instance$293);
var linkInstance = instance$293;
linkInstance._p = new Promise(function (resolve, reject) {
linkInstance.onload = resolve;
linkInstance.onerror = reject;
});
setInitialProperties(instance$291, "link", instance);
setInitialProperties(instance$293, "link", instance);
resource.state.loading |= 4;
insertStylesheet(instance$291, props.precedence, hoistableRoot);
return (resource.instance = instance$291);
insertStylesheet(instance$293, props.precedence, hoistableRoot);
return (resource.instance = instance$293);
case "script":
instance$291 = getScriptKey(props.src);
instance$293 = getScriptKey(props.src);
if (
(styleProps = hoistableRoot.querySelector(
getScriptSelectorFromKey(instance$291)
getScriptSelectorFromKey(instance$293)
))
)
return (
@@ -18640,7 +18672,7 @@ function acquireResource(hoistableRoot, resource, props) {
styleProps
);
instance = props;
if ((styleProps = preloadPropsMap.get(instance$291)))
if ((styleProps = preloadPropsMap.get(instance$293)))
(instance = assign({}, props)),
adoptPreloadPropsForScript(instance, styleProps);
hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -19705,16 +19737,16 @@ function getCrossOriginStringAs(as, input) {
if ("string" === typeof input)
return "use-credentials" === input ? input : "";
}
var isomorphicReactPackageVersion$jscomp$inline_2119 = React.version;
var isomorphicReactPackageVersion$jscomp$inline_2115 = React.version;
if (
"19.3.0-www-modern-26cf2804-20251031" !==
isomorphicReactPackageVersion$jscomp$inline_2119
"19.3.0-www-modern-488d88b0-20251031" !==
isomorphicReactPackageVersion$jscomp$inline_2115
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2119,
"19.3.0-www-modern-26cf2804-20251031"
isomorphicReactPackageVersion$jscomp$inline_2115,
"19.3.0-www-modern-488d88b0-20251031"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -19730,24 +19762,24 @@ Internals.Events = [
return fn(a);
}
];
var internals$jscomp$inline_2743 = {
var internals$jscomp$inline_2739 = {
bundleType: 0,
version: "19.3.0-www-modern-26cf2804-20251031",
version: "19.3.0-www-modern-488d88b0-20251031",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-modern-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-modern-488d88b0-20251031"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2744 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
var hook$jscomp$inline_2740 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
if (
!hook$jscomp$inline_2744.isDisabled &&
hook$jscomp$inline_2744.supportsFiber
!hook$jscomp$inline_2740.isDisabled &&
hook$jscomp$inline_2740.supportsFiber
)
try {
(rendererID = hook$jscomp$inline_2744.inject(
internals$jscomp$inline_2743
(rendererID = hook$jscomp$inline_2740.inject(
internals$jscomp$inline_2739
)),
(injectedHook = hook$jscomp$inline_2744);
(injectedHook = hook$jscomp$inline_2740);
} catch (err) {}
}
function defaultOnDefaultTransitionIndicator() {
@@ -20164,4 +20196,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.3.0-www-modern-26cf2804-20251031";
exports.version = "19.3.0-www-modern-488d88b0-20251031";
compiled/facebook-www/ReactDOM-profiling.classic.js
+263 -231
View File
@@ -7718,6 +7718,16 @@ function scheduleSuspenseWorkOnFiber(fiber, renderLanes, propagationRoot) {
null !== alternate && (alternate.lanes |= renderLanes);
scheduleContextWorkOnParentPath(fiber.return, renderLanes, propagationRoot);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -7745,6 +7755,15 @@ function initSuspenseListRenderState(
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -7757,7 +7776,11 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
(workInProgress.flags |= 128))
: (suspenseContext &= 1);
push(suspenseStackCursor, suspenseContext);
reconcileChildren(current, workInProgress, nextProps, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, nextProps, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, nextProps, renderLanes);
nextProps = isHydrating ? treeForkCount : 0;
if (!shouldForceFallback && null !== current && 0 !== (current.flags & 128))
a: for (current = workInProgress.child; null !== current; ) {
@@ -7782,6 +7805,21 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child), (workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
nextProps
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -7819,25 +7857,19 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child), (workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
nextProps
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
nextProps
);
}
return workInProgress.child;
}
@@ -8741,53 +8773,53 @@ function bubbleProperties(completedWork) {
if (didBailout)
if (0 !== (completedWork.mode & 2)) {
for (
var treeBaseDuration$131 = completedWork.selfBaseDuration,
child$132 = completedWork.child;
null !== child$132;
var treeBaseDuration$133 = completedWork.selfBaseDuration,
child$134 = completedWork.child;
null !== child$134;
)
(newChildLanes |= child$132.lanes | child$132.childLanes),
(subtreeFlags |= child$132.subtreeFlags & 65011712),
(subtreeFlags |= child$132.flags & 65011712),
(treeBaseDuration$131 += child$132.treeBaseDuration),
(child$132 = child$132.sibling);
completedWork.treeBaseDuration = treeBaseDuration$131;
(newChildLanes |= child$134.lanes | child$134.childLanes),
(subtreeFlags |= child$134.subtreeFlags & 65011712),
(subtreeFlags |= child$134.flags & 65011712),
(treeBaseDuration$133 += child$134.treeBaseDuration),
(child$134 = child$134.sibling);
completedWork.treeBaseDuration = treeBaseDuration$133;
} else
for (
treeBaseDuration$131 = completedWork.child;
null !== treeBaseDuration$131;
treeBaseDuration$133 = completedWork.child;
null !== treeBaseDuration$133;
)
(newChildLanes |=
treeBaseDuration$131.lanes | treeBaseDuration$131.childLanes),
(subtreeFlags |= treeBaseDuration$131.subtreeFlags & 65011712),
(subtreeFlags |= treeBaseDuration$131.flags & 65011712),
(treeBaseDuration$131.return = completedWork),
(treeBaseDuration$131 = treeBaseDuration$131.sibling);
treeBaseDuration$133.lanes | treeBaseDuration$133.childLanes),
(subtreeFlags |= treeBaseDuration$133.subtreeFlags & 65011712),
(subtreeFlags |= treeBaseDuration$133.flags & 65011712),
(treeBaseDuration$133.return = completedWork),
(treeBaseDuration$133 = treeBaseDuration$133.sibling);
else if (0 !== (completedWork.mode & 2)) {
treeBaseDuration$131 = completedWork.actualDuration;
child$132 = completedWork.selfBaseDuration;
treeBaseDuration$133 = completedWork.actualDuration;
child$134 = completedWork.selfBaseDuration;
for (var child = completedWork.child; null !== child; )
(newChildLanes |= child.lanes | child.childLanes),
(subtreeFlags |= child.subtreeFlags),
(subtreeFlags |= child.flags),
(treeBaseDuration$131 += child.actualDuration),
(child$132 += child.treeBaseDuration),
(treeBaseDuration$133 += child.actualDuration),
(child$134 += child.treeBaseDuration),
(child = child.sibling);
completedWork.actualDuration = treeBaseDuration$131;
completedWork.treeBaseDuration = child$132;
completedWork.actualDuration = treeBaseDuration$133;
completedWork.treeBaseDuration = child$134;
} else
for (
treeBaseDuration$131 = completedWork.child;
null !== treeBaseDuration$131;
treeBaseDuration$133 = completedWork.child;
null !== treeBaseDuration$133;
)
(newChildLanes |=
treeBaseDuration$131.lanes | treeBaseDuration$131.childLanes),
(subtreeFlags |= treeBaseDuration$131.subtreeFlags),
(subtreeFlags |= treeBaseDuration$131.flags),
(treeBaseDuration$131.return = completedWork),
(treeBaseDuration$131 = treeBaseDuration$131.sibling);
treeBaseDuration$133.lanes | treeBaseDuration$133.childLanes),
(subtreeFlags |= treeBaseDuration$133.subtreeFlags),
(subtreeFlags |= treeBaseDuration$133.flags),
(treeBaseDuration$133.return = completedWork),
(treeBaseDuration$133 = treeBaseDuration$133.sibling);
completedWork.subtreeFlags |= subtreeFlags;
completedWork.childLanes = newChildLanes;
return didBailout;
@@ -9749,8 +9781,8 @@ function safelyCallComponentWillUnmount(
} else
try {
instance.componentWillUnmount();
} catch (error$174) {
captureCommitPhaseError(current, nearestMountedAncestor, error$174);
} catch (error$176) {
captureCommitPhaseError(current, nearestMountedAncestor, error$176);
}
}
function safelyAttachRef(current, nearestMountedAncestor) {
@@ -9827,8 +9859,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
recordEffectDuration(current);
}
else ref(null);
} catch (error$176) {
captureCommitPhaseError(current, nearestMountedAncestor, error$176);
} catch (error$178) {
captureCommitPhaseError(current, nearestMountedAncestor, error$178);
}
else ref.current = null;
}
@@ -10520,7 +10552,7 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) {
selection = selection.focusOffset;
try {
JSCompiler_temp.nodeType, focusNode.nodeType;
} catch (e$251) {
} catch (e$253) {
JSCompiler_temp = null;
break a;
}
@@ -10781,11 +10813,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
} else
try {
finishedRoot.componentDidMount();
} catch (error$171) {
} catch (error$173) {
captureCommitPhaseError(
finishedWork,
finishedWork.return,
error$171
error$173
);
}
else {
@@ -10802,11 +10834,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
current,
finishedRoot.__reactInternalSnapshotBeforeUpdate
);
} catch (error$172) {
} catch (error$174) {
captureCommitPhaseError(
finishedWork,
finishedWork.return,
error$172
error$174
);
}
recordEffectDuration();
@@ -10817,11 +10849,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
current,
finishedRoot.__reactInternalSnapshotBeforeUpdate
);
} catch (error$173) {
} catch (error$175) {
captureCommitPhaseError(
finishedWork,
finishedWork.return,
error$173
error$175
);
}
}
@@ -11877,15 +11909,15 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) {
retryQueue = null !== current && null !== current.memoizedState;
var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden,
prevOffscreenDirectParentIsHidden$196 = offscreenDirectParentIsHidden;
prevOffscreenDirectParentIsHidden$198 = offscreenDirectParentIsHidden;
offscreenSubtreeIsHidden =
prevOffscreenSubtreeIsHidden || suspenseCallback;
offscreenDirectParentIsHidden =
prevOffscreenDirectParentIsHidden$196 || suspenseCallback;
prevOffscreenDirectParentIsHidden$198 || suspenseCallback;
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden || retryQueue;
recursivelyTraverseMutationEffects(root, finishedWork, lanes);
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$196;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$198;
offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
retryQueue &&
!suspenseCallback &&
@@ -12123,25 +12155,25 @@ function commitReconciliationEffects(finishedWork) {
);
break;
case 5:
var parent$177 = hostParentFiber.stateNode;
var parent$179 = hostParentFiber.stateNode;
hostParentFiber.flags & 32 &&
(setTextContent(parent$177, ""), (hostParentFiber.flags &= -33));
var before$178 = getHostSibling(finishedWork);
(setTextContent(parent$179, ""), (hostParentFiber.flags &= -33));
var before$180 = getHostSibling(finishedWork);
insertOrAppendPlacementNode(
finishedWork,
before$178,
parent$177,
before$180,
parent$179,
parentFragmentInstances
);
break;
case 3:
case 4:
var parent$179 = hostParentFiber.stateNode.containerInfo,
before$180 = getHostSibling(finishedWork);
var parent$181 = hostParentFiber.stateNode.containerInfo,
before$182 = getHostSibling(finishedWork);
insertOrAppendPlacementNodeIntoContainer(
finishedWork,
before$180,
parent$179,
before$182,
parent$181,
parentFragmentInstances
);
break;
@@ -13168,9 +13200,9 @@ function reconnectPassiveEffects(
);
break;
case 22:
var instance$218 = finishedWork.stateNode;
var instance$220 = finishedWork.stateNode;
null !== finishedWork.memoizedState
? instance$218._visibility & 2
? instance$220._visibility & 2
? recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -13186,7 +13218,7 @@ function reconnectPassiveEffects(
committedTransitions,
endTime
)
: ((instance$218._visibility |= 2),
: ((instance$220._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -13200,7 +13232,7 @@ function reconnectPassiveEffects(
commitOffscreenPassiveMountEffects(
finishedWork.alternate,
finishedWork,
instance$218
instance$220
);
break;
case 24:
@@ -14513,7 +14545,7 @@ function prepareFreshStack(root, lanes) {
0 <= blockingEventTime && blockingEventTime < blockingClampTime
? blockingClampTime
: blockingEventTime;
var clampedRenderStartTime$233 =
var clampedRenderStartTime$235 =
0 <= endTime
? endTime
: 0 <= previousRenderStartTime
@@ -14523,13 +14555,13 @@ function prepareFreshStack(root, lanes) {
? (setCurrentTrackFromLanes(2),
logSuspendedWithDelayPhase(
blockingSuspendedTime,
clampedRenderStartTime$233,
clampedRenderStartTime$235,
lanes
))
: 0 !== (animatingLanes & 127) &&
(setCurrentTrackFromLanes(2),
logAnimatingPhase(blockingClampTime, clampedRenderStartTime$233));
clampedRenderStartTime$233 = blockingEventType;
logAnimatingPhase(blockingClampTime, clampedRenderStartTime$235));
clampedRenderStartTime$235 = blockingEventType;
var eventIsRepeat = 0 < blockingEventRepeatTime,
isSpawnedUpdate = 1 === blockingUpdateType,
isPingedUpdate = 2 === blockingUpdateType,
@@ -14544,12 +14576,12 @@ function prepareFreshStack(root, lanes) {
? endTime > previousRenderStartTime &&
(endTime = previousRenderStartTime)
: (endTime = previousRenderStartTime),
null !== clampedRenderStartTime$233 &&
null !== clampedRenderStartTime$235 &&
previousRenderStartTime > endTime &&
console.timeStamp(
eventIsRepeat
? "Consecutive"
: "Event: " + clampedRenderStartTime$233,
: "Event: " + clampedRenderStartTime$235,
endTime,
previousRenderStartTime,
currentTrack,
@@ -14591,13 +14623,13 @@ function prepareFreshStack(root, lanes) {
0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime
? transitionClampTime
: transitionUpdateTime),
(clampedRenderStartTime$233 =
(clampedRenderStartTime$235 =
0 <= transitionEventTime && transitionEventTime < transitionClampTime
? transitionClampTime
: transitionEventTime),
(eventIsRepeat =
0 <= clampedRenderStartTime$233
? clampedRenderStartTime$233
0 <= clampedRenderStartTime$235
? clampedRenderStartTime$235
: 0 <= endTime
? endTime
: renderStartTime),
@@ -14625,15 +14657,15 @@ function prepareFreshStack(root, lanes) {
? previousRenderStartTime > endTime &&
(previousRenderStartTime = endTime)
: (previousRenderStartTime = endTime),
0 < clampedRenderStartTime$233
? clampedRenderStartTime$233 > previousRenderStartTime &&
(clampedRenderStartTime$233 = previousRenderStartTime)
: (clampedRenderStartTime$233 = previousRenderStartTime),
previousRenderStartTime > clampedRenderStartTime$233 &&
0 < clampedRenderStartTime$235
? clampedRenderStartTime$235 > previousRenderStartTime &&
(clampedRenderStartTime$235 = previousRenderStartTime)
: (clampedRenderStartTime$235 = previousRenderStartTime),
previousRenderStartTime > clampedRenderStartTime$235 &&
null !== eventIsRepeat &&
console.timeStamp(
isSpawnedUpdate ? "Consecutive" : "Event: " + eventIsRepeat,
clampedRenderStartTime$233,
clampedRenderStartTime$235,
previousRenderStartTime,
currentTrack,
"Scheduler \u269b",
@@ -14709,9 +14741,9 @@ function prepareFreshStack(root, lanes) {
endTime = root.entangledLanes;
if (0 !== endTime)
for (root = root.entanglements, endTime &= lanes; 0 < endTime; )
(clampedRenderStartTime$233 = 31 - clz32(endTime)),
(eventIsRepeat = 1 << clampedRenderStartTime$233),
(lanes |= root[clampedRenderStartTime$233]),
(clampedRenderStartTime$235 = 31 - clz32(endTime)),
(eventIsRepeat = 1 << clampedRenderStartTime$235),
(lanes |= root[clampedRenderStartTime$235]),
(endTime &= ~eventIsRepeat);
entangledRenderLanes = lanes;
finishQueueingConcurrentUpdates();
@@ -14871,8 +14903,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) {
workLoopSync();
memoizedUpdaters = workInProgressRootExitStatus;
break;
} catch (thrownValue$238) {
handleThrow(root, thrownValue$238);
} catch (thrownValue$240) {
handleThrow(root, thrownValue$240);
}
while (1);
lanes && root.shellSuspendCounter++;
@@ -14999,8 +15031,8 @@ function renderRootConcurrent(root, lanes) {
}
workLoopConcurrentByScheduler();
break;
} catch (thrownValue$240) {
handleThrow(root, thrownValue$240);
} catch (thrownValue$242) {
handleThrow(root, thrownValue$242);
}
while (1);
lastContextDependency = currentlyRenderingFiber$1 = null;
@@ -16537,9 +16569,9 @@ function attemptHydrationAtCurrentPriority(fiber) {
function getLaneLabelMap() {
if (enableSchedulingProfiler) {
for (
var map = new Map(), lane = 1, index$249 = 0;
31 > index$249;
index$249++
var map = new Map(), lane = 1, index$251 = 0;
31 > index$251;
index$251++
) {
var label = getLabelForLane(lane);
map.set(lane, label);
@@ -17457,20 +17489,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) {
(nativeEventTarget[internalScrollTimer] = targetInst));
}
for (
var i$jscomp$inline_2159 = 0;
i$jscomp$inline_2159 < simpleEventPluginEvents.length;
i$jscomp$inline_2159++
var i$jscomp$inline_2155 = 0;
i$jscomp$inline_2155 < simpleEventPluginEvents.length;
i$jscomp$inline_2155++
) {
var eventName$jscomp$inline_2160 =
simpleEventPluginEvents[i$jscomp$inline_2159],
domEventName$jscomp$inline_2161 =
eventName$jscomp$inline_2160.toLowerCase(),
capitalizedEvent$jscomp$inline_2162 =
eventName$jscomp$inline_2160[0].toUpperCase() +
eventName$jscomp$inline_2160.slice(1);
var eventName$jscomp$inline_2156 =
simpleEventPluginEvents[i$jscomp$inline_2155],
domEventName$jscomp$inline_2157 =
eventName$jscomp$inline_2156.toLowerCase(),
capitalizedEvent$jscomp$inline_2158 =
eventName$jscomp$inline_2156[0].toUpperCase() +
eventName$jscomp$inline_2156.slice(1);
registerSimpleEvent(
domEventName$jscomp$inline_2161,
"on" + capitalizedEvent$jscomp$inline_2162
domEventName$jscomp$inline_2157,
"on" + capitalizedEvent$jscomp$inline_2158
);
}
registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -18814,34 +18846,34 @@ function setInitialProperties(domElement, tag, props) {
defaultChecked = null;
for (hasSrc in props)
if (props.hasOwnProperty(hasSrc)) {
var propValue$265 = props[hasSrc];
if (null != propValue$265)
var propValue$267 = props[hasSrc];
if (null != propValue$267)
switch (hasSrc) {
case "name":
hasSrcSet = propValue$265;
hasSrcSet = propValue$267;
break;
case "type":
propValue = propValue$265;
propValue = propValue$267;
break;
case "checked":
checked = propValue$265;
checked = propValue$267;
break;
case "defaultChecked":
defaultChecked = propValue$265;
defaultChecked = propValue$267;
break;
case "value":
propKey = propValue$265;
propKey = propValue$267;
break;
case "defaultValue":
defaultValue = propValue$265;
defaultValue = propValue$267;
break;
case "children":
case "dangerouslySetInnerHTML":
if (null != propValue$265)
if (null != propValue$267)
throw Error(formatProdErrorMessage(137, tag));
break;
default:
setProp(domElement, tag, hasSrc, propValue$265, props, null);
setProp(domElement, tag, hasSrc, propValue$267, props, null);
}
}
initInput(
@@ -18978,14 +19010,14 @@ function setInitialProperties(domElement, tag, props) {
return;
default:
if (isCustomElement(tag)) {
for (propValue$265 in props)
props.hasOwnProperty(propValue$265) &&
((hasSrc = props[propValue$265]),
for (propValue$267 in props)
props.hasOwnProperty(propValue$267) &&
((hasSrc = props[propValue$267]),
void 0 !== hasSrc &&
setPropOnCustomElement(
domElement,
tag,
propValue$265,
propValue$267,
hasSrc,
props,
void 0
@@ -19033,14 +19065,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(domElement, tag, propKey, null, nextProps, lastProp);
}
}
for (var propKey$282 in nextProps) {
var propKey = nextProps[propKey$282];
lastProp = lastProps[propKey$282];
for (var propKey$284 in nextProps) {
var propKey = nextProps[propKey$284];
lastProp = lastProps[propKey$284];
if (
nextProps.hasOwnProperty(propKey$282) &&
nextProps.hasOwnProperty(propKey$284) &&
(null != propKey || null != lastProp)
)
switch (propKey$282) {
switch (propKey$284) {
case "type":
propKey !== lastProp && trackHostMutation();
type = propKey;
@@ -19075,7 +19107,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(
domElement,
tag,
propKey$282,
propKey$284,
propKey,
nextProps,
lastProp
@@ -19094,7 +19126,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
);
return;
case "select":
propKey = value = defaultValue = propKey$282 = null;
propKey = value = defaultValue = propKey$284 = null;
for (type in lastProps)
if (
((lastDefaultValue = lastProps[type]),
@@ -19126,7 +19158,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
switch (name) {
case "value":
type !== lastDefaultValue && trackHostMutation();
propKey$282 = type;
propKey$284 = type;
break;
case "defaultValue":
type !== lastDefaultValue && trackHostMutation();
@@ -19148,15 +19180,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
tag = defaultValue;
lastProps = value;
nextProps = propKey;
null != propKey$282
? updateOptions(domElement, !!lastProps, propKey$282, !1)
null != propKey$284
? updateOptions(domElement, !!lastProps, propKey$284, !1)
: !!nextProps !== !!lastProps &&
(null != tag
? updateOptions(domElement, !!lastProps, tag, !0)
: updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1));
return;
case "textarea":
propKey = propKey$282 = null;
propKey = propKey$284 = null;
for (defaultValue in lastProps)
if (
((name = lastProps[defaultValue]),
@@ -19181,7 +19213,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
switch (value) {
case "value":
name !== type && trackHostMutation();
propKey$282 = name;
propKey$284 = name;
break;
case "defaultValue":
name !== type && trackHostMutation();
@@ -19196,17 +19228,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
name !== type &&
setProp(domElement, tag, value, name, nextProps, type);
}
updateTextarea(domElement, propKey$282, propKey);
updateTextarea(domElement, propKey$284, propKey);
return;
case "option":
for (var propKey$298 in lastProps)
for (var propKey$300 in lastProps)
if (
((propKey$282 = lastProps[propKey$298]),
lastProps.hasOwnProperty(propKey$298) &&
null != propKey$282 &&
!nextProps.hasOwnProperty(propKey$298))
((propKey$284 = lastProps[propKey$300]),
lastProps.hasOwnProperty(propKey$300) &&
null != propKey$284 &&
!nextProps.hasOwnProperty(propKey$300))
)
switch (propKey$298) {
switch (propKey$300) {
case "selected":
domElement.selected = !1;
break;
@@ -19214,34 +19246,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(
domElement,
tag,
propKey$298,
propKey$300,
null,
nextProps,
propKey$282
propKey$284
);
}
for (lastDefaultValue in nextProps)
if (
((propKey$282 = nextProps[lastDefaultValue]),
((propKey$284 = nextProps[lastDefaultValue]),
(propKey = lastProps[lastDefaultValue]),
nextProps.hasOwnProperty(lastDefaultValue) &&
propKey$282 !== propKey &&
(null != propKey$282 || null != propKey))
propKey$284 !== propKey &&
(null != propKey$284 || null != propKey))
)
switch (lastDefaultValue) {
case "selected":
propKey$282 !== propKey && trackHostMutation();
propKey$284 !== propKey && trackHostMutation();
domElement.selected =
propKey$282 &&
"function" !== typeof propKey$282 &&
"symbol" !== typeof propKey$282;
propKey$284 &&
"function" !== typeof propKey$284 &&
"symbol" !== typeof propKey$284;
break;
default:
setProp(
domElement,
tag,
lastDefaultValue,
propKey$282,
propKey$284,
nextProps,
propKey
);
@@ -19262,24 +19294,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
case "track":
case "wbr":
case "menuitem":
for (var propKey$303 in lastProps)
(propKey$282 = lastProps[propKey$303]),
lastProps.hasOwnProperty(propKey$303) &&
null != propKey$282 &&
!nextProps.hasOwnProperty(propKey$303) &&
setProp(domElement, tag, propKey$303, null, nextProps, propKey$282);
for (var propKey$305 in lastProps)
(propKey$284 = lastProps[propKey$305]),
lastProps.hasOwnProperty(propKey$305) &&
null != propKey$284 &&
!nextProps.hasOwnProperty(propKey$305) &&
setProp(domElement, tag, propKey$305, null, nextProps, propKey$284);
for (checked in nextProps)
if (
((propKey$282 = nextProps[checked]),
((propKey$284 = nextProps[checked]),
(propKey = lastProps[checked]),
nextProps.hasOwnProperty(checked) &&
propKey$282 !== propKey &&
(null != propKey$282 || null != propKey))
propKey$284 !== propKey &&
(null != propKey$284 || null != propKey))
)
switch (checked) {
case "children":
case "dangerouslySetInnerHTML":
if (null != propKey$282)
if (null != propKey$284)
throw Error(formatProdErrorMessage(137, tag));
break;
default:
@@ -19287,7 +19319,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
domElement,
tag,
checked,
propKey$282,
propKey$284,
nextProps,
propKey
);
@@ -19295,49 +19327,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
return;
default:
if (isCustomElement(tag)) {
for (var propKey$308 in lastProps)
(propKey$282 = lastProps[propKey$308]),
lastProps.hasOwnProperty(propKey$308) &&
void 0 !== propKey$282 &&
!nextProps.hasOwnProperty(propKey$308) &&
for (var propKey$310 in lastProps)
(propKey$284 = lastProps[propKey$310]),
lastProps.hasOwnProperty(propKey$310) &&
void 0 !== propKey$284 &&
!nextProps.hasOwnProperty(propKey$310) &&
setPropOnCustomElement(
domElement,
tag,
propKey$308,
propKey$310,
void 0,
nextProps,
propKey$282
propKey$284
);
for (defaultChecked in nextProps)
(propKey$282 = nextProps[defaultChecked]),
(propKey$284 = nextProps[defaultChecked]),
(propKey = lastProps[defaultChecked]),
!nextProps.hasOwnProperty(defaultChecked) ||
propKey$282 === propKey ||
(void 0 === propKey$282 && void 0 === propKey) ||
propKey$284 === propKey ||
(void 0 === propKey$284 && void 0 === propKey) ||
setPropOnCustomElement(
domElement,
tag,
defaultChecked,
propKey$282,
propKey$284,
nextProps,
propKey
);
return;
}
}
for (var propKey$313 in lastProps)
(propKey$282 = lastProps[propKey$313]),
lastProps.hasOwnProperty(propKey$313) &&
null != propKey$282 &&
!nextProps.hasOwnProperty(propKey$313) &&
setProp(domElement, tag, propKey$313, null, nextProps, propKey$282);
for (var propKey$315 in lastProps)
(propKey$284 = lastProps[propKey$315]),
lastProps.hasOwnProperty(propKey$315) &&
null != propKey$284 &&
!nextProps.hasOwnProperty(propKey$315) &&
setProp(domElement, tag, propKey$315, null, nextProps, propKey$284);
for (lastProp in nextProps)
(propKey$282 = nextProps[lastProp]),
(propKey$284 = nextProps[lastProp]),
(propKey = lastProps[lastProp]),
!nextProps.hasOwnProperty(lastProp) ||
propKey$282 === propKey ||
(null == propKey$282 && null == propKey) ||
setProp(domElement, tag, lastProp, propKey$282, nextProps, propKey);
propKey$284 === propKey ||
(null == propKey$284 && null == propKey) ||
setProp(domElement, tag, lastProp, propKey$284, nextProps, propKey);
}
function isLikelyStaticResource(initiatorType) {
switch (initiatorType) {
@@ -20989,26 +21021,26 @@ function getResource(type, currentProps, pendingProps, currentResource) {
"string" === typeof pendingProps.precedence
) {
type = getStyleKey(pendingProps.href);
var styles$329 = getResourcesFromRoot(
var styles$331 = getResourcesFromRoot(
JSCompiler_inline_result
).hoistableStyles,
resource$330 = styles$329.get(type);
resource$330 ||
resource$332 = styles$331.get(type);
resource$332 ||
((JSCompiler_inline_result =
JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result),
(resource$330 = {
(resource$332 = {
type: "stylesheet",
instance: null,
count: 0,
state: { loading: 0, preload: null }
}),
styles$329.set(type, resource$330),
(styles$329 = JSCompiler_inline_result.querySelector(
styles$331.set(type, resource$332),
(styles$331 = JSCompiler_inline_result.querySelector(
getStylesheetSelectorFromKey(type)
)) &&
!styles$329._p &&
((resource$330.instance = styles$329),
(resource$330.state.loading = 5)),
!styles$331._p &&
((resource$332.instance = styles$331),
(resource$332.state.loading = 5)),
preloadPropsMap.has(type) ||
((pendingProps = {
rel: "preload",
@@ -21021,16 +21053,16 @@ function getResource(type, currentProps, pendingProps, currentResource) {
referrerPolicy: pendingProps.referrerPolicy
}),
preloadPropsMap.set(type, pendingProps),
styles$329 ||
styles$331 ||
preloadStylesheet(
JSCompiler_inline_result,
type,
pendingProps,
resource$330.state
resource$332.state
)));
if (currentProps && null === currentResource)
throw Error(formatProdErrorMessage(528, ""));
return resource$330;
return resource$332;
}
if (currentProps && null !== currentResource)
throw Error(formatProdErrorMessage(529, ""));
@@ -21127,37 +21159,37 @@ function acquireResource(hoistableRoot, resource, props) {
return (resource.instance = instance);
case "stylesheet":
styleProps = getStyleKey(props.href);
var instance$335 = hoistableRoot.querySelector(
var instance$337 = hoistableRoot.querySelector(
getStylesheetSelectorFromKey(styleProps)
);
if (instance$335)
if (instance$337)
return (
(resource.state.loading |= 4),
(resource.instance = instance$335),
markNodeAsHoistable(instance$335),
instance$335
(resource.instance = instance$337),
markNodeAsHoistable(instance$337),
instance$337
);
instance = stylesheetPropsFromRawProps(props);
(styleProps = preloadPropsMap.get(styleProps)) &&
adoptPreloadPropsForStylesheet(instance, styleProps);
instance$335 = (
instance$337 = (
hoistableRoot.ownerDocument || hoistableRoot
).createElement("link");
markNodeAsHoistable(instance$335);
var linkInstance = instance$335;
markNodeAsHoistable(instance$337);
var linkInstance = instance$337;
linkInstance._p = new Promise(function (resolve, reject) {
linkInstance.onload = resolve;
linkInstance.onerror = reject;
});
setInitialProperties(instance$335, "link", instance);
setInitialProperties(instance$337, "link", instance);
resource.state.loading |= 4;
insertStylesheet(instance$335, props.precedence, hoistableRoot);
return (resource.instance = instance$335);
insertStylesheet(instance$337, props.precedence, hoistableRoot);
return (resource.instance = instance$337);
case "script":
instance$335 = getScriptKey(props.src);
instance$337 = getScriptKey(props.src);
if (
(styleProps = hoistableRoot.querySelector(
getScriptSelectorFromKey(instance$335)
getScriptSelectorFromKey(instance$337)
))
)
return (
@@ -21166,7 +21198,7 @@ function acquireResource(hoistableRoot, resource, props) {
styleProps
);
instance = props;
if ((styleProps = preloadPropsMap.get(instance$335)))
if ((styleProps = preloadPropsMap.get(instance$337)))
(instance = assign({}, props)),
adoptPreloadPropsForScript(instance, styleProps);
hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -22231,16 +22263,16 @@ function getCrossOriginStringAs(as, input) {
if ("string" === typeof input)
return "use-credentials" === input ? input : "";
}
var isomorphicReactPackageVersion$jscomp$inline_2439 = React.version;
var isomorphicReactPackageVersion$jscomp$inline_2435 = React.version;
if (
"19.3.0-www-classic-26cf2804-20251031" !==
isomorphicReactPackageVersion$jscomp$inline_2439
"19.3.0-www-classic-488d88b0-20251031" !==
isomorphicReactPackageVersion$jscomp$inline_2435
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2439,
"19.3.0-www-classic-26cf2804-20251031"
isomorphicReactPackageVersion$jscomp$inline_2435,
"19.3.0-www-classic-488d88b0-20251031"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -22256,27 +22288,27 @@ Internals.Events = [
return fn(a);
}
];
var internals$jscomp$inline_2441 = {
var internals$jscomp$inline_2437 = {
bundleType: 0,
version: "19.3.0-www-classic-26cf2804-20251031",
version: "19.3.0-www-classic-488d88b0-20251031",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-classic-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-classic-488d88b0-20251031"
};
enableSchedulingProfiler &&
((internals$jscomp$inline_2441.getLaneLabelMap = getLaneLabelMap),
(internals$jscomp$inline_2441.injectProfilingHooks = injectProfilingHooks));
((internals$jscomp$inline_2437.getLaneLabelMap = getLaneLabelMap),
(internals$jscomp$inline_2437.injectProfilingHooks = injectProfilingHooks));
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_3067 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
var hook$jscomp$inline_3063 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
if (
!hook$jscomp$inline_3067.isDisabled &&
hook$jscomp$inline_3067.supportsFiber
!hook$jscomp$inline_3063.isDisabled &&
hook$jscomp$inline_3063.supportsFiber
)
try {
(rendererID = hook$jscomp$inline_3067.inject(
internals$jscomp$inline_2441
(rendererID = hook$jscomp$inline_3063.inject(
internals$jscomp$inline_2437
)),
(injectedHook = hook$jscomp$inline_3067);
(injectedHook = hook$jscomp$inline_3063);
} catch (err) {}
}
function defaultOnDefaultTransitionIndicator() {
@@ -22694,7 +22726,7 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.3.0-www-classic-26cf2804-20251031";
exports.version = "19.3.0-www-classic-488d88b0-20251031";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactDOM-profiling.modern.js
+263 -231
View File
@@ -7551,6 +7551,16 @@ function scheduleSuspenseWorkOnFiber(fiber, renderLanes, propagationRoot) {
null !== alternate && (alternate.lanes |= renderLanes);
scheduleContextWorkOnParentPath(fiber.return, renderLanes, propagationRoot);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -7578,6 +7588,15 @@ function initSuspenseListRenderState(
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -7590,7 +7609,11 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
(workInProgress.flags |= 128))
: (suspenseContext &= 1);
push(suspenseStackCursor, suspenseContext);
reconcileChildren(current, workInProgress, nextProps, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, nextProps, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, nextProps, renderLanes);
nextProps = isHydrating ? treeForkCount : 0;
if (!shouldForceFallback && null !== current && 0 !== (current.flags & 128))
a: for (current = workInProgress.child; null !== current; ) {
@@ -7615,6 +7638,21 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child), (workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
nextProps
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -7652,25 +7690,19 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child), (workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
nextProps
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
nextProps
);
}
return workInProgress.child;
}
@@ -8570,53 +8602,53 @@ function bubbleProperties(completedWork) {
if (didBailout)
if (0 !== (completedWork.mode & 2)) {
for (
var treeBaseDuration$131 = completedWork.selfBaseDuration,
child$132 = completedWork.child;
null !== child$132;
var treeBaseDuration$133 = completedWork.selfBaseDuration,
child$134 = completedWork.child;
null !== child$134;
)
(newChildLanes |= child$132.lanes | child$132.childLanes),
(subtreeFlags |= child$132.subtreeFlags & 65011712),
(subtreeFlags |= child$132.flags & 65011712),
(treeBaseDuration$131 += child$132.treeBaseDuration),
(child$132 = child$132.sibling);
completedWork.treeBaseDuration = treeBaseDuration$131;
(newChildLanes |= child$134.lanes | child$134.childLanes),
(subtreeFlags |= child$134.subtreeFlags & 65011712),
(subtreeFlags |= child$134.flags & 65011712),
(treeBaseDuration$133 += child$134.treeBaseDuration),
(child$134 = child$134.sibling);
completedWork.treeBaseDuration = treeBaseDuration$133;
} else
for (
treeBaseDuration$131 = completedWork.child;
null !== treeBaseDuration$131;
treeBaseDuration$133 = completedWork.child;
null !== treeBaseDuration$133;
)
(newChildLanes |=
treeBaseDuration$131.lanes | treeBaseDuration$131.childLanes),
(subtreeFlags |= treeBaseDuration$131.subtreeFlags & 65011712),
(subtreeFlags |= treeBaseDuration$131.flags & 65011712),
(treeBaseDuration$131.return = completedWork),
(treeBaseDuration$131 = treeBaseDuration$131.sibling);
treeBaseDuration$133.lanes | treeBaseDuration$133.childLanes),
(subtreeFlags |= treeBaseDuration$133.subtreeFlags & 65011712),
(subtreeFlags |= treeBaseDuration$133.flags & 65011712),
(treeBaseDuration$133.return = completedWork),
(treeBaseDuration$133 = treeBaseDuration$133.sibling);
else if (0 !== (completedWork.mode & 2)) {
treeBaseDuration$131 = completedWork.actualDuration;
child$132 = completedWork.selfBaseDuration;
treeBaseDuration$133 = completedWork.actualDuration;
child$134 = completedWork.selfBaseDuration;
for (var child = completedWork.child; null !== child; )
(newChildLanes |= child.lanes | child.childLanes),
(subtreeFlags |= child.subtreeFlags),
(subtreeFlags |= child.flags),
(treeBaseDuration$131 += child.actualDuration),
(child$132 += child.treeBaseDuration),
(treeBaseDuration$133 += child.actualDuration),
(child$134 += child.treeBaseDuration),
(child = child.sibling);
completedWork.actualDuration = treeBaseDuration$131;
completedWork.treeBaseDuration = child$132;
completedWork.actualDuration = treeBaseDuration$133;
completedWork.treeBaseDuration = child$134;
} else
for (
treeBaseDuration$131 = completedWork.child;
null !== treeBaseDuration$131;
treeBaseDuration$133 = completedWork.child;
null !== treeBaseDuration$133;
)
(newChildLanes |=
treeBaseDuration$131.lanes | treeBaseDuration$131.childLanes),
(subtreeFlags |= treeBaseDuration$131.subtreeFlags),
(subtreeFlags |= treeBaseDuration$131.flags),
(treeBaseDuration$131.return = completedWork),
(treeBaseDuration$131 = treeBaseDuration$131.sibling);
treeBaseDuration$133.lanes | treeBaseDuration$133.childLanes),
(subtreeFlags |= treeBaseDuration$133.subtreeFlags),
(subtreeFlags |= treeBaseDuration$133.flags),
(treeBaseDuration$133.return = completedWork),
(treeBaseDuration$133 = treeBaseDuration$133.sibling);
completedWork.subtreeFlags |= subtreeFlags;
completedWork.childLanes = newChildLanes;
return didBailout;
@@ -9559,8 +9591,8 @@ function safelyCallComponentWillUnmount(
} else
try {
instance.componentWillUnmount();
} catch (error$174) {
captureCommitPhaseError(current, nearestMountedAncestor, error$174);
} catch (error$176) {
captureCommitPhaseError(current, nearestMountedAncestor, error$176);
}
}
function safelyAttachRef(current, nearestMountedAncestor) {
@@ -9637,8 +9669,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
recordEffectDuration(current);
}
else ref(null);
} catch (error$176) {
captureCommitPhaseError(current, nearestMountedAncestor, error$176);
} catch (error$178) {
captureCommitPhaseError(current, nearestMountedAncestor, error$178);
}
else ref.current = null;
}
@@ -10330,7 +10362,7 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) {
selection = selection.focusOffset;
try {
JSCompiler_temp.nodeType, focusNode.nodeType;
} catch (e$251) {
} catch (e$253) {
JSCompiler_temp = null;
break a;
}
@@ -10591,11 +10623,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
} else
try {
finishedRoot.componentDidMount();
} catch (error$171) {
} catch (error$173) {
captureCommitPhaseError(
finishedWork,
finishedWork.return,
error$171
error$173
);
}
else {
@@ -10612,11 +10644,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
current,
finishedRoot.__reactInternalSnapshotBeforeUpdate
);
} catch (error$172) {
} catch (error$174) {
captureCommitPhaseError(
finishedWork,
finishedWork.return,
error$172
error$174
);
}
recordEffectDuration();
@@ -10627,11 +10659,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
current,
finishedRoot.__reactInternalSnapshotBeforeUpdate
);
} catch (error$173) {
} catch (error$175) {
captureCommitPhaseError(
finishedWork,
finishedWork.return,
error$173
error$175
);
}
}
@@ -11687,15 +11719,15 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) {
retryQueue = null !== current && null !== current.memoizedState;
var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden,
prevOffscreenDirectParentIsHidden$196 = offscreenDirectParentIsHidden;
prevOffscreenDirectParentIsHidden$198 = offscreenDirectParentIsHidden;
offscreenSubtreeIsHidden =
prevOffscreenSubtreeIsHidden || suspenseCallback;
offscreenDirectParentIsHidden =
prevOffscreenDirectParentIsHidden$196 || suspenseCallback;
prevOffscreenDirectParentIsHidden$198 || suspenseCallback;
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden || retryQueue;
recursivelyTraverseMutationEffects(root, finishedWork, lanes);
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$196;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$198;
offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
retryQueue &&
!suspenseCallback &&
@@ -11933,25 +11965,25 @@ function commitReconciliationEffects(finishedWork) {
);
break;
case 5:
var parent$177 = hostParentFiber.stateNode;
var parent$179 = hostParentFiber.stateNode;
hostParentFiber.flags & 32 &&
(setTextContent(parent$177, ""), (hostParentFiber.flags &= -33));
var before$178 = getHostSibling(finishedWork);
(setTextContent(parent$179, ""), (hostParentFiber.flags &= -33));
var before$180 = getHostSibling(finishedWork);
insertOrAppendPlacementNode(
finishedWork,
before$178,
parent$177,
before$180,
parent$179,
parentFragmentInstances
);
break;
case 3:
case 4:
var parent$179 = hostParentFiber.stateNode.containerInfo,
before$180 = getHostSibling(finishedWork);
var parent$181 = hostParentFiber.stateNode.containerInfo,
before$182 = getHostSibling(finishedWork);
insertOrAppendPlacementNodeIntoContainer(
finishedWork,
before$180,
parent$179,
before$182,
parent$181,
parentFragmentInstances
);
break;
@@ -12978,9 +13010,9 @@ function reconnectPassiveEffects(
);
break;
case 22:
var instance$218 = finishedWork.stateNode;
var instance$220 = finishedWork.stateNode;
null !== finishedWork.memoizedState
? instance$218._visibility & 2
? instance$220._visibility & 2
? recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -12996,7 +13028,7 @@ function reconnectPassiveEffects(
committedTransitions,
endTime
)
: ((instance$218._visibility |= 2),
: ((instance$220._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -13010,7 +13042,7 @@ function reconnectPassiveEffects(
commitOffscreenPassiveMountEffects(
finishedWork.alternate,
finishedWork,
instance$218
instance$220
);
break;
case 24:
@@ -14323,7 +14355,7 @@ function prepareFreshStack(root, lanes) {
0 <= blockingEventTime && blockingEventTime < blockingClampTime
? blockingClampTime
: blockingEventTime;
var clampedRenderStartTime$233 =
var clampedRenderStartTime$235 =
0 <= endTime
? endTime
: 0 <= previousRenderStartTime
@@ -14333,13 +14365,13 @@ function prepareFreshStack(root, lanes) {
? (setCurrentTrackFromLanes(2),
logSuspendedWithDelayPhase(
blockingSuspendedTime,
clampedRenderStartTime$233,
clampedRenderStartTime$235,
lanes
))
: 0 !== (animatingLanes & 127) &&
(setCurrentTrackFromLanes(2),
logAnimatingPhase(blockingClampTime, clampedRenderStartTime$233));
clampedRenderStartTime$233 = blockingEventType;
logAnimatingPhase(blockingClampTime, clampedRenderStartTime$235));
clampedRenderStartTime$235 = blockingEventType;
var eventIsRepeat = 0 < blockingEventRepeatTime,
isSpawnedUpdate = 1 === blockingUpdateType,
isPingedUpdate = 2 === blockingUpdateType,
@@ -14354,12 +14386,12 @@ function prepareFreshStack(root, lanes) {
? endTime > previousRenderStartTime &&
(endTime = previousRenderStartTime)
: (endTime = previousRenderStartTime),
null !== clampedRenderStartTime$233 &&
null !== clampedRenderStartTime$235 &&
previousRenderStartTime > endTime &&
console.timeStamp(
eventIsRepeat
? "Consecutive"
: "Event: " + clampedRenderStartTime$233,
: "Event: " + clampedRenderStartTime$235,
endTime,
previousRenderStartTime,
currentTrack,
@@ -14401,13 +14433,13 @@ function prepareFreshStack(root, lanes) {
0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime
? transitionClampTime
: transitionUpdateTime),
(clampedRenderStartTime$233 =
(clampedRenderStartTime$235 =
0 <= transitionEventTime && transitionEventTime < transitionClampTime
? transitionClampTime
: transitionEventTime),
(eventIsRepeat =
0 <= clampedRenderStartTime$233
? clampedRenderStartTime$233
0 <= clampedRenderStartTime$235
? clampedRenderStartTime$235
: 0 <= endTime
? endTime
: renderStartTime),
@@ -14435,15 +14467,15 @@ function prepareFreshStack(root, lanes) {
? previousRenderStartTime > endTime &&
(previousRenderStartTime = endTime)
: (previousRenderStartTime = endTime),
0 < clampedRenderStartTime$233
? clampedRenderStartTime$233 > previousRenderStartTime &&
(clampedRenderStartTime$233 = previousRenderStartTime)
: (clampedRenderStartTime$233 = previousRenderStartTime),
previousRenderStartTime > clampedRenderStartTime$233 &&
0 < clampedRenderStartTime$235
? clampedRenderStartTime$235 > previousRenderStartTime &&
(clampedRenderStartTime$235 = previousRenderStartTime)
: (clampedRenderStartTime$235 = previousRenderStartTime),
previousRenderStartTime > clampedRenderStartTime$235 &&
null !== eventIsRepeat &&
console.timeStamp(
isSpawnedUpdate ? "Consecutive" : "Event: " + eventIsRepeat,
clampedRenderStartTime$233,
clampedRenderStartTime$235,
previousRenderStartTime,
currentTrack,
"Scheduler \u269b",
@@ -14519,9 +14551,9 @@ function prepareFreshStack(root, lanes) {
endTime = root.entangledLanes;
if (0 !== endTime)
for (root = root.entanglements, endTime &= lanes; 0 < endTime; )
(clampedRenderStartTime$233 = 31 - clz32(endTime)),
(eventIsRepeat = 1 << clampedRenderStartTime$233),
(lanes |= root[clampedRenderStartTime$233]),
(clampedRenderStartTime$235 = 31 - clz32(endTime)),
(eventIsRepeat = 1 << clampedRenderStartTime$235),
(lanes |= root[clampedRenderStartTime$235]),
(endTime &= ~eventIsRepeat);
entangledRenderLanes = lanes;
finishQueueingConcurrentUpdates();
@@ -14681,8 +14713,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) {
workLoopSync();
memoizedUpdaters = workInProgressRootExitStatus;
break;
} catch (thrownValue$238) {
handleThrow(root, thrownValue$238);
} catch (thrownValue$240) {
handleThrow(root, thrownValue$240);
}
while (1);
lanes && root.shellSuspendCounter++;
@@ -14809,8 +14841,8 @@ function renderRootConcurrent(root, lanes) {
}
workLoopConcurrentByScheduler();
break;
} catch (thrownValue$240) {
handleThrow(root, thrownValue$240);
} catch (thrownValue$242) {
handleThrow(root, thrownValue$242);
}
while (1);
lastContextDependency = currentlyRenderingFiber$1 = null;
@@ -16308,9 +16340,9 @@ function attemptHydrationAtCurrentPriority(fiber) {
function getLaneLabelMap() {
if (enableSchedulingProfiler) {
for (
var map = new Map(), lane = 1, index$249 = 0;
31 > index$249;
index$249++
var map = new Map(), lane = 1, index$251 = 0;
31 > index$251;
index$251++
) {
var label = getLabelForLane(lane);
map.set(lane, label);
@@ -17256,20 +17288,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) {
(nativeEventTarget[internalScrollTimer] = targetInst));
}
for (
var i$jscomp$inline_2149 = 0;
i$jscomp$inline_2149 < simpleEventPluginEvents.length;
i$jscomp$inline_2149++
var i$jscomp$inline_2145 = 0;
i$jscomp$inline_2145 < simpleEventPluginEvents.length;
i$jscomp$inline_2145++
) {
var eventName$jscomp$inline_2150 =
simpleEventPluginEvents[i$jscomp$inline_2149],
domEventName$jscomp$inline_2151 =
eventName$jscomp$inline_2150.toLowerCase(),
capitalizedEvent$jscomp$inline_2152 =
eventName$jscomp$inline_2150[0].toUpperCase() +
eventName$jscomp$inline_2150.slice(1);
var eventName$jscomp$inline_2146 =
simpleEventPluginEvents[i$jscomp$inline_2145],
domEventName$jscomp$inline_2147 =
eventName$jscomp$inline_2146.toLowerCase(),
capitalizedEvent$jscomp$inline_2148 =
eventName$jscomp$inline_2146[0].toUpperCase() +
eventName$jscomp$inline_2146.slice(1);
registerSimpleEvent(
domEventName$jscomp$inline_2151,
"on" + capitalizedEvent$jscomp$inline_2152
domEventName$jscomp$inline_2147,
"on" + capitalizedEvent$jscomp$inline_2148
);
}
registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -18609,34 +18641,34 @@ function setInitialProperties(domElement, tag, props) {
defaultChecked = null;
for (hasSrc in props)
if (props.hasOwnProperty(hasSrc)) {
var propValue$265 = props[hasSrc];
if (null != propValue$265)
var propValue$267 = props[hasSrc];
if (null != propValue$267)
switch (hasSrc) {
case "name":
hasSrcSet = propValue$265;
hasSrcSet = propValue$267;
break;
case "type":
propKey = propValue$265;
propKey = propValue$267;
break;
case "checked":
checked = propValue$265;
checked = propValue$267;
break;
case "defaultChecked":
defaultChecked = propValue$265;
defaultChecked = propValue$267;
break;
case "value":
propValue = propValue$265;
propValue = propValue$267;
break;
case "defaultValue":
defaultValue = propValue$265;
defaultValue = propValue$267;
break;
case "children":
case "dangerouslySetInnerHTML":
if (null != propValue$265)
if (null != propValue$267)
throw Error(formatProdErrorMessage(137, tag));
break;
default:
setProp(domElement, tag, hasSrc, propValue$265, props, null);
setProp(domElement, tag, hasSrc, propValue$267, props, null);
}
}
initInput(
@@ -18772,14 +18804,14 @@ function setInitialProperties(domElement, tag, props) {
return;
default:
if (isCustomElement(tag)) {
for (propValue$265 in props)
props.hasOwnProperty(propValue$265) &&
((hasSrc = props[propValue$265]),
for (propValue$267 in props)
props.hasOwnProperty(propValue$267) &&
((hasSrc = props[propValue$267]),
void 0 !== hasSrc &&
setPropOnCustomElement(
domElement,
tag,
propValue$265,
propValue$267,
hasSrc,
props,
void 0
@@ -18827,14 +18859,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(domElement, tag, propKey, null, nextProps, lastProp);
}
}
for (var propKey$282 in nextProps) {
var propKey = nextProps[propKey$282];
lastProp = lastProps[propKey$282];
for (var propKey$284 in nextProps) {
var propKey = nextProps[propKey$284];
lastProp = lastProps[propKey$284];
if (
nextProps.hasOwnProperty(propKey$282) &&
nextProps.hasOwnProperty(propKey$284) &&
(null != propKey || null != lastProp)
)
switch (propKey$282) {
switch (propKey$284) {
case "type":
propKey !== lastProp && trackHostMutation();
type = propKey;
@@ -18869,7 +18901,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(
domElement,
tag,
propKey$282,
propKey$284,
propKey,
nextProps,
lastProp
@@ -18888,7 +18920,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
);
return;
case "select":
propKey = value = defaultValue = propKey$282 = null;
propKey = value = defaultValue = propKey$284 = null;
for (type in lastProps)
if (
((lastDefaultValue = lastProps[type]),
@@ -18920,7 +18952,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
switch (name) {
case "value":
type !== lastDefaultValue && trackHostMutation();
propKey$282 = type;
propKey$284 = type;
break;
case "defaultValue":
type !== lastDefaultValue && trackHostMutation();
@@ -18942,15 +18974,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
tag = defaultValue;
lastProps = value;
nextProps = propKey;
null != propKey$282
? updateOptions(domElement, !!lastProps, propKey$282, !1)
null != propKey$284
? updateOptions(domElement, !!lastProps, propKey$284, !1)
: !!nextProps !== !!lastProps &&
(null != tag
? updateOptions(domElement, !!lastProps, tag, !0)
: updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1));
return;
case "textarea":
propKey = propKey$282 = null;
propKey = propKey$284 = null;
for (defaultValue in lastProps)
if (
((name = lastProps[defaultValue]),
@@ -18975,7 +19007,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
switch (value) {
case "value":
name !== type && trackHostMutation();
propKey$282 = name;
propKey$284 = name;
break;
case "defaultValue":
name !== type && trackHostMutation();
@@ -18990,17 +19022,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
name !== type &&
setProp(domElement, tag, value, name, nextProps, type);
}
updateTextarea(domElement, propKey$282, propKey);
updateTextarea(domElement, propKey$284, propKey);
return;
case "option":
for (var propKey$298 in lastProps)
for (var propKey$300 in lastProps)
if (
((propKey$282 = lastProps[propKey$298]),
lastProps.hasOwnProperty(propKey$298) &&
null != propKey$282 &&
!nextProps.hasOwnProperty(propKey$298))
((propKey$284 = lastProps[propKey$300]),
lastProps.hasOwnProperty(propKey$300) &&
null != propKey$284 &&
!nextProps.hasOwnProperty(propKey$300))
)
switch (propKey$298) {
switch (propKey$300) {
case "selected":
domElement.selected = !1;
break;
@@ -19008,34 +19040,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(
domElement,
tag,
propKey$298,
propKey$300,
null,
nextProps,
propKey$282
propKey$284
);
}
for (lastDefaultValue in nextProps)
if (
((propKey$282 = nextProps[lastDefaultValue]),
((propKey$284 = nextProps[lastDefaultValue]),
(propKey = lastProps[lastDefaultValue]),
nextProps.hasOwnProperty(lastDefaultValue) &&
propKey$282 !== propKey &&
(null != propKey$282 || null != propKey))
propKey$284 !== propKey &&
(null != propKey$284 || null != propKey))
)
switch (lastDefaultValue) {
case "selected":
propKey$282 !== propKey && trackHostMutation();
propKey$284 !== propKey && trackHostMutation();
domElement.selected =
propKey$282 &&
"function" !== typeof propKey$282 &&
"symbol" !== typeof propKey$282;
propKey$284 &&
"function" !== typeof propKey$284 &&
"symbol" !== typeof propKey$284;
break;
default:
setProp(
domElement,
tag,
lastDefaultValue,
propKey$282,
propKey$284,
nextProps,
propKey
);
@@ -19056,24 +19088,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
case "track":
case "wbr":
case "menuitem":
for (var propKey$303 in lastProps)
(propKey$282 = lastProps[propKey$303]),
lastProps.hasOwnProperty(propKey$303) &&
null != propKey$282 &&
!nextProps.hasOwnProperty(propKey$303) &&
setProp(domElement, tag, propKey$303, null, nextProps, propKey$282);
for (var propKey$305 in lastProps)
(propKey$284 = lastProps[propKey$305]),
lastProps.hasOwnProperty(propKey$305) &&
null != propKey$284 &&
!nextProps.hasOwnProperty(propKey$305) &&
setProp(domElement, tag, propKey$305, null, nextProps, propKey$284);
for (checked in nextProps)
if (
((propKey$282 = nextProps[checked]),
((propKey$284 = nextProps[checked]),
(propKey = lastProps[checked]),
nextProps.hasOwnProperty(checked) &&
propKey$282 !== propKey &&
(null != propKey$282 || null != propKey))
propKey$284 !== propKey &&
(null != propKey$284 || null != propKey))
)
switch (checked) {
case "children":
case "dangerouslySetInnerHTML":
if (null != propKey$282)
if (null != propKey$284)
throw Error(formatProdErrorMessage(137, tag));
break;
default:
@@ -19081,7 +19113,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
domElement,
tag,
checked,
propKey$282,
propKey$284,
nextProps,
propKey
);
@@ -19089,49 +19121,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
return;
default:
if (isCustomElement(tag)) {
for (var propKey$308 in lastProps)
(propKey$282 = lastProps[propKey$308]),
lastProps.hasOwnProperty(propKey$308) &&
void 0 !== propKey$282 &&
!nextProps.hasOwnProperty(propKey$308) &&
for (var propKey$310 in lastProps)
(propKey$284 = lastProps[propKey$310]),
lastProps.hasOwnProperty(propKey$310) &&
void 0 !== propKey$284 &&
!nextProps.hasOwnProperty(propKey$310) &&
setPropOnCustomElement(
domElement,
tag,
propKey$308,
propKey$310,
void 0,
nextProps,
propKey$282
propKey$284
);
for (defaultChecked in nextProps)
(propKey$282 = nextProps[defaultChecked]),
(propKey$284 = nextProps[defaultChecked]),
(propKey = lastProps[defaultChecked]),
!nextProps.hasOwnProperty(defaultChecked) ||
propKey$282 === propKey ||
(void 0 === propKey$282 && void 0 === propKey) ||
propKey$284 === propKey ||
(void 0 === propKey$284 && void 0 === propKey) ||
setPropOnCustomElement(
domElement,
tag,
defaultChecked,
propKey$282,
propKey$284,
nextProps,
propKey
);
return;
}
}
for (var propKey$313 in lastProps)
(propKey$282 = lastProps[propKey$313]),
lastProps.hasOwnProperty(propKey$313) &&
null != propKey$282 &&
!nextProps.hasOwnProperty(propKey$313) &&
setProp(domElement, tag, propKey$313, null, nextProps, propKey$282);
for (var propKey$315 in lastProps)
(propKey$284 = lastProps[propKey$315]),
lastProps.hasOwnProperty(propKey$315) &&
null != propKey$284 &&
!nextProps.hasOwnProperty(propKey$315) &&
setProp(domElement, tag, propKey$315, null, nextProps, propKey$284);
for (lastProp in nextProps)
(propKey$282 = nextProps[lastProp]),
(propKey$284 = nextProps[lastProp]),
(propKey = lastProps[lastProp]),
!nextProps.hasOwnProperty(lastProp) ||
propKey$282 === propKey ||
(null == propKey$282 && null == propKey) ||
setProp(domElement, tag, lastProp, propKey$282, nextProps, propKey);
propKey$284 === propKey ||
(null == propKey$284 && null == propKey) ||
setProp(domElement, tag, lastProp, propKey$284, nextProps, propKey);
}
function isLikelyStaticResource(initiatorType) {
switch (initiatorType) {
@@ -20783,26 +20815,26 @@ function getResource(type, currentProps, pendingProps, currentResource) {
"string" === typeof pendingProps.precedence
) {
type = getStyleKey(pendingProps.href);
var styles$329 = getResourcesFromRoot(
var styles$331 = getResourcesFromRoot(
JSCompiler_inline_result
).hoistableStyles,
resource$330 = styles$329.get(type);
resource$330 ||
resource$332 = styles$331.get(type);
resource$332 ||
((JSCompiler_inline_result =
JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result),
(resource$330 = {
(resource$332 = {
type: "stylesheet",
instance: null,
count: 0,
state: { loading: 0, preload: null }
}),
styles$329.set(type, resource$330),
(styles$329 = JSCompiler_inline_result.querySelector(
styles$331.set(type, resource$332),
(styles$331 = JSCompiler_inline_result.querySelector(
getStylesheetSelectorFromKey(type)
)) &&
!styles$329._p &&
((resource$330.instance = styles$329),
(resource$330.state.loading = 5)),
!styles$331._p &&
((resource$332.instance = styles$331),
(resource$332.state.loading = 5)),
preloadPropsMap.has(type) ||
((pendingProps = {
rel: "preload",
@@ -20815,16 +20847,16 @@ function getResource(type, currentProps, pendingProps, currentResource) {
referrerPolicy: pendingProps.referrerPolicy
}),
preloadPropsMap.set(type, pendingProps),
styles$329 ||
styles$331 ||
preloadStylesheet(
JSCompiler_inline_result,
type,
pendingProps,
resource$330.state
resource$332.state
)));
if (currentProps && null === currentResource)
throw Error(formatProdErrorMessage(528, ""));
return resource$330;
return resource$332;
}
if (currentProps && null !== currentResource)
throw Error(formatProdErrorMessage(529, ""));
@@ -20921,37 +20953,37 @@ function acquireResource(hoistableRoot, resource, props) {
return (resource.instance = instance);
case "stylesheet":
styleProps = getStyleKey(props.href);
var instance$335 = hoistableRoot.querySelector(
var instance$337 = hoistableRoot.querySelector(
getStylesheetSelectorFromKey(styleProps)
);
if (instance$335)
if (instance$337)
return (
(resource.state.loading |= 4),
(resource.instance = instance$335),
markNodeAsHoistable(instance$335),
instance$335
(resource.instance = instance$337),
markNodeAsHoistable(instance$337),
instance$337
);
instance = stylesheetPropsFromRawProps(props);
(styleProps = preloadPropsMap.get(styleProps)) &&
adoptPreloadPropsForStylesheet(instance, styleProps);
instance$335 = (
instance$337 = (
hoistableRoot.ownerDocument || hoistableRoot
).createElement("link");
markNodeAsHoistable(instance$335);
var linkInstance = instance$335;
markNodeAsHoistable(instance$337);
var linkInstance = instance$337;
linkInstance._p = new Promise(function (resolve, reject) {
linkInstance.onload = resolve;
linkInstance.onerror = reject;
});
setInitialProperties(instance$335, "link", instance);
setInitialProperties(instance$337, "link", instance);
resource.state.loading |= 4;
insertStylesheet(instance$335, props.precedence, hoistableRoot);
return (resource.instance = instance$335);
insertStylesheet(instance$337, props.precedence, hoistableRoot);
return (resource.instance = instance$337);
case "script":
instance$335 = getScriptKey(props.src);
instance$337 = getScriptKey(props.src);
if (
(styleProps = hoistableRoot.querySelector(
getScriptSelectorFromKey(instance$335)
getScriptSelectorFromKey(instance$337)
))
)
return (
@@ -20960,7 +20992,7 @@ function acquireResource(hoistableRoot, resource, props) {
styleProps
);
instance = props;
if ((styleProps = preloadPropsMap.get(instance$335)))
if ((styleProps = preloadPropsMap.get(instance$337)))
(instance = assign({}, props)),
adoptPreloadPropsForScript(instance, styleProps);
hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -22025,16 +22057,16 @@ function getCrossOriginStringAs(as, input) {
if ("string" === typeof input)
return "use-credentials" === input ? input : "";
}
var isomorphicReactPackageVersion$jscomp$inline_2429 = React.version;
var isomorphicReactPackageVersion$jscomp$inline_2425 = React.version;
if (
"19.3.0-www-modern-26cf2804-20251031" !==
isomorphicReactPackageVersion$jscomp$inline_2429
"19.3.0-www-modern-488d88b0-20251031" !==
isomorphicReactPackageVersion$jscomp$inline_2425
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2429,
"19.3.0-www-modern-26cf2804-20251031"
isomorphicReactPackageVersion$jscomp$inline_2425,
"19.3.0-www-modern-488d88b0-20251031"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -22050,27 +22082,27 @@ Internals.Events = [
return fn(a);
}
];
var internals$jscomp$inline_2431 = {
var internals$jscomp$inline_2427 = {
bundleType: 0,
version: "19.3.0-www-modern-26cf2804-20251031",
version: "19.3.0-www-modern-488d88b0-20251031",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-modern-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-modern-488d88b0-20251031"
};
enableSchedulingProfiler &&
((internals$jscomp$inline_2431.getLaneLabelMap = getLaneLabelMap),
(internals$jscomp$inline_2431.injectProfilingHooks = injectProfilingHooks));
((internals$jscomp$inline_2427.getLaneLabelMap = getLaneLabelMap),
(internals$jscomp$inline_2427.injectProfilingHooks = injectProfilingHooks));
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_3049 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
var hook$jscomp$inline_3045 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
if (
!hook$jscomp$inline_3049.isDisabled &&
hook$jscomp$inline_3049.supportsFiber
!hook$jscomp$inline_3045.isDisabled &&
hook$jscomp$inline_3045.supportsFiber
)
try {
(rendererID = hook$jscomp$inline_3049.inject(
internals$jscomp$inline_2431
(rendererID = hook$jscomp$inline_3045.inject(
internals$jscomp$inline_2427
)),
(injectedHook = hook$jscomp$inline_3049);
(injectedHook = hook$jscomp$inline_3045);
} catch (err) {}
}
function defaultOnDefaultTransitionIndicator() {
@@ -22488,7 +22520,7 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.3.0-www-modern-26cf2804-20251031";
exports.version = "19.3.0-www-modern-488d88b0-20251031";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactDOMServer-dev.classic.js
+29 -22
View File
@@ -5196,47 +5196,54 @@ __DEV__ &&
0 === --previousSuspenseListRow.pendingTasks &&
finishSuspenseListRow(request, previousSuspenseListRow);
else {
revealOrder = task.blockedSegment;
resumeSlots = revealOrder.children.length;
n = revealOrder.chunks.length;
for (i = keyPath - 1; 0 <= i; i--) {
node = rows[i];
resumeSlots = task.blockedSegment;
n = resumeSlots.children.length;
i = resumeSlots.chunks.length;
for (node = 0; node < keyPath; node++) {
resumeSegmentID =
"unstable_legacy-backwards" === revealOrder
? keyPath - 1 - node
: node;
var _node3 = rows[resumeSegmentID];
task.row = previousSuspenseListRow = createSuspenseListRow(
previousSuspenseListRow
);
task.treeContext = pushTreeContext(prevTreeContext, keyPath, i);
resumeSegmentID = createPendingSegment(
task.treeContext = pushTreeContext(
prevTreeContext,
keyPath,
resumeSegmentID
);
var newSegment = createPendingSegment(
request,
n,
i,
null,
task.formatContext,
0 === i ? revealOrder.lastPushedText : !0,
0 === resumeSegmentID ? resumeSlots.lastPushedText : !0,
!0
);
revealOrder.children.splice(resumeSlots, 0, resumeSegmentID);
task.blockedSegment = resumeSegmentID;
warnForMissingKey(request, task, node);
resumeSlots.children.splice(n, 0, newSegment);
task.blockedSegment = newSegment;
warnForMissingKey(request, task, _node3);
try {
renderNode(request, task, node, i),
renderNode(request, task, _node3, resumeSegmentID),
pushSegmentFinale(
resumeSegmentID.chunks,
newSegment.chunks,
request.renderState,
resumeSegmentID.lastPushedText,
resumeSegmentID.textEmbedded
newSegment.lastPushedText,
newSegment.textEmbedded
),
(resumeSegmentID.status = COMPLETED),
(newSegment.status = COMPLETED),
0 === --previousSuspenseListRow.pendingTasks &&
finishSuspenseListRow(request, previousSuspenseListRow);
} catch (thrownValue) {
throw (
((resumeSegmentID.status =
12 === request.status ? ABORTED : ERRORED),
((newSegment.status = 12 === request.status ? ABORTED : ERRORED),
thrownValue)
);
}
}
task.blockedSegment = revealOrder;
revealOrder.lastPushedText = !1;
task.blockedSegment = resumeSlots;
resumeSlots.lastPushedText = !1;
}
null !== prevRow &&
null !== previousSuspenseListRow &&
@@ -10301,5 +10308,5 @@ __DEV__ &&
'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 = "19.3.0-www-classic-26cf2804-20251031";
exports.version = "19.3.0-www-classic-488d88b0-20251031";
})();
compiled/facebook-www/ReactDOMServer-dev.modern.js
+29 -22
View File
@@ -5186,47 +5186,54 @@ __DEV__ &&
0 === --previousSuspenseListRow.pendingTasks &&
finishSuspenseListRow(request, previousSuspenseListRow);
else {
revealOrder = task.blockedSegment;
resumeSlots = revealOrder.children.length;
n = revealOrder.chunks.length;
for (i = keyPath - 1; 0 <= i; i--) {
node = rows[i];
resumeSlots = task.blockedSegment;
n = resumeSlots.children.length;
i = resumeSlots.chunks.length;
for (node = 0; node < keyPath; node++) {
resumeSegmentID =
"unstable_legacy-backwards" === revealOrder
? keyPath - 1 - node
: node;
var _node3 = rows[resumeSegmentID];
task.row = previousSuspenseListRow = createSuspenseListRow(
previousSuspenseListRow
);
task.treeContext = pushTreeContext(prevTreeContext, keyPath, i);
resumeSegmentID = createPendingSegment(
task.treeContext = pushTreeContext(
prevTreeContext,
keyPath,
resumeSegmentID
);
var newSegment = createPendingSegment(
request,
n,
i,
null,
task.formatContext,
0 === i ? revealOrder.lastPushedText : !0,
0 === resumeSegmentID ? resumeSlots.lastPushedText : !0,
!0
);
revealOrder.children.splice(resumeSlots, 0, resumeSegmentID);
task.blockedSegment = resumeSegmentID;
warnForMissingKey(request, task, node);
resumeSlots.children.splice(n, 0, newSegment);
task.blockedSegment = newSegment;
warnForMissingKey(request, task, _node3);
try {
renderNode(request, task, node, i),
renderNode(request, task, _node3, resumeSegmentID),
pushSegmentFinale(
resumeSegmentID.chunks,
newSegment.chunks,
request.renderState,
resumeSegmentID.lastPushedText,
resumeSegmentID.textEmbedded
newSegment.lastPushedText,
newSegment.textEmbedded
),
(resumeSegmentID.status = COMPLETED),
(newSegment.status = COMPLETED),
0 === --previousSuspenseListRow.pendingTasks &&
finishSuspenseListRow(request, previousSuspenseListRow);
} catch (thrownValue) {
throw (
((resumeSegmentID.status =
12 === request.status ? ABORTED : ERRORED),
((newSegment.status = 12 === request.status ? ABORTED : ERRORED),
thrownValue)
);
}
}
task.blockedSegment = revealOrder;
revealOrder.lastPushedText = !1;
task.blockedSegment = resumeSlots;
resumeSlots.lastPushedText = !1;
}
null !== prevRow &&
null !== previousSuspenseListRow &&
@@ -10230,5 +10237,5 @@ __DEV__ &&
'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 = "19.3.0-www-modern-26cf2804-20251031";
exports.version = "19.3.0-www-modern-488d88b0-20251031";
})();
compiled/facebook-www/ReactDOMServer-prod.classic.js
+83 -78
View File
@@ -2918,16 +2918,16 @@ function createRenderState(resumableState, generateStaticMarkup) {
"\x3c/script>"
));
bootstrapScriptContent = idPrefix + "P:";
var JSCompiler_object_inline_segmentPrefix_1872 = idPrefix + "S:";
var JSCompiler_object_inline_segmentPrefix_1873 = idPrefix + "S:";
idPrefix += "B:";
var JSCompiler_object_inline_preconnects_1886 = new Set(),
JSCompiler_object_inline_fontPreloads_1887 = new Set(),
JSCompiler_object_inline_highImagePreloads_1888 = new Set(),
JSCompiler_object_inline_styles_1889 = new Map(),
JSCompiler_object_inline_bootstrapScripts_1890 = new Set(),
JSCompiler_object_inline_scripts_1891 = new Set(),
JSCompiler_object_inline_bulkPreloads_1892 = new Set(),
JSCompiler_object_inline_preloads_1893 = {
var JSCompiler_object_inline_preconnects_1887 = new Set(),
JSCompiler_object_inline_fontPreloads_1888 = new Set(),
JSCompiler_object_inline_highImagePreloads_1889 = new Set(),
JSCompiler_object_inline_styles_1890 = new Map(),
JSCompiler_object_inline_bootstrapScripts_1891 = new Set(),
JSCompiler_object_inline_scripts_1892 = new Set(),
JSCompiler_object_inline_bulkPreloads_1893 = new Set(),
JSCompiler_object_inline_preloads_1894 = {
images: new Map(),
stylesheets: new Map(),
scripts: new Map(),
@@ -2964,7 +2964,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
scriptConfig.moduleScriptResources[href] = null;
scriptConfig = [];
pushLinkImpl(scriptConfig, props);
JSCompiler_object_inline_bootstrapScripts_1890.add(scriptConfig);
JSCompiler_object_inline_bootstrapScripts_1891.add(scriptConfig);
bootstrapChunks.push('<script src="', escapeTextForBrowser(src), '"');
"string" === typeof integrity &&
bootstrapChunks.push(
@@ -3011,7 +3011,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
(props.moduleScriptResources[scriptConfig] = null),
(props = []),
pushLinkImpl(props, integrity),
JSCompiler_object_inline_bootstrapScripts_1890.add(props),
JSCompiler_object_inline_bootstrapScripts_1891.add(props),
bootstrapChunks.push(
'<script type="module" src="',
escapeTextForBrowser(i),
@@ -3033,7 +3033,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
bootstrapChunks.push(' async="">\x3c/script>');
return {
placeholderPrefix: bootstrapScriptContent,
segmentPrefix: JSCompiler_object_inline_segmentPrefix_1872,
segmentPrefix: JSCompiler_object_inline_segmentPrefix_1873,
boundaryPrefix: idPrefix,
startInlineScript: "<script",
startInlineStyle: "<style",
@@ -3053,14 +3053,14 @@ function createRenderState(resumableState, generateStaticMarkup) {
charsetChunks: [],
viewportChunks: [],
hoistableChunks: [],
preconnects: JSCompiler_object_inline_preconnects_1886,
fontPreloads: JSCompiler_object_inline_fontPreloads_1887,
highImagePreloads: JSCompiler_object_inline_highImagePreloads_1888,
styles: JSCompiler_object_inline_styles_1889,
bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1890,
scripts: JSCompiler_object_inline_scripts_1891,
bulkPreloads: JSCompiler_object_inline_bulkPreloads_1892,
preloads: JSCompiler_object_inline_preloads_1893,
preconnects: JSCompiler_object_inline_preconnects_1887,
fontPreloads: JSCompiler_object_inline_fontPreloads_1888,
highImagePreloads: JSCompiler_object_inline_highImagePreloads_1889,
styles: JSCompiler_object_inline_styles_1890,
bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1891,
scripts: JSCompiler_object_inline_scripts_1892,
bulkPreloads: JSCompiler_object_inline_bulkPreloads_1893,
preloads: JSCompiler_object_inline_preloads_1894,
nonce: { script: void 0, style: void 0 },
stylesToHoist: !1,
generateStaticMarkup: generateStaticMarkup
@@ -4285,45 +4285,50 @@ function renderSuspenseListRows(request, task, keyPath, rows, revealOrder) {
0 === --previousSuspenseListRow.pendingTasks &&
finishSuspenseListRow(request, previousSuspenseListRow);
else {
revealOrder = task.blockedSegment;
resumeSlots = revealOrder.children.length;
n = revealOrder.chunks.length;
for (i = keyPath - 1; 0 <= i; i--) {
node = rows[i];
resumeSlots = task.blockedSegment;
n = resumeSlots.children.length;
i = resumeSlots.chunks.length;
for (node = 0; node < keyPath; node++) {
resumeSegmentID =
"unstable_legacy-backwards" === revealOrder ? keyPath - 1 - node : node;
var node$39 = rows[resumeSegmentID];
task.row = previousSuspenseListRow = createSuspenseListRow(
previousSuspenseListRow
);
task.treeContext = pushTreeContext(prevTreeContext, keyPath, i);
resumeSegmentID = createPendingSegment(
task.treeContext = pushTreeContext(
prevTreeContext,
keyPath,
resumeSegmentID
);
var newSegment = createPendingSegment(
request,
n,
i,
null,
task.formatContext,
0 === i ? revealOrder.lastPushedText : !0,
0 === resumeSegmentID ? resumeSlots.lastPushedText : !0,
!0
);
revealOrder.children.splice(resumeSlots, 0, resumeSegmentID);
task.blockedSegment = resumeSegmentID;
resumeSlots.children.splice(n, 0, newSegment);
task.blockedSegment = newSegment;
try {
renderNode(request, task, node, i),
renderNode(request, task, node$39, resumeSegmentID),
pushSegmentFinale(
resumeSegmentID.chunks,
newSegment.chunks,
request.renderState,
resumeSegmentID.lastPushedText,
resumeSegmentID.textEmbedded
newSegment.lastPushedText,
newSegment.textEmbedded
),
(resumeSegmentID.status = 1),
(newSegment.status = 1),
0 === --previousSuspenseListRow.pendingTasks &&
finishSuspenseListRow(request, previousSuspenseListRow);
} catch (thrownValue) {
throw (
((resumeSegmentID.status = 12 === request.status ? 3 : 4),
thrownValue)
((newSegment.status = 12 === request.status ? 3 : 4), thrownValue)
);
}
}
task.blockedSegment = revealOrder;
revealOrder.lastPushedText = !1;
task.blockedSegment = resumeSlots;
resumeSlots.lastPushedText = !1;
}
null !== prevRow &&
null !== previousSuspenseListRow &&
@@ -4400,9 +4405,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
var defaultProps = type.defaultProps;
if (defaultProps) {
newProps === props && (newProps = assign({}, newProps, props));
for (var propName$43 in defaultProps)
void 0 === newProps[propName$43] &&
(newProps[propName$43] = defaultProps[propName$43]);
for (var propName$44 in defaultProps)
void 0 === newProps[propName$44] &&
(newProps[propName$44] = defaultProps[propName$44]);
}
var JSCompiler_inline_result = newProps;
var maskedContext = getMaskedContext(type, task.legacyContext),
@@ -4576,7 +4581,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
task.formatContext = prevContext;
task.keyPath = prevKeyPath$jscomp$0;
} else {
var children$40 = pushStartInstance(
var children$41 = pushStartInstance(
segment.chunks,
type,
props,
@@ -4588,13 +4593,13 @@ function renderElement(request, task, keyPath, type, props, ref) {
segment.lastPushedText
);
segment.lastPushedText = !1;
var prevContext$41 = task.formatContext,
prevKeyPath$42 = task.keyPath;
var prevContext$42 = task.formatContext,
prevKeyPath$43 = task.keyPath;
task.keyPath = keyPath;
if (
3 ===
(task.formatContext = getChildFormatContext(
prevContext$41,
prevContext$42,
type,
props
)).insertionMode
@@ -4611,7 +4616,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
task.blockedSegment = preambleSegment;
try {
(preambleSegment.status = 6),
renderNode(request, task, children$40, -1),
renderNode(request, task, children$41, -1),
pushSegmentFinale(
preambleSegment.chunks,
request.renderState,
@@ -4622,9 +4627,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
} finally {
task.blockedSegment = segment;
}
} else renderNode(request, task, children$40, -1);
task.formatContext = prevContext$41;
task.keyPath = prevKeyPath$42;
} else renderNode(request, task, children$41, -1);
task.formatContext = prevContext$42;
task.keyPath = prevKeyPath$43;
a: {
var target = segment.chunks,
resumableState = request.resumableState;
@@ -4649,19 +4654,19 @@ function renderElement(request, task, keyPath, type, props, ref) {
case "wbr":
break a;
case "body":
if (1 >= prevContext$41.insertionMode) {
if (1 >= prevContext$42.insertionMode) {
resumableState.hasBody = !0;
break a;
}
break;
case "html":
if (0 === prevContext$41.insertionMode) {
if (0 === prevContext$42.insertionMode) {
resumableState.hasHtml = !0;
break a;
}
break;
case "head":
if (1 >= prevContext$41.insertionMode) break a;
if (1 >= prevContext$42.insertionMode) break a;
}
target.push(endChunkForTag(type));
}
@@ -4691,10 +4696,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
request.renderState.generateStaticMarkup ||
segment$jscomp$0.chunks.push("\x3c!--&--\x3e");
segment$jscomp$0.lastPushedText = !1;
var prevKeyPath$45 = task.keyPath;
var prevKeyPath$46 = task.keyPath;
task.keyPath = keyPath;
renderNode(request, task, props.children, -1);
task.keyPath = prevKeyPath$45;
task.keyPath = prevKeyPath$46;
request.renderState.generateStaticMarkup ||
segment$jscomp$0.chunks.push("\x3c!--/&--\x3e");
segment$jscomp$0.lastPushedText = !1;
@@ -4736,7 +4741,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
}
}
if ("together" === revealOrder) {
var prevKeyPath$39 = task.keyPath,
var prevKeyPath$40 = task.keyPath,
prevRow = task.row,
newRow = (task.row = createSuspenseListRow(null));
newRow.boundaries = [];
@@ -4745,7 +4750,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
renderNodeDestructive(request, task, children$jscomp$0, -1);
0 === --newRow.pendingTasks &&
finishSuspenseListRow(request, newRow);
task.keyPath = prevKeyPath$39;
task.keyPath = prevKeyPath$40;
task.row = prevRow;
null !== prevRow &&
0 < newRow.pendingTasks &&
@@ -4782,10 +4787,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
return;
}
case REACT_SCOPE_TYPE:
var prevKeyPath$46 = task.keyPath;
var prevKeyPath$47 = task.keyPath;
task.keyPath = keyPath;
renderNodeDestructive(request, task, props.children, -1);
task.keyPath = prevKeyPath$46;
task.keyPath = prevKeyPath$47;
return;
case REACT_SUSPENSE_TYPE:
a: if (null !== task.replay) {
@@ -5661,21 +5666,21 @@ function renderNode(request, task, node, childIndex) {
chunkLength = segment.chunks.length;
try {
return renderNodeDestructive(request, task, node, childIndex);
} catch (thrownValue$63) {
} catch (thrownValue$64) {
if (
(resetHooksState(),
(segment.children.length = childrenLength),
(segment.chunks.length = chunkLength),
(node =
thrownValue$63 === SuspenseException
thrownValue$64 === SuspenseException
? getSuspendedThenable()
: thrownValue$63),
: thrownValue$64),
12 !== request.status && "object" === typeof node && null !== node)
) {
if ("function" === typeof node.then) {
segment = node;
node =
thrownValue$63 === SuspenseException
thrownValue$64 === SuspenseException
? getThenableStateAfterSuspending()
: null;
request = spawnNewSuspendedRenderTask(request, task, node).ping;
@@ -5691,7 +5696,7 @@ function renderNode(request, task, node, childIndex) {
}
if ("Maximum call stack size exceeded" === node.message) {
segment =
thrownValue$63 === SuspenseException
thrownValue$64 === SuspenseException
? getThenableStateAfterSuspending()
: null;
segment = spawnNewSuspendedRenderTask(request, task, segment);
@@ -5808,12 +5813,12 @@ function abortTask(task, request, error) {
0 === request.pendingRootTasks && completeShell(request);
}
} else {
var trackedPostpones$64 = request.trackedPostpones;
var trackedPostpones$65 = request.trackedPostpones;
if (4 !== boundary.status) {
if (null !== trackedPostpones$64 && null !== segment)
if (null !== trackedPostpones$65 && null !== segment)
return (
logRecoverableError(request, error, errorInfo),
trackPostpone(request, trackedPostpones$64, task, segment),
trackPostpone(request, trackedPostpones$65, task, segment),
boundary.fallbackAbortableTasks.forEach(function (fallbackTask) {
return abortTask(fallbackTask, request, error);
}),
@@ -6787,12 +6792,12 @@ function flushCompletedQueues(request, destination) {
flushingPartialBoundaries = !0;
var partialBoundaries = request.partialBoundaries;
for (i = 0; i < partialBoundaries.length; i++) {
var boundary$70 = partialBoundaries[i];
var boundary$71 = partialBoundaries[i];
a: {
clientRenderedBoundaries = request;
boundary = destination;
flushedByteSize = boundary$70.byteSize;
var completedSegments = boundary$70.completedSegments;
flushedByteSize = boundary$71.byteSize;
var completedSegments = boundary$71.completedSegments;
for (
JSCompiler_inline_result = 0;
JSCompiler_inline_result < completedSegments.length;
@@ -6802,7 +6807,7 @@ function flushCompletedQueues(request, destination) {
!flushPartiallyCompletedSegment(
clientRenderedBoundaries,
boundary,
boundary$70,
boundary$71,
completedSegments[JSCompiler_inline_result]
)
) {
@@ -6812,10 +6817,10 @@ function flushCompletedQueues(request, destination) {
break a;
}
completedSegments.splice(0, JSCompiler_inline_result);
var row = boundary$70.row;
var row = boundary$71.row;
null !== row &&
row.together &&
1 === boundary$70.pendingTasks &&
1 === boundary$71.pendingTasks &&
(1 === row.pendingTasks
? unblockSuspenseListRow(
clientRenderedBoundaries,
@@ -6825,7 +6830,7 @@ function flushCompletedQueues(request, destination) {
: row.pendingTasks--);
JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
boundary,
boundary$70.contentState,
boundary$71.contentState,
clientRenderedBoundaries.renderState
);
}
@@ -6910,8 +6915,8 @@ function abort(request, reason) {
}
null !== request.destination &&
flushCompletedQueues(request, request.destination);
} catch (error$72) {
logRecoverableError(request, error$72, {}), fatalError(request, error$72);
} catch (error$73) {
logRecoverableError(request, error$73, {}), fatalError(request, error$73);
}
}
function addToReplayParent(node, parentKeyPath, trackedPostpones) {
@@ -6992,4 +6997,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 = "19.3.0-www-classic-26cf2804-20251031";
exports.version = "19.3.0-www-classic-488d88b0-20251031";
compiled/facebook-www/ReactDOMServer-prod.modern.js
+83 -78
View File
@@ -2916,16 +2916,16 @@ function createRenderState(resumableState, generateStaticMarkup) {
"\x3c/script>"
));
bootstrapScriptContent = idPrefix + "P:";
var JSCompiler_object_inline_segmentPrefix_1859 = idPrefix + "S:";
var JSCompiler_object_inline_segmentPrefix_1860 = idPrefix + "S:";
idPrefix += "B:";
var JSCompiler_object_inline_preconnects_1873 = new Set(),
JSCompiler_object_inline_fontPreloads_1874 = new Set(),
JSCompiler_object_inline_highImagePreloads_1875 = new Set(),
JSCompiler_object_inline_styles_1876 = new Map(),
JSCompiler_object_inline_bootstrapScripts_1877 = new Set(),
JSCompiler_object_inline_scripts_1878 = new Set(),
JSCompiler_object_inline_bulkPreloads_1879 = new Set(),
JSCompiler_object_inline_preloads_1880 = {
var JSCompiler_object_inline_preconnects_1874 = new Set(),
JSCompiler_object_inline_fontPreloads_1875 = new Set(),
JSCompiler_object_inline_highImagePreloads_1876 = new Set(),
JSCompiler_object_inline_styles_1877 = new Map(),
JSCompiler_object_inline_bootstrapScripts_1878 = new Set(),
JSCompiler_object_inline_scripts_1879 = new Set(),
JSCompiler_object_inline_bulkPreloads_1880 = new Set(),
JSCompiler_object_inline_preloads_1881 = {
images: new Map(),
stylesheets: new Map(),
scripts: new Map(),
@@ -2962,7 +2962,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
scriptConfig.moduleScriptResources[href] = null;
scriptConfig = [];
pushLinkImpl(scriptConfig, props);
JSCompiler_object_inline_bootstrapScripts_1877.add(scriptConfig);
JSCompiler_object_inline_bootstrapScripts_1878.add(scriptConfig);
bootstrapChunks.push('<script src="', escapeTextForBrowser(src), '"');
"string" === typeof integrity &&
bootstrapChunks.push(
@@ -3009,7 +3009,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
(props.moduleScriptResources[scriptConfig] = null),
(props = []),
pushLinkImpl(props, integrity),
JSCompiler_object_inline_bootstrapScripts_1877.add(props),
JSCompiler_object_inline_bootstrapScripts_1878.add(props),
bootstrapChunks.push(
'<script type="module" src="',
escapeTextForBrowser(i),
@@ -3031,7 +3031,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
bootstrapChunks.push(' async="">\x3c/script>');
return {
placeholderPrefix: bootstrapScriptContent,
segmentPrefix: JSCompiler_object_inline_segmentPrefix_1859,
segmentPrefix: JSCompiler_object_inline_segmentPrefix_1860,
boundaryPrefix: idPrefix,
startInlineScript: "<script",
startInlineStyle: "<style",
@@ -3051,14 +3051,14 @@ function createRenderState(resumableState, generateStaticMarkup) {
charsetChunks: [],
viewportChunks: [],
hoistableChunks: [],
preconnects: JSCompiler_object_inline_preconnects_1873,
fontPreloads: JSCompiler_object_inline_fontPreloads_1874,
highImagePreloads: JSCompiler_object_inline_highImagePreloads_1875,
styles: JSCompiler_object_inline_styles_1876,
bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1877,
scripts: JSCompiler_object_inline_scripts_1878,
bulkPreloads: JSCompiler_object_inline_bulkPreloads_1879,
preloads: JSCompiler_object_inline_preloads_1880,
preconnects: JSCompiler_object_inline_preconnects_1874,
fontPreloads: JSCompiler_object_inline_fontPreloads_1875,
highImagePreloads: JSCompiler_object_inline_highImagePreloads_1876,
styles: JSCompiler_object_inline_styles_1877,
bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1878,
scripts: JSCompiler_object_inline_scripts_1879,
bulkPreloads: JSCompiler_object_inline_bulkPreloads_1880,
preloads: JSCompiler_object_inline_preloads_1881,
nonce: { script: void 0, style: void 0 },
stylesToHoist: !1,
generateStaticMarkup: generateStaticMarkup
@@ -4270,45 +4270,50 @@ function renderSuspenseListRows(request, task, keyPath, rows, revealOrder) {
0 === --previousSuspenseListRow.pendingTasks &&
finishSuspenseListRow(request, previousSuspenseListRow);
else {
revealOrder = task.blockedSegment;
resumeSlots = revealOrder.children.length;
n = revealOrder.chunks.length;
for (i = keyPath - 1; 0 <= i; i--) {
node = rows[i];
resumeSlots = task.blockedSegment;
n = resumeSlots.children.length;
i = resumeSlots.chunks.length;
for (node = 0; node < keyPath; node++) {
resumeSegmentID =
"unstable_legacy-backwards" === revealOrder ? keyPath - 1 - node : node;
var node$39 = rows[resumeSegmentID];
task.row = previousSuspenseListRow = createSuspenseListRow(
previousSuspenseListRow
);
task.treeContext = pushTreeContext(prevTreeContext, keyPath, i);
resumeSegmentID = createPendingSegment(
task.treeContext = pushTreeContext(
prevTreeContext,
keyPath,
resumeSegmentID
);
var newSegment = createPendingSegment(
request,
n,
i,
null,
task.formatContext,
0 === i ? revealOrder.lastPushedText : !0,
0 === resumeSegmentID ? resumeSlots.lastPushedText : !0,
!0
);
revealOrder.children.splice(resumeSlots, 0, resumeSegmentID);
task.blockedSegment = resumeSegmentID;
resumeSlots.children.splice(n, 0, newSegment);
task.blockedSegment = newSegment;
try {
renderNode(request, task, node, i),
renderNode(request, task, node$39, resumeSegmentID),
pushSegmentFinale(
resumeSegmentID.chunks,
newSegment.chunks,
request.renderState,
resumeSegmentID.lastPushedText,
resumeSegmentID.textEmbedded
newSegment.lastPushedText,
newSegment.textEmbedded
),
(resumeSegmentID.status = 1),
(newSegment.status = 1),
0 === --previousSuspenseListRow.pendingTasks &&
finishSuspenseListRow(request, previousSuspenseListRow);
} catch (thrownValue) {
throw (
((resumeSegmentID.status = 12 === request.status ? 3 : 4),
thrownValue)
((newSegment.status = 12 === request.status ? 3 : 4), thrownValue)
);
}
}
task.blockedSegment = revealOrder;
revealOrder.lastPushedText = !1;
task.blockedSegment = resumeSlots;
resumeSlots.lastPushedText = !1;
}
null !== prevRow &&
null !== previousSuspenseListRow &&
@@ -4385,9 +4390,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
var defaultProps = type.defaultProps;
if (defaultProps) {
newProps === props && (newProps = assign({}, newProps, props));
for (var propName$43 in defaultProps)
void 0 === newProps[propName$43] &&
(newProps[propName$43] = defaultProps[propName$43]);
for (var propName$44 in defaultProps)
void 0 === newProps[propName$44] &&
(newProps[propName$44] = defaultProps[propName$44]);
}
var JSCompiler_inline_result = newProps;
var context = emptyContextObject,
@@ -4520,7 +4525,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
task.formatContext = prevContext;
task.keyPath = prevKeyPath$jscomp$0;
} else {
var children$40 = pushStartInstance(
var children$41 = pushStartInstance(
segment.chunks,
type,
props,
@@ -4532,13 +4537,13 @@ function renderElement(request, task, keyPath, type, props, ref) {
segment.lastPushedText
);
segment.lastPushedText = !1;
var prevContext$41 = task.formatContext,
prevKeyPath$42 = task.keyPath;
var prevContext$42 = task.formatContext,
prevKeyPath$43 = task.keyPath;
task.keyPath = keyPath;
if (
3 ===
(task.formatContext = getChildFormatContext(
prevContext$41,
prevContext$42,
type,
props
)).insertionMode
@@ -4555,7 +4560,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
task.blockedSegment = preambleSegment;
try {
(preambleSegment.status = 6),
renderNode(request, task, children$40, -1),
renderNode(request, task, children$41, -1),
pushSegmentFinale(
preambleSegment.chunks,
request.renderState,
@@ -4566,9 +4571,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
} finally {
task.blockedSegment = segment;
}
} else renderNode(request, task, children$40, -1);
task.formatContext = prevContext$41;
task.keyPath = prevKeyPath$42;
} else renderNode(request, task, children$41, -1);
task.formatContext = prevContext$42;
task.keyPath = prevKeyPath$43;
a: {
var target = segment.chunks,
resumableState = request.resumableState;
@@ -4593,19 +4598,19 @@ function renderElement(request, task, keyPath, type, props, ref) {
case "wbr":
break a;
case "body":
if (1 >= prevContext$41.insertionMode) {
if (1 >= prevContext$42.insertionMode) {
resumableState.hasBody = !0;
break a;
}
break;
case "html":
if (0 === prevContext$41.insertionMode) {
if (0 === prevContext$42.insertionMode) {
resumableState.hasHtml = !0;
break a;
}
break;
case "head":
if (1 >= prevContext$41.insertionMode) break a;
if (1 >= prevContext$42.insertionMode) break a;
}
target.push(endChunkForTag(type));
}
@@ -4635,10 +4640,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
request.renderState.generateStaticMarkup ||
segment$jscomp$0.chunks.push("\x3c!--&--\x3e");
segment$jscomp$0.lastPushedText = !1;
var prevKeyPath$45 = task.keyPath;
var prevKeyPath$46 = task.keyPath;
task.keyPath = keyPath;
renderNode(request, task, props.children, -1);
task.keyPath = prevKeyPath$45;
task.keyPath = prevKeyPath$46;
request.renderState.generateStaticMarkup ||
segment$jscomp$0.chunks.push("\x3c!--/&--\x3e");
segment$jscomp$0.lastPushedText = !1;
@@ -4680,7 +4685,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
}
}
if ("together" === revealOrder) {
var prevKeyPath$39 = task.keyPath,
var prevKeyPath$40 = task.keyPath,
prevRow = task.row,
newRow = (task.row = createSuspenseListRow(null));
newRow.boundaries = [];
@@ -4689,7 +4694,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
renderNodeDestructive(request, task, children$jscomp$0, -1);
0 === --newRow.pendingTasks &&
finishSuspenseListRow(request, newRow);
task.keyPath = prevKeyPath$39;
task.keyPath = prevKeyPath$40;
task.row = prevRow;
null !== prevRow &&
0 < newRow.pendingTasks &&
@@ -4726,10 +4731,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
return;
}
case REACT_SCOPE_TYPE:
var prevKeyPath$46 = task.keyPath;
var prevKeyPath$47 = task.keyPath;
task.keyPath = keyPath;
renderNodeDestructive(request, task, props.children, -1);
task.keyPath = prevKeyPath$46;
task.keyPath = prevKeyPath$47;
return;
case REACT_SUSPENSE_TYPE:
a: if (null !== task.replay) {
@@ -5597,21 +5602,21 @@ function renderNode(request, task, node, childIndex) {
chunkLength = segment.chunks.length;
try {
return renderNodeDestructive(request, task, node, childIndex);
} catch (thrownValue$63) {
} catch (thrownValue$64) {
if (
(resetHooksState(),
(segment.children.length = childrenLength),
(segment.chunks.length = chunkLength),
(node =
thrownValue$63 === SuspenseException
thrownValue$64 === SuspenseException
? getSuspendedThenable()
: thrownValue$63),
: thrownValue$64),
12 !== request.status && "object" === typeof node && null !== node)
) {
if ("function" === typeof node.then) {
segment = node;
node =
thrownValue$63 === SuspenseException
thrownValue$64 === SuspenseException
? getThenableStateAfterSuspending()
: null;
request = spawnNewSuspendedRenderTask(request, task, node).ping;
@@ -5626,7 +5631,7 @@ function renderNode(request, task, node, childIndex) {
}
if ("Maximum call stack size exceeded" === node.message) {
segment =
thrownValue$63 === SuspenseException
thrownValue$64 === SuspenseException
? getThenableStateAfterSuspending()
: null;
segment = spawnNewSuspendedRenderTask(request, task, segment);
@@ -5741,12 +5746,12 @@ function abortTask(task, request, error) {
0 === request.pendingRootTasks && completeShell(request);
}
} else {
var trackedPostpones$64 = request.trackedPostpones;
var trackedPostpones$65 = request.trackedPostpones;
if (4 !== boundary.status) {
if (null !== trackedPostpones$64 && null !== segment)
if (null !== trackedPostpones$65 && null !== segment)
return (
logRecoverableError(request, error, errorInfo),
trackPostpone(request, trackedPostpones$64, task, segment),
trackPostpone(request, trackedPostpones$65, task, segment),
boundary.fallbackAbortableTasks.forEach(function (fallbackTask) {
return abortTask(fallbackTask, request, error);
}),
@@ -6720,12 +6725,12 @@ function flushCompletedQueues(request, destination) {
flushingPartialBoundaries = !0;
var partialBoundaries = request.partialBoundaries;
for (i = 0; i < partialBoundaries.length; i++) {
var boundary$70 = partialBoundaries[i];
var boundary$71 = partialBoundaries[i];
a: {
clientRenderedBoundaries = request;
boundary = destination;
flushedByteSize = boundary$70.byteSize;
var completedSegments = boundary$70.completedSegments;
flushedByteSize = boundary$71.byteSize;
var completedSegments = boundary$71.completedSegments;
for (
JSCompiler_inline_result = 0;
JSCompiler_inline_result < completedSegments.length;
@@ -6735,7 +6740,7 @@ function flushCompletedQueues(request, destination) {
!flushPartiallyCompletedSegment(
clientRenderedBoundaries,
boundary,
boundary$70,
boundary$71,
completedSegments[JSCompiler_inline_result]
)
) {
@@ -6745,10 +6750,10 @@ function flushCompletedQueues(request, destination) {
break a;
}
completedSegments.splice(0, JSCompiler_inline_result);
var row = boundary$70.row;
var row = boundary$71.row;
null !== row &&
row.together &&
1 === boundary$70.pendingTasks &&
1 === boundary$71.pendingTasks &&
(1 === row.pendingTasks
? unblockSuspenseListRow(
clientRenderedBoundaries,
@@ -6758,7 +6763,7 @@ function flushCompletedQueues(request, destination) {
: row.pendingTasks--);
JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
boundary,
boundary$70.contentState,
boundary$71.contentState,
clientRenderedBoundaries.renderState
);
}
@@ -6843,8 +6848,8 @@ function abort(request, reason) {
}
null !== request.destination &&
flushCompletedQueues(request, request.destination);
} catch (error$72) {
logRecoverableError(request, error$72, {}), fatalError(request, error$72);
} catch (error$73) {
logRecoverableError(request, error$73, {}), fatalError(request, error$73);
}
}
function addToReplayParent(node, parentKeyPath, trackedPostpones) {
@@ -6925,4 +6930,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 = "19.3.0-www-modern-26cf2804-20251031";
exports.version = "19.3.0-www-modern-488d88b0-20251031";
compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
+28 -21
View File
@@ -4939,46 +4939,53 @@ __DEV__ &&
0 === --previousSuspenseListRow.pendingTasks &&
finishSuspenseListRow(request, previousSuspenseListRow);
else {
revealOrder = task.blockedSegment;
resumeSlots = revealOrder.children.length;
n = revealOrder.chunks.length;
for (i = keyPath - 1; 0 <= i; i--) {
node = rows[i];
resumeSlots = task.blockedSegment;
n = resumeSlots.children.length;
i = resumeSlots.chunks.length;
for (node = 0; node < keyPath; node++) {
resumeSegmentID =
"unstable_legacy-backwards" === revealOrder
? keyPath - 1 - node
: node;
var _node3 = rows[resumeSegmentID];
task.row = previousSuspenseListRow = createSuspenseListRow(
previousSuspenseListRow
);
task.treeContext = pushTreeContext(prevTreeContext, keyPath, i);
resumeSegmentID = createPendingSegment(
task.treeContext = pushTreeContext(
prevTreeContext,
keyPath,
resumeSegmentID
);
var newSegment = createPendingSegment(
request,
n,
i,
null,
task.formatContext,
0 === i ? revealOrder.lastPushedText : !0,
0 === resumeSegmentID ? resumeSlots.lastPushedText : !0,
!0
);
revealOrder.children.splice(resumeSlots, 0, resumeSegmentID);
task.blockedSegment = resumeSegmentID;
warnForMissingKey(request, task, node);
resumeSlots.children.splice(n, 0, newSegment);
task.blockedSegment = newSegment;
warnForMissingKey(request, task, _node3);
try {
renderNode(request, task, node, i),
renderNode(request, task, _node3, resumeSegmentID),
pushSegmentFinale(
resumeSegmentID.chunks,
newSegment.chunks,
request.renderState,
resumeSegmentID.lastPushedText,
resumeSegmentID.textEmbedded
newSegment.lastPushedText,
newSegment.textEmbedded
),
(resumeSegmentID.status = 1),
(newSegment.status = 1),
0 === --previousSuspenseListRow.pendingTasks &&
finishSuspenseListRow(request, previousSuspenseListRow);
} catch (thrownValue) {
throw (
((resumeSegmentID.status = 12 === request.status ? 3 : 4),
thrownValue)
((newSegment.status = 12 === request.status ? 3 : 4), thrownValue)
);
}
}
task.blockedSegment = revealOrder;
revealOrder.lastPushedText = !1;
task.blockedSegment = resumeSlots;
resumeSlots.lastPushedText = !1;
}
null !== prevRow &&
null !== previousSuspenseListRow &&
compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
+62 -57
View File
@@ -4123,45 +4123,50 @@ function renderSuspenseListRows(request, task, keyPath, rows, revealOrder) {
0 === --previousSuspenseListRow.pendingTasks &&
finishSuspenseListRow(request, previousSuspenseListRow);
else {
revealOrder = task.blockedSegment;
resumeSlots = revealOrder.children.length;
n = revealOrder.chunks.length;
for (i = keyPath - 1; 0 <= i; i--) {
node = rows[i];
resumeSlots = task.blockedSegment;
n = resumeSlots.children.length;
i = resumeSlots.chunks.length;
for (node = 0; node < keyPath; node++) {
resumeSegmentID =
"unstable_legacy-backwards" === revealOrder ? keyPath - 1 - node : node;
var node$39 = rows[resumeSegmentID];
task.row = previousSuspenseListRow = createSuspenseListRow(
previousSuspenseListRow
);
task.treeContext = pushTreeContext(prevTreeContext, keyPath, i);
resumeSegmentID = createPendingSegment(
task.treeContext = pushTreeContext(
prevTreeContext,
keyPath,
resumeSegmentID
);
var newSegment = createPendingSegment(
request,
n,
i,
null,
task.formatContext,
0 === i ? revealOrder.lastPushedText : !0,
0 === resumeSegmentID ? resumeSlots.lastPushedText : !0,
!0
);
revealOrder.children.splice(resumeSlots, 0, resumeSegmentID);
task.blockedSegment = resumeSegmentID;
resumeSlots.children.splice(n, 0, newSegment);
task.blockedSegment = newSegment;
try {
renderNode(request, task, node, i),
renderNode(request, task, node$39, resumeSegmentID),
pushSegmentFinale(
resumeSegmentID.chunks,
newSegment.chunks,
request.renderState,
resumeSegmentID.lastPushedText,
resumeSegmentID.textEmbedded
newSegment.lastPushedText,
newSegment.textEmbedded
),
(resumeSegmentID.status = 1),
(newSegment.status = 1),
0 === --previousSuspenseListRow.pendingTasks &&
finishSuspenseListRow(request, previousSuspenseListRow);
} catch (thrownValue) {
throw (
((resumeSegmentID.status = 12 === request.status ? 3 : 4),
thrownValue)
((newSegment.status = 12 === request.status ? 3 : 4), thrownValue)
);
}
}
task.blockedSegment = revealOrder;
revealOrder.lastPushedText = !1;
task.blockedSegment = resumeSlots;
resumeSlots.lastPushedText = !1;
}
null !== prevRow &&
null !== previousSuspenseListRow &&
@@ -4238,9 +4243,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
var defaultProps = type.defaultProps;
if (defaultProps) {
newProps === props && (newProps = assign({}, newProps, props));
for (var propName$43 in defaultProps)
void 0 === newProps[propName$43] &&
(newProps[propName$43] = defaultProps[propName$43]);
for (var propName$44 in defaultProps)
void 0 === newProps[propName$44] &&
(newProps[propName$44] = defaultProps[propName$44]);
}
var JSCompiler_inline_result = newProps;
var context = emptyContextObject,
@@ -4373,7 +4378,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
task.formatContext = prevContext;
task.keyPath = prevKeyPath$jscomp$0;
} else {
var children$40 = pushStartInstance(
var children$41 = pushStartInstance(
segment.chunks,
type,
props,
@@ -4385,13 +4390,13 @@ function renderElement(request, task, keyPath, type, props, ref) {
segment.lastPushedText
);
segment.lastPushedText = !1;
var prevContext$41 = task.formatContext,
prevKeyPath$42 = task.keyPath;
var prevContext$42 = task.formatContext,
prevKeyPath$43 = task.keyPath;
task.keyPath = keyPath;
if (
3 ===
(task.formatContext = getChildFormatContext(
prevContext$41,
prevContext$42,
type,
props
)).insertionMode
@@ -4408,7 +4413,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
task.blockedSegment = preambleSegment;
try {
(preambleSegment.status = 6),
renderNode(request, task, children$40, -1),
renderNode(request, task, children$41, -1),
pushSegmentFinale(
preambleSegment.chunks,
request.renderState,
@@ -4419,9 +4424,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
} finally {
task.blockedSegment = segment;
}
} else renderNode(request, task, children$40, -1);
task.formatContext = prevContext$41;
task.keyPath = prevKeyPath$42;
} else renderNode(request, task, children$41, -1);
task.formatContext = prevContext$42;
task.keyPath = prevKeyPath$43;
a: {
var target = segment.chunks,
resumableState = request.resumableState;
@@ -4446,19 +4451,19 @@ function renderElement(request, task, keyPath, type, props, ref) {
case "wbr":
break a;
case "body":
if (1 >= prevContext$41.insertionMode) {
if (1 >= prevContext$42.insertionMode) {
resumableState.hasBody = !0;
break a;
}
break;
case "html":
if (0 === prevContext$41.insertionMode) {
if (0 === prevContext$42.insertionMode) {
resumableState.hasHtml = !0;
break a;
}
break;
case "head":
if (1 >= prevContext$41.insertionMode) break a;
if (1 >= prevContext$42.insertionMode) break a;
}
target.push(endChunkForTag(type));
}
@@ -4487,10 +4492,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
} else if ("hidden" !== props.mode) {
segment$jscomp$0.chunks.push("\x3c!--&--\x3e");
segment$jscomp$0.lastPushedText = !1;
var prevKeyPath$45 = task.keyPath;
var prevKeyPath$46 = task.keyPath;
task.keyPath = keyPath;
renderNode(request, task, props.children, -1);
task.keyPath = prevKeyPath$45;
task.keyPath = prevKeyPath$46;
segment$jscomp$0.chunks.push("\x3c!--/&--\x3e");
segment$jscomp$0.lastPushedText = !1;
}
@@ -4531,7 +4536,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
}
}
if ("together" === revealOrder) {
var prevKeyPath$39 = task.keyPath,
var prevKeyPath$40 = task.keyPath,
prevRow = task.row,
newRow = (task.row = createSuspenseListRow(null));
newRow.boundaries = [];
@@ -4540,7 +4545,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
renderNodeDestructive(request, task, children$jscomp$0, -1);
0 === --newRow.pendingTasks &&
finishSuspenseListRow(request, newRow);
task.keyPath = prevKeyPath$39;
task.keyPath = prevKeyPath$40;
task.row = prevRow;
null !== prevRow &&
0 < newRow.pendingTasks &&
@@ -4628,10 +4633,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
return;
}
case REACT_SCOPE_TYPE:
var prevKeyPath$46 = task.keyPath;
var prevKeyPath$47 = task.keyPath;
task.keyPath = keyPath;
renderNodeDestructive(request, task, props.children, -1);
task.keyPath = prevKeyPath$46;
task.keyPath = prevKeyPath$47;
return;
case REACT_SUSPENSE_TYPE:
a: if (null !== task.replay) {
@@ -5537,21 +5542,21 @@ function renderNode(request, task, node, childIndex) {
chunkLength = segment.chunks.length;
try {
return renderNodeDestructive(request, task, node, childIndex);
} catch (thrownValue$63) {
} catch (thrownValue$64) {
if (
(resetHooksState(),
(segment.children.length = childrenLength),
(segment.chunks.length = chunkLength),
(node =
thrownValue$63 === SuspenseException
thrownValue$64 === SuspenseException
? getSuspendedThenable()
: thrownValue$63),
: thrownValue$64),
12 !== request.status && "object" === typeof node && null !== node)
) {
if ("function" === typeof node.then) {
segment = node;
node =
thrownValue$63 === SuspenseException
thrownValue$64 === SuspenseException
? getThenableStateAfterSuspending()
: null;
request = spawnNewSuspendedRenderTask(request, task, node).ping;
@@ -5566,7 +5571,7 @@ function renderNode(request, task, node, childIndex) {
}
if ("Maximum call stack size exceeded" === node.message) {
segment =
thrownValue$63 === SuspenseException
thrownValue$64 === SuspenseException
? getThenableStateAfterSuspending()
: null;
segment = spawnNewSuspendedRenderTask(request, task, segment);
@@ -5684,12 +5689,12 @@ function abortTask(task, request, error) {
0 === request.pendingRootTasks && completeShell(request);
}
} else {
var trackedPostpones$64 = request.trackedPostpones;
var trackedPostpones$65 = request.trackedPostpones;
if (4 !== boundary.status) {
if (null !== trackedPostpones$64 && null !== segment)
if (null !== trackedPostpones$65 && null !== segment)
return (
logRecoverableError(request, error, errorInfo),
trackPostpone(request, trackedPostpones$64, task, segment),
trackPostpone(request, trackedPostpones$65, task, segment),
boundary.fallbackAbortableTasks.forEach(function (fallbackTask) {
return abortTask(fallbackTask, request, error);
}),
@@ -6469,12 +6474,12 @@ function flushCompletedQueues(request, destination) {
flushingPartialBoundaries = !0;
var partialBoundaries = request.partialBoundaries;
for (i = 0; i < partialBoundaries.length; i++) {
var boundary$70 = partialBoundaries[i];
var boundary$71 = partialBoundaries[i];
a: {
clientRenderedBoundaries = request;
boundary = destination;
flushedByteSize = boundary$70.byteSize;
var completedSegments = boundary$70.completedSegments;
flushedByteSize = boundary$71.byteSize;
var completedSegments = boundary$71.completedSegments;
for (
JSCompiler_inline_result = 0;
JSCompiler_inline_result < completedSegments.length;
@@ -6484,7 +6489,7 @@ function flushCompletedQueues(request, destination) {
!flushPartiallyCompletedSegment(
clientRenderedBoundaries,
boundary,
boundary$70,
boundary$71,
completedSegments[JSCompiler_inline_result]
)
) {
@@ -6494,10 +6499,10 @@ function flushCompletedQueues(request, destination) {
break a;
}
completedSegments.splice(0, JSCompiler_inline_result);
var row = boundary$70.row;
var row = boundary$71.row;
null !== row &&
row.together &&
1 === boundary$70.pendingTasks &&
1 === boundary$71.pendingTasks &&
(1 === row.pendingTasks
? unblockSuspenseListRow(
clientRenderedBoundaries,
@@ -6507,7 +6512,7 @@ function flushCompletedQueues(request, destination) {
: row.pendingTasks--);
JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
boundary,
boundary$70.contentState,
boundary$71.contentState,
clientRenderedBoundaries.renderState
);
}
@@ -6571,8 +6576,8 @@ function abort(request, reason) {
}
null !== request.destination &&
flushCompletedQueues(request, request.destination);
} catch (error$72) {
logRecoverableError(request, error$72, {}), fatalError(request, error$72);
} catch (error$73) {
logRecoverableError(request, error$73, {}), fatalError(request, error$73);
}
}
function addToReplayParent(node, parentKeyPath, trackedPostpones) {
compiled/facebook-www/ReactDOMTesting-dev.classic.js
+171 -142
View File
@@ -11131,24 +11131,24 @@ __DEV__ &&
return current;
}
function updateSuspenseComponent(current, workInProgress, renderLanes) {
var JSCompiler_object_inline_digest_3144;
var JSCompiler_object_inline_stack_3145 = workInProgress.pendingProps;
var JSCompiler_object_inline_digest_3139;
var JSCompiler_object_inline_stack_3140 = workInProgress.pendingProps;
shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
var JSCompiler_object_inline_message_3143 = !1;
var JSCompiler_object_inline_message_3138 = !1;
var didSuspend = 0 !== (workInProgress.flags & 128);
(JSCompiler_object_inline_digest_3144 = didSuspend) ||
(JSCompiler_object_inline_digest_3144 =
(JSCompiler_object_inline_digest_3139 = didSuspend) ||
(JSCompiler_object_inline_digest_3139 =
null !== current && null === current.memoizedState
? !1
: 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
JSCompiler_object_inline_digest_3144 &&
((JSCompiler_object_inline_message_3143 = !0),
JSCompiler_object_inline_digest_3139 &&
((JSCompiler_object_inline_message_3138 = !0),
(workInProgress.flags &= -129));
JSCompiler_object_inline_digest_3144 = 0 !== (workInProgress.flags & 32);
JSCompiler_object_inline_digest_3139 = 0 !== (workInProgress.flags & 32);
workInProgress.flags &= -33;
if (null === current) {
if (isHydrating) {
JSCompiler_object_inline_message_3143
JSCompiler_object_inline_message_3138
? pushPrimaryTreeSuspenseHandler(workInProgress)
: reuseSuspenseHandlerOnStack(workInProgress);
(current = nextHydratableInstance)
@@ -11161,18 +11161,18 @@ __DEV__ &&
? renderLanes
: null),
null !== renderLanes &&
((JSCompiler_object_inline_digest_3144 = {
((JSCompiler_object_inline_digest_3139 = {
dehydrated: renderLanes,
treeContext: getSuspendedTreeContext(),
retryLane: 536870912,
hydrationErrors: null
}),
(workInProgress.memoizedState =
JSCompiler_object_inline_digest_3144),
(JSCompiler_object_inline_digest_3144 =
JSCompiler_object_inline_digest_3139),
(JSCompiler_object_inline_digest_3139 =
createFiberFromDehydratedFragment(renderLanes)),
(JSCompiler_object_inline_digest_3144.return = workInProgress),
(workInProgress.child = JSCompiler_object_inline_digest_3144),
(JSCompiler_object_inline_digest_3139.return = workInProgress),
(workInProgress.child = JSCompiler_object_inline_digest_3139),
(hydrationParentFiber = workInProgress),
(nextHydratableInstance = null)))
: (renderLanes = null);
@@ -11186,9 +11186,9 @@ __DEV__ &&
: (workInProgress.lanes = 536870912);
return null;
}
var nextPrimaryChildren = JSCompiler_object_inline_stack_3145.children,
nextFallbackChildren = JSCompiler_object_inline_stack_3145.fallback;
if (JSCompiler_object_inline_message_3143)
var nextPrimaryChildren = JSCompiler_object_inline_stack_3140.children,
nextFallbackChildren = JSCompiler_object_inline_stack_3140.fallback;
if (JSCompiler_object_inline_message_3138)
return (
reuseSuspenseHandlerOnStack(workInProgress),
mountSuspenseFallbackChildren(
@@ -11197,13 +11197,13 @@ __DEV__ &&
nextFallbackChildren,
renderLanes
),
(JSCompiler_object_inline_stack_3145 = workInProgress.child),
(JSCompiler_object_inline_stack_3145.memoizedState =
(JSCompiler_object_inline_stack_3140 = workInProgress.child),
(JSCompiler_object_inline_stack_3140.memoizedState =
mountSuspenseOffscreenState(renderLanes)),
(JSCompiler_object_inline_stack_3145.childLanes =
(JSCompiler_object_inline_stack_3140.childLanes =
getRemainingWorkInPrimaryTree(
current,
JSCompiler_object_inline_digest_3144,
JSCompiler_object_inline_digest_3139,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
@@ -11215,20 +11215,20 @@ __DEV__ &&
((current = enableTransitionTracing
? markerInstanceStack.current
: null),
(renderLanes = JSCompiler_object_inline_stack_3145.updateQueue),
(renderLanes = JSCompiler_object_inline_stack_3140.updateQueue),
null === renderLanes
? (JSCompiler_object_inline_stack_3145.updateQueue = {
? (JSCompiler_object_inline_stack_3140.updateQueue = {
transitions: workInProgress,
markerInstances: current,
retryQueue: null
})
: ((renderLanes.transitions = workInProgress),
(renderLanes.markerInstances = current)))),
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3145)
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3140)
);
if (
"number" ===
typeof JSCompiler_object_inline_stack_3145.unstable_expectedLoadTime
typeof JSCompiler_object_inline_stack_3140.unstable_expectedLoadTime
)
return (
reuseSuspenseHandlerOnStack(workInProgress),
@@ -11238,18 +11238,18 @@ __DEV__ &&
nextFallbackChildren,
renderLanes
),
(JSCompiler_object_inline_stack_3145 = workInProgress.child),
(JSCompiler_object_inline_stack_3145.memoizedState =
(JSCompiler_object_inline_stack_3140 = workInProgress.child),
(JSCompiler_object_inline_stack_3140.memoizedState =
mountSuspenseOffscreenState(renderLanes)),
(JSCompiler_object_inline_stack_3145.childLanes =
(JSCompiler_object_inline_stack_3140.childLanes =
getRemainingWorkInPrimaryTree(
current,
JSCompiler_object_inline_digest_3144,
JSCompiler_object_inline_digest_3139,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
(workInProgress.lanes = 4194304),
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3145)
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3140)
);
pushPrimaryTreeSuspenseHandler(workInProgress);
return mountSuspensePrimaryChildren(
@@ -11259,8 +11259,8 @@ __DEV__ &&
}
var prevState = current.memoizedState;
if (null !== prevState) {
var JSCompiler_object_inline_componentStack_3146 = prevState.dehydrated;
if (null !== JSCompiler_object_inline_componentStack_3146) {
var JSCompiler_object_inline_componentStack_3141 = prevState.dehydrated;
if (null !== JSCompiler_object_inline_componentStack_3141) {
if (didSuspend)
workInProgress.flags & 256
? (pushPrimaryTreeSuspenseHandler(workInProgress),
@@ -11277,13 +11277,13 @@ __DEV__ &&
(workInProgress = null))
: (reuseSuspenseHandlerOnStack(workInProgress),
(nextPrimaryChildren =
JSCompiler_object_inline_stack_3145.fallback),
JSCompiler_object_inline_stack_3140.fallback),
(nextFallbackChildren = workInProgress.mode),
(JSCompiler_object_inline_stack_3145 =
(JSCompiler_object_inline_stack_3140 =
mountWorkInProgressOffscreenFiber(
{
mode: "visible",
children: JSCompiler_object_inline_stack_3145.children
children: JSCompiler_object_inline_stack_3140.children
},
nextFallbackChildren
)),
@@ -11294,30 +11294,30 @@ __DEV__ &&
null
)),
(nextPrimaryChildren.flags |= 2),
(JSCompiler_object_inline_stack_3145.return = workInProgress),
(JSCompiler_object_inline_stack_3140.return = workInProgress),
(nextPrimaryChildren.return = workInProgress),
(JSCompiler_object_inline_stack_3145.sibling =
(JSCompiler_object_inline_stack_3140.sibling =
nextPrimaryChildren),
(workInProgress.child = JSCompiler_object_inline_stack_3145),
(workInProgress.child = JSCompiler_object_inline_stack_3140),
reconcileChildFibers(
workInProgress,
current.child,
null,
renderLanes
),
(JSCompiler_object_inline_stack_3145 = workInProgress.child),
(JSCompiler_object_inline_stack_3145.memoizedState =
(JSCompiler_object_inline_stack_3140 = workInProgress.child),
(JSCompiler_object_inline_stack_3140.memoizedState =
mountSuspenseOffscreenState(renderLanes)),
(JSCompiler_object_inline_stack_3145.childLanes =
(JSCompiler_object_inline_stack_3140.childLanes =
getRemainingWorkInPrimaryTree(
current,
JSCompiler_object_inline_digest_3144,
JSCompiler_object_inline_digest_3139,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
(workInProgress = bailoutOffscreenComponent(
null,
JSCompiler_object_inline_stack_3145
JSCompiler_object_inline_stack_3140
)));
else if (
(pushPrimaryTreeSuspenseHandler(workInProgress),
@@ -11325,45 +11325,45 @@ __DEV__ &&
0 !== (renderLanes & 536870912) &&
markRenderDerivedCause(workInProgress),
isSuspenseInstanceFallback(
JSCompiler_object_inline_componentStack_3146
JSCompiler_object_inline_componentStack_3141
))
) {
JSCompiler_object_inline_digest_3144 =
JSCompiler_object_inline_componentStack_3146.nextSibling &&
JSCompiler_object_inline_componentStack_3146.nextSibling.dataset;
if (JSCompiler_object_inline_digest_3144) {
nextPrimaryChildren = JSCompiler_object_inline_digest_3144.dgst;
var message = JSCompiler_object_inline_digest_3144.msg;
nextFallbackChildren = JSCompiler_object_inline_digest_3144.stck;
var componentStack = JSCompiler_object_inline_digest_3144.cstck;
JSCompiler_object_inline_digest_3139 =
JSCompiler_object_inline_componentStack_3141.nextSibling &&
JSCompiler_object_inline_componentStack_3141.nextSibling.dataset;
if (JSCompiler_object_inline_digest_3139) {
nextPrimaryChildren = JSCompiler_object_inline_digest_3139.dgst;
var message = JSCompiler_object_inline_digest_3139.msg;
nextFallbackChildren = JSCompiler_object_inline_digest_3139.stck;
var componentStack = JSCompiler_object_inline_digest_3139.cstck;
}
JSCompiler_object_inline_message_3143 = message;
JSCompiler_object_inline_digest_3144 = nextPrimaryChildren;
JSCompiler_object_inline_stack_3145 = nextFallbackChildren;
JSCompiler_object_inline_componentStack_3146 = componentStack;
nextPrimaryChildren = JSCompiler_object_inline_message_3143;
nextFallbackChildren = JSCompiler_object_inline_componentStack_3146;
JSCompiler_object_inline_message_3138 = message;
JSCompiler_object_inline_digest_3139 = nextPrimaryChildren;
JSCompiler_object_inline_stack_3140 = nextFallbackChildren;
JSCompiler_object_inline_componentStack_3141 = componentStack;
nextPrimaryChildren = JSCompiler_object_inline_message_3138;
nextFallbackChildren = JSCompiler_object_inline_componentStack_3141;
nextPrimaryChildren = nextPrimaryChildren
? Error(nextPrimaryChildren)
: Error(
"The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
);
nextPrimaryChildren.stack =
JSCompiler_object_inline_stack_3145 || "";
nextPrimaryChildren.digest = JSCompiler_object_inline_digest_3144;
JSCompiler_object_inline_digest_3144 =
JSCompiler_object_inline_stack_3140 || "";
nextPrimaryChildren.digest = JSCompiler_object_inline_digest_3139;
JSCompiler_object_inline_digest_3139 =
void 0 === nextFallbackChildren ? null : nextFallbackChildren;
JSCompiler_object_inline_stack_3145 = {
JSCompiler_object_inline_stack_3140 = {
value: nextPrimaryChildren,
source: null,
stack: JSCompiler_object_inline_digest_3144
stack: JSCompiler_object_inline_digest_3139
};
"string" === typeof JSCompiler_object_inline_digest_3144 &&
"string" === typeof JSCompiler_object_inline_digest_3139 &&
CapturedStacks.set(
nextPrimaryChildren,
JSCompiler_object_inline_stack_3145
JSCompiler_object_inline_stack_3140
);
queueHydrationError(JSCompiler_object_inline_stack_3145);
queueHydrationError(JSCompiler_object_inline_stack_3140);
workInProgress = retrySuspenseComponentWithoutHydrating(
current,
workInProgress,
@@ -11377,35 +11377,35 @@ __DEV__ &&
renderLanes,
!1
),
(JSCompiler_object_inline_digest_3144 =
(JSCompiler_object_inline_digest_3139 =
0 !== (renderLanes & current.childLanes)),
didReceiveUpdate || JSCompiler_object_inline_digest_3144)
didReceiveUpdate || JSCompiler_object_inline_digest_3139)
) {
JSCompiler_object_inline_digest_3144 = workInProgressRoot;
JSCompiler_object_inline_digest_3139 = workInProgressRoot;
if (
null !== JSCompiler_object_inline_digest_3144 &&
((JSCompiler_object_inline_stack_3145 = getBumpedLaneForHydration(
JSCompiler_object_inline_digest_3144,
null !== JSCompiler_object_inline_digest_3139 &&
((JSCompiler_object_inline_stack_3140 = getBumpedLaneForHydration(
JSCompiler_object_inline_digest_3139,
renderLanes
)),
0 !== JSCompiler_object_inline_stack_3145 &&
JSCompiler_object_inline_stack_3145 !== prevState.retryLane)
0 !== JSCompiler_object_inline_stack_3140 &&
JSCompiler_object_inline_stack_3140 !== prevState.retryLane)
)
throw (
((prevState.retryLane = JSCompiler_object_inline_stack_3145),
((prevState.retryLane = JSCompiler_object_inline_stack_3140),
enqueueConcurrentRenderForLane(
current,
JSCompiler_object_inline_stack_3145
JSCompiler_object_inline_stack_3140
),
scheduleUpdateOnFiber(
JSCompiler_object_inline_digest_3144,
JSCompiler_object_inline_digest_3139,
current,
JSCompiler_object_inline_stack_3145
JSCompiler_object_inline_stack_3140
),
SelectiveHydrationException)
);
isSuspenseInstancePending(
JSCompiler_object_inline_componentStack_3146
JSCompiler_object_inline_componentStack_3141
) || renderDidSuspendDelayIfPossible();
workInProgress = retrySuspenseComponentWithoutHydrating(
current,
@@ -11414,14 +11414,14 @@ __DEV__ &&
);
} else
isSuspenseInstancePending(
JSCompiler_object_inline_componentStack_3146
JSCompiler_object_inline_componentStack_3141
)
? ((workInProgress.flags |= 192),
(workInProgress.child = current.child),
(workInProgress = null))
: ((current = prevState.treeContext),
(nextHydratableInstance = getNextHydratable(
JSCompiler_object_inline_componentStack_3146.nextSibling
JSCompiler_object_inline_componentStack_3141.nextSibling
)),
(hydrationParentFiber = workInProgress),
(isHydrating = !0),
@@ -11433,32 +11433,32 @@ __DEV__ &&
restoreSuspendedTreeContext(workInProgress, current),
(workInProgress = mountSuspensePrimaryChildren(
workInProgress,
JSCompiler_object_inline_stack_3145.children
JSCompiler_object_inline_stack_3140.children
)),
(workInProgress.flags |= 4096));
return workInProgress;
}
}
if (JSCompiler_object_inline_message_3143)
if (JSCompiler_object_inline_message_3138)
return (
reuseSuspenseHandlerOnStack(workInProgress),
(nextPrimaryChildren = JSCompiler_object_inline_stack_3145.fallback),
(nextPrimaryChildren = JSCompiler_object_inline_stack_3140.fallback),
(nextFallbackChildren = workInProgress.mode),
(componentStack = current.child),
(JSCompiler_object_inline_componentStack_3146 =
(JSCompiler_object_inline_componentStack_3141 =
componentStack.sibling),
(JSCompiler_object_inline_stack_3145 = createWorkInProgress(
(JSCompiler_object_inline_stack_3140 = createWorkInProgress(
componentStack,
{
mode: "hidden",
children: JSCompiler_object_inline_stack_3145.children
children: JSCompiler_object_inline_stack_3140.children
}
)),
(JSCompiler_object_inline_stack_3145.subtreeFlags =
(JSCompiler_object_inline_stack_3140.subtreeFlags =
componentStack.subtreeFlags & 65011712),
null !== JSCompiler_object_inline_componentStack_3146
null !== JSCompiler_object_inline_componentStack_3141
? (nextPrimaryChildren = createWorkInProgress(
JSCompiler_object_inline_componentStack_3146,
JSCompiler_object_inline_componentStack_3141,
nextPrimaryChildren
))
: ((nextPrimaryChildren = createFiberFromFragment(
@@ -11469,11 +11469,11 @@ __DEV__ &&
)),
(nextPrimaryChildren.flags |= 2)),
(nextPrimaryChildren.return = workInProgress),
(JSCompiler_object_inline_stack_3145.return = workInProgress),
(JSCompiler_object_inline_stack_3145.sibling = nextPrimaryChildren),
(workInProgress.child = JSCompiler_object_inline_stack_3145),
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3145),
(JSCompiler_object_inline_stack_3145 = workInProgress.child),
(JSCompiler_object_inline_stack_3140.return = workInProgress),
(JSCompiler_object_inline_stack_3140.sibling = nextPrimaryChildren),
(workInProgress.child = JSCompiler_object_inline_stack_3140),
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3140),
(JSCompiler_object_inline_stack_3140 = workInProgress.child),
(nextPrimaryChildren = current.child.memoizedState),
null === nextPrimaryChildren
? (nextPrimaryChildren = mountSuspenseOffscreenState(renderLanes))
@@ -11489,7 +11489,7 @@ __DEV__ &&
baseLanes: nextPrimaryChildren.baseLanes | renderLanes,
cachePool: nextFallbackChildren
})),
(JSCompiler_object_inline_stack_3145.memoizedState =
(JSCompiler_object_inline_stack_3140.memoizedState =
nextPrimaryChildren),
enableTransitionTracing &&
((nextPrimaryChildren = enableTransitionTracing
@@ -11500,37 +11500,37 @@ __DEV__ &&
? markerInstanceStack.current
: null),
(componentStack =
JSCompiler_object_inline_stack_3145.updateQueue),
(JSCompiler_object_inline_componentStack_3146 =
JSCompiler_object_inline_stack_3140.updateQueue),
(JSCompiler_object_inline_componentStack_3141 =
current.updateQueue),
null === componentStack
? (JSCompiler_object_inline_stack_3145.updateQueue = {
? (JSCompiler_object_inline_stack_3140.updateQueue = {
transitions: nextPrimaryChildren,
markerInstances: nextFallbackChildren,
retryQueue: null
})
: componentStack ===
JSCompiler_object_inline_componentStack_3146
? (JSCompiler_object_inline_stack_3145.updateQueue = {
JSCompiler_object_inline_componentStack_3141
? (JSCompiler_object_inline_stack_3140.updateQueue = {
transitions: nextPrimaryChildren,
markerInstances: nextFallbackChildren,
retryQueue:
null !== JSCompiler_object_inline_componentStack_3146
? JSCompiler_object_inline_componentStack_3146.retryQueue
null !== JSCompiler_object_inline_componentStack_3141
? JSCompiler_object_inline_componentStack_3141.retryQueue
: null
})
: ((componentStack.transitions = nextPrimaryChildren),
(componentStack.markerInstances = nextFallbackChildren)))),
(JSCompiler_object_inline_stack_3145.childLanes =
(JSCompiler_object_inline_stack_3140.childLanes =
getRemainingWorkInPrimaryTree(
current,
JSCompiler_object_inline_digest_3144,
JSCompiler_object_inline_digest_3139,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
bailoutOffscreenComponent(
current.child,
JSCompiler_object_inline_stack_3145
JSCompiler_object_inline_stack_3140
)
);
null !== prevState &&
@@ -11542,16 +11542,16 @@ __DEV__ &&
current = renderLanes.sibling;
renderLanes = createWorkInProgress(renderLanes, {
mode: "visible",
children: JSCompiler_object_inline_stack_3145.children
children: JSCompiler_object_inline_stack_3140.children
});
renderLanes.return = workInProgress;
renderLanes.sibling = null;
null !== current &&
((JSCompiler_object_inline_digest_3144 = workInProgress.deletions),
null === JSCompiler_object_inline_digest_3144
((JSCompiler_object_inline_digest_3139 = workInProgress.deletions),
null === JSCompiler_object_inline_digest_3139
? ((workInProgress.deletions = [current]),
(workInProgress.flags |= 16))
: JSCompiler_object_inline_digest_3144.push(current));
: JSCompiler_object_inline_digest_3139.push(current));
workInProgress.child = renderLanes;
workInProgress.memoizedState = null;
return renderLanes;
@@ -11616,6 +11616,16 @@ __DEV__ &&
propagationRoot
);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -11643,6 +11653,15 @@ __DEV__ &&
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -11660,6 +11679,7 @@ __DEV__ &&
if (
null != revealOrder &&
"forwards" !== revealOrder &&
"backwards" !== revealOrder &&
"unstable_legacy-backwards" !== revealOrder &&
"together" !== revealOrder &&
"independent" !== revealOrder &&
@@ -11667,12 +11687,8 @@ __DEV__ &&
)
if (
((didWarnAboutRevealOrder[suspenseContext] = !0),
"backwards" === revealOrder)
"string" === typeof revealOrder)
)
console.error(
'The rendering order of <SuspenseList revealOrder="backwards"> is changing. To be future compatible you must specify revealOrder="legacy_unstable-backwards" instead.'
);
else if ("string" === typeof revealOrder)
switch (revealOrder.toLowerCase()) {
case "together":
case "forwards":
@@ -11764,7 +11780,11 @@ __DEV__ &&
'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
revealOrder
);
reconcileChildren(current, workInProgress, newChildren, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, newChildren, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, newChildren, renderLanes);
isHydrating
? (warnIfNotHydrating(), (newChildren = treeForkCount))
: (newChildren = 0);
@@ -11791,6 +11811,22 @@ __DEV__ &&
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
newChildren
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -11828,27 +11864,20 @@ __DEV__ &&
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
newChildren
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
newChildren
);
}
return workInProgress.child;
}
@@ -33247,11 +33276,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.3.0-www-classic-26cf2804-20251031" !== isomorphicReactPackageVersion)
if ("19.3.0-www-classic-488d88b0-20251031" !== 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.3.0-www-classic-26cf2804-20251031\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.3.0-www-classic-488d88b0-20251031\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -33294,10 +33323,10 @@ __DEV__ &&
!(function () {
var internals = {
bundleType: 1,
version: "19.3.0-www-classic-26cf2804-20251031",
version: "19.3.0-www-classic-488d88b0-20251031",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-classic-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-classic-488d88b0-20251031"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -34076,5 +34105,5 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.3.0-www-classic-26cf2804-20251031";
exports.version = "19.3.0-www-classic-488d88b0-20251031";
})();
compiled/facebook-www/ReactDOMTesting-dev.modern.js
+171 -142
View File
@@ -10943,24 +10943,24 @@ __DEV__ &&
return current;
}
function updateSuspenseComponent(current, workInProgress, renderLanes) {
var JSCompiler_object_inline_digest_3139;
var JSCompiler_object_inline_stack_3140 = workInProgress.pendingProps;
var JSCompiler_object_inline_digest_3134;
var JSCompiler_object_inline_stack_3135 = workInProgress.pendingProps;
shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
var JSCompiler_object_inline_message_3138 = !1;
var JSCompiler_object_inline_message_3133 = !1;
var didSuspend = 0 !== (workInProgress.flags & 128);
(JSCompiler_object_inline_digest_3139 = didSuspend) ||
(JSCompiler_object_inline_digest_3139 =
(JSCompiler_object_inline_digest_3134 = didSuspend) ||
(JSCompiler_object_inline_digest_3134 =
null !== current && null === current.memoizedState
? !1
: 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
JSCompiler_object_inline_digest_3139 &&
((JSCompiler_object_inline_message_3138 = !0),
JSCompiler_object_inline_digest_3134 &&
((JSCompiler_object_inline_message_3133 = !0),
(workInProgress.flags &= -129));
JSCompiler_object_inline_digest_3139 = 0 !== (workInProgress.flags & 32);
JSCompiler_object_inline_digest_3134 = 0 !== (workInProgress.flags & 32);
workInProgress.flags &= -33;
if (null === current) {
if (isHydrating) {
JSCompiler_object_inline_message_3138
JSCompiler_object_inline_message_3133
? pushPrimaryTreeSuspenseHandler(workInProgress)
: reuseSuspenseHandlerOnStack(workInProgress);
(current = nextHydratableInstance)
@@ -10973,18 +10973,18 @@ __DEV__ &&
? renderLanes
: null),
null !== renderLanes &&
((JSCompiler_object_inline_digest_3139 = {
((JSCompiler_object_inline_digest_3134 = {
dehydrated: renderLanes,
treeContext: getSuspendedTreeContext(),
retryLane: 536870912,
hydrationErrors: null
}),
(workInProgress.memoizedState =
JSCompiler_object_inline_digest_3139),
(JSCompiler_object_inline_digest_3139 =
JSCompiler_object_inline_digest_3134),
(JSCompiler_object_inline_digest_3134 =
createFiberFromDehydratedFragment(renderLanes)),
(JSCompiler_object_inline_digest_3139.return = workInProgress),
(workInProgress.child = JSCompiler_object_inline_digest_3139),
(JSCompiler_object_inline_digest_3134.return = workInProgress),
(workInProgress.child = JSCompiler_object_inline_digest_3134),
(hydrationParentFiber = workInProgress),
(nextHydratableInstance = null)))
: (renderLanes = null);
@@ -10998,9 +10998,9 @@ __DEV__ &&
: (workInProgress.lanes = 536870912);
return null;
}
var nextPrimaryChildren = JSCompiler_object_inline_stack_3140.children,
nextFallbackChildren = JSCompiler_object_inline_stack_3140.fallback;
if (JSCompiler_object_inline_message_3138)
var nextPrimaryChildren = JSCompiler_object_inline_stack_3135.children,
nextFallbackChildren = JSCompiler_object_inline_stack_3135.fallback;
if (JSCompiler_object_inline_message_3133)
return (
reuseSuspenseHandlerOnStack(workInProgress),
mountSuspenseFallbackChildren(
@@ -11009,13 +11009,13 @@ __DEV__ &&
nextFallbackChildren,
renderLanes
),
(JSCompiler_object_inline_stack_3140 = workInProgress.child),
(JSCompiler_object_inline_stack_3140.memoizedState =
(JSCompiler_object_inline_stack_3135 = workInProgress.child),
(JSCompiler_object_inline_stack_3135.memoizedState =
mountSuspenseOffscreenState(renderLanes)),
(JSCompiler_object_inline_stack_3140.childLanes =
(JSCompiler_object_inline_stack_3135.childLanes =
getRemainingWorkInPrimaryTree(
current,
JSCompiler_object_inline_digest_3139,
JSCompiler_object_inline_digest_3134,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
@@ -11027,20 +11027,20 @@ __DEV__ &&
((current = enableTransitionTracing
? markerInstanceStack.current
: null),
(renderLanes = JSCompiler_object_inline_stack_3140.updateQueue),
(renderLanes = JSCompiler_object_inline_stack_3135.updateQueue),
null === renderLanes
? (JSCompiler_object_inline_stack_3140.updateQueue = {
? (JSCompiler_object_inline_stack_3135.updateQueue = {
transitions: workInProgress,
markerInstances: current,
retryQueue: null
})
: ((renderLanes.transitions = workInProgress),
(renderLanes.markerInstances = current)))),
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3140)
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3135)
);
if (
"number" ===
typeof JSCompiler_object_inline_stack_3140.unstable_expectedLoadTime
typeof JSCompiler_object_inline_stack_3135.unstable_expectedLoadTime
)
return (
reuseSuspenseHandlerOnStack(workInProgress),
@@ -11050,18 +11050,18 @@ __DEV__ &&
nextFallbackChildren,
renderLanes
),
(JSCompiler_object_inline_stack_3140 = workInProgress.child),
(JSCompiler_object_inline_stack_3140.memoizedState =
(JSCompiler_object_inline_stack_3135 = workInProgress.child),
(JSCompiler_object_inline_stack_3135.memoizedState =
mountSuspenseOffscreenState(renderLanes)),
(JSCompiler_object_inline_stack_3140.childLanes =
(JSCompiler_object_inline_stack_3135.childLanes =
getRemainingWorkInPrimaryTree(
current,
JSCompiler_object_inline_digest_3139,
JSCompiler_object_inline_digest_3134,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
(workInProgress.lanes = 4194304),
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3140)
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3135)
);
pushPrimaryTreeSuspenseHandler(workInProgress);
return mountSuspensePrimaryChildren(
@@ -11071,8 +11071,8 @@ __DEV__ &&
}
var prevState = current.memoizedState;
if (null !== prevState) {
var JSCompiler_object_inline_componentStack_3141 = prevState.dehydrated;
if (null !== JSCompiler_object_inline_componentStack_3141) {
var JSCompiler_object_inline_componentStack_3136 = prevState.dehydrated;
if (null !== JSCompiler_object_inline_componentStack_3136) {
if (didSuspend)
workInProgress.flags & 256
? (pushPrimaryTreeSuspenseHandler(workInProgress),
@@ -11089,13 +11089,13 @@ __DEV__ &&
(workInProgress = null))
: (reuseSuspenseHandlerOnStack(workInProgress),
(nextPrimaryChildren =
JSCompiler_object_inline_stack_3140.fallback),
JSCompiler_object_inline_stack_3135.fallback),
(nextFallbackChildren = workInProgress.mode),
(JSCompiler_object_inline_stack_3140 =
(JSCompiler_object_inline_stack_3135 =
mountWorkInProgressOffscreenFiber(
{
mode: "visible",
children: JSCompiler_object_inline_stack_3140.children
children: JSCompiler_object_inline_stack_3135.children
},
nextFallbackChildren
)),
@@ -11106,30 +11106,30 @@ __DEV__ &&
null
)),
(nextPrimaryChildren.flags |= 2),
(JSCompiler_object_inline_stack_3140.return = workInProgress),
(JSCompiler_object_inline_stack_3135.return = workInProgress),
(nextPrimaryChildren.return = workInProgress),
(JSCompiler_object_inline_stack_3140.sibling =
(JSCompiler_object_inline_stack_3135.sibling =
nextPrimaryChildren),
(workInProgress.child = JSCompiler_object_inline_stack_3140),
(workInProgress.child = JSCompiler_object_inline_stack_3135),
reconcileChildFibers(
workInProgress,
current.child,
null,
renderLanes
),
(JSCompiler_object_inline_stack_3140 = workInProgress.child),
(JSCompiler_object_inline_stack_3140.memoizedState =
(JSCompiler_object_inline_stack_3135 = workInProgress.child),
(JSCompiler_object_inline_stack_3135.memoizedState =
mountSuspenseOffscreenState(renderLanes)),
(JSCompiler_object_inline_stack_3140.childLanes =
(JSCompiler_object_inline_stack_3135.childLanes =
getRemainingWorkInPrimaryTree(
current,
JSCompiler_object_inline_digest_3139,
JSCompiler_object_inline_digest_3134,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
(workInProgress = bailoutOffscreenComponent(
null,
JSCompiler_object_inline_stack_3140
JSCompiler_object_inline_stack_3135
)));
else if (
(pushPrimaryTreeSuspenseHandler(workInProgress),
@@ -11137,45 +11137,45 @@ __DEV__ &&
0 !== (renderLanes & 536870912) &&
markRenderDerivedCause(workInProgress),
isSuspenseInstanceFallback(
JSCompiler_object_inline_componentStack_3141
JSCompiler_object_inline_componentStack_3136
))
) {
JSCompiler_object_inline_digest_3139 =
JSCompiler_object_inline_componentStack_3141.nextSibling &&
JSCompiler_object_inline_componentStack_3141.nextSibling.dataset;
if (JSCompiler_object_inline_digest_3139) {
nextPrimaryChildren = JSCompiler_object_inline_digest_3139.dgst;
var message = JSCompiler_object_inline_digest_3139.msg;
nextFallbackChildren = JSCompiler_object_inline_digest_3139.stck;
var componentStack = JSCompiler_object_inline_digest_3139.cstck;
JSCompiler_object_inline_digest_3134 =
JSCompiler_object_inline_componentStack_3136.nextSibling &&
JSCompiler_object_inline_componentStack_3136.nextSibling.dataset;
if (JSCompiler_object_inline_digest_3134) {
nextPrimaryChildren = JSCompiler_object_inline_digest_3134.dgst;
var message = JSCompiler_object_inline_digest_3134.msg;
nextFallbackChildren = JSCompiler_object_inline_digest_3134.stck;
var componentStack = JSCompiler_object_inline_digest_3134.cstck;
}
JSCompiler_object_inline_message_3138 = message;
JSCompiler_object_inline_digest_3139 = nextPrimaryChildren;
JSCompiler_object_inline_stack_3140 = nextFallbackChildren;
JSCompiler_object_inline_componentStack_3141 = componentStack;
nextPrimaryChildren = JSCompiler_object_inline_message_3138;
nextFallbackChildren = JSCompiler_object_inline_componentStack_3141;
JSCompiler_object_inline_message_3133 = message;
JSCompiler_object_inline_digest_3134 = nextPrimaryChildren;
JSCompiler_object_inline_stack_3135 = nextFallbackChildren;
JSCompiler_object_inline_componentStack_3136 = componentStack;
nextPrimaryChildren = JSCompiler_object_inline_message_3133;
nextFallbackChildren = JSCompiler_object_inline_componentStack_3136;
nextPrimaryChildren = nextPrimaryChildren
? Error(nextPrimaryChildren)
: Error(
"The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
);
nextPrimaryChildren.stack =
JSCompiler_object_inline_stack_3140 || "";
nextPrimaryChildren.digest = JSCompiler_object_inline_digest_3139;
JSCompiler_object_inline_digest_3139 =
JSCompiler_object_inline_stack_3135 || "";
nextPrimaryChildren.digest = JSCompiler_object_inline_digest_3134;
JSCompiler_object_inline_digest_3134 =
void 0 === nextFallbackChildren ? null : nextFallbackChildren;
JSCompiler_object_inline_stack_3140 = {
JSCompiler_object_inline_stack_3135 = {
value: nextPrimaryChildren,
source: null,
stack: JSCompiler_object_inline_digest_3139
stack: JSCompiler_object_inline_digest_3134
};
"string" === typeof JSCompiler_object_inline_digest_3139 &&
"string" === typeof JSCompiler_object_inline_digest_3134 &&
CapturedStacks.set(
nextPrimaryChildren,
JSCompiler_object_inline_stack_3140
JSCompiler_object_inline_stack_3135
);
queueHydrationError(JSCompiler_object_inline_stack_3140);
queueHydrationError(JSCompiler_object_inline_stack_3135);
workInProgress = retrySuspenseComponentWithoutHydrating(
current,
workInProgress,
@@ -11189,35 +11189,35 @@ __DEV__ &&
renderLanes,
!1
),
(JSCompiler_object_inline_digest_3139 =
(JSCompiler_object_inline_digest_3134 =
0 !== (renderLanes & current.childLanes)),
didReceiveUpdate || JSCompiler_object_inline_digest_3139)
didReceiveUpdate || JSCompiler_object_inline_digest_3134)
) {
JSCompiler_object_inline_digest_3139 = workInProgressRoot;
JSCompiler_object_inline_digest_3134 = workInProgressRoot;
if (
null !== JSCompiler_object_inline_digest_3139 &&
((JSCompiler_object_inline_stack_3140 = getBumpedLaneForHydration(
JSCompiler_object_inline_digest_3139,
null !== JSCompiler_object_inline_digest_3134 &&
((JSCompiler_object_inline_stack_3135 = getBumpedLaneForHydration(
JSCompiler_object_inline_digest_3134,
renderLanes
)),
0 !== JSCompiler_object_inline_stack_3140 &&
JSCompiler_object_inline_stack_3140 !== prevState.retryLane)
0 !== JSCompiler_object_inline_stack_3135 &&
JSCompiler_object_inline_stack_3135 !== prevState.retryLane)
)
throw (
((prevState.retryLane = JSCompiler_object_inline_stack_3140),
((prevState.retryLane = JSCompiler_object_inline_stack_3135),
enqueueConcurrentRenderForLane(
current,
JSCompiler_object_inline_stack_3140
JSCompiler_object_inline_stack_3135
),
scheduleUpdateOnFiber(
JSCompiler_object_inline_digest_3139,
JSCompiler_object_inline_digest_3134,
current,
JSCompiler_object_inline_stack_3140
JSCompiler_object_inline_stack_3135
),
SelectiveHydrationException)
);
isSuspenseInstancePending(
JSCompiler_object_inline_componentStack_3141
JSCompiler_object_inline_componentStack_3136
) || renderDidSuspendDelayIfPossible();
workInProgress = retrySuspenseComponentWithoutHydrating(
current,
@@ -11226,14 +11226,14 @@ __DEV__ &&
);
} else
isSuspenseInstancePending(
JSCompiler_object_inline_componentStack_3141
JSCompiler_object_inline_componentStack_3136
)
? ((workInProgress.flags |= 192),
(workInProgress.child = current.child),
(workInProgress = null))
: ((current = prevState.treeContext),
(nextHydratableInstance = getNextHydratable(
JSCompiler_object_inline_componentStack_3141.nextSibling
JSCompiler_object_inline_componentStack_3136.nextSibling
)),
(hydrationParentFiber = workInProgress),
(isHydrating = !0),
@@ -11245,32 +11245,32 @@ __DEV__ &&
restoreSuspendedTreeContext(workInProgress, current),
(workInProgress = mountSuspensePrimaryChildren(
workInProgress,
JSCompiler_object_inline_stack_3140.children
JSCompiler_object_inline_stack_3135.children
)),
(workInProgress.flags |= 4096));
return workInProgress;
}
}
if (JSCompiler_object_inline_message_3138)
if (JSCompiler_object_inline_message_3133)
return (
reuseSuspenseHandlerOnStack(workInProgress),
(nextPrimaryChildren = JSCompiler_object_inline_stack_3140.fallback),
(nextPrimaryChildren = JSCompiler_object_inline_stack_3135.fallback),
(nextFallbackChildren = workInProgress.mode),
(componentStack = current.child),
(JSCompiler_object_inline_componentStack_3141 =
(JSCompiler_object_inline_componentStack_3136 =
componentStack.sibling),
(JSCompiler_object_inline_stack_3140 = createWorkInProgress(
(JSCompiler_object_inline_stack_3135 = createWorkInProgress(
componentStack,
{
mode: "hidden",
children: JSCompiler_object_inline_stack_3140.children
children: JSCompiler_object_inline_stack_3135.children
}
)),
(JSCompiler_object_inline_stack_3140.subtreeFlags =
(JSCompiler_object_inline_stack_3135.subtreeFlags =
componentStack.subtreeFlags & 65011712),
null !== JSCompiler_object_inline_componentStack_3141
null !== JSCompiler_object_inline_componentStack_3136
? (nextPrimaryChildren = createWorkInProgress(
JSCompiler_object_inline_componentStack_3141,
JSCompiler_object_inline_componentStack_3136,
nextPrimaryChildren
))
: ((nextPrimaryChildren = createFiberFromFragment(
@@ -11281,11 +11281,11 @@ __DEV__ &&
)),
(nextPrimaryChildren.flags |= 2)),
(nextPrimaryChildren.return = workInProgress),
(JSCompiler_object_inline_stack_3140.return = workInProgress),
(JSCompiler_object_inline_stack_3140.sibling = nextPrimaryChildren),
(workInProgress.child = JSCompiler_object_inline_stack_3140),
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3140),
(JSCompiler_object_inline_stack_3140 = workInProgress.child),
(JSCompiler_object_inline_stack_3135.return = workInProgress),
(JSCompiler_object_inline_stack_3135.sibling = nextPrimaryChildren),
(workInProgress.child = JSCompiler_object_inline_stack_3135),
bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3135),
(JSCompiler_object_inline_stack_3135 = workInProgress.child),
(nextPrimaryChildren = current.child.memoizedState),
null === nextPrimaryChildren
? (nextPrimaryChildren = mountSuspenseOffscreenState(renderLanes))
@@ -11301,7 +11301,7 @@ __DEV__ &&
baseLanes: nextPrimaryChildren.baseLanes | renderLanes,
cachePool: nextFallbackChildren
})),
(JSCompiler_object_inline_stack_3140.memoizedState =
(JSCompiler_object_inline_stack_3135.memoizedState =
nextPrimaryChildren),
enableTransitionTracing &&
((nextPrimaryChildren = enableTransitionTracing
@@ -11312,37 +11312,37 @@ __DEV__ &&
? markerInstanceStack.current
: null),
(componentStack =
JSCompiler_object_inline_stack_3140.updateQueue),
(JSCompiler_object_inline_componentStack_3141 =
JSCompiler_object_inline_stack_3135.updateQueue),
(JSCompiler_object_inline_componentStack_3136 =
current.updateQueue),
null === componentStack
? (JSCompiler_object_inline_stack_3140.updateQueue = {
? (JSCompiler_object_inline_stack_3135.updateQueue = {
transitions: nextPrimaryChildren,
markerInstances: nextFallbackChildren,
retryQueue: null
})
: componentStack ===
JSCompiler_object_inline_componentStack_3141
? (JSCompiler_object_inline_stack_3140.updateQueue = {
JSCompiler_object_inline_componentStack_3136
? (JSCompiler_object_inline_stack_3135.updateQueue = {
transitions: nextPrimaryChildren,
markerInstances: nextFallbackChildren,
retryQueue:
null !== JSCompiler_object_inline_componentStack_3141
? JSCompiler_object_inline_componentStack_3141.retryQueue
null !== JSCompiler_object_inline_componentStack_3136
? JSCompiler_object_inline_componentStack_3136.retryQueue
: null
})
: ((componentStack.transitions = nextPrimaryChildren),
(componentStack.markerInstances = nextFallbackChildren)))),
(JSCompiler_object_inline_stack_3140.childLanes =
(JSCompiler_object_inline_stack_3135.childLanes =
getRemainingWorkInPrimaryTree(
current,
JSCompiler_object_inline_digest_3139,
JSCompiler_object_inline_digest_3134,
renderLanes
)),
(workInProgress.memoizedState = SUSPENDED_MARKER),
bailoutOffscreenComponent(
current.child,
JSCompiler_object_inline_stack_3140
JSCompiler_object_inline_stack_3135
)
);
null !== prevState &&
@@ -11354,16 +11354,16 @@ __DEV__ &&
current = renderLanes.sibling;
renderLanes = createWorkInProgress(renderLanes, {
mode: "visible",
children: JSCompiler_object_inline_stack_3140.children
children: JSCompiler_object_inline_stack_3135.children
});
renderLanes.return = workInProgress;
renderLanes.sibling = null;
null !== current &&
((JSCompiler_object_inline_digest_3139 = workInProgress.deletions),
null === JSCompiler_object_inline_digest_3139
((JSCompiler_object_inline_digest_3134 = workInProgress.deletions),
null === JSCompiler_object_inline_digest_3134
? ((workInProgress.deletions = [current]),
(workInProgress.flags |= 16))
: JSCompiler_object_inline_digest_3139.push(current));
: JSCompiler_object_inline_digest_3134.push(current));
workInProgress.child = renderLanes;
workInProgress.memoizedState = null;
return renderLanes;
@@ -11428,6 +11428,16 @@ __DEV__ &&
propagationRoot
);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -11455,6 +11465,15 @@ __DEV__ &&
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -11472,6 +11491,7 @@ __DEV__ &&
if (
null != revealOrder &&
"forwards" !== revealOrder &&
"backwards" !== revealOrder &&
"unstable_legacy-backwards" !== revealOrder &&
"together" !== revealOrder &&
"independent" !== revealOrder &&
@@ -11479,12 +11499,8 @@ __DEV__ &&
)
if (
((didWarnAboutRevealOrder[suspenseContext] = !0),
"backwards" === revealOrder)
"string" === typeof revealOrder)
)
console.error(
'The rendering order of <SuspenseList revealOrder="backwards"> is changing. To be future compatible you must specify revealOrder="legacy_unstable-backwards" instead.'
);
else if ("string" === typeof revealOrder)
switch (revealOrder.toLowerCase()) {
case "together":
case "forwards":
@@ -11576,7 +11592,11 @@ __DEV__ &&
'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
revealOrder
);
reconcileChildren(current, workInProgress, newChildren, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, newChildren, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, newChildren, renderLanes);
isHydrating
? (warnIfNotHydrating(), (newChildren = treeForkCount))
: (newChildren = 0);
@@ -11603,6 +11623,22 @@ __DEV__ &&
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
newChildren
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -11640,27 +11676,20 @@ __DEV__ &&
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
newChildren
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
newChildren
);
}
return workInProgress.child;
}
@@ -33032,11 +33061,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.3.0-www-modern-26cf2804-20251031" !== isomorphicReactPackageVersion)
if ("19.3.0-www-modern-488d88b0-20251031" !== 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.3.0-www-modern-26cf2804-20251031\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.3.0-www-modern-488d88b0-20251031\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -33079,10 +33108,10 @@ __DEV__ &&
!(function () {
var internals = {
bundleType: 1,
version: "19.3.0-www-modern-26cf2804-20251031",
version: "19.3.0-www-modern-488d88b0-20251031",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-modern-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-modern-488d88b0-20251031"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -33861,5 +33890,5 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.3.0-www-modern-26cf2804-20251031";
exports.version = "19.3.0-www-modern-488d88b0-20251031";
})();
compiled/facebook-www/ReactDOMTesting-prod.classic.js
+239 -207
View File
@@ -7227,6 +7227,16 @@ function scheduleSuspenseWorkOnFiber(fiber, renderLanes, propagationRoot) {
null !== alternate && (alternate.lanes |= renderLanes);
scheduleContextWorkOnParentPath(fiber.return, renderLanes, propagationRoot);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -7254,6 +7264,15 @@ function initSuspenseListRenderState(
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -7266,7 +7285,11 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
(workInProgress.flags |= 128))
: (suspenseContext &= 1);
push(suspenseStackCursor, suspenseContext);
reconcileChildren(current, workInProgress, nextProps, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, nextProps, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, nextProps, renderLanes);
nextProps = isHydrating ? treeForkCount : 0;
if (!shouldForceFallback && null !== current && 0 !== (current.flags & 128))
a: for (current = workInProgress.child; null !== current; ) {
@@ -7291,6 +7314,21 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child), (workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
nextProps
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -7328,25 +7366,19 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child), (workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
nextProps
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
nextProps
);
}
return workInProgress.child;
}
@@ -7427,9 +7459,9 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
);
break;
case 13:
var state$115 = workInProgress.memoizedState;
if (null !== state$115) {
if (null !== state$115.dehydrated)
var state$117 = workInProgress.memoizedState;
if (null !== state$117) {
if (null !== state$117.dehydrated)
return (
pushPrimaryTreeSuspenseHandler(workInProgress),
(workInProgress.flags |= 128),
@@ -7449,17 +7481,17 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
break;
case 19:
var didSuspendBefore = 0 !== (current.flags & 128);
state$115 = 0 !== (renderLanes & workInProgress.childLanes);
state$115 ||
state$117 = 0 !== (renderLanes & workInProgress.childLanes);
state$117 ||
(propagateParentContextChanges(
current,
workInProgress,
renderLanes,
!1
),
(state$115 = 0 !== (renderLanes & workInProgress.childLanes)));
(state$117 = 0 !== (renderLanes & workInProgress.childLanes)));
if (didSuspendBefore) {
if (state$115)
if (state$117)
return updateSuspenseListComponent(
current,
workInProgress,
@@ -7473,7 +7505,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
(didSuspendBefore.tail = null),
(didSuspendBefore.lastEffect = null));
push(suspenseStackCursor, suspenseStackCursor.current);
if (state$115) break;
if (state$117) break;
else return null;
case 22:
return (
@@ -7490,8 +7522,8 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
break;
case 25:
if (enableTransitionTracing) {
state$115 = workInProgress.stateNode;
null !== state$115 && pushMarkerInstance(workInProgress, state$115);
state$117 = workInProgress.stateNode;
null !== state$117 && pushMarkerInstance(workInProgress, state$117);
break;
}
case 23:
@@ -8232,19 +8264,19 @@ function bubbleProperties(completedWork) {
newChildLanes = 0,
subtreeFlags = 0;
if (didBailout)
for (var child$120 = completedWork.child; null !== child$120; )
(newChildLanes |= child$120.lanes | child$120.childLanes),
(subtreeFlags |= child$120.subtreeFlags & 65011712),
(subtreeFlags |= child$120.flags & 65011712),
(child$120.return = completedWork),
(child$120 = child$120.sibling);
for (var child$122 = completedWork.child; null !== child$122; )
(newChildLanes |= child$122.lanes | child$122.childLanes),
(subtreeFlags |= child$122.subtreeFlags & 65011712),
(subtreeFlags |= child$122.flags & 65011712),
(child$122.return = completedWork),
(child$122 = child$122.sibling);
else
for (child$120 = completedWork.child; null !== child$120; )
(newChildLanes |= child$120.lanes | child$120.childLanes),
(subtreeFlags |= child$120.subtreeFlags),
(subtreeFlags |= child$120.flags),
(child$120.return = completedWork),
(child$120 = child$120.sibling);
for (child$122 = completedWork.child; null !== child$122; )
(newChildLanes |= child$122.lanes | child$122.childLanes),
(subtreeFlags |= child$122.subtreeFlags),
(subtreeFlags |= child$122.flags),
(child$122.return = completedWork),
(child$122 = child$122.sibling);
completedWork.subtreeFlags |= subtreeFlags;
completedWork.childLanes = newChildLanes;
return didBailout;
@@ -9095,8 +9127,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
else if ("function" === typeof ref)
try {
ref(null);
} catch (error$156) {
captureCommitPhaseError(current, nearestMountedAncestor, error$156);
} catch (error$158) {
captureCommitPhaseError(current, nearestMountedAncestor, error$158);
}
else ref.current = null;
}
@@ -9747,7 +9779,7 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) {
selection = selection.focusOffset;
try {
JSCompiler_temp.nodeType, focusNode.nodeType;
} catch (e$208) {
} catch (e$210) {
JSCompiler_temp = null;
break a;
}
@@ -10010,11 +10042,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
current,
finishedRoot.__reactInternalSnapshotBeforeUpdate
);
} catch (error$154) {
} catch (error$156) {
captureCommitPhaseError(
finishedWork,
finishedWork.return,
error$154
error$156
);
}
}
@@ -10975,15 +11007,15 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) {
retryQueue = null !== current && null !== current.memoizedState;
var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden,
prevOffscreenDirectParentIsHidden$172 = offscreenDirectParentIsHidden;
prevOffscreenDirectParentIsHidden$174 = offscreenDirectParentIsHidden;
offscreenSubtreeIsHidden =
prevOffscreenSubtreeIsHidden || suspenseCallback;
offscreenDirectParentIsHidden =
prevOffscreenDirectParentIsHidden$172 || suspenseCallback;
prevOffscreenDirectParentIsHidden$174 || suspenseCallback;
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden || retryQueue;
recursivelyTraverseMutationEffects(root, finishedWork, lanes);
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$172;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$174;
offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
commitReconciliationEffects(finishedWork);
if (
@@ -11169,25 +11201,25 @@ function commitReconciliationEffects(finishedWork) {
);
break;
case 5:
var parent$157 = hostParentFiber.stateNode;
var parent$159 = hostParentFiber.stateNode;
hostParentFiber.flags & 32 &&
(setTextContent(parent$157, ""), (hostParentFiber.flags &= -33));
var before$158 = getHostSibling(finishedWork);
(setTextContent(parent$159, ""), (hostParentFiber.flags &= -33));
var before$160 = getHostSibling(finishedWork);
insertOrAppendPlacementNode(
finishedWork,
before$158,
parent$157,
before$160,
parent$159,
parentFragmentInstances
);
break;
case 3:
case 4:
var parent$159 = hostParentFiber.stateNode.containerInfo,
before$160 = getHostSibling(finishedWork);
var parent$161 = hostParentFiber.stateNode.containerInfo,
before$162 = getHostSibling(finishedWork);
insertOrAppendPlacementNodeIntoContainer(
finishedWork,
before$160,
parent$159,
before$162,
parent$161,
parentFragmentInstances
);
break;
@@ -11777,14 +11809,14 @@ function commitPassiveMountOnFiber(
);
break;
case 22:
var instance$178 = finishedWork.stateNode,
current$179 = finishedWork.alternate;
var instance$180 = finishedWork.stateNode,
current$181 = finishedWork.alternate;
null !== finishedWork.memoizedState
? (isViewTransitionEligible &&
null !== current$179 &&
null === current$179.memoizedState &&
restoreEnterOrExitViewTransitions(current$179),
instance$178._visibility & 2
null !== current$181 &&
null === current$181.memoizedState &&
restoreEnterOrExitViewTransitions(current$181),
instance$180._visibility & 2
? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
@@ -11796,17 +11828,17 @@ function commitPassiveMountOnFiber(
finishedWork
))
: (isViewTransitionEligible &&
null !== current$179 &&
null !== current$179.memoizedState &&
null !== current$181 &&
null !== current$181.memoizedState &&
restoreEnterOrExitViewTransitions(finishedWork),
instance$178._visibility & 2
instance$180._visibility & 2
? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
)
: ((instance$178._visibility |= 2),
: ((instance$180._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -11816,9 +11848,9 @@ function commitPassiveMountOnFiber(
)));
flags & 2048 &&
commitOffscreenPassiveMountEffects(
current$179,
current$181,
finishedWork,
instance$178
instance$180
);
break;
case 24:
@@ -11914,9 +11946,9 @@ function recursivelyTraverseReconnectPassiveEffects(
);
break;
case 22:
var instance$182 = finishedWork.stateNode;
var instance$184 = finishedWork.stateNode;
null !== finishedWork.memoizedState
? instance$182._visibility & 2
? instance$184._visibility & 2
? recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -11928,7 +11960,7 @@ function recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork
)
: ((instance$182._visibility |= 2),
: ((instance$184._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -11941,7 +11973,7 @@ function recursivelyTraverseReconnectPassiveEffects(
commitOffscreenPassiveMountEffects(
finishedWork.alternate,
finishedWork,
instance$182
instance$184
);
break;
case 24:
@@ -13224,8 +13256,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) {
workLoopSync();
exitStatus = workInProgressRootExitStatus;
break;
} catch (thrownValue$196) {
handleThrow(root, thrownValue$196);
} catch (thrownValue$198) {
handleThrow(root, thrownValue$198);
}
while (1);
lanes && root.shellSuspendCounter++;
@@ -13344,8 +13376,8 @@ function renderRootConcurrent(root, lanes) {
}
workLoopConcurrentByScheduler();
break;
} catch (thrownValue$198) {
handleThrow(root, thrownValue$198);
} catch (thrownValue$200) {
handleThrow(root, thrownValue$200);
}
while (1);
lastContextDependency = currentlyRenderingFiber$1 = null;
@@ -15502,20 +15534,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) {
(nativeEventTarget[internalScrollTimer] = targetInst));
}
for (
var i$jscomp$inline_1878 = 0;
i$jscomp$inline_1878 < simpleEventPluginEvents.length;
i$jscomp$inline_1878++
var i$jscomp$inline_1874 = 0;
i$jscomp$inline_1874 < simpleEventPluginEvents.length;
i$jscomp$inline_1874++
) {
var eventName$jscomp$inline_1879 =
simpleEventPluginEvents[i$jscomp$inline_1878],
domEventName$jscomp$inline_1880 =
eventName$jscomp$inline_1879.toLowerCase(),
capitalizedEvent$jscomp$inline_1881 =
eventName$jscomp$inline_1879[0].toUpperCase() +
eventName$jscomp$inline_1879.slice(1);
var eventName$jscomp$inline_1875 =
simpleEventPluginEvents[i$jscomp$inline_1874],
domEventName$jscomp$inline_1876 =
eventName$jscomp$inline_1875.toLowerCase(),
capitalizedEvent$jscomp$inline_1877 =
eventName$jscomp$inline_1875[0].toUpperCase() +
eventName$jscomp$inline_1875.slice(1);
registerSimpleEvent(
domEventName$jscomp$inline_1880,
"on" + capitalizedEvent$jscomp$inline_1881
domEventName$jscomp$inline_1876,
"on" + capitalizedEvent$jscomp$inline_1877
);
}
registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -16859,34 +16891,34 @@ function setInitialProperties(domElement, tag, props) {
defaultChecked = null;
for (hasSrc in props)
if (props.hasOwnProperty(hasSrc)) {
var propValue$222 = props[hasSrc];
if (null != propValue$222)
var propValue$224 = props[hasSrc];
if (null != propValue$224)
switch (hasSrc) {
case "name":
hasSrcSet = propValue$222;
hasSrcSet = propValue$224;
break;
case "type":
propValue = propValue$222;
propValue = propValue$224;
break;
case "checked":
checked = propValue$222;
checked = propValue$224;
break;
case "defaultChecked":
defaultChecked = propValue$222;
defaultChecked = propValue$224;
break;
case "value":
propKey = propValue$222;
propKey = propValue$224;
break;
case "defaultValue":
defaultValue = propValue$222;
defaultValue = propValue$224;
break;
case "children":
case "dangerouslySetInnerHTML":
if (null != propValue$222)
if (null != propValue$224)
throw Error(formatProdErrorMessage(137, tag));
break;
default:
setProp(domElement, tag, hasSrc, propValue$222, props, null);
setProp(domElement, tag, hasSrc, propValue$224, props, null);
}
}
initInput(
@@ -17023,14 +17055,14 @@ function setInitialProperties(domElement, tag, props) {
return;
default:
if (isCustomElement(tag)) {
for (propValue$222 in props)
props.hasOwnProperty(propValue$222) &&
((hasSrc = props[propValue$222]),
for (propValue$224 in props)
props.hasOwnProperty(propValue$224) &&
((hasSrc = props[propValue$224]),
void 0 !== hasSrc &&
setPropOnCustomElement(
domElement,
tag,
propValue$222,
propValue$224,
hasSrc,
props,
void 0
@@ -17078,14 +17110,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(domElement, tag, propKey, null, nextProps, lastProp);
}
}
for (var propKey$239 in nextProps) {
var propKey = nextProps[propKey$239];
lastProp = lastProps[propKey$239];
for (var propKey$241 in nextProps) {
var propKey = nextProps[propKey$241];
lastProp = lastProps[propKey$241];
if (
nextProps.hasOwnProperty(propKey$239) &&
nextProps.hasOwnProperty(propKey$241) &&
(null != propKey || null != lastProp)
)
switch (propKey$239) {
switch (propKey$241) {
case "type":
propKey !== lastProp && trackHostMutation();
type = propKey;
@@ -17120,7 +17152,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(
domElement,
tag,
propKey$239,
propKey$241,
propKey,
nextProps,
lastProp
@@ -17139,7 +17171,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
);
return;
case "select":
propKey = value = defaultValue = propKey$239 = null;
propKey = value = defaultValue = propKey$241 = null;
for (type in lastProps)
if (
((lastDefaultValue = lastProps[type]),
@@ -17171,7 +17203,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
switch (name) {
case "value":
type !== lastDefaultValue && trackHostMutation();
propKey$239 = type;
propKey$241 = type;
break;
case "defaultValue":
type !== lastDefaultValue && trackHostMutation();
@@ -17193,15 +17225,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
tag = defaultValue;
lastProps = value;
nextProps = propKey;
null != propKey$239
? updateOptions(domElement, !!lastProps, propKey$239, !1)
null != propKey$241
? updateOptions(domElement, !!lastProps, propKey$241, !1)
: !!nextProps !== !!lastProps &&
(null != tag
? updateOptions(domElement, !!lastProps, tag, !0)
: updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1));
return;
case "textarea":
propKey = propKey$239 = null;
propKey = propKey$241 = null;
for (defaultValue in lastProps)
if (
((name = lastProps[defaultValue]),
@@ -17226,7 +17258,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
switch (value) {
case "value":
name !== type && trackHostMutation();
propKey$239 = name;
propKey$241 = name;
break;
case "defaultValue":
name !== type && trackHostMutation();
@@ -17241,17 +17273,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
name !== type &&
setProp(domElement, tag, value, name, nextProps, type);
}
updateTextarea(domElement, propKey$239, propKey);
updateTextarea(domElement, propKey$241, propKey);
return;
case "option":
for (var propKey$255 in lastProps)
for (var propKey$257 in lastProps)
if (
((propKey$239 = lastProps[propKey$255]),
lastProps.hasOwnProperty(propKey$255) &&
null != propKey$239 &&
!nextProps.hasOwnProperty(propKey$255))
((propKey$241 = lastProps[propKey$257]),
lastProps.hasOwnProperty(propKey$257) &&
null != propKey$241 &&
!nextProps.hasOwnProperty(propKey$257))
)
switch (propKey$255) {
switch (propKey$257) {
case "selected":
domElement.selected = !1;
break;
@@ -17259,34 +17291,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(
domElement,
tag,
propKey$255,
propKey$257,
null,
nextProps,
propKey$239
propKey$241
);
}
for (lastDefaultValue in nextProps)
if (
((propKey$239 = nextProps[lastDefaultValue]),
((propKey$241 = nextProps[lastDefaultValue]),
(propKey = lastProps[lastDefaultValue]),
nextProps.hasOwnProperty(lastDefaultValue) &&
propKey$239 !== propKey &&
(null != propKey$239 || null != propKey))
propKey$241 !== propKey &&
(null != propKey$241 || null != propKey))
)
switch (lastDefaultValue) {
case "selected":
propKey$239 !== propKey && trackHostMutation();
propKey$241 !== propKey && trackHostMutation();
domElement.selected =
propKey$239 &&
"function" !== typeof propKey$239 &&
"symbol" !== typeof propKey$239;
propKey$241 &&
"function" !== typeof propKey$241 &&
"symbol" !== typeof propKey$241;
break;
default:
setProp(
domElement,
tag,
lastDefaultValue,
propKey$239,
propKey$241,
nextProps,
propKey
);
@@ -17307,24 +17339,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
case "track":
case "wbr":
case "menuitem":
for (var propKey$260 in lastProps)
(propKey$239 = lastProps[propKey$260]),
lastProps.hasOwnProperty(propKey$260) &&
null != propKey$239 &&
!nextProps.hasOwnProperty(propKey$260) &&
setProp(domElement, tag, propKey$260, null, nextProps, propKey$239);
for (var propKey$262 in lastProps)
(propKey$241 = lastProps[propKey$262]),
lastProps.hasOwnProperty(propKey$262) &&
null != propKey$241 &&
!nextProps.hasOwnProperty(propKey$262) &&
setProp(domElement, tag, propKey$262, null, nextProps, propKey$241);
for (checked in nextProps)
if (
((propKey$239 = nextProps[checked]),
((propKey$241 = nextProps[checked]),
(propKey = lastProps[checked]),
nextProps.hasOwnProperty(checked) &&
propKey$239 !== propKey &&
(null != propKey$239 || null != propKey))
propKey$241 !== propKey &&
(null != propKey$241 || null != propKey))
)
switch (checked) {
case "children":
case "dangerouslySetInnerHTML":
if (null != propKey$239)
if (null != propKey$241)
throw Error(formatProdErrorMessage(137, tag));
break;
default:
@@ -17332,7 +17364,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
domElement,
tag,
checked,
propKey$239,
propKey$241,
nextProps,
propKey
);
@@ -17340,49 +17372,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
return;
default:
if (isCustomElement(tag)) {
for (var propKey$265 in lastProps)
(propKey$239 = lastProps[propKey$265]),
lastProps.hasOwnProperty(propKey$265) &&
void 0 !== propKey$239 &&
!nextProps.hasOwnProperty(propKey$265) &&
for (var propKey$267 in lastProps)
(propKey$241 = lastProps[propKey$267]),
lastProps.hasOwnProperty(propKey$267) &&
void 0 !== propKey$241 &&
!nextProps.hasOwnProperty(propKey$267) &&
setPropOnCustomElement(
domElement,
tag,
propKey$265,
propKey$267,
void 0,
nextProps,
propKey$239
propKey$241
);
for (defaultChecked in nextProps)
(propKey$239 = nextProps[defaultChecked]),
(propKey$241 = nextProps[defaultChecked]),
(propKey = lastProps[defaultChecked]),
!nextProps.hasOwnProperty(defaultChecked) ||
propKey$239 === propKey ||
(void 0 === propKey$239 && void 0 === propKey) ||
propKey$241 === propKey ||
(void 0 === propKey$241 && void 0 === propKey) ||
setPropOnCustomElement(
domElement,
tag,
defaultChecked,
propKey$239,
propKey$241,
nextProps,
propKey
);
return;
}
}
for (var propKey$270 in lastProps)
(propKey$239 = lastProps[propKey$270]),
lastProps.hasOwnProperty(propKey$270) &&
null != propKey$239 &&
!nextProps.hasOwnProperty(propKey$270) &&
setProp(domElement, tag, propKey$270, null, nextProps, propKey$239);
for (var propKey$272 in lastProps)
(propKey$241 = lastProps[propKey$272]),
lastProps.hasOwnProperty(propKey$272) &&
null != propKey$241 &&
!nextProps.hasOwnProperty(propKey$272) &&
setProp(domElement, tag, propKey$272, null, nextProps, propKey$241);
for (lastProp in nextProps)
(propKey$239 = nextProps[lastProp]),
(propKey$241 = nextProps[lastProp]),
(propKey = lastProps[lastProp]),
!nextProps.hasOwnProperty(lastProp) ||
propKey$239 === propKey ||
(null == propKey$239 && null == propKey) ||
setProp(domElement, tag, lastProp, propKey$239, nextProps, propKey);
propKey$241 === propKey ||
(null == propKey$241 && null == propKey) ||
setProp(domElement, tag, lastProp, propKey$241, nextProps, propKey);
}
function isLikelyStaticResource(initiatorType) {
switch (initiatorType) {
@@ -19050,26 +19082,26 @@ function getResource(type, currentProps, pendingProps, currentResource) {
"string" === typeof pendingProps.precedence
) {
type = getStyleKey(pendingProps.href);
var styles$286 = getResourcesFromRoot(
var styles$288 = getResourcesFromRoot(
JSCompiler_inline_result
).hoistableStyles,
resource$287 = styles$286.get(type);
resource$287 ||
resource$289 = styles$288.get(type);
resource$289 ||
((JSCompiler_inline_result =
JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result),
(resource$287 = {
(resource$289 = {
type: "stylesheet",
instance: null,
count: 0,
state: { loading: 0, preload: null }
}),
styles$286.set(type, resource$287),
(styles$286 = JSCompiler_inline_result.querySelector(
styles$288.set(type, resource$289),
(styles$288 = JSCompiler_inline_result.querySelector(
getStylesheetSelectorFromKey(type)
)) &&
!styles$286._p &&
((resource$287.instance = styles$286),
(resource$287.state.loading = 5)),
!styles$288._p &&
((resource$289.instance = styles$288),
(resource$289.state.loading = 5)),
preloadPropsMap.has(type) ||
((pendingProps = {
rel: "preload",
@@ -19082,16 +19114,16 @@ function getResource(type, currentProps, pendingProps, currentResource) {
referrerPolicy: pendingProps.referrerPolicy
}),
preloadPropsMap.set(type, pendingProps),
styles$286 ||
styles$288 ||
preloadStylesheet(
JSCompiler_inline_result,
type,
pendingProps,
resource$287.state
resource$289.state
)));
if (currentProps && null === currentResource)
throw Error(formatProdErrorMessage(528, ""));
return resource$287;
return resource$289;
}
if (currentProps && null !== currentResource)
throw Error(formatProdErrorMessage(529, ""));
@@ -19188,37 +19220,37 @@ function acquireResource(hoistableRoot, resource, props) {
return (resource.instance = instance);
case "stylesheet":
styleProps = getStyleKey(props.href);
var instance$292 = hoistableRoot.querySelector(
var instance$294 = hoistableRoot.querySelector(
getStylesheetSelectorFromKey(styleProps)
);
if (instance$292)
if (instance$294)
return (
(resource.state.loading |= 4),
(resource.instance = instance$292),
markNodeAsHoistable(instance$292),
instance$292
(resource.instance = instance$294),
markNodeAsHoistable(instance$294),
instance$294
);
instance = stylesheetPropsFromRawProps(props);
(styleProps = preloadPropsMap.get(styleProps)) &&
adoptPreloadPropsForStylesheet(instance, styleProps);
instance$292 = (
instance$294 = (
hoistableRoot.ownerDocument || hoistableRoot
).createElement("link");
markNodeAsHoistable(instance$292);
var linkInstance = instance$292;
markNodeAsHoistable(instance$294);
var linkInstance = instance$294;
linkInstance._p = new Promise(function (resolve, reject) {
linkInstance.onload = resolve;
linkInstance.onerror = reject;
});
setInitialProperties(instance$292, "link", instance);
setInitialProperties(instance$294, "link", instance);
resource.state.loading |= 4;
insertStylesheet(instance$292, props.precedence, hoistableRoot);
return (resource.instance = instance$292);
insertStylesheet(instance$294, props.precedence, hoistableRoot);
return (resource.instance = instance$294);
case "script":
instance$292 = getScriptKey(props.src);
instance$294 = getScriptKey(props.src);
if (
(styleProps = hoistableRoot.querySelector(
getScriptSelectorFromKey(instance$292)
getScriptSelectorFromKey(instance$294)
))
)
return (
@@ -19227,7 +19259,7 @@ function acquireResource(hoistableRoot, resource, props) {
styleProps
);
instance = props;
if ((styleProps = preloadPropsMap.get(instance$292)))
if ((styleProps = preloadPropsMap.get(instance$294)))
(instance = assign({}, props)),
adoptPreloadPropsForScript(instance, styleProps);
hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -20292,16 +20324,16 @@ function getCrossOriginStringAs(as, input) {
if ("string" === typeof input)
return "use-credentials" === input ? input : "";
}
var isomorphicReactPackageVersion$jscomp$inline_2158 = React.version;
var isomorphicReactPackageVersion$jscomp$inline_2154 = React.version;
if (
"19.3.0-www-classic-26cf2804-20251031" !==
isomorphicReactPackageVersion$jscomp$inline_2158
"19.3.0-www-classic-488d88b0-20251031" !==
isomorphicReactPackageVersion$jscomp$inline_2154
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2158,
"19.3.0-www-classic-26cf2804-20251031"
isomorphicReactPackageVersion$jscomp$inline_2154,
"19.3.0-www-classic-488d88b0-20251031"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -20317,24 +20349,24 @@ Internals.Events = [
return fn(a);
}
];
var internals$jscomp$inline_2795 = {
var internals$jscomp$inline_2791 = {
bundleType: 0,
version: "19.3.0-www-classic-26cf2804-20251031",
version: "19.3.0-www-classic-488d88b0-20251031",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-classic-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-classic-488d88b0-20251031"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2796 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
var hook$jscomp$inline_2792 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
if (
!hook$jscomp$inline_2796.isDisabled &&
hook$jscomp$inline_2796.supportsFiber
!hook$jscomp$inline_2792.isDisabled &&
hook$jscomp$inline_2792.supportsFiber
)
try {
(rendererID = hook$jscomp$inline_2796.inject(
internals$jscomp$inline_2795
(rendererID = hook$jscomp$inline_2792.inject(
internals$jscomp$inline_2791
)),
(injectedHook = hook$jscomp$inline_2796);
(injectedHook = hook$jscomp$inline_2792);
} catch (err) {}
}
function defaultOnDefaultTransitionIndicator() {
@@ -20902,4 +20934,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.3.0-www-classic-26cf2804-20251031";
exports.version = "19.3.0-www-classic-488d88b0-20251031";
compiled/facebook-www/ReactDOMTesting-prod.modern.js
+239 -207
View File
@@ -6995,6 +6995,16 @@ function scheduleSuspenseWorkOnFiber(fiber, renderLanes, propagationRoot) {
null !== alternate && (alternate.lanes |= renderLanes);
scheduleContextWorkOnParentPath(fiber.return, renderLanes, propagationRoot);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -7022,6 +7032,15 @@ function initSuspenseListRenderState(
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -7034,7 +7053,11 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
(workInProgress.flags |= 128))
: (suspenseContext &= 1);
push(suspenseStackCursor, suspenseContext);
reconcileChildren(current, workInProgress, nextProps, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, nextProps, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, nextProps, renderLanes);
nextProps = isHydrating ? treeForkCount : 0;
if (!shouldForceFallback && null !== current && 0 !== (current.flags & 128))
a: for (current = workInProgress.child; null !== current; ) {
@@ -7059,6 +7082,21 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child), (workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
nextProps
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -7096,25 +7134,19 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) {
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child), (workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
nextProps
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
nextProps
);
}
return workInProgress.child;
}
@@ -7191,9 +7223,9 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
);
break;
case 13:
var state$115 = workInProgress.memoizedState;
if (null !== state$115) {
if (null !== state$115.dehydrated)
var state$117 = workInProgress.memoizedState;
if (null !== state$117) {
if (null !== state$117.dehydrated)
return (
pushPrimaryTreeSuspenseHandler(workInProgress),
(workInProgress.flags |= 128),
@@ -7213,17 +7245,17 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
break;
case 19:
var didSuspendBefore = 0 !== (current.flags & 128);
state$115 = 0 !== (renderLanes & workInProgress.childLanes);
state$115 ||
state$117 = 0 !== (renderLanes & workInProgress.childLanes);
state$117 ||
(propagateParentContextChanges(
current,
workInProgress,
renderLanes,
!1
),
(state$115 = 0 !== (renderLanes & workInProgress.childLanes)));
(state$117 = 0 !== (renderLanes & workInProgress.childLanes)));
if (didSuspendBefore) {
if (state$115)
if (state$117)
return updateSuspenseListComponent(
current,
workInProgress,
@@ -7237,7 +7269,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
(didSuspendBefore.tail = null),
(didSuspendBefore.lastEffect = null));
push(suspenseStackCursor, suspenseStackCursor.current);
if (state$115) break;
if (state$117) break;
else return null;
case 22:
return (
@@ -7254,8 +7286,8 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
break;
case 25:
if (enableTransitionTracing) {
state$115 = workInProgress.stateNode;
null !== state$115 && pushMarkerInstance(workInProgress, state$115);
state$117 = workInProgress.stateNode;
null !== state$117 && pushMarkerInstance(workInProgress, state$117);
break;
}
case 23:
@@ -7996,19 +8028,19 @@ function bubbleProperties(completedWork) {
newChildLanes = 0,
subtreeFlags = 0;
if (didBailout)
for (var child$120 = completedWork.child; null !== child$120; )
(newChildLanes |= child$120.lanes | child$120.childLanes),
(subtreeFlags |= child$120.subtreeFlags & 65011712),
(subtreeFlags |= child$120.flags & 65011712),
(child$120.return = completedWork),
(child$120 = child$120.sibling);
for (var child$122 = completedWork.child; null !== child$122; )
(newChildLanes |= child$122.lanes | child$122.childLanes),
(subtreeFlags |= child$122.subtreeFlags & 65011712),
(subtreeFlags |= child$122.flags & 65011712),
(child$122.return = completedWork),
(child$122 = child$122.sibling);
else
for (child$120 = completedWork.child; null !== child$120; )
(newChildLanes |= child$120.lanes | child$120.childLanes),
(subtreeFlags |= child$120.subtreeFlags),
(subtreeFlags |= child$120.flags),
(child$120.return = completedWork),
(child$120 = child$120.sibling);
for (child$122 = completedWork.child; null !== child$122; )
(newChildLanes |= child$122.lanes | child$122.childLanes),
(subtreeFlags |= child$122.subtreeFlags),
(subtreeFlags |= child$122.flags),
(child$122.return = completedWork),
(child$122 = child$122.sibling);
completedWork.subtreeFlags |= subtreeFlags;
completedWork.childLanes = newChildLanes;
return didBailout;
@@ -8840,8 +8872,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
else if ("function" === typeof ref)
try {
ref(null);
} catch (error$156) {
captureCommitPhaseError(current, nearestMountedAncestor, error$156);
} catch (error$158) {
captureCommitPhaseError(current, nearestMountedAncestor, error$158);
}
else ref.current = null;
}
@@ -9492,7 +9524,7 @@ function commitBeforeMutationEffects(root, firstChild, committedLanes) {
selection = selection.focusOffset;
try {
JSCompiler_temp.nodeType, focusNode.nodeType;
} catch (e$208) {
} catch (e$210) {
JSCompiler_temp = null;
break a;
}
@@ -9755,11 +9787,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
current,
finishedRoot.__reactInternalSnapshotBeforeUpdate
);
} catch (error$154) {
} catch (error$156) {
captureCommitPhaseError(
finishedWork,
finishedWork.return,
error$154
error$156
);
}
}
@@ -10720,15 +10752,15 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) {
retryQueue = null !== current && null !== current.memoizedState;
var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden,
prevOffscreenDirectParentIsHidden$172 = offscreenDirectParentIsHidden;
prevOffscreenDirectParentIsHidden$174 = offscreenDirectParentIsHidden;
offscreenSubtreeIsHidden =
prevOffscreenSubtreeIsHidden || suspenseCallback;
offscreenDirectParentIsHidden =
prevOffscreenDirectParentIsHidden$172 || suspenseCallback;
prevOffscreenDirectParentIsHidden$174 || suspenseCallback;
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden || retryQueue;
recursivelyTraverseMutationEffects(root, finishedWork, lanes);
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$172;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$174;
offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
commitReconciliationEffects(finishedWork);
if (
@@ -10914,25 +10946,25 @@ function commitReconciliationEffects(finishedWork) {
);
break;
case 5:
var parent$157 = hostParentFiber.stateNode;
var parent$159 = hostParentFiber.stateNode;
hostParentFiber.flags & 32 &&
(setTextContent(parent$157, ""), (hostParentFiber.flags &= -33));
var before$158 = getHostSibling(finishedWork);
(setTextContent(parent$159, ""), (hostParentFiber.flags &= -33));
var before$160 = getHostSibling(finishedWork);
insertOrAppendPlacementNode(
finishedWork,
before$158,
parent$157,
before$160,
parent$159,
parentFragmentInstances
);
break;
case 3:
case 4:
var parent$159 = hostParentFiber.stateNode.containerInfo,
before$160 = getHostSibling(finishedWork);
var parent$161 = hostParentFiber.stateNode.containerInfo,
before$162 = getHostSibling(finishedWork);
insertOrAppendPlacementNodeIntoContainer(
finishedWork,
before$160,
parent$159,
before$162,
parent$161,
parentFragmentInstances
);
break;
@@ -11522,14 +11554,14 @@ function commitPassiveMountOnFiber(
);
break;
case 22:
var instance$178 = finishedWork.stateNode,
current$179 = finishedWork.alternate;
var instance$180 = finishedWork.stateNode,
current$181 = finishedWork.alternate;
null !== finishedWork.memoizedState
? (isViewTransitionEligible &&
null !== current$179 &&
null === current$179.memoizedState &&
restoreEnterOrExitViewTransitions(current$179),
instance$178._visibility & 2
null !== current$181 &&
null === current$181.memoizedState &&
restoreEnterOrExitViewTransitions(current$181),
instance$180._visibility & 2
? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
@@ -11541,17 +11573,17 @@ function commitPassiveMountOnFiber(
finishedWork
))
: (isViewTransitionEligible &&
null !== current$179 &&
null !== current$179.memoizedState &&
null !== current$181 &&
null !== current$181.memoizedState &&
restoreEnterOrExitViewTransitions(finishedWork),
instance$178._visibility & 2
instance$180._visibility & 2
? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
)
: ((instance$178._visibility |= 2),
: ((instance$180._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -11561,9 +11593,9 @@ function commitPassiveMountOnFiber(
)));
flags & 2048 &&
commitOffscreenPassiveMountEffects(
current$179,
current$181,
finishedWork,
instance$178
instance$180
);
break;
case 24:
@@ -11659,9 +11691,9 @@ function recursivelyTraverseReconnectPassiveEffects(
);
break;
case 22:
var instance$182 = finishedWork.stateNode;
var instance$184 = finishedWork.stateNode;
null !== finishedWork.memoizedState
? instance$182._visibility & 2
? instance$184._visibility & 2
? recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -11673,7 +11705,7 @@ function recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork
)
: ((instance$182._visibility |= 2),
: ((instance$184._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -11686,7 +11718,7 @@ function recursivelyTraverseReconnectPassiveEffects(
commitOffscreenPassiveMountEffects(
finishedWork.alternate,
finishedWork,
instance$182
instance$184
);
break;
case 24:
@@ -12969,8 +13001,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) {
workLoopSync();
exitStatus = workInProgressRootExitStatus;
break;
} catch (thrownValue$196) {
handleThrow(root, thrownValue$196);
} catch (thrownValue$198) {
handleThrow(root, thrownValue$198);
}
while (1);
lanes && root.shellSuspendCounter++;
@@ -13089,8 +13121,8 @@ function renderRootConcurrent(root, lanes) {
}
workLoopConcurrentByScheduler();
break;
} catch (thrownValue$198) {
handleThrow(root, thrownValue$198);
} catch (thrownValue$200) {
handleThrow(root, thrownValue$200);
}
while (1);
lastContextDependency = currentlyRenderingFiber$1 = null;
@@ -15236,20 +15268,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) {
(nativeEventTarget[internalScrollTimer] = targetInst));
}
for (
var i$jscomp$inline_1868 = 0;
i$jscomp$inline_1868 < simpleEventPluginEvents.length;
i$jscomp$inline_1868++
var i$jscomp$inline_1864 = 0;
i$jscomp$inline_1864 < simpleEventPluginEvents.length;
i$jscomp$inline_1864++
) {
var eventName$jscomp$inline_1869 =
simpleEventPluginEvents[i$jscomp$inline_1868],
domEventName$jscomp$inline_1870 =
eventName$jscomp$inline_1869.toLowerCase(),
capitalizedEvent$jscomp$inline_1871 =
eventName$jscomp$inline_1869[0].toUpperCase() +
eventName$jscomp$inline_1869.slice(1);
var eventName$jscomp$inline_1865 =
simpleEventPluginEvents[i$jscomp$inline_1864],
domEventName$jscomp$inline_1866 =
eventName$jscomp$inline_1865.toLowerCase(),
capitalizedEvent$jscomp$inline_1867 =
eventName$jscomp$inline_1865[0].toUpperCase() +
eventName$jscomp$inline_1865.slice(1);
registerSimpleEvent(
domEventName$jscomp$inline_1870,
"on" + capitalizedEvent$jscomp$inline_1871
domEventName$jscomp$inline_1866,
"on" + capitalizedEvent$jscomp$inline_1867
);
}
registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -16589,34 +16621,34 @@ function setInitialProperties(domElement, tag, props) {
defaultChecked = null;
for (hasSrc in props)
if (props.hasOwnProperty(hasSrc)) {
var propValue$222 = props[hasSrc];
if (null != propValue$222)
var propValue$224 = props[hasSrc];
if (null != propValue$224)
switch (hasSrc) {
case "name":
hasSrcSet = propValue$222;
hasSrcSet = propValue$224;
break;
case "type":
propKey = propValue$222;
propKey = propValue$224;
break;
case "checked":
checked = propValue$222;
checked = propValue$224;
break;
case "defaultChecked":
defaultChecked = propValue$222;
defaultChecked = propValue$224;
break;
case "value":
propValue = propValue$222;
propValue = propValue$224;
break;
case "defaultValue":
defaultValue = propValue$222;
defaultValue = propValue$224;
break;
case "children":
case "dangerouslySetInnerHTML":
if (null != propValue$222)
if (null != propValue$224)
throw Error(formatProdErrorMessage(137, tag));
break;
default:
setProp(domElement, tag, hasSrc, propValue$222, props, null);
setProp(domElement, tag, hasSrc, propValue$224, props, null);
}
}
initInput(
@@ -16752,14 +16784,14 @@ function setInitialProperties(domElement, tag, props) {
return;
default:
if (isCustomElement(tag)) {
for (propValue$222 in props)
props.hasOwnProperty(propValue$222) &&
((hasSrc = props[propValue$222]),
for (propValue$224 in props)
props.hasOwnProperty(propValue$224) &&
((hasSrc = props[propValue$224]),
void 0 !== hasSrc &&
setPropOnCustomElement(
domElement,
tag,
propValue$222,
propValue$224,
hasSrc,
props,
void 0
@@ -16807,14 +16839,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(domElement, tag, propKey, null, nextProps, lastProp);
}
}
for (var propKey$239 in nextProps) {
var propKey = nextProps[propKey$239];
lastProp = lastProps[propKey$239];
for (var propKey$241 in nextProps) {
var propKey = nextProps[propKey$241];
lastProp = lastProps[propKey$241];
if (
nextProps.hasOwnProperty(propKey$239) &&
nextProps.hasOwnProperty(propKey$241) &&
(null != propKey || null != lastProp)
)
switch (propKey$239) {
switch (propKey$241) {
case "type":
propKey !== lastProp && trackHostMutation();
type = propKey;
@@ -16849,7 +16881,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(
domElement,
tag,
propKey$239,
propKey$241,
propKey,
nextProps,
lastProp
@@ -16868,7 +16900,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
);
return;
case "select":
propKey = value = defaultValue = propKey$239 = null;
propKey = value = defaultValue = propKey$241 = null;
for (type in lastProps)
if (
((lastDefaultValue = lastProps[type]),
@@ -16900,7 +16932,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
switch (name) {
case "value":
type !== lastDefaultValue && trackHostMutation();
propKey$239 = type;
propKey$241 = type;
break;
case "defaultValue":
type !== lastDefaultValue && trackHostMutation();
@@ -16922,15 +16954,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
tag = defaultValue;
lastProps = value;
nextProps = propKey;
null != propKey$239
? updateOptions(domElement, !!lastProps, propKey$239, !1)
null != propKey$241
? updateOptions(domElement, !!lastProps, propKey$241, !1)
: !!nextProps !== !!lastProps &&
(null != tag
? updateOptions(domElement, !!lastProps, tag, !0)
: updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1));
return;
case "textarea":
propKey = propKey$239 = null;
propKey = propKey$241 = null;
for (defaultValue in lastProps)
if (
((name = lastProps[defaultValue]),
@@ -16955,7 +16987,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
switch (value) {
case "value":
name !== type && trackHostMutation();
propKey$239 = name;
propKey$241 = name;
break;
case "defaultValue":
name !== type && trackHostMutation();
@@ -16970,17 +17002,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
name !== type &&
setProp(domElement, tag, value, name, nextProps, type);
}
updateTextarea(domElement, propKey$239, propKey);
updateTextarea(domElement, propKey$241, propKey);
return;
case "option":
for (var propKey$255 in lastProps)
for (var propKey$257 in lastProps)
if (
((propKey$239 = lastProps[propKey$255]),
lastProps.hasOwnProperty(propKey$255) &&
null != propKey$239 &&
!nextProps.hasOwnProperty(propKey$255))
((propKey$241 = lastProps[propKey$257]),
lastProps.hasOwnProperty(propKey$257) &&
null != propKey$241 &&
!nextProps.hasOwnProperty(propKey$257))
)
switch (propKey$255) {
switch (propKey$257) {
case "selected":
domElement.selected = !1;
break;
@@ -16988,34 +17020,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
setProp(
domElement,
tag,
propKey$255,
propKey$257,
null,
nextProps,
propKey$239
propKey$241
);
}
for (lastDefaultValue in nextProps)
if (
((propKey$239 = nextProps[lastDefaultValue]),
((propKey$241 = nextProps[lastDefaultValue]),
(propKey = lastProps[lastDefaultValue]),
nextProps.hasOwnProperty(lastDefaultValue) &&
propKey$239 !== propKey &&
(null != propKey$239 || null != propKey))
propKey$241 !== propKey &&
(null != propKey$241 || null != propKey))
)
switch (lastDefaultValue) {
case "selected":
propKey$239 !== propKey && trackHostMutation();
propKey$241 !== propKey && trackHostMutation();
domElement.selected =
propKey$239 &&
"function" !== typeof propKey$239 &&
"symbol" !== typeof propKey$239;
propKey$241 &&
"function" !== typeof propKey$241 &&
"symbol" !== typeof propKey$241;
break;
default:
setProp(
domElement,
tag,
lastDefaultValue,
propKey$239,
propKey$241,
nextProps,
propKey
);
@@ -17036,24 +17068,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
case "track":
case "wbr":
case "menuitem":
for (var propKey$260 in lastProps)
(propKey$239 = lastProps[propKey$260]),
lastProps.hasOwnProperty(propKey$260) &&
null != propKey$239 &&
!nextProps.hasOwnProperty(propKey$260) &&
setProp(domElement, tag, propKey$260, null, nextProps, propKey$239);
for (var propKey$262 in lastProps)
(propKey$241 = lastProps[propKey$262]),
lastProps.hasOwnProperty(propKey$262) &&
null != propKey$241 &&
!nextProps.hasOwnProperty(propKey$262) &&
setProp(domElement, tag, propKey$262, null, nextProps, propKey$241);
for (checked in nextProps)
if (
((propKey$239 = nextProps[checked]),
((propKey$241 = nextProps[checked]),
(propKey = lastProps[checked]),
nextProps.hasOwnProperty(checked) &&
propKey$239 !== propKey &&
(null != propKey$239 || null != propKey))
propKey$241 !== propKey &&
(null != propKey$241 || null != propKey))
)
switch (checked) {
case "children":
case "dangerouslySetInnerHTML":
if (null != propKey$239)
if (null != propKey$241)
throw Error(formatProdErrorMessage(137, tag));
break;
default:
@@ -17061,7 +17093,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
domElement,
tag,
checked,
propKey$239,
propKey$241,
nextProps,
propKey
);
@@ -17069,49 +17101,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
return;
default:
if (isCustomElement(tag)) {
for (var propKey$265 in lastProps)
(propKey$239 = lastProps[propKey$265]),
lastProps.hasOwnProperty(propKey$265) &&
void 0 !== propKey$239 &&
!nextProps.hasOwnProperty(propKey$265) &&
for (var propKey$267 in lastProps)
(propKey$241 = lastProps[propKey$267]),
lastProps.hasOwnProperty(propKey$267) &&
void 0 !== propKey$241 &&
!nextProps.hasOwnProperty(propKey$267) &&
setPropOnCustomElement(
domElement,
tag,
propKey$265,
propKey$267,
void 0,
nextProps,
propKey$239
propKey$241
);
for (defaultChecked in nextProps)
(propKey$239 = nextProps[defaultChecked]),
(propKey$241 = nextProps[defaultChecked]),
(propKey = lastProps[defaultChecked]),
!nextProps.hasOwnProperty(defaultChecked) ||
propKey$239 === propKey ||
(void 0 === propKey$239 && void 0 === propKey) ||
propKey$241 === propKey ||
(void 0 === propKey$241 && void 0 === propKey) ||
setPropOnCustomElement(
domElement,
tag,
defaultChecked,
propKey$239,
propKey$241,
nextProps,
propKey
);
return;
}
}
for (var propKey$270 in lastProps)
(propKey$239 = lastProps[propKey$270]),
lastProps.hasOwnProperty(propKey$270) &&
null != propKey$239 &&
!nextProps.hasOwnProperty(propKey$270) &&
setProp(domElement, tag, propKey$270, null, nextProps, propKey$239);
for (var propKey$272 in lastProps)
(propKey$241 = lastProps[propKey$272]),
lastProps.hasOwnProperty(propKey$272) &&
null != propKey$241 &&
!nextProps.hasOwnProperty(propKey$272) &&
setProp(domElement, tag, propKey$272, null, nextProps, propKey$241);
for (lastProp in nextProps)
(propKey$239 = nextProps[lastProp]),
(propKey$241 = nextProps[lastProp]),
(propKey = lastProps[lastProp]),
!nextProps.hasOwnProperty(lastProp) ||
propKey$239 === propKey ||
(null == propKey$239 && null == propKey) ||
setProp(domElement, tag, lastProp, propKey$239, nextProps, propKey);
propKey$241 === propKey ||
(null == propKey$241 && null == propKey) ||
setProp(domElement, tag, lastProp, propKey$241, nextProps, propKey);
}
function isLikelyStaticResource(initiatorType) {
switch (initiatorType) {
@@ -18779,26 +18811,26 @@ function getResource(type, currentProps, pendingProps, currentResource) {
"string" === typeof pendingProps.precedence
) {
type = getStyleKey(pendingProps.href);
var styles$286 = getResourcesFromRoot(
var styles$288 = getResourcesFromRoot(
JSCompiler_inline_result
).hoistableStyles,
resource$287 = styles$286.get(type);
resource$287 ||
resource$289 = styles$288.get(type);
resource$289 ||
((JSCompiler_inline_result =
JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result),
(resource$287 = {
(resource$289 = {
type: "stylesheet",
instance: null,
count: 0,
state: { loading: 0, preload: null }
}),
styles$286.set(type, resource$287),
(styles$286 = JSCompiler_inline_result.querySelector(
styles$288.set(type, resource$289),
(styles$288 = JSCompiler_inline_result.querySelector(
getStylesheetSelectorFromKey(type)
)) &&
!styles$286._p &&
((resource$287.instance = styles$286),
(resource$287.state.loading = 5)),
!styles$288._p &&
((resource$289.instance = styles$288),
(resource$289.state.loading = 5)),
preloadPropsMap.has(type) ||
((pendingProps = {
rel: "preload",
@@ -18811,16 +18843,16 @@ function getResource(type, currentProps, pendingProps, currentResource) {
referrerPolicy: pendingProps.referrerPolicy
}),
preloadPropsMap.set(type, pendingProps),
styles$286 ||
styles$288 ||
preloadStylesheet(
JSCompiler_inline_result,
type,
pendingProps,
resource$287.state
resource$289.state
)));
if (currentProps && null === currentResource)
throw Error(formatProdErrorMessage(528, ""));
return resource$287;
return resource$289;
}
if (currentProps && null !== currentResource)
throw Error(formatProdErrorMessage(529, ""));
@@ -18917,37 +18949,37 @@ function acquireResource(hoistableRoot, resource, props) {
return (resource.instance = instance);
case "stylesheet":
styleProps = getStyleKey(props.href);
var instance$292 = hoistableRoot.querySelector(
var instance$294 = hoistableRoot.querySelector(
getStylesheetSelectorFromKey(styleProps)
);
if (instance$292)
if (instance$294)
return (
(resource.state.loading |= 4),
(resource.instance = instance$292),
markNodeAsHoistable(instance$292),
instance$292
(resource.instance = instance$294),
markNodeAsHoistable(instance$294),
instance$294
);
instance = stylesheetPropsFromRawProps(props);
(styleProps = preloadPropsMap.get(styleProps)) &&
adoptPreloadPropsForStylesheet(instance, styleProps);
instance$292 = (
instance$294 = (
hoistableRoot.ownerDocument || hoistableRoot
).createElement("link");
markNodeAsHoistable(instance$292);
var linkInstance = instance$292;
markNodeAsHoistable(instance$294);
var linkInstance = instance$294;
linkInstance._p = new Promise(function (resolve, reject) {
linkInstance.onload = resolve;
linkInstance.onerror = reject;
});
setInitialProperties(instance$292, "link", instance);
setInitialProperties(instance$294, "link", instance);
resource.state.loading |= 4;
insertStylesheet(instance$292, props.precedence, hoistableRoot);
return (resource.instance = instance$292);
insertStylesheet(instance$294, props.precedence, hoistableRoot);
return (resource.instance = instance$294);
case "script":
instance$292 = getScriptKey(props.src);
instance$294 = getScriptKey(props.src);
if (
(styleProps = hoistableRoot.querySelector(
getScriptSelectorFromKey(instance$292)
getScriptSelectorFromKey(instance$294)
))
)
return (
@@ -18956,7 +18988,7 @@ function acquireResource(hoistableRoot, resource, props) {
styleProps
);
instance = props;
if ((styleProps = preloadPropsMap.get(instance$292)))
if ((styleProps = preloadPropsMap.get(instance$294)))
(instance = assign({}, props)),
adoptPreloadPropsForScript(instance, styleProps);
hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -20021,16 +20053,16 @@ function getCrossOriginStringAs(as, input) {
if ("string" === typeof input)
return "use-credentials" === input ? input : "";
}
var isomorphicReactPackageVersion$jscomp$inline_2148 = React.version;
var isomorphicReactPackageVersion$jscomp$inline_2144 = React.version;
if (
"19.3.0-www-modern-26cf2804-20251031" !==
isomorphicReactPackageVersion$jscomp$inline_2148
"19.3.0-www-modern-488d88b0-20251031" !==
isomorphicReactPackageVersion$jscomp$inline_2144
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2148,
"19.3.0-www-modern-26cf2804-20251031"
isomorphicReactPackageVersion$jscomp$inline_2144,
"19.3.0-www-modern-488d88b0-20251031"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -20046,24 +20078,24 @@ Internals.Events = [
return fn(a);
}
];
var internals$jscomp$inline_2777 = {
var internals$jscomp$inline_2773 = {
bundleType: 0,
version: "19.3.0-www-modern-26cf2804-20251031",
version: "19.3.0-www-modern-488d88b0-20251031",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-modern-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-modern-488d88b0-20251031"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2778 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
var hook$jscomp$inline_2774 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
if (
!hook$jscomp$inline_2778.isDisabled &&
hook$jscomp$inline_2778.supportsFiber
!hook$jscomp$inline_2774.isDisabled &&
hook$jscomp$inline_2774.supportsFiber
)
try {
(rendererID = hook$jscomp$inline_2778.inject(
internals$jscomp$inline_2777
(rendererID = hook$jscomp$inline_2774.inject(
internals$jscomp$inline_2773
)),
(injectedHook = hook$jscomp$inline_2778);
(injectedHook = hook$jscomp$inline_2774);
} catch (err) {}
}
function defaultOnDefaultTransitionIndicator() {
@@ -20631,4 +20663,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.3.0-www-modern-26cf2804-20251031";
exports.version = "19.3.0-www-modern-488d88b0-20251031";
compiled/facebook-www/ReactReconciler-dev.classic.js
+57 -28
View File
@@ -9663,6 +9663,16 @@ __DEV__ &&
propagationRoot
);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -9690,6 +9700,15 @@ __DEV__ &&
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -9707,6 +9726,7 @@ __DEV__ &&
if (
null != revealOrder &&
"forwards" !== revealOrder &&
"backwards" !== revealOrder &&
"unstable_legacy-backwards" !== revealOrder &&
"together" !== revealOrder &&
"independent" !== revealOrder &&
@@ -9714,12 +9734,8 @@ __DEV__ &&
)
if (
((didWarnAboutRevealOrder[suspenseContext] = !0),
"backwards" === revealOrder)
"string" === typeof revealOrder)
)
console.error(
'The rendering order of <SuspenseList revealOrder="backwards"> is changing. To be future compatible you must specify revealOrder="legacy_unstable-backwards" instead.'
);
else if ("string" === typeof revealOrder)
switch (revealOrder.toLowerCase()) {
case "together":
case "forwards":
@@ -9811,7 +9827,11 @@ __DEV__ &&
'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
revealOrder
);
reconcileChildren(current, workInProgress, newChildren, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, newChildren, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, newChildren, renderLanes);
isHydrating
? (warnIfNotHydrating(), (newChildren = treeForkCount))
: (newChildren = 0);
@@ -9838,6 +9858,22 @@ __DEV__ &&
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
newChildren
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -9875,27 +9911,20 @@ __DEV__ &&
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
newChildren
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
newChildren
);
}
return workInProgress.child;
}
@@ -23024,7 +23053,7 @@ __DEV__ &&
version: rendererVersion,
rendererPackageName: rendererPackageName,
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-classic-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-classic-488d88b0-20251031"
};
null !== extraDevToolsConfig &&
(internals.rendererConfig = extraDevToolsConfig);
compiled/facebook-www/ReactReconciler-dev.modern.js
+57 -28
View File
@@ -9494,6 +9494,16 @@ __DEV__ &&
propagationRoot
);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -9521,6 +9531,15 @@ __DEV__ &&
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -9538,6 +9557,7 @@ __DEV__ &&
if (
null != revealOrder &&
"forwards" !== revealOrder &&
"backwards" !== revealOrder &&
"unstable_legacy-backwards" !== revealOrder &&
"together" !== revealOrder &&
"independent" !== revealOrder &&
@@ -9545,12 +9565,8 @@ __DEV__ &&
)
if (
((didWarnAboutRevealOrder[suspenseContext] = !0),
"backwards" === revealOrder)
"string" === typeof revealOrder)
)
console.error(
'The rendering order of <SuspenseList revealOrder="backwards"> is changing. To be future compatible you must specify revealOrder="legacy_unstable-backwards" instead.'
);
else if ("string" === typeof revealOrder)
switch (revealOrder.toLowerCase()) {
case "together":
case "forwards":
@@ -9642,7 +9658,11 @@ __DEV__ &&
'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
revealOrder
);
reconcileChildren(current, workInProgress, newChildren, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, newChildren, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, newChildren, renderLanes);
isHydrating
? (warnIfNotHydrating(), (newChildren = treeForkCount))
: (newChildren = 0);
@@ -9669,6 +9689,22 @@ __DEV__ &&
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
newChildren
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -9706,27 +9742,20 @@ __DEV__ &&
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
newChildren
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
newChildren
);
}
return workInProgress.child;
}
@@ -22804,7 +22833,7 @@ __DEV__ &&
version: rendererVersion,
rendererPackageName: rendererPackageName,
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-modern-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-modern-488d88b0-20251031"
};
null !== extraDevToolsConfig &&
(internals.rendererConfig = extraDevToolsConfig);
compiled/facebook-www/ReactReconciler-prod.classic.js
+147 -114
View File
@@ -5746,6 +5746,16 @@ module.exports = function ($$$config) {
null !== alternate && (alternate.lanes |= renderLanes);
scheduleContextWorkOnParentPath(fiber.return, renderLanes, propagationRoot);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -5773,6 +5783,15 @@ module.exports = function ($$$config) {
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -5785,7 +5804,11 @@ module.exports = function ($$$config) {
(workInProgress.flags |= 128))
: (suspenseContext &= 1);
push(suspenseStackCursor, suspenseContext);
reconcileChildren(current, workInProgress, nextProps, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, nextProps, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, nextProps, renderLanes);
nextProps = isHydrating ? treeForkCount : 0;
if (!shouldForceFallback && null !== current && 0 !== (current.flags & 128))
a: for (current = workInProgress.child; null !== current; ) {
@@ -5810,6 +5833,22 @@ module.exports = function ($$$config) {
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
nextProps
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -5847,26 +5886,20 @@ module.exports = function ($$$config) {
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
nextProps
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
nextProps
);
}
return workInProgress.child;
}
@@ -5950,9 +5983,9 @@ module.exports = function ($$$config) {
);
break;
case 13:
var state$93 = workInProgress.memoizedState;
if (null !== state$93) {
if (null !== state$93.dehydrated)
var state$95 = workInProgress.memoizedState;
if (null !== state$95) {
if (null !== state$95.dehydrated)
return (
pushPrimaryTreeSuspenseHandler(workInProgress),
(workInProgress.flags |= 128),
@@ -5976,17 +6009,17 @@ module.exports = function ($$$config) {
break;
case 19:
var didSuspendBefore = 0 !== (current.flags & 128);
state$93 = 0 !== (renderLanes & workInProgress.childLanes);
state$93 ||
state$95 = 0 !== (renderLanes & workInProgress.childLanes);
state$95 ||
(propagateParentContextChanges(
current,
workInProgress,
renderLanes,
!1
),
(state$93 = 0 !== (renderLanes & workInProgress.childLanes)));
(state$95 = 0 !== (renderLanes & workInProgress.childLanes)));
if (didSuspendBefore) {
if (state$93)
if (state$95)
return updateSuspenseListComponent(
current,
workInProgress,
@@ -6000,7 +6033,7 @@ module.exports = function ($$$config) {
(didSuspendBefore.tail = null),
(didSuspendBefore.lastEffect = null));
push(suspenseStackCursor, suspenseStackCursor.current);
if (state$93) break;
if (state$95) break;
else return null;
case 22:
return (
@@ -6017,8 +6050,8 @@ module.exports = function ($$$config) {
break;
case 25:
if (enableTransitionTracing) {
state$93 = workInProgress.stateNode;
null !== state$93 && pushMarkerInstance(workInProgress, state$93);
state$95 = workInProgress.stateNode;
null !== state$95 && pushMarkerInstance(workInProgress, state$95);
break;
}
case 23:
@@ -6750,44 +6783,44 @@ module.exports = function ($$$config) {
needsVisibilityToggle = needsVisibilityToggle.sibling;
}
else if (supportsPersistence)
for (var node$96 = workInProgress.child; null !== node$96; ) {
if (5 === node$96.tag) {
var instance = node$96.stateNode;
for (var node$98 = workInProgress.child; null !== node$98; ) {
if (5 === node$98.tag) {
var instance = node$98.stateNode;
needsVisibilityToggle &&
isHidden &&
(instance = cloneHiddenInstance(
instance,
node$96.type,
node$96.memoizedProps
node$98.type,
node$98.memoizedProps
));
appendInitialChild(parent, instance);
} else if (6 === node$96.tag)
(instance = node$96.stateNode),
} else if (6 === node$98.tag)
(instance = node$98.stateNode),
needsVisibilityToggle &&
isHidden &&
(instance = cloneHiddenTextInstance(
instance,
node$96.memoizedProps
node$98.memoizedProps
)),
appendInitialChild(parent, instance);
else if (4 !== node$96.tag)
if (22 === node$96.tag && null !== node$96.memoizedState)
(instance = node$96.child),
null !== instance && (instance.return = node$96),
appendAllChildren(parent, node$96, !0, !0);
else if (null !== node$96.child) {
node$96.child.return = node$96;
node$96 = node$96.child;
else if (4 !== node$98.tag)
if (22 === node$98.tag && null !== node$98.memoizedState)
(instance = node$98.child),
null !== instance && (instance.return = node$98),
appendAllChildren(parent, node$98, !0, !0);
else if (null !== node$98.child) {
node$98.child.return = node$98;
node$98 = node$98.child;
continue;
}
if (node$96 === workInProgress) break;
for (; null === node$96.sibling; ) {
if (null === node$96.return || node$96.return === workInProgress)
if (node$98 === workInProgress) break;
for (; null === node$98.sibling; ) {
if (null === node$98.return || node$98.return === workInProgress)
return;
node$96 = node$96.return;
node$98 = node$98.return;
}
node$96.sibling.return = node$96.return;
node$96 = node$96.sibling;
node$98.sibling.return = node$98.return;
node$98 = node$98.sibling;
}
}
function appendAllChildrenToContainer(
@@ -6857,31 +6890,31 @@ module.exports = function ($$$config) {
current.memoizedProps !== newProps && markUpdate(workInProgress);
else if (supportsPersistence) {
var currentInstance = current.stateNode,
oldProps$99 = current.memoizedProps;
oldProps$101 = current.memoizedProps;
if (
(current = doesRequireClone(current, workInProgress)) ||
oldProps$99 !== newProps
oldProps$101 !== newProps
) {
var currentHostContext = contextStackCursor.current;
oldProps$99 = cloneInstance(
oldProps$101 = cloneInstance(
currentInstance,
type,
oldProps$99,
oldProps$101,
newProps,
!current,
null
);
oldProps$99 === currentInstance
oldProps$101 === currentInstance
? (workInProgress.stateNode = currentInstance)
: (markCloned(workInProgress),
finalizeInitialChildren(
oldProps$99,
oldProps$101,
type,
newProps,
currentHostContext
) && markUpdate(workInProgress),
(workInProgress.stateNode = oldProps$99),
current && appendAllChildren(oldProps$99, workInProgress, !1, !1));
(workInProgress.stateNode = oldProps$101),
current && appendAllChildren(oldProps$101, workInProgress, !1, !1));
} else workInProgress.stateNode = currentInstance;
}
}
@@ -6969,19 +7002,19 @@ module.exports = function ($$$config) {
newChildLanes = 0,
subtreeFlags = 0;
if (didBailout)
for (var child$102 = completedWork.child; null !== child$102; )
(newChildLanes |= child$102.lanes | child$102.childLanes),
(subtreeFlags |= child$102.subtreeFlags & 65011712),
(subtreeFlags |= child$102.flags & 65011712),
(child$102.return = completedWork),
(child$102 = child$102.sibling);
for (var child$104 = completedWork.child; null !== child$104; )
(newChildLanes |= child$104.lanes | child$104.childLanes),
(subtreeFlags |= child$104.subtreeFlags & 65011712),
(subtreeFlags |= child$104.flags & 65011712),
(child$104.return = completedWork),
(child$104 = child$104.sibling);
else
for (child$102 = completedWork.child; null !== child$102; )
(newChildLanes |= child$102.lanes | child$102.childLanes),
(subtreeFlags |= child$102.subtreeFlags),
(subtreeFlags |= child$102.flags),
(child$102.return = completedWork),
(child$102 = child$102.sibling);
for (child$104 = completedWork.child; null !== child$104; )
(newChildLanes |= child$104.lanes | child$104.childLanes),
(subtreeFlags |= child$104.subtreeFlags),
(subtreeFlags |= child$104.flags),
(child$104.return = completedWork),
(child$104 = child$104.sibling);
completedWork.subtreeFlags |= subtreeFlags;
completedWork.childLanes = newChildLanes;
return didBailout;
@@ -7148,7 +7181,7 @@ module.exports = function ($$$config) {
nextResource
) && (workInProgress.flags |= 64);
else {
var instance$112 = createInstance(
var instance$114 = createInstance(
type,
newProps,
rootInstanceStackCursor.current,
@@ -7156,10 +7189,10 @@ module.exports = function ($$$config) {
workInProgress
);
markCloned(workInProgress);
appendAllChildren(instance$112, workInProgress, !1, !1);
workInProgress.stateNode = instance$112;
appendAllChildren(instance$114, workInProgress, !1, !1);
workInProgress.stateNode = instance$114;
finalizeInitialChildren(
instance$112,
instance$114,
type,
newProps,
nextResource
@@ -7806,8 +7839,8 @@ module.exports = function ($$$config) {
else if ("function" === typeof ref)
try {
ref(null);
} catch (error$138) {
captureCommitPhaseError(current, nearestMountedAncestor, error$138);
} catch (error$140) {
captureCommitPhaseError(current, nearestMountedAncestor, error$140);
}
else ref.current = null;
}
@@ -8643,11 +8676,11 @@ module.exports = function ($$$config) {
current,
finishedRoot.__reactInternalSnapshotBeforeUpdate
);
} catch (error$136) {
} catch (error$138) {
captureCommitPhaseError(
finishedWork,
finishedWork.return,
error$136
error$138
);
}
}
@@ -9594,15 +9627,15 @@ module.exports = function ($$$config) {
retryQueue = null !== current && null !== current.memoizedState;
var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden,
prevOffscreenDirectParentIsHidden$152 = offscreenDirectParentIsHidden;
prevOffscreenDirectParentIsHidden$154 = offscreenDirectParentIsHidden;
offscreenSubtreeIsHidden =
prevOffscreenSubtreeIsHidden || suspenseCallback;
offscreenDirectParentIsHidden =
prevOffscreenDirectParentIsHidden$152 || suspenseCallback;
prevOffscreenDirectParentIsHidden$154 || suspenseCallback;
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden || retryQueue;
recursivelyTraverseMutationEffects(root, finishedWork, lanes);
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$152;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$154;
offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
commitReconciliationEffects(finishedWork);
if (
@@ -9783,25 +9816,25 @@ module.exports = function ($$$config) {
break;
}
case 5:
var parent$139 = hostParentFiber.stateNode;
var parent$141 = hostParentFiber.stateNode;
hostParentFiber.flags & 32 &&
(resetTextContent(parent$139), (hostParentFiber.flags &= -33));
var before$140 = getHostSibling(finishedWork);
(resetTextContent(parent$141), (hostParentFiber.flags &= -33));
var before$142 = getHostSibling(finishedWork);
insertOrAppendPlacementNode(
finishedWork,
before$140,
parent$139,
before$142,
parent$141,
parentFragmentInstances
);
break;
case 3:
case 4:
var parent$141 = hostParentFiber.stateNode.containerInfo,
before$142 = getHostSibling(finishedWork);
var parent$143 = hostParentFiber.stateNode.containerInfo,
before$144 = getHostSibling(finishedWork);
insertOrAppendPlacementNodeIntoContainer(
finishedWork,
before$142,
parent$141,
before$144,
parent$143,
parentFragmentInstances
);
break;
@@ -10375,14 +10408,14 @@ module.exports = function ($$$config) {
);
break;
case 22:
var instance$157 = finishedWork.stateNode,
current$158 = finishedWork.alternate;
var instance$159 = finishedWork.stateNode,
current$160 = finishedWork.alternate;
null !== finishedWork.memoizedState
? (isViewTransitionEligible &&
null !== current$158 &&
null === current$158.memoizedState &&
restoreEnterOrExitViewTransitions(current$158),
instance$157._visibility & 2
null !== current$160 &&
null === current$160.memoizedState &&
restoreEnterOrExitViewTransitions(current$160),
instance$159._visibility & 2
? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
@@ -10394,17 +10427,17 @@ module.exports = function ($$$config) {
finishedWork
))
: (isViewTransitionEligible &&
null !== current$158 &&
null !== current$158.memoizedState &&
null !== current$160 &&
null !== current$160.memoizedState &&
restoreEnterOrExitViewTransitions(finishedWork),
instance$157._visibility & 2
instance$159._visibility & 2
? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
)
: ((instance$157._visibility |= 2),
: ((instance$159._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -10414,9 +10447,9 @@ module.exports = function ($$$config) {
)));
flags & 2048 &&
commitOffscreenPassiveMountEffects(
current$158,
current$160,
finishedWork,
instance$157
instance$159
);
break;
case 24:
@@ -10512,9 +10545,9 @@ module.exports = function ($$$config) {
);
break;
case 22:
var instance$161 = finishedWork.stateNode;
var instance$163 = finishedWork.stateNode;
null !== finishedWork.memoizedState
? instance$161._visibility & 2
? instance$163._visibility & 2
? recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -10526,7 +10559,7 @@ module.exports = function ($$$config) {
finishedRoot,
finishedWork
)
: ((instance$161._visibility |= 2),
: ((instance$163._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -10539,7 +10572,7 @@ module.exports = function ($$$config) {
commitOffscreenPassiveMountEffects(
finishedWork.alternate,
finishedWork,
instance$161
instance$163
);
break;
case 24:
@@ -11725,8 +11758,8 @@ module.exports = function ($$$config) {
workLoopSync();
exitStatus = workInProgressRootExitStatus;
break;
} catch (thrownValue$178) {
handleThrow(root, thrownValue$178);
} catch (thrownValue$180) {
handleThrow(root, thrownValue$180);
}
while (1);
lanes && root.shellSuspendCounter++;
@@ -11847,8 +11880,8 @@ module.exports = function ($$$config) {
}
workLoopConcurrentByScheduler();
break;
} catch (thrownValue$180) {
handleThrow(root, thrownValue$180);
} catch (thrownValue$182) {
handleThrow(root, thrownValue$182);
}
while (1);
lastContextDependency = currentlyRenderingFiber$1 = null;
@@ -14255,7 +14288,7 @@ module.exports = function ($$$config) {
version: rendererVersion,
rendererPackageName: rendererPackageName,
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-classic-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-classic-488d88b0-20251031"
};
null !== extraDevToolsConfig &&
(internals.rendererConfig = extraDevToolsConfig);
compiled/facebook-www/ReactReconciler-prod.modern.js
+147 -114
View File
@@ -5522,6 +5522,16 @@ module.exports = function ($$$config) {
null !== alternate && (alternate.lanes |= renderLanes);
scheduleContextWorkOnParentPath(fiber.return, renderLanes, propagationRoot);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -5549,6 +5559,15 @@ module.exports = function ($$$config) {
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -5561,7 +5580,11 @@ module.exports = function ($$$config) {
(workInProgress.flags |= 128))
: (suspenseContext &= 1);
push(suspenseStackCursor, suspenseContext);
reconcileChildren(current, workInProgress, nextProps, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, nextProps, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, nextProps, renderLanes);
nextProps = isHydrating ? treeForkCount : 0;
if (!shouldForceFallback && null !== current && 0 !== (current.flags & 128))
a: for (current = workInProgress.child; null !== current; ) {
@@ -5586,6 +5609,22 @@ module.exports = function ($$$config) {
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
nextProps
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -5623,26 +5662,20 @@ module.exports = function ($$$config) {
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling), (renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
nextProps
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
nextProps
);
}
return workInProgress.child;
}
@@ -5725,9 +5758,9 @@ module.exports = function ($$$config) {
);
break;
case 13:
var state$93 = workInProgress.memoizedState;
if (null !== state$93) {
if (null !== state$93.dehydrated)
var state$95 = workInProgress.memoizedState;
if (null !== state$95) {
if (null !== state$95.dehydrated)
return (
pushPrimaryTreeSuspenseHandler(workInProgress),
(workInProgress.flags |= 128),
@@ -5751,17 +5784,17 @@ module.exports = function ($$$config) {
break;
case 19:
var didSuspendBefore = 0 !== (current.flags & 128);
state$93 = 0 !== (renderLanes & workInProgress.childLanes);
state$93 ||
state$95 = 0 !== (renderLanes & workInProgress.childLanes);
state$95 ||
(propagateParentContextChanges(
current,
workInProgress,
renderLanes,
!1
),
(state$93 = 0 !== (renderLanes & workInProgress.childLanes)));
(state$95 = 0 !== (renderLanes & workInProgress.childLanes)));
if (didSuspendBefore) {
if (state$93)
if (state$95)
return updateSuspenseListComponent(
current,
workInProgress,
@@ -5775,7 +5808,7 @@ module.exports = function ($$$config) {
(didSuspendBefore.tail = null),
(didSuspendBefore.lastEffect = null));
push(suspenseStackCursor, suspenseStackCursor.current);
if (state$93) break;
if (state$95) break;
else return null;
case 22:
return (
@@ -5792,8 +5825,8 @@ module.exports = function ($$$config) {
break;
case 25:
if (enableTransitionTracing) {
state$93 = workInProgress.stateNode;
null !== state$93 && pushMarkerInstance(workInProgress, state$93);
state$95 = workInProgress.stateNode;
null !== state$95 && pushMarkerInstance(workInProgress, state$95);
break;
}
case 23:
@@ -6525,44 +6558,44 @@ module.exports = function ($$$config) {
needsVisibilityToggle = needsVisibilityToggle.sibling;
}
else if (supportsPersistence)
for (var node$96 = workInProgress.child; null !== node$96; ) {
if (5 === node$96.tag) {
var instance = node$96.stateNode;
for (var node$98 = workInProgress.child; null !== node$98; ) {
if (5 === node$98.tag) {
var instance = node$98.stateNode;
needsVisibilityToggle &&
isHidden &&
(instance = cloneHiddenInstance(
instance,
node$96.type,
node$96.memoizedProps
node$98.type,
node$98.memoizedProps
));
appendInitialChild(parent, instance);
} else if (6 === node$96.tag)
(instance = node$96.stateNode),
} else if (6 === node$98.tag)
(instance = node$98.stateNode),
needsVisibilityToggle &&
isHidden &&
(instance = cloneHiddenTextInstance(
instance,
node$96.memoizedProps
node$98.memoizedProps
)),
appendInitialChild(parent, instance);
else if (4 !== node$96.tag)
if (22 === node$96.tag && null !== node$96.memoizedState)
(instance = node$96.child),
null !== instance && (instance.return = node$96),
appendAllChildren(parent, node$96, !0, !0);
else if (null !== node$96.child) {
node$96.child.return = node$96;
node$96 = node$96.child;
else if (4 !== node$98.tag)
if (22 === node$98.tag && null !== node$98.memoizedState)
(instance = node$98.child),
null !== instance && (instance.return = node$98),
appendAllChildren(parent, node$98, !0, !0);
else if (null !== node$98.child) {
node$98.child.return = node$98;
node$98 = node$98.child;
continue;
}
if (node$96 === workInProgress) break;
for (; null === node$96.sibling; ) {
if (null === node$96.return || node$96.return === workInProgress)
if (node$98 === workInProgress) break;
for (; null === node$98.sibling; ) {
if (null === node$98.return || node$98.return === workInProgress)
return;
node$96 = node$96.return;
node$98 = node$98.return;
}
node$96.sibling.return = node$96.return;
node$96 = node$96.sibling;
node$98.sibling.return = node$98.return;
node$98 = node$98.sibling;
}
}
function appendAllChildrenToContainer(
@@ -6632,31 +6665,31 @@ module.exports = function ($$$config) {
current.memoizedProps !== newProps && markUpdate(workInProgress);
else if (supportsPersistence) {
var currentInstance = current.stateNode,
oldProps$99 = current.memoizedProps;
oldProps$101 = current.memoizedProps;
if (
(current = doesRequireClone(current, workInProgress)) ||
oldProps$99 !== newProps
oldProps$101 !== newProps
) {
var currentHostContext = contextStackCursor.current;
oldProps$99 = cloneInstance(
oldProps$101 = cloneInstance(
currentInstance,
type,
oldProps$99,
oldProps$101,
newProps,
!current,
null
);
oldProps$99 === currentInstance
oldProps$101 === currentInstance
? (workInProgress.stateNode = currentInstance)
: (markCloned(workInProgress),
finalizeInitialChildren(
oldProps$99,
oldProps$101,
type,
newProps,
currentHostContext
) && markUpdate(workInProgress),
(workInProgress.stateNode = oldProps$99),
current && appendAllChildren(oldProps$99, workInProgress, !1, !1));
(workInProgress.stateNode = oldProps$101),
current && appendAllChildren(oldProps$101, workInProgress, !1, !1));
} else workInProgress.stateNode = currentInstance;
}
}
@@ -6744,19 +6777,19 @@ module.exports = function ($$$config) {
newChildLanes = 0,
subtreeFlags = 0;
if (didBailout)
for (var child$102 = completedWork.child; null !== child$102; )
(newChildLanes |= child$102.lanes | child$102.childLanes),
(subtreeFlags |= child$102.subtreeFlags & 65011712),
(subtreeFlags |= child$102.flags & 65011712),
(child$102.return = completedWork),
(child$102 = child$102.sibling);
for (var child$104 = completedWork.child; null !== child$104; )
(newChildLanes |= child$104.lanes | child$104.childLanes),
(subtreeFlags |= child$104.subtreeFlags & 65011712),
(subtreeFlags |= child$104.flags & 65011712),
(child$104.return = completedWork),
(child$104 = child$104.sibling);
else
for (child$102 = completedWork.child; null !== child$102; )
(newChildLanes |= child$102.lanes | child$102.childLanes),
(subtreeFlags |= child$102.subtreeFlags),
(subtreeFlags |= child$102.flags),
(child$102.return = completedWork),
(child$102 = child$102.sibling);
for (child$104 = completedWork.child; null !== child$104; )
(newChildLanes |= child$104.lanes | child$104.childLanes),
(subtreeFlags |= child$104.subtreeFlags),
(subtreeFlags |= child$104.flags),
(child$104.return = completedWork),
(child$104 = child$104.sibling);
completedWork.subtreeFlags |= subtreeFlags;
completedWork.childLanes = newChildLanes;
return didBailout;
@@ -6916,7 +6949,7 @@ module.exports = function ($$$config) {
nextResource
) && (workInProgress.flags |= 64);
else {
var instance$112 = createInstance(
var instance$114 = createInstance(
type,
newProps,
rootInstanceStackCursor.current,
@@ -6924,10 +6957,10 @@ module.exports = function ($$$config) {
workInProgress
);
markCloned(workInProgress);
appendAllChildren(instance$112, workInProgress, !1, !1);
workInProgress.stateNode = instance$112;
appendAllChildren(instance$114, workInProgress, !1, !1);
workInProgress.stateNode = instance$114;
finalizeInitialChildren(
instance$112,
instance$114,
type,
newProps,
nextResource
@@ -7562,8 +7595,8 @@ module.exports = function ($$$config) {
else if ("function" === typeof ref)
try {
ref(null);
} catch (error$138) {
captureCommitPhaseError(current, nearestMountedAncestor, error$138);
} catch (error$140) {
captureCommitPhaseError(current, nearestMountedAncestor, error$140);
}
else ref.current = null;
}
@@ -8399,11 +8432,11 @@ module.exports = function ($$$config) {
current,
finishedRoot.__reactInternalSnapshotBeforeUpdate
);
} catch (error$136) {
} catch (error$138) {
captureCommitPhaseError(
finishedWork,
finishedWork.return,
error$136
error$138
);
}
}
@@ -9350,15 +9383,15 @@ module.exports = function ($$$config) {
retryQueue = null !== current && null !== current.memoizedState;
var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden,
prevOffscreenDirectParentIsHidden$152 = offscreenDirectParentIsHidden;
prevOffscreenDirectParentIsHidden$154 = offscreenDirectParentIsHidden;
offscreenSubtreeIsHidden =
prevOffscreenSubtreeIsHidden || suspenseCallback;
offscreenDirectParentIsHidden =
prevOffscreenDirectParentIsHidden$152 || suspenseCallback;
prevOffscreenDirectParentIsHidden$154 || suspenseCallback;
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden || retryQueue;
recursivelyTraverseMutationEffects(root, finishedWork, lanes);
offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$152;
offscreenDirectParentIsHidden = prevOffscreenDirectParentIsHidden$154;
offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
commitReconciliationEffects(finishedWork);
if (
@@ -9539,25 +9572,25 @@ module.exports = function ($$$config) {
break;
}
case 5:
var parent$139 = hostParentFiber.stateNode;
var parent$141 = hostParentFiber.stateNode;
hostParentFiber.flags & 32 &&
(resetTextContent(parent$139), (hostParentFiber.flags &= -33));
var before$140 = getHostSibling(finishedWork);
(resetTextContent(parent$141), (hostParentFiber.flags &= -33));
var before$142 = getHostSibling(finishedWork);
insertOrAppendPlacementNode(
finishedWork,
before$140,
parent$139,
before$142,
parent$141,
parentFragmentInstances
);
break;
case 3:
case 4:
var parent$141 = hostParentFiber.stateNode.containerInfo,
before$142 = getHostSibling(finishedWork);
var parent$143 = hostParentFiber.stateNode.containerInfo,
before$144 = getHostSibling(finishedWork);
insertOrAppendPlacementNodeIntoContainer(
finishedWork,
before$142,
parent$141,
before$144,
parent$143,
parentFragmentInstances
);
break;
@@ -10131,14 +10164,14 @@ module.exports = function ($$$config) {
);
break;
case 22:
var instance$157 = finishedWork.stateNode,
current$158 = finishedWork.alternate;
var instance$159 = finishedWork.stateNode,
current$160 = finishedWork.alternate;
null !== finishedWork.memoizedState
? (isViewTransitionEligible &&
null !== current$158 &&
null === current$158.memoizedState &&
restoreEnterOrExitViewTransitions(current$158),
instance$157._visibility & 2
null !== current$160 &&
null === current$160.memoizedState &&
restoreEnterOrExitViewTransitions(current$160),
instance$159._visibility & 2
? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
@@ -10150,17 +10183,17 @@ module.exports = function ($$$config) {
finishedWork
))
: (isViewTransitionEligible &&
null !== current$158 &&
null !== current$158.memoizedState &&
null !== current$160 &&
null !== current$160.memoizedState &&
restoreEnterOrExitViewTransitions(finishedWork),
instance$157._visibility & 2
instance$159._visibility & 2
? recursivelyTraversePassiveMountEffects(
finishedRoot,
finishedWork,
committedLanes,
committedTransitions
)
: ((instance$157._visibility |= 2),
: ((instance$159._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -10170,9 +10203,9 @@ module.exports = function ($$$config) {
)));
flags & 2048 &&
commitOffscreenPassiveMountEffects(
current$158,
current$160,
finishedWork,
instance$157
instance$159
);
break;
case 24:
@@ -10268,9 +10301,9 @@ module.exports = function ($$$config) {
);
break;
case 22:
var instance$161 = finishedWork.stateNode;
var instance$163 = finishedWork.stateNode;
null !== finishedWork.memoizedState
? instance$161._visibility & 2
? instance$163._visibility & 2
? recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -10282,7 +10315,7 @@ module.exports = function ($$$config) {
finishedRoot,
finishedWork
)
: ((instance$161._visibility |= 2),
: ((instance$163._visibility |= 2),
recursivelyTraverseReconnectPassiveEffects(
finishedRoot,
finishedWork,
@@ -10295,7 +10328,7 @@ module.exports = function ($$$config) {
commitOffscreenPassiveMountEffects(
finishedWork.alternate,
finishedWork,
instance$161
instance$163
);
break;
case 24:
@@ -11481,8 +11514,8 @@ module.exports = function ($$$config) {
workLoopSync();
exitStatus = workInProgressRootExitStatus;
break;
} catch (thrownValue$178) {
handleThrow(root, thrownValue$178);
} catch (thrownValue$180) {
handleThrow(root, thrownValue$180);
}
while (1);
lanes && root.shellSuspendCounter++;
@@ -11603,8 +11636,8 @@ module.exports = function ($$$config) {
}
workLoopConcurrentByScheduler();
break;
} catch (thrownValue$180) {
handleThrow(root, thrownValue$180);
} catch (thrownValue$182) {
handleThrow(root, thrownValue$182);
}
while (1);
lastContextDependency = currentlyRenderingFiber$1 = null;
@@ -13972,7 +14005,7 @@ module.exports = function ($$$config) {
version: rendererVersion,
rendererPackageName: rendererPackageName,
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-modern-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-modern-488d88b0-20251031"
};
null !== extraDevToolsConfig &&
(internals.rendererConfig = extraDevToolsConfig);
compiled/facebook-www/ReactTestRenderer-dev.classic.js
+61 -32
View File
@@ -13,7 +13,7 @@
"use strict";
__DEV__ &&
(function () {
function JSCompiler_object_inline_createNodeMock_1187() {
function JSCompiler_object_inline_createNodeMock_1182() {
return null;
}
function findHook(fiber, id) {
@@ -7470,6 +7470,16 @@ __DEV__ &&
propagationRoot
);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -7497,6 +7507,15 @@ __DEV__ &&
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -7515,6 +7534,7 @@ __DEV__ &&
if (
null != revealOrder &&
"forwards" !== revealOrder &&
"backwards" !== revealOrder &&
"unstable_legacy-backwards" !== revealOrder &&
"together" !== revealOrder &&
"independent" !== revealOrder &&
@@ -7522,12 +7542,8 @@ __DEV__ &&
)
if (
((didWarnAboutRevealOrder[suspenseContext] = !0),
"backwards" === revealOrder)
"string" === typeof revealOrder)
)
console.error(
'The rendering order of <SuspenseList revealOrder="backwards"> is changing. To be future compatible you must specify revealOrder="legacy_unstable-backwards" instead.'
);
else if ("string" === typeof revealOrder)
switch (revealOrder.toLowerCase()) {
case "together":
case "forwards":
@@ -7619,7 +7635,11 @@ __DEV__ &&
'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
revealOrder
);
reconcileChildren(current, workInProgress, nextProps, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, nextProps, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, nextProps, renderLanes);
if (
!shouldForceFallback &&
null !== current &&
@@ -7647,6 +7667,22 @@ __DEV__ &&
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
0
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -7684,27 +7720,20 @@ __DEV__ &&
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
0
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
0
);
}
return workInProgress.child;
}
@@ -15703,10 +15732,10 @@ __DEV__ &&
(function () {
var internals = {
bundleType: 1,
version: "19.3.0-www-classic-26cf2804-20251031",
version: "19.3.0-www-classic-488d88b0-20251031",
rendererPackageName: "react-test-renderer",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-classic-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-classic-488d88b0-20251031"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -15727,7 +15756,7 @@ __DEV__ &&
exports._Scheduler = Scheduler;
exports.act = act;
exports.create = function (element, options) {
var createNodeMock = JSCompiler_object_inline_createNodeMock_1187,
var createNodeMock = JSCompiler_object_inline_createNodeMock_1182,
isConcurrentOnly = !0 !== global.IS_REACT_NATIVE_TEST_ENVIRONMENT,
isConcurrent = isConcurrentOnly,
isStrictMode = !1;
@@ -15842,5 +15871,5 @@ __DEV__ &&
exports.unstable_batchedUpdates = function (fn, a) {
return fn(a);
};
exports.version = "19.3.0-www-classic-26cf2804-20251031";
exports.version = "19.3.0-www-classic-488d88b0-20251031";
})();
compiled/facebook-www/ReactTestRenderer-dev.modern.js
+61 -32
View File
@@ -13,7 +13,7 @@
"use strict";
__DEV__ &&
(function () {
function JSCompiler_object_inline_createNodeMock_1187() {
function JSCompiler_object_inline_createNodeMock_1182() {
return null;
}
function findHook(fiber, id) {
@@ -7470,6 +7470,16 @@ __DEV__ &&
propagationRoot
);
}
function findLastContentRow(firstChild) {
for (var lastContentRow = null; null !== firstChild; ) {
var currentRow = firstChild.alternate;
null !== currentRow &&
null === findFirstSuspended(currentRow) &&
(lastContentRow = firstChild);
firstChild = firstChild.sibling;
}
return lastContentRow;
}
function initSuspenseListRenderState(
workInProgress,
isBackwards,
@@ -7497,6 +7507,15 @@ __DEV__ &&
(renderState.tailMode = tailMode),
(renderState.treeForkCount = treeForkCount));
}
function reverseChildren(fiber) {
var row = fiber.child;
for (fiber.child = null; null !== row; ) {
var nextRow = row.sibling;
row.sibling = fiber.child;
fiber.child = row;
row = nextRow;
}
}
function updateSuspenseListComponent(current, workInProgress, renderLanes) {
var nextProps = workInProgress.pendingProps,
revealOrder = nextProps.revealOrder,
@@ -7515,6 +7534,7 @@ __DEV__ &&
if (
null != revealOrder &&
"forwards" !== revealOrder &&
"backwards" !== revealOrder &&
"unstable_legacy-backwards" !== revealOrder &&
"together" !== revealOrder &&
"independent" !== revealOrder &&
@@ -7522,12 +7542,8 @@ __DEV__ &&
)
if (
((didWarnAboutRevealOrder[suspenseContext] = !0),
"backwards" === revealOrder)
"string" === typeof revealOrder)
)
console.error(
'The rendering order of <SuspenseList revealOrder="backwards"> is changing. To be future compatible you must specify revealOrder="legacy_unstable-backwards" instead.'
);
else if ("string" === typeof revealOrder)
switch (revealOrder.toLowerCase()) {
case "together":
case "forwards":
@@ -7619,7 +7635,11 @@ __DEV__ &&
'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
revealOrder
);
reconcileChildren(current, workInProgress, nextProps, renderLanes);
"backwards" === revealOrder && null !== current
? (reverseChildren(current),
reconcileChildren(current, workInProgress, nextProps, renderLanes),
reverseChildren(current))
: reconcileChildren(current, workInProgress, nextProps, renderLanes);
if (
!shouldForceFallback &&
null !== current &&
@@ -7647,6 +7667,22 @@ __DEV__ &&
}
switch (revealOrder) {
case "backwards":
renderLanes = findLastContentRow(workInProgress.child);
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null),
reverseChildren(workInProgress));
initSuspenseListRenderState(
workInProgress,
!0,
revealOrder,
null,
tailMode,
0
);
break;
case "unstable_legacy-backwards":
renderLanes = null;
revealOrder = workInProgress.child;
@@ -7684,27 +7720,20 @@ __DEV__ &&
workInProgress.memoizedState = null;
break;
default:
renderLanes = workInProgress.child;
for (revealOrder = null; null !== renderLanes; )
(current = renderLanes.alternate),
null !== current &&
null === findFirstSuspended(current) &&
(revealOrder = renderLanes),
(renderLanes = renderLanes.sibling);
renderLanes = revealOrder;
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null));
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
0
);
(renderLanes = findLastContentRow(workInProgress.child)),
null === renderLanes
? ((revealOrder = workInProgress.child),
(workInProgress.child = null))
: ((revealOrder = renderLanes.sibling),
(renderLanes.sibling = null)),
initSuspenseListRenderState(
workInProgress,
!1,
revealOrder,
renderLanes,
tailMode,
0
);
}
return workInProgress.child;
}
@@ -15703,10 +15732,10 @@ __DEV__ &&
(function () {
var internals = {
bundleType: 1,
version: "19.3.0-www-modern-26cf2804-20251031",
version: "19.3.0-www-modern-488d88b0-20251031",
rendererPackageName: "react-test-renderer",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.3.0-www-modern-26cf2804-20251031"
reconcilerVersion: "19.3.0-www-modern-488d88b0-20251031"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -15727,7 +15756,7 @@ __DEV__ &&
exports._Scheduler = Scheduler;
exports.act = act;
exports.create = function (element, options) {
var createNodeMock = JSCompiler_object_inline_createNodeMock_1187,
var createNodeMock = JSCompiler_object_inline_createNodeMock_1182,
isConcurrentOnly = !0 !== global.IS_REACT_NATIVE_TEST_ENVIRONMENT,
isConcurrent = isConcurrentOnly,
isStrictMode = !1;
@@ -15842,5 +15871,5 @@ __DEV__ &&
exports.unstable_batchedUpdates = function (fn, a) {
return fn(a);
};
exports.version = "19.3.0-www-modern-26cf2804-20251031";
exports.version = "19.3.0-www-modern-488d88b0-20251031";
})();
compiled/facebook-www/VERSION_CLASSIC
+1 -1
View File
@@ -1 +1 @@
19.3.0-www-classic-26cf2804-20251031
19.3.0-www-classic-488d88b0-20251031
compiled/facebook-www/VERSION_MODERN
+1 -1
View File
@@ -1 +1 @@
19.3.0-www-modern-26cf2804-20251031
19.3.0-www-modern-488d88b0-20251031
compiled/facebook-www/__test_utils__/ReactAllWarnings.js
-1
View File
@@ -300,7 +300,6 @@ export default [
"The provided `%s` option is an unsupported type %s. This value must be coerced to a string before using it here.",
"The provided `%s` prop is an unsupported type %s. This value must be coerced to a string before using it here.",
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
"The rendering order of <SuspenseList revealOrder=\"backwards\"> is changing. To be future compatible you must specify revealOrder=\"legacy_unstable-backwards\" instead.",
"The result of getServerSnapshot should be cached to avoid an infinite loop",
"The result of getSnapshot should be cached to avoid an infinite loop",
"The seed argument is not enabled outside experimental channels.",