From 07973576bd05711bbfc031f25a7e4a1bdb4d60cc Mon Sep 17 00:00:00 2001 From: sebmarkbage Date: Mon, 16 Sep 2024 08:53:04 -0700 Subject: [PATCH] [Fiber] Log Component Renders to Custom Performance Track (#30967) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Stacked on #30960 and #30966. Behind the enableComponentPerformanceTrack flag. This is the first step of performance logging. This logs the start and end time of a component render in the passive effect phase. We use the data we're already tracking on components when the Profiler component or DevTools is active in the Profiling or Dev builds. By backdating this after committing we avoid adding more overhead in the hot path. By only logging things that actually committed, we avoid the costly unwinding of an interrupted render which was hard to maintain in earlier versions. We already have the start time but we don't have the end time. That's because `actualStartTime + actualDuration` isn't enough since `actualDuration` counts the actual CPU time excluding yields and suspending in the render. Instead, we infer the end time to be the start time of the next sibling or the complete time of the whole root if there are no more siblings. We need to pass this down the passive effect tree. This will mean that any overhead and yields are attributed to this component's span. In a follow up, we'll need to start logging these yields to make it clear that this is not part of the component's self-time. In follow ups, I'll do the same for commit phases. We'll also need to log more information about the phases in the top track. We'll also need to filter out more components from the trees that we don't need to highlight like the internal Offscreen components. It also needs polish on colors etc. Currently, I place the components into separate tracks depending on which lane currently committed. That way you can see what was blocking Transitions or Suspense etc. One problem that I've hit with the new performance.measure extensions is that these tracks show up in the order they're used which is not the order of priority that we use. Even when you add fake markers they have to actually be within the performance run since otherwise the calls are noops so it's not enough to do that once. However, I think this visualization is actually not good because these trees end up so large that you can't see any other lanes once you expand one. Therefore, I think in a follow up I'll actually instead switch to a model where Components is a single track regardless of lane since we don't currently have overlap anyway. Then the description about what is actually rendering can be separate lanes. Screenshot 2024-09-15 at 10 55 55 PM Screenshot 2024-09-15 at 10 56 27 PM DiffTrain build for [f2df5694f2be141954f22618fd3ad035203241a3](https://github.com/facebook/react/commit/f2df5694f2be141954f22618fd3ad035203241a3) --- compiled/facebook-www/REVISION | 2 +- compiled/facebook-www/REVISION_TRANSFORMS | 2 +- compiled/facebook-www/React-dev.classic.js | 2 +- compiled/facebook-www/React-dev.modern.js | 2 +- compiled/facebook-www/React-prod.classic.js | 2 +- compiled/facebook-www/React-prod.modern.js | 2 +- .../facebook-www/React-profiling.classic.js | 2 +- .../facebook-www/React-profiling.modern.js | 2 +- compiled/facebook-www/ReactART-dev.classic.js | 221 +++--- compiled/facebook-www/ReactART-dev.modern.js | 221 +++--- .../facebook-www/ReactART-prod.classic.js | 14 +- compiled/facebook-www/ReactART-prod.modern.js | 14 +- compiled/facebook-www/ReactDOM-dev.classic.js | 627 ++++++++--------- compiled/facebook-www/ReactDOM-dev.modern.js | 601 +++++++++-------- .../facebook-www/ReactDOM-prod.classic.js | 41 +- compiled/facebook-www/ReactDOM-prod.modern.js | 36 +- .../ReactDOM-profiling.classic.js | 537 ++++++++------- .../facebook-www/ReactDOM-profiling.modern.js | 509 +++++++------- .../ReactDOMServer-dev.classic.js | 2 +- .../facebook-www/ReactDOMServer-dev.modern.js | 2 +- .../ReactDOMServer-prod.classic.js | 2 +- .../ReactDOMServer-prod.modern.js | 2 +- .../ReactDOMTesting-dev.classic.js | 629 +++++++++--------- .../ReactDOMTesting-dev.modern.js | 599 +++++++++-------- .../ReactDOMTesting-prod.classic.js | 36 +- .../ReactDOMTesting-prod.modern.js | 36 +- .../ReactReconciler-dev.classic.js | 243 +++---- .../ReactReconciler-dev.modern.js | 243 +++---- .../ReactReconciler-prod.classic.js | 10 +- .../ReactReconciler-prod.modern.js | 10 +- .../ReactTestRenderer-dev.classic.js | 242 ++++--- .../ReactTestRenderer-dev.modern.js | 242 ++++--- compiled/facebook-www/VERSION_CLASSIC | 2 +- compiled/facebook-www/VERSION_MODERN | 2 +- 34 files changed, 2668 insertions(+), 2471 deletions(-) diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION index 28c8f648cb..6e681a09b3 100644 --- a/compiled/facebook-www/REVISION +++ b/compiled/facebook-www/REVISION @@ -1 +1 @@ -0eab377a96099f0121009c8968c49d13d4e00bd1 +f2df5694f2be141954f22618fd3ad035203241a3 diff --git a/compiled/facebook-www/REVISION_TRANSFORMS b/compiled/facebook-www/REVISION_TRANSFORMS index 28c8f648cb..6e681a09b3 100644 --- a/compiled/facebook-www/REVISION_TRANSFORMS +++ b/compiled/facebook-www/REVISION_TRANSFORMS @@ -1 +1 @@ -0eab377a96099f0121009c8968c49d13d4e00bd1 +f2df5694f2be141954f22618fd3ad035203241a3 diff --git a/compiled/facebook-www/React-dev.classic.js b/compiled/facebook-www/React-dev.classic.js index e53ad49b48..122cdb3c7b 100644 --- a/compiled/facebook-www/React-dev.classic.js +++ b/compiled/facebook-www/React-dev.classic.js @@ -2001,7 +2001,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.0.0-www-classic-0eab377a-20240916"; + exports.version = "19.0.0-www-classic-f2df5694-20240916"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/React-dev.modern.js b/compiled/facebook-www/React-dev.modern.js index cac4a612fe..4958ffd72e 100644 --- a/compiled/facebook-www/React-dev.modern.js +++ b/compiled/facebook-www/React-dev.modern.js @@ -1981,7 +1981,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.0.0-www-modern-0eab377a-20240916"; + exports.version = "19.0.0-www-modern-f2df5694-20240916"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/React-prod.classic.js b/compiled/facebook-www/React-prod.classic.js index 49040939ca..0f4aea575b 100644 --- a/compiled/facebook-www/React-prod.classic.js +++ b/compiled/facebook-www/React-prod.classic.js @@ -665,4 +665,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-classic-0eab377a-20240916"; +exports.version = "19.0.0-www-classic-f2df5694-20240916"; diff --git a/compiled/facebook-www/React-prod.modern.js b/compiled/facebook-www/React-prod.modern.js index 1572573e57..60ac127f45 100644 --- a/compiled/facebook-www/React-prod.modern.js +++ b/compiled/facebook-www/React-prod.modern.js @@ -665,4 +665,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-modern-0eab377a-20240916"; +exports.version = "19.0.0-www-modern-f2df5694-20240916"; diff --git a/compiled/facebook-www/React-profiling.classic.js b/compiled/facebook-www/React-profiling.classic.js index ca3577bfbc..3f58ec6375 100644 --- a/compiled/facebook-www/React-profiling.classic.js +++ b/compiled/facebook-www/React-profiling.classic.js @@ -669,7 +669,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-classic-0eab377a-20240916"; +exports.version = "19.0.0-www-classic-f2df5694-20240916"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/React-profiling.modern.js b/compiled/facebook-www/React-profiling.modern.js index 41d938fa0d..7221676072 100644 --- a/compiled/facebook-www/React-profiling.modern.js +++ b/compiled/facebook-www/React-profiling.modern.js @@ -669,7 +669,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-modern-0eab377a-20240916"; +exports.version = "19.0.0-www-modern-f2df5694-20240916"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactART-dev.classic.js b/compiled/facebook-www/ReactART-dev.classic.js index 7a1f6000db..1e463f8d17 100644 --- a/compiled/facebook-www/ReactART-dev.classic.js +++ b/compiled/facebook-www/ReactART-dev.classic.js @@ -7864,6 +7864,7 @@ __DEV__ && case 12: 0 !== (renderLanes & workInProgress.childLanes) && (workInProgress.flags |= 4); + workInProgress.flags |= 2048; var stateNode = workInProgress.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; @@ -8286,6 +8287,7 @@ __DEV__ && case 12: return ( (workInProgress.flags |= 4), + (workInProgress.flags |= 2048), (returnFiber = workInProgress.stateNode), (returnFiber.effectDuration = 0), (returnFiber.passiveEffectDuration = 0), @@ -10044,13 +10046,14 @@ __DEV__ && } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, + id = _finishedWork$memoize.id, onCommit = _finishedWork$memoize.onCommit; _finishedWork$memoize = _finishedWork$memoize.onRender; current = null === current ? "mount" : "update"; currentUpdateIsNested && (current = "nested-update"); "function" === typeof _finishedWork$memoize && _finishedWork$memoize( - finishedWork.memoizedProps.id, + id, current, finishedWork.actualDuration, finishedWork.treeBaseDuration, @@ -10085,6 +10088,44 @@ __DEV__ && captureCommitPhaseError(finishedWork, finishedWork.return, error$20); } } + function commitProfilerPostCommitImpl( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + var _finishedWork$memoize2 = finishedWork.memoizedProps; + finishedWork = _finishedWork$memoize2.id; + _finishedWork$memoize2 = _finishedWork$memoize2.onPostCommit; + current = null === current ? "mount" : "update"; + currentUpdateIsNested && (current = "nested-update"); + "function" === typeof _finishedWork$memoize2 && + _finishedWork$memoize2( + finishedWork, + current, + passiveEffectDuration, + commitTime + ); + } + function commitProfilerPostCommit( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + try { + runWithFiberInDEV( + finishedWork, + commitProfilerPostCommitImpl, + finishedWork, + current, + commitTime, + passiveEffectDuration + ); + } catch (error$21) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$21); + } + } function commitHostMount(finishedWork) { var type = finishedWork.type, props = finishedWork.memoizedProps, @@ -10098,8 +10139,8 @@ __DEV__ && props, finishedWork ); - } catch (error$21) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$21); + } catch (error$22) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$22); } } function isHostParent(fiber) { @@ -10293,38 +10334,6 @@ __DEV__ && focusedInstanceHandle = null; return root; } - function commitPassiveEffectDurations(finishedRoot, finishedWork) { - if (executionContext & CommitContext && 0 !== (finishedWork.flags & 4)) - switch (finishedWork.tag) { - case 12: - finishedRoot = finishedWork.stateNode.passiveEffectDuration; - var _finishedWork$memoize = finishedWork.memoizedProps, - id = _finishedWork$memoize.id; - _finishedWork$memoize = _finishedWork$memoize.onPostCommit; - var commitTime$jscomp$0 = commitTime, - phase = null === finishedWork.alternate ? "mount" : "update"; - currentUpdateIsNested && (phase = "nested-update"); - "function" === typeof _finishedWork$memoize && - _finishedWork$memoize( - id, - phase, - finishedRoot, - commitTime$jscomp$0 - ); - finishedWork = finishedWork.return; - a: for (; null !== finishedWork; ) { - switch (finishedWork.tag) { - case 3: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - case 12: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - } - finishedWork = finishedWork.return; - } - } - } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -10457,7 +10466,6 @@ __DEV__ && a: for ( flags = finishedWork.stateNode.effectDuration, commitProfilerUpdate(finishedWork, current, commitTime, flags), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -10772,11 +10780,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$28) { + } catch (error$29) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$28 + error$29 ); } else @@ -10787,11 +10795,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$29) { + } catch (error$30) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$29 + error$30 ); } break; @@ -10801,11 +10809,11 @@ __DEV__ && try { (_prevHostParent = finishedRoot.onDeleted) && _prevHostParent(deletedFiber.stateNode); - } catch (error$30) { + } catch (error$31) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$30 + error$31 ); } null !== hostParent && @@ -11151,11 +11159,11 @@ __DEV__ && var instance = finishedWork.stateNode; try { runWithFiberInDEV(finishedWork, resetTextContent, instance); - } catch (error$24) { + } catch (error$25) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$24 + error$25 ); } } @@ -11172,11 +11180,11 @@ __DEV__ && instance, finishedWork ); - } catch (error$22) { + } catch (error$23) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$22 + error$23 ); } } @@ -11205,11 +11213,11 @@ __DEV__ && current, flags ); - } catch (error$23) { + } catch (error$24) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$23 + error$24 ); } } @@ -11245,11 +11253,11 @@ __DEV__ && void 0 !== suspenseCallback && error$jscomp$0("Unexpected type for suspenseCallback."); } - } catch (error$31) { + } catch (error$32) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$31 + error$32 ); } flags = finishedWork.updateQueue; @@ -11309,11 +11317,11 @@ __DEV__ && retryQueue.stateNode, retryQueue.memoizedProps ); - } catch (error$25) { + } catch (error$26) { captureCommitPhaseError( retryQueue, retryQueue.return, - error$25 + error$26 ); } } @@ -11334,11 +11342,11 @@ __DEV__ && instance$jscomp$0, retryQueue.memoizedProps ); - } catch (error$26) { + } catch (error$27) { captureCommitPhaseError( retryQueue, retryQueue.return, - error$26 + error$27 ); } } @@ -11399,8 +11407,8 @@ __DEV__ && if (flags & 2) { try { runWithFiberInDEV(finishedWork, commitPlacement, finishedWork); - } catch (error$27) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$27); + } catch (error$28) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$28); } finishedWork.flags &= -3; } @@ -11552,7 +11560,6 @@ __DEV__ && commitTime, includeWorkInProgressEffects ), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -11789,6 +11796,37 @@ __DEV__ && } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + if (flags & 2048 && executionContext & CommitContext) + a: for ( + finishedRoot = finishedWork.stateNode.passiveEffectDuration, + commitProfilerPostCommit( + finishedWork, + finishedWork.alternate, + commitTime, + finishedRoot + ), + finishedWork = finishedWork.return; + null !== finishedWork; + + ) { + switch (finishedWork.tag) { + case 3: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + case 12: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + } + finishedWork = finishedWork.return; + } + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -12754,7 +12792,7 @@ __DEV__ && check = check.value; try { if (!objectIs(getSnapshot(), check)) return !1; - } catch (error$32) { + } catch (error$33) { return !1; } } @@ -13091,8 +13129,8 @@ __DEV__ && } workLoopSync(); break; - } catch (thrownValue$33) { - handleThrow(root, thrownValue$33); + } catch (thrownValue$34) { + handleThrow(root, thrownValue$34); } while (1); lanes && root.shellSuspendCounter++; @@ -13260,8 +13298,8 @@ __DEV__ && ? workLoopSync() : workLoopConcurrent(); break; - } catch (thrownValue$34) { - handleThrow(root, thrownValue$34); + } catch (thrownValue$35) { + handleThrow(root, thrownValue$35); } while (1); resetContextDependencies(); @@ -13410,9 +13448,9 @@ __DEV__ && workInProgress = null; return; } - } catch (error$35) { + } catch (error$36) { if (null !== returnFiber) - throw ((workInProgress = returnFiber), error$35); + throw ((workInProgress = returnFiber), error$36); workInProgressRootExitStatus = RootFatalErrored; logUncaughtError( root, @@ -13457,25 +13495,16 @@ __DEV__ && } var current = completedWork.alternate; unitOfWork = completedWork.return; - 0 === (completedWork.mode & 2) - ? (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )) - : (startProfilerTimer(completedWork), - (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )), - stopProfilerTimerIfRunningAndRecordIncompleteDuration( - completedWork - )); + startProfilerTimer(completedWork); + current = runWithFiberInDEV( + completedWork, + completeWork, + current, + completedWork, + entangledRenderLanes + ); + 0 !== (completedWork.mode & 2) && + stopProfilerTimerIfRunningAndRecordIncompleteDuration(completedWork); if (null !== current) { workInProgress = current; return; @@ -13752,15 +13781,6 @@ __DEV__ && } return !1; } - function enqueuePendingPassiveProfilerEffect(fiber) { - pendingPassiveProfilerEffects.push(fiber); - rootDoesHavePassiveEffects || - ((rootDoesHavePassiveEffects = !0), - scheduleCallback(NormalPriority$1, function () { - flushPassiveEffects(); - return null; - })); - } function flushPassiveEffectsImpl() { if (null === rootWithPendingPassiveEffects) return !1; var transitions = pendingPassiveTransitions; @@ -13791,10 +13811,6 @@ __DEV__ && executionContext |= CommitContext; commitPassiveUnmountOnFiber(root.current); commitPassiveMountOnFiber(root, root.current, lanes, transitions); - transitions = pendingPassiveProfilerEffects; - pendingPassiveProfilerEffects = []; - for (lanes = 0; lanes < transitions.length; lanes++) - commitPassiveEffectDurations(root, transitions[lanes]); enableDebugTracing && enableDebugTracing && groupEnd(); enableSchedulingProfiler && enableSchedulingProfiler && @@ -13842,9 +13858,9 @@ __DEV__ && err )); } - root = root.current.stateNode; - root.effectDuration = 0; - root.passiveEffectDuration = 0; + transitions = root.current.stateNode; + transitions.effectDuration = 0; + transitions.passiveEffectDuration = 0; return !0; } function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) { @@ -16885,7 +16901,6 @@ __DEV__ && rootDoesHavePassiveEffects = !1, rootWithPendingPassiveEffects = null, pendingPassiveEffectsLanes = 0, - pendingPassiveProfilerEffects = [], pendingPassiveEffectsRemainingLanes = 0, pendingPassiveTransitions = null, NESTED_UPDATE_LIMIT = 50, @@ -17121,11 +17136,11 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.0.0-www-classic-0eab377a-20240916", + version: "19.0.0-www-classic-f2df5694-20240916", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-classic-f2df5694-20240916" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -17159,7 +17174,7 @@ __DEV__ && exports.Shape = Shape; exports.Surface = Surface; exports.Text = Text; - exports.version = "19.0.0-www-classic-0eab377a-20240916"; + exports.version = "19.0.0-www-classic-f2df5694-20240916"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactART-dev.modern.js b/compiled/facebook-www/ReactART-dev.modern.js index e99b2ff579..e291815dc3 100644 --- a/compiled/facebook-www/ReactART-dev.modern.js +++ b/compiled/facebook-www/ReactART-dev.modern.js @@ -7565,6 +7565,7 @@ __DEV__ && case 12: 0 !== (renderLanes & workInProgress.childLanes) && (workInProgress.flags |= 4); + workInProgress.flags |= 2048; var stateNode = workInProgress.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; @@ -7987,6 +7988,7 @@ __DEV__ && case 12: return ( (workInProgress.flags |= 4), + (workInProgress.flags |= 2048), (returnFiber = workInProgress.stateNode), (returnFiber.effectDuration = 0), (returnFiber.passiveEffectDuration = 0), @@ -9666,13 +9668,14 @@ __DEV__ && } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, + id = _finishedWork$memoize.id, onCommit = _finishedWork$memoize.onCommit; _finishedWork$memoize = _finishedWork$memoize.onRender; current = null === current ? "mount" : "update"; currentUpdateIsNested && (current = "nested-update"); "function" === typeof _finishedWork$memoize && _finishedWork$memoize( - finishedWork.memoizedProps.id, + id, current, finishedWork.actualDuration, finishedWork.treeBaseDuration, @@ -9707,6 +9710,44 @@ __DEV__ && captureCommitPhaseError(finishedWork, finishedWork.return, error$20); } } + function commitProfilerPostCommitImpl( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + var _finishedWork$memoize2 = finishedWork.memoizedProps; + finishedWork = _finishedWork$memoize2.id; + _finishedWork$memoize2 = _finishedWork$memoize2.onPostCommit; + current = null === current ? "mount" : "update"; + currentUpdateIsNested && (current = "nested-update"); + "function" === typeof _finishedWork$memoize2 && + _finishedWork$memoize2( + finishedWork, + current, + passiveEffectDuration, + commitTime + ); + } + function commitProfilerPostCommit( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + try { + runWithFiberInDEV( + finishedWork, + commitProfilerPostCommitImpl, + finishedWork, + current, + commitTime, + passiveEffectDuration + ); + } catch (error$21) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$21); + } + } function commitHostMount(finishedWork) { var type = finishedWork.type, props = finishedWork.memoizedProps, @@ -9720,8 +9761,8 @@ __DEV__ && props, finishedWork ); - } catch (error$21) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$21); + } catch (error$22) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$22); } } function isHostParent(fiber) { @@ -9915,38 +9956,6 @@ __DEV__ && focusedInstanceHandle = null; return root; } - function commitPassiveEffectDurations(finishedRoot, finishedWork) { - if (executionContext & CommitContext && 0 !== (finishedWork.flags & 4)) - switch (finishedWork.tag) { - case 12: - finishedRoot = finishedWork.stateNode.passiveEffectDuration; - var _finishedWork$memoize = finishedWork.memoizedProps, - id = _finishedWork$memoize.id; - _finishedWork$memoize = _finishedWork$memoize.onPostCommit; - var commitTime$jscomp$0 = commitTime, - phase = null === finishedWork.alternate ? "mount" : "update"; - currentUpdateIsNested && (phase = "nested-update"); - "function" === typeof _finishedWork$memoize && - _finishedWork$memoize( - id, - phase, - finishedRoot, - commitTime$jscomp$0 - ); - finishedWork = finishedWork.return; - a: for (; null !== finishedWork; ) { - switch (finishedWork.tag) { - case 3: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - case 12: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - } - finishedWork = finishedWork.return; - } - } - } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -10079,7 +10088,6 @@ __DEV__ && a: for ( flags = finishedWork.stateNode.effectDuration, commitProfilerUpdate(finishedWork, current, commitTime, flags), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -10389,11 +10397,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$28) { + } catch (error$29) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$28 + error$29 ); } else @@ -10404,11 +10412,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$29) { + } catch (error$30) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$29 + error$30 ); } break; @@ -10418,11 +10426,11 @@ __DEV__ && try { (_prevHostParent = finishedRoot.onDeleted) && _prevHostParent(deletedFiber.stateNode); - } catch (error$30) { + } catch (error$31) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$30 + error$31 ); } null !== hostParent && @@ -10762,11 +10770,11 @@ __DEV__ && var instance = finishedWork.stateNode; try { runWithFiberInDEV(finishedWork, resetTextContent, instance); - } catch (error$24) { + } catch (error$25) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$24 + error$25 ); } } @@ -10783,11 +10791,11 @@ __DEV__ && instance, finishedWork ); - } catch (error$22) { + } catch (error$23) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$22 + error$23 ); } } @@ -10816,11 +10824,11 @@ __DEV__ && current, flags ); - } catch (error$23) { + } catch (error$24) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$23 + error$24 ); } } @@ -10856,11 +10864,11 @@ __DEV__ && void 0 !== suspenseCallback && error$jscomp$0("Unexpected type for suspenseCallback."); } - } catch (error$31) { + } catch (error$32) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$31 + error$32 ); } flags = finishedWork.updateQueue; @@ -10917,11 +10925,11 @@ __DEV__ && retryQueue.stateNode, retryQueue.memoizedProps ); - } catch (error$25) { + } catch (error$26) { captureCommitPhaseError( retryQueue, retryQueue.return, - error$25 + error$26 ); } } @@ -10942,11 +10950,11 @@ __DEV__ && instance$jscomp$0, retryQueue.memoizedProps ); - } catch (error$26) { + } catch (error$27) { captureCommitPhaseError( retryQueue, retryQueue.return, - error$26 + error$27 ); } } @@ -11007,8 +11015,8 @@ __DEV__ && if (flags & 2) { try { runWithFiberInDEV(finishedWork, commitPlacement, finishedWork); - } catch (error$27) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$27); + } catch (error$28) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$28); } finishedWork.flags &= -3; } @@ -11167,7 +11175,6 @@ __DEV__ && commitTime, includeWorkInProgressEffects ), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -11404,6 +11411,37 @@ __DEV__ && } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + if (flags & 2048 && executionContext & CommitContext) + a: for ( + finishedRoot = finishedWork.stateNode.passiveEffectDuration, + commitProfilerPostCommit( + finishedWork, + finishedWork.alternate, + commitTime, + finishedRoot + ), + finishedWork = finishedWork.return; + null !== finishedWork; + + ) { + switch (finishedWork.tag) { + case 3: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + case 12: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + } + finishedWork = finishedWork.return; + } + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -12302,7 +12340,7 @@ __DEV__ && check = check.value; try { if (!objectIs(getSnapshot(), check)) return !1; - } catch (error$32) { + } catch (error$33) { return !1; } } @@ -12639,8 +12677,8 @@ __DEV__ && } workLoopSync(); break; - } catch (thrownValue$33) { - handleThrow(root, thrownValue$33); + } catch (thrownValue$34) { + handleThrow(root, thrownValue$34); } while (1); lanes && root.shellSuspendCounter++; @@ -12808,8 +12846,8 @@ __DEV__ && ? workLoopSync() : workLoopConcurrent(); break; - } catch (thrownValue$34) { - handleThrow(root, thrownValue$34); + } catch (thrownValue$35) { + handleThrow(root, thrownValue$35); } while (1); resetContextDependencies(); @@ -12954,9 +12992,9 @@ __DEV__ && workInProgress = null; return; } - } catch (error$35) { + } catch (error$36) { if (null !== returnFiber) - throw ((workInProgress = returnFiber), error$35); + throw ((workInProgress = returnFiber), error$36); workInProgressRootExitStatus = RootFatalErrored; logUncaughtError( root, @@ -13001,25 +13039,16 @@ __DEV__ && } var current = completedWork.alternate; unitOfWork = completedWork.return; - 0 === (completedWork.mode & 2) - ? (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )) - : (startProfilerTimer(completedWork), - (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )), - stopProfilerTimerIfRunningAndRecordIncompleteDuration( - completedWork - )); + startProfilerTimer(completedWork); + current = runWithFiberInDEV( + completedWork, + completeWork, + current, + completedWork, + entangledRenderLanes + ); + 0 !== (completedWork.mode & 2) && + stopProfilerTimerIfRunningAndRecordIncompleteDuration(completedWork); if (null !== current) { workInProgress = current; return; @@ -13294,15 +13323,6 @@ __DEV__ && } return !1; } - function enqueuePendingPassiveProfilerEffect(fiber) { - pendingPassiveProfilerEffects.push(fiber); - rootDoesHavePassiveEffects || - ((rootDoesHavePassiveEffects = !0), - scheduleCallback(NormalPriority$1, function () { - flushPassiveEffects(); - return null; - })); - } function flushPassiveEffectsImpl() { if (null === rootWithPendingPassiveEffects) return !1; var transitions = pendingPassiveTransitions; @@ -13333,10 +13353,6 @@ __DEV__ && executionContext |= CommitContext; commitPassiveUnmountOnFiber(root.current); commitPassiveMountOnFiber(root, root.current, lanes, transitions); - transitions = pendingPassiveProfilerEffects; - pendingPassiveProfilerEffects = []; - for (lanes = 0; lanes < transitions.length; lanes++) - commitPassiveEffectDurations(root, transitions[lanes]); enableDebugTracing && enableDebugTracing && groupEnd(); enableSchedulingProfiler && enableSchedulingProfiler && @@ -13384,9 +13400,9 @@ __DEV__ && err )); } - root = root.current.stateNode; - root.effectDuration = 0; - root.passiveEffectDuration = 0; + transitions = root.current.stateNode; + transitions.effectDuration = 0; + transitions.passiveEffectDuration = 0; return !0; } function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) { @@ -16332,7 +16348,6 @@ __DEV__ && rootDoesHavePassiveEffects = !1, rootWithPendingPassiveEffects = null, pendingPassiveEffectsLanes = 0, - pendingPassiveProfilerEffects = [], pendingPassiveEffectsRemainingLanes = 0, pendingPassiveTransitions = null, NESTED_UPDATE_LIMIT = 50, @@ -16567,11 +16582,11 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.0.0-www-modern-0eab377a-20240916", + version: "19.0.0-www-modern-f2df5694-20240916", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-modern-f2df5694-20240916" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -16605,7 +16620,7 @@ __DEV__ && exports.Shape = Shape; exports.Surface = Surface; exports.Text = Text; - exports.version = "19.0.0-www-modern-0eab377a-20240916"; + exports.version = "19.0.0-www-modern-f2df5694-20240916"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactART-prod.classic.js b/compiled/facebook-www/ReactART-prod.classic.js index f1470b59e1..31e66074cb 100644 --- a/compiled/facebook-www/ReactART-prod.classic.js +++ b/compiled/facebook-www/ReactART-prod.classic.js @@ -8554,6 +8554,14 @@ function commitPassiveMountOnFiber( } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -10883,13 +10891,13 @@ var slice = Array.prototype.slice, })(React.Component); var internals$jscomp$inline_1424 = { bundleType: 0, - version: "19.0.0-www-classic-0eab377a-20240916", + version: "19.0.0-www-classic-f2df5694-20240916", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: function () { return null; }, - reconcilerVersion: "19.0.0-www-classic-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-classic-f2df5694-20240916" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1425 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -10915,4 +10923,4 @@ exports.RadialGradient = RadialGradient; exports.Shape = TYPES.SHAPE; exports.Surface = Surface; exports.Text = Text; -exports.version = "19.0.0-www-classic-0eab377a-20240916"; +exports.version = "19.0.0-www-classic-f2df5694-20240916"; diff --git a/compiled/facebook-www/ReactART-prod.modern.js b/compiled/facebook-www/ReactART-prod.modern.js index 90eaabc5a0..9692b2e233 100644 --- a/compiled/facebook-www/ReactART-prod.modern.js +++ b/compiled/facebook-www/ReactART-prod.modern.js @@ -8149,6 +8149,14 @@ function commitPassiveMountOnFiber( } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -10397,13 +10405,13 @@ var slice = Array.prototype.slice, })(React.Component); var internals$jscomp$inline_1416 = { bundleType: 0, - version: "19.0.0-www-modern-0eab377a-20240916", + version: "19.0.0-www-modern-f2df5694-20240916", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: function () { return null; }, - reconcilerVersion: "19.0.0-www-modern-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-modern-f2df5694-20240916" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1417 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -10429,4 +10437,4 @@ exports.RadialGradient = RadialGradient; exports.Shape = TYPES.SHAPE; exports.Surface = Surface; exports.Text = Text; -exports.version = "19.0.0-www-modern-0eab377a-20240916"; +exports.version = "19.0.0-www-modern-f2df5694-20240916"; diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js index 95962bdc25..fc63766728 100644 --- a/compiled/facebook-www/ReactDOM-dev.classic.js +++ b/compiled/facebook-www/ReactDOM-dev.classic.js @@ -9206,32 +9206,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2404; - var JSCompiler_object_inline_stack_2405 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2405; + var JSCompiler_object_inline_stack_2406 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2406 = !1; + var JSCompiler_object_inline_componentStack_2407 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2404 = didSuspend) || - (JSCompiler_object_inline_digest_2404 = + (JSCompiler_object_inline_digest_2405 = didSuspend) || + (JSCompiler_object_inline_digest_2405 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2404 && - ((JSCompiler_object_inline_componentStack_2406 = !0), + JSCompiler_object_inline_digest_2405 && + ((JSCompiler_object_inline_componentStack_2407 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2404 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2405 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2406 + JSCompiler_object_inline_componentStack_2407 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2403 = nextHydratableInstance; + var JSCompiler_object_inline_message_2404 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2403)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2404)) { c: { - var instance = JSCompiler_object_inline_message_2403; + var instance = JSCompiler_object_inline_message_2404; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9272,19 +9272,19 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2403 + JSCompiler_object_inline_message_2404 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2403 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2404 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2403 && - ((JSCompiler_object_inline_message_2403 = - JSCompiler_object_inline_message_2403.dehydrated), - null !== JSCompiler_object_inline_message_2403) + null !== JSCompiler_object_inline_message_2404 && + ((JSCompiler_object_inline_message_2404 = + JSCompiler_object_inline_message_2404.dehydrated), + null !== JSCompiler_object_inline_message_2404) ) return ( - JSCompiler_object_inline_message_2403.data === + JSCompiler_object_inline_message_2404.data === SUSPENSE_FALLBACK_START_DATA ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), @@ -9292,27 +9292,27 @@ __DEV__ && ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2403 = - JSCompiler_object_inline_stack_2405.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2405.fallback; - if (JSCompiler_object_inline_componentStack_2406) + JSCompiler_object_inline_message_2404 = + JSCompiler_object_inline_stack_2406.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2406.fallback; + if (JSCompiler_object_inline_componentStack_2407) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2405 = + (JSCompiler_object_inline_stack_2406 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2403, + JSCompiler_object_inline_message_2404, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2406 = + (JSCompiler_object_inline_componentStack_2407 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2406.memoizedState = + (JSCompiler_object_inline_componentStack_2407.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2406.childLanes = + (JSCompiler_object_inline_componentStack_2407.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2404, + JSCompiler_object_inline_digest_2405, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9325,9 +9325,9 @@ __DEV__ && ? markerInstanceStack.current : null), (current = - JSCompiler_object_inline_componentStack_2406.updateQueue), + JSCompiler_object_inline_componentStack_2407.updateQueue), null === current - ? (JSCompiler_object_inline_componentStack_2406.updateQueue = + ? (JSCompiler_object_inline_componentStack_2407.updateQueue = { transitions: workInProgress, markerInstances: renderLanes, @@ -9335,46 +9335,46 @@ __DEV__ && }) : ((current.transitions = workInProgress), (current.markerInstances = renderLanes)))), - JSCompiler_object_inline_stack_2405 + JSCompiler_object_inline_stack_2406 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2405.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2406.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2405 = + (JSCompiler_object_inline_stack_2406 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2403, + JSCompiler_object_inline_message_2404, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2406 = + (JSCompiler_object_inline_componentStack_2407 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2406.memoizedState = + (JSCompiler_object_inline_componentStack_2407.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2406.childLanes = + (JSCompiler_object_inline_componentStack_2407.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2404, + JSCompiler_object_inline_digest_2405, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2405 + JSCompiler_object_inline_stack_2406 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2403 + JSCompiler_object_inline_message_2404 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2403 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2403) + ((JSCompiler_object_inline_message_2404 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2404) ) { if (didSuspend) workInProgress.flags & 256 @@ -9391,32 +9391,32 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2406 = - JSCompiler_object_inline_stack_2405.fallback), - (JSCompiler_object_inline_message_2403 = workInProgress.mode), - (JSCompiler_object_inline_stack_2405 = createFiberFromOffscreen( + (JSCompiler_object_inline_componentStack_2407 = + JSCompiler_object_inline_stack_2406.fallback), + (JSCompiler_object_inline_message_2404 = workInProgress.mode), + (JSCompiler_object_inline_stack_2406 = createFiberFromOffscreen( { mode: "visible", - children: JSCompiler_object_inline_stack_2405.children + children: JSCompiler_object_inline_stack_2406.children }, - JSCompiler_object_inline_message_2403, + JSCompiler_object_inline_message_2404, 0, null )), - (JSCompiler_object_inline_componentStack_2406 = + (JSCompiler_object_inline_componentStack_2407 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2406, - JSCompiler_object_inline_message_2403, + JSCompiler_object_inline_componentStack_2407, + JSCompiler_object_inline_message_2404, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2406.flags |= 2), - (JSCompiler_object_inline_stack_2405.return = workInProgress), - (JSCompiler_object_inline_componentStack_2406.return = + (JSCompiler_object_inline_componentStack_2407.flags |= 2), + (JSCompiler_object_inline_stack_2406.return = workInProgress), + (JSCompiler_object_inline_componentStack_2407.return = workInProgress), - (JSCompiler_object_inline_stack_2405.sibling = - JSCompiler_object_inline_componentStack_2406), - (workInProgress.child = JSCompiler_object_inline_stack_2405), + (JSCompiler_object_inline_stack_2406.sibling = + JSCompiler_object_inline_componentStack_2407), + (workInProgress.child = JSCompiler_object_inline_stack_2406), (disableLegacyMode || (workInProgress.mode & ConcurrentMode) !== NoMode) && reconcileChildFibers( @@ -9425,63 +9425,63 @@ __DEV__ && null, renderLanes ), - (JSCompiler_object_inline_stack_2405 = workInProgress.child), - (JSCompiler_object_inline_stack_2405.memoizedState = + (JSCompiler_object_inline_stack_2406 = workInProgress.child), + (JSCompiler_object_inline_stack_2406.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2405.childLanes = + (JSCompiler_object_inline_stack_2406.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2404, + JSCompiler_object_inline_digest_2405, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2406)); + JSCompiler_object_inline_componentStack_2407)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && error$jscomp$0( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - JSCompiler_object_inline_message_2403.data === + JSCompiler_object_inline_message_2404.data === SUSPENSE_FALLBACK_START_DATA) ) { - JSCompiler_object_inline_digest_2404 = - JSCompiler_object_inline_message_2403.nextSibling && - JSCompiler_object_inline_message_2403.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2404) { - JSCompiler_temp = JSCompiler_object_inline_digest_2404.dgst; - var message = JSCompiler_object_inline_digest_2404.msg; - instance = JSCompiler_object_inline_digest_2404.stck; - var componentStack = JSCompiler_object_inline_digest_2404.cstck; + JSCompiler_object_inline_digest_2405 = + JSCompiler_object_inline_message_2404.nextSibling && + JSCompiler_object_inline_message_2404.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2405) { + JSCompiler_temp = JSCompiler_object_inline_digest_2405.dgst; + var message = JSCompiler_object_inline_digest_2405.msg; + instance = JSCompiler_object_inline_digest_2405.stck; + var componentStack = JSCompiler_object_inline_digest_2405.cstck; } - JSCompiler_object_inline_message_2403 = message; - JSCompiler_object_inline_digest_2404 = JSCompiler_temp; - JSCompiler_object_inline_stack_2405 = instance; - JSCompiler_object_inline_componentStack_2406 = componentStack; - JSCompiler_object_inline_message_2403 = - JSCompiler_object_inline_message_2403 - ? Error(JSCompiler_object_inline_message_2403) + JSCompiler_object_inline_message_2404 = message; + JSCompiler_object_inline_digest_2405 = JSCompiler_temp; + JSCompiler_object_inline_stack_2406 = instance; + JSCompiler_object_inline_componentStack_2407 = componentStack; + JSCompiler_object_inline_message_2404 = + JSCompiler_object_inline_message_2404 + ? Error(JSCompiler_object_inline_message_2404) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_message_2403.stack = - JSCompiler_object_inline_stack_2405 || ""; - JSCompiler_object_inline_message_2403.digest = - JSCompiler_object_inline_digest_2404; - JSCompiler_object_inline_digest_2404 = - void 0 === JSCompiler_object_inline_componentStack_2406 + JSCompiler_object_inline_message_2404.stack = + JSCompiler_object_inline_stack_2406 || ""; + JSCompiler_object_inline_message_2404.digest = + JSCompiler_object_inline_digest_2405; + JSCompiler_object_inline_digest_2405 = + void 0 === JSCompiler_object_inline_componentStack_2407 ? null - : JSCompiler_object_inline_componentStack_2406; - "string" === typeof JSCompiler_object_inline_digest_2404 && + : JSCompiler_object_inline_componentStack_2407; + "string" === typeof JSCompiler_object_inline_digest_2405 && CapturedStacks.set( - JSCompiler_object_inline_message_2403, - JSCompiler_object_inline_digest_2404 + JSCompiler_object_inline_message_2404, + JSCompiler_object_inline_digest_2405 ); queueHydrationError({ - value: JSCompiler_object_inline_message_2403, + value: JSCompiler_object_inline_message_2404, source: null, - stack: JSCompiler_object_inline_digest_2404 + stack: JSCompiler_object_inline_digest_2405 }); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9496,25 +9496,25 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2404 = + (JSCompiler_object_inline_digest_2405 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2404) + didReceiveUpdate || JSCompiler_object_inline_digest_2405) ) { - JSCompiler_object_inline_digest_2404 = workInProgressRoot; - if (null !== JSCompiler_object_inline_digest_2404) { - JSCompiler_object_inline_stack_2405 = renderLanes & -renderLanes; - if (0 !== (JSCompiler_object_inline_stack_2405 & 42)) - JSCompiler_object_inline_stack_2405 = 1; + JSCompiler_object_inline_digest_2405 = workInProgressRoot; + if (null !== JSCompiler_object_inline_digest_2405) { + JSCompiler_object_inline_stack_2406 = renderLanes & -renderLanes; + if (0 !== (JSCompiler_object_inline_stack_2406 & 42)) + JSCompiler_object_inline_stack_2406 = 1; else - switch (JSCompiler_object_inline_stack_2405) { + switch (JSCompiler_object_inline_stack_2406) { case 2: - JSCompiler_object_inline_stack_2405 = 1; + JSCompiler_object_inline_stack_2406 = 1; break; case 8: - JSCompiler_object_inline_stack_2405 = 4; + JSCompiler_object_inline_stack_2406 = 4; break; case 32: - JSCompiler_object_inline_stack_2405 = 16; + JSCompiler_object_inline_stack_2406 = 16; break; case 128: case 256: @@ -9535,40 +9535,40 @@ __DEV__ && case 8388608: case 16777216: case 33554432: - JSCompiler_object_inline_stack_2405 = 64; + JSCompiler_object_inline_stack_2406 = 64; break; case 268435456: - JSCompiler_object_inline_stack_2405 = 134217728; + JSCompiler_object_inline_stack_2406 = 134217728; break; default: - JSCompiler_object_inline_stack_2405 = 0; + JSCompiler_object_inline_stack_2406 = 0; } - JSCompiler_object_inline_stack_2405 = + JSCompiler_object_inline_stack_2406 = 0 !== - (JSCompiler_object_inline_stack_2405 & - (JSCompiler_object_inline_digest_2404.suspendedLanes | + (JSCompiler_object_inline_stack_2406 & + (JSCompiler_object_inline_digest_2405.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2405; + : JSCompiler_object_inline_stack_2406; if ( - 0 !== JSCompiler_object_inline_stack_2405 && - JSCompiler_object_inline_stack_2405 !== prevState.retryLane + 0 !== JSCompiler_object_inline_stack_2406 && + JSCompiler_object_inline_stack_2406 !== prevState.retryLane ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2405), + ((prevState.retryLane = JSCompiler_object_inline_stack_2406), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2405 + JSCompiler_object_inline_stack_2406 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2404, + JSCompiler_object_inline_digest_2405, current, - JSCompiler_object_inline_stack_2405 + JSCompiler_object_inline_stack_2406 ), SelectiveHydrationException) ); } - JSCompiler_object_inline_message_2403.data === + JSCompiler_object_inline_message_2404.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9576,7 +9576,7 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2403.data === + JSCompiler_object_inline_message_2404.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 128), (workInProgress.child = current.child), @@ -9584,12 +9584,12 @@ __DEV__ && null, current )), - (JSCompiler_object_inline_message_2403._reactRetry = + (JSCompiler_object_inline_message_2404._reactRetry = workInProgress), (workInProgress = null)) : ((renderLanes = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2403.nextSibling + JSCompiler_object_inline_message_2404.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9607,73 +9607,73 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2405.children + JSCompiler_object_inline_stack_2406.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2406) + if (JSCompiler_object_inline_componentStack_2407) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2406 = - JSCompiler_object_inline_stack_2405.fallback), - (JSCompiler_object_inline_message_2403 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2407 = + JSCompiler_object_inline_stack_2406.fallback), + (JSCompiler_object_inline_message_2404 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), (componentStack = { mode: "hidden", - children: JSCompiler_object_inline_stack_2405.children + children: JSCompiler_object_inline_stack_2406.children }), disableLegacyMode || - (JSCompiler_object_inline_message_2403 & ConcurrentMode) !== NoMode || + (JSCompiler_object_inline_message_2404 & ConcurrentMode) !== NoMode || workInProgress.child === JSCompiler_temp - ? ((JSCompiler_object_inline_stack_2405 = createWorkInProgress( + ? ((JSCompiler_object_inline_stack_2406 = createWorkInProgress( JSCompiler_temp, componentStack )), - (JSCompiler_object_inline_stack_2405.subtreeFlags = + (JSCompiler_object_inline_stack_2406.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280)) - : ((JSCompiler_object_inline_stack_2405 = workInProgress.child), - (JSCompiler_object_inline_stack_2405.childLanes = 0), - (JSCompiler_object_inline_stack_2405.pendingProps = + : ((JSCompiler_object_inline_stack_2406 = workInProgress.child), + (JSCompiler_object_inline_stack_2406.childLanes = 0), + (JSCompiler_object_inline_stack_2406.pendingProps = componentStack), workInProgress.mode & ProfileMode && - ((JSCompiler_object_inline_stack_2405.actualDuration = -0), - (JSCompiler_object_inline_stack_2405.actualStartTime = -1.1), - (JSCompiler_object_inline_stack_2405.selfBaseDuration = + ((JSCompiler_object_inline_stack_2406.actualDuration = -0), + (JSCompiler_object_inline_stack_2406.actualStartTime = -1.1), + (JSCompiler_object_inline_stack_2406.selfBaseDuration = JSCompiler_temp.selfBaseDuration), - (JSCompiler_object_inline_stack_2405.treeBaseDuration = + (JSCompiler_object_inline_stack_2406.treeBaseDuration = JSCompiler_temp.treeBaseDuration)), (workInProgress.deletions = null)), null !== instance - ? (JSCompiler_object_inline_componentStack_2406 = + ? (JSCompiler_object_inline_componentStack_2407 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2406 + JSCompiler_object_inline_componentStack_2407 )) - : ((JSCompiler_object_inline_componentStack_2406 = + : ((JSCompiler_object_inline_componentStack_2407 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2406, - JSCompiler_object_inline_message_2403, + JSCompiler_object_inline_componentStack_2407, + JSCompiler_object_inline_message_2404, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2406.flags |= 2)), - (JSCompiler_object_inline_componentStack_2406.return = + (JSCompiler_object_inline_componentStack_2407.flags |= 2)), + (JSCompiler_object_inline_componentStack_2407.return = workInProgress), - (JSCompiler_object_inline_stack_2405.return = workInProgress), - (JSCompiler_object_inline_stack_2405.sibling = - JSCompiler_object_inline_componentStack_2406), - (workInProgress.child = JSCompiler_object_inline_stack_2405), - (JSCompiler_object_inline_stack_2405 = - JSCompiler_object_inline_componentStack_2406), - (JSCompiler_object_inline_componentStack_2406 = workInProgress.child), - (JSCompiler_object_inline_message_2403 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2403 - ? (JSCompiler_object_inline_message_2403 = + (JSCompiler_object_inline_stack_2406.return = workInProgress), + (JSCompiler_object_inline_stack_2406.sibling = + JSCompiler_object_inline_componentStack_2407), + (workInProgress.child = JSCompiler_object_inline_stack_2406), + (JSCompiler_object_inline_stack_2406 = + JSCompiler_object_inline_componentStack_2407), + (JSCompiler_object_inline_componentStack_2407 = workInProgress.child), + (JSCompiler_object_inline_message_2404 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2404 + ? (JSCompiler_object_inline_message_2404 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2403.cachePool), + JSCompiler_object_inline_message_2404.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9681,34 +9681,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2403 = { + (JSCompiler_object_inline_message_2404 = { baseLanes: - JSCompiler_object_inline_message_2403.baseLanes | renderLanes, + JSCompiler_object_inline_message_2404.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2406.memoizedState = - JSCompiler_object_inline_message_2403), + (JSCompiler_object_inline_componentStack_2407.memoizedState = + JSCompiler_object_inline_message_2404), enableTransitionTracing && - ((JSCompiler_object_inline_message_2403 = enableTransitionTracing + ((JSCompiler_object_inline_message_2404 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2403 && + null !== JSCompiler_object_inline_message_2404 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2406.updateQueue), + JSCompiler_object_inline_componentStack_2407.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2406.updateQueue = { - transitions: JSCompiler_object_inline_message_2403, + ? (JSCompiler_object_inline_componentStack_2407.updateQueue = { + transitions: JSCompiler_object_inline_message_2404, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2406.updateQueue = + ? (JSCompiler_object_inline_componentStack_2407.updateQueue = { - transitions: JSCompiler_object_inline_message_2403, + transitions: JSCompiler_object_inline_message_2404, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -9716,41 +9716,41 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2403), + JSCompiler_object_inline_message_2404), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2406.childLanes = + (JSCompiler_object_inline_componentStack_2407.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2404, + JSCompiler_object_inline_digest_2405, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2405 + JSCompiler_object_inline_stack_2406 ); pushPrimaryTreeSuspenseHandler(workInProgress); - JSCompiler_object_inline_digest_2404 = current.child; - current = JSCompiler_object_inline_digest_2404.sibling; - JSCompiler_object_inline_digest_2404 = createWorkInProgress( - JSCompiler_object_inline_digest_2404, + JSCompiler_object_inline_digest_2405 = current.child; + current = JSCompiler_object_inline_digest_2405.sibling; + JSCompiler_object_inline_digest_2405 = createWorkInProgress( + JSCompiler_object_inline_digest_2405, { mode: "visible", - children: JSCompiler_object_inline_stack_2405.children + children: JSCompiler_object_inline_stack_2406.children } ); disableLegacyMode || (workInProgress.mode & ConcurrentMode) !== NoMode || - (JSCompiler_object_inline_digest_2404.lanes = renderLanes); - JSCompiler_object_inline_digest_2404.return = workInProgress; - JSCompiler_object_inline_digest_2404.sibling = null; + (JSCompiler_object_inline_digest_2405.lanes = renderLanes); + JSCompiler_object_inline_digest_2405.return = workInProgress; + JSCompiler_object_inline_digest_2405.sibling = null; null !== current && ((renderLanes = workInProgress.deletions), null === renderLanes ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) : renderLanes.push(current)); - workInProgress.child = JSCompiler_object_inline_digest_2404; + workInProgress.child = JSCompiler_object_inline_digest_2405; workInProgress.memoizedState = null; - return JSCompiler_object_inline_digest_2404; + return JSCompiler_object_inline_digest_2405; } function mountSuspensePrimaryChildren(workInProgress, primaryChildren) { primaryChildren = createFiberFromOffscreen( @@ -10128,6 +10128,7 @@ __DEV__ && case 12: 0 !== (renderLanes & workInProgress.childLanes) && (workInProgress.flags |= 4); + workInProgress.flags |= 2048; var stateNode = workInProgress.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; @@ -10770,6 +10771,7 @@ __DEV__ && case 12: return ( (workInProgress.flags |= 4), + (workInProgress.flags |= 2048), (returnFiber = workInProgress.stateNode), (returnFiber.effectDuration = 0), (returnFiber.passiveEffectDuration = 0), @@ -12720,13 +12722,14 @@ __DEV__ && } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, + id = _finishedWork$memoize.id, onCommit = _finishedWork$memoize.onCommit; _finishedWork$memoize = _finishedWork$memoize.onRender; current = null === current ? "mount" : "update"; currentUpdateIsNested && (current = "nested-update"); "function" === typeof _finishedWork$memoize && _finishedWork$memoize( - finishedWork.memoizedProps.id, + id, current, finishedWork.actualDuration, finishedWork.treeBaseDuration, @@ -12761,6 +12764,44 @@ __DEV__ && captureCommitPhaseError(finishedWork, finishedWork.return, error$21); } } + function commitProfilerPostCommitImpl( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + var _finishedWork$memoize2 = finishedWork.memoizedProps; + finishedWork = _finishedWork$memoize2.id; + _finishedWork$memoize2 = _finishedWork$memoize2.onPostCommit; + current = null === current ? "mount" : "update"; + currentUpdateIsNested && (current = "nested-update"); + "function" === typeof _finishedWork$memoize2 && + _finishedWork$memoize2( + finishedWork, + current, + passiveEffectDuration, + commitTime + ); + } + function commitProfilerPostCommit( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + try { + runWithFiberInDEV( + finishedWork, + commitProfilerPostCommitImpl, + finishedWork, + current, + commitTime, + passiveEffectDuration + ); + } catch (error$22) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$22); + } + } function commitHostMount(finishedWork) { var type = finishedWork.type, props = finishedWork.memoizedProps, @@ -12774,8 +12815,8 @@ __DEV__ && props, finishedWork ); - } catch (error$22) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$22); + } catch (error$23) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$23); } } function commitHostUpdate(finishedWork, newProps, oldProps) { @@ -12789,8 +12830,8 @@ __DEV__ && newProps, finishedWork ); - } catch (error$23) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$23); + } catch (error$24) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$24); } } function isHostParent(fiber) { @@ -12940,7 +12981,7 @@ __DEV__ && selection = selection.focusOffset; try { JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$42) { + } catch (e$43) { JSCompiler_temp = null; break a; } @@ -13095,38 +13136,6 @@ __DEV__ && focusedInstanceHandle = null; return firstChild; } - function commitPassiveEffectDurations(finishedRoot, finishedWork) { - if (executionContext & CommitContext && 0 !== (finishedWork.flags & 4)) - switch (finishedWork.tag) { - case 12: - finishedRoot = finishedWork.stateNode.passiveEffectDuration; - var _finishedWork$memoize = finishedWork.memoizedProps, - id = _finishedWork$memoize.id; - _finishedWork$memoize = _finishedWork$memoize.onPostCommit; - var commitTime$jscomp$0 = commitTime, - phase = null === finishedWork.alternate ? "mount" : "update"; - currentUpdateIsNested && (phase = "nested-update"); - "function" === typeof _finishedWork$memoize && - _finishedWork$memoize( - id, - phase, - finishedRoot, - commitTime$jscomp$0 - ); - finishedWork = finishedWork.return; - a: for (; null !== finishedWork; ) { - switch (finishedWork.tag) { - case 3: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - case 12: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - } - finishedWork = finishedWork.return; - } - } - } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -13262,7 +13271,6 @@ __DEV__ && a: for ( flags = finishedWork.stateNode.effectDuration, commitProfilerUpdate(finishedWork, current, commitTime, flags), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -13619,11 +13627,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$29) { + } catch (error$30) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$29 + error$30 ); } else @@ -13634,11 +13642,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$30) { + } catch (error$31) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$30 + error$31 ); } break; @@ -13648,11 +13656,11 @@ __DEV__ && try { (prevHostParent = finishedRoot.onDeleted) && prevHostParent(deletedFiber.stateNode); - } catch (error$34) { + } catch (error$35) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$34 + error$35 ); } null !== hostParent && @@ -13846,11 +13854,11 @@ __DEV__ && commitHydratedSuspenseInstance, current ); - } catch (error$32) { + } catch (error$33) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$32 + error$33 ); } try { @@ -13859,11 +13867,11 @@ __DEV__ && var onHydrated = hydrationCallbacks.onHydrated; onHydrated && onHydrated(current); } - } catch (error$35) { + } catch (error$36) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$35 + error$36 ); } } @@ -14224,11 +14232,11 @@ __DEV__ && hoistableRoot, finishedWork ); - } catch (error$33) { + } catch (error$34) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$33 + error$34 ); } } @@ -14242,11 +14250,11 @@ __DEV__ && hoistableRoot = finishedWork.stateNode; try { runWithFiberInDEV(finishedWork, resetTextContent, hoistableRoot); - } catch (error$25) { + } catch (error$26) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$25 + error$26 ); } } @@ -14284,11 +14292,11 @@ __DEV__ && current, flags ); - } catch (error$24) { + } catch (error$25) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$24 + error$25 ); } } @@ -14311,11 +14319,11 @@ __DEV__ && commitHydratedContainer, root.containerInfo ); - } catch (error$31) { + } catch (error$32) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$31 + error$32 ); } needsFormReset && @@ -14354,11 +14362,11 @@ __DEV__ && void 0 !== suspenseCallback && error$jscomp$0("Unexpected type for suspenseCallback."); } - } catch (error$36) { + } catch (error$37) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$36 + error$37 ); } flags = finishedWork.updateQueue; @@ -14421,11 +14429,11 @@ __DEV__ && nextNode.stateNode, nextNode.memoizedProps ); - } catch (error$26) { + } catch (error$27) { captureCommitPhaseError( nextNode, nextNode.return, - error$26 + error$27 ); } } @@ -14446,11 +14454,11 @@ __DEV__ && currentResource, nextNode.memoizedProps ); - } catch (error$27) { + } catch (error$28) { captureCommitPhaseError( nextNode, nextNode.return, - error$27 + error$28 ); } } @@ -14512,8 +14520,8 @@ __DEV__ && if (flags & 2) { try { runWithFiberInDEV(finishedWork, commitPlacement, finishedWork); - } catch (error$28) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$28); + } catch (error$29) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$29); } finishedWork.flags &= -3; } @@ -14674,7 +14682,6 @@ __DEV__ && commitTime, includeWorkInProgressEffects ), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -14914,6 +14921,37 @@ __DEV__ && } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + if (flags & 2048 && executionContext & CommitContext) + a: for ( + finishedRoot = finishedWork.stateNode.passiveEffectDuration, + commitProfilerPostCommit( + finishedWork, + finishedWork.alternate, + commitTime, + finishedRoot + ), + finishedWork = finishedWork.return; + null !== finishedWork; + + ) { + switch (finishedWork.tag) { + case 3: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + case 12: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + } + finishedWork = finishedWork.return; + } + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -15934,7 +15972,7 @@ __DEV__ && check = check.value; try { if (!objectIs(getSnapshot(), check)) return !1; - } catch (error$37) { + } catch (error$38) { return !1; } } @@ -16284,8 +16322,8 @@ __DEV__ && } workLoopSync(); break; - } catch (thrownValue$38) { - handleThrow(root, thrownValue$38); + } catch (thrownValue$39) { + handleThrow(root, thrownValue$39); } while (1); lanes && root.shellSuspendCounter++; @@ -16453,8 +16491,8 @@ __DEV__ && ? workLoopSync() : workLoopConcurrent(); break; - } catch (thrownValue$39) { - handleThrow(root, thrownValue$39); + } catch (thrownValue$40) { + handleThrow(root, thrownValue$40); } while (1); resetContextDependencies(); @@ -16603,9 +16641,9 @@ __DEV__ && workInProgress = null; return; } - } catch (error$40) { + } catch (error$41) { if (null !== returnFiber) - throw ((workInProgress = returnFiber), error$40); + throw ((workInProgress = returnFiber), error$41); workInProgressRootExitStatus = RootFatalErrored; logUncaughtError( root, @@ -16650,25 +16688,16 @@ __DEV__ && } var current = completedWork.alternate; unitOfWork = completedWork.return; - (completedWork.mode & ProfileMode) === NoMode - ? (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )) - : (startProfilerTimer(completedWork), - (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )), - stopProfilerTimerIfRunningAndRecordIncompleteDuration( - completedWork - )); + startProfilerTimer(completedWork); + current = runWithFiberInDEV( + completedWork, + completeWork, + current, + completedWork, + entangledRenderLanes + ); + (completedWork.mode & ProfileMode) !== NoMode && + stopProfilerTimerIfRunningAndRecordIncompleteDuration(completedWork); if (null !== current) { workInProgress = current; return; @@ -16974,15 +17003,6 @@ __DEV__ && } return !1; } - function enqueuePendingPassiveProfilerEffect(fiber) { - pendingPassiveProfilerEffects.push(fiber); - rootDoesHavePassiveEffects || - ((rootDoesHavePassiveEffects = !0), - scheduleCallback(NormalPriority$1, function () { - flushPassiveEffects(); - return null; - })); - } function flushPassiveEffectsImpl() { if (null === rootWithPendingPassiveEffects) return !1; var transitions = pendingPassiveTransitions; @@ -17013,10 +17033,6 @@ __DEV__ && executionContext |= CommitContext; commitPassiveUnmountOnFiber(root.current); commitPassiveMountOnFiber(root, root.current, lanes, transitions); - transitions = pendingPassiveProfilerEffects; - pendingPassiveProfilerEffects = []; - for (lanes = 0; lanes < transitions.length; lanes++) - commitPassiveEffectDurations(root, transitions[lanes]); enableDebugTracing && enableDebugTracing && groupEnd(); enableSchedulingProfiler && enableSchedulingProfiler && @@ -17064,9 +17080,9 @@ __DEV__ && err )); } - root = root.current.stateNode; - root.effectDuration = 0; - root.passiveEffectDuration = 0; + transitions = root.current.stateNode; + transitions.effectDuration = 0; + transitions.passiveEffectDuration = 0; return !0; } function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) { @@ -18675,41 +18691,41 @@ __DEV__ && : !1; } function getActiveElementDeep(containerInfo) { - var $jscomp$optchain$tmpm690489910$1, $jscomp$nullish$tmp0; + var $jscomp$optchain$tmp1995650823$1, $jscomp$nullish$tmp0; containerInfo = null != ($jscomp$nullish$tmp0 = null == containerInfo ? void 0 : null == - ($jscomp$optchain$tmpm690489910$1 = containerInfo.ownerDocument) + ($jscomp$optchain$tmp1995650823$1 = containerInfo.ownerDocument) ? void 0 - : $jscomp$optchain$tmpm690489910$1.defaultView) + : $jscomp$optchain$tmp1995650823$1.defaultView) ? $jscomp$nullish$tmp0 : window; for ( - $jscomp$optchain$tmpm690489910$1 = getActiveElement( + $jscomp$optchain$tmp1995650823$1 = getActiveElement( containerInfo.document ); - $jscomp$optchain$tmpm690489910$1 instanceof + $jscomp$optchain$tmp1995650823$1 instanceof containerInfo.HTMLIFrameElement; ) { try { var JSCompiler_inline_result = "string" === - typeof $jscomp$optchain$tmpm690489910$1.contentWindow.location.href; + typeof $jscomp$optchain$tmp1995650823$1.contentWindow.location.href; } catch (err) { JSCompiler_inline_result = !1; } if (JSCompiler_inline_result) - containerInfo = $jscomp$optchain$tmpm690489910$1.contentWindow; + containerInfo = $jscomp$optchain$tmp1995650823$1.contentWindow; else break; - $jscomp$optchain$tmpm690489910$1 = getActiveElement( + $jscomp$optchain$tmp1995650823$1 = getActiveElement( containerInfo.document ); } - return $jscomp$optchain$tmpm690489910$1; + return $jscomp$optchain$tmp1995650823$1; } function hasSelectionCapabilities(elem) { var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase(); @@ -19015,8 +19031,8 @@ __DEV__ && previousInstance.currentTarget = currentTarget; try { _dispatchListeners$i(previousInstance); - } catch (error$43) { - reportGlobalError(error$43); + } catch (error$44) { + reportGlobalError(error$44); } previousInstance.currentTarget = null; previousInstance = instance; @@ -19037,8 +19053,8 @@ __DEV__ && previousInstance.currentTarget = currentTarget; try { _dispatchListeners$i(previousInstance); - } catch (error$43) { - reportGlobalError(error$43); + } catch (error$44) { + reportGlobalError(error$44); } previousInstance.currentTarget = null; previousInstance = instance; @@ -27047,7 +27063,6 @@ __DEV__ && rootDoesHavePassiveEffects = !1, rootWithPendingPassiveEffects = null, pendingPassiveEffectsLanes = 0, - pendingPassiveProfilerEffects = [], pendingPassiveEffectsRemainingLanes = 0, pendingPassiveTransitions = null, NESTED_UPDATE_LIMIT = 50, @@ -27161,7 +27176,7 @@ __DEV__ && }); window.addEventListener("test", options$jscomp$0, options$jscomp$0); window.removeEventListener("test", options$jscomp$0, options$jscomp$0); - } catch (e$41) { + } catch (e$42) { passiveBrowserEventsSupported = !1; } var EventListenerWWW = require("EventListener"), @@ -27875,11 +27890,11 @@ __DEV__ && : flushSyncErrorInBuildsThatSupportLegacyMode; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-www-classic-0eab377a-20240916" !== isomorphicReactPackageVersion) + if ("19.0.0-www-classic-f2df5694-20240916" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-www-classic-0eab377a-20240916\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-www-classic-f2df5694-20240916\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27923,11 +27938,11 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.0.0-www-classic-0eab377a-20240916", + version: "19.0.0-www-classic-f2df5694-20240916", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-classic-f2df5694-20240916" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -28580,7 +28595,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-www-classic-0eab377a-20240916"; + exports.version = "19.0.0-www-classic-f2df5694-20240916"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOM-dev.modern.js b/compiled/facebook-www/ReactDOM-dev.modern.js index 6439dec617..282c4f61b8 100644 --- a/compiled/facebook-www/ReactDOM-dev.modern.js +++ b/compiled/facebook-www/ReactDOM-dev.modern.js @@ -8891,32 +8891,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2425; - var JSCompiler_object_inline_stack_2426 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2426; + var JSCompiler_object_inline_stack_2427 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2427 = !1; + var JSCompiler_object_inline_componentStack_2428 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2425 = didSuspend) || - (JSCompiler_object_inline_digest_2425 = + (JSCompiler_object_inline_digest_2426 = didSuspend) || + (JSCompiler_object_inline_digest_2426 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2425 && - ((JSCompiler_object_inline_componentStack_2427 = !0), + JSCompiler_object_inline_digest_2426 && + ((JSCompiler_object_inline_componentStack_2428 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2425 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2426 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2427 + JSCompiler_object_inline_componentStack_2428 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2424 = nextHydratableInstance; + var JSCompiler_object_inline_message_2425 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2424)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2425)) { c: { - var instance = JSCompiler_object_inline_message_2424; + var instance = JSCompiler_object_inline_message_2425; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -8957,19 +8957,19 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2424 + JSCompiler_object_inline_message_2425 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2424 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2425 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2424 && - ((JSCompiler_object_inline_message_2424 = - JSCompiler_object_inline_message_2424.dehydrated), - null !== JSCompiler_object_inline_message_2424) + null !== JSCompiler_object_inline_message_2425 && + ((JSCompiler_object_inline_message_2425 = + JSCompiler_object_inline_message_2425.dehydrated), + null !== JSCompiler_object_inline_message_2425) ) return ( - JSCompiler_object_inline_message_2424.data === + JSCompiler_object_inline_message_2425.data === SUSPENSE_FALLBACK_START_DATA ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), @@ -8977,27 +8977,27 @@ __DEV__ && ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2424 = - JSCompiler_object_inline_stack_2426.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2426.fallback; - if (JSCompiler_object_inline_componentStack_2427) + JSCompiler_object_inline_message_2425 = + JSCompiler_object_inline_stack_2427.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2427.fallback; + if (JSCompiler_object_inline_componentStack_2428) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2426 = + (JSCompiler_object_inline_stack_2427 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2424, + JSCompiler_object_inline_message_2425, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2427 = + (JSCompiler_object_inline_componentStack_2428 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2427.memoizedState = + (JSCompiler_object_inline_componentStack_2428.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2427.childLanes = + (JSCompiler_object_inline_componentStack_2428.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2425, + JSCompiler_object_inline_digest_2426, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9010,9 +9010,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2427.updateQueue), + JSCompiler_object_inline_componentStack_2428.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2427.updateQueue = + ? (JSCompiler_object_inline_componentStack_2428.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9020,46 +9020,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2426 + JSCompiler_object_inline_stack_2427 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2426.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2427.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2426 = + (JSCompiler_object_inline_stack_2427 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2424, + JSCompiler_object_inline_message_2425, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2427 = + (JSCompiler_object_inline_componentStack_2428 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2427.memoizedState = + (JSCompiler_object_inline_componentStack_2428.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2427.childLanes = + (JSCompiler_object_inline_componentStack_2428.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2425, + JSCompiler_object_inline_digest_2426, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2426 + JSCompiler_object_inline_stack_2427 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2424 + JSCompiler_object_inline_message_2425 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2424 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2424) + ((JSCompiler_object_inline_message_2425 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2425) ) { if (didSuspend) workInProgress.flags & 256 @@ -9076,94 +9076,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2427 = - JSCompiler_object_inline_stack_2426.fallback), - (JSCompiler_object_inline_message_2424 = workInProgress.mode), - (JSCompiler_object_inline_stack_2426 = + (JSCompiler_object_inline_componentStack_2428 = + JSCompiler_object_inline_stack_2427.fallback), + (JSCompiler_object_inline_message_2425 = workInProgress.mode), + (JSCompiler_object_inline_stack_2427 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2426.children + children: JSCompiler_object_inline_stack_2427.children }, - JSCompiler_object_inline_message_2424 + JSCompiler_object_inline_message_2425 )), - (JSCompiler_object_inline_componentStack_2427 = + (JSCompiler_object_inline_componentStack_2428 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2427, - JSCompiler_object_inline_message_2424, + JSCompiler_object_inline_componentStack_2428, + JSCompiler_object_inline_message_2425, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2427.flags |= 2), - (JSCompiler_object_inline_stack_2426.return = workInProgress), - (JSCompiler_object_inline_componentStack_2427.return = + (JSCompiler_object_inline_componentStack_2428.flags |= 2), + (JSCompiler_object_inline_stack_2427.return = workInProgress), + (JSCompiler_object_inline_componentStack_2428.return = workInProgress), - (JSCompiler_object_inline_stack_2426.sibling = - JSCompiler_object_inline_componentStack_2427), - (workInProgress.child = JSCompiler_object_inline_stack_2426), + (JSCompiler_object_inline_stack_2427.sibling = + JSCompiler_object_inline_componentStack_2428), + (workInProgress.child = JSCompiler_object_inline_stack_2427), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2426 = workInProgress.child), - (JSCompiler_object_inline_stack_2426.memoizedState = + (JSCompiler_object_inline_stack_2427 = workInProgress.child), + (JSCompiler_object_inline_stack_2427.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2426.childLanes = + (JSCompiler_object_inline_stack_2427.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2425, + JSCompiler_object_inline_digest_2426, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2427)); + JSCompiler_object_inline_componentStack_2428)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && error$jscomp$0( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - JSCompiler_object_inline_message_2424.data === + JSCompiler_object_inline_message_2425.data === SUSPENSE_FALLBACK_START_DATA) ) { - JSCompiler_object_inline_digest_2425 = - JSCompiler_object_inline_message_2424.nextSibling && - JSCompiler_object_inline_message_2424.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2425) { - JSCompiler_temp = JSCompiler_object_inline_digest_2425.dgst; - var message = JSCompiler_object_inline_digest_2425.msg; - instance = JSCompiler_object_inline_digest_2425.stck; - var componentStack = JSCompiler_object_inline_digest_2425.cstck; + JSCompiler_object_inline_digest_2426 = + JSCompiler_object_inline_message_2425.nextSibling && + JSCompiler_object_inline_message_2425.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2426) { + JSCompiler_temp = JSCompiler_object_inline_digest_2426.dgst; + var message = JSCompiler_object_inline_digest_2426.msg; + instance = JSCompiler_object_inline_digest_2426.stck; + var componentStack = JSCompiler_object_inline_digest_2426.cstck; } - JSCompiler_object_inline_message_2424 = message; - JSCompiler_object_inline_digest_2425 = JSCompiler_temp; - JSCompiler_object_inline_stack_2426 = instance; - JSCompiler_object_inline_componentStack_2427 = componentStack; - JSCompiler_object_inline_message_2424 = - JSCompiler_object_inline_message_2424 - ? Error(JSCompiler_object_inline_message_2424) + JSCompiler_object_inline_message_2425 = message; + JSCompiler_object_inline_digest_2426 = JSCompiler_temp; + JSCompiler_object_inline_stack_2427 = instance; + JSCompiler_object_inline_componentStack_2428 = componentStack; + JSCompiler_object_inline_message_2425 = + JSCompiler_object_inline_message_2425 + ? Error(JSCompiler_object_inline_message_2425) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_message_2424.stack = - JSCompiler_object_inline_stack_2426 || ""; - JSCompiler_object_inline_message_2424.digest = - JSCompiler_object_inline_digest_2425; - JSCompiler_object_inline_digest_2425 = - void 0 === JSCompiler_object_inline_componentStack_2427 + JSCompiler_object_inline_message_2425.stack = + JSCompiler_object_inline_stack_2427 || ""; + JSCompiler_object_inline_message_2425.digest = + JSCompiler_object_inline_digest_2426; + JSCompiler_object_inline_digest_2426 = + void 0 === JSCompiler_object_inline_componentStack_2428 ? null - : JSCompiler_object_inline_componentStack_2427; - "string" === typeof JSCompiler_object_inline_digest_2425 && + : JSCompiler_object_inline_componentStack_2428; + "string" === typeof JSCompiler_object_inline_digest_2426 && CapturedStacks.set( - JSCompiler_object_inline_message_2424, - JSCompiler_object_inline_digest_2425 + JSCompiler_object_inline_message_2425, + JSCompiler_object_inline_digest_2426 ); queueHydrationError({ - value: JSCompiler_object_inline_message_2424, + value: JSCompiler_object_inline_message_2425, source: null, - stack: JSCompiler_object_inline_digest_2425 + stack: JSCompiler_object_inline_digest_2426 }); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9178,25 +9178,25 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2425 = + (JSCompiler_object_inline_digest_2426 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2425) + didReceiveUpdate || JSCompiler_object_inline_digest_2426) ) { - JSCompiler_object_inline_digest_2425 = workInProgressRoot; - if (null !== JSCompiler_object_inline_digest_2425) { - JSCompiler_object_inline_stack_2426 = renderLanes & -renderLanes; - if (0 !== (JSCompiler_object_inline_stack_2426 & 42)) - JSCompiler_object_inline_stack_2426 = 1; + JSCompiler_object_inline_digest_2426 = workInProgressRoot; + if (null !== JSCompiler_object_inline_digest_2426) { + JSCompiler_object_inline_stack_2427 = renderLanes & -renderLanes; + if (0 !== (JSCompiler_object_inline_stack_2427 & 42)) + JSCompiler_object_inline_stack_2427 = 1; else - switch (JSCompiler_object_inline_stack_2426) { + switch (JSCompiler_object_inline_stack_2427) { case 2: - JSCompiler_object_inline_stack_2426 = 1; + JSCompiler_object_inline_stack_2427 = 1; break; case 8: - JSCompiler_object_inline_stack_2426 = 4; + JSCompiler_object_inline_stack_2427 = 4; break; case 32: - JSCompiler_object_inline_stack_2426 = 16; + JSCompiler_object_inline_stack_2427 = 16; break; case 128: case 256: @@ -9217,40 +9217,40 @@ __DEV__ && case 8388608: case 16777216: case 33554432: - JSCompiler_object_inline_stack_2426 = 64; + JSCompiler_object_inline_stack_2427 = 64; break; case 268435456: - JSCompiler_object_inline_stack_2426 = 134217728; + JSCompiler_object_inline_stack_2427 = 134217728; break; default: - JSCompiler_object_inline_stack_2426 = 0; + JSCompiler_object_inline_stack_2427 = 0; } - JSCompiler_object_inline_stack_2426 = + JSCompiler_object_inline_stack_2427 = 0 !== - (JSCompiler_object_inline_stack_2426 & - (JSCompiler_object_inline_digest_2425.suspendedLanes | + (JSCompiler_object_inline_stack_2427 & + (JSCompiler_object_inline_digest_2426.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2426; + : JSCompiler_object_inline_stack_2427; if ( - 0 !== JSCompiler_object_inline_stack_2426 && - JSCompiler_object_inline_stack_2426 !== prevState.retryLane + 0 !== JSCompiler_object_inline_stack_2427 && + JSCompiler_object_inline_stack_2427 !== prevState.retryLane ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2426), + ((prevState.retryLane = JSCompiler_object_inline_stack_2427), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2426 + JSCompiler_object_inline_stack_2427 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2425, + JSCompiler_object_inline_digest_2426, current, - JSCompiler_object_inline_stack_2426 + JSCompiler_object_inline_stack_2427 ), SelectiveHydrationException) ); } - JSCompiler_object_inline_message_2424.data === + JSCompiler_object_inline_message_2425.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9258,7 +9258,7 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2424.data === + JSCompiler_object_inline_message_2425.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 128), (workInProgress.child = current.child), @@ -9266,12 +9266,12 @@ __DEV__ && null, current )), - (JSCompiler_object_inline_message_2424._reactRetry = + (JSCompiler_object_inline_message_2425._reactRetry = workInProgress), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2424.nextSibling + JSCompiler_object_inline_message_2425.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9289,57 +9289,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2426.children + JSCompiler_object_inline_stack_2427.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2427) + if (JSCompiler_object_inline_componentStack_2428) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2427 = - JSCompiler_object_inline_stack_2426.fallback), - (JSCompiler_object_inline_message_2424 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2428 = + JSCompiler_object_inline_stack_2427.fallback), + (JSCompiler_object_inline_message_2425 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2426 = createWorkInProgress( + (JSCompiler_object_inline_stack_2427 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2426.children + children: JSCompiler_object_inline_stack_2427.children } )), - (JSCompiler_object_inline_stack_2426.subtreeFlags = + (JSCompiler_object_inline_stack_2427.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280), null !== instance - ? (JSCompiler_object_inline_componentStack_2427 = + ? (JSCompiler_object_inline_componentStack_2428 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2427 + JSCompiler_object_inline_componentStack_2428 )) - : ((JSCompiler_object_inline_componentStack_2427 = + : ((JSCompiler_object_inline_componentStack_2428 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2427, - JSCompiler_object_inline_message_2424, + JSCompiler_object_inline_componentStack_2428, + JSCompiler_object_inline_message_2425, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2427.flags |= 2)), - (JSCompiler_object_inline_componentStack_2427.return = + (JSCompiler_object_inline_componentStack_2428.flags |= 2)), + (JSCompiler_object_inline_componentStack_2428.return = workInProgress), - (JSCompiler_object_inline_stack_2426.return = workInProgress), - (JSCompiler_object_inline_stack_2426.sibling = - JSCompiler_object_inline_componentStack_2427), - (workInProgress.child = JSCompiler_object_inline_stack_2426), - (JSCompiler_object_inline_stack_2426 = - JSCompiler_object_inline_componentStack_2427), - (JSCompiler_object_inline_componentStack_2427 = workInProgress.child), - (JSCompiler_object_inline_message_2424 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2424 - ? (JSCompiler_object_inline_message_2424 = + (JSCompiler_object_inline_stack_2427.return = workInProgress), + (JSCompiler_object_inline_stack_2427.sibling = + JSCompiler_object_inline_componentStack_2428), + (workInProgress.child = JSCompiler_object_inline_stack_2427), + (JSCompiler_object_inline_stack_2427 = + JSCompiler_object_inline_componentStack_2428), + (JSCompiler_object_inline_componentStack_2428 = workInProgress.child), + (JSCompiler_object_inline_message_2425 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2425 + ? (JSCompiler_object_inline_message_2425 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2424.cachePool), + JSCompiler_object_inline_message_2425.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9347,34 +9347,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2424 = { + (JSCompiler_object_inline_message_2425 = { baseLanes: - JSCompiler_object_inline_message_2424.baseLanes | renderLanes, + JSCompiler_object_inline_message_2425.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2427.memoizedState = - JSCompiler_object_inline_message_2424), + (JSCompiler_object_inline_componentStack_2428.memoizedState = + JSCompiler_object_inline_message_2425), enableTransitionTracing && - ((JSCompiler_object_inline_message_2424 = enableTransitionTracing + ((JSCompiler_object_inline_message_2425 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2424 && + null !== JSCompiler_object_inline_message_2425 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2427.updateQueue), + JSCompiler_object_inline_componentStack_2428.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2427.updateQueue = { - transitions: JSCompiler_object_inline_message_2424, + ? (JSCompiler_object_inline_componentStack_2428.updateQueue = { + transitions: JSCompiler_object_inline_message_2425, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2427.updateQueue = + ? (JSCompiler_object_inline_componentStack_2428.updateQueue = { - transitions: JSCompiler_object_inline_message_2424, + transitions: JSCompiler_object_inline_message_2425, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -9382,32 +9382,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2424), + JSCompiler_object_inline_message_2425), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2427.childLanes = + (JSCompiler_object_inline_componentStack_2428.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2425, + JSCompiler_object_inline_digest_2426, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2426 + JSCompiler_object_inline_stack_2427 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2426.children + children: JSCompiler_object_inline_stack_2427.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2425 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2425 + ((JSCompiler_object_inline_digest_2426 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2426 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2425.push(current)); + : JSCompiler_object_inline_digest_2426.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -9761,6 +9761,7 @@ __DEV__ && case 12: 0 !== (renderLanes & workInProgress.childLanes) && (workInProgress.flags |= 4); + workInProgress.flags |= 2048; var stateNode = workInProgress.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; @@ -10403,6 +10404,7 @@ __DEV__ && case 12: return ( (workInProgress.flags |= 4), + (workInProgress.flags |= 2048), (returnFiber = workInProgress.stateNode), (returnFiber.effectDuration = 0), (returnFiber.passiveEffectDuration = 0), @@ -12272,13 +12274,14 @@ __DEV__ && } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, + id = _finishedWork$memoize.id, onCommit = _finishedWork$memoize.onCommit; _finishedWork$memoize = _finishedWork$memoize.onRender; current = null === current ? "mount" : "update"; currentUpdateIsNested && (current = "nested-update"); "function" === typeof _finishedWork$memoize && _finishedWork$memoize( - finishedWork.memoizedProps.id, + id, current, finishedWork.actualDuration, finishedWork.treeBaseDuration, @@ -12313,6 +12316,44 @@ __DEV__ && captureCommitPhaseError(finishedWork, finishedWork.return, error$21); } } + function commitProfilerPostCommitImpl( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + var _finishedWork$memoize2 = finishedWork.memoizedProps; + finishedWork = _finishedWork$memoize2.id; + _finishedWork$memoize2 = _finishedWork$memoize2.onPostCommit; + current = null === current ? "mount" : "update"; + currentUpdateIsNested && (current = "nested-update"); + "function" === typeof _finishedWork$memoize2 && + _finishedWork$memoize2( + finishedWork, + current, + passiveEffectDuration, + commitTime + ); + } + function commitProfilerPostCommit( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + try { + runWithFiberInDEV( + finishedWork, + commitProfilerPostCommitImpl, + finishedWork, + current, + commitTime, + passiveEffectDuration + ); + } catch (error$22) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$22); + } + } function commitHostMount(finishedWork) { var type = finishedWork.type, props = finishedWork.memoizedProps, @@ -12326,8 +12367,8 @@ __DEV__ && props, finishedWork ); - } catch (error$22) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$22); + } catch (error$23) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$23); } } function commitHostUpdate(finishedWork, newProps, oldProps) { @@ -12341,8 +12382,8 @@ __DEV__ && newProps, finishedWork ); - } catch (error$23) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$23); + } catch (error$24) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$24); } } function isHostParent(fiber) { @@ -12492,7 +12533,7 @@ __DEV__ && selection = selection.focusOffset; try { JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$42) { + } catch (e$43) { JSCompiler_temp = null; break a; } @@ -12662,38 +12703,6 @@ __DEV__ && focusedInstanceHandle = null; return firstChild; } - function commitPassiveEffectDurations(finishedRoot, finishedWork) { - if (executionContext & CommitContext && 0 !== (finishedWork.flags & 4)) - switch (finishedWork.tag) { - case 12: - finishedRoot = finishedWork.stateNode.passiveEffectDuration; - var _finishedWork$memoize = finishedWork.memoizedProps, - id = _finishedWork$memoize.id; - _finishedWork$memoize = _finishedWork$memoize.onPostCommit; - var commitTime$jscomp$0 = commitTime, - phase = null === finishedWork.alternate ? "mount" : "update"; - currentUpdateIsNested && (phase = "nested-update"); - "function" === typeof _finishedWork$memoize && - _finishedWork$memoize( - id, - phase, - finishedRoot, - commitTime$jscomp$0 - ); - finishedWork = finishedWork.return; - a: for (; null !== finishedWork; ) { - switch (finishedWork.tag) { - case 3: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - case 12: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - } - finishedWork = finishedWork.return; - } - } - } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -12829,7 +12838,6 @@ __DEV__ && a: for ( flags = finishedWork.stateNode.effectDuration, commitProfilerUpdate(finishedWork, current, commitTime, flags), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -13178,11 +13186,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$29) { + } catch (error$30) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$29 + error$30 ); } else @@ -13193,11 +13201,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$30) { + } catch (error$31) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$30 + error$31 ); } break; @@ -13207,11 +13215,11 @@ __DEV__ && try { (prevHostParent = finishedRoot.onDeleted) && prevHostParent(deletedFiber.stateNode); - } catch (error$34) { + } catch (error$35) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$34 + error$35 ); } null !== hostParent && @@ -13399,11 +13407,11 @@ __DEV__ && commitHydratedSuspenseInstance, current ); - } catch (error$32) { + } catch (error$33) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$32 + error$33 ); } try { @@ -13412,11 +13420,11 @@ __DEV__ && var onHydrated = hydrationCallbacks.onHydrated; onHydrated && onHydrated(current); } - } catch (error$35) { + } catch (error$36) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$35 + error$36 ); } } @@ -13777,11 +13785,11 @@ __DEV__ && hoistableRoot, finishedWork ); - } catch (error$33) { + } catch (error$34) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$33 + error$34 ); } } @@ -13795,11 +13803,11 @@ __DEV__ && hoistableRoot = finishedWork.stateNode; try { runWithFiberInDEV(finishedWork, resetTextContent, hoistableRoot); - } catch (error$25) { + } catch (error$26) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$25 + error$26 ); } } @@ -13837,11 +13845,11 @@ __DEV__ && current, flags ); - } catch (error$24) { + } catch (error$25) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$24 + error$25 ); } } @@ -13864,11 +13872,11 @@ __DEV__ && commitHydratedContainer, root.containerInfo ); - } catch (error$31) { + } catch (error$32) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$31 + error$32 ); } needsFormReset && @@ -13907,11 +13915,11 @@ __DEV__ && void 0 !== suspenseCallback && error$jscomp$0("Unexpected type for suspenseCallback."); } - } catch (error$36) { + } catch (error$37) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$36 + error$37 ); } flags = finishedWork.updateQueue; @@ -13970,11 +13978,11 @@ __DEV__ && nextNode.stateNode, nextNode.memoizedProps ); - } catch (error$26) { + } catch (error$27) { captureCommitPhaseError( nextNode, nextNode.return, - error$26 + error$27 ); } } @@ -13995,11 +14003,11 @@ __DEV__ && currentResource, nextNode.memoizedProps ); - } catch (error$27) { + } catch (error$28) { captureCommitPhaseError( nextNode, nextNode.return, - error$27 + error$28 ); } } @@ -14061,8 +14069,8 @@ __DEV__ && if (flags & 2) { try { runWithFiberInDEV(finishedWork, commitPlacement, finishedWork); - } catch (error$28) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$28); + } catch (error$29) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$29); } finishedWork.flags &= -3; } @@ -14230,7 +14238,6 @@ __DEV__ && commitTime, includeWorkInProgressEffects ), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -14470,6 +14477,37 @@ __DEV__ && } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + if (flags & 2048 && executionContext & CommitContext) + a: for ( + finishedRoot = finishedWork.stateNode.passiveEffectDuration, + commitProfilerPostCommit( + finishedWork, + finishedWork.alternate, + commitTime, + finishedRoot + ), + finishedWork = finishedWork.return; + null !== finishedWork; + + ) { + switch (finishedWork.tag) { + case 3: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + case 12: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + } + finishedWork = finishedWork.return; + } + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -15416,7 +15454,7 @@ __DEV__ && check = check.value; try { if (!objectIs(getSnapshot(), check)) return !1; - } catch (error$37) { + } catch (error$38) { return !1; } } @@ -15752,8 +15790,8 @@ __DEV__ && } workLoopSync(); break; - } catch (thrownValue$38) { - handleThrow(root, thrownValue$38); + } catch (thrownValue$39) { + handleThrow(root, thrownValue$39); } while (1); lanes && root.shellSuspendCounter++; @@ -15921,8 +15959,8 @@ __DEV__ && ? workLoopSync() : workLoopConcurrent(); break; - } catch (thrownValue$39) { - handleThrow(root, thrownValue$39); + } catch (thrownValue$40) { + handleThrow(root, thrownValue$40); } while (1); resetContextDependencies(); @@ -16067,9 +16105,9 @@ __DEV__ && workInProgress = null; return; } - } catch (error$40) { + } catch (error$41) { if (null !== returnFiber) - throw ((workInProgress = returnFiber), error$40); + throw ((workInProgress = returnFiber), error$41); workInProgressRootExitStatus = RootFatalErrored; logUncaughtError( root, @@ -16114,25 +16152,16 @@ __DEV__ && } var current = completedWork.alternate; unitOfWork = completedWork.return; - (completedWork.mode & ProfileMode) === NoMode - ? (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )) - : (startProfilerTimer(completedWork), - (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )), - stopProfilerTimerIfRunningAndRecordIncompleteDuration( - completedWork - )); + startProfilerTimer(completedWork); + current = runWithFiberInDEV( + completedWork, + completeWork, + current, + completedWork, + entangledRenderLanes + ); + (completedWork.mode & ProfileMode) !== NoMode && + stopProfilerTimerIfRunningAndRecordIncompleteDuration(completedWork); if (null !== current) { workInProgress = current; return; @@ -16436,15 +16465,6 @@ __DEV__ && } return !1; } - function enqueuePendingPassiveProfilerEffect(fiber) { - pendingPassiveProfilerEffects.push(fiber); - rootDoesHavePassiveEffects || - ((rootDoesHavePassiveEffects = !0), - scheduleCallback(NormalPriority$1, function () { - flushPassiveEffects(); - return null; - })); - } function flushPassiveEffectsImpl() { if (null === rootWithPendingPassiveEffects) return !1; var transitions = pendingPassiveTransitions; @@ -16475,10 +16495,6 @@ __DEV__ && executionContext |= CommitContext; commitPassiveUnmountOnFiber(root.current); commitPassiveMountOnFiber(root, root.current, lanes, transitions); - transitions = pendingPassiveProfilerEffects; - pendingPassiveProfilerEffects = []; - for (lanes = 0; lanes < transitions.length; lanes++) - commitPassiveEffectDurations(root, transitions[lanes]); enableDebugTracing && enableDebugTracing && groupEnd(); enableSchedulingProfiler && enableSchedulingProfiler && @@ -16526,9 +16542,9 @@ __DEV__ && err )); } - root = root.current.stateNode; - root.effectDuration = 0; - root.passiveEffectDuration = 0; + transitions = root.current.stateNode; + transitions.effectDuration = 0; + transitions.passiveEffectDuration = 0; return !0; } function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) { @@ -18009,41 +18025,43 @@ __DEV__ && : !1; } function getActiveElementDeep(containerInfo) { - var $jscomp$optchain$tmp1056288775$1, $jscomp$nullish$tmp0; + var $jscomp$optchain$tmpm2116275655$1, $jscomp$nullish$tmp0; containerInfo = null != ($jscomp$nullish$tmp0 = null == containerInfo ? void 0 : null == - ($jscomp$optchain$tmp1056288775$1 = containerInfo.ownerDocument) + ($jscomp$optchain$tmpm2116275655$1 = + containerInfo.ownerDocument) ? void 0 - : $jscomp$optchain$tmp1056288775$1.defaultView) + : $jscomp$optchain$tmpm2116275655$1.defaultView) ? $jscomp$nullish$tmp0 : window; for ( - $jscomp$optchain$tmp1056288775$1 = getActiveElement( + $jscomp$optchain$tmpm2116275655$1 = getActiveElement( containerInfo.document ); - $jscomp$optchain$tmp1056288775$1 instanceof + $jscomp$optchain$tmpm2116275655$1 instanceof containerInfo.HTMLIFrameElement; ) { try { var JSCompiler_inline_result = "string" === - typeof $jscomp$optchain$tmp1056288775$1.contentWindow.location.href; + typeof $jscomp$optchain$tmpm2116275655$1.contentWindow.location + .href; } catch (err) { JSCompiler_inline_result = !1; } if (JSCompiler_inline_result) - containerInfo = $jscomp$optchain$tmp1056288775$1.contentWindow; + containerInfo = $jscomp$optchain$tmpm2116275655$1.contentWindow; else break; - $jscomp$optchain$tmp1056288775$1 = getActiveElement( + $jscomp$optchain$tmpm2116275655$1 = getActiveElement( containerInfo.document ); } - return $jscomp$optchain$tmp1056288775$1; + return $jscomp$optchain$tmpm2116275655$1; } function hasSelectionCapabilities(elem) { var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase(); @@ -18349,8 +18367,8 @@ __DEV__ && previousInstance.currentTarget = currentTarget; try { _dispatchListeners$i(previousInstance); - } catch (error$43) { - reportGlobalError(error$43); + } catch (error$44) { + reportGlobalError(error$44); } previousInstance.currentTarget = null; previousInstance = instance; @@ -18371,8 +18389,8 @@ __DEV__ && previousInstance.currentTarget = currentTarget; try { _dispatchListeners$i(previousInstance); - } catch (error$43) { - reportGlobalError(error$43); + } catch (error$44) { + reportGlobalError(error$44); } previousInstance.currentTarget = null; previousInstance = instance; @@ -26164,7 +26182,6 @@ __DEV__ && rootDoesHavePassiveEffects = !1, rootWithPendingPassiveEffects = null, pendingPassiveEffectsLanes = 0, - pendingPassiveProfilerEffects = [], pendingPassiveEffectsRemainingLanes = 0, pendingPassiveTransitions = null, NESTED_UPDATE_LIMIT = 50, @@ -26278,7 +26295,7 @@ __DEV__ && }); window.addEventListener("test", options$jscomp$0, options$jscomp$0); window.removeEventListener("test", options$jscomp$0, options$jscomp$0); - } catch (e$41) { + } catch (e$42) { passiveBrowserEventsSupported = !1; } var root = null, @@ -26992,11 +27009,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-www-modern-0eab377a-20240916" !== isomorphicReactPackageVersion) + if ("19.0.0-www-modern-f2df5694-20240916" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-www-modern-0eab377a-20240916\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-www-modern-f2df5694-20240916\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27039,11 +27056,11 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.0.0-www-modern-0eab377a-20240916", + version: "19.0.0-www-modern-f2df5694-20240916", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-modern-f2df5694-20240916" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -27648,7 +27665,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-www-modern-0eab377a-20240916"; + exports.version = "19.0.0-www-modern-f2df5694-20240916"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOM-prod.classic.js b/compiled/facebook-www/ReactDOM-prod.classic.js index 7e57f523fb..2a6b0aa7ad 100644 --- a/compiled/facebook-www/ReactDOM-prod.classic.js +++ b/compiled/facebook-www/ReactDOM-prod.classic.js @@ -10400,6 +10400,14 @@ function commitPassiveMountOnFiber( } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -13490,36 +13498,41 @@ function containsNode(outerNode, innerNode) { : !1; } function getActiveElementDeep(containerInfo) { - var $jscomp$optchain$tmpm635974878$1, $jscomp$nullish$tmp0; + var $jscomp$optchain$tmpm2105495837$1, $jscomp$nullish$tmp0; containerInfo = null != ($jscomp$nullish$tmp0 = null == containerInfo ? void 0 : null == - ($jscomp$optchain$tmpm635974878$1 = containerInfo.ownerDocument) + ($jscomp$optchain$tmpm2105495837$1 = containerInfo.ownerDocument) ? void 0 - : $jscomp$optchain$tmpm635974878$1.defaultView) + : $jscomp$optchain$tmpm2105495837$1.defaultView) ? $jscomp$nullish$tmp0 : window; for ( - $jscomp$optchain$tmpm635974878$1 = getActiveElement(containerInfo.document); - $jscomp$optchain$tmpm635974878$1 instanceof containerInfo.HTMLIFrameElement; + $jscomp$optchain$tmpm2105495837$1 = getActiveElement( + containerInfo.document + ); + $jscomp$optchain$tmpm2105495837$1 instanceof + containerInfo.HTMLIFrameElement; ) { try { var JSCompiler_inline_result = "string" === - typeof $jscomp$optchain$tmpm635974878$1.contentWindow.location.href; + typeof $jscomp$optchain$tmpm2105495837$1.contentWindow.location.href; } catch (err) { JSCompiler_inline_result = !1; } if (JSCompiler_inline_result) - containerInfo = $jscomp$optchain$tmpm635974878$1.contentWindow; + containerInfo = $jscomp$optchain$tmpm2105495837$1.contentWindow; else break; - $jscomp$optchain$tmpm635974878$1 = getActiveElement(containerInfo.document); + $jscomp$optchain$tmpm2105495837$1 = getActiveElement( + containerInfo.document + ); } - return $jscomp$optchain$tmpm635974878$1; + return $jscomp$optchain$tmpm2105495837$1; } function hasSelectionCapabilities(elem) { var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase(); @@ -17444,14 +17457,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1768 = React.version; if ( - "19.0.0-www-classic-0eab377a-20240916" !== + "19.0.0-www-classic-f2df5694-20240916" !== isomorphicReactPackageVersion$jscomp$inline_1768 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1768, - "19.0.0-www-classic-0eab377a-20240916" + "19.0.0-www-classic-f2df5694-20240916" ) ); function flushSyncFromReconciler(fn) { @@ -17496,11 +17509,11 @@ Internals.Events = [ ]; var internals$jscomp$inline_2263 = { bundleType: 0, - version: "19.0.0-www-classic-0eab377a-20240916", + version: "19.0.0-www-classic-f2df5694-20240916", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-classic-f2df5694-20240916" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2264 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -17956,4 +17969,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-classic-0eab377a-20240916"; +exports.version = "19.0.0-www-classic-f2df5694-20240916"; diff --git a/compiled/facebook-www/ReactDOM-prod.modern.js b/compiled/facebook-www/ReactDOM-prod.modern.js index cfbd60bc95..e8dfdf6b03 100644 --- a/compiled/facebook-www/ReactDOM-prod.modern.js +++ b/compiled/facebook-www/ReactDOM-prod.modern.js @@ -9969,6 +9969,14 @@ function commitPassiveMountOnFiber( } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -12917,36 +12925,36 @@ function containsNode(outerNode, innerNode) { : !1; } function getActiveElementDeep(containerInfo) { - var $jscomp$optchain$tmp645898484$1, $jscomp$nullish$tmp0; + var $jscomp$optchain$tmp1163653330$1, $jscomp$nullish$tmp0; containerInfo = null != ($jscomp$nullish$tmp0 = null == containerInfo ? void 0 : null == - ($jscomp$optchain$tmp645898484$1 = containerInfo.ownerDocument) + ($jscomp$optchain$tmp1163653330$1 = containerInfo.ownerDocument) ? void 0 - : $jscomp$optchain$tmp645898484$1.defaultView) + : $jscomp$optchain$tmp1163653330$1.defaultView) ? $jscomp$nullish$tmp0 : window; for ( - $jscomp$optchain$tmp645898484$1 = getActiveElement(containerInfo.document); - $jscomp$optchain$tmp645898484$1 instanceof containerInfo.HTMLIFrameElement; + $jscomp$optchain$tmp1163653330$1 = getActiveElement(containerInfo.document); + $jscomp$optchain$tmp1163653330$1 instanceof containerInfo.HTMLIFrameElement; ) { try { var JSCompiler_inline_result = "string" === - typeof $jscomp$optchain$tmp645898484$1.contentWindow.location.href; + typeof $jscomp$optchain$tmp1163653330$1.contentWindow.location.href; } catch (err) { JSCompiler_inline_result = !1; } if (JSCompiler_inline_result) - containerInfo = $jscomp$optchain$tmp645898484$1.contentWindow; + containerInfo = $jscomp$optchain$tmp1163653330$1.contentWindow; else break; - $jscomp$optchain$tmp645898484$1 = getActiveElement(containerInfo.document); + $jscomp$optchain$tmp1163653330$1 = getActiveElement(containerInfo.document); } - return $jscomp$optchain$tmp645898484$1; + return $jscomp$optchain$tmp1163653330$1; } function hasSelectionCapabilities(elem) { var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase(); @@ -16820,14 +16828,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1739 = React.version; if ( - "19.0.0-www-modern-0eab377a-20240916" !== + "19.0.0-www-modern-f2df5694-20240916" !== isomorphicReactPackageVersion$jscomp$inline_1739 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1739, - "19.0.0-www-modern-0eab377a-20240916" + "19.0.0-www-modern-f2df5694-20240916" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -16845,11 +16853,11 @@ Internals.Events = [ ]; var internals$jscomp$inline_2254 = { bundleType: 0, - version: "19.0.0-www-modern-0eab377a-20240916", + version: "19.0.0-www-modern-f2df5694-20240916", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-modern-f2df5694-20240916" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2255 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -17212,4 +17220,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-modern-0eab377a-20240916"; +exports.version = "19.0.0-www-modern-f2df5694-20240916"; diff --git a/compiled/facebook-www/ReactDOM-profiling.classic.js b/compiled/facebook-www/ReactDOM-profiling.classic.js index 2196c53666..e95c232b0a 100644 --- a/compiled/facebook-www/ReactDOM-profiling.classic.js +++ b/compiled/facebook-www/ReactDOM-profiling.classic.js @@ -6918,6 +6918,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate( case 12: 0 !== (renderLanes & workInProgress.childLanes) && (workInProgress.flags |= 4); + workInProgress.flags |= 2048; var stateNode = workInProgress.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; @@ -7382,6 +7383,7 @@ function beginWork(current, workInProgress, renderLanes) { case 12: return ( (workInProgress.flags |= 4), + (workInProgress.flags |= 2048), (props = workInProgress.stateNode), (props.effectDuration = 0), (props.passiveEffectDuration = 0), @@ -9000,13 +9002,14 @@ function commitProfilerUpdate( if (executionContext & 4) try { var _finishedWork$memoize = finishedWork.memoizedProps, + id = _finishedWork$memoize.id, onCommit = _finishedWork$memoize.onCommit, onRender = _finishedWork$memoize.onRender; current = null === current ? "mount" : "update"; currentUpdateIsNested && (current = "nested-update"); "function" === typeof onRender && onRender( - finishedWork.memoizedProps.id, + id, current, finishedWork.actualDuration, finishedWork.treeBaseDuration, @@ -9024,6 +9027,24 @@ function commitProfilerUpdate( captureCommitPhaseError(finishedWork, finishedWork.return, error); } } +function commitProfilerPostCommit( + finishedWork, + current, + commitTime, + passiveEffectDuration +) { + try { + var _finishedWork$memoize2 = finishedWork.memoizedProps, + id = _finishedWork$memoize2.id, + onPostCommit = _finishedWork$memoize2.onPostCommit; + current = null === current ? "mount" : "update"; + currentUpdateIsNested && (current = "nested-update"); + "function" === typeof onPostCommit && + onPostCommit(id, current, passiveEffectDuration, commitTime); + } catch (error) { + captureCommitPhaseError(finishedWork, finishedWork.return, error); + } +} function commitHostMount(finishedWork) { var type = finishedWork.type, props = finishedWork.memoizedProps, @@ -9160,7 +9181,7 @@ function commitBeforeMutationEffects(root, firstChild) { selection = selection.focusOffset; try { JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$247) { + } catch (e$246) { JSCompiler_temp = null; break a; } @@ -9332,33 +9353,6 @@ function commitBeforeMutationEffects(root, firstChild) { focusedInstanceHandle = null; return resolvedPrevProps; } -function commitPassiveEffectDurations(finishedRoot, finishedWork) { - if (executionContext & 4 && 0 !== (finishedWork.flags & 4)) - switch (finishedWork.tag) { - case 12: - finishedRoot = finishedWork.stateNode.passiveEffectDuration; - var _finishedWork$memoize = finishedWork.memoizedProps, - id = _finishedWork$memoize.id; - _finishedWork$memoize = _finishedWork$memoize.onPostCommit; - var commitTime$191 = commitTime, - phase = null === finishedWork.alternate ? "mount" : "update"; - currentUpdateIsNested && (phase = "nested-update"); - "function" === typeof _finishedWork$memoize && - _finishedWork$memoize(id, phase, finishedRoot, commitTime$191); - finishedWork = finishedWork.return; - a: for (; null !== finishedWork; ) { - switch (finishedWork.tag) { - case 3: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - case 12: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - } - finishedWork = finishedWork.return; - } - } -} function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -9467,7 +9461,6 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { a: for ( flags = finishedWork.stateNode.effectDuration, commitProfilerUpdate(finishedWork, current, commitTime, flags), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -9786,7 +9779,7 @@ function commitDeletionEffectsOnFiber( safelyDetachRef(deletedFiber, nearestMountedAncestor); case 6: prevHostParentIsContainer = hostParent; - var prevHostParentIsContainer$196 = hostParentIsContainer; + var prevHostParentIsContainer$194 = hostParentIsContainer; hostParent = null; recursivelyTraverseDeletionEffects( finishedRoot, @@ -9794,7 +9787,7 @@ function commitDeletionEffectsOnFiber( deletedFiber ); hostParent = prevHostParentIsContainer; - hostParentIsContainer = prevHostParentIsContainer$196; + hostParentIsContainer = prevHostParentIsContainer$194; if (null !== hostParent) if (hostParentIsContainer) try { @@ -9870,11 +9863,11 @@ function commitDeletionEffectsOnFiber( ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; do { - prevHostParentIsContainer$196 = prevHostParentIsContainer.tag; + prevHostParentIsContainer$194 = prevHostParentIsContainer.tag; var inst = prevHostParentIsContainer.inst, destroy = inst.destroy; void 0 !== destroy && - (0 !== (prevHostParentIsContainer$196 & 2) + (0 !== (prevHostParentIsContainer$194 & 2) ? ((inst.destroy = void 0), safelyCallDestroy( deletedFiber, @@ -9882,7 +9875,7 @@ function commitDeletionEffectsOnFiber( destroy )) : offscreenSubtreeWasHidden || - 0 === (prevHostParentIsContainer$196 & 4) || + 0 === (prevHostParentIsContainer$194 & 4) || (enableSchedulingProfiler && markComponentLayoutEffectUnmountStarted(deletedFiber), shouldProfile(deletedFiber) @@ -9914,18 +9907,18 @@ function commitDeletionEffectsOnFiber( ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; do - (prevHostParentIsContainer$196 = prevHostParentIsContainer.tag), + (prevHostParentIsContainer$194 = prevHostParentIsContainer.tag), (inst = prevHostParentIsContainer.inst), (destroy = inst.destroy), void 0 !== destroy && - (0 !== (prevHostParentIsContainer$196 & 2) + (0 !== (prevHostParentIsContainer$194 & 2) ? ((inst.destroy = void 0), safelyCallDestroy( deletedFiber, nearestMountedAncestor, destroy )) - : 0 !== (prevHostParentIsContainer$196 & 4) && + : 0 !== (prevHostParentIsContainer$194 & 4) && (enableSchedulingProfiler && markComponentLayoutEffectUnmountStarted(deletedFiber), shouldProfile(deletedFiber) @@ -10006,15 +9999,15 @@ function commitDeletionEffectsOnFiber( } function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { if (null === finishedWork.memoizedState) { - var current$206 = finishedWork.alternate; + var current$204 = finishedWork.alternate; if ( - null !== current$206 && - ((current$206 = current$206.memoizedState), - null !== current$206 && - ((current$206 = current$206.dehydrated), null !== current$206)) + null !== current$204 && + ((current$204 = current$204.memoizedState), + null !== current$204 && + ((current$204 = current$204.dehydrated), null !== current$204)) ) { try { - retryIfBlockedOn(current$206); + retryIfBlockedOn(current$204); } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } @@ -10022,7 +10015,7 @@ function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { var hydrationCallbacks = finishedRoot.hydrationCallbacks; if (null !== hydrationCallbacks) { var onHydrated = hydrationCallbacks.onHydrated; - onHydrated && onHydrated(current$206); + onHydrated && onHydrated(current$204); } } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); @@ -10692,7 +10685,7 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects = includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 8772); for (parentFiber = parentFiber.child; null !== parentFiber; ) { - var current$213 = parentFiber.alternate, + var current$211 = parentFiber.alternate, finishedRoot = finishedRoot$jscomp$0, finishedWork = parentFiber, flags = finishedWork.flags; @@ -10713,18 +10706,18 @@ function recursivelyTraverseReappearLayoutEffects( finishedWork, includeWorkInProgressEffects ); - current$213 = finishedWork; - finishedRoot = current$213.stateNode; + current$211 = finishedWork; + finishedRoot = current$211.stateNode; if ("function" === typeof finishedRoot.componentDidMount) try { finishedRoot.componentDidMount(); } catch (error) { - captureCommitPhaseError(current$213, current$213.return, error); + captureCommitPhaseError(current$211, current$211.return, error); } - current$213 = finishedWork; - finishedRoot = current$213.updateQueue; + current$211 = finishedWork; + finishedRoot = current$211.updateQueue; if (null !== finishedRoot) { - var instance = current$213.stateNode; + var instance = current$211.stateNode; try { var hiddenCallbacks = finishedRoot.shared.hiddenCallbacks; if (null !== hiddenCallbacks) @@ -10735,7 +10728,7 @@ function recursivelyTraverseReappearLayoutEffects( ) callCallback(hiddenCallbacks[finishedRoot], instance); } catch (error) { - captureCommitPhaseError(current$213, current$213.return, error); + captureCommitPhaseError(current$211, current$211.return, error); } } includeWorkInProgressEffects && @@ -10752,7 +10745,7 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects ); includeWorkInProgressEffects && - null === current$213 && + null === current$211 && flags & 4 && commitHostMount(finishedWork); safelyAttachRef(finishedWork, finishedWork.return); @@ -10768,11 +10761,10 @@ function recursivelyTraverseReappearLayoutEffects( flags = finishedWork.stateNode.effectDuration, commitProfilerUpdate( finishedWork, - current$213, + current$211, commitTime, flags ), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -10983,6 +10975,37 @@ function commitPassiveMountOnFiber( } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + if (flags & 2048 && executionContext & 4) + a: for ( + finishedRoot = finishedWork.stateNode.passiveEffectDuration, + commitProfilerPostCommit( + finishedWork, + finishedWork.alternate, + commitTime, + finishedRoot + ), + finishedWork = finishedWork.return; + null !== finishedWork; + + ) { + switch (finishedWork.tag) { + case 3: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + case 12: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + } + finishedWork = finishedWork.return; + } + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -11116,9 +11139,9 @@ function recursivelyTraverseReconnectPassiveEffects( ); break; case 22: - var instance$220 = finishedWork.stateNode; + var instance$219 = finishedWork.stateNode; null !== finishedWork.memoizedState - ? instance$220._visibility & 4 + ? instance$219._visibility & 4 ? recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -11131,7 +11154,7 @@ function recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork ) - : ((instance$220._visibility |= 4), + : ((instance$219._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -11139,7 +11162,7 @@ function recursivelyTraverseReconnectPassiveEffects( committedTransitions, includeWorkInProgressEffects )) - : ((instance$220._visibility |= 4), + : ((instance$219._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -11152,7 +11175,7 @@ function recursivelyTraverseReconnectPassiveEffects( commitOffscreenPassiveMountEffects( finishedWork.alternate, finishedWork, - instance$220 + instance$219 ); break; case 24: @@ -11572,7 +11595,6 @@ var legacyErrorBoundariesThatAlreadyFailed = null, rootDoesHavePassiveEffects = !1, rootWithPendingPassiveEffects = null, pendingPassiveEffectsLanes = 0, - pendingPassiveProfilerEffects = [], pendingPassiveEffectsRemainingLanes = 0, pendingPassiveTransitions = null, nestedUpdateCount = 0, @@ -12216,8 +12238,8 @@ function renderRootSync(root, lanes) { } workLoopSync(); break; - } catch (thrownValue$231) { - handleThrow(root, thrownValue$231); + } catch (thrownValue$230) { + handleThrow(root, thrownValue$230); } while (1); lanes && root.shellSuspendCounter++; @@ -12343,8 +12365,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrent(); break; - } catch (thrownValue$233) { - handleThrow(root, thrownValue$233); + } catch (thrownValue$232) { + handleThrow(root, thrownValue$232); } while (1); resetContextDependencies(); @@ -12525,23 +12547,18 @@ function completeUnitOfWork(unitOfWork) { ); return; } - var current$237 = completedWork.alternate; + var current$236 = completedWork.alternate; unitOfWork = completedWork.return; - 0 === (completedWork.mode & 2) - ? (current$237 = completeWork( - current$237, - completedWork, - entangledRenderLanes - )) - : (startProfilerTimer(completedWork), - (current$237 = completeWork( - current$237, - completedWork, - entangledRenderLanes - )), - stopProfilerTimerIfRunningAndRecordIncompleteDuration(completedWork)); - if (null !== current$237) { - workInProgress = current$237; + startProfilerTimer(completedWork); + current$236 = completeWork( + current$236, + completedWork, + entangledRenderLanes + ); + 0 !== (completedWork.mode & 2) && + stopProfilerTimerIfRunningAndRecordIncompleteDuration(completedWork); + if (null !== current$236) { + workInProgress = current$236; return; } completedWork = completedWork.sibling; @@ -12761,7 +12778,7 @@ function releaseRootPooledCache(root, remainingLanes) { } function flushPassiveEffects() { if (null !== rootWithPendingPassiveEffects) { - var root$240 = rootWithPendingPassiveEffects, + var root$239 = rootWithPendingPassiveEffects, remainingLanes = pendingPassiveEffectsRemainingLanes; pendingPassiveEffectsRemainingLanes = 0; var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes), @@ -12776,20 +12793,11 @@ function flushPassiveEffects() { } finally { (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition), - releaseRootPooledCache(root$240, remainingLanes); + releaseRootPooledCache(root$239, remainingLanes); } } return !1; } -function enqueuePendingPassiveProfilerEffect(fiber) { - pendingPassiveProfilerEffects.push(fiber); - rootDoesHavePassiveEffects || - ((rootDoesHavePassiveEffects = !0), - scheduleCallback(NormalPriority$1, function () { - flushPassiveEffects(); - return null; - })); -} function flushPassiveEffectsImpl() { if (null === rootWithPendingPassiveEffects) return !1; var transitions = pendingPassiveTransitions; @@ -12808,10 +12816,6 @@ function flushPassiveEffectsImpl() { executionContext |= 4; commitPassiveUnmountOnFiber(root.current); commitPassiveMountOnFiber(root, root.current, lanes, transitions); - transitions = pendingPassiveProfilerEffects; - pendingPassiveProfilerEffects = []; - for (lanes = 0; lanes < transitions.length; lanes++) - commitPassiveEffectDurations(root, transitions[lanes]); enableSchedulingProfiler && enableSchedulingProfiler && null !== injectedProfilingHooks && @@ -12839,9 +12843,9 @@ function flushPassiveEffectsImpl() { try { injectedHook.onPostCommitFiberRoot(rendererID, root); } catch (err) {} - root = root.current.stateNode; - root.effectDuration = 0; - root.passiveEffectDuration = 0; + transitions = root.current.stateNode; + transitions.effectDuration = 0; + transitions.passiveEffectDuration = 0; return !0; } function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) { @@ -13621,9 +13625,9 @@ function attemptContinuousHydration(fiber) { function getLaneLabelMap() { if (enableSchedulingProfiler) { for ( - var map = new Map(), lane = 1, index$245 = 0; - 31 > index$245; - index$245++ + var map = new Map(), lane = 1, index$244 = 0; + 31 > index$244; + index$244++ ) { var label = getLabelForLane(lane); map.set(lane, label); @@ -14169,19 +14173,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$408; + var JSCompiler_inline_result$jscomp$407; if (canUseDOM) { - var isSupported$jscomp$inline_1644 = "oninput" in document; - if (!isSupported$jscomp$inline_1644) { - var element$jscomp$inline_1645 = document.createElement("div"); - element$jscomp$inline_1645.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1644 = - "function" === typeof element$jscomp$inline_1645.oninput; + var isSupported$jscomp$inline_1653 = "oninput" in document; + if (!isSupported$jscomp$inline_1653) { + var element$jscomp$inline_1654 = document.createElement("div"); + element$jscomp$inline_1654.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1653 = + "function" === typeof element$jscomp$inline_1654.oninput; } - JSCompiler_inline_result$jscomp$408 = isSupported$jscomp$inline_1644; - } else JSCompiler_inline_result$jscomp$408 = !1; + JSCompiler_inline_result$jscomp$407 = isSupported$jscomp$inline_1653; + } else JSCompiler_inline_result$jscomp$407 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$408 && + JSCompiler_inline_result$jscomp$407 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -14270,41 +14274,36 @@ function containsNode(outerNode, innerNode) { : !1; } function getActiveElementDeep(containerInfo) { - var $jscomp$optchain$tmpm1387458335$1, $jscomp$nullish$tmp0; + var $jscomp$optchain$tmp1497624759$1, $jscomp$nullish$tmp0; containerInfo = null != ($jscomp$nullish$tmp0 = null == containerInfo ? void 0 : null == - ($jscomp$optchain$tmpm1387458335$1 = containerInfo.ownerDocument) + ($jscomp$optchain$tmp1497624759$1 = containerInfo.ownerDocument) ? void 0 - : $jscomp$optchain$tmpm1387458335$1.defaultView) + : $jscomp$optchain$tmp1497624759$1.defaultView) ? $jscomp$nullish$tmp0 : window; for ( - $jscomp$optchain$tmpm1387458335$1 = getActiveElement( - containerInfo.document - ); - $jscomp$optchain$tmpm1387458335$1 instanceof - containerInfo.HTMLIFrameElement; + $jscomp$optchain$tmp1497624759$1 = getActiveElement(containerInfo.document); + $jscomp$optchain$tmp1497624759$1 instanceof containerInfo.HTMLIFrameElement; ) { try { var JSCompiler_inline_result = "string" === - typeof $jscomp$optchain$tmpm1387458335$1.contentWindow.location.href; + typeof $jscomp$optchain$tmp1497624759$1.contentWindow.location.href; } catch (err) { JSCompiler_inline_result = !1; } if (JSCompiler_inline_result) - containerInfo = $jscomp$optchain$tmpm1387458335$1.contentWindow; + containerInfo = $jscomp$optchain$tmp1497624759$1.contentWindow; else break; - $jscomp$optchain$tmpm1387458335$1 = getActiveElement( - containerInfo.document - ); + $jscomp$optchain$tmp1497624759$1 = getActiveElement(containerInfo.document); } - return $jscomp$optchain$tmpm1387458335$1; + return $jscomp$optchain$tmp1497624759$1; } function hasSelectionCapabilities(elem) { var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase(); @@ -14605,20 +14604,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1685 = 0; - i$jscomp$inline_1685 < simpleEventPluginEvents.length; - i$jscomp$inline_1685++ + var i$jscomp$inline_1694 = 0; + i$jscomp$inline_1694 < simpleEventPluginEvents.length; + i$jscomp$inline_1694++ ) { - var eventName$jscomp$inline_1686 = - simpleEventPluginEvents[i$jscomp$inline_1685], - domEventName$jscomp$inline_1687 = - eventName$jscomp$inline_1686.toLowerCase(), - capitalizedEvent$jscomp$inline_1688 = - eventName$jscomp$inline_1686[0].toUpperCase() + - eventName$jscomp$inline_1686.slice(1); + var eventName$jscomp$inline_1695 = + simpleEventPluginEvents[i$jscomp$inline_1694], + domEventName$jscomp$inline_1696 = + eventName$jscomp$inline_1695.toLowerCase(), + capitalizedEvent$jscomp$inline_1697 = + eventName$jscomp$inline_1695[0].toUpperCase() + + eventName$jscomp$inline_1695.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1687, - "on" + capitalizedEvent$jscomp$inline_1688 + domEventName$jscomp$inline_1696, + "on" + capitalizedEvent$jscomp$inline_1697 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15911,34 +15910,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$261 = props[hasSrc]; - if (null != propValue$261) + var propValue$260 = props[hasSrc]; + if (null != propValue$260) switch (hasSrc) { case "name": - hasSrcSet = propValue$261; + hasSrcSet = propValue$260; break; case "type": - propValue = propValue$261; + propValue = propValue$260; break; case "checked": - checked = propValue$261; + checked = propValue$260; break; case "defaultChecked": - defaultChecked = propValue$261; + defaultChecked = propValue$260; break; case "value": - propKey = propValue$261; + propKey = propValue$260; break; case "defaultValue": - defaultValue = propValue$261; + defaultValue = propValue$260; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$261) + if (null != propValue$260) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$261, props, null); + setProp(domElement, tag, hasSrc, propValue$260, props, null); } } initInput( @@ -16075,14 +16074,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$261 in props) - props.hasOwnProperty(propValue$261) && - ((hasSrc = props[propValue$261]), + for (propValue$260 in props) + props.hasOwnProperty(propValue$260) && + ((hasSrc = props[propValue$260]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$261, + propValue$260, hasSrc, props, void 0 @@ -16130,14 +16129,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$278 in nextProps) { - var propKey = nextProps[propKey$278]; - lastProp = lastProps[propKey$278]; + for (var propKey$277 in nextProps) { + var propKey = nextProps[propKey$277]; + lastProp = lastProps[propKey$277]; if ( - nextProps.hasOwnProperty(propKey$278) && + nextProps.hasOwnProperty(propKey$277) && (null != propKey || null != lastProp) ) - switch (propKey$278) { + switch (propKey$277) { case "type": type = propKey; break; @@ -16166,7 +16165,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$278, + propKey$277, propKey, nextProps, lastProp @@ -16185,7 +16184,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$278 = null; + propKey = value = defaultValue = propKey$277 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -16216,7 +16215,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (name) { case "value": - propKey$278 = type; + propKey$277 = type; break; case "defaultValue": defaultValue = type; @@ -16237,15 +16236,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$278 - ? updateOptions(domElement, !!lastProps, propKey$278, !1) + null != propKey$277 + ? updateOptions(domElement, !!lastProps, propKey$277, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$278 = null; + propKey = propKey$277 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -16269,7 +16268,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (value) { case "value": - propKey$278 = name; + propKey$277 = name; break; case "defaultValue": propKey = name; @@ -16283,17 +16282,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$278, propKey); + updateTextarea(domElement, propKey$277, propKey); return; case "option": - for (var propKey$294 in lastProps) + for (var propKey$293 in lastProps) if ( - ((propKey$278 = lastProps[propKey$294]), - lastProps.hasOwnProperty(propKey$294) && - null != propKey$278 && - !nextProps.hasOwnProperty(propKey$294)) + ((propKey$277 = lastProps[propKey$293]), + lastProps.hasOwnProperty(propKey$293) && + null != propKey$277 && + !nextProps.hasOwnProperty(propKey$293)) ) - switch (propKey$294) { + switch (propKey$293) { case "selected": domElement.selected = !1; break; @@ -16301,33 +16300,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$294, + propKey$293, null, nextProps, - propKey$278 + propKey$277 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$278 = nextProps[lastDefaultValue]), + ((propKey$277 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$278 !== propKey && - (null != propKey$278 || null != propKey)) + propKey$277 !== propKey && + (null != propKey$277 || null != propKey)) ) switch (lastDefaultValue) { case "selected": domElement.selected = - propKey$278 && - "function" !== typeof propKey$278 && - "symbol" !== typeof propKey$278; + propKey$277 && + "function" !== typeof propKey$277 && + "symbol" !== typeof propKey$277; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$278, + propKey$277, nextProps, propKey ); @@ -16348,24 +16347,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$299 in lastProps) - (propKey$278 = lastProps[propKey$299]), - lastProps.hasOwnProperty(propKey$299) && - null != propKey$278 && - !nextProps.hasOwnProperty(propKey$299) && - setProp(domElement, tag, propKey$299, null, nextProps, propKey$278); + for (var propKey$298 in lastProps) + (propKey$277 = lastProps[propKey$298]), + lastProps.hasOwnProperty(propKey$298) && + null != propKey$277 && + !nextProps.hasOwnProperty(propKey$298) && + setProp(domElement, tag, propKey$298, null, nextProps, propKey$277); for (checked in nextProps) if ( - ((propKey$278 = nextProps[checked]), + ((propKey$277 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$278 !== propKey && - (null != propKey$278 || null != propKey)) + propKey$277 !== propKey && + (null != propKey$277 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$278) + if (null != propKey$277) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -16373,7 +16372,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$278, + propKey$277, nextProps, propKey ); @@ -16381,49 +16380,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$304 in lastProps) - (propKey$278 = lastProps[propKey$304]), - lastProps.hasOwnProperty(propKey$304) && - void 0 !== propKey$278 && - !nextProps.hasOwnProperty(propKey$304) && + for (var propKey$303 in lastProps) + (propKey$277 = lastProps[propKey$303]), + lastProps.hasOwnProperty(propKey$303) && + void 0 !== propKey$277 && + !nextProps.hasOwnProperty(propKey$303) && setPropOnCustomElement( domElement, tag, - propKey$304, + propKey$303, void 0, nextProps, - propKey$278 + propKey$277 ); for (defaultChecked in nextProps) - (propKey$278 = nextProps[defaultChecked]), + (propKey$277 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$278 === propKey || - (void 0 === propKey$278 && void 0 === propKey) || + propKey$277 === propKey || + (void 0 === propKey$277 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$278, + propKey$277, nextProps, propKey ); return; } } - for (var propKey$309 in lastProps) - (propKey$278 = lastProps[propKey$309]), - lastProps.hasOwnProperty(propKey$309) && - null != propKey$278 && - !nextProps.hasOwnProperty(propKey$309) && - setProp(domElement, tag, propKey$309, null, nextProps, propKey$278); + for (var propKey$308 in lastProps) + (propKey$277 = lastProps[propKey$308]), + lastProps.hasOwnProperty(propKey$308) && + null != propKey$277 && + !nextProps.hasOwnProperty(propKey$308) && + setProp(domElement, tag, propKey$308, null, nextProps, propKey$277); for (lastProp in nextProps) - (propKey$278 = nextProps[lastProp]), + (propKey$277 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$278 === propKey || - (null == propKey$278 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$278, nextProps, propKey); + propKey$277 === propKey || + (null == propKey$277 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$277, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -17018,26 +17017,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$317 = getResourcesFromRoot( + var styles$316 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$318 = styles$317.get(type); - resource$318 || + resource$317 = styles$316.get(type); + resource$317 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$318 = { + (resource$317 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$317.set(type, resource$318), - (styles$317 = JSCompiler_inline_result.querySelector( + styles$316.set(type, resource$317), + (styles$316 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$317._p && - ((resource$318.instance = styles$317), - (resource$318.state.loading = 5)), + !styles$316._p && + ((resource$317.instance = styles$316), + (resource$317.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -17050,16 +17049,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$317 || + styles$316 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$318.state + resource$317.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$318; + return resource$317; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -17156,37 +17155,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$323 = hoistableRoot.querySelector( + var instance$322 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$323) + if (instance$322) return ( (resource.state.loading |= 4), - (resource.instance = instance$323), - markNodeAsHoistable(instance$323), - instance$323 + (resource.instance = instance$322), + markNodeAsHoistable(instance$322), + instance$322 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$323 = ( + instance$322 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$323); - var linkInstance = instance$323; + markNodeAsHoistable(instance$322); + var linkInstance = instance$322; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$323, "link", instance); + setInitialProperties(instance$322, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$323, props.precedence, hoistableRoot); - return (resource.instance = instance$323); + insertStylesheet(instance$322, props.precedence, hoistableRoot); + return (resource.instance = instance$322); case "script": - instance$323 = getScriptKey(props.src); + instance$322 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$323) + getScriptSelectorFromKey(instance$322) )) ) return ( @@ -17195,7 +17194,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$323))) + if ((styleProps = preloadPropsMap.get(instance$322))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -18227,16 +18226,16 @@ function getCrossOriginStringAs(as, input) { if ("string" === typeof input) return "use-credentials" === input ? input : ""; } -var isomorphicReactPackageVersion$jscomp$inline_1858 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1867 = React.version; if ( - "19.0.0-www-classic-0eab377a-20240916" !== - isomorphicReactPackageVersion$jscomp$inline_1858 + "19.0.0-www-classic-f2df5694-20240916" !== + isomorphicReactPackageVersion$jscomp$inline_1867 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1858, - "19.0.0-www-classic-0eab377a-20240916" + isomorphicReactPackageVersion$jscomp$inline_1867, + "19.0.0-www-classic-f2df5694-20240916" ) ); function flushSyncFromReconciler(fn) { @@ -18279,28 +18278,28 @@ Internals.Events = [ return fn(a); } ]; -var internals$jscomp$inline_1865 = { +var internals$jscomp$inline_1874 = { bundleType: 0, - version: "19.0.0-www-classic-0eab377a-20240916", + version: "19.0.0-www-classic-f2df5694-20240916", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-classic-f2df5694-20240916" }; enableSchedulingProfiler && - ((internals$jscomp$inline_1865.getLaneLabelMap = getLaneLabelMap), - (internals$jscomp$inline_1865.injectProfilingHooks = injectProfilingHooks)); + ((internals$jscomp$inline_1874.getLaneLabelMap = getLaneLabelMap), + (internals$jscomp$inline_1874.injectProfilingHooks = injectProfilingHooks)); if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2324 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2333 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2324.isDisabled && - hook$jscomp$inline_2324.supportsFiber + !hook$jscomp$inline_2333.isDisabled && + hook$jscomp$inline_2333.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2324.inject( - internals$jscomp$inline_1865 + (rendererID = hook$jscomp$inline_2333.inject( + internals$jscomp$inline_1874 )), - (injectedHook = hook$jscomp$inline_2324); + (injectedHook = hook$jscomp$inline_2333); } catch (err) {} } function ReactDOMRoot(internalRoot) { @@ -18374,11 +18373,11 @@ function legacyCreateRootFromDOMContainer( if ("function" === typeof callback) { var originalCallback = callback; callback = function () { - var instance = getPublicRootInstance(root$344); + var instance = getPublicRootInstance(root$343); originalCallback.call(instance); }; } - var root$344 = createHydrationContainer( + var root$343 = createHydrationContainer( initialChildren, callback, container, @@ -18393,23 +18392,23 @@ function legacyCreateRootFromDOMContainer( null, null ); - container._reactRootContainer = root$344; - container[internalContainerInstanceKey] = root$344.current; + container._reactRootContainer = root$343; + container[internalContainerInstanceKey] = root$343.current; listenToAllSupportedEvents( 8 === container.nodeType ? container.parentNode : container ); flushSyncWork$1(); - return root$344; + return root$343; } clearContainer(container); if ("function" === typeof callback) { - var originalCallback$345 = callback; + var originalCallback$344 = callback; callback = function () { - var instance = getPublicRootInstance(root$346); - originalCallback$345.call(instance); + var instance = getPublicRootInstance(root$345); + originalCallback$344.call(instance); }; } - var root$346 = createFiberRoot( + var root$345 = createFiberRoot( container, 0, !1, @@ -18423,14 +18422,14 @@ function legacyCreateRootFromDOMContainer( null, null ); - container._reactRootContainer = root$346; - container[internalContainerInstanceKey] = root$346.current; + container._reactRootContainer = root$345; + container[internalContainerInstanceKey] = root$345.current; listenToAllSupportedEvents( 8 === container.nodeType ? container.parentNode : container ); - updateContainerSync(initialChildren, root$346, parentComponent, callback); + updateContainerSync(initialChildren, root$345, parentComponent, callback); flushSyncWork$1(); - return root$346; + return root$345; } function legacyRenderSubtreeIntoContainer( parentComponent, @@ -18744,7 +18743,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-classic-0eab377a-20240916"; +exports.version = "19.0.0-www-classic-f2df5694-20240916"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOM-profiling.modern.js b/compiled/facebook-www/ReactDOM-profiling.modern.js index 20be9d38a8..c72ce8524b 100644 --- a/compiled/facebook-www/ReactDOM-profiling.modern.js +++ b/compiled/facebook-www/ReactDOM-profiling.modern.js @@ -6560,6 +6560,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate( case 12: 0 !== (renderLanes & workInProgress.childLanes) && (workInProgress.flags |= 4); + workInProgress.flags |= 2048; var stateNode = workInProgress.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; @@ -7008,6 +7009,7 @@ function beginWork(current, workInProgress, renderLanes) { case 12: return ( (workInProgress.flags |= 4), + (workInProgress.flags |= 2048), (props = workInProgress.stateNode), (props.effectDuration = 0), (props.passiveEffectDuration = 0), @@ -8551,13 +8553,14 @@ function commitProfilerUpdate( if (executionContext & 4) try { var _finishedWork$memoize = finishedWork.memoizedProps, + id = _finishedWork$memoize.id, onCommit = _finishedWork$memoize.onCommit, onRender = _finishedWork$memoize.onRender; current = null === current ? "mount" : "update"; currentUpdateIsNested && (current = "nested-update"); "function" === typeof onRender && onRender( - finishedWork.memoizedProps.id, + id, current, finishedWork.actualDuration, finishedWork.treeBaseDuration, @@ -8575,6 +8578,24 @@ function commitProfilerUpdate( captureCommitPhaseError(finishedWork, finishedWork.return, error); } } +function commitProfilerPostCommit( + finishedWork, + current, + commitTime, + passiveEffectDuration +) { + try { + var _finishedWork$memoize2 = finishedWork.memoizedProps, + id = _finishedWork$memoize2.id, + onPostCommit = _finishedWork$memoize2.onPostCommit; + current = null === current ? "mount" : "update"; + currentUpdateIsNested && (current = "nested-update"); + "function" === typeof onPostCommit && + onPostCommit(id, current, passiveEffectDuration, commitTime); + } catch (error) { + captureCommitPhaseError(finishedWork, finishedWork.return, error); + } +} function commitHostMount(finishedWork) { var type = finishedWork.type, props = finishedWork.memoizedProps, @@ -8711,7 +8732,7 @@ function commitBeforeMutationEffects(root, firstChild) { selection = selection.focusOffset; try { JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$238) { + } catch (e$237) { JSCompiler_temp = null; break a; } @@ -8898,33 +8919,6 @@ function commitBeforeMutationEffects(root, firstChild) { focusedInstanceHandle = null; return resolvedPrevProps; } -function commitPassiveEffectDurations(finishedRoot, finishedWork) { - if (executionContext & 4 && 0 !== (finishedWork.flags & 4)) - switch (finishedWork.tag) { - case 12: - finishedRoot = finishedWork.stateNode.passiveEffectDuration; - var _finishedWork$memoize = finishedWork.memoizedProps, - id = _finishedWork$memoize.id; - _finishedWork$memoize = _finishedWork$memoize.onPostCommit; - var commitTime$182 = commitTime, - phase = null === finishedWork.alternate ? "mount" : "update"; - currentUpdateIsNested && (phase = "nested-update"); - "function" === typeof _finishedWork$memoize && - _finishedWork$memoize(id, phase, finishedRoot, commitTime$182); - finishedWork = finishedWork.return; - a: for (; null !== finishedWork; ) { - switch (finishedWork.tag) { - case 3: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - case 12: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - } - finishedWork = finishedWork.return; - } - } -} function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -9033,7 +9027,6 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { a: for ( flags = finishedWork.stateNode.effectDuration, commitProfilerUpdate(finishedWork, current, commitTime, flags), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -9347,7 +9340,7 @@ function commitDeletionEffectsOnFiber( safelyDetachRef(deletedFiber, nearestMountedAncestor); case 6: prevHostParentIsContainer = hostParent; - var prevHostParentIsContainer$187 = hostParentIsContainer; + var prevHostParentIsContainer$185 = hostParentIsContainer; hostParent = null; recursivelyTraverseDeletionEffects( finishedRoot, @@ -9355,7 +9348,7 @@ function commitDeletionEffectsOnFiber( deletedFiber ); hostParent = prevHostParentIsContainer; - hostParentIsContainer = prevHostParentIsContainer$187; + hostParentIsContainer = prevHostParentIsContainer$185; if (null !== hostParent) if (hostParentIsContainer) try { @@ -9431,11 +9424,11 @@ function commitDeletionEffectsOnFiber( ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; do { - prevHostParentIsContainer$187 = prevHostParentIsContainer.tag; + prevHostParentIsContainer$185 = prevHostParentIsContainer.tag; var inst = prevHostParentIsContainer.inst, destroy = inst.destroy; void 0 !== destroy && - (0 !== (prevHostParentIsContainer$187 & 2) + (0 !== (prevHostParentIsContainer$185 & 2) ? ((inst.destroy = void 0), safelyCallDestroy( deletedFiber, @@ -9443,7 +9436,7 @@ function commitDeletionEffectsOnFiber( destroy )) : offscreenSubtreeWasHidden || - 0 === (prevHostParentIsContainer$187 & 4) || + 0 === (prevHostParentIsContainer$185 & 4) || (enableSchedulingProfiler && markComponentLayoutEffectUnmountStarted(deletedFiber), shouldProfile(deletedFiber) @@ -9475,18 +9468,18 @@ function commitDeletionEffectsOnFiber( ) { prevHostParentIsContainer = prevHostParent = prevHostParent.next; do - (prevHostParentIsContainer$187 = prevHostParentIsContainer.tag), + (prevHostParentIsContainer$185 = prevHostParentIsContainer.tag), (inst = prevHostParentIsContainer.inst), (destroy = inst.destroy), void 0 !== destroy && - (0 !== (prevHostParentIsContainer$187 & 2) + (0 !== (prevHostParentIsContainer$185 & 2) ? ((inst.destroy = void 0), safelyCallDestroy( deletedFiber, nearestMountedAncestor, destroy )) - : 0 !== (prevHostParentIsContainer$187 & 4) && + : 0 !== (prevHostParentIsContainer$185 & 4) && (enableSchedulingProfiler && markComponentLayoutEffectUnmountStarted(deletedFiber), shouldProfile(deletedFiber) @@ -9561,15 +9554,15 @@ function commitDeletionEffectsOnFiber( } function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { if (null === finishedWork.memoizedState) { - var current$197 = finishedWork.alternate; + var current$195 = finishedWork.alternate; if ( - null !== current$197 && - ((current$197 = current$197.memoizedState), - null !== current$197 && - ((current$197 = current$197.dehydrated), null !== current$197)) + null !== current$195 && + ((current$195 = current$195.memoizedState), + null !== current$195 && + ((current$195 = current$195.dehydrated), null !== current$195)) ) { try { - retryIfBlockedOn(current$197); + retryIfBlockedOn(current$195); } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } @@ -9577,7 +9570,7 @@ function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) { var hydrationCallbacks = finishedRoot.hydrationCallbacks; if (null !== hydrationCallbacks) { var onHydrated = hydrationCallbacks.onHydrated; - onHydrated && onHydrated(current$197); + onHydrated && onHydrated(current$195); } } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); @@ -10244,7 +10237,7 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects = includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 8772); for (parentFiber = parentFiber.child; null !== parentFiber; ) { - var current$204 = parentFiber.alternate, + var current$202 = parentFiber.alternate, finishedRoot = finishedRoot$jscomp$0, finishedWork = parentFiber, flags = finishedWork.flags; @@ -10265,18 +10258,18 @@ function recursivelyTraverseReappearLayoutEffects( finishedWork, includeWorkInProgressEffects ); - current$204 = finishedWork; - finishedRoot = current$204.stateNode; + current$202 = finishedWork; + finishedRoot = current$202.stateNode; if ("function" === typeof finishedRoot.componentDidMount) try { finishedRoot.componentDidMount(); } catch (error) { - captureCommitPhaseError(current$204, current$204.return, error); + captureCommitPhaseError(current$202, current$202.return, error); } - current$204 = finishedWork; - finishedRoot = current$204.updateQueue; + current$202 = finishedWork; + finishedRoot = current$202.updateQueue; if (null !== finishedRoot) { - var instance = current$204.stateNode; + var instance = current$202.stateNode; try { var hiddenCallbacks = finishedRoot.shared.hiddenCallbacks; if (null !== hiddenCallbacks) @@ -10287,7 +10280,7 @@ function recursivelyTraverseReappearLayoutEffects( ) callCallback(hiddenCallbacks[finishedRoot], instance); } catch (error) { - captureCommitPhaseError(current$204, current$204.return, error); + captureCommitPhaseError(current$202, current$202.return, error); } } includeWorkInProgressEffects && @@ -10304,7 +10297,7 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects ); includeWorkInProgressEffects && - null === current$204 && + null === current$202 && flags & 4 && commitHostMount(finishedWork); safelyAttachRef(finishedWork, finishedWork.return); @@ -10320,11 +10313,10 @@ function recursivelyTraverseReappearLayoutEffects( flags = finishedWork.stateNode.effectDuration, commitProfilerUpdate( finishedWork, - current$204, + current$202, commitTime, flags ), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -10535,6 +10527,37 @@ function commitPassiveMountOnFiber( } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + if (flags & 2048 && executionContext & 4) + a: for ( + finishedRoot = finishedWork.stateNode.passiveEffectDuration, + commitProfilerPostCommit( + finishedWork, + finishedWork.alternate, + commitTime, + finishedRoot + ), + finishedWork = finishedWork.return; + null !== finishedWork; + + ) { + switch (finishedWork.tag) { + case 3: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + case 12: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + } + finishedWork = finishedWork.return; + } + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -10657,9 +10680,9 @@ function recursivelyTraverseReconnectPassiveEffects( ); break; case 22: - var instance$211 = finishedWork.stateNode; + var instance$210 = finishedWork.stateNode; null !== finishedWork.memoizedState - ? instance$211._visibility & 4 + ? instance$210._visibility & 4 ? recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -10671,7 +10694,7 @@ function recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork ) - : ((instance$211._visibility |= 4), + : ((instance$210._visibility |= 4), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, @@ -10684,7 +10707,7 @@ function recursivelyTraverseReconnectPassiveEffects( commitOffscreenPassiveMountEffects( finishedWork.alternate, finishedWork, - instance$211 + instance$210 ); break; case 24: @@ -11104,7 +11127,6 @@ var legacyErrorBoundariesThatAlreadyFailed = null, rootDoesHavePassiveEffects = !1, rootWithPendingPassiveEffects = null, pendingPassiveEffectsLanes = 0, - pendingPassiveProfilerEffects = [], pendingPassiveEffectsRemainingLanes = 0, pendingPassiveTransitions = null, nestedUpdateCount = 0, @@ -11726,8 +11748,8 @@ function renderRootSync(root, lanes) { } workLoopSync(); break; - } catch (thrownValue$222) { - handleThrow(root, thrownValue$222); + } catch (thrownValue$221) { + handleThrow(root, thrownValue$221); } while (1); lanes && root.shellSuspendCounter++; @@ -11853,8 +11875,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrent(); break; - } catch (thrownValue$224) { - handleThrow(root, thrownValue$224); + } catch (thrownValue$223) { + handleThrow(root, thrownValue$223); } while (1); resetContextDependencies(); @@ -12031,23 +12053,18 @@ function completeUnitOfWork(unitOfWork) { ); return; } - var current$228 = completedWork.alternate; + var current$227 = completedWork.alternate; unitOfWork = completedWork.return; - 0 === (completedWork.mode & 2) - ? (current$228 = completeWork( - current$228, - completedWork, - entangledRenderLanes - )) - : (startProfilerTimer(completedWork), - (current$228 = completeWork( - current$228, - completedWork, - entangledRenderLanes - )), - stopProfilerTimerIfRunningAndRecordIncompleteDuration(completedWork)); - if (null !== current$228) { - workInProgress = current$228; + startProfilerTimer(completedWork); + current$227 = completeWork( + current$227, + completedWork, + entangledRenderLanes + ); + 0 !== (completedWork.mode & 2) && + stopProfilerTimerIfRunningAndRecordIncompleteDuration(completedWork); + if (null !== current$227) { + workInProgress = current$227; return; } completedWork = completedWork.sibling; @@ -12265,7 +12282,7 @@ function releaseRootPooledCache(root, remainingLanes) { } function flushPassiveEffects() { if (null !== rootWithPendingPassiveEffects) { - var root$231 = rootWithPendingPassiveEffects, + var root$230 = rootWithPendingPassiveEffects, remainingLanes = pendingPassiveEffectsRemainingLanes; pendingPassiveEffectsRemainingLanes = 0; var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes), @@ -12280,20 +12297,11 @@ function flushPassiveEffects() { } finally { (Internals.p = previousPriority), (ReactSharedInternals.T = prevTransition), - releaseRootPooledCache(root$231, remainingLanes); + releaseRootPooledCache(root$230, remainingLanes); } } return !1; } -function enqueuePendingPassiveProfilerEffect(fiber) { - pendingPassiveProfilerEffects.push(fiber); - rootDoesHavePassiveEffects || - ((rootDoesHavePassiveEffects = !0), - scheduleCallback(NormalPriority$1, function () { - flushPassiveEffects(); - return null; - })); -} function flushPassiveEffectsImpl() { if (null === rootWithPendingPassiveEffects) return !1; var transitions = pendingPassiveTransitions; @@ -12312,10 +12320,6 @@ function flushPassiveEffectsImpl() { executionContext |= 4; commitPassiveUnmountOnFiber(root.current); commitPassiveMountOnFiber(root, root.current, lanes, transitions); - transitions = pendingPassiveProfilerEffects; - pendingPassiveProfilerEffects = []; - for (lanes = 0; lanes < transitions.length; lanes++) - commitPassiveEffectDurations(root, transitions[lanes]); enableSchedulingProfiler && enableSchedulingProfiler && null !== injectedProfilingHooks && @@ -12343,9 +12347,9 @@ function flushPassiveEffectsImpl() { try { injectedHook.onPostCommitFiberRoot(rendererID, root); } catch (err) {} - root = root.current.stateNode; - root.effectDuration = 0; - root.passiveEffectDuration = 0; + transitions = root.current.stateNode; + transitions.effectDuration = 0; + transitions.passiveEffectDuration = 0; return !0; } function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) { @@ -13003,9 +13007,9 @@ function attemptContinuousHydration(fiber) { function getLaneLabelMap() { if (enableSchedulingProfiler) { for ( - var map = new Map(), lane = 1, index$236 = 0; - 31 > index$236; - index$236++ + var map = new Map(), lane = 1, index$235 = 0; + 31 > index$235; + index$235++ ) { var label = getLabelForLane(lane); map.set(lane, label); @@ -13579,19 +13583,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$395; + var JSCompiler_inline_result$jscomp$394; if (canUseDOM) { - var isSupported$jscomp$inline_1615 = "oninput" in document; - if (!isSupported$jscomp$inline_1615) { - var element$jscomp$inline_1616 = document.createElement("div"); - element$jscomp$inline_1616.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1615 = - "function" === typeof element$jscomp$inline_1616.oninput; + var isSupported$jscomp$inline_1624 = "oninput" in document; + if (!isSupported$jscomp$inline_1624) { + var element$jscomp$inline_1625 = document.createElement("div"); + element$jscomp$inline_1625.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1624 = + "function" === typeof element$jscomp$inline_1625.oninput; } - JSCompiler_inline_result$jscomp$395 = isSupported$jscomp$inline_1615; - } else JSCompiler_inline_result$jscomp$395 = !1; + JSCompiler_inline_result$jscomp$394 = isSupported$jscomp$inline_1624; + } else JSCompiler_inline_result$jscomp$394 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$395 && + JSCompiler_inline_result$jscomp$394 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -13680,36 +13684,41 @@ function containsNode(outerNode, innerNode) { : !1; } function getActiveElementDeep(containerInfo) { - var $jscomp$optchain$tmp726632992$1, $jscomp$nullish$tmp0; + var $jscomp$optchain$tmpm1610313491$1, $jscomp$nullish$tmp0; containerInfo = null != ($jscomp$nullish$tmp0 = null == containerInfo ? void 0 : null == - ($jscomp$optchain$tmp726632992$1 = containerInfo.ownerDocument) + ($jscomp$optchain$tmpm1610313491$1 = containerInfo.ownerDocument) ? void 0 - : $jscomp$optchain$tmp726632992$1.defaultView) + : $jscomp$optchain$tmpm1610313491$1.defaultView) ? $jscomp$nullish$tmp0 : window; for ( - $jscomp$optchain$tmp726632992$1 = getActiveElement(containerInfo.document); - $jscomp$optchain$tmp726632992$1 instanceof containerInfo.HTMLIFrameElement; + $jscomp$optchain$tmpm1610313491$1 = getActiveElement( + containerInfo.document + ); + $jscomp$optchain$tmpm1610313491$1 instanceof + containerInfo.HTMLIFrameElement; ) { try { var JSCompiler_inline_result = "string" === - typeof $jscomp$optchain$tmp726632992$1.contentWindow.location.href; + typeof $jscomp$optchain$tmpm1610313491$1.contentWindow.location.href; } catch (err) { JSCompiler_inline_result = !1; } if (JSCompiler_inline_result) - containerInfo = $jscomp$optchain$tmp726632992$1.contentWindow; + containerInfo = $jscomp$optchain$tmpm1610313491$1.contentWindow; else break; - $jscomp$optchain$tmp726632992$1 = getActiveElement(containerInfo.document); + $jscomp$optchain$tmpm1610313491$1 = getActiveElement( + containerInfo.document + ); } - return $jscomp$optchain$tmp726632992$1; + return $jscomp$optchain$tmpm1610313491$1; } function hasSelectionCapabilities(elem) { var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase(); @@ -14010,20 +14019,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1656 = 0; - i$jscomp$inline_1656 < simpleEventPluginEvents.length; - i$jscomp$inline_1656++ + var i$jscomp$inline_1665 = 0; + i$jscomp$inline_1665 < simpleEventPluginEvents.length; + i$jscomp$inline_1665++ ) { - var eventName$jscomp$inline_1657 = - simpleEventPluginEvents[i$jscomp$inline_1656], - domEventName$jscomp$inline_1658 = - eventName$jscomp$inline_1657.toLowerCase(), - capitalizedEvent$jscomp$inline_1659 = - eventName$jscomp$inline_1657[0].toUpperCase() + - eventName$jscomp$inline_1657.slice(1); + var eventName$jscomp$inline_1666 = + simpleEventPluginEvents[i$jscomp$inline_1665], + domEventName$jscomp$inline_1667 = + eventName$jscomp$inline_1666.toLowerCase(), + capitalizedEvent$jscomp$inline_1668 = + eventName$jscomp$inline_1666[0].toUpperCase() + + eventName$jscomp$inline_1666.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1658, - "on" + capitalizedEvent$jscomp$inline_1659 + domEventName$jscomp$inline_1667, + "on" + capitalizedEvent$jscomp$inline_1668 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15312,34 +15321,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$252 = props[hasSrc]; - if (null != propValue$252) + var propValue$251 = props[hasSrc]; + if (null != propValue$251) switch (hasSrc) { case "name": - hasSrcSet = propValue$252; + hasSrcSet = propValue$251; break; case "type": - propKey = propValue$252; + propKey = propValue$251; break; case "checked": - checked = propValue$252; + checked = propValue$251; break; case "defaultChecked": - defaultChecked = propValue$252; + defaultChecked = propValue$251; break; case "value": - propValue = propValue$252; + propValue = propValue$251; break; case "defaultValue": - defaultValue = propValue$252; + defaultValue = propValue$251; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$252) + if (null != propValue$251) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$252, props, null); + setProp(domElement, tag, hasSrc, propValue$251, props, null); } } initInput( @@ -15475,14 +15484,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$252 in props) - props.hasOwnProperty(propValue$252) && - ((hasSrc = props[propValue$252]), + for (propValue$251 in props) + props.hasOwnProperty(propValue$251) && + ((hasSrc = props[propValue$251]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$252, + propValue$251, hasSrc, props, void 0 @@ -15530,14 +15539,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$269 in nextProps) { - var propKey = nextProps[propKey$269]; - lastProp = lastProps[propKey$269]; + for (var propKey$268 in nextProps) { + var propKey = nextProps[propKey$268]; + lastProp = lastProps[propKey$268]; if ( - nextProps.hasOwnProperty(propKey$269) && + nextProps.hasOwnProperty(propKey$268) && (null != propKey || null != lastProp) ) - switch (propKey$269) { + switch (propKey$268) { case "type": type = propKey; break; @@ -15566,7 +15575,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$269, + propKey$268, propKey, nextProps, lastProp @@ -15585,7 +15594,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$269 = null; + propKey = value = defaultValue = propKey$268 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -15616,7 +15625,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (name) { case "value": - propKey$269 = type; + propKey$268 = type; break; case "defaultValue": defaultValue = type; @@ -15637,15 +15646,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$269 - ? updateOptions(domElement, !!lastProps, propKey$269, !1) + null != propKey$268 + ? updateOptions(domElement, !!lastProps, propKey$268, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$269 = null; + propKey = propKey$268 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -15669,7 +15678,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (value) { case "value": - propKey$269 = name; + propKey$268 = name; break; case "defaultValue": propKey = name; @@ -15683,17 +15692,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$269, propKey); + updateTextarea(domElement, propKey$268, propKey); return; case "option": - for (var propKey$285 in lastProps) + for (var propKey$284 in lastProps) if ( - ((propKey$269 = lastProps[propKey$285]), - lastProps.hasOwnProperty(propKey$285) && - null != propKey$269 && - !nextProps.hasOwnProperty(propKey$285)) + ((propKey$268 = lastProps[propKey$284]), + lastProps.hasOwnProperty(propKey$284) && + null != propKey$268 && + !nextProps.hasOwnProperty(propKey$284)) ) - switch (propKey$285) { + switch (propKey$284) { case "selected": domElement.selected = !1; break; @@ -15701,33 +15710,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$285, + propKey$284, null, nextProps, - propKey$269 + propKey$268 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$269 = nextProps[lastDefaultValue]), + ((propKey$268 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$269 !== propKey && - (null != propKey$269 || null != propKey)) + propKey$268 !== propKey && + (null != propKey$268 || null != propKey)) ) switch (lastDefaultValue) { case "selected": domElement.selected = - propKey$269 && - "function" !== typeof propKey$269 && - "symbol" !== typeof propKey$269; + propKey$268 && + "function" !== typeof propKey$268 && + "symbol" !== typeof propKey$268; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$269, + propKey$268, nextProps, propKey ); @@ -15748,24 +15757,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$290 in lastProps) - (propKey$269 = lastProps[propKey$290]), - lastProps.hasOwnProperty(propKey$290) && - null != propKey$269 && - !nextProps.hasOwnProperty(propKey$290) && - setProp(domElement, tag, propKey$290, null, nextProps, propKey$269); + for (var propKey$289 in lastProps) + (propKey$268 = lastProps[propKey$289]), + lastProps.hasOwnProperty(propKey$289) && + null != propKey$268 && + !nextProps.hasOwnProperty(propKey$289) && + setProp(domElement, tag, propKey$289, null, nextProps, propKey$268); for (checked in nextProps) if ( - ((propKey$269 = nextProps[checked]), + ((propKey$268 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$269 !== propKey && - (null != propKey$269 || null != propKey)) + propKey$268 !== propKey && + (null != propKey$268 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$269) + if (null != propKey$268) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -15773,7 +15782,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$269, + propKey$268, nextProps, propKey ); @@ -15781,49 +15790,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$295 in lastProps) - (propKey$269 = lastProps[propKey$295]), - lastProps.hasOwnProperty(propKey$295) && - void 0 !== propKey$269 && - !nextProps.hasOwnProperty(propKey$295) && + for (var propKey$294 in lastProps) + (propKey$268 = lastProps[propKey$294]), + lastProps.hasOwnProperty(propKey$294) && + void 0 !== propKey$268 && + !nextProps.hasOwnProperty(propKey$294) && setPropOnCustomElement( domElement, tag, - propKey$295, + propKey$294, void 0, nextProps, - propKey$269 + propKey$268 ); for (defaultChecked in nextProps) - (propKey$269 = nextProps[defaultChecked]), + (propKey$268 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$269 === propKey || - (void 0 === propKey$269 && void 0 === propKey) || + propKey$268 === propKey || + (void 0 === propKey$268 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$269, + propKey$268, nextProps, propKey ); return; } } - for (var propKey$300 in lastProps) - (propKey$269 = lastProps[propKey$300]), - lastProps.hasOwnProperty(propKey$300) && - null != propKey$269 && - !nextProps.hasOwnProperty(propKey$300) && - setProp(domElement, tag, propKey$300, null, nextProps, propKey$269); + for (var propKey$299 in lastProps) + (propKey$268 = lastProps[propKey$299]), + lastProps.hasOwnProperty(propKey$299) && + null != propKey$268 && + !nextProps.hasOwnProperty(propKey$299) && + setProp(domElement, tag, propKey$299, null, nextProps, propKey$268); for (lastProp in nextProps) - (propKey$269 = nextProps[lastProp]), + (propKey$268 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$269 === propKey || - (null == propKey$269 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$269, nextProps, propKey); + propKey$268 === propKey || + (null == propKey$268 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$268, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -16401,26 +16410,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$308 = getResourcesFromRoot( + var styles$307 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$309 = styles$308.get(type); - resource$309 || + resource$308 = styles$307.get(type); + resource$308 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$309 = { + (resource$308 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$308.set(type, resource$309), - (styles$308 = JSCompiler_inline_result.querySelector( + styles$307.set(type, resource$308), + (styles$307 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$308._p && - ((resource$309.instance = styles$308), - (resource$309.state.loading = 5)), + !styles$307._p && + ((resource$308.instance = styles$307), + (resource$308.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -16433,16 +16442,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$308 || + styles$307 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$309.state + resource$308.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$309; + return resource$308; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -16539,37 +16548,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$314 = hoistableRoot.querySelector( + var instance$313 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$314) + if (instance$313) return ( (resource.state.loading |= 4), - (resource.instance = instance$314), - markNodeAsHoistable(instance$314), - instance$314 + (resource.instance = instance$313), + markNodeAsHoistable(instance$313), + instance$313 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$314 = ( + instance$313 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$314); - var linkInstance = instance$314; + markNodeAsHoistable(instance$313); + var linkInstance = instance$313; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$314, "link", instance); + setInitialProperties(instance$313, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$314, props.precedence, hoistableRoot); - return (resource.instance = instance$314); + insertStylesheet(instance$313, props.precedence, hoistableRoot); + return (resource.instance = instance$313); case "script": - instance$314 = getScriptKey(props.src); + instance$313 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$314) + getScriptSelectorFromKey(instance$313) )) ) return ( @@ -16578,7 +16587,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$314))) + if ((styleProps = preloadPropsMap.get(instance$313))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -17581,16 +17590,16 @@ function getCrossOriginStringAs(as, input) { if ("string" === typeof input) return "use-credentials" === input ? input : ""; } -var isomorphicReactPackageVersion$jscomp$inline_1829 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1838 = React.version; if ( - "19.0.0-www-modern-0eab377a-20240916" !== - isomorphicReactPackageVersion$jscomp$inline_1829 + "19.0.0-www-modern-f2df5694-20240916" !== + isomorphicReactPackageVersion$jscomp$inline_1838 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1829, - "19.0.0-www-modern-0eab377a-20240916" + isomorphicReactPackageVersion$jscomp$inline_1838, + "19.0.0-www-modern-f2df5694-20240916" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -17606,28 +17615,28 @@ Internals.Events = [ return fn(a); } ]; -var internals$jscomp$inline_1831 = { +var internals$jscomp$inline_1840 = { bundleType: 0, - version: "19.0.0-www-modern-0eab377a-20240916", + version: "19.0.0-www-modern-f2df5694-20240916", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-modern-f2df5694-20240916" }; enableSchedulingProfiler && - ((internals$jscomp$inline_1831.getLaneLabelMap = getLaneLabelMap), - (internals$jscomp$inline_1831.injectProfilingHooks = injectProfilingHooks)); + ((internals$jscomp$inline_1840.getLaneLabelMap = getLaneLabelMap), + (internals$jscomp$inline_1840.injectProfilingHooks = injectProfilingHooks)); if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2316 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2325 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2316.isDisabled && - hook$jscomp$inline_2316.supportsFiber + !hook$jscomp$inline_2325.isDisabled && + hook$jscomp$inline_2325.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2316.inject( - internals$jscomp$inline_1831 + (rendererID = hook$jscomp$inline_2325.inject( + internals$jscomp$inline_1840 )), - (injectedHook = hook$jscomp$inline_2316); + (injectedHook = hook$jscomp$inline_2325); } catch (err) {} } function ReactDOMRoot(internalRoot) { @@ -17978,7 +17987,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-modern-0eab377a-20240916"; +exports.version = "19.0.0-www-modern-f2df5694-20240916"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOMServer-dev.classic.js b/compiled/facebook-www/ReactDOMServer-dev.classic.js index 13f51c824b..4fa153eb6c 100644 --- a/compiled/facebook-www/ReactDOMServer-dev.classic.js +++ b/compiled/facebook-www/ReactDOMServer-dev.classic.js @@ -8986,5 +8986,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.0.0-www-classic-0eab377a-20240916"; + exports.version = "19.0.0-www-classic-f2df5694-20240916"; })(); diff --git a/compiled/facebook-www/ReactDOMServer-dev.modern.js b/compiled/facebook-www/ReactDOMServer-dev.modern.js index 0fd87aeaff..521d7ae0cb 100644 --- a/compiled/facebook-www/ReactDOMServer-dev.modern.js +++ b/compiled/facebook-www/ReactDOMServer-dev.modern.js @@ -8804,5 +8804,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.0.0-www-modern-0eab377a-20240916"; + exports.version = "19.0.0-www-modern-f2df5694-20240916"; })(); diff --git a/compiled/facebook-www/ReactDOMServer-prod.classic.js b/compiled/facebook-www/ReactDOMServer-prod.classic.js index fe77fdf1b3..0875ad4944 100644 --- a/compiled/facebook-www/ReactDOMServer-prod.classic.js +++ b/compiled/facebook-www/ReactDOMServer-prod.classic.js @@ -5911,4 +5911,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.0.0-www-classic-0eab377a-20240916"; +exports.version = "19.0.0-www-classic-f2df5694-20240916"; diff --git a/compiled/facebook-www/ReactDOMServer-prod.modern.js b/compiled/facebook-www/ReactDOMServer-prod.modern.js index 376aeaffa5..d9f73baaad 100644 --- a/compiled/facebook-www/ReactDOMServer-prod.modern.js +++ b/compiled/facebook-www/ReactDOMServer-prod.modern.js @@ -5823,4 +5823,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.0.0-www-modern-0eab377a-20240916"; +exports.version = "19.0.0-www-modern-f2df5694-20240916"; diff --git a/compiled/facebook-www/ReactDOMTesting-dev.classic.js b/compiled/facebook-www/ReactDOMTesting-dev.classic.js index 8226c269a0..5533ff3bc1 100644 --- a/compiled/facebook-www/ReactDOMTesting-dev.classic.js +++ b/compiled/facebook-www/ReactDOMTesting-dev.classic.js @@ -9247,32 +9247,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2438; - var JSCompiler_object_inline_stack_2439 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2439; + var JSCompiler_object_inline_stack_2440 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2440 = !1; + var JSCompiler_object_inline_componentStack_2441 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2438 = didSuspend) || - (JSCompiler_object_inline_digest_2438 = + (JSCompiler_object_inline_digest_2439 = didSuspend) || + (JSCompiler_object_inline_digest_2439 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2438 && - ((JSCompiler_object_inline_componentStack_2440 = !0), + JSCompiler_object_inline_digest_2439 && + ((JSCompiler_object_inline_componentStack_2441 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2438 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2439 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2440 + JSCompiler_object_inline_componentStack_2441 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2437 = nextHydratableInstance; + var JSCompiler_object_inline_message_2438 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2437)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2438)) { c: { - var instance = JSCompiler_object_inline_message_2437; + var instance = JSCompiler_object_inline_message_2438; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9313,19 +9313,19 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2437 + JSCompiler_object_inline_message_2438 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2437 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2438 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2437 && - ((JSCompiler_object_inline_message_2437 = - JSCompiler_object_inline_message_2437.dehydrated), - null !== JSCompiler_object_inline_message_2437) + null !== JSCompiler_object_inline_message_2438 && + ((JSCompiler_object_inline_message_2438 = + JSCompiler_object_inline_message_2438.dehydrated), + null !== JSCompiler_object_inline_message_2438) ) return ( - JSCompiler_object_inline_message_2437.data === + JSCompiler_object_inline_message_2438.data === SUSPENSE_FALLBACK_START_DATA ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), @@ -9333,27 +9333,27 @@ __DEV__ && ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2437 = - JSCompiler_object_inline_stack_2439.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2439.fallback; - if (JSCompiler_object_inline_componentStack_2440) + JSCompiler_object_inline_message_2438 = + JSCompiler_object_inline_stack_2440.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2440.fallback; + if (JSCompiler_object_inline_componentStack_2441) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2439 = + (JSCompiler_object_inline_stack_2440 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2437, + JSCompiler_object_inline_message_2438, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2440 = + (JSCompiler_object_inline_componentStack_2441 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2440.memoizedState = + (JSCompiler_object_inline_componentStack_2441.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2440.childLanes = + (JSCompiler_object_inline_componentStack_2441.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2438, + JSCompiler_object_inline_digest_2439, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9366,9 +9366,9 @@ __DEV__ && ? markerInstanceStack.current : null), (current = - JSCompiler_object_inline_componentStack_2440.updateQueue), + JSCompiler_object_inline_componentStack_2441.updateQueue), null === current - ? (JSCompiler_object_inline_componentStack_2440.updateQueue = + ? (JSCompiler_object_inline_componentStack_2441.updateQueue = { transitions: workInProgress, markerInstances: renderLanes, @@ -9376,46 +9376,46 @@ __DEV__ && }) : ((current.transitions = workInProgress), (current.markerInstances = renderLanes)))), - JSCompiler_object_inline_stack_2439 + JSCompiler_object_inline_stack_2440 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2439.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2440.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2439 = + (JSCompiler_object_inline_stack_2440 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2437, + JSCompiler_object_inline_message_2438, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2440 = + (JSCompiler_object_inline_componentStack_2441 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2440.memoizedState = + (JSCompiler_object_inline_componentStack_2441.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2440.childLanes = + (JSCompiler_object_inline_componentStack_2441.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2438, + JSCompiler_object_inline_digest_2439, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2439 + JSCompiler_object_inline_stack_2440 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2437 + JSCompiler_object_inline_message_2438 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2437 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2437) + ((JSCompiler_object_inline_message_2438 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2438) ) { if (didSuspend) workInProgress.flags & 256 @@ -9432,32 +9432,32 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2440 = - JSCompiler_object_inline_stack_2439.fallback), - (JSCompiler_object_inline_message_2437 = workInProgress.mode), - (JSCompiler_object_inline_stack_2439 = createFiberFromOffscreen( + (JSCompiler_object_inline_componentStack_2441 = + JSCompiler_object_inline_stack_2440.fallback), + (JSCompiler_object_inline_message_2438 = workInProgress.mode), + (JSCompiler_object_inline_stack_2440 = createFiberFromOffscreen( { mode: "visible", - children: JSCompiler_object_inline_stack_2439.children + children: JSCompiler_object_inline_stack_2440.children }, - JSCompiler_object_inline_message_2437, + JSCompiler_object_inline_message_2438, 0, null )), - (JSCompiler_object_inline_componentStack_2440 = + (JSCompiler_object_inline_componentStack_2441 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2440, - JSCompiler_object_inline_message_2437, + JSCompiler_object_inline_componentStack_2441, + JSCompiler_object_inline_message_2438, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2440.flags |= 2), - (JSCompiler_object_inline_stack_2439.return = workInProgress), - (JSCompiler_object_inline_componentStack_2440.return = + (JSCompiler_object_inline_componentStack_2441.flags |= 2), + (JSCompiler_object_inline_stack_2440.return = workInProgress), + (JSCompiler_object_inline_componentStack_2441.return = workInProgress), - (JSCompiler_object_inline_stack_2439.sibling = - JSCompiler_object_inline_componentStack_2440), - (workInProgress.child = JSCompiler_object_inline_stack_2439), + (JSCompiler_object_inline_stack_2440.sibling = + JSCompiler_object_inline_componentStack_2441), + (workInProgress.child = JSCompiler_object_inline_stack_2440), (disableLegacyMode || (workInProgress.mode & ConcurrentMode) !== NoMode) && reconcileChildFibers( @@ -9466,63 +9466,63 @@ __DEV__ && null, renderLanes ), - (JSCompiler_object_inline_stack_2439 = workInProgress.child), - (JSCompiler_object_inline_stack_2439.memoizedState = + (JSCompiler_object_inline_stack_2440 = workInProgress.child), + (JSCompiler_object_inline_stack_2440.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2439.childLanes = + (JSCompiler_object_inline_stack_2440.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2438, + JSCompiler_object_inline_digest_2439, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2440)); + JSCompiler_object_inline_componentStack_2441)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && error$jscomp$0( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - JSCompiler_object_inline_message_2437.data === + JSCompiler_object_inline_message_2438.data === SUSPENSE_FALLBACK_START_DATA) ) { - JSCompiler_object_inline_digest_2438 = - JSCompiler_object_inline_message_2437.nextSibling && - JSCompiler_object_inline_message_2437.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2438) { - JSCompiler_temp = JSCompiler_object_inline_digest_2438.dgst; - var message = JSCompiler_object_inline_digest_2438.msg; - instance = JSCompiler_object_inline_digest_2438.stck; - var componentStack = JSCompiler_object_inline_digest_2438.cstck; + JSCompiler_object_inline_digest_2439 = + JSCompiler_object_inline_message_2438.nextSibling && + JSCompiler_object_inline_message_2438.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2439) { + JSCompiler_temp = JSCompiler_object_inline_digest_2439.dgst; + var message = JSCompiler_object_inline_digest_2439.msg; + instance = JSCompiler_object_inline_digest_2439.stck; + var componentStack = JSCompiler_object_inline_digest_2439.cstck; } - JSCompiler_object_inline_message_2437 = message; - JSCompiler_object_inline_digest_2438 = JSCompiler_temp; - JSCompiler_object_inline_stack_2439 = instance; - JSCompiler_object_inline_componentStack_2440 = componentStack; - JSCompiler_object_inline_message_2437 = - JSCompiler_object_inline_message_2437 - ? Error(JSCompiler_object_inline_message_2437) + JSCompiler_object_inline_message_2438 = message; + JSCompiler_object_inline_digest_2439 = JSCompiler_temp; + JSCompiler_object_inline_stack_2440 = instance; + JSCompiler_object_inline_componentStack_2441 = componentStack; + JSCompiler_object_inline_message_2438 = + JSCompiler_object_inline_message_2438 + ? Error(JSCompiler_object_inline_message_2438) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_message_2437.stack = - JSCompiler_object_inline_stack_2439 || ""; - JSCompiler_object_inline_message_2437.digest = - JSCompiler_object_inline_digest_2438; - JSCompiler_object_inline_digest_2438 = - void 0 === JSCompiler_object_inline_componentStack_2440 + JSCompiler_object_inline_message_2438.stack = + JSCompiler_object_inline_stack_2440 || ""; + JSCompiler_object_inline_message_2438.digest = + JSCompiler_object_inline_digest_2439; + JSCompiler_object_inline_digest_2439 = + void 0 === JSCompiler_object_inline_componentStack_2441 ? null - : JSCompiler_object_inline_componentStack_2440; - "string" === typeof JSCompiler_object_inline_digest_2438 && + : JSCompiler_object_inline_componentStack_2441; + "string" === typeof JSCompiler_object_inline_digest_2439 && CapturedStacks.set( - JSCompiler_object_inline_message_2437, - JSCompiler_object_inline_digest_2438 + JSCompiler_object_inline_message_2438, + JSCompiler_object_inline_digest_2439 ); queueHydrationError({ - value: JSCompiler_object_inline_message_2437, + value: JSCompiler_object_inline_message_2438, source: null, - stack: JSCompiler_object_inline_digest_2438 + stack: JSCompiler_object_inline_digest_2439 }); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9537,25 +9537,25 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2438 = + (JSCompiler_object_inline_digest_2439 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2438) + didReceiveUpdate || JSCompiler_object_inline_digest_2439) ) { - JSCompiler_object_inline_digest_2438 = workInProgressRoot; - if (null !== JSCompiler_object_inline_digest_2438) { - JSCompiler_object_inline_stack_2439 = renderLanes & -renderLanes; - if (0 !== (JSCompiler_object_inline_stack_2439 & 42)) - JSCompiler_object_inline_stack_2439 = 1; + JSCompiler_object_inline_digest_2439 = workInProgressRoot; + if (null !== JSCompiler_object_inline_digest_2439) { + JSCompiler_object_inline_stack_2440 = renderLanes & -renderLanes; + if (0 !== (JSCompiler_object_inline_stack_2440 & 42)) + JSCompiler_object_inline_stack_2440 = 1; else - switch (JSCompiler_object_inline_stack_2439) { + switch (JSCompiler_object_inline_stack_2440) { case 2: - JSCompiler_object_inline_stack_2439 = 1; + JSCompiler_object_inline_stack_2440 = 1; break; case 8: - JSCompiler_object_inline_stack_2439 = 4; + JSCompiler_object_inline_stack_2440 = 4; break; case 32: - JSCompiler_object_inline_stack_2439 = 16; + JSCompiler_object_inline_stack_2440 = 16; break; case 128: case 256: @@ -9576,40 +9576,40 @@ __DEV__ && case 8388608: case 16777216: case 33554432: - JSCompiler_object_inline_stack_2439 = 64; + JSCompiler_object_inline_stack_2440 = 64; break; case 268435456: - JSCompiler_object_inline_stack_2439 = 134217728; + JSCompiler_object_inline_stack_2440 = 134217728; break; default: - JSCompiler_object_inline_stack_2439 = 0; + JSCompiler_object_inline_stack_2440 = 0; } - JSCompiler_object_inline_stack_2439 = + JSCompiler_object_inline_stack_2440 = 0 !== - (JSCompiler_object_inline_stack_2439 & - (JSCompiler_object_inline_digest_2438.suspendedLanes | + (JSCompiler_object_inline_stack_2440 & + (JSCompiler_object_inline_digest_2439.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2439; + : JSCompiler_object_inline_stack_2440; if ( - 0 !== JSCompiler_object_inline_stack_2439 && - JSCompiler_object_inline_stack_2439 !== prevState.retryLane + 0 !== JSCompiler_object_inline_stack_2440 && + JSCompiler_object_inline_stack_2440 !== prevState.retryLane ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2439), + ((prevState.retryLane = JSCompiler_object_inline_stack_2440), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2439 + JSCompiler_object_inline_stack_2440 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2438, + JSCompiler_object_inline_digest_2439, current, - JSCompiler_object_inline_stack_2439 + JSCompiler_object_inline_stack_2440 ), SelectiveHydrationException) ); } - JSCompiler_object_inline_message_2437.data === + JSCompiler_object_inline_message_2438.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9617,7 +9617,7 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2437.data === + JSCompiler_object_inline_message_2438.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 128), (workInProgress.child = current.child), @@ -9625,12 +9625,12 @@ __DEV__ && null, current )), - (JSCompiler_object_inline_message_2437._reactRetry = + (JSCompiler_object_inline_message_2438._reactRetry = workInProgress), (workInProgress = null)) : ((renderLanes = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2437.nextSibling + JSCompiler_object_inline_message_2438.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9648,73 +9648,73 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2439.children + JSCompiler_object_inline_stack_2440.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2440) + if (JSCompiler_object_inline_componentStack_2441) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2440 = - JSCompiler_object_inline_stack_2439.fallback), - (JSCompiler_object_inline_message_2437 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2441 = + JSCompiler_object_inline_stack_2440.fallback), + (JSCompiler_object_inline_message_2438 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), (componentStack = { mode: "hidden", - children: JSCompiler_object_inline_stack_2439.children + children: JSCompiler_object_inline_stack_2440.children }), disableLegacyMode || - (JSCompiler_object_inline_message_2437 & ConcurrentMode) !== NoMode || + (JSCompiler_object_inline_message_2438 & ConcurrentMode) !== NoMode || workInProgress.child === JSCompiler_temp - ? ((JSCompiler_object_inline_stack_2439 = createWorkInProgress( + ? ((JSCompiler_object_inline_stack_2440 = createWorkInProgress( JSCompiler_temp, componentStack )), - (JSCompiler_object_inline_stack_2439.subtreeFlags = + (JSCompiler_object_inline_stack_2440.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280)) - : ((JSCompiler_object_inline_stack_2439 = workInProgress.child), - (JSCompiler_object_inline_stack_2439.childLanes = 0), - (JSCompiler_object_inline_stack_2439.pendingProps = + : ((JSCompiler_object_inline_stack_2440 = workInProgress.child), + (JSCompiler_object_inline_stack_2440.childLanes = 0), + (JSCompiler_object_inline_stack_2440.pendingProps = componentStack), workInProgress.mode & ProfileMode && - ((JSCompiler_object_inline_stack_2439.actualDuration = -0), - (JSCompiler_object_inline_stack_2439.actualStartTime = -1.1), - (JSCompiler_object_inline_stack_2439.selfBaseDuration = + ((JSCompiler_object_inline_stack_2440.actualDuration = -0), + (JSCompiler_object_inline_stack_2440.actualStartTime = -1.1), + (JSCompiler_object_inline_stack_2440.selfBaseDuration = JSCompiler_temp.selfBaseDuration), - (JSCompiler_object_inline_stack_2439.treeBaseDuration = + (JSCompiler_object_inline_stack_2440.treeBaseDuration = JSCompiler_temp.treeBaseDuration)), (workInProgress.deletions = null)), null !== instance - ? (JSCompiler_object_inline_componentStack_2440 = + ? (JSCompiler_object_inline_componentStack_2441 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2440 + JSCompiler_object_inline_componentStack_2441 )) - : ((JSCompiler_object_inline_componentStack_2440 = + : ((JSCompiler_object_inline_componentStack_2441 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2440, - JSCompiler_object_inline_message_2437, + JSCompiler_object_inline_componentStack_2441, + JSCompiler_object_inline_message_2438, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2440.flags |= 2)), - (JSCompiler_object_inline_componentStack_2440.return = + (JSCompiler_object_inline_componentStack_2441.flags |= 2)), + (JSCompiler_object_inline_componentStack_2441.return = workInProgress), - (JSCompiler_object_inline_stack_2439.return = workInProgress), - (JSCompiler_object_inline_stack_2439.sibling = - JSCompiler_object_inline_componentStack_2440), - (workInProgress.child = JSCompiler_object_inline_stack_2439), - (JSCompiler_object_inline_stack_2439 = - JSCompiler_object_inline_componentStack_2440), - (JSCompiler_object_inline_componentStack_2440 = workInProgress.child), - (JSCompiler_object_inline_message_2437 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2437 - ? (JSCompiler_object_inline_message_2437 = + (JSCompiler_object_inline_stack_2440.return = workInProgress), + (JSCompiler_object_inline_stack_2440.sibling = + JSCompiler_object_inline_componentStack_2441), + (workInProgress.child = JSCompiler_object_inline_stack_2440), + (JSCompiler_object_inline_stack_2440 = + JSCompiler_object_inline_componentStack_2441), + (JSCompiler_object_inline_componentStack_2441 = workInProgress.child), + (JSCompiler_object_inline_message_2438 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2438 + ? (JSCompiler_object_inline_message_2438 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2437.cachePool), + JSCompiler_object_inline_message_2438.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9722,34 +9722,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2437 = { + (JSCompiler_object_inline_message_2438 = { baseLanes: - JSCompiler_object_inline_message_2437.baseLanes | renderLanes, + JSCompiler_object_inline_message_2438.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2440.memoizedState = - JSCompiler_object_inline_message_2437), + (JSCompiler_object_inline_componentStack_2441.memoizedState = + JSCompiler_object_inline_message_2438), enableTransitionTracing && - ((JSCompiler_object_inline_message_2437 = enableTransitionTracing + ((JSCompiler_object_inline_message_2438 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2437 && + null !== JSCompiler_object_inline_message_2438 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2440.updateQueue), + JSCompiler_object_inline_componentStack_2441.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2440.updateQueue = { - transitions: JSCompiler_object_inline_message_2437, + ? (JSCompiler_object_inline_componentStack_2441.updateQueue = { + transitions: JSCompiler_object_inline_message_2438, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2440.updateQueue = + ? (JSCompiler_object_inline_componentStack_2441.updateQueue = { - transitions: JSCompiler_object_inline_message_2437, + transitions: JSCompiler_object_inline_message_2438, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -9757,41 +9757,41 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2437), + JSCompiler_object_inline_message_2438), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2440.childLanes = + (JSCompiler_object_inline_componentStack_2441.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2438, + JSCompiler_object_inline_digest_2439, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2439 + JSCompiler_object_inline_stack_2440 ); pushPrimaryTreeSuspenseHandler(workInProgress); - JSCompiler_object_inline_digest_2438 = current.child; - current = JSCompiler_object_inline_digest_2438.sibling; - JSCompiler_object_inline_digest_2438 = createWorkInProgress( - JSCompiler_object_inline_digest_2438, + JSCompiler_object_inline_digest_2439 = current.child; + current = JSCompiler_object_inline_digest_2439.sibling; + JSCompiler_object_inline_digest_2439 = createWorkInProgress( + JSCompiler_object_inline_digest_2439, { mode: "visible", - children: JSCompiler_object_inline_stack_2439.children + children: JSCompiler_object_inline_stack_2440.children } ); disableLegacyMode || (workInProgress.mode & ConcurrentMode) !== NoMode || - (JSCompiler_object_inline_digest_2438.lanes = renderLanes); - JSCompiler_object_inline_digest_2438.return = workInProgress; - JSCompiler_object_inline_digest_2438.sibling = null; + (JSCompiler_object_inline_digest_2439.lanes = renderLanes); + JSCompiler_object_inline_digest_2439.return = workInProgress; + JSCompiler_object_inline_digest_2439.sibling = null; null !== current && ((renderLanes = workInProgress.deletions), null === renderLanes ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) : renderLanes.push(current)); - workInProgress.child = JSCompiler_object_inline_digest_2438; + workInProgress.child = JSCompiler_object_inline_digest_2439; workInProgress.memoizedState = null; - return JSCompiler_object_inline_digest_2438; + return JSCompiler_object_inline_digest_2439; } function mountSuspensePrimaryChildren(workInProgress, primaryChildren) { primaryChildren = createFiberFromOffscreen( @@ -10169,6 +10169,7 @@ __DEV__ && case 12: 0 !== (renderLanes & workInProgress.childLanes) && (workInProgress.flags |= 4); + workInProgress.flags |= 2048; var stateNode = workInProgress.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; @@ -10811,6 +10812,7 @@ __DEV__ && case 12: return ( (workInProgress.flags |= 4), + (workInProgress.flags |= 2048), (returnFiber = workInProgress.stateNode), (returnFiber.effectDuration = 0), (returnFiber.passiveEffectDuration = 0), @@ -12761,13 +12763,14 @@ __DEV__ && } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, + id = _finishedWork$memoize.id, onCommit = _finishedWork$memoize.onCommit; _finishedWork$memoize = _finishedWork$memoize.onRender; current = null === current ? "mount" : "update"; currentUpdateIsNested && (current = "nested-update"); "function" === typeof _finishedWork$memoize && _finishedWork$memoize( - finishedWork.memoizedProps.id, + id, current, finishedWork.actualDuration, finishedWork.treeBaseDuration, @@ -12802,6 +12805,44 @@ __DEV__ && captureCommitPhaseError(finishedWork, finishedWork.return, error$21); } } + function commitProfilerPostCommitImpl( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + var _finishedWork$memoize2 = finishedWork.memoizedProps; + finishedWork = _finishedWork$memoize2.id; + _finishedWork$memoize2 = _finishedWork$memoize2.onPostCommit; + current = null === current ? "mount" : "update"; + currentUpdateIsNested && (current = "nested-update"); + "function" === typeof _finishedWork$memoize2 && + _finishedWork$memoize2( + finishedWork, + current, + passiveEffectDuration, + commitTime + ); + } + function commitProfilerPostCommit( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + try { + runWithFiberInDEV( + finishedWork, + commitProfilerPostCommitImpl, + finishedWork, + current, + commitTime, + passiveEffectDuration + ); + } catch (error$22) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$22); + } + } function commitHostMount(finishedWork) { var type = finishedWork.type, props = finishedWork.memoizedProps, @@ -12815,8 +12856,8 @@ __DEV__ && props, finishedWork ); - } catch (error$22) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$22); + } catch (error$23) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$23); } } function commitHostUpdate(finishedWork, newProps, oldProps) { @@ -12830,8 +12871,8 @@ __DEV__ && newProps, finishedWork ); - } catch (error$23) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$23); + } catch (error$24) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$24); } } function isHostParent(fiber) { @@ -12981,7 +13022,7 @@ __DEV__ && selection = selection.focusOffset; try { JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$42) { + } catch (e$43) { JSCompiler_temp = null; break a; } @@ -13136,38 +13177,6 @@ __DEV__ && focusedInstanceHandle = null; return firstChild; } - function commitPassiveEffectDurations(finishedRoot, finishedWork) { - if (executionContext & CommitContext && 0 !== (finishedWork.flags & 4)) - switch (finishedWork.tag) { - case 12: - finishedRoot = finishedWork.stateNode.passiveEffectDuration; - var _finishedWork$memoize = finishedWork.memoizedProps, - id = _finishedWork$memoize.id; - _finishedWork$memoize = _finishedWork$memoize.onPostCommit; - var commitTime$jscomp$0 = commitTime, - phase = null === finishedWork.alternate ? "mount" : "update"; - currentUpdateIsNested && (phase = "nested-update"); - "function" === typeof _finishedWork$memoize && - _finishedWork$memoize( - id, - phase, - finishedRoot, - commitTime$jscomp$0 - ); - finishedWork = finishedWork.return; - a: for (; null !== finishedWork; ) { - switch (finishedWork.tag) { - case 3: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - case 12: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - } - finishedWork = finishedWork.return; - } - } - } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -13303,7 +13312,6 @@ __DEV__ && a: for ( flags = finishedWork.stateNode.effectDuration, commitProfilerUpdate(finishedWork, current, commitTime, flags), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -13660,11 +13668,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$29) { + } catch (error$30) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$29 + error$30 ); } else @@ -13675,11 +13683,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$30) { + } catch (error$31) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$30 + error$31 ); } break; @@ -13689,11 +13697,11 @@ __DEV__ && try { (prevHostParent = finishedRoot.onDeleted) && prevHostParent(deletedFiber.stateNode); - } catch (error$34) { + } catch (error$35) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$34 + error$35 ); } null !== hostParent && @@ -13887,11 +13895,11 @@ __DEV__ && commitHydratedSuspenseInstance, current ); - } catch (error$32) { + } catch (error$33) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$32 + error$33 ); } try { @@ -13900,11 +13908,11 @@ __DEV__ && var onHydrated = hydrationCallbacks.onHydrated; onHydrated && onHydrated(current); } - } catch (error$35) { + } catch (error$36) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$35 + error$36 ); } } @@ -14265,11 +14273,11 @@ __DEV__ && hoistableRoot, finishedWork ); - } catch (error$33) { + } catch (error$34) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$33 + error$34 ); } } @@ -14283,11 +14291,11 @@ __DEV__ && hoistableRoot = finishedWork.stateNode; try { runWithFiberInDEV(finishedWork, resetTextContent, hoistableRoot); - } catch (error$25) { + } catch (error$26) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$25 + error$26 ); } } @@ -14325,11 +14333,11 @@ __DEV__ && current, flags ); - } catch (error$24) { + } catch (error$25) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$24 + error$25 ); } } @@ -14352,11 +14360,11 @@ __DEV__ && commitHydratedContainer, root.containerInfo ); - } catch (error$31) { + } catch (error$32) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$31 + error$32 ); } needsFormReset && @@ -14395,11 +14403,11 @@ __DEV__ && void 0 !== suspenseCallback && error$jscomp$0("Unexpected type for suspenseCallback."); } - } catch (error$36) { + } catch (error$37) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$36 + error$37 ); } flags = finishedWork.updateQueue; @@ -14462,11 +14470,11 @@ __DEV__ && nextNode.stateNode, nextNode.memoizedProps ); - } catch (error$26) { + } catch (error$27) { captureCommitPhaseError( nextNode, nextNode.return, - error$26 + error$27 ); } } @@ -14487,11 +14495,11 @@ __DEV__ && currentResource, nextNode.memoizedProps ); - } catch (error$27) { + } catch (error$28) { captureCommitPhaseError( nextNode, nextNode.return, - error$27 + error$28 ); } } @@ -14553,8 +14561,8 @@ __DEV__ && if (flags & 2) { try { runWithFiberInDEV(finishedWork, commitPlacement, finishedWork); - } catch (error$28) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$28); + } catch (error$29) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$29); } finishedWork.flags &= -3; } @@ -14715,7 +14723,6 @@ __DEV__ && commitTime, includeWorkInProgressEffects ), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -14955,6 +14962,37 @@ __DEV__ && } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + if (flags & 2048 && executionContext & CommitContext) + a: for ( + finishedRoot = finishedWork.stateNode.passiveEffectDuration, + commitProfilerPostCommit( + finishedWork, + finishedWork.alternate, + commitTime, + finishedRoot + ), + finishedWork = finishedWork.return; + null !== finishedWork; + + ) { + switch (finishedWork.tag) { + case 3: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + case 12: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + } + finishedWork = finishedWork.return; + } + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -16157,7 +16195,7 @@ __DEV__ && check = check.value; try { if (!objectIs(getSnapshot(), check)) return !1; - } catch (error$37) { + } catch (error$38) { return !1; } } @@ -16507,8 +16545,8 @@ __DEV__ && } workLoopSync(); break; - } catch (thrownValue$38) { - handleThrow(root, thrownValue$38); + } catch (thrownValue$39) { + handleThrow(root, thrownValue$39); } while (1); lanes && root.shellSuspendCounter++; @@ -16676,8 +16714,8 @@ __DEV__ && ? workLoopSync() : workLoopConcurrent(); break; - } catch (thrownValue$39) { - handleThrow(root, thrownValue$39); + } catch (thrownValue$40) { + handleThrow(root, thrownValue$40); } while (1); resetContextDependencies(); @@ -16826,9 +16864,9 @@ __DEV__ && workInProgress = null; return; } - } catch (error$40) { + } catch (error$41) { if (null !== returnFiber) - throw ((workInProgress = returnFiber), error$40); + throw ((workInProgress = returnFiber), error$41); workInProgressRootExitStatus = RootFatalErrored; logUncaughtError( root, @@ -16873,25 +16911,16 @@ __DEV__ && } var current = completedWork.alternate; unitOfWork = completedWork.return; - (completedWork.mode & ProfileMode) === NoMode - ? (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )) - : (startProfilerTimer(completedWork), - (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )), - stopProfilerTimerIfRunningAndRecordIncompleteDuration( - completedWork - )); + startProfilerTimer(completedWork); + current = runWithFiberInDEV( + completedWork, + completeWork, + current, + completedWork, + entangledRenderLanes + ); + (completedWork.mode & ProfileMode) !== NoMode && + stopProfilerTimerIfRunningAndRecordIncompleteDuration(completedWork); if (null !== current) { workInProgress = current; return; @@ -17197,15 +17226,6 @@ __DEV__ && } return !1; } - function enqueuePendingPassiveProfilerEffect(fiber) { - pendingPassiveProfilerEffects.push(fiber); - rootDoesHavePassiveEffects || - ((rootDoesHavePassiveEffects = !0), - scheduleCallback(NormalPriority$1, function () { - flushPassiveEffects(); - return null; - })); - } function flushPassiveEffectsImpl() { if (null === rootWithPendingPassiveEffects) return !1; var transitions = pendingPassiveTransitions; @@ -17236,10 +17256,6 @@ __DEV__ && executionContext |= CommitContext; commitPassiveUnmountOnFiber(root.current); commitPassiveMountOnFiber(root, root.current, lanes, transitions); - transitions = pendingPassiveProfilerEffects; - pendingPassiveProfilerEffects = []; - for (lanes = 0; lanes < transitions.length; lanes++) - commitPassiveEffectDurations(root, transitions[lanes]); enableDebugTracing && enableDebugTracing && groupEnd(); enableSchedulingProfiler && enableSchedulingProfiler && @@ -17287,9 +17303,9 @@ __DEV__ && err )); } - root = root.current.stateNode; - root.effectDuration = 0; - root.passiveEffectDuration = 0; + transitions = root.current.stateNode; + transitions.effectDuration = 0; + transitions.passiveEffectDuration = 0; return !0; } function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) { @@ -18898,41 +18914,43 @@ __DEV__ && : !1; } function getActiveElementDeep(containerInfo) { - var $jscomp$optchain$tmp600663927$1, $jscomp$nullish$tmp0; + var $jscomp$optchain$tmpm2073777561$1, $jscomp$nullish$tmp0; containerInfo = null != ($jscomp$nullish$tmp0 = null == containerInfo ? void 0 : null == - ($jscomp$optchain$tmp600663927$1 = containerInfo.ownerDocument) + ($jscomp$optchain$tmpm2073777561$1 = + containerInfo.ownerDocument) ? void 0 - : $jscomp$optchain$tmp600663927$1.defaultView) + : $jscomp$optchain$tmpm2073777561$1.defaultView) ? $jscomp$nullish$tmp0 : window; for ( - $jscomp$optchain$tmp600663927$1 = getActiveElement( + $jscomp$optchain$tmpm2073777561$1 = getActiveElement( containerInfo.document ); - $jscomp$optchain$tmp600663927$1 instanceof + $jscomp$optchain$tmpm2073777561$1 instanceof containerInfo.HTMLIFrameElement; ) { try { var JSCompiler_inline_result = "string" === - typeof $jscomp$optchain$tmp600663927$1.contentWindow.location.href; + typeof $jscomp$optchain$tmpm2073777561$1.contentWindow.location + .href; } catch (err) { JSCompiler_inline_result = !1; } if (JSCompiler_inline_result) - containerInfo = $jscomp$optchain$tmp600663927$1.contentWindow; + containerInfo = $jscomp$optchain$tmpm2073777561$1.contentWindow; else break; - $jscomp$optchain$tmp600663927$1 = getActiveElement( + $jscomp$optchain$tmpm2073777561$1 = getActiveElement( containerInfo.document ); } - return $jscomp$optchain$tmp600663927$1; + return $jscomp$optchain$tmpm2073777561$1; } function hasSelectionCapabilities(elem) { var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase(); @@ -19238,8 +19256,8 @@ __DEV__ && previousInstance.currentTarget = currentTarget; try { _dispatchListeners$i(previousInstance); - } catch (error$43) { - reportGlobalError(error$43); + } catch (error$44) { + reportGlobalError(error$44); } previousInstance.currentTarget = null; previousInstance = instance; @@ -19260,8 +19278,8 @@ __DEV__ && previousInstance.currentTarget = currentTarget; try { _dispatchListeners$i(previousInstance); - } catch (error$43) { - reportGlobalError(error$43); + } catch (error$44) { + reportGlobalError(error$44); } previousInstance.currentTarget = null; previousInstance = instance; @@ -27381,7 +27399,6 @@ __DEV__ && rootDoesHavePassiveEffects = !1, rootWithPendingPassiveEffects = null, pendingPassiveEffectsLanes = 0, - pendingPassiveProfilerEffects = [], pendingPassiveEffectsRemainingLanes = 0, pendingPassiveTransitions = null, NESTED_UPDATE_LIMIT = 50, @@ -27495,7 +27512,7 @@ __DEV__ && }); window.addEventListener("test", options$jscomp$0, options$jscomp$0); window.removeEventListener("test", options$jscomp$0, options$jscomp$0); - } catch (e$41) { + } catch (e$42) { passiveBrowserEventsSupported = !1; } var EventListenerWWW = require("EventListener"), @@ -28209,11 +28226,11 @@ __DEV__ && : flushSyncErrorInBuildsThatSupportLegacyMode; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-www-classic-0eab377a-20240916" !== isomorphicReactPackageVersion) + if ("19.0.0-www-classic-f2df5694-20240916" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-www-classic-0eab377a-20240916\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-www-classic-f2df5694-20240916\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -28257,11 +28274,11 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.0.0-www-classic-0eab377a-20240916", + version: "19.0.0-www-classic-f2df5694-20240916", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-classic-f2df5694-20240916" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -29080,5 +29097,5 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-www-classic-0eab377a-20240916"; + exports.version = "19.0.0-www-classic-f2df5694-20240916"; })(); diff --git a/compiled/facebook-www/ReactDOMTesting-dev.modern.js b/compiled/facebook-www/ReactDOMTesting-dev.modern.js index 6142e4b5b9..f64043dfec 100644 --- a/compiled/facebook-www/ReactDOMTesting-dev.modern.js +++ b/compiled/facebook-www/ReactDOMTesting-dev.modern.js @@ -8932,32 +8932,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2459; - var JSCompiler_object_inline_stack_2460 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2460; + var JSCompiler_object_inline_stack_2461 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2461 = !1; + var JSCompiler_object_inline_componentStack_2462 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2459 = didSuspend) || - (JSCompiler_object_inline_digest_2459 = + (JSCompiler_object_inline_digest_2460 = didSuspend) || + (JSCompiler_object_inline_digest_2460 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2459 && - ((JSCompiler_object_inline_componentStack_2461 = !0), + JSCompiler_object_inline_digest_2460 && + ((JSCompiler_object_inline_componentStack_2462 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2459 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2460 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2461 + JSCompiler_object_inline_componentStack_2462 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2458 = nextHydratableInstance; + var JSCompiler_object_inline_message_2459 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2458)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2459)) { c: { - var instance = JSCompiler_object_inline_message_2458; + var instance = JSCompiler_object_inline_message_2459; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -8998,19 +8998,19 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2458 + JSCompiler_object_inline_message_2459 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2458 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2459 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2458 && - ((JSCompiler_object_inline_message_2458 = - JSCompiler_object_inline_message_2458.dehydrated), - null !== JSCompiler_object_inline_message_2458) + null !== JSCompiler_object_inline_message_2459 && + ((JSCompiler_object_inline_message_2459 = + JSCompiler_object_inline_message_2459.dehydrated), + null !== JSCompiler_object_inline_message_2459) ) return ( - JSCompiler_object_inline_message_2458.data === + JSCompiler_object_inline_message_2459.data === SUSPENSE_FALLBACK_START_DATA ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), @@ -9018,27 +9018,27 @@ __DEV__ && ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2458 = - JSCompiler_object_inline_stack_2460.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2460.fallback; - if (JSCompiler_object_inline_componentStack_2461) + JSCompiler_object_inline_message_2459 = + JSCompiler_object_inline_stack_2461.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2461.fallback; + if (JSCompiler_object_inline_componentStack_2462) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2460 = + (JSCompiler_object_inline_stack_2461 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2458, + JSCompiler_object_inline_message_2459, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2461 = + (JSCompiler_object_inline_componentStack_2462 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2461.memoizedState = + (JSCompiler_object_inline_componentStack_2462.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2461.childLanes = + (JSCompiler_object_inline_componentStack_2462.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2459, + JSCompiler_object_inline_digest_2460, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9051,9 +9051,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2461.updateQueue), + JSCompiler_object_inline_componentStack_2462.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2461.updateQueue = + ? (JSCompiler_object_inline_componentStack_2462.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9061,46 +9061,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2460 + JSCompiler_object_inline_stack_2461 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2460.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2461.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2460 = + (JSCompiler_object_inline_stack_2461 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2458, + JSCompiler_object_inline_message_2459, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2461 = + (JSCompiler_object_inline_componentStack_2462 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2461.memoizedState = + (JSCompiler_object_inline_componentStack_2462.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2461.childLanes = + (JSCompiler_object_inline_componentStack_2462.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2459, + JSCompiler_object_inline_digest_2460, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2460 + JSCompiler_object_inline_stack_2461 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2458 + JSCompiler_object_inline_message_2459 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2458 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2458) + ((JSCompiler_object_inline_message_2459 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2459) ) { if (didSuspend) workInProgress.flags & 256 @@ -9117,94 +9117,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2461 = - JSCompiler_object_inline_stack_2460.fallback), - (JSCompiler_object_inline_message_2458 = workInProgress.mode), - (JSCompiler_object_inline_stack_2460 = + (JSCompiler_object_inline_componentStack_2462 = + JSCompiler_object_inline_stack_2461.fallback), + (JSCompiler_object_inline_message_2459 = workInProgress.mode), + (JSCompiler_object_inline_stack_2461 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2460.children + children: JSCompiler_object_inline_stack_2461.children }, - JSCompiler_object_inline_message_2458 + JSCompiler_object_inline_message_2459 )), - (JSCompiler_object_inline_componentStack_2461 = + (JSCompiler_object_inline_componentStack_2462 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2461, - JSCompiler_object_inline_message_2458, + JSCompiler_object_inline_componentStack_2462, + JSCompiler_object_inline_message_2459, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2461.flags |= 2), - (JSCompiler_object_inline_stack_2460.return = workInProgress), - (JSCompiler_object_inline_componentStack_2461.return = + (JSCompiler_object_inline_componentStack_2462.flags |= 2), + (JSCompiler_object_inline_stack_2461.return = workInProgress), + (JSCompiler_object_inline_componentStack_2462.return = workInProgress), - (JSCompiler_object_inline_stack_2460.sibling = - JSCompiler_object_inline_componentStack_2461), - (workInProgress.child = JSCompiler_object_inline_stack_2460), + (JSCompiler_object_inline_stack_2461.sibling = + JSCompiler_object_inline_componentStack_2462), + (workInProgress.child = JSCompiler_object_inline_stack_2461), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2460 = workInProgress.child), - (JSCompiler_object_inline_stack_2460.memoizedState = + (JSCompiler_object_inline_stack_2461 = workInProgress.child), + (JSCompiler_object_inline_stack_2461.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2460.childLanes = + (JSCompiler_object_inline_stack_2461.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2459, + JSCompiler_object_inline_digest_2460, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2461)); + JSCompiler_object_inline_componentStack_2462)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && error$jscomp$0( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - JSCompiler_object_inline_message_2458.data === + JSCompiler_object_inline_message_2459.data === SUSPENSE_FALLBACK_START_DATA) ) { - JSCompiler_object_inline_digest_2459 = - JSCompiler_object_inline_message_2458.nextSibling && - JSCompiler_object_inline_message_2458.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2459) { - JSCompiler_temp = JSCompiler_object_inline_digest_2459.dgst; - var message = JSCompiler_object_inline_digest_2459.msg; - instance = JSCompiler_object_inline_digest_2459.stck; - var componentStack = JSCompiler_object_inline_digest_2459.cstck; + JSCompiler_object_inline_digest_2460 = + JSCompiler_object_inline_message_2459.nextSibling && + JSCompiler_object_inline_message_2459.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2460) { + JSCompiler_temp = JSCompiler_object_inline_digest_2460.dgst; + var message = JSCompiler_object_inline_digest_2460.msg; + instance = JSCompiler_object_inline_digest_2460.stck; + var componentStack = JSCompiler_object_inline_digest_2460.cstck; } - JSCompiler_object_inline_message_2458 = message; - JSCompiler_object_inline_digest_2459 = JSCompiler_temp; - JSCompiler_object_inline_stack_2460 = instance; - JSCompiler_object_inline_componentStack_2461 = componentStack; - JSCompiler_object_inline_message_2458 = - JSCompiler_object_inline_message_2458 - ? Error(JSCompiler_object_inline_message_2458) + JSCompiler_object_inline_message_2459 = message; + JSCompiler_object_inline_digest_2460 = JSCompiler_temp; + JSCompiler_object_inline_stack_2461 = instance; + JSCompiler_object_inline_componentStack_2462 = componentStack; + JSCompiler_object_inline_message_2459 = + JSCompiler_object_inline_message_2459 + ? Error(JSCompiler_object_inline_message_2459) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_message_2458.stack = - JSCompiler_object_inline_stack_2460 || ""; - JSCompiler_object_inline_message_2458.digest = - JSCompiler_object_inline_digest_2459; - JSCompiler_object_inline_digest_2459 = - void 0 === JSCompiler_object_inline_componentStack_2461 + JSCompiler_object_inline_message_2459.stack = + JSCompiler_object_inline_stack_2461 || ""; + JSCompiler_object_inline_message_2459.digest = + JSCompiler_object_inline_digest_2460; + JSCompiler_object_inline_digest_2460 = + void 0 === JSCompiler_object_inline_componentStack_2462 ? null - : JSCompiler_object_inline_componentStack_2461; - "string" === typeof JSCompiler_object_inline_digest_2459 && + : JSCompiler_object_inline_componentStack_2462; + "string" === typeof JSCompiler_object_inline_digest_2460 && CapturedStacks.set( - JSCompiler_object_inline_message_2458, - JSCompiler_object_inline_digest_2459 + JSCompiler_object_inline_message_2459, + JSCompiler_object_inline_digest_2460 ); queueHydrationError({ - value: JSCompiler_object_inline_message_2458, + value: JSCompiler_object_inline_message_2459, source: null, - stack: JSCompiler_object_inline_digest_2459 + stack: JSCompiler_object_inline_digest_2460 }); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9219,25 +9219,25 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2459 = + (JSCompiler_object_inline_digest_2460 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2459) + didReceiveUpdate || JSCompiler_object_inline_digest_2460) ) { - JSCompiler_object_inline_digest_2459 = workInProgressRoot; - if (null !== JSCompiler_object_inline_digest_2459) { - JSCompiler_object_inline_stack_2460 = renderLanes & -renderLanes; - if (0 !== (JSCompiler_object_inline_stack_2460 & 42)) - JSCompiler_object_inline_stack_2460 = 1; + JSCompiler_object_inline_digest_2460 = workInProgressRoot; + if (null !== JSCompiler_object_inline_digest_2460) { + JSCompiler_object_inline_stack_2461 = renderLanes & -renderLanes; + if (0 !== (JSCompiler_object_inline_stack_2461 & 42)) + JSCompiler_object_inline_stack_2461 = 1; else - switch (JSCompiler_object_inline_stack_2460) { + switch (JSCompiler_object_inline_stack_2461) { case 2: - JSCompiler_object_inline_stack_2460 = 1; + JSCompiler_object_inline_stack_2461 = 1; break; case 8: - JSCompiler_object_inline_stack_2460 = 4; + JSCompiler_object_inline_stack_2461 = 4; break; case 32: - JSCompiler_object_inline_stack_2460 = 16; + JSCompiler_object_inline_stack_2461 = 16; break; case 128: case 256: @@ -9258,40 +9258,40 @@ __DEV__ && case 8388608: case 16777216: case 33554432: - JSCompiler_object_inline_stack_2460 = 64; + JSCompiler_object_inline_stack_2461 = 64; break; case 268435456: - JSCompiler_object_inline_stack_2460 = 134217728; + JSCompiler_object_inline_stack_2461 = 134217728; break; default: - JSCompiler_object_inline_stack_2460 = 0; + JSCompiler_object_inline_stack_2461 = 0; } - JSCompiler_object_inline_stack_2460 = + JSCompiler_object_inline_stack_2461 = 0 !== - (JSCompiler_object_inline_stack_2460 & - (JSCompiler_object_inline_digest_2459.suspendedLanes | + (JSCompiler_object_inline_stack_2461 & + (JSCompiler_object_inline_digest_2460.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2460; + : JSCompiler_object_inline_stack_2461; if ( - 0 !== JSCompiler_object_inline_stack_2460 && - JSCompiler_object_inline_stack_2460 !== prevState.retryLane + 0 !== JSCompiler_object_inline_stack_2461 && + JSCompiler_object_inline_stack_2461 !== prevState.retryLane ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2460), + ((prevState.retryLane = JSCompiler_object_inline_stack_2461), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2460 + JSCompiler_object_inline_stack_2461 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2459, + JSCompiler_object_inline_digest_2460, current, - JSCompiler_object_inline_stack_2460 + JSCompiler_object_inline_stack_2461 ), SelectiveHydrationException) ); } - JSCompiler_object_inline_message_2458.data === + JSCompiler_object_inline_message_2459.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9299,7 +9299,7 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2458.data === + JSCompiler_object_inline_message_2459.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 128), (workInProgress.child = current.child), @@ -9307,12 +9307,12 @@ __DEV__ && null, current )), - (JSCompiler_object_inline_message_2458._reactRetry = + (JSCompiler_object_inline_message_2459._reactRetry = workInProgress), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2458.nextSibling + JSCompiler_object_inline_message_2459.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9330,57 +9330,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2460.children + JSCompiler_object_inline_stack_2461.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2461) + if (JSCompiler_object_inline_componentStack_2462) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2461 = - JSCompiler_object_inline_stack_2460.fallback), - (JSCompiler_object_inline_message_2458 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2462 = + JSCompiler_object_inline_stack_2461.fallback), + (JSCompiler_object_inline_message_2459 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2460 = createWorkInProgress( + (JSCompiler_object_inline_stack_2461 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2460.children + children: JSCompiler_object_inline_stack_2461.children } )), - (JSCompiler_object_inline_stack_2460.subtreeFlags = + (JSCompiler_object_inline_stack_2461.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280), null !== instance - ? (JSCompiler_object_inline_componentStack_2461 = + ? (JSCompiler_object_inline_componentStack_2462 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2461 + JSCompiler_object_inline_componentStack_2462 )) - : ((JSCompiler_object_inline_componentStack_2461 = + : ((JSCompiler_object_inline_componentStack_2462 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2461, - JSCompiler_object_inline_message_2458, + JSCompiler_object_inline_componentStack_2462, + JSCompiler_object_inline_message_2459, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2461.flags |= 2)), - (JSCompiler_object_inline_componentStack_2461.return = + (JSCompiler_object_inline_componentStack_2462.flags |= 2)), + (JSCompiler_object_inline_componentStack_2462.return = workInProgress), - (JSCompiler_object_inline_stack_2460.return = workInProgress), - (JSCompiler_object_inline_stack_2460.sibling = - JSCompiler_object_inline_componentStack_2461), - (workInProgress.child = JSCompiler_object_inline_stack_2460), - (JSCompiler_object_inline_stack_2460 = - JSCompiler_object_inline_componentStack_2461), - (JSCompiler_object_inline_componentStack_2461 = workInProgress.child), - (JSCompiler_object_inline_message_2458 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2458 - ? (JSCompiler_object_inline_message_2458 = + (JSCompiler_object_inline_stack_2461.return = workInProgress), + (JSCompiler_object_inline_stack_2461.sibling = + JSCompiler_object_inline_componentStack_2462), + (workInProgress.child = JSCompiler_object_inline_stack_2461), + (JSCompiler_object_inline_stack_2461 = + JSCompiler_object_inline_componentStack_2462), + (JSCompiler_object_inline_componentStack_2462 = workInProgress.child), + (JSCompiler_object_inline_message_2459 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2459 + ? (JSCompiler_object_inline_message_2459 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2458.cachePool), + JSCompiler_object_inline_message_2459.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9388,34 +9388,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2458 = { + (JSCompiler_object_inline_message_2459 = { baseLanes: - JSCompiler_object_inline_message_2458.baseLanes | renderLanes, + JSCompiler_object_inline_message_2459.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2461.memoizedState = - JSCompiler_object_inline_message_2458), + (JSCompiler_object_inline_componentStack_2462.memoizedState = + JSCompiler_object_inline_message_2459), enableTransitionTracing && - ((JSCompiler_object_inline_message_2458 = enableTransitionTracing + ((JSCompiler_object_inline_message_2459 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2458 && + null !== JSCompiler_object_inline_message_2459 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2461.updateQueue), + JSCompiler_object_inline_componentStack_2462.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2461.updateQueue = { - transitions: JSCompiler_object_inline_message_2458, + ? (JSCompiler_object_inline_componentStack_2462.updateQueue = { + transitions: JSCompiler_object_inline_message_2459, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2461.updateQueue = + ? (JSCompiler_object_inline_componentStack_2462.updateQueue = { - transitions: JSCompiler_object_inline_message_2458, + transitions: JSCompiler_object_inline_message_2459, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -9423,32 +9423,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2458), + JSCompiler_object_inline_message_2459), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2461.childLanes = + (JSCompiler_object_inline_componentStack_2462.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2459, + JSCompiler_object_inline_digest_2460, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2460 + JSCompiler_object_inline_stack_2461 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2460.children + children: JSCompiler_object_inline_stack_2461.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2459 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2459 + ((JSCompiler_object_inline_digest_2460 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2460 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2459.push(current)); + : JSCompiler_object_inline_digest_2460.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -9802,6 +9802,7 @@ __DEV__ && case 12: 0 !== (renderLanes & workInProgress.childLanes) && (workInProgress.flags |= 4); + workInProgress.flags |= 2048; var stateNode = workInProgress.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; @@ -10444,6 +10445,7 @@ __DEV__ && case 12: return ( (workInProgress.flags |= 4), + (workInProgress.flags |= 2048), (returnFiber = workInProgress.stateNode), (returnFiber.effectDuration = 0), (returnFiber.passiveEffectDuration = 0), @@ -12313,13 +12315,14 @@ __DEV__ && } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, + id = _finishedWork$memoize.id, onCommit = _finishedWork$memoize.onCommit; _finishedWork$memoize = _finishedWork$memoize.onRender; current = null === current ? "mount" : "update"; currentUpdateIsNested && (current = "nested-update"); "function" === typeof _finishedWork$memoize && _finishedWork$memoize( - finishedWork.memoizedProps.id, + id, current, finishedWork.actualDuration, finishedWork.treeBaseDuration, @@ -12354,6 +12357,44 @@ __DEV__ && captureCommitPhaseError(finishedWork, finishedWork.return, error$21); } } + function commitProfilerPostCommitImpl( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + var _finishedWork$memoize2 = finishedWork.memoizedProps; + finishedWork = _finishedWork$memoize2.id; + _finishedWork$memoize2 = _finishedWork$memoize2.onPostCommit; + current = null === current ? "mount" : "update"; + currentUpdateIsNested && (current = "nested-update"); + "function" === typeof _finishedWork$memoize2 && + _finishedWork$memoize2( + finishedWork, + current, + passiveEffectDuration, + commitTime + ); + } + function commitProfilerPostCommit( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + try { + runWithFiberInDEV( + finishedWork, + commitProfilerPostCommitImpl, + finishedWork, + current, + commitTime, + passiveEffectDuration + ); + } catch (error$22) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$22); + } + } function commitHostMount(finishedWork) { var type = finishedWork.type, props = finishedWork.memoizedProps, @@ -12367,8 +12408,8 @@ __DEV__ && props, finishedWork ); - } catch (error$22) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$22); + } catch (error$23) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$23); } } function commitHostUpdate(finishedWork, newProps, oldProps) { @@ -12382,8 +12423,8 @@ __DEV__ && newProps, finishedWork ); - } catch (error$23) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$23); + } catch (error$24) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$24); } } function isHostParent(fiber) { @@ -12533,7 +12574,7 @@ __DEV__ && selection = selection.focusOffset; try { JSCompiler_temp.nodeType, focusNode.nodeType; - } catch (e$42) { + } catch (e$43) { JSCompiler_temp = null; break a; } @@ -12703,38 +12744,6 @@ __DEV__ && focusedInstanceHandle = null; return firstChild; } - function commitPassiveEffectDurations(finishedRoot, finishedWork) { - if (executionContext & CommitContext && 0 !== (finishedWork.flags & 4)) - switch (finishedWork.tag) { - case 12: - finishedRoot = finishedWork.stateNode.passiveEffectDuration; - var _finishedWork$memoize = finishedWork.memoizedProps, - id = _finishedWork$memoize.id; - _finishedWork$memoize = _finishedWork$memoize.onPostCommit; - var commitTime$jscomp$0 = commitTime, - phase = null === finishedWork.alternate ? "mount" : "update"; - currentUpdateIsNested && (phase = "nested-update"); - "function" === typeof _finishedWork$memoize && - _finishedWork$memoize( - id, - phase, - finishedRoot, - commitTime$jscomp$0 - ); - finishedWork = finishedWork.return; - a: for (; null !== finishedWork; ) { - switch (finishedWork.tag) { - case 3: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - case 12: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - } - finishedWork = finishedWork.return; - } - } - } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -12870,7 +12879,6 @@ __DEV__ && a: for ( flags = finishedWork.stateNode.effectDuration, commitProfilerUpdate(finishedWork, current, commitTime, flags), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -13219,11 +13227,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$29) { + } catch (error$30) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$29 + error$30 ); } else @@ -13234,11 +13242,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$30) { + } catch (error$31) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$30 + error$31 ); } break; @@ -13248,11 +13256,11 @@ __DEV__ && try { (prevHostParent = finishedRoot.onDeleted) && prevHostParent(deletedFiber.stateNode); - } catch (error$34) { + } catch (error$35) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$34 + error$35 ); } null !== hostParent && @@ -13440,11 +13448,11 @@ __DEV__ && commitHydratedSuspenseInstance, current ); - } catch (error$32) { + } catch (error$33) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$32 + error$33 ); } try { @@ -13453,11 +13461,11 @@ __DEV__ && var onHydrated = hydrationCallbacks.onHydrated; onHydrated && onHydrated(current); } - } catch (error$35) { + } catch (error$36) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$35 + error$36 ); } } @@ -13818,11 +13826,11 @@ __DEV__ && hoistableRoot, finishedWork ); - } catch (error$33) { + } catch (error$34) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$33 + error$34 ); } } @@ -13836,11 +13844,11 @@ __DEV__ && hoistableRoot = finishedWork.stateNode; try { runWithFiberInDEV(finishedWork, resetTextContent, hoistableRoot); - } catch (error$25) { + } catch (error$26) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$25 + error$26 ); } } @@ -13878,11 +13886,11 @@ __DEV__ && current, flags ); - } catch (error$24) { + } catch (error$25) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$24 + error$25 ); } } @@ -13905,11 +13913,11 @@ __DEV__ && commitHydratedContainer, root.containerInfo ); - } catch (error$31) { + } catch (error$32) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$31 + error$32 ); } needsFormReset && @@ -13948,11 +13956,11 @@ __DEV__ && void 0 !== suspenseCallback && error$jscomp$0("Unexpected type for suspenseCallback."); } - } catch (error$36) { + } catch (error$37) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$36 + error$37 ); } flags = finishedWork.updateQueue; @@ -14011,11 +14019,11 @@ __DEV__ && nextNode.stateNode, nextNode.memoizedProps ); - } catch (error$26) { + } catch (error$27) { captureCommitPhaseError( nextNode, nextNode.return, - error$26 + error$27 ); } } @@ -14036,11 +14044,11 @@ __DEV__ && currentResource, nextNode.memoizedProps ); - } catch (error$27) { + } catch (error$28) { captureCommitPhaseError( nextNode, nextNode.return, - error$27 + error$28 ); } } @@ -14102,8 +14110,8 @@ __DEV__ && if (flags & 2) { try { runWithFiberInDEV(finishedWork, commitPlacement, finishedWork); - } catch (error$28) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$28); + } catch (error$29) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$29); } finishedWork.flags &= -3; } @@ -14271,7 +14279,6 @@ __DEV__ && commitTime, includeWorkInProgressEffects ), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -14511,6 +14518,37 @@ __DEV__ && } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + if (flags & 2048 && executionContext & CommitContext) + a: for ( + finishedRoot = finishedWork.stateNode.passiveEffectDuration, + commitProfilerPostCommit( + finishedWork, + finishedWork.alternate, + commitTime, + finishedRoot + ), + finishedWork = finishedWork.return; + null !== finishedWork; + + ) { + switch (finishedWork.tag) { + case 3: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + case 12: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + } + finishedWork = finishedWork.return; + } + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -15639,7 +15677,7 @@ __DEV__ && check = check.value; try { if (!objectIs(getSnapshot(), check)) return !1; - } catch (error$37) { + } catch (error$38) { return !1; } } @@ -15975,8 +16013,8 @@ __DEV__ && } workLoopSync(); break; - } catch (thrownValue$38) { - handleThrow(root, thrownValue$38); + } catch (thrownValue$39) { + handleThrow(root, thrownValue$39); } while (1); lanes && root.shellSuspendCounter++; @@ -16144,8 +16182,8 @@ __DEV__ && ? workLoopSync() : workLoopConcurrent(); break; - } catch (thrownValue$39) { - handleThrow(root, thrownValue$39); + } catch (thrownValue$40) { + handleThrow(root, thrownValue$40); } while (1); resetContextDependencies(); @@ -16290,9 +16328,9 @@ __DEV__ && workInProgress = null; return; } - } catch (error$40) { + } catch (error$41) { if (null !== returnFiber) - throw ((workInProgress = returnFiber), error$40); + throw ((workInProgress = returnFiber), error$41); workInProgressRootExitStatus = RootFatalErrored; logUncaughtError( root, @@ -16337,25 +16375,16 @@ __DEV__ && } var current = completedWork.alternate; unitOfWork = completedWork.return; - (completedWork.mode & ProfileMode) === NoMode - ? (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )) - : (startProfilerTimer(completedWork), - (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )), - stopProfilerTimerIfRunningAndRecordIncompleteDuration( - completedWork - )); + startProfilerTimer(completedWork); + current = runWithFiberInDEV( + completedWork, + completeWork, + current, + completedWork, + entangledRenderLanes + ); + (completedWork.mode & ProfileMode) !== NoMode && + stopProfilerTimerIfRunningAndRecordIncompleteDuration(completedWork); if (null !== current) { workInProgress = current; return; @@ -16659,15 +16688,6 @@ __DEV__ && } return !1; } - function enqueuePendingPassiveProfilerEffect(fiber) { - pendingPassiveProfilerEffects.push(fiber); - rootDoesHavePassiveEffects || - ((rootDoesHavePassiveEffects = !0), - scheduleCallback(NormalPriority$1, function () { - flushPassiveEffects(); - return null; - })); - } function flushPassiveEffectsImpl() { if (null === rootWithPendingPassiveEffects) return !1; var transitions = pendingPassiveTransitions; @@ -16698,10 +16718,6 @@ __DEV__ && executionContext |= CommitContext; commitPassiveUnmountOnFiber(root.current); commitPassiveMountOnFiber(root, root.current, lanes, transitions); - transitions = pendingPassiveProfilerEffects; - pendingPassiveProfilerEffects = []; - for (lanes = 0; lanes < transitions.length; lanes++) - commitPassiveEffectDurations(root, transitions[lanes]); enableDebugTracing && enableDebugTracing && groupEnd(); enableSchedulingProfiler && enableSchedulingProfiler && @@ -16749,9 +16765,9 @@ __DEV__ && err )); } - root = root.current.stateNode; - root.effectDuration = 0; - root.passiveEffectDuration = 0; + transitions = root.current.stateNode; + transitions.effectDuration = 0; + transitions.passiveEffectDuration = 0; return !0; } function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) { @@ -18232,41 +18248,41 @@ __DEV__ && : !1; } function getActiveElementDeep(containerInfo) { - var $jscomp$optchain$tmpm995282841$1, $jscomp$nullish$tmp0; + var $jscomp$optchain$tmp567012262$1, $jscomp$nullish$tmp0; containerInfo = null != ($jscomp$nullish$tmp0 = null == containerInfo ? void 0 : null == - ($jscomp$optchain$tmpm995282841$1 = containerInfo.ownerDocument) + ($jscomp$optchain$tmp567012262$1 = containerInfo.ownerDocument) ? void 0 - : $jscomp$optchain$tmpm995282841$1.defaultView) + : $jscomp$optchain$tmp567012262$1.defaultView) ? $jscomp$nullish$tmp0 : window; for ( - $jscomp$optchain$tmpm995282841$1 = getActiveElement( + $jscomp$optchain$tmp567012262$1 = getActiveElement( containerInfo.document ); - $jscomp$optchain$tmpm995282841$1 instanceof + $jscomp$optchain$tmp567012262$1 instanceof containerInfo.HTMLIFrameElement; ) { try { var JSCompiler_inline_result = "string" === - typeof $jscomp$optchain$tmpm995282841$1.contentWindow.location.href; + typeof $jscomp$optchain$tmp567012262$1.contentWindow.location.href; } catch (err) { JSCompiler_inline_result = !1; } if (JSCompiler_inline_result) - containerInfo = $jscomp$optchain$tmpm995282841$1.contentWindow; + containerInfo = $jscomp$optchain$tmp567012262$1.contentWindow; else break; - $jscomp$optchain$tmpm995282841$1 = getActiveElement( + $jscomp$optchain$tmp567012262$1 = getActiveElement( containerInfo.document ); } - return $jscomp$optchain$tmpm995282841$1; + return $jscomp$optchain$tmp567012262$1; } function hasSelectionCapabilities(elem) { var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase(); @@ -18572,8 +18588,8 @@ __DEV__ && previousInstance.currentTarget = currentTarget; try { _dispatchListeners$i(previousInstance); - } catch (error$43) { - reportGlobalError(error$43); + } catch (error$44) { + reportGlobalError(error$44); } previousInstance.currentTarget = null; previousInstance = instance; @@ -18594,8 +18610,8 @@ __DEV__ && previousInstance.currentTarget = currentTarget; try { _dispatchListeners$i(previousInstance); - } catch (error$43) { - reportGlobalError(error$43); + } catch (error$44) { + reportGlobalError(error$44); } previousInstance.currentTarget = null; previousInstance = instance; @@ -26498,7 +26514,6 @@ __DEV__ && rootDoesHavePassiveEffects = !1, rootWithPendingPassiveEffects = null, pendingPassiveEffectsLanes = 0, - pendingPassiveProfilerEffects = [], pendingPassiveEffectsRemainingLanes = 0, pendingPassiveTransitions = null, NESTED_UPDATE_LIMIT = 50, @@ -26612,7 +26627,7 @@ __DEV__ && }); window.addEventListener("test", options$jscomp$0, options$jscomp$0); window.removeEventListener("test", options$jscomp$0, options$jscomp$0); - } catch (e$41) { + } catch (e$42) { passiveBrowserEventsSupported = !1; } var root = null, @@ -27326,11 +27341,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-www-modern-0eab377a-20240916" !== isomorphicReactPackageVersion) + if ("19.0.0-www-modern-f2df5694-20240916" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-www-modern-0eab377a-20240916\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-www-modern-f2df5694-20240916\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27373,11 +27388,11 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.0.0-www-modern-0eab377a-20240916", + version: "19.0.0-www-modern-f2df5694-20240916", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-modern-f2df5694-20240916" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -28148,5 +28163,5 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-www-modern-0eab377a-20240916"; + exports.version = "19.0.0-www-modern-f2df5694-20240916"; })(); diff --git a/compiled/facebook-www/ReactDOMTesting-prod.classic.js b/compiled/facebook-www/ReactDOMTesting-prod.classic.js index 96c7275e56..3195510b5c 100644 --- a/compiled/facebook-www/ReactDOMTesting-prod.classic.js +++ b/compiled/facebook-www/ReactDOMTesting-prod.classic.js @@ -10486,6 +10486,14 @@ function commitPassiveMountOnFiber( } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -13762,36 +13770,36 @@ function containsNode(outerNode, innerNode) { : !1; } function getActiveElementDeep(containerInfo) { - var $jscomp$optchain$tmp1582461935$1, $jscomp$nullish$tmp0; + var $jscomp$optchain$tmp1907059305$1, $jscomp$nullish$tmp0; containerInfo = null != ($jscomp$nullish$tmp0 = null == containerInfo ? void 0 : null == - ($jscomp$optchain$tmp1582461935$1 = containerInfo.ownerDocument) + ($jscomp$optchain$tmp1907059305$1 = containerInfo.ownerDocument) ? void 0 - : $jscomp$optchain$tmp1582461935$1.defaultView) + : $jscomp$optchain$tmp1907059305$1.defaultView) ? $jscomp$nullish$tmp0 : window; for ( - $jscomp$optchain$tmp1582461935$1 = getActiveElement(containerInfo.document); - $jscomp$optchain$tmp1582461935$1 instanceof containerInfo.HTMLIFrameElement; + $jscomp$optchain$tmp1907059305$1 = getActiveElement(containerInfo.document); + $jscomp$optchain$tmp1907059305$1 instanceof containerInfo.HTMLIFrameElement; ) { try { var JSCompiler_inline_result = "string" === - typeof $jscomp$optchain$tmp1582461935$1.contentWindow.location.href; + typeof $jscomp$optchain$tmp1907059305$1.contentWindow.location.href; } catch (err) { JSCompiler_inline_result = !1; } if (JSCompiler_inline_result) - containerInfo = $jscomp$optchain$tmp1582461935$1.contentWindow; + containerInfo = $jscomp$optchain$tmp1907059305$1.contentWindow; else break; - $jscomp$optchain$tmp1582461935$1 = getActiveElement(containerInfo.document); + $jscomp$optchain$tmp1907059305$1 = getActiveElement(containerInfo.document); } - return $jscomp$optchain$tmp1582461935$1; + return $jscomp$optchain$tmp1907059305$1; } function hasSelectionCapabilities(elem) { var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase(); @@ -17773,14 +17781,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1798 = React.version; if ( - "19.0.0-www-classic-0eab377a-20240916" !== + "19.0.0-www-classic-f2df5694-20240916" !== isomorphicReactPackageVersion$jscomp$inline_1798 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1798, - "19.0.0-www-classic-0eab377a-20240916" + "19.0.0-www-classic-f2df5694-20240916" ) ); function flushSyncFromReconciler(fn) { @@ -17825,11 +17833,11 @@ Internals.Events = [ ]; var internals$jscomp$inline_2298 = { bundleType: 0, - version: "19.0.0-www-classic-0eab377a-20240916", + version: "19.0.0-www-classic-f2df5694-20240916", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-classic-f2df5694-20240916" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2299 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -18436,4 +18444,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-classic-0eab377a-20240916"; +exports.version = "19.0.0-www-classic-f2df5694-20240916"; diff --git a/compiled/facebook-www/ReactDOMTesting-prod.modern.js b/compiled/facebook-www/ReactDOMTesting-prod.modern.js index 001d3800e6..1671ab207f 100644 --- a/compiled/facebook-www/ReactDOMTesting-prod.modern.js +++ b/compiled/facebook-www/ReactDOMTesting-prod.modern.js @@ -10055,6 +10055,14 @@ function commitPassiveMountOnFiber( } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -13189,36 +13197,36 @@ function containsNode(outerNode, innerNode) { : !1; } function getActiveElementDeep(containerInfo) { - var $jscomp$optchain$tmp614171160$1, $jscomp$nullish$tmp0; + var $jscomp$optchain$tmp1657612496$1, $jscomp$nullish$tmp0; containerInfo = null != ($jscomp$nullish$tmp0 = null == containerInfo ? void 0 : null == - ($jscomp$optchain$tmp614171160$1 = containerInfo.ownerDocument) + ($jscomp$optchain$tmp1657612496$1 = containerInfo.ownerDocument) ? void 0 - : $jscomp$optchain$tmp614171160$1.defaultView) + : $jscomp$optchain$tmp1657612496$1.defaultView) ? $jscomp$nullish$tmp0 : window; for ( - $jscomp$optchain$tmp614171160$1 = getActiveElement(containerInfo.document); - $jscomp$optchain$tmp614171160$1 instanceof containerInfo.HTMLIFrameElement; + $jscomp$optchain$tmp1657612496$1 = getActiveElement(containerInfo.document); + $jscomp$optchain$tmp1657612496$1 instanceof containerInfo.HTMLIFrameElement; ) { try { var JSCompiler_inline_result = "string" === - typeof $jscomp$optchain$tmp614171160$1.contentWindow.location.href; + typeof $jscomp$optchain$tmp1657612496$1.contentWindow.location.href; } catch (err) { JSCompiler_inline_result = !1; } if (JSCompiler_inline_result) - containerInfo = $jscomp$optchain$tmp614171160$1.contentWindow; + containerInfo = $jscomp$optchain$tmp1657612496$1.contentWindow; else break; - $jscomp$optchain$tmp614171160$1 = getActiveElement(containerInfo.document); + $jscomp$optchain$tmp1657612496$1 = getActiveElement(containerInfo.document); } - return $jscomp$optchain$tmp614171160$1; + return $jscomp$optchain$tmp1657612496$1; } function hasSelectionCapabilities(elem) { var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase(); @@ -17149,14 +17157,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1769 = React.version; if ( - "19.0.0-www-modern-0eab377a-20240916" !== + "19.0.0-www-modern-f2df5694-20240916" !== isomorphicReactPackageVersion$jscomp$inline_1769 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1769, - "19.0.0-www-modern-0eab377a-20240916" + "19.0.0-www-modern-f2df5694-20240916" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -17174,11 +17182,11 @@ Internals.Events = [ ]; var internals$jscomp$inline_2289 = { bundleType: 0, - version: "19.0.0-www-modern-0eab377a-20240916", + version: "19.0.0-www-modern-f2df5694-20240916", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-modern-f2df5694-20240916" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2290 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -17692,4 +17700,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-modern-0eab377a-20240916"; +exports.version = "19.0.0-www-modern-f2df5694-20240916"; diff --git a/compiled/facebook-www/ReactReconciler-dev.classic.js b/compiled/facebook-www/ReactReconciler-dev.classic.js index 2ddcf73ac0..ea24b7d179 100644 --- a/compiled/facebook-www/ReactReconciler-dev.classic.js +++ b/compiled/facebook-www/ReactReconciler-dev.classic.js @@ -8279,6 +8279,7 @@ __DEV__ && case 12: 0 !== (renderLanes & workInProgress.childLanes) && (workInProgress.flags |= 4); + workInProgress.flags |= 2048; var stateNode = workInProgress.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; @@ -8921,6 +8922,7 @@ __DEV__ && case 12: return ( (workInProgress.flags |= 4), + (workInProgress.flags |= 2048), (returnFiber = workInProgress.stateNode), (returnFiber.effectDuration = 0), (returnFiber.passiveEffectDuration = 0), @@ -11057,13 +11059,14 @@ __DEV__ && } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, + id = _finishedWork$memoize.id, onCommit = _finishedWork$memoize.onCommit; _finishedWork$memoize = _finishedWork$memoize.onRender; current = null === current ? "mount" : "update"; currentUpdateIsNested && (current = "nested-update"); "function" === typeof _finishedWork$memoize && _finishedWork$memoize( - finishedWork.memoizedProps.id, + id, current, finishedWork.actualDuration, finishedWork.treeBaseDuration, @@ -11098,6 +11101,44 @@ __DEV__ && captureCommitPhaseError(finishedWork, finishedWork.return, error$20); } } + function commitProfilerPostCommitImpl( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + var _finishedWork$memoize2 = finishedWork.memoizedProps; + finishedWork = _finishedWork$memoize2.id; + _finishedWork$memoize2 = _finishedWork$memoize2.onPostCommit; + current = null === current ? "mount" : "update"; + currentUpdateIsNested && (current = "nested-update"); + "function" === typeof _finishedWork$memoize2 && + _finishedWork$memoize2( + finishedWork, + current, + passiveEffectDuration, + commitTime + ); + } + function commitProfilerPostCommit( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + try { + runWithFiberInDEV( + finishedWork, + commitProfilerPostCommitImpl, + finishedWork, + current, + commitTime, + passiveEffectDuration + ); + } catch (error$21) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$21); + } + } function commitHostMount(finishedWork) { var type = finishedWork.type, props = finishedWork.memoizedProps, @@ -11111,8 +11152,8 @@ __DEV__ && props, finishedWork ); - } catch (error$21) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$21); + } catch (error$22) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$22); } } function commitHostUpdate(finishedWork, newProps, oldProps) { @@ -11126,8 +11167,8 @@ __DEV__ && newProps, finishedWork ); - } catch (error$22) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$22); + } catch (error$23) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$23); } } function isHostParent(fiber) { @@ -11263,8 +11304,8 @@ __DEV__ && portal, pendingChildren ); - } catch (error$31) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$31); + } catch (error$32) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$32); } } function shouldProfile(current) { @@ -11374,38 +11415,6 @@ __DEV__ && focusedInstanceHandle = null; return root; } - function commitPassiveEffectDurations(finishedRoot, finishedWork) { - if (executionContext & CommitContext && 0 !== (finishedWork.flags & 4)) - switch (finishedWork.tag) { - case 12: - finishedRoot = finishedWork.stateNode.passiveEffectDuration; - var _finishedWork$memoize = finishedWork.memoizedProps, - id = _finishedWork$memoize.id; - _finishedWork$memoize = _finishedWork$memoize.onPostCommit; - var commitTime$jscomp$0 = commitTime, - phase = null === finishedWork.alternate ? "mount" : "update"; - currentUpdateIsNested && (phase = "nested-update"); - "function" === typeof _finishedWork$memoize && - _finishedWork$memoize( - id, - phase, - finishedRoot, - commitTime$jscomp$0 - ); - finishedWork = finishedWork.return; - a: for (; null !== finishedWork; ) { - switch (finishedWork.tag) { - case 3: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - case 12: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - } - finishedWork = finishedWork.return; - } - } - } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -11545,7 +11554,6 @@ __DEV__ && a: for ( flags = finishedWork.stateNode.effectDuration, commitProfilerUpdate(finishedWork, current, commitTime, flags), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -11898,11 +11906,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$28) { + } catch (error$29) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$28 + error$29 ); } else @@ -11913,11 +11921,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$29) { + } catch (error$30) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$29 + error$30 ); } } else @@ -11933,11 +11941,11 @@ __DEV__ && try { (prevHostParent = finishedRoot.onDeleted) && prevHostParent(deletedFiber.stateNode); - } catch (error$35) { + } catch (error$36) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$35 + error$36 ); } supportsMutation && @@ -12138,11 +12146,11 @@ __DEV__ && commitHydratedSuspenseInstance, current ); - } catch (error$33) { + } catch (error$34) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$33 + error$34 ); } try { @@ -12151,11 +12159,11 @@ __DEV__ && var onHydrated = hydrationCallbacks.onHydrated; onHydrated && onHydrated(current); } - } catch (error$36) { + } catch (error$37) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$36 + error$37 ); } } @@ -12399,11 +12407,11 @@ __DEV__ && hoistableRoot, finishedWork ); - } catch (error$34) { + } catch (error$35) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$34 + error$35 ); } } @@ -12418,11 +12426,11 @@ __DEV__ && root = finishedWork.stateNode; try { runWithFiberInDEV(finishedWork, resetTextContent, root); - } catch (error$24) { + } catch (error$25) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$24 + error$25 ); } } @@ -12461,11 +12469,11 @@ __DEV__ && current, flags ); - } catch (error$23) { + } catch (error$24) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$23 + error$24 ); } } @@ -12492,11 +12500,11 @@ __DEV__ && commitHydratedContainer, root.containerInfo ); - } catch (error$32) { + } catch (error$33) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$32 + error$33 ); } if (supportsPersistence) { @@ -12509,11 +12517,11 @@ __DEV__ && flags, current ); - } catch (error$30) { + } catch (error$31) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$30 + error$31 ); } } @@ -12561,11 +12569,11 @@ __DEV__ && void 0 !== suspenseCallback && error$jscomp$0("Unexpected type for suspenseCallback."); } - } catch (error$37) { + } catch (error$38) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$37 + error$38 ); } flags = finishedWork.updateQueue; @@ -12635,11 +12643,11 @@ __DEV__ && retryQueue.stateNode, retryQueue.memoizedProps ); - } catch (error$25) { + } catch (error$26) { captureCommitPhaseError( retryQueue, retryQueue.return, - error$25 + error$26 ); } } @@ -12660,11 +12668,11 @@ __DEV__ && props, retryQueue.memoizedProps ); - } catch (error$26) { + } catch (error$27) { captureCommitPhaseError( retryQueue, retryQueue.return, - error$26 + error$27 ); } } @@ -12725,8 +12733,8 @@ __DEV__ && if (flags & 2) { try { runWithFiberInDEV(finishedWork, commitPlacement, finishedWork); - } catch (error$27) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$27); + } catch (error$28) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$28); } finishedWork.flags &= -3; } @@ -12889,7 +12897,6 @@ __DEV__ && commitTime, includeWorkInProgressEffects ), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -13129,6 +13136,37 @@ __DEV__ && } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + if (flags & 2048 && executionContext & CommitContext) + a: for ( + finishedRoot = finishedWork.stateNode.passiveEffectDuration, + commitProfilerPostCommit( + finishedWork, + finishedWork.alternate, + commitTime, + finishedRoot + ), + finishedWork = finishedWork.return; + null !== finishedWork; + + ) { + switch (finishedWork.tag) { + case 3: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + case 12: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + } + finishedWork = finishedWork.return; + } + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -14307,7 +14345,7 @@ __DEV__ && check = check.value; try { if (!objectIs(getSnapshot(), check)) return !1; - } catch (error$38) { + } catch (error$39) { return !1; } } @@ -14643,8 +14681,8 @@ __DEV__ && } workLoopSync(); break; - } catch (thrownValue$39) { - handleThrow(root, thrownValue$39); + } catch (thrownValue$40) { + handleThrow(root, thrownValue$40); } while (1); lanes && root.shellSuspendCounter++; @@ -14818,8 +14856,8 @@ __DEV__ && ? workLoopSync() : workLoopConcurrent(); break; - } catch (thrownValue$40) { - handleThrow(root, thrownValue$40); + } catch (thrownValue$41) { + handleThrow(root, thrownValue$41); } while (1); resetContextDependencies(); @@ -14968,9 +15006,9 @@ __DEV__ && workInProgress = null; return; } - } catch (error$41) { + } catch (error$42) { if (null !== returnFiber) - throw ((workInProgress = returnFiber), error$41); + throw ((workInProgress = returnFiber), error$42); workInProgressRootExitStatus = RootFatalErrored; logUncaughtError( root, @@ -15015,25 +15053,16 @@ __DEV__ && } var current = completedWork.alternate; unitOfWork = completedWork.return; - (completedWork.mode & 2) === NoMode - ? (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )) - : (startProfilerTimer(completedWork), - (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )), - stopProfilerTimerIfRunningAndRecordIncompleteDuration( - completedWork - )); + startProfilerTimer(completedWork); + current = runWithFiberInDEV( + completedWork, + completeWork, + current, + completedWork, + entangledRenderLanes + ); + (completedWork.mode & 2) !== NoMode && + stopProfilerTimerIfRunningAndRecordIncompleteDuration(completedWork); if (null !== current) { workInProgress = current; return; @@ -15331,15 +15360,6 @@ __DEV__ && } return !1; } - function enqueuePendingPassiveProfilerEffect(fiber) { - pendingPassiveProfilerEffects.push(fiber); - rootDoesHavePassiveEffects || - ((rootDoesHavePassiveEffects = !0), - scheduleCallback(NormalPriority$1, function () { - flushPassiveEffects(); - return null; - })); - } function flushPassiveEffectsImpl() { if (null === rootWithPendingPassiveEffects) return !1; var transitions = pendingPassiveTransitions; @@ -15370,10 +15390,6 @@ __DEV__ && executionContext |= CommitContext; commitPassiveUnmountOnFiber(root.current); commitPassiveMountOnFiber(root, root.current, lanes, transitions); - transitions = pendingPassiveProfilerEffects; - pendingPassiveProfilerEffects = []; - for (lanes = 0; lanes < transitions.length; lanes++) - commitPassiveEffectDurations(root, transitions[lanes]); enableDebugTracing && enableDebugTracing && groupEnd(); enableSchedulingProfiler && enableSchedulingProfiler && @@ -15421,9 +15437,9 @@ __DEV__ && err )); } - root = root.current.stateNode; - root.effectDuration = 0; - root.passiveEffectDuration = 0; + transitions = root.current.stateNode; + transitions.effectDuration = 0; + transitions.passiveEffectDuration = 0; return !0; } function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) { @@ -18730,7 +18746,6 @@ __DEV__ && rootDoesHavePassiveEffects = !1, rootWithPendingPassiveEffects = null, pendingPassiveEffectsLanes = 0, - pendingPassiveProfilerEffects = [], pendingPassiveEffectsRemainingLanes = 0, pendingPassiveTransitions = null, NESTED_UPDATE_LIMIT = 50, @@ -18968,7 +18983,7 @@ __DEV__ && try { testStringCoercion(key); var JSCompiler_inline_result = !1; - } catch (e$42) { + } catch (e$43) { JSCompiler_inline_result = !0; } JSCompiler_inline_result && @@ -19308,7 +19323,7 @@ __DEV__ && rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-classic-f2df5694-20240916" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactReconciler-dev.modern.js b/compiled/facebook-www/ReactReconciler-dev.modern.js index bacae424d1..bd9e5bf8cb 100644 --- a/compiled/facebook-www/ReactReconciler-dev.modern.js +++ b/compiled/facebook-www/ReactReconciler-dev.modern.js @@ -7961,6 +7961,7 @@ __DEV__ && case 12: 0 !== (renderLanes & workInProgress.childLanes) && (workInProgress.flags |= 4); + workInProgress.flags |= 2048; var stateNode = workInProgress.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; @@ -8603,6 +8604,7 @@ __DEV__ && case 12: return ( (workInProgress.flags |= 4), + (workInProgress.flags |= 2048), (returnFiber = workInProgress.stateNode), (returnFiber.effectDuration = 0), (returnFiber.passiveEffectDuration = 0), @@ -10659,13 +10661,14 @@ __DEV__ && } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, + id = _finishedWork$memoize.id, onCommit = _finishedWork$memoize.onCommit; _finishedWork$memoize = _finishedWork$memoize.onRender; current = null === current ? "mount" : "update"; currentUpdateIsNested && (current = "nested-update"); "function" === typeof _finishedWork$memoize && _finishedWork$memoize( - finishedWork.memoizedProps.id, + id, current, finishedWork.actualDuration, finishedWork.treeBaseDuration, @@ -10700,6 +10703,44 @@ __DEV__ && captureCommitPhaseError(finishedWork, finishedWork.return, error$20); } } + function commitProfilerPostCommitImpl( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + var _finishedWork$memoize2 = finishedWork.memoizedProps; + finishedWork = _finishedWork$memoize2.id; + _finishedWork$memoize2 = _finishedWork$memoize2.onPostCommit; + current = null === current ? "mount" : "update"; + currentUpdateIsNested && (current = "nested-update"); + "function" === typeof _finishedWork$memoize2 && + _finishedWork$memoize2( + finishedWork, + current, + passiveEffectDuration, + commitTime + ); + } + function commitProfilerPostCommit( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + try { + runWithFiberInDEV( + finishedWork, + commitProfilerPostCommitImpl, + finishedWork, + current, + commitTime, + passiveEffectDuration + ); + } catch (error$21) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$21); + } + } function commitHostMount(finishedWork) { var type = finishedWork.type, props = finishedWork.memoizedProps, @@ -10713,8 +10754,8 @@ __DEV__ && props, finishedWork ); - } catch (error$21) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$21); + } catch (error$22) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$22); } } function commitHostUpdate(finishedWork, newProps, oldProps) { @@ -10728,8 +10769,8 @@ __DEV__ && newProps, finishedWork ); - } catch (error$22) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$22); + } catch (error$23) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$23); } } function isHostParent(fiber) { @@ -10865,8 +10906,8 @@ __DEV__ && portal, pendingChildren ); - } catch (error$31) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$31); + } catch (error$32) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$32); } } function shouldProfile(current) { @@ -10976,38 +11017,6 @@ __DEV__ && focusedInstanceHandle = null; return root; } - function commitPassiveEffectDurations(finishedRoot, finishedWork) { - if (executionContext & CommitContext && 0 !== (finishedWork.flags & 4)) - switch (finishedWork.tag) { - case 12: - finishedRoot = finishedWork.stateNode.passiveEffectDuration; - var _finishedWork$memoize = finishedWork.memoizedProps, - id = _finishedWork$memoize.id; - _finishedWork$memoize = _finishedWork$memoize.onPostCommit; - var commitTime$jscomp$0 = commitTime, - phase = null === finishedWork.alternate ? "mount" : "update"; - currentUpdateIsNested && (phase = "nested-update"); - "function" === typeof _finishedWork$memoize && - _finishedWork$memoize( - id, - phase, - finishedRoot, - commitTime$jscomp$0 - ); - finishedWork = finishedWork.return; - a: for (; null !== finishedWork; ) { - switch (finishedWork.tag) { - case 3: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - case 12: - finishedWork.stateNode.passiveEffectDuration += finishedRoot; - break a; - } - finishedWork = finishedWork.return; - } - } - } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -11147,7 +11156,6 @@ __DEV__ && a: for ( flags = finishedWork.stateNode.effectDuration, commitProfilerUpdate(finishedWork, current, commitTime, flags), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -11495,11 +11503,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$28) { + } catch (error$29) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$28 + error$29 ); } else @@ -11510,11 +11518,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$29) { + } catch (error$30) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$29 + error$30 ); } } else @@ -11530,11 +11538,11 @@ __DEV__ && try { (prevHostParent = finishedRoot.onDeleted) && prevHostParent(deletedFiber.stateNode); - } catch (error$35) { + } catch (error$36) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$35 + error$36 ); } supportsMutation && @@ -11729,11 +11737,11 @@ __DEV__ && commitHydratedSuspenseInstance, current ); - } catch (error$33) { + } catch (error$34) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$33 + error$34 ); } try { @@ -11742,11 +11750,11 @@ __DEV__ && var onHydrated = hydrationCallbacks.onHydrated; onHydrated && onHydrated(current); } - } catch (error$36) { + } catch (error$37) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$36 + error$37 ); } } @@ -11990,11 +11998,11 @@ __DEV__ && hoistableRoot, finishedWork ); - } catch (error$34) { + } catch (error$35) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$34 + error$35 ); } } @@ -12009,11 +12017,11 @@ __DEV__ && root = finishedWork.stateNode; try { runWithFiberInDEV(finishedWork, resetTextContent, root); - } catch (error$24) { + } catch (error$25) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$24 + error$25 ); } } @@ -12052,11 +12060,11 @@ __DEV__ && current, flags ); - } catch (error$23) { + } catch (error$24) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$23 + error$24 ); } } @@ -12083,11 +12091,11 @@ __DEV__ && commitHydratedContainer, root.containerInfo ); - } catch (error$32) { + } catch (error$33) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$32 + error$33 ); } if (supportsPersistence) { @@ -12100,11 +12108,11 @@ __DEV__ && flags, current ); - } catch (error$30) { + } catch (error$31) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$30 + error$31 ); } } @@ -12152,11 +12160,11 @@ __DEV__ && void 0 !== suspenseCallback && error$jscomp$0("Unexpected type for suspenseCallback."); } - } catch (error$37) { + } catch (error$38) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$37 + error$38 ); } flags = finishedWork.updateQueue; @@ -12223,11 +12231,11 @@ __DEV__ && retryQueue.stateNode, retryQueue.memoizedProps ); - } catch (error$25) { + } catch (error$26) { captureCommitPhaseError( retryQueue, retryQueue.return, - error$25 + error$26 ); } } @@ -12248,11 +12256,11 @@ __DEV__ && props, retryQueue.memoizedProps ); - } catch (error$26) { + } catch (error$27) { captureCommitPhaseError( retryQueue, retryQueue.return, - error$26 + error$27 ); } } @@ -12313,8 +12321,8 @@ __DEV__ && if (flags & 2) { try { runWithFiberInDEV(finishedWork, commitPlacement, finishedWork); - } catch (error$27) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$27); + } catch (error$28) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$28); } finishedWork.flags &= -3; } @@ -12484,7 +12492,6 @@ __DEV__ && commitTime, includeWorkInProgressEffects ), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -12724,6 +12731,37 @@ __DEV__ && } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + if (flags & 2048 && executionContext & CommitContext) + a: for ( + finishedRoot = finishedWork.stateNode.passiveEffectDuration, + commitProfilerPostCommit( + finishedWork, + finishedWork.alternate, + commitTime, + finishedRoot + ), + finishedWork = finishedWork.return; + null !== finishedWork; + + ) { + switch (finishedWork.tag) { + case 3: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + case 12: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + } + finishedWork = finishedWork.return; + } + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -13822,7 +13860,7 @@ __DEV__ && check = check.value; try { if (!objectIs(getSnapshot(), check)) return !1; - } catch (error$38) { + } catch (error$39) { return !1; } } @@ -14158,8 +14196,8 @@ __DEV__ && } workLoopSync(); break; - } catch (thrownValue$39) { - handleThrow(root, thrownValue$39); + } catch (thrownValue$40) { + handleThrow(root, thrownValue$40); } while (1); lanes && root.shellSuspendCounter++; @@ -14333,8 +14371,8 @@ __DEV__ && ? workLoopSync() : workLoopConcurrent(); break; - } catch (thrownValue$40) { - handleThrow(root, thrownValue$40); + } catch (thrownValue$41) { + handleThrow(root, thrownValue$41); } while (1); resetContextDependencies(); @@ -14479,9 +14517,9 @@ __DEV__ && workInProgress = null; return; } - } catch (error$41) { + } catch (error$42) { if (null !== returnFiber) - throw ((workInProgress = returnFiber), error$41); + throw ((workInProgress = returnFiber), error$42); workInProgressRootExitStatus = RootFatalErrored; logUncaughtError( root, @@ -14526,25 +14564,16 @@ __DEV__ && } var current = completedWork.alternate; unitOfWork = completedWork.return; - (completedWork.mode & 2) === NoMode - ? (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )) - : (startProfilerTimer(completedWork), - (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )), - stopProfilerTimerIfRunningAndRecordIncompleteDuration( - completedWork - )); + startProfilerTimer(completedWork); + current = runWithFiberInDEV( + completedWork, + completeWork, + current, + completedWork, + entangledRenderLanes + ); + (completedWork.mode & 2) !== NoMode && + stopProfilerTimerIfRunningAndRecordIncompleteDuration(completedWork); if (null !== current) { workInProgress = current; return; @@ -14840,15 +14869,6 @@ __DEV__ && } return !1; } - function enqueuePendingPassiveProfilerEffect(fiber) { - pendingPassiveProfilerEffects.push(fiber); - rootDoesHavePassiveEffects || - ((rootDoesHavePassiveEffects = !0), - scheduleCallback(NormalPriority$1, function () { - flushPassiveEffects(); - return null; - })); - } function flushPassiveEffectsImpl() { if (null === rootWithPendingPassiveEffects) return !1; var transitions = pendingPassiveTransitions; @@ -14879,10 +14899,6 @@ __DEV__ && executionContext |= CommitContext; commitPassiveUnmountOnFiber(root.current); commitPassiveMountOnFiber(root, root.current, lanes, transitions); - transitions = pendingPassiveProfilerEffects; - pendingPassiveProfilerEffects = []; - for (lanes = 0; lanes < transitions.length; lanes++) - commitPassiveEffectDurations(root, transitions[lanes]); enableDebugTracing && enableDebugTracing && groupEnd(); enableSchedulingProfiler && enableSchedulingProfiler && @@ -14930,9 +14946,9 @@ __DEV__ && err )); } - root = root.current.stateNode; - root.effectDuration = 0; - root.passiveEffectDuration = 0; + transitions = root.current.stateNode; + transitions.effectDuration = 0; + transitions.passiveEffectDuration = 0; return !0; } function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) { @@ -18137,7 +18153,6 @@ __DEV__ && rootDoesHavePassiveEffects = !1, rootWithPendingPassiveEffects = null, pendingPassiveEffectsLanes = 0, - pendingPassiveProfilerEffects = [], pendingPassiveEffectsRemainingLanes = 0, pendingPassiveTransitions = null, NESTED_UPDATE_LIMIT = 50, @@ -18366,7 +18381,7 @@ __DEV__ && try { testStringCoercion(key); var JSCompiler_inline_result = !1; - } catch (e$42) { + } catch (e$43) { JSCompiler_inline_result = !0; } JSCompiler_inline_result && @@ -18702,7 +18717,7 @@ __DEV__ && rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-modern-f2df5694-20240916" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactReconciler-prod.classic.js b/compiled/facebook-www/ReactReconciler-prod.classic.js index 2a4e3f2983..d3a8f83031 100644 --- a/compiled/facebook-www/ReactReconciler-prod.classic.js +++ b/compiled/facebook-www/ReactReconciler-prod.classic.js @@ -9218,6 +9218,14 @@ module.exports = function ($$$config) { } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -12883,7 +12891,7 @@ module.exports = function ($$$config) { rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-classic-f2df5694-20240916" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactReconciler-prod.modern.js b/compiled/facebook-www/ReactReconciler-prod.modern.js index dea0bc76be..21e4ead14b 100644 --- a/compiled/facebook-www/ReactReconciler-prod.modern.js +++ b/compiled/facebook-www/ReactReconciler-prod.modern.js @@ -8805,6 +8805,14 @@ module.exports = function ($$$config) { } } break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + break; case 23: recursivelyTraversePassiveMountEffects( finishedRoot, @@ -12376,7 +12384,7 @@ module.exports = function ($$$config) { rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-modern-f2df5694-20240916" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactTestRenderer-dev.classic.js b/compiled/facebook-www/ReactTestRenderer-dev.classic.js index 8d2210d465..4fe7dab528 100644 --- a/compiled/facebook-www/ReactTestRenderer-dev.classic.js +++ b/compiled/facebook-www/ReactTestRenderer-dev.classic.js @@ -13,7 +13,7 @@ "use strict"; __DEV__ && (function () { - function JSCompiler_object_inline_createNodeMock_1115() { + function JSCompiler_object_inline_createNodeMock_1119() { return null; } function findHook(fiber, id) { @@ -7102,6 +7102,7 @@ __DEV__ && case 12: 0 !== (renderLanes & workInProgress.childLanes) && (workInProgress.flags |= 4); + workInProgress.flags |= 2048; var stateNode = workInProgress.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; @@ -7495,6 +7496,7 @@ __DEV__ && case 12: return ( (workInProgress.flags |= 4), + (workInProgress.flags |= 2048), (returnFiber = workInProgress.stateNode), (returnFiber.effectDuration = 0), (returnFiber.passiveEffectDuration = 0), @@ -8952,13 +8954,14 @@ __DEV__ && } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, + id = _finishedWork$memoize.id, onCommit = _finishedWork$memoize.onCommit; _finishedWork$memoize = _finishedWork$memoize.onRender; current = null === current ? "mount" : "update"; currentUpdateIsNested && (current = "nested-update"); "function" === typeof _finishedWork$memoize && _finishedWork$memoize( - finishedWork.memoizedProps.id, + id, current, finishedWork.actualDuration, finishedWork.treeBaseDuration, @@ -8993,6 +8996,25 @@ __DEV__ && captureCommitPhaseError(finishedWork, finishedWork.return, error$20); } } + function commitProfilerPostCommitImpl( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + var _finishedWork$memoize2 = finishedWork.memoizedProps; + finishedWork = _finishedWork$memoize2.id; + _finishedWork$memoize2 = _finishedWork$memoize2.onPostCommit; + current = null === current ? "mount" : "update"; + currentUpdateIsNested && (current = "nested-update"); + "function" === typeof _finishedWork$memoize2 && + _finishedWork$memoize2( + finishedWork, + current, + passiveEffectDuration, + commitTime + ); + } function commitHostMount(finishedWork) { var type = finishedWork.type, props = finishedWork.memoizedProps, @@ -9006,8 +9028,8 @@ __DEV__ && props, finishedWork ); - } catch (error$21) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$21); + } catch (error$22) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$22); } } function isHostParent(fiber) { @@ -9296,7 +9318,6 @@ __DEV__ && a: for ( flags = finishedWork.stateNode.effectDuration, commitProfilerUpdate(finishedWork, current, commitTime, flags), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -9420,11 +9441,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$28) { + } catch (error$29) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$28 + error$29 ); } else @@ -9435,11 +9456,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$29) { + } catch (error$30) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$29 + error$30 ); } break; @@ -9449,11 +9470,11 @@ __DEV__ && try { (_prevHostParent = finishedRoot.onDeleted) && _prevHostParent(deletedFiber.stateNode); - } catch (error$30) { + } catch (error$31) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$30 + error$31 ); } null !== hostParent && @@ -9717,11 +9738,11 @@ __DEV__ && resetTextContent, existingHiddenCallbacks ); - } catch (error$24) { + } catch (error$25) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$24 + error$25 ); } } @@ -9741,11 +9762,11 @@ __DEV__ && existingHiddenCallbacks, finishedWork ); - } catch (error$22) { + } catch (error$23) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$22 + error$23 ); } } @@ -9775,11 +9796,11 @@ __DEV__ && existingHiddenCallbacks, flags ); - } catch (error$23) { + } catch (error$24) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$23 + error$24 ); } } @@ -9811,11 +9832,11 @@ __DEV__ && void 0 !== suspenseCallback && error$jscomp$0("Unexpected type for suspenseCallback."); } - } catch (error$31) { + } catch (error$32) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$31 + error$32 ); } flags = finishedWork.updateQueue; @@ -9876,11 +9897,11 @@ __DEV__ && retryQueue.stateNode, retryQueue.memoizedProps ); - } catch (error$25) { + } catch (error$26) { captureCommitPhaseError( retryQueue, retryQueue.return, - error$25 + error$26 ); } } @@ -9901,11 +9922,11 @@ __DEV__ && oldProps, retryQueue.memoizedProps ); - } catch (error$26) { + } catch (error$27) { captureCommitPhaseError( retryQueue, retryQueue.return, - error$26 + error$27 ); } } @@ -9970,8 +9991,8 @@ __DEV__ && if (flags & 2) { try { runWithFiberInDEV(finishedWork, commitPlacement, finishedWork); - } catch (error$27) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$27); + } catch (error$28) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$28); } finishedWork.flags &= -3; } @@ -10120,7 +10141,6 @@ __DEV__ && commitTime, includeWorkInProgressEffects ), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -10238,6 +10258,45 @@ __DEV__ && (retainCache(finishedWork), null != finishedRoot && releaseCache(finishedRoot))); break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + if (flags & 2048 && executionContext & CommitContext) { + finishedRoot = finishedWork.stateNode.passiveEffectDuration; + try { + runWithFiberInDEV( + finishedWork, + commitProfilerPostCommitImpl, + finishedWork, + finishedWork.alternate, + commitTime, + finishedRoot + ); + } catch (error$21) { + captureCommitPhaseError( + finishedWork, + finishedWork.return, + error$21 + ); + } + finishedWork = finishedWork.return; + a: for (; null !== finishedWork; ) { + switch (finishedWork.tag) { + case 3: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + case 12: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + } + finishedWork = finishedWork.return; + } + } + break; case 23: break; case 22: @@ -10980,7 +11039,7 @@ __DEV__ && check = check.value; try { if (!objectIs(getSnapshot(), check)) return !1; - } catch (error$32) { + } catch (error$33) { return !1; } } @@ -11263,8 +11322,8 @@ __DEV__ && } workLoopSync(); break; - } catch (thrownValue$33) { - handleThrow(root, thrownValue$33); + } catch (thrownValue$34) { + handleThrow(root, thrownValue$34); } while (1); lanes && root.shellSuspendCounter++; @@ -11413,8 +11472,8 @@ __DEV__ && ? workLoopSync() : workLoopConcurrent(); break; - } catch (thrownValue$34) { - handleThrow(root, thrownValue$34); + } catch (thrownValue$35) { + handleThrow(root, thrownValue$35); } while (1); resetContextDependencies(); @@ -11546,9 +11605,9 @@ __DEV__ && workInProgress = null; return; } - } catch (error$35) { + } catch (error$36) { if (null !== returnFiber) - throw ((workInProgress = returnFiber), error$35); + throw ((workInProgress = returnFiber), error$36); workInProgressRootExitStatus = RootFatalErrored; logUncaughtError( root, @@ -11573,25 +11632,16 @@ __DEV__ && } var current = completedWork.alternate; unitOfWork = completedWork.return; - 0 === (completedWork.mode & 2) - ? (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )) - : (startProfilerTimer(completedWork), - (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )), - stopProfilerTimerIfRunningAndRecordIncompleteDuration( - completedWork - )); + startProfilerTimer(completedWork); + current = runWithFiberInDEV( + completedWork, + completeWork, + current, + completedWork, + entangledRenderLanes + ); + 0 !== (completedWork.mode & 2) && + stopProfilerTimerIfRunningAndRecordIncompleteDuration(completedWork); if (null !== current) { workInProgress = current; return; @@ -11820,10 +11870,10 @@ __DEV__ && if (null === rootWithPendingPassiveEffects) var JSCompiler_inline_result = !1; else { - var transitions = pendingPassiveTransitions; + priority = pendingPassiveTransitions; pendingPassiveTransitions = null; - priority = rootWithPendingPassiveEffects; - var lanes = pendingPassiveEffectsLanes; + var root$jscomp$0 = rootWithPendingPassiveEffects, + lanes = pendingPassiveEffectsLanes; rootWithPendingPassiveEffects = null; pendingPassiveEffectsLanes = 0; if ( @@ -11837,68 +11887,26 @@ __DEV__ && didScheduleUpdateDuringPassiveEffects = !1; var prevExecutionContext = executionContext; executionContext |= CommitContext; - commitPassiveUnmountOnFiber(priority.current); + commitPassiveUnmountOnFiber(root$jscomp$0.current); commitPassiveMountOnFiber( - priority, - priority.current, + root$jscomp$0, + root$jscomp$0.current, lanes, - transitions + priority ); - transitions = pendingPassiveProfilerEffects; - pendingPassiveProfilerEffects = []; - for (lanes = 0; lanes < transitions.length; lanes++) { - var finishedWork = transitions[lanes]; - if ( - executionContext & CommitContext && - 0 !== (finishedWork.flags & 4) - ) - switch (finishedWork.tag) { - case 12: - var passiveEffectDuration = - finishedWork.stateNode.passiveEffectDuration, - _finishedWork$memoize = finishedWork.memoizedProps, - id = _finishedWork$memoize.id, - onPostCommit = _finishedWork$memoize.onPostCommit, - commitTime$jscomp$0 = commitTime, - phase = - null === finishedWork.alternate ? "mount" : "update"; - currentUpdateIsNested && (phase = "nested-update"); - "function" === typeof onPostCommit && - onPostCommit( - id, - phase, - passiveEffectDuration, - commitTime$jscomp$0 - ); - var parentFiber = finishedWork.return; - b: for (; null !== parentFiber; ) { - switch (parentFiber.tag) { - case 3: - parentFiber.stateNode.passiveEffectDuration += - passiveEffectDuration; - break b; - case 12: - parentFiber.stateNode.passiveEffectDuration += - passiveEffectDuration; - break b; - } - parentFiber = parentFiber.return; - } - } - } runWithFiberInDEV( - priority.current, + root$jscomp$0.current, legacyCommitDoubleInvokeEffectsInDEV, - priority.current, + root$jscomp$0.current, !0 ); executionContext = prevExecutionContext; flushSyncWorkAcrossRoots_impl(0, !1); didScheduleUpdateDuringPassiveEffects - ? priority === rootWithPassiveNestedUpdates + ? root$jscomp$0 === rootWithPassiveNestedUpdates ? nestedPassiveUpdateCount++ : ((nestedPassiveUpdateCount = 0), - (rootWithPassiveNestedUpdates = priority)) + (rootWithPassiveNestedUpdates = root$jscomp$0)) : (nestedPassiveUpdateCount = 0); didScheduleUpdateDuringPassiveEffects = isFlushingPassiveEffects = !1; @@ -11907,7 +11915,7 @@ __DEV__ && "function" === typeof injectedHook.onPostCommitFiberRoot ) try { - injectedHook.onPostCommitFiberRoot(rendererID, priority); + injectedHook.onPostCommitFiberRoot(rendererID, root$jscomp$0); } catch (err) { hasLoggedError || ((hasLoggedError = !0), @@ -11916,7 +11924,7 @@ __DEV__ && err )); } - var stateNode = priority.current.stateNode; + var stateNode = root$jscomp$0.current.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; JSCompiler_inline_result = !0; @@ -11930,15 +11938,6 @@ __DEV__ && } return !1; } - function enqueuePendingPassiveProfilerEffect(fiber) { - pendingPassiveProfilerEffects.push(fiber); - rootDoesHavePassiveEffects || - ((rootDoesHavePassiveEffects = !0), - scheduleCallback(NormalPriority$1, function () { - flushPassiveEffects(); - return null; - })); - } function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) { sourceFiber = createCapturedValueAtFiber(error, sourceFiber); sourceFiber = createRootErrorUpdate(rootFiber.stateNode, sourceFiber, 2); @@ -12939,7 +12938,7 @@ __DEV__ && try { testStringCoercion(value); var JSCompiler_inline_result = !1; - } catch (e$36) { + } catch (e$37) { JSCompiler_inline_result = !0; } JSCompiler_inline_result && @@ -14804,7 +14803,6 @@ __DEV__ && rootDoesHavePassiveEffects = !1, rootWithPendingPassiveEffects = null, pendingPassiveEffectsLanes = 0, - pendingPassiveProfilerEffects = [], pendingPassiveEffectsRemainingLanes = 0, pendingPassiveTransitions = null, NESTED_UPDATE_LIMIT = 50, @@ -15033,11 +15031,11 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.0.0-www-classic-0eab377a-20240916", + version: "19.0.0-www-classic-f2df5694-20240916", rendererPackageName: "react-test-renderer", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-classic-f2df5694-20240916" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -15057,7 +15055,7 @@ __DEV__ && exports._Scheduler = Scheduler; exports.act = act; exports.create = function (element, options) { - var createNodeMock = JSCompiler_object_inline_createNodeMock_1115, + var createNodeMock = JSCompiler_object_inline_createNodeMock_1119, isConcurrentOnly = !0 !== global.IS_REACT_NATIVE_TEST_ENVIRONMENT, isConcurrent = isConcurrentOnly, isStrictMode = !1; @@ -15172,5 +15170,5 @@ __DEV__ && exports.unstable_batchedUpdates = function (fn, a) { return fn(a); }; - exports.version = "19.0.0-www-classic-0eab377a-20240916"; + exports.version = "19.0.0-www-classic-f2df5694-20240916"; })(); diff --git a/compiled/facebook-www/ReactTestRenderer-dev.modern.js b/compiled/facebook-www/ReactTestRenderer-dev.modern.js index a6ebcffb35..6cb5e34ad4 100644 --- a/compiled/facebook-www/ReactTestRenderer-dev.modern.js +++ b/compiled/facebook-www/ReactTestRenderer-dev.modern.js @@ -13,7 +13,7 @@ "use strict"; __DEV__ && (function () { - function JSCompiler_object_inline_createNodeMock_1115() { + function JSCompiler_object_inline_createNodeMock_1119() { return null; } function findHook(fiber, id) { @@ -7102,6 +7102,7 @@ __DEV__ && case 12: 0 !== (renderLanes & workInProgress.childLanes) && (workInProgress.flags |= 4); + workInProgress.flags |= 2048; var stateNode = workInProgress.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; @@ -7495,6 +7496,7 @@ __DEV__ && case 12: return ( (workInProgress.flags |= 4), + (workInProgress.flags |= 2048), (returnFiber = workInProgress.stateNode), (returnFiber.effectDuration = 0), (returnFiber.passiveEffectDuration = 0), @@ -8952,13 +8954,14 @@ __DEV__ && } function commitProfiler(finishedWork, current, commitTime, effectDuration) { var _finishedWork$memoize = finishedWork.memoizedProps, + id = _finishedWork$memoize.id, onCommit = _finishedWork$memoize.onCommit; _finishedWork$memoize = _finishedWork$memoize.onRender; current = null === current ? "mount" : "update"; currentUpdateIsNested && (current = "nested-update"); "function" === typeof _finishedWork$memoize && _finishedWork$memoize( - finishedWork.memoizedProps.id, + id, current, finishedWork.actualDuration, finishedWork.treeBaseDuration, @@ -8993,6 +8996,25 @@ __DEV__ && captureCommitPhaseError(finishedWork, finishedWork.return, error$20); } } + function commitProfilerPostCommitImpl( + finishedWork, + current, + commitTime, + passiveEffectDuration + ) { + var _finishedWork$memoize2 = finishedWork.memoizedProps; + finishedWork = _finishedWork$memoize2.id; + _finishedWork$memoize2 = _finishedWork$memoize2.onPostCommit; + current = null === current ? "mount" : "update"; + currentUpdateIsNested && (current = "nested-update"); + "function" === typeof _finishedWork$memoize2 && + _finishedWork$memoize2( + finishedWork, + current, + passiveEffectDuration, + commitTime + ); + } function commitHostMount(finishedWork) { var type = finishedWork.type, props = finishedWork.memoizedProps, @@ -9006,8 +9028,8 @@ __DEV__ && props, finishedWork ); - } catch (error$21) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$21); + } catch (error$22) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$22); } } function isHostParent(fiber) { @@ -9296,7 +9318,6 @@ __DEV__ && a: for ( flags = finishedWork.stateNode.effectDuration, commitProfilerUpdate(finishedWork, current, commitTime, flags), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -9420,11 +9441,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$28) { + } catch (error$29) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$28 + error$29 ); } else @@ -9435,11 +9456,11 @@ __DEV__ && hostParent, deletedFiber.stateNode ); - } catch (error$29) { + } catch (error$30) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$29 + error$30 ); } break; @@ -9449,11 +9470,11 @@ __DEV__ && try { (_prevHostParent = finishedRoot.onDeleted) && _prevHostParent(deletedFiber.stateNode); - } catch (error$30) { + } catch (error$31) { captureCommitPhaseError( deletedFiber, nearestMountedAncestor, - error$30 + error$31 ); } null !== hostParent && @@ -9717,11 +9738,11 @@ __DEV__ && resetTextContent, existingHiddenCallbacks ); - } catch (error$24) { + } catch (error$25) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$24 + error$25 ); } } @@ -9741,11 +9762,11 @@ __DEV__ && existingHiddenCallbacks, finishedWork ); - } catch (error$22) { + } catch (error$23) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$22 + error$23 ); } } @@ -9775,11 +9796,11 @@ __DEV__ && existingHiddenCallbacks, flags ); - } catch (error$23) { + } catch (error$24) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$23 + error$24 ); } } @@ -9811,11 +9832,11 @@ __DEV__ && void 0 !== suspenseCallback && error$jscomp$0("Unexpected type for suspenseCallback."); } - } catch (error$31) { + } catch (error$32) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$31 + error$32 ); } flags = finishedWork.updateQueue; @@ -9876,11 +9897,11 @@ __DEV__ && retryQueue.stateNode, retryQueue.memoizedProps ); - } catch (error$25) { + } catch (error$26) { captureCommitPhaseError( retryQueue, retryQueue.return, - error$25 + error$26 ); } } @@ -9901,11 +9922,11 @@ __DEV__ && oldProps, retryQueue.memoizedProps ); - } catch (error$26) { + } catch (error$27) { captureCommitPhaseError( retryQueue, retryQueue.return, - error$26 + error$27 ); } } @@ -9970,8 +9991,8 @@ __DEV__ && if (flags & 2) { try { runWithFiberInDEV(finishedWork, commitPlacement, finishedWork); - } catch (error$27) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$27); + } catch (error$28) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$28); } finishedWork.flags &= -3; } @@ -10120,7 +10141,6 @@ __DEV__ && commitTime, includeWorkInProgressEffects ), - enqueuePendingPassiveProfilerEffect(finishedWork), finishedWork = finishedWork.return; null !== finishedWork; @@ -10238,6 +10258,45 @@ __DEV__ && (retainCache(finishedWork), null != finishedRoot && releaseCache(finishedRoot))); break; + case 12: + recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ); + if (flags & 2048 && executionContext & CommitContext) { + finishedRoot = finishedWork.stateNode.passiveEffectDuration; + try { + runWithFiberInDEV( + finishedWork, + commitProfilerPostCommitImpl, + finishedWork, + finishedWork.alternate, + commitTime, + finishedRoot + ); + } catch (error$21) { + captureCommitPhaseError( + finishedWork, + finishedWork.return, + error$21 + ); + } + finishedWork = finishedWork.return; + a: for (; null !== finishedWork; ) { + switch (finishedWork.tag) { + case 3: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + case 12: + finishedWork.stateNode.passiveEffectDuration += finishedRoot; + break a; + } + finishedWork = finishedWork.return; + } + } + break; case 23: break; case 22: @@ -10980,7 +11039,7 @@ __DEV__ && check = check.value; try { if (!objectIs(getSnapshot(), check)) return !1; - } catch (error$32) { + } catch (error$33) { return !1; } } @@ -11263,8 +11322,8 @@ __DEV__ && } workLoopSync(); break; - } catch (thrownValue$33) { - handleThrow(root, thrownValue$33); + } catch (thrownValue$34) { + handleThrow(root, thrownValue$34); } while (1); lanes && root.shellSuspendCounter++; @@ -11413,8 +11472,8 @@ __DEV__ && ? workLoopSync() : workLoopConcurrent(); break; - } catch (thrownValue$34) { - handleThrow(root, thrownValue$34); + } catch (thrownValue$35) { + handleThrow(root, thrownValue$35); } while (1); resetContextDependencies(); @@ -11546,9 +11605,9 @@ __DEV__ && workInProgress = null; return; } - } catch (error$35) { + } catch (error$36) { if (null !== returnFiber) - throw ((workInProgress = returnFiber), error$35); + throw ((workInProgress = returnFiber), error$36); workInProgressRootExitStatus = RootFatalErrored; logUncaughtError( root, @@ -11573,25 +11632,16 @@ __DEV__ && } var current = completedWork.alternate; unitOfWork = completedWork.return; - 0 === (completedWork.mode & 2) - ? (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )) - : (startProfilerTimer(completedWork), - (current = runWithFiberInDEV( - completedWork, - completeWork, - current, - completedWork, - entangledRenderLanes - )), - stopProfilerTimerIfRunningAndRecordIncompleteDuration( - completedWork - )); + startProfilerTimer(completedWork); + current = runWithFiberInDEV( + completedWork, + completeWork, + current, + completedWork, + entangledRenderLanes + ); + 0 !== (completedWork.mode & 2) && + stopProfilerTimerIfRunningAndRecordIncompleteDuration(completedWork); if (null !== current) { workInProgress = current; return; @@ -11820,10 +11870,10 @@ __DEV__ && if (null === rootWithPendingPassiveEffects) var JSCompiler_inline_result = !1; else { - var transitions = pendingPassiveTransitions; + priority = pendingPassiveTransitions; pendingPassiveTransitions = null; - priority = rootWithPendingPassiveEffects; - var lanes = pendingPassiveEffectsLanes; + var root$jscomp$0 = rootWithPendingPassiveEffects, + lanes = pendingPassiveEffectsLanes; rootWithPendingPassiveEffects = null; pendingPassiveEffectsLanes = 0; if ( @@ -11837,68 +11887,26 @@ __DEV__ && didScheduleUpdateDuringPassiveEffects = !1; var prevExecutionContext = executionContext; executionContext |= CommitContext; - commitPassiveUnmountOnFiber(priority.current); + commitPassiveUnmountOnFiber(root$jscomp$0.current); commitPassiveMountOnFiber( - priority, - priority.current, + root$jscomp$0, + root$jscomp$0.current, lanes, - transitions + priority ); - transitions = pendingPassiveProfilerEffects; - pendingPassiveProfilerEffects = []; - for (lanes = 0; lanes < transitions.length; lanes++) { - var finishedWork = transitions[lanes]; - if ( - executionContext & CommitContext && - 0 !== (finishedWork.flags & 4) - ) - switch (finishedWork.tag) { - case 12: - var passiveEffectDuration = - finishedWork.stateNode.passiveEffectDuration, - _finishedWork$memoize = finishedWork.memoizedProps, - id = _finishedWork$memoize.id, - onPostCommit = _finishedWork$memoize.onPostCommit, - commitTime$jscomp$0 = commitTime, - phase = - null === finishedWork.alternate ? "mount" : "update"; - currentUpdateIsNested && (phase = "nested-update"); - "function" === typeof onPostCommit && - onPostCommit( - id, - phase, - passiveEffectDuration, - commitTime$jscomp$0 - ); - var parentFiber = finishedWork.return; - b: for (; null !== parentFiber; ) { - switch (parentFiber.tag) { - case 3: - parentFiber.stateNode.passiveEffectDuration += - passiveEffectDuration; - break b; - case 12: - parentFiber.stateNode.passiveEffectDuration += - passiveEffectDuration; - break b; - } - parentFiber = parentFiber.return; - } - } - } runWithFiberInDEV( - priority.current, + root$jscomp$0.current, legacyCommitDoubleInvokeEffectsInDEV, - priority.current, + root$jscomp$0.current, !0 ); executionContext = prevExecutionContext; flushSyncWorkAcrossRoots_impl(0, !1); didScheduleUpdateDuringPassiveEffects - ? priority === rootWithPassiveNestedUpdates + ? root$jscomp$0 === rootWithPassiveNestedUpdates ? nestedPassiveUpdateCount++ : ((nestedPassiveUpdateCount = 0), - (rootWithPassiveNestedUpdates = priority)) + (rootWithPassiveNestedUpdates = root$jscomp$0)) : (nestedPassiveUpdateCount = 0); didScheduleUpdateDuringPassiveEffects = isFlushingPassiveEffects = !1; @@ -11907,7 +11915,7 @@ __DEV__ && "function" === typeof injectedHook.onPostCommitFiberRoot ) try { - injectedHook.onPostCommitFiberRoot(rendererID, priority); + injectedHook.onPostCommitFiberRoot(rendererID, root$jscomp$0); } catch (err) { hasLoggedError || ((hasLoggedError = !0), @@ -11916,7 +11924,7 @@ __DEV__ && err )); } - var stateNode = priority.current.stateNode; + var stateNode = root$jscomp$0.current.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; JSCompiler_inline_result = !0; @@ -11930,15 +11938,6 @@ __DEV__ && } return !1; } - function enqueuePendingPassiveProfilerEffect(fiber) { - pendingPassiveProfilerEffects.push(fiber); - rootDoesHavePassiveEffects || - ((rootDoesHavePassiveEffects = !0), - scheduleCallback(NormalPriority$1, function () { - flushPassiveEffects(); - return null; - })); - } function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) { sourceFiber = createCapturedValueAtFiber(error, sourceFiber); sourceFiber = createRootErrorUpdate(rootFiber.stateNode, sourceFiber, 2); @@ -12939,7 +12938,7 @@ __DEV__ && try { testStringCoercion(value); var JSCompiler_inline_result = !1; - } catch (e$36) { + } catch (e$37) { JSCompiler_inline_result = !0; } JSCompiler_inline_result && @@ -14804,7 +14803,6 @@ __DEV__ && rootDoesHavePassiveEffects = !1, rootWithPendingPassiveEffects = null, pendingPassiveEffectsLanes = 0, - pendingPassiveProfilerEffects = [], pendingPassiveEffectsRemainingLanes = 0, pendingPassiveTransitions = null, NESTED_UPDATE_LIMIT = 50, @@ -15033,11 +15031,11 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.0.0-www-modern-0eab377a-20240916", + version: "19.0.0-www-modern-f2df5694-20240916", rendererPackageName: "react-test-renderer", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-0eab377a-20240916" + reconcilerVersion: "19.0.0-www-modern-f2df5694-20240916" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -15057,7 +15055,7 @@ __DEV__ && exports._Scheduler = Scheduler; exports.act = act; exports.create = function (element, options) { - var createNodeMock = JSCompiler_object_inline_createNodeMock_1115, + var createNodeMock = JSCompiler_object_inline_createNodeMock_1119, isConcurrentOnly = !0 !== global.IS_REACT_NATIVE_TEST_ENVIRONMENT, isConcurrent = isConcurrentOnly, isStrictMode = !1; @@ -15172,5 +15170,5 @@ __DEV__ && exports.unstable_batchedUpdates = function (fn, a) { return fn(a); }; - exports.version = "19.0.0-www-modern-0eab377a-20240916"; + exports.version = "19.0.0-www-modern-f2df5694-20240916"; })(); diff --git a/compiled/facebook-www/VERSION_CLASSIC b/compiled/facebook-www/VERSION_CLASSIC index 9fc71a4cae..b465be9087 100644 --- a/compiled/facebook-www/VERSION_CLASSIC +++ b/compiled/facebook-www/VERSION_CLASSIC @@ -1 +1 @@ -19.0.0-www-classic-0eab377a-20240916 \ No newline at end of file +19.0.0-www-classic-f2df5694-20240916 \ No newline at end of file diff --git a/compiled/facebook-www/VERSION_MODERN b/compiled/facebook-www/VERSION_MODERN index 0cbba84047..feed9c9408 100644 --- a/compiled/facebook-www/VERSION_MODERN +++ b/compiled/facebook-www/VERSION_MODERN @@ -1 +1 @@ -19.0.0-www-modern-0eab377a-20240916 \ No newline at end of file +19.0.0-www-modern-f2df5694-20240916 \ No newline at end of file