react-dom 19.2.0-canary-d85f86cf-20250514 → 19.2.0-canary-4448b187-20250515
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/react-dom-client.development.js +5 -5
- package/cjs/react-dom-client.production.js +5 -5
- package/cjs/react-dom-profiling.development.js +5 -5
- package/cjs/react-dom-profiling.profiling.js +5 -5
- package/cjs/react-dom-server-legacy.browser.development.js +134 -91
- package/cjs/react-dom-server-legacy.browser.production.js +179 -128
- package/cjs/react-dom-server-legacy.node.development.js +134 -91
- package/cjs/react-dom-server-legacy.node.production.js +179 -128
- package/cjs/react-dom-server.browser.development.js +137 -93
- package/cjs/react-dom-server.browser.production.js +164 -110
- package/cjs/react-dom-server.bun.development.js +134 -100
- package/cjs/react-dom-server.bun.production.js +167 -113
- package/cjs/react-dom-server.edge.development.js +137 -93
- package/cjs/react-dom-server.edge.production.js +164 -110
- package/cjs/react-dom-server.node.development.js +137 -93
- package/cjs/react-dom-server.node.production.js +164 -110
- package/cjs/react-dom.development.js +1 -1
- package/cjs/react-dom.production.js +1 -1
- package/cjs/react-dom.react-server.development.js +1 -1
- package/cjs/react-dom.react-server.production.js +1 -1
- package/package.json +3 -3
@@ -623,11 +623,17 @@ function createResumableState(
|
|
623
623
|
function createPreambleState() {
|
624
624
|
return { htmlChunks: null, headChunks: null, bodyChunks: null };
|
625
625
|
}
|
626
|
-
function createFormatContext(
|
626
|
+
function createFormatContext(
|
627
|
+
insertionMode,
|
628
|
+
selectedValue,
|
629
|
+
tagScope,
|
630
|
+
viewTransition
|
631
|
+
) {
|
627
632
|
return {
|
628
633
|
insertionMode: insertionMode,
|
629
634
|
selectedValue: selectedValue,
|
630
|
-
tagScope: tagScope
|
635
|
+
tagScope: tagScope,
|
636
|
+
viewTransition: viewTransition
|
631
637
|
};
|
632
638
|
}
|
633
639
|
function createRootFormatContext(namespaceURI) {
|
@@ -638,48 +644,87 @@ function createRootFormatContext(namespaceURI) {
|
|
638
644
|
? 5
|
639
645
|
: 0,
|
640
646
|
null,
|
641
|
-
0
|
647
|
+
0,
|
648
|
+
null
|
642
649
|
);
|
643
650
|
}
|
644
651
|
function getChildFormatContext(parentContext, type, props) {
|
652
|
+
var subtreeScope = parentContext.tagScope & -25;
|
645
653
|
switch (type) {
|
646
654
|
case "noscript":
|
647
|
-
return createFormatContext(2, null,
|
655
|
+
return createFormatContext(2, null, subtreeScope | 1, null);
|
648
656
|
case "select":
|
649
657
|
return createFormatContext(
|
650
658
|
2,
|
651
659
|
null != props.value ? props.value : props.defaultValue,
|
652
|
-
|
660
|
+
subtreeScope,
|
661
|
+
null
|
653
662
|
);
|
654
663
|
case "svg":
|
655
|
-
return createFormatContext(4, null,
|
664
|
+
return createFormatContext(4, null, subtreeScope, null);
|
656
665
|
case "picture":
|
657
|
-
return createFormatContext(2, null,
|
666
|
+
return createFormatContext(2, null, subtreeScope | 2, null);
|
658
667
|
case "math":
|
659
|
-
return createFormatContext(5, null,
|
668
|
+
return createFormatContext(5, null, subtreeScope, null);
|
660
669
|
case "foreignObject":
|
661
|
-
return createFormatContext(2, null,
|
670
|
+
return createFormatContext(2, null, subtreeScope, null);
|
662
671
|
case "table":
|
663
|
-
return createFormatContext(6, null,
|
672
|
+
return createFormatContext(6, null, subtreeScope, null);
|
664
673
|
case "thead":
|
665
674
|
case "tbody":
|
666
675
|
case "tfoot":
|
667
|
-
return createFormatContext(7, null,
|
676
|
+
return createFormatContext(7, null, subtreeScope, null);
|
668
677
|
case "colgroup":
|
669
|
-
return createFormatContext(9, null,
|
678
|
+
return createFormatContext(9, null, subtreeScope, null);
|
670
679
|
case "tr":
|
671
|
-
return createFormatContext(8, null,
|
680
|
+
return createFormatContext(8, null, subtreeScope, null);
|
672
681
|
case "head":
|
673
682
|
if (2 > parentContext.insertionMode)
|
674
|
-
return createFormatContext(3, null,
|
683
|
+
return createFormatContext(3, null, subtreeScope, null);
|
675
684
|
break;
|
676
685
|
case "html":
|
677
686
|
if (0 === parentContext.insertionMode)
|
678
|
-
return createFormatContext(1, null,
|
687
|
+
return createFormatContext(1, null, subtreeScope, null);
|
679
688
|
}
|
680
689
|
return 6 <= parentContext.insertionMode || 2 > parentContext.insertionMode
|
681
|
-
? createFormatContext(2, null,
|
682
|
-
: parentContext
|
690
|
+
? createFormatContext(2, null, subtreeScope, null)
|
691
|
+
: parentContext.tagScope !== subtreeScope
|
692
|
+
? createFormatContext(
|
693
|
+
parentContext.insertionMode,
|
694
|
+
parentContext.selectedValue,
|
695
|
+
subtreeScope,
|
696
|
+
null
|
697
|
+
)
|
698
|
+
: parentContext;
|
699
|
+
}
|
700
|
+
function getSuspenseViewTransition(parentViewTransition) {
|
701
|
+
return null === parentViewTransition
|
702
|
+
? null
|
703
|
+
: {
|
704
|
+
update: parentViewTransition.update,
|
705
|
+
enter: null,
|
706
|
+
exit: null,
|
707
|
+
share: parentViewTransition.update,
|
708
|
+
name: parentViewTransition.autoName,
|
709
|
+
autoName: parentViewTransition.autoName,
|
710
|
+
nameIdx: 0
|
711
|
+
};
|
712
|
+
}
|
713
|
+
function getSuspenseFallbackFormatContext(parentContext) {
|
714
|
+
return createFormatContext(
|
715
|
+
parentContext.insertionMode,
|
716
|
+
parentContext.selectedValue,
|
717
|
+
parentContext.tagScope | 12,
|
718
|
+
getSuspenseViewTransition(parentContext.viewTransition)
|
719
|
+
);
|
720
|
+
}
|
721
|
+
function getSuspenseContentFormatContext(parentContext) {
|
722
|
+
return createFormatContext(
|
723
|
+
parentContext.insertionMode,
|
724
|
+
parentContext.selectedValue,
|
725
|
+
parentContext.tagScope | 16,
|
726
|
+
getSuspenseViewTransition(parentContext.viewTransition)
|
727
|
+
);
|
683
728
|
}
|
684
729
|
var textSeparator = stringToPrecomputedChunk("\x3c!-- --\x3e");
|
685
730
|
function pushTextInstance(target, text, renderState, textEmbedded) {
|
@@ -1276,8 +1321,7 @@ function pushStartInstance(
|
|
1276
1321
|
preambleState,
|
1277
1322
|
hoistableState,
|
1278
1323
|
formatContext,
|
1279
|
-
textEmbedded
|
1280
|
-
isFallback
|
1324
|
+
textEmbedded
|
1281
1325
|
) {
|
1282
1326
|
switch (type) {
|
1283
1327
|
case "div":
|
@@ -1751,9 +1795,11 @@ function pushStartInstance(
|
|
1751
1795
|
} else JSCompiler_inline_result$jscomp$2 = children$jscomp$5;
|
1752
1796
|
return JSCompiler_inline_result$jscomp$2;
|
1753
1797
|
case "title":
|
1798
|
+
var noscriptTagInScope = formatContext.tagScope & 1,
|
1799
|
+
isFallback = formatContext.tagScope & 4;
|
1754
1800
|
if (
|
1755
1801
|
4 === formatContext.insertionMode ||
|
1756
|
-
|
1802
|
+
noscriptTagInScope ||
|
1757
1803
|
null != props.itemProp
|
1758
1804
|
)
|
1759
1805
|
var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
|
@@ -1767,12 +1813,14 @@ function pushStartInstance(
|
|
1767
1813
|
(JSCompiler_inline_result$jscomp$3 = void 0));
|
1768
1814
|
return JSCompiler_inline_result$jscomp$3;
|
1769
1815
|
case "link":
|
1770
|
-
var
|
1816
|
+
var noscriptTagInScope$jscomp$0 = formatContext.tagScope & 1,
|
1817
|
+
isFallback$jscomp$0 = formatContext.tagScope & 4,
|
1818
|
+
rel = props.rel,
|
1771
1819
|
href = props.href,
|
1772
1820
|
precedence = props.precedence;
|
1773
1821
|
if (
|
1774
1822
|
4 === formatContext.insertionMode ||
|
1775
|
-
|
1823
|
+
noscriptTagInScope$jscomp$0 ||
|
1776
1824
|
null != props.itemProp ||
|
1777
1825
|
"string" !== typeof rel ||
|
1778
1826
|
"string" !== typeof href ||
|
@@ -1839,12 +1887,13 @@ function pushStartInstance(
|
|
1839
1887
|
props
|
1840
1888
|
))
|
1841
1889
|
: (textEmbedded && target$jscomp$0.push(textSeparator),
|
1842
|
-
(JSCompiler_inline_result$jscomp$4 = isFallback
|
1890
|
+
(JSCompiler_inline_result$jscomp$4 = isFallback$jscomp$0
|
1843
1891
|
? null
|
1844
1892
|
: pushLinkImpl(renderState.hoistableChunks, props)));
|
1845
1893
|
return JSCompiler_inline_result$jscomp$4;
|
1846
1894
|
case "script":
|
1847
|
-
var
|
1895
|
+
var noscriptTagInScope$jscomp$1 = formatContext.tagScope & 1,
|
1896
|
+
asyncProp = props.async;
|
1848
1897
|
if (
|
1849
1898
|
"string" !== typeof props.src ||
|
1850
1899
|
!props.src ||
|
@@ -1854,7 +1903,7 @@ function pushStartInstance(
|
|
1854
1903
|
props.onLoad ||
|
1855
1904
|
props.onError ||
|
1856
1905
|
4 === formatContext.insertionMode ||
|
1857
|
-
|
1906
|
+
noscriptTagInScope$jscomp$1 ||
|
1858
1907
|
null != props.itemProp
|
1859
1908
|
)
|
1860
1909
|
var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
|
@@ -1891,11 +1940,12 @@ function pushStartInstance(
|
|
1891
1940
|
}
|
1892
1941
|
return JSCompiler_inline_result$jscomp$5;
|
1893
1942
|
case "style":
|
1894
|
-
var
|
1943
|
+
var noscriptTagInScope$jscomp$2 = formatContext.tagScope & 1,
|
1944
|
+
precedence$jscomp$0 = props.precedence,
|
1895
1945
|
href$jscomp$0 = props.href;
|
1896
1946
|
if (
|
1897
1947
|
4 === formatContext.insertionMode ||
|
1898
|
-
|
1948
|
+
noscriptTagInScope$jscomp$2 ||
|
1899
1949
|
null != props.itemProp ||
|
1900
1950
|
"string" !== typeof precedence$jscomp$0 ||
|
1901
1951
|
"string" !== typeof href$jscomp$0 ||
|
@@ -2002,9 +2052,11 @@ function pushStartInstance(
|
|
2002
2052
|
}
|
2003
2053
|
return JSCompiler_inline_result$jscomp$6;
|
2004
2054
|
case "meta":
|
2055
|
+
var noscriptTagInScope$jscomp$3 = formatContext.tagScope & 1,
|
2056
|
+
isFallback$jscomp$1 = formatContext.tagScope & 4;
|
2005
2057
|
if (
|
2006
2058
|
4 === formatContext.insertionMode ||
|
2007
|
-
|
2059
|
+
noscriptTagInScope$jscomp$3 ||
|
2008
2060
|
null != props.itemProp
|
2009
2061
|
)
|
2010
2062
|
var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
|
@@ -2014,7 +2066,7 @@ function pushStartInstance(
|
|
2014
2066
|
);
|
2015
2067
|
else
|
2016
2068
|
textEmbedded && target$jscomp$0.push(textSeparator),
|
2017
|
-
(JSCompiler_inline_result$jscomp$7 = isFallback
|
2069
|
+
(JSCompiler_inline_result$jscomp$7 = isFallback$jscomp$1
|
2018
2070
|
? null
|
2019
2071
|
: "string" === typeof props.charSet
|
2020
2072
|
? pushSelfClosing(renderState.charsetChunks, props, "meta")
|
@@ -2067,17 +2119,18 @@ function pushStartInstance(
|
|
2067
2119
|
target$jscomp$0.push(leadingNewline);
|
2068
2120
|
return children$jscomp$8;
|
2069
2121
|
case "img":
|
2070
|
-
var
|
2122
|
+
var pictureOrNoScriptTagInScope = formatContext.tagScope & 3,
|
2123
|
+
src = props.src,
|
2071
2124
|
srcSet = props.srcSet;
|
2072
2125
|
if (
|
2073
2126
|
!(
|
2074
2127
|
"lazy" === props.loading ||
|
2075
2128
|
(!src && !srcSet) ||
|
2076
2129
|
("string" !== typeof src && null != src) ||
|
2077
|
-
("string" !== typeof srcSet && null != srcSet)
|
2130
|
+
("string" !== typeof srcSet && null != srcSet) ||
|
2131
|
+
"low" === props.fetchPriority ||
|
2132
|
+
pictureOrNoScriptTagInScope
|
2078
2133
|
) &&
|
2079
|
-
"low" !== props.fetchPriority &&
|
2080
|
-
!1 === !!(formatContext.tagScope & 3) &&
|
2081
2134
|
("string" !== typeof src ||
|
2082
2135
|
":" !== src[4] ||
|
2083
2136
|
("d" !== src[0] && "D" !== src[0]) ||
|
@@ -4020,8 +4073,7 @@ function createRequest(
|
|
4020
4073
|
rootFormatContext,
|
4021
4074
|
null,
|
4022
4075
|
emptyTreeContext,
|
4023
|
-
null
|
4024
|
-
!1
|
4076
|
+
null
|
4025
4077
|
);
|
4026
4078
|
pushComponentStack(children);
|
4027
4079
|
resumableState.pingedTasks.push(children);
|
@@ -4111,8 +4163,7 @@ function createRenderTask(
|
|
4111
4163
|
formatContext,
|
4112
4164
|
context,
|
4113
4165
|
treeContext,
|
4114
|
-
componentStack
|
4115
|
-
isFallback
|
4166
|
+
componentStack
|
4116
4167
|
) {
|
4117
4168
|
request.allPendingTasks++;
|
4118
4169
|
null === blockedBoundary
|
@@ -4135,8 +4186,7 @@ function createRenderTask(
|
|
4135
4186
|
context: context,
|
4136
4187
|
treeContext: treeContext,
|
4137
4188
|
componentStack: componentStack,
|
4138
|
-
thenableState: thenableState
|
4139
|
-
isFallback: isFallback
|
4189
|
+
thenableState: thenableState
|
4140
4190
|
};
|
4141
4191
|
abortSet.add(task);
|
4142
4192
|
return task;
|
@@ -4154,8 +4204,7 @@ function createReplayTask(
|
|
4154
4204
|
formatContext,
|
4155
4205
|
context,
|
4156
4206
|
treeContext,
|
4157
|
-
componentStack
|
4158
|
-
isFallback
|
4207
|
+
componentStack
|
4159
4208
|
) {
|
4160
4209
|
request.allPendingTasks++;
|
4161
4210
|
null === blockedBoundary
|
@@ -4179,8 +4228,7 @@ function createReplayTask(
|
|
4179
4228
|
context: context,
|
4180
4229
|
treeContext: treeContext,
|
4181
4230
|
componentStack: componentStack,
|
4182
|
-
thenableState: thenableState
|
4183
|
-
isFallback: isFallback
|
4231
|
+
thenableState: thenableState
|
4184
4232
|
};
|
4185
4233
|
abortSet.add(task);
|
4186
4234
|
return task;
|
@@ -4323,9 +4371,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4323
4371
|
var defaultProps = type.defaultProps;
|
4324
4372
|
if (defaultProps) {
|
4325
4373
|
newProps === props && (newProps = assign({}, newProps, props));
|
4326
|
-
for (var propName$
|
4327
|
-
void 0 === newProps[propName$
|
4328
|
-
(newProps[propName$
|
4374
|
+
for (var propName$34 in defaultProps)
|
4375
|
+
void 0 === newProps[propName$34] &&
|
4376
|
+
(newProps[propName$34] = defaultProps[propName$34]);
|
4329
4377
|
}
|
4330
4378
|
props = newProps;
|
4331
4379
|
newProps = emptyContextObject;
|
@@ -4385,16 +4433,16 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4385
4433
|
defaultProps = ref ? type[0] : newProps.state;
|
4386
4434
|
initialState = !0;
|
4387
4435
|
for (ref = ref ? 1 : 0; ref < type.length; ref++)
|
4388
|
-
(propName$
|
4389
|
-
(propName$
|
4390
|
-
"function" === typeof propName$
|
4391
|
-
? propName$
|
4392
|
-
: propName$
|
4393
|
-
null != propName$
|
4436
|
+
(propName$34 = type[ref]),
|
4437
|
+
(propName$34 =
|
4438
|
+
"function" === typeof propName$34
|
4439
|
+
? propName$34.call(newProps, defaultProps, props, void 0)
|
4440
|
+
: propName$34),
|
4441
|
+
null != propName$34 &&
|
4394
4442
|
(initialState
|
4395
4443
|
? ((initialState = !1),
|
4396
|
-
(defaultProps = assign({}, defaultProps, propName$
|
4397
|
-
: assign(defaultProps, propName$
|
4444
|
+
(defaultProps = assign({}, defaultProps, propName$34)))
|
4445
|
+
: assign(defaultProps, propName$34));
|
4398
4446
|
newProps.state = defaultProps;
|
4399
4447
|
}
|
4400
4448
|
else defaultProps.queue = null;
|
@@ -4437,8 +4485,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4437
4485
|
task.blockedPreamble,
|
4438
4486
|
task.hoistableState,
|
4439
4487
|
task.formatContext,
|
4440
|
-
newProps.lastPushedText
|
4441
|
-
task.isFallback
|
4488
|
+
newProps.lastPushedText
|
4442
4489
|
);
|
4443
4490
|
newProps.lastPushedText = !1;
|
4444
4491
|
defaultProps = task.formatContext;
|
@@ -4470,8 +4517,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4470
4517
|
task.formatContext,
|
4471
4518
|
task.context,
|
4472
4519
|
task.treeContext,
|
4473
|
-
task.componentStack
|
4474
|
-
task.isFallback
|
4520
|
+
task.componentStack
|
4475
4521
|
)),
|
4476
4522
|
pushComponentStack(keyPath),
|
4477
4523
|
request.pingedTasks.push(keyPath))
|
@@ -4561,20 +4607,23 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4561
4607
|
case REACT_SUSPENSE_TYPE:
|
4562
4608
|
a: if (null !== task.replay) {
|
4563
4609
|
type = task.keyPath;
|
4610
|
+
newProps = task.formatContext;
|
4564
4611
|
task.keyPath = keyPath;
|
4612
|
+
task.formatContext = getSuspenseContentFormatContext(newProps);
|
4565
4613
|
keyPath = props.children;
|
4566
4614
|
try {
|
4567
4615
|
renderNode(request, task, keyPath, -1);
|
4568
4616
|
} finally {
|
4569
|
-
task.keyPath = type;
|
4617
|
+
(task.keyPath = type), (task.formatContext = newProps);
|
4570
4618
|
}
|
4571
4619
|
} else {
|
4572
4620
|
type = task.keyPath;
|
4573
|
-
ref = task.
|
4574
|
-
propName$
|
4575
|
-
|
4576
|
-
|
4577
|
-
|
4621
|
+
ref = task.formatContext;
|
4622
|
+
propName$34 = task.blockedBoundary;
|
4623
|
+
propName = task.blockedPreamble;
|
4624
|
+
var parentHoistableState = task.hoistableState,
|
4625
|
+
parentSegment = task.blockedSegment,
|
4626
|
+
fallback = props.fallback;
|
4578
4627
|
props = props.children;
|
4579
4628
|
var fallbackAbortSet = new Set();
|
4580
4629
|
var newBoundary =
|
@@ -4590,14 +4639,14 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4590
4639
|
(newBoundary.trackedContentKeyPath = keyPath);
|
4591
4640
|
var boundarySegment = createPendingSegment(
|
4592
4641
|
request,
|
4593
|
-
|
4642
|
+
parentSegment.chunks.length,
|
4594
4643
|
newBoundary,
|
4595
4644
|
task.formatContext,
|
4596
4645
|
!1,
|
4597
4646
|
!1
|
4598
4647
|
);
|
4599
|
-
|
4600
|
-
|
4648
|
+
parentSegment.children.push(boundarySegment);
|
4649
|
+
parentSegment.lastPushedText = !1;
|
4601
4650
|
var contentRootSegment = createPendingSegment(
|
4602
4651
|
request,
|
4603
4652
|
0,
|
@@ -4615,6 +4664,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4615
4664
|
task.blockedSegment = boundarySegment;
|
4616
4665
|
task.blockedPreamble = newBoundary.fallbackPreamble;
|
4617
4666
|
task.keyPath = newProps;
|
4667
|
+
task.formatContext = getSuspenseFallbackFormatContext(ref);
|
4618
4668
|
boundarySegment.status = 6;
|
4619
4669
|
try {
|
4620
4670
|
renderNode(request, task, fallback, -1),
|
@@ -4622,16 +4672,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4622
4672
|
boundarySegment.textEmbedded &&
|
4623
4673
|
boundarySegment.chunks.push(textSeparator),
|
4624
4674
|
(boundarySegment.status = 1),
|
4625
|
-
finishedSegment(request,
|
4675
|
+
finishedSegment(request, propName$34, boundarySegment);
|
4626
4676
|
} catch (thrownValue) {
|
4627
4677
|
throw (
|
4628
4678
|
((boundarySegment.status = 12 === request.status ? 3 : 4),
|
4629
4679
|
thrownValue)
|
4630
4680
|
);
|
4631
4681
|
} finally {
|
4632
|
-
(task.blockedSegment =
|
4633
|
-
(task.blockedPreamble = propName
|
4634
|
-
(task.keyPath = type)
|
4682
|
+
(task.blockedSegment = parentSegment),
|
4683
|
+
(task.blockedPreamble = propName),
|
4684
|
+
(task.keyPath = type),
|
4685
|
+
(task.formatContext = ref);
|
4635
4686
|
}
|
4636
4687
|
task = createRenderTask(
|
4637
4688
|
request,
|
@@ -4644,11 +4695,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4644
4695
|
newBoundary.contentState,
|
4645
4696
|
task.abortSet,
|
4646
4697
|
keyPath,
|
4647
|
-
task.formatContext,
|
4698
|
+
getSuspenseContentFormatContext(task.formatContext),
|
4648
4699
|
task.context,
|
4649
4700
|
task.treeContext,
|
4650
|
-
task.componentStack
|
4651
|
-
task.isFallback
|
4701
|
+
task.componentStack
|
4652
4702
|
);
|
4653
4703
|
pushComponentStack(task);
|
4654
4704
|
request.pingedTasks.push(task);
|
@@ -4658,6 +4708,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4658
4708
|
task.hoistableState = newBoundary.contentState;
|
4659
4709
|
task.blockedSegment = contentRootSegment;
|
4660
4710
|
task.keyPath = keyPath;
|
4711
|
+
task.formatContext = getSuspenseContentFormatContext(ref);
|
4661
4712
|
contentRootSegment.status = 6;
|
4662
4713
|
try {
|
4663
4714
|
if (
|
@@ -4677,13 +4728,13 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4677
4728
|
preparePreamble(request);
|
4678
4729
|
break a;
|
4679
4730
|
}
|
4680
|
-
} catch (thrownValue$
|
4731
|
+
} catch (thrownValue$29) {
|
4681
4732
|
(newBoundary.status = 4),
|
4682
4733
|
12 === request.status
|
4683
4734
|
? ((contentRootSegment.status = 3),
|
4684
4735
|
(newProps = request.fatalError))
|
4685
4736
|
: ((contentRootSegment.status = 4),
|
4686
|
-
(newProps = thrownValue$
|
4737
|
+
(newProps = thrownValue$29)),
|
4687
4738
|
(defaultProps = getThrownInfo(task.componentStack)),
|
4688
4739
|
(initialState = logRecoverableError(
|
4689
4740
|
request,
|
@@ -4693,28 +4744,28 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4693
4744
|
(newBoundary.errorDigest = initialState),
|
4694
4745
|
untrackBoundary(request, newBoundary);
|
4695
4746
|
} finally {
|
4696
|
-
(task.blockedBoundary =
|
4697
|
-
(task.blockedPreamble = propName
|
4747
|
+
(task.blockedBoundary = propName$34),
|
4748
|
+
(task.blockedPreamble = propName),
|
4698
4749
|
(task.hoistableState = parentHoistableState),
|
4699
|
-
(task.blockedSegment =
|
4700
|
-
(task.keyPath = type)
|
4750
|
+
(task.blockedSegment = parentSegment),
|
4751
|
+
(task.keyPath = type),
|
4752
|
+
(task.formatContext = ref);
|
4701
4753
|
}
|
4702
4754
|
task = createRenderTask(
|
4703
4755
|
request,
|
4704
4756
|
null,
|
4705
4757
|
fallback,
|
4706
4758
|
-1,
|
4707
|
-
|
4759
|
+
propName$34,
|
4708
4760
|
boundarySegment,
|
4709
4761
|
newBoundary.fallbackPreamble,
|
4710
4762
|
newBoundary.fallbackState,
|
4711
4763
|
fallbackAbortSet,
|
4712
4764
|
[keyPath[0], "Suspense Fallback", keyPath[2]],
|
4713
|
-
task.formatContext,
|
4765
|
+
getSuspenseFallbackFormatContext(task.formatContext),
|
4714
4766
|
task.context,
|
4715
4767
|
task.treeContext,
|
4716
|
-
task.componentStack
|
4717
|
-
!0
|
4768
|
+
task.componentStack
|
4718
4769
|
);
|
4719
4770
|
pushComponentStack(task);
|
4720
4771
|
request.pingedTasks.push(task);
|
@@ -4726,8 +4777,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4726
4777
|
switch (type.$$typeof) {
|
4727
4778
|
case REACT_FORWARD_REF_TYPE:
|
4728
4779
|
if ("ref" in props)
|
4729
|
-
for (
|
4730
|
-
"ref" !==
|
4780
|
+
for (parentSegment in ((newProps = {}), props))
|
4781
|
+
"ref" !== parentSegment &&
|
4782
|
+
(newProps[parentSegment] = props[parentSegment]);
|
4731
4783
|
else newProps = props;
|
4732
4784
|
type = renderWithHooks(
|
4733
4785
|
request,
|
@@ -4890,12 +4942,13 @@ function retryNode(request, task) {
|
|
4890
4942
|
);
|
4891
4943
|
task.replay.pendingTasks--;
|
4892
4944
|
props = getThrownInfo(task.componentStack);
|
4893
|
-
key =
|
4945
|
+
key = request;
|
4946
|
+
request = task.blockedBoundary;
|
4894
4947
|
type = x;
|
4895
|
-
props = logRecoverableError(
|
4948
|
+
props = logRecoverableError(key, type, props);
|
4896
4949
|
abortRemainingReplayNodes(
|
4897
|
-
request,
|
4898
4950
|
key,
|
4951
|
+
request,
|
4899
4952
|
childNodes,
|
4900
4953
|
name,
|
4901
4954
|
type,
|
@@ -4922,6 +4975,7 @@ function retryNode(request, task) {
|
|
4922
4975
|
node$jscomp$0 =
|
4923
4976
|
null === node$jscomp$0[4] ? null : node$jscomp$0[4][3];
|
4924
4977
|
var prevKeyPath = task.keyPath,
|
4978
|
+
prevContext = task.formatContext,
|
4925
4979
|
previousReplaySet = task.replay,
|
4926
4980
|
parentBoundary = task.blockedBoundary,
|
4927
4981
|
parentHoistableState = task.hoistableState,
|
@@ -4947,6 +5001,8 @@ function retryNode(request, task) {
|
|
4947
5001
|
task.blockedBoundary = props;
|
4948
5002
|
task.hoistableState = props.contentState;
|
4949
5003
|
task.keyPath = key;
|
5004
|
+
task.formatContext =
|
5005
|
+
getSuspenseContentFormatContext(prevContext);
|
4950
5006
|
task.replay = {
|
4951
5007
|
nodes: ref,
|
4952
5008
|
slots: name,
|
@@ -4980,7 +5036,8 @@ function retryNode(request, task) {
|
|
4980
5036
|
(task.blockedBoundary = parentBoundary),
|
4981
5037
|
(task.hoistableState = parentHoistableState),
|
4982
5038
|
(task.replay = previousReplaySet),
|
4983
|
-
(task.keyPath = prevKeyPath)
|
5039
|
+
(task.keyPath = prevKeyPath),
|
5040
|
+
(task.formatContext = prevContext);
|
4984
5041
|
}
|
4985
5042
|
task = createReplayTask(
|
4986
5043
|
request,
|
@@ -4996,11 +5053,10 @@ function retryNode(request, task) {
|
|
4996
5053
|
props.fallbackState,
|
4997
5054
|
fallbackAbortSet,
|
4998
5055
|
[key[0], "Suspense Fallback", key[2]],
|
4999
|
-
task.formatContext,
|
5056
|
+
getSuspenseFallbackFormatContext(task.formatContext),
|
5000
5057
|
task.context,
|
5001
5058
|
task.treeContext,
|
5002
|
-
task.componentStack
|
5003
|
-
!0
|
5059
|
+
task.componentStack
|
5004
5060
|
);
|
5005
5061
|
pushComponentStack(task);
|
5006
5062
|
request.pingedTasks.push(task);
|
@@ -5183,8 +5239,7 @@ function spawnNewSuspendedReplayTask(request, task, thenableState) {
|
|
5183
5239
|
task.formatContext,
|
5184
5240
|
task.context,
|
5185
5241
|
task.treeContext,
|
5186
|
-
task.componentStack
|
5187
|
-
task.isFallback
|
5242
|
+
task.componentStack
|
5188
5243
|
);
|
5189
5244
|
}
|
5190
5245
|
function spawnNewSuspendedRenderTask(request, task, thenableState) {
|
@@ -5213,8 +5268,7 @@ function spawnNewSuspendedRenderTask(request, task, thenableState) {
|
|
5213
5268
|
task.formatContext,
|
5214
5269
|
task.context,
|
5215
5270
|
task.treeContext,
|
5216
|
-
task.componentStack
|
5217
|
-
task.isFallback
|
5271
|
+
task.componentStack
|
5218
5272
|
);
|
5219
5273
|
}
|
5220
5274
|
function renderNode(request, task, node, childIndex) {
|
@@ -5267,15 +5321,15 @@ function renderNode(request, task, node, childIndex) {
|
|
5267
5321
|
chunkLength = segment.chunks.length;
|
5268
5322
|
try {
|
5269
5323
|
return renderNodeDestructive(request, task, node, childIndex);
|
5270
|
-
} catch (thrownValue$
|
5324
|
+
} catch (thrownValue$51) {
|
5271
5325
|
if (
|
5272
5326
|
(resetHooksState(),
|
5273
5327
|
(segment.children.length = childrenLength),
|
5274
5328
|
(segment.chunks.length = chunkLength),
|
5275
5329
|
(node =
|
5276
|
-
thrownValue$
|
5330
|
+
thrownValue$51 === SuspenseException
|
5277
5331
|
? getSuspendedThenable()
|
5278
|
-
: thrownValue$
|
5332
|
+
: thrownValue$51),
|
5279
5333
|
"object" === typeof node && null !== node)
|
5280
5334
|
) {
|
5281
5335
|
if ("function" === typeof node.then) {
|
@@ -6202,12 +6256,12 @@ function flushCompletedQueues(request, destination) {
|
|
6202
6256
|
writtenBytes = 0;
|
6203
6257
|
var partialBoundaries = request.partialBoundaries;
|
6204
6258
|
for (i = 0; i < partialBoundaries.length; i++) {
|
6205
|
-
var boundary$
|
6259
|
+
var boundary$54 = partialBoundaries[i];
|
6206
6260
|
a: {
|
6207
6261
|
clientRenderedBoundaries = request;
|
6208
6262
|
boundary = destination;
|
6209
|
-
flushedByteSize = boundary$
|
6210
|
-
var completedSegments = boundary$
|
6263
|
+
flushedByteSize = boundary$54.byteSize;
|
6264
|
+
var completedSegments = boundary$54.completedSegments;
|
6211
6265
|
for (
|
6212
6266
|
JSCompiler_inline_result = 0;
|
6213
6267
|
JSCompiler_inline_result < completedSegments.length;
|
@@ -6217,7 +6271,7 @@ function flushCompletedQueues(request, destination) {
|
|
6217
6271
|
!flushPartiallyCompletedSegment(
|
6218
6272
|
clientRenderedBoundaries,
|
6219
6273
|
boundary,
|
6220
|
-
boundary$
|
6274
|
+
boundary$54,
|
6221
6275
|
completedSegments[JSCompiler_inline_result]
|
6222
6276
|
)
|
6223
6277
|
) {
|
@@ -6229,7 +6283,7 @@ function flushCompletedQueues(request, destination) {
|
|
6229
6283
|
completedSegments.splice(0, JSCompiler_inline_result);
|
6230
6284
|
JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
|
6231
6285
|
boundary,
|
6232
|
-
boundary$
|
6286
|
+
boundary$54.contentState,
|
6233
6287
|
clientRenderedBoundaries.renderState
|
6234
6288
|
);
|
6235
6289
|
}
|
@@ -6322,18 +6376,18 @@ function abort(request, reason) {
|
|
6322
6376
|
}
|
6323
6377
|
null !== request.destination &&
|
6324
6378
|
flushCompletedQueues(request, request.destination);
|
6325
|
-
} catch (error$
|
6326
|
-
logRecoverableError(request, error$
|
6379
|
+
} catch (error$56) {
|
6380
|
+
logRecoverableError(request, error$56, {}), fatalError(request, error$56);
|
6327
6381
|
}
|
6328
6382
|
}
|
6329
6383
|
function ensureCorrectIsomorphicReactVersion() {
|
6330
6384
|
var isomorphicReactPackageVersion = React.version;
|
6331
|
-
if ("19.2.0-canary-
|
6385
|
+
if ("19.2.0-canary-4448b187-20250515" !== isomorphicReactPackageVersion)
|
6332
6386
|
throw Error(
|
6333
6387
|
formatProdErrorMessage(
|
6334
6388
|
527,
|
6335
6389
|
isomorphicReactPackageVersion,
|
6336
|
-
"19.2.0-canary-
|
6390
|
+
"19.2.0-canary-4448b187-20250515"
|
6337
6391
|
)
|
6338
6392
|
);
|
6339
6393
|
}
|
@@ -6480,4 +6534,4 @@ exports.renderToReadableStream = function (children, options) {
|
|
6480
6534
|
startWork(request);
|
6481
6535
|
});
|
6482
6536
|
};
|
6483
|
-
exports.version = "19.2.0-canary-
|
6537
|
+
exports.version = "19.2.0-canary-4448b187-20250515";
|