diff --git a/package.json b/package.json index 83cd947bd363b..1024b1338e41c 100644 --- a/package.json +++ b/package.json @@ -227,16 +227,16 @@ "pretty-ms": "7.0.0", "random-seed": "0.3.0", "react": "19.0.0", - "react-builtin": "npm:react@19.2.0-canary-5dc00d6b-20250428", + "react-builtin": "npm:react@19.2.0-canary-408d055a-20250430", "react-dom": "19.0.0", - "react-dom-builtin": "npm:react-dom@19.2.0-canary-5dc00d6b-20250428", - "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-5dc00d6b-20250428", - "react-experimental-builtin": "npm:react@0.0.0-experimental-5dc00d6b-20250428", - "react-is-builtin": "npm:react-is@19.2.0-canary-5dc00d6b-20250428", - "react-server-dom-turbopack": "19.2.0-canary-5dc00d6b-20250428", - "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-5dc00d6b-20250428", - "react-server-dom-webpack": "19.2.0-canary-5dc00d6b-20250428", - "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-5dc00d6b-20250428", + "react-dom-builtin": "npm:react-dom@19.2.0-canary-408d055a-20250430", + "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-408d055a-20250430", + "react-experimental-builtin": "npm:react@0.0.0-experimental-408d055a-20250430", + "react-is-builtin": "npm:react-is@19.2.0-canary-408d055a-20250430", + "react-server-dom-turbopack": "19.2.0-canary-408d055a-20250430", + "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-408d055a-20250430", + "react-server-dom-webpack": "19.2.0-canary-408d055a-20250430", + "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-408d055a-20250430", "react-ssr-prepass": "1.0.8", "react-virtualized": "9.22.3", "relay-compiler": "13.0.2", @@ -246,8 +246,8 @@ "resolve-from": "5.0.0", "sass": "1.54.0", "satori": "0.12.2", - "scheduler-builtin": "npm:scheduler@0.27.0-canary-5dc00d6b-20250428", - "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-5dc00d6b-20250428", + "scheduler-builtin": "npm:scheduler@0.27.0-canary-408d055a-20250430", + "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-408d055a-20250430", "seedrandom": "3.0.5", "semver": "7.3.7", "shell-quote": "1.7.3", @@ -290,10 +290,10 @@ "@types/react-dom": "19.1.2", "@types/retry": "0.12.0", "jest-snapshot": "30.0.0-alpha.6", - "react": "19.2.0-canary-5dc00d6b-20250428", - "react-dom": "19.2.0-canary-5dc00d6b-20250428", - "react-is": "19.2.0-canary-5dc00d6b-20250428", - "scheduler": "0.27.0-canary-5dc00d6b-20250428" + "react": "19.2.0-canary-408d055a-20250430", + "react-dom": "19.2.0-canary-408d055a-20250430", + "react-is": "19.2.0-canary-408d055a-20250430", + "scheduler": "0.27.0-canary-408d055a-20250430" }, "patchedDependencies": { "webpack-sources@3.2.3": "patches/webpack-sources@3.2.3.patch", diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js index df566ddd5740d..1d759f3c42b0c 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 @@ -4734,7 +4734,7 @@ : eventClass; } function setCurrentTrackFromLanes(lanes) { - reusableLaneDevToolDetails.track = + currentTrack = lanes & 127 ? "Blocking" : lanes & 4194176 @@ -4747,10 +4747,26 @@ } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - ((reusableComponentDevToolDetails.color = "warning"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = endTime), - performance.measure(trigger, reusableComponentOptions)); + ((fiber = fiber._debugTask) + ? fiber.run( + console.timeStamp.bind( + console, + trigger, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + "warning" + ) + ) + : console.timeStamp( + trigger, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + "warning" + )); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); @@ -4760,9 +4776,9 @@ if (null !== name && supportsUserTiming) { var selfTime = fiber.actualDuration; if (null === fiber.alternate || fiber.alternate.child !== fiber.child) - for (fiber = fiber.child; null !== fiber; fiber = fiber.sibling) - selfTime -= fiber.actualDuration; - reusableComponentDevToolDetails.color = + for (var child = fiber.child; null !== child; child = child.sibling) + selfTime -= child.actualDuration; + wasHydrated = 0.5 > selfTime ? wasHydrated ? "tertiary-light" @@ -4776,80 +4792,140 @@ ? "tertiary-dark" : "primary-dark" : "error"; - reusableComponentOptions.start = startTime; - reusableComponentOptions.end = endTime; - performance.measure(name, reusableComponentOptions); + (fiber = fiber._debugTask) + ? fiber.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 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) - ]); - } - performance.measure(name, { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: COMPONENTS_TRACK, - tooltipText: - 13 === fiber.tag - ? "Hydration failed" - : "Error boundary caught an error", - properties: properties - } + if (null !== name) + if ( + "undefined" !== typeof performance && + "function" === typeof performance.measure + ) { + 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 == 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, name, fiber) + ) + : performance.measure(name, fiber); + } else + console.timeStamp( + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + "error" + ); } } function logComponentEffect(fiber, startTime, endTime, selfTime, errors) { if (null !== errors) { - if ( - supportsUserTiming && - ((selfTime = getComponentNameFromFiber(fiber)), null !== selfTime) - ) { - fiber = []; - for (var i = 0; i < errors.length; i++) { - var error = errors[i].value; - fiber.push([ - "Error", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ]); - } - performance.measure(selfTime, { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: COMPONENTS_TRACK, - tooltipText: "A lifecycle or effect errored", - properties: fiber + if (supportsUserTiming) { + var name = getComponentNameFromFiber(fiber); + if (null !== name) + if ( + "undefined" !== typeof performance && + "function" === typeof performance.measure + ) { + 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) + ]); } - } - }); + 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, name, startTime) + ) + : performance.measure(name, startTime); + } else + console.timeStamp( + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + "error" + ); } } else - (errors = getComponentNameFromFiber(fiber)), - null !== errors && + (name = getComponentNameFromFiber(fiber)), + null !== name && supportsUserTiming && - ((reusableComponentDevToolDetails.color = + ((errors = 1 > selfTime ? "secondary-light" : 100 > selfTime @@ -4857,40 +4933,48 @@ : 500 > selfTime ? "secondary-dark" : "error"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = endTime), - performance.measure(errors, reusableComponentOptions)); - } - function logRenderPhase(startTime, endTime, lanes) { - supportsUserTiming && - ((reusableLaneDevToolDetails.color = - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure( - (lanes & 536870912) === lanes - ? "Prepared" - : (lanes & 201326741) === lanes - ? "Hydrated" - : "Render", - reusableLaneOptions - )); + (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 logSuspendedRenderPhase(startTime, endTime, lanes) { supportsUserTiming && - ((reusableLaneDevToolDetails.color = - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Prewarm", reusableLaneOptions)); + console.timeStamp( + "Prewarm", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + ); } function logSuspendedWithDelayPhase(startTime, endTime, lanes) { supportsUserTiming && - ((reusableLaneDevToolDetails.color = - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Suspended", reusableLaneOptions)); + console.timeStamp( + "Suspended", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + ); } function logRecoveredRenderPhase( startTime, @@ -4899,86 +4983,100 @@ recoverableErrors, hydrationFailed ) { - if (supportsUserTiming) { - 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) - ]); - } - performance.measure("Recovered", { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "primary-dark", - track: reusableLaneDevToolDetails.track, - trackGroup: LANES_TRACK_GROUP, - tooltipText: hydrationFailed - ? "Hydration Failed" - : "Recovered after Error", - properties: lanes - } + if (supportsUserTiming) + if ( + "undefined" !== typeof performance && + "function" === typeof performance.measure + ) { + 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) + ]); } - }); - } + performance.measure("Recovered", { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "primary-dark", + track: currentTrack, + trackGroup: LANES_TRACK_GROUP, + tooltipText: hydrationFailed + ? "Hydration Failed" + : "Recovered after Error", + properties: lanes + } + } + }); + } else + console.timeStamp( + "Recovered", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + ); } function logErroredRenderPhase(startTime, endTime) { supportsUserTiming && - ((reusableLaneDevToolDetails.color = "error"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Errored", reusableLaneOptions)); - } - function logSuspenseThrottlePhase(startTime, endTime) { - supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-light"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Throttled", reusableLaneOptions)); - } - function logSuspendedCommitPhase(startTime, endTime) { - supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-light"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Suspended on CSS or Images", reusableLaneOptions)); + console.timeStamp( + "Errored", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + ); } function logCommitErrored(startTime, endTime, errors, passive) { - if (supportsUserTiming) { - 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) - ]); - } - performance.measure("Errored", { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: reusableLaneDevToolDetails.track, - trackGroup: LANES_TRACK_GROUP, - tooltipText: passive - ? "Remaining Effects Errored" - : "Commit Errored", - properties: properties - } + if (supportsUserTiming) + if ( + "undefined" !== typeof performance && + "function" === typeof performance.measure + ) { + 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) + ]); } - }); - } + performance.measure("Errored", { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: currentTrack, + trackGroup: LANES_TRACK_GROUP, + tooltipText: passive + ? "Remaining Effects Errored" + : "Commit Errored", + properties: properties + } + } + }); + } else + console.timeStamp( + "Errored", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + ); } function resetContextDependencies() { lastContextDependency = currentlyRenderingFiber$1 = null; @@ -5229,36 +5327,36 @@ root.transitionTypes = null; return claimed; } - function startUpdateTimerByLane(lane) { + function startUpdateTimerByLane(lane, method) { var JSCompiler_temp; (JSCompiler_temp = 0 !== (lane & 3)) || (JSCompiler_temp = 0 !== (lane & 60)); if (JSCompiler_temp) 0 > blockingUpdateTime && ((blockingUpdateTime = now()), + (blockingUpdateTask = createTask(method)), (executionContext & (RenderContext | CommitContext)) !== NoContext && (blockingSpawnedUpdate = !0), (lane = resolveEventTimeStamp()), - (JSCompiler_temp = resolveEventType()), - lane !== blockingEventTime || JSCompiler_temp !== blockingEventType + (method = resolveEventType()), + lane !== blockingEventTime || method !== blockingEventType ? (blockingEventIsRepeat = !1) - : null !== JSCompiler_temp && (blockingSpawnedUpdate = !0), + : null !== method && (blockingSpawnedUpdate = !0), (blockingEventTime = lane), - (blockingEventType = JSCompiler_temp)); + (blockingEventType = method)); else if ( 0 !== (lane & 4194048) && 0 > transitionUpdateTime && - ((transitionUpdateTime = now()), 0 > transitionStartTime) + ((transitionUpdateTime = now()), + (transitionUpdateTask = createTask(method)), + 0 > transitionStartTime) ) { lane = resolveEventTimeStamp(); - JSCompiler_temp = resolveEventType(); - if ( - lane !== transitionEventTime || - JSCompiler_temp !== transitionEventType - ) + method = resolveEventType(); + if (lane !== transitionEventTime || method !== transitionEventType) transitionEventIsRepeat = !1; transitionEventTime = lane; - transitionEventType = JSCompiler_temp; + transitionEventType = method; } } function pushNestedEffectDurations() { @@ -7839,7 +7937,9 @@ } function subscribeToStore(fiber, inst, subscribe) { return subscribe(function () { - checkIfSnapshotChanged(inst) && forceStoreRerender(fiber); + checkIfSnapshotChanged(inst) && + (startUpdateTimerByLane(2, "updateSyncExternalStore()"), + forceStoreRerender(fiber)); }); } function checkIfSnapshotChanged(inst) { @@ -8595,10 +8695,12 @@ throw Error( "Cannot requestFormReset() inside a startGestureTransition. There should be no side-effects associated with starting a Gesture until its Action is invoked. Move side-effects to the Action instead." ); - transition = ensureFormComponentIsStateful(formFiber).next.queue; + transition = ensureFormComponentIsStateful(formFiber); + null === transition.next && + (transition = formFiber.alternate.memoizedState); dispatchSetStateInternal( formFiber, - transition, + transition.next.queue, {}, requestUpdateLane(formFiber) ); @@ -8668,7 +8770,7 @@ fiber = createUpdate(lane); var root = enqueueUpdate(provider, fiber, lane); null !== root && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "refresh()"), scheduleUpdateOnFiber(root, provider, lane), entangleTransitions(root, provider, lane)); provider = createCache(); @@ -8702,7 +8804,7 @@ ? enqueueRenderPhaseUpdate(queue, update) : ((update = enqueueConcurrentHookUpdate(fiber, queue, update, args)), null !== update && - (startUpdateTimerByLane(args), + (startUpdateTimerByLane(args, "dispatch()"), scheduleUpdateOnFiber(update, fiber, args), entangleTransitionUpdate(update, queue, args))); } @@ -8714,7 +8816,7 @@ ); args = requestUpdateLane(fiber); dispatchSetStateInternal(fiber, queue, action, args) && - startUpdateTimerByLane(args); + startUpdateTimerByLane(args, "setState()"); } function dispatchSetStateInternal(fiber, queue, action, lane) { var update = { @@ -8797,7 +8899,7 @@ lane )), null !== throwIfDuringRender && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "setOptimistic()"), scheduleUpdateOnFiber(throwIfDuringRender, fiber, lane), null !== transition && ((transition = transition.gesture), null !== transition))) @@ -10308,25 +10410,25 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_2983; - var JSCompiler_object_inline_stack_2982 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_3007; + var JSCompiler_object_inline_stack_3006 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_digest_2981 = !1; + var JSCompiler_object_inline_digest_3005 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_2983 = didSuspend) || - (JSCompiler_object_inline_componentStack_2983 = + (JSCompiler_object_inline_componentStack_3007 = didSuspend) || + (JSCompiler_object_inline_componentStack_3007 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_2983 && - ((JSCompiler_object_inline_digest_2981 = !0), + JSCompiler_object_inline_componentStack_3007 && + ((JSCompiler_object_inline_digest_3005 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_2983 = + JSCompiler_object_inline_componentStack_3007 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_digest_2981 + JSCompiler_object_inline_digest_3005 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (current = nextHydratableInstance) @@ -10339,20 +10441,20 @@ ? renderLanes : null), null !== renderLanes && - ((JSCompiler_object_inline_componentStack_2983 = { + ((JSCompiler_object_inline_componentStack_3007 = { dehydrated: renderLanes, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_componentStack_2983), - (JSCompiler_object_inline_componentStack_2983 = + JSCompiler_object_inline_componentStack_3007), + (JSCompiler_object_inline_componentStack_3007 = createFiberFromDehydratedFragment(renderLanes)), - (JSCompiler_object_inline_componentStack_2983.return = + (JSCompiler_object_inline_componentStack_3007.return = workInProgress), (workInProgress.child = - JSCompiler_object_inline_componentStack_2983), + JSCompiler_object_inline_componentStack_3007), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (renderLanes = null); @@ -10366,12 +10468,12 @@ : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_2982.children, - nextFallbackChildren = JSCompiler_object_inline_stack_2982.fallback; - if (JSCompiler_object_inline_digest_2981) + var nextPrimaryChildren = JSCompiler_object_inline_stack_3006.children, + nextFallbackChildren = JSCompiler_object_inline_stack_3006.fallback; + if (JSCompiler_object_inline_digest_3005) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2982 = + (JSCompiler_object_inline_stack_3006 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10383,19 +10485,19 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2983, + JSCompiler_object_inline_componentStack_3007, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2982 + JSCompiler_object_inline_stack_3006 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2982.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_3006.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2982 = + (JSCompiler_object_inline_stack_3006 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10407,12 +10509,12 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2983, + JSCompiler_object_inline_componentStack_3007, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2982 + JSCompiler_object_inline_stack_3006 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( @@ -10422,8 +10524,8 @@ } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_message_2980 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_message_2980) { + var JSCompiler_object_inline_message_3004 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_message_3004) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -10440,13 +10542,13 @@ (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_2982.fallback), + JSCompiler_object_inline_stack_3006.fallback), (nextFallbackChildren = workInProgress.mode), - (JSCompiler_object_inline_stack_2982 = + (JSCompiler_object_inline_stack_3006 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2982.children + children: JSCompiler_object_inline_stack_3006.children }, nextFallbackChildren )), @@ -10457,24 +10559,24 @@ null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_2982.return = workInProgress), + (JSCompiler_object_inline_stack_3006.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_2982.sibling = + (JSCompiler_object_inline_stack_3006.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_2982), + (workInProgress.child = JSCompiler_object_inline_stack_3006), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2982 = workInProgress.child), - (JSCompiler_object_inline_stack_2982.memoizedState = + (JSCompiler_object_inline_stack_3006 = workInProgress.child), + (JSCompiler_object_inline_stack_3006.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2982.childLanes = + (JSCompiler_object_inline_stack_3006.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2983, + JSCompiler_object_inline_componentStack_3007, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -10482,48 +10584,48 @@ else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2980)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_3004)) ) { - JSCompiler_object_inline_componentStack_2983 = - JSCompiler_object_inline_message_2980.nextSibling && - JSCompiler_object_inline_message_2980.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_2983) { + JSCompiler_object_inline_componentStack_3007 = + JSCompiler_object_inline_message_3004.nextSibling && + JSCompiler_object_inline_message_3004.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_3007) { nextPrimaryChildren = - JSCompiler_object_inline_componentStack_2983.dgst; - var message = JSCompiler_object_inline_componentStack_2983.msg; + JSCompiler_object_inline_componentStack_3007.dgst; + var message = JSCompiler_object_inline_componentStack_3007.msg; nextFallbackChildren = - JSCompiler_object_inline_componentStack_2983.stck; + JSCompiler_object_inline_componentStack_3007.stck; var componentStack = - JSCompiler_object_inline_componentStack_2983.cstck; + JSCompiler_object_inline_componentStack_3007.cstck; } - JSCompiler_object_inline_message_2980 = message; - JSCompiler_object_inline_digest_2981 = nextPrimaryChildren; - JSCompiler_object_inline_stack_2982 = nextFallbackChildren; - JSCompiler_object_inline_componentStack_2983 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_digest_2981; - nextFallbackChildren = JSCompiler_object_inline_message_2980; - componentStack = JSCompiler_object_inline_componentStack_2983; + JSCompiler_object_inline_message_3004 = message; + JSCompiler_object_inline_digest_3005 = nextPrimaryChildren; + JSCompiler_object_inline_stack_3006 = nextFallbackChildren; + JSCompiler_object_inline_componentStack_3007 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_digest_3005; + nextFallbackChildren = JSCompiler_object_inline_message_3004; + componentStack = JSCompiler_object_inline_componentStack_3007; "POSTPONE" !== nextPrimaryChildren && - ((JSCompiler_object_inline_componentStack_2983 = + ((JSCompiler_object_inline_componentStack_3007 = 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_2983.stack = - JSCompiler_object_inline_stack_2982 || ""), - (JSCompiler_object_inline_componentStack_2983.digest = + (JSCompiler_object_inline_componentStack_3007.stack = + JSCompiler_object_inline_stack_3006 || ""), + (JSCompiler_object_inline_componentStack_3007.digest = nextPrimaryChildren), - (JSCompiler_object_inline_stack_2982 = + (JSCompiler_object_inline_stack_3006 = void 0 === componentStack ? null : componentStack), (nextPrimaryChildren = { - value: JSCompiler_object_inline_componentStack_2983, + value: JSCompiler_object_inline_componentStack_3007, source: null, - stack: JSCompiler_object_inline_stack_2982 + stack: JSCompiler_object_inline_stack_3006 }), - "string" === typeof JSCompiler_object_inline_stack_2982 && + "string" === typeof JSCompiler_object_inline_stack_3006 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2983, + JSCompiler_object_inline_componentStack_3007, nextPrimaryChildren ), queueHydrationError(nextPrimaryChildren)); @@ -10540,34 +10642,34 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_2983 = + (JSCompiler_object_inline_componentStack_3007 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_2983) + didReceiveUpdate || JSCompiler_object_inline_componentStack_3007) ) { - JSCompiler_object_inline_componentStack_2983 = workInProgressRoot; + JSCompiler_object_inline_componentStack_3007 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_2983 && - ((JSCompiler_object_inline_stack_2982 = getBumpedLaneForHydration( - JSCompiler_object_inline_componentStack_2983, + null !== JSCompiler_object_inline_componentStack_3007 && + ((JSCompiler_object_inline_stack_3006 = getBumpedLaneForHydration( + JSCompiler_object_inline_componentStack_3007, renderLanes )), - 0 !== JSCompiler_object_inline_stack_2982 && - JSCompiler_object_inline_stack_2982 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_3006 && + JSCompiler_object_inline_stack_3006 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2982), + ((prevState.retryLane = JSCompiler_object_inline_stack_3006), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2982 + JSCompiler_object_inline_stack_3006 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_2983, + JSCompiler_object_inline_componentStack_3007, current, - JSCompiler_object_inline_stack_2982 + JSCompiler_object_inline_stack_3006 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_2980.data === + JSCompiler_object_inline_message_3004.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10575,14 +10677,14 @@ renderLanes ); } else - JSCompiler_object_inline_message_2980.data === + JSCompiler_object_inline_message_3004.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2980.nextSibling + JSCompiler_object_inline_message_3004.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10594,31 +10696,31 @@ restoreSuspendedTreeContext(workInProgress, current), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2982.children + JSCompiler_object_inline_stack_3006.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_digest_2981) + if (JSCompiler_object_inline_digest_3005) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_2982.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_3006.fallback), (nextFallbackChildren = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_message_2980 = componentStack.sibling), - (JSCompiler_object_inline_stack_2982 = createWorkInProgress( + (JSCompiler_object_inline_message_3004 = componentStack.sibling), + (JSCompiler_object_inline_stack_3006 = createWorkInProgress( componentStack, { mode: "hidden", - children: JSCompiler_object_inline_stack_2982.children + children: JSCompiler_object_inline_stack_3006.children } )), - (JSCompiler_object_inline_stack_2982.subtreeFlags = + (JSCompiler_object_inline_stack_3006.subtreeFlags = componentStack.subtreeFlags & 65011712), - null !== JSCompiler_object_inline_message_2980 + null !== JSCompiler_object_inline_message_3004 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_message_2980, + JSCompiler_object_inline_message_3004, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -10629,24 +10731,24 @@ )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_2982.return = workInProgress), - (JSCompiler_object_inline_stack_2982.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_2982), - (JSCompiler_object_inline_stack_2982 = nextPrimaryChildren), + (JSCompiler_object_inline_stack_3006.return = workInProgress), + (JSCompiler_object_inline_stack_3006.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_3006), + (JSCompiler_object_inline_stack_3006 = nextPrimaryChildren), (nextPrimaryChildren = workInProgress.child), (nextFallbackChildren = current.child.memoizedState), null === nextFallbackChildren ? (nextFallbackChildren = mountSuspenseOffscreenState(renderLanes)) : ((componentStack = nextFallbackChildren.cachePool), null !== componentStack - ? ((JSCompiler_object_inline_message_2980 = + ? ((JSCompiler_object_inline_message_3004 = CacheContext._currentValue), (componentStack = componentStack.parent !== - JSCompiler_object_inline_message_2980 + JSCompiler_object_inline_message_3004 ? { - parent: JSCompiler_object_inline_message_2980, - pool: JSCompiler_object_inline_message_2980 + parent: JSCompiler_object_inline_message_3004, + pool: JSCompiler_object_inline_message_3004 } : componentStack)) : (componentStack = getSuspendedCache()), @@ -10657,28 +10759,28 @@ (nextPrimaryChildren.memoizedState = nextFallbackChildren), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2983, + JSCompiler_object_inline_componentStack_3007, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2982 + JSCompiler_object_inline_stack_3006 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2982.children + children: JSCompiler_object_inline_stack_3006.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_2983 = + ((JSCompiler_object_inline_componentStack_3007 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_2983 + null === JSCompiler_object_inline_componentStack_3007 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_2983.push(current)); + : JSCompiler_object_inline_componentStack_3007.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -17484,81 +17586,118 @@ if ((executionContext & (RenderContext | CommitContext)) !== NoContext) throw Error("Should not already be working."); if (0 !== workInProgressRootRenderLanes && null !== workInProgress) { - var yieldEndTime = now$1(); + var yieldedFiber = workInProgress, + yieldEndTime = now$1(); switch (yieldReason) { case SuspendedOnImmediate: case SuspendedOnData: var startTime = yieldStartTime; supportsUserTiming && - ((reusableComponentDevToolDetails.color = "primary-light"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = yieldEndTime), - performance.measure("Suspended", reusableComponentOptions)); + ((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 && - ((reusableComponentDevToolDetails.color = "primary-light"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = yieldEndTime), - performance.measure("Action", reusableComponentOptions)); + ((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: - if (((startTime = yieldStartTime), supportsUserTiming)) { - var yieldDuration = yieldEndTime - startTime; - 3 > yieldDuration || - ((reusableComponentDevToolDetails.color = - 5 > yieldDuration + supportsUserTiming && + ((yieldedFiber = yieldEndTime - yieldStartTime), + 3 > yieldedFiber || + console.timeStamp( + "Blocked", + yieldStartTime, + yieldEndTime, + COMPONENTS_TRACK, + void 0, + 5 > yieldedFiber ? "primary-light" - : 10 > yieldDuration + : 10 > yieldedFiber ? "primary" - : 100 > yieldDuration + : 100 > yieldedFiber ? "primary-dark" - : "error"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = yieldEndTime), - performance.measure("Blocked", reusableComponentOptions)); - } + : "error" + )); } } - yieldDuration = (forceSync = + startTime = (yieldEndTime = (!forceSync && 0 === (lanes & 124) && 0 === (lanes & root.expiredLanes)) || checkIfRootIsPrerendering(root, lanes)) ? renderRootConcurrent(root, lanes) : renderRootSync(root, lanes, !0); - var renderWasConcurrent = forceSync; + var renderWasConcurrent = yieldEndTime; do { - if (yieldDuration === RootInProgress) { + if (startTime === RootInProgress) { workInProgressRootIsPrerendering && - !forceSync && + !yieldEndTime && markRootSuspended(root, lanes, 0, !1); lanes = workInProgressSuspendedReason; yieldStartTime = now(); yieldReason = lanes; break; } else { - startTime = now$1(); - yieldEndTime = root.current.alternate; + yieldedFiber = now$1(); + forceSync = root.current.alternate; if ( renderWasConcurrent && - !isRenderConsistentWithExternalStores(yieldEndTime) + !isRenderConsistentWithExternalStores(forceSync) ) { setCurrentTrackFromLanes(lanes); - yieldEndTime = renderStartTime; - yieldDuration = startTime; supportsUserTiming && - ((reusableLaneDevToolDetails.color = "error"), - (reusableLaneOptions.start = yieldEndTime), - (reusableLaneOptions.end = yieldDuration), - performance.measure("Teared Render", reusableLaneOptions)); - finalizeRender(lanes, startTime); - yieldDuration = renderRootSync(root, lanes, !1); + console.timeStamp( + "Teared Render", + renderStartTime, + yieldedFiber, + currentTrack, + LANES_TRACK_GROUP, + "error" + ); + finalizeRender(lanes, yieldedFiber); + startTime = renderRootSync(root, lanes, !1); renderWasConcurrent = !1; continue; } - if (yieldDuration === RootErrored) { + if (startTime === RootErrored) { renderWasConcurrent = lanes; if (root.errorRecoveryDisabledLanes & renderWasConcurrent) var errorRetryLanes = 0; @@ -17572,19 +17711,20 @@ : 0); if (0 !== errorRetryLanes) { setCurrentTrackFromLanes(lanes); - logErroredRenderPhase(renderStartTime, startTime); - finalizeRender(lanes, startTime); + logErroredRenderPhase(renderStartTime, yieldedFiber); + finalizeRender(lanes, yieldedFiber); lanes = errorRetryLanes; a: { - startTime = root; - yieldDuration = renderWasConcurrent; + yieldedFiber = root; + startTime = renderWasConcurrent; renderWasConcurrent = workInProgressRootConcurrentErrors; var wasRootDehydrated = - startTime.current.memoizedState.isDehydrated; + yieldedFiber.current.memoizedState.isDehydrated; wasRootDehydrated && - (prepareFreshStack(startTime, errorRetryLanes).flags |= 256); + (prepareFreshStack(yieldedFiber, errorRetryLanes).flags |= + 256); errorRetryLanes = renderRootSync( - startTime, + yieldedFiber, errorRetryLanes, !1 ); @@ -17593,39 +17733,39 @@ workInProgressRootDidAttachPingListener && !wasRootDehydrated ) { - startTime.errorRecoveryDisabledLanes |= yieldDuration; - workInProgressRootInterleavedUpdatedLanes |= yieldDuration; - yieldDuration = RootSuspendedWithDelay; + yieldedFiber.errorRecoveryDisabledLanes |= startTime; + workInProgressRootInterleavedUpdatedLanes |= startTime; + startTime = RootSuspendedWithDelay; break a; } - startTime = workInProgressRootRecoverableErrors; + yieldedFiber = workInProgressRootRecoverableErrors; workInProgressRootRecoverableErrors = renderWasConcurrent; - null !== startTime && + null !== yieldedFiber && (null === workInProgressRootRecoverableErrors - ? (workInProgressRootRecoverableErrors = startTime) + ? (workInProgressRootRecoverableErrors = yieldedFiber) : workInProgressRootRecoverableErrors.push.apply( workInProgressRootRecoverableErrors, - startTime + yieldedFiber )); } - yieldDuration = errorRetryLanes; + startTime = errorRetryLanes; } renderWasConcurrent = !1; - if (yieldDuration !== RootErrored) continue; - else startTime = now$1(); + if (startTime !== RootErrored) continue; + else yieldedFiber = now$1(); } } - if (yieldDuration === RootFatalErrored) { + if (startTime === RootFatalErrored) { setCurrentTrackFromLanes(lanes); - logErroredRenderPhase(renderStartTime, startTime); - finalizeRender(lanes, startTime); + logErroredRenderPhase(renderStartTime, yieldedFiber); + finalizeRender(lanes, yieldedFiber); prepareFreshStack(root, 0); markRootSuspended(root, lanes, 0, !0); break; } a: { - forceSync = root; - switch (yieldDuration) { + yieldEndTime = root; + switch (startTime) { case RootInProgress: case RootFatalErrored: throw Error("Root did not complete. This is a bug in React."); @@ -17633,15 +17773,15 @@ if ((lanes & 4194048) !== lanes) break; case RootSuspendedAtTheShell: setCurrentTrackFromLanes(lanes); - logSuspendedRenderPhase(renderStartTime, startTime, lanes); - finalizeRender(lanes, startTime); - yieldEndTime = lanes; - 0 !== (yieldEndTime & 3) || 0 !== (yieldEndTime & 124) - ? (blockingSuspendedTime = startTime) - : 0 !== (yieldEndTime & 4194048) && - (transitionSuspendedTime = startTime); + logSuspendedRenderPhase(renderStartTime, yieldedFiber, lanes); + finalizeRender(lanes, yieldedFiber); + forceSync = lanes; + 0 !== (forceSync & 3) || 0 !== (forceSync & 124) + ? (blockingSuspendedTime = yieldedFiber) + : 0 !== (forceSync & 4194048) && + (transitionSuspendedTime = yieldedFiber); markRootSuspended( - forceSync, + yieldEndTime, lanes, workInProgressDeferredLane, !workInProgressRootDidSkipSuspendedSiblings @@ -17658,8 +17798,8 @@ } if (null !== ReactSharedInternals.actQueue) commitRoot( - forceSync, yieldEndTime, + forceSync, lanes, workInProgressRootRecoverableErrors, workInProgressTransitions, @@ -17667,10 +17807,10 @@ workInProgressDeferredLane, workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, - yieldDuration, + startTime, IMMEDIATE_COMMIT, renderStartTime, - startTime + yieldedFiber ); else { if ( @@ -17682,17 +17822,17 @@ 10 < renderWasConcurrent) ) { markRootSuspended( - forceSync, + yieldEndTime, lanes, workInProgressDeferredLane, !workInProgressRootDidSkipSuspendedSiblings ); - if (0 !== getNextLanes(forceSync, 0, !0)) break a; - forceSync.timeoutHandle = scheduleTimeout( + if (0 !== getNextLanes(yieldEndTime, 0, !0)) break a; + yieldEndTime.timeoutHandle = scheduleTimeout( commitRootWhenReady.bind( null, - forceSync, yieldEndTime, + forceSync, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, @@ -17701,18 +17841,18 @@ workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - yieldDuration, + startTime, THROTTLED_COMMIT, renderStartTime, - startTime + yieldedFiber ), renderWasConcurrent ); break a; } commitRootWhenReady( - forceSync, yieldEndTime, + forceSync, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, @@ -17721,10 +17861,10 @@ workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - yieldDuration, + startTime, IMMEDIATE_COMMIT, renderStartTime, - startTime + yieldedFiber ); } } @@ -17911,10 +18051,38 @@ } function prepareFreshStack(root, lanes) { supportsUserTiming && - (performance.mark("Blocking Track", blockingLaneMarker), - performance.mark("Transition Track", transitionLaneMarker), - performance.mark("Suspense Track", suspenseLaneMarker), - performance.mark("Idle Track", idleLaneMarker)); + (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) { @@ -17931,18 +18099,18 @@ else { var endTime = renderStartTime; supportsUserTiming && - ((reusableLaneDevToolDetails.color = - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), - (reusableLaneOptions.start = previousRenderStartTime), - (reusableLaneOptions.end = endTime), - performance.measure( + console.timeStamp( (lanes & 536870912) === lanes ? "Prewarm" : (lanes & 201326741) === lanes ? "Interrupted Hydration" : "Interrupted Render", - reusableLaneOptions - )); + previousRenderStartTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + ); } finalizeRender(workInProgressRootRenderLanes, renderStartTime); } @@ -17951,7 +18119,7 @@ 0 <= blockingUpdateTime && blockingUpdateTime < blockingClampTime ? blockingClampTime : blockingUpdateTime; - endTime = + var clampedEventTime = 0 <= blockingEventTime && blockingEventTime < blockingClampTime ? blockingClampTime : blockingEventTime; @@ -17959,120 +18127,196 @@ (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( blockingSuspendedTime, - 0 <= endTime - ? endTime + 0 <= clampedEventTime + ? clampedEventTime : 0 <= previousRenderStartTime ? previousRenderStartTime : renderStartTime, lanes )); var eventType = blockingEventType, - eventIsRepeat = blockingEventIsRepeat, - isSpawnedUpdate = blockingSpawnedUpdate, - renderStartTime$jscomp$0 = renderStartTime; - supportsUserTiming && - ((reusableLaneDevToolDetails.track = "Blocking"), - 0 < endTime && - null !== eventType && - ((reusableLaneDevToolDetails.color = eventIsRepeat - ? "secondary-light" - : "warning"), - (reusableLaneOptions.start = endTime), - (reusableLaneOptions.end = - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0), - performance.measure( - eventIsRepeat ? "" : "Event: " + eventType, - reusableLaneOptions - )), + eventIsRepeat = blockingEventIsRepeat; + endTime = blockingSpawnedUpdate; + var renderStartTime$jscomp$0 = renderStartTime, + debugTask = blockingUpdateTask; + if (supportsUserTiming) { + currentTrack = "Blocking"; + if (0 < clampedEventTime && null !== eventType) { + var color = eventIsRepeat ? "secondary-light" : "warning"; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + color + ) + ) + : console.timeStamp( + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + color + ); + } 0 < previousRenderStartTime && - ((reusableLaneDevToolDetails.color = isSpawnedUpdate + ((clampedEventTime = endTime ? "error" : (lanes & 738197653) === lanes ? "tertiary-light" : "primary-light"), - (reusableLaneOptions.start = previousRenderStartTime), - (reusableLaneOptions.end = renderStartTime$jscomp$0), - performance.measure( - isSpawnedUpdate - ? "Cascading Update" - : 5 < renderStartTime$jscomp$0 - previousRenderStartTime - ? "Update Blocked" - : "Update", - reusableLaneOptions - ))); - blockingSuspendedTime = blockingUpdateTime = -1.1; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + endTime + ? "Cascading Update" + : 5 < renderStartTime$jscomp$0 - previousRenderStartTime + ? "Update Blocked" + : "Update", + previousRenderStartTime, + renderStartTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + clampedEventTime + ) + ) + : console.timeStamp( + endTime + ? "Cascading Update" + : 5 < renderStartTime$jscomp$0 - previousRenderStartTime + ? "Update Blocked" + : "Update", + previousRenderStartTime, + renderStartTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + clampedEventTime + )); + } + blockingUpdateTime = -1.1; + blockingUpdateTask = null; + blockingSuspendedTime = -1.1; blockingEventIsRepeat = !0; blockingSpawnedUpdate = !1; } - 0 !== (lanes & 4194048) && - ((previousRenderStartTime = + if (0 !== (lanes & 4194048)) { + previousRenderStartTime = 0 <= transitionStartTime && transitionStartTime < transitionClampTime ? transitionClampTime - : transitionStartTime), - (endTime = + : transitionStartTime; + endTime = 0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime ? transitionClampTime - : transitionUpdateTime), - (eventType = + : transitionUpdateTime; + renderStartTime$jscomp$0 = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime - : transitionEventTime), + : transitionEventTime; 0 <= transitionSuspendedTime && (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= eventType - ? eventType + 0 <= renderStartTime$jscomp$0 + ? renderStartTime$jscomp$0 : 0 <= endTime ? endTime : renderStartTime, lanes - )), - (eventIsRepeat = transitionEventType), - (isSpawnedUpdate = transitionEventIsRepeat), - (renderStartTime$jscomp$0 = renderStartTime), - supportsUserTiming && - ((reusableLaneDevToolDetails.track = "Transition"), - 0 < eventType && - null !== eventIsRepeat && - ((reusableLaneDevToolDetails.color = isSpawnedUpdate - ? "secondary-light" - : "warning"), - (reusableLaneOptions.start = eventType), - (reusableLaneOptions.end = + )); + debugTask = transitionEventType; + clampedEventTime = transitionEventIsRepeat; + eventType = renderStartTime; + eventIsRepeat = transitionUpdateTask; + if (supportsUserTiming) { + currentTrack = "Transition"; + if (0 < renderStartTime$jscomp$0 && null !== debugTask) { + color = clampedEventTime ? "secondary-light" : "warning"; + var endTime$jscomp$0 = 0 < previousRenderStartTime ? previousRenderStartTime : 0 < endTime ? endTime - : renderStartTime$jscomp$0), - performance.measure( - isSpawnedUpdate ? "" : "Event: " + eventIsRepeat, - reusableLaneOptions - )), + : eventType; + eventIsRepeat + ? eventIsRepeat.run( + console.timeStamp.bind( + console, + clampedEventTime ? "" : "Event: " + debugTask, + renderStartTime$jscomp$0, + endTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + color + ) + ) + : console.timeStamp( + clampedEventTime ? "" : "Event: " + debugTask, + renderStartTime$jscomp$0, + endTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + color + ); + } 0 < previousRenderStartTime && - ((reusableLaneDevToolDetails.color = "primary-dark"), - (reusableLaneOptions.start = previousRenderStartTime), - (reusableLaneOptions.end = - 0 < endTime ? endTime : renderStartTime$jscomp$0), - performance.measure("Action", reusableLaneOptions)), + (eventIsRepeat + ? eventIsRepeat.run( + console.timeStamp.bind( + console, + "Action", + previousRenderStartTime, + 0 < endTime ? endTime : eventType, + currentTrack, + LANES_TRACK_GROUP, + "primary-dark" + ) + ) + : console.timeStamp( + "Action", + previousRenderStartTime, + 0 < endTime ? endTime : eventType, + currentTrack, + LANES_TRACK_GROUP, + "primary-dark" + )); 0 < endTime && - ((reusableLaneDevToolDetails.color = "primary-light"), - (reusableLaneOptions.start = endTime), - (reusableLaneOptions.end = renderStartTime$jscomp$0), - performance.measure( - 5 < renderStartTime$jscomp$0 - endTime - ? "Update Blocked" - : "Update", - reusableLaneOptions - ))), - (transitionSuspendedTime = - transitionUpdateTime = - transitionStartTime = - -1.1), - (transitionEventIsRepeat = !0)); + (eventIsRepeat + ? eventIsRepeat.run( + console.timeStamp.bind( + console, + 5 < eventType - endTime ? "Update Blocked" : "Update", + endTime, + eventType, + currentTrack, + LANES_TRACK_GROUP, + "primary-light" + ) + ) + : console.timeStamp( + 5 < eventType - endTime ? "Update Blocked" : "Update", + endTime, + eventType, + currentTrack, + LANES_TRACK_GROUP, + "primary-light" + )); + } + transitionUpdateTime = transitionStartTime = -1.1; + transitionUpdateTask = null; + transitionSuspendedTime = -1.1; + transitionEventIsRepeat = !0; + } previousRenderStartTime = root.timeoutHandle; previousRenderStartTime !== noTimeout && ((root.timeoutHandle = noTimeout), @@ -18106,10 +18350,10 @@ endTime = root.entangledLanes; if (0 !== endTime) for (root = root.entanglements, endTime &= lanes; 0 < endTime; ) - (eventType = 31 - clz32(endTime)), - (eventIsRepeat = 1 << eventType), - (lanes |= root[eventType]), - (endTime &= ~eventIsRepeat); + (renderStartTime$jscomp$0 = 31 - clz32(endTime)), + (debugTask = 1 << renderStartTime$jscomp$0), + (lanes |= root[renderStartTime$jscomp$0]), + (endTime &= ~debugTask); entangledRenderLanes = lanes; finishQueueingConcurrentUpdates(); root = getCurrentTime(); @@ -18677,10 +18921,18 @@ finishedWork.alternate.memoizedState.isDehydrated && 0 !== (finishedWork.flags & 256) ) - : logRenderPhase( + : supportsUserTiming && + console.timeStamp( + (lanes & 536870912) === lanes + ? "Prepared" + : (lanes & 201326741) === lanes + ? "Hydrated" + : "Render", completedRenderStartTime, completedRenderEndTime, - lanes + currentTrack, + LANES_TRACK_GROUP, + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" ); if (null === finishedWork) null !== root.stoppingGestures && stopCompletedGestures(root); @@ -18737,9 +18989,25 @@ commitErrors = null; commitStartTime = now(); suspendedCommitReason === SUSPENDED_COMMIT - ? logSuspendedCommitPhase(completedRenderEndTime, commitStartTime) + ? supportsUserTiming && + console.timeStamp( + "Suspended on CSS or Images", + completedRenderEndTime, + commitStartTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + ) : suspendedCommitReason === THROTTLED_COMMIT && - logSuspenseThrottlePhase(completedRenderEndTime, commitStartTime); + supportsUserTiming && + console.timeStamp( + "Throttled", + completedRenderEndTime, + commitStartTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + ); shouldStartViewTransition = !1; suspendedCommitReason = 0 !== (finishedWork.flags & 13878); if ( @@ -18991,10 +19259,14 @@ !1 ) : supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-dark"), - (reusableLaneOptions.start = completedRenderEndTime), - (reusableLaneOptions.end = suspendedCommitReason), - performance.measure("Commit", reusableLaneOptions)); + console.timeStamp( + "Commit", + completedRenderEndTime, + suspendedCommitReason, + currentTrack, + LANES_TRACK_GROUP, + "secondary-dark" + ); completedRenderEndTime = (lanes & 335544064) === lanes ? 10262 : 10256; (completedRenderEndTime = 0 !== finishedWork.actualDuration || @@ -19405,17 +19677,15 @@ var passiveEffectStartTime = 0; commitErrors = null; passiveEffectStartTime = now$1(); - var startTime = commitEndTime, - endTime = passiveEffectStartTime; - wasDelayedCommit = !!wasDelayedCommit; supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-light"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure( + console.timeStamp( wasDelayedCommit ? "Waiting for Paint" : "", - reusableLaneOptions - )); + commitEndTime, + passiveEffectStartTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + ); wasDelayedCommit = executionContext; executionContext |= CommitContext; var finishedWork = priority.current; @@ -19443,10 +19713,14 @@ !0 ) : supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-dark"), - (reusableLaneOptions.start = finishedWork$jscomp$0), - (reusableLaneOptions.end = passiveEffectsEndTime), - performance.measure("Remaining Effects", reusableLaneOptions)); + console.timeStamp( + "Remaining Effects", + finishedWork$jscomp$0, + passiveEffectsEndTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-dark" + ); finalizeRender(lanes, passiveEffectsEndTime); flushSyncWorkAcrossRoots_impl(0, !1); didScheduleUpdateDuringPassiveEffects @@ -25252,7 +25526,7 @@ (container.callback = callback)); element = enqueueUpdate(rootFiber, container, lane); null !== element && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "root.render()"), scheduleUpdateOnFiber(element, rootFiber, lane), entangleTransitions(element, rootFiber, lane)); } @@ -27222,69 +27496,11 @@ }; } var supportsUserTiming = - "undefined" !== typeof performance && - "function" === typeof performance.measure, + "undefined" !== typeof console && + "function" === typeof console.timeStamp, COMPONENTS_TRACK = "Components \u269b", - reusableComponentDevToolDetails = { - color: "primary", - track: COMPONENTS_TRACK - }, - reusableComponentOptions = { - start: -0, - end: -0, - detail: { devtools: reusableComponentDevToolDetails } - }, LANES_TRACK_GROUP = "Scheduler \u269b", - reusableLaneDevToolDetails = { - color: "primary", - track: "Blocking", - trackGroup: LANES_TRACK_GROUP - }, - reusableLaneOptions = { - start: -0, - end: -0, - detail: { devtools: reusableLaneDevToolDetails } - }, - blockingLaneMarker = { - startTime: 0.003, - detail: { - devtools: { - color: "primary-light", - track: "Blocking", - trackGroup: LANES_TRACK_GROUP - } - } - }, - transitionLaneMarker = { - startTime: 0.003, - detail: { - devtools: { - color: "primary-light", - track: "Transition", - trackGroup: LANES_TRACK_GROUP - } - } - }, - suspenseLaneMarker = { - startTime: 0.003, - detail: { - devtools: { - color: "primary-light", - track: "Suspense", - trackGroup: LANES_TRACK_GROUP - } - } - }, - idleLaneMarker = { - startTime: 0.003, - detail: { - devtools: { - color: "primary-light", - track: "Idle", - trackGroup: LANES_TRACK_GROUP - } - } - }, + currentTrack = "Blocking", valueCursor = createCursor(null); var rendererCursorDEV = createCursor(null); var rendererSigil = {}; @@ -27323,6 +27539,11 @@ }, entangledTransitionTypes = null, now = Scheduler.unstable_now, + createTask = console.createTask + ? console.createTask + : function () { + return null; + }, renderStartTime = -0, commitStartTime = -0, commitEndTime = -0, @@ -27335,6 +27556,7 @@ componentEffectErrors = null, blockingClampTime = -0, blockingUpdateTime = -1.1, + blockingUpdateTask = null, blockingEventTime = -1.1, blockingEventType = null, blockingEventIsRepeat = !1, @@ -27343,6 +27565,7 @@ transitionClampTime = -0, transitionStartTime = -1.1, transitionUpdateTime = -1.1, + transitionUpdateTask = null, transitionEventTime = -1.1, transitionEventType = null, transitionEventIsRepeat = !1, @@ -28925,7 +29148,7 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); payload = enqueueUpdate(inst, update, lane); null !== payload && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "this.setState()"), scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane)); }, @@ -28940,7 +29163,7 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); payload = enqueueUpdate(inst, update, lane); null !== payload && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "this.replaceState()"), scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane)); }, @@ -28954,7 +29177,7 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); callback = enqueueUpdate(inst, update, lane); null !== callback && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "this.forceUpdate()"), scheduleUpdateOnFiber(callback, inst, lane), entangleTransitions(callback, inst, lane)); } @@ -29871,11 +30094,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-408d055a-20250430" !== 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-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -29912,10 +30135,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-5dc00d6b-20250428", + version: "19.2.0-experimental-408d055a-20250430", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-5dc00d6b-20250428" + reconcilerVersion: "19.2.0-experimental-408d055a-20250430" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -30057,7 +30280,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.2.0-experimental-5dc00d6b-20250428"; + exports.version = "19.2.0-experimental-408d055a-20250430"; "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 f472d26312f54..878d9462500ff 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 @@ -5564,8 +5564,14 @@ function requestFormReset$1(formFiber) { var transition = ReactSharedInternals.T; if (null !== transition && transition.gesture) throw Error(formatProdErrorMessage(555)); - transition = ensureFormComponentIsStateful(formFiber).next.queue; - dispatchSetStateInternal(formFiber, transition, {}, requestUpdateLane()); + transition = ensureFormComponentIsStateful(formFiber); + null === transition.next && (transition = formFiber.alternate.memoizedState); + dispatchSetStateInternal( + formFiber, + transition.next.queue, + {}, + requestUpdateLane() + ); } function useHostTransitionStatus() { return readContext(HostTransitionContext); @@ -18651,14 +18657,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2045 = React.version; if ( - "19.2.0-experimental-5dc00d6b-20250428" !== + "19.2.0-experimental-408d055a-20250430" !== isomorphicReactPackageVersion$jscomp$inline_2045 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2045, - "19.2.0-experimental-5dc00d6b-20250428" + "19.2.0-experimental-408d055a-20250430" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -18680,10 +18686,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_2681 = { bundleType: 0, - version: "19.2.0-experimental-5dc00d6b-20250428", + version: "19.2.0-experimental-408d055a-20250430", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-5dc00d6b-20250428" + reconcilerVersion: "19.2.0-experimental-408d055a-20250430" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2682 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -18787,4 +18793,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.2.0-experimental-5dc00d6b-20250428"; +exports.version = "19.2.0-experimental-408d055a-20250430"; 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 1838d6ed864a6..852fb5e7bb698 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 @@ -4742,7 +4742,7 @@ : eventClass; } function setCurrentTrackFromLanes(lanes) { - reusableLaneDevToolDetails.track = + currentTrack = lanes & 127 ? "Blocking" : lanes & 4194176 @@ -4755,10 +4755,26 @@ } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - ((reusableComponentDevToolDetails.color = "warning"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = endTime), - performance.measure(trigger, reusableComponentOptions)); + ((fiber = fiber._debugTask) + ? fiber.run( + console.timeStamp.bind( + console, + trigger, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + "warning" + ) + ) + : console.timeStamp( + trigger, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + "warning" + )); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); @@ -4768,9 +4784,9 @@ if (null !== name && supportsUserTiming) { var selfTime = fiber.actualDuration; if (null === fiber.alternate || fiber.alternate.child !== fiber.child) - for (fiber = fiber.child; null !== fiber; fiber = fiber.sibling) - selfTime -= fiber.actualDuration; - reusableComponentDevToolDetails.color = + for (var child = fiber.child; null !== child; child = child.sibling) + selfTime -= child.actualDuration; + wasHydrated = 0.5 > selfTime ? wasHydrated ? "tertiary-light" @@ -4784,80 +4800,140 @@ ? "tertiary-dark" : "primary-dark" : "error"; - reusableComponentOptions.start = startTime; - reusableComponentOptions.end = endTime; - performance.measure(name, reusableComponentOptions); + (fiber = fiber._debugTask) + ? fiber.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 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) - ]); - } - performance.measure(name, { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: COMPONENTS_TRACK, - tooltipText: - 13 === fiber.tag - ? "Hydration failed" - : "Error boundary caught an error", - properties: properties - } + if (null !== name) + if ( + "undefined" !== typeof performance && + "function" === typeof performance.measure + ) { + 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 == 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, name, fiber) + ) + : performance.measure(name, fiber); + } else + console.timeStamp( + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + "error" + ); } } function logComponentEffect(fiber, startTime, endTime, selfTime, errors) { if (null !== errors) { - if ( - supportsUserTiming && - ((selfTime = getComponentNameFromFiber(fiber)), null !== selfTime) - ) { - fiber = []; - for (var i = 0; i < errors.length; i++) { - var error = errors[i].value; - fiber.push([ - "Error", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ]); - } - performance.measure(selfTime, { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: COMPONENTS_TRACK, - tooltipText: "A lifecycle or effect errored", - properties: fiber + if (supportsUserTiming) { + var name = getComponentNameFromFiber(fiber); + if (null !== name) + if ( + "undefined" !== typeof performance && + "function" === typeof performance.measure + ) { + 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) + ]); } - } - }); + 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, name, startTime) + ) + : performance.measure(name, startTime); + } else + console.timeStamp( + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + "error" + ); } } else - (errors = getComponentNameFromFiber(fiber)), - null !== errors && + (name = getComponentNameFromFiber(fiber)), + null !== name && supportsUserTiming && - ((reusableComponentDevToolDetails.color = + ((errors = 1 > selfTime ? "secondary-light" : 100 > selfTime @@ -4865,40 +4941,48 @@ : 500 > selfTime ? "secondary-dark" : "error"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = endTime), - performance.measure(errors, reusableComponentOptions)); - } - function logRenderPhase(startTime, endTime, lanes) { - supportsUserTiming && - ((reusableLaneDevToolDetails.color = - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure( - (lanes & 536870912) === lanes - ? "Prepared" - : (lanes & 201326741) === lanes - ? "Hydrated" - : "Render", - reusableLaneOptions - )); + (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 logSuspendedRenderPhase(startTime, endTime, lanes) { supportsUserTiming && - ((reusableLaneDevToolDetails.color = - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Prewarm", reusableLaneOptions)); + console.timeStamp( + "Prewarm", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + ); } function logSuspendedWithDelayPhase(startTime, endTime, lanes) { supportsUserTiming && - ((reusableLaneDevToolDetails.color = - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Suspended", reusableLaneOptions)); + console.timeStamp( + "Suspended", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + ); } function logRecoveredRenderPhase( startTime, @@ -4907,86 +4991,100 @@ recoverableErrors, hydrationFailed ) { - if (supportsUserTiming) { - 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) - ]); - } - performance.measure("Recovered", { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "primary-dark", - track: reusableLaneDevToolDetails.track, - trackGroup: LANES_TRACK_GROUP, - tooltipText: hydrationFailed - ? "Hydration Failed" - : "Recovered after Error", - properties: lanes - } + if (supportsUserTiming) + if ( + "undefined" !== typeof performance && + "function" === typeof performance.measure + ) { + 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) + ]); } - }); - } + performance.measure("Recovered", { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "primary-dark", + track: currentTrack, + trackGroup: LANES_TRACK_GROUP, + tooltipText: hydrationFailed + ? "Hydration Failed" + : "Recovered after Error", + properties: lanes + } + } + }); + } else + console.timeStamp( + "Recovered", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + ); } function logErroredRenderPhase(startTime, endTime) { supportsUserTiming && - ((reusableLaneDevToolDetails.color = "error"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Errored", reusableLaneOptions)); - } - function logSuspenseThrottlePhase(startTime, endTime) { - supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-light"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Throttled", reusableLaneOptions)); - } - function logSuspendedCommitPhase(startTime, endTime) { - supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-light"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Suspended on CSS or Images", reusableLaneOptions)); + console.timeStamp( + "Errored", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + ); } function logCommitErrored(startTime, endTime, errors, passive) { - if (supportsUserTiming) { - 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) - ]); - } - performance.measure("Errored", { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: reusableLaneDevToolDetails.track, - trackGroup: LANES_TRACK_GROUP, - tooltipText: passive - ? "Remaining Effects Errored" - : "Commit Errored", - properties: properties - } + if (supportsUserTiming) + if ( + "undefined" !== typeof performance && + "function" === typeof performance.measure + ) { + 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) + ]); } - }); - } + performance.measure("Errored", { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: currentTrack, + trackGroup: LANES_TRACK_GROUP, + tooltipText: passive + ? "Remaining Effects Errored" + : "Commit Errored", + properties: properties + } + } + }); + } else + console.timeStamp( + "Errored", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + ); } function resetContextDependencies() { lastContextDependency = currentlyRenderingFiber$1 = null; @@ -5237,36 +5335,36 @@ root.transitionTypes = null; return claimed; } - function startUpdateTimerByLane(lane) { + function startUpdateTimerByLane(lane, method) { var JSCompiler_temp; (JSCompiler_temp = 0 !== (lane & 3)) || (JSCompiler_temp = 0 !== (lane & 60)); if (JSCompiler_temp) 0 > blockingUpdateTime && ((blockingUpdateTime = now()), + (blockingUpdateTask = createTask(method)), (executionContext & (RenderContext | CommitContext)) !== NoContext && (blockingSpawnedUpdate = !0), (lane = resolveEventTimeStamp()), - (JSCompiler_temp = resolveEventType()), - lane !== blockingEventTime || JSCompiler_temp !== blockingEventType + (method = resolveEventType()), + lane !== blockingEventTime || method !== blockingEventType ? (blockingEventIsRepeat = !1) - : null !== JSCompiler_temp && (blockingSpawnedUpdate = !0), + : null !== method && (blockingSpawnedUpdate = !0), (blockingEventTime = lane), - (blockingEventType = JSCompiler_temp)); + (blockingEventType = method)); else if ( 0 !== (lane & 4194048) && 0 > transitionUpdateTime && - ((transitionUpdateTime = now()), 0 > transitionStartTime) + ((transitionUpdateTime = now()), + (transitionUpdateTask = createTask(method)), + 0 > transitionStartTime) ) { lane = resolveEventTimeStamp(); - JSCompiler_temp = resolveEventType(); - if ( - lane !== transitionEventTime || - JSCompiler_temp !== transitionEventType - ) + method = resolveEventType(); + if (lane !== transitionEventTime || method !== transitionEventType) transitionEventIsRepeat = !1; transitionEventTime = lane; - transitionEventType = JSCompiler_temp; + transitionEventType = method; } } function pushNestedEffectDurations() { @@ -7847,7 +7945,9 @@ } function subscribeToStore(fiber, inst, subscribe) { return subscribe(function () { - checkIfSnapshotChanged(inst) && forceStoreRerender(fiber); + checkIfSnapshotChanged(inst) && + (startUpdateTimerByLane(2, "updateSyncExternalStore()"), + forceStoreRerender(fiber)); }); } function checkIfSnapshotChanged(inst) { @@ -8603,10 +8703,12 @@ throw Error( "Cannot requestFormReset() inside a startGestureTransition. There should be no side-effects associated with starting a Gesture until its Action is invoked. Move side-effects to the Action instead." ); - transition = ensureFormComponentIsStateful(formFiber).next.queue; + transition = ensureFormComponentIsStateful(formFiber); + null === transition.next && + (transition = formFiber.alternate.memoizedState); dispatchSetStateInternal( formFiber, - transition, + transition.next.queue, {}, requestUpdateLane(formFiber) ); @@ -8676,7 +8778,7 @@ fiber = createUpdate(lane); var root = enqueueUpdate(provider, fiber, lane); null !== root && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "refresh()"), scheduleUpdateOnFiber(root, provider, lane), entangleTransitions(root, provider, lane)); provider = createCache(); @@ -8710,7 +8812,7 @@ ? enqueueRenderPhaseUpdate(queue, update) : ((update = enqueueConcurrentHookUpdate(fiber, queue, update, args)), null !== update && - (startUpdateTimerByLane(args), + (startUpdateTimerByLane(args, "dispatch()"), scheduleUpdateOnFiber(update, fiber, args), entangleTransitionUpdate(update, queue, args))); } @@ -8722,7 +8824,7 @@ ); args = requestUpdateLane(fiber); dispatchSetStateInternal(fiber, queue, action, args) && - startUpdateTimerByLane(args); + startUpdateTimerByLane(args, "setState()"); } function dispatchSetStateInternal(fiber, queue, action, lane) { var update = { @@ -8805,7 +8907,7 @@ lane )), null !== throwIfDuringRender && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "setOptimistic()"), scheduleUpdateOnFiber(throwIfDuringRender, fiber, lane), null !== transition && ((transition = transition.gesture), null !== transition))) @@ -10316,25 +10418,25 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_2988; - var JSCompiler_object_inline_stack_2987 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_3012; + var JSCompiler_object_inline_stack_3011 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_digest_2986 = !1; + var JSCompiler_object_inline_digest_3010 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_2988 = didSuspend) || - (JSCompiler_object_inline_componentStack_2988 = + (JSCompiler_object_inline_componentStack_3012 = didSuspend) || + (JSCompiler_object_inline_componentStack_3012 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_2988 && - ((JSCompiler_object_inline_digest_2986 = !0), + JSCompiler_object_inline_componentStack_3012 && + ((JSCompiler_object_inline_digest_3010 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_2988 = + JSCompiler_object_inline_componentStack_3012 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_digest_2986 + JSCompiler_object_inline_digest_3010 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (current = nextHydratableInstance) @@ -10347,20 +10449,20 @@ ? renderLanes : null), null !== renderLanes && - ((JSCompiler_object_inline_componentStack_2988 = { + ((JSCompiler_object_inline_componentStack_3012 = { dehydrated: renderLanes, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_componentStack_2988), - (JSCompiler_object_inline_componentStack_2988 = + JSCompiler_object_inline_componentStack_3012), + (JSCompiler_object_inline_componentStack_3012 = createFiberFromDehydratedFragment(renderLanes)), - (JSCompiler_object_inline_componentStack_2988.return = + (JSCompiler_object_inline_componentStack_3012.return = workInProgress), (workInProgress.child = - JSCompiler_object_inline_componentStack_2988), + JSCompiler_object_inline_componentStack_3012), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (renderLanes = null); @@ -10374,12 +10476,12 @@ : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_2987.children, - nextFallbackChildren = JSCompiler_object_inline_stack_2987.fallback; - if (JSCompiler_object_inline_digest_2986) + var nextPrimaryChildren = JSCompiler_object_inline_stack_3011.children, + nextFallbackChildren = JSCompiler_object_inline_stack_3011.fallback; + if (JSCompiler_object_inline_digest_3010) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2987 = + (JSCompiler_object_inline_stack_3011 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10391,19 +10493,19 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2988, + JSCompiler_object_inline_componentStack_3012, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2987 + JSCompiler_object_inline_stack_3011 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2987.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_3011.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2987 = + (JSCompiler_object_inline_stack_3011 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10415,12 +10517,12 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2988, + JSCompiler_object_inline_componentStack_3012, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2987 + JSCompiler_object_inline_stack_3011 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( @@ -10430,8 +10532,8 @@ } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_message_2985 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_message_2985) { + var JSCompiler_object_inline_message_3009 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_message_3009) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -10448,13 +10550,13 @@ (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_2987.fallback), + JSCompiler_object_inline_stack_3011.fallback), (nextFallbackChildren = workInProgress.mode), - (JSCompiler_object_inline_stack_2987 = + (JSCompiler_object_inline_stack_3011 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2987.children + children: JSCompiler_object_inline_stack_3011.children }, nextFallbackChildren )), @@ -10465,24 +10567,24 @@ null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_2987.return = workInProgress), + (JSCompiler_object_inline_stack_3011.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_2987.sibling = + (JSCompiler_object_inline_stack_3011.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_2987), + (workInProgress.child = JSCompiler_object_inline_stack_3011), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2987 = workInProgress.child), - (JSCompiler_object_inline_stack_2987.memoizedState = + (JSCompiler_object_inline_stack_3011 = workInProgress.child), + (JSCompiler_object_inline_stack_3011.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2987.childLanes = + (JSCompiler_object_inline_stack_3011.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2988, + JSCompiler_object_inline_componentStack_3012, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -10490,48 +10592,48 @@ else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2985)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_3009)) ) { - JSCompiler_object_inline_componentStack_2988 = - JSCompiler_object_inline_message_2985.nextSibling && - JSCompiler_object_inline_message_2985.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_2988) { + JSCompiler_object_inline_componentStack_3012 = + JSCompiler_object_inline_message_3009.nextSibling && + JSCompiler_object_inline_message_3009.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_3012) { nextPrimaryChildren = - JSCompiler_object_inline_componentStack_2988.dgst; - var message = JSCompiler_object_inline_componentStack_2988.msg; + JSCompiler_object_inline_componentStack_3012.dgst; + var message = JSCompiler_object_inline_componentStack_3012.msg; nextFallbackChildren = - JSCompiler_object_inline_componentStack_2988.stck; + JSCompiler_object_inline_componentStack_3012.stck; var componentStack = - JSCompiler_object_inline_componentStack_2988.cstck; + JSCompiler_object_inline_componentStack_3012.cstck; } - JSCompiler_object_inline_message_2985 = message; - JSCompiler_object_inline_digest_2986 = nextPrimaryChildren; - JSCompiler_object_inline_stack_2987 = nextFallbackChildren; - JSCompiler_object_inline_componentStack_2988 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_digest_2986; - nextFallbackChildren = JSCompiler_object_inline_message_2985; - componentStack = JSCompiler_object_inline_componentStack_2988; + JSCompiler_object_inline_message_3009 = message; + JSCompiler_object_inline_digest_3010 = nextPrimaryChildren; + JSCompiler_object_inline_stack_3011 = nextFallbackChildren; + JSCompiler_object_inline_componentStack_3012 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_digest_3010; + nextFallbackChildren = JSCompiler_object_inline_message_3009; + componentStack = JSCompiler_object_inline_componentStack_3012; "POSTPONE" !== nextPrimaryChildren && - ((JSCompiler_object_inline_componentStack_2988 = + ((JSCompiler_object_inline_componentStack_3012 = 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_2988.stack = - JSCompiler_object_inline_stack_2987 || ""), - (JSCompiler_object_inline_componentStack_2988.digest = + (JSCompiler_object_inline_componentStack_3012.stack = + JSCompiler_object_inline_stack_3011 || ""), + (JSCompiler_object_inline_componentStack_3012.digest = nextPrimaryChildren), - (JSCompiler_object_inline_stack_2987 = + (JSCompiler_object_inline_stack_3011 = void 0 === componentStack ? null : componentStack), (nextPrimaryChildren = { - value: JSCompiler_object_inline_componentStack_2988, + value: JSCompiler_object_inline_componentStack_3012, source: null, - stack: JSCompiler_object_inline_stack_2987 + stack: JSCompiler_object_inline_stack_3011 }), - "string" === typeof JSCompiler_object_inline_stack_2987 && + "string" === typeof JSCompiler_object_inline_stack_3011 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2988, + JSCompiler_object_inline_componentStack_3012, nextPrimaryChildren ), queueHydrationError(nextPrimaryChildren)); @@ -10548,34 +10650,34 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_2988 = + (JSCompiler_object_inline_componentStack_3012 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_2988) + didReceiveUpdate || JSCompiler_object_inline_componentStack_3012) ) { - JSCompiler_object_inline_componentStack_2988 = workInProgressRoot; + JSCompiler_object_inline_componentStack_3012 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_2988 && - ((JSCompiler_object_inline_stack_2987 = getBumpedLaneForHydration( - JSCompiler_object_inline_componentStack_2988, + null !== JSCompiler_object_inline_componentStack_3012 && + ((JSCompiler_object_inline_stack_3011 = getBumpedLaneForHydration( + JSCompiler_object_inline_componentStack_3012, renderLanes )), - 0 !== JSCompiler_object_inline_stack_2987 && - JSCompiler_object_inline_stack_2987 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_3011 && + JSCompiler_object_inline_stack_3011 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2987), + ((prevState.retryLane = JSCompiler_object_inline_stack_3011), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2987 + JSCompiler_object_inline_stack_3011 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_2988, + JSCompiler_object_inline_componentStack_3012, current, - JSCompiler_object_inline_stack_2987 + JSCompiler_object_inline_stack_3011 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_2985.data === + JSCompiler_object_inline_message_3009.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10583,14 +10685,14 @@ renderLanes ); } else - JSCompiler_object_inline_message_2985.data === + JSCompiler_object_inline_message_3009.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2985.nextSibling + JSCompiler_object_inline_message_3009.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10602,31 +10704,31 @@ restoreSuspendedTreeContext(workInProgress, current), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2987.children + JSCompiler_object_inline_stack_3011.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_digest_2986) + if (JSCompiler_object_inline_digest_3010) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_2987.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_3011.fallback), (nextFallbackChildren = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_message_2985 = componentStack.sibling), - (JSCompiler_object_inline_stack_2987 = createWorkInProgress( + (JSCompiler_object_inline_message_3009 = componentStack.sibling), + (JSCompiler_object_inline_stack_3011 = createWorkInProgress( componentStack, { mode: "hidden", - children: JSCompiler_object_inline_stack_2987.children + children: JSCompiler_object_inline_stack_3011.children } )), - (JSCompiler_object_inline_stack_2987.subtreeFlags = + (JSCompiler_object_inline_stack_3011.subtreeFlags = componentStack.subtreeFlags & 65011712), - null !== JSCompiler_object_inline_message_2985 + null !== JSCompiler_object_inline_message_3009 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_message_2985, + JSCompiler_object_inline_message_3009, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -10637,24 +10739,24 @@ )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_2987.return = workInProgress), - (JSCompiler_object_inline_stack_2987.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_2987), - (JSCompiler_object_inline_stack_2987 = nextPrimaryChildren), + (JSCompiler_object_inline_stack_3011.return = workInProgress), + (JSCompiler_object_inline_stack_3011.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_3011), + (JSCompiler_object_inline_stack_3011 = nextPrimaryChildren), (nextPrimaryChildren = workInProgress.child), (nextFallbackChildren = current.child.memoizedState), null === nextFallbackChildren ? (nextFallbackChildren = mountSuspenseOffscreenState(renderLanes)) : ((componentStack = nextFallbackChildren.cachePool), null !== componentStack - ? ((JSCompiler_object_inline_message_2985 = + ? ((JSCompiler_object_inline_message_3009 = CacheContext._currentValue), (componentStack = componentStack.parent !== - JSCompiler_object_inline_message_2985 + JSCompiler_object_inline_message_3009 ? { - parent: JSCompiler_object_inline_message_2985, - pool: JSCompiler_object_inline_message_2985 + parent: JSCompiler_object_inline_message_3009, + pool: JSCompiler_object_inline_message_3009 } : componentStack)) : (componentStack = getSuspendedCache()), @@ -10665,28 +10767,28 @@ (nextPrimaryChildren.memoizedState = nextFallbackChildren), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2988, + JSCompiler_object_inline_componentStack_3012, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2987 + JSCompiler_object_inline_stack_3011 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2987.children + children: JSCompiler_object_inline_stack_3011.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_2988 = + ((JSCompiler_object_inline_componentStack_3012 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_2988 + null === JSCompiler_object_inline_componentStack_3012 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_2988.push(current)); + : JSCompiler_object_inline_componentStack_3012.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -17492,81 +17594,118 @@ if ((executionContext & (RenderContext | CommitContext)) !== NoContext) throw Error("Should not already be working."); if (0 !== workInProgressRootRenderLanes && null !== workInProgress) { - var yieldEndTime = now$1(); + var yieldedFiber = workInProgress, + yieldEndTime = now$1(); switch (yieldReason) { case SuspendedOnImmediate: case SuspendedOnData: var startTime = yieldStartTime; supportsUserTiming && - ((reusableComponentDevToolDetails.color = "primary-light"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = yieldEndTime), - performance.measure("Suspended", reusableComponentOptions)); + ((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 && - ((reusableComponentDevToolDetails.color = "primary-light"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = yieldEndTime), - performance.measure("Action", reusableComponentOptions)); + ((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: - if (((startTime = yieldStartTime), supportsUserTiming)) { - var yieldDuration = yieldEndTime - startTime; - 3 > yieldDuration || - ((reusableComponentDevToolDetails.color = - 5 > yieldDuration + supportsUserTiming && + ((yieldedFiber = yieldEndTime - yieldStartTime), + 3 > yieldedFiber || + console.timeStamp( + "Blocked", + yieldStartTime, + yieldEndTime, + COMPONENTS_TRACK, + void 0, + 5 > yieldedFiber ? "primary-light" - : 10 > yieldDuration + : 10 > yieldedFiber ? "primary" - : 100 > yieldDuration + : 100 > yieldedFiber ? "primary-dark" - : "error"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = yieldEndTime), - performance.measure("Blocked", reusableComponentOptions)); - } + : "error" + )); } } - yieldDuration = (forceSync = + startTime = (yieldEndTime = (!forceSync && 0 === (lanes & 124) && 0 === (lanes & root.expiredLanes)) || checkIfRootIsPrerendering(root, lanes)) ? renderRootConcurrent(root, lanes) : renderRootSync(root, lanes, !0); - var renderWasConcurrent = forceSync; + var renderWasConcurrent = yieldEndTime; do { - if (yieldDuration === RootInProgress) { + if (startTime === RootInProgress) { workInProgressRootIsPrerendering && - !forceSync && + !yieldEndTime && markRootSuspended(root, lanes, 0, !1); lanes = workInProgressSuspendedReason; yieldStartTime = now(); yieldReason = lanes; break; } else { - startTime = now$1(); - yieldEndTime = root.current.alternate; + yieldedFiber = now$1(); + forceSync = root.current.alternate; if ( renderWasConcurrent && - !isRenderConsistentWithExternalStores(yieldEndTime) + !isRenderConsistentWithExternalStores(forceSync) ) { setCurrentTrackFromLanes(lanes); - yieldEndTime = renderStartTime; - yieldDuration = startTime; supportsUserTiming && - ((reusableLaneDevToolDetails.color = "error"), - (reusableLaneOptions.start = yieldEndTime), - (reusableLaneOptions.end = yieldDuration), - performance.measure("Teared Render", reusableLaneOptions)); - finalizeRender(lanes, startTime); - yieldDuration = renderRootSync(root, lanes, !1); + console.timeStamp( + "Teared Render", + renderStartTime, + yieldedFiber, + currentTrack, + LANES_TRACK_GROUP, + "error" + ); + finalizeRender(lanes, yieldedFiber); + startTime = renderRootSync(root, lanes, !1); renderWasConcurrent = !1; continue; } - if (yieldDuration === RootErrored) { + if (startTime === RootErrored) { renderWasConcurrent = lanes; if (root.errorRecoveryDisabledLanes & renderWasConcurrent) var errorRetryLanes = 0; @@ -17580,19 +17719,20 @@ : 0); if (0 !== errorRetryLanes) { setCurrentTrackFromLanes(lanes); - logErroredRenderPhase(renderStartTime, startTime); - finalizeRender(lanes, startTime); + logErroredRenderPhase(renderStartTime, yieldedFiber); + finalizeRender(lanes, yieldedFiber); lanes = errorRetryLanes; a: { - startTime = root; - yieldDuration = renderWasConcurrent; + yieldedFiber = root; + startTime = renderWasConcurrent; renderWasConcurrent = workInProgressRootConcurrentErrors; var wasRootDehydrated = - startTime.current.memoizedState.isDehydrated; + yieldedFiber.current.memoizedState.isDehydrated; wasRootDehydrated && - (prepareFreshStack(startTime, errorRetryLanes).flags |= 256); + (prepareFreshStack(yieldedFiber, errorRetryLanes).flags |= + 256); errorRetryLanes = renderRootSync( - startTime, + yieldedFiber, errorRetryLanes, !1 ); @@ -17601,39 +17741,39 @@ workInProgressRootDidAttachPingListener && !wasRootDehydrated ) { - startTime.errorRecoveryDisabledLanes |= yieldDuration; - workInProgressRootInterleavedUpdatedLanes |= yieldDuration; - yieldDuration = RootSuspendedWithDelay; + yieldedFiber.errorRecoveryDisabledLanes |= startTime; + workInProgressRootInterleavedUpdatedLanes |= startTime; + startTime = RootSuspendedWithDelay; break a; } - startTime = workInProgressRootRecoverableErrors; + yieldedFiber = workInProgressRootRecoverableErrors; workInProgressRootRecoverableErrors = renderWasConcurrent; - null !== startTime && + null !== yieldedFiber && (null === workInProgressRootRecoverableErrors - ? (workInProgressRootRecoverableErrors = startTime) + ? (workInProgressRootRecoverableErrors = yieldedFiber) : workInProgressRootRecoverableErrors.push.apply( workInProgressRootRecoverableErrors, - startTime + yieldedFiber )); } - yieldDuration = errorRetryLanes; + startTime = errorRetryLanes; } renderWasConcurrent = !1; - if (yieldDuration !== RootErrored) continue; - else startTime = now$1(); + if (startTime !== RootErrored) continue; + else yieldedFiber = now$1(); } } - if (yieldDuration === RootFatalErrored) { + if (startTime === RootFatalErrored) { setCurrentTrackFromLanes(lanes); - logErroredRenderPhase(renderStartTime, startTime); - finalizeRender(lanes, startTime); + logErroredRenderPhase(renderStartTime, yieldedFiber); + finalizeRender(lanes, yieldedFiber); prepareFreshStack(root, 0); markRootSuspended(root, lanes, 0, !0); break; } a: { - forceSync = root; - switch (yieldDuration) { + yieldEndTime = root; + switch (startTime) { case RootInProgress: case RootFatalErrored: throw Error("Root did not complete. This is a bug in React."); @@ -17641,15 +17781,15 @@ if ((lanes & 4194048) !== lanes) break; case RootSuspendedAtTheShell: setCurrentTrackFromLanes(lanes); - logSuspendedRenderPhase(renderStartTime, startTime, lanes); - finalizeRender(lanes, startTime); - yieldEndTime = lanes; - 0 !== (yieldEndTime & 3) || 0 !== (yieldEndTime & 124) - ? (blockingSuspendedTime = startTime) - : 0 !== (yieldEndTime & 4194048) && - (transitionSuspendedTime = startTime); + logSuspendedRenderPhase(renderStartTime, yieldedFiber, lanes); + finalizeRender(lanes, yieldedFiber); + forceSync = lanes; + 0 !== (forceSync & 3) || 0 !== (forceSync & 124) + ? (blockingSuspendedTime = yieldedFiber) + : 0 !== (forceSync & 4194048) && + (transitionSuspendedTime = yieldedFiber); markRootSuspended( - forceSync, + yieldEndTime, lanes, workInProgressDeferredLane, !workInProgressRootDidSkipSuspendedSiblings @@ -17666,8 +17806,8 @@ } if (null !== ReactSharedInternals.actQueue) commitRoot( - forceSync, yieldEndTime, + forceSync, lanes, workInProgressRootRecoverableErrors, workInProgressTransitions, @@ -17675,10 +17815,10 @@ workInProgressDeferredLane, workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, - yieldDuration, + startTime, IMMEDIATE_COMMIT, renderStartTime, - startTime + yieldedFiber ); else { if ( @@ -17690,17 +17830,17 @@ 10 < renderWasConcurrent) ) { markRootSuspended( - forceSync, + yieldEndTime, lanes, workInProgressDeferredLane, !workInProgressRootDidSkipSuspendedSiblings ); - if (0 !== getNextLanes(forceSync, 0, !0)) break a; - forceSync.timeoutHandle = scheduleTimeout( + if (0 !== getNextLanes(yieldEndTime, 0, !0)) break a; + yieldEndTime.timeoutHandle = scheduleTimeout( commitRootWhenReady.bind( null, - forceSync, yieldEndTime, + forceSync, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, @@ -17709,18 +17849,18 @@ workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - yieldDuration, + startTime, THROTTLED_COMMIT, renderStartTime, - startTime + yieldedFiber ), renderWasConcurrent ); break a; } commitRootWhenReady( - forceSync, yieldEndTime, + forceSync, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, @@ -17729,10 +17869,10 @@ workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - yieldDuration, + startTime, IMMEDIATE_COMMIT, renderStartTime, - startTime + yieldedFiber ); } } @@ -17919,10 +18059,38 @@ } function prepareFreshStack(root, lanes) { supportsUserTiming && - (performance.mark("Blocking Track", blockingLaneMarker), - performance.mark("Transition Track", transitionLaneMarker), - performance.mark("Suspense Track", suspenseLaneMarker), - performance.mark("Idle Track", idleLaneMarker)); + (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) { @@ -17939,18 +18107,18 @@ else { var endTime = renderStartTime; supportsUserTiming && - ((reusableLaneDevToolDetails.color = - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), - (reusableLaneOptions.start = previousRenderStartTime), - (reusableLaneOptions.end = endTime), - performance.measure( + console.timeStamp( (lanes & 536870912) === lanes ? "Prewarm" : (lanes & 201326741) === lanes ? "Interrupted Hydration" : "Interrupted Render", - reusableLaneOptions - )); + previousRenderStartTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + ); } finalizeRender(workInProgressRootRenderLanes, renderStartTime); } @@ -17959,7 +18127,7 @@ 0 <= blockingUpdateTime && blockingUpdateTime < blockingClampTime ? blockingClampTime : blockingUpdateTime; - endTime = + var clampedEventTime = 0 <= blockingEventTime && blockingEventTime < blockingClampTime ? blockingClampTime : blockingEventTime; @@ -17967,120 +18135,196 @@ (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( blockingSuspendedTime, - 0 <= endTime - ? endTime + 0 <= clampedEventTime + ? clampedEventTime : 0 <= previousRenderStartTime ? previousRenderStartTime : renderStartTime, lanes )); var eventType = blockingEventType, - eventIsRepeat = blockingEventIsRepeat, - isSpawnedUpdate = blockingSpawnedUpdate, - renderStartTime$jscomp$0 = renderStartTime; - supportsUserTiming && - ((reusableLaneDevToolDetails.track = "Blocking"), - 0 < endTime && - null !== eventType && - ((reusableLaneDevToolDetails.color = eventIsRepeat - ? "secondary-light" - : "warning"), - (reusableLaneOptions.start = endTime), - (reusableLaneOptions.end = - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0), - performance.measure( - eventIsRepeat ? "" : "Event: " + eventType, - reusableLaneOptions - )), + eventIsRepeat = blockingEventIsRepeat; + endTime = blockingSpawnedUpdate; + var renderStartTime$jscomp$0 = renderStartTime, + debugTask = blockingUpdateTask; + if (supportsUserTiming) { + currentTrack = "Blocking"; + if (0 < clampedEventTime && null !== eventType) { + var color = eventIsRepeat ? "secondary-light" : "warning"; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + color + ) + ) + : console.timeStamp( + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + color + ); + } 0 < previousRenderStartTime && - ((reusableLaneDevToolDetails.color = isSpawnedUpdate + ((clampedEventTime = endTime ? "error" : (lanes & 738197653) === lanes ? "tertiary-light" : "primary-light"), - (reusableLaneOptions.start = previousRenderStartTime), - (reusableLaneOptions.end = renderStartTime$jscomp$0), - performance.measure( - isSpawnedUpdate - ? "Cascading Update" - : 5 < renderStartTime$jscomp$0 - previousRenderStartTime - ? "Update Blocked" - : "Update", - reusableLaneOptions - ))); - blockingSuspendedTime = blockingUpdateTime = -1.1; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + endTime + ? "Cascading Update" + : 5 < renderStartTime$jscomp$0 - previousRenderStartTime + ? "Update Blocked" + : "Update", + previousRenderStartTime, + renderStartTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + clampedEventTime + ) + ) + : console.timeStamp( + endTime + ? "Cascading Update" + : 5 < renderStartTime$jscomp$0 - previousRenderStartTime + ? "Update Blocked" + : "Update", + previousRenderStartTime, + renderStartTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + clampedEventTime + )); + } + blockingUpdateTime = -1.1; + blockingUpdateTask = null; + blockingSuspendedTime = -1.1; blockingEventIsRepeat = !0; blockingSpawnedUpdate = !1; } - 0 !== (lanes & 4194048) && - ((previousRenderStartTime = + if (0 !== (lanes & 4194048)) { + previousRenderStartTime = 0 <= transitionStartTime && transitionStartTime < transitionClampTime ? transitionClampTime - : transitionStartTime), - (endTime = + : transitionStartTime; + endTime = 0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime ? transitionClampTime - : transitionUpdateTime), - (eventType = + : transitionUpdateTime; + renderStartTime$jscomp$0 = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime - : transitionEventTime), + : transitionEventTime; 0 <= transitionSuspendedTime && (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= eventType - ? eventType + 0 <= renderStartTime$jscomp$0 + ? renderStartTime$jscomp$0 : 0 <= endTime ? endTime : renderStartTime, lanes - )), - (eventIsRepeat = transitionEventType), - (isSpawnedUpdate = transitionEventIsRepeat), - (renderStartTime$jscomp$0 = renderStartTime), - supportsUserTiming && - ((reusableLaneDevToolDetails.track = "Transition"), - 0 < eventType && - null !== eventIsRepeat && - ((reusableLaneDevToolDetails.color = isSpawnedUpdate - ? "secondary-light" - : "warning"), - (reusableLaneOptions.start = eventType), - (reusableLaneOptions.end = + )); + debugTask = transitionEventType; + clampedEventTime = transitionEventIsRepeat; + eventType = renderStartTime; + eventIsRepeat = transitionUpdateTask; + if (supportsUserTiming) { + currentTrack = "Transition"; + if (0 < renderStartTime$jscomp$0 && null !== debugTask) { + color = clampedEventTime ? "secondary-light" : "warning"; + var endTime$jscomp$0 = 0 < previousRenderStartTime ? previousRenderStartTime : 0 < endTime ? endTime - : renderStartTime$jscomp$0), - performance.measure( - isSpawnedUpdate ? "" : "Event: " + eventIsRepeat, - reusableLaneOptions - )), + : eventType; + eventIsRepeat + ? eventIsRepeat.run( + console.timeStamp.bind( + console, + clampedEventTime ? "" : "Event: " + debugTask, + renderStartTime$jscomp$0, + endTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + color + ) + ) + : console.timeStamp( + clampedEventTime ? "" : "Event: " + debugTask, + renderStartTime$jscomp$0, + endTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + color + ); + } 0 < previousRenderStartTime && - ((reusableLaneDevToolDetails.color = "primary-dark"), - (reusableLaneOptions.start = previousRenderStartTime), - (reusableLaneOptions.end = - 0 < endTime ? endTime : renderStartTime$jscomp$0), - performance.measure("Action", reusableLaneOptions)), + (eventIsRepeat + ? eventIsRepeat.run( + console.timeStamp.bind( + console, + "Action", + previousRenderStartTime, + 0 < endTime ? endTime : eventType, + currentTrack, + LANES_TRACK_GROUP, + "primary-dark" + ) + ) + : console.timeStamp( + "Action", + previousRenderStartTime, + 0 < endTime ? endTime : eventType, + currentTrack, + LANES_TRACK_GROUP, + "primary-dark" + )); 0 < endTime && - ((reusableLaneDevToolDetails.color = "primary-light"), - (reusableLaneOptions.start = endTime), - (reusableLaneOptions.end = renderStartTime$jscomp$0), - performance.measure( - 5 < renderStartTime$jscomp$0 - endTime - ? "Update Blocked" - : "Update", - reusableLaneOptions - ))), - (transitionSuspendedTime = - transitionUpdateTime = - transitionStartTime = - -1.1), - (transitionEventIsRepeat = !0)); + (eventIsRepeat + ? eventIsRepeat.run( + console.timeStamp.bind( + console, + 5 < eventType - endTime ? "Update Blocked" : "Update", + endTime, + eventType, + currentTrack, + LANES_TRACK_GROUP, + "primary-light" + ) + ) + : console.timeStamp( + 5 < eventType - endTime ? "Update Blocked" : "Update", + endTime, + eventType, + currentTrack, + LANES_TRACK_GROUP, + "primary-light" + )); + } + transitionUpdateTime = transitionStartTime = -1.1; + transitionUpdateTask = null; + transitionSuspendedTime = -1.1; + transitionEventIsRepeat = !0; + } previousRenderStartTime = root.timeoutHandle; previousRenderStartTime !== noTimeout && ((root.timeoutHandle = noTimeout), @@ -18114,10 +18358,10 @@ endTime = root.entangledLanes; if (0 !== endTime) for (root = root.entanglements, endTime &= lanes; 0 < endTime; ) - (eventType = 31 - clz32(endTime)), - (eventIsRepeat = 1 << eventType), - (lanes |= root[eventType]), - (endTime &= ~eventIsRepeat); + (renderStartTime$jscomp$0 = 31 - clz32(endTime)), + (debugTask = 1 << renderStartTime$jscomp$0), + (lanes |= root[renderStartTime$jscomp$0]), + (endTime &= ~debugTask); entangledRenderLanes = lanes; finishQueueingConcurrentUpdates(); root = getCurrentTime(); @@ -18685,10 +18929,18 @@ finishedWork.alternate.memoizedState.isDehydrated && 0 !== (finishedWork.flags & 256) ) - : logRenderPhase( + : supportsUserTiming && + console.timeStamp( + (lanes & 536870912) === lanes + ? "Prepared" + : (lanes & 201326741) === lanes + ? "Hydrated" + : "Render", completedRenderStartTime, completedRenderEndTime, - lanes + currentTrack, + LANES_TRACK_GROUP, + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" ); if (null === finishedWork) null !== root.stoppingGestures && stopCompletedGestures(root); @@ -18745,9 +18997,25 @@ commitErrors = null; commitStartTime = now(); suspendedCommitReason === SUSPENDED_COMMIT - ? logSuspendedCommitPhase(completedRenderEndTime, commitStartTime) + ? supportsUserTiming && + console.timeStamp( + "Suspended on CSS or Images", + completedRenderEndTime, + commitStartTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + ) : suspendedCommitReason === THROTTLED_COMMIT && - logSuspenseThrottlePhase(completedRenderEndTime, commitStartTime); + supportsUserTiming && + console.timeStamp( + "Throttled", + completedRenderEndTime, + commitStartTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + ); shouldStartViewTransition = !1; suspendedCommitReason = 0 !== (finishedWork.flags & 13878); if ( @@ -18999,10 +19267,14 @@ !1 ) : supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-dark"), - (reusableLaneOptions.start = completedRenderEndTime), - (reusableLaneOptions.end = suspendedCommitReason), - performance.measure("Commit", reusableLaneOptions)); + console.timeStamp( + "Commit", + completedRenderEndTime, + suspendedCommitReason, + currentTrack, + LANES_TRACK_GROUP, + "secondary-dark" + ); completedRenderEndTime = (lanes & 335544064) === lanes ? 10262 : 10256; (completedRenderEndTime = 0 !== finishedWork.actualDuration || @@ -19413,17 +19685,15 @@ var passiveEffectStartTime = 0; commitErrors = null; passiveEffectStartTime = now$1(); - var startTime = commitEndTime, - endTime = passiveEffectStartTime; - wasDelayedCommit = !!wasDelayedCommit; supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-light"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure( + console.timeStamp( wasDelayedCommit ? "Waiting for Paint" : "", - reusableLaneOptions - )); + commitEndTime, + passiveEffectStartTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + ); wasDelayedCommit = executionContext; executionContext |= CommitContext; var finishedWork = priority.current; @@ -19451,10 +19721,14 @@ !0 ) : supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-dark"), - (reusableLaneOptions.start = finishedWork$jscomp$0), - (reusableLaneOptions.end = passiveEffectsEndTime), - performance.measure("Remaining Effects", reusableLaneOptions)); + console.timeStamp( + "Remaining Effects", + finishedWork$jscomp$0, + passiveEffectsEndTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-dark" + ); finalizeRender(lanes, passiveEffectsEndTime); flushSyncWorkAcrossRoots_impl(0, !1); didScheduleUpdateDuringPassiveEffects @@ -25277,7 +25551,7 @@ (container.callback = callback)); element = enqueueUpdate(rootFiber, container, lane); null !== element && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "root.render()"), scheduleUpdateOnFiber(element, rootFiber, lane), entangleTransitions(element, rootFiber, lane)); } @@ -27275,69 +27549,11 @@ }; } var supportsUserTiming = - "undefined" !== typeof performance && - "function" === typeof performance.measure, + "undefined" !== typeof console && + "function" === typeof console.timeStamp, COMPONENTS_TRACK = "Components \u269b", - reusableComponentDevToolDetails = { - color: "primary", - track: COMPONENTS_TRACK - }, - reusableComponentOptions = { - start: -0, - end: -0, - detail: { devtools: reusableComponentDevToolDetails } - }, LANES_TRACK_GROUP = "Scheduler \u269b", - reusableLaneDevToolDetails = { - color: "primary", - track: "Blocking", - trackGroup: LANES_TRACK_GROUP - }, - reusableLaneOptions = { - start: -0, - end: -0, - detail: { devtools: reusableLaneDevToolDetails } - }, - blockingLaneMarker = { - startTime: 0.003, - detail: { - devtools: { - color: "primary-light", - track: "Blocking", - trackGroup: LANES_TRACK_GROUP - } - } - }, - transitionLaneMarker = { - startTime: 0.003, - detail: { - devtools: { - color: "primary-light", - track: "Transition", - trackGroup: LANES_TRACK_GROUP - } - } - }, - suspenseLaneMarker = { - startTime: 0.003, - detail: { - devtools: { - color: "primary-light", - track: "Suspense", - trackGroup: LANES_TRACK_GROUP - } - } - }, - idleLaneMarker = { - startTime: 0.003, - detail: { - devtools: { - color: "primary-light", - track: "Idle", - trackGroup: LANES_TRACK_GROUP - } - } - }, + currentTrack = "Blocking", valueCursor = createCursor(null); var rendererCursorDEV = createCursor(null); var rendererSigil = {}; @@ -27376,6 +27592,11 @@ }, entangledTransitionTypes = null, now = Scheduler.unstable_now, + createTask = console.createTask + ? console.createTask + : function () { + return null; + }, renderStartTime = -0, commitStartTime = -0, commitEndTime = -0, @@ -27388,6 +27609,7 @@ componentEffectErrors = null, blockingClampTime = -0, blockingUpdateTime = -1.1, + blockingUpdateTask = null, blockingEventTime = -1.1, blockingEventType = null, blockingEventIsRepeat = !1, @@ -27396,6 +27618,7 @@ transitionClampTime = -0, transitionStartTime = -1.1, transitionUpdateTime = -1.1, + transitionUpdateTask = null, transitionEventTime = -1.1, transitionEventType = null, transitionEventIsRepeat = !1, @@ -28978,7 +29201,7 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); payload = enqueueUpdate(inst, update, lane); null !== payload && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "this.setState()"), scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane)); }, @@ -28993,7 +29216,7 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); payload = enqueueUpdate(inst, update, lane); null !== payload && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "this.replaceState()"), scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane)); }, @@ -29007,7 +29230,7 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); callback = enqueueUpdate(inst, update, lane); null !== callback && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "this.forceUpdate()"), scheduleUpdateOnFiber(callback, inst, lane), entangleTransitions(callback, inst, lane)); } @@ -29924,11 +30147,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-408d055a-20250430" !== 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-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -29965,10 +30188,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-5dc00d6b-20250428", + version: "19.2.0-experimental-408d055a-20250430", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-5dc00d6b-20250428" + reconcilerVersion: "19.2.0-experimental-408d055a-20250430" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -30440,7 +30663,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-experimental-5dc00d6b-20250428"; + exports.version = "19.2.0-experimental-408d055a-20250430"; "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 e1a17856aa172..648b8ec65923f 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 @@ -3057,29 +3057,10 @@ function getViewTransitionClassName(defaultClass, eventClass) { : eventClass; } var supportsUserTiming = - "undefined" !== typeof performance && - "function" === typeof performance.measure, - reusableComponentDevToolDetails = { - color: "primary", - track: "Components \u269b" - }, - reusableComponentOptions = { - start: -0, - end: -0, - detail: { devtools: reusableComponentDevToolDetails } - }, - reusableLaneDevToolDetails = { - color: "primary", - track: "Blocking", - trackGroup: "Scheduler \u269b" - }, - reusableLaneOptions = { - start: -0, - end: -0, - detail: { devtools: reusableLaneDevToolDetails } - }; + "undefined" !== typeof console && "function" === typeof console.timeStamp, + currentTrack = "Blocking"; function setCurrentTrackFromLanes(lanes) { - reusableLaneDevToolDetails.track = + currentTrack = lanes & 127 ? "Blocking" : lanes & 4194176 @@ -3090,52 +3071,16 @@ function setCurrentTrackFromLanes(lanes) { ? "Idle" : "Other"; } -var blockingLaneMarker = { - startTime: 0.003, - detail: { - devtools: { - color: "primary-light", - track: "Blocking", - trackGroup: "Scheduler \u269b" - } - } - }, - transitionLaneMarker = { - startTime: 0.003, - detail: { - devtools: { - color: "primary-light", - track: "Transition", - trackGroup: "Scheduler \u269b" - } - } - }, - suspenseLaneMarker = { - startTime: 0.003, - detail: { - devtools: { - color: "primary-light", - track: "Suspense", - trackGroup: "Scheduler \u269b" - } - } - }, - idleLaneMarker = { - startTime: 0.003, - detail: { - devtools: { - color: "primary-light", - track: "Idle", - trackGroup: "Scheduler \u269b" - } - } - }; function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - ((reusableComponentDevToolDetails.color = "warning"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = endTime), - performance.measure(trigger, reusableComponentOptions)); + console.timeStamp( + trigger, + startTime, + endTime, + "Components \u269b", + void 0, + "warning" + ); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); @@ -3147,7 +3092,12 @@ function logComponentRender(fiber, startTime, endTime, wasHydrated) { if (null === fiber.alternate || fiber.alternate.child !== fiber.child) for (fiber = fiber.child; null !== fiber; fiber = fiber.sibling) selfTime -= fiber.actualDuration; - reusableComponentDevToolDetails.color = + console.timeStamp( + name, + startTime, + endTime, + "Components \u269b", + void 0, 0.5 > selfTime ? wasHydrated ? "tertiary-light" @@ -3160,132 +3110,97 @@ function logComponentRender(fiber, startTime, endTime, wasHydrated) { ? wasHydrated ? "tertiary-dark" : "primary-dark" - : "error"; - reusableComponentOptions.start = startTime; - reusableComponentOptions.end = endTime; - performance.measure(name, reusableComponentOptions); + : "error" + ); } } function logComponentErrored(fiber, startTime, endTime) { - if (supportsUserTiming) { - var name = getComponentNameFromFiber(fiber); - null !== name && - performance.measure(name, { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: "Components \u269b", - tooltipText: - 13 === fiber.tag - ? "Hydration failed" - : "Error boundary caught an error", - properties: [] - } - } - }); - } + 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 && - performance.measure(selfTime, { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: "Components \u269b", - tooltipText: "A lifecycle or effect errored", - properties: [] - } - } - })) + console.timeStamp( + selfTime, + startTime, + endTime, + "Components \u269b", + void 0, + "error" + )) : ((fiber = getComponentNameFromFiber(fiber)), null !== fiber && supportsUserTiming && - ((reusableComponentDevToolDetails.color = + console.timeStamp( + fiber, + startTime, + endTime, + "Components \u269b", + void 0, 1 > selfTime ? "secondary-light" : 100 > selfTime ? "secondary" : 500 > selfTime ? "secondary-dark" - : "error"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = endTime), - performance.measure(fiber, reusableComponentOptions))); -} -function logRenderPhase(startTime, endTime, lanes) { - supportsUserTiming && - ((reusableLaneDevToolDetails.color = - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure( - (lanes & 536870912) === lanes - ? "Prepared" - : (lanes & 201326741) === lanes - ? "Hydrated" - : "Render", - reusableLaneOptions - )); + : "error" + )); } function logSuspendedRenderPhase(startTime, endTime, lanes) { supportsUserTiming && - ((reusableLaneDevToolDetails.color = - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Prewarm", reusableLaneOptions)); + console.timeStamp( + "Prewarm", + startTime, + endTime, + currentTrack, + "Scheduler \u269b", + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + ); } function logSuspendedWithDelayPhase(startTime, endTime, lanes) { supportsUserTiming && - ((reusableLaneDevToolDetails.color = - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Suspended", reusableLaneOptions)); + console.timeStamp( + "Suspended", + startTime, + endTime, + currentTrack, + "Scheduler \u269b", + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + ); } function logErroredRenderPhase(startTime, endTime) { supportsUserTiming && - ((reusableLaneDevToolDetails.color = "error"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Errored", reusableLaneOptions)); -} -function logSuspenseThrottlePhase(startTime, endTime) { - supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-light"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Throttled", reusableLaneOptions)); -} -function logSuspendedCommitPhase(startTime, endTime) { - supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-light"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Suspended on CSS or Images", reusableLaneOptions)); + console.timeStamp( + "Errored", + startTime, + endTime, + currentTrack, + "Scheduler \u269b", + "error" + ); } -function logCommitErrored(startTime, endTime, errors, passive) { +function logCommitErrored(startTime, endTime) { supportsUserTiming && - performance.measure("Errored", { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: reusableLaneDevToolDetails.track, - trackGroup: "Scheduler \u269b", - tooltipText: passive ? "Remaining Effects Errored" : "Commit Errored", - properties: [] - } - } - }); + console.timeStamp( + "Errored", + startTime, + endTime, + currentTrack, + "Scheduler \u269b", + "error" + ); } var valueCursor = createCursor(null), currentlyRenderingFiber$1 = null, @@ -5307,7 +5222,7 @@ function updateReducerImpl(hook, current, reducer) { var newBaseQueueFirst = (baseFirst = null), newBaseQueueLast = null, update = current, - didReadFromEntangledAsyncAction$67 = !1; + didReadFromEntangledAsyncAction$68 = !1; do { var updateLane = update.lane & -536870913, shouldSkipUpdate = @@ -5360,11 +5275,11 @@ function updateReducerImpl(hook, current, reducer) { next: null }), updateLane === currentEntangledLane && - (didReadFromEntangledAsyncAction$67 = !0); + (didReadFromEntangledAsyncAction$68 = !0); else if ((renderLanes & scheduledGesture) === scheduledGesture) { update = update.next; scheduledGesture === currentEntangledLane && - (didReadFromEntangledAsyncAction$67 = !0); + (didReadFromEntangledAsyncAction$68 = !0); continue; } else (updateLane = { @@ -5397,7 +5312,7 @@ function updateReducerImpl(hook, current, reducer) { if ( !objectIs(pendingQueue, hook.memoizedState) && ((didReceiveUpdate = !0), - didReadFromEntangledAsyncAction$67 && + didReadFromEntangledAsyncAction$68 && ((reducer = currentEntangledActionThenable), null !== reducer)) ) throw reducer; @@ -5492,7 +5407,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) { @@ -5605,8 +5521,8 @@ function runActionStateAction(actionQueue, node) { try { (prevTransition = action(prevState, payload)), handleActionReturnValue(actionQueue, node, prevTransition); - } catch (error$74) { - onActionError(actionQueue, node, error$74); + } catch (error$75) { + onActionError(actionQueue, node, error$75); } } function handleActionReturnValue(actionQueue, node, returnValue) { @@ -6060,8 +5976,14 @@ function requestFormReset$2(formFiber) { var transition = ReactSharedInternals.T; if (null !== transition && transition.gesture) throw Error(formatProdErrorMessage(555)); - transition = ensureFormComponentIsStateful(formFiber).next.queue; - dispatchSetStateInternal(formFiber, transition, {}, requestUpdateLane()); + transition = ensureFormComponentIsStateful(formFiber); + null === transition.next && (transition = formFiber.alternate.memoizedState); + dispatchSetStateInternal( + formFiber, + transition.next.queue, + {}, + requestUpdateLane() + ); } function useHostTransitionStatus() { return readContext(HostTransitionContext); @@ -6079,15 +6001,15 @@ function refreshCache(fiber, seedKey, seedValue) { case 3: var lane = requestUpdateLane(); fiber = createUpdate(lane); - var root$77 = enqueueUpdate(provider, fiber, lane); - null !== root$77 && + var root$78 = enqueueUpdate(provider, fiber, lane); + null !== root$78 && (startUpdateTimerByLane(lane), - scheduleUpdateOnFiber(root$77, provider, lane), - entangleTransitions(root$77, provider, lane)); + scheduleUpdateOnFiber(root$78, provider, lane), + entangleTransitions(root$78, provider, lane)); provider = createCache(); null !== seedKey && void 0 !== seedKey && - null !== root$77 && + null !== root$78 && provider.data.set(seedKey, seedValue); fiber.payload = { cache: provider }; return; @@ -6654,9 +6576,9 @@ function resolveClassComponentProps(Component, baseProps) { } if ((Component = Component.defaultProps)) { newProps === baseProps && (newProps = assign({}, newProps)); - for (var propName$81 in Component) - void 0 === newProps[propName$81] && - (newProps[propName$81] = Component[propName$81]); + for (var propName$82 in Component) + void 0 === newProps[propName$82] && + (newProps[propName$82] = Component[propName$82]); } return newProps; } @@ -6702,9 +6624,9 @@ function logUncaughtError(root, errorInfo) { try { var onUncaughtError = root.onUncaughtError; onUncaughtError(errorInfo.value, { componentStack: errorInfo.stack }); - } catch (e$82) { + } catch (e$83) { setTimeout(function () { - throw e$82; + throw e$83; }); } } @@ -6715,9 +6637,9 @@ function logCaughtError(root, boundary, errorInfo) { componentStack: errorInfo.stack, errorBoundary: 1 === boundary.tag ? boundary.stateNode : null }); - } catch (e$83) { + } catch (e$84) { setTimeout(function () { - throw e$83; + throw e$84; }); } } @@ -8838,14 +8760,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { break; case "collapsed": lastTailNode = renderState.tail; - for (var lastTailNode$125 = null; null !== lastTailNode; ) - null !== lastTailNode.alternate && (lastTailNode$125 = lastTailNode), + for (var lastTailNode$126 = null; null !== lastTailNode; ) + null !== lastTailNode.alternate && (lastTailNode$126 = lastTailNode), (lastTailNode = lastTailNode.sibling); - null === lastTailNode$125 + null === lastTailNode$126 ? hasRenderedATailFallback || null === renderState.tail ? (renderState.tail = null) : (renderState.tail.sibling = null) - : (lastTailNode$125.sibling = null); + : (lastTailNode$126.sibling = null); } } function bubbleProperties(completedWork) { @@ -8857,53 +8779,53 @@ function bubbleProperties(completedWork) { if (didBailout) if (0 !== (completedWork.mode & 2)) { for ( - var treeBaseDuration$127 = completedWork.selfBaseDuration, - child$128 = completedWork.child; - null !== child$128; + var treeBaseDuration$128 = completedWork.selfBaseDuration, + child$129 = completedWork.child; + null !== child$129; ) - (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; + (newChildLanes |= child$129.lanes | child$129.childLanes), + (subtreeFlags |= child$129.subtreeFlags & 65011712), + (subtreeFlags |= child$129.flags & 65011712), + (treeBaseDuration$128 += child$129.treeBaseDuration), + (child$129 = child$129.sibling); + completedWork.treeBaseDuration = treeBaseDuration$128; } else for ( - treeBaseDuration$127 = completedWork.child; - null !== treeBaseDuration$127; + treeBaseDuration$128 = completedWork.child; + null !== treeBaseDuration$128; ) (newChildLanes |= - 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); + treeBaseDuration$128.lanes | treeBaseDuration$128.childLanes), + (subtreeFlags |= treeBaseDuration$128.subtreeFlags & 65011712), + (subtreeFlags |= treeBaseDuration$128.flags & 65011712), + (treeBaseDuration$128.return = completedWork), + (treeBaseDuration$128 = treeBaseDuration$128.sibling); else if (0 !== (completedWork.mode & 2)) { - treeBaseDuration$127 = completedWork.actualDuration; - child$128 = completedWork.selfBaseDuration; + treeBaseDuration$128 = completedWork.actualDuration; + child$129 = completedWork.selfBaseDuration; for (var child = completedWork.child; null !== child; ) (newChildLanes |= child.lanes | child.childLanes), (subtreeFlags |= child.subtreeFlags), (subtreeFlags |= child.flags), - (treeBaseDuration$127 += child.actualDuration), - (child$128 += child.treeBaseDuration), + (treeBaseDuration$128 += child.actualDuration), + (child$129 += child.treeBaseDuration), (child = child.sibling); - completedWork.actualDuration = treeBaseDuration$127; - completedWork.treeBaseDuration = child$128; + completedWork.actualDuration = treeBaseDuration$128; + completedWork.treeBaseDuration = child$129; } else for ( - treeBaseDuration$127 = completedWork.child; - null !== treeBaseDuration$127; + treeBaseDuration$128 = completedWork.child; + null !== treeBaseDuration$128; ) (newChildLanes |= - treeBaseDuration$127.lanes | treeBaseDuration$127.childLanes), - (subtreeFlags |= treeBaseDuration$127.subtreeFlags), - (subtreeFlags |= treeBaseDuration$127.flags), - (treeBaseDuration$127.return = completedWork), - (treeBaseDuration$127 = treeBaseDuration$127.sibling); + treeBaseDuration$128.lanes | treeBaseDuration$128.childLanes), + (subtreeFlags |= treeBaseDuration$128.subtreeFlags), + (subtreeFlags |= treeBaseDuration$128.flags), + (treeBaseDuration$128.return = completedWork), + (treeBaseDuration$128 = treeBaseDuration$128.sibling); completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; @@ -9720,8 +9642,8 @@ function safelyCallComponentWillUnmount( } else try { instance.componentWillUnmount(); - } catch (error$168) { - captureCommitPhaseError(current, nearestMountedAncestor, error$168); + } catch (error$169) { + captureCommitPhaseError(current, nearestMountedAncestor, error$169); } } function safelyAttachRef(current, nearestMountedAncestor) { @@ -9792,8 +9714,8 @@ function safelyDetachRef(current, nearestMountedAncestor) { recordEffectDuration(current); } else ref(null); - } catch (error$170) { - captureCommitPhaseError(current, nearestMountedAncestor, error$170); + } catch (error$171) { + captureCommitPhaseError(current, nearestMountedAncestor, error$171); } else ref.current = null; } @@ -10730,11 +10652,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { } else try { finishedRoot.componentDidMount(); - } catch (error$165) { + } catch (error$166) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$165 + error$166 ); } else { @@ -10751,11 +10673,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$166) { + } catch (error$167) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$166 + error$167 ); } recordEffectDuration(); @@ -10766,11 +10688,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$167) { + } catch (error$168) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$167 + error$168 ); } } @@ -11773,25 +11695,25 @@ function commitReconciliationEffects(finishedWork) { ); break; case 5: - var parent$171 = hostParentFiber.stateNode; + var parent$172 = hostParentFiber.stateNode; hostParentFiber.flags & 32 && - (setTextContent(parent$171, ""), (hostParentFiber.flags &= -33)); - var before$172 = getHostSibling(finishedWork); + (setTextContent(parent$172, ""), (hostParentFiber.flags &= -33)); + var before$173 = getHostSibling(finishedWork); insertOrAppendPlacementNode( finishedWork, - before$172, - parent$171, + before$173, + parent$172, parentFragmentInstances ); break; case 3: case 4: - var parent$173 = hostParentFiber.stateNode.containerInfo, - before$174 = getHostSibling(finishedWork); + var parent$174 = hostParentFiber.stateNode.containerInfo, + before$175 = getHostSibling(finishedWork); insertOrAppendPlacementNodeIntoContainer( finishedWork, - before$174, - parent$173, + before$175, + parent$174, parentFragmentInstances ); break; @@ -13297,7 +13219,7 @@ function recursivelyInsertClones( if (null === nextPhase) recursivelyInsertNewFiber(deletions, i, parentViewTransition, 5); else { - var nextPhase$215 = deletions.flags; + var nextPhase$216 = deletions.flags; switch (deletions.tag) { case 26: recursivelyInsertClones( @@ -13323,16 +13245,16 @@ function recursivelyInsertClones( (setTextContent(clone, ""), (viewTransitionMutationContext = !0))) : (clone = clone.cloneNode(!1)); - if (nextPhase$215 & 4) { - nextPhase$215 = clone; + if (nextPhase$216 & 4) { + nextPhase$216 = clone; var newProps = deletions.memoizedProps; updateProperties( - nextPhase$215, + nextPhase$216, deletions.type, nextPhase.memoizedProps, newProps ); - nextPhase$215[internalPropsKey] = newProps; + nextPhase$216[internalPropsKey] = newProps; } 1 === visitPhase || 2 === visitPhase ? (appendChild(i, clone), @@ -13351,7 +13273,7 @@ function recursivelyInsertClones( if (null === parentViewTransition) throw Error(formatProdErrorMessage(162)); parentViewTransition = parentViewTransition.cloneNode(!1); - nextPhase$215 & 4 && + nextPhase$216 & 4 && ((parentViewTransition.nodeValue = nextPhase.memoizedProps), (viewTransitionMutationContext = !0)); appendChild(i, parentViewTransition); @@ -13364,7 +13286,7 @@ function recursivelyInsertClones( case 22: null === deletions.memoizedState ? ((nextPhase = - 0 === visitPhase && 0 !== (nextPhase$215 & 8192) + 0 === visitPhase && 0 !== (nextPhase$216 & 8192) ? 1 : visitPhase), recursivelyInsertClones( @@ -13382,8 +13304,8 @@ function recursivelyInsertClones( parentViewTransition = pushMutationContext(); clone = deletions.stateNode; clone.clones = null; - nextPhase$215 = 1 === visitPhase ? 2 : visitPhase; - recursivelyInsertClones(deletions, i, clone, nextPhase$215); + nextPhase$216 = 1 === visitPhase ? 2 : visitPhase; + recursivelyInsertClones(deletions, i, clone, nextPhase$216); viewTransitionMutationContext && (deletions.flags |= 4); 1 === visitPhase ? applyExitViewTransition(deletions) @@ -13633,47 +13555,56 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { switch (yieldReason) { case 3: case 2: - var startTime = yieldStartTime; supportsUserTiming && - ((reusableComponentDevToolDetails.color = "primary-light"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = yieldEndTime), - performance.measure("Suspended", reusableComponentOptions)); + console.timeStamp( + "Suspended", + yieldStartTime, + yieldEndTime, + "Components \u269b", + void 0, + "primary-light" + ); break; case 9: - startTime = yieldStartTime; supportsUserTiming && - ((reusableComponentDevToolDetails.color = "primary-light"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = yieldEndTime), - performance.measure("Action", reusableComponentOptions)); + console.timeStamp( + "Action", + yieldStartTime, + yieldEndTime, + "Components \u269b", + void 0, + "primary-light" + ); break; default: - if (((startTime = yieldStartTime), supportsUserTiming)) { - var yieldDuration = yieldEndTime - startTime; + if (supportsUserTiming) { + var yieldDuration = yieldEndTime - yieldStartTime; 3 > yieldDuration || - ((reusableComponentDevToolDetails.color = + console.timeStamp( + "Blocked", + yieldStartTime, + yieldEndTime, + "Components \u269b", + void 0, 5 > yieldDuration ? "primary-light" : 10 > yieldDuration ? "primary" : 100 > yieldDuration ? "primary-dark" - : "error"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = yieldEndTime), - performance.measure("Blocked", reusableComponentOptions)); + : "error" + ); } } } var exitStatus = (yieldEndTime = - (!forceSync && - 0 === (lanes & 124) && - 0 === (lanes & root$jscomp$0.expiredLanes)) || - checkIfRootIsPrerendering(root$jscomp$0, lanes)) - ? renderRootConcurrent(root$jscomp$0, lanes) - : renderRootSync(root$jscomp$0, lanes, !0); - yieldDuration = yieldEndTime; + (!forceSync && + 0 === (lanes & 124) && + 0 === (lanes & root$jscomp$0.expiredLanes)) || + checkIfRootIsPrerendering(root$jscomp$0, lanes)) + ? renderRootConcurrent(root$jscomp$0, lanes) + : renderRootSync(root$jscomp$0, lanes, !0), + renderWasConcurrent = yieldEndTime; do { if (0 === exitStatus) { workInProgressRootIsPrerendering && @@ -13684,25 +13615,30 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { yieldReason = lanes; break; } else { - startTime = now$1(); + yieldDuration = now$1(); forceSync = root$jscomp$0.current.alternate; - if (yieldDuration && !isRenderConsistentWithExternalStores(forceSync)) { + if ( + renderWasConcurrent && + !isRenderConsistentWithExternalStores(forceSync) + ) { setCurrentTrackFromLanes(lanes); - forceSync = renderStartTime; - yieldDuration = startTime; supportsUserTiming && - ((reusableLaneDevToolDetails.color = "error"), - (reusableLaneOptions.start = forceSync), - (reusableLaneOptions.end = yieldDuration), - performance.measure("Teared Render", reusableLaneOptions)); - finalizeRender(lanes, startTime); + console.timeStamp( + "Teared Render", + renderStartTime, + yieldDuration, + currentTrack, + "Scheduler \u269b", + "error" + ); + finalizeRender(lanes, yieldDuration); exitStatus = renderRootSync(root$jscomp$0, lanes, !1); - yieldDuration = !1; + renderWasConcurrent = !1; continue; } if (2 === exitStatus) { - yieldDuration = lanes; - if (root$jscomp$0.errorRecoveryDisabledLanes & yieldDuration) + renderWasConcurrent = lanes; + if (root$jscomp$0.errorRecoveryDisabledLanes & renderWasConcurrent) var JSCompiler_inline_result = 0; else (JSCompiler_inline_result = root$jscomp$0.pendingLanes & -536870913), @@ -13714,47 +13650,48 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { : 0); if (0 !== JSCompiler_inline_result) { setCurrentTrackFromLanes(lanes); - logErroredRenderPhase(renderStartTime, startTime); - finalizeRender(lanes, startTime); + logErroredRenderPhase(renderStartTime, yieldDuration); + finalizeRender(lanes, yieldDuration); lanes = JSCompiler_inline_result; var root = root$jscomp$0; - startTime = workInProgressRootConcurrentErrors; + 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 |= yieldDuration), - (workInProgressRootInterleavedUpdatedLanes |= yieldDuration), + ? ((root.errorRecoveryDisabledLanes |= renderWasConcurrent), + (workInProgressRootInterleavedUpdatedLanes |= + renderWasConcurrent), (exitStatus = 4)) - : ((yieldDuration = workInProgressRootRecoverableErrors), - (workInProgressRootRecoverableErrors = startTime), - null !== yieldDuration && - ((startTime = yieldDuration), + : ((renderWasConcurrent = workInProgressRootRecoverableErrors), + (workInProgressRootRecoverableErrors = yieldDuration), + null !== renderWasConcurrent && + ((yieldDuration = renderWasConcurrent), null === workInProgressRootRecoverableErrors - ? (workInProgressRootRecoverableErrors = startTime) + ? (workInProgressRootRecoverableErrors = yieldDuration) : workInProgressRootRecoverableErrors.push.apply( workInProgressRootRecoverableErrors, - startTime + yieldDuration )))); - yieldDuration = !1; + renderWasConcurrent = !1; if (2 !== exitStatus) continue; - else startTime = now$1(); + else yieldDuration = now$1(); } } if (1 === exitStatus) { setCurrentTrackFromLanes(lanes); - logErroredRenderPhase(renderStartTime, startTime); - finalizeRender(lanes, startTime); + logErroredRenderPhase(renderStartTime, yieldDuration); + finalizeRender(lanes, yieldDuration); prepareFreshStack(root$jscomp$0, 0); markRootSuspended(root$jscomp$0, lanes, 0, !0); break; } a: { yieldEndTime = root$jscomp$0; - yieldDuration = exitStatus; - switch (yieldDuration) { + renderWasConcurrent = exitStatus; + switch (renderWasConcurrent) { case 0: case 1: throw Error(formatProdErrorMessage(345)); @@ -13762,13 +13699,13 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { if ((lanes & 4194048) !== lanes) break; case 6: setCurrentTrackFromLanes(lanes); - logSuspendedRenderPhase(renderStartTime, startTime, lanes); - finalizeRender(lanes, startTime); + logSuspendedRenderPhase(renderStartTime, yieldDuration, lanes); + finalizeRender(lanes, yieldDuration); forceSync = lanes; 0 !== (forceSync & 3) || 0 !== (forceSync & 124) - ? (blockingSuspendedTime = startTime) + ? (blockingSuspendedTime = yieldDuration) : 0 !== (forceSync & 4194048) && - (transitionSuspendedTime = startTime); + (transitionSuspendedTime = yieldDuration); markRootSuspended( yieldEndTime, lanes, @@ -13810,10 +13747,10 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - yieldDuration, + renderWasConcurrent, 2, renderStartTime, - startTime + yieldDuration ), exitStatus ); @@ -13830,10 +13767,10 @@ function performWorkOnRoot(root$jscomp$0, lanes, forceSync) { workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - yieldDuration, + renderWasConcurrent, 0, renderStartTime, - startTime + yieldDuration ); } } @@ -14011,10 +13948,38 @@ function finalizeRender(lanes, finalizationTime) { } function prepareFreshStack(root, lanes) { supportsUserTiming && - (performance.mark("Blocking Track", blockingLaneMarker), - performance.mark("Transition Track", transitionLaneMarker), - performance.mark("Suspense Track", suspenseLaneMarker), - performance.mark("Idle Track", idleLaneMarker)); + (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) { @@ -14027,18 +13992,18 @@ function prepareFreshStack(root, lanes) { else { var endTime = renderStartTime; supportsUserTiming && - ((reusableLaneDevToolDetails.color = - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), - (reusableLaneOptions.start = previousRenderStartTime), - (reusableLaneOptions.end = endTime), - performance.measure( + console.timeStamp( (lanes & 536870912) === lanes ? "Prewarm" : (lanes & 201326741) === lanes ? "Interrupted Hydration" : "Interrupted Render", - reusableLaneOptions - )); + previousRenderStartTime, + endTime, + currentTrack, + "Scheduler \u269b", + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + ); } finalizeRender(workInProgressRootRenderLanes, renderStartTime); } @@ -14067,37 +14032,36 @@ function prepareFreshStack(root, lanes) { isSpawnedUpdate = blockingSpawnedUpdate, renderStartTime$jscomp$0 = renderStartTime; supportsUserTiming && - ((reusableLaneDevToolDetails.track = "Blocking"), + ((currentTrack = "Blocking"), 0 < endTime && null !== eventType && - ((reusableLaneDevToolDetails.color = eventIsRepeat - ? "secondary-light" - : "warning"), - (reusableLaneOptions.start = endTime), - (reusableLaneOptions.end = + console.timeStamp( + eventIsRepeat ? "" : "Event: " + eventType, + endTime, 0 < previousRenderStartTime ? previousRenderStartTime - : renderStartTime$jscomp$0), - performance.measure( - eventIsRepeat ? "" : "Event: " + eventType, - reusableLaneOptions - )), + : renderStartTime$jscomp$0, + currentTrack, + "Scheduler \u269b", + eventIsRepeat ? "secondary-light" : "warning" + ), 0 < previousRenderStartTime && - ((reusableLaneDevToolDetails.color = isSpawnedUpdate - ? "error" - : (lanes & 738197653) === lanes - ? "tertiary-light" - : "primary-light"), - (reusableLaneOptions.start = previousRenderStartTime), - (reusableLaneOptions.end = renderStartTime$jscomp$0), - performance.measure( + console.timeStamp( isSpawnedUpdate ? "Cascading Update" : 5 < renderStartTime$jscomp$0 - previousRenderStartTime ? "Update Blocked" : "Update", - reusableLaneOptions - ))); + previousRenderStartTime, + renderStartTime$jscomp$0, + currentTrack, + "Scheduler \u269b", + isSpawnedUpdate + ? "error" + : (lanes & 738197653) === lanes + ? "tertiary-light" + : "primary-light" + )); blockingSuspendedTime = blockingUpdateTime = -1.1; blockingEventIsRepeat = !0; blockingSpawnedUpdate = !1; @@ -14126,37 +14090,39 @@ function prepareFreshStack(root, lanes) { (isSpawnedUpdate = transitionEventIsRepeat), (renderStartTime$jscomp$0 = renderStartTime), supportsUserTiming && - ((reusableLaneDevToolDetails.track = "Transition"), + ((currentTrack = "Transition"), 0 < eventType && null !== eventIsRepeat && - ((reusableLaneDevToolDetails.color = isSpawnedUpdate - ? "secondary-light" - : "warning"), - (reusableLaneOptions.start = eventType), - (reusableLaneOptions.end = + console.timeStamp( + isSpawnedUpdate ? "" : "Event: " + eventIsRepeat, + eventType, 0 < previousRenderStartTime ? previousRenderStartTime : 0 < endTime ? endTime - : renderStartTime$jscomp$0), - performance.measure( - isSpawnedUpdate ? "" : "Event: " + eventIsRepeat, - reusableLaneOptions - )), + : renderStartTime$jscomp$0, + currentTrack, + "Scheduler \u269b", + isSpawnedUpdate ? "secondary-light" : "warning" + ), 0 < previousRenderStartTime && - ((reusableLaneDevToolDetails.color = "primary-dark"), - (reusableLaneOptions.start = previousRenderStartTime), - (reusableLaneOptions.end = - 0 < endTime ? endTime : renderStartTime$jscomp$0), - performance.measure("Action", reusableLaneOptions)), + console.timeStamp( + "Action", + previousRenderStartTime, + 0 < endTime ? endTime : renderStartTime$jscomp$0, + currentTrack, + "Scheduler \u269b", + "primary-dark" + ), 0 < endTime && - ((reusableLaneDevToolDetails.color = "primary-light"), - (reusableLaneOptions.start = endTime), - (reusableLaneOptions.end = renderStartTime$jscomp$0), - performance.measure( + console.timeStamp( 5 < renderStartTime$jscomp$0 - endTime ? "Update Blocked" : "Update", - reusableLaneOptions - ))), + endTime, + renderStartTime$jscomp$0, + currentTrack, + "Scheduler \u269b", + "primary-light" + )), (transitionSuspendedTime = transitionUpdateTime = transitionStartTime = @@ -14332,8 +14298,8 @@ function renderRootSync(root, lanes, shouldYieldForPrerendering) { workLoopSync(); memoizedUpdaters = workInProgressRootExitStatus; break; - } catch (thrownValue$222) { - handleThrow(root, thrownValue$222); + } catch (thrownValue$223) { + handleThrow(root, thrownValue$223); } while (1); lanes && root.shellSuspendCounter++; @@ -14458,8 +14424,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrentByScheduler(); break; - } catch (thrownValue$224) { - handleThrow(root, thrownValue$224); + } catch (thrownValue$225) { + handleThrow(root, thrownValue$225); } while (1); lastContextDependency = currentlyRenderingFiber$1 = null; @@ -14671,26 +14637,27 @@ function commitRoot( ? logErroredRenderPhase(completedRenderStartTime, completedRenderEndTime) : null !== recoverableErrors ? supportsUserTiming && - performance.measure("Recovered", { - start: completedRenderStartTime, - end: completedRenderEndTime, - detail: { - devtools: { - color: "primary-dark", - track: reusableLaneDevToolDetails.track, - trackGroup: "Scheduler \u269b", - tooltipText: - null !== finishedWork && - null !== finishedWork.alternate && - finishedWork.alternate.memoizedState.isDehydrated && - 0 !== (finishedWork.flags & 256) - ? "Hydration Failed" - : "Recovered after Error", - properties: [] - } - } - }) - : logRenderPhase(completedRenderStartTime, completedRenderEndTime, lanes); + console.timeStamp( + "Recovered", + completedRenderStartTime, + completedRenderEndTime, + currentTrack, + "Scheduler \u269b", + "error" + ) + : supportsUserTiming && + 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) null !== root.stoppingGestures && stopCompletedGestures(root); else { @@ -14738,9 +14705,25 @@ function commitRoot( commitErrors = null; commitStartTime = now(); 1 === suspendedCommitReason - ? logSuspendedCommitPhase(completedRenderEndTime, commitStartTime) + ? supportsUserTiming && + console.timeStamp( + "Suspended on CSS or Images", + completedRenderEndTime, + commitStartTime, + currentTrack, + "Scheduler \u269b", + "secondary-light" + ) : 2 === suspendedCommitReason && - logSuspenseThrottlePhase(completedRenderEndTime, commitStartTime); + supportsUserTiming && + console.timeStamp( + "Throttled", + completedRenderEndTime, + commitStartTime, + currentTrack, + "Scheduler \u269b", + "secondary-light" + ); shouldStartViewTransition = !1; suspendedCommitReason = 0 !== (finishedWork.flags & 13878); if (0 !== (finishedWork.subtreeFlags & 13878) || suspendedCommitReason) { @@ -14962,17 +14945,16 @@ function flushSpawnedWork() { 0 === suspendedCommitReason ? completedRenderEndTime : commitStartTime; suspendedCommitReason = commitEndTime; null !== commitErrors - ? logCommitErrored( + ? logCommitErrored(completedRenderEndTime, suspendedCommitReason) + : supportsUserTiming && + console.timeStamp( + "Commit", completedRenderEndTime, suspendedCommitReason, - commitErrors, - !1 - ) - : supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-dark"), - (reusableLaneOptions.start = completedRenderEndTime), - (reusableLaneOptions.end = suspendedCommitReason), - performance.measure("Commit", reusableLaneOptions)); + currentTrack, + "Scheduler \u269b", + "secondary-dark" + ); completedRenderEndTime = (lanes & 335544064) === lanes ? 10262 : 10256; (completedRenderEndTime = 0 !== finishedWork.actualDuration || @@ -15155,26 +15137,26 @@ function commitGestureOnRoot(root, finishedWork) { } var rotate = computedStyle.rotate; if ("none" !== rotate && "" !== rotate) { - var parts$302 = rotate.split(" "); + var parts$303 = rotate.split(" "); transform = - 1 === parts$302.length - ? "rotate(" + parts$302[0] + ") " + transform - : 2 === parts$302.length + 1 === parts$303.length + ? "rotate(" + parts$303[0] + ") " + transform + : 2 === parts$303.length ? "rotate" + - parts$302[0].toUpperCase() + + parts$303[0].toUpperCase() + "(" + - parts$302[1] + + parts$303[1] + ") " + transform - : "rotate3d(" + parts$302.join(", ") + ") " + transform; + : "rotate3d(" + parts$303.join(", ") + ") " + transform; } var translate = computedStyle.translate; if ("none" !== translate && "" !== translate) { - var parts$303 = translate.split(" "); + var parts$304 = translate.split(" "); transform = - (3 === parts$303.length ? "translate3d" : "translate") + + (3 === parts$304.length ? "translate3d" : "translate") + "(" + - parts$303.join(", ") + + parts$304.join(", ") + ") " + transform; } @@ -15325,17 +15307,15 @@ function flushPassiveEffects(wasDelayedCommit) { var passiveEffectStartTime = 0; commitErrors = null; passiveEffectStartTime = now$1(); - var startTime = commitEndTime, - endTime = passiveEffectStartTime; - wasDelayedCommit = !!wasDelayedCommit; supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-light"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure( + console.timeStamp( wasDelayedCommit ? "Waiting for Paint" : "", - reusableLaneOptions - )); + commitEndTime, + passiveEffectStartTime, + currentTrack, + "Scheduler \u269b", + "secondary-light" + ); wasDelayedCommit = executionContext; executionContext |= 4; var finishedWork = renderPriority.current; @@ -15355,17 +15335,16 @@ function flushPassiveEffects(wasDelayedCommit) { var passiveEffectsEndTime = now$1(); finishedWork$jscomp$0 = passiveEffectStartTime; null !== commitErrors - ? logCommitErrored( + ? logCommitErrored(finishedWork$jscomp$0, passiveEffectsEndTime) + : supportsUserTiming && + console.timeStamp( + "Remaining Effects", finishedWork$jscomp$0, passiveEffectsEndTime, - commitErrors, - !0 - ) - : supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-dark"), - (reusableLaneOptions.start = finishedWork$jscomp$0), - (reusableLaneOptions.end = passiveEffectsEndTime), - performance.measure("Remaining Effects", reusableLaneOptions)); + currentTrack, + "Scheduler \u269b", + "secondary-dark" + ); finalizeRender(lanes, passiveEffectsEndTime); flushSyncWorkAcrossRoots_impl(0, !1); if ( @@ -15537,14 +15516,14 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$230 = firstScheduledRoot; null !== root$230; ) { + for (var root$231 = firstScheduledRoot; null !== root$231; ) { if (!onlyLegacy) if (0 !== syncTransitionLanes) { - var pendingLanes = root$230.pendingLanes; + var pendingLanes = root$231.pendingLanes; if (0 === pendingLanes) var JSCompiler_inline_result = 0; else { - var suspendedLanes = root$230.suspendedLanes, - pingedLanes = root$230.pingedLanes; + var suspendedLanes = root$231.suspendedLanes, + pingedLanes = root$231.pingedLanes; JSCompiler_inline_result = (1 << (31 - clz32(42 | syncTransitionLanes) + 1)) - 1; JSCompiler_inline_result &= @@ -15558,21 +15537,21 @@ function flushSyncWorkAcrossRoots_impl(syncTransitionLanes, onlyLegacy) { } 0 !== JSCompiler_inline_result && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$230, JSCompiler_inline_result)); + performSyncWorkOnRoot(root$231, JSCompiler_inline_result)); } else (JSCompiler_inline_result = workInProgressRootRenderLanes), (JSCompiler_inline_result = getNextLanes( - root$230, - root$230 === workInProgressRoot ? JSCompiler_inline_result : 0, - null !== root$230.cancelPendingCommit || - -1 !== root$230.timeoutHandle + root$231, + root$231 === workInProgressRoot ? JSCompiler_inline_result : 0, + null !== root$231.cancelPendingCommit || + -1 !== root$231.timeoutHandle )), (0 === (JSCompiler_inline_result & 3) && 64 !== JSCompiler_inline_result) || - checkIfRootIsPrerendering(root$230, JSCompiler_inline_result) || + checkIfRootIsPrerendering(root$231, JSCompiler_inline_result) || ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$230, JSCompiler_inline_result)); - root$230 = root$230.next; + performSyncWorkOnRoot(root$231, JSCompiler_inline_result)); + root$231 = root$231.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -15857,20 +15836,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_1929 = 0; - i$jscomp$inline_1929 < simpleEventPluginEvents.length; - i$jscomp$inline_1929++ + var i$jscomp$inline_1949 = 0; + i$jscomp$inline_1949 < simpleEventPluginEvents.length; + i$jscomp$inline_1949++ ) { - var eventName$jscomp$inline_1930 = - simpleEventPluginEvents[i$jscomp$inline_1929], - domEventName$jscomp$inline_1931 = - eventName$jscomp$inline_1930.toLowerCase(), - capitalizedEvent$jscomp$inline_1932 = - eventName$jscomp$inline_1930[0].toUpperCase() + - eventName$jscomp$inline_1930.slice(1); + var eventName$jscomp$inline_1950 = + simpleEventPluginEvents[i$jscomp$inline_1949], + domEventName$jscomp$inline_1951 = + eventName$jscomp$inline_1950.toLowerCase(), + capitalizedEvent$jscomp$inline_1952 = + eventName$jscomp$inline_1950[0].toUpperCase() + + eventName$jscomp$inline_1950.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1931, - "on" + capitalizedEvent$jscomp$inline_1932 + domEventName$jscomp$inline_1951, + "on" + capitalizedEvent$jscomp$inline_1952 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -17127,34 +17106,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$244 = props[hasSrc]; - if (null != propValue$244) + var propValue$245 = props[hasSrc]; + if (null != propValue$245) switch (hasSrc) { case "name": - hasSrcSet = propValue$244; + hasSrcSet = propValue$245; break; case "type": - propValue = propValue$244; + propValue = propValue$245; break; case "checked": - checked = propValue$244; + checked = propValue$245; break; case "defaultChecked": - defaultChecked = propValue$244; + defaultChecked = propValue$245; break; case "value": - propKey = propValue$244; + propKey = propValue$245; break; case "defaultValue": - defaultValue = propValue$244; + defaultValue = propValue$245; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$244) + if (null != propValue$245) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$244, props, null); + setProp(domElement, tag, hasSrc, propValue$245, props, null); } } initInput( @@ -17293,14 +17272,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$244 in props) - props.hasOwnProperty(propValue$244) && - ((hasSrc = props[propValue$244]), + for (propValue$245 in props) + props.hasOwnProperty(propValue$245) && + ((hasSrc = props[propValue$245]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$244, + propValue$245, hasSrc, props, void 0 @@ -17348,14 +17327,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$261 in nextProps) { - var propKey = nextProps[propKey$261]; - lastProp = lastProps[propKey$261]; + for (var propKey$262 in nextProps) { + var propKey = nextProps[propKey$262]; + lastProp = lastProps[propKey$262]; if ( - nextProps.hasOwnProperty(propKey$261) && + nextProps.hasOwnProperty(propKey$262) && (null != propKey || null != lastProp) ) - switch (propKey$261) { + switch (propKey$262) { case "type": propKey !== lastProp && (viewTransitionMutationContext = !0); type = propKey; @@ -17390,7 +17369,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$261, + propKey$262, propKey, nextProps, lastProp @@ -17409,7 +17388,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$261 = null; + propKey = value = defaultValue = propKey$262 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -17441,7 +17420,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (name) { case "value": type !== lastDefaultValue && (viewTransitionMutationContext = !0); - propKey$261 = type; + propKey$262 = type; break; case "defaultValue": type !== lastDefaultValue && (viewTransitionMutationContext = !0); @@ -17464,15 +17443,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$261 - ? updateOptions(domElement, !!lastProps, propKey$261, !1) + null != propKey$262 + ? updateOptions(domElement, !!lastProps, propKey$262, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$261 = null; + propKey = propKey$262 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -17497,7 +17476,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { switch (value) { case "value": name !== type && (viewTransitionMutationContext = !0); - propKey$261 = name; + propKey$262 = name; break; case "defaultValue": name !== type && (viewTransitionMutationContext = !0); @@ -17512,17 +17491,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$261, propKey); + updateTextarea(domElement, propKey$262, propKey); return; case "option": - for (var propKey$277 in lastProps) + for (var propKey$278 in lastProps) if ( - ((propKey$261 = lastProps[propKey$277]), - lastProps.hasOwnProperty(propKey$277) && - null != propKey$261 && - !nextProps.hasOwnProperty(propKey$277)) + ((propKey$262 = lastProps[propKey$278]), + lastProps.hasOwnProperty(propKey$278) && + null != propKey$262 && + !nextProps.hasOwnProperty(propKey$278)) ) - switch (propKey$277) { + switch (propKey$278) { case "selected": domElement.selected = !1; break; @@ -17530,34 +17509,34 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$277, + propKey$278, null, nextProps, - propKey$261 + propKey$262 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$261 = nextProps[lastDefaultValue]), + ((propKey$262 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$261 !== propKey && - (null != propKey$261 || null != propKey)) + propKey$262 !== propKey && + (null != propKey$262 || null != propKey)) ) switch (lastDefaultValue) { case "selected": - propKey$261 !== propKey && (viewTransitionMutationContext = !0); + propKey$262 !== propKey && (viewTransitionMutationContext = !0); domElement.selected = - propKey$261 && - "function" !== typeof propKey$261 && - "symbol" !== typeof propKey$261; + propKey$262 && + "function" !== typeof propKey$262 && + "symbol" !== typeof propKey$262; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$261, + propKey$262, nextProps, propKey ); @@ -17578,24 +17557,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$282 in lastProps) - (propKey$261 = lastProps[propKey$282]), - lastProps.hasOwnProperty(propKey$282) && - null != propKey$261 && - !nextProps.hasOwnProperty(propKey$282) && - setProp(domElement, tag, propKey$282, null, nextProps, propKey$261); + for (var propKey$283 in lastProps) + (propKey$262 = lastProps[propKey$283]), + lastProps.hasOwnProperty(propKey$283) && + null != propKey$262 && + !nextProps.hasOwnProperty(propKey$283) && + setProp(domElement, tag, propKey$283, null, nextProps, propKey$262); for (checked in nextProps) if ( - ((propKey$261 = nextProps[checked]), + ((propKey$262 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$261 !== propKey && - (null != propKey$261 || null != propKey)) + propKey$262 !== propKey && + (null != propKey$262 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$261) + if (null != propKey$262) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -17603,7 +17582,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$261, + propKey$262, nextProps, propKey ); @@ -17611,49 +17590,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$287 in lastProps) - (propKey$261 = lastProps[propKey$287]), - lastProps.hasOwnProperty(propKey$287) && - void 0 !== propKey$261 && - !nextProps.hasOwnProperty(propKey$287) && + for (var propKey$288 in lastProps) + (propKey$262 = lastProps[propKey$288]), + lastProps.hasOwnProperty(propKey$288) && + void 0 !== propKey$262 && + !nextProps.hasOwnProperty(propKey$288) && setPropOnCustomElement( domElement, tag, - propKey$287, + propKey$288, void 0, nextProps, - propKey$261 + propKey$262 ); for (defaultChecked in nextProps) - (propKey$261 = nextProps[defaultChecked]), + (propKey$262 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$261 === propKey || - (void 0 === propKey$261 && void 0 === propKey) || + propKey$262 === propKey || + (void 0 === propKey$262 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$261, + propKey$262, nextProps, propKey ); return; } } - for (var propKey$292 in lastProps) - (propKey$261 = lastProps[propKey$292]), - lastProps.hasOwnProperty(propKey$292) && - null != propKey$261 && - !nextProps.hasOwnProperty(propKey$292) && - setProp(domElement, tag, propKey$292, null, nextProps, propKey$261); + for (var propKey$293 in lastProps) + (propKey$262 = lastProps[propKey$293]), + lastProps.hasOwnProperty(propKey$293) && + null != propKey$262 && + !nextProps.hasOwnProperty(propKey$293) && + setProp(domElement, tag, propKey$293, null, nextProps, propKey$262); for (lastProp in nextProps) - (propKey$261 = nextProps[lastProp]), + (propKey$262 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$261 === propKey || - (null == propKey$261 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$261, nextProps, propKey); + propKey$262 === propKey || + (null == propKey$262 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$262, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -18218,20 +18197,20 @@ function startGestureTransition( ))) : (isExitGroupAnim = !0); } - var timing$307 = pseudoElement.getTiming(); + var timing$308 = pseudoElement.getTiming(); anim = rangeEnd - - (("number" === typeof timing$307.duration - ? timing$307.duration + (("number" === typeof timing$308.duration + ? timing$308.duration : 0) + - timing$307.delay) * + timing$308.delay) * longestDuration; - groupName = rangeEnd - timing$307.delay * longestDuration; + groupName = rangeEnd - timing$308.delay * longestDuration; if ( - "reverse" === timing$307.direction || - "alternate-reverse" === timing$307.direction + "reverse" === timing$308.direction || + "alternate-reverse" === timing$308.direction ) - (timing$307 = anim), (anim = groupName), (groupName = timing$307); + (timing$308 = anim), (anim = groupName), (groupName = timing$308); animateGesture( pseudoElement.getKeyframes(), pseudoElement.target, @@ -19070,26 +19049,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$312 = getResourcesFromRoot( + var styles$313 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$313 = styles$312.get(type); - resource$313 || + resource$314 = styles$313.get(type); + resource$314 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$313 = { + (resource$314 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$312.set(type, resource$313), - (styles$312 = JSCompiler_inline_result.querySelector( + styles$313.set(type, resource$314), + (styles$313 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$312._p && - ((resource$313.instance = styles$312), - (resource$313.state.loading = 5)), + !styles$313._p && + ((resource$314.instance = styles$313), + (resource$314.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -19102,16 +19081,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$312 || + styles$313 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$313.state + resource$314.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$313; + return resource$314; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -19208,37 +19187,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$318 = hoistableRoot.querySelector( + var instance$319 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$318) + if (instance$319) return ( (resource.state.loading |= 4), - (resource.instance = instance$318), - markNodeAsHoistable(instance$318), - instance$318 + (resource.instance = instance$319), + markNodeAsHoistable(instance$319), + instance$319 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$318 = ( + instance$319 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$318); - var linkInstance = instance$318; + markNodeAsHoistable(instance$319); + var linkInstance = instance$319; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$318, "link", instance); + setInitialProperties(instance$319, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$318, props.precedence, hoistableRoot); - return (resource.instance = instance$318); + insertStylesheet(instance$319, props.precedence, hoistableRoot); + return (resource.instance = instance$319); case "script": - instance$318 = getScriptKey(props.src); + instance$319 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$318) + getScriptSelectorFromKey(instance$319) )) ) return ( @@ -19247,7 +19226,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$318))) + if ((styleProps = preloadPropsMap.get(instance$319))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -20329,16 +20308,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_2245 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_2265 = React.version; if ( - "19.2.0-experimental-5dc00d6b-20250428" !== - isomorphicReactPackageVersion$jscomp$inline_2245 + "19.2.0-experimental-408d055a-20250430" !== + isomorphicReactPackageVersion$jscomp$inline_2265 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_2245, - "19.2.0-experimental-5dc00d6b-20250428" + isomorphicReactPackageVersion$jscomp$inline_2265, + "19.2.0-experimental-408d055a-20250430" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -20358,24 +20337,24 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2891 = { +var internals$jscomp$inline_2903 = { bundleType: 0, - version: "19.2.0-experimental-5dc00d6b-20250428", + version: "19.2.0-experimental-408d055a-20250430", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-5dc00d6b-20250428" + reconcilerVersion: "19.2.0-experimental-408d055a-20250430" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2892 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2904 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2892.isDisabled && - hook$jscomp$inline_2892.supportsFiber + !hook$jscomp$inline_2904.isDisabled && + hook$jscomp$inline_2904.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2892.inject( - internals$jscomp$inline_2891 + (rendererID = hook$jscomp$inline_2904.inject( + internals$jscomp$inline_2903 )), - (injectedHook = hook$jscomp$inline_2892); + (injectedHook = hook$jscomp$inline_2904); } catch (err) {} } function noop() {} @@ -20628,7 +20607,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-experimental-5dc00d6b-20250428"; +exports.version = "19.2.0-experimental-408d055a-20250430"; "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 9d0e945c67b23..4b3b185e5c2ca 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 @@ -5705,7 +5705,7 @@ 0 === newBoundary.pendingTasks && newBoundary.status === PENDING && ((newBoundary.status = COMPLETED), - !(newBoundary.byteSize > request.progressiveChunkSize))) + !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -7105,7 +7105,7 @@ boundary.parentFlushed && request.completedBoundaries.push(boundary), boundary.status === COMPLETED && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -7596,7 +7596,10 @@ flushSubtree(request, destination, segment, hoistableState), destination.push(endSuspenseBoundary) ); - if (boundary.byteSize > request.progressiveChunkSize) + if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) return ( (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), @@ -7608,6 +7611,7 @@ flushSubtree(request, destination, segment, hoistableState), destination.push(endSuspenseBoundary) ); + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -7641,6 +7645,7 @@ return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -7778,6 +7783,7 @@ if (completedRootSegment.status === POSTPONED) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState; if ( @@ -8065,8 +8071,9 @@ a: { clientRenderedBoundaries = request; boundary = destination; - var boundary$jscomp$0 = partialBoundaries[i], - completedSegments = boundary$jscomp$0.completedSegments; + var boundary$jscomp$0 = partialBoundaries[i]; + flushedByteSize = boundary$jscomp$0.byteSize; + var completedSegments = boundary$jscomp$0.completedSegments; for ( JSCompiler_inline_result = 0; JSCompiler_inline_result < completedSegments.length; @@ -9720,7 +9727,8 @@ didWarnAboutGetDerivedStateOnFunctionComponent = {}, didWarnAboutReassigningProps = !1, didWarnAboutGenerators = !1, - didWarnAboutMaps = !1; + didWarnAboutMaps = !1, + flushedByteSize = 0; exports.renderToStaticMarkup = function (children, options) { return renderToStringImpl( children, @@ -9737,5 +9745,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-5dc00d6b-20250428"; + exports.version = "19.2.0-experimental-408d055a-20250430"; })(); 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 cf59ed13c6db9..f433de80d0e67 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 @@ -4437,8 +4437,7 @@ function renderElement(request, task, keyPath, type, props, ref) { queueCompletedSegment(newBoundary, contentRootSegment), 0 === newBoundary.pendingTasks && 0 === newBoundary.status && - ((newBoundary.status = 1), - !(newBoundary.byteSize > request.progressiveChunkSize))) + ((newBoundary.status = 1), !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -5522,7 +5521,7 @@ function finishedTask(request, boundary, segment) { boundary.parentFlushed && request.completedBoundaries.push(boundary), 1 === boundary.status && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -5866,6 +5865,7 @@ function flushSubtree(request, destination, segment, hoistableState) { throw Error(formatProdErrorMessage(390)); } } +var flushedByteSize = 0; function flushSegment(request, destination, segment, hoistableState) { var boundary = segment.boundary; if (null === boundary) @@ -5910,7 +5910,10 @@ function flushSegment(request, destination, segment, hoistableState) { flushSubtree(request, destination, segment, hoistableState), destination.push("\x3c!--/$--\x3e") ); - if (boundary.byteSize > request.progressiveChunkSize) + if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) return ( (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), @@ -5922,6 +5925,7 @@ function flushSegment(request, destination, segment, hoistableState) { flushSubtree(request, destination, segment, hoistableState), destination.push("\x3c!--/$--\x3e") ); + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -5947,6 +5951,7 @@ function flushSegmentContainer(request, destination, segment, hoistableState) { return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -6062,6 +6067,7 @@ function flushCompletedQueues(request, destination) { if (5 === completedRootSegment.status) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState; if ( @@ -6265,6 +6271,7 @@ function flushCompletedQueues(request, destination) { a: { clientRenderedBoundaries = request; boundary = destination; + flushedByteSize = boundary$67.byteSize; var completedSegments = boundary$67.completedSegments; for ( JSCompiler_inline_result = 0; @@ -6454,4 +6461,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-5dc00d6b-20250428"; +exports.version = "19.2.0-experimental-408d055a-20250430"; 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 2bf30ec62dc91..dc9434956115b 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 @@ -5705,7 +5705,7 @@ 0 === newBoundary.pendingTasks && newBoundary.status === PENDING && ((newBoundary.status = COMPLETED), - !(newBoundary.byteSize > request.progressiveChunkSize))) + !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -7105,7 +7105,7 @@ boundary.parentFlushed && request.completedBoundaries.push(boundary), boundary.status === COMPLETED && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -7596,7 +7596,10 @@ flushSubtree(request, destination, segment, hoistableState), destination.push(endSuspenseBoundary) ); - if (boundary.byteSize > request.progressiveChunkSize) + if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) return ( (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), @@ -7608,6 +7611,7 @@ flushSubtree(request, destination, segment, hoistableState), destination.push(endSuspenseBoundary) ); + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -7641,6 +7645,7 @@ return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -7778,6 +7783,7 @@ if (completedRootSegment.status === POSTPONED) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState; if ( @@ -8065,8 +8071,9 @@ a: { clientRenderedBoundaries = request; boundary = destination; - var boundary$jscomp$0 = partialBoundaries[i], - completedSegments = boundary$jscomp$0.completedSegments; + var boundary$jscomp$0 = partialBoundaries[i]; + flushedByteSize = boundary$jscomp$0.byteSize; + var completedSegments = boundary$jscomp$0.completedSegments; for ( JSCompiler_inline_result = 0; JSCompiler_inline_result < completedSegments.length; @@ -9720,7 +9727,8 @@ didWarnAboutGetDerivedStateOnFunctionComponent = {}, didWarnAboutReassigningProps = !1, didWarnAboutGenerators = !1, - didWarnAboutMaps = !1; + didWarnAboutMaps = !1, + flushedByteSize = 0; exports.renderToStaticMarkup = function (children, options) { return renderToStringImpl( children, @@ -9737,5 +9745,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-5dc00d6b-20250428"; + exports.version = "19.2.0-experimental-408d055a-20250430"; })(); 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 312b093415151..dac15a5c1fd56 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 @@ -4488,8 +4488,7 @@ function renderElement(request, task, keyPath, type, props, ref) { queueCompletedSegment(newBoundary, contentRootSegment), 0 === newBoundary.pendingTasks && 0 === newBoundary.status && - ((newBoundary.status = 1), - !(newBoundary.byteSize > request.progressiveChunkSize))) + ((newBoundary.status = 1), !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -5601,7 +5600,7 @@ function finishedTask(request, boundary, segment) { boundary.parentFlushed && request.completedBoundaries.push(boundary), 1 === boundary.status && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -5952,6 +5951,7 @@ function flushSubtree(request, destination, segment, hoistableState) { ); } } +var flushedByteSize = 0; function flushSegment(request, destination, segment, hoistableState) { var boundary = segment.boundary; if (null === boundary) @@ -5996,7 +5996,10 @@ function flushSegment(request, destination, segment, hoistableState) { flushSubtree(request, destination, segment, hoistableState), destination.push("\x3c!--/$--\x3e") ); - if (boundary.byteSize > request.progressiveChunkSize) + if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) return ( (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), @@ -6008,6 +6011,7 @@ function flushSegment(request, destination, segment, hoistableState) { flushSubtree(request, destination, segment, hoistableState), destination.push("\x3c!--/$--\x3e") ); + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -6036,6 +6040,7 @@ function flushSegmentContainer(request, destination, segment, hoistableState) { return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -6153,6 +6158,7 @@ function flushCompletedQueues(request, destination) { if (5 === completedRootSegment.status) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState; if ( @@ -6356,6 +6362,7 @@ function flushCompletedQueues(request, destination) { a: { clientRenderedBoundaries = request; boundary = destination; + flushedByteSize = boundary$67.byteSize; var completedSegments = boundary$67.completedSegments; for ( JSCompiler_inline_result = 0; @@ -6548,4 +6555,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-5dc00d6b-20250428"; +exports.version = "19.2.0-experimental-408d055a-20250430"; 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 b91cfe6fd09d6..3616bfa012224 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 @@ -6048,7 +6048,7 @@ 0 === newBoundary.pendingTasks && newBoundary.status === PENDING && ((newBoundary.status = COMPLETED), - !(newBoundary.byteSize > request.progressiveChunkSize))) + !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -7459,7 +7459,7 @@ boundary.parentFlushed && request.completedBoundaries.push(boundary), boundary.status === COMPLETED && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -7952,7 +7952,10 @@ hoistableState )), flushSubtree(request, destination, segment, hoistableState); - else if (boundary.byteSize > request.progressiveChunkSize) + else if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), writeStartPendingSuspenseBoundary( @@ -7962,6 +7965,7 @@ ), flushSubtree(request, destination, segment, hoistableState); else { + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -7995,6 +7999,7 @@ return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -8141,6 +8146,7 @@ if (completedRootSegment.status === POSTPONED) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState; if ( @@ -8455,8 +8461,9 @@ a: { clientRenderedBoundaries = request; boundary = destination; - var boundary$jscomp$0 = partialBoundaries[i], - completedSegments = boundary$jscomp$0.completedSegments; + var boundary$jscomp$0 = partialBoundaries[i]; + flushedByteSize = boundary$jscomp$0.byteSize; + var completedSegments = boundary$jscomp$0.completedSegments; for ( JSCompiler_inline_result = 0; JSCompiler_inline_result < completedSegments.length; @@ -8646,11 +8653,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-408d055a-20250430" !== 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-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react-experimental"), @@ -10206,7 +10213,8 @@ didWarnAboutGetDerivedStateOnFunctionComponent = {}, didWarnAboutReassigningProps = !1, didWarnAboutGenerators = !1, - didWarnAboutMaps = !1; + didWarnAboutMaps = !1, + flushedByteSize = 0; ensureCorrectIsomorphicReactVersion(); ensureCorrectIsomorphicReactVersion(); exports.prerender = function (children, options) { @@ -10461,5 +10469,5 @@ startWork(request); }); }; - exports.version = "19.2.0-experimental-5dc00d6b-20250428"; + exports.version = "19.2.0-experimental-408d055a-20250430"; })(); 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 2dab9566fdb36..55c4f9a983af1 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 @@ -5009,8 +5009,7 @@ function renderElement(request, task, keyPath, type, props, ref) { queueCompletedSegment(newBoundary, contentRootSegment), 0 === newBoundary.pendingTasks && 0 === newBoundary.status && - ((newBoundary.status = 1), - !(newBoundary.byteSize > request.progressiveChunkSize))) + ((newBoundary.status = 1), !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -6104,7 +6103,7 @@ function finishedTask(request, boundary, segment) { boundary.parentFlushed && request.completedBoundaries.push(boundary), 1 === boundary.status && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -6451,6 +6450,7 @@ function flushSubtree(request, destination, segment, hoistableState) { throw Error(formatProdErrorMessage(390)); } } +var flushedByteSize = 0; function flushSegment(request, destination, segment, hoistableState) { var boundary = segment.boundary; if (null === boundary) @@ -6486,7 +6486,10 @@ function flushSegment(request, destination, segment, hoistableState) { hoistableState )), flushSubtree(request, destination, segment, hoistableState); - else if (boundary.byteSize > request.progressiveChunkSize) + else if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), writeStartPendingSuspenseBoundary( @@ -6496,6 +6499,7 @@ function flushSegment(request, destination, segment, hoistableState) { ), flushSubtree(request, destination, segment, hoistableState); else { + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -6518,6 +6522,7 @@ function flushSegmentContainer(request, destination, segment, hoistableState) { return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -6634,6 +6639,7 @@ function flushCompletedQueues(request, destination) { if (5 === completedRootSegment.status) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState; if ( @@ -6840,6 +6846,7 @@ function flushCompletedQueues(request, destination) { a: { clientRenderedBoundaries = request; boundary = destination; + flushedByteSize = boundary$68.byteSize; var completedSegments = boundary$68.completedSegments; for ( JSCompiler_inline_result = 0; @@ -7019,12 +7026,12 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-408d055a-20250430" !== isomorphicReactPackageVersion) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion, - "19.2.0-experimental-5dc00d6b-20250428" + "19.2.0-experimental-408d055a-20250430" ) ); } @@ -7279,4 +7286,4 @@ exports.resumeAndPrerender = function (children, postponedState, options) { startWork(request); }); }; -exports.version = "19.2.0-experimental-5dc00d6b-20250428"; +exports.version = "19.2.0-experimental-408d055a-20250430"; 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 7596eaee80f9f..0f94492b33510 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 @@ -4485,8 +4485,7 @@ function renderElement(request, task, keyPath, type, props, ref) { queueCompletedSegment(newBoundary, contentRootSegment), 0 === newBoundary.pendingTasks && 0 === newBoundary.status && - ((newBoundary.status = 1), - !(newBoundary.byteSize > request.progressiveChunkSize))) + ((newBoundary.status = 1), !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -5608,7 +5607,7 @@ function finishedTask(request, boundary, segment) { boundary.parentFlushed && request.completedBoundaries.push(boundary), 1 === boundary.status && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -5961,6 +5960,7 @@ function flushSubtree(request, destination, segment, hoistableState) { ); } } +var flushedByteSize = 0; function flushSegment(request, destination, segment, hoistableState) { var boundary = segment.boundary; if (null === boundary) @@ -5993,7 +5993,10 @@ function flushSegment(request, destination, segment, hoistableState) { hoistableState )), flushSubtree(request, destination, segment, hoistableState); - else if (boundary.byteSize > request.progressiveChunkSize) + else if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), writeStartPendingSuspenseBoundary( @@ -6003,6 +6006,7 @@ function flushSegment(request, destination, segment, hoistableState) { ), flushSubtree(request, destination, segment, hoistableState); else { + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -6028,6 +6032,7 @@ function flushSegmentContainer(request, destination, segment, hoistableState) { return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -6153,6 +6158,7 @@ function flushCompletedQueues(request, destination) { if (5 === completedRootSegment.status) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState; if ( @@ -6357,6 +6363,7 @@ function flushCompletedQueues(request, destination) { a: { clientRenderedBoundaries = request; boundary = destination; + flushedByteSize = boundary$67.byteSize; var completedSegments = boundary$67.completedSegments; for ( JSCompiler_inline_result = 0; @@ -6480,13 +6487,13 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) { } var isomorphicReactPackageVersion$jscomp$inline_825 = React.version; if ( - "19.2.0-experimental-5dc00d6b-20250428" !== + "19.2.0-experimental-408d055a-20250430" !== isomorphicReactPackageVersion$jscomp$inline_825 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_825 + - "\n - react-dom: 19.2.0-experimental-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); exports.renderToReadableStream = function (children, options) { return new Promise(function (resolve, reject) { @@ -6577,4 +6584,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.2.0-experimental-5dc00d6b-20250428"; +exports.version = "19.2.0-experimental-408d055a-20250430"; 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 44f52b64393df..0d9d8081da11a 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 @@ -6064,7 +6064,7 @@ 0 === newBoundary.pendingTasks && newBoundary.status === PENDING && ((newBoundary.status = COMPLETED), - !(newBoundary.byteSize > request.progressiveChunkSize))) + !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -7475,7 +7475,7 @@ boundary.parentFlushed && request.completedBoundaries.push(boundary), boundary.status === COMPLETED && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -7968,7 +7968,10 @@ hoistableState )), flushSubtree(request, destination, segment, hoistableState); - else if (boundary.byteSize > request.progressiveChunkSize) + else if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), writeStartPendingSuspenseBoundary( @@ -7978,6 +7981,7 @@ ), flushSubtree(request, destination, segment, hoistableState); else { + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -8011,6 +8015,7 @@ return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -8157,6 +8162,7 @@ if (completedRootSegment.status === POSTPONED) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState; if ( @@ -8471,8 +8477,9 @@ a: { clientRenderedBoundaries = request; boundary = destination; - var boundary$jscomp$0 = partialBoundaries[i], - completedSegments = boundary$jscomp$0.completedSegments; + var boundary$jscomp$0 = partialBoundaries[i]; + flushedByteSize = boundary$jscomp$0.byteSize; + var completedSegments = boundary$jscomp$0.completedSegments; for ( JSCompiler_inline_result = 0; JSCompiler_inline_result < completedSegments.length; @@ -8675,11 +8682,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-408d055a-20250430" !== 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-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react-experimental"), @@ -10231,7 +10238,8 @@ didWarnAboutGetDerivedStateOnFunctionComponent = {}, didWarnAboutReassigningProps = !1, didWarnAboutGenerators = !1, - didWarnAboutMaps = !1; + didWarnAboutMaps = !1, + flushedByteSize = 0; ensureCorrectIsomorphicReactVersion(); ensureCorrectIsomorphicReactVersion(); exports.prerender = function (children, options) { @@ -10497,5 +10505,5 @@ const setTimeoutOrImmediate = ? globalThis['set' + 'Immediate'] : setTimeout; - exports.version = "19.2.0-experimental-5dc00d6b-20250428"; + exports.version = "19.2.0-experimental-408d055a-20250430"; })(); 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 9768224e9b3c4..e78aa60364fc7 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 @@ -5069,8 +5069,7 @@ function renderElement(request, task, keyPath, type, props, ref) { queueCompletedSegment(newBoundary, contentRootSegment), 0 === newBoundary.pendingTasks && 0 === newBoundary.status && - ((newBoundary.status = 1), - !(newBoundary.byteSize > request.progressiveChunkSize))) + ((newBoundary.status = 1), !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -6192,7 +6191,7 @@ function finishedTask(request, boundary, segment) { boundary.parentFlushed && request.completedBoundaries.push(boundary), 1 === boundary.status && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -6546,6 +6545,7 @@ function flushSubtree(request, destination, segment, hoistableState) { ); } } +var flushedByteSize = 0; function flushSegment(request, destination, segment, hoistableState) { var boundary = segment.boundary; if (null === boundary) @@ -6581,7 +6581,10 @@ function flushSegment(request, destination, segment, hoistableState) { hoistableState )), flushSubtree(request, destination, segment, hoistableState); - else if (boundary.byteSize > request.progressiveChunkSize) + else if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), writeStartPendingSuspenseBoundary( @@ -6591,6 +6594,7 @@ function flushSegment(request, destination, segment, hoistableState) { ), flushSubtree(request, destination, segment, hoistableState); else { + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -6616,6 +6620,7 @@ function flushSegmentContainer(request, destination, segment, hoistableState) { return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -6734,6 +6739,7 @@ function flushCompletedQueues(request, destination) { if (5 === completedRootSegment.status) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState; if ( @@ -6940,6 +6946,7 @@ function flushCompletedQueues(request, destination) { a: { clientRenderedBoundaries = request; boundary = destination; + flushedByteSize = boundary$68.byteSize; var completedSegments = boundary$68.completedSegments; for ( JSCompiler_inline_result = 0; @@ -7132,11 +7139,11 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-408d055a-20250430" !== 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-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -7401,4 +7408,4 @@ const setTimeoutOrImmediate = ? globalThis['set' + 'Immediate'] : setTimeout; -exports.version = "19.2.0-experimental-5dc00d6b-20250428"; +exports.version = "19.2.0-experimental-408d055a-20250430"; 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 596b3b1da6a0d..403677831a054 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 @@ -5952,7 +5952,7 @@ 0 === newBoundary.pendingTasks && newBoundary.status === PENDING && ((newBoundary.status = COMPLETED), - !(newBoundary.byteSize > request.progressiveChunkSize))) + !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -7363,7 +7363,7 @@ boundary.parentFlushed && request.completedBoundaries.push(boundary), boundary.status === COMPLETED && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -7844,7 +7844,10 @@ hoistableState )), flushSubtree(request, destination, segment, hoistableState); - else if (boundary.byteSize > request.progressiveChunkSize) + else if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), writeStartPendingSuspenseBoundary( @@ -7854,6 +7857,7 @@ ), flushSubtree(request, destination, segment, hoistableState); else { + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -7887,6 +7891,7 @@ return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -8034,6 +8039,7 @@ if (completedRootSegment.status === POSTPONED) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState; if ( @@ -8338,8 +8344,9 @@ a: { clientRenderedBoundaries = request; boundary = destination; - var boundary$jscomp$0 = partialBoundaries[i], - completedSegments = boundary$jscomp$0.completedSegments; + var boundary$jscomp$0 = partialBoundaries[i]; + flushedByteSize = boundary$jscomp$0.byteSize; + var completedSegments = boundary$jscomp$0.completedSegments; for ( JSCompiler_inline_result = 0; JSCompiler_inline_result < completedSegments.length; @@ -8536,11 +8543,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-408d055a-20250430" !== 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-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); } function createDrainHandler(destination, request) { @@ -10162,7 +10169,8 @@ didWarnAboutGetDerivedStateOnFunctionComponent = {}, didWarnAboutReassigningProps = !1, didWarnAboutGenerators = !1, - didWarnAboutMaps = !1; + didWarnAboutMaps = !1, + flushedByteSize = 0; ensureCorrectIsomorphicReactVersion(); ensureCorrectIsomorphicReactVersion(); exports.prerenderToNodeStream = function (children, options) { @@ -10344,5 +10352,5 @@ } }; }; - exports.version = "19.2.0-experimental-5dc00d6b-20250428"; + exports.version = "19.2.0-experimental-408d055a-20250430"; })(); 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 d082d5cc0ac92..25cb9c6bfaa70 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 @@ -4960,8 +4960,7 @@ function renderElement(request, task, keyPath, type, props, ref) { queueCompletedSegment(newBoundary, contentRootSegment), 0 === newBoundary.pendingTasks && 0 === newBoundary.status && - ((newBoundary.status = 1), - !(newBoundary.byteSize > request.progressiveChunkSize))) + ((newBoundary.status = 1), !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -6083,7 +6082,7 @@ function finishedTask(request, boundary, segment) { boundary.parentFlushed && request.completedBoundaries.push(boundary), 1 === boundary.status && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -6437,6 +6436,7 @@ function flushSubtree(request, destination, segment, hoistableState) { ); } } +var flushedByteSize = 0; function flushSegment(request, destination, segment, hoistableState) { var boundary = segment.boundary; if (null === boundary) @@ -6472,7 +6472,10 @@ function flushSegment(request, destination, segment, hoistableState) { hoistableState )), flushSubtree(request, destination, segment, hoistableState); - else if (boundary.byteSize > request.progressiveChunkSize) + else if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), writeStartPendingSuspenseBoundary( @@ -6482,6 +6485,7 @@ function flushSegment(request, destination, segment, hoistableState) { ), flushSubtree(request, destination, segment, hoistableState); else { + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -6507,6 +6511,7 @@ function flushSegmentContainer(request, destination, segment, hoistableState) { return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -6626,6 +6631,7 @@ function flushCompletedQueues(request, destination) { if (5 === completedRootSegment.status) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState; if ( @@ -6831,6 +6837,7 @@ function flushCompletedQueues(request, destination) { a: { clientRenderedBoundaries = request; boundary = destination; + flushedByteSize = boundary$68.byteSize; var completedSegments = boundary$68.completedSegments; for ( JSCompiler_inline_result = 0; @@ -7018,11 +7025,11 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-408d055a-20250430" !== 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-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -7273,4 +7280,4 @@ exports.resumeToPipeableStream = function (children, postponedState, options) { } }; }; -exports.version = "19.2.0-experimental-5dc00d6b-20250428"; +exports.version = "19.2.0-experimental-408d055a-20250430"; 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 19e06ff30d5e8..6243b3110b951 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 @@ -4775,7 +4775,7 @@ : eventClass; } function setCurrentTrackFromLanes(lanes) { - reusableLaneDevToolDetails.track = + currentTrack = lanes & 127 ? "Blocking" : lanes & 4194176 @@ -4788,10 +4788,26 @@ } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - ((reusableComponentDevToolDetails.color = "warning"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = endTime), - performance.measure(trigger, reusableComponentOptions)); + ((fiber = fiber._debugTask) + ? fiber.run( + console.timeStamp.bind( + console, + trigger, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + "warning" + ) + ) + : console.timeStamp( + trigger, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + "warning" + )); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); @@ -4801,9 +4817,9 @@ if (null !== name && supportsUserTiming) { var selfTime = fiber.actualDuration; if (null === fiber.alternate || fiber.alternate.child !== fiber.child) - for (fiber = fiber.child; null !== fiber; fiber = fiber.sibling) - selfTime -= fiber.actualDuration; - reusableComponentDevToolDetails.color = + for (var child = fiber.child; null !== child; child = child.sibling) + selfTime -= child.actualDuration; + wasHydrated = 0.5 > selfTime ? wasHydrated ? "tertiary-light" @@ -4817,80 +4833,140 @@ ? "tertiary-dark" : "primary-dark" : "error"; - reusableComponentOptions.start = startTime; - reusableComponentOptions.end = endTime; - performance.measure(name, reusableComponentOptions); + (fiber = fiber._debugTask) + ? fiber.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 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) - ]); - } - performance.measure(name, { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: COMPONENTS_TRACK, - tooltipText: - 13 === fiber.tag - ? "Hydration failed" - : "Error boundary caught an error", - properties: properties - } + if (null !== name) + if ( + "undefined" !== typeof performance && + "function" === typeof performance.measure + ) { + 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 == 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, name, fiber) + ) + : performance.measure(name, fiber); + } else + console.timeStamp( + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + "error" + ); } } function logComponentEffect(fiber, startTime, endTime, selfTime, errors) { if (null !== errors) { - if ( - supportsUserTiming && - ((selfTime = getComponentNameFromFiber(fiber)), null !== selfTime) - ) { - fiber = []; - for (var i = 0; i < errors.length; i++) { - var error = errors[i].value; - fiber.push([ - "Error", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ]); - } - performance.measure(selfTime, { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: COMPONENTS_TRACK, - tooltipText: "A lifecycle or effect errored", - properties: fiber + if (supportsUserTiming) { + var name = getComponentNameFromFiber(fiber); + if (null !== name) + if ( + "undefined" !== typeof performance && + "function" === typeof performance.measure + ) { + 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) + ]); } - } - }); + 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, name, startTime) + ) + : performance.measure(name, startTime); + } else + console.timeStamp( + name, + startTime, + endTime, + COMPONENTS_TRACK, + void 0, + "error" + ); } } else - (errors = getComponentNameFromFiber(fiber)), - null !== errors && + (name = getComponentNameFromFiber(fiber)), + null !== name && supportsUserTiming && - ((reusableComponentDevToolDetails.color = + ((errors = 1 > selfTime ? "secondary-light" : 100 > selfTime @@ -4898,40 +4974,48 @@ : 500 > selfTime ? "secondary-dark" : "error"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = endTime), - performance.measure(errors, reusableComponentOptions)); - } - function logRenderPhase(startTime, endTime, lanes) { - supportsUserTiming && - ((reusableLaneDevToolDetails.color = - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure( - (lanes & 536870912) === lanes - ? "Prepared" - : (lanes & 201326741) === lanes - ? "Hydrated" - : "Render", - reusableLaneOptions - )); + (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 logSuspendedRenderPhase(startTime, endTime, lanes) { supportsUserTiming && - ((reusableLaneDevToolDetails.color = - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Prewarm", reusableLaneOptions)); + console.timeStamp( + "Prewarm", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + ); } function logSuspendedWithDelayPhase(startTime, endTime, lanes) { supportsUserTiming && - ((reusableLaneDevToolDetails.color = - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Suspended", reusableLaneOptions)); + console.timeStamp( + "Suspended", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + ); } function logRecoveredRenderPhase( startTime, @@ -4940,86 +5024,100 @@ recoverableErrors, hydrationFailed ) { - if (supportsUserTiming) { - 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) - ]); - } - performance.measure("Recovered", { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "primary-dark", - track: reusableLaneDevToolDetails.track, - trackGroup: LANES_TRACK_GROUP, - tooltipText: hydrationFailed - ? "Hydration Failed" - : "Recovered after Error", - properties: lanes - } + if (supportsUserTiming) + if ( + "undefined" !== typeof performance && + "function" === typeof performance.measure + ) { + 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) + ]); } - }); - } + performance.measure("Recovered", { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "primary-dark", + track: currentTrack, + trackGroup: LANES_TRACK_GROUP, + tooltipText: hydrationFailed + ? "Hydration Failed" + : "Recovered after Error", + properties: lanes + } + } + }); + } else + console.timeStamp( + "Recovered", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + ); } function logErroredRenderPhase(startTime, endTime) { supportsUserTiming && - ((reusableLaneDevToolDetails.color = "error"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Errored", reusableLaneOptions)); - } - function logSuspenseThrottlePhase(startTime, endTime) { - supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-light"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Throttled", reusableLaneOptions)); - } - function logSuspendedCommitPhase(startTime, endTime) { - supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-light"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure("Suspended on CSS or Images", reusableLaneOptions)); + console.timeStamp( + "Errored", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + ); } function logCommitErrored(startTime, endTime, errors, passive) { - if (supportsUserTiming) { - 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) - ]); - } - performance.measure("Errored", { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: reusableLaneDevToolDetails.track, - trackGroup: LANES_TRACK_GROUP, - tooltipText: passive - ? "Remaining Effects Errored" - : "Commit Errored", - properties: properties - } + if (supportsUserTiming) + if ( + "undefined" !== typeof performance && + "function" === typeof performance.measure + ) { + 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) + ]); } - }); - } + performance.measure("Errored", { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: currentTrack, + trackGroup: LANES_TRACK_GROUP, + tooltipText: passive + ? "Remaining Effects Errored" + : "Commit Errored", + properties: properties + } + } + }); + } else + console.timeStamp( + "Errored", + startTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + "error" + ); } function resetContextDependencies() { lastContextDependency = currentlyRenderingFiber$1 = null; @@ -5270,36 +5368,36 @@ root.transitionTypes = null; return claimed; } - function startUpdateTimerByLane(lane) { + function startUpdateTimerByLane(lane, method) { var JSCompiler_temp; (JSCompiler_temp = 0 !== (lane & 3)) || (JSCompiler_temp = 0 !== (lane & 60)); if (JSCompiler_temp) 0 > blockingUpdateTime && ((blockingUpdateTime = now()), + (blockingUpdateTask = createTask(method)), (executionContext & (RenderContext | CommitContext)) !== NoContext && (blockingSpawnedUpdate = !0), (lane = resolveEventTimeStamp()), - (JSCompiler_temp = resolveEventType()), - lane !== blockingEventTime || JSCompiler_temp !== blockingEventType + (method = resolveEventType()), + lane !== blockingEventTime || method !== blockingEventType ? (blockingEventIsRepeat = !1) - : null !== JSCompiler_temp && (blockingSpawnedUpdate = !0), + : null !== method && (blockingSpawnedUpdate = !0), (blockingEventTime = lane), - (blockingEventType = JSCompiler_temp)); + (blockingEventType = method)); else if ( 0 !== (lane & 4194048) && 0 > transitionUpdateTime && - ((transitionUpdateTime = now()), 0 > transitionStartTime) + ((transitionUpdateTime = now()), + (transitionUpdateTask = createTask(method)), + 0 > transitionStartTime) ) { lane = resolveEventTimeStamp(); - JSCompiler_temp = resolveEventType(); - if ( - lane !== transitionEventTime || - JSCompiler_temp !== transitionEventType - ) + method = resolveEventType(); + if (lane !== transitionEventTime || method !== transitionEventType) transitionEventIsRepeat = !1; transitionEventTime = lane; - transitionEventType = JSCompiler_temp; + transitionEventType = method; } } function pushNestedEffectDurations() { @@ -7880,7 +7978,9 @@ } function subscribeToStore(fiber, inst, subscribe) { return subscribe(function () { - checkIfSnapshotChanged(inst) && forceStoreRerender(fiber); + checkIfSnapshotChanged(inst) && + (startUpdateTimerByLane(2, "updateSyncExternalStore()"), + forceStoreRerender(fiber)); }); } function checkIfSnapshotChanged(inst) { @@ -8636,10 +8736,12 @@ throw Error( "Cannot requestFormReset() inside a startGestureTransition. There should be no side-effects associated with starting a Gesture until its Action is invoked. Move side-effects to the Action instead." ); - transition = ensureFormComponentIsStateful(formFiber).next.queue; + transition = ensureFormComponentIsStateful(formFiber); + null === transition.next && + (transition = formFiber.alternate.memoizedState); dispatchSetStateInternal( formFiber, - transition, + transition.next.queue, {}, requestUpdateLane(formFiber) ); @@ -8709,7 +8811,7 @@ fiber = createUpdate(lane); var root = enqueueUpdate(provider, fiber, lane); null !== root && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "refresh()"), scheduleUpdateOnFiber(root, provider, lane), entangleTransitions(root, provider, lane)); provider = createCache(); @@ -8743,7 +8845,7 @@ ? enqueueRenderPhaseUpdate(queue, update) : ((update = enqueueConcurrentHookUpdate(fiber, queue, update, args)), null !== update && - (startUpdateTimerByLane(args), + (startUpdateTimerByLane(args, "dispatch()"), scheduleUpdateOnFiber(update, fiber, args), entangleTransitionUpdate(update, queue, args))); } @@ -8755,7 +8857,7 @@ ); args = requestUpdateLane(fiber); dispatchSetStateInternal(fiber, queue, action, args) && - startUpdateTimerByLane(args); + startUpdateTimerByLane(args, "setState()"); } function dispatchSetStateInternal(fiber, queue, action, lane) { var update = { @@ -8838,7 +8940,7 @@ lane )), null !== throwIfDuringRender && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "setOptimistic()"), scheduleUpdateOnFiber(throwIfDuringRender, fiber, lane), null !== transition && ((transition = transition.gesture), null !== transition))) @@ -10349,25 +10451,25 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_3017; - var JSCompiler_object_inline_stack_3016 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_3041; + var JSCompiler_object_inline_stack_3040 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_digest_3015 = !1; + var JSCompiler_object_inline_digest_3039 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_3017 = didSuspend) || - (JSCompiler_object_inline_componentStack_3017 = + (JSCompiler_object_inline_componentStack_3041 = didSuspend) || + (JSCompiler_object_inline_componentStack_3041 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_3017 && - ((JSCompiler_object_inline_digest_3015 = !0), + JSCompiler_object_inline_componentStack_3041 && + ((JSCompiler_object_inline_digest_3039 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_3017 = + JSCompiler_object_inline_componentStack_3041 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_digest_3015 + JSCompiler_object_inline_digest_3039 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (current = nextHydratableInstance) @@ -10380,20 +10482,20 @@ ? renderLanes : null), null !== renderLanes && - ((JSCompiler_object_inline_componentStack_3017 = { + ((JSCompiler_object_inline_componentStack_3041 = { dehydrated: renderLanes, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_componentStack_3017), - (JSCompiler_object_inline_componentStack_3017 = + JSCompiler_object_inline_componentStack_3041), + (JSCompiler_object_inline_componentStack_3041 = createFiberFromDehydratedFragment(renderLanes)), - (JSCompiler_object_inline_componentStack_3017.return = + (JSCompiler_object_inline_componentStack_3041.return = workInProgress), (workInProgress.child = - JSCompiler_object_inline_componentStack_3017), + JSCompiler_object_inline_componentStack_3041), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (renderLanes = null); @@ -10407,12 +10509,12 @@ : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_3016.children, - nextFallbackChildren = JSCompiler_object_inline_stack_3016.fallback; - if (JSCompiler_object_inline_digest_3015) + var nextPrimaryChildren = JSCompiler_object_inline_stack_3040.children, + nextFallbackChildren = JSCompiler_object_inline_stack_3040.fallback; + if (JSCompiler_object_inline_digest_3039) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_3016 = + (JSCompiler_object_inline_stack_3040 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10424,19 +10526,19 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3017, + JSCompiler_object_inline_componentStack_3041, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_3016 + JSCompiler_object_inline_stack_3040 ); if ( "number" === - typeof JSCompiler_object_inline_stack_3016.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_3040.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_3016 = + (JSCompiler_object_inline_stack_3040 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10448,12 +10550,12 @@ mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3017, + JSCompiler_object_inline_componentStack_3041, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_3016 + JSCompiler_object_inline_stack_3040 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( @@ -10463,8 +10565,8 @@ } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_message_3014 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_message_3014) { + var JSCompiler_object_inline_message_3038 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_message_3038) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -10481,13 +10583,13 @@ (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_3016.fallback), + JSCompiler_object_inline_stack_3040.fallback), (nextFallbackChildren = workInProgress.mode), - (JSCompiler_object_inline_stack_3016 = + (JSCompiler_object_inline_stack_3040 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_3016.children + children: JSCompiler_object_inline_stack_3040.children }, nextFallbackChildren )), @@ -10498,24 +10600,24 @@ null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_3016.return = workInProgress), + (JSCompiler_object_inline_stack_3040.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3016.sibling = + (JSCompiler_object_inline_stack_3040.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3016), + (workInProgress.child = JSCompiler_object_inline_stack_3040), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_3016 = workInProgress.child), - (JSCompiler_object_inline_stack_3016.memoizedState = + (JSCompiler_object_inline_stack_3040 = workInProgress.child), + (JSCompiler_object_inline_stack_3040.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_3016.childLanes = + (JSCompiler_object_inline_stack_3040.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3017, + JSCompiler_object_inline_componentStack_3041, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -10523,48 +10625,48 @@ else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_3014)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_3038)) ) { - JSCompiler_object_inline_componentStack_3017 = - JSCompiler_object_inline_message_3014.nextSibling && - JSCompiler_object_inline_message_3014.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_3017) { + JSCompiler_object_inline_componentStack_3041 = + JSCompiler_object_inline_message_3038.nextSibling && + JSCompiler_object_inline_message_3038.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_3041) { nextPrimaryChildren = - JSCompiler_object_inline_componentStack_3017.dgst; - var message = JSCompiler_object_inline_componentStack_3017.msg; + JSCompiler_object_inline_componentStack_3041.dgst; + var message = JSCompiler_object_inline_componentStack_3041.msg; nextFallbackChildren = - JSCompiler_object_inline_componentStack_3017.stck; + JSCompiler_object_inline_componentStack_3041.stck; var componentStack = - JSCompiler_object_inline_componentStack_3017.cstck; + JSCompiler_object_inline_componentStack_3041.cstck; } - JSCompiler_object_inline_message_3014 = message; - JSCompiler_object_inline_digest_3015 = nextPrimaryChildren; - JSCompiler_object_inline_stack_3016 = nextFallbackChildren; - JSCompiler_object_inline_componentStack_3017 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_digest_3015; - nextFallbackChildren = JSCompiler_object_inline_message_3014; - componentStack = JSCompiler_object_inline_componentStack_3017; + JSCompiler_object_inline_message_3038 = message; + JSCompiler_object_inline_digest_3039 = nextPrimaryChildren; + JSCompiler_object_inline_stack_3040 = nextFallbackChildren; + JSCompiler_object_inline_componentStack_3041 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_digest_3039; + nextFallbackChildren = JSCompiler_object_inline_message_3038; + componentStack = JSCompiler_object_inline_componentStack_3041; "POSTPONE" !== nextPrimaryChildren && - ((JSCompiler_object_inline_componentStack_3017 = + ((JSCompiler_object_inline_componentStack_3041 = 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_3017.stack = - JSCompiler_object_inline_stack_3016 || ""), - (JSCompiler_object_inline_componentStack_3017.digest = + (JSCompiler_object_inline_componentStack_3041.stack = + JSCompiler_object_inline_stack_3040 || ""), + (JSCompiler_object_inline_componentStack_3041.digest = nextPrimaryChildren), - (JSCompiler_object_inline_stack_3016 = + (JSCompiler_object_inline_stack_3040 = void 0 === componentStack ? null : componentStack), (nextPrimaryChildren = { - value: JSCompiler_object_inline_componentStack_3017, + value: JSCompiler_object_inline_componentStack_3041, source: null, - stack: JSCompiler_object_inline_stack_3016 + stack: JSCompiler_object_inline_stack_3040 }), - "string" === typeof JSCompiler_object_inline_stack_3016 && + "string" === typeof JSCompiler_object_inline_stack_3040 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_3017, + JSCompiler_object_inline_componentStack_3041, nextPrimaryChildren ), queueHydrationError(nextPrimaryChildren)); @@ -10581,34 +10683,34 @@ renderLanes, !1 ), - (JSCompiler_object_inline_componentStack_3017 = + (JSCompiler_object_inline_componentStack_3041 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_3017) + didReceiveUpdate || JSCompiler_object_inline_componentStack_3041) ) { - JSCompiler_object_inline_componentStack_3017 = workInProgressRoot; + JSCompiler_object_inline_componentStack_3041 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_componentStack_3017 && - ((JSCompiler_object_inline_stack_3016 = getBumpedLaneForHydration( - JSCompiler_object_inline_componentStack_3017, + null !== JSCompiler_object_inline_componentStack_3041 && + ((JSCompiler_object_inline_stack_3040 = getBumpedLaneForHydration( + JSCompiler_object_inline_componentStack_3041, renderLanes )), - 0 !== JSCompiler_object_inline_stack_3016 && - JSCompiler_object_inline_stack_3016 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_3040 && + JSCompiler_object_inline_stack_3040 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_3016), + ((prevState.retryLane = JSCompiler_object_inline_stack_3040), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_3016 + JSCompiler_object_inline_stack_3040 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_3017, + JSCompiler_object_inline_componentStack_3041, current, - JSCompiler_object_inline_stack_3016 + JSCompiler_object_inline_stack_3040 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_3014.data === + JSCompiler_object_inline_message_3038.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10616,14 +10718,14 @@ renderLanes ); } else - JSCompiler_object_inline_message_3014.data === + JSCompiler_object_inline_message_3038.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_3014.nextSibling + JSCompiler_object_inline_message_3038.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10635,31 +10737,31 @@ restoreSuspendedTreeContext(workInProgress, current), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_3016.children + JSCompiler_object_inline_stack_3040.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_digest_3015) + if (JSCompiler_object_inline_digest_3039) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_3016.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_3040.fallback), (nextFallbackChildren = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_message_3014 = componentStack.sibling), - (JSCompiler_object_inline_stack_3016 = createWorkInProgress( + (JSCompiler_object_inline_message_3038 = componentStack.sibling), + (JSCompiler_object_inline_stack_3040 = createWorkInProgress( componentStack, { mode: "hidden", - children: JSCompiler_object_inline_stack_3016.children + children: JSCompiler_object_inline_stack_3040.children } )), - (JSCompiler_object_inline_stack_3016.subtreeFlags = + (JSCompiler_object_inline_stack_3040.subtreeFlags = componentStack.subtreeFlags & 65011712), - null !== JSCompiler_object_inline_message_3014 + null !== JSCompiler_object_inline_message_3038 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_message_3014, + JSCompiler_object_inline_message_3038, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -10670,24 +10772,24 @@ )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_3016.return = workInProgress), - (JSCompiler_object_inline_stack_3016.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_3016), - (JSCompiler_object_inline_stack_3016 = nextPrimaryChildren), + (JSCompiler_object_inline_stack_3040.return = workInProgress), + (JSCompiler_object_inline_stack_3040.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_3040), + (JSCompiler_object_inline_stack_3040 = nextPrimaryChildren), (nextPrimaryChildren = workInProgress.child), (nextFallbackChildren = current.child.memoizedState), null === nextFallbackChildren ? (nextFallbackChildren = mountSuspenseOffscreenState(renderLanes)) : ((componentStack = nextFallbackChildren.cachePool), null !== componentStack - ? ((JSCompiler_object_inline_message_3014 = + ? ((JSCompiler_object_inline_message_3038 = CacheContext._currentValue), (componentStack = componentStack.parent !== - JSCompiler_object_inline_message_3014 + JSCompiler_object_inline_message_3038 ? { - parent: JSCompiler_object_inline_message_3014, - pool: JSCompiler_object_inline_message_3014 + parent: JSCompiler_object_inline_message_3038, + pool: JSCompiler_object_inline_message_3038 } : componentStack)) : (componentStack = getSuspendedCache()), @@ -10698,28 +10800,28 @@ (nextPrimaryChildren.memoizedState = nextFallbackChildren), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_3017, + JSCompiler_object_inline_componentStack_3041, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_3016 + JSCompiler_object_inline_stack_3040 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_3016.children + children: JSCompiler_object_inline_stack_3040.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_3017 = + ((JSCompiler_object_inline_componentStack_3041 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_3017 + null === JSCompiler_object_inline_componentStack_3041 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_3017.push(current)); + : JSCompiler_object_inline_componentStack_3041.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -17707,81 +17809,118 @@ if ((executionContext & (RenderContext | CommitContext)) !== NoContext) throw Error("Should not already be working."); if (0 !== workInProgressRootRenderLanes && null !== workInProgress) { - var yieldEndTime = now$1(); + var yieldedFiber = workInProgress, + yieldEndTime = now$1(); switch (yieldReason) { case SuspendedOnImmediate: case SuspendedOnData: var startTime = yieldStartTime; supportsUserTiming && - ((reusableComponentDevToolDetails.color = "primary-light"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = yieldEndTime), - performance.measure("Suspended", reusableComponentOptions)); + ((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 && - ((reusableComponentDevToolDetails.color = "primary-light"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = yieldEndTime), - performance.measure("Action", reusableComponentOptions)); + ((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: - if (((startTime = yieldStartTime), supportsUserTiming)) { - var yieldDuration = yieldEndTime - startTime; - 3 > yieldDuration || - ((reusableComponentDevToolDetails.color = - 5 > yieldDuration + supportsUserTiming && + ((yieldedFiber = yieldEndTime - yieldStartTime), + 3 > yieldedFiber || + console.timeStamp( + "Blocked", + yieldStartTime, + yieldEndTime, + COMPONENTS_TRACK, + void 0, + 5 > yieldedFiber ? "primary-light" - : 10 > yieldDuration + : 10 > yieldedFiber ? "primary" - : 100 > yieldDuration + : 100 > yieldedFiber ? "primary-dark" - : "error"), - (reusableComponentOptions.start = startTime), - (reusableComponentOptions.end = yieldEndTime), - performance.measure("Blocked", reusableComponentOptions)); - } + : "error" + )); } } - yieldDuration = (forceSync = + startTime = (yieldEndTime = (!forceSync && 0 === (lanes & 124) && 0 === (lanes & root.expiredLanes)) || checkIfRootIsPrerendering(root, lanes)) ? renderRootConcurrent(root, lanes) : renderRootSync(root, lanes, !0); - var renderWasConcurrent = forceSync; + var renderWasConcurrent = yieldEndTime; do { - if (yieldDuration === RootInProgress) { + if (startTime === RootInProgress) { workInProgressRootIsPrerendering && - !forceSync && + !yieldEndTime && markRootSuspended(root, lanes, 0, !1); lanes = workInProgressSuspendedReason; yieldStartTime = now(); yieldReason = lanes; break; } else { - startTime = now$1(); - yieldEndTime = root.current.alternate; + yieldedFiber = now$1(); + forceSync = root.current.alternate; if ( renderWasConcurrent && - !isRenderConsistentWithExternalStores(yieldEndTime) + !isRenderConsistentWithExternalStores(forceSync) ) { setCurrentTrackFromLanes(lanes); - yieldEndTime = renderStartTime; - yieldDuration = startTime; supportsUserTiming && - ((reusableLaneDevToolDetails.color = "error"), - (reusableLaneOptions.start = yieldEndTime), - (reusableLaneOptions.end = yieldDuration), - performance.measure("Teared Render", reusableLaneOptions)); - finalizeRender(lanes, startTime); - yieldDuration = renderRootSync(root, lanes, !1); + console.timeStamp( + "Teared Render", + renderStartTime, + yieldedFiber, + currentTrack, + LANES_TRACK_GROUP, + "error" + ); + finalizeRender(lanes, yieldedFiber); + startTime = renderRootSync(root, lanes, !1); renderWasConcurrent = !1; continue; } - if (yieldDuration === RootErrored) { + if (startTime === RootErrored) { renderWasConcurrent = lanes; if (root.errorRecoveryDisabledLanes & renderWasConcurrent) var errorRetryLanes = 0; @@ -17795,19 +17934,20 @@ : 0); if (0 !== errorRetryLanes) { setCurrentTrackFromLanes(lanes); - logErroredRenderPhase(renderStartTime, startTime); - finalizeRender(lanes, startTime); + logErroredRenderPhase(renderStartTime, yieldedFiber); + finalizeRender(lanes, yieldedFiber); lanes = errorRetryLanes; a: { - startTime = root; - yieldDuration = renderWasConcurrent; + yieldedFiber = root; + startTime = renderWasConcurrent; renderWasConcurrent = workInProgressRootConcurrentErrors; var wasRootDehydrated = - startTime.current.memoizedState.isDehydrated; + yieldedFiber.current.memoizedState.isDehydrated; wasRootDehydrated && - (prepareFreshStack(startTime, errorRetryLanes).flags |= 256); + (prepareFreshStack(yieldedFiber, errorRetryLanes).flags |= + 256); errorRetryLanes = renderRootSync( - startTime, + yieldedFiber, errorRetryLanes, !1 ); @@ -17816,39 +17956,39 @@ workInProgressRootDidAttachPingListener && !wasRootDehydrated ) { - startTime.errorRecoveryDisabledLanes |= yieldDuration; - workInProgressRootInterleavedUpdatedLanes |= yieldDuration; - yieldDuration = RootSuspendedWithDelay; + yieldedFiber.errorRecoveryDisabledLanes |= startTime; + workInProgressRootInterleavedUpdatedLanes |= startTime; + startTime = RootSuspendedWithDelay; break a; } - startTime = workInProgressRootRecoverableErrors; + yieldedFiber = workInProgressRootRecoverableErrors; workInProgressRootRecoverableErrors = renderWasConcurrent; - null !== startTime && + null !== yieldedFiber && (null === workInProgressRootRecoverableErrors - ? (workInProgressRootRecoverableErrors = startTime) + ? (workInProgressRootRecoverableErrors = yieldedFiber) : workInProgressRootRecoverableErrors.push.apply( workInProgressRootRecoverableErrors, - startTime + yieldedFiber )); } - yieldDuration = errorRetryLanes; + startTime = errorRetryLanes; } renderWasConcurrent = !1; - if (yieldDuration !== RootErrored) continue; - else startTime = now$1(); + if (startTime !== RootErrored) continue; + else yieldedFiber = now$1(); } } - if (yieldDuration === RootFatalErrored) { + if (startTime === RootFatalErrored) { setCurrentTrackFromLanes(lanes); - logErroredRenderPhase(renderStartTime, startTime); - finalizeRender(lanes, startTime); + logErroredRenderPhase(renderStartTime, yieldedFiber); + finalizeRender(lanes, yieldedFiber); prepareFreshStack(root, 0); markRootSuspended(root, lanes, 0, !0); break; } a: { - forceSync = root; - switch (yieldDuration) { + yieldEndTime = root; + switch (startTime) { case RootInProgress: case RootFatalErrored: throw Error("Root did not complete. This is a bug in React."); @@ -17856,15 +17996,15 @@ if ((lanes & 4194048) !== lanes) break; case RootSuspendedAtTheShell: setCurrentTrackFromLanes(lanes); - logSuspendedRenderPhase(renderStartTime, startTime, lanes); - finalizeRender(lanes, startTime); - yieldEndTime = lanes; - 0 !== (yieldEndTime & 3) || 0 !== (yieldEndTime & 124) - ? (blockingSuspendedTime = startTime) - : 0 !== (yieldEndTime & 4194048) && - (transitionSuspendedTime = startTime); + logSuspendedRenderPhase(renderStartTime, yieldedFiber, lanes); + finalizeRender(lanes, yieldedFiber); + forceSync = lanes; + 0 !== (forceSync & 3) || 0 !== (forceSync & 124) + ? (blockingSuspendedTime = yieldedFiber) + : 0 !== (forceSync & 4194048) && + (transitionSuspendedTime = yieldedFiber); markRootSuspended( - forceSync, + yieldEndTime, lanes, workInProgressDeferredLane, !workInProgressRootDidSkipSuspendedSiblings @@ -17881,8 +18021,8 @@ } if (null !== ReactSharedInternals.actQueue) commitRoot( - forceSync, yieldEndTime, + forceSync, lanes, workInProgressRootRecoverableErrors, workInProgressTransitions, @@ -17890,10 +18030,10 @@ workInProgressDeferredLane, workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, - yieldDuration, + startTime, IMMEDIATE_COMMIT, renderStartTime, - startTime + yieldedFiber ); else { if ( @@ -17905,17 +18045,17 @@ 10 < renderWasConcurrent) ) { markRootSuspended( - forceSync, + yieldEndTime, lanes, workInProgressDeferredLane, !workInProgressRootDidSkipSuspendedSiblings ); - if (0 !== getNextLanes(forceSync, 0, !0)) break a; - forceSync.timeoutHandle = scheduleTimeout( + if (0 !== getNextLanes(yieldEndTime, 0, !0)) break a; + yieldEndTime.timeoutHandle = scheduleTimeout( commitRootWhenReady.bind( null, - forceSync, yieldEndTime, + forceSync, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, @@ -17924,18 +18064,18 @@ workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - yieldDuration, + startTime, THROTTLED_COMMIT, renderStartTime, - startTime + yieldedFiber ), renderWasConcurrent ); break a; } commitRootWhenReady( - forceSync, yieldEndTime, + forceSync, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, @@ -17944,10 +18084,10 @@ workInProgressRootInterleavedUpdatedLanes, workInProgressSuspendedRetryLanes, workInProgressRootDidSkipSuspendedSiblings, - yieldDuration, + startTime, IMMEDIATE_COMMIT, renderStartTime, - startTime + yieldedFiber ); } } @@ -18134,10 +18274,38 @@ } function prepareFreshStack(root, lanes) { supportsUserTiming && - (performance.mark("Blocking Track", blockingLaneMarker), - performance.mark("Transition Track", transitionLaneMarker), - performance.mark("Suspense Track", suspenseLaneMarker), - performance.mark("Idle Track", idleLaneMarker)); + (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) { @@ -18154,18 +18322,18 @@ else { var endTime = renderStartTime; supportsUserTiming && - ((reusableLaneDevToolDetails.color = - (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark"), - (reusableLaneOptions.start = previousRenderStartTime), - (reusableLaneOptions.end = endTime), - performance.measure( + console.timeStamp( (lanes & 536870912) === lanes ? "Prewarm" : (lanes & 201326741) === lanes ? "Interrupted Hydration" : "Interrupted Render", - reusableLaneOptions - )); + previousRenderStartTime, + endTime, + currentTrack, + LANES_TRACK_GROUP, + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" + ); } finalizeRender(workInProgressRootRenderLanes, renderStartTime); } @@ -18174,7 +18342,7 @@ 0 <= blockingUpdateTime && blockingUpdateTime < blockingClampTime ? blockingClampTime : blockingUpdateTime; - endTime = + var clampedEventTime = 0 <= blockingEventTime && blockingEventTime < blockingClampTime ? blockingClampTime : blockingEventTime; @@ -18182,120 +18350,196 @@ (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( blockingSuspendedTime, - 0 <= endTime - ? endTime + 0 <= clampedEventTime + ? clampedEventTime : 0 <= previousRenderStartTime ? previousRenderStartTime : renderStartTime, lanes )); var eventType = blockingEventType, - eventIsRepeat = blockingEventIsRepeat, - isSpawnedUpdate = blockingSpawnedUpdate, - renderStartTime$jscomp$0 = renderStartTime; - supportsUserTiming && - ((reusableLaneDevToolDetails.track = "Blocking"), - 0 < endTime && - null !== eventType && - ((reusableLaneDevToolDetails.color = eventIsRepeat - ? "secondary-light" - : "warning"), - (reusableLaneOptions.start = endTime), - (reusableLaneOptions.end = - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0), - performance.measure( - eventIsRepeat ? "" : "Event: " + eventType, - reusableLaneOptions - )), + eventIsRepeat = blockingEventIsRepeat; + endTime = blockingSpawnedUpdate; + var renderStartTime$jscomp$0 = renderStartTime, + debugTask = blockingUpdateTask; + if (supportsUserTiming) { + currentTrack = "Blocking"; + if (0 < clampedEventTime && null !== eventType) { + var color = eventIsRepeat ? "secondary-light" : "warning"; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + color + ) + ) + : console.timeStamp( + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + color + ); + } 0 < previousRenderStartTime && - ((reusableLaneDevToolDetails.color = isSpawnedUpdate + ((clampedEventTime = endTime ? "error" : (lanes & 738197653) === lanes ? "tertiary-light" : "primary-light"), - (reusableLaneOptions.start = previousRenderStartTime), - (reusableLaneOptions.end = renderStartTime$jscomp$0), - performance.measure( - isSpawnedUpdate - ? "Cascading Update" - : 5 < renderStartTime$jscomp$0 - previousRenderStartTime - ? "Update Blocked" - : "Update", - reusableLaneOptions - ))); - blockingSuspendedTime = blockingUpdateTime = -1.1; + debugTask + ? debugTask.run( + console.timeStamp.bind( + console, + endTime + ? "Cascading Update" + : 5 < renderStartTime$jscomp$0 - previousRenderStartTime + ? "Update Blocked" + : "Update", + previousRenderStartTime, + renderStartTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + clampedEventTime + ) + ) + : console.timeStamp( + endTime + ? "Cascading Update" + : 5 < renderStartTime$jscomp$0 - previousRenderStartTime + ? "Update Blocked" + : "Update", + previousRenderStartTime, + renderStartTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + clampedEventTime + )); + } + blockingUpdateTime = -1.1; + blockingUpdateTask = null; + blockingSuspendedTime = -1.1; blockingEventIsRepeat = !0; blockingSpawnedUpdate = !1; } - 0 !== (lanes & 4194048) && - ((previousRenderStartTime = + if (0 !== (lanes & 4194048)) { + previousRenderStartTime = 0 <= transitionStartTime && transitionStartTime < transitionClampTime ? transitionClampTime - : transitionStartTime), - (endTime = + : transitionStartTime; + endTime = 0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime ? transitionClampTime - : transitionUpdateTime), - (eventType = + : transitionUpdateTime; + renderStartTime$jscomp$0 = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime - : transitionEventTime), + : transitionEventTime; 0 <= transitionSuspendedTime && (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= eventType - ? eventType + 0 <= renderStartTime$jscomp$0 + ? renderStartTime$jscomp$0 : 0 <= endTime ? endTime : renderStartTime, lanes - )), - (eventIsRepeat = transitionEventType), - (isSpawnedUpdate = transitionEventIsRepeat), - (renderStartTime$jscomp$0 = renderStartTime), - supportsUserTiming && - ((reusableLaneDevToolDetails.track = "Transition"), - 0 < eventType && - null !== eventIsRepeat && - ((reusableLaneDevToolDetails.color = isSpawnedUpdate - ? "secondary-light" - : "warning"), - (reusableLaneOptions.start = eventType), - (reusableLaneOptions.end = + )); + debugTask = transitionEventType; + clampedEventTime = transitionEventIsRepeat; + eventType = renderStartTime; + eventIsRepeat = transitionUpdateTask; + if (supportsUserTiming) { + currentTrack = "Transition"; + if (0 < renderStartTime$jscomp$0 && null !== debugTask) { + color = clampedEventTime ? "secondary-light" : "warning"; + var endTime$jscomp$0 = 0 < previousRenderStartTime ? previousRenderStartTime : 0 < endTime ? endTime - : renderStartTime$jscomp$0), - performance.measure( - isSpawnedUpdate ? "" : "Event: " + eventIsRepeat, - reusableLaneOptions - )), + : eventType; + eventIsRepeat + ? eventIsRepeat.run( + console.timeStamp.bind( + console, + clampedEventTime ? "" : "Event: " + debugTask, + renderStartTime$jscomp$0, + endTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + color + ) + ) + : console.timeStamp( + clampedEventTime ? "" : "Event: " + debugTask, + renderStartTime$jscomp$0, + endTime$jscomp$0, + currentTrack, + LANES_TRACK_GROUP, + color + ); + } 0 < previousRenderStartTime && - ((reusableLaneDevToolDetails.color = "primary-dark"), - (reusableLaneOptions.start = previousRenderStartTime), - (reusableLaneOptions.end = - 0 < endTime ? endTime : renderStartTime$jscomp$0), - performance.measure("Action", reusableLaneOptions)), + (eventIsRepeat + ? eventIsRepeat.run( + console.timeStamp.bind( + console, + "Action", + previousRenderStartTime, + 0 < endTime ? endTime : eventType, + currentTrack, + LANES_TRACK_GROUP, + "primary-dark" + ) + ) + : console.timeStamp( + "Action", + previousRenderStartTime, + 0 < endTime ? endTime : eventType, + currentTrack, + LANES_TRACK_GROUP, + "primary-dark" + )); 0 < endTime && - ((reusableLaneDevToolDetails.color = "primary-light"), - (reusableLaneOptions.start = endTime), - (reusableLaneOptions.end = renderStartTime$jscomp$0), - performance.measure( - 5 < renderStartTime$jscomp$0 - endTime - ? "Update Blocked" - : "Update", - reusableLaneOptions - ))), - (transitionSuspendedTime = - transitionUpdateTime = - transitionStartTime = - -1.1), - (transitionEventIsRepeat = !0)); + (eventIsRepeat + ? eventIsRepeat.run( + console.timeStamp.bind( + console, + 5 < eventType - endTime ? "Update Blocked" : "Update", + endTime, + eventType, + currentTrack, + LANES_TRACK_GROUP, + "primary-light" + ) + ) + : console.timeStamp( + 5 < eventType - endTime ? "Update Blocked" : "Update", + endTime, + eventType, + currentTrack, + LANES_TRACK_GROUP, + "primary-light" + )); + } + transitionUpdateTime = transitionStartTime = -1.1; + transitionUpdateTask = null; + transitionSuspendedTime = -1.1; + transitionEventIsRepeat = !0; + } previousRenderStartTime = root.timeoutHandle; previousRenderStartTime !== noTimeout && ((root.timeoutHandle = noTimeout), @@ -18329,10 +18573,10 @@ endTime = root.entangledLanes; if (0 !== endTime) for (root = root.entanglements, endTime &= lanes; 0 < endTime; ) - (eventType = 31 - clz32(endTime)), - (eventIsRepeat = 1 << eventType), - (lanes |= root[eventType]), - (endTime &= ~eventIsRepeat); + (renderStartTime$jscomp$0 = 31 - clz32(endTime)), + (debugTask = 1 << renderStartTime$jscomp$0), + (lanes |= root[renderStartTime$jscomp$0]), + (endTime &= ~debugTask); entangledRenderLanes = lanes; finishQueueingConcurrentUpdates(); root = getCurrentTime(); @@ -18900,10 +19144,18 @@ finishedWork.alternate.memoizedState.isDehydrated && 0 !== (finishedWork.flags & 256) ) - : logRenderPhase( + : supportsUserTiming && + console.timeStamp( + (lanes & 536870912) === lanes + ? "Prepared" + : (lanes & 201326741) === lanes + ? "Hydrated" + : "Render", completedRenderStartTime, completedRenderEndTime, - lanes + currentTrack, + LANES_TRACK_GROUP, + (lanes & 738197653) === lanes ? "tertiary-dark" : "primary-dark" ); if (null === finishedWork) null !== root.stoppingGestures && stopCompletedGestures(root); @@ -18960,9 +19212,25 @@ commitErrors = null; commitStartTime = now(); suspendedCommitReason === SUSPENDED_COMMIT - ? logSuspendedCommitPhase(completedRenderEndTime, commitStartTime) + ? supportsUserTiming && + console.timeStamp( + "Suspended on CSS or Images", + completedRenderEndTime, + commitStartTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + ) : suspendedCommitReason === THROTTLED_COMMIT && - logSuspenseThrottlePhase(completedRenderEndTime, commitStartTime); + supportsUserTiming && + console.timeStamp( + "Throttled", + completedRenderEndTime, + commitStartTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + ); shouldStartViewTransition = !1; suspendedCommitReason = 0 !== (finishedWork.flags & 13878); if ( @@ -19214,10 +19482,14 @@ !1 ) : supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-dark"), - (reusableLaneOptions.start = completedRenderEndTime), - (reusableLaneOptions.end = suspendedCommitReason), - performance.measure("Commit", reusableLaneOptions)); + console.timeStamp( + "Commit", + completedRenderEndTime, + suspendedCommitReason, + currentTrack, + LANES_TRACK_GROUP, + "secondary-dark" + ); completedRenderEndTime = (lanes & 335544064) === lanes ? 10262 : 10256; (completedRenderEndTime = 0 !== finishedWork.actualDuration || @@ -19628,17 +19900,15 @@ var passiveEffectStartTime = 0; commitErrors = null; passiveEffectStartTime = now$1(); - var startTime = commitEndTime, - endTime = passiveEffectStartTime; - wasDelayedCommit = !!wasDelayedCommit; supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-light"), - (reusableLaneOptions.start = startTime), - (reusableLaneOptions.end = endTime), - performance.measure( + console.timeStamp( wasDelayedCommit ? "Waiting for Paint" : "", - reusableLaneOptions - )); + commitEndTime, + passiveEffectStartTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-light" + ); wasDelayedCommit = executionContext; executionContext |= CommitContext; var finishedWork = priority.current; @@ -19666,10 +19936,14 @@ !0 ) : supportsUserTiming && - ((reusableLaneDevToolDetails.color = "secondary-dark"), - (reusableLaneOptions.start = finishedWork$jscomp$0), - (reusableLaneOptions.end = passiveEffectsEndTime), - performance.measure("Remaining Effects", reusableLaneOptions)); + console.timeStamp( + "Remaining Effects", + finishedWork$jscomp$0, + passiveEffectsEndTime, + currentTrack, + LANES_TRACK_GROUP, + "secondary-dark" + ); finalizeRender(lanes, passiveEffectsEndTime); flushSyncWorkAcrossRoots_impl(0, !1); didScheduleUpdateDuringPassiveEffects @@ -25527,7 +25801,7 @@ (container.callback = callback)); element = enqueueUpdate(rootFiber, container, lane); null !== element && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "root.render()"), scheduleUpdateOnFiber(element, rootFiber, lane), entangleTransitions(element, rootFiber, lane)); } @@ -27538,69 +27812,11 @@ }; } var supportsUserTiming = - "undefined" !== typeof performance && - "function" === typeof performance.measure, + "undefined" !== typeof console && + "function" === typeof console.timeStamp, COMPONENTS_TRACK = "Components \u269b", - reusableComponentDevToolDetails = { - color: "primary", - track: COMPONENTS_TRACK - }, - reusableComponentOptions = { - start: -0, - end: -0, - detail: { devtools: reusableComponentDevToolDetails } - }, LANES_TRACK_GROUP = "Scheduler \u269b", - reusableLaneDevToolDetails = { - color: "primary", - track: "Blocking", - trackGroup: LANES_TRACK_GROUP - }, - reusableLaneOptions = { - start: -0, - end: -0, - detail: { devtools: reusableLaneDevToolDetails } - }, - blockingLaneMarker = { - startTime: 0.003, - detail: { - devtools: { - color: "primary-light", - track: "Blocking", - trackGroup: LANES_TRACK_GROUP - } - } - }, - transitionLaneMarker = { - startTime: 0.003, - detail: { - devtools: { - color: "primary-light", - track: "Transition", - trackGroup: LANES_TRACK_GROUP - } - } - }, - suspenseLaneMarker = { - startTime: 0.003, - detail: { - devtools: { - color: "primary-light", - track: "Suspense", - trackGroup: LANES_TRACK_GROUP - } - } - }, - idleLaneMarker = { - startTime: 0.003, - detail: { - devtools: { - color: "primary-light", - track: "Idle", - trackGroup: LANES_TRACK_GROUP - } - } - }, + currentTrack = "Blocking", valueCursor = createCursor(null); var rendererCursorDEV = createCursor(null); var rendererSigil = {}; @@ -27639,6 +27855,11 @@ }, entangledTransitionTypes = null, now = Scheduler.unstable_now, + createTask = console.createTask + ? console.createTask + : function () { + return null; + }, renderStartTime = -0, commitStartTime = -0, commitEndTime = -0, @@ -27651,6 +27872,7 @@ componentEffectErrors = null, blockingClampTime = -0, blockingUpdateTime = -1.1, + blockingUpdateTask = null, blockingEventTime = -1.1, blockingEventType = null, blockingEventIsRepeat = !1, @@ -27659,6 +27881,7 @@ transitionClampTime = -0, transitionStartTime = -1.1, transitionUpdateTime = -1.1, + transitionUpdateTask = null, transitionEventTime = -1.1, transitionEventType = null, transitionEventIsRepeat = !1, @@ -29241,7 +29464,7 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); payload = enqueueUpdate(inst, update, lane); null !== payload && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "this.setState()"), scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane)); }, @@ -29256,7 +29479,7 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); payload = enqueueUpdate(inst, update, lane); null !== payload && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "this.replaceState()"), scheduleUpdateOnFiber(payload, inst, lane), entangleTransitions(payload, inst, lane)); }, @@ -29270,7 +29493,7 @@ (warnOnInvalidCallback(callback), (update.callback = callback)); callback = enqueueUpdate(inst, update, lane); null !== callback && - (startUpdateTimerByLane(lane), + (startUpdateTimerByLane(lane, "this.forceUpdate()"), scheduleUpdateOnFiber(callback, inst, lane), entangleTransitions(callback, inst, lane)); } @@ -30192,11 +30415,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-experimental-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-experimental-408d055a-20250430" !== 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-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-experimental-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -30233,10 +30456,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-experimental-5dc00d6b-20250428", + version: "19.2.0-experimental-408d055a-20250430", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-5dc00d6b-20250428" + reconcilerVersion: "19.2.0-experimental-408d055a-20250430" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -30544,5 +30767,5 @@ } }; }; - exports.version = "19.2.0-experimental-5dc00d6b-20250428"; + exports.version = "19.2.0-experimental-408d055a-20250430"; })(); 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 8f68e31554128..bfb46f8397237 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 @@ -5650,8 +5650,14 @@ function requestFormReset$1(formFiber) { var transition = ReactSharedInternals.T; if (null !== transition && transition.gesture) throw Error(formatProdErrorMessage(555)); - transition = ensureFormComponentIsStateful(formFiber).next.queue; - dispatchSetStateInternal(formFiber, transition, {}, requestUpdateLane()); + transition = ensureFormComponentIsStateful(formFiber); + null === transition.next && (transition = formFiber.alternate.memoizedState); + dispatchSetStateInternal( + formFiber, + transition.next.queue, + {}, + requestUpdateLane() + ); } function useHostTransitionStatus() { return readContext(HostTransitionContext); @@ -18967,14 +18973,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2074 = React.version; if ( - "19.2.0-experimental-5dc00d6b-20250428" !== + "19.2.0-experimental-408d055a-20250430" !== isomorphicReactPackageVersion$jscomp$inline_2074 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2074, - "19.2.0-experimental-5dc00d6b-20250428" + "19.2.0-experimental-408d055a-20250430" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -18996,10 +19002,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_2715 = { bundleType: 0, - version: "19.2.0-experimental-5dc00d6b-20250428", + version: "19.2.0-experimental-408d055a-20250430", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-5dc00d6b-20250428" + reconcilerVersion: "19.2.0-experimental-408d055a-20250430" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2716 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -19254,4 +19260,4 @@ exports.observeVisibleRects = function ( } }; }; -exports.version = "19.2.0-experimental-5dc00d6b-20250428"; +exports.version = "19.2.0-experimental-408d055a-20250430"; 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 5a5a8811b449b..546fa11fc3a8e 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-5dc00d6b-20250428"; + exports.version = "19.2.0-experimental-408d055a-20250430"; "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 65112d77b6c60..b6c1087eca3ef 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-5dc00d6b-20250428"; +exports.version = "19.2.0-experimental-408d055a-20250430"; 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 5fc60119135c4..9b8999ed5b0c3 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-5dc00d6b-20250428"; + exports.version = "19.2.0-experimental-408d055a-20250430"; })(); 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 ae2f6e6d89504..0635e8d8ab14b 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-5dc00d6b-20250428"; +exports.version = "19.2.0-experimental-408d055a-20250430"; diff --git a/packages/next/src/compiled/react-dom-experimental/package.json b/packages/next/src/compiled/react-dom-experimental/package.json index e8444263b7e75..40c0ee8cbe18f 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-5dc00d6b-20250428" + "scheduler": "0.0.0-experimental-408d055a-20250430" }, "peerDependencies": { - "react": "0.0.0-experimental-5dc00d6b-20250428" + "react": "0.0.0-experimental-408d055a-20250430" }, "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 67451c62d9b08..c32800b30275a 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 @@ -8011,10 +8011,12 @@ console.error( "requestFormReset was called outside a transition or action. To fix, move to an action, or wrap with startTransition." ); - var resetStateQueue = ensureFormComponentIsStateful(formFiber).next.queue; + var stateHook = ensureFormComponentIsStateful(formFiber); + null === stateHook.next && + (stateHook = formFiber.alternate.memoizedState); dispatchSetStateInternal( formFiber, - resetStateQueue, + stateHook.next.queue, {}, requestUpdateLane(formFiber) ); @@ -25325,11 +25327,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-408d055a-20250430" !== 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-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -25366,10 +25368,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-canary-5dc00d6b-20250428", + version: "19.2.0-canary-408d055a-20250430", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-5dc00d6b-20250428" + reconcilerVersion: "19.2.0-canary-408d055a-20250430" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -25513,7 +25515,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.2.0-canary-5dc00d6b-20250428"; + exports.version = "19.2.0-canary-408d055a-20250430"; "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 325ac2e130563..ec429ec45eaa4 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 @@ -5235,8 +5235,14 @@ function ensureFormComponentIsStateful(formFiber) { return existingStateHook; } function requestFormReset$1(formFiber) { - var resetStateQueue = ensureFormComponentIsStateful(formFiber).next.queue; - dispatchSetStateInternal(formFiber, resetStateQueue, {}, requestUpdateLane()); + var stateHook = ensureFormComponentIsStateful(formFiber); + null === stateHook.next && (stateHook = formFiber.alternate.memoizedState); + dispatchSetStateInternal( + formFiber, + stateHook.next.queue, + {}, + requestUpdateLane() + ); } function useHostTransitionStatus() { return readContext(HostTransitionContext); @@ -15606,14 +15612,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_1829 = React.version; if ( - "19.2.0-canary-5dc00d6b-20250428" !== + "19.2.0-canary-408d055a-20250430" !== isomorphicReactPackageVersion$jscomp$inline_1829 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1829, - "19.2.0-canary-5dc00d6b-20250428" + "19.2.0-canary-408d055a-20250430" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -15635,10 +15641,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_2318 = { bundleType: 0, - version: "19.2.0-canary-5dc00d6b-20250428", + version: "19.2.0-canary-408d055a-20250430", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-5dc00d6b-20250428" + reconcilerVersion: "19.2.0-canary-408d055a-20250430" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2319 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -15742,4 +15748,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.2.0-canary-5dc00d6b-20250428"; +exports.version = "19.2.0-canary-408d055a-20250430"; 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 fd9f8afaca8b4..d56e558d75602 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 @@ -8019,10 +8019,12 @@ console.error( "requestFormReset was called outside a transition or action. To fix, move to an action, or wrap with startTransition." ); - var resetStateQueue = ensureFormComponentIsStateful(formFiber).next.queue; + var stateHook = ensureFormComponentIsStateful(formFiber); + null === stateHook.next && + (stateHook = formFiber.alternate.memoizedState); dispatchSetStateInternal( formFiber, - resetStateQueue, + stateHook.next.queue, {}, requestUpdateLane(formFiber) ); @@ -25382,11 +25384,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-408d055a-20250430" !== 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-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -25423,10 +25425,10 @@ !(function () { var internals = { bundleType: 1, - version: "19.2.0-canary-5dc00d6b-20250428", + version: "19.2.0-canary-408d055a-20250430", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-5dc00d6b-20250428" + reconcilerVersion: "19.2.0-canary-408d055a-20250430" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -25900,7 +25902,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-canary-5dc00d6b-20250428"; + exports.version = "19.2.0-canary-408d055a-20250430"; "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 6971793275924..f030208329432 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 @@ -5394,8 +5394,14 @@ function ensureFormComponentIsStateful(formFiber) { return existingStateHook; } function requestFormReset$2(formFiber) { - var resetStateQueue = ensureFormComponentIsStateful(formFiber).next.queue; - dispatchSetStateInternal(formFiber, resetStateQueue, {}, requestUpdateLane()); + var stateHook = ensureFormComponentIsStateful(formFiber); + null === stateHook.next && (stateHook = formFiber.alternate.memoizedState); + dispatchSetStateInternal( + formFiber, + stateHook.next.queue, + {}, + requestUpdateLane() + ); } function useHostTransitionStatus() { return readContext(HostTransitionContext); @@ -16307,14 +16313,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_1933 = React.version; if ( - "19.2.0-canary-5dc00d6b-20250428" !== + "19.2.0-canary-408d055a-20250430" !== isomorphicReactPackageVersion$jscomp$inline_1933 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1933, - "19.2.0-canary-5dc00d6b-20250428" + "19.2.0-canary-408d055a-20250430" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -16336,10 +16342,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_1940 = { bundleType: 0, - version: "19.2.0-canary-5dc00d6b-20250428", + version: "19.2.0-canary-408d055a-20250430", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-5dc00d6b-20250428", + reconcilerVersion: "19.2.0-canary-408d055a-20250430", getLaneLabelMap: function () { for ( var map = new Map(), lane = 1, index$293 = 0; @@ -16619,7 +16625,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-canary-5dc00d6b-20250428"; +exports.version = "19.2.0-canary-408d055a-20250430"; "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 487efc3a89cef..401fe7729750c 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 @@ -5506,7 +5506,7 @@ 0 === newBoundary.pendingTasks && newBoundary.status === PENDING && ((newBoundary.status = COMPLETED), - !(newBoundary.byteSize > request.progressiveChunkSize))) + !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -6641,7 +6641,7 @@ boundary.parentFlushed && request.completedBoundaries.push(boundary), boundary.status === COMPLETED && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -7071,7 +7071,10 @@ flushSubtree(request, destination, segment, hoistableState), destination.push(endSuspenseBoundary) ); - if (boundary.byteSize > request.progressiveChunkSize) + if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) return ( (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), @@ -7083,6 +7086,7 @@ flushSubtree(request, destination, segment, hoistableState), destination.push(endSuspenseBoundary) ); + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -7116,6 +7120,7 @@ return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -7227,6 +7232,7 @@ if (completedRootSegment.status === POSTPONED) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState, preamble = renderState.preamble, @@ -7467,8 +7473,9 @@ a: { clientRenderedBoundaries = request; boundary = destination; - var boundary$jscomp$0 = partialBoundaries[i], - completedSegments = boundary$jscomp$0.completedSegments; + var boundary$jscomp$0 = partialBoundaries[i]; + flushedByteSize = boundary$jscomp$0.byteSize; + var completedSegments = boundary$jscomp$0.completedSegments; for ( JSCompiler_inline_result = 0; JSCompiler_inline_result < completedSegments.length; @@ -9087,7 +9094,8 @@ didWarnAboutGetDerivedStateOnFunctionComponent = {}, didWarnAboutReassigningProps = !1, didWarnAboutGenerators = !1, - didWarnAboutMaps = !1; + didWarnAboutMaps = !1, + flushedByteSize = 0; exports.renderToStaticMarkup = function (children, options) { return renderToStringImpl( children, @@ -9104,5 +9112,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-5dc00d6b-20250428"; + exports.version = "19.2.0-canary-408d055a-20250430"; })(); 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 35114476e1fca..5dd358e95723c 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 @@ -4254,8 +4254,7 @@ function renderElement(request, task, keyPath, type, props, ref) { queueCompletedSegment(newBoundary, contentRootSegment), 0 === newBoundary.pendingTasks && 0 === newBoundary.status && - ((newBoundary.status = 1), - !(newBoundary.byteSize > request.progressiveChunkSize))) + ((newBoundary.status = 1), !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -5112,7 +5111,7 @@ function finishedTask(request, boundary, segment) { boundary.parentFlushed && request.completedBoundaries.push(boundary), 1 === boundary.status && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -5418,6 +5417,7 @@ function flushSubtree(request, destination, segment, hoistableState) { throw Error(formatProdErrorMessage(390)); } } +var flushedByteSize = 0; function flushSegment(request, destination, segment, hoistableState) { var boundary = segment.boundary; if (null === boundary) @@ -5462,7 +5462,10 @@ function flushSegment(request, destination, segment, hoistableState) { flushSubtree(request, destination, segment, hoistableState), destination.push("\x3c!--/$--\x3e") ); - if (boundary.byteSize > request.progressiveChunkSize) + if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) return ( (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), @@ -5474,6 +5477,7 @@ function flushSegment(request, destination, segment, hoistableState) { flushSubtree(request, destination, segment, hoistableState), destination.push("\x3c!--/$--\x3e") ); + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -5499,6 +5503,7 @@ function flushSegmentContainer(request, destination, segment, hoistableState) { return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -5600,6 +5605,7 @@ function flushCompletedQueues(request, destination) { if (5 === completedRootSegment.status) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState, preamble = renderState.preamble, @@ -5782,6 +5788,7 @@ function flushCompletedQueues(request, destination) { a: { clientRenderedBoundaries = request; boundary = destination; + flushedByteSize = boundary$53.byteSize; var completedSegments = boundary$53.completedSegments; for ( JSCompiler_inline_result = 0; @@ -5955,4 +5962,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-5dc00d6b-20250428"; +exports.version = "19.2.0-canary-408d055a-20250430"; 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 aaedd068f2c3f..312b972937918 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 @@ -5506,7 +5506,7 @@ 0 === newBoundary.pendingTasks && newBoundary.status === PENDING && ((newBoundary.status = COMPLETED), - !(newBoundary.byteSize > request.progressiveChunkSize))) + !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -6641,7 +6641,7 @@ boundary.parentFlushed && request.completedBoundaries.push(boundary), boundary.status === COMPLETED && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -7071,7 +7071,10 @@ flushSubtree(request, destination, segment, hoistableState), destination.push(endSuspenseBoundary) ); - if (boundary.byteSize > request.progressiveChunkSize) + if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) return ( (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), @@ -7083,6 +7086,7 @@ flushSubtree(request, destination, segment, hoistableState), destination.push(endSuspenseBoundary) ); + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -7116,6 +7120,7 @@ return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -7227,6 +7232,7 @@ if (completedRootSegment.status === POSTPONED) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState, preamble = renderState.preamble, @@ -7467,8 +7473,9 @@ a: { clientRenderedBoundaries = request; boundary = destination; - var boundary$jscomp$0 = partialBoundaries[i], - completedSegments = boundary$jscomp$0.completedSegments; + var boundary$jscomp$0 = partialBoundaries[i]; + flushedByteSize = boundary$jscomp$0.byteSize; + var completedSegments = boundary$jscomp$0.completedSegments; for ( JSCompiler_inline_result = 0; JSCompiler_inline_result < completedSegments.length; @@ -9087,7 +9094,8 @@ didWarnAboutGetDerivedStateOnFunctionComponent = {}, didWarnAboutReassigningProps = !1, didWarnAboutGenerators = !1, - didWarnAboutMaps = !1; + didWarnAboutMaps = !1, + flushedByteSize = 0; exports.renderToStaticMarkup = function (children, options) { return renderToStringImpl( children, @@ -9104,5 +9112,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-5dc00d6b-20250428"; + exports.version = "19.2.0-canary-408d055a-20250430"; })(); 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 de1b279b83dfa..a68e795b116db 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 @@ -4301,8 +4301,7 @@ function renderElement(request, task, keyPath, type, props, ref) { queueCompletedSegment(newBoundary, contentRootSegment), 0 === newBoundary.pendingTasks && 0 === newBoundary.status && - ((newBoundary.status = 1), - !(newBoundary.byteSize > request.progressiveChunkSize))) + ((newBoundary.status = 1), !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -5177,7 +5176,7 @@ function finishedTask(request, boundary, segment) { boundary.parentFlushed && request.completedBoundaries.push(boundary), 1 === boundary.status && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -5490,6 +5489,7 @@ function flushSubtree(request, destination, segment, hoistableState) { ); } } +var flushedByteSize = 0; function flushSegment(request, destination, segment, hoistableState) { var boundary = segment.boundary; if (null === boundary) @@ -5534,7 +5534,10 @@ function flushSegment(request, destination, segment, hoistableState) { flushSubtree(request, destination, segment, hoistableState), destination.push("\x3c!--/$--\x3e") ); - if (boundary.byteSize > request.progressiveChunkSize) + if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) return ( (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), @@ -5546,6 +5549,7 @@ function flushSegment(request, destination, segment, hoistableState) { flushSubtree(request, destination, segment, hoistableState), destination.push("\x3c!--/$--\x3e") ); + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -5574,6 +5578,7 @@ function flushSegmentContainer(request, destination, segment, hoistableState) { return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -5677,6 +5682,7 @@ function flushCompletedQueues(request, destination) { if (5 === completedRootSegment.status) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState, preamble = renderState.preamble, @@ -5859,6 +5865,7 @@ function flushCompletedQueues(request, destination) { a: { clientRenderedBoundaries = request; boundary = destination; + flushedByteSize = boundary$53.byteSize; var completedSegments = boundary$53.completedSegments; for ( JSCompiler_inline_result = 0; @@ -6035,4 +6042,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-5dc00d6b-20250428"; +exports.version = "19.2.0-canary-408d055a-20250430"; 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 0ee8a202e4780..15e93bdc5ae6a 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 @@ -5699,7 +5699,7 @@ 0 === newBoundary.pendingTasks && newBoundary.status === PENDING && ((newBoundary.status = COMPLETED), - !(newBoundary.byteSize > request.progressiveChunkSize))) + !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -6845,7 +6845,7 @@ boundary.parentFlushed && request.completedBoundaries.push(boundary), boundary.status === COMPLETED && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -7277,7 +7277,10 @@ hoistableState )), flushSubtree(request, destination, segment, hoistableState); - else if (boundary.byteSize > request.progressiveChunkSize) + else if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), writeStartPendingSuspenseBoundary( @@ -7287,6 +7290,7 @@ ), flushSubtree(request, destination, segment, hoistableState); else { + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -7320,6 +7324,7 @@ return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -7436,6 +7441,7 @@ if (completedRootSegment.status === POSTPONED) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState, preamble = renderState.preamble, @@ -7706,8 +7712,9 @@ a: { clientRenderedBoundaries = request; boundary = destination; - var boundary$jscomp$0 = partialBoundaries[i], - completedSegments = boundary$jscomp$0.completedSegments; + var boundary$jscomp$0 = partialBoundaries[i]; + flushedByteSize = boundary$jscomp$0.byteSize; + var completedSegments = boundary$jscomp$0.completedSegments; for ( JSCompiler_inline_result = 0; JSCompiler_inline_result < completedSegments.length; @@ -7840,11 +7847,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-408d055a-20250430" !== 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-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react"), @@ -9382,7 +9389,8 @@ didWarnAboutGetDerivedStateOnFunctionComponent = {}, didWarnAboutReassigningProps = !1, didWarnAboutGenerators = !1, - didWarnAboutMaps = !1; + didWarnAboutMaps = !1, + flushedByteSize = 0; ensureCorrectIsomorphicReactVersion(); ensureCorrectIsomorphicReactVersion(); exports.prerender = function (children, options) { @@ -9526,5 +9534,5 @@ startWork(request); }); }; - exports.version = "19.2.0-canary-5dc00d6b-20250428"; + exports.version = "19.2.0-canary-408d055a-20250430"; })(); 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 dbf01c217e6e5..c731bcf23d0d0 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 @@ -4668,8 +4668,7 @@ function renderElement(request, task, keyPath, type, props, ref) { queueCompletedSegment(newBoundary, contentRootSegment), 0 === newBoundary.pendingTasks && 0 === newBoundary.status && - ((newBoundary.status = 1), - !(newBoundary.byteSize > request.progressiveChunkSize))) + ((newBoundary.status = 1), !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -5536,7 +5535,7 @@ function finishedTask(request, boundary, segment) { boundary.parentFlushed && request.completedBoundaries.push(boundary), 1 === boundary.status && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -5841,6 +5840,7 @@ function flushSubtree(request, destination, segment, hoistableState) { throw Error(formatProdErrorMessage(390)); } } +var flushedByteSize = 0; function flushSegment(request, destination, segment, hoistableState) { var boundary = segment.boundary; if (null === boundary) @@ -5876,7 +5876,10 @@ function flushSegment(request, destination, segment, hoistableState) { hoistableState )), flushSubtree(request, destination, segment, hoistableState); - else if (boundary.byteSize > request.progressiveChunkSize) + else if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), writeStartPendingSuspenseBoundary( @@ -5886,6 +5889,7 @@ function flushSegment(request, destination, segment, hoistableState) { ), flushSubtree(request, destination, segment, hoistableState); else { + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -5908,6 +5912,7 @@ function flushSegmentContainer(request, destination, segment, hoistableState) { return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -6003,6 +6008,7 @@ function flushCompletedQueues(request, destination) { if (5 === completedRootSegment.status) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState, preamble = renderState.preamble, @@ -6189,6 +6195,7 @@ function flushCompletedQueues(request, destination) { a: { clientRenderedBoundaries = request; boundary = destination; + flushedByteSize = boundary$53.byteSize; var completedSegments = boundary$53.completedSegments; for ( JSCompiler_inline_result = 0; @@ -6311,12 +6318,12 @@ function abort(request, reason) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-408d055a-20250430" !== isomorphicReactPackageVersion) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion, - "19.2.0-canary-5dc00d6b-20250428" + "19.2.0-canary-408d055a-20250430" ) ); } @@ -6463,4 +6470,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.2.0-canary-5dc00d6b-20250428"; +exports.version = "19.2.0-canary-408d055a-20250430"; 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 404903f302465..1ca0f23b5ca44 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 @@ -4282,8 +4282,7 @@ function renderElement(request, task, keyPath, type, props, ref) { queueCompletedSegment(newBoundary, contentRootSegment), 0 === newBoundary.pendingTasks && 0 === newBoundary.status && - ((newBoundary.status = 1), - !(newBoundary.byteSize > request.progressiveChunkSize))) + ((newBoundary.status = 1), !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -5168,7 +5167,7 @@ function finishedTask(request, boundary, segment) { boundary.parentFlushed && request.completedBoundaries.push(boundary), 1 === boundary.status && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -5479,6 +5478,7 @@ function flushSubtree(request, destination, segment, hoistableState) { ); } } +var flushedByteSize = 0; function flushSegment(request, destination, segment, hoistableState) { var boundary = segment.boundary; if (null === boundary) @@ -5511,7 +5511,10 @@ function flushSegment(request, destination, segment, hoistableState) { hoistableState )), flushSubtree(request, destination, segment, hoistableState); - else if (boundary.byteSize > request.progressiveChunkSize) + else if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), writeStartPendingSuspenseBoundary( @@ -5521,6 +5524,7 @@ function flushSegment(request, destination, segment, hoistableState) { ), flushSubtree(request, destination, segment, hoistableState); else { + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -5546,6 +5550,7 @@ function flushSegmentContainer(request, destination, segment, hoistableState) { return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -5653,6 +5658,7 @@ function flushCompletedQueues(request, destination) { if (5 === completedRootSegment.status) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState, preamble = renderState.preamble, @@ -5832,6 +5838,7 @@ function flushCompletedQueues(request, destination) { a: { clientRenderedBoundaries = request; boundary = destination; + flushedByteSize = boundary$53.byteSize; var completedSegments = boundary$53.completedSegments; for ( JSCompiler_inline_result = 0; @@ -5942,13 +5949,13 @@ function abort(request, reason) { } var isomorphicReactPackageVersion$jscomp$inline_768 = React.version; if ( - "19.2.0-canary-5dc00d6b-20250428" !== + "19.2.0-canary-408d055a-20250430" !== isomorphicReactPackageVersion$jscomp$inline_768 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_768 + - "\n - react-dom: 19.2.0-canary-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); exports.renderToReadableStream = function (children, options) { return new Promise(function (resolve, reject) { @@ -6039,4 +6046,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.2.0-canary-5dc00d6b-20250428"; +exports.version = "19.2.0-canary-408d055a-20250430"; 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 04e23e0c0c5f4..6623f17bddbbc 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 @@ -5709,7 +5709,7 @@ 0 === newBoundary.pendingTasks && newBoundary.status === PENDING && ((newBoundary.status = COMPLETED), - !(newBoundary.byteSize > request.progressiveChunkSize))) + !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -6855,7 +6855,7 @@ boundary.parentFlushed && request.completedBoundaries.push(boundary), boundary.status === COMPLETED && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -7287,7 +7287,10 @@ hoistableState )), flushSubtree(request, destination, segment, hoistableState); - else if (boundary.byteSize > request.progressiveChunkSize) + else if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), writeStartPendingSuspenseBoundary( @@ -7297,6 +7300,7 @@ ), flushSubtree(request, destination, segment, hoistableState); else { + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -7330,6 +7334,7 @@ return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -7446,6 +7451,7 @@ if (completedRootSegment.status === POSTPONED) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState, preamble = renderState.preamble, @@ -7716,8 +7722,9 @@ a: { clientRenderedBoundaries = request; boundary = destination; - var boundary$jscomp$0 = partialBoundaries[i], - completedSegments = boundary$jscomp$0.completedSegments; + var boundary$jscomp$0 = partialBoundaries[i]; + flushedByteSize = boundary$jscomp$0.byteSize; + var completedSegments = boundary$jscomp$0.completedSegments; for ( JSCompiler_inline_result = 0; JSCompiler_inline_result < completedSegments.length; @@ -7863,11 +7870,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-408d055a-20250430" !== 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-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react"), @@ -9401,7 +9408,8 @@ didWarnAboutGetDerivedStateOnFunctionComponent = {}, didWarnAboutReassigningProps = !1, didWarnAboutGenerators = !1, - didWarnAboutMaps = !1; + didWarnAboutMaps = !1, + flushedByteSize = 0; ensureCorrectIsomorphicReactVersion(); ensureCorrectIsomorphicReactVersion(); exports.prerender = function (children, options) { @@ -9556,5 +9564,5 @@ const setTimeoutOrImmediate = ? globalThis['set' + 'Immediate'] : setTimeout; - exports.version = "19.2.0-canary-5dc00d6b-20250428"; + exports.version = "19.2.0-canary-408d055a-20250430"; })(); 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 528e581001bbe..02d65a52a8770 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 @@ -4720,8 +4720,7 @@ function renderElement(request, task, keyPath, type, props, ref) { queueCompletedSegment(newBoundary, contentRootSegment), 0 === newBoundary.pendingTasks && 0 === newBoundary.status && - ((newBoundary.status = 1), - !(newBoundary.byteSize > request.progressiveChunkSize))) + ((newBoundary.status = 1), !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -5606,7 +5605,7 @@ function finishedTask(request, boundary, segment) { boundary.parentFlushed && request.completedBoundaries.push(boundary), 1 === boundary.status && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -5918,6 +5917,7 @@ function flushSubtree(request, destination, segment, hoistableState) { ); } } +var flushedByteSize = 0; function flushSegment(request, destination, segment, hoistableState) { var boundary = segment.boundary; if (null === boundary) @@ -5953,7 +5953,10 @@ function flushSegment(request, destination, segment, hoistableState) { hoistableState )), flushSubtree(request, destination, segment, hoistableState); - else if (boundary.byteSize > request.progressiveChunkSize) + else if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), writeStartPendingSuspenseBoundary( @@ -5963,6 +5966,7 @@ function flushSegment(request, destination, segment, hoistableState) { ), flushSubtree(request, destination, segment, hoistableState); else { + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -5988,6 +5992,7 @@ function flushSegmentContainer(request, destination, segment, hoistableState) { return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -6085,6 +6090,7 @@ function flushCompletedQueues(request, destination) { if (5 === completedRootSegment.status) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState, preamble = renderState.preamble, @@ -6271,6 +6277,7 @@ function flushCompletedQueues(request, destination) { a: { clientRenderedBoundaries = request; boundary = destination; + flushedByteSize = boundary$53.byteSize; var completedSegments = boundary$53.completedSegments; for ( JSCompiler_inline_result = 0; @@ -6406,11 +6413,11 @@ function abort(request, reason) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-408d055a-20250430" !== 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-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -6567,4 +6574,4 @@ const setTimeoutOrImmediate = ? globalThis['set' + 'Immediate'] : setTimeout; -exports.version = "19.2.0-canary-5dc00d6b-20250428"; +exports.version = "19.2.0-canary-408d055a-20250430"; 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 c8c89e1c0c60b..a05adb024e43a 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 @@ -5608,7 +5608,7 @@ 0 === newBoundary.pendingTasks && newBoundary.status === PENDING && ((newBoundary.status = COMPLETED), - !(newBoundary.byteSize > request.progressiveChunkSize))) + !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -6754,7 +6754,7 @@ boundary.parentFlushed && request.completedBoundaries.push(boundary), boundary.status === COMPLETED && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -7174,7 +7174,10 @@ hoistableState )), flushSubtree(request, destination, segment, hoistableState); - else if (boundary.byteSize > request.progressiveChunkSize) + else if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), writeStartPendingSuspenseBoundary( @@ -7184,6 +7187,7 @@ ), flushSubtree(request, destination, segment, hoistableState); else { + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -7217,6 +7221,7 @@ return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -7334,6 +7339,7 @@ if (completedRootSegment.status === POSTPONED) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState, preamble = renderState.preamble, @@ -7594,8 +7600,9 @@ a: { clientRenderedBoundaries = request; boundary = destination; - var boundary$jscomp$0 = partialBoundaries[i], - completedSegments = boundary$jscomp$0.completedSegments; + var boundary$jscomp$0 = partialBoundaries[i]; + flushedByteSize = boundary$jscomp$0.byteSize; + var completedSegments = boundary$jscomp$0.completedSegments; for ( JSCompiler_inline_result = 0; JSCompiler_inline_result < completedSegments.length; @@ -7735,11 +7742,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-408d055a-20250430" !== 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-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); } function createDrainHandler(destination, request) { @@ -9323,7 +9330,8 @@ didWarnAboutGetDerivedStateOnFunctionComponent = {}, didWarnAboutReassigningProps = !1, didWarnAboutGenerators = !1, - didWarnAboutMaps = !1; + didWarnAboutMaps = !1, + flushedByteSize = 0; ensureCorrectIsomorphicReactVersion(); ensureCorrectIsomorphicReactVersion(); exports.prerenderToNodeStream = function (children, options) { @@ -9416,5 +9424,5 @@ } }; }; - exports.version = "19.2.0-canary-5dc00d6b-20250428"; + exports.version = "19.2.0-canary-408d055a-20250430"; })(); 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 ce1ac484da9ca..f423ac33d0bc8 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 @@ -4623,8 +4623,7 @@ function renderElement(request, task, keyPath, type, props, ref) { queueCompletedSegment(newBoundary, contentRootSegment), 0 === newBoundary.pendingTasks && 0 === newBoundary.status && - ((newBoundary.status = 1), - !(newBoundary.byteSize > request.progressiveChunkSize))) + ((newBoundary.status = 1), !(500 < newBoundary.byteSize))) ) { 0 === request.pendingRootTasks && task.blockedPreamble && @@ -5509,7 +5508,7 @@ function finishedTask(request, boundary, segment) { boundary.parentFlushed && request.completedBoundaries.push(boundary), 1 === boundary.status && - (boundary.byteSize > request.progressiveChunkSize || + (500 < boundary.byteSize || (boundary.fallbackAbortableTasks.forEach( abortTaskSoft, request @@ -5821,6 +5820,7 @@ function flushSubtree(request, destination, segment, hoistableState) { ); } } +var flushedByteSize = 0; function flushSegment(request, destination, segment, hoistableState) { var boundary = segment.boundary; if (null === boundary) @@ -5856,7 +5856,10 @@ function flushSegment(request, destination, segment, hoistableState) { hoistableState )), flushSubtree(request, destination, segment, hoistableState); - else if (boundary.byteSize > request.progressiveChunkSize) + else if ( + 500 < boundary.byteSize && + flushedByteSize + boundary.byteSize > request.progressiveChunkSize + ) (boundary.rootSegmentID = request.nextSegmentId++), request.completedBoundaries.push(boundary), writeStartPendingSuspenseBoundary( @@ -5866,6 +5869,7 @@ function flushSegment(request, destination, segment, hoistableState) { ), flushSubtree(request, destination, segment, hoistableState); else { + flushedByteSize += boundary.byteSize; hoistableState && ((segment = boundary.contentState), segment.styles.forEach(hoistStyleQueueDependency, hoistableState), @@ -5891,6 +5895,7 @@ function flushSegmentContainer(request, destination, segment, hoistableState) { return writeEndSegment(destination, segment.parentFormatContext); } function flushCompletedBoundary(request, destination, boundary) { + flushedByteSize = boundary.byteSize; for ( var completedSegments = boundary.completedSegments, i = 0; i < completedSegments.length; @@ -5989,6 +5994,7 @@ function flushCompletedQueues(request, destination) { if (5 === completedRootSegment.status) return; var completedPreambleSegments = request.completedPreambleSegments; if (null === completedPreambleSegments) return; + flushedByteSize = request.byteSize; var resumableState = request.resumableState, renderState = request.renderState, preamble = renderState.preamble, @@ -6174,6 +6180,7 @@ function flushCompletedQueues(request, destination) { a: { clientRenderedBoundaries = request; boundary = destination; + flushedByteSize = boundary$53.byteSize; var completedSegments = boundary$53.completedSegments; for ( JSCompiler_inline_result = 0; @@ -6304,11 +6311,11 @@ function abort(request, reason) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-canary-5dc00d6b-20250428" !== isomorphicReactPackageVersion) + if ("19.2.0-canary-408d055a-20250430" !== 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-5dc00d6b-20250428\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-canary-408d055a-20250430\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -6457,4 +6464,4 @@ exports.renderToPipeableStream = function (children, options) { } }; }; -exports.version = "19.2.0-canary-5dc00d6b-20250428"; +exports.version = "19.2.0-canary-408d055a-20250430"; 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 e3793123871d1..6d795c0734de8 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-5dc00d6b-20250428"; + exports.version = "19.2.0-canary-408d055a-20250430"; "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 e97d5b2a39a80..797268445d5bf 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-5dc00d6b-20250428"; +exports.version = "19.2.0-canary-408d055a-20250430"; 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 688c6a2e17e0e..ba83280a5df78 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-5dc00d6b-20250428"; + exports.version = "19.2.0-canary-408d055a-20250430"; })(); 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 bbba810a4cd28..6659da388fbfa 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-5dc00d6b-20250428"; +exports.version = "19.2.0-canary-408d055a-20250430"; diff --git a/packages/next/src/compiled/react-dom/package.json b/packages/next/src/compiled/react-dom/package.json index 1f8494f5c63dc..1829c34c12341 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-5dc00d6b-20250428" + "scheduler": "0.27.0-canary-408d055a-20250430" }, "peerDependencies": { - "react": "19.2.0-canary-5dc00d6b-20250428" + "react": "19.2.0-canary-408d055a-20250430" }, "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 b7c0f310c3ecd..7fc0b2feaabbd 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.development.js @@ -1326,7 +1326,7 @@ exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.2.0-experimental-5dc00d6b-20250428"; + exports.version = "19.2.0-experimental-408d055a-20250430"; "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 bd96db61c5749..456372c87b506 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.production.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.production.js @@ -603,4 +603,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-experimental-5dc00d6b-20250428"; +exports.version = "19.2.0-experimental-408d055a-20250430"; 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 aecdc8b20745b..873a1714bb32b 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 @@ -992,5 +992,5 @@ exports.useMemo = function (create, deps) { return resolveDispatcher().useMemo(create, deps); }; - exports.version = "19.2.0-experimental-5dc00d6b-20250428"; + exports.version = "19.2.0-experimental-408d055a-20250430"; })(); 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 4aae1f9bade69..f2b70d01285d9 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 @@ -569,4 +569,4 @@ exports.useId = function () { exports.useMemo = function (create, deps) { return ReactSharedInternals.H.useMemo(create, deps); }; -exports.version = "19.2.0-experimental-5dc00d6b-20250428"; +exports.version = "19.2.0-experimental-408d055a-20250430"; diff --git a/packages/next/src/compiled/react-is/package.json b/packages/next/src/compiled/react-is/package.json index 74b3dd0db1eb4..b191f5d22000a 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-5dc00d6b-20250428", + "version": "19.2.0-canary-408d055a-20250430", "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 ccb8a3eb0daef..5fe4d8b38af88 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 @@ -1092,7 +1092,14 @@ "pending" === chunk.status && triggerErrorOnChunk(chunk, error); }); supportsUserTiming && - performance.mark("Server Components Track", componentsTrackMarker); + console.timeStamp( + "Server Components Track", + 0.001, + 0.001, + "Primary", + "Server Components \u269b", + "primary-light" + ); flushComponentPerformance( response, getChunk(response, 0), @@ -2233,16 +2240,33 @@ parentEndTime < root && null !== response.component ) { - var trackIdx = trackIdx$jscomp$0, + var componentInfo = response.component, + trackIdx = trackIdx$jscomp$0, startTime = parentEndTime; - if (supportsUserTiming && 0 <= root && 10 > trackIdx) { - var name = response.component.name; - reusableComponentDevToolDetails.color = "tertiary-light"; - reusableComponentDevToolDetails.track = trackNames[trackIdx]; - reusableComponentOptions.start = 0 > startTime ? 0 : startTime; - reusableComponentOptions.end = root; - performance.measure(name + " [deduped]", reusableComponentOptions); - } + supportsUserTiming && + 0 <= root && + 10 > trackIdx && + ((parentEndTime = componentInfo.name + " [deduped]"), + (componentInfo = componentInfo.debugTask) + ? componentInfo.run( + console.timeStamp.bind( + console, + parentEndTime, + 0 > startTime ? 0 : startTime, + root, + trackNames[trackIdx], + "Server Components \u269b", + "tertiary-light" + ) + ) + : console.timeStamp( + parentEndTime, + 0 > startTime ? 0 : startTime, + root, + trackNames[trackIdx], + "Server Components \u269b", + "tertiary-light" + )); } response.track = trackIdx$jscomp$0; return response; @@ -2250,29 +2274,38 @@ var children = root._children; "resolved_model" === root.status && initializeModelChunk(root); if ((trackIdx = root._debugInfo)) { - for (startTime = 1; startTime < trackIdx.length; startTime++) + for ( + componentInfo = 1; + componentInfo < trackIdx.length; + componentInfo++ + ) if ( - "string" === typeof trackIdx[startTime].name && - ((name = trackIdx[startTime - 1]), "number" === typeof name.time) + "string" === typeof trackIdx[componentInfo].name && + ((startTime = trackIdx[componentInfo - 1]), + "number" === typeof startTime.time) ) { - startTime = name.time; - startTime < trackTime && trackIdx$jscomp$0++; - trackTime = startTime; + componentInfo = startTime.time; + componentInfo < trackTime && trackIdx$jscomp$0++; + trackTime = componentInfo; break; } - for (startTime = trackIdx.length - 1; 0 <= startTime; startTime--) - (name = trackIdx[startTime]), - "number" === typeof name.time && - name.time > parentEndTime && - (parentEndTime = name.time); + for ( + componentInfo = trackIdx.length - 1; + 0 <= componentInfo; + componentInfo-- + ) + (startTime = trackIdx[componentInfo]), + "number" === typeof startTime.time && + startTime.time > parentEndTime && + (parentEndTime = startTime.time); } - startTime = { + componentInfo = { track: trackIdx$jscomp$0, endTime: -Infinity, component: null }; - root._children = startTime; - name = -Infinity; + root._children = componentInfo; + startTime = -Infinity; var childTrackIdx = trackIdx$jscomp$0, childTrackTime = trackTime; for (trackTime = 0; trackTime < children.length; trackTime++) { @@ -2284,11 +2317,11 @@ parentEndTime ); null !== childTrackTime.component && - (startTime.component = childTrackTime.component); + (componentInfo.component = childTrackTime.component); childTrackIdx = childTrackTime.track; var childEndTime = childTrackTime.endTime; childTrackTime = childEndTime; - childEndTime > name && (name = childEndTime); + childEndTime > startTime && (startTime = childEndTime); } if (trackIdx) for ( @@ -2300,7 +2333,7 @@ ((trackTime = trackIdx[children]), "number" === typeof trackTime.time && ((parentEndTime = trackTime.time), - parentEndTime > name && (name = parentEndTime)), + parentEndTime > startTime && (startTime = parentEndTime)), "string" === typeof trackTime.name && 0 < children) ) { childTrackTime = trackIdx[children - 1]; @@ -2311,82 +2344,103 @@ "rejected" === root.status && root.reason !== response._closedReason ) { - var componentInfo = trackTime; childTrackIdx = trackIdx$jscomp$0; - childEndTime = name; - var rootEnv = response._rootEnvironmentName, - error = root.reason; + childEndTime = startTime; + var error = root.reason; if (supportsUserTiming) { - var properties = []; - properties.push([ - "Error", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ]); - error = componentInfo.env; - componentInfo = componentInfo.name; - componentInfo = - error === rootEnv || void 0 === error - ? componentInfo - : componentInfo + " [" + error + "]"; - performance.measure(componentInfo, { - start: 0 > childTrackTime ? 0 : childTrackTime, - end: childEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[childTrackIdx], - trackGroup: "Server Components \u269b", - tooltipText: componentInfo + " Errored", - properties: properties - } - } - }); + var env = trackTime.env, + name = trackTime.name; + env = + env === response._rootEnvironmentName || void 0 === env + ? name + : name + " [" + env + "]"; + "undefined" !== typeof performance && + "function" === typeof performance.measure + ? performance.measure(env, { + start: 0 > childTrackTime ? 0 : childTrackTime, + end: childEndTime, + detail: { + devtools: { + color: "error", + track: trackNames[childTrackIdx], + trackGroup: "Server Components \u269b", + tooltipText: env + " Errored", + properties: [ + [ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ] + } + } + }) + : console.timeStamp( + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + "error" + ); } - } else - (childTrackIdx = trackIdx$jscomp$0), - (childEndTime = name), - supportsUserTiming && - 0 <= childEndTime && - 10 > childTrackIdx && - ((properties = trackTime.env), - (componentInfo = trackTime.name), - (rootEnv = properties === response._rootEnvironmentName), - (error = parentEndTime - childTrackTime), - (reusableComponentDevToolDetails.color = - 0.5 > error - ? rootEnv - ? "primary-light" - : "secondary-light" - : 50 > error - ? rootEnv - ? "primary" - : "secondary" - : 500 > error - ? rootEnv - ? "primary-dark" - : "secondary-dark" - : "error"), - (reusableComponentDevToolDetails.track = - trackNames[childTrackIdx]), - (reusableComponentOptions.start = - 0 > childTrackTime ? 0 : childTrackTime), - (reusableComponentOptions.end = childEndTime), - performance.measure( - rootEnv || void 0 === properties - ? componentInfo - : componentInfo + " [" + properties + "]", - reusableComponentOptions - )); - startTime.component = trackTime; + } else if ( + ((childTrackIdx = trackIdx$jscomp$0), + (childEndTime = startTime), + supportsUserTiming && 0 <= childEndTime && 10 > childTrackIdx) + ) { + env = trackTime.env; + name = trackTime.name; + var isPrimaryEnv = env === response._rootEnvironmentName; + error = parentEndTime - childTrackTime; + error = + 0.5 > error + ? isPrimaryEnv + ? "primary-light" + : "secondary-light" + : 50 > error + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > error + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error"; + env = + isPrimaryEnv || void 0 === env + ? name + : name + " [" + env + "]"; + (name = trackTime.debugTask) + ? name.run( + console.timeStamp.bind( + console, + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + error + ) + ) + : console.timeStamp( + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + error + ); + } + componentInfo.component = trackTime; } childTrackIdx = !1; } - startTime.endTime = name; - return startTime; + componentInfo.endTime = startTime; + return componentInfo; } function processFullBinaryRow(response, id, tag, buffer, chunk) { switch (tag) { @@ -2754,28 +2808,8 @@ /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/, supportsUserTiming = - "undefined" !== typeof performance && - "function" === typeof performance.measure, - componentsTrackMarker = { - startTime: 0.001, - detail: { - devtools: { - color: "primary-light", - track: "Primary", - trackGroup: "Server Components \u269b" - } - } - }, - reusableComponentDevToolDetails = { - color: "primary", - track: "", - trackGroup: "Server Components \u269b" - }, - reusableComponentOptions = { - start: -0, - end: -0, - detail: { devtools: reusableComponentDevToolDetails } - }, + "undefined" !== typeof console && + "function" === typeof console.timeStamp, 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( " " @@ -2927,10 +2961,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.2.0-experimental-5dc00d6b-20250428", + version: "19.2.0-experimental-408d055a-20250430", rendererPackageName: "react-server-dom-turbopack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-5dc00d6b-20250428", + reconcilerVersion: "19.2.0-experimental-408d055a-20250430", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.development.js index 83ae2da15193c..1ebf24d73f265 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.development.js @@ -1304,7 +1304,14 @@ "pending" === chunk.status && triggerErrorOnChunk(chunk, error); }); supportsUserTiming && - performance.mark("Server Components Track", componentsTrackMarker); + console.timeStamp( + "Server Components Track", + 0.001, + 0.001, + "Primary", + "Server Components \u269b", + "primary-light" + ); flushComponentPerformance( response, getChunk(response, 0), @@ -2457,16 +2464,33 @@ parentEndTime < root && null !== response.component ) { - var trackIdx = trackIdx$jscomp$0, + var componentInfo = response.component, + trackIdx = trackIdx$jscomp$0, startTime = parentEndTime; - if (supportsUserTiming && 0 <= root && 10 > trackIdx) { - var name = response.component.name; - reusableComponentDevToolDetails.color = "tertiary-light"; - reusableComponentDevToolDetails.track = trackNames[trackIdx]; - reusableComponentOptions.start = 0 > startTime ? 0 : startTime; - reusableComponentOptions.end = root; - performance.measure(name + " [deduped]", reusableComponentOptions); - } + supportsUserTiming && + 0 <= root && + 10 > trackIdx && + ((parentEndTime = componentInfo.name + " [deduped]"), + (componentInfo = componentInfo.debugTask) + ? componentInfo.run( + console.timeStamp.bind( + console, + parentEndTime, + 0 > startTime ? 0 : startTime, + root, + trackNames[trackIdx], + "Server Components \u269b", + "tertiary-light" + ) + ) + : console.timeStamp( + parentEndTime, + 0 > startTime ? 0 : startTime, + root, + trackNames[trackIdx], + "Server Components \u269b", + "tertiary-light" + )); } response.track = trackIdx$jscomp$0; return response; @@ -2474,29 +2498,38 @@ var children = root._children; "resolved_model" === root.status && initializeModelChunk(root); if ((trackIdx = root._debugInfo)) { - for (startTime = 1; startTime < trackIdx.length; startTime++) + for ( + componentInfo = 1; + componentInfo < trackIdx.length; + componentInfo++ + ) if ( - "string" === typeof trackIdx[startTime].name && - ((name = trackIdx[startTime - 1]), "number" === typeof name.time) + "string" === typeof trackIdx[componentInfo].name && + ((startTime = trackIdx[componentInfo - 1]), + "number" === typeof startTime.time) ) { - startTime = name.time; - startTime < trackTime && trackIdx$jscomp$0++; - trackTime = startTime; + componentInfo = startTime.time; + componentInfo < trackTime && trackIdx$jscomp$0++; + trackTime = componentInfo; break; } - for (startTime = trackIdx.length - 1; 0 <= startTime; startTime--) - (name = trackIdx[startTime]), - "number" === typeof name.time && - name.time > parentEndTime && - (parentEndTime = name.time); + for ( + componentInfo = trackIdx.length - 1; + 0 <= componentInfo; + componentInfo-- + ) + (startTime = trackIdx[componentInfo]), + "number" === typeof startTime.time && + startTime.time > parentEndTime && + (parentEndTime = startTime.time); } - startTime = { + componentInfo = { track: trackIdx$jscomp$0, endTime: -Infinity, component: null }; - root._children = startTime; - name = -Infinity; + root._children = componentInfo; + startTime = -Infinity; var childTrackIdx = trackIdx$jscomp$0, childTrackTime = trackTime; for (trackTime = 0; trackTime < children.length; trackTime++) { @@ -2508,11 +2541,11 @@ parentEndTime ); null !== childTrackTime.component && - (startTime.component = childTrackTime.component); + (componentInfo.component = childTrackTime.component); childTrackIdx = childTrackTime.track; var childEndTime = childTrackTime.endTime; childTrackTime = childEndTime; - childEndTime > name && (name = childEndTime); + childEndTime > startTime && (startTime = childEndTime); } if (trackIdx) for ( @@ -2524,7 +2557,7 @@ ((trackTime = trackIdx[children]), "number" === typeof trackTime.time && ((parentEndTime = trackTime.time), - parentEndTime > name && (name = parentEndTime)), + parentEndTime > startTime && (startTime = parentEndTime)), "string" === typeof trackTime.name && 0 < children) ) { childTrackTime = trackIdx[children - 1]; @@ -2535,82 +2568,103 @@ "rejected" === root.status && root.reason !== response._closedReason ) { - var componentInfo = trackTime; childTrackIdx = trackIdx$jscomp$0; - childEndTime = name; - var rootEnv = response._rootEnvironmentName, - error = root.reason; + childEndTime = startTime; + var error = root.reason; if (supportsUserTiming) { - var properties = []; - properties.push([ - "Error", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ]); - error = componentInfo.env; - componentInfo = componentInfo.name; - componentInfo = - error === rootEnv || void 0 === error - ? componentInfo - : componentInfo + " [" + error + "]"; - performance.measure(componentInfo, { - start: 0 > childTrackTime ? 0 : childTrackTime, - end: childEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[childTrackIdx], - trackGroup: "Server Components \u269b", - tooltipText: componentInfo + " Errored", - properties: properties - } - } - }); + var env = trackTime.env, + name = trackTime.name; + env = + env === response._rootEnvironmentName || void 0 === env + ? name + : name + " [" + env + "]"; + "undefined" !== typeof performance && + "function" === typeof performance.measure + ? performance.measure(env, { + start: 0 > childTrackTime ? 0 : childTrackTime, + end: childEndTime, + detail: { + devtools: { + color: "error", + track: trackNames[childTrackIdx], + trackGroup: "Server Components \u269b", + tooltipText: env + " Errored", + properties: [ + [ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ] + } + } + }) + : console.timeStamp( + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + "error" + ); } - } else - (childTrackIdx = trackIdx$jscomp$0), - (childEndTime = name), - supportsUserTiming && - 0 <= childEndTime && - 10 > childTrackIdx && - ((properties = trackTime.env), - (componentInfo = trackTime.name), - (rootEnv = properties === response._rootEnvironmentName), - (error = parentEndTime - childTrackTime), - (reusableComponentDevToolDetails.color = - 0.5 > error - ? rootEnv - ? "primary-light" - : "secondary-light" - : 50 > error - ? rootEnv - ? "primary" - : "secondary" - : 500 > error - ? rootEnv - ? "primary-dark" - : "secondary-dark" - : "error"), - (reusableComponentDevToolDetails.track = - trackNames[childTrackIdx]), - (reusableComponentOptions.start = - 0 > childTrackTime ? 0 : childTrackTime), - (reusableComponentOptions.end = childEndTime), - performance.measure( - rootEnv || void 0 === properties - ? componentInfo - : componentInfo + " [" + properties + "]", - reusableComponentOptions - )); - startTime.component = trackTime; + } else if ( + ((childTrackIdx = trackIdx$jscomp$0), + (childEndTime = startTime), + supportsUserTiming && 0 <= childEndTime && 10 > childTrackIdx) + ) { + env = trackTime.env; + name = trackTime.name; + var isPrimaryEnv = env === response._rootEnvironmentName; + error = parentEndTime - childTrackTime; + error = + 0.5 > error + ? isPrimaryEnv + ? "primary-light" + : "secondary-light" + : 50 > error + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > error + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error"; + env = + isPrimaryEnv || void 0 === env + ? name + : name + " [" + env + "]"; + (name = trackTime.debugTask) + ? name.run( + console.timeStamp.bind( + console, + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + error + ) + ) + : console.timeStamp( + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + error + ); + } + componentInfo.component = trackTime; } childTrackIdx = !1; } - startTime.endTime = name; - return startTime; + componentInfo.endTime = startTime; + return componentInfo; } function processFullBinaryRow(response, id, tag, buffer, chunk) { switch (tag) { @@ -2986,28 +3040,8 @@ /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/, supportsUserTiming = - "undefined" !== typeof performance && - "function" === typeof performance.measure, - componentsTrackMarker = { - startTime: 0.001, - detail: { - devtools: { - color: "primary-light", - track: "Primary", - trackGroup: "Server Components \u269b" - } - } - }, - reusableComponentDevToolDetails = { - color: "primary", - track: "", - trackGroup: "Server Components \u269b" - }, - reusableComponentOptions = { - start: -0, - end: -0, - detail: { devtools: reusableComponentDevToolDetails } - }, + "undefined" !== typeof console && + "function" === typeof console.timeStamp, 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( " " diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.development.js index 28b9dea84deb9..d5cf0c20d85a5 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.development.js @@ -1304,7 +1304,14 @@ "pending" === chunk.status && triggerErrorOnChunk(chunk, error); }); supportsUserTiming && - performance.mark("Server Components Track", componentsTrackMarker); + console.timeStamp( + "Server Components Track", + 0.001, + 0.001, + "Primary", + "Server Components \u269b", + "primary-light" + ); flushComponentPerformance( response, getChunk(response, 0), @@ -2457,16 +2464,33 @@ parentEndTime < root && null !== response.component ) { - var trackIdx = trackIdx$jscomp$0, + var componentInfo = response.component, + trackIdx = trackIdx$jscomp$0, startTime = parentEndTime; - if (supportsUserTiming && 0 <= root && 10 > trackIdx) { - var name = response.component.name; - reusableComponentDevToolDetails.color = "tertiary-light"; - reusableComponentDevToolDetails.track = trackNames[trackIdx]; - reusableComponentOptions.start = 0 > startTime ? 0 : startTime; - reusableComponentOptions.end = root; - performance.measure(name + " [deduped]", reusableComponentOptions); - } + supportsUserTiming && + 0 <= root && + 10 > trackIdx && + ((parentEndTime = componentInfo.name + " [deduped]"), + (componentInfo = componentInfo.debugTask) + ? componentInfo.run( + console.timeStamp.bind( + console, + parentEndTime, + 0 > startTime ? 0 : startTime, + root, + trackNames[trackIdx], + "Server Components \u269b", + "tertiary-light" + ) + ) + : console.timeStamp( + parentEndTime, + 0 > startTime ? 0 : startTime, + root, + trackNames[trackIdx], + "Server Components \u269b", + "tertiary-light" + )); } response.track = trackIdx$jscomp$0; return response; @@ -2474,29 +2498,38 @@ var children = root._children; "resolved_model" === root.status && initializeModelChunk(root); if ((trackIdx = root._debugInfo)) { - for (startTime = 1; startTime < trackIdx.length; startTime++) + for ( + componentInfo = 1; + componentInfo < trackIdx.length; + componentInfo++ + ) if ( - "string" === typeof trackIdx[startTime].name && - ((name = trackIdx[startTime - 1]), "number" === typeof name.time) + "string" === typeof trackIdx[componentInfo].name && + ((startTime = trackIdx[componentInfo - 1]), + "number" === typeof startTime.time) ) { - startTime = name.time; - startTime < trackTime && trackIdx$jscomp$0++; - trackTime = startTime; + componentInfo = startTime.time; + componentInfo < trackTime && trackIdx$jscomp$0++; + trackTime = componentInfo; break; } - for (startTime = trackIdx.length - 1; 0 <= startTime; startTime--) - (name = trackIdx[startTime]), - "number" === typeof name.time && - name.time > parentEndTime && - (parentEndTime = name.time); + for ( + componentInfo = trackIdx.length - 1; + 0 <= componentInfo; + componentInfo-- + ) + (startTime = trackIdx[componentInfo]), + "number" === typeof startTime.time && + startTime.time > parentEndTime && + (parentEndTime = startTime.time); } - startTime = { + componentInfo = { track: trackIdx$jscomp$0, endTime: -Infinity, component: null }; - root._children = startTime; - name = -Infinity; + root._children = componentInfo; + startTime = -Infinity; var childTrackIdx = trackIdx$jscomp$0, childTrackTime = trackTime; for (trackTime = 0; trackTime < children.length; trackTime++) { @@ -2508,11 +2541,11 @@ parentEndTime ); null !== childTrackTime.component && - (startTime.component = childTrackTime.component); + (componentInfo.component = childTrackTime.component); childTrackIdx = childTrackTime.track; var childEndTime = childTrackTime.endTime; childTrackTime = childEndTime; - childEndTime > name && (name = childEndTime); + childEndTime > startTime && (startTime = childEndTime); } if (trackIdx) for ( @@ -2524,7 +2557,7 @@ ((trackTime = trackIdx[children]), "number" === typeof trackTime.time && ((parentEndTime = trackTime.time), - parentEndTime > name && (name = parentEndTime)), + parentEndTime > startTime && (startTime = parentEndTime)), "string" === typeof trackTime.name && 0 < children) ) { childTrackTime = trackIdx[children - 1]; @@ -2535,82 +2568,103 @@ "rejected" === root.status && root.reason !== response._closedReason ) { - var componentInfo = trackTime; childTrackIdx = trackIdx$jscomp$0; - childEndTime = name; - var rootEnv = response._rootEnvironmentName, - error = root.reason; + childEndTime = startTime; + var error = root.reason; if (supportsUserTiming) { - var properties = []; - properties.push([ - "Error", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ]); - error = componentInfo.env; - componentInfo = componentInfo.name; - componentInfo = - error === rootEnv || void 0 === error - ? componentInfo - : componentInfo + " [" + error + "]"; - performance.measure(componentInfo, { - start: 0 > childTrackTime ? 0 : childTrackTime, - end: childEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[childTrackIdx], - trackGroup: "Server Components \u269b", - tooltipText: componentInfo + " Errored", - properties: properties - } - } - }); + var env = trackTime.env, + name = trackTime.name; + env = + env === response._rootEnvironmentName || void 0 === env + ? name + : name + " [" + env + "]"; + "undefined" !== typeof performance && + "function" === typeof performance.measure + ? performance.measure(env, { + start: 0 > childTrackTime ? 0 : childTrackTime, + end: childEndTime, + detail: { + devtools: { + color: "error", + track: trackNames[childTrackIdx], + trackGroup: "Server Components \u269b", + tooltipText: env + " Errored", + properties: [ + [ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ] + } + } + }) + : console.timeStamp( + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + "error" + ); } - } else - (childTrackIdx = trackIdx$jscomp$0), - (childEndTime = name), - supportsUserTiming && - 0 <= childEndTime && - 10 > childTrackIdx && - ((properties = trackTime.env), - (componentInfo = trackTime.name), - (rootEnv = properties === response._rootEnvironmentName), - (error = parentEndTime - childTrackTime), - (reusableComponentDevToolDetails.color = - 0.5 > error - ? rootEnv - ? "primary-light" - : "secondary-light" - : 50 > error - ? rootEnv - ? "primary" - : "secondary" - : 500 > error - ? rootEnv - ? "primary-dark" - : "secondary-dark" - : "error"), - (reusableComponentDevToolDetails.track = - trackNames[childTrackIdx]), - (reusableComponentOptions.start = - 0 > childTrackTime ? 0 : childTrackTime), - (reusableComponentOptions.end = childEndTime), - performance.measure( - rootEnv || void 0 === properties - ? componentInfo - : componentInfo + " [" + properties + "]", - reusableComponentOptions - )); - startTime.component = trackTime; + } else if ( + ((childTrackIdx = trackIdx$jscomp$0), + (childEndTime = startTime), + supportsUserTiming && 0 <= childEndTime && 10 > childTrackIdx) + ) { + env = trackTime.env; + name = trackTime.name; + var isPrimaryEnv = env === response._rootEnvironmentName; + error = parentEndTime - childTrackTime; + error = + 0.5 > error + ? isPrimaryEnv + ? "primary-light" + : "secondary-light" + : 50 > error + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > error + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error"; + env = + isPrimaryEnv || void 0 === env + ? name + : name + " [" + env + "]"; + (name = trackTime.debugTask) + ? name.run( + console.timeStamp.bind( + console, + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + error + ) + ) + : console.timeStamp( + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + error + ); + } + componentInfo.component = trackTime; } childTrackIdx = !1; } - startTime.endTime = name; - return startTime; + componentInfo.endTime = startTime; + return componentInfo; } function processFullBinaryRow(response, id, tag, buffer, chunk) { switch (tag) { @@ -2874,28 +2928,8 @@ /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/, supportsUserTiming = - "undefined" !== typeof performance && - "function" === typeof performance.measure, - componentsTrackMarker = { - startTime: 0.001, - detail: { - devtools: { - color: "primary-light", - track: "Primary", - trackGroup: "Server Components \u269b" - } - } - }, - reusableComponentDevToolDetails = { - color: "primary", - track: "", - trackGroup: "Server Components \u269b" - }, - reusableComponentOptions = { - start: -0, - end: -0, - detail: { devtools: reusableComponentDevToolDetails } - }, + "undefined" !== typeof console && + "function" === typeof console.timeStamp, 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( " " 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 b1504ca8fd3d1..89c6b3d822d92 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-5dc00d6b-20250428", - "react-dom": "0.0.0-experimental-5dc00d6b-20250428" + "react": "0.0.0-experimental-408d055a-20250430", + "react-dom": "0.0.0-experimental-408d055a-20250430" } } \ 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 c4bb63a385568..21dfe1cddb6a1 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 @@ -2678,10 +2678,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.2.0-canary-5dc00d6b-20250428", + version: "19.2.0-canary-408d055a-20250430", rendererPackageName: "react-server-dom-turbopack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-5dc00d6b-20250428", + reconcilerVersion: "19.2.0-canary-408d055a-20250430", getCurrentComponentInfo: function () { return currentOwnerInDEV; } 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 27664e81f9b56..2b500f5ab582a 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-5dc00d6b-20250428", - "react-dom": "19.2.0-canary-5dc00d6b-20250428" + "react": "19.2.0-canary-408d055a-20250430", + "react-dom": "19.2.0-canary-408d055a-20250430" } } \ 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 a2784b745cf23..b8d69c2393610 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 @@ -1099,7 +1099,14 @@ "pending" === chunk.status && triggerErrorOnChunk(chunk, error); }); supportsUserTiming && - performance.mark("Server Components Track", componentsTrackMarker); + console.timeStamp( + "Server Components Track", + 0.001, + 0.001, + "Primary", + "Server Components \u269b", + "primary-light" + ); flushComponentPerformance( response, getChunk(response, 0), @@ -2240,16 +2247,33 @@ parentEndTime < root && null !== response.component ) { - var trackIdx = trackIdx$jscomp$0, + var componentInfo = response.component, + trackIdx = trackIdx$jscomp$0, startTime = parentEndTime; - if (supportsUserTiming && 0 <= root && 10 > trackIdx) { - var name = response.component.name; - reusableComponentDevToolDetails.color = "tertiary-light"; - reusableComponentDevToolDetails.track = trackNames[trackIdx]; - reusableComponentOptions.start = 0 > startTime ? 0 : startTime; - reusableComponentOptions.end = root; - performance.measure(name + " [deduped]", reusableComponentOptions); - } + supportsUserTiming && + 0 <= root && + 10 > trackIdx && + ((parentEndTime = componentInfo.name + " [deduped]"), + (componentInfo = componentInfo.debugTask) + ? componentInfo.run( + console.timeStamp.bind( + console, + parentEndTime, + 0 > startTime ? 0 : startTime, + root, + trackNames[trackIdx], + "Server Components \u269b", + "tertiary-light" + ) + ) + : console.timeStamp( + parentEndTime, + 0 > startTime ? 0 : startTime, + root, + trackNames[trackIdx], + "Server Components \u269b", + "tertiary-light" + )); } response.track = trackIdx$jscomp$0; return response; @@ -2257,29 +2281,38 @@ var children = root._children; "resolved_model" === root.status && initializeModelChunk(root); if ((trackIdx = root._debugInfo)) { - for (startTime = 1; startTime < trackIdx.length; startTime++) + for ( + componentInfo = 1; + componentInfo < trackIdx.length; + componentInfo++ + ) if ( - "string" === typeof trackIdx[startTime].name && - ((name = trackIdx[startTime - 1]), "number" === typeof name.time) + "string" === typeof trackIdx[componentInfo].name && + ((startTime = trackIdx[componentInfo - 1]), + "number" === typeof startTime.time) ) { - startTime = name.time; - startTime < trackTime && trackIdx$jscomp$0++; - trackTime = startTime; + componentInfo = startTime.time; + componentInfo < trackTime && trackIdx$jscomp$0++; + trackTime = componentInfo; break; } - for (startTime = trackIdx.length - 1; 0 <= startTime; startTime--) - (name = trackIdx[startTime]), - "number" === typeof name.time && - name.time > parentEndTime && - (parentEndTime = name.time); + for ( + componentInfo = trackIdx.length - 1; + 0 <= componentInfo; + componentInfo-- + ) + (startTime = trackIdx[componentInfo]), + "number" === typeof startTime.time && + startTime.time > parentEndTime && + (parentEndTime = startTime.time); } - startTime = { + componentInfo = { track: trackIdx$jscomp$0, endTime: -Infinity, component: null }; - root._children = startTime; - name = -Infinity; + root._children = componentInfo; + startTime = -Infinity; var childTrackIdx = trackIdx$jscomp$0, childTrackTime = trackTime; for (trackTime = 0; trackTime < children.length; trackTime++) { @@ -2291,11 +2324,11 @@ parentEndTime ); null !== childTrackTime.component && - (startTime.component = childTrackTime.component); + (componentInfo.component = childTrackTime.component); childTrackIdx = childTrackTime.track; var childEndTime = childTrackTime.endTime; childTrackTime = childEndTime; - childEndTime > name && (name = childEndTime); + childEndTime > startTime && (startTime = childEndTime); } if (trackIdx) for ( @@ -2307,7 +2340,7 @@ ((trackTime = trackIdx[children]), "number" === typeof trackTime.time && ((parentEndTime = trackTime.time), - parentEndTime > name && (name = parentEndTime)), + parentEndTime > startTime && (startTime = parentEndTime)), "string" === typeof trackTime.name && 0 < children) ) { childTrackTime = trackIdx[children - 1]; @@ -2318,82 +2351,103 @@ "rejected" === root.status && root.reason !== response._closedReason ) { - var componentInfo = trackTime; childTrackIdx = trackIdx$jscomp$0; - childEndTime = name; - var rootEnv = response._rootEnvironmentName, - error = root.reason; + childEndTime = startTime; + var error = root.reason; if (supportsUserTiming) { - var properties = []; - properties.push([ - "Error", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ]); - error = componentInfo.env; - componentInfo = componentInfo.name; - componentInfo = - error === rootEnv || void 0 === error - ? componentInfo - : componentInfo + " [" + error + "]"; - performance.measure(componentInfo, { - start: 0 > childTrackTime ? 0 : childTrackTime, - end: childEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[childTrackIdx], - trackGroup: "Server Components \u269b", - tooltipText: componentInfo + " Errored", - properties: properties - } - } - }); + var env = trackTime.env, + name = trackTime.name; + env = + env === response._rootEnvironmentName || void 0 === env + ? name + : name + " [" + env + "]"; + "undefined" !== typeof performance && + "function" === typeof performance.measure + ? performance.measure(env, { + start: 0 > childTrackTime ? 0 : childTrackTime, + end: childEndTime, + detail: { + devtools: { + color: "error", + track: trackNames[childTrackIdx], + trackGroup: "Server Components \u269b", + tooltipText: env + " Errored", + properties: [ + [ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ] + } + } + }) + : console.timeStamp( + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + "error" + ); } - } else - (childTrackIdx = trackIdx$jscomp$0), - (childEndTime = name), - supportsUserTiming && - 0 <= childEndTime && - 10 > childTrackIdx && - ((properties = trackTime.env), - (componentInfo = trackTime.name), - (rootEnv = properties === response._rootEnvironmentName), - (error = parentEndTime - childTrackTime), - (reusableComponentDevToolDetails.color = - 0.5 > error - ? rootEnv - ? "primary-light" - : "secondary-light" - : 50 > error - ? rootEnv - ? "primary" - : "secondary" - : 500 > error - ? rootEnv - ? "primary-dark" - : "secondary-dark" - : "error"), - (reusableComponentDevToolDetails.track = - trackNames[childTrackIdx]), - (reusableComponentOptions.start = - 0 > childTrackTime ? 0 : childTrackTime), - (reusableComponentOptions.end = childEndTime), - performance.measure( - rootEnv || void 0 === properties - ? componentInfo - : componentInfo + " [" + properties + "]", - reusableComponentOptions - )); - startTime.component = trackTime; + } else if ( + ((childTrackIdx = trackIdx$jscomp$0), + (childEndTime = startTime), + supportsUserTiming && 0 <= childEndTime && 10 > childTrackIdx) + ) { + env = trackTime.env; + name = trackTime.name; + var isPrimaryEnv = env === response._rootEnvironmentName; + error = parentEndTime - childTrackTime; + error = + 0.5 > error + ? isPrimaryEnv + ? "primary-light" + : "secondary-light" + : 50 > error + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > error + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error"; + env = + isPrimaryEnv || void 0 === env + ? name + : name + " [" + env + "]"; + (name = trackTime.debugTask) + ? name.run( + console.timeStamp.bind( + console, + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + error + ) + ) + : console.timeStamp( + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + error + ); + } + componentInfo.component = trackTime; } childTrackIdx = !1; } - startTime.endTime = name; - return startTime; + componentInfo.endTime = startTime; + return componentInfo; } function processFullBinaryRow(response, id, tag, buffer, chunk) { switch (tag) { @@ -2769,28 +2823,8 @@ /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/, supportsUserTiming = - "undefined" !== typeof performance && - "function" === typeof performance.measure, - componentsTrackMarker = { - startTime: 0.001, - detail: { - devtools: { - color: "primary-light", - track: "Primary", - trackGroup: "Server Components \u269b" - } - } - }, - reusableComponentDevToolDetails = { - color: "primary", - track: "", - trackGroup: "Server Components \u269b" - }, - reusableComponentOptions = { - start: -0, - end: -0, - detail: { devtools: reusableComponentDevToolDetails } - }, + "undefined" !== typeof console && + "function" === typeof console.timeStamp, 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( " " @@ -2942,10 +2976,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.2.0-experimental-5dc00d6b-20250428", + version: "19.2.0-experimental-408d055a-20250430", rendererPackageName: "react-server-dom-webpack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-experimental-5dc00d6b-20250428", + reconcilerVersion: "19.2.0-experimental-408d055a-20250430", getCurrentComponentInfo: function () { return currentOwnerInDEV; } diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js index 9cfe51cf672a4..491f42da7a058 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js @@ -1307,7 +1307,14 @@ "pending" === chunk.status && triggerErrorOnChunk(chunk, error); }); supportsUserTiming && - performance.mark("Server Components Track", componentsTrackMarker); + console.timeStamp( + "Server Components Track", + 0.001, + 0.001, + "Primary", + "Server Components \u269b", + "primary-light" + ); flushComponentPerformance( response, getChunk(response, 0), @@ -2460,16 +2467,33 @@ parentEndTime < root && null !== response.component ) { - var trackIdx = trackIdx$jscomp$0, + var componentInfo = response.component, + trackIdx = trackIdx$jscomp$0, startTime = parentEndTime; - if (supportsUserTiming && 0 <= root && 10 > trackIdx) { - var name = response.component.name; - reusableComponentDevToolDetails.color = "tertiary-light"; - reusableComponentDevToolDetails.track = trackNames[trackIdx]; - reusableComponentOptions.start = 0 > startTime ? 0 : startTime; - reusableComponentOptions.end = root; - performance.measure(name + " [deduped]", reusableComponentOptions); - } + supportsUserTiming && + 0 <= root && + 10 > trackIdx && + ((parentEndTime = componentInfo.name + " [deduped]"), + (componentInfo = componentInfo.debugTask) + ? componentInfo.run( + console.timeStamp.bind( + console, + parentEndTime, + 0 > startTime ? 0 : startTime, + root, + trackNames[trackIdx], + "Server Components \u269b", + "tertiary-light" + ) + ) + : console.timeStamp( + parentEndTime, + 0 > startTime ? 0 : startTime, + root, + trackNames[trackIdx], + "Server Components \u269b", + "tertiary-light" + )); } response.track = trackIdx$jscomp$0; return response; @@ -2477,29 +2501,38 @@ var children = root._children; "resolved_model" === root.status && initializeModelChunk(root); if ((trackIdx = root._debugInfo)) { - for (startTime = 1; startTime < trackIdx.length; startTime++) + for ( + componentInfo = 1; + componentInfo < trackIdx.length; + componentInfo++ + ) if ( - "string" === typeof trackIdx[startTime].name && - ((name = trackIdx[startTime - 1]), "number" === typeof name.time) + "string" === typeof trackIdx[componentInfo].name && + ((startTime = trackIdx[componentInfo - 1]), + "number" === typeof startTime.time) ) { - startTime = name.time; - startTime < trackTime && trackIdx$jscomp$0++; - trackTime = startTime; + componentInfo = startTime.time; + componentInfo < trackTime && trackIdx$jscomp$0++; + trackTime = componentInfo; break; } - for (startTime = trackIdx.length - 1; 0 <= startTime; startTime--) - (name = trackIdx[startTime]), - "number" === typeof name.time && - name.time > parentEndTime && - (parentEndTime = name.time); + for ( + componentInfo = trackIdx.length - 1; + 0 <= componentInfo; + componentInfo-- + ) + (startTime = trackIdx[componentInfo]), + "number" === typeof startTime.time && + startTime.time > parentEndTime && + (parentEndTime = startTime.time); } - startTime = { + componentInfo = { track: trackIdx$jscomp$0, endTime: -Infinity, component: null }; - root._children = startTime; - name = -Infinity; + root._children = componentInfo; + startTime = -Infinity; var childTrackIdx = trackIdx$jscomp$0, childTrackTime = trackTime; for (trackTime = 0; trackTime < children.length; trackTime++) { @@ -2511,11 +2544,11 @@ parentEndTime ); null !== childTrackTime.component && - (startTime.component = childTrackTime.component); + (componentInfo.component = childTrackTime.component); childTrackIdx = childTrackTime.track; var childEndTime = childTrackTime.endTime; childTrackTime = childEndTime; - childEndTime > name && (name = childEndTime); + childEndTime > startTime && (startTime = childEndTime); } if (trackIdx) for ( @@ -2527,7 +2560,7 @@ ((trackTime = trackIdx[children]), "number" === typeof trackTime.time && ((parentEndTime = trackTime.time), - parentEndTime > name && (name = parentEndTime)), + parentEndTime > startTime && (startTime = parentEndTime)), "string" === typeof trackTime.name && 0 < children) ) { childTrackTime = trackIdx[children - 1]; @@ -2538,82 +2571,103 @@ "rejected" === root.status && root.reason !== response._closedReason ) { - var componentInfo = trackTime; childTrackIdx = trackIdx$jscomp$0; - childEndTime = name; - var rootEnv = response._rootEnvironmentName, - error = root.reason; + childEndTime = startTime; + var error = root.reason; if (supportsUserTiming) { - var properties = []; - properties.push([ - "Error", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ]); - error = componentInfo.env; - componentInfo = componentInfo.name; - componentInfo = - error === rootEnv || void 0 === error - ? componentInfo - : componentInfo + " [" + error + "]"; - performance.measure(componentInfo, { - start: 0 > childTrackTime ? 0 : childTrackTime, - end: childEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[childTrackIdx], - trackGroup: "Server Components \u269b", - tooltipText: componentInfo + " Errored", - properties: properties - } - } - }); + var env = trackTime.env, + name = trackTime.name; + env = + env === response._rootEnvironmentName || void 0 === env + ? name + : name + " [" + env + "]"; + "undefined" !== typeof performance && + "function" === typeof performance.measure + ? performance.measure(env, { + start: 0 > childTrackTime ? 0 : childTrackTime, + end: childEndTime, + detail: { + devtools: { + color: "error", + track: trackNames[childTrackIdx], + trackGroup: "Server Components \u269b", + tooltipText: env + " Errored", + properties: [ + [ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ] + } + } + }) + : console.timeStamp( + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + "error" + ); } - } else - (childTrackIdx = trackIdx$jscomp$0), - (childEndTime = name), - supportsUserTiming && - 0 <= childEndTime && - 10 > childTrackIdx && - ((properties = trackTime.env), - (componentInfo = trackTime.name), - (rootEnv = properties === response._rootEnvironmentName), - (error = parentEndTime - childTrackTime), - (reusableComponentDevToolDetails.color = - 0.5 > error - ? rootEnv - ? "primary-light" - : "secondary-light" - : 50 > error - ? rootEnv - ? "primary" - : "secondary" - : 500 > error - ? rootEnv - ? "primary-dark" - : "secondary-dark" - : "error"), - (reusableComponentDevToolDetails.track = - trackNames[childTrackIdx]), - (reusableComponentOptions.start = - 0 > childTrackTime ? 0 : childTrackTime), - (reusableComponentOptions.end = childEndTime), - performance.measure( - rootEnv || void 0 === properties - ? componentInfo - : componentInfo + " [" + properties + "]", - reusableComponentOptions - )); - startTime.component = trackTime; + } else if ( + ((childTrackIdx = trackIdx$jscomp$0), + (childEndTime = startTime), + supportsUserTiming && 0 <= childEndTime && 10 > childTrackIdx) + ) { + env = trackTime.env; + name = trackTime.name; + var isPrimaryEnv = env === response._rootEnvironmentName; + error = parentEndTime - childTrackTime; + error = + 0.5 > error + ? isPrimaryEnv + ? "primary-light" + : "secondary-light" + : 50 > error + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > error + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error"; + env = + isPrimaryEnv || void 0 === env + ? name + : name + " [" + env + "]"; + (name = trackTime.debugTask) + ? name.run( + console.timeStamp.bind( + console, + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + error + ) + ) + : console.timeStamp( + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + error + ); + } + componentInfo.component = trackTime; } childTrackIdx = !1; } - startTime.endTime = name; - return startTime; + componentInfo.endTime = startTime; + return componentInfo; } function processFullBinaryRow(response, id, tag, buffer, chunk) { switch (tag) { @@ -2989,28 +3043,8 @@ /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/, supportsUserTiming = - "undefined" !== typeof performance && - "function" === typeof performance.measure, - componentsTrackMarker = { - startTime: 0.001, - detail: { - devtools: { - color: "primary-light", - track: "Primary", - trackGroup: "Server Components \u269b" - } - } - }, - reusableComponentDevToolDetails = { - color: "primary", - track: "", - trackGroup: "Server Components \u269b" - }, - reusableComponentOptions = { - start: -0, - end: -0, - detail: { devtools: reusableComponentDevToolDetails } - }, + "undefined" !== typeof console && + "function" === typeof console.timeStamp, 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( " " diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js index e64cd9849a6b6..40bd831bcaf97 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js @@ -1307,7 +1307,14 @@ "pending" === chunk.status && triggerErrorOnChunk(chunk, error); }); supportsUserTiming && - performance.mark("Server Components Track", componentsTrackMarker); + console.timeStamp( + "Server Components Track", + 0.001, + 0.001, + "Primary", + "Server Components \u269b", + "primary-light" + ); flushComponentPerformance( response, getChunk(response, 0), @@ -2460,16 +2467,33 @@ parentEndTime < root && null !== response.component ) { - var trackIdx = trackIdx$jscomp$0, + var componentInfo = response.component, + trackIdx = trackIdx$jscomp$0, startTime = parentEndTime; - if (supportsUserTiming && 0 <= root && 10 > trackIdx) { - var name = response.component.name; - reusableComponentDevToolDetails.color = "tertiary-light"; - reusableComponentDevToolDetails.track = trackNames[trackIdx]; - reusableComponentOptions.start = 0 > startTime ? 0 : startTime; - reusableComponentOptions.end = root; - performance.measure(name + " [deduped]", reusableComponentOptions); - } + supportsUserTiming && + 0 <= root && + 10 > trackIdx && + ((parentEndTime = componentInfo.name + " [deduped]"), + (componentInfo = componentInfo.debugTask) + ? componentInfo.run( + console.timeStamp.bind( + console, + parentEndTime, + 0 > startTime ? 0 : startTime, + root, + trackNames[trackIdx], + "Server Components \u269b", + "tertiary-light" + ) + ) + : console.timeStamp( + parentEndTime, + 0 > startTime ? 0 : startTime, + root, + trackNames[trackIdx], + "Server Components \u269b", + "tertiary-light" + )); } response.track = trackIdx$jscomp$0; return response; @@ -2477,29 +2501,38 @@ var children = root._children; "resolved_model" === root.status && initializeModelChunk(root); if ((trackIdx = root._debugInfo)) { - for (startTime = 1; startTime < trackIdx.length; startTime++) + for ( + componentInfo = 1; + componentInfo < trackIdx.length; + componentInfo++ + ) if ( - "string" === typeof trackIdx[startTime].name && - ((name = trackIdx[startTime - 1]), "number" === typeof name.time) + "string" === typeof trackIdx[componentInfo].name && + ((startTime = trackIdx[componentInfo - 1]), + "number" === typeof startTime.time) ) { - startTime = name.time; - startTime < trackTime && trackIdx$jscomp$0++; - trackTime = startTime; + componentInfo = startTime.time; + componentInfo < trackTime && trackIdx$jscomp$0++; + trackTime = componentInfo; break; } - for (startTime = trackIdx.length - 1; 0 <= startTime; startTime--) - (name = trackIdx[startTime]), - "number" === typeof name.time && - name.time > parentEndTime && - (parentEndTime = name.time); + for ( + componentInfo = trackIdx.length - 1; + 0 <= componentInfo; + componentInfo-- + ) + (startTime = trackIdx[componentInfo]), + "number" === typeof startTime.time && + startTime.time > parentEndTime && + (parentEndTime = startTime.time); } - startTime = { + componentInfo = { track: trackIdx$jscomp$0, endTime: -Infinity, component: null }; - root._children = startTime; - name = -Infinity; + root._children = componentInfo; + startTime = -Infinity; var childTrackIdx = trackIdx$jscomp$0, childTrackTime = trackTime; for (trackTime = 0; trackTime < children.length; trackTime++) { @@ -2511,11 +2544,11 @@ parentEndTime ); null !== childTrackTime.component && - (startTime.component = childTrackTime.component); + (componentInfo.component = childTrackTime.component); childTrackIdx = childTrackTime.track; var childEndTime = childTrackTime.endTime; childTrackTime = childEndTime; - childEndTime > name && (name = childEndTime); + childEndTime > startTime && (startTime = childEndTime); } if (trackIdx) for ( @@ -2527,7 +2560,7 @@ ((trackTime = trackIdx[children]), "number" === typeof trackTime.time && ((parentEndTime = trackTime.time), - parentEndTime > name && (name = parentEndTime)), + parentEndTime > startTime && (startTime = parentEndTime)), "string" === typeof trackTime.name && 0 < children) ) { childTrackTime = trackIdx[children - 1]; @@ -2538,82 +2571,103 @@ "rejected" === root.status && root.reason !== response._closedReason ) { - var componentInfo = trackTime; childTrackIdx = trackIdx$jscomp$0; - childEndTime = name; - var rootEnv = response._rootEnvironmentName, - error = root.reason; + childEndTime = startTime; + var error = root.reason; if (supportsUserTiming) { - var properties = []; - properties.push([ - "Error", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ]); - error = componentInfo.env; - componentInfo = componentInfo.name; - componentInfo = - error === rootEnv || void 0 === error - ? componentInfo - : componentInfo + " [" + error + "]"; - performance.measure(componentInfo, { - start: 0 > childTrackTime ? 0 : childTrackTime, - end: childEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[childTrackIdx], - trackGroup: "Server Components \u269b", - tooltipText: componentInfo + " Errored", - properties: properties - } - } - }); + var env = trackTime.env, + name = trackTime.name; + env = + env === response._rootEnvironmentName || void 0 === env + ? name + : name + " [" + env + "]"; + "undefined" !== typeof performance && + "function" === typeof performance.measure + ? performance.measure(env, { + start: 0 > childTrackTime ? 0 : childTrackTime, + end: childEndTime, + detail: { + devtools: { + color: "error", + track: trackNames[childTrackIdx], + trackGroup: "Server Components \u269b", + tooltipText: env + " Errored", + properties: [ + [ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ] + } + } + }) + : console.timeStamp( + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + "error" + ); } - } else - (childTrackIdx = trackIdx$jscomp$0), - (childEndTime = name), - supportsUserTiming && - 0 <= childEndTime && - 10 > childTrackIdx && - ((properties = trackTime.env), - (componentInfo = trackTime.name), - (rootEnv = properties === response._rootEnvironmentName), - (error = parentEndTime - childTrackTime), - (reusableComponentDevToolDetails.color = - 0.5 > error - ? rootEnv - ? "primary-light" - : "secondary-light" - : 50 > error - ? rootEnv - ? "primary" - : "secondary" - : 500 > error - ? rootEnv - ? "primary-dark" - : "secondary-dark" - : "error"), - (reusableComponentDevToolDetails.track = - trackNames[childTrackIdx]), - (reusableComponentOptions.start = - 0 > childTrackTime ? 0 : childTrackTime), - (reusableComponentOptions.end = childEndTime), - performance.measure( - rootEnv || void 0 === properties - ? componentInfo - : componentInfo + " [" + properties + "]", - reusableComponentOptions - )); - startTime.component = trackTime; + } else if ( + ((childTrackIdx = trackIdx$jscomp$0), + (childEndTime = startTime), + supportsUserTiming && 0 <= childEndTime && 10 > childTrackIdx) + ) { + env = trackTime.env; + name = trackTime.name; + var isPrimaryEnv = env === response._rootEnvironmentName; + error = parentEndTime - childTrackTime; + error = + 0.5 > error + ? isPrimaryEnv + ? "primary-light" + : "secondary-light" + : 50 > error + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > error + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error"; + env = + isPrimaryEnv || void 0 === env + ? name + : name + " [" + env + "]"; + (name = trackTime.debugTask) + ? name.run( + console.timeStamp.bind( + console, + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + error + ) + ) + : console.timeStamp( + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + error + ); + } + componentInfo.component = trackTime; } childTrackIdx = !1; } - startTime.endTime = name; - return startTime; + componentInfo.endTime = startTime; + return componentInfo; } function processFullBinaryRow(response, id, tag, buffer, chunk) { switch (tag) { @@ -2877,28 +2931,8 @@ /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/, supportsUserTiming = - "undefined" !== typeof performance && - "function" === typeof performance.measure, - componentsTrackMarker = { - startTime: 0.001, - detail: { - devtools: { - color: "primary-light", - track: "Primary", - trackGroup: "Server Components \u269b" - } - } - }, - reusableComponentDevToolDetails = { - color: "primary", - track: "", - trackGroup: "Server Components \u269b" - }, - reusableComponentOptions = { - start: -0, - end: -0, - detail: { devtools: reusableComponentDevToolDetails } - }, + "undefined" !== typeof console && + "function" === typeof console.timeStamp, 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( " " diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js index 88fba8b6a7f69..5359519c29d83 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js @@ -1269,7 +1269,14 @@ "pending" === chunk.status && triggerErrorOnChunk(chunk, error); }); supportsUserTiming && - performance.mark("Server Components Track", componentsTrackMarker); + console.timeStamp( + "Server Components Track", + 0.001, + 0.001, + "Primary", + "Server Components \u269b", + "primary-light" + ); flushComponentPerformance( response, getChunk(response, 0), @@ -2422,16 +2429,33 @@ parentEndTime < root && null !== response.component ) { - var trackIdx = trackIdx$jscomp$0, + var componentInfo = response.component, + trackIdx = trackIdx$jscomp$0, startTime = parentEndTime; - if (supportsUserTiming && 0 <= root && 10 > trackIdx) { - var name = response.component.name; - reusableComponentDevToolDetails.color = "tertiary-light"; - reusableComponentDevToolDetails.track = trackNames[trackIdx]; - reusableComponentOptions.start = 0 > startTime ? 0 : startTime; - reusableComponentOptions.end = root; - performance.measure(name + " [deduped]", reusableComponentOptions); - } + supportsUserTiming && + 0 <= root && + 10 > trackIdx && + ((parentEndTime = componentInfo.name + " [deduped]"), + (componentInfo = componentInfo.debugTask) + ? componentInfo.run( + console.timeStamp.bind( + console, + parentEndTime, + 0 > startTime ? 0 : startTime, + root, + trackNames[trackIdx], + "Server Components \u269b", + "tertiary-light" + ) + ) + : console.timeStamp( + parentEndTime, + 0 > startTime ? 0 : startTime, + root, + trackNames[trackIdx], + "Server Components \u269b", + "tertiary-light" + )); } response.track = trackIdx$jscomp$0; return response; @@ -2439,29 +2463,38 @@ var children = root._children; "resolved_model" === root.status && initializeModelChunk(root); if ((trackIdx = root._debugInfo)) { - for (startTime = 1; startTime < trackIdx.length; startTime++) + for ( + componentInfo = 1; + componentInfo < trackIdx.length; + componentInfo++ + ) if ( - "string" === typeof trackIdx[startTime].name && - ((name = trackIdx[startTime - 1]), "number" === typeof name.time) + "string" === typeof trackIdx[componentInfo].name && + ((startTime = trackIdx[componentInfo - 1]), + "number" === typeof startTime.time) ) { - startTime = name.time; - startTime < trackTime && trackIdx$jscomp$0++; - trackTime = startTime; + componentInfo = startTime.time; + componentInfo < trackTime && trackIdx$jscomp$0++; + trackTime = componentInfo; break; } - for (startTime = trackIdx.length - 1; 0 <= startTime; startTime--) - (name = trackIdx[startTime]), - "number" === typeof name.time && - name.time > parentEndTime && - (parentEndTime = name.time); + for ( + componentInfo = trackIdx.length - 1; + 0 <= componentInfo; + componentInfo-- + ) + (startTime = trackIdx[componentInfo]), + "number" === typeof startTime.time && + startTime.time > parentEndTime && + (parentEndTime = startTime.time); } - startTime = { + componentInfo = { track: trackIdx$jscomp$0, endTime: -Infinity, component: null }; - root._children = startTime; - name = -Infinity; + root._children = componentInfo; + startTime = -Infinity; var childTrackIdx = trackIdx$jscomp$0, childTrackTime = trackTime; for (trackTime = 0; trackTime < children.length; trackTime++) { @@ -2473,11 +2506,11 @@ parentEndTime ); null !== childTrackTime.component && - (startTime.component = childTrackTime.component); + (componentInfo.component = childTrackTime.component); childTrackIdx = childTrackTime.track; var childEndTime = childTrackTime.endTime; childTrackTime = childEndTime; - childEndTime > name && (name = childEndTime); + childEndTime > startTime && (startTime = childEndTime); } if (trackIdx) for ( @@ -2489,7 +2522,7 @@ ((trackTime = trackIdx[children]), "number" === typeof trackTime.time && ((parentEndTime = trackTime.time), - parentEndTime > name && (name = parentEndTime)), + parentEndTime > startTime && (startTime = parentEndTime)), "string" === typeof trackTime.name && 0 < children) ) { childTrackTime = trackIdx[children - 1]; @@ -2500,82 +2533,103 @@ "rejected" === root.status && root.reason !== response._closedReason ) { - var componentInfo = trackTime; childTrackIdx = trackIdx$jscomp$0; - childEndTime = name; - var rootEnv = response._rootEnvironmentName, - error = root.reason; + childEndTime = startTime; + var error = root.reason; if (supportsUserTiming) { - var properties = []; - properties.push([ - "Error", - "object" === typeof error && - null !== error && - "string" === typeof error.message - ? String(error.message) - : String(error) - ]); - error = componentInfo.env; - componentInfo = componentInfo.name; - componentInfo = - error === rootEnv || void 0 === error - ? componentInfo - : componentInfo + " [" + error + "]"; - performance.measure(componentInfo, { - start: 0 > childTrackTime ? 0 : childTrackTime, - end: childEndTime, - detail: { - devtools: { - color: "error", - track: trackNames[childTrackIdx], - trackGroup: "Server Components \u269b", - tooltipText: componentInfo + " Errored", - properties: properties - } - } - }); + var env = trackTime.env, + name = trackTime.name; + env = + env === response._rootEnvironmentName || void 0 === env + ? name + : name + " [" + env + "]"; + "undefined" !== typeof performance && + "function" === typeof performance.measure + ? performance.measure(env, { + start: 0 > childTrackTime ? 0 : childTrackTime, + end: childEndTime, + detail: { + devtools: { + color: "error", + track: trackNames[childTrackIdx], + trackGroup: "Server Components \u269b", + tooltipText: env + " Errored", + properties: [ + [ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ] + ] + } + } + }) + : console.timeStamp( + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + "error" + ); } - } else - (childTrackIdx = trackIdx$jscomp$0), - (childEndTime = name), - supportsUserTiming && - 0 <= childEndTime && - 10 > childTrackIdx && - ((properties = trackTime.env), - (componentInfo = trackTime.name), - (rootEnv = properties === response._rootEnvironmentName), - (error = parentEndTime - childTrackTime), - (reusableComponentDevToolDetails.color = - 0.5 > error - ? rootEnv - ? "primary-light" - : "secondary-light" - : 50 > error - ? rootEnv - ? "primary" - : "secondary" - : 500 > error - ? rootEnv - ? "primary-dark" - : "secondary-dark" - : "error"), - (reusableComponentDevToolDetails.track = - trackNames[childTrackIdx]), - (reusableComponentOptions.start = - 0 > childTrackTime ? 0 : childTrackTime), - (reusableComponentOptions.end = childEndTime), - performance.measure( - rootEnv || void 0 === properties - ? componentInfo - : componentInfo + " [" + properties + "]", - reusableComponentOptions - )); - startTime.component = trackTime; + } else if ( + ((childTrackIdx = trackIdx$jscomp$0), + (childEndTime = startTime), + supportsUserTiming && 0 <= childEndTime && 10 > childTrackIdx) + ) { + env = trackTime.env; + name = trackTime.name; + var isPrimaryEnv = env === response._rootEnvironmentName; + error = parentEndTime - childTrackTime; + error = + 0.5 > error + ? isPrimaryEnv + ? "primary-light" + : "secondary-light" + : 50 > error + ? isPrimaryEnv + ? "primary" + : "secondary" + : 500 > error + ? isPrimaryEnv + ? "primary-dark" + : "secondary-dark" + : "error"; + env = + isPrimaryEnv || void 0 === env + ? name + : name + " [" + env + "]"; + (name = trackTime.debugTask) + ? name.run( + console.timeStamp.bind( + console, + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + error + ) + ) + : console.timeStamp( + env, + 0 > childTrackTime ? 0 : childTrackTime, + childEndTime, + trackNames[childTrackIdx], + "Server Components \u269b", + error + ); + } + componentInfo.component = trackTime; } childTrackIdx = !1; } - startTime.endTime = name; - return startTime; + componentInfo.endTime = startTime; + return componentInfo; } function processFullBinaryRow(response, id, tag, buffer, chunk) { switch (tag) { @@ -2839,28 +2893,8 @@ /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/, supportsUserTiming = - "undefined" !== typeof performance && - "function" === typeof performance.measure, - componentsTrackMarker = { - startTime: 0.001, - detail: { - devtools: { - color: "primary-light", - track: "Primary", - trackGroup: "Server Components \u269b" - } - } - }, - reusableComponentDevToolDetails = { - color: "primary", - track: "", - trackGroup: "Server Components \u269b" - }, - reusableComponentOptions = { - start: -0, - end: -0, - detail: { devtools: reusableComponentDevToolDetails } - }, + "undefined" !== typeof console && + "function" === typeof console.timeStamp, 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( " " 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 c21f1a65f0f9a..b4c33d062f868 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-5dc00d6b-20250428", - "react-dom": "0.0.0-experimental-5dc00d6b-20250428", + "react": "0.0.0-experimental-408d055a-20250430", + "react-dom": "0.0.0-experimental-408d055a-20250430", "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 bd54d0c20f634..259a66b0f1463 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 @@ -2693,10 +2693,10 @@ return hook.checkDCE ? !0 : !1; })({ bundleType: 1, - version: "19.2.0-canary-5dc00d6b-20250428", + version: "19.2.0-canary-408d055a-20250430", rendererPackageName: "react-server-dom-webpack", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-canary-5dc00d6b-20250428", + reconcilerVersion: "19.2.0-canary-408d055a-20250430", getCurrentComponentInfo: function () { return currentOwnerInDEV; } 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 4b2e56dbe4b06..fb45a6baa72ed 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-5dc00d6b-20250428", - "react-dom": "19.2.0-canary-5dc00d6b-20250428", + "react": "19.2.0-canary-408d055a-20250430", + "react-dom": "19.2.0-canary-408d055a-20250430", "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 28038fc4ae52d..3e12ecb2af4a7 100644 --- a/packages/next/src/compiled/react/cjs/react.development.js +++ b/packages/next/src/compiled/react/cjs/react.development.js @@ -1242,7 +1242,7 @@ exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.2.0-canary-5dc00d6b-20250428"; + exports.version = "19.2.0-canary-408d055a-20250430"; "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 f20ffe7417912..b301316d15008 100644 --- a/packages/next/src/compiled/react/cjs/react.production.js +++ b/packages/next/src/compiled/react/cjs/react.production.js @@ -541,4 +541,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-canary-5dc00d6b-20250428"; +exports.version = "19.2.0-canary-408d055a-20250430"; 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 ad6ff6124fae6..8a2c44391d15d 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 @@ -811,5 +811,5 @@ exports.useMemo = function (create, deps) { return resolveDispatcher().useMemo(create, deps); }; - exports.version = "19.2.0-canary-5dc00d6b-20250428"; + exports.version = "19.2.0-canary-408d055a-20250430"; })(); 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 3437597bcfbc5..c9a13cf7f86a1 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 @@ -426,4 +426,4 @@ exports.useId = function () { exports.useMemo = function (create, deps) { return ReactSharedInternals.H.useMemo(create, deps); }; -exports.version = "19.2.0-canary-5dc00d6b-20250428"; +exports.version = "19.2.0-canary-408d055a-20250430"; diff --git a/packages/next/src/compiled/unistore/unistore.js b/packages/next/src/compiled/unistore/unistore.js index f7f6683ee32de..ca4cdc4b9818a 100644 --- a/packages/next/src/compiled/unistore/unistore.js +++ b/packages/next/src/compiled/unistore/unistore.js @@ -1 +1 @@ -(()=>{var t={713: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={349: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=14.0.0'} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430 '@storybook/instrumenter@8.6.0': resolution: {integrity: sha512-eEY/Hfa3Vj5Nv4vHRHlSqjoyW6oAKNK3rKIXfL/eawQwb7rKhzijDLG5YBH44Hh7dEPIqUp0LEdgpyIY7GXezg==} @@ -4986,8 +4986,8 @@ packages: resolution: {integrity: sha512-04T86VG0UJtiozgZkTR5sY1qM3E0Rgwqwllvyy7kFFdkV+Sv/VsPjW9sC38s9C8FtCYRL8pJZz81ey3oylpIMA==} engines: {node: '>=18.0.0'} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430 storybook: ^8.6.0 typescript: '*' peerDependenciesMeta: @@ -5008,16 +5008,16 @@ packages: '@storybook/react-dom-shim@8.6.0': resolution: {integrity: sha512-5Y+vMHhcx0xnaNsLQMbkmjc3zkDn/fGBNsiLH2e4POvW3ZQvOxjoyxAsEQaKwLtFgsdCFSd2tR89F6ItYrA2JQ==} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430 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-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430 storybook: ^8.6.0 typescript: '>= 4.2.x' peerDependenciesMeta: @@ -5029,8 +5029,8 @@ packages: engines: {node: '>=18.0.0'} peerDependencies: '@storybook/test': 8.6.0 - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430 storybook: ^8.6.0 typescript: '>= 4.2.x' peerDependenciesMeta: @@ -5210,8 +5210,8 @@ packages: engines: {node: '>=18'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430 peerDependenciesMeta: '@types/react': optional: true @@ -11298,7 +11298,7 @@ packages: lucide-react@0.383.0: resolution: {integrity: sha512-13xlG0CQCJtzjSQYwwJ3WRqMHtRj3EXmLlorrARt7y+IHnxUCp3XyFNL1DfaGySWxHObDvnu1u1dV+0VMKHUSg==} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 lz-string@1.5.0: resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==} @@ -13790,23 +13790,23 @@ packages: resolution: {integrity: sha512-APPU8HB2uZnpl6Vt/+0AFoVYgSRtfiP6FLrZgPPTDmqSb2R4qZRbgd0A3VzIFxDt5e+Fozjx79WjLWnF69DK8g==} engines: {node: '>=16.14.0'} - react-dom@0.0.0-experimental-5dc00d6b-20250428: - resolution: {integrity: sha512-/Sxgt0iuXFXdQbMsn6dmN4HOOmLVfyn7HA61ZognWZV20Y7rxSWHZVQpnWsxC0YMzDuEO3qJ0k2qDzCtV7tRtg==} + react-dom@0.0.0-experimental-408d055a-20250430: + resolution: {integrity: sha512-nbFziq0c7JWmD+l4/0OagMArxS6gSQFzsqhqSd5swetqBU1BZFjlyHeb8Wuno7k7Xwtx5gXV+kGpYLjYVndqAA==} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 - react-dom@19.2.0-canary-5dc00d6b-20250428: - resolution: {integrity: sha512-SOtOvU43YvSdhXUz0nGT6hC+i3UFWcP6VwOlUFtzn/qWSz8ALbePVOROaB+yOEBdRGMRkAi4e7Rzed0TztqgdA==} + react-dom@19.2.0-canary-408d055a-20250430: + resolution: {integrity: sha512-4UlhEnQGtQ+dJM4Vv9ZoGlLlCVLG4vNq2SW+0FCTIvhk4fEQ0zVPtnhj/WLu/B/A15iqL/8oIFon8a3Lk+fftQ==} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 react-dom@19.2.0-canary-c44e4a25-20250409: resolution: {integrity: sha512-H3k6JpW39XBogZz6ptprQ4MRwG83bRONkb+6DzHQChVLY+TWiGNBKJxnJN6VzRoqsBNZFwSu8WdhK5vLtj4h3A==} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 - react-is@19.2.0-canary-5dc00d6b-20250428: - resolution: {integrity: sha512-emTtElnIPwGUu6rigtjdBbZ3P7r3T5gZzYWjn9AyCnb4olzzJ8AMcl41RSKxhDxR9fu6amyJGgXW3nxetZI7bg==} + react-is@19.2.0-canary-408d055a-20250430: + resolution: {integrity: sha512-eHhWkX0wFhaE57Cv1ksxWrMCUygQRDKERftvcddJ9tdipCmKI4WaVj4NfAgbQmTM253dKIhnsGJLi+/rqul0wg==} react-is@19.2.0-canary-c44e4a25-20250409: resolution: {integrity: sha512-vF0L6mbn4Gx4TU7srrazt/6aBhLIRWttvNlh6GGI9nsqgvl1RrPKfDuybxjDP/8IZfuMj7/D5CkwwyZUa3i1AQ==} @@ -13817,8 +13817,8 @@ packages: react-number-format@5.4.0: resolution: {integrity: sha512-NWdICrqLhI7rAS8yUeLVd6Wr4cN7UjJ9IBTS0f/a9i7UB4x4Ti70kGnksBtZ7o4Z7YRbvCMMR/jQmkoOBa/4fg==} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430 react-refresh@0.12.0: resolution: {integrity: sha512-suLIhrU2IHKL5JEKR/fAwJv7bbeq4kJ+pJopf77jHwuR+HmJS/HbrPIGsTBUVfw7tXPOmYv7UJ7PCaN49e8x4A==} @@ -13829,7 +13829,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 peerDependenciesMeta: '@types/react': optional: true @@ -13839,58 +13839,58 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 peerDependenciesMeta: '@types/react': optional: true - react-server-dom-turbopack@0.0.0-experimental-5dc00d6b-20250428: - resolution: {integrity: sha512-yvIShYPPg9oq2o6Dl0dhfLXl2ATHyTN9UvSWQmKsB/6kRyr1EqDjpJJ4EAksekebzvrSq7TPV0Zx+2cgyDOfeA==} + react-server-dom-turbopack@0.0.0-experimental-408d055a-20250430: + resolution: {integrity: sha512-vW1+HJbzWyW9JX1l8YmB6bdLecN98MijuV712LfGI4ZVk8Sc9NGjG/4ER6KvnWoQBjskJ11AOvL0aBWkfiVISg==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430 - react-server-dom-turbopack@19.2.0-canary-5dc00d6b-20250428: - resolution: {integrity: sha512-KdFXTylLTj/dDo9JtWM7vsewqB8RBCW9jG2Mo2BesaD8403z9/nVXTujur4cCmcTsEP08avMNt3ISBb3eiQj/w==} + react-server-dom-turbopack@19.2.0-canary-408d055a-20250430: + resolution: {integrity: sha512-PT+Fzv9y/JgvPlZ8Fl7vTBua2mgBN4LQE/czcyvklS+dk0s9z8RDeNendEmQRLKO/fXUP7oeVbZtoL5Feyz+Bw==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430 - react-server-dom-webpack@0.0.0-experimental-5dc00d6b-20250428: - resolution: {integrity: sha512-CzNcs6DI5u/17egm3nTJzYnrvCkNn69IhkCbJwtBk84LA2lKwDGXOBvoFVy2uowtSZ32VrNTXeCqivM6K2tVJQ==} + react-server-dom-webpack@0.0.0-experimental-408d055a-20250430: + resolution: {integrity: sha512-1VnObICIwPYnnLdRSkeFv8UBGPtSHnr+F0NPufVDap2nPq82mYdm6B0Km1tSTuHOOFORTHPXMK+nlH705sl58A==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430 webpack: 5.98.0 - react-server-dom-webpack@19.2.0-canary-5dc00d6b-20250428: - resolution: {integrity: sha512-jPIQSsfIaUfQ+mpUkefussucKEIf2cNtjED5O0g2/nnDF5IEUBdiqouTg0qizQ8rPE3Ou2Jz7veItw7am46yMQ==} + react-server-dom-webpack@19.2.0-canary-408d055a-20250430: + resolution: {integrity: sha512-ckHhI28bqu5DCEVNuQbZHV/6MznnppsobPA8v06XHEjK+2NCApUfT3tT1LO4F7vJmKzVES2zzk+AKPXyWaqpMw==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430 webpack: 5.98.0 react-shallow-renderer@16.15.0: resolution: {integrity: sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 react-ssr-prepass@1.0.8: resolution: {integrity: sha512-O0gfRA1SaK+9ITKxqfnXsej2jF+OHGP/+GxD4unROQaM/0/UczGF9fuF+wTboxaQoKdIf4FvS3h/OigWh704VA==} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 - react-is: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + react-is: 19.2.0-canary-408d055a-20250430 react-style-singleton@2.2.1: resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==} engines: {node: '>=10'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 peerDependenciesMeta: '@types/react': optional: true @@ -13898,26 +13898,26 @@ packages: react-test-renderer@18.2.0: resolution: {integrity: sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 react-textarea-autosize@8.5.3: resolution: {integrity: sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==} engines: {node: '>=10'} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 react-virtualized@9.22.3: resolution: {integrity: sha512-MKovKMxWTcwPSxE1kK1HcheQTWfuCxAuBoSTf2gwyMM21NdX/PXUhnoP8Uc5dRKd+nKm8v41R36OellhdCpkrw==} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430 - react@0.0.0-experimental-5dc00d6b-20250428: - resolution: {integrity: sha512-c3DFDgKOPNYy7jBts+atZP3KTSAMbMeumNF/xdQVnAF95nR2ZUyOH/2IKQWWPJsz3DS6bQ7fNngTkk8CW6h8uQ==} + react@0.0.0-experimental-408d055a-20250430: + resolution: {integrity: sha512-eHIP34fIFudR4QTIJbzPh56y1IueCjAbFJFbP0Q91AL7NdheFE19LiS/O87qabiRNEsvQ9VVG6ByQDNmOfYwjQ==} engines: {node: '>=0.10.0'} - react@19.2.0-canary-5dc00d6b-20250428: - resolution: {integrity: sha512-LQXqlpHM/RPurTOvD5lTuztC150/s8+W67mp06HZ/Rc2suebLZCCEq19kwZirCm/5FJptOpDCpJOWvbteSBl6A==} + react@19.2.0-canary-408d055a-20250430: + resolution: {integrity: sha512-5kJrlaa4OgrQoOSMNyOWlY+PoOq7a5RRnJrrA9ERhAwAmP2r8ndaSFfDet0ihOmxVjEARRgo2mB7Nj2GBiC1xg==} engines: {node: '>=0.10.0'} react@19.2.0-canary-c44e4a25-20250409: @@ -14459,11 +14459,11 @@ packages: resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==} engines: {node: '>=v12.22.7'} - scheduler@0.0.0-experimental-5dc00d6b-20250428: - resolution: {integrity: sha512-7t01jhBrd0An+QJS0BdmweYm1z/BjCTG8BsVetUG/YYc3RNalZXdGLiwyz9k+0fpHZ8W1/oMprELuEymB+e4lg==} + scheduler@0.0.0-experimental-408d055a-20250430: + resolution: {integrity: sha512-ohplInLhkcri7NuTqhc/ca5K2GQwVULF04vOSOUn67+Zd3a49cQErueGqwz6R1Am5ORX0RSURM3IOwciTK5Fyw==} - scheduler@0.27.0-canary-5dc00d6b-20250428: - resolution: {integrity: sha512-qmB+n8VUpWyhWb/funAvemdJNTDLO9ftxk64oiPmP5mXCLEjfE9tbunpe/AAAiOqx+p0UzwhcFSt0bd6HxSDZg==} + scheduler@0.27.0-canary-408d055a-20250430: + resolution: {integrity: sha512-EkgiabfBQKXfGsKbrc1tECJUjkKOayh9aKOvsZYaEa5cNlYmQfmiXWkJkq6IWINuBnMDPgMO8WCUsYJOKOs5/A==} schema-utils@2.7.1: resolution: {integrity: sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==} @@ -15106,7 +15106,7 @@ packages: peerDependencies: '@babel/core': '*' babel-plugin-macros: '*' - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 peerDependenciesMeta: '@babel/core': optional: true @@ -15187,7 +15187,7 @@ packages: swr@2.2.4: resolution: {integrity: sha512-njiZ/4RiIhoOlAaLYDqwz5qH/KZXVilRLvomrx83HjzCWTfa+InyfAjv05PSFxnmLzZkNO9ZfvgoqzAaEI4sGQ==} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 symbol-observable@1.0.1: resolution: {integrity: sha512-Kb3PrPYz4HanVF1LVGuAdW6LoVgIwjUYJGzFe7NDrBLCN4lsV/5J0MFurV+ygS4bRVwrCEt2c7MQ1R2a72oJDw==} @@ -15979,7 +15979,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 peerDependenciesMeta: '@types/react': optional: true @@ -15987,13 +15987,13 @@ packages: use-composed-ref@1.3.0: resolution: {integrity: sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ==} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 use-isomorphic-layout-effect@1.1.2: resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==} peerDependencies: '@types/react': '*' - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 peerDependenciesMeta: '@types/react': optional: true @@ -16002,7 +16002,7 @@ packages: resolution: {integrity: sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==} peerDependencies: '@types/react': '*' - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 peerDependenciesMeta: '@types/react': optional: true @@ -16012,7 +16012,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': ^19.1.1 - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 peerDependenciesMeta: '@types/react': optional: true @@ -16020,7 +16020,7 @@ packages: use-sync-external-store@1.2.0: resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==} peerDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 util-deprecate@1.0.2: resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==} @@ -17864,17 +17864,17 @@ snapshots: '@emotion/memoize@0.8.1': {} - '@emotion/react@11.11.1(@types/react@19.1.1)(react@19.2.0-canary-5dc00d6b-20250428)': + '@emotion/react@11.11.1(@types/react@19.1.1)(react@19.2.0-canary-408d055a-20250430)': 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-5dc00d6b-20250428) + '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.2.0-canary-408d055a-20250430) '@emotion/utils': 1.2.1 '@emotion/weak-memoize': 0.3.1 hoist-non-react-statics: 3.3.2 - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 optionalDependencies: '@types/react': 19.1.1 transitivePeerDependencies: @@ -17892,9 +17892,9 @@ snapshots: '@emotion/unitless@0.8.1': {} - '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.2.0-canary-5dc00d6b-20250428)': + '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.2.0-canary-408d055a-20250430)': dependencies: - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 '@emotion/utils@1.2.1': {} @@ -19530,11 +19530,11 @@ snapshots: transitivePeerDependencies: - supports-color - '@mdx-js/react@2.2.1(react@19.2.0-canary-5dc00d6b-20250428)': + '@mdx-js/react@2.2.1(react@19.2.0-canary-408d055a-20250430)': dependencies: '@types/mdx': 2.0.3 '@types/react': 19.1.1 - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 '@mdx-js/react@2.2.1(react@19.2.0-canary-c44e4a25-20250409)': dependencies: @@ -19542,11 +19542,11 @@ snapshots: '@types/react': 19.1.1 react: 19.2.0-canary-c44e4a25-20250409 - '@mdx-js/react@3.1.0(@types/react@19.1.1)(react@19.2.0-canary-5dc00d6b-20250428)': + '@mdx-js/react@3.1.0(@types/react@19.1.1)(react@19.2.0-canary-408d055a-20250430)': dependencies: '@types/mdx': 2.0.3 '@types/react': 19.1.1 - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 '@module-federation/error-codes@0.13.0': {} @@ -20271,12 +20271,12 @@ snapshots: '@storybook/addon-docs@8.6.0(@types/react@19.1.1)(storybook@8.6.0(prettier@3.3.3))': dependencies: - '@mdx-js/react': 3.1.0(@types/react@19.1.1)(react@19.2.0-canary-5dc00d6b-20250428) - '@storybook/blocks': 8.6.0(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428)(storybook@8.6.0(prettier@3.3.3)) + '@mdx-js/react': 3.1.0(@types/react@19.1.1)(react@19.2.0-canary-408d055a-20250430) + '@storybook/blocks': 8.6.0(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3)) '@storybook/csf-plugin': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react-dom-shim': 8.6.0(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428)(storybook@8.6.0(prettier@3.3.3)) - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428) + '@storybook/react-dom-shim': 8.6.0(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3)) + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) storybook: 8.6.0(prettier@3.3.3) ts-dedent: 2.2.0 transitivePeerDependencies: @@ -20341,14 +20341,14 @@ snapshots: - '@swc/helpers' - webpack - '@storybook/blocks@8.6.0(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428)(storybook@8.6.0(prettier@3.3.3))': + '@storybook/blocks@8.6.0(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))': dependencies: - '@storybook/icons': 1.3.0(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428) + '@storybook/icons': 1.3.0(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430) storybook: 8.6.0(prettier@3.3.3) ts-dedent: 2.2.0 optionalDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428) + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) '@storybook/builder-webpack5@8.6.0(@rspack/core@1.3.8(@swc/helpers@0.5.15))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: @@ -20427,10 +20427,10 @@ snapshots: '@storybook/global@5.0.0': {} - '@storybook/icons@1.3.0(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428)': + '@storybook/icons@1.3.0(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)': dependencies: - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428) + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) '@storybook/instrumenter@8.6.0(storybook@8.6.0(prettier@3.3.3))': dependencies: @@ -20442,17 +20442,17 @@ snapshots: dependencies: storybook: 8.6.0(prettier@3.3.3) - '@storybook/preset-react-webpack@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/preset-react-webpack@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/core-webpack': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0(typescript@5.8.2)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)) '@types/semver': 7.5.6 find-up: 5.0.0 magic-string: 0.30.17 - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 react-docgen: 7.1.0 - react-dom: 19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428) + react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) resolve: 1.22.8 semver: 7.6.3 storybook: 8.6.0(prettier@3.3.3) @@ -20486,19 +20486,19 @@ snapshots: transitivePeerDependencies: - supports-color - '@storybook/react-dom-shim@8.6.0(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428)(storybook@8.6.0(prettier@3.3.3))': + '@storybook/react-dom-shim@8.6.0(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))': dependencies: - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428) + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) storybook: 8.6.0(prettier@3.3.3) - '@storybook/react-webpack5@8.6.0(@rspack/core@1.3.8(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/react-webpack5@8.6.0(@rspack/core@1.3.8(@swc/helpers@0.5.15))(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/builder-webpack5': 8.6.0(@rspack/core@1.3.8(@swc/helpers@0.5.15))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - '@storybook/preset-react-webpack': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428) + '@storybook/preset-react-webpack': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2)(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + '@storybook/react': 8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2) + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) storybook: 8.6.0(prettier@3.3.3) optionalDependencies: typescript: 5.8.2 @@ -20511,16 +20511,16 @@ snapshots: - uglify-js - webpack-cli - '@storybook/react@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': + '@storybook/react@8.6.0(@storybook/test@8.6.0(storybook@8.6.0(prettier@3.3.3)))(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3))(typescript@5.8.2)': dependencies: '@storybook/components': 8.6.0(storybook@8.6.0(prettier@3.3.3)) '@storybook/global': 5.0.0 '@storybook/manager-api': 8.6.0(storybook@8.6.0(prettier@3.3.3)) '@storybook/preview-api': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - '@storybook/react-dom-shim': 8.6.0(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428)(storybook@8.6.0(prettier@3.3.3)) + '@storybook/react-dom-shim': 8.6.0(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(storybook@8.6.0(prettier@3.3.3)) '@storybook/theming': 8.6.0(storybook@8.6.0(prettier@3.3.3)) - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428) + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) storybook: 8.6.0(prettier@3.3.3) optionalDependencies: '@storybook/test': 8.6.0(storybook@8.6.0(prettier@3.3.3)) @@ -20727,13 +20727,13 @@ snapshots: lodash: 4.17.21 redent: 3.0.0 - '@testing-library/react@15.0.7(@types/react@19.1.1)(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428)': + '@testing-library/react@15.0.7(@types/react@19.1.1)(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)': dependencies: '@babel/runtime': 7.27.0 '@testing-library/dom': 10.1.0 '@types/react-dom': 19.1.2(@types/react@19.1.1) - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428) + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) optionalDependencies: '@types/react': 19.1.1 @@ -26441,7 +26441,7 @@ snapshots: hoist-non-react-statics@3.3.2: dependencies: - react-is: 19.2.0-canary-5dc00d6b-20250428 + react-is: 19.2.0-canary-408d055a-20250430 homedir-polyfill@1.0.3: dependencies: @@ -31342,25 +31342,25 @@ snapshots: dependencies: ansi-regex: 5.0.1 ansi-styles: 5.2.0 - react-is: 19.2.0-canary-5dc00d6b-20250428 + react-is: 19.2.0-canary-408d055a-20250430 pretty-format@29.5.0: dependencies: '@jest/schemas': 29.4.3 ansi-styles: 5.2.0 - react-is: 19.2.0-canary-5dc00d6b-20250428 + react-is: 19.2.0-canary-408d055a-20250430 pretty-format@29.7.0: dependencies: '@jest/schemas': 29.6.3 ansi-styles: 5.2.0 - react-is: 19.2.0-canary-5dc00d6b-20250428 + react-is: 19.2.0-canary-408d055a-20250430 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-5dc00d6b-20250428 + react-is: 19.2.0-canary-408d055a-20250430 pretty-ms@7.0.0: dependencies: @@ -31423,7 +31423,7 @@ snapshots: dependencies: loose-envify: 1.4.0 object-assign: 4.1.1 - react-is: 19.2.0-canary-5dc00d6b-20250428 + react-is: 19.2.0-canary-408d055a-20250430 property-information@5.6.0: dependencies: @@ -31630,22 +31630,22 @@ snapshots: transitivePeerDependencies: - supports-color - react-dom@0.0.0-experimental-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428): + react-dom@0.0.0-experimental-408d055a-20250430(react@19.2.0-canary-408d055a-20250430): dependencies: - react: 19.2.0-canary-5dc00d6b-20250428 - scheduler: 0.27.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + scheduler: 0.27.0-canary-408d055a-20250430 - react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428): + react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430): dependencies: - react: 19.2.0-canary-5dc00d6b-20250428 - scheduler: 0.27.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + scheduler: 0.27.0-canary-408d055a-20250430 react-dom@19.2.0-canary-c44e4a25-20250409(react@19.2.0-canary-c44e4a25-20250409): dependencies: react: 19.2.0-canary-c44e4a25-20250409 - scheduler: 0.27.0-canary-5dc00d6b-20250428 + scheduler: 0.27.0-canary-408d055a-20250430 - react-is@19.2.0-canary-5dc00d6b-20250428: {} + react-is@19.2.0-canary-408d055a-20250430: {} react-is@19.2.0-canary-c44e4a25-20250409: {} @@ -31678,48 +31678,48 @@ snapshots: optionalDependencies: '@types/react': 19.1.1 - react-server-dom-turbopack@0.0.0-experimental-5dc00d6b-20250428(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428): + react-server-dom-turbopack@0.0.0-experimental-408d055a-20250430(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428) + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) - react-server-dom-turbopack@19.2.0-canary-5dc00d6b-20250428(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428): + react-server-dom-turbopack@19.2.0-canary-408d055a-20250430(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428) + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) - react-server-dom-webpack@0.0.0-experimental-5dc00d6b-20250428(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): + react-server-dom-webpack@0.0.0-experimental-408d055a-20250430(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428) + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15)) webpack-sources: 3.2.3(patch_hash=jbynf5dc46ambamq3wuyho6hkq) - react-server-dom-webpack@19.2.0-canary-5dc00d6b-20250428(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): + react-server-dom-webpack@19.2.0-canary-408d055a-20250430(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430)(webpack@5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.2.0-canary-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428) + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15)) webpack-sources: 3.2.3(patch_hash=jbynf5dc46ambamq3wuyho6hkq) - react-shallow-renderer@16.15.0(react@19.2.0-canary-5dc00d6b-20250428): + react-shallow-renderer@16.15.0(react@19.2.0-canary-408d055a-20250430): dependencies: object-assign: 4.1.1 - react: 19.2.0-canary-5dc00d6b-20250428 - react-is: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + react-is: 19.2.0-canary-408d055a-20250430 - react-ssr-prepass@1.0.8(react-is@19.2.0-canary-c44e4a25-20250409)(react@19.2.0-canary-5dc00d6b-20250428): + react-ssr-prepass@1.0.8(react-is@19.2.0-canary-c44e4a25-20250409)(react@19.2.0-canary-408d055a-20250430): dependencies: object-is: 1.0.2 - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 react-is: 19.2.0-canary-c44e4a25-20250409 react-style-singleton@2.2.1(@types/react@19.1.1)(react@19.2.0-canary-c44e4a25-20250409): @@ -31731,12 +31731,12 @@ snapshots: optionalDependencies: '@types/react': 19.1.1 - react-test-renderer@18.2.0(react@19.2.0-canary-5dc00d6b-20250428): + react-test-renderer@18.2.0(react@19.2.0-canary-408d055a-20250430): dependencies: - react: 19.2.0-canary-5dc00d6b-20250428 - react-is: 19.2.0-canary-5dc00d6b-20250428 - react-shallow-renderer: 16.15.0(react@19.2.0-canary-5dc00d6b-20250428) - scheduler: 0.27.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 + react-is: 19.2.0-canary-408d055a-20250430 + react-shallow-renderer: 16.15.0(react@19.2.0-canary-408d055a-20250430) + scheduler: 0.27.0-canary-408d055a-20250430 react-textarea-autosize@8.5.3(@types/react@19.1.1)(react@19.2.0-canary-c44e4a25-20250409): dependencies: @@ -31747,20 +31747,20 @@ snapshots: transitivePeerDependencies: - '@types/react' - react-virtualized@9.22.3(react-dom@19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428))(react@19.2.0-canary-5dc00d6b-20250428): + react-virtualized@9.22.3(react-dom@19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430))(react@19.2.0-canary-408d055a-20250430): 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-5dc00d6b-20250428 - react-dom: 19.2.0-canary-5dc00d6b-20250428(react@19.2.0-canary-5dc00d6b-20250428) + react: 19.2.0-canary-408d055a-20250430 + react-dom: 19.2.0-canary-408d055a-20250430(react@19.2.0-canary-408d055a-20250430) react-lifecycles-compat: 3.0.4 - react@0.0.0-experimental-5dc00d6b-20250428: {} + react@0.0.0-experimental-408d055a-20250430: {} - react@19.2.0-canary-5dc00d6b-20250428: {} + react@19.2.0-canary-408d055a-20250430: {} react@19.2.0-canary-c44e4a25-20250409: {} @@ -32506,9 +32506,9 @@ snapshots: dependencies: xmlchars: 2.2.0 - scheduler@0.0.0-experimental-5dc00d6b-20250428: {} + scheduler@0.0.0-experimental-408d055a-20250430: {} - scheduler@0.27.0-canary-5dc00d6b-20250428: {} + scheduler@0.27.0-canary-408d055a-20250430: {} schema-utils@2.7.1: dependencies: @@ -33270,10 +33270,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-5dc00d6b-20250428): + styled-jsx@5.1.6(@babel/core@7.26.10)(babel-plugin-macros@3.1.0)(react@19.2.0-canary-408d055a-20250430): dependencies: client-only: 0.0.1 - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 optionalDependencies: '@babel/core': 7.26.10 babel-plugin-macros: 3.1.0 @@ -33367,11 +33367,11 @@ snapshots: '@swc/counter': 0.1.3 webpack: 5.98.0(@swc/core@1.9.3(@swc/helpers@0.5.15))(esbuild@0.24.2) - swr@2.2.4(react@19.2.0-canary-5dc00d6b-20250428): + swr@2.2.4(react@19.2.0-canary-408d055a-20250430): dependencies: client-only: 0.0.1 - react: 19.2.0-canary-5dc00d6b-20250428 - use-sync-external-store: 1.2.0(react@19.2.0-canary-5dc00d6b-20250428) + react: 19.2.0-canary-408d055a-20250430 + use-sync-external-store: 1.2.0(react@19.2.0-canary-408d055a-20250430) symbol-observable@1.0.1: {} @@ -34168,9 +34168,9 @@ snapshots: unist-util-is: 6.0.0 unist-util-visit-parents: 6.0.1 - unistore@3.4.1(react@19.2.0-canary-5dc00d6b-20250428): + unistore@3.4.1(react@19.2.0-canary-408d055a-20250430): optionalDependencies: - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 universal-github-app-jwt@1.1.1: dependencies: @@ -34296,9 +34296,9 @@ snapshots: optionalDependencies: '@types/react': 19.1.1 - use-sync-external-store@1.2.0(react@19.2.0-canary-5dc00d6b-20250428): + use-sync-external-store@1.2.0(react@19.2.0-canary-408d055a-20250430): dependencies: - react: 19.2.0-canary-5dc00d6b-20250428 + react: 19.2.0-canary-408d055a-20250430 util-deprecate@1.0.2: {}