diff --git a/package.json b/package.json index f7091ccdc70b67..472fb8542d00d6 100644 --- a/package.json +++ b/package.json @@ -233,16 +233,16 @@ "pretty-ms": "7.0.0", "random-seed": "0.3.0", "react": "19.0.0", - "react-builtin": "npm:react@19.2.0-canary-b4477d38-20250605", + "react-builtin": "npm:react@19.2.0-canary-ab859e31-20250606", "react-dom": "19.0.0", - "react-dom-builtin": "npm:react-dom@19.2.0-canary-b4477d38-20250605", - "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-b4477d38-20250605", - "react-experimental-builtin": "npm:react@0.0.0-experimental-b4477d38-20250605", - "react-is-builtin": "npm:react-is@19.2.0-canary-b4477d38-20250605", - "react-server-dom-turbopack": "19.2.0-canary-b4477d38-20250605", - "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-b4477d38-20250605", - "react-server-dom-webpack": "19.2.0-canary-b4477d38-20250605", - "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-b4477d38-20250605", + "react-dom-builtin": "npm:react-dom@19.2.0-canary-ab859e31-20250606", + "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-ab859e31-20250606", + "react-experimental-builtin": "npm:react@0.0.0-experimental-ab859e31-20250606", + "react-is-builtin": "npm:react-is@19.2.0-canary-ab859e31-20250606", + "react-server-dom-turbopack": "19.2.0-canary-ab859e31-20250606", + "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-ab859e31-20250606", + "react-server-dom-webpack": "19.2.0-canary-ab859e31-20250606", + "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-ab859e31-20250606", "react-ssr-prepass": "1.0.8", "react-virtualized": "9.22.3", "relay-compiler": "13.0.2", @@ -252,8 +252,8 @@ "resolve-from": "5.0.0", "sass": "1.54.0", "satori": "0.12.2", - "scheduler-builtin": "npm:scheduler@0.27.0-canary-b4477d38-20250605", - "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-b4477d38-20250605", + "scheduler-builtin": "npm:scheduler@0.27.0-canary-ab859e31-20250606", + "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-ab859e31-20250606", "seedrandom": "3.0.5", "semver": "7.3.7", "shell-quote": "1.7.3", @@ -296,10 +296,10 @@ "@types/react-dom": "19.1.2", "@types/retry": "0.12.0", "jest-snapshot": "30.0.0-alpha.6", - "react": "19.2.0-canary-b4477d38-20250605", - "react-dom": "19.2.0-canary-b4477d38-20250605", - "react-is": "19.2.0-canary-b4477d38-20250605", - "scheduler": "0.27.0-canary-b4477d38-20250605" + "react": "19.2.0-canary-ab859e31-20250606", + "react-dom": "19.2.0-canary-ab859e31-20250606", + "react-is": "19.2.0-canary-ab859e31-20250606", + "scheduler": "0.27.0-canary-ab859e31-20250606" }, "patchedDependencies": { "webpack-sources@3.2.3": "patches/webpack-sources@3.2.3.patch", diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js index 5fe7e9a72fe862..125a352ebe9a31 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js @@ -30631,11 +30631,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-b4477d38-20250605" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-ab859e31-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-experimental-b4477d38-20250605\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-ab859e31-20250606\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30672,10 +30672,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-b4477d38-20250605", + version: "19.2.0-experimental-ab859e31-20250606", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-b4477d38-20250605" + reconcilerVersion: "19.2.0-experimental-ab859e31-20250606" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -30821,7 +30821,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.2.0-experimental-b4477d38-20250605"; + exports.version = "19.2.0-experimental-ab859e31-20250606"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js index b109614853ee4d..773c15ddf438a5 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js @@ -19139,14 +19139,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2180 = React.version; if ( - "19.2.0-experimental-b4477d38-20250605" !== + "19.2.0-experimental-ab859e31-20250606" !== isomorphicReactPackageVersion$jscomp$inline_2180 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2180, - "19.2.0-experimental-b4477d38-20250605" + "19.2.0-experimental-ab859e31-20250606" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -19168,10 +19168,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_2865 = { bundleType: 0, - version: "19.2.0-experimental-b4477d38-20250605", + version: "19.2.0-experimental-ab859e31-20250606", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-b4477d38-20250605" + reconcilerVersion: "19.2.0-experimental-ab859e31-20250606" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2866 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -19278,4 +19278,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.2.0-experimental-b4477d38-20250605"; +exports.version = "19.2.0-experimental-ab859e31-20250606"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js index 1c8f5008cee6b6..c5ec6c1bb44240 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js @@ -30683,11 +30683,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-b4477d38-20250605" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-ab859e31-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-experimental-b4477d38-20250605\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-ab859e31-20250606\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30724,10 +30724,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-b4477d38-20250605", + version: "19.2.0-experimental-ab859e31-20250606", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-b4477d38-20250605" + reconcilerVersion: "19.2.0-experimental-ab859e31-20250606" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -31203,7 +31203,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-experimental-b4477d38-20250605"; + exports.version = "19.2.0-experimental-ab859e31-20250606"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js index af4e9aee6960ee..f7a4f7f6fc521a 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js @@ -20794,14 +20794,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2400 = React.version; if ( - "19.2.0-experimental-b4477d38-20250605" !== + "19.2.0-experimental-ab859e31-20250606" !== isomorphicReactPackageVersion$jscomp$inline_2400 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2400, - "19.2.0-experimental-b4477d38-20250605" + "19.2.0-experimental-ab859e31-20250606" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -20823,10 +20823,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_3087 = { bundleType: 0, - version: "19.2.0-experimental-b4477d38-20250605", + version: "19.2.0-experimental-ab859e31-20250606", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-b4477d38-20250605" + reconcilerVersion: "19.2.0-experimental-ab859e31-20250606" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_3088 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -21093,7 +21093,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-experimental-b4477d38-20250605"; +exports.version = "19.2.0-experimental-ab859e31-20250606"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js index fa7b3f3e559a31..fe375d51986cb4 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js @@ -8394,6 +8394,18 @@ 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 or 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) { @@ -8464,13 +8476,7 @@ 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; @@ -8479,23 +8485,28 @@ ) 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) @@ -8534,15 +8545,15 @@ (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); } @@ -8606,8 +8617,8 @@ : 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 || @@ -8619,55 +8630,55 @@ 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) @@ -10083,7 +10094,7 @@ completeBoundaryScriptFunctionOnly = '$RB=[];$RV=function(c){$RT=performance.now();for(var a=0;a" )); bootstrapScriptContent = idPrefix + "P:"; - var JSCompiler_object_inline_segmentPrefix_1870 = idPrefix + "S:"; + var JSCompiler_object_inline_segmentPrefix_1865 = idPrefix + "S:"; idPrefix += "B:"; - var JSCompiler_object_inline_preconnects_1884 = new Set(), - JSCompiler_object_inline_fontPreloads_1885 = new Set(), - JSCompiler_object_inline_highImagePreloads_1886 = new Set(), - JSCompiler_object_inline_styles_1887 = new Map(), - JSCompiler_object_inline_bootstrapScripts_1888 = new Set(), - JSCompiler_object_inline_scripts_1889 = new Set(), - JSCompiler_object_inline_bulkPreloads_1890 = new Set(), - JSCompiler_object_inline_preloads_1891 = { + var JSCompiler_object_inline_preconnects_1879 = new Set(), + JSCompiler_object_inline_fontPreloads_1880 = new Set(), + JSCompiler_object_inline_highImagePreloads_1881 = new Set(), + JSCompiler_object_inline_styles_1882 = new Map(), + JSCompiler_object_inline_bootstrapScripts_1883 = new Set(), + JSCompiler_object_inline_scripts_1884 = new Set(), + JSCompiler_object_inline_bulkPreloads_1885 = new Set(), + JSCompiler_object_inline_preloads_1886 = { images: new Map(), stylesheets: new Map(), scripts: new Map(), @@ -2990,7 +2990,7 @@ function createRenderState(resumableState, generateStaticMarkup) { scriptConfig.moduleScriptResources[href] = null; scriptConfig = []; pushLinkImpl(scriptConfig, props); - JSCompiler_object_inline_bootstrapScripts_1888.add(scriptConfig); + JSCompiler_object_inline_bootstrapScripts_1883.add(scriptConfig); bootstrapChunks.push('