From 34a319d3553e082e715e8925553471f647accaf7 Mon Sep 17 00:00:00 2001 From: kassens Date: Fri, 14 Jun 2024 17:22:56 +0000 Subject: [PATCH] sanitize javascript: urls for tags (#29808) sanitize javascript: urls for tags React 19 added sanitization for `javascript:` URLs for `href` properties on various tags. This PR also adds that sanitization for `` tags as well that Firefox otherwise executes. DiffTrain build for [f0e8164410049aabc680035e8fd45b657eb020ab](https://github.com/facebook/react/commit/f0e8164410049aabc680035e8fd45b657eb020ab) --- compiled/facebook-www/REVISION | 2 +- compiled/facebook-www/REVISION_TRANSFORMS | 2 +- compiled/facebook-www/React-dev.classic.js | 2 +- compiled/facebook-www/React-dev.modern.js | 2 +- compiled/facebook-www/React-prod.classic.js | 2 +- compiled/facebook-www/React-prod.modern.js | 2 +- .../facebook-www/React-profiling.classic.js | 2 +- .../facebook-www/React-profiling.modern.js | 2 +- compiled/facebook-www/ReactART-dev.classic.js | 4 +- compiled/facebook-www/ReactART-dev.modern.js | 4 +- .../facebook-www/ReactART-prod.classic.js | 4 +- compiled/facebook-www/ReactART-prod.modern.js | 4 +- compiled/facebook-www/ReactDOM-dev.classic.js | 363 ++++++++++-------- compiled/facebook-www/ReactDOM-dev.modern.js | 363 ++++++++++-------- .../facebook-www/ReactDOM-prod.classic.js | 15 +- compiled/facebook-www/ReactDOM-prod.modern.js | 15 +- .../ReactDOM-profiling.classic.js | 15 +- .../facebook-www/ReactDOM-profiling.modern.js | 15 +- .../ReactDOMServer-dev.classic.js | 278 ++++++++------ .../facebook-www/ReactDOMServer-dev.modern.js | 278 ++++++++------ .../ReactDOMServer-prod.classic.js | 286 ++++++++------ .../ReactDOMServer-prod.modern.js | 286 ++++++++------ .../ReactDOMServerStreaming-dev.modern.js | 276 +++++++------ .../ReactDOMServerStreaming-prod.modern.js | 244 +++++++----- .../ReactDOMTesting-dev.classic.js | 363 ++++++++++-------- .../ReactDOMTesting-dev.modern.js | 363 ++++++++++-------- .../ReactDOMTesting-prod.classic.js | 15 +- .../ReactDOMTesting-prod.modern.js | 15 +- .../ReactReconciler-dev.classic.js | 2 +- .../ReactReconciler-dev.modern.js | 2 +- .../ReactReconciler-prod.classic.js | 2 +- .../ReactReconciler-prod.modern.js | 2 +- .../ReactTestRenderer-dev.classic.js | 4 +- .../ReactTestRenderer-dev.modern.js | 4 +- compiled/facebook-www/VERSION_CLASSIC | 2 +- compiled/facebook-www/VERSION_MODERN | 2 +- 36 files changed, 1820 insertions(+), 1422 deletions(-) diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION index bbeb715bdd827..3313eb32ff4ce 100644 --- a/compiled/facebook-www/REVISION +++ b/compiled/facebook-www/REVISION @@ -1 +1 @@ -fb9a90fa480efce40ac2a845478817467f965ddc +f0e8164410049aabc680035e8fd45b657eb020ab diff --git a/compiled/facebook-www/REVISION_TRANSFORMS b/compiled/facebook-www/REVISION_TRANSFORMS index bbeb715bdd827..3313eb32ff4ce 100644 --- a/compiled/facebook-www/REVISION_TRANSFORMS +++ b/compiled/facebook-www/REVISION_TRANSFORMS @@ -1 +1 @@ -fb9a90fa480efce40ac2a845478817467f965ddc +f0e8164410049aabc680035e8fd45b657eb020ab diff --git a/compiled/facebook-www/React-dev.classic.js b/compiled/facebook-www/React-dev.classic.js index d134e2011e55c..3fd6b793afe55 100644 --- a/compiled/facebook-www/React-dev.classic.js +++ b/compiled/facebook-www/React-dev.classic.js @@ -1967,7 +1967,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.0.0-www-classic-fb9a90fa48-20240614"; + exports.version = "19.0.0-www-classic-f0e8164410-20240614"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/React-dev.modern.js b/compiled/facebook-www/React-dev.modern.js index 6d5ce566fb3a1..c2ea9850b9a2f 100644 --- a/compiled/facebook-www/React-dev.modern.js +++ b/compiled/facebook-www/React-dev.modern.js @@ -1967,7 +1967,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.0.0-www-modern-fb9a90fa48-20240614"; + exports.version = "19.0.0-www-modern-f0e8164410-20240614"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/React-prod.classic.js b/compiled/facebook-www/React-prod.classic.js index ed7dc05579060..be690ab0185b4 100644 --- a/compiled/facebook-www/React-prod.classic.js +++ b/compiled/facebook-www/React-prod.classic.js @@ -665,4 +665,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-classic-fb9a90fa48-20240614"; +exports.version = "19.0.0-www-classic-f0e8164410-20240614"; diff --git a/compiled/facebook-www/React-prod.modern.js b/compiled/facebook-www/React-prod.modern.js index c86ca91d586d6..acb34cd0bf793 100644 --- a/compiled/facebook-www/React-prod.modern.js +++ b/compiled/facebook-www/React-prod.modern.js @@ -665,4 +665,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-modern-fb9a90fa48-20240614"; +exports.version = "19.0.0-www-modern-f0e8164410-20240614"; diff --git a/compiled/facebook-www/React-profiling.classic.js b/compiled/facebook-www/React-profiling.classic.js index d1501d70ce9d1..777c283155db8 100644 --- a/compiled/facebook-www/React-profiling.classic.js +++ b/compiled/facebook-www/React-profiling.classic.js @@ -669,7 +669,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-classic-fb9a90fa48-20240614"; +exports.version = "19.0.0-www-classic-f0e8164410-20240614"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/React-profiling.modern.js b/compiled/facebook-www/React-profiling.modern.js index eed445b0fa525..0ad2ebad74263 100644 --- a/compiled/facebook-www/React-profiling.modern.js +++ b/compiled/facebook-www/React-profiling.modern.js @@ -669,7 +669,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-www-modern-fb9a90fa48-20240614"; +exports.version = "19.0.0-www-modern-f0e8164410-20240614"; "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 72de793238846..75ef97567de2a 100644 --- a/compiled/facebook-www/ReactART-dev.classic.js +++ b/compiled/facebook-www/ReactART-dev.classic.js @@ -16583,14 +16583,14 @@ __DEV__ && scheduleRoot: scheduleRoot, setRefreshHandler: setRefreshHandler, getCurrentFiber: getCurrentFiberForDevTools, - reconcilerVersion: "19.0.0-www-classic-fb9a90fa48-20240614" + reconcilerVersion: "19.0.0-www-classic-f0e8164410-20240614" }); })({ findFiberByHostInstance: function () { return null; }, bundleType: 1, - version: "19.0.0-www-classic-fb9a90fa48-20240614", + version: "19.0.0-www-classic-f0e8164410-20240614", rendererPackageName: "react-art" }); var ClippingRectangle = TYPES.CLIPPING_RECTANGLE, diff --git a/compiled/facebook-www/ReactART-dev.modern.js b/compiled/facebook-www/ReactART-dev.modern.js index cc32526a5c7aa..29d3f8c97c7d8 100644 --- a/compiled/facebook-www/ReactART-dev.modern.js +++ b/compiled/facebook-www/ReactART-dev.modern.js @@ -16364,14 +16364,14 @@ __DEV__ && scheduleRoot: scheduleRoot, setRefreshHandler: setRefreshHandler, getCurrentFiber: getCurrentFiberForDevTools, - reconcilerVersion: "19.0.0-www-modern-fb9a90fa48-20240614" + reconcilerVersion: "19.0.0-www-modern-f0e8164410-20240614" }); })({ findFiberByHostInstance: function () { return null; }, bundleType: 1, - version: "19.0.0-www-modern-fb9a90fa48-20240614", + version: "19.0.0-www-modern-f0e8164410-20240614", rendererPackageName: "react-art" }); var ClippingRectangle = TYPES.CLIPPING_RECTANGLE, diff --git a/compiled/facebook-www/ReactART-prod.classic.js b/compiled/facebook-www/ReactART-prod.classic.js index 1a0e7980a3f55..84bcdd0024666 100644 --- a/compiled/facebook-www/ReactART-prod.classic.js +++ b/compiled/facebook-www/ReactART-prod.classic.js @@ -10501,7 +10501,7 @@ var slice = Array.prototype.slice, return null; }, bundleType: 0, - version: "19.0.0-www-classic-fb9a90fa48-20240614", + version: "19.0.0-www-classic-f0e8164410-20240614", rendererPackageName: "react-art" }; var internals$jscomp$inline_1399 = { @@ -10532,7 +10532,7 @@ var internals$jscomp$inline_1399 = { scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-www-classic-fb9a90fa48-20240614" + reconcilerVersion: "19.0.0-www-classic-f0e8164410-20240614" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1400 = __REACT_DEVTOOLS_GLOBAL_HOOK__; diff --git a/compiled/facebook-www/ReactART-prod.modern.js b/compiled/facebook-www/ReactART-prod.modern.js index 5efbb516f27bb..872ee43ebb962 100644 --- a/compiled/facebook-www/ReactART-prod.modern.js +++ b/compiled/facebook-www/ReactART-prod.modern.js @@ -10162,7 +10162,7 @@ var slice = Array.prototype.slice, return null; }, bundleType: 0, - version: "19.0.0-www-modern-fb9a90fa48-20240614", + version: "19.0.0-www-modern-f0e8164410-20240614", rendererPackageName: "react-art" }; var internals$jscomp$inline_1372 = { @@ -10193,7 +10193,7 @@ var internals$jscomp$inline_1372 = { scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-www-modern-fb9a90fa48-20240614" + reconcilerVersion: "19.0.0-www-modern-f0e8164410-20240614" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1373 = __REACT_DEVTOOLS_GLOBAL_HOOK__; diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js index c2472a3131053..95cda925da3b7 100644 --- a/compiled/facebook-www/ReactDOM-dev.classic.js +++ b/compiled/facebook-www/ReactDOM-dev.classic.js @@ -8923,32 +8923,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2459; - var JSCompiler_object_inline_stack_2460 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2460; + var JSCompiler_object_inline_stack_2461 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2461 = !1; + var JSCompiler_object_inline_componentStack_2462 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2459 = didSuspend) || - (JSCompiler_object_inline_digest_2459 = + (JSCompiler_object_inline_digest_2460 = didSuspend) || + (JSCompiler_object_inline_digest_2460 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2459 && - ((JSCompiler_object_inline_componentStack_2461 = !0), + JSCompiler_object_inline_digest_2460 && + ((JSCompiler_object_inline_componentStack_2462 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2459 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2460 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2461 + JSCompiler_object_inline_componentStack_2462 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2458 = nextHydratableInstance; + var JSCompiler_object_inline_message_2459 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2458)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2459)) { c: { - var instance = JSCompiler_object_inline_message_2458; + var instance = JSCompiler_object_inline_message_2459; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -8989,19 +8989,19 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2458 + JSCompiler_object_inline_message_2459 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2458 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2459 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2458 && - ((JSCompiler_object_inline_message_2458 = - JSCompiler_object_inline_message_2458.dehydrated), - null !== JSCompiler_object_inline_message_2458) + null !== JSCompiler_object_inline_message_2459 && + ((JSCompiler_object_inline_message_2459 = + JSCompiler_object_inline_message_2459.dehydrated), + null !== JSCompiler_object_inline_message_2459) ) return ( - JSCompiler_object_inline_message_2458.data === + JSCompiler_object_inline_message_2459.data === SUSPENSE_FALLBACK_START_DATA ? (workInProgress.lanes = DefaultHydrationLane) : (workInProgress.lanes = OffscreenLane), @@ -9009,27 +9009,27 @@ __DEV__ && ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2458 = - JSCompiler_object_inline_stack_2460.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2460.fallback; - if (JSCompiler_object_inline_componentStack_2461) + JSCompiler_object_inline_message_2459 = + JSCompiler_object_inline_stack_2461.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2461.fallback; + if (JSCompiler_object_inline_componentStack_2462) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2460 = + (JSCompiler_object_inline_stack_2461 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2458, + JSCompiler_object_inline_message_2459, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2461 = + (JSCompiler_object_inline_componentStack_2462 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2461.memoizedState = + (JSCompiler_object_inline_componentStack_2462.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2461.childLanes = + (JSCompiler_object_inline_componentStack_2462.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2459, + JSCompiler_object_inline_digest_2460, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9042,9 +9042,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2461.updateQueue), + JSCompiler_object_inline_componentStack_2462.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2461.updateQueue = + ? (JSCompiler_object_inline_componentStack_2462.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9052,46 +9052,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2460 + JSCompiler_object_inline_stack_2461 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2460.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2461.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2460 = + (JSCompiler_object_inline_stack_2461 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2458, + JSCompiler_object_inline_message_2459, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2461 = + (JSCompiler_object_inline_componentStack_2462 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2461.memoizedState = + (JSCompiler_object_inline_componentStack_2462.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2461.childLanes = + (JSCompiler_object_inline_componentStack_2462.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2459, + JSCompiler_object_inline_digest_2460, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2460 + JSCompiler_object_inline_stack_2461 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2458 + JSCompiler_object_inline_message_2459 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2458 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2458) + ((JSCompiler_object_inline_message_2459 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2459) ) { if (didSuspend) workInProgress.flags & 256 @@ -9108,93 +9108,93 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2461 = - JSCompiler_object_inline_stack_2460.fallback), - (JSCompiler_object_inline_message_2458 = workInProgress.mode), - (JSCompiler_object_inline_stack_2460 = + (JSCompiler_object_inline_componentStack_2462 = + JSCompiler_object_inline_stack_2461.fallback), + (JSCompiler_object_inline_message_2459 = workInProgress.mode), + (JSCompiler_object_inline_stack_2461 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2460.children + children: JSCompiler_object_inline_stack_2461.children }, - JSCompiler_object_inline_message_2458 + JSCompiler_object_inline_message_2459 )), - (JSCompiler_object_inline_componentStack_2461 = + (JSCompiler_object_inline_componentStack_2462 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2461, - JSCompiler_object_inline_message_2458, + JSCompiler_object_inline_componentStack_2462, + JSCompiler_object_inline_message_2459, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2461.flags |= 2), - (JSCompiler_object_inline_stack_2460.return = workInProgress), - (JSCompiler_object_inline_componentStack_2461.return = + (JSCompiler_object_inline_componentStack_2462.flags |= 2), + (JSCompiler_object_inline_stack_2461.return = workInProgress), + (JSCompiler_object_inline_componentStack_2462.return = workInProgress), - (JSCompiler_object_inline_stack_2460.sibling = - JSCompiler_object_inline_componentStack_2461), - (workInProgress.child = JSCompiler_object_inline_stack_2460), + (JSCompiler_object_inline_stack_2461.sibling = + JSCompiler_object_inline_componentStack_2462), + (workInProgress.child = JSCompiler_object_inline_stack_2461), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2460 = workInProgress.child), - (JSCompiler_object_inline_stack_2460.memoizedState = + (JSCompiler_object_inline_stack_2461 = workInProgress.child), + (JSCompiler_object_inline_stack_2461.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2460.childLanes = + (JSCompiler_object_inline_stack_2461.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2459, + JSCompiler_object_inline_digest_2460, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - (workInProgress = JSCompiler_object_inline_componentStack_2461)); + (workInProgress = JSCompiler_object_inline_componentStack_2462)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && error$jscomp$0( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - JSCompiler_object_inline_message_2458.data === + JSCompiler_object_inline_message_2459.data === SUSPENSE_FALLBACK_START_DATA) ) { - JSCompiler_object_inline_digest_2459 = - JSCompiler_object_inline_message_2458.nextSibling && - JSCompiler_object_inline_message_2458.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2459) { - JSCompiler_temp = JSCompiler_object_inline_digest_2459.dgst; - var message = JSCompiler_object_inline_digest_2459.msg; - instance = JSCompiler_object_inline_digest_2459.stck; - var componentStack = JSCompiler_object_inline_digest_2459.cstck; + JSCompiler_object_inline_digest_2460 = + JSCompiler_object_inline_message_2459.nextSibling && + JSCompiler_object_inline_message_2459.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2460) { + JSCompiler_temp = JSCompiler_object_inline_digest_2460.dgst; + var message = JSCompiler_object_inline_digest_2460.msg; + instance = JSCompiler_object_inline_digest_2460.stck; + var componentStack = JSCompiler_object_inline_digest_2460.cstck; } - JSCompiler_object_inline_message_2458 = message; - JSCompiler_object_inline_digest_2459 = JSCompiler_temp; - JSCompiler_object_inline_stack_2460 = instance; - JSCompiler_object_inline_componentStack_2461 = componentStack; - JSCompiler_object_inline_message_2458 = - JSCompiler_object_inline_message_2458 - ? Error(JSCompiler_object_inline_message_2458) + JSCompiler_object_inline_message_2459 = message; + JSCompiler_object_inline_digest_2460 = JSCompiler_temp; + JSCompiler_object_inline_stack_2461 = instance; + JSCompiler_object_inline_componentStack_2462 = componentStack; + JSCompiler_object_inline_message_2459 = + JSCompiler_object_inline_message_2459 + ? Error(JSCompiler_object_inline_message_2459) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_message_2458.stack = - JSCompiler_object_inline_stack_2460 || ""; - JSCompiler_object_inline_message_2458.digest = - JSCompiler_object_inline_digest_2459; - JSCompiler_object_inline_digest_2459 = - void 0 === JSCompiler_object_inline_componentStack_2461 + JSCompiler_object_inline_message_2459.stack = + JSCompiler_object_inline_stack_2461 || ""; + JSCompiler_object_inline_message_2459.digest = + JSCompiler_object_inline_digest_2460; + JSCompiler_object_inline_digest_2460 = + void 0 === JSCompiler_object_inline_componentStack_2462 ? null - : JSCompiler_object_inline_componentStack_2461; - "string" === typeof JSCompiler_object_inline_digest_2459 && + : JSCompiler_object_inline_componentStack_2462; + "string" === typeof JSCompiler_object_inline_digest_2460 && CapturedStacks.set( - JSCompiler_object_inline_message_2458, - JSCompiler_object_inline_digest_2459 + JSCompiler_object_inline_message_2459, + JSCompiler_object_inline_digest_2460 ); queueHydrationError({ - value: JSCompiler_object_inline_message_2458, + value: JSCompiler_object_inline_message_2459, source: null, - stack: JSCompiler_object_inline_digest_2459 + stack: JSCompiler_object_inline_digest_2460 }); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9210,29 +9210,29 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2459 = + (JSCompiler_object_inline_digest_2460 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2459) + didReceiveUpdate || JSCompiler_object_inline_digest_2460) ) { - JSCompiler_object_inline_digest_2459 = workInProgressRoot; - if (null !== JSCompiler_object_inline_digest_2459) { - JSCompiler_object_inline_stack_2460 = renderLanes & -renderLanes; + JSCompiler_object_inline_digest_2460 = workInProgressRoot; + if (null !== JSCompiler_object_inline_digest_2460) { + JSCompiler_object_inline_stack_2461 = renderLanes & -renderLanes; if ( enableUnifiedSyncLane && - 0 !== (JSCompiler_object_inline_stack_2460 & SyncUpdateLanes) + 0 !== (JSCompiler_object_inline_stack_2461 & SyncUpdateLanes) ) - JSCompiler_object_inline_stack_2460 = SyncHydrationLane; + JSCompiler_object_inline_stack_2461 = SyncHydrationLane; else - switch (JSCompiler_object_inline_stack_2460) { + switch (JSCompiler_object_inline_stack_2461) { case SyncLane: - JSCompiler_object_inline_stack_2460 = SyncHydrationLane; + JSCompiler_object_inline_stack_2461 = SyncHydrationLane; break; case InputContinuousLane: - JSCompiler_object_inline_stack_2460 = + JSCompiler_object_inline_stack_2461 = InputContinuousHydrationLane; break; case DefaultLane: - JSCompiler_object_inline_stack_2460 = DefaultHydrationLane; + JSCompiler_object_inline_stack_2461 = DefaultHydrationLane; break; case 128: case 256: @@ -9253,40 +9253,40 @@ __DEV__ && case 8388608: case 16777216: case 33554432: - JSCompiler_object_inline_stack_2460 = TransitionHydrationLane; + JSCompiler_object_inline_stack_2461 = TransitionHydrationLane; break; case IdleLane: - JSCompiler_object_inline_stack_2460 = IdleHydrationLane; + JSCompiler_object_inline_stack_2461 = IdleHydrationLane; break; default: - JSCompiler_object_inline_stack_2460 = 0; + JSCompiler_object_inline_stack_2461 = 0; } - JSCompiler_object_inline_stack_2460 = + JSCompiler_object_inline_stack_2461 = 0 !== - (JSCompiler_object_inline_stack_2460 & - (JSCompiler_object_inline_digest_2459.suspendedLanes | + (JSCompiler_object_inline_stack_2461 & + (JSCompiler_object_inline_digest_2460.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2460; + : JSCompiler_object_inline_stack_2461; if ( - 0 !== JSCompiler_object_inline_stack_2460 && - JSCompiler_object_inline_stack_2460 !== prevState.retryLane + 0 !== JSCompiler_object_inline_stack_2461 && + JSCompiler_object_inline_stack_2461 !== prevState.retryLane ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2460), + ((prevState.retryLane = JSCompiler_object_inline_stack_2461), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2460 + JSCompiler_object_inline_stack_2461 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2459, + JSCompiler_object_inline_digest_2460, current, - JSCompiler_object_inline_stack_2460 + JSCompiler_object_inline_stack_2461 ), SelectiveHydrationException) ); } - JSCompiler_object_inline_message_2458.data === + JSCompiler_object_inline_message_2459.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9294,7 +9294,7 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2458.data === + JSCompiler_object_inline_message_2459.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 128), (workInProgress.child = current.child), @@ -9302,12 +9302,12 @@ __DEV__ && null, current )), - (JSCompiler_object_inline_message_2458._reactRetry = + (JSCompiler_object_inline_message_2459._reactRetry = workInProgress), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2458.nextSibling + JSCompiler_object_inline_message_2459.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9325,57 +9325,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2460.children + JSCompiler_object_inline_stack_2461.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2461) + if (JSCompiler_object_inline_componentStack_2462) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2461 = - JSCompiler_object_inline_stack_2460.fallback), - (JSCompiler_object_inline_message_2458 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2462 = + JSCompiler_object_inline_stack_2461.fallback), + (JSCompiler_object_inline_message_2459 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2460 = createWorkInProgress( + (JSCompiler_object_inline_stack_2461 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2460.children + children: JSCompiler_object_inline_stack_2461.children } )), - (JSCompiler_object_inline_stack_2460.subtreeFlags = + (JSCompiler_object_inline_stack_2461.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280), null !== instance - ? (JSCompiler_object_inline_componentStack_2461 = + ? (JSCompiler_object_inline_componentStack_2462 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2461 + JSCompiler_object_inline_componentStack_2462 )) - : ((JSCompiler_object_inline_componentStack_2461 = + : ((JSCompiler_object_inline_componentStack_2462 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2461, - JSCompiler_object_inline_message_2458, + JSCompiler_object_inline_componentStack_2462, + JSCompiler_object_inline_message_2459, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2461.flags |= 2)), - (JSCompiler_object_inline_componentStack_2461.return = + (JSCompiler_object_inline_componentStack_2462.flags |= 2)), + (JSCompiler_object_inline_componentStack_2462.return = workInProgress), - (JSCompiler_object_inline_stack_2460.return = workInProgress), - (JSCompiler_object_inline_stack_2460.sibling = - JSCompiler_object_inline_componentStack_2461), - (workInProgress.child = JSCompiler_object_inline_stack_2460), - (JSCompiler_object_inline_stack_2460 = - JSCompiler_object_inline_componentStack_2461), - (JSCompiler_object_inline_componentStack_2461 = workInProgress.child), - (JSCompiler_object_inline_message_2458 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2458 - ? (JSCompiler_object_inline_message_2458 = + (JSCompiler_object_inline_stack_2461.return = workInProgress), + (JSCompiler_object_inline_stack_2461.sibling = + JSCompiler_object_inline_componentStack_2462), + (workInProgress.child = JSCompiler_object_inline_stack_2461), + (JSCompiler_object_inline_stack_2461 = + JSCompiler_object_inline_componentStack_2462), + (JSCompiler_object_inline_componentStack_2462 = workInProgress.child), + (JSCompiler_object_inline_message_2459 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2459 + ? (JSCompiler_object_inline_message_2459 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2458.cachePool), + JSCompiler_object_inline_message_2459.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9383,64 +9383,64 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2458 = { + (JSCompiler_object_inline_message_2459 = { baseLanes: - JSCompiler_object_inline_message_2458.baseLanes | renderLanes, + JSCompiler_object_inline_message_2459.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2461.memoizedState = - JSCompiler_object_inline_message_2458), + (JSCompiler_object_inline_componentStack_2462.memoizedState = + JSCompiler_object_inline_message_2459), enableTransitionTracing && - ((JSCompiler_object_inline_message_2458 = enableTransitionTracing + ((JSCompiler_object_inline_message_2459 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2458 && + null !== JSCompiler_object_inline_message_2459 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2461.updateQueue), + JSCompiler_object_inline_componentStack_2462.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2461.updateQueue = { - transitions: JSCompiler_object_inline_message_2458, + ? (JSCompiler_object_inline_componentStack_2462.updateQueue = { + transitions: JSCompiler_object_inline_message_2459, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2461.updateQueue = { - transitions: JSCompiler_object_inline_message_2458, + ? (JSCompiler_object_inline_componentStack_2462.updateQueue = { + transitions: JSCompiler_object_inline_message_2459, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack ? componentStack.retryQueue : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2458), + JSCompiler_object_inline_message_2459), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2461.childLanes = + (JSCompiler_object_inline_componentStack_2462.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2459, + JSCompiler_object_inline_digest_2460, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2460 + JSCompiler_object_inline_stack_2461 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2460.children + children: JSCompiler_object_inline_stack_2461.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2459 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2459 + ((JSCompiler_object_inline_digest_2460 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2460 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2459.push(current)); + : JSCompiler_object_inline_digest_2460.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -19299,6 +19299,11 @@ __DEV__ && case "style": setValueForStyles(domElement, value, prevValue); break; + case "data": + if ("object" !== tag) { + setValueForKnownAttribute(domElement, "data", value); + break; + } case "src": case "href": if ("" === value && ("a" !== tag || "href" !== key)) { @@ -20847,9 +20852,27 @@ __DEV__ && serverDifferences ); continue; + case "data": + if ("object" !== tag) { + extraAttributes.delete(value); + attributes = domElement.getAttribute("data"); + warnForPropDifference( + value, + attributes, + propKey, + serverDifferences + ); + continue; + } case "src": case "href": - if ("" === propKey && ("a" !== tag || "href" !== value)) { + if ( + !( + "" !== propKey || + ("a" === tag && "href" === value) || + ("object" === tag && "data" === value) + ) + ) { "src" === value ? error$jscomp$0( 'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.', @@ -26695,11 +26718,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-www-classic-fb9a90fa48-20240614" !== isomorphicReactPackageVersion) + if ("19.0.0-www-classic-f0e8164410-20240614" !== 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.0.0-www-classic-fb9a90fa48-20240614\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-www-classic-f0e8164410-20240614\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -26764,12 +26787,12 @@ __DEV__ && scheduleRoot: scheduleRoot, setRefreshHandler: setRefreshHandler, getCurrentFiber: getCurrentFiberForDevTools, - reconcilerVersion: "19.0.0-www-classic-fb9a90fa48-20240614" + reconcilerVersion: "19.0.0-www-classic-f0e8164410-20240614" }); })({ findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 1, - version: "19.0.0-www-classic-fb9a90fa48-20240614", + version: "19.0.0-www-classic-f0e8164410-20240614", rendererPackageName: "react-dom" }) && canUseDOM && @@ -27365,7 +27388,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-www-classic-fb9a90fa48-20240614"; + exports.version = "19.0.0-www-classic-f0e8164410-20240614"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOM-dev.modern.js b/compiled/facebook-www/ReactDOM-dev.modern.js index 6b0fcb957ca14..3a4bc0026a326 100644 --- a/compiled/facebook-www/ReactDOM-dev.modern.js +++ b/compiled/facebook-www/ReactDOM-dev.modern.js @@ -8752,32 +8752,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2451; - var JSCompiler_object_inline_stack_2452 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2452; + var JSCompiler_object_inline_stack_2453 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2453 = !1; + var JSCompiler_object_inline_componentStack_2454 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2451 = didSuspend) || - (JSCompiler_object_inline_digest_2451 = + (JSCompiler_object_inline_digest_2452 = didSuspend) || + (JSCompiler_object_inline_digest_2452 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2451 && - ((JSCompiler_object_inline_componentStack_2453 = !0), + JSCompiler_object_inline_digest_2452 && + ((JSCompiler_object_inline_componentStack_2454 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2451 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2452 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2453 + JSCompiler_object_inline_componentStack_2454 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2450 = nextHydratableInstance; + var JSCompiler_object_inline_message_2451 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2450)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2451)) { c: { - var instance = JSCompiler_object_inline_message_2450; + var instance = JSCompiler_object_inline_message_2451; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -8818,19 +8818,19 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2450 + JSCompiler_object_inline_message_2451 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2450 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2451 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2450 && - ((JSCompiler_object_inline_message_2450 = - JSCompiler_object_inline_message_2450.dehydrated), - null !== JSCompiler_object_inline_message_2450) + null !== JSCompiler_object_inline_message_2451 && + ((JSCompiler_object_inline_message_2451 = + JSCompiler_object_inline_message_2451.dehydrated), + null !== JSCompiler_object_inline_message_2451) ) return ( - JSCompiler_object_inline_message_2450.data === + JSCompiler_object_inline_message_2451.data === SUSPENSE_FALLBACK_START_DATA ? (workInProgress.lanes = DefaultHydrationLane) : (workInProgress.lanes = OffscreenLane), @@ -8838,27 +8838,27 @@ __DEV__ && ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2450 = - JSCompiler_object_inline_stack_2452.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2452.fallback; - if (JSCompiler_object_inline_componentStack_2453) + JSCompiler_object_inline_message_2451 = + JSCompiler_object_inline_stack_2453.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2453.fallback; + if (JSCompiler_object_inline_componentStack_2454) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2452 = + (JSCompiler_object_inline_stack_2453 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2450, + JSCompiler_object_inline_message_2451, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2453 = + (JSCompiler_object_inline_componentStack_2454 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2453.memoizedState = + (JSCompiler_object_inline_componentStack_2454.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2453.childLanes = + (JSCompiler_object_inline_componentStack_2454.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2451, + JSCompiler_object_inline_digest_2452, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -8871,9 +8871,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2453.updateQueue), + JSCompiler_object_inline_componentStack_2454.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2453.updateQueue = + ? (JSCompiler_object_inline_componentStack_2454.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -8881,46 +8881,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2452 + JSCompiler_object_inline_stack_2453 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2452.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2453.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2452 = + (JSCompiler_object_inline_stack_2453 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2450, + JSCompiler_object_inline_message_2451, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2453 = + (JSCompiler_object_inline_componentStack_2454 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2453.memoizedState = + (JSCompiler_object_inline_componentStack_2454.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2453.childLanes = + (JSCompiler_object_inline_componentStack_2454.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2451, + JSCompiler_object_inline_digest_2452, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2452 + JSCompiler_object_inline_stack_2453 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2450 + JSCompiler_object_inline_message_2451 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2450 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2450) + ((JSCompiler_object_inline_message_2451 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2451) ) { if (didSuspend) workInProgress.flags & 256 @@ -8937,93 +8937,93 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2453 = - JSCompiler_object_inline_stack_2452.fallback), - (JSCompiler_object_inline_message_2450 = workInProgress.mode), - (JSCompiler_object_inline_stack_2452 = + (JSCompiler_object_inline_componentStack_2454 = + JSCompiler_object_inline_stack_2453.fallback), + (JSCompiler_object_inline_message_2451 = workInProgress.mode), + (JSCompiler_object_inline_stack_2453 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2452.children + children: JSCompiler_object_inline_stack_2453.children }, - JSCompiler_object_inline_message_2450 + JSCompiler_object_inline_message_2451 )), - (JSCompiler_object_inline_componentStack_2453 = + (JSCompiler_object_inline_componentStack_2454 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2453, - JSCompiler_object_inline_message_2450, + JSCompiler_object_inline_componentStack_2454, + JSCompiler_object_inline_message_2451, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2453.flags |= 2), - (JSCompiler_object_inline_stack_2452.return = workInProgress), - (JSCompiler_object_inline_componentStack_2453.return = + (JSCompiler_object_inline_componentStack_2454.flags |= 2), + (JSCompiler_object_inline_stack_2453.return = workInProgress), + (JSCompiler_object_inline_componentStack_2454.return = workInProgress), - (JSCompiler_object_inline_stack_2452.sibling = - JSCompiler_object_inline_componentStack_2453), - (workInProgress.child = JSCompiler_object_inline_stack_2452), + (JSCompiler_object_inline_stack_2453.sibling = + JSCompiler_object_inline_componentStack_2454), + (workInProgress.child = JSCompiler_object_inline_stack_2453), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2452 = workInProgress.child), - (JSCompiler_object_inline_stack_2452.memoizedState = + (JSCompiler_object_inline_stack_2453 = workInProgress.child), + (JSCompiler_object_inline_stack_2453.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2452.childLanes = + (JSCompiler_object_inline_stack_2453.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2451, + JSCompiler_object_inline_digest_2452, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - (workInProgress = JSCompiler_object_inline_componentStack_2453)); + (workInProgress = JSCompiler_object_inline_componentStack_2454)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && error$jscomp$0( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - JSCompiler_object_inline_message_2450.data === + JSCompiler_object_inline_message_2451.data === SUSPENSE_FALLBACK_START_DATA) ) { - JSCompiler_object_inline_digest_2451 = - JSCompiler_object_inline_message_2450.nextSibling && - JSCompiler_object_inline_message_2450.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2451) { - JSCompiler_temp = JSCompiler_object_inline_digest_2451.dgst; - var message = JSCompiler_object_inline_digest_2451.msg; - instance = JSCompiler_object_inline_digest_2451.stck; - var componentStack = JSCompiler_object_inline_digest_2451.cstck; + JSCompiler_object_inline_digest_2452 = + JSCompiler_object_inline_message_2451.nextSibling && + JSCompiler_object_inline_message_2451.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2452) { + JSCompiler_temp = JSCompiler_object_inline_digest_2452.dgst; + var message = JSCompiler_object_inline_digest_2452.msg; + instance = JSCompiler_object_inline_digest_2452.stck; + var componentStack = JSCompiler_object_inline_digest_2452.cstck; } - JSCompiler_object_inline_message_2450 = message; - JSCompiler_object_inline_digest_2451 = JSCompiler_temp; - JSCompiler_object_inline_stack_2452 = instance; - JSCompiler_object_inline_componentStack_2453 = componentStack; - JSCompiler_object_inline_message_2450 = - JSCompiler_object_inline_message_2450 - ? Error(JSCompiler_object_inline_message_2450) + JSCompiler_object_inline_message_2451 = message; + JSCompiler_object_inline_digest_2452 = JSCompiler_temp; + JSCompiler_object_inline_stack_2453 = instance; + JSCompiler_object_inline_componentStack_2454 = componentStack; + JSCompiler_object_inline_message_2451 = + JSCompiler_object_inline_message_2451 + ? Error(JSCompiler_object_inline_message_2451) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_message_2450.stack = - JSCompiler_object_inline_stack_2452 || ""; - JSCompiler_object_inline_message_2450.digest = - JSCompiler_object_inline_digest_2451; - JSCompiler_object_inline_digest_2451 = - void 0 === JSCompiler_object_inline_componentStack_2453 + JSCompiler_object_inline_message_2451.stack = + JSCompiler_object_inline_stack_2453 || ""; + JSCompiler_object_inline_message_2451.digest = + JSCompiler_object_inline_digest_2452; + JSCompiler_object_inline_digest_2452 = + void 0 === JSCompiler_object_inline_componentStack_2454 ? null - : JSCompiler_object_inline_componentStack_2453; - "string" === typeof JSCompiler_object_inline_digest_2451 && + : JSCompiler_object_inline_componentStack_2454; + "string" === typeof JSCompiler_object_inline_digest_2452 && CapturedStacks.set( - JSCompiler_object_inline_message_2450, - JSCompiler_object_inline_digest_2451 + JSCompiler_object_inline_message_2451, + JSCompiler_object_inline_digest_2452 ); queueHydrationError({ - value: JSCompiler_object_inline_message_2450, + value: JSCompiler_object_inline_message_2451, source: null, - stack: JSCompiler_object_inline_digest_2451 + stack: JSCompiler_object_inline_digest_2452 }); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9039,29 +9039,29 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2451 = + (JSCompiler_object_inline_digest_2452 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2451) + didReceiveUpdate || JSCompiler_object_inline_digest_2452) ) { - JSCompiler_object_inline_digest_2451 = workInProgressRoot; - if (null !== JSCompiler_object_inline_digest_2451) { - JSCompiler_object_inline_stack_2452 = renderLanes & -renderLanes; + JSCompiler_object_inline_digest_2452 = workInProgressRoot; + if (null !== JSCompiler_object_inline_digest_2452) { + JSCompiler_object_inline_stack_2453 = renderLanes & -renderLanes; if ( enableUnifiedSyncLane && - 0 !== (JSCompiler_object_inline_stack_2452 & SyncUpdateLanes) + 0 !== (JSCompiler_object_inline_stack_2453 & SyncUpdateLanes) ) - JSCompiler_object_inline_stack_2452 = SyncHydrationLane; + JSCompiler_object_inline_stack_2453 = SyncHydrationLane; else - switch (JSCompiler_object_inline_stack_2452) { + switch (JSCompiler_object_inline_stack_2453) { case SyncLane: - JSCompiler_object_inline_stack_2452 = SyncHydrationLane; + JSCompiler_object_inline_stack_2453 = SyncHydrationLane; break; case InputContinuousLane: - JSCompiler_object_inline_stack_2452 = + JSCompiler_object_inline_stack_2453 = InputContinuousHydrationLane; break; case DefaultLane: - JSCompiler_object_inline_stack_2452 = DefaultHydrationLane; + JSCompiler_object_inline_stack_2453 = DefaultHydrationLane; break; case 128: case 256: @@ -9082,40 +9082,40 @@ __DEV__ && case 8388608: case 16777216: case 33554432: - JSCompiler_object_inline_stack_2452 = TransitionHydrationLane; + JSCompiler_object_inline_stack_2453 = TransitionHydrationLane; break; case IdleLane: - JSCompiler_object_inline_stack_2452 = IdleHydrationLane; + JSCompiler_object_inline_stack_2453 = IdleHydrationLane; break; default: - JSCompiler_object_inline_stack_2452 = 0; + JSCompiler_object_inline_stack_2453 = 0; } - JSCompiler_object_inline_stack_2452 = + JSCompiler_object_inline_stack_2453 = 0 !== - (JSCompiler_object_inline_stack_2452 & - (JSCompiler_object_inline_digest_2451.suspendedLanes | + (JSCompiler_object_inline_stack_2453 & + (JSCompiler_object_inline_digest_2452.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2452; + : JSCompiler_object_inline_stack_2453; if ( - 0 !== JSCompiler_object_inline_stack_2452 && - JSCompiler_object_inline_stack_2452 !== prevState.retryLane + 0 !== JSCompiler_object_inline_stack_2453 && + JSCompiler_object_inline_stack_2453 !== prevState.retryLane ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2452), + ((prevState.retryLane = JSCompiler_object_inline_stack_2453), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2452 + JSCompiler_object_inline_stack_2453 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2451, + JSCompiler_object_inline_digest_2452, current, - JSCompiler_object_inline_stack_2452 + JSCompiler_object_inline_stack_2453 ), SelectiveHydrationException) ); } - JSCompiler_object_inline_message_2450.data === + JSCompiler_object_inline_message_2451.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9123,7 +9123,7 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2450.data === + JSCompiler_object_inline_message_2451.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 128), (workInProgress.child = current.child), @@ -9131,12 +9131,12 @@ __DEV__ && null, current )), - (JSCompiler_object_inline_message_2450._reactRetry = + (JSCompiler_object_inline_message_2451._reactRetry = workInProgress), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2450.nextSibling + JSCompiler_object_inline_message_2451.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9154,57 +9154,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2452.children + JSCompiler_object_inline_stack_2453.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2453) + if (JSCompiler_object_inline_componentStack_2454) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2453 = - JSCompiler_object_inline_stack_2452.fallback), - (JSCompiler_object_inline_message_2450 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2454 = + JSCompiler_object_inline_stack_2453.fallback), + (JSCompiler_object_inline_message_2451 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2452 = createWorkInProgress( + (JSCompiler_object_inline_stack_2453 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2452.children + children: JSCompiler_object_inline_stack_2453.children } )), - (JSCompiler_object_inline_stack_2452.subtreeFlags = + (JSCompiler_object_inline_stack_2453.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280), null !== instance - ? (JSCompiler_object_inline_componentStack_2453 = + ? (JSCompiler_object_inline_componentStack_2454 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2453 + JSCompiler_object_inline_componentStack_2454 )) - : ((JSCompiler_object_inline_componentStack_2453 = + : ((JSCompiler_object_inline_componentStack_2454 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2453, - JSCompiler_object_inline_message_2450, + JSCompiler_object_inline_componentStack_2454, + JSCompiler_object_inline_message_2451, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2453.flags |= 2)), - (JSCompiler_object_inline_componentStack_2453.return = + (JSCompiler_object_inline_componentStack_2454.flags |= 2)), + (JSCompiler_object_inline_componentStack_2454.return = workInProgress), - (JSCompiler_object_inline_stack_2452.return = workInProgress), - (JSCompiler_object_inline_stack_2452.sibling = - JSCompiler_object_inline_componentStack_2453), - (workInProgress.child = JSCompiler_object_inline_stack_2452), - (JSCompiler_object_inline_stack_2452 = - JSCompiler_object_inline_componentStack_2453), - (JSCompiler_object_inline_componentStack_2453 = workInProgress.child), - (JSCompiler_object_inline_message_2450 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2450 - ? (JSCompiler_object_inline_message_2450 = + (JSCompiler_object_inline_stack_2453.return = workInProgress), + (JSCompiler_object_inline_stack_2453.sibling = + JSCompiler_object_inline_componentStack_2454), + (workInProgress.child = JSCompiler_object_inline_stack_2453), + (JSCompiler_object_inline_stack_2453 = + JSCompiler_object_inline_componentStack_2454), + (JSCompiler_object_inline_componentStack_2454 = workInProgress.child), + (JSCompiler_object_inline_message_2451 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2451 + ? (JSCompiler_object_inline_message_2451 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2450.cachePool), + JSCompiler_object_inline_message_2451.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9212,64 +9212,64 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2450 = { + (JSCompiler_object_inline_message_2451 = { baseLanes: - JSCompiler_object_inline_message_2450.baseLanes | renderLanes, + JSCompiler_object_inline_message_2451.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2453.memoizedState = - JSCompiler_object_inline_message_2450), + (JSCompiler_object_inline_componentStack_2454.memoizedState = + JSCompiler_object_inline_message_2451), enableTransitionTracing && - ((JSCompiler_object_inline_message_2450 = enableTransitionTracing + ((JSCompiler_object_inline_message_2451 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2450 && + null !== JSCompiler_object_inline_message_2451 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2453.updateQueue), + JSCompiler_object_inline_componentStack_2454.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2453.updateQueue = { - transitions: JSCompiler_object_inline_message_2450, + ? (JSCompiler_object_inline_componentStack_2454.updateQueue = { + transitions: JSCompiler_object_inline_message_2451, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2453.updateQueue = { - transitions: JSCompiler_object_inline_message_2450, + ? (JSCompiler_object_inline_componentStack_2454.updateQueue = { + transitions: JSCompiler_object_inline_message_2451, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack ? componentStack.retryQueue : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2450), + JSCompiler_object_inline_message_2451), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2453.childLanes = + (JSCompiler_object_inline_componentStack_2454.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2451, + JSCompiler_object_inline_digest_2452, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2452 + JSCompiler_object_inline_stack_2453 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2452.children + children: JSCompiler_object_inline_stack_2453.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2451 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2451 + ((JSCompiler_object_inline_digest_2452 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2452 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2451.push(current)); + : JSCompiler_object_inline_digest_2452.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -19108,6 +19108,11 @@ __DEV__ && case "style": setValueForStyles(domElement, value, prevValue); break; + case "data": + if ("object" !== tag) { + setValueForKnownAttribute(domElement, "data", value); + break; + } case "src": case "href": if ("" === value && ("a" !== tag || "href" !== key)) { @@ -20655,9 +20660,27 @@ __DEV__ && serverDifferences ); continue; + case "data": + if ("object" !== tag) { + extraAttributes.delete(value); + attributes = domElement.getAttribute("data"); + warnForPropDifference( + value, + attributes, + propKey, + serverDifferences + ); + continue; + } case "src": case "href": - if ("" === propKey && ("a" !== tag || "href" !== value)) { + if ( + !( + "" !== propKey || + ("a" === tag && "href" === value) || + ("object" === tag && "data" === value) + ) + ) { "src" === value ? error$jscomp$0( 'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.', @@ -26497,11 +26520,11 @@ __DEV__ && return_targetInst = null; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-www-modern-fb9a90fa48-20240614" !== isomorphicReactPackageVersion) + if ("19.0.0-www-modern-f0e8164410-20240614" !== 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.0.0-www-modern-fb9a90fa48-20240614\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-www-modern-f0e8164410-20240614\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -26566,12 +26589,12 @@ __DEV__ && scheduleRoot: scheduleRoot, setRefreshHandler: setRefreshHandler, getCurrentFiber: getCurrentFiberForDevTools, - reconcilerVersion: "19.0.0-www-modern-fb9a90fa48-20240614" + reconcilerVersion: "19.0.0-www-modern-f0e8164410-20240614" }); })({ findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 1, - version: "19.0.0-www-modern-fb9a90fa48-20240614", + version: "19.0.0-www-modern-f0e8164410-20240614", rendererPackageName: "react-dom" }) && canUseDOM && @@ -27167,7 +27190,7 @@ __DEV__ && exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-www-modern-fb9a90fa48-20240614"; + exports.version = "19.0.0-www-modern-f0e8164410-20240614"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOM-prod.classic.js b/compiled/facebook-www/ReactDOM-prod.classic.js index 8e3c5034e8caa..f33dff56bdf62 100644 --- a/compiled/facebook-www/ReactDOM-prod.classic.js +++ b/compiled/facebook-www/ReactDOM-prod.classic.js @@ -14137,6 +14137,11 @@ function setProp(domElement, tag, key, value, props, prevValue) { case "style": setValueForStyles(domElement, value, prevValue); break; + case "data": + if ("object" !== tag) { + setValueForKnownAttribute(domElement, "data", value); + break; + } case "src": case "href": if ("" === value && ("a" !== tag || "href" !== key)) { @@ -16782,14 +16787,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1750 = React.version; if ( - "19.0.0-www-classic-fb9a90fa48-20240614" !== + "19.0.0-www-classic-f0e8164410-20240614" !== isomorphicReactPackageVersion$jscomp$inline_1750 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1750, - "19.0.0-www-classic-fb9a90fa48-20240614" + "19.0.0-www-classic-f0e8164410-20240614" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -16808,7 +16813,7 @@ Internals.Events = [ var devToolsConfig$jscomp$inline_1752 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "19.0.0-www-classic-fb9a90fa48-20240614", + version: "19.0.0-www-classic-f0e8164410-20240614", rendererPackageName: "react-dom" }; var internals$jscomp$inline_2229 = { @@ -16838,7 +16843,7 @@ var internals$jscomp$inline_2229 = { scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-www-classic-fb9a90fa48-20240614" + reconcilerVersion: "19.0.0-www-classic-f0e8164410-20240614" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2230 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -17209,4 +17214,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-classic-fb9a90fa48-20240614"; +exports.version = "19.0.0-www-classic-f0e8164410-20240614"; diff --git a/compiled/facebook-www/ReactDOM-prod.modern.js b/compiled/facebook-www/ReactDOM-prod.modern.js index 47dd9e4381b35..13d0f196482dc 100644 --- a/compiled/facebook-www/ReactDOM-prod.modern.js +++ b/compiled/facebook-www/ReactDOM-prod.modern.js @@ -13820,6 +13820,11 @@ function setProp(domElement, tag, key, value, props, prevValue) { case "style": setValueForStyles(domElement, value, prevValue); break; + case "data": + if ("object" !== tag) { + setValueForKnownAttribute(domElement, "data", value); + break; + } case "src": case "href": if ("" === value && ("a" !== tag || "href" !== key)) { @@ -16464,14 +16469,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1740 = React.version; if ( - "19.0.0-www-modern-fb9a90fa48-20240614" !== + "19.0.0-www-modern-f0e8164410-20240614" !== isomorphicReactPackageVersion$jscomp$inline_1740 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1740, - "19.0.0-www-modern-fb9a90fa48-20240614" + "19.0.0-www-modern-f0e8164410-20240614" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -16490,7 +16495,7 @@ Internals.Events = [ var devToolsConfig$jscomp$inline_1742 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "19.0.0-www-modern-fb9a90fa48-20240614", + version: "19.0.0-www-modern-f0e8164410-20240614", rendererPackageName: "react-dom" }; var internals$jscomp$inline_2211 = { @@ -16520,7 +16525,7 @@ var internals$jscomp$inline_2211 = { scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-www-modern-fb9a90fa48-20240614" + reconcilerVersion: "19.0.0-www-modern-f0e8164410-20240614" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_2212 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -16891,4 +16896,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-modern-fb9a90fa48-20240614"; +exports.version = "19.0.0-www-modern-f0e8164410-20240614"; diff --git a/compiled/facebook-www/ReactDOM-profiling.classic.js b/compiled/facebook-www/ReactDOM-profiling.classic.js index 8db0f95b25750..388e49a6c3c5f 100644 --- a/compiled/facebook-www/ReactDOM-profiling.classic.js +++ b/compiled/facebook-www/ReactDOM-profiling.classic.js @@ -14888,6 +14888,11 @@ function setProp(domElement, tag, key, value, props, prevValue) { case "style": setValueForStyles(domElement, value, prevValue); break; + case "data": + if ("object" !== tag) { + setValueForKnownAttribute(domElement, "data", value); + break; + } case "src": case "href": if ("" === value && ("a" !== tag || "href" !== key)) { @@ -17533,14 +17538,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1837 = React.version; if ( - "19.0.0-www-classic-fb9a90fa48-20240614" !== + "19.0.0-www-classic-f0e8164410-20240614" !== isomorphicReactPackageVersion$jscomp$inline_1837 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1837, - "19.0.0-www-classic-fb9a90fa48-20240614" + "19.0.0-www-classic-f0e8164410-20240614" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -17559,7 +17564,7 @@ Internals.Events = [ var devToolsConfig$jscomp$inline_1839 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "19.0.0-www-classic-fb9a90fa48-20240614", + version: "19.0.0-www-classic-f0e8164410-20240614", rendererPackageName: "react-dom" }; (function (internals) { @@ -17603,7 +17608,7 @@ var devToolsConfig$jscomp$inline_1839 = { scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-www-classic-fb9a90fa48-20240614" + reconcilerVersion: "19.0.0-www-classic-f0e8164410-20240614" }); function ReactDOMRoot(internalRoot) { this._internalRoot = internalRoot; @@ -17961,7 +17966,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-classic-fb9a90fa48-20240614"; +exports.version = "19.0.0-www-classic-f0e8164410-20240614"; "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 22f50e2810f27..643277bbd7d14 100644 --- a/compiled/facebook-www/ReactDOM-profiling.modern.js +++ b/compiled/facebook-www/ReactDOM-profiling.modern.js @@ -14570,6 +14570,11 @@ function setProp(domElement, tag, key, value, props, prevValue) { case "style": setValueForStyles(domElement, value, prevValue); break; + case "data": + if ("object" !== tag) { + setValueForKnownAttribute(domElement, "data", value); + break; + } case "src": case "href": if ("" === value && ("a" !== tag || "href" !== key)) { @@ -17214,14 +17219,14 @@ function getCrossOriginStringAs(as, input) { } var isomorphicReactPackageVersion$jscomp$inline_1827 = React.version; if ( - "19.0.0-www-modern-fb9a90fa48-20240614" !== + "19.0.0-www-modern-f0e8164410-20240614" !== isomorphicReactPackageVersion$jscomp$inline_1827 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_1827, - "19.0.0-www-modern-fb9a90fa48-20240614" + "19.0.0-www-modern-f0e8164410-20240614" ) ); Internals.findDOMNode = function (componentOrElement) { @@ -17240,7 +17245,7 @@ Internals.Events = [ var devToolsConfig$jscomp$inline_1829 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "19.0.0-www-modern-fb9a90fa48-20240614", + version: "19.0.0-www-modern-f0e8164410-20240614", rendererPackageName: "react-dom" }; (function (internals) { @@ -17284,7 +17289,7 @@ var devToolsConfig$jscomp$inline_1829 = { scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-www-modern-fb9a90fa48-20240614" + reconcilerVersion: "19.0.0-www-modern-f0e8164410-20240614" }); function ReactDOMRoot(internalRoot) { this._internalRoot = internalRoot; @@ -17642,7 +17647,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-www-modern-fb9a90fa48-20240614"; +exports.version = "19.0.0-www-modern-f0e8164410-20240614"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactDOMServer-dev.classic.js b/compiled/facebook-www/ReactDOMServer-dev.classic.js index 68075c5f8af22..d48ffeaecd3e9 100644 --- a/compiled/facebook-www/ReactDOMServer-dev.classic.js +++ b/compiled/facebook-www/ReactDOMServer-dev.classic.js @@ -2105,20 +2105,70 @@ __DEV__ && } target$jscomp$0.push(endOfStartTag); return null; + case "object": + target$jscomp$0.push(startChunkForTag("object")); + var children$jscomp$5 = null, + innerHTML$jscomp$4 = null, + propKey$jscomp$7; + for (propKey$jscomp$7 in props) + if (hasOwnProperty.call(props, propKey$jscomp$7)) { + var propValue$jscomp$7 = props[propKey$jscomp$7]; + if (null != propValue$jscomp$7) + switch (propKey$jscomp$7) { + case "children": + children$jscomp$5 = propValue$jscomp$7; + break; + case "dangerouslySetInnerHTML": + innerHTML$jscomp$4 = propValue$jscomp$7; + break; + case "data": + checkAttributeStringCoercion(propValue$jscomp$7, "data"); + var sanitizedValue = sanitizeURL("" + propValue$jscomp$7); + if ("" === sanitizedValue) { + error$jscomp$2( + 'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.', + propKey$jscomp$7, + propKey$jscomp$7 + ); + break; + } + target$jscomp$0.push( + attributeSeparator, + "data", + attributeAssign, + escapeTextForBrowser(sanitizedValue), + attributeEnd + ); + break; + default: + pushAttribute( + target$jscomp$0, + propKey$jscomp$7, + propValue$jscomp$7 + ); + } + } + target$jscomp$0.push(endOfStartTag); + pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5); + if ("string" === typeof children$jscomp$5) { + target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5)); + var JSCompiler_inline_result$jscomp$3 = null; + } else JSCompiler_inline_result$jscomp$3 = children$jscomp$5; + return JSCompiler_inline_result$jscomp$3; case "title": var insertionMode = formatContext.insertionMode, noscriptTagInScope = !!(formatContext.tagScope & 1); if (hasOwnProperty.call(props, "children")) { - var children$jscomp$5 = props.children, - child = Array.isArray(children$jscomp$5) - ? 2 > children$jscomp$5.length - ? children$jscomp$5[0] + var children$jscomp$6 = props.children, + child = Array.isArray(children$jscomp$6) + ? 2 > children$jscomp$6.length + ? children$jscomp$6[0] : null - : children$jscomp$5; - Array.isArray(children$jscomp$5) && 1 < children$jscomp$5.length + : children$jscomp$6; + Array.isArray(children$jscomp$6) && 1 < children$jscomp$6.length ? error$jscomp$2( "React expects the `children` prop of tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: {`hello ${nameOfUser}`}.", - children$jscomp$5.length + children$jscomp$6.length ) : "function" === typeof child || "symbol" === typeof child ? error$jscomp$2( @@ -2140,16 +2190,16 @@ __DEV__ && noscriptTagInScope || null != props.itemProp ) - var JSCompiler_inline_result$jscomp$3 = pushTitleImpl( + var JSCompiler_inline_result$jscomp$4 = pushTitleImpl( target$jscomp$0, props ); else isFallback - ? (JSCompiler_inline_result$jscomp$3 = null) + ? (JSCompiler_inline_result$jscomp$4 = null) : (pushTitleImpl(renderState.hoistableChunks, props), - (JSCompiler_inline_result$jscomp$3 = void 0)); - return JSCompiler_inline_result$jscomp$3; + (JSCompiler_inline_result$jscomp$4 = void 0)); + return JSCompiler_inline_result$jscomp$4; case "link": var rel = props.rel, href = props.href, @@ -2176,7 +2226,7 @@ __DEV__ && : 'something with type "' + typeof href + '"' )); pushLinkImpl(target$jscomp$0, props); - var JSCompiler_inline_result$jscomp$4 = null; + var JSCompiler_inline_result$jscomp$5 = null; } else if ("stylesheet" === props.rel) if ( "string" !== typeof precedence || @@ -2202,7 +2252,7 @@ __DEV__ && propDescription ); } - JSCompiler_inline_result$jscomp$4 = pushLinkImpl( + JSCompiler_inline_result$jscomp$5 = pushLinkImpl( target$jscomp$0, props ); @@ -2248,19 +2298,19 @@ __DEV__ && hoistableState.stylesheets.add(_resource); } textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"); - JSCompiler_inline_result$jscomp$4 = null; + JSCompiler_inline_result$jscomp$5 = null; } else props.onLoad || props.onError - ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl( + ? (JSCompiler_inline_result$jscomp$5 = pushLinkImpl( target$jscomp$0, props )) : (textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"), - (JSCompiler_inline_result$jscomp$4 = isFallback + (JSCompiler_inline_result$jscomp$5 = isFallback ? null : pushLinkImpl(renderState.hoistableChunks, props))); - return JSCompiler_inline_result$jscomp$4; + return JSCompiler_inline_result$jscomp$5; case "script": var asyncProp = props.async; if ( @@ -2275,7 +2325,7 @@ __DEV__ && formatContext.tagScope & 1 || null != props.itemProp ) - var JSCompiler_inline_result$jscomp$5 = pushScriptImpl( + var JSCompiler_inline_result$jscomp$6 = pushScriptImpl( target$jscomp$0, props ); @@ -2306,19 +2356,19 @@ __DEV__ && pushScriptImpl(resource$jscomp$0, scriptProps); } textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"); - JSCompiler_inline_result$jscomp$5 = null; + JSCompiler_inline_result$jscomp$6 = null; } - return JSCompiler_inline_result$jscomp$5; + return JSCompiler_inline_result$jscomp$6; case "style": var insertionMode$jscomp$0 = formatContext.insertionMode, noscriptTagInScope$jscomp$0 = !!(formatContext.tagScope & 1); if (hasOwnProperty.call(props, "children")) { - var children$jscomp$6 = props.children, - child$jscomp$0 = Array.isArray(children$jscomp$6) - ? 2 > children$jscomp$6.length - ? children$jscomp$6[0] + var children$jscomp$7 = props.children, + child$jscomp$0 = Array.isArray(children$jscomp$7) + ? 2 > children$jscomp$7.length + ? children$jscomp$7[0] : null - : children$jscomp$6; + : children$jscomp$7; ("function" === typeof child$jscomp$0 || "symbol" === typeof child$jscomp$0 || Array.isArray(child$jscomp$0)) && @@ -2342,34 +2392,34 @@ __DEV__ && "" === href$jscomp$0 ) { target$jscomp$0.push(startChunkForTag("style")); - var children$jscomp$7 = null, - innerHTML$jscomp$4 = null, - propKey$jscomp$7; - for (propKey$jscomp$7 in props) - if (hasOwnProperty.call(props, propKey$jscomp$7)) { - var propValue$jscomp$7 = props[propKey$jscomp$7]; - if (null != propValue$jscomp$7) - switch (propKey$jscomp$7) { + var children$jscomp$8 = null, + innerHTML$jscomp$5 = null, + propKey$jscomp$8; + for (propKey$jscomp$8 in props) + if (hasOwnProperty.call(props, propKey$jscomp$8)) { + var propValue$jscomp$8 = props[propKey$jscomp$8]; + if (null != propValue$jscomp$8) + switch (propKey$jscomp$8) { case "children": - children$jscomp$7 = propValue$jscomp$7; + children$jscomp$8 = propValue$jscomp$8; break; case "dangerouslySetInnerHTML": - innerHTML$jscomp$4 = propValue$jscomp$7; + innerHTML$jscomp$5 = propValue$jscomp$8; break; default: pushAttribute( target$jscomp$0, - propKey$jscomp$7, - propValue$jscomp$7 + propKey$jscomp$8, + propValue$jscomp$8 ); } } target$jscomp$0.push(endOfStartTag); - var child$jscomp$1 = Array.isArray(children$jscomp$7) - ? 2 > children$jscomp$7.length - ? children$jscomp$7[0] + var child$jscomp$1 = Array.isArray(children$jscomp$8) + ? 2 > children$jscomp$8.length + ? children$jscomp$8[0] : null - : children$jscomp$7; + : children$jscomp$8; "function" !== typeof child$jscomp$1 && "symbol" !== typeof child$jscomp$1 && null !== child$jscomp$1 && @@ -2377,11 +2427,11 @@ __DEV__ && target$jscomp$0.push(escapeStyleTextContent(child$jscomp$1)); pushInnerHTML( target$jscomp$0, - innerHTML$jscomp$4, - children$jscomp$7 + innerHTML$jscomp$5, + children$jscomp$8 ); target$jscomp$0.push(endChunkForTag("style")); - var JSCompiler_inline_result$jscomp$6 = null; + var JSCompiler_inline_result$jscomp$7 = null; } else { href$jscomp$0.includes(" ") && error$jscomp$2( @@ -2416,100 +2466,100 @@ __DEV__ && styleQueue$jscomp$0 )); var target = styleQueue$jscomp$0.rules, - children$jscomp$8 = null, - innerHTML$jscomp$5 = null, - propKey$jscomp$8; - for (propKey$jscomp$8 in props) - if (hasOwnProperty.call(props, propKey$jscomp$8)) { - var propValue$jscomp$8 = props[propKey$jscomp$8]; - if (null != propValue$jscomp$8) - switch (propKey$jscomp$8) { + children$jscomp$9 = null, + innerHTML$jscomp$6 = null, + propKey$jscomp$9; + for (propKey$jscomp$9 in props) + if (hasOwnProperty.call(props, propKey$jscomp$9)) { + var propValue$jscomp$9 = props[propKey$jscomp$9]; + if (null != propValue$jscomp$9) + switch (propKey$jscomp$9) { case "children": - children$jscomp$8 = propValue$jscomp$8; + children$jscomp$9 = propValue$jscomp$9; break; case "dangerouslySetInnerHTML": - innerHTML$jscomp$5 = propValue$jscomp$8; + innerHTML$jscomp$6 = propValue$jscomp$9; } } - var child$jscomp$2 = Array.isArray(children$jscomp$8) - ? 2 > children$jscomp$8.length - ? children$jscomp$8[0] + var child$jscomp$2 = Array.isArray(children$jscomp$9) + ? 2 > children$jscomp$9.length + ? children$jscomp$9[0] : null - : children$jscomp$8; + : children$jscomp$9; "function" !== typeof child$jscomp$2 && "symbol" !== typeof child$jscomp$2 && null !== child$jscomp$2 && void 0 !== child$jscomp$2 && target.push(escapeStyleTextContent(child$jscomp$2)); - pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$8); + pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$9); } styleQueue$jscomp$0 && hoistableState && hoistableState.styles.add(styleQueue$jscomp$0); textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"); - JSCompiler_inline_result$jscomp$6 = void 0; + JSCompiler_inline_result$jscomp$7 = void 0; } - return JSCompiler_inline_result$jscomp$6; + return JSCompiler_inline_result$jscomp$7; case "meta": if ( formatContext.insertionMode === SVG_MODE || formatContext.tagScope & 1 || null != props.itemProp ) - var JSCompiler_inline_result$jscomp$7 = pushSelfClosing( + var JSCompiler_inline_result$jscomp$8 = pushSelfClosing( target$jscomp$0, props, "meta" ); else textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"), - (JSCompiler_inline_result$jscomp$7 = isFallback + (JSCompiler_inline_result$jscomp$8 = isFallback ? null : "string" === typeof props.charSet ? pushSelfClosing(renderState.charsetChunks, props, "meta") : "viewport" === props.name ? pushSelfClosing(renderState.viewportChunks, props, "meta") : pushSelfClosing(renderState.hoistableChunks, props, "meta")); - return JSCompiler_inline_result$jscomp$7; + return JSCompiler_inline_result$jscomp$8; case "listing": case "pre": target$jscomp$0.push(startChunkForTag(type)); - var children$jscomp$9 = null, - innerHTML$jscomp$6 = null, - propKey$jscomp$9; - for (propKey$jscomp$9 in props) - if (hasOwnProperty.call(props, propKey$jscomp$9)) { - var propValue$jscomp$9 = props[propKey$jscomp$9]; - if (null != propValue$jscomp$9) - switch (propKey$jscomp$9) { + var children$jscomp$10 = null, + innerHTML$jscomp$7 = null, + propKey$jscomp$10; + for (propKey$jscomp$10 in props) + if (hasOwnProperty.call(props, propKey$jscomp$10)) { + var propValue$jscomp$10 = props[propKey$jscomp$10]; + if (null != propValue$jscomp$10) + switch (propKey$jscomp$10) { case "children": - children$jscomp$9 = propValue$jscomp$9; + children$jscomp$10 = propValue$jscomp$10; break; case "dangerouslySetInnerHTML": - innerHTML$jscomp$6 = propValue$jscomp$9; + innerHTML$jscomp$7 = propValue$jscomp$10; break; default: pushAttribute( target$jscomp$0, - propKey$jscomp$9, - propValue$jscomp$9 + propKey$jscomp$10, + propValue$jscomp$10 ); } } target$jscomp$0.push(endOfStartTag); - if (null != innerHTML$jscomp$6) { - if (null != children$jscomp$9) + if (null != innerHTML$jscomp$7) { + if (null != children$jscomp$10) throw Error( "Can only set one of `children` or `props.dangerouslySetInnerHTML`." ); if ( - "object" !== typeof innerHTML$jscomp$6 || - !("__html" in innerHTML$jscomp$6) + "object" !== typeof innerHTML$jscomp$7 || + !("__html" in innerHTML$jscomp$7) ) throw Error( "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information." ); - var html = innerHTML$jscomp$6.__html; + var html = innerHTML$jscomp$7.__html; null !== html && void 0 !== html && ("string" === typeof html && 0 < html.length && "\n" === html[0] @@ -2517,10 +2567,10 @@ __DEV__ && : (checkHtmlStringCoercion(html), target$jscomp$0.push("" + html))); } - "string" === typeof children$jscomp$9 && - "\n" === children$jscomp$9[0] && + "string" === typeof children$jscomp$10 && + "\n" === children$jscomp$10[0] && target$jscomp$0.push(leadingNewline); - return children$jscomp$9; + return children$jscomp$10; case "img": var src = props.src, srcSet = props.srcSet; @@ -2637,56 +2687,56 @@ __DEV__ && null === renderState.headChunks ) { renderState.headChunks = []; - var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement( + var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement( renderState.headChunks, props, "head" ); } else - JSCompiler_inline_result$jscomp$8 = pushStartGenericElement( + JSCompiler_inline_result$jscomp$9 = pushStartGenericElement( target$jscomp$0, props, "head" ); - return JSCompiler_inline_result$jscomp$8; + return JSCompiler_inline_result$jscomp$9; case "html": if ( formatContext.insertionMode === ROOT_HTML_MODE && null === renderState.htmlChunks ) { renderState.htmlChunks = [doctypeChunk]; - var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement( + var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement( renderState.htmlChunks, props, "html" ); } else - JSCompiler_inline_result$jscomp$9 = pushStartGenericElement( + JSCompiler_inline_result$jscomp$10 = pushStartGenericElement( target$jscomp$0, props, "html" ); - return JSCompiler_inline_result$jscomp$9; + return JSCompiler_inline_result$jscomp$10; default: if (-1 !== type.indexOf("-")) { target$jscomp$0.push(startChunkForTag(type)); - var children$jscomp$10 = null, - innerHTML$jscomp$7 = null, - propKey$jscomp$10; - for (propKey$jscomp$10 in props) - if (hasOwnProperty.call(props, propKey$jscomp$10)) { - var propValue$jscomp$10 = props[propKey$jscomp$10]; - if (null != propValue$jscomp$10) { - var attributeName = propKey$jscomp$10; - switch (propKey$jscomp$10) { + var children$jscomp$11 = null, + innerHTML$jscomp$8 = null, + propKey$jscomp$11; + for (propKey$jscomp$11 in props) + if (hasOwnProperty.call(props, propKey$jscomp$11)) { + var propValue$jscomp$11 = props[propKey$jscomp$11]; + if (null != propValue$jscomp$11) { + var attributeName = propKey$jscomp$11; + switch (propKey$jscomp$11) { case "children": - children$jscomp$10 = propValue$jscomp$10; + children$jscomp$11 = propValue$jscomp$11; break; case "dangerouslySetInnerHTML": - innerHTML$jscomp$7 = propValue$jscomp$10; + innerHTML$jscomp$8 = propValue$jscomp$11; break; case "style": - pushStyleAttribute(target$jscomp$0, propValue$jscomp$10); + pushStyleAttribute(target$jscomp$0, propValue$jscomp$11); break; case "suppressContentEditableWarning": case "suppressHydrationWarning": @@ -2696,20 +2746,20 @@ __DEV__ && attributeName = "class"; default: if ( - isAttributeNameSafe(propKey$jscomp$10) && - "function" !== typeof propValue$jscomp$10 && - "symbol" !== typeof propValue$jscomp$10 && - !1 !== propValue$jscomp$10 + isAttributeNameSafe(propKey$jscomp$11) && + "function" !== typeof propValue$jscomp$11 && + "symbol" !== typeof propValue$jscomp$11 && + !1 !== propValue$jscomp$11 ) { - if (!0 === propValue$jscomp$10) - propValue$jscomp$10 = ""; - else if ("object" === typeof propValue$jscomp$10) + if (!0 === propValue$jscomp$11) + propValue$jscomp$11 = ""; + else if ("object" === typeof propValue$jscomp$11) continue; target$jscomp$0.push( attributeSeparator, attributeName, attributeAssign, - escapeTextForBrowser(propValue$jscomp$10), + escapeTextForBrowser(propValue$jscomp$11), attributeEnd ); } @@ -2719,10 +2769,10 @@ __DEV__ && target$jscomp$0.push(endOfStartTag); pushInnerHTML( target$jscomp$0, - innerHTML$jscomp$7, - children$jscomp$10 + innerHTML$jscomp$8, + children$jscomp$11 ); - return children$jscomp$10; + return children$jscomp$11; } } return pushStartGenericElement(target$jscomp$0, props, type); @@ -8721,5 +8771,5 @@ __DEV__ && 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; - exports.version = "19.0.0-www-classic-fb9a90fa48-20240614"; + exports.version = "19.0.0-www-classic-f0e8164410-20240614"; })(); diff --git a/compiled/facebook-www/ReactDOMServer-dev.modern.js b/compiled/facebook-www/ReactDOMServer-dev.modern.js index 1562404fc2629..7301556eded10 100644 --- a/compiled/facebook-www/ReactDOMServer-dev.modern.js +++ b/compiled/facebook-www/ReactDOMServer-dev.modern.js @@ -2105,20 +2105,70 @@ __DEV__ && } target$jscomp$0.push(endOfStartTag); return null; + case "object": + target$jscomp$0.push(startChunkForTag("object")); + var children$jscomp$5 = null, + innerHTML$jscomp$4 = null, + propKey$jscomp$7; + for (propKey$jscomp$7 in props) + if (hasOwnProperty.call(props, propKey$jscomp$7)) { + var propValue$jscomp$7 = props[propKey$jscomp$7]; + if (null != propValue$jscomp$7) + switch (propKey$jscomp$7) { + case "children": + children$jscomp$5 = propValue$jscomp$7; + break; + case "dangerouslySetInnerHTML": + innerHTML$jscomp$4 = propValue$jscomp$7; + break; + case "data": + checkAttributeStringCoercion(propValue$jscomp$7, "data"); + var sanitizedValue = sanitizeURL("" + propValue$jscomp$7); + if ("" === sanitizedValue) { + error$jscomp$2( + 'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.', + propKey$jscomp$7, + propKey$jscomp$7 + ); + break; + } + target$jscomp$0.push( + attributeSeparator, + "data", + attributeAssign, + escapeTextForBrowser(sanitizedValue), + attributeEnd + ); + break; + default: + pushAttribute( + target$jscomp$0, + propKey$jscomp$7, + propValue$jscomp$7 + ); + } + } + target$jscomp$0.push(endOfStartTag); + pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5); + if ("string" === typeof children$jscomp$5) { + target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5)); + var JSCompiler_inline_result$jscomp$3 = null; + } else JSCompiler_inline_result$jscomp$3 = children$jscomp$5; + return JSCompiler_inline_result$jscomp$3; case "title": var insertionMode = formatContext.insertionMode, noscriptTagInScope = !!(formatContext.tagScope & 1); if (hasOwnProperty.call(props, "children")) { - var children$jscomp$5 = props.children, - child = Array.isArray(children$jscomp$5) - ? 2 > children$jscomp$5.length - ? children$jscomp$5[0] + var children$jscomp$6 = props.children, + child = Array.isArray(children$jscomp$6) + ? 2 > children$jscomp$6.length + ? children$jscomp$6[0] : null - : children$jscomp$5; - Array.isArray(children$jscomp$5) && 1 < children$jscomp$5.length + : children$jscomp$6; + Array.isArray(children$jscomp$6) && 1 < children$jscomp$6.length ? error$jscomp$2( "React expects the `children` prop of tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: {`hello ${nameOfUser}`}.", - children$jscomp$5.length + children$jscomp$6.length ) : "function" === typeof child || "symbol" === typeof child ? error$jscomp$2( @@ -2140,16 +2190,16 @@ __DEV__ && noscriptTagInScope || null != props.itemProp ) - var JSCompiler_inline_result$jscomp$3 = pushTitleImpl( + var JSCompiler_inline_result$jscomp$4 = pushTitleImpl( target$jscomp$0, props ); else isFallback - ? (JSCompiler_inline_result$jscomp$3 = null) + ? (JSCompiler_inline_result$jscomp$4 = null) : (pushTitleImpl(renderState.hoistableChunks, props), - (JSCompiler_inline_result$jscomp$3 = void 0)); - return JSCompiler_inline_result$jscomp$3; + (JSCompiler_inline_result$jscomp$4 = void 0)); + return JSCompiler_inline_result$jscomp$4; case "link": var rel = props.rel, href = props.href, @@ -2176,7 +2226,7 @@ __DEV__ && : 'something with type "' + typeof href + '"' )); pushLinkImpl(target$jscomp$0, props); - var JSCompiler_inline_result$jscomp$4 = null; + var JSCompiler_inline_result$jscomp$5 = null; } else if ("stylesheet" === props.rel) if ( "string" !== typeof precedence || @@ -2202,7 +2252,7 @@ __DEV__ && propDescription ); } - JSCompiler_inline_result$jscomp$4 = pushLinkImpl( + JSCompiler_inline_result$jscomp$5 = pushLinkImpl( target$jscomp$0, props ); @@ -2248,19 +2298,19 @@ __DEV__ && hoistableState.stylesheets.add(_resource); } textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"); - JSCompiler_inline_result$jscomp$4 = null; + JSCompiler_inline_result$jscomp$5 = null; } else props.onLoad || props.onError - ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl( + ? (JSCompiler_inline_result$jscomp$5 = pushLinkImpl( target$jscomp$0, props )) : (textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"), - (JSCompiler_inline_result$jscomp$4 = isFallback + (JSCompiler_inline_result$jscomp$5 = isFallback ? null : pushLinkImpl(renderState.hoistableChunks, props))); - return JSCompiler_inline_result$jscomp$4; + return JSCompiler_inline_result$jscomp$5; case "script": var asyncProp = props.async; if ( @@ -2275,7 +2325,7 @@ __DEV__ && formatContext.tagScope & 1 || null != props.itemProp ) - var JSCompiler_inline_result$jscomp$5 = pushScriptImpl( + var JSCompiler_inline_result$jscomp$6 = pushScriptImpl( target$jscomp$0, props ); @@ -2306,19 +2356,19 @@ __DEV__ && pushScriptImpl(resource$jscomp$0, scriptProps); } textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"); - JSCompiler_inline_result$jscomp$5 = null; + JSCompiler_inline_result$jscomp$6 = null; } - return JSCompiler_inline_result$jscomp$5; + return JSCompiler_inline_result$jscomp$6; case "style": var insertionMode$jscomp$0 = formatContext.insertionMode, noscriptTagInScope$jscomp$0 = !!(formatContext.tagScope & 1); if (hasOwnProperty.call(props, "children")) { - var children$jscomp$6 = props.children, - child$jscomp$0 = Array.isArray(children$jscomp$6) - ? 2 > children$jscomp$6.length - ? children$jscomp$6[0] + var children$jscomp$7 = props.children, + child$jscomp$0 = Array.isArray(children$jscomp$7) + ? 2 > children$jscomp$7.length + ? children$jscomp$7[0] : null - : children$jscomp$6; + : children$jscomp$7; ("function" === typeof child$jscomp$0 || "symbol" === typeof child$jscomp$0 || Array.isArray(child$jscomp$0)) && @@ -2342,34 +2392,34 @@ __DEV__ && "" === href$jscomp$0 ) { target$jscomp$0.push(startChunkForTag("style")); - var children$jscomp$7 = null, - innerHTML$jscomp$4 = null, - propKey$jscomp$7; - for (propKey$jscomp$7 in props) - if (hasOwnProperty.call(props, propKey$jscomp$7)) { - var propValue$jscomp$7 = props[propKey$jscomp$7]; - if (null != propValue$jscomp$7) - switch (propKey$jscomp$7) { + var children$jscomp$8 = null, + innerHTML$jscomp$5 = null, + propKey$jscomp$8; + for (propKey$jscomp$8 in props) + if (hasOwnProperty.call(props, propKey$jscomp$8)) { + var propValue$jscomp$8 = props[propKey$jscomp$8]; + if (null != propValue$jscomp$8) + switch (propKey$jscomp$8) { case "children": - children$jscomp$7 = propValue$jscomp$7; + children$jscomp$8 = propValue$jscomp$8; break; case "dangerouslySetInnerHTML": - innerHTML$jscomp$4 = propValue$jscomp$7; + innerHTML$jscomp$5 = propValue$jscomp$8; break; default: pushAttribute( target$jscomp$0, - propKey$jscomp$7, - propValue$jscomp$7 + propKey$jscomp$8, + propValue$jscomp$8 ); } } target$jscomp$0.push(endOfStartTag); - var child$jscomp$1 = Array.isArray(children$jscomp$7) - ? 2 > children$jscomp$7.length - ? children$jscomp$7[0] + var child$jscomp$1 = Array.isArray(children$jscomp$8) + ? 2 > children$jscomp$8.length + ? children$jscomp$8[0] : null - : children$jscomp$7; + : children$jscomp$8; "function" !== typeof child$jscomp$1 && "symbol" !== typeof child$jscomp$1 && null !== child$jscomp$1 && @@ -2377,11 +2427,11 @@ __DEV__ && target$jscomp$0.push(escapeStyleTextContent(child$jscomp$1)); pushInnerHTML( target$jscomp$0, - innerHTML$jscomp$4, - children$jscomp$7 + innerHTML$jscomp$5, + children$jscomp$8 ); target$jscomp$0.push(endChunkForTag("style")); - var JSCompiler_inline_result$jscomp$6 = null; + var JSCompiler_inline_result$jscomp$7 = null; } else { href$jscomp$0.includes(" ") && error$jscomp$2( @@ -2416,100 +2466,100 @@ __DEV__ && styleQueue$jscomp$0 )); var target = styleQueue$jscomp$0.rules, - children$jscomp$8 = null, - innerHTML$jscomp$5 = null, - propKey$jscomp$8; - for (propKey$jscomp$8 in props) - if (hasOwnProperty.call(props, propKey$jscomp$8)) { - var propValue$jscomp$8 = props[propKey$jscomp$8]; - if (null != propValue$jscomp$8) - switch (propKey$jscomp$8) { + children$jscomp$9 = null, + innerHTML$jscomp$6 = null, + propKey$jscomp$9; + for (propKey$jscomp$9 in props) + if (hasOwnProperty.call(props, propKey$jscomp$9)) { + var propValue$jscomp$9 = props[propKey$jscomp$9]; + if (null != propValue$jscomp$9) + switch (propKey$jscomp$9) { case "children": - children$jscomp$8 = propValue$jscomp$8; + children$jscomp$9 = propValue$jscomp$9; break; case "dangerouslySetInnerHTML": - innerHTML$jscomp$5 = propValue$jscomp$8; + innerHTML$jscomp$6 = propValue$jscomp$9; } } - var child$jscomp$2 = Array.isArray(children$jscomp$8) - ? 2 > children$jscomp$8.length - ? children$jscomp$8[0] + var child$jscomp$2 = Array.isArray(children$jscomp$9) + ? 2 > children$jscomp$9.length + ? children$jscomp$9[0] : null - : children$jscomp$8; + : children$jscomp$9; "function" !== typeof child$jscomp$2 && "symbol" !== typeof child$jscomp$2 && null !== child$jscomp$2 && void 0 !== child$jscomp$2 && target.push(escapeStyleTextContent(child$jscomp$2)); - pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$8); + pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$9); } styleQueue$jscomp$0 && hoistableState && hoistableState.styles.add(styleQueue$jscomp$0); textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"); - JSCompiler_inline_result$jscomp$6 = void 0; + JSCompiler_inline_result$jscomp$7 = void 0; } - return JSCompiler_inline_result$jscomp$6; + return JSCompiler_inline_result$jscomp$7; case "meta": if ( formatContext.insertionMode === SVG_MODE || formatContext.tagScope & 1 || null != props.itemProp ) - var JSCompiler_inline_result$jscomp$7 = pushSelfClosing( + var JSCompiler_inline_result$jscomp$8 = pushSelfClosing( target$jscomp$0, props, "meta" ); else textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"), - (JSCompiler_inline_result$jscomp$7 = isFallback + (JSCompiler_inline_result$jscomp$8 = isFallback ? null : "string" === typeof props.charSet ? pushSelfClosing(renderState.charsetChunks, props, "meta") : "viewport" === props.name ? pushSelfClosing(renderState.viewportChunks, props, "meta") : pushSelfClosing(renderState.hoistableChunks, props, "meta")); - return JSCompiler_inline_result$jscomp$7; + return JSCompiler_inline_result$jscomp$8; case "listing": case "pre": target$jscomp$0.push(startChunkForTag(type)); - var children$jscomp$9 = null, - innerHTML$jscomp$6 = null, - propKey$jscomp$9; - for (propKey$jscomp$9 in props) - if (hasOwnProperty.call(props, propKey$jscomp$9)) { - var propValue$jscomp$9 = props[propKey$jscomp$9]; - if (null != propValue$jscomp$9) - switch (propKey$jscomp$9) { + var children$jscomp$10 = null, + innerHTML$jscomp$7 = null, + propKey$jscomp$10; + for (propKey$jscomp$10 in props) + if (hasOwnProperty.call(props, propKey$jscomp$10)) { + var propValue$jscomp$10 = props[propKey$jscomp$10]; + if (null != propValue$jscomp$10) + switch (propKey$jscomp$10) { case "children": - children$jscomp$9 = propValue$jscomp$9; + children$jscomp$10 = propValue$jscomp$10; break; case "dangerouslySetInnerHTML": - innerHTML$jscomp$6 = propValue$jscomp$9; + innerHTML$jscomp$7 = propValue$jscomp$10; break; default: pushAttribute( target$jscomp$0, - propKey$jscomp$9, - propValue$jscomp$9 + propKey$jscomp$10, + propValue$jscomp$10 ); } } target$jscomp$0.push(endOfStartTag); - if (null != innerHTML$jscomp$6) { - if (null != children$jscomp$9) + if (null != innerHTML$jscomp$7) { + if (null != children$jscomp$10) throw Error( "Can only set one of `children` or `props.dangerouslySetInnerHTML`." ); if ( - "object" !== typeof innerHTML$jscomp$6 || - !("__html" in innerHTML$jscomp$6) + "object" !== typeof innerHTML$jscomp$7 || + !("__html" in innerHTML$jscomp$7) ) throw Error( "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information." ); - var html = innerHTML$jscomp$6.__html; + var html = innerHTML$jscomp$7.__html; null !== html && void 0 !== html && ("string" === typeof html && 0 < html.length && "\n" === html[0] @@ -2517,10 +2567,10 @@ __DEV__ && : (checkHtmlStringCoercion(html), target$jscomp$0.push("" + html))); } - "string" === typeof children$jscomp$9 && - "\n" === children$jscomp$9[0] && + "string" === typeof children$jscomp$10 && + "\n" === children$jscomp$10[0] && target$jscomp$0.push(leadingNewline); - return children$jscomp$9; + return children$jscomp$10; case "img": var src = props.src, srcSet = props.srcSet; @@ -2637,56 +2687,56 @@ __DEV__ && null === renderState.headChunks ) { renderState.headChunks = []; - var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement( + var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement( renderState.headChunks, props, "head" ); } else - JSCompiler_inline_result$jscomp$8 = pushStartGenericElement( + JSCompiler_inline_result$jscomp$9 = pushStartGenericElement( target$jscomp$0, props, "head" ); - return JSCompiler_inline_result$jscomp$8; + return JSCompiler_inline_result$jscomp$9; case "html": if ( formatContext.insertionMode === ROOT_HTML_MODE && null === renderState.htmlChunks ) { renderState.htmlChunks = [doctypeChunk]; - var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement( + var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement( renderState.htmlChunks, props, "html" ); } else - JSCompiler_inline_result$jscomp$9 = pushStartGenericElement( + JSCompiler_inline_result$jscomp$10 = pushStartGenericElement( target$jscomp$0, props, "html" ); - return JSCompiler_inline_result$jscomp$9; + return JSCompiler_inline_result$jscomp$10; default: if (-1 !== type.indexOf("-")) { target$jscomp$0.push(startChunkForTag(type)); - var children$jscomp$10 = null, - innerHTML$jscomp$7 = null, - propKey$jscomp$10; - for (propKey$jscomp$10 in props) - if (hasOwnProperty.call(props, propKey$jscomp$10)) { - var propValue$jscomp$10 = props[propKey$jscomp$10]; - if (null != propValue$jscomp$10) { - var attributeName = propKey$jscomp$10; - switch (propKey$jscomp$10) { + var children$jscomp$11 = null, + innerHTML$jscomp$8 = null, + propKey$jscomp$11; + for (propKey$jscomp$11 in props) + if (hasOwnProperty.call(props, propKey$jscomp$11)) { + var propValue$jscomp$11 = props[propKey$jscomp$11]; + if (null != propValue$jscomp$11) { + var attributeName = propKey$jscomp$11; + switch (propKey$jscomp$11) { case "children": - children$jscomp$10 = propValue$jscomp$10; + children$jscomp$11 = propValue$jscomp$11; break; case "dangerouslySetInnerHTML": - innerHTML$jscomp$7 = propValue$jscomp$10; + innerHTML$jscomp$8 = propValue$jscomp$11; break; case "style": - pushStyleAttribute(target$jscomp$0, propValue$jscomp$10); + pushStyleAttribute(target$jscomp$0, propValue$jscomp$11); break; case "suppressContentEditableWarning": case "suppressHydrationWarning": @@ -2696,20 +2746,20 @@ __DEV__ && attributeName = "class"; default: if ( - isAttributeNameSafe(propKey$jscomp$10) && - "function" !== typeof propValue$jscomp$10 && - "symbol" !== typeof propValue$jscomp$10 && - !1 !== propValue$jscomp$10 + isAttributeNameSafe(propKey$jscomp$11) && + "function" !== typeof propValue$jscomp$11 && + "symbol" !== typeof propValue$jscomp$11 && + !1 !== propValue$jscomp$11 ) { - if (!0 === propValue$jscomp$10) - propValue$jscomp$10 = ""; - else if ("object" === typeof propValue$jscomp$10) + if (!0 === propValue$jscomp$11) + propValue$jscomp$11 = ""; + else if ("object" === typeof propValue$jscomp$11) continue; target$jscomp$0.push( attributeSeparator, attributeName, attributeAssign, - escapeTextForBrowser(propValue$jscomp$10), + escapeTextForBrowser(propValue$jscomp$11), attributeEnd ); } @@ -2719,10 +2769,10 @@ __DEV__ && target$jscomp$0.push(endOfStartTag); pushInnerHTML( target$jscomp$0, - innerHTML$jscomp$7, - children$jscomp$10 + innerHTML$jscomp$8, + children$jscomp$11 ); - return children$jscomp$10; + return children$jscomp$11; } } return pushStartGenericElement(target$jscomp$0, props, type); @@ -8677,5 +8727,5 @@ __DEV__ && 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; - exports.version = "19.0.0-www-modern-fb9a90fa48-20240614"; + exports.version = "19.0.0-www-modern-f0e8164410-20240614"; })(); diff --git a/compiled/facebook-www/ReactDOMServer-prod.classic.js b/compiled/facebook-www/ReactDOMServer-prod.classic.js index 66b881bce5c17..64fb9f1a72823 100644 --- a/compiled/facebook-www/ReactDOMServer-prod.classic.js +++ b/compiled/facebook-www/ReactDOMServer-prod.classic.js @@ -1263,22 +1263,64 @@ function pushStartInstance( } target$jscomp$0.push(">"); return null; + case "object": + target$jscomp$0.push(startChunkForTag("object")); + var children$jscomp$5 = null, + innerHTML$jscomp$4 = null, + propKey$jscomp$7; + for (propKey$jscomp$7 in props) + if (hasOwnProperty.call(props, propKey$jscomp$7)) { + var propValue$jscomp$7 = props[propKey$jscomp$7]; + if (null != propValue$jscomp$7) + switch (propKey$jscomp$7) { + case "children": + children$jscomp$5 = propValue$jscomp$7; + break; + case "dangerouslySetInnerHTML": + innerHTML$jscomp$4 = propValue$jscomp$7; + break; + case "data": + var sanitizedValue = sanitizeURL("" + propValue$jscomp$7); + if ("" === sanitizedValue) break; + target$jscomp$0.push( + " ", + "data", + '="', + escapeTextForBrowser(sanitizedValue), + '"' + ); + break; + default: + pushAttribute( + target$jscomp$0, + propKey$jscomp$7, + propValue$jscomp$7 + ); + } + } + target$jscomp$0.push(">"); + pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5); + if ("string" === typeof children$jscomp$5) { + target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5)); + var JSCompiler_inline_result$jscomp$2 = null; + } else JSCompiler_inline_result$jscomp$2 = children$jscomp$5; + return JSCompiler_inline_result$jscomp$2; case "title": if ( 3 === formatContext.insertionMode || formatContext.tagScope & 1 || null != props.itemProp ) - var JSCompiler_inline_result$jscomp$2 = pushTitleImpl( + var JSCompiler_inline_result$jscomp$3 = pushTitleImpl( target$jscomp$0, props ); else isFallback - ? (JSCompiler_inline_result$jscomp$2 = null) + ? (JSCompiler_inline_result$jscomp$3 = null) : (pushTitleImpl(renderState.hoistableChunks, props), - (JSCompiler_inline_result$jscomp$2 = void 0)); - return JSCompiler_inline_result$jscomp$2; + (JSCompiler_inline_result$jscomp$3 = void 0)); + return JSCompiler_inline_result$jscomp$3; case "link": var rel = props.rel, href = props.href, @@ -1292,7 +1334,7 @@ function pushStartInstance( "" === href ) { pushLinkImpl(target$jscomp$0, props); - var JSCompiler_inline_result$jscomp$3 = null; + var JSCompiler_inline_result$jscomp$4 = null; } else if ("stylesheet" === props.rel) if ( "string" !== typeof precedence || @@ -1300,7 +1342,7 @@ function pushStartInstance( props.onLoad || props.onError ) - JSCompiler_inline_result$jscomp$3 = pushLinkImpl( + JSCompiler_inline_result$jscomp$4 = pushLinkImpl( target$jscomp$0, props ); @@ -1343,19 +1385,19 @@ function pushStartInstance( hoistableState.stylesheets.add(resource$9); } textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"); - JSCompiler_inline_result$jscomp$3 = null; + JSCompiler_inline_result$jscomp$4 = null; } else props.onLoad || props.onError - ? (JSCompiler_inline_result$jscomp$3 = pushLinkImpl( + ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl( target$jscomp$0, props )) : (textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"), - (JSCompiler_inline_result$jscomp$3 = isFallback + (JSCompiler_inline_result$jscomp$4 = isFallback ? null : pushLinkImpl(renderState.hoistableChunks, props))); - return JSCompiler_inline_result$jscomp$3; + return JSCompiler_inline_result$jscomp$4; case "script": var asyncProp = props.async; if ( @@ -1370,7 +1412,7 @@ function pushStartInstance( formatContext.tagScope & 1 || null != props.itemProp ) - var JSCompiler_inline_result$jscomp$4 = pushScriptImpl( + var JSCompiler_inline_result$jscomp$5 = pushScriptImpl( target$jscomp$0, props ); @@ -1400,9 +1442,9 @@ function pushStartInstance( pushScriptImpl(resource$jscomp$0, scriptProps); } textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"); - JSCompiler_inline_result$jscomp$4 = null; + JSCompiler_inline_result$jscomp$5 = null; } - return JSCompiler_inline_result$jscomp$4; + return JSCompiler_inline_result$jscomp$5; case "style": var precedence$jscomp$0 = props.precedence, href$jscomp$0 = props.href; @@ -1415,42 +1457,42 @@ function pushStartInstance( "" === href$jscomp$0 ) { target$jscomp$0.push(startChunkForTag("style")); - var children$jscomp$5 = null, - innerHTML$jscomp$4 = null, - propKey$jscomp$7; - for (propKey$jscomp$7 in props) - if (hasOwnProperty.call(props, propKey$jscomp$7)) { - var propValue$jscomp$7 = props[propKey$jscomp$7]; - if (null != propValue$jscomp$7) - switch (propKey$jscomp$7) { + var children$jscomp$6 = null, + innerHTML$jscomp$5 = null, + propKey$jscomp$8; + for (propKey$jscomp$8 in props) + if (hasOwnProperty.call(props, propKey$jscomp$8)) { + var propValue$jscomp$8 = props[propKey$jscomp$8]; + if (null != propValue$jscomp$8) + switch (propKey$jscomp$8) { case "children": - children$jscomp$5 = propValue$jscomp$7; + children$jscomp$6 = propValue$jscomp$8; break; case "dangerouslySetInnerHTML": - innerHTML$jscomp$4 = propValue$jscomp$7; + innerHTML$jscomp$5 = propValue$jscomp$8; break; default: pushAttribute( target$jscomp$0, - propKey$jscomp$7, - propValue$jscomp$7 + propKey$jscomp$8, + propValue$jscomp$8 ); } } target$jscomp$0.push(">"); - var child = Array.isArray(children$jscomp$5) - ? 2 > children$jscomp$5.length - ? children$jscomp$5[0] + var child = Array.isArray(children$jscomp$6) + ? 2 > children$jscomp$6.length + ? children$jscomp$6[0] : null - : children$jscomp$5; + : children$jscomp$6; "function" !== typeof child && "symbol" !== typeof child && null !== child && void 0 !== child && target$jscomp$0.push(("" + child).replace(styleRegex, styleReplacer)); - pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5); + pushInnerHTML(target$jscomp$0, innerHTML$jscomp$5, children$jscomp$6); target$jscomp$0.push(endChunkForTag("style")); - var JSCompiler_inline_result$jscomp$5 = null; + var JSCompiler_inline_result$jscomp$6 = null; } else { var styleQueue$jscomp$0 = renderState.styles.get(precedence$jscomp$0); if ( @@ -1472,26 +1514,26 @@ function pushStartInstance( }), renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0)); var target = styleQueue$jscomp$0.rules, - children$jscomp$6 = null, - innerHTML$jscomp$5 = null, - propKey$jscomp$8; - for (propKey$jscomp$8 in props) - if (hasOwnProperty.call(props, propKey$jscomp$8)) { - var propValue$jscomp$8 = props[propKey$jscomp$8]; - if (null != propValue$jscomp$8) - switch (propKey$jscomp$8) { + children$jscomp$7 = null, + innerHTML$jscomp$6 = null, + propKey$jscomp$9; + for (propKey$jscomp$9 in props) + if (hasOwnProperty.call(props, propKey$jscomp$9)) { + var propValue$jscomp$9 = props[propKey$jscomp$9]; + if (null != propValue$jscomp$9) + switch (propKey$jscomp$9) { case "children": - children$jscomp$6 = propValue$jscomp$8; + children$jscomp$7 = propValue$jscomp$9; break; case "dangerouslySetInnerHTML": - innerHTML$jscomp$5 = propValue$jscomp$8; + innerHTML$jscomp$6 = propValue$jscomp$9; } } - var child$jscomp$0 = Array.isArray(children$jscomp$6) - ? 2 > children$jscomp$6.length - ? children$jscomp$6[0] + var child$jscomp$0 = Array.isArray(children$jscomp$7) + ? 2 > children$jscomp$7.length + ? children$jscomp$7[0] : null - : children$jscomp$6; + : children$jscomp$7; "function" !== typeof child$jscomp$0 && "symbol" !== typeof child$jscomp$0 && null !== child$jscomp$0 && @@ -1499,80 +1541,80 @@ function pushStartInstance( target.push( ("" + child$jscomp$0).replace(styleRegex, styleReplacer) ); - pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$6); + pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$7); } styleQueue$jscomp$0 && hoistableState && hoistableState.styles.add(styleQueue$jscomp$0); textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"); - JSCompiler_inline_result$jscomp$5 = void 0; + JSCompiler_inline_result$jscomp$6 = void 0; } - return JSCompiler_inline_result$jscomp$5; + return JSCompiler_inline_result$jscomp$6; case "meta": if ( 3 === formatContext.insertionMode || formatContext.tagScope & 1 || null != props.itemProp ) - var JSCompiler_inline_result$jscomp$6 = pushSelfClosing( + var JSCompiler_inline_result$jscomp$7 = pushSelfClosing( target$jscomp$0, props, "meta" ); else textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"), - (JSCompiler_inline_result$jscomp$6 = isFallback + (JSCompiler_inline_result$jscomp$7 = isFallback ? null : "string" === typeof props.charSet ? pushSelfClosing(renderState.charsetChunks, props, "meta") : "viewport" === props.name ? pushSelfClosing(renderState.viewportChunks, props, "meta") : pushSelfClosing(renderState.hoistableChunks, props, "meta")); - return JSCompiler_inline_result$jscomp$6; + return JSCompiler_inline_result$jscomp$7; case "listing": case "pre": target$jscomp$0.push(startChunkForTag(type)); - var children$jscomp$7 = null, - innerHTML$jscomp$6 = null, - propKey$jscomp$9; - for (propKey$jscomp$9 in props) - if (hasOwnProperty.call(props, propKey$jscomp$9)) { - var propValue$jscomp$9 = props[propKey$jscomp$9]; - if (null != propValue$jscomp$9) - switch (propKey$jscomp$9) { + var children$jscomp$8 = null, + innerHTML$jscomp$7 = null, + propKey$jscomp$10; + for (propKey$jscomp$10 in props) + if (hasOwnProperty.call(props, propKey$jscomp$10)) { + var propValue$jscomp$10 = props[propKey$jscomp$10]; + if (null != propValue$jscomp$10) + switch (propKey$jscomp$10) { case "children": - children$jscomp$7 = propValue$jscomp$9; + children$jscomp$8 = propValue$jscomp$10; break; case "dangerouslySetInnerHTML": - innerHTML$jscomp$6 = propValue$jscomp$9; + innerHTML$jscomp$7 = propValue$jscomp$10; break; default: pushAttribute( target$jscomp$0, - propKey$jscomp$9, - propValue$jscomp$9 + propKey$jscomp$10, + propValue$jscomp$10 ); } } target$jscomp$0.push(">"); - if (null != innerHTML$jscomp$6) { - if (null != children$jscomp$7) throw Error(formatProdErrorMessage(60)); + if (null != innerHTML$jscomp$7) { + if (null != children$jscomp$8) throw Error(formatProdErrorMessage(60)); if ( - "object" !== typeof innerHTML$jscomp$6 || - !("__html" in innerHTML$jscomp$6) + "object" !== typeof innerHTML$jscomp$7 || + !("__html" in innerHTML$jscomp$7) ) throw Error(formatProdErrorMessage(61)); - var html = innerHTML$jscomp$6.__html; + var html = innerHTML$jscomp$7.__html; null !== html && void 0 !== html && ("string" === typeof html && 0 < html.length && "\n" === html[0] ? target$jscomp$0.push("\n", html) : target$jscomp$0.push("" + html)); } - "string" === typeof children$jscomp$7 && - "\n" === children$jscomp$7[0] && + "string" === typeof children$jscomp$8 && + "\n" === children$jscomp$8[0] && target$jscomp$0.push("\n"); - return children$jscomp$7; + return children$jscomp$8; case "img": var src = props.src, srcSet = props.srcSet; @@ -1614,7 +1656,7 @@ function pushStartInstance( ) { resumableState.imageResources[key$jscomp$0] = PRELOAD_NO_CREDS; var input = props.crossOrigin; - var JSCompiler_inline_result$jscomp$7 = + var JSCompiler_inline_result$jscomp$8 = "string" === typeof input ? "use-credentials" === input ? input @@ -1629,7 +1671,7 @@ function pushStartInstance( ((header = getPreloadAsHeader(src, "image", { imageSrcSet: props.srcSet, imageSizes: props.sizes, - crossOrigin: JSCompiler_inline_result$jscomp$7, + crossOrigin: JSCompiler_inline_result$jscomp$8, integrity: props.integrity, nonce: props.nonce, type: props.type, @@ -1647,7 +1689,7 @@ function pushStartInstance( href: srcSet ? void 0 : src, imageSrcSet: srcSet, imageSizes: sizes, - crossOrigin: JSCompiler_inline_result$jscomp$7, + crossOrigin: JSCompiler_inline_result$jscomp$8, integrity: props.integrity, type: props.type, fetchPriority: props.fetchPriority, @@ -1685,56 +1727,56 @@ function pushStartInstance( case "head": if (2 > formatContext.insertionMode && null === renderState.headChunks) { renderState.headChunks = []; - var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement( + var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement( renderState.headChunks, props, "head" ); } else - JSCompiler_inline_result$jscomp$8 = pushStartGenericElement( + JSCompiler_inline_result$jscomp$9 = pushStartGenericElement( target$jscomp$0, props, "head" ); - return JSCompiler_inline_result$jscomp$8; + return JSCompiler_inline_result$jscomp$9; case "html": if ( 0 === formatContext.insertionMode && null === renderState.htmlChunks ) { renderState.htmlChunks = [""]; - var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement( + var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement( renderState.htmlChunks, props, "html" ); } else - JSCompiler_inline_result$jscomp$9 = pushStartGenericElement( + JSCompiler_inline_result$jscomp$10 = pushStartGenericElement( target$jscomp$0, props, "html" ); - return JSCompiler_inline_result$jscomp$9; + return JSCompiler_inline_result$jscomp$10; default: if (-1 !== type.indexOf("-")) { target$jscomp$0.push(startChunkForTag(type)); - var children$jscomp$8 = null, - innerHTML$jscomp$7 = null, - propKey$jscomp$10; - for (propKey$jscomp$10 in props) - if (hasOwnProperty.call(props, propKey$jscomp$10)) { - var propValue$jscomp$10 = props[propKey$jscomp$10]; - if (null != propValue$jscomp$10) { - var attributeName = propKey$jscomp$10; - switch (propKey$jscomp$10) { + var children$jscomp$9 = null, + innerHTML$jscomp$8 = null, + propKey$jscomp$11; + for (propKey$jscomp$11 in props) + if (hasOwnProperty.call(props, propKey$jscomp$11)) { + var propValue$jscomp$11 = props[propKey$jscomp$11]; + if (null != propValue$jscomp$11) { + var attributeName = propKey$jscomp$11; + switch (propKey$jscomp$11) { case "children": - children$jscomp$8 = propValue$jscomp$10; + children$jscomp$9 = propValue$jscomp$11; break; case "dangerouslySetInnerHTML": - innerHTML$jscomp$7 = propValue$jscomp$10; + innerHTML$jscomp$8 = propValue$jscomp$11; break; case "style": - pushStyleAttribute(target$jscomp$0, propValue$jscomp$10); + pushStyleAttribute(target$jscomp$0, propValue$jscomp$11); break; case "suppressContentEditableWarning": case "suppressHydrationWarning": @@ -1744,18 +1786,18 @@ function pushStartInstance( attributeName = "class"; default: if ( - isAttributeNameSafe(propKey$jscomp$10) && - "function" !== typeof propValue$jscomp$10 && - "symbol" !== typeof propValue$jscomp$10 && - !1 !== propValue$jscomp$10 + isAttributeNameSafe(propKey$jscomp$11) && + "function" !== typeof propValue$jscomp$11 && + "symbol" !== typeof propValue$jscomp$11 && + !1 !== propValue$jscomp$11 ) { - if (!0 === propValue$jscomp$10) propValue$jscomp$10 = ""; - else if ("object" === typeof propValue$jscomp$10) continue; + if (!0 === propValue$jscomp$11) propValue$jscomp$11 = ""; + else if ("object" === typeof propValue$jscomp$11) continue; target$jscomp$0.push( " ", attributeName, '="', - escapeTextForBrowser(propValue$jscomp$10), + escapeTextForBrowser(propValue$jscomp$11), '"' ); } @@ -1763,8 +1805,8 @@ function pushStartInstance( } } target$jscomp$0.push(">"); - pushInnerHTML(target$jscomp$0, innerHTML$jscomp$7, children$jscomp$8); - return children$jscomp$8; + pushInnerHTML(target$jscomp$0, innerHTML$jscomp$8, children$jscomp$9); + return children$jscomp$9; } } return pushStartGenericElement(target$jscomp$0, props, type); @@ -2634,16 +2676,16 @@ function createRenderState(resumableState, generateStaticMarkup) { "\x3c/script>" ); bootstrapScriptContent = idPrefix + "P:"; - var JSCompiler_object_inline_segmentPrefix_1633 = idPrefix + "S:"; + var JSCompiler_object_inline_segmentPrefix_1642 = idPrefix + "S:"; idPrefix += "B:"; - var JSCompiler_object_inline_preconnects_1647 = new Set(), - JSCompiler_object_inline_fontPreloads_1648 = new Set(), - JSCompiler_object_inline_highImagePreloads_1649 = new Set(), - JSCompiler_object_inline_styles_1650 = new Map(), - JSCompiler_object_inline_bootstrapScripts_1651 = new Set(), - JSCompiler_object_inline_scripts_1652 = new Set(), - JSCompiler_object_inline_bulkPreloads_1653 = new Set(), - JSCompiler_object_inline_preloads_1654 = { + var JSCompiler_object_inline_preconnects_1656 = new Set(), + JSCompiler_object_inline_fontPreloads_1657 = new Set(), + JSCompiler_object_inline_highImagePreloads_1658 = new Set(), + JSCompiler_object_inline_styles_1659 = new Map(), + JSCompiler_object_inline_bootstrapScripts_1660 = new Set(), + JSCompiler_object_inline_scripts_1661 = new Set(), + JSCompiler_object_inline_bulkPreloads_1662 = new Set(), + JSCompiler_object_inline_preloads_1663 = { images: new Map(), stylesheets: new Map(), scripts: new Map(), @@ -2680,7 +2722,7 @@ function createRenderState(resumableState, generateStaticMarkup) { scriptConfig.moduleScriptResources[href] = null; scriptConfig = []; pushLinkImpl(scriptConfig, props); - JSCompiler_object_inline_bootstrapScripts_1651.add(scriptConfig); + JSCompiler_object_inline_bootstrapScripts_1660.add(scriptConfig); bootstrapChunks.push('