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

[Fizz] Error and deopt from rel=expect for large documents without boundaries (#33454)

Browse Source 
We want to make sure that we can block the reveal of a well designed
complete shell reliably. In the Suspense model, client transitions don't
have any way to implicitly resolve. This means you need to use Suspense
or SuspenseList to explicitly split the document. Relying on implicit
would mean you can't add a Suspense boundary later where needed. So we
highly encourage the use of them around large content.

However, if you have constructed a too large shell (e.g. by not adding
any Suspense boundaries at all) then that might take too long to render
on the client. We shouldn't punish users (or overzealous metrics
tracking tools like search engines) in that scenario.

This opts out of render blocking if the shell ends up too large to be
intentional and too slow to load. Instead it deopts to showing the
content split up in arbitrary ways (browser default). It only does this
for SSR, and not client navs so it's not reliable.

In fact, we issue an error to `onError`. This error is recoverable in
that the document is still produced. It's up to your framework to decide
if this errors the build or just surface it for action later.

What should be the limit though? There's a trade off here. If this limit
is too low then you can't fit a reasonably well built UI within it
without getting errors. If it's too high then things that accidentally
fall below it might take too long to load.

I came up with 512kB of uncompressed shell HTML. See the comment in code
for the rationale for this number. TL;DR: Data and theory indicates that
having this much content inside `rel="expect"` doesn't meaningfully
change metrics. Research of above-the-fold content on various websites
indicate that this can comfortable fit all of them which should be
enough for any intentional initial paint.

DiffTrain build for [d177272802](https://github.com/facebook/react/commit/d177272802b7f86a847312c23b7e60a6f56434de)
This commit is contained in:
sebmarkbage
2025-06-06 07:36:11 -07:00
parent 57de70340f
commit 7cc8093003
36 changed files with 312 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files
compiled/facebook-www/REVISION
+1 -1
View File
@@ -1 +1 @@
22b929156c325eaf52c375f0c62801831951814a
d177272802b7f86a847312c23b7e60a6f56434de
compiled/facebook-www/REVISION_TRANSFORMS
+1 -1
View File
@@ -1 +1 @@
22b929156c325eaf52c375f0c62801831951814a
d177272802b7f86a847312c23b7e60a6f56434de
compiled/facebook-www/React-dev.classic.js
+1 -1
View File
@@ -1537,7 +1537,7 @@ __DEV__ &&
exports.useTransition = function () {
return resolveDispatcher().useTransition();
};
exports.version = "19.2.0-www-classic-22b92915-20250606";
exports.version = "19.2.0-www-classic-d1772728-20250606";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/React-dev.modern.js
+1 -1
View File
@@ -1537,7 +1537,7 @@ __DEV__ &&
exports.useTransition = function () {
return resolveDispatcher().useTransition();
};
exports.version = "19.2.0-www-modern-22b92915-20250606";
exports.version = "19.2.0-www-modern-d1772728-20250606";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/React-prod.classic.js
+1 -1
View File
@@ -635,4 +635,4 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.2.0-www-classic-22b92915-20250606";
exports.version = "19.2.0-www-classic-d1772728-20250606";
compiled/facebook-www/React-prod.modern.js
+1 -1
View File
@@ -635,4 +635,4 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.2.0-www-modern-22b92915-20250606";
exports.version = "19.2.0-www-modern-d1772728-20250606";
compiled/facebook-www/React-profiling.classic.js
+1 -1
View File
@@ -639,7 +639,7 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.2.0-www-classic-22b92915-20250606";
exports.version = "19.2.0-www-classic-d1772728-20250606";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/React-profiling.modern.js
+1 -1
View File
@@ -639,7 +639,7 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactSharedInternals.H.useTransition();
};
exports.version = "19.2.0-www-modern-22b92915-20250606";
exports.version = "19.2.0-www-modern-d1772728-20250606";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactART-dev.classic.js
+3 -3
View File
@@ -19105,10 +19105,10 @@ __DEV__ &&
(function () {
var internals = {
bundleType: 1,
version: "19.2.0-www-classic-22b92915-20250606",
version: "19.2.0-www-classic-d1772728-20250606",
rendererPackageName: "react-art",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-22b92915-20250606"
reconcilerVersion: "19.2.0-www-classic-d1772728-20250606"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -19142,7 +19142,7 @@ __DEV__ &&
exports.Shape = Shape;
exports.Surface = Surface;
exports.Text = Text;
exports.version = "19.2.0-www-classic-22b92915-20250606";
exports.version = "19.2.0-www-classic-d1772728-20250606";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactART-dev.modern.js
+3 -3
View File
@@ -18877,10 +18877,10 @@ __DEV__ &&
(function () {
var internals = {
bundleType: 1,
version: "19.2.0-www-modern-22b92915-20250606",
version: "19.2.0-www-modern-d1772728-20250606",
rendererPackageName: "react-art",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-22b92915-20250606"
reconcilerVersion: "19.2.0-www-modern-d1772728-20250606"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -18914,7 +18914,7 @@ __DEV__ &&
exports.Shape = Shape;
exports.Surface = Surface;
exports.Text = Text;
exports.version = "19.2.0-www-modern-22b92915-20250606";
exports.version = "19.2.0-www-modern-d1772728-20250606";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactART-prod.classic.js
+3 -3
View File
@@ -11395,10 +11395,10 @@ var slice = Array.prototype.slice,
})(React.Component);
var internals$jscomp$inline_1624 = {
bundleType: 0,
version: "19.2.0-www-classic-22b92915-20250606",
version: "19.2.0-www-classic-d1772728-20250606",
rendererPackageName: "react-art",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-22b92915-20250606"
reconcilerVersion: "19.2.0-www-classic-d1772728-20250606"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1625 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -11424,4 +11424,4 @@ exports.RadialGradient = RadialGradient;
exports.Shape = TYPES.SHAPE;
exports.Surface = Surface;
exports.Text = Text;
exports.version = "19.2.0-www-classic-22b92915-20250606";
exports.version = "19.2.0-www-classic-d1772728-20250606";
compiled/facebook-www/ReactART-prod.modern.js
+3 -3
View File
@@ -11107,10 +11107,10 @@ var slice = Array.prototype.slice,
})(React.Component);
var internals$jscomp$inline_1597 = {
bundleType: 0,
version: "19.2.0-www-modern-22b92915-20250606",
version: "19.2.0-www-modern-d1772728-20250606",
rendererPackageName: "react-art",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-22b92915-20250606"
reconcilerVersion: "19.2.0-www-modern-d1772728-20250606"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1598 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -11136,4 +11136,4 @@ exports.RadialGradient = RadialGradient;
exports.Shape = TYPES.SHAPE;
exports.Surface = Surface;
exports.Text = Text;
exports.version = "19.2.0-www-modern-22b92915-20250606";
exports.version = "19.2.0-www-modern-d1772728-20250606";
compiled/facebook-www/ReactDOM-dev.classic.js
+5 -5
View File
@@ -31481,11 +31481,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.2.0-www-classic-22b92915-20250606" !== isomorphicReactPackageVersion)
if ("19.2.0-www-classic-d1772728-20250606" !== 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-22b92915-20250606\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.2.0-www-classic-d1772728-20250606\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -31528,10 +31528,10 @@ __DEV__ &&
!(function () {
var internals = {
bundleType: 1,
version: "19.2.0-www-classic-22b92915-20250606",
version: "19.2.0-www-classic-d1772728-20250606",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-22b92915-20250606"
reconcilerVersion: "19.2.0-www-classic-d1772728-20250606"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -32131,7 +32131,7 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.2.0-www-classic-22b92915-20250606";
exports.version = "19.2.0-www-classic-d1772728-20250606";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactDOM-dev.modern.js
+5 -5
View File
@@ -31267,11 +31267,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.2.0-www-modern-22b92915-20250606" !== isomorphicReactPackageVersion)
if ("19.2.0-www-modern-d1772728-20250606" !== 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-22b92915-20250606\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.2.0-www-modern-d1772728-20250606\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -31314,10 +31314,10 @@ __DEV__ &&
!(function () {
var internals = {
bundleType: 1,
version: "19.2.0-www-modern-22b92915-20250606",
version: "19.2.0-www-modern-d1772728-20250606",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-22b92915-20250606"
reconcilerVersion: "19.2.0-www-modern-d1772728-20250606"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -31917,7 +31917,7 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.2.0-www-modern-22b92915-20250606";
exports.version = "19.2.0-www-modern-d1772728-20250606";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactDOM-prod.classic.js
+5 -5
View File
@@ -19573,14 +19573,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_2083 = React.version;
if (
"19.2.0-www-classic-22b92915-20250606" !==
"19.2.0-www-classic-d1772728-20250606" !==
isomorphicReactPackageVersion$jscomp$inline_2083
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2083,
"19.2.0-www-classic-22b92915-20250606"
"19.2.0-www-classic-d1772728-20250606"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -19598,10 +19598,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2696 = {
bundleType: 0,
version: "19.2.0-www-classic-22b92915-20250606",
version: "19.2.0-www-classic-d1772728-20250606",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-22b92915-20250606"
reconcilerVersion: "19.2.0-www-classic-d1772728-20250606"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2697 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -20013,4 +20013,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.2.0-www-classic-22b92915-20250606";
exports.version = "19.2.0-www-classic-d1772728-20250606";
compiled/facebook-www/ReactDOM-prod.modern.js
+5 -5
View File
@@ -19302,14 +19302,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_2073 = React.version;
if (
"19.2.0-www-modern-22b92915-20250606" !==
"19.2.0-www-modern-d1772728-20250606" !==
isomorphicReactPackageVersion$jscomp$inline_2073
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2073,
"19.2.0-www-modern-22b92915-20250606"
"19.2.0-www-modern-d1772728-20250606"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -19327,10 +19327,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2678 = {
bundleType: 0,
version: "19.2.0-www-modern-22b92915-20250606",
version: "19.2.0-www-modern-d1772728-20250606",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-22b92915-20250606"
reconcilerVersion: "19.2.0-www-modern-d1772728-20250606"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2679 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -19742,4 +19742,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.2.0-www-modern-22b92915-20250606";
exports.version = "19.2.0-www-modern-d1772728-20250606";
compiled/facebook-www/ReactDOM-profiling.classic.js
+5 -5
View File
@@ -21555,14 +21555,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_2327 = React.version;
if (
"19.2.0-www-classic-22b92915-20250606" !==
"19.2.0-www-classic-d1772728-20250606" !==
isomorphicReactPackageVersion$jscomp$inline_2327
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2327,
"19.2.0-www-classic-22b92915-20250606"
"19.2.0-www-classic-d1772728-20250606"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -21580,10 +21580,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2329 = {
bundleType: 0,
version: "19.2.0-www-classic-22b92915-20250606",
version: "19.2.0-www-classic-d1772728-20250606",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-22b92915-20250606"
reconcilerVersion: "19.2.0-www-classic-d1772728-20250606"
};
enableSchedulingProfiler &&
((internals$jscomp$inline_2329.getLaneLabelMap = getLaneLabelMap),
@@ -21998,7 +21998,7 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.2.0-www-classic-22b92915-20250606";
exports.version = "19.2.0-www-classic-d1772728-20250606";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactDOM-profiling.modern.js
+5 -5
View File
@@ -21353,14 +21353,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_2317 = React.version;
if (
"19.2.0-www-modern-22b92915-20250606" !==
"19.2.0-www-modern-d1772728-20250606" !==
isomorphicReactPackageVersion$jscomp$inline_2317
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2317,
"19.2.0-www-modern-22b92915-20250606"
"19.2.0-www-modern-d1772728-20250606"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -21378,10 +21378,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2319 = {
bundleType: 0,
version: "19.2.0-www-modern-22b92915-20250606",
version: "19.2.0-www-modern-d1772728-20250606",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-22b92915-20250606"
reconcilerVersion: "19.2.0-www-modern-d1772728-20250606"
};
enableSchedulingProfiler &&
((internals$jscomp$inline_2319.getLaneLabelMap = getLaneLabelMap),
@@ -21796,7 +21796,7 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.2.0-www-modern-22b92915-20250606";
exports.version = "19.2.0-www-modern-d1772728-20250606";
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
"function" ===
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
compiled/facebook-www/ReactDOMServer-dev.classic.js
+51 -42
View File
@@ -8154,6 +8154,18 @@ __DEV__ &&
var completedPreambleSegments = request.completedPreambleSegments;
if (null === completedPreambleSegments) return;
flushedByteSize = request.byteSize;
var blockingRenderMaxSize = 40 * request.progressiveChunkSize;
flushedByteSize > blockingRenderMaxSize &&
logRecoverableError(
request,
Error(
"This rendered a large document (>" +
Math.round(blockingRenderMaxSize / 1e3) +
") without any Suspense boundaries around most of it. That can delay initial paint longer than necessary. To improve load performance, add a <Suspense> or <SuspenseList> around the content you expect to be below the header or below the fold. In the meantime, the content will deopt to paint arbitrary incomplete pieces of HTML."
),
{},
null
);
var resumableState = request.resumableState,
renderState = request.renderState;
if (renderState.externalRuntimeScript) {
@@ -8224,13 +8236,7 @@ __DEV__ &&
renderState.scripts.clear();
renderState.bulkPreloads.forEach(flushResource, destination);
renderState.bulkPreloads.clear();
if (htmlChunks || headChunks) {
var shellId = "_" + resumableState.idPrefix + "R_";
destination.push(blockingRenderChunkStart);
var chunk$jscomp$0 = escapeTextForBrowser(shellId);
destination.push(chunk$jscomp$0);
destination.push(blockingRenderChunkEnd);
}
resumableState.instructions |= SentCompletedShellId;
var hoistableChunks = renderState.hoistableChunks;
for (
i$jscomp$0 = 0;
@@ -8239,23 +8245,28 @@ __DEV__ &&
)
destination.push(hoistableChunks[i$jscomp$0]);
for (
resumableState = hoistableChunks.length = 0;
resumableState < completedPreambleSegments.length;
resumableState++
blockingRenderMaxSize = hoistableChunks.length = 0;
blockingRenderMaxSize < completedPreambleSegments.length;
blockingRenderMaxSize++
) {
var segments = completedPreambleSegments[resumableState];
var segments = completedPreambleSegments[blockingRenderMaxSize];
for (
renderState = 0;
renderState < segments.length;
renderState++
resumableState = 0;
resumableState < segments.length;
resumableState++
)
flushSegment(request, destination, segments[renderState], null);
flushSegment(
request,
destination,
segments[resumableState],
null
);
}
var preamble$jscomp$0 = request.renderState.preamble,
headChunks$jscomp$0 = preamble$jscomp$0.headChunks;
if (preamble$jscomp$0.htmlChunks || headChunks$jscomp$0) {
var chunk$jscomp$1 = endChunkForTag("head");
destination.push(chunk$jscomp$1);
var chunk$jscomp$0 = endChunkForTag("head");
destination.push(chunk$jscomp$0);
}
var bodyChunks = preamble$jscomp$0.bodyChunks;
if (bodyChunks)
@@ -8294,15 +8305,15 @@ __DEV__ &&
(resumableState$jscomp$0.instructions & SentCompletedShellId) ===
NothingSent
) {
var chunk$jscomp$2 = startChunkForTag("template");
destination.push(chunk$jscomp$2);
var chunk$jscomp$1 = startChunkForTag("template");
destination.push(chunk$jscomp$1);
writeCompletedShellIdAttribute(
destination,
resumableState$jscomp$0
);
destination.push(endOfStartTag);
var chunk$jscomp$3 = endChunkForTag("template");
destination.push(chunk$jscomp$3);
var chunk$jscomp$2 = endChunkForTag("template");
destination.push(chunk$jscomp$2);
}
writeBootstrap(destination, renderState$jscomp$0);
}
@@ -8366,8 +8377,8 @@ __DEV__ &&
: renderState$jscomp$1.push(clientRenderScript1Partial))
: renderState$jscomp$1.push(clientRenderData1);
renderState$jscomp$1.push(renderState$jscomp$2.boundaryPrefix);
var chunk$jscomp$4 = id.toString(16);
renderState$jscomp$1.push(chunk$jscomp$4);
var chunk$jscomp$3 = id.toString(16);
renderState$jscomp$1.push(chunk$jscomp$3);
scriptFormat && renderState$jscomp$1.push(clientRenderScript1A);
if (
errorDigest ||
@@ -8379,55 +8390,55 @@ __DEV__ &&
renderState$jscomp$1.push(
clientRenderErrorScriptArgInterstitial
);
var chunk$jscomp$5 = escapeJSStringsForInstructionScripts(
var chunk$jscomp$4 = escapeJSStringsForInstructionScripts(
errorDigest || ""
);
renderState$jscomp$1.push(chunk$jscomp$5);
renderState$jscomp$1.push(chunk$jscomp$4);
} else {
renderState$jscomp$1.push(clientRenderData2);
var chunk$jscomp$6 = escapeTextForBrowser(errorDigest || "");
renderState$jscomp$1.push(chunk$jscomp$6);
var chunk$jscomp$5 = escapeTextForBrowser(errorDigest || "");
renderState$jscomp$1.push(chunk$jscomp$5);
}
if (errorMessage || errorStack || errorComponentStack)
if (scriptFormat) {
renderState$jscomp$1.push(
clientRenderErrorScriptArgInterstitial
);
var chunk$jscomp$7 = escapeJSStringsForInstructionScripts(
var chunk$jscomp$6 = escapeJSStringsForInstructionScripts(
errorMessage || ""
);
renderState$jscomp$1.push(chunk$jscomp$7);
renderState$jscomp$1.push(chunk$jscomp$6);
} else {
renderState$jscomp$1.push(clientRenderData3);
var chunk$jscomp$8 = escapeTextForBrowser(errorMessage || "");
renderState$jscomp$1.push(chunk$jscomp$8);
var chunk$jscomp$7 = escapeTextForBrowser(errorMessage || "");
renderState$jscomp$1.push(chunk$jscomp$7);
}
if (errorStack || errorComponentStack)
if (scriptFormat) {
renderState$jscomp$1.push(
clientRenderErrorScriptArgInterstitial
);
var chunk$jscomp$9 = escapeJSStringsForInstructionScripts(
var chunk$jscomp$8 = escapeJSStringsForInstructionScripts(
errorStack || ""
);
renderState$jscomp$1.push(chunk$jscomp$9);
renderState$jscomp$1.push(chunk$jscomp$8);
} else {
renderState$jscomp$1.push(clientRenderData4);
var chunk$jscomp$10 = escapeTextForBrowser(errorStack || "");
renderState$jscomp$1.push(chunk$jscomp$10);
var chunk$jscomp$9 = escapeTextForBrowser(errorStack || "");
renderState$jscomp$1.push(chunk$jscomp$9);
}
if (errorComponentStack)
if (scriptFormat) {
renderState$jscomp$1.push(
clientRenderErrorScriptArgInterstitial
);
var chunk$jscomp$11 =
var chunk$jscomp$10 =
escapeJSStringsForInstructionScripts(errorComponentStack);
renderState$jscomp$1.push(chunk$jscomp$11);
renderState$jscomp$1.push(chunk$jscomp$10);
} else {
renderState$jscomp$1.push(clientRenderData5);
var chunk$jscomp$12 = escapeTextForBrowser(errorComponentStack);
renderState$jscomp$1.push(chunk$jscomp$12);
var chunk$jscomp$11 = escapeTextForBrowser(errorComponentStack);
renderState$jscomp$1.push(chunk$jscomp$11);
}
var JSCompiler_inline_result = scriptFormat
? renderState$jscomp$1.push(clientRenderScriptEnd)
@@ -9894,8 +9905,6 @@ __DEV__ &&
spaceSeparator = " ",
styleTagResourceOpen3 = '">',
styleTagResourceClose = "</style>",
blockingRenderChunkStart = '<link rel="expect" href="#',
blockingRenderChunkEnd = '" blocking="render"/>',
completedShellIdAttributeStart = ' id="',
arrayFirstOpenBracket = "[",
arraySubsequentOpenBracket = ",[",
@@ -10170,5 +10179,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-22b92915-20250606";
exports.version = "19.2.0-www-classic-d1772728-20250606";
})();
compiled/facebook-www/ReactDOMServer-dev.modern.js
+51 -42
View File
@@ -8087,6 +8087,18 @@ __DEV__ &&
var completedPreambleSegments = request.completedPreambleSegments;
if (null === completedPreambleSegments) return;
flushedByteSize = request.byteSize;
var blockingRenderMaxSize = 40 * request.progressiveChunkSize;
flushedByteSize > blockingRenderMaxSize &&
logRecoverableError(
request,
Error(
"This rendered a large document (>" +
Math.round(blockingRenderMaxSize / 1e3) +
") without any Suspense boundaries around most of it. That can delay initial paint longer than necessary. To improve load performance, add a <Suspense> or <SuspenseList> around the content you expect to be below the header or below the fold. In the meantime, the content will deopt to paint arbitrary incomplete pieces of HTML."
),
{},
null
);
var resumableState = request.resumableState,
renderState = request.renderState;
if (renderState.externalRuntimeScript) {
@@ -8157,13 +8169,7 @@ __DEV__ &&
renderState.scripts.clear();
renderState.bulkPreloads.forEach(flushResource, destination);
renderState.bulkPreloads.clear();
if (htmlChunks || headChunks) {
var shellId = "_" + resumableState.idPrefix + "R_";
destination.push(blockingRenderChunkStart);
var chunk$jscomp$0 = escapeTextForBrowser(shellId);
destination.push(chunk$jscomp$0);
destination.push(blockingRenderChunkEnd);
}
resumableState.instructions |= SentCompletedShellId;
var hoistableChunks = renderState.hoistableChunks;
for (
i$jscomp$0 = 0;
@@ -8172,23 +8178,28 @@ __DEV__ &&
)
destination.push(hoistableChunks[i$jscomp$0]);
for (
resumableState = hoistableChunks.length = 0;
resumableState < completedPreambleSegments.length;
resumableState++
blockingRenderMaxSize = hoistableChunks.length = 0;
blockingRenderMaxSize < completedPreambleSegments.length;
blockingRenderMaxSize++
) {
var segments = completedPreambleSegments[resumableState];
var segments = completedPreambleSegments[blockingRenderMaxSize];
for (
renderState = 0;
renderState < segments.length;
renderState++
resumableState = 0;
resumableState < segments.length;
resumableState++
)
flushSegment(request, destination, segments[renderState], null);
flushSegment(
request,
destination,
segments[resumableState],
null
);
}
var preamble$jscomp$0 = request.renderState.preamble,
headChunks$jscomp$0 = preamble$jscomp$0.headChunks;
if (preamble$jscomp$0.htmlChunks || headChunks$jscomp$0) {
var chunk$jscomp$1 = endChunkForTag("head");
destination.push(chunk$jscomp$1);
var chunk$jscomp$0 = endChunkForTag("head");
destination.push(chunk$jscomp$0);
}
var bodyChunks = preamble$jscomp$0.bodyChunks;
if (bodyChunks)
@@ -8227,15 +8238,15 @@ __DEV__ &&
(resumableState$jscomp$0.instructions & SentCompletedShellId) ===
NothingSent
) {
var chunk$jscomp$2 = startChunkForTag("template");
destination.push(chunk$jscomp$2);
var chunk$jscomp$1 = startChunkForTag("template");
destination.push(chunk$jscomp$1);
writeCompletedShellIdAttribute(
destination,
resumableState$jscomp$0
);
destination.push(endOfStartTag);
var chunk$jscomp$3 = endChunkForTag("template");
destination.push(chunk$jscomp$3);
var chunk$jscomp$2 = endChunkForTag("template");
destination.push(chunk$jscomp$2);
}
writeBootstrap(destination, renderState$jscomp$0);
}
@@ -8299,8 +8310,8 @@ __DEV__ &&
: renderState$jscomp$1.push(clientRenderScript1Partial))
: renderState$jscomp$1.push(clientRenderData1);
renderState$jscomp$1.push(renderState$jscomp$2.boundaryPrefix);
var chunk$jscomp$4 = id.toString(16);
renderState$jscomp$1.push(chunk$jscomp$4);
var chunk$jscomp$3 = id.toString(16);
renderState$jscomp$1.push(chunk$jscomp$3);
scriptFormat && renderState$jscomp$1.push(clientRenderScript1A);
if (
errorDigest ||
@@ -8312,55 +8323,55 @@ __DEV__ &&
renderState$jscomp$1.push(
clientRenderErrorScriptArgInterstitial
);
var chunk$jscomp$5 = escapeJSStringsForInstructionScripts(
var chunk$jscomp$4 = escapeJSStringsForInstructionScripts(
errorDigest || ""
);
renderState$jscomp$1.push(chunk$jscomp$5);
renderState$jscomp$1.push(chunk$jscomp$4);
} else {
renderState$jscomp$1.push(clientRenderData2);
var chunk$jscomp$6 = escapeTextForBrowser(errorDigest || "");
renderState$jscomp$1.push(chunk$jscomp$6);
var chunk$jscomp$5 = escapeTextForBrowser(errorDigest || "");
renderState$jscomp$1.push(chunk$jscomp$5);
}
if (errorMessage || errorStack || errorComponentStack)
if (scriptFormat) {
renderState$jscomp$1.push(
clientRenderErrorScriptArgInterstitial
);
var chunk$jscomp$7 = escapeJSStringsForInstructionScripts(
var chunk$jscomp$6 = escapeJSStringsForInstructionScripts(
errorMessage || ""
);
renderState$jscomp$1.push(chunk$jscomp$7);
renderState$jscomp$1.push(chunk$jscomp$6);
} else {
renderState$jscomp$1.push(clientRenderData3);
var chunk$jscomp$8 = escapeTextForBrowser(errorMessage || "");
renderState$jscomp$1.push(chunk$jscomp$8);
var chunk$jscomp$7 = escapeTextForBrowser(errorMessage || "");
renderState$jscomp$1.push(chunk$jscomp$7);
}
if (errorStack || errorComponentStack)
if (scriptFormat) {
renderState$jscomp$1.push(
clientRenderErrorScriptArgInterstitial
);
var chunk$jscomp$9 = escapeJSStringsForInstructionScripts(
var chunk$jscomp$8 = escapeJSStringsForInstructionScripts(
errorStack || ""
);
renderState$jscomp$1.push(chunk$jscomp$9);
renderState$jscomp$1.push(chunk$jscomp$8);
} else {
renderState$jscomp$1.push(clientRenderData4);
var chunk$jscomp$10 = escapeTextForBrowser(errorStack || "");
renderState$jscomp$1.push(chunk$jscomp$10);
var chunk$jscomp$9 = escapeTextForBrowser(errorStack || "");
renderState$jscomp$1.push(chunk$jscomp$9);
}
if (errorComponentStack)
if (scriptFormat) {
renderState$jscomp$1.push(
clientRenderErrorScriptArgInterstitial
);
var chunk$jscomp$11 =
var chunk$jscomp$10 =
escapeJSStringsForInstructionScripts(errorComponentStack);
renderState$jscomp$1.push(chunk$jscomp$11);
renderState$jscomp$1.push(chunk$jscomp$10);
} else {
renderState$jscomp$1.push(clientRenderData5);
var chunk$jscomp$12 = escapeTextForBrowser(errorComponentStack);
renderState$jscomp$1.push(chunk$jscomp$12);
var chunk$jscomp$11 = escapeTextForBrowser(errorComponentStack);
renderState$jscomp$1.push(chunk$jscomp$11);
}
var JSCompiler_inline_result = scriptFormat
? renderState$jscomp$1.push(clientRenderScriptEnd)
@@ -9825,8 +9836,6 @@ __DEV__ &&
spaceSeparator = " ",
styleTagResourceOpen3 = '">',
styleTagResourceClose = "</style>",
blockingRenderChunkStart = '<link rel="expect" href="#',
blockingRenderChunkEnd = '" blocking="render"/>',
completedShellIdAttributeStart = ' id="',
arrayFirstOpenBracket = "[",
arraySubsequentOpenBracket = ",[",
@@ -10099,5 +10108,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-22b92915-20250606";
exports.version = "19.2.0-www-modern-d1772728-20250606";
})();
compiled/facebook-www/ReactDOMServer-prod.classic.js
+47 -46
View File
@@ -2913,16 +2913,16 @@ function createRenderState(resumableState, generateStaticMarkup) {
"\x3c/script>"
));
bootstrapScriptContent = idPrefix + "P:";
var JSCompiler_object_inline_segmentPrefix_1856 = idPrefix + "S:";
var JSCompiler_object_inline_segmentPrefix_1851 = idPrefix + "S:";
idPrefix += "B:";
var JSCompiler_object_inline_preconnects_1870 = new Set(),
JSCompiler_object_inline_fontPreloads_1871 = new Set(),
JSCompiler_object_inline_highImagePreloads_1872 = new Set(),
JSCompiler_object_inline_styles_1873 = new Map(),
JSCompiler_object_inline_bootstrapScripts_1874 = new Set(),
JSCompiler_object_inline_scripts_1875 = new Set(),
JSCompiler_object_inline_bulkPreloads_1876 = new Set(),
JSCompiler_object_inline_preloads_1877 = {
var JSCompiler_object_inline_preconnects_1865 = new Set(),
JSCompiler_object_inline_fontPreloads_1866 = new Set(),
JSCompiler_object_inline_highImagePreloads_1867 = new Set(),
JSCompiler_object_inline_styles_1868 = new Map(),
JSCompiler_object_inline_bootstrapScripts_1869 = new Set(),
JSCompiler_object_inline_scripts_1870 = new Set(),
JSCompiler_object_inline_bulkPreloads_1871 = new Set(),
JSCompiler_object_inline_preloads_1872 = {
images: new Map(),
stylesheets: new Map(),
scripts: new Map(),
@@ -2959,7 +2959,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
scriptConfig.moduleScriptResources[href] = null;
scriptConfig = [];
pushLinkImpl(scriptConfig, props);
JSCompiler_object_inline_bootstrapScripts_1874.add(scriptConfig);
JSCompiler_object_inline_bootstrapScripts_1869.add(scriptConfig);
bootstrapChunks.push('<script src="', escapeTextForBrowser(src), '"');
"string" === typeof integrity &&
bootstrapChunks.push(
@@ -3006,7 +3006,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
(props.moduleScriptResources[scriptConfig] = null),
(props = []),
pushLinkImpl(props, integrity),
JSCompiler_object_inline_bootstrapScripts_1874.add(props),
JSCompiler_object_inline_bootstrapScripts_1869.add(props),
bootstrapChunks.push(
'<script type="module" src="',
escapeTextForBrowser(i),
@@ -3028,7 +3028,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
bootstrapChunks.push(' async="">\x3c/script>');
return {
placeholderPrefix: bootstrapScriptContent,
segmentPrefix: JSCompiler_object_inline_segmentPrefix_1856,
segmentPrefix: JSCompiler_object_inline_segmentPrefix_1851,
boundaryPrefix: idPrefix,
startInlineScript: "<script",
startInlineStyle: "<style",
@@ -3048,14 +3048,14 @@ function createRenderState(resumableState, generateStaticMarkup) {
charsetChunks: [],
viewportChunks: [],
hoistableChunks: [],
preconnects: JSCompiler_object_inline_preconnects_1870,
fontPreloads: JSCompiler_object_inline_fontPreloads_1871,
highImagePreloads: JSCompiler_object_inline_highImagePreloads_1872,
styles: JSCompiler_object_inline_styles_1873,
bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1874,
scripts: JSCompiler_object_inline_scripts_1875,
bulkPreloads: JSCompiler_object_inline_bulkPreloads_1876,
preloads: JSCompiler_object_inline_preloads_1877,
preconnects: JSCompiler_object_inline_preconnects_1865,
fontPreloads: JSCompiler_object_inline_fontPreloads_1866,
highImagePreloads: JSCompiler_object_inline_highImagePreloads_1867,
styles: JSCompiler_object_inline_styles_1868,
bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1869,
scripts: JSCompiler_object_inline_scripts_1870,
bulkPreloads: JSCompiler_object_inline_bulkPreloads_1871,
preloads: JSCompiler_object_inline_preloads_1872,
nonce: { script: void 0, style: void 0 },
stylesToHoist: !1,
generateStaticMarkup: generateStaticMarkup
@@ -6456,6 +6456,13 @@ function flushCompletedQueues(request, destination) {
var completedPreambleSegments = request.completedPreambleSegments;
if (null === completedPreambleSegments) return;
flushedByteSize = request.byteSize;
var blockingRenderMaxSize = 40 * request.progressiveChunkSize;
if (flushedByteSize > blockingRenderMaxSize) {
var error = Error(
formatProdErrorMessage(561, Math.round(blockingRenderMaxSize / 1e3))
);
logRecoverableError(request, error, {}, null);
}
var resumableState = request.resumableState,
renderState = request.renderState;
if (renderState.externalRuntimeScript) {
@@ -6510,30 +6517,24 @@ function flushCompletedQueues(request, destination) {
renderState.scripts.clear();
renderState.bulkPreloads.forEach(flushResource, destination);
renderState.bulkPreloads.clear();
if (htmlChunks || headChunks) {
var shellId = "_" + resumableState.idPrefix + "R_";
destination.push('<link rel="expect" href="#');
var chunk$jscomp$0 = escapeTextForBrowser(shellId);
destination.push(chunk$jscomp$0);
destination.push('" blocking="render"/>');
}
resumableState.instructions |= 32;
var hoistableChunks = renderState.hoistableChunks;
for (i$jscomp$0 = 0; i$jscomp$0 < hoistableChunks.length; i$jscomp$0++)
destination.push(hoistableChunks[i$jscomp$0]);
for (
resumableState = hoistableChunks.length = 0;
resumableState < completedPreambleSegments.length;
resumableState++
blockingRenderMaxSize = hoistableChunks.length = 0;
blockingRenderMaxSize < completedPreambleSegments.length;
blockingRenderMaxSize++
) {
var segments = completedPreambleSegments[resumableState];
for (renderState = 0; renderState < segments.length; renderState++)
flushSegment(request, destination, segments[renderState], null);
var segments = completedPreambleSegments[blockingRenderMaxSize];
for (error = 0; error < segments.length; error++)
flushSegment(request, destination, segments[error], null);
}
var preamble$jscomp$0 = request.renderState.preamble,
headChunks$jscomp$0 = preamble$jscomp$0.headChunks;
if (preamble$jscomp$0.htmlChunks || headChunks$jscomp$0) {
var chunk$jscomp$1 = endChunkForTag("head");
destination.push(chunk$jscomp$1);
var chunk$jscomp$0 = endChunkForTag("head");
destination.push(chunk$jscomp$0);
}
var bodyChunks = preamble$jscomp$0.bodyChunks;
if (bodyChunks)
@@ -6568,12 +6569,12 @@ function flushCompletedQueues(request, destination) {
(preamble$jscomp$1.htmlChunks || preamble$jscomp$1.headChunks) &&
0 === (resumableState$jscomp$0.instructions & 32)
) {
var chunk$jscomp$2 = startChunkForTag("template");
destination.push(chunk$jscomp$2);
var chunk$jscomp$1 = startChunkForTag("template");
destination.push(chunk$jscomp$1);
writeCompletedShellIdAttribute(destination, resumableState$jscomp$0);
destination.push(">");
var chunk$jscomp$3 = endChunkForTag("template");
destination.push(chunk$jscomp$3);
var chunk$jscomp$2 = endChunkForTag("template");
destination.push(chunk$jscomp$2);
}
writeBootstrap(destination, renderState$jscomp$0);
}
@@ -6629,20 +6630,20 @@ function flushCompletedQueues(request, destination) {
: renderState$jscomp$1.push('$RX("'))
: renderState$jscomp$1.push('<template data-rxi="" data-bid="');
renderState$jscomp$1.push(renderState$jscomp$2.boundaryPrefix);
var chunk$jscomp$4 = id.toString(16);
renderState$jscomp$1.push(chunk$jscomp$4);
var chunk$jscomp$3 = id.toString(16);
renderState$jscomp$1.push(chunk$jscomp$3);
scriptFormat && renderState$jscomp$1.push('"');
if (errorDigest)
if (scriptFormat) {
renderState$jscomp$1.push(",");
var chunk$jscomp$5 = escapeJSStringsForInstructionScripts(
var chunk$jscomp$4 = escapeJSStringsForInstructionScripts(
errorDigest || ""
);
renderState$jscomp$1.push(chunk$jscomp$5);
renderState$jscomp$1.push(chunk$jscomp$4);
} else {
renderState$jscomp$1.push('" data-dgst="');
var chunk$jscomp$6 = escapeTextForBrowser(errorDigest || "");
renderState$jscomp$1.push(chunk$jscomp$6);
var chunk$jscomp$5 = escapeTextForBrowser(errorDigest || "");
renderState$jscomp$1.push(chunk$jscomp$5);
}
var JSCompiler_inline_result = scriptFormat
? renderState$jscomp$1.push(")\x3c/script>")
@@ -6871,4 +6872,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.2.0-www-classic-22b92915-20250606";
exports.version = "19.2.0-www-classic-d1772728-20250606";
compiled/facebook-www/ReactDOMServer-prod.modern.js
+47 -46
View File
@@ -2911,16 +2911,16 @@ function createRenderState(resumableState, generateStaticMarkup) {
"\x3c/script>"
));
bootstrapScriptContent = idPrefix + "P:";
var JSCompiler_object_inline_segmentPrefix_1843 = idPrefix + "S:";
var JSCompiler_object_inline_segmentPrefix_1838 = idPrefix + "S:";
idPrefix += "B:";
var JSCompiler_object_inline_preconnects_1857 = new Set(),
JSCompiler_object_inline_fontPreloads_1858 = new Set(),
JSCompiler_object_inline_highImagePreloads_1859 = new Set(),
JSCompiler_object_inline_styles_1860 = new Map(),
JSCompiler_object_inline_bootstrapScripts_1861 = new Set(),
JSCompiler_object_inline_scripts_1862 = new Set(),
JSCompiler_object_inline_bulkPreloads_1863 = new Set(),
JSCompiler_object_inline_preloads_1864 = {
var JSCompiler_object_inline_preconnects_1852 = new Set(),
JSCompiler_object_inline_fontPreloads_1853 = new Set(),
JSCompiler_object_inline_highImagePreloads_1854 = new Set(),
JSCompiler_object_inline_styles_1855 = new Map(),
JSCompiler_object_inline_bootstrapScripts_1856 = new Set(),
JSCompiler_object_inline_scripts_1857 = new Set(),
JSCompiler_object_inline_bulkPreloads_1858 = new Set(),
JSCompiler_object_inline_preloads_1859 = {
images: new Map(),
stylesheets: new Map(),
scripts: new Map(),
@@ -2957,7 +2957,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
scriptConfig.moduleScriptResources[href] = null;
scriptConfig = [];
pushLinkImpl(scriptConfig, props);
JSCompiler_object_inline_bootstrapScripts_1861.add(scriptConfig);
JSCompiler_object_inline_bootstrapScripts_1856.add(scriptConfig);
bootstrapChunks.push('<script src="', escapeTextForBrowser(src), '"');
"string" === typeof integrity &&
bootstrapChunks.push(
@@ -3004,7 +3004,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
(props.moduleScriptResources[scriptConfig] = null),
(props = []),
pushLinkImpl(props, integrity),
JSCompiler_object_inline_bootstrapScripts_1861.add(props),
JSCompiler_object_inline_bootstrapScripts_1856.add(props),
bootstrapChunks.push(
'<script type="module" src="',
escapeTextForBrowser(i),
@@ -3026,7 +3026,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
bootstrapChunks.push(' async="">\x3c/script>');
return {
placeholderPrefix: bootstrapScriptContent,
segmentPrefix: JSCompiler_object_inline_segmentPrefix_1843,
segmentPrefix: JSCompiler_object_inline_segmentPrefix_1838,
boundaryPrefix: idPrefix,
startInlineScript: "<script",
startInlineStyle: "<style",
@@ -3046,14 +3046,14 @@ function createRenderState(resumableState, generateStaticMarkup) {
charsetChunks: [],
viewportChunks: [],
hoistableChunks: [],
preconnects: JSCompiler_object_inline_preconnects_1857,
fontPreloads: JSCompiler_object_inline_fontPreloads_1858,
highImagePreloads: JSCompiler_object_inline_highImagePreloads_1859,
styles: JSCompiler_object_inline_styles_1860,
bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1861,
scripts: JSCompiler_object_inline_scripts_1862,
bulkPreloads: JSCompiler_object_inline_bulkPreloads_1863,
preloads: JSCompiler_object_inline_preloads_1864,
preconnects: JSCompiler_object_inline_preconnects_1852,
fontPreloads: JSCompiler_object_inline_fontPreloads_1853,
highImagePreloads: JSCompiler_object_inline_highImagePreloads_1854,
styles: JSCompiler_object_inline_styles_1855,
bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1856,
scripts: JSCompiler_object_inline_scripts_1857,
bulkPreloads: JSCompiler_object_inline_bulkPreloads_1858,
preloads: JSCompiler_object_inline_preloads_1859,
nonce: { script: void 0, style: void 0 },
stylesToHoist: !1,
generateStaticMarkup: generateStaticMarkup
@@ -6314,6 +6314,13 @@ function flushCompletedQueues(request, destination) {
var completedPreambleSegments = request.completedPreambleSegments;
if (null === completedPreambleSegments) return;
flushedByteSize = request.byteSize;
var blockingRenderMaxSize = 40 * request.progressiveChunkSize;
if (flushedByteSize > blockingRenderMaxSize) {
var error = Error(
formatProdErrorMessage(561, Math.round(blockingRenderMaxSize / 1e3))
);
logRecoverableError(request, error, {}, null);
}
var resumableState = request.resumableState,
renderState = request.renderState;
if (renderState.externalRuntimeScript) {
@@ -6368,30 +6375,24 @@ function flushCompletedQueues(request, destination) {
renderState.scripts.clear();
renderState.bulkPreloads.forEach(flushResource, destination);
renderState.bulkPreloads.clear();
if (htmlChunks || headChunks) {
var shellId = "_" + resumableState.idPrefix + "R_";
destination.push('<link rel="expect" href="#');
var chunk$jscomp$0 = escapeTextForBrowser(shellId);
destination.push(chunk$jscomp$0);
destination.push('" blocking="render"/>');
}
resumableState.instructions |= 32;
var hoistableChunks = renderState.hoistableChunks;
for (i$jscomp$0 = 0; i$jscomp$0 < hoistableChunks.length; i$jscomp$0++)
destination.push(hoistableChunks[i$jscomp$0]);
for (
resumableState = hoistableChunks.length = 0;
resumableState < completedPreambleSegments.length;
resumableState++
blockingRenderMaxSize = hoistableChunks.length = 0;
blockingRenderMaxSize < completedPreambleSegments.length;
blockingRenderMaxSize++
) {
var segments = completedPreambleSegments[resumableState];
for (renderState = 0; renderState < segments.length; renderState++)
flushSegment(request, destination, segments[renderState], null);
var segments = completedPreambleSegments[blockingRenderMaxSize];
for (error = 0; error < segments.length; error++)
flushSegment(request, destination, segments[error], null);
}
var preamble$jscomp$0 = request.renderState.preamble,
headChunks$jscomp$0 = preamble$jscomp$0.headChunks;
if (preamble$jscomp$0.htmlChunks || headChunks$jscomp$0) {
var chunk$jscomp$1 = endChunkForTag("head");
destination.push(chunk$jscomp$1);
var chunk$jscomp$0 = endChunkForTag("head");
destination.push(chunk$jscomp$0);
}
var bodyChunks = preamble$jscomp$0.bodyChunks;
if (bodyChunks)
@@ -6426,12 +6427,12 @@ function flushCompletedQueues(request, destination) {
(preamble$jscomp$1.htmlChunks || preamble$jscomp$1.headChunks) &&
0 === (resumableState$jscomp$0.instructions & 32)
) {
var chunk$jscomp$2 = startChunkForTag("template");
destination.push(chunk$jscomp$2);
var chunk$jscomp$1 = startChunkForTag("template");
destination.push(chunk$jscomp$1);
writeCompletedShellIdAttribute(destination, resumableState$jscomp$0);
destination.push(">");
var chunk$jscomp$3 = endChunkForTag("template");
destination.push(chunk$jscomp$3);
var chunk$jscomp$2 = endChunkForTag("template");
destination.push(chunk$jscomp$2);
}
writeBootstrap(destination, renderState$jscomp$0);
}
@@ -6487,20 +6488,20 @@ function flushCompletedQueues(request, destination) {
: renderState$jscomp$1.push('$RX("'))
: renderState$jscomp$1.push('<template data-rxi="" data-bid="');
renderState$jscomp$1.push(renderState$jscomp$2.boundaryPrefix);
var chunk$jscomp$4 = id.toString(16);
renderState$jscomp$1.push(chunk$jscomp$4);
var chunk$jscomp$3 = id.toString(16);
renderState$jscomp$1.push(chunk$jscomp$3);
scriptFormat && renderState$jscomp$1.push('"');
if (errorDigest)
if (scriptFormat) {
renderState$jscomp$1.push(",");
var chunk$jscomp$5 = escapeJSStringsForInstructionScripts(
var chunk$jscomp$4 = escapeJSStringsForInstructionScripts(
errorDigest || ""
);
renderState$jscomp$1.push(chunk$jscomp$5);
renderState$jscomp$1.push(chunk$jscomp$4);
} else {
renderState$jscomp$1.push('" data-dgst="');
var chunk$jscomp$6 = escapeTextForBrowser(errorDigest || "");
renderState$jscomp$1.push(chunk$jscomp$6);
var chunk$jscomp$5 = escapeTextForBrowser(errorDigest || "");
renderState$jscomp$1.push(chunk$jscomp$5);
}
var JSCompiler_inline_result = scriptFormat
? renderState$jscomp$1.push(")\x3c/script>")
@@ -6729,4 +6730,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.2.0-www-modern-22b92915-20250606";
exports.version = "19.2.0-www-modern-d1772728-20250606";
compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
+17 -1
View File
@@ -7627,6 +7627,20 @@ __DEV__ &&
var completedPreambleSegments = request.completedPreambleSegments;
if (null === completedPreambleSegments) return;
flushedByteSize = request.byteSize;
var skipBlockingShell = !1,
blockingRenderMaxSize = 40 * request.progressiveChunkSize;
flushedByteSize > blockingRenderMaxSize &&
((skipBlockingShell = !0),
logRecoverableError(
request,
Error(
"This rendered a large document (>" +
Math.round(blockingRenderMaxSize / 1e3) +
") without any Suspense boundaries around most of it. That can delay initial paint longer than necessary. To improve load performance, add a <Suspense> or <SuspenseList> around the content you expect to be below the header or below the fold. In the meantime, the content will deopt to paint arbitrary incomplete pieces of HTML."
),
{},
null
));
var resumableState = request.resumableState,
renderState = request.renderState;
if (renderState.externalRuntimeScript) {
@@ -7697,7 +7711,9 @@ __DEV__ &&
renderState.scripts.clear();
renderState.bulkPreloads.forEach(flushResource, destination);
renderState.bulkPreloads.clear();
if (htmlChunks || headChunks) {
if ((!htmlChunks && !headChunks) || skipBlockingShell)
resumableState.instructions |= 32;
else {
var shellId = "_" + resumableState.idPrefix + "R_";
destination.buffer += '<link rel="expect" href="#';
var chunk$jscomp$0 = escapeTextForBrowser(shellId);
compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
+17 -1
View File
@@ -6132,6 +6132,20 @@ function flushCompletedQueues(request, destination) {
var completedPreambleSegments = request.completedPreambleSegments;
if (null === completedPreambleSegments) return;
flushedByteSize = request.byteSize;
var skipBlockingShell = !1,
blockingRenderMaxSize = 40 * request.progressiveChunkSize;
flushedByteSize > blockingRenderMaxSize &&
((skipBlockingShell = !0),
logRecoverableError(
request,
Error(
"This rendered a large document (>" +
Math.round(blockingRenderMaxSize / 1e3) +
") without any Suspense boundaries around most of it. That can delay initial paint longer than necessary. To improve load performance, add a <Suspense> or <SuspenseList> around the content you expect to be below the header or below the fold. In the meantime, the content will deopt to paint arbitrary incomplete pieces of HTML."
),
{},
null
));
var resumableState = request.resumableState,
renderState = request.renderState;
if (renderState.externalRuntimeScript) {
@@ -6186,7 +6200,9 @@ function flushCompletedQueues(request, destination) {
renderState.scripts.clear();
renderState.bulkPreloads.forEach(flushResource, destination);
renderState.bulkPreloads.clear();
if (htmlChunks || headChunks) {
if ((!htmlChunks && !headChunks) || skipBlockingShell)
resumableState.instructions |= 32;
else {
var shellId = "_" + resumableState.idPrefix + "R_";
destination.buffer += '<link rel="expect" href="#';
var chunk$jscomp$0 = escapeTextForBrowser(shellId);
compiled/facebook-www/ReactDOMTesting-dev.classic.js
+5 -5
View File
@@ -31802,11 +31802,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.2.0-www-classic-22b92915-20250606" !== isomorphicReactPackageVersion)
if ("19.2.0-www-classic-d1772728-20250606" !== 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-22b92915-20250606\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.2.0-www-classic-d1772728-20250606\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -31849,10 +31849,10 @@ __DEV__ &&
!(function () {
var internals = {
bundleType: 1,
version: "19.2.0-www-classic-22b92915-20250606",
version: "19.2.0-www-classic-d1772728-20250606",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-22b92915-20250606"
reconcilerVersion: "19.2.0-www-classic-d1772728-20250606"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -32618,5 +32618,5 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.2.0-www-classic-22b92915-20250606";
exports.version = "19.2.0-www-classic-d1772728-20250606";
})();
compiled/facebook-www/ReactDOMTesting-dev.modern.js
+5 -5
View File
@@ -31588,11 +31588,11 @@ __DEV__ &&
return_targetInst = null;
(function () {
var isomorphicReactPackageVersion = React.version;
if ("19.2.0-www-modern-22b92915-20250606" !== isomorphicReactPackageVersion)
if ("19.2.0-www-modern-d1772728-20250606" !== 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-22b92915-20250606\nLearn more: https://react.dev/warnings/version-mismatch")
"\n - react-dom: 19.2.0-www-modern-d1772728-20250606\nLearn more: https://react.dev/warnings/version-mismatch")
);
})();
("function" === typeof Map &&
@@ -31635,10 +31635,10 @@ __DEV__ &&
!(function () {
var internals = {
bundleType: 1,
version: "19.2.0-www-modern-22b92915-20250606",
version: "19.2.0-www-modern-d1772728-20250606",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-22b92915-20250606"
reconcilerVersion: "19.2.0-www-modern-d1772728-20250606"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -32404,5 +32404,5 @@ __DEV__ &&
exports.useFormStatus = function () {
return resolveDispatcher().useHostTransitionStatus();
};
exports.version = "19.2.0-www-modern-22b92915-20250606";
exports.version = "19.2.0-www-modern-d1772728-20250606";
})();
compiled/facebook-www/ReactDOMTesting-prod.classic.js
+5 -5
View File
@@ -19889,14 +19889,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_2112 = React.version;
if (
"19.2.0-www-classic-22b92915-20250606" !==
"19.2.0-www-classic-d1772728-20250606" !==
isomorphicReactPackageVersion$jscomp$inline_2112
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2112,
"19.2.0-www-classic-22b92915-20250606"
"19.2.0-www-classic-d1772728-20250606"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -19914,10 +19914,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2730 = {
bundleType: 0,
version: "19.2.0-www-classic-22b92915-20250606",
version: "19.2.0-www-classic-d1772728-20250606",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-22b92915-20250606"
reconcilerVersion: "19.2.0-www-classic-d1772728-20250606"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2731 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -20480,4 +20480,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.2.0-www-classic-22b92915-20250606";
exports.version = "19.2.0-www-classic-d1772728-20250606";
compiled/facebook-www/ReactDOMTesting-prod.modern.js
+5 -5
View File
@@ -19618,14 +19618,14 @@ function getCrossOriginStringAs(as, input) {
}
var isomorphicReactPackageVersion$jscomp$inline_2102 = React.version;
if (
"19.2.0-www-modern-22b92915-20250606" !==
"19.2.0-www-modern-d1772728-20250606" !==
isomorphicReactPackageVersion$jscomp$inline_2102
)
throw Error(
formatProdErrorMessage(
527,
isomorphicReactPackageVersion$jscomp$inline_2102,
"19.2.0-www-modern-22b92915-20250606"
"19.2.0-www-modern-d1772728-20250606"
)
);
Internals.findDOMNode = function (componentOrElement) {
@@ -19643,10 +19643,10 @@ Internals.Events = [
];
var internals$jscomp$inline_2712 = {
bundleType: 0,
version: "19.2.0-www-modern-22b92915-20250606",
version: "19.2.0-www-modern-d1772728-20250606",
rendererPackageName: "react-dom",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-22b92915-20250606"
reconcilerVersion: "19.2.0-www-modern-d1772728-20250606"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2713 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -20209,4 +20209,4 @@ exports.useFormState = function (action, initialState, permalink) {
exports.useFormStatus = function () {
return ReactSharedInternals.H.useHostTransitionStatus();
};
exports.version = "19.2.0-www-modern-22b92915-20250606";
exports.version = "19.2.0-www-modern-d1772728-20250606";
compiled/facebook-www/ReactReconciler-dev.classic.js
+1 -1
View File
@@ -21940,7 +21940,7 @@ __DEV__ &&
version: rendererVersion,
rendererPackageName: rendererPackageName,
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-22b92915-20250606"
reconcilerVersion: "19.2.0-www-classic-d1772728-20250606"
};
null !== extraDevToolsConfig &&
(internals.rendererConfig = extraDevToolsConfig);
compiled/facebook-www/ReactReconciler-dev.modern.js
+1 -1
View File
@@ -21721,7 +21721,7 @@ __DEV__ &&
version: rendererVersion,
rendererPackageName: rendererPackageName,
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-22b92915-20250606"
reconcilerVersion: "19.2.0-www-modern-d1772728-20250606"
};
null !== extraDevToolsConfig &&
(internals.rendererConfig = extraDevToolsConfig);
compiled/facebook-www/ReactReconciler-prod.classic.js
+1 -1
View File
@@ -14145,7 +14145,7 @@ module.exports = function ($$$config) {
version: rendererVersion,
rendererPackageName: rendererPackageName,
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-22b92915-20250606"
reconcilerVersion: "19.2.0-www-classic-d1772728-20250606"
};
null !== extraDevToolsConfig &&
(internals.rendererConfig = extraDevToolsConfig);
compiled/facebook-www/ReactReconciler-prod.modern.js
+1 -1
View File
@@ -13862,7 +13862,7 @@ module.exports = function ($$$config) {
version: rendererVersion,
rendererPackageName: rendererPackageName,
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-22b92915-20250606"
reconcilerVersion: "19.2.0-www-modern-d1772728-20250606"
};
null !== extraDevToolsConfig &&
(internals.rendererConfig = extraDevToolsConfig);
compiled/facebook-www/ReactTestRenderer-dev.classic.js
+3 -3
View File
@@ -15411,10 +15411,10 @@ __DEV__ &&
(function () {
var internals = {
bundleType: 1,
version: "19.2.0-www-classic-22b92915-20250606",
version: "19.2.0-www-classic-d1772728-20250606",
rendererPackageName: "react-test-renderer",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-classic-22b92915-20250606"
reconcilerVersion: "19.2.0-www-classic-d1772728-20250606"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -15549,5 +15549,5 @@ __DEV__ &&
exports.unstable_batchedUpdates = function (fn, a) {
return fn(a);
};
exports.version = "19.2.0-www-classic-22b92915-20250606";
exports.version = "19.2.0-www-classic-d1772728-20250606";
})();
compiled/facebook-www/ReactTestRenderer-dev.modern.js
+3 -3
View File
@@ -15411,10 +15411,10 @@ __DEV__ &&
(function () {
var internals = {
bundleType: 1,
version: "19.2.0-www-modern-22b92915-20250606",
version: "19.2.0-www-modern-d1772728-20250606",
rendererPackageName: "react-test-renderer",
currentDispatcherRef: ReactSharedInternals,
reconcilerVersion: "19.2.0-www-modern-22b92915-20250606"
reconcilerVersion: "19.2.0-www-modern-d1772728-20250606"
};
internals.overrideHookState = overrideHookState;
internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -15549,5 +15549,5 @@ __DEV__ &&
exports.unstable_batchedUpdates = function (fn, a) {
return fn(a);
};
exports.version = "19.2.0-www-modern-22b92915-20250606";
exports.version = "19.2.0-www-modern-d1772728-20250606";
})();
compiled/facebook-www/VERSION_CLASSIC
+1 -1
View File
@@ -1 +1 @@
19.2.0-www-classic-22b92915-20250606
19.2.0-www-classic-d1772728-20250606
compiled/facebook-www/VERSION_MODERN
+1 -1
View File
@@ -1 +1 @@
19.2.0-www-modern-22b92915-20250606
19.2.0-www-modern-d1772728-20250606