diff --git a/package.json b/package.json index 3271e405483628..bd4eb8ca637c44 100644 --- a/package.json +++ b/package.json @@ -178,7 +178,7 @@ "eslint-plugin-jsdoc": "48.0.4", "eslint-plugin-mdx": "3.1.5", "eslint-plugin-react": "7.35.0", - "eslint-plugin-react-hooks": "0.0.0-experimental-ef889445-20250930", + "eslint-plugin-react-hooks": "0.0.0-experimental-548235db-20251001", "eslint-v8": "npm:eslint@^8.57.0", "event-stream": "4.0.1", "execa": "2.0.3", @@ -238,16 +238,16 @@ "pretty-ms": "7.0.0", "random-seed": "0.3.0", "react": "19.0.0", - "react-builtin": "npm:react@19.2.0-canary-ef889445-20250930", + "react-builtin": "npm:react@19.2.0-canary-548235db-20251001", "react-dom": "19.0.0", - "react-dom-builtin": "npm:react-dom@19.2.0-canary-ef889445-20250930", - "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-ef889445-20250930", - "react-experimental-builtin": "npm:react@0.0.0-experimental-ef889445-20250930", - "react-is-builtin": "npm:react-is@19.2.0-canary-ef889445-20250930", - "react-server-dom-turbopack": "19.2.0-canary-ef889445-20250930", - "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-ef889445-20250930", - "react-server-dom-webpack": "19.2.0-canary-ef889445-20250930", - "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-ef889445-20250930", + "react-dom-builtin": "npm:react-dom@19.2.0-canary-548235db-20251001", + "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-548235db-20251001", + "react-experimental-builtin": "npm:react@0.0.0-experimental-548235db-20251001", + "react-is-builtin": "npm:react-is@19.2.0-canary-548235db-20251001", + "react-server-dom-turbopack": "19.2.0-canary-548235db-20251001", + "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-548235db-20251001", + "react-server-dom-webpack": "19.2.0-canary-548235db-20251001", + "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-548235db-20251001", "react-ssr-prepass": "1.0.8", "react-virtualized": "9.22.3", "relay-compiler": "13.0.2", @@ -257,8 +257,8 @@ "resolve-from": "5.0.0", "sass": "1.54.0", "satori": "0.15.2", - "scheduler-builtin": "npm:scheduler@0.27.0-canary-ef889445-20250930", - "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-ef889445-20250930", + "scheduler-builtin": "npm:scheduler@0.27.0-canary-548235db-20251001", + "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-548235db-20251001", "seedrandom": "3.0.5", "semver": "7.3.7", "serve-handler": "6.1.6", @@ -302,10 +302,10 @@ "@types/react-dom": "19.1.7", "@types/retry": "0.12.0", "jest-snapshot": "30.0.0-alpha.6", - "react": "19.2.0-canary-ef889445-20250930", - "react-dom": "19.2.0-canary-ef889445-20250930", - "react-is": "19.2.0-canary-ef889445-20250930", - "scheduler": "0.27.0-canary-ef889445-20250930" + "react": "19.2.0-canary-548235db-20251001", + "react-dom": "19.2.0-canary-548235db-20251001", + "react-is": "19.2.0-canary-548235db-20251001", + "scheduler": "0.27.0-canary-548235db-20251001" }, "packageExtensions": { "eslint-plugin-react-hooks@0.0.0-experimental-6de32a5a-20250822": { 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 17d27aa713d8c8..eefd7f029c0e5c 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 @@ -5885,8 +5885,8 @@ (gestureUpdateComponentName = getComponentNameFromFiber(fiber)); lane = resolveEventTimeStamp(); method = resolveEventType(); - if (lane !== gestureEventTime || method !== gestureEventType) - gestureEventIsRepeat = !1; + if (lane !== gestureEventRepeatTime || method !== gestureEventType) + gestureEventRepeatTime = -1.1; gestureEventTime = lane; gestureEventType = method; } @@ -5898,11 +5898,12 @@ null != fiber && (blockingUpdateComponentName = getComponentNameFromFiber(fiber)), (executionContext & (RenderContext | CommitContext)) !== NoContext && - (blockingUpdateType = SPAWNED_UPDATE), + ((componentEffectSpawnedUpdate = !0), + (blockingUpdateType = SPAWNED_UPDATE)), (lane = resolveEventTimeStamp()), (method = resolveEventType()), - lane !== blockingEventTime || method !== blockingEventType - ? (blockingEventIsRepeat = !1) + lane !== blockingEventRepeatTime || method !== blockingEventType + ? (blockingEventRepeatTime = -1.1) : null !== method && (blockingUpdateType = SPAWNED_UPDATE), (blockingEventTime = lane), (blockingEventType = method)); @@ -5918,8 +5919,11 @@ ) { lane = resolveEventTimeStamp(); method = resolveEventType(); - if (lane !== transitionEventTime || method !== transitionEventType) - transitionEventIsRepeat = !1; + if ( + lane !== transitionEventRepeatTime || + method !== transitionEventType + ) + transitionEventRepeatTime = -1.1; transitionEventTime = lane; transitionEventType = method; } @@ -5932,8 +5936,9 @@ (blockingUpdateType = SPAWNED_UPDATE); var newEventTime = resolveEventTimeStamp(), newEventType = resolveEventType(); - newEventTime !== blockingEventTime || newEventType !== blockingEventType - ? (blockingEventIsRepeat = !1) + newEventTime !== blockingEventRepeatTime || + newEventType !== blockingEventType + ? (blockingEventRepeatTime = -1.1) : null !== newEventType && (blockingUpdateType = SPAWNED_UPDATE); blockingEventTime = newEventTime; blockingEventType = newEventType; @@ -5948,10 +5953,10 @@ fiber = resolveEventTimeStamp(); newEventTime = resolveEventType(); if ( - fiber !== transitionEventTime || + fiber !== transitionEventRepeatTime || newEventTime !== transitionEventType ) - transitionEventIsRepeat = !1; + transitionEventRepeatTime = -1.1; transitionEventTime = fiber; transitionEventType = newEventTime; } @@ -5995,6 +6000,11 @@ componentEffectErrors = null; return prevErrors; } + function pushComponentEffectDidSpawnUpdate() { + var prev = componentEffectSpawnedUpdate; + componentEffectSpawnedUpdate = !1; + return prev; + } function startProfilerTimer(fiber) { profilerStartTime = now(); 0 > fiber.actualStartTime && (fiber.actualStartTime = profilerStartTime); @@ -10326,23 +10336,24 @@ }); if ("hidden" === nextProps.mode) { if (0 !== (workInProgress.flags & 128)) { - nextProps = + prevState = null !== prevState ? prevState.baseLanes | renderLanes : renderLanes; if (null !== current) { - nextChildren = workInProgress.child = current.child; - for (prevState = 0; null !== nextChildren; ) - (prevState = - prevState | nextChildren.lanes | nextChildren.childLanes), - (nextChildren = nextChildren.sibling); - workInProgress.childLanes = prevState & ~nextProps; - } else (workInProgress.childLanes = 0), (workInProgress.child = null); + nextProps = workInProgress.child = current.child; + for (nextChildren = 0; null !== nextProps; ) + (nextChildren = + nextChildren | nextProps.lanes | nextProps.childLanes), + (nextProps = nextProps.sibling); + nextProps = nextChildren & ~prevState; + } else (nextProps = 0), (workInProgress.child = null); return deferHiddenOffscreenComponent( current, workInProgress, - nextProps, - renderLanes + prevState, + renderLanes, + nextProps ); } if (0 !== (renderLanes & 536870912)) @@ -10358,14 +10369,15 @@ pushOffscreenSuspenseHandler(workInProgress); else return ( - (workInProgress.lanes = workInProgress.childLanes = 536870912), + (nextProps = workInProgress.lanes = 536870912), deferHiddenOffscreenComponent( current, workInProgress, null !== prevState ? prevState.baseLanes | renderLanes : renderLanes, - renderLanes + renderLanes, + nextProps ) ); } else @@ -10395,7 +10407,8 @@ current, workInProgress, nextBaseLanes, - renderLanes + renderLanes, + remainingChildLanes ) { var JSCompiler_inline_result = peekCacheFromPool(); JSCompiler_inline_result = @@ -10414,6 +10427,7 @@ pushOffscreenSuspenseHandler(workInProgress); null !== current && propagateParentContextChanges(current, workInProgress, renderLanes, !0); + workInProgress.childLanes = remainingChildLanes; return null; } function mountActivityChildren(workInProgress, nextProps) { @@ -11279,25 +11293,25 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_3217; - var JSCompiler_object_inline_stack_3216 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_3240; + var JSCompiler_object_inline_stack_3239 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_digest_3215 = !1; + var JSCompiler_object_inline_digest_3238 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_3217 = didSuspend) || - (JSCompiler_object_inline_componentStack_3217 = + (JSCompiler_object_inline_componentStack_3240 = didSuspend) || + (JSCompiler_object_inline_componentStack_3240 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_3217 && - ((JSCompiler_object_inline_digest_3215 = !0), + JSCompiler_object_inline_componentStack_3240 && + ((JSCompiler_object_inline_digest_3238 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_3217 = + JSCompiler_object_inline_componentStack_3240 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_digest_3215 + JSCompiler_object_inline_digest_3238 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (current = nextHydratableInstance) @@ -11310,20 +11324,20 @@ ? renderLanes : null), null !== renderLanes && - ((JSCompiler_object_inline_componentStack_3217 = { + ((JSCompiler_object_inline_componentStack_3240 = { dehydrated: renderLanes, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_componentStack_3217), - (JSCompiler_object_inline_componentStack_3217 = + JSCompiler_object_inline_componentStack_3240), + (JSCompiler_object_inline_componentStack_3240 = createFiberFromDehydratedFragment(renderLanes)), - (JSCompiler_object_inline_componentStack_3217.return = + (JSCompiler_object_inline_componentStack_3240.return = workInProgress), (workInProgress.child = - JSCompiler_object_inline_componentStack_3217), + JSCompiler_object_inline_componentStack_3240), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (renderLanes = null); @@ -11337,9 +11351,9 @@ : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_3216.children, - nextFallbackChildren = JSCompiler_object_inline_stack_3216.fallback; - if (JSCompiler_object_inline_digest_3215) + var nextPrimaryChildren = JSCompiler_object_inline_stack_3239.children, + nextFallbackChildren = JSCompiler_object_inline_stack_3239.fallback; + if (JSCompiler_object_inline_digest_3238) return ( reuseSuspenseHandlerOnStack(workInProgress), mountSuspenseFallbackChildren( @@ -11348,21 +11362,21 @@ nextFallbackChildren, renderLanes ), - (JSCompiler_object_inline_stack_3216 = workInProgress.child), - (JSCompiler_object_inline_stack_3216.memoizedState = + (JSCompiler_object_inline_stack_3239 = workInProgress.child), + (JSCompiler_object_inline_stack_3239.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3216.childLanes = + (JSCompiler_object_inline_stack_3239.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3217, + JSCompiler_object_inline_componentStack_3240, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3216) + bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3239) ); if ( "number" === - typeof JSCompiler_object_inline_stack_3216.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_3239.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), @@ -11372,18 +11386,18 @@ nextFallbackChildren, renderLanes ), - (JSCompiler_object_inline_stack_3216 = workInProgress.child), - (JSCompiler_object_inline_stack_3216.memoizedState = + (JSCompiler_object_inline_stack_3239 = workInProgress.child), + (JSCompiler_object_inline_stack_3239.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3216.childLanes = + (JSCompiler_object_inline_stack_3239.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3217, + JSCompiler_object_inline_componentStack_3240, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3216) + bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3239) ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( @@ -11393,8 +11407,8 @@ } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_message_3214 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_message_3214) { + var JSCompiler_object_inline_message_3237 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_message_3237) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -11411,13 +11425,13 @@ (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_3216.fallback), + JSCompiler_object_inline_stack_3239.fallback), (nextFallbackChildren = workInProgress.mode), - (JSCompiler_object_inline_stack_3216 = + (JSCompiler_object_inline_stack_3239 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_3216.children + children: JSCompiler_object_inline_stack_3239.children }, nextFallbackChildren )), @@ -11428,78 +11442,78 @@ null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_3216.return = workInProgress), + (JSCompiler_object_inline_stack_3239.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3216.sibling = + (JSCompiler_object_inline_stack_3239.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3216), + (workInProgress.child = JSCompiler_object_inline_stack_3239), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_3216 = workInProgress.child), - (JSCompiler_object_inline_stack_3216.memoizedState = + (JSCompiler_object_inline_stack_3239 = workInProgress.child), + (JSCompiler_object_inline_stack_3239.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3216.childLanes = + (JSCompiler_object_inline_stack_3239.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3217, + JSCompiler_object_inline_componentStack_3240, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = bailoutOffscreenComponent( null, - JSCompiler_object_inline_stack_3216 + JSCompiler_object_inline_stack_3239 ))); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), 0 !== (renderLanes & 536870912) && markRenderDerivedCause(workInProgress), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_3214)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_3237)) ) { - JSCompiler_object_inline_componentStack_3217 = - JSCompiler_object_inline_message_3214.nextSibling && - JSCompiler_object_inline_message_3214.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_3217) { + JSCompiler_object_inline_componentStack_3240 = + JSCompiler_object_inline_message_3237.nextSibling && + JSCompiler_object_inline_message_3237.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_3240) { nextPrimaryChildren = - JSCompiler_object_inline_componentStack_3217.dgst; - var message = JSCompiler_object_inline_componentStack_3217.msg; + JSCompiler_object_inline_componentStack_3240.dgst; + var message = JSCompiler_object_inline_componentStack_3240.msg; nextFallbackChildren = - JSCompiler_object_inline_componentStack_3217.stck; + JSCompiler_object_inline_componentStack_3240.stck; var componentStack = - JSCompiler_object_inline_componentStack_3217.cstck; + JSCompiler_object_inline_componentStack_3240.cstck; } - JSCompiler_object_inline_message_3214 = message; - JSCompiler_object_inline_digest_3215 = nextPrimaryChildren; - JSCompiler_object_inline_stack_3216 = nextFallbackChildren; - JSCompiler_object_inline_componentStack_3217 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_digest_3215; - nextFallbackChildren = JSCompiler_object_inline_message_3214; - componentStack = JSCompiler_object_inline_componentStack_3217; + JSCompiler_object_inline_message_3237 = message; + JSCompiler_object_inline_digest_3238 = nextPrimaryChildren; + JSCompiler_object_inline_stack_3239 = nextFallbackChildren; + JSCompiler_object_inline_componentStack_3240 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_digest_3238; + nextFallbackChildren = JSCompiler_object_inline_message_3237; + componentStack = JSCompiler_object_inline_componentStack_3240; "POSTPONE" !== nextPrimaryChildren && - ((JSCompiler_object_inline_componentStack_3217 = + ((JSCompiler_object_inline_componentStack_3240 = 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_3217.stack = - JSCompiler_object_inline_stack_3216 || ""), - (JSCompiler_object_inline_componentStack_3217.digest = + (JSCompiler_object_inline_componentStack_3240.stack = + JSCompiler_object_inline_stack_3239 || ""), + (JSCompiler_object_inline_componentStack_3240.digest = nextPrimaryChildren), - (JSCompiler_object_inline_stack_3216 = + (JSCompiler_object_inline_stack_3239 = void 0 === componentStack ? null : componentStack), (nextPrimaryChildren = { - value: JSCompiler_object_inline_componentStack_3217, + value: JSCompiler_object_inline_componentStack_3240, source: null, - stack: JSCompiler_object_inline_stack_3216 + stack: JSCompiler_object_inline_stack_3239 }), - "string" === typeof JSCompiler_object_inline_stack_3216 && + "string" === typeof JSCompiler_object_inline_stack_3239 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_3217, + JSCompiler_object_inline_componentStack_3240, nextPrimaryChildren ), queueHydrationError(nextPrimaryChildren)); @@ -11516,34 +11530,34 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_3217 = + (JSCompiler_object_inline_componentStack_3240 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_3217) + didReceiveUpdate || JSCompiler_object_inline_componentStack_3240) ) { - JSCompiler_object_inline_componentStack_3217 = workInProgressRoot; + JSCompiler_object_inline_componentStack_3240 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_3217 && - ((JSCompiler_object_inline_stack_3216 = getBumpedLaneForHydration( - JSCompiler_object_inline_componentStack_3217, + null !== JSCompiler_object_inline_componentStack_3240 && + ((JSCompiler_object_inline_stack_3239 = getBumpedLaneForHydration( + JSCompiler_object_inline_componentStack_3240, renderLanes )), - 0 !== JSCompiler_object_inline_stack_3216 && - JSCompiler_object_inline_stack_3216 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_3239 && + JSCompiler_object_inline_stack_3239 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_3216), + ((prevState.retryLane = JSCompiler_object_inline_stack_3239), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_3216 + JSCompiler_object_inline_stack_3239 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_3217, + JSCompiler_object_inline_componentStack_3240, current, - JSCompiler_object_inline_stack_3216 + JSCompiler_object_inline_stack_3239 ), SelectiveHydrationException) ); - isSuspenseInstancePending(JSCompiler_object_inline_message_3214) || + isSuspenseInstancePending(JSCompiler_object_inline_message_3237) || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -11551,13 +11565,13 @@ renderLanes ); } else - isSuspenseInstancePending(JSCompiler_object_inline_message_3214) + isSuspenseInstancePending(JSCompiler_object_inline_message_3237) ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_3214.nextSibling + JSCompiler_object_inline_message_3237.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -11569,31 +11583,31 @@ restoreSuspendedTreeContext(workInProgress, current), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_3216.children + JSCompiler_object_inline_stack_3239.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_digest_3215) + if (JSCompiler_object_inline_digest_3238) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_3216.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_3239.fallback), (nextFallbackChildren = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_message_3214 = componentStack.sibling), - (JSCompiler_object_inline_stack_3216 = createWorkInProgress( + (JSCompiler_object_inline_message_3237 = componentStack.sibling), + (JSCompiler_object_inline_stack_3239 = createWorkInProgress( componentStack, { mode: "hidden", - children: JSCompiler_object_inline_stack_3216.children + children: JSCompiler_object_inline_stack_3239.children } )), - (JSCompiler_object_inline_stack_3216.subtreeFlags = + (JSCompiler_object_inline_stack_3239.subtreeFlags = componentStack.subtreeFlags & 65011712), - null !== JSCompiler_object_inline_message_3214 + null !== JSCompiler_object_inline_message_3237 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_message_3214, + JSCompiler_object_inline_message_3237, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -11604,11 +11618,11 @@ )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3216.return = workInProgress), - (JSCompiler_object_inline_stack_3216.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3216), - bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3216), - (JSCompiler_object_inline_stack_3216 = workInProgress.child), + (JSCompiler_object_inline_stack_3239.return = workInProgress), + (JSCompiler_object_inline_stack_3239.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_3239), + bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3239), + (JSCompiler_object_inline_stack_3239 = workInProgress.child), (nextPrimaryChildren = current.child.memoizedState), null === nextPrimaryChildren ? (nextPrimaryChildren = mountSuspenseOffscreenState(renderLanes)) @@ -11624,18 +11638,18 @@ baseLanes: nextPrimaryChildren.baseLanes | renderLanes, cachePool: nextFallbackChildren })), - (JSCompiler_object_inline_stack_3216.memoizedState = + (JSCompiler_object_inline_stack_3239.memoizedState = nextPrimaryChildren), - (JSCompiler_object_inline_stack_3216.childLanes = + (JSCompiler_object_inline_stack_3239.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3217, + JSCompiler_object_inline_componentStack_3240, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), bailoutOffscreenComponent( current.child, - JSCompiler_object_inline_stack_3216 + JSCompiler_object_inline_stack_3239 ) ); null !== prevState && @@ -11647,17 +11661,17 @@ current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_3216.children + children: JSCompiler_object_inline_stack_3239.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_3217 = + ((JSCompiler_object_inline_componentStack_3240 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_3217 + null === JSCompiler_object_inline_componentStack_3240 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_3217.push(current)); + : JSCompiler_object_inline_componentStack_3240.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -15140,6 +15154,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -15371,7 +15386,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - (0.05 < componentEffectDuration && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -15396,6 +15411,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function detachFiberAfterEffects(fiber) { var alternate = fiber.alternate; @@ -15451,7 +15467,8 @@ } var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (deletedFiber.tag) { case 26: offscreenSubtreeWasHidden || @@ -15651,7 +15668,7 @@ (deletedFiber.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( deletedFiber, componentEffectStartTime, @@ -15662,6 +15679,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function commitActivityHydrationCallbacks(finishedRoot, finishedWork) { if ( @@ -15809,6 +15827,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), current = finishedWork.alternate, flags = finishedWork.flags; switch (finishedWork.tag) { @@ -16337,7 +16356,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - (0.05 < componentEffectDuration && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -16362,6 +16381,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function commitReconciliationEffects(finishedWork) { var flags = finishedWork.flags; @@ -16469,7 +16489,8 @@ function disappearLayoutEffects(finishedWork) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -16524,7 +16545,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -16535,6 +16556,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function recursivelyTraverseDisappearLayoutEffects(parentFiber) { for (parentFiber = parentFiber.child; null !== parentFiber; ) @@ -16550,6 +16572,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -16700,7 +16723,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -16711,6 +16734,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function recursivelyTraverseReappearLayoutEffects( finishedRoot, @@ -16790,6 +16814,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), prevDeepEquality = alreadyWarnedForDeepEquality, isViewTransitionEligible = (committedLanes & 335544064) === committedLanes; @@ -17110,7 +17135,7 @@ ); 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - (0.05 < componentEffectDuration && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -17130,6 +17155,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseReconnectPassiveEffects( @@ -17167,6 +17193,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), prevDeepEquality = alreadyWarnedForDeepEquality; includeWorkInProgressEffects && (finishedWork.mode & ProfileMode) !== NoMode && @@ -17257,7 +17284,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -17268,6 +17295,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseAtomicPassiveEffects( @@ -17490,7 +17518,8 @@ function commitPassiveUnmountOnFiber(finishedWork) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -17542,7 +17571,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -17552,6 +17581,7 @@ ); popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; componentEffectErrors = prevEffectErrors; } function recursivelyTraverseDisconnectPassiveEffects(parentFiber) { @@ -17587,7 +17617,8 @@ function disconnectPassiveEffect(finishedWork) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -17611,7 +17642,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -17621,6 +17652,7 @@ ); popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; componentEffectErrors = prevEffectErrors; } function commitPassiveUnmountEffectsInsideOfDeletedTree_begin( @@ -17633,7 +17665,8 @@ nearestMountedAncestor = nearestMountedAncestor$jscomp$0, prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (current.tag) { case 0: case 11: @@ -17658,7 +17691,7 @@ (current.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( current, componentEffectStartTime, @@ -17668,6 +17701,7 @@ ); popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; componentEffectErrors = prevEffectErrors; current = fiber.child; if (null !== current) (current.return = fiber), (nextEffect = current); @@ -19103,7 +19137,7 @@ logAnimatingPhase(gestureClampTime, debugTask, animatingTask)); var eventTime = endTime, eventType = gestureEventType, - eventIsRepeat = gestureEventIsRepeat, + eventIsRepeat = 0 < gestureEventRepeatTime, isPingedUpdate = gestureUpdateType === PINGED_UPDATE; debugTask = renderStartTime; endTime = gestureUpdateTask; @@ -19176,7 +19210,8 @@ gestureUpdateTime = -1.1; gestureUpdateType = 0; gestureSuspendedTime = -1.1; - gestureEventIsRepeat = !0; + gestureEventRepeatTime = gestureEventTime; + gestureEventTime = -1.1; gestureClampTime = now(); } else if (0 !== (lanes & 127)) { workInProgressUpdateTask = blockingUpdateTask; @@ -19205,7 +19240,7 @@ previousRenderStartTime = debugTask; eventIsRepeat = endTime; isPingedUpdate = blockingEventType; - color$jscomp$0 = blockingEventIsRepeat; + color$jscomp$0 = 0 < blockingEventRepeatTime; eventTime = blockingUpdateType === SPAWNED_UPDATE; eventType = blockingUpdateType === PINGED_UPDATE; debugTask = renderStartTime; @@ -19290,7 +19325,8 @@ blockingUpdateType = 0; blockingUpdateComponentName = blockingUpdateMethodName = null; blockingSuspendedTime = -1.1; - blockingEventIsRepeat = !0; + blockingEventRepeatTime = blockingEventTime; + blockingEventTime = -1.1; blockingClampTime = now(); } 0 !== (lanes & 4194048) && @@ -19327,7 +19363,7 @@ logAnimatingPhase(transitionClampTime, color, animatingTask)), (eventType = endTime), (eventIsRepeat = transitionEventType), - (isPingedUpdate = transitionEventIsRepeat), + (isPingedUpdate = 0 < transitionEventRepeatTime), (color$jscomp$0 = transitionUpdateType === PINGED_UPDATE), (color = renderStartTime), (endTime = transitionUpdateTask), @@ -19423,7 +19459,8 @@ (transitionUpdateTime = transitionStartTime = -1.1), (transitionUpdateType = 0), (transitionSuspendedTime = -1.1), - (transitionEventIsRepeat = !0), + (transitionEventRepeatTime = transitionEventTime), + (transitionEventTime = -1.1), (transitionClampTime = now())); 0 !== (lanes & 62914560) && 0 !== (animatingLanes & 62914560) && @@ -20072,7 +20109,8 @@ ((gestureUpdateTime = -1.1), (gestureUpdateType = 0), (gestureSuspendedTime = -1.1), - (gestureEventIsRepeat = !0)), + (gestureEventRepeatTime = gestureEventTime), + (gestureEventTime = -1.1)), (didIncludeRenderPhaseUpdate &= -65)); markRootFinished( root, @@ -29502,6 +29540,7 @@ componentEffectStartTime = -1.1, componentEffectEndTime = -1.1, componentEffectErrors = null, + componentEffectSpawnedUpdate = !1, blockingClampTime = -0, blockingUpdateTime = -1.1, blockingUpdateTask = null, @@ -29510,7 +29549,7 @@ blockingUpdateComponentName = null, blockingEventTime = -1.1, blockingEventType = null, - blockingEventIsRepeat = !1, + blockingEventRepeatTime = -1.1, blockingSuspendedTime = -1.1, gestureClampTime = -0, gestureUpdateTime = -1.1, @@ -29520,7 +29559,7 @@ gestureUpdateComponentName = null, gestureEventTime = -1.1, gestureEventType = null, - gestureEventIsRepeat = !1, + gestureEventRepeatTime = -1.1, gestureSuspendedTime = -1.1, transitionClampTime = -0, transitionStartTime = -1.1, @@ -29531,7 +29570,7 @@ transitionUpdateComponentName = null, transitionEventTime = -1.1, transitionEventType = null, - transitionEventIsRepeat = !1, + transitionEventRepeatTime = -1.1, transitionSuspendedTime = -1.1, retryClampTime = -0, idleClampTime = -0, @@ -29562,10 +29601,10 @@ var newEventTime = resolveEventTimeStamp(), newEventType = resolveEventType(); if ( - newEventTime !== transitionEventTime || + newEventTime !== transitionEventRepeatTime || newEventType !== transitionEventType ) - transitionEventIsRepeat = !1; + transitionEventRepeatTime = -1.1; transitionEventTime = newEventTime; transitionEventType = newEventType; } @@ -32221,11 +32260,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-548235db-20251001" !== 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-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -32262,10 +32301,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-ef889445-20250930", + version: "19.2.0-experimental-548235db-20251001", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-ef889445-20250930" + reconcilerVersion: "19.2.0-experimental-548235db-20251001" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -32413,7 +32452,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.2.0-experimental-ef889445-20250930"; + exports.version = "19.2.0-experimental-548235db-20251001"; "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 f8b6635026b38a..2b4f50516228af 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 @@ -6686,21 +6686,22 @@ function updateOffscreenComponent( }); if ("hidden" === nextProps.mode) { if (0 !== (workInProgress.flags & 128)) { - nextProps = + prevState = null !== prevState ? prevState.baseLanes | renderLanes : renderLanes; if (null !== current) { - nextChildren = workInProgress.child = current.child; - for (prevState = 0; null !== nextChildren; ) - (prevState = - prevState | nextChildren.lanes | nextChildren.childLanes), - (nextChildren = nextChildren.sibling); - workInProgress.childLanes = prevState & ~nextProps; - } else (workInProgress.childLanes = 0), (workInProgress.child = null); + nextProps = workInProgress.child = current.child; + for (nextChildren = 0; null !== nextProps; ) + (nextChildren = + nextChildren | nextProps.lanes | nextProps.childLanes), + (nextProps = nextProps.sibling); + nextProps = nextChildren & ~prevState; + } else (nextProps = 0), (workInProgress.child = null); return deferHiddenOffscreenComponent( current, workInProgress, - nextProps, - renderLanes + prevState, + renderLanes, + nextProps ); } if (0 !== (renderLanes & 536870912)) @@ -6716,12 +6717,13 @@ function updateOffscreenComponent( pushOffscreenSuspenseHandler(workInProgress); else return ( - (workInProgress.lanes = workInProgress.childLanes = 536870912), + (nextProps = workInProgress.lanes = 536870912), deferHiddenOffscreenComponent( current, workInProgress, null !== prevState ? prevState.baseLanes | renderLanes : renderLanes, - renderLanes + renderLanes, + nextProps ) ); } else @@ -6751,7 +6753,8 @@ function deferHiddenOffscreenComponent( current, workInProgress, nextBaseLanes, - renderLanes + renderLanes, + remainingChildLanes ) { var JSCompiler_inline_result = peekCacheFromPool(); JSCompiler_inline_result = @@ -6767,6 +6770,7 @@ function deferHiddenOffscreenComponent( pushOffscreenSuspenseHandler(workInProgress); null !== current && propagateParentContextChanges(current, workInProgress, renderLanes, !0); + workInProgress.childLanes = remainingChildLanes; return null; } function mountActivityChildren(workInProgress, nextProps) { @@ -7784,9 +7788,9 @@ function attemptEarlyBailoutIfNoScheduledUpdate( ); break; case 13: - var state$110 = workInProgress.memoizedState; - if (null !== state$110) { - if (null !== state$110.dehydrated) + var state$111 = workInProgress.memoizedState; + if (null !== state$111) { + if (null !== state$111.dehydrated) return ( pushPrimaryTreeSuspenseHandler(workInProgress), (workInProgress.flags |= 128), @@ -7806,17 +7810,17 @@ function attemptEarlyBailoutIfNoScheduledUpdate( break; case 19: var didSuspendBefore = 0 !== (current.flags & 128); - state$110 = 0 !== (renderLanes & workInProgress.childLanes); - state$110 || + state$111 = 0 !== (renderLanes & workInProgress.childLanes); + state$111 || (propagateParentContextChanges( current, workInProgress, renderLanes, !1 ), - (state$110 = 0 !== (renderLanes & workInProgress.childLanes))); + (state$111 = 0 !== (renderLanes & workInProgress.childLanes))); if (didSuspendBefore) { - if (state$110) + if (state$111) return updateSuspenseListComponent( current, workInProgress, @@ -7830,7 +7834,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate( (didSuspendBefore.tail = null), (didSuspendBefore.lastEffect = null)); push(suspenseStackCursor, suspenseStackCursor.current); - if (state$110) break; + if (state$111) break; else return null; case 22: return ( @@ -8392,14 +8396,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { break; case "collapsed": lastTailNode = renderState.tail; - for (var lastTailNode$114 = null; null !== lastTailNode; ) - null !== lastTailNode.alternate && (lastTailNode$114 = lastTailNode), + for (var lastTailNode$115 = null; null !== lastTailNode; ) + null !== lastTailNode.alternate && (lastTailNode$115 = lastTailNode), (lastTailNode = lastTailNode.sibling); - null === lastTailNode$114 + null === lastTailNode$115 ? hasRenderedATailFallback || null === renderState.tail ? (renderState.tail = null) : (renderState.tail.sibling = null) - : (lastTailNode$114.sibling = null); + : (lastTailNode$115.sibling = null); } } function bubbleProperties(completedWork) { @@ -8409,19 +8413,19 @@ function bubbleProperties(completedWork) { newChildLanes = 0, subtreeFlags = 0; if (didBailout) - for (var child$115 = completedWork.child; null !== child$115; ) - (newChildLanes |= child$115.lanes | child$115.childLanes), - (subtreeFlags |= child$115.subtreeFlags & 65011712), - (subtreeFlags |= child$115.flags & 65011712), - (child$115.return = completedWork), - (child$115 = child$115.sibling); + for (var child$116 = completedWork.child; null !== child$116; ) + (newChildLanes |= child$116.lanes | child$116.childLanes), + (subtreeFlags |= child$116.subtreeFlags & 65011712), + (subtreeFlags |= child$116.flags & 65011712), + (child$116.return = completedWork), + (child$116 = child$116.sibling); else - for (child$115 = completedWork.child; null !== child$115; ) - (newChildLanes |= child$115.lanes | child$115.childLanes), - (subtreeFlags |= child$115.subtreeFlags), - (subtreeFlags |= child$115.flags), - (child$115.return = completedWork), - (child$115 = child$115.sibling); + for (child$116 = completedWork.child; null !== child$116; ) + (newChildLanes |= child$116.lanes | child$116.childLanes), + (subtreeFlags |= child$116.subtreeFlags), + (subtreeFlags |= child$116.flags), + (child$116.return = completedWork), + (child$116 = child$116.sibling); completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; @@ -9198,8 +9202,8 @@ function safelyDetachRef(current, nearestMountedAncestor) { else if ("function" === typeof ref) try { ref(null); - } catch (error$149) { - captureCommitPhaseError(current, nearestMountedAncestor, error$149); + } catch (error$150) { + captureCommitPhaseError(current, nearestMountedAncestor, error$150); } else ref.current = null; } @@ -10074,11 +10078,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { prevState, instance.__reactInternalSnapshotBeforeUpdate ); - } catch (error$147) { + } catch (error$148) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$147 + error$148 ); } } @@ -11049,25 +11053,25 @@ function commitReconciliationEffects(finishedWork) { ); break; case 5: - var parent$150 = hostParentFiber.stateNode; + var parent$151 = hostParentFiber.stateNode; hostParentFiber.flags & 32 && - (setTextContent(parent$150, ""), (hostParentFiber.flags &= -33)); - var before$151 = getHostSibling(finishedWork); + (setTextContent(parent$151, ""), (hostParentFiber.flags &= -33)); + var before$152 = getHostSibling(finishedWork); insertOrAppendPlacementNode( finishedWork, - before$151, - parent$150, + before$152, + parent$151, parentFragmentInstances ); break; case 3: case 4: - var parent$152 = hostParentFiber.stateNode.containerInfo, - before$153 = getHostSibling(finishedWork); + var parent$153 = hostParentFiber.stateNode.containerInfo, + before$154 = getHostSibling(finishedWork); insertOrAppendPlacementNodeIntoContainer( finishedWork, - before$153, - parent$152, + before$154, + parent$153, parentFragmentInstances ); break; @@ -12249,7 +12253,7 @@ function recursivelyInsertClones( if (null === nextPhase) recursivelyInsertNewFiber(deletions, i, parentViewTransition, 5); else { - var nextPhase$177 = deletions.flags; + var nextPhase$178 = deletions.flags; switch (deletions.tag) { case 26: recursivelyInsertClones( @@ -12275,16 +12279,16 @@ function recursivelyInsertClones( (setTextContent(clone, ""), (viewTransitionMutationContext = !0))) : (clone = clone.cloneNode(!1)); - if (nextPhase$177 & 4) { - nextPhase$177 = clone; + if (nextPhase$178 & 4) { + nextPhase$178 = clone; var newProps = deletions.memoizedProps; updateProperties( - nextPhase$177, + nextPhase$178, deletions.type, nextPhase.memoizedProps, newProps ); - nextPhase$177[internalPropsKey] = newProps; + nextPhase$178[internalPropsKey] = newProps; } 1 === visitPhase || 2 === visitPhase ? (i.appendChild(clone), @@ -12303,7 +12307,7 @@ function recursivelyInsertClones( if (null === parentViewTransition) throw Error(formatProdErrorMessage(162)); parentViewTransition = parentViewTransition.cloneNode(!1); - nextPhase$177 & 4 && + nextPhase$178 & 4 && ((parentViewTransition.nodeValue = nextPhase.memoizedProps), (viewTransitionMutationContext = !0)); i.appendChild(parentViewTransition); @@ -12316,7 +12320,7 @@ function recursivelyInsertClones( case 22: null === deletions.memoizedState ? ((nextPhase = - 0 === visitPhase && 0 !== (nextPhase$177 & 8192) + 0 === visitPhase && 0 !== (nextPhase$178 & 8192) ? 1 : visitPhase), recursivelyInsertClones( @@ -12334,8 +12338,8 @@ function recursivelyInsertClones( parentViewTransition = pushMutationContext(); clone = deletions.stateNode; clone.clones = null; - nextPhase$177 = 1 === visitPhase ? 2 : visitPhase; - recursivelyInsertClones(deletions, i, clone, nextPhase$177); + nextPhase$178 = 1 === visitPhase ? 2 : visitPhase; + recursivelyInsertClones(deletions, i, clone, nextPhase$178); viewTransitionMutationContext && (deletions.flags |= 4); 1 === visitPhase ? applyExitViewTransition(deletions) @@ -13094,8 +13098,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) { workLoopSync(); exitStatus = workInProgressRootExitStatus; break; - } catch (thrownValue$182) { - handleThrow(root, thrownValue$182); + } catch (thrownValue$183) { + handleThrow(root, thrownValue$183); } while (1); lanes && root.shellSuspendCounter++; @@ -13214,8 +13218,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrentByScheduler(); break; - } catch (thrownValue$184) { - handleThrow(root, thrownValue$184); + } catch (thrownValue$185) { + handleThrow(root, thrownValue$185); } while (1); lastContextDependency = currentlyRenderingFiber$1 = null; @@ -13869,26 +13873,26 @@ function commitGestureOnRoot( } var rotate = computedStyle.rotate; if ("none" !== rotate && "" !== rotate) { - var parts$263 = rotate.split(" "); + var parts$264 = rotate.split(" "); transform = - 1 === parts$263.length - ? "rotate(" + parts$263[0] + ") " + transform - : 2 === parts$263.length + 1 === parts$264.length + ? "rotate(" + parts$264[0] + ") " + transform + : 2 === parts$264.length ? "rotate" + - parts$263[0].toUpperCase() + + parts$264[0].toUpperCase() + "(" + - parts$263[1] + + parts$264[1] + ") " + transform - : "rotate3d(" + parts$263.join(", ") + ") " + transform; + : "rotate3d(" + parts$264.join(", ") + ") " + transform; } var translate = computedStyle.translate; if ("none" !== translate && "" !== translate) { - var parts$264 = translate.split(" "); + var parts$265 = translate.split(" "); transform = - (3 === parts$264.length ? "translate3d" : "translate") + + (3 === parts$265.length ? "translate3d" : "translate") + "(" + - parts$264.join(", ") + + parts$265.join(", ") + ") " + transform; } @@ -14200,14 +14204,14 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$191 = firstScheduledRoot; null !== root$191; ) { + for (var root$192 = firstScheduledRoot; null !== root$192; ) { if (!onlyLegacy) if (0 !== syncTransitionLanes) { - var pendingLanes = root$191.pendingLanes; + var pendingLanes = root$192.pendingLanes; if (0 === pendingLanes) var JSCompiler_inline_result = 0; else { - var suspendedLanes = root$191.suspendedLanes, - pingedLanes = root$191.pingedLanes; + var suspendedLanes = root$192.suspendedLanes, + pingedLanes = root$192.pingedLanes; JSCompiler_inline_result = (1 << (31 - clz32(42 | syncTransitionLanes) + 1)) - 1; JSCompiler_inline_result &= @@ -14221,21 +14225,21 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { } 0 !== JSCompiler_inline_result && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$191, JSCompiler_inline_result)); + performSyncWorkOnRoot(root$192, JSCompiler_inline_result)); } else (JSCompiler_inline_result = workInProgressRootRenderLanes), (JSCompiler_inline_result = getNextLanes( - root$191, - root$191 === workInProgressRoot ? JSCompiler_inline_result : 0, - null !== root$191.cancelPendingCommit || - -1 !== root$191.timeoutHandle + root$192, + root$192 === workInProgressRoot ? JSCompiler_inline_result : 0, + null !== root$192.cancelPendingCommit || + -1 !== root$192.timeoutHandle )), (0 === (JSCompiler_inline_result & 3) && 64 !== JSCompiler_inline_result) || - checkIfRootIsPrerendering(root$191, JSCompiler_inline_result) || + checkIfRootIsPrerendering(root$192, JSCompiler_inline_result) || ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$191, JSCompiler_inline_result)); - root$191 = root$191.next; + performSyncWorkOnRoot(root$192, JSCompiler_inline_result)); + root$192 = root$192.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -14558,20 +14562,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_1798 = 0; - i$jscomp$inline_1798 < simpleEventPluginEvents.length; - i$jscomp$inline_1798++ + var i$jscomp$inline_1799 = 0; + i$jscomp$inline_1799 < simpleEventPluginEvents.length; + i$jscomp$inline_1799++ ) { - var eventName$jscomp$inline_1799 = - simpleEventPluginEvents[i$jscomp$inline_1798], - domEventName$jscomp$inline_1800 = - eventName$jscomp$inline_1799.toLowerCase(), - capitalizedEvent$jscomp$inline_1801 = - eventName$jscomp$inline_1799[0].toUpperCase() + - eventName$jscomp$inline_1799.slice(1); + var eventName$jscomp$inline_1800 = + simpleEventPluginEvents[i$jscomp$inline_1799], + domEventName$jscomp$inline_1801 = + eventName$jscomp$inline_1800.toLowerCase(), + capitalizedEvent$jscomp$inline_1802 = + eventName$jscomp$inline_1800[0].toUpperCase() + + eventName$jscomp$inline_1800.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1800, - "on" + capitalizedEvent$jscomp$inline_1801 + domEventName$jscomp$inline_1801, + "on" + capitalizedEvent$jscomp$inline_1802 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -15805,34 +15809,34 @@ function setInitialProperties(domElement, tag, props) { var propKey = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$205 = props[hasSrc]; - if (null != propValue$205) + var propValue$206 = props[hasSrc]; + if (null != propValue$206) switch (hasSrc) { case "name": - hasSrcSet = propValue$205; + hasSrcSet = propValue$206; break; case "type": - propValue = propValue$205; + propValue = propValue$206; break; case "checked": - checked = propValue$205; + checked = propValue$206; break; case "defaultChecked": - propKey = propValue$205; + propKey = propValue$206; break; case "value": - value = propValue$205; + value = propValue$206; break; case "defaultValue": - defaultValue = propValue$205; + defaultValue = propValue$206; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$205) + if (null != propValue$206) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$205, props, null); + setProp(domElement, tag, hasSrc, propValue$206, props, null); } } a: { @@ -16015,14 +16019,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$205 in props) - props.hasOwnProperty(propValue$205) && - ((hasSrc = props[propValue$205]), + for (propValue$206 in props) + props.hasOwnProperty(propValue$206) && + ((hasSrc = props[propValue$206]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$205, + propValue$206, hasSrc, props, void 0 @@ -16069,14 +16073,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$222 in nextProps) { - var propKey = nextProps[propKey$222]; - lastProp = lastProps[propKey$222]; + for (var propKey$223 in nextProps) { + var propKey = nextProps[propKey$223]; + lastProp = lastProps[propKey$223]; if ( - nextProps.hasOwnProperty(propKey$222) && + nextProps.hasOwnProperty(propKey$223) && (null != propKey || null != lastProp) ) - switch (propKey$222) { + switch (propKey$223) { case "type": propKey !== lastProp && (viewTransitionMutationContext = !0); type = propKey; @@ -16111,7 +16115,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$222, + propKey$223, propKey, nextProps, lastProp @@ -16130,7 +16134,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$222 = null; + propKey = value = defaultValue = propKey$223 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -16162,7 +16166,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (name) { case "value": type !== lastDefaultValue && (viewTransitionMutationContext = !0); - propKey$222 = type; + propKey$223 = type; break; case "defaultValue": type !== lastDefaultValue && (viewTransitionMutationContext = !0); @@ -16185,15 +16189,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$222 - ? updateOptions(domElement, !!lastProps, propKey$222, !1) + null != propKey$223 + ? updateOptions(domElement, !!lastProps, propKey$223, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$222 = null; + propKey = propKey$223 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -16218,7 +16222,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (value) { case "value": name !== type && (viewTransitionMutationContext = !0); - propKey$222 = name; + propKey$223 = name; break; case "defaultValue": name !== type && (viewTransitionMutationContext = !0); @@ -16233,17 +16237,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$222, propKey); + updateTextarea(domElement, propKey$223, propKey); return; case "option": - for (var propKey$238 in lastProps) + for (var propKey$239 in lastProps) if ( - ((propKey$222 = lastProps[propKey$238]), - lastProps.hasOwnProperty(propKey$238) && - null != propKey$222 && - !nextProps.hasOwnProperty(propKey$238)) + ((propKey$223 = lastProps[propKey$239]), + lastProps.hasOwnProperty(propKey$239) && + null != propKey$223 && + !nextProps.hasOwnProperty(propKey$239)) ) - switch (propKey$238) { + switch (propKey$239) { case "selected": domElement.selected = !1; break; @@ -16251,34 +16255,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$238, + propKey$239, null, nextProps, - propKey$222 + propKey$223 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$222 = nextProps[lastDefaultValue]), + ((propKey$223 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$222 !== propKey && - (null != propKey$222 || null != propKey)) + propKey$223 !== propKey && + (null != propKey$223 || null != propKey)) ) switch (lastDefaultValue) { case "selected": - propKey$222 !== propKey && (viewTransitionMutationContext = !0); + propKey$223 !== propKey && (viewTransitionMutationContext = !0); domElement.selected = - propKey$222 && - "function" !== typeof propKey$222 && - "symbol" !== typeof propKey$222; + propKey$223 && + "function" !== typeof propKey$223 && + "symbol" !== typeof propKey$223; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$222, + propKey$223, nextProps, propKey ); @@ -16299,24 +16303,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$243 in lastProps) - (propKey$222 = lastProps[propKey$243]), - lastProps.hasOwnProperty(propKey$243) && - null != propKey$222 && - !nextProps.hasOwnProperty(propKey$243) && - setProp(domElement, tag, propKey$243, null, nextProps, propKey$222); + for (var propKey$244 in lastProps) + (propKey$223 = lastProps[propKey$244]), + lastProps.hasOwnProperty(propKey$244) && + null != propKey$223 && + !nextProps.hasOwnProperty(propKey$244) && + setProp(domElement, tag, propKey$244, null, nextProps, propKey$223); for (checked in nextProps) if ( - ((propKey$222 = nextProps[checked]), + ((propKey$223 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$222 !== propKey && - (null != propKey$222 || null != propKey)) + propKey$223 !== propKey && + (null != propKey$223 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$222) + if (null != propKey$223) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -16324,7 +16328,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$222, + propKey$223, nextProps, propKey ); @@ -16332,49 +16336,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$248 in lastProps) - (propKey$222 = lastProps[propKey$248]), - lastProps.hasOwnProperty(propKey$248) && - void 0 !== propKey$222 && - !nextProps.hasOwnProperty(propKey$248) && + for (var propKey$249 in lastProps) + (propKey$223 = lastProps[propKey$249]), + lastProps.hasOwnProperty(propKey$249) && + void 0 !== propKey$223 && + !nextProps.hasOwnProperty(propKey$249) && setPropOnCustomElement( domElement, tag, - propKey$248, + propKey$249, void 0, nextProps, - propKey$222 + propKey$223 ); for (defaultChecked in nextProps) - (propKey$222 = nextProps[defaultChecked]), + (propKey$223 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$222 === propKey || - (void 0 === propKey$222 && void 0 === propKey) || + propKey$223 === propKey || + (void 0 === propKey$223 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$222, + propKey$223, nextProps, propKey ); return; } } - for (var propKey$253 in lastProps) - (propKey$222 = lastProps[propKey$253]), - lastProps.hasOwnProperty(propKey$253) && - null != propKey$222 && - !nextProps.hasOwnProperty(propKey$253) && - setProp(domElement, tag, propKey$253, null, nextProps, propKey$222); + for (var propKey$254 in lastProps) + (propKey$223 = lastProps[propKey$254]), + lastProps.hasOwnProperty(propKey$254) && + null != propKey$223 && + !nextProps.hasOwnProperty(propKey$254) && + setProp(domElement, tag, propKey$254, null, nextProps, propKey$223); for (lastProp in nextProps) - (propKey$222 = nextProps[lastProp]), + (propKey$223 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$222 === propKey || - (null == propKey$222 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$222, nextProps, propKey); + propKey$223 === propKey || + (null == propKey$223 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$223, nextProps, propKey); } function isLikelyStaticResource(initiatorType) { switch (initiatorType) { @@ -17116,20 +17120,20 @@ function startGestureTransition( ))) : (isExitGroupAnim = !0); } - var timing$270 = pseudoElement.getTiming(); + var timing$271 = pseudoElement.getTiming(); anim = rangeEnd - - (("number" === typeof timing$270.duration - ? timing$270.duration + (("number" === typeof timing$271.duration + ? timing$271.duration : 0) + - timing$270.delay) * + timing$271.delay) * longestDuration; - groupName = rangeEnd - timing$270.delay * longestDuration; + groupName = rangeEnd - timing$271.delay * longestDuration; if ( - "reverse" === timing$270.direction || - "alternate-reverse" === timing$270.direction + "reverse" === timing$271.direction || + "alternate-reverse" === timing$271.direction ) - (timing$270 = anim), (anim = groupName), (groupName = timing$270); + (timing$271 = anim), (anim = groupName), (groupName = timing$271); animateGesture( pseudoElement.getKeyframes(), pseudoElement.target, @@ -18256,26 +18260,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$279 = getResourcesFromRoot( + var styles$280 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$280 = styles$279.get(type); - resource$280 || + resource$281 = styles$280.get(type); + resource$281 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$280 = { + (resource$281 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$279.set(type, resource$280), - (styles$279 = JSCompiler_inline_result.querySelector( + styles$280.set(type, resource$281), + (styles$280 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$279._p && - ((resource$280.instance = styles$279), - (resource$280.state.loading = 5)), + !styles$280._p && + ((resource$281.instance = styles$280), + (resource$281.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -18288,16 +18292,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$279 || + styles$280 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$280.state + resource$281.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$280; + return resource$281; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -18394,37 +18398,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$285 = hoistableRoot.querySelector( + var instance$286 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$285) + if (instance$286) return ( (resource.state.loading |= 4), - (resource.instance = instance$285), - markNodeAsHoistable(instance$285), - instance$285 + (resource.instance = instance$286), + markNodeAsHoistable(instance$286), + instance$286 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$285 = ( + instance$286 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$285); - var linkInstance = instance$285; + markNodeAsHoistable(instance$286); + var linkInstance = instance$286; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$285, "link", instance); + setInitialProperties(instance$286, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$285, props.precedence, hoistableRoot); - return (resource.instance = instance$285); + insertStylesheet(instance$286, props.precedence, hoistableRoot); + return (resource.instance = instance$286); case "script": - instance$285 = getScriptKey(props.src); + instance$286 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$285) + getScriptSelectorFromKey(instance$286) )) ) return ( @@ -18433,7 +18437,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$285))) + if ((styleProps = preloadPropsMap.get(instance$286))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -19560,16 +19564,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_2216 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_2217 = React.version; if ( - "19.2.0-experimental-ef889445-20250930" !== - isomorphicReactPackageVersion$jscomp$inline_2216 + "19.2.0-experimental-548235db-20251001" !== + isomorphicReactPackageVersion$jscomp$inline_2217 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_2216, - "19.2.0-experimental-ef889445-20250930" + isomorphicReactPackageVersion$jscomp$inline_2217, + "19.2.0-experimental-548235db-20251001" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -19589,24 +19593,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2913 = { +var internals$jscomp$inline_2914 = { bundleType: 0, - version: "19.2.0-experimental-ef889445-20250930", + version: "19.2.0-experimental-548235db-20251001", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-ef889445-20250930" + reconcilerVersion: "19.2.0-experimental-548235db-20251001" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2914 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2915 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2914.isDisabled && - hook$jscomp$inline_2914.supportsFiber + !hook$jscomp$inline_2915.isDisabled && + hook$jscomp$inline_2915.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2914.inject( - internals$jscomp$inline_2913 + (rendererID = hook$jscomp$inline_2915.inject( + internals$jscomp$inline_2914 )), - (injectedHook = hook$jscomp$inline_2914); + (injectedHook = hook$jscomp$inline_2915); } catch (err) {} } exports.createRoot = function (container, options) { @@ -19701,4 +19705,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.2.0-experimental-ef889445-20250930"; +exports.version = "19.2.0-experimental-548235db-20251001"; 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 70e4a50bbf5583..40dbed0304f297 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 @@ -5893,8 +5893,8 @@ (gestureUpdateComponentName = getComponentNameFromFiber(fiber)); lane = resolveEventTimeStamp(); method = resolveEventType(); - if (lane !== gestureEventTime || method !== gestureEventType) - gestureEventIsRepeat = !1; + if (lane !== gestureEventRepeatTime || method !== gestureEventType) + gestureEventRepeatTime = -1.1; gestureEventTime = lane; gestureEventType = method; } @@ -5906,11 +5906,12 @@ null != fiber && (blockingUpdateComponentName = getComponentNameFromFiber(fiber)), (executionContext & (RenderContext | CommitContext)) !== NoContext && - (blockingUpdateType = SPAWNED_UPDATE), + ((componentEffectSpawnedUpdate = !0), + (blockingUpdateType = SPAWNED_UPDATE)), (lane = resolveEventTimeStamp()), (method = resolveEventType()), - lane !== blockingEventTime || method !== blockingEventType - ? (blockingEventIsRepeat = !1) + lane !== blockingEventRepeatTime || method !== blockingEventType + ? (blockingEventRepeatTime = -1.1) : null !== method && (blockingUpdateType = SPAWNED_UPDATE), (blockingEventTime = lane), (blockingEventType = method)); @@ -5926,8 +5927,11 @@ ) { lane = resolveEventTimeStamp(); method = resolveEventType(); - if (lane !== transitionEventTime || method !== transitionEventType) - transitionEventIsRepeat = !1; + if ( + lane !== transitionEventRepeatTime || + method !== transitionEventType + ) + transitionEventRepeatTime = -1.1; transitionEventTime = lane; transitionEventType = method; } @@ -5940,8 +5944,9 @@ (blockingUpdateType = SPAWNED_UPDATE); var newEventTime = resolveEventTimeStamp(), newEventType = resolveEventType(); - newEventTime !== blockingEventTime || newEventType !== blockingEventType - ? (blockingEventIsRepeat = !1) + newEventTime !== blockingEventRepeatTime || + newEventType !== blockingEventType + ? (blockingEventRepeatTime = -1.1) : null !== newEventType && (blockingUpdateType = SPAWNED_UPDATE); blockingEventTime = newEventTime; blockingEventType = newEventType; @@ -5956,10 +5961,10 @@ fiber = resolveEventTimeStamp(); newEventTime = resolveEventType(); if ( - fiber !== transitionEventTime || + fiber !== transitionEventRepeatTime || newEventTime !== transitionEventType ) - transitionEventIsRepeat = !1; + transitionEventRepeatTime = -1.1; transitionEventTime = fiber; transitionEventType = newEventTime; } @@ -6003,6 +6008,11 @@ componentEffectErrors = null; return prevErrors; } + function pushComponentEffectDidSpawnUpdate() { + var prev = componentEffectSpawnedUpdate; + componentEffectSpawnedUpdate = !1; + return prev; + } function startProfilerTimer(fiber) { profilerStartTime = now(); 0 > fiber.actualStartTime && (fiber.actualStartTime = profilerStartTime); @@ -10334,23 +10344,24 @@ }); if ("hidden" === nextProps.mode) { if (0 !== (workInProgress.flags & 128)) { - nextProps = + prevState = null !== prevState ? prevState.baseLanes | renderLanes : renderLanes; if (null !== current) { - nextChildren = workInProgress.child = current.child; - for (prevState = 0; null !== nextChildren; ) - (prevState = - prevState | nextChildren.lanes | nextChildren.childLanes), - (nextChildren = nextChildren.sibling); - workInProgress.childLanes = prevState & ~nextProps; - } else (workInProgress.childLanes = 0), (workInProgress.child = null); + nextProps = workInProgress.child = current.child; + for (nextChildren = 0; null !== nextProps; ) + (nextChildren = + nextChildren | nextProps.lanes | nextProps.childLanes), + (nextProps = nextProps.sibling); + nextProps = nextChildren & ~prevState; + } else (nextProps = 0), (workInProgress.child = null); return deferHiddenOffscreenComponent( current, workInProgress, - nextProps, - renderLanes + prevState, + renderLanes, + nextProps ); } if (0 !== (renderLanes & 536870912)) @@ -10366,14 +10377,15 @@ pushOffscreenSuspenseHandler(workInProgress); else return ( - (workInProgress.lanes = workInProgress.childLanes = 536870912), + (nextProps = workInProgress.lanes = 536870912), deferHiddenOffscreenComponent( current, workInProgress, null !== prevState ? prevState.baseLanes | renderLanes : renderLanes, - renderLanes + renderLanes, + nextProps ) ); } else @@ -10403,7 +10415,8 @@ current, workInProgress, nextBaseLanes, - renderLanes + renderLanes, + remainingChildLanes ) { var JSCompiler_inline_result = peekCacheFromPool(); JSCompiler_inline_result = @@ -10422,6 +10435,7 @@ pushOffscreenSuspenseHandler(workInProgress); null !== current && propagateParentContextChanges(current, workInProgress, renderLanes, !0); + workInProgress.childLanes = remainingChildLanes; return null; } function mountActivityChildren(workInProgress, nextProps) { @@ -11287,25 +11301,25 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_3222; - var JSCompiler_object_inline_stack_3221 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_3245; + var JSCompiler_object_inline_stack_3244 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_digest_3220 = !1; + var JSCompiler_object_inline_digest_3243 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_3222 = didSuspend) || - (JSCompiler_object_inline_componentStack_3222 = + (JSCompiler_object_inline_componentStack_3245 = didSuspend) || + (JSCompiler_object_inline_componentStack_3245 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_3222 && - ((JSCompiler_object_inline_digest_3220 = !0), + JSCompiler_object_inline_componentStack_3245 && + ((JSCompiler_object_inline_digest_3243 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_3222 = + JSCompiler_object_inline_componentStack_3245 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_digest_3220 + JSCompiler_object_inline_digest_3243 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (current = nextHydratableInstance) @@ -11318,20 +11332,20 @@ ? renderLanes : null), null !== renderLanes && - ((JSCompiler_object_inline_componentStack_3222 = { + ((JSCompiler_object_inline_componentStack_3245 = { dehydrated: renderLanes, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_componentStack_3222), - (JSCompiler_object_inline_componentStack_3222 = + JSCompiler_object_inline_componentStack_3245), + (JSCompiler_object_inline_componentStack_3245 = createFiberFromDehydratedFragment(renderLanes)), - (JSCompiler_object_inline_componentStack_3222.return = + (JSCompiler_object_inline_componentStack_3245.return = workInProgress), (workInProgress.child = - JSCompiler_object_inline_componentStack_3222), + JSCompiler_object_inline_componentStack_3245), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (renderLanes = null); @@ -11345,9 +11359,9 @@ : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_3221.children, - nextFallbackChildren = JSCompiler_object_inline_stack_3221.fallback; - if (JSCompiler_object_inline_digest_3220) + var nextPrimaryChildren = JSCompiler_object_inline_stack_3244.children, + nextFallbackChildren = JSCompiler_object_inline_stack_3244.fallback; + if (JSCompiler_object_inline_digest_3243) return ( reuseSuspenseHandlerOnStack(workInProgress), mountSuspenseFallbackChildren( @@ -11356,21 +11370,21 @@ nextFallbackChildren, renderLanes ), - (JSCompiler_object_inline_stack_3221 = workInProgress.child), - (JSCompiler_object_inline_stack_3221.memoizedState = + (JSCompiler_object_inline_stack_3244 = workInProgress.child), + (JSCompiler_object_inline_stack_3244.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3221.childLanes = + (JSCompiler_object_inline_stack_3244.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3222, + JSCompiler_object_inline_componentStack_3245, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3221) + bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3244) ); if ( "number" === - typeof JSCompiler_object_inline_stack_3221.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_3244.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), @@ -11380,18 +11394,18 @@ nextFallbackChildren, renderLanes ), - (JSCompiler_object_inline_stack_3221 = workInProgress.child), - (JSCompiler_object_inline_stack_3221.memoizedState = + (JSCompiler_object_inline_stack_3244 = workInProgress.child), + (JSCompiler_object_inline_stack_3244.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3221.childLanes = + (JSCompiler_object_inline_stack_3244.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3222, + JSCompiler_object_inline_componentStack_3245, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3221) + bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3244) ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( @@ -11401,8 +11415,8 @@ } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_message_3219 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_message_3219) { + var JSCompiler_object_inline_message_3242 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_message_3242) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -11419,13 +11433,13 @@ (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_3221.fallback), + JSCompiler_object_inline_stack_3244.fallback), (nextFallbackChildren = workInProgress.mode), - (JSCompiler_object_inline_stack_3221 = + (JSCompiler_object_inline_stack_3244 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_3221.children + children: JSCompiler_object_inline_stack_3244.children }, nextFallbackChildren )), @@ -11436,78 +11450,78 @@ null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_3221.return = workInProgress), + (JSCompiler_object_inline_stack_3244.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3221.sibling = + (JSCompiler_object_inline_stack_3244.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3221), + (workInProgress.child = JSCompiler_object_inline_stack_3244), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_3221 = workInProgress.child), - (JSCompiler_object_inline_stack_3221.memoizedState = + (JSCompiler_object_inline_stack_3244 = workInProgress.child), + (JSCompiler_object_inline_stack_3244.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3221.childLanes = + (JSCompiler_object_inline_stack_3244.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3222, + JSCompiler_object_inline_componentStack_3245, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = bailoutOffscreenComponent( null, - JSCompiler_object_inline_stack_3221 + JSCompiler_object_inline_stack_3244 ))); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), 0 !== (renderLanes & 536870912) && markRenderDerivedCause(workInProgress), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_3219)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_3242)) ) { - JSCompiler_object_inline_componentStack_3222 = - JSCompiler_object_inline_message_3219.nextSibling && - JSCompiler_object_inline_message_3219.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_3222) { + JSCompiler_object_inline_componentStack_3245 = + JSCompiler_object_inline_message_3242.nextSibling && + JSCompiler_object_inline_message_3242.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_3245) { nextPrimaryChildren = - JSCompiler_object_inline_componentStack_3222.dgst; - var message = JSCompiler_object_inline_componentStack_3222.msg; + JSCompiler_object_inline_componentStack_3245.dgst; + var message = JSCompiler_object_inline_componentStack_3245.msg; nextFallbackChildren = - JSCompiler_object_inline_componentStack_3222.stck; + JSCompiler_object_inline_componentStack_3245.stck; var componentStack = - JSCompiler_object_inline_componentStack_3222.cstck; + JSCompiler_object_inline_componentStack_3245.cstck; } - JSCompiler_object_inline_message_3219 = message; - JSCompiler_object_inline_digest_3220 = nextPrimaryChildren; - JSCompiler_object_inline_stack_3221 = nextFallbackChildren; - JSCompiler_object_inline_componentStack_3222 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_digest_3220; - nextFallbackChildren = JSCompiler_object_inline_message_3219; - componentStack = JSCompiler_object_inline_componentStack_3222; + JSCompiler_object_inline_message_3242 = message; + JSCompiler_object_inline_digest_3243 = nextPrimaryChildren; + JSCompiler_object_inline_stack_3244 = nextFallbackChildren; + JSCompiler_object_inline_componentStack_3245 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_digest_3243; + nextFallbackChildren = JSCompiler_object_inline_message_3242; + componentStack = JSCompiler_object_inline_componentStack_3245; "POSTPONE" !== nextPrimaryChildren && - ((JSCompiler_object_inline_componentStack_3222 = + ((JSCompiler_object_inline_componentStack_3245 = 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_3222.stack = - JSCompiler_object_inline_stack_3221 || ""), - (JSCompiler_object_inline_componentStack_3222.digest = + (JSCompiler_object_inline_componentStack_3245.stack = + JSCompiler_object_inline_stack_3244 || ""), + (JSCompiler_object_inline_componentStack_3245.digest = nextPrimaryChildren), - (JSCompiler_object_inline_stack_3221 = + (JSCompiler_object_inline_stack_3244 = void 0 === componentStack ? null : componentStack), (nextPrimaryChildren = { - value: JSCompiler_object_inline_componentStack_3222, + value: JSCompiler_object_inline_componentStack_3245, source: null, - stack: JSCompiler_object_inline_stack_3221 + stack: JSCompiler_object_inline_stack_3244 }), - "string" === typeof JSCompiler_object_inline_stack_3221 && + "string" === typeof JSCompiler_object_inline_stack_3244 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_3222, + JSCompiler_object_inline_componentStack_3245, nextPrimaryChildren ), queueHydrationError(nextPrimaryChildren)); @@ -11524,34 +11538,34 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_3222 = + (JSCompiler_object_inline_componentStack_3245 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_3222) + didReceiveUpdate || JSCompiler_object_inline_componentStack_3245) ) { - JSCompiler_object_inline_componentStack_3222 = workInProgressRoot; + JSCompiler_object_inline_componentStack_3245 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_3222 && - ((JSCompiler_object_inline_stack_3221 = getBumpedLaneForHydration( - JSCompiler_object_inline_componentStack_3222, + null !== JSCompiler_object_inline_componentStack_3245 && + ((JSCompiler_object_inline_stack_3244 = getBumpedLaneForHydration( + JSCompiler_object_inline_componentStack_3245, renderLanes )), - 0 !== JSCompiler_object_inline_stack_3221 && - JSCompiler_object_inline_stack_3221 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_3244 && + JSCompiler_object_inline_stack_3244 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_3221), + ((prevState.retryLane = JSCompiler_object_inline_stack_3244), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_3221 + JSCompiler_object_inline_stack_3244 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_3222, + JSCompiler_object_inline_componentStack_3245, current, - JSCompiler_object_inline_stack_3221 + JSCompiler_object_inline_stack_3244 ), SelectiveHydrationException) ); - isSuspenseInstancePending(JSCompiler_object_inline_message_3219) || + isSuspenseInstancePending(JSCompiler_object_inline_message_3242) || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -11559,13 +11573,13 @@ renderLanes ); } else - isSuspenseInstancePending(JSCompiler_object_inline_message_3219) + isSuspenseInstancePending(JSCompiler_object_inline_message_3242) ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_3219.nextSibling + JSCompiler_object_inline_message_3242.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -11577,31 +11591,31 @@ restoreSuspendedTreeContext(workInProgress, current), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_3221.children + JSCompiler_object_inline_stack_3244.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_digest_3220) + if (JSCompiler_object_inline_digest_3243) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_3221.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_3244.fallback), (nextFallbackChildren = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_message_3219 = componentStack.sibling), - (JSCompiler_object_inline_stack_3221 = createWorkInProgress( + (JSCompiler_object_inline_message_3242 = componentStack.sibling), + (JSCompiler_object_inline_stack_3244 = createWorkInProgress( componentStack, { mode: "hidden", - children: JSCompiler_object_inline_stack_3221.children + children: JSCompiler_object_inline_stack_3244.children } )), - (JSCompiler_object_inline_stack_3221.subtreeFlags = + (JSCompiler_object_inline_stack_3244.subtreeFlags = componentStack.subtreeFlags & 65011712), - null !== JSCompiler_object_inline_message_3219 + null !== JSCompiler_object_inline_message_3242 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_message_3219, + JSCompiler_object_inline_message_3242, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -11612,11 +11626,11 @@ )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3221.return = workInProgress), - (JSCompiler_object_inline_stack_3221.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3221), - bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3221), - (JSCompiler_object_inline_stack_3221 = workInProgress.child), + (JSCompiler_object_inline_stack_3244.return = workInProgress), + (JSCompiler_object_inline_stack_3244.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_3244), + bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3244), + (JSCompiler_object_inline_stack_3244 = workInProgress.child), (nextPrimaryChildren = current.child.memoizedState), null === nextPrimaryChildren ? (nextPrimaryChildren = mountSuspenseOffscreenState(renderLanes)) @@ -11632,18 +11646,18 @@ baseLanes: nextPrimaryChildren.baseLanes | renderLanes, cachePool: nextFallbackChildren })), - (JSCompiler_object_inline_stack_3221.memoizedState = + (JSCompiler_object_inline_stack_3244.memoizedState = nextPrimaryChildren), - (JSCompiler_object_inline_stack_3221.childLanes = + (JSCompiler_object_inline_stack_3244.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3222, + JSCompiler_object_inline_componentStack_3245, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), bailoutOffscreenComponent( current.child, - JSCompiler_object_inline_stack_3221 + JSCompiler_object_inline_stack_3244 ) ); null !== prevState && @@ -11655,17 +11669,17 @@ current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_3221.children + children: JSCompiler_object_inline_stack_3244.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_3222 = + ((JSCompiler_object_inline_componentStack_3245 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_3222 + null === JSCompiler_object_inline_componentStack_3245 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_3222.push(current)); + : JSCompiler_object_inline_componentStack_3245.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -15148,6 +15162,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -15379,7 +15394,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - (0.05 < componentEffectDuration && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -15404,6 +15419,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function detachFiberAfterEffects(fiber) { var alternate = fiber.alternate; @@ -15459,7 +15475,8 @@ } var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (deletedFiber.tag) { case 26: offscreenSubtreeWasHidden || @@ -15659,7 +15676,7 @@ (deletedFiber.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( deletedFiber, componentEffectStartTime, @@ -15670,6 +15687,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function commitActivityHydrationCallbacks(finishedRoot, finishedWork) { if ( @@ -15817,6 +15835,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), current = finishedWork.alternate, flags = finishedWork.flags; switch (finishedWork.tag) { @@ -16345,7 +16364,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - (0.05 < componentEffectDuration && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -16370,6 +16389,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function commitReconciliationEffects(finishedWork) { var flags = finishedWork.flags; @@ -16477,7 +16497,8 @@ function disappearLayoutEffects(finishedWork) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -16532,7 +16553,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -16543,6 +16564,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function recursivelyTraverseDisappearLayoutEffects(parentFiber) { for (parentFiber = parentFiber.child; null !== parentFiber; ) @@ -16558,6 +16580,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -16708,7 +16731,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -16719,6 +16742,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function recursivelyTraverseReappearLayoutEffects( finishedRoot, @@ -16798,6 +16822,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), prevDeepEquality = alreadyWarnedForDeepEquality, isViewTransitionEligible = (committedLanes & 335544064) === committedLanes; @@ -17118,7 +17143,7 @@ ); 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - (0.05 < componentEffectDuration && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -17138,6 +17163,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseReconnectPassiveEffects( @@ -17175,6 +17201,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), prevDeepEquality = alreadyWarnedForDeepEquality; includeWorkInProgressEffects && (finishedWork.mode & ProfileMode) !== NoMode && @@ -17265,7 +17292,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -17276,6 +17303,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseAtomicPassiveEffects( @@ -17498,7 +17526,8 @@ function commitPassiveUnmountOnFiber(finishedWork) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -17550,7 +17579,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -17560,6 +17589,7 @@ ); popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; componentEffectErrors = prevEffectErrors; } function recursivelyTraverseDisconnectPassiveEffects(parentFiber) { @@ -17595,7 +17625,8 @@ function disconnectPassiveEffect(finishedWork) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -17619,7 +17650,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -17629,6 +17660,7 @@ ); popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; componentEffectErrors = prevEffectErrors; } function commitPassiveUnmountEffectsInsideOfDeletedTree_begin( @@ -17641,7 +17673,8 @@ nearestMountedAncestor = nearestMountedAncestor$jscomp$0, prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (current.tag) { case 0: case 11: @@ -17666,7 +17699,7 @@ (current.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( current, componentEffectStartTime, @@ -17676,6 +17709,7 @@ ); popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; componentEffectErrors = prevEffectErrors; current = fiber.child; if (null !== current) (current.return = fiber), (nextEffect = current); @@ -19111,7 +19145,7 @@ logAnimatingPhase(gestureClampTime, debugTask, animatingTask)); var eventTime = endTime, eventType = gestureEventType, - eventIsRepeat = gestureEventIsRepeat, + eventIsRepeat = 0 < gestureEventRepeatTime, isPingedUpdate = gestureUpdateType === PINGED_UPDATE; debugTask = renderStartTime; endTime = gestureUpdateTask; @@ -19184,7 +19218,8 @@ gestureUpdateTime = -1.1; gestureUpdateType = 0; gestureSuspendedTime = -1.1; - gestureEventIsRepeat = !0; + gestureEventRepeatTime = gestureEventTime; + gestureEventTime = -1.1; gestureClampTime = now(); } else if (0 !== (lanes & 127)) { workInProgressUpdateTask = blockingUpdateTask; @@ -19213,7 +19248,7 @@ previousRenderStartTime = debugTask; eventIsRepeat = endTime; isPingedUpdate = blockingEventType; - color$jscomp$0 = blockingEventIsRepeat; + color$jscomp$0 = 0 < blockingEventRepeatTime; eventTime = blockingUpdateType === SPAWNED_UPDATE; eventType = blockingUpdateType === PINGED_UPDATE; debugTask = renderStartTime; @@ -19298,7 +19333,8 @@ blockingUpdateType = 0; blockingUpdateComponentName = blockingUpdateMethodName = null; blockingSuspendedTime = -1.1; - blockingEventIsRepeat = !0; + blockingEventRepeatTime = blockingEventTime; + blockingEventTime = -1.1; blockingClampTime = now(); } 0 !== (lanes & 4194048) && @@ -19335,7 +19371,7 @@ logAnimatingPhase(transitionClampTime, color, animatingTask)), (eventType = endTime), (eventIsRepeat = transitionEventType), - (isPingedUpdate = transitionEventIsRepeat), + (isPingedUpdate = 0 < transitionEventRepeatTime), (color$jscomp$0 = transitionUpdateType === PINGED_UPDATE), (color = renderStartTime), (endTime = transitionUpdateTask), @@ -19431,7 +19467,8 @@ (transitionUpdateTime = transitionStartTime = -1.1), (transitionUpdateType = 0), (transitionSuspendedTime = -1.1), - (transitionEventIsRepeat = !0), + (transitionEventRepeatTime = transitionEventTime), + (transitionEventTime = -1.1), (transitionClampTime = now())); 0 !== (lanes & 62914560) && 0 !== (animatingLanes & 62914560) && @@ -20080,7 +20117,8 @@ ((gestureUpdateTime = -1.1), (gestureUpdateType = 0), (gestureSuspendedTime = -1.1), - (gestureEventIsRepeat = !0)), + (gestureEventRepeatTime = gestureEventTime), + (gestureEventTime = -1.1)), (didIncludeRenderPhaseUpdate &= -65)); markRootFinished( root, @@ -29554,6 +29592,7 @@ componentEffectStartTime = -1.1, componentEffectEndTime = -1.1, componentEffectErrors = null, + componentEffectSpawnedUpdate = !1, blockingClampTime = -0, blockingUpdateTime = -1.1, blockingUpdateTask = null, @@ -29562,7 +29601,7 @@ blockingUpdateComponentName = null, blockingEventTime = -1.1, blockingEventType = null, - blockingEventIsRepeat = !1, + blockingEventRepeatTime = -1.1, blockingSuspendedTime = -1.1, gestureClampTime = -0, gestureUpdateTime = -1.1, @@ -29572,7 +29611,7 @@ gestureUpdateComponentName = null, gestureEventTime = -1.1, gestureEventType = null, - gestureEventIsRepeat = !1, + gestureEventRepeatTime = -1.1, gestureSuspendedTime = -1.1, transitionClampTime = -0, transitionStartTime = -1.1, @@ -29583,7 +29622,7 @@ transitionUpdateComponentName = null, transitionEventTime = -1.1, transitionEventType = null, - transitionEventIsRepeat = !1, + transitionEventRepeatTime = -1.1, transitionSuspendedTime = -1.1, retryClampTime = -0, idleClampTime = -0, @@ -29614,10 +29653,10 @@ var newEventTime = resolveEventTimeStamp(), newEventType = resolveEventType(); if ( - newEventTime !== transitionEventTime || + newEventTime !== transitionEventRepeatTime || newEventType !== transitionEventType ) - transitionEventIsRepeat = !1; + transitionEventRepeatTime = -1.1; transitionEventTime = newEventTime; transitionEventType = newEventType; } @@ -32273,11 +32312,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-548235db-20251001" !== 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-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -32314,10 +32353,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-ef889445-20250930", + version: "19.2.0-experimental-548235db-20251001", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-ef889445-20250930" + reconcilerVersion: "19.2.0-experimental-548235db-20251001" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -32795,7 +32834,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-experimental-ef889445-20250930"; + exports.version = "19.2.0-experimental-548235db-20251001"; "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 d379ae4a525f0d..a0e14ccd8bf328 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 @@ -3559,19 +3559,20 @@ var now = Scheduler.unstable_now, componentEffectStartTime = -1.1, componentEffectEndTime = -1.1, componentEffectErrors = null, + componentEffectSpawnedUpdate = !1, blockingClampTime = -0, blockingUpdateTime = -1.1, blockingUpdateType = 0, blockingEventTime = -1.1, blockingEventType = null, - blockingEventIsRepeat = !1, + blockingEventRepeatTime = -1.1, blockingSuspendedTime = -1.1, gestureClampTime = -0, gestureUpdateTime = -1.1, gestureUpdateType = 0, gestureEventTime = -1.1, gestureEventType = null, - gestureEventIsRepeat = !1, + gestureEventRepeatTime = -1.1, gestureSuspendedTime = -1.1, transitionClampTime = -0, transitionStartTime = -1.1, @@ -3579,7 +3580,7 @@ var now = Scheduler.unstable_now, transitionUpdateType = 0, transitionEventTime = -1.1, transitionEventType = null, - transitionEventIsRepeat = !1, + transitionEventRepeatTime = -1.1, transitionSuspendedTime = -1.1, retryClampTime = -0, idleClampTime = -0, @@ -3592,19 +3593,20 @@ function startUpdateTimerByLane(lane) { gestureUpdateTime = now(); lane = resolveEventTimeStamp(); var newEventType = resolveEventType(); - if (lane !== gestureEventTime || newEventType !== gestureEventType) - gestureEventIsRepeat = !1; + if (lane !== gestureEventRepeatTime || newEventType !== gestureEventType) + gestureEventRepeatTime = -1.1; gestureEventTime = lane; gestureEventType = newEventType; } } else if (0 !== (lane & 127)) 0 > blockingUpdateTime && ((blockingUpdateTime = now()), - 0 !== (executionContext & 6) && (blockingUpdateType = 1), + 0 !== (executionContext & 6) && + ((componentEffectSpawnedUpdate = !0), (blockingUpdateType = 1)), (lane = resolveEventTimeStamp()), (newEventType = resolveEventType()), - lane !== blockingEventTime || newEventType !== blockingEventType - ? (blockingEventIsRepeat = !1) + lane !== blockingEventRepeatTime || newEventType !== blockingEventType + ? (blockingEventRepeatTime = -1.1) : null !== newEventType && (blockingUpdateType = 1), (blockingEventTime = lane), (blockingEventType = newEventType)); @@ -3615,8 +3617,11 @@ function startUpdateTimerByLane(lane) { ) { lane = resolveEventTimeStamp(); newEventType = resolveEventType(); - if (lane !== transitionEventTime || newEventType !== transitionEventType) - transitionEventIsRepeat = !1; + if ( + lane !== transitionEventRepeatTime || + newEventType !== transitionEventType + ) + transitionEventRepeatTime = -1.1; transitionEventTime = lane; transitionEventType = newEventType; } @@ -3627,8 +3632,9 @@ function startHostActionTimer() { 0 !== (executionContext & 6) && (blockingUpdateType = 1); var newEventTime = resolveEventTimeStamp(), newEventType = resolveEventType(); - newEventTime !== blockingEventTime || newEventType !== blockingEventType - ? (blockingEventIsRepeat = !1) + newEventTime !== blockingEventRepeatTime || + newEventType !== blockingEventType + ? (blockingEventRepeatTime = -1.1) : null !== newEventType && (blockingUpdateType = 1); blockingEventTime = newEventTime; blockingEventType = newEventType; @@ -3640,10 +3646,10 @@ function startHostActionTimer() { newEventTime = resolveEventTimeStamp(); newEventType = resolveEventType(); if ( - newEventTime !== transitionEventTime || + newEventTime !== transitionEventRepeatTime || newEventType !== transitionEventType ) - transitionEventIsRepeat = !1; + transitionEventRepeatTime = -1.1; transitionEventTime = newEventTime; transitionEventType = newEventType; } @@ -3687,6 +3693,11 @@ function pushComponentEffectErrors() { componentEffectErrors = null; return prevErrors; } +function pushComponentEffectDidSpawnUpdate() { + var prev = componentEffectSpawnedUpdate; + componentEffectSpawnedUpdate = !1; + return prev; +} var currentUpdateIsNested = !1, nestedUpdateScheduled = !1; function startProfilerTimer(fiber) { @@ -3901,10 +3912,10 @@ ReactSharedInternals.S = function (transition, returnValue) { var newEventTime = resolveEventTimeStamp(), newEventType = resolveEventType(); if ( - newEventTime !== transitionEventTime || + newEventTime !== transitionEventRepeatTime || newEventType !== transitionEventType ) - transitionEventIsRepeat = !1; + transitionEventRepeatTime = -1.1; transitionEventTime = newEventTime; transitionEventType = newEventType; } @@ -7213,21 +7224,22 @@ function updateOffscreenComponent( }); if ("hidden" === nextProps.mode) { if (0 !== (workInProgress.flags & 128)) { - nextProps = + prevState = null !== prevState ? prevState.baseLanes | renderLanes : renderLanes; if (null !== current) { - nextChildren = workInProgress.child = current.child; - for (prevState = 0; null !== nextChildren; ) - (prevState = - prevState | nextChildren.lanes | nextChildren.childLanes), - (nextChildren = nextChildren.sibling); - workInProgress.childLanes = prevState & ~nextProps; - } else (workInProgress.childLanes = 0), (workInProgress.child = null); + nextProps = workInProgress.child = current.child; + for (nextChildren = 0; null !== nextProps; ) + (nextChildren = + nextChildren | nextProps.lanes | nextProps.childLanes), + (nextProps = nextProps.sibling); + nextProps = nextChildren & ~prevState; + } else (nextProps = 0), (workInProgress.child = null); return deferHiddenOffscreenComponent( current, workInProgress, - nextProps, - renderLanes + prevState, + renderLanes, + nextProps ); } if (0 !== (renderLanes & 536870912)) @@ -7243,12 +7255,13 @@ function updateOffscreenComponent( pushOffscreenSuspenseHandler(workInProgress); else return ( - (workInProgress.lanes = workInProgress.childLanes = 536870912), + (nextProps = workInProgress.lanes = 536870912), deferHiddenOffscreenComponent( current, workInProgress, null !== prevState ? prevState.baseLanes | renderLanes : renderLanes, - renderLanes + renderLanes, + nextProps ) ); } else @@ -7278,7 +7291,8 @@ function deferHiddenOffscreenComponent( current, workInProgress, nextBaseLanes, - renderLanes + renderLanes, + remainingChildLanes ) { var JSCompiler_inline_result = peekCacheFromPool(); JSCompiler_inline_result = @@ -7294,6 +7308,7 @@ function deferHiddenOffscreenComponent( pushOffscreenSuspenseHandler(workInProgress); null !== current && propagateParentContextChanges(current, workInProgress, renderLanes, !0); + workInProgress.childLanes = remainingChildLanes; return null; } function mountActivityChildren(workInProgress, nextProps) { @@ -8932,14 +8947,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { break; case "collapsed": lastTailNode = renderState.tail; - for (var lastTailNode$124 = null; null !== lastTailNode; ) - null !== lastTailNode.alternate && (lastTailNode$124 = lastTailNode), + for (var lastTailNode$125 = null; null !== lastTailNode; ) + null !== lastTailNode.alternate && (lastTailNode$125 = lastTailNode), (lastTailNode = lastTailNode.sibling); - null === lastTailNode$124 + null === lastTailNode$125 ? hasRenderedATailFallback || null === renderState.tail ? (renderState.tail = null) : (renderState.tail.sibling = null) - : (lastTailNode$124.sibling = null); + : (lastTailNode$125.sibling = null); } } function bubbleProperties(completedWork) { @@ -8951,53 +8966,53 @@ function bubbleProperties(completedWork) { if (didBailout) if (0 !== (completedWork.mode & 2)) { for ( - var treeBaseDuration$126 = completedWork.selfBaseDuration, - child$127 = completedWork.child; - null !== child$127; + var treeBaseDuration$127 = completedWork.selfBaseDuration, + child$128 = completedWork.child; + null !== child$128; ) - (newChildLanes |= child$127.lanes | child$127.childLanes), - (subtreeFlags |= child$127.subtreeFlags & 65011712), - (subtreeFlags |= child$127.flags & 65011712), - (treeBaseDuration$126 += child$127.treeBaseDuration), - (child$127 = child$127.sibling); - completedWork.treeBaseDuration = treeBaseDuration$126; + (newChildLanes |= child$128.lanes | child$128.childLanes), + (subtreeFlags |= child$128.subtreeFlags & 65011712), + (subtreeFlags |= child$128.flags & 65011712), + (treeBaseDuration$127 += child$128.treeBaseDuration), + (child$128 = child$128.sibling); + completedWork.treeBaseDuration = treeBaseDuration$127; } else for ( - treeBaseDuration$126 = completedWork.child; - null !== treeBaseDuration$126; + treeBaseDuration$127 = completedWork.child; + null !== treeBaseDuration$127; ) (newChildLanes |= - treeBaseDuration$126.lanes | treeBaseDuration$126.childLanes), - (subtreeFlags |= treeBaseDuration$126.subtreeFlags & 65011712), - (subtreeFlags |= treeBaseDuration$126.flags & 65011712), - (treeBaseDuration$126.return = completedWork), - (treeBaseDuration$126 = treeBaseDuration$126.sibling); + treeBaseDuration$127.lanes | treeBaseDuration$127.childLanes), + (subtreeFlags |= treeBaseDuration$127.subtreeFlags & 65011712), + (subtreeFlags |= treeBaseDuration$127.flags & 65011712), + (treeBaseDuration$127.return = completedWork), + (treeBaseDuration$127 = treeBaseDuration$127.sibling); else if (0 !== (completedWork.mode & 2)) { - treeBaseDuration$126 = completedWork.actualDuration; - child$127 = completedWork.selfBaseDuration; + treeBaseDuration$127 = completedWork.actualDuration; + child$128 = completedWork.selfBaseDuration; for (var child = completedWork.child; null !== child; ) (newChildLanes |= child.lanes | child.childLanes), (subtreeFlags |= child.subtreeFlags), (subtreeFlags |= child.flags), - (treeBaseDuration$126 += child.actualDuration), - (child$127 += child.treeBaseDuration), + (treeBaseDuration$127 += child.actualDuration), + (child$128 += child.treeBaseDuration), (child = child.sibling); - completedWork.actualDuration = treeBaseDuration$126; - completedWork.treeBaseDuration = child$127; + completedWork.actualDuration = treeBaseDuration$127; + completedWork.treeBaseDuration = child$128; } else for ( - treeBaseDuration$126 = completedWork.child; - null !== treeBaseDuration$126; + treeBaseDuration$127 = completedWork.child; + null !== treeBaseDuration$127; ) (newChildLanes |= - treeBaseDuration$126.lanes | treeBaseDuration$126.childLanes), - (subtreeFlags |= treeBaseDuration$126.subtreeFlags), - (subtreeFlags |= treeBaseDuration$126.flags), - (treeBaseDuration$126.return = completedWork), - (treeBaseDuration$126 = treeBaseDuration$126.sibling); + treeBaseDuration$127.lanes | treeBaseDuration$127.childLanes), + (subtreeFlags |= treeBaseDuration$127.subtreeFlags), + (subtreeFlags |= treeBaseDuration$127.flags), + (treeBaseDuration$127.return = completedWork), + (treeBaseDuration$127 = treeBaseDuration$127.sibling); completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; @@ -9831,8 +9846,8 @@ function safelyCallComponentWillUnmount( } else try { instance.componentWillUnmount(); - } catch (error$167) { - captureCommitPhaseError(current, nearestMountedAncestor, error$167); + } catch (error$168) { + captureCommitPhaseError(current, nearestMountedAncestor, error$168); } } function safelyAttachRef(current, nearestMountedAncestor) { @@ -9903,8 +9918,8 @@ function safelyDetachRef(current, nearestMountedAncestor) { recordEffectDuration(current); } else ref(null); - } catch (error$169) { - captureCommitPhaseError(current, nearestMountedAncestor, error$169); + } catch (error$170) { + captureCommitPhaseError(current, nearestMountedAncestor, error$170); } else ref.current = null; } @@ -10796,6 +10811,7 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -10819,11 +10835,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { } else try { finishedRoot.componentDidMount(); - } catch (error$164) { + } catch (error$165) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$164 + error$165 ); } else { @@ -10840,11 +10856,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { prevState, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$165) { + } catch (error$166) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$165 + error$166 ); } recordEffectDuration(); @@ -10855,11 +10871,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { prevState, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$166) { + } catch (error$167) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$166 + error$167 ); } } @@ -11062,7 +11078,7 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { 0 !== (finishedWork.mode & 2) && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - (0.05 < componentEffectDuration && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -11084,6 +11100,7 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function detachFiberAfterEffects(fiber) { var alternate = fiber.alternate; @@ -11126,7 +11143,8 @@ function commitDeletionEffectsOnFiber( } catch (err) {} var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (deletedFiber.tag) { case 26: offscreenSubtreeWasHidden || @@ -11306,7 +11324,7 @@ function commitDeletionEffectsOnFiber( 0 !== (deletedFiber.mode & 2) && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( deletedFiber, componentEffectStartTime, @@ -11317,6 +11335,7 @@ function commitDeletionEffectsOnFiber( popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function commitActivityHydrationCallbacks(finishedRoot, finishedWork) { if ( @@ -11442,6 +11461,7 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), current = finishedWork.alternate, flags = finishedWork.flags; switch (finishedWork.tag) { @@ -11906,7 +11926,7 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { 0 !== (finishedWork.mode & 2) && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - (0.05 < componentEffectDuration && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -11928,6 +11948,7 @@ function commitMutationEffectsOnFiber(finishedWork, root, lanes) { popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function commitReconciliationEffects(finishedWork) { var flags = finishedWork.flags; @@ -11965,25 +11986,25 @@ function commitReconciliationEffects(finishedWork) { ); break; case 5: - var parent$170 = hostParentFiber.stateNode; + var parent$171 = hostParentFiber.stateNode; hostParentFiber.flags & 32 && - (setTextContent(parent$170, ""), (hostParentFiber.flags &= -33)); - var before$171 = getHostSibling(finishedWork); + (setTextContent(parent$171, ""), (hostParentFiber.flags &= -33)); + var before$172 = getHostSibling(finishedWork); insertOrAppendPlacementNode( finishedWork, - before$171, - parent$170, + before$172, + parent$171, parentFragmentInstances ); break; case 3: case 4: - var parent$172 = hostParentFiber.stateNode.containerInfo, - before$173 = getHostSibling(finishedWork); + var parent$173 = hostParentFiber.stateNode.containerInfo, + before$174 = getHostSibling(finishedWork); insertOrAppendPlacementNodeIntoContainer( finishedWork, - before$173, - parent$172, + before$174, + parent$173, parentFragmentInstances ); break; @@ -12089,7 +12110,8 @@ function recursivelyTraverseDisappearLayoutEffects(parentFiber) { var finishedWork = parentFiber, prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -12134,7 +12156,7 @@ function recursivelyTraverseDisappearLayoutEffects(parentFiber) { 0 !== (finishedWork.mode & 2) && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -12145,6 +12167,7 @@ function recursivelyTraverseDisappearLayoutEffects(parentFiber) { popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; parentFiber = parentFiber.sibling; } } @@ -12162,6 +12185,7 @@ function recursivelyTraverseReappearLayoutEffects( prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -12308,7 +12332,7 @@ function recursivelyTraverseReappearLayoutEffects( 0 !== (finishedWork.mode & 2) && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -12319,6 +12343,7 @@ function recursivelyTraverseReappearLayoutEffects( popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; parentFiber = parentFiber.sibling; } } @@ -12384,6 +12409,7 @@ function commitPassiveMountOnFiber( var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), isViewTransitionEligible = (committedLanes & 335544064) === committedLanes; isViewTransitionEligible && null === finishedWork.alternate && @@ -12682,7 +12708,7 @@ function commitPassiveMountOnFiber( logComponentTrigger(finishedWork, committedLanes, endTime, "Mount"); 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - (0.05 < componentEffectDuration && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -12702,6 +12728,7 @@ function commitPassiveMountOnFiber( popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function recursivelyTraverseReconnectPassiveEffects( finishedRoot$jscomp$0, @@ -12722,7 +12749,8 @@ function recursivelyTraverseReconnectPassiveEffects( null !== parentFiber ? parentFiber.actualStartTime : endTime$jscomp$0, prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); includeWorkInProgressEffects && 0 !== (child.mode & 2) && 0 < child.actualStartTime && @@ -12808,7 +12836,7 @@ function recursivelyTraverseReconnectPassiveEffects( 0 !== (child.mode & 2) && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( child, componentEffectStartTime, @@ -12819,6 +12847,7 @@ function recursivelyTraverseReconnectPassiveEffects( popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; child = parentFiber; } } @@ -13035,7 +13064,8 @@ function recursivelyTraversePassiveUnmountEffects(parentFiber) { function commitPassiveUnmountOnFiber(finishedWork) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -13082,7 +13112,7 @@ function commitPassiveUnmountOnFiber(finishedWork) { 0 !== (finishedWork.mode & 2) && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -13092,6 +13122,7 @@ function commitPassiveUnmountOnFiber(finishedWork) { ); popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; componentEffectErrors = prevEffectErrors; } function recursivelyTraverseDisconnectPassiveEffects(parentFiber) { @@ -13125,6 +13156,7 @@ function recursivelyTraverseDisconnectPassiveEffects(parentFiber) { i = pushComponentEffectStart(); childToDelete = pushComponentEffectDuration(); prevEffectStart = pushComponentEffectErrors(); + var prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (deletions.tag) { case 0: case 11: @@ -13144,7 +13176,7 @@ function recursivelyTraverseDisconnectPassiveEffects(parentFiber) { 0 !== (deletions.mode & 2) && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( deletions, componentEffectStartTime, @@ -13154,6 +13186,7 @@ function recursivelyTraverseDisconnectPassiveEffects(parentFiber) { ); popComponentEffectStart(i); popComponentEffectDuration(childToDelete); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; componentEffectErrors = prevEffectStart; parentFiber = parentFiber.sibling; } @@ -13167,7 +13200,8 @@ function commitPassiveUnmountEffectsInsideOfDeletedTree_begin( nearestMountedAncestor = nearestMountedAncestor$jscomp$0, prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (fiber.tag) { case 0: case 11: @@ -13187,7 +13221,7 @@ function commitPassiveUnmountEffectsInsideOfDeletedTree_begin( 0 !== (fiber.mode & 2) && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( fiber, componentEffectStartTime, @@ -13197,6 +13231,7 @@ function commitPassiveUnmountEffectsInsideOfDeletedTree_begin( ); popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; componentEffectErrors = prevEffectErrors; prevEffectStart = fiber.child; if (null !== prevEffectStart) @@ -13533,7 +13568,7 @@ function recursivelyInsertClones( if (null === nextPhase) recursivelyInsertNewFiber(deletions, i, parentViewTransition, 5); else { - var nextPhase$214 = deletions.flags; + var nextPhase$215 = deletions.flags; switch (deletions.tag) { case 26: recursivelyInsertClones( @@ -13559,16 +13594,16 @@ function recursivelyInsertClones( (setTextContent(clone, ""), (viewTransitionMutationContext = !0))) : (clone = clone.cloneNode(!1)); - if (nextPhase$214 & 4) { - nextPhase$214 = clone; + if (nextPhase$215 & 4) { + nextPhase$215 = clone; var newProps = deletions.memoizedProps; updateProperties( - nextPhase$214, + nextPhase$215, deletions.type, nextPhase.memoizedProps, newProps ); - nextPhase$214[internalPropsKey] = newProps; + nextPhase$215[internalPropsKey] = newProps; } 1 === visitPhase || 2 === visitPhase ? (i.appendChild(clone), @@ -13587,7 +13622,7 @@ function recursivelyInsertClones( if (null === parentViewTransition) throw Error(formatProdErrorMessage(162)); parentViewTransition = parentViewTransition.cloneNode(!1); - nextPhase$214 & 4 && + nextPhase$215 & 4 && ((parentViewTransition.nodeValue = nextPhase.memoizedProps), (viewTransitionMutationContext = !0)); i.appendChild(parentViewTransition); @@ -13600,7 +13635,7 @@ function recursivelyInsertClones( case 22: null === deletions.memoizedState ? ((nextPhase = - 0 === visitPhase && 0 !== (nextPhase$214 & 8192) + 0 === visitPhase && 0 !== (nextPhase$215 & 8192) ? 1 : visitPhase), recursivelyInsertClones( @@ -13618,8 +13653,8 @@ function recursivelyInsertClones( parentViewTransition = pushMutationContext(); clone = deletions.stateNode; clone.clones = null; - nextPhase$214 = 1 === visitPhase ? 2 : visitPhase; - recursivelyInsertClones(deletions, i, clone, nextPhase$214); + nextPhase$215 = 1 === visitPhase ? 2 : visitPhase; + recursivelyInsertClones(deletions, i, clone, nextPhase$215); viewTransitionMutationContext && (deletions.flags |= 4); 1 === visitPhase ? applyExitViewTransition(deletions) @@ -14398,7 +14433,7 @@ function prepareFreshStack(root, lanes) { (setCurrentTrackFromLanes(64), logAnimatingPhase(gestureClampTime, clampedRenderStartTime)); clampedRenderStartTime = gestureEventType; - var eventIsRepeat = gestureEventIsRepeat, + var eventIsRepeat = 0 < gestureEventRepeatTime, isPingedUpdate = 2 === gestureUpdateType, renderStartTime$jscomp$0 = renderStartTime; supportsUserTiming && @@ -14437,7 +14472,8 @@ function prepareFreshStack(root, lanes) { gestureUpdateTime = -1.1; gestureUpdateType = 0; gestureSuspendedTime = -1.1; - gestureEventIsRepeat = !0; + gestureEventRepeatTime = gestureEventTime; + gestureEventTime = -1.1; gestureClampTime = now(); } else if (0 !== (lanes & 127)) { previousRenderStartTime = @@ -14466,7 +14502,7 @@ function prepareFreshStack(root, lanes) { (setCurrentTrackFromLanes(2), logAnimatingPhase(blockingClampTime, clampedRenderStartTime)); clampedRenderStartTime = blockingEventType; - eventIsRepeat = blockingEventIsRepeat; + eventIsRepeat = 0 < blockingEventRepeatTime; isPingedUpdate = 1 === blockingUpdateType; renderStartTime$jscomp$0 = 2 === blockingUpdateType; var renderStartTime$jscomp$1 = renderStartTime; @@ -14512,7 +14548,8 @@ function prepareFreshStack(root, lanes) { blockingUpdateTime = -1.1; blockingUpdateType = 0; blockingSuspendedTime = -1.1; - blockingEventIsRepeat = !0; + blockingEventRepeatTime = blockingEventTime; + blockingEventTime = -1.1; blockingClampTime = now(); } 0 !== (lanes & 4194048) && @@ -14545,7 +14582,7 @@ function prepareFreshStack(root, lanes) { (setCurrentTrackFromLanes(256), logAnimatingPhase(transitionClampTime, eventIsRepeat)), (eventIsRepeat = transitionEventType), - (isPingedUpdate = transitionEventIsRepeat), + (isPingedUpdate = 0 < transitionEventRepeatTime), (renderStartTime$jscomp$0 = 2 === transitionUpdateType), (renderStartTime$jscomp$1 = renderStartTime), supportsUserTiming && @@ -14597,7 +14634,8 @@ function prepareFreshStack(root, lanes) { (transitionUpdateTime = transitionStartTime = -1.1), (transitionUpdateType = 0), (transitionSuspendedTime = -1.1), - (transitionEventIsRepeat = !0), + (transitionEventRepeatTime = transitionEventTime), + (transitionEventTime = -1.1), (transitionClampTime = now())); 0 !== (lanes & 62914560) && 0 !== (animatingLanes & 62914560) && @@ -14778,8 +14816,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) { workLoopSync(); memoizedUpdaters = workInProgressRootExitStatus; break; - } catch (thrownValue$225) { - handleThrow(root, thrownValue$225); + } catch (thrownValue$226) { + handleThrow(root, thrownValue$226); } while (1); lanes && root.shellSuspendCounter++; @@ -14904,8 +14942,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrentByScheduler(); break; - } catch (thrownValue$227) { - handleThrow(root, thrownValue$227); + } catch (thrownValue$228) { + handleThrow(root, thrownValue$228); } while (1); lastContextDependency = currentlyRenderingFiber$1 = null; @@ -15152,7 +15190,8 @@ function commitRoot( ((gestureUpdateTime = -1.1), (gestureUpdateType = 0), (gestureSuspendedTime = -1.1), - (gestureEventIsRepeat = !0)), + (gestureEventRepeatTime = gestureEventTime), + (gestureEventTime = -1.1)), (didIncludeRenderPhaseUpdate &= -65)); markRootFinished( root, @@ -15753,26 +15792,26 @@ function commitGestureOnRoot( } var rotate = computedStyle.rotate; if ("none" !== rotate && "" !== rotate) { - var parts$306 = rotate.split(" "); + var parts$307 = rotate.split(" "); transform = - 1 === parts$306.length - ? "rotate(" + parts$306[0] + ") " + transform - : 2 === parts$306.length + 1 === parts$307.length + ? "rotate(" + parts$307[0] + ") " + transform + : 2 === parts$307.length ? "rotate" + - parts$306[0].toUpperCase() + + parts$307[0].toUpperCase() + "(" + - parts$306[1] + + parts$307[1] + ") " + transform - : "rotate3d(" + parts$306.join(", ") + ") " + transform; + : "rotate3d(" + parts$307.join(", ") + ") " + transform; } var translate = computedStyle.translate; if ("none" !== translate && "" !== translate) { - var parts$307 = translate.split(" "); + var parts$308 = translate.split(" "); transform = - (3 === parts$307.length ? "translate3d" : "translate") + + (3 === parts$308.length ? "translate3d" : "translate") + "(" + - parts$307.join(", ") + + parts$308.join(", ") + ") " + transform; } @@ -16155,14 +16194,14 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$234 = firstScheduledRoot; null !== root$234; ) { + for (var root$235 = firstScheduledRoot; null !== root$235; ) { if (!onlyLegacy) if (0 !== syncTransitionLanes) { - var pendingLanes = root$234.pendingLanes; + var pendingLanes = root$235.pendingLanes; if (0 === pendingLanes) var JSCompiler_inline_result = 0; else { - var suspendedLanes = root$234.suspendedLanes, - pingedLanes = root$234.pingedLanes; + var suspendedLanes = root$235.suspendedLanes, + pingedLanes = root$235.pingedLanes; JSCompiler_inline_result = (1 << (31 - clz32(42 | syncTransitionLanes) + 1)) - 1; JSCompiler_inline_result &= @@ -16176,21 +16215,21 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { } 0 !== JSCompiler_inline_result && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$234, JSCompiler_inline_result)); + performSyncWorkOnRoot(root$235, JSCompiler_inline_result)); } else (JSCompiler_inline_result = workInProgressRootRenderLanes), (JSCompiler_inline_result = getNextLanes( - root$234, - root$234 === workInProgressRoot ? JSCompiler_inline_result : 0, - null !== root$234.cancelPendingCommit || - -1 !== root$234.timeoutHandle + root$235, + root$235 === workInProgressRoot ? JSCompiler_inline_result : 0, + null !== root$235.cancelPendingCommit || + -1 !== root$235.timeoutHandle )), (0 === (JSCompiler_inline_result & 3) && 64 !== JSCompiler_inline_result) || - checkIfRootIsPrerendering(root$234, JSCompiler_inline_result) || + checkIfRootIsPrerendering(root$235, JSCompiler_inline_result) || ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$234, JSCompiler_inline_result)); - root$234 = root$234.next; + performSyncWorkOnRoot(root$235, JSCompiler_inline_result)); + root$235 = root$235.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -16519,20 +16558,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_2069 = 0; - i$jscomp$inline_2069 < simpleEventPluginEvents.length; - i$jscomp$inline_2069++ + var i$jscomp$inline_2095 = 0; + i$jscomp$inline_2095 < simpleEventPluginEvents.length; + i$jscomp$inline_2095++ ) { - var eventName$jscomp$inline_2070 = - simpleEventPluginEvents[i$jscomp$inline_2069], - domEventName$jscomp$inline_2071 = - eventName$jscomp$inline_2070.toLowerCase(), - capitalizedEvent$jscomp$inline_2072 = - eventName$jscomp$inline_2070[0].toUpperCase() + - eventName$jscomp$inline_2070.slice(1); + var eventName$jscomp$inline_2096 = + simpleEventPluginEvents[i$jscomp$inline_2095], + domEventName$jscomp$inline_2097 = + eventName$jscomp$inline_2096.toLowerCase(), + capitalizedEvent$jscomp$inline_2098 = + eventName$jscomp$inline_2096[0].toUpperCase() + + eventName$jscomp$inline_2096.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_2071, - "on" + capitalizedEvent$jscomp$inline_2072 + domEventName$jscomp$inline_2097, + "on" + capitalizedEvent$jscomp$inline_2098 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -17766,34 +17805,34 @@ function setInitialProperties(domElement, tag, props) { var propKey = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$248 = props[hasSrc]; - if (null != propValue$248) + var propValue$249 = props[hasSrc]; + if (null != propValue$249) switch (hasSrc) { case "name": - hasSrcSet = propValue$248; + hasSrcSet = propValue$249; break; case "type": - propValue = propValue$248; + propValue = propValue$249; break; case "checked": - checked = propValue$248; + checked = propValue$249; break; case "defaultChecked": - propKey = propValue$248; + propKey = propValue$249; break; case "value": - value = propValue$248; + value = propValue$249; break; case "defaultValue": - defaultValue = propValue$248; + defaultValue = propValue$249; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$248) + if (null != propValue$249) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$248, props, null); + setProp(domElement, tag, hasSrc, propValue$249, props, null); } } a: { @@ -17976,14 +18015,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$248 in props) - props.hasOwnProperty(propValue$248) && - ((hasSrc = props[propValue$248]), + for (propValue$249 in props) + props.hasOwnProperty(propValue$249) && + ((hasSrc = props[propValue$249]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$248, + propValue$249, hasSrc, props, void 0 @@ -18030,14 +18069,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$265 in nextProps) { - var propKey = nextProps[propKey$265]; - lastProp = lastProps[propKey$265]; + for (var propKey$266 in nextProps) { + var propKey = nextProps[propKey$266]; + lastProp = lastProps[propKey$266]; if ( - nextProps.hasOwnProperty(propKey$265) && + nextProps.hasOwnProperty(propKey$266) && (null != propKey || null != lastProp) ) - switch (propKey$265) { + switch (propKey$266) { case "type": propKey !== lastProp && (viewTransitionMutationContext = !0); type = propKey; @@ -18072,7 +18111,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$265, + propKey$266, propKey, nextProps, lastProp @@ -18091,7 +18130,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$265 = null; + propKey = value = defaultValue = propKey$266 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -18123,7 +18162,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (name) { case "value": type !== lastDefaultValue && (viewTransitionMutationContext = !0); - propKey$265 = type; + propKey$266 = type; break; case "defaultValue": type !== lastDefaultValue && (viewTransitionMutationContext = !0); @@ -18146,15 +18185,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$265 - ? updateOptions(domElement, !!lastProps, propKey$265, !1) + null != propKey$266 + ? updateOptions(domElement, !!lastProps, propKey$266, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$265 = null; + propKey = propKey$266 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -18179,7 +18218,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (value) { case "value": name !== type && (viewTransitionMutationContext = !0); - propKey$265 = name; + propKey$266 = name; break; case "defaultValue": name !== type && (viewTransitionMutationContext = !0); @@ -18194,17 +18233,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$265, propKey); + updateTextarea(domElement, propKey$266, propKey); return; case "option": - for (var propKey$281 in lastProps) + for (var propKey$282 in lastProps) if ( - ((propKey$265 = lastProps[propKey$281]), - lastProps.hasOwnProperty(propKey$281) && - null != propKey$265 && - !nextProps.hasOwnProperty(propKey$281)) + ((propKey$266 = lastProps[propKey$282]), + lastProps.hasOwnProperty(propKey$282) && + null != propKey$266 && + !nextProps.hasOwnProperty(propKey$282)) ) - switch (propKey$281) { + switch (propKey$282) { case "selected": domElement.selected = !1; break; @@ -18212,34 +18251,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$281, + propKey$282, null, nextProps, - propKey$265 + propKey$266 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$265 = nextProps[lastDefaultValue]), + ((propKey$266 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$265 !== propKey && - (null != propKey$265 || null != propKey)) + propKey$266 !== propKey && + (null != propKey$266 || null != propKey)) ) switch (lastDefaultValue) { case "selected": - propKey$265 !== propKey && (viewTransitionMutationContext = !0); + propKey$266 !== propKey && (viewTransitionMutationContext = !0); domElement.selected = - propKey$265 && - "function" !== typeof propKey$265 && - "symbol" !== typeof propKey$265; + propKey$266 && + "function" !== typeof propKey$266 && + "symbol" !== typeof propKey$266; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$265, + propKey$266, nextProps, propKey ); @@ -18260,24 +18299,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$286 in lastProps) - (propKey$265 = lastProps[propKey$286]), - lastProps.hasOwnProperty(propKey$286) && - null != propKey$265 && - !nextProps.hasOwnProperty(propKey$286) && - setProp(domElement, tag, propKey$286, null, nextProps, propKey$265); + for (var propKey$287 in lastProps) + (propKey$266 = lastProps[propKey$287]), + lastProps.hasOwnProperty(propKey$287) && + null != propKey$266 && + !nextProps.hasOwnProperty(propKey$287) && + setProp(domElement, tag, propKey$287, null, nextProps, propKey$266); for (checked in nextProps) if ( - ((propKey$265 = nextProps[checked]), + ((propKey$266 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$265 !== propKey && - (null != propKey$265 || null != propKey)) + propKey$266 !== propKey && + (null != propKey$266 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$265) + if (null != propKey$266) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -18285,7 +18324,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$265, + propKey$266, nextProps, propKey ); @@ -18293,49 +18332,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$291 in lastProps) - (propKey$265 = lastProps[propKey$291]), - lastProps.hasOwnProperty(propKey$291) && - void 0 !== propKey$265 && - !nextProps.hasOwnProperty(propKey$291) && + for (var propKey$292 in lastProps) + (propKey$266 = lastProps[propKey$292]), + lastProps.hasOwnProperty(propKey$292) && + void 0 !== propKey$266 && + !nextProps.hasOwnProperty(propKey$292) && setPropOnCustomElement( domElement, tag, - propKey$291, + propKey$292, void 0, nextProps, - propKey$265 + propKey$266 ); for (defaultChecked in nextProps) - (propKey$265 = nextProps[defaultChecked]), + (propKey$266 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$265 === propKey || - (void 0 === propKey$265 && void 0 === propKey) || + propKey$266 === propKey || + (void 0 === propKey$266 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$265, + propKey$266, nextProps, propKey ); return; } } - for (var propKey$296 in lastProps) - (propKey$265 = lastProps[propKey$296]), - lastProps.hasOwnProperty(propKey$296) && - null != propKey$265 && - !nextProps.hasOwnProperty(propKey$296) && - setProp(domElement, tag, propKey$296, null, nextProps, propKey$265); + for (var propKey$297 in lastProps) + (propKey$266 = lastProps[propKey$297]), + lastProps.hasOwnProperty(propKey$297) && + null != propKey$266 && + !nextProps.hasOwnProperty(propKey$297) && + setProp(domElement, tag, propKey$297, null, nextProps, propKey$266); for (lastProp in nextProps) - (propKey$265 = nextProps[lastProp]), + (propKey$266 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$265 === propKey || - (null == propKey$265 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$265, nextProps, propKey); + propKey$266 === propKey || + (null == propKey$266 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$266, nextProps, propKey); } function isLikelyStaticResource(initiatorType) { switch (initiatorType) { @@ -19103,20 +19142,20 @@ function startGestureTransition( ))) : (isExitGroupAnim = !0); } - var timing$313 = pseudoElement.getTiming(); + var timing$314 = pseudoElement.getTiming(); anim = rangeEnd - - (("number" === typeof timing$313.duration - ? timing$313.duration + (("number" === typeof timing$314.duration + ? timing$314.duration : 0) + - timing$313.delay) * + timing$314.delay) * longestDuration; - groupName = rangeEnd - timing$313.delay * longestDuration; + groupName = rangeEnd - timing$314.delay * longestDuration; if ( - "reverse" === timing$313.direction || - "alternate-reverse" === timing$313.direction + "reverse" === timing$314.direction || + "alternate-reverse" === timing$314.direction ) - (timing$313 = anim), (anim = groupName), (groupName = timing$313); + (timing$314 = anim), (anim = groupName), (groupName = timing$314); animateGesture( pseudoElement.getKeyframes(), pseudoElement.target, @@ -20244,26 +20283,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$322 = getResourcesFromRoot( + var styles$323 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$323 = styles$322.get(type); - resource$323 || + resource$324 = styles$323.get(type); + resource$324 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$323 = { + (resource$324 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$322.set(type, resource$323), - (styles$322 = JSCompiler_inline_result.querySelector( + styles$323.set(type, resource$324), + (styles$323 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$322._p && - ((resource$323.instance = styles$322), - (resource$323.state.loading = 5)), + !styles$323._p && + ((resource$324.instance = styles$323), + (resource$324.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -20276,16 +20315,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$322 || + styles$323 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$323.state + resource$324.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$323; + return resource$324; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -20382,37 +20421,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$328 = hoistableRoot.querySelector( + var instance$329 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$328) + if (instance$329) return ( (resource.state.loading |= 4), - (resource.instance = instance$328), - markNodeAsHoistable(instance$328), - instance$328 + (resource.instance = instance$329), + markNodeAsHoistable(instance$329), + instance$329 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$328 = ( + instance$329 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$328); - var linkInstance = instance$328; + markNodeAsHoistable(instance$329); + var linkInstance = instance$329; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$328, "link", instance); + setInitialProperties(instance$329, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$328, props.precedence, hoistableRoot); - return (resource.instance = instance$328); + insertStylesheet(instance$329, props.precedence, hoistableRoot); + return (resource.instance = instance$329); case "script": - instance$328 = getScriptKey(props.src); + instance$329 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$328) + getScriptSelectorFromKey(instance$329) )) ) return ( @@ -20421,7 +20460,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$328))) + if ((styleProps = preloadPropsMap.get(instance$329))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -21565,16 +21604,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_2487 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_2513 = React.version; if ( - "19.2.0-experimental-ef889445-20250930" !== - isomorphicReactPackageVersion$jscomp$inline_2487 + "19.2.0-experimental-548235db-20251001" !== + isomorphicReactPackageVersion$jscomp$inline_2513 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_2487, - "19.2.0-experimental-ef889445-20250930" + isomorphicReactPackageVersion$jscomp$inline_2513, + "19.2.0-experimental-548235db-20251001" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -21594,24 +21633,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_3187 = { +var internals$jscomp$inline_3223 = { bundleType: 0, - version: "19.2.0-experimental-ef889445-20250930", + version: "19.2.0-experimental-548235db-20251001", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-ef889445-20250930" + reconcilerVersion: "19.2.0-experimental-548235db-20251001" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_3188 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_3224 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_3188.isDisabled && - hook$jscomp$inline_3188.supportsFiber + !hook$jscomp$inline_3224.isDisabled && + hook$jscomp$inline_3224.supportsFiber ) try { - (rendererID = hook$jscomp$inline_3188.inject( - internals$jscomp$inline_3187 + (rendererID = hook$jscomp$inline_3224.inject( + internals$jscomp$inline_3223 )), - (injectedHook = hook$jscomp$inline_3188); + (injectedHook = hook$jscomp$inline_3224); } catch (err) {} } function getCrossOriginStringAs(as, input) { @@ -21867,7 +21906,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-experimental-ef889445-20250930"; +exports.version = "19.2.0-experimental-548235db-20251001"; "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 2d967329ec8220..783828b2f4cd17 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 @@ -10543,5 +10543,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; - exports.version = "19.2.0-experimental-ef889445-20250930"; + exports.version = "19.2.0-experimental-548235db-20251001"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js index 95ed03024f9bcd..37333ab44cca36 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js @@ -7156,4 +7156,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; -exports.version = "19.2.0-experimental-ef889445-20250930"; +exports.version = "19.2.0-experimental-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js index 17166dc87d0947..5fa220da14de17 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js @@ -10543,5 +10543,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; - exports.version = "19.2.0-experimental-ef889445-20250930"; + exports.version = "19.2.0-experimental-548235db-20251001"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js index 065d9cecbdd511..e091caa8749975 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js @@ -7259,4 +7259,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; -exports.version = "19.2.0-experimental-ef889445-20250930"; +exports.version = "19.2.0-experimental-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js index d9c4b82504153c..55a8c8eff204e1 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js @@ -9536,11 +9536,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-548235db-20251001" !== 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-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react-experimental"), @@ -11321,7 +11321,7 @@ postponedState, createRenderState( postponedState.resumableState, - options ? options.nonce : void 0, + void 0, void 0, void 0, void 0, @@ -11364,5 +11364,5 @@ startWork(request); }); }; - exports.version = "19.2.0-experimental-ef889445-20250930"; + exports.version = "19.2.0-experimental-548235db-20251001"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js index 2f67d09fc9e01c..573066f9c78760 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js @@ -7827,12 +7827,12 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-548235db-20251001" !== isomorphicReactPackageVersion) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion, - "19.2.0-experimental-ef889445-20250930" + "19.2.0-experimental-548235db-20251001" ) ); } @@ -8044,7 +8044,7 @@ exports.resumeAndPrerender = function (children, postponedState, options) { postponedState, createRenderState( postponedState.resumableState, - options ? options.nonce : void 0, + void 0, void 0, void 0, void 0, @@ -8087,4 +8087,4 @@ exports.resumeAndPrerender = function (children, postponedState, options) { startWork(request); }); }; -exports.version = "19.2.0-experimental-ef889445-20250930"; +exports.version = "19.2.0-experimental-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js index 664060e879409f..a619ac18cc1316 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js @@ -7315,13 +7315,13 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) { } var isomorphicReactPackageVersion$jscomp$inline_871 = React.version; if ( - "19.2.0-experimental-ef889445-20250930" !== + "19.2.0-experimental-548235db-20251001" !== isomorphicReactPackageVersion$jscomp$inline_871 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_871 + - "\n - react-dom: 19.2.0-experimental-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); exports.renderToReadableStream = function (children, options) { return new Promise(function (resolve, reject) { @@ -7412,4 +7412,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.2.0-experimental-ef889445-20250930"; +exports.version = "19.2.0-experimental-548235db-20251001"; 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 44211cf25ab2a3..62b809e5da2a38 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 @@ -9565,11 +9565,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-548235db-20251001" !== 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-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react-experimental"), @@ -11346,7 +11346,7 @@ postponedState, createRenderState( postponedState.resumableState, - options ? options.nonce : void 0, + void 0, void 0, void 0, void 0, @@ -11389,5 +11389,5 @@ startWork(request); }); }; - exports.version = "19.2.0-experimental-ef889445-20250930"; + exports.version = "19.2.0-experimental-548235db-20251001"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js index 91bf9ec4e207d5..900e44432ab868 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js @@ -7945,11 +7945,11 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-548235db-20251001" !== 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-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -8160,7 +8160,7 @@ exports.resumeAndPrerender = function (children, postponedState, options) { postponedState, createRenderState( postponedState.resumableState, - options ? options.nonce : void 0, + void 0, void 0, void 0, void 0, @@ -8203,4 +8203,4 @@ exports.resumeAndPrerender = function (children, postponedState, options) { startWork(request); }); }; -exports.version = "19.2.0-experimental-ef889445-20250930"; +exports.version = "19.2.0-experimental-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js index 062f48ef2d2236..36cb3627366862 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js @@ -9425,11 +9425,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-548235db-20251001" !== 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-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); } function createDrainHandler(destination, request) { @@ -11424,7 +11424,7 @@ postponedState, createRenderState( postponedState.resumableState, - options ? options.nonce : void 0, + void 0, void 0, void 0, void 0, @@ -11485,7 +11485,7 @@ postponedState, createRenderState( postponedState.resumableState, - options ? options.nonce : void 0, + void 0, void 0, void 0, void 0, @@ -11559,5 +11559,5 @@ } }; }; - exports.version = "19.2.0-experimental-ef889445-20250930"; + exports.version = "19.2.0-experimental-548235db-20251001"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js index 12593f047ca3ff..f146787f8c0dee 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js @@ -7824,11 +7824,11 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-548235db-20251001" !== 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-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -8260,7 +8260,7 @@ exports.resumeAndPrerender = function (children, postponedState, options) { postponedState, createRenderState( postponedState.resumableState, - options ? options.nonce : void 0, + void 0, void 0, void 0, void 0, @@ -8319,7 +8319,7 @@ exports.resumeAndPrerenderToNodeStream = function ( postponedState, createRenderState( postponedState.resumableState, - options ? options.nonce : void 0, + void 0, void 0, void 0, void 0, @@ -8386,4 +8386,4 @@ exports.resumeToPipeableStream = function (children, postponedState, options) { } }; }; -exports.version = "19.2.0-experimental-ef889445-20250930"; +exports.version = "19.2.0-experimental-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js index afbcb2b2a23413..eaacfae97c1638 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js @@ -5926,8 +5926,8 @@ (gestureUpdateComponentName = getComponentNameFromFiber(fiber)); lane = resolveEventTimeStamp(); method = resolveEventType(); - if (lane !== gestureEventTime || method !== gestureEventType) - gestureEventIsRepeat = !1; + if (lane !== gestureEventRepeatTime || method !== gestureEventType) + gestureEventRepeatTime = -1.1; gestureEventTime = lane; gestureEventType = method; } @@ -5939,11 +5939,12 @@ null != fiber && (blockingUpdateComponentName = getComponentNameFromFiber(fiber)), (executionContext & (RenderContext | CommitContext)) !== NoContext && - (blockingUpdateType = SPAWNED_UPDATE), + ((componentEffectSpawnedUpdate = !0), + (blockingUpdateType = SPAWNED_UPDATE)), (lane = resolveEventTimeStamp()), (method = resolveEventType()), - lane !== blockingEventTime || method !== blockingEventType - ? (blockingEventIsRepeat = !1) + lane !== blockingEventRepeatTime || method !== blockingEventType + ? (blockingEventRepeatTime = -1.1) : null !== method && (blockingUpdateType = SPAWNED_UPDATE), (blockingEventTime = lane), (blockingEventType = method)); @@ -5959,8 +5960,11 @@ ) { lane = resolveEventTimeStamp(); method = resolveEventType(); - if (lane !== transitionEventTime || method !== transitionEventType) - transitionEventIsRepeat = !1; + if ( + lane !== transitionEventRepeatTime || + method !== transitionEventType + ) + transitionEventRepeatTime = -1.1; transitionEventTime = lane; transitionEventType = method; } @@ -5973,8 +5977,9 @@ (blockingUpdateType = SPAWNED_UPDATE); var newEventTime = resolveEventTimeStamp(), newEventType = resolveEventType(); - newEventTime !== blockingEventTime || newEventType !== blockingEventType - ? (blockingEventIsRepeat = !1) + newEventTime !== blockingEventRepeatTime || + newEventType !== blockingEventType + ? (blockingEventRepeatTime = -1.1) : null !== newEventType && (blockingUpdateType = SPAWNED_UPDATE); blockingEventTime = newEventTime; blockingEventType = newEventType; @@ -5989,10 +5994,10 @@ fiber = resolveEventTimeStamp(); newEventTime = resolveEventType(); if ( - fiber !== transitionEventTime || + fiber !== transitionEventRepeatTime || newEventTime !== transitionEventType ) - transitionEventIsRepeat = !1; + transitionEventRepeatTime = -1.1; transitionEventTime = fiber; transitionEventType = newEventTime; } @@ -6036,6 +6041,11 @@ componentEffectErrors = null; return prevErrors; } + function pushComponentEffectDidSpawnUpdate() { + var prev = componentEffectSpawnedUpdate; + componentEffectSpawnedUpdate = !1; + return prev; + } function startProfilerTimer(fiber) { profilerStartTime = now(); 0 > fiber.actualStartTime && (fiber.actualStartTime = profilerStartTime); @@ -10367,23 +10377,24 @@ }); if ("hidden" === nextProps.mode) { if (0 !== (workInProgress.flags & 128)) { - nextProps = + prevState = null !== prevState ? prevState.baseLanes | renderLanes : renderLanes; if (null !== current) { - nextChildren = workInProgress.child = current.child; - for (prevState = 0; null !== nextChildren; ) - (prevState = - prevState | nextChildren.lanes | nextChildren.childLanes), - (nextChildren = nextChildren.sibling); - workInProgress.childLanes = prevState & ~nextProps; - } else (workInProgress.childLanes = 0), (workInProgress.child = null); + nextProps = workInProgress.child = current.child; + for (nextChildren = 0; null !== nextProps; ) + (nextChildren = + nextChildren | nextProps.lanes | nextProps.childLanes), + (nextProps = nextProps.sibling); + nextProps = nextChildren & ~prevState; + } else (nextProps = 0), (workInProgress.child = null); return deferHiddenOffscreenComponent( current, workInProgress, - nextProps, - renderLanes + prevState, + renderLanes, + nextProps ); } if (0 !== (renderLanes & 536870912)) @@ -10399,14 +10410,15 @@ pushOffscreenSuspenseHandler(workInProgress); else return ( - (workInProgress.lanes = workInProgress.childLanes = 536870912), + (nextProps = workInProgress.lanes = 536870912), deferHiddenOffscreenComponent( current, workInProgress, null !== prevState ? prevState.baseLanes | renderLanes : renderLanes, - renderLanes + renderLanes, + nextProps ) ); } else @@ -10436,7 +10448,8 @@ current, workInProgress, nextBaseLanes, - renderLanes + renderLanes, + remainingChildLanes ) { var JSCompiler_inline_result = peekCacheFromPool(); JSCompiler_inline_result = @@ -10455,6 +10468,7 @@ pushOffscreenSuspenseHandler(workInProgress); null !== current && propagateParentContextChanges(current, workInProgress, renderLanes, !0); + workInProgress.childLanes = remainingChildLanes; return null; } function mountActivityChildren(workInProgress, nextProps) { @@ -11320,25 +11334,25 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_3251; - var JSCompiler_object_inline_stack_3250 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_3274; + var JSCompiler_object_inline_stack_3273 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_digest_3249 = !1; + var JSCompiler_object_inline_digest_3272 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_3251 = didSuspend) || - (JSCompiler_object_inline_componentStack_3251 = + (JSCompiler_object_inline_componentStack_3274 = didSuspend) || + (JSCompiler_object_inline_componentStack_3274 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_3251 && - ((JSCompiler_object_inline_digest_3249 = !0), + JSCompiler_object_inline_componentStack_3274 && + ((JSCompiler_object_inline_digest_3272 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_3251 = + JSCompiler_object_inline_componentStack_3274 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_digest_3249 + JSCompiler_object_inline_digest_3272 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (current = nextHydratableInstance) @@ -11351,20 +11365,20 @@ ? renderLanes : null), null !== renderLanes && - ((JSCompiler_object_inline_componentStack_3251 = { + ((JSCompiler_object_inline_componentStack_3274 = { dehydrated: renderLanes, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_componentStack_3251), - (JSCompiler_object_inline_componentStack_3251 = + JSCompiler_object_inline_componentStack_3274), + (JSCompiler_object_inline_componentStack_3274 = createFiberFromDehydratedFragment(renderLanes)), - (JSCompiler_object_inline_componentStack_3251.return = + (JSCompiler_object_inline_componentStack_3274.return = workInProgress), (workInProgress.child = - JSCompiler_object_inline_componentStack_3251), + JSCompiler_object_inline_componentStack_3274), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (renderLanes = null); @@ -11378,9 +11392,9 @@ : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_3250.children, - nextFallbackChildren = JSCompiler_object_inline_stack_3250.fallback; - if (JSCompiler_object_inline_digest_3249) + var nextPrimaryChildren = JSCompiler_object_inline_stack_3273.children, + nextFallbackChildren = JSCompiler_object_inline_stack_3273.fallback; + if (JSCompiler_object_inline_digest_3272) return ( reuseSuspenseHandlerOnStack(workInProgress), mountSuspenseFallbackChildren( @@ -11389,21 +11403,21 @@ nextFallbackChildren, renderLanes ), - (JSCompiler_object_inline_stack_3250 = workInProgress.child), - (JSCompiler_object_inline_stack_3250.memoizedState = + (JSCompiler_object_inline_stack_3273 = workInProgress.child), + (JSCompiler_object_inline_stack_3273.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3250.childLanes = + (JSCompiler_object_inline_stack_3273.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3251, + JSCompiler_object_inline_componentStack_3274, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3250) + bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3273) ); if ( "number" === - typeof JSCompiler_object_inline_stack_3250.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_3273.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), @@ -11413,18 +11427,18 @@ nextFallbackChildren, renderLanes ), - (JSCompiler_object_inline_stack_3250 = workInProgress.child), - (JSCompiler_object_inline_stack_3250.memoizedState = + (JSCompiler_object_inline_stack_3273 = workInProgress.child), + (JSCompiler_object_inline_stack_3273.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3250.childLanes = + (JSCompiler_object_inline_stack_3273.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3251, + JSCompiler_object_inline_componentStack_3274, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3250) + bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3273) ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( @@ -11434,8 +11448,8 @@ } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_message_3248 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_message_3248) { + var JSCompiler_object_inline_message_3271 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_message_3271) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -11452,13 +11466,13 @@ (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_3250.fallback), + JSCompiler_object_inline_stack_3273.fallback), (nextFallbackChildren = workInProgress.mode), - (JSCompiler_object_inline_stack_3250 = + (JSCompiler_object_inline_stack_3273 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_3250.children + children: JSCompiler_object_inline_stack_3273.children }, nextFallbackChildren )), @@ -11469,78 +11483,78 @@ null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_3250.return = workInProgress), + (JSCompiler_object_inline_stack_3273.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3250.sibling = + (JSCompiler_object_inline_stack_3273.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3250), + (workInProgress.child = JSCompiler_object_inline_stack_3273), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_3250 = workInProgress.child), - (JSCompiler_object_inline_stack_3250.memoizedState = + (JSCompiler_object_inline_stack_3273 = workInProgress.child), + (JSCompiler_object_inline_stack_3273.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3250.childLanes = + (JSCompiler_object_inline_stack_3273.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3251, + JSCompiler_object_inline_componentStack_3274, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = bailoutOffscreenComponent( null, - JSCompiler_object_inline_stack_3250 + JSCompiler_object_inline_stack_3273 ))); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), 0 !== (renderLanes & 536870912) && markRenderDerivedCause(workInProgress), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_3248)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_3271)) ) { - JSCompiler_object_inline_componentStack_3251 = - JSCompiler_object_inline_message_3248.nextSibling && - JSCompiler_object_inline_message_3248.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_3251) { + JSCompiler_object_inline_componentStack_3274 = + JSCompiler_object_inline_message_3271.nextSibling && + JSCompiler_object_inline_message_3271.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_3274) { nextPrimaryChildren = - JSCompiler_object_inline_componentStack_3251.dgst; - var message = JSCompiler_object_inline_componentStack_3251.msg; + JSCompiler_object_inline_componentStack_3274.dgst; + var message = JSCompiler_object_inline_componentStack_3274.msg; nextFallbackChildren = - JSCompiler_object_inline_componentStack_3251.stck; + JSCompiler_object_inline_componentStack_3274.stck; var componentStack = - JSCompiler_object_inline_componentStack_3251.cstck; + JSCompiler_object_inline_componentStack_3274.cstck; } - JSCompiler_object_inline_message_3248 = message; - JSCompiler_object_inline_digest_3249 = nextPrimaryChildren; - JSCompiler_object_inline_stack_3250 = nextFallbackChildren; - JSCompiler_object_inline_componentStack_3251 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_digest_3249; - nextFallbackChildren = JSCompiler_object_inline_message_3248; - componentStack = JSCompiler_object_inline_componentStack_3251; + JSCompiler_object_inline_message_3271 = message; + JSCompiler_object_inline_digest_3272 = nextPrimaryChildren; + JSCompiler_object_inline_stack_3273 = nextFallbackChildren; + JSCompiler_object_inline_componentStack_3274 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_digest_3272; + nextFallbackChildren = JSCompiler_object_inline_message_3271; + componentStack = JSCompiler_object_inline_componentStack_3274; "POSTPONE" !== nextPrimaryChildren && - ((JSCompiler_object_inline_componentStack_3251 = + ((JSCompiler_object_inline_componentStack_3274 = 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_3251.stack = - JSCompiler_object_inline_stack_3250 || ""), - (JSCompiler_object_inline_componentStack_3251.digest = + (JSCompiler_object_inline_componentStack_3274.stack = + JSCompiler_object_inline_stack_3273 || ""), + (JSCompiler_object_inline_componentStack_3274.digest = nextPrimaryChildren), - (JSCompiler_object_inline_stack_3250 = + (JSCompiler_object_inline_stack_3273 = void 0 === componentStack ? null : componentStack), (nextPrimaryChildren = { - value: JSCompiler_object_inline_componentStack_3251, + value: JSCompiler_object_inline_componentStack_3274, source: null, - stack: JSCompiler_object_inline_stack_3250 + stack: JSCompiler_object_inline_stack_3273 }), - "string" === typeof JSCompiler_object_inline_stack_3250 && + "string" === typeof JSCompiler_object_inline_stack_3273 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_3251, + JSCompiler_object_inline_componentStack_3274, nextPrimaryChildren ), queueHydrationError(nextPrimaryChildren)); @@ -11557,34 +11571,34 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_3251 = + (JSCompiler_object_inline_componentStack_3274 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_3251) + didReceiveUpdate || JSCompiler_object_inline_componentStack_3274) ) { - JSCompiler_object_inline_componentStack_3251 = workInProgressRoot; + JSCompiler_object_inline_componentStack_3274 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_3251 && - ((JSCompiler_object_inline_stack_3250 = getBumpedLaneForHydration( - JSCompiler_object_inline_componentStack_3251, + null !== JSCompiler_object_inline_componentStack_3274 && + ((JSCompiler_object_inline_stack_3273 = getBumpedLaneForHydration( + JSCompiler_object_inline_componentStack_3274, renderLanes )), - 0 !== JSCompiler_object_inline_stack_3250 && - JSCompiler_object_inline_stack_3250 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_3273 && + JSCompiler_object_inline_stack_3273 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_3250), + ((prevState.retryLane = JSCompiler_object_inline_stack_3273), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_3250 + JSCompiler_object_inline_stack_3273 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_3251, + JSCompiler_object_inline_componentStack_3274, current, - JSCompiler_object_inline_stack_3250 + JSCompiler_object_inline_stack_3273 ), SelectiveHydrationException) ); - isSuspenseInstancePending(JSCompiler_object_inline_message_3248) || + isSuspenseInstancePending(JSCompiler_object_inline_message_3271) || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -11592,13 +11606,13 @@ renderLanes ); } else - isSuspenseInstancePending(JSCompiler_object_inline_message_3248) + isSuspenseInstancePending(JSCompiler_object_inline_message_3271) ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_3248.nextSibling + JSCompiler_object_inline_message_3271.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -11610,31 +11624,31 @@ restoreSuspendedTreeContext(workInProgress, current), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_3250.children + JSCompiler_object_inline_stack_3273.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_digest_3249) + if (JSCompiler_object_inline_digest_3272) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_3250.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_3273.fallback), (nextFallbackChildren = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_message_3248 = componentStack.sibling), - (JSCompiler_object_inline_stack_3250 = createWorkInProgress( + (JSCompiler_object_inline_message_3271 = componentStack.sibling), + (JSCompiler_object_inline_stack_3273 = createWorkInProgress( componentStack, { mode: "hidden", - children: JSCompiler_object_inline_stack_3250.children + children: JSCompiler_object_inline_stack_3273.children } )), - (JSCompiler_object_inline_stack_3250.subtreeFlags = + (JSCompiler_object_inline_stack_3273.subtreeFlags = componentStack.subtreeFlags & 65011712), - null !== JSCompiler_object_inline_message_3248 + null !== JSCompiler_object_inline_message_3271 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_message_3248, + JSCompiler_object_inline_message_3271, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -11645,11 +11659,11 @@ )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3250.return = workInProgress), - (JSCompiler_object_inline_stack_3250.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3250), - bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3250), - (JSCompiler_object_inline_stack_3250 = workInProgress.child), + (JSCompiler_object_inline_stack_3273.return = workInProgress), + (JSCompiler_object_inline_stack_3273.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_3273), + bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_3273), + (JSCompiler_object_inline_stack_3273 = workInProgress.child), (nextPrimaryChildren = current.child.memoizedState), null === nextPrimaryChildren ? (nextPrimaryChildren = mountSuspenseOffscreenState(renderLanes)) @@ -11665,18 +11679,18 @@ baseLanes: nextPrimaryChildren.baseLanes | renderLanes, cachePool: nextFallbackChildren })), - (JSCompiler_object_inline_stack_3250.memoizedState = + (JSCompiler_object_inline_stack_3273.memoizedState = nextPrimaryChildren), - (JSCompiler_object_inline_stack_3250.childLanes = + (JSCompiler_object_inline_stack_3273.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3251, + JSCompiler_object_inline_componentStack_3274, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), bailoutOffscreenComponent( current.child, - JSCompiler_object_inline_stack_3250 + JSCompiler_object_inline_stack_3273 ) ); null !== prevState && @@ -11688,17 +11702,17 @@ current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_3250.children + children: JSCompiler_object_inline_stack_3273.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_3251 = + ((JSCompiler_object_inline_componentStack_3274 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_3251 + null === JSCompiler_object_inline_componentStack_3274 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_3251.push(current)); + : JSCompiler_object_inline_componentStack_3274.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -15181,6 +15195,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -15412,7 +15427,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - (0.05 < componentEffectDuration && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -15437,6 +15452,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function detachFiberAfterEffects(fiber) { var alternate = fiber.alternate; @@ -15492,7 +15508,8 @@ } var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (deletedFiber.tag) { case 26: offscreenSubtreeWasHidden || @@ -15692,7 +15709,7 @@ (deletedFiber.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( deletedFiber, componentEffectStartTime, @@ -15703,6 +15720,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function commitActivityHydrationCallbacks(finishedRoot, finishedWork) { if ( @@ -15850,6 +15868,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), current = finishedWork.alternate, flags = finishedWork.flags; switch (finishedWork.tag) { @@ -16378,7 +16397,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - (0.05 < componentEffectDuration && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -16403,6 +16422,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function commitReconciliationEffects(finishedWork) { var flags = finishedWork.flags; @@ -16510,7 +16530,8 @@ function disappearLayoutEffects(finishedWork) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -16565,7 +16586,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -16576,6 +16597,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function recursivelyTraverseDisappearLayoutEffects(parentFiber) { for (parentFiber = parentFiber.child; null !== parentFiber; ) @@ -16591,6 +16613,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -16741,7 +16764,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -16752,6 +16775,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function recursivelyTraverseReappearLayoutEffects( finishedRoot, @@ -16831,6 +16855,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), prevDeepEquality = alreadyWarnedForDeepEquality, isViewTransitionEligible = (committedLanes & 335544064) === committedLanes; @@ -17151,7 +17176,7 @@ ); 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - (0.05 < componentEffectDuration && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -17171,6 +17196,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseReconnectPassiveEffects( @@ -17208,6 +17234,7 @@ var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), prevDeepEquality = alreadyWarnedForDeepEquality; includeWorkInProgressEffects && (finishedWork.mode & ProfileMode) !== NoMode && @@ -17298,7 +17325,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -17309,6 +17336,7 @@ popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseAtomicPassiveEffects( @@ -17531,7 +17559,8 @@ function commitPassiveUnmountOnFiber(finishedWork) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -17583,7 +17612,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -17593,6 +17622,7 @@ ); popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; componentEffectErrors = prevEffectErrors; } function recursivelyTraverseDisconnectPassiveEffects(parentFiber) { @@ -17628,7 +17658,8 @@ function disconnectPassiveEffect(finishedWork) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -17652,7 +17683,7 @@ (finishedWork.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( finishedWork, componentEffectStartTime, @@ -17662,6 +17693,7 @@ ); popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; componentEffectErrors = prevEffectErrors; } function commitPassiveUnmountEffectsInsideOfDeletedTree_begin( @@ -17674,7 +17706,8 @@ nearestMountedAncestor = nearestMountedAncestor$jscomp$0, prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (current.tag) { case 0: case 11: @@ -17699,7 +17732,7 @@ (current.mode & ProfileMode) !== NoMode && 0 <= componentEffectStartTime && 0 <= componentEffectEndTime && - 0.05 < componentEffectDuration && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && logComponentEffect( current, componentEffectStartTime, @@ -17709,6 +17742,7 @@ ); popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; componentEffectErrors = prevEffectErrors; current = fiber.child; if (null !== current) (current.return = fiber), (nextEffect = current); @@ -19326,7 +19360,7 @@ logAnimatingPhase(gestureClampTime, debugTask, animatingTask)); var eventTime = endTime, eventType = gestureEventType, - eventIsRepeat = gestureEventIsRepeat, + eventIsRepeat = 0 < gestureEventRepeatTime, isPingedUpdate = gestureUpdateType === PINGED_UPDATE; debugTask = renderStartTime; endTime = gestureUpdateTask; @@ -19399,7 +19433,8 @@ gestureUpdateTime = -1.1; gestureUpdateType = 0; gestureSuspendedTime = -1.1; - gestureEventIsRepeat = !0; + gestureEventRepeatTime = gestureEventTime; + gestureEventTime = -1.1; gestureClampTime = now(); } else if (0 !== (lanes & 127)) { workInProgressUpdateTask = blockingUpdateTask; @@ -19428,7 +19463,7 @@ previousRenderStartTime = debugTask; eventIsRepeat = endTime; isPingedUpdate = blockingEventType; - color$jscomp$0 = blockingEventIsRepeat; + color$jscomp$0 = 0 < blockingEventRepeatTime; eventTime = blockingUpdateType === SPAWNED_UPDATE; eventType = blockingUpdateType === PINGED_UPDATE; debugTask = renderStartTime; @@ -19513,7 +19548,8 @@ blockingUpdateType = 0; blockingUpdateComponentName = blockingUpdateMethodName = null; blockingSuspendedTime = -1.1; - blockingEventIsRepeat = !0; + blockingEventRepeatTime = blockingEventTime; + blockingEventTime = -1.1; blockingClampTime = now(); } 0 !== (lanes & 4194048) && @@ -19550,7 +19586,7 @@ logAnimatingPhase(transitionClampTime, color, animatingTask)), (eventType = endTime), (eventIsRepeat = transitionEventType), - (isPingedUpdate = transitionEventIsRepeat), + (isPingedUpdate = 0 < transitionEventRepeatTime), (color$jscomp$0 = transitionUpdateType === PINGED_UPDATE), (color = renderStartTime), (endTime = transitionUpdateTask), @@ -19646,7 +19682,8 @@ (transitionUpdateTime = transitionStartTime = -1.1), (transitionUpdateType = 0), (transitionSuspendedTime = -1.1), - (transitionEventIsRepeat = !0), + (transitionEventRepeatTime = transitionEventTime), + (transitionEventTime = -1.1), (transitionClampTime = now())); 0 !== (lanes & 62914560) && 0 !== (animatingLanes & 62914560) && @@ -20295,7 +20332,8 @@ ((gestureUpdateTime = -1.1), (gestureUpdateType = 0), (gestureSuspendedTime = -1.1), - (gestureEventIsRepeat = !0)), + (gestureEventRepeatTime = gestureEventTime), + (gestureEventTime = -1.1)), (didIncludeRenderPhaseUpdate &= -65)); markRootFinished( root, @@ -29818,6 +29856,7 @@ componentEffectStartTime = -1.1, componentEffectEndTime = -1.1, componentEffectErrors = null, + componentEffectSpawnedUpdate = !1, blockingClampTime = -0, blockingUpdateTime = -1.1, blockingUpdateTask = null, @@ -29826,7 +29865,7 @@ blockingUpdateComponentName = null, blockingEventTime = -1.1, blockingEventType = null, - blockingEventIsRepeat = !1, + blockingEventRepeatTime = -1.1, blockingSuspendedTime = -1.1, gestureClampTime = -0, gestureUpdateTime = -1.1, @@ -29836,7 +29875,7 @@ gestureUpdateComponentName = null, gestureEventTime = -1.1, gestureEventType = null, - gestureEventIsRepeat = !1, + gestureEventRepeatTime = -1.1, gestureSuspendedTime = -1.1, transitionClampTime = -0, transitionStartTime = -1.1, @@ -29847,7 +29886,7 @@ transitionUpdateComponentName = null, transitionEventTime = -1.1, transitionEventType = null, - transitionEventIsRepeat = !1, + transitionEventRepeatTime = -1.1, transitionSuspendedTime = -1.1, retryClampTime = -0, idleClampTime = -0, @@ -29878,10 +29917,10 @@ var newEventTime = resolveEventTimeStamp(), newEventType = resolveEventType(); if ( - newEventTime !== transitionEventTime || + newEventTime !== transitionEventRepeatTime || newEventType !== transitionEventType ) - transitionEventIsRepeat = !1; + transitionEventRepeatTime = -1.1; transitionEventTime = newEventTime; transitionEventType = newEventType; } @@ -32542,11 +32581,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-548235db-20251001" !== 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-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -32583,10 +32622,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-ef889445-20250930", + version: "19.2.0-experimental-548235db-20251001", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-ef889445-20250930" + reconcilerVersion: "19.2.0-experimental-548235db-20251001" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -32900,5 +32939,5 @@ } }; }; - exports.version = "19.2.0-experimental-ef889445-20250930"; + exports.version = "19.2.0-experimental-548235db-20251001"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js index 479bd11bf7a36e..cc995506fb71bb 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js @@ -6772,21 +6772,22 @@ function updateOffscreenComponent( }); if ("hidden" === nextProps.mode) { if (0 !== (workInProgress.flags & 128)) { - nextProps = + prevState = null !== prevState ? prevState.baseLanes | renderLanes : renderLanes; if (null !== current) { - nextChildren = workInProgress.child = current.child; - for (prevState = 0; null !== nextChildren; ) - (prevState = - prevState | nextChildren.lanes | nextChildren.childLanes), - (nextChildren = nextChildren.sibling); - workInProgress.childLanes = prevState & ~nextProps; - } else (workInProgress.childLanes = 0), (workInProgress.child = null); + nextProps = workInProgress.child = current.child; + for (nextChildren = 0; null !== nextProps; ) + (nextChildren = + nextChildren | nextProps.lanes | nextProps.childLanes), + (nextProps = nextProps.sibling); + nextProps = nextChildren & ~prevState; + } else (nextProps = 0), (workInProgress.child = null); return deferHiddenOffscreenComponent( current, workInProgress, - nextProps, - renderLanes + prevState, + renderLanes, + nextProps ); } if (0 !== (renderLanes & 536870912)) @@ -6802,12 +6803,13 @@ function updateOffscreenComponent( pushOffscreenSuspenseHandler(workInProgress); else return ( - (workInProgress.lanes = workInProgress.childLanes = 536870912), + (nextProps = workInProgress.lanes = 536870912), deferHiddenOffscreenComponent( current, workInProgress, null !== prevState ? prevState.baseLanes | renderLanes : renderLanes, - renderLanes + renderLanes, + nextProps ) ); } else @@ -6837,7 +6839,8 @@ function deferHiddenOffscreenComponent( current, workInProgress, nextBaseLanes, - renderLanes + renderLanes, + remainingChildLanes ) { var JSCompiler_inline_result = peekCacheFromPool(); JSCompiler_inline_result = @@ -6853,6 +6856,7 @@ function deferHiddenOffscreenComponent( pushOffscreenSuspenseHandler(workInProgress); null !== current && propagateParentContextChanges(current, workInProgress, renderLanes, !0); + workInProgress.childLanes = remainingChildLanes; return null; } function mountActivityChildren(workInProgress, nextProps) { @@ -7870,9 +7874,9 @@ function attemptEarlyBailoutIfNoScheduledUpdate( ); break; case 13: - var state$110 = workInProgress.memoizedState; - if (null !== state$110) { - if (null !== state$110.dehydrated) + var state$111 = workInProgress.memoizedState; + if (null !== state$111) { + if (null !== state$111.dehydrated) return ( pushPrimaryTreeSuspenseHandler(workInProgress), (workInProgress.flags |= 128), @@ -7892,17 +7896,17 @@ function attemptEarlyBailoutIfNoScheduledUpdate( break; case 19: var didSuspendBefore = 0 !== (current.flags & 128); - state$110 = 0 !== (renderLanes & workInProgress.childLanes); - state$110 || + state$111 = 0 !== (renderLanes & workInProgress.childLanes); + state$111 || (propagateParentContextChanges( current, workInProgress, renderLanes, !1 ), - (state$110 = 0 !== (renderLanes & workInProgress.childLanes))); + (state$111 = 0 !== (renderLanes & workInProgress.childLanes))); if (didSuspendBefore) { - if (state$110) + if (state$111) return updateSuspenseListComponent( current, workInProgress, @@ -7916,7 +7920,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate( (didSuspendBefore.tail = null), (didSuspendBefore.lastEffect = null)); push(suspenseStackCursor, suspenseStackCursor.current); - if (state$110) break; + if (state$111) break; else return null; case 22: return ( @@ -8478,14 +8482,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { break; case "collapsed": lastTailNode = renderState.tail; - for (var lastTailNode$114 = null; null !== lastTailNode; ) - null !== lastTailNode.alternate && (lastTailNode$114 = lastTailNode), + for (var lastTailNode$115 = null; null !== lastTailNode; ) + null !== lastTailNode.alternate && (lastTailNode$115 = lastTailNode), (lastTailNode = lastTailNode.sibling); - null === lastTailNode$114 + null === lastTailNode$115 ? hasRenderedATailFallback || null === renderState.tail ? (renderState.tail = null) : (renderState.tail.sibling = null) - : (lastTailNode$114.sibling = null); + : (lastTailNode$115.sibling = null); } } function bubbleProperties(completedWork) { @@ -8495,19 +8499,19 @@ function bubbleProperties(completedWork) { newChildLanes = 0, subtreeFlags = 0; if (didBailout) - for (var child$115 = completedWork.child; null !== child$115; ) - (newChildLanes |= child$115.lanes | child$115.childLanes), - (subtreeFlags |= child$115.subtreeFlags & 65011712), - (subtreeFlags |= child$115.flags & 65011712), - (child$115.return = completedWork), - (child$115 = child$115.sibling); + for (var child$116 = completedWork.child; null !== child$116; ) + (newChildLanes |= child$116.lanes | child$116.childLanes), + (subtreeFlags |= child$116.subtreeFlags & 65011712), + (subtreeFlags |= child$116.flags & 65011712), + (child$116.return = completedWork), + (child$116 = child$116.sibling); else - for (child$115 = completedWork.child; null !== child$115; ) - (newChildLanes |= child$115.lanes | child$115.childLanes), - (subtreeFlags |= child$115.subtreeFlags), - (subtreeFlags |= child$115.flags), - (child$115.return = completedWork), - (child$115 = child$115.sibling); + for (child$116 = completedWork.child; null !== child$116; ) + (newChildLanes |= child$116.lanes | child$116.childLanes), + (subtreeFlags |= child$116.subtreeFlags), + (subtreeFlags |= child$116.flags), + (child$116.return = completedWork), + (child$116 = child$116.sibling); completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; @@ -9284,8 +9288,8 @@ function safelyDetachRef(current, nearestMountedAncestor) { else if ("function" === typeof ref) try { ref(null); - } catch (error$149) { - captureCommitPhaseError(current, nearestMountedAncestor, error$149); + } catch (error$150) { + captureCommitPhaseError(current, nearestMountedAncestor, error$150); } else ref.current = null; } @@ -10160,11 +10164,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { prevState, instance.__reactInternalSnapshotBeforeUpdate ); - } catch (error$147) { + } catch (error$148) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$147 + error$148 ); } } @@ -11135,25 +11139,25 @@ function commitReconciliationEffects(finishedWork) { ); break; case 5: - var parent$150 = hostParentFiber.stateNode; + var parent$151 = hostParentFiber.stateNode; hostParentFiber.flags & 32 && - (setTextContent(parent$150, ""), (hostParentFiber.flags &= -33)); - var before$151 = getHostSibling(finishedWork); + (setTextContent(parent$151, ""), (hostParentFiber.flags &= -33)); + var before$152 = getHostSibling(finishedWork); insertOrAppendPlacementNode( finishedWork, - before$151, - parent$150, + before$152, + parent$151, parentFragmentInstances ); break; case 3: case 4: - var parent$152 = hostParentFiber.stateNode.containerInfo, - before$153 = getHostSibling(finishedWork); + var parent$153 = hostParentFiber.stateNode.containerInfo, + before$154 = getHostSibling(finishedWork); insertOrAppendPlacementNodeIntoContainer( finishedWork, - before$153, - parent$152, + before$154, + parent$153, parentFragmentInstances ); break; @@ -12335,7 +12339,7 @@ function recursivelyInsertClones( if (null === nextPhase) recursivelyInsertNewFiber(deletions, i, parentViewTransition, 5); else { - var nextPhase$177 = deletions.flags; + var nextPhase$178 = deletions.flags; switch (deletions.tag) { case 26: recursivelyInsertClones( @@ -12361,16 +12365,16 @@ function recursivelyInsertClones( (setTextContent(clone, ""), (viewTransitionMutationContext = !0))) : (clone = clone.cloneNode(!1)); - if (nextPhase$177 & 4) { - nextPhase$177 = clone; + if (nextPhase$178 & 4) { + nextPhase$178 = clone; var newProps = deletions.memoizedProps; updateProperties( - nextPhase$177, + nextPhase$178, deletions.type, nextPhase.memoizedProps, newProps ); - nextPhase$177[internalPropsKey] = newProps; + nextPhase$178[internalPropsKey] = newProps; } 1 === visitPhase || 2 === visitPhase ? (i.appendChild(clone), @@ -12389,7 +12393,7 @@ function recursivelyInsertClones( if (null === parentViewTransition) throw Error(formatProdErrorMessage(162)); parentViewTransition = parentViewTransition.cloneNode(!1); - nextPhase$177 & 4 && + nextPhase$178 & 4 && ((parentViewTransition.nodeValue = nextPhase.memoizedProps), (viewTransitionMutationContext = !0)); i.appendChild(parentViewTransition); @@ -12402,7 +12406,7 @@ function recursivelyInsertClones( case 22: null === deletions.memoizedState ? ((nextPhase = - 0 === visitPhase && 0 !== (nextPhase$177 & 8192) + 0 === visitPhase && 0 !== (nextPhase$178 & 8192) ? 1 : visitPhase), recursivelyInsertClones( @@ -12420,8 +12424,8 @@ function recursivelyInsertClones( parentViewTransition = pushMutationContext(); clone = deletions.stateNode; clone.clones = null; - nextPhase$177 = 1 === visitPhase ? 2 : visitPhase; - recursivelyInsertClones(deletions, i, clone, nextPhase$177); + nextPhase$178 = 1 === visitPhase ? 2 : visitPhase; + recursivelyInsertClones(deletions, i, clone, nextPhase$178); viewTransitionMutationContext && (deletions.flags |= 4); 1 === visitPhase ? applyExitViewTransition(deletions) @@ -13366,8 +13370,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) { workLoopSync(); exitStatus = workInProgressRootExitStatus; break; - } catch (thrownValue$183) { - handleThrow(root, thrownValue$183); + } catch (thrownValue$184) { + handleThrow(root, thrownValue$184); } while (1); lanes && root.shellSuspendCounter++; @@ -13486,8 +13490,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrentByScheduler(); break; - } catch (thrownValue$185) { - handleThrow(root, thrownValue$185); + } catch (thrownValue$186) { + handleThrow(root, thrownValue$186); } while (1); lastContextDependency = currentlyRenderingFiber$1 = null; @@ -14141,26 +14145,26 @@ function commitGestureOnRoot( } var rotate = computedStyle.rotate; if ("none" !== rotate && "" !== rotate) { - var parts$264 = rotate.split(" "); + var parts$265 = rotate.split(" "); transform = - 1 === parts$264.length - ? "rotate(" + parts$264[0] + ") " + transform - : 2 === parts$264.length + 1 === parts$265.length + ? "rotate(" + parts$265[0] + ") " + transform + : 2 === parts$265.length ? "rotate" + - parts$264[0].toUpperCase() + + parts$265[0].toUpperCase() + "(" + - parts$264[1] + + parts$265[1] + ") " + transform - : "rotate3d(" + parts$264.join(", ") + ") " + transform; + : "rotate3d(" + parts$265.join(", ") + ") " + transform; } var translate = computedStyle.translate; if ("none" !== translate && "" !== translate) { - var parts$265 = translate.split(" "); + var parts$266 = translate.split(" "); transform = - (3 === parts$265.length ? "translate3d" : "translate") + + (3 === parts$266.length ? "translate3d" : "translate") + "(" + - parts$265.join(", ") + + parts$266.join(", ") + ") " + transform; } @@ -14472,14 +14476,14 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$192 = firstScheduledRoot; null !== root$192; ) { + for (var root$193 = firstScheduledRoot; null !== root$193; ) { if (!onlyLegacy) if (0 !== syncTransitionLanes) { - var pendingLanes = root$192.pendingLanes; + var pendingLanes = root$193.pendingLanes; if (0 === pendingLanes) var JSCompiler_inline_result = 0; else { - var suspendedLanes = root$192.suspendedLanes, - pingedLanes = root$192.pingedLanes; + var suspendedLanes = root$193.suspendedLanes, + pingedLanes = root$193.pingedLanes; JSCompiler_inline_result = (1 << (31 - clz32(42 | syncTransitionLanes) + 1)) - 1; JSCompiler_inline_result &= @@ -14493,21 +14497,21 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { } 0 !== JSCompiler_inline_result && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$192, JSCompiler_inline_result)); + performSyncWorkOnRoot(root$193, JSCompiler_inline_result)); } else (JSCompiler_inline_result = workInProgressRootRenderLanes), (JSCompiler_inline_result = getNextLanes( - root$192, - root$192 === workInProgressRoot ? JSCompiler_inline_result : 0, - null !== root$192.cancelPendingCommit || - -1 !== root$192.timeoutHandle + root$193, + root$193 === workInProgressRoot ? JSCompiler_inline_result : 0, + null !== root$193.cancelPendingCommit || + -1 !== root$193.timeoutHandle )), (0 === (JSCompiler_inline_result & 3) && 64 !== JSCompiler_inline_result) || - checkIfRootIsPrerendering(root$192, JSCompiler_inline_result) || + checkIfRootIsPrerendering(root$193, JSCompiler_inline_result) || ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$192, JSCompiler_inline_result)); - root$192 = root$192.next; + performSyncWorkOnRoot(root$193, JSCompiler_inline_result)); + root$193 = root$193.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -14830,20 +14834,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_1827 = 0; - i$jscomp$inline_1827 < simpleEventPluginEvents.length; - i$jscomp$inline_1827++ + var i$jscomp$inline_1828 = 0; + i$jscomp$inline_1828 < simpleEventPluginEvents.length; + i$jscomp$inline_1828++ ) { - var eventName$jscomp$inline_1828 = - simpleEventPluginEvents[i$jscomp$inline_1827], - domEventName$jscomp$inline_1829 = - eventName$jscomp$inline_1828.toLowerCase(), - capitalizedEvent$jscomp$inline_1830 = - eventName$jscomp$inline_1828[0].toUpperCase() + - eventName$jscomp$inline_1828.slice(1); + var eventName$jscomp$inline_1829 = + simpleEventPluginEvents[i$jscomp$inline_1828], + domEventName$jscomp$inline_1830 = + eventName$jscomp$inline_1829.toLowerCase(), + capitalizedEvent$jscomp$inline_1831 = + eventName$jscomp$inline_1829[0].toUpperCase() + + eventName$jscomp$inline_1829.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1829, - "on" + capitalizedEvent$jscomp$inline_1830 + domEventName$jscomp$inline_1830, + "on" + capitalizedEvent$jscomp$inline_1831 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -16077,34 +16081,34 @@ function setInitialProperties(domElement, tag, props) { var propKey = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$206 = props[hasSrc]; - if (null != propValue$206) + var propValue$207 = props[hasSrc]; + if (null != propValue$207) switch (hasSrc) { case "name": - hasSrcSet = propValue$206; + hasSrcSet = propValue$207; break; case "type": - propValue = propValue$206; + propValue = propValue$207; break; case "checked": - checked = propValue$206; + checked = propValue$207; break; case "defaultChecked": - propKey = propValue$206; + propKey = propValue$207; break; case "value": - value = propValue$206; + value = propValue$207; break; case "defaultValue": - defaultValue = propValue$206; + defaultValue = propValue$207; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$206) + if (null != propValue$207) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$206, props, null); + setProp(domElement, tag, hasSrc, propValue$207, props, null); } } a: { @@ -16287,14 +16291,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$206 in props) - props.hasOwnProperty(propValue$206) && - ((hasSrc = props[propValue$206]), + for (propValue$207 in props) + props.hasOwnProperty(propValue$207) && + ((hasSrc = props[propValue$207]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$206, + propValue$207, hasSrc, props, void 0 @@ -16341,14 +16345,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$223 in nextProps) { - var propKey = nextProps[propKey$223]; - lastProp = lastProps[propKey$223]; + for (var propKey$224 in nextProps) { + var propKey = nextProps[propKey$224]; + lastProp = lastProps[propKey$224]; if ( - nextProps.hasOwnProperty(propKey$223) && + nextProps.hasOwnProperty(propKey$224) && (null != propKey || null != lastProp) ) - switch (propKey$223) { + switch (propKey$224) { case "type": propKey !== lastProp && (viewTransitionMutationContext = !0); type = propKey; @@ -16383,7 +16387,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$223, + propKey$224, propKey, nextProps, lastProp @@ -16402,7 +16406,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$223 = null; + propKey = value = defaultValue = propKey$224 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -16434,7 +16438,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (name) { case "value": type !== lastDefaultValue && (viewTransitionMutationContext = !0); - propKey$223 = type; + propKey$224 = type; break; case "defaultValue": type !== lastDefaultValue && (viewTransitionMutationContext = !0); @@ -16457,15 +16461,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$223 - ? updateOptions(domElement, !!lastProps, propKey$223, !1) + null != propKey$224 + ? updateOptions(domElement, !!lastProps, propKey$224, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$223 = null; + propKey = propKey$224 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -16490,7 +16494,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (value) { case "value": name !== type && (viewTransitionMutationContext = !0); - propKey$223 = name; + propKey$224 = name; break; case "defaultValue": name !== type && (viewTransitionMutationContext = !0); @@ -16505,17 +16509,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$223, propKey); + updateTextarea(domElement, propKey$224, propKey); return; case "option": - for (var propKey$239 in lastProps) + for (var propKey$240 in lastProps) if ( - ((propKey$223 = lastProps[propKey$239]), - lastProps.hasOwnProperty(propKey$239) && - null != propKey$223 && - !nextProps.hasOwnProperty(propKey$239)) + ((propKey$224 = lastProps[propKey$240]), + lastProps.hasOwnProperty(propKey$240) && + null != propKey$224 && + !nextProps.hasOwnProperty(propKey$240)) ) - switch (propKey$239) { + switch (propKey$240) { case "selected": domElement.selected = !1; break; @@ -16523,34 +16527,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$239, + propKey$240, null, nextProps, - propKey$223 + propKey$224 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$223 = nextProps[lastDefaultValue]), + ((propKey$224 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$223 !== propKey && - (null != propKey$223 || null != propKey)) + propKey$224 !== propKey && + (null != propKey$224 || null != propKey)) ) switch (lastDefaultValue) { case "selected": - propKey$223 !== propKey && (viewTransitionMutationContext = !0); + propKey$224 !== propKey && (viewTransitionMutationContext = !0); domElement.selected = - propKey$223 && - "function" !== typeof propKey$223 && - "symbol" !== typeof propKey$223; + propKey$224 && + "function" !== typeof propKey$224 && + "symbol" !== typeof propKey$224; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$223, + propKey$224, nextProps, propKey ); @@ -16571,24 +16575,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$244 in lastProps) - (propKey$223 = lastProps[propKey$244]), - lastProps.hasOwnProperty(propKey$244) && - null != propKey$223 && - !nextProps.hasOwnProperty(propKey$244) && - setProp(domElement, tag, propKey$244, null, nextProps, propKey$223); + for (var propKey$245 in lastProps) + (propKey$224 = lastProps[propKey$245]), + lastProps.hasOwnProperty(propKey$245) && + null != propKey$224 && + !nextProps.hasOwnProperty(propKey$245) && + setProp(domElement, tag, propKey$245, null, nextProps, propKey$224); for (checked in nextProps) if ( - ((propKey$223 = nextProps[checked]), + ((propKey$224 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$223 !== propKey && - (null != propKey$223 || null != propKey)) + propKey$224 !== propKey && + (null != propKey$224 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$223) + if (null != propKey$224) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -16596,7 +16600,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$223, + propKey$224, nextProps, propKey ); @@ -16604,49 +16608,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$249 in lastProps) - (propKey$223 = lastProps[propKey$249]), - lastProps.hasOwnProperty(propKey$249) && - void 0 !== propKey$223 && - !nextProps.hasOwnProperty(propKey$249) && + for (var propKey$250 in lastProps) + (propKey$224 = lastProps[propKey$250]), + lastProps.hasOwnProperty(propKey$250) && + void 0 !== propKey$224 && + !nextProps.hasOwnProperty(propKey$250) && setPropOnCustomElement( domElement, tag, - propKey$249, + propKey$250, void 0, nextProps, - propKey$223 + propKey$224 ); for (defaultChecked in nextProps) - (propKey$223 = nextProps[defaultChecked]), + (propKey$224 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$223 === propKey || - (void 0 === propKey$223 && void 0 === propKey) || + propKey$224 === propKey || + (void 0 === propKey$224 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$223, + propKey$224, nextProps, propKey ); return; } } - for (var propKey$254 in lastProps) - (propKey$223 = lastProps[propKey$254]), - lastProps.hasOwnProperty(propKey$254) && - null != propKey$223 && - !nextProps.hasOwnProperty(propKey$254) && - setProp(domElement, tag, propKey$254, null, nextProps, propKey$223); + for (var propKey$255 in lastProps) + (propKey$224 = lastProps[propKey$255]), + lastProps.hasOwnProperty(propKey$255) && + null != propKey$224 && + !nextProps.hasOwnProperty(propKey$255) && + setProp(domElement, tag, propKey$255, null, nextProps, propKey$224); for (lastProp in nextProps) - (propKey$223 = nextProps[lastProp]), + (propKey$224 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$223 === propKey || - (null == propKey$223 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$223, nextProps, propKey); + propKey$224 === propKey || + (null == propKey$224 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$224, nextProps, propKey); } function isLikelyStaticResource(initiatorType) { switch (initiatorType) { @@ -17388,20 +17392,20 @@ function startGestureTransition( ))) : (isExitGroupAnim = !0); } - var timing$271 = pseudoElement.getTiming(); + var timing$272 = pseudoElement.getTiming(); anim = rangeEnd - - (("number" === typeof timing$271.duration - ? timing$271.duration + (("number" === typeof timing$272.duration + ? timing$272.duration : 0) + - timing$271.delay) * + timing$272.delay) * longestDuration; - groupName = rangeEnd - timing$271.delay * longestDuration; + groupName = rangeEnd - timing$272.delay * longestDuration; if ( - "reverse" === timing$271.direction || - "alternate-reverse" === timing$271.direction + "reverse" === timing$272.direction || + "alternate-reverse" === timing$272.direction ) - (timing$271 = anim), (anim = groupName), (groupName = timing$271); + (timing$272 = anim), (anim = groupName), (groupName = timing$272); animateGesture( pseudoElement.getKeyframes(), pseudoElement.target, @@ -18572,26 +18576,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$280 = getResourcesFromRoot( + var styles$281 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$281 = styles$280.get(type); - resource$281 || + resource$282 = styles$281.get(type); + resource$282 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$281 = { + (resource$282 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$280.set(type, resource$281), - (styles$280 = JSCompiler_inline_result.querySelector( + styles$281.set(type, resource$282), + (styles$281 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$280._p && - ((resource$281.instance = styles$280), - (resource$281.state.loading = 5)), + !styles$281._p && + ((resource$282.instance = styles$281), + (resource$282.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -18604,16 +18608,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$280 || + styles$281 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$281.state + resource$282.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$281; + return resource$282; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -18710,37 +18714,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$286 = hoistableRoot.querySelector( + var instance$287 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$286) + if (instance$287) return ( (resource.state.loading |= 4), - (resource.instance = instance$286), - markNodeAsHoistable(instance$286), - instance$286 + (resource.instance = instance$287), + markNodeAsHoistable(instance$287), + instance$287 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$286 = ( + instance$287 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$286); - var linkInstance = instance$286; + markNodeAsHoistable(instance$287); + var linkInstance = instance$287; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$286, "link", instance); + setInitialProperties(instance$287, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$286, props.precedence, hoistableRoot); - return (resource.instance = instance$286); + insertStylesheet(instance$287, props.precedence, hoistableRoot); + return (resource.instance = instance$287); case "script": - instance$286 = getScriptKey(props.src); + instance$287 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$286) + getScriptSelectorFromKey(instance$287) )) ) return ( @@ -18749,7 +18753,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$286))) + if ((styleProps = preloadPropsMap.get(instance$287))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -19876,16 +19880,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_2245 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_2246 = React.version; if ( - "19.2.0-experimental-ef889445-20250930" !== - isomorphicReactPackageVersion$jscomp$inline_2245 + "19.2.0-experimental-548235db-20251001" !== + isomorphicReactPackageVersion$jscomp$inline_2246 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_2245, - "19.2.0-experimental-ef889445-20250930" + isomorphicReactPackageVersion$jscomp$inline_2246, + "19.2.0-experimental-548235db-20251001" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -19905,24 +19909,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2947 = { +var internals$jscomp$inline_2948 = { bundleType: 0, - version: "19.2.0-experimental-ef889445-20250930", + version: "19.2.0-experimental-548235db-20251001", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-ef889445-20250930" + reconcilerVersion: "19.2.0-experimental-548235db-20251001" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2948 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2949 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2948.isDisabled && - hook$jscomp$inline_2948.supportsFiber + !hook$jscomp$inline_2949.isDisabled && + hook$jscomp$inline_2949.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2948.inject( - internals$jscomp$inline_2947 + (rendererID = hook$jscomp$inline_2949.inject( + internals$jscomp$inline_2948 )), - (injectedHook = hook$jscomp$inline_2948); + (injectedHook = hook$jscomp$inline_2949); } catch (err) {} } exports.createComponentSelector = function (component) { @@ -20168,4 +20172,4 @@ exports.observeVisibleRects = function ( } }; }; -exports.version = "19.2.0-experimental-ef889445-20250930"; +exports.version = "19.2.0-experimental-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js index b7121ae712df65..99476f80f135bc 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js @@ -416,7 +416,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-experimental-ef889445-20250930"; + exports.version = "19.2.0-experimental-548235db-20251001"; "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.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js index cd8a179e3017e8..cdb4678acc4e6c 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js @@ -207,4 +207,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-experimental-ef889445-20250930"; +exports.version = "19.2.0-experimental-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js index afe2981ea36843..ffa174d4af1e84 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js @@ -336,5 +336,5 @@ })) : Internals.d.m(href)); }; - exports.version = "19.2.0-experimental-ef889445-20250930"; + exports.version = "19.2.0-experimental-548235db-20251001"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js index d171d626299e86..a3c0b6e230ff51 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js @@ -149,4 +149,4 @@ exports.preloadModule = function (href, options) { }); } else Internals.d.m(href); }; -exports.version = "19.2.0-experimental-ef889445-20250930"; +exports.version = "19.2.0-experimental-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom-experimental/package.json b/packages/next/src/compiled/react-dom-experimental/package.json index 922be55143f25e..857c776862e66e 100644 --- a/packages/next/src/compiled/react-dom-experimental/package.json +++ b/packages/next/src/compiled/react-dom-experimental/package.json @@ -72,10 +72,10 @@ "./package.json": "./package.json" }, "dependencies": { - "scheduler": "0.0.0-experimental-ef889445-20250930" + "scheduler": "0.0.0-experimental-548235db-20251001" }, "peerDependencies": { - "react": "0.0.0-experimental-ef889445-20250930" + "react": "0.0.0-experimental-548235db-20251001" }, "browser": { "./server.js": "./server.browser.js", diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js index a901d16eb96ed9..2b6a9b37589f93 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js @@ -969,61 +969,10 @@ )); } } - function injectProfilingHooks(profilingHooks) { - injectedProfilingHooks = profilingHooks; - } - function markCommitStopped() { - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markCommitStopped && - injectedProfilingHooks.markCommitStopped(); - } - function markComponentRenderStarted(fiber) { - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentRenderStarted && - injectedProfilingHooks.markComponentRenderStarted(fiber); - } - function markComponentRenderStopped() { - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentRenderStopped && - injectedProfilingHooks.markComponentRenderStopped(); - } - function markRenderStarted(lanes) { - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markRenderStarted && - injectedProfilingHooks.markRenderStarted(lanes); - } - function markRenderStopped() { - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markRenderStopped && - injectedProfilingHooks.markRenderStopped(); - } - function markStateUpdateScheduled(fiber, lane) { - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markStateUpdateScheduled && - injectedProfilingHooks.markStateUpdateScheduled(fiber, lane); - } function clz32Fallback(x) { x >>>= 0; return 0 === x ? 32 : (31 - ((log(x) / LN2) | 0)) | 0; } - function getLabelForLane(lane) { - if (lane & 1) return "SyncHydrationLane"; - if (lane & 2) return "Sync"; - if (lane & 4) return "InputContinuousHydration"; - if (lane & 8) return "InputContinuous"; - if (lane & 16) return "DefaultHydration"; - if (lane & 32) return "Default"; - if (lane & 128) return "TransitionHydration"; - if (lane & 4194048) return "Transition"; - if (lane & 62914560) return "Retry"; - if (lane & 67108864) return "SelectiveHydration"; - if (lane & 134217728) return "IdleHydration"; - if (lane & 268435456) return "Idle"; - if (lane & 536870912) return "Offscreen"; - if (lane & 1073741824) return "Deferred"; - } function getHighestPriorityLanes(lanes) { var pendingSyncLanes = lanes & 42; if (0 !== pendingSyncLanes) return pendingSyncLanes; @@ -3806,6 +3755,795 @@ topLevelEventsToReactNames.set(domEventName, reactName); registerTwoPhaseEvent(reactName, [domEventName]); } + function getArrayKind(array) { + for (var kind = EMPTY_ARRAY, i = 0; i < array.length; i++) { + var value = array[i]; + if ("object" === typeof value && null !== value) + if ( + isArrayImpl(value) && + 2 === value.length && + "string" === typeof value[0] + ) { + if (kind !== EMPTY_ARRAY && kind !== ENTRIES_ARRAY) + return COMPLEX_ARRAY; + kind = ENTRIES_ARRAY; + } else return COMPLEX_ARRAY; + else { + if ( + "function" === typeof value || + ("string" === typeof value && 50 < value.length) || + (kind !== EMPTY_ARRAY && kind !== PRIMITIVE_ARRAY) + ) + return COMPLEX_ARRAY; + kind = PRIMITIVE_ARRAY; + } + } + return kind; + } + function addObjectToProperties(object, properties, indent, prefix) { + for (var key in object) + hasOwnProperty.call(object, key) && + "_" !== key[0] && + addValueToProperties(key, object[key], properties, indent, prefix); + } + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { + switch (typeof value) { + case "object": + if (null === value) { + value = "null"; + break; + } else { + if (value.$$typeof === REACT_ELEMENT_TYPE) { + var typeName = getComponentNameFromType(value.type) || "\u2026", + key = value.key; + value = value.props; + var propsKeys = Object.keys(value), + propsLength = propsKeys.length; + if (null == key && 0 === propsLength) { + value = "<" + typeName + " />"; + break; + } + if ( + 3 > indent || + (1 === propsLength && + "children" === propsKeys[0] && + null == key) + ) { + value = "<" + typeName + " \u2026 />"; + break; + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "<" + typeName + ]); + null !== key && + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); + propertyName = !1; + for (var propKey in value) + "children" === propKey + ? null != value.children && + (!isArrayImpl(value.children) || + 0 < value.children.length) && + (propertyName = !0) + : hasOwnProperty.call(value, propKey) && + "_" !== propKey[0] && + addValueToProperties( + propKey, + value[propKey], + properties, + indent + 1, + prefix + ); + properties.push([ + "", + propertyName ? ">\u2026" : "/>" + ]); + return; + } + typeName = Object.prototype.toString.call(value); + typeName = typeName.slice(8, typeName.length - 1); + if ("Array" === typeName) + if ( + ((propKey = getArrayKind(value)), + propKey === PRIMITIVE_ARRAY || propKey === EMPTY_ARRAY) + ) { + value = JSON.stringify(value); + break; + } else if (propKey === ENTRIES_ARRAY) { + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "" + ]); + for ( + propertyName = 0; + propertyName < value.length; + propertyName++ + ) + (typeName = value[propertyName]), + addValueToProperties( + typeName[0], + typeName[1], + properties, + indent + 1, + prefix + ); + return; + } + if ("Promise" === typeName) { + if ("fulfilled" === value.status) { + if ( + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.value, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = + "Promise<" + (properties[1] || "Object") + ">"; + return; + } + } else if ( + "rejected" === value.status && + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.reason, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = "Rejected Promise<" + properties[1] + ">"; + return; + } + properties.push([ + "\u00a0\u00a0".repeat(indent) + propertyName, + "Promise" + ]); + return; + } + "Object" === typeName && + (propKey = Object.getPrototypeOf(value)) && + "function" === typeof propKey.constructor && + (typeName = propKey.constructor.name); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName + ]); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); + return; + } + case "function": + value = "" === value.name ? "() => {}" : value.name + "() {}"; + break; + case "string": + value = + value === OMITTED_PROP_ERROR ? "\u2026" : JSON.stringify(value); + break; + case "undefined": + value = "undefined"; + break; + case "boolean": + value = value ? "true" : "false"; + break; + default: + value = String(value); + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); + } + function addObjectDiffToProperties(prev, next, properties, indent) { + var isDeeplyEqual = !0; + for (key in prev) + key in next || + (properties.push([ + REMOVED + "\u00a0\u00a0".repeat(indent) + key, + "\u2026" + ]), + (isDeeplyEqual = !1)); + for (var _key in next) + if (_key in prev) { + var key = prev[_key]; + var nextValue = next[_key]; + if (key !== nextValue) { + if (0 === indent && "children" === _key) + (isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key), + properties.push( + [REMOVED + isDeeplyEqual, "\u2026"], + [ADDED + isDeeplyEqual, "\u2026"] + ); + else { + if (!(3 <= indent)) + if ( + "object" === typeof key && + "object" === typeof nextValue && + null !== key && + null !== nextValue && + key.$$typeof === nextValue.$$typeof + ) + if (nextValue.$$typeof === REACT_ELEMENT_TYPE) { + if ( + key.type === nextValue.type && + key.key === nextValue.key + ) { + key = + getComponentNameFromType(nextValue.type) || "\u2026"; + isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key; + key = "<" + key + " \u2026 />"; + properties.push( + [REMOVED + isDeeplyEqual, key], + [ADDED + isDeeplyEqual, key] + ); + isDeeplyEqual = !1; + continue; + } + } else { + var prevKind = Object.prototype.toString.call(key), + nextKind = Object.prototype.toString.call(nextValue); + if ( + prevKind === nextKind && + ("[object Object]" === nextKind || + "[object Array]" === nextKind) + ) { + prevKind = [ + UNCHANGED + "\u00a0\u00a0".repeat(indent) + _key, + "[object Array]" === nextKind ? "Array" : "" + ]; + properties.push(prevKind); + nextKind = properties.length; + addObjectDiffToProperties( + key, + nextValue, + properties, + indent + 1 + ) + ? nextKind === properties.length && + (prevKind[1] = + "Referentially unequal but deeply equal objects. Consider memoization.") + : (isDeeplyEqual = !1); + continue; + } + } + else if ( + "function" === typeof key && + "function" === typeof nextValue && + key.name === nextValue.name && + key.length === nextValue.length && + ((prevKind = Function.prototype.toString.call(key)), + (nextKind = Function.prototype.toString.call(nextValue)), + prevKind === nextKind) + ) { + key = + "" === nextValue.name + ? "() => {}" + : nextValue.name + "() {}"; + properties.push([ + UNCHANGED + "\u00a0\u00a0".repeat(indent) + _key, + key + + " Referentially unequal function closure. Consider memoization." + ]); + continue; + } + addValueToProperties(_key, key, properties, indent, REMOVED); + addValueToProperties(_key, nextValue, properties, indent, ADDED); + } + isDeeplyEqual = !1; + } + } else + properties.push([ + ADDED + "\u00a0\u00a0".repeat(indent) + _key, + "\u2026" + ]), + (isDeeplyEqual = !1); + return isDeeplyEqual; + } + function setCurrentTrackFromLanes(lanes) { + currentTrack = + lanes & 63 + ? "Blocking" + : lanes & 64 + ? "Gesture" + : lanes & 4194176 + ? "Transition" + : lanes & 62914560 + ? "Suspense" + : lanes & 2080374784 + ? "Idle" + : "Other"; + } + function logComponentTrigger(fiber, startTime, endTime, trigger) { + supportsUserTiming && + ((reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = trigger), + (reusableComponentDevToolDetails.properties = null), + (fiber = fiber._debugTask) + ? fiber.run( + performance.measure.bind( + performance, + trigger, + reusableComponentOptions + ) + ) + : performance.measure(trigger, reusableComponentOptions)); + } + function logComponentReappeared(fiber, startTime, endTime) { + logComponentTrigger(fiber, startTime, endTime, "Reconnect"); + } + function logComponentRender( + fiber, + startTime, + endTime, + wasHydrated, + committedLanes + ) { + var name = getComponentNameFromFiber(fiber); + if (null !== name && supportsUserTiming) { + var alternate = fiber.alternate, + selfTime = fiber.actualDuration; + if (null === alternate || alternate.child !== fiber.child) + for (var child = fiber.child; null !== child; child = child.sibling) + selfTime -= child.actualDuration; + wasHydrated = + 0.5 > selfTime + ? wasHydrated + ? "tertiary-light" + : "primary-light" + : 10 > selfTime + ? wasHydrated + ? "tertiary" + : "primary" + : 100 > selfTime + ? wasHydrated + ? "tertiary-dark" + : "primary-dark" + : "error"; + var props = fiber.memoizedProps; + selfTime = fiber._debugTask; + null !== props && + null !== alternate && + alternate.memoizedProps !== props + ? ((child = [resuableChangedPropsEntry]), + (props = addObjectDiffToProperties( + alternate.memoizedProps, + props, + child, + 0 + )), + 1 < child.length && + (props && + !alreadyWarnedForDeepEquality && + 0 === (alternate.lanes & committedLanes) && + 100 < fiber.actualDuration + ? ((alreadyWarnedForDeepEquality = !0), + (child[0] = reusableDeeplyEqualPropsEntry), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = + DEEP_EQUALITY_WARNING)) + : ((reusableComponentDevToolDetails.color = wasHydrated), + (reusableComponentDevToolDetails.tooltipText = name)), + (reusableComponentDevToolDetails.properties = child), + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + null != selfTime + ? selfTime.run( + performance.measure.bind( + performance, + "\u200b" + name, + reusableComponentOptions + ) + ) + : performance.measure( + "\u200b" + name, + reusableComponentOptions + ))) + : null != selfTime + ? selfTime.run( + console.timeStamp.bind( + console, + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + wasHydrated + ) + ) + : console.timeStamp( + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + wasHydrated + ); + } + } + function logComponentErrored(fiber, startTime, endTime, errors) { + if (supportsUserTiming) { + var name = getComponentNameFromFiber(fiber); + if (null !== name) { + for ( + var debugTask = null, properties = [], i = 0; + i < errors.length; + i++ + ) { + var capturedValue = errors[i]; + null == debugTask && + null !== capturedValue.source && + (debugTask = capturedValue.source._debugTask); + capturedValue = capturedValue.value; + properties.push([ + "Error", + "object" === typeof capturedValue && + null !== capturedValue && + "string" === typeof capturedValue.message + ? String(capturedValue.message) + : String(capturedValue) + ]); + } + null !== fiber.key && + addValueToProperties("key", fiber.key, properties, 0, ""); + null !== fiber.memoizedProps && + addObjectToProperties(fiber.memoizedProps, properties, 0, ""); + null == debugTask && (debugTask = fiber._debugTask); + fiber = { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: COMPONENTS_TRACK, + tooltipText: + 13 === fiber.tag + ? "Hydration failed" + : "Error boundary caught an error", + properties: properties + } + } + }; + debugTask + ? debugTask.run( + performance.measure.bind(performance, "\u200b" + name, fiber) + ) + : performance.measure("\u200b" + name, fiber); + } + } + } + function logComponentEffect(fiber, startTime, endTime, selfTime, errors) { + if (null !== errors) { + if (supportsUserTiming) { + var name = getComponentNameFromFiber(fiber); + if (null !== name) { + selfTime = []; + for (var i = 0; i < errors.length; i++) { + var error = errors[i].value; + selfTime.push([ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + null !== fiber.key && + addValueToProperties("key", fiber.key, selfTime, 0, ""); + null !== fiber.memoizedProps && + addObjectToProperties(fiber.memoizedProps, selfTime, 0, ""); + startTime = { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: COMPONENTS_TRACK, + tooltipText: "A lifecycle or effect errored", + properties: selfTime + } + } + }; + (fiber = fiber._debugTask) + ? fiber.run( + performance.measure.bind( + performance, + "\u200b" + name, + startTime + ) + ) + : performance.measure("\u200b" + name, startTime); + } + } + } else + (name = getComponentNameFromFiber(fiber)), + null !== name && + supportsUserTiming && + ((errors = + 1 > selfTime + ? "secondary-light" + : 100 > selfTime + ? "secondary" + : 500 > selfTime + ? "secondary-dark" + : "error"), + (fiber = fiber._debugTask) + ? fiber.run( + console.timeStamp.bind( + console, + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + errors + ) + ) + : console.timeStamp( + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + errors + )); + } + function logRenderPhase(startTime, endTime, lanes, debugTask) { + if (supportsUserTiming && !(endTime <= startTime)) { + var color = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"; + lanes = + (lanes & 536870912) === lanes + ? "Prepared" + : (lanes & 201326741) === lanes + ? "Hydrated" + : "Render"; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + lanes, + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + color + ) + ) + : console.timeStamp( + lanes, + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + color + ); + } + } + function logSuspendedRenderPhase(startTime, endTime, lanes, debugTask) { + !supportsUserTiming || + endTime <= startTime || + ((lanes = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + "Prewarm", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + lanes + ) + ) + : console.timeStamp( + "Prewarm", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + lanes + )); + } + function logSuspendedWithDelayPhase(startTime, endTime, lanes, debugTask) { + !supportsUserTiming || + endTime <= startTime || + ((lanes = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + "Suspended", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + lanes + ) + ) + : console.timeStamp( + "Suspended", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + lanes + )); + } + function logRecoveredRenderPhase( + startTime, + endTime, + lanes, + recoverableErrors, + hydrationFailed, + debugTask + ) { + if (supportsUserTiming && !(endTime <= startTime)) { + lanes = []; + for (var i = 0; i < recoverableErrors.length; i++) { + var error = recoverableErrors[i].value; + lanes.push([ + "Recoverable Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + startTime = { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "primary-dark", + track: currentTrack, + trackGroup: LANES_TRACK_GROUP, + tooltipText: hydrationFailed + ? "Hydration Failed" + : "Recovered after Error", + properties: lanes + } + } + }; + debugTask + ? debugTask.run( + performance.measure.bind(performance, "Recovered", startTime) + ) + : performance.measure("Recovered", startTime); + } + } + function logErroredRenderPhase(startTime, endTime, lanes, debugTask) { + !supportsUserTiming || + endTime <= startTime || + (debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + "Errored", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + ) + ) + : console.timeStamp( + "Errored", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + )); + } + function logSuspendedCommitPhase(startTime, endTime, reason, debugTask) { + !supportsUserTiming || + endTime <= startTime || + (debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + reason, + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + ) + ) + : console.timeStamp( + reason, + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + )); + } + function logCommitErrored(startTime, endTime, errors, passive, debugTask) { + if (supportsUserTiming && !(endTime <= startTime)) { + for (var properties = [], i = 0; i < errors.length; i++) { + var error = errors[i].value; + properties.push([ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + startTime = { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: currentTrack, + trackGroup: LANES_TRACK_GROUP, + tooltipText: passive + ? "Remaining Effects Errored" + : "Commit Errored", + properties: properties + } + } + }; + debugTask + ? debugTask.run( + performance.measure.bind(performance, "Errored", startTime) + ) + : performance.measure("Errored", startTime); + } + } + function logAnimatingPhase(startTime, endTime, debugTask) { + !supportsUserTiming || + endTime <= startTime || + (debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + "Animating", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-dark" + ) + ) + : console.timeStamp( + "Animating", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-dark" + )); + } function finishQueueingConcurrentUpdates() { for ( var endIndex = concurrentQueuesIndex, @@ -4940,6 +5678,78 @@ cache.controller.abort(); }); } + function startUpdateTimerByLane(lane, method, fiber) { + if (0 !== (lane & 127)) + 0 > blockingUpdateTime && + ((blockingUpdateTime = now()), + (blockingUpdateTask = createTask(method)), + (blockingUpdateMethodName = method), + null != fiber && + (blockingUpdateComponentName = getComponentNameFromFiber(fiber)), + (executionContext & (RenderContext | CommitContext)) !== NoContext && + ((componentEffectSpawnedUpdate = !0), + (blockingUpdateType = SPAWNED_UPDATE)), + (lane = resolveEventTimeStamp()), + (method = resolveEventType()), + lane !== blockingEventRepeatTime || method !== blockingEventType + ? (blockingEventRepeatTime = -1.1) + : null !== method && (blockingUpdateType = SPAWNED_UPDATE), + (blockingEventTime = lane), + (blockingEventType = method)); + else if ( + 0 !== (lane & 4194048) && + 0 > transitionUpdateTime && + ((transitionUpdateTime = now()), + (transitionUpdateTask = createTask(method)), + (transitionUpdateMethodName = method), + null != fiber && + (transitionUpdateComponentName = getComponentNameFromFiber(fiber)), + 0 > transitionStartTime) + ) { + lane = resolveEventTimeStamp(); + method = resolveEventType(); + if ( + lane !== transitionEventRepeatTime || + method !== transitionEventType + ) + transitionEventRepeatTime = -1.1; + transitionEventTime = lane; + transitionEventType = method; + } + } + function startHostActionTimer(fiber) { + if (0 > blockingUpdateTime) { + blockingUpdateTime = now(); + blockingUpdateTask = null != fiber._debugTask ? fiber._debugTask : null; + (executionContext & (RenderContext | CommitContext)) !== NoContext && + (blockingUpdateType = SPAWNED_UPDATE); + var newEventTime = resolveEventTimeStamp(), + newEventType = resolveEventType(); + newEventTime !== blockingEventRepeatTime || + newEventType !== blockingEventType + ? (blockingEventRepeatTime = -1.1) + : null !== newEventType && (blockingUpdateType = SPAWNED_UPDATE); + blockingEventTime = newEventTime; + blockingEventType = newEventType; + } + if ( + 0 > transitionUpdateTime && + ((transitionUpdateTime = now()), + (transitionUpdateTask = + null != fiber._debugTask ? fiber._debugTask : null), + 0 > transitionStartTime) + ) { + fiber = resolveEventTimeStamp(); + newEventTime = resolveEventType(); + if ( + fiber !== transitionEventRepeatTime || + newEventTime !== transitionEventType + ) + transitionEventRepeatTime = -1.1; + transitionEventTime = fiber; + transitionEventType = newEventTime; + } + } function pushNestedEffectDurations() { var prevEffectDuration = profilerEffectDuration; profilerEffectDuration = 0; @@ -4955,6 +5765,9 @@ profilerEffectDuration += prevEffectDuration; return elapsedTime; } + function resetComponentEffectTimers() { + componentEffectEndTime = componentEffectStartTime = -1.1; + } function pushComponentEffectStart() { var prevEffectStart = componentEffectStartTime; componentEffectStartTime = -1.1; @@ -4963,6 +5776,24 @@ function popComponentEffectStart(prevEffectStart) { 0 <= prevEffectStart && (componentEffectStartTime = prevEffectStart); } + function pushComponentEffectDuration() { + var prevEffectDuration = componentEffectDuration; + componentEffectDuration = -0; + return prevEffectDuration; + } + function popComponentEffectDuration(prevEffectDuration) { + 0 <= prevEffectDuration && (componentEffectDuration = prevEffectDuration); + } + function pushComponentEffectErrors() { + var prevErrors = componentEffectErrors; + componentEffectErrors = null; + return prevErrors; + } + function pushComponentEffectDidSpawnUpdate() { + var prev = componentEffectSpawnedUpdate; + componentEffectSpawnedUpdate = !1; + return prev; + } function startProfilerTimer(fiber) { profilerStartTime = now(); 0 > fiber.actualStartTime && (fiber.actualStartTime = profilerStartTime); @@ -4984,11 +5815,20 @@ } function recordEffectDuration() { if (0 <= profilerStartTime) { - var elapsedTime = now() - profilerStartTime; + var endTime = now(), + elapsedTime = endTime - profilerStartTime; profilerStartTime = -1; profilerEffectDuration += elapsedTime; + componentEffectDuration += elapsedTime; + componentEffectEndTime = endTime; } } + function recordEffectError(errorInfo) { + null === componentEffectErrors && (componentEffectErrors = []); + componentEffectErrors.push(errorInfo); + null === commitErrors && (commitErrors = []); + commitErrors.push(errorInfo); + } function startEffectTimer() { profilerStartTime = now(); 0 > componentEffectStartTime && @@ -5018,7 +5858,8 @@ function pingEngtangledActionScope() { if ( 0 === --currentEntangledPendingCount && - null !== currentEntangledListeners + (-1 < transitionUpdateTime || (transitionStartTime = -1.1), + null !== currentEntangledListeners) ) { null !== currentEntangledActionThenable && (currentEntangledActionThenable.status = "fulfilled"); @@ -7401,7 +8242,9 @@ } function subscribeToStore(fiber, inst, subscribe) { return subscribe(function () { - checkIfSnapshotChanged(inst) && forceStoreRerender(fiber); + checkIfSnapshotChanged(inst) && + (startUpdateTimerByLane(2, "updateSyncExternalStore()", fiber), + forceStoreRerender(fiber)); }); } function checkIfSnapshotChanged(inst) { @@ -8100,6 +8943,7 @@ "Expected the form instance to be a HostComponent. This is a bug in React." ); var queue = ensureFormComponentIsStateful(formFiber).queue; + startHostActionTimer(formFiber); startTransition( formFiber, queue, @@ -8229,20 +9073,21 @@ switch (provider.tag) { case 24: case 3: - var lane = requestUpdateLane(provider); - fiber = createUpdate(lane); - var root = enqueueUpdate(provider, fiber, lane); + var lane = requestUpdateLane(provider), + refreshUpdate = createUpdate(lane), + root = enqueueUpdate(provider, refreshUpdate, lane); null !== root && - (scheduleUpdateOnFiber(root, provider, lane), + (startUpdateTimerByLane(lane, "refresh()", fiber), + scheduleUpdateOnFiber(root, provider, lane), entangleTransitions(root, provider, lane)); - provider = createCache(); + fiber = createCache(); null !== seedKey && void 0 !== seedKey && null !== root && console.error( "The seed argument is not enabled outside experimental channels." ); - fiber.payload = { cache: provider }; + refreshUpdate.payload = { cache: fiber }; return; } provider = provider.return; @@ -8268,9 +9113,9 @@ ? enqueueRenderPhaseUpdate(queue, update) : ((update = enqueueConcurrentHookUpdate(fiber, queue, update, args)), null !== update && - (scheduleUpdateOnFiber(update, fiber, args), + (startUpdateTimerByLane(args, "dispatch()", fiber), + scheduleUpdateOnFiber(update, fiber, args), entangleTransitionUpdate(update, queue, args))); - markStateUpdateScheduled(fiber, args); } function dispatchSetState(fiber, queue, action) { var args = arguments; @@ -8279,8 +9124,8 @@ "State updates from the useState() and useReducer() Hooks don't support the second callback argument. To execute a side effect after rendering, declare it in the component body with useEffect()." ); args = requestUpdateLane(fiber); - dispatchSetStateInternal(fiber, queue, action, args); - markStateUpdateScheduled(fiber, args); + dispatchSetStateInternal(fiber, queue, action, args) && + startUpdateTimerByLane(args, "setState()", fiber); } function dispatchSetStateInternal(fiber, queue, action, lane) { var update = { @@ -8361,8 +9206,8 @@ 2 )), null !== throwIfDuringRender && - scheduleUpdateOnFiber(throwIfDuringRender, fiber, 2); - markStateUpdateScheduled(fiber, 2); + (startUpdateTimerByLane(2, "setOptimistic()", fiber), + scheduleUpdateOnFiber(throwIfDuringRender, fiber, 2)); } function isRenderPhaseUpdate(fiber) { var alternate = fiber.alternate; @@ -8876,7 +9721,6 @@ "ref" !== key && (propsWithoutRef[key] = nextProps[key]); } else propsWithoutRef = nextProps; prepareToReadContext(workInProgress); - markComponentRenderStarted(workInProgress); nextProps = renderWithHooks( current, workInProgress, @@ -8886,7 +9730,6 @@ renderLanes ); key = checkDidRenderIdHook(); - markComponentRenderStopped(); if (null !== current && !didReceiveUpdate) return ( bailoutHooks(current, workInProgress, renderLanes), @@ -9010,23 +9853,24 @@ }); if ("hidden" === nextProps.mode) { if (0 !== (workInProgress.flags & 128)) { - nextProps = + prevState = null !== prevState ? prevState.baseLanes | renderLanes : renderLanes; if (null !== current) { - nextChildren = workInProgress.child = current.child; - for (prevState = 0; null !== nextChildren; ) - (prevState = - prevState | nextChildren.lanes | nextChildren.childLanes), - (nextChildren = nextChildren.sibling); - workInProgress.childLanes = prevState & ~nextProps; - } else (workInProgress.childLanes = 0), (workInProgress.child = null); + nextProps = workInProgress.child = current.child; + for (nextChildren = 0; null !== nextProps; ) + (nextChildren = + nextChildren | nextProps.lanes | nextProps.childLanes), + (nextProps = nextProps.sibling); + nextProps = nextChildren & ~prevState; + } else (nextProps = 0), (workInProgress.child = null); return deferHiddenOffscreenComponent( current, workInProgress, - nextProps, - renderLanes + prevState, + renderLanes, + nextProps ); } if (0 !== (renderLanes & 536870912)) @@ -9042,14 +9886,15 @@ pushOffscreenSuspenseHandler(workInProgress); else return ( - (workInProgress.lanes = workInProgress.childLanes = 536870912), + (nextProps = workInProgress.lanes = 536870912), deferHiddenOffscreenComponent( current, workInProgress, null !== prevState ? prevState.baseLanes | renderLanes : renderLanes, - renderLanes + renderLanes, + nextProps ) ); } else @@ -9079,7 +9924,8 @@ current, workInProgress, nextBaseLanes, - renderLanes + renderLanes, + remainingChildLanes ) { var JSCompiler_inline_result = peekCacheFromPool(); JSCompiler_inline_result = @@ -9098,6 +9944,7 @@ pushOffscreenSuspenseHandler(workInProgress); null !== current && propagateParentContextChanges(current, workInProgress, renderLanes, !0); + workInProgress.childLanes = remainingChildLanes; return null; } function mountActivityChildren(workInProgress, nextProps) { @@ -9149,9 +9996,8 @@ bailoutOffscreenComponent(null, current) ); pushDehydratedActivitySuspenseHandler(workInProgress); - if ((current = nextHydratableInstance)) { - if ( - ((renderLanes = canHydrateHydrationBoundary( + (current = nextHydratableInstance) + ? ((renderLanes = canHydrateHydrationBoundary( current, rootOrSingletonContext )), @@ -9159,22 +10005,20 @@ null !== renderLanes && renderLanes.data === ACTIVITY_START_DATA ? renderLanes : null), - null !== renderLanes) - ) { - var activityState = { - dehydrated: renderLanes, - treeContext: getSuspendedTreeContext(), - retryLane: 536870912, - hydrationErrors: null - }; - workInProgress.memoizedState = activityState; - activityState = createFiberFromDehydratedFragment(renderLanes); - activityState.return = workInProgress; - workInProgress.child = activityState; - hydrationParentFiber = workInProgress; - nextHydratableInstance = null; - } - } else renderLanes = null; + null !== renderLanes && + ((nextProps = { + dehydrated: renderLanes, + treeContext: getSuspendedTreeContext(), + retryLane: 536870912, + hydrationErrors: null + }), + (workInProgress.memoizedState = nextProps), + (nextProps = createFiberFromDehydratedFragment(renderLanes)), + (nextProps.return = workInProgress), + (workInProgress.child = nextProps), + (hydrationParentFiber = workInProgress), + (nextHydratableInstance = null))) + : (renderLanes = null); if (null === renderLanes) throw ( (warnNonHydratedInstance(workInProgress, current), @@ -9185,9 +10029,9 @@ } return mountActivityChildren(workInProgress, nextProps); } - activityState = current.memoizedState; - if (null !== activityState) { - var activityInstance = activityState.dehydrated; + var prevState = current.memoizedState; + if (null !== prevState) { + var activityInstance = prevState.dehydrated; pushDehydratedActivitySuspenseHandler(workInProgress); if (didSuspend) if (workInProgress.flags & 256) @@ -9207,6 +10051,8 @@ ); else if ( (warnIfHydrating(), + 0 !== (renderLanes & 536870912) && + markRenderDerivedCause(workInProgress), didReceiveUpdate || propagateParentContextChanges( current, @@ -9224,11 +10070,10 @@ nextProps, renderLanes )), - 0 !== activityInstance && - activityInstance !== activityState.retryLane) + 0 !== activityInstance && activityInstance !== prevState.retryLane) ) throw ( - ((activityState.retryLane = activityInstance), + ((prevState.retryLane = activityInstance), enqueueConcurrentRenderForLane(current, activityInstance), scheduleUpdateOnFiber(nextProps, current, activityInstance), SelectiveHydrationException) @@ -9240,7 +10085,7 @@ renderLanes ); } else - (current = activityState.treeContext), + (current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( activityInstance.nextSibling )), @@ -9256,10 +10101,12 @@ (workInProgress.flags |= 4096); return workInProgress; } - current = createWorkInProgress(current.child, { - mode: nextProps.mode, - children: nextProps.children - }); + prevState = current.child; + nextProps = { mode: nextProps.mode, children: nextProps.children }; + 0 !== (renderLanes & 536870912) && + 0 !== (renderLanes & current.lanes) && + markRenderDerivedCause(workInProgress); + current = createWorkInProgress(prevState, nextProps); current.ref = workInProgress.ref; workInProgress.child = current; current.return = workInProgress; @@ -9316,7 +10163,6 @@ componentName )))); prepareToReadContext(workInProgress); - markComponentRenderStarted(workInProgress); Component = renderWithHooks( current, workInProgress, @@ -9326,7 +10172,6 @@ renderLanes ); nextProps = checkDidRenderIdHook(); - markComponentRenderStopped(); if (null !== current && !didReceiveUpdate) return ( bailoutHooks(current, workInProgress, renderLanes), @@ -9346,7 +10191,6 @@ renderLanes ) { prepareToReadContext(workInProgress); - markComponentRenderStarted(workInProgress); hookTypesUpdateIndexDev = -1; ignorePreviousDependencies = null !== current && current.type !== workInProgress.type; @@ -9359,7 +10203,6 @@ ); finishRenderingHooks(current, workInProgress); Component = checkDidRenderIdHook(); - markComponentRenderStopped(); if (null !== current && !didReceiveUpdate) return ( bailoutHooks(current, workInProgress, renderLanes), @@ -9872,18 +10715,16 @@ setCurrentFiber(workInProgress); if (state && "function" !== typeof Component.getDerivedStateFromError) (Component = null), (profilerStartTime = -1); - else { - markComponentRenderStarted(workInProgress); - Component = callRenderInDEV(lane); - if (workInProgress.mode & StrictLegacyMode) { - setIsStrictModeForDevtools(!0); - try { - callRenderInDEV(lane); - } finally { - setIsStrictModeForDevtools(!1); - } + else if ( + ((Component = callRenderInDEV(lane)), + workInProgress.mode & StrictLegacyMode) + ) { + setIsStrictModeForDevtools(!0); + try { + callRenderInDEV(lane); + } finally { + setIsStrictModeForDevtools(!1); } - markComponentRenderStopped(); } workInProgress.flags |= 1; null !== current && state @@ -9969,24 +10810,24 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2528; - var JSCompiler_object_inline_stack_2529 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2724; + var JSCompiler_object_inline_stack_2725 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2527 = !1; + var JSCompiler_object_inline_message_2723 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2528 = didSuspend) || - (JSCompiler_object_inline_digest_2528 = + (JSCompiler_object_inline_digest_2724 = didSuspend) || + (JSCompiler_object_inline_digest_2724 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2528 && - ((JSCompiler_object_inline_message_2527 = !0), + JSCompiler_object_inline_digest_2724 && + ((JSCompiler_object_inline_message_2723 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2528 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2724 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2527 + JSCompiler_object_inline_message_2723 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (current = nextHydratableInstance) @@ -9999,18 +10840,18 @@ ? renderLanes : null), null !== renderLanes && - ((JSCompiler_object_inline_digest_2528 = { + ((JSCompiler_object_inline_digest_2724 = { dehydrated: renderLanes, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_digest_2528), - (JSCompiler_object_inline_digest_2528 = + JSCompiler_object_inline_digest_2724), + (JSCompiler_object_inline_digest_2724 = createFiberFromDehydratedFragment(renderLanes)), - (JSCompiler_object_inline_digest_2528.return = workInProgress), - (workInProgress.child = JSCompiler_object_inline_digest_2528), + (JSCompiler_object_inline_digest_2724.return = workInProgress), + (workInProgress.child = JSCompiler_object_inline_digest_2724), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (renderLanes = null); @@ -10024,39 +10865,39 @@ : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_2529.children; - JSCompiler_object_inline_stack_2529 = - JSCompiler_object_inline_stack_2529.fallback; - if (JSCompiler_object_inline_message_2527) { + var nextPrimaryChildren = JSCompiler_object_inline_stack_2725.children; + JSCompiler_object_inline_stack_2725 = + JSCompiler_object_inline_stack_2725.fallback; + if (JSCompiler_object_inline_message_2723) { reuseSuspenseHandlerOnStack(workInProgress); var mode = workInProgress.mode; nextPrimaryChildren = mountWorkInProgressOffscreenFiber( { mode: "hidden", children: nextPrimaryChildren }, mode ); - JSCompiler_object_inline_stack_2529 = createFiberFromFragment( - JSCompiler_object_inline_stack_2529, + JSCompiler_object_inline_stack_2725 = createFiberFromFragment( + JSCompiler_object_inline_stack_2725, mode, renderLanes, null ); nextPrimaryChildren.return = workInProgress; - JSCompiler_object_inline_stack_2529.return = workInProgress; - nextPrimaryChildren.sibling = JSCompiler_object_inline_stack_2529; + JSCompiler_object_inline_stack_2725.return = workInProgress; + nextPrimaryChildren.sibling = JSCompiler_object_inline_stack_2725; workInProgress.child = nextPrimaryChildren; - JSCompiler_object_inline_stack_2529 = workInProgress.child; - JSCompiler_object_inline_stack_2529.memoizedState = + JSCompiler_object_inline_stack_2725 = workInProgress.child; + JSCompiler_object_inline_stack_2725.memoizedState = mountSuspenseOffscreenState(renderLanes); - JSCompiler_object_inline_stack_2529.childLanes = + JSCompiler_object_inline_stack_2725.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2528, + JSCompiler_object_inline_digest_2724, renderLanes ); workInProgress.memoizedState = SUSPENDED_MARKER; return bailoutOffscreenComponent( null, - JSCompiler_object_inline_stack_2529 + JSCompiler_object_inline_stack_2725 ); } pushPrimaryTreeSuspenseHandler(workInProgress); @@ -10067,8 +10908,8 @@ } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_componentStack_2530 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_componentStack_2530) { + var JSCompiler_object_inline_componentStack_2726 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_componentStack_2726) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -10085,13 +10926,13 @@ (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_2529.fallback), + JSCompiler_object_inline_stack_2725.fallback), (mode = workInProgress.mode), - (JSCompiler_object_inline_stack_2529 = + (JSCompiler_object_inline_stack_2725 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2529.children + children: JSCompiler_object_inline_stack_2725.children }, mode )), @@ -10102,74 +10943,76 @@ null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_2529.return = workInProgress), + (JSCompiler_object_inline_stack_2725.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_2529.sibling = + (JSCompiler_object_inline_stack_2725.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_2529), + (workInProgress.child = JSCompiler_object_inline_stack_2725), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2529 = workInProgress.child), - (JSCompiler_object_inline_stack_2529.memoizedState = + (JSCompiler_object_inline_stack_2725 = workInProgress.child), + (JSCompiler_object_inline_stack_2725.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2529.childLanes = + (JSCompiler_object_inline_stack_2725.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2528, + JSCompiler_object_inline_digest_2724, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = bailoutOffscreenComponent( null, - JSCompiler_object_inline_stack_2529 + JSCompiler_object_inline_stack_2725 ))); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), + 0 !== (renderLanes & 536870912) && + markRenderDerivedCause(workInProgress), isSuspenseInstanceFallback( - JSCompiler_object_inline_componentStack_2530 + JSCompiler_object_inline_componentStack_2726 )) ) { - JSCompiler_object_inline_digest_2528 = - JSCompiler_object_inline_componentStack_2530.nextSibling && - JSCompiler_object_inline_componentStack_2530.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2528) { - nextPrimaryChildren = JSCompiler_object_inline_digest_2528.dgst; - var message = JSCompiler_object_inline_digest_2528.msg; - mode = JSCompiler_object_inline_digest_2528.stck; - var componentStack = JSCompiler_object_inline_digest_2528.cstck; + JSCompiler_object_inline_digest_2724 = + JSCompiler_object_inline_componentStack_2726.nextSibling && + JSCompiler_object_inline_componentStack_2726.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2724) { + nextPrimaryChildren = JSCompiler_object_inline_digest_2724.dgst; + var message = JSCompiler_object_inline_digest_2724.msg; + mode = JSCompiler_object_inline_digest_2724.stck; + var componentStack = JSCompiler_object_inline_digest_2724.cstck; } - JSCompiler_object_inline_message_2527 = message; - JSCompiler_object_inline_digest_2528 = nextPrimaryChildren; - JSCompiler_object_inline_stack_2529 = mode; - JSCompiler_object_inline_componentStack_2530 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_message_2527; - mode = JSCompiler_object_inline_componentStack_2530; + JSCompiler_object_inline_message_2723 = message; + JSCompiler_object_inline_digest_2724 = nextPrimaryChildren; + JSCompiler_object_inline_stack_2725 = mode; + JSCompiler_object_inline_componentStack_2726 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_message_2723; + mode = JSCompiler_object_inline_componentStack_2726; nextPrimaryChildren = nextPrimaryChildren ? Error(nextPrimaryChildren) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); nextPrimaryChildren.stack = - JSCompiler_object_inline_stack_2529 || ""; - nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2528; - JSCompiler_object_inline_digest_2528 = + JSCompiler_object_inline_stack_2725 || ""; + nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2724; + JSCompiler_object_inline_digest_2724 = void 0 === mode ? null : mode; - JSCompiler_object_inline_stack_2529 = { + JSCompiler_object_inline_stack_2725 = { value: nextPrimaryChildren, source: null, - stack: JSCompiler_object_inline_digest_2528 + stack: JSCompiler_object_inline_digest_2724 }; - "string" === typeof JSCompiler_object_inline_digest_2528 && + "string" === typeof JSCompiler_object_inline_digest_2724 && CapturedStacks.set( nextPrimaryChildren, - JSCompiler_object_inline_stack_2529 + JSCompiler_object_inline_stack_2725 ); - queueHydrationError(JSCompiler_object_inline_stack_2529); + queueHydrationError(JSCompiler_object_inline_stack_2725); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -10183,35 +11026,35 @@ renderLanes, !1 ), - (JSCompiler_object_inline_digest_2528 = + (JSCompiler_object_inline_digest_2724 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2528) + didReceiveUpdate || JSCompiler_object_inline_digest_2724) ) { - JSCompiler_object_inline_digest_2528 = workInProgressRoot; + JSCompiler_object_inline_digest_2724 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2528 && - ((JSCompiler_object_inline_stack_2529 = getBumpedLaneForHydration( - JSCompiler_object_inline_digest_2528, + null !== JSCompiler_object_inline_digest_2724 && + ((JSCompiler_object_inline_stack_2725 = getBumpedLaneForHydration( + JSCompiler_object_inline_digest_2724, renderLanes )), - 0 !== JSCompiler_object_inline_stack_2529 && - JSCompiler_object_inline_stack_2529 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_2725 && + JSCompiler_object_inline_stack_2725 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2529), + ((prevState.retryLane = JSCompiler_object_inline_stack_2725), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2529 + JSCompiler_object_inline_stack_2725 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2528, + JSCompiler_object_inline_digest_2724, current, - JSCompiler_object_inline_stack_2529 + JSCompiler_object_inline_stack_2725 ), SelectiveHydrationException) ); isSuspenseInstancePending( - JSCompiler_object_inline_componentStack_2530 + JSCompiler_object_inline_componentStack_2726 ) || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10220,14 +11063,14 @@ ); } else isSuspenseInstancePending( - JSCompiler_object_inline_componentStack_2530 + JSCompiler_object_inline_componentStack_2726 ) ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_componentStack_2530.nextSibling + JSCompiler_object_inline_componentStack_2726.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10239,32 +11082,32 @@ restoreSuspendedTreeContext(workInProgress, current), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2529.children + JSCompiler_object_inline_stack_2725.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_message_2527) + if (JSCompiler_object_inline_message_2723) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_2529.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_2725.fallback), (mode = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_componentStack_2530 = + (JSCompiler_object_inline_componentStack_2726 = componentStack.sibling), - (JSCompiler_object_inline_stack_2529 = createWorkInProgress( + (JSCompiler_object_inline_stack_2725 = createWorkInProgress( componentStack, { mode: "hidden", - children: JSCompiler_object_inline_stack_2529.children + children: JSCompiler_object_inline_stack_2725.children } )), - (JSCompiler_object_inline_stack_2529.subtreeFlags = + (JSCompiler_object_inline_stack_2725.subtreeFlags = componentStack.subtreeFlags & 65011712), - null !== JSCompiler_object_inline_componentStack_2530 + null !== JSCompiler_object_inline_componentStack_2726 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_componentStack_2530, + JSCompiler_object_inline_componentStack_2726, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -10275,11 +11118,11 @@ )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_2529.return = workInProgress), - (JSCompiler_object_inline_stack_2529.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_2529), - bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_2529), - (JSCompiler_object_inline_stack_2529 = workInProgress.child), + (JSCompiler_object_inline_stack_2725.return = workInProgress), + (JSCompiler_object_inline_stack_2725.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_2725), + bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_2725), + (JSCompiler_object_inline_stack_2725 = workInProgress.child), (nextPrimaryChildren = current.child.memoizedState), null === nextPrimaryChildren ? (nextPrimaryChildren = mountSuspenseOffscreenState(renderLanes)) @@ -10295,35 +11138,39 @@ baseLanes: nextPrimaryChildren.baseLanes | renderLanes, cachePool: mode })), - (JSCompiler_object_inline_stack_2529.memoizedState = + (JSCompiler_object_inline_stack_2725.memoizedState = nextPrimaryChildren), - (JSCompiler_object_inline_stack_2529.childLanes = + (JSCompiler_object_inline_stack_2725.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2528, + JSCompiler_object_inline_digest_2724, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), bailoutOffscreenComponent( current.child, - JSCompiler_object_inline_stack_2529 + JSCompiler_object_inline_stack_2725 ) ); + null !== prevState && + (renderLanes & 62914560) === renderLanes && + 0 !== (renderLanes & current.lanes) && + markRenderDerivedCause(workInProgress); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2529.children + children: JSCompiler_object_inline_stack_2725.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2528 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2528 + ((JSCompiler_object_inline_digest_2724 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2724 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2528.push(current)); + : JSCompiler_object_inline_digest_2724.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11339,13 +12186,11 @@ ), prepareToReadContext(workInProgress), (prevSibling = readContext(prevSibling)), - markComponentRenderStarted(workInProgress), (returnFiber = callComponentInDEV( returnFiber, prevSibling, void 0 )), - markComponentRenderStopped(), (workInProgress.flags |= 1), reconcileChildren( current, @@ -12398,21 +13243,7 @@ do { if ( (updateQueue.tag & flags) === flags && - ((flags & Passive) !== NoFlags - ? null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentPassiveEffectMountStarted && - injectedProfilingHooks.markComponentPassiveEffectMountStarted( - finishedWork - ) - : (flags & Layout) !== NoFlags && - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentLayoutEffectMountStarted && - injectedProfilingHooks.markComponentLayoutEffectMountStarted( - finishedWork - ), - (lastEffect = void 0), + ((lastEffect = void 0), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), (lastEffect = runWithFiberInDEV( @@ -12422,16 +13253,6 @@ )), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !1), - (flags & Passive) !== NoFlags - ? null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentPassiveEffectMountStopped && - injectedProfilingHooks.markComponentPassiveEffectMountStopped() - : (flags & Layout) !== NoFlags && - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentLayoutEffectMountStopped && - injectedProfilingHooks.markComponentLayoutEffectMountStopped(), void 0 !== lastEffect && "function" !== typeof lastEffect) ) { var hookName = void 0; @@ -12489,20 +13310,6 @@ destroy = inst.destroy; void 0 !== destroy && ((inst.destroy = void 0), - (flags & Passive) !== NoFlags - ? null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentPassiveEffectUnmountStarted && - injectedProfilingHooks.markComponentPassiveEffectUnmountStarted( - finishedWork - ) - : (flags & Layout) !== NoFlags && - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentLayoutEffectUnmountStarted && - injectedProfilingHooks.markComponentLayoutEffectUnmountStarted( - finishedWork - ), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), (lastEffect = finishedWork), @@ -12514,17 +13321,7 @@ destroy ), (flags & Insertion) !== NoFlags && - (isRunningInsertionEffect = !1), - (flags & Passive) !== NoFlags - ? null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentPassiveEffectUnmountStopped && - injectedProfilingHooks.markComponentPassiveEffectUnmountStopped() - : (flags & Layout) !== NoFlags && - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentLayoutEffectUnmountStopped && - injectedProfilingHooks.markComponentLayoutEffectUnmountStopped()); + (isRunningInsertionEffect = !1)); } updateQueue = updateQueue.next; } while (updateQueue !== firstEffect); @@ -12973,6 +13770,21 @@ captureCommitPhaseError(finishedWork, finishedWork.return, error); } } + function isHydratingParent(current, finishedWork) { + return 31 === finishedWork.tag + ? ((finishedWork = finishedWork.memoizedState), + null !== current.memoizedState && null === finishedWork) + : 13 === finishedWork.tag + ? ((current = current.memoizedState), + (finishedWork = finishedWork.memoizedState), + null !== current && + null !== current.dehydrated && + (null === finishedWork || null === finishedWork.dehydrated)) + : 3 === finishedWork.tag + ? current.memoizedState.isDehydrated && + 0 === (finishedWork.flags & 256) + : !1; + } function commitBeforeMutationEffects(root, firstChild) { root = root.containerInfo; eventsEnabled = _enabled; @@ -13126,6 +13938,9 @@ } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -13307,11 +14122,11 @@ null !== finishedRoot && ((finishedRoot = finishedRoot.dehydrated), null !== finishedRoot && - ((finishedWork = retryDehydratedSuspenseBoundary.bind( + ((flags = retryDehydratedSuspenseBoundary.bind( null, finishedWork )), - registerSuspenseInstanceRetry(finishedRoot, finishedWork)))); + registerSuspenseInstanceRetry(finishedRoot, flags)))); break; case 22: flags = @@ -13325,11 +14140,20 @@ offscreenSubtreeIsHidden = flags; (offscreenSubtreeWasHidden = current) && !prevOffscreenSubtreeWasHidden - ? recursivelyTraverseReappearLayoutEffects( + ? (recursivelyTraverseReappearLayoutEffects( finishedRoot, finishedWork, 0 !== (finishedWork.subtreeFlags & 8772) - ) + ), + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentReappeared( + finishedWork, + componentEffectStartTime, + componentEffectEndTime + )) : recursivelyTraverseLayoutEffects(finishedRoot, finishedWork); offscreenSubtreeIsHidden = prevProps; offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden; @@ -13340,7 +14164,35 @@ default: recursivelyTraverseLayoutEffects(finishedRoot, finishedWork); } + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ), + null === finishedWork.alternate && + null !== finishedWork.return && + null !== finishedWork.return.alternate && + 0.05 < componentEffectEndTime - componentEffectStartTime && + (isHydratingParent( + finishedWork.return.alternate, + finishedWork.return + ) || + logComponentTrigger( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + "Mount" + ))); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function detachFiberAfterEffects(fiber) { var alternate = fiber.alternate; @@ -13394,7 +14246,10 @@ err )); } - var prevEffectStart = pushComponentEffectStart(); + var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (deletedFiber.tag) { case 26: offscreenSubtreeWasHidden || @@ -13407,8 +14262,8 @@ deletedFiber.memoizedState ? deletedFiber.memoizedState.count-- : deletedFiber.stateNode && - ((deletedFiber = deletedFiber.stateNode), - deletedFiber.parentNode.removeChild(deletedFiber)); + ((finishedRoot = deletedFiber.stateNode), + finishedRoot.parentNode.removeChild(finishedRoot)); break; case 27: offscreenSubtreeWasHidden || @@ -13568,7 +14423,21 @@ deletedFiber ); } + (deletedFiber.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + deletedFiber, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function commitActivityHydrationCallbacks(finishedRoot, finishedWork) { if ( @@ -13687,6 +14556,16 @@ commitDeletionEffectsOnFiber(root, returnFiber, deletedFiber); hostParent = null; hostParentIsContainer = !1; + (deletedFiber.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + deletedFiber, + componentEffectStartTime, + componentEffectEndTime, + "Unmount" + ); popComponentEffectStart(prevEffectStart); root = deletedFiber; returnFiber = root.alternate; @@ -13700,6 +14579,9 @@ } function commitMutationEffectsOnFiber(finishedWork, root) { var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), current = finishedWork.alternate, flags = finishedWork.flags; switch (finishedWork.tag) { @@ -13729,18 +14611,21 @@ (offscreenSubtreeWasHidden || null === current || safelyDetachRef(current, current.return)); - flags & 64 && + if ( + flags & 64 && offscreenSubtreeIsHidden && - ((finishedWork = finishedWork.updateQueue), - null !== finishedWork && - ((flags = finishedWork.callbacks), - null !== flags && - ((current = finishedWork.shared.hiddenCallbacks), - (finishedWork.shared.hiddenCallbacks = - null === current ? flags : current.concat(flags))))); + ((flags = finishedWork.updateQueue), + null !== flags && ((current = flags.callbacks), null !== current)) + ) { + var existingHiddenCallbacks = flags.shared.hiddenCallbacks; + flags.shared.hiddenCallbacks = + null === existingHiddenCallbacks + ? current + : existingHiddenCallbacks.concat(current); + } break; case 26: - var hoistableRoot = currentHoistableRoot; + existingHiddenCallbacks = currentHoistableRoot; recursivelyTraverseMutationEffects(root, finishedWork); commitReconciliationEffects(finishedWork); flags & 512 && @@ -13757,12 +14642,15 @@ a: { flags = finishedWork.type; current = finishedWork.memoizedProps; - hoistableRoot = - hoistableRoot.ownerDocument || hoistableRoot; + existingHiddenCallbacks = + existingHiddenCallbacks.ownerDocument || + existingHiddenCallbacks; b: switch (flags) { case "title": currentResource = - hoistableRoot.getElementsByTagName("title")[0]; + existingHiddenCallbacks.getElementsByTagName( + "title" + )[0]; if ( !currentResource || currentResource[internalHoistableMarker] || @@ -13771,10 +14659,12 @@ currentResource.hasAttribute("itemprop") ) (currentResource = - hoistableRoot.createElement(flags)), - hoistableRoot.head.insertBefore( + existingHiddenCallbacks.createElement(flags)), + existingHiddenCallbacks.head.insertBefore( currentResource, - hoistableRoot.querySelector("head > title") + existingHiddenCallbacks.querySelector( + "head > title" + ) ); setInitialProperties(currentResource, flags, current); currentResource[internalInstanceKey] = finishedWork; @@ -13785,7 +14675,7 @@ var maybeNodes = getHydratableHoistableCache( "link", "href", - hoistableRoot + existingHiddenCallbacks ).get(flags + (current.href || "")); if (maybeNodes) for (var i = 0; i < maybeNodes.length; i++) @@ -13809,16 +14699,19 @@ maybeNodes.splice(i, 1); break b; } - currentResource = hoistableRoot.createElement(flags); + currentResource = + existingHiddenCallbacks.createElement(flags); setInitialProperties(currentResource, flags, current); - hoistableRoot.head.appendChild(currentResource); + existingHiddenCallbacks.head.appendChild( + currentResource + ); break; case "meta": if ( (maybeNodes = getHydratableHoistableCache( "meta", "content", - hoistableRoot + existingHiddenCallbacks ).get(flags + (current.content || ""))) ) for (i = 0; i < maybeNodes.length; i++) @@ -13852,9 +14745,12 @@ maybeNodes.splice(i, 1); break b; } - currentResource = hoistableRoot.createElement(flags); + currentResource = + existingHiddenCallbacks.createElement(flags); setInitialProperties(currentResource, flags, current); - hoistableRoot.head.appendChild(currentResource); + existingHiddenCallbacks.head.appendChild( + currentResource + ); break; default: throw Error( @@ -13870,13 +14766,13 @@ finishedWork.stateNode = flags; } else mountHoistable( - hoistableRoot, + existingHiddenCallbacks, finishedWork.type, finishedWork.stateNode ); else finishedWork.stateNode = acquireResource( - hoistableRoot, + existingHiddenCallbacks, flags, finishedWork.memoizedProps ); @@ -13889,12 +14785,12 @@ : currentResource.count--, null === flags ? mountHoistable( - hoistableRoot, + existingHiddenCallbacks, finishedWork.type, finishedWork.stateNode ) : acquireResource( - hoistableRoot, + existingHiddenCallbacks, flags, finishedWork.memoizedProps )) @@ -13930,20 +14826,24 @@ null === current || safelyDetachRef(current, current.return)); if (finishedWork.flags & 32) { - hoistableRoot = finishedWork.stateNode; + existingHiddenCallbacks = finishedWork.stateNode; try { - runWithFiberInDEV(finishedWork, resetTextContent, hoistableRoot); + runWithFiberInDEV( + finishedWork, + resetTextContent, + existingHiddenCallbacks + ); } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } } flags & 4 && null != finishedWork.stateNode && - ((hoistableRoot = finishedWork.memoizedProps), + ((existingHiddenCallbacks = finishedWork.memoizedProps), commitHostUpdate( finishedWork, - hoistableRoot, - null !== current ? current.memoizedProps : hoistableRoot + existingHiddenCallbacks, + null !== current ? current.memoizedProps : existingHiddenCallbacks )); flags & 1024 && ((needsFormReset = !0), @@ -13962,12 +14862,12 @@ ); flags = finishedWork.memoizedProps; current = null !== current ? current.memoizedProps : flags; - hoistableRoot = finishedWork.stateNode; + existingHiddenCallbacks = finishedWork.stateNode; try { runWithFiberInDEV( finishedWork, commitTextUpdate, - hoistableRoot, + existingHiddenCallbacks, current, flags ); @@ -13977,7 +14877,7 @@ } break; case 3: - hoistableRoot = pushNestedEffectDurations(); + existingHiddenCallbacks = pushNestedEffectDurations(); tagCaches = null; currentResource = currentHoistableRoot; currentHoistableRoot = getHoistableRoot(root.containerInfo); @@ -14000,7 +14900,9 @@ } needsFormReset && ((needsFormReset = !1), recursivelyResetForms(finishedWork)); - root.effectDuration += popNestedEffectDurations(hoistableRoot); + root.effectDuration += popNestedEffectDurations( + existingHiddenCallbacks + ); break; case 4: flags = currentHoistableRoot; @@ -14041,30 +14943,53 @@ attachSuspenseRetryListeners(finishedWork, flags))); break; case 22: - hoistableRoot = null !== finishedWork.memoizedState; + existingHiddenCallbacks = null !== finishedWork.memoizedState; var wasHidden = null !== current && null !== current.memoizedState, prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden, prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden; offscreenSubtreeIsHidden = - prevOffscreenSubtreeIsHidden || hoistableRoot; + prevOffscreenSubtreeIsHidden || existingHiddenCallbacks; offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden || wasHidden; recursivelyTraverseMutationEffects(root, finishedWork); offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden; offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden; + wasHidden && + !existingHiddenCallbacks && + !prevOffscreenSubtreeIsHidden && + !prevOffscreenSubtreeWasHidden && + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentReappeared( + finishedWork, + componentEffectStartTime, + componentEffectEndTime + ); commitReconciliationEffects(finishedWork); if (flags & 8192) a: for ( root = finishedWork.stateNode, - root._visibility = hoistableRoot + root._visibility = existingHiddenCallbacks ? root._visibility & ~OffscreenVisible : root._visibility | OffscreenVisible, - hoistableRoot && - (null === current || - wasHidden || - offscreenSubtreeIsHidden || - offscreenSubtreeWasHidden || - recursivelyTraverseDisappearLayoutEffects(finishedWork)), + !existingHiddenCallbacks || + null === current || + wasHidden || + offscreenSubtreeIsHidden || + offscreenSubtreeWasHidden || + (recursivelyTraverseDisappearLayoutEffects(finishedWork), + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + "Disconnect" + )), current = null, root = finishedWork; ; @@ -14075,7 +15000,7 @@ wasHidden = current = root; try { (currentResource = wasHidden.stateNode), - hoistableRoot + existingHiddenCallbacks ? runWithFiberInDEV( wasHidden, hideInstance, @@ -14096,7 +15021,7 @@ wasHidden = root; try { (maybeNodes = wasHidden.stateNode), - hoistableRoot + existingHiddenCallbacks ? runWithFiberInDEV( wasHidden, hideTextInstance, @@ -14117,7 +15042,7 @@ wasHidden = root; try { (i = wasHidden.stateNode), - hoistableRoot + existingHiddenCallbacks ? runWithFiberInDEV( wasHidden, hideDehydratedBoundary, @@ -14178,7 +15103,35 @@ recursivelyTraverseMutationEffects(root, finishedWork), commitReconciliationEffects(finishedWork); } + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ), + null === finishedWork.alternate && + null !== finishedWork.return && + null !== finishedWork.return.alternate && + 0.05 < componentEffectEndTime - componentEffectStartTime && + (isHydratingParent( + finishedWork.return.alternate, + finishedWork.return + ) || + logComponentTrigger( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + "Mount" + ))); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function commitReconciliationEffects(finishedWork) { var flags = finishedWork.flags; @@ -14208,7 +15161,10 @@ (parentFiber = parentFiber.sibling); } function disappearLayoutEffects(finishedWork) { - var prevEffectStart = pushComponentEffectStart(); + var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -14253,7 +15209,21 @@ default: recursivelyTraverseDisappearLayoutEffects(finishedWork); } + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function recursivelyTraverseDisappearLayoutEffects(parentFiber) { for (parentFiber = parentFiber.child; null !== parentFiber; ) @@ -14267,6 +15237,9 @@ includeWorkInProgressEffects ) { var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -14395,7 +15368,21 @@ includeWorkInProgressEffects ); } + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function recursivelyTraverseReappearLayoutEffects( finishedRoot, @@ -14439,62 +15426,112 @@ root, parentFiber, committedLanes, - committedTransitions + committedTransitions, + endTime ) { - if (parentFiber.subtreeFlags & 10256) - for (parentFiber = parentFiber.child; null !== parentFiber; ) + if ( + parentFiber.subtreeFlags & 10256 || + (0 !== parentFiber.actualDuration && + (null === parentFiber.alternate || + parentFiber.alternate.child !== parentFiber.child)) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + var nextSibling = parentFiber.sibling; commitPassiveMountOnFiber( root, parentFiber, committedLanes, - committedTransitions - ), - (parentFiber = parentFiber.sibling); + committedTransitions, + null !== nextSibling ? nextSibling.actualStartTime : endTime + ); + parentFiber = nextSibling; + } } function commitPassiveMountOnFiber( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ) { var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), + prevDeepEquality = alreadyWarnedForDeepEquality, flags = finishedWork.flags; switch (finishedWork.tag) { case 0: case 11: case 15: + (finishedWork.mode & ProfileMode) !== NoMode && + 0 < finishedWork.actualStartTime && + 0 !== (finishedWork.flags & 1) && + logComponentRender( + finishedWork, + finishedWork.actualStartTime, + endTime, + inHydratedSubtree, + committedLanes + ); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); flags & 2048 && commitHookPassiveMountEffects(finishedWork, Passive | HasEffect); break; case 1: + (finishedWork.mode & ProfileMode) !== NoMode && + 0 < finishedWork.actualStartTime && + (0 !== (finishedWork.flags & 128) + ? logComponentErrored( + finishedWork, + finishedWork.actualStartTime, + endTime, + [] + ) + : 0 !== (finishedWork.flags & 1) && + logComponentRender( + finishedWork, + finishedWork.actualStartTime, + endTime, + inHydratedSubtree, + committedLanes + )); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); break; case 3: - var prevProfilerEffectDuration = pushNestedEffectDurations(); + var prevProfilerEffectDuration = pushNestedEffectDurations(), + wasInHydratedSubtree = inHydratedSubtree; + inHydratedSubtree = + null !== finishedWork.alternate && + finishedWork.alternate.memoizedState.isDehydrated && + 0 === (finishedWork.flags & 256); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); + inHydratedSubtree = wasInHydratedSubtree; flags & 2048 && ((committedLanes = null), null !== finishedWork.alternate && (committedLanes = finishedWork.alternate.memoizedState.cache), - (finishedWork = finishedWork.memoizedState.cache), - finishedWork !== committedLanes && - (retainCache(finishedWork), + (committedTransitions = finishedWork.memoizedState.cache), + committedTransitions !== committedLanes && + (retainCache(committedTransitions), null != committedLanes && releaseCache(committedLanes))); finishedRoot.passiveEffectDuration += popNestedEffectDurations( prevProfilerEffectDuration @@ -14507,7 +15544,8 @@ finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); finishedRoot = finishedWork.stateNode; finishedRoot.passiveEffectDuration += @@ -14529,69 +15567,147 @@ finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); break; case 31: + flags = inHydratedSubtree; + prevProfilerEffectDuration = + null !== finishedWork.alternate + ? finishedWork.alternate.memoizedState + : null; + wasInHydratedSubtree = finishedWork.memoizedState; + null !== prevProfilerEffectDuration && null === wasInHydratedSubtree + ? ((wasInHydratedSubtree = finishedWork.deletions), + null !== wasInHydratedSubtree && + 0 < wasInHydratedSubtree.length && + 18 === wasInHydratedSubtree[0].tag + ? ((inHydratedSubtree = !1), + (prevProfilerEffectDuration = + prevProfilerEffectDuration.hydrationErrors), + null !== prevProfilerEffectDuration && + logComponentErrored( + finishedWork, + finishedWork.actualStartTime, + endTime, + prevProfilerEffectDuration + )) + : (inHydratedSubtree = !0)) + : (inHydratedSubtree = !1); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); + inHydratedSubtree = flags; break; case 13: + flags = inHydratedSubtree; + prevProfilerEffectDuration = + null !== finishedWork.alternate + ? finishedWork.alternate.memoizedState + : null; + wasInHydratedSubtree = finishedWork.memoizedState; + null === prevProfilerEffectDuration || + null === prevProfilerEffectDuration.dehydrated || + (null !== wasInHydratedSubtree && + null !== wasInHydratedSubtree.dehydrated) + ? (inHydratedSubtree = !1) + : ((wasInHydratedSubtree = finishedWork.deletions), + null !== wasInHydratedSubtree && + 0 < wasInHydratedSubtree.length && + 18 === wasInHydratedSubtree[0].tag + ? ((inHydratedSubtree = !1), + (prevProfilerEffectDuration = + prevProfilerEffectDuration.hydrationErrors), + null !== prevProfilerEffectDuration && + logComponentErrored( + finishedWork, + finishedWork.actualStartTime, + endTime, + prevProfilerEffectDuration + )) + : (inHydratedSubtree = !0)); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); + inHydratedSubtree = flags; break; case 23: break; case 22: - prevProfilerEffectDuration = finishedWork.stateNode; - var _current = finishedWork.alternate; + wasInHydratedSubtree = finishedWork.stateNode; + prevProfilerEffectDuration = finishedWork.alternate; null !== finishedWork.memoizedState - ? prevProfilerEffectDuration._visibility & + ? wasInHydratedSubtree._visibility & OffscreenPassiveEffectsConnected ? recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ) : recursivelyTraverseAtomicPassiveEffects( finishedRoot, - finishedWork + finishedWork, + committedLanes, + committedTransitions, + endTime ) - : prevProfilerEffectDuration._visibility & + : wasInHydratedSubtree._visibility & OffscreenPassiveEffectsConnected ? recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ) - : ((prevProfilerEffectDuration._visibility |= + : ((wasInHydratedSubtree._visibility |= OffscreenPassiveEffectsConnected), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, committedLanes, committedTransitions, - 0 !== (finishedWork.subtreeFlags & 10256) - )); + 0 !== (finishedWork.subtreeFlags & 10256), + endTime + ), + (finishedWork.mode & ProfileMode) === NoMode || + inHydratedSubtree || + ((finishedRoot = finishedWork.actualStartTime), + 0 <= finishedRoot && + 0.05 < endTime - finishedRoot && + logComponentReappeared(finishedWork, finishedRoot, endTime), + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentReappeared( + finishedWork, + componentEffectStartTime, + componentEffectEndTime + ))); flags & 2048 && - commitOffscreenPassiveMountEffects(_current, finishedWork); + commitOffscreenPassiveMountEffects( + prevProfilerEffectDuration, + finishedWork + ); break; case 24: recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); flags & 2048 && commitCachePassiveMountEffect(finishedWork.alternate, finishedWork); @@ -14601,40 +15717,101 @@ finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); } + if ((finishedWork.mode & ProfileMode) !== NoMode) { + if ( + (finishedRoot = + !inHydratedSubtree && + null === finishedWork.alternate && + null !== finishedWork.return && + null !== finishedWork.return.alternate) + ) + (committedLanes = finishedWork.actualStartTime), + 0 <= committedLanes && + 0.05 < endTime - committedLanes && + logComponentTrigger( + finishedWork, + committedLanes, + endTime, + "Mount" + ); + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ), + finishedRoot && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + "Mount" + )); + } popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseReconnectPassiveEffects( finishedRoot, parentFiber, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime ) { includeWorkInProgressEffects = includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 10256); - for (parentFiber = parentFiber.child; null !== parentFiber; ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + var nextSibling = parentFiber.sibling; reconnectPassiveEffects( finishedRoot, parentFiber, committedLanes, committedTransitions, - includeWorkInProgressEffects - ), - (parentFiber = parentFiber.sibling); + includeWorkInProgressEffects, + null !== nextSibling ? nextSibling.actualStartTime : endTime + ); + parentFiber = nextSibling; + } } function reconnectPassiveEffects( finishedRoot, finishedWork, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime ) { var prevEffectStart = pushComponentEffectStart(), - flags = finishedWork.flags; + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), + prevDeepEquality = alreadyWarnedForDeepEquality; + includeWorkInProgressEffects && + (finishedWork.mode & ProfileMode) !== NoMode && + 0 < finishedWork.actualStartTime && + 0 !== (finishedWork.flags & 1) && + logComponentRender( + finishedWork, + finishedWork.actualStartTime, + endTime, + inHydratedSubtree, + committedLanes + ); + var flags = finishedWork.flags; switch (finishedWork.tag) { case 0: case 11: @@ -14644,7 +15821,8 @@ finishedWork, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime ); commitHookPassiveMountEffects(finishedWork, Passive); break; @@ -14659,11 +15837,15 @@ finishedWork, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime ) : recursivelyTraverseAtomicPassiveEffects( finishedRoot, - finishedWork + finishedWork, + committedLanes, + committedTransitions, + endTime ) : ((_instance2._visibility |= OffscreenPassiveEffectsConnected), recursivelyTraverseReconnectPassiveEffects( @@ -14671,7 +15853,8 @@ finishedWork, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime )); includeWorkInProgressEffects && flags & 2048 && @@ -14686,7 +15869,8 @@ finishedWork, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime ); includeWorkInProgressEffects && flags & 2048 && @@ -14698,50 +15882,90 @@ finishedWork, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime ); } + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseAtomicPassiveEffects( finishedRoot$jscomp$0, - parentFiber + parentFiber, + committedLanes$jscomp$0, + committedTransitions$jscomp$0, + endTime$jscomp$0 ) { if (parentFiber.subtreeFlags & 10256) - for (parentFiber = parentFiber.child; null !== parentFiber; ) { + for (var child = parentFiber.child; null !== child; ) { + parentFiber = child.sibling; var finishedRoot = finishedRoot$jscomp$0, - finishedWork = parentFiber, - flags = finishedWork.flags; - switch (finishedWork.tag) { + committedLanes = committedLanes$jscomp$0, + committedTransitions = committedTransitions$jscomp$0, + endTime = + null !== parentFiber + ? parentFiber.actualStartTime + : endTime$jscomp$0, + prevDeepEquality = alreadyWarnedForDeepEquality; + (child.mode & ProfileMode) !== NoMode && + 0 < child.actualStartTime && + 0 !== (child.flags & 1) && + logComponentRender( + child, + child.actualStartTime, + endTime, + inHydratedSubtree, + committedLanes + ); + var flags = child.flags; + switch (child.tag) { case 22: recursivelyTraverseAtomicPassiveEffects( finishedRoot, - finishedWork + child, + committedLanes, + committedTransitions, + endTime ); flags & 2048 && - commitOffscreenPassiveMountEffects( - finishedWork.alternate, - finishedWork - ); + commitOffscreenPassiveMountEffects(child.alternate, child); break; case 24: recursivelyTraverseAtomicPassiveEffects( finishedRoot, - finishedWork + child, + committedLanes, + committedTransitions, + endTime ); flags & 2048 && - commitCachePassiveMountEffect( - finishedWork.alternate, - finishedWork - ); + commitCachePassiveMountEffect(child.alternate, child); break; default: recursivelyTraverseAtomicPassiveEffects( finishedRoot, - finishedWork + child, + committedLanes, + committedTransitions, + endTime ); } - parentFiber = parentFiber.sibling; + alreadyWarnedForDeepEquality = prevDeepEquality; + child = parentFiber; } } function recursivelyAccumulateSuspenseyCommit( @@ -14852,6 +16076,16 @@ childToDelete, parentFiber ); + (childToDelete.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + childToDelete, + componentEffectStartTime, + componentEffectEndTime, + "Unmount" + ); popComponentEffectStart(prevEffectStart); } detachAlternateSiblings(parentFiber); @@ -14862,7 +16096,10 @@ (parentFiber = parentFiber.sibling); } function commitPassiveUnmountOnFiber(finishedWork) { - var prevEffectStart = pushComponentEffectStart(); + var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -14895,13 +16132,37 @@ (null === finishedWork.return || 13 !== finishedWork.return.tag) ? ((prevProfilerEffectDuration._visibility &= ~OffscreenPassiveEffectsConnected), - recursivelyTraverseDisconnectPassiveEffects(finishedWork)) + recursivelyTraverseDisconnectPassiveEffects(finishedWork), + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + "Disconnect" + )) : recursivelyTraversePassiveUnmountEffects(finishedWork); break; default: recursivelyTraversePassiveUnmountEffects(finishedWork); } + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; + componentEffectErrors = prevEffectErrors; } function recursivelyTraverseDisconnectPassiveEffects(parentFiber) { var deletions = parentFiber.deletions; @@ -14915,6 +16176,16 @@ childToDelete, parentFiber ); + (childToDelete.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + childToDelete, + componentEffectStartTime, + componentEffectEndTime, + "Unmount" + ); popComponentEffectStart(prevEffectStart); } detachAlternateSiblings(parentFiber); @@ -14924,7 +16195,10 @@ (parentFiber = parentFiber.sibling); } function disconnectPassiveEffect(finishedWork) { - var prevEffectStart = pushComponentEffectStart(); + var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -14945,7 +16219,21 @@ default: recursivelyTraverseDisconnectPassiveEffects(finishedWork); } + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; + componentEffectErrors = prevEffectErrors; } function commitPassiveUnmountEffectsInsideOfDeletedTree_begin( deletedSubtreeRoot, @@ -14955,7 +16243,10 @@ var fiber = nextEffect, current = fiber, nearestMountedAncestor = nearestMountedAncestor$jscomp$0, - prevEffectStart = pushComponentEffectStart(); + prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (current.tag) { case 0: case 11: @@ -14970,32 +16261,46 @@ case 22: null !== current.memoizedState && null !== current.memoizedState.cachePool && - ((current = current.memoizedState.cachePool.pool), - null != current && retainCache(current)); + ((nearestMountedAncestor = current.memoizedState.cachePool.pool), + null != nearestMountedAncestor && + retainCache(nearestMountedAncestor)); break; case 24: releaseCache(current.memoizedState.cache); } + (current.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + current, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); - prevEffectStart = fiber.child; - if (null !== prevEffectStart) - (prevEffectStart.return = fiber), (nextEffect = prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; + componentEffectErrors = prevEffectErrors; + current = fiber.child; + if (null !== current) (current.return = fiber), (nextEffect = current); else a: for (fiber = deletedSubtreeRoot; null !== nextEffect; ) { - prevEffectStart = nextEffect; - current = prevEffectStart.sibling; - nearestMountedAncestor = prevEffectStart.return; - detachFiberAfterEffects(prevEffectStart); - if (prevEffectStart === fiber) { + current = nextEffect; + prevEffectStart = current.sibling; + prevEffectDuration = current.return; + detachFiberAfterEffects(current); + if (current === fiber) { nextEffect = null; break a; } - if (null !== current) { - current.return = nearestMountedAncestor; - nextEffect = current; + if (null !== prevEffectStart) { + prevEffectStart.return = prevEffectDuration; + nextEffect = prevEffectStart; break a; } - nextEffect = nearestMountedAncestor; + nextEffect = prevEffectDuration; } } } @@ -15107,32 +16412,134 @@ function performWorkOnRoot(root, lanes, forceSync) { if ((executionContext & (RenderContext | CommitContext)) !== NoContext) throw Error("Should not already be working."); - var shouldTimeSlice = - (!forceSync && - 0 === (lanes & 127) && - 0 === (lanes & root.expiredLanes)) || - checkIfRootIsPrerendering(root, lanes), - exitStatus = shouldTimeSlice - ? renderRootConcurrent(root, lanes) - : renderRootSync(root, lanes, !0), - renderWasConcurrent = shouldTimeSlice; + if (0 !== workInProgressRootRenderLanes && null !== workInProgress) { + var yieldedFiber = workInProgress, + yieldEndTime = now$1(); + switch (yieldReason) { + case SuspendedOnImmediate: + case SuspendedOnData: + var startTime = yieldStartTime; + supportsUserTiming && + ((yieldedFiber = yieldedFiber._debugTask) + ? yieldedFiber.run( + console.timeStamp.bind( + console, + "Suspended", + startTime, + yieldEndTime, + COMPONENTS_TRACK, + void 0, + "primary-light" + ) + ) + : console.timeStamp( + "Suspended", + startTime, + yieldEndTime, + COMPONENTS_TRACK, + void 0, + "primary-light" + )); + break; + case SuspendedOnAction: + startTime = yieldStartTime; + supportsUserTiming && + ((yieldedFiber = yieldedFiber._debugTask) + ? yieldedFiber.run( + console.timeStamp.bind( + console, + "Action", + startTime, + yieldEndTime, + COMPONENTS_TRACK, + void 0, + "primary-light" + ) + ) + : console.timeStamp( + "Action", + startTime, + yieldEndTime, + COMPONENTS_TRACK, + void 0, + "primary-light" + )); + break; + default: + supportsUserTiming && + ((yieldedFiber = yieldEndTime - yieldStartTime), + 3 > yieldedFiber || + console.timeStamp( + "Blocked", + yieldStartTime, + yieldEndTime, + COMPONENTS_TRACK, + void 0, + 5 > yieldedFiber + ? "primary-light" + : 10 > yieldedFiber + ? "primary" + : 100 > yieldedFiber + ? "primary-dark" + : "error" + )); + } + } + startTime = (forceSync = + (!forceSync && + 0 === (lanes & 127) && + 0 === (lanes & root.expiredLanes)) || + checkIfRootIsPrerendering(root, lanes)) + ? renderRootConcurrent(root, lanes) + : renderRootSync(root, lanes, !0); + var renderWasConcurrent = forceSync; do { - if (exitStatus === RootInProgress) { + if (startTime === RootInProgress) { workInProgressRootIsPrerendering && - !shouldTimeSlice && + !forceSync && markRootSuspended(root, lanes, 0, !1); + lanes = workInProgressSuspendedReason; + yieldStartTime = now(); + yieldReason = lanes; break; } else { - forceSync = root.current.alternate; + yieldedFiber = now$1(); + yieldEndTime = root.current.alternate; if ( renderWasConcurrent && - !isRenderConsistentWithExternalStores(forceSync) + !isRenderConsistentWithExternalStores(yieldEndTime) ) { - exitStatus = renderRootSync(root, lanes, !1); + setCurrentTrackFromLanes(lanes); + yieldEndTime = renderStartTime; + startTime = yieldedFiber; + !supportsUserTiming || + startTime <= yieldEndTime || + (workInProgressUpdateTask + ? workInProgressUpdateTask.run( + console.timeStamp.bind( + console, + "Teared Render", + yieldEndTime, + startTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + ) + ) + : console.timeStamp( + "Teared Render", + yieldEndTime, + startTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + )); + finalizeRender(lanes, yieldedFiber); + startTime = renderRootSync(root, lanes, !1); renderWasConcurrent = !1; continue; } - if (exitStatus === RootErrored) { + if (startTime === RootErrored) { renderWasConcurrent = lanes; if (root.errorRecoveryDisabledLanes & renderWasConcurrent) var errorRetryLanes = 0; @@ -15145,67 +16552,93 @@ ? 536870912 : 0); if (0 !== errorRetryLanes) { + setCurrentTrackFromLanes(lanes); + logErroredRenderPhase( + renderStartTime, + yieldedFiber, + lanes, + workInProgressUpdateTask + ); + finalizeRender(lanes, yieldedFiber); lanes = errorRetryLanes; a: { - exitStatus = root; - var errorRetryLanes$jscomp$0 = errorRetryLanes; - errorRetryLanes = workInProgressRootConcurrentErrors; + yieldedFiber = root; + startTime = renderWasConcurrent; + renderWasConcurrent = workInProgressRootConcurrentErrors; var wasRootDehydrated = - exitStatus.current.memoizedState.isDehydrated; + yieldedFiber.current.memoizedState.isDehydrated; wasRootDehydrated && - (prepareFreshStack( - exitStatus, - errorRetryLanes$jscomp$0 - ).flags |= 256); - errorRetryLanes$jscomp$0 = renderRootSync( - exitStatus, - errorRetryLanes$jscomp$0, + (prepareFreshStack(yieldedFiber, errorRetryLanes).flags |= + 256); + errorRetryLanes = renderRootSync( + yieldedFiber, + errorRetryLanes, !1 ); - if (errorRetryLanes$jscomp$0 !== RootErrored) { + if (errorRetryLanes !== RootErrored) { if ( workInProgressRootDidAttachPingListener && !wasRootDehydrated ) { - exitStatus.errorRecoveryDisabledLanes |= - renderWasConcurrent; - workInProgressRootInterleavedUpdatedLanes |= - renderWasConcurrent; - exitStatus = RootSuspendedWithDelay; + yieldedFiber.errorRecoveryDisabledLanes |= startTime; + workInProgressRootInterleavedUpdatedLanes |= startTime; + startTime = RootSuspendedWithDelay; break a; } - exitStatus = workInProgressRootRecoverableErrors; - workInProgressRootRecoverableErrors = errorRetryLanes; - null !== exitStatus && + yieldedFiber = workInProgressRootRecoverableErrors; + workInProgressRootRecoverableErrors = renderWasConcurrent; + null !== yieldedFiber && (null === workInProgressRootRecoverableErrors - ? (workInProgressRootRecoverableErrors = exitStatus) + ? (workInProgressRootRecoverableErrors = yieldedFiber) : workInProgressRootRecoverableErrors.push.apply( workInProgressRootRecoverableErrors, - exitStatus + yieldedFiber )); } - exitStatus = errorRetryLanes$jscomp$0; + startTime = errorRetryLanes; } renderWasConcurrent = !1; - if (exitStatus !== RootErrored) continue; + if (startTime !== RootErrored) continue; + else yieldedFiber = now$1(); } } - if (exitStatus === RootFatalErrored) { + if (startTime === RootFatalErrored) { + setCurrentTrackFromLanes(lanes); + logErroredRenderPhase( + renderStartTime, + yieldedFiber, + lanes, + workInProgressUpdateTask + ); + finalizeRender(lanes, yieldedFiber); prepareFreshStack(root, 0); markRootSuspended(root, lanes, 0, !0); break; } a: { - shouldTimeSlice = root; - switch (exitStatus) { + forceSync = root; + switch (startTime) { case RootInProgress: case RootFatalErrored: throw Error("Root did not complete. This is a bug in React."); case RootSuspendedWithDelay: if ((lanes & 4194048) !== lanes) break; case RootSuspendedAtTheShell: + setCurrentTrackFromLanes(lanes); + logSuspendedRenderPhase( + renderStartTime, + yieldedFiber, + lanes, + workInProgressUpdateTask + ); + finalizeRender(lanes, yieldedFiber); + yieldEndTime = lanes; + 0 !== (yieldEndTime & 127) + ? (blockingSuspendedTime = yieldedFiber) + : 0 !== (yieldEndTime & 4194048) && + (transitionSuspendedTime = yieldedFiber); markRootSuspended( - shouldTimeSlice, + forceSync, lanes, workInProgressDeferredLane, !workInProgressRootDidSkipSuspendedSiblings @@ -15222,15 +16655,20 @@ } if (null !== ReactSharedInternals.actQueue) commitRoot( - shouldTimeSlice, forceSync, + yieldEndTime, lanes, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, workInProgressDeferredLane, workInProgressRootInterleavedUpdatedLanes, - workInProgressSuspendedRetryLanes + workInProgressSuspendedRetryLanes, + startTime, + null, + null, + renderStartTime, + yieldedFiber ); else { if ( @@ -15242,18 +16680,18 @@ 10 < renderWasConcurrent) ) { markRootSuspended( - shouldTimeSlice, + forceSync, lanes, workInProgressDeferredLane, !workInProgressRootDidSkipSuspendedSiblings ); - if (0 !== getNextLanes(shouldTimeSlice, 0, !0)) break a; + if (0 !== getNextLanes(forceSync, 0, !0)) break a; pendingEffectsLanes = lanes; - shouldTimeSlice.timeoutHandle = scheduleTimeout( + forceSync.timeoutHandle = scheduleTimeout( commitRootWhenReady.bind( null, - shouldTimeSlice, forceSync, + yieldEndTime, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, @@ -15262,18 +16700,18 @@ workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - exitStatus, + startTime, "Throttled", renderStartTime, - 0 + yieldedFiber ), renderWasConcurrent ); break a; } commitRootWhenReady( - shouldTimeSlice, forceSync, + yieldEndTime, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, @@ -15282,10 +16720,10 @@ workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - exitStatus, + startTime, null, renderStartTime, - 0 + yieldedFiber ); } } @@ -15311,39 +16749,32 @@ completedRenderEndTime ) { root.timeoutHandle = noTimeout; - suspendedCommitReason = finishedWork.subtreeFlags; - if ( - suspendedCommitReason & 8192 || - 16785408 === (suspendedCommitReason & 16785408) - ) { - suspendedCommitReason = { - stylesheets: null, - count: 0, - imgCount: 0, - imgBytes: 0, - suspenseyImages: [], - waitingForImages: !0, - waitingForViewTransition: !1, - unsuspend: noop$1 - }; - accumulateSuspenseyCommitOnFiber( - finishedWork, - lanes, - suspendedCommitReason - ); - var timeoutOffset = - (lanes & 62914560) === lanes - ? globalMostRecentFallbackTime - now$1() - : (lanes & 4194048) === lanes - ? globalMostRecentTransitionTime - now$1() - : 0; - timeoutOffset = waitForCommitToBeReady( - suspendedCommitReason, - timeoutOffset - ); - if (null !== timeoutOffset) { + var subtreeFlags = finishedWork.subtreeFlags, + suspendedState = null; + if (subtreeFlags & 8192 || 16785408 === (subtreeFlags & 16785408)) + if ( + ((suspendedState = { + stylesheets: null, + count: 0, + imgCount: 0, + imgBytes: 0, + suspenseyImages: [], + waitingForImages: !0, + waitingForViewTransition: !1, + unsuspend: noop$1 + }), + accumulateSuspenseyCommitOnFiber(finishedWork, lanes, suspendedState), + (subtreeFlags = + (lanes & 62914560) === lanes + ? globalMostRecentFallbackTime - now$1() + : (lanes & 4194048) === lanes + ? globalMostRecentTransitionTime - now$1() + : 0), + (subtreeFlags = waitForCommitToBeReady(suspendedState, subtreeFlags)), + null !== subtreeFlags) + ) { pendingEffectsLanes = lanes; - root.cancelPendingCommit = timeoutOffset( + root.cancelPendingCommit = subtreeFlags( commitRoot.bind( null, root, @@ -15356,16 +16787,16 @@ updatedLanes, suspendedRetryLanes, exitStatus, - suspendedCommitReason, - suspendedCommitReason.waitingForViewTransition + suspendedState, + suspendedState.waitingForViewTransition ? "Waiting for the previous Animation" - : 0 < suspendedCommitReason.count - ? 0 < suspendedCommitReason.imgCount + : 0 < suspendedState.count + ? 0 < suspendedState.imgCount ? "Suspended on CSS and Images" : "Suspended on CSS" - : 1 === suspendedCommitReason.imgCount + : 1 === suspendedState.imgCount ? "Suspended on an Image" - : 0 < suspendedCommitReason.imgCount + : 0 < suspendedState.imgCount ? "Suspended on Images" : null, completedRenderStartTime, @@ -15380,7 +16811,6 @@ ); return; } - } commitRoot( root, finishedWork, @@ -15390,7 +16820,12 @@ didIncludeRenderPhaseUpdate, spawnedLane, updatedLanes, - suspendedRetryLanes + suspendedRetryLanes, + exitStatus, + suspendedState, + suspendedCommitReason, + completedRenderStartTime, + completedRenderEndTime ); } function isRenderConsistentWithExternalStores(finishedWork) { @@ -15470,17 +16905,368 @@ workInProgress = null; } } + function finalizeRender(lanes, finalizationTime) { + 0 !== (lanes & 127) && (blockingClampTime = finalizationTime); + 0 !== (lanes & 4194048) && (transitionClampTime = finalizationTime); + 0 !== (lanes & 62914560) && (retryClampTime = finalizationTime); + 0 !== (lanes & 2080374784) && (idleClampTime = finalizationTime); + } function prepareFreshStack(root, lanes) { - var timeoutHandle = root.timeoutHandle; - timeoutHandle !== noTimeout && - ((root.timeoutHandle = noTimeout), cancelTimeout(timeoutHandle)); - timeoutHandle = root.cancelPendingCommit; - null !== timeoutHandle && - ((root.cancelPendingCommit = null), timeoutHandle()); + supportsUserTiming && + (console.timeStamp( + "Blocking Track", + 0.003, + 0.003, + "Blocking", + LANES_TRACK_GROUP, + "primary-light" + ), + console.timeStamp( + "Transition Track", + 0.003, + 0.003, + "Transition", + LANES_TRACK_GROUP, + "primary-light" + ), + console.timeStamp( + "Suspense Track", + 0.003, + 0.003, + "Suspense", + LANES_TRACK_GROUP, + "primary-light" + ), + console.timeStamp( + "Idle Track", + 0.003, + 0.003, + "Idle", + LANES_TRACK_GROUP, + "primary-light" + )); + var previousRenderStartTime = renderStartTime; + renderStartTime = now(); + if (0 !== workInProgressRootRenderLanes && 0 < previousRenderStartTime) { + setCurrentTrackFromLanes(workInProgressRootRenderLanes); + if ( + workInProgressRootExitStatus === RootSuspended || + workInProgressRootExitStatus === RootSuspendedWithDelay + ) + logSuspendedRenderPhase( + previousRenderStartTime, + renderStartTime, + lanes, + workInProgressUpdateTask + ); + else { + var endTime = renderStartTime, + debugTask = workInProgressUpdateTask; + if (supportsUserTiming && !(endTime <= previousRenderStartTime)) { + var color = + (lanes & 738197653) === lanes + ? "tertiary-dark" + : "primary-dark", + label = + (lanes & 536870912) === lanes + ? "Prewarm" + : (lanes & 201326741) === lanes + ? "Interrupted Hydration" + : "Interrupted Render"; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + label, + previousRenderStartTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + color + ) + ) + : console.timeStamp( + label, + previousRenderStartTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + color + ); + } + } + finalizeRender(workInProgressRootRenderLanes, renderStartTime); + } + previousRenderStartTime = workInProgressUpdateTask; + workInProgressUpdateTask = null; + if (0 !== (lanes & 127)) { + workInProgressUpdateTask = blockingUpdateTask; + debugTask = + 0 <= blockingUpdateTime && blockingUpdateTime < blockingClampTime + ? blockingClampTime + : blockingUpdateTime; + endTime = + 0 <= blockingEventTime && blockingEventTime < blockingClampTime + ? blockingClampTime + : blockingEventTime; + color = + 0 <= endTime ? endTime : 0 <= debugTask ? debugTask : renderStartTime; + 0 <= blockingSuspendedTime + ? (setCurrentTrackFromLanes(2), + logSuspendedWithDelayPhase( + blockingSuspendedTime, + color, + lanes, + previousRenderStartTime + )) + : 0 !== (animatingLanes & 127) && + (setCurrentTrackFromLanes(2), + logAnimatingPhase(blockingClampTime, color, animatingTask)); + previousRenderStartTime = debugTask; + var eventTime = endTime, + eventType = blockingEventType, + eventIsRepeat = 0 < blockingEventRepeatTime, + isSpawnedUpdate = blockingUpdateType === SPAWNED_UPDATE, + isPingedUpdate = blockingUpdateType === PINGED_UPDATE; + debugTask = renderStartTime; + endTime = blockingUpdateTask; + color = blockingUpdateMethodName; + label = blockingUpdateComponentName; + if (supportsUserTiming) { + currentTrack = "Blocking"; + 0 < previousRenderStartTime + ? previousRenderStartTime > debugTask && + (previousRenderStartTime = debugTask) + : (previousRenderStartTime = debugTask); + 0 < eventTime + ? eventTime > previousRenderStartTime && + (eventTime = previousRenderStartTime) + : (eventTime = previousRenderStartTime); + if (null !== eventType && previousRenderStartTime > eventTime) { + var color$jscomp$0 = eventIsRepeat ? "secondary-light" : "warning"; + endTime + ? endTime.run( + console.timeStamp.bind( + console, + eventIsRepeat ? "Consecutive" : "Event: " + eventType, + eventTime, + previousRenderStartTime, + currentTrack, + LANES_TRACK_GROUP, + color$jscomp$0 + ) + ) + : console.timeStamp( + eventIsRepeat ? "Consecutive" : "Event: " + eventType, + eventTime, + previousRenderStartTime, + currentTrack, + LANES_TRACK_GROUP, + color$jscomp$0 + ); + } + debugTask > previousRenderStartTime && + ((eventTime = isSpawnedUpdate + ? "error" + : (lanes & 738197653) === lanes + ? "tertiary-light" + : "primary-light"), + (isSpawnedUpdate = isPingedUpdate + ? "Promise Resolved" + : isSpawnedUpdate + ? "Cascading Update" + : 5 < debugTask - previousRenderStartTime + ? "Update Blocked" + : "Update"), + (isPingedUpdate = []), + null != label && isPingedUpdate.push(["Component name", label]), + null != color && isPingedUpdate.push(["Method name", color]), + (previousRenderStartTime = { + start: previousRenderStartTime, + end: debugTask, + detail: { + devtools: { + properties: isPingedUpdate, + track: currentTrack, + trackGroup: LANES_TRACK_GROUP, + color: eventTime + } + } + }), + endTime + ? endTime.run( + performance.measure.bind( + performance, + isSpawnedUpdate, + previousRenderStartTime + ) + ) + : performance.measure(isSpawnedUpdate, previousRenderStartTime)); + } + blockingUpdateTime = -1.1; + blockingUpdateType = 0; + blockingUpdateComponentName = blockingUpdateMethodName = null; + blockingSuspendedTime = -1.1; + blockingEventRepeatTime = blockingEventTime; + blockingEventTime = -1.1; + blockingClampTime = now(); + } + 0 !== (lanes & 4194048) && + ((workInProgressUpdateTask = transitionUpdateTask), + (debugTask = + 0 <= transitionStartTime && transitionStartTime < transitionClampTime + ? transitionClampTime + : transitionStartTime), + (previousRenderStartTime = + 0 <= transitionUpdateTime && + transitionUpdateTime < transitionClampTime + ? transitionClampTime + : transitionUpdateTime), + (endTime = + 0 <= transitionEventTime && transitionEventTime < transitionClampTime + ? transitionClampTime + : transitionEventTime), + (color = + 0 <= endTime + ? endTime + : 0 <= previousRenderStartTime + ? previousRenderStartTime + : renderStartTime), + 0 <= transitionSuspendedTime + ? (setCurrentTrackFromLanes(256), + logSuspendedWithDelayPhase( + transitionSuspendedTime, + color, + lanes, + workInProgressUpdateTask + )) + : 0 !== (animatingLanes & 4194048) && + (setCurrentTrackFromLanes(256), + logAnimatingPhase(transitionClampTime, color, animatingTask)), + (isPingedUpdate = endTime), + (eventTime = transitionEventType), + (eventType = 0 < transitionEventRepeatTime), + (eventIsRepeat = transitionUpdateType === PINGED_UPDATE), + (color = renderStartTime), + (endTime = transitionUpdateTask), + (label = transitionUpdateMethodName), + (isSpawnedUpdate = transitionUpdateComponentName), + supportsUserTiming && + ((currentTrack = "Transition"), + 0 < previousRenderStartTime + ? previousRenderStartTime > color && + (previousRenderStartTime = color) + : (previousRenderStartTime = color), + 0 < debugTask + ? debugTask > previousRenderStartTime && + (debugTask = previousRenderStartTime) + : (debugTask = previousRenderStartTime), + 0 < isPingedUpdate + ? isPingedUpdate > debugTask && (isPingedUpdate = debugTask) + : (isPingedUpdate = debugTask), + debugTask > isPingedUpdate && + null !== eventTime && + ((color$jscomp$0 = eventType ? "secondary-light" : "warning"), + endTime + ? endTime.run( + console.timeStamp.bind( + console, + eventType ? "Consecutive" : "Event: " + eventTime, + isPingedUpdate, + debugTask, + currentTrack, + LANES_TRACK_GROUP, + color$jscomp$0 + ) + ) + : console.timeStamp( + eventType ? "Consecutive" : "Event: " + eventTime, + isPingedUpdate, + debugTask, + currentTrack, + LANES_TRACK_GROUP, + color$jscomp$0 + )), + previousRenderStartTime > debugTask && + (endTime + ? endTime.run( + console.timeStamp.bind( + console, + "Action", + debugTask, + previousRenderStartTime, + currentTrack, + LANES_TRACK_GROUP, + "primary-dark" + ) + ) + : console.timeStamp( + "Action", + debugTask, + previousRenderStartTime, + currentTrack, + LANES_TRACK_GROUP, + "primary-dark" + )), + color > previousRenderStartTime && + ((debugTask = eventIsRepeat + ? "Promise Resolved" + : 5 < color - previousRenderStartTime + ? "Update Blocked" + : "Update"), + (isPingedUpdate = []), + null != isSpawnedUpdate && + isPingedUpdate.push(["Component name", isSpawnedUpdate]), + null != label && isPingedUpdate.push(["Method name", label]), + (previousRenderStartTime = { + start: previousRenderStartTime, + end: color, + detail: { + devtools: { + properties: isPingedUpdate, + track: currentTrack, + trackGroup: LANES_TRACK_GROUP, + color: "primary-light" + } + } + }), + endTime + ? endTime.run( + performance.measure.bind( + performance, + debugTask, + previousRenderStartTime + ) + ) + : performance.measure(debugTask, previousRenderStartTime))), + (transitionUpdateTime = transitionStartTime = -1.1), + (transitionUpdateType = 0), + (transitionSuspendedTime = -1.1), + (transitionEventRepeatTime = transitionEventTime), + (transitionEventTime = -1.1), + (transitionClampTime = now())); + 0 !== (lanes & 62914560) && + 0 !== (animatingLanes & 62914560) && + (setCurrentTrackFromLanes(4194304), + logAnimatingPhase(retryClampTime, renderStartTime, animatingTask)); + 0 !== (lanes & 2080374784) && + 0 !== (animatingLanes & 2080374784) && + (setCurrentTrackFromLanes(268435456), + logAnimatingPhase(idleClampTime, renderStartTime, animatingTask)); + previousRenderStartTime = root.timeoutHandle; + previousRenderStartTime !== noTimeout && + ((root.timeoutHandle = noTimeout), + cancelTimeout(previousRenderStartTime)); + previousRenderStartTime = root.cancelPendingCommit; + null !== previousRenderStartTime && + ((root.cancelPendingCommit = null), previousRenderStartTime()); pendingEffectsLanes = 0; resetWorkInProgressStack(); workInProgressRoot = root; - workInProgress = timeoutHandle = createWorkInProgress(root.current, null); + workInProgress = previousRenderStartTime = createWorkInProgress( + root.current, + null + ); workInProgressRootRenderLanes = lanes; workInProgressSuspendedReason = NotSuspended; workInProgressThrownValue = null; @@ -15498,26 +17284,21 @@ null; workInProgressRootDidIncludeRecursiveRenderUpdate = !1; 0 !== (lanes & 8) && (lanes |= lanes & 32); - var allEntangledLanes = root.entangledLanes; - if (0 !== allEntangledLanes) - for ( - root = root.entanglements, allEntangledLanes &= lanes; - 0 < allEntangledLanes; - - ) { - var index = 31 - clz32(allEntangledLanes), - lane = 1 << index; - lanes |= root[index]; - allEntangledLanes &= ~lane; - } + endTime = root.entangledLanes; + if (0 !== endTime) + for (root = root.entanglements, endTime &= lanes; 0 < endTime; ) + (debugTask = 31 - clz32(endTime)), + (color = 1 << debugTask), + (lanes |= root[debugTask]), + (endTime &= ~color); entangledRenderLanes = lanes; finishQueueingConcurrentUpdates(); - lanes = getCurrentTime(); - 1e3 < lanes - lastResetTime && + root = getCurrentTime(); + 1e3 < root - lastResetTime && ((ReactSharedInternals.recentlyCreatedOwnerStacks = 0), - (lastResetTime = lanes)); + (lastResetTime = root)); ReactStrictModeWarnings.discardPendingWarnings(); - return timeoutHandle; + return previousRenderStartTime; } function handleThrow(root, thrownValue) { currentlyRenderingFiber = null; @@ -15542,43 +17323,14 @@ : SuspendedOnError); workInProgressThrownValue = thrownValue; var erroredWork = workInProgress; - if (null === erroredWork) - (workInProgressRootExitStatus = RootFatalErrored), + null === erroredWork + ? ((workInProgressRootExitStatus = RootFatalErrored), logUncaughtError( root, createCapturedValueAtFiber(thrownValue, root.current) - ); - else - switch ( - (erroredWork.mode & ProfileMode && - stopProfilerTimerIfRunningAndRecordDuration(erroredWork), - markComponentRenderStopped(), - workInProgressSuspendedReason) - ) { - case SuspendedOnError: - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentErrored && - injectedProfilingHooks.markComponentErrored( - erroredWork, - thrownValue, - workInProgressRootRenderLanes - ); - break; - case SuspendedOnData: - case SuspendedOnAction: - case SuspendedOnImmediate: - case SuspendedOnDeprecatedThrowPromise: - case SuspendedAndReadyToContinue: - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentSuspended && - injectedProfilingHooks.markComponentSuspended( - erroredWork, - thrownValue, - workInProgressRootRenderLanes - ); - } + )) + : erroredWork.mode & ProfileMode && + stopProfilerTimerIfRunningAndRecordDuration(erroredWork); } function shouldRemainOnPreviousScreen() { var handler = suspenseHandlerStackCursor.current; @@ -15605,6 +17357,11 @@ ReactSharedInternals.A = DefaultAsyncDispatcher; return prevAsyncDispatcher; } + function markRenderDerivedCause(fiber) { + null === workInProgressUpdateTask && + (workInProgressUpdateTask = + null == fiber._debugTask ? null : fiber._debugTask); + } function renderDidSuspendDelayIfPossible() { workInProgressRootExitStatus = RootSuspendedWithDelay; workInProgressRootDidSkipSuspendedSiblings || @@ -15641,7 +17398,6 @@ workInProgressTransitions = null; prepareFreshStack(root, lanes); } - markRenderStarted(lanes); lanes = !1; memoizedUpdaters = workInProgressRootExitStatus; a: do @@ -15693,7 +17449,6 @@ executionContext = prevExecutionContext; ReactSharedInternals.H = prevDispatcher; ReactSharedInternals.A = prevAsyncDispatcher; - markRenderStopped(); null === workInProgress && ((workInProgressRoot = null), (workInProgressRootRenderLanes = 0), @@ -15727,7 +17482,6 @@ root, lanes ); - markRenderStarted(lanes); a: do try { if ( @@ -15860,14 +17614,7 @@ ReactSharedInternals.H = prevDispatcher; ReactSharedInternals.A = prevAsyncDispatcher; executionContext = prevExecutionContext; - if (null !== workInProgress) - return ( - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markRenderYielded && - injectedProfilingHooks.markRenderYielded(), - RootInProgress - ); - markRenderStopped(); + if (null !== workInProgress) return RootInProgress; workInProgressRoot = null; workInProgressRootRenderLanes = 0; finishQueueingConcurrentUpdates(); @@ -16081,7 +17828,12 @@ didIncludeRenderPhaseUpdate, spawnedLane, updatedLanes, - suspendedRetryLanes + suspendedRetryLanes, + exitStatus, + suspendedState, + suspendedCommitReason, + completedRenderStartTime, + completedRenderEndTime ) { root.cancelPendingCommit = null; do flushPendingEffects(); @@ -16090,11 +17842,33 @@ ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings(); if ((executionContext & (RenderContext | CommitContext)) !== NoContext) throw Error("Should not already be working."); - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markCommitStarted && - injectedProfilingHooks.markCommitStarted(lanes); - if (null === finishedWork) markCommitStopped(); - else { + setCurrentTrackFromLanes(lanes); + exitStatus === RootErrored + ? logErroredRenderPhase( + completedRenderStartTime, + completedRenderEndTime, + lanes, + workInProgressUpdateTask + ) + : null !== recoverableErrors + ? logRecoveredRenderPhase( + completedRenderStartTime, + completedRenderEndTime, + lanes, + recoverableErrors, + null !== finishedWork && + null !== finishedWork.alternate && + finishedWork.alternate.memoizedState.isDehydrated && + 0 !== (finishedWork.flags & 256), + workInProgressUpdateTask + ) + : logRenderPhase( + completedRenderStartTime, + completedRenderEndTime, + lanes, + workInProgressUpdateTask + ); + if (null !== finishedWork) { 0 === lanes && console.error( "finishedLanes should not be empty during a commit. This is a bug in React." @@ -16123,16 +17897,32 @@ pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate; pendingPassiveTransitions = transitions; pendingRecoverableErrors = recoverableErrors; + pendingEffectsRenderEndTime = completedRenderEndTime; + pendingSuspendedCommitReason = suspendedCommitReason; + pendingDelayedCommitReason = IMMEDIATE_COMMIT; + pendingSuspendedViewTransitionReason = null; + 0 !== finishedWork.actualDuration || 0 !== (finishedWork.subtreeFlags & 10256) || 0 !== (finishedWork.flags & 10256) ? ((root.callbackNode = null), (root.callbackPriority = 0), scheduleCallback$1(NormalPriority$1, function () { + schedulerEvent = window.event; + pendingDelayedCommitReason === IMMEDIATE_COMMIT && + (pendingDelayedCommitReason = DELAYED_PASSIVE_COMMIT); flushPassiveEffects(); return null; })) : ((root.callbackNode = null), (root.callbackPriority = 0)); + commitErrors = null; commitStartTime = now(); + null !== suspendedCommitReason && + logSuspendedCommitPhase( + completedRenderEndTime, + commitStartTime, + suspendedCommitReason, + workInProgressUpdateTask + ); recoverableErrors = 0 !== (finishedWork.flags & 13878); if (0 !== (finishedWork.subtreeFlags & 13878) || recoverableErrors) { recoverableErrors = ReactSharedInternals.T; @@ -16175,7 +17965,7 @@ try { inProgressLanes = lanes; inProgressRoot = root; - componentEffectStartTime = -1.1; + resetComponentEffectTimers(); commitMutationEffectsOnFiber(finishedWork, root); inProgressRoot = inProgressLanes = null; lanes = selectionInformation; @@ -16291,11 +18081,40 @@ function flushLayoutEffects() { if (pendingEffectsStatus === PENDING_LAYOUT_PHASE) { pendingEffectsStatus = NO_PENDING_EFFECTS; - var root = pendingEffectsRoot, - finishedWork = pendingFinishedWork, - lanes = pendingEffectsLanes, - rootHasLayoutEffect = 0 !== (finishedWork.flags & 8772); - if (0 !== (finishedWork.subtreeFlags & 8772) || rootHasLayoutEffect) { + var suspendedViewTransitionReason = + pendingSuspendedViewTransitionReason; + if (null !== suspendedViewTransitionReason) { + commitStartTime = now(); + var startTime = commitEndTime, + endTime = commitStartTime; + !supportsUserTiming || + endTime <= startTime || + (animatingTask + ? animatingTask.run( + console.timeStamp.bind( + console, + suspendedViewTransitionReason, + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + ) + ) + : console.timeStamp( + suspendedViewTransitionReason, + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + )); + } + suspendedViewTransitionReason = pendingEffectsRoot; + startTime = pendingFinishedWork; + endTime = pendingEffectsLanes; + var rootHasLayoutEffect = 0 !== (startTime.flags & 8772); + if (0 !== (startTime.subtreeFlags & 8772) || rootHasLayoutEffect) { rootHasLayoutEffect = ReactSharedInternals.T; ReactSharedInternals.T = null; var _previousPriority = ReactDOMSharedInternals.p; @@ -16303,29 +18122,59 @@ var _prevExecutionContext = executionContext; executionContext |= CommitContext; try { - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markLayoutEffectsStarted && - injectedProfilingHooks.markLayoutEffectsStarted(lanes), - (inProgressLanes = lanes), - (inProgressRoot = root), - (componentEffectStartTime = -1.1), + (inProgressLanes = endTime), + (inProgressRoot = suspendedViewTransitionReason), + resetComponentEffectTimers(), commitLayoutEffectOnFiber( - root, - finishedWork.alternate, - finishedWork + suspendedViewTransitionReason, + startTime.alternate, + startTime ), - (inProgressRoot = inProgressLanes = null), - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markLayoutEffectsStopped && - injectedProfilingHooks.markLayoutEffectsStopped(); + (inProgressRoot = inProgressLanes = null); } finally { (executionContext = _prevExecutionContext), (ReactDOMSharedInternals.p = _previousPriority), (ReactSharedInternals.T = rootHasLayoutEffect); } } + suspendedViewTransitionReason = pendingEffectsRenderEndTime; + startTime = pendingSuspendedCommitReason; + commitEndTime = now(); + suspendedViewTransitionReason = + null === startTime ? suspendedViewTransitionReason : commitStartTime; + startTime = commitEndTime; + endTime = pendingDelayedCommitReason === ABORTED_VIEW_TRANSITION_COMMIT; + rootHasLayoutEffect = workInProgressUpdateTask; + null !== commitErrors + ? logCommitErrored( + suspendedViewTransitionReason, + startTime, + commitErrors, + !1, + rootHasLayoutEffect + ) + : !supportsUserTiming || + startTime <= suspendedViewTransitionReason || + (rootHasLayoutEffect + ? rootHasLayoutEffect.run( + console.timeStamp.bind( + console, + endTime ? "Commit Interrupted View Transition" : "Commit", + suspendedViewTransitionReason, + startTime, + currentTrack, + LANES_TRACK_GROUP, + endTime ? "error" : "secondary-dark" + ) + ) + : console.timeStamp( + endTime ? "Commit Interrupted View Transition" : "Commit", + suspendedViewTransitionReason, + startTime, + currentTrack, + LANES_TRACK_GROUP, + endTime ? "error" : "secondary-dark" + )); pendingEffectsStatus = PENDING_AFTER_MUTATION_PHASE; } } @@ -16334,26 +18183,66 @@ pendingEffectsStatus === PENDING_SPAWNED_WORK || pendingEffectsStatus === PENDING_AFTER_MUTATION_PHASE ) { + if (pendingEffectsStatus === PENDING_SPAWNED_WORK) { + var startViewTransitionStartTime = commitEndTime; + commitEndTime = now(); + var endTime = commitEndTime, + abortedViewTransition = + pendingDelayedCommitReason === ABORTED_VIEW_TRANSITION_COMMIT; + !supportsUserTiming || + endTime <= startViewTransitionStartTime || + (animatingTask + ? animatingTask.run( + console.timeStamp.bind( + console, + abortedViewTransition + ? "Interrupted View Transition" + : "Starting Animation", + startViewTransitionStartTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + abortedViewTransition ? "error" : "secondary-light" + ) + ) + : console.timeStamp( + abortedViewTransition + ? "Interrupted View Transition" + : "Starting Animation", + startViewTransitionStartTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + abortedViewTransition ? " error" : "secondary-light" + )); + pendingDelayedCommitReason !== ABORTED_VIEW_TRANSITION_COMMIT && + (pendingDelayedCommitReason = ANIMATION_STARTED_COMMIT); + } pendingEffectsStatus = NO_PENDING_EFFECTS; requestPaint(); - var root = pendingEffectsRoot, - finishedWork = pendingFinishedWork, - lanes = pendingEffectsLanes, - recoverableErrors = pendingRecoverableErrors, - rootDidHavePassiveEffects = - 0 !== (finishedWork.subtreeFlags & 10256) || - 0 !== (finishedWork.flags & 10256); + startViewTransitionStartTime = pendingEffectsRoot; + var finishedWork = pendingFinishedWork; + endTime = pendingEffectsLanes; + abortedViewTransition = pendingRecoverableErrors; + var rootDidHavePassiveEffects = + 0 !== finishedWork.actualDuration || + 0 !== (finishedWork.subtreeFlags & 10256) || + 0 !== (finishedWork.flags & 10256); rootDidHavePassiveEffects ? (pendingEffectsStatus = PENDING_PASSIVE_PHASE) : ((pendingEffectsStatus = NO_PENDING_EFFECTS), (pendingFinishedWork = pendingEffectsRoot = null), - releaseRootPooledCache(root, root.pendingLanes), + releaseRootPooledCache( + startViewTransitionStartTime, + startViewTransitionStartTime.pendingLanes + ), (nestedPassiveUpdateCount = 0), (rootWithPassiveNestedUpdates = null)); - var remainingLanes = root.pendingLanes; + var remainingLanes = startViewTransitionStartTime.pendingLanes; 0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null); - rootDidHavePassiveEffects || commitDoubleInvokeEffectsInDEV(root); - rootDidHavePassiveEffects = lanesToEventPriority(lanes); + rootDidHavePassiveEffects || + commitDoubleInvokeEffectsInDEV(startViewTransitionStartTime); + remainingLanes = lanesToEventPriority(endTime); finishedWork = finishedWork.stateNode; if ( injectedHook && @@ -16361,7 +18250,7 @@ ) try { var didError = 128 === (finishedWork.current.flags & 128); - switch (rootDidHavePassiveEffects) { + switch (remainingLanes) { case DiscreteEventPriority: var schedulerPriority = ImmediatePriority; break; @@ -16391,21 +18280,23 @@ err )); } - isDevToolsPresent && root.memoizedUpdaters.clear(); + isDevToolsPresent && + startViewTransitionStartTime.memoizedUpdaters.clear(); onCommitRoot(); - if (null !== recoverableErrors) { + if (null !== abortedViewTransition) { didError = ReactSharedInternals.T; schedulerPriority = ReactDOMSharedInternals.p; ReactDOMSharedInternals.p = DiscreteEventPriority; ReactSharedInternals.T = null; try { - var onRecoverableError = root.onRecoverableError; + var onRecoverableError = + startViewTransitionStartTime.onRecoverableError; for ( finishedWork = 0; - finishedWork < recoverableErrors.length; + finishedWork < abortedViewTransition.length; finishedWork++ ) { - var recoverableError = recoverableErrors[finishedWork], + var recoverableError = abortedViewTransition[finishedWork], errorInfo = makeErrorInfo(recoverableError.stack); runWithFiberInDEV( recoverableError.source, @@ -16420,16 +18311,17 @@ } } 0 !== (pendingEffectsLanes & 3) && flushPendingEffects(); - ensureRootIsScheduled(root); - remainingLanes = root.pendingLanes; - 0 !== (lanes & 261930) && 0 !== (remainingLanes & 42) + ensureRootIsScheduled(startViewTransitionStartTime); + remainingLanes = startViewTransitionStartTime.pendingLanes; + 0 !== (endTime & 261930) && 0 !== (remainingLanes & 42) ? ((nestedUpdateScheduled = !0), - root === rootWithNestedUpdates + startViewTransitionStartTime === rootWithNestedUpdates ? nestedUpdateCount++ - : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))) + : ((nestedUpdateCount = 0), + (rootWithNestedUpdates = startViewTransitionStartTime))) : (nestedUpdateCount = 0); + rootDidHavePassiveEffects || finalizeRender(endTime, commitEndTime); flushSyncWorkAcrossRoots_impl(0, !1); - markCommitStopped(); } } function makeErrorInfo(componentStack) { @@ -16470,46 +18362,112 @@ try { ReactDOMSharedInternals.p = priority; ReactSharedInternals.T = null; - priority = pendingPassiveTransitions; + var transitions = pendingPassiveTransitions; pendingPassiveTransitions = null; - var root$jscomp$0 = pendingEffectsRoot, - lanes = pendingEffectsLanes; + priority = pendingEffectsRoot; + var lanes = pendingEffectsLanes; pendingEffectsStatus = NO_PENDING_EFFECTS; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; if ((executionContext & (RenderContext | CommitContext)) !== NoContext) throw Error("Cannot flush passive effects while already rendering."); + setCurrentTrackFromLanes(lanes); isFlushingPassiveEffects = !0; didScheduleUpdateDuringPassiveEffects = !1; - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markPassiveEffectsStarted && - injectedProfilingHooks.markPassiveEffectsStarted(lanes); - var prevExecutionContext = executionContext; + var passiveEffectStartTime = 0; + commitErrors = null; + passiveEffectStartTime = now$1(); + if (pendingDelayedCommitReason === ANIMATION_STARTED_COMMIT) + logAnimatingPhase( + commitEndTime, + passiveEffectStartTime, + animatingTask + ); + else { + var startTime = commitEndTime, + endTime = passiveEffectStartTime, + delayedUntilPaint = + pendingDelayedCommitReason === DELAYED_PASSIVE_COMMIT; + !supportsUserTiming || + endTime <= startTime || + (workInProgressUpdateTask + ? workInProgressUpdateTask.run( + console.timeStamp.bind( + console, + delayedUntilPaint ? "Waiting for Paint" : "Waiting", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + ) + ) + : console.timeStamp( + delayedUntilPaint ? "Waiting for Paint" : "Waiting", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + )); + } + startTime = executionContext; executionContext |= CommitContext; - var finishedWork = root$jscomp$0.current; - componentEffectStartTime = -1.1; + var finishedWork = priority.current; + resetComponentEffectTimers(); commitPassiveUnmountOnFiber(finishedWork); - var finishedWork$jscomp$0 = root$jscomp$0.current; - componentEffectStartTime = -1.1; + var finishedWork$jscomp$0 = priority.current; + finishedWork = pendingEffectsRenderEndTime; + resetComponentEffectTimers(); commitPassiveMountOnFiber( - root$jscomp$0, + priority, finishedWork$jscomp$0, lanes, - priority + transitions, + finishedWork ); - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markPassiveEffectsStopped && - injectedProfilingHooks.markPassiveEffectsStopped(); - commitDoubleInvokeEffectsInDEV(root$jscomp$0); - executionContext = prevExecutionContext; + commitDoubleInvokeEffectsInDEV(priority); + executionContext = startTime; + var passiveEffectsEndTime = now$1(); + finishedWork$jscomp$0 = passiveEffectStartTime; + finishedWork = workInProgressUpdateTask; + null !== commitErrors + ? logCommitErrored( + finishedWork$jscomp$0, + passiveEffectsEndTime, + commitErrors, + !0, + finishedWork + ) + : !supportsUserTiming || + passiveEffectsEndTime <= finishedWork$jscomp$0 || + (finishedWork + ? finishedWork.run( + console.timeStamp.bind( + console, + "Remaining Effects", + finishedWork$jscomp$0, + passiveEffectsEndTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-dark" + ) + ) + : console.timeStamp( + "Remaining Effects", + finishedWork$jscomp$0, + passiveEffectsEndTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-dark" + )); + finalizeRender(lanes, passiveEffectsEndTime); flushSyncWorkAcrossRoots_impl(0, !1); didScheduleUpdateDuringPassiveEffects - ? root$jscomp$0 === rootWithPassiveNestedUpdates + ? priority === rootWithPassiveNestedUpdates ? nestedPassiveUpdateCount++ : ((nestedPassiveUpdateCount = 0), - (rootWithPassiveNestedUpdates = root$jscomp$0)) + (rootWithPassiveNestedUpdates = priority)) : (nestedPassiveUpdateCount = 0); didScheduleUpdateDuringPassiveEffects = isFlushingPassiveEffects = !1; if ( @@ -16517,7 +18475,7 @@ "function" === typeof injectedHook.onPostCommitFiberRoot ) try { - injectedHook.onPostCommitFiberRoot(rendererID, root$jscomp$0); + injectedHook.onPostCommitFiberRoot(rendererID, priority); } catch (err) { hasLoggedError || ((hasLoggedError = !0), @@ -16526,7 +18484,7 @@ err )); } - var stateNode = root$jscomp$0.current.stateNode; + var stateNode = priority.current.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; return !0; @@ -16538,6 +18496,7 @@ } function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) { sourceFiber = createCapturedValueAtFiber(error, sourceFiber); + recordEffectError(sourceFiber); sourceFiber = createRootErrorUpdate(rootFiber.stateNode, sourceFiber, 2); rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2); null !== rootFiber && @@ -16571,6 +18530,7 @@ !legacyErrorBoundariesThatAlreadyFailed.has(instance))) ) { sourceFiber = createCapturedValueAtFiber(error, sourceFiber); + recordEffectError(sourceFiber); error = createClassErrorUpdate(2); instance = enqueueUpdate(nearestMountedAncestor, error, 2); null !== instance && @@ -16615,6 +18575,16 @@ null !== pingCache && pingCache.delete(wakeable); root.pingedLanes |= root.suspendedLanes & pingedLanes; root.warmLanes &= ~pingedLanes; + 0 !== (pingedLanes & 127) + ? 0 > blockingUpdateTime && + ((blockingClampTime = blockingUpdateTime = now()), + (blockingUpdateTask = createTask("Promise Resolved")), + (blockingUpdateType = PINGED_UPDATE)) + : 0 !== (pingedLanes & 4194048) && + 0 > transitionUpdateTime && + ((transitionClampTime = transitionUpdateTime = now()), + (transitionUpdateTask = createTask("Promise Resolved")), + (transitionUpdateType = PINGED_UPDATE)); isConcurrentActEnvironment() && null === ReactSharedInternals.actQueue && console.error( @@ -16839,6 +18809,7 @@ } } function processRootScheduleInImmediateTask() { + schedulerEvent = window.event; processRootScheduleInMicrotask(); } function processRootScheduleInMicrotask() { @@ -16952,12 +18923,15 @@ } function performWorkOnRootViaSchedulerTask(root, didTimeout) { nestedUpdateScheduled = currentUpdateIsNested = !1; + schedulerEvent = window.event; if ( pendingEffectsStatus !== NO_PENDING_EFFECTS && pendingEffectsStatus !== PENDING_PASSIVE_PHASE ) return (root.callbackNode = null), (root.callbackPriority = 0), null; var originalCallbackNode = root.callbackNode; + pendingDelayedCommitReason === IMMEDIATE_COMMIT && + (pendingDelayedCommitReason = DELAYED_PASSIVE_COMMIT); if (flushPendingEffects() && root.callbackNode !== originalCallbackNode) return null; var workInProgressRootRenderLanes$jscomp$0 = @@ -20152,6 +22126,14 @@ currentPopstateTransitionEvent = null; return !1; } + function resolveEventType() { + var event = window.event; + return event && event !== schedulerEvent ? event.type : null; + } + function resolveEventTimeStamp() { + var event = window.event; + return event && event !== schedulerEvent ? event.timeStamp : -1.1; + } function handleErrorInNextTick(error) { setTimeout(function () { throw error; @@ -21489,9 +23471,6 @@ err )); } - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markRenderScheduled && - injectedProfilingHooks.markRenderScheduled(lane); parentComponent = getContextForSubtree(parentComponent); null === container.context ? (container.context = parentComponent) @@ -21516,7 +23495,8 @@ (container.callback = callback)); element = enqueueUpdate(rootFiber, container, lane); null !== element && - (scheduleUpdateOnFiber(element, rootFiber, lane), + (startUpdateTimerByLane(lane, "root.render()", null), + scheduleUpdateOnFiber(element, rootFiber, lane), entangleTransitions(element, rootFiber, lane)); } function markRetryLaneImpl(fiber, retryLane) { @@ -21549,14 +23529,6 @@ function getCurrentFiberForDevTools() { return current; } - function getLaneLabelMap() { - for (var map = new Map(), lane = 1, index = 0; 31 > index; index++) { - var label = getLabelForLane(lane); - map.set(lane, label); - lane *= 2; - } - return map; - } function dispatchDiscreteEvent( domEventName, eventSystemFlags, @@ -22281,7 +24253,6 @@ unstable_setDisableYieldValue = Scheduler.unstable_setDisableYieldValue, rendererID = null, injectedHook = null, - injectedProfilingHooks = null, hasLoggedError = !1, isDevToolsPresent = "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__, clz32 = Math.clz32 ? Math.clz32 : clz32Fallback, @@ -23531,6 +25502,39 @@ } console.error(error); }, + OMITTED_PROP_ERROR = + "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.", + EMPTY_ARRAY = 0, + COMPLEX_ARRAY = 1, + PRIMITIVE_ARRAY = 2, + ENTRIES_ARRAY = 3, + REMOVED = "\u2013\u00a0", + ADDED = "+\u00a0", + UNCHANGED = "\u2007\u00a0", + supportsUserTiming = + "undefined" !== typeof console && + "function" === typeof console.timeStamp && + "undefined" !== typeof performance && + "function" === typeof performance.measure, + COMPONENTS_TRACK = "Components \u269b", + LANES_TRACK_GROUP = "Scheduler \u269b", + currentTrack = "Blocking", + alreadyWarnedForDeepEquality = !1, + reusableComponentDevToolDetails = { + color: "primary", + properties: null, + tooltipText: "", + track: COMPONENTS_TRACK + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }, + resuableChangedPropsEntry = ["Changed Props", ""], + DEEP_EQUALITY_WARNING = + "This component received deeply equal props. It might benefit from useMemo or the React Compiler in its owner.", + reusableDeeplyEqualPropsEntry = ["Changed Props", DEEP_EQUALITY_WARNING], OffscreenVisible = 1, OffscreenPassiveEffectsConnected = 2, concurrentQueues = [], @@ -23611,11 +25615,51 @@ _currentRenderer2: null }, now = Scheduler.unstable_now, + createTask = console.createTask + ? console.createTask + : function () { + return null; + }, + SPAWNED_UPDATE = 1, + PINGED_UPDATE = 2, renderStartTime = -0, commitStartTime = -0, + commitEndTime = -0, + commitErrors = null, profilerStartTime = -1.1, profilerEffectDuration = -0, + componentEffectDuration = -0, componentEffectStartTime = -1.1, + componentEffectEndTime = -1.1, + componentEffectErrors = null, + componentEffectSpawnedUpdate = !1, + blockingClampTime = -0, + blockingUpdateTime = -1.1, + blockingUpdateTask = null, + blockingUpdateType = 0, + blockingUpdateMethodName = null, + blockingUpdateComponentName = null, + blockingEventTime = -1.1, + blockingEventType = null, + blockingEventRepeatTime = -1.1, + blockingSuspendedTime = -1.1, + transitionClampTime = -0, + transitionStartTime = -1.1, + transitionUpdateTime = -1.1, + transitionUpdateType = 0, + transitionUpdateTask = null, + transitionUpdateMethodName = null, + transitionUpdateComponentName = null, + transitionEventTime = -1.1, + transitionEventType = null, + transitionEventRepeatTime = -1.1, + transitionSuspendedTime = -1.1, + retryClampTime = -0, + idleClampTime = -0, + animatingLanes = 0, + animatingTask = null, + yieldReason = 0, + yieldStartTime = -1.1, currentUpdateIsNested = !1, nestedUpdateScheduled = !1, currentEntangledListeners = null, @@ -23625,10 +25669,25 @@ prevOnStartTransitionFinish = ReactSharedInternals.S; ReactSharedInternals.S = function (transition, returnValue) { globalMostRecentTransitionTime = now$1(); - "object" === typeof returnValue && + if ( + "object" === typeof returnValue && null !== returnValue && - "function" === typeof returnValue.then && + "function" === typeof returnValue.then + ) { + if (0 > transitionStartTime && 0 > transitionUpdateTime) { + transitionStartTime = now(); + var newEventTime = resolveEventTimeStamp(), + newEventType = resolveEventType(); + if ( + newEventTime !== transitionEventRepeatTime || + newEventType !== transitionEventType + ) + transitionEventRepeatTime = -1.1; + transitionEventTime = newEventTime; + transitionEventType = newEventType; + } entangleAsyncAction(transition, returnValue); + } null !== prevOnStartTransitionFinish && prevOnStartTransitionFinish(transition, returnValue); }; @@ -25139,9 +27198,9 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); payload = enqueueUpdate(inst, update, lane); null !== payload && - (scheduleUpdateOnFiber(payload, inst, lane), + (startUpdateTimerByLane(lane, "this.setState()", inst), + scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane)); - markStateUpdateScheduled(inst, lane); }, enqueueReplaceState: function (inst, payload, callback) { inst = inst._reactInternals; @@ -25154,9 +27213,9 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); payload = enqueueUpdate(inst, update, lane); null !== payload && - (scheduleUpdateOnFiber(payload, inst, lane), + (startUpdateTimerByLane(lane, "this.replaceState()", inst), + scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane)); - markStateUpdateScheduled(inst, lane); }, enqueueForceUpdate: function (inst, callback) { inst = inst._reactInternals; @@ -25168,12 +27227,9 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); callback = enqueueUpdate(inst, update, lane); null !== callback && - (scheduleUpdateOnFiber(callback, inst, lane), + (startUpdateTimerByLane(lane, "this.forceUpdate()", inst), + scheduleUpdateOnFiber(callback, inst, lane), entangleTransitions(callback, inst, lane)); - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markForceUpdateScheduled && - injectedProfilingHooks.markForceUpdateScheduled(inst, lane); } }, componentName = null, @@ -25208,6 +27264,7 @@ hostParent = null, hostParentIsContainer = !1, currentHoistableRoot = null, + inHydratedSubtree = !1, suspenseyCommitFlag = 8192, DefaultAsyncDispatcher = { getCacheForType: function (resourceType) { @@ -25280,7 +27337,12 @@ workInProgressRootRenderTargetTime = Infinity, RENDER_TIMEOUT_MS = 500, workInProgressTransitions = null, + workInProgressUpdateTask = null, legacyErrorBoundariesThatAlreadyFailed = null, + IMMEDIATE_COMMIT = 0, + ABORTED_VIEW_TRANSITION_COMMIT = 1, + DELAYED_PASSIVE_COMMIT = 2, + ANIMATION_STARTED_COMMIT = 3, NO_PENDING_EFFECTS = 0, PENDING_MUTATION_PHASE = 1, PENDING_LAYOUT_PHASE = 2, @@ -25292,8 +27354,12 @@ pendingFinishedWork = null, pendingEffectsLanes = 0, pendingEffectsRemainingLanes = 0, + pendingEffectsRenderEndTime = -0, pendingPassiveTransitions = null, pendingRecoverableErrors = null, + pendingSuspendedCommitReason = null, + pendingDelayedCommitReason = IMMEDIATE_COMMIT, + pendingSuspendedViewTransitionReason = null, NESTED_UPDATE_LIMIT = 50, nestedUpdateCount = 0, rootWithNestedUpdates = null, @@ -25413,6 +27479,7 @@ selectionInformation = null, warnedUnknownTags = { dialog: !0, webview: !0 }, currentPopstateTransitionEvent = null, + schedulerEvent = void 0, scheduleTimeout = "function" === typeof setTimeout ? setTimeout : void 0, cancelTimeout = "function" === typeof clearTimeout ? clearTimeout : void 0, @@ -25854,11 +27921,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-548235db-20251001" !== 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-canary-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -25895,10 +27962,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-canary-ef889445-20250930", + version: "19.2.0-canary-548235db-20251001", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-ef889445-20250930" + reconcilerVersion: "19.2.0-canary-548235db-20251001" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -25914,8 +27981,6 @@ internals.scheduleRoot = scheduleRoot; internals.setRefreshHandler = setRefreshHandler; internals.getCurrentFiber = getCurrentFiberForDevTools; - internals.getLaneLabelMap = getLaneLabelMap; - internals.injectProfilingHooks = injectProfilingHooks; return injectInternals(internals); })() && canUseDOM && @@ -26029,6 +28094,7 @@ identifierPrefix = createUpdate(isStrictMode); identifierPrefix.callback = null; enqueueUpdate(options, identifierPrefix, isStrictMode); + startUpdateTimerByLane(isStrictMode, "hydrateRoot()", null); options = isStrictMode; initialChildren.current.lanes = options; markRootUpdated$1(initialChildren, options); @@ -26037,7 +28103,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.2.0-canary-ef889445-20250930"; + exports.version = "19.2.0-canary-548235db-20251001"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js index 7fe254032d9f66..56a1db6003a575 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js @@ -2044,19 +2044,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$285; + var JSCompiler_inline_result$jscomp$286; if (canUseDOM) { - var isSupported$jscomp$inline_426 = "oninput" in document; - if (!isSupported$jscomp$inline_426) { - var element$jscomp$inline_427 = document.createElement("div"); - element$jscomp$inline_427.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_426 = - "function" === typeof element$jscomp$inline_427.oninput; + var isSupported$jscomp$inline_427 = "oninput" in document; + if (!isSupported$jscomp$inline_427) { + var element$jscomp$inline_428 = document.createElement("div"); + element$jscomp$inline_428.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_427 = + "function" === typeof element$jscomp$inline_428.oninput; } - JSCompiler_inline_result$jscomp$285 = isSupported$jscomp$inline_426; - } else JSCompiler_inline_result$jscomp$285 = !1; + JSCompiler_inline_result$jscomp$286 = isSupported$jscomp$inline_427; + } else JSCompiler_inline_result$jscomp$286 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$285 && + JSCompiler_inline_result$jscomp$286 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -6260,21 +6260,22 @@ function updateOffscreenComponent( }); if ("hidden" === nextProps.mode) { if (0 !== (workInProgress.flags & 128)) { - nextProps = + prevState = null !== prevState ? prevState.baseLanes | renderLanes : renderLanes; if (null !== current) { - nextChildren = workInProgress.child = current.child; - for (prevState = 0; null !== nextChildren; ) - (prevState = - prevState | nextChildren.lanes | nextChildren.childLanes), - (nextChildren = nextChildren.sibling); - workInProgress.childLanes = prevState & ~nextProps; - } else (workInProgress.childLanes = 0), (workInProgress.child = null); + nextProps = workInProgress.child = current.child; + for (nextChildren = 0; null !== nextProps; ) + (nextChildren = + nextChildren | nextProps.lanes | nextProps.childLanes), + (nextProps = nextProps.sibling); + nextProps = nextChildren & ~prevState; + } else (nextProps = 0), (workInProgress.child = null); return deferHiddenOffscreenComponent( current, workInProgress, - nextProps, - renderLanes + prevState, + renderLanes, + nextProps ); } if (0 !== (renderLanes & 536870912)) @@ -6290,12 +6291,13 @@ function updateOffscreenComponent( pushOffscreenSuspenseHandler(workInProgress); else return ( - (workInProgress.lanes = workInProgress.childLanes = 536870912), + (nextProps = workInProgress.lanes = 536870912), deferHiddenOffscreenComponent( current, workInProgress, null !== prevState ? prevState.baseLanes | renderLanes : renderLanes, - renderLanes + renderLanes, + nextProps ) ); } else @@ -6325,7 +6327,8 @@ function deferHiddenOffscreenComponent( current, workInProgress, nextBaseLanes, - renderLanes + renderLanes, + remainingChildLanes ) { var JSCompiler_inline_result = peekCacheFromPool(); JSCompiler_inline_result = @@ -6341,6 +6344,7 @@ function deferHiddenOffscreenComponent( pushOffscreenSuspenseHandler(workInProgress); null !== current && propagateParentContextChanges(current, workInProgress, renderLanes, !0); + workInProgress.childLanes = remainingChildLanes; return null; } function mountActivityChildren(workInProgress, nextProps) { @@ -7322,9 +7326,9 @@ function attemptEarlyBailoutIfNoScheduledUpdate( ); break; case 13: - var state$101 = workInProgress.memoizedState; - if (null !== state$101) { - if (null !== state$101.dehydrated) + var state$102 = workInProgress.memoizedState; + if (null !== state$102) { + if (null !== state$102.dehydrated) return ( pushPrimaryTreeSuspenseHandler(workInProgress), (workInProgress.flags |= 128), @@ -7344,17 +7348,17 @@ function attemptEarlyBailoutIfNoScheduledUpdate( break; case 19: var didSuspendBefore = 0 !== (current.flags & 128); - state$101 = 0 !== (renderLanes & workInProgress.childLanes); - state$101 || + state$102 = 0 !== (renderLanes & workInProgress.childLanes); + state$102 || (propagateParentContextChanges( current, workInProgress, renderLanes, !1 ), - (state$101 = 0 !== (renderLanes & workInProgress.childLanes))); + (state$102 = 0 !== (renderLanes & workInProgress.childLanes))); if (didSuspendBefore) { - if (state$101) + if (state$102) return updateSuspenseListComponent( current, workInProgress, @@ -7368,7 +7372,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate( (didSuspendBefore.tail = null), (didSuspendBefore.lastEffect = null)); push(suspenseStackCursor, suspenseStackCursor.current); - if (state$101) break; + if (state$102) break; else return null; case 22: return ( @@ -7914,14 +7918,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { break; case "collapsed": lastTailNode = renderState.tail; - for (var lastTailNode$105 = null; null !== lastTailNode; ) - null !== lastTailNode.alternate && (lastTailNode$105 = lastTailNode), + for (var lastTailNode$106 = null; null !== lastTailNode; ) + null !== lastTailNode.alternate && (lastTailNode$106 = lastTailNode), (lastTailNode = lastTailNode.sibling); - null === lastTailNode$105 + null === lastTailNode$106 ? hasRenderedATailFallback || null === renderState.tail ? (renderState.tail = null) : (renderState.tail.sibling = null) - : (lastTailNode$105.sibling = null); + : (lastTailNode$106.sibling = null); } } function bubbleProperties(completedWork) { @@ -7931,19 +7935,19 @@ function bubbleProperties(completedWork) { newChildLanes = 0, subtreeFlags = 0; if (didBailout) - for (var child$106 = completedWork.child; null !== child$106; ) - (newChildLanes |= child$106.lanes | child$106.childLanes), - (subtreeFlags |= child$106.subtreeFlags & 65011712), - (subtreeFlags |= child$106.flags & 65011712), - (child$106.return = completedWork), - (child$106 = child$106.sibling); + for (var child$107 = completedWork.child; null !== child$107; ) + (newChildLanes |= child$107.lanes | child$107.childLanes), + (subtreeFlags |= child$107.subtreeFlags & 65011712), + (subtreeFlags |= child$107.flags & 65011712), + (child$107.return = completedWork), + (child$107 = child$107.sibling); else - for (child$106 = completedWork.child; null !== child$106; ) - (newChildLanes |= child$106.lanes | child$106.childLanes), - (subtreeFlags |= child$106.subtreeFlags), - (subtreeFlags |= child$106.flags), - (child$106.return = completedWork), - (child$106 = child$106.sibling); + for (child$107 = completedWork.child; null !== child$107; ) + (newChildLanes |= child$107.lanes | child$107.childLanes), + (subtreeFlags |= child$107.subtreeFlags), + (subtreeFlags |= child$107.flags), + (child$107.return = completedWork), + (child$107 = child$107.sibling); completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; @@ -8692,8 +8696,8 @@ function safelyDetachRef(current, nearestMountedAncestor) { else if ("function" === typeof ref) try { ref(null); - } catch (error$139) { - captureCommitPhaseError(current, nearestMountedAncestor, error$139); + } catch (error$140) { + captureCommitPhaseError(current, nearestMountedAncestor, error$140); } else ref.current = null; } @@ -9031,11 +9035,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$138) { + } catch (error$139) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$138 + error$139 ); } } @@ -9860,20 +9864,20 @@ function commitReconciliationEffects(finishedWork) { insertOrAppendPlacementNode(finishedWork, before, parent); break; case 5: - var parent$140 = hostParentFiber.stateNode; + var parent$141 = hostParentFiber.stateNode; hostParentFiber.flags & 32 && - (setTextContent(parent$140, ""), (hostParentFiber.flags &= -33)); - var before$141 = getHostSibling(finishedWork); - insertOrAppendPlacementNode(finishedWork, before$141, parent$140); + (setTextContent(parent$141, ""), (hostParentFiber.flags &= -33)); + var before$142 = getHostSibling(finishedWork); + insertOrAppendPlacementNode(finishedWork, before$142, parent$141); break; case 3: case 4: - var parent$142 = hostParentFiber.stateNode.containerInfo, - before$143 = getHostSibling(finishedWork); + var parent$143 = hostParentFiber.stateNode.containerInfo, + before$144 = getHostSibling(finishedWork); insertOrAppendPlacementNodeIntoContainer( finishedWork, - before$143, - parent$142 + before$144, + parent$143 ); break; default: @@ -11159,8 +11163,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) { workLoopSync(); exitStatus = workInProgressRootExitStatus; break; - } catch (thrownValue$164) { - handleThrow(root, thrownValue$164); + } catch (thrownValue$165) { + handleThrow(root, thrownValue$165); } while (1); lanes && root.shellSuspendCounter++; @@ -11279,8 +11283,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrentByScheduler(); break; - } catch (thrownValue$166) { - handleThrow(root, thrownValue$166); + } catch (thrownValue$167) { + handleThrow(root, thrownValue$167); } while (1); lastContextDependency = currentlyRenderingFiber$1 = null; @@ -11916,14 +11920,14 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$169 = firstScheduledRoot; null !== root$169; ) { + for (var root$170 = firstScheduledRoot; null !== root$170; ) { if (!onlyLegacy) if (0 !== syncTransitionLanes) { - var pendingLanes = root$169.pendingLanes; + var pendingLanes = root$170.pendingLanes; if (0 === pendingLanes) var JSCompiler_inline_result = 0; else { - var suspendedLanes = root$169.suspendedLanes, - pingedLanes = root$169.pingedLanes; + var suspendedLanes = root$170.suspendedLanes, + pingedLanes = root$170.pingedLanes; JSCompiler_inline_result = (1 << (31 - clz32(42 | syncTransitionLanes) + 1)) - 1; JSCompiler_inline_result &= @@ -11937,20 +11941,20 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { } 0 !== JSCompiler_inline_result && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$169, JSCompiler_inline_result)); + performSyncWorkOnRoot(root$170, JSCompiler_inline_result)); } else (JSCompiler_inline_result = workInProgressRootRenderLanes), (JSCompiler_inline_result = getNextLanes( - root$169, - root$169 === workInProgressRoot ? JSCompiler_inline_result : 0, - null !== root$169.cancelPendingCommit || - -1 !== root$169.timeoutHandle + root$170, + root$170 === workInProgressRoot ? JSCompiler_inline_result : 0, + null !== root$170.cancelPendingCommit || + -1 !== root$170.timeoutHandle )), 0 === (JSCompiler_inline_result & 3) || - checkIfRootIsPrerendering(root$169, JSCompiler_inline_result) || + checkIfRootIsPrerendering(root$170, JSCompiler_inline_result) || ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$169, JSCompiler_inline_result)); - root$169 = root$169.next; + performSyncWorkOnRoot(root$170, JSCompiler_inline_result)); + root$170 = root$170.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -12198,20 +12202,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1576 = 0; - i$jscomp$inline_1576 < simpleEventPluginEvents.length; - i$jscomp$inline_1576++ + var i$jscomp$inline_1577 = 0; + i$jscomp$inline_1577 < simpleEventPluginEvents.length; + i$jscomp$inline_1577++ ) { - var eventName$jscomp$inline_1577 = - simpleEventPluginEvents[i$jscomp$inline_1576], - domEventName$jscomp$inline_1578 = - eventName$jscomp$inline_1577.toLowerCase(), - capitalizedEvent$jscomp$inline_1579 = - eventName$jscomp$inline_1577[0].toUpperCase() + - eventName$jscomp$inline_1577.slice(1); + var eventName$jscomp$inline_1578 = + simpleEventPluginEvents[i$jscomp$inline_1577], + domEventName$jscomp$inline_1579 = + eventName$jscomp$inline_1578.toLowerCase(), + capitalizedEvent$jscomp$inline_1580 = + eventName$jscomp$inline_1578[0].toUpperCase() + + eventName$jscomp$inline_1578.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1578, - "on" + capitalizedEvent$jscomp$inline_1579 + domEventName$jscomp$inline_1579, + "on" + capitalizedEvent$jscomp$inline_1580 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -13385,34 +13389,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$183 = props[hasSrc]; - if (null != propValue$183) + var propValue$184 = props[hasSrc]; + if (null != propValue$184) switch (hasSrc) { case "name": - hasSrcSet = propValue$183; + hasSrcSet = propValue$184; break; case "type": - propValue = propValue$183; + propValue = propValue$184; break; case "checked": - checked = propValue$183; + checked = propValue$184; break; case "defaultChecked": - defaultChecked = propValue$183; + defaultChecked = propValue$184; break; case "value": - propKey = propValue$183; + propKey = propValue$184; break; case "defaultValue": - defaultValue = propValue$183; + defaultValue = propValue$184; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$183) + if (null != propValue$184) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$183, props, null); + setProp(domElement, tag, hasSrc, propValue$184, props, null); } } initInput( @@ -13549,14 +13553,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$183 in props) - props.hasOwnProperty(propValue$183) && - ((hasSrc = props[propValue$183]), + for (propValue$184 in props) + props.hasOwnProperty(propValue$184) && + ((hasSrc = props[propValue$184]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$183, + propValue$184, hasSrc, props, void 0 @@ -13604,14 +13608,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$200 in nextProps) { - var propKey = nextProps[propKey$200]; - lastProp = lastProps[propKey$200]; + for (var propKey$201 in nextProps) { + var propKey = nextProps[propKey$201]; + lastProp = lastProps[propKey$201]; if ( - nextProps.hasOwnProperty(propKey$200) && + nextProps.hasOwnProperty(propKey$201) && (null != propKey || null != lastProp) ) - switch (propKey$200) { + switch (propKey$201) { case "type": type = propKey; break; @@ -13640,7 +13644,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$200, + propKey$201, propKey, nextProps, lastProp @@ -13659,7 +13663,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$200 = null; + propKey = value = defaultValue = propKey$201 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -13690,7 +13694,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (name) { case "value": - propKey$200 = type; + propKey$201 = type; break; case "defaultValue": defaultValue = type; @@ -13711,15 +13715,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$200 - ? updateOptions(domElement, !!lastProps, propKey$200, !1) + null != propKey$201 + ? updateOptions(domElement, !!lastProps, propKey$201, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$200 = null; + propKey = propKey$201 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -13743,7 +13747,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (value) { case "value": - propKey$200 = name; + propKey$201 = name; break; case "defaultValue": propKey = name; @@ -13757,17 +13761,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$200, propKey); + updateTextarea(domElement, propKey$201, propKey); return; case "option": - for (var propKey$216 in lastProps) + for (var propKey$217 in lastProps) if ( - ((propKey$200 = lastProps[propKey$216]), - lastProps.hasOwnProperty(propKey$216) && - null != propKey$200 && - !nextProps.hasOwnProperty(propKey$216)) + ((propKey$201 = lastProps[propKey$217]), + lastProps.hasOwnProperty(propKey$217) && + null != propKey$201 && + !nextProps.hasOwnProperty(propKey$217)) ) - switch (propKey$216) { + switch (propKey$217) { case "selected": domElement.selected = !1; break; @@ -13775,33 +13779,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$216, + propKey$217, null, nextProps, - propKey$200 + propKey$201 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$200 = nextProps[lastDefaultValue]), + ((propKey$201 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$200 !== propKey && - (null != propKey$200 || null != propKey)) + propKey$201 !== propKey && + (null != propKey$201 || null != propKey)) ) switch (lastDefaultValue) { case "selected": domElement.selected = - propKey$200 && - "function" !== typeof propKey$200 && - "symbol" !== typeof propKey$200; + propKey$201 && + "function" !== typeof propKey$201 && + "symbol" !== typeof propKey$201; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$200, + propKey$201, nextProps, propKey ); @@ -13822,24 +13826,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$221 in lastProps) - (propKey$200 = lastProps[propKey$221]), - lastProps.hasOwnProperty(propKey$221) && - null != propKey$200 && - !nextProps.hasOwnProperty(propKey$221) && - setProp(domElement, tag, propKey$221, null, nextProps, propKey$200); + for (var propKey$222 in lastProps) + (propKey$201 = lastProps[propKey$222]), + lastProps.hasOwnProperty(propKey$222) && + null != propKey$201 && + !nextProps.hasOwnProperty(propKey$222) && + setProp(domElement, tag, propKey$222, null, nextProps, propKey$201); for (checked in nextProps) if ( - ((propKey$200 = nextProps[checked]), + ((propKey$201 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$200 !== propKey && - (null != propKey$200 || null != propKey)) + propKey$201 !== propKey && + (null != propKey$201 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$200) + if (null != propKey$201) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -13847,7 +13851,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$200, + propKey$201, nextProps, propKey ); @@ -13855,49 +13859,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$226 in lastProps) - (propKey$200 = lastProps[propKey$226]), - lastProps.hasOwnProperty(propKey$226) && - void 0 !== propKey$200 && - !nextProps.hasOwnProperty(propKey$226) && + for (var propKey$227 in lastProps) + (propKey$201 = lastProps[propKey$227]), + lastProps.hasOwnProperty(propKey$227) && + void 0 !== propKey$201 && + !nextProps.hasOwnProperty(propKey$227) && setPropOnCustomElement( domElement, tag, - propKey$226, + propKey$227, void 0, nextProps, - propKey$200 + propKey$201 ); for (defaultChecked in nextProps) - (propKey$200 = nextProps[defaultChecked]), + (propKey$201 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$200 === propKey || - (void 0 === propKey$200 && void 0 === propKey) || + propKey$201 === propKey || + (void 0 === propKey$201 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$200, + propKey$201, nextProps, propKey ); return; } } - for (var propKey$231 in lastProps) - (propKey$200 = lastProps[propKey$231]), - lastProps.hasOwnProperty(propKey$231) && - null != propKey$200 && - !nextProps.hasOwnProperty(propKey$231) && - setProp(domElement, tag, propKey$231, null, nextProps, propKey$200); + for (var propKey$232 in lastProps) + (propKey$201 = lastProps[propKey$232]), + lastProps.hasOwnProperty(propKey$232) && + null != propKey$201 && + !nextProps.hasOwnProperty(propKey$232) && + setProp(domElement, tag, propKey$232, null, nextProps, propKey$201); for (lastProp in nextProps) - (propKey$200 = nextProps[lastProp]), + (propKey$201 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$200 === propKey || - (null == propKey$200 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$200, nextProps, propKey); + propKey$201 === propKey || + (null == propKey$201 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$201, nextProps, propKey); } function isLikelyStaticResource(initiatorType) { switch (initiatorType) { @@ -14632,26 +14636,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$242 = getResourcesFromRoot( + var styles$243 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$243 = styles$242.get(type); - resource$243 || + resource$244 = styles$243.get(type); + resource$244 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$243 = { + (resource$244 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$242.set(type, resource$243), - (styles$242 = JSCompiler_inline_result.querySelector( + styles$243.set(type, resource$244), + (styles$243 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$242._p && - ((resource$243.instance = styles$242), - (resource$243.state.loading = 5)), + !styles$243._p && + ((resource$244.instance = styles$243), + (resource$244.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -14664,16 +14668,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$242 || + styles$243 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$243.state + resource$244.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$243; + return resource$244; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -14770,37 +14774,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$248 = hoistableRoot.querySelector( + var instance$249 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$248) + if (instance$249) return ( (resource.state.loading |= 4), - (resource.instance = instance$248), - markNodeAsHoistable(instance$248), - instance$248 + (resource.instance = instance$249), + markNodeAsHoistable(instance$249), + instance$249 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$248 = ( + instance$249 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$248); - var linkInstance = instance$248; + markNodeAsHoistable(instance$249); + var linkInstance = instance$249; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$248, "link", instance); + setInitialProperties(instance$249, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$248, props.precedence, hoistableRoot); - return (resource.instance = instance$248); + insertStylesheet(instance$249, props.precedence, hoistableRoot); + return (resource.instance = instance$249); case "script": - instance$248 = getScriptKey(props.src); + instance$249 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$248) + getScriptSelectorFromKey(instance$249) )) ) return ( @@ -14809,7 +14813,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$248))) + if ((styleProps = preloadPropsMap.get(instance$249))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -15910,16 +15914,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1839 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1840 = React.version; if ( - "19.2.0-canary-ef889445-20250930" !== - isomorphicReactPackageVersion$jscomp$inline_1839 + "19.2.0-canary-548235db-20251001" !== + isomorphicReactPackageVersion$jscomp$inline_1840 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1839, - "19.2.0-canary-ef889445-20250930" + isomorphicReactPackageVersion$jscomp$inline_1840, + "19.2.0-canary-548235db-20251001" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -15939,24 +15943,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2346 = { +var internals$jscomp$inline_2347 = { bundleType: 0, - version: "19.2.0-canary-ef889445-20250930", + version: "19.2.0-canary-548235db-20251001", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-ef889445-20250930" + reconcilerVersion: "19.2.0-canary-548235db-20251001" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2347 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2348 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2347.isDisabled && - hook$jscomp$inline_2347.supportsFiber + !hook$jscomp$inline_2348.isDisabled && + hook$jscomp$inline_2348.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2347.inject( - internals$jscomp$inline_2346 + (rendererID = hook$jscomp$inline_2348.inject( + internals$jscomp$inline_2347 )), - (injectedHook = hook$jscomp$inline_2347); + (injectedHook = hook$jscomp$inline_2348); } catch (err) {} } exports.createRoot = function (container, options) { @@ -16042,4 +16046,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.2.0-canary-ef889445-20250930"; +exports.version = "19.2.0-canary-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js index 8e89366077adf5..c8d5df8df19539 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js @@ -977,61 +977,10 @@ )); } } - function injectProfilingHooks(profilingHooks) { - injectedProfilingHooks = profilingHooks; - } - function markCommitStopped() { - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markCommitStopped && - injectedProfilingHooks.markCommitStopped(); - } - function markComponentRenderStarted(fiber) { - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentRenderStarted && - injectedProfilingHooks.markComponentRenderStarted(fiber); - } - function markComponentRenderStopped() { - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentRenderStopped && - injectedProfilingHooks.markComponentRenderStopped(); - } - function markRenderStarted(lanes) { - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markRenderStarted && - injectedProfilingHooks.markRenderStarted(lanes); - } - function markRenderStopped() { - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markRenderStopped && - injectedProfilingHooks.markRenderStopped(); - } - function markStateUpdateScheduled(fiber, lane) { - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markStateUpdateScheduled && - injectedProfilingHooks.markStateUpdateScheduled(fiber, lane); - } function clz32Fallback(x) { x >>>= 0; return 0 === x ? 32 : (31 - ((log(x) / LN2) | 0)) | 0; } - function getLabelForLane(lane) { - if (lane & 1) return "SyncHydrationLane"; - if (lane & 2) return "Sync"; - if (lane & 4) return "InputContinuousHydration"; - if (lane & 8) return "InputContinuous"; - if (lane & 16) return "DefaultHydration"; - if (lane & 32) return "Default"; - if (lane & 128) return "TransitionHydration"; - if (lane & 4194048) return "Transition"; - if (lane & 62914560) return "Retry"; - if (lane & 67108864) return "SelectiveHydration"; - if (lane & 134217728) return "IdleHydration"; - if (lane & 268435456) return "Idle"; - if (lane & 536870912) return "Offscreen"; - if (lane & 1073741824) return "Deferred"; - } function getHighestPriorityLanes(lanes) { var pendingSyncLanes = lanes & 42; if (0 !== pendingSyncLanes) return pendingSyncLanes; @@ -3814,6 +3763,795 @@ topLevelEventsToReactNames.set(domEventName, reactName); registerTwoPhaseEvent(reactName, [domEventName]); } + function getArrayKind(array) { + for (var kind = EMPTY_ARRAY, i = 0; i < array.length; i++) { + var value = array[i]; + if ("object" === typeof value && null !== value) + if ( + isArrayImpl(value) && + 2 === value.length && + "string" === typeof value[0] + ) { + if (kind !== EMPTY_ARRAY && kind !== ENTRIES_ARRAY) + return COMPLEX_ARRAY; + kind = ENTRIES_ARRAY; + } else return COMPLEX_ARRAY; + else { + if ( + "function" === typeof value || + ("string" === typeof value && 50 < value.length) || + (kind !== EMPTY_ARRAY && kind !== PRIMITIVE_ARRAY) + ) + return COMPLEX_ARRAY; + kind = PRIMITIVE_ARRAY; + } + } + return kind; + } + function addObjectToProperties(object, properties, indent, prefix) { + for (var key in object) + hasOwnProperty.call(object, key) && + "_" !== key[0] && + addValueToProperties(key, object[key], properties, indent, prefix); + } + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { + switch (typeof value) { + case "object": + if (null === value) { + value = "null"; + break; + } else { + if (value.$$typeof === REACT_ELEMENT_TYPE) { + var typeName = getComponentNameFromType(value.type) || "\u2026", + key = value.key; + value = value.props; + var propsKeys = Object.keys(value), + propsLength = propsKeys.length; + if (null == key && 0 === propsLength) { + value = "<" + typeName + " />"; + break; + } + if ( + 3 > indent || + (1 === propsLength && + "children" === propsKeys[0] && + null == key) + ) { + value = "<" + typeName + " \u2026 />"; + break; + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "<" + typeName + ]); + null !== key && + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); + propertyName = !1; + for (var propKey in value) + "children" === propKey + ? null != value.children && + (!isArrayImpl(value.children) || + 0 < value.children.length) && + (propertyName = !0) + : hasOwnProperty.call(value, propKey) && + "_" !== propKey[0] && + addValueToProperties( + propKey, + value[propKey], + properties, + indent + 1, + prefix + ); + properties.push([ + "", + propertyName ? ">\u2026" : "/>" + ]); + return; + } + typeName = Object.prototype.toString.call(value); + typeName = typeName.slice(8, typeName.length - 1); + if ("Array" === typeName) + if ( + ((propKey = getArrayKind(value)), + propKey === PRIMITIVE_ARRAY || propKey === EMPTY_ARRAY) + ) { + value = JSON.stringify(value); + break; + } else if (propKey === ENTRIES_ARRAY) { + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "" + ]); + for ( + propertyName = 0; + propertyName < value.length; + propertyName++ + ) + (typeName = value[propertyName]), + addValueToProperties( + typeName[0], + typeName[1], + properties, + indent + 1, + prefix + ); + return; + } + if ("Promise" === typeName) { + if ("fulfilled" === value.status) { + if ( + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.value, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = + "Promise<" + (properties[1] || "Object") + ">"; + return; + } + } else if ( + "rejected" === value.status && + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.reason, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = "Rejected Promise<" + properties[1] + ">"; + return; + } + properties.push([ + "\u00a0\u00a0".repeat(indent) + propertyName, + "Promise" + ]); + return; + } + "Object" === typeName && + (propKey = Object.getPrototypeOf(value)) && + "function" === typeof propKey.constructor && + (typeName = propKey.constructor.name); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName + ]); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); + return; + } + case "function": + value = "" === value.name ? "() => {}" : value.name + "() {}"; + break; + case "string": + value = + value === OMITTED_PROP_ERROR ? "\u2026" : JSON.stringify(value); + break; + case "undefined": + value = "undefined"; + break; + case "boolean": + value = value ? "true" : "false"; + break; + default: + value = String(value); + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); + } + function addObjectDiffToProperties(prev, next, properties, indent) { + var isDeeplyEqual = !0; + for (key in prev) + key in next || + (properties.push([ + REMOVED + "\u00a0\u00a0".repeat(indent) + key, + "\u2026" + ]), + (isDeeplyEqual = !1)); + for (var _key in next) + if (_key in prev) { + var key = prev[_key]; + var nextValue = next[_key]; + if (key !== nextValue) { + if (0 === indent && "children" === _key) + (isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key), + properties.push( + [REMOVED + isDeeplyEqual, "\u2026"], + [ADDED + isDeeplyEqual, "\u2026"] + ); + else { + if (!(3 <= indent)) + if ( + "object" === typeof key && + "object" === typeof nextValue && + null !== key && + null !== nextValue && + key.$$typeof === nextValue.$$typeof + ) + if (nextValue.$$typeof === REACT_ELEMENT_TYPE) { + if ( + key.type === nextValue.type && + key.key === nextValue.key + ) { + key = + getComponentNameFromType(nextValue.type) || "\u2026"; + isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key; + key = "<" + key + " \u2026 />"; + properties.push( + [REMOVED + isDeeplyEqual, key], + [ADDED + isDeeplyEqual, key] + ); + isDeeplyEqual = !1; + continue; + } + } else { + var prevKind = Object.prototype.toString.call(key), + nextKind = Object.prototype.toString.call(nextValue); + if ( + prevKind === nextKind && + ("[object Object]" === nextKind || + "[object Array]" === nextKind) + ) { + prevKind = [ + UNCHANGED + "\u00a0\u00a0".repeat(indent) + _key, + "[object Array]" === nextKind ? "Array" : "" + ]; + properties.push(prevKind); + nextKind = properties.length; + addObjectDiffToProperties( + key, + nextValue, + properties, + indent + 1 + ) + ? nextKind === properties.length && + (prevKind[1] = + "Referentially unequal but deeply equal objects. Consider memoization.") + : (isDeeplyEqual = !1); + continue; + } + } + else if ( + "function" === typeof key && + "function" === typeof nextValue && + key.name === nextValue.name && + key.length === nextValue.length && + ((prevKind = Function.prototype.toString.call(key)), + (nextKind = Function.prototype.toString.call(nextValue)), + prevKind === nextKind) + ) { + key = + "" === nextValue.name + ? "() => {}" + : nextValue.name + "() {}"; + properties.push([ + UNCHANGED + "\u00a0\u00a0".repeat(indent) + _key, + key + + " Referentially unequal function closure. Consider memoization." + ]); + continue; + } + addValueToProperties(_key, key, properties, indent, REMOVED); + addValueToProperties(_key, nextValue, properties, indent, ADDED); + } + isDeeplyEqual = !1; + } + } else + properties.push([ + ADDED + "\u00a0\u00a0".repeat(indent) + _key, + "\u2026" + ]), + (isDeeplyEqual = !1); + return isDeeplyEqual; + } + function setCurrentTrackFromLanes(lanes) { + currentTrack = + lanes & 63 + ? "Blocking" + : lanes & 64 + ? "Gesture" + : lanes & 4194176 + ? "Transition" + : lanes & 62914560 + ? "Suspense" + : lanes & 2080374784 + ? "Idle" + : "Other"; + } + function logComponentTrigger(fiber, startTime, endTime, trigger) { + supportsUserTiming && + ((reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = trigger), + (reusableComponentDevToolDetails.properties = null), + (fiber = fiber._debugTask) + ? fiber.run( + performance.measure.bind( + performance, + trigger, + reusableComponentOptions + ) + ) + : performance.measure(trigger, reusableComponentOptions)); + } + function logComponentReappeared(fiber, startTime, endTime) { + logComponentTrigger(fiber, startTime, endTime, "Reconnect"); + } + function logComponentRender( + fiber, + startTime, + endTime, + wasHydrated, + committedLanes + ) { + var name = getComponentNameFromFiber(fiber); + if (null !== name && supportsUserTiming) { + var alternate = fiber.alternate, + selfTime = fiber.actualDuration; + if (null === alternate || alternate.child !== fiber.child) + for (var child = fiber.child; null !== child; child = child.sibling) + selfTime -= child.actualDuration; + wasHydrated = + 0.5 > selfTime + ? wasHydrated + ? "tertiary-light" + : "primary-light" + : 10 > selfTime + ? wasHydrated + ? "tertiary" + : "primary" + : 100 > selfTime + ? wasHydrated + ? "tertiary-dark" + : "primary-dark" + : "error"; + var props = fiber.memoizedProps; + selfTime = fiber._debugTask; + null !== props && + null !== alternate && + alternate.memoizedProps !== props + ? ((child = [resuableChangedPropsEntry]), + (props = addObjectDiffToProperties( + alternate.memoizedProps, + props, + child, + 0 + )), + 1 < child.length && + (props && + !alreadyWarnedForDeepEquality && + 0 === (alternate.lanes & committedLanes) && + 100 < fiber.actualDuration + ? ((alreadyWarnedForDeepEquality = !0), + (child[0] = reusableDeeplyEqualPropsEntry), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = + DEEP_EQUALITY_WARNING)) + : ((reusableComponentDevToolDetails.color = wasHydrated), + (reusableComponentDevToolDetails.tooltipText = name)), + (reusableComponentDevToolDetails.properties = child), + (reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + null != selfTime + ? selfTime.run( + performance.measure.bind( + performance, + "\u200b" + name, + reusableComponentOptions + ) + ) + : performance.measure( + "\u200b" + name, + reusableComponentOptions + ))) + : null != selfTime + ? selfTime.run( + console.timeStamp.bind( + console, + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + wasHydrated + ) + ) + : console.timeStamp( + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + wasHydrated + ); + } + } + function logComponentErrored(fiber, startTime, endTime, errors) { + if (supportsUserTiming) { + var name = getComponentNameFromFiber(fiber); + if (null !== name) { + for ( + var debugTask = null, properties = [], i = 0; + i < errors.length; + i++ + ) { + var capturedValue = errors[i]; + null == debugTask && + null !== capturedValue.source && + (debugTask = capturedValue.source._debugTask); + capturedValue = capturedValue.value; + properties.push([ + "Error", + "object" === typeof capturedValue && + null !== capturedValue && + "string" === typeof capturedValue.message + ? String(capturedValue.message) + : String(capturedValue) + ]); + } + null !== fiber.key && + addValueToProperties("key", fiber.key, properties, 0, ""); + null !== fiber.memoizedProps && + addObjectToProperties(fiber.memoizedProps, properties, 0, ""); + null == debugTask && (debugTask = fiber._debugTask); + fiber = { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: COMPONENTS_TRACK, + tooltipText: + 13 === fiber.tag + ? "Hydration failed" + : "Error boundary caught an error", + properties: properties + } + } + }; + debugTask + ? debugTask.run( + performance.measure.bind(performance, "\u200b" + name, fiber) + ) + : performance.measure("\u200b" + name, fiber); + } + } + } + function logComponentEffect(fiber, startTime, endTime, selfTime, errors) { + if (null !== errors) { + if (supportsUserTiming) { + var name = getComponentNameFromFiber(fiber); + if (null !== name) { + selfTime = []; + for (var i = 0; i < errors.length; i++) { + var error = errors[i].value; + selfTime.push([ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + null !== fiber.key && + addValueToProperties("key", fiber.key, selfTime, 0, ""); + null !== fiber.memoizedProps && + addObjectToProperties(fiber.memoizedProps, selfTime, 0, ""); + startTime = { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: COMPONENTS_TRACK, + tooltipText: "A lifecycle or effect errored", + properties: selfTime + } + } + }; + (fiber = fiber._debugTask) + ? fiber.run( + performance.measure.bind( + performance, + "\u200b" + name, + startTime + ) + ) + : performance.measure("\u200b" + name, startTime); + } + } + } else + (name = getComponentNameFromFiber(fiber)), + null !== name && + supportsUserTiming && + ((errors = + 1 > selfTime + ? "secondary-light" + : 100 > selfTime + ? "secondary" + : 500 > selfTime + ? "secondary-dark" + : "error"), + (fiber = fiber._debugTask) + ? fiber.run( + console.timeStamp.bind( + console, + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + errors + ) + ) + : console.timeStamp( + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + errors + )); + } + function logRenderPhase(startTime, endTime, lanes, debugTask) { + if (supportsUserTiming && !(endTime <= startTime)) { + var color = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"; + lanes = + (lanes & 536870912) === lanes + ? "Prepared" + : (lanes & 201326741) === lanes + ? "Hydrated" + : "Render"; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + lanes, + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + color + ) + ) + : console.timeStamp( + lanes, + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + color + ); + } + } + function logSuspendedRenderPhase(startTime, endTime, lanes, debugTask) { + !supportsUserTiming || + endTime <= startTime || + ((lanes = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + "Prewarm", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + lanes + ) + ) + : console.timeStamp( + "Prewarm", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + lanes + )); + } + function logSuspendedWithDelayPhase(startTime, endTime, lanes, debugTask) { + !supportsUserTiming || + endTime <= startTime || + ((lanes = + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + "Suspended", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + lanes + ) + ) + : console.timeStamp( + "Suspended", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + lanes + )); + } + function logRecoveredRenderPhase( + startTime, + endTime, + lanes, + recoverableErrors, + hydrationFailed, + debugTask + ) { + if (supportsUserTiming && !(endTime <= startTime)) { + lanes = []; + for (var i = 0; i < recoverableErrors.length; i++) { + var error = recoverableErrors[i].value; + lanes.push([ + "Recoverable Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + startTime = { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "primary-dark", + track: currentTrack, + trackGroup: LANES_TRACK_GROUP, + tooltipText: hydrationFailed + ? "Hydration Failed" + : "Recovered after Error", + properties: lanes + } + } + }; + debugTask + ? debugTask.run( + performance.measure.bind(performance, "Recovered", startTime) + ) + : performance.measure("Recovered", startTime); + } + } + function logErroredRenderPhase(startTime, endTime, lanes, debugTask) { + !supportsUserTiming || + endTime <= startTime || + (debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + "Errored", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + ) + ) + : console.timeStamp( + "Errored", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + )); + } + function logSuspendedCommitPhase(startTime, endTime, reason, debugTask) { + !supportsUserTiming || + endTime <= startTime || + (debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + reason, + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + ) + ) + : console.timeStamp( + reason, + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + )); + } + function logCommitErrored(startTime, endTime, errors, passive, debugTask) { + if (supportsUserTiming && !(endTime <= startTime)) { + for (var properties = [], i = 0; i < errors.length; i++) { + var error = errors[i].value; + properties.push([ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + startTime = { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: currentTrack, + trackGroup: LANES_TRACK_GROUP, + tooltipText: passive + ? "Remaining Effects Errored" + : "Commit Errored", + properties: properties + } + } + }; + debugTask + ? debugTask.run( + performance.measure.bind(performance, "Errored", startTime) + ) + : performance.measure("Errored", startTime); + } + } + function logAnimatingPhase(startTime, endTime, debugTask) { + !supportsUserTiming || + endTime <= startTime || + (debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + "Animating", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-dark" + ) + ) + : console.timeStamp( + "Animating", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-dark" + )); + } function finishQueueingConcurrentUpdates() { for ( var endIndex = concurrentQueuesIndex, @@ -4948,6 +5686,78 @@ cache.controller.abort(); }); } + function startUpdateTimerByLane(lane, method, fiber) { + if (0 !== (lane & 127)) + 0 > blockingUpdateTime && + ((blockingUpdateTime = now()), + (blockingUpdateTask = createTask(method)), + (blockingUpdateMethodName = method), + null != fiber && + (blockingUpdateComponentName = getComponentNameFromFiber(fiber)), + (executionContext & (RenderContext | CommitContext)) !== NoContext && + ((componentEffectSpawnedUpdate = !0), + (blockingUpdateType = SPAWNED_UPDATE)), + (lane = resolveEventTimeStamp()), + (method = resolveEventType()), + lane !== blockingEventRepeatTime || method !== blockingEventType + ? (blockingEventRepeatTime = -1.1) + : null !== method && (blockingUpdateType = SPAWNED_UPDATE), + (blockingEventTime = lane), + (blockingEventType = method)); + else if ( + 0 !== (lane & 4194048) && + 0 > transitionUpdateTime && + ((transitionUpdateTime = now()), + (transitionUpdateTask = createTask(method)), + (transitionUpdateMethodName = method), + null != fiber && + (transitionUpdateComponentName = getComponentNameFromFiber(fiber)), + 0 > transitionStartTime) + ) { + lane = resolveEventTimeStamp(); + method = resolveEventType(); + if ( + lane !== transitionEventRepeatTime || + method !== transitionEventType + ) + transitionEventRepeatTime = -1.1; + transitionEventTime = lane; + transitionEventType = method; + } + } + function startHostActionTimer(fiber) { + if (0 > blockingUpdateTime) { + blockingUpdateTime = now(); + blockingUpdateTask = null != fiber._debugTask ? fiber._debugTask : null; + (executionContext & (RenderContext | CommitContext)) !== NoContext && + (blockingUpdateType = SPAWNED_UPDATE); + var newEventTime = resolveEventTimeStamp(), + newEventType = resolveEventType(); + newEventTime !== blockingEventRepeatTime || + newEventType !== blockingEventType + ? (blockingEventRepeatTime = -1.1) + : null !== newEventType && (blockingUpdateType = SPAWNED_UPDATE); + blockingEventTime = newEventTime; + blockingEventType = newEventType; + } + if ( + 0 > transitionUpdateTime && + ((transitionUpdateTime = now()), + (transitionUpdateTask = + null != fiber._debugTask ? fiber._debugTask : null), + 0 > transitionStartTime) + ) { + fiber = resolveEventTimeStamp(); + newEventTime = resolveEventType(); + if ( + fiber !== transitionEventRepeatTime || + newEventTime !== transitionEventType + ) + transitionEventRepeatTime = -1.1; + transitionEventTime = fiber; + transitionEventType = newEventTime; + } + } function pushNestedEffectDurations() { var prevEffectDuration = profilerEffectDuration; profilerEffectDuration = 0; @@ -4963,6 +5773,9 @@ profilerEffectDuration += prevEffectDuration; return elapsedTime; } + function resetComponentEffectTimers() { + componentEffectEndTime = componentEffectStartTime = -1.1; + } function pushComponentEffectStart() { var prevEffectStart = componentEffectStartTime; componentEffectStartTime = -1.1; @@ -4971,6 +5784,24 @@ function popComponentEffectStart(prevEffectStart) { 0 <= prevEffectStart && (componentEffectStartTime = prevEffectStart); } + function pushComponentEffectDuration() { + var prevEffectDuration = componentEffectDuration; + componentEffectDuration = -0; + return prevEffectDuration; + } + function popComponentEffectDuration(prevEffectDuration) { + 0 <= prevEffectDuration && (componentEffectDuration = prevEffectDuration); + } + function pushComponentEffectErrors() { + var prevErrors = componentEffectErrors; + componentEffectErrors = null; + return prevErrors; + } + function pushComponentEffectDidSpawnUpdate() { + var prev = componentEffectSpawnedUpdate; + componentEffectSpawnedUpdate = !1; + return prev; + } function startProfilerTimer(fiber) { profilerStartTime = now(); 0 > fiber.actualStartTime && (fiber.actualStartTime = profilerStartTime); @@ -4992,11 +5823,20 @@ } function recordEffectDuration() { if (0 <= profilerStartTime) { - var elapsedTime = now() - profilerStartTime; + var endTime = now(), + elapsedTime = endTime - profilerStartTime; profilerStartTime = -1; profilerEffectDuration += elapsedTime; + componentEffectDuration += elapsedTime; + componentEffectEndTime = endTime; } } + function recordEffectError(errorInfo) { + null === componentEffectErrors && (componentEffectErrors = []); + componentEffectErrors.push(errorInfo); + null === commitErrors && (commitErrors = []); + commitErrors.push(errorInfo); + } function startEffectTimer() { profilerStartTime = now(); 0 > componentEffectStartTime && @@ -5026,7 +5866,8 @@ function pingEngtangledActionScope() { if ( 0 === --currentEntangledPendingCount && - null !== currentEntangledListeners + (-1 < transitionUpdateTime || (transitionStartTime = -1.1), + null !== currentEntangledListeners) ) { null !== currentEntangledActionThenable && (currentEntangledActionThenable.status = "fulfilled"); @@ -7409,7 +8250,9 @@ } function subscribeToStore(fiber, inst, subscribe) { return subscribe(function () { - checkIfSnapshotChanged(inst) && forceStoreRerender(fiber); + checkIfSnapshotChanged(inst) && + (startUpdateTimerByLane(2, "updateSyncExternalStore()", fiber), + forceStoreRerender(fiber)); }); } function checkIfSnapshotChanged(inst) { @@ -8108,6 +8951,7 @@ "Expected the form instance to be a HostComponent. This is a bug in React." ); var queue = ensureFormComponentIsStateful(formFiber).queue; + startHostActionTimer(formFiber); startTransition( formFiber, queue, @@ -8237,20 +9081,21 @@ switch (provider.tag) { case 24: case 3: - var lane = requestUpdateLane(provider); - fiber = createUpdate(lane); - var root = enqueueUpdate(provider, fiber, lane); + var lane = requestUpdateLane(provider), + refreshUpdate = createUpdate(lane), + root = enqueueUpdate(provider, refreshUpdate, lane); null !== root && - (scheduleUpdateOnFiber(root, provider, lane), + (startUpdateTimerByLane(lane, "refresh()", fiber), + scheduleUpdateOnFiber(root, provider, lane), entangleTransitions(root, provider, lane)); - provider = createCache(); + fiber = createCache(); null !== seedKey && void 0 !== seedKey && null !== root && console.error( "The seed argument is not enabled outside experimental channels." ); - fiber.payload = { cache: provider }; + refreshUpdate.payload = { cache: fiber }; return; } provider = provider.return; @@ -8276,9 +9121,9 @@ ? enqueueRenderPhaseUpdate(queue, update) : ((update = enqueueConcurrentHookUpdate(fiber, queue, update, args)), null !== update && - (scheduleUpdateOnFiber(update, fiber, args), + (startUpdateTimerByLane(args, "dispatch()", fiber), + scheduleUpdateOnFiber(update, fiber, args), entangleTransitionUpdate(update, queue, args))); - markStateUpdateScheduled(fiber, args); } function dispatchSetState(fiber, queue, action) { var args = arguments; @@ -8287,8 +9132,8 @@ "State updates from the useState() and useReducer() Hooks don't support the second callback argument. To execute a side effect after rendering, declare it in the component body with useEffect()." ); args = requestUpdateLane(fiber); - dispatchSetStateInternal(fiber, queue, action, args); - markStateUpdateScheduled(fiber, args); + dispatchSetStateInternal(fiber, queue, action, args) && + startUpdateTimerByLane(args, "setState()", fiber); } function dispatchSetStateInternal(fiber, queue, action, lane) { var update = { @@ -8369,8 +9214,8 @@ 2 )), null !== throwIfDuringRender && - scheduleUpdateOnFiber(throwIfDuringRender, fiber, 2); - markStateUpdateScheduled(fiber, 2); + (startUpdateTimerByLane(2, "setOptimistic()", fiber), + scheduleUpdateOnFiber(throwIfDuringRender, fiber, 2)); } function isRenderPhaseUpdate(fiber) { var alternate = fiber.alternate; @@ -8884,7 +9729,6 @@ "ref" !== key && (propsWithoutRef[key] = nextProps[key]); } else propsWithoutRef = nextProps; prepareToReadContext(workInProgress); - markComponentRenderStarted(workInProgress); nextProps = renderWithHooks( current, workInProgress, @@ -8894,7 +9738,6 @@ renderLanes ); key = checkDidRenderIdHook(); - markComponentRenderStopped(); if (null !== current && !didReceiveUpdate) return ( bailoutHooks(current, workInProgress, renderLanes), @@ -9018,23 +9861,24 @@ }); if ("hidden" === nextProps.mode) { if (0 !== (workInProgress.flags & 128)) { - nextProps = + prevState = null !== prevState ? prevState.baseLanes | renderLanes : renderLanes; if (null !== current) { - nextChildren = workInProgress.child = current.child; - for (prevState = 0; null !== nextChildren; ) - (prevState = - prevState | nextChildren.lanes | nextChildren.childLanes), - (nextChildren = nextChildren.sibling); - workInProgress.childLanes = prevState & ~nextProps; - } else (workInProgress.childLanes = 0), (workInProgress.child = null); + nextProps = workInProgress.child = current.child; + for (nextChildren = 0; null !== nextProps; ) + (nextChildren = + nextChildren | nextProps.lanes | nextProps.childLanes), + (nextProps = nextProps.sibling); + nextProps = nextChildren & ~prevState; + } else (nextProps = 0), (workInProgress.child = null); return deferHiddenOffscreenComponent( current, workInProgress, - nextProps, - renderLanes + prevState, + renderLanes, + nextProps ); } if (0 !== (renderLanes & 536870912)) @@ -9050,14 +9894,15 @@ pushOffscreenSuspenseHandler(workInProgress); else return ( - (workInProgress.lanes = workInProgress.childLanes = 536870912), + (nextProps = workInProgress.lanes = 536870912), deferHiddenOffscreenComponent( current, workInProgress, null !== prevState ? prevState.baseLanes | renderLanes : renderLanes, - renderLanes + renderLanes, + nextProps ) ); } else @@ -9087,7 +9932,8 @@ current, workInProgress, nextBaseLanes, - renderLanes + renderLanes, + remainingChildLanes ) { var JSCompiler_inline_result = peekCacheFromPool(); JSCompiler_inline_result = @@ -9106,6 +9952,7 @@ pushOffscreenSuspenseHandler(workInProgress); null !== current && propagateParentContextChanges(current, workInProgress, renderLanes, !0); + workInProgress.childLanes = remainingChildLanes; return null; } function mountActivityChildren(workInProgress, nextProps) { @@ -9157,9 +10004,8 @@ bailoutOffscreenComponent(null, current) ); pushDehydratedActivitySuspenseHandler(workInProgress); - if ((current = nextHydratableInstance)) { - if ( - ((renderLanes = canHydrateHydrationBoundary( + (current = nextHydratableInstance) + ? ((renderLanes = canHydrateHydrationBoundary( current, rootOrSingletonContext )), @@ -9167,22 +10013,20 @@ null !== renderLanes && renderLanes.data === ACTIVITY_START_DATA ? renderLanes : null), - null !== renderLanes) - ) { - var activityState = { - dehydrated: renderLanes, - treeContext: getSuspendedTreeContext(), - retryLane: 536870912, - hydrationErrors: null - }; - workInProgress.memoizedState = activityState; - activityState = createFiberFromDehydratedFragment(renderLanes); - activityState.return = workInProgress; - workInProgress.child = activityState; - hydrationParentFiber = workInProgress; - nextHydratableInstance = null; - } - } else renderLanes = null; + null !== renderLanes && + ((nextProps = { + dehydrated: renderLanes, + treeContext: getSuspendedTreeContext(), + retryLane: 536870912, + hydrationErrors: null + }), + (workInProgress.memoizedState = nextProps), + (nextProps = createFiberFromDehydratedFragment(renderLanes)), + (nextProps.return = workInProgress), + (workInProgress.child = nextProps), + (hydrationParentFiber = workInProgress), + (nextHydratableInstance = null))) + : (renderLanes = null); if (null === renderLanes) throw ( (warnNonHydratedInstance(workInProgress, current), @@ -9193,9 +10037,9 @@ } return mountActivityChildren(workInProgress, nextProps); } - activityState = current.memoizedState; - if (null !== activityState) { - var activityInstance = activityState.dehydrated; + var prevState = current.memoizedState; + if (null !== prevState) { + var activityInstance = prevState.dehydrated; pushDehydratedActivitySuspenseHandler(workInProgress); if (didSuspend) if (workInProgress.flags & 256) @@ -9215,6 +10059,8 @@ ); else if ( (warnIfHydrating(), + 0 !== (renderLanes & 536870912) && + markRenderDerivedCause(workInProgress), didReceiveUpdate || propagateParentContextChanges( current, @@ -9232,11 +10078,10 @@ nextProps, renderLanes )), - 0 !== activityInstance && - activityInstance !== activityState.retryLane) + 0 !== activityInstance && activityInstance !== prevState.retryLane) ) throw ( - ((activityState.retryLane = activityInstance), + ((prevState.retryLane = activityInstance), enqueueConcurrentRenderForLane(current, activityInstance), scheduleUpdateOnFiber(nextProps, current, activityInstance), SelectiveHydrationException) @@ -9248,7 +10093,7 @@ renderLanes ); } else - (current = activityState.treeContext), + (current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( activityInstance.nextSibling )), @@ -9264,10 +10109,12 @@ (workInProgress.flags |= 4096); return workInProgress; } - current = createWorkInProgress(current.child, { - mode: nextProps.mode, - children: nextProps.children - }); + prevState = current.child; + nextProps = { mode: nextProps.mode, children: nextProps.children }; + 0 !== (renderLanes & 536870912) && + 0 !== (renderLanes & current.lanes) && + markRenderDerivedCause(workInProgress); + current = createWorkInProgress(prevState, nextProps); current.ref = workInProgress.ref; workInProgress.child = current; current.return = workInProgress; @@ -9324,7 +10171,6 @@ componentName )))); prepareToReadContext(workInProgress); - markComponentRenderStarted(workInProgress); Component = renderWithHooks( current, workInProgress, @@ -9334,7 +10180,6 @@ renderLanes ); nextProps = checkDidRenderIdHook(); - markComponentRenderStopped(); if (null !== current && !didReceiveUpdate) return ( bailoutHooks(current, workInProgress, renderLanes), @@ -9354,7 +10199,6 @@ renderLanes ) { prepareToReadContext(workInProgress); - markComponentRenderStarted(workInProgress); hookTypesUpdateIndexDev = -1; ignorePreviousDependencies = null !== current && current.type !== workInProgress.type; @@ -9367,7 +10211,6 @@ ); finishRenderingHooks(current, workInProgress); Component = checkDidRenderIdHook(); - markComponentRenderStopped(); if (null !== current && !didReceiveUpdate) return ( bailoutHooks(current, workInProgress, renderLanes), @@ -9880,18 +10723,16 @@ setCurrentFiber(workInProgress); if (state && "function" !== typeof Component.getDerivedStateFromError) (Component = null), (profilerStartTime = -1); - else { - markComponentRenderStarted(workInProgress); - Component = callRenderInDEV(lane); - if (workInProgress.mode & StrictLegacyMode) { - setIsStrictModeForDevtools(!0); - try { - callRenderInDEV(lane); - } finally { - setIsStrictModeForDevtools(!1); - } + else if ( + ((Component = callRenderInDEV(lane)), + workInProgress.mode & StrictLegacyMode) + ) { + setIsStrictModeForDevtools(!0); + try { + callRenderInDEV(lane); + } finally { + setIsStrictModeForDevtools(!1); } - markComponentRenderStopped(); } workInProgress.flags |= 1; null !== current && state @@ -9977,24 +10818,24 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2533; - var JSCompiler_object_inline_stack_2534 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2729; + var JSCompiler_object_inline_stack_2730 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2532 = !1; + var JSCompiler_object_inline_message_2728 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2533 = didSuspend) || - (JSCompiler_object_inline_digest_2533 = + (JSCompiler_object_inline_digest_2729 = didSuspend) || + (JSCompiler_object_inline_digest_2729 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2533 && - ((JSCompiler_object_inline_message_2532 = !0), + JSCompiler_object_inline_digest_2729 && + ((JSCompiler_object_inline_message_2728 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2533 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2729 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2532 + JSCompiler_object_inline_message_2728 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (current = nextHydratableInstance) @@ -10007,18 +10848,18 @@ ? renderLanes : null), null !== renderLanes && - ((JSCompiler_object_inline_digest_2533 = { + ((JSCompiler_object_inline_digest_2729 = { dehydrated: renderLanes, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_digest_2533), - (JSCompiler_object_inline_digest_2533 = + JSCompiler_object_inline_digest_2729), + (JSCompiler_object_inline_digest_2729 = createFiberFromDehydratedFragment(renderLanes)), - (JSCompiler_object_inline_digest_2533.return = workInProgress), - (workInProgress.child = JSCompiler_object_inline_digest_2533), + (JSCompiler_object_inline_digest_2729.return = workInProgress), + (workInProgress.child = JSCompiler_object_inline_digest_2729), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (renderLanes = null); @@ -10032,39 +10873,39 @@ : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_2534.children; - JSCompiler_object_inline_stack_2534 = - JSCompiler_object_inline_stack_2534.fallback; - if (JSCompiler_object_inline_message_2532) { + var nextPrimaryChildren = JSCompiler_object_inline_stack_2730.children; + JSCompiler_object_inline_stack_2730 = + JSCompiler_object_inline_stack_2730.fallback; + if (JSCompiler_object_inline_message_2728) { reuseSuspenseHandlerOnStack(workInProgress); var mode = workInProgress.mode; nextPrimaryChildren = mountWorkInProgressOffscreenFiber( { mode: "hidden", children: nextPrimaryChildren }, mode ); - JSCompiler_object_inline_stack_2534 = createFiberFromFragment( - JSCompiler_object_inline_stack_2534, + JSCompiler_object_inline_stack_2730 = createFiberFromFragment( + JSCompiler_object_inline_stack_2730, mode, renderLanes, null ); nextPrimaryChildren.return = workInProgress; - JSCompiler_object_inline_stack_2534.return = workInProgress; - nextPrimaryChildren.sibling = JSCompiler_object_inline_stack_2534; + JSCompiler_object_inline_stack_2730.return = workInProgress; + nextPrimaryChildren.sibling = JSCompiler_object_inline_stack_2730; workInProgress.child = nextPrimaryChildren; - JSCompiler_object_inline_stack_2534 = workInProgress.child; - JSCompiler_object_inline_stack_2534.memoizedState = + JSCompiler_object_inline_stack_2730 = workInProgress.child; + JSCompiler_object_inline_stack_2730.memoizedState = mountSuspenseOffscreenState(renderLanes); - JSCompiler_object_inline_stack_2534.childLanes = + JSCompiler_object_inline_stack_2730.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2533, + JSCompiler_object_inline_digest_2729, renderLanes ); workInProgress.memoizedState = SUSPENDED_MARKER; return bailoutOffscreenComponent( null, - JSCompiler_object_inline_stack_2534 + JSCompiler_object_inline_stack_2730 ); } pushPrimaryTreeSuspenseHandler(workInProgress); @@ -10075,8 +10916,8 @@ } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_componentStack_2535 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_componentStack_2535) { + var JSCompiler_object_inline_componentStack_2731 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_componentStack_2731) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -10093,13 +10934,13 @@ (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_2534.fallback), + JSCompiler_object_inline_stack_2730.fallback), (mode = workInProgress.mode), - (JSCompiler_object_inline_stack_2534 = + (JSCompiler_object_inline_stack_2730 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2534.children + children: JSCompiler_object_inline_stack_2730.children }, mode )), @@ -10110,74 +10951,76 @@ null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_2534.return = workInProgress), + (JSCompiler_object_inline_stack_2730.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_2534.sibling = + (JSCompiler_object_inline_stack_2730.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_2534), + (workInProgress.child = JSCompiler_object_inline_stack_2730), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2534 = workInProgress.child), - (JSCompiler_object_inline_stack_2534.memoizedState = + (JSCompiler_object_inline_stack_2730 = workInProgress.child), + (JSCompiler_object_inline_stack_2730.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2534.childLanes = + (JSCompiler_object_inline_stack_2730.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2533, + JSCompiler_object_inline_digest_2729, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = bailoutOffscreenComponent( null, - JSCompiler_object_inline_stack_2534 + JSCompiler_object_inline_stack_2730 ))); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), + 0 !== (renderLanes & 536870912) && + markRenderDerivedCause(workInProgress), isSuspenseInstanceFallback( - JSCompiler_object_inline_componentStack_2535 + JSCompiler_object_inline_componentStack_2731 )) ) { - JSCompiler_object_inline_digest_2533 = - JSCompiler_object_inline_componentStack_2535.nextSibling && - JSCompiler_object_inline_componentStack_2535.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2533) { - nextPrimaryChildren = JSCompiler_object_inline_digest_2533.dgst; - var message = JSCompiler_object_inline_digest_2533.msg; - mode = JSCompiler_object_inline_digest_2533.stck; - var componentStack = JSCompiler_object_inline_digest_2533.cstck; + JSCompiler_object_inline_digest_2729 = + JSCompiler_object_inline_componentStack_2731.nextSibling && + JSCompiler_object_inline_componentStack_2731.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2729) { + nextPrimaryChildren = JSCompiler_object_inline_digest_2729.dgst; + var message = JSCompiler_object_inline_digest_2729.msg; + mode = JSCompiler_object_inline_digest_2729.stck; + var componentStack = JSCompiler_object_inline_digest_2729.cstck; } - JSCompiler_object_inline_message_2532 = message; - JSCompiler_object_inline_digest_2533 = nextPrimaryChildren; - JSCompiler_object_inline_stack_2534 = mode; - JSCompiler_object_inline_componentStack_2535 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_message_2532; - mode = JSCompiler_object_inline_componentStack_2535; + JSCompiler_object_inline_message_2728 = message; + JSCompiler_object_inline_digest_2729 = nextPrimaryChildren; + JSCompiler_object_inline_stack_2730 = mode; + JSCompiler_object_inline_componentStack_2731 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_message_2728; + mode = JSCompiler_object_inline_componentStack_2731; nextPrimaryChildren = nextPrimaryChildren ? Error(nextPrimaryChildren) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); nextPrimaryChildren.stack = - JSCompiler_object_inline_stack_2534 || ""; - nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2533; - JSCompiler_object_inline_digest_2533 = + JSCompiler_object_inline_stack_2730 || ""; + nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2729; + JSCompiler_object_inline_digest_2729 = void 0 === mode ? null : mode; - JSCompiler_object_inline_stack_2534 = { + JSCompiler_object_inline_stack_2730 = { value: nextPrimaryChildren, source: null, - stack: JSCompiler_object_inline_digest_2533 + stack: JSCompiler_object_inline_digest_2729 }; - "string" === typeof JSCompiler_object_inline_digest_2533 && + "string" === typeof JSCompiler_object_inline_digest_2729 && CapturedStacks.set( nextPrimaryChildren, - JSCompiler_object_inline_stack_2534 + JSCompiler_object_inline_stack_2730 ); - queueHydrationError(JSCompiler_object_inline_stack_2534); + queueHydrationError(JSCompiler_object_inline_stack_2730); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -10191,35 +11034,35 @@ renderLanes, !1 ), - (JSCompiler_object_inline_digest_2533 = + (JSCompiler_object_inline_digest_2729 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2533) + didReceiveUpdate || JSCompiler_object_inline_digest_2729) ) { - JSCompiler_object_inline_digest_2533 = workInProgressRoot; + JSCompiler_object_inline_digest_2729 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2533 && - ((JSCompiler_object_inline_stack_2534 = getBumpedLaneForHydration( - JSCompiler_object_inline_digest_2533, + null !== JSCompiler_object_inline_digest_2729 && + ((JSCompiler_object_inline_stack_2730 = getBumpedLaneForHydration( + JSCompiler_object_inline_digest_2729, renderLanes )), - 0 !== JSCompiler_object_inline_stack_2534 && - JSCompiler_object_inline_stack_2534 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_2730 && + JSCompiler_object_inline_stack_2730 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2534), + ((prevState.retryLane = JSCompiler_object_inline_stack_2730), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2534 + JSCompiler_object_inline_stack_2730 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2533, + JSCompiler_object_inline_digest_2729, current, - JSCompiler_object_inline_stack_2534 + JSCompiler_object_inline_stack_2730 ), SelectiveHydrationException) ); isSuspenseInstancePending( - JSCompiler_object_inline_componentStack_2535 + JSCompiler_object_inline_componentStack_2731 ) || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10228,14 +11071,14 @@ ); } else isSuspenseInstancePending( - JSCompiler_object_inline_componentStack_2535 + JSCompiler_object_inline_componentStack_2731 ) ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_componentStack_2535.nextSibling + JSCompiler_object_inline_componentStack_2731.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10247,32 +11090,32 @@ restoreSuspendedTreeContext(workInProgress, current), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2534.children + JSCompiler_object_inline_stack_2730.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_message_2532) + if (JSCompiler_object_inline_message_2728) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_2534.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_2730.fallback), (mode = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_componentStack_2535 = + (JSCompiler_object_inline_componentStack_2731 = componentStack.sibling), - (JSCompiler_object_inline_stack_2534 = createWorkInProgress( + (JSCompiler_object_inline_stack_2730 = createWorkInProgress( componentStack, { mode: "hidden", - children: JSCompiler_object_inline_stack_2534.children + children: JSCompiler_object_inline_stack_2730.children } )), - (JSCompiler_object_inline_stack_2534.subtreeFlags = + (JSCompiler_object_inline_stack_2730.subtreeFlags = componentStack.subtreeFlags & 65011712), - null !== JSCompiler_object_inline_componentStack_2535 + null !== JSCompiler_object_inline_componentStack_2731 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_componentStack_2535, + JSCompiler_object_inline_componentStack_2731, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -10283,11 +11126,11 @@ )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_2534.return = workInProgress), - (JSCompiler_object_inline_stack_2534.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_2534), - bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_2534), - (JSCompiler_object_inline_stack_2534 = workInProgress.child), + (JSCompiler_object_inline_stack_2730.return = workInProgress), + (JSCompiler_object_inline_stack_2730.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_2730), + bailoutOffscreenComponent(null, JSCompiler_object_inline_stack_2730), + (JSCompiler_object_inline_stack_2730 = workInProgress.child), (nextPrimaryChildren = current.child.memoizedState), null === nextPrimaryChildren ? (nextPrimaryChildren = mountSuspenseOffscreenState(renderLanes)) @@ -10303,35 +11146,39 @@ baseLanes: nextPrimaryChildren.baseLanes | renderLanes, cachePool: mode })), - (JSCompiler_object_inline_stack_2534.memoizedState = + (JSCompiler_object_inline_stack_2730.memoizedState = nextPrimaryChildren), - (JSCompiler_object_inline_stack_2534.childLanes = + (JSCompiler_object_inline_stack_2730.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2533, + JSCompiler_object_inline_digest_2729, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), bailoutOffscreenComponent( current.child, - JSCompiler_object_inline_stack_2534 + JSCompiler_object_inline_stack_2730 ) ); + null !== prevState && + (renderLanes & 62914560) === renderLanes && + 0 !== (renderLanes & current.lanes) && + markRenderDerivedCause(workInProgress); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2534.children + children: JSCompiler_object_inline_stack_2730.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2533 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2533 + ((JSCompiler_object_inline_digest_2729 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2729 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2533.push(current)); + : JSCompiler_object_inline_digest_2729.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11347,13 +12194,11 @@ ), prepareToReadContext(workInProgress), (prevSibling = readContext(prevSibling)), - markComponentRenderStarted(workInProgress), (returnFiber = callComponentInDEV( returnFiber, prevSibling, void 0 )), - markComponentRenderStopped(), (workInProgress.flags |= 1), reconcileChildren( current, @@ -12406,21 +13251,7 @@ do { if ( (updateQueue.tag & flags) === flags && - ((flags & Passive) !== NoFlags - ? null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentPassiveEffectMountStarted && - injectedProfilingHooks.markComponentPassiveEffectMountStarted( - finishedWork - ) - : (flags & Layout) !== NoFlags && - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentLayoutEffectMountStarted && - injectedProfilingHooks.markComponentLayoutEffectMountStarted( - finishedWork - ), - (lastEffect = void 0), + ((lastEffect = void 0), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), (lastEffect = runWithFiberInDEV( @@ -12430,16 +13261,6 @@ )), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !1), - (flags & Passive) !== NoFlags - ? null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentPassiveEffectMountStopped && - injectedProfilingHooks.markComponentPassiveEffectMountStopped() - : (flags & Layout) !== NoFlags && - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentLayoutEffectMountStopped && - injectedProfilingHooks.markComponentLayoutEffectMountStopped(), void 0 !== lastEffect && "function" !== typeof lastEffect) ) { var hookName = void 0; @@ -12497,20 +13318,6 @@ destroy = inst.destroy; void 0 !== destroy && ((inst.destroy = void 0), - (flags & Passive) !== NoFlags - ? null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentPassiveEffectUnmountStarted && - injectedProfilingHooks.markComponentPassiveEffectUnmountStarted( - finishedWork - ) - : (flags & Layout) !== NoFlags && - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentLayoutEffectUnmountStarted && - injectedProfilingHooks.markComponentLayoutEffectUnmountStarted( - finishedWork - ), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), (lastEffect = finishedWork), @@ -12522,17 +13329,7 @@ destroy ), (flags & Insertion) !== NoFlags && - (isRunningInsertionEffect = !1), - (flags & Passive) !== NoFlags - ? null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentPassiveEffectUnmountStopped && - injectedProfilingHooks.markComponentPassiveEffectUnmountStopped() - : (flags & Layout) !== NoFlags && - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentLayoutEffectUnmountStopped && - injectedProfilingHooks.markComponentLayoutEffectUnmountStopped()); + (isRunningInsertionEffect = !1)); } updateQueue = updateQueue.next; } while (updateQueue !== firstEffect); @@ -12981,6 +13778,21 @@ captureCommitPhaseError(finishedWork, finishedWork.return, error); } } + function isHydratingParent(current, finishedWork) { + return 31 === finishedWork.tag + ? ((finishedWork = finishedWork.memoizedState), + null !== current.memoizedState && null === finishedWork) + : 13 === finishedWork.tag + ? ((current = current.memoizedState), + (finishedWork = finishedWork.memoizedState), + null !== current && + null !== current.dehydrated && + (null === finishedWork || null === finishedWork.dehydrated)) + : 3 === finishedWork.tag + ? current.memoizedState.isDehydrated && + 0 === (finishedWork.flags & 256) + : !1; + } function commitBeforeMutationEffects(root, firstChild) { root = root.containerInfo; eventsEnabled = _enabled; @@ -13134,6 +13946,9 @@ } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -13315,11 +14130,11 @@ null !== finishedRoot && ((finishedRoot = finishedRoot.dehydrated), null !== finishedRoot && - ((finishedWork = retryDehydratedSuspenseBoundary.bind( + ((flags = retryDehydratedSuspenseBoundary.bind( null, finishedWork )), - registerSuspenseInstanceRetry(finishedRoot, finishedWork)))); + registerSuspenseInstanceRetry(finishedRoot, flags)))); break; case 22: flags = @@ -13333,11 +14148,20 @@ offscreenSubtreeIsHidden = flags; (offscreenSubtreeWasHidden = current) && !prevOffscreenSubtreeWasHidden - ? recursivelyTraverseReappearLayoutEffects( + ? (recursivelyTraverseReappearLayoutEffects( finishedRoot, finishedWork, 0 !== (finishedWork.subtreeFlags & 8772) - ) + ), + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentReappeared( + finishedWork, + componentEffectStartTime, + componentEffectEndTime + )) : recursivelyTraverseLayoutEffects(finishedRoot, finishedWork); offscreenSubtreeIsHidden = prevProps; offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden; @@ -13348,7 +14172,35 @@ default: recursivelyTraverseLayoutEffects(finishedRoot, finishedWork); } + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ), + null === finishedWork.alternate && + null !== finishedWork.return && + null !== finishedWork.return.alternate && + 0.05 < componentEffectEndTime - componentEffectStartTime && + (isHydratingParent( + finishedWork.return.alternate, + finishedWork.return + ) || + logComponentTrigger( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + "Mount" + ))); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function detachFiberAfterEffects(fiber) { var alternate = fiber.alternate; @@ -13402,7 +14254,10 @@ err )); } - var prevEffectStart = pushComponentEffectStart(); + var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (deletedFiber.tag) { case 26: offscreenSubtreeWasHidden || @@ -13415,8 +14270,8 @@ deletedFiber.memoizedState ? deletedFiber.memoizedState.count-- : deletedFiber.stateNode && - ((deletedFiber = deletedFiber.stateNode), - deletedFiber.parentNode.removeChild(deletedFiber)); + ((finishedRoot = deletedFiber.stateNode), + finishedRoot.parentNode.removeChild(finishedRoot)); break; case 27: offscreenSubtreeWasHidden || @@ -13576,7 +14431,21 @@ deletedFiber ); } + (deletedFiber.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + deletedFiber, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function commitActivityHydrationCallbacks(finishedRoot, finishedWork) { if ( @@ -13695,6 +14564,16 @@ commitDeletionEffectsOnFiber(root, returnFiber, deletedFiber); hostParent = null; hostParentIsContainer = !1; + (deletedFiber.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + deletedFiber, + componentEffectStartTime, + componentEffectEndTime, + "Unmount" + ); popComponentEffectStart(prevEffectStart); root = deletedFiber; returnFiber = root.alternate; @@ -13708,6 +14587,9 @@ } function commitMutationEffectsOnFiber(finishedWork, root) { var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), current = finishedWork.alternate, flags = finishedWork.flags; switch (finishedWork.tag) { @@ -13737,18 +14619,21 @@ (offscreenSubtreeWasHidden || null === current || safelyDetachRef(current, current.return)); - flags & 64 && + if ( + flags & 64 && offscreenSubtreeIsHidden && - ((finishedWork = finishedWork.updateQueue), - null !== finishedWork && - ((flags = finishedWork.callbacks), - null !== flags && - ((current = finishedWork.shared.hiddenCallbacks), - (finishedWork.shared.hiddenCallbacks = - null === current ? flags : current.concat(flags))))); + ((flags = finishedWork.updateQueue), + null !== flags && ((current = flags.callbacks), null !== current)) + ) { + var existingHiddenCallbacks = flags.shared.hiddenCallbacks; + flags.shared.hiddenCallbacks = + null === existingHiddenCallbacks + ? current + : existingHiddenCallbacks.concat(current); + } break; case 26: - var hoistableRoot = currentHoistableRoot; + existingHiddenCallbacks = currentHoistableRoot; recursivelyTraverseMutationEffects(root, finishedWork); commitReconciliationEffects(finishedWork); flags & 512 && @@ -13765,12 +14650,15 @@ a: { flags = finishedWork.type; current = finishedWork.memoizedProps; - hoistableRoot = - hoistableRoot.ownerDocument || hoistableRoot; + existingHiddenCallbacks = + existingHiddenCallbacks.ownerDocument || + existingHiddenCallbacks; b: switch (flags) { case "title": currentResource = - hoistableRoot.getElementsByTagName("title")[0]; + existingHiddenCallbacks.getElementsByTagName( + "title" + )[0]; if ( !currentResource || currentResource[internalHoistableMarker] || @@ -13779,10 +14667,12 @@ currentResource.hasAttribute("itemprop") ) (currentResource = - hoistableRoot.createElement(flags)), - hoistableRoot.head.insertBefore( + existingHiddenCallbacks.createElement(flags)), + existingHiddenCallbacks.head.insertBefore( currentResource, - hoistableRoot.querySelector("head > title") + existingHiddenCallbacks.querySelector( + "head > title" + ) ); setInitialProperties(currentResource, flags, current); currentResource[internalInstanceKey] = finishedWork; @@ -13793,7 +14683,7 @@ var maybeNodes = getHydratableHoistableCache( "link", "href", - hoistableRoot + existingHiddenCallbacks ).get(flags + (current.href || "")); if (maybeNodes) for (var i = 0; i < maybeNodes.length; i++) @@ -13817,16 +14707,19 @@ maybeNodes.splice(i, 1); break b; } - currentResource = hoistableRoot.createElement(flags); + currentResource = + existingHiddenCallbacks.createElement(flags); setInitialProperties(currentResource, flags, current); - hoistableRoot.head.appendChild(currentResource); + existingHiddenCallbacks.head.appendChild( + currentResource + ); break; case "meta": if ( (maybeNodes = getHydratableHoistableCache( "meta", "content", - hoistableRoot + existingHiddenCallbacks ).get(flags + (current.content || ""))) ) for (i = 0; i < maybeNodes.length; i++) @@ -13860,9 +14753,12 @@ maybeNodes.splice(i, 1); break b; } - currentResource = hoistableRoot.createElement(flags); + currentResource = + existingHiddenCallbacks.createElement(flags); setInitialProperties(currentResource, flags, current); - hoistableRoot.head.appendChild(currentResource); + existingHiddenCallbacks.head.appendChild( + currentResource + ); break; default: throw Error( @@ -13878,13 +14774,13 @@ finishedWork.stateNode = flags; } else mountHoistable( - hoistableRoot, + existingHiddenCallbacks, finishedWork.type, finishedWork.stateNode ); else finishedWork.stateNode = acquireResource( - hoistableRoot, + existingHiddenCallbacks, flags, finishedWork.memoizedProps ); @@ -13897,12 +14793,12 @@ : currentResource.count--, null === flags ? mountHoistable( - hoistableRoot, + existingHiddenCallbacks, finishedWork.type, finishedWork.stateNode ) : acquireResource( - hoistableRoot, + existingHiddenCallbacks, flags, finishedWork.memoizedProps )) @@ -13938,20 +14834,24 @@ null === current || safelyDetachRef(current, current.return)); if (finishedWork.flags & 32) { - hoistableRoot = finishedWork.stateNode; + existingHiddenCallbacks = finishedWork.stateNode; try { - runWithFiberInDEV(finishedWork, resetTextContent, hoistableRoot); + runWithFiberInDEV( + finishedWork, + resetTextContent, + existingHiddenCallbacks + ); } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } } flags & 4 && null != finishedWork.stateNode && - ((hoistableRoot = finishedWork.memoizedProps), + ((existingHiddenCallbacks = finishedWork.memoizedProps), commitHostUpdate( finishedWork, - hoistableRoot, - null !== current ? current.memoizedProps : hoistableRoot + existingHiddenCallbacks, + null !== current ? current.memoizedProps : existingHiddenCallbacks )); flags & 1024 && ((needsFormReset = !0), @@ -13970,12 +14870,12 @@ ); flags = finishedWork.memoizedProps; current = null !== current ? current.memoizedProps : flags; - hoistableRoot = finishedWork.stateNode; + existingHiddenCallbacks = finishedWork.stateNode; try { runWithFiberInDEV( finishedWork, commitTextUpdate, - hoistableRoot, + existingHiddenCallbacks, current, flags ); @@ -13985,7 +14885,7 @@ } break; case 3: - hoistableRoot = pushNestedEffectDurations(); + existingHiddenCallbacks = pushNestedEffectDurations(); tagCaches = null; currentResource = currentHoistableRoot; currentHoistableRoot = getHoistableRoot(root.containerInfo); @@ -14008,7 +14908,9 @@ } needsFormReset && ((needsFormReset = !1), recursivelyResetForms(finishedWork)); - root.effectDuration += popNestedEffectDurations(hoistableRoot); + root.effectDuration += popNestedEffectDurations( + existingHiddenCallbacks + ); break; case 4: flags = currentHoistableRoot; @@ -14049,30 +14951,53 @@ attachSuspenseRetryListeners(finishedWork, flags))); break; case 22: - hoistableRoot = null !== finishedWork.memoizedState; + existingHiddenCallbacks = null !== finishedWork.memoizedState; var wasHidden = null !== current && null !== current.memoizedState, prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden, prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden; offscreenSubtreeIsHidden = - prevOffscreenSubtreeIsHidden || hoistableRoot; + prevOffscreenSubtreeIsHidden || existingHiddenCallbacks; offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden || wasHidden; recursivelyTraverseMutationEffects(root, finishedWork); offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden; offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden; + wasHidden && + !existingHiddenCallbacks && + !prevOffscreenSubtreeIsHidden && + !prevOffscreenSubtreeWasHidden && + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentReappeared( + finishedWork, + componentEffectStartTime, + componentEffectEndTime + ); commitReconciliationEffects(finishedWork); if (flags & 8192) a: for ( root = finishedWork.stateNode, - root._visibility = hoistableRoot + root._visibility = existingHiddenCallbacks ? root._visibility & ~OffscreenVisible : root._visibility | OffscreenVisible, - hoistableRoot && - (null === current || - wasHidden || - offscreenSubtreeIsHidden || - offscreenSubtreeWasHidden || - recursivelyTraverseDisappearLayoutEffects(finishedWork)), + !existingHiddenCallbacks || + null === current || + wasHidden || + offscreenSubtreeIsHidden || + offscreenSubtreeWasHidden || + (recursivelyTraverseDisappearLayoutEffects(finishedWork), + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + "Disconnect" + )), current = null, root = finishedWork; ; @@ -14083,7 +15008,7 @@ wasHidden = current = root; try { (currentResource = wasHidden.stateNode), - hoistableRoot + existingHiddenCallbacks ? runWithFiberInDEV( wasHidden, hideInstance, @@ -14104,7 +15029,7 @@ wasHidden = root; try { (maybeNodes = wasHidden.stateNode), - hoistableRoot + existingHiddenCallbacks ? runWithFiberInDEV( wasHidden, hideTextInstance, @@ -14125,7 +15050,7 @@ wasHidden = root; try { (i = wasHidden.stateNode), - hoistableRoot + existingHiddenCallbacks ? runWithFiberInDEV( wasHidden, hideDehydratedBoundary, @@ -14186,7 +15111,35 @@ recursivelyTraverseMutationEffects(root, finishedWork), commitReconciliationEffects(finishedWork); } + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ), + null === finishedWork.alternate && + null !== finishedWork.return && + null !== finishedWork.return.alternate && + 0.05 < componentEffectEndTime - componentEffectStartTime && + (isHydratingParent( + finishedWork.return.alternate, + finishedWork.return + ) || + logComponentTrigger( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + "Mount" + ))); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function commitReconciliationEffects(finishedWork) { var flags = finishedWork.flags; @@ -14216,7 +15169,10 @@ (parentFiber = parentFiber.sibling); } function disappearLayoutEffects(finishedWork) { - var prevEffectStart = pushComponentEffectStart(); + var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -14261,7 +15217,21 @@ default: recursivelyTraverseDisappearLayoutEffects(finishedWork); } + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function recursivelyTraverseDisappearLayoutEffects(parentFiber) { for (parentFiber = parentFiber.child; null !== parentFiber; ) @@ -14275,6 +15245,9 @@ includeWorkInProgressEffects ) { var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -14403,7 +15376,21 @@ includeWorkInProgressEffects ); } + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function recursivelyTraverseReappearLayoutEffects( finishedRoot, @@ -14447,62 +15434,112 @@ root, parentFiber, committedLanes, - committedTransitions + committedTransitions, + endTime ) { - if (parentFiber.subtreeFlags & 10256) - for (parentFiber = parentFiber.child; null !== parentFiber; ) + if ( + parentFiber.subtreeFlags & 10256 || + (0 !== parentFiber.actualDuration && + (null === parentFiber.alternate || + parentFiber.alternate.child !== parentFiber.child)) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + var nextSibling = parentFiber.sibling; commitPassiveMountOnFiber( root, parentFiber, committedLanes, - committedTransitions - ), - (parentFiber = parentFiber.sibling); + committedTransitions, + null !== nextSibling ? nextSibling.actualStartTime : endTime + ); + parentFiber = nextSibling; + } } function commitPassiveMountOnFiber( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ) { var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), + prevDeepEquality = alreadyWarnedForDeepEquality, flags = finishedWork.flags; switch (finishedWork.tag) { case 0: case 11: case 15: + (finishedWork.mode & ProfileMode) !== NoMode && + 0 < finishedWork.actualStartTime && + 0 !== (finishedWork.flags & 1) && + logComponentRender( + finishedWork, + finishedWork.actualStartTime, + endTime, + inHydratedSubtree, + committedLanes + ); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); flags & 2048 && commitHookPassiveMountEffects(finishedWork, Passive | HasEffect); break; case 1: + (finishedWork.mode & ProfileMode) !== NoMode && + 0 < finishedWork.actualStartTime && + (0 !== (finishedWork.flags & 128) + ? logComponentErrored( + finishedWork, + finishedWork.actualStartTime, + endTime, + [] + ) + : 0 !== (finishedWork.flags & 1) && + logComponentRender( + finishedWork, + finishedWork.actualStartTime, + endTime, + inHydratedSubtree, + committedLanes + )); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); break; case 3: - var prevProfilerEffectDuration = pushNestedEffectDurations(); + var prevProfilerEffectDuration = pushNestedEffectDurations(), + wasInHydratedSubtree = inHydratedSubtree; + inHydratedSubtree = + null !== finishedWork.alternate && + finishedWork.alternate.memoizedState.isDehydrated && + 0 === (finishedWork.flags & 256); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); + inHydratedSubtree = wasInHydratedSubtree; flags & 2048 && ((committedLanes = null), null !== finishedWork.alternate && (committedLanes = finishedWork.alternate.memoizedState.cache), - (finishedWork = finishedWork.memoizedState.cache), - finishedWork !== committedLanes && - (retainCache(finishedWork), + (committedTransitions = finishedWork.memoizedState.cache), + committedTransitions !== committedLanes && + (retainCache(committedTransitions), null != committedLanes && releaseCache(committedLanes))); finishedRoot.passiveEffectDuration += popNestedEffectDurations( prevProfilerEffectDuration @@ -14515,7 +15552,8 @@ finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); finishedRoot = finishedWork.stateNode; finishedRoot.passiveEffectDuration += @@ -14537,69 +15575,147 @@ finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); break; case 31: + flags = inHydratedSubtree; + prevProfilerEffectDuration = + null !== finishedWork.alternate + ? finishedWork.alternate.memoizedState + : null; + wasInHydratedSubtree = finishedWork.memoizedState; + null !== prevProfilerEffectDuration && null === wasInHydratedSubtree + ? ((wasInHydratedSubtree = finishedWork.deletions), + null !== wasInHydratedSubtree && + 0 < wasInHydratedSubtree.length && + 18 === wasInHydratedSubtree[0].tag + ? ((inHydratedSubtree = !1), + (prevProfilerEffectDuration = + prevProfilerEffectDuration.hydrationErrors), + null !== prevProfilerEffectDuration && + logComponentErrored( + finishedWork, + finishedWork.actualStartTime, + endTime, + prevProfilerEffectDuration + )) + : (inHydratedSubtree = !0)) + : (inHydratedSubtree = !1); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); + inHydratedSubtree = flags; break; case 13: + flags = inHydratedSubtree; + prevProfilerEffectDuration = + null !== finishedWork.alternate + ? finishedWork.alternate.memoizedState + : null; + wasInHydratedSubtree = finishedWork.memoizedState; + null === prevProfilerEffectDuration || + null === prevProfilerEffectDuration.dehydrated || + (null !== wasInHydratedSubtree && + null !== wasInHydratedSubtree.dehydrated) + ? (inHydratedSubtree = !1) + : ((wasInHydratedSubtree = finishedWork.deletions), + null !== wasInHydratedSubtree && + 0 < wasInHydratedSubtree.length && + 18 === wasInHydratedSubtree[0].tag + ? ((inHydratedSubtree = !1), + (prevProfilerEffectDuration = + prevProfilerEffectDuration.hydrationErrors), + null !== prevProfilerEffectDuration && + logComponentErrored( + finishedWork, + finishedWork.actualStartTime, + endTime, + prevProfilerEffectDuration + )) + : (inHydratedSubtree = !0)); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); + inHydratedSubtree = flags; break; case 23: break; case 22: - prevProfilerEffectDuration = finishedWork.stateNode; - var _current = finishedWork.alternate; + wasInHydratedSubtree = finishedWork.stateNode; + prevProfilerEffectDuration = finishedWork.alternate; null !== finishedWork.memoizedState - ? prevProfilerEffectDuration._visibility & + ? wasInHydratedSubtree._visibility & OffscreenPassiveEffectsConnected ? recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ) : recursivelyTraverseAtomicPassiveEffects( finishedRoot, - finishedWork + finishedWork, + committedLanes, + committedTransitions, + endTime ) - : prevProfilerEffectDuration._visibility & + : wasInHydratedSubtree._visibility & OffscreenPassiveEffectsConnected ? recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ) - : ((prevProfilerEffectDuration._visibility |= + : ((wasInHydratedSubtree._visibility |= OffscreenPassiveEffectsConnected), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, committedLanes, committedTransitions, - 0 !== (finishedWork.subtreeFlags & 10256) - )); + 0 !== (finishedWork.subtreeFlags & 10256), + endTime + ), + (finishedWork.mode & ProfileMode) === NoMode || + inHydratedSubtree || + ((finishedRoot = finishedWork.actualStartTime), + 0 <= finishedRoot && + 0.05 < endTime - finishedRoot && + logComponentReappeared(finishedWork, finishedRoot, endTime), + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentReappeared( + finishedWork, + componentEffectStartTime, + componentEffectEndTime + ))); flags & 2048 && - commitOffscreenPassiveMountEffects(_current, finishedWork); + commitOffscreenPassiveMountEffects( + prevProfilerEffectDuration, + finishedWork + ); break; case 24: recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); flags & 2048 && commitCachePassiveMountEffect(finishedWork.alternate, finishedWork); @@ -14609,40 +15725,101 @@ finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); } + if ((finishedWork.mode & ProfileMode) !== NoMode) { + if ( + (finishedRoot = + !inHydratedSubtree && + null === finishedWork.alternate && + null !== finishedWork.return && + null !== finishedWork.return.alternate) + ) + (committedLanes = finishedWork.actualStartTime), + 0 <= committedLanes && + 0.05 < endTime - committedLanes && + logComponentTrigger( + finishedWork, + committedLanes, + endTime, + "Mount" + ); + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ), + finishedRoot && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + "Mount" + )); + } popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseReconnectPassiveEffects( finishedRoot, parentFiber, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime ) { includeWorkInProgressEffects = includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 10256); - for (parentFiber = parentFiber.child; null !== parentFiber; ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + var nextSibling = parentFiber.sibling; reconnectPassiveEffects( finishedRoot, parentFiber, committedLanes, committedTransitions, - includeWorkInProgressEffects - ), - (parentFiber = parentFiber.sibling); + includeWorkInProgressEffects, + null !== nextSibling ? nextSibling.actualStartTime : endTime + ); + parentFiber = nextSibling; + } } function reconnectPassiveEffects( finishedRoot, finishedWork, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime ) { var prevEffectStart = pushComponentEffectStart(), - flags = finishedWork.flags; + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), + prevDeepEquality = alreadyWarnedForDeepEquality; + includeWorkInProgressEffects && + (finishedWork.mode & ProfileMode) !== NoMode && + 0 < finishedWork.actualStartTime && + 0 !== (finishedWork.flags & 1) && + logComponentRender( + finishedWork, + finishedWork.actualStartTime, + endTime, + inHydratedSubtree, + committedLanes + ); + var flags = finishedWork.flags; switch (finishedWork.tag) { case 0: case 11: @@ -14652,7 +15829,8 @@ finishedWork, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime ); commitHookPassiveMountEffects(finishedWork, Passive); break; @@ -14667,11 +15845,15 @@ finishedWork, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime ) : recursivelyTraverseAtomicPassiveEffects( finishedRoot, - finishedWork + finishedWork, + committedLanes, + committedTransitions, + endTime ) : ((_instance2._visibility |= OffscreenPassiveEffectsConnected), recursivelyTraverseReconnectPassiveEffects( @@ -14679,7 +15861,8 @@ finishedWork, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime )); includeWorkInProgressEffects && flags & 2048 && @@ -14694,7 +15877,8 @@ finishedWork, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime ); includeWorkInProgressEffects && flags & 2048 && @@ -14706,50 +15890,90 @@ finishedWork, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime ); } + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseAtomicPassiveEffects( finishedRoot$jscomp$0, - parentFiber + parentFiber, + committedLanes$jscomp$0, + committedTransitions$jscomp$0, + endTime$jscomp$0 ) { if (parentFiber.subtreeFlags & 10256) - for (parentFiber = parentFiber.child; null !== parentFiber; ) { + for (var child = parentFiber.child; null !== child; ) { + parentFiber = child.sibling; var finishedRoot = finishedRoot$jscomp$0, - finishedWork = parentFiber, - flags = finishedWork.flags; - switch (finishedWork.tag) { + committedLanes = committedLanes$jscomp$0, + committedTransitions = committedTransitions$jscomp$0, + endTime = + null !== parentFiber + ? parentFiber.actualStartTime + : endTime$jscomp$0, + prevDeepEquality = alreadyWarnedForDeepEquality; + (child.mode & ProfileMode) !== NoMode && + 0 < child.actualStartTime && + 0 !== (child.flags & 1) && + logComponentRender( + child, + child.actualStartTime, + endTime, + inHydratedSubtree, + committedLanes + ); + var flags = child.flags; + switch (child.tag) { case 22: recursivelyTraverseAtomicPassiveEffects( finishedRoot, - finishedWork + child, + committedLanes, + committedTransitions, + endTime ); flags & 2048 && - commitOffscreenPassiveMountEffects( - finishedWork.alternate, - finishedWork - ); + commitOffscreenPassiveMountEffects(child.alternate, child); break; case 24: recursivelyTraverseAtomicPassiveEffects( finishedRoot, - finishedWork + child, + committedLanes, + committedTransitions, + endTime ); flags & 2048 && - commitCachePassiveMountEffect( - finishedWork.alternate, - finishedWork - ); + commitCachePassiveMountEffect(child.alternate, child); break; default: recursivelyTraverseAtomicPassiveEffects( finishedRoot, - finishedWork + child, + committedLanes, + committedTransitions, + endTime ); } - parentFiber = parentFiber.sibling; + alreadyWarnedForDeepEquality = prevDeepEquality; + child = parentFiber; } } function recursivelyAccumulateSuspenseyCommit( @@ -14860,6 +16084,16 @@ childToDelete, parentFiber ); + (childToDelete.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + childToDelete, + componentEffectStartTime, + componentEffectEndTime, + "Unmount" + ); popComponentEffectStart(prevEffectStart); } detachAlternateSiblings(parentFiber); @@ -14870,7 +16104,10 @@ (parentFiber = parentFiber.sibling); } function commitPassiveUnmountOnFiber(finishedWork) { - var prevEffectStart = pushComponentEffectStart(); + var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -14903,13 +16140,37 @@ (null === finishedWork.return || 13 !== finishedWork.return.tag) ? ((prevProfilerEffectDuration._visibility &= ~OffscreenPassiveEffectsConnected), - recursivelyTraverseDisconnectPassiveEffects(finishedWork)) + recursivelyTraverseDisconnectPassiveEffects(finishedWork), + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + "Disconnect" + )) : recursivelyTraversePassiveUnmountEffects(finishedWork); break; default: recursivelyTraversePassiveUnmountEffects(finishedWork); } + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; + componentEffectErrors = prevEffectErrors; } function recursivelyTraverseDisconnectPassiveEffects(parentFiber) { var deletions = parentFiber.deletions; @@ -14923,6 +16184,16 @@ childToDelete, parentFiber ); + (childToDelete.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + childToDelete, + componentEffectStartTime, + componentEffectEndTime, + "Unmount" + ); popComponentEffectStart(prevEffectStart); } detachAlternateSiblings(parentFiber); @@ -14932,7 +16203,10 @@ (parentFiber = parentFiber.sibling); } function disconnectPassiveEffect(finishedWork) { - var prevEffectStart = pushComponentEffectStart(); + var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -14953,7 +16227,21 @@ default: recursivelyTraverseDisconnectPassiveEffects(finishedWork); } + (finishedWork.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; + componentEffectErrors = prevEffectErrors; } function commitPassiveUnmountEffectsInsideOfDeletedTree_begin( deletedSubtreeRoot, @@ -14963,7 +16251,10 @@ var fiber = nextEffect, current = fiber, nearestMountedAncestor = nearestMountedAncestor$jscomp$0, - prevEffectStart = pushComponentEffectStart(); + prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (current.tag) { case 0: case 11: @@ -14978,32 +16269,46 @@ case 22: null !== current.memoizedState && null !== current.memoizedState.cachePool && - ((current = current.memoizedState.cachePool.pool), - null != current && retainCache(current)); + ((nearestMountedAncestor = current.memoizedState.cachePool.pool), + null != nearestMountedAncestor && + retainCache(nearestMountedAncestor)); break; case 24: releaseCache(current.memoizedState.cache); } + (current.mode & ProfileMode) !== NoMode && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + current, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); - prevEffectStart = fiber.child; - if (null !== prevEffectStart) - (prevEffectStart.return = fiber), (nextEffect = prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; + componentEffectErrors = prevEffectErrors; + current = fiber.child; + if (null !== current) (current.return = fiber), (nextEffect = current); else a: for (fiber = deletedSubtreeRoot; null !== nextEffect; ) { - prevEffectStart = nextEffect; - current = prevEffectStart.sibling; - nearestMountedAncestor = prevEffectStart.return; - detachFiberAfterEffects(prevEffectStart); - if (prevEffectStart === fiber) { + current = nextEffect; + prevEffectStart = current.sibling; + prevEffectDuration = current.return; + detachFiberAfterEffects(current); + if (current === fiber) { nextEffect = null; break a; } - if (null !== current) { - current.return = nearestMountedAncestor; - nextEffect = current; + if (null !== prevEffectStart) { + prevEffectStart.return = prevEffectDuration; + nextEffect = prevEffectStart; break a; } - nextEffect = nearestMountedAncestor; + nextEffect = prevEffectDuration; } } } @@ -15115,32 +16420,134 @@ function performWorkOnRoot(root, lanes, forceSync) { if ((executionContext & (RenderContext | CommitContext)) !== NoContext) throw Error("Should not already be working."); - var shouldTimeSlice = - (!forceSync && - 0 === (lanes & 127) && - 0 === (lanes & root.expiredLanes)) || - checkIfRootIsPrerendering(root, lanes), - exitStatus = shouldTimeSlice - ? renderRootConcurrent(root, lanes) - : renderRootSync(root, lanes, !0), - renderWasConcurrent = shouldTimeSlice; + if (0 !== workInProgressRootRenderLanes && null !== workInProgress) { + var yieldedFiber = workInProgress, + yieldEndTime = now$1(); + switch (yieldReason) { + case SuspendedOnImmediate: + case SuspendedOnData: + var startTime = yieldStartTime; + supportsUserTiming && + ((yieldedFiber = yieldedFiber._debugTask) + ? yieldedFiber.run( + console.timeStamp.bind( + console, + "Suspended", + startTime, + yieldEndTime, + COMPONENTS_TRACK, + void 0, + "primary-light" + ) + ) + : console.timeStamp( + "Suspended", + startTime, + yieldEndTime, + COMPONENTS_TRACK, + void 0, + "primary-light" + )); + break; + case SuspendedOnAction: + startTime = yieldStartTime; + supportsUserTiming && + ((yieldedFiber = yieldedFiber._debugTask) + ? yieldedFiber.run( + console.timeStamp.bind( + console, + "Action", + startTime, + yieldEndTime, + COMPONENTS_TRACK, + void 0, + "primary-light" + ) + ) + : console.timeStamp( + "Action", + startTime, + yieldEndTime, + COMPONENTS_TRACK, + void 0, + "primary-light" + )); + break; + default: + supportsUserTiming && + ((yieldedFiber = yieldEndTime - yieldStartTime), + 3 > yieldedFiber || + console.timeStamp( + "Blocked", + yieldStartTime, + yieldEndTime, + COMPONENTS_TRACK, + void 0, + 5 > yieldedFiber + ? "primary-light" + : 10 > yieldedFiber + ? "primary" + : 100 > yieldedFiber + ? "primary-dark" + : "error" + )); + } + } + startTime = (forceSync = + (!forceSync && + 0 === (lanes & 127) && + 0 === (lanes & root.expiredLanes)) || + checkIfRootIsPrerendering(root, lanes)) + ? renderRootConcurrent(root, lanes) + : renderRootSync(root, lanes, !0); + var renderWasConcurrent = forceSync; do { - if (exitStatus === RootInProgress) { + if (startTime === RootInProgress) { workInProgressRootIsPrerendering && - !shouldTimeSlice && + !forceSync && markRootSuspended(root, lanes, 0, !1); + lanes = workInProgressSuspendedReason; + yieldStartTime = now(); + yieldReason = lanes; break; } else { - forceSync = root.current.alternate; + yieldedFiber = now$1(); + yieldEndTime = root.current.alternate; if ( renderWasConcurrent && - !isRenderConsistentWithExternalStores(forceSync) + !isRenderConsistentWithExternalStores(yieldEndTime) ) { - exitStatus = renderRootSync(root, lanes, !1); + setCurrentTrackFromLanes(lanes); + yieldEndTime = renderStartTime; + startTime = yieldedFiber; + !supportsUserTiming || + startTime <= yieldEndTime || + (workInProgressUpdateTask + ? workInProgressUpdateTask.run( + console.timeStamp.bind( + console, + "Teared Render", + yieldEndTime, + startTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + ) + ) + : console.timeStamp( + "Teared Render", + yieldEndTime, + startTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + )); + finalizeRender(lanes, yieldedFiber); + startTime = renderRootSync(root, lanes, !1); renderWasConcurrent = !1; continue; } - if (exitStatus === RootErrored) { + if (startTime === RootErrored) { renderWasConcurrent = lanes; if (root.errorRecoveryDisabledLanes & renderWasConcurrent) var errorRetryLanes = 0; @@ -15153,67 +16560,93 @@ ? 536870912 : 0); if (0 !== errorRetryLanes) { + setCurrentTrackFromLanes(lanes); + logErroredRenderPhase( + renderStartTime, + yieldedFiber, + lanes, + workInProgressUpdateTask + ); + finalizeRender(lanes, yieldedFiber); lanes = errorRetryLanes; a: { - exitStatus = root; - var errorRetryLanes$jscomp$0 = errorRetryLanes; - errorRetryLanes = workInProgressRootConcurrentErrors; + yieldedFiber = root; + startTime = renderWasConcurrent; + renderWasConcurrent = workInProgressRootConcurrentErrors; var wasRootDehydrated = - exitStatus.current.memoizedState.isDehydrated; + yieldedFiber.current.memoizedState.isDehydrated; wasRootDehydrated && - (prepareFreshStack( - exitStatus, - errorRetryLanes$jscomp$0 - ).flags |= 256); - errorRetryLanes$jscomp$0 = renderRootSync( - exitStatus, - errorRetryLanes$jscomp$0, + (prepareFreshStack(yieldedFiber, errorRetryLanes).flags |= + 256); + errorRetryLanes = renderRootSync( + yieldedFiber, + errorRetryLanes, !1 ); - if (errorRetryLanes$jscomp$0 !== RootErrored) { + if (errorRetryLanes !== RootErrored) { if ( workInProgressRootDidAttachPingListener && !wasRootDehydrated ) { - exitStatus.errorRecoveryDisabledLanes |= - renderWasConcurrent; - workInProgressRootInterleavedUpdatedLanes |= - renderWasConcurrent; - exitStatus = RootSuspendedWithDelay; + yieldedFiber.errorRecoveryDisabledLanes |= startTime; + workInProgressRootInterleavedUpdatedLanes |= startTime; + startTime = RootSuspendedWithDelay; break a; } - exitStatus = workInProgressRootRecoverableErrors; - workInProgressRootRecoverableErrors = errorRetryLanes; - null !== exitStatus && + yieldedFiber = workInProgressRootRecoverableErrors; + workInProgressRootRecoverableErrors = renderWasConcurrent; + null !== yieldedFiber && (null === workInProgressRootRecoverableErrors - ? (workInProgressRootRecoverableErrors = exitStatus) + ? (workInProgressRootRecoverableErrors = yieldedFiber) : workInProgressRootRecoverableErrors.push.apply( workInProgressRootRecoverableErrors, - exitStatus + yieldedFiber )); } - exitStatus = errorRetryLanes$jscomp$0; + startTime = errorRetryLanes; } renderWasConcurrent = !1; - if (exitStatus !== RootErrored) continue; + if (startTime !== RootErrored) continue; + else yieldedFiber = now$1(); } } - if (exitStatus === RootFatalErrored) { + if (startTime === RootFatalErrored) { + setCurrentTrackFromLanes(lanes); + logErroredRenderPhase( + renderStartTime, + yieldedFiber, + lanes, + workInProgressUpdateTask + ); + finalizeRender(lanes, yieldedFiber); prepareFreshStack(root, 0); markRootSuspended(root, lanes, 0, !0); break; } a: { - shouldTimeSlice = root; - switch (exitStatus) { + forceSync = root; + switch (startTime) { case RootInProgress: case RootFatalErrored: throw Error("Root did not complete. This is a bug in React."); case RootSuspendedWithDelay: if ((lanes & 4194048) !== lanes) break; case RootSuspendedAtTheShell: + setCurrentTrackFromLanes(lanes); + logSuspendedRenderPhase( + renderStartTime, + yieldedFiber, + lanes, + workInProgressUpdateTask + ); + finalizeRender(lanes, yieldedFiber); + yieldEndTime = lanes; + 0 !== (yieldEndTime & 127) + ? (blockingSuspendedTime = yieldedFiber) + : 0 !== (yieldEndTime & 4194048) && + (transitionSuspendedTime = yieldedFiber); markRootSuspended( - shouldTimeSlice, + forceSync, lanes, workInProgressDeferredLane, !workInProgressRootDidSkipSuspendedSiblings @@ -15230,15 +16663,20 @@ } if (null !== ReactSharedInternals.actQueue) commitRoot( - shouldTimeSlice, forceSync, + yieldEndTime, lanes, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, workInProgressDeferredLane, workInProgressRootInterleavedUpdatedLanes, - workInProgressSuspendedRetryLanes + workInProgressSuspendedRetryLanes, + startTime, + null, + null, + renderStartTime, + yieldedFiber ); else { if ( @@ -15250,18 +16688,18 @@ 10 < renderWasConcurrent) ) { markRootSuspended( - shouldTimeSlice, + forceSync, lanes, workInProgressDeferredLane, !workInProgressRootDidSkipSuspendedSiblings ); - if (0 !== getNextLanes(shouldTimeSlice, 0, !0)) break a; + if (0 !== getNextLanes(forceSync, 0, !0)) break a; pendingEffectsLanes = lanes; - shouldTimeSlice.timeoutHandle = scheduleTimeout( + forceSync.timeoutHandle = scheduleTimeout( commitRootWhenReady.bind( null, - shouldTimeSlice, forceSync, + yieldEndTime, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, @@ -15270,18 +16708,18 @@ workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - exitStatus, + startTime, "Throttled", renderStartTime, - 0 + yieldedFiber ), renderWasConcurrent ); break a; } commitRootWhenReady( - shouldTimeSlice, forceSync, + yieldEndTime, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, @@ -15290,10 +16728,10 @@ workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - exitStatus, + startTime, null, renderStartTime, - 0 + yieldedFiber ); } } @@ -15319,39 +16757,32 @@ completedRenderEndTime ) { root.timeoutHandle = noTimeout; - suspendedCommitReason = finishedWork.subtreeFlags; - if ( - suspendedCommitReason & 8192 || - 16785408 === (suspendedCommitReason & 16785408) - ) { - suspendedCommitReason = { - stylesheets: null, - count: 0, - imgCount: 0, - imgBytes: 0, - suspenseyImages: [], - waitingForImages: !0, - waitingForViewTransition: !1, - unsuspend: noop$1 - }; - accumulateSuspenseyCommitOnFiber( - finishedWork, - lanes, - suspendedCommitReason - ); - var timeoutOffset = - (lanes & 62914560) === lanes - ? globalMostRecentFallbackTime - now$1() - : (lanes & 4194048) === lanes - ? globalMostRecentTransitionTime - now$1() - : 0; - timeoutOffset = waitForCommitToBeReady( - suspendedCommitReason, - timeoutOffset - ); - if (null !== timeoutOffset) { + var subtreeFlags = finishedWork.subtreeFlags, + suspendedState = null; + if (subtreeFlags & 8192 || 16785408 === (subtreeFlags & 16785408)) + if ( + ((suspendedState = { + stylesheets: null, + count: 0, + imgCount: 0, + imgBytes: 0, + suspenseyImages: [], + waitingForImages: !0, + waitingForViewTransition: !1, + unsuspend: noop$1 + }), + accumulateSuspenseyCommitOnFiber(finishedWork, lanes, suspendedState), + (subtreeFlags = + (lanes & 62914560) === lanes + ? globalMostRecentFallbackTime - now$1() + : (lanes & 4194048) === lanes + ? globalMostRecentTransitionTime - now$1() + : 0), + (subtreeFlags = waitForCommitToBeReady(suspendedState, subtreeFlags)), + null !== subtreeFlags) + ) { pendingEffectsLanes = lanes; - root.cancelPendingCommit = timeoutOffset( + root.cancelPendingCommit = subtreeFlags( commitRoot.bind( null, root, @@ -15364,16 +16795,16 @@ updatedLanes, suspendedRetryLanes, exitStatus, - suspendedCommitReason, - suspendedCommitReason.waitingForViewTransition + suspendedState, + suspendedState.waitingForViewTransition ? "Waiting for the previous Animation" - : 0 < suspendedCommitReason.count - ? 0 < suspendedCommitReason.imgCount + : 0 < suspendedState.count + ? 0 < suspendedState.imgCount ? "Suspended on CSS and Images" : "Suspended on CSS" - : 1 === suspendedCommitReason.imgCount + : 1 === suspendedState.imgCount ? "Suspended on an Image" - : 0 < suspendedCommitReason.imgCount + : 0 < suspendedState.imgCount ? "Suspended on Images" : null, completedRenderStartTime, @@ -15388,7 +16819,6 @@ ); return; } - } commitRoot( root, finishedWork, @@ -15398,7 +16828,12 @@ didIncludeRenderPhaseUpdate, spawnedLane, updatedLanes, - suspendedRetryLanes + suspendedRetryLanes, + exitStatus, + suspendedState, + suspendedCommitReason, + completedRenderStartTime, + completedRenderEndTime ); } function isRenderConsistentWithExternalStores(finishedWork) { @@ -15478,17 +16913,368 @@ workInProgress = null; } } + function finalizeRender(lanes, finalizationTime) { + 0 !== (lanes & 127) && (blockingClampTime = finalizationTime); + 0 !== (lanes & 4194048) && (transitionClampTime = finalizationTime); + 0 !== (lanes & 62914560) && (retryClampTime = finalizationTime); + 0 !== (lanes & 2080374784) && (idleClampTime = finalizationTime); + } function prepareFreshStack(root, lanes) { - var timeoutHandle = root.timeoutHandle; - timeoutHandle !== noTimeout && - ((root.timeoutHandle = noTimeout), cancelTimeout(timeoutHandle)); - timeoutHandle = root.cancelPendingCommit; - null !== timeoutHandle && - ((root.cancelPendingCommit = null), timeoutHandle()); + supportsUserTiming && + (console.timeStamp( + "Blocking Track", + 0.003, + 0.003, + "Blocking", + LANES_TRACK_GROUP, + "primary-light" + ), + console.timeStamp( + "Transition Track", + 0.003, + 0.003, + "Transition", + LANES_TRACK_GROUP, + "primary-light" + ), + console.timeStamp( + "Suspense Track", + 0.003, + 0.003, + "Suspense", + LANES_TRACK_GROUP, + "primary-light" + ), + console.timeStamp( + "Idle Track", + 0.003, + 0.003, + "Idle", + LANES_TRACK_GROUP, + "primary-light" + )); + var previousRenderStartTime = renderStartTime; + renderStartTime = now(); + if (0 !== workInProgressRootRenderLanes && 0 < previousRenderStartTime) { + setCurrentTrackFromLanes(workInProgressRootRenderLanes); + if ( + workInProgressRootExitStatus === RootSuspended || + workInProgressRootExitStatus === RootSuspendedWithDelay + ) + logSuspendedRenderPhase( + previousRenderStartTime, + renderStartTime, + lanes, + workInProgressUpdateTask + ); + else { + var endTime = renderStartTime, + debugTask = workInProgressUpdateTask; + if (supportsUserTiming && !(endTime <= previousRenderStartTime)) { + var color = + (lanes & 738197653) === lanes + ? "tertiary-dark" + : "primary-dark", + label = + (lanes & 536870912) === lanes + ? "Prewarm" + : (lanes & 201326741) === lanes + ? "Interrupted Hydration" + : "Interrupted Render"; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + label, + previousRenderStartTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + color + ) + ) + : console.timeStamp( + label, + previousRenderStartTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + color + ); + } + } + finalizeRender(workInProgressRootRenderLanes, renderStartTime); + } + previousRenderStartTime = workInProgressUpdateTask; + workInProgressUpdateTask = null; + if (0 !== (lanes & 127)) { + workInProgressUpdateTask = blockingUpdateTask; + debugTask = + 0 <= blockingUpdateTime && blockingUpdateTime < blockingClampTime + ? blockingClampTime + : blockingUpdateTime; + endTime = + 0 <= blockingEventTime && blockingEventTime < blockingClampTime + ? blockingClampTime + : blockingEventTime; + color = + 0 <= endTime ? endTime : 0 <= debugTask ? debugTask : renderStartTime; + 0 <= blockingSuspendedTime + ? (setCurrentTrackFromLanes(2), + logSuspendedWithDelayPhase( + blockingSuspendedTime, + color, + lanes, + previousRenderStartTime + )) + : 0 !== (animatingLanes & 127) && + (setCurrentTrackFromLanes(2), + logAnimatingPhase(blockingClampTime, color, animatingTask)); + previousRenderStartTime = debugTask; + var eventTime = endTime, + eventType = blockingEventType, + eventIsRepeat = 0 < blockingEventRepeatTime, + isSpawnedUpdate = blockingUpdateType === SPAWNED_UPDATE, + isPingedUpdate = blockingUpdateType === PINGED_UPDATE; + debugTask = renderStartTime; + endTime = blockingUpdateTask; + color = blockingUpdateMethodName; + label = blockingUpdateComponentName; + if (supportsUserTiming) { + currentTrack = "Blocking"; + 0 < previousRenderStartTime + ? previousRenderStartTime > debugTask && + (previousRenderStartTime = debugTask) + : (previousRenderStartTime = debugTask); + 0 < eventTime + ? eventTime > previousRenderStartTime && + (eventTime = previousRenderStartTime) + : (eventTime = previousRenderStartTime); + if (null !== eventType && previousRenderStartTime > eventTime) { + var color$jscomp$0 = eventIsRepeat ? "secondary-light" : "warning"; + endTime + ? endTime.run( + console.timeStamp.bind( + console, + eventIsRepeat ? "Consecutive" : "Event: " + eventType, + eventTime, + previousRenderStartTime, + currentTrack, + LANES_TRACK_GROUP, + color$jscomp$0 + ) + ) + : console.timeStamp( + eventIsRepeat ? "Consecutive" : "Event: " + eventType, + eventTime, + previousRenderStartTime, + currentTrack, + LANES_TRACK_GROUP, + color$jscomp$0 + ); + } + debugTask > previousRenderStartTime && + ((eventTime = isSpawnedUpdate + ? "error" + : (lanes & 738197653) === lanes + ? "tertiary-light" + : "primary-light"), + (isSpawnedUpdate = isPingedUpdate + ? "Promise Resolved" + : isSpawnedUpdate + ? "Cascading Update" + : 5 < debugTask - previousRenderStartTime + ? "Update Blocked" + : "Update"), + (isPingedUpdate = []), + null != label && isPingedUpdate.push(["Component name", label]), + null != color && isPingedUpdate.push(["Method name", color]), + (previousRenderStartTime = { + start: previousRenderStartTime, + end: debugTask, + detail: { + devtools: { + properties: isPingedUpdate, + track: currentTrack, + trackGroup: LANES_TRACK_GROUP, + color: eventTime + } + } + }), + endTime + ? endTime.run( + performance.measure.bind( + performance, + isSpawnedUpdate, + previousRenderStartTime + ) + ) + : performance.measure(isSpawnedUpdate, previousRenderStartTime)); + } + blockingUpdateTime = -1.1; + blockingUpdateType = 0; + blockingUpdateComponentName = blockingUpdateMethodName = null; + blockingSuspendedTime = -1.1; + blockingEventRepeatTime = blockingEventTime; + blockingEventTime = -1.1; + blockingClampTime = now(); + } + 0 !== (lanes & 4194048) && + ((workInProgressUpdateTask = transitionUpdateTask), + (debugTask = + 0 <= transitionStartTime && transitionStartTime < transitionClampTime + ? transitionClampTime + : transitionStartTime), + (previousRenderStartTime = + 0 <= transitionUpdateTime && + transitionUpdateTime < transitionClampTime + ? transitionClampTime + : transitionUpdateTime), + (endTime = + 0 <= transitionEventTime && transitionEventTime < transitionClampTime + ? transitionClampTime + : transitionEventTime), + (color = + 0 <= endTime + ? endTime + : 0 <= previousRenderStartTime + ? previousRenderStartTime + : renderStartTime), + 0 <= transitionSuspendedTime + ? (setCurrentTrackFromLanes(256), + logSuspendedWithDelayPhase( + transitionSuspendedTime, + color, + lanes, + workInProgressUpdateTask + )) + : 0 !== (animatingLanes & 4194048) && + (setCurrentTrackFromLanes(256), + logAnimatingPhase(transitionClampTime, color, animatingTask)), + (isPingedUpdate = endTime), + (eventTime = transitionEventType), + (eventType = 0 < transitionEventRepeatTime), + (eventIsRepeat = transitionUpdateType === PINGED_UPDATE), + (color = renderStartTime), + (endTime = transitionUpdateTask), + (label = transitionUpdateMethodName), + (isSpawnedUpdate = transitionUpdateComponentName), + supportsUserTiming && + ((currentTrack = "Transition"), + 0 < previousRenderStartTime + ? previousRenderStartTime > color && + (previousRenderStartTime = color) + : (previousRenderStartTime = color), + 0 < debugTask + ? debugTask > previousRenderStartTime && + (debugTask = previousRenderStartTime) + : (debugTask = previousRenderStartTime), + 0 < isPingedUpdate + ? isPingedUpdate > debugTask && (isPingedUpdate = debugTask) + : (isPingedUpdate = debugTask), + debugTask > isPingedUpdate && + null !== eventTime && + ((color$jscomp$0 = eventType ? "secondary-light" : "warning"), + endTime + ? endTime.run( + console.timeStamp.bind( + console, + eventType ? "Consecutive" : "Event: " + eventTime, + isPingedUpdate, + debugTask, + currentTrack, + LANES_TRACK_GROUP, + color$jscomp$0 + ) + ) + : console.timeStamp( + eventType ? "Consecutive" : "Event: " + eventTime, + isPingedUpdate, + debugTask, + currentTrack, + LANES_TRACK_GROUP, + color$jscomp$0 + )), + previousRenderStartTime > debugTask && + (endTime + ? endTime.run( + console.timeStamp.bind( + console, + "Action", + debugTask, + previousRenderStartTime, + currentTrack, + LANES_TRACK_GROUP, + "primary-dark" + ) + ) + : console.timeStamp( + "Action", + debugTask, + previousRenderStartTime, + currentTrack, + LANES_TRACK_GROUP, + "primary-dark" + )), + color > previousRenderStartTime && + ((debugTask = eventIsRepeat + ? "Promise Resolved" + : 5 < color - previousRenderStartTime + ? "Update Blocked" + : "Update"), + (isPingedUpdate = []), + null != isSpawnedUpdate && + isPingedUpdate.push(["Component name", isSpawnedUpdate]), + null != label && isPingedUpdate.push(["Method name", label]), + (previousRenderStartTime = { + start: previousRenderStartTime, + end: color, + detail: { + devtools: { + properties: isPingedUpdate, + track: currentTrack, + trackGroup: LANES_TRACK_GROUP, + color: "primary-light" + } + } + }), + endTime + ? endTime.run( + performance.measure.bind( + performance, + debugTask, + previousRenderStartTime + ) + ) + : performance.measure(debugTask, previousRenderStartTime))), + (transitionUpdateTime = transitionStartTime = -1.1), + (transitionUpdateType = 0), + (transitionSuspendedTime = -1.1), + (transitionEventRepeatTime = transitionEventTime), + (transitionEventTime = -1.1), + (transitionClampTime = now())); + 0 !== (lanes & 62914560) && + 0 !== (animatingLanes & 62914560) && + (setCurrentTrackFromLanes(4194304), + logAnimatingPhase(retryClampTime, renderStartTime, animatingTask)); + 0 !== (lanes & 2080374784) && + 0 !== (animatingLanes & 2080374784) && + (setCurrentTrackFromLanes(268435456), + logAnimatingPhase(idleClampTime, renderStartTime, animatingTask)); + previousRenderStartTime = root.timeoutHandle; + previousRenderStartTime !== noTimeout && + ((root.timeoutHandle = noTimeout), + cancelTimeout(previousRenderStartTime)); + previousRenderStartTime = root.cancelPendingCommit; + null !== previousRenderStartTime && + ((root.cancelPendingCommit = null), previousRenderStartTime()); pendingEffectsLanes = 0; resetWorkInProgressStack(); workInProgressRoot = root; - workInProgress = timeoutHandle = createWorkInProgress(root.current, null); + workInProgress = previousRenderStartTime = createWorkInProgress( + root.current, + null + ); workInProgressRootRenderLanes = lanes; workInProgressSuspendedReason = NotSuspended; workInProgressThrownValue = null; @@ -15506,26 +17292,21 @@ null; workInProgressRootDidIncludeRecursiveRenderUpdate = !1; 0 !== (lanes & 8) && (lanes |= lanes & 32); - var allEntangledLanes = root.entangledLanes; - if (0 !== allEntangledLanes) - for ( - root = root.entanglements, allEntangledLanes &= lanes; - 0 < allEntangledLanes; - - ) { - var index = 31 - clz32(allEntangledLanes), - lane = 1 << index; - lanes |= root[index]; - allEntangledLanes &= ~lane; - } + endTime = root.entangledLanes; + if (0 !== endTime) + for (root = root.entanglements, endTime &= lanes; 0 < endTime; ) + (debugTask = 31 - clz32(endTime)), + (color = 1 << debugTask), + (lanes |= root[debugTask]), + (endTime &= ~color); entangledRenderLanes = lanes; finishQueueingConcurrentUpdates(); - lanes = getCurrentTime(); - 1e3 < lanes - lastResetTime && + root = getCurrentTime(); + 1e3 < root - lastResetTime && ((ReactSharedInternals.recentlyCreatedOwnerStacks = 0), - (lastResetTime = lanes)); + (lastResetTime = root)); ReactStrictModeWarnings.discardPendingWarnings(); - return timeoutHandle; + return previousRenderStartTime; } function handleThrow(root, thrownValue) { currentlyRenderingFiber = null; @@ -15550,43 +17331,14 @@ : SuspendedOnError); workInProgressThrownValue = thrownValue; var erroredWork = workInProgress; - if (null === erroredWork) - (workInProgressRootExitStatus = RootFatalErrored), + null === erroredWork + ? ((workInProgressRootExitStatus = RootFatalErrored), logUncaughtError( root, createCapturedValueAtFiber(thrownValue, root.current) - ); - else - switch ( - (erroredWork.mode & ProfileMode && - stopProfilerTimerIfRunningAndRecordDuration(erroredWork), - markComponentRenderStopped(), - workInProgressSuspendedReason) - ) { - case SuspendedOnError: - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentErrored && - injectedProfilingHooks.markComponentErrored( - erroredWork, - thrownValue, - workInProgressRootRenderLanes - ); - break; - case SuspendedOnData: - case SuspendedOnAction: - case SuspendedOnImmediate: - case SuspendedOnDeprecatedThrowPromise: - case SuspendedAndReadyToContinue: - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentSuspended && - injectedProfilingHooks.markComponentSuspended( - erroredWork, - thrownValue, - workInProgressRootRenderLanes - ); - } + )) + : erroredWork.mode & ProfileMode && + stopProfilerTimerIfRunningAndRecordDuration(erroredWork); } function shouldRemainOnPreviousScreen() { var handler = suspenseHandlerStackCursor.current; @@ -15613,6 +17365,11 @@ ReactSharedInternals.A = DefaultAsyncDispatcher; return prevAsyncDispatcher; } + function markRenderDerivedCause(fiber) { + null === workInProgressUpdateTask && + (workInProgressUpdateTask = + null == fiber._debugTask ? null : fiber._debugTask); + } function renderDidSuspendDelayIfPossible() { workInProgressRootExitStatus = RootSuspendedWithDelay; workInProgressRootDidSkipSuspendedSiblings || @@ -15649,7 +17406,6 @@ workInProgressTransitions = null; prepareFreshStack(root, lanes); } - markRenderStarted(lanes); lanes = !1; memoizedUpdaters = workInProgressRootExitStatus; a: do @@ -15701,7 +17457,6 @@ executionContext = prevExecutionContext; ReactSharedInternals.H = prevDispatcher; ReactSharedInternals.A = prevAsyncDispatcher; - markRenderStopped(); null === workInProgress && ((workInProgressRoot = null), (workInProgressRootRenderLanes = 0), @@ -15735,7 +17490,6 @@ root, lanes ); - markRenderStarted(lanes); a: do try { if ( @@ -15868,14 +17622,7 @@ ReactSharedInternals.H = prevDispatcher; ReactSharedInternals.A = prevAsyncDispatcher; executionContext = prevExecutionContext; - if (null !== workInProgress) - return ( - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markRenderYielded && - injectedProfilingHooks.markRenderYielded(), - RootInProgress - ); - markRenderStopped(); + if (null !== workInProgress) return RootInProgress; workInProgressRoot = null; workInProgressRootRenderLanes = 0; finishQueueingConcurrentUpdates(); @@ -16089,7 +17836,12 @@ didIncludeRenderPhaseUpdate, spawnedLane, updatedLanes, - suspendedRetryLanes + suspendedRetryLanes, + exitStatus, + suspendedState, + suspendedCommitReason, + completedRenderStartTime, + completedRenderEndTime ) { root.cancelPendingCommit = null; do flushPendingEffects(); @@ -16098,11 +17850,33 @@ ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings(); if ((executionContext & (RenderContext | CommitContext)) !== NoContext) throw Error("Should not already be working."); - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markCommitStarted && - injectedProfilingHooks.markCommitStarted(lanes); - if (null === finishedWork) markCommitStopped(); - else { + setCurrentTrackFromLanes(lanes); + exitStatus === RootErrored + ? logErroredRenderPhase( + completedRenderStartTime, + completedRenderEndTime, + lanes, + workInProgressUpdateTask + ) + : null !== recoverableErrors + ? logRecoveredRenderPhase( + completedRenderStartTime, + completedRenderEndTime, + lanes, + recoverableErrors, + null !== finishedWork && + null !== finishedWork.alternate && + finishedWork.alternate.memoizedState.isDehydrated && + 0 !== (finishedWork.flags & 256), + workInProgressUpdateTask + ) + : logRenderPhase( + completedRenderStartTime, + completedRenderEndTime, + lanes, + workInProgressUpdateTask + ); + if (null !== finishedWork) { 0 === lanes && console.error( "finishedLanes should not be empty during a commit. This is a bug in React." @@ -16131,16 +17905,32 @@ pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate; pendingPassiveTransitions = transitions; pendingRecoverableErrors = recoverableErrors; + pendingEffectsRenderEndTime = completedRenderEndTime; + pendingSuspendedCommitReason = suspendedCommitReason; + pendingDelayedCommitReason = IMMEDIATE_COMMIT; + pendingSuspendedViewTransitionReason = null; + 0 !== finishedWork.actualDuration || 0 !== (finishedWork.subtreeFlags & 10256) || 0 !== (finishedWork.flags & 10256) ? ((root.callbackNode = null), (root.callbackPriority = 0), scheduleCallback$1(NormalPriority$1, function () { + schedulerEvent = window.event; + pendingDelayedCommitReason === IMMEDIATE_COMMIT && + (pendingDelayedCommitReason = DELAYED_PASSIVE_COMMIT); flushPassiveEffects(); return null; })) : ((root.callbackNode = null), (root.callbackPriority = 0)); + commitErrors = null; commitStartTime = now(); + null !== suspendedCommitReason && + logSuspendedCommitPhase( + completedRenderEndTime, + commitStartTime, + suspendedCommitReason, + workInProgressUpdateTask + ); recoverableErrors = 0 !== (finishedWork.flags & 13878); if (0 !== (finishedWork.subtreeFlags & 13878) || recoverableErrors) { recoverableErrors = ReactSharedInternals.T; @@ -16183,7 +17973,7 @@ try { inProgressLanes = lanes; inProgressRoot = root; - componentEffectStartTime = -1.1; + resetComponentEffectTimers(); commitMutationEffectsOnFiber(finishedWork, root); inProgressRoot = inProgressLanes = null; lanes = selectionInformation; @@ -16299,11 +18089,40 @@ function flushLayoutEffects() { if (pendingEffectsStatus === PENDING_LAYOUT_PHASE) { pendingEffectsStatus = NO_PENDING_EFFECTS; - var root = pendingEffectsRoot, - finishedWork = pendingFinishedWork, - lanes = pendingEffectsLanes, - rootHasLayoutEffect = 0 !== (finishedWork.flags & 8772); - if (0 !== (finishedWork.subtreeFlags & 8772) || rootHasLayoutEffect) { + var suspendedViewTransitionReason = + pendingSuspendedViewTransitionReason; + if (null !== suspendedViewTransitionReason) { + commitStartTime = now(); + var startTime = commitEndTime, + endTime = commitStartTime; + !supportsUserTiming || + endTime <= startTime || + (animatingTask + ? animatingTask.run( + console.timeStamp.bind( + console, + suspendedViewTransitionReason, + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + ) + ) + : console.timeStamp( + suspendedViewTransitionReason, + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + )); + } + suspendedViewTransitionReason = pendingEffectsRoot; + startTime = pendingFinishedWork; + endTime = pendingEffectsLanes; + var rootHasLayoutEffect = 0 !== (startTime.flags & 8772); + if (0 !== (startTime.subtreeFlags & 8772) || rootHasLayoutEffect) { rootHasLayoutEffect = ReactSharedInternals.T; ReactSharedInternals.T = null; var _previousPriority = ReactDOMSharedInternals.p; @@ -16311,29 +18130,59 @@ var _prevExecutionContext = executionContext; executionContext |= CommitContext; try { - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markLayoutEffectsStarted && - injectedProfilingHooks.markLayoutEffectsStarted(lanes), - (inProgressLanes = lanes), - (inProgressRoot = root), - (componentEffectStartTime = -1.1), + (inProgressLanes = endTime), + (inProgressRoot = suspendedViewTransitionReason), + resetComponentEffectTimers(), commitLayoutEffectOnFiber( - root, - finishedWork.alternate, - finishedWork + suspendedViewTransitionReason, + startTime.alternate, + startTime ), - (inProgressRoot = inProgressLanes = null), - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markLayoutEffectsStopped && - injectedProfilingHooks.markLayoutEffectsStopped(); + (inProgressRoot = inProgressLanes = null); } finally { (executionContext = _prevExecutionContext), (ReactDOMSharedInternals.p = _previousPriority), (ReactSharedInternals.T = rootHasLayoutEffect); } } + suspendedViewTransitionReason = pendingEffectsRenderEndTime; + startTime = pendingSuspendedCommitReason; + commitEndTime = now(); + suspendedViewTransitionReason = + null === startTime ? suspendedViewTransitionReason : commitStartTime; + startTime = commitEndTime; + endTime = pendingDelayedCommitReason === ABORTED_VIEW_TRANSITION_COMMIT; + rootHasLayoutEffect = workInProgressUpdateTask; + null !== commitErrors + ? logCommitErrored( + suspendedViewTransitionReason, + startTime, + commitErrors, + !1, + rootHasLayoutEffect + ) + : !supportsUserTiming || + startTime <= suspendedViewTransitionReason || + (rootHasLayoutEffect + ? rootHasLayoutEffect.run( + console.timeStamp.bind( + console, + endTime ? "Commit Interrupted View Transition" : "Commit", + suspendedViewTransitionReason, + startTime, + currentTrack, + LANES_TRACK_GROUP, + endTime ? "error" : "secondary-dark" + ) + ) + : console.timeStamp( + endTime ? "Commit Interrupted View Transition" : "Commit", + suspendedViewTransitionReason, + startTime, + currentTrack, + LANES_TRACK_GROUP, + endTime ? "error" : "secondary-dark" + )); pendingEffectsStatus = PENDING_AFTER_MUTATION_PHASE; } } @@ -16342,26 +18191,66 @@ pendingEffectsStatus === PENDING_SPAWNED_WORK || pendingEffectsStatus === PENDING_AFTER_MUTATION_PHASE ) { + if (pendingEffectsStatus === PENDING_SPAWNED_WORK) { + var startViewTransitionStartTime = commitEndTime; + commitEndTime = now(); + var endTime = commitEndTime, + abortedViewTransition = + pendingDelayedCommitReason === ABORTED_VIEW_TRANSITION_COMMIT; + !supportsUserTiming || + endTime <= startViewTransitionStartTime || + (animatingTask + ? animatingTask.run( + console.timeStamp.bind( + console, + abortedViewTransition + ? "Interrupted View Transition" + : "Starting Animation", + startViewTransitionStartTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + abortedViewTransition ? "error" : "secondary-light" + ) + ) + : console.timeStamp( + abortedViewTransition + ? "Interrupted View Transition" + : "Starting Animation", + startViewTransitionStartTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + abortedViewTransition ? " error" : "secondary-light" + )); + pendingDelayedCommitReason !== ABORTED_VIEW_TRANSITION_COMMIT && + (pendingDelayedCommitReason = ANIMATION_STARTED_COMMIT); + } pendingEffectsStatus = NO_PENDING_EFFECTS; requestPaint(); - var root = pendingEffectsRoot, - finishedWork = pendingFinishedWork, - lanes = pendingEffectsLanes, - recoverableErrors = pendingRecoverableErrors, - rootDidHavePassiveEffects = - 0 !== (finishedWork.subtreeFlags & 10256) || - 0 !== (finishedWork.flags & 10256); + startViewTransitionStartTime = pendingEffectsRoot; + var finishedWork = pendingFinishedWork; + endTime = pendingEffectsLanes; + abortedViewTransition = pendingRecoverableErrors; + var rootDidHavePassiveEffects = + 0 !== finishedWork.actualDuration || + 0 !== (finishedWork.subtreeFlags & 10256) || + 0 !== (finishedWork.flags & 10256); rootDidHavePassiveEffects ? (pendingEffectsStatus = PENDING_PASSIVE_PHASE) : ((pendingEffectsStatus = NO_PENDING_EFFECTS), (pendingFinishedWork = pendingEffectsRoot = null), - releaseRootPooledCache(root, root.pendingLanes), + releaseRootPooledCache( + startViewTransitionStartTime, + startViewTransitionStartTime.pendingLanes + ), (nestedPassiveUpdateCount = 0), (rootWithPassiveNestedUpdates = null)); - var remainingLanes = root.pendingLanes; + var remainingLanes = startViewTransitionStartTime.pendingLanes; 0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null); - rootDidHavePassiveEffects || commitDoubleInvokeEffectsInDEV(root); - rootDidHavePassiveEffects = lanesToEventPriority(lanes); + rootDidHavePassiveEffects || + commitDoubleInvokeEffectsInDEV(startViewTransitionStartTime); + remainingLanes = lanesToEventPriority(endTime); finishedWork = finishedWork.stateNode; if ( injectedHook && @@ -16369,7 +18258,7 @@ ) try { var didError = 128 === (finishedWork.current.flags & 128); - switch (rootDidHavePassiveEffects) { + switch (remainingLanes) { case DiscreteEventPriority: var schedulerPriority = ImmediatePriority; break; @@ -16399,21 +18288,23 @@ err )); } - isDevToolsPresent && root.memoizedUpdaters.clear(); + isDevToolsPresent && + startViewTransitionStartTime.memoizedUpdaters.clear(); onCommitRoot(); - if (null !== recoverableErrors) { + if (null !== abortedViewTransition) { didError = ReactSharedInternals.T; schedulerPriority = ReactDOMSharedInternals.p; ReactDOMSharedInternals.p = DiscreteEventPriority; ReactSharedInternals.T = null; try { - var onRecoverableError = root.onRecoverableError; + var onRecoverableError = + startViewTransitionStartTime.onRecoverableError; for ( finishedWork = 0; - finishedWork < recoverableErrors.length; + finishedWork < abortedViewTransition.length; finishedWork++ ) { - var recoverableError = recoverableErrors[finishedWork], + var recoverableError = abortedViewTransition[finishedWork], errorInfo = makeErrorInfo(recoverableError.stack); runWithFiberInDEV( recoverableError.source, @@ -16428,16 +18319,17 @@ } } 0 !== (pendingEffectsLanes & 3) && flushPendingEffects(); - ensureRootIsScheduled(root); - remainingLanes = root.pendingLanes; - 0 !== (lanes & 261930) && 0 !== (remainingLanes & 42) + ensureRootIsScheduled(startViewTransitionStartTime); + remainingLanes = startViewTransitionStartTime.pendingLanes; + 0 !== (endTime & 261930) && 0 !== (remainingLanes & 42) ? ((nestedUpdateScheduled = !0), - root === rootWithNestedUpdates + startViewTransitionStartTime === rootWithNestedUpdates ? nestedUpdateCount++ - : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))) + : ((nestedUpdateCount = 0), + (rootWithNestedUpdates = startViewTransitionStartTime))) : (nestedUpdateCount = 0); + rootDidHavePassiveEffects || finalizeRender(endTime, commitEndTime); flushSyncWorkAcrossRoots_impl(0, !1); - markCommitStopped(); } } function makeErrorInfo(componentStack) { @@ -16478,46 +18370,112 @@ try { ReactDOMSharedInternals.p = priority; ReactSharedInternals.T = null; - priority = pendingPassiveTransitions; + var transitions = pendingPassiveTransitions; pendingPassiveTransitions = null; - var root$jscomp$0 = pendingEffectsRoot, - lanes = pendingEffectsLanes; + priority = pendingEffectsRoot; + var lanes = pendingEffectsLanes; pendingEffectsStatus = NO_PENDING_EFFECTS; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; if ((executionContext & (RenderContext | CommitContext)) !== NoContext) throw Error("Cannot flush passive effects while already rendering."); + setCurrentTrackFromLanes(lanes); isFlushingPassiveEffects = !0; didScheduleUpdateDuringPassiveEffects = !1; - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markPassiveEffectsStarted && - injectedProfilingHooks.markPassiveEffectsStarted(lanes); - var prevExecutionContext = executionContext; + var passiveEffectStartTime = 0; + commitErrors = null; + passiveEffectStartTime = now$1(); + if (pendingDelayedCommitReason === ANIMATION_STARTED_COMMIT) + logAnimatingPhase( + commitEndTime, + passiveEffectStartTime, + animatingTask + ); + else { + var startTime = commitEndTime, + endTime = passiveEffectStartTime, + delayedUntilPaint = + pendingDelayedCommitReason === DELAYED_PASSIVE_COMMIT; + !supportsUserTiming || + endTime <= startTime || + (workInProgressUpdateTask + ? workInProgressUpdateTask.run( + console.timeStamp.bind( + console, + delayedUntilPaint ? "Waiting for Paint" : "Waiting", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + ) + ) + : console.timeStamp( + delayedUntilPaint ? "Waiting for Paint" : "Waiting", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + )); + } + startTime = executionContext; executionContext |= CommitContext; - var finishedWork = root$jscomp$0.current; - componentEffectStartTime = -1.1; + var finishedWork = priority.current; + resetComponentEffectTimers(); commitPassiveUnmountOnFiber(finishedWork); - var finishedWork$jscomp$0 = root$jscomp$0.current; - componentEffectStartTime = -1.1; + var finishedWork$jscomp$0 = priority.current; + finishedWork = pendingEffectsRenderEndTime; + resetComponentEffectTimers(); commitPassiveMountOnFiber( - root$jscomp$0, + priority, finishedWork$jscomp$0, lanes, - priority + transitions, + finishedWork ); - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markPassiveEffectsStopped && - injectedProfilingHooks.markPassiveEffectsStopped(); - commitDoubleInvokeEffectsInDEV(root$jscomp$0); - executionContext = prevExecutionContext; + commitDoubleInvokeEffectsInDEV(priority); + executionContext = startTime; + var passiveEffectsEndTime = now$1(); + finishedWork$jscomp$0 = passiveEffectStartTime; + finishedWork = workInProgressUpdateTask; + null !== commitErrors + ? logCommitErrored( + finishedWork$jscomp$0, + passiveEffectsEndTime, + commitErrors, + !0, + finishedWork + ) + : !supportsUserTiming || + passiveEffectsEndTime <= finishedWork$jscomp$0 || + (finishedWork + ? finishedWork.run( + console.timeStamp.bind( + console, + "Remaining Effects", + finishedWork$jscomp$0, + passiveEffectsEndTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-dark" + ) + ) + : console.timeStamp( + "Remaining Effects", + finishedWork$jscomp$0, + passiveEffectsEndTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-dark" + )); + finalizeRender(lanes, passiveEffectsEndTime); flushSyncWorkAcrossRoots_impl(0, !1); didScheduleUpdateDuringPassiveEffects - ? root$jscomp$0 === rootWithPassiveNestedUpdates + ? priority === rootWithPassiveNestedUpdates ? nestedPassiveUpdateCount++ : ((nestedPassiveUpdateCount = 0), - (rootWithPassiveNestedUpdates = root$jscomp$0)) + (rootWithPassiveNestedUpdates = priority)) : (nestedPassiveUpdateCount = 0); didScheduleUpdateDuringPassiveEffects = isFlushingPassiveEffects = !1; if ( @@ -16525,7 +18483,7 @@ "function" === typeof injectedHook.onPostCommitFiberRoot ) try { - injectedHook.onPostCommitFiberRoot(rendererID, root$jscomp$0); + injectedHook.onPostCommitFiberRoot(rendererID, priority); } catch (err) { hasLoggedError || ((hasLoggedError = !0), @@ -16534,7 +18492,7 @@ err )); } - var stateNode = root$jscomp$0.current.stateNode; + var stateNode = priority.current.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; return !0; @@ -16546,6 +18504,7 @@ } function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) { sourceFiber = createCapturedValueAtFiber(error, sourceFiber); + recordEffectError(sourceFiber); sourceFiber = createRootErrorUpdate(rootFiber.stateNode, sourceFiber, 2); rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2); null !== rootFiber && @@ -16579,6 +18538,7 @@ !legacyErrorBoundariesThatAlreadyFailed.has(instance))) ) { sourceFiber = createCapturedValueAtFiber(error, sourceFiber); + recordEffectError(sourceFiber); error = createClassErrorUpdate(2); instance = enqueueUpdate(nearestMountedAncestor, error, 2); null !== instance && @@ -16623,6 +18583,16 @@ null !== pingCache && pingCache.delete(wakeable); root.pingedLanes |= root.suspendedLanes & pingedLanes; root.warmLanes &= ~pingedLanes; + 0 !== (pingedLanes & 127) + ? 0 > blockingUpdateTime && + ((blockingClampTime = blockingUpdateTime = now()), + (blockingUpdateTask = createTask("Promise Resolved")), + (blockingUpdateType = PINGED_UPDATE)) + : 0 !== (pingedLanes & 4194048) && + 0 > transitionUpdateTime && + ((transitionClampTime = transitionUpdateTime = now()), + (transitionUpdateTask = createTask("Promise Resolved")), + (transitionUpdateType = PINGED_UPDATE)); isConcurrentActEnvironment() && null === ReactSharedInternals.actQueue && console.error( @@ -16847,6 +18817,7 @@ } } function processRootScheduleInImmediateTask() { + schedulerEvent = window.event; processRootScheduleInMicrotask(); } function processRootScheduleInMicrotask() { @@ -16960,12 +18931,15 @@ } function performWorkOnRootViaSchedulerTask(root, didTimeout) { nestedUpdateScheduled = currentUpdateIsNested = !1; + schedulerEvent = window.event; if ( pendingEffectsStatus !== NO_PENDING_EFFECTS && pendingEffectsStatus !== PENDING_PASSIVE_PHASE ) return (root.callbackNode = null), (root.callbackPriority = 0), null; var originalCallbackNode = root.callbackNode; + pendingDelayedCommitReason === IMMEDIATE_COMMIT && + (pendingDelayedCommitReason = DELAYED_PASSIVE_COMMIT); if (flushPendingEffects() && root.callbackNode !== originalCallbackNode) return null; var workInProgressRootRenderLanes$jscomp$0 = @@ -20160,6 +22134,14 @@ currentPopstateTransitionEvent = null; return !1; } + function resolveEventType() { + var event = window.event; + return event && event !== schedulerEvent ? event.type : null; + } + function resolveEventTimeStamp() { + var event = window.event; + return event && event !== schedulerEvent ? event.timeStamp : -1.1; + } function handleErrorInNextTick(error) { setTimeout(function () { throw error; @@ -21514,9 +23496,6 @@ err )); } - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markRenderScheduled && - injectedProfilingHooks.markRenderScheduled(lane); parentComponent = getContextForSubtree(parentComponent); null === container.context ? (container.context = parentComponent) @@ -21541,7 +23520,8 @@ (container.callback = callback)); element = enqueueUpdate(rootFiber, container, lane); null !== element && - (scheduleUpdateOnFiber(element, rootFiber, lane), + (startUpdateTimerByLane(lane, "root.render()", null), + scheduleUpdateOnFiber(element, rootFiber, lane), entangleTransitions(element, rootFiber, lane)); } function markRetryLaneImpl(fiber, retryLane) { @@ -21574,14 +23554,6 @@ function getCurrentFiberForDevTools() { return current; } - function getLaneLabelMap() { - for (var map = new Map(), lane = 1, index = 0; 31 > index; index++) { - var label = getLabelForLane(lane); - map.set(lane, label); - lane *= 2; - } - return map; - } function dispatchDiscreteEvent( domEventName, eventSystemFlags, @@ -22333,7 +24305,6 @@ unstable_setDisableYieldValue = Scheduler.unstable_setDisableYieldValue, rendererID = null, injectedHook = null, - injectedProfilingHooks = null, hasLoggedError = !1, isDevToolsPresent = "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__, clz32 = Math.clz32 ? Math.clz32 : clz32Fallback, @@ -23583,6 +25554,39 @@ } console.error(error); }, + OMITTED_PROP_ERROR = + "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.", + EMPTY_ARRAY = 0, + COMPLEX_ARRAY = 1, + PRIMITIVE_ARRAY = 2, + ENTRIES_ARRAY = 3, + REMOVED = "\u2013\u00a0", + ADDED = "+\u00a0", + UNCHANGED = "\u2007\u00a0", + supportsUserTiming = + "undefined" !== typeof console && + "function" === typeof console.timeStamp && + "undefined" !== typeof performance && + "function" === typeof performance.measure, + COMPONENTS_TRACK = "Components \u269b", + LANES_TRACK_GROUP = "Scheduler \u269b", + currentTrack = "Blocking", + alreadyWarnedForDeepEquality = !1, + reusableComponentDevToolDetails = { + color: "primary", + properties: null, + tooltipText: "", + track: COMPONENTS_TRACK + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }, + resuableChangedPropsEntry = ["Changed Props", ""], + DEEP_EQUALITY_WARNING = + "This component received deeply equal props. It might benefit from useMemo or the React Compiler in its owner.", + reusableDeeplyEqualPropsEntry = ["Changed Props", DEEP_EQUALITY_WARNING], OffscreenVisible = 1, OffscreenPassiveEffectsConnected = 2, concurrentQueues = [], @@ -23663,11 +25667,51 @@ _currentRenderer2: null }, now = Scheduler.unstable_now, + createTask = console.createTask + ? console.createTask + : function () { + return null; + }, + SPAWNED_UPDATE = 1, + PINGED_UPDATE = 2, renderStartTime = -0, commitStartTime = -0, + commitEndTime = -0, + commitErrors = null, profilerStartTime = -1.1, profilerEffectDuration = -0, + componentEffectDuration = -0, componentEffectStartTime = -1.1, + componentEffectEndTime = -1.1, + componentEffectErrors = null, + componentEffectSpawnedUpdate = !1, + blockingClampTime = -0, + blockingUpdateTime = -1.1, + blockingUpdateTask = null, + blockingUpdateType = 0, + blockingUpdateMethodName = null, + blockingUpdateComponentName = null, + blockingEventTime = -1.1, + blockingEventType = null, + blockingEventRepeatTime = -1.1, + blockingSuspendedTime = -1.1, + transitionClampTime = -0, + transitionStartTime = -1.1, + transitionUpdateTime = -1.1, + transitionUpdateType = 0, + transitionUpdateTask = null, + transitionUpdateMethodName = null, + transitionUpdateComponentName = null, + transitionEventTime = -1.1, + transitionEventType = null, + transitionEventRepeatTime = -1.1, + transitionSuspendedTime = -1.1, + retryClampTime = -0, + idleClampTime = -0, + animatingLanes = 0, + animatingTask = null, + yieldReason = 0, + yieldStartTime = -1.1, currentUpdateIsNested = !1, nestedUpdateScheduled = !1, currentEntangledListeners = null, @@ -23677,10 +25721,25 @@ prevOnStartTransitionFinish = ReactSharedInternals.S; ReactSharedInternals.S = function (transition, returnValue) { globalMostRecentTransitionTime = now$1(); - "object" === typeof returnValue && + if ( + "object" === typeof returnValue && null !== returnValue && - "function" === typeof returnValue.then && + "function" === typeof returnValue.then + ) { + if (0 > transitionStartTime && 0 > transitionUpdateTime) { + transitionStartTime = now(); + var newEventTime = resolveEventTimeStamp(), + newEventType = resolveEventType(); + if ( + newEventTime !== transitionEventRepeatTime || + newEventType !== transitionEventType + ) + transitionEventRepeatTime = -1.1; + transitionEventTime = newEventTime; + transitionEventType = newEventType; + } entangleAsyncAction(transition, returnValue); + } null !== prevOnStartTransitionFinish && prevOnStartTransitionFinish(transition, returnValue); }; @@ -25191,9 +27250,9 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); payload = enqueueUpdate(inst, update, lane); null !== payload && - (scheduleUpdateOnFiber(payload, inst, lane), + (startUpdateTimerByLane(lane, "this.setState()", inst), + scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane)); - markStateUpdateScheduled(inst, lane); }, enqueueReplaceState: function (inst, payload, callback) { inst = inst._reactInternals; @@ -25206,9 +27265,9 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); payload = enqueueUpdate(inst, update, lane); null !== payload && - (scheduleUpdateOnFiber(payload, inst, lane), + (startUpdateTimerByLane(lane, "this.replaceState()", inst), + scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane)); - markStateUpdateScheduled(inst, lane); }, enqueueForceUpdate: function (inst, callback) { inst = inst._reactInternals; @@ -25220,12 +27279,9 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); callback = enqueueUpdate(inst, update, lane); null !== callback && - (scheduleUpdateOnFiber(callback, inst, lane), + (startUpdateTimerByLane(lane, "this.forceUpdate()", inst), + scheduleUpdateOnFiber(callback, inst, lane), entangleTransitions(callback, inst, lane)); - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markForceUpdateScheduled && - injectedProfilingHooks.markForceUpdateScheduled(inst, lane); } }, componentName = null, @@ -25260,6 +27316,7 @@ hostParent = null, hostParentIsContainer = !1, currentHoistableRoot = null, + inHydratedSubtree = !1, suspenseyCommitFlag = 8192, DefaultAsyncDispatcher = { getCacheForType: function (resourceType) { @@ -25332,7 +27389,12 @@ workInProgressRootRenderTargetTime = Infinity, RENDER_TIMEOUT_MS = 500, workInProgressTransitions = null, + workInProgressUpdateTask = null, legacyErrorBoundariesThatAlreadyFailed = null, + IMMEDIATE_COMMIT = 0, + ABORTED_VIEW_TRANSITION_COMMIT = 1, + DELAYED_PASSIVE_COMMIT = 2, + ANIMATION_STARTED_COMMIT = 3, NO_PENDING_EFFECTS = 0, PENDING_MUTATION_PHASE = 1, PENDING_LAYOUT_PHASE = 2, @@ -25344,8 +27406,12 @@ pendingFinishedWork = null, pendingEffectsLanes = 0, pendingEffectsRemainingLanes = 0, + pendingEffectsRenderEndTime = -0, pendingPassiveTransitions = null, pendingRecoverableErrors = null, + pendingSuspendedCommitReason = null, + pendingDelayedCommitReason = IMMEDIATE_COMMIT, + pendingSuspendedViewTransitionReason = null, NESTED_UPDATE_LIMIT = 50, nestedUpdateCount = 0, rootWithNestedUpdates = null, @@ -25465,6 +27531,7 @@ selectionInformation = null, warnedUnknownTags = { dialog: !0, webview: !0 }, currentPopstateTransitionEvent = null, + schedulerEvent = void 0, scheduleTimeout = "function" === typeof setTimeout ? setTimeout : void 0, cancelTimeout = "function" === typeof clearTimeout ? clearTimeout : void 0, @@ -25906,11 +27973,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-548235db-20251001" !== 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-canary-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -25947,10 +28014,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-canary-ef889445-20250930", + version: "19.2.0-canary-548235db-20251001", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-ef889445-20250930" + reconcilerVersion: "19.2.0-canary-548235db-20251001" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -25966,8 +28033,6 @@ internals.scheduleRoot = scheduleRoot; internals.setRefreshHandler = setRefreshHandler; internals.getCurrentFiber = getCurrentFiberForDevTools; - internals.getLaneLabelMap = getLaneLabelMap; - internals.injectProfilingHooks = injectProfilingHooks; return injectInternals(internals); })() && canUseDOM && @@ -26138,6 +28203,7 @@ identifierPrefix = createUpdate(isStrictMode); identifierPrefix.callback = null; enqueueUpdate(options, identifierPrefix, isStrictMode); + startUpdateTimerByLane(isStrictMode, "hydrateRoot()", null); options = isStrictMode; initialChildren.current.lanes = options; markRootUpdated$1(initialChildren, options); @@ -26419,7 +28485,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-canary-ef889445-20250930"; + exports.version = "19.2.0-canary-548235db-20251001"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js index b5b8dc51f727a2..71b8f6b226222d 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js @@ -237,6 +237,64 @@ function getComponentNameFromType(type) { } return null; } +function getComponentNameFromFiber(fiber) { + var type = fiber.type; + switch (fiber.tag) { + case 31: + return "Activity"; + case 24: + return "Cache"; + case 9: + return (type._context.displayName || "Context") + ".Consumer"; + case 10: + return type.displayName || "Context"; + case 18: + return "DehydratedFragment"; + case 11: + return ( + (fiber = type.render), + (fiber = fiber.displayName || fiber.name || ""), + type.displayName || + ("" !== fiber ? "ForwardRef(" + fiber + ")" : "ForwardRef") + ); + case 7: + return "Fragment"; + case 26: + case 27: + case 5: + return type; + case 4: + return "Portal"; + case 3: + return "Root"; + case 6: + return "Text"; + case 16: + return getComponentNameFromType(type); + case 8: + return type === REACT_STRICT_MODE_TYPE ? "StrictMode" : "Mode"; + case 22: + return "Offscreen"; + case 12: + return "Profiler"; + case 21: + return "Scope"; + case 13: + return "Suspense"; + case 19: + return "SuspenseList"; + case 25: + return "TracingMarker"; + case 1: + case 0: + case 14: + case 15: + if ("function" === typeof type) + return type.displayName || type.name || null; + if ("string" === typeof type) return type; + } + return null; +} var isArrayImpl = Array.isArray, ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, @@ -529,7 +587,6 @@ var hasOwnProperty = Object.prototype.hasOwnProperty, unstable_setDisableYieldValue = Scheduler.unstable_setDisableYieldValue, rendererID = null, injectedHook = null, - injectedProfilingHooks = null, isDevToolsPresent = "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__; function setIsStrictModeForDevtools(newIsStrictMode) { "function" === typeof log$1 && unstable_setDisableYieldValue(newIsStrictMode); @@ -538,36 +595,6 @@ function setIsStrictModeForDevtools(newIsStrictMode) { injectedHook.setStrictMode(rendererID, newIsStrictMode); } catch (err) {} } -function markCommitStopped() { - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markCommitStopped && - injectedProfilingHooks.markCommitStopped(); -} -function markComponentRenderStarted(fiber) { - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markComponentRenderStarted && - injectedProfilingHooks.markComponentRenderStarted(fiber); -} -function markComponentRenderStopped() { - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markComponentRenderStopped && - injectedProfilingHooks.markComponentRenderStopped(); -} -function markRenderStarted(lanes) { - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markRenderStarted && - injectedProfilingHooks.markRenderStarted(lanes); -} -function markRenderStopped() { - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markRenderStopped && - injectedProfilingHooks.markRenderStopped(); -} -function markStateUpdateScheduled(fiber, lane) { - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markStateUpdateScheduled && - injectedProfilingHooks.markStateUpdateScheduled(fiber, lane); -} var clz32 = Math.clz32 ? Math.clz32 : clz32Fallback, log = Math.log, LN2 = Math.LN2; @@ -575,22 +602,6 @@ function clz32Fallback(x) { x >>>= 0; return 0 === x ? 32 : (31 - ((log(x) / LN2) | 0)) | 0; } -function getLabelForLane(lane) { - if (lane & 1) return "SyncHydrationLane"; - if (lane & 2) return "Sync"; - if (lane & 4) return "InputContinuousHydration"; - if (lane & 8) return "InputContinuous"; - if (lane & 16) return "DefaultHydration"; - if (lane & 32) return "Default"; - if (lane & 128) return "TransitionHydration"; - if (lane & 4194048) return "Transition"; - if (lane & 62914560) return "Retry"; - if (lane & 67108864) return "SelectiveHydration"; - if (lane & 134217728) return "IdleHydration"; - if (lane & 268435456) return "Idle"; - if (lane & 536870912) return "Offscreen"; - if (lane & 1073741824) return "Deferred"; -} var nextTransitionUpdateLane = 256, nextTransitionDeferredLane = 262144, nextRetryLane = 4194304; @@ -2126,19 +2137,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$303; + var JSCompiler_inline_result$jscomp$330; if (canUseDOM) { - var isSupported$jscomp$inline_445 = "oninput" in document; - if (!isSupported$jscomp$inline_445) { - var element$jscomp$inline_446 = document.createElement("div"); - element$jscomp$inline_446.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_445 = - "function" === typeof element$jscomp$inline_446.oninput; + var isSupported$jscomp$inline_473 = "oninput" in document; + if (!isSupported$jscomp$inline_473) { + var element$jscomp$inline_474 = document.createElement("div"); + element$jscomp$inline_474.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_473 = + "function" === typeof element$jscomp$inline_474.oninput; } - JSCompiler_inline_result$jscomp$303 = isSupported$jscomp$inline_445; - } else JSCompiler_inline_result$jscomp$303 = !1; + JSCompiler_inline_result$jscomp$330 = isSupported$jscomp$inline_473; + } else JSCompiler_inline_result$jscomp$330 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$303 && + JSCompiler_inline_result$jscomp$330 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -2415,7 +2426,171 @@ var reportGlobalError = } console.error(error); }, - concurrentQueues = [], + supportsUserTiming = + "undefined" !== typeof console && + "function" === typeof console.timeStamp && + !0, + currentTrack = "Blocking"; +function setCurrentTrackFromLanes(lanes) { + currentTrack = + lanes & 63 + ? "Blocking" + : lanes & 64 + ? "Gesture" + : lanes & 4194176 + ? "Transition" + : lanes & 62914560 + ? "Suspense" + : lanes & 2080374784 + ? "Idle" + : "Other"; +} +function logComponentTrigger(fiber, startTime, endTime, trigger) { + supportsUserTiming && + ((reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = trigger), + (reusableComponentDevToolDetails.properties = null), + performance.measure(trigger, reusableComponentOptions)); +} +function logComponentReappeared(fiber, startTime, endTime) { + logComponentTrigger(fiber, startTime, endTime, "Reconnect"); +} +var reusableComponentDevToolDetails = { + color: "primary", + properties: null, + tooltipText: "", + track: "Components \u269b" + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }; +function logComponentRender(fiber, startTime, endTime, wasHydrated) { + var name = getComponentNameFromFiber(fiber); + if (null !== name && supportsUserTiming) { + var alternate = fiber.alternate, + selfTime = fiber.actualDuration; + if (null === alternate || alternate.child !== fiber.child) + for (fiber = fiber.child; null !== fiber; fiber = fiber.sibling) + selfTime -= fiber.actualDuration; + console.timeStamp( + name, + startTime, + endTime, + "Components \u269b", + void 0, + 0.5 > selfTime + ? wasHydrated + ? "tertiary-light" + : "primary-light" + : 10 > selfTime + ? wasHydrated + ? "tertiary" + : "primary" + : 100 > selfTime + ? wasHydrated + ? "tertiary-dark" + : "primary-dark" + : "error" + ); + } +} +function logComponentErrored(fiber, startTime, endTime) { + supportsUserTiming && + ((fiber = getComponentNameFromFiber(fiber)), + null !== fiber && + console.timeStamp( + fiber, + startTime, + endTime, + "Components \u269b", + void 0, + "error" + )); +} +function logComponentEffect(fiber, startTime, endTime, selfTime, errors) { + null !== errors + ? supportsUserTiming && + ((selfTime = getComponentNameFromFiber(fiber)), + null !== selfTime && + console.timeStamp( + selfTime, + startTime, + endTime, + "Components \u269b", + void 0, + "error" + )) + : ((fiber = getComponentNameFromFiber(fiber)), + null !== fiber && + supportsUserTiming && + console.timeStamp( + fiber, + startTime, + endTime, + "Components \u269b", + void 0, + 1 > selfTime + ? "secondary-light" + : 100 > selfTime + ? "secondary" + : 500 > selfTime + ? "secondary-dark" + : "error" + )); +} +function logSuspendedRenderPhase(startTime, endTime, lanes) { + !supportsUserTiming || + endTime <= startTime || + console.timeStamp( + "Prewarm", + startTime, + endTime, + currentTrack, + "Scheduler \u269b", + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + ); +} +function logSuspendedWithDelayPhase(startTime, endTime, lanes) { + !supportsUserTiming || + endTime <= startTime || + console.timeStamp( + "Suspended", + startTime, + endTime, + currentTrack, + "Scheduler \u269b", + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + ); +} +function logErroredRenderPhase(startTime, endTime) { + !supportsUserTiming || + endTime <= startTime || + console.timeStamp( + "Errored", + startTime, + endTime, + currentTrack, + "Scheduler \u269b", + "error" + ); +} +function logCommitErrored(startTime, endTime) { + !supportsUserTiming || + endTime <= startTime || + console.timeStamp( + "Errored", + startTime, + endTime, + currentTrack, + "Scheduler \u269b", + "error" + ); +} +var concurrentQueues = [], concurrentQueuesIndex = 0, concurrentlyUpdatedLanes = 0; function finishQueueingConcurrentUpdates() { @@ -3197,10 +3372,92 @@ function releaseCache(cache) { }); } var now = Scheduler.unstable_now, + renderStartTime = -0, commitStartTime = -0, + commitEndTime = -0, + commitErrors = null, profilerStartTime = -1.1, profilerEffectDuration = -0, - componentEffectStartTime = -1.1; + componentEffectDuration = -0, + componentEffectStartTime = -1.1, + componentEffectEndTime = -1.1, + componentEffectErrors = null, + componentEffectSpawnedUpdate = !1, + blockingClampTime = -0, + blockingUpdateTime = -1.1, + blockingUpdateType = 0, + blockingEventTime = -1.1, + blockingEventType = null, + blockingEventRepeatTime = -1.1, + blockingSuspendedTime = -1.1, + transitionClampTime = -0, + transitionStartTime = -1.1, + transitionUpdateTime = -1.1, + transitionUpdateType = 0, + transitionEventTime = -1.1, + transitionEventType = null, + transitionEventRepeatTime = -1.1, + transitionSuspendedTime = -1.1, + yieldReason = 0, + yieldStartTime = -1.1; +function startUpdateTimerByLane(lane) { + if (0 !== (lane & 127)) { + if (0 > blockingUpdateTime) { + blockingUpdateTime = now(); + 0 !== (executionContext & 6) && + ((componentEffectSpawnedUpdate = !0), (blockingUpdateType = 1)); + lane = resolveEventTimeStamp(); + var newEventType$30 = resolveEventType(); + lane !== blockingEventRepeatTime || newEventType$30 !== blockingEventType + ? (blockingEventRepeatTime = -1.1) + : null !== newEventType$30 && (blockingUpdateType = 1); + blockingEventTime = lane; + blockingEventType = newEventType$30; + } + } else if ( + 0 !== (lane & 4194048) && + 0 > transitionUpdateTime && + ((transitionUpdateTime = now()), 0 > transitionStartTime) + ) { + lane = resolveEventTimeStamp(); + newEventType$30 = resolveEventType(); + if ( + lane !== transitionEventRepeatTime || + newEventType$30 !== transitionEventType + ) + transitionEventRepeatTime = -1.1; + transitionEventTime = lane; + transitionEventType = newEventType$30; + } +} +function startHostActionTimer() { + if (0 > blockingUpdateTime) { + blockingUpdateTime = now(); + 0 !== (executionContext & 6) && (blockingUpdateType = 1); + var newEventTime = resolveEventTimeStamp(), + newEventType = resolveEventType(); + newEventTime !== blockingEventRepeatTime || + newEventType !== blockingEventType + ? (blockingEventRepeatTime = -1.1) + : null !== newEventType && (blockingUpdateType = 1); + blockingEventTime = newEventTime; + blockingEventType = newEventType; + } + if ( + 0 > transitionUpdateTime && + ((transitionUpdateTime = now()), 0 > transitionStartTime) + ) { + newEventTime = resolveEventTimeStamp(); + newEventType = resolveEventType(); + if ( + newEventTime !== transitionEventRepeatTime || + newEventType !== transitionEventType + ) + transitionEventRepeatTime = -1.1; + transitionEventTime = newEventTime; + transitionEventType = newEventType; + } +} function pushNestedEffectDurations() { var prevEffectDuration = profilerEffectDuration; profilerEffectDuration = 0; @@ -3216,6 +3473,9 @@ function bubbleNestedEffectDurations(prevEffectDuration) { profilerEffectDuration += prevEffectDuration; return elapsedTime; } +function resetComponentEffectTimers() { + componentEffectEndTime = componentEffectStartTime = -1.1; +} function pushComponentEffectStart() { var prevEffectStart = componentEffectStartTime; componentEffectStartTime = -1.1; @@ -3224,6 +3484,24 @@ function pushComponentEffectStart() { function popComponentEffectStart(prevEffectStart) { 0 <= prevEffectStart && (componentEffectStartTime = prevEffectStart); } +function pushComponentEffectDuration() { + var prevEffectDuration = componentEffectDuration; + componentEffectDuration = -0; + return prevEffectDuration; +} +function popComponentEffectDuration(prevEffectDuration) { + 0 <= prevEffectDuration && (componentEffectDuration = prevEffectDuration); +} +function pushComponentEffectErrors() { + var prevErrors = componentEffectErrors; + componentEffectErrors = null; + return prevErrors; +} +function pushComponentEffectDidSpawnUpdate() { + var prev = componentEffectSpawnedUpdate; + componentEffectSpawnedUpdate = !1; + return prev; +} var currentUpdateIsNested = !1, nestedUpdateScheduled = !1; function startProfilerTimer(fiber) { @@ -3247,11 +3525,20 @@ function stopProfilerTimerIfRunningAndRecordIncompleteDuration(fiber) { } function recordEffectDuration() { if (0 <= profilerStartTime) { - var elapsedTime = now() - profilerStartTime; + var endTime = now(), + elapsedTime = endTime - profilerStartTime; profilerStartTime = -1; profilerEffectDuration += elapsedTime; + componentEffectDuration += elapsedTime; + componentEffectEndTime = endTime; } } +function recordEffectError(errorInfo) { + null === componentEffectErrors && (componentEffectErrors = []); + componentEffectErrors.push(errorInfo); + null === commitErrors && (commitErrors = []); + commitErrors.push(errorInfo); +} function startEffectTimer() { profilerStartTime = now(); 0 > componentEffectStartTime && @@ -3285,7 +3572,8 @@ function entangleAsyncAction(transition, thenable) { function pingEngtangledActionScope() { if ( 0 === --currentEntangledPendingCount && - null !== currentEntangledListeners + (-1 < transitionUpdateTime || (transitionStartTime = -1.1), + null !== currentEntangledListeners) ) { null !== currentEntangledActionThenable && (currentEntangledActionThenable.status = "fulfilled"); @@ -3324,10 +3612,25 @@ function chainThenableValue(thenable, result) { var prevOnStartTransitionFinish = ReactSharedInternals.S; ReactSharedInternals.S = function (transition, returnValue) { globalMostRecentTransitionTime = now$1(); - "object" === typeof returnValue && + if ( + "object" === typeof returnValue && null !== returnValue && - "function" === typeof returnValue.then && + "function" === typeof returnValue.then + ) { + if (0 > transitionStartTime && 0 > transitionUpdateTime) { + transitionStartTime = now(); + var newEventTime = resolveEventTimeStamp(), + newEventType = resolveEventType(); + if ( + newEventTime !== transitionEventRepeatTime || + newEventType !== transitionEventType + ) + transitionEventRepeatTime = -1.1; + transitionEventTime = newEventTime; + transitionEventType = newEventType; + } entangleAsyncAction(transition, returnValue); + } null !== prevOnStartTransitionFinish && prevOnStartTransitionFinish(transition, returnValue); }; @@ -4735,7 +5038,7 @@ function updateReducerImpl(hook, current, reducer) { var newBaseQueueFirst = (baseFirst = null), newBaseQueueLast = null, update = current, - didReadFromEntangledAsyncAction$62 = !1; + didReadFromEntangledAsyncAction$69 = !1; do { var updateLane = update.lane & -536870913; if ( @@ -4757,11 +5060,11 @@ function updateReducerImpl(hook, current, reducer) { next: null }), updateLane === currentEntangledLane && - (didReadFromEntangledAsyncAction$62 = !0); + (didReadFromEntangledAsyncAction$69 = !0); else if ((renderLanes & revertLane) === revertLane) { update = update.next; revertLane === currentEntangledLane && - (didReadFromEntangledAsyncAction$62 = !0); + (didReadFromEntangledAsyncAction$69 = !0); continue; } else (updateLane = { @@ -4809,7 +5112,7 @@ function updateReducerImpl(hook, current, reducer) { if ( !objectIs(pendingQueue, hook.memoizedState) && ((didReceiveUpdate = !0), - didReadFromEntangledAsyncAction$62 && + didReadFromEntangledAsyncAction$69 && ((reducer = currentEntangledActionThenable), null !== reducer)) ) throw reducer; @@ -4904,7 +5207,8 @@ function updateStoreInstance(fiber, inst, nextSnapshot, getSnapshot) { } function subscribeToStore(fiber, inst, subscribe) { return subscribe(function () { - checkIfSnapshotChanged(inst) && forceStoreRerender(fiber); + checkIfSnapshotChanged(inst) && + (startUpdateTimerByLane(2), forceStoreRerender(fiber)); }); } function checkIfSnapshotChanged(inst) { @@ -5014,8 +5318,8 @@ function runActionStateAction(actionQueue, node) { try { (prevTransition = action(prevState, payload)), handleActionReturnValue(actionQueue, node, prevTransition); - } catch (error$68) { - onActionError(actionQueue, node, error$68); + } catch (error$75) { + onActionError(actionQueue, node, error$75); } } function handleActionReturnValue(actionQueue, node, returnValue) { @@ -5422,6 +5726,7 @@ function noop() {} function startHostTransition(formFiber, pendingState, action, formData) { if (5 !== formFiber.tag) throw Error(formatProdErrorMessage(476)); var queue = ensureFormComponentIsStateful(formFiber).queue; + startHostActionTimer(); startTransition( formFiber, queue, @@ -5496,10 +5801,11 @@ function refreshCache(fiber) { case 3: var lane = requestUpdateLane(); fiber = createUpdate(lane); - var root$71 = enqueueUpdate(provider, fiber, lane); - null !== root$71 && - (scheduleUpdateOnFiber(root$71, provider, lane), - entangleTransitions(root$71, provider, lane)); + var root$78 = enqueueUpdate(provider, fiber, lane); + null !== root$78 && + (startUpdateTimerByLane(lane), + scheduleUpdateOnFiber(root$78, provider, lane), + entangleTransitions(root$78, provider, lane)); provider = { cache: createCache() }; fiber.payload = provider; return; @@ -5522,14 +5828,14 @@ function dispatchReducerAction(fiber, queue, action) { ? enqueueRenderPhaseUpdate(queue, action) : ((action = enqueueConcurrentHookUpdate(fiber, queue, action, lane)), null !== action && - (scheduleUpdateOnFiber(action, fiber, lane), + (startUpdateTimerByLane(lane), + scheduleUpdateOnFiber(action, fiber, lane), entangleTransitionUpdate(action, queue, lane))); - markStateUpdateScheduled(fiber, lane); } function dispatchSetState(fiber, queue, action) { var lane = requestUpdateLane(); - dispatchSetStateInternal(fiber, queue, action, lane); - markStateUpdateScheduled(fiber, lane); + dispatchSetStateInternal(fiber, queue, action, lane) && + startUpdateTimerByLane(lane); } function dispatchSetStateInternal(fiber, queue, action, lane) { var update = { @@ -5593,8 +5899,8 @@ function dispatchOptimisticSetState(fiber, throwIfDuringRender, queue, action) { 2 )), null !== throwIfDuringRender && - scheduleUpdateOnFiber(throwIfDuringRender, fiber, 2); - markStateUpdateScheduled(fiber, 2); + (startUpdateTimerByLane(2), + scheduleUpdateOnFiber(throwIfDuringRender, fiber, 2)); } function isRenderPhaseUpdate(fiber) { var alternate = fiber.alternate; @@ -5975,9 +6281,9 @@ var classComponentUpdater = { void 0 !== callback && null !== callback && (update.callback = callback); payload = enqueueUpdate(inst, update, lane); null !== payload && - (scheduleUpdateOnFiber(payload, inst, lane), + (startUpdateTimerByLane(lane), + scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane)); - markStateUpdateScheduled(inst, lane); }, enqueueReplaceState: function (inst, payload, callback) { inst = inst._reactInternals; @@ -5988,9 +6294,9 @@ var classComponentUpdater = { void 0 !== callback && null !== callback && (update.callback = callback); payload = enqueueUpdate(inst, update, lane); null !== payload && - (scheduleUpdateOnFiber(payload, inst, lane), + (startUpdateTimerByLane(lane), + scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane)); - markStateUpdateScheduled(inst, lane); }, enqueueForceUpdate: function (inst, callback) { inst = inst._reactInternals; @@ -6000,11 +6306,9 @@ var classComponentUpdater = { void 0 !== callback && null !== callback && (update.callback = callback); callback = enqueueUpdate(inst, update, lane); null !== callback && - (scheduleUpdateOnFiber(callback, inst, lane), + (startUpdateTimerByLane(lane), + scheduleUpdateOnFiber(callback, inst, lane), entangleTransitions(callback, inst, lane)); - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markForceUpdateScheduled && - injectedProfilingHooks.markForceUpdateScheduled(inst, lane); } }; function checkShouldComponentUpdate( @@ -6046,9 +6350,9 @@ function resolveClassComponentProps(Component, baseProps) { } if ((Component = Component.defaultProps)) { newProps === baseProps && (newProps = assign({}, newProps)); - for (var propName$75 in Component) - void 0 === newProps[propName$75] && - (newProps[propName$75] = Component[propName$75]); + for (var propName$82 in Component) + void 0 === newProps[propName$82] && + (newProps[propName$82] = Component[propName$82]); } return newProps; } @@ -6065,9 +6369,9 @@ function logUncaughtError(root, errorInfo) { try { var onUncaughtError = root.onUncaughtError; onUncaughtError(errorInfo.value, { componentStack: errorInfo.stack }); - } catch (e$76) { + } catch (e$83) { setTimeout(function () { - throw e$76; + throw e$83; }); } } @@ -6078,9 +6382,9 @@ function logCaughtError(root, boundary, errorInfo) { componentStack: errorInfo.stack, errorBoundary: 1 === boundary.tag ? boundary.stateNode : null }); - } catch (e$77) { + } catch (e$84) { setTimeout(function () { - throw e$77; + throw e$84; }); } } @@ -6306,7 +6610,6 @@ function updateForwardRef( "ref" !== key && (propsWithoutRef[key] = nextProps[key]); } else propsWithoutRef = nextProps; prepareToReadContext(workInProgress); - markComponentRenderStarted(workInProgress); nextProps = renderWithHooks( current, workInProgress, @@ -6316,7 +6619,6 @@ function updateForwardRef( renderLanes ); key = checkDidRenderIdHook(); - markComponentRenderStopped(); if (null !== current && !didReceiveUpdate) return ( bailoutHooks(current, workInProgress, renderLanes), @@ -6430,21 +6732,22 @@ function updateOffscreenComponent( }); if ("hidden" === nextProps.mode) { if (0 !== (workInProgress.flags & 128)) { - nextProps = + prevState = null !== prevState ? prevState.baseLanes | renderLanes : renderLanes; if (null !== current) { - nextChildren = workInProgress.child = current.child; - for (prevState = 0; null !== nextChildren; ) - (prevState = - prevState | nextChildren.lanes | nextChildren.childLanes), - (nextChildren = nextChildren.sibling); - workInProgress.childLanes = prevState & ~nextProps; - } else (workInProgress.childLanes = 0), (workInProgress.child = null); + nextProps = workInProgress.child = current.child; + for (nextChildren = 0; null !== nextProps; ) + (nextChildren = + nextChildren | nextProps.lanes | nextProps.childLanes), + (nextProps = nextProps.sibling); + nextProps = nextChildren & ~prevState; + } else (nextProps = 0), (workInProgress.child = null); return deferHiddenOffscreenComponent( current, workInProgress, - nextProps, - renderLanes + prevState, + renderLanes, + nextProps ); } if (0 !== (renderLanes & 536870912)) @@ -6460,12 +6763,13 @@ function updateOffscreenComponent( pushOffscreenSuspenseHandler(workInProgress); else return ( - (workInProgress.lanes = workInProgress.childLanes = 536870912), + (nextProps = workInProgress.lanes = 536870912), deferHiddenOffscreenComponent( current, workInProgress, null !== prevState ? prevState.baseLanes | renderLanes : renderLanes, - renderLanes + renderLanes, + nextProps ) ); } else @@ -6495,7 +6799,8 @@ function deferHiddenOffscreenComponent( current, workInProgress, nextBaseLanes, - renderLanes + renderLanes, + remainingChildLanes ) { var JSCompiler_inline_result = peekCacheFromPool(); JSCompiler_inline_result = @@ -6511,6 +6816,7 @@ function deferHiddenOffscreenComponent( pushOffscreenSuspenseHandler(workInProgress); null !== current && propagateParentContextChanges(current, workInProgress, renderLanes, !0); + workInProgress.childLanes = remainingChildLanes; return null; } function mountActivityChildren(workInProgress, nextProps) { @@ -6660,7 +6966,6 @@ function updateFunctionComponent( renderLanes ) { prepareToReadContext(workInProgress); - markComponentRenderStarted(workInProgress); Component = renderWithHooks( current, workInProgress, @@ -6670,7 +6975,6 @@ function updateFunctionComponent( renderLanes ); nextProps = checkDidRenderIdHook(); - markComponentRenderStopped(); if (null !== current && !didReceiveUpdate) return ( bailoutHooks(current, workInProgress, renderLanes), @@ -6690,7 +6994,6 @@ function replayFunctionComponent( renderLanes ) { prepareToReadContext(workInProgress); - markComponentRenderStarted(workInProgress); workInProgress.updateQueue = null; nextProps = renderWithHooksAgain( workInProgress, @@ -6700,7 +7003,6 @@ function replayFunctionComponent( ); finishRenderingHooks(current); Component = checkDidRenderIdHook(); - markComponentRenderStopped(); if (null !== current && !didReceiveUpdate) return ( bailoutHooks(current, workInProgress, renderLanes), @@ -6946,9 +7248,7 @@ function updateClassComponent( ? ((context = workInProgress.stateNode), nextProps && "function" !== typeof Component.getDerivedStateFromError ? ((Component = null), (profilerStartTime = -1)) - : (markComponentRenderStarted(workInProgress), - (Component = context.render()), - markComponentRenderStopped()), + : (Component = context.render()), (workInProgress.flags |= 1), null !== current && nextProps ? ((workInProgress.child = reconcileChildFibers( @@ -7960,9 +8260,7 @@ function beginWork(current, workInProgress, renderLanes) { (props = workInProgress.pendingProps.children), prepareToReadContext(workInProgress), ($$typeof = readContext($$typeof)), - markComponentRenderStarted(workInProgress), (props = props($$typeof)), - markComponentRenderStopped(), (workInProgress.flags |= 1), reconcileChildren(current, workInProgress, props, renderLanes), workInProgress.child @@ -8105,14 +8403,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { break; case "collapsed": lastTailNode = renderState.tail; - for (var lastTailNode$108 = null; null !== lastTailNode; ) - null !== lastTailNode.alternate && (lastTailNode$108 = lastTailNode), + for (var lastTailNode$116 = null; null !== lastTailNode; ) + null !== lastTailNode.alternate && (lastTailNode$116 = lastTailNode), (lastTailNode = lastTailNode.sibling); - null === lastTailNode$108 + null === lastTailNode$116 ? hasRenderedATailFallback || null === renderState.tail ? (renderState.tail = null) : (renderState.tail.sibling = null) - : (lastTailNode$108.sibling = null); + : (lastTailNode$116.sibling = null); } } function bubbleProperties(completedWork) { @@ -8124,53 +8422,53 @@ function bubbleProperties(completedWork) { if (didBailout) if (0 !== (completedWork.mode & 2)) { for ( - var treeBaseDuration$110 = completedWork.selfBaseDuration, - child$111 = completedWork.child; - null !== child$111; + var treeBaseDuration$118 = completedWork.selfBaseDuration, + child$119 = completedWork.child; + null !== child$119; ) - (newChildLanes |= child$111.lanes | child$111.childLanes), - (subtreeFlags |= child$111.subtreeFlags & 65011712), - (subtreeFlags |= child$111.flags & 65011712), - (treeBaseDuration$110 += child$111.treeBaseDuration), - (child$111 = child$111.sibling); - completedWork.treeBaseDuration = treeBaseDuration$110; + (newChildLanes |= child$119.lanes | child$119.childLanes), + (subtreeFlags |= child$119.subtreeFlags & 65011712), + (subtreeFlags |= child$119.flags & 65011712), + (treeBaseDuration$118 += child$119.treeBaseDuration), + (child$119 = child$119.sibling); + completedWork.treeBaseDuration = treeBaseDuration$118; } else for ( - treeBaseDuration$110 = completedWork.child; - null !== treeBaseDuration$110; + treeBaseDuration$118 = completedWork.child; + null !== treeBaseDuration$118; ) (newChildLanes |= - treeBaseDuration$110.lanes | treeBaseDuration$110.childLanes), - (subtreeFlags |= treeBaseDuration$110.subtreeFlags & 65011712), - (subtreeFlags |= treeBaseDuration$110.flags & 65011712), - (treeBaseDuration$110.return = completedWork), - (treeBaseDuration$110 = treeBaseDuration$110.sibling); + treeBaseDuration$118.lanes | treeBaseDuration$118.childLanes), + (subtreeFlags |= treeBaseDuration$118.subtreeFlags & 65011712), + (subtreeFlags |= treeBaseDuration$118.flags & 65011712), + (treeBaseDuration$118.return = completedWork), + (treeBaseDuration$118 = treeBaseDuration$118.sibling); else if (0 !== (completedWork.mode & 2)) { - treeBaseDuration$110 = completedWork.actualDuration; - child$111 = completedWork.selfBaseDuration; + treeBaseDuration$118 = completedWork.actualDuration; + child$119 = completedWork.selfBaseDuration; for (var child = completedWork.child; null !== child; ) (newChildLanes |= child.lanes | child.childLanes), (subtreeFlags |= child.subtreeFlags), (subtreeFlags |= child.flags), - (treeBaseDuration$110 += child.actualDuration), - (child$111 += child.treeBaseDuration), + (treeBaseDuration$118 += child.actualDuration), + (child$119 += child.treeBaseDuration), (child = child.sibling); - completedWork.actualDuration = treeBaseDuration$110; - completedWork.treeBaseDuration = child$111; + completedWork.actualDuration = treeBaseDuration$118; + completedWork.treeBaseDuration = child$119; } else for ( - treeBaseDuration$110 = completedWork.child; - null !== treeBaseDuration$110; + treeBaseDuration$118 = completedWork.child; + null !== treeBaseDuration$118; ) (newChildLanes |= - treeBaseDuration$110.lanes | treeBaseDuration$110.childLanes), - (subtreeFlags |= treeBaseDuration$110.subtreeFlags), - (subtreeFlags |= treeBaseDuration$110.flags), - (treeBaseDuration$110.return = completedWork), - (treeBaseDuration$110 = treeBaseDuration$110.sibling); + treeBaseDuration$118.lanes | treeBaseDuration$118.childLanes), + (subtreeFlags |= treeBaseDuration$118.subtreeFlags), + (subtreeFlags |= treeBaseDuration$118.flags), + (treeBaseDuration$118.return = completedWork), + (treeBaseDuration$118 = treeBaseDuration$118.sibling); completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; @@ -8876,35 +9174,11 @@ function commitHookEffectListMount(flags, finishedWork) { updateQueue = firstEffect; do { if ((updateQueue.tag & flags) === flags) { - 0 !== (flags & 8) - ? null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentPassiveEffectMountStarted && - injectedProfilingHooks.markComponentPassiveEffectMountStarted( - finishedWork - ) - : 0 !== (flags & 4) && - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentLayoutEffectMountStarted && - injectedProfilingHooks.markComponentLayoutEffectMountStarted( - finishedWork - ); lastEffect = void 0; var create = updateQueue.create, inst = updateQueue.inst; lastEffect = create(); inst.destroy = lastEffect; - 0 !== (flags & 8) - ? null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentPassiveEffectMountStopped && - injectedProfilingHooks.markComponentPassiveEffectMountStopped() - : 0 !== (flags & 4) && - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentLayoutEffectMountStopped && - injectedProfilingHooks.markComponentLayoutEffectMountStopped(); } updateQueue = updateQueue.next; } while (updateQueue !== firstEffect); @@ -8930,20 +9204,6 @@ function commitHookEffectListUnmount( destroy = inst.destroy; if (void 0 !== destroy) { inst.destroy = void 0; - 0 !== (flags & 8) - ? null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentPassiveEffectUnmountStarted && - injectedProfilingHooks.markComponentPassiveEffectUnmountStarted( - finishedWork - ) - : 0 !== (flags & 4) && - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentLayoutEffectUnmountStarted && - injectedProfilingHooks.markComponentLayoutEffectUnmountStarted( - finishedWork - ); lastEffect = finishedWork; var nearestMountedAncestor = nearestMountedAncestor$jscomp$0, destroy_ = destroy; @@ -8956,16 +9216,6 @@ function commitHookEffectListUnmount( error ); } - 0 !== (flags & 8) - ? null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentPassiveEffectUnmountStopped && - injectedProfilingHooks.markComponentPassiveEffectUnmountStopped() - : 0 !== (flags & 4) && - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markComponentLayoutEffectUnmountStopped && - injectedProfilingHooks.markComponentLayoutEffectUnmountStopped(); } } updateQueue = updateQueue.next; @@ -9033,8 +9283,8 @@ function safelyCallComponentWillUnmount( } else try { instance.componentWillUnmount(); - } catch (error$151) { - captureCommitPhaseError(current, nearestMountedAncestor, error$151); + } catch (error$159) { + captureCommitPhaseError(current, nearestMountedAncestor, error$159); } } function safelyAttachRef(current, nearestMountedAncestor) { @@ -9096,8 +9346,8 @@ function safelyDetachRef(current, nearestMountedAncestor) { recordEffectDuration(current); } else ref(null); - } catch (error$152) { - captureCommitPhaseError(current, nearestMountedAncestor, error$152); + } catch (error$160) { + captureCommitPhaseError(current, nearestMountedAncestor, error$160); } else ref.current = null; } @@ -9269,6 +9519,20 @@ var offscreenSubtreeIsHidden = !1, nextEffect = null, inProgressLanes = null, inProgressRoot = null; +function isHydratingParent(current, finishedWork) { + return 31 === finishedWork.tag + ? ((finishedWork = finishedWork.memoizedState), + null !== current.memoizedState && null === finishedWork) + : 13 === finishedWork.tag + ? ((current = current.memoizedState), + (finishedWork = finishedWork.memoizedState), + null !== current && + null !== current.dehydrated && + (null === finishedWork || null === finishedWork.dehydrated)) + : 3 === finishedWork.tag + ? current.memoizedState.isDehydrated && 0 === (finishedWork.flags & 256) + : !1; +} function commitBeforeMutationEffects(root, firstChild) { root = root.containerInfo; eventsEnabled = _enabled; @@ -9437,6 +9701,9 @@ function commitBeforeMutationEffects(root, firstChild) { } function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -9460,11 +9727,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { } else try { finishedRoot.componentDidMount(); - } catch (error$148) { + } catch (error$156) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$148 + error$156 ); } else { @@ -9481,11 +9748,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$149) { + } catch (error$157) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$149 + error$157 ); } recordEffectDuration(); @@ -9496,11 +9763,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$150) { + } catch (error$158) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$150 + error$158 ); } } @@ -9565,11 +9832,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { null !== finishedRoot && ((finishedRoot = finishedRoot.dehydrated), null !== finishedRoot && - ((finishedWork = retryDehydratedSuspenseBoundary.bind( + ((current = retryDehydratedSuspenseBoundary.bind( null, finishedWork )), - registerSuspenseInstanceRetry(finishedRoot, finishedWork)))); + registerSuspenseInstanceRetry(finishedRoot, current)))); break; case 22: flags = null !== finishedWork.memoizedState || offscreenSubtreeIsHidden; @@ -9581,11 +9848,20 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { var prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden; offscreenSubtreeIsHidden = flags; (offscreenSubtreeWasHidden = current) && !prevOffscreenSubtreeWasHidden - ? recursivelyTraverseReappearLayoutEffects( + ? (recursivelyTraverseReappearLayoutEffects( finishedRoot, finishedWork, 0 !== (finishedWork.subtreeFlags & 8772) - ) + ), + 0 !== (finishedWork.mode & 2) && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentReappeared( + finishedWork, + componentEffectStartTime, + componentEffectEndTime + )) : recursivelyTraverseLayoutEffects(finishedRoot, finishedWork); offscreenSubtreeIsHidden = prevProps; offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden; @@ -9596,7 +9872,32 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { default: recursivelyTraverseLayoutEffects(finishedRoot, finishedWork); } + 0 !== (finishedWork.mode & 2) && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ), + null === finishedWork.alternate && + null !== finishedWork.return && + null !== finishedWork.return.alternate && + 0.05 < componentEffectEndTime - componentEffectStartTime && + (isHydratingParent(finishedWork.return.alternate, finishedWork.return) || + logComponentTrigger( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + "Mount" + ))); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function detachFiberAfterEffects(fiber) { var alternate = fiber.alternate; @@ -9637,7 +9938,10 @@ function commitDeletionEffectsOnFiber( try { injectedHook.onCommitFiberUnmount(rendererID, deletedFiber); } catch (err) {} - var prevEffectStart = pushComponentEffectStart(); + var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (deletedFiber.tag) { case 26: offscreenSubtreeWasHidden || @@ -9650,8 +9954,8 @@ function commitDeletionEffectsOnFiber( deletedFiber.memoizedState ? deletedFiber.memoizedState.count-- : deletedFiber.stateNode && - ((deletedFiber = deletedFiber.stateNode), - deletedFiber.parentNode.removeChild(deletedFiber)); + ((finishedRoot = deletedFiber.stateNode), + finishedRoot.parentNode.removeChild(finishedRoot)); break; case 27: offscreenSubtreeWasHidden || @@ -9793,7 +10097,21 @@ function commitDeletionEffectsOnFiber( deletedFiber ); } + 0 !== (deletedFiber.mode & 2) && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + deletedFiber, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function commitActivityHydrationCallbacks(finishedRoot, finishedWork) { if ( @@ -9894,6 +10212,16 @@ function recursivelyTraverseMutationEffects(root$jscomp$0, parentFiber) { commitDeletionEffectsOnFiber(root, returnFiber, childToDelete); hostParent = null; hostParentIsContainer = !1; + 0 !== (childToDelete.mode & 2) && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + childToDelete, + componentEffectStartTime, + componentEffectEndTime, + "Unmount" + ); popComponentEffectStart(prevEffectStart); root = childToDelete.alternate; null !== root && (root.return = null); @@ -9907,6 +10235,9 @@ function recursivelyTraverseMutationEffects(root$jscomp$0, parentFiber) { var currentHoistableRoot = null; function commitMutationEffectsOnFiber(finishedWork, root) { var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), current = finishedWork.alternate, flags = finishedWork.flags; switch (finishedWork.tag) { @@ -9928,18 +10259,21 @@ function commitMutationEffectsOnFiber(finishedWork, root) { (offscreenSubtreeWasHidden || null === current || safelyDetachRef(current, current.return)); - flags & 64 && + if ( + flags & 64 && offscreenSubtreeIsHidden && - ((finishedWork = finishedWork.updateQueue), - null !== finishedWork && - ((flags = finishedWork.callbacks), - null !== flags && - ((current = finishedWork.shared.hiddenCallbacks), - (finishedWork.shared.hiddenCallbacks = - null === current ? flags : current.concat(flags))))); + ((flags = finishedWork.updateQueue), + null !== flags && ((current = flags.callbacks), null !== current)) + ) { + var existingHiddenCallbacks = flags.shared.hiddenCallbacks; + flags.shared.hiddenCallbacks = + null === existingHiddenCallbacks + ? current + : existingHiddenCallbacks.concat(current); + } break; case 26: - var hoistableRoot = currentHoistableRoot; + existingHiddenCallbacks = currentHoistableRoot; recursivelyTraverseMutationEffects(root, finishedWork); commitReconciliationEffects(finishedWork); flags & 512 && @@ -9955,11 +10289,13 @@ function commitMutationEffectsOnFiber(finishedWork, root) { a: { flags = finishedWork.type; current = finishedWork.memoizedProps; - hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; + existingHiddenCallbacks = + existingHiddenCallbacks.ownerDocument || + existingHiddenCallbacks; b: switch (flags) { case "title": currentResource = - hoistableRoot.getElementsByTagName("title")[0]; + existingHiddenCallbacks.getElementsByTagName("title")[0]; if ( !currentResource || currentResource[internalHoistableMarker] || @@ -9968,10 +10304,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) { currentResource.namespaceURI || currentResource.hasAttribute("itemprop") ) - (currentResource = hoistableRoot.createElement(flags)), - hoistableRoot.head.insertBefore( + (currentResource = + existingHiddenCallbacks.createElement(flags)), + existingHiddenCallbacks.head.insertBefore( currentResource, - hoistableRoot.querySelector("head > title") + existingHiddenCallbacks.querySelector("head > title") ); setInitialProperties(currentResource, flags, current); currentResource[internalInstanceKey] = finishedWork; @@ -9982,7 +10319,7 @@ function commitMutationEffectsOnFiber(finishedWork, root) { var maybeNodes = getHydratableHoistableCache( "link", "href", - hoistableRoot + existingHiddenCallbacks ).get(flags + (current.href || "")); if (maybeNodes) for (var i = 0; i < maybeNodes.length; i++) @@ -10004,16 +10341,17 @@ function commitMutationEffectsOnFiber(finishedWork, root) { maybeNodes.splice(i, 1); break b; } - currentResource = hoistableRoot.createElement(flags); + currentResource = + existingHiddenCallbacks.createElement(flags); setInitialProperties(currentResource, flags, current); - hoistableRoot.head.appendChild(currentResource); + existingHiddenCallbacks.head.appendChild(currentResource); break; case "meta": if ( (maybeNodes = getHydratableHoistableCache( "meta", "content", - hoistableRoot + existingHiddenCallbacks ).get(flags + (current.content || ""))) ) for (i = 0; i < maybeNodes.length; i++) @@ -10041,9 +10379,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) { maybeNodes.splice(i, 1); break b; } - currentResource = hoistableRoot.createElement(flags); + currentResource = + existingHiddenCallbacks.createElement(flags); setInitialProperties(currentResource, flags, current); - hoistableRoot.head.appendChild(currentResource); + existingHiddenCallbacks.head.appendChild(currentResource); break; default: throw Error(formatProdErrorMessage(468, flags)); @@ -10055,13 +10394,13 @@ function commitMutationEffectsOnFiber(finishedWork, root) { finishedWork.stateNode = flags; } else mountHoistable( - hoistableRoot, + existingHiddenCallbacks, finishedWork.type, finishedWork.stateNode ); else finishedWork.stateNode = acquireResource( - hoistableRoot, + existingHiddenCallbacks, flags, finishedWork.memoizedProps ); @@ -10074,12 +10413,12 @@ function commitMutationEffectsOnFiber(finishedWork, root) { : currentResource.count--, null === flags ? mountHoistable( - hoistableRoot, + existingHiddenCallbacks, finishedWork.type, finishedWork.stateNode ) : acquireResource( - hoistableRoot, + existingHiddenCallbacks, flags, finishedWork.memoizedProps )) @@ -10115,20 +10454,20 @@ function commitMutationEffectsOnFiber(finishedWork, root) { null === current || safelyDetachRef(current, current.return)); if (finishedWork.flags & 32) { - hoistableRoot = finishedWork.stateNode; + existingHiddenCallbacks = finishedWork.stateNode; try { - setTextContent(hoistableRoot, ""); + setTextContent(existingHiddenCallbacks, ""); } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } } flags & 4 && null != finishedWork.stateNode && - ((hoistableRoot = finishedWork.memoizedProps), + ((existingHiddenCallbacks = finishedWork.memoizedProps), commitHostUpdate( finishedWork, - hoistableRoot, - null !== current ? current.memoizedProps : hoistableRoot + existingHiddenCallbacks, + null !== current ? current.memoizedProps : existingHiddenCallbacks )); flags & 1024 && (needsFormReset = !0); break; @@ -10148,7 +10487,7 @@ function commitMutationEffectsOnFiber(finishedWork, root) { } break; case 3: - hoistableRoot = pushNestedEffectDurations(); + existingHiddenCallbacks = pushNestedEffectDurations(); tagCaches = null; currentResource = currentHoistableRoot; currentHoistableRoot = getHoistableRoot(root.containerInfo); @@ -10163,7 +10502,7 @@ function commitMutationEffectsOnFiber(finishedWork, root) { } needsFormReset && ((needsFormReset = !1), recursivelyResetForms(finishedWork)); - root.effectDuration += popNestedEffectDurations(hoistableRoot); + root.effectDuration += popNestedEffectDurations(existingHiddenCallbacks); break; case 4: flags = currentHoistableRoot; @@ -10204,28 +10543,52 @@ function commitMutationEffectsOnFiber(finishedWork, root) { attachSuspenseRetryListeners(finishedWork, flags))); break; case 22: - hoistableRoot = null !== finishedWork.memoizedState; + existingHiddenCallbacks = null !== finishedWork.memoizedState; var wasHidden = null !== current && null !== current.memoizedState, prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden, prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden; - offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden || hoistableRoot; + offscreenSubtreeIsHidden = + prevOffscreenSubtreeIsHidden || existingHiddenCallbacks; offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden || wasHidden; recursivelyTraverseMutationEffects(root, finishedWork); offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden; offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden; + wasHidden && + !existingHiddenCallbacks && + !prevOffscreenSubtreeIsHidden && + !prevOffscreenSubtreeWasHidden && + 0 !== (finishedWork.mode & 2) && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentReappeared( + finishedWork, + componentEffectStartTime, + componentEffectEndTime + ); commitReconciliationEffects(finishedWork); if (flags & 8192) a: for ( root = finishedWork.stateNode, - root._visibility = hoistableRoot + root._visibility = existingHiddenCallbacks ? root._visibility & -2 : root._visibility | 1, - hoistableRoot && - (null === current || - wasHidden || - offscreenSubtreeIsHidden || - offscreenSubtreeWasHidden || - recursivelyTraverseDisappearLayoutEffects(finishedWork)), + !existingHiddenCallbacks || + null === current || + wasHidden || + offscreenSubtreeIsHidden || + offscreenSubtreeWasHidden || + (recursivelyTraverseDisappearLayoutEffects(finishedWork), + 0 !== (finishedWork.mode & 2) && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + "Disconnect" + )), current = null, root = finishedWork; ; @@ -10235,7 +10598,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) { if (null === current) { wasHidden = current = root; try { - if (((currentResource = wasHidden.stateNode), hoistableRoot)) + if ( + ((currentResource = wasHidden.stateNode), + existingHiddenCallbacks) + ) (maybeNodes = currentResource.style), "function" === typeof maybeNodes.setProperty ? maybeNodes.setProperty("display", "none", "important") @@ -10262,7 +10628,7 @@ function commitMutationEffectsOnFiber(finishedWork, root) { if (null === current) { wasHidden = root; try { - wasHidden.stateNode.nodeValue = hoistableRoot + wasHidden.stateNode.nodeValue = existingHiddenCallbacks ? "" : wasHidden.memoizedProps; } catch (error) { @@ -10274,7 +10640,7 @@ function commitMutationEffectsOnFiber(finishedWork, root) { wasHidden = root; try { var instance = wasHidden.stateNode; - hoistableRoot + existingHiddenCallbacks ? hideOrUnhideDehydratedBoundary(instance, !0) : hideOrUnhideDehydratedBoundary(wasHidden.stateNode, !1); } catch (error) { @@ -10326,7 +10692,32 @@ function commitMutationEffectsOnFiber(finishedWork, root) { recursivelyTraverseMutationEffects(root, finishedWork), commitReconciliationEffects(finishedWork); } + 0 !== (finishedWork.mode & 2) && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ), + null === finishedWork.alternate && + null !== finishedWork.return && + null !== finishedWork.return.alternate && + 0.05 < componentEffectEndTime - componentEffectStartTime && + (isHydratingParent(finishedWork.return.alternate, finishedWork.return) || + logComponentTrigger( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + "Mount" + ))); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function commitReconciliationEffects(finishedWork) { var flags = finishedWork.flags; @@ -10351,20 +10742,20 @@ function commitReconciliationEffects(finishedWork) { insertOrAppendPlacementNode(finishedWork, before, parent); break; case 5: - var parent$153 = hostParentFiber.stateNode; + var parent$161 = hostParentFiber.stateNode; hostParentFiber.flags & 32 && - (setTextContent(parent$153, ""), (hostParentFiber.flags &= -33)); - var before$154 = getHostSibling(finishedWork); - insertOrAppendPlacementNode(finishedWork, before$154, parent$153); + (setTextContent(parent$161, ""), (hostParentFiber.flags &= -33)); + var before$162 = getHostSibling(finishedWork); + insertOrAppendPlacementNode(finishedWork, before$162, parent$161); break; case 3: case 4: - var parent$155 = hostParentFiber.stateNode.containerInfo, - before$156 = getHostSibling(finishedWork); + var parent$163 = hostParentFiber.stateNode.containerInfo, + before$164 = getHostSibling(finishedWork); insertOrAppendPlacementNodeIntoContainer( finishedWork, - before$156, - parent$155 + before$164, + parent$163 ); break; default: @@ -10395,7 +10786,10 @@ function recursivelyTraverseLayoutEffects(root, parentFiber) { function recursivelyTraverseDisappearLayoutEffects(parentFiber) { for (parentFiber = parentFiber.child; null !== parentFiber; ) { var finishedWork = parentFiber, - prevEffectStart = pushComponentEffectStart(); + prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -10432,7 +10826,21 @@ function recursivelyTraverseDisappearLayoutEffects(parentFiber) { default: recursivelyTraverseDisappearLayoutEffects(finishedWork); } + 0 !== (finishedWork.mode & 2) && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; parentFiber = parentFiber.sibling; } } @@ -10448,6 +10856,9 @@ function recursivelyTraverseReappearLayoutEffects( finishedRoot = finishedRoot$jscomp$0, finishedWork = parentFiber, prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -10571,7 +10982,21 @@ function recursivelyTraverseReappearLayoutEffects( includeWorkInProgressEffects ); } + 0 !== (finishedWork.mode & 2) && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; parentFiber = parentFiber.sibling; } } @@ -10601,61 +11026,108 @@ function recursivelyTraversePassiveMountEffects( root, parentFiber, committedLanes, - committedTransitions + committedTransitions, + endTime ) { - if (parentFiber.subtreeFlags & 10256) - for (parentFiber = parentFiber.child; null !== parentFiber; ) + if ( + parentFiber.subtreeFlags & 10256 || + (0 !== parentFiber.actualDuration && + (null === parentFiber.alternate || + parentFiber.alternate.child !== parentFiber.child)) + ) + for (parentFiber = parentFiber.child; null !== parentFiber; ) { + var nextSibling = parentFiber.sibling; commitPassiveMountOnFiber( root, parentFiber, committedLanes, - committedTransitions - ), - (parentFiber = parentFiber.sibling); + committedTransitions, + null !== nextSibling ? nextSibling.actualStartTime : endTime + ); + parentFiber = nextSibling; + } } +var inHydratedSubtree = !1; function commitPassiveMountOnFiber( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ) { var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(), flags = finishedWork.flags; switch (finishedWork.tag) { case 0: case 11: case 15: + 0 !== (finishedWork.mode & 2) && + 0 < finishedWork.actualStartTime && + 0 !== (finishedWork.flags & 1) && + logComponentRender( + finishedWork, + finishedWork.actualStartTime, + endTime, + inHydratedSubtree + ); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); flags & 2048 && commitHookPassiveMountEffects(finishedWork, 9); break; case 1: + 0 !== (finishedWork.mode & 2) && + 0 < finishedWork.actualStartTime && + (0 !== (finishedWork.flags & 128) + ? logComponentErrored( + finishedWork, + finishedWork.actualStartTime, + endTime + ) + : 0 !== (finishedWork.flags & 1) && + logComponentRender( + finishedWork, + finishedWork.actualStartTime, + endTime, + inHydratedSubtree + )); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); break; case 3: - var prevProfilerEffectDuration = pushNestedEffectDurations(); + var prevProfilerEffectDuration = pushNestedEffectDurations(), + wasInHydratedSubtree = inHydratedSubtree; + inHydratedSubtree = + null !== finishedWork.alternate && + finishedWork.alternate.memoizedState.isDehydrated && + 0 === (finishedWork.flags & 256); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); + inHydratedSubtree = wasInHydratedSubtree; flags & 2048 && ((committedLanes = null), null !== finishedWork.alternate && (committedLanes = finishedWork.alternate.memoizedState.cache), - (finishedWork = finishedWork.memoizedState.cache), - finishedWork !== committedLanes && - (finishedWork.refCount++, + (committedTransitions = finishedWork.memoizedState.cache), + committedTransitions !== committedLanes && + (committedTransitions.refCount++, null != committedLanes && releaseCache(committedLanes))); finishedRoot.passiveEffectDuration += popNestedEffectDurations( prevProfilerEffectDuration @@ -10668,20 +11140,21 @@ function commitPassiveMountOnFiber( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); finishedRoot = finishedWork.stateNode; finishedRoot.passiveEffectDuration += bubbleNestedEffectDurations(flags); try { prevProfilerEffectDuration = finishedWork.memoizedProps; - var id = prevProfilerEffectDuration.id, - onPostCommit = prevProfilerEffectDuration.onPostCommit, + wasInHydratedSubtree = prevProfilerEffectDuration.id; + var onPostCommit = prevProfilerEffectDuration.onPostCommit, phase = null === finishedWork.alternate ? "mount" : "update"; currentUpdateIsNested && (phase = "nested-update"); "function" === typeof onPostCommit && onPostCommit( - id, + wasInHydratedSubtree, phase, finishedRoot.passiveEffectDuration, commitStartTime @@ -10694,62 +11167,138 @@ function commitPassiveMountOnFiber( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); break; case 31: + flags = inHydratedSubtree; + prevProfilerEffectDuration = + null !== finishedWork.alternate + ? finishedWork.alternate.memoizedState + : null; + wasInHydratedSubtree = finishedWork.memoizedState; + null !== prevProfilerEffectDuration && null === wasInHydratedSubtree + ? ((wasInHydratedSubtree = finishedWork.deletions), + null !== wasInHydratedSubtree && + 0 < wasInHydratedSubtree.length && + 18 === wasInHydratedSubtree[0].tag + ? ((inHydratedSubtree = !1), + null !== prevProfilerEffectDuration.hydrationErrors && + logComponentErrored( + finishedWork, + finishedWork.actualStartTime, + endTime + )) + : (inHydratedSubtree = !0)) + : (inHydratedSubtree = !1); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); + inHydratedSubtree = flags; break; case 13: + flags = inHydratedSubtree; + prevProfilerEffectDuration = + null !== finishedWork.alternate + ? finishedWork.alternate.memoizedState + : null; + wasInHydratedSubtree = finishedWork.memoizedState; + null === prevProfilerEffectDuration || + null === prevProfilerEffectDuration.dehydrated || + (null !== wasInHydratedSubtree && + null !== wasInHydratedSubtree.dehydrated) + ? (inHydratedSubtree = !1) + : ((wasInHydratedSubtree = finishedWork.deletions), + null !== wasInHydratedSubtree && + 0 < wasInHydratedSubtree.length && + 18 === wasInHydratedSubtree[0].tag + ? ((inHydratedSubtree = !1), + null !== prevProfilerEffectDuration.hydrationErrors && + logComponentErrored( + finishedWork, + finishedWork.actualStartTime, + endTime + )) + : (inHydratedSubtree = !0)); recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); + inHydratedSubtree = flags; break; case 23: break; case 22: - prevProfilerEffectDuration = finishedWork.stateNode; - id = finishedWork.alternate; + wasInHydratedSubtree = finishedWork.stateNode; + prevProfilerEffectDuration = finishedWork.alternate; null !== finishedWork.memoizedState - ? prevProfilerEffectDuration._visibility & 2 + ? wasInHydratedSubtree._visibility & 2 ? recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ) - : recursivelyTraverseAtomicPassiveEffects(finishedRoot, finishedWork) - : prevProfilerEffectDuration._visibility & 2 + : recursivelyTraverseAtomicPassiveEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions, + endTime + ) + : wasInHydratedSubtree._visibility & 2 ? recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ) - : ((prevProfilerEffectDuration._visibility |= 2), + : ((wasInHydratedSubtree._visibility |= 2), recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, committedLanes, committedTransitions, - 0 !== (finishedWork.subtreeFlags & 10256) - )); - flags & 2048 && commitOffscreenPassiveMountEffects(id, finishedWork); + 0 !== (finishedWork.subtreeFlags & 10256), + endTime + ), + 0 === (finishedWork.mode & 2) || + inHydratedSubtree || + ((finishedRoot = finishedWork.actualStartTime), + 0 <= finishedRoot && + 0.05 < endTime - finishedRoot && + logComponentReappeared(finishedWork, finishedRoot, endTime), + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentReappeared( + finishedWork, + componentEffectStartTime, + componentEffectEndTime + ))); + flags & 2048 && + commitOffscreenPassiveMountEffects( + prevProfilerEffectDuration, + finishedWork + ); break; case 24: recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); flags & 2048 && commitCachePassiveMountEffect(finishedWork.alternate, finishedWork); @@ -10759,124 +11308,224 @@ function commitPassiveMountOnFiber( finishedRoot, finishedWork, committedLanes, - committedTransitions + committedTransitions, + endTime ); } + if (0 !== (finishedWork.mode & 2)) { + if ( + (finishedRoot = + !inHydratedSubtree && + null === finishedWork.alternate && + null !== finishedWork.return && + null !== finishedWork.return.alternate) + ) + (committedLanes = finishedWork.actualStartTime), + 0 <= committedLanes && + 0.05 < endTime - committedLanes && + logComponentTrigger(finishedWork, committedLanes, endTime, "Mount"); + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + ((componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ), + finishedRoot && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + "Mount" + )); + } popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; } function recursivelyTraverseReconnectPassiveEffects( finishedRoot$jscomp$0, parentFiber, committedLanes$jscomp$0, committedTransitions$jscomp$0, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime$jscomp$0 ) { includeWorkInProgressEffects = includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 10256); - for (parentFiber = parentFiber.child; null !== parentFiber; ) { + for (var child = parentFiber.child; null !== child; ) { + parentFiber = child.sibling; var finishedRoot = finishedRoot$jscomp$0, - finishedWork = parentFiber, committedLanes = committedLanes$jscomp$0, committedTransitions = committedTransitions$jscomp$0, + endTime = + null !== parentFiber ? parentFiber.actualStartTime : endTime$jscomp$0, prevEffectStart = pushComponentEffectStart(), - flags = finishedWork.flags; - switch (finishedWork.tag) { + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); + includeWorkInProgressEffects && + 0 !== (child.mode & 2) && + 0 < child.actualStartTime && + 0 !== (child.flags & 1) && + logComponentRender( + child, + child.actualStartTime, + endTime, + inHydratedSubtree + ); + var flags = child.flags; + switch (child.tag) { case 0: case 11: case 15: recursivelyTraverseReconnectPassiveEffects( finishedRoot, - finishedWork, + child, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime ); - commitHookPassiveMountEffects(finishedWork, 8); + commitHookPassiveMountEffects(child, 8); break; case 23: break; case 22: - var instance = finishedWork.stateNode; - null !== finishedWork.memoizedState + var instance = child.stateNode; + null !== child.memoizedState ? instance._visibility & 2 ? recursivelyTraverseReconnectPassiveEffects( finishedRoot, - finishedWork, + child, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime ) : recursivelyTraverseAtomicPassiveEffects( finishedRoot, - finishedWork + child, + committedLanes, + committedTransitions, + endTime ) : ((instance._visibility |= 2), recursivelyTraverseReconnectPassiveEffects( finishedRoot, - finishedWork, + child, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime )); includeWorkInProgressEffects && flags & 2048 && - commitOffscreenPassiveMountEffects( - finishedWork.alternate, - finishedWork - ); + commitOffscreenPassiveMountEffects(child.alternate, child); break; case 24: recursivelyTraverseReconnectPassiveEffects( finishedRoot, - finishedWork, + child, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime ); includeWorkInProgressEffects && flags & 2048 && - commitCachePassiveMountEffect(finishedWork.alternate, finishedWork); + commitCachePassiveMountEffect(child.alternate, child); break; default: recursivelyTraverseReconnectPassiveEffects( finishedRoot, - finishedWork, + child, committedLanes, committedTransitions, - includeWorkInProgressEffects + includeWorkInProgressEffects, + endTime ); } + 0 !== (child.mode & 2) && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + child, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); - parentFiber = parentFiber.sibling; + popComponentEffectDuration(prevEffectDuration); + componentEffectErrors = prevEffectErrors; + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; + child = parentFiber; } } function recursivelyTraverseAtomicPassiveEffects( finishedRoot$jscomp$0, - parentFiber + parentFiber, + committedLanes$jscomp$0, + committedTransitions$jscomp$0, + endTime$jscomp$0 ) { if (parentFiber.subtreeFlags & 10256) - for (parentFiber = parentFiber.child; null !== parentFiber; ) { + for (var child = parentFiber.child; null !== child; ) { + parentFiber = child.sibling; var finishedRoot = finishedRoot$jscomp$0, - finishedWork = parentFiber, - flags = finishedWork.flags; - switch (finishedWork.tag) { + committedLanes = committedLanes$jscomp$0, + committedTransitions = committedTransitions$jscomp$0, + endTime = + null !== parentFiber ? parentFiber.actualStartTime : endTime$jscomp$0; + 0 !== (child.mode & 2) && + 0 < child.actualStartTime && + 0 !== (child.flags & 1) && + logComponentRender( + child, + child.actualStartTime, + endTime, + inHydratedSubtree + ); + var flags = child.flags; + switch (child.tag) { case 22: - recursivelyTraverseAtomicPassiveEffects(finishedRoot, finishedWork); + recursivelyTraverseAtomicPassiveEffects( + finishedRoot, + child, + committedLanes, + committedTransitions, + endTime + ); flags & 2048 && - commitOffscreenPassiveMountEffects( - finishedWork.alternate, - finishedWork - ); + commitOffscreenPassiveMountEffects(child.alternate, child); break; case 24: - recursivelyTraverseAtomicPassiveEffects(finishedRoot, finishedWork); - flags & 2048 && - commitCachePassiveMountEffect(finishedWork.alternate, finishedWork); + recursivelyTraverseAtomicPassiveEffects( + finishedRoot, + child, + committedLanes, + committedTransitions, + endTime + ); + flags & 2048 && commitCachePassiveMountEffect(child.alternate, child); break; default: - recursivelyTraverseAtomicPassiveEffects(finishedRoot, finishedWork); + recursivelyTraverseAtomicPassiveEffects( + finishedRoot, + child, + committedLanes, + committedTransitions, + endTime + ); } - parentFiber = parentFiber.sibling; + child = parentFiber; } } var suspenseyCommitFlag = 8192; @@ -10986,6 +11635,16 @@ function recursivelyTraversePassiveUnmountEffects(parentFiber) { childToDelete, parentFiber ); + 0 !== (childToDelete.mode & 2) && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + childToDelete, + componentEffectStartTime, + componentEffectEndTime, + "Unmount" + ); popComponentEffectStart(prevEffectStart); } detachAlternateSiblings(parentFiber); @@ -10996,7 +11655,10 @@ function recursivelyTraversePassiveUnmountEffects(parentFiber) { (parentFiber = parentFiber.sibling); } function commitPassiveUnmountOnFiber(finishedWork) { - var prevEffectStart = pushComponentEffectStart(); + var prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (finishedWork.tag) { case 0: case 11: @@ -11024,13 +11686,37 @@ function commitPassiveUnmountOnFiber(finishedWork) { prevProfilerEffectDuration._visibility & 2 && (null === finishedWork.return || 13 !== finishedWork.return.tag) ? ((prevProfilerEffectDuration._visibility &= -3), - recursivelyTraverseDisconnectPassiveEffects(finishedWork)) + recursivelyTraverseDisconnectPassiveEffects(finishedWork), + 0 !== (finishedWork.mode & 2) && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + "Disconnect" + )) : recursivelyTraversePassiveUnmountEffects(finishedWork); break; default: recursivelyTraversePassiveUnmountEffects(finishedWork); } + 0 !== (finishedWork.mode & 2) && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + finishedWork, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; + componentEffectErrors = prevEffectErrors; } function recursivelyTraverseDisconnectPassiveEffects(parentFiber) { var deletions = parentFiber.deletions; @@ -11044,6 +11730,16 @@ function recursivelyTraverseDisconnectPassiveEffects(parentFiber) { childToDelete, parentFiber ); + 0 !== (childToDelete.mode & 2) && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + 0.05 < componentEffectEndTime - componentEffectStartTime && + logComponentTrigger( + childToDelete, + componentEffectStartTime, + componentEffectEndTime, + "Unmount" + ); popComponentEffectStart(prevEffectStart); } detachAlternateSiblings(parentFiber); @@ -11051,6 +11747,9 @@ function recursivelyTraverseDisconnectPassiveEffects(parentFiber) { for (parentFiber = parentFiber.child; null !== parentFiber; ) { deletions = parentFiber; i = pushComponentEffectStart(); + childToDelete = pushComponentEffectDuration(); + prevEffectStart = pushComponentEffectErrors(); + var prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (deletions.tag) { case 0: case 11: @@ -11059,15 +11758,29 @@ function recursivelyTraverseDisconnectPassiveEffects(parentFiber) { recursivelyTraverseDisconnectPassiveEffects(deletions); break; case 22: - childToDelete = deletions.stateNode; - childToDelete._visibility & 2 && - ((childToDelete._visibility &= -3), + var instance = deletions.stateNode; + instance._visibility & 2 && + ((instance._visibility &= -3), recursivelyTraverseDisconnectPassiveEffects(deletions)); break; default: recursivelyTraverseDisconnectPassiveEffects(deletions); } + 0 !== (deletions.mode & 2) && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + deletions, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(i); + popComponentEffectDuration(childToDelete); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; + componentEffectErrors = prevEffectStart; parentFiber = parentFiber.sibling; } } @@ -11078,7 +11791,10 @@ function commitPassiveUnmountEffectsInsideOfDeletedTree_begin( for (; null !== nextEffect; ) { var fiber = nextEffect, nearestMountedAncestor = nearestMountedAncestor$jscomp$0, - prevEffectStart = pushComponentEffectStart(); + prevEffectStart = pushComponentEffectStart(), + prevEffectDuration = pushComponentEffectDuration(), + prevEffectErrors = pushComponentEffectErrors(), + prevEffectDidSpawnUpdate = pushComponentEffectDidSpawnUpdate(); switch (fiber.tag) { case 0: case 11: @@ -11095,26 +11811,40 @@ function commitPassiveUnmountEffectsInsideOfDeletedTree_begin( case 24: releaseCache(fiber.memoizedState.cache); } + 0 !== (fiber.mode & 2) && + 0 <= componentEffectStartTime && + 0 <= componentEffectEndTime && + (componentEffectSpawnedUpdate || 0.05 < componentEffectDuration) && + logComponentEffect( + fiber, + componentEffectStartTime, + componentEffectEndTime, + componentEffectDuration, + componentEffectErrors + ); popComponentEffectStart(prevEffectStart); + popComponentEffectDuration(prevEffectDuration); + componentEffectSpawnedUpdate = prevEffectDidSpawnUpdate; + componentEffectErrors = prevEffectErrors; prevEffectStart = fiber.child; if (null !== prevEffectStart) (prevEffectStart.return = fiber), (nextEffect = prevEffectStart); else a: for (fiber = deletedSubtreeRoot; null !== nextEffect; ) { prevEffectStart = nextEffect; - nearestMountedAncestor = prevEffectStart.sibling; - var returnFiber = prevEffectStart.return; + prevEffectDuration = prevEffectStart.sibling; + prevEffectErrors = prevEffectStart.return; detachFiberAfterEffects(prevEffectStart); if (prevEffectStart === fiber) { nextEffect = null; break a; } - if (null !== nearestMountedAncestor) { - nearestMountedAncestor.return = returnFiber; - nextEffect = nearestMountedAncestor; + if (null !== prevEffectDuration) { + prevEffectDuration.return = prevEffectErrors; + nextEffect = prevEffectDuration; break a; } - nextEffect = returnFiber; + nextEffect = prevEffectErrors; } } } @@ -11161,8 +11891,12 @@ var DefaultAsyncDispatcher = { pendingFinishedWork = null, pendingEffectsLanes = 0, pendingEffectsRemainingLanes = 0, + pendingEffectsRenderEndTime = -0, pendingPassiveTransitions = null, pendingRecoverableErrors = null, + pendingSuspendedCommitReason = null, + pendingDelayedCommitReason = 0, + pendingSuspendedViewTransitionReason = null, nestedUpdateCount = 0, rootWithNestedUpdates = null; function requestUpdateLane() { @@ -11216,27 +11950,89 @@ function scheduleUpdateOnFiber(root, fiber, lane) { } function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327)); - var shouldTimeSlice = + if (0 !== workInProgressRootRenderLanes && null !== workInProgress) { + var yieldEndTime = now$1(); + switch (yieldReason) { + case 3: + case 2: + supportsUserTiming && + console.timeStamp( + "Suspended", + yieldStartTime, + yieldEndTime, + "Components \u269b", + void 0, + "primary-light" + ); + break; + case 9: + supportsUserTiming && + console.timeStamp( + "Action", + yieldStartTime, + yieldEndTime, + "Components \u269b", + void 0, + "primary-light" + ); + break; + default: + if (supportsUserTiming) { + var yieldDuration = yieldEndTime - yieldStartTime; + 3 > yieldDuration || + console.timeStamp( + "Blocked", + yieldStartTime, + yieldEndTime, + "Components \u269b", + void 0, + 5 > yieldDuration + ? "primary-light" + : 10 > yieldDuration + ? "primary" + : 100 > yieldDuration + ? "primary-dark" + : "error" + ); + } + } + } + var exitStatus = (yieldEndTime = (!forceSync && 0 === (lanes & 127) && 0 === (lanes & root$jscomp$0.expiredLanes)) || - checkIfRootIsPrerendering(root$jscomp$0, lanes), - exitStatus = shouldTimeSlice + checkIfRootIsPrerendering(root$jscomp$0, lanes)) ? renderRootConcurrent(root$jscomp$0, lanes) : renderRootSync(root$jscomp$0, lanes, !0), - renderWasConcurrent = shouldTimeSlice; + renderWasConcurrent = yieldEndTime; do { if (0 === exitStatus) { workInProgressRootIsPrerendering && - !shouldTimeSlice && + !yieldEndTime && markRootSuspended(root$jscomp$0, lanes, 0, !1); + lanes = workInProgressSuspendedReason; + yieldStartTime = now(); + yieldReason = lanes; break; } else { + yieldDuration = now$1(); forceSync = root$jscomp$0.current.alternate; if ( renderWasConcurrent && !isRenderConsistentWithExternalStores(forceSync) ) { + setCurrentTrackFromLanes(lanes); + !supportsUserTiming || + yieldDuration <= renderStartTime || + console.timeStamp( + "Teared Render", + renderStartTime, + yieldDuration, + currentTrack, + "Scheduler \u269b", + "error" + ); + finalizeRender(lanes, yieldDuration); exitStatus = renderRootSync(root$jscomp$0, lanes, !1); renderWasConcurrent = !1; continue; @@ -11254,52 +12050,47 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { ? 536870912 : 0); if (0 !== JSCompiler_inline_result) { + setCurrentTrackFromLanes(lanes); + logErroredRenderPhase(renderStartTime, yieldDuration); + finalizeRender(lanes, yieldDuration); lanes = JSCompiler_inline_result; - a: { - var root = root$jscomp$0; - exitStatus = workInProgressRootConcurrentErrors; - var wasRootDehydrated = root.current.memoizedState.isDehydrated; - wasRootDehydrated && - (prepareFreshStack(root, JSCompiler_inline_result).flags |= 256); - JSCompiler_inline_result = renderRootSync( - root, - JSCompiler_inline_result, - !1 - ); - if (2 !== JSCompiler_inline_result) { - if ( - workInProgressRootDidAttachPingListener && - !wasRootDehydrated - ) { - root.errorRecoveryDisabledLanes |= renderWasConcurrent; - workInProgressRootInterleavedUpdatedLanes |= - renderWasConcurrent; - exitStatus = 4; - break a; - } - renderWasConcurrent = workInProgressRootRecoverableErrors; - workInProgressRootRecoverableErrors = exitStatus; - null !== renderWasConcurrent && - (null === workInProgressRootRecoverableErrors - ? (workInProgressRootRecoverableErrors = renderWasConcurrent) - : workInProgressRootRecoverableErrors.push.apply( - workInProgressRootRecoverableErrors, - renderWasConcurrent - )); - } - exitStatus = JSCompiler_inline_result; - } + var root = root$jscomp$0; + yieldDuration = workInProgressRootConcurrentErrors; + var wasRootDehydrated = root.current.memoizedState.isDehydrated; + wasRootDehydrated && + (prepareFreshStack(root, JSCompiler_inline_result).flags |= 256); + exitStatus = renderRootSync(root, JSCompiler_inline_result, !1); + 2 !== exitStatus && + (workInProgressRootDidAttachPingListener && !wasRootDehydrated + ? ((root.errorRecoveryDisabledLanes |= renderWasConcurrent), + (workInProgressRootInterleavedUpdatedLanes |= + renderWasConcurrent), + (exitStatus = 4)) + : ((renderWasConcurrent = workInProgressRootRecoverableErrors), + (workInProgressRootRecoverableErrors = yieldDuration), + null !== renderWasConcurrent && + ((yieldDuration = renderWasConcurrent), + null === workInProgressRootRecoverableErrors + ? (workInProgressRootRecoverableErrors = yieldDuration) + : workInProgressRootRecoverableErrors.push.apply( + workInProgressRootRecoverableErrors, + yieldDuration + )))); renderWasConcurrent = !1; if (2 !== exitStatus) continue; + else yieldDuration = now$1(); } } if (1 === exitStatus) { + setCurrentTrackFromLanes(lanes); + logErroredRenderPhase(renderStartTime, yieldDuration); + finalizeRender(lanes, yieldDuration); prepareFreshStack(root$jscomp$0, 0); markRootSuspended(root$jscomp$0, lanes, 0, !0); break; } a: { - shouldTimeSlice = root$jscomp$0; + yieldEndTime = root$jscomp$0; renderWasConcurrent = exitStatus; switch (renderWasConcurrent) { case 0: @@ -11308,8 +12099,16 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { case 4: if ((lanes & 4194048) !== lanes) break; case 6: + setCurrentTrackFromLanes(lanes); + logSuspendedRenderPhase(renderStartTime, yieldDuration, lanes); + finalizeRender(lanes, yieldDuration); + forceSync = lanes; + 0 !== (forceSync & 127) + ? (blockingSuspendedTime = yieldDuration) + : 0 !== (forceSync & 4194048) && + (transitionSuspendedTime = yieldDuration); markRootSuspended( - shouldTimeSlice, + yieldEndTime, lanes, workInProgressDeferredLane, !workInProgressRootDidSkipSuspendedSiblings @@ -11330,17 +12129,17 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { 10 < exitStatus) ) { markRootSuspended( - shouldTimeSlice, + yieldEndTime, lanes, workInProgressDeferredLane, !workInProgressRootDidSkipSuspendedSiblings ); - if (0 !== getNextLanes(shouldTimeSlice, 0, !0)) break a; + if (0 !== getNextLanes(yieldEndTime, 0, !0)) break a; pendingEffectsLanes = lanes; - shouldTimeSlice.timeoutHandle = scheduleTimeout( + yieldEndTime.timeoutHandle = scheduleTimeout( commitRootWhenReady.bind( null, - shouldTimeSlice, + yieldEndTime, forceSync, workInProgressRootRecoverableErrors, workInProgressTransitions, @@ -11352,15 +12151,15 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { workInProgressRootDidSkipSuspendedSiblings, renderWasConcurrent, "Throttled", - -0, - 0 + renderStartTime, + yieldDuration ), exitStatus ); break a; } commitRootWhenReady( - shouldTimeSlice, + yieldEndTime, forceSync, workInProgressRootRecoverableErrors, workInProgressTransitions, @@ -11372,8 +12171,8 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { workInProgressRootDidSkipSuspendedSiblings, renderWasConcurrent, null, - -0, - 0 + renderStartTime, + yieldDuration ); } } @@ -11398,39 +12197,32 @@ function commitRootWhenReady( completedRenderEndTime ) { root.timeoutHandle = -1; - suspendedCommitReason = finishedWork.subtreeFlags; - if ( - suspendedCommitReason & 8192 || - 16785408 === (suspendedCommitReason & 16785408) - ) { - suspendedCommitReason = { - stylesheets: null, - count: 0, - imgCount: 0, - imgBytes: 0, - suspenseyImages: [], - waitingForImages: !0, - waitingForViewTransition: !1, - unsuspend: noop$1 - }; - accumulateSuspenseyCommitOnFiber( - finishedWork, - lanes, - suspendedCommitReason - ); - var timeoutOffset = - (lanes & 62914560) === lanes - ? globalMostRecentFallbackTime - now$1() - : (lanes & 4194048) === lanes - ? globalMostRecentTransitionTime - now$1() - : 0; - timeoutOffset = waitForCommitToBeReady( - suspendedCommitReason, - timeoutOffset - ); - if (null !== timeoutOffset) { + var subtreeFlags = finishedWork.subtreeFlags, + suspendedState = null; + if (subtreeFlags & 8192 || 16785408 === (subtreeFlags & 16785408)) + if ( + ((suspendedState = { + stylesheets: null, + count: 0, + imgCount: 0, + imgBytes: 0, + suspenseyImages: [], + waitingForImages: !0, + waitingForViewTransition: !1, + unsuspend: noop$1 + }), + accumulateSuspenseyCommitOnFiber(finishedWork, lanes, suspendedState), + (subtreeFlags = + (lanes & 62914560) === lanes + ? globalMostRecentFallbackTime - now$1() + : (lanes & 4194048) === lanes + ? globalMostRecentTransitionTime - now$1() + : 0), + (subtreeFlags = waitForCommitToBeReady(suspendedState, subtreeFlags)), + null !== subtreeFlags) + ) { pendingEffectsLanes = lanes; - root.cancelPendingCommit = timeoutOffset( + root.cancelPendingCommit = subtreeFlags( commitRoot.bind( null, root, @@ -11443,16 +12235,16 @@ function commitRootWhenReady( updatedLanes, suspendedRetryLanes, exitStatus, - suspendedCommitReason, - suspendedCommitReason.waitingForViewTransition + suspendedState, + suspendedState.waitingForViewTransition ? "Waiting for the previous Animation" - : 0 < suspendedCommitReason.count - ? 0 < suspendedCommitReason.imgCount + : 0 < suspendedState.count + ? 0 < suspendedState.imgCount ? "Suspended on CSS and Images" : "Suspended on CSS" - : 1 === suspendedCommitReason.imgCount + : 1 === suspendedState.imgCount ? "Suspended on an Image" - : 0 < suspendedCommitReason.imgCount + : 0 < suspendedState.imgCount ? "Suspended on Images" : null, completedRenderStartTime, @@ -11462,7 +12254,6 @@ function commitRootWhenReady( markRootSuspended(root, lanes, spawnedLane, !didSkipSuspendedSiblings); return; } - } commitRoot( root, finishedWork, @@ -11472,7 +12263,12 @@ function commitRootWhenReady( didIncludeRenderPhaseUpdate, spawnedLane, updatedLanes, - suspendedRetryLanes + suspendedRetryLanes, + exitStatus, + suspendedState, + suspendedCommitReason, + completedRenderStartTime, + completedRenderEndTime ); } function isRenderConsistentWithExternalStores(finishedWork) { @@ -11552,17 +12348,242 @@ function resetWorkInProgressStack() { workInProgress = null; } } +function finalizeRender(lanes, finalizationTime) { + 0 !== (lanes & 127) && (blockingClampTime = finalizationTime); + 0 !== (lanes & 4194048) && (transitionClampTime = finalizationTime); +} function prepareFreshStack(root, lanes) { - var timeoutHandle = root.timeoutHandle; - -1 !== timeoutHandle && - ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle)); - timeoutHandle = root.cancelPendingCommit; - null !== timeoutHandle && - ((root.cancelPendingCommit = null), timeoutHandle()); + supportsUserTiming && + (console.timeStamp( + "Blocking Track", + 0.003, + 0.003, + "Blocking", + "Scheduler \u269b", + "primary-light" + ), + console.timeStamp( + "Transition Track", + 0.003, + 0.003, + "Transition", + "Scheduler \u269b", + "primary-light" + ), + console.timeStamp( + "Suspense Track", + 0.003, + 0.003, + "Suspense", + "Scheduler \u269b", + "primary-light" + ), + console.timeStamp( + "Idle Track", + 0.003, + 0.003, + "Idle", + "Scheduler \u269b", + "primary-light" + )); + var previousRenderStartTime = renderStartTime; + renderStartTime = now(); + if (0 !== workInProgressRootRenderLanes && 0 < previousRenderStartTime) { + setCurrentTrackFromLanes(workInProgressRootRenderLanes); + if ( + 3 === workInProgressRootExitStatus || + 4 === workInProgressRootExitStatus + ) + logSuspendedRenderPhase(previousRenderStartTime, renderStartTime, lanes); + else { + var endTime = renderStartTime; + !supportsUserTiming || + endTime <= previousRenderStartTime || + console.timeStamp( + (lanes & 536870912) === lanes + ? "Prewarm" + : (lanes & 201326741) === lanes + ? "Interrupted Hydration" + : "Interrupted Render", + previousRenderStartTime, + endTime, + currentTrack, + "Scheduler \u269b", + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + ); + } + finalizeRender(workInProgressRootRenderLanes, renderStartTime); + } + if (0 !== (lanes & 127)) { + previousRenderStartTime = + 0 <= blockingUpdateTime && blockingUpdateTime < blockingClampTime + ? blockingClampTime + : blockingUpdateTime; + endTime = + 0 <= blockingEventTime && blockingEventTime < blockingClampTime + ? blockingClampTime + : blockingEventTime; + var clampedRenderStartTime$203 = + 0 <= endTime + ? endTime + : 0 <= previousRenderStartTime + ? previousRenderStartTime + : renderStartTime; + 0 <= blockingSuspendedTime && + (setCurrentTrackFromLanes(2), + logSuspendedWithDelayPhase( + blockingSuspendedTime, + clampedRenderStartTime$203, + lanes + )); + clampedRenderStartTime$203 = blockingEventType; + var eventIsRepeat = 0 < blockingEventRepeatTime, + isSpawnedUpdate = 1 === blockingUpdateType, + isPingedUpdate = 2 === blockingUpdateType, + renderStartTime$jscomp$0 = renderStartTime; + supportsUserTiming && + ((currentTrack = "Blocking"), + 0 < previousRenderStartTime + ? previousRenderStartTime > renderStartTime$jscomp$0 && + (previousRenderStartTime = renderStartTime$jscomp$0) + : (previousRenderStartTime = renderStartTime$jscomp$0), + 0 < endTime + ? endTime > previousRenderStartTime && + (endTime = previousRenderStartTime) + : (endTime = previousRenderStartTime), + null !== clampedRenderStartTime$203 && + previousRenderStartTime > endTime && + console.timeStamp( + eventIsRepeat + ? "Consecutive" + : "Event: " + clampedRenderStartTime$203, + endTime, + previousRenderStartTime, + currentTrack, + "Scheduler \u269b", + eventIsRepeat ? "secondary-light" : "warning" + ), + renderStartTime$jscomp$0 > previousRenderStartTime && + console.timeStamp( + isPingedUpdate + ? "Promise Resolved" + : isSpawnedUpdate + ? "Cascading Update" + : 5 < renderStartTime$jscomp$0 - previousRenderStartTime + ? "Update Blocked" + : "Update", + previousRenderStartTime, + renderStartTime$jscomp$0, + currentTrack, + "Scheduler \u269b", + isSpawnedUpdate + ? "error" + : (lanes & 738197653) === lanes + ? "tertiary-light" + : "primary-light" + )); + blockingUpdateTime = -1.1; + blockingUpdateType = 0; + blockingSuspendedTime = -1.1; + blockingEventRepeatTime = blockingEventTime; + blockingEventTime = -1.1; + blockingClampTime = now(); + } + 0 !== (lanes & 4194048) && + ((previousRenderStartTime = + 0 <= transitionStartTime && transitionStartTime < transitionClampTime + ? transitionClampTime + : transitionStartTime), + (endTime = + 0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime + ? transitionClampTime + : transitionUpdateTime), + (clampedRenderStartTime$203 = + 0 <= transitionEventTime && transitionEventTime < transitionClampTime + ? transitionClampTime + : transitionEventTime), + (eventIsRepeat = + 0 <= clampedRenderStartTime$203 + ? clampedRenderStartTime$203 + : 0 <= endTime + ? endTime + : renderStartTime), + 0 <= transitionSuspendedTime && + (setCurrentTrackFromLanes(256), + logSuspendedWithDelayPhase( + transitionSuspendedTime, + eventIsRepeat, + lanes + )), + (eventIsRepeat = transitionEventType), + (isSpawnedUpdate = 0 < transitionEventRepeatTime), + (isPingedUpdate = 2 === transitionUpdateType), + (renderStartTime$jscomp$0 = renderStartTime), + supportsUserTiming && + ((currentTrack = "Transition"), + 0 < endTime + ? endTime > renderStartTime$jscomp$0 && + (endTime = renderStartTime$jscomp$0) + : (endTime = renderStartTime$jscomp$0), + 0 < previousRenderStartTime + ? previousRenderStartTime > endTime && + (previousRenderStartTime = endTime) + : (previousRenderStartTime = endTime), + 0 < clampedRenderStartTime$203 + ? clampedRenderStartTime$203 > previousRenderStartTime && + (clampedRenderStartTime$203 = previousRenderStartTime) + : (clampedRenderStartTime$203 = previousRenderStartTime), + previousRenderStartTime > clampedRenderStartTime$203 && + null !== eventIsRepeat && + console.timeStamp( + isSpawnedUpdate ? "Consecutive" : "Event: " + eventIsRepeat, + clampedRenderStartTime$203, + previousRenderStartTime, + currentTrack, + "Scheduler \u269b", + isSpawnedUpdate ? "secondary-light" : "warning" + ), + endTime > previousRenderStartTime && + console.timeStamp( + "Action", + previousRenderStartTime, + endTime, + currentTrack, + "Scheduler \u269b", + "primary-dark" + ), + renderStartTime$jscomp$0 > endTime && + console.timeStamp( + isPingedUpdate + ? "Promise Resolved" + : 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", + endTime, + renderStartTime$jscomp$0, + currentTrack, + "Scheduler \u269b", + "primary-light" + )), + (transitionUpdateTime = transitionStartTime = -1.1), + (transitionUpdateType = 0), + (transitionSuspendedTime = -1.1), + (transitionEventRepeatTime = transitionEventTime), + (transitionEventTime = -1.1), + (transitionClampTime = now())); + previousRenderStartTime = root.timeoutHandle; + -1 !== previousRenderStartTime && + ((root.timeoutHandle = -1), cancelTimeout(previousRenderStartTime)); + previousRenderStartTime = root.cancelPendingCommit; + null !== previousRenderStartTime && + ((root.cancelPendingCommit = null), previousRenderStartTime()); pendingEffectsLanes = 0; resetWorkInProgressStack(); workInProgressRoot = root; - workInProgress = timeoutHandle = createWorkInProgress(root.current, null); + workInProgress = previousRenderStartTime = createWorkInProgress( + root.current, + null + ); workInProgressRootRenderLanes = lanes; workInProgressSuspendedReason = 0; workInProgressThrownValue = null; @@ -11580,21 +12601,16 @@ function prepareFreshStack(root, lanes) { null; workInProgressRootDidIncludeRecursiveRenderUpdate = !1; 0 !== (lanes & 8) && (lanes |= lanes & 32); - var allEntangledLanes = root.entangledLanes; - if (0 !== allEntangledLanes) - for ( - root = root.entanglements, allEntangledLanes &= lanes; - 0 < allEntangledLanes; - - ) { - var index$4 = 31 - clz32(allEntangledLanes), - lane = 1 << index$4; - lanes |= root[index$4]; - allEntangledLanes &= ~lane; - } + endTime = root.entangledLanes; + if (0 !== endTime) + for (root = root.entanglements, endTime &= lanes; 0 < endTime; ) + (clampedRenderStartTime$203 = 31 - clz32(endTime)), + (eventIsRepeat = 1 << clampedRenderStartTime$203), + (lanes |= root[clampedRenderStartTime$203]), + (endTime &= ~eventIsRepeat); entangledRenderLanes = lanes; finishQueueingConcurrentUpdates(); - return timeoutHandle; + return previousRenderStartTime; } function handleThrow(root, thrownValue) { currentlyRenderingFiber = null; @@ -11615,41 +12631,14 @@ function handleThrow(root, thrownValue) { : 1); workInProgressThrownValue = thrownValue; var erroredWork = workInProgress; - if (null === erroredWork) - (workInProgressRootExitStatus = 1), + null === erroredWork + ? ((workInProgressRootExitStatus = 1), logUncaughtError( root, createCapturedValueAtFiber(thrownValue, root.current) - ); - else - switch ( - (erroredWork.mode & 2 && - stopProfilerTimerIfRunningAndRecordDuration(erroredWork), - markComponentRenderStopped(), - workInProgressSuspendedReason) - ) { - case 1: - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markComponentErrored && - injectedProfilingHooks.markComponentErrored( - erroredWork, - thrownValue, - workInProgressRootRenderLanes - ); - break; - case 2: - case 9: - case 3: - case 6: - case 7: - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markComponentSuspended && - injectedProfilingHooks.markComponentSuspended( - erroredWork, - thrownValue, - workInProgressRootRenderLanes - ); - } + )) + : erroredWork.mode & 2 && + stopProfilerTimerIfRunningAndRecordDuration(erroredWork); } function shouldRemainOnPreviousScreen() { var handler = suspenseHandlerStackCursor.current; @@ -11709,7 +12698,6 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) { workInProgressTransitions = null; prepareFreshStack(root, lanes); } - markRenderStarted(lanes); lanes = !1; memoizedUpdaters = workInProgressRootExitStatus; a: do @@ -11749,8 +12737,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) { workLoopSync(); memoizedUpdaters = workInProgressRootExitStatus; break; - } catch (thrownValue$181) { - handleThrow(root, thrownValue$181); + } catch (thrownValue$208) { + handleThrow(root, thrownValue$208); } while (1); lanes && root.shellSuspendCounter++; @@ -11758,7 +12746,6 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) { executionContext = prevExecutionContext; ReactSharedInternals.H = prevDispatcher; ReactSharedInternals.A = prevAsyncDispatcher; - markRenderStopped(); null === workInProgress && ((workInProgressRoot = null), (workInProgressRootRenderLanes = 0), @@ -11786,7 +12773,6 @@ function renderRootConcurrent(root, lanes) { prepareFreshStack(root, lanes); } else workInProgressRootIsPrerendering = checkIfRootIsPrerendering(root, lanes); - markRenderStarted(lanes); a: do try { if (0 !== workInProgressSuspendedReason && null !== workInProgress) @@ -11877,22 +12863,15 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrentByScheduler(); break; - } catch (thrownValue$183) { - handleThrow(root, thrownValue$183); + } catch (thrownValue$210) { + handleThrow(root, thrownValue$210); } while (1); lastContextDependency = currentlyRenderingFiber$1 = null; ReactSharedInternals.H = prevDispatcher; ReactSharedInternals.A = prevAsyncDispatcher; executionContext = prevExecutionContext; - if (null !== workInProgress) - return ( - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markRenderYielded && - injectedProfilingHooks.markRenderYielded(), - 0 - ); - markRenderStopped(); + if (null !== workInProgress) return 0; workInProgressRoot = null; workInProgressRootRenderLanes = 0; finishQueueingConcurrentUpdates(); @@ -12082,17 +13061,46 @@ function commitRoot( didIncludeRenderPhaseUpdate, spawnedLane, updatedLanes, - suspendedRetryLanes + suspendedRetryLanes, + exitStatus, + suspendedState, + suspendedCommitReason, + completedRenderStartTime, + completedRenderEndTime ) { root.cancelPendingCommit = null; do flushPendingEffects(); while (0 !== pendingEffectsStatus); if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(327)); - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markCommitStarted && - injectedProfilingHooks.markCommitStarted(lanes); - if (null === finishedWork) markCommitStopped(); - else { + setCurrentTrackFromLanes(lanes); + 2 === exitStatus + ? logErroredRenderPhase(completedRenderStartTime, completedRenderEndTime) + : null !== recoverableErrors + ? !supportsUserTiming || + completedRenderEndTime <= completedRenderStartTime || + console.timeStamp( + "Recovered", + completedRenderStartTime, + completedRenderEndTime, + currentTrack, + "Scheduler \u269b", + "error" + ) + : !supportsUserTiming || + completedRenderEndTime <= completedRenderStartTime || + console.timeStamp( + (lanes & 536870912) === lanes + ? "Prepared" + : (lanes & 201326741) === lanes + ? "Hydrated" + : "Render", + completedRenderStartTime, + completedRenderEndTime, + currentTrack, + "Scheduler \u269b", + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + ); + if (null !== finishedWork) { if (finishedWork === root.current) throw Error(formatProdErrorMessage(177)); didIncludeRenderPhaseUpdate = finishedWork.lanes | finishedWork.childLanes; didIncludeRenderPhaseUpdate |= concurrentlyUpdatedLanes; @@ -12113,16 +13121,35 @@ function commitRoot( pendingEffectsRemainingLanes = didIncludeRenderPhaseUpdate; pendingPassiveTransitions = transitions; pendingRecoverableErrors = recoverableErrors; + pendingEffectsRenderEndTime = completedRenderEndTime; + pendingSuspendedCommitReason = suspendedCommitReason; + pendingDelayedCommitReason = 0; + pendingSuspendedViewTransitionReason = null; + 0 !== finishedWork.actualDuration || 0 !== (finishedWork.subtreeFlags & 10256) || 0 !== (finishedWork.flags & 10256) ? ((root.callbackNode = null), (root.callbackPriority = 0), scheduleCallback$1(NormalPriority$1, function () { + schedulerEvent = window.event; + 0 === pendingDelayedCommitReason && (pendingDelayedCommitReason = 2); flushPassiveEffects(); return null; })) : ((root.callbackNode = null), (root.callbackPriority = 0)); + commitErrors = null; commitStartTime = now(); + null !== suspendedCommitReason && + (!supportsUserTiming || + commitStartTime <= completedRenderEndTime || + console.timeStamp( + suspendedCommitReason, + completedRenderEndTime, + commitStartTime, + currentTrack, + "Scheduler \u269b", + "secondary-light" + )); recoverableErrors = 0 !== (finishedWork.flags & 13878); if (0 !== (finishedWork.subtreeFlags & 13878) || recoverableErrors) { recoverableErrors = ReactSharedInternals.T; @@ -12162,7 +13189,7 @@ function flushMutationEffects() { try { inProgressLanes = lanes; inProgressRoot = root; - componentEffectStartTime = -1.1; + resetComponentEffectTimers(); commitMutationEffectsOnFiber(finishedWork, root); inProgressRoot = inProgressLanes = null; lanes = selectionInformation; @@ -12275,8 +13302,21 @@ function flushMutationEffects() { function flushLayoutEffects() { if (2 === pendingEffectsStatus) { pendingEffectsStatus = 0; - var root = pendingEffectsRoot, - finishedWork = pendingFinishedWork, + var suspendedViewTransitionReason = pendingSuspendedViewTransitionReason; + null !== suspendedViewTransitionReason && + ((commitStartTime = now()), + !supportsUserTiming || + commitStartTime <= commitEndTime || + console.timeStamp( + suspendedViewTransitionReason, + commitEndTime, + commitStartTime, + currentTrack, + "Scheduler \u269b", + "secondary-light" + )); + suspendedViewTransitionReason = pendingEffectsRoot; + var finishedWork = pendingFinishedWork, lanes = pendingEffectsLanes, rootHasLayoutEffect = 0 !== (finishedWork.flags & 8772); if (0 !== (finishedWork.subtreeFlags & 8772) || rootHasLayoutEffect) { @@ -12287,45 +13327,84 @@ function flushLayoutEffects() { var prevExecutionContext = executionContext; executionContext |= 4; try { - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markLayoutEffectsStarted && - injectedProfilingHooks.markLayoutEffectsStarted(lanes), - (inProgressLanes = lanes), - (inProgressRoot = root), - (componentEffectStartTime = -1.1), - commitLayoutEffectOnFiber(root, finishedWork.alternate, finishedWork), - (inProgressRoot = inProgressLanes = null), - null !== injectedProfilingHooks && - "function" === - typeof injectedProfilingHooks.markLayoutEffectsStopped && - injectedProfilingHooks.markLayoutEffectsStopped(); + (inProgressLanes = lanes), + (inProgressRoot = suspendedViewTransitionReason), + resetComponentEffectTimers(), + commitLayoutEffectOnFiber( + suspendedViewTransitionReason, + finishedWork.alternate, + finishedWork + ), + (inProgressRoot = inProgressLanes = null); } finally { (executionContext = prevExecutionContext), (ReactDOMSharedInternals.p = previousPriority), (ReactSharedInternals.T = rootHasLayoutEffect); } } + suspendedViewTransitionReason = pendingEffectsRenderEndTime; + finishedWork = pendingSuspendedCommitReason; + commitEndTime = now(); + suspendedViewTransitionReason = + null === finishedWork ? suspendedViewTransitionReason : commitStartTime; + finishedWork = commitEndTime; + lanes = 1 === pendingDelayedCommitReason; + null !== commitErrors + ? logCommitErrored(suspendedViewTransitionReason, finishedWork) + : !supportsUserTiming || + finishedWork <= suspendedViewTransitionReason || + console.timeStamp( + lanes ? "Commit Interrupted View Transition" : "Commit", + suspendedViewTransitionReason, + finishedWork, + currentTrack, + "Scheduler \u269b", + lanes ? "error" : "secondary-dark" + ); pendingEffectsStatus = 3; } } function flushSpawnedWork() { if (4 === pendingEffectsStatus || 3 === pendingEffectsStatus) { + if (4 === pendingEffectsStatus) { + var startViewTransitionStartTime = commitEndTime; + commitEndTime = now(); + var abortedViewTransition = 1 === pendingDelayedCommitReason; + !supportsUserTiming || + commitEndTime <= startViewTransitionStartTime || + console.timeStamp( + abortedViewTransition + ? "Interrupted View Transition" + : "Starting Animation", + startViewTransitionStartTime, + commitEndTime, + currentTrack, + "Scheduler \u269b", + abortedViewTransition ? " error" : "secondary-light" + ); + 1 !== pendingDelayedCommitReason && (pendingDelayedCommitReason = 3); + } pendingEffectsStatus = 0; requestPaint(); - var root = pendingEffectsRoot, - finishedWork = pendingFinishedWork, - lanes = pendingEffectsLanes, - recoverableErrors = pendingRecoverableErrors; - 0 !== (finishedWork.subtreeFlags & 10256) || - 0 !== (finishedWork.flags & 10256) + startViewTransitionStartTime = pendingEffectsRoot; + var finishedWork = pendingFinishedWork; + abortedViewTransition = pendingEffectsLanes; + var recoverableErrors = pendingRecoverableErrors, + rootDidHavePassiveEffects = + 0 !== finishedWork.actualDuration || + 0 !== (finishedWork.subtreeFlags & 10256) || + 0 !== (finishedWork.flags & 10256); + rootDidHavePassiveEffects ? (pendingEffectsStatus = 5) : ((pendingEffectsStatus = 0), (pendingFinishedWork = pendingEffectsRoot = null), - releaseRootPooledCache(root, root.pendingLanes)); - var remainingLanes = root.pendingLanes; + releaseRootPooledCache( + startViewTransitionStartTime, + startViewTransitionStartTime.pendingLanes + )); + var remainingLanes = startViewTransitionStartTime.pendingLanes; 0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null); - remainingLanes = lanesToEventPriority(lanes); + remainingLanes = lanesToEventPriority(abortedViewTransition); finishedWork = finishedWork.stateNode; if (injectedHook && "function" === typeof injectedHook.onCommitFiberRoot) try { @@ -12353,14 +13432,15 @@ function flushSpawnedWork() { didError ); } catch (err) {} - isDevToolsPresent && root.memoizedUpdaters.clear(); + isDevToolsPresent && startViewTransitionStartTime.memoizedUpdaters.clear(); if (null !== recoverableErrors) { didError = ReactSharedInternals.T; schedulerPriority = ReactDOMSharedInternals.p; ReactDOMSharedInternals.p = 2; ReactSharedInternals.T = null; try { - var onRecoverableError = root.onRecoverableError; + var onRecoverableError = + startViewTransitionStartTime.onRecoverableError; for ( finishedWork = 0; finishedWork < recoverableErrors.length; @@ -12377,16 +13457,18 @@ function flushSpawnedWork() { } } 0 !== (pendingEffectsLanes & 3) && flushPendingEffects(); - ensureRootIsScheduled(root); - remainingLanes = root.pendingLanes; - 0 !== (lanes & 261930) && 0 !== (remainingLanes & 42) + ensureRootIsScheduled(startViewTransitionStartTime); + remainingLanes = startViewTransitionStartTime.pendingLanes; + 0 !== (abortedViewTransition & 261930) && 0 !== (remainingLanes & 42) ? ((nestedUpdateScheduled = !0), - root === rootWithNestedUpdates + startViewTransitionStartTime === rootWithNestedUpdates ? nestedUpdateCount++ - : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))) + : ((nestedUpdateCount = 0), + (rootWithNestedUpdates = startViewTransitionStartTime))) : (nestedUpdateCount = 0); + rootDidHavePassiveEffects || + finalizeRender(abortedViewTransition, commitEndTime); flushSyncWorkAcrossRoots_impl(0, !1); - markCommitStopped(); } } function releaseRootPooledCache(root, remainingLanes) { @@ -12412,43 +13494,79 @@ function flushPassiveEffects() { try { ReactDOMSharedInternals.p = 32 > renderPriority ? 32 : renderPriority; ReactSharedInternals.T = null; - renderPriority = pendingPassiveTransitions; + var transitions = pendingPassiveTransitions; pendingPassiveTransitions = null; - var root$jscomp$0 = pendingEffectsRoot, - lanes = pendingEffectsLanes; + renderPriority = pendingEffectsRoot; + var lanes = pendingEffectsLanes; pendingEffectsStatus = 0; pendingFinishedWork = pendingEffectsRoot = null; pendingEffectsLanes = 0; if (0 !== (executionContext & 6)) throw Error(formatProdErrorMessage(331)); - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markPassiveEffectsStarted && - injectedProfilingHooks.markPassiveEffectsStarted(lanes); + setCurrentTrackFromLanes(lanes); + var passiveEffectStartTime = 0; + commitErrors = null; + passiveEffectStartTime = now$1(); + 3 === pendingDelayedCommitReason + ? !supportsUserTiming || + passiveEffectStartTime <= commitEndTime || + console.timeStamp( + "Animating", + commitEndTime, + passiveEffectStartTime, + currentTrack, + "Scheduler \u269b", + "secondary-dark" + ) + : !supportsUserTiming || + passiveEffectStartTime <= commitEndTime || + console.timeStamp( + 2 === pendingDelayedCommitReason ? "Waiting for Paint" : "Waiting", + commitEndTime, + passiveEffectStartTime, + currentTrack, + "Scheduler \u269b", + "secondary-light" + ); var prevExecutionContext = executionContext; executionContext |= 4; - var finishedWork = root$jscomp$0.current; - componentEffectStartTime = -1.1; + var finishedWork = renderPriority.current; + resetComponentEffectTimers(); commitPassiveUnmountOnFiber(finishedWork); - var finishedWork$jscomp$0 = root$jscomp$0.current; - componentEffectStartTime = -1.1; + var finishedWork$jscomp$0 = renderPriority.current; + finishedWork = pendingEffectsRenderEndTime; + resetComponentEffectTimers(); commitPassiveMountOnFiber( - root$jscomp$0, + renderPriority, finishedWork$jscomp$0, lanes, - renderPriority + transitions, + finishedWork ); - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markPassiveEffectsStopped && - injectedProfilingHooks.markPassiveEffectsStopped(); executionContext = prevExecutionContext; + var passiveEffectsEndTime = now$1(); + finishedWork$jscomp$0 = passiveEffectStartTime; + null !== commitErrors + ? logCommitErrored(finishedWork$jscomp$0, passiveEffectsEndTime) + : !supportsUserTiming || + passiveEffectsEndTime <= finishedWork$jscomp$0 || + console.timeStamp( + "Remaining Effects", + finishedWork$jscomp$0, + passiveEffectsEndTime, + currentTrack, + "Scheduler \u269b", + "secondary-dark" + ); + finalizeRender(lanes, passiveEffectsEndTime); flushSyncWorkAcrossRoots_impl(0, !1); if ( injectedHook && "function" === typeof injectedHook.onPostCommitFiberRoot ) try { - injectedHook.onPostCommitFiberRoot(rendererID, root$jscomp$0); + injectedHook.onPostCommitFiberRoot(rendererID, renderPriority); } catch (err) {} - var stateNode = root$jscomp$0.current.stateNode; + var stateNode = renderPriority.current.stateNode; stateNode.effectDuration = 0; stateNode.passiveEffectDuration = 0; return !0; @@ -12460,6 +13578,7 @@ function flushPassiveEffects() { } function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) { sourceFiber = createCapturedValueAtFiber(error, sourceFiber); + recordEffectError(sourceFiber); sourceFiber = createRootErrorUpdate(rootFiber.stateNode, sourceFiber, 2); rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2); null !== rootFiber && @@ -12487,6 +13606,7 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) { !legacyErrorBoundariesThatAlreadyFailed.has(instance))) ) { sourceFiber = createCapturedValueAtFiber(error, sourceFiber); + recordEffectError(sourceFiber); error = createClassErrorUpdate(2); instance = enqueueUpdate(nearestMountedAncestor, error, 2); null !== instance && @@ -12526,6 +13646,14 @@ function pingSuspendedRoot(root, wakeable, pingedLanes) { null !== pingCache && pingCache.delete(wakeable); root.pingedLanes |= root.suspendedLanes & pingedLanes; root.warmLanes &= ~pingedLanes; + 0 !== (pingedLanes & 127) + ? 0 > blockingUpdateTime && + ((blockingClampTime = blockingUpdateTime = now()), + (blockingUpdateType = 2)) + : 0 !== (pingedLanes & 4194048) && + 0 > transitionUpdateTime && + ((transitionClampTime = transitionUpdateTime = now()), + (transitionUpdateType = 2)); workInProgressRoot === root && (workInProgressRootRenderLanes & pingedLanes) === pingedLanes && (4 === workInProgressRootExitStatus || @@ -12603,14 +13731,14 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$186 = firstScheduledRoot; null !== root$186; ) { + for (var root$213 = firstScheduledRoot; null !== root$213; ) { if (!onlyLegacy) if (0 !== syncTransitionLanes) { - var pendingLanes = root$186.pendingLanes; + var pendingLanes = root$213.pendingLanes; if (0 === pendingLanes) var JSCompiler_inline_result = 0; else { - var suspendedLanes = root$186.suspendedLanes, - pingedLanes = root$186.pingedLanes; + var suspendedLanes = root$213.suspendedLanes, + pingedLanes = root$213.pingedLanes; JSCompiler_inline_result = (1 << (31 - clz32(42 | syncTransitionLanes) + 1)) - 1; JSCompiler_inline_result &= @@ -12624,26 +13752,27 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { } 0 !== JSCompiler_inline_result && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$186, JSCompiler_inline_result)); + performSyncWorkOnRoot(root$213, JSCompiler_inline_result)); } else (JSCompiler_inline_result = workInProgressRootRenderLanes), (JSCompiler_inline_result = getNextLanes( - root$186, - root$186 === workInProgressRoot ? JSCompiler_inline_result : 0, - null !== root$186.cancelPendingCommit || - -1 !== root$186.timeoutHandle + root$213, + root$213 === workInProgressRoot ? JSCompiler_inline_result : 0, + null !== root$213.cancelPendingCommit || + -1 !== root$213.timeoutHandle )), 0 === (JSCompiler_inline_result & 3) || - checkIfRootIsPrerendering(root$186, JSCompiler_inline_result) || + checkIfRootIsPrerendering(root$213, JSCompiler_inline_result) || ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$186, JSCompiler_inline_result)); - root$186 = root$186.next; + performSyncWorkOnRoot(root$213, JSCompiler_inline_result)); + root$213 = root$213.next; } } while (didPerformSomeWork); isFlushingWork = !1; } } function processRootScheduleInImmediateTask() { + schedulerEvent = window.event; processRootScheduleInMicrotask(); } function processRootScheduleInMicrotask() { @@ -12747,9 +13876,11 @@ function scheduleTaskForRootDuringMicrotask(root, currentTime) { } function performWorkOnRootViaSchedulerTask(root, didTimeout) { nestedUpdateScheduled = currentUpdateIsNested = !1; + schedulerEvent = window.event; if (0 !== pendingEffectsStatus && 5 !== pendingEffectsStatus) return (root.callbackNode = null), (root.callbackPriority = 0), null; var originalCallbackNode = root.callbackNode; + 0 === pendingDelayedCommitReason && (pendingDelayedCommitReason = 2); if (flushPendingEffects() && root.callbackNode !== originalCallbackNode) return null; var workInProgressRootRenderLanes$jscomp$0 = workInProgressRootRenderLanes; @@ -12888,20 +14019,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1678 = 0; - i$jscomp$inline_1678 < simpleEventPluginEvents.length; - i$jscomp$inline_1678++ + var i$jscomp$inline_1875 = 0; + i$jscomp$inline_1875 < simpleEventPluginEvents.length; + i$jscomp$inline_1875++ ) { - var eventName$jscomp$inline_1679 = - simpleEventPluginEvents[i$jscomp$inline_1678], - domEventName$jscomp$inline_1680 = - eventName$jscomp$inline_1679.toLowerCase(), - capitalizedEvent$jscomp$inline_1681 = - eventName$jscomp$inline_1679[0].toUpperCase() + - eventName$jscomp$inline_1679.slice(1); + var eventName$jscomp$inline_1876 = + simpleEventPluginEvents[i$jscomp$inline_1875], + domEventName$jscomp$inline_1877 = + eventName$jscomp$inline_1876.toLowerCase(), + capitalizedEvent$jscomp$inline_1878 = + eventName$jscomp$inline_1876[0].toUpperCase() + + eventName$jscomp$inline_1876.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1680, - "on" + capitalizedEvent$jscomp$inline_1681 + domEventName$jscomp$inline_1877, + "on" + capitalizedEvent$jscomp$inline_1878 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -14075,34 +15206,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$200 = props[hasSrc]; - if (null != propValue$200) + var propValue$227 = props[hasSrc]; + if (null != propValue$227) switch (hasSrc) { case "name": - hasSrcSet = propValue$200; + hasSrcSet = propValue$227; break; case "type": - propValue = propValue$200; + propValue = propValue$227; break; case "checked": - checked = propValue$200; + checked = propValue$227; break; case "defaultChecked": - defaultChecked = propValue$200; + defaultChecked = propValue$227; break; case "value": - propKey = propValue$200; + propKey = propValue$227; break; case "defaultValue": - defaultValue = propValue$200; + defaultValue = propValue$227; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$200) + if (null != propValue$227) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$200, props, null); + setProp(domElement, tag, hasSrc, propValue$227, props, null); } } initInput( @@ -14239,14 +15370,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$200 in props) - props.hasOwnProperty(propValue$200) && - ((hasSrc = props[propValue$200]), + for (propValue$227 in props) + props.hasOwnProperty(propValue$227) && + ((hasSrc = props[propValue$227]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$200, + propValue$227, hasSrc, props, void 0 @@ -14294,14 +15425,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$217 in nextProps) { - var propKey = nextProps[propKey$217]; - lastProp = lastProps[propKey$217]; + for (var propKey$244 in nextProps) { + var propKey = nextProps[propKey$244]; + lastProp = lastProps[propKey$244]; if ( - nextProps.hasOwnProperty(propKey$217) && + nextProps.hasOwnProperty(propKey$244) && (null != propKey || null != lastProp) ) - switch (propKey$217) { + switch (propKey$244) { case "type": type = propKey; break; @@ -14330,7 +15461,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$217, + propKey$244, propKey, nextProps, lastProp @@ -14349,7 +15480,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$217 = null; + propKey = value = defaultValue = propKey$244 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -14380,7 +15511,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (name) { case "value": - propKey$217 = type; + propKey$244 = type; break; case "defaultValue": defaultValue = type; @@ -14401,15 +15532,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$217 - ? updateOptions(domElement, !!lastProps, propKey$217, !1) + null != propKey$244 + ? updateOptions(domElement, !!lastProps, propKey$244, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$217 = null; + propKey = propKey$244 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -14433,7 +15564,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (value) { case "value": - propKey$217 = name; + propKey$244 = name; break; case "defaultValue": propKey = name; @@ -14447,17 +15578,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$217, propKey); + updateTextarea(domElement, propKey$244, propKey); return; case "option": - for (var propKey$233 in lastProps) + for (var propKey$260 in lastProps) if ( - ((propKey$217 = lastProps[propKey$233]), - lastProps.hasOwnProperty(propKey$233) && - null != propKey$217 && - !nextProps.hasOwnProperty(propKey$233)) + ((propKey$244 = lastProps[propKey$260]), + lastProps.hasOwnProperty(propKey$260) && + null != propKey$244 && + !nextProps.hasOwnProperty(propKey$260)) ) - switch (propKey$233) { + switch (propKey$260) { case "selected": domElement.selected = !1; break; @@ -14465,33 +15596,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$233, + propKey$260, null, nextProps, - propKey$217 + propKey$244 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$217 = nextProps[lastDefaultValue]), + ((propKey$244 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$217 !== propKey && - (null != propKey$217 || null != propKey)) + propKey$244 !== propKey && + (null != propKey$244 || null != propKey)) ) switch (lastDefaultValue) { case "selected": domElement.selected = - propKey$217 && - "function" !== typeof propKey$217 && - "symbol" !== typeof propKey$217; + propKey$244 && + "function" !== typeof propKey$244 && + "symbol" !== typeof propKey$244; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$217, + propKey$244, nextProps, propKey ); @@ -14512,24 +15643,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$238 in lastProps) - (propKey$217 = lastProps[propKey$238]), - lastProps.hasOwnProperty(propKey$238) && - null != propKey$217 && - !nextProps.hasOwnProperty(propKey$238) && - setProp(domElement, tag, propKey$238, null, nextProps, propKey$217); + for (var propKey$265 in lastProps) + (propKey$244 = lastProps[propKey$265]), + lastProps.hasOwnProperty(propKey$265) && + null != propKey$244 && + !nextProps.hasOwnProperty(propKey$265) && + setProp(domElement, tag, propKey$265, null, nextProps, propKey$244); for (checked in nextProps) if ( - ((propKey$217 = nextProps[checked]), + ((propKey$244 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$217 !== propKey && - (null != propKey$217 || null != propKey)) + propKey$244 !== propKey && + (null != propKey$244 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$217) + if (null != propKey$244) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -14537,7 +15668,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$217, + propKey$244, nextProps, propKey ); @@ -14545,49 +15676,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$243 in lastProps) - (propKey$217 = lastProps[propKey$243]), - lastProps.hasOwnProperty(propKey$243) && - void 0 !== propKey$217 && - !nextProps.hasOwnProperty(propKey$243) && + for (var propKey$270 in lastProps) + (propKey$244 = lastProps[propKey$270]), + lastProps.hasOwnProperty(propKey$270) && + void 0 !== propKey$244 && + !nextProps.hasOwnProperty(propKey$270) && setPropOnCustomElement( domElement, tag, - propKey$243, + propKey$270, void 0, nextProps, - propKey$217 + propKey$244 ); for (defaultChecked in nextProps) - (propKey$217 = nextProps[defaultChecked]), + (propKey$244 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$217 === propKey || - (void 0 === propKey$217 && void 0 === propKey) || + propKey$244 === propKey || + (void 0 === propKey$244 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$217, + propKey$244, nextProps, propKey ); return; } } - for (var propKey$248 in lastProps) - (propKey$217 = lastProps[propKey$248]), - lastProps.hasOwnProperty(propKey$248) && - null != propKey$217 && - !nextProps.hasOwnProperty(propKey$248) && - setProp(domElement, tag, propKey$248, null, nextProps, propKey$217); + for (var propKey$275 in lastProps) + (propKey$244 = lastProps[propKey$275]), + lastProps.hasOwnProperty(propKey$275) && + null != propKey$244 && + !nextProps.hasOwnProperty(propKey$275) && + setProp(domElement, tag, propKey$275, null, nextProps, propKey$244); for (lastProp in nextProps) - (propKey$217 = nextProps[lastProp]), + (propKey$244 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$217 === propKey || - (null == propKey$217 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$217, nextProps, propKey); + propKey$244 === propKey || + (null == propKey$244 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$244, nextProps, propKey); } function isLikelyStaticResource(initiatorType) { switch (initiatorType) { @@ -14703,6 +15834,15 @@ function shouldAttemptEagerTransition() { currentPopstateTransitionEvent = null; return !1; } +var schedulerEvent = void 0; +function resolveEventType() { + var event = window.event; + return event && event !== schedulerEvent ? event.type : null; +} +function resolveEventTimeStamp() { + var event = window.event; + return event && event !== schedulerEvent ? event.timeStamp : -1.1; +} var scheduleTimeout = "function" === typeof setTimeout ? setTimeout : void 0, cancelTimeout = "function" === typeof clearTimeout ? clearTimeout : void 0, localPromise = "function" === typeof Promise ? Promise : void 0, @@ -15322,26 +16462,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$259 = getResourcesFromRoot( + var styles$286 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$260 = styles$259.get(type); - resource$260 || + resource$287 = styles$286.get(type); + resource$287 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$260 = { + (resource$287 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$259.set(type, resource$260), - (styles$259 = JSCompiler_inline_result.querySelector( + styles$286.set(type, resource$287), + (styles$286 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$259._p && - ((resource$260.instance = styles$259), - (resource$260.state.loading = 5)), + !styles$286._p && + ((resource$287.instance = styles$286), + (resource$287.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -15354,16 +16494,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$259 || + styles$286 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$260.state + resource$287.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$260; + return resource$287; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -15460,37 +16600,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$265 = hoistableRoot.querySelector( + var instance$292 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$265) + if (instance$292) return ( (resource.state.loading |= 4), - (resource.instance = instance$265), - markNodeAsHoistable(instance$265), - instance$265 + (resource.instance = instance$292), + markNodeAsHoistable(instance$292), + instance$292 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$265 = ( + instance$292 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$265); - var linkInstance = instance$265; + markNodeAsHoistable(instance$292); + var linkInstance = instance$292; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$265, "link", instance); + setInitialProperties(instance$292, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$265, props.precedence, hoistableRoot); - return (resource.instance = instance$265); + insertStylesheet(instance$292, props.precedence, hoistableRoot); + return (resource.instance = instance$292); case "script": - instance$265 = getScriptKey(props.src); + instance$292 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$265) + getScriptSelectorFromKey(instance$292) )) ) return ( @@ -15499,7 +16639,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$265))) + if ((styleProps = preloadPropsMap.get(instance$292))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -15921,9 +17061,6 @@ function updateContainerImpl( parentComponent, callback ) { - null !== injectedProfilingHooks && - "function" === typeof injectedProfilingHooks.markRenderScheduled && - injectedProfilingHooks.markRenderScheduled(lane); parentComponent = getContextForSubtree(parentComponent); null === container.context ? (container.context = parentComponent) @@ -15934,7 +17071,8 @@ function updateContainerImpl( null !== callback && (container.callback = callback); element = enqueueUpdate(rootFiber, container, lane); null !== element && - (scheduleUpdateOnFiber(element, rootFiber, lane), + (startUpdateTimerByLane(lane), + scheduleUpdateOnFiber(element, rootFiber, lane), entangleTransitions(element, rootFiber, lane)); } function markRetryLaneImpl(fiber, retryLane) { @@ -16619,16 +17757,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1943 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_2138 = React.version; if ( - "19.2.0-canary-ef889445-20250930" !== - isomorphicReactPackageVersion$jscomp$inline_1943 + "19.2.0-canary-548235db-20251001" !== + isomorphicReactPackageVersion$jscomp$inline_2138 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1943, - "19.2.0-canary-ef889445-20250930" + isomorphicReactPackageVersion$jscomp$inline_2138, + "19.2.0-canary-548235db-20251001" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -16648,39 +17786,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_1950 = { +var internals$jscomp$inline_2658 = { bundleType: 0, - version: "19.2.0-canary-ef889445-20250930", + version: "19.2.0-canary-548235db-20251001", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-ef889445-20250930", - getLaneLabelMap: function () { - for ( - var map = new Map(), lane = 1, index$282 = 0; - 31 > index$282; - index$282++ - ) { - var label = getLabelForLane(lane); - map.set(lane, label); - lane *= 2; - } - return map; - }, - injectProfilingHooks: function (profilingHooks) { - injectedProfilingHooks = profilingHooks; - } + reconcilerVersion: "19.2.0-canary-548235db-20251001" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2418 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2659 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2418.isDisabled && - hook$jscomp$inline_2418.supportsFiber + !hook$jscomp$inline_2659.isDisabled && + hook$jscomp$inline_2659.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2418.inject( - internals$jscomp$inline_1950 + (rendererID = hook$jscomp$inline_2659.inject( + internals$jscomp$inline_2658 )), - (injectedHook = hook$jscomp$inline_2418); + (injectedHook = hook$jscomp$inline_2659); } catch (err) {} } function getCrossOriginStringAs(as, input) { @@ -16798,6 +17921,7 @@ exports.hydrateRoot = function (container, initialChildren, options) { identifierPrefix = createUpdate(isStrictMode); identifierPrefix.callback = null; enqueueUpdate(options, identifierPrefix, isStrictMode); + startUpdateTimerByLane(isStrictMode); options = isStrictMode; initialChildren.current.lanes = options; markRootUpdated$1(initialChildren, options); @@ -16926,7 +18050,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-canary-ef889445-20250930"; +exports.version = "19.2.0-canary-548235db-20251001"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js index 422efd3e023d7d..c75ddb9590f9df 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js @@ -9766,5 +9766,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; - exports.version = "19.2.0-canary-ef889445-20250930"; + exports.version = "19.2.0-canary-548235db-20251001"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js index 13fdb7a9f0fcc7..90961899f0e2b5 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js @@ -6511,4 +6511,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; -exports.version = "19.2.0-canary-ef889445-20250930"; +exports.version = "19.2.0-canary-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js index 2e644085f9b7db..a72847cd893354 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js @@ -9766,5 +9766,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; - exports.version = "19.2.0-canary-ef889445-20250930"; + exports.version = "19.2.0-canary-548235db-20251001"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js index 7c7fbfe014d554..90ad93e38dd43c 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js @@ -6596,4 +6596,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; -exports.version = "19.2.0-canary-ef889445-20250930"; +exports.version = "19.2.0-canary-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js index 71d9d62c60ccf4..23ba2f88858f8e 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js @@ -8513,11 +8513,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-548235db-20251001" !== 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-canary-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react"), @@ -10215,5 +10215,5 @@ startWork(request); }); }; - exports.version = "19.2.0-canary-ef889445-20250930"; + exports.version = "19.2.0-canary-548235db-20251001"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js index 77813b794a9456..1e164ccd702338 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js @@ -6902,12 +6902,12 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-548235db-20251001" !== isomorphicReactPackageVersion) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion, - "19.2.0-canary-ef889445-20250930" + "19.2.0-canary-548235db-20251001" ) ); } @@ -7054,4 +7054,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.2.0-canary-ef889445-20250930"; +exports.version = "19.2.0-canary-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js index f003068862ff00..4aef7bf5c063e6 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js @@ -6552,13 +6552,13 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) { } var isomorphicReactPackageVersion$jscomp$inline_818 = React.version; if ( - "19.2.0-canary-ef889445-20250930" !== + "19.2.0-canary-548235db-20251001" !== isomorphicReactPackageVersion$jscomp$inline_818 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_818 + - "\n - react-dom: 19.2.0-canary-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); exports.renderToReadableStream = function (children, options) { return new Promise(function (resolve, reject) { @@ -6649,4 +6649,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.2.0-canary-ef889445-20250930"; +exports.version = "19.2.0-canary-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js index fb0e3a3d7ce657..d4ffb6bc0c8b3b 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js @@ -8536,11 +8536,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-548235db-20251001" !== 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-canary-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react"), @@ -10234,5 +10234,5 @@ startWork(request); }); }; - exports.version = "19.2.0-canary-ef889445-20250930"; + exports.version = "19.2.0-canary-548235db-20251001"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js index 8f290d657e3149..c69522a3384fac 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js @@ -7002,11 +7002,11 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-548235db-20251001" !== 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-canary-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -7152,4 +7152,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.2.0-canary-ef889445-20250930"; +exports.version = "19.2.0-canary-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js index ddbf1efd574d9d..72a950d8be7a36 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js @@ -8410,11 +8410,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-548235db-20251001" !== 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-canary-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); } function createDrainHandler(destination, request) { @@ -10293,5 +10293,5 @@ startWork(request); }); }; - exports.version = "19.2.0-canary-ef889445-20250930"; + exports.version = "19.2.0-canary-548235db-20251001"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js index 6c3390a4847a85..45c4c5ed0e6a95 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js @@ -6893,11 +6893,11 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-ef889445-20250930" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-548235db-20251001" !== 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-canary-ef889445-20250930\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-548235db-20251001\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -7235,4 +7235,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.2.0-canary-ef889445-20250930"; +exports.version = "19.2.0-canary-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom.development.js index f1f3d24d7fe91b..154edf1054c66a 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.development.js @@ -416,7 +416,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-canary-ef889445-20250930"; + exports.version = "19.2.0-canary-548235db-20251001"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom.production.js index f9eb65316501b3..b8aac50210aff0 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.production.js @@ -207,4 +207,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-canary-ef889445-20250930"; +exports.version = "19.2.0-canary-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js index 59ba55c61d88d6..da0ab8fc593d35 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js @@ -336,5 +336,5 @@ })) : Internals.d.m(href)); }; - exports.version = "19.2.0-canary-ef889445-20250930"; + exports.version = "19.2.0-canary-548235db-20251001"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js index 86a4ba5eda726b..3d1a4b39d5642a 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js @@ -149,4 +149,4 @@ exports.preloadModule = function (href, options) { }); } else Internals.d.m(href); }; -exports.version = "19.2.0-canary-ef889445-20250930"; +exports.version = "19.2.0-canary-548235db-20251001"; diff --git a/packages/next/src/compiled/react-dom/package.json b/packages/next/src/compiled/react-dom/package.json index 1b4f58e54c8292..f87725cca5c4f0 100644 --- a/packages/next/src/compiled/react-dom/package.json +++ b/packages/next/src/compiled/react-dom/package.json @@ -67,10 +67,10 @@ "./package.json": "./package.json" }, "dependencies": { - "scheduler": "0.27.0-canary-ef889445-20250930" + "scheduler": "0.27.0-canary-548235db-20251001" }, "peerDependencies": { - "react": "19.2.0-canary-ef889445-20250930" + "react": "19.2.0-canary-548235db-20251001" }, "browser": { "./server.js": "./server.browser.js", diff --git a/packages/next/src/compiled/react-experimental/cjs/react.development.js b/packages/next/src/compiled/react-experimental/cjs/react.development.js index 8ac71866eacc30..b446d9297299cf 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.development.js @@ -1356,7 +1356,7 @@ exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.2.0-experimental-ef889445-20250930"; + exports.version = "19.2.0-experimental-548235db-20251001"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-experimental/cjs/react.production.js b/packages/next/src/compiled/react-experimental/cjs/react.production.js index b40cb6b26549b1..92e6b78385828e 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.production.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.production.js @@ -597,4 +597,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-experimental-ef889445-20250930"; +exports.version = "19.2.0-experimental-548235db-20251001"; diff --git a/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js b/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js index 0963dcb478f53e..34cc743c3e853b 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js @@ -1025,5 +1025,5 @@ exports.useMemo = function (create, deps) { return resolveDispatcher().useMemo(create, deps); }; - exports.version = "19.2.0-experimental-ef889445-20250930"; + exports.version = "19.2.0-experimental-548235db-20251001"; })(); diff --git a/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js index e4844d2ae1ac3a..5df655b1940cf3 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js @@ -563,4 +563,4 @@ exports.useId = function () { exports.useMemo = function (create, deps) { return ReactSharedInternals.H.useMemo(create, deps); }; -exports.version = "19.2.0-experimental-ef889445-20250930"; +exports.version = "19.2.0-experimental-548235db-20251001"; diff --git a/packages/next/src/compiled/react-is/package.json b/packages/next/src/compiled/react-is/package.json index e11e5a4d98b23d..c0781ded27b6d1 100644 --- a/packages/next/src/compiled/react-is/package.json +++ b/packages/next/src/compiled/react-is/package.json @@ -1,6 +1,6 @@ { "name": "react-is", - "version": "19.2.0-canary-ef889445-20250930", + "version": "19.2.0-canary-548235db-20251001", "description": "Brand checking of React Elements.", "main": "index.js", "sideEffects": false, diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js index cf0771f2fb8cb2..4472fc92f1f06f 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js @@ -4856,10 +4856,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.2.0-experimental-ef889445-20250930", + version: "19.2.0-experimental-548235db-20251001", rendererPackageName: "react-server-dom-turbopack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-ef889445-20250930", + reconcilerVersion: "19.2.0-experimental-548235db-20251001", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json b/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json index 91ccd0d646d2f7..abd15463379f68 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json @@ -48,7 +48,7 @@ "neo-async": "^2.6.1" }, "peerDependencies": { - "react": "0.0.0-experimental-ef889445-20250930", - "react-dom": "0.0.0-experimental-ef889445-20250930" + "react": "0.0.0-experimental-548235db-20251001", + "react-dom": "0.0.0-experimental-548235db-20251001" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js index 0fb9dc0afb3de9..7e884e556afacf 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js @@ -905,10 +905,474 @@ } return null; } + function getArrayKind(array) { + for (var kind = 0, i = 0; i < array.length; i++) { + var value = array[i]; + if ("object" === typeof value && null !== value) + if ( + isArrayImpl(value) && + 2 === value.length && + "string" === typeof value[0] + ) { + if (0 !== kind && 3 !== kind) return 1; + kind = 3; + } else return 1; + else { + if ( + "function" === typeof value || + ("string" === typeof value && 50 < value.length) || + (0 !== kind && 2 !== kind) + ) + return 1; + kind = 2; + } + } + return kind; + } + function addObjectToProperties(object, properties, indent, prefix) { + for (var key in object) + hasOwnProperty.call(object, key) && + "_" !== key[0] && + addValueToProperties(key, object[key], properties, indent, prefix); + } + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { + switch (typeof value) { + case "object": + if (null === value) { + value = "null"; + break; + } else { + if (value.$$typeof === REACT_ELEMENT_TYPE) { + var typeName = getComponentNameFromType(value.type) || "\u2026", + key = value.key; + value = value.props; + var propsKeys = Object.keys(value), + propsLength = propsKeys.length; + if (null == key && 0 === propsLength) { + value = "<" + typeName + " />"; + break; + } + if ( + 3 > indent || + (1 === propsLength && + "children" === propsKeys[0] && + null == key) + ) { + value = "<" + typeName + " \u2026 />"; + break; + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "<" + typeName + ]); + null !== key && + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); + propertyName = !1; + for (var propKey in value) + "children" === propKey + ? null != value.children && + (!isArrayImpl(value.children) || + 0 < value.children.length) && + (propertyName = !0) + : hasOwnProperty.call(value, propKey) && + "_" !== propKey[0] && + addValueToProperties( + propKey, + value[propKey], + properties, + indent + 1, + prefix + ); + properties.push([ + "", + propertyName ? ">\u2026" : "/>" + ]); + return; + } + typeName = Object.prototype.toString.call(value); + typeName = typeName.slice(8, typeName.length - 1); + if ("Array" === typeName) + if ( + ((propKey = getArrayKind(value)), + 2 === propKey || 0 === propKey) + ) { + value = JSON.stringify(value); + break; + } else if (3 === propKey) { + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "" + ]); + for ( + propertyName = 0; + propertyName < value.length; + propertyName++ + ) + (typeName = value[propertyName]), + addValueToProperties( + typeName[0], + typeName[1], + properties, + indent + 1, + prefix + ); + return; + } + if ("Promise" === typeName) { + if ("fulfilled" === value.status) { + if ( + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.value, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = + "Promise<" + (properties[1] || "Object") + ">"; + return; + } + } else if ( + "rejected" === value.status && + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.reason, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = "Rejected Promise<" + properties[1] + ">"; + return; + } + properties.push([ + "\u00a0\u00a0".repeat(indent) + propertyName, + "Promise" + ]); + return; + } + "Object" === typeName && + (propKey = Object.getPrototypeOf(value)) && + "function" === typeof propKey.constructor && + (typeName = propKey.constructor.name); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName + ]); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); + return; + } + case "function": + value = "" === value.name ? "() => {}" : value.name + "() {}"; + break; + case "string": + value = + "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects." === + value + ? "\u2026" + : JSON.stringify(value); + break; + case "undefined": + value = "undefined"; + break; + case "boolean": + value = value ? "true" : "false"; + break; + default: + value = String(value); + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); + } + function getIODescription(value) { + try { + switch (typeof value) { + case "object": + if (null === value) return ""; + if (value instanceof Error) return String(value.message); + if ("string" === typeof value.url) return value.url; + if ("string" === typeof value.href) return value.href; + if ("string" === typeof value.src) return value.src; + if ("string" === typeof value.currentSrc) return value.currentSrc; + if ("string" === typeof value.command) return value.command; + if ( + "object" === typeof value.request && + null !== value.request && + "string" === typeof value.request.url + ) + return value.request.url; + if ( + "object" === typeof value.response && + null !== value.response && + "string" === typeof value.response.url + ) + return value.response.url; + if ( + "string" === typeof value.id || + "number" === typeof value.id || + "bigint" === typeof value.id + ) + return String(value.id); + if ("string" === typeof value.name) return value.name; + var str = value.toString(); + return str.startsWith("[object ") || + 5 > str.length || + 500 < str.length + ? "" + : str; + case "string": + return 5 > value.length || 500 < value.length ? "" : value; + case "number": + case "bigint": + return String(value); + default: + return ""; + } + } catch (x) { + return ""; + } + } + function markAllTracksInOrder() { + supportsUserTiming && + (console.timeStamp( + "Server Requests Track", + 0.001, + 0.001, + "Server Requests \u269b", + void 0, + "primary-light" + ), + console.timeStamp( + "Server Components Track", + 0.001, + 0.001, + "Primary", + "Server Components \u269b", + "primary-light" + )); + } + function getIOColor(functionName) { + switch (functionName.charCodeAt(0) % 3) { + case 0: + return "tertiary-light"; + case 1: + return "tertiary"; + default: + return "tertiary-dark"; + } + } + function getIOLongName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + description = + "" === description ? ioInfo : ioInfo + " (" + description + ")"; + return env === rootEnv || void 0 === env + ? description + : description + " [" + env + "]"; + } + function getIOShortName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + env = env === rootEnv || void 0 === env ? "" : " [" + env + "]"; + var desc = ""; + rootEnv = 30 - ioInfo.length - env.length; + if (1 < rootEnv) { + var l = description.length; + if (0 < l && l <= rootEnv) desc = " (" + description + ")"; + else if ( + description.startsWith("http://") || + description.startsWith("https://") || + description.startsWith("/") + ) { + var queryIdx = description.indexOf("?"); + -1 === queryIdx && (queryIdx = description.length); + 47 === description.charCodeAt(queryIdx - 1) && queryIdx--; + desc = description.lastIndexOf("/", queryIdx - 1); + queryIdx - desc < rootEnv + ? (desc = " (\u2026" + description.slice(desc, queryIdx) + ")") + : ((l = description.slice(desc, desc + rootEnv / 2)), + (description = description.slice( + queryIdx - rootEnv / 2, + queryIdx + )), + (desc = + " (" + + (0 < desc ? "\u2026" : "") + + l + + "\u2026" + + description + + ")")); + } + } + return ioInfo + desc + env; + } + function logComponentAwait( + asyncInfo, + trackIdx, + startTime, + endTime, + rootEnv, + value + ) { + if (supportsUserTiming && 0 < endTime) { + var description = getIODescription(value), + name = getIOShortName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ), + entryName = "await " + name; + name = getIOColor(name); + var debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("awaited value", value, properties, 0, ""); + asyncInfo = getIOLongName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: name, + track: trackNames[trackIdx], + trackGroup: "Server Components \u269b", + properties: properties, + tooltipText: asyncInfo + } + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + trackNames[trackIdx], + "Server Components \u269b", + name + ); + } + } + function logIOInfoErrored(ioInfo, rootEnv, error) { + var startTime = ioInfo.start, + endTime = ioInfo.end; + if (supportsUserTiming && 0 <= endTime) { + var description = getIODescription(error), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + debugTask = ioInfo.debugTask; + debugTask + ? ((error = [ + [ + "rejected with", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]), + (ioInfo = + getIOLongName(ioInfo, description, ioInfo.env, rootEnv) + + " Rejected"), + debugTask.run( + performance.measure.bind(performance, "\u200b" + entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: "Server Requests \u269b", + properties: error, + tooltipText: ioInfo + } + } + }) + )) + : console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + "error" + ); + } + } + function logIOInfo(ioInfo, rootEnv, value) { + var startTime = ioInfo.start, + endTime = ioInfo.end; + if (supportsUserTiming && 0 <= endTime) { + var description = getIODescription(value), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + color = getIOColor(entryName), + debugTask = ioInfo.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + ioInfo = getIOLongName(ioInfo, description, ioInfo.env, rootEnv); + debugTask.run( + performance.measure.bind(performance, "\u200b" + entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: color, + track: "Server Requests \u269b", + properties: properties, + tooltipText: ioInfo + } + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + color + ); + } + } function ReactPromise(status, value, reason) { this.status = status; this.value = value; this.reason = reason; + this._children = []; this._debugChunk = null; this._debugInfo = []; } @@ -1735,6 +2199,9 @@ var path = reference.split(":"); reference = parseInt(path[0], 16); reference = getChunk(response, reference); + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(reference); switch (reference.status) { case "resolved_model": initializeModelChunk(reference); @@ -1975,12 +2442,19 @@ return ( (parentObject = parseInt(value.slice(2), 16)), (response = getChunk(response, parentObject)), + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(response), createLazyChunkWrapper(response, 0) ); case "@": return ( (parentObject = parseInt(value.slice(2), 16)), - getChunk(response, parentObject) + (response = getChunk(response, parentObject)), + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(response), + response ); case "S": return Symbol.for(value.slice(2)); @@ -2157,6 +2631,8 @@ this._closed = !1; this._closedReason = null; this._tempRefs = temporaryReferences; + this._timeOrigin = 0; + this._pendingInitialRender = null; this._pendingChunks = 0; this._weakResponse = { weak: new WeakRef(this), response: this }; this._debugRootOwner = bundlerConfig = @@ -2181,6 +2657,7 @@ (null === debugChannelRegistry ? (closeDebugChannel(debugChannel), (this._debugChannel = void 0)) : debugChannelRegistry.register(this, debugChannel, this)); + replayConsole && markAllTracksInOrder(); this._fromJSON = createFromJSONCallback(this); } function createStreamState(weakResponse, streamDebugValue) { @@ -2780,13 +3257,16 @@ } function initializeDebugInfo(response, debugInfo) { void 0 !== debugInfo.stack && initializeFakeTask(response, debugInfo); - null == debugInfo.owner && null != response._debugRootOwner - ? ((debugInfo.owner = response._debugRootOwner), - (debugInfo.stack = null), - (debugInfo.debugStack = response._debugRootStack), - (debugInfo.debugTask = response._debugRootTask)) - : void 0 !== debugInfo.stack && - initializeFakeStack(response, debugInfo); + if (null == debugInfo.owner && null != response._debugRootOwner) { + var _componentInfoOrAsyncInfo = debugInfo; + _componentInfoOrAsyncInfo.owner = response._debugRootOwner; + _componentInfoOrAsyncInfo.stack = null; + _componentInfoOrAsyncInfo.debugStack = response._debugRootStack; + _componentInfoOrAsyncInfo.debugTask = response._debugRootTask; + } else + void 0 !== debugInfo.stack && initializeFakeStack(response, debugInfo); + "number" === typeof debugInfo.time && + (debugInfo = { time: debugInfo.time + response._timeOrigin }); return debugInfo; } function getCurrentStackInDEV() { @@ -2883,6 +3363,25 @@ initializeFakeStack(response, ioInfo)); ioInfo.start += response._timeOrigin; ioInfo.end += response._timeOrigin; + if (response._replayConsole) { + response = response._rootEnvironmentName; + var promise = ioInfo.value; + if (promise) + switch (promise.status) { + case "fulfilled": + logIOInfo(ioInfo, response, promise.value); + break; + case "rejected": + logIOInfoErrored(ioInfo, response, promise.reason); + break; + default: + promise.then( + logIOInfo.bind(null, ioInfo, response), + logIOInfoErrored.bind(null, ioInfo, response) + ); + } + else logIOInfo(ioInfo, response, void 0); + } } function resolveIOInfo(response, id, model) { var chunks = response._chunks, @@ -2938,7 +3437,537 @@ ); resolveBuffer(response, id, constructor, streamState); } - function flushInitialRenderPerformance() {} + function flushComponentPerformance( + response$jscomp$0, + root, + trackIdx$jscomp$6, + trackTime, + parentEndTime + ) { + if (!isArrayImpl(root._children)) { + var previousResult = root._children, + previousEndTime = previousResult.endTime; + if ( + -Infinity < parentEndTime && + parentEndTime < previousEndTime && + null !== previousResult.component + ) { + var componentInfo = previousResult.component, + trackIdx = trackIdx$jscomp$6, + startTime = parentEndTime; + if (supportsUserTiming && 0 <= previousEndTime && 10 > trackIdx) { + var color = + componentInfo.env === response$jscomp$0._rootEnvironmentName + ? "primary-light" + : "secondary-light", + entryName = componentInfo.name + " [deduped]", + debugTask = componentInfo.debugTask; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + entryName, + 0 > startTime ? 0 : startTime, + previousEndTime, + trackNames[trackIdx], + "Server Components \u269b", + color + ) + ) + : console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + previousEndTime, + trackNames[trackIdx], + "Server Components \u269b", + color + ); + } + } + previousResult.track = trackIdx$jscomp$6; + return previousResult; + } + var children = root._children, + debugInfo = root._debugInfo; + if (debugInfo) { + for (var startTime$jscomp$0 = 0, i = 0; i < debugInfo.length; i++) { + var info = debugInfo[i]; + "number" === typeof info.time && (startTime$jscomp$0 = info.time); + if ("string" === typeof info.name) { + startTime$jscomp$0 < trackTime && trackIdx$jscomp$6++; + trackTime = startTime$jscomp$0; + break; + } + } + for (var _i4 = debugInfo.length - 1; 0 <= _i4; _i4--) { + var _info = debugInfo[_i4]; + if ("number" === typeof _info.time && _info.time > parentEndTime) { + parentEndTime = _info.time; + break; + } + } + } + var result = { + track: trackIdx$jscomp$6, + endTime: -Infinity, + component: null + }; + root._children = result; + for ( + var childrenEndTime = -Infinity, + childTrackIdx = trackIdx$jscomp$6, + childTrackTime = trackTime, + _i5 = 0; + _i5 < children.length; + _i5++ + ) { + var childResult = flushComponentPerformance( + response$jscomp$0, + children[_i5], + childTrackIdx, + childTrackTime, + parentEndTime + ); + null !== childResult.component && + (result.component = childResult.component); + childTrackIdx = childResult.track; + var childEndTime = childResult.endTime; + childEndTime > childTrackTime && (childTrackTime = childEndTime); + childEndTime > childrenEndTime && (childrenEndTime = childEndTime); + } + if (debugInfo) + for ( + var componentEndTime = 0, + isLastComponent = !0, + endTime = -1, + endTimeIdx = -1, + _i6 = debugInfo.length - 1; + 0 <= _i6; + _i6-- + ) { + var _info2 = debugInfo[_i6]; + if ("number" === typeof _info2.time) { + 0 === componentEndTime && (componentEndTime = _info2.time); + var time = _info2.time; + if (-1 < endTimeIdx) + for (var j = endTimeIdx - 1; j > _i6; j--) { + var candidateInfo = debugInfo[j]; + if ("string" === typeof candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var componentInfo$jscomp$0 = candidateInfo, + response = response$jscomp$0, + componentInfo$jscomp$1 = componentInfo$jscomp$0, + trackIdx$jscomp$0 = trackIdx$jscomp$6, + startTime$jscomp$1 = time, + componentEndTime$jscomp$0 = componentEndTime, + childrenEndTime$jscomp$0 = childrenEndTime; + if ( + isLastComponent && + "rejected" === root.status && + root.reason !== response._closedReason + ) { + var componentInfo$jscomp$2 = componentInfo$jscomp$1, + trackIdx$jscomp$1 = trackIdx$jscomp$0, + startTime$jscomp$2 = startTime$jscomp$1, + childrenEndTime$jscomp$1 = childrenEndTime$jscomp$0, + error = root.reason; + if (supportsUserTiming) { + var env = componentInfo$jscomp$2.env, + name = componentInfo$jscomp$2.name, + entryName$jscomp$0 = + env === response._rootEnvironmentName || + void 0 === env + ? name + : name + " [" + env + "]", + properties = [ + [ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]; + null != componentInfo$jscomp$2.key && + addValueToProperties( + "key", + componentInfo$jscomp$2.key, + properties, + 0, + "" + ); + null != componentInfo$jscomp$2.props && + addObjectToProperties( + componentInfo$jscomp$2.props, + properties, + 0, + "" + ); + performance.measure("\u200b" + entryName$jscomp$0, { + start: 0 > startTime$jscomp$2 ? 0 : startTime$jscomp$2, + end: childrenEndTime$jscomp$1, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$1], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$0 + " Errored", + properties: properties + } + } + }); + } + } else { + var componentInfo$jscomp$3 = componentInfo$jscomp$1, + trackIdx$jscomp$2 = trackIdx$jscomp$0, + startTime$jscomp$3 = startTime$jscomp$1, + childrenEndTime$jscomp$2 = childrenEndTime$jscomp$0; + if ( + supportsUserTiming && + 0 <= childrenEndTime$jscomp$2 && + 10 > trackIdx$jscomp$2 + ) { + var env$jscomp$0 = componentInfo$jscomp$3.env, + name$jscomp$0 = componentInfo$jscomp$3.name, + isPrimaryEnv = + env$jscomp$0 === response._rootEnvironmentName, + selfTime = + componentEndTime$jscomp$0 - startTime$jscomp$3, + color$jscomp$0 = + 0.5 > selfTime + ? isPrimaryEnv + ? "primary-light" + : "secondary-light" + : 50 > selfTime + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > selfTime + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error", + entryName$jscomp$1 = + isPrimaryEnv || void 0 === env$jscomp$0 + ? name$jscomp$0 + : name$jscomp$0 + " [" + env$jscomp$0 + "]", + debugTask$jscomp$0 = componentInfo$jscomp$3.debugTask; + if (debugTask$jscomp$0) { + var properties$jscomp$0 = []; + null != componentInfo$jscomp$3.key && + addValueToProperties( + "key", + componentInfo$jscomp$3.key, + properties$jscomp$0, + 0, + "" + ); + null != componentInfo$jscomp$3.props && + addObjectToProperties( + componentInfo$jscomp$3.props, + properties$jscomp$0, + 0, + "" + ); + debugTask$jscomp$0.run( + performance.measure.bind( + performance, + "\u200b" + entryName$jscomp$1, + { + start: + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + end: childrenEndTime$jscomp$2, + detail: { + devtools: { + color: color$jscomp$0, + track: trackNames[trackIdx$jscomp$2], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$0 + } + } + } + ) + ); + } else + console.timeStamp( + "\u200b" + entryName$jscomp$1, + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + childrenEndTime$jscomp$2, + trackNames[trackIdx$jscomp$2], + "Server Components \u269b", + color$jscomp$0 + ); + } + } + componentEndTime = time; + result.component = componentInfo$jscomp$0; + isLastComponent = !1; + } else if ( + candidateInfo.awaited && + null != candidateInfo.awaited.env + ) { + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo = candidateInfo, + env$jscomp$1 = response$jscomp$0._rootEnvironmentName, + promise = asyncInfo.awaited.value; + if (promise) { + var thenable = promise; + switch (thenable.status) { + case "fulfilled": + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + thenable.value + ); + break; + case "rejected": + var asyncInfo$jscomp$0 = asyncInfo, + trackIdx$jscomp$3 = trackIdx$jscomp$6, + startTime$jscomp$4 = time, + endTime$jscomp$0 = endTime, + rootEnv = env$jscomp$1, + error$jscomp$0 = thenable.reason; + if (supportsUserTiming && 0 < endTime$jscomp$0) { + var description = getIODescription(error$jscomp$0), + entryName$jscomp$2 = + "await " + + getIOShortName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ), + debugTask$jscomp$1 = + asyncInfo$jscomp$0.debugTask || + asyncInfo$jscomp$0.awaited.debugTask; + if (debugTask$jscomp$1) { + var properties$jscomp$1 = [ + [ + "Rejected", + "object" === typeof error$jscomp$0 && + null !== error$jscomp$0 && + "string" === typeof error$jscomp$0.message + ? String(error$jscomp$0.message) + : String(error$jscomp$0) + ] + ], + tooltipText = + getIOLongName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ) + " Rejected"; + debugTask$jscomp$1.run( + performance.measure.bind( + performance, + entryName$jscomp$2, + { + start: + 0 > startTime$jscomp$4 + ? 0 + : startTime$jscomp$4, + end: endTime$jscomp$0, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$3], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$1, + tooltipText: tooltipText + } + } + } + ) + ); + } else + console.timeStamp( + entryName$jscomp$2, + 0 > startTime$jscomp$4 ? 0 : startTime$jscomp$4, + endTime$jscomp$0, + trackNames[trackIdx$jscomp$3], + "Server Components \u269b", + "error" + ); + } + break; + default: + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + void 0 + ); + } + } else + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + void 0 + ); + } + } + else { + endTime = time; + for (var _j = debugInfo.length - 1; _j > _i6; _j--) { + var _candidateInfo = debugInfo[_j]; + if ("string" === typeof _candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var _componentInfo = _candidateInfo, + _env = response$jscomp$0._rootEnvironmentName, + componentInfo$jscomp$4 = _componentInfo, + trackIdx$jscomp$4 = trackIdx$jscomp$6, + startTime$jscomp$5 = time, + childrenEndTime$jscomp$3 = childrenEndTime; + if (supportsUserTiming) { + var env$jscomp$2 = componentInfo$jscomp$4.env, + name$jscomp$1 = componentInfo$jscomp$4.name, + entryName$jscomp$3 = + env$jscomp$2 === _env || void 0 === env$jscomp$2 + ? name$jscomp$1 + : name$jscomp$1 + " [" + env$jscomp$2 + "]", + properties$jscomp$2 = [ + [ + "Aborted", + "The stream was aborted before this Component finished rendering." + ] + ]; + null != componentInfo$jscomp$4.key && + addValueToProperties( + "key", + componentInfo$jscomp$4.key, + properties$jscomp$2, + 0, + "" + ); + null != componentInfo$jscomp$4.props && + addObjectToProperties( + componentInfo$jscomp$4.props, + properties$jscomp$2, + 0, + "" + ); + performance.measure("\u200b" + entryName$jscomp$3, { + start: 0 > startTime$jscomp$5 ? 0 : startTime$jscomp$5, + end: childrenEndTime$jscomp$3, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$4], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$3 + " Aborted", + properties: properties$jscomp$2 + } + } + }); + } + componentEndTime = time; + result.component = _componentInfo; + isLastComponent = !1; + } else if ( + _candidateInfo.awaited && + null != _candidateInfo.awaited.env + ) { + var _asyncInfo = _candidateInfo, + _env2 = response$jscomp$0._rootEnvironmentName; + _asyncInfo.awaited.end > endTime && + (endTime = _asyncInfo.awaited.end); + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo$jscomp$1 = _asyncInfo, + trackIdx$jscomp$5 = trackIdx$jscomp$6, + startTime$jscomp$6 = time, + endTime$jscomp$1 = endTime, + rootEnv$jscomp$0 = _env2; + if (supportsUserTiming && 0 < endTime$jscomp$1) { + var entryName$jscomp$4 = + "await " + + getIOShortName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ), + debugTask$jscomp$2 = + asyncInfo$jscomp$1.debugTask || + asyncInfo$jscomp$1.awaited.debugTask; + if (debugTask$jscomp$2) { + var tooltipText$jscomp$0 = + getIOLongName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ) + " Aborted"; + debugTask$jscomp$2.run( + performance.measure.bind( + performance, + entryName$jscomp$4, + { + start: + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + end: endTime$jscomp$1, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$5], + trackGroup: "Server Components \u269b", + properties: [ + [ + "Aborted", + "The stream was aborted before this Promise resolved." + ] + ], + tooltipText: tooltipText$jscomp$0 + } + } + } + ) + ); + } else + console.timeStamp( + entryName$jscomp$4, + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + endTime$jscomp$1, + trackNames[trackIdx$jscomp$5], + "Server Components \u269b", + "warning" + ); + } + } + } + } + endTime = time; + endTimeIdx = _i6; + } + } + result.endTime = childrenEndTime; + return result; + } + function flushInitialRenderPerformance(response) { + if (response._replayConsole) { + var rootChunk = getChunk(response, 0); + isArrayImpl(rootChunk._children) && + (markAllTracksInOrder(), + flushComponentPerformance( + response, + rootChunk, + 0, + -Infinity, + -Infinity + )); + } + } function processFullBinaryRow( response, streamState, @@ -3621,7 +4650,17 @@ v8FrameRegExp = /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/, + hasOwnProperty = Object.prototype.hasOwnProperty, REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), + supportsUserTiming = + "undefined" !== typeof console && + "function" === typeof console.timeStamp && + "undefined" !== typeof performance && + "function" === typeof performance.measure, + trackNames = + "Primary Parallel Parallel\u200b Parallel\u200b\u200b Parallel\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b".split( + " " + ), prefix, suffix; new ("function" === typeof WeakMap ? WeakMap : Map)(); @@ -3788,10 +4827,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.2.0-canary-ef889445-20250930", + version: "19.2.0-canary-548235db-20251001", rendererPackageName: "react-server-dom-turbopack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-ef889445-20250930", + reconcilerVersion: "19.2.0-canary-548235db-20251001", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.development.js index b0b7c98a5578c8..a8209cc99bffa0 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.development.js @@ -1111,6 +1111,469 @@ } return null; } + function getArrayKind(array) { + for (var kind = 0, i = 0; i < array.length; i++) { + var value = array[i]; + if ("object" === typeof value && null !== value) + if ( + isArrayImpl(value) && + 2 === value.length && + "string" === typeof value[0] + ) { + if (0 !== kind && 3 !== kind) return 1; + kind = 3; + } else return 1; + else { + if ( + "function" === typeof value || + ("string" === typeof value && 50 < value.length) || + (0 !== kind && 2 !== kind) + ) + return 1; + kind = 2; + } + } + return kind; + } + function addObjectToProperties(object, properties, indent, prefix) { + for (var key in object) + hasOwnProperty.call(object, key) && + "_" !== key[0] && + addValueToProperties(key, object[key], properties, indent, prefix); + } + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { + switch (typeof value) { + case "object": + if (null === value) { + value = "null"; + break; + } else { + if (value.$$typeof === REACT_ELEMENT_TYPE) { + var typeName = getComponentNameFromType(value.type) || "\u2026", + key = value.key; + value = value.props; + var propsKeys = Object.keys(value), + propsLength = propsKeys.length; + if (null == key && 0 === propsLength) { + value = "<" + typeName + " />"; + break; + } + if ( + 3 > indent || + (1 === propsLength && + "children" === propsKeys[0] && + null == key) + ) { + value = "<" + typeName + " \u2026 />"; + break; + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "<" + typeName + ]); + null !== key && + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); + propertyName = !1; + for (var propKey in value) + "children" === propKey + ? null != value.children && + (!isArrayImpl(value.children) || + 0 < value.children.length) && + (propertyName = !0) + : hasOwnProperty.call(value, propKey) && + "_" !== propKey[0] && + addValueToProperties( + propKey, + value[propKey], + properties, + indent + 1, + prefix + ); + properties.push([ + "", + propertyName ? ">\u2026" : "/>" + ]); + return; + } + typeName = Object.prototype.toString.call(value); + typeName = typeName.slice(8, typeName.length - 1); + if ("Array" === typeName) + if ( + ((propKey = getArrayKind(value)), + 2 === propKey || 0 === propKey) + ) { + value = JSON.stringify(value); + break; + } else if (3 === propKey) { + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "" + ]); + for ( + propertyName = 0; + propertyName < value.length; + propertyName++ + ) + (typeName = value[propertyName]), + addValueToProperties( + typeName[0], + typeName[1], + properties, + indent + 1, + prefix + ); + return; + } + if ("Promise" === typeName) { + if ("fulfilled" === value.status) { + if ( + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.value, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = + "Promise<" + (properties[1] || "Object") + ">"; + return; + } + } else if ( + "rejected" === value.status && + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.reason, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = "Rejected Promise<" + properties[1] + ">"; + return; + } + properties.push([ + "\u00a0\u00a0".repeat(indent) + propertyName, + "Promise" + ]); + return; + } + "Object" === typeName && + (propKey = Object.getPrototypeOf(value)) && + "function" === typeof propKey.constructor && + (typeName = propKey.constructor.name); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName + ]); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); + return; + } + case "function": + value = "" === value.name ? "() => {}" : value.name + "() {}"; + break; + case "string": + value = + "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects." === + value + ? "\u2026" + : JSON.stringify(value); + break; + case "undefined": + value = "undefined"; + break; + case "boolean": + value = value ? "true" : "false"; + break; + default: + value = String(value); + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); + } + function getIODescription(value) { + try { + switch (typeof value) { + case "object": + if (null === value) return ""; + if (value instanceof Error) return String(value.message); + if ("string" === typeof value.url) return value.url; + if ("string" === typeof value.href) return value.href; + if ("string" === typeof value.src) return value.src; + if ("string" === typeof value.currentSrc) return value.currentSrc; + if ("string" === typeof value.command) return value.command; + if ( + "object" === typeof value.request && + null !== value.request && + "string" === typeof value.request.url + ) + return value.request.url; + if ( + "object" === typeof value.response && + null !== value.response && + "string" === typeof value.response.url + ) + return value.response.url; + if ( + "string" === typeof value.id || + "number" === typeof value.id || + "bigint" === typeof value.id + ) + return String(value.id); + if ("string" === typeof value.name) return value.name; + var str = value.toString(); + return str.startsWith("[object ") || + 5 > str.length || + 500 < str.length + ? "" + : str; + case "string": + return 5 > value.length || 500 < value.length ? "" : value; + case "number": + case "bigint": + return String(value); + default: + return ""; + } + } catch (x) { + return ""; + } + } + function markAllTracksInOrder() { + supportsUserTiming && + (console.timeStamp( + "Server Requests Track", + 0.001, + 0.001, + "Server Requests \u269b", + void 0, + "primary-light" + ), + console.timeStamp( + "Server Components Track", + 0.001, + 0.001, + "Primary", + "Server Components \u269b", + "primary-light" + )); + } + function getIOColor(functionName) { + switch (functionName.charCodeAt(0) % 3) { + case 0: + return "tertiary-light"; + case 1: + return "tertiary"; + default: + return "tertiary-dark"; + } + } + function getIOLongName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + description = + "" === description ? ioInfo : ioInfo + " (" + description + ")"; + return env === rootEnv || void 0 === env + ? description + : description + " [" + env + "]"; + } + function getIOShortName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + env = env === rootEnv || void 0 === env ? "" : " [" + env + "]"; + var desc = ""; + rootEnv = 30 - ioInfo.length - env.length; + if (1 < rootEnv) { + var l = description.length; + if (0 < l && l <= rootEnv) desc = " (" + description + ")"; + else if ( + description.startsWith("http://") || + description.startsWith("https://") || + description.startsWith("/") + ) { + var queryIdx = description.indexOf("?"); + -1 === queryIdx && (queryIdx = description.length); + 47 === description.charCodeAt(queryIdx - 1) && queryIdx--; + desc = description.lastIndexOf("/", queryIdx - 1); + queryIdx - desc < rootEnv + ? (desc = " (\u2026" + description.slice(desc, queryIdx) + ")") + : ((l = description.slice(desc, desc + rootEnv / 2)), + (description = description.slice( + queryIdx - rootEnv / 2, + queryIdx + )), + (desc = + " (" + + (0 < desc ? "\u2026" : "") + + l + + "\u2026" + + description + + ")")); + } + } + return ioInfo + desc + env; + } + function logComponentAwait( + asyncInfo, + trackIdx, + startTime, + endTime, + rootEnv, + value + ) { + if (supportsUserTiming && 0 < endTime) { + var description = getIODescription(value), + name = getIOShortName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ), + entryName = "await " + name; + name = getIOColor(name); + var debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("awaited value", value, properties, 0, ""); + asyncInfo = getIOLongName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: name, + track: trackNames[trackIdx], + trackGroup: "Server Components \u269b", + properties: properties, + tooltipText: asyncInfo + } + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + trackNames[trackIdx], + "Server Components \u269b", + name + ); + } + } + function logIOInfoErrored(ioInfo, rootEnv, error) { + var startTime = ioInfo.start, + endTime = ioInfo.end; + if (supportsUserTiming && 0 <= endTime) { + var description = getIODescription(error), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + debugTask = ioInfo.debugTask; + debugTask + ? ((error = [ + [ + "rejected with", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]), + (ioInfo = + getIOLongName(ioInfo, description, ioInfo.env, rootEnv) + + " Rejected"), + debugTask.run( + performance.measure.bind(performance, "\u200b" + entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: "Server Requests \u269b", + properties: error, + tooltipText: ioInfo + } + } + }) + )) + : console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + "error" + ); + } + } + function logIOInfo(ioInfo, rootEnv, value) { + var startTime = ioInfo.start, + endTime = ioInfo.end; + if (supportsUserTiming && 0 <= endTime) { + var description = getIODescription(value), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + color = getIOColor(entryName), + debugTask = ioInfo.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + ioInfo = getIOLongName(ioInfo, description, ioInfo.env, rootEnv); + debugTask.run( + performance.measure.bind(performance, "\u200b" + entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: color, + track: "Server Requests \u269b", + properties: properties, + tooltipText: ioInfo + } + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + color + ); + } + } function prepareStackTrace(error, structuredStackTrace) { error = (error.name || "Error") + ": " + (error.message || ""); for (var i = 0; i < structuredStackTrace.length; i++) @@ -1121,6 +1584,7 @@ this.status = status; this.value = value; this.reason = reason; + this._children = []; this._debugChunk = null; this._debugInfo = []; } @@ -1897,6 +2361,9 @@ var path = reference.split(":"); reference = parseInt(path[0], 16); reference = getChunk(response, reference); + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(reference); switch (reference.status) { case "resolved_model": initializeModelChunk(reference); @@ -2137,12 +2604,19 @@ return ( (parentObject = parseInt(value.slice(2), 16)), (response = getChunk(response, parentObject)), + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(response), createLazyChunkWrapper(response, 0) ); case "@": return ( (parentObject = parseInt(value.slice(2), 16)), - getChunk(response, parentObject) + (response = getChunk(response, parentObject)), + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(response), + response ); case "S": return Symbol.for(value.slice(2)); @@ -2319,6 +2793,8 @@ this._closed = !1; this._closedReason = null; this._tempRefs = temporaryReferences; + this._timeOrigin = 0; + this._pendingInitialRender = null; this._pendingChunks = 0; this._weakResponse = { weak: new WeakRef(this), response: this }; this._debugRootOwner = bundlerConfig = @@ -2343,6 +2819,7 @@ (null === debugChannelRegistry ? (closeDebugChannel(debugChannel), (this._debugChannel = void 0)) : debugChannelRegistry.register(this, debugChannel, this)); + replayConsole && markAllTracksInOrder(); this._fromJSON = createFromJSONCallback(this); } function createStreamState(weakResponse, streamDebugValue) { @@ -2927,13 +3404,16 @@ } function initializeDebugInfo(response, debugInfo) { void 0 !== debugInfo.stack && initializeFakeTask(response, debugInfo); - null == debugInfo.owner && null != response._debugRootOwner - ? ((debugInfo.owner = response._debugRootOwner), - (debugInfo.stack = null), - (debugInfo.debugStack = response._debugRootStack), - (debugInfo.debugTask = response._debugRootTask)) - : void 0 !== debugInfo.stack && - initializeFakeStack(response, debugInfo); + if (null == debugInfo.owner && null != response._debugRootOwner) { + var _componentInfoOrAsyncInfo = debugInfo; + _componentInfoOrAsyncInfo.owner = response._debugRootOwner; + _componentInfoOrAsyncInfo.stack = null; + _componentInfoOrAsyncInfo.debugStack = response._debugRootStack; + _componentInfoOrAsyncInfo.debugTask = response._debugRootTask; + } else + void 0 !== debugInfo.stack && initializeFakeStack(response, debugInfo); + "number" === typeof debugInfo.time && + (debugInfo = { time: debugInfo.time + response._timeOrigin }); return debugInfo; } function getCurrentStackInDEV() { @@ -3030,6 +3510,25 @@ initializeFakeStack(response, ioInfo)); ioInfo.start += response._timeOrigin; ioInfo.end += response._timeOrigin; + if (response._replayConsole) { + response = response._rootEnvironmentName; + var promise = ioInfo.value; + if (promise) + switch (promise.status) { + case "fulfilled": + logIOInfo(ioInfo, response, promise.value); + break; + case "rejected": + logIOInfoErrored(ioInfo, response, promise.reason); + break; + default: + promise.then( + logIOInfo.bind(null, ioInfo, response), + logIOInfoErrored.bind(null, ioInfo, response) + ); + } + else logIOInfo(ioInfo, response, void 0); + } } function resolveIOInfo(response, id, model) { var chunks = response._chunks, @@ -3085,7 +3584,537 @@ ); resolveBuffer(response, id, constructor, streamState); } - function flushInitialRenderPerformance() {} + function flushComponentPerformance( + response$jscomp$0, + root, + trackIdx$jscomp$6, + trackTime, + parentEndTime + ) { + if (!isArrayImpl(root._children)) { + var previousResult = root._children, + previousEndTime = previousResult.endTime; + if ( + -Infinity < parentEndTime && + parentEndTime < previousEndTime && + null !== previousResult.component + ) { + var componentInfo = previousResult.component, + trackIdx = trackIdx$jscomp$6, + startTime = parentEndTime; + if (supportsUserTiming && 0 <= previousEndTime && 10 > trackIdx) { + var color = + componentInfo.env === response$jscomp$0._rootEnvironmentName + ? "primary-light" + : "secondary-light", + entryName = componentInfo.name + " [deduped]", + debugTask = componentInfo.debugTask; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + entryName, + 0 > startTime ? 0 : startTime, + previousEndTime, + trackNames[trackIdx], + "Server Components \u269b", + color + ) + ) + : console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + previousEndTime, + trackNames[trackIdx], + "Server Components \u269b", + color + ); + } + } + previousResult.track = trackIdx$jscomp$6; + return previousResult; + } + var children = root._children, + debugInfo = root._debugInfo; + if (debugInfo) { + for (var startTime$jscomp$0 = 0, i = 0; i < debugInfo.length; i++) { + var info = debugInfo[i]; + "number" === typeof info.time && (startTime$jscomp$0 = info.time); + if ("string" === typeof info.name) { + startTime$jscomp$0 < trackTime && trackIdx$jscomp$6++; + trackTime = startTime$jscomp$0; + break; + } + } + for (var _i4 = debugInfo.length - 1; 0 <= _i4; _i4--) { + var _info = debugInfo[_i4]; + if ("number" === typeof _info.time && _info.time > parentEndTime) { + parentEndTime = _info.time; + break; + } + } + } + var result = { + track: trackIdx$jscomp$6, + endTime: -Infinity, + component: null + }; + root._children = result; + for ( + var childrenEndTime = -Infinity, + childTrackIdx = trackIdx$jscomp$6, + childTrackTime = trackTime, + _i5 = 0; + _i5 < children.length; + _i5++ + ) { + var childResult = flushComponentPerformance( + response$jscomp$0, + children[_i5], + childTrackIdx, + childTrackTime, + parentEndTime + ); + null !== childResult.component && + (result.component = childResult.component); + childTrackIdx = childResult.track; + var childEndTime = childResult.endTime; + childEndTime > childTrackTime && (childTrackTime = childEndTime); + childEndTime > childrenEndTime && (childrenEndTime = childEndTime); + } + if (debugInfo) + for ( + var componentEndTime = 0, + isLastComponent = !0, + endTime = -1, + endTimeIdx = -1, + _i6 = debugInfo.length - 1; + 0 <= _i6; + _i6-- + ) { + var _info2 = debugInfo[_i6]; + if ("number" === typeof _info2.time) { + 0 === componentEndTime && (componentEndTime = _info2.time); + var time = _info2.time; + if (-1 < endTimeIdx) + for (var j = endTimeIdx - 1; j > _i6; j--) { + var candidateInfo = debugInfo[j]; + if ("string" === typeof candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var componentInfo$jscomp$0 = candidateInfo, + response = response$jscomp$0, + componentInfo$jscomp$1 = componentInfo$jscomp$0, + trackIdx$jscomp$0 = trackIdx$jscomp$6, + startTime$jscomp$1 = time, + componentEndTime$jscomp$0 = componentEndTime, + childrenEndTime$jscomp$0 = childrenEndTime; + if ( + isLastComponent && + "rejected" === root.status && + root.reason !== response._closedReason + ) { + var componentInfo$jscomp$2 = componentInfo$jscomp$1, + trackIdx$jscomp$1 = trackIdx$jscomp$0, + startTime$jscomp$2 = startTime$jscomp$1, + childrenEndTime$jscomp$1 = childrenEndTime$jscomp$0, + error = root.reason; + if (supportsUserTiming) { + var env = componentInfo$jscomp$2.env, + name = componentInfo$jscomp$2.name, + entryName$jscomp$0 = + env === response._rootEnvironmentName || + void 0 === env + ? name + : name + " [" + env + "]", + properties = [ + [ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]; + null != componentInfo$jscomp$2.key && + addValueToProperties( + "key", + componentInfo$jscomp$2.key, + properties, + 0, + "" + ); + null != componentInfo$jscomp$2.props && + addObjectToProperties( + componentInfo$jscomp$2.props, + properties, + 0, + "" + ); + performance.measure("\u200b" + entryName$jscomp$0, { + start: 0 > startTime$jscomp$2 ? 0 : startTime$jscomp$2, + end: childrenEndTime$jscomp$1, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$1], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$0 + " Errored", + properties: properties + } + } + }); + } + } else { + var componentInfo$jscomp$3 = componentInfo$jscomp$1, + trackIdx$jscomp$2 = trackIdx$jscomp$0, + startTime$jscomp$3 = startTime$jscomp$1, + childrenEndTime$jscomp$2 = childrenEndTime$jscomp$0; + if ( + supportsUserTiming && + 0 <= childrenEndTime$jscomp$2 && + 10 > trackIdx$jscomp$2 + ) { + var env$jscomp$0 = componentInfo$jscomp$3.env, + name$jscomp$0 = componentInfo$jscomp$3.name, + isPrimaryEnv = + env$jscomp$0 === response._rootEnvironmentName, + selfTime = + componentEndTime$jscomp$0 - startTime$jscomp$3, + color$jscomp$0 = + 0.5 > selfTime + ? isPrimaryEnv + ? "primary-light" + : "secondary-light" + : 50 > selfTime + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > selfTime + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error", + entryName$jscomp$1 = + isPrimaryEnv || void 0 === env$jscomp$0 + ? name$jscomp$0 + : name$jscomp$0 + " [" + env$jscomp$0 + "]", + debugTask$jscomp$0 = componentInfo$jscomp$3.debugTask; + if (debugTask$jscomp$0) { + var properties$jscomp$0 = []; + null != componentInfo$jscomp$3.key && + addValueToProperties( + "key", + componentInfo$jscomp$3.key, + properties$jscomp$0, + 0, + "" + ); + null != componentInfo$jscomp$3.props && + addObjectToProperties( + componentInfo$jscomp$3.props, + properties$jscomp$0, + 0, + "" + ); + debugTask$jscomp$0.run( + performance.measure.bind( + performance, + "\u200b" + entryName$jscomp$1, + { + start: + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + end: childrenEndTime$jscomp$2, + detail: { + devtools: { + color: color$jscomp$0, + track: trackNames[trackIdx$jscomp$2], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$0 + } + } + } + ) + ); + } else + console.timeStamp( + "\u200b" + entryName$jscomp$1, + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + childrenEndTime$jscomp$2, + trackNames[trackIdx$jscomp$2], + "Server Components \u269b", + color$jscomp$0 + ); + } + } + componentEndTime = time; + result.component = componentInfo$jscomp$0; + isLastComponent = !1; + } else if ( + candidateInfo.awaited && + null != candidateInfo.awaited.env + ) { + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo = candidateInfo, + env$jscomp$1 = response$jscomp$0._rootEnvironmentName, + promise = asyncInfo.awaited.value; + if (promise) { + var thenable = promise; + switch (thenable.status) { + case "fulfilled": + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + thenable.value + ); + break; + case "rejected": + var asyncInfo$jscomp$0 = asyncInfo, + trackIdx$jscomp$3 = trackIdx$jscomp$6, + startTime$jscomp$4 = time, + endTime$jscomp$0 = endTime, + rootEnv = env$jscomp$1, + error$jscomp$0 = thenable.reason; + if (supportsUserTiming && 0 < endTime$jscomp$0) { + var description = getIODescription(error$jscomp$0), + entryName$jscomp$2 = + "await " + + getIOShortName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ), + debugTask$jscomp$1 = + asyncInfo$jscomp$0.debugTask || + asyncInfo$jscomp$0.awaited.debugTask; + if (debugTask$jscomp$1) { + var properties$jscomp$1 = [ + [ + "Rejected", + "object" === typeof error$jscomp$0 && + null !== error$jscomp$0 && + "string" === typeof error$jscomp$0.message + ? String(error$jscomp$0.message) + : String(error$jscomp$0) + ] + ], + tooltipText = + getIOLongName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ) + " Rejected"; + debugTask$jscomp$1.run( + performance.measure.bind( + performance, + entryName$jscomp$2, + { + start: + 0 > startTime$jscomp$4 + ? 0 + : startTime$jscomp$4, + end: endTime$jscomp$0, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$3], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$1, + tooltipText: tooltipText + } + } + } + ) + ); + } else + console.timeStamp( + entryName$jscomp$2, + 0 > startTime$jscomp$4 ? 0 : startTime$jscomp$4, + endTime$jscomp$0, + trackNames[trackIdx$jscomp$3], + "Server Components \u269b", + "error" + ); + } + break; + default: + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + void 0 + ); + } + } else + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + void 0 + ); + } + } + else { + endTime = time; + for (var _j = debugInfo.length - 1; _j > _i6; _j--) { + var _candidateInfo = debugInfo[_j]; + if ("string" === typeof _candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var _componentInfo = _candidateInfo, + _env = response$jscomp$0._rootEnvironmentName, + componentInfo$jscomp$4 = _componentInfo, + trackIdx$jscomp$4 = trackIdx$jscomp$6, + startTime$jscomp$5 = time, + childrenEndTime$jscomp$3 = childrenEndTime; + if (supportsUserTiming) { + var env$jscomp$2 = componentInfo$jscomp$4.env, + name$jscomp$1 = componentInfo$jscomp$4.name, + entryName$jscomp$3 = + env$jscomp$2 === _env || void 0 === env$jscomp$2 + ? name$jscomp$1 + : name$jscomp$1 + " [" + env$jscomp$2 + "]", + properties$jscomp$2 = [ + [ + "Aborted", + "The stream was aborted before this Component finished rendering." + ] + ]; + null != componentInfo$jscomp$4.key && + addValueToProperties( + "key", + componentInfo$jscomp$4.key, + properties$jscomp$2, + 0, + "" + ); + null != componentInfo$jscomp$4.props && + addObjectToProperties( + componentInfo$jscomp$4.props, + properties$jscomp$2, + 0, + "" + ); + performance.measure("\u200b" + entryName$jscomp$3, { + start: 0 > startTime$jscomp$5 ? 0 : startTime$jscomp$5, + end: childrenEndTime$jscomp$3, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$4], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$3 + " Aborted", + properties: properties$jscomp$2 + } + } + }); + } + componentEndTime = time; + result.component = _componentInfo; + isLastComponent = !1; + } else if ( + _candidateInfo.awaited && + null != _candidateInfo.awaited.env + ) { + var _asyncInfo = _candidateInfo, + _env2 = response$jscomp$0._rootEnvironmentName; + _asyncInfo.awaited.end > endTime && + (endTime = _asyncInfo.awaited.end); + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo$jscomp$1 = _asyncInfo, + trackIdx$jscomp$5 = trackIdx$jscomp$6, + startTime$jscomp$6 = time, + endTime$jscomp$1 = endTime, + rootEnv$jscomp$0 = _env2; + if (supportsUserTiming && 0 < endTime$jscomp$1) { + var entryName$jscomp$4 = + "await " + + getIOShortName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ), + debugTask$jscomp$2 = + asyncInfo$jscomp$1.debugTask || + asyncInfo$jscomp$1.awaited.debugTask; + if (debugTask$jscomp$2) { + var tooltipText$jscomp$0 = + getIOLongName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ) + " Aborted"; + debugTask$jscomp$2.run( + performance.measure.bind( + performance, + entryName$jscomp$4, + { + start: + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + end: endTime$jscomp$1, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$5], + trackGroup: "Server Components \u269b", + properties: [ + [ + "Aborted", + "The stream was aborted before this Promise resolved." + ] + ], + tooltipText: tooltipText$jscomp$0 + } + } + } + ) + ); + } else + console.timeStamp( + entryName$jscomp$4, + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + endTime$jscomp$1, + trackNames[trackIdx$jscomp$5], + "Server Components \u269b", + "warning" + ); + } + } + } + } + endTime = time; + endTimeIdx = _i6; + } + } + result.endTime = childrenEndTime; + return result; + } + function flushInitialRenderPerformance(response) { + if (response._replayConsole) { + var rootChunk = getChunk(response, 0); + isArrayImpl(rootChunk._children) && + (markAllTracksInOrder(), + flushComponentPerformance( + response, + rootChunk, + 0, + -Infinity, + -Infinity + )); + } + } function processFullBinaryRow( response, streamState, @@ -3662,7 +4691,17 @@ v8FrameRegExp = /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/, + hasOwnProperty = Object.prototype.hasOwnProperty, REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), + supportsUserTiming = + "undefined" !== typeof console && + "function" === typeof console.timeStamp && + "undefined" !== typeof performance && + "function" === typeof performance.measure, + trackNames = + "Primary Parallel Parallel\u200b Parallel\u200b\u200b Parallel\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b".split( + " " + ), prefix, suffix; new ("function" === typeof WeakMap ? WeakMap : Map)(); diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.development.js index 3aaf7ba14e0a58..b60f775f90aec4 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.development.js @@ -1111,6 +1111,469 @@ } return null; } + function getArrayKind(array) { + for (var kind = 0, i = 0; i < array.length; i++) { + var value = array[i]; + if ("object" === typeof value && null !== value) + if ( + isArrayImpl(value) && + 2 === value.length && + "string" === typeof value[0] + ) { + if (0 !== kind && 3 !== kind) return 1; + kind = 3; + } else return 1; + else { + if ( + "function" === typeof value || + ("string" === typeof value && 50 < value.length) || + (0 !== kind && 2 !== kind) + ) + return 1; + kind = 2; + } + } + return kind; + } + function addObjectToProperties(object, properties, indent, prefix) { + for (var key in object) + hasOwnProperty.call(object, key) && + "_" !== key[0] && + addValueToProperties(key, object[key], properties, indent, prefix); + } + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { + switch (typeof value) { + case "object": + if (null === value) { + value = "null"; + break; + } else { + if (value.$$typeof === REACT_ELEMENT_TYPE) { + var typeName = getComponentNameFromType(value.type) || "\u2026", + key = value.key; + value = value.props; + var propsKeys = Object.keys(value), + propsLength = propsKeys.length; + if (null == key && 0 === propsLength) { + value = "<" + typeName + " />"; + break; + } + if ( + 3 > indent || + (1 === propsLength && + "children" === propsKeys[0] && + null == key) + ) { + value = "<" + typeName + " \u2026 />"; + break; + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "<" + typeName + ]); + null !== key && + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); + propertyName = !1; + for (var propKey in value) + "children" === propKey + ? null != value.children && + (!isArrayImpl(value.children) || + 0 < value.children.length) && + (propertyName = !0) + : hasOwnProperty.call(value, propKey) && + "_" !== propKey[0] && + addValueToProperties( + propKey, + value[propKey], + properties, + indent + 1, + prefix + ); + properties.push([ + "", + propertyName ? ">\u2026" : "/>" + ]); + return; + } + typeName = Object.prototype.toString.call(value); + typeName = typeName.slice(8, typeName.length - 1); + if ("Array" === typeName) + if ( + ((propKey = getArrayKind(value)), + 2 === propKey || 0 === propKey) + ) { + value = JSON.stringify(value); + break; + } else if (3 === propKey) { + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "" + ]); + for ( + propertyName = 0; + propertyName < value.length; + propertyName++ + ) + (typeName = value[propertyName]), + addValueToProperties( + typeName[0], + typeName[1], + properties, + indent + 1, + prefix + ); + return; + } + if ("Promise" === typeName) { + if ("fulfilled" === value.status) { + if ( + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.value, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = + "Promise<" + (properties[1] || "Object") + ">"; + return; + } + } else if ( + "rejected" === value.status && + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.reason, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = "Rejected Promise<" + properties[1] + ">"; + return; + } + properties.push([ + "\u00a0\u00a0".repeat(indent) + propertyName, + "Promise" + ]); + return; + } + "Object" === typeName && + (propKey = Object.getPrototypeOf(value)) && + "function" === typeof propKey.constructor && + (typeName = propKey.constructor.name); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName + ]); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); + return; + } + case "function": + value = "" === value.name ? "() => {}" : value.name + "() {}"; + break; + case "string": + value = + "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects." === + value + ? "\u2026" + : JSON.stringify(value); + break; + case "undefined": + value = "undefined"; + break; + case "boolean": + value = value ? "true" : "false"; + break; + default: + value = String(value); + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); + } + function getIODescription(value) { + try { + switch (typeof value) { + case "object": + if (null === value) return ""; + if (value instanceof Error) return String(value.message); + if ("string" === typeof value.url) return value.url; + if ("string" === typeof value.href) return value.href; + if ("string" === typeof value.src) return value.src; + if ("string" === typeof value.currentSrc) return value.currentSrc; + if ("string" === typeof value.command) return value.command; + if ( + "object" === typeof value.request && + null !== value.request && + "string" === typeof value.request.url + ) + return value.request.url; + if ( + "object" === typeof value.response && + null !== value.response && + "string" === typeof value.response.url + ) + return value.response.url; + if ( + "string" === typeof value.id || + "number" === typeof value.id || + "bigint" === typeof value.id + ) + return String(value.id); + if ("string" === typeof value.name) return value.name; + var str = value.toString(); + return str.startsWith("[object ") || + 5 > str.length || + 500 < str.length + ? "" + : str; + case "string": + return 5 > value.length || 500 < value.length ? "" : value; + case "number": + case "bigint": + return String(value); + default: + return ""; + } + } catch (x) { + return ""; + } + } + function markAllTracksInOrder() { + supportsUserTiming && + (console.timeStamp( + "Server Requests Track", + 0.001, + 0.001, + "Server Requests \u269b", + void 0, + "primary-light" + ), + console.timeStamp( + "Server Components Track", + 0.001, + 0.001, + "Primary", + "Server Components \u269b", + "primary-light" + )); + } + function getIOColor(functionName) { + switch (functionName.charCodeAt(0) % 3) { + case 0: + return "tertiary-light"; + case 1: + return "tertiary"; + default: + return "tertiary-dark"; + } + } + function getIOLongName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + description = + "" === description ? ioInfo : ioInfo + " (" + description + ")"; + return env === rootEnv || void 0 === env + ? description + : description + " [" + env + "]"; + } + function getIOShortName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + env = env === rootEnv || void 0 === env ? "" : " [" + env + "]"; + var desc = ""; + rootEnv = 30 - ioInfo.length - env.length; + if (1 < rootEnv) { + var l = description.length; + if (0 < l && l <= rootEnv) desc = " (" + description + ")"; + else if ( + description.startsWith("http://") || + description.startsWith("https://") || + description.startsWith("/") + ) { + var queryIdx = description.indexOf("?"); + -1 === queryIdx && (queryIdx = description.length); + 47 === description.charCodeAt(queryIdx - 1) && queryIdx--; + desc = description.lastIndexOf("/", queryIdx - 1); + queryIdx - desc < rootEnv + ? (desc = " (\u2026" + description.slice(desc, queryIdx) + ")") + : ((l = description.slice(desc, desc + rootEnv / 2)), + (description = description.slice( + queryIdx - rootEnv / 2, + queryIdx + )), + (desc = + " (" + + (0 < desc ? "\u2026" : "") + + l + + "\u2026" + + description + + ")")); + } + } + return ioInfo + desc + env; + } + function logComponentAwait( + asyncInfo, + trackIdx, + startTime, + endTime, + rootEnv, + value + ) { + if (supportsUserTiming && 0 < endTime) { + var description = getIODescription(value), + name = getIOShortName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ), + entryName = "await " + name; + name = getIOColor(name); + var debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("awaited value", value, properties, 0, ""); + asyncInfo = getIOLongName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: name, + track: trackNames[trackIdx], + trackGroup: "Server Components \u269b", + properties: properties, + tooltipText: asyncInfo + } + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + trackNames[trackIdx], + "Server Components \u269b", + name + ); + } + } + function logIOInfoErrored(ioInfo, rootEnv, error) { + var startTime = ioInfo.start, + endTime = ioInfo.end; + if (supportsUserTiming && 0 <= endTime) { + var description = getIODescription(error), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + debugTask = ioInfo.debugTask; + debugTask + ? ((error = [ + [ + "rejected with", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]), + (ioInfo = + getIOLongName(ioInfo, description, ioInfo.env, rootEnv) + + " Rejected"), + debugTask.run( + performance.measure.bind(performance, "\u200b" + entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: "Server Requests \u269b", + properties: error, + tooltipText: ioInfo + } + } + }) + )) + : console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + "error" + ); + } + } + function logIOInfo(ioInfo, rootEnv, value) { + var startTime = ioInfo.start, + endTime = ioInfo.end; + if (supportsUserTiming && 0 <= endTime) { + var description = getIODescription(value), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + color = getIOColor(entryName), + debugTask = ioInfo.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + ioInfo = getIOLongName(ioInfo, description, ioInfo.env, rootEnv); + debugTask.run( + performance.measure.bind(performance, "\u200b" + entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: color, + track: "Server Requests \u269b", + properties: properties, + tooltipText: ioInfo + } + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + color + ); + } + } function prepareStackTrace(error, structuredStackTrace) { error = (error.name || "Error") + ": " + (error.message || ""); for (var i = 0; i < structuredStackTrace.length; i++) @@ -1121,6 +1584,7 @@ this.status = status; this.value = value; this.reason = reason; + this._children = []; this._debugChunk = null; this._debugInfo = []; } @@ -1897,6 +2361,9 @@ var path = reference.split(":"); reference = parseInt(path[0], 16); reference = getChunk(response, reference); + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(reference); switch (reference.status) { case "resolved_model": initializeModelChunk(reference); @@ -2137,12 +2604,19 @@ return ( (parentObject = parseInt(value.slice(2), 16)), (response = getChunk(response, parentObject)), + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(response), createLazyChunkWrapper(response, 0) ); case "@": return ( (parentObject = parseInt(value.slice(2), 16)), - getChunk(response, parentObject) + (response = getChunk(response, parentObject)), + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(response), + response ); case "S": return Symbol.for(value.slice(2)); @@ -2319,6 +2793,8 @@ this._closed = !1; this._closedReason = null; this._tempRefs = temporaryReferences; + this._timeOrigin = 0; + this._pendingInitialRender = null; this._pendingChunks = 0; this._weakResponse = { weak: new WeakRef(this), response: this }; this._debugRootOwner = bundlerConfig = @@ -2343,6 +2819,7 @@ (null === debugChannelRegistry ? (closeDebugChannel(debugChannel), (this._debugChannel = void 0)) : debugChannelRegistry.register(this, debugChannel, this)); + replayConsole && markAllTracksInOrder(); this._fromJSON = createFromJSONCallback(this); } function createStreamState(weakResponse, streamDebugValue) { @@ -2947,13 +3424,16 @@ } function initializeDebugInfo(response, debugInfo) { void 0 !== debugInfo.stack && initializeFakeTask(response, debugInfo); - null == debugInfo.owner && null != response._debugRootOwner - ? ((debugInfo.owner = response._debugRootOwner), - (debugInfo.stack = null), - (debugInfo.debugStack = response._debugRootStack), - (debugInfo.debugTask = response._debugRootTask)) - : void 0 !== debugInfo.stack && - initializeFakeStack(response, debugInfo); + if (null == debugInfo.owner && null != response._debugRootOwner) { + var _componentInfoOrAsyncInfo = debugInfo; + _componentInfoOrAsyncInfo.owner = response._debugRootOwner; + _componentInfoOrAsyncInfo.stack = null; + _componentInfoOrAsyncInfo.debugStack = response._debugRootStack; + _componentInfoOrAsyncInfo.debugTask = response._debugRootTask; + } else + void 0 !== debugInfo.stack && initializeFakeStack(response, debugInfo); + "number" === typeof debugInfo.time && + (debugInfo = { time: debugInfo.time + response._timeOrigin }); return debugInfo; } function getCurrentStackInDEV() { @@ -3050,6 +3530,25 @@ initializeFakeStack(response, ioInfo)); ioInfo.start += response._timeOrigin; ioInfo.end += response._timeOrigin; + if (response._replayConsole) { + response = response._rootEnvironmentName; + var promise = ioInfo.value; + if (promise) + switch (promise.status) { + case "fulfilled": + logIOInfo(ioInfo, response, promise.value); + break; + case "rejected": + logIOInfoErrored(ioInfo, response, promise.reason); + break; + default: + promise.then( + logIOInfo.bind(null, ioInfo, response), + logIOInfoErrored.bind(null, ioInfo, response) + ); + } + else logIOInfo(ioInfo, response, void 0); + } } function resolveIOInfo(response, id, model) { var chunks = response._chunks, @@ -3105,7 +3604,537 @@ ); resolveBuffer(response, id, constructor, streamState); } - function flushInitialRenderPerformance() {} + function flushComponentPerformance( + response$jscomp$0, + root, + trackIdx$jscomp$6, + trackTime, + parentEndTime + ) { + if (!isArrayImpl(root._children)) { + var previousResult = root._children, + previousEndTime = previousResult.endTime; + if ( + -Infinity < parentEndTime && + parentEndTime < previousEndTime && + null !== previousResult.component + ) { + var componentInfo = previousResult.component, + trackIdx = trackIdx$jscomp$6, + startTime = parentEndTime; + if (supportsUserTiming && 0 <= previousEndTime && 10 > trackIdx) { + var color = + componentInfo.env === response$jscomp$0._rootEnvironmentName + ? "primary-light" + : "secondary-light", + entryName = componentInfo.name + " [deduped]", + debugTask = componentInfo.debugTask; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + entryName, + 0 > startTime ? 0 : startTime, + previousEndTime, + trackNames[trackIdx], + "Server Components \u269b", + color + ) + ) + : console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + previousEndTime, + trackNames[trackIdx], + "Server Components \u269b", + color + ); + } + } + previousResult.track = trackIdx$jscomp$6; + return previousResult; + } + var children = root._children, + debugInfo = root._debugInfo; + if (debugInfo) { + for (var startTime$jscomp$0 = 0, i = 0; i < debugInfo.length; i++) { + var info = debugInfo[i]; + "number" === typeof info.time && (startTime$jscomp$0 = info.time); + if ("string" === typeof info.name) { + startTime$jscomp$0 < trackTime && trackIdx$jscomp$6++; + trackTime = startTime$jscomp$0; + break; + } + } + for (var _i4 = debugInfo.length - 1; 0 <= _i4; _i4--) { + var _info = debugInfo[_i4]; + if ("number" === typeof _info.time && _info.time > parentEndTime) { + parentEndTime = _info.time; + break; + } + } + } + var result = { + track: trackIdx$jscomp$6, + endTime: -Infinity, + component: null + }; + root._children = result; + for ( + var childrenEndTime = -Infinity, + childTrackIdx = trackIdx$jscomp$6, + childTrackTime = trackTime, + _i5 = 0; + _i5 < children.length; + _i5++ + ) { + var childResult = flushComponentPerformance( + response$jscomp$0, + children[_i5], + childTrackIdx, + childTrackTime, + parentEndTime + ); + null !== childResult.component && + (result.component = childResult.component); + childTrackIdx = childResult.track; + var childEndTime = childResult.endTime; + childEndTime > childTrackTime && (childTrackTime = childEndTime); + childEndTime > childrenEndTime && (childrenEndTime = childEndTime); + } + if (debugInfo) + for ( + var componentEndTime = 0, + isLastComponent = !0, + endTime = -1, + endTimeIdx = -1, + _i6 = debugInfo.length - 1; + 0 <= _i6; + _i6-- + ) { + var _info2 = debugInfo[_i6]; + if ("number" === typeof _info2.time) { + 0 === componentEndTime && (componentEndTime = _info2.time); + var time = _info2.time; + if (-1 < endTimeIdx) + for (var j = endTimeIdx - 1; j > _i6; j--) { + var candidateInfo = debugInfo[j]; + if ("string" === typeof candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var componentInfo$jscomp$0 = candidateInfo, + response = response$jscomp$0, + componentInfo$jscomp$1 = componentInfo$jscomp$0, + trackIdx$jscomp$0 = trackIdx$jscomp$6, + startTime$jscomp$1 = time, + componentEndTime$jscomp$0 = componentEndTime, + childrenEndTime$jscomp$0 = childrenEndTime; + if ( + isLastComponent && + "rejected" === root.status && + root.reason !== response._closedReason + ) { + var componentInfo$jscomp$2 = componentInfo$jscomp$1, + trackIdx$jscomp$1 = trackIdx$jscomp$0, + startTime$jscomp$2 = startTime$jscomp$1, + childrenEndTime$jscomp$1 = childrenEndTime$jscomp$0, + error = root.reason; + if (supportsUserTiming) { + var env = componentInfo$jscomp$2.env, + name = componentInfo$jscomp$2.name, + entryName$jscomp$0 = + env === response._rootEnvironmentName || + void 0 === env + ? name + : name + " [" + env + "]", + properties = [ + [ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]; + null != componentInfo$jscomp$2.key && + addValueToProperties( + "key", + componentInfo$jscomp$2.key, + properties, + 0, + "" + ); + null != componentInfo$jscomp$2.props && + addObjectToProperties( + componentInfo$jscomp$2.props, + properties, + 0, + "" + ); + performance.measure("\u200b" + entryName$jscomp$0, { + start: 0 > startTime$jscomp$2 ? 0 : startTime$jscomp$2, + end: childrenEndTime$jscomp$1, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$1], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$0 + " Errored", + properties: properties + } + } + }); + } + } else { + var componentInfo$jscomp$3 = componentInfo$jscomp$1, + trackIdx$jscomp$2 = trackIdx$jscomp$0, + startTime$jscomp$3 = startTime$jscomp$1, + childrenEndTime$jscomp$2 = childrenEndTime$jscomp$0; + if ( + supportsUserTiming && + 0 <= childrenEndTime$jscomp$2 && + 10 > trackIdx$jscomp$2 + ) { + var env$jscomp$0 = componentInfo$jscomp$3.env, + name$jscomp$0 = componentInfo$jscomp$3.name, + isPrimaryEnv = + env$jscomp$0 === response._rootEnvironmentName, + selfTime = + componentEndTime$jscomp$0 - startTime$jscomp$3, + color$jscomp$0 = + 0.5 > selfTime + ? isPrimaryEnv + ? "primary-light" + : "secondary-light" + : 50 > selfTime + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > selfTime + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error", + entryName$jscomp$1 = + isPrimaryEnv || void 0 === env$jscomp$0 + ? name$jscomp$0 + : name$jscomp$0 + " [" + env$jscomp$0 + "]", + debugTask$jscomp$0 = componentInfo$jscomp$3.debugTask; + if (debugTask$jscomp$0) { + var properties$jscomp$0 = []; + null != componentInfo$jscomp$3.key && + addValueToProperties( + "key", + componentInfo$jscomp$3.key, + properties$jscomp$0, + 0, + "" + ); + null != componentInfo$jscomp$3.props && + addObjectToProperties( + componentInfo$jscomp$3.props, + properties$jscomp$0, + 0, + "" + ); + debugTask$jscomp$0.run( + performance.measure.bind( + performance, + "\u200b" + entryName$jscomp$1, + { + start: + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + end: childrenEndTime$jscomp$2, + detail: { + devtools: { + color: color$jscomp$0, + track: trackNames[trackIdx$jscomp$2], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$0 + } + } + } + ) + ); + } else + console.timeStamp( + "\u200b" + entryName$jscomp$1, + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + childrenEndTime$jscomp$2, + trackNames[trackIdx$jscomp$2], + "Server Components \u269b", + color$jscomp$0 + ); + } + } + componentEndTime = time; + result.component = componentInfo$jscomp$0; + isLastComponent = !1; + } else if ( + candidateInfo.awaited && + null != candidateInfo.awaited.env + ) { + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo = candidateInfo, + env$jscomp$1 = response$jscomp$0._rootEnvironmentName, + promise = asyncInfo.awaited.value; + if (promise) { + var thenable = promise; + switch (thenable.status) { + case "fulfilled": + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + thenable.value + ); + break; + case "rejected": + var asyncInfo$jscomp$0 = asyncInfo, + trackIdx$jscomp$3 = trackIdx$jscomp$6, + startTime$jscomp$4 = time, + endTime$jscomp$0 = endTime, + rootEnv = env$jscomp$1, + error$jscomp$0 = thenable.reason; + if (supportsUserTiming && 0 < endTime$jscomp$0) { + var description = getIODescription(error$jscomp$0), + entryName$jscomp$2 = + "await " + + getIOShortName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ), + debugTask$jscomp$1 = + asyncInfo$jscomp$0.debugTask || + asyncInfo$jscomp$0.awaited.debugTask; + if (debugTask$jscomp$1) { + var properties$jscomp$1 = [ + [ + "Rejected", + "object" === typeof error$jscomp$0 && + null !== error$jscomp$0 && + "string" === typeof error$jscomp$0.message + ? String(error$jscomp$0.message) + : String(error$jscomp$0) + ] + ], + tooltipText = + getIOLongName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ) + " Rejected"; + debugTask$jscomp$1.run( + performance.measure.bind( + performance, + entryName$jscomp$2, + { + start: + 0 > startTime$jscomp$4 + ? 0 + : startTime$jscomp$4, + end: endTime$jscomp$0, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$3], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$1, + tooltipText: tooltipText + } + } + } + ) + ); + } else + console.timeStamp( + entryName$jscomp$2, + 0 > startTime$jscomp$4 ? 0 : startTime$jscomp$4, + endTime$jscomp$0, + trackNames[trackIdx$jscomp$3], + "Server Components \u269b", + "error" + ); + } + break; + default: + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + void 0 + ); + } + } else + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + void 0 + ); + } + } + else { + endTime = time; + for (var _j = debugInfo.length - 1; _j > _i6; _j--) { + var _candidateInfo = debugInfo[_j]; + if ("string" === typeof _candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var _componentInfo = _candidateInfo, + _env = response$jscomp$0._rootEnvironmentName, + componentInfo$jscomp$4 = _componentInfo, + trackIdx$jscomp$4 = trackIdx$jscomp$6, + startTime$jscomp$5 = time, + childrenEndTime$jscomp$3 = childrenEndTime; + if (supportsUserTiming) { + var env$jscomp$2 = componentInfo$jscomp$4.env, + name$jscomp$1 = componentInfo$jscomp$4.name, + entryName$jscomp$3 = + env$jscomp$2 === _env || void 0 === env$jscomp$2 + ? name$jscomp$1 + : name$jscomp$1 + " [" + env$jscomp$2 + "]", + properties$jscomp$2 = [ + [ + "Aborted", + "The stream was aborted before this Component finished rendering." + ] + ]; + null != componentInfo$jscomp$4.key && + addValueToProperties( + "key", + componentInfo$jscomp$4.key, + properties$jscomp$2, + 0, + "" + ); + null != componentInfo$jscomp$4.props && + addObjectToProperties( + componentInfo$jscomp$4.props, + properties$jscomp$2, + 0, + "" + ); + performance.measure("\u200b" + entryName$jscomp$3, { + start: 0 > startTime$jscomp$5 ? 0 : startTime$jscomp$5, + end: childrenEndTime$jscomp$3, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$4], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$3 + " Aborted", + properties: properties$jscomp$2 + } + } + }); + } + componentEndTime = time; + result.component = _componentInfo; + isLastComponent = !1; + } else if ( + _candidateInfo.awaited && + null != _candidateInfo.awaited.env + ) { + var _asyncInfo = _candidateInfo, + _env2 = response$jscomp$0._rootEnvironmentName; + _asyncInfo.awaited.end > endTime && + (endTime = _asyncInfo.awaited.end); + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo$jscomp$1 = _asyncInfo, + trackIdx$jscomp$5 = trackIdx$jscomp$6, + startTime$jscomp$6 = time, + endTime$jscomp$1 = endTime, + rootEnv$jscomp$0 = _env2; + if (supportsUserTiming && 0 < endTime$jscomp$1) { + var entryName$jscomp$4 = + "await " + + getIOShortName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ), + debugTask$jscomp$2 = + asyncInfo$jscomp$1.debugTask || + asyncInfo$jscomp$1.awaited.debugTask; + if (debugTask$jscomp$2) { + var tooltipText$jscomp$0 = + getIOLongName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ) + " Aborted"; + debugTask$jscomp$2.run( + performance.measure.bind( + performance, + entryName$jscomp$4, + { + start: + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + end: endTime$jscomp$1, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$5], + trackGroup: "Server Components \u269b", + properties: [ + [ + "Aborted", + "The stream was aborted before this Promise resolved." + ] + ], + tooltipText: tooltipText$jscomp$0 + } + } + } + ) + ); + } else + console.timeStamp( + entryName$jscomp$4, + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + endTime$jscomp$1, + trackNames[trackIdx$jscomp$5], + "Server Components \u269b", + "warning" + ); + } + } + } + } + endTime = time; + endTimeIdx = _i6; + } + } + result.endTime = childrenEndTime; + return result; + } + function flushInitialRenderPerformance(response) { + if (response._replayConsole) { + var rootChunk = getChunk(response, 0); + isArrayImpl(rootChunk._children) && + (markAllTracksInOrder(), + flushComponentPerformance( + response, + rootChunk, + 0, + -Infinity, + -Infinity + )); + } + } function processFullBinaryRow( response, streamState, @@ -3767,7 +4796,17 @@ v8FrameRegExp = /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/, + hasOwnProperty = Object.prototype.hasOwnProperty, REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), + supportsUserTiming = + "undefined" !== typeof console && + "function" === typeof console.timeStamp && + "undefined" !== typeof performance && + "function" === typeof performance.measure, + trackNames = + "Primary Parallel Parallel\u200b Parallel\u200b\u200b Parallel\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b".split( + " " + ), prefix, suffix; new ("function" === typeof WeakMap ? WeakMap : Map)(); diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js index 68619886bc438d..c9b6c7cbe27cc1 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js @@ -1586,7 +1586,10 @@ componentDebugInfo.debugTask = task.debugTask; outlineComponentInfo(request, componentDebugInfo); var timestamp = performance.now(); - timestamp > task.time && (task.time = timestamp); + timestamp > task.time + ? (emitTimingChunk(request, task.id, timestamp), + (task.time = timestamp)) + : task.timed || emitTimingChunk(request, task.id, task.time); task.timed = !0; emitDebugChunk(request, componentDebugID, componentDebugInfo); task.environmentName = componentEnv; @@ -3315,10 +3318,25 @@ (thenable = thenable._debugInfo) && forwardDebugInfo(request, task, thenable); } + function emitTimingChunk(request, id, timestamp) { + request.pendingChunks++; + var json = '{"time":' + (timestamp - request.timeOrigin) + "}"; + null !== request.debugDestination + ? ((timestamp = request.nextChunkId++), + (json = timestamp.toString(16) + ":" + json + "\n"), + request.pendingDebugChunks++, + request.completedDebugChunks.push(stringToChunk(json)), + (id = id.toString(16) + ':D"$' + timestamp.toString(16) + '"\n'), + request.completedRegularChunks.push(stringToChunk(id))) + : ((id = id.toString(16) + ":D" + json + "\n"), + request.completedRegularChunks.push(stringToChunk(id))); + } function markOperationEndTime(request, task, timestamp) { - !(request.status === ABORTING && timestamp > request.abortTime) && - timestamp > task.time && - (task.time = timestamp); + (request.status === ABORTING && timestamp > request.abortTime) || + (timestamp > task.time + ? (emitTimingChunk(request, task.id, timestamp), + (task.time = timestamp)) + : emitTimingChunk(request, task.id, task.time)); } function emitChunk(request, task, value) { var id = task.id; diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js index 9bf44a8c5a59b5..52f3e43ad9a420 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js @@ -1598,7 +1598,10 @@ componentDebugInfo.debugTask = task.debugTask; outlineComponentInfo(request, componentDebugInfo); var timestamp = performance.now(); - timestamp > task.time && (task.time = timestamp); + timestamp > task.time + ? (emitTimingChunk(request, task.id, timestamp), + (task.time = timestamp)) + : task.timed || emitTimingChunk(request, task.id, task.time); task.timed = !0; emitDebugChunk(request, componentDebugID, componentDebugInfo); task.environmentName = componentEnv; @@ -3386,10 +3389,25 @@ (thenable = thenable._debugInfo) && forwardDebugInfo(request, task, thenable); } + function emitTimingChunk(request, id, timestamp) { + request.pendingChunks++; + var json = '{"time":' + (timestamp - request.timeOrigin) + "}"; + null !== request.debugDestination + ? ((timestamp = request.nextChunkId++), + (json = timestamp.toString(16) + ":" + json + "\n"), + request.pendingDebugChunks++, + request.completedDebugChunks.push(stringToChunk(json)), + (id = id.toString(16) + ':D"$' + timestamp.toString(16) + '"\n'), + request.completedRegularChunks.push(stringToChunk(id))) + : ((id = id.toString(16) + ":D" + json + "\n"), + request.completedRegularChunks.push(stringToChunk(id))); + } function markOperationEndTime(request, task, timestamp) { - !(request.status === ABORTING && timestamp > request.abortTime) && - timestamp > task.time && - (task.time = timestamp); + (request.status === ABORTING && timestamp > request.abortTime) || + (timestamp > task.time + ? (emitTimingChunk(request, task.id, timestamp), + (task.time = timestamp)) + : emitTimingChunk(request, task.id, task.time)); } function emitChunk(request, task, value) { var id = task.id; diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js index 7737bf095018bf..2c12a3c5ba05d5 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js @@ -3684,14 +3684,32 @@ null !== sequence && emitAsyncSequence(request, task, sequence, thenable, null, null); } + function emitTimingChunk(request, id, timestamp) { + request.pendingChunks++; + var json = '{"time":' + (timestamp - request.timeOrigin) + "}"; + null !== request.debugDestination + ? ((timestamp = request.nextChunkId++), + (json = timestamp.toString(16) + ":" + json + "\n"), + request.pendingDebugChunks++, + request.completedDebugChunks.push(json), + (id = id.toString(16) + ':D"$' + timestamp.toString(16) + '"\n'), + request.completedRegularChunks.push(id)) + : ((id = id.toString(16) + ":D" + json + "\n"), + request.completedRegularChunks.push(id)); + } function advanceTaskTime(request, task, timestamp) { - timestamp > task.time && (task.time = timestamp); + timestamp > task.time + ? (emitTimingChunk(request, task.id, timestamp), + (task.time = timestamp)) + : task.timed || emitTimingChunk(request, task.id, task.time); task.timed = !0; } function markOperationEndTime(request, task, timestamp) { - !(request.status === ABORTING && timestamp > request.abortTime) && - timestamp > task.time && - (task.time = timestamp); + (request.status === ABORTING && timestamp > request.abortTime) || + (timestamp > task.time + ? (emitTimingChunk(request, task.id, timestamp), + (task.time = timestamp)) + : emitTimingChunk(request, task.id, task.time)); } function emitChunk(request, task, value) { var id = task.id; diff --git a/packages/next/src/compiled/react-server-dom-turbopack/package.json b/packages/next/src/compiled/react-server-dom-turbopack/package.json index c81cd253fefa00..ff993a697376fb 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/package.json +++ b/packages/next/src/compiled/react-server-dom-turbopack/package.json @@ -48,7 +48,7 @@ "neo-async": "^2.6.1" }, "peerDependencies": { - "react": "19.2.0-canary-ef889445-20250930", - "react-dom": "19.2.0-canary-ef889445-20250930" + "react": "19.2.0-canary-548235db-20251001", + "react-dom": "19.2.0-canary-548235db-20251001" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js index 13401f4c302f26..8e673d2aca95c3 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js @@ -4872,10 +4872,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.2.0-experimental-ef889445-20250930", + version: "19.2.0-experimental-548235db-20251001", rendererPackageName: "react-server-dom-webpack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-ef889445-20250930", + reconcilerVersion: "19.2.0-experimental-548235db-20251001", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json b/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json index 5ea82ebe998f25..f628c9668b2dc7 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json @@ -64,8 +64,8 @@ "webpack-sources": "^3.2.0" }, "peerDependencies": { - "react": "0.0.0-experimental-ef889445-20250930", - "react-dom": "0.0.0-experimental-ef889445-20250930", + "react": "0.0.0-experimental-548235db-20251001", + "react-dom": "0.0.0-experimental-548235db-20251001", "webpack": "^5.59.0" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js index b59f8a9144c1f5..435dc5b77b5c11 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js @@ -912,10 +912,474 @@ } return null; } + function getArrayKind(array) { + for (var kind = 0, i = 0; i < array.length; i++) { + var value = array[i]; + if ("object" === typeof value && null !== value) + if ( + isArrayImpl(value) && + 2 === value.length && + "string" === typeof value[0] + ) { + if (0 !== kind && 3 !== kind) return 1; + kind = 3; + } else return 1; + else { + if ( + "function" === typeof value || + ("string" === typeof value && 50 < value.length) || + (0 !== kind && 2 !== kind) + ) + return 1; + kind = 2; + } + } + return kind; + } + function addObjectToProperties(object, properties, indent, prefix) { + for (var key in object) + hasOwnProperty.call(object, key) && + "_" !== key[0] && + addValueToProperties(key, object[key], properties, indent, prefix); + } + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { + switch (typeof value) { + case "object": + if (null === value) { + value = "null"; + break; + } else { + if (value.$$typeof === REACT_ELEMENT_TYPE) { + var typeName = getComponentNameFromType(value.type) || "\u2026", + key = value.key; + value = value.props; + var propsKeys = Object.keys(value), + propsLength = propsKeys.length; + if (null == key && 0 === propsLength) { + value = "<" + typeName + " />"; + break; + } + if ( + 3 > indent || + (1 === propsLength && + "children" === propsKeys[0] && + null == key) + ) { + value = "<" + typeName + " \u2026 />"; + break; + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "<" + typeName + ]); + null !== key && + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); + propertyName = !1; + for (var propKey in value) + "children" === propKey + ? null != value.children && + (!isArrayImpl(value.children) || + 0 < value.children.length) && + (propertyName = !0) + : hasOwnProperty.call(value, propKey) && + "_" !== propKey[0] && + addValueToProperties( + propKey, + value[propKey], + properties, + indent + 1, + prefix + ); + properties.push([ + "", + propertyName ? ">\u2026" : "/>" + ]); + return; + } + typeName = Object.prototype.toString.call(value); + typeName = typeName.slice(8, typeName.length - 1); + if ("Array" === typeName) + if ( + ((propKey = getArrayKind(value)), + 2 === propKey || 0 === propKey) + ) { + value = JSON.stringify(value); + break; + } else if (3 === propKey) { + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "" + ]); + for ( + propertyName = 0; + propertyName < value.length; + propertyName++ + ) + (typeName = value[propertyName]), + addValueToProperties( + typeName[0], + typeName[1], + properties, + indent + 1, + prefix + ); + return; + } + if ("Promise" === typeName) { + if ("fulfilled" === value.status) { + if ( + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.value, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = + "Promise<" + (properties[1] || "Object") + ">"; + return; + } + } else if ( + "rejected" === value.status && + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.reason, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = "Rejected Promise<" + properties[1] + ">"; + return; + } + properties.push([ + "\u00a0\u00a0".repeat(indent) + propertyName, + "Promise" + ]); + return; + } + "Object" === typeName && + (propKey = Object.getPrototypeOf(value)) && + "function" === typeof propKey.constructor && + (typeName = propKey.constructor.name); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName + ]); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); + return; + } + case "function": + value = "" === value.name ? "() => {}" : value.name + "() {}"; + break; + case "string": + value = + "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects." === + value + ? "\u2026" + : JSON.stringify(value); + break; + case "undefined": + value = "undefined"; + break; + case "boolean": + value = value ? "true" : "false"; + break; + default: + value = String(value); + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); + } + function getIODescription(value) { + try { + switch (typeof value) { + case "object": + if (null === value) return ""; + if (value instanceof Error) return String(value.message); + if ("string" === typeof value.url) return value.url; + if ("string" === typeof value.href) return value.href; + if ("string" === typeof value.src) return value.src; + if ("string" === typeof value.currentSrc) return value.currentSrc; + if ("string" === typeof value.command) return value.command; + if ( + "object" === typeof value.request && + null !== value.request && + "string" === typeof value.request.url + ) + return value.request.url; + if ( + "object" === typeof value.response && + null !== value.response && + "string" === typeof value.response.url + ) + return value.response.url; + if ( + "string" === typeof value.id || + "number" === typeof value.id || + "bigint" === typeof value.id + ) + return String(value.id); + if ("string" === typeof value.name) return value.name; + var str = value.toString(); + return str.startsWith("[object ") || + 5 > str.length || + 500 < str.length + ? "" + : str; + case "string": + return 5 > value.length || 500 < value.length ? "" : value; + case "number": + case "bigint": + return String(value); + default: + return ""; + } + } catch (x) { + return ""; + } + } + function markAllTracksInOrder() { + supportsUserTiming && + (console.timeStamp( + "Server Requests Track", + 0.001, + 0.001, + "Server Requests \u269b", + void 0, + "primary-light" + ), + console.timeStamp( + "Server Components Track", + 0.001, + 0.001, + "Primary", + "Server Components \u269b", + "primary-light" + )); + } + function getIOColor(functionName) { + switch (functionName.charCodeAt(0) % 3) { + case 0: + return "tertiary-light"; + case 1: + return "tertiary"; + default: + return "tertiary-dark"; + } + } + function getIOLongName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + description = + "" === description ? ioInfo : ioInfo + " (" + description + ")"; + return env === rootEnv || void 0 === env + ? description + : description + " [" + env + "]"; + } + function getIOShortName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + env = env === rootEnv || void 0 === env ? "" : " [" + env + "]"; + var desc = ""; + rootEnv = 30 - ioInfo.length - env.length; + if (1 < rootEnv) { + var l = description.length; + if (0 < l && l <= rootEnv) desc = " (" + description + ")"; + else if ( + description.startsWith("http://") || + description.startsWith("https://") || + description.startsWith("/") + ) { + var queryIdx = description.indexOf("?"); + -1 === queryIdx && (queryIdx = description.length); + 47 === description.charCodeAt(queryIdx - 1) && queryIdx--; + desc = description.lastIndexOf("/", queryIdx - 1); + queryIdx - desc < rootEnv + ? (desc = " (\u2026" + description.slice(desc, queryIdx) + ")") + : ((l = description.slice(desc, desc + rootEnv / 2)), + (description = description.slice( + queryIdx - rootEnv / 2, + queryIdx + )), + (desc = + " (" + + (0 < desc ? "\u2026" : "") + + l + + "\u2026" + + description + + ")")); + } + } + return ioInfo + desc + env; + } + function logComponentAwait( + asyncInfo, + trackIdx, + startTime, + endTime, + rootEnv, + value + ) { + if (supportsUserTiming && 0 < endTime) { + var description = getIODescription(value), + name = getIOShortName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ), + entryName = "await " + name; + name = getIOColor(name); + var debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("awaited value", value, properties, 0, ""); + asyncInfo = getIOLongName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: name, + track: trackNames[trackIdx], + trackGroup: "Server Components \u269b", + properties: properties, + tooltipText: asyncInfo + } + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + trackNames[trackIdx], + "Server Components \u269b", + name + ); + } + } + function logIOInfoErrored(ioInfo, rootEnv, error) { + var startTime = ioInfo.start, + endTime = ioInfo.end; + if (supportsUserTiming && 0 <= endTime) { + var description = getIODescription(error), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + debugTask = ioInfo.debugTask; + debugTask + ? ((error = [ + [ + "rejected with", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]), + (ioInfo = + getIOLongName(ioInfo, description, ioInfo.env, rootEnv) + + " Rejected"), + debugTask.run( + performance.measure.bind(performance, "\u200b" + entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: "Server Requests \u269b", + properties: error, + tooltipText: ioInfo + } + } + }) + )) + : console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + "error" + ); + } + } + function logIOInfo(ioInfo, rootEnv, value) { + var startTime = ioInfo.start, + endTime = ioInfo.end; + if (supportsUserTiming && 0 <= endTime) { + var description = getIODescription(value), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + color = getIOColor(entryName), + debugTask = ioInfo.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + ioInfo = getIOLongName(ioInfo, description, ioInfo.env, rootEnv); + debugTask.run( + performance.measure.bind(performance, "\u200b" + entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: color, + track: "Server Requests \u269b", + properties: properties, + tooltipText: ioInfo + } + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + color + ); + } + } function ReactPromise(status, value, reason) { this.status = status; this.value = value; this.reason = reason; + this._children = []; this._debugChunk = null; this._debugInfo = []; } @@ -1744,6 +2208,9 @@ var path = reference.split(":"); reference = parseInt(path[0], 16); reference = getChunk(response, reference); + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(reference); switch (reference.status) { case "resolved_model": initializeModelChunk(reference); @@ -1984,12 +2451,19 @@ return ( (parentObject = parseInt(value.slice(2), 16)), (response = getChunk(response, parentObject)), + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(response), createLazyChunkWrapper(response, 0) ); case "@": return ( (parentObject = parseInt(value.slice(2), 16)), - getChunk(response, parentObject) + (response = getChunk(response, parentObject)), + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(response), + response ); case "S": return Symbol.for(value.slice(2)); @@ -2166,6 +2640,8 @@ this._closed = !1; this._closedReason = null; this._tempRefs = temporaryReferences; + this._timeOrigin = 0; + this._pendingInitialRender = null; this._pendingChunks = 0; this._weakResponse = { weak: new WeakRef(this), response: this }; this._debugRootOwner = bundlerConfig = @@ -2190,6 +2666,7 @@ (null === debugChannelRegistry ? (closeDebugChannel(debugChannel), (this._debugChannel = void 0)) : debugChannelRegistry.register(this, debugChannel, this)); + replayConsole && markAllTracksInOrder(); this._fromJSON = createFromJSONCallback(this); } function createStreamState(weakResponse, streamDebugValue) { @@ -2789,13 +3266,16 @@ } function initializeDebugInfo(response, debugInfo) { void 0 !== debugInfo.stack && initializeFakeTask(response, debugInfo); - null == debugInfo.owner && null != response._debugRootOwner - ? ((debugInfo.owner = response._debugRootOwner), - (debugInfo.stack = null), - (debugInfo.debugStack = response._debugRootStack), - (debugInfo.debugTask = response._debugRootTask)) - : void 0 !== debugInfo.stack && - initializeFakeStack(response, debugInfo); + if (null == debugInfo.owner && null != response._debugRootOwner) { + var _componentInfoOrAsyncInfo = debugInfo; + _componentInfoOrAsyncInfo.owner = response._debugRootOwner; + _componentInfoOrAsyncInfo.stack = null; + _componentInfoOrAsyncInfo.debugStack = response._debugRootStack; + _componentInfoOrAsyncInfo.debugTask = response._debugRootTask; + } else + void 0 !== debugInfo.stack && initializeFakeStack(response, debugInfo); + "number" === typeof debugInfo.time && + (debugInfo = { time: debugInfo.time + response._timeOrigin }); return debugInfo; } function getCurrentStackInDEV() { @@ -2892,6 +3372,25 @@ initializeFakeStack(response, ioInfo)); ioInfo.start += response._timeOrigin; ioInfo.end += response._timeOrigin; + if (response._replayConsole) { + response = response._rootEnvironmentName; + var promise = ioInfo.value; + if (promise) + switch (promise.status) { + case "fulfilled": + logIOInfo(ioInfo, response, promise.value); + break; + case "rejected": + logIOInfoErrored(ioInfo, response, promise.reason); + break; + default: + promise.then( + logIOInfo.bind(null, ioInfo, response), + logIOInfoErrored.bind(null, ioInfo, response) + ); + } + else logIOInfo(ioInfo, response, void 0); + } } function resolveIOInfo(response, id, model) { var chunks = response._chunks, @@ -2947,7 +3446,537 @@ ); resolveBuffer(response, id, constructor, streamState); } - function flushInitialRenderPerformance() {} + function flushComponentPerformance( + response$jscomp$0, + root, + trackIdx$jscomp$6, + trackTime, + parentEndTime + ) { + if (!isArrayImpl(root._children)) { + var previousResult = root._children, + previousEndTime = previousResult.endTime; + if ( + -Infinity < parentEndTime && + parentEndTime < previousEndTime && + null !== previousResult.component + ) { + var componentInfo = previousResult.component, + trackIdx = trackIdx$jscomp$6, + startTime = parentEndTime; + if (supportsUserTiming && 0 <= previousEndTime && 10 > trackIdx) { + var color = + componentInfo.env === response$jscomp$0._rootEnvironmentName + ? "primary-light" + : "secondary-light", + entryName = componentInfo.name + " [deduped]", + debugTask = componentInfo.debugTask; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + entryName, + 0 > startTime ? 0 : startTime, + previousEndTime, + trackNames[trackIdx], + "Server Components \u269b", + color + ) + ) + : console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + previousEndTime, + trackNames[trackIdx], + "Server Components \u269b", + color + ); + } + } + previousResult.track = trackIdx$jscomp$6; + return previousResult; + } + var children = root._children, + debugInfo = root._debugInfo; + if (debugInfo) { + for (var startTime$jscomp$0 = 0, i = 0; i < debugInfo.length; i++) { + var info = debugInfo[i]; + "number" === typeof info.time && (startTime$jscomp$0 = info.time); + if ("string" === typeof info.name) { + startTime$jscomp$0 < trackTime && trackIdx$jscomp$6++; + trackTime = startTime$jscomp$0; + break; + } + } + for (var _i4 = debugInfo.length - 1; 0 <= _i4; _i4--) { + var _info = debugInfo[_i4]; + if ("number" === typeof _info.time && _info.time > parentEndTime) { + parentEndTime = _info.time; + break; + } + } + } + var result = { + track: trackIdx$jscomp$6, + endTime: -Infinity, + component: null + }; + root._children = result; + for ( + var childrenEndTime = -Infinity, + childTrackIdx = trackIdx$jscomp$6, + childTrackTime = trackTime, + _i5 = 0; + _i5 < children.length; + _i5++ + ) { + var childResult = flushComponentPerformance( + response$jscomp$0, + children[_i5], + childTrackIdx, + childTrackTime, + parentEndTime + ); + null !== childResult.component && + (result.component = childResult.component); + childTrackIdx = childResult.track; + var childEndTime = childResult.endTime; + childEndTime > childTrackTime && (childTrackTime = childEndTime); + childEndTime > childrenEndTime && (childrenEndTime = childEndTime); + } + if (debugInfo) + for ( + var componentEndTime = 0, + isLastComponent = !0, + endTime = -1, + endTimeIdx = -1, + _i6 = debugInfo.length - 1; + 0 <= _i6; + _i6-- + ) { + var _info2 = debugInfo[_i6]; + if ("number" === typeof _info2.time) { + 0 === componentEndTime && (componentEndTime = _info2.time); + var time = _info2.time; + if (-1 < endTimeIdx) + for (var j = endTimeIdx - 1; j > _i6; j--) { + var candidateInfo = debugInfo[j]; + if ("string" === typeof candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var componentInfo$jscomp$0 = candidateInfo, + response = response$jscomp$0, + componentInfo$jscomp$1 = componentInfo$jscomp$0, + trackIdx$jscomp$0 = trackIdx$jscomp$6, + startTime$jscomp$1 = time, + componentEndTime$jscomp$0 = componentEndTime, + childrenEndTime$jscomp$0 = childrenEndTime; + if ( + isLastComponent && + "rejected" === root.status && + root.reason !== response._closedReason + ) { + var componentInfo$jscomp$2 = componentInfo$jscomp$1, + trackIdx$jscomp$1 = trackIdx$jscomp$0, + startTime$jscomp$2 = startTime$jscomp$1, + childrenEndTime$jscomp$1 = childrenEndTime$jscomp$0, + error = root.reason; + if (supportsUserTiming) { + var env = componentInfo$jscomp$2.env, + name = componentInfo$jscomp$2.name, + entryName$jscomp$0 = + env === response._rootEnvironmentName || + void 0 === env + ? name + : name + " [" + env + "]", + properties = [ + [ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]; + null != componentInfo$jscomp$2.key && + addValueToProperties( + "key", + componentInfo$jscomp$2.key, + properties, + 0, + "" + ); + null != componentInfo$jscomp$2.props && + addObjectToProperties( + componentInfo$jscomp$2.props, + properties, + 0, + "" + ); + performance.measure("\u200b" + entryName$jscomp$0, { + start: 0 > startTime$jscomp$2 ? 0 : startTime$jscomp$2, + end: childrenEndTime$jscomp$1, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$1], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$0 + " Errored", + properties: properties + } + } + }); + } + } else { + var componentInfo$jscomp$3 = componentInfo$jscomp$1, + trackIdx$jscomp$2 = trackIdx$jscomp$0, + startTime$jscomp$3 = startTime$jscomp$1, + childrenEndTime$jscomp$2 = childrenEndTime$jscomp$0; + if ( + supportsUserTiming && + 0 <= childrenEndTime$jscomp$2 && + 10 > trackIdx$jscomp$2 + ) { + var env$jscomp$0 = componentInfo$jscomp$3.env, + name$jscomp$0 = componentInfo$jscomp$3.name, + isPrimaryEnv = + env$jscomp$0 === response._rootEnvironmentName, + selfTime = + componentEndTime$jscomp$0 - startTime$jscomp$3, + color$jscomp$0 = + 0.5 > selfTime + ? isPrimaryEnv + ? "primary-light" + : "secondary-light" + : 50 > selfTime + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > selfTime + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error", + entryName$jscomp$1 = + isPrimaryEnv || void 0 === env$jscomp$0 + ? name$jscomp$0 + : name$jscomp$0 + " [" + env$jscomp$0 + "]", + debugTask$jscomp$0 = componentInfo$jscomp$3.debugTask; + if (debugTask$jscomp$0) { + var properties$jscomp$0 = []; + null != componentInfo$jscomp$3.key && + addValueToProperties( + "key", + componentInfo$jscomp$3.key, + properties$jscomp$0, + 0, + "" + ); + null != componentInfo$jscomp$3.props && + addObjectToProperties( + componentInfo$jscomp$3.props, + properties$jscomp$0, + 0, + "" + ); + debugTask$jscomp$0.run( + performance.measure.bind( + performance, + "\u200b" + entryName$jscomp$1, + { + start: + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + end: childrenEndTime$jscomp$2, + detail: { + devtools: { + color: color$jscomp$0, + track: trackNames[trackIdx$jscomp$2], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$0 + } + } + } + ) + ); + } else + console.timeStamp( + "\u200b" + entryName$jscomp$1, + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + childrenEndTime$jscomp$2, + trackNames[trackIdx$jscomp$2], + "Server Components \u269b", + color$jscomp$0 + ); + } + } + componentEndTime = time; + result.component = componentInfo$jscomp$0; + isLastComponent = !1; + } else if ( + candidateInfo.awaited && + null != candidateInfo.awaited.env + ) { + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo = candidateInfo, + env$jscomp$1 = response$jscomp$0._rootEnvironmentName, + promise = asyncInfo.awaited.value; + if (promise) { + var thenable = promise; + switch (thenable.status) { + case "fulfilled": + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + thenable.value + ); + break; + case "rejected": + var asyncInfo$jscomp$0 = asyncInfo, + trackIdx$jscomp$3 = trackIdx$jscomp$6, + startTime$jscomp$4 = time, + endTime$jscomp$0 = endTime, + rootEnv = env$jscomp$1, + error$jscomp$0 = thenable.reason; + if (supportsUserTiming && 0 < endTime$jscomp$0) { + var description = getIODescription(error$jscomp$0), + entryName$jscomp$2 = + "await " + + getIOShortName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ), + debugTask$jscomp$1 = + asyncInfo$jscomp$0.debugTask || + asyncInfo$jscomp$0.awaited.debugTask; + if (debugTask$jscomp$1) { + var properties$jscomp$1 = [ + [ + "Rejected", + "object" === typeof error$jscomp$0 && + null !== error$jscomp$0 && + "string" === typeof error$jscomp$0.message + ? String(error$jscomp$0.message) + : String(error$jscomp$0) + ] + ], + tooltipText = + getIOLongName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ) + " Rejected"; + debugTask$jscomp$1.run( + performance.measure.bind( + performance, + entryName$jscomp$2, + { + start: + 0 > startTime$jscomp$4 + ? 0 + : startTime$jscomp$4, + end: endTime$jscomp$0, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$3], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$1, + tooltipText: tooltipText + } + } + } + ) + ); + } else + console.timeStamp( + entryName$jscomp$2, + 0 > startTime$jscomp$4 ? 0 : startTime$jscomp$4, + endTime$jscomp$0, + trackNames[trackIdx$jscomp$3], + "Server Components \u269b", + "error" + ); + } + break; + default: + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + void 0 + ); + } + } else + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + void 0 + ); + } + } + else { + endTime = time; + for (var _j = debugInfo.length - 1; _j > _i6; _j--) { + var _candidateInfo = debugInfo[_j]; + if ("string" === typeof _candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var _componentInfo = _candidateInfo, + _env = response$jscomp$0._rootEnvironmentName, + componentInfo$jscomp$4 = _componentInfo, + trackIdx$jscomp$4 = trackIdx$jscomp$6, + startTime$jscomp$5 = time, + childrenEndTime$jscomp$3 = childrenEndTime; + if (supportsUserTiming) { + var env$jscomp$2 = componentInfo$jscomp$4.env, + name$jscomp$1 = componentInfo$jscomp$4.name, + entryName$jscomp$3 = + env$jscomp$2 === _env || void 0 === env$jscomp$2 + ? name$jscomp$1 + : name$jscomp$1 + " [" + env$jscomp$2 + "]", + properties$jscomp$2 = [ + [ + "Aborted", + "The stream was aborted before this Component finished rendering." + ] + ]; + null != componentInfo$jscomp$4.key && + addValueToProperties( + "key", + componentInfo$jscomp$4.key, + properties$jscomp$2, + 0, + "" + ); + null != componentInfo$jscomp$4.props && + addObjectToProperties( + componentInfo$jscomp$4.props, + properties$jscomp$2, + 0, + "" + ); + performance.measure("\u200b" + entryName$jscomp$3, { + start: 0 > startTime$jscomp$5 ? 0 : startTime$jscomp$5, + end: childrenEndTime$jscomp$3, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$4], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$3 + " Aborted", + properties: properties$jscomp$2 + } + } + }); + } + componentEndTime = time; + result.component = _componentInfo; + isLastComponent = !1; + } else if ( + _candidateInfo.awaited && + null != _candidateInfo.awaited.env + ) { + var _asyncInfo = _candidateInfo, + _env2 = response$jscomp$0._rootEnvironmentName; + _asyncInfo.awaited.end > endTime && + (endTime = _asyncInfo.awaited.end); + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo$jscomp$1 = _asyncInfo, + trackIdx$jscomp$5 = trackIdx$jscomp$6, + startTime$jscomp$6 = time, + endTime$jscomp$1 = endTime, + rootEnv$jscomp$0 = _env2; + if (supportsUserTiming && 0 < endTime$jscomp$1) { + var entryName$jscomp$4 = + "await " + + getIOShortName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ), + debugTask$jscomp$2 = + asyncInfo$jscomp$1.debugTask || + asyncInfo$jscomp$1.awaited.debugTask; + if (debugTask$jscomp$2) { + var tooltipText$jscomp$0 = + getIOLongName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ) + " Aborted"; + debugTask$jscomp$2.run( + performance.measure.bind( + performance, + entryName$jscomp$4, + { + start: + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + end: endTime$jscomp$1, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$5], + trackGroup: "Server Components \u269b", + properties: [ + [ + "Aborted", + "The stream was aborted before this Promise resolved." + ] + ], + tooltipText: tooltipText$jscomp$0 + } + } + } + ) + ); + } else + console.timeStamp( + entryName$jscomp$4, + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + endTime$jscomp$1, + trackNames[trackIdx$jscomp$5], + "Server Components \u269b", + "warning" + ); + } + } + } + } + endTime = time; + endTimeIdx = _i6; + } + } + result.endTime = childrenEndTime; + return result; + } + function flushInitialRenderPerformance(response) { + if (response._replayConsole) { + var rootChunk = getChunk(response, 0); + isArrayImpl(rootChunk._children) && + (markAllTracksInOrder(), + flushComponentPerformance( + response, + rootChunk, + 0, + -Infinity, + -Infinity + )); + } + } function processFullBinaryRow( response, streamState, @@ -3637,7 +4666,17 @@ v8FrameRegExp = /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/, + hasOwnProperty = Object.prototype.hasOwnProperty, REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), + supportsUserTiming = + "undefined" !== typeof console && + "function" === typeof console.timeStamp && + "undefined" !== typeof performance && + "function" === typeof performance.measure, + trackNames = + "Primary Parallel Parallel\u200b Parallel\u200b\u200b Parallel\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b".split( + " " + ), prefix, suffix; new ("function" === typeof WeakMap ? WeakMap : Map)(); @@ -3804,10 +4843,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.2.0-canary-ef889445-20250930", + version: "19.2.0-canary-548235db-20251001", rendererPackageName: "react-server-dom-webpack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-ef889445-20250930", + reconcilerVersion: "19.2.0-canary-548235db-20251001", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.development.js index 05c9a2978c2fbc..721af20f698b81 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.development.js @@ -1114,6 +1114,469 @@ } return null; } + function getArrayKind(array) { + for (var kind = 0, i = 0; i < array.length; i++) { + var value = array[i]; + if ("object" === typeof value && null !== value) + if ( + isArrayImpl(value) && + 2 === value.length && + "string" === typeof value[0] + ) { + if (0 !== kind && 3 !== kind) return 1; + kind = 3; + } else return 1; + else { + if ( + "function" === typeof value || + ("string" === typeof value && 50 < value.length) || + (0 !== kind && 2 !== kind) + ) + return 1; + kind = 2; + } + } + return kind; + } + function addObjectToProperties(object, properties, indent, prefix) { + for (var key in object) + hasOwnProperty.call(object, key) && + "_" !== key[0] && + addValueToProperties(key, object[key], properties, indent, prefix); + } + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { + switch (typeof value) { + case "object": + if (null === value) { + value = "null"; + break; + } else { + if (value.$$typeof === REACT_ELEMENT_TYPE) { + var typeName = getComponentNameFromType(value.type) || "\u2026", + key = value.key; + value = value.props; + var propsKeys = Object.keys(value), + propsLength = propsKeys.length; + if (null == key && 0 === propsLength) { + value = "<" + typeName + " />"; + break; + } + if ( + 3 > indent || + (1 === propsLength && + "children" === propsKeys[0] && + null == key) + ) { + value = "<" + typeName + " \u2026 />"; + break; + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "<" + typeName + ]); + null !== key && + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); + propertyName = !1; + for (var propKey in value) + "children" === propKey + ? null != value.children && + (!isArrayImpl(value.children) || + 0 < value.children.length) && + (propertyName = !0) + : hasOwnProperty.call(value, propKey) && + "_" !== propKey[0] && + addValueToProperties( + propKey, + value[propKey], + properties, + indent + 1, + prefix + ); + properties.push([ + "", + propertyName ? ">\u2026" : "/>" + ]); + return; + } + typeName = Object.prototype.toString.call(value); + typeName = typeName.slice(8, typeName.length - 1); + if ("Array" === typeName) + if ( + ((propKey = getArrayKind(value)), + 2 === propKey || 0 === propKey) + ) { + value = JSON.stringify(value); + break; + } else if (3 === propKey) { + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "" + ]); + for ( + propertyName = 0; + propertyName < value.length; + propertyName++ + ) + (typeName = value[propertyName]), + addValueToProperties( + typeName[0], + typeName[1], + properties, + indent + 1, + prefix + ); + return; + } + if ("Promise" === typeName) { + if ("fulfilled" === value.status) { + if ( + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.value, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = + "Promise<" + (properties[1] || "Object") + ">"; + return; + } + } else if ( + "rejected" === value.status && + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.reason, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = "Rejected Promise<" + properties[1] + ">"; + return; + } + properties.push([ + "\u00a0\u00a0".repeat(indent) + propertyName, + "Promise" + ]); + return; + } + "Object" === typeName && + (propKey = Object.getPrototypeOf(value)) && + "function" === typeof propKey.constructor && + (typeName = propKey.constructor.name); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName + ]); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); + return; + } + case "function": + value = "" === value.name ? "() => {}" : value.name + "() {}"; + break; + case "string": + value = + "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects." === + value + ? "\u2026" + : JSON.stringify(value); + break; + case "undefined": + value = "undefined"; + break; + case "boolean": + value = value ? "true" : "false"; + break; + default: + value = String(value); + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); + } + function getIODescription(value) { + try { + switch (typeof value) { + case "object": + if (null === value) return ""; + if (value instanceof Error) return String(value.message); + if ("string" === typeof value.url) return value.url; + if ("string" === typeof value.href) return value.href; + if ("string" === typeof value.src) return value.src; + if ("string" === typeof value.currentSrc) return value.currentSrc; + if ("string" === typeof value.command) return value.command; + if ( + "object" === typeof value.request && + null !== value.request && + "string" === typeof value.request.url + ) + return value.request.url; + if ( + "object" === typeof value.response && + null !== value.response && + "string" === typeof value.response.url + ) + return value.response.url; + if ( + "string" === typeof value.id || + "number" === typeof value.id || + "bigint" === typeof value.id + ) + return String(value.id); + if ("string" === typeof value.name) return value.name; + var str = value.toString(); + return str.startsWith("[object ") || + 5 > str.length || + 500 < str.length + ? "" + : str; + case "string": + return 5 > value.length || 500 < value.length ? "" : value; + case "number": + case "bigint": + return String(value); + default: + return ""; + } + } catch (x) { + return ""; + } + } + function markAllTracksInOrder() { + supportsUserTiming && + (console.timeStamp( + "Server Requests Track", + 0.001, + 0.001, + "Server Requests \u269b", + void 0, + "primary-light" + ), + console.timeStamp( + "Server Components Track", + 0.001, + 0.001, + "Primary", + "Server Components \u269b", + "primary-light" + )); + } + function getIOColor(functionName) { + switch (functionName.charCodeAt(0) % 3) { + case 0: + return "tertiary-light"; + case 1: + return "tertiary"; + default: + return "tertiary-dark"; + } + } + function getIOLongName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + description = + "" === description ? ioInfo : ioInfo + " (" + description + ")"; + return env === rootEnv || void 0 === env + ? description + : description + " [" + env + "]"; + } + function getIOShortName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + env = env === rootEnv || void 0 === env ? "" : " [" + env + "]"; + var desc = ""; + rootEnv = 30 - ioInfo.length - env.length; + if (1 < rootEnv) { + var l = description.length; + if (0 < l && l <= rootEnv) desc = " (" + description + ")"; + else if ( + description.startsWith("http://") || + description.startsWith("https://") || + description.startsWith("/") + ) { + var queryIdx = description.indexOf("?"); + -1 === queryIdx && (queryIdx = description.length); + 47 === description.charCodeAt(queryIdx - 1) && queryIdx--; + desc = description.lastIndexOf("/", queryIdx - 1); + queryIdx - desc < rootEnv + ? (desc = " (\u2026" + description.slice(desc, queryIdx) + ")") + : ((l = description.slice(desc, desc + rootEnv / 2)), + (description = description.slice( + queryIdx - rootEnv / 2, + queryIdx + )), + (desc = + " (" + + (0 < desc ? "\u2026" : "") + + l + + "\u2026" + + description + + ")")); + } + } + return ioInfo + desc + env; + } + function logComponentAwait( + asyncInfo, + trackIdx, + startTime, + endTime, + rootEnv, + value + ) { + if (supportsUserTiming && 0 < endTime) { + var description = getIODescription(value), + name = getIOShortName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ), + entryName = "await " + name; + name = getIOColor(name); + var debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("awaited value", value, properties, 0, ""); + asyncInfo = getIOLongName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: name, + track: trackNames[trackIdx], + trackGroup: "Server Components \u269b", + properties: properties, + tooltipText: asyncInfo + } + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + trackNames[trackIdx], + "Server Components \u269b", + name + ); + } + } + function logIOInfoErrored(ioInfo, rootEnv, error) { + var startTime = ioInfo.start, + endTime = ioInfo.end; + if (supportsUserTiming && 0 <= endTime) { + var description = getIODescription(error), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + debugTask = ioInfo.debugTask; + debugTask + ? ((error = [ + [ + "rejected with", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]), + (ioInfo = + getIOLongName(ioInfo, description, ioInfo.env, rootEnv) + + " Rejected"), + debugTask.run( + performance.measure.bind(performance, "\u200b" + entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: "Server Requests \u269b", + properties: error, + tooltipText: ioInfo + } + } + }) + )) + : console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + "error" + ); + } + } + function logIOInfo(ioInfo, rootEnv, value) { + var startTime = ioInfo.start, + endTime = ioInfo.end; + if (supportsUserTiming && 0 <= endTime) { + var description = getIODescription(value), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + color = getIOColor(entryName), + debugTask = ioInfo.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + ioInfo = getIOLongName(ioInfo, description, ioInfo.env, rootEnv); + debugTask.run( + performance.measure.bind(performance, "\u200b" + entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: color, + track: "Server Requests \u269b", + properties: properties, + tooltipText: ioInfo + } + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + color + ); + } + } function prepareStackTrace(error, structuredStackTrace) { error = (error.name || "Error") + ": " + (error.message || ""); for (var i = 0; i < structuredStackTrace.length; i++) @@ -1124,6 +1587,7 @@ this.status = status; this.value = value; this.reason = reason; + this._children = []; this._debugChunk = null; this._debugInfo = []; } @@ -1900,6 +2364,9 @@ var path = reference.split(":"); reference = parseInt(path[0], 16); reference = getChunk(response, reference); + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(reference); switch (reference.status) { case "resolved_model": initializeModelChunk(reference); @@ -2140,12 +2607,19 @@ return ( (parentObject = parseInt(value.slice(2), 16)), (response = getChunk(response, parentObject)), + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(response), createLazyChunkWrapper(response, 0) ); case "@": return ( (parentObject = parseInt(value.slice(2), 16)), - getChunk(response, parentObject) + (response = getChunk(response, parentObject)), + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(response), + response ); case "S": return Symbol.for(value.slice(2)); @@ -2322,6 +2796,8 @@ this._closed = !1; this._closedReason = null; this._tempRefs = temporaryReferences; + this._timeOrigin = 0; + this._pendingInitialRender = null; this._pendingChunks = 0; this._weakResponse = { weak: new WeakRef(this), response: this }; this._debugRootOwner = bundlerConfig = @@ -2346,6 +2822,7 @@ (null === debugChannelRegistry ? (closeDebugChannel(debugChannel), (this._debugChannel = void 0)) : debugChannelRegistry.register(this, debugChannel, this)); + replayConsole && markAllTracksInOrder(); this._fromJSON = createFromJSONCallback(this); } function createStreamState(weakResponse, streamDebugValue) { @@ -2930,13 +3407,16 @@ } function initializeDebugInfo(response, debugInfo) { void 0 !== debugInfo.stack && initializeFakeTask(response, debugInfo); - null == debugInfo.owner && null != response._debugRootOwner - ? ((debugInfo.owner = response._debugRootOwner), - (debugInfo.stack = null), - (debugInfo.debugStack = response._debugRootStack), - (debugInfo.debugTask = response._debugRootTask)) - : void 0 !== debugInfo.stack && - initializeFakeStack(response, debugInfo); + if (null == debugInfo.owner && null != response._debugRootOwner) { + var _componentInfoOrAsyncInfo = debugInfo; + _componentInfoOrAsyncInfo.owner = response._debugRootOwner; + _componentInfoOrAsyncInfo.stack = null; + _componentInfoOrAsyncInfo.debugStack = response._debugRootStack; + _componentInfoOrAsyncInfo.debugTask = response._debugRootTask; + } else + void 0 !== debugInfo.stack && initializeFakeStack(response, debugInfo); + "number" === typeof debugInfo.time && + (debugInfo = { time: debugInfo.time + response._timeOrigin }); return debugInfo; } function getCurrentStackInDEV() { @@ -3033,6 +3513,25 @@ initializeFakeStack(response, ioInfo)); ioInfo.start += response._timeOrigin; ioInfo.end += response._timeOrigin; + if (response._replayConsole) { + response = response._rootEnvironmentName; + var promise = ioInfo.value; + if (promise) + switch (promise.status) { + case "fulfilled": + logIOInfo(ioInfo, response, promise.value); + break; + case "rejected": + logIOInfoErrored(ioInfo, response, promise.reason); + break; + default: + promise.then( + logIOInfo.bind(null, ioInfo, response), + logIOInfoErrored.bind(null, ioInfo, response) + ); + } + else logIOInfo(ioInfo, response, void 0); + } } function resolveIOInfo(response, id, model) { var chunks = response._chunks, @@ -3088,7 +3587,537 @@ ); resolveBuffer(response, id, constructor, streamState); } - function flushInitialRenderPerformance() {} + function flushComponentPerformance( + response$jscomp$0, + root, + trackIdx$jscomp$6, + trackTime, + parentEndTime + ) { + if (!isArrayImpl(root._children)) { + var previousResult = root._children, + previousEndTime = previousResult.endTime; + if ( + -Infinity < parentEndTime && + parentEndTime < previousEndTime && + null !== previousResult.component + ) { + var componentInfo = previousResult.component, + trackIdx = trackIdx$jscomp$6, + startTime = parentEndTime; + if (supportsUserTiming && 0 <= previousEndTime && 10 > trackIdx) { + var color = + componentInfo.env === response$jscomp$0._rootEnvironmentName + ? "primary-light" + : "secondary-light", + entryName = componentInfo.name + " [deduped]", + debugTask = componentInfo.debugTask; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + entryName, + 0 > startTime ? 0 : startTime, + previousEndTime, + trackNames[trackIdx], + "Server Components \u269b", + color + ) + ) + : console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + previousEndTime, + trackNames[trackIdx], + "Server Components \u269b", + color + ); + } + } + previousResult.track = trackIdx$jscomp$6; + return previousResult; + } + var children = root._children, + debugInfo = root._debugInfo; + if (debugInfo) { + for (var startTime$jscomp$0 = 0, i = 0; i < debugInfo.length; i++) { + var info = debugInfo[i]; + "number" === typeof info.time && (startTime$jscomp$0 = info.time); + if ("string" === typeof info.name) { + startTime$jscomp$0 < trackTime && trackIdx$jscomp$6++; + trackTime = startTime$jscomp$0; + break; + } + } + for (var _i4 = debugInfo.length - 1; 0 <= _i4; _i4--) { + var _info = debugInfo[_i4]; + if ("number" === typeof _info.time && _info.time > parentEndTime) { + parentEndTime = _info.time; + break; + } + } + } + var result = { + track: trackIdx$jscomp$6, + endTime: -Infinity, + component: null + }; + root._children = result; + for ( + var childrenEndTime = -Infinity, + childTrackIdx = trackIdx$jscomp$6, + childTrackTime = trackTime, + _i5 = 0; + _i5 < children.length; + _i5++ + ) { + var childResult = flushComponentPerformance( + response$jscomp$0, + children[_i5], + childTrackIdx, + childTrackTime, + parentEndTime + ); + null !== childResult.component && + (result.component = childResult.component); + childTrackIdx = childResult.track; + var childEndTime = childResult.endTime; + childEndTime > childTrackTime && (childTrackTime = childEndTime); + childEndTime > childrenEndTime && (childrenEndTime = childEndTime); + } + if (debugInfo) + for ( + var componentEndTime = 0, + isLastComponent = !0, + endTime = -1, + endTimeIdx = -1, + _i6 = debugInfo.length - 1; + 0 <= _i6; + _i6-- + ) { + var _info2 = debugInfo[_i6]; + if ("number" === typeof _info2.time) { + 0 === componentEndTime && (componentEndTime = _info2.time); + var time = _info2.time; + if (-1 < endTimeIdx) + for (var j = endTimeIdx - 1; j > _i6; j--) { + var candidateInfo = debugInfo[j]; + if ("string" === typeof candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var componentInfo$jscomp$0 = candidateInfo, + response = response$jscomp$0, + componentInfo$jscomp$1 = componentInfo$jscomp$0, + trackIdx$jscomp$0 = trackIdx$jscomp$6, + startTime$jscomp$1 = time, + componentEndTime$jscomp$0 = componentEndTime, + childrenEndTime$jscomp$0 = childrenEndTime; + if ( + isLastComponent && + "rejected" === root.status && + root.reason !== response._closedReason + ) { + var componentInfo$jscomp$2 = componentInfo$jscomp$1, + trackIdx$jscomp$1 = trackIdx$jscomp$0, + startTime$jscomp$2 = startTime$jscomp$1, + childrenEndTime$jscomp$1 = childrenEndTime$jscomp$0, + error = root.reason; + if (supportsUserTiming) { + var env = componentInfo$jscomp$2.env, + name = componentInfo$jscomp$2.name, + entryName$jscomp$0 = + env === response._rootEnvironmentName || + void 0 === env + ? name + : name + " [" + env + "]", + properties = [ + [ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]; + null != componentInfo$jscomp$2.key && + addValueToProperties( + "key", + componentInfo$jscomp$2.key, + properties, + 0, + "" + ); + null != componentInfo$jscomp$2.props && + addObjectToProperties( + componentInfo$jscomp$2.props, + properties, + 0, + "" + ); + performance.measure("\u200b" + entryName$jscomp$0, { + start: 0 > startTime$jscomp$2 ? 0 : startTime$jscomp$2, + end: childrenEndTime$jscomp$1, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$1], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$0 + " Errored", + properties: properties + } + } + }); + } + } else { + var componentInfo$jscomp$3 = componentInfo$jscomp$1, + trackIdx$jscomp$2 = trackIdx$jscomp$0, + startTime$jscomp$3 = startTime$jscomp$1, + childrenEndTime$jscomp$2 = childrenEndTime$jscomp$0; + if ( + supportsUserTiming && + 0 <= childrenEndTime$jscomp$2 && + 10 > trackIdx$jscomp$2 + ) { + var env$jscomp$0 = componentInfo$jscomp$3.env, + name$jscomp$0 = componentInfo$jscomp$3.name, + isPrimaryEnv = + env$jscomp$0 === response._rootEnvironmentName, + selfTime = + componentEndTime$jscomp$0 - startTime$jscomp$3, + color$jscomp$0 = + 0.5 > selfTime + ? isPrimaryEnv + ? "primary-light" + : "secondary-light" + : 50 > selfTime + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > selfTime + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error", + entryName$jscomp$1 = + isPrimaryEnv || void 0 === env$jscomp$0 + ? name$jscomp$0 + : name$jscomp$0 + " [" + env$jscomp$0 + "]", + debugTask$jscomp$0 = componentInfo$jscomp$3.debugTask; + if (debugTask$jscomp$0) { + var properties$jscomp$0 = []; + null != componentInfo$jscomp$3.key && + addValueToProperties( + "key", + componentInfo$jscomp$3.key, + properties$jscomp$0, + 0, + "" + ); + null != componentInfo$jscomp$3.props && + addObjectToProperties( + componentInfo$jscomp$3.props, + properties$jscomp$0, + 0, + "" + ); + debugTask$jscomp$0.run( + performance.measure.bind( + performance, + "\u200b" + entryName$jscomp$1, + { + start: + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + end: childrenEndTime$jscomp$2, + detail: { + devtools: { + color: color$jscomp$0, + track: trackNames[trackIdx$jscomp$2], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$0 + } + } + } + ) + ); + } else + console.timeStamp( + "\u200b" + entryName$jscomp$1, + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + childrenEndTime$jscomp$2, + trackNames[trackIdx$jscomp$2], + "Server Components \u269b", + color$jscomp$0 + ); + } + } + componentEndTime = time; + result.component = componentInfo$jscomp$0; + isLastComponent = !1; + } else if ( + candidateInfo.awaited && + null != candidateInfo.awaited.env + ) { + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo = candidateInfo, + env$jscomp$1 = response$jscomp$0._rootEnvironmentName, + promise = asyncInfo.awaited.value; + if (promise) { + var thenable = promise; + switch (thenable.status) { + case "fulfilled": + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + thenable.value + ); + break; + case "rejected": + var asyncInfo$jscomp$0 = asyncInfo, + trackIdx$jscomp$3 = trackIdx$jscomp$6, + startTime$jscomp$4 = time, + endTime$jscomp$0 = endTime, + rootEnv = env$jscomp$1, + error$jscomp$0 = thenable.reason; + if (supportsUserTiming && 0 < endTime$jscomp$0) { + var description = getIODescription(error$jscomp$0), + entryName$jscomp$2 = + "await " + + getIOShortName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ), + debugTask$jscomp$1 = + asyncInfo$jscomp$0.debugTask || + asyncInfo$jscomp$0.awaited.debugTask; + if (debugTask$jscomp$1) { + var properties$jscomp$1 = [ + [ + "Rejected", + "object" === typeof error$jscomp$0 && + null !== error$jscomp$0 && + "string" === typeof error$jscomp$0.message + ? String(error$jscomp$0.message) + : String(error$jscomp$0) + ] + ], + tooltipText = + getIOLongName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ) + " Rejected"; + debugTask$jscomp$1.run( + performance.measure.bind( + performance, + entryName$jscomp$2, + { + start: + 0 > startTime$jscomp$4 + ? 0 + : startTime$jscomp$4, + end: endTime$jscomp$0, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$3], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$1, + tooltipText: tooltipText + } + } + } + ) + ); + } else + console.timeStamp( + entryName$jscomp$2, + 0 > startTime$jscomp$4 ? 0 : startTime$jscomp$4, + endTime$jscomp$0, + trackNames[trackIdx$jscomp$3], + "Server Components \u269b", + "error" + ); + } + break; + default: + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + void 0 + ); + } + } else + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + void 0 + ); + } + } + else { + endTime = time; + for (var _j = debugInfo.length - 1; _j > _i6; _j--) { + var _candidateInfo = debugInfo[_j]; + if ("string" === typeof _candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var _componentInfo = _candidateInfo, + _env = response$jscomp$0._rootEnvironmentName, + componentInfo$jscomp$4 = _componentInfo, + trackIdx$jscomp$4 = trackIdx$jscomp$6, + startTime$jscomp$5 = time, + childrenEndTime$jscomp$3 = childrenEndTime; + if (supportsUserTiming) { + var env$jscomp$2 = componentInfo$jscomp$4.env, + name$jscomp$1 = componentInfo$jscomp$4.name, + entryName$jscomp$3 = + env$jscomp$2 === _env || void 0 === env$jscomp$2 + ? name$jscomp$1 + : name$jscomp$1 + " [" + env$jscomp$2 + "]", + properties$jscomp$2 = [ + [ + "Aborted", + "The stream was aborted before this Component finished rendering." + ] + ]; + null != componentInfo$jscomp$4.key && + addValueToProperties( + "key", + componentInfo$jscomp$4.key, + properties$jscomp$2, + 0, + "" + ); + null != componentInfo$jscomp$4.props && + addObjectToProperties( + componentInfo$jscomp$4.props, + properties$jscomp$2, + 0, + "" + ); + performance.measure("\u200b" + entryName$jscomp$3, { + start: 0 > startTime$jscomp$5 ? 0 : startTime$jscomp$5, + end: childrenEndTime$jscomp$3, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$4], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$3 + " Aborted", + properties: properties$jscomp$2 + } + } + }); + } + componentEndTime = time; + result.component = _componentInfo; + isLastComponent = !1; + } else if ( + _candidateInfo.awaited && + null != _candidateInfo.awaited.env + ) { + var _asyncInfo = _candidateInfo, + _env2 = response$jscomp$0._rootEnvironmentName; + _asyncInfo.awaited.end > endTime && + (endTime = _asyncInfo.awaited.end); + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo$jscomp$1 = _asyncInfo, + trackIdx$jscomp$5 = trackIdx$jscomp$6, + startTime$jscomp$6 = time, + endTime$jscomp$1 = endTime, + rootEnv$jscomp$0 = _env2; + if (supportsUserTiming && 0 < endTime$jscomp$1) { + var entryName$jscomp$4 = + "await " + + getIOShortName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ), + debugTask$jscomp$2 = + asyncInfo$jscomp$1.debugTask || + asyncInfo$jscomp$1.awaited.debugTask; + if (debugTask$jscomp$2) { + var tooltipText$jscomp$0 = + getIOLongName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ) + " Aborted"; + debugTask$jscomp$2.run( + performance.measure.bind( + performance, + entryName$jscomp$4, + { + start: + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + end: endTime$jscomp$1, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$5], + trackGroup: "Server Components \u269b", + properties: [ + [ + "Aborted", + "The stream was aborted before this Promise resolved." + ] + ], + tooltipText: tooltipText$jscomp$0 + } + } + } + ) + ); + } else + console.timeStamp( + entryName$jscomp$4, + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + endTime$jscomp$1, + trackNames[trackIdx$jscomp$5], + "Server Components \u269b", + "warning" + ); + } + } + } + } + endTime = time; + endTimeIdx = _i6; + } + } + result.endTime = childrenEndTime; + return result; + } + function flushInitialRenderPerformance(response) { + if (response._replayConsole) { + var rootChunk = getChunk(response, 0); + isArrayImpl(rootChunk._children) && + (markAllTracksInOrder(), + flushComponentPerformance( + response, + rootChunk, + 0, + -Infinity, + -Infinity + )); + } + } function processFullBinaryRow( response, streamState, @@ -3664,7 +4693,17 @@ v8FrameRegExp = /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/, + hasOwnProperty = Object.prototype.hasOwnProperty, REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), + supportsUserTiming = + "undefined" !== typeof console && + "function" === typeof console.timeStamp && + "undefined" !== typeof performance && + "function" === typeof performance.measure, + trackNames = + "Primary Parallel Parallel\u200b Parallel\u200b\u200b Parallel\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b".split( + " " + ), prefix, suffix; new ("function" === typeof WeakMap ? WeakMap : Map)(); diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.development.js index 5c56642a12e6c8..9f9beb35b037f7 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.development.js @@ -1114,6 +1114,469 @@ } return null; } + function getArrayKind(array) { + for (var kind = 0, i = 0; i < array.length; i++) { + var value = array[i]; + if ("object" === typeof value && null !== value) + if ( + isArrayImpl(value) && + 2 === value.length && + "string" === typeof value[0] + ) { + if (0 !== kind && 3 !== kind) return 1; + kind = 3; + } else return 1; + else { + if ( + "function" === typeof value || + ("string" === typeof value && 50 < value.length) || + (0 !== kind && 2 !== kind) + ) + return 1; + kind = 2; + } + } + return kind; + } + function addObjectToProperties(object, properties, indent, prefix) { + for (var key in object) + hasOwnProperty.call(object, key) && + "_" !== key[0] && + addValueToProperties(key, object[key], properties, indent, prefix); + } + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { + switch (typeof value) { + case "object": + if (null === value) { + value = "null"; + break; + } else { + if (value.$$typeof === REACT_ELEMENT_TYPE) { + var typeName = getComponentNameFromType(value.type) || "\u2026", + key = value.key; + value = value.props; + var propsKeys = Object.keys(value), + propsLength = propsKeys.length; + if (null == key && 0 === propsLength) { + value = "<" + typeName + " />"; + break; + } + if ( + 3 > indent || + (1 === propsLength && + "children" === propsKeys[0] && + null == key) + ) { + value = "<" + typeName + " \u2026 />"; + break; + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "<" + typeName + ]); + null !== key && + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); + propertyName = !1; + for (var propKey in value) + "children" === propKey + ? null != value.children && + (!isArrayImpl(value.children) || + 0 < value.children.length) && + (propertyName = !0) + : hasOwnProperty.call(value, propKey) && + "_" !== propKey[0] && + addValueToProperties( + propKey, + value[propKey], + properties, + indent + 1, + prefix + ); + properties.push([ + "", + propertyName ? ">\u2026" : "/>" + ]); + return; + } + typeName = Object.prototype.toString.call(value); + typeName = typeName.slice(8, typeName.length - 1); + if ("Array" === typeName) + if ( + ((propKey = getArrayKind(value)), + 2 === propKey || 0 === propKey) + ) { + value = JSON.stringify(value); + break; + } else if (3 === propKey) { + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "" + ]); + for ( + propertyName = 0; + propertyName < value.length; + propertyName++ + ) + (typeName = value[propertyName]), + addValueToProperties( + typeName[0], + typeName[1], + properties, + indent + 1, + prefix + ); + return; + } + if ("Promise" === typeName) { + if ("fulfilled" === value.status) { + if ( + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.value, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = + "Promise<" + (properties[1] || "Object") + ">"; + return; + } + } else if ( + "rejected" === value.status && + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.reason, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = "Rejected Promise<" + properties[1] + ">"; + return; + } + properties.push([ + "\u00a0\u00a0".repeat(indent) + propertyName, + "Promise" + ]); + return; + } + "Object" === typeName && + (propKey = Object.getPrototypeOf(value)) && + "function" === typeof propKey.constructor && + (typeName = propKey.constructor.name); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName + ]); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); + return; + } + case "function": + value = "" === value.name ? "() => {}" : value.name + "() {}"; + break; + case "string": + value = + "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects." === + value + ? "\u2026" + : JSON.stringify(value); + break; + case "undefined": + value = "undefined"; + break; + case "boolean": + value = value ? "true" : "false"; + break; + default: + value = String(value); + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); + } + function getIODescription(value) { + try { + switch (typeof value) { + case "object": + if (null === value) return ""; + if (value instanceof Error) return String(value.message); + if ("string" === typeof value.url) return value.url; + if ("string" === typeof value.href) return value.href; + if ("string" === typeof value.src) return value.src; + if ("string" === typeof value.currentSrc) return value.currentSrc; + if ("string" === typeof value.command) return value.command; + if ( + "object" === typeof value.request && + null !== value.request && + "string" === typeof value.request.url + ) + return value.request.url; + if ( + "object" === typeof value.response && + null !== value.response && + "string" === typeof value.response.url + ) + return value.response.url; + if ( + "string" === typeof value.id || + "number" === typeof value.id || + "bigint" === typeof value.id + ) + return String(value.id); + if ("string" === typeof value.name) return value.name; + var str = value.toString(); + return str.startsWith("[object ") || + 5 > str.length || + 500 < str.length + ? "" + : str; + case "string": + return 5 > value.length || 500 < value.length ? "" : value; + case "number": + case "bigint": + return String(value); + default: + return ""; + } + } catch (x) { + return ""; + } + } + function markAllTracksInOrder() { + supportsUserTiming && + (console.timeStamp( + "Server Requests Track", + 0.001, + 0.001, + "Server Requests \u269b", + void 0, + "primary-light" + ), + console.timeStamp( + "Server Components Track", + 0.001, + 0.001, + "Primary", + "Server Components \u269b", + "primary-light" + )); + } + function getIOColor(functionName) { + switch (functionName.charCodeAt(0) % 3) { + case 0: + return "tertiary-light"; + case 1: + return "tertiary"; + default: + return "tertiary-dark"; + } + } + function getIOLongName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + description = + "" === description ? ioInfo : ioInfo + " (" + description + ")"; + return env === rootEnv || void 0 === env + ? description + : description + " [" + env + "]"; + } + function getIOShortName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + env = env === rootEnv || void 0 === env ? "" : " [" + env + "]"; + var desc = ""; + rootEnv = 30 - ioInfo.length - env.length; + if (1 < rootEnv) { + var l = description.length; + if (0 < l && l <= rootEnv) desc = " (" + description + ")"; + else if ( + description.startsWith("http://") || + description.startsWith("https://") || + description.startsWith("/") + ) { + var queryIdx = description.indexOf("?"); + -1 === queryIdx && (queryIdx = description.length); + 47 === description.charCodeAt(queryIdx - 1) && queryIdx--; + desc = description.lastIndexOf("/", queryIdx - 1); + queryIdx - desc < rootEnv + ? (desc = " (\u2026" + description.slice(desc, queryIdx) + ")") + : ((l = description.slice(desc, desc + rootEnv / 2)), + (description = description.slice( + queryIdx - rootEnv / 2, + queryIdx + )), + (desc = + " (" + + (0 < desc ? "\u2026" : "") + + l + + "\u2026" + + description + + ")")); + } + } + return ioInfo + desc + env; + } + function logComponentAwait( + asyncInfo, + trackIdx, + startTime, + endTime, + rootEnv, + value + ) { + if (supportsUserTiming && 0 < endTime) { + var description = getIODescription(value), + name = getIOShortName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ), + entryName = "await " + name; + name = getIOColor(name); + var debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("awaited value", value, properties, 0, ""); + asyncInfo = getIOLongName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: name, + track: trackNames[trackIdx], + trackGroup: "Server Components \u269b", + properties: properties, + tooltipText: asyncInfo + } + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + trackNames[trackIdx], + "Server Components \u269b", + name + ); + } + } + function logIOInfoErrored(ioInfo, rootEnv, error) { + var startTime = ioInfo.start, + endTime = ioInfo.end; + if (supportsUserTiming && 0 <= endTime) { + var description = getIODescription(error), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + debugTask = ioInfo.debugTask; + debugTask + ? ((error = [ + [ + "rejected with", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]), + (ioInfo = + getIOLongName(ioInfo, description, ioInfo.env, rootEnv) + + " Rejected"), + debugTask.run( + performance.measure.bind(performance, "\u200b" + entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: "Server Requests \u269b", + properties: error, + tooltipText: ioInfo + } + } + }) + )) + : console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + "error" + ); + } + } + function logIOInfo(ioInfo, rootEnv, value) { + var startTime = ioInfo.start, + endTime = ioInfo.end; + if (supportsUserTiming && 0 <= endTime) { + var description = getIODescription(value), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + color = getIOColor(entryName), + debugTask = ioInfo.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + ioInfo = getIOLongName(ioInfo, description, ioInfo.env, rootEnv); + debugTask.run( + performance.measure.bind(performance, "\u200b" + entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: color, + track: "Server Requests \u269b", + properties: properties, + tooltipText: ioInfo + } + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + color + ); + } + } function prepareStackTrace(error, structuredStackTrace) { error = (error.name || "Error") + ": " + (error.message || ""); for (var i = 0; i < structuredStackTrace.length; i++) @@ -1124,6 +1587,7 @@ this.status = status; this.value = value; this.reason = reason; + this._children = []; this._debugChunk = null; this._debugInfo = []; } @@ -1900,6 +2364,9 @@ var path = reference.split(":"); reference = parseInt(path[0], 16); reference = getChunk(response, reference); + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(reference); switch (reference.status) { case "resolved_model": initializeModelChunk(reference); @@ -2140,12 +2607,19 @@ return ( (parentObject = parseInt(value.slice(2), 16)), (response = getChunk(response, parentObject)), + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(response), createLazyChunkWrapper(response, 0) ); case "@": return ( (parentObject = parseInt(value.slice(2), 16)), - getChunk(response, parentObject) + (response = getChunk(response, parentObject)), + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(response), + response ); case "S": return Symbol.for(value.slice(2)); @@ -2322,6 +2796,8 @@ this._closed = !1; this._closedReason = null; this._tempRefs = temporaryReferences; + this._timeOrigin = 0; + this._pendingInitialRender = null; this._pendingChunks = 0; this._weakResponse = { weak: new WeakRef(this), response: this }; this._debugRootOwner = bundlerConfig = @@ -2346,6 +2822,7 @@ (null === debugChannelRegistry ? (closeDebugChannel(debugChannel), (this._debugChannel = void 0)) : debugChannelRegistry.register(this, debugChannel, this)); + replayConsole && markAllTracksInOrder(); this._fromJSON = createFromJSONCallback(this); } function createStreamState(weakResponse, streamDebugValue) { @@ -2950,13 +3427,16 @@ } function initializeDebugInfo(response, debugInfo) { void 0 !== debugInfo.stack && initializeFakeTask(response, debugInfo); - null == debugInfo.owner && null != response._debugRootOwner - ? ((debugInfo.owner = response._debugRootOwner), - (debugInfo.stack = null), - (debugInfo.debugStack = response._debugRootStack), - (debugInfo.debugTask = response._debugRootTask)) - : void 0 !== debugInfo.stack && - initializeFakeStack(response, debugInfo); + if (null == debugInfo.owner && null != response._debugRootOwner) { + var _componentInfoOrAsyncInfo = debugInfo; + _componentInfoOrAsyncInfo.owner = response._debugRootOwner; + _componentInfoOrAsyncInfo.stack = null; + _componentInfoOrAsyncInfo.debugStack = response._debugRootStack; + _componentInfoOrAsyncInfo.debugTask = response._debugRootTask; + } else + void 0 !== debugInfo.stack && initializeFakeStack(response, debugInfo); + "number" === typeof debugInfo.time && + (debugInfo = { time: debugInfo.time + response._timeOrigin }); return debugInfo; } function getCurrentStackInDEV() { @@ -3053,6 +3533,25 @@ initializeFakeStack(response, ioInfo)); ioInfo.start += response._timeOrigin; ioInfo.end += response._timeOrigin; + if (response._replayConsole) { + response = response._rootEnvironmentName; + var promise = ioInfo.value; + if (promise) + switch (promise.status) { + case "fulfilled": + logIOInfo(ioInfo, response, promise.value); + break; + case "rejected": + logIOInfoErrored(ioInfo, response, promise.reason); + break; + default: + promise.then( + logIOInfo.bind(null, ioInfo, response), + logIOInfoErrored.bind(null, ioInfo, response) + ); + } + else logIOInfo(ioInfo, response, void 0); + } } function resolveIOInfo(response, id, model) { var chunks = response._chunks, @@ -3108,7 +3607,537 @@ ); resolveBuffer(response, id, constructor, streamState); } - function flushInitialRenderPerformance() {} + function flushComponentPerformance( + response$jscomp$0, + root, + trackIdx$jscomp$6, + trackTime, + parentEndTime + ) { + if (!isArrayImpl(root._children)) { + var previousResult = root._children, + previousEndTime = previousResult.endTime; + if ( + -Infinity < parentEndTime && + parentEndTime < previousEndTime && + null !== previousResult.component + ) { + var componentInfo = previousResult.component, + trackIdx = trackIdx$jscomp$6, + startTime = parentEndTime; + if (supportsUserTiming && 0 <= previousEndTime && 10 > trackIdx) { + var color = + componentInfo.env === response$jscomp$0._rootEnvironmentName + ? "primary-light" + : "secondary-light", + entryName = componentInfo.name + " [deduped]", + debugTask = componentInfo.debugTask; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + entryName, + 0 > startTime ? 0 : startTime, + previousEndTime, + trackNames[trackIdx], + "Server Components \u269b", + color + ) + ) + : console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + previousEndTime, + trackNames[trackIdx], + "Server Components \u269b", + color + ); + } + } + previousResult.track = trackIdx$jscomp$6; + return previousResult; + } + var children = root._children, + debugInfo = root._debugInfo; + if (debugInfo) { + for (var startTime$jscomp$0 = 0, i = 0; i < debugInfo.length; i++) { + var info = debugInfo[i]; + "number" === typeof info.time && (startTime$jscomp$0 = info.time); + if ("string" === typeof info.name) { + startTime$jscomp$0 < trackTime && trackIdx$jscomp$6++; + trackTime = startTime$jscomp$0; + break; + } + } + for (var _i4 = debugInfo.length - 1; 0 <= _i4; _i4--) { + var _info = debugInfo[_i4]; + if ("number" === typeof _info.time && _info.time > parentEndTime) { + parentEndTime = _info.time; + break; + } + } + } + var result = { + track: trackIdx$jscomp$6, + endTime: -Infinity, + component: null + }; + root._children = result; + for ( + var childrenEndTime = -Infinity, + childTrackIdx = trackIdx$jscomp$6, + childTrackTime = trackTime, + _i5 = 0; + _i5 < children.length; + _i5++ + ) { + var childResult = flushComponentPerformance( + response$jscomp$0, + children[_i5], + childTrackIdx, + childTrackTime, + parentEndTime + ); + null !== childResult.component && + (result.component = childResult.component); + childTrackIdx = childResult.track; + var childEndTime = childResult.endTime; + childEndTime > childTrackTime && (childTrackTime = childEndTime); + childEndTime > childrenEndTime && (childrenEndTime = childEndTime); + } + if (debugInfo) + for ( + var componentEndTime = 0, + isLastComponent = !0, + endTime = -1, + endTimeIdx = -1, + _i6 = debugInfo.length - 1; + 0 <= _i6; + _i6-- + ) { + var _info2 = debugInfo[_i6]; + if ("number" === typeof _info2.time) { + 0 === componentEndTime && (componentEndTime = _info2.time); + var time = _info2.time; + if (-1 < endTimeIdx) + for (var j = endTimeIdx - 1; j > _i6; j--) { + var candidateInfo = debugInfo[j]; + if ("string" === typeof candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var componentInfo$jscomp$0 = candidateInfo, + response = response$jscomp$0, + componentInfo$jscomp$1 = componentInfo$jscomp$0, + trackIdx$jscomp$0 = trackIdx$jscomp$6, + startTime$jscomp$1 = time, + componentEndTime$jscomp$0 = componentEndTime, + childrenEndTime$jscomp$0 = childrenEndTime; + if ( + isLastComponent && + "rejected" === root.status && + root.reason !== response._closedReason + ) { + var componentInfo$jscomp$2 = componentInfo$jscomp$1, + trackIdx$jscomp$1 = trackIdx$jscomp$0, + startTime$jscomp$2 = startTime$jscomp$1, + childrenEndTime$jscomp$1 = childrenEndTime$jscomp$0, + error = root.reason; + if (supportsUserTiming) { + var env = componentInfo$jscomp$2.env, + name = componentInfo$jscomp$2.name, + entryName$jscomp$0 = + env === response._rootEnvironmentName || + void 0 === env + ? name + : name + " [" + env + "]", + properties = [ + [ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]; + null != componentInfo$jscomp$2.key && + addValueToProperties( + "key", + componentInfo$jscomp$2.key, + properties, + 0, + "" + ); + null != componentInfo$jscomp$2.props && + addObjectToProperties( + componentInfo$jscomp$2.props, + properties, + 0, + "" + ); + performance.measure("\u200b" + entryName$jscomp$0, { + start: 0 > startTime$jscomp$2 ? 0 : startTime$jscomp$2, + end: childrenEndTime$jscomp$1, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$1], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$0 + " Errored", + properties: properties + } + } + }); + } + } else { + var componentInfo$jscomp$3 = componentInfo$jscomp$1, + trackIdx$jscomp$2 = trackIdx$jscomp$0, + startTime$jscomp$3 = startTime$jscomp$1, + childrenEndTime$jscomp$2 = childrenEndTime$jscomp$0; + if ( + supportsUserTiming && + 0 <= childrenEndTime$jscomp$2 && + 10 > trackIdx$jscomp$2 + ) { + var env$jscomp$0 = componentInfo$jscomp$3.env, + name$jscomp$0 = componentInfo$jscomp$3.name, + isPrimaryEnv = + env$jscomp$0 === response._rootEnvironmentName, + selfTime = + componentEndTime$jscomp$0 - startTime$jscomp$3, + color$jscomp$0 = + 0.5 > selfTime + ? isPrimaryEnv + ? "primary-light" + : "secondary-light" + : 50 > selfTime + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > selfTime + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error", + entryName$jscomp$1 = + isPrimaryEnv || void 0 === env$jscomp$0 + ? name$jscomp$0 + : name$jscomp$0 + " [" + env$jscomp$0 + "]", + debugTask$jscomp$0 = componentInfo$jscomp$3.debugTask; + if (debugTask$jscomp$0) { + var properties$jscomp$0 = []; + null != componentInfo$jscomp$3.key && + addValueToProperties( + "key", + componentInfo$jscomp$3.key, + properties$jscomp$0, + 0, + "" + ); + null != componentInfo$jscomp$3.props && + addObjectToProperties( + componentInfo$jscomp$3.props, + properties$jscomp$0, + 0, + "" + ); + debugTask$jscomp$0.run( + performance.measure.bind( + performance, + "\u200b" + entryName$jscomp$1, + { + start: + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + end: childrenEndTime$jscomp$2, + detail: { + devtools: { + color: color$jscomp$0, + track: trackNames[trackIdx$jscomp$2], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$0 + } + } + } + ) + ); + } else + console.timeStamp( + "\u200b" + entryName$jscomp$1, + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + childrenEndTime$jscomp$2, + trackNames[trackIdx$jscomp$2], + "Server Components \u269b", + color$jscomp$0 + ); + } + } + componentEndTime = time; + result.component = componentInfo$jscomp$0; + isLastComponent = !1; + } else if ( + candidateInfo.awaited && + null != candidateInfo.awaited.env + ) { + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo = candidateInfo, + env$jscomp$1 = response$jscomp$0._rootEnvironmentName, + promise = asyncInfo.awaited.value; + if (promise) { + var thenable = promise; + switch (thenable.status) { + case "fulfilled": + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + thenable.value + ); + break; + case "rejected": + var asyncInfo$jscomp$0 = asyncInfo, + trackIdx$jscomp$3 = trackIdx$jscomp$6, + startTime$jscomp$4 = time, + endTime$jscomp$0 = endTime, + rootEnv = env$jscomp$1, + error$jscomp$0 = thenable.reason; + if (supportsUserTiming && 0 < endTime$jscomp$0) { + var description = getIODescription(error$jscomp$0), + entryName$jscomp$2 = + "await " + + getIOShortName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ), + debugTask$jscomp$1 = + asyncInfo$jscomp$0.debugTask || + asyncInfo$jscomp$0.awaited.debugTask; + if (debugTask$jscomp$1) { + var properties$jscomp$1 = [ + [ + "Rejected", + "object" === typeof error$jscomp$0 && + null !== error$jscomp$0 && + "string" === typeof error$jscomp$0.message + ? String(error$jscomp$0.message) + : String(error$jscomp$0) + ] + ], + tooltipText = + getIOLongName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ) + " Rejected"; + debugTask$jscomp$1.run( + performance.measure.bind( + performance, + entryName$jscomp$2, + { + start: + 0 > startTime$jscomp$4 + ? 0 + : startTime$jscomp$4, + end: endTime$jscomp$0, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$3], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$1, + tooltipText: tooltipText + } + } + } + ) + ); + } else + console.timeStamp( + entryName$jscomp$2, + 0 > startTime$jscomp$4 ? 0 : startTime$jscomp$4, + endTime$jscomp$0, + trackNames[trackIdx$jscomp$3], + "Server Components \u269b", + "error" + ); + } + break; + default: + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + void 0 + ); + } + } else + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + void 0 + ); + } + } + else { + endTime = time; + for (var _j = debugInfo.length - 1; _j > _i6; _j--) { + var _candidateInfo = debugInfo[_j]; + if ("string" === typeof _candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var _componentInfo = _candidateInfo, + _env = response$jscomp$0._rootEnvironmentName, + componentInfo$jscomp$4 = _componentInfo, + trackIdx$jscomp$4 = trackIdx$jscomp$6, + startTime$jscomp$5 = time, + childrenEndTime$jscomp$3 = childrenEndTime; + if (supportsUserTiming) { + var env$jscomp$2 = componentInfo$jscomp$4.env, + name$jscomp$1 = componentInfo$jscomp$4.name, + entryName$jscomp$3 = + env$jscomp$2 === _env || void 0 === env$jscomp$2 + ? name$jscomp$1 + : name$jscomp$1 + " [" + env$jscomp$2 + "]", + properties$jscomp$2 = [ + [ + "Aborted", + "The stream was aborted before this Component finished rendering." + ] + ]; + null != componentInfo$jscomp$4.key && + addValueToProperties( + "key", + componentInfo$jscomp$4.key, + properties$jscomp$2, + 0, + "" + ); + null != componentInfo$jscomp$4.props && + addObjectToProperties( + componentInfo$jscomp$4.props, + properties$jscomp$2, + 0, + "" + ); + performance.measure("\u200b" + entryName$jscomp$3, { + start: 0 > startTime$jscomp$5 ? 0 : startTime$jscomp$5, + end: childrenEndTime$jscomp$3, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$4], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$3 + " Aborted", + properties: properties$jscomp$2 + } + } + }); + } + componentEndTime = time; + result.component = _componentInfo; + isLastComponent = !1; + } else if ( + _candidateInfo.awaited && + null != _candidateInfo.awaited.env + ) { + var _asyncInfo = _candidateInfo, + _env2 = response$jscomp$0._rootEnvironmentName; + _asyncInfo.awaited.end > endTime && + (endTime = _asyncInfo.awaited.end); + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo$jscomp$1 = _asyncInfo, + trackIdx$jscomp$5 = trackIdx$jscomp$6, + startTime$jscomp$6 = time, + endTime$jscomp$1 = endTime, + rootEnv$jscomp$0 = _env2; + if (supportsUserTiming && 0 < endTime$jscomp$1) { + var entryName$jscomp$4 = + "await " + + getIOShortName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ), + debugTask$jscomp$2 = + asyncInfo$jscomp$1.debugTask || + asyncInfo$jscomp$1.awaited.debugTask; + if (debugTask$jscomp$2) { + var tooltipText$jscomp$0 = + getIOLongName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ) + " Aborted"; + debugTask$jscomp$2.run( + performance.measure.bind( + performance, + entryName$jscomp$4, + { + start: + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + end: endTime$jscomp$1, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$5], + trackGroup: "Server Components \u269b", + properties: [ + [ + "Aborted", + "The stream was aborted before this Promise resolved." + ] + ], + tooltipText: tooltipText$jscomp$0 + } + } + } + ) + ); + } else + console.timeStamp( + entryName$jscomp$4, + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + endTime$jscomp$1, + trackNames[trackIdx$jscomp$5], + "Server Components \u269b", + "warning" + ); + } + } + } + } + endTime = time; + endTimeIdx = _i6; + } + } + result.endTime = childrenEndTime; + return result; + } + function flushInitialRenderPerformance(response) { + if (response._replayConsole) { + var rootChunk = getChunk(response, 0); + isArrayImpl(rootChunk._children) && + (markAllTracksInOrder(), + flushComponentPerformance( + response, + rootChunk, + 0, + -Infinity, + -Infinity + )); + } + } function processFullBinaryRow( response, streamState, @@ -3769,7 +4798,17 @@ v8FrameRegExp = /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/, + hasOwnProperty = Object.prototype.hasOwnProperty, REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), + supportsUserTiming = + "undefined" !== typeof console && + "function" === typeof console.timeStamp && + "undefined" !== typeof performance && + "function" === typeof performance.measure, + trackNames = + "Primary Parallel Parallel\u200b Parallel\u200b\u200b Parallel\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b".split( + " " + ), prefix, suffix; new ("function" === typeof WeakMap ? WeakMap : Map)(); diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.development.js index 003a83e0900b10..aff219e9abf0f5 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.development.js @@ -1076,6 +1076,469 @@ } return null; } + function getArrayKind(array) { + for (var kind = 0, i = 0; i < array.length; i++) { + var value = array[i]; + if ("object" === typeof value && null !== value) + if ( + isArrayImpl(value) && + 2 === value.length && + "string" === typeof value[0] + ) { + if (0 !== kind && 3 !== kind) return 1; + kind = 3; + } else return 1; + else { + if ( + "function" === typeof value || + ("string" === typeof value && 50 < value.length) || + (0 !== kind && 2 !== kind) + ) + return 1; + kind = 2; + } + } + return kind; + } + function addObjectToProperties(object, properties, indent, prefix) { + for (var key in object) + hasOwnProperty.call(object, key) && + "_" !== key[0] && + addValueToProperties(key, object[key], properties, indent, prefix); + } + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { + switch (typeof value) { + case "object": + if (null === value) { + value = "null"; + break; + } else { + if (value.$$typeof === REACT_ELEMENT_TYPE) { + var typeName = getComponentNameFromType(value.type) || "\u2026", + key = value.key; + value = value.props; + var propsKeys = Object.keys(value), + propsLength = propsKeys.length; + if (null == key && 0 === propsLength) { + value = "<" + typeName + " />"; + break; + } + if ( + 3 > indent || + (1 === propsLength && + "children" === propsKeys[0] && + null == key) + ) { + value = "<" + typeName + " \u2026 />"; + break; + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "<" + typeName + ]); + null !== key && + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); + propertyName = !1; + for (var propKey in value) + "children" === propKey + ? null != value.children && + (!isArrayImpl(value.children) || + 0 < value.children.length) && + (propertyName = !0) + : hasOwnProperty.call(value, propKey) && + "_" !== propKey[0] && + addValueToProperties( + propKey, + value[propKey], + properties, + indent + 1, + prefix + ); + properties.push([ + "", + propertyName ? ">\u2026" : "/>" + ]); + return; + } + typeName = Object.prototype.toString.call(value); + typeName = typeName.slice(8, typeName.length - 1); + if ("Array" === typeName) + if ( + ((propKey = getArrayKind(value)), + 2 === propKey || 0 === propKey) + ) { + value = JSON.stringify(value); + break; + } else if (3 === propKey) { + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "" + ]); + for ( + propertyName = 0; + propertyName < value.length; + propertyName++ + ) + (typeName = value[propertyName]), + addValueToProperties( + typeName[0], + typeName[1], + properties, + indent + 1, + prefix + ); + return; + } + if ("Promise" === typeName) { + if ("fulfilled" === value.status) { + if ( + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.value, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = + "Promise<" + (properties[1] || "Object") + ">"; + return; + } + } else if ( + "rejected" === value.status && + ((typeName = properties.length), + addValueToProperties( + propertyName, + value.reason, + properties, + indent, + prefix + ), + properties.length > typeName) + ) { + properties = properties[typeName]; + properties[1] = "Rejected Promise<" + properties[1] + ">"; + return; + } + properties.push([ + "\u00a0\u00a0".repeat(indent) + propertyName, + "Promise" + ]); + return; + } + "Object" === typeName && + (propKey = Object.getPrototypeOf(value)) && + "function" === typeof propKey.constructor && + (typeName = propKey.constructor.name); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName + ]); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); + return; + } + case "function": + value = "" === value.name ? "() => {}" : value.name + "() {}"; + break; + case "string": + value = + "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects." === + value + ? "\u2026" + : JSON.stringify(value); + break; + case "undefined": + value = "undefined"; + break; + case "boolean": + value = value ? "true" : "false"; + break; + default: + value = String(value); + } + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); + } + function getIODescription(value) { + try { + switch (typeof value) { + case "object": + if (null === value) return ""; + if (value instanceof Error) return String(value.message); + if ("string" === typeof value.url) return value.url; + if ("string" === typeof value.href) return value.href; + if ("string" === typeof value.src) return value.src; + if ("string" === typeof value.currentSrc) return value.currentSrc; + if ("string" === typeof value.command) return value.command; + if ( + "object" === typeof value.request && + null !== value.request && + "string" === typeof value.request.url + ) + return value.request.url; + if ( + "object" === typeof value.response && + null !== value.response && + "string" === typeof value.response.url + ) + return value.response.url; + if ( + "string" === typeof value.id || + "number" === typeof value.id || + "bigint" === typeof value.id + ) + return String(value.id); + if ("string" === typeof value.name) return value.name; + var str = value.toString(); + return str.startsWith("[object ") || + 5 > str.length || + 500 < str.length + ? "" + : str; + case "string": + return 5 > value.length || 500 < value.length ? "" : value; + case "number": + case "bigint": + return String(value); + default: + return ""; + } + } catch (x) { + return ""; + } + } + function markAllTracksInOrder() { + supportsUserTiming && + (console.timeStamp( + "Server Requests Track", + 0.001, + 0.001, + "Server Requests \u269b", + void 0, + "primary-light" + ), + console.timeStamp( + "Server Components Track", + 0.001, + 0.001, + "Primary", + "Server Components \u269b", + "primary-light" + )); + } + function getIOColor(functionName) { + switch (functionName.charCodeAt(0) % 3) { + case 0: + return "tertiary-light"; + case 1: + return "tertiary"; + default: + return "tertiary-dark"; + } + } + function getIOLongName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + description = + "" === description ? ioInfo : ioInfo + " (" + description + ")"; + return env === rootEnv || void 0 === env + ? description + : description + " [" + env + "]"; + } + function getIOShortName(ioInfo, description, env, rootEnv) { + ioInfo = ioInfo.name; + env = env === rootEnv || void 0 === env ? "" : " [" + env + "]"; + var desc = ""; + rootEnv = 30 - ioInfo.length - env.length; + if (1 < rootEnv) { + var l = description.length; + if (0 < l && l <= rootEnv) desc = " (" + description + ")"; + else if ( + description.startsWith("http://") || + description.startsWith("https://") || + description.startsWith("/") + ) { + var queryIdx = description.indexOf("?"); + -1 === queryIdx && (queryIdx = description.length); + 47 === description.charCodeAt(queryIdx - 1) && queryIdx--; + desc = description.lastIndexOf("/", queryIdx - 1); + queryIdx - desc < rootEnv + ? (desc = " (\u2026" + description.slice(desc, queryIdx) + ")") + : ((l = description.slice(desc, desc + rootEnv / 2)), + (description = description.slice( + queryIdx - rootEnv / 2, + queryIdx + )), + (desc = + " (" + + (0 < desc ? "\u2026" : "") + + l + + "\u2026" + + description + + ")")); + } + } + return ioInfo + desc + env; + } + function logComponentAwait( + asyncInfo, + trackIdx, + startTime, + endTime, + rootEnv, + value + ) { + if (supportsUserTiming && 0 < endTime) { + var description = getIODescription(value), + name = getIOShortName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ), + entryName = "await " + name; + name = getIOColor(name); + var debugTask = asyncInfo.debugTask || asyncInfo.awaited.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("awaited value", value, properties, 0, ""); + asyncInfo = getIOLongName( + asyncInfo.awaited, + description, + asyncInfo.env, + rootEnv + ); + debugTask.run( + performance.measure.bind(performance, entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: name, + track: trackNames[trackIdx], + trackGroup: "Server Components \u269b", + properties: properties, + tooltipText: asyncInfo + } + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + trackNames[trackIdx], + "Server Components \u269b", + name + ); + } + } + function logIOInfoErrored(ioInfo, rootEnv, error) { + var startTime = ioInfo.start, + endTime = ioInfo.end; + if (supportsUserTiming && 0 <= endTime) { + var description = getIODescription(error), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + debugTask = ioInfo.debugTask; + debugTask + ? ((error = [ + [ + "rejected with", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]), + (ioInfo = + getIOLongName(ioInfo, description, ioInfo.env, rootEnv) + + " Rejected"), + debugTask.run( + performance.measure.bind(performance, "\u200b" + entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: "Server Requests \u269b", + properties: error, + tooltipText: ioInfo + } + } + }) + )) + : console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + "error" + ); + } + } + function logIOInfo(ioInfo, rootEnv, value) { + var startTime = ioInfo.start, + endTime = ioInfo.end; + if (supportsUserTiming && 0 <= endTime) { + var description = getIODescription(value), + entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv), + color = getIOColor(entryName), + debugTask = ioInfo.debugTask; + if (debugTask) { + var properties = []; + "object" === typeof value && null !== value + ? addObjectToProperties(value, properties, 0, "") + : void 0 !== value && + addValueToProperties("Resolved", value, properties, 0, ""); + ioInfo = getIOLongName(ioInfo, description, ioInfo.env, rootEnv); + debugTask.run( + performance.measure.bind(performance, "\u200b" + entryName, { + start: 0 > startTime ? 0 : startTime, + end: endTime, + detail: { + devtools: { + color: color, + track: "Server Requests \u269b", + properties: properties, + tooltipText: ioInfo + } + } + }) + ); + } else + console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + endTime, + "Server Requests \u269b", + void 0, + color + ); + } + } function prepareStackTrace(error, structuredStackTrace) { error = (error.name || "Error") + ": " + (error.message || ""); for (var i = 0; i < structuredStackTrace.length; i++) @@ -1086,6 +1549,7 @@ this.status = status; this.value = value; this.reason = reason; + this._children = []; this._debugChunk = null; this._debugInfo = []; } @@ -1860,6 +2324,9 @@ var path = reference.split(":"); reference = parseInt(path[0], 16); reference = getChunk(response, reference); + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(reference); switch (reference.status) { case "resolved_model": initializeModelChunk(reference); @@ -2100,12 +2567,19 @@ return ( (parentObject = parseInt(value.slice(2), 16)), (response = getChunk(response, parentObject)), + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(response), createLazyChunkWrapper(response, 0) ); case "@": return ( (parentObject = parseInt(value.slice(2), 16)), - getChunk(response, parentObject) + (response = getChunk(response, parentObject)), + null !== initializingChunk && + isArrayImpl(initializingChunk._children) && + initializingChunk._children.push(response), + response ); case "S": return Symbol.for(value.slice(2)); @@ -2282,6 +2756,8 @@ this._closed = !1; this._closedReason = null; this._tempRefs = temporaryReferences; + this._timeOrigin = 0; + this._pendingInitialRender = null; this._pendingChunks = 0; this._weakResponse = { weak: new WeakRef(this), response: this }; this._debugRootOwner = bundlerConfig = @@ -2306,6 +2782,7 @@ (null === debugChannelRegistry ? (closeDebugChannel(debugChannel), (this._debugChannel = void 0)) : debugChannelRegistry.register(this, debugChannel, this)); + replayConsole && markAllTracksInOrder(); this._fromJSON = createFromJSONCallback(this); } function createStreamState(weakResponse, streamDebugValue) { @@ -2910,13 +3387,16 @@ } function initializeDebugInfo(response, debugInfo) { void 0 !== debugInfo.stack && initializeFakeTask(response, debugInfo); - null == debugInfo.owner && null != response._debugRootOwner - ? ((debugInfo.owner = response._debugRootOwner), - (debugInfo.stack = null), - (debugInfo.debugStack = response._debugRootStack), - (debugInfo.debugTask = response._debugRootTask)) - : void 0 !== debugInfo.stack && - initializeFakeStack(response, debugInfo); + if (null == debugInfo.owner && null != response._debugRootOwner) { + var _componentInfoOrAsyncInfo = debugInfo; + _componentInfoOrAsyncInfo.owner = response._debugRootOwner; + _componentInfoOrAsyncInfo.stack = null; + _componentInfoOrAsyncInfo.debugStack = response._debugRootStack; + _componentInfoOrAsyncInfo.debugTask = response._debugRootTask; + } else + void 0 !== debugInfo.stack && initializeFakeStack(response, debugInfo); + "number" === typeof debugInfo.time && + (debugInfo = { time: debugInfo.time + response._timeOrigin }); return debugInfo; } function getCurrentStackInDEV() { @@ -3013,6 +3493,25 @@ initializeFakeStack(response, ioInfo)); ioInfo.start += response._timeOrigin; ioInfo.end += response._timeOrigin; + if (response._replayConsole) { + response = response._rootEnvironmentName; + var promise = ioInfo.value; + if (promise) + switch (promise.status) { + case "fulfilled": + logIOInfo(ioInfo, response, promise.value); + break; + case "rejected": + logIOInfoErrored(ioInfo, response, promise.reason); + break; + default: + promise.then( + logIOInfo.bind(null, ioInfo, response), + logIOInfoErrored.bind(null, ioInfo, response) + ); + } + else logIOInfo(ioInfo, response, void 0); + } } function resolveIOInfo(response, id, model) { var chunks = response._chunks, @@ -3068,7 +3567,537 @@ ); resolveBuffer(response, id, constructor, streamState); } - function flushInitialRenderPerformance() {} + function flushComponentPerformance( + response$jscomp$0, + root, + trackIdx$jscomp$6, + trackTime, + parentEndTime + ) { + if (!isArrayImpl(root._children)) { + var previousResult = root._children, + previousEndTime = previousResult.endTime; + if ( + -Infinity < parentEndTime && + parentEndTime < previousEndTime && + null !== previousResult.component + ) { + var componentInfo = previousResult.component, + trackIdx = trackIdx$jscomp$6, + startTime = parentEndTime; + if (supportsUserTiming && 0 <= previousEndTime && 10 > trackIdx) { + var color = + componentInfo.env === response$jscomp$0._rootEnvironmentName + ? "primary-light" + : "secondary-light", + entryName = componentInfo.name + " [deduped]", + debugTask = componentInfo.debugTask; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + entryName, + 0 > startTime ? 0 : startTime, + previousEndTime, + trackNames[trackIdx], + "Server Components \u269b", + color + ) + ) + : console.timeStamp( + entryName, + 0 > startTime ? 0 : startTime, + previousEndTime, + trackNames[trackIdx], + "Server Components \u269b", + color + ); + } + } + previousResult.track = trackIdx$jscomp$6; + return previousResult; + } + var children = root._children, + debugInfo = root._debugInfo; + if (debugInfo) { + for (var startTime$jscomp$0 = 0, i = 0; i < debugInfo.length; i++) { + var info = debugInfo[i]; + "number" === typeof info.time && (startTime$jscomp$0 = info.time); + if ("string" === typeof info.name) { + startTime$jscomp$0 < trackTime && trackIdx$jscomp$6++; + trackTime = startTime$jscomp$0; + break; + } + } + for (var _i4 = debugInfo.length - 1; 0 <= _i4; _i4--) { + var _info = debugInfo[_i4]; + if ("number" === typeof _info.time && _info.time > parentEndTime) { + parentEndTime = _info.time; + break; + } + } + } + var result = { + track: trackIdx$jscomp$6, + endTime: -Infinity, + component: null + }; + root._children = result; + for ( + var childrenEndTime = -Infinity, + childTrackIdx = trackIdx$jscomp$6, + childTrackTime = trackTime, + _i5 = 0; + _i5 < children.length; + _i5++ + ) { + var childResult = flushComponentPerformance( + response$jscomp$0, + children[_i5], + childTrackIdx, + childTrackTime, + parentEndTime + ); + null !== childResult.component && + (result.component = childResult.component); + childTrackIdx = childResult.track; + var childEndTime = childResult.endTime; + childEndTime > childTrackTime && (childTrackTime = childEndTime); + childEndTime > childrenEndTime && (childrenEndTime = childEndTime); + } + if (debugInfo) + for ( + var componentEndTime = 0, + isLastComponent = !0, + endTime = -1, + endTimeIdx = -1, + _i6 = debugInfo.length - 1; + 0 <= _i6; + _i6-- + ) { + var _info2 = debugInfo[_i6]; + if ("number" === typeof _info2.time) { + 0 === componentEndTime && (componentEndTime = _info2.time); + var time = _info2.time; + if (-1 < endTimeIdx) + for (var j = endTimeIdx - 1; j > _i6; j--) { + var candidateInfo = debugInfo[j]; + if ("string" === typeof candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var componentInfo$jscomp$0 = candidateInfo, + response = response$jscomp$0, + componentInfo$jscomp$1 = componentInfo$jscomp$0, + trackIdx$jscomp$0 = trackIdx$jscomp$6, + startTime$jscomp$1 = time, + componentEndTime$jscomp$0 = componentEndTime, + childrenEndTime$jscomp$0 = childrenEndTime; + if ( + isLastComponent && + "rejected" === root.status && + root.reason !== response._closedReason + ) { + var componentInfo$jscomp$2 = componentInfo$jscomp$1, + trackIdx$jscomp$1 = trackIdx$jscomp$0, + startTime$jscomp$2 = startTime$jscomp$1, + childrenEndTime$jscomp$1 = childrenEndTime$jscomp$0, + error = root.reason; + if (supportsUserTiming) { + var env = componentInfo$jscomp$2.env, + name = componentInfo$jscomp$2.name, + entryName$jscomp$0 = + env === response._rootEnvironmentName || + void 0 === env + ? name + : name + " [" + env + "]", + properties = [ + [ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ]; + null != componentInfo$jscomp$2.key && + addValueToProperties( + "key", + componentInfo$jscomp$2.key, + properties, + 0, + "" + ); + null != componentInfo$jscomp$2.props && + addObjectToProperties( + componentInfo$jscomp$2.props, + properties, + 0, + "" + ); + performance.measure("\u200b" + entryName$jscomp$0, { + start: 0 > startTime$jscomp$2 ? 0 : startTime$jscomp$2, + end: childrenEndTime$jscomp$1, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$1], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$0 + " Errored", + properties: properties + } + } + }); + } + } else { + var componentInfo$jscomp$3 = componentInfo$jscomp$1, + trackIdx$jscomp$2 = trackIdx$jscomp$0, + startTime$jscomp$3 = startTime$jscomp$1, + childrenEndTime$jscomp$2 = childrenEndTime$jscomp$0; + if ( + supportsUserTiming && + 0 <= childrenEndTime$jscomp$2 && + 10 > trackIdx$jscomp$2 + ) { + var env$jscomp$0 = componentInfo$jscomp$3.env, + name$jscomp$0 = componentInfo$jscomp$3.name, + isPrimaryEnv = + env$jscomp$0 === response._rootEnvironmentName, + selfTime = + componentEndTime$jscomp$0 - startTime$jscomp$3, + color$jscomp$0 = + 0.5 > selfTime + ? isPrimaryEnv + ? "primary-light" + : "secondary-light" + : 50 > selfTime + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > selfTime + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error", + entryName$jscomp$1 = + isPrimaryEnv || void 0 === env$jscomp$0 + ? name$jscomp$0 + : name$jscomp$0 + " [" + env$jscomp$0 + "]", + debugTask$jscomp$0 = componentInfo$jscomp$3.debugTask; + if (debugTask$jscomp$0) { + var properties$jscomp$0 = []; + null != componentInfo$jscomp$3.key && + addValueToProperties( + "key", + componentInfo$jscomp$3.key, + properties$jscomp$0, + 0, + "" + ); + null != componentInfo$jscomp$3.props && + addObjectToProperties( + componentInfo$jscomp$3.props, + properties$jscomp$0, + 0, + "" + ); + debugTask$jscomp$0.run( + performance.measure.bind( + performance, + "\u200b" + entryName$jscomp$1, + { + start: + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + end: childrenEndTime$jscomp$2, + detail: { + devtools: { + color: color$jscomp$0, + track: trackNames[trackIdx$jscomp$2], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$0 + } + } + } + ) + ); + } else + console.timeStamp( + "\u200b" + entryName$jscomp$1, + 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3, + childrenEndTime$jscomp$2, + trackNames[trackIdx$jscomp$2], + "Server Components \u269b", + color$jscomp$0 + ); + } + } + componentEndTime = time; + result.component = componentInfo$jscomp$0; + isLastComponent = !1; + } else if ( + candidateInfo.awaited && + null != candidateInfo.awaited.env + ) { + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo = candidateInfo, + env$jscomp$1 = response$jscomp$0._rootEnvironmentName, + promise = asyncInfo.awaited.value; + if (promise) { + var thenable = promise; + switch (thenable.status) { + case "fulfilled": + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + thenable.value + ); + break; + case "rejected": + var asyncInfo$jscomp$0 = asyncInfo, + trackIdx$jscomp$3 = trackIdx$jscomp$6, + startTime$jscomp$4 = time, + endTime$jscomp$0 = endTime, + rootEnv = env$jscomp$1, + error$jscomp$0 = thenable.reason; + if (supportsUserTiming && 0 < endTime$jscomp$0) { + var description = getIODescription(error$jscomp$0), + entryName$jscomp$2 = + "await " + + getIOShortName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ), + debugTask$jscomp$1 = + asyncInfo$jscomp$0.debugTask || + asyncInfo$jscomp$0.awaited.debugTask; + if (debugTask$jscomp$1) { + var properties$jscomp$1 = [ + [ + "Rejected", + "object" === typeof error$jscomp$0 && + null !== error$jscomp$0 && + "string" === typeof error$jscomp$0.message + ? String(error$jscomp$0.message) + : String(error$jscomp$0) + ] + ], + tooltipText = + getIOLongName( + asyncInfo$jscomp$0.awaited, + description, + asyncInfo$jscomp$0.env, + rootEnv + ) + " Rejected"; + debugTask$jscomp$1.run( + performance.measure.bind( + performance, + entryName$jscomp$2, + { + start: + 0 > startTime$jscomp$4 + ? 0 + : startTime$jscomp$4, + end: endTime$jscomp$0, + detail: { + devtools: { + color: "error", + track: trackNames[trackIdx$jscomp$3], + trackGroup: "Server Components \u269b", + properties: properties$jscomp$1, + tooltipText: tooltipText + } + } + } + ) + ); + } else + console.timeStamp( + entryName$jscomp$2, + 0 > startTime$jscomp$4 ? 0 : startTime$jscomp$4, + endTime$jscomp$0, + trackNames[trackIdx$jscomp$3], + "Server Components \u269b", + "error" + ); + } + break; + default: + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + void 0 + ); + } + } else + logComponentAwait( + asyncInfo, + trackIdx$jscomp$6, + time, + endTime, + env$jscomp$1, + void 0 + ); + } + } + else { + endTime = time; + for (var _j = debugInfo.length - 1; _j > _i6; _j--) { + var _candidateInfo = debugInfo[_j]; + if ("string" === typeof _candidateInfo.name) { + componentEndTime > childrenEndTime && + (childrenEndTime = componentEndTime); + var _componentInfo = _candidateInfo, + _env = response$jscomp$0._rootEnvironmentName, + componentInfo$jscomp$4 = _componentInfo, + trackIdx$jscomp$4 = trackIdx$jscomp$6, + startTime$jscomp$5 = time, + childrenEndTime$jscomp$3 = childrenEndTime; + if (supportsUserTiming) { + var env$jscomp$2 = componentInfo$jscomp$4.env, + name$jscomp$1 = componentInfo$jscomp$4.name, + entryName$jscomp$3 = + env$jscomp$2 === _env || void 0 === env$jscomp$2 + ? name$jscomp$1 + : name$jscomp$1 + " [" + env$jscomp$2 + "]", + properties$jscomp$2 = [ + [ + "Aborted", + "The stream was aborted before this Component finished rendering." + ] + ]; + null != componentInfo$jscomp$4.key && + addValueToProperties( + "key", + componentInfo$jscomp$4.key, + properties$jscomp$2, + 0, + "" + ); + null != componentInfo$jscomp$4.props && + addObjectToProperties( + componentInfo$jscomp$4.props, + properties$jscomp$2, + 0, + "" + ); + performance.measure("\u200b" + entryName$jscomp$3, { + start: 0 > startTime$jscomp$5 ? 0 : startTime$jscomp$5, + end: childrenEndTime$jscomp$3, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$4], + trackGroup: "Server Components \u269b", + tooltipText: entryName$jscomp$3 + " Aborted", + properties: properties$jscomp$2 + } + } + }); + } + componentEndTime = time; + result.component = _componentInfo; + isLastComponent = !1; + } else if ( + _candidateInfo.awaited && + null != _candidateInfo.awaited.env + ) { + var _asyncInfo = _candidateInfo, + _env2 = response$jscomp$0._rootEnvironmentName; + _asyncInfo.awaited.end > endTime && + (endTime = _asyncInfo.awaited.end); + endTime > childrenEndTime && (childrenEndTime = endTime); + var asyncInfo$jscomp$1 = _asyncInfo, + trackIdx$jscomp$5 = trackIdx$jscomp$6, + startTime$jscomp$6 = time, + endTime$jscomp$1 = endTime, + rootEnv$jscomp$0 = _env2; + if (supportsUserTiming && 0 < endTime$jscomp$1) { + var entryName$jscomp$4 = + "await " + + getIOShortName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ), + debugTask$jscomp$2 = + asyncInfo$jscomp$1.debugTask || + asyncInfo$jscomp$1.awaited.debugTask; + if (debugTask$jscomp$2) { + var tooltipText$jscomp$0 = + getIOLongName( + asyncInfo$jscomp$1.awaited, + "", + asyncInfo$jscomp$1.env, + rootEnv$jscomp$0 + ) + " Aborted"; + debugTask$jscomp$2.run( + performance.measure.bind( + performance, + entryName$jscomp$4, + { + start: + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + end: endTime$jscomp$1, + detail: { + devtools: { + color: "warning", + track: trackNames[trackIdx$jscomp$5], + trackGroup: "Server Components \u269b", + properties: [ + [ + "Aborted", + "The stream was aborted before this Promise resolved." + ] + ], + tooltipText: tooltipText$jscomp$0 + } + } + } + ) + ); + } else + console.timeStamp( + entryName$jscomp$4, + 0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6, + endTime$jscomp$1, + trackNames[trackIdx$jscomp$5], + "Server Components \u269b", + "warning" + ); + } + } + } + } + endTime = time; + endTimeIdx = _i6; + } + } + result.endTime = childrenEndTime; + return result; + } + function flushInitialRenderPerformance(response) { + if (response._replayConsole) { + var rootChunk = getChunk(response, 0); + isArrayImpl(rootChunk._children) && + (markAllTracksInOrder(), + flushComponentPerformance( + response, + rootChunk, + 0, + -Infinity, + -Infinity + )); + } + } function processFullBinaryRow( response, streamState, @@ -3729,7 +4758,17 @@ v8FrameRegExp = /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/, + hasOwnProperty = Object.prototype.hasOwnProperty, REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), + supportsUserTiming = + "undefined" !== typeof console && + "function" === typeof console.timeStamp && + "undefined" !== typeof performance && + "function" === typeof performance.measure, + trackNames = + "Primary Parallel Parallel\u200b Parallel\u200b\u200b Parallel\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b".split( + " " + ), prefix, suffix; new ("function" === typeof WeakMap ? WeakMap : Map)(); diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js index a91dcc925cd4ad..359b5cc71c6dc2 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js @@ -1586,7 +1586,10 @@ componentDebugInfo.debugTask = task.debugTask; outlineComponentInfo(request, componentDebugInfo); var timestamp = performance.now(); - timestamp > task.time && (task.time = timestamp); + timestamp > task.time + ? (emitTimingChunk(request, task.id, timestamp), + (task.time = timestamp)) + : task.timed || emitTimingChunk(request, task.id, task.time); task.timed = !0; emitDebugChunk(request, componentDebugID, componentDebugInfo); task.environmentName = componentEnv; @@ -3315,10 +3318,25 @@ (thenable = thenable._debugInfo) && forwardDebugInfo(request, task, thenable); } + function emitTimingChunk(request, id, timestamp) { + request.pendingChunks++; + var json = '{"time":' + (timestamp - request.timeOrigin) + "}"; + null !== request.debugDestination + ? ((timestamp = request.nextChunkId++), + (json = timestamp.toString(16) + ":" + json + "\n"), + request.pendingDebugChunks++, + request.completedDebugChunks.push(stringToChunk(json)), + (id = id.toString(16) + ':D"$' + timestamp.toString(16) + '"\n'), + request.completedRegularChunks.push(stringToChunk(id))) + : ((id = id.toString(16) + ":D" + json + "\n"), + request.completedRegularChunks.push(stringToChunk(id))); + } function markOperationEndTime(request, task, timestamp) { - !(request.status === ABORTING && timestamp > request.abortTime) && - timestamp > task.time && - (task.time = timestamp); + (request.status === ABORTING && timestamp > request.abortTime) || + (timestamp > task.time + ? (emitTimingChunk(request, task.id, timestamp), + (task.time = timestamp)) + : emitTimingChunk(request, task.id, task.time)); } function emitChunk(request, task, value) { var id = task.id; diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js index 4ced1247078de9..40385ef1c3ec9c 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js @@ -1598,7 +1598,10 @@ componentDebugInfo.debugTask = task.debugTask; outlineComponentInfo(request, componentDebugInfo); var timestamp = performance.now(); - timestamp > task.time && (task.time = timestamp); + timestamp > task.time + ? (emitTimingChunk(request, task.id, timestamp), + (task.time = timestamp)) + : task.timed || emitTimingChunk(request, task.id, task.time); task.timed = !0; emitDebugChunk(request, componentDebugID, componentDebugInfo); task.environmentName = componentEnv; @@ -3386,10 +3389,25 @@ (thenable = thenable._debugInfo) && forwardDebugInfo(request, task, thenable); } + function emitTimingChunk(request, id, timestamp) { + request.pendingChunks++; + var json = '{"time":' + (timestamp - request.timeOrigin) + "}"; + null !== request.debugDestination + ? ((timestamp = request.nextChunkId++), + (json = timestamp.toString(16) + ":" + json + "\n"), + request.pendingDebugChunks++, + request.completedDebugChunks.push(stringToChunk(json)), + (id = id.toString(16) + ':D"$' + timestamp.toString(16) + '"\n'), + request.completedRegularChunks.push(stringToChunk(id))) + : ((id = id.toString(16) + ":D" + json + "\n"), + request.completedRegularChunks.push(stringToChunk(id))); + } function markOperationEndTime(request, task, timestamp) { - !(request.status === ABORTING && timestamp > request.abortTime) && - timestamp > task.time && - (task.time = timestamp); + (request.status === ABORTING && timestamp > request.abortTime) || + (timestamp > task.time + ? (emitTimingChunk(request, task.id, timestamp), + (task.time = timestamp)) + : emitTimingChunk(request, task.id, task.time)); } function emitChunk(request, task, value) { var id = task.id; diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js index 738a9174c2089c..57e5ce7dc04c84 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js @@ -3684,14 +3684,32 @@ null !== sequence && emitAsyncSequence(request, task, sequence, thenable, null, null); } + function emitTimingChunk(request, id, timestamp) { + request.pendingChunks++; + var json = '{"time":' + (timestamp - request.timeOrigin) + "}"; + null !== request.debugDestination + ? ((timestamp = request.nextChunkId++), + (json = timestamp.toString(16) + ":" + json + "\n"), + request.pendingDebugChunks++, + request.completedDebugChunks.push(json), + (id = id.toString(16) + ':D"$' + timestamp.toString(16) + '"\n'), + request.completedRegularChunks.push(id)) + : ((id = id.toString(16) + ":D" + json + "\n"), + request.completedRegularChunks.push(id)); + } function advanceTaskTime(request, task, timestamp) { - timestamp > task.time && (task.time = timestamp); + timestamp > task.time + ? (emitTimingChunk(request, task.id, timestamp), + (task.time = timestamp)) + : task.timed || emitTimingChunk(request, task.id, task.time); task.timed = !0; } function markOperationEndTime(request, task, timestamp) { - !(request.status === ABORTING && timestamp > request.abortTime) && - timestamp > task.time && - (task.time = timestamp); + (request.status === ABORTING && timestamp > request.abortTime) || + (timestamp > task.time + ? (emitTimingChunk(request, task.id, timestamp), + (task.time = timestamp)) + : emitTimingChunk(request, task.id, task.time)); } function emitChunk(request, task, value) { var id = task.id; diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js index fd2167231ce9a6..dfdeedd913b341 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js @@ -3684,14 +3684,32 @@ null !== sequence && emitAsyncSequence(request, task, sequence, thenable, null, null); } + function emitTimingChunk(request, id, timestamp) { + request.pendingChunks++; + var json = '{"time":' + (timestamp - request.timeOrigin) + "}"; + null !== request.debugDestination + ? ((timestamp = request.nextChunkId++), + (json = timestamp.toString(16) + ":" + json + "\n"), + request.pendingDebugChunks++, + request.completedDebugChunks.push(json), + (id = id.toString(16) + ':D"$' + timestamp.toString(16) + '"\n'), + request.completedRegularChunks.push(id)) + : ((id = id.toString(16) + ":D" + json + "\n"), + request.completedRegularChunks.push(id)); + } function advanceTaskTime(request, task, timestamp) { - timestamp > task.time && (task.time = timestamp); + timestamp > task.time + ? (emitTimingChunk(request, task.id, timestamp), + (task.time = timestamp)) + : task.timed || emitTimingChunk(request, task.id, task.time); task.timed = !0; } function markOperationEndTime(request, task, timestamp) { - !(request.status === ABORTING && timestamp > request.abortTime) && - timestamp > task.time && - (task.time = timestamp); + (request.status === ABORTING && timestamp > request.abortTime) || + (timestamp > task.time + ? (emitTimingChunk(request, task.id, timestamp), + (task.time = timestamp)) + : emitTimingChunk(request, task.id, task.time)); } function emitChunk(request, task, value) { var id = task.id; diff --git a/packages/next/src/compiled/react-server-dom-webpack/package.json b/packages/next/src/compiled/react-server-dom-webpack/package.json index 394d55a7a3d8d0..80cf8eacb3202f 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/package.json +++ b/packages/next/src/compiled/react-server-dom-webpack/package.json @@ -64,8 +64,8 @@ "webpack-sources": "^3.2.0" }, "peerDependencies": { - "react": "19.2.0-canary-ef889445-20250930", - "react-dom": "19.2.0-canary-ef889445-20250930", + "react": "19.2.0-canary-548235db-20251001", + "react-dom": "19.2.0-canary-548235db-20251001", "webpack": "^5.59.0" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react/cjs/react.development.js b/packages/next/src/compiled/react/cjs/react.development.js index 15d98a01eefc86..91918380446cc4 100644 --- a/packages/next/src/compiled/react/cjs/react.development.js +++ b/packages/next/src/compiled/react/cjs/react.development.js @@ -1276,7 +1276,7 @@ exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.2.0-canary-ef889445-20250930"; + exports.version = "19.2.0-canary-548235db-20251001"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react/cjs/react.production.js b/packages/next/src/compiled/react/cjs/react.production.js index 22dc07cb132db3..291b27898d8234 100644 --- a/packages/next/src/compiled/react/cjs/react.production.js +++ b/packages/next/src/compiled/react/cjs/react.production.js @@ -539,4 +539,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-canary-ef889445-20250930"; +exports.version = "19.2.0-canary-548235db-20251001"; diff --git a/packages/next/src/compiled/react/cjs/react.react-server.development.js b/packages/next/src/compiled/react/cjs/react.react-server.development.js index 11a78eb62afc33..13a6472751eb91 100644 --- a/packages/next/src/compiled/react/cjs/react.react-server.development.js +++ b/packages/next/src/compiled/react/cjs/react.react-server.development.js @@ -844,5 +844,5 @@ exports.useMemo = function (create, deps) { return resolveDispatcher().useMemo(create, deps); }; - exports.version = "19.2.0-canary-ef889445-20250930"; + exports.version = "19.2.0-canary-548235db-20251001"; })(); diff --git a/packages/next/src/compiled/react/cjs/react.react-server.production.js b/packages/next/src/compiled/react/cjs/react.react-server.production.js index 795ff3fff38618..814fe6f603b2f0 100644 --- a/packages/next/src/compiled/react/cjs/react.react-server.production.js +++ b/packages/next/src/compiled/react/cjs/react.react-server.production.js @@ -420,4 +420,4 @@ exports.useId = function () { exports.useMemo = function (create, deps) { return ReactSharedInternals.H.useMemo(create, deps); }; -exports.version = "19.2.0-canary-ef889445-20250930"; +exports.version = "19.2.0-canary-548235db-20251001"; diff --git a/packages/next/src/compiled/unistore/unistore.js b/packages/next/src/compiled/unistore/unistore.js index 0dd1ac9d6a6104..6ef17f460900de 100644 --- a/packages/next/src/compiled/unistore/unistore.js +++ b/packages/next/src/compiled/unistore/unistore.js @@ -1 +1 @@ -(()=>{var t={954:t=>{function n(t,i){for(var _ in i)t[_]=i[_];return t}t.exports=function(t){var i=[];function u(t){for(var _=[],a=0;a{var t={249:t=>{function n(t,i){for(var _ in i)t[_]=i[_];return t}t.exports=function(t){var i=[];function u(t){for(var _=[],a=0;a { const decodedLines = groupCodeFrameLines(formatCodeFrame(codeFrame)) diff --git a/packages/next/src/next-devtools/dev-overlay/components/devtools-indicator/hooks/use-minimum-loading-time-multiple.ts b/packages/next/src/next-devtools/dev-overlay/components/devtools-indicator/hooks/use-minimum-loading-time-multiple.ts index b900142168ac0b..2ce22435db4322 100644 --- a/packages/next/src/next-devtools/dev-overlay/components/devtools-indicator/hooks/use-minimum-loading-time-multiple.ts +++ b/packages/next/src/next-devtools/dev-overlay/components/devtools-indicator/hooks/use-minimum-loading-time-multiple.ts @@ -31,7 +31,6 @@ export function useMinimumLoadingTimeMultiple( if (loadStartTimeRef.current === null) { loadStartTimeRef.current = Date.now() } - // eslint-disable-next-line react-hooks/set-state-in-effect -- TODO setIsLoading(true) } else { // If we're exiting the "loading" state: diff --git a/packages/next/src/next-devtools/dev-overlay/components/devtools-indicator/hooks/use-update-animation.ts b/packages/next/src/next-devtools/dev-overlay/components/devtools-indicator/hooks/use-update-animation.ts index b45b0742f4699d..92a30fecba042e 100644 --- a/packages/next/src/next-devtools/dev-overlay/components/devtools-indicator/hooks/use-update-animation.ts +++ b/packages/next/src/next-devtools/dev-overlay/components/devtools-indicator/hooks/use-update-animation.ts @@ -19,7 +19,6 @@ export function useUpdateAnimation( return } - // eslint-disable-next-line react-hooks/set-state-in-effect -- TODO setAnimate(true) // It is important to use a CSS transitioned state, not a CSS keyframed animation // because if the issue count increases faster than the animation duration, it diff --git a/packages/next/src/next-devtools/dev-overlay/components/devtools-panel/resize/resize-handle.tsx b/packages/next/src/next-devtools/dev-overlay/components/devtools-panel/resize/resize-handle.tsx index 529eec1c38a4e4..ad63a50e743bd0 100644 --- a/packages/next/src/next-devtools/dev-overlay/components/devtools-panel/resize/resize-handle.tsx +++ b/packages/next/src/next-devtools/dev-overlay/components/devtools-panel/resize/resize-handle.tsx @@ -76,7 +76,6 @@ export const ResizeHandle = ({ const borderBottom = parseFloat(computedStyle.borderBottomWidth) || 0 const borderLeft = parseFloat(computedStyle.borderLeftWidth) || 0 - // eslint-disable-next-line react-hooks/set-state-in-effect -- TODO setBorderWidths({ top: borderTop, right: borderRight, diff --git a/packages/next/src/next-devtools/dev-overlay/components/errors/dev-tools-indicator/drag-context.tsx b/packages/next/src/next-devtools/dev-overlay/components/errors/dev-tools-indicator/drag-context.tsx index a1466bcd30d355..1ce2293855eb19 100644 --- a/packages/next/src/next-devtools/dev-overlay/components/errors/dev-tools-indicator/drag-context.tsx +++ b/packages/next/src/next-devtools/dev-overlay/components/errors/dev-tools-indicator/drag-context.tsx @@ -39,9 +39,7 @@ export function DragProvider({ () => ({ register, unregister, - handles: - // eslint-disable-next-line react-hooks/refs -- TODO - handlesRef.current, + handles: handlesRef.current, disabled, }), [register, unregister, disabled] diff --git a/packages/next/src/next-devtools/dev-overlay/components/errors/error-message/error-message.tsx b/packages/next/src/next-devtools/dev-overlay/components/errors/error-message/error-message.tsx index 252d5be3733c67..58c4fafb65eeb1 100644 --- a/packages/next/src/next-devtools/dev-overlay/components/errors/error-message/error-message.tsx +++ b/packages/next/src/next-devtools/dev-overlay/components/errors/error-message/error-message.tsx @@ -13,7 +13,6 @@ export function ErrorMessage({ errorMessage }: ErrorMessageProps) { useLayoutEffect(() => { if (messageRef.current) { - // eslint-disable-next-line react-hooks/set-state-in-effect -- TODO setShouldTruncate(messageRef.current.scrollHeight > 200) } }, [errorMessage]) diff --git a/packages/next/src/next-devtools/dev-overlay/components/errors/error-overlay-call-stack/error-overlay-call-stack.tsx b/packages/next/src/next-devtools/dev-overlay/components/errors/error-overlay-call-stack/error-overlay-call-stack.tsx index 9e6d1d12e725e6..a4ed5d717b023f 100644 --- a/packages/next/src/next-devtools/dev-overlay/components/errors/error-overlay-call-stack/error-overlay-call-stack.tsx +++ b/packages/next/src/next-devtools/dev-overlay/components/errors/error-overlay-call-stack/error-overlay-call-stack.tsx @@ -37,7 +37,6 @@ export function ErrorOverlayCallStack({ dialog!.removeEventListener('transitionend', onTransitionEnd) setIsIgnoreListOpen(false) } - // eslint-disable-next-line react-hooks/immutability -- Bug in react-hooks/react-compiler dialog.style.height = `${initialDialogHeight.current}px` dialog.addEventListener('transitionend', onTransitionEnd) } else { diff --git a/packages/next/src/next-devtools/dev-overlay/components/overview/segment-boundary-trigger.tsx b/packages/next/src/next-devtools/dev-overlay/components/overview/segment-boundary-trigger.tsx index a824aa37440bba..828544ad793404 100644 --- a/packages/next/src/next-devtools/dev-overlay/components/overview/segment-boundary-trigger.tsx +++ b/packages/next/src/next-devtools/dev-overlay/components/overview/segment-boundary-trigger.tsx @@ -44,7 +44,6 @@ export function SegmentBoundaryTrigger({ () => { setIsOpen(false) }, - // eslint-disable-next-line react-hooks/refs -- TODO triggerRef.current?.ownerDocument ) diff --git a/packages/next/src/next-devtools/dev-overlay/components/overview/segment-explorer.tsx b/packages/next/src/next-devtools/dev-overlay/components/overview/segment-explorer.tsx index e8f9a21920dd44..36426fc172fb71 100644 --- a/packages/next/src/next-devtools/dev-overlay/components/overview/segment-explorer.tsx +++ b/packages/next/src/next-devtools/dev-overlay/components/overview/segment-explorer.tsx @@ -182,7 +182,6 @@ function PageSegmentTreeLayerPresentation({ node: SegmentTrieNode level: number }) { - // eslint-disable-next-line react-hooks/preserve-manual-memoization const childrenKeys = useMemo( () => Object.keys(node.children), [node.children] @@ -210,12 +209,7 @@ function PageSegmentTreeLayerPresentation({ return ( level === 0 && !existingBoundaries.includes(GLOBAL_ERROR_BOUNDARY_TYPE) ) - }, [ - node.children, - // eslint-disable-next-line react-hooks/preserve-manual-memoization -- it's not modified but dangerous to rely on disable directives. Talk to Compiler team once the other manual memo issues are fixed. - childrenKeys, - level, - ]) + }, [node.children, childrenKeys, level]) const sortedChildrenKeys = childrenKeys.sort((a, b) => { // Prioritize files with extensions over directories diff --git a/packages/next/src/next-devtools/dev-overlay/components/terminal/terminal.tsx b/packages/next/src/next-devtools/dev-overlay/components/terminal/terminal.tsx index 3ed79a3b1b6dc6..e7efb3a6b49793 100644 --- a/packages/next/src/next-devtools/dev-overlay/components/terminal/terminal.tsx +++ b/packages/next/src/next-devtools/dev-overlay/components/terminal/terminal.tsx @@ -61,23 +61,18 @@ function getEditorLinks(content: string) { export const Terminal: React.FC = function Terminal({ content, }) { - // eslint-disable-next-line react-hooks/preserve-manual-memoization -- compiler bug const { file, source, importTraceFiles } = React.useMemo( () => getEditorLinks(content), [content] ) - // eslint-disable-next-line react-hooks/preserve-manual-memoization -- compiler bug const decoded = React.useMemo(() => { return Anser.ansiToJson(source, { json: true, use_classes: true, remove_empty: true, }) - }, [ - // eslint-disable-next-line react-hooks/preserve-manual-memoization -- it's not modified but dangerous to rely on disable directives. Talk to Compiler team once the other manual memo issues are fixed. - source, - ]) + }, [source]) const open = useOpenInEditor({ file: file?.fileName, diff --git a/packages/next/src/next-devtools/dev-overlay/container/errors.tsx b/packages/next/src/next-devtools/dev-overlay/container/errors.tsx index e4270762f1362c..920ec190212c95 100644 --- a/packages/next/src/next-devtools/dev-overlay/container/errors.tsx +++ b/packages/next/src/next-devtools/dev-overlay/container/errors.tsx @@ -82,7 +82,6 @@ export function useErrorDetails( notes: string | null reactOutputComponentDiff: string | null } { - // eslint-disable-next-line react-hooks/preserve-manual-memoization -- compiler bug return useMemo(() => { if (error === undefined) { return noErrorDetails @@ -150,7 +149,6 @@ export function Errors({ return frames[firstFirstPartyFrameIndex] ?? null }, [frames]) - // eslint-disable-next-line react-hooks/preserve-manual-memoization -- compiler bug const generateErrorInfo = useCallback(() => { if (!activeError) return '' diff --git a/packages/next/src/next-devtools/dev-overlay/container/runtime-error/render-error.tsx b/packages/next/src/next-devtools/dev-overlay/container/runtime-error/render-error.tsx index 184fa6ee43653f..80a88b45762c63 100644 --- a/packages/next/src/next-devtools/dev-overlay/container/runtime-error/render-error.tsx +++ b/packages/next/src/next-devtools/dev-overlay/container/runtime-error/render-error.tsx @@ -41,7 +41,6 @@ const RenderRuntimeError = ({ children, state, isAppDir }: Props) => { [eventId: string]: ReadyRuntimeError }>({}) - // eslint-disable-next-line react-hooks/preserve-manual-memoization -- compiler bug const [runtimeErrors, nextError] = useMemo< [ReadyRuntimeError[], SupportedErrorEvent | null] >(() => { diff --git a/packages/next/src/next-devtools/dev-overlay/hooks/use-delayed-render.ts b/packages/next/src/next-devtools/dev-overlay/hooks/use-delayed-render.ts index 77c9724232c7ea..4653f2d83bc185 100644 --- a/packages/next/src/next-devtools/dev-overlay/hooks/use-delayed-render.ts +++ b/packages/next/src/next-devtools/dev-overlay/hooks/use-delayed-render.ts @@ -43,7 +43,6 @@ export function useDelayedRender(active = false, options: Options = {}) { let unmountTimeout: Timeout | undefined if (active) { - // eslint-disable-next-line react-hooks/set-state-in-effect -- intentional cascading update setMounted(true) if (enterDelay <= 0) { setRendered(true) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index eb757685b500ad..0e4c604f8eb8b4 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -17,10 +17,10 @@ overrides: '@types/react-dom': 19.1.7 '@types/retry': 0.12.0 jest-snapshot: 30.0.0-alpha.6 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 - react-is: 19.2.0-canary-ef889445-20250930 - scheduler: 0.27.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 + react-is: 19.2.0-canary-548235db-20251001 + scheduler: 0.27.0-canary-548235db-20251001 packageExtensionsChecksum: 2c0398c5f3e8ad5816061c5823d227e9 @@ -83,7 +83,7 @@ importers: version: 11.11.0 '@emotion/react': specifier: 11.11.1 - version: 11.11.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) + version: 11.11.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) '@fullhuman/postcss-purgecss': specifier: 1.3.0 version: 1.3.0 @@ -95,7 +95,7 @@ importers: version: 2.2.1(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))) '@mdx-js/react': specifier: 2.2.1 - version: 2.2.1(react@19.2.0-canary-ef889445-20250930) + version: 2.2.1(react@19.2.0-canary-548235db-20251001) '@next/bundle-analyzer': specifier: workspace:* version: link:packages/next-bundle-analyzer @@ -158,7 +158,7 @@ importers: version: 6.1.2(@jest/globals@29.7.0)(@types/jest@29.5.5)(jest@29.7.0(@types/node@20.17.6(patch_hash=rvl3vkomen3tospgr67bzubfyu))(babel-plugin-macros@3.1.0))(vitest@3.0.4(@types/node@20.17.6(patch_hash=rvl3vkomen3tospgr67bzubfyu))(jiti@2.5.1)(sass@1.54.0)(tsx@4.19.2)) '@testing-library/react': specifier: ^15.0.5 - version: 15.0.7(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) + version: 15.0.7(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) '@types/busboy': specifier: 1.5.3 version: 1.5.3 @@ -301,8 +301,8 @@ importers: specifier: 7.35.0 version: 7.35.0(eslint@9.12.0(jiti@2.5.1)) eslint-plugin-react-hooks: - specifier: 0.0.0-experimental-ef889445-20250930 - version: 0.0.0-experimental-ef889445-20250930(eslint@9.12.0(jiti@2.5.1)) + specifier: 0.0.0-experimental-548235db-20251001 + version: 0.0.0-experimental-548235db-20251001(eslint@9.12.0(jiti@2.5.1)) eslint-v8: specifier: npm:eslint@^8.57.0 version: eslint@8.57.1 @@ -478,44 +478,44 @@ importers: specifier: 0.3.0 version: 0.3.0 react: - specifier: 19.2.0-canary-ef889445-20250930 - version: 19.2.0-canary-ef889445-20250930 + specifier: 19.2.0-canary-548235db-20251001 + version: 19.2.0-canary-548235db-20251001 react-builtin: - specifier: npm:react@19.2.0-canary-ef889445-20250930 - version: react@19.2.0-canary-ef889445-20250930 + specifier: npm:react@19.2.0-canary-548235db-20251001 + version: react@19.2.0-canary-548235db-20251001 react-dom: - specifier: 19.2.0-canary-ef889445-20250930 - version: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + specifier: 19.2.0-canary-548235db-20251001 + version: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) react-dom-builtin: - specifier: npm:react-dom@19.2.0-canary-ef889445-20250930 - version: react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + specifier: npm:react-dom@19.2.0-canary-548235db-20251001 + version: react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) react-dom-experimental-builtin: - specifier: npm:react-dom@0.0.0-experimental-ef889445-20250930 - version: react-dom@0.0.0-experimental-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + specifier: npm:react-dom@0.0.0-experimental-548235db-20251001 + version: react-dom@0.0.0-experimental-548235db-20251001(react@19.2.0-canary-548235db-20251001) react-experimental-builtin: - specifier: npm:react@0.0.0-experimental-ef889445-20250930 - version: react@0.0.0-experimental-ef889445-20250930 + specifier: npm:react@0.0.0-experimental-548235db-20251001 + version: react@0.0.0-experimental-548235db-20251001 react-is-builtin: - specifier: npm:react-is@19.2.0-canary-ef889445-20250930 - version: react-is@19.2.0-canary-ef889445-20250930 + specifier: npm:react-is@19.2.0-canary-548235db-20251001 + version: react-is@19.2.0-canary-548235db-20251001 react-server-dom-turbopack: - specifier: 19.2.0-canary-ef889445-20250930 - version: 19.2.0-canary-ef889445-20250930(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) + specifier: 19.2.0-canary-548235db-20251001 + version: 19.2.0-canary-548235db-20251001(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) react-server-dom-turbopack-experimental: - specifier: npm:react-server-dom-turbopack@0.0.0-experimental-ef889445-20250930 - version: react-server-dom-turbopack@0.0.0-experimental-ef889445-20250930(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) + specifier: npm:react-server-dom-turbopack@0.0.0-experimental-548235db-20251001 + version: react-server-dom-turbopack@0.0.0-experimental-548235db-20251001(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) react-server-dom-webpack: - specifier: 19.2.0-canary-ef889445-20250930 - version: 19.2.0-canary-ef889445-20250930(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))) + specifier: 19.2.0-canary-548235db-20251001 + version: 19.2.0-canary-548235db-20251001(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))) react-server-dom-webpack-experimental: - specifier: npm:react-server-dom-webpack@0.0.0-experimental-ef889445-20250930 - version: react-server-dom-webpack@0.0.0-experimental-ef889445-20250930(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))) + specifier: npm:react-server-dom-webpack@0.0.0-experimental-548235db-20251001 + version: react-server-dom-webpack@0.0.0-experimental-548235db-20251001(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))) react-ssr-prepass: specifier: 1.0.8 - version: 1.0.8(react-is@19.2.0-canary-f508edc8-20250818)(react@19.2.0-canary-ef889445-20250930) + version: 1.0.8(react-is@19.2.0-canary-f508edc8-20250818)(react@19.2.0-canary-548235db-20251001) react-virtualized: specifier: 9.22.3 - version: 9.22.3(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) + version: 9.22.3(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) relay-compiler: specifier: 13.0.2 version: 13.0.2 @@ -538,11 +538,11 @@ importers: specifier: 0.15.2 version: 0.15.2 scheduler-builtin: - specifier: npm:scheduler@0.27.0-canary-ef889445-20250930 - version: scheduler@0.27.0-canary-ef889445-20250930 + specifier: npm:scheduler@0.27.0-canary-548235db-20251001 + version: scheduler@0.27.0-canary-548235db-20251001 scheduler-experimental-builtin: - specifier: npm:scheduler@0.0.0-experimental-ef889445-20250930 - version: scheduler@0.0.0-experimental-ef889445-20250930 + specifier: npm:scheduler@0.0.0-experimental-548235db-20251001 + version: scheduler@0.0.0-experimental-548235db-20251001 seedrandom: specifier: 3.0.5 version: 3.0.5 @@ -560,13 +560,13 @@ importers: version: 6.0.0 styled-jsx: specifier: 5.1.6 - version: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-ef889445-20250930) + version: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-548235db-20251001) styled-jsx-plugin-postcss: specifier: 3.0.2 version: 3.0.2 swr: specifier: ^2.2.4 - version: 2.2.4(react@19.2.0-canary-ef889445-20250930) + version: 2.2.4(react@19.2.0-canary-548235db-20251001) tailwindcss: specifier: 3.2.7 version: 3.2.7(postcss@8.4.31) @@ -617,22 +617,22 @@ importers: dependencies: fumadocs-core: specifier: 15.7.12 - version: 15.7.12(@types/react@19.1.14)(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(sass@1.77.8))(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) + version: 15.7.12(@types/react@19.1.14)(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(sass@1.77.8))(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) fumadocs-mdx: specifier: 11.10.0 - version: 11.10.0(fumadocs-core@15.7.12(@types/react@19.1.14)(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(sass@1.77.8))(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930))(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(sass@1.77.8))(react@19.2.0-canary-ef889445-20250930)(vite@6.2.5(@types/node@20.17.6(patch_hash=rvl3vkomen3tospgr67bzubfyu))(jiti@2.5.1)(sass@1.77.8)(tsx@4.19.2)) + version: 11.10.0(fumadocs-core@15.7.12(@types/react@19.1.14)(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(sass@1.77.8))(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001))(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(sass@1.77.8))(react@19.2.0-canary-548235db-20251001)(vite@6.2.5(@types/node@20.17.6(patch_hash=rvl3vkomen3tospgr67bzubfyu))(jiti@2.5.1)(sass@1.77.8)(tsx@4.19.2)) fumadocs-ui: specifier: 15.7.12 - version: 15.7.12(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(sass@1.77.8))(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(tailwindcss@4.1.13) + version: 15.7.12(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(sass@1.77.8))(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(tailwindcss@4.1.13) next: specifier: 15.5.3 - version: 15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(sass@1.77.8) + version: 15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(sass@1.77.8) react: - specifier: 19.2.0-canary-ef889445-20250930 - version: 19.2.0-canary-ef889445-20250930 + specifier: 19.2.0-canary-548235db-20251001 + version: 19.2.0-canary-548235db-20251001 react-dom: - specifier: 19.2.0-canary-ef889445-20250930 - version: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + specifier: 19.2.0-canary-548235db-20251001 + version: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) devDependencies: '@eslint/eslintrc': specifier: ^3 @@ -984,17 +984,17 @@ importers: specifier: 8.4.31 version: 8.4.31 react: - specifier: 19.2.0-canary-ef889445-20250930 - version: 19.2.0-canary-ef889445-20250930 + specifier: 19.2.0-canary-548235db-20251001 + version: 19.2.0-canary-548235db-20251001 react-dom: - specifier: 19.2.0-canary-ef889445-20250930 - version: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + specifier: 19.2.0-canary-548235db-20251001 + version: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) sass: specifier: ^1.3.0 version: 1.77.8 styled-jsx: specifier: 5.1.6 - version: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-ef889445-20250930) + version: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-548235db-20251001) optionalDependencies: sharp: specifier: ^0.34.4 @@ -1065,7 +1065,7 @@ importers: version: 7.27.0 '@base-ui-components/react': specifier: 1.0.0-beta.2 - version: 1.0.0-beta.2(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) + version: 1.0.0-beta.2(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) '@capsizecss/metrics': specifier: 3.4.0 version: 3.4.0 @@ -1134,13 +1134,13 @@ importers: version: 3.0.0(@swc/helpers@0.5.15)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.25.9)) '@storybook/blocks': specifier: 8.6.0 - version: 8.6.0(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(storybook@8.6.0(prettier@3.6.2)) + version: 8.6.0(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(storybook@8.6.0(prettier@3.6.2)) '@storybook/react': specifier: 8.6.0 - version: 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.6.2)))(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2) + version: 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.6.2)))(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2) '@storybook/react-webpack5': specifier: 8.6.0 - version: 8.6.0(@rspack/core@1.5.0(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.6.2)))(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.25.9)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2) + version: 8.6.0(@rspack/core@1.5.0(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.6.2)))(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.25.9)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2) '@storybook/test': specifier: 8.6.0 version: 8.6.0(storybook@8.6.0(prettier@3.6.2)) @@ -1626,7 +1626,7 @@ importers: version: 1.0.35 unistore: specifier: 3.4.1 - version: 3.4.1(react@19.2.0-canary-ef889445-20250930) + version: 3.4.1(react@19.2.0-canary-548235db-20251001) util: specifier: 0.12.4 version: 0.12.4 @@ -1793,8 +1793,8 @@ importers: packages/third-parties: dependencies: react: - specifier: 19.2.0-canary-ef889445-20250930 - version: 19.2.0-canary-ef889445-20250930 + specifier: 19.2.0-canary-548235db-20251001 + version: 19.2.0-canary-548235db-20251001 third-party-capital: specifier: 1.0.20 version: 1.0.20 @@ -1857,14 +1857,14 @@ importers: specifier: 29.5.0 version: 29.5.0 react: - specifier: 19.2.0-canary-ef889445-20250930 - version: 19.2.0-canary-ef889445-20250930 + specifier: 19.2.0-canary-548235db-20251001 + version: 19.2.0-canary-548235db-20251001 react-test-renderer: specifier: 18.2.0 - version: 18.2.0(react@19.2.0-canary-ef889445-20250930) + version: 18.2.0(react@19.2.0-canary-548235db-20251001) styled-jsx: specifier: ^5.1.2 - version: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-ef889445-20250930) + version: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-548235db-20251001) turbopack/packages/devlow-bench: dependencies: @@ -2762,8 +2762,8 @@ packages: engines: {node: '>=14.0.0'} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -2772,8 +2772,8 @@ packages: resolution: {integrity: sha512-9+uaWyF1o/PgXqHLJnC81IIG0HlV3o9eFCQ5hWZDMx5NHrFk0rrwqEFGQOB8lti/rnbxNPi+kYYw1D4e8xSn/Q==} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -2988,7 +2988,7 @@ packages: resolution: {integrity: sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==} peerDependencies: '@types/react': '*' - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -3005,7 +3005,7 @@ packages: '@emotion/use-insertion-effect-with-fallbacks@1.0.1': resolution: {integrity: sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 '@emotion/utils@1.2.1': resolution: {integrity: sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==} @@ -3536,20 +3536,20 @@ packages: '@floating-ui/react-dom@2.1.0': resolution: {integrity: sha512-lNzj5EQmEKn5FFKc04+zasr09h/uX8RtJRNj5gUXsSQIXHVWTVh+hVAg1vOMCexkX8EgvemMvIFpQfkosnVNyA==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 '@floating-ui/react-dom@2.1.5': resolution: {integrity: sha512-HDO/1/1oH9fjj4eLgegrlH3dklZpHtUYYFiVwMUwfGvk9jWDRWqkklA2/NFScknrcNSspbV868WjXORvreDX+Q==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 '@floating-ui/react@0.26.16': resolution: {integrity: sha512-HEf43zxZNAI/E781QIVpYSF3K2VH4TTYZpqecjdsFkjsaU1EbaWcM++kw0HXFffj7gDUcBFevX8s0rQGQpxkow==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 '@floating-ui/utils@0.2.10': resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==} @@ -4285,13 +4285,13 @@ packages: resolution: {integrity: sha512-l9ypojKN3PjwO1CSLIsqxi7mA25+7w+xc71Q+JuCCREI0tuGwkZsKbIOpuTATIJOjPh8ycLiW7QxX1LYsRTq6w==} peerDependencies: '@mantine/hooks': 7.10.1 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 '@mantine/hooks@7.11.2': resolution: {integrity: sha512-jhyVe/sbDEG2U8rr2lMecUPgQxcfr5hh9HazqGfkS7ZRIMDO7uJ947yAcTMGGkp5Lxtt5TBFt1Cb6tiB2/1agg==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 '@manypkg/find-root@1.1.0': resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==} @@ -4317,13 +4317,13 @@ packages: '@mdx-js/react@2.2.1': resolution: {integrity: sha512-YdXcMcEnqZhzql98RNrqYo9cEhTTesBiCclEtoiQUbJwx87q9453GTapYU6kJ8ZZ2ek1Vp25SiAXEFy5O/eAPw==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 '@mdx-js/react@3.1.0': resolution: {integrity: sha512-QjHtSaoameoalGnKDT3FoIl4+9RwyTmo9ZJGBdLOks/YOiWHoRDI3PUwEzOE7kEmGcV3AFcp9K6dYu9rEuKLAQ==} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 '@modelcontextprotocol/sdk@1.18.1': resolution: {integrity: sha512-d//GE8/Yh7aC3e7p+kZG8JqqEAwwDUmAfvH1quogtbk+ksS6E0RR6toKKESPYYZVre0meqkJb27zb+dhqE9Sgw==} @@ -4746,8 +4746,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4759,8 +4759,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4772,8 +4772,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4785,8 +4785,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4797,7 +4797,7 @@ packages: resolution: {integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4806,7 +4806,7 @@ packages: resolution: {integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4816,8 +4816,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4828,7 +4828,7 @@ packages: resolution: {integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4838,8 +4838,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4850,7 +4850,7 @@ packages: resolution: {integrity: sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4860,8 +4860,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4872,7 +4872,7 @@ packages: resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4882,8 +4882,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4895,8 +4895,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4908,8 +4908,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4921,8 +4921,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4934,8 +4934,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4947,8 +4947,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4960,8 +4960,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4973,8 +4973,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4985,7 +4985,7 @@ packages: resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -4995,8 +4995,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -5007,7 +5007,7 @@ packages: resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -5016,7 +5016,7 @@ packages: resolution: {integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -5025,7 +5025,7 @@ packages: resolution: {integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -5034,7 +5034,7 @@ packages: resolution: {integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -5043,7 +5043,7 @@ packages: resolution: {integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -5052,7 +5052,7 @@ packages: resolution: {integrity: sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -5061,7 +5061,7 @@ packages: resolution: {integrity: sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -5070,7 +5070,7 @@ packages: resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -5080,8 +5080,8 @@ packages: peerDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -5459,8 +5459,8 @@ packages: '@storybook/blocks@8.6.0': resolution: {integrity: sha512-3PNxlB5Ooj8CIhttbDxeV6kW7ui+2GEdTngtqhnsUHVjzeTKpilsk2lviOeUzqlyq5FDK+rhpZ3L3DJ9pDvioA==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 storybook: ^8.6.0 peerDependenciesMeta: react: @@ -5510,8 +5510,8 @@ packages: resolution: {integrity: sha512-Nz/UzeYQdUZUhacrPyfkiiysSjydyjgg/p0P9HxB4p/WaJUUjMAcaoaLgy3EXx61zZJ3iD36WPuDkZs5QYrA0A==} engines: {node: '>=14.0.0'} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 '@storybook/instrumenter@8.6.0': resolution: {integrity: sha512-eEY/Hfa3Vj5Nv4vHRHlSqjoyW6oAKNK3rKIXfL/eawQwb7rKhzijDLG5YBH44Hh7dEPIqUp0LEdgpyIY7GXezg==} @@ -5527,8 +5527,8 @@ packages: resolution: {integrity: sha512-04T86VG0UJtiozgZkTR5sY1qM3E0Rgwqwllvyy7kFFdkV+Sv/VsPjW9sC38s9C8FtCYRL8pJZz81ey3oylpIMA==} engines: {node: '>=18.0.0'} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 storybook: ^8.6.0 typescript: '*' peerDependenciesMeta: @@ -5549,16 +5549,16 @@ packages: '@storybook/react-dom-shim@8.6.0': resolution: {integrity: sha512-5Y+vMHhcx0xnaNsLQMbkmjc3zkDn/fGBNsiLH2e4POvW3ZQvOxjoyxAsEQaKwLtFgsdCFSd2tR89F6ItYrA2JQ==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 storybook: ^8.6.0 '@storybook/react-webpack5@8.6.0': resolution: {integrity: sha512-2L9CYDPn1OL0B8K5EU/Wpo9Slg8f0vkYPaPioQnmcK3Q4SJR4JAuDVWHUtNdxhaPOkHIy887Tfrf6BEC/blMaQ==} engines: {node: '>=18.0.0'} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 storybook: ^8.6.0 typescript: '>= 4.2.x' peerDependenciesMeta: @@ -5570,8 +5570,8 @@ packages: engines: {node: '>=18.0.0'} peerDependencies: '@storybook/test': 8.6.0 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 storybook: ^8.6.0 typescript: '>= 4.2.x' peerDependenciesMeta: @@ -5839,8 +5839,8 @@ packages: engines: {node: '>=18'} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -9284,8 +9284,8 @@ packages: peerDependencies: eslint: '>=8.0.0' - eslint-plugin-react-hooks@0.0.0-experimental-ef889445-20250930: - resolution: {integrity: sha512-A2QyFT5WZnasEo4p+Iw+8z+r0YNqPmf8fX3NEZMSPH6DeYmfZ1AF+sWQ3YSlNLsjtKIRUcmzXTrKeyHxV81SJA==} + eslint-plugin-react-hooks@0.0.0-experimental-548235db-20251001: + resolution: {integrity: sha512-/doZf7Qq2FcOHoIOe1GRy2OQRtjzhSJpHt3vUZFD62efpXhNTcnlbKPKOQycQIZsdG3XOlMmsRJfv8/HURLZxg==} engines: {node: '>=18'} peerDependencies: eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 @@ -9948,8 +9948,8 @@ packages: '@types/react': 19.1.14 algoliasearch: 5.x.x next: 14.x.x || 15.x.x - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 react-router: 7.x.x waku: ^0.26.0 peerDependenciesMeta: @@ -9981,7 +9981,7 @@ packages: '@fumadocs/mdx-remote': ^1.4.0 fumadocs-core: ^14.0.0 || ^15.0.0 next: ^15.3.0 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 vite: 6.x.x || 7.x.x peerDependenciesMeta: '@fumadocs/mdx-remote': @@ -9998,8 +9998,8 @@ packages: peerDependencies: '@types/react': 19.1.14 next: 14.x.x || 15.x.x - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 tailwindcss: ^3.4.14 || ^4.0.0 peerDependenciesMeta: '@types/react': @@ -12218,7 +12218,7 @@ packages: lucide-react@0.383.0: resolution: {integrity: sha512-13xlG0CQCJtzjSQYwwJ3WRqMHtRj3EXmLlorrARt7y+IHnxUCp3XyFNL1DfaGySWxHObDvnu1u1dV+0VMKHUSg==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 lz-string@1.5.0: resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==} @@ -12996,8 +12996,8 @@ packages: next-themes@0.4.6: resolution: {integrity: sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 next-tick@1.0.0: resolution: {integrity: sha512-mc/caHeUcdjnC/boPWJefDr4KUIWQNv+tlnFnJd38QMou86QtxQzBJfxgGRzvx8jazYRqrVlaHarfO72uNxPOg==} @@ -13010,8 +13010,8 @@ packages: '@opentelemetry/api': ^1.1.0 '@playwright/test': ^1.51.1 babel-plugin-react-compiler: '*' - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 sass: ^1.3.0 peerDependenciesMeta: '@opentelemetry/api': @@ -14870,23 +14870,23 @@ packages: resolution: {integrity: sha512-APPU8HB2uZnpl6Vt/+0AFoVYgSRtfiP6FLrZgPPTDmqSb2R4qZRbgd0A3VzIFxDt5e+Fozjx79WjLWnF69DK8g==} engines: {node: '>=16.14.0'} - react-dom@0.0.0-experimental-ef889445-20250930: - resolution: {integrity: sha512-NxFoE259P9Ndg+M/JKTbNYdMQ0qc7DWvLrw4xsge2rOxJXxK5a+SmfAjteXJJIddSZHM/+c+hKGcaYFa3WJ2iQ==} + react-dom@0.0.0-experimental-548235db-20251001: + resolution: {integrity: sha512-dSxMRONx0bcD8jnONfvGAzgViV0aZ0UTWOvgOW9SvfaXe/7shCt25TR360lrvL1pcbb5ZSGIXoBOWMVge7nAzA==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 - react-dom@19.2.0-canary-ef889445-20250930: - resolution: {integrity: sha512-vfWS9SEC8vcJXX+sO6SjG3VI0dWjKgRsDVeBtJcdFXGQo2Epp7c9Xh/Z41EFnc1ClwIokWH2dwYbCr4zyK+pGQ==} + react-dom@19.2.0-canary-548235db-20251001: + resolution: {integrity: sha512-ZPSa5rFm3j92xs8/iP2dmJDeW+9jN2KPaVXkHohlfv6WOyyBzg21GNT7a53n7qEb1HW3woKgIqT9TS4Cx5uKwA==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 react-dom@19.2.0-canary-f508edc8-20250818: resolution: {integrity: sha512-VX2+WGj5PLJRgWTc+JWJqJ1wv0qY3dQ7HiD3haXUInV+XtuQ46kxdc7VuWvHCiNdMWIbx2GdBDdz4qfQJPvuZQ==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 - react-is@19.2.0-canary-ef889445-20250930: - resolution: {integrity: sha512-Q9SzIN052RvpEuIDIXbwbAIINbxqM8zriu8xoP76MpAWh/owGxw0fDATmJjizEpuyytU4TARrTmO8vIw5Vw3qQ==} + react-is@19.2.0-canary-548235db-20251001: + resolution: {integrity: sha512-N8zEDCZeGdcFwkXDHqqhhlZ3B4ZZxXng5hkSGPMN+/8jy4sJE1vwHQStLy5oqaT7jO/doBQlY2Uq1R8d2RxT+w==} react-is@19.2.0-canary-f508edc8-20250818: resolution: {integrity: sha512-Q91V1D1ZvqPsYHT4L9R/A76QSStLct3znvku9dmrtOTtrcAKzSLFRiW8agL0vPH4lVtBuiLRLtbyq/HHYWF1PQ==} @@ -14897,14 +14897,14 @@ packages: react-medium-image-zoom@5.3.0: resolution: {integrity: sha512-RCIzVlsKqy3BYgGgYbolUfuvx0aSKC7YhX/IJGEp+WJxsqdIVYJHkBdj++FAj6VD7RiWj6VVmdCfa/9vJE9hZg==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 react-number-format@5.4.0: resolution: {integrity: sha512-NWdICrqLhI7rAS8yUeLVd6Wr4cN7UjJ9IBTS0f/a9i7UB4x4Ti70kGnksBtZ7o4Z7YRbvCMMR/jQmkoOBa/4fg==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 react-refresh@0.12.0: resolution: {integrity: sha512-suLIhrU2IHKL5JEKR/fAwJv7bbeq4kJ+pJopf77jHwuR+HmJS/HbrPIGsTBUVfw7tXPOmYv7UJ7PCaN49e8x4A==} @@ -14915,7 +14915,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -14925,7 +14925,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -14935,7 +14935,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -14945,58 +14945,58 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true - react-server-dom-turbopack@0.0.0-experimental-ef889445-20250930: - resolution: {integrity: sha512-ev8CeYbPnd2zI95Q2+tav1z0OoC4mIpUoJiStqh32LPKTyyqviqBiVhFpp6n1+uckNMLRx8yR/SWuNto274amw==} + react-server-dom-turbopack@0.0.0-experimental-548235db-20251001: + resolution: {integrity: sha512-6wW2NSAnqPxtobu+0cD4iRd6aQ1VIrRDDL1DSXwie8rAzqLRMM3/HaMJ4HcxWCJ9HxwOuW1p7V+TwxB+h2u6/w==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 - react-server-dom-turbopack@19.2.0-canary-ef889445-20250930: - resolution: {integrity: sha512-O6o8q8VzmXexIybr6aa8SiayaVp8/FUzoVA5zJE2oNyQdpyGfputKMSOnFzv7wSVHs0k122pyBwaB+fBJxWJHg==} + react-server-dom-turbopack@19.2.0-canary-548235db-20251001: + resolution: {integrity: sha512-iqHRQEfU85XzJBlmXqxX+jlyuDSFdfuqfij9hrAW1fxSqmTacmFfY2R7sasnMGIJVPtSc+t2tSyyfuKKYA8OHg==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 - react-server-dom-webpack@0.0.0-experimental-ef889445-20250930: - resolution: {integrity: sha512-pAdGdoQfzf4LdfkVYUSxoaP7pus7/6CFDDhmJWg9FSJLBLWgh27wdedzRn6rIfSd8wZtADG0u9jru2ADT8W4fw==} + react-server-dom-webpack@0.0.0-experimental-548235db-20251001: + resolution: {integrity: sha512-BunCi+B9yUUTw42b6d0dmyo1gv8i6SmLKpg7L1tIAr+xGFKOBQ8GHdlqlvVmU21KKSdAB/N9vmVhromm3guYkQ==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 webpack: 5.98.0 - react-server-dom-webpack@19.2.0-canary-ef889445-20250930: - resolution: {integrity: sha512-5J/Yx6XL+7MoNpyT/Se2v74NpAQmBGqLUq8xI2ZvoBSCCMe45eLCQdHYQdoIBWd6ac53XP/oIK4OCV28s8CORg==} + react-server-dom-webpack@19.2.0-canary-548235db-20251001: + resolution: {integrity: sha512-FcRgwNPoC77mU7e9bAWv+9paQNEHeI7PVXOVYJwMli7/vU1VQCUjDiUbcqhbinQ7+9hjXPglYvi8U3pYWJRRVg==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 webpack: 5.98.0 react-shallow-renderer@16.15.0: resolution: {integrity: sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 react-ssr-prepass@1.0.8: resolution: {integrity: sha512-O0gfRA1SaK+9ITKxqfnXsej2jF+OHGP/+GxD4unROQaM/0/UczGF9fuF+wTboxaQoKdIf4FvS3h/OigWh704VA==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-is: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-is: 19.2.0-canary-548235db-20251001 react-style-singleton@2.2.1: resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==} engines: {node: '>=10'} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -15006,7 +15006,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -15014,26 +15014,26 @@ packages: react-test-renderer@18.2.0: resolution: {integrity: sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 react-textarea-autosize@8.5.3: resolution: {integrity: sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==} engines: {node: '>=10'} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 react-virtualized@9.22.3: resolution: {integrity: sha512-MKovKMxWTcwPSxE1kK1HcheQTWfuCxAuBoSTf2gwyMM21NdX/PXUhnoP8Uc5dRKd+nKm8v41R36OellhdCpkrw==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001 - react@0.0.0-experimental-ef889445-20250930: - resolution: {integrity: sha512-KVwhRIlvwh/FD8PVHkSlosAP9+PhHW2U63RJOteZaYgZv5OTRgXPZkKwelcWwAqcntntLjqH8LaYsTnGWOY2CQ==} + react@0.0.0-experimental-548235db-20251001: + resolution: {integrity: sha512-xV1jSl6N/svV917ZuSNsAAC95AmZEfHuwWK1gfb++U6siIY2fBPe9UMMudmPBn0zmt30l35wu+ZeTuwrKLRhSA==} engines: {node: '>=0.10.0'} - react@19.2.0-canary-ef889445-20250930: - resolution: {integrity: sha512-qSbZbJm9I0jHDqH/0e55RaDi+Igsj3bMluyo1WdaumNf77rbEJbtawIdUCF2PEmK/2Fjh10RAcwEbCn5ncMzFg==} + react@19.2.0-canary-548235db-20251001: + resolution: {integrity: sha512-tz/CENaRx1QH8OhIugxa3Y1Ox8MH+PRI8NdcKIn8kzDaj/i0+AOdByaNzc9NJc8twTa23dy0J/XF52PsAm7QrA==} engines: {node: '>=0.10.0'} react@19.2.0-canary-f508edc8-20250818: @@ -15641,11 +15641,11 @@ packages: resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==} engines: {node: '>=v12.22.7'} - scheduler@0.0.0-experimental-ef889445-20250930: - resolution: {integrity: sha512-nQrKdca1hhFcnUJt4hEGd5NSzp4mJxqtUB+B6XYq+Ju5RBGqselw7+LHYkAcuxycYzhGNqQN9fVx5Qimsgi2Hg==} + scheduler@0.0.0-experimental-548235db-20251001: + resolution: {integrity: sha512-y04r/lW8zxhoMpXWKbU+W3cUAkSylx2F/nrao73n1x6Q4v3dWIXGn1UPlR/e97jCgf7g0XUHngmDypHt1kIWHw==} - scheduler@0.27.0-canary-ef889445-20250930: - resolution: {integrity: sha512-dFCuGfQn/DPV1M2TbVv0xoqgo46znrIVJ3oO+k/LHvEcUREJb2e7ZAQllSkHfWu7bHJ1KxlgQi1ina9kaSXReA==} + scheduler@0.27.0-canary-548235db-20251001: + resolution: {integrity: sha512-lx1g4XnFpjD9084WzgK48Ucfv9Xa6X4xfTwOm/a60ERcoO63wN7hsp5PO1mwobBLQEKe+1tJ8gEZw0zYm3XC4w==} schema-utils@2.7.1: resolution: {integrity: sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==} @@ -16338,7 +16338,7 @@ packages: peerDependencies: '@babel/core': '*' babel-plugin-macros: '*' - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@babel/core': optional: true @@ -16419,7 +16419,7 @@ packages: swr@2.2.4: resolution: {integrity: sha512-njiZ/4RiIhoOlAaLYDqwz5qH/KZXVilRLvomrx83HjzCWTfa+InyfAjv05PSFxnmLzZkNO9ZfvgoqzAaEI4sGQ==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 symbol-observable@1.0.1: resolution: {integrity: sha512-Kb3PrPYz4HanVF1LVGuAdW6LoVgIwjUYJGzFe7NDrBLCN4lsV/5J0MFurV+ygS4bRVwrCEt2c7MQ1R2a72oJDw==} @@ -17230,7 +17230,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -17240,7 +17240,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -17248,13 +17248,13 @@ packages: use-composed-ref@1.3.0: resolution: {integrity: sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 use-isomorphic-layout-effect@1.1.2: resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==} peerDependencies: '@types/react': '*' - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -17263,7 +17263,7 @@ packages: resolution: {integrity: sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==} peerDependencies: '@types/react': '*' - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -17273,7 +17273,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -17283,7 +17283,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 peerDependenciesMeta: '@types/react': optional: true @@ -17291,12 +17291,12 @@ packages: use-sync-external-store@1.2.0: resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 use-sync-external-store@1.5.0: resolution: {integrity: sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==} peerDependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 util-deprecate@1.0.2: resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==} @@ -18957,28 +18957,28 @@ snapshots: '@babel/helper-string-parser': 7.25.9 '@babel/helper-validator-identifier': 7.25.9 - '@base-ui-components/react@1.0.0-beta.2(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@base-ui-components/react@1.0.0-beta.2(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: '@babel/runtime': 7.27.6 - '@base-ui-components/utils': 0.1.0(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@floating-ui/react-dom': 2.1.5(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) + '@base-ui-components/utils': 0.1.0(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@floating-ui/react-dom': 2.1.5(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) '@floating-ui/utils': 0.2.10 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) reselect: 5.1.1 tabbable: 6.2.0 - use-sync-external-store: 1.5.0(react@19.2.0-canary-ef889445-20250930) + use-sync-external-store: 1.5.0(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 - '@base-ui-components/utils@0.1.0(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@base-ui-components/utils@0.1.0(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: '@babel/runtime': 7.27.6 '@floating-ui/utils': 0.2.10 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) reselect: 5.1.1 - use-sync-external-store: 1.5.0(react@19.2.0-canary-ef889445-20250930) + use-sync-external-store: 1.5.0(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 @@ -19311,17 +19311,17 @@ snapshots: '@emotion/memoize@0.8.1': {} - '@emotion/react@11.11.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930)': + '@emotion/react@11.11.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001)': dependencies: '@babel/runtime': 7.27.0 '@emotion/babel-plugin': 11.11.0 '@emotion/cache': 11.11.0 '@emotion/serialize': 1.1.2 - '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.2.0-canary-ef889445-20250930) + '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.2.0-canary-548235db-20251001) '@emotion/utils': 1.2.1 '@emotion/weak-memoize': 0.3.1 hoist-non-react-statics: 3.3.2 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 optionalDependencies: '@types/react': 19.1.14 transitivePeerDependencies: @@ -19339,9 +19339,9 @@ snapshots: '@emotion/unitless@0.8.1': {} - '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.2.0-canary-ef889445-20250930)': + '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.2.0-canary-548235db-20251001)': dependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 '@emotion/utils@1.2.1': {} @@ -19800,11 +19800,11 @@ snapshots: react: 19.2.0-canary-f508edc8-20250818 react-dom: 19.2.0-canary-f508edc8-20250818(react@19.2.0-canary-f508edc8-20250818) - '@floating-ui/react-dom@2.1.5(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@floating-ui/react-dom@2.1.5(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: '@floating-ui/dom': 1.7.3 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) '@floating-ui/react@0.26.16(react-dom@19.2.0-canary-f508edc8-20250818(react@19.2.0-canary-f508edc8-20250818))(react@19.2.0-canary-f508edc8-20250818)': dependencies: @@ -21001,11 +21001,11 @@ snapshots: transitivePeerDependencies: - supports-color - '@mdx-js/react@2.2.1(react@19.2.0-canary-ef889445-20250930)': + '@mdx-js/react@2.2.1(react@19.2.0-canary-548235db-20251001)': dependencies: '@types/mdx': 2.0.13 '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 '@mdx-js/react@2.2.1(react@19.2.0-canary-f508edc8-20250818)': dependencies: @@ -21013,11 +21013,11 @@ snapshots: '@types/react': 19.1.14 react: 19.2.0-canary-f508edc8-20250818 - '@mdx-js/react@3.1.0(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930)': + '@mdx-js/react@3.1.0(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001)': dependencies: '@types/mdx': 2.0.13 '@types/react': 19.1.14 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 '@modelcontextprotocol/sdk@1.18.1': dependencies: @@ -21550,345 +21550,345 @@ snapshots: '@radix-ui/primitive@1.1.3': {} - '@radix-ui/react-accordion@1.2.12(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-accordion@1.2.12(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: '@radix-ui/primitive': 1.1.3 - '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-direction': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-id': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-direction': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-id': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) - '@radix-ui/react-arrow@1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-arrow@1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: - '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) - '@radix-ui/react-collapsible@1.1.12(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-collapsible@1.1.12(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: '@radix-ui/primitive': 1.1.3 - '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-id': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-id': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) - '@radix-ui/react-collection@1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-collection@1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: - '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-slot': 1.2.3(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-slot': 1.2.3(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) - '@radix-ui/react-compose-refs@1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-compose-refs@1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001)': dependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 optionalDependencies: '@types/react': 19.1.14 - '@radix-ui/react-context@1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-context@1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001)': dependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 optionalDependencies: '@types/react': 19.1.14 - '@radix-ui/react-dialog@1.1.15(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-dialog@1.1.15(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: '@radix-ui/primitive': 1.1.3 - '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-id': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-slot': 1.2.3(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-id': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-slot': 1.2.3(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) aria-hidden: 1.2.6 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) - react-remove-scroll: 2.7.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) + react-remove-scroll: 2.7.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) - '@radix-ui/react-direction@1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-direction@1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001)': dependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 optionalDependencies: '@types/react': 19.1.14 - '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: '@radix-ui/primitive': 1.1.3 - '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) - '@radix-ui/react-focus-guards@1.1.3(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-focus-guards@1.1.3(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001)': dependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 optionalDependencies: '@types/react': 19.1.14 - '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: - '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) - '@radix-ui/react-id@1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-id@1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001)': dependencies: - '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 + '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 optionalDependencies: '@types/react': 19.1.14 - '@radix-ui/react-navigation-menu@1.2.14(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-navigation-menu@1.2.14(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: '@radix-ui/primitive': 1.1.3 - '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-direction': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-id': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-previous': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-direction': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-id': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-previous': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) - '@radix-ui/react-popover@1.1.15(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-popover@1.1.15(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: '@radix-ui/primitive': 1.1.3 - '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-id': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-slot': 1.2.3(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-focus-guards': 1.1.3(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-id': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-popper': 1.2.8(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-slot': 1.2.3(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) aria-hidden: 1.2.6 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) - react-remove-scroll: 2.7.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) + react-remove-scroll: 2.7.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) - '@radix-ui/react-popper@1.2.8(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': - dependencies: - '@floating-ui/react-dom': 2.1.5(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-rect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-size': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-popper@1.2.8(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': + dependencies: + '@floating-ui/react-dom': 2.1.5(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-arrow': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-rect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-size': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) '@radix-ui/rect': 1.1.1 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) - '@radix-ui/react-portal@1.1.9(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-portal@1.1.9(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: - '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) - '@radix-ui/react-presence@1.1.5(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-presence@1.1.5(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: - '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) - '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-primitive@2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: - '@radix-ui/react-slot': 1.2.3(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-slot': 1.2.3(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) - '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: '@radix-ui/primitive': 1.1.3 - '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-direction': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-id': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-direction': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-id': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) - '@radix-ui/react-scroll-area@1.2.10(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-scroll-area@1.2.10(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: '@radix-ui/number': 1.1.1 '@radix-ui/primitive': 1.1.3 - '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-direction': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-direction': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) - '@radix-ui/react-slot@1.2.3(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-slot@1.2.3(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001)': dependencies: - '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 + '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 optionalDependencies: '@types/react': 19.1.14 - '@radix-ui/react-tabs@1.1.13(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-tabs@1.1.13(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: '@radix-ui/primitive': 1.1.3 - '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-direction': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-id': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-context': 1.1.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-direction': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-id': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) - '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001)': dependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 optionalDependencies: '@types/react': 19.1.14 - '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-use-controllable-state@1.2.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001)': dependencies: - '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 + '@radix-ui/react-use-effect-event': 0.0.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 optionalDependencies: '@types/react': 19.1.14 - '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-use-effect-event@0.0.2(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001)': dependencies: - '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 + '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 optionalDependencies: '@types/react': 19.1.14 - '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001)': dependencies: - '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 + '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 optionalDependencies: '@types/react': 19.1.14 - '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-use-layout-effect@1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001)': dependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 optionalDependencies: '@types/react': 19.1.14 - '@radix-ui/react-use-previous@1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-use-previous@1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001)': dependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 optionalDependencies: '@types/react': 19.1.14 - '@radix-ui/react-use-rect@1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-use-rect@1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001)': dependencies: '@radix-ui/rect': 1.1.1 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 optionalDependencies: '@types/react': 19.1.14 - '@radix-ui/react-use-size@1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-use-size@1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001)': dependencies: - '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 + '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 optionalDependencies: '@types/react': 19.1.14 - '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: - '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 '@types/react-dom': 19.1.7(@types/react@19.1.14) @@ -22212,12 +22212,12 @@ snapshots: '@storybook/addon-docs@8.6.0(@types/react@19.1.14)(storybook@8.6.0(prettier@3.6.2))': dependencies: - '@mdx-js/react': 3.1.0(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@storybook/blocks': 8.6.0(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(storybook@8.6.0(prettier@3.6.2)) + '@mdx-js/react': 3.1.0(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@storybook/blocks': 8.6.0(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(storybook@8.6.0(prettier@3.6.2)) '@storybook/csf-plugin': 8.6.0(storybook@8.6.0(prettier@3.6.2)) - '@storybook/react-dom-shim': 8.6.0(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(storybook@8.6.0(prettier@3.6.2)) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + '@storybook/react-dom-shim': 8.6.0(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(storybook@8.6.0(prettier@3.6.2)) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) storybook: 8.6.0(prettier@3.6.2) ts-dedent: 2.2.0 transitivePeerDependencies: @@ -22282,14 +22282,14 @@ snapshots: - '@swc/helpers' - webpack - '@storybook/blocks@8.6.0(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(storybook@8.6.0(prettier@3.6.2))': + '@storybook/blocks@8.6.0(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(storybook@8.6.0(prettier@3.6.2))': dependencies: - '@storybook/icons': 1.3.0(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) + '@storybook/icons': 1.3.0(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) storybook: 8.6.0(prettier@3.6.2) ts-dedent: 2.2.0 optionalDependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) '@storybook/builder-webpack5@8.6.0(@rspack/core@1.5.0(@swc/helpers@0.5.15))(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.25.9)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2)': dependencies: @@ -22368,10 +22368,10 @@ snapshots: '@storybook/global@5.0.0': {} - '@storybook/icons@1.3.0(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@storybook/icons@1.3.0(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) '@storybook/instrumenter@8.6.0(storybook@8.6.0(prettier@3.6.2))': dependencies: @@ -22383,17 +22383,17 @@ snapshots: dependencies: storybook: 8.6.0(prettier@3.6.2) - '@storybook/preset-react-webpack@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.6.2)))(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.25.9)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2)': + '@storybook/preset-react-webpack@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.6.2)))(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.25.9)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2)': dependencies: '@storybook/core-webpack': 8.6.0(storybook@8.6.0(prettier@3.6.2)) - '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.6.2)))(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2) + '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.6.2)))(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2) '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@5.9.2)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.25.9)) '@types/semver': 7.5.6 find-up: 5.0.0 magic-string: 0.30.17 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 react-docgen: 7.1.0 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) resolve: 1.22.10 semver: 7.6.3 storybook: 8.6.0(prettier@3.6.2) @@ -22427,19 +22427,19 @@ snapshots: transitivePeerDependencies: - supports-color - '@storybook/react-dom-shim@8.6.0(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(storybook@8.6.0(prettier@3.6.2))': + '@storybook/react-dom-shim@8.6.0(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(storybook@8.6.0(prettier@3.6.2))': dependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) storybook: 8.6.0(prettier@3.6.2) - '@storybook/react-webpack5@8.6.0(@rspack/core@1.5.0(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.6.2)))(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.25.9)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2)': + '@storybook/react-webpack5@8.6.0(@rspack/core@1.5.0(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.6.2)))(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.25.9)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2)': dependencies: '@storybook/builder-webpack5': 8.6.0(@rspack/core@1.5.0(@swc/helpers@0.5.15))(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.25.9)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2) - '@storybook/preset-react-webpack': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.6.2)))(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.25.9)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2) - '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.6.2)))(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + '@storybook/preset-react-webpack': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.6.2)))(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.25.9)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2) + '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.6.2)))(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) storybook: 8.6.0(prettier@3.6.2) optionalDependencies: typescript: 5.9.2 @@ -22452,16 +22452,16 @@ snapshots: - uglify-js - webpack-cli - '@storybook/react@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.6.2)))(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2)': + '@storybook/react@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.6.2)))(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(storybook@8.6.0(prettier@3.6.2))(typescript@5.9.2)': dependencies: '@storybook/components': 8.6.0(storybook@8.6.0(prettier@3.6.2)) '@storybook/global': 5.0.0 '@storybook/manager-api': 8.6.0(storybook@8.6.0(prettier@3.6.2)) '@storybook/preview-api': 8.6.0(storybook@8.6.0(prettier@3.6.2)) - '@storybook/react-dom-shim': 8.6.0(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(storybook@8.6.0(prettier@3.6.2)) + '@storybook/react-dom-shim': 8.6.0(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(storybook@8.6.0(prettier@3.6.2)) '@storybook/theming': 8.6.0(storybook@8.6.0(prettier@3.6.2)) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) storybook: 8.6.0(prettier@3.6.2) optionalDependencies: '@storybook/test': 8.6.0(storybook@8.6.0(prettier@3.6.2)) @@ -22740,13 +22740,13 @@ snapshots: lodash: 4.17.21 redent: 3.0.0 - '@testing-library/react@15.0.7(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)': + '@testing-library/react@15.0.7(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)': dependencies: '@babel/runtime': 7.27.0 '@testing-library/dom': 10.1.0 '@types/react-dom': 19.1.7(@types/react@19.1.14) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 @@ -26973,7 +26973,7 @@ snapshots: - bluebird - supports-color - eslint-plugin-react-hooks@0.0.0-experimental-ef889445-20250930(eslint@9.12.0(jiti@2.5.1)): + eslint-plugin-react-hooks@0.0.0-experimental-548235db-20251001(eslint@9.12.0(jiti@2.5.1)): dependencies: '@babel/core': 7.26.10 '@babel/parser': 7.27.0 @@ -28018,7 +28018,7 @@ snapshots: fsevents@2.3.3: optional: true - fumadocs-core@15.7.12(@types/react@19.1.14)(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(sass@1.77.8))(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930): + fumadocs-core@15.7.12(@types/react@19.1.14)(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(sass@1.77.8))(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001): dependencies: '@formatjs/intl-localematcher': 0.6.1 '@orama/orama': 3.1.13 @@ -28030,7 +28030,7 @@ snapshots: image-size: 2.0.2 negotiator: 1.0.0 npm-to-yarn: 3.0.1 - react-remove-scroll: 2.7.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) + react-remove-scroll: 2.7.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) remark: 15.0.1 remark-gfm: 4.0.1 remark-rehype: 11.1.2 @@ -28039,20 +28039,20 @@ snapshots: unist-util-visit: 5.0.0 optionalDependencies: '@types/react': 19.1.14 - next: 15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(sass@1.77.8) - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + next: 15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(sass@1.77.8) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) transitivePeerDependencies: - supports-color - fumadocs-mdx@11.10.0(fumadocs-core@15.7.12(@types/react@19.1.14)(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(sass@1.77.8))(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930))(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(sass@1.77.8))(react@19.2.0-canary-ef889445-20250930)(vite@6.2.5(@types/node@20.17.6(patch_hash=rvl3vkomen3tospgr67bzubfyu))(jiti@2.5.1)(sass@1.77.8)(tsx@4.19.2)): + fumadocs-mdx@11.10.0(fumadocs-core@15.7.12(@types/react@19.1.14)(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(sass@1.77.8))(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001))(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(sass@1.77.8))(react@19.2.0-canary-548235db-20251001)(vite@6.2.5(@types/node@20.17.6(patch_hash=rvl3vkomen3tospgr67bzubfyu))(jiti@2.5.1)(sass@1.77.8)(tsx@4.19.2)): dependencies: '@mdx-js/mdx': 3.1.1 '@standard-schema/spec': 1.0.0 chokidar: 4.0.3 esbuild: 0.25.9 estree-util-value-to-estree: 3.4.0 - fumadocs-core: 15.7.12(@types/react@19.1.14)(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(sass@1.77.8))(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) + fumadocs-core: 15.7.12(@types/react@19.1.14)(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(sass@1.77.8))(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) js-yaml: 4.1.0 lru-cache: 11.2.1 picocolors: 1.1.1 @@ -28064,37 +28064,37 @@ snapshots: unist-util-visit: 5.0.0 zod: 4.1.9 optionalDependencies: - next: 15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(sass@1.77.8) - react: 19.2.0-canary-ef889445-20250930 + next: 15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(sass@1.77.8) + react: 19.2.0-canary-548235db-20251001 vite: 6.2.5(@types/node@20.17.6(patch_hash=rvl3vkomen3tospgr67bzubfyu))(jiti@2.5.1)(sass@1.77.8)(tsx@4.19.2) transitivePeerDependencies: - supports-color - fumadocs-ui@15.7.12(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(sass@1.77.8))(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(tailwindcss@4.1.13): - dependencies: - '@radix-ui/react-accordion': 1.2.12(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-direction': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-navigation-menu': 1.2.14(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-popover': 1.1.15(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-scroll-area': 1.2.10(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-slot': 1.2.3(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - '@radix-ui/react-tabs': 1.1.13(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) + fumadocs-ui@15.7.12(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(sass@1.77.8))(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(tailwindcss@4.1.13): + dependencies: + '@radix-ui/react-accordion': 1.2.12(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-dialog': 1.1.15(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-direction': 1.1.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-navigation-menu': 1.2.14(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-popover': 1.1.15(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-presence': 1.1.5(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-scroll-area': 1.2.10(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-slot': 1.2.3(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + '@radix-ui/react-tabs': 1.1.13(@types/react-dom@19.1.7(@types/react@19.1.14))(@types/react@19.1.14)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) class-variance-authority: 0.7.1 - fumadocs-core: 15.7.12(@types/react@19.1.14)(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(sass@1.77.8))(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) + fumadocs-core: 15.7.12(@types/react@19.1.14)(next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(sass@1.77.8))(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) lodash.merge: 4.6.2 - next-themes: 0.4.6(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) + next-themes: 0.4.6(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) postcss-selector-parser: 7.1.0 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) - react-medium-image-zoom: 5.3.0(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) + react-medium-image-zoom: 5.3.0(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001) scroll-into-view-if-needed: 3.1.0 tailwind-merge: 3.3.1 optionalDependencies: '@types/react': 19.1.14 - next: 15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(sass@1.77.8) + next: 15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(sass@1.77.8) tailwindcss: 4.1.13 transitivePeerDependencies: - '@mixedbread/sdk' @@ -28755,7 +28755,7 @@ snapshots: hoist-non-react-statics@3.3.2: dependencies: - react-is: 19.2.0-canary-ef889445-20250930 + react-is: 19.2.0-canary-548235db-20251001 homedir-polyfill@1.0.3: dependencies: @@ -32181,22 +32181,22 @@ snapshots: neo-async@2.6.2: {} - next-themes@0.4.6(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930): + next-themes@0.4.6(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001): dependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) next-tick@1.0.0: {} - next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(sass@1.77.8): + next@15.5.3(@babel/core@7.26.10)(@opentelemetry/api@1.6.0)(@playwright/test@1.51.1)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-3fde738-20250918)(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(sass@1.77.8): dependencies: '@next/env': 15.5.3 '@swc/helpers': 0.5.15 caniuse-lite: 1.0.30001579 postcss: 8.4.31 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) - styled-jsx: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) + styled-jsx: 5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@next/swc-darwin-arm64': 15.5.3 '@next/swc-darwin-x64': 15.5.3 @@ -33940,25 +33940,25 @@ snapshots: dependencies: ansi-regex: 5.0.1 ansi-styles: 5.2.0 - react-is: 19.2.0-canary-ef889445-20250930 + react-is: 19.2.0-canary-548235db-20251001 pretty-format@29.5.0: dependencies: '@jest/schemas': 29.4.3 ansi-styles: 5.2.0 - react-is: 19.2.0-canary-ef889445-20250930 + react-is: 19.2.0-canary-548235db-20251001 pretty-format@29.7.0: dependencies: '@jest/schemas': 29.6.3 ansi-styles: 5.2.0 - react-is: 19.2.0-canary-ef889445-20250930 + react-is: 19.2.0-canary-548235db-20251001 pretty-format@30.0.0-alpha.6: dependencies: '@jest/schemas': 30.0.0-alpha.6 ansi-styles: 5.2.0 - react-is: 19.2.0-canary-ef889445-20250930 + react-is: 19.2.0-canary-548235db-20251001 pretty-ms@7.0.0: dependencies: @@ -34017,7 +34017,7 @@ snapshots: dependencies: loose-envify: 1.4.0 object-assign: 4.1.1 - react-is: 19.2.0-canary-ef889445-20250930 + react-is: 19.2.0-canary-548235db-20251001 property-information@5.6.0: dependencies: @@ -34239,31 +34239,31 @@ snapshots: transitivePeerDependencies: - supports-color - react-dom@0.0.0-experimental-ef889445-20250930(react@19.2.0-canary-ef889445-20250930): + react-dom@0.0.0-experimental-548235db-20251001(react@19.2.0-canary-548235db-20251001): dependencies: - react: 19.2.0-canary-ef889445-20250930 - scheduler: 0.27.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + scheduler: 0.27.0-canary-548235db-20251001 - react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930): + react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001): dependencies: - react: 19.2.0-canary-ef889445-20250930 - scheduler: 0.27.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + scheduler: 0.27.0-canary-548235db-20251001 react-dom@19.2.0-canary-f508edc8-20250818(react@19.2.0-canary-f508edc8-20250818): dependencies: react: 19.2.0-canary-f508edc8-20250818 - scheduler: 0.27.0-canary-ef889445-20250930 + scheduler: 0.27.0-canary-548235db-20251001 - react-is@19.2.0-canary-ef889445-20250930: {} + react-is@19.2.0-canary-548235db-20251001: {} react-is@19.2.0-canary-f508edc8-20250818: {} react-lifecycles-compat@3.0.4: {} - react-medium-image-zoom@5.3.0(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930): + react-medium-image-zoom@5.3.0(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001): dependencies: - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) react-number-format@5.4.0(react-dom@19.2.0-canary-f508edc8-20250818(react@19.2.0-canary-f508edc8-20250818))(react@19.2.0-canary-f508edc8-20250818): dependencies: @@ -34281,10 +34281,10 @@ snapshots: optionalDependencies: '@types/react': 19.1.14 - react-remove-scroll-bar@2.3.8(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930): + react-remove-scroll-bar@2.3.8(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001): dependencies: - react: 19.2.0-canary-ef889445-20250930 - react-style-singleton: 2.2.3(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-style-singleton: 2.2.3(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) tslib: 2.8.1 optionalDependencies: '@types/react': 19.1.14 @@ -34300,59 +34300,59 @@ snapshots: optionalDependencies: '@types/react': 19.1.14 - react-remove-scroll@2.7.1(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930): + react-remove-scroll@2.7.1(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001): dependencies: - react: 19.2.0-canary-ef889445-20250930 - react-remove-scroll-bar: 2.3.8(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - react-style-singleton: 2.2.3(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-remove-scroll-bar: 2.3.8(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + react-style-singleton: 2.2.3(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) tslib: 2.8.1 - use-callback-ref: 1.3.3(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) - use-sidecar: 1.1.3(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930) + use-callback-ref: 1.3.3(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) + use-sidecar: 1.1.3(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001) optionalDependencies: '@types/react': 19.1.14 - react-server-dom-turbopack@0.0.0-experimental-ef889445-20250930(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930): + react-server-dom-turbopack@0.0.0-experimental-548235db-20251001(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) - react-server-dom-turbopack@19.2.0-canary-ef889445-20250930(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930): + react-server-dom-turbopack@19.2.0-canary-548235db-20251001(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) - react-server-dom-webpack@0.0.0-experimental-ef889445-20250930(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))): + react-server-dom-webpack@0.0.0-experimental-548235db-20251001(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) webpack: 5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15)) webpack-sources: 3.2.3(patch_hash=jbynf5dc46ambamq3wuyho6hkq) - react-server-dom-webpack@19.2.0-canary-ef889445-20250930(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))): + react-server-dom-webpack@19.2.0-canary-548235db-20251001(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001)(webpack@5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) webpack: 5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15)) webpack-sources: 3.2.3(patch_hash=jbynf5dc46ambamq3wuyho6hkq) - react-shallow-renderer@16.15.0(react@19.2.0-canary-ef889445-20250930): + react-shallow-renderer@16.15.0(react@19.2.0-canary-548235db-20251001): dependencies: object-assign: 4.1.1 - react: 19.2.0-canary-ef889445-20250930 - react-is: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-is: 19.2.0-canary-548235db-20251001 - react-ssr-prepass@1.0.8(react-is@19.2.0-canary-f508edc8-20250818)(react@19.2.0-canary-ef889445-20250930): + react-ssr-prepass@1.0.8(react-is@19.2.0-canary-f508edc8-20250818)(react@19.2.0-canary-548235db-20251001): dependencies: object-is: 1.0.2 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 react-is: 19.2.0-canary-f508edc8-20250818 react-style-singleton@2.2.1(@types/react@19.1.14)(react@19.2.0-canary-f508edc8-20250818): @@ -34364,10 +34364,10 @@ snapshots: optionalDependencies: '@types/react': 19.1.14 - react-style-singleton@2.2.3(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930): + react-style-singleton@2.2.3(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001): dependencies: get-nonce: 1.0.1 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 tslib: 2.8.1 optionalDependencies: '@types/react': 19.1.14 @@ -34380,12 +34380,12 @@ snapshots: optionalDependencies: '@types/react': 19.1.14 - react-test-renderer@18.2.0(react@19.2.0-canary-ef889445-20250930): + react-test-renderer@18.2.0(react@19.2.0-canary-548235db-20251001): dependencies: - react: 19.2.0-canary-ef889445-20250930 - react-is: 19.2.0-canary-ef889445-20250930 - react-shallow-renderer: 16.15.0(react@19.2.0-canary-ef889445-20250930) - scheduler: 0.27.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 + react-is: 19.2.0-canary-548235db-20251001 + react-shallow-renderer: 16.15.0(react@19.2.0-canary-548235db-20251001) + scheduler: 0.27.0-canary-548235db-20251001 react-textarea-autosize@8.5.3(@types/react@19.1.14)(react@19.2.0-canary-f508edc8-20250818): dependencies: @@ -34396,20 +34396,20 @@ snapshots: transitivePeerDependencies: - '@types/react' - react-virtualized@9.22.3(react-dom@19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930))(react@19.2.0-canary-ef889445-20250930): + react-virtualized@9.22.3(react-dom@19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001))(react@19.2.0-canary-548235db-20251001): dependencies: '@babel/runtime': 7.27.0 clsx: 1.1.1 dom-helpers: 5.2.1 loose-envify: 1.4.0 prop-types: 15.8.1 - react: 19.2.0-canary-ef889445-20250930 - react-dom: 19.2.0-canary-ef889445-20250930(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + react-dom: 19.2.0-canary-548235db-20251001(react@19.2.0-canary-548235db-20251001) react-lifecycles-compat: 3.0.4 - react@0.0.0-experimental-ef889445-20250930: {} + react@0.0.0-experimental-548235db-20251001: {} - react@19.2.0-canary-ef889445-20250930: {} + react@19.2.0-canary-548235db-20251001: {} react@19.2.0-canary-f508edc8-20250818: {} @@ -35273,9 +35273,9 @@ snapshots: dependencies: xmlchars: 2.2.0 - scheduler@0.0.0-experimental-ef889445-20250930: {} + scheduler@0.0.0-experimental-548235db-20251001: {} - scheduler@0.27.0-canary-ef889445-20250930: {} + scheduler@0.27.0-canary-548235db-20251001: {} schema-utils@2.7.1: dependencies: @@ -36150,10 +36150,10 @@ snapshots: postcss: 7.0.32 postcss-load-plugins: 2.3.0 - styled-jsx@5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-ef889445-20250930): + styled-jsx@5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-548235db-20251001): dependencies: client-only: 0.0.1 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 optionalDependencies: '@babel/core': 7.26.10 babel-plugin-macros: 3.1.0 @@ -36247,11 +36247,11 @@ snapshots: '@swc/counter': 0.1.3 webpack: 5.98.0(@swc/core@1.11.24(@swc/helpers@0.5.15))(esbuild@0.25.9) - swr@2.2.4(react@19.2.0-canary-ef889445-20250930): + swr@2.2.4(react@19.2.0-canary-548235db-20251001): dependencies: client-only: 0.0.1 - react: 19.2.0-canary-ef889445-20250930 - use-sync-external-store: 1.2.0(react@19.2.0-canary-ef889445-20250930) + react: 19.2.0-canary-548235db-20251001 + use-sync-external-store: 1.2.0(react@19.2.0-canary-548235db-20251001) symbol-observable@1.0.1: {} @@ -37064,9 +37064,9 @@ snapshots: unist-util-is: 6.0.0 unist-util-visit-parents: 6.0.1 - unistore@3.4.1(react@19.2.0-canary-ef889445-20250930): + unistore@3.4.1(react@19.2.0-canary-548235db-20251001): optionalDependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 universal-github-app-jwt@1.1.1: dependencies: @@ -37167,9 +37167,9 @@ snapshots: optionalDependencies: '@types/react': 19.1.14 - use-callback-ref@1.3.3(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930): + use-callback-ref@1.3.3(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001): dependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 tslib: 2.8.1 optionalDependencies: '@types/react': 19.1.14 @@ -37199,21 +37199,21 @@ snapshots: optionalDependencies: '@types/react': 19.1.14 - use-sidecar@1.1.3(@types/react@19.1.14)(react@19.2.0-canary-ef889445-20250930): + use-sidecar@1.1.3(@types/react@19.1.14)(react@19.2.0-canary-548235db-20251001): dependencies: detect-node-es: 1.1.0 - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 tslib: 2.8.1 optionalDependencies: '@types/react': 19.1.14 - use-sync-external-store@1.2.0(react@19.2.0-canary-ef889445-20250930): + use-sync-external-store@1.2.0(react@19.2.0-canary-548235db-20251001): dependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 - use-sync-external-store@1.5.0(react@19.2.0-canary-ef889445-20250930): + use-sync-external-store@1.5.0(react@19.2.0-canary-548235db-20251001): dependencies: - react: 19.2.0-canary-ef889445-20250930 + react: 19.2.0-canary-548235db-20251001 util-deprecate@1.0.2: {}