From aef297a35f151353d5607b6ee7d4e6913a040db5 Mon Sep 17 00:00:00 2001 From: sebmarkbage Date: Wed, 2 Jul 2025 14:39:53 -0700 Subject: [PATCH] [Fiber] Highlight a Component with Deeply Equal Props in the Performance Track (#33660) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Stacked on #33658 and #33659. If we detect that a component is receiving only deeply equal objects, then we highlight it as potentially problematic and worth looking into. Screenshot 2025-06-27 at 4 15 28 PM It's fairly conservative and can bail out for a number of reasons: - We only log it on the first parent that triggered this case since other children could be indirect causes. - If children has changed then we bail out since this component will rerender anyway. This means that it won't warn for a lot of cases that receive plain DOM children since the DOM children won't themselves get logged. - If the component's total render time including children is 100ms or less then we skip warning because rerendering might not be a big deal. - We don't warn if you have shallow equality but could memoize the JSX element itself since we don't typically recommend that and React Compiler doesn't do that. It only warns if you have nested objects too. - If the depth of the objects is deeper than like the 3 levels that we print diffs for then we wouldn't warn since we don't know if they were equal (although we might still warn on a child). - If the component had any updates scheduled on itself (e.g. setState) then we don't warn since it would rerender anyway. This should really consider Context updates too but we don't do that atm. Technically you should still memoize the incoming props even if you also had unrelated updates since it could apply to deeper bailouts. DiffTrain build for [0b78161d7d76b7fb9786f25dd222010b9e417191](https://github.com/facebook/react/commit/0b78161d7d76b7fb9786f25dd222010b9e417191) --- compiled-rn/VERSION_NATIVE_FB | 2 +- .../react/react-dom/cjs/ReactDOM-dev.js | 4 +- .../react/react-dom/cjs/ReactDOM-prod.js | 4 +- .../react/react-dom/cjs/ReactDOM-profiling.js | 4 +- .../react/react-dom/cjs/ReactDOMClient-dev.js | 975 ++++++++++-------- .../react-dom/cjs/ReactDOMClient-prod.js | 12 +- .../react-dom/cjs/ReactDOMClient-profiling.js | 157 +-- .../react-dom/cjs/ReactDOMProfiling-dev.js | 975 ++++++++++-------- .../react-dom/cjs/ReactDOMProfiling-prod.js | 12 +- .../cjs/ReactDOMProfiling-profiling.js | 157 +-- .../cjs/ReactTestRenderer-dev.js | 8 +- .../cjs/ReactTestRenderer-prod.js | 8 +- .../cjs/ReactTestRenderer-profiling.js | 8 +- .../vendor/react/react/cjs/React-dev.js | 4 +- .../vendor/react/react/cjs/React-prod.js | 4 +- .../vendor/react/react/cjs/React-profiling.js | 4 +- .../Libraries/Renderer/REVISION | 2 +- .../implementations/ReactFabric-dev.fb.js | 753 ++++++++------ .../implementations/ReactFabric-prod.fb.js | 6 +- .../ReactFabric-profiling.fb.js | 127 ++- .../ReactNativeRenderer-dev.fb.js | 757 ++++++++------ .../ReactNativeRenderer-prod.fb.js | 10 +- .../ReactNativeRenderer-profiling.fb.js | 131 ++- .../eslint-plugin-react-hooks/package.json | 2 +- 24 files changed, 2437 insertions(+), 1689 deletions(-) diff --git a/compiled-rn/VERSION_NATIVE_FB b/compiled-rn/VERSION_NATIVE_FB index 05f4dc47a4..b4e5709137 100644 --- a/compiled-rn/VERSION_NATIVE_FB +++ b/compiled-rn/VERSION_NATIVE_FB @@ -1 +1 @@ -19.2.0-native-fb-73aa744b-20250702 \ No newline at end of file +19.2.0-native-fb-0b78161d-20250702 \ No newline at end of file diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-dev.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-dev.js index d0d0b10c99..5cd8154d96 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-dev.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-dev.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<> */ "use strict"; @@ -404,5 +404,5 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-native-fb-73aa744b-20250702"; + exports.version = "19.2.0-native-fb-0b78161d-20250702"; })(); diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-prod.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-prod.js index cb6eedbcca..438574d1d8 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-prod.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-prod.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<<3438458dc9aec580aa6f42c93cbba96a>> */ "use strict"; @@ -203,4 +203,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-native-fb-73aa744b-20250702"; +exports.version = "19.2.0-native-fb-0b78161d-20250702"; diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-profiling.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-profiling.js index cb6eedbcca..438574d1d8 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-profiling.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOM-profiling.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<<3438458dc9aec580aa6f42c93cbba96a>> */ "use strict"; @@ -203,4 +203,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-native-fb-73aa744b-20250702"; +exports.version = "19.2.0-native-fb-0b78161d-20250702"; diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-dev.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-dev.js index a6d8c52eb4..8db5dcbd4b 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-dev.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-dev.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<12dca64d24290658ae4fedb8e574d3c3>> + * @generated SignedSource<> */ /* @@ -3887,13 +3887,19 @@ __DEV__ && } return kind; } - function addObjectToProperties(object, properties, indent) { + function addObjectToProperties(object, properties, indent, prefix) { for (var key in object) hasOwnProperty.call(object, key) && "_" !== key[0] && - addValueToProperties(key, object[key], properties, indent); + addValueToProperties(key, object[key], properties, indent, prefix); } - function addValueToProperties(propertyName, value, properties, indent) { + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { switch (typeof value) { case "object": if (null === value) { @@ -3920,11 +3926,17 @@ __DEV__ && break; } properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "<" + typeName ]); null !== key && - addValueToProperties("key", key, properties, indent + 1); + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); propertyName = !1; for (var propKey in value) "children" === propKey @@ -3938,7 +3950,8 @@ __DEV__ && propKey, value[propKey], properties, - indent + 1 + indent + 1, + prefix ); properties.push([ "", @@ -3957,7 +3970,7 @@ __DEV__ && break; } else if (propKey === ENTRIES_ARRAY) { properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "" ]); for ( @@ -3970,7 +3983,8 @@ __DEV__ && typeName[0], typeName[1], properties, - indent + 1 + indent + 1, + prefix ); return; } @@ -3982,7 +3996,8 @@ __DEV__ && propertyName, value.value, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -3998,7 +4013,8 @@ __DEV__ && propertyName, value.reason, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -4017,10 +4033,11 @@ __DEV__ && "function" === typeof propKey.constructor && (typeName = propKey.constructor.name); properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName ]); - 3 > indent && addObjectToProperties(value, properties, indent + 1); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); return; } case "function": @@ -4039,7 +4056,115 @@ __DEV__ && default: value = String(value); } - properties.push(["\u00a0\u00a0".repeat(indent) + propertyName, value]); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); + } + function addObjectDiffToProperties(prev, next, properties, indent) { + var isDeeplyEqual = !0; + for (key in prev) + key in next || + (properties.push([ + REMOVED + "\u00a0\u00a0".repeat(indent) + key, + "\u2026" + ]), + (isDeeplyEqual = !1)); + for (var _key in next) + if (_key in prev) { + var key = prev[_key]; + var nextValue = next[_key]; + if (key !== nextValue) { + if (0 === indent && "children" === _key) + (isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key), + properties.push( + [REMOVED + isDeeplyEqual, "\u2026"], + [ADDED + isDeeplyEqual, "\u2026"] + ); + else { + if (!(3 <= indent)) + if ( + "object" === typeof key && + "object" === typeof nextValue && + null !== key && + null !== nextValue && + key.$$typeof === nextValue.$$typeof + ) + if (nextValue.$$typeof === REACT_ELEMENT_TYPE) { + if ( + key.type === nextValue.type && + key.key === nextValue.key + ) { + key = + getComponentNameFromType(nextValue.type) || "\u2026"; + isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key; + key = "<" + key + " \u2026 />"; + properties.push( + [REMOVED + isDeeplyEqual, key], + [ADDED + isDeeplyEqual, key] + ); + isDeeplyEqual = !1; + continue; + } + } else { + var prevKind = Object.prototype.toString.call(key), + nextKind = Object.prototype.toString.call(nextValue); + if ( + prevKind === nextKind && + ("[object Object]" === nextKind || + "[object Array]" === nextKind) + ) { + prevKind = [ + UNCHANGED + "\u00a0\u00a0".repeat(indent) + _key, + "[object Array]" === nextKind ? "Array" : "" + ]; + properties.push(prevKind); + nextKind = properties.length; + addObjectDiffToProperties( + key, + nextValue, + properties, + indent + 1 + ) + ? nextKind === properties.length && + (prevKind[1] = + "Referentially unequal but deeply equal objects. Consider memoization.") + : (isDeeplyEqual = !1); + continue; + } + } + else if ( + "function" === typeof key && + "function" === typeof nextValue && + key.name === nextValue.name && + key.length === nextValue.length && + ((prevKind = Function.prototype.toString.call(key)), + (nextKind = Function.prototype.toString.call(nextValue)), + prevKind === nextKind) + ) { + key = + "" === nextValue.name + ? "() => {}" + : nextValue.name + "() {}"; + properties.push([ + UNCHANGED + "\u00a0\u00a0".repeat(indent) + _key, + key + + " Referentially unequal function closure. Consider memoization." + ]); + continue; + } + addValueToProperties(_key, key, properties, indent, REMOVED); + addValueToProperties(_key, nextValue, properties, indent, ADDED); + } + isDeeplyEqual = !1; + } + } else + properties.push([ + ADDED + "\u00a0\u00a0".repeat(indent) + _key, + "\u2026" + ]), + (isDeeplyEqual = !1); + return isDeeplyEqual; } function setCurrentTrackFromLanes(lanes) { currentTrack = @@ -4055,35 +4180,36 @@ __DEV__ && } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - ((fiber = fiber._debugTask) + ((reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = trigger), + (reusableComponentDevToolDetails.properties = null), + (fiber = fiber._debugTask) ? fiber.run( - console.timeStamp.bind( - console, + performance.measure.bind( + performance, trigger, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "warning" + reusableComponentOptions ) ) - : console.timeStamp( - trigger, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "warning" - )); + : performance.measure(trigger, reusableComponentOptions)); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); } - function logComponentRender(fiber, startTime, endTime, wasHydrated) { + function logComponentRender( + fiber, + startTime, + endTime, + wasHydrated, + committedLanes + ) { var name = getComponentNameFromFiber(fiber); if (null !== name && supportsUserTiming) { - var selfTime = fiber.actualDuration; - if (null === fiber.alternate || fiber.alternate.child !== fiber.child) + var alternate = fiber.alternate, + selfTime = fiber.actualDuration; + if (null === alternate || alternate.child !== fiber.child) for (var child = fiber.child; null !== child; child = child.sibling) selfTime -= child.actualDuration; wasHydrated = @@ -4100,142 +4226,154 @@ __DEV__ && ? "tertiary-dark" : "primary-dark" : "error"; - (fiber = fiber._debugTask) - ? fiber.run( - console.timeStamp.bind( - console, + if ((selfTime = fiber._debugTask)) { + var props = fiber.memoizedProps; + if ( + null !== props && + null !== alternate && + alternate.memoizedProps !== props && + ((child = [resuableChangedPropsEntry]), + (props = addObjectDiffToProperties( + alternate.memoizedProps, + props, + child, + 0 + )), + 1 < child.length) + ) { + props && + !alreadyWarnedForDeepEquality && + 0 === (alternate.lanes & committedLanes) && + 100 < fiber.actualDuration + ? ((alreadyWarnedForDeepEquality = !0), + (child[0] = reusableDeeplyEqualPropsEntry), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = + DEEP_EQUALITY_WARNING)) + : ((reusableComponentDevToolDetails.color = wasHydrated), + (reusableComponentDevToolDetails.tooltipText = name)); + reusableComponentDevToolDetails.properties = child; + reusableComponentOptions.start = startTime; + reusableComponentOptions.end = endTime; + selfTime.run( + performance.measure.bind( + performance, name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - wasHydrated + reusableComponentOptions ) - ) - : console.timeStamp( + ); + return; + } + selfTime.run( + console.timeStamp.bind( + console, name, startTime, endTime, COMPONENTS_TRACK, void 0, wasHydrated - ); + ) + ); + } else + 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) - if ( - "undefined" !== typeof performance && - "function" === typeof performance.measure + if (null !== name) { + for ( + var debugTask = null, properties = [], i = 0; + i < errors.length; + i++ ) { - for ( - var debugTask = null, properties = [], i = 0; - i < errors.length; - i++ - ) { - var capturedValue = errors[i]; - null == debugTask && - null !== capturedValue.source && - (debugTask = capturedValue.source._debugTask); - capturedValue = capturedValue.value; - properties.push([ - "Error", - "object" === typeof capturedValue && - null !== capturedValue && - "string" === typeof capturedValue.message - ? String(capturedValue.message) - : String(capturedValue) - ]); - } - null !== fiber.key && - addValueToProperties("key", fiber.key, properties, 0); - null !== fiber.memoizedProps && - addObjectToProperties(fiber.memoizedProps, properties, 0); - null == debugTask && (debugTask = fiber._debugTask); - fiber = { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: COMPONENTS_TRACK, - tooltipText: - 13 === fiber.tag - ? "Hydration failed" - : "Error boundary caught an error", - properties: properties - } + var capturedValue = errors[i]; + null == debugTask && + null !== capturedValue.source && + (debugTask = capturedValue.source._debugTask); + capturedValue = capturedValue.value; + properties.push([ + "Error", + "object" === typeof capturedValue && + null !== capturedValue && + "string" === typeof capturedValue.message + ? String(capturedValue.message) + : String(capturedValue) + ]); + } + null !== fiber.key && + addValueToProperties("key", fiber.key, properties, 0, ""); + null !== fiber.memoizedProps && + addObjectToProperties(fiber.memoizedProps, properties, 0, ""); + null == debugTask && (debugTask = fiber._debugTask); + fiber = { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: COMPONENTS_TRACK, + tooltipText: + 13 === fiber.tag + ? "Hydration failed" + : "Error boundary caught an error", + properties: properties } - }; - debugTask - ? debugTask.run( - performance.measure.bind(performance, name, fiber) - ) - : performance.measure(name, fiber); - } else - console.timeStamp( - name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "error" - ); + } + }; + debugTask + ? debugTask.run(performance.measure.bind(performance, name, fiber)) + : performance.measure(name, fiber); + } } } function logComponentEffect(fiber, startTime, endTime, selfTime, errors) { if (null !== errors) { 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) - ]); - } - null !== fiber.key && - addValueToProperties("key", fiber.key, selfTime, 0); - null !== fiber.memoizedProps && - addObjectToProperties(fiber.memoizedProps, selfTime, 0); - startTime = { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: COMPONENTS_TRACK, - tooltipText: "A lifecycle or effect errored", - properties: selfTime - } + if (null !== name) { + selfTime = []; + for (var i = 0; i < errors.length; i++) { + var error = errors[i].value; + selfTime.push([ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + null !== fiber.key && + addValueToProperties("key", fiber.key, selfTime, 0, ""); + null !== fiber.memoizedProps && + addObjectToProperties(fiber.memoizedProps, selfTime, 0, ""); + startTime = { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: COMPONENTS_TRACK, + tooltipText: "A lifecycle or effect errored", + properties: selfTime } - }; - (fiber = fiber._debugTask) - ? fiber.run( - performance.measure.bind(performance, name, startTime) - ) - : performance.measure(name, startTime); - } else - console.timeStamp( - name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "error" - ); + } + }; + (fiber = fiber._debugTask) + ? fiber.run( + performance.measure.bind(performance, name, startTime) + ) + : performance.measure(name, startTime); + } } } else (name = getComponentNameFromFiber(fiber)), @@ -4299,47 +4437,35 @@ __DEV__ && recoverableErrors, hydrationFailed ) { - 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 - } + 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: 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 && @@ -4353,46 +4479,34 @@ __DEV__ && ); } function logCommitErrored(startTime, endTime, errors, passive) { - 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 - } + 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: 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 finishQueueingConcurrentUpdates() { for ( @@ -10669,24 +10783,24 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2834; - var JSCompiler_object_inline_stack_2835 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2842; + var JSCompiler_object_inline_stack_2843 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2833 = !1; + var JSCompiler_object_inline_message_2841 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2834 = didSuspend) || - (JSCompiler_object_inline_digest_2834 = + (JSCompiler_object_inline_digest_2842 = didSuspend) || + (JSCompiler_object_inline_digest_2842 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2834 && - ((JSCompiler_object_inline_message_2833 = !0), + JSCompiler_object_inline_digest_2842 && + ((JSCompiler_object_inline_message_2841 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2834 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2842 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2833 + JSCompiler_object_inline_message_2841 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (renderLanes = nextHydratableInstance) @@ -10699,18 +10813,18 @@ __DEV__ && ? current : null), null !== current && - ((JSCompiler_object_inline_digest_2834 = { + ((JSCompiler_object_inline_digest_2842 = { dehydrated: current, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_digest_2834), - (JSCompiler_object_inline_digest_2834 = + JSCompiler_object_inline_digest_2842), + (JSCompiler_object_inline_digest_2842 = createFiberFromDehydratedFragment(current)), - (JSCompiler_object_inline_digest_2834.return = workInProgress), - (workInProgress.child = JSCompiler_object_inline_digest_2834), + (JSCompiler_object_inline_digest_2842.return = workInProgress), + (workInProgress.child = JSCompiler_object_inline_digest_2842), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (current = null); @@ -10724,12 +10838,12 @@ __DEV__ && : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_2835.children, - nextFallbackChildren = JSCompiler_object_inline_stack_2835.fallback; - if (JSCompiler_object_inline_message_2833) + var nextPrimaryChildren = JSCompiler_object_inline_stack_2843.children, + nextFallbackChildren = JSCompiler_object_inline_stack_2843.fallback; + if (JSCompiler_object_inline_message_2841) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2835 = + (JSCompiler_object_inline_stack_2843 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10741,19 +10855,19 @@ __DEV__ && mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2834, + JSCompiler_object_inline_digest_2842, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2835 + JSCompiler_object_inline_stack_2843 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2835.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2843.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2835 = + (JSCompiler_object_inline_stack_2843 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10765,12 +10879,12 @@ __DEV__ && mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2834, + JSCompiler_object_inline_digest_2842, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2835 + JSCompiler_object_inline_stack_2843 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( @@ -10780,8 +10894,8 @@ __DEV__ && } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_componentStack_2836 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_componentStack_2836) { + var JSCompiler_object_inline_componentStack_2844 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_componentStack_2844) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -10798,13 +10912,13 @@ __DEV__ && (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_2835.fallback), + JSCompiler_object_inline_stack_2843.fallback), (nextFallbackChildren = workInProgress.mode), - (JSCompiler_object_inline_stack_2835 = + (JSCompiler_object_inline_stack_2843 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2835.children + children: JSCompiler_object_inline_stack_2843.children }, nextFallbackChildren )), @@ -10815,11 +10929,11 @@ __DEV__ && null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_2835.return = workInProgress), + (JSCompiler_object_inline_stack_2843.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_2835.sibling = + (JSCompiler_object_inline_stack_2843.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_2835), + (workInProgress.child = JSCompiler_object_inline_stack_2843), (workInProgress.mode & ConcurrentMode) !== NoMode && reconcileChildFibers( workInProgress, @@ -10827,13 +10941,13 @@ __DEV__ && null, renderLanes ), - (JSCompiler_object_inline_stack_2835 = workInProgress.child), - (JSCompiler_object_inline_stack_2835.memoizedState = + (JSCompiler_object_inline_stack_2843 = workInProgress.child), + (JSCompiler_object_inline_stack_2843.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2835.childLanes = + (JSCompiler_object_inline_stack_2843.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2834, + JSCompiler_object_inline_digest_2842, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -10842,45 +10956,45 @@ __DEV__ && (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), isSuspenseInstanceFallback( - JSCompiler_object_inline_componentStack_2836 + JSCompiler_object_inline_componentStack_2844 )) ) { - JSCompiler_object_inline_digest_2834 = - JSCompiler_object_inline_componentStack_2836.nextSibling && - JSCompiler_object_inline_componentStack_2836.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2834) { - nextPrimaryChildren = JSCompiler_object_inline_digest_2834.dgst; - var message = JSCompiler_object_inline_digest_2834.msg; - nextFallbackChildren = JSCompiler_object_inline_digest_2834.stck; - var componentStack = JSCompiler_object_inline_digest_2834.cstck; + JSCompiler_object_inline_digest_2842 = + JSCompiler_object_inline_componentStack_2844.nextSibling && + JSCompiler_object_inline_componentStack_2844.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2842) { + nextPrimaryChildren = JSCompiler_object_inline_digest_2842.dgst; + var message = JSCompiler_object_inline_digest_2842.msg; + nextFallbackChildren = JSCompiler_object_inline_digest_2842.stck; + var componentStack = JSCompiler_object_inline_digest_2842.cstck; } - JSCompiler_object_inline_message_2833 = message; - JSCompiler_object_inline_digest_2834 = nextPrimaryChildren; - JSCompiler_object_inline_stack_2835 = nextFallbackChildren; - JSCompiler_object_inline_componentStack_2836 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_message_2833; - nextFallbackChildren = JSCompiler_object_inline_componentStack_2836; + JSCompiler_object_inline_message_2841 = message; + JSCompiler_object_inline_digest_2842 = nextPrimaryChildren; + JSCompiler_object_inline_stack_2843 = nextFallbackChildren; + JSCompiler_object_inline_componentStack_2844 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_message_2841; + nextFallbackChildren = JSCompiler_object_inline_componentStack_2844; nextPrimaryChildren = nextPrimaryChildren ? Error(nextPrimaryChildren) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); nextPrimaryChildren.stack = - JSCompiler_object_inline_stack_2835 || ""; - nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2834; - JSCompiler_object_inline_digest_2834 = + JSCompiler_object_inline_stack_2843 || ""; + nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2842; + JSCompiler_object_inline_digest_2842 = void 0 === nextFallbackChildren ? null : nextFallbackChildren; - JSCompiler_object_inline_stack_2835 = { + JSCompiler_object_inline_stack_2843 = { value: nextPrimaryChildren, source: null, - stack: JSCompiler_object_inline_digest_2834 + stack: JSCompiler_object_inline_digest_2842 }; - "string" === typeof JSCompiler_object_inline_digest_2834 && + "string" === typeof JSCompiler_object_inline_digest_2842 && CapturedStacks.set( nextPrimaryChildren, - JSCompiler_object_inline_stack_2835 + JSCompiler_object_inline_stack_2843 ); - queueHydrationError(JSCompiler_object_inline_stack_2835); + queueHydrationError(JSCompiler_object_inline_stack_2843); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -10894,35 +11008,35 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2834 = + (JSCompiler_object_inline_digest_2842 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2834) + didReceiveUpdate || JSCompiler_object_inline_digest_2842) ) { - JSCompiler_object_inline_digest_2834 = workInProgressRoot; + JSCompiler_object_inline_digest_2842 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2834 && - ((JSCompiler_object_inline_stack_2835 = getBumpedLaneForHydration( - JSCompiler_object_inline_digest_2834, + null !== JSCompiler_object_inline_digest_2842 && + ((JSCompiler_object_inline_stack_2843 = getBumpedLaneForHydration( + JSCompiler_object_inline_digest_2842, renderLanes )), - 0 !== JSCompiler_object_inline_stack_2835 && - JSCompiler_object_inline_stack_2835 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_2843 && + JSCompiler_object_inline_stack_2843 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2835), + ((prevState.retryLane = JSCompiler_object_inline_stack_2843), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2835 + JSCompiler_object_inline_stack_2843 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2834, + JSCompiler_object_inline_digest_2842, current, - JSCompiler_object_inline_stack_2835 + JSCompiler_object_inline_stack_2843 ), SelectiveHydrationException) ); isSuspenseInstancePending( - JSCompiler_object_inline_componentStack_2836 + JSCompiler_object_inline_componentStack_2844 ) || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10931,14 +11045,14 @@ __DEV__ && ); } else isSuspenseInstancePending( - JSCompiler_object_inline_componentStack_2836 + JSCompiler_object_inline_componentStack_2844 ) ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((renderLanes = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_componentStack_2836.nextSibling + JSCompiler_object_inline_componentStack_2844.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10950,47 +11064,47 @@ __DEV__ && restoreSuspendedTreeContext(workInProgress, renderLanes), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2835.children + JSCompiler_object_inline_stack_2843.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_message_2833) + if (JSCompiler_object_inline_message_2841) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_2835.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_2843.fallback), (nextFallbackChildren = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_componentStack_2836 = + (JSCompiler_object_inline_componentStack_2844 = componentStack.sibling), - (JSCompiler_object_inline_message_2833 = { + (JSCompiler_object_inline_message_2841 = { mode: "hidden", - children: JSCompiler_object_inline_stack_2835.children + children: JSCompiler_object_inline_stack_2843.children }), (nextFallbackChildren & ConcurrentMode) === NoMode && workInProgress.child !== componentStack - ? ((JSCompiler_object_inline_stack_2835 = workInProgress.child), - (JSCompiler_object_inline_stack_2835.childLanes = 0), - (JSCompiler_object_inline_stack_2835.pendingProps = - JSCompiler_object_inline_message_2833), + ? ((JSCompiler_object_inline_stack_2843 = workInProgress.child), + (JSCompiler_object_inline_stack_2843.childLanes = 0), + (JSCompiler_object_inline_stack_2843.pendingProps = + JSCompiler_object_inline_message_2841), workInProgress.mode & ProfileMode && - ((JSCompiler_object_inline_stack_2835.actualDuration = -0), - (JSCompiler_object_inline_stack_2835.actualStartTime = -1.1), - (JSCompiler_object_inline_stack_2835.selfBaseDuration = + ((JSCompiler_object_inline_stack_2843.actualDuration = -0), + (JSCompiler_object_inline_stack_2843.actualStartTime = -1.1), + (JSCompiler_object_inline_stack_2843.selfBaseDuration = componentStack.selfBaseDuration), - (JSCompiler_object_inline_stack_2835.treeBaseDuration = + (JSCompiler_object_inline_stack_2843.treeBaseDuration = componentStack.treeBaseDuration)), (workInProgress.deletions = null)) - : ((JSCompiler_object_inline_stack_2835 = createWorkInProgress( + : ((JSCompiler_object_inline_stack_2843 = createWorkInProgress( componentStack, - JSCompiler_object_inline_message_2833 + JSCompiler_object_inline_message_2841 )), - (JSCompiler_object_inline_stack_2835.subtreeFlags = + (JSCompiler_object_inline_stack_2843.subtreeFlags = componentStack.subtreeFlags & 65011712)), - null !== JSCompiler_object_inline_componentStack_2836 + null !== JSCompiler_object_inline_componentStack_2844 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_componentStack_2836, + JSCompiler_object_inline_componentStack_2844, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -11001,24 +11115,24 @@ __DEV__ && )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_2835.return = workInProgress), - (JSCompiler_object_inline_stack_2835.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_2835), - (JSCompiler_object_inline_stack_2835 = nextPrimaryChildren), + (JSCompiler_object_inline_stack_2843.return = workInProgress), + (JSCompiler_object_inline_stack_2843.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_2843), + (JSCompiler_object_inline_stack_2843 = nextPrimaryChildren), (nextPrimaryChildren = workInProgress.child), (nextFallbackChildren = current.child.memoizedState), null === nextFallbackChildren ? (nextFallbackChildren = mountSuspenseOffscreenState(renderLanes)) : ((componentStack = nextFallbackChildren.cachePool), null !== componentStack - ? ((JSCompiler_object_inline_componentStack_2836 = + ? ((JSCompiler_object_inline_componentStack_2844 = CacheContext._currentValue), (componentStack = componentStack.parent !== - JSCompiler_object_inline_componentStack_2836 + JSCompiler_object_inline_componentStack_2844 ? { - parent: JSCompiler_object_inline_componentStack_2836, - pool: JSCompiler_object_inline_componentStack_2836 + parent: JSCompiler_object_inline_componentStack_2844, + pool: JSCompiler_object_inline_componentStack_2844 } : componentStack)) : (componentStack = getSuspendedCache()), @@ -11029,35 +11143,35 @@ __DEV__ && (nextPrimaryChildren.memoizedState = nextFallbackChildren), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2834, + JSCompiler_object_inline_digest_2842, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2835 + JSCompiler_object_inline_stack_2843 ); pushPrimaryTreeSuspenseHandler(workInProgress); - JSCompiler_object_inline_digest_2834 = current.child; - current = JSCompiler_object_inline_digest_2834.sibling; - JSCompiler_object_inline_digest_2834 = createWorkInProgress( - JSCompiler_object_inline_digest_2834, + JSCompiler_object_inline_digest_2842 = current.child; + current = JSCompiler_object_inline_digest_2842.sibling; + JSCompiler_object_inline_digest_2842 = createWorkInProgress( + JSCompiler_object_inline_digest_2842, { mode: "visible", - children: JSCompiler_object_inline_stack_2835.children + children: JSCompiler_object_inline_stack_2843.children } ); (workInProgress.mode & ConcurrentMode) === NoMode && - (JSCompiler_object_inline_digest_2834.lanes = renderLanes); - JSCompiler_object_inline_digest_2834.return = workInProgress; - JSCompiler_object_inline_digest_2834.sibling = null; + (JSCompiler_object_inline_digest_2842.lanes = renderLanes); + JSCompiler_object_inline_digest_2842.return = workInProgress; + JSCompiler_object_inline_digest_2842.sibling = null; null !== current && ((renderLanes = workInProgress.deletions), null === renderLanes ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) : renderLanes.push(current)); - workInProgress.child = JSCompiler_object_inline_digest_2834; + workInProgress.child = JSCompiler_object_inline_digest_2842; workInProgress.memoizedState = null; - return JSCompiler_object_inline_digest_2834; + return JSCompiler_object_inline_digest_2842; } function mountSuspensePrimaryChildren(workInProgress, primaryChildren) { primaryChildren = mountWorkInProgressOffscreenFiber( @@ -15901,6 +16015,7 @@ __DEV__ && var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevDeepEquality = alreadyWarnedForDeepEquality, flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -15914,7 +16029,8 @@ __DEV__ && finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -15942,7 +16058,8 @@ __DEV__ && finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes )); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -16220,6 +16337,7 @@ __DEV__ && popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseReconnectPassiveEffects( finishedRoot, @@ -16265,7 +16383,8 @@ __DEV__ && ) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevDeepEquality = alreadyWarnedForDeepEquality; enableComponentPerformanceTrack && (finishedWork.mode & ProfileMode) !== NoMode && 0 < finishedWork.actualStartTime && @@ -16274,7 +16393,8 @@ __DEV__ && finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -16376,6 +16496,7 @@ __DEV__ && popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseAtomicPassiveEffects( finishedRoot, @@ -16413,6 +16534,7 @@ __DEV__ && committedTransitions, endTime ) { + var prevDeepEquality = alreadyWarnedForDeepEquality; enableComponentPerformanceTrack && (finishedWork.mode & ProfileMode) !== NoMode && 0 < finishedWork.actualStartTime && @@ -16421,7 +16543,8 @@ __DEV__ && finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -16459,6 +16582,7 @@ __DEV__ && endTime ); } + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyAccumulateSuspenseyCommit(parentFiber) { if (parentFiber.subtreeFlags & suspenseyCommitFlag) @@ -17474,7 +17598,15 @@ __DEV__ && debugTask = blockingUpdateTask; if (supportsUserTiming) { currentTrack = "Blocking"; - if (0 < clampedEventTime && null !== eventType) { + var eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0; + if ( + 0 < clampedEventTime && + null !== eventType && + eventEndTime > clampedEventTime + ) { var color = eventIsRepeat ? "secondary-light" : "warning"; debugTask ? debugTask.run( @@ -17482,9 +17614,7 @@ __DEV__ && console, eventIsRepeat ? "" : "Event: " + eventType, clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color @@ -17493,15 +17623,14 @@ __DEV__ && : console.timeStamp( eventIsRepeat ? "" : "Event: " + eventType, clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color ); } 0 < previousRenderStartTime && + renderStartTime$jscomp$0 > previousRenderStartTime && ((clampedEventTime = endTime ? "error" : (lanes & 738197653) === lanes @@ -17542,76 +17671,80 @@ __DEV__ && blockingEventIsRepeat = !0; blockingSpawnedUpdate = !1; } - if (0 !== (lanes & 4194048)) { - previousRenderStartTime = + 0 !== (lanes & 4194048) && + ((previousRenderStartTime = 0 <= transitionStartTime && transitionStartTime < transitionClampTime ? transitionClampTime - : transitionStartTime; - endTime = + : transitionStartTime), + (endTime = 0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime ? transitionClampTime - : transitionUpdateTime; - renderStartTime$jscomp$0 = + : transitionUpdateTime), + (clampedEventTime = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime - : transitionEventTime; + : transitionEventTime), 0 <= transitionSuspendedTime && (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= renderStartTime$jscomp$0 - ? renderStartTime$jscomp$0 + 0 <= clampedEventTime + ? clampedEventTime : 0 <= endTime ? endTime : renderStartTime, lanes - )); - 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 - : eventType; - eventIsRepeat - ? eventIsRepeat.run( + )), + (eventType = transitionEventType), + (eventIsRepeat = transitionEventIsRepeat), + (renderStartTime$jscomp$0 = renderStartTime), + (debugTask = transitionUpdateTask), + supportsUserTiming && + ((currentTrack = "Transition"), + (eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : 0 < endTime + ? endTime + : renderStartTime$jscomp$0), + 0 < clampedEventTime && + eventEndTime > clampedEventTime && + null !== eventType && + ((color = eventIsRepeat ? "secondary-light" : "warning"), + debugTask + ? debugTask.run( console.timeStamp.bind( console, - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color ) ) : console.timeStamp( - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color - ); - } + )), + (clampedEventTime = + 0 < endTime ? endTime : renderStartTime$jscomp$0), 0 < previousRenderStartTime && - (eventIsRepeat - ? eventIsRepeat.run( + clampedEventTime > previousRenderStartTime && + (debugTask + ? debugTask.run( console.timeStamp.bind( console, "Action", previousRenderStartTime, - 0 < endTime ? endTime : eventType, + clampedEventTime, currentTrack, LANES_TRACK_GROUP, "primary-dark" @@ -17620,38 +17753,41 @@ __DEV__ && : console.timeStamp( "Action", previousRenderStartTime, - 0 < endTime ? endTime : eventType, + clampedEventTime, currentTrack, LANES_TRACK_GROUP, "primary-dark" - )); + )), 0 < endTime && - (eventIsRepeat - ? eventIsRepeat.run( + renderStartTime$jscomp$0 > endTime && + (debugTask + ? debugTask.run( console.timeStamp.bind( console, - 5 < eventType - endTime ? "Update Blocked" : "Update", + 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", endTime, - eventType, + renderStartTime$jscomp$0, currentTrack, LANES_TRACK_GROUP, "primary-light" ) ) : console.timeStamp( - 5 < eventType - endTime ? "Update Blocked" : "Update", + 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", endTime, - eventType, + renderStartTime$jscomp$0, currentTrack, LANES_TRACK_GROUP, "primary-light" - )); - } - transitionUpdateTime = transitionStartTime = -1.1; - transitionUpdateTask = null; - transitionSuspendedTime = -1.1; - transitionEventIsRepeat = !0; - } + ))), + (transitionUpdateTime = transitionStartTime = -1.1), + (transitionUpdateTask = null), + (transitionSuspendedTime = -1.1), + (transitionEventIsRepeat = !0)); } previousRenderStartTime = root.timeoutHandle; previousRenderStartTime !== noTimeout && @@ -26261,12 +26397,33 @@ __DEV__ && COMPLEX_ARRAY = 1, PRIMITIVE_ARRAY = 2, ENTRIES_ARRAY = 3, + REMOVED = "\u2013\u00a0", + ADDED = "+\u00a0", + UNCHANGED = "\u2007\u00a0", supportsUserTiming = "undefined" !== typeof console && - "function" === typeof console.timeStamp, + "function" === typeof console.timeStamp && + "undefined" !== typeof performance && + "function" === typeof performance.measure, COMPONENTS_TRACK = "Components \u269b", LANES_TRACK_GROUP = "Scheduler \u269b", currentTrack = "Blocking", + alreadyWarnedForDeepEquality = !1, + reusableComponentDevToolDetails = { + color: "primary", + properties: null, + tooltipText: "", + track: COMPONENTS_TRACK + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }, + resuableChangedPropsEntry = ["Changed Props", ""], + DEEP_EQUALITY_WARNING = + "This component received deeply equal props. It might benefit from useMemo or the React Compiler in its owner.", + reusableDeeplyEqualPropsEntry = ["Changed Props", DEEP_EQUALITY_WARNING], OffscreenVisible = 1, OffscreenPassiveEffectsConnected = 2, concurrentQueues = [], @@ -28845,11 +29002,11 @@ __DEV__ && }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-native-fb-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-native-fb-0b78161d-20250702" !== 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-native-fb-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-native-fb-0b78161d-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -28886,10 +29043,10 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.2.0-native-fb-73aa744b-20250702", + version: "19.2.0-native-fb-0b78161d-20250702", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-73aa744b-20250702" + reconcilerVersion: "19.2.0-native-fb-0b78161d-20250702" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -29027,5 +29184,5 @@ __DEV__ && listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.2.0-native-fb-73aa744b-20250702"; + exports.version = "19.2.0-native-fb-0b78161d-20250702"; })(); diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-prod.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-prod.js index 680493ea62..0755cd7851 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-prod.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-prod.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<32ad67fc1ac107059c56706c1c28603c>> + * @generated SignedSource<<820b7a3bed6d3a4853bdd8e1280d651c>> */ /* @@ -17119,14 +17119,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2004 = React.version; if ( - "19.2.0-native-fb-73aa744b-20250702" !== + "19.2.0-native-fb-0b78161d-20250702" !== isomorphicReactPackageVersion$jscomp$inline_2004 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2004, - "19.2.0-native-fb-73aa744b-20250702" + "19.2.0-native-fb-0b78161d-20250702" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -17148,10 +17148,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_2523 = { bundleType: 0, - version: "19.2.0-native-fb-73aa744b-20250702", + version: "19.2.0-native-fb-0b78161d-20250702", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-73aa744b-20250702" + reconcilerVersion: "19.2.0-native-fb-0b78161d-20250702" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2524 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -17249,4 +17249,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.2.0-native-fb-73aa744b-20250702"; +exports.version = "19.2.0-native-fb-0b78161d-20250702"; diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-profiling.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-profiling.js index 36e23c78de..f2eff0d24e 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-profiling.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMClient-profiling.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<<2a883e4cfbf078efca26141e12c242ec>> */ /* @@ -2537,7 +2537,9 @@ var reportGlobalError = console.error(error); }, supportsUserTiming = - "undefined" !== typeof console && "function" === typeof console.timeStamp, + "undefined" !== typeof console && + "function" === typeof console.timeStamp && + !0, currentTrack = "Blocking"; function setCurrentTrackFromLanes(lanes) { currentTrack = @@ -2553,23 +2555,33 @@ function setCurrentTrackFromLanes(lanes) { } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - console.timeStamp( - trigger, - startTime, - endTime, - "Components \u269b", - void 0, - "warning" - ); + ((reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = trigger), + (reusableComponentDevToolDetails.properties = null), + performance.measure(trigger, reusableComponentOptions)); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); } +var reusableComponentDevToolDetails = { + color: "primary", + properties: null, + tooltipText: "", + track: "Components \u269b" + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }; function logComponentRender(fiber, startTime, endTime, wasHydrated) { var name = getComponentNameFromFiber(fiber); if (null !== name && supportsUserTiming) { - var selfTime = fiber.actualDuration; - if (null === fiber.alternate || fiber.alternate.child !== fiber.child) + var alternate = fiber.alternate, + selfTime = fiber.actualDuration; + if (null === alternate || alternate.child !== fiber.child) for (fiber = fiber.child; null !== fiber; fiber = fiber.sibling) selfTime -= fiber.actualDuration; console.timeStamp( @@ -13277,21 +13289,25 @@ function prepareFreshStack(root, lanes) { eventIsRepeat = blockingEventIsRepeat, isSpawnedUpdate = blockingSpawnedUpdate, renderStartTime$jscomp$0 = renderStartTime; - supportsUserTiming && - ((currentTrack = "Blocking"), + if (supportsUserTiming) { + currentTrack = "Blocking"; + var eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0; 0 < endTime && null !== eventType && + eventEndTime > endTime && console.timeStamp( eventIsRepeat ? "" : "Event: " + eventType, endTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, "Scheduler \u269b", eventIsRepeat ? "secondary-light" : "warning" - ), + ); 0 < previousRenderStartTime && + renderStartTime$jscomp$0 > previousRenderStartTime && console.timeStamp( isSpawnedUpdate ? "Cascading Update" @@ -13307,7 +13323,8 @@ function prepareFreshStack(root, lanes) { : (lanes & 738197653) === lanes ? "tertiary-light" : "primary-light" - )); + ); + } blockingSuspendedTime = blockingUpdateTime = -1.1; blockingEventIsRepeat = !0; blockingSpawnedUpdate = !1; @@ -13321,7 +13338,7 @@ function prepareFreshStack(root, lanes) { 0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime ? transitionClampTime : transitionUpdateTime), - (eventType = + (eventIsRepeat = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime : transitionEventTime), @@ -13329,44 +13346,52 @@ function prepareFreshStack(root, lanes) { (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= eventType ? eventType : 0 <= endTime ? endTime : renderStartTime, + 0 <= eventIsRepeat + ? eventIsRepeat + : 0 <= endTime + ? endTime + : renderStartTime, lanes )), - (eventIsRepeat = transitionEventType), - (isSpawnedUpdate = transitionEventIsRepeat), - (renderStartTime$jscomp$0 = renderStartTime), + (isSpawnedUpdate = transitionEventType), + (renderStartTime$jscomp$0 = transitionEventIsRepeat), + (eventType = renderStartTime), supportsUserTiming && ((currentTrack = "Transition"), - 0 < eventType && - null !== eventIsRepeat && + (eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : 0 < endTime + ? endTime + : eventType), + 0 < eventIsRepeat && + eventEndTime > eventIsRepeat && + null !== isSpawnedUpdate && console.timeStamp( - isSpawnedUpdate ? "" : "Event: " + eventIsRepeat, - eventType, - 0 < previousRenderStartTime - ? previousRenderStartTime - : 0 < endTime - ? endTime - : renderStartTime$jscomp$0, + renderStartTime$jscomp$0 ? "" : "Event: " + isSpawnedUpdate, + eventIsRepeat, + eventEndTime, currentTrack, "Scheduler \u269b", - isSpawnedUpdate ? "secondary-light" : "warning" + renderStartTime$jscomp$0 ? "secondary-light" : "warning" ), + (eventIsRepeat = 0 < endTime ? endTime : eventType), 0 < previousRenderStartTime && + eventIsRepeat > previousRenderStartTime && console.timeStamp( "Action", previousRenderStartTime, - 0 < endTime ? endTime : renderStartTime$jscomp$0, + eventIsRepeat, currentTrack, "Scheduler \u269b", "primary-dark" ), 0 < endTime && + eventType > endTime && console.timeStamp( - 5 < renderStartTime$jscomp$0 - endTime - ? "Update Blocked" - : "Update", + 5 < eventType - endTime ? "Update Blocked" : "Update", endTime, - renderStartTime$jscomp$0, + eventType, currentTrack, "Scheduler \u269b", "primary-light" @@ -14904,20 +14929,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_1864 = 0; - i$jscomp$inline_1864 < simpleEventPluginEvents.length; - i$jscomp$inline_1864++ + var i$jscomp$inline_1866 = 0; + i$jscomp$inline_1866 < simpleEventPluginEvents.length; + i$jscomp$inline_1866++ ) { - var eventName$jscomp$inline_1865 = - simpleEventPluginEvents[i$jscomp$inline_1864], - domEventName$jscomp$inline_1866 = - eventName$jscomp$inline_1865.toLowerCase(), - capitalizedEvent$jscomp$inline_1867 = - eventName$jscomp$inline_1865[0].toUpperCase() + - eventName$jscomp$inline_1865.slice(1); + var eventName$jscomp$inline_1867 = + simpleEventPluginEvents[i$jscomp$inline_1866], + domEventName$jscomp$inline_1868 = + eventName$jscomp$inline_1867.toLowerCase(), + capitalizedEvent$jscomp$inline_1869 = + eventName$jscomp$inline_1867[0].toUpperCase() + + eventName$jscomp$inline_1867.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1866, - "on" + capitalizedEvent$jscomp$inline_1867 + domEventName$jscomp$inline_1868, + "on" + capitalizedEvent$jscomp$inline_1869 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -19049,16 +19074,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_2242 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_2244 = React.version; if ( - "19.2.0-native-fb-73aa744b-20250702" !== - isomorphicReactPackageVersion$jscomp$inline_2242 + "19.2.0-native-fb-0b78161d-20250702" !== + isomorphicReactPackageVersion$jscomp$inline_2244 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_2242, - "19.2.0-native-fb-73aa744b-20250702" + isomorphicReactPackageVersion$jscomp$inline_2244, + "19.2.0-native-fb-0b78161d-20250702" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -19078,12 +19103,12 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2249 = { +var internals$jscomp$inline_2251 = { bundleType: 0, - version: "19.2.0-native-fb-73aa744b-20250702", + version: "19.2.0-native-fb-0b78161d-20250702", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-73aa744b-20250702", + reconcilerVersion: "19.2.0-native-fb-0b78161d-20250702", getLaneLabelMap: function () { for ( var map = new Map(), lane = 1, index$319 = 0; @@ -19101,16 +19126,16 @@ var internals$jscomp$inline_2249 = { } }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2762 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2764 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2762.isDisabled && - hook$jscomp$inline_2762.supportsFiber + !hook$jscomp$inline_2764.isDisabled && + hook$jscomp$inline_2764.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2762.inject( - internals$jscomp$inline_2249 + (rendererID = hook$jscomp$inline_2764.inject( + internals$jscomp$inline_2251 )), - (injectedHook = hook$jscomp$inline_2762); + (injectedHook = hook$jscomp$inline_2764); } catch (err) {} } exports.createRoot = function (container, options) { @@ -19196,4 +19221,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.2.0-native-fb-73aa744b-20250702"; +exports.version = "19.2.0-native-fb-0b78161d-20250702"; diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-dev.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-dev.js index 49d123b2ed..eb81a0c0fe 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-dev.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-dev.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<806876adfc32227f17fbceee6ade0b12>> + * @generated SignedSource<<920d247822050f442d4138bca6141a04>> */ /* @@ -3895,13 +3895,19 @@ __DEV__ && } return kind; } - function addObjectToProperties(object, properties, indent) { + function addObjectToProperties(object, properties, indent, prefix) { for (var key in object) hasOwnProperty.call(object, key) && "_" !== key[0] && - addValueToProperties(key, object[key], properties, indent); + addValueToProperties(key, object[key], properties, indent, prefix); } - function addValueToProperties(propertyName, value, properties, indent) { + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { switch (typeof value) { case "object": if (null === value) { @@ -3928,11 +3934,17 @@ __DEV__ && break; } properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "<" + typeName ]); null !== key && - addValueToProperties("key", key, properties, indent + 1); + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); propertyName = !1; for (var propKey in value) "children" === propKey @@ -3946,7 +3958,8 @@ __DEV__ && propKey, value[propKey], properties, - indent + 1 + indent + 1, + prefix ); properties.push([ "", @@ -3965,7 +3978,7 @@ __DEV__ && break; } else if (propKey === ENTRIES_ARRAY) { properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "" ]); for ( @@ -3978,7 +3991,8 @@ __DEV__ && typeName[0], typeName[1], properties, - indent + 1 + indent + 1, + prefix ); return; } @@ -3990,7 +4004,8 @@ __DEV__ && propertyName, value.value, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -4006,7 +4021,8 @@ __DEV__ && propertyName, value.reason, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -4025,10 +4041,11 @@ __DEV__ && "function" === typeof propKey.constructor && (typeName = propKey.constructor.name); properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName ]); - 3 > indent && addObjectToProperties(value, properties, indent + 1); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); return; } case "function": @@ -4047,7 +4064,115 @@ __DEV__ && default: value = String(value); } - properties.push(["\u00a0\u00a0".repeat(indent) + propertyName, value]); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); + } + function addObjectDiffToProperties(prev, next, properties, indent) { + var isDeeplyEqual = !0; + for (key in prev) + key in next || + (properties.push([ + REMOVED + "\u00a0\u00a0".repeat(indent) + key, + "\u2026" + ]), + (isDeeplyEqual = !1)); + for (var _key in next) + if (_key in prev) { + var key = prev[_key]; + var nextValue = next[_key]; + if (key !== nextValue) { + if (0 === indent && "children" === _key) + (isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key), + properties.push( + [REMOVED + isDeeplyEqual, "\u2026"], + [ADDED + isDeeplyEqual, "\u2026"] + ); + else { + if (!(3 <= indent)) + if ( + "object" === typeof key && + "object" === typeof nextValue && + null !== key && + null !== nextValue && + key.$$typeof === nextValue.$$typeof + ) + if (nextValue.$$typeof === REACT_ELEMENT_TYPE) { + if ( + key.type === nextValue.type && + key.key === nextValue.key + ) { + key = + getComponentNameFromType(nextValue.type) || "\u2026"; + isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key; + key = "<" + key + " \u2026 />"; + properties.push( + [REMOVED + isDeeplyEqual, key], + [ADDED + isDeeplyEqual, key] + ); + isDeeplyEqual = !1; + continue; + } + } else { + var prevKind = Object.prototype.toString.call(key), + nextKind = Object.prototype.toString.call(nextValue); + if ( + prevKind === nextKind && + ("[object Object]" === nextKind || + "[object Array]" === nextKind) + ) { + prevKind = [ + UNCHANGED + "\u00a0\u00a0".repeat(indent) + _key, + "[object Array]" === nextKind ? "Array" : "" + ]; + properties.push(prevKind); + nextKind = properties.length; + addObjectDiffToProperties( + key, + nextValue, + properties, + indent + 1 + ) + ? nextKind === properties.length && + (prevKind[1] = + "Referentially unequal but deeply equal objects. Consider memoization.") + : (isDeeplyEqual = !1); + continue; + } + } + else if ( + "function" === typeof key && + "function" === typeof nextValue && + key.name === nextValue.name && + key.length === nextValue.length && + ((prevKind = Function.prototype.toString.call(key)), + (nextKind = Function.prototype.toString.call(nextValue)), + prevKind === nextKind) + ) { + key = + "" === nextValue.name + ? "() => {}" + : nextValue.name + "() {}"; + properties.push([ + UNCHANGED + "\u00a0\u00a0".repeat(indent) + _key, + key + + " Referentially unequal function closure. Consider memoization." + ]); + continue; + } + addValueToProperties(_key, key, properties, indent, REMOVED); + addValueToProperties(_key, nextValue, properties, indent, ADDED); + } + isDeeplyEqual = !1; + } + } else + properties.push([ + ADDED + "\u00a0\u00a0".repeat(indent) + _key, + "\u2026" + ]), + (isDeeplyEqual = !1); + return isDeeplyEqual; } function setCurrentTrackFromLanes(lanes) { currentTrack = @@ -4063,35 +4188,36 @@ __DEV__ && } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - ((fiber = fiber._debugTask) + ((reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = trigger), + (reusableComponentDevToolDetails.properties = null), + (fiber = fiber._debugTask) ? fiber.run( - console.timeStamp.bind( - console, + performance.measure.bind( + performance, trigger, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "warning" + reusableComponentOptions ) ) - : console.timeStamp( - trigger, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "warning" - )); + : performance.measure(trigger, reusableComponentOptions)); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); } - function logComponentRender(fiber, startTime, endTime, wasHydrated) { + function logComponentRender( + fiber, + startTime, + endTime, + wasHydrated, + committedLanes + ) { var name = getComponentNameFromFiber(fiber); if (null !== name && supportsUserTiming) { - var selfTime = fiber.actualDuration; - if (null === fiber.alternate || fiber.alternate.child !== fiber.child) + var alternate = fiber.alternate, + selfTime = fiber.actualDuration; + if (null === alternate || alternate.child !== fiber.child) for (var child = fiber.child; null !== child; child = child.sibling) selfTime -= child.actualDuration; wasHydrated = @@ -4108,142 +4234,154 @@ __DEV__ && ? "tertiary-dark" : "primary-dark" : "error"; - (fiber = fiber._debugTask) - ? fiber.run( - console.timeStamp.bind( - console, + if ((selfTime = fiber._debugTask)) { + var props = fiber.memoizedProps; + if ( + null !== props && + null !== alternate && + alternate.memoizedProps !== props && + ((child = [resuableChangedPropsEntry]), + (props = addObjectDiffToProperties( + alternate.memoizedProps, + props, + child, + 0 + )), + 1 < child.length) + ) { + props && + !alreadyWarnedForDeepEquality && + 0 === (alternate.lanes & committedLanes) && + 100 < fiber.actualDuration + ? ((alreadyWarnedForDeepEquality = !0), + (child[0] = reusableDeeplyEqualPropsEntry), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = + DEEP_EQUALITY_WARNING)) + : ((reusableComponentDevToolDetails.color = wasHydrated), + (reusableComponentDevToolDetails.tooltipText = name)); + reusableComponentDevToolDetails.properties = child; + reusableComponentOptions.start = startTime; + reusableComponentOptions.end = endTime; + selfTime.run( + performance.measure.bind( + performance, name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - wasHydrated + reusableComponentOptions ) - ) - : console.timeStamp( + ); + return; + } + selfTime.run( + console.timeStamp.bind( + console, name, startTime, endTime, COMPONENTS_TRACK, void 0, wasHydrated - ); + ) + ); + } else + 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) - if ( - "undefined" !== typeof performance && - "function" === typeof performance.measure + if (null !== name) { + for ( + var debugTask = null, properties = [], i = 0; + i < errors.length; + i++ ) { - for ( - var debugTask = null, properties = [], i = 0; - i < errors.length; - i++ - ) { - var capturedValue = errors[i]; - null == debugTask && - null !== capturedValue.source && - (debugTask = capturedValue.source._debugTask); - capturedValue = capturedValue.value; - properties.push([ - "Error", - "object" === typeof capturedValue && - null !== capturedValue && - "string" === typeof capturedValue.message - ? String(capturedValue.message) - : String(capturedValue) - ]); - } - null !== fiber.key && - addValueToProperties("key", fiber.key, properties, 0); - null !== fiber.memoizedProps && - addObjectToProperties(fiber.memoizedProps, properties, 0); - null == debugTask && (debugTask = fiber._debugTask); - fiber = { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: COMPONENTS_TRACK, - tooltipText: - 13 === fiber.tag - ? "Hydration failed" - : "Error boundary caught an error", - properties: properties - } + var capturedValue = errors[i]; + null == debugTask && + null !== capturedValue.source && + (debugTask = capturedValue.source._debugTask); + capturedValue = capturedValue.value; + properties.push([ + "Error", + "object" === typeof capturedValue && + null !== capturedValue && + "string" === typeof capturedValue.message + ? String(capturedValue.message) + : String(capturedValue) + ]); + } + null !== fiber.key && + addValueToProperties("key", fiber.key, properties, 0, ""); + null !== fiber.memoizedProps && + addObjectToProperties(fiber.memoizedProps, properties, 0, ""); + null == debugTask && (debugTask = fiber._debugTask); + fiber = { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: COMPONENTS_TRACK, + tooltipText: + 13 === fiber.tag + ? "Hydration failed" + : "Error boundary caught an error", + properties: properties } - }; - debugTask - ? debugTask.run( - performance.measure.bind(performance, name, fiber) - ) - : performance.measure(name, fiber); - } else - console.timeStamp( - name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "error" - ); + } + }; + debugTask + ? debugTask.run(performance.measure.bind(performance, name, fiber)) + : performance.measure(name, fiber); + } } } function logComponentEffect(fiber, startTime, endTime, selfTime, errors) { if (null !== errors) { 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) - ]); - } - null !== fiber.key && - addValueToProperties("key", fiber.key, selfTime, 0); - null !== fiber.memoizedProps && - addObjectToProperties(fiber.memoizedProps, selfTime, 0); - startTime = { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: COMPONENTS_TRACK, - tooltipText: "A lifecycle or effect errored", - properties: selfTime - } + if (null !== name) { + selfTime = []; + for (var i = 0; i < errors.length; i++) { + var error = errors[i].value; + selfTime.push([ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + null !== fiber.key && + addValueToProperties("key", fiber.key, selfTime, 0, ""); + null !== fiber.memoizedProps && + addObjectToProperties(fiber.memoizedProps, selfTime, 0, ""); + startTime = { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: COMPONENTS_TRACK, + tooltipText: "A lifecycle or effect errored", + properties: selfTime } - }; - (fiber = fiber._debugTask) - ? fiber.run( - performance.measure.bind(performance, name, startTime) - ) - : performance.measure(name, startTime); - } else - console.timeStamp( - name, - startTime, - endTime, - COMPONENTS_TRACK, - void 0, - "error" - ); + } + }; + (fiber = fiber._debugTask) + ? fiber.run( + performance.measure.bind(performance, name, startTime) + ) + : performance.measure(name, startTime); + } } } else (name = getComponentNameFromFiber(fiber)), @@ -4307,47 +4445,35 @@ __DEV__ && recoverableErrors, hydrationFailed ) { - 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 - } + 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: 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 && @@ -4361,46 +4487,34 @@ __DEV__ && ); } function logCommitErrored(startTime, endTime, errors, passive) { - 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 - } + 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: 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 finishQueueingConcurrentUpdates() { for ( @@ -10677,24 +10791,24 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2839; - var JSCompiler_object_inline_stack_2840 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2847; + var JSCompiler_object_inline_stack_2848 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2838 = !1; + var JSCompiler_object_inline_message_2846 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2839 = didSuspend) || - (JSCompiler_object_inline_digest_2839 = + (JSCompiler_object_inline_digest_2847 = didSuspend) || + (JSCompiler_object_inline_digest_2847 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2839 && - ((JSCompiler_object_inline_message_2838 = !0), + JSCompiler_object_inline_digest_2847 && + ((JSCompiler_object_inline_message_2846 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2839 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2847 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2838 + JSCompiler_object_inline_message_2846 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); (renderLanes = nextHydratableInstance) @@ -10707,18 +10821,18 @@ __DEV__ && ? current : null), null !== current && - ((JSCompiler_object_inline_digest_2839 = { + ((JSCompiler_object_inline_digest_2847 = { dehydrated: current, treeContext: getSuspendedTreeContext(), retryLane: 536870912, hydrationErrors: null }), (workInProgress.memoizedState = - JSCompiler_object_inline_digest_2839), - (JSCompiler_object_inline_digest_2839 = + JSCompiler_object_inline_digest_2847), + (JSCompiler_object_inline_digest_2847 = createFiberFromDehydratedFragment(current)), - (JSCompiler_object_inline_digest_2839.return = workInProgress), - (workInProgress.child = JSCompiler_object_inline_digest_2839), + (JSCompiler_object_inline_digest_2847.return = workInProgress), + (workInProgress.child = JSCompiler_object_inline_digest_2847), (hydrationParentFiber = workInProgress), (nextHydratableInstance = null))) : (current = null); @@ -10732,12 +10846,12 @@ __DEV__ && : (workInProgress.lanes = 536870912); return null; } - var nextPrimaryChildren = JSCompiler_object_inline_stack_2840.children, - nextFallbackChildren = JSCompiler_object_inline_stack_2840.fallback; - if (JSCompiler_object_inline_message_2838) + var nextPrimaryChildren = JSCompiler_object_inline_stack_2848.children, + nextFallbackChildren = JSCompiler_object_inline_stack_2848.fallback; + if (JSCompiler_object_inline_message_2846) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2840 = + (JSCompiler_object_inline_stack_2848 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10749,19 +10863,19 @@ __DEV__ && mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2839, + JSCompiler_object_inline_digest_2847, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2840 + JSCompiler_object_inline_stack_2848 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2840.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2848.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2840 = + (JSCompiler_object_inline_stack_2848 = mountSuspenseFallbackChildren( workInProgress, nextPrimaryChildren, @@ -10773,12 +10887,12 @@ __DEV__ && mountSuspenseOffscreenState(renderLanes)), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2839, + JSCompiler_object_inline_digest_2847, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2840 + JSCompiler_object_inline_stack_2848 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( @@ -10788,8 +10902,8 @@ __DEV__ && } var prevState = current.memoizedState; if (null !== prevState) { - var JSCompiler_object_inline_componentStack_2841 = prevState.dehydrated; - if (null !== JSCompiler_object_inline_componentStack_2841) { + var JSCompiler_object_inline_componentStack_2849 = prevState.dehydrated; + if (null !== JSCompiler_object_inline_componentStack_2849) { if (didSuspend) workInProgress.flags & 256 ? (pushPrimaryTreeSuspenseHandler(workInProgress), @@ -10806,13 +10920,13 @@ __DEV__ && (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), (nextPrimaryChildren = - JSCompiler_object_inline_stack_2840.fallback), + JSCompiler_object_inline_stack_2848.fallback), (nextFallbackChildren = workInProgress.mode), - (JSCompiler_object_inline_stack_2840 = + (JSCompiler_object_inline_stack_2848 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2840.children + children: JSCompiler_object_inline_stack_2848.children }, nextFallbackChildren )), @@ -10823,11 +10937,11 @@ __DEV__ && null )), (nextPrimaryChildren.flags |= 2), - (JSCompiler_object_inline_stack_2840.return = workInProgress), + (JSCompiler_object_inline_stack_2848.return = workInProgress), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_2840.sibling = + (JSCompiler_object_inline_stack_2848.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_2840), + (workInProgress.child = JSCompiler_object_inline_stack_2848), (workInProgress.mode & ConcurrentMode) !== NoMode && reconcileChildFibers( workInProgress, @@ -10835,13 +10949,13 @@ __DEV__ && null, renderLanes ), - (JSCompiler_object_inline_stack_2840 = workInProgress.child), - (JSCompiler_object_inline_stack_2840.memoizedState = + (JSCompiler_object_inline_stack_2848 = workInProgress.child), + (JSCompiler_object_inline_stack_2848.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2840.childLanes = + (JSCompiler_object_inline_stack_2848.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2839, + JSCompiler_object_inline_digest_2847, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -10850,45 +10964,45 @@ __DEV__ && (pushPrimaryTreeSuspenseHandler(workInProgress), warnIfHydrating(), isSuspenseInstanceFallback( - JSCompiler_object_inline_componentStack_2841 + JSCompiler_object_inline_componentStack_2849 )) ) { - JSCompiler_object_inline_digest_2839 = - JSCompiler_object_inline_componentStack_2841.nextSibling && - JSCompiler_object_inline_componentStack_2841.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2839) { - nextPrimaryChildren = JSCompiler_object_inline_digest_2839.dgst; - var message = JSCompiler_object_inline_digest_2839.msg; - nextFallbackChildren = JSCompiler_object_inline_digest_2839.stck; - var componentStack = JSCompiler_object_inline_digest_2839.cstck; + JSCompiler_object_inline_digest_2847 = + JSCompiler_object_inline_componentStack_2849.nextSibling && + JSCompiler_object_inline_componentStack_2849.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2847) { + nextPrimaryChildren = JSCompiler_object_inline_digest_2847.dgst; + var message = JSCompiler_object_inline_digest_2847.msg; + nextFallbackChildren = JSCompiler_object_inline_digest_2847.stck; + var componentStack = JSCompiler_object_inline_digest_2847.cstck; } - JSCompiler_object_inline_message_2838 = message; - JSCompiler_object_inline_digest_2839 = nextPrimaryChildren; - JSCompiler_object_inline_stack_2840 = nextFallbackChildren; - JSCompiler_object_inline_componentStack_2841 = componentStack; - nextPrimaryChildren = JSCompiler_object_inline_message_2838; - nextFallbackChildren = JSCompiler_object_inline_componentStack_2841; + JSCompiler_object_inline_message_2846 = message; + JSCompiler_object_inline_digest_2847 = nextPrimaryChildren; + JSCompiler_object_inline_stack_2848 = nextFallbackChildren; + JSCompiler_object_inline_componentStack_2849 = componentStack; + nextPrimaryChildren = JSCompiler_object_inline_message_2846; + nextFallbackChildren = JSCompiler_object_inline_componentStack_2849; nextPrimaryChildren = nextPrimaryChildren ? Error(nextPrimaryChildren) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); nextPrimaryChildren.stack = - JSCompiler_object_inline_stack_2840 || ""; - nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2839; - JSCompiler_object_inline_digest_2839 = + JSCompiler_object_inline_stack_2848 || ""; + nextPrimaryChildren.digest = JSCompiler_object_inline_digest_2847; + JSCompiler_object_inline_digest_2847 = void 0 === nextFallbackChildren ? null : nextFallbackChildren; - JSCompiler_object_inline_stack_2840 = { + JSCompiler_object_inline_stack_2848 = { value: nextPrimaryChildren, source: null, - stack: JSCompiler_object_inline_digest_2839 + stack: JSCompiler_object_inline_digest_2847 }; - "string" === typeof JSCompiler_object_inline_digest_2839 && + "string" === typeof JSCompiler_object_inline_digest_2847 && CapturedStacks.set( nextPrimaryChildren, - JSCompiler_object_inline_stack_2840 + JSCompiler_object_inline_stack_2848 ); - queueHydrationError(JSCompiler_object_inline_stack_2840); + queueHydrationError(JSCompiler_object_inline_stack_2848); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -10902,35 +11016,35 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2839 = + (JSCompiler_object_inline_digest_2847 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2839) + didReceiveUpdate || JSCompiler_object_inline_digest_2847) ) { - JSCompiler_object_inline_digest_2839 = workInProgressRoot; + JSCompiler_object_inline_digest_2847 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2839 && - ((JSCompiler_object_inline_stack_2840 = getBumpedLaneForHydration( - JSCompiler_object_inline_digest_2839, + null !== JSCompiler_object_inline_digest_2847 && + ((JSCompiler_object_inline_stack_2848 = getBumpedLaneForHydration( + JSCompiler_object_inline_digest_2847, renderLanes )), - 0 !== JSCompiler_object_inline_stack_2840 && - JSCompiler_object_inline_stack_2840 !== prevState.retryLane) + 0 !== JSCompiler_object_inline_stack_2848 && + JSCompiler_object_inline_stack_2848 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2840), + ((prevState.retryLane = JSCompiler_object_inline_stack_2848), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2840 + JSCompiler_object_inline_stack_2848 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2839, + JSCompiler_object_inline_digest_2847, current, - JSCompiler_object_inline_stack_2840 + JSCompiler_object_inline_stack_2848 ), SelectiveHydrationException) ); isSuspenseInstancePending( - JSCompiler_object_inline_componentStack_2841 + JSCompiler_object_inline_componentStack_2849 ) || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10939,14 +11053,14 @@ __DEV__ && ); } else isSuspenseInstancePending( - JSCompiler_object_inline_componentStack_2841 + JSCompiler_object_inline_componentStack_2849 ) ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((renderLanes = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_componentStack_2841.nextSibling + JSCompiler_object_inline_componentStack_2849.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10958,47 +11072,47 @@ __DEV__ && restoreSuspendedTreeContext(workInProgress, renderLanes), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2840.children + JSCompiler_object_inline_stack_2848.children )), (workInProgress.flags |= 4096)); return workInProgress; } } - if (JSCompiler_object_inline_message_2838) + if (JSCompiler_object_inline_message_2846) return ( reuseSuspenseHandlerOnStack(workInProgress), - (nextPrimaryChildren = JSCompiler_object_inline_stack_2840.fallback), + (nextPrimaryChildren = JSCompiler_object_inline_stack_2848.fallback), (nextFallbackChildren = workInProgress.mode), (componentStack = current.child), - (JSCompiler_object_inline_componentStack_2841 = + (JSCompiler_object_inline_componentStack_2849 = componentStack.sibling), - (JSCompiler_object_inline_message_2838 = { + (JSCompiler_object_inline_message_2846 = { mode: "hidden", - children: JSCompiler_object_inline_stack_2840.children + children: JSCompiler_object_inline_stack_2848.children }), (nextFallbackChildren & ConcurrentMode) === NoMode && workInProgress.child !== componentStack - ? ((JSCompiler_object_inline_stack_2840 = workInProgress.child), - (JSCompiler_object_inline_stack_2840.childLanes = 0), - (JSCompiler_object_inline_stack_2840.pendingProps = - JSCompiler_object_inline_message_2838), + ? ((JSCompiler_object_inline_stack_2848 = workInProgress.child), + (JSCompiler_object_inline_stack_2848.childLanes = 0), + (JSCompiler_object_inline_stack_2848.pendingProps = + JSCompiler_object_inline_message_2846), workInProgress.mode & ProfileMode && - ((JSCompiler_object_inline_stack_2840.actualDuration = -0), - (JSCompiler_object_inline_stack_2840.actualStartTime = -1.1), - (JSCompiler_object_inline_stack_2840.selfBaseDuration = + ((JSCompiler_object_inline_stack_2848.actualDuration = -0), + (JSCompiler_object_inline_stack_2848.actualStartTime = -1.1), + (JSCompiler_object_inline_stack_2848.selfBaseDuration = componentStack.selfBaseDuration), - (JSCompiler_object_inline_stack_2840.treeBaseDuration = + (JSCompiler_object_inline_stack_2848.treeBaseDuration = componentStack.treeBaseDuration)), (workInProgress.deletions = null)) - : ((JSCompiler_object_inline_stack_2840 = createWorkInProgress( + : ((JSCompiler_object_inline_stack_2848 = createWorkInProgress( componentStack, - JSCompiler_object_inline_message_2838 + JSCompiler_object_inline_message_2846 )), - (JSCompiler_object_inline_stack_2840.subtreeFlags = + (JSCompiler_object_inline_stack_2848.subtreeFlags = componentStack.subtreeFlags & 65011712)), - null !== JSCompiler_object_inline_componentStack_2841 + null !== JSCompiler_object_inline_componentStack_2849 ? (nextPrimaryChildren = createWorkInProgress( - JSCompiler_object_inline_componentStack_2841, + JSCompiler_object_inline_componentStack_2849, nextPrimaryChildren )) : ((nextPrimaryChildren = createFiberFromFragment( @@ -11009,24 +11123,24 @@ __DEV__ && )), (nextPrimaryChildren.flags |= 2)), (nextPrimaryChildren.return = workInProgress), - (JSCompiler_object_inline_stack_2840.return = workInProgress), - (JSCompiler_object_inline_stack_2840.sibling = nextPrimaryChildren), - (workInProgress.child = JSCompiler_object_inline_stack_2840), - (JSCompiler_object_inline_stack_2840 = nextPrimaryChildren), + (JSCompiler_object_inline_stack_2848.return = workInProgress), + (JSCompiler_object_inline_stack_2848.sibling = nextPrimaryChildren), + (workInProgress.child = JSCompiler_object_inline_stack_2848), + (JSCompiler_object_inline_stack_2848 = nextPrimaryChildren), (nextPrimaryChildren = workInProgress.child), (nextFallbackChildren = current.child.memoizedState), null === nextFallbackChildren ? (nextFallbackChildren = mountSuspenseOffscreenState(renderLanes)) : ((componentStack = nextFallbackChildren.cachePool), null !== componentStack - ? ((JSCompiler_object_inline_componentStack_2841 = + ? ((JSCompiler_object_inline_componentStack_2849 = CacheContext._currentValue), (componentStack = componentStack.parent !== - JSCompiler_object_inline_componentStack_2841 + JSCompiler_object_inline_componentStack_2849 ? { - parent: JSCompiler_object_inline_componentStack_2841, - pool: JSCompiler_object_inline_componentStack_2841 + parent: JSCompiler_object_inline_componentStack_2849, + pool: JSCompiler_object_inline_componentStack_2849 } : componentStack)) : (componentStack = getSuspendedCache()), @@ -11037,35 +11151,35 @@ __DEV__ && (nextPrimaryChildren.memoizedState = nextFallbackChildren), (nextPrimaryChildren.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2839, + JSCompiler_object_inline_digest_2847, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2840 + JSCompiler_object_inline_stack_2848 ); pushPrimaryTreeSuspenseHandler(workInProgress); - JSCompiler_object_inline_digest_2839 = current.child; - current = JSCompiler_object_inline_digest_2839.sibling; - JSCompiler_object_inline_digest_2839 = createWorkInProgress( - JSCompiler_object_inline_digest_2839, + JSCompiler_object_inline_digest_2847 = current.child; + current = JSCompiler_object_inline_digest_2847.sibling; + JSCompiler_object_inline_digest_2847 = createWorkInProgress( + JSCompiler_object_inline_digest_2847, { mode: "visible", - children: JSCompiler_object_inline_stack_2840.children + children: JSCompiler_object_inline_stack_2848.children } ); (workInProgress.mode & ConcurrentMode) === NoMode && - (JSCompiler_object_inline_digest_2839.lanes = renderLanes); - JSCompiler_object_inline_digest_2839.return = workInProgress; - JSCompiler_object_inline_digest_2839.sibling = null; + (JSCompiler_object_inline_digest_2847.lanes = renderLanes); + JSCompiler_object_inline_digest_2847.return = workInProgress; + JSCompiler_object_inline_digest_2847.sibling = null; null !== current && ((renderLanes = workInProgress.deletions), null === renderLanes ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) : renderLanes.push(current)); - workInProgress.child = JSCompiler_object_inline_digest_2839; + workInProgress.child = JSCompiler_object_inline_digest_2847; workInProgress.memoizedState = null; - return JSCompiler_object_inline_digest_2839; + return JSCompiler_object_inline_digest_2847; } function mountSuspensePrimaryChildren(workInProgress, primaryChildren) { primaryChildren = mountWorkInProgressOffscreenFiber( @@ -15909,6 +16023,7 @@ __DEV__ && var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevDeepEquality = alreadyWarnedForDeepEquality, flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -15922,7 +16037,8 @@ __DEV__ && finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -15950,7 +16066,8 @@ __DEV__ && finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes )); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -16228,6 +16345,7 @@ __DEV__ && popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseReconnectPassiveEffects( finishedRoot, @@ -16273,7 +16391,8 @@ __DEV__ && ) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevDeepEquality = alreadyWarnedForDeepEquality; enableComponentPerformanceTrack && (finishedWork.mode & ProfileMode) !== NoMode && 0 < finishedWork.actualStartTime && @@ -16282,7 +16401,8 @@ __DEV__ && finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -16384,6 +16504,7 @@ __DEV__ && popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseAtomicPassiveEffects( finishedRoot, @@ -16421,6 +16542,7 @@ __DEV__ && committedTransitions, endTime ) { + var prevDeepEquality = alreadyWarnedForDeepEquality; enableComponentPerformanceTrack && (finishedWork.mode & ProfileMode) !== NoMode && 0 < finishedWork.actualStartTime && @@ -16429,7 +16551,8 @@ __DEV__ && finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -16467,6 +16590,7 @@ __DEV__ && endTime ); } + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyAccumulateSuspenseyCommit(parentFiber) { if (parentFiber.subtreeFlags & suspenseyCommitFlag) @@ -17482,7 +17606,15 @@ __DEV__ && debugTask = blockingUpdateTask; if (supportsUserTiming) { currentTrack = "Blocking"; - if (0 < clampedEventTime && null !== eventType) { + var eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0; + if ( + 0 < clampedEventTime && + null !== eventType && + eventEndTime > clampedEventTime + ) { var color = eventIsRepeat ? "secondary-light" : "warning"; debugTask ? debugTask.run( @@ -17490,9 +17622,7 @@ __DEV__ && console, eventIsRepeat ? "" : "Event: " + eventType, clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color @@ -17501,15 +17631,14 @@ __DEV__ && : console.timeStamp( eventIsRepeat ? "" : "Event: " + eventType, clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color ); } 0 < previousRenderStartTime && + renderStartTime$jscomp$0 > previousRenderStartTime && ((clampedEventTime = endTime ? "error" : (lanes & 738197653) === lanes @@ -17550,76 +17679,80 @@ __DEV__ && blockingEventIsRepeat = !0; blockingSpawnedUpdate = !1; } - if (0 !== (lanes & 4194048)) { - previousRenderStartTime = + 0 !== (lanes & 4194048) && + ((previousRenderStartTime = 0 <= transitionStartTime && transitionStartTime < transitionClampTime ? transitionClampTime - : transitionStartTime; - endTime = + : transitionStartTime), + (endTime = 0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime ? transitionClampTime - : transitionUpdateTime; - renderStartTime$jscomp$0 = + : transitionUpdateTime), + (clampedEventTime = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime - : transitionEventTime; + : transitionEventTime), 0 <= transitionSuspendedTime && (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= renderStartTime$jscomp$0 - ? renderStartTime$jscomp$0 + 0 <= clampedEventTime + ? clampedEventTime : 0 <= endTime ? endTime : renderStartTime, lanes - )); - 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 - : eventType; - eventIsRepeat - ? eventIsRepeat.run( + )), + (eventType = transitionEventType), + (eventIsRepeat = transitionEventIsRepeat), + (renderStartTime$jscomp$0 = renderStartTime), + (debugTask = transitionUpdateTask), + supportsUserTiming && + ((currentTrack = "Transition"), + (eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : 0 < endTime + ? endTime + : renderStartTime$jscomp$0), + 0 < clampedEventTime && + eventEndTime > clampedEventTime && + null !== eventType && + ((color = eventIsRepeat ? "secondary-light" : "warning"), + debugTask + ? debugTask.run( console.timeStamp.bind( console, - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color ) ) : console.timeStamp( - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + eventEndTime, currentTrack, LANES_TRACK_GROUP, color - ); - } + )), + (clampedEventTime = + 0 < endTime ? endTime : renderStartTime$jscomp$0), 0 < previousRenderStartTime && - (eventIsRepeat - ? eventIsRepeat.run( + clampedEventTime > previousRenderStartTime && + (debugTask + ? debugTask.run( console.timeStamp.bind( console, "Action", previousRenderStartTime, - 0 < endTime ? endTime : eventType, + clampedEventTime, currentTrack, LANES_TRACK_GROUP, "primary-dark" @@ -17628,38 +17761,41 @@ __DEV__ && : console.timeStamp( "Action", previousRenderStartTime, - 0 < endTime ? endTime : eventType, + clampedEventTime, currentTrack, LANES_TRACK_GROUP, "primary-dark" - )); + )), 0 < endTime && - (eventIsRepeat - ? eventIsRepeat.run( + renderStartTime$jscomp$0 > endTime && + (debugTask + ? debugTask.run( console.timeStamp.bind( console, - 5 < eventType - endTime ? "Update Blocked" : "Update", + 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", endTime, - eventType, + renderStartTime$jscomp$0, currentTrack, LANES_TRACK_GROUP, "primary-light" ) ) : console.timeStamp( - 5 < eventType - endTime ? "Update Blocked" : "Update", + 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", endTime, - eventType, + renderStartTime$jscomp$0, currentTrack, LANES_TRACK_GROUP, "primary-light" - )); - } - transitionUpdateTime = transitionStartTime = -1.1; - transitionUpdateTask = null; - transitionSuspendedTime = -1.1; - transitionEventIsRepeat = !0; - } + ))), + (transitionUpdateTime = transitionStartTime = -1.1), + (transitionUpdateTask = null), + (transitionSuspendedTime = -1.1), + (transitionEventIsRepeat = !0)); } previousRenderStartTime = root.timeoutHandle; previousRenderStartTime !== noTimeout && @@ -26317,12 +26453,33 @@ __DEV__ && COMPLEX_ARRAY = 1, PRIMITIVE_ARRAY = 2, ENTRIES_ARRAY = 3, + REMOVED = "\u2013\u00a0", + ADDED = "+\u00a0", + UNCHANGED = "\u2007\u00a0", supportsUserTiming = "undefined" !== typeof console && - "function" === typeof console.timeStamp, + "function" === typeof console.timeStamp && + "undefined" !== typeof performance && + "function" === typeof performance.measure, COMPONENTS_TRACK = "Components \u269b", LANES_TRACK_GROUP = "Scheduler \u269b", currentTrack = "Blocking", + alreadyWarnedForDeepEquality = !1, + reusableComponentDevToolDetails = { + color: "primary", + properties: null, + tooltipText: "", + track: COMPONENTS_TRACK + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }, + resuableChangedPropsEntry = ["Changed Props", ""], + DEEP_EQUALITY_WARNING = + "This component received deeply equal props. It might benefit from useMemo or the React Compiler in its owner.", + reusableDeeplyEqualPropsEntry = ["Changed Props", DEEP_EQUALITY_WARNING], OffscreenVisible = 1, OffscreenPassiveEffectsConnected = 2, concurrentQueues = [], @@ -28901,11 +29058,11 @@ __DEV__ && }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.2.0-native-fb-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-native-fb-0b78161d-20250702" !== 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-native-fb-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.2.0-native-fb-0b78161d-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -28942,10 +29099,10 @@ __DEV__ && !(function () { var internals = { bundleType: 1, - version: "19.2.0-native-fb-73aa744b-20250702", + version: "19.2.0-native-fb-0b78161d-20250702", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-73aa744b-20250702" + reconcilerVersion: "19.2.0-native-fb-0b78161d-20250702" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -29399,7 +29556,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.2.0-native-fb-73aa744b-20250702"; + exports.version = "19.2.0-native-fb-0b78161d-20250702"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-prod.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-prod.js index 5451aa5e49..8c5bcaff87 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-prod.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-prod.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<<22ae1acdae30cee5186aef1516479793>> */ /* @@ -17130,14 +17130,14 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { }; var isomorphicReactPackageVersion$jscomp$inline_2005 = React.version; if ( - "19.2.0-native-fb-73aa744b-20250702" !== + "19.2.0-native-fb-0b78161d-20250702" !== isomorphicReactPackageVersion$jscomp$inline_2005 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_2005, - "19.2.0-native-fb-73aa744b-20250702" + "19.2.0-native-fb-0b78161d-20250702" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -17159,10 +17159,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { }; var internals$jscomp$inline_2526 = { bundleType: 0, - version: "19.2.0-native-fb-73aa744b-20250702", + version: "19.2.0-native-fb-0b78161d-20250702", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-73aa744b-20250702" + reconcilerVersion: "19.2.0-native-fb-0b78161d-20250702" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2527 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -17413,4 +17413,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-native-fb-73aa744b-20250702"; +exports.version = "19.2.0-native-fb-0b78161d-20250702"; diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-profiling.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-profiling.js index e3960c9377..f75b64ab9f 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-profiling.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-dom/cjs/ReactDOMProfiling-profiling.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<0189b54108f211f5a330c9b6c51aa35a>> + * @generated SignedSource<<1d45f0744681692c9001f3cd36164f8b>> */ /* @@ -2541,7 +2541,9 @@ var reportGlobalError = console.error(error); }, supportsUserTiming = - "undefined" !== typeof console && "function" === typeof console.timeStamp, + "undefined" !== typeof console && + "function" === typeof console.timeStamp && + !0, currentTrack = "Blocking"; function setCurrentTrackFromLanes(lanes) { currentTrack = @@ -2557,23 +2559,33 @@ function setCurrentTrackFromLanes(lanes) { } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - console.timeStamp( - trigger, - startTime, - endTime, - "Components \u269b", - void 0, - "warning" - ); + ((reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = trigger), + (reusableComponentDevToolDetails.properties = null), + performance.measure(trigger, reusableComponentOptions)); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); } +var reusableComponentDevToolDetails = { + color: "primary", + properties: null, + tooltipText: "", + track: "Components \u269b" + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }; function logComponentRender(fiber, startTime, endTime, wasHydrated) { var name = getComponentNameFromFiber(fiber); if (null !== name && supportsUserTiming) { - var selfTime = fiber.actualDuration; - if (null === fiber.alternate || fiber.alternate.child !== fiber.child) + var alternate = fiber.alternate, + selfTime = fiber.actualDuration; + if (null === alternate || alternate.child !== fiber.child) for (fiber = fiber.child; null !== fiber; fiber = fiber.sibling) selfTime -= fiber.actualDuration; console.timeStamp( @@ -13281,21 +13293,25 @@ function prepareFreshStack(root, lanes) { eventIsRepeat = blockingEventIsRepeat, isSpawnedUpdate = blockingSpawnedUpdate, renderStartTime$jscomp$0 = renderStartTime; - supportsUserTiming && - ((currentTrack = "Blocking"), + if (supportsUserTiming) { + currentTrack = "Blocking"; + var eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0; 0 < endTime && null !== eventType && + eventEndTime > endTime && console.timeStamp( eventIsRepeat ? "" : "Event: " + eventType, endTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, "Scheduler \u269b", eventIsRepeat ? "secondary-light" : "warning" - ), + ); 0 < previousRenderStartTime && + renderStartTime$jscomp$0 > previousRenderStartTime && console.timeStamp( isSpawnedUpdate ? "Cascading Update" @@ -13311,7 +13327,8 @@ function prepareFreshStack(root, lanes) { : (lanes & 738197653) === lanes ? "tertiary-light" : "primary-light" - )); + ); + } blockingSuspendedTime = blockingUpdateTime = -1.1; blockingEventIsRepeat = !0; blockingSpawnedUpdate = !1; @@ -13325,7 +13342,7 @@ function prepareFreshStack(root, lanes) { 0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime ? transitionClampTime : transitionUpdateTime), - (eventType = + (eventIsRepeat = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime : transitionEventTime), @@ -13333,44 +13350,52 @@ function prepareFreshStack(root, lanes) { (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= eventType ? eventType : 0 <= endTime ? endTime : renderStartTime, + 0 <= eventIsRepeat + ? eventIsRepeat + : 0 <= endTime + ? endTime + : renderStartTime, lanes )), - (eventIsRepeat = transitionEventType), - (isSpawnedUpdate = transitionEventIsRepeat), - (renderStartTime$jscomp$0 = renderStartTime), + (isSpawnedUpdate = transitionEventType), + (renderStartTime$jscomp$0 = transitionEventIsRepeat), + (eventType = renderStartTime), supportsUserTiming && ((currentTrack = "Transition"), - 0 < eventType && - null !== eventIsRepeat && + (eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : 0 < endTime + ? endTime + : eventType), + 0 < eventIsRepeat && + eventEndTime > eventIsRepeat && + null !== isSpawnedUpdate && console.timeStamp( - isSpawnedUpdate ? "" : "Event: " + eventIsRepeat, - eventType, - 0 < previousRenderStartTime - ? previousRenderStartTime - : 0 < endTime - ? endTime - : renderStartTime$jscomp$0, + renderStartTime$jscomp$0 ? "" : "Event: " + isSpawnedUpdate, + eventIsRepeat, + eventEndTime, currentTrack, "Scheduler \u269b", - isSpawnedUpdate ? "secondary-light" : "warning" + renderStartTime$jscomp$0 ? "secondary-light" : "warning" ), + (eventIsRepeat = 0 < endTime ? endTime : eventType), 0 < previousRenderStartTime && + eventIsRepeat > previousRenderStartTime && console.timeStamp( "Action", previousRenderStartTime, - 0 < endTime ? endTime : renderStartTime$jscomp$0, + eventIsRepeat, currentTrack, "Scheduler \u269b", "primary-dark" ), 0 < endTime && + eventType > endTime && console.timeStamp( - 5 < renderStartTime$jscomp$0 - endTime - ? "Update Blocked" - : "Update", + 5 < eventType - endTime ? "Update Blocked" : "Update", endTime, - renderStartTime$jscomp$0, + eventType, currentTrack, "Scheduler \u269b", "primary-light" @@ -14908,20 +14933,20 @@ function debounceScrollEnd(targetInst, nativeEvent, nativeEventTarget) { (nativeEventTarget[internalScrollTimer] = targetInst)); } for ( - var i$jscomp$inline_1865 = 0; - i$jscomp$inline_1865 < simpleEventPluginEvents.length; - i$jscomp$inline_1865++ + var i$jscomp$inline_1867 = 0; + i$jscomp$inline_1867 < simpleEventPluginEvents.length; + i$jscomp$inline_1867++ ) { - var eventName$jscomp$inline_1866 = - simpleEventPluginEvents[i$jscomp$inline_1865], - domEventName$jscomp$inline_1867 = - eventName$jscomp$inline_1866.toLowerCase(), - capitalizedEvent$jscomp$inline_1868 = - eventName$jscomp$inline_1866[0].toUpperCase() + - eventName$jscomp$inline_1866.slice(1); + var eventName$jscomp$inline_1868 = + simpleEventPluginEvents[i$jscomp$inline_1867], + domEventName$jscomp$inline_1869 = + eventName$jscomp$inline_1868.toLowerCase(), + capitalizedEvent$jscomp$inline_1870 = + eventName$jscomp$inline_1868[0].toUpperCase() + + eventName$jscomp$inline_1868.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1867, - "on" + capitalizedEvent$jscomp$inline_1868 + domEventName$jscomp$inline_1869, + "on" + capitalizedEvent$jscomp$inline_1870 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -19064,16 +19089,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_2243 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_2245 = React.version; if ( - "19.2.0-native-fb-73aa744b-20250702" !== - isomorphicReactPackageVersion$jscomp$inline_2243 + "19.2.0-native-fb-0b78161d-20250702" !== + isomorphicReactPackageVersion$jscomp$inline_2245 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_2243, - "19.2.0-native-fb-73aa744b-20250702" + isomorphicReactPackageVersion$jscomp$inline_2245, + "19.2.0-native-fb-0b78161d-20250702" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -19093,12 +19118,12 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var internals$jscomp$inline_2250 = { +var internals$jscomp$inline_2252 = { bundleType: 0, - version: "19.2.0-native-fb-73aa744b-20250702", + version: "19.2.0-native-fb-0b78161d-20250702", rendererPackageName: "react-dom", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-73aa744b-20250702", + reconcilerVersion: "19.2.0-native-fb-0b78161d-20250702", getLaneLabelMap: function () { for ( var map = new Map(), lane = 1, index$319 = 0; @@ -19116,16 +19141,16 @@ var internals$jscomp$inline_2250 = { } }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2765 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2767 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2765.isDisabled && - hook$jscomp$inline_2765.supportsFiber + !hook$jscomp$inline_2767.isDisabled && + hook$jscomp$inline_2767.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2765.inject( - internals$jscomp$inline_2250 + (rendererID = hook$jscomp$inline_2767.inject( + internals$jscomp$inline_2252 )), - (injectedHook = hook$jscomp$inline_2765); + (injectedHook = hook$jscomp$inline_2767); } catch (err) {} } function getCrossOriginStringAs(as, input) { @@ -19364,7 +19389,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.2.0-native-fb-73aa744b-20250702"; +exports.version = "19.2.0-native-fb-0b78161d-20250702"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-dev.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-dev.js index aa042410c1..5033ee17bd 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-dev.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-dev.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<> */ "use strict"; @@ -15723,10 +15723,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.2.0-native-fb-73aa744b-20250702", + version: "19.2.0-native-fb-0b78161d-20250702", rendererPackageName: "react-test-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-73aa744b-20250702" + reconcilerVersion: "19.2.0-native-fb-0b78161d-20250702" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -15871,5 +15871,5 @@ __DEV__ && flushSyncWorkAcrossRoots_impl(0, !0)); } }; - exports.version = "19.2.0-native-fb-73aa744b-20250702"; + exports.version = "19.2.0-native-fb-0b78161d-20250702"; })(); diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-prod.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-prod.js index 016229895a..782e78166d 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-prod.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-prod.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<369d77a3cdfd02d0848a1ce10b35d5c1>> + * @generated SignedSource<<94637a21e82695eb3ad0d2a3cdba28eb>> */ "use strict"; @@ -9903,10 +9903,10 @@ function wrapFiber(fiber) { } var internals$jscomp$inline_1434 = { bundleType: 0, - version: "19.2.0-native-fb-73aa744b-20250702", + version: "19.2.0-native-fb-0b78161d-20250702", rendererPackageName: "react-test-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-73aa744b-20250702" + reconcilerVersion: "19.2.0-native-fb-0b78161d-20250702" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1435 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -10042,4 +10042,4 @@ exports.unstable_batchedUpdates = function (fn, a) { flushSyncWorkAcrossRoots_impl(0, !0)); } }; -exports.version = "19.2.0-native-fb-73aa744b-20250702"; +exports.version = "19.2.0-native-fb-0b78161d-20250702"; diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-profiling.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-profiling.js index e8212b058b..c4597d0824 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-profiling.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react-test-renderer/cjs/ReactTestRenderer-profiling.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<33ab3f90cd1706de8dcb3e657efa734d>> + * @generated SignedSource<<7bdd4729c0e768fbba8b86f3186553ba>> */ "use strict"; @@ -10523,10 +10523,10 @@ function wrapFiber(fiber) { } var internals$jscomp$inline_1241 = { bundleType: 0, - version: "19.2.0-native-fb-73aa744b-20250702", + version: "19.2.0-native-fb-0b78161d-20250702", rendererPackageName: "react-test-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-73aa744b-20250702", + reconcilerVersion: "19.2.0-native-fb-0b78161d-20250702", getLaneLabelMap: function () { for ( var map = new Map(), lane = 1, index$143 = 0; @@ -10677,4 +10677,4 @@ exports.unstable_batchedUpdates = function (fn, a) { flushSyncWorkAcrossRoots_impl(0, !0)); } }; -exports.version = "19.2.0-native-fb-73aa744b-20250702"; +exports.version = "19.2.0-native-fb-0b78161d-20250702"; diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-dev.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-dev.js index 214f07339f..c501561f2b 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-dev.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-dev.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<<7a8ccd344a61030cd038c7d112545540>> */ "use strict"; @@ -1413,7 +1413,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.2.0-native-fb-73aa744b-20250702"; + exports.version = "19.2.0-native-fb-0b78161d-20250702"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-prod.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-prod.js index 0e1199044f..2ccdbfa143 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-prod.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-prod.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<3b5b85515955fef583eeaa88ef7fa46b>> + * @generated SignedSource<> */ "use strict"; @@ -589,4 +589,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-native-fb-73aa744b-20250702"; +exports.version = "19.2.0-native-fb-0b78161d-20250702"; diff --git a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-profiling.js b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-profiling.js index 7b65e53a58..29f60e9301 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-profiling.js +++ b/compiled-rn/facebook-fbsource/xplat/js/RKJSModules/vendor/react/react/cjs/React-profiling.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<<7ead9d22991e0fd145285c1b77d93423>> */ "use strict"; @@ -593,7 +593,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-native-fb-73aa744b-20250702"; +exports.version = "19.2.0-native-fb-0b78161d-20250702"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/REVISION b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/REVISION index eb338f0dbf..f8cbf1baa4 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/REVISION +++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/REVISION @@ -1 +1 @@ -73aa744b7029556430f409ec3887a714940698ba +0b78161d7d76b7fb9786f25dd222010b9e417191 diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-dev.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-dev.fb.js index eb8e3ada53..323088aa35 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-dev.fb.js +++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-dev.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<> */ "use strict"; @@ -2008,13 +2008,19 @@ __DEV__ && } return kind; } - function addObjectToProperties(object, properties, indent) { + function addObjectToProperties(object, properties, indent, prefix) { for (var key in object) hasOwnProperty.call(object, key) && "_" !== key[0] && - addValueToProperties(key, object[key], properties, indent); + addValueToProperties(key, object[key], properties, indent, prefix); } - function addValueToProperties(propertyName, value, properties, indent) { + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { switch (typeof value) { case "object": if (null === value) { @@ -2041,11 +2047,17 @@ __DEV__ && break; } properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "<" + typeName ]); null !== key && - addValueToProperties("key", key, properties, indent + 1); + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); propertyName = !1; for (var propKey in value) "children" === propKey @@ -2059,7 +2071,8 @@ __DEV__ && propKey, value[propKey], properties, - indent + 1 + indent + 1, + prefix ); properties.push([ "", @@ -2078,7 +2091,7 @@ __DEV__ && break; } else if (3 === propKey) { properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "" ]); for ( @@ -2091,7 +2104,8 @@ __DEV__ && typeName[0], typeName[1], properties, - indent + 1 + indent + 1, + prefix ); return; } @@ -2103,7 +2117,8 @@ __DEV__ && propertyName, value.value, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -2119,7 +2134,8 @@ __DEV__ && propertyName, value.reason, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -2138,10 +2154,11 @@ __DEV__ && "function" === typeof propKey.constructor && (typeName = propKey.constructor.name); properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName ]); - 3 > indent && addObjectToProperties(value, properties, indent + 1); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); return; } case "function": @@ -2163,7 +2180,127 @@ __DEV__ && default: value = String(value); } - properties.push(["\u00a0\u00a0".repeat(indent) + propertyName, value]); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); + } + function addObjectDiffToProperties(prev, next, properties, indent) { + var isDeeplyEqual = !0; + for (key in prev) + key in next || + (properties.push([ + "\u2013\u00a0" + "\u00a0\u00a0".repeat(indent) + key, + "\u2026" + ]), + (isDeeplyEqual = !1)); + for (var _key in next) + if (_key in prev) { + var key = prev[_key]; + var nextValue = next[_key]; + if (key !== nextValue) { + if (0 === indent && "children" === _key) + (isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key), + properties.push( + ["\u2013\u00a0" + isDeeplyEqual, "\u2026"], + ["+\u00a0" + isDeeplyEqual, "\u2026"] + ); + else { + if (!(3 <= indent)) + if ( + "object" === typeof key && + "object" === typeof nextValue && + null !== key && + null !== nextValue && + key.$$typeof === nextValue.$$typeof + ) + if (nextValue.$$typeof === REACT_ELEMENT_TYPE) { + if ( + key.type === nextValue.type && + key.key === nextValue.key + ) { + key = + getComponentNameFromType(nextValue.type) || "\u2026"; + isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key; + key = "<" + key + " \u2026 />"; + properties.push( + ["\u2013\u00a0" + isDeeplyEqual, key], + ["+\u00a0" + isDeeplyEqual, key] + ); + isDeeplyEqual = !1; + continue; + } + } else { + var prevKind = Object.prototype.toString.call(key), + nextKind = Object.prototype.toString.call(nextValue); + if ( + prevKind === nextKind && + ("[object Object]" === nextKind || + "[object Array]" === nextKind) + ) { + prevKind = [ + "\u2007\u00a0" + "\u00a0\u00a0".repeat(indent) + _key, + "[object Array]" === nextKind ? "Array" : "" + ]; + properties.push(prevKind); + nextKind = properties.length; + addObjectDiffToProperties( + key, + nextValue, + properties, + indent + 1 + ) + ? nextKind === properties.length && + (prevKind[1] = + "Referentially unequal but deeply equal objects. Consider memoization.") + : (isDeeplyEqual = !1); + continue; + } + } + else if ( + "function" === typeof key && + "function" === typeof nextValue && + key.name === nextValue.name && + key.length === nextValue.length && + ((prevKind = Function.prototype.toString.call(key)), + (nextKind = Function.prototype.toString.call(nextValue)), + prevKind === nextKind) + ) { + key = + "" === nextValue.name + ? "() => {}" + : nextValue.name + "() {}"; + properties.push([ + "\u2007\u00a0" + "\u00a0\u00a0".repeat(indent) + _key, + key + + " Referentially unequal function closure. Consider memoization." + ]); + continue; + } + addValueToProperties( + _key, + key, + properties, + indent, + "\u2013\u00a0" + ); + addValueToProperties( + _key, + nextValue, + properties, + indent, + "+\u00a0" + ); + } + isDeeplyEqual = !1; + } + } else + properties.push([ + "+\u00a0" + "\u00a0\u00a0".repeat(indent) + _key, + "\u2026" + ]), + (isDeeplyEqual = !1); + return isDeeplyEqual; } function setCurrentTrackFromLanes(lanes) { currentTrack = @@ -2179,35 +2316,36 @@ __DEV__ && } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - ((fiber = fiber._debugTask) + ((reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = trigger), + (reusableComponentDevToolDetails.properties = null), + (fiber = fiber._debugTask) ? fiber.run( - console.timeStamp.bind( - console, + performance.measure.bind( + performance, trigger, - startTime, - endTime, - "Components \u269b", - void 0, - "warning" + reusableComponentOptions ) ) - : console.timeStamp( - trigger, - startTime, - endTime, - "Components \u269b", - void 0, - "warning" - )); + : performance.measure(trigger, reusableComponentOptions)); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); } - function logComponentRender(fiber, startTime, endTime, wasHydrated) { + function logComponentRender( + fiber, + startTime, + endTime, + wasHydrated, + committedLanes + ) { var name = getComponentNameFromFiber(fiber); if (null !== name && supportsUserTiming) { - var selfTime = fiber.actualDuration; - if (null === fiber.alternate || fiber.alternate.child !== fiber.child) + var alternate = fiber.alternate, + selfTime = fiber.actualDuration; + if (null === alternate || alternate.child !== fiber.child) for (var child = fiber.child; null !== child; child = child.sibling) selfTime -= child.actualDuration; wasHydrated = @@ -2224,142 +2362,154 @@ __DEV__ && ? "tertiary-dark" : "primary-dark" : "error"; - (fiber = fiber._debugTask) - ? fiber.run( - console.timeStamp.bind( - console, + if ((selfTime = fiber._debugTask)) { + var props = fiber.memoizedProps; + if ( + null !== props && + null !== alternate && + alternate.memoizedProps !== props && + ((child = [resuableChangedPropsEntry]), + (props = addObjectDiffToProperties( + alternate.memoizedProps, + props, + child, + 0 + )), + 1 < child.length) + ) { + props && + !alreadyWarnedForDeepEquality && + 0 === (alternate.lanes & committedLanes) && + 100 < fiber.actualDuration + ? ((alreadyWarnedForDeepEquality = !0), + (child[0] = reusableDeeplyEqualPropsEntry), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = + "This component received deeply equal props. It might benefit from useMemo or the React Compiler in its owner.")) + : ((reusableComponentDevToolDetails.color = wasHydrated), + (reusableComponentDevToolDetails.tooltipText = name)); + reusableComponentDevToolDetails.properties = child; + reusableComponentOptions.start = startTime; + reusableComponentOptions.end = endTime; + selfTime.run( + performance.measure.bind( + performance, name, - startTime, - endTime, - "Components \u269b", - void 0, - wasHydrated + reusableComponentOptions ) - ) - : console.timeStamp( + ); + return; + } + selfTime.run( + console.timeStamp.bind( + console, name, startTime, endTime, "Components \u269b", void 0, wasHydrated - ); + ) + ); + } else + console.timeStamp( + name, + startTime, + endTime, + "Components \u269b", + void 0, + wasHydrated + ); } } function logComponentErrored(fiber, startTime, endTime, errors) { if (supportsUserTiming) { var name = getComponentNameFromFiber(fiber); - if (null !== name) - if ( - "undefined" !== typeof performance && - "function" === typeof performance.measure + if (null !== name) { + for ( + var debugTask = null, properties = [], i = 0; + i < errors.length; + i++ ) { - for ( - var debugTask = null, properties = [], i = 0; - i < errors.length; - i++ - ) { - var capturedValue = errors[i]; - null == debugTask && - null !== capturedValue.source && - (debugTask = capturedValue.source._debugTask); - capturedValue = capturedValue.value; - properties.push([ - "Error", - "object" === typeof capturedValue && - null !== capturedValue && - "string" === typeof capturedValue.message - ? String(capturedValue.message) - : String(capturedValue) - ]); - } - null !== fiber.key && - addValueToProperties("key", fiber.key, properties, 0); - null !== fiber.memoizedProps && - addObjectToProperties(fiber.memoizedProps, properties, 0); - null == debugTask && (debugTask = fiber._debugTask); - fiber = { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: "Components \u269b", - tooltipText: - 13 === fiber.tag - ? "Hydration failed" - : "Error boundary caught an error", - properties: properties - } + var capturedValue = errors[i]; + null == debugTask && + null !== capturedValue.source && + (debugTask = capturedValue.source._debugTask); + capturedValue = capturedValue.value; + properties.push([ + "Error", + "object" === typeof capturedValue && + null !== capturedValue && + "string" === typeof capturedValue.message + ? String(capturedValue.message) + : String(capturedValue) + ]); + } + null !== fiber.key && + addValueToProperties("key", fiber.key, properties, 0, ""); + null !== fiber.memoizedProps && + addObjectToProperties(fiber.memoizedProps, properties, 0, ""); + null == debugTask && (debugTask = fiber._debugTask); + fiber = { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: "Components \u269b", + 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 \u269b", - void 0, - "error" - ); + } + }; + debugTask + ? debugTask.run(performance.measure.bind(performance, name, fiber)) + : performance.measure(name, fiber); + } } } function logComponentEffect(fiber, startTime, endTime, selfTime, errors) { if (null !== errors) { 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) - ]); - } - null !== fiber.key && - addValueToProperties("key", fiber.key, selfTime, 0); - null !== fiber.memoizedProps && - addObjectToProperties(fiber.memoizedProps, selfTime, 0); - startTime = { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: "Components \u269b", - tooltipText: "A lifecycle or effect errored", - properties: selfTime - } + if (null !== name) { + selfTime = []; + for (var i = 0; i < errors.length; i++) { + var error = errors[i].value; + selfTime.push([ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + null !== fiber.key && + addValueToProperties("key", fiber.key, selfTime, 0, ""); + null !== fiber.memoizedProps && + addObjectToProperties(fiber.memoizedProps, selfTime, 0, ""); + startTime = { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: "Components \u269b", + 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 \u269b", - void 0, - "error" - ); + } + }; + (fiber = fiber._debugTask) + ? fiber.run( + performance.measure.bind(performance, name, startTime) + ) + : performance.measure(name, startTime); + } } } else (name = getComponentNameFromFiber(fiber)), @@ -2423,47 +2573,35 @@ __DEV__ && recoverableErrors, hydrationFailed ) { - 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: "Scheduler \u269b", - tooltipText: hydrationFailed - ? "Hydration Failed" - : "Recovered after Error", - properties: lanes - } + 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: currentTrack, + trackGroup: "Scheduler \u269b", + tooltipText: hydrationFailed + ? "Hydration Failed" + : "Recovered after Error", + properties: lanes } - }); - } else - console.timeStamp( - "Recovered", - startTime, - endTime, - currentTrack, - "Scheduler \u269b", - "error" - ); + } + }); + } } function logErroredRenderPhase(startTime, endTime) { supportsUserTiming && @@ -2477,46 +2615,34 @@ __DEV__ && ); } function logCommitErrored(startTime, endTime, errors, passive) { - 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: "Scheduler \u269b", - tooltipText: passive - ? "Remaining Effects Errored" - : "Commit Errored", - properties: properties - } + 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: currentTrack, + trackGroup: "Scheduler \u269b", + tooltipText: passive + ? "Remaining Effects Errored" + : "Commit Errored", + properties: properties } - }); - } else - console.timeStamp( - "Errored", - startTime, - endTime, - currentTrack, - "Scheduler \u269b", - "error" - ); + } + }); + } } function createCapturedValueAtFiber(value, source) { if ("object" === typeof value && null !== value) { @@ -12227,6 +12353,7 @@ __DEV__ && var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevDeepEquality = alreadyWarnedForDeepEquality, flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -12240,7 +12367,8 @@ __DEV__ && finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -12268,7 +12396,8 @@ __DEV__ && finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes )); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -12539,6 +12668,7 @@ __DEV__ && popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseReconnectPassiveEffects( finishedRoot, @@ -12584,7 +12714,8 @@ __DEV__ && ) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevDeepEquality = alreadyWarnedForDeepEquality; enableComponentPerformanceTrack && 0 !== (finishedWork.mode & 2) && 0 < finishedWork.actualStartTime && @@ -12593,7 +12724,8 @@ __DEV__ && finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -12695,6 +12827,7 @@ __DEV__ && popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseAtomicPassiveEffects( finishedRoot, @@ -12732,6 +12865,7 @@ __DEV__ && committedTransitions, endTime ) { + var prevDeepEquality = alreadyWarnedForDeepEquality; enableComponentPerformanceTrack && 0 !== (finishedWork.mode & 2) && 0 < finishedWork.actualStartTime && @@ -12740,7 +12874,8 @@ __DEV__ && finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -12778,6 +12913,7 @@ __DEV__ && endTime ); } + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyAccumulateSuspenseyCommit(parentFiber) { if (parentFiber.subtreeFlags & suspenseyCommitFlag) @@ -13727,7 +13863,15 @@ __DEV__ && debugTask = blockingUpdateTask; if (supportsUserTiming) { currentTrack = "Blocking"; - if (0 < clampedEventTime && null !== eventType) { + var eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0; + if ( + 0 < clampedEventTime && + null !== eventType && + eventEndTime > clampedEventTime + ) { var color = eventIsRepeat ? "secondary-light" : "warning"; debugTask ? debugTask.run( @@ -13735,9 +13879,7 @@ __DEV__ && console, eventIsRepeat ? "" : "Event: " + eventType, clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, "Scheduler \u269b", color @@ -13746,15 +13888,14 @@ __DEV__ && : console.timeStamp( eventIsRepeat ? "" : "Event: " + eventType, clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, "Scheduler \u269b", color ); } 0 < previousRenderStartTime && + renderStartTime$jscomp$0 > previousRenderStartTime && ((clampedEventTime = endTime ? "error" : (lanes & 738197653) === lanes @@ -13795,76 +13936,80 @@ __DEV__ && blockingEventIsRepeat = !0; blockingSpawnedUpdate = !1; } - if (0 !== (lanes & 4194048)) { - previousRenderStartTime = + 0 !== (lanes & 4194048) && + ((previousRenderStartTime = 0 <= transitionStartTime && transitionStartTime < transitionClampTime ? transitionClampTime - : transitionStartTime; - endTime = + : transitionStartTime), + (endTime = 0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime ? transitionClampTime - : transitionUpdateTime; - renderStartTime$jscomp$0 = + : transitionUpdateTime), + (clampedEventTime = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime - : transitionEventTime; + : transitionEventTime), 0 <= transitionSuspendedTime && (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= renderStartTime$jscomp$0 - ? renderStartTime$jscomp$0 + 0 <= clampedEventTime + ? clampedEventTime : 0 <= endTime ? endTime : renderStartTime, lanes - )); - 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 - : eventType; - eventIsRepeat - ? eventIsRepeat.run( + )), + (eventType = transitionEventType), + (eventIsRepeat = transitionEventIsRepeat), + (renderStartTime$jscomp$0 = renderStartTime), + (debugTask = transitionUpdateTask), + supportsUserTiming && + ((currentTrack = "Transition"), + (eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : 0 < endTime + ? endTime + : renderStartTime$jscomp$0), + 0 < clampedEventTime && + eventEndTime > clampedEventTime && + null !== eventType && + ((color = eventIsRepeat ? "secondary-light" : "warning"), + debugTask + ? debugTask.run( console.timeStamp.bind( console, - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + eventEndTime, currentTrack, "Scheduler \u269b", color ) ) : console.timeStamp( - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + eventEndTime, currentTrack, "Scheduler \u269b", color - ); - } + )), + (clampedEventTime = + 0 < endTime ? endTime : renderStartTime$jscomp$0), 0 < previousRenderStartTime && - (eventIsRepeat - ? eventIsRepeat.run( + clampedEventTime > previousRenderStartTime && + (debugTask + ? debugTask.run( console.timeStamp.bind( console, "Action", previousRenderStartTime, - 0 < endTime ? endTime : eventType, + clampedEventTime, currentTrack, "Scheduler \u269b", "primary-dark" @@ -13873,38 +14018,41 @@ __DEV__ && : console.timeStamp( "Action", previousRenderStartTime, - 0 < endTime ? endTime : eventType, + clampedEventTime, currentTrack, "Scheduler \u269b", "primary-dark" - )); + )), 0 < endTime && - (eventIsRepeat - ? eventIsRepeat.run( + renderStartTime$jscomp$0 > endTime && + (debugTask + ? debugTask.run( console.timeStamp.bind( console, - 5 < eventType - endTime ? "Update Blocked" : "Update", + 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", endTime, - eventType, + renderStartTime$jscomp$0, currentTrack, "Scheduler \u269b", "primary-light" ) ) : console.timeStamp( - 5 < eventType - endTime ? "Update Blocked" : "Update", + 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", endTime, - eventType, + renderStartTime$jscomp$0, currentTrack, "Scheduler \u269b", "primary-light" - )); - } - transitionUpdateTime = transitionStartTime = -1.1; - transitionUpdateTask = null; - transitionSuspendedTime = -1.1; - transitionEventIsRepeat = !0; - } + ))), + (transitionUpdateTime = transitionStartTime = -1.1), + (transitionUpdateTask = null), + (transitionSuspendedTime = -1.1), + (transitionEventIsRepeat = !0)); } previousRenderStartTime = root.timeoutHandle; previousRenderStartTime !== noTimeout && @@ -16990,8 +17138,27 @@ __DEV__ && hasOwnProperty = Object.prototype.hasOwnProperty, supportsUserTiming = "undefined" !== typeof console && - "function" === typeof console.timeStamp, + "function" === typeof console.timeStamp && + "undefined" !== typeof performance && + "function" === typeof performance.measure, currentTrack = "Blocking", + alreadyWarnedForDeepEquality = !1, + reusableComponentDevToolDetails = { + color: "primary", + properties: null, + tooltipText: "", + track: "Components \u269b" + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }, + resuableChangedPropsEntry = ["Changed Props", ""], + reusableDeeplyEqualPropsEntry = [ + "Changed Props", + "This component received deeply equal props. It might benefit from useMemo or the React Compiler in its owner." + ], CapturedStacks = new WeakMap(), contextStackCursor = createCursor(null), contextFiberStackCursor = createCursor(null), @@ -19065,10 +19232,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.2.0-native-fb-73aa744b-20250702", + version: "19.2.0-native-fb-0b78161d-20250702", rendererPackageName: "react-native-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-73aa744b-20250702" + reconcilerVersion: "19.2.0-native-fb-0b78161d-20250702" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-prod.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-prod.fb.js index 15bb9de419..52143f3cf8 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-prod.fb.js +++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-prod.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<3da2d1a5eb93b86d16d6fd5029f31b77>> + * @generated SignedSource<<1a271ba62090d9189bd405029ca2fdb7>> */ "use strict"; @@ -11027,10 +11027,10 @@ batchedUpdatesImpl = function (fn, a) { var roots = new Map(), internals$jscomp$inline_1238 = { bundleType: 0, - version: "19.2.0-native-fb-73aa744b-20250702", + version: "19.2.0-native-fb-0b78161d-20250702", rendererPackageName: "react-native-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-73aa744b-20250702" + reconcilerVersion: "19.2.0-native-fb-0b78161d-20250702" }; null !== extraDevToolsConfig && (internals$jscomp$inline_1238.rendererConfig = extraDevToolsConfig); diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js index ead6821cd1..dceb226387 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js +++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<09619cc8fb85e211462671f3aeca3fe8>> + * @generated SignedSource<> */ "use strict"; @@ -2053,7 +2053,9 @@ var objectIs = "function" === typeof Object.is ? Object.is : is, }, hasOwnProperty = Object.prototype.hasOwnProperty, supportsUserTiming = - "undefined" !== typeof console && "function" === typeof console.timeStamp, + "undefined" !== typeof console && + "function" === typeof console.timeStamp && + !0, currentTrack = "Blocking"; function setCurrentTrackFromLanes(lanes) { currentTrack = @@ -2069,23 +2071,33 @@ function setCurrentTrackFromLanes(lanes) { } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - console.timeStamp( - trigger, - startTime, - endTime, - "Components \u269b", - void 0, - "warning" - ); + ((reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = trigger), + (reusableComponentDevToolDetails.properties = null), + performance.measure(trigger, reusableComponentOptions)); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); } +var reusableComponentDevToolDetails = { + color: "primary", + properties: null, + tooltipText: "", + track: "Components \u269b" + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }; function logComponentRender(fiber, startTime, endTime, wasHydrated) { var name = getComponentNameFromFiber(fiber); if (null !== name && supportsUserTiming) { - var selfTime = fiber.actualDuration; - if (null === fiber.alternate || fiber.alternate.child !== fiber.child) + var alternate = fiber.alternate, + selfTime = fiber.actualDuration; + if (null === alternate || alternate.child !== fiber.child) for (fiber = fiber.child; null !== fiber; fiber = fiber.sibling) selfTime -= fiber.actualDuration; console.timeStamp( @@ -11151,21 +11163,25 @@ function prepareFreshStack(root, lanes) { eventIsRepeat = blockingEventIsRepeat, isSpawnedUpdate = blockingSpawnedUpdate, renderStartTime$jscomp$0 = renderStartTime; - supportsUserTiming && - ((currentTrack = "Blocking"), + if (supportsUserTiming) { + currentTrack = "Blocking"; + var eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0; 0 < endTime && null !== eventType && + eventEndTime > endTime && console.timeStamp( eventIsRepeat ? "" : "Event: " + eventType, endTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, "Scheduler \u269b", eventIsRepeat ? "secondary-light" : "warning" - ), + ); 0 < previousRenderStartTime && + renderStartTime$jscomp$0 > previousRenderStartTime && console.timeStamp( isSpawnedUpdate ? "Cascading Update" @@ -11181,7 +11197,8 @@ function prepareFreshStack(root, lanes) { : (lanes & 738197653) === lanes ? "tertiary-light" : "primary-light" - )); + ); + } blockingSuspendedTime = blockingUpdateTime = -1.1; blockingEventIsRepeat = !0; blockingSpawnedUpdate = !1; @@ -11195,7 +11212,7 @@ function prepareFreshStack(root, lanes) { 0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime ? transitionClampTime : transitionUpdateTime), - (eventType = + (eventIsRepeat = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime : transitionEventTime), @@ -11203,44 +11220,52 @@ function prepareFreshStack(root, lanes) { (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= eventType ? eventType : 0 <= endTime ? endTime : renderStartTime, + 0 <= eventIsRepeat + ? eventIsRepeat + : 0 <= endTime + ? endTime + : renderStartTime, lanes )), - (eventIsRepeat = transitionEventType), - (isSpawnedUpdate = transitionEventIsRepeat), - (renderStartTime$jscomp$0 = renderStartTime), + (isSpawnedUpdate = transitionEventType), + (renderStartTime$jscomp$0 = transitionEventIsRepeat), + (eventType = renderStartTime), supportsUserTiming && ((currentTrack = "Transition"), - 0 < eventType && - null !== eventIsRepeat && + (eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : 0 < endTime + ? endTime + : eventType), + 0 < eventIsRepeat && + eventEndTime > eventIsRepeat && + null !== isSpawnedUpdate && console.timeStamp( - isSpawnedUpdate ? "" : "Event: " + eventIsRepeat, - eventType, - 0 < previousRenderStartTime - ? previousRenderStartTime - : 0 < endTime - ? endTime - : renderStartTime$jscomp$0, + renderStartTime$jscomp$0 ? "" : "Event: " + isSpawnedUpdate, + eventIsRepeat, + eventEndTime, currentTrack, "Scheduler \u269b", - isSpawnedUpdate ? "secondary-light" : "warning" + renderStartTime$jscomp$0 ? "secondary-light" : "warning" ), + (eventIsRepeat = 0 < endTime ? endTime : eventType), 0 < previousRenderStartTime && + eventIsRepeat > previousRenderStartTime && console.timeStamp( "Action", previousRenderStartTime, - 0 < endTime ? endTime : renderStartTime$jscomp$0, + eventIsRepeat, currentTrack, "Scheduler \u269b", "primary-dark" ), 0 < endTime && + eventType > endTime && console.timeStamp( - 5 < renderStartTime$jscomp$0 - endTime - ? "Update Blocked" - : "Update", + 5 < eventType - endTime ? "Update Blocked" : "Update", endTime, - renderStartTime$jscomp$0, + eventType, currentTrack, "Scheduler \u269b", "primary-light" @@ -12928,16 +12953,16 @@ batchedUpdatesImpl = function (fn, a) { } }; var roots = new Map(), - internals$jscomp$inline_1471 = { + internals$jscomp$inline_1473 = { bundleType: 0, - version: "19.2.0-native-fb-73aa744b-20250702", + version: "19.2.0-native-fb-0b78161d-20250702", rendererPackageName: "react-native-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-73aa744b-20250702" + reconcilerVersion: "19.2.0-native-fb-0b78161d-20250702" }; null !== extraDevToolsConfig && - (internals$jscomp$inline_1471.rendererConfig = extraDevToolsConfig); -internals$jscomp$inline_1471.getLaneLabelMap = function () { + (internals$jscomp$inline_1473.rendererConfig = extraDevToolsConfig); +internals$jscomp$inline_1473.getLaneLabelMap = function () { for ( var map = new Map(), lane = 1, index$165 = 0; 31 > index$165; @@ -12949,20 +12974,20 @@ internals$jscomp$inline_1471.getLaneLabelMap = function () { } return map; }; -internals$jscomp$inline_1471.injectProfilingHooks = function (profilingHooks) { +internals$jscomp$inline_1473.injectProfilingHooks = function (profilingHooks) { injectedProfilingHooks = profilingHooks; }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_1792 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_1794 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_1792.isDisabled && - hook$jscomp$inline_1792.supportsFiber + !hook$jscomp$inline_1794.isDisabled && + hook$jscomp$inline_1794.supportsFiber ) try { - (rendererID = hook$jscomp$inline_1792.inject( - internals$jscomp$inline_1471 + (rendererID = hook$jscomp$inline_1794.inject( + internals$jscomp$inline_1473 )), - (injectedHook = hook$jscomp$inline_1792); + (injectedHook = hook$jscomp$inline_1794); } catch (err) {} } exports.createPortal = function (children, containerTag) { diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js index ad11e485a1..152e5c2f0c 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js +++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<<632bf0cb3ace8a8e363e98aa9af5fdde>> */ "use strict"; @@ -2373,13 +2373,19 @@ __DEV__ && } return kind; } - function addObjectToProperties(object, properties, indent) { + function addObjectToProperties(object, properties, indent, prefix) { for (var key in object) hasOwnProperty.call(object, key) && "_" !== key[0] && - addValueToProperties(key, object[key], properties, indent); + addValueToProperties(key, object[key], properties, indent, prefix); } - function addValueToProperties(propertyName, value, properties, indent) { + function addValueToProperties( + propertyName, + value, + properties, + indent, + prefix + ) { switch (typeof value) { case "object": if (null === value) { @@ -2406,11 +2412,17 @@ __DEV__ && break; } properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "<" + typeName ]); null !== key && - addValueToProperties("key", key, properties, indent + 1); + addValueToProperties( + "key", + key, + properties, + indent + 1, + prefix + ); propertyName = !1; for (var propKey in value) "children" === propKey @@ -2424,7 +2436,8 @@ __DEV__ && propKey, value[propKey], properties, - indent + 1 + indent + 1, + prefix ); properties.push([ "", @@ -2443,7 +2456,7 @@ __DEV__ && break; } else if (3 === propKey) { properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "" ]); for ( @@ -2456,7 +2469,8 @@ __DEV__ && typeName[0], typeName[1], properties, - indent + 1 + indent + 1, + prefix ); return; } @@ -2468,7 +2482,8 @@ __DEV__ && propertyName, value.value, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -2484,7 +2499,8 @@ __DEV__ && propertyName, value.reason, properties, - indent + indent, + prefix ), properties.length > typeName) ) { @@ -2503,10 +2519,11 @@ __DEV__ && "function" === typeof propKey.constructor && (typeName = propKey.constructor.name); properties.push([ - "\u00a0\u00a0".repeat(indent) + propertyName, + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, "Object" === typeName ? (3 > indent ? "" : "\u2026") : typeName ]); - 3 > indent && addObjectToProperties(value, properties, indent + 1); + 3 > indent && + addObjectToProperties(value, properties, indent + 1, prefix); return; } case "function": @@ -2528,7 +2545,127 @@ __DEV__ && default: value = String(value); } - properties.push(["\u00a0\u00a0".repeat(indent) + propertyName, value]); + properties.push([ + prefix + "\u00a0\u00a0".repeat(indent) + propertyName, + value + ]); + } + function addObjectDiffToProperties(prev, next, properties, indent) { + var isDeeplyEqual = !0; + for (key in prev) + key in next || + (properties.push([ + "\u2013\u00a0" + "\u00a0\u00a0".repeat(indent) + key, + "\u2026" + ]), + (isDeeplyEqual = !1)); + for (var _key in next) + if (_key in prev) { + var key = prev[_key]; + var nextValue = next[_key]; + if (key !== nextValue) { + if (0 === indent && "children" === _key) + (isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key), + properties.push( + ["\u2013\u00a0" + isDeeplyEqual, "\u2026"], + ["+\u00a0" + isDeeplyEqual, "\u2026"] + ); + else { + if (!(3 <= indent)) + if ( + "object" === typeof key && + "object" === typeof nextValue && + null !== key && + null !== nextValue && + key.$$typeof === nextValue.$$typeof + ) + if (nextValue.$$typeof === REACT_ELEMENT_TYPE) { + if ( + key.type === nextValue.type && + key.key === nextValue.key + ) { + key = + getComponentNameFromType(nextValue.type) || "\u2026"; + isDeeplyEqual = "\u00a0\u00a0".repeat(indent) + _key; + key = "<" + key + " \u2026 />"; + properties.push( + ["\u2013\u00a0" + isDeeplyEqual, key], + ["+\u00a0" + isDeeplyEqual, key] + ); + isDeeplyEqual = !1; + continue; + } + } else { + var prevKind = Object.prototype.toString.call(key), + nextKind = Object.prototype.toString.call(nextValue); + if ( + prevKind === nextKind && + ("[object Object]" === nextKind || + "[object Array]" === nextKind) + ) { + prevKind = [ + "\u2007\u00a0" + "\u00a0\u00a0".repeat(indent) + _key, + "[object Array]" === nextKind ? "Array" : "" + ]; + properties.push(prevKind); + nextKind = properties.length; + addObjectDiffToProperties( + key, + nextValue, + properties, + indent + 1 + ) + ? nextKind === properties.length && + (prevKind[1] = + "Referentially unequal but deeply equal objects. Consider memoization.") + : (isDeeplyEqual = !1); + continue; + } + } + else if ( + "function" === typeof key && + "function" === typeof nextValue && + key.name === nextValue.name && + key.length === nextValue.length && + ((prevKind = Function.prototype.toString.call(key)), + (nextKind = Function.prototype.toString.call(nextValue)), + prevKind === nextKind) + ) { + key = + "" === nextValue.name + ? "() => {}" + : nextValue.name + "() {}"; + properties.push([ + "\u2007\u00a0" + "\u00a0\u00a0".repeat(indent) + _key, + key + + " Referentially unequal function closure. Consider memoization." + ]); + continue; + } + addValueToProperties( + _key, + key, + properties, + indent, + "\u2013\u00a0" + ); + addValueToProperties( + _key, + nextValue, + properties, + indent, + "+\u00a0" + ); + } + isDeeplyEqual = !1; + } + } else + properties.push([ + "+\u00a0" + "\u00a0\u00a0".repeat(indent) + _key, + "\u2026" + ]), + (isDeeplyEqual = !1); + return isDeeplyEqual; } function setCurrentTrackFromLanes(lanes) { currentTrack = @@ -2544,35 +2681,36 @@ __DEV__ && } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - ((fiber = fiber._debugTask) + ((reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = trigger), + (reusableComponentDevToolDetails.properties = null), + (fiber = fiber._debugTask) ? fiber.run( - console.timeStamp.bind( - console, + performance.measure.bind( + performance, trigger, - startTime, - endTime, - "Components \u269b", - void 0, - "warning" + reusableComponentOptions ) ) - : console.timeStamp( - trigger, - startTime, - endTime, - "Components \u269b", - void 0, - "warning" - )); + : performance.measure(trigger, reusableComponentOptions)); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); } - function logComponentRender(fiber, startTime, endTime, wasHydrated) { + function logComponentRender( + fiber, + startTime, + endTime, + wasHydrated, + committedLanes + ) { var name = getComponentNameFromFiber(fiber); if (null !== name && supportsUserTiming) { - var selfTime = fiber.actualDuration; - if (null === fiber.alternate || fiber.alternate.child !== fiber.child) + var alternate = fiber.alternate, + selfTime = fiber.actualDuration; + if (null === alternate || alternate.child !== fiber.child) for (var child = fiber.child; null !== child; child = child.sibling) selfTime -= child.actualDuration; wasHydrated = @@ -2589,142 +2727,154 @@ __DEV__ && ? "tertiary-dark" : "primary-dark" : "error"; - (fiber = fiber._debugTask) - ? fiber.run( - console.timeStamp.bind( - console, + if ((selfTime = fiber._debugTask)) { + var props = fiber.memoizedProps; + if ( + null !== props && + null !== alternate && + alternate.memoizedProps !== props && + ((child = [resuableChangedPropsEntry]), + (props = addObjectDiffToProperties( + alternate.memoizedProps, + props, + child, + 0 + )), + 1 < child.length) + ) { + props && + !alreadyWarnedForDeepEquality && + 0 === (alternate.lanes & committedLanes) && + 100 < fiber.actualDuration + ? ((alreadyWarnedForDeepEquality = !0), + (child[0] = reusableDeeplyEqualPropsEntry), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = + "This component received deeply equal props. It might benefit from useMemo or the React Compiler in its owner.")) + : ((reusableComponentDevToolDetails.color = wasHydrated), + (reusableComponentDevToolDetails.tooltipText = name)); + reusableComponentDevToolDetails.properties = child; + reusableComponentOptions.start = startTime; + reusableComponentOptions.end = endTime; + selfTime.run( + performance.measure.bind( + performance, name, - startTime, - endTime, - "Components \u269b", - void 0, - wasHydrated + reusableComponentOptions ) - ) - : console.timeStamp( + ); + return; + } + selfTime.run( + console.timeStamp.bind( + console, name, startTime, endTime, "Components \u269b", void 0, wasHydrated - ); + ) + ); + } else + console.timeStamp( + name, + startTime, + endTime, + "Components \u269b", + void 0, + wasHydrated + ); } } function logComponentErrored(fiber, startTime, endTime, errors) { if (supportsUserTiming) { var name = getComponentNameFromFiber(fiber); - if (null !== name) - if ( - "undefined" !== typeof performance && - "function" === typeof performance.measure + if (null !== name) { + for ( + var debugTask = null, properties = [], i = 0; + i < errors.length; + i++ ) { - for ( - var debugTask = null, properties = [], i = 0; - i < errors.length; - i++ - ) { - var capturedValue = errors[i]; - null == debugTask && - null !== capturedValue.source && - (debugTask = capturedValue.source._debugTask); - capturedValue = capturedValue.value; - properties.push([ - "Error", - "object" === typeof capturedValue && - null !== capturedValue && - "string" === typeof capturedValue.message - ? String(capturedValue.message) - : String(capturedValue) - ]); - } - null !== fiber.key && - addValueToProperties("key", fiber.key, properties, 0); - null !== fiber.memoizedProps && - addObjectToProperties(fiber.memoizedProps, properties, 0); - null == debugTask && (debugTask = fiber._debugTask); - fiber = { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: "Components \u269b", - tooltipText: - 13 === fiber.tag - ? "Hydration failed" - : "Error boundary caught an error", - properties: properties - } + var capturedValue = errors[i]; + null == debugTask && + null !== capturedValue.source && + (debugTask = capturedValue.source._debugTask); + capturedValue = capturedValue.value; + properties.push([ + "Error", + "object" === typeof capturedValue && + null !== capturedValue && + "string" === typeof capturedValue.message + ? String(capturedValue.message) + : String(capturedValue) + ]); + } + null !== fiber.key && + addValueToProperties("key", fiber.key, properties, 0, ""); + null !== fiber.memoizedProps && + addObjectToProperties(fiber.memoizedProps, properties, 0, ""); + null == debugTask && (debugTask = fiber._debugTask); + fiber = { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: "Components \u269b", + 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 \u269b", - void 0, - "error" - ); + } + }; + debugTask + ? debugTask.run(performance.measure.bind(performance, name, fiber)) + : performance.measure(name, fiber); + } } } function logComponentEffect(fiber, startTime, endTime, selfTime, errors) { if (null !== errors) { 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) - ]); - } - null !== fiber.key && - addValueToProperties("key", fiber.key, selfTime, 0); - null !== fiber.memoizedProps && - addObjectToProperties(fiber.memoizedProps, selfTime, 0); - startTime = { - start: startTime, - end: endTime, - detail: { - devtools: { - color: "error", - track: "Components \u269b", - tooltipText: "A lifecycle or effect errored", - properties: selfTime - } + if (null !== name) { + selfTime = []; + for (var i = 0; i < errors.length; i++) { + var error = errors[i].value; + selfTime.push([ + "Error", + "object" === typeof error && + null !== error && + "string" === typeof error.message + ? String(error.message) + : String(error) + ]); + } + null !== fiber.key && + addValueToProperties("key", fiber.key, selfTime, 0, ""); + null !== fiber.memoizedProps && + addObjectToProperties(fiber.memoizedProps, selfTime, 0, ""); + startTime = { + start: startTime, + end: endTime, + detail: { + devtools: { + color: "error", + track: "Components \u269b", + 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 \u269b", - void 0, - "error" - ); + } + }; + (fiber = fiber._debugTask) + ? fiber.run( + performance.measure.bind(performance, name, startTime) + ) + : performance.measure(name, startTime); + } } } else (name = getComponentNameFromFiber(fiber)), @@ -2788,47 +2938,35 @@ __DEV__ && recoverableErrors, hydrationFailed ) { - 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: "Scheduler \u269b", - tooltipText: hydrationFailed - ? "Hydration Failed" - : "Recovered after Error", - properties: lanes - } + 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: currentTrack, + trackGroup: "Scheduler \u269b", + tooltipText: hydrationFailed + ? "Hydration Failed" + : "Recovered after Error", + properties: lanes } - }); - } else - console.timeStamp( - "Recovered", - startTime, - endTime, - currentTrack, - "Scheduler \u269b", - "error" - ); + } + }); + } } function logErroredRenderPhase(startTime, endTime) { supportsUserTiming && @@ -2842,46 +2980,34 @@ __DEV__ && ); } function logCommitErrored(startTime, endTime, errors, passive) { - 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: "Scheduler \u269b", - tooltipText: passive - ? "Remaining Effects Errored" - : "Commit Errored", - properties: properties - } + 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: currentTrack, + trackGroup: "Scheduler \u269b", + tooltipText: passive + ? "Remaining Effects Errored" + : "Commit Errored", + properties: properties } - }); - } else - console.timeStamp( - "Errored", - startTime, - endTime, - currentTrack, - "Scheduler \u269b", - "error" - ); + } + }); + } } function createCapturedValueAtFiber(value, source) { if ("object" === typeof value && null !== value) { @@ -12661,6 +12787,7 @@ __DEV__ && var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), prevEffectErrors = pushComponentEffectErrors(), + prevDeepEquality = alreadyWarnedForDeepEquality, flags = finishedWork.flags; switch (finishedWork.tag) { case 0: @@ -12674,7 +12801,8 @@ __DEV__ && finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -12702,7 +12830,8 @@ __DEV__ && finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes )); recursivelyTraversePassiveMountEffects( finishedRoot, @@ -12973,6 +13102,7 @@ __DEV__ && popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseReconnectPassiveEffects( finishedRoot, @@ -13018,7 +13148,8 @@ __DEV__ && ) { var prevEffectStart = pushComponentEffectStart(), prevEffectDuration = pushComponentEffectDuration(), - prevEffectErrors = pushComponentEffectErrors(); + prevEffectErrors = pushComponentEffectErrors(), + prevDeepEquality = alreadyWarnedForDeepEquality; enableComponentPerformanceTrack && 0 !== (finishedWork.mode & 2) && 0 < finishedWork.actualStartTime && @@ -13027,7 +13158,8 @@ __DEV__ && finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -13129,6 +13261,7 @@ __DEV__ && popComponentEffectStart(prevEffectStart); popComponentEffectDuration(prevEffectDuration); componentEffectErrors = prevEffectErrors; + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyTraverseAtomicPassiveEffects( finishedRoot, @@ -13166,6 +13299,7 @@ __DEV__ && committedTransitions, endTime ) { + var prevDeepEquality = alreadyWarnedForDeepEquality; enableComponentPerformanceTrack && 0 !== (finishedWork.mode & 2) && 0 < finishedWork.actualStartTime && @@ -13174,7 +13308,8 @@ __DEV__ && finishedWork, finishedWork.actualStartTime, endTime, - inHydratedSubtree + inHydratedSubtree, + committedLanes ); var flags = finishedWork.flags; switch (finishedWork.tag) { @@ -13212,6 +13347,7 @@ __DEV__ && endTime ); } + alreadyWarnedForDeepEquality = prevDeepEquality; } function recursivelyAccumulateSuspenseyCommit(parentFiber) { if (parentFiber.subtreeFlags & suspenseyCommitFlag) @@ -14173,7 +14309,15 @@ __DEV__ && debugTask = blockingUpdateTask; if (supportsUserTiming) { currentTrack = "Blocking"; - if (0 < clampedEventTime && null !== eventType) { + var eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0; + if ( + 0 < clampedEventTime && + null !== eventType && + eventEndTime > clampedEventTime + ) { var color = eventIsRepeat ? "secondary-light" : "warning"; debugTask ? debugTask.run( @@ -14181,9 +14325,7 @@ __DEV__ && console, eventIsRepeat ? "" : "Event: " + eventType, clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, "Scheduler \u269b", color @@ -14192,15 +14334,14 @@ __DEV__ && : console.timeStamp( eventIsRepeat ? "" : "Event: " + eventType, clampedEventTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, "Scheduler \u269b", color ); } 0 < previousRenderStartTime && + renderStartTime$jscomp$0 > previousRenderStartTime && ((clampedEventTime = endTime ? "error" : (lanes & 738197653) === lanes @@ -14241,76 +14382,80 @@ __DEV__ && blockingEventIsRepeat = !0; blockingSpawnedUpdate = !1; } - if (0 !== (lanes & 4194048)) { - previousRenderStartTime = + 0 !== (lanes & 4194048) && + ((previousRenderStartTime = 0 <= transitionStartTime && transitionStartTime < transitionClampTime ? transitionClampTime - : transitionStartTime; - endTime = + : transitionStartTime), + (endTime = 0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime ? transitionClampTime - : transitionUpdateTime; - renderStartTime$jscomp$0 = + : transitionUpdateTime), + (clampedEventTime = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime - : transitionEventTime; + : transitionEventTime), 0 <= transitionSuspendedTime && (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= renderStartTime$jscomp$0 - ? renderStartTime$jscomp$0 + 0 <= clampedEventTime + ? clampedEventTime : 0 <= endTime ? endTime : renderStartTime, lanes - )); - 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 - : eventType; - eventIsRepeat - ? eventIsRepeat.run( + )), + (eventType = transitionEventType), + (eventIsRepeat = transitionEventIsRepeat), + (renderStartTime$jscomp$0 = renderStartTime), + (debugTask = transitionUpdateTask), + supportsUserTiming && + ((currentTrack = "Transition"), + (eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : 0 < endTime + ? endTime + : renderStartTime$jscomp$0), + 0 < clampedEventTime && + eventEndTime > clampedEventTime && + null !== eventType && + ((color = eventIsRepeat ? "secondary-light" : "warning"), + debugTask + ? debugTask.run( console.timeStamp.bind( console, - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + eventEndTime, currentTrack, "Scheduler \u269b", color ) ) : console.timeStamp( - clampedEventTime ? "" : "Event: " + debugTask, - renderStartTime$jscomp$0, - endTime$jscomp$0, + eventIsRepeat ? "" : "Event: " + eventType, + clampedEventTime, + eventEndTime, currentTrack, "Scheduler \u269b", color - ); - } + )), + (clampedEventTime = + 0 < endTime ? endTime : renderStartTime$jscomp$0), 0 < previousRenderStartTime && - (eventIsRepeat - ? eventIsRepeat.run( + clampedEventTime > previousRenderStartTime && + (debugTask + ? debugTask.run( console.timeStamp.bind( console, "Action", previousRenderStartTime, - 0 < endTime ? endTime : eventType, + clampedEventTime, currentTrack, "Scheduler \u269b", "primary-dark" @@ -14319,38 +14464,41 @@ __DEV__ && : console.timeStamp( "Action", previousRenderStartTime, - 0 < endTime ? endTime : eventType, + clampedEventTime, currentTrack, "Scheduler \u269b", "primary-dark" - )); + )), 0 < endTime && - (eventIsRepeat - ? eventIsRepeat.run( + renderStartTime$jscomp$0 > endTime && + (debugTask + ? debugTask.run( console.timeStamp.bind( console, - 5 < eventType - endTime ? "Update Blocked" : "Update", + 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", endTime, - eventType, + renderStartTime$jscomp$0, currentTrack, "Scheduler \u269b", "primary-light" ) ) : console.timeStamp( - 5 < eventType - endTime ? "Update Blocked" : "Update", + 5 < renderStartTime$jscomp$0 - endTime + ? "Update Blocked" + : "Update", endTime, - eventType, + renderStartTime$jscomp$0, currentTrack, "Scheduler \u269b", "primary-light" - )); - } - transitionUpdateTime = transitionStartTime = -1.1; - transitionUpdateTask = null; - transitionSuspendedTime = -1.1; - transitionEventIsRepeat = !0; - } + ))), + (transitionUpdateTime = transitionStartTime = -1.1), + (transitionUpdateTask = null), + (transitionSuspendedTime = -1.1), + (transitionEventIsRepeat = !0)); } previousRenderStartTime = root.timeoutHandle; -1 !== previousRenderStartTime && @@ -17605,8 +17753,27 @@ __DEV__ && hasOwnProperty = Object.prototype.hasOwnProperty, supportsUserTiming = "undefined" !== typeof console && - "function" === typeof console.timeStamp, + "function" === typeof console.timeStamp && + "undefined" !== typeof performance && + "function" === typeof performance.measure, currentTrack = "Blocking", + alreadyWarnedForDeepEquality = !1, + reusableComponentDevToolDetails = { + color: "primary", + properties: null, + tooltipText: "", + track: "Components \u269b" + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }, + resuableChangedPropsEntry = ["Changed Props", ""], + reusableDeeplyEqualPropsEntry = [ + "Changed Props", + "This component received deeply equal props. It might benefit from useMemo or the React Compiler in its owner." + ], CapturedStacks = new WeakMap(), contextStackCursor = createCursor(null), contextFiberStackCursor = createCursor(null), @@ -19398,11 +19565,11 @@ __DEV__ && shouldSuspendImpl = newShouldSuspendImpl; }; var isomorphicReactPackageVersion = React.version; - if ("19.2.0-native-fb-73aa744b-20250702" !== isomorphicReactPackageVersion) + if ("19.2.0-native-fb-0b78161d-20250702" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-native-renderer" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-native-renderer: 19.2.0-native-fb-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-native-renderer: 19.2.0-native-fb-0b78161d-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); if ( "function" !== @@ -19428,10 +19595,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.2.0-native-fb-73aa744b-20250702", + version: "19.2.0-native-fb-0b78161d-20250702", rendererPackageName: "react-native-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-73aa744b-20250702" + reconcilerVersion: "19.2.0-native-fb-0b78161d-20250702" }; null !== extraDevToolsConfig && (internals.rendererConfig = extraDevToolsConfig); diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js index 056774c373..63b2784db5 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js +++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<<8a271481a6bc245a8912cb41a25836db>> + * @generated SignedSource<<264c56bd089d268adafc0a603d484f4f>> */ "use strict"; @@ -11219,11 +11219,11 @@ function updateContainer(element, container, parentComponent, callback) { return lane; } var isomorphicReactPackageVersion = React.version; -if ("19.2.0-native-fb-73aa744b-20250702" !== isomorphicReactPackageVersion) +if ("19.2.0-native-fb-0b78161d-20250702" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-native-renderer" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-native-renderer: 19.2.0-native-fb-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-native-renderer: 19.2.0-native-fb-0b78161d-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); if ( "function" !== @@ -11273,10 +11273,10 @@ batchedUpdatesImpl = function (fn, a) { var roots = new Map(), internals$jscomp$inline_1294 = { bundleType: 0, - version: "19.2.0-native-fb-73aa744b-20250702", + version: "19.2.0-native-fb-0b78161d-20250702", rendererPackageName: "react-native-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-73aa744b-20250702" + reconcilerVersion: "19.2.0-native-fb-0b78161d-20250702" }; null !== extraDevToolsConfig && (internals$jscomp$inline_1294.rendererConfig = extraDevToolsConfig); diff --git a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js index 8f19225471..cc6e37ddb1 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js +++ b/compiled-rn/facebook-fbsource/xplat/js/react-native-github/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js @@ -7,7 +7,7 @@ * @noflow * @nolint * @preventMunge - * @generated SignedSource<> + * @generated SignedSource<<3272b4a251466e486b1c472f25e0dcc6>> */ "use strict"; @@ -2443,7 +2443,9 @@ var objectIs = "function" === typeof Object.is ? Object.is : is, }, hasOwnProperty = Object.prototype.hasOwnProperty, supportsUserTiming = - "undefined" !== typeof console && "function" === typeof console.timeStamp, + "undefined" !== typeof console && + "function" === typeof console.timeStamp && + !0, currentTrack = "Blocking"; function setCurrentTrackFromLanes(lanes) { currentTrack = @@ -2459,23 +2461,33 @@ function setCurrentTrackFromLanes(lanes) { } function logComponentTrigger(fiber, startTime, endTime, trigger) { supportsUserTiming && - console.timeStamp( - trigger, - startTime, - endTime, - "Components \u269b", - void 0, - "warning" - ); + ((reusableComponentOptions.start = startTime), + (reusableComponentOptions.end = endTime), + (reusableComponentDevToolDetails.color = "warning"), + (reusableComponentDevToolDetails.tooltipText = trigger), + (reusableComponentDevToolDetails.properties = null), + performance.measure(trigger, reusableComponentOptions)); } function logComponentReappeared(fiber, startTime, endTime) { logComponentTrigger(fiber, startTime, endTime, "Reconnect"); } +var reusableComponentDevToolDetails = { + color: "primary", + properties: null, + tooltipText: "", + track: "Components \u269b" + }, + reusableComponentOptions = { + start: -0, + end: -0, + detail: { devtools: reusableComponentDevToolDetails } + }; function logComponentRender(fiber, startTime, endTime, wasHydrated) { var name = getComponentNameFromFiber(fiber); if (null !== name && supportsUserTiming) { - var selfTime = fiber.actualDuration; - if (null === fiber.alternate || fiber.alternate.child !== fiber.child) + var alternate = fiber.alternate, + selfTime = fiber.actualDuration; + if (null === alternate || alternate.child !== fiber.child) for (fiber = fiber.child; null !== fiber; fiber = fiber.sibling) selfTime -= fiber.actualDuration; console.timeStamp( @@ -11583,21 +11595,25 @@ function prepareFreshStack(root, lanes) { eventIsRepeat = blockingEventIsRepeat, isSpawnedUpdate = blockingSpawnedUpdate, renderStartTime$jscomp$0 = renderStartTime; - supportsUserTiming && - ((currentTrack = "Blocking"), + if (supportsUserTiming) { + currentTrack = "Blocking"; + var eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : renderStartTime$jscomp$0; 0 < endTime && null !== eventType && + eventEndTime > endTime && console.timeStamp( eventIsRepeat ? "" : "Event: " + eventType, endTime, - 0 < previousRenderStartTime - ? previousRenderStartTime - : renderStartTime$jscomp$0, + eventEndTime, currentTrack, "Scheduler \u269b", eventIsRepeat ? "secondary-light" : "warning" - ), + ); 0 < previousRenderStartTime && + renderStartTime$jscomp$0 > previousRenderStartTime && console.timeStamp( isSpawnedUpdate ? "Cascading Update" @@ -11613,7 +11629,8 @@ function prepareFreshStack(root, lanes) { : (lanes & 738197653) === lanes ? "tertiary-light" : "primary-light" - )); + ); + } blockingSuspendedTime = blockingUpdateTime = -1.1; blockingEventIsRepeat = !0; blockingSpawnedUpdate = !1; @@ -11627,7 +11644,7 @@ function prepareFreshStack(root, lanes) { 0 <= transitionUpdateTime && transitionUpdateTime < transitionClampTime ? transitionClampTime : transitionUpdateTime), - (eventType = + (eventIsRepeat = 0 <= transitionEventTime && transitionEventTime < transitionClampTime ? transitionClampTime : transitionEventTime), @@ -11635,44 +11652,52 @@ function prepareFreshStack(root, lanes) { (setCurrentTrackFromLanes(lanes), logSuspendedWithDelayPhase( transitionSuspendedTime, - 0 <= eventType ? eventType : 0 <= endTime ? endTime : renderStartTime, + 0 <= eventIsRepeat + ? eventIsRepeat + : 0 <= endTime + ? endTime + : renderStartTime, lanes )), - (eventIsRepeat = transitionEventType), - (isSpawnedUpdate = transitionEventIsRepeat), - (renderStartTime$jscomp$0 = renderStartTime), + (isSpawnedUpdate = transitionEventType), + (renderStartTime$jscomp$0 = transitionEventIsRepeat), + (eventType = renderStartTime), supportsUserTiming && ((currentTrack = "Transition"), - 0 < eventType && - null !== eventIsRepeat && + (eventEndTime = + 0 < previousRenderStartTime + ? previousRenderStartTime + : 0 < endTime + ? endTime + : eventType), + 0 < eventIsRepeat && + eventEndTime > eventIsRepeat && + null !== isSpawnedUpdate && console.timeStamp( - isSpawnedUpdate ? "" : "Event: " + eventIsRepeat, - eventType, - 0 < previousRenderStartTime - ? previousRenderStartTime - : 0 < endTime - ? endTime - : renderStartTime$jscomp$0, + renderStartTime$jscomp$0 ? "" : "Event: " + isSpawnedUpdate, + eventIsRepeat, + eventEndTime, currentTrack, "Scheduler \u269b", - isSpawnedUpdate ? "secondary-light" : "warning" + renderStartTime$jscomp$0 ? "secondary-light" : "warning" ), + (eventIsRepeat = 0 < endTime ? endTime : eventType), 0 < previousRenderStartTime && + eventIsRepeat > previousRenderStartTime && console.timeStamp( "Action", previousRenderStartTime, - 0 < endTime ? endTime : renderStartTime$jscomp$0, + eventIsRepeat, currentTrack, "Scheduler \u269b", "primary-dark" ), 0 < endTime && + eventType > endTime && console.timeStamp( - 5 < renderStartTime$jscomp$0 - endTime - ? "Update Blocked" - : "Update", + 5 < eventType - endTime ? "Update Blocked" : "Update", endTime, - renderStartTime$jscomp$0, + eventType, currentTrack, "Scheduler \u269b", "primary-light" @@ -13111,11 +13136,11 @@ function updateContainer(element, container, parentComponent, callback) { return lane; } var isomorphicReactPackageVersion = React.version; -if ("19.2.0-native-fb-73aa744b-20250702" !== isomorphicReactPackageVersion) +if ("19.2.0-native-fb-0b78161d-20250702" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-native-renderer" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-native-renderer: 19.2.0-native-fb-73aa744b-20250702\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-native-renderer: 19.2.0-native-fb-0b78161d-20250702\nLearn more: https://react.dev/warnings/version-mismatch") ); if ( "function" !== @@ -13163,16 +13188,16 @@ batchedUpdatesImpl = function (fn, a) { } }; var roots = new Map(), - internals$jscomp$inline_1527 = { + internals$jscomp$inline_1529 = { bundleType: 0, - version: "19.2.0-native-fb-73aa744b-20250702", + version: "19.2.0-native-fb-0b78161d-20250702", rendererPackageName: "react-native-renderer", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-native-fb-73aa744b-20250702" + reconcilerVersion: "19.2.0-native-fb-0b78161d-20250702" }; null !== extraDevToolsConfig && - (internals$jscomp$inline_1527.rendererConfig = extraDevToolsConfig); -internals$jscomp$inline_1527.getLaneLabelMap = function () { + (internals$jscomp$inline_1529.rendererConfig = extraDevToolsConfig); +internals$jscomp$inline_1529.getLaneLabelMap = function () { for ( var map = new Map(), lane = 1, index$171 = 0; 31 > index$171; @@ -13184,20 +13209,20 @@ internals$jscomp$inline_1527.getLaneLabelMap = function () { } return map; }; -internals$jscomp$inline_1527.injectProfilingHooks = function (profilingHooks) { +internals$jscomp$inline_1529.injectProfilingHooks = function (profilingHooks) { injectedProfilingHooks = profilingHooks; }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_1875 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_1877 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_1875.isDisabled && - hook$jscomp$inline_1875.supportsFiber + !hook$jscomp$inline_1877.isDisabled && + hook$jscomp$inline_1877.supportsFiber ) try { - (rendererID = hook$jscomp$inline_1875.inject( - internals$jscomp$inline_1527 + (rendererID = hook$jscomp$inline_1877.inject( + internals$jscomp$inline_1529 )), - (injectedHook = hook$jscomp$inline_1875); + (injectedHook = hook$jscomp$inline_1877); } catch (err) {} } exports.createPortal = function (children, containerTag) { diff --git a/compiled-rn/facebook-fbsource/xplat/js/tools/eslint-plugin-react-hooks/package.json b/compiled-rn/facebook-fbsource/xplat/js/tools/eslint-plugin-react-hooks/package.json index 90a34a4302..d3d3d4304a 100644 --- a/compiled-rn/facebook-fbsource/xplat/js/tools/eslint-plugin-react-hooks/package.json +++ b/compiled-rn/facebook-fbsource/xplat/js/tools/eslint-plugin-react-hooks/package.json @@ -1,7 +1,7 @@ { "name": "eslint-plugin-react-hooks", "description": "ESLint rules for React Hooks", - "version": "0.0.0-experimental-73aa744b-20250702", + "version": "0.0.0-experimental-0b78161d-20250702", "repository": { "type": "git", "url": "https://github.com/facebook/react.git",