From 6cb2d2cd042178ad9658d8a4abef492f56a16104 Mon Sep 17 00:00:00 2001 From: sebmarkbage Date: Fri, 25 Apr 2025 13:16:54 -0700 Subject: [PATCH] [Fizz] Enable the progressiveChunkSize option (#33027) Since the very beginning we have had the `progressiveChunkSize` option but we never actually took advantage of it because we didn't count the bytes that we emitted. This starts counting the bytes by taking a pass over the added chunks each time a segment completes. That allows us to outline a Suspense boundary to stream in late even if it is already loaded by the time that back-pressure flow and in a `prerender`. Meaning it gets inserted with script. The effect can be seen in the fixture where if you have large HTML content that can block initial paint (thanks to [`rel="expect"`](https://github.com/facebook/react/pull/33016) but also nested Suspense boundaries). Before this fix, the paint would be blocked until the large content loaded. This lets us paint the fallback first in the case that the raw bytes of the content takes a while to download. You can set it to `Infinity` to opt-out. E.g. if you want to ensure there's never any scripts. It's always set to `Infinity` in `renderToHTML` and the legacy `renderToString`. One downside is that if we might choose to outline a boundary, we need to let its fallback complete. We don't currently discount the size of the fallback but really just consider them additive even though in theory the fallback itself could also add significant size or even more than the content. It should maybe really be considered the delta but that would require us to track the size of the fallback separately which is tricky. One problem with the current heuristic is that we just consider the size of the boundary content itself down to the next boundary. If you have a lot of small boundaries adding up, it'll never kick in. I intend to address that in a follow up. DiffTrain build for [8e9a5fc6c1a6252ca1727ab8fe0d4ee13f2568ec](https://github.com/facebook/react/commit/8e9a5fc6c1a6252ca1727ab8fe0d4ee13f2568ec) --- 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 | 10 +-- compiled/facebook-www/ReactDOM-dev.modern.js | 10 +-- .../facebook-www/ReactDOM-prod.classic.js | 10 +-- compiled/facebook-www/ReactDOM-prod.modern.js | 10 +-- .../ReactDOM-profiling.classic.js | 10 +-- .../facebook-www/ReactDOM-profiling.modern.js | 10 +-- .../ReactDOMServer-dev.classic.js | 19 +++--- .../facebook-www/ReactDOMServer-dev.modern.js | 19 +++--- .../ReactDOMServer-prod.classic.js | 61 +++++++++++-------- .../ReactDOMServer-prod.modern.js | 61 +++++++++++-------- .../ReactDOMServerStreaming-dev.modern.js | 18 +++--- .../ReactDOMServerStreaming-prod.modern.js | 15 +++-- .../ReactDOMTesting-dev.classic.js | 10 +-- .../ReactDOMTesting-dev.modern.js | 10 +-- .../ReactDOMTesting-prod.classic.js | 10 +-- .../ReactDOMTesting-prod.modern.js | 10 +-- .../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 +- 36 files changed, 194 insertions(+), 163 deletions(-) diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION index 59d01a4f85..23d9b6851c 100644 --- a/compiled/facebook-www/REVISION +++ b/compiled/facebook-www/REVISION @@ -1 +1 @@ -89e8875ec48c86b366bf62398112923cdf76016a +8e9a5fc6c1a6252ca1727ab8fe0d4ee13f2568ec diff --git a/compiled/facebook-www/REVISION_TRANSFORMS b/compiled/facebook-www/REVISION_TRANSFORMS index 59d01a4f85..23d9b6851c 100644 --- a/compiled/facebook-www/REVISION_TRANSFORMS +++ b/compiled/facebook-www/REVISION_TRANSFORMS @@ -1 +1 @@ -89e8875ec48c86b366bf62398112923cdf76016a +8e9a5fc6c1a6252ca1727ab8fe0d4ee13f2568ec diff --git a/compiled/facebook-www/React-dev.classic.js b/compiled/facebook-www/React-dev.classic.js index f465a4d66f..a084a03f83 100644 --- a/compiled/facebook-www/React-dev.classic.js +++ b/compiled/facebook-www/React-dev.classic.js @@ -1538,7 +1538,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.2.0-www-classic-89e8875e-20250425"; + exports.version = "19.2.0-www-classic-8e9a5fc6-20250425"; "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 ba03bad6ee..c138d24199 100644 --- a/compiled/facebook-www/React-dev.modern.js +++ b/compiled/facebook-www/React-dev.modern.js @@ -1538,7 +1538,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.2.0-www-modern-89e8875e-20250425"; + exports.version = "19.2.0-www-modern-8e9a5fc6-20250425"; "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 3c94861619..b18ee5c0ea 100644 --- a/compiled/facebook-www/React-prod.classic.js +++ b/compiled/facebook-www/React-prod.classic.js @@ -636,4 +636,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-www-classic-89e8875e-20250425"; +exports.version = "19.2.0-www-classic-8e9a5fc6-20250425"; diff --git a/compiled/facebook-www/React-prod.modern.js b/compiled/facebook-www/React-prod.modern.js index cb13e37dc7..985df1ea8a 100644 --- a/compiled/facebook-www/React-prod.modern.js +++ b/compiled/facebook-www/React-prod.modern.js @@ -636,4 +636,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-www-modern-89e8875e-20250425"; +exports.version = "19.2.0-www-modern-8e9a5fc6-20250425"; diff --git a/compiled/facebook-www/React-profiling.classic.js b/compiled/facebook-www/React-profiling.classic.js index 58cb8b8839..13073c616a 100644 --- a/compiled/facebook-www/React-profiling.classic.js +++ b/compiled/facebook-www/React-profiling.classic.js @@ -640,7 +640,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-www-classic-89e8875e-20250425"; +exports.version = "19.2.0-www-classic-8e9a5fc6-20250425"; "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 8f3e702508..1a0364be13 100644 --- a/compiled/facebook-www/React-profiling.modern.js +++ b/compiled/facebook-www/React-profiling.modern.js @@ -640,7 +640,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-www-modern-89e8875e-20250425"; +exports.version = "19.2.0-www-modern-8e9a5fc6-20250425"; "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 53709e3bf0..4b2371a290 100644 --- a/compiled/facebook-www/ReactART-dev.classic.js +++ b/compiled/facebook-www/ReactART-dev.classic.js @@ -18800,10 +18800,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.2.0-www-classic-89e8875e-20250425", + version: "19.2.0-www-classic-8e9a5fc6-20250425", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-www-classic-89e8875e-20250425" + reconcilerVersion: "19.2.0-www-classic-8e9a5fc6-20250425" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -18837,7 +18837,7 @@ __DEV__ && exports.Shape = Shape; exports.Surface = Surface; exports.Text = Text; - exports.version = "19.2.0-www-classic-89e8875e-20250425"; + exports.version = "19.2.0-www-classic-8e9a5fc6-20250425"; "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 aeff026b53..8c39e69956 100644 --- a/compiled/facebook-www/ReactART-dev.modern.js +++ b/compiled/facebook-www/ReactART-dev.modern.js @@ -18572,10 +18572,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.2.0-www-modern-89e8875e-20250425", + version: "19.2.0-www-modern-8e9a5fc6-20250425", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-www-modern-89e8875e-20250425" + reconcilerVersion: "19.2.0-www-modern-8e9a5fc6-20250425" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -18609,7 +18609,7 @@ __DEV__ && exports.Shape = Shape; exports.Surface = Surface; exports.Text = Text; - exports.version = "19.2.0-www-modern-89e8875e-20250425"; + exports.version = "19.2.0-www-modern-8e9a5fc6-20250425"; "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 74ce10343b..768a7f6b15 100644 --- a/compiled/facebook-www/ReactART-prod.classic.js +++ b/compiled/facebook-www/ReactART-prod.classic.js @@ -11412,10 +11412,10 @@ var slice = Array.prototype.slice, })(React.Component); var internals$jscomp$inline_1619 = { bundleType: 0, - version: "19.2.0-www-classic-89e8875e-20250425", + version: "19.2.0-www-classic-8e9a5fc6-20250425", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-www-classic-89e8875e-20250425" + reconcilerVersion: "19.2.0-www-classic-8e9a5fc6-20250425" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1620 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -11441,4 +11441,4 @@ exports.RadialGradient = RadialGradient; exports.Shape = TYPES.SHAPE; exports.Surface = Surface; exports.Text = Text; -exports.version = "19.2.0-www-classic-89e8875e-20250425"; +exports.version = "19.2.0-www-classic-8e9a5fc6-20250425"; diff --git a/compiled/facebook-www/ReactART-prod.modern.js b/compiled/facebook-www/ReactART-prod.modern.js index f8fb991dcd..db2dda6405 100644 --- a/compiled/facebook-www/ReactART-prod.modern.js +++ b/compiled/facebook-www/ReactART-prod.modern.js @@ -11125,10 +11125,10 @@ var slice = Array.prototype.slice, })(React.Component); var internals$jscomp$inline_1592 = { bundleType: 0, - version: "19.2.0-www-modern-89e8875e-20250425", + version: "19.2.0-www-modern-8e9a5fc6-20250425", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-www-modern-89e8875e-20250425" + reconcilerVersion: "19.2.0-www-modern-8e9a5fc6-20250425" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1593 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -11154,4 +11154,4 @@ exports.RadialGradient = RadialGradient; exports.Shape = TYPES.SHAPE; exports.Surface = Surface; exports.Text = Text; -exports.version = "19.2.0-www-modern-89e8875e-20250425"; +exports.version = "19.2.0-www-modern-8e9a5fc6-20250425"; diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js index acb2694c1e..1258b3e69e 100644 --- a/compiled/facebook-www/ReactDOM-dev.classic.js +++ b/compiled/facebook-www/ReactDOM-dev.classic.js @@ -30914,11 +30914,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-www-classic-89e8875e-20250425" !== isomorphicReactPackageVersion) + if ("19.2.0-www-classic-8e9a5fc6-20250425" !== 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.2.0-www-classic-89e8875e-20250425\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-www-classic-8e9a5fc6-20250425\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30961,10 +30961,10 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.2.0-www-classic-89e8875e-20250425", + version: "19.2.0-www-classic-8e9a5fc6-20250425", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-www-classic-89e8875e-20250425" + reconcilerVersion: "19.2.0-www-classic-8e9a5fc6-20250425" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -31562,7 +31562,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-www-classic-89e8875e-20250425"; + exports.version = "19.2.0-www-classic-8e9a5fc6-20250425"; "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 7047059003..a1792088d1 100644 --- a/compiled/facebook-www/ReactDOM-dev.modern.js +++ b/compiled/facebook-www/ReactDOM-dev.modern.js @@ -30700,11 +30700,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-www-modern-89e8875e-20250425" !== isomorphicReactPackageVersion) + if ("19.2.0-www-modern-8e9a5fc6-20250425" !== 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.2.0-www-modern-89e8875e-20250425\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-www-modern-8e9a5fc6-20250425\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30747,10 +30747,10 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.2.0-www-modern-89e8875e-20250425", + version: "19.2.0-www-modern-8e9a5fc6-20250425", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-www-modern-89e8875e-20250425" + reconcilerVersion: "19.2.0-www-modern-8e9a5fc6-20250425" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -31348,7 +31348,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-www-modern-89e8875e-20250425"; + exports.version = "19.2.0-www-modern-8e9a5fc6-20250425"; "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 3ffded0854..cc345f7117 100644 --- a/compiled/facebook-www/ReactDOM-prod.classic.js +++ b/compiled/facebook-www/ReactDOM-prod.classic.js @@ -19440,14 +19440,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_2029 = React.version; if ( - "19.2.0-www-classic-89e8875e-20250425" !== + "19.2.0-www-classic-8e9a5fc6-20250425" !== isomorphicReactPackageVersion$jscomp$inline_2029 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2029, - "19.2.0-www-classic-89e8875e-20250425" + "19.2.0-www-classic-8e9a5fc6-20250425" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -19465,10 +19465,10 @@ Internals.Events = [ ]; var internals$jscomp$inline_2635 = { bundleType: 0, - version: "19.2.0-www-classic-89e8875e-20250425", + version: "19.2.0-www-classic-8e9a5fc6-20250425", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-www-classic-89e8875e-20250425" + reconcilerVersion: "19.2.0-www-classic-8e9a5fc6-20250425" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2636 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -19832,4 +19832,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-www-classic-89e8875e-20250425"; +exports.version = "19.2.0-www-classic-8e9a5fc6-20250425"; diff --git a/compiled/facebook-www/ReactDOM-prod.modern.js b/compiled/facebook-www/ReactDOM-prod.modern.js index 4b3d1c391c..39e9a42757 100644 --- a/compiled/facebook-www/ReactDOM-prod.modern.js +++ b/compiled/facebook-www/ReactDOM-prod.modern.js @@ -19169,14 +19169,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_2019 = React.version; if ( - "19.2.0-www-modern-89e8875e-20250425" !== + "19.2.0-www-modern-8e9a5fc6-20250425" !== isomorphicReactPackageVersion$jscomp$inline_2019 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2019, - "19.2.0-www-modern-89e8875e-20250425" + "19.2.0-www-modern-8e9a5fc6-20250425" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -19194,10 +19194,10 @@ Internals.Events = [ ]; var internals$jscomp$inline_2617 = { bundleType: 0, - version: "19.2.0-www-modern-89e8875e-20250425", + version: "19.2.0-www-modern-8e9a5fc6-20250425", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-www-modern-89e8875e-20250425" + reconcilerVersion: "19.2.0-www-modern-8e9a5fc6-20250425" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2618 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -19561,4 +19561,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-www-modern-89e8875e-20250425"; +exports.version = "19.2.0-www-modern-8e9a5fc6-20250425"; diff --git a/compiled/facebook-www/ReactDOM-profiling.classic.js b/compiled/facebook-www/ReactDOM-profiling.classic.js index be429a13cd..3c1e3f0e20 100644 --- a/compiled/facebook-www/ReactDOM-profiling.classic.js +++ b/compiled/facebook-www/ReactDOM-profiling.classic.js @@ -21437,14 +21437,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_2239 = React.version; if ( - "19.2.0-www-classic-89e8875e-20250425" !== + "19.2.0-www-classic-8e9a5fc6-20250425" !== isomorphicReactPackageVersion$jscomp$inline_2239 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2239, - "19.2.0-www-classic-89e8875e-20250425" + "19.2.0-www-classic-8e9a5fc6-20250425" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -21462,10 +21462,10 @@ Internals.Events = [ ]; var internals$jscomp$inline_2241 = { bundleType: 0, - version: "19.2.0-www-classic-89e8875e-20250425", + version: "19.2.0-www-classic-8e9a5fc6-20250425", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-www-classic-89e8875e-20250425" + reconcilerVersion: "19.2.0-www-classic-8e9a5fc6-20250425" }; enableSchedulingProfiler && ((internals$jscomp$inline_2241.getLaneLabelMap = getLaneLabelMap), @@ -21832,7 +21832,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-www-classic-89e8875e-20250425"; +exports.version = "19.2.0-www-classic-8e9a5fc6-20250425"; "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 e4362b78c8..6840fa5473 100644 --- a/compiled/facebook-www/ReactDOM-profiling.modern.js +++ b/compiled/facebook-www/ReactDOM-profiling.modern.js @@ -21235,14 +21235,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_2229 = React.version; if ( - "19.2.0-www-modern-89e8875e-20250425" !== + "19.2.0-www-modern-8e9a5fc6-20250425" !== isomorphicReactPackageVersion$jscomp$inline_2229 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2229, - "19.2.0-www-modern-89e8875e-20250425" + "19.2.0-www-modern-8e9a5fc6-20250425" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -21260,10 +21260,10 @@ Internals.Events = [ ]; var internals$jscomp$inline_2231 = { bundleType: 0, - version: "19.2.0-www-modern-89e8875e-20250425", + version: "19.2.0-www-modern-8e9a5fc6-20250425", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-www-modern-89e8875e-20250425" + reconcilerVersion: "19.2.0-www-modern-8e9a5fc6-20250425" }; enableSchedulingProfiler && ((internals$jscomp$inline_2231.getLaneLabelMap = getLaneLabelMap), @@ -21630,7 +21630,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-www-modern-89e8875e-20250425"; +exports.version = "19.2.0-www-modern-8e9a5fc6-20250425"; "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 a7f6abd387..0b60ec4133 100644 --- a/compiled/facebook-www/ReactDOMServer-dev.classic.js +++ b/compiled/facebook-www/ReactDOMServer-dev.classic.js @@ -4456,6 +4456,7 @@ __DEV__ && this.fatalError = null; this.pendingRootTasks = this.allPendingTasks = this.nextSegmentId = 0; this.completedPreambleSegments = this.completedRootSegment = null; + this.byteSize = 0; this.abortableTasks = abortSet; this.pingedTasks = []; this.clientRenderedBoundaries = []; @@ -5802,9 +5803,10 @@ __DEV__ && (contentRootSegment.status = COMPLETED), queueCompletedSegment(newBoundary, contentRootSegment), 0 === newBoundary.pendingTasks && - newBoundary.status === PENDING) + newBoundary.status === PENDING && + ((newBoundary.status = COMPLETED), + !(newBoundary.byteSize > request.progressiveChunkSize))) ) { - newBoundary.status = COMPLETED; 0 === request.pendingRootTasks && task.blockedPreamble && preparePreamble(request); @@ -6930,11 +6932,12 @@ __DEV__ && boundary.parentFlushed && request.completedBoundaries.push(boundary), boundary.status === COMPLETED && - (boundary.fallbackAbortableTasks.forEach( - abortTaskSoft, - request - ), - boundary.fallbackAbortableTasks.clear(), + (boundary.byteSize > request.progressiveChunkSize || + (boundary.fallbackAbortableTasks.forEach( + abortTaskSoft, + request + ), + boundary.fallbackAbortableTasks.clear()), 0 === request.pendingRootTasks && null === request.trackedPostpones && null !== boundary.contentPreamble && @@ -9500,5 +9503,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.2.0-www-classic-89e8875e-20250425"; + exports.version = "19.2.0-www-classic-8e9a5fc6-20250425"; })(); diff --git a/compiled/facebook-www/ReactDOMServer-dev.modern.js b/compiled/facebook-www/ReactDOMServer-dev.modern.js index ca190ea419..1683e87429 100644 --- a/compiled/facebook-www/ReactDOMServer-dev.modern.js +++ b/compiled/facebook-www/ReactDOMServer-dev.modern.js @@ -4448,6 +4448,7 @@ __DEV__ && this.fatalError = null; this.pendingRootTasks = this.allPendingTasks = this.nextSegmentId = 0; this.completedPreambleSegments = this.completedRootSegment = null; + this.byteSize = 0; this.abortableTasks = abortSet; this.pingedTasks = []; this.clientRenderedBoundaries = []; @@ -5741,9 +5742,10 @@ __DEV__ && (contentRootSegment.status = COMPLETED), queueCompletedSegment(newBoundary, contentRootSegment), 0 === newBoundary.pendingTasks && - newBoundary.status === PENDING) + newBoundary.status === PENDING && + ((newBoundary.status = COMPLETED), + !(newBoundary.byteSize > request.progressiveChunkSize))) ) { - newBoundary.status = COMPLETED; 0 === request.pendingRootTasks && task.blockedPreamble && preparePreamble(request); @@ -6863,11 +6865,12 @@ __DEV__ && boundary.parentFlushed && request.completedBoundaries.push(boundary), boundary.status === COMPLETED && - (boundary.fallbackAbortableTasks.forEach( - abortTaskSoft, - request - ), - boundary.fallbackAbortableTasks.clear(), + (boundary.byteSize > request.progressiveChunkSize || + (boundary.fallbackAbortableTasks.forEach( + abortTaskSoft, + request + ), + boundary.fallbackAbortableTasks.clear()), 0 === request.pendingRootTasks && null === request.trackedPostpones && null !== boundary.contentPreamble && @@ -9429,5 +9432,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.2.0-www-modern-89e8875e-20250425"; + exports.version = "19.2.0-www-modern-8e9a5fc6-20250425"; })(); diff --git a/compiled/facebook-www/ReactDOMServer-prod.classic.js b/compiled/facebook-www/ReactDOMServer-prod.classic.js index f6e8144890..11a02497d3 100644 --- a/compiled/facebook-www/ReactDOMServer-prod.classic.js +++ b/compiled/facebook-www/ReactDOMServer-prod.classic.js @@ -2774,17 +2774,17 @@ function createRenderState(resumableState, generateStaticMarkup) { "\x3c/script>" )); bootstrapScriptContent = idPrefix + "P:"; - var JSCompiler_object_inline_segmentPrefix_1732 = idPrefix + "S:"; + var JSCompiler_object_inline_segmentPrefix_1738 = idPrefix + "S:"; idPrefix += "B:"; - var JSCompiler_object_inline_preamble_1735 = createPreambleState(), - JSCompiler_object_inline_preconnects_1745 = new Set(), - JSCompiler_object_inline_fontPreloads_1746 = new Set(), - JSCompiler_object_inline_highImagePreloads_1747 = new Set(), - JSCompiler_object_inline_styles_1748 = new Map(), - JSCompiler_object_inline_bootstrapScripts_1749 = new Set(), - JSCompiler_object_inline_scripts_1750 = new Set(), - JSCompiler_object_inline_bulkPreloads_1751 = new Set(), - JSCompiler_object_inline_preloads_1752 = { + var JSCompiler_object_inline_preamble_1741 = createPreambleState(), + JSCompiler_object_inline_preconnects_1751 = new Set(), + JSCompiler_object_inline_fontPreloads_1752 = new Set(), + JSCompiler_object_inline_highImagePreloads_1753 = new Set(), + JSCompiler_object_inline_styles_1754 = new Map(), + JSCompiler_object_inline_bootstrapScripts_1755 = new Set(), + JSCompiler_object_inline_scripts_1756 = new Set(), + JSCompiler_object_inline_bulkPreloads_1757 = new Set(), + JSCompiler_object_inline_preloads_1758 = { images: new Map(), stylesheets: new Map(), scripts: new Map(), @@ -2821,7 +2821,7 @@ function createRenderState(resumableState, generateStaticMarkup) { scriptConfig.moduleScriptResources[href] = null; scriptConfig = []; pushLinkImpl(scriptConfig, props); - JSCompiler_object_inline_bootstrapScripts_1749.add(scriptConfig); + JSCompiler_object_inline_bootstrapScripts_1755.add(scriptConfig); bootstrapChunks.push('