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
@@ -548,11 +548,17 @@ function createResumableState(
|
|
548
548
|
function createPreambleState() {
|
549
549
|
return { htmlChunks: null, headChunks: null, bodyChunks: null };
|
550
550
|
}
|
551
|
-
function createFormatContext(
|
551
|
+
function createFormatContext(
|
552
|
+
insertionMode,
|
553
|
+
selectedValue,
|
554
|
+
tagScope,
|
555
|
+
viewTransition
|
556
|
+
) {
|
552
557
|
return {
|
553
558
|
insertionMode: insertionMode,
|
554
559
|
selectedValue: selectedValue,
|
555
|
-
tagScope: tagScope
|
560
|
+
tagScope: tagScope,
|
561
|
+
viewTransition: viewTransition
|
556
562
|
};
|
557
563
|
}
|
558
564
|
function createRootFormatContext(namespaceURI) {
|
@@ -563,48 +569,87 @@ function createRootFormatContext(namespaceURI) {
|
|
563
569
|
? 5
|
564
570
|
: 0,
|
565
571
|
null,
|
566
|
-
0
|
572
|
+
0,
|
573
|
+
null
|
567
574
|
);
|
568
575
|
}
|
569
576
|
function getChildFormatContext(parentContext, type, props) {
|
577
|
+
var subtreeScope = parentContext.tagScope & -25;
|
570
578
|
switch (type) {
|
571
579
|
case "noscript":
|
572
|
-
return createFormatContext(2, null,
|
580
|
+
return createFormatContext(2, null, subtreeScope | 1, null);
|
573
581
|
case "select":
|
574
582
|
return createFormatContext(
|
575
583
|
2,
|
576
584
|
null != props.value ? props.value : props.defaultValue,
|
577
|
-
|
585
|
+
subtreeScope,
|
586
|
+
null
|
578
587
|
);
|
579
588
|
case "svg":
|
580
|
-
return createFormatContext(4, null,
|
589
|
+
return createFormatContext(4, null, subtreeScope, null);
|
581
590
|
case "picture":
|
582
|
-
return createFormatContext(2, null,
|
591
|
+
return createFormatContext(2, null, subtreeScope | 2, null);
|
583
592
|
case "math":
|
584
|
-
return createFormatContext(5, null,
|
593
|
+
return createFormatContext(5, null, subtreeScope, null);
|
585
594
|
case "foreignObject":
|
586
|
-
return createFormatContext(2, null,
|
595
|
+
return createFormatContext(2, null, subtreeScope, null);
|
587
596
|
case "table":
|
588
|
-
return createFormatContext(6, null,
|
597
|
+
return createFormatContext(6, null, subtreeScope, null);
|
589
598
|
case "thead":
|
590
599
|
case "tbody":
|
591
600
|
case "tfoot":
|
592
|
-
return createFormatContext(7, null,
|
601
|
+
return createFormatContext(7, null, subtreeScope, null);
|
593
602
|
case "colgroup":
|
594
|
-
return createFormatContext(9, null,
|
603
|
+
return createFormatContext(9, null, subtreeScope, null);
|
595
604
|
case "tr":
|
596
|
-
return createFormatContext(8, null,
|
605
|
+
return createFormatContext(8, null, subtreeScope, null);
|
597
606
|
case "head":
|
598
607
|
if (2 > parentContext.insertionMode)
|
599
|
-
return createFormatContext(3, null,
|
608
|
+
return createFormatContext(3, null, subtreeScope, null);
|
600
609
|
break;
|
601
610
|
case "html":
|
602
611
|
if (0 === parentContext.insertionMode)
|
603
|
-
return createFormatContext(1, null,
|
612
|
+
return createFormatContext(1, null, subtreeScope, null);
|
604
613
|
}
|
605
614
|
return 6 <= parentContext.insertionMode || 2 > parentContext.insertionMode
|
606
|
-
? createFormatContext(2, null,
|
607
|
-
: parentContext
|
615
|
+
? createFormatContext(2, null, subtreeScope, null)
|
616
|
+
: parentContext.tagScope !== subtreeScope
|
617
|
+
? createFormatContext(
|
618
|
+
parentContext.insertionMode,
|
619
|
+
parentContext.selectedValue,
|
620
|
+
subtreeScope,
|
621
|
+
null
|
622
|
+
)
|
623
|
+
: parentContext;
|
624
|
+
}
|
625
|
+
function getSuspenseViewTransition(parentViewTransition) {
|
626
|
+
return null === parentViewTransition
|
627
|
+
? null
|
628
|
+
: {
|
629
|
+
update: parentViewTransition.update,
|
630
|
+
enter: null,
|
631
|
+
exit: null,
|
632
|
+
share: parentViewTransition.update,
|
633
|
+
name: parentViewTransition.autoName,
|
634
|
+
autoName: parentViewTransition.autoName,
|
635
|
+
nameIdx: 0
|
636
|
+
};
|
637
|
+
}
|
638
|
+
function getSuspenseFallbackFormatContext(parentContext) {
|
639
|
+
return createFormatContext(
|
640
|
+
parentContext.insertionMode,
|
641
|
+
parentContext.selectedValue,
|
642
|
+
parentContext.tagScope | 12,
|
643
|
+
getSuspenseViewTransition(parentContext.viewTransition)
|
644
|
+
);
|
645
|
+
}
|
646
|
+
function getSuspenseContentFormatContext(parentContext) {
|
647
|
+
return createFormatContext(
|
648
|
+
parentContext.insertionMode,
|
649
|
+
parentContext.selectedValue,
|
650
|
+
parentContext.tagScope | 16,
|
651
|
+
getSuspenseViewTransition(parentContext.viewTransition)
|
652
|
+
);
|
608
653
|
}
|
609
654
|
var textSeparator = stringToPrecomputedChunk("\x3c!-- --\x3e");
|
610
655
|
function pushTextInstance(target, text, renderState, textEmbedded) {
|
@@ -1200,8 +1245,7 @@ function pushStartInstance(
|
|
1200
1245
|
preambleState,
|
1201
1246
|
hoistableState,
|
1202
1247
|
formatContext,
|
1203
|
-
textEmbedded
|
1204
|
-
isFallback
|
1248
|
+
textEmbedded
|
1205
1249
|
) {
|
1206
1250
|
switch (type) {
|
1207
1251
|
case "div":
|
@@ -1676,9 +1720,11 @@ function pushStartInstance(
|
|
1676
1720
|
} else JSCompiler_inline_result$jscomp$2 = children$jscomp$5;
|
1677
1721
|
return JSCompiler_inline_result$jscomp$2;
|
1678
1722
|
case "title":
|
1723
|
+
var noscriptTagInScope = formatContext.tagScope & 1,
|
1724
|
+
isFallback = formatContext.tagScope & 4;
|
1679
1725
|
if (
|
1680
1726
|
4 === formatContext.insertionMode ||
|
1681
|
-
|
1727
|
+
noscriptTagInScope ||
|
1682
1728
|
null != props.itemProp
|
1683
1729
|
)
|
1684
1730
|
var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
|
@@ -1692,12 +1738,14 @@ function pushStartInstance(
|
|
1692
1738
|
(JSCompiler_inline_result$jscomp$3 = void 0));
|
1693
1739
|
return JSCompiler_inline_result$jscomp$3;
|
1694
1740
|
case "link":
|
1695
|
-
var
|
1741
|
+
var noscriptTagInScope$jscomp$0 = formatContext.tagScope & 1,
|
1742
|
+
isFallback$jscomp$0 = formatContext.tagScope & 4,
|
1743
|
+
rel = props.rel,
|
1696
1744
|
href = props.href,
|
1697
1745
|
precedence = props.precedence;
|
1698
1746
|
if (
|
1699
1747
|
4 === formatContext.insertionMode ||
|
1700
|
-
|
1748
|
+
noscriptTagInScope$jscomp$0 ||
|
1701
1749
|
null != props.itemProp ||
|
1702
1750
|
"string" !== typeof rel ||
|
1703
1751
|
"string" !== typeof href ||
|
@@ -1764,12 +1812,13 @@ function pushStartInstance(
|
|
1764
1812
|
props
|
1765
1813
|
))
|
1766
1814
|
: (textEmbedded && target$jscomp$0.push(textSeparator),
|
1767
|
-
(JSCompiler_inline_result$jscomp$4 = isFallback
|
1815
|
+
(JSCompiler_inline_result$jscomp$4 = isFallback$jscomp$0
|
1768
1816
|
? null
|
1769
1817
|
: pushLinkImpl(renderState.hoistableChunks, props)));
|
1770
1818
|
return JSCompiler_inline_result$jscomp$4;
|
1771
1819
|
case "script":
|
1772
|
-
var
|
1820
|
+
var noscriptTagInScope$jscomp$1 = formatContext.tagScope & 1,
|
1821
|
+
asyncProp = props.async;
|
1773
1822
|
if (
|
1774
1823
|
"string" !== typeof props.src ||
|
1775
1824
|
!props.src ||
|
@@ -1779,7 +1828,7 @@ function pushStartInstance(
|
|
1779
1828
|
props.onLoad ||
|
1780
1829
|
props.onError ||
|
1781
1830
|
4 === formatContext.insertionMode ||
|
1782
|
-
|
1831
|
+
noscriptTagInScope$jscomp$1 ||
|
1783
1832
|
null != props.itemProp
|
1784
1833
|
)
|
1785
1834
|
var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
|
@@ -1816,11 +1865,12 @@ function pushStartInstance(
|
|
1816
1865
|
}
|
1817
1866
|
return JSCompiler_inline_result$jscomp$5;
|
1818
1867
|
case "style":
|
1819
|
-
var
|
1868
|
+
var noscriptTagInScope$jscomp$2 = formatContext.tagScope & 1,
|
1869
|
+
precedence$jscomp$0 = props.precedence,
|
1820
1870
|
href$jscomp$0 = props.href;
|
1821
1871
|
if (
|
1822
1872
|
4 === formatContext.insertionMode ||
|
1823
|
-
|
1873
|
+
noscriptTagInScope$jscomp$2 ||
|
1824
1874
|
null != props.itemProp ||
|
1825
1875
|
"string" !== typeof precedence$jscomp$0 ||
|
1826
1876
|
"string" !== typeof href$jscomp$0 ||
|
@@ -1921,9 +1971,11 @@ function pushStartInstance(
|
|
1921
1971
|
}
|
1922
1972
|
return JSCompiler_inline_result$jscomp$6;
|
1923
1973
|
case "meta":
|
1974
|
+
var noscriptTagInScope$jscomp$3 = formatContext.tagScope & 1,
|
1975
|
+
isFallback$jscomp$1 = formatContext.tagScope & 4;
|
1924
1976
|
if (
|
1925
1977
|
4 === formatContext.insertionMode ||
|
1926
|
-
|
1978
|
+
noscriptTagInScope$jscomp$3 ||
|
1927
1979
|
null != props.itemProp
|
1928
1980
|
)
|
1929
1981
|
var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
|
@@ -1933,7 +1985,7 @@ function pushStartInstance(
|
|
1933
1985
|
);
|
1934
1986
|
else
|
1935
1987
|
textEmbedded && target$jscomp$0.push(textSeparator),
|
1936
|
-
(JSCompiler_inline_result$jscomp$7 = isFallback
|
1988
|
+
(JSCompiler_inline_result$jscomp$7 = isFallback$jscomp$1
|
1937
1989
|
? null
|
1938
1990
|
: "string" === typeof props.charSet
|
1939
1991
|
? pushSelfClosing(renderState.charsetChunks, props, "meta")
|
@@ -1991,17 +2043,18 @@ function pushStartInstance(
|
|
1991
2043
|
target$jscomp$0.push(leadingNewline);
|
1992
2044
|
return children$jscomp$8;
|
1993
2045
|
case "img":
|
1994
|
-
var
|
2046
|
+
var pictureOrNoScriptTagInScope = formatContext.tagScope & 3,
|
2047
|
+
src = props.src,
|
1995
2048
|
srcSet = props.srcSet;
|
1996
2049
|
if (
|
1997
2050
|
!(
|
1998
2051
|
"lazy" === props.loading ||
|
1999
2052
|
(!src && !srcSet) ||
|
2000
2053
|
("string" !== typeof src && null != src) ||
|
2001
|
-
("string" !== typeof srcSet && null != srcSet)
|
2054
|
+
("string" !== typeof srcSet && null != srcSet) ||
|
2055
|
+
"low" === props.fetchPriority ||
|
2056
|
+
pictureOrNoScriptTagInScope
|
2002
2057
|
) &&
|
2003
|
-
"low" !== props.fetchPriority &&
|
2004
|
-
!1 === !!(formatContext.tagScope & 3) &&
|
2005
2058
|
("string" !== typeof src ||
|
2006
2059
|
":" !== src[4] ||
|
2007
2060
|
("d" !== src[0] && "D" !== src[0]) ||
|
@@ -3970,8 +4023,7 @@ function createRequest(
|
|
3970
4023
|
rootFormatContext,
|
3971
4024
|
null,
|
3972
4025
|
emptyTreeContext,
|
3973
|
-
null
|
3974
|
-
!1
|
4026
|
+
null
|
3975
4027
|
);
|
3976
4028
|
pushComponentStack(children);
|
3977
4029
|
resumableState.pingedTasks.push(children);
|
@@ -4066,8 +4118,7 @@ function createRenderTask(
|
|
4066
4118
|
formatContext,
|
4067
4119
|
context,
|
4068
4120
|
treeContext,
|
4069
|
-
componentStack
|
4070
|
-
isFallback
|
4121
|
+
componentStack
|
4071
4122
|
) {
|
4072
4123
|
request.allPendingTasks++;
|
4073
4124
|
null === blockedBoundary
|
@@ -4090,8 +4141,7 @@ function createRenderTask(
|
|
4090
4141
|
context: context,
|
4091
4142
|
treeContext: treeContext,
|
4092
4143
|
componentStack: componentStack,
|
4093
|
-
thenableState: thenableState
|
4094
|
-
isFallback: isFallback
|
4144
|
+
thenableState: thenableState
|
4095
4145
|
};
|
4096
4146
|
abortSet.add(task);
|
4097
4147
|
return task;
|
@@ -4109,8 +4159,7 @@ function createReplayTask(
|
|
4109
4159
|
formatContext,
|
4110
4160
|
context,
|
4111
4161
|
treeContext,
|
4112
|
-
componentStack
|
4113
|
-
isFallback
|
4162
|
+
componentStack
|
4114
4163
|
) {
|
4115
4164
|
request.allPendingTasks++;
|
4116
4165
|
null === blockedBoundary
|
@@ -4134,8 +4183,7 @@ function createReplayTask(
|
|
4134
4183
|
context: context,
|
4135
4184
|
treeContext: treeContext,
|
4136
4185
|
componentStack: componentStack,
|
4137
|
-
thenableState: thenableState
|
4138
|
-
isFallback: isFallback
|
4186
|
+
thenableState: thenableState
|
4139
4187
|
};
|
4140
4188
|
abortSet.add(task);
|
4141
4189
|
return task;
|
@@ -4278,9 +4326,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4278
4326
|
var defaultProps = type.defaultProps;
|
4279
4327
|
if (defaultProps) {
|
4280
4328
|
newProps === props && (newProps = assign({}, newProps, props));
|
4281
|
-
for (var propName$
|
4282
|
-
void 0 === newProps[propName$
|
4283
|
-
(newProps[propName$
|
4329
|
+
for (var propName$34 in defaultProps)
|
4330
|
+
void 0 === newProps[propName$34] &&
|
4331
|
+
(newProps[propName$34] = defaultProps[propName$34]);
|
4284
4332
|
}
|
4285
4333
|
props = newProps;
|
4286
4334
|
newProps = emptyContextObject;
|
@@ -4340,16 +4388,16 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4340
4388
|
defaultProps = ref ? type[0] : newProps.state;
|
4341
4389
|
initialState = !0;
|
4342
4390
|
for (ref = ref ? 1 : 0; ref < type.length; ref++)
|
4343
|
-
(propName$
|
4344
|
-
(propName$
|
4345
|
-
"function" === typeof propName$
|
4346
|
-
? propName$
|
4347
|
-
: propName$
|
4348
|
-
null != propName$
|
4391
|
+
(propName$34 = type[ref]),
|
4392
|
+
(propName$34 =
|
4393
|
+
"function" === typeof propName$34
|
4394
|
+
? propName$34.call(newProps, defaultProps, props, void 0)
|
4395
|
+
: propName$34),
|
4396
|
+
null != propName$34 &&
|
4349
4397
|
(initialState
|
4350
4398
|
? ((initialState = !1),
|
4351
|
-
(defaultProps = assign({}, defaultProps, propName$
|
4352
|
-
: assign(defaultProps, propName$
|
4399
|
+
(defaultProps = assign({}, defaultProps, propName$34)))
|
4400
|
+
: assign(defaultProps, propName$34));
|
4353
4401
|
newProps.state = defaultProps;
|
4354
4402
|
}
|
4355
4403
|
else defaultProps.queue = null;
|
@@ -4392,8 +4440,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4392
4440
|
task.blockedPreamble,
|
4393
4441
|
task.hoistableState,
|
4394
4442
|
task.formatContext,
|
4395
|
-
newProps.lastPushedText
|
4396
|
-
task.isFallback
|
4443
|
+
newProps.lastPushedText
|
4397
4444
|
);
|
4398
4445
|
newProps.lastPushedText = !1;
|
4399
4446
|
defaultProps = task.formatContext;
|
@@ -4425,8 +4472,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4425
4472
|
task.formatContext,
|
4426
4473
|
task.context,
|
4427
4474
|
task.treeContext,
|
4428
|
-
task.componentStack
|
4429
|
-
task.isFallback
|
4475
|
+
task.componentStack
|
4430
4476
|
)),
|
4431
4477
|
pushComponentStack(keyPath),
|
4432
4478
|
request.pingedTasks.push(keyPath))
|
@@ -4516,20 +4562,23 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4516
4562
|
case REACT_SUSPENSE_TYPE:
|
4517
4563
|
a: if (null !== task.replay) {
|
4518
4564
|
type = task.keyPath;
|
4565
|
+
newProps = task.formatContext;
|
4519
4566
|
task.keyPath = keyPath;
|
4567
|
+
task.formatContext = getSuspenseContentFormatContext(newProps);
|
4520
4568
|
keyPath = props.children;
|
4521
4569
|
try {
|
4522
4570
|
renderNode(request, task, keyPath, -1);
|
4523
4571
|
} finally {
|
4524
|
-
task.keyPath = type;
|
4572
|
+
(task.keyPath = type), (task.formatContext = newProps);
|
4525
4573
|
}
|
4526
4574
|
} else {
|
4527
4575
|
type = task.keyPath;
|
4528
|
-
ref = task.
|
4529
|
-
propName$
|
4530
|
-
|
4531
|
-
|
4532
|
-
|
4576
|
+
ref = task.formatContext;
|
4577
|
+
propName$34 = task.blockedBoundary;
|
4578
|
+
propName = task.blockedPreamble;
|
4579
|
+
var parentHoistableState = task.hoistableState,
|
4580
|
+
parentSegment = task.blockedSegment,
|
4581
|
+
fallback = props.fallback;
|
4533
4582
|
props = props.children;
|
4534
4583
|
var fallbackAbortSet = new Set();
|
4535
4584
|
var newBoundary =
|
@@ -4545,14 +4594,14 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4545
4594
|
(newBoundary.trackedContentKeyPath = keyPath);
|
4546
4595
|
var boundarySegment = createPendingSegment(
|
4547
4596
|
request,
|
4548
|
-
|
4597
|
+
parentSegment.chunks.length,
|
4549
4598
|
newBoundary,
|
4550
4599
|
task.formatContext,
|
4551
4600
|
!1,
|
4552
4601
|
!1
|
4553
4602
|
);
|
4554
|
-
|
4555
|
-
|
4603
|
+
parentSegment.children.push(boundarySegment);
|
4604
|
+
parentSegment.lastPushedText = !1;
|
4556
4605
|
var contentRootSegment = createPendingSegment(
|
4557
4606
|
request,
|
4558
4607
|
0,
|
@@ -4570,6 +4619,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4570
4619
|
task.blockedSegment = boundarySegment;
|
4571
4620
|
task.blockedPreamble = newBoundary.fallbackPreamble;
|
4572
4621
|
task.keyPath = newProps;
|
4622
|
+
task.formatContext = getSuspenseFallbackFormatContext(ref);
|
4573
4623
|
boundarySegment.status = 6;
|
4574
4624
|
try {
|
4575
4625
|
renderNode(request, task, fallback, -1),
|
@@ -4577,16 +4627,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4577
4627
|
boundarySegment.textEmbedded &&
|
4578
4628
|
boundarySegment.chunks.push(textSeparator),
|
4579
4629
|
(boundarySegment.status = 1),
|
4580
|
-
finishedSegment(request,
|
4630
|
+
finishedSegment(request, propName$34, boundarySegment);
|
4581
4631
|
} catch (thrownValue) {
|
4582
4632
|
throw (
|
4583
4633
|
((boundarySegment.status = 12 === request.status ? 3 : 4),
|
4584
4634
|
thrownValue)
|
4585
4635
|
);
|
4586
4636
|
} finally {
|
4587
|
-
(task.blockedSegment =
|
4588
|
-
(task.blockedPreamble = propName
|
4589
|
-
(task.keyPath = type)
|
4637
|
+
(task.blockedSegment = parentSegment),
|
4638
|
+
(task.blockedPreamble = propName),
|
4639
|
+
(task.keyPath = type),
|
4640
|
+
(task.formatContext = ref);
|
4590
4641
|
}
|
4591
4642
|
task = createRenderTask(
|
4592
4643
|
request,
|
@@ -4599,11 +4650,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4599
4650
|
newBoundary.contentState,
|
4600
4651
|
task.abortSet,
|
4601
4652
|
keyPath,
|
4602
|
-
task.formatContext,
|
4653
|
+
getSuspenseContentFormatContext(task.formatContext),
|
4603
4654
|
task.context,
|
4604
4655
|
task.treeContext,
|
4605
|
-
task.componentStack
|
4606
|
-
task.isFallback
|
4656
|
+
task.componentStack
|
4607
4657
|
);
|
4608
4658
|
pushComponentStack(task);
|
4609
4659
|
request.pingedTasks.push(task);
|
@@ -4613,6 +4663,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4613
4663
|
task.hoistableState = newBoundary.contentState;
|
4614
4664
|
task.blockedSegment = contentRootSegment;
|
4615
4665
|
task.keyPath = keyPath;
|
4666
|
+
task.formatContext = getSuspenseContentFormatContext(ref);
|
4616
4667
|
contentRootSegment.status = 6;
|
4617
4668
|
try {
|
4618
4669
|
if (
|
@@ -4632,13 +4683,13 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4632
4683
|
preparePreamble(request);
|
4633
4684
|
break a;
|
4634
4685
|
}
|
4635
|
-
} catch (thrownValue$
|
4686
|
+
} catch (thrownValue$29) {
|
4636
4687
|
(newBoundary.status = 4),
|
4637
4688
|
12 === request.status
|
4638
4689
|
? ((contentRootSegment.status = 3),
|
4639
4690
|
(newProps = request.fatalError))
|
4640
4691
|
: ((contentRootSegment.status = 4),
|
4641
|
-
(newProps = thrownValue$
|
4692
|
+
(newProps = thrownValue$29)),
|
4642
4693
|
(defaultProps = getThrownInfo(task.componentStack)),
|
4643
4694
|
(initialState = logRecoverableError(
|
4644
4695
|
request,
|
@@ -4648,28 +4699,28 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4648
4699
|
(newBoundary.errorDigest = initialState),
|
4649
4700
|
untrackBoundary(request, newBoundary);
|
4650
4701
|
} finally {
|
4651
|
-
(task.blockedBoundary =
|
4652
|
-
(task.blockedPreamble = propName
|
4702
|
+
(task.blockedBoundary = propName$34),
|
4703
|
+
(task.blockedPreamble = propName),
|
4653
4704
|
(task.hoistableState = parentHoistableState),
|
4654
|
-
(task.blockedSegment =
|
4655
|
-
(task.keyPath = type)
|
4705
|
+
(task.blockedSegment = parentSegment),
|
4706
|
+
(task.keyPath = type),
|
4707
|
+
(task.formatContext = ref);
|
4656
4708
|
}
|
4657
4709
|
task = createRenderTask(
|
4658
4710
|
request,
|
4659
4711
|
null,
|
4660
4712
|
fallback,
|
4661
4713
|
-1,
|
4662
|
-
|
4714
|
+
propName$34,
|
4663
4715
|
boundarySegment,
|
4664
4716
|
newBoundary.fallbackPreamble,
|
4665
4717
|
newBoundary.fallbackState,
|
4666
4718
|
fallbackAbortSet,
|
4667
4719
|
[keyPath[0], "Suspense Fallback", keyPath[2]],
|
4668
|
-
task.formatContext,
|
4720
|
+
getSuspenseFallbackFormatContext(task.formatContext),
|
4669
4721
|
task.context,
|
4670
4722
|
task.treeContext,
|
4671
|
-
task.componentStack
|
4672
|
-
!0
|
4723
|
+
task.componentStack
|
4673
4724
|
);
|
4674
4725
|
pushComponentStack(task);
|
4675
4726
|
request.pingedTasks.push(task);
|
@@ -4681,8 +4732,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4681
4732
|
switch (type.$$typeof) {
|
4682
4733
|
case REACT_FORWARD_REF_TYPE:
|
4683
4734
|
if ("ref" in props)
|
4684
|
-
for (
|
4685
|
-
"ref" !==
|
4735
|
+
for (parentSegment in ((newProps = {}), props))
|
4736
|
+
"ref" !== parentSegment &&
|
4737
|
+
(newProps[parentSegment] = props[parentSegment]);
|
4686
4738
|
else newProps = props;
|
4687
4739
|
type = renderWithHooks(
|
4688
4740
|
request,
|
@@ -4855,12 +4907,13 @@ function retryNode(request, task) {
|
|
4855
4907
|
);
|
4856
4908
|
task.replay.pendingTasks--;
|
4857
4909
|
props = getThrownInfo(task.componentStack);
|
4858
|
-
key =
|
4910
|
+
key = request;
|
4911
|
+
request = task.blockedBoundary;
|
4859
4912
|
type = x;
|
4860
|
-
props = logRecoverableError(
|
4913
|
+
props = logRecoverableError(key, type, props);
|
4861
4914
|
abortRemainingReplayNodes(
|
4862
|
-
request,
|
4863
4915
|
key,
|
4916
|
+
request,
|
4864
4917
|
childNodes,
|
4865
4918
|
name,
|
4866
4919
|
type,
|
@@ -4885,6 +4938,7 @@ function retryNode(request, task) {
|
|
4885
4938
|
node$jscomp$0 =
|
4886
4939
|
null === node$jscomp$0[4] ? null : node$jscomp$0[4][3];
|
4887
4940
|
var prevKeyPath = task.keyPath,
|
4941
|
+
prevContext = task.formatContext,
|
4888
4942
|
previousReplaySet = task.replay,
|
4889
4943
|
parentBoundary = task.blockedBoundary,
|
4890
4944
|
parentHoistableState = task.hoistableState,
|
@@ -4910,6 +4964,8 @@ function retryNode(request, task) {
|
|
4910
4964
|
task.blockedBoundary = props;
|
4911
4965
|
task.hoistableState = props.contentState;
|
4912
4966
|
task.keyPath = key;
|
4967
|
+
task.formatContext =
|
4968
|
+
getSuspenseContentFormatContext(prevContext);
|
4913
4969
|
task.replay = {
|
4914
4970
|
nodes: ref,
|
4915
4971
|
slots: name,
|
@@ -4945,7 +5001,8 @@ function retryNode(request, task) {
|
|
4945
5001
|
(task.blockedBoundary = parentBoundary),
|
4946
5002
|
(task.hoistableState = parentHoistableState),
|
4947
5003
|
(task.replay = previousReplaySet),
|
4948
|
-
(task.keyPath = prevKeyPath)
|
5004
|
+
(task.keyPath = prevKeyPath),
|
5005
|
+
(task.formatContext = prevContext);
|
4949
5006
|
}
|
4950
5007
|
task = createReplayTask(
|
4951
5008
|
request,
|
@@ -4961,11 +5018,10 @@ function retryNode(request, task) {
|
|
4961
5018
|
props.fallbackState,
|
4962
5019
|
fallbackAbortSet,
|
4963
5020
|
[key[0], "Suspense Fallback", key[2]],
|
4964
|
-
task.formatContext,
|
5021
|
+
getSuspenseFallbackFormatContext(task.formatContext),
|
4965
5022
|
task.context,
|
4966
5023
|
task.treeContext,
|
4967
|
-
task.componentStack
|
4968
|
-
!0
|
5024
|
+
task.componentStack
|
4969
5025
|
);
|
4970
5026
|
pushComponentStack(task);
|
4971
5027
|
request.pingedTasks.push(task);
|
@@ -5151,8 +5207,7 @@ function spawnNewSuspendedReplayTask(request, task, thenableState) {
|
|
5151
5207
|
task.formatContext,
|
5152
5208
|
task.context,
|
5153
5209
|
task.treeContext,
|
5154
|
-
task.componentStack
|
5155
|
-
task.isFallback
|
5210
|
+
task.componentStack
|
5156
5211
|
);
|
5157
5212
|
}
|
5158
5213
|
function spawnNewSuspendedRenderTask(request, task, thenableState) {
|
@@ -5181,8 +5236,7 @@ function spawnNewSuspendedRenderTask(request, task, thenableState) {
|
|
5181
5236
|
task.formatContext,
|
5182
5237
|
task.context,
|
5183
5238
|
task.treeContext,
|
5184
|
-
task.componentStack
|
5185
|
-
task.isFallback
|
5239
|
+
task.componentStack
|
5186
5240
|
);
|
5187
5241
|
}
|
5188
5242
|
function renderNode(request, task, node, childIndex) {
|
@@ -5235,15 +5289,15 @@ function renderNode(request, task, node, childIndex) {
|
|
5235
5289
|
chunkLength = segment.chunks.length;
|
5236
5290
|
try {
|
5237
5291
|
return renderNodeDestructive(request, task, node, childIndex);
|
5238
|
-
} catch (thrownValue$
|
5292
|
+
} catch (thrownValue$51) {
|
5239
5293
|
if (
|
5240
5294
|
(resetHooksState(),
|
5241
5295
|
(segment.children.length = childrenLength),
|
5242
5296
|
(segment.chunks.length = chunkLength),
|
5243
5297
|
(node =
|
5244
|
-
thrownValue$
|
5298
|
+
thrownValue$51 === SuspenseException
|
5245
5299
|
? getSuspendedThenable()
|
5246
|
-
: thrownValue$
|
5300
|
+
: thrownValue$51),
|
5247
5301
|
"object" === typeof node && null !== node)
|
5248
5302
|
) {
|
5249
5303
|
if ("function" === typeof node.then) {
|
@@ -6184,12 +6238,12 @@ function flushCompletedQueues(request, destination) {
|
|
6184
6238
|
destinationHasCapacity$1 = !0;
|
6185
6239
|
var partialBoundaries = request.partialBoundaries;
|
6186
6240
|
for (i = 0; i < partialBoundaries.length; i++) {
|
6187
|
-
var boundary$
|
6241
|
+
var boundary$54 = partialBoundaries[i];
|
6188
6242
|
a: {
|
6189
6243
|
clientRenderedBoundaries = request;
|
6190
6244
|
boundary = destination;
|
6191
|
-
flushedByteSize = boundary$
|
6192
|
-
var completedSegments = boundary$
|
6245
|
+
flushedByteSize = boundary$54.byteSize;
|
6246
|
+
var completedSegments = boundary$54.completedSegments;
|
6193
6247
|
for (
|
6194
6248
|
JSCompiler_inline_result = 0;
|
6195
6249
|
JSCompiler_inline_result < completedSegments.length;
|
@@ -6199,7 +6253,7 @@ function flushCompletedQueues(request, destination) {
|
|
6199
6253
|
!flushPartiallyCompletedSegment(
|
6200
6254
|
clientRenderedBoundaries,
|
6201
6255
|
boundary,
|
6202
|
-
boundary$
|
6256
|
+
boundary$54,
|
6203
6257
|
completedSegments[JSCompiler_inline_result]
|
6204
6258
|
)
|
6205
6259
|
) {
|
@@ -6211,7 +6265,7 @@ function flushCompletedQueues(request, destination) {
|
|
6211
6265
|
completedSegments.splice(0, JSCompiler_inline_result);
|
6212
6266
|
JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
|
6213
6267
|
boundary,
|
6214
|
-
boundary$
|
6268
|
+
boundary$54.contentState,
|
6215
6269
|
clientRenderedBoundaries.renderState
|
6216
6270
|
);
|
6217
6271
|
}
|
@@ -6312,17 +6366,17 @@ function abort(request, reason) {
|
|
6312
6366
|
}
|
6313
6367
|
null !== request.destination &&
|
6314
6368
|
flushCompletedQueues(request, request.destination);
|
6315
|
-
} catch (error$
|
6316
|
-
logRecoverableError(request, error$
|
6369
|
+
} catch (error$56) {
|
6370
|
+
logRecoverableError(request, error$56, {}), fatalError(request, error$56);
|
6317
6371
|
}
|
6318
6372
|
}
|
6319
6373
|
function ensureCorrectIsomorphicReactVersion() {
|
6320
6374
|
var isomorphicReactPackageVersion = React.version;
|
6321
|
-
if ("19.2.0-canary-
|
6375
|
+
if ("19.2.0-canary-4448b187-20250515" !== isomorphicReactPackageVersion)
|
6322
6376
|
throw Error(
|
6323
6377
|
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
|
6324
6378
|
(isomorphicReactPackageVersion +
|
6325
|
-
"\n - react-dom: 19.2.0-canary-
|
6379
|
+
"\n - react-dom: 19.2.0-canary-4448b187-20250515\nLearn more: https://react.dev/warnings/version-mismatch")
|
6326
6380
|
);
|
6327
6381
|
}
|
6328
6382
|
ensureCorrectIsomorphicReactVersion();
|
@@ -6471,4 +6525,4 @@ exports.renderToPipeableStream = function (children, options) {
|
|
6471
6525
|
}
|
6472
6526
|
};
|
6473
6527
|
};
|
6474
|
-
exports.version = "19.2.0-canary-
|
6528
|
+
exports.version = "19.2.0-canary-4448b187-20250515";
|
@@ -416,7 +416,7 @@
|
|
416
416
|
exports.useFormStatus = function () {
|
417
417
|
return resolveDispatcher().useHostTransitionStatus();
|
418
418
|
};
|
419
|
-
exports.version = "19.2.0-canary-
|
419
|
+
exports.version = "19.2.0-canary-4448b187-20250515";
|
420
420
|
"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
|
421
421
|
"function" ===
|
422
422
|
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
|
@@ -207,4 +207,4 @@ exports.useFormState = function (action, initialState, permalink) {
|
|
207
207
|
exports.useFormStatus = function () {
|
208
208
|
return ReactSharedInternals.H.useHostTransitionStatus();
|
209
209
|
};
|
210
|
-
exports.version = "19.2.0-canary-
|
210
|
+
exports.version = "19.2.0-canary-4448b187-20250515";
|