From 651e75526502dfdf23c42c28d1a73061a343fc3e Mon Sep 17 00:00:00 2001 From: gnoff Date: Fri, 16 Feb 2024 04:48:29 +0000 Subject: [PATCH] stash the component stack on the thrown value and reuse (#25790) ErrorBoundaries are currently not fully composable. The reason is if you decide your boundary cannot handle a particular error and rethrow it to higher boundary the React runtime does not understand that this throw is a forward and it recreates the component stack from the Boundary position. This loses fidelity and is especially bad if the boundary is limited it what it handles and high up in the component tree. This implementation uses a WeakMap to store component stacks for values that are objects. If an error is rethrown from an ErrorBoundary the stack will be pulled from the map if it exists. This doesn't work for thrown primitives but this is uncommon and stashing the stack on the primitive also wouldn't work DiffTrain build for [a9cc32511a12c261ee719e5383818182800d6af4](https://github.com/facebook/react/commit/a9cc32511a12c261ee719e5383818182800d6af4) --- compiled/facebook-www/REVISION | 2 +- compiled/facebook-www/React-prod.classic.js | 2 +- .../facebook-www/React-profiling.classic.js | 2 +- compiled/facebook-www/ReactART-dev.classic.js | 30 ++++- compiled/facebook-www/ReactART-dev.modern.js | 30 ++++- .../facebook-www/ReactART-prod.classic.js | 75 ++++++----- compiled/facebook-www/ReactART-prod.modern.js | 75 ++++++----- compiled/facebook-www/ReactDOM-dev.classic.js | 30 ++++- compiled/facebook-www/ReactDOM-dev.modern.js | 30 ++++- .../facebook-www/ReactDOM-prod.classic.js | 121 +++++++++--------- compiled/facebook-www/ReactDOM-prod.modern.js | 121 +++++++++--------- .../ReactDOM-profiling.classic.js | 107 ++++++++-------- .../facebook-www/ReactDOM-profiling.modern.js | 107 ++++++++-------- .../ReactDOMTesting-dev.classic.js | 30 ++++- .../ReactDOMTesting-dev.modern.js | 30 ++++- .../ReactDOMTesting-prod.classic.js | 121 +++++++++--------- .../ReactDOMTesting-prod.modern.js | 121 +++++++++--------- .../ReactTestRenderer-dev.classic.js | 30 ++++- .../ReactTestRenderer-dev.modern.js | 30 ++++- 19 files changed, 647 insertions(+), 447 deletions(-) diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION index 809f6756daf75..46448add900e4 100644 --- a/compiled/facebook-www/REVISION +++ b/compiled/facebook-www/REVISION @@ -1 +1 @@ -fea900e45447214ddd6ef69076ab7e38433b5ffd +a9cc32511a12c261ee719e5383818182800d6af4 diff --git a/compiled/facebook-www/React-prod.classic.js b/compiled/facebook-www/React-prod.classic.js index 67dea9aebb24d..507eac9565b79 100644 --- a/compiled/facebook-www/React-prod.classic.js +++ b/compiled/facebook-www/React-prod.classic.js @@ -618,4 +618,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactCurrentDispatcher.current.useTransition(); }; -exports.version = "18.3.0-www-classic-22e81a9f"; +exports.version = "18.3.0-www-classic-707cd731"; diff --git a/compiled/facebook-www/React-profiling.classic.js b/compiled/facebook-www/React-profiling.classic.js index d35f1b899c35c..48001f5be90fa 100644 --- a/compiled/facebook-www/React-profiling.classic.js +++ b/compiled/facebook-www/React-profiling.classic.js @@ -622,7 +622,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactCurrentDispatcher.current.useTransition(); }; -exports.version = "18.3.0-www-classic-49d2df34"; +exports.version = "18.3.0-www-classic-7063c424"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactART-dev.classic.js b/compiled/facebook-www/ReactART-dev.classic.js index bc6c4c573cac5..cfc6ae78ef64f 100644 --- a/compiled/facebook-www/ReactART-dev.classic.js +++ b/compiled/facebook-www/ReactART-dev.classic.js @@ -66,7 +66,7 @@ if (__DEV__) { return self; } - var ReactVersion = "18.3.0-www-classic-ed34a3bc"; + var ReactVersion = "18.3.0-www-classic-fc548c7d"; var LegacyRoot = 0; var ConcurrentRoot = 1; @@ -13644,17 +13644,37 @@ if (__DEV__) { return shouldUpdate; } + var CapturedStacks = new WeakMap(); function createCapturedValueAtFiber(value, source) { // If the value is an error, call this function immediately after it is thrown // so the stack is accurate. + var stack; + + if (typeof value === "object" && value !== null) { + var capturedStack = CapturedStacks.get(value); + + if (typeof capturedStack === "string") { + stack = capturedStack; + } else { + stack = getStackByFiberInDevAndProd(source); + CapturedStacks.set(value, stack); + } + } else { + stack = getStackByFiberInDevAndProd(source); + } + return { value: value, source: source, - stack: getStackByFiberInDevAndProd(source), + stack: stack, digest: null }; } - function createCapturedValue(value, digest, stack) { + function createCapturedValueFromError(value, digest, stack) { + if (typeof stack === "string") { + CapturedStacks.set(value, stack); + } + return { value: value, source: null, @@ -16638,7 +16658,7 @@ if (__DEV__) { } error.digest = digest; - capturedValue = createCapturedValue(error, digest, stack); + capturedValue = createCapturedValueFromError(error, digest, stack); } return retrySuspenseComponentWithoutHydrating( @@ -16763,7 +16783,7 @@ if (__DEV__) { pushPrimaryTreeSuspenseHandler(workInProgress); workInProgress.flags &= ~ForceClientRender; - var _capturedValue = createCapturedValue( + var _capturedValue = createCapturedValueFromError( new Error( "There was an error while hydrating this Suspense boundary. " + "Switched to client rendering." diff --git a/compiled/facebook-www/ReactART-dev.modern.js b/compiled/facebook-www/ReactART-dev.modern.js index 63fb0f08ca55d..1eb931734066f 100644 --- a/compiled/facebook-www/ReactART-dev.modern.js +++ b/compiled/facebook-www/ReactART-dev.modern.js @@ -66,7 +66,7 @@ if (__DEV__) { return self; } - var ReactVersion = "18.3.0-www-modern-d27591d2"; + var ReactVersion = "18.3.0-www-modern-cdfb5e55"; var LegacyRoot = 0; var ConcurrentRoot = 1; @@ -13368,17 +13368,37 @@ if (__DEV__) { return shouldUpdate; } + var CapturedStacks = new WeakMap(); function createCapturedValueAtFiber(value, source) { // If the value is an error, call this function immediately after it is thrown // so the stack is accurate. + var stack; + + if (typeof value === "object" && value !== null) { + var capturedStack = CapturedStacks.get(value); + + if (typeof capturedStack === "string") { + stack = capturedStack; + } else { + stack = getStackByFiberInDevAndProd(source); + CapturedStacks.set(value, stack); + } + } else { + stack = getStackByFiberInDevAndProd(source); + } + return { value: value, source: source, - stack: getStackByFiberInDevAndProd(source), + stack: stack, digest: null }; } - function createCapturedValue(value, digest, stack) { + function createCapturedValueFromError(value, digest, stack) { + if (typeof stack === "string") { + CapturedStacks.set(value, stack); + } + return { value: value, source: null, @@ -16332,7 +16352,7 @@ if (__DEV__) { } error.digest = digest; - capturedValue = createCapturedValue(error, digest, stack); + capturedValue = createCapturedValueFromError(error, digest, stack); } return retrySuspenseComponentWithoutHydrating( @@ -16457,7 +16477,7 @@ if (__DEV__) { pushPrimaryTreeSuspenseHandler(workInProgress); workInProgress.flags &= ~ForceClientRender; - var _capturedValue = createCapturedValue( + var _capturedValue = createCapturedValueFromError( new Error( "There was an error while hydrating this Suspense boundary. " + "Switched to client rendering." diff --git a/compiled/facebook-www/ReactART-prod.classic.js b/compiled/facebook-www/ReactART-prod.classic.js index ed81057f1481a..6d6f19acae8b0 100644 --- a/compiled/facebook-www/ReactART-prod.classic.js +++ b/compiled/facebook-www/ReactART-prod.classic.js @@ -1748,6 +1748,18 @@ function describeFiber(fiber) { return ""; } } +function getStackByFiberInDevAndProd(workInProgress) { + try { + var info = ""; + do + (info += describeFiber(workInProgress)), + (workInProgress = workInProgress.return); + while (workInProgress); + return info; + } catch (x) { + return "\nError generating stack: " + x.message + "\n" + x.stack; + } +} var SuspenseException = Error(formatProdErrorMessage(460)), SuspenseyCommitException = Error(formatProdErrorMessage(474)), noopSuspenseyCommitThenable = { then: function () {} }; @@ -3978,25 +3990,18 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) { "function" === typeof instance.componentDidMount && (workInProgress.flags |= 4194308); } +var CapturedStacks = new WeakMap(); function createCapturedValueAtFiber(value, source) { - try { - var info = "", - node = source; - do (info += describeFiber(node)), (node = node.return); - while (node); - var JSCompiler_inline_result = info; - } catch (x) { - JSCompiler_inline_result = - "\nError generating stack: " + x.message + "\n" + x.stack; - } - return { - value: value, - source: source, - stack: JSCompiler_inline_result, - digest: null - }; -} -function createCapturedValue(value, digest, stack) { + if ("object" === typeof value && null !== value) { + var stack = CapturedStacks.get(value); + "string" !== typeof stack && + ((stack = getStackByFiberInDevAndProd(source)), + CapturedStacks.set(value, stack)); + } else stack = getStackByFiberInDevAndProd(source); + return { value: value, source: source, stack: stack, digest: null }; +} +function createCapturedValueFromError(value, digest, stack) { + "string" === typeof stack && CapturedStacks.set(value, stack); return { value: value, source: null, @@ -5178,7 +5183,7 @@ function updateDehydratedSuspenseComponent( return ( pushPrimaryTreeSuspenseHandler(workInProgress), (workInProgress.flags &= -257), - (didPrimaryChildrenDefer = createCapturedValue( + (didPrimaryChildrenDefer = createCapturedValueFromError( Error(formatProdErrorMessage(422)) )), retrySuspenseComponentWithoutHydrating( @@ -5240,7 +5245,7 @@ function updateDehydratedSuspenseComponent( (didPrimaryChildrenDefer = shim$2().digest), (suspenseState = Error(formatProdErrorMessage(419))), (suspenseState.digest = didPrimaryChildrenDefer), - (didPrimaryChildrenDefer = createCapturedValue( + (didPrimaryChildrenDefer = createCapturedValueFromError( suspenseState, didPrimaryChildrenDefer, void 0 @@ -10582,19 +10587,19 @@ var slice = Array.prototype.slice, }; return Text; })(React.Component), - devToolsConfig$jscomp$inline_1154 = { + devToolsConfig$jscomp$inline_1148 = { findFiberByHostInstance: function () { return null; }, bundleType: 0, - version: "18.3.0-www-classic-84c34a04", + version: "18.3.0-www-classic-7ccd01b3", rendererPackageName: "react-art" }; -var internals$jscomp$inline_1323 = { - bundleType: devToolsConfig$jscomp$inline_1154.bundleType, - version: devToolsConfig$jscomp$inline_1154.version, - rendererPackageName: devToolsConfig$jscomp$inline_1154.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_1154.rendererConfig, +var internals$jscomp$inline_1317 = { + bundleType: devToolsConfig$jscomp$inline_1148.bundleType, + version: devToolsConfig$jscomp$inline_1148.version, + rendererPackageName: devToolsConfig$jscomp$inline_1148.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_1148.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -10611,26 +10616,26 @@ var internals$jscomp$inline_1323 = { return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_1154.findFiberByHostInstance || + devToolsConfig$jscomp$inline_1148.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "18.3.0-www-classic-84c34a04" + reconcilerVersion: "18.3.0-www-classic-7ccd01b3" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_1324 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_1318 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_1324.isDisabled && - hook$jscomp$inline_1324.supportsFiber + !hook$jscomp$inline_1318.isDisabled && + hook$jscomp$inline_1318.supportsFiber ) try { - (rendererID = hook$jscomp$inline_1324.inject( - internals$jscomp$inline_1323 + (rendererID = hook$jscomp$inline_1318.inject( + internals$jscomp$inline_1317 )), - (injectedHook = hook$jscomp$inline_1324); + (injectedHook = hook$jscomp$inline_1318); } catch (err) {} } var Path = Mode$1.Path; diff --git a/compiled/facebook-www/ReactART-prod.modern.js b/compiled/facebook-www/ReactART-prod.modern.js index ba1d0b249ae95..1c700ee4bf009 100644 --- a/compiled/facebook-www/ReactART-prod.modern.js +++ b/compiled/facebook-www/ReactART-prod.modern.js @@ -1544,6 +1544,18 @@ function describeFiber(fiber) { return ""; } } +function getStackByFiberInDevAndProd(workInProgress) { + try { + var info = ""; + do + (info += describeFiber(workInProgress)), + (workInProgress = workInProgress.return); + while (workInProgress); + return info; + } catch (x) { + return "\nError generating stack: " + x.message + "\n" + x.stack; + } +} var SuspenseException = Error(formatProdErrorMessage(460)), SuspenseyCommitException = Error(formatProdErrorMessage(474)), noopSuspenseyCommitThenable = { then: function () {} }; @@ -3759,25 +3771,18 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) { "function" === typeof instance.componentDidMount && (workInProgress.flags |= 4194308); } +var CapturedStacks = new WeakMap(); function createCapturedValueAtFiber(value, source) { - try { - var info = "", - node = source; - do (info += describeFiber(node)), (node = node.return); - while (node); - var JSCompiler_inline_result = info; - } catch (x) { - JSCompiler_inline_result = - "\nError generating stack: " + x.message + "\n" + x.stack; - } - return { - value: value, - source: source, - stack: JSCompiler_inline_result, - digest: null - }; -} -function createCapturedValue(value, digest, stack) { + if ("object" === typeof value && null !== value) { + var stack = CapturedStacks.get(value); + "string" !== typeof stack && + ((stack = getStackByFiberInDevAndProd(source)), + CapturedStacks.set(value, stack)); + } else stack = getStackByFiberInDevAndProd(source); + return { value: value, source: source, stack: stack, digest: null }; +} +function createCapturedValueFromError(value, digest, stack) { + "string" === typeof stack && CapturedStacks.set(value, stack); return { value: value, source: null, @@ -4927,7 +4932,7 @@ function updateDehydratedSuspenseComponent( return ( pushPrimaryTreeSuspenseHandler(workInProgress), (workInProgress.flags &= -257), - (didPrimaryChildrenDefer = createCapturedValue( + (didPrimaryChildrenDefer = createCapturedValueFromError( Error(formatProdErrorMessage(422)) )), retrySuspenseComponentWithoutHydrating( @@ -4989,7 +4994,7 @@ function updateDehydratedSuspenseComponent( (didPrimaryChildrenDefer = shim$2().digest), (suspenseState = Error(formatProdErrorMessage(419))), (suspenseState.digest = didPrimaryChildrenDefer), - (didPrimaryChildrenDefer = createCapturedValue( + (didPrimaryChildrenDefer = createCapturedValueFromError( suspenseState, didPrimaryChildrenDefer, void 0 @@ -10237,19 +10242,19 @@ var slice = Array.prototype.slice, }; return Text; })(React.Component), - devToolsConfig$jscomp$inline_1134 = { + devToolsConfig$jscomp$inline_1128 = { findFiberByHostInstance: function () { return null; }, bundleType: 0, - version: "18.3.0-www-modern-df10e75d", + version: "18.3.0-www-modern-a161c109", rendererPackageName: "react-art" }; -var internals$jscomp$inline_1303 = { - bundleType: devToolsConfig$jscomp$inline_1134.bundleType, - version: devToolsConfig$jscomp$inline_1134.version, - rendererPackageName: devToolsConfig$jscomp$inline_1134.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_1134.rendererConfig, +var internals$jscomp$inline_1297 = { + bundleType: devToolsConfig$jscomp$inline_1128.bundleType, + version: devToolsConfig$jscomp$inline_1128.version, + rendererPackageName: devToolsConfig$jscomp$inline_1128.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_1128.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -10266,26 +10271,26 @@ var internals$jscomp$inline_1303 = { return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_1134.findFiberByHostInstance || + devToolsConfig$jscomp$inline_1128.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "18.3.0-www-modern-df10e75d" + reconcilerVersion: "18.3.0-www-modern-a161c109" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_1304 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_1298 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_1304.isDisabled && - hook$jscomp$inline_1304.supportsFiber + !hook$jscomp$inline_1298.isDisabled && + hook$jscomp$inline_1298.supportsFiber ) try { - (rendererID = hook$jscomp$inline_1304.inject( - internals$jscomp$inline_1303 + (rendererID = hook$jscomp$inline_1298.inject( + internals$jscomp$inline_1297 )), - (injectedHook = hook$jscomp$inline_1304); + (injectedHook = hook$jscomp$inline_1298); } catch (err) {} } var Path = Mode$1.Path; diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js index d7af38cb149dc..ace995c85be2f 100644 --- a/compiled/facebook-www/ReactDOM-dev.classic.js +++ b/compiled/facebook-www/ReactDOM-dev.classic.js @@ -18481,17 +18481,37 @@ if (__DEV__) { return shouldUpdate; } + var CapturedStacks = new WeakMap(); function createCapturedValueAtFiber(value, source) { // If the value is an error, call this function immediately after it is thrown // so the stack is accurate. + var stack; + + if (typeof value === "object" && value !== null) { + var capturedStack = CapturedStacks.get(value); + + if (typeof capturedStack === "string") { + stack = capturedStack; + } else { + stack = getStackByFiberInDevAndProd(source); + CapturedStacks.set(value, stack); + } + } else { + stack = getStackByFiberInDevAndProd(source); + } + return { value: value, source: source, - stack: getStackByFiberInDevAndProd(source), + stack: stack, digest: null }; } - function createCapturedValue(value, digest, stack) { + function createCapturedValueFromError(value, digest, stack) { + if (typeof stack === "string") { + CapturedStacks.set(value, stack); + } + return { value: value, source: null, @@ -21765,7 +21785,7 @@ if (__DEV__) { } error.digest = digest; - capturedValue = createCapturedValue(error, digest, stack); + capturedValue = createCapturedValueFromError(error, digest, stack); } return retrySuspenseComponentWithoutHydrating( @@ -21896,7 +21916,7 @@ if (__DEV__) { pushPrimaryTreeSuspenseHandler(workInProgress); workInProgress.flags &= ~ForceClientRender; - var _capturedValue = createCapturedValue( + var _capturedValue = createCapturedValueFromError( new Error( "There was an error while hydrating this Suspense boundary. " + "Switched to client rendering." @@ -35703,7 +35723,7 @@ if (__DEV__) { return root; } - var ReactVersion = "18.3.0-www-classic-f91bf9b5"; + var ReactVersion = "18.3.0-www-classic-356e851e"; function createPortal$1( children, diff --git a/compiled/facebook-www/ReactDOM-dev.modern.js b/compiled/facebook-www/ReactDOM-dev.modern.js index 4d136b97f0746..f763ab49636ff 100644 --- a/compiled/facebook-www/ReactDOM-dev.modern.js +++ b/compiled/facebook-www/ReactDOM-dev.modern.js @@ -18391,17 +18391,37 @@ if (__DEV__) { return shouldUpdate; } + var CapturedStacks = new WeakMap(); function createCapturedValueAtFiber(value, source) { // If the value is an error, call this function immediately after it is thrown // so the stack is accurate. + var stack; + + if (typeof value === "object" && value !== null) { + var capturedStack = CapturedStacks.get(value); + + if (typeof capturedStack === "string") { + stack = capturedStack; + } else { + stack = getStackByFiberInDevAndProd(source); + CapturedStacks.set(value, stack); + } + } else { + stack = getStackByFiberInDevAndProd(source); + } + return { value: value, source: source, - stack: getStackByFiberInDevAndProd(source), + stack: stack, digest: null }; } - function createCapturedValue(value, digest, stack) { + function createCapturedValueFromError(value, digest, stack) { + if (typeof stack === "string") { + CapturedStacks.set(value, stack); + } + return { value: value, source: null, @@ -21645,7 +21665,7 @@ if (__DEV__) { } error.digest = digest; - capturedValue = createCapturedValue(error, digest, stack); + capturedValue = createCapturedValueFromError(error, digest, stack); } return retrySuspenseComponentWithoutHydrating( @@ -21776,7 +21796,7 @@ if (__DEV__) { pushPrimaryTreeSuspenseHandler(workInProgress); workInProgress.flags &= ~ForceClientRender; - var _capturedValue = createCapturedValue( + var _capturedValue = createCapturedValueFromError( new Error( "There was an error while hydrating this Suspense boundary. " + "Switched to client rendering." @@ -35539,7 +35559,7 @@ if (__DEV__) { return root; } - var ReactVersion = "18.3.0-www-modern-37b33a94"; + var ReactVersion = "18.3.0-www-modern-89b71e92"; function createPortal$1( children, diff --git a/compiled/facebook-www/ReactDOM-prod.classic.js b/compiled/facebook-www/ReactDOM-prod.classic.js index 8a0916ee8fe70..2a816bb6c36a9 100644 --- a/compiled/facebook-www/ReactDOM-prod.classic.js +++ b/compiled/facebook-www/ReactDOM-prod.classic.js @@ -999,6 +999,18 @@ function describeFiber(fiber) { return ""; } } +function getStackByFiberInDevAndProd(workInProgress) { + try { + var info = ""; + do + (info += describeFiber(workInProgress)), + (workInProgress = workInProgress.return); + while (workInProgress); + return info; + } catch (x) { + return "\nError generating stack: " + x.message + "\n" + x.stack; + } +} function getToStringValue(value) { switch (typeof value) { case "boolean": @@ -4848,25 +4860,18 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) { "function" === typeof instance.componentDidMount && (workInProgress.flags |= 4194308); } +var CapturedStacks = new WeakMap(); function createCapturedValueAtFiber(value, source) { - try { - var info = "", - node = source; - do (info += describeFiber(node)), (node = node.return); - while (node); - var JSCompiler_inline_result = info; - } catch (x) { - JSCompiler_inline_result = - "\nError generating stack: " + x.message + "\n" + x.stack; - } - return { - value: value, - source: source, - stack: JSCompiler_inline_result, - digest: null - }; -} -function createCapturedValue(value, digest, stack) { + if ("object" === typeof value && null !== value) { + var stack = CapturedStacks.get(value); + "string" !== typeof stack && + ((stack = getStackByFiberInDevAndProd(source)), + CapturedStacks.set(value, stack)); + } else stack = getStackByFiberInDevAndProd(source); + return { value: value, source: source, stack: stack, digest: null }; +} +function createCapturedValueFromError(value, digest, stack) { + "string" === typeof stack && CapturedStacks.set(value, stack); return { value: value, source: null, @@ -6147,7 +6152,7 @@ function updateDehydratedSuspenseComponent( return ( pushPrimaryTreeSuspenseHandler(workInProgress), (workInProgress.flags &= -257), - (suspenseInstance = createCapturedValue( + (suspenseInstance = createCapturedValueFromError( Error(formatProdErrorMessage(422)) )), retrySuspenseComponentWithoutHydrating( @@ -6211,7 +6216,7 @@ function updateDehydratedSuspenseComponent( suspenseInstance = digest; didPrimaryChildrenDefer = Error(formatProdErrorMessage(419)); didPrimaryChildrenDefer.digest = suspenseInstance; - suspenseInstance = createCapturedValue( + suspenseInstance = createCapturedValueFromError( didPrimaryChildrenDefer, suspenseInstance, void 0 @@ -13102,19 +13107,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$353; + var JSCompiler_inline_result$jscomp$352; if (canUseDOM) { - var isSupported$jscomp$inline_1557 = "oninput" in document; - if (!isSupported$jscomp$inline_1557) { - var element$jscomp$inline_1558 = document.createElement("div"); - element$jscomp$inline_1558.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1557 = - "function" === typeof element$jscomp$inline_1558.oninput; + var isSupported$jscomp$inline_1551 = "oninput" in document; + if (!isSupported$jscomp$inline_1551) { + var element$jscomp$inline_1552 = document.createElement("div"); + element$jscomp$inline_1552.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1551 = + "function" === typeof element$jscomp$inline_1552.oninput; } - JSCompiler_inline_result$jscomp$353 = isSupported$jscomp$inline_1557; - } else JSCompiler_inline_result$jscomp$353 = !1; + JSCompiler_inline_result$jscomp$352 = isSupported$jscomp$inline_1551; + } else JSCompiler_inline_result$jscomp$352 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$353 && + JSCompiler_inline_result$jscomp$352 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -13486,20 +13491,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1598 = 0; - i$jscomp$inline_1598 < simpleEventPluginEvents.length; - i$jscomp$inline_1598++ + var i$jscomp$inline_1592 = 0; + i$jscomp$inline_1592 < simpleEventPluginEvents.length; + i$jscomp$inline_1592++ ) { - var eventName$jscomp$inline_1599 = - simpleEventPluginEvents[i$jscomp$inline_1598], - domEventName$jscomp$inline_1600 = - eventName$jscomp$inline_1599.toLowerCase(), - capitalizedEvent$jscomp$inline_1601 = - eventName$jscomp$inline_1599[0].toUpperCase() + - eventName$jscomp$inline_1599.slice(1); + var eventName$jscomp$inline_1593 = + simpleEventPluginEvents[i$jscomp$inline_1592], + domEventName$jscomp$inline_1594 = + eventName$jscomp$inline_1593.toLowerCase(), + capitalizedEvent$jscomp$inline_1595 = + eventName$jscomp$inline_1593[0].toUpperCase() + + eventName$jscomp$inline_1593.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1600, - "on" + capitalizedEvent$jscomp$inline_1601 + domEventName$jscomp$inline_1594, + "on" + capitalizedEvent$jscomp$inline_1595 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -17171,17 +17176,17 @@ Internals.Events = [ restoreStateIfNeeded, batchedUpdates$1 ]; -var devToolsConfig$jscomp$inline_1825 = { +var devToolsConfig$jscomp$inline_1819 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "18.3.0-www-classic-4ad48808", + version: "18.3.0-www-classic-b990b268", rendererPackageName: "react-dom" }; -var internals$jscomp$inline_2185 = { - bundleType: devToolsConfig$jscomp$inline_1825.bundleType, - version: devToolsConfig$jscomp$inline_1825.version, - rendererPackageName: devToolsConfig$jscomp$inline_1825.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_1825.rendererConfig, +var internals$jscomp$inline_2179 = { + bundleType: devToolsConfig$jscomp$inline_1819.bundleType, + version: devToolsConfig$jscomp$inline_1819.version, + rendererPackageName: devToolsConfig$jscomp$inline_1819.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_1819.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -17197,26 +17202,26 @@ var internals$jscomp$inline_2185 = { return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_1825.findFiberByHostInstance || + devToolsConfig$jscomp$inline_1819.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "18.3.0-www-classic-4ad48808" + reconcilerVersion: "18.3.0-www-classic-b990b268" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2186 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2180 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2186.isDisabled && - hook$jscomp$inline_2186.supportsFiber + !hook$jscomp$inline_2180.isDisabled && + hook$jscomp$inline_2180.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2186.inject( - internals$jscomp$inline_2185 + (rendererID = hook$jscomp$inline_2180.inject( + internals$jscomp$inline_2179 )), - (injectedHook = hook$jscomp$inline_2186); + (injectedHook = hook$jscomp$inline_2180); } catch (err) {} } assign(Internals, { @@ -17547,4 +17552,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactCurrentDispatcher$2.current.useHostTransitionStatus(); }; -exports.version = "18.3.0-www-classic-4ad48808"; +exports.version = "18.3.0-www-classic-b990b268"; diff --git a/compiled/facebook-www/ReactDOM-prod.modern.js b/compiled/facebook-www/ReactDOM-prod.modern.js index 6724ad3f0d784..e100fe522a354 100644 --- a/compiled/facebook-www/ReactDOM-prod.modern.js +++ b/compiled/facebook-www/ReactDOM-prod.modern.js @@ -842,6 +842,18 @@ function describeFiber(fiber) { return ""; } } +function getStackByFiberInDevAndProd(workInProgress) { + try { + var info = ""; + do + (info += describeFiber(workInProgress)), + (workInProgress = workInProgress.return); + while (workInProgress); + return info; + } catch (x) { + return "\nError generating stack: " + x.message + "\n" + x.stack; + } +} Symbol.for("react.client.reference"); function getToStringValue(value) { switch (typeof value) { @@ -4716,25 +4728,18 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) { "function" === typeof instance.componentDidMount && (workInProgress.flags |= 4194308); } +var CapturedStacks = new WeakMap(); function createCapturedValueAtFiber(value, source) { - try { - var info = "", - node = source; - do (info += describeFiber(node)), (node = node.return); - while (node); - var JSCompiler_inline_result = info; - } catch (x) { - JSCompiler_inline_result = - "\nError generating stack: " + x.message + "\n" + x.stack; - } - return { - value: value, - source: source, - stack: JSCompiler_inline_result, - digest: null - }; -} -function createCapturedValue(value, digest, stack) { + if ("object" === typeof value && null !== value) { + var stack = CapturedStacks.get(value); + "string" !== typeof stack && + ((stack = getStackByFiberInDevAndProd(source)), + CapturedStacks.set(value, stack)); + } else stack = getStackByFiberInDevAndProd(source); + return { value: value, source: source, stack: stack, digest: null }; +} +function createCapturedValueFromError(value, digest, stack) { + "string" === typeof stack && CapturedStacks.set(value, stack); return { value: value, source: null, @@ -5983,7 +5988,7 @@ function updateDehydratedSuspenseComponent( return ( pushPrimaryTreeSuspenseHandler(workInProgress), (workInProgress.flags &= -257), - (suspenseInstance = createCapturedValue( + (suspenseInstance = createCapturedValueFromError( Error(formatProdErrorMessage(422)) )), retrySuspenseComponentWithoutHydrating( @@ -6047,7 +6052,7 @@ function updateDehydratedSuspenseComponent( suspenseInstance = digest; didPrimaryChildrenDefer = Error(formatProdErrorMessage(419)); didPrimaryChildrenDefer.digest = suspenseInstance; - suspenseInstance = createCapturedValue( + suspenseInstance = createCapturedValueFromError( didPrimaryChildrenDefer, suspenseInstance, void 0 @@ -13458,19 +13463,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$351; + var JSCompiler_inline_result$jscomp$350; if (canUseDOM) { - var isSupported$jscomp$inline_1557 = "oninput" in document; - if (!isSupported$jscomp$inline_1557) { - var element$jscomp$inline_1558 = document.createElement("div"); - element$jscomp$inline_1558.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1557 = - "function" === typeof element$jscomp$inline_1558.oninput; + var isSupported$jscomp$inline_1551 = "oninput" in document; + if (!isSupported$jscomp$inline_1551) { + var element$jscomp$inline_1552 = document.createElement("div"); + element$jscomp$inline_1552.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1551 = + "function" === typeof element$jscomp$inline_1552.oninput; } - JSCompiler_inline_result$jscomp$351 = isSupported$jscomp$inline_1557; - } else JSCompiler_inline_result$jscomp$351 = !1; + JSCompiler_inline_result$jscomp$350 = isSupported$jscomp$inline_1551; + } else JSCompiler_inline_result$jscomp$350 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$351 && + JSCompiler_inline_result$jscomp$350 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -13779,20 +13784,20 @@ function registerSimpleEvent(domEventName, reactName) { registerTwoPhaseEvent(reactName, [domEventName]); } for ( - var i$jscomp$inline_1598 = 0; - i$jscomp$inline_1598 < simpleEventPluginEvents.length; - i$jscomp$inline_1598++ + var i$jscomp$inline_1592 = 0; + i$jscomp$inline_1592 < simpleEventPluginEvents.length; + i$jscomp$inline_1592++ ) { - var eventName$jscomp$inline_1599 = - simpleEventPluginEvents[i$jscomp$inline_1598], - domEventName$jscomp$inline_1600 = - eventName$jscomp$inline_1599.toLowerCase(), - capitalizedEvent$jscomp$inline_1601 = - eventName$jscomp$inline_1599[0].toUpperCase() + - eventName$jscomp$inline_1599.slice(1); + var eventName$jscomp$inline_1593 = + simpleEventPluginEvents[i$jscomp$inline_1592], + domEventName$jscomp$inline_1594 = + eventName$jscomp$inline_1593.toLowerCase(), + capitalizedEvent$jscomp$inline_1595 = + eventName$jscomp$inline_1593[0].toUpperCase() + + eventName$jscomp$inline_1593.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1600, - "on" + capitalizedEvent$jscomp$inline_1601 + domEventName$jscomp$inline_1594, + "on" + capitalizedEvent$jscomp$inline_1595 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -16687,17 +16692,17 @@ Internals.Events = [ restoreStateIfNeeded, batchedUpdates$1 ]; -var devToolsConfig$jscomp$inline_1784 = { +var devToolsConfig$jscomp$inline_1778 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "18.3.0-www-modern-e99aacdf", + version: "18.3.0-www-modern-611b775e", rendererPackageName: "react-dom" }; -var internals$jscomp$inline_2149 = { - bundleType: devToolsConfig$jscomp$inline_1784.bundleType, - version: devToolsConfig$jscomp$inline_1784.version, - rendererPackageName: devToolsConfig$jscomp$inline_1784.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_1784.rendererConfig, +var internals$jscomp$inline_2143 = { + bundleType: devToolsConfig$jscomp$inline_1778.bundleType, + version: devToolsConfig$jscomp$inline_1778.version, + rendererPackageName: devToolsConfig$jscomp$inline_1778.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_1778.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -16714,26 +16719,26 @@ var internals$jscomp$inline_2149 = { return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_1784.findFiberByHostInstance || + devToolsConfig$jscomp$inline_1778.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "18.3.0-www-modern-e99aacdf" + reconcilerVersion: "18.3.0-www-modern-611b775e" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2150 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2144 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2150.isDisabled && - hook$jscomp$inline_2150.supportsFiber + !hook$jscomp$inline_2144.isDisabled && + hook$jscomp$inline_2144.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2150.inject( - internals$jscomp$inline_2149 + (rendererID = hook$jscomp$inline_2144.inject( + internals$jscomp$inline_2143 )), - (injectedHook = hook$jscomp$inline_2150); + (injectedHook = hook$jscomp$inline_2144); } catch (err) {} } exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals; @@ -16992,4 +16997,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactCurrentDispatcher$2.current.useHostTransitionStatus(); }; -exports.version = "18.3.0-www-modern-e99aacdf"; +exports.version = "18.3.0-www-modern-611b775e"; diff --git a/compiled/facebook-www/ReactDOM-profiling.classic.js b/compiled/facebook-www/ReactDOM-profiling.classic.js index 9809d72d1e1ea..d27c8f71268d6 100644 --- a/compiled/facebook-www/ReactDOM-profiling.classic.js +++ b/compiled/facebook-www/ReactDOM-profiling.classic.js @@ -1137,6 +1137,18 @@ function describeFiber(fiber) { return ""; } } +function getStackByFiberInDevAndProd(workInProgress) { + try { + var info = ""; + do + (info += describeFiber(workInProgress)), + (workInProgress = workInProgress.return); + while (workInProgress); + return info; + } catch (x) { + return "\nError generating stack: " + x.message + "\n" + x.stack; + } +} function getToStringValue(value) { switch (typeof value) { case "boolean": @@ -5060,25 +5072,18 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) { "function" === typeof instance.componentDidMount && (workInProgress.flags |= 4194308); } +var CapturedStacks = new WeakMap(); function createCapturedValueAtFiber(value, source) { - try { - var info = "", - node = source; - do (info += describeFiber(node)), (node = node.return); - while (node); - var JSCompiler_inline_result = info; - } catch (x) { - JSCompiler_inline_result = - "\nError generating stack: " + x.message + "\n" + x.stack; - } - return { - value: value, - source: source, - stack: JSCompiler_inline_result, - digest: null - }; -} -function createCapturedValue(value, digest, stack) { + if ("object" === typeof value && null !== value) { + var stack = CapturedStacks.get(value); + "string" !== typeof stack && + ((stack = getStackByFiberInDevAndProd(source)), + CapturedStacks.set(value, stack)); + } else stack = getStackByFiberInDevAndProd(source); + return { value: value, source: source, stack: stack, digest: null }; +} +function createCapturedValueFromError(value, digest, stack) { + "string" === typeof stack && CapturedStacks.set(value, stack); return { value: value, source: null, @@ -6383,7 +6388,7 @@ function updateDehydratedSuspenseComponent( return ( pushPrimaryTreeSuspenseHandler(workInProgress), (workInProgress.flags &= -257), - (suspenseInstance = createCapturedValue( + (suspenseInstance = createCapturedValueFromError( Error(formatProdErrorMessage(422)) )), retrySuspenseComponentWithoutHydrating( @@ -6447,7 +6452,7 @@ function updateDehydratedSuspenseComponent( suspenseInstance = digest; didPrimaryChildrenDefer = Error(formatProdErrorMessage(419)); didPrimaryChildrenDefer.digest = suspenseInstance; - suspenseInstance = createCapturedValue( + suspenseInstance = createCapturedValueFromError( didPrimaryChildrenDefer, suspenseInstance, void 0 @@ -13871,19 +13876,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$374; + var JSCompiler_inline_result$jscomp$373; if (canUseDOM) { - var isSupported$jscomp$inline_1642 = "oninput" in document; - if (!isSupported$jscomp$inline_1642) { - var element$jscomp$inline_1643 = document.createElement("div"); - element$jscomp$inline_1643.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1642 = - "function" === typeof element$jscomp$inline_1643.oninput; + var isSupported$jscomp$inline_1636 = "oninput" in document; + if (!isSupported$jscomp$inline_1636) { + var element$jscomp$inline_1637 = document.createElement("div"); + element$jscomp$inline_1637.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1636 = + "function" === typeof element$jscomp$inline_1637.oninput; } - JSCompiler_inline_result$jscomp$374 = isSupported$jscomp$inline_1642; - } else JSCompiler_inline_result$jscomp$374 = !1; + JSCompiler_inline_result$jscomp$373 = isSupported$jscomp$inline_1636; + } else JSCompiler_inline_result$jscomp$373 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$374 && + JSCompiler_inline_result$jscomp$373 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -14255,20 +14260,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1683 = 0; - i$jscomp$inline_1683 < simpleEventPluginEvents.length; - i$jscomp$inline_1683++ + var i$jscomp$inline_1677 = 0; + i$jscomp$inline_1677 < simpleEventPluginEvents.length; + i$jscomp$inline_1677++ ) { - var eventName$jscomp$inline_1684 = - simpleEventPluginEvents[i$jscomp$inline_1683], - domEventName$jscomp$inline_1685 = - eventName$jscomp$inline_1684.toLowerCase(), - capitalizedEvent$jscomp$inline_1686 = - eventName$jscomp$inline_1684[0].toUpperCase() + - eventName$jscomp$inline_1684.slice(1); + var eventName$jscomp$inline_1678 = + simpleEventPluginEvents[i$jscomp$inline_1677], + domEventName$jscomp$inline_1679 = + eventName$jscomp$inline_1678.toLowerCase(), + capitalizedEvent$jscomp$inline_1680 = + eventName$jscomp$inline_1678[0].toUpperCase() + + eventName$jscomp$inline_1678.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1685, - "on" + capitalizedEvent$jscomp$inline_1686 + domEventName$jscomp$inline_1679, + "on" + capitalizedEvent$jscomp$inline_1680 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -17940,10 +17945,10 @@ Internals.Events = [ restoreStateIfNeeded, batchedUpdates$1 ]; -var devToolsConfig$jscomp$inline_1910 = { +var devToolsConfig$jscomp$inline_1904 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "18.3.0-www-classic-2d2b27ee", + version: "18.3.0-www-classic-02a1a9e1", rendererPackageName: "react-dom" }; (function (internals) { @@ -17961,10 +17966,10 @@ var devToolsConfig$jscomp$inline_1910 = { } catch (err) {} return hook.checkDCE ? !0 : !1; })({ - bundleType: devToolsConfig$jscomp$inline_1910.bundleType, - version: devToolsConfig$jscomp$inline_1910.version, - rendererPackageName: devToolsConfig$jscomp$inline_1910.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_1910.rendererConfig, + bundleType: devToolsConfig$jscomp$inline_1904.bundleType, + version: devToolsConfig$jscomp$inline_1904.version, + rendererPackageName: devToolsConfig$jscomp$inline_1904.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_1904.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -17980,14 +17985,14 @@ var devToolsConfig$jscomp$inline_1910 = { return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_1910.findFiberByHostInstance || + devToolsConfig$jscomp$inline_1904.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "18.3.0-www-classic-2d2b27ee" + reconcilerVersion: "18.3.0-www-classic-02a1a9e1" }); assign(Internals, { ReactBrowserEventEmitter: { @@ -18317,7 +18322,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactCurrentDispatcher$2.current.useHostTransitionStatus(); }; -exports.version = "18.3.0-www-classic-2d2b27ee"; +exports.version = "18.3.0-www-classic-02a1a9e1"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOM-profiling.modern.js b/compiled/facebook-www/ReactDOM-profiling.modern.js index 017ebfb14aaa8..82c73ea51bdea 100644 --- a/compiled/facebook-www/ReactDOM-profiling.modern.js +++ b/compiled/facebook-www/ReactDOM-profiling.modern.js @@ -980,6 +980,18 @@ function describeFiber(fiber) { return ""; } } +function getStackByFiberInDevAndProd(workInProgress) { + try { + var info = ""; + do + (info += describeFiber(workInProgress)), + (workInProgress = workInProgress.return); + while (workInProgress); + return info; + } catch (x) { + return "\nError generating stack: " + x.message + "\n" + x.stack; + } +} Symbol.for("react.client.reference"); function getToStringValue(value) { switch (typeof value) { @@ -4928,25 +4940,18 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) { "function" === typeof instance.componentDidMount && (workInProgress.flags |= 4194308); } +var CapturedStacks = new WeakMap(); function createCapturedValueAtFiber(value, source) { - try { - var info = "", - node = source; - do (info += describeFiber(node)), (node = node.return); - while (node); - var JSCompiler_inline_result = info; - } catch (x) { - JSCompiler_inline_result = - "\nError generating stack: " + x.message + "\n" + x.stack; - } - return { - value: value, - source: source, - stack: JSCompiler_inline_result, - digest: null - }; -} -function createCapturedValue(value, digest, stack) { + if ("object" === typeof value && null !== value) { + var stack = CapturedStacks.get(value); + "string" !== typeof stack && + ((stack = getStackByFiberInDevAndProd(source)), + CapturedStacks.set(value, stack)); + } else stack = getStackByFiberInDevAndProd(source); + return { value: value, source: source, stack: stack, digest: null }; +} +function createCapturedValueFromError(value, digest, stack) { + "string" === typeof stack && CapturedStacks.set(value, stack); return { value: value, source: null, @@ -6213,7 +6218,7 @@ function updateDehydratedSuspenseComponent( return ( pushPrimaryTreeSuspenseHandler(workInProgress), (workInProgress.flags &= -257), - (suspenseInstance = createCapturedValue( + (suspenseInstance = createCapturedValueFromError( Error(formatProdErrorMessage(422)) )), retrySuspenseComponentWithoutHydrating( @@ -6277,7 +6282,7 @@ function updateDehydratedSuspenseComponent( suspenseInstance = digest; didPrimaryChildrenDefer = Error(formatProdErrorMessage(419)); didPrimaryChildrenDefer.digest = suspenseInstance; - suspenseInstance = createCapturedValue( + suspenseInstance = createCapturedValueFromError( didPrimaryChildrenDefer, suspenseInstance, void 0 @@ -14221,19 +14226,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$372; + var JSCompiler_inline_result$jscomp$371; if (canUseDOM) { - var isSupported$jscomp$inline_1642 = "oninput" in document; - if (!isSupported$jscomp$inline_1642) { - var element$jscomp$inline_1643 = document.createElement("div"); - element$jscomp$inline_1643.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1642 = - "function" === typeof element$jscomp$inline_1643.oninput; + var isSupported$jscomp$inline_1636 = "oninput" in document; + if (!isSupported$jscomp$inline_1636) { + var element$jscomp$inline_1637 = document.createElement("div"); + element$jscomp$inline_1637.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1636 = + "function" === typeof element$jscomp$inline_1637.oninput; } - JSCompiler_inline_result$jscomp$372 = isSupported$jscomp$inline_1642; - } else JSCompiler_inline_result$jscomp$372 = !1; + JSCompiler_inline_result$jscomp$371 = isSupported$jscomp$inline_1636; + } else JSCompiler_inline_result$jscomp$371 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$372 && + JSCompiler_inline_result$jscomp$371 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -14542,20 +14547,20 @@ function registerSimpleEvent(domEventName, reactName) { registerTwoPhaseEvent(reactName, [domEventName]); } for ( - var i$jscomp$inline_1683 = 0; - i$jscomp$inline_1683 < simpleEventPluginEvents.length; - i$jscomp$inline_1683++ + var i$jscomp$inline_1677 = 0; + i$jscomp$inline_1677 < simpleEventPluginEvents.length; + i$jscomp$inline_1677++ ) { - var eventName$jscomp$inline_1684 = - simpleEventPluginEvents[i$jscomp$inline_1683], - domEventName$jscomp$inline_1685 = - eventName$jscomp$inline_1684.toLowerCase(), - capitalizedEvent$jscomp$inline_1686 = - eventName$jscomp$inline_1684[0].toUpperCase() + - eventName$jscomp$inline_1684.slice(1); + var eventName$jscomp$inline_1678 = + simpleEventPluginEvents[i$jscomp$inline_1677], + domEventName$jscomp$inline_1679 = + eventName$jscomp$inline_1678.toLowerCase(), + capitalizedEvent$jscomp$inline_1680 = + eventName$jscomp$inline_1678[0].toUpperCase() + + eventName$jscomp$inline_1678.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1685, - "on" + capitalizedEvent$jscomp$inline_1686 + domEventName$jscomp$inline_1679, + "on" + capitalizedEvent$jscomp$inline_1680 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -17450,10 +17455,10 @@ Internals.Events = [ restoreStateIfNeeded, batchedUpdates$1 ]; -var devToolsConfig$jscomp$inline_1869 = { +var devToolsConfig$jscomp$inline_1863 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "18.3.0-www-modern-d27591d2", + version: "18.3.0-www-modern-cdfb5e55", rendererPackageName: "react-dom" }; (function (internals) { @@ -17471,10 +17476,10 @@ var devToolsConfig$jscomp$inline_1869 = { } catch (err) {} return hook.checkDCE ? !0 : !1; })({ - bundleType: devToolsConfig$jscomp$inline_1869.bundleType, - version: devToolsConfig$jscomp$inline_1869.version, - rendererPackageName: devToolsConfig$jscomp$inline_1869.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_1869.rendererConfig, + bundleType: devToolsConfig$jscomp$inline_1863.bundleType, + version: devToolsConfig$jscomp$inline_1863.version, + rendererPackageName: devToolsConfig$jscomp$inline_1863.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_1863.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -17491,14 +17496,14 @@ var devToolsConfig$jscomp$inline_1869 = { return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_1869.findFiberByHostInstance || + devToolsConfig$jscomp$inline_1863.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "18.3.0-www-modern-d27591d2" + reconcilerVersion: "18.3.0-www-modern-cdfb5e55" }); exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals; exports.createPortal = function (children, container) { @@ -17756,7 +17761,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactCurrentDispatcher$2.current.useHostTransitionStatus(); }; -exports.version = "18.3.0-www-modern-d27591d2"; +exports.version = "18.3.0-www-modern-cdfb5e55"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOMTesting-dev.classic.js b/compiled/facebook-www/ReactDOMTesting-dev.classic.js index b73a1afddff41..84b62d399f354 100644 --- a/compiled/facebook-www/ReactDOMTesting-dev.classic.js +++ b/compiled/facebook-www/ReactDOMTesting-dev.classic.js @@ -18618,17 +18618,37 @@ if (__DEV__) { return shouldUpdate; } + var CapturedStacks = new WeakMap(); function createCapturedValueAtFiber(value, source) { // If the value is an error, call this function immediately after it is thrown // so the stack is accurate. + var stack; + + if (typeof value === "object" && value !== null) { + var capturedStack = CapturedStacks.get(value); + + if (typeof capturedStack === "string") { + stack = capturedStack; + } else { + stack = getStackByFiberInDevAndProd(source); + CapturedStacks.set(value, stack); + } + } else { + stack = getStackByFiberInDevAndProd(source); + } + return { value: value, source: source, - stack: getStackByFiberInDevAndProd(source), + stack: stack, digest: null }; } - function createCapturedValue(value, digest, stack) { + function createCapturedValueFromError(value, digest, stack) { + if (typeof stack === "string") { + CapturedStacks.set(value, stack); + } + return { value: value, source: null, @@ -21902,7 +21922,7 @@ if (__DEV__) { } error.digest = digest; - capturedValue = createCapturedValue(error, digest, stack); + capturedValue = createCapturedValueFromError(error, digest, stack); } return retrySuspenseComponentWithoutHydrating( @@ -22033,7 +22053,7 @@ if (__DEV__) { pushPrimaryTreeSuspenseHandler(workInProgress); workInProgress.flags &= ~ForceClientRender; - var _capturedValue = createCapturedValue( + var _capturedValue = createCapturedValueFromError( new Error( "There was an error while hydrating this Suspense boundary. " + "Switched to client rendering." @@ -36327,7 +36347,7 @@ if (__DEV__) { return root; } - var ReactVersion = "18.3.0-www-classic-22e81a9f"; + var ReactVersion = "18.3.0-www-classic-707cd731"; function createPortal$1( children, diff --git a/compiled/facebook-www/ReactDOMTesting-dev.modern.js b/compiled/facebook-www/ReactDOMTesting-dev.modern.js index 5adbafd543c1d..170aefad65daa 100644 --- a/compiled/facebook-www/ReactDOMTesting-dev.modern.js +++ b/compiled/facebook-www/ReactDOMTesting-dev.modern.js @@ -18528,17 +18528,37 @@ if (__DEV__) { return shouldUpdate; } + var CapturedStacks = new WeakMap(); function createCapturedValueAtFiber(value, source) { // If the value is an error, call this function immediately after it is thrown // so the stack is accurate. + var stack; + + if (typeof value === "object" && value !== null) { + var capturedStack = CapturedStacks.get(value); + + if (typeof capturedStack === "string") { + stack = capturedStack; + } else { + stack = getStackByFiberInDevAndProd(source); + CapturedStacks.set(value, stack); + } + } else { + stack = getStackByFiberInDevAndProd(source); + } + return { value: value, source: source, - stack: getStackByFiberInDevAndProd(source), + stack: stack, digest: null }; } - function createCapturedValue(value, digest, stack) { + function createCapturedValueFromError(value, digest, stack) { + if (typeof stack === "string") { + CapturedStacks.set(value, stack); + } + return { value: value, source: null, @@ -21782,7 +21802,7 @@ if (__DEV__) { } error.digest = digest; - capturedValue = createCapturedValue(error, digest, stack); + capturedValue = createCapturedValueFromError(error, digest, stack); } return retrySuspenseComponentWithoutHydrating( @@ -21913,7 +21933,7 @@ if (__DEV__) { pushPrimaryTreeSuspenseHandler(workInProgress); workInProgress.flags &= ~ForceClientRender; - var _capturedValue = createCapturedValue( + var _capturedValue = createCapturedValueFromError( new Error( "There was an error while hydrating this Suspense boundary. " + "Switched to client rendering." @@ -36163,7 +36183,7 @@ if (__DEV__) { return root; } - var ReactVersion = "18.3.0-www-modern-f98671a5"; + var ReactVersion = "18.3.0-www-modern-b7104184"; function createPortal$1( children, diff --git a/compiled/facebook-www/ReactDOMTesting-prod.classic.js b/compiled/facebook-www/ReactDOMTesting-prod.classic.js index ac59345af2aa5..41c8f6e13a62a 100644 --- a/compiled/facebook-www/ReactDOMTesting-prod.classic.js +++ b/compiled/facebook-www/ReactDOMTesting-prod.classic.js @@ -1085,6 +1085,18 @@ function describeFiber(fiber) { return ""; } } +function getStackByFiberInDevAndProd(workInProgress) { + try { + var info = ""; + do + (info += describeFiber(workInProgress)), + (workInProgress = workInProgress.return); + while (workInProgress); + return info; + } catch (x) { + return "\nError generating stack: " + x.message + "\n" + x.stack; + } +} function getToStringValue(value) { switch (typeof value) { case "boolean": @@ -4934,25 +4946,18 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) { "function" === typeof instance.componentDidMount && (workInProgress.flags |= 4194308); } +var CapturedStacks = new WeakMap(); function createCapturedValueAtFiber(value, source) { - try { - var info = "", - node = source; - do (info += describeFiber(node)), (node = node.return); - while (node); - var JSCompiler_inline_result = info; - } catch (x) { - JSCompiler_inline_result = - "\nError generating stack: " + x.message + "\n" + x.stack; - } - return { - value: value, - source: source, - stack: JSCompiler_inline_result, - digest: null - }; -} -function createCapturedValue(value, digest, stack) { + if ("object" === typeof value && null !== value) { + var stack = CapturedStacks.get(value); + "string" !== typeof stack && + ((stack = getStackByFiberInDevAndProd(source)), + CapturedStacks.set(value, stack)); + } else stack = getStackByFiberInDevAndProd(source); + return { value: value, source: source, stack: stack, digest: null }; +} +function createCapturedValueFromError(value, digest, stack) { + "string" === typeof stack && CapturedStacks.set(value, stack); return { value: value, source: null, @@ -6233,7 +6238,7 @@ function updateDehydratedSuspenseComponent( return ( pushPrimaryTreeSuspenseHandler(workInProgress), (workInProgress.flags &= -257), - (suspenseInstance = createCapturedValue( + (suspenseInstance = createCapturedValueFromError( Error(formatProdErrorMessage(422)) )), retrySuspenseComponentWithoutHydrating( @@ -6297,7 +6302,7 @@ function updateDehydratedSuspenseComponent( suspenseInstance = digest; didPrimaryChildrenDefer = Error(formatProdErrorMessage(419)); didPrimaryChildrenDefer.digest = suspenseInstance; - suspenseInstance = createCapturedValue( + suspenseInstance = createCapturedValueFromError( didPrimaryChildrenDefer, suspenseInstance, void 0 @@ -13374,19 +13379,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$355; + var JSCompiler_inline_result$jscomp$354; if (canUseDOM) { - var isSupported$jscomp$inline_1584 = "oninput" in document; - if (!isSupported$jscomp$inline_1584) { - var element$jscomp$inline_1585 = document.createElement("div"); - element$jscomp$inline_1585.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1584 = - "function" === typeof element$jscomp$inline_1585.oninput; + var isSupported$jscomp$inline_1578 = "oninput" in document; + if (!isSupported$jscomp$inline_1578) { + var element$jscomp$inline_1579 = document.createElement("div"); + element$jscomp$inline_1579.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1578 = + "function" === typeof element$jscomp$inline_1579.oninput; } - JSCompiler_inline_result$jscomp$355 = isSupported$jscomp$inline_1584; - } else JSCompiler_inline_result$jscomp$355 = !1; + JSCompiler_inline_result$jscomp$354 = isSupported$jscomp$inline_1578; + } else JSCompiler_inline_result$jscomp$354 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$355 && + JSCompiler_inline_result$jscomp$354 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -13758,20 +13763,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1625 = 0; - i$jscomp$inline_1625 < simpleEventPluginEvents.length; - i$jscomp$inline_1625++ + var i$jscomp$inline_1619 = 0; + i$jscomp$inline_1619 < simpleEventPluginEvents.length; + i$jscomp$inline_1619++ ) { - var eventName$jscomp$inline_1626 = - simpleEventPluginEvents[i$jscomp$inline_1625], - domEventName$jscomp$inline_1627 = - eventName$jscomp$inline_1626.toLowerCase(), - capitalizedEvent$jscomp$inline_1628 = - eventName$jscomp$inline_1626[0].toUpperCase() + - eventName$jscomp$inline_1626.slice(1); + var eventName$jscomp$inline_1620 = + simpleEventPluginEvents[i$jscomp$inline_1619], + domEventName$jscomp$inline_1621 = + eventName$jscomp$inline_1620.toLowerCase(), + capitalizedEvent$jscomp$inline_1622 = + eventName$jscomp$inline_1620[0].toUpperCase() + + eventName$jscomp$inline_1620.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1627, - "on" + capitalizedEvent$jscomp$inline_1628 + domEventName$jscomp$inline_1621, + "on" + capitalizedEvent$jscomp$inline_1622 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -17500,17 +17505,17 @@ Internals.Events = [ restoreStateIfNeeded, batchedUpdates$1 ]; -var devToolsConfig$jscomp$inline_1830 = { +var devToolsConfig$jscomp$inline_1824 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "18.3.0-www-classic-49d2df34", + version: "18.3.0-www-classic-7063c424", rendererPackageName: "react-dom" }; -var internals$jscomp$inline_2197 = { - bundleType: devToolsConfig$jscomp$inline_1830.bundleType, - version: devToolsConfig$jscomp$inline_1830.version, - rendererPackageName: devToolsConfig$jscomp$inline_1830.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_1830.rendererConfig, +var internals$jscomp$inline_2191 = { + bundleType: devToolsConfig$jscomp$inline_1824.bundleType, + version: devToolsConfig$jscomp$inline_1824.version, + rendererPackageName: devToolsConfig$jscomp$inline_1824.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_1824.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -17526,26 +17531,26 @@ var internals$jscomp$inline_2197 = { return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_1830.findFiberByHostInstance || + devToolsConfig$jscomp$inline_1824.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "18.3.0-www-classic-49d2df34" + reconcilerVersion: "18.3.0-www-classic-7063c424" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2198 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2192 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2198.isDisabled && - hook$jscomp$inline_2198.supportsFiber + !hook$jscomp$inline_2192.isDisabled && + hook$jscomp$inline_2192.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2198.inject( - internals$jscomp$inline_2197 + (rendererID = hook$jscomp$inline_2192.inject( + internals$jscomp$inline_2191 )), - (injectedHook = hook$jscomp$inline_2198); + (injectedHook = hook$jscomp$inline_2192); } catch (err) {} } assign(Internals, { @@ -18027,4 +18032,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactCurrentDispatcher$2.current.useHostTransitionStatus(); }; -exports.version = "18.3.0-www-classic-49d2df34"; +exports.version = "18.3.0-www-classic-7063c424"; diff --git a/compiled/facebook-www/ReactDOMTesting-prod.modern.js b/compiled/facebook-www/ReactDOMTesting-prod.modern.js index c1ac8fea1fb83..d65c4b3c5f129 100644 --- a/compiled/facebook-www/ReactDOMTesting-prod.modern.js +++ b/compiled/facebook-www/ReactDOMTesting-prod.modern.js @@ -928,6 +928,18 @@ function describeFiber(fiber) { return ""; } } +function getStackByFiberInDevAndProd(workInProgress) { + try { + var info = ""; + do + (info += describeFiber(workInProgress)), + (workInProgress = workInProgress.return); + while (workInProgress); + return info; + } catch (x) { + return "\nError generating stack: " + x.message + "\n" + x.stack; + } +} var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"); function getComponentNameFromType(type) { if (null == type) return null; @@ -4863,25 +4875,18 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) { "function" === typeof instance.componentDidMount && (workInProgress.flags |= 4194308); } +var CapturedStacks = new WeakMap(); function createCapturedValueAtFiber(value, source) { - try { - var info = "", - node = source; - do (info += describeFiber(node)), (node = node.return); - while (node); - var JSCompiler_inline_result = info; - } catch (x) { - JSCompiler_inline_result = - "\nError generating stack: " + x.message + "\n" + x.stack; - } - return { - value: value, - source: source, - stack: JSCompiler_inline_result, - digest: null - }; -} -function createCapturedValue(value, digest, stack) { + if ("object" === typeof value && null !== value) { + var stack = CapturedStacks.get(value); + "string" !== typeof stack && + ((stack = getStackByFiberInDevAndProd(source)), + CapturedStacks.set(value, stack)); + } else stack = getStackByFiberInDevAndProd(source); + return { value: value, source: source, stack: stack, digest: null }; +} +function createCapturedValueFromError(value, digest, stack) { + "string" === typeof stack && CapturedStacks.set(value, stack); return { value: value, source: null, @@ -6130,7 +6135,7 @@ function updateDehydratedSuspenseComponent( return ( pushPrimaryTreeSuspenseHandler(workInProgress), (workInProgress.flags &= -257), - (suspenseInstance = createCapturedValue( + (suspenseInstance = createCapturedValueFromError( Error(formatProdErrorMessage(422)) )), retrySuspenseComponentWithoutHydrating( @@ -6194,7 +6199,7 @@ function updateDehydratedSuspenseComponent( suspenseInstance = digest; didPrimaryChildrenDefer = Error(formatProdErrorMessage(419)); didPrimaryChildrenDefer.digest = suspenseInstance; - suspenseInstance = createCapturedValue( + suspenseInstance = createCapturedValueFromError( didPrimaryChildrenDefer, suspenseInstance, void 0 @@ -13791,19 +13796,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$353; + var JSCompiler_inline_result$jscomp$352; if (canUseDOM) { - var isSupported$jscomp$inline_1584 = "oninput" in document; - if (!isSupported$jscomp$inline_1584) { - var element$jscomp$inline_1585 = document.createElement("div"); - element$jscomp$inline_1585.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_1584 = - "function" === typeof element$jscomp$inline_1585.oninput; + var isSupported$jscomp$inline_1578 = "oninput" in document; + if (!isSupported$jscomp$inline_1578) { + var element$jscomp$inline_1579 = document.createElement("div"); + element$jscomp$inline_1579.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_1578 = + "function" === typeof element$jscomp$inline_1579.oninput; } - JSCompiler_inline_result$jscomp$353 = isSupported$jscomp$inline_1584; - } else JSCompiler_inline_result$jscomp$353 = !1; + JSCompiler_inline_result$jscomp$352 = isSupported$jscomp$inline_1578; + } else JSCompiler_inline_result$jscomp$352 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$353 && + JSCompiler_inline_result$jscomp$352 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -14112,20 +14117,20 @@ function registerSimpleEvent(domEventName, reactName) { registerTwoPhaseEvent(reactName, [domEventName]); } for ( - var i$jscomp$inline_1625 = 0; - i$jscomp$inline_1625 < simpleEventPluginEvents.length; - i$jscomp$inline_1625++ + var i$jscomp$inline_1619 = 0; + i$jscomp$inline_1619 < simpleEventPluginEvents.length; + i$jscomp$inline_1619++ ) { - var eventName$jscomp$inline_1626 = - simpleEventPluginEvents[i$jscomp$inline_1625], - domEventName$jscomp$inline_1627 = - eventName$jscomp$inline_1626.toLowerCase(), - capitalizedEvent$jscomp$inline_1628 = - eventName$jscomp$inline_1626[0].toUpperCase() + - eventName$jscomp$inline_1626.slice(1); + var eventName$jscomp$inline_1620 = + simpleEventPluginEvents[i$jscomp$inline_1619], + domEventName$jscomp$inline_1621 = + eventName$jscomp$inline_1620.toLowerCase(), + capitalizedEvent$jscomp$inline_1622 = + eventName$jscomp$inline_1620[0].toUpperCase() + + eventName$jscomp$inline_1620.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1627, - "on" + capitalizedEvent$jscomp$inline_1628 + domEventName$jscomp$inline_1621, + "on" + capitalizedEvent$jscomp$inline_1622 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -17077,17 +17082,17 @@ Internals.Events = [ restoreStateIfNeeded, batchedUpdates$1 ]; -var devToolsConfig$jscomp$inline_1789 = { +var devToolsConfig$jscomp$inline_1783 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "18.3.0-www-modern-0aa4491b", + version: "18.3.0-www-modern-39d968b9", rendererPackageName: "react-dom" }; -var internals$jscomp$inline_2160 = { - bundleType: devToolsConfig$jscomp$inline_1789.bundleType, - version: devToolsConfig$jscomp$inline_1789.version, - rendererPackageName: devToolsConfig$jscomp$inline_1789.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_1789.rendererConfig, +var internals$jscomp$inline_2154 = { + bundleType: devToolsConfig$jscomp$inline_1783.bundleType, + version: devToolsConfig$jscomp$inline_1783.version, + rendererPackageName: devToolsConfig$jscomp$inline_1783.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_1783.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -17104,26 +17109,26 @@ var internals$jscomp$inline_2160 = { return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_1789.findFiberByHostInstance || + devToolsConfig$jscomp$inline_1783.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "18.3.0-www-modern-0aa4491b" + reconcilerVersion: "18.3.0-www-modern-39d968b9" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2161 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2155 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2161.isDisabled && - hook$jscomp$inline_2161.supportsFiber + !hook$jscomp$inline_2155.isDisabled && + hook$jscomp$inline_2155.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2161.inject( - internals$jscomp$inline_2160 + (rendererID = hook$jscomp$inline_2155.inject( + internals$jscomp$inline_2154 )), - (injectedHook = hook$jscomp$inline_2161); + (injectedHook = hook$jscomp$inline_2155); } catch (err) {} } exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals; @@ -17532,4 +17537,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactCurrentDispatcher$2.current.useHostTransitionStatus(); }; -exports.version = "18.3.0-www-modern-0aa4491b"; +exports.version = "18.3.0-www-modern-39d968b9"; diff --git a/compiled/facebook-www/ReactTestRenderer-dev.classic.js b/compiled/facebook-www/ReactTestRenderer-dev.classic.js index 4467995c2de3d..68f195621314d 100644 --- a/compiled/facebook-www/ReactTestRenderer-dev.classic.js +++ b/compiled/facebook-www/ReactTestRenderer-dev.classic.js @@ -12216,17 +12216,37 @@ if (__DEV__) { return shouldUpdate; } + var CapturedStacks = new WeakMap(); function createCapturedValueAtFiber(value, source) { // If the value is an error, call this function immediately after it is thrown // so the stack is accurate. + var stack; + + if (typeof value === "object" && value !== null) { + var capturedStack = CapturedStacks.get(value); + + if (typeof capturedStack === "string") { + stack = capturedStack; + } else { + stack = getStackByFiberInDevAndProd(source); + CapturedStacks.set(value, stack); + } + } else { + stack = getStackByFiberInDevAndProd(source); + } + return { value: value, source: source, - stack: getStackByFiberInDevAndProd(source), + stack: stack, digest: null }; } - function createCapturedValue(value, digest, stack) { + function createCapturedValueFromError(value, digest, stack) { + if (typeof stack === "string") { + CapturedStacks.set(value, stack); + } + return { value: value, source: null, @@ -14732,7 +14752,7 @@ if (__DEV__) { } error.digest = digest; - capturedValue = createCapturedValue(error, digest, stack); + capturedValue = createCapturedValueFromError(error, digest, stack); } return retrySuspenseComponentWithoutHydrating( @@ -14842,7 +14862,7 @@ if (__DEV__) { pushPrimaryTreeSuspenseHandler(workInProgress); workInProgress.flags &= ~ForceClientRender; - var _capturedValue = createCapturedValue( + var _capturedValue = createCapturedValueFromError( new Error( "There was an error while hydrating this Suspense boundary. " + "Switched to client rendering." @@ -25983,7 +26003,7 @@ if (__DEV__) { return root; } - var ReactVersion = "18.3.0-www-classic-4db3a9db"; + var ReactVersion = "18.3.0-www-classic-bee0ea24"; // Might add PROFILE later. diff --git a/compiled/facebook-www/ReactTestRenderer-dev.modern.js b/compiled/facebook-www/ReactTestRenderer-dev.modern.js index 416e3a9540c5e..7375cbe975c9e 100644 --- a/compiled/facebook-www/ReactTestRenderer-dev.modern.js +++ b/compiled/facebook-www/ReactTestRenderer-dev.modern.js @@ -12216,17 +12216,37 @@ if (__DEV__) { return shouldUpdate; } + var CapturedStacks = new WeakMap(); function createCapturedValueAtFiber(value, source) { // If the value is an error, call this function immediately after it is thrown // so the stack is accurate. + var stack; + + if (typeof value === "object" && value !== null) { + var capturedStack = CapturedStacks.get(value); + + if (typeof capturedStack === "string") { + stack = capturedStack; + } else { + stack = getStackByFiberInDevAndProd(source); + CapturedStacks.set(value, stack); + } + } else { + stack = getStackByFiberInDevAndProd(source); + } + return { value: value, source: source, - stack: getStackByFiberInDevAndProd(source), + stack: stack, digest: null }; } - function createCapturedValue(value, digest, stack) { + function createCapturedValueFromError(value, digest, stack) { + if (typeof stack === "string") { + CapturedStacks.set(value, stack); + } + return { value: value, source: null, @@ -14732,7 +14752,7 @@ if (__DEV__) { } error.digest = digest; - capturedValue = createCapturedValue(error, digest, stack); + capturedValue = createCapturedValueFromError(error, digest, stack); } return retrySuspenseComponentWithoutHydrating( @@ -14842,7 +14862,7 @@ if (__DEV__) { pushPrimaryTreeSuspenseHandler(workInProgress); workInProgress.flags &= ~ForceClientRender; - var _capturedValue = createCapturedValue( + var _capturedValue = createCapturedValueFromError( new Error( "There was an error while hydrating this Suspense boundary. " + "Switched to client rendering." @@ -25983,7 +26003,7 @@ if (__DEV__) { return root; } - var ReactVersion = "18.3.0-www-modern-b7080615"; + var ReactVersion = "18.3.0-www-modern-ba994a16"; // Might add PROFILE later.