diff --git a/package.json b/package.json index aed634f0889d3..09caba79c5952 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-23884812-20250520", + "react-builtin": "npm:react@19.2.0-canary-8ce15b0f-20250522", "react-dom": "19.0.0", - "react-dom-builtin": "npm:react-dom@19.2.0-canary-23884812-20250520", - "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-23884812-20250520", - "react-experimental-builtin": "npm:react@0.0.0-experimental-23884812-20250520", - "react-is-builtin": "npm:react-is@19.2.0-canary-23884812-20250520", - "react-server-dom-turbopack": "19.2.0-canary-23884812-20250520", - "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-23884812-20250520", - "react-server-dom-webpack": "19.2.0-canary-23884812-20250520", - "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-23884812-20250520", + "react-dom-builtin": "npm:react-dom@19.2.0-canary-8ce15b0f-20250522", + "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-8ce15b0f-20250522", + "react-experimental-builtin": "npm:react@0.0.0-experimental-8ce15b0f-20250522", + "react-is-builtin": "npm:react-is@19.2.0-canary-8ce15b0f-20250522", + "react-server-dom-turbopack": "19.2.0-canary-8ce15b0f-20250522", + "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-8ce15b0f-20250522", + "react-server-dom-webpack": "19.2.0-canary-8ce15b0f-20250522", + "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-8ce15b0f-20250522", "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-23884812-20250520", - "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-23884812-20250520", + "scheduler-builtin": "npm:scheduler@0.27.0-canary-8ce15b0f-20250522", + "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-8ce15b0f-20250522", "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-23884812-20250520", - "react-dom": "19.2.0-canary-23884812-20250520", - "react-is": "19.2.0-canary-23884812-20250520", - "scheduler": "0.27.0-canary-23884812-20250520" + "react": "19.2.0-canary-8ce15b0f-20250522", + "react-dom": "19.2.0-canary-8ce15b0f-20250522", + "react-is": "19.2.0-canary-8ce15b0f-20250522", + "scheduler": "0.27.0-canary-8ce15b0f-20250522" }, "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 8524d2757196e..fb8fcd0e3075f 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 @@ -13513,11 +13513,16 @@ } } function commitNewChildToFragmentInstances(fiber, parentFragmentInstances) { - for (var i = 0; i < parentFragmentInstances.length; i++) - commitNewChildToFragmentInstance( - fiber.stateNode, - parentFragmentInstances[i] - ); + if ( + 5 === fiber.tag && + null === fiber.alternate && + null !== parentFragmentInstances + ) + for (var i = 0; i < parentFragmentInstances.length; i++) + commitNewChildToFragmentInstance( + fiber.stateNode, + parentFragmentInstances[i] + ); } function commitFragmentInstanceDeletionEffects(fiber) { for (var parent = fiber.return; null !== parent; ) { @@ -13577,39 +13582,36 @@ parentFragmentInstances ) { var tag = node.tag; - if (5 === tag || 6 === tag) { - var stateNode = node.stateNode; - before - ? (warnForReactChildrenConflict(parent), - (parent = - 9 === parent.nodeType - ? parent.body - : "HTML" === parent.nodeName - ? parent.ownerDocument.body - : parent), - supportsMoveBefore && null !== stateNode.parentNode - ? parent.moveBefore(stateNode, before) - : parent.insertBefore(stateNode, before)) - : (warnForReactChildrenConflict(parent), - (before = - 9 === parent.nodeType - ? parent.body - : "HTML" === parent.nodeName - ? parent.ownerDocument.body - : parent), - supportsMoveBefore && null !== stateNode.parentNode - ? before.moveBefore(stateNode, null) - : before.appendChild(stateNode), - (stateNode = parent._reactRootContainer), - (null !== stateNode && void 0 !== stateNode) || - null !== before.onclick || - (before.onclick = noop$1)); - 5 === tag && - null === node.alternate && - null !== parentFragmentInstances && - commitNewChildToFragmentInstances(node, parentFragmentInstances); - viewTransitionMutationContext = !0; - } else if ( + if (5 === tag || 6 === tag) + (tag = node.stateNode), + before + ? (warnForReactChildrenConflict(parent), + (parent = + 9 === parent.nodeType + ? parent.body + : "HTML" === parent.nodeName + ? parent.ownerDocument.body + : parent), + supportsMoveBefore && null !== tag.parentNode + ? parent.moveBefore(tag, before) + : parent.insertBefore(tag, before)) + : (warnForReactChildrenConflict(parent), + (before = + 9 === parent.nodeType + ? parent.body + : "HTML" === parent.nodeName + ? parent.ownerDocument.body + : parent), + supportsMoveBefore && null !== tag.parentNode + ? before.moveBefore(tag, null) + : before.appendChild(tag), + (tag = parent._reactRootContainer), + (null !== tag && void 0 !== tag) || + null !== before.onclick || + (before.onclick = noop$1)), + commitNewChildToFragmentInstances(node, parentFragmentInstances), + (viewTransitionMutationContext = !0); + else if ( 4 !== tag && (27 === tag && isSingletonScope(node.type) && @@ -13643,19 +13645,16 @@ parentFragmentInstances ) { var tag = node.tag; - if (5 === tag || 6 === tag) { - var stateNode = node.stateNode; - before - ? supportsMoveBefore && null !== stateNode.parentNode - ? parent.moveBefore(stateNode, before) - : parent.insertBefore(stateNode, before) - : appendChild(parent, stateNode); - 5 === tag && - null === node.alternate && - null !== parentFragmentInstances && - commitNewChildToFragmentInstances(node, parentFragmentInstances); - viewTransitionMutationContext = !0; - } else if ( + if (5 === tag || 6 === tag) + (tag = node.stateNode), + before + ? supportsMoveBefore && null !== tag.parentNode + ? parent.moveBefore(tag, before) + : parent.insertBefore(tag, before) + : appendChild(parent, tag), + commitNewChildToFragmentInstances(node, parentFragmentInstances), + (viewTransitionMutationContext = !0); + else if ( 4 !== tag && (27 === tag && isSingletonScope(node.type) && (parent = node.stateNode), (node = node.child), @@ -15712,7 +15711,8 @@ else switch (finishedWork.tag) { case 3: - viewTransitionContextChanged$1 = !1; + rootViewTransitionNameCanceled = viewTransitionContextChanged$1 = + !1; pushViewTransitionCancelableScope(); recursivelyTraverseAfterMutationEffects(root, finishedWork); if ( @@ -15728,6 +15728,7 @@ finishedWork[i + 2] ); cancelRootViewTransitionName(root.containerInfo); + rootViewTransitionNameCanceled = !0; } viewTransitionCancelableChildren = null; break; @@ -16175,6 +16176,7 @@ ); inHydratedSubtree = wasInHydratedSubtree; isViewTransitionEligible && + rootViewTransitionNameCanceled && restoreRootViewTransitionName(finishedRoot.containerInfo); flags & 2048 && ((committedLanes = null), @@ -24681,12 +24683,12 @@ } return -1; } - function commitNewChildToFragmentInstance(childElement, fragmentInstance) { + function commitNewChildToFragmentInstance(childInstance, fragmentInstance) { var eventListeners = fragmentInstance._eventListeners; if (null !== eventListeners) for (var i = 0; i < eventListeners.length; i++) { var _eventListeners$i2 = eventListeners[i]; - childElement.addEventListener( + childInstance.addEventListener( _eventListeners$i2.type, _eventListeners$i2.listener, _eventListeners$i2.optionsOrUseCapture @@ -24694,7 +24696,7 @@ } null !== fragmentInstance._observers && fragmentInstance._observers.forEach(function (observer) { - observer.observe(childElement); + observer.observe(childInstance); }); } function clearContainerSparingly(container) { @@ -29680,6 +29682,7 @@ viewTransitionContextChanged$1 = !1, inUpdateViewTransition = !1, rootViewTransitionAffected = !1, + rootViewTransitionNameCanceled = !1, hostParent = null, hostParentIsContainer = !1, currentHoistableRoot = null, @@ -30616,11 +30619,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-23884812-20250520" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-8ce15b0f-20250522" !== 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-23884812-20250520\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-8ce15b0f-20250522\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30657,10 +30660,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-23884812-20250520", + version: "19.2.0-experimental-8ce15b0f-20250522", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-23884812-20250520" + reconcilerVersion: "19.2.0-experimental-8ce15b0f-20250522" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -30806,7 +30809,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.2.0-experimental-23884812-20250520"; + exports.version = "19.2.0-experimental-8ce15b0f-20250522"; "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 b7df961164cee..4b45d13a7c4c9 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 @@ -9220,11 +9220,16 @@ function commitHostUpdate(finishedWork, newProps, oldProps) { } } function commitNewChildToFragmentInstances(fiber, parentFragmentInstances) { - for (var i = 0; i < parentFragmentInstances.length; i++) - commitNewChildToFragmentInstance( - fiber.stateNode, - parentFragmentInstances[i] - ); + if ( + 5 === fiber.tag && + null === fiber.alternate && + null !== parentFragmentInstances + ) + for (var i = 0; i < parentFragmentInstances.length; i++) + commitNewChildToFragmentInstance( + fiber.stateNode, + parentFragmentInstances[i] + ); } function commitFragmentInstanceDeletionEffects(fiber) { for (var parent = fiber.return; null !== parent; ) { @@ -9284,38 +9289,35 @@ function insertOrAppendPlacementNodeIntoContainer( parentFragmentInstances ) { var tag = node.tag; - if (5 === tag || 6 === tag) { - var stateNode = node.stateNode; - before - ? ((parent = - 9 === parent.nodeType - ? parent.body - : "HTML" === parent.nodeName - ? parent.ownerDocument.body - : parent), - supportsMoveBefore && null !== stateNode.parentNode - ? parent.moveBefore(stateNode, before) - : parent.insertBefore(stateNode, before)) - : ((before = parent), - (parent = - 9 === before.nodeType - ? before.body - : "HTML" === before.nodeName - ? before.ownerDocument.body - : before), - supportsMoveBefore && null !== stateNode.parentNode - ? parent.moveBefore(stateNode, null) - : parent.appendChild(stateNode), - (stateNode = before._reactRootContainer), - (null !== stateNode && void 0 !== stateNode) || - null !== parent.onclick || - (parent.onclick = noop$1)); - 5 === tag && - null === node.alternate && - null !== parentFragmentInstances && - commitNewChildToFragmentInstances(node, parentFragmentInstances); - viewTransitionMutationContext = !0; - } else if ( + if (5 === tag || 6 === tag) + (tag = node.stateNode), + before + ? ((parent = + 9 === parent.nodeType + ? parent.body + : "HTML" === parent.nodeName + ? parent.ownerDocument.body + : parent), + supportsMoveBefore && null !== tag.parentNode + ? parent.moveBefore(tag, before) + : parent.insertBefore(tag, before)) + : ((before = parent), + (parent = + 9 === before.nodeType + ? before.body + : "HTML" === before.nodeName + ? before.ownerDocument.body + : before), + supportsMoveBefore && null !== tag.parentNode + ? parent.moveBefore(tag, null) + : parent.appendChild(tag), + (tag = before._reactRootContainer), + (null !== tag && void 0 !== tag) || + null !== parent.onclick || + (parent.onclick = noop$1)), + commitNewChildToFragmentInstances(node, parentFragmentInstances), + (viewTransitionMutationContext = !0); + else if ( 4 !== tag && (27 === tag && isSingletonScope(node.type) && @@ -9349,19 +9351,16 @@ function insertOrAppendPlacementNode( parentFragmentInstances ) { var tag = node.tag; - if (5 === tag || 6 === tag) { - var stateNode = node.stateNode; - before - ? supportsMoveBefore && null !== stateNode.parentNode - ? parent.moveBefore(stateNode, before) - : parent.insertBefore(stateNode, before) - : appendChild(parent, stateNode); - 5 === tag && - null === node.alternate && - null !== parentFragmentInstances && - commitNewChildToFragmentInstances(node, parentFragmentInstances); - viewTransitionMutationContext = !0; - } else if ( + if (5 === tag || 6 === tag) + (tag = node.stateNode), + before + ? supportsMoveBefore && null !== tag.parentNode + ? parent.moveBefore(tag, before) + : parent.insertBefore(tag, before) + : appendChild(parent, tag), + commitNewChildToFragmentInstances(node, parentFragmentInstances), + (viewTransitionMutationContext = !0); + else if ( 4 !== tag && (27 === tag && isSingletonScope(node.type) && (parent = node.stateNode), (node = node.child), @@ -9824,7 +9823,8 @@ var offscreenSubtreeIsHidden = !1, nextEffect = null, viewTransitionContextChanged$1 = !1, inUpdateViewTransition = !1, - rootViewTransitionAffected = !1; + rootViewTransitionAffected = !1, + rootViewTransitionNameCanceled = !1; function commitBeforeMutationEffects(root, firstChild, committedLanes) { root = root.containerInfo; eventsEnabled = _enabled; @@ -11104,7 +11104,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { else switch (finishedWork.tag) { case 3: - viewTransitionContextChanged$1 = !1; + rootViewTransitionNameCanceled = viewTransitionContextChanged$1 = !1; pushViewTransitionCancelableScope(); recursivelyTraverseAfterMutationEffects(root, finishedWork); if (!viewTransitionContextChanged$1 && !rootViewTransitionAffected) { @@ -11117,6 +11117,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { finishedWork[i + 2] ); cancelRootViewTransitionName(root.containerInfo); + rootViewTransitionNameCanceled = !0; } viewTransitionCancelableChildren = null; break; @@ -11440,6 +11441,7 @@ function commitPassiveMountOnFiber( committedTransitions ); isViewTransitionEligible && + rootViewTransitionNameCanceled && restoreRootViewTransitionName(finishedRoot.containerInfo); flags & 2048 && ((finishedRoot = null), @@ -17319,12 +17321,12 @@ function indexOfEventListener( } return -1; } -function commitNewChildToFragmentInstance(childElement, fragmentInstance) { +function commitNewChildToFragmentInstance(childInstance, fragmentInstance) { var eventListeners = fragmentInstance._eventListeners; if (null !== eventListeners) for (var i = 0; i < eventListeners.length; i++) { var _eventListeners$i3 = eventListeners[i]; - childElement.addEventListener( + childInstance.addEventListener( _eventListeners$i3.type, _eventListeners$i3.listener, _eventListeners$i3.optionsOrUseCapture @@ -17332,7 +17334,7 @@ function commitNewChildToFragmentInstance(childElement, fragmentInstance) { } null !== fragmentInstance._observers && fragmentInstance._observers.forEach(function (observer) { - observer.observe(childElement); + observer.observe(childInstance); }); } function clearContainerSparingly(container) { @@ -19148,14 +19150,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2180 = React.version; if ( - "19.2.0-experimental-23884812-20250520" !== + "19.2.0-experimental-8ce15b0f-20250522" !== isomorphicReactPackageVersion$jscomp$inline_2180 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2180, - "19.2.0-experimental-23884812-20250520" + "19.2.0-experimental-8ce15b0f-20250522" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -19177,10 +19179,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_2840 = { bundleType: 0, - version: "19.2.0-experimental-23884812-20250520", + version: "19.2.0-experimental-8ce15b0f-20250522", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-23884812-20250520" + reconcilerVersion: "19.2.0-experimental-8ce15b0f-20250522" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2841 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -19287,4 +19289,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.2.0-experimental-23884812-20250520"; +exports.version = "19.2.0-experimental-8ce15b0f-20250522"; 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 be342ab9cece5..f64ba937f915d 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 @@ -13521,11 +13521,16 @@ } } function commitNewChildToFragmentInstances(fiber, parentFragmentInstances) { - for (var i = 0; i < parentFragmentInstances.length; i++) - commitNewChildToFragmentInstance( - fiber.stateNode, - parentFragmentInstances[i] - ); + if ( + 5 === fiber.tag && + null === fiber.alternate && + null !== parentFragmentInstances + ) + for (var i = 0; i < parentFragmentInstances.length; i++) + commitNewChildToFragmentInstance( + fiber.stateNode, + parentFragmentInstances[i] + ); } function commitFragmentInstanceDeletionEffects(fiber) { for (var parent = fiber.return; null !== parent; ) { @@ -13585,39 +13590,36 @@ parentFragmentInstances ) { var tag = node.tag; - if (5 === tag || 6 === tag) { - var stateNode = node.stateNode; - before - ? (warnForReactChildrenConflict(parent), - (parent = - 9 === parent.nodeType - ? parent.body - : "HTML" === parent.nodeName - ? parent.ownerDocument.body - : parent), - supportsMoveBefore && null !== stateNode.parentNode - ? parent.moveBefore(stateNode, before) - : parent.insertBefore(stateNode, before)) - : (warnForReactChildrenConflict(parent), - (before = - 9 === parent.nodeType - ? parent.body - : "HTML" === parent.nodeName - ? parent.ownerDocument.body - : parent), - supportsMoveBefore && null !== stateNode.parentNode - ? before.moveBefore(stateNode, null) - : before.appendChild(stateNode), - (stateNode = parent._reactRootContainer), - (null !== stateNode && void 0 !== stateNode) || - null !== before.onclick || - (before.onclick = noop$1)); - 5 === tag && - null === node.alternate && - null !== parentFragmentInstances && - commitNewChildToFragmentInstances(node, parentFragmentInstances); - viewTransitionMutationContext = !0; - } else if ( + if (5 === tag || 6 === tag) + (tag = node.stateNode), + before + ? (warnForReactChildrenConflict(parent), + (parent = + 9 === parent.nodeType + ? parent.body + : "HTML" === parent.nodeName + ? parent.ownerDocument.body + : parent), + supportsMoveBefore && null !== tag.parentNode + ? parent.moveBefore(tag, before) + : parent.insertBefore(tag, before)) + : (warnForReactChildrenConflict(parent), + (before = + 9 === parent.nodeType + ? parent.body + : "HTML" === parent.nodeName + ? parent.ownerDocument.body + : parent), + supportsMoveBefore && null !== tag.parentNode + ? before.moveBefore(tag, null) + : before.appendChild(tag), + (tag = parent._reactRootContainer), + (null !== tag && void 0 !== tag) || + null !== before.onclick || + (before.onclick = noop$1)), + commitNewChildToFragmentInstances(node, parentFragmentInstances), + (viewTransitionMutationContext = !0); + else if ( 4 !== tag && (27 === tag && isSingletonScope(node.type) && @@ -13651,19 +13653,16 @@ parentFragmentInstances ) { var tag = node.tag; - if (5 === tag || 6 === tag) { - var stateNode = node.stateNode; - before - ? supportsMoveBefore && null !== stateNode.parentNode - ? parent.moveBefore(stateNode, before) - : parent.insertBefore(stateNode, before) - : appendChild(parent, stateNode); - 5 === tag && - null === node.alternate && - null !== parentFragmentInstances && - commitNewChildToFragmentInstances(node, parentFragmentInstances); - viewTransitionMutationContext = !0; - } else if ( + if (5 === tag || 6 === tag) + (tag = node.stateNode), + before + ? supportsMoveBefore && null !== tag.parentNode + ? parent.moveBefore(tag, before) + : parent.insertBefore(tag, before) + : appendChild(parent, tag), + commitNewChildToFragmentInstances(node, parentFragmentInstances), + (viewTransitionMutationContext = !0); + else if ( 4 !== tag && (27 === tag && isSingletonScope(node.type) && (parent = node.stateNode), (node = node.child), @@ -15720,7 +15719,8 @@ else switch (finishedWork.tag) { case 3: - viewTransitionContextChanged$1 = !1; + rootViewTransitionNameCanceled = viewTransitionContextChanged$1 = + !1; pushViewTransitionCancelableScope(); recursivelyTraverseAfterMutationEffects(root, finishedWork); if ( @@ -15736,6 +15736,7 @@ finishedWork[i + 2] ); cancelRootViewTransitionName(root.containerInfo); + rootViewTransitionNameCanceled = !0; } viewTransitionCancelableChildren = null; break; @@ -16183,6 +16184,7 @@ ); inHydratedSubtree = wasInHydratedSubtree; isViewTransitionEligible && + rootViewTransitionNameCanceled && restoreRootViewTransitionName(finishedRoot.containerInfo); flags & 2048 && ((committedLanes = null), @@ -24689,12 +24691,12 @@ } return -1; } - function commitNewChildToFragmentInstance(childElement, fragmentInstance) { + function commitNewChildToFragmentInstance(childInstance, fragmentInstance) { var eventListeners = fragmentInstance._eventListeners; if (null !== eventListeners) for (var i = 0; i < eventListeners.length; i++) { var _eventListeners$i2 = eventListeners[i]; - childElement.addEventListener( + childInstance.addEventListener( _eventListeners$i2.type, _eventListeners$i2.listener, _eventListeners$i2.optionsOrUseCapture @@ -24702,7 +24704,7 @@ } null !== fragmentInstance._observers && fragmentInstance._observers.forEach(function (observer) { - observer.observe(childElement); + observer.observe(childInstance); }); } function clearContainerSparingly(container) { @@ -29732,6 +29734,7 @@ viewTransitionContextChanged$1 = !1, inUpdateViewTransition = !1, rootViewTransitionAffected = !1, + rootViewTransitionNameCanceled = !1, hostParent = null, hostParentIsContainer = !1, currentHoistableRoot = null, @@ -30668,11 +30671,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-23884812-20250520" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-8ce15b0f-20250522" !== 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-23884812-20250520\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-8ce15b0f-20250522\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30709,10 +30712,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-23884812-20250520", + version: "19.2.0-experimental-8ce15b0f-20250522", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-23884812-20250520" + reconcilerVersion: "19.2.0-experimental-8ce15b0f-20250522" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -31188,7 +31191,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-experimental-23884812-20250520"; + exports.version = "19.2.0-experimental-8ce15b0f-20250522"; "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 47b77a3e58d38..3e623ff317c5d 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 @@ -9845,11 +9845,16 @@ function commitHostUpdate(finishedWork, newProps, oldProps) { } } function commitNewChildToFragmentInstances(fiber, parentFragmentInstances) { - for (var i = 0; i < parentFragmentInstances.length; i++) - commitNewChildToFragmentInstance( - fiber.stateNode, - parentFragmentInstances[i] - ); + if ( + 5 === fiber.tag && + null === fiber.alternate && + null !== parentFragmentInstances + ) + for (var i = 0; i < parentFragmentInstances.length; i++) + commitNewChildToFragmentInstance( + fiber.stateNode, + parentFragmentInstances[i] + ); } function commitFragmentInstanceDeletionEffects(fiber) { for (var parent = fiber.return; null !== parent; ) { @@ -9909,38 +9914,35 @@ function insertOrAppendPlacementNodeIntoContainer( parentFragmentInstances ) { var tag = node.tag; - if (5 === tag || 6 === tag) { - var stateNode = node.stateNode; - before - ? ((parent = - 9 === parent.nodeType - ? parent.body - : "HTML" === parent.nodeName - ? parent.ownerDocument.body - : parent), - supportsMoveBefore && null !== stateNode.parentNode - ? parent.moveBefore(stateNode, before) - : parent.insertBefore(stateNode, before)) - : ((before = parent), - (parent = - 9 === before.nodeType - ? before.body - : "HTML" === before.nodeName - ? before.ownerDocument.body - : before), - supportsMoveBefore && null !== stateNode.parentNode - ? parent.moveBefore(stateNode, null) - : parent.appendChild(stateNode), - (stateNode = before._reactRootContainer), - (null !== stateNode && void 0 !== stateNode) || - null !== parent.onclick || - (parent.onclick = noop$1)); - 5 === tag && - null === node.alternate && - null !== parentFragmentInstances && - commitNewChildToFragmentInstances(node, parentFragmentInstances); - viewTransitionMutationContext = !0; - } else if ( + if (5 === tag || 6 === tag) + (tag = node.stateNode), + before + ? ((parent = + 9 === parent.nodeType + ? parent.body + : "HTML" === parent.nodeName + ? parent.ownerDocument.body + : parent), + supportsMoveBefore && null !== tag.parentNode + ? parent.moveBefore(tag, before) + : parent.insertBefore(tag, before)) + : ((before = parent), + (parent = + 9 === before.nodeType + ? before.body + : "HTML" === before.nodeName + ? before.ownerDocument.body + : before), + supportsMoveBefore && null !== tag.parentNode + ? parent.moveBefore(tag, null) + : parent.appendChild(tag), + (tag = before._reactRootContainer), + (null !== tag && void 0 !== tag) || + null !== parent.onclick || + (parent.onclick = noop$1)), + commitNewChildToFragmentInstances(node, parentFragmentInstances), + (viewTransitionMutationContext = !0); + else if ( 4 !== tag && (27 === tag && isSingletonScope(node.type) && @@ -9974,19 +9976,16 @@ function insertOrAppendPlacementNode( parentFragmentInstances ) { var tag = node.tag; - if (5 === tag || 6 === tag) { - var stateNode = node.stateNode; - before - ? supportsMoveBefore && null !== stateNode.parentNode - ? parent.moveBefore(stateNode, before) - : parent.insertBefore(stateNode, before) - : appendChild(parent, stateNode); - 5 === tag && - null === node.alternate && - null !== parentFragmentInstances && - commitNewChildToFragmentInstances(node, parentFragmentInstances); - viewTransitionMutationContext = !0; - } else if ( + if (5 === tag || 6 === tag) + (tag = node.stateNode), + before + ? supportsMoveBefore && null !== tag.parentNode + ? parent.moveBefore(tag, before) + : parent.insertBefore(tag, before) + : appendChild(parent, tag), + commitNewChildToFragmentInstances(node, parentFragmentInstances), + (viewTransitionMutationContext = !0); + else if ( 4 !== tag && (27 === tag && isSingletonScope(node.type) && (parent = node.stateNode), (node = node.child), @@ -10451,7 +10450,8 @@ var offscreenSubtreeIsHidden = !1, inProgressRoot = null, viewTransitionContextChanged$1 = !1, inUpdateViewTransition = !1, - rootViewTransitionAffected = !1; + rootViewTransitionAffected = !1, + rootViewTransitionNameCanceled = !1; function isHydratingParent(current, finishedWork) { return 31 === finishedWork.tag ? ((finishedWork = finishedWork.memoizedState), @@ -11914,7 +11914,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { else switch (finishedWork.tag) { case 3: - viewTransitionContextChanged$1 = !1; + rootViewTransitionNameCanceled = viewTransitionContextChanged$1 = !1; pushViewTransitionCancelableScope(); recursivelyTraverseAfterMutationEffects(root, finishedWork); if (!viewTransitionContextChanged$1 && !rootViewTransitionAffected) { @@ -11927,6 +11927,7 @@ function commitAfterMutationEffectsOnFiber(finishedWork, root) { finishedWork[i + 2] ); cancelRootViewTransitionName(root.containerInfo); + rootViewTransitionNameCanceled = !0; } viewTransitionCancelableChildren = null; break; @@ -12347,6 +12348,7 @@ function commitPassiveMountOnFiber( ); inHydratedSubtree = wasInHydratedSubtree; isViewTransitionEligible && + rootViewTransitionNameCanceled && restoreRootViewTransitionName(finishedRoot.containerInfo); flags & 2048 && ((committedLanes = null), @@ -18957,12 +18959,12 @@ function indexOfEventListener( } return -1; } -function commitNewChildToFragmentInstance(childElement, fragmentInstance) { +function commitNewChildToFragmentInstance(childInstance, fragmentInstance) { var eventListeners = fragmentInstance._eventListeners; if (null !== eventListeners) for (var i = 0; i < eventListeners.length; i++) { var _eventListeners$i3 = eventListeners[i]; - childElement.addEventListener( + childInstance.addEventListener( _eventListeners$i3.type, _eventListeners$i3.listener, _eventListeners$i3.optionsOrUseCapture @@ -18970,7 +18972,7 @@ function commitNewChildToFragmentInstance(childElement, fragmentInstance) { } null !== fragmentInstance._observers && fragmentInstance._observers.forEach(function (observer) { - observer.observe(childElement); + observer.observe(childInstance); }); } function clearContainerSparingly(container) { @@ -20803,14 +20805,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2400 = React.version; if ( - "19.2.0-experimental-23884812-20250520" !== + "19.2.0-experimental-8ce15b0f-20250522" !== isomorphicReactPackageVersion$jscomp$inline_2400 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2400, - "19.2.0-experimental-23884812-20250520" + "19.2.0-experimental-8ce15b0f-20250522" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -20832,10 +20834,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_3062 = { bundleType: 0, - version: "19.2.0-experimental-23884812-20250520", + version: "19.2.0-experimental-8ce15b0f-20250522", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-23884812-20250520" + reconcilerVersion: "19.2.0-experimental-8ce15b0f-20250522" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_3063 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -21102,7 +21104,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-experimental-23884812-20250520"; +exports.version = "19.2.0-experimental-8ce15b0f-20250522"; "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 fa38da61dfa65..6a9026e4691df 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 @@ -880,8 +880,8 @@ ? null : { update: parentViewTransition.update, - enter: null, - exit: null, + enter: "none", + exit: "none", share: parentViewTransition.update, name: parentViewTransition.autoName, autoName: parentViewTransition.autoName, @@ -924,11 +924,11 @@ ), formatContext.nameIdx++), pushStringAttribute(target, "vt-update", formatContext.update), - null !== formatContext.enter && + "none" !== formatContext.enter && pushStringAttribute(target, "vt-enter", formatContext.enter), - null !== formatContext.exit && + "none" !== formatContext.exit && pushStringAttribute(target, "vt-exit", formatContext.exit), - null !== formatContext.share && + "none" !== formatContext.share && pushStringAttribute(target, "vt-share", formatContext.share)); } function pushStyleAttribute(target, style) { @@ -6943,6 +6943,35 @@ task.componentStack = previousComponentStack; task.debugTask = previousDebugTask; } + function trackPostponedBoundary(request, trackedPostpones, boundary) { + boundary.status = POSTPONED; + boundary.rootSegmentID = request.nextSegmentId++; + request = boundary.trackedContentKeyPath; + if (null === request) + throw Error( + "It should not be possible to postpone at the root. This is a bug in React." + ); + var fallbackReplayNode = boundary.trackedFallbackNode, + children = [], + boundaryNode = trackedPostpones.workingMap.get(request); + if (void 0 === boundaryNode) + return ( + (boundary = [ + request[1], + request[2], + children, + null, + fallbackReplayNode, + boundary.rootSegmentID + ]), + trackedPostpones.workingMap.set(request, boundary), + addToReplayParent(boundary, request[0], trackedPostpones), + boundary + ); + boundaryNode[4] = fallbackReplayNode; + boundaryNode[5] = boundary.rootSegmentID; + return boundaryNode; + } function trackPostpone(request, trackedPostpones, task, segment) { segment.status = POSTPONED; var keyPath = task.keyPath, @@ -6954,51 +6983,22 @@ (request.completedRootSegment.status = POSTPONED); else { if (null !== boundary && boundary.status === PENDING) { - boundary.status = POSTPONED; - boundary.rootSegmentID = request.nextSegmentId++; - var boundaryKeyPath = boundary.trackedContentKeyPath; - if (null === boundaryKeyPath) - throw Error( - "It should not be possible to postpone at the root. This is a bug in React." - ); - var fallbackReplayNode = boundary.trackedFallbackNode, - children = []; - if (boundaryKeyPath === keyPath && -1 === task.childIndex) { + var boundaryNode = trackPostponedBoundary( + request, + trackedPostpones, + boundary + ); + if ( + boundary.trackedContentKeyPath === keyPath && + -1 === task.childIndex + ) { -1 === segment.id && (segment.id = segment.parentFlushed ? boundary.rootSegmentID : request.nextSegmentId++); - segment = [ - boundaryKeyPath[1], - boundaryKeyPath[2], - children, - segment.id, - fallbackReplayNode, - boundary.rootSegmentID - ]; - trackedPostpones.workingMap.set(boundaryKeyPath, segment); - addToReplayParent(segment, boundaryKeyPath[0], trackedPostpones); + boundaryNode[3] = segment.id; return; } - var _boundaryNode = trackedPostpones.workingMap.get(boundaryKeyPath); - void 0 === _boundaryNode - ? ((_boundaryNode = [ - boundaryKeyPath[1], - boundaryKeyPath[2], - children, - null, - fallbackReplayNode, - boundary.rootSegmentID - ]), - trackedPostpones.workingMap.set(boundaryKeyPath, _boundaryNode), - addToReplayParent( - _boundaryNode, - boundaryKeyPath[0], - trackedPostpones - )) - : ((boundaryKeyPath = _boundaryNode), - (boundaryKeyPath[4] = fallbackReplayNode), - (boundaryKeyPath[5] = boundary.rootSegmentID)); } -1 === segment.id && (segment.id = @@ -7025,15 +7025,15 @@ } else if ( ((boundary = trackedPostpones.workingMap), - (boundaryKeyPath = boundary.get(keyPath)), - void 0 === boundaryKeyPath) + (boundaryNode = boundary.get(keyPath)), + void 0 === boundaryNode) ) (request = {}), - (boundaryKeyPath = [keyPath[1], keyPath[2], [], request]), - boundary.set(keyPath, boundaryKeyPath), - addToReplayParent(boundaryKeyPath, keyPath[0], trackedPostpones); - else if (((request = boundaryKeyPath[3]), null === request)) - request = boundaryKeyPath[3] = {}; + (boundaryNode = [keyPath[1], keyPath[2], [], request]), + boundary.set(keyPath, boundaryNode), + addToReplayParent(boundaryNode, keyPath[0], trackedPostpones); + else if (((request = boundaryNode[3]), null === request)) + request = boundaryNode[3] = {}; else if ("number" === typeof request) throw Error( "It should not be possible to postpone both at the root of an element as well as a slot below. This is a bug in React." @@ -7586,45 +7586,72 @@ } request.pendingRootTasks--; 0 === request.pendingRootTasks && completeShell(request); - } else - boundary.pendingTasks--, - boundary.status !== CLIENT_RENDERED && - (0 === boundary.pendingTasks - ? (boundary.status === PENDING && (boundary.status = COMPLETED), - null !== segment && - segment.parentFlushed && - segment.status === COMPLETED && - queueCompletedSegment(boundary, segment), - boundary.parentFlushed && - request.completedBoundaries.push(boundary), - boundary.status === COMPLETED && - ((row = boundary.row), - null !== row && - hoistHoistables(row.hoistables, boundary.contentState), - 500 < boundary.byteSize || - (boundary.fallbackAbortableTasks.forEach( - abortTaskSoft, - request - ), - boundary.fallbackAbortableTasks.clear(), - null !== row && - 0 === --row.pendingTasks && - finishSuspenseListRow(request, row)), - 0 === request.pendingRootTasks && - null === request.trackedPostpones && - null !== boundary.contentPreamble && - preparePreamble(request))) - : (null !== segment && - segment.parentFlushed && - segment.status === COMPLETED && - (queueCompletedSegment(boundary, segment), - 1 === boundary.completedSegments.length && - boundary.parentFlushed && - request.partialBoundaries.push(boundary)), - (boundary = boundary.row), - null !== boundary && - boundary.together && - tryToResolveTogetherRow(request, boundary))); + } else if ((boundary.pendingTasks--, boundary.status !== CLIENT_RENDERED)) + if (0 === boundary.pendingTasks) + if ( + (boundary.status === PENDING && (boundary.status = COMPLETED), + null !== segment && + segment.parentFlushed && + segment.status === COMPLETED && + queueCompletedSegment(boundary, segment), + boundary.parentFlushed && + request.completedBoundaries.push(boundary), + boundary.status === COMPLETED) + ) + (row = boundary.row), + null !== row && + hoistHoistables(row.hoistables, boundary.contentState), + 500 < boundary.byteSize || + (boundary.fallbackAbortableTasks.forEach( + abortTaskSoft, + request + ), + boundary.fallbackAbortableTasks.clear(), + null !== row && + 0 === --row.pendingTasks && + finishSuspenseListRow(request, row)), + 0 === request.pendingRootTasks && + null === request.trackedPostpones && + null !== boundary.contentPreamble && + preparePreamble(request); + else { + if ( + boundary.status === POSTPONED && + ((boundary = boundary.row), null !== boundary) + ) { + if (null !== request.trackedPostpones) { + row = request.trackedPostpones; + var postponedRow = boundary.next; + if ( + null !== postponedRow && + ((segment = postponedRow.boundaries), null !== segment) + ) + for ( + postponedRow.boundaries = null, postponedRow = 0; + postponedRow < segment.length; + postponedRow++ + ) { + var postponedBoundary = segment[postponedRow]; + trackPostponedBoundary(request, row, postponedBoundary); + finishedTask(request, postponedBoundary, null, null); + } + } + 0 === --boundary.pendingTasks && + finishSuspenseListRow(request, boundary); + } + } + else + null !== segment && + segment.parentFlushed && + segment.status === COMPLETED && + (queueCompletedSegment(boundary, segment), + 1 === boundary.completedSegments.length && + boundary.parentFlushed && + request.partialBoundaries.push(boundary)), + (boundary = boundary.row), + null !== boundary && + boundary.together && + tryToResolveTogetherRow(request, boundary); 0 === request.allPendingTasks && completeAll(request); } function performWork(request$jscomp$1) { @@ -10004,9 +10031,9 @@ completeSegmentData2 = '" data-pid="', completeSegmentDataEnd = '">', completeBoundaryScriptFunctionOnly = - '$RB=[];$RV=function(){$RT=performance.now();var d=$RB;$RB=[];for(var a=0;a" )); bootstrapScriptContent = idPrefix + "P:"; - var JSCompiler_object_inline_segmentPrefix_1851 = idPrefix + "S:"; + var JSCompiler_object_inline_segmentPrefix_1859 = idPrefix + "S:"; idPrefix += "B:"; - var JSCompiler_object_inline_preconnects_1864 = new Set(), - JSCompiler_object_inline_fontPreloads_1865 = new Set(), - JSCompiler_object_inline_highImagePreloads_1866 = new Set(), - JSCompiler_object_inline_styles_1867 = new Map(), - JSCompiler_object_inline_bootstrapScripts_1868 = new Set(), - JSCompiler_object_inline_scripts_1869 = new Set(), - JSCompiler_object_inline_bulkPreloads_1870 = new Set(), - JSCompiler_object_inline_preloads_1871 = { + var JSCompiler_object_inline_preconnects_1872 = new Set(), + JSCompiler_object_inline_fontPreloads_1873 = new Set(), + JSCompiler_object_inline_highImagePreloads_1874 = new Set(), + JSCompiler_object_inline_styles_1875 = new Map(), + JSCompiler_object_inline_bootstrapScripts_1876 = new Set(), + JSCompiler_object_inline_scripts_1877 = new Set(), + JSCompiler_object_inline_bulkPreloads_1878 = new Set(), + JSCompiler_object_inline_preloads_1879 = { images: new Map(), stylesheets: new Map(), scripts: new Map(), @@ -2983,7 +2983,7 @@ function createRenderState(resumableState, generateStaticMarkup) { scriptConfig.moduleScriptResources[href] = null; scriptConfig = []; pushLinkImpl(scriptConfig, props); - JSCompiler_object_inline_bootstrapScripts_1868.add(scriptConfig); + JSCompiler_object_inline_bootstrapScripts_1876.add(scriptConfig); bootstrapChunks.push('