From 5c01acf862e4915c499355ae1bb3288c6a8ee05a Mon Sep 17 00:00:00 2001 From: sebmarkbage Date: Tue, 8 Apr 2025 15:01:08 -0700 Subject: [PATCH] Enable Suspensey Images inside subtrees (#32820) Even if the `enableSuspenseyImages` flag is off. Started View Transitions already wait for Suspensey Fonts and this is another Suspensey feature that is even more important for View Transitions - even though we eventually want it all the time. So this uses `` as an early opt-in for that tree into Suspensey Images, which we can ship in a minor. If you're doing an update inside a ViewTransition then we're eligible to start a ViewTransition in any Transition that might suspend. Even if that doesn't end up animating after all, we still consider it Suspensey. We could try to suspend inside the startViewTransition but that's not how it would work with `enableSuspenseyImages` on and we can't do that for startGestureTransition. Even so we still need some opt-in to trigger the Suspense fallback even before we know whether we'll animate or not. So the simple solution is just that `` opts in the whole subtree into Suspensey Images in general. In this PR I disable `enableSuspenseyImages` in experimental so that we can instead test the path that only enables it inside `` tree since that's the path that would next graduate to a minor. DiffTrain build for [8da36d0508e83dd342ddbb98cb18f0606fd4045b](https://github.com/facebook/react/commit/8da36d0508e83dd342ddbb98cb18f0606fd4045b) --- compiled/eslint-plugin-react-hooks/index.js | 592 ++++++------- 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 | 27 +- compiled/facebook-www/ReactART-dev.modern.js | 27 +- .../facebook-www/ReactART-prod.classic.js | 9 +- compiled/facebook-www/ReactART-prod.modern.js | 9 +- compiled/facebook-www/ReactDOM-dev.classic.js | 803 ++++++++++-------- compiled/facebook-www/ReactDOM-dev.modern.js | 803 ++++++++++-------- .../facebook-www/ReactDOM-prod.classic.js | 643 ++++++++------ compiled/facebook-www/ReactDOM-prod.modern.js | 643 ++++++++------ .../ReactDOM-profiling.classic.js | 666 ++++++++------- .../facebook-www/ReactDOM-profiling.modern.js | 666 ++++++++------- .../ReactDOMServer-dev.classic.js | 2 +- .../facebook-www/ReactDOMServer-dev.modern.js | 2 +- .../ReactDOMServer-prod.classic.js | 2 +- .../ReactDOMServer-prod.modern.js | 2 +- .../ReactDOMTesting-dev.classic.js | 803 ++++++++++-------- .../ReactDOMTesting-dev.modern.js | 803 ++++++++++-------- .../ReactDOMTesting-prod.classic.js | 643 ++++++++------ .../ReactDOMTesting-prod.modern.js | 643 ++++++++------ .../ReactReconciler-dev.classic.js | 28 +- .../ReactReconciler-dev.modern.js | 28 +- .../ReactReconciler-prod.classic.js | 10 +- .../ReactReconciler-prod.modern.js | 10 +- .../ReactTestRenderer-dev.classic.js | 6 +- .../ReactTestRenderer-dev.modern.js | 6 +- compiled/facebook-www/VERSION_CLASSIC | 2 +- compiled/facebook-www/VERSION_MODERN | 2 +- 35 files changed, 4411 insertions(+), 3485 deletions(-) diff --git a/compiled/eslint-plugin-react-hooks/index.js b/compiled/eslint-plugin-react-hooks/index.js index 304912ec52..31b12b6be1 100644 --- a/compiled/eslint-plugin-react-hooks/index.js +++ b/compiled/eslint-plugin-react-hooks/index.js @@ -4616,296 +4616,306 @@ function isValidIdentifier(name, reserved = true) { var lib$1 = {}; -Object.defineProperty(lib$1, "__esModule", { - value: true -}); -lib$1.readCodePoint = readCodePoint; -lib$1.readInt = readInt; -lib$1.readStringContents = readStringContents; -var _isDigit = function isDigit(code) { - return code >= 48 && code <= 57; -}; -const forbiddenNumericSeparatorSiblings = { - decBinOct: new Set([46, 66, 69, 79, 95, 98, 101, 111]), - hex: new Set([46, 88, 95, 120]) -}; -const isAllowedNumericSeparatorSibling = { - bin: ch => ch === 48 || ch === 49, - oct: ch => ch >= 48 && ch <= 55, - dec: ch => ch >= 48 && ch <= 57, - hex: ch => ch >= 48 && ch <= 57 || ch >= 65 && ch <= 70 || ch >= 97 && ch <= 102 -}; -function readStringContents(type, input, pos, lineStart, curLine, errors) { - const initialPos = pos; - const initialLineStart = lineStart; - const initialCurLine = curLine; - let out = ""; - let firstInvalidLoc = null; - let chunkStart = pos; - const { - length - } = input; - for (;;) { - if (pos >= length) { - errors.unterminated(initialPos, initialLineStart, initialCurLine); - out += input.slice(chunkStart, pos); - break; - } - const ch = input.charCodeAt(pos); - if (isStringEnd(type, ch, input, pos)) { - out += input.slice(chunkStart, pos); - break; - } - if (ch === 92) { - out += input.slice(chunkStart, pos); - const res = readEscapedChar(input, pos, lineStart, curLine, type === "template", errors); - if (res.ch === null && !firstInvalidLoc) { - firstInvalidLoc = { - pos, - lineStart, - curLine - }; - } else { - out += res.ch; - } - ({ - pos, - lineStart, - curLine - } = res); - chunkStart = pos; - } else if (ch === 8232 || ch === 8233) { - ++pos; - ++curLine; - lineStart = pos; - } else if (ch === 10 || ch === 13) { - if (type === "template") { - out += input.slice(chunkStart, pos) + "\n"; - ++pos; - if (ch === 13 && input.charCodeAt(pos) === 10) { - ++pos; - } - ++curLine; - chunkStart = lineStart = pos; - } else { - errors.unterminated(initialPos, initialLineStart, initialCurLine); - } - } else { - ++pos; - } - } - return { - pos, - str: out, - firstInvalidLoc, - lineStart, - curLine, - containsInvalid: !!firstInvalidLoc - }; -} -function isStringEnd(type, ch, input, pos) { - if (type === "template") { - return ch === 96 || ch === 36 && input.charCodeAt(pos + 1) === 123; - } - return ch === (type === "double" ? 34 : 39); -} -function readEscapedChar(input, pos, lineStart, curLine, inTemplate, errors) { - const throwOnInvalid = !inTemplate; - pos++; - const res = ch => ({ - pos, - ch, - lineStart, - curLine - }); - const ch = input.charCodeAt(pos++); - switch (ch) { - case 110: - return res("\n"); - case 114: - return res("\r"); - case 120: - { - let code; - ({ - code, - pos - } = readHexChar(input, pos, lineStart, curLine, 2, false, throwOnInvalid, errors)); - return res(code === null ? null : String.fromCharCode(code)); - } - case 117: - { - let code; - ({ - code, - pos - } = readCodePoint(input, pos, lineStart, curLine, throwOnInvalid, errors)); - return res(code === null ? null : String.fromCodePoint(code)); - } - case 116: - return res("\t"); - case 98: - return res("\b"); - case 118: - return res("\u000b"); - case 102: - return res("\f"); - case 13: - if (input.charCodeAt(pos) === 10) { - ++pos; - } - case 10: - lineStart = pos; - ++curLine; - case 8232: - case 8233: - return res(""); - case 56: - case 57: - if (inTemplate) { - return res(null); - } else { - errors.strictNumericEscape(pos - 1, lineStart, curLine); - } - default: - if (ch >= 48 && ch <= 55) { - const startPos = pos - 1; - const match = /^[0-7]+/.exec(input.slice(startPos, pos + 2)); - let octalStr = match[0]; - let octal = parseInt(octalStr, 8); - if (octal > 255) { - octalStr = octalStr.slice(0, -1); - octal = parseInt(octalStr, 8); - } - pos += octalStr.length - 1; - const next = input.charCodeAt(pos); - if (octalStr !== "0" || next === 56 || next === 57) { - if (inTemplate) { - return res(null); - } else { - errors.strictNumericEscape(startPos, lineStart, curLine); - } - } - return res(String.fromCharCode(octal)); - } - return res(String.fromCharCode(ch)); - } -} -function readHexChar(input, pos, lineStart, curLine, len, forceLen, throwOnInvalid, errors) { - const initialPos = pos; - let n; - ({ - n, - pos - } = readInt(input, pos, lineStart, curLine, 16, len, forceLen, false, errors, !throwOnInvalid)); - if (n === null) { - if (throwOnInvalid) { - errors.invalidEscapeSequence(initialPos, lineStart, curLine); - } else { - pos = initialPos - 1; - } - } - return { - code: n, - pos - }; -} -function readInt(input, pos, lineStart, curLine, radix, len, forceLen, allowNumSeparator, errors, bailOnError) { - const start = pos; - const forbiddenSiblings = radix === 16 ? forbiddenNumericSeparatorSiblings.hex : forbiddenNumericSeparatorSiblings.decBinOct; - const isAllowedSibling = radix === 16 ? isAllowedNumericSeparatorSibling.hex : radix === 10 ? isAllowedNumericSeparatorSibling.dec : radix === 8 ? isAllowedNumericSeparatorSibling.oct : isAllowedNumericSeparatorSibling.bin; - let invalid = false; - let total = 0; - for (let i = 0, e = len == null ? Infinity : len; i < e; ++i) { - const code = input.charCodeAt(pos); - let val; - if (code === 95 && allowNumSeparator !== "bail") { - const prev = input.charCodeAt(pos - 1); - const next = input.charCodeAt(pos + 1); - if (!allowNumSeparator) { - if (bailOnError) return { - n: null, - pos - }; - errors.numericSeparatorInEscapeSequence(pos, lineStart, curLine); - } else if (Number.isNaN(next) || !isAllowedSibling(next) || forbiddenSiblings.has(prev) || forbiddenSiblings.has(next)) { - if (bailOnError) return { - n: null, - pos - }; - errors.unexpectedNumericSeparator(pos, lineStart, curLine); - } - ++pos; - continue; - } - if (code >= 97) { - val = code - 97 + 10; - } else if (code >= 65) { - val = code - 65 + 10; - } else if (_isDigit(code)) { - val = code - 48; - } else { - val = Infinity; - } - if (val >= radix) { - if (val <= 9 && bailOnError) { - return { - n: null, - pos - }; - } else if (val <= 9 && errors.invalidDigit(pos, lineStart, curLine, radix)) { - val = 0; - } else if (forceLen) { - val = 0; - invalid = true; - } else { - break; - } - } - ++pos; - total = total * radix + val; - } - if (pos === start || len != null && pos - start !== len || invalid) { - return { - n: null, - pos - }; - } - return { - n: total, - pos - }; -} -function readCodePoint(input, pos, lineStart, curLine, throwOnInvalid, errors) { - const ch = input.charCodeAt(pos); - let code; - if (ch === 123) { - ++pos; - ({ - code, - pos - } = readHexChar(input, pos, lineStart, curLine, input.indexOf("}", pos) - pos, true, throwOnInvalid, errors)); - ++pos; - if (code !== null && code > 0x10ffff) { - if (throwOnInvalid) { - errors.invalidCodePoint(pos, lineStart, curLine); - } else { - return { - code: null, - pos - }; - } - } - } else { - ({ - code, - pos - } = readHexChar(input, pos, lineStart, curLine, 4, false, throwOnInvalid, errors)); - } - return { - code, - pos - }; +var hasRequiredLib$1; + +function requireLib$1 () { + if (hasRequiredLib$1) return lib$1; + hasRequiredLib$1 = 1; + + Object.defineProperty(lib$1, "__esModule", { + value: true + }); + lib$1.readCodePoint = readCodePoint; + lib$1.readInt = readInt; + lib$1.readStringContents = readStringContents; + var _isDigit = function isDigit(code) { + return code >= 48 && code <= 57; + }; + const forbiddenNumericSeparatorSiblings = { + decBinOct: new Set([46, 66, 69, 79, 95, 98, 101, 111]), + hex: new Set([46, 88, 95, 120]) + }; + const isAllowedNumericSeparatorSibling = { + bin: ch => ch === 48 || ch === 49, + oct: ch => ch >= 48 && ch <= 55, + dec: ch => ch >= 48 && ch <= 57, + hex: ch => ch >= 48 && ch <= 57 || ch >= 65 && ch <= 70 || ch >= 97 && ch <= 102 + }; + function readStringContents(type, input, pos, lineStart, curLine, errors) { + const initialPos = pos; + const initialLineStart = lineStart; + const initialCurLine = curLine; + let out = ""; + let firstInvalidLoc = null; + let chunkStart = pos; + const { + length + } = input; + for (;;) { + if (pos >= length) { + errors.unterminated(initialPos, initialLineStart, initialCurLine); + out += input.slice(chunkStart, pos); + break; + } + const ch = input.charCodeAt(pos); + if (isStringEnd(type, ch, input, pos)) { + out += input.slice(chunkStart, pos); + break; + } + if (ch === 92) { + out += input.slice(chunkStart, pos); + const res = readEscapedChar(input, pos, lineStart, curLine, type === "template", errors); + if (res.ch === null && !firstInvalidLoc) { + firstInvalidLoc = { + pos, + lineStart, + curLine + }; + } else { + out += res.ch; + } + ({ + pos, + lineStart, + curLine + } = res); + chunkStart = pos; + } else if (ch === 8232 || ch === 8233) { + ++pos; + ++curLine; + lineStart = pos; + } else if (ch === 10 || ch === 13) { + if (type === "template") { + out += input.slice(chunkStart, pos) + "\n"; + ++pos; + if (ch === 13 && input.charCodeAt(pos) === 10) { + ++pos; + } + ++curLine; + chunkStart = lineStart = pos; + } else { + errors.unterminated(initialPos, initialLineStart, initialCurLine); + } + } else { + ++pos; + } + } + return { + pos, + str: out, + firstInvalidLoc, + lineStart, + curLine, + containsInvalid: !!firstInvalidLoc + }; + } + function isStringEnd(type, ch, input, pos) { + if (type === "template") { + return ch === 96 || ch === 36 && input.charCodeAt(pos + 1) === 123; + } + return ch === (type === "double" ? 34 : 39); + } + function readEscapedChar(input, pos, lineStart, curLine, inTemplate, errors) { + const throwOnInvalid = !inTemplate; + pos++; + const res = ch => ({ + pos, + ch, + lineStart, + curLine + }); + const ch = input.charCodeAt(pos++); + switch (ch) { + case 110: + return res("\n"); + case 114: + return res("\r"); + case 120: + { + let code; + ({ + code, + pos + } = readHexChar(input, pos, lineStart, curLine, 2, false, throwOnInvalid, errors)); + return res(code === null ? null : String.fromCharCode(code)); + } + case 117: + { + let code; + ({ + code, + pos + } = readCodePoint(input, pos, lineStart, curLine, throwOnInvalid, errors)); + return res(code === null ? null : String.fromCodePoint(code)); + } + case 116: + return res("\t"); + case 98: + return res("\b"); + case 118: + return res("\u000b"); + case 102: + return res("\f"); + case 13: + if (input.charCodeAt(pos) === 10) { + ++pos; + } + case 10: + lineStart = pos; + ++curLine; + case 8232: + case 8233: + return res(""); + case 56: + case 57: + if (inTemplate) { + return res(null); + } else { + errors.strictNumericEscape(pos - 1, lineStart, curLine); + } + default: + if (ch >= 48 && ch <= 55) { + const startPos = pos - 1; + const match = /^[0-7]+/.exec(input.slice(startPos, pos + 2)); + let octalStr = match[0]; + let octal = parseInt(octalStr, 8); + if (octal > 255) { + octalStr = octalStr.slice(0, -1); + octal = parseInt(octalStr, 8); + } + pos += octalStr.length - 1; + const next = input.charCodeAt(pos); + if (octalStr !== "0" || next === 56 || next === 57) { + if (inTemplate) { + return res(null); + } else { + errors.strictNumericEscape(startPos, lineStart, curLine); + } + } + return res(String.fromCharCode(octal)); + } + return res(String.fromCharCode(ch)); + } + } + function readHexChar(input, pos, lineStart, curLine, len, forceLen, throwOnInvalid, errors) { + const initialPos = pos; + let n; + ({ + n, + pos + } = readInt(input, pos, lineStart, curLine, 16, len, forceLen, false, errors, !throwOnInvalid)); + if (n === null) { + if (throwOnInvalid) { + errors.invalidEscapeSequence(initialPos, lineStart, curLine); + } else { + pos = initialPos - 1; + } + } + return { + code: n, + pos + }; + } + function readInt(input, pos, lineStart, curLine, radix, len, forceLen, allowNumSeparator, errors, bailOnError) { + const start = pos; + const forbiddenSiblings = radix === 16 ? forbiddenNumericSeparatorSiblings.hex : forbiddenNumericSeparatorSiblings.decBinOct; + const isAllowedSibling = radix === 16 ? isAllowedNumericSeparatorSibling.hex : radix === 10 ? isAllowedNumericSeparatorSibling.dec : radix === 8 ? isAllowedNumericSeparatorSibling.oct : isAllowedNumericSeparatorSibling.bin; + let invalid = false; + let total = 0; + for (let i = 0, e = len == null ? Infinity : len; i < e; ++i) { + const code = input.charCodeAt(pos); + let val; + if (code === 95 && allowNumSeparator !== "bail") { + const prev = input.charCodeAt(pos - 1); + const next = input.charCodeAt(pos + 1); + if (!allowNumSeparator) { + if (bailOnError) return { + n: null, + pos + }; + errors.numericSeparatorInEscapeSequence(pos, lineStart, curLine); + } else if (Number.isNaN(next) || !isAllowedSibling(next) || forbiddenSiblings.has(prev) || forbiddenSiblings.has(next)) { + if (bailOnError) return { + n: null, + pos + }; + errors.unexpectedNumericSeparator(pos, lineStart, curLine); + } + ++pos; + continue; + } + if (code >= 97) { + val = code - 97 + 10; + } else if (code >= 65) { + val = code - 65 + 10; + } else if (_isDigit(code)) { + val = code - 48; + } else { + val = Infinity; + } + if (val >= radix) { + if (val <= 9 && bailOnError) { + return { + n: null, + pos + }; + } else if (val <= 9 && errors.invalidDigit(pos, lineStart, curLine, radix)) { + val = 0; + } else if (forceLen) { + val = 0; + invalid = true; + } else { + break; + } + } + ++pos; + total = total * radix + val; + } + if (pos === start || len != null && pos - start !== len || invalid) { + return { + n: null, + pos + }; + } + return { + n: total, + pos + }; + } + function readCodePoint(input, pos, lineStart, curLine, throwOnInvalid, errors) { + const ch = input.charCodeAt(pos); + let code; + if (ch === 123) { + ++pos; + ({ + code, + pos + } = readHexChar(input, pos, lineStart, curLine, input.indexOf("}", pos) - pos, true, throwOnInvalid, errors)); + ++pos; + if (code !== null && code > 0x10ffff) { + if (throwOnInvalid) { + errors.invalidCodePoint(pos, lineStart, curLine); + } else { + return { + code: null, + pos + }; + } + } + } else { + ({ + code, + pos + } = readHexChar(input, pos, lineStart, curLine, 4, false, throwOnInvalid, errors)); + } + return { + code, + pos + }; + } + + + return lib$1; } var constants = {}; @@ -5230,7 +5240,7 @@ function requireCore () { var _is = requireIs(); var _isValidIdentifier = isValidIdentifier$1; var _helperValidatorIdentifier = lib$2; - var _helperStringParser = lib$1; + var _helperStringParser = requireLib$1(); var _index = constants; var _utils = requireUtils(); const defineType = (0, _utils.defineAliasedType)("Standardized"); diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION index fac328b368..0caa63b8c8 100644 --- a/compiled/facebook-www/REVISION +++ b/compiled/facebook-www/REVISION @@ -1 +1 @@ -ea05b750a5374458fc8c74ea0918059c818d1167 +8da36d0508e83dd342ddbb98cb18f0606fd4045b diff --git a/compiled/facebook-www/REVISION_TRANSFORMS b/compiled/facebook-www/REVISION_TRANSFORMS index fac328b368..0caa63b8c8 100644 --- a/compiled/facebook-www/REVISION_TRANSFORMS +++ b/compiled/facebook-www/REVISION_TRANSFORMS @@ -1 +1 @@ -ea05b750a5374458fc8c74ea0918059c818d1167 +8da36d0508e83dd342ddbb98cb18f0606fd4045b diff --git a/compiled/facebook-www/React-dev.classic.js b/compiled/facebook-www/React-dev.classic.js index a886449840..1672fb6fcd 100644 --- a/compiled/facebook-www/React-dev.classic.js +++ b/compiled/facebook-www/React-dev.classic.js @@ -1538,7 +1538,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.2.0-www-classic-ea05b750-20250408"; + exports.version = "19.2.0-www-classic-8da36d05-20250408"; "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 02b9d62812..9f47af2d03 100644 --- a/compiled/facebook-www/React-dev.modern.js +++ b/compiled/facebook-www/React-dev.modern.js @@ -1538,7 +1538,7 @@ __DEV__ && exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.2.0-www-modern-ea05b750-20250408"; + exports.version = "19.2.0-www-modern-8da36d05-20250408"; "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 81fa015264..96d094a5ef 100644 --- a/compiled/facebook-www/React-prod.classic.js +++ b/compiled/facebook-www/React-prod.classic.js @@ -636,4 +636,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-www-classic-ea05b750-20250408"; +exports.version = "19.2.0-www-classic-8da36d05-20250408"; diff --git a/compiled/facebook-www/React-prod.modern.js b/compiled/facebook-www/React-prod.modern.js index 24eb28214f..407a7c218c 100644 --- a/compiled/facebook-www/React-prod.modern.js +++ b/compiled/facebook-www/React-prod.modern.js @@ -636,4 +636,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-www-modern-ea05b750-20250408"; +exports.version = "19.2.0-www-modern-8da36d05-20250408"; diff --git a/compiled/facebook-www/React-profiling.classic.js b/compiled/facebook-www/React-profiling.classic.js index 3ee0730a26..8b254cd87a 100644 --- a/compiled/facebook-www/React-profiling.classic.js +++ b/compiled/facebook-www/React-profiling.classic.js @@ -640,7 +640,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-www-classic-ea05b750-20250408"; +exports.version = "19.2.0-www-classic-8da36d05-20250408"; "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 6f97711fab..66eb9f695e 100644 --- a/compiled/facebook-www/React-profiling.modern.js +++ b/compiled/facebook-www/React-profiling.modern.js @@ -640,7 +640,7 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.2.0-www-modern-ea05b750-20250408"; +exports.version = "19.2.0-www-modern-8da36d05-20250408"; "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 5d6d1e053d..a2de5cec0b 100644 --- a/compiled/facebook-www/ReactART-dev.classic.js +++ b/compiled/facebook-www/ReactART-dev.classic.js @@ -15968,7 +15968,8 @@ __DEV__ && case REACT_VIEW_TRANSITION_TYPE: if (enableViewTransition) return ( - (key = createFiber(30, pendingProps, key, mode)), + (type = mode | 32), + (key = createFiber(30, pendingProps, key, type)), (key.elementType = REACT_VIEW_TRANSITION_TYPE), (key.lanes = lanes), (key.stateNode = { @@ -16031,27 +16032,27 @@ __DEV__ && resolvedType = null; break a; } - resolvedType = ""; + pendingProps = ""; if ( void 0 === type || ("object" === typeof type && null !== type && 0 === Object.keys(type).length) ) - resolvedType += + pendingProps += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."; null === type - ? (pendingProps = "null") + ? (resolvedType = "null") : isArrayImpl(type) - ? (pendingProps = "array") + ? (resolvedType = "array") : void 0 !== type && type.$$typeof === REACT_ELEMENT_TYPE - ? ((pendingProps = + ? ((resolvedType = "<" + (getComponentNameFromType(type.type) || "Unknown") + " />"), - (resolvedType = + (pendingProps = " Did you accidentally export a JSX literal instead of a component?")) - : (pendingProps = typeof type); + : (resolvedType = typeof type); fiberTag = owner ? "number" === typeof owner.tag ? getComponentNameFromFiber(owner) @@ -16060,12 +16061,12 @@ __DEV__ && : null : null; fiberTag && - (resolvedType += + (pendingProps += "\n\nCheck the render method of `" + fiberTag + "`."); fiberTag = 29; pendingProps = Error( "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " + - (pendingProps + "." + resolvedType) + (resolvedType + "." + pendingProps) ); resolvedType = null; } @@ -18526,10 +18527,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.2.0-www-classic-ea05b750-20250408", + version: "19.2.0-www-classic-8da36d05-20250408", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-www-classic-ea05b750-20250408" + reconcilerVersion: "19.2.0-www-classic-8da36d05-20250408" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -18563,7 +18564,7 @@ __DEV__ && exports.Shape = Shape; exports.Surface = Surface; exports.Text = Text; - exports.version = "19.2.0-www-classic-ea05b750-20250408"; + exports.version = "19.2.0-www-classic-8da36d05-20250408"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactART-dev.modern.js b/compiled/facebook-www/ReactART-dev.modern.js index 5a4e61100a..1fc7b845c4 100644 --- a/compiled/facebook-www/ReactART-dev.modern.js +++ b/compiled/facebook-www/ReactART-dev.modern.js @@ -15782,7 +15782,8 @@ __DEV__ && case REACT_VIEW_TRANSITION_TYPE: if (enableViewTransition) return ( - (key = createFiber(30, pendingProps, key, mode)), + (type = mode | 32), + (key = createFiber(30, pendingProps, key, type)), (key.elementType = REACT_VIEW_TRANSITION_TYPE), (key.lanes = lanes), (key.stateNode = { @@ -15845,27 +15846,27 @@ __DEV__ && resolvedType = null; break a; } - resolvedType = ""; + pendingProps = ""; if ( void 0 === type || ("object" === typeof type && null !== type && 0 === Object.keys(type).length) ) - resolvedType += + pendingProps += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."; null === type - ? (pendingProps = "null") + ? (resolvedType = "null") : isArrayImpl(type) - ? (pendingProps = "array") + ? (resolvedType = "array") : void 0 !== type && type.$$typeof === REACT_ELEMENT_TYPE - ? ((pendingProps = + ? ((resolvedType = "<" + (getComponentNameFromType(type.type) || "Unknown") + " />"), - (resolvedType = + (pendingProps = " Did you accidentally export a JSX literal instead of a component?")) - : (pendingProps = typeof type); + : (resolvedType = typeof type); fiberTag = owner ? "number" === typeof owner.tag ? getComponentNameFromFiber(owner) @@ -15874,12 +15875,12 @@ __DEV__ && : null : null; fiberTag && - (resolvedType += + (pendingProps += "\n\nCheck the render method of `" + fiberTag + "`."); fiberTag = 29; pendingProps = Error( "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " + - (pendingProps + "." + resolvedType) + (resolvedType + "." + pendingProps) ); resolvedType = null; } @@ -18298,10 +18299,10 @@ __DEV__ && (function () { var internals = { bundleType: 1, - version: "19.2.0-www-modern-ea05b750-20250408", + version: "19.2.0-www-modern-8da36d05-20250408", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-www-modern-ea05b750-20250408" + reconcilerVersion: "19.2.0-www-modern-8da36d05-20250408" }; internals.overrideHookState = overrideHookState; internals.overrideHookStateDeletePath = overrideHookStateDeletePath; @@ -18335,7 +18336,7 @@ __DEV__ && exports.Shape = Shape; exports.Surface = Surface; exports.Text = Text; - exports.version = "19.2.0-www-modern-ea05b750-20250408"; + exports.version = "19.2.0-www-modern-8da36d05-20250408"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/compiled/facebook-www/ReactART-prod.classic.js b/compiled/facebook-www/ReactART-prod.classic.js index 0ff49f97a7..236bdf34e1 100644 --- a/compiled/facebook-www/ReactART-prod.classic.js +++ b/compiled/facebook-www/ReactART-prod.classic.js @@ -10891,7 +10891,8 @@ function createFiberFromTypeAndProps( case REACT_VIEW_TRANSITION_TYPE: if (enableViewTransition) return ( - (type = createFiber(30, pendingProps, key, mode)), + (type = mode | 32), + (type = createFiber(30, pendingProps, key, type)), (type.elementType = REACT_VIEW_TRANSITION_TYPE), (type.lanes = lanes), (type.stateNode = { @@ -11217,10 +11218,10 @@ var slice = Array.prototype.slice, })(React.Component); var internals$jscomp$inline_1593 = { bundleType: 0, - version: "19.2.0-www-classic-ea05b750-20250408", + version: "19.2.0-www-classic-8da36d05-20250408", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-www-classic-ea05b750-20250408" + reconcilerVersion: "19.2.0-www-classic-8da36d05-20250408" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1594 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -11246,4 +11247,4 @@ exports.RadialGradient = RadialGradient; exports.Shape = TYPES.SHAPE; exports.Surface = Surface; exports.Text = Text; -exports.version = "19.2.0-www-classic-ea05b750-20250408"; +exports.version = "19.2.0-www-classic-8da36d05-20250408"; diff --git a/compiled/facebook-www/ReactART-prod.modern.js b/compiled/facebook-www/ReactART-prod.modern.js index 5206a3e7f6..ba5d878fe1 100644 --- a/compiled/facebook-www/ReactART-prod.modern.js +++ b/compiled/facebook-www/ReactART-prod.modern.js @@ -10639,7 +10639,8 @@ function createFiberFromTypeAndProps( case REACT_VIEW_TRANSITION_TYPE: if (enableViewTransition) return ( - (type = createFiber(30, pendingProps, key, mode)), + (type = mode | 32), + (type = createFiber(30, pendingProps, key, type)), (type.elementType = REACT_VIEW_TRANSITION_TYPE), (type.lanes = lanes), (type.stateNode = { @@ -10930,10 +10931,10 @@ var slice = Array.prototype.slice, })(React.Component); var internals$jscomp$inline_1566 = { bundleType: 0, - version: "19.2.0-www-modern-ea05b750-20250408", + version: "19.2.0-www-modern-8da36d05-20250408", rendererPackageName: "react-art", currentDispatcherRef: ReactSharedInternals, - reconcilerVersion: "19.2.0-www-modern-ea05b750-20250408" + reconcilerVersion: "19.2.0-www-modern-8da36d05-20250408" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { var hook$jscomp$inline_1567 = __REACT_DEVTOOLS_GLOBAL_HOOK__; @@ -10959,4 +10960,4 @@ exports.RadialGradient = RadialGradient; exports.Shape = TYPES.SHAPE; exports.Surface = Surface; exports.Text = Text; -exports.version = "19.2.0-www-modern-ea05b750-20250408"; +exports.version = "19.2.0-www-modern-8da36d05-20250408"; diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js index 0e765efaaa..e521d9a523 100644 --- a/compiled/facebook-www/ReactDOM-dev.classic.js +++ b/compiled/facebook-www/ReactDOM-dev.classic.js @@ -9862,32 +9862,32 @@ __DEV__ && return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_digest_2854; - var JSCompiler_object_inline_stack_2855 = workInProgress.pendingProps; + var JSCompiler_object_inline_digest_2837; + var JSCompiler_object_inline_stack_2838 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_componentStack_2856 = !1; + var JSCompiler_object_inline_componentStack_2839 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_digest_2854 = didSuspend) || - (JSCompiler_object_inline_digest_2854 = + (JSCompiler_object_inline_digest_2837 = didSuspend) || + (JSCompiler_object_inline_digest_2837 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_digest_2854 && - ((JSCompiler_object_inline_componentStack_2856 = !0), + JSCompiler_object_inline_digest_2837 && + ((JSCompiler_object_inline_componentStack_2839 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_digest_2854 = 0 !== (workInProgress.flags & 32); + JSCompiler_object_inline_digest_2837 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_componentStack_2856 + JSCompiler_object_inline_componentStack_2839 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_message_2853 = nextHydratableInstance; + var JSCompiler_object_inline_message_2836 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2853)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2836)) { c: { - var instance = JSCompiler_object_inline_message_2853; + var instance = JSCompiler_object_inline_message_2836; for ( JSCompiler_temp = rootOrSingletonContext; instance.nodeType !== COMMENT_NODE; @@ -9929,46 +9929,46 @@ __DEV__ && JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_message_2853 + JSCompiler_object_inline_message_2836 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_message_2853 = workInProgress.memoizedState; + JSCompiler_object_inline_message_2836 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_message_2853 && - ((JSCompiler_object_inline_message_2853 = - JSCompiler_object_inline_message_2853.dehydrated), - null !== JSCompiler_object_inline_message_2853) + null !== JSCompiler_object_inline_message_2836 && + ((JSCompiler_object_inline_message_2836 = + JSCompiler_object_inline_message_2836.dehydrated), + null !== JSCompiler_object_inline_message_2836) ) return ( - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2853) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2836) ? (workInProgress.lanes = 32) : (workInProgress.lanes = 536870912), null ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_message_2853 = - JSCompiler_object_inline_stack_2855.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2855.fallback; - if (JSCompiler_object_inline_componentStack_2856) + JSCompiler_object_inline_message_2836 = + JSCompiler_object_inline_stack_2838.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2838.fallback; + if (JSCompiler_object_inline_componentStack_2839) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2855 = + (JSCompiler_object_inline_stack_2838 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2853, + JSCompiler_object_inline_message_2836, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2856 = + (JSCompiler_object_inline_componentStack_2839 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2856.memoizedState = + (JSCompiler_object_inline_componentStack_2839.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2856.childLanes = + (JSCompiler_object_inline_componentStack_2839.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2854, + JSCompiler_object_inline_digest_2837, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), @@ -9981,9 +9981,9 @@ __DEV__ && ? markerInstanceStack.current : null), (renderLanes = - JSCompiler_object_inline_componentStack_2856.updateQueue), + JSCompiler_object_inline_componentStack_2839.updateQueue), null === renderLanes - ? (JSCompiler_object_inline_componentStack_2856.updateQueue = + ? (JSCompiler_object_inline_componentStack_2839.updateQueue = { transitions: workInProgress, markerInstances: current, @@ -9991,46 +9991,46 @@ __DEV__ && }) : ((renderLanes.transitions = workInProgress), (renderLanes.markerInstances = current)))), - JSCompiler_object_inline_stack_2855 + JSCompiler_object_inline_stack_2838 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2855.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2838.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2855 = + (JSCompiler_object_inline_stack_2838 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_message_2853, + JSCompiler_object_inline_message_2836, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_componentStack_2856 = + (JSCompiler_object_inline_componentStack_2839 = workInProgress.child), - (JSCompiler_object_inline_componentStack_2856.memoizedState = + (JSCompiler_object_inline_componentStack_2839.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_componentStack_2856.childLanes = + (JSCompiler_object_inline_componentStack_2839.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2854, + JSCompiler_object_inline_digest_2837, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2855 + JSCompiler_object_inline_stack_2838 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_message_2853 + JSCompiler_object_inline_message_2836 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_message_2853 = prevState.dehydrated), - null !== JSCompiler_object_inline_message_2853) + ((JSCompiler_object_inline_message_2836 = prevState.dehydrated), + null !== JSCompiler_object_inline_message_2836) ) { if (didSuspend) workInProgress.flags & 256 @@ -10047,94 +10047,94 @@ __DEV__ && (workInProgress.flags |= 128), (workInProgress = null)) : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2856 = - JSCompiler_object_inline_stack_2855.fallback), - (JSCompiler_object_inline_message_2853 = workInProgress.mode), - (JSCompiler_object_inline_stack_2855 = + (JSCompiler_object_inline_componentStack_2839 = + JSCompiler_object_inline_stack_2838.fallback), + (JSCompiler_object_inline_message_2836 = workInProgress.mode), + (JSCompiler_object_inline_stack_2838 = mountWorkInProgressOffscreenFiber( { mode: "visible", - children: JSCompiler_object_inline_stack_2855.children + children: JSCompiler_object_inline_stack_2838.children }, - JSCompiler_object_inline_message_2853 + JSCompiler_object_inline_message_2836 )), - (JSCompiler_object_inline_componentStack_2856 = + (JSCompiler_object_inline_componentStack_2839 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2856, - JSCompiler_object_inline_message_2853, + JSCompiler_object_inline_componentStack_2839, + JSCompiler_object_inline_message_2836, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2856.flags |= 2), - (JSCompiler_object_inline_stack_2855.return = workInProgress), - (JSCompiler_object_inline_componentStack_2856.return = + (JSCompiler_object_inline_componentStack_2839.flags |= 2), + (JSCompiler_object_inline_stack_2838.return = workInProgress), + (JSCompiler_object_inline_componentStack_2839.return = workInProgress), - (JSCompiler_object_inline_stack_2855.sibling = - JSCompiler_object_inline_componentStack_2856), - (workInProgress.child = JSCompiler_object_inline_stack_2855), + (JSCompiler_object_inline_stack_2838.sibling = + JSCompiler_object_inline_componentStack_2839), + (workInProgress.child = JSCompiler_object_inline_stack_2838), reconcileChildFibers( workInProgress, current.child, null, renderLanes ), - (JSCompiler_object_inline_stack_2855 = workInProgress.child), - (JSCompiler_object_inline_stack_2855.memoizedState = + (JSCompiler_object_inline_stack_2838 = workInProgress.child), + (JSCompiler_object_inline_stack_2838.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2855.childLanes = + (JSCompiler_object_inline_stack_2838.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2854, + JSCompiler_object_inline_digest_2837, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress = - JSCompiler_object_inline_componentStack_2856)); + JSCompiler_object_inline_componentStack_2839)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - isSuspenseInstanceFallback(JSCompiler_object_inline_message_2853)) + isSuspenseInstanceFallback(JSCompiler_object_inline_message_2836)) ) { - JSCompiler_object_inline_digest_2854 = - JSCompiler_object_inline_message_2853.nextSibling && - JSCompiler_object_inline_message_2853.nextSibling.dataset; - if (JSCompiler_object_inline_digest_2854) { - JSCompiler_temp = JSCompiler_object_inline_digest_2854.dgst; - var message = JSCompiler_object_inline_digest_2854.msg; - instance = JSCompiler_object_inline_digest_2854.stck; - var componentStack = JSCompiler_object_inline_digest_2854.cstck; + JSCompiler_object_inline_digest_2837 = + JSCompiler_object_inline_message_2836.nextSibling && + JSCompiler_object_inline_message_2836.nextSibling.dataset; + if (JSCompiler_object_inline_digest_2837) { + JSCompiler_temp = JSCompiler_object_inline_digest_2837.dgst; + var message = JSCompiler_object_inline_digest_2837.msg; + instance = JSCompiler_object_inline_digest_2837.stck; + var componentStack = JSCompiler_object_inline_digest_2837.cstck; } - JSCompiler_object_inline_message_2853 = message; - JSCompiler_object_inline_digest_2854 = JSCompiler_temp; - JSCompiler_object_inline_stack_2855 = instance; - JSCompiler_temp = JSCompiler_object_inline_componentStack_2856 = + JSCompiler_object_inline_message_2836 = message; + JSCompiler_object_inline_digest_2837 = JSCompiler_temp; + JSCompiler_object_inline_stack_2838 = instance; + JSCompiler_temp = JSCompiler_object_inline_componentStack_2839 = componentStack; - JSCompiler_object_inline_componentStack_2856 = - JSCompiler_object_inline_message_2853 - ? Error(JSCompiler_object_inline_message_2853) + JSCompiler_object_inline_componentStack_2839 = + JSCompiler_object_inline_message_2836 + ? Error(JSCompiler_object_inline_message_2836) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." ); - JSCompiler_object_inline_componentStack_2856.stack = - JSCompiler_object_inline_stack_2855 || ""; - JSCompiler_object_inline_componentStack_2856.digest = - JSCompiler_object_inline_digest_2854; - JSCompiler_object_inline_digest_2854 = + JSCompiler_object_inline_componentStack_2839.stack = + JSCompiler_object_inline_stack_2838 || ""; + JSCompiler_object_inline_componentStack_2839.digest = + JSCompiler_object_inline_digest_2837; + JSCompiler_object_inline_digest_2837 = void 0 === JSCompiler_temp ? null : JSCompiler_temp; - JSCompiler_object_inline_stack_2855 = { - value: JSCompiler_object_inline_componentStack_2856, + JSCompiler_object_inline_stack_2838 = { + value: JSCompiler_object_inline_componentStack_2839, source: null, - stack: JSCompiler_object_inline_digest_2854 + stack: JSCompiler_object_inline_digest_2837 }; - "string" === typeof JSCompiler_object_inline_digest_2854 && + "string" === typeof JSCompiler_object_inline_digest_2837 && CapturedStacks.set( - JSCompiler_object_inline_componentStack_2856, - JSCompiler_object_inline_stack_2855 + JSCompiler_object_inline_componentStack_2839, + JSCompiler_object_inline_stack_2838 ); - queueHydrationError(JSCompiler_object_inline_stack_2855); + queueHydrationError(JSCompiler_object_inline_stack_2838); workInProgress = retrySuspenseComponentWithoutHydrating( current, workInProgress, @@ -10148,44 +10148,44 @@ __DEV__ && renderLanes, !1 ), - (JSCompiler_object_inline_digest_2854 = + (JSCompiler_object_inline_digest_2837 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_digest_2854) + didReceiveUpdate || JSCompiler_object_inline_digest_2837) ) { - JSCompiler_object_inline_digest_2854 = workInProgressRoot; + JSCompiler_object_inline_digest_2837 = workInProgressRoot; if ( - null !== JSCompiler_object_inline_digest_2854 && - ((JSCompiler_object_inline_stack_2855 = renderLanes & -renderLanes), - (JSCompiler_object_inline_stack_2855 = - 0 !== (JSCompiler_object_inline_stack_2855 & 42) + null !== JSCompiler_object_inline_digest_2837 && + ((JSCompiler_object_inline_stack_2838 = renderLanes & -renderLanes), + (JSCompiler_object_inline_stack_2838 = + 0 !== (JSCompiler_object_inline_stack_2838 & 42) ? 1 : getBumpedLaneForHydrationByLane( - JSCompiler_object_inline_stack_2855 + JSCompiler_object_inline_stack_2838 )), - (JSCompiler_object_inline_stack_2855 = + (JSCompiler_object_inline_stack_2838 = 0 !== - (JSCompiler_object_inline_stack_2855 & - (JSCompiler_object_inline_digest_2854.suspendedLanes | + (JSCompiler_object_inline_stack_2838 & + (JSCompiler_object_inline_digest_2837.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2855), - 0 !== JSCompiler_object_inline_stack_2855 && - JSCompiler_object_inline_stack_2855 !== prevState.retryLane) + : JSCompiler_object_inline_stack_2838), + 0 !== JSCompiler_object_inline_stack_2838 && + JSCompiler_object_inline_stack_2838 !== prevState.retryLane) ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2855), + ((prevState.retryLane = JSCompiler_object_inline_stack_2838), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2855 + JSCompiler_object_inline_stack_2838 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_digest_2854, + JSCompiler_object_inline_digest_2837, current, - JSCompiler_object_inline_stack_2855 + JSCompiler_object_inline_stack_2838 ), SelectiveHydrationException) ); - JSCompiler_object_inline_message_2853.data === + JSCompiler_object_inline_message_2836.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -10193,14 +10193,14 @@ __DEV__ && renderLanes ); } else - JSCompiler_object_inline_message_2853.data === + JSCompiler_object_inline_message_2836.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 192), (workInProgress.child = current.child), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_message_2853.nextSibling + JSCompiler_object_inline_message_2836.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -10218,57 +10218,57 @@ __DEV__ && (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2855.children + JSCompiler_object_inline_stack_2838.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_componentStack_2856) + if (JSCompiler_object_inline_componentStack_2839) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_componentStack_2856 = - JSCompiler_object_inline_stack_2855.fallback), - (JSCompiler_object_inline_message_2853 = workInProgress.mode), + (JSCompiler_object_inline_componentStack_2839 = + JSCompiler_object_inline_stack_2838.fallback), + (JSCompiler_object_inline_message_2836 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2855 = createWorkInProgress( + (JSCompiler_object_inline_stack_2838 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2855.children + children: JSCompiler_object_inline_stack_2838.children } )), - (JSCompiler_object_inline_stack_2855.subtreeFlags = + (JSCompiler_object_inline_stack_2838.subtreeFlags = JSCompiler_temp.subtreeFlags & 65011712), null !== instance - ? (JSCompiler_object_inline_componentStack_2856 = + ? (JSCompiler_object_inline_componentStack_2839 = createWorkInProgress( instance, - JSCompiler_object_inline_componentStack_2856 + JSCompiler_object_inline_componentStack_2839 )) - : ((JSCompiler_object_inline_componentStack_2856 = + : ((JSCompiler_object_inline_componentStack_2839 = createFiberFromFragment( - JSCompiler_object_inline_componentStack_2856, - JSCompiler_object_inline_message_2853, + JSCompiler_object_inline_componentStack_2839, + JSCompiler_object_inline_message_2836, renderLanes, null )), - (JSCompiler_object_inline_componentStack_2856.flags |= 2)), - (JSCompiler_object_inline_componentStack_2856.return = + (JSCompiler_object_inline_componentStack_2839.flags |= 2)), + (JSCompiler_object_inline_componentStack_2839.return = workInProgress), - (JSCompiler_object_inline_stack_2855.return = workInProgress), - (JSCompiler_object_inline_stack_2855.sibling = - JSCompiler_object_inline_componentStack_2856), - (workInProgress.child = JSCompiler_object_inline_stack_2855), - (JSCompiler_object_inline_stack_2855 = - JSCompiler_object_inline_componentStack_2856), - (JSCompiler_object_inline_componentStack_2856 = workInProgress.child), - (JSCompiler_object_inline_message_2853 = current.child.memoizedState), - null === JSCompiler_object_inline_message_2853 - ? (JSCompiler_object_inline_message_2853 = + (JSCompiler_object_inline_stack_2838.return = workInProgress), + (JSCompiler_object_inline_stack_2838.sibling = + JSCompiler_object_inline_componentStack_2839), + (workInProgress.child = JSCompiler_object_inline_stack_2838), + (JSCompiler_object_inline_stack_2838 = + JSCompiler_object_inline_componentStack_2839), + (JSCompiler_object_inline_componentStack_2839 = workInProgress.child), + (JSCompiler_object_inline_message_2836 = current.child.memoizedState), + null === JSCompiler_object_inline_message_2836 + ? (JSCompiler_object_inline_message_2836 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_message_2853.cachePool), + JSCompiler_object_inline_message_2836.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -10276,34 +10276,34 @@ __DEV__ && ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_message_2853 = { + (JSCompiler_object_inline_message_2836 = { baseLanes: - JSCompiler_object_inline_message_2853.baseLanes | renderLanes, + JSCompiler_object_inline_message_2836.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_componentStack_2856.memoizedState = - JSCompiler_object_inline_message_2853), + (JSCompiler_object_inline_componentStack_2839.memoizedState = + JSCompiler_object_inline_message_2836), enableTransitionTracing && - ((JSCompiler_object_inline_message_2853 = enableTransitionTracing + ((JSCompiler_object_inline_message_2836 = enableTransitionTracing ? transitionStack.current : null), - null !== JSCompiler_object_inline_message_2853 && + null !== JSCompiler_object_inline_message_2836 && ((JSCompiler_temp = enableTransitionTracing ? markerInstanceStack.current : null), (instance = - JSCompiler_object_inline_componentStack_2856.updateQueue), + JSCompiler_object_inline_componentStack_2839.updateQueue), (componentStack = current.updateQueue), null === instance - ? (JSCompiler_object_inline_componentStack_2856.updateQueue = { - transitions: JSCompiler_object_inline_message_2853, + ? (JSCompiler_object_inline_componentStack_2839.updateQueue = { + transitions: JSCompiler_object_inline_message_2836, markerInstances: JSCompiler_temp, retryQueue: null }) : instance === componentStack - ? (JSCompiler_object_inline_componentStack_2856.updateQueue = + ? (JSCompiler_object_inline_componentStack_2839.updateQueue = { - transitions: JSCompiler_object_inline_message_2853, + transitions: JSCompiler_object_inline_message_2836, markerInstances: JSCompiler_temp, retryQueue: null !== componentStack @@ -10311,32 +10311,32 @@ __DEV__ && : null }) : ((instance.transitions = - JSCompiler_object_inline_message_2853), + JSCompiler_object_inline_message_2836), (instance.markerInstances = JSCompiler_temp)))), - (JSCompiler_object_inline_componentStack_2856.childLanes = + (JSCompiler_object_inline_componentStack_2839.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_digest_2854, + JSCompiler_object_inline_digest_2837, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2855 + JSCompiler_object_inline_stack_2838 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2855.children + children: JSCompiler_object_inline_stack_2838.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_digest_2854 = workInProgress.deletions), - null === JSCompiler_object_inline_digest_2854 + ((JSCompiler_object_inline_digest_2837 = workInProgress.deletions), + null === JSCompiler_object_inline_digest_2837 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_digest_2854.push(current)); + : JSCompiler_object_inline_digest_2837.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11751,6 +11751,38 @@ __DEV__ && function markUpdate(workInProgress) { workInProgress.flags |= 4; } + function preloadInstanceAndSuspendIfNeeded( + workInProgress, + type, + oldProps, + newProps, + renderLanes + ) { + var JSCompiler_temp; + if ( + (JSCompiler_temp = + (workInProgress.mode & SuspenseyImagesMode) !== NoMode) + ) + JSCompiler_temp = + null === oldProps + ? maySuspendCommit(type, newProps) + : maySuspendCommit(type, newProps) && + (newProps.src !== oldProps.src || + newProps.srcSet !== oldProps.srcSet); + if (JSCompiler_temp) { + if ( + ((workInProgress.flags |= 16777216), + (renderLanes & 335544128) === renderLanes) + ) + if (workInProgress.stateNode.complete) workInProgress.flags |= 8192; + else if (shouldRemainOnPreviousScreen()) workInProgress.flags |= 8192; + else + throw ( + ((suspendedThenable = noopSuspenseyCommitThenable), + SuspenseyCommitException) + ); + } else workInProgress.flags &= -16777217; + } function preloadResourceAndSuspendIfNeeded(workInProgress, resource) { if ( "stylesheet" !== resource.type || @@ -11914,38 +11946,49 @@ __DEV__ && (workInProgress.flags |= 2048); return null; case 26: - return ( - (renderLanes = workInProgress.memoizedState), - null === current - ? (markUpdate(workInProgress), - null !== renderLanes - ? (bubbleProperties(workInProgress), - preloadResourceAndSuspendIfNeeded( - workInProgress, - renderLanes - )) - : (bubbleProperties(workInProgress), - (workInProgress.flags &= -16777217))) - : renderLanes - ? renderLanes !== current.memoizedState - ? (markUpdate(workInProgress), - bubbleProperties(workInProgress), - preloadResourceAndSuspendIfNeeded( - workInProgress, - renderLanes - )) - : (bubbleProperties(workInProgress), - (workInProgress.flags &= -16777217)) - : (current.memoizedProps !== newProps && - markUpdate(workInProgress), + var type = workInProgress.type, + nextResource = workInProgress.memoizedState; + null === current + ? (markUpdate(workInProgress), + null !== nextResource + ? (bubbleProperties(workInProgress), + preloadResourceAndSuspendIfNeeded( + workInProgress, + nextResource + )) + : (bubbleProperties(workInProgress), + preloadInstanceAndSuspendIfNeeded( + workInProgress, + type, + null, + newProps, + renderLanes + ))) + : nextResource + ? nextResource !== current.memoizedState + ? (markUpdate(workInProgress), bubbleProperties(workInProgress), - (workInProgress.flags &= -16777217)), - null - ); + preloadResourceAndSuspendIfNeeded( + workInProgress, + nextResource + )) + : (bubbleProperties(workInProgress), + (workInProgress.flags &= -16777217)) + : ((current = current.memoizedProps), + current !== newProps && markUpdate(workInProgress), + bubbleProperties(workInProgress), + preloadInstanceAndSuspendIfNeeded( + workInProgress, + type, + current, + newProps, + renderLanes + )); + return null; case 27: popHostContext(workInProgress); renderLanes = requiredContext(rootInstanceStackCursor.current); - var _type = workInProgress.type; + type = workInProgress.type; if (null !== current && null != workInProgress.stateNode) current.memoizedProps !== newProps && markUpdate(workInProgress); else { @@ -11963,7 +12006,7 @@ __DEV__ && popHydrationState(workInProgress) ? prepareToHydrateHostInstance(workInProgress, current) : ((current = resolveSingletonInstance( - _type, + type, newProps, renderLanes, current, @@ -11977,7 +12020,7 @@ __DEV__ && return null; case 5: popHostContext(workInProgress); - renderLanes = workInProgress.type; + type = workInProgress.type; if (null !== current && null != workInProgress.stateNode) current.memoizedProps !== newProps && markUpdate(workInProgress); else { @@ -11991,130 +12034,149 @@ __DEV__ && (workInProgress.subtreeFlags &= -33554433); return null; } - _type = getHostContext(); + var _currentHostContext = getHostContext(); if (popHydrationState(workInProgress)) - prepareToHydrateHostInstance(workInProgress, _type); + prepareToHydrateHostInstance(workInProgress, _currentHostContext); else { - current = requiredContext(rootInstanceStackCursor.current); - validateDOMNesting(renderLanes, _type.ancestorInfo); - _type = _type.context; - current = getOwnerDocumentFromRootContainer(current); - switch (_type) { + nextResource = requiredContext(rootInstanceStackCursor.current); + validateDOMNesting(type, _currentHostContext.ancestorInfo); + _currentHostContext = _currentHostContext.context; + nextResource = getOwnerDocumentFromRootContainer(nextResource); + switch (_currentHostContext) { case HostContextNamespaceSvg: - current = current.createElementNS(SVG_NAMESPACE, renderLanes); + nextResource = nextResource.createElementNS( + SVG_NAMESPACE, + type + ); break; case HostContextNamespaceMath: - current = current.createElementNS( + nextResource = nextResource.createElementNS( MATH_NAMESPACE, - renderLanes + type ); break; default: - switch (renderLanes) { + switch (type) { case "svg": - current = current.createElementNS( + nextResource = nextResource.createElementNS( SVG_NAMESPACE, - renderLanes + type ); break; case "math": - current = current.createElementNS( + nextResource = nextResource.createElementNS( MATH_NAMESPACE, - renderLanes + type ); break; case "script": - current = current.createElement("div"); + nextResource = nextResource.createElement("div"); enableTrustedTypesIntegration && !didWarnScriptTags && (console.error( "Encountered a script tag while rendering React component. Scripts inside React components are never executed when rendering on the client. Consider using template tag instead (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)." ), (didWarnScriptTags = !0)); - current.innerHTML = "