diff --git a/package.json b/package.json index c31d08f8dca90..a44cae42820ca 100644 --- a/package.json +++ b/package.json @@ -232,16 +232,16 @@ "pretty-ms": "7.0.0", "random-seed": "0.3.0", "react": "19.0.0", - "react-builtin": "npm:react@19.2.0-canary-4a45ba92-20250515", + "react-builtin": "npm:react@19.2.0-canary-462d08f9-20250517", "react-dom": "19.0.0", - "react-dom-builtin": "npm:react-dom@19.2.0-canary-4a45ba92-20250515", - "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-4a45ba92-20250515", - "react-experimental-builtin": "npm:react@0.0.0-experimental-4a45ba92-20250515", - "react-is-builtin": "npm:react-is@19.2.0-canary-4a45ba92-20250515", - "react-server-dom-turbopack": "19.2.0-canary-4a45ba92-20250515", - "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-4a45ba92-20250515", - "react-server-dom-webpack": "19.2.0-canary-4a45ba92-20250515", - "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-4a45ba92-20250515", + "react-dom-builtin": "npm:react-dom@19.2.0-canary-462d08f9-20250517", + "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-462d08f9-20250517", + "react-experimental-builtin": "npm:react@0.0.0-experimental-462d08f9-20250517", + "react-is-builtin": "npm:react-is@19.2.0-canary-462d08f9-20250517", + "react-server-dom-turbopack": "19.2.0-canary-462d08f9-20250517", + "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-462d08f9-20250517", + "react-server-dom-webpack": "19.2.0-canary-462d08f9-20250517", + "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-462d08f9-20250517", "react-ssr-prepass": "1.0.8", "react-virtualized": "9.22.3", "relay-compiler": "13.0.2", @@ -251,8 +251,8 @@ "resolve-from": "5.0.0", "sass": "1.54.0", "satori": "0.12.2", - "scheduler-builtin": "npm:scheduler@0.27.0-canary-4a45ba92-20250515", - "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-4a45ba92-20250515", + "scheduler-builtin": "npm:scheduler@0.27.0-canary-462d08f9-20250517", + "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-462d08f9-20250517", "seedrandom": "3.0.5", "semver": "7.3.7", "shell-quote": "1.7.3", @@ -295,10 +295,10 @@ "@types/react-dom": "19.1.2", "@types/retry": "0.12.0", "jest-snapshot": "30.0.0-alpha.6", - "react": "19.2.0-canary-4a45ba92-20250515", - "react-dom": "19.2.0-canary-4a45ba92-20250515", - "react-is": "19.2.0-canary-4a45ba92-20250515", - "scheduler": "0.27.0-canary-4a45ba92-20250515" + "react": "19.2.0-canary-462d08f9-20250517", + "react-dom": "19.2.0-canary-462d08f9-20250517", + "react-is": "19.2.0-canary-462d08f9-20250517", + "scheduler": "0.27.0-canary-462d08f9-20250517" }, "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 6ddc40f1e29b7..5e5d73d71f50b 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 @@ -30579,11 +30579,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-4a45ba92-20250515" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-462d08f9-20250517" !== 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-4a45ba92-20250515\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-462d08f9-20250517\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30620,10 +30620,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-4a45ba92-20250515", + version: "19.2.0-experimental-462d08f9-20250517", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-4a45ba92-20250515" + reconcilerVersion: "19.2.0-experimental-462d08f9-20250517" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -30769,7 +30769,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.2.0-experimental-4a45ba92-20250515"; + exports.version = "19.2.0-experimental-462d08f9-20250517"; "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 fe91c6311d159..dbd291034abae 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 @@ -19147,14 +19147,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2180 = React.version; if ( - "19.2.0-experimental-4a45ba92-20250515" !== + "19.2.0-experimental-462d08f9-20250517" !== isomorphicReactPackageVersion$jscomp$inline_2180 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2180, - "19.2.0-experimental-4a45ba92-20250515" + "19.2.0-experimental-462d08f9-20250517" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -19176,10 +19176,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_2840 = { bundleType: 0, - version: "19.2.0-experimental-4a45ba92-20250515", + version: "19.2.0-experimental-462d08f9-20250517", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-4a45ba92-20250515" + reconcilerVersion: "19.2.0-experimental-462d08f9-20250517" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2841 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -19286,4 +19286,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.2.0-experimental-4a45ba92-20250515"; +exports.version = "19.2.0-experimental-462d08f9-20250517"; 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 3951e894954b4..8ae9156da09c8 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 @@ -30631,11 +30631,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-4a45ba92-20250515" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-462d08f9-20250517" !== 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-4a45ba92-20250515\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-462d08f9-20250517\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-4a45ba92-20250515", + version: "19.2.0-experimental-462d08f9-20250517", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-4a45ba92-20250515" + reconcilerVersion: "19.2.0-experimental-462d08f9-20250517" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -31151,7 +31151,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-experimental-4a45ba92-20250515"; + exports.version = "19.2.0-experimental-462d08f9-20250517"; "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 0536a74289c5f..fc4702a2cdb11 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 @@ -20802,14 +20802,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2400 = React.version; if ( - "19.2.0-experimental-4a45ba92-20250515" !== + "19.2.0-experimental-462d08f9-20250517" !== isomorphicReactPackageVersion$jscomp$inline_2400 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2400, - "19.2.0-experimental-4a45ba92-20250515" + "19.2.0-experimental-462d08f9-20250517" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -20831,10 +20831,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_3062 = { bundleType: 0, - version: "19.2.0-experimental-4a45ba92-20250515", + version: "19.2.0-experimental-462d08f9-20250517", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-4a45ba92-20250515" + reconcilerVersion: "19.2.0-experimental-462d08f9-20250517" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_3063 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -21101,7 +21101,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-experimental-4a45ba92-20250515"; +exports.version = "19.2.0-experimental-462d08f9-20250517"; "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 4b1867ad7feb1..2f5903670b6a8 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 @@ -883,7 +883,9 @@ nameIdx: 0 }; } - function getSuspenseFallbackFormatContext(parentContext) { + function getSuspenseFallbackFormatContext(resumableState, parentContext) { + parentContext.tagScope & 32 && + (resumableState.instructions |= NeedUpgradeToViewTransitions); return createFormatContext( parentContext.insertionMode, parentContext.selectedValue, @@ -891,7 +893,7 @@ getSuspenseViewTransition(parentContext.viewTransition) ); } - function getSuspenseContentFormatContext(parentContext) { + function getSuspenseContentFormatContext(resumableState, parentContext) { return createFormatContext( parentContext.insertionMode, parentContext.selectedValue, @@ -5691,8 +5693,10 @@ var _prevKeyPath = task.keyPath, _prevContext = task.formatContext; task.keyPath = keyPath; - task.formatContext = - getSuspenseContentFormatContext(_prevContext); + task.formatContext = getSuspenseContentFormatContext( + request.resumableState, + _prevContext + ); var _content = props.children; try { renderNode(request, task, _content, -1); @@ -5765,8 +5769,10 @@ task.blockedSegment = boundarySegment; task.blockedPreamble = newBoundary.fallbackPreamble; task.keyPath = fallbackKeyPath; - task.formatContext = - getSuspenseFallbackFormatContext(prevContext$jscomp$1); + task.formatContext = getSuspenseFallbackFormatContext( + request.resumableState, + prevContext$jscomp$1 + ); boundarySegment.status = 6; try { renderNode(request, task, fallback, -1), @@ -5799,7 +5805,10 @@ newBoundary.contentState, task.abortSet, keyPath, - getSuspenseContentFormatContext(task.formatContext), + getSuspenseContentFormatContext( + request.resumableState, + task.formatContext + ), task.context, task.treeContext, task.componentStack, @@ -5814,8 +5823,10 @@ task.hoistableState = newBoundary.contentState; task.blockedSegment = contentRootSegment; task.keyPath = keyPath; - task.formatContext = - getSuspenseContentFormatContext(prevContext$jscomp$1); + task.formatContext = getSuspenseContentFormatContext( + request.resumableState, + prevContext$jscomp$1 + ); contentRootSegment.status = 6; try { if ( @@ -5892,7 +5903,10 @@ newBoundary.fallbackState, fallbackAbortSet, [keyPath[0], "Suspense Fallback", keyPath[2]], - getSuspenseFallbackFormatContext(task.formatContext), + getSuspenseFallbackFormatContext( + request.resumableState, + task.formatContext + ), task.context, task.treeContext, task.componentStack, @@ -6149,7 +6163,10 @@ task.blockedBoundary = props; task.hoistableState = props.contentState; task.keyPath = keyPath; - task.formatContext = getSuspenseContentFormatContext(prevContext); + task.formatContext = getSuspenseContentFormatContext( + request.resumableState, + prevContext + ); task.replay = { nodes: ref, slots: name, pendingTasks: 1 }; try { renderNode(request, task, content, -1); @@ -6205,7 +6222,10 @@ props.fallbackState, fallbackAbortSet, [keyPath[0], "Suspense Fallback", keyPath[2]], - getSuspenseFallbackFormatContext(task.formatContext), + getSuspenseFallbackFormatContext( + request.resumableState, + task.formatContext + ), task.context, task.treeContext, task.componentStack, @@ -7209,6 +7229,7 @@ } else boundary.completedSegments.push(segment); } function finishedTask(request, boundary, segment) { + request.allPendingTasks--; if (null === boundary) { if (null !== segment && segment.parentFlushed) { if (null !== request.completedRootSegment) @@ -7248,7 +7269,6 @@ 1 === boundary.completedSegments.length && boundary.parentFlushed && request.partialBoundaries.push(boundary))); - request.allPendingTasks--; 0 === request.allPendingTasks && completeAll(request); } function performWork(request$jscomp$1) { @@ -7793,7 +7813,10 @@ request = request.renderState; i = boundary.rootSegmentID; boundary = boundary.contentState; - var requiresStyleInsertion = request.stylesToHoist; + var requiresStyleInsertion = request.stylesToHoist, + requiresViewTransitions = + (completedSegments.instructions & NeedUpgradeToViewTransitions) !== + NothingSent; request.stylesToHoist = !1; var scriptFormat = completedSegments.streamingFormat === ScriptStreamingFormat; @@ -7811,6 +7834,15 @@ ((completedSegments.instructions |= SentCompleteBoundaryFunction), destination.push(completeBoundaryScriptFunctionOnly)), + requiresViewTransitions && + (completedSegments.instructions & + SentUpgradeToViewTransitions) === + NothingSent && + ((completedSegments.instructions |= + SentUpgradeToViewTransitions), + destination.push( + completeBoundaryUpgradeToViewTransitionsInstruction + )), (completedSegments.instructions & SentStyleInsertionFunction) === NothingSent ? ((completedSegments.instructions |= @@ -7819,13 +7851,22 @@ completeBoundaryWithStylesScript1FullPartial )) : destination.push(completeBoundaryWithStylesScript1Partial)) - : (completedSegments.instructions & - SentCompleteBoundaryFunction) === - NothingSent - ? ((completedSegments.instructions |= + : ((completedSegments.instructions & + SentCompleteBoundaryFunction) === + NothingSent && + ((completedSegments.instructions |= SentCompleteBoundaryFunction), - destination.push(completeBoundaryScript1Full)) - : destination.push(completeBoundaryScript1Partial)) + destination.push(completeBoundaryScriptFunctionOnly)), + requiresViewTransitions && + (completedSegments.instructions & + SentUpgradeToViewTransitions) === + NothingSent && + ((completedSegments.instructions |= + SentUpgradeToViewTransitions), + destination.push( + completeBoundaryUpgradeToViewTransitionsInstruction + )), + destination.push(completeBoundaryScript1Partial))) : requiresStyleInsertion ? destination.push(completeBoundaryWithStylesData1) : destination.push(completeBoundaryData1); @@ -9478,6 +9519,8 @@ SentStyleInsertionFunction = 8, SentCompletedShellId = 32, SentMarkShellTime = 64, + NeedUpgradeToViewTransitions = 128, + SentUpgradeToViewTransitions = 256, EXISTS = null, PRELOAD_NO_CREDS = []; Object.freeze(PRELOAD_NO_CREDS); @@ -9572,9 +9615,9 @@ completeSegmentData2 = '" data-pid="', completeSegmentDataEnd = '">', completeBoundaryScriptFunctionOnly = - '$RB=[];$RC=function(d,c){function m(){$RT=performance.now();var f=$RB;$RB=[];for(var e=0;e" )); bootstrapScriptContent = idPrefix + "P:"; - var JSCompiler_object_inline_segmentPrefix_1804 = idPrefix + "S:"; + var JSCompiler_object_inline_segmentPrefix_1817 = idPrefix + "S:"; idPrefix += "B:"; - var JSCompiler_object_inline_preamble_1807 = createPreambleState(), - JSCompiler_object_inline_preconnects_1817 = new Set(), - JSCompiler_object_inline_fontPreloads_1818 = new Set(), - JSCompiler_object_inline_highImagePreloads_1819 = new Set(), - JSCompiler_object_inline_styles_1820 = new Map(), - JSCompiler_object_inline_bootstrapScripts_1821 = new Set(), - JSCompiler_object_inline_scripts_1822 = new Set(), - JSCompiler_object_inline_bulkPreloads_1823 = new Set(), - JSCompiler_object_inline_preloads_1824 = { + var JSCompiler_object_inline_preamble_1820 = createPreambleState(), + JSCompiler_object_inline_preconnects_1830 = new Set(), + JSCompiler_object_inline_fontPreloads_1831 = new Set(), + JSCompiler_object_inline_highImagePreloads_1832 = new Set(), + JSCompiler_object_inline_styles_1833 = new Map(), + JSCompiler_object_inline_bootstrapScripts_1834 = new Set(), + JSCompiler_object_inline_scripts_1835 = new Set(), + JSCompiler_object_inline_bulkPreloads_1836 = new Set(), + JSCompiler_object_inline_preloads_1837 = { images: new Map(), stylesheets: new Map(), scripts: new Map(), @@ -2975,7 +2976,7 @@ function createRenderState(resumableState, generateStaticMarkup) { scriptConfig.moduleScriptResources[href] = null; scriptConfig = []; pushLinkImpl(scriptConfig, props); - JSCompiler_object_inline_bootstrapScripts_1821.add(scriptConfig); + JSCompiler_object_inline_bootstrapScripts_1834.add(scriptConfig); bootstrapChunks.push('