From 8834a5b4ae27343193bd82f1db0fa46e0144873c Mon Sep 17 00:00:00 2001 From: gnoff Date: Tue, 3 Dec 2024 13:20:46 -0800 Subject: [PATCH] Client render dehydrated Suspense boundaries on document load (#31620) When streaming SSR while hydrating React will wait for Suspense boundaries to be revealed by the SSR stream before attempting to hydrate them. The rationale here is that the Server render is likely further ahead of whatever the client would produce so waiting to let the server stream in the UI is preferable to retrying on the client and possibly delaying how quickly the primary content becomes available. However If the connection closes early (user hits stop for instance) or there is a server error which prevents additional HTML from being delivered to the client this can put React into a broken state where the boundary never resolves nor errors and the hydration never retries that boundary freezing it in it's fallback state. Once the document has fully loaded we know there is not way any additional Suspense boundaries can arrive. This update changes react-dom on the client to schedule client renders for any unfinished Suspense boundaries upon document loading. The technique for client rendering a fallback is pretty straight forward. When hydrating a Suspense boundary if the Document is in 'complete' readyState we interpret pending boundaries as fallback boundaries. If the readyState is not 'complete' we register an event to retry the boundary when the DOMContentLoaded event fires. To test this I needed JSDOM to model readyState. We previously had a temporary implementation of readyState for SSR streaming but I ended up implementing this as a mock of JSDOM that implements a fake readyState that is mutable. It starts off in 'loading' readyState and you can advance it by mutating document.readyState. You can also reset it to 'loading'. It fires events when changing states. This seems like the least invasive way to get closer-to-real-browser behavior in a way that won't require remembering this subtle detail every time you create a test that asserts Suspense resolution order. DiffTrain build for [16d2bbbd1f1617d636ea0fd271b902a12a763c27](https://github.com/facebook/react/commit/16d2bbbd1f1617d636ea0fd271b902a12a763c27) --- 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 | 6 +- compiled/facebook-www/ReactART-dev.modern.js | 6 +- .../facebook-www/ReactART-prod.classic.js | 6 +- compiled/facebook-www/ReactART-prod.modern.js | 6 +- compiled/facebook-www/ReactDOM-dev.classic.js | 366 +++++++++--------- compiled/facebook-www/ReactDOM-dev.modern.js | 366 +++++++++--------- .../facebook-www/ReactDOM-prod.classic.js | 96 +++-- compiled/facebook-www/ReactDOM-prod.modern.js | 96 +++-- .../ReactDOM-profiling.classic.js | 100 +++-- .../facebook-www/ReactDOM-profiling.modern.js | 100 +++-- .../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 | 366 +++++++++--------- .../ReactDOMTesting-dev.modern.js | 366 +++++++++--------- .../ReactDOMTesting-prod.classic.js | 96 +++-- .../ReactDOMTesting-prod.modern.js | 96 +++-- .../ReactReconciler-dev.classic.js | 2 +- .../ReactReconciler-dev.modern.js | 2 +- .../ReactReconciler-prod.classic.js | 2 +- .../ReactReconciler-prod.modern.js | 2 +- .../ReactTestRenderer-dev.classic.js | 6 +- .../ReactTestRenderer-dev.modern.js | 6 +- compiled/facebook-www/VERSION_CLASSIC | 2 +- compiled/facebook-www/VERSION_MODERN | 2 +- 34 files changed, 1160 insertions(+), 960 deletions(-) diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION index 8da6e9203a28a..b49ff24ac2394 100644 --- a/compiled/facebook-www/REVISION +++ b/compiled/facebook-www/REVISION @@ -1 +1 @@ -e3b7ef32be6a6d01ea050a10a218538e3a75c64f +16d2bbbd1f1617d636ea0fd271b902a12a763c27 diff --git a/compiled/facebook-www/REVISION_TRANSFORMS b/compiled/facebook-www/REVISION_TRANSFORMS index 8da6e9203a28a..b49ff24ac2394 100644 --- a/compiled/facebook-www/REVISION_TRANSFORMS +++ b/compiled/facebook-www/REVISION_TRANSFORMS @@ -1 +1 @@ -e3b7ef32be6a6d01ea050a10a218538e3a75c64f +16d2bbbd1f1617d636ea0fd271b902a12a763c27 diff --git a/compiled/facebook-www/React-dev.classic.js b/compiled/facebook-www/React-dev.classic.js index 8c4fb0b7697e7..02047d417c220 100644 --- a/compiled/facebook-www/React-dev.classic.js +++ b/compiled/facebook-www/React-dev.classic.js @@ -1841,7 +1841,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.0.0-www-classic-e3b7ef32-20241122"; + exports.version = "19.0.0-www-classic-16d2bbbd-20241203"; "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 f5dae4f4a3c13..2e3b10de6b453 100644 --- a/compiled/facebook-www/React-dev.modern.js +++ b/compiled/facebook-www/React-dev.modern.js @@ -1841,7 +1841,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.0.0-www-modern-e3b7ef32-20241122"; + exports.version = "19.0.0-www-modern-16d2bbbd-20241203"; "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 d73337a145951..8e10a4b450626 100644 --- a/compiled/facebook-www/React-prod.classic.js +++ b/compiled/facebook-www/React-prod.classic.js @@ -634,4 +634,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-classic-e3b7ef32-20241122"; +exports.version = "19.0.0-www-classic-16d2bbbd-20241203"; diff --git a/compiled/facebook-www/React-prod.modern.js b/compiled/facebook-www/React-prod.modern.js index 80f13200afd6b..dd87d62eda5cd 100644 --- a/compiled/facebook-www/React-prod.modern.js +++ b/compiled/facebook-www/React-prod.modern.js @@ -634,4 +634,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-modern-e3b7ef32-20241122"; +exports.version = "19.0.0-www-modern-16d2bbbd-20241203"; diff --git a/compiled/facebook-www/React-profiling.classic.js b/compiled/facebook-www/React-profiling.classic.js index 88fbbe78467f2..84b143c434cc4 100644 --- a/compiled/facebook-www/React-profiling.classic.js +++ b/compiled/facebook-www/React-profiling.classic.js @@ -638,7 +638,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-classic-e3b7ef32-20241122"; +exports.version = "19.0.0-www-classic-16d2bbbd-20241203"; "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 05b8169c03f06..4fc7dc3d08fe9 100644 --- a/compiled/facebook-www/React-profiling.modern.js +++ b/compiled/facebook-www/React-profiling.modern.js @@ -638,7 +638,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-modern-e3b7ef32-20241122"; +exports.version = "19.0.0-www-modern-16d2bbbd-20241203"; "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 1881243e6b87a..9f19bd7fc540f 100644 --- a/compiled/facebook-www/ReactART-dev.classic.js +++ b/compiled/facebook-www/ReactART-dev.classic.js @@ -17125,11 +17125,11 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.0.0-www-classic-e3b7ef32-20241122", + version: "19.0.0-www-classic-16d2bbbd-20241203", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-classic-16d2bbbd-20241203" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -17163,7 +17163,7 @@ __DEV__ && exports.Shape = Shape; exports.Surface = Surface; exports.Text = Text; - exports.version = "19.0.0-www-classic-e3b7ef32-20241122"; + exports.version = "19.0.0-www-classic-16d2bbbd-20241203"; "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 cf839b544a924..d4938791695cb 100644 --- a/compiled/facebook-www/ReactART-dev.modern.js +++ b/compiled/facebook-www/ReactART-dev.modern.js @@ -16888,11 +16888,11 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.0.0-www-modern-e3b7ef32-20241122", + version: "19.0.0-www-modern-16d2bbbd-20241203", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-modern-16d2bbbd-20241203" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -16926,7 +16926,7 @@ __DEV__ && exports.Shape = Shape; exports.Surface = Surface; exports.Text = Text; - exports.version = "19.0.0-www-modern-e3b7ef32-20241122"; + exports.version = "19.0.0-www-modern-16d2bbbd-20241203"; "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 00f03661a3e04..a25f7663a58b2 100644 --- a/compiled/facebook-www/ReactART-prod.classic.js +++ b/compiled/facebook-www/ReactART-prod.classic.js @@ -10824,13 +10824,13 @@ var slice = Array.prototype.slice, })(React.Component); var internals$jscomp$inline_1509 = { bundleType: 0, - version: "19.0.0-www-classic-e3b7ef32-20241122", + version: "19.0.0-www-classic-16d2bbbd-20241203", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: function () { return null; }, - reconcilerVersion: "19.0.0-www-classic-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-classic-16d2bbbd-20241203" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1510 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -10856,4 +10856,4 @@ exports.RadialGradient = RadialGradient; exports.Shape = TYPES.SHAPE; exports.Surface = Surface; exports.Text = Text; -exports.version = "19.0.0-www-classic-e3b7ef32-20241122"; +exports.version = "19.0.0-www-classic-16d2bbbd-20241203"; diff --git a/compiled/facebook-www/ReactART-prod.modern.js b/compiled/facebook-www/ReactART-prod.modern.js index 83e1db3684e10..4df73e558c8af 100644 --- a/compiled/facebook-www/ReactART-prod.modern.js +++ b/compiled/facebook-www/ReactART-prod.modern.js @@ -10540,13 +10540,13 @@ var slice = Array.prototype.slice, })(React.Component); var internals$jscomp$inline_1488 = { bundleType: 0, - version: "19.0.0-www-modern-e3b7ef32-20241122", + version: "19.0.0-www-modern-16d2bbbd-20241203", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: function () { return null; }, - reconcilerVersion: "19.0.0-www-modern-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-modern-16d2bbbd-20241203" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1489 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -10572,4 +10572,4 @@ exports.RadialGradient = RadialGradient; exports.Shape = TYPES.SHAPE; exports.Surface = Surface; exports.Text = Text; -exports.version = "19.0.0-www-modern-e3b7ef32-20241122"; +exports.version = "19.0.0-www-modern-16d2bbbd-20241203"; diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js index 5f680583b892f..27f49c4f07653 100644 --- a/compiled/facebook-www/ReactDOM-dev.classic.js +++ b/compiled/facebook-www/ReactDOM-dev.classic.js @@ -7541,7 +7541,7 @@ __DEV__ && ((state = state.dehydrated), null === state || state.data === SUSPENSE_PENDING_START_DATA || - state.data === SUSPENSE_FALLBACK_START_DATA) + isSuspenseInstanceFallback(state)) ) return node; } else if ( @@ -9247,32 +9247,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2520; - var JSCompiler_object_inline_stack_2521 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2514; + var JSCompiler_object_inline_stack_2515 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2522 = !1; + var JSCompiler_object_inline_componentStack_2516 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2520 = didSuspend) || - (JSCompiler_object_inline_digest_2520 = + (JSCompiler_object_inline_digest_2514 = didSuspend) || + (JSCompiler_object_inline_digest_2514 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2520 && - ((JSCompiler_object_inline_componentStack_2522 = !0), + JSCompiler_object_inline_digest_2514 && + ((JSCompiler_object_inline_componentStack_2516 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2520 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2514 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2522 + JSCompiler_object_inline_componentStack_2516 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2519 = nextHydratableInstance; + var JSCompiler_object_inline_message_2513 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2519)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2513)) { c: { - var instance = JSCompiler_object_inline_message_2519; + var instance = JSCompiler_object_inline_message_2513; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9313,47 +9313,46 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2519 + JSCompiler_object_inline_message_2513 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2519 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2513 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2519 && - ((JSCompiler_object_inline_message_2519 = - JSCompiler_object_inline_message_2519.dehydrated), - null !== JSCompiler_object_inline_message_2519) + null !== JSCompiler_object_inline_message_2513 && + ((JSCompiler_object_inline_message_2513 = + JSCompiler_object_inline_message_2513.dehydrated), + null !== JSCompiler_object_inline_message_2513) ) return ( - JSCompiler_object_inline_message_2519.data === - SUSPENSE_FALLBACK_START_DATA + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2513) ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2519 = - JSCompiler_object_inline_stack_2521.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2521.fallback; - if (JSCompiler_object_inline_componentStack_2522) + JSCompiler_object_inline_message_2513 = + JSCompiler_object_inline_stack_2515.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2515.fallback; + if (JSCompiler_object_inline_componentStack_2516) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2521 = + (JSCompiler_object_inline_stack_2515 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2519, + JSCompiler_object_inline_message_2513, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2522 = + (JSCompiler_object_inline_componentStack_2516 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2522.memoizedState = + (JSCompiler_object_inline_componentStack_2516.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2522.childLanes = + (JSCompiler_object_inline_componentStack_2516.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2520, + JSCompiler_object_inline_digest_2514, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9366,9 +9365,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2522.updateQueue), + JSCompiler_object_inline_componentStack_2516.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2522.updateQueue = + ? (JSCompiler_object_inline_componentStack_2516.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9376,46 +9375,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2521 + JSCompiler_object_inline_stack_2515 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2521.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2515.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2521 = + (JSCompiler_object_inline_stack_2515 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2519, + JSCompiler_object_inline_message_2513, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2522 = + (JSCompiler_object_inline_componentStack_2516 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2522.memoizedState = + (JSCompiler_object_inline_componentStack_2516.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2522.childLanes = + (JSCompiler_object_inline_componentStack_2516.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2520, + JSCompiler_object_inline_digest_2514, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2521 + JSCompiler_object_inline_stack_2515 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2519 + JSCompiler_object_inline_message_2513 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2519 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2519) + ((JSCompiler_object_inline_message_2513 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2513) ) { if (didSuspend) workInProgress.flags & 256 @@ -9432,95 +9431,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2522 = - JSCompiler_object_inline_stack_2521.fallback), - (JSCompiler_object_inline_message_2519 = workInProgress.mode), - (JSCompiler_object_inline_stack_2521 = + (JSCompiler_object_inline_componentStack_2516 = + JSCompiler_object_inline_stack_2515.fallback), + (JSCompiler_object_inline_message_2513 = workInProgress.mode), + (JSCompiler_object_inline_stack_2515 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2521.children + children: JSCompiler_object_inline_stack_2515.children }, - JSCompiler_object_inline_message_2519 + JSCompiler_object_inline_message_2513 )), - (JSCompiler_object_inline_componentStack_2522 = + (JSCompiler_object_inline_componentStack_2516 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2522, - JSCompiler_object_inline_message_2519, + JSCompiler_object_inline_componentStack_2516, + JSCompiler_object_inline_message_2513, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2522.flags |= 2), - (JSCompiler_object_inline_stack_2521.return = workInProgress), - (JSCompiler_object_inline_componentStack_2522.return = + (JSCompiler_object_inline_componentStack_2516.flags |= 2), + (JSCompiler_object_inline_stack_2515.return = workInProgress), + (JSCompiler_object_inline_componentStack_2516.return = workInProgress), - (JSCompiler_object_inline_stack_2521.sibling = - JSCompiler_object_inline_componentStack_2522), - (workInProgress.child = JSCompiler_object_inline_stack_2521), + (JSCompiler_object_inline_stack_2515.sibling = + JSCompiler_object_inline_componentStack_2516), + (workInProgress.child = JSCompiler_object_inline_stack_2515), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2521 = workInProgress.child), - (JSCompiler_object_inline_stack_2521.memoizedState = + (JSCompiler_object_inline_stack_2515 = workInProgress.child), + (JSCompiler_object_inline_stack_2515.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2521.childLanes = + (JSCompiler_object_inline_stack_2515.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2520, + JSCompiler_object_inline_digest_2514, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2522)); + JSCompiler_object_inline_componentStack_2516)); 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_2519.data === - SUSPENSE_FALLBACK_START_DATA) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2513)) ) { - JSCompiler_object_inline_digest_2520 = - JSCompiler_object_inline_message_2519.nextSibling && - JSCompiler_object_inline_message_2519.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2520) { - JSCompiler_temp = JSCompiler_object_inline_digest_2520.dgst; - var message = JSCompiler_object_inline_digest_2520.msg; - instance = JSCompiler_object_inline_digest_2520.stck; - var componentStack = JSCompiler_object_inline_digest_2520.cstck; + JSCompiler_object_inline_digest_2514 = + JSCompiler_object_inline_message_2513.nextSibling && + JSCompiler_object_inline_message_2513.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2514) { + JSCompiler_temp = JSCompiler_object_inline_digest_2514.dgst; + var message = JSCompiler_object_inline_digest_2514.msg; + instance = JSCompiler_object_inline_digest_2514.stck; + var componentStack = JSCompiler_object_inline_digest_2514.cstck; } - JSCompiler_object_inline_message_2519 = message; - JSCompiler_object_inline_digest_2520 = JSCompiler_temp; - JSCompiler_object_inline_stack_2521 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2522 = + JSCompiler_object_inline_message_2513 = message; + JSCompiler_object_inline_digest_2514 = JSCompiler_temp; + JSCompiler_object_inline_stack_2515 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2516 = componentStack; - JSCompiler_object_inline_componentStack_2522 = - JSCompiler_object_inline_message_2519 - ? Error(JSCompiler_object_inline_message_2519) + JSCompiler_object_inline_componentStack_2516 = + JSCompiler_object_inline_message_2513 + ? Error(JSCompiler_object_inline_message_2513) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_componentStack_2522.stack = - JSCompiler_object_inline_stack_2521 || ""; - JSCompiler_object_inline_componentStack_2522.digest = - JSCompiler_object_inline_digest_2520; - JSCompiler_object_inline_digest_2520 = + JSCompiler_object_inline_componentStack_2516.stack = + JSCompiler_object_inline_stack_2515 || ""; + JSCompiler_object_inline_componentStack_2516.digest = + JSCompiler_object_inline_digest_2514; + JSCompiler_object_inline_digest_2514 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2521 = { - value: JSCompiler_object_inline_componentStack_2522, + JSCompiler_object_inline_stack_2515 = { + value: JSCompiler_object_inline_componentStack_2516, source: null, - stack: JSCompiler_object_inline_digest_2520 + stack: JSCompiler_object_inline_digest_2514 }; - "string" === typeof JSCompiler_object_inline_digest_2520 && + "string" === typeof JSCompiler_object_inline_digest_2514 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2522, - JSCompiler_object_inline_stack_2521 + JSCompiler_object_inline_componentStack_2516, + JSCompiler_object_inline_stack_2515 ); - queueHydrationError(JSCompiler_object_inline_stack_2521); + queueHydrationError(JSCompiler_object_inline_stack_2515); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9534,25 +9532,25 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2520 = + (JSCompiler_object_inline_digest_2514 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2520) + didReceiveUpdate || JSCompiler_object_inline_digest_2514) ) { - JSCompiler_object_inline_digest_2520 = workInProgressRoot; - if (null !== JSCompiler_object_inline_digest_2520) { - JSCompiler_object_inline_stack_2521 = renderLanes & -renderLanes; - if (0 !== (JSCompiler_object_inline_stack_2521 & 42)) - JSCompiler_object_inline_stack_2521 = 1; + JSCompiler_object_inline_digest_2514 = workInProgressRoot; + if (null !== JSCompiler_object_inline_digest_2514) { + JSCompiler_object_inline_stack_2515 = renderLanes & -renderLanes; + if (0 !== (JSCompiler_object_inline_stack_2515 & 42)) + JSCompiler_object_inline_stack_2515 = 1; else - switch (JSCompiler_object_inline_stack_2521) { + switch (JSCompiler_object_inline_stack_2515) { case 2: - JSCompiler_object_inline_stack_2521 = 1; + JSCompiler_object_inline_stack_2515 = 1; break; case 8: - JSCompiler_object_inline_stack_2521 = 4; + JSCompiler_object_inline_stack_2515 = 4; break; case 32: - JSCompiler_object_inline_stack_2521 = 16; + JSCompiler_object_inline_stack_2515 = 16; break; case 128: case 256: @@ -9573,40 +9571,40 @@ __DEV__ && case 8388608: case 16777216: case 33554432: - JSCompiler_object_inline_stack_2521 = 64; + JSCompiler_object_inline_stack_2515 = 64; break; case 268435456: - JSCompiler_object_inline_stack_2521 = 134217728; + JSCompiler_object_inline_stack_2515 = 134217728; break; default: - JSCompiler_object_inline_stack_2521 = 0; + JSCompiler_object_inline_stack_2515 = 0; } - JSCompiler_object_inline_stack_2521 = + JSCompiler_object_inline_stack_2515 = 0 !== - (JSCompiler_object_inline_stack_2521 & - (JSCompiler_object_inline_digest_2520.suspendedLanes | + (JSCompiler_object_inline_stack_2515 & + (JSCompiler_object_inline_digest_2514.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2521; + : JSCompiler_object_inline_stack_2515; if ( - 0 !== JSCompiler_object_inline_stack_2521 && - JSCompiler_object_inline_stack_2521 !== prevState.retryLane + 0 !== JSCompiler_object_inline_stack_2515 && + JSCompiler_object_inline_stack_2515 !== prevState.retryLane ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2521), + ((prevState.retryLane = JSCompiler_object_inline_stack_2515), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2521 + JSCompiler_object_inline_stack_2515 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2520, + JSCompiler_object_inline_digest_2514, current, - JSCompiler_object_inline_stack_2521 + JSCompiler_object_inline_stack_2515 ), SelectiveHydrationException) ); } - JSCompiler_object_inline_message_2519.data === + JSCompiler_object_inline_message_2513.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9614,7 +9612,7 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2519.data === + JSCompiler_object_inline_message_2513.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 128), (workInProgress.child = current.child), @@ -9622,12 +9620,14 @@ __DEV__ && null, current )), - (JSCompiler_object_inline_message_2519._reactRetry = - workInProgress), + registerSuspenseInstanceRetry( + JSCompiler_object_inline_message_2513, + workInProgress + ), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2519.nextSibling + JSCompiler_object_inline_message_2513.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9645,57 +9645,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2521.children + JSCompiler_object_inline_stack_2515.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2522) + if (JSCompiler_object_inline_componentStack_2516) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2522 = - JSCompiler_object_inline_stack_2521.fallback), - (JSCompiler_object_inline_message_2519 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2516 = + JSCompiler_object_inline_stack_2515.fallback), + (JSCompiler_object_inline_message_2513 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2521 = createWorkInProgress( + (JSCompiler_object_inline_stack_2515 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2521.children + children: JSCompiler_object_inline_stack_2515.children } )), - (JSCompiler_object_inline_stack_2521.subtreeFlags = + (JSCompiler_object_inline_stack_2515.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280), null !== instance - ? (JSCompiler_object_inline_componentStack_2522 = + ? (JSCompiler_object_inline_componentStack_2516 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2522 + JSCompiler_object_inline_componentStack_2516 )) - : ((JSCompiler_object_inline_componentStack_2522 = + : ((JSCompiler_object_inline_componentStack_2516 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2522, - JSCompiler_object_inline_message_2519, + JSCompiler_object_inline_componentStack_2516, + JSCompiler_object_inline_message_2513, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2522.flags |= 2)), - (JSCompiler_object_inline_componentStack_2522.return = + (JSCompiler_object_inline_componentStack_2516.flags |= 2)), + (JSCompiler_object_inline_componentStack_2516.return = workInProgress), - (JSCompiler_object_inline_stack_2521.return = workInProgress), - (JSCompiler_object_inline_stack_2521.sibling = - JSCompiler_object_inline_componentStack_2522), - (workInProgress.child = JSCompiler_object_inline_stack_2521), - (JSCompiler_object_inline_stack_2521 = - JSCompiler_object_inline_componentStack_2522), - (JSCompiler_object_inline_componentStack_2522 = workInProgress.child), - (JSCompiler_object_inline_message_2519 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2519 - ? (JSCompiler_object_inline_message_2519 = + (JSCompiler_object_inline_stack_2515.return = workInProgress), + (JSCompiler_object_inline_stack_2515.sibling = + JSCompiler_object_inline_componentStack_2516), + (workInProgress.child = JSCompiler_object_inline_stack_2515), + (JSCompiler_object_inline_stack_2515 = + JSCompiler_object_inline_componentStack_2516), + (JSCompiler_object_inline_componentStack_2516 = workInProgress.child), + (JSCompiler_object_inline_message_2513 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2513 + ? (JSCompiler_object_inline_message_2513 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2519.cachePool), + JSCompiler_object_inline_message_2513.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9703,34 +9703,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2519 = { + (JSCompiler_object_inline_message_2513 = { baseLanes: - JSCompiler_object_inline_message_2519.baseLanes | renderLanes, + JSCompiler_object_inline_message_2513.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2522.memoizedState = - JSCompiler_object_inline_message_2519), + (JSCompiler_object_inline_componentStack_2516.memoizedState = + JSCompiler_object_inline_message_2513), enableTransitionTracing && - ((JSCompiler_object_inline_message_2519 = enableTransitionTracing + ((JSCompiler_object_inline_message_2513 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2519 && + null !== JSCompiler_object_inline_message_2513 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2522.updateQueue), + JSCompiler_object_inline_componentStack_2516.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2522.updateQueue = { - transitions: JSCompiler_object_inline_message_2519, + ? (JSCompiler_object_inline_componentStack_2516.updateQueue = { + transitions: JSCompiler_object_inline_message_2513, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2522.updateQueue = + ? (JSCompiler_object_inline_componentStack_2516.updateQueue = { - transitions: JSCompiler_object_inline_message_2519, + transitions: JSCompiler_object_inline_message_2513, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -9738,32 +9738,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2519), + JSCompiler_object_inline_message_2513), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2522.childLanes = + (JSCompiler_object_inline_componentStack_2516.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2520, + JSCompiler_object_inline_digest_2514, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2521 + JSCompiler_object_inline_stack_2515 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2521.children + children: JSCompiler_object_inline_stack_2515.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2520 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2520 + ((JSCompiler_object_inline_digest_2514 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2514 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2520.push(current)); + : JSCompiler_object_inline_digest_2514.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -21968,6 +21968,25 @@ __DEV__ && } return instance; } + function isSuspenseInstanceFallback(instance) { + return ( + instance.data === SUSPENSE_FALLBACK_START_DATA || + (instance.data === SUSPENSE_PENDING_START_DATA && + instance.ownerDocument.readyState === DOCUMENT_READY_STATE_COMPLETE) + ); + } + function registerSuspenseInstanceRetry(instance, callback) { + var ownerDocument = instance.ownerDocument; + ownerDocument.readyState !== DOCUMENT_READY_STATE_COMPLETE && + ownerDocument.addEventListener( + "DOMContentLoaded", + function () { + instance.data === SUSPENSE_PENDING_START_DATA && callback(); + }, + { once: !0 } + ); + instance._reactRetry = callback; + } function getNextHydratable(node) { for (; null != node; node = node.nextSibling) { var nodeType = node.nodeType; @@ -27227,6 +27246,7 @@ __DEV__ && SUSPENSE_FALLBACK_START_DATA = "$!", FORM_STATE_IS_MATCHING = "F!", FORM_STATE_IS_NOT_MATCHING = "F", + DOCUMENT_READY_STATE_COMPLETE = "complete", STYLE = "style", HostContextNamespaceNone = 0, HostContextNamespaceSvg = 1, @@ -27543,11 +27563,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-www-classic-e3b7ef32-20241122" !== isomorphicReactPackageVersion) + if ("19.0.0-www-classic-16d2bbbd-20241203" !== 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-e3b7ef32-20241122\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-www-classic-16d2bbbd-20241203\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27590,11 +27610,11 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.0.0-www-classic-e3b7ef32-20241122", + version: "19.0.0-www-classic-16d2bbbd-20241203", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-classic-16d2bbbd-20241203" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -28199,7 +28219,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-www-classic-e3b7ef32-20241122"; + exports.version = "19.0.0-www-classic-16d2bbbd-20241203"; "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 5e6492a9816b5..40fd04ed43111 100644 --- a/compiled/facebook-www/ReactDOM-dev.modern.js +++ b/compiled/facebook-www/ReactDOM-dev.modern.js @@ -7428,7 +7428,7 @@ __DEV__ && ((state = state.dehydrated), null === state || state.data === SUSPENSE_PENDING_START_DATA || - state.data === SUSPENSE_FALLBACK_START_DATA) + isSuspenseInstanceFallback(state)) ) return node; } else if ( @@ -9059,32 +9059,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2512; - var JSCompiler_object_inline_stack_2513 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2506; + var JSCompiler_object_inline_stack_2507 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2514 = !1; + var JSCompiler_object_inline_componentStack_2508 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2512 = didSuspend) || - (JSCompiler_object_inline_digest_2512 = + (JSCompiler_object_inline_digest_2506 = didSuspend) || + (JSCompiler_object_inline_digest_2506 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2512 && - ((JSCompiler_object_inline_componentStack_2514 = !0), + JSCompiler_object_inline_digest_2506 && + ((JSCompiler_object_inline_componentStack_2508 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2512 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2506 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2514 + JSCompiler_object_inline_componentStack_2508 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2511 = nextHydratableInstance; + var JSCompiler_object_inline_message_2505 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2511)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2505)) { c: { - var instance = JSCompiler_object_inline_message_2511; + var instance = JSCompiler_object_inline_message_2505; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9125,47 +9125,46 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2511 + JSCompiler_object_inline_message_2505 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2511 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2505 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2511 && - ((JSCompiler_object_inline_message_2511 = - JSCompiler_object_inline_message_2511.dehydrated), - null !== JSCompiler_object_inline_message_2511) + null !== JSCompiler_object_inline_message_2505 && + ((JSCompiler_object_inline_message_2505 = + JSCompiler_object_inline_message_2505.dehydrated), + null !== JSCompiler_object_inline_message_2505) ) return ( - JSCompiler_object_inline_message_2511.data === - SUSPENSE_FALLBACK_START_DATA + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2505) ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2511 = - JSCompiler_object_inline_stack_2513.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2513.fallback; - if (JSCompiler_object_inline_componentStack_2514) + JSCompiler_object_inline_message_2505 = + JSCompiler_object_inline_stack_2507.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2507.fallback; + if (JSCompiler_object_inline_componentStack_2508) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2513 = + (JSCompiler_object_inline_stack_2507 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2511, + JSCompiler_object_inline_message_2505, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2514 = + (JSCompiler_object_inline_componentStack_2508 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2514.memoizedState = + (JSCompiler_object_inline_componentStack_2508.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2514.childLanes = + (JSCompiler_object_inline_componentStack_2508.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2512, + JSCompiler_object_inline_digest_2506, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9178,9 +9177,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2514.updateQueue), + JSCompiler_object_inline_componentStack_2508.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2514.updateQueue = + ? (JSCompiler_object_inline_componentStack_2508.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9188,46 +9187,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2513 + JSCompiler_object_inline_stack_2507 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2513.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2507.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2513 = + (JSCompiler_object_inline_stack_2507 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2511, + JSCompiler_object_inline_message_2505, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2514 = + (JSCompiler_object_inline_componentStack_2508 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2514.memoizedState = + (JSCompiler_object_inline_componentStack_2508.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2514.childLanes = + (JSCompiler_object_inline_componentStack_2508.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2512, + JSCompiler_object_inline_digest_2506, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2513 + JSCompiler_object_inline_stack_2507 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2511 + JSCompiler_object_inline_message_2505 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2511 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2511) + ((JSCompiler_object_inline_message_2505 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2505) ) { if (didSuspend) workInProgress.flags & 256 @@ -9244,95 +9243,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2514 = - JSCompiler_object_inline_stack_2513.fallback), - (JSCompiler_object_inline_message_2511 = workInProgress.mode), - (JSCompiler_object_inline_stack_2513 = + (JSCompiler_object_inline_componentStack_2508 = + JSCompiler_object_inline_stack_2507.fallback), + (JSCompiler_object_inline_message_2505 = workInProgress.mode), + (JSCompiler_object_inline_stack_2507 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2513.children + children: JSCompiler_object_inline_stack_2507.children }, - JSCompiler_object_inline_message_2511 + JSCompiler_object_inline_message_2505 )), - (JSCompiler_object_inline_componentStack_2514 = + (JSCompiler_object_inline_componentStack_2508 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2514, - JSCompiler_object_inline_message_2511, + JSCompiler_object_inline_componentStack_2508, + JSCompiler_object_inline_message_2505, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2514.flags |= 2), - (JSCompiler_object_inline_stack_2513.return = workInProgress), - (JSCompiler_object_inline_componentStack_2514.return = + (JSCompiler_object_inline_componentStack_2508.flags |= 2), + (JSCompiler_object_inline_stack_2507.return = workInProgress), + (JSCompiler_object_inline_componentStack_2508.return = workInProgress), - (JSCompiler_object_inline_stack_2513.sibling = - JSCompiler_object_inline_componentStack_2514), - (workInProgress.child = JSCompiler_object_inline_stack_2513), + (JSCompiler_object_inline_stack_2507.sibling = + JSCompiler_object_inline_componentStack_2508), + (workInProgress.child = JSCompiler_object_inline_stack_2507), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2513 = workInProgress.child), - (JSCompiler_object_inline_stack_2513.memoizedState = + (JSCompiler_object_inline_stack_2507 = workInProgress.child), + (JSCompiler_object_inline_stack_2507.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2513.childLanes = + (JSCompiler_object_inline_stack_2507.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2512, + JSCompiler_object_inline_digest_2506, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2514)); + JSCompiler_object_inline_componentStack_2508)); 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_2511.data === - SUSPENSE_FALLBACK_START_DATA) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2505)) ) { - JSCompiler_object_inline_digest_2512 = - JSCompiler_object_inline_message_2511.nextSibling && - JSCompiler_object_inline_message_2511.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2512) { - JSCompiler_temp = JSCompiler_object_inline_digest_2512.dgst; - var message = JSCompiler_object_inline_digest_2512.msg; - instance = JSCompiler_object_inline_digest_2512.stck; - var componentStack = JSCompiler_object_inline_digest_2512.cstck; + JSCompiler_object_inline_digest_2506 = + JSCompiler_object_inline_message_2505.nextSibling && + JSCompiler_object_inline_message_2505.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2506) { + JSCompiler_temp = JSCompiler_object_inline_digest_2506.dgst; + var message = JSCompiler_object_inline_digest_2506.msg; + instance = JSCompiler_object_inline_digest_2506.stck; + var componentStack = JSCompiler_object_inline_digest_2506.cstck; } - JSCompiler_object_inline_message_2511 = message; - JSCompiler_object_inline_digest_2512 = JSCompiler_temp; - JSCompiler_object_inline_stack_2513 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2514 = + JSCompiler_object_inline_message_2505 = message; + JSCompiler_object_inline_digest_2506 = JSCompiler_temp; + JSCompiler_object_inline_stack_2507 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2508 = componentStack; - JSCompiler_object_inline_componentStack_2514 = - JSCompiler_object_inline_message_2511 - ? Error(JSCompiler_object_inline_message_2511) + JSCompiler_object_inline_componentStack_2508 = + JSCompiler_object_inline_message_2505 + ? Error(JSCompiler_object_inline_message_2505) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_componentStack_2514.stack = - JSCompiler_object_inline_stack_2513 || ""; - JSCompiler_object_inline_componentStack_2514.digest = - JSCompiler_object_inline_digest_2512; - JSCompiler_object_inline_digest_2512 = + JSCompiler_object_inline_componentStack_2508.stack = + JSCompiler_object_inline_stack_2507 || ""; + JSCompiler_object_inline_componentStack_2508.digest = + JSCompiler_object_inline_digest_2506; + JSCompiler_object_inline_digest_2506 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2513 = { - value: JSCompiler_object_inline_componentStack_2514, + JSCompiler_object_inline_stack_2507 = { + value: JSCompiler_object_inline_componentStack_2508, source: null, - stack: JSCompiler_object_inline_digest_2512 + stack: JSCompiler_object_inline_digest_2506 }; - "string" === typeof JSCompiler_object_inline_digest_2512 && + "string" === typeof JSCompiler_object_inline_digest_2506 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2514, - JSCompiler_object_inline_stack_2513 + JSCompiler_object_inline_componentStack_2508, + JSCompiler_object_inline_stack_2507 ); - queueHydrationError(JSCompiler_object_inline_stack_2513); + queueHydrationError(JSCompiler_object_inline_stack_2507); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9346,25 +9344,25 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2512 = + (JSCompiler_object_inline_digest_2506 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2512) + didReceiveUpdate || JSCompiler_object_inline_digest_2506) ) { - JSCompiler_object_inline_digest_2512 = workInProgressRoot; - if (null !== JSCompiler_object_inline_digest_2512) { - JSCompiler_object_inline_stack_2513 = renderLanes & -renderLanes; - if (0 !== (JSCompiler_object_inline_stack_2513 & 42)) - JSCompiler_object_inline_stack_2513 = 1; + JSCompiler_object_inline_digest_2506 = workInProgressRoot; + if (null !== JSCompiler_object_inline_digest_2506) { + JSCompiler_object_inline_stack_2507 = renderLanes & -renderLanes; + if (0 !== (JSCompiler_object_inline_stack_2507 & 42)) + JSCompiler_object_inline_stack_2507 = 1; else - switch (JSCompiler_object_inline_stack_2513) { + switch (JSCompiler_object_inline_stack_2507) { case 2: - JSCompiler_object_inline_stack_2513 = 1; + JSCompiler_object_inline_stack_2507 = 1; break; case 8: - JSCompiler_object_inline_stack_2513 = 4; + JSCompiler_object_inline_stack_2507 = 4; break; case 32: - JSCompiler_object_inline_stack_2513 = 16; + JSCompiler_object_inline_stack_2507 = 16; break; case 128: case 256: @@ -9385,40 +9383,40 @@ __DEV__ && case 8388608: case 16777216: case 33554432: - JSCompiler_object_inline_stack_2513 = 64; + JSCompiler_object_inline_stack_2507 = 64; break; case 268435456: - JSCompiler_object_inline_stack_2513 = 134217728; + JSCompiler_object_inline_stack_2507 = 134217728; break; default: - JSCompiler_object_inline_stack_2513 = 0; + JSCompiler_object_inline_stack_2507 = 0; } - JSCompiler_object_inline_stack_2513 = + JSCompiler_object_inline_stack_2507 = 0 !== - (JSCompiler_object_inline_stack_2513 & - (JSCompiler_object_inline_digest_2512.suspendedLanes | + (JSCompiler_object_inline_stack_2507 & + (JSCompiler_object_inline_digest_2506.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2513; + : JSCompiler_object_inline_stack_2507; if ( - 0 !== JSCompiler_object_inline_stack_2513 && - JSCompiler_object_inline_stack_2513 !== prevState.retryLane + 0 !== JSCompiler_object_inline_stack_2507 && + JSCompiler_object_inline_stack_2507 !== prevState.retryLane ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2513), + ((prevState.retryLane = JSCompiler_object_inline_stack_2507), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2513 + JSCompiler_object_inline_stack_2507 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2512, + JSCompiler_object_inline_digest_2506, current, - JSCompiler_object_inline_stack_2513 + JSCompiler_object_inline_stack_2507 ), SelectiveHydrationException) ); } - JSCompiler_object_inline_message_2511.data === + JSCompiler_object_inline_message_2505.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9426,7 +9424,7 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2511.data === + JSCompiler_object_inline_message_2505.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 128), (workInProgress.child = current.child), @@ -9434,12 +9432,14 @@ __DEV__ && null, current )), - (JSCompiler_object_inline_message_2511._reactRetry = - workInProgress), + registerSuspenseInstanceRetry( + JSCompiler_object_inline_message_2505, + workInProgress + ), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2511.nextSibling + JSCompiler_object_inline_message_2505.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9457,57 +9457,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2513.children + JSCompiler_object_inline_stack_2507.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2514) + if (JSCompiler_object_inline_componentStack_2508) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2514 = - JSCompiler_object_inline_stack_2513.fallback), - (JSCompiler_object_inline_message_2511 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2508 = + JSCompiler_object_inline_stack_2507.fallback), + (JSCompiler_object_inline_message_2505 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2513 = createWorkInProgress( + (JSCompiler_object_inline_stack_2507 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2513.children + children: JSCompiler_object_inline_stack_2507.children } )), - (JSCompiler_object_inline_stack_2513.subtreeFlags = + (JSCompiler_object_inline_stack_2507.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280), null !== instance - ? (JSCompiler_object_inline_componentStack_2514 = + ? (JSCompiler_object_inline_componentStack_2508 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2514 + JSCompiler_object_inline_componentStack_2508 )) - : ((JSCompiler_object_inline_componentStack_2514 = + : ((JSCompiler_object_inline_componentStack_2508 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2514, - JSCompiler_object_inline_message_2511, + JSCompiler_object_inline_componentStack_2508, + JSCompiler_object_inline_message_2505, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2514.flags |= 2)), - (JSCompiler_object_inline_componentStack_2514.return = + (JSCompiler_object_inline_componentStack_2508.flags |= 2)), + (JSCompiler_object_inline_componentStack_2508.return = workInProgress), - (JSCompiler_object_inline_stack_2513.return = workInProgress), - (JSCompiler_object_inline_stack_2513.sibling = - JSCompiler_object_inline_componentStack_2514), - (workInProgress.child = JSCompiler_object_inline_stack_2513), - (JSCompiler_object_inline_stack_2513 = - JSCompiler_object_inline_componentStack_2514), - (JSCompiler_object_inline_componentStack_2514 = workInProgress.child), - (JSCompiler_object_inline_message_2511 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2511 - ? (JSCompiler_object_inline_message_2511 = + (JSCompiler_object_inline_stack_2507.return = workInProgress), + (JSCompiler_object_inline_stack_2507.sibling = + JSCompiler_object_inline_componentStack_2508), + (workInProgress.child = JSCompiler_object_inline_stack_2507), + (JSCompiler_object_inline_stack_2507 = + JSCompiler_object_inline_componentStack_2508), + (JSCompiler_object_inline_componentStack_2508 = workInProgress.child), + (JSCompiler_object_inline_message_2505 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2505 + ? (JSCompiler_object_inline_message_2505 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2511.cachePool), + JSCompiler_object_inline_message_2505.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9515,34 +9515,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2511 = { + (JSCompiler_object_inline_message_2505 = { baseLanes: - JSCompiler_object_inline_message_2511.baseLanes | renderLanes, + JSCompiler_object_inline_message_2505.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2514.memoizedState = - JSCompiler_object_inline_message_2511), + (JSCompiler_object_inline_componentStack_2508.memoizedState = + JSCompiler_object_inline_message_2505), enableTransitionTracing && - ((JSCompiler_object_inline_message_2511 = enableTransitionTracing + ((JSCompiler_object_inline_message_2505 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2511 && + null !== JSCompiler_object_inline_message_2505 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2514.updateQueue), + JSCompiler_object_inline_componentStack_2508.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2514.updateQueue = { - transitions: JSCompiler_object_inline_message_2511, + ? (JSCompiler_object_inline_componentStack_2508.updateQueue = { + transitions: JSCompiler_object_inline_message_2505, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2514.updateQueue = + ? (JSCompiler_object_inline_componentStack_2508.updateQueue = { - transitions: JSCompiler_object_inline_message_2511, + transitions: JSCompiler_object_inline_message_2505, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -9550,32 +9550,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2511), + JSCompiler_object_inline_message_2505), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2514.childLanes = + (JSCompiler_object_inline_componentStack_2508.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2512, + JSCompiler_object_inline_digest_2506, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2513 + JSCompiler_object_inline_stack_2507 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2513.children + children: JSCompiler_object_inline_stack_2507.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2512 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2512 + ((JSCompiler_object_inline_digest_2506 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2506 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2512.push(current)); + : JSCompiler_object_inline_digest_2506.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -21755,6 +21755,25 @@ __DEV__ && } return instance; } + function isSuspenseInstanceFallback(instance) { + return ( + instance.data === SUSPENSE_FALLBACK_START_DATA || + (instance.data === SUSPENSE_PENDING_START_DATA && + instance.ownerDocument.readyState === DOCUMENT_READY_STATE_COMPLETE) + ); + } + function registerSuspenseInstanceRetry(instance, callback) { + var ownerDocument = instance.ownerDocument; + ownerDocument.readyState !== DOCUMENT_READY_STATE_COMPLETE && + ownerDocument.addEventListener( + "DOMContentLoaded", + function () { + instance.data === SUSPENSE_PENDING_START_DATA && callback(); + }, + { once: !0 } + ); + instance._reactRetry = callback; + } function getNextHydratable(node) { for (; null != node; node = node.nextSibling) { var nodeType = node.nodeType; @@ -27006,6 +27025,7 @@ __DEV__ && SUSPENSE_FALLBACK_START_DATA = "$!", FORM_STATE_IS_MATCHING = "F!", FORM_STATE_IS_NOT_MATCHING = "F", + DOCUMENT_READY_STATE_COMPLETE = "complete", STYLE = "style", HostContextNamespaceNone = 0, HostContextNamespaceSvg = 1, @@ -27322,11 +27342,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-www-modern-e3b7ef32-20241122" !== isomorphicReactPackageVersion) + if ("19.0.0-www-modern-16d2bbbd-20241203" !== 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-e3b7ef32-20241122\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-www-modern-16d2bbbd-20241203\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27369,11 +27389,11 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.0.0-www-modern-e3b7ef32-20241122", + version: "19.0.0-www-modern-16d2bbbd-20241203", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-modern-16d2bbbd-20241203" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -27978,7 +27998,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-www-modern-e3b7ef32-20241122"; + exports.version = "19.0.0-www-modern-16d2bbbd-20241203"; "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 e594b10ee8735..6e12ebcef00d1 100644 --- a/compiled/facebook-www/ReactDOM-prod.classic.js +++ b/compiled/facebook-www/ReactDOM-prod.classic.js @@ -4912,7 +4912,9 @@ function findFirstSuspended(row) { if ( null !== state && ((state = state.dehydrated), - null === state || "$?" === state.data || "$!" === state.data) + null === state || + "$?" === state.data || + isSuspenseInstanceFallback(state)) ) return node; } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) { @@ -6175,7 +6177,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { ((nextInstance = nextInstance.dehydrated), null !== nextInstance) ) return ( - "$!" === nextInstance.data + isSuspenseInstanceFallback(nextInstance) ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), null @@ -6299,7 +6301,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { (workInProgress = showFallback)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), - "$!" === nextInstance.data) + isSuspenseInstanceFallback(nextInstance)) ) { JSCompiler_temp = nextInstance.nextSibling && nextInstance.nextSibling.dataset; @@ -6388,7 +6390,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { null, current )), - (nextInstance._reactRetry = workInProgress), + registerSuspenseInstanceRetry(nextInstance, workInProgress), (workInProgress = null)) : ((current = JSCompiler_temp$jscomp$0.treeContext), (nextHydratableInstance = getNextHydratable( @@ -13252,14 +13254,14 @@ var isInputEventSupported = !1; if (canUseDOM) { var JSCompiler_inline_result$jscomp$354; if (canUseDOM) { - var isSupported$jscomp$inline_1564 = "oninput" in document; - if (!isSupported$jscomp$inline_1564) { - var element$jscomp$inline_1565 = document.createElement("div"); - element$jscomp$inline_1565.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1564 = - "function" === typeof element$jscomp$inline_1565.oninput; + var isSupported$jscomp$inline_1561 = "oninput" in document; + if (!isSupported$jscomp$inline_1561) { + var element$jscomp$inline_1562 = document.createElement("div"); + element$jscomp$inline_1562.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1561 = + "function" === typeof element$jscomp$inline_1562.oninput; } - JSCompiler_inline_result$jscomp$354 = isSupported$jscomp$inline_1564; + JSCompiler_inline_result$jscomp$354 = isSupported$jscomp$inline_1561; } else JSCompiler_inline_result$jscomp$354 = !1; isInputEventSupported = JSCompiler_inline_result$jscomp$354 && @@ -13673,20 +13675,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1605 = 0; - i$jscomp$inline_1605 < simpleEventPluginEvents.length; - i$jscomp$inline_1605++ + var i$jscomp$inline_1602 = 0; + i$jscomp$inline_1602 < simpleEventPluginEvents.length; + i$jscomp$inline_1602++ ) { - var eventName$jscomp$inline_1606 = - simpleEventPluginEvents[i$jscomp$inline_1605], - domEventName$jscomp$inline_1607 = - eventName$jscomp$inline_1606.toLowerCase(), - capitalizedEvent$jscomp$inline_1608 = - eventName$jscomp$inline_1606[0].toUpperCase() + - eventName$jscomp$inline_1606.slice(1); + var eventName$jscomp$inline_1603 = + simpleEventPluginEvents[i$jscomp$inline_1602], + domEventName$jscomp$inline_1604 = + eventName$jscomp$inline_1603.toLowerCase(), + capitalizedEvent$jscomp$inline_1605 = + eventName$jscomp$inline_1603[0].toUpperCase() + + eventName$jscomp$inline_1603.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1607, - "on" + capitalizedEvent$jscomp$inline_1608 + domEventName$jscomp$inline_1604, + "on" + capitalizedEvent$jscomp$inline_1605 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15711,6 +15713,24 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { } return instance; } +function isSuspenseInstanceFallback(instance) { + return ( + "$!" === instance.data || + ("$?" === instance.data && "complete" === instance.ownerDocument.readyState) + ); +} +function registerSuspenseInstanceRetry(instance, callback) { + var ownerDocument = instance.ownerDocument; + "complete" !== ownerDocument.readyState && + ownerDocument.addEventListener( + "DOMContentLoaded", + function () { + "$?" === instance.data && callback(); + }, + { once: !0 } + ); + instance._reactRetry = callback; +} function getNextHydratable(node) { for (; null != node; node = node.nextSibling) { var nodeType = node.nodeType; @@ -17249,16 +17269,16 @@ function getCrossOriginStringAs(as, input) { if ("string" === typeof input) return "use-credentials" === input ? input : ""; } -var isomorphicReactPackageVersion$jscomp$inline_1778 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1775 = React.version; if ( - "19.0.0-www-classic-e3b7ef32-20241122" !== - isomorphicReactPackageVersion$jscomp$inline_1778 + "19.0.0-www-classic-16d2bbbd-20241203" !== + isomorphicReactPackageVersion$jscomp$inline_1775 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1778, - "19.0.0-www-classic-e3b7ef32-20241122" + isomorphicReactPackageVersion$jscomp$inline_1775, + "19.0.0-www-classic-16d2bbbd-20241203" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -17274,25 +17294,25 @@ Internals.Events = [ return fn(a); } ]; -var internals$jscomp$inline_2322 = { +var internals$jscomp$inline_2316 = { bundleType: 0, - version: "19.0.0-www-classic-e3b7ef32-20241122", + version: "19.0.0-www-classic-16d2bbbd-20241203", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-classic-16d2bbbd-20241203" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2323 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2317 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2323.isDisabled && - hook$jscomp$inline_2323.supportsFiber + !hook$jscomp$inline_2317.isDisabled && + hook$jscomp$inline_2317.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2323.inject( - internals$jscomp$inline_2322 + (rendererID = hook$jscomp$inline_2317.inject( + internals$jscomp$inline_2316 )), - (injectedHook = hook$jscomp$inline_2323); + (injectedHook = hook$jscomp$inline_2317); } catch (err) {} } function ReactDOMRoot(internalRoot) { @@ -17643,4 +17663,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-classic-e3b7ef32-20241122"; +exports.version = "19.0.0-www-classic-16d2bbbd-20241203"; diff --git a/compiled/facebook-www/ReactDOM-prod.modern.js b/compiled/facebook-www/ReactDOM-prod.modern.js index 3a602d5a3c8fa..585a321770e64 100644 --- a/compiled/facebook-www/ReactDOM-prod.modern.js +++ b/compiled/facebook-www/ReactDOM-prod.modern.js @@ -4763,7 +4763,9 @@ function findFirstSuspended(row) { if ( null !== state && ((state = state.dehydrated), - null === state || "$?" === state.data || "$!" === state.data) + null === state || + "$?" === state.data || + isSuspenseInstanceFallback(state)) ) return node; } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) { @@ -5949,7 +5951,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { ((nextInstance = nextInstance.dehydrated), null !== nextInstance) ) return ( - "$!" === nextInstance.data + isSuspenseInstanceFallback(nextInstance) ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), null @@ -6073,7 +6075,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { (workInProgress = showFallback)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), - "$!" === nextInstance.data) + isSuspenseInstanceFallback(nextInstance)) ) { JSCompiler_temp = nextInstance.nextSibling && nextInstance.nextSibling.dataset; @@ -6162,7 +6164,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { null, current )), - (nextInstance._reactRetry = workInProgress), + registerSuspenseInstanceRetry(nextInstance, workInProgress), (workInProgress = null)) : ((current = JSCompiler_temp$jscomp$0.treeContext), (nextHydratableInstance = getNextHydratable( @@ -12988,14 +12990,14 @@ var isInputEventSupported = !1; if (canUseDOM) { var JSCompiler_inline_result$jscomp$357; if (canUseDOM) { - var isSupported$jscomp$inline_1554 = "oninput" in document; - if (!isSupported$jscomp$inline_1554) { - var element$jscomp$inline_1555 = document.createElement("div"); - element$jscomp$inline_1555.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1554 = - "function" === typeof element$jscomp$inline_1555.oninput; + var isSupported$jscomp$inline_1551 = "oninput" in document; + if (!isSupported$jscomp$inline_1551) { + var element$jscomp$inline_1552 = document.createElement("div"); + element$jscomp$inline_1552.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1551 = + "function" === typeof element$jscomp$inline_1552.oninput; } - JSCompiler_inline_result$jscomp$357 = isSupported$jscomp$inline_1554; + JSCompiler_inline_result$jscomp$357 = isSupported$jscomp$inline_1551; } else JSCompiler_inline_result$jscomp$357 = !1; isInputEventSupported = JSCompiler_inline_result$jscomp$357 && @@ -13409,20 +13411,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1595 = 0; - i$jscomp$inline_1595 < simpleEventPluginEvents.length; - i$jscomp$inline_1595++ + var i$jscomp$inline_1592 = 0; + i$jscomp$inline_1592 < simpleEventPluginEvents.length; + i$jscomp$inline_1592++ ) { - var eventName$jscomp$inline_1596 = - simpleEventPluginEvents[i$jscomp$inline_1595], - domEventName$jscomp$inline_1597 = - eventName$jscomp$inline_1596.toLowerCase(), - capitalizedEvent$jscomp$inline_1598 = - eventName$jscomp$inline_1596[0].toUpperCase() + - eventName$jscomp$inline_1596.slice(1); + var eventName$jscomp$inline_1593 = + simpleEventPluginEvents[i$jscomp$inline_1592], + domEventName$jscomp$inline_1594 = + eventName$jscomp$inline_1593.toLowerCase(), + capitalizedEvent$jscomp$inline_1595 = + eventName$jscomp$inline_1593[0].toUpperCase() + + eventName$jscomp$inline_1593.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1597, - "on" + capitalizedEvent$jscomp$inline_1598 + domEventName$jscomp$inline_1594, + "on" + capitalizedEvent$jscomp$inline_1595 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15442,6 +15444,24 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { } return instance; } +function isSuspenseInstanceFallback(instance) { + return ( + "$!" === instance.data || + ("$?" === instance.data && "complete" === instance.ownerDocument.readyState) + ); +} +function registerSuspenseInstanceRetry(instance, callback) { + var ownerDocument = instance.ownerDocument; + "complete" !== ownerDocument.readyState && + ownerDocument.addEventListener( + "DOMContentLoaded", + function () { + "$?" === instance.data && callback(); + }, + { once: !0 } + ); + instance._reactRetry = callback; +} function getNextHydratable(node) { for (; null != node; node = node.nextSibling) { var nodeType = node.nodeType; @@ -16980,16 +17000,16 @@ function getCrossOriginStringAs(as, input) { if ("string" === typeof input) return "use-credentials" === input ? input : ""; } -var isomorphicReactPackageVersion$jscomp$inline_1768 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1765 = React.version; if ( - "19.0.0-www-modern-e3b7ef32-20241122" !== - isomorphicReactPackageVersion$jscomp$inline_1768 + "19.0.0-www-modern-16d2bbbd-20241203" !== + isomorphicReactPackageVersion$jscomp$inline_1765 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1768, - "19.0.0-www-modern-e3b7ef32-20241122" + isomorphicReactPackageVersion$jscomp$inline_1765, + "19.0.0-www-modern-16d2bbbd-20241203" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -17005,25 +17025,25 @@ Internals.Events = [ return fn(a); } ]; -var internals$jscomp$inline_2304 = { +var internals$jscomp$inline_2298 = { bundleType: 0, - version: "19.0.0-www-modern-e3b7ef32-20241122", + version: "19.0.0-www-modern-16d2bbbd-20241203", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-modern-16d2bbbd-20241203" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2305 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2299 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2305.isDisabled && - hook$jscomp$inline_2305.supportsFiber + !hook$jscomp$inline_2299.isDisabled && + hook$jscomp$inline_2299.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2305.inject( - internals$jscomp$inline_2304 + (rendererID = hook$jscomp$inline_2299.inject( + internals$jscomp$inline_2298 )), - (injectedHook = hook$jscomp$inline_2305); + (injectedHook = hook$jscomp$inline_2299); } catch (err) {} } function ReactDOMRoot(internalRoot) { @@ -17374,4 +17394,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-modern-e3b7ef32-20241122"; +exports.version = "19.0.0-www-modern-16d2bbbd-20241203"; diff --git a/compiled/facebook-www/ReactDOM-profiling.classic.js b/compiled/facebook-www/ReactDOM-profiling.classic.js index a4373accc4fa6..1e5557fd38a56 100644 --- a/compiled/facebook-www/ReactDOM-profiling.classic.js +++ b/compiled/facebook-www/ReactDOM-profiling.classic.js @@ -5083,7 +5083,9 @@ function findFirstSuspended(row) { if ( null !== state && ((state = state.dehydrated), - null === state || "$?" === state.data || "$!" === state.data) + null === state || + "$?" === state.data || + isSuspenseInstanceFallback(state)) ) return node; } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) { @@ -6363,7 +6365,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { ((nextInstance = nextInstance.dehydrated), null !== nextInstance) ) return ( - "$!" === nextInstance.data + isSuspenseInstanceFallback(nextInstance) ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), null @@ -6487,7 +6489,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { (workInProgress = showFallback)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), - "$!" === nextInstance.data) + isSuspenseInstanceFallback(nextInstance)) ) { JSCompiler_temp = nextInstance.nextSibling && nextInstance.nextSibling.dataset; @@ -6576,7 +6578,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { null, current )), - (nextInstance._reactRetry = workInProgress), + registerSuspenseInstanceRetry(nextInstance, workInProgress), (workInProgress = null)) : ((current = JSCompiler_temp$jscomp$0.treeContext), (nextHydratableInstance = getNextHydratable( @@ -13941,14 +13943,14 @@ var isInputEventSupported = !1; if (canUseDOM) { var JSCompiler_inline_result$jscomp$371; if (canUseDOM) { - var isSupported$jscomp$inline_1657 = "oninput" in document; - if (!isSupported$jscomp$inline_1657) { - var element$jscomp$inline_1658 = document.createElement("div"); - element$jscomp$inline_1658.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1657 = - "function" === typeof element$jscomp$inline_1658.oninput; + var isSupported$jscomp$inline_1654 = "oninput" in document; + if (!isSupported$jscomp$inline_1654) { + var element$jscomp$inline_1655 = document.createElement("div"); + element$jscomp$inline_1655.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1654 = + "function" === typeof element$jscomp$inline_1655.oninput; } - JSCompiler_inline_result$jscomp$371 = isSupported$jscomp$inline_1657; + JSCompiler_inline_result$jscomp$371 = isSupported$jscomp$inline_1654; } else JSCompiler_inline_result$jscomp$371 = !1; isInputEventSupported = JSCompiler_inline_result$jscomp$371 && @@ -14362,20 +14364,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1698 = 0; - i$jscomp$inline_1698 < simpleEventPluginEvents.length; - i$jscomp$inline_1698++ + var i$jscomp$inline_1695 = 0; + i$jscomp$inline_1695 < simpleEventPluginEvents.length; + i$jscomp$inline_1695++ ) { - var eventName$jscomp$inline_1699 = - simpleEventPluginEvents[i$jscomp$inline_1698], - domEventName$jscomp$inline_1700 = - eventName$jscomp$inline_1699.toLowerCase(), - capitalizedEvent$jscomp$inline_1701 = - eventName$jscomp$inline_1699[0].toUpperCase() + - eventName$jscomp$inline_1699.slice(1); + var eventName$jscomp$inline_1696 = + simpleEventPluginEvents[i$jscomp$inline_1695], + domEventName$jscomp$inline_1697 = + eventName$jscomp$inline_1696.toLowerCase(), + capitalizedEvent$jscomp$inline_1698 = + eventName$jscomp$inline_1696[0].toUpperCase() + + eventName$jscomp$inline_1696.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1700, - "on" + capitalizedEvent$jscomp$inline_1701 + domEventName$jscomp$inline_1697, + "on" + capitalizedEvent$jscomp$inline_1698 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -16400,6 +16402,24 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { } return instance; } +function isSuspenseInstanceFallback(instance) { + return ( + "$!" === instance.data || + ("$?" === instance.data && "complete" === instance.ownerDocument.readyState) + ); +} +function registerSuspenseInstanceRetry(instance, callback) { + var ownerDocument = instance.ownerDocument; + "complete" !== ownerDocument.readyState && + ownerDocument.addEventListener( + "DOMContentLoaded", + function () { + "$?" === instance.data && callback(); + }, + { once: !0 } + ); + instance._reactRetry = callback; +} function getNextHydratable(node) { for (; null != node; node = node.nextSibling) { var nodeType = node.nodeType; @@ -17938,16 +17958,16 @@ function getCrossOriginStringAs(as, input) { if ("string" === typeof input) return "use-credentials" === input ? input : ""; } -var isomorphicReactPackageVersion$jscomp$inline_1871 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1868 = React.version; if ( - "19.0.0-www-classic-e3b7ef32-20241122" !== - isomorphicReactPackageVersion$jscomp$inline_1871 + "19.0.0-www-classic-16d2bbbd-20241203" !== + isomorphicReactPackageVersion$jscomp$inline_1868 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1871, - "19.0.0-www-classic-e3b7ef32-20241122" + isomorphicReactPackageVersion$jscomp$inline_1868, + "19.0.0-www-classic-16d2bbbd-20241203" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -17963,28 +17983,28 @@ Internals.Events = [ return fn(a); } ]; -var internals$jscomp$inline_1873 = { +var internals$jscomp$inline_1870 = { bundleType: 0, - version: "19.0.0-www-classic-e3b7ef32-20241122", + version: "19.0.0-www-classic-16d2bbbd-20241203", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-classic-16d2bbbd-20241203" }; enableSchedulingProfiler && - ((internals$jscomp$inline_1873.getLaneLabelMap = getLaneLabelMap), - (internals$jscomp$inline_1873.injectProfilingHooks = injectProfilingHooks)); + ((internals$jscomp$inline_1870.getLaneLabelMap = getLaneLabelMap), + (internals$jscomp$inline_1870.injectProfilingHooks = injectProfilingHooks)); if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2374 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2368 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2374.isDisabled && - hook$jscomp$inline_2374.supportsFiber + !hook$jscomp$inline_2368.isDisabled && + hook$jscomp$inline_2368.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2374.inject( - internals$jscomp$inline_1873 + (rendererID = hook$jscomp$inline_2368.inject( + internals$jscomp$inline_1870 )), - (injectedHook = hook$jscomp$inline_2374); + (injectedHook = hook$jscomp$inline_2368); } catch (err) {} } function ReactDOMRoot(internalRoot) { @@ -18335,7 +18355,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-classic-e3b7ef32-20241122"; +exports.version = "19.0.0-www-classic-16d2bbbd-20241203"; "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 6c9943e4cdb93..b8368a3952bf1 100644 --- a/compiled/facebook-www/ReactDOM-profiling.modern.js +++ b/compiled/facebook-www/ReactDOM-profiling.modern.js @@ -4934,7 +4934,9 @@ function findFirstSuspended(row) { if ( null !== state && ((state = state.dehydrated), - null === state || "$?" === state.data || "$!" === state.data) + null === state || + "$?" === state.data || + isSuspenseInstanceFallback(state)) ) return node; } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) { @@ -6136,7 +6138,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { ((nextInstance = nextInstance.dehydrated), null !== nextInstance) ) return ( - "$!" === nextInstance.data + isSuspenseInstanceFallback(nextInstance) ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), null @@ -6260,7 +6262,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { (workInProgress = showFallback)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), - "$!" === nextInstance.data) + isSuspenseInstanceFallback(nextInstance)) ) { JSCompiler_temp = nextInstance.nextSibling && nextInstance.nextSibling.dataset; @@ -6349,7 +6351,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { null, current )), - (nextInstance._reactRetry = workInProgress), + registerSuspenseInstanceRetry(nextInstance, workInProgress), (workInProgress = null)) : ((current = JSCompiler_temp$jscomp$0.treeContext), (nextHydratableInstance = getNextHydratable( @@ -13676,14 +13678,14 @@ var isInputEventSupported = !1; if (canUseDOM) { var JSCompiler_inline_result$jscomp$374; if (canUseDOM) { - var isSupported$jscomp$inline_1647 = "oninput" in document; - if (!isSupported$jscomp$inline_1647) { - var element$jscomp$inline_1648 = document.createElement("div"); - element$jscomp$inline_1648.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1647 = - "function" === typeof element$jscomp$inline_1648.oninput; + 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; } - JSCompiler_inline_result$jscomp$374 = isSupported$jscomp$inline_1647; + JSCompiler_inline_result$jscomp$374 = isSupported$jscomp$inline_1644; } else JSCompiler_inline_result$jscomp$374 = !1; isInputEventSupported = JSCompiler_inline_result$jscomp$374 && @@ -14097,20 +14099,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1688 = 0; - i$jscomp$inline_1688 < simpleEventPluginEvents.length; - i$jscomp$inline_1688++ + var i$jscomp$inline_1685 = 0; + i$jscomp$inline_1685 < simpleEventPluginEvents.length; + i$jscomp$inline_1685++ ) { - var eventName$jscomp$inline_1689 = - simpleEventPluginEvents[i$jscomp$inline_1688], - domEventName$jscomp$inline_1690 = - eventName$jscomp$inline_1689.toLowerCase(), - capitalizedEvent$jscomp$inline_1691 = - eventName$jscomp$inline_1689[0].toUpperCase() + - eventName$jscomp$inline_1689.slice(1); + 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); registerSimpleEvent( - domEventName$jscomp$inline_1690, - "on" + capitalizedEvent$jscomp$inline_1691 + domEventName$jscomp$inline_1687, + "on" + capitalizedEvent$jscomp$inline_1688 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -16130,6 +16132,24 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { } return instance; } +function isSuspenseInstanceFallback(instance) { + return ( + "$!" === instance.data || + ("$?" === instance.data && "complete" === instance.ownerDocument.readyState) + ); +} +function registerSuspenseInstanceRetry(instance, callback) { + var ownerDocument = instance.ownerDocument; + "complete" !== ownerDocument.readyState && + ownerDocument.addEventListener( + "DOMContentLoaded", + function () { + "$?" === instance.data && callback(); + }, + { once: !0 } + ); + instance._reactRetry = callback; +} function getNextHydratable(node) { for (; null != node; node = node.nextSibling) { var nodeType = node.nodeType; @@ -17668,16 +17688,16 @@ function getCrossOriginStringAs(as, input) { if ("string" === typeof input) return "use-credentials" === input ? input : ""; } -var isomorphicReactPackageVersion$jscomp$inline_1861 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1858 = React.version; if ( - "19.0.0-www-modern-e3b7ef32-20241122" !== - isomorphicReactPackageVersion$jscomp$inline_1861 + "19.0.0-www-modern-16d2bbbd-20241203" !== + isomorphicReactPackageVersion$jscomp$inline_1858 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1861, - "19.0.0-www-modern-e3b7ef32-20241122" + isomorphicReactPackageVersion$jscomp$inline_1858, + "19.0.0-www-modern-16d2bbbd-20241203" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -17693,28 +17713,28 @@ Internals.Events = [ return fn(a); } ]; -var internals$jscomp$inline_1863 = { +var internals$jscomp$inline_1860 = { bundleType: 0, - version: "19.0.0-www-modern-e3b7ef32-20241122", + version: "19.0.0-www-modern-16d2bbbd-20241203", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-modern-16d2bbbd-20241203" }; enableSchedulingProfiler && - ((internals$jscomp$inline_1863.getLaneLabelMap = getLaneLabelMap), - (internals$jscomp$inline_1863.injectProfilingHooks = injectProfilingHooks)); + ((internals$jscomp$inline_1860.getLaneLabelMap = getLaneLabelMap), + (internals$jscomp$inline_1860.injectProfilingHooks = injectProfilingHooks)); if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2356 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2350 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2356.isDisabled && - hook$jscomp$inline_2356.supportsFiber + !hook$jscomp$inline_2350.isDisabled && + hook$jscomp$inline_2350.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2356.inject( - internals$jscomp$inline_1863 + (rendererID = hook$jscomp$inline_2350.inject( + internals$jscomp$inline_1860 )), - (injectedHook = hook$jscomp$inline_2356); + (injectedHook = hook$jscomp$inline_2350); } catch (err) {} } function ReactDOMRoot(internalRoot) { @@ -18065,7 +18085,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-modern-e3b7ef32-20241122"; +exports.version = "19.0.0-www-modern-16d2bbbd-20241203"; "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 2c11d3a134b74..0097f65b12843 100644 --- a/compiled/facebook-www/ReactDOMServer-dev.classic.js +++ b/compiled/facebook-www/ReactDOMServer-dev.classic.js @@ -8991,5 +8991,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-e3b7ef32-20241122"; + exports.version = "19.0.0-www-classic-16d2bbbd-20241203"; })(); diff --git a/compiled/facebook-www/ReactDOMServer-dev.modern.js b/compiled/facebook-www/ReactDOMServer-dev.modern.js index 864f573264c9b..4d2fe8e46d86b 100644 --- a/compiled/facebook-www/ReactDOMServer-dev.modern.js +++ b/compiled/facebook-www/ReactDOMServer-dev.modern.js @@ -8809,5 +8809,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-e3b7ef32-20241122"; + exports.version = "19.0.0-www-modern-16d2bbbd-20241203"; })(); diff --git a/compiled/facebook-www/ReactDOMServer-prod.classic.js b/compiled/facebook-www/ReactDOMServer-prod.classic.js index 5e693511beee0..6d7e7abcaf9c2 100644 --- a/compiled/facebook-www/ReactDOMServer-prod.classic.js +++ b/compiled/facebook-www/ReactDOMServer-prod.classic.js @@ -5910,4 +5910,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-e3b7ef32-20241122"; +exports.version = "19.0.0-www-classic-16d2bbbd-20241203"; diff --git a/compiled/facebook-www/ReactDOMServer-prod.modern.js b/compiled/facebook-www/ReactDOMServer-prod.modern.js index bba2ec225ccbb..3d2c23c3d2c41 100644 --- a/compiled/facebook-www/ReactDOMServer-prod.modern.js +++ b/compiled/facebook-www/ReactDOMServer-prod.modern.js @@ -5822,4 +5822,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-e3b7ef32-20241122"; +exports.version = "19.0.0-www-modern-16d2bbbd-20241203"; diff --git a/compiled/facebook-www/ReactDOMTesting-dev.classic.js b/compiled/facebook-www/ReactDOMTesting-dev.classic.js index 7c46ed9cea179..0152d2c6e06a9 100644 --- a/compiled/facebook-www/ReactDOMTesting-dev.classic.js +++ b/compiled/facebook-www/ReactDOMTesting-dev.classic.js @@ -7582,7 +7582,7 @@ __DEV__ && ((state = state.dehydrated), null === state || state.data === SUSPENSE_PENDING_START_DATA || - state.data === SUSPENSE_FALLBACK_START_DATA) + isSuspenseInstanceFallback(state)) ) return node; } else if ( @@ -9288,32 +9288,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2554; - var JSCompiler_object_inline_stack_2555 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2548; + var JSCompiler_object_inline_stack_2549 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2556 = !1; + var JSCompiler_object_inline_componentStack_2550 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2554 = didSuspend) || - (JSCompiler_object_inline_digest_2554 = + (JSCompiler_object_inline_digest_2548 = didSuspend) || + (JSCompiler_object_inline_digest_2548 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2554 && - ((JSCompiler_object_inline_componentStack_2556 = !0), + JSCompiler_object_inline_digest_2548 && + ((JSCompiler_object_inline_componentStack_2550 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2554 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2548 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2556 + JSCompiler_object_inline_componentStack_2550 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2553 = nextHydratableInstance; + var JSCompiler_object_inline_message_2547 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2553)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2547)) { c: { - var instance = JSCompiler_object_inline_message_2553; + var instance = JSCompiler_object_inline_message_2547; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9354,47 +9354,46 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2553 + JSCompiler_object_inline_message_2547 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2553 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2547 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2553 && - ((JSCompiler_object_inline_message_2553 = - JSCompiler_object_inline_message_2553.dehydrated), - null !== JSCompiler_object_inline_message_2553) + null !== JSCompiler_object_inline_message_2547 && + ((JSCompiler_object_inline_message_2547 = + JSCompiler_object_inline_message_2547.dehydrated), + null !== JSCompiler_object_inline_message_2547) ) return ( - JSCompiler_object_inline_message_2553.data === - SUSPENSE_FALLBACK_START_DATA + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2547) ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2553 = - JSCompiler_object_inline_stack_2555.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2555.fallback; - if (JSCompiler_object_inline_componentStack_2556) + JSCompiler_object_inline_message_2547 = + JSCompiler_object_inline_stack_2549.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2549.fallback; + if (JSCompiler_object_inline_componentStack_2550) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2555 = + (JSCompiler_object_inline_stack_2549 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2553, + JSCompiler_object_inline_message_2547, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2556 = + (JSCompiler_object_inline_componentStack_2550 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2556.memoizedState = + (JSCompiler_object_inline_componentStack_2550.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2556.childLanes = + (JSCompiler_object_inline_componentStack_2550.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2554, + JSCompiler_object_inline_digest_2548, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9407,9 +9406,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2556.updateQueue), + JSCompiler_object_inline_componentStack_2550.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2556.updateQueue = + ? (JSCompiler_object_inline_componentStack_2550.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9417,46 +9416,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2555 + JSCompiler_object_inline_stack_2549 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2555.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2549.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2555 = + (JSCompiler_object_inline_stack_2549 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2553, + JSCompiler_object_inline_message_2547, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2556 = + (JSCompiler_object_inline_componentStack_2550 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2556.memoizedState = + (JSCompiler_object_inline_componentStack_2550.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2556.childLanes = + (JSCompiler_object_inline_componentStack_2550.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2554, + JSCompiler_object_inline_digest_2548, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2555 + JSCompiler_object_inline_stack_2549 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2553 + JSCompiler_object_inline_message_2547 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2553 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2553) + ((JSCompiler_object_inline_message_2547 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2547) ) { if (didSuspend) workInProgress.flags & 256 @@ -9473,95 +9472,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2556 = - JSCompiler_object_inline_stack_2555.fallback), - (JSCompiler_object_inline_message_2553 = workInProgress.mode), - (JSCompiler_object_inline_stack_2555 = + (JSCompiler_object_inline_componentStack_2550 = + JSCompiler_object_inline_stack_2549.fallback), + (JSCompiler_object_inline_message_2547 = workInProgress.mode), + (JSCompiler_object_inline_stack_2549 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2555.children + children: JSCompiler_object_inline_stack_2549.children }, - JSCompiler_object_inline_message_2553 + JSCompiler_object_inline_message_2547 )), - (JSCompiler_object_inline_componentStack_2556 = + (JSCompiler_object_inline_componentStack_2550 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2556, - JSCompiler_object_inline_message_2553, + JSCompiler_object_inline_componentStack_2550, + JSCompiler_object_inline_message_2547, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2556.flags |= 2), - (JSCompiler_object_inline_stack_2555.return = workInProgress), - (JSCompiler_object_inline_componentStack_2556.return = + (JSCompiler_object_inline_componentStack_2550.flags |= 2), + (JSCompiler_object_inline_stack_2549.return = workInProgress), + (JSCompiler_object_inline_componentStack_2550.return = workInProgress), - (JSCompiler_object_inline_stack_2555.sibling = - JSCompiler_object_inline_componentStack_2556), - (workInProgress.child = JSCompiler_object_inline_stack_2555), + (JSCompiler_object_inline_stack_2549.sibling = + JSCompiler_object_inline_componentStack_2550), + (workInProgress.child = JSCompiler_object_inline_stack_2549), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2555 = workInProgress.child), - (JSCompiler_object_inline_stack_2555.memoizedState = + (JSCompiler_object_inline_stack_2549 = workInProgress.child), + (JSCompiler_object_inline_stack_2549.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2555.childLanes = + (JSCompiler_object_inline_stack_2549.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2554, + JSCompiler_object_inline_digest_2548, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2556)); + JSCompiler_object_inline_componentStack_2550)); 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_2553.data === - SUSPENSE_FALLBACK_START_DATA) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2547)) ) { - JSCompiler_object_inline_digest_2554 = - JSCompiler_object_inline_message_2553.nextSibling && - JSCompiler_object_inline_message_2553.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2554) { - JSCompiler_temp = JSCompiler_object_inline_digest_2554.dgst; - var message = JSCompiler_object_inline_digest_2554.msg; - instance = JSCompiler_object_inline_digest_2554.stck; - var componentStack = JSCompiler_object_inline_digest_2554.cstck; + JSCompiler_object_inline_digest_2548 = + JSCompiler_object_inline_message_2547.nextSibling && + JSCompiler_object_inline_message_2547.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2548) { + JSCompiler_temp = JSCompiler_object_inline_digest_2548.dgst; + var message = JSCompiler_object_inline_digest_2548.msg; + instance = JSCompiler_object_inline_digest_2548.stck; + var componentStack = JSCompiler_object_inline_digest_2548.cstck; } - JSCompiler_object_inline_message_2553 = message; - JSCompiler_object_inline_digest_2554 = JSCompiler_temp; - JSCompiler_object_inline_stack_2555 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2556 = + JSCompiler_object_inline_message_2547 = message; + JSCompiler_object_inline_digest_2548 = JSCompiler_temp; + JSCompiler_object_inline_stack_2549 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2550 = componentStack; - JSCompiler_object_inline_componentStack_2556 = - JSCompiler_object_inline_message_2553 - ? Error(JSCompiler_object_inline_message_2553) + JSCompiler_object_inline_componentStack_2550 = + JSCompiler_object_inline_message_2547 + ? Error(JSCompiler_object_inline_message_2547) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_componentStack_2556.stack = - JSCompiler_object_inline_stack_2555 || ""; - JSCompiler_object_inline_componentStack_2556.digest = - JSCompiler_object_inline_digest_2554; - JSCompiler_object_inline_digest_2554 = + JSCompiler_object_inline_componentStack_2550.stack = + JSCompiler_object_inline_stack_2549 || ""; + JSCompiler_object_inline_componentStack_2550.digest = + JSCompiler_object_inline_digest_2548; + JSCompiler_object_inline_digest_2548 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2555 = { - value: JSCompiler_object_inline_componentStack_2556, + JSCompiler_object_inline_stack_2549 = { + value: JSCompiler_object_inline_componentStack_2550, source: null, - stack: JSCompiler_object_inline_digest_2554 + stack: JSCompiler_object_inline_digest_2548 }; - "string" === typeof JSCompiler_object_inline_digest_2554 && + "string" === typeof JSCompiler_object_inline_digest_2548 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2556, - JSCompiler_object_inline_stack_2555 + JSCompiler_object_inline_componentStack_2550, + JSCompiler_object_inline_stack_2549 ); - queueHydrationError(JSCompiler_object_inline_stack_2555); + queueHydrationError(JSCompiler_object_inline_stack_2549); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9575,25 +9573,25 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2554 = + (JSCompiler_object_inline_digest_2548 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2554) + didReceiveUpdate || JSCompiler_object_inline_digest_2548) ) { - JSCompiler_object_inline_digest_2554 = workInProgressRoot; - if (null !== JSCompiler_object_inline_digest_2554) { - JSCompiler_object_inline_stack_2555 = renderLanes & -renderLanes; - if (0 !== (JSCompiler_object_inline_stack_2555 & 42)) - JSCompiler_object_inline_stack_2555 = 1; + JSCompiler_object_inline_digest_2548 = workInProgressRoot; + if (null !== JSCompiler_object_inline_digest_2548) { + JSCompiler_object_inline_stack_2549 = renderLanes & -renderLanes; + if (0 !== (JSCompiler_object_inline_stack_2549 & 42)) + JSCompiler_object_inline_stack_2549 = 1; else - switch (JSCompiler_object_inline_stack_2555) { + switch (JSCompiler_object_inline_stack_2549) { case 2: - JSCompiler_object_inline_stack_2555 = 1; + JSCompiler_object_inline_stack_2549 = 1; break; case 8: - JSCompiler_object_inline_stack_2555 = 4; + JSCompiler_object_inline_stack_2549 = 4; break; case 32: - JSCompiler_object_inline_stack_2555 = 16; + JSCompiler_object_inline_stack_2549 = 16; break; case 128: case 256: @@ -9614,40 +9612,40 @@ __DEV__ && case 8388608: case 16777216: case 33554432: - JSCompiler_object_inline_stack_2555 = 64; + JSCompiler_object_inline_stack_2549 = 64; break; case 268435456: - JSCompiler_object_inline_stack_2555 = 134217728; + JSCompiler_object_inline_stack_2549 = 134217728; break; default: - JSCompiler_object_inline_stack_2555 = 0; + JSCompiler_object_inline_stack_2549 = 0; } - JSCompiler_object_inline_stack_2555 = + JSCompiler_object_inline_stack_2549 = 0 !== - (JSCompiler_object_inline_stack_2555 & - (JSCompiler_object_inline_digest_2554.suspendedLanes | + (JSCompiler_object_inline_stack_2549 & + (JSCompiler_object_inline_digest_2548.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2555; + : JSCompiler_object_inline_stack_2549; if ( - 0 !== JSCompiler_object_inline_stack_2555 && - JSCompiler_object_inline_stack_2555 !== prevState.retryLane + 0 !== JSCompiler_object_inline_stack_2549 && + JSCompiler_object_inline_stack_2549 !== prevState.retryLane ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2555), + ((prevState.retryLane = JSCompiler_object_inline_stack_2549), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2555 + JSCompiler_object_inline_stack_2549 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2554, + JSCompiler_object_inline_digest_2548, current, - JSCompiler_object_inline_stack_2555 + JSCompiler_object_inline_stack_2549 ), SelectiveHydrationException) ); } - JSCompiler_object_inline_message_2553.data === + JSCompiler_object_inline_message_2547.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9655,7 +9653,7 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2553.data === + JSCompiler_object_inline_message_2547.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 128), (workInProgress.child = current.child), @@ -9663,12 +9661,14 @@ __DEV__ && null, current )), - (JSCompiler_object_inline_message_2553._reactRetry = - workInProgress), + registerSuspenseInstanceRetry( + JSCompiler_object_inline_message_2547, + workInProgress + ), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2553.nextSibling + JSCompiler_object_inline_message_2547.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9686,57 +9686,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2555.children + JSCompiler_object_inline_stack_2549.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2556) + if (JSCompiler_object_inline_componentStack_2550) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2556 = - JSCompiler_object_inline_stack_2555.fallback), - (JSCompiler_object_inline_message_2553 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2550 = + JSCompiler_object_inline_stack_2549.fallback), + (JSCompiler_object_inline_message_2547 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2555 = createWorkInProgress( + (JSCompiler_object_inline_stack_2549 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2555.children + children: JSCompiler_object_inline_stack_2549.children } )), - (JSCompiler_object_inline_stack_2555.subtreeFlags = + (JSCompiler_object_inline_stack_2549.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280), null !== instance - ? (JSCompiler_object_inline_componentStack_2556 = + ? (JSCompiler_object_inline_componentStack_2550 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2556 + JSCompiler_object_inline_componentStack_2550 )) - : ((JSCompiler_object_inline_componentStack_2556 = + : ((JSCompiler_object_inline_componentStack_2550 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2556, - JSCompiler_object_inline_message_2553, + JSCompiler_object_inline_componentStack_2550, + JSCompiler_object_inline_message_2547, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2556.flags |= 2)), - (JSCompiler_object_inline_componentStack_2556.return = + (JSCompiler_object_inline_componentStack_2550.flags |= 2)), + (JSCompiler_object_inline_componentStack_2550.return = workInProgress), - (JSCompiler_object_inline_stack_2555.return = workInProgress), - (JSCompiler_object_inline_stack_2555.sibling = - JSCompiler_object_inline_componentStack_2556), - (workInProgress.child = JSCompiler_object_inline_stack_2555), - (JSCompiler_object_inline_stack_2555 = - JSCompiler_object_inline_componentStack_2556), - (JSCompiler_object_inline_componentStack_2556 = workInProgress.child), - (JSCompiler_object_inline_message_2553 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2553 - ? (JSCompiler_object_inline_message_2553 = + (JSCompiler_object_inline_stack_2549.return = workInProgress), + (JSCompiler_object_inline_stack_2549.sibling = + JSCompiler_object_inline_componentStack_2550), + (workInProgress.child = JSCompiler_object_inline_stack_2549), + (JSCompiler_object_inline_stack_2549 = + JSCompiler_object_inline_componentStack_2550), + (JSCompiler_object_inline_componentStack_2550 = workInProgress.child), + (JSCompiler_object_inline_message_2547 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2547 + ? (JSCompiler_object_inline_message_2547 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2553.cachePool), + JSCompiler_object_inline_message_2547.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9744,34 +9744,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2553 = { + (JSCompiler_object_inline_message_2547 = { baseLanes: - JSCompiler_object_inline_message_2553.baseLanes | renderLanes, + JSCompiler_object_inline_message_2547.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2556.memoizedState = - JSCompiler_object_inline_message_2553), + (JSCompiler_object_inline_componentStack_2550.memoizedState = + JSCompiler_object_inline_message_2547), enableTransitionTracing && - ((JSCompiler_object_inline_message_2553 = enableTransitionTracing + ((JSCompiler_object_inline_message_2547 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2553 && + null !== JSCompiler_object_inline_message_2547 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2556.updateQueue), + JSCompiler_object_inline_componentStack_2550.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2556.updateQueue = { - transitions: JSCompiler_object_inline_message_2553, + ? (JSCompiler_object_inline_componentStack_2550.updateQueue = { + transitions: JSCompiler_object_inline_message_2547, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2556.updateQueue = + ? (JSCompiler_object_inline_componentStack_2550.updateQueue = { - transitions: JSCompiler_object_inline_message_2553, + transitions: JSCompiler_object_inline_message_2547, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -9779,32 +9779,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2553), + JSCompiler_object_inline_message_2547), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2556.childLanes = + (JSCompiler_object_inline_componentStack_2550.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2554, + JSCompiler_object_inline_digest_2548, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2555 + JSCompiler_object_inline_stack_2549 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2555.children + children: JSCompiler_object_inline_stack_2549.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2554 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2554 + ((JSCompiler_object_inline_digest_2548 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2548 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2554.push(current)); + : JSCompiler_object_inline_digest_2548.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -22191,6 +22191,25 @@ __DEV__ && } return instance; } + function isSuspenseInstanceFallback(instance) { + return ( + instance.data === SUSPENSE_FALLBACK_START_DATA || + (instance.data === SUSPENSE_PENDING_START_DATA && + instance.ownerDocument.readyState === DOCUMENT_READY_STATE_COMPLETE) + ); + } + function registerSuspenseInstanceRetry(instance, callback) { + var ownerDocument = instance.ownerDocument; + ownerDocument.readyState !== DOCUMENT_READY_STATE_COMPLETE && + ownerDocument.addEventListener( + "DOMContentLoaded", + function () { + instance.data === SUSPENSE_PENDING_START_DATA && callback(); + }, + { once: !0 } + ); + instance._reactRetry = callback; + } function getNextHydratable(node) { for (; null != node; node = node.nextSibling) { var nodeType = node.nodeType; @@ -27561,6 +27580,7 @@ __DEV__ && SUSPENSE_FALLBACK_START_DATA = "$!", FORM_STATE_IS_MATCHING = "F!", FORM_STATE_IS_NOT_MATCHING = "F", + DOCUMENT_READY_STATE_COMPLETE = "complete", STYLE = "style", HostContextNamespaceNone = 0, HostContextNamespaceSvg = 1, @@ -27877,11 +27897,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-www-classic-e3b7ef32-20241122" !== isomorphicReactPackageVersion) + if ("19.0.0-www-classic-16d2bbbd-20241203" !== 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-e3b7ef32-20241122\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-www-classic-16d2bbbd-20241203\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27924,11 +27944,11 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.0.0-www-classic-e3b7ef32-20241122", + version: "19.0.0-www-classic-16d2bbbd-20241203", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-classic-16d2bbbd-20241203" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -28699,5 +28719,5 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-www-classic-e3b7ef32-20241122"; + exports.version = "19.0.0-www-classic-16d2bbbd-20241203"; })(); diff --git a/compiled/facebook-www/ReactDOMTesting-dev.modern.js b/compiled/facebook-www/ReactDOMTesting-dev.modern.js index 5e10d33bddbf3..2a531214d5b75 100644 --- a/compiled/facebook-www/ReactDOMTesting-dev.modern.js +++ b/compiled/facebook-www/ReactDOMTesting-dev.modern.js @@ -7469,7 +7469,7 @@ __DEV__ && ((state = state.dehydrated), null === state || state.data === SUSPENSE_PENDING_START_DATA || - state.data === SUSPENSE_FALLBACK_START_DATA) + isSuspenseInstanceFallback(state)) ) return node; } else if ( @@ -9100,32 +9100,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2546; - var JSCompiler_object_inline_stack_2547 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2540; + var JSCompiler_object_inline_stack_2541 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2548 = !1; + var JSCompiler_object_inline_componentStack_2542 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2546 = didSuspend) || - (JSCompiler_object_inline_digest_2546 = + (JSCompiler_object_inline_digest_2540 = didSuspend) || + (JSCompiler_object_inline_digest_2540 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2546 && - ((JSCompiler_object_inline_componentStack_2548 = !0), + JSCompiler_object_inline_digest_2540 && + ((JSCompiler_object_inline_componentStack_2542 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2546 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2540 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2548 + JSCompiler_object_inline_componentStack_2542 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2545 = nextHydratableInstance; + var JSCompiler_object_inline_message_2539 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2545)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2539)) { c: { - var instance = JSCompiler_object_inline_message_2545; + var instance = JSCompiler_object_inline_message_2539; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9166,47 +9166,46 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2545 + JSCompiler_object_inline_message_2539 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2545 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2539 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2545 && - ((JSCompiler_object_inline_message_2545 = - JSCompiler_object_inline_message_2545.dehydrated), - null !== JSCompiler_object_inline_message_2545) + null !== JSCompiler_object_inline_message_2539 && + ((JSCompiler_object_inline_message_2539 = + JSCompiler_object_inline_message_2539.dehydrated), + null !== JSCompiler_object_inline_message_2539) ) return ( - JSCompiler_object_inline_message_2545.data === - SUSPENSE_FALLBACK_START_DATA + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2539) ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2545 = - JSCompiler_object_inline_stack_2547.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2547.fallback; - if (JSCompiler_object_inline_componentStack_2548) + JSCompiler_object_inline_message_2539 = + JSCompiler_object_inline_stack_2541.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2541.fallback; + if (JSCompiler_object_inline_componentStack_2542) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2547 = + (JSCompiler_object_inline_stack_2541 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2545, + JSCompiler_object_inline_message_2539, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2548 = + (JSCompiler_object_inline_componentStack_2542 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2548.memoizedState = + (JSCompiler_object_inline_componentStack_2542.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2548.childLanes = + (JSCompiler_object_inline_componentStack_2542.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2546, + JSCompiler_object_inline_digest_2540, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9219,9 +9218,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2548.updateQueue), + JSCompiler_object_inline_componentStack_2542.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2548.updateQueue = + ? (JSCompiler_object_inline_componentStack_2542.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9229,46 +9228,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2547 + JSCompiler_object_inline_stack_2541 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2547.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2541.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2547 = + (JSCompiler_object_inline_stack_2541 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2545, + JSCompiler_object_inline_message_2539, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2548 = + (JSCompiler_object_inline_componentStack_2542 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2548.memoizedState = + (JSCompiler_object_inline_componentStack_2542.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2548.childLanes = + (JSCompiler_object_inline_componentStack_2542.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2546, + JSCompiler_object_inline_digest_2540, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2547 + JSCompiler_object_inline_stack_2541 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2545 + JSCompiler_object_inline_message_2539 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2545 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2545) + ((JSCompiler_object_inline_message_2539 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2539) ) { if (didSuspend) workInProgress.flags & 256 @@ -9285,95 +9284,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2548 = - JSCompiler_object_inline_stack_2547.fallback), - (JSCompiler_object_inline_message_2545 = workInProgress.mode), - (JSCompiler_object_inline_stack_2547 = + (JSCompiler_object_inline_componentStack_2542 = + JSCompiler_object_inline_stack_2541.fallback), + (JSCompiler_object_inline_message_2539 = workInProgress.mode), + (JSCompiler_object_inline_stack_2541 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2547.children + children: JSCompiler_object_inline_stack_2541.children }, - JSCompiler_object_inline_message_2545 + JSCompiler_object_inline_message_2539 )), - (JSCompiler_object_inline_componentStack_2548 = + (JSCompiler_object_inline_componentStack_2542 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2548, - JSCompiler_object_inline_message_2545, + JSCompiler_object_inline_componentStack_2542, + JSCompiler_object_inline_message_2539, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2548.flags |= 2), - (JSCompiler_object_inline_stack_2547.return = workInProgress), - (JSCompiler_object_inline_componentStack_2548.return = + (JSCompiler_object_inline_componentStack_2542.flags |= 2), + (JSCompiler_object_inline_stack_2541.return = workInProgress), + (JSCompiler_object_inline_componentStack_2542.return = workInProgress), - (JSCompiler_object_inline_stack_2547.sibling = - JSCompiler_object_inline_componentStack_2548), - (workInProgress.child = JSCompiler_object_inline_stack_2547), + (JSCompiler_object_inline_stack_2541.sibling = + JSCompiler_object_inline_componentStack_2542), + (workInProgress.child = JSCompiler_object_inline_stack_2541), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2547 = workInProgress.child), - (JSCompiler_object_inline_stack_2547.memoizedState = + (JSCompiler_object_inline_stack_2541 = workInProgress.child), + (JSCompiler_object_inline_stack_2541.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2547.childLanes = + (JSCompiler_object_inline_stack_2541.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2546, + JSCompiler_object_inline_digest_2540, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2548)); + JSCompiler_object_inline_componentStack_2542)); 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_2545.data === - SUSPENSE_FALLBACK_START_DATA) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2539)) ) { - JSCompiler_object_inline_digest_2546 = - JSCompiler_object_inline_message_2545.nextSibling && - JSCompiler_object_inline_message_2545.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2546) { - JSCompiler_temp = JSCompiler_object_inline_digest_2546.dgst; - var message = JSCompiler_object_inline_digest_2546.msg; - instance = JSCompiler_object_inline_digest_2546.stck; - var componentStack = JSCompiler_object_inline_digest_2546.cstck; + JSCompiler_object_inline_digest_2540 = + JSCompiler_object_inline_message_2539.nextSibling && + JSCompiler_object_inline_message_2539.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2540) { + JSCompiler_temp = JSCompiler_object_inline_digest_2540.dgst; + var message = JSCompiler_object_inline_digest_2540.msg; + instance = JSCompiler_object_inline_digest_2540.stck; + var componentStack = JSCompiler_object_inline_digest_2540.cstck; } - JSCompiler_object_inline_message_2545 = message; - JSCompiler_object_inline_digest_2546 = JSCompiler_temp; - JSCompiler_object_inline_stack_2547 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2548 = + JSCompiler_object_inline_message_2539 = message; + JSCompiler_object_inline_digest_2540 = JSCompiler_temp; + JSCompiler_object_inline_stack_2541 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2542 = componentStack; - JSCompiler_object_inline_componentStack_2548 = - JSCompiler_object_inline_message_2545 - ? Error(JSCompiler_object_inline_message_2545) + JSCompiler_object_inline_componentStack_2542 = + JSCompiler_object_inline_message_2539 + ? Error(JSCompiler_object_inline_message_2539) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_componentStack_2548.stack = - JSCompiler_object_inline_stack_2547 || ""; - JSCompiler_object_inline_componentStack_2548.digest = - JSCompiler_object_inline_digest_2546; - JSCompiler_object_inline_digest_2546 = + JSCompiler_object_inline_componentStack_2542.stack = + JSCompiler_object_inline_stack_2541 || ""; + JSCompiler_object_inline_componentStack_2542.digest = + JSCompiler_object_inline_digest_2540; + JSCompiler_object_inline_digest_2540 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2547 = { - value: JSCompiler_object_inline_componentStack_2548, + JSCompiler_object_inline_stack_2541 = { + value: JSCompiler_object_inline_componentStack_2542, source: null, - stack: JSCompiler_object_inline_digest_2546 + stack: JSCompiler_object_inline_digest_2540 }; - "string" === typeof JSCompiler_object_inline_digest_2546 && + "string" === typeof JSCompiler_object_inline_digest_2540 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2548, - JSCompiler_object_inline_stack_2547 + JSCompiler_object_inline_componentStack_2542, + JSCompiler_object_inline_stack_2541 ); - queueHydrationError(JSCompiler_object_inline_stack_2547); + queueHydrationError(JSCompiler_object_inline_stack_2541); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -9387,25 +9385,25 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2546 = + (JSCompiler_object_inline_digest_2540 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2546) + didReceiveUpdate || JSCompiler_object_inline_digest_2540) ) { - JSCompiler_object_inline_digest_2546 = workInProgressRoot; - if (null !== JSCompiler_object_inline_digest_2546) { - JSCompiler_object_inline_stack_2547 = renderLanes & -renderLanes; - if (0 !== (JSCompiler_object_inline_stack_2547 & 42)) - JSCompiler_object_inline_stack_2547 = 1; + JSCompiler_object_inline_digest_2540 = workInProgressRoot; + if (null !== JSCompiler_object_inline_digest_2540) { + JSCompiler_object_inline_stack_2541 = renderLanes & -renderLanes; + if (0 !== (JSCompiler_object_inline_stack_2541 & 42)) + JSCompiler_object_inline_stack_2541 = 1; else - switch (JSCompiler_object_inline_stack_2547) { + switch (JSCompiler_object_inline_stack_2541) { case 2: - JSCompiler_object_inline_stack_2547 = 1; + JSCompiler_object_inline_stack_2541 = 1; break; case 8: - JSCompiler_object_inline_stack_2547 = 4; + JSCompiler_object_inline_stack_2541 = 4; break; case 32: - JSCompiler_object_inline_stack_2547 = 16; + JSCompiler_object_inline_stack_2541 = 16; break; case 128: case 256: @@ -9426,40 +9424,40 @@ __DEV__ && case 8388608: case 16777216: case 33554432: - JSCompiler_object_inline_stack_2547 = 64; + JSCompiler_object_inline_stack_2541 = 64; break; case 268435456: - JSCompiler_object_inline_stack_2547 = 134217728; + JSCompiler_object_inline_stack_2541 = 134217728; break; default: - JSCompiler_object_inline_stack_2547 = 0; + JSCompiler_object_inline_stack_2541 = 0; } - JSCompiler_object_inline_stack_2547 = + JSCompiler_object_inline_stack_2541 = 0 !== - (JSCompiler_object_inline_stack_2547 & - (JSCompiler_object_inline_digest_2546.suspendedLanes | + (JSCompiler_object_inline_stack_2541 & + (JSCompiler_object_inline_digest_2540.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2547; + : JSCompiler_object_inline_stack_2541; if ( - 0 !== JSCompiler_object_inline_stack_2547 && - JSCompiler_object_inline_stack_2547 !== prevState.retryLane + 0 !== JSCompiler_object_inline_stack_2541 && + JSCompiler_object_inline_stack_2541 !== prevState.retryLane ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2547), + ((prevState.retryLane = JSCompiler_object_inline_stack_2541), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2547 + JSCompiler_object_inline_stack_2541 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2546, + JSCompiler_object_inline_digest_2540, current, - JSCompiler_object_inline_stack_2547 + JSCompiler_object_inline_stack_2541 ), SelectiveHydrationException) ); } - JSCompiler_object_inline_message_2545.data === + JSCompiler_object_inline_message_2539.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9467,7 +9465,7 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2545.data === + JSCompiler_object_inline_message_2539.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 128), (workInProgress.child = current.child), @@ -9475,12 +9473,14 @@ __DEV__ && null, current )), - (JSCompiler_object_inline_message_2545._reactRetry = - workInProgress), + registerSuspenseInstanceRetry( + JSCompiler_object_inline_message_2539, + workInProgress + ), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2545.nextSibling + JSCompiler_object_inline_message_2539.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9498,57 +9498,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2547.children + JSCompiler_object_inline_stack_2541.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2548) + if (JSCompiler_object_inline_componentStack_2542) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2548 = - JSCompiler_object_inline_stack_2547.fallback), - (JSCompiler_object_inline_message_2545 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2542 = + JSCompiler_object_inline_stack_2541.fallback), + (JSCompiler_object_inline_message_2539 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2547 = createWorkInProgress( + (JSCompiler_object_inline_stack_2541 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2547.children + children: JSCompiler_object_inline_stack_2541.children } )), - (JSCompiler_object_inline_stack_2547.subtreeFlags = + (JSCompiler_object_inline_stack_2541.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280), null !== instance - ? (JSCompiler_object_inline_componentStack_2548 = + ? (JSCompiler_object_inline_componentStack_2542 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2548 + JSCompiler_object_inline_componentStack_2542 )) - : ((JSCompiler_object_inline_componentStack_2548 = + : ((JSCompiler_object_inline_componentStack_2542 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2548, - JSCompiler_object_inline_message_2545, + JSCompiler_object_inline_componentStack_2542, + JSCompiler_object_inline_message_2539, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2548.flags |= 2)), - (JSCompiler_object_inline_componentStack_2548.return = + (JSCompiler_object_inline_componentStack_2542.flags |= 2)), + (JSCompiler_object_inline_componentStack_2542.return = workInProgress), - (JSCompiler_object_inline_stack_2547.return = workInProgress), - (JSCompiler_object_inline_stack_2547.sibling = - JSCompiler_object_inline_componentStack_2548), - (workInProgress.child = JSCompiler_object_inline_stack_2547), - (JSCompiler_object_inline_stack_2547 = - JSCompiler_object_inline_componentStack_2548), - (JSCompiler_object_inline_componentStack_2548 = workInProgress.child), - (JSCompiler_object_inline_message_2545 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2545 - ? (JSCompiler_object_inline_message_2545 = + (JSCompiler_object_inline_stack_2541.return = workInProgress), + (JSCompiler_object_inline_stack_2541.sibling = + JSCompiler_object_inline_componentStack_2542), + (workInProgress.child = JSCompiler_object_inline_stack_2541), + (JSCompiler_object_inline_stack_2541 = + JSCompiler_object_inline_componentStack_2542), + (JSCompiler_object_inline_componentStack_2542 = workInProgress.child), + (JSCompiler_object_inline_message_2539 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2539 + ? (JSCompiler_object_inline_message_2539 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2545.cachePool), + JSCompiler_object_inline_message_2539.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9556,34 +9556,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2545 = { + (JSCompiler_object_inline_message_2539 = { baseLanes: - JSCompiler_object_inline_message_2545.baseLanes | renderLanes, + JSCompiler_object_inline_message_2539.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2548.memoizedState = - JSCompiler_object_inline_message_2545), + (JSCompiler_object_inline_componentStack_2542.memoizedState = + JSCompiler_object_inline_message_2539), enableTransitionTracing && - ((JSCompiler_object_inline_message_2545 = enableTransitionTracing + ((JSCompiler_object_inline_message_2539 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2545 && + null !== JSCompiler_object_inline_message_2539 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2548.updateQueue), + JSCompiler_object_inline_componentStack_2542.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2548.updateQueue = { - transitions: JSCompiler_object_inline_message_2545, + ? (JSCompiler_object_inline_componentStack_2542.updateQueue = { + transitions: JSCompiler_object_inline_message_2539, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2548.updateQueue = + ? (JSCompiler_object_inline_componentStack_2542.updateQueue = { - transitions: JSCompiler_object_inline_message_2545, + transitions: JSCompiler_object_inline_message_2539, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -9591,32 +9591,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2545), + JSCompiler_object_inline_message_2539), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2548.childLanes = + (JSCompiler_object_inline_componentStack_2542.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2546, + JSCompiler_object_inline_digest_2540, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2547 + JSCompiler_object_inline_stack_2541 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2547.children + children: JSCompiler_object_inline_stack_2541.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2546 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2546 + ((JSCompiler_object_inline_digest_2540 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2540 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2546.push(current)); + : JSCompiler_object_inline_digest_2540.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -21978,6 +21978,25 @@ __DEV__ && } return instance; } + function isSuspenseInstanceFallback(instance) { + return ( + instance.data === SUSPENSE_FALLBACK_START_DATA || + (instance.data === SUSPENSE_PENDING_START_DATA && + instance.ownerDocument.readyState === DOCUMENT_READY_STATE_COMPLETE) + ); + } + function registerSuspenseInstanceRetry(instance, callback) { + var ownerDocument = instance.ownerDocument; + ownerDocument.readyState !== DOCUMENT_READY_STATE_COMPLETE && + ownerDocument.addEventListener( + "DOMContentLoaded", + function () { + instance.data === SUSPENSE_PENDING_START_DATA && callback(); + }, + { once: !0 } + ); + instance._reactRetry = callback; + } function getNextHydratable(node) { for (; null != node; node = node.nextSibling) { var nodeType = node.nodeType; @@ -27340,6 +27359,7 @@ __DEV__ && SUSPENSE_FALLBACK_START_DATA = "$!", FORM_STATE_IS_MATCHING = "F!", FORM_STATE_IS_NOT_MATCHING = "F", + DOCUMENT_READY_STATE_COMPLETE = "complete", STYLE = "style", HostContextNamespaceNone = 0, HostContextNamespaceSvg = 1, @@ -27656,11 +27676,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-www-modern-e3b7ef32-20241122" !== isomorphicReactPackageVersion) + if ("19.0.0-www-modern-16d2bbbd-20241203" !== 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-e3b7ef32-20241122\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-www-modern-16d2bbbd-20241203\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -27703,11 +27723,11 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.0.0-www-modern-e3b7ef32-20241122", + version: "19.0.0-www-modern-16d2bbbd-20241203", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-modern-16d2bbbd-20241203" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -28478,5 +28498,5 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-www-modern-e3b7ef32-20241122"; + exports.version = "19.0.0-www-modern-16d2bbbd-20241203"; })(); diff --git a/compiled/facebook-www/ReactDOMTesting-prod.classic.js b/compiled/facebook-www/ReactDOMTesting-prod.classic.js index 26c93a73261d8..5ce0076afb3e5 100644 --- a/compiled/facebook-www/ReactDOMTesting-prod.classic.js +++ b/compiled/facebook-www/ReactDOMTesting-prod.classic.js @@ -4998,7 +4998,9 @@ function findFirstSuspended(row) { if ( null !== state && ((state = state.dehydrated), - null === state || "$?" === state.data || "$!" === state.data) + null === state || + "$?" === state.data || + isSuspenseInstanceFallback(state)) ) return node; } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) { @@ -6261,7 +6263,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { ((nextInstance = nextInstance.dehydrated), null !== nextInstance) ) return ( - "$!" === nextInstance.data + isSuspenseInstanceFallback(nextInstance) ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), null @@ -6385,7 +6387,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { (workInProgress = showFallback)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), - "$!" === nextInstance.data) + isSuspenseInstanceFallback(nextInstance)) ) { JSCompiler_temp = nextInstance.nextSibling && nextInstance.nextSibling.dataset; @@ -6474,7 +6476,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { null, current )), - (nextInstance._reactRetry = workInProgress), + registerSuspenseInstanceRetry(nextInstance, workInProgress), (workInProgress = null)) : ((current = JSCompiler_temp$jscomp$0.treeContext), (nextHydratableInstance = getNextHydratable( @@ -13524,14 +13526,14 @@ var isInputEventSupported = !1; if (canUseDOM) { var JSCompiler_inline_result$jscomp$356; if (canUseDOM) { - var isSupported$jscomp$inline_1593 = "oninput" in document; - if (!isSupported$jscomp$inline_1593) { - var element$jscomp$inline_1594 = document.createElement("div"); - element$jscomp$inline_1594.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1593 = - "function" === typeof element$jscomp$inline_1594.oninput; + var isSupported$jscomp$inline_1590 = "oninput" in document; + if (!isSupported$jscomp$inline_1590) { + var element$jscomp$inline_1591 = document.createElement("div"); + element$jscomp$inline_1591.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1590 = + "function" === typeof element$jscomp$inline_1591.oninput; } - JSCompiler_inline_result$jscomp$356 = isSupported$jscomp$inline_1593; + JSCompiler_inline_result$jscomp$356 = isSupported$jscomp$inline_1590; } else JSCompiler_inline_result$jscomp$356 = !1; isInputEventSupported = JSCompiler_inline_result$jscomp$356 && @@ -13945,20 +13947,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1634 = 0; - i$jscomp$inline_1634 < simpleEventPluginEvents.length; - i$jscomp$inline_1634++ + var i$jscomp$inline_1631 = 0; + i$jscomp$inline_1631 < simpleEventPluginEvents.length; + i$jscomp$inline_1631++ ) { - var eventName$jscomp$inline_1635 = - simpleEventPluginEvents[i$jscomp$inline_1634], - domEventName$jscomp$inline_1636 = - eventName$jscomp$inline_1635.toLowerCase(), - capitalizedEvent$jscomp$inline_1637 = - eventName$jscomp$inline_1635[0].toUpperCase() + - eventName$jscomp$inline_1635.slice(1); + var eventName$jscomp$inline_1632 = + simpleEventPluginEvents[i$jscomp$inline_1631], + domEventName$jscomp$inline_1633 = + eventName$jscomp$inline_1632.toLowerCase(), + capitalizedEvent$jscomp$inline_1634 = + eventName$jscomp$inline_1632[0].toUpperCase() + + eventName$jscomp$inline_1632.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1636, - "on" + capitalizedEvent$jscomp$inline_1637 + domEventName$jscomp$inline_1633, + "on" + capitalizedEvent$jscomp$inline_1634 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15983,6 +15985,24 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { } return instance; } +function isSuspenseInstanceFallback(instance) { + return ( + "$!" === instance.data || + ("$?" === instance.data && "complete" === instance.ownerDocument.readyState) + ); +} +function registerSuspenseInstanceRetry(instance, callback) { + var ownerDocument = instance.ownerDocument; + "complete" !== ownerDocument.readyState && + ownerDocument.addEventListener( + "DOMContentLoaded", + function () { + "$?" === instance.data && callback(); + }, + { once: !0 } + ); + instance._reactRetry = callback; +} function getNextHydratable(node) { for (; null != node; node = node.nextSibling) { var nodeType = node.nodeType; @@ -17578,16 +17598,16 @@ function getCrossOriginStringAs(as, input) { if ("string" === typeof input) return "use-credentials" === input ? input : ""; } -var isomorphicReactPackageVersion$jscomp$inline_1807 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1804 = React.version; if ( - "19.0.0-www-classic-e3b7ef32-20241122" !== - isomorphicReactPackageVersion$jscomp$inline_1807 + "19.0.0-www-classic-16d2bbbd-20241203" !== + isomorphicReactPackageVersion$jscomp$inline_1804 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1807, - "19.0.0-www-classic-e3b7ef32-20241122" + isomorphicReactPackageVersion$jscomp$inline_1804, + "19.0.0-www-classic-16d2bbbd-20241203" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -17603,25 +17623,25 @@ Internals.Events = [ return fn(a); } ]; -var internals$jscomp$inline_2356 = { +var internals$jscomp$inline_2350 = { bundleType: 0, - version: "19.0.0-www-classic-e3b7ef32-20241122", + version: "19.0.0-www-classic-16d2bbbd-20241203", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-classic-16d2bbbd-20241203" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2357 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2351 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2357.isDisabled && - hook$jscomp$inline_2357.supportsFiber + !hook$jscomp$inline_2351.isDisabled && + hook$jscomp$inline_2351.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2357.inject( - internals$jscomp$inline_2356 + (rendererID = hook$jscomp$inline_2351.inject( + internals$jscomp$inline_2350 )), - (injectedHook = hook$jscomp$inline_2357); + (injectedHook = hook$jscomp$inline_2351); } catch (err) {} } function ReactDOMRoot(internalRoot) { @@ -18123,4 +18143,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-classic-e3b7ef32-20241122"; +exports.version = "19.0.0-www-classic-16d2bbbd-20241203"; diff --git a/compiled/facebook-www/ReactDOMTesting-prod.modern.js b/compiled/facebook-www/ReactDOMTesting-prod.modern.js index 1c86291948c43..9fd7651a3475a 100644 --- a/compiled/facebook-www/ReactDOMTesting-prod.modern.js +++ b/compiled/facebook-www/ReactDOMTesting-prod.modern.js @@ -4849,7 +4849,9 @@ function findFirstSuspended(row) { if ( null !== state && ((state = state.dehydrated), - null === state || "$?" === state.data || "$!" === state.data) + null === state || + "$?" === state.data || + isSuspenseInstanceFallback(state)) ) return node; } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) { @@ -6035,7 +6037,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { ((nextInstance = nextInstance.dehydrated), null !== nextInstance) ) return ( - "$!" === nextInstance.data + isSuspenseInstanceFallback(nextInstance) ? (workInProgress.lanes = 16) : (workInProgress.lanes = 536870912), null @@ -6159,7 +6161,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { (workInProgress = showFallback)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), - "$!" === nextInstance.data) + isSuspenseInstanceFallback(nextInstance)) ) { JSCompiler_temp = nextInstance.nextSibling && nextInstance.nextSibling.dataset; @@ -6248,7 +6250,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) { null, current )), - (nextInstance._reactRetry = workInProgress), + registerSuspenseInstanceRetry(nextInstance, workInProgress), (workInProgress = null)) : ((current = JSCompiler_temp$jscomp$0.treeContext), (nextHydratableInstance = getNextHydratable( @@ -13260,14 +13262,14 @@ var isInputEventSupported = !1; if (canUseDOM) { var JSCompiler_inline_result$jscomp$359; if (canUseDOM) { - var isSupported$jscomp$inline_1583 = "oninput" in document; - if (!isSupported$jscomp$inline_1583) { - var element$jscomp$inline_1584 = document.createElement("div"); - element$jscomp$inline_1584.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1583 = - "function" === typeof element$jscomp$inline_1584.oninput; + var isSupported$jscomp$inline_1580 = "oninput" in document; + if (!isSupported$jscomp$inline_1580) { + var element$jscomp$inline_1581 = document.createElement("div"); + element$jscomp$inline_1581.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1580 = + "function" === typeof element$jscomp$inline_1581.oninput; } - JSCompiler_inline_result$jscomp$359 = isSupported$jscomp$inline_1583; + JSCompiler_inline_result$jscomp$359 = isSupported$jscomp$inline_1580; } else JSCompiler_inline_result$jscomp$359 = !1; isInputEventSupported = JSCompiler_inline_result$jscomp$359 && @@ -13681,20 +13683,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1624 = 0; - i$jscomp$inline_1624 < simpleEventPluginEvents.length; - i$jscomp$inline_1624++ + var i$jscomp$inline_1621 = 0; + i$jscomp$inline_1621 < simpleEventPluginEvents.length; + i$jscomp$inline_1621++ ) { - var eventName$jscomp$inline_1625 = - simpleEventPluginEvents[i$jscomp$inline_1624], - domEventName$jscomp$inline_1626 = - eventName$jscomp$inline_1625.toLowerCase(), - capitalizedEvent$jscomp$inline_1627 = - eventName$jscomp$inline_1625[0].toUpperCase() + - eventName$jscomp$inline_1625.slice(1); + var eventName$jscomp$inline_1622 = + simpleEventPluginEvents[i$jscomp$inline_1621], + domEventName$jscomp$inline_1623 = + eventName$jscomp$inline_1622.toLowerCase(), + capitalizedEvent$jscomp$inline_1624 = + eventName$jscomp$inline_1622[0].toUpperCase() + + eventName$jscomp$inline_1622.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1626, - "on" + capitalizedEvent$jscomp$inline_1627 + domEventName$jscomp$inline_1623, + "on" + capitalizedEvent$jscomp$inline_1624 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15714,6 +15716,24 @@ function canHydrateTextInstance(instance, text, inRootOrSingleton) { } return instance; } +function isSuspenseInstanceFallback(instance) { + return ( + "$!" === instance.data || + ("$?" === instance.data && "complete" === instance.ownerDocument.readyState) + ); +} +function registerSuspenseInstanceRetry(instance, callback) { + var ownerDocument = instance.ownerDocument; + "complete" !== ownerDocument.readyState && + ownerDocument.addEventListener( + "DOMContentLoaded", + function () { + "$?" === instance.data && callback(); + }, + { once: !0 } + ); + instance._reactRetry = callback; +} function getNextHydratable(node) { for (; null != node; node = node.nextSibling) { var nodeType = node.nodeType; @@ -17309,16 +17329,16 @@ function getCrossOriginStringAs(as, input) { if ("string" === typeof input) return "use-credentials" === input ? input : ""; } -var isomorphicReactPackageVersion$jscomp$inline_1797 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1794 = React.version; if ( - "19.0.0-www-modern-e3b7ef32-20241122" !== - isomorphicReactPackageVersion$jscomp$inline_1797 + "19.0.0-www-modern-16d2bbbd-20241203" !== + isomorphicReactPackageVersion$jscomp$inline_1794 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1797, - "19.0.0-www-modern-e3b7ef32-20241122" + isomorphicReactPackageVersion$jscomp$inline_1794, + "19.0.0-www-modern-16d2bbbd-20241203" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -17334,25 +17354,25 @@ Internals.Events = [ return fn(a); } ]; -var internals$jscomp$inline_2338 = { +var internals$jscomp$inline_2332 = { bundleType: 0, - version: "19.0.0-www-modern-e3b7ef32-20241122", + version: "19.0.0-www-modern-16d2bbbd-20241203", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getClosestInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-modern-16d2bbbd-20241203" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2339 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2333 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2339.isDisabled && - hook$jscomp$inline_2339.supportsFiber + !hook$jscomp$inline_2333.isDisabled && + hook$jscomp$inline_2333.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2339.inject( - internals$jscomp$inline_2338 + (rendererID = hook$jscomp$inline_2333.inject( + internals$jscomp$inline_2332 )), - (injectedHook = hook$jscomp$inline_2339); + (injectedHook = hook$jscomp$inline_2333); } catch (err) {} } function ReactDOMRoot(internalRoot) { @@ -17854,4 +17874,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-modern-e3b7ef32-20241122"; +exports.version = "19.0.0-www-modern-16d2bbbd-20241203"; diff --git a/compiled/facebook-www/ReactReconciler-dev.classic.js b/compiled/facebook-www/ReactReconciler-dev.classic.js index 7d1080445c6fe..86671d2f5e9d4 100644 --- a/compiled/facebook-www/ReactReconciler-dev.classic.js +++ b/compiled/facebook-www/ReactReconciler-dev.classic.js @@ -19274,7 +19274,7 @@ __DEV__ && rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-classic-16d2bbbd-20241203" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactReconciler-dev.modern.js b/compiled/facebook-www/ReactReconciler-dev.modern.js index 383e960c9a3b1..b5534da0b60b7 100644 --- a/compiled/facebook-www/ReactReconciler-dev.modern.js +++ b/compiled/facebook-www/ReactReconciler-dev.modern.js @@ -19048,7 +19048,7 @@ __DEV__ && rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-modern-16d2bbbd-20241203" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactReconciler-prod.classic.js b/compiled/facebook-www/ReactReconciler-prod.classic.js index f7b2f60226117..90650a5e80b81 100644 --- a/compiled/facebook-www/ReactReconciler-prod.classic.js +++ b/compiled/facebook-www/ReactReconciler-prod.classic.js @@ -12847,7 +12847,7 @@ module.exports = function ($$$config) { rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-classic-16d2bbbd-20241203" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactReconciler-prod.modern.js b/compiled/facebook-www/ReactReconciler-prod.modern.js index 4e6291634edcf..7e34a67a45597 100644 --- a/compiled/facebook-www/ReactReconciler-prod.modern.js +++ b/compiled/facebook-www/ReactReconciler-prod.modern.js @@ -12566,7 +12566,7 @@ module.exports = function ($$$config) { rendererPackageName: rendererPackageName, currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-modern-16d2bbbd-20241203" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled/facebook-www/ReactTestRenderer-dev.classic.js b/compiled/facebook-www/ReactTestRenderer-dev.classic.js index 7334bfc55942e..4f29677214d48 100644 --- a/compiled/facebook-www/ReactTestRenderer-dev.classic.js +++ b/compiled/facebook-www/ReactTestRenderer-dev.classic.js @@ -15028,11 +15028,11 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.0.0-www-classic-e3b7ef32-20241122", + version: "19.0.0-www-classic-16d2bbbd-20241203", rendererPackageName: "react-test-renderer", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-classic-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-classic-16d2bbbd-20241203" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -15167,5 +15167,5 @@ __DEV__ && exports.unstable_batchedUpdates = function (fn, a) { return fn(a); }; - exports.version = "19.0.0-www-classic-e3b7ef32-20241122"; + exports.version = "19.0.0-www-classic-16d2bbbd-20241203"; })(); diff --git a/compiled/facebook-www/ReactTestRenderer-dev.modern.js b/compiled/facebook-www/ReactTestRenderer-dev.modern.js index 683ff2857dd46..9592f1286f2ee 100644 --- a/compiled/facebook-www/ReactTestRenderer-dev.modern.js +++ b/compiled/facebook-www/ReactTestRenderer-dev.modern.js @@ -15028,11 +15028,11 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.0.0-www-modern-e3b7ef32-20241122", + version: "19.0.0-www-modern-16d2bbbd-20241203", rendererPackageName: "react-test-renderer", currentDispatcherRef: ReactSharedInternals, findFiberByHostInstance: getInstanceFromNode, - reconcilerVersion: "19.0.0-www-modern-e3b7ef32-20241122" + reconcilerVersion: "19.0.0-www-modern-16d2bbbd-20241203" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -15167,5 +15167,5 @@ __DEV__ && exports.unstable_batchedUpdates = function (fn, a) { return fn(a); }; - exports.version = "19.0.0-www-modern-e3b7ef32-20241122"; + exports.version = "19.0.0-www-modern-16d2bbbd-20241203"; })(); diff --git a/compiled/facebook-www/VERSION_CLASSIC b/compiled/facebook-www/VERSION_CLASSIC index 83a70c9c0b192..7803ddd0d6515 100644 --- a/compiled/facebook-www/VERSION_CLASSIC +++ b/compiled/facebook-www/VERSION_CLASSIC @@ -1 +1 @@ -19.0.0-www-classic-e3b7ef32-20241122 \ No newline at end of file +19.0.0-www-classic-16d2bbbd-20241203 \ No newline at end of file diff --git a/compiled/facebook-www/VERSION_MODERN b/compiled/facebook-www/VERSION_MODERN index 37f6f6130703b..116a5d1dc15de 100644 --- a/compiled/facebook-www/VERSION_MODERN +++ b/compiled/facebook-www/VERSION_MODERN @@ -1 +1 @@ -19.0.0-www-modern-e3b7ef32-20241122 \ No newline at end of file +19.0.0-www-modern-16d2bbbd-20241203 \ No newline at end of file