diff --git a/package.json b/package.json index 719c59ed31406..f7091ccdc70b6 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-14094f80-20250529", + "react-builtin": "npm:react@19.2.0-canary-b4477d38-20250605", "react-dom": "19.0.0", - "react-dom-builtin": "npm:react-dom@19.2.0-canary-14094f80-20250529", - "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-14094f80-20250529", - "react-experimental-builtin": "npm:react@0.0.0-experimental-14094f80-20250529", - "react-is-builtin": "npm:react-is@19.2.0-canary-14094f80-20250529", - "react-server-dom-turbopack": "19.2.0-canary-14094f80-20250529", - "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-14094f80-20250529", - "react-server-dom-webpack": "19.2.0-canary-14094f80-20250529", - "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-14094f80-20250529", + "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-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-14094f80-20250529", - "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-14094f80-20250529", + "scheduler-builtin": "npm:scheduler@0.27.0-canary-b4477d38-20250605", + "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-b4477d38-20250605", "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-14094f80-20250529", - "react-dom": "19.2.0-canary-14094f80-20250529", - "react-is": "19.2.0-canary-14094f80-20250529", - "scheduler": "0.27.0-canary-14094f80-20250529" + "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" }, "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 d3160b129c1e8..5fe7e9a72fe86 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 @@ -3822,7 +3822,7 @@ if (null !== instance.autoName) return instance.autoName; props = pendingEffectsRoot.identifierPrefix; var globalClientId = globalClientIdCounter$1++; - props = "\u00ab" + props + "t" + globalClientId.toString(32) + "\u00bb"; + props = "_" + props + "t_" + globalClientId.toString(32) + "_"; return (instance.autoName = props); } function getClassNameByType(classByType) { @@ -7257,7 +7257,10 @@ return node; } else if ( 19 === node.tag && - void 0 !== node.memoizedProps.revealOrder + ("forwards" === node.memoizedProps.revealOrder || + "backwards" === node.memoizedProps.revealOrder || + "unstable_legacy-backwards" === node.memoizedProps.revealOrder || + "together" === node.memoizedProps.revealOrder) ) { if (0 !== (node.flags & 128)) return node; } else if (null !== node.child) { @@ -8814,14 +8817,14 @@ ( idWithLeadingBit & ~(1 << (32 - clz32(idWithLeadingBit) - 1)) ).toString(32) + treeId; - identifierPrefix = "\u00ab" + identifierPrefix + "R" + treeId; + identifierPrefix = "_" + identifierPrefix + "R_" + treeId; treeId = localIdCounter++; 0 < treeId && (identifierPrefix += "H" + treeId.toString(32)); - identifierPrefix += "\u00bb"; + identifierPrefix += "_"; } else (treeId = globalClientIdCounter++), (identifierPrefix = - "\u00ab" + identifierPrefix + "r" + treeId.toString(32) + "\u00bb"); + "_" + identifierPrefix + "r_" + treeId.toString(32) + "_"); return (hook.memoizedState = identifierPrefix); } function mountRefresh() { @@ -10479,25 +10482,25 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_3143; - var JSCompiler_object_inline_stack_3142 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_3145; + var JSCompiler_object_inline_stack_3144 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_digest_3141 = !1; + var JSCompiler_object_inline_digest_3143 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_3143 = didSuspend) || - (JSCompiler_object_inline_componentStack_3143 = + (JSCompiler_object_inline_componentStack_3145 = didSuspend) || + (JSCompiler_object_inline_componentStack_3145 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_3143 && - ((JSCompiler_object_inline_digest_3141 = !0), + JSCompiler_object_inline_componentStack_3145 && + ((JSCompiler_object_inline_digest_3143 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_3143 = + JSCompiler_object_inline_componentStack_3145 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_digest_3141 + JSCompiler_object_inline_digest_3143 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (current = nextHydratableInstance) @@ -10510,20 +10513,20 @@ ? renderLanes : null), null !== renderLanes && - ((JSCompiler_object_inline_componentStack_3143 = { + ((JSCompiler_object_inline_componentStack_3145 = { dehydrated: renderLanes, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_componentStack_3143), - (JSCompiler_object_inline_componentStack_3143 = + JSCompiler_object_inline_componentStack_3145), + (JSCompiler_object_inline_componentStack_3145 = createFiberFromDehydratedFragment(renderLanes)), - (JSCompiler_object_inline_componentStack_3143.return = + (JSCompiler_object_inline_componentStack_3145.return = workInProgress), (workInProgress.child = - JSCompiler_object_inline_componentStack_3143), + JSCompiler_object_inline_componentStack_3145), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (renderLanes = null); @@ -10537,12 +10540,12 @@ : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_3142.children, - nextFallbackChildren = JSCompiler_object_inline_stack_3142.fallback; - if (JSCompiler_object_inline_digest_3141) + var nextPrimaryChildren = JSCompiler_object_inline_stack_3144.children, + nextFallbackChildren = JSCompiler_object_inline_stack_3144.fallback; + if (JSCompiler_object_inline_digest_3143) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_3142 = + (JSCompiler_object_inline_stack_3144 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10554,19 +10557,19 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3143, + JSCompiler_object_inline_componentStack_3145, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_3142 + JSCompiler_object_inline_stack_3144 ); if ( "number" === - typeof JSCompiler_object_inline_stack_3142.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_3144.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_3142 = + (JSCompiler_object_inline_stack_3144 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10578,12 +10581,12 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3143, + JSCompiler_object_inline_componentStack_3145, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_3142 + JSCompiler_object_inline_stack_3144 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( @@ -10593,8 +10596,8 @@ } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_message_3140 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_message_3140) { + var JSCompiler_object_inline_message_3142 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_message_3142) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -10611,13 +10614,13 @@ (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_3142.fallback), + JSCompiler_object_inline_stack_3144.fallback), (nextFallbackChildren = workInProgress.mode), - (JSCompiler_object_inline_stack_3142 = + (JSCompiler_object_inline_stack_3144 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_3142.children + children: JSCompiler_object_inline_stack_3144.children }, nextFallbackChildren )), @@ -10628,24 +10631,24 @@ null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_3142.return = workInProgress), + (JSCompiler_object_inline_stack_3144.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3142.sibling = + (JSCompiler_object_inline_stack_3144.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3142), + (workInProgress.child = JSCompiler_object_inline_stack_3144), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_3142 = workInProgress.child), - (JSCompiler_object_inline_stack_3142.memoizedState = + (JSCompiler_object_inline_stack_3144 = workInProgress.child), + (JSCompiler_object_inline_stack_3144.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3142.childLanes = + (JSCompiler_object_inline_stack_3144.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3143, + JSCompiler_object_inline_componentStack_3145, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -10653,48 +10656,48 @@ else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_3140)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_3142)) ) { - JSCompiler_object_inline_componentStack_3143 = - JSCompiler_object_inline_message_3140.nextSibling && - JSCompiler_object_inline_message_3140.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_3143) { + JSCompiler_object_inline_componentStack_3145 = + JSCompiler_object_inline_message_3142.nextSibling && + JSCompiler_object_inline_message_3142.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_3145) { nextPrimaryChildren = - JSCompiler_object_inline_componentStack_3143.dgst; - var message = JSCompiler_object_inline_componentStack_3143.msg; + JSCompiler_object_inline_componentStack_3145.dgst; + var message = JSCompiler_object_inline_componentStack_3145.msg; nextFallbackChildren = - JSCompiler_object_inline_componentStack_3143.stck; + JSCompiler_object_inline_componentStack_3145.stck; var componentStack = - JSCompiler_object_inline_componentStack_3143.cstck; + JSCompiler_object_inline_componentStack_3145.cstck; } - JSCompiler_object_inline_message_3140 = message; - JSCompiler_object_inline_digest_3141 = nextPrimaryChildren; - JSCompiler_object_inline_stack_3142 = nextFallbackChildren; - JSCompiler_object_inline_componentStack_3143 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_digest_3141; - nextFallbackChildren = JSCompiler_object_inline_message_3140; - componentStack = JSCompiler_object_inline_componentStack_3143; + JSCompiler_object_inline_message_3142 = message; + JSCompiler_object_inline_digest_3143 = nextPrimaryChildren; + JSCompiler_object_inline_stack_3144 = nextFallbackChildren; + JSCompiler_object_inline_componentStack_3145 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_digest_3143; + nextFallbackChildren = JSCompiler_object_inline_message_3142; + componentStack = JSCompiler_object_inline_componentStack_3145; "POSTPONE" !== nextPrimaryChildren && - ((JSCompiler_object_inline_componentStack_3143 = + ((JSCompiler_object_inline_componentStack_3145 = nextFallbackChildren ? Error(nextFallbackChildren) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." )), - (JSCompiler_object_inline_componentStack_3143.stack = - JSCompiler_object_inline_stack_3142 || ""), - (JSCompiler_object_inline_componentStack_3143.digest = + (JSCompiler_object_inline_componentStack_3145.stack = + JSCompiler_object_inline_stack_3144 || ""), + (JSCompiler_object_inline_componentStack_3145.digest = nextPrimaryChildren), - (JSCompiler_object_inline_stack_3142 = + (JSCompiler_object_inline_stack_3144 = void 0 === componentStack ? null : componentStack), (nextPrimaryChildren = { - value: JSCompiler_object_inline_componentStack_3143, + value: JSCompiler_object_inline_componentStack_3145, source: null, - stack: JSCompiler_object_inline_stack_3142 + stack: JSCompiler_object_inline_stack_3144 }), - "string" === typeof JSCompiler_object_inline_stack_3142 && + "string" === typeof JSCompiler_object_inline_stack_3144 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_3143, + JSCompiler_object_inline_componentStack_3145, nextPrimaryChildren ), queueHydrationError(nextPrimaryChildren)); @@ -10711,34 +10714,34 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_3143 = + (JSCompiler_object_inline_componentStack_3145 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_3143) + didReceiveUpdate || JSCompiler_object_inline_componentStack_3145) ) { - JSCompiler_object_inline_componentStack_3143 = workInProgressRoot; + JSCompiler_object_inline_componentStack_3145 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_3143 && - ((JSCompiler_object_inline_stack_3142 = getBumpedLaneForHydration( - JSCompiler_object_inline_componentStack_3143, + null !== JSCompiler_object_inline_componentStack_3145 && + ((JSCompiler_object_inline_stack_3144 = getBumpedLaneForHydration( + JSCompiler_object_inline_componentStack_3145, renderLanes )), - 0 !== JSCompiler_object_inline_stack_3142 && - JSCompiler_object_inline_stack_3142 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_3144 && + JSCompiler_object_inline_stack_3144 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_3142), + ((prevState.retryLane = JSCompiler_object_inline_stack_3144), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_3142 + JSCompiler_object_inline_stack_3144 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_3143, + JSCompiler_object_inline_componentStack_3145, current, - JSCompiler_object_inline_stack_3142 + JSCompiler_object_inline_stack_3144 ), SelectiveHydrationException) ); - isSuspenseInstancePending(JSCompiler_object_inline_message_3140) || + isSuspenseInstancePending(JSCompiler_object_inline_message_3142) || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10746,13 +10749,13 @@ renderLanes ); } else - isSuspenseInstancePending(JSCompiler_object_inline_message_3140) + isSuspenseInstancePending(JSCompiler_object_inline_message_3142) ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_3140.nextSibling + JSCompiler_object_inline_message_3142.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10764,31 +10767,31 @@ restoreSuspendedTreeContext(workInProgress, current), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_3142.children + JSCompiler_object_inline_stack_3144.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_digest_3141) + if (JSCompiler_object_inline_digest_3143) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_3142.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_3144.fallback), (nextFallbackChildren = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_message_3140 = componentStack.sibling), - (JSCompiler_object_inline_stack_3142 = createWorkInProgress( + (JSCompiler_object_inline_message_3142 = componentStack.sibling), + (JSCompiler_object_inline_stack_3144 = createWorkInProgress( componentStack, { mode: "hidden", - children: JSCompiler_object_inline_stack_3142.children + children: JSCompiler_object_inline_stack_3144.children } )), - (JSCompiler_object_inline_stack_3142.subtreeFlags = + (JSCompiler_object_inline_stack_3144.subtreeFlags = componentStack.subtreeFlags & 65011712), - null !== JSCompiler_object_inline_message_3140 + null !== JSCompiler_object_inline_message_3142 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_message_3140, + JSCompiler_object_inline_message_3142, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -10799,24 +10802,24 @@ )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3142.return = workInProgress), - (JSCompiler_object_inline_stack_3142.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3142), - (JSCompiler_object_inline_stack_3142 = nextPrimaryChildren), + (JSCompiler_object_inline_stack_3144.return = workInProgress), + (JSCompiler_object_inline_stack_3144.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_3144), + (JSCompiler_object_inline_stack_3144 = nextPrimaryChildren), (nextPrimaryChildren = workInProgress.child), (nextFallbackChildren = current.child.memoizedState), null === nextFallbackChildren ? (nextFallbackChildren = mountSuspenseOffscreenState(renderLanes)) : ((componentStack = nextFallbackChildren.cachePool), null !== componentStack - ? ((JSCompiler_object_inline_message_3140 = + ? ((JSCompiler_object_inline_message_3142 = CacheContext._currentValue), (componentStack = componentStack.parent !== - JSCompiler_object_inline_message_3140 + JSCompiler_object_inline_message_3142 ? { - parent: JSCompiler_object_inline_message_3140, - pool: JSCompiler_object_inline_message_3140 + parent: JSCompiler_object_inline_message_3142, + pool: JSCompiler_object_inline_message_3142 } : componentStack)) : (componentStack = getSuspendedCache()), @@ -10827,28 +10830,28 @@ (nextPrimaryChildren.memoizedState = nextFallbackChildren), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3143, + JSCompiler_object_inline_componentStack_3145, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_3142 + JSCompiler_object_inline_stack_3144 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_3142.children + children: JSCompiler_object_inline_stack_3144.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_3143 = + ((JSCompiler_object_inline_componentStack_3145 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_3143 + null === JSCompiler_object_inline_componentStack_3145 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_3143.push(current)); + : JSCompiler_object_inline_componentStack_3145.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -10957,21 +10960,30 @@ (workInProgress.flags |= 128)) : (suspenseContext &= SubtreeSuspenseContextMask); push(suspenseStackCursor, suspenseContext, workInProgress); + suspenseContext = null == revealOrder ? "null" : revealOrder; if ( - void 0 !== revealOrder && "forwards" !== revealOrder && - "backwards" !== revealOrder && + "unstable_legacy-backwards" !== revealOrder && "together" !== revealOrder && - !didWarnAboutRevealOrder[revealOrder] + "independent" !== revealOrder && + !didWarnAboutRevealOrder[suspenseContext] ) if ( - ((didWarnAboutRevealOrder[revealOrder] = !0), - "string" === typeof revealOrder) + ((didWarnAboutRevealOrder[suspenseContext] = !0), null == revealOrder) ) + console.error( + 'The default for the prop is changing. To be future compatible you must explictly specify either "independent" (the current default), "together", "forwards" or "legacy_unstable-backwards".' + ); + else if ("backwards" === revealOrder) + console.error( + 'The rendering order of is changing. To be future compatible you must specify revealOrder="legacy_unstable-backwards" instead.' + ); + else if ("string" === typeof revealOrder) switch (revealOrder.toLowerCase()) { case "together": case "forwards": case "backwards": + case "independent": console.error( '"%s" is not a valid value for revealOrder on . Use lowercase "%s" instead.', revealOrder, @@ -10988,32 +11000,48 @@ break; default: console.error( - '"%s" is not a supported revealOrder on . Did you mean "together", "forwards" or "backwards"?', + '"%s" is not a supported revealOrder on . Did you mean "independent", "together", "forwards" or "backwards"?', revealOrder ); } else console.error( - '%s is not a supported value for revealOrder on . Did you mean "together", "forwards" or "backwards"?', + '%s is not a supported value for revealOrder on . Did you mean "independent", "together", "forwards" or "backwards"?', revealOrder ); - void 0 === tailMode || - didWarnAboutTailOptions[tailMode] || - ("collapsed" !== tailMode && "hidden" !== tailMode - ? ((didWarnAboutTailOptions[tailMode] = !0), - console.error( - '"%s" is not a supported value for tail on . Did you mean "collapsed" or "hidden"?', - tailMode - )) - : "forwards" !== revealOrder && - "backwards" !== revealOrder && - ((didWarnAboutTailOptions[tailMode] = !0), - console.error( - ' is only valid if revealOrder is "forwards" or "backwards". Did you mean to specify revealOrder="forwards"?', - tailMode - ))); + suspenseContext = null == tailMode ? "null" : tailMode; + if (!didWarnAboutTailOptions[suspenseContext]) + if (null == tailMode) { + if ( + "forwards" === revealOrder || + "backwards" === revealOrder || + "unstable_legacy-backwards" === revealOrder + ) + (didWarnAboutTailOptions[suspenseContext] = !0), + console.error( + 'The default for the prop is changing. To be future compatible you must explictly specify either "visible" (the current default), "collapsed" or "hidden".' + ); + } else + "visible" !== tailMode && + "collapsed" !== tailMode && + "hidden" !== tailMode + ? ((didWarnAboutTailOptions[suspenseContext] = !0), + console.error( + '"%s" is not a supported value for tail on . Did you mean "visible", "collapsed" or "hidden"?', + tailMode + )) + : "forwards" !== revealOrder && + "backwards" !== revealOrder && + "unstable_legacy-backwards" !== revealOrder && + ((didWarnAboutTailOptions[suspenseContext] = !0), + console.error( + ' is only valid if revealOrder is "forwards" or "backwards". Did you mean to specify revealOrder="forwards"?', + tailMode + )); a: if ( - ("forwards" === revealOrder || "backwards" === revealOrder) && + ("forwards" === revealOrder || + "backwards" === revealOrder || + "unstable_legacy-backwards" === revealOrder) && void 0 !== nextProps && null !== nextProps && !1 !== nextProps @@ -11111,6 +11139,7 @@ ); break; case "backwards": + case "unstable_legacy-backwards": renderLanes = null; revealOrder = workInProgress.child; for (workInProgress.child = null; null !== revealOrder; ) { @@ -30602,11 +30631,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-14094f80-20250529" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-b4477d38-20250605" !== 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-14094f80-20250529\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-b4477d38-20250605\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30643,10 +30672,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-14094f80-20250529", + version: "19.2.0-experimental-b4477d38-20250605", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-14094f80-20250529" + reconcilerVersion: "19.2.0-experimental-b4477d38-20250605" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -30792,7 +30821,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.2.0-experimental-14094f80-20250529"; + exports.version = "19.2.0-experimental-b4477d38-20250605"; "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 7469384ddefc0..b109614853ee4 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 @@ -2381,7 +2381,7 @@ function getViewTransitionName(props, instance) { if (null !== instance.autoName) return instance.autoName; props = pendingEffectsRoot.identifierPrefix; var globalClientId = globalClientIdCounter$1++; - props = "\u00ab" + props + "t" + globalClientId.toString(32) + "\u00bb"; + props = "_" + props + "t_" + globalClientId.toString(32) + "_"; return (instance.autoName = props); } function getClassNameByType(classByType) { @@ -4610,7 +4610,13 @@ function findFirstSuspended(row) { isSuspenseInstanceFallback(state)) ) return node; - } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) { + } else if ( + 19 === node.tag && + ("forwards" === node.memoizedProps.revealOrder || + "backwards" === node.memoizedProps.revealOrder || + "unstable_legacy-backwards" === node.memoizedProps.revealOrder || + "together" === node.memoizedProps.revealOrder) + ) { if (0 !== (node.flags & 128)) return node; } else if (null !== node.child) { node.child.return = node; @@ -6002,19 +6008,19 @@ var HooksDispatcherOnMount = { idWithLeadingBit & ~(1 << (32 - clz32(idWithLeadingBit) - 1)) ).toString(32) + JSCompiler_inline_result; identifierPrefix = - "\u00ab" + identifierPrefix + "R" + JSCompiler_inline_result; + "_" + identifierPrefix + "R_" + JSCompiler_inline_result; JSCompiler_inline_result = localIdCounter++; 0 < JSCompiler_inline_result && (identifierPrefix += "H" + JSCompiler_inline_result.toString(32)); - identifierPrefix += "\u00bb"; + identifierPrefix += "_"; } else (JSCompiler_inline_result = globalClientIdCounter++), (identifierPrefix = - "\u00ab" + + "_" + identifierPrefix + - "r" + + "r_" + JSCompiler_inline_result.toString(32) + - "\u00bb"); + "_"); return (hook.memoizedState = identifierPrefix); }, useHostTransitionStatus: useHostTransitionStatus, @@ -7532,6 +7538,7 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) { ); break; case "backwards": + case "unstable_legacy-backwards": renderLanes = null; revealOrder = workInProgress.child; for (workInProgress.child = null; null !== revealOrder; ) { @@ -19132,14 +19139,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2180 = React.version; if ( - "19.2.0-experimental-14094f80-20250529" !== + "19.2.0-experimental-b4477d38-20250605" !== isomorphicReactPackageVersion$jscomp$inline_2180 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2180, - "19.2.0-experimental-14094f80-20250529" + "19.2.0-experimental-b4477d38-20250605" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -19161,10 +19168,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_2865 = { bundleType: 0, - version: "19.2.0-experimental-14094f80-20250529", + version: "19.2.0-experimental-b4477d38-20250605", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-14094f80-20250529" + reconcilerVersion: "19.2.0-experimental-b4477d38-20250605" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2866 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -19271,4 +19278,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.2.0-experimental-14094f80-20250529"; +exports.version = "19.2.0-experimental-b4477d38-20250605"; 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 88fa22602e6db..1c8f5008cee6b 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 @@ -3830,7 +3830,7 @@ if (null !== instance.autoName) return instance.autoName; props = pendingEffectsRoot.identifierPrefix; var globalClientId = globalClientIdCounter$1++; - props = "\u00ab" + props + "t" + globalClientId.toString(32) + "\u00bb"; + props = "_" + props + "t_" + globalClientId.toString(32) + "_"; return (instance.autoName = props); } function getClassNameByType(classByType) { @@ -7265,7 +7265,10 @@ return node; } else if ( 19 === node.tag && - void 0 !== node.memoizedProps.revealOrder + ("forwards" === node.memoizedProps.revealOrder || + "backwards" === node.memoizedProps.revealOrder || + "unstable_legacy-backwards" === node.memoizedProps.revealOrder || + "together" === node.memoizedProps.revealOrder) ) { if (0 !== (node.flags & 128)) return node; } else if (null !== node.child) { @@ -8822,14 +8825,14 @@ ( idWithLeadingBit & ~(1 << (32 - clz32(idWithLeadingBit) - 1)) ).toString(32) + treeId; - identifierPrefix = "\u00ab" + identifierPrefix + "R" + treeId; + identifierPrefix = "_" + identifierPrefix + "R_" + treeId; treeId = localIdCounter++; 0 < treeId && (identifierPrefix += "H" + treeId.toString(32)); - identifierPrefix += "\u00bb"; + identifierPrefix += "_"; } else (treeId = globalClientIdCounter++), (identifierPrefix = - "\u00ab" + identifierPrefix + "r" + treeId.toString(32) + "\u00bb"); + "_" + identifierPrefix + "r_" + treeId.toString(32) + "_"); return (hook.memoizedState = identifierPrefix); } function mountRefresh() { @@ -10487,25 +10490,25 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_3148; - var JSCompiler_object_inline_stack_3147 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_3150; + var JSCompiler_object_inline_stack_3149 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_digest_3146 = !1; + var JSCompiler_object_inline_digest_3148 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_3148 = didSuspend) || - (JSCompiler_object_inline_componentStack_3148 = + (JSCompiler_object_inline_componentStack_3150 = didSuspend) || + (JSCompiler_object_inline_componentStack_3150 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_3148 && - ((JSCompiler_object_inline_digest_3146 = !0), + JSCompiler_object_inline_componentStack_3150 && + ((JSCompiler_object_inline_digest_3148 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_3148 = + JSCompiler_object_inline_componentStack_3150 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_digest_3146 + JSCompiler_object_inline_digest_3148 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (current = nextHydratableInstance) @@ -10518,20 +10521,20 @@ ? renderLanes : null), null !== renderLanes && - ((JSCompiler_object_inline_componentStack_3148 = { + ((JSCompiler_object_inline_componentStack_3150 = { dehydrated: renderLanes, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_componentStack_3148), - (JSCompiler_object_inline_componentStack_3148 = + JSCompiler_object_inline_componentStack_3150), + (JSCompiler_object_inline_componentStack_3150 = createFiberFromDehydratedFragment(renderLanes)), - (JSCompiler_object_inline_componentStack_3148.return = + (JSCompiler_object_inline_componentStack_3150.return = workInProgress), (workInProgress.child = - JSCompiler_object_inline_componentStack_3148), + JSCompiler_object_inline_componentStack_3150), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (renderLanes = null); @@ -10545,12 +10548,12 @@ : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_3147.children, - nextFallbackChildren = JSCompiler_object_inline_stack_3147.fallback; - if (JSCompiler_object_inline_digest_3146) + var nextPrimaryChildren = JSCompiler_object_inline_stack_3149.children, + nextFallbackChildren = JSCompiler_object_inline_stack_3149.fallback; + if (JSCompiler_object_inline_digest_3148) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_3147 = + (JSCompiler_object_inline_stack_3149 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10562,19 +10565,19 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3148, + JSCompiler_object_inline_componentStack_3150, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_3147 + JSCompiler_object_inline_stack_3149 ); if ( "number" === - typeof JSCompiler_object_inline_stack_3147.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_3149.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_3147 = + (JSCompiler_object_inline_stack_3149 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10586,12 +10589,12 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3148, + JSCompiler_object_inline_componentStack_3150, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_3147 + JSCompiler_object_inline_stack_3149 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( @@ -10601,8 +10604,8 @@ } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_message_3145 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_message_3145) { + var JSCompiler_object_inline_message_3147 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_message_3147) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -10619,13 +10622,13 @@ (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_3147.fallback), + JSCompiler_object_inline_stack_3149.fallback), (nextFallbackChildren = workInProgress.mode), - (JSCompiler_object_inline_stack_3147 = + (JSCompiler_object_inline_stack_3149 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_3147.children + children: JSCompiler_object_inline_stack_3149.children }, nextFallbackChildren )), @@ -10636,24 +10639,24 @@ null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_3147.return = workInProgress), + (JSCompiler_object_inline_stack_3149.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3147.sibling = + (JSCompiler_object_inline_stack_3149.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3147), + (workInProgress.child = JSCompiler_object_inline_stack_3149), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_3147 = workInProgress.child), - (JSCompiler_object_inline_stack_3147.memoizedState = + (JSCompiler_object_inline_stack_3149 = workInProgress.child), + (JSCompiler_object_inline_stack_3149.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3147.childLanes = + (JSCompiler_object_inline_stack_3149.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3148, + JSCompiler_object_inline_componentStack_3150, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -10661,48 +10664,48 @@ else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_3145)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_3147)) ) { - JSCompiler_object_inline_componentStack_3148 = - JSCompiler_object_inline_message_3145.nextSibling && - JSCompiler_object_inline_message_3145.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_3148) { + JSCompiler_object_inline_componentStack_3150 = + JSCompiler_object_inline_message_3147.nextSibling && + JSCompiler_object_inline_message_3147.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_3150) { nextPrimaryChildren = - JSCompiler_object_inline_componentStack_3148.dgst; - var message = JSCompiler_object_inline_componentStack_3148.msg; + JSCompiler_object_inline_componentStack_3150.dgst; + var message = JSCompiler_object_inline_componentStack_3150.msg; nextFallbackChildren = - JSCompiler_object_inline_componentStack_3148.stck; + JSCompiler_object_inline_componentStack_3150.stck; var componentStack = - JSCompiler_object_inline_componentStack_3148.cstck; + JSCompiler_object_inline_componentStack_3150.cstck; } - JSCompiler_object_inline_message_3145 = message; - JSCompiler_object_inline_digest_3146 = nextPrimaryChildren; - JSCompiler_object_inline_stack_3147 = nextFallbackChildren; - JSCompiler_object_inline_componentStack_3148 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_digest_3146; - nextFallbackChildren = JSCompiler_object_inline_message_3145; - componentStack = JSCompiler_object_inline_componentStack_3148; + JSCompiler_object_inline_message_3147 = message; + JSCompiler_object_inline_digest_3148 = nextPrimaryChildren; + JSCompiler_object_inline_stack_3149 = nextFallbackChildren; + JSCompiler_object_inline_componentStack_3150 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_digest_3148; + nextFallbackChildren = JSCompiler_object_inline_message_3147; + componentStack = JSCompiler_object_inline_componentStack_3150; "POSTPONE" !== nextPrimaryChildren && - ((JSCompiler_object_inline_componentStack_3148 = + ((JSCompiler_object_inline_componentStack_3150 = nextFallbackChildren ? Error(nextFallbackChildren) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." )), - (JSCompiler_object_inline_componentStack_3148.stack = - JSCompiler_object_inline_stack_3147 || ""), - (JSCompiler_object_inline_componentStack_3148.digest = + (JSCompiler_object_inline_componentStack_3150.stack = + JSCompiler_object_inline_stack_3149 || ""), + (JSCompiler_object_inline_componentStack_3150.digest = nextPrimaryChildren), - (JSCompiler_object_inline_stack_3147 = + (JSCompiler_object_inline_stack_3149 = void 0 === componentStack ? null : componentStack), (nextPrimaryChildren = { - value: JSCompiler_object_inline_componentStack_3148, + value: JSCompiler_object_inline_componentStack_3150, source: null, - stack: JSCompiler_object_inline_stack_3147 + stack: JSCompiler_object_inline_stack_3149 }), - "string" === typeof JSCompiler_object_inline_stack_3147 && + "string" === typeof JSCompiler_object_inline_stack_3149 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_3148, + JSCompiler_object_inline_componentStack_3150, nextPrimaryChildren ), queueHydrationError(nextPrimaryChildren)); @@ -10719,34 +10722,34 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_3148 = + (JSCompiler_object_inline_componentStack_3150 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_3148) + didReceiveUpdate || JSCompiler_object_inline_componentStack_3150) ) { - JSCompiler_object_inline_componentStack_3148 = workInProgressRoot; + JSCompiler_object_inline_componentStack_3150 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_3148 && - ((JSCompiler_object_inline_stack_3147 = getBumpedLaneForHydration( - JSCompiler_object_inline_componentStack_3148, + null !== JSCompiler_object_inline_componentStack_3150 && + ((JSCompiler_object_inline_stack_3149 = getBumpedLaneForHydration( + JSCompiler_object_inline_componentStack_3150, renderLanes )), - 0 !== JSCompiler_object_inline_stack_3147 && - JSCompiler_object_inline_stack_3147 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_3149 && + JSCompiler_object_inline_stack_3149 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_3147), + ((prevState.retryLane = JSCompiler_object_inline_stack_3149), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_3147 + JSCompiler_object_inline_stack_3149 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_3148, + JSCompiler_object_inline_componentStack_3150, current, - JSCompiler_object_inline_stack_3147 + JSCompiler_object_inline_stack_3149 ), SelectiveHydrationException) ); - isSuspenseInstancePending(JSCompiler_object_inline_message_3145) || + isSuspenseInstancePending(JSCompiler_object_inline_message_3147) || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10754,13 +10757,13 @@ renderLanes ); } else - isSuspenseInstancePending(JSCompiler_object_inline_message_3145) + isSuspenseInstancePending(JSCompiler_object_inline_message_3147) ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_3145.nextSibling + JSCompiler_object_inline_message_3147.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10772,31 +10775,31 @@ restoreSuspendedTreeContext(workInProgress, current), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_3147.children + JSCompiler_object_inline_stack_3149.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_digest_3146) + if (JSCompiler_object_inline_digest_3148) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_3147.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_3149.fallback), (nextFallbackChildren = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_message_3145 = componentStack.sibling), - (JSCompiler_object_inline_stack_3147 = createWorkInProgress( + (JSCompiler_object_inline_message_3147 = componentStack.sibling), + (JSCompiler_object_inline_stack_3149 = createWorkInProgress( componentStack, { mode: "hidden", - children: JSCompiler_object_inline_stack_3147.children + children: JSCompiler_object_inline_stack_3149.children } )), - (JSCompiler_object_inline_stack_3147.subtreeFlags = + (JSCompiler_object_inline_stack_3149.subtreeFlags = componentStack.subtreeFlags & 65011712), - null !== JSCompiler_object_inline_message_3145 + null !== JSCompiler_object_inline_message_3147 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_message_3145, + JSCompiler_object_inline_message_3147, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -10807,24 +10810,24 @@ )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3147.return = workInProgress), - (JSCompiler_object_inline_stack_3147.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3147), - (JSCompiler_object_inline_stack_3147 = nextPrimaryChildren), + (JSCompiler_object_inline_stack_3149.return = workInProgress), + (JSCompiler_object_inline_stack_3149.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_3149), + (JSCompiler_object_inline_stack_3149 = nextPrimaryChildren), (nextPrimaryChildren = workInProgress.child), (nextFallbackChildren = current.child.memoizedState), null === nextFallbackChildren ? (nextFallbackChildren = mountSuspenseOffscreenState(renderLanes)) : ((componentStack = nextFallbackChildren.cachePool), null !== componentStack - ? ((JSCompiler_object_inline_message_3145 = + ? ((JSCompiler_object_inline_message_3147 = CacheContext._currentValue), (componentStack = componentStack.parent !== - JSCompiler_object_inline_message_3145 + JSCompiler_object_inline_message_3147 ? { - parent: JSCompiler_object_inline_message_3145, - pool: JSCompiler_object_inline_message_3145 + parent: JSCompiler_object_inline_message_3147, + pool: JSCompiler_object_inline_message_3147 } : componentStack)) : (componentStack = getSuspendedCache()), @@ -10835,28 +10838,28 @@ (nextPrimaryChildren.memoizedState = nextFallbackChildren), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3148, + JSCompiler_object_inline_componentStack_3150, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_3147 + JSCompiler_object_inline_stack_3149 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_3147.children + children: JSCompiler_object_inline_stack_3149.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_3148 = + ((JSCompiler_object_inline_componentStack_3150 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_3148 + null === JSCompiler_object_inline_componentStack_3150 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_3148.push(current)); + : JSCompiler_object_inline_componentStack_3150.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -10965,21 +10968,30 @@ (workInProgress.flags |= 128)) : (suspenseContext &= SubtreeSuspenseContextMask); push(suspenseStackCursor, suspenseContext, workInProgress); + suspenseContext = null == revealOrder ? "null" : revealOrder; if ( - void 0 !== revealOrder && "forwards" !== revealOrder && - "backwards" !== revealOrder && + "unstable_legacy-backwards" !== revealOrder && "together" !== revealOrder && - !didWarnAboutRevealOrder[revealOrder] + "independent" !== revealOrder && + !didWarnAboutRevealOrder[suspenseContext] ) if ( - ((didWarnAboutRevealOrder[revealOrder] = !0), - "string" === typeof revealOrder) + ((didWarnAboutRevealOrder[suspenseContext] = !0), null == revealOrder) ) + console.error( + 'The default for the prop is changing. To be future compatible you must explictly specify either "independent" (the current default), "together", "forwards" or "legacy_unstable-backwards".' + ); + else if ("backwards" === revealOrder) + console.error( + 'The rendering order of is changing. To be future compatible you must specify revealOrder="legacy_unstable-backwards" instead.' + ); + else if ("string" === typeof revealOrder) switch (revealOrder.toLowerCase()) { case "together": case "forwards": case "backwards": + case "independent": console.error( '"%s" is not a valid value for revealOrder on . Use lowercase "%s" instead.', revealOrder, @@ -10996,32 +11008,48 @@ break; default: console.error( - '"%s" is not a supported revealOrder on . Did you mean "together", "forwards" or "backwards"?', + '"%s" is not a supported revealOrder on . Did you mean "independent", "together", "forwards" or "backwards"?', revealOrder ); } else console.error( - '%s is not a supported value for revealOrder on . Did you mean "together", "forwards" or "backwards"?', + '%s is not a supported value for revealOrder on . Did you mean "independent", "together", "forwards" or "backwards"?', revealOrder ); - void 0 === tailMode || - didWarnAboutTailOptions[tailMode] || - ("collapsed" !== tailMode && "hidden" !== tailMode - ? ((didWarnAboutTailOptions[tailMode] = !0), - console.error( - '"%s" is not a supported value for tail on . Did you mean "collapsed" or "hidden"?', - tailMode - )) - : "forwards" !== revealOrder && - "backwards" !== revealOrder && - ((didWarnAboutTailOptions[tailMode] = !0), - console.error( - ' is only valid if revealOrder is "forwards" or "backwards". Did you mean to specify revealOrder="forwards"?', - tailMode - ))); + suspenseContext = null == tailMode ? "null" : tailMode; + if (!didWarnAboutTailOptions[suspenseContext]) + if (null == tailMode) { + if ( + "forwards" === revealOrder || + "backwards" === revealOrder || + "unstable_legacy-backwards" === revealOrder + ) + (didWarnAboutTailOptions[suspenseContext] = !0), + console.error( + 'The default for the prop is changing. To be future compatible you must explictly specify either "visible" (the current default), "collapsed" or "hidden".' + ); + } else + "visible" !== tailMode && + "collapsed" !== tailMode && + "hidden" !== tailMode + ? ((didWarnAboutTailOptions[suspenseContext] = !0), + console.error( + '"%s" is not a supported value for tail on . Did you mean "visible", "collapsed" or "hidden"?', + tailMode + )) + : "forwards" !== revealOrder && + "backwards" !== revealOrder && + "unstable_legacy-backwards" !== revealOrder && + ((didWarnAboutTailOptions[suspenseContext] = !0), + console.error( + ' is only valid if revealOrder is "forwards" or "backwards". Did you mean to specify revealOrder="forwards"?', + tailMode + )); a: if ( - ("forwards" === revealOrder || "backwards" === revealOrder) && + ("forwards" === revealOrder || + "backwards" === revealOrder || + "unstable_legacy-backwards" === revealOrder) && void 0 !== nextProps && null !== nextProps && !1 !== nextProps @@ -11119,6 +11147,7 @@ ); break; case "backwards": + case "unstable_legacy-backwards": renderLanes = null; revealOrder = workInProgress.child; for (workInProgress.child = null; null !== revealOrder; ) { @@ -30654,11 +30683,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-14094f80-20250529" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-b4477d38-20250605" !== 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-14094f80-20250529\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-b4477d38-20250605\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30695,10 +30724,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-14094f80-20250529", + version: "19.2.0-experimental-b4477d38-20250605", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-14094f80-20250529" + reconcilerVersion: "19.2.0-experimental-b4477d38-20250605" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -31174,7 +31203,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-experimental-14094f80-20250529"; + exports.version = "19.2.0-experimental-b4477d38-20250605"; "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 3502cb5e8a981..af4e9aee6960e 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 @@ -2476,7 +2476,7 @@ function getViewTransitionName(props, instance) { if (null !== instance.autoName) return instance.autoName; props = pendingEffectsRoot.identifierPrefix; var globalClientId = globalClientIdCounter$1++; - props = "\u00ab" + props + "t" + globalClientId.toString(32) + "\u00bb"; + props = "_" + props + "t_" + globalClientId.toString(32) + "_"; return (instance.autoName = props); } function getClassNameByType(classByType) { @@ -5020,7 +5020,13 @@ function findFirstSuspended(row) { isSuspenseInstanceFallback(state)) ) return node; - } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) { + } else if ( + 19 === node.tag && + ("forwards" === node.memoizedProps.revealOrder || + "backwards" === node.memoizedProps.revealOrder || + "unstable_legacy-backwards" === node.memoizedProps.revealOrder || + "together" === node.memoizedProps.revealOrder) + ) { if (0 !== (node.flags & 128)) return node; } else if (null !== node.child) { node.child.return = node; @@ -6417,19 +6423,19 @@ var HooksDispatcherOnMount = { idWithLeadingBit & ~(1 << (32 - clz32(idWithLeadingBit) - 1)) ).toString(32) + JSCompiler_inline_result; identifierPrefix = - "\u00ab" + identifierPrefix + "R" + JSCompiler_inline_result; + "_" + identifierPrefix + "R_" + JSCompiler_inline_result; JSCompiler_inline_result = localIdCounter++; 0 < JSCompiler_inline_result && (identifierPrefix += "H" + JSCompiler_inline_result.toString(32)); - identifierPrefix += "\u00bb"; + identifierPrefix += "_"; } else (JSCompiler_inline_result = globalClientIdCounter++), (identifierPrefix = - "\u00ab" + + "_" + identifierPrefix + - "r" + + "r_" + JSCompiler_inline_result.toString(32) + - "\u00bb"); + "_"); return (hook.memoizedState = identifierPrefix); }, useHostTransitionStatus: useHostTransitionStatus, @@ -7950,6 +7956,7 @@ function updateSuspenseListComponent(current, workInProgress, renderLanes) { ); break; case "backwards": + case "unstable_legacy-backwards": renderLanes = null; revealOrder = workInProgress.child; for (workInProgress.child = null; null !== revealOrder; ) { @@ -20787,14 +20794,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2400 = React.version; if ( - "19.2.0-experimental-14094f80-20250529" !== + "19.2.0-experimental-b4477d38-20250605" !== isomorphicReactPackageVersion$jscomp$inline_2400 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2400, - "19.2.0-experimental-14094f80-20250529" + "19.2.0-experimental-b4477d38-20250605" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -20816,10 +20823,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_3087 = { bundleType: 0, - version: "19.2.0-experimental-14094f80-20250529", + version: "19.2.0-experimental-b4477d38-20250605", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-14094f80-20250529" + reconcilerVersion: "19.2.0-experimental-b4477d38-20250605" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_3088 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -21086,7 +21093,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-experimental-14094f80-20250529"; +exports.version = "19.2.0-experimental-b4477d38-20250605"; "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 c4b78c004af4f..fa7b3f3e559a3 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 @@ -907,9 +907,9 @@ ); } function makeId(resumableState, treeId, localId) { - resumableState = "\u00ab" + resumableState.idPrefix + "R" + treeId; + resumableState = "_" + resumableState.idPrefix + "R_" + treeId; 0 < localId && (resumableState += "H" + localId.toString(32)); - return resumableState + "\u00bb"; + return resumableState + "_"; } function pushViewTransitionAttributes(target, formatContext) { formatContext = formatContext.viewTransition; @@ -3283,7 +3283,7 @@ function writeCompletedShellIdAttribute(destination, resumableState) { (resumableState.instructions & SentCompletedShellId) === NothingSent && ((resumableState.instructions |= SentCompletedShellId), - (resumableState = "\u00ab" + resumableState.idPrefix + "R\u00bb"), + (resumableState = "_" + resumableState.idPrefix + "R_"), destination.push(completedShellIdAttributeStart), (resumableState = escapeTextForBrowser(resumableState)), destination.push(resumableState), @@ -3294,7 +3294,7 @@ ((resumableState.instructions |= SentCompletedShellId), target.push( completedShellIdAttributeStart, - escapeTextForBrowser("\u00ab" + resumableState.idPrefix + "R\u00bb"), + escapeTextForBrowser("_" + resumableState.idPrefix + "R_"), attributeEnd )); } @@ -5140,7 +5140,11 @@ var resumeSlots = task.replay.slots; if (null !== resumeSlots && "object" === typeof resumeSlots) for (var n = 0; n < keyPath; n++) { - var i = "backwards" !== revealOrder ? n : keyPath - 1 - n, + var i = + "backwards" !== revealOrder && + "unstable_legacy-backwards" !== revealOrder + ? n + : keyPath - 1 - n, node = rows[i]; task.row = previousSuspenseListRow = createSuspenseListRow( previousSuspenseListRow @@ -5157,7 +5161,8 @@ else for (resumeSlots = 0; resumeSlots < keyPath; resumeSlots++) (n = - "backwards" !== revealOrder + "backwards" !== revealOrder && + "unstable_legacy-backwards" !== revealOrder ? resumeSlots : keyPath - 1 - resumeSlots), (i = rows[n]), @@ -5168,7 +5173,10 @@ renderNode(request, task, i, n), 0 === --previousSuspenseListRow.pendingTasks && finishSuspenseListRow(request, previousSuspenseListRow); - } else if ("backwards" !== revealOrder) + } else if ( + "backwards" !== revealOrder && + "unstable_legacy-backwards" !== revealOrder + ) for (revealOrder = 0; revealOrder < keyPath; revealOrder++) (resumeSlots = rows[revealOrder]), warnForMissingKey(request, task, resumeSlots), @@ -5896,7 +5904,11 @@ a: { var children$jscomp$0 = props.children, revealOrder = props.revealOrder; - if ("forwards" === revealOrder || "backwards" === revealOrder) { + if ( + "forwards" === revealOrder || + "backwards" === revealOrder || + "unstable_legacy-backwards" === revealOrder + ) { if (isArrayImpl(children$jscomp$0)) { renderSuspenseListRows( request, @@ -8453,7 +8465,7 @@ renderState.bulkPreloads.forEach(flushResource, destination); renderState.bulkPreloads.clear(); if (htmlChunks || headChunks) { - var shellId = "\u00ab" + resumableState.idPrefix + "R\u00bb"; + var shellId = "_" + resumableState.idPrefix + "R_"; destination.push(blockingRenderChunkStart); var chunk$jscomp$0 = escapeTextForBrowser(shellId); destination.push(chunk$jscomp$0); @@ -8816,7 +8828,17 @@ : reason; request.fatalError = error; abortableTasks.forEach(function (task) { - return abortTask(task, request, error); + var prevTaskInDEV = currentTaskInDEV, + prevGetCurrentStackImpl = ReactSharedInternals.getCurrentStack; + currentTaskInDEV = task; + ReactSharedInternals.getCurrentStack = getCurrentStackInDEV; + try { + abortTask(task, request, error); + } finally { + (currentTaskInDEV = prevTaskInDEV), + (ReactSharedInternals.getCurrentStack = + prevGetCurrentStackImpl); + } }); abortableTasks.clear(); } @@ -10061,7 +10083,7 @@ completeBoundaryScriptFunctionOnly = '$RB=[];$RV=function(c){$RT=performance.now();for(var a=0;a'); @@ -7195,13 +7207,13 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) { } var isomorphicReactPackageVersion$jscomp$inline_865 = React.version; if ( - "19.2.0-experimental-14094f80-20250529" !== + "19.2.0-experimental-b4477d38-20250605" !== isomorphicReactPackageVersion$jscomp$inline_865 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_865 + - "\n - react-dom: 19.2.0-experimental-14094f80-20250529\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-b4477d38-20250605\nLearn more: https://react.dev/warnings/version-mismatch") ); exports.renderToReadableStream = function (children, options) { return new Promise(function (resolve, reject) { @@ -7292,4 +7304,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.2.0-experimental-14094f80-20250529"; +exports.version = "19.2.0-experimental-b4477d38-20250605"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js index 8dbbdfc5b2bd4..5dda9bda6745c 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js @@ -1236,9 +1236,9 @@ ); } function makeId(resumableState, treeId, localId) { - resumableState = "\u00ab" + resumableState.idPrefix + "R" + treeId; + resumableState = "_" + resumableState.idPrefix + "R_" + treeId; 0 < localId && (resumableState += "H" + localId.toString(32)); - return resumableState + "\u00bb"; + return resumableState + "_"; } function pushTextInstance(target, text, renderState, textEmbedded) { if ("" === text) return textEmbedded; @@ -3658,7 +3658,7 @@ function writeCompletedShellIdAttribute(destination, resumableState) { (resumableState.instructions & SentCompletedShellId) === NothingSent && ((resumableState.instructions |= SentCompletedShellId), - (resumableState = "\u00ab" + resumableState.idPrefix + "R\u00bb"), + (resumableState = "_" + resumableState.idPrefix + "R_"), writeChunk(destination, completedShellIdAttributeStart), writeChunk( destination, @@ -3672,7 +3672,7 @@ target.push( completedShellIdAttributeStart, stringToChunk( - escapeTextForBrowser("\u00ab" + resumableState.idPrefix + "R\u00bb") + escapeTextForBrowser("_" + resumableState.idPrefix + "R_") ), attributeEnd )); @@ -5540,7 +5540,11 @@ var resumeSlots = task.replay.slots; if (null !== resumeSlots && "object" === typeof resumeSlots) for (var n = 0; n < keyPath; n++) { - var i = "backwards" !== revealOrder ? n : keyPath - 1 - n, + var i = + "backwards" !== revealOrder && + "unstable_legacy-backwards" !== revealOrder + ? n + : keyPath - 1 - n, node = rows[i]; task.row = previousSuspenseListRow = createSuspenseListRow( previousSuspenseListRow @@ -5557,7 +5561,8 @@ else for (resumeSlots = 0; resumeSlots < keyPath; resumeSlots++) (n = - "backwards" !== revealOrder + "backwards" !== revealOrder && + "unstable_legacy-backwards" !== revealOrder ? resumeSlots : keyPath - 1 - resumeSlots), (i = rows[n]), @@ -5568,7 +5573,10 @@ renderNode(request, task, i, n), 0 === --previousSuspenseListRow.pendingTasks && finishSuspenseListRow(request, previousSuspenseListRow); - } else if ("backwards" !== revealOrder) + } else if ( + "backwards" !== revealOrder && + "unstable_legacy-backwards" !== revealOrder + ) for (revealOrder = 0; revealOrder < keyPath; revealOrder++) (resumeSlots = rows[revealOrder]), warnForMissingKey(request, task, resumeSlots), @@ -6292,7 +6300,11 @@ a: { var children$jscomp$0 = props.children, revealOrder = props.revealOrder; - if ("forwards" === revealOrder || "backwards" === revealOrder) { + if ( + "forwards" === revealOrder || + "backwards" === revealOrder || + "unstable_legacy-backwards" === revealOrder + ) { if (isArrayImpl(children$jscomp$0)) { renderSuspenseListRows( request, @@ -8927,7 +8939,7 @@ renderState.bulkPreloads.forEach(flushResource, destination); renderState.bulkPreloads.clear(); if (htmlChunks || headChunks) { - var shellId = "\u00ab" + resumableState.idPrefix + "R\u00bb"; + var shellId = "_" + resumableState.idPrefix + "R_"; writeChunk(destination, blockingRenderChunkStart); writeChunk( destination, @@ -9331,7 +9343,17 @@ : reason; request.fatalError = error; abortableTasks.forEach(function (task) { - return abortTask(task, request, error); + var prevTaskInDEV = currentTaskInDEV, + prevGetCurrentStackImpl = ReactSharedInternals.getCurrentStack; + currentTaskInDEV = task; + ReactSharedInternals.getCurrentStack = getCurrentStackInDEV; + try { + abortTask(task, request, error); + } finally { + (currentTaskInDEV = prevTaskInDEV), + (ReactSharedInternals.getCurrentStack = + prevGetCurrentStackImpl); + } }); abortableTasks.clear(); } @@ -9401,11 +9423,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-14094f80-20250529" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-b4477d38-20250605" !== 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-14094f80-20250529\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-b4477d38-20250605\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react-experimental"), @@ -10647,7 +10669,7 @@ ), completeBoundaryUpgradeToViewTransitionsInstruction = stringToPrecomputedChunk( - '$RV=function(w,f){function h(a,d){var k=a.getAttribute(d);k&&(d=a.style,l.push(a,d.viewTransitionName,d.viewTransitionClass),"auto"!==k&&(d.viewTransitionClass=k),(a=a.getAttribute("vt-name"))||(a="\\u00abT"+F++ +"\\u00bb"),d.viewTransitionName=a,x=!0)}var x=!1,F=0,l=[];try{var e=document.__reactViewTransition;if(e){e.finished.finally($RV.bind(null,f));return}var m=new Map;for(e=1;e= value.length ? value : value.slice(0, 10) + "..." + ); + case "object": + if (isArrayImpl(value)) return "[...]"; + if (null !== value && value.$$typeof === CLIENT_REFERENCE_TAG) + return "client"; + value = objectName(value); + return "Object" === value ? "{...}" : value; + case "function": + return value.$$typeof === CLIENT_REFERENCE_TAG + ? "client" + : (value = value.displayName || value.name) + ? "function " + value + : "function"; + default: + return String(value); + } + } + function describeElementType(type) { + if ("string" === typeof type) return type; + switch (type) { + case REACT_SUSPENSE_TYPE: + return "Suspense"; + case REACT_SUSPENSE_LIST_TYPE: + return "SuspenseList"; + case REACT_VIEW_TRANSITION_TYPE: + return "ViewTransition"; + } + if ("object" === typeof type) + switch (type.$$typeof) { + case REACT_FORWARD_REF_TYPE: + return describeElementType(type.render); + case REACT_MEMO_TYPE: + return describeElementType(type.type); + case REACT_LAZY_TYPE: + var payload = type._payload; + type = type._init; + try { + return describeElementType(type(payload)); + } catch (x) {} + } + return ""; + } + function describeObjectForErrorMessage(objectOrArray, expandedName) { + var objKind = objectName(objectOrArray); + if ("Object" !== objKind && "Array" !== objKind) return objKind; + var start = -1, + length = 0; + if (isArrayImpl(objectOrArray)) + if (jsxChildrenParents.has(objectOrArray)) { + var type = jsxChildrenParents.get(objectOrArray); + objKind = "<" + describeElementType(type) + ">"; + for (var i = 0; i < objectOrArray.length; i++) { + var value = objectOrArray[i]; + value = + "string" === typeof value + ? value + : "object" === typeof value && null !== value + ? "{" + describeObjectForErrorMessage(value) + "}" + : "{" + describeValueForErrorMessage(value) + "}"; + "" + i === expandedName + ? ((start = objKind.length), + (length = value.length), + (objKind += value)) + : (objKind = + 15 > value.length && 40 > objKind.length + value.length + ? objKind + value + : objKind + "{...}"); + } + objKind += ""; + } else { + objKind = "["; + for (type = 0; type < objectOrArray.length; type++) + 0 < type && (objKind += ", "), + (i = objectOrArray[type]), + (i = + "object" === typeof i && null !== i + ? describeObjectForErrorMessage(i) + : describeValueForErrorMessage(i)), + "" + type === expandedName + ? ((start = objKind.length), + (length = i.length), + (objKind += i)) + : (objKind = + 10 > i.length && 40 > objKind.length + i.length + ? objKind + i + : objKind + "..."); + objKind += "]"; + } + else if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) + objKind = "<" + describeElementType(objectOrArray.type) + "/>"; + else { + if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) return "client"; + if (jsxPropsParents.has(objectOrArray)) { + objKind = jsxPropsParents.get(objectOrArray); + objKind = "<" + (describeElementType(objKind) || "..."); + type = Object.keys(objectOrArray); + for (i = 0; i < type.length; i++) { + objKind += " "; + value = type[i]; + objKind += describeKeyForErrorMessage(value) + "="; + var _value2 = objectOrArray[value]; + var _substr2 = + value === expandedName && + "object" === typeof _value2 && + null !== _value2 + ? describeObjectForErrorMessage(_value2) + : describeValueForErrorMessage(_value2); + "string" !== typeof _value2 && (_substr2 = "{" + _substr2 + "}"); + value === expandedName + ? ((start = objKind.length), + (length = _substr2.length), + (objKind += _substr2)) + : (objKind = + 10 > _substr2.length && 40 > objKind.length + _substr2.length + ? objKind + _substr2 + : objKind + "..."); + } + objKind += ">"; + } else { + objKind = "{"; + type = Object.keys(objectOrArray); + for (i = 0; i < type.length; i++) + 0 < i && (objKind += ", "), + (value = type[i]), + (objKind += describeKeyForErrorMessage(value) + ": "), + (_value2 = objectOrArray[value]), + (_value2 = + "object" === typeof _value2 && null !== _value2 + ? describeObjectForErrorMessage(_value2) + : describeValueForErrorMessage(_value2)), + value === expandedName + ? ((start = objKind.length), + (length = _value2.length), + (objKind += _value2)) + : (objKind = + 10 > _value2.length && 40 > objKind.length + _value2.length + ? objKind + _value2 + : objKind + "..."); + objKind += "}"; + } + } + return void 0 === expandedName + ? objKind + : -1 < start && 0 < length + ? ((objectOrArray = " ".repeat(start) + "^".repeat(length)), + "\n " + objKind + "\n " + objectOrArray) + : "\n " + objKind; + } + function writeChunk(destination, chunk) { + if (0 !== chunk.byteLength) + if (2048 < chunk.byteLength) + 0 < writtenBytes && + (destination.enqueue( + new Uint8Array(currentView.buffer, 0, writtenBytes) + ), + (currentView = new Uint8Array(2048)), + (writtenBytes = 0)), + destination.enqueue(chunk); + else { + var allowableBytes = currentView.length - writtenBytes; + allowableBytes < chunk.byteLength && + (0 === allowableBytes + ? destination.enqueue(currentView) + : (currentView.set( + chunk.subarray(0, allowableBytes), + writtenBytes + ), + destination.enqueue(currentView), + (chunk = chunk.subarray(allowableBytes))), + (currentView = new Uint8Array(2048)), + (writtenBytes = 0)); + currentView.set(chunk, writtenBytes); + writtenBytes += chunk.byteLength; + } + } + function writeChunkAndReturn(destination, chunk) { + writeChunk(destination, chunk); + return !0; + } + function completeWriting(destination) { + currentView && + 0 < writtenBytes && + (destination.enqueue( + new Uint8Array(currentView.buffer, 0, writtenBytes) + ), + (currentView = null), + (writtenBytes = 0)); + } + function stringToChunk(content) { + return textEncoder.encode(content); + } + function stringToPrecomputedChunk(content) { + content = textEncoder.encode(content); + 2048 < content.byteLength && + console.error( + "precomputed chunks must be smaller than the view size configured for this host. This is a bug in React." + ); + return content; + } + function byteLengthOfChunk(chunk) { + return chunk.byteLength; + } + function closeWithError(destination, error) { + "function" === typeof destination.error + ? destination.error(error) + : destination.close(); + } + function readAsDataURL(blob) { + return blob.arrayBuffer().then(function (arrayBuffer) { + arrayBuffer = Buffer.from(arrayBuffer).toString("base64"); + return ( + "data:" + + (blob.type || "application/octet-stream") + + ";base64," + + arrayBuffer + ); + }); + } + function typeName(value) { + return ( + ("function" === typeof Symbol && + Symbol.toStringTag && + value[Symbol.toStringTag]) || + value.constructor.name || + "Object" + ); + } + function willCoercionThrow(value) { + try { + return testStringCoercion(value), !1; + } catch (e) { + return !0; + } + } + function testStringCoercion(value) { + return "" + value; + } + function checkAttributeStringCoercion(value, attributeName) { + if (willCoercionThrow(value)) + return ( + console.error( + "The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.", + attributeName, + typeName(value) + ), + testStringCoercion(value) + ); + } + function checkCSSPropertyStringCoercion(value, propName) { + if (willCoercionThrow(value)) + return ( + console.error( + "The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.", + propName, + typeName(value) + ), + testStringCoercion(value) + ); + } + function checkHtmlStringCoercion(value) { + if (willCoercionThrow(value)) + return ( + console.error( + "The provided HTML markup uses a value of unsupported type %s. This value must be coerced to a string before using it here.", + typeName(value) + ), + testStringCoercion(value) + ); + } + function isAttributeNameSafe(attributeName) { + if (hasOwnProperty.call(validatedAttributeNameCache, attributeName)) + return !0; + if (hasOwnProperty.call(illegalAttributeNameCache, attributeName)) + return !1; + if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName)) + return (validatedAttributeNameCache[attributeName] = !0); + illegalAttributeNameCache[attributeName] = !0; + console.error("Invalid attribute name: `%s`", attributeName); + return !1; + } + function checkControlledValueProps(tagName, props) { + hasReadOnlyValue[props.type] || + props.onChange || + props.onInput || + props.readOnly || + props.disabled || + null == props.value || + ("select" === tagName + ? console.error( + "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`." + ) + : console.error( + "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`." + )); + props.onChange || + props.readOnly || + props.disabled || + null == props.checked || + console.error( + "You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`." + ); + } + function validateProperty$1(tagName, name) { + if ( + hasOwnProperty.call(warnedProperties$1, name) && + warnedProperties$1[name] + ) + return !0; + if (rARIACamel$1.test(name)) { + tagName = "aria-" + name.slice(4).toLowerCase(); + tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null; + if (null == tagName) + return ( + console.error( + "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.", + name + ), + (warnedProperties$1[name] = !0) + ); + if (name !== tagName) + return ( + console.error( + "Invalid ARIA attribute `%s`. Did you mean `%s`?", + name, + tagName + ), + (warnedProperties$1[name] = !0) + ); + } + if (rARIA$1.test(name)) { + tagName = name.toLowerCase(); + tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null; + if (null == tagName) return (warnedProperties$1[name] = !0), !1; + name !== tagName && + (console.error( + "Unknown ARIA attribute `%s`. Did you mean `%s`?", + name, + tagName + ), + (warnedProperties$1[name] = !0)); + } + return !0; + } + function validateProperties$2(type, props) { + var invalidProps = [], + key; + for (key in props) + validateProperty$1(type, key) || invalidProps.push(key); + props = invalidProps + .map(function (prop) { + return "`" + prop + "`"; + }) + .join(", "); + 1 === invalidProps.length + ? console.error( + "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props", + props, + type + ) + : 1 < invalidProps.length && + console.error( + "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props", + props, + type + ); + } + function validateProperty(tagName, name, value, eventRegistry) { + if (hasOwnProperty.call(warnedProperties, name) && warnedProperties[name]) + return !0; + var lowerCasedName = name.toLowerCase(); + if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName) + return ( + console.error( + "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React." + ), + (warnedProperties[name] = !0) + ); + if ( + "function" === typeof value && + (("form" === tagName && "action" === name) || + ("input" === tagName && "formAction" === name) || + ("button" === tagName && "formAction" === name)) + ) + return !0; + if (null != eventRegistry) { + tagName = eventRegistry.possibleRegistrationNames; + if (eventRegistry.registrationNameDependencies.hasOwnProperty(name)) + return !0; + eventRegistry = tagName.hasOwnProperty(lowerCasedName) + ? tagName[lowerCasedName] + : null; + if (null != eventRegistry) + return ( + console.error( + "Invalid event handler property `%s`. Did you mean `%s`?", + name, + eventRegistry + ), + (warnedProperties[name] = !0) + ); + if (EVENT_NAME_REGEX.test(name)) + return ( + console.error( + "Unknown event handler property `%s`. It will be ignored.", + name + ), + (warnedProperties[name] = !0) + ); + } else if (EVENT_NAME_REGEX.test(name)) + return ( + INVALID_EVENT_NAME_REGEX.test(name) && + console.error( + "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.", + name + ), + (warnedProperties[name] = !0) + ); + if (rARIA.test(name) || rARIACamel.test(name)) return !0; + if ("innerhtml" === lowerCasedName) + return ( + console.error( + "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`." + ), + (warnedProperties[name] = !0) + ); + if ("aria" === lowerCasedName) + return ( + console.error( + "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead." + ), + (warnedProperties[name] = !0) + ); + if ( + "is" === lowerCasedName && + null !== value && + void 0 !== value && + "string" !== typeof value + ) + return ( + console.error( + "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.", + typeof value + ), + (warnedProperties[name] = !0) + ); + if ("number" === typeof value && isNaN(value)) + return ( + console.error( + "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.", + name + ), + (warnedProperties[name] = !0) + ); + if (possibleStandardNames.hasOwnProperty(lowerCasedName)) { + if ( + ((lowerCasedName = possibleStandardNames[lowerCasedName]), + lowerCasedName !== name) + ) + return ( + console.error( + "Invalid DOM property `%s`. Did you mean `%s`?", + name, + lowerCasedName + ), + (warnedProperties[name] = !0) + ); + } else if (name !== lowerCasedName) + return ( + console.error( + "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.", + name, + lowerCasedName + ), + (warnedProperties[name] = !0) + ); + switch (name) { + case "dangerouslySetInnerHTML": + case "children": + case "style": + case "suppressContentEditableWarning": + case "suppressHydrationWarning": + case "defaultValue": + case "defaultChecked": + case "innerHTML": + case "ref": + return !0; + case "innerText": + case "textContent": + return !0; + } + switch (typeof value) { + case "boolean": + switch (name) { + case "autoFocus": + case "checked": + case "multiple": + case "muted": + case "selected": + case "contentEditable": + case "spellCheck": + case "draggable": + case "value": + case "autoReverse": + case "externalResourcesRequired": + case "focusable": + case "preserveAlpha": + case "allowFullScreen": + case "async": + case "autoPlay": + case "controls": + case "default": + case "defer": + case "disabled": + case "disablePictureInPicture": + case "disableRemotePlayback": + case "formNoValidate": + case "hidden": + case "loop": + case "noModule": + case "noValidate": + case "open": + case "playsInline": + case "readOnly": + case "required": + case "reversed": + case "scoped": + case "seamless": + case "itemScope": + case "capture": + case "download": + case "inert": + return !0; + default: + lowerCasedName = name.toLowerCase().slice(0, 5); + if ("data-" === lowerCasedName || "aria-" === lowerCasedName) + return !0; + value + ? console.error( + 'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.', + value, + name, + name, + value, + name + ) + : console.error( + 'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.', + value, + name, + name, + value, + name, + name, + name + ); + return (warnedProperties[name] = !0); + } + case "function": + case "symbol": + return (warnedProperties[name] = !0), !1; + case "string": + if ("false" === value || "true" === value) { + switch (name) { + case "checked": + case "selected": + case "multiple": + case "muted": + case "allowFullScreen": + case "async": + case "autoPlay": + case "controls": + case "default": + case "defer": + case "disabled": + case "disablePictureInPicture": + case "disableRemotePlayback": + case "formNoValidate": + case "hidden": + case "loop": + case "noModule": + case "noValidate": + case "open": + case "playsInline": + case "readOnly": + case "required": + case "reversed": + case "scoped": + case "seamless": + case "itemScope": + case "inert": + break; + default: + return !0; + } + console.error( + "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?", + value, + name, + "false" === value + ? "The browser will interpret it as a truthy value." + : 'Although this works, it will not work as expected if you pass the string "false".', + name, + value + ); + warnedProperties[name] = !0; + } + } + return !0; + } + function warnUnknownProperties(type, props, eventRegistry) { + var unknownProps = [], + key; + for (key in props) + validateProperty(type, key, props[key], eventRegistry) || + unknownProps.push(key); + props = unknownProps + .map(function (prop) { + return "`" + prop + "`"; + }) + .join(", "); + 1 === unknownProps.length + ? console.error( + "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ", + props, + type + ) + : 1 < unknownProps.length && + console.error( + "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ", + props, + type + ); + } + function camelize(string) { + return string.replace(hyphenPattern, function (_, character) { + return character.toUpperCase(); + }); + } + function escapeTextForBrowser(text) { + if ( + "boolean" === typeof text || + "number" === typeof text || + "bigint" === typeof text + ) + return "" + text; + checkHtmlStringCoercion(text); + text = "" + text; + var match = matchHtmlRegExp.exec(text); + if (match) { + var html = "", + index, + lastIndex = 0; + for (index = match.index; index < text.length; index++) { + switch (text.charCodeAt(index)) { + case 34: + match = """; + break; + case 38: + match = "&"; + break; + case 39: + match = "'"; + break; + case 60: + match = "<"; + break; + case 62: + match = ">"; + break; + default: + continue; + } + lastIndex !== index && (html += text.slice(lastIndex, index)); + lastIndex = index + 1; + html += match; + } + text = lastIndex !== index ? html + text.slice(lastIndex, index) : html; + } + return text; + } + function sanitizeURL(url) { + return isJavaScriptProtocol.test("" + url) + ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')" + : url; + } + function escapeEntireInlineScriptContent(scriptText) { + checkHtmlStringCoercion(scriptText); + return ("" + scriptText).replace(scriptRegex, scriptReplacer); + } + function createRenderState( + resumableState, + nonce, + externalRuntimeConfig, + importMap, + onHeaders, + maxHeadersLength + ) { + var nonceScript = + "string" === typeof nonce ? nonce : nonce && nonce.script, + inlineScriptWithNonce = + void 0 === nonceScript + ? startInlineScript + : stringToPrecomputedChunk( + '