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
@@ -598,11 +598,17 @@ function createResumableState(
|
|
598
598
|
function createPreambleState() {
|
599
599
|
return { htmlChunks: null, headChunks: null, bodyChunks: null };
|
600
600
|
}
|
601
|
-
function createFormatContext(
|
601
|
+
function createFormatContext(
|
602
|
+
insertionMode,
|
603
|
+
selectedValue,
|
604
|
+
tagScope,
|
605
|
+
viewTransition
|
606
|
+
) {
|
602
607
|
return {
|
603
608
|
insertionMode: insertionMode,
|
604
609
|
selectedValue: selectedValue,
|
605
|
-
tagScope: tagScope
|
610
|
+
tagScope: tagScope,
|
611
|
+
viewTransition: viewTransition
|
606
612
|
};
|
607
613
|
}
|
608
614
|
function createRootFormatContext(namespaceURI) {
|
@@ -613,48 +619,87 @@ function createRootFormatContext(namespaceURI) {
|
|
613
619
|
? 5
|
614
620
|
: 0,
|
615
621
|
null,
|
616
|
-
0
|
622
|
+
0,
|
623
|
+
null
|
617
624
|
);
|
618
625
|
}
|
619
626
|
function getChildFormatContext(parentContext, type, props) {
|
627
|
+
var subtreeScope = parentContext.tagScope & -25;
|
620
628
|
switch (type) {
|
621
629
|
case "noscript":
|
622
|
-
return createFormatContext(2, null,
|
630
|
+
return createFormatContext(2, null, subtreeScope | 1, null);
|
623
631
|
case "select":
|
624
632
|
return createFormatContext(
|
625
633
|
2,
|
626
634
|
null != props.value ? props.value : props.defaultValue,
|
627
|
-
|
635
|
+
subtreeScope,
|
636
|
+
null
|
628
637
|
);
|
629
638
|
case "svg":
|
630
|
-
return createFormatContext(4, null,
|
639
|
+
return createFormatContext(4, null, subtreeScope, null);
|
631
640
|
case "picture":
|
632
|
-
return createFormatContext(2, null,
|
641
|
+
return createFormatContext(2, null, subtreeScope | 2, null);
|
633
642
|
case "math":
|
634
|
-
return createFormatContext(5, null,
|
643
|
+
return createFormatContext(5, null, subtreeScope, null);
|
635
644
|
case "foreignObject":
|
636
|
-
return createFormatContext(2, null,
|
645
|
+
return createFormatContext(2, null, subtreeScope, null);
|
637
646
|
case "table":
|
638
|
-
return createFormatContext(6, null,
|
647
|
+
return createFormatContext(6, null, subtreeScope, null);
|
639
648
|
case "thead":
|
640
649
|
case "tbody":
|
641
650
|
case "tfoot":
|
642
|
-
return createFormatContext(7, null,
|
651
|
+
return createFormatContext(7, null, subtreeScope, null);
|
643
652
|
case "colgroup":
|
644
|
-
return createFormatContext(9, null,
|
653
|
+
return createFormatContext(9, null, subtreeScope, null);
|
645
654
|
case "tr":
|
646
|
-
return createFormatContext(8, null,
|
655
|
+
return createFormatContext(8, null, subtreeScope, null);
|
647
656
|
case "head":
|
648
657
|
if (2 > parentContext.insertionMode)
|
649
|
-
return createFormatContext(3, null,
|
658
|
+
return createFormatContext(3, null, subtreeScope, null);
|
650
659
|
break;
|
651
660
|
case "html":
|
652
661
|
if (0 === parentContext.insertionMode)
|
653
|
-
return createFormatContext(1, null,
|
662
|
+
return createFormatContext(1, null, subtreeScope, null);
|
654
663
|
}
|
655
664
|
return 6 <= parentContext.insertionMode || 2 > parentContext.insertionMode
|
656
|
-
? createFormatContext(2, null,
|
657
|
-
: parentContext
|
665
|
+
? createFormatContext(2, null, subtreeScope, null)
|
666
|
+
: parentContext.tagScope !== subtreeScope
|
667
|
+
? createFormatContext(
|
668
|
+
parentContext.insertionMode,
|
669
|
+
parentContext.selectedValue,
|
670
|
+
subtreeScope,
|
671
|
+
null
|
672
|
+
)
|
673
|
+
: parentContext;
|
674
|
+
}
|
675
|
+
function getSuspenseViewTransition(parentViewTransition) {
|
676
|
+
return null === parentViewTransition
|
677
|
+
? null
|
678
|
+
: {
|
679
|
+
update: parentViewTransition.update,
|
680
|
+
enter: null,
|
681
|
+
exit: null,
|
682
|
+
share: parentViewTransition.update,
|
683
|
+
name: parentViewTransition.autoName,
|
684
|
+
autoName: parentViewTransition.autoName,
|
685
|
+
nameIdx: 0
|
686
|
+
};
|
687
|
+
}
|
688
|
+
function getSuspenseFallbackFormatContext(parentContext) {
|
689
|
+
return createFormatContext(
|
690
|
+
parentContext.insertionMode,
|
691
|
+
parentContext.selectedValue,
|
692
|
+
parentContext.tagScope | 12,
|
693
|
+
getSuspenseViewTransition(parentContext.viewTransition)
|
694
|
+
);
|
695
|
+
}
|
696
|
+
function getSuspenseContentFormatContext(parentContext) {
|
697
|
+
return createFormatContext(
|
698
|
+
parentContext.insertionMode,
|
699
|
+
parentContext.selectedValue,
|
700
|
+
parentContext.tagScope | 16,
|
701
|
+
getSuspenseViewTransition(parentContext.viewTransition)
|
702
|
+
);
|
658
703
|
}
|
659
704
|
var textSeparator = stringToPrecomputedChunk("\x3c!-- --\x3e");
|
660
705
|
function pushTextInstance(target, text, renderState, textEmbedded) {
|
@@ -1266,8 +1311,7 @@ function pushStartInstance(
|
|
1266
1311
|
preambleState,
|
1267
1312
|
hoistableState,
|
1268
1313
|
formatContext,
|
1269
|
-
textEmbedded
|
1270
|
-
isFallback
|
1314
|
+
textEmbedded
|
1271
1315
|
) {
|
1272
1316
|
switch (type) {
|
1273
1317
|
case "div":
|
@@ -1750,9 +1794,11 @@ function pushStartInstance(
|
|
1750
1794
|
} else JSCompiler_inline_result$jscomp$2 = children$jscomp$5;
|
1751
1795
|
return JSCompiler_inline_result$jscomp$2;
|
1752
1796
|
case "title":
|
1797
|
+
var noscriptTagInScope = formatContext.tagScope & 1,
|
1798
|
+
isFallback = formatContext.tagScope & 4;
|
1753
1799
|
if (
|
1754
1800
|
4 === formatContext.insertionMode ||
|
1755
|
-
|
1801
|
+
noscriptTagInScope ||
|
1756
1802
|
null != props.itemProp
|
1757
1803
|
)
|
1758
1804
|
var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
|
@@ -1766,12 +1812,14 @@ function pushStartInstance(
|
|
1766
1812
|
(JSCompiler_inline_result$jscomp$3 = void 0));
|
1767
1813
|
return JSCompiler_inline_result$jscomp$3;
|
1768
1814
|
case "link":
|
1769
|
-
var
|
1815
|
+
var noscriptTagInScope$jscomp$0 = formatContext.tagScope & 1,
|
1816
|
+
isFallback$jscomp$0 = formatContext.tagScope & 4,
|
1817
|
+
rel = props.rel,
|
1770
1818
|
href = props.href,
|
1771
1819
|
precedence = props.precedence;
|
1772
1820
|
if (
|
1773
1821
|
4 === formatContext.insertionMode ||
|
1774
|
-
|
1822
|
+
noscriptTagInScope$jscomp$0 ||
|
1775
1823
|
null != props.itemProp ||
|
1776
1824
|
"string" !== typeof rel ||
|
1777
1825
|
"string" !== typeof href ||
|
@@ -1838,12 +1886,13 @@ function pushStartInstance(
|
|
1838
1886
|
props
|
1839
1887
|
))
|
1840
1888
|
: (textEmbedded && target$jscomp$0.push(textSeparator),
|
1841
|
-
(JSCompiler_inline_result$jscomp$4 = isFallback
|
1889
|
+
(JSCompiler_inline_result$jscomp$4 = isFallback$jscomp$0
|
1842
1890
|
? null
|
1843
1891
|
: pushLinkImpl(renderState.hoistableChunks, props)));
|
1844
1892
|
return JSCompiler_inline_result$jscomp$4;
|
1845
1893
|
case "script":
|
1846
|
-
var
|
1894
|
+
var noscriptTagInScope$jscomp$1 = formatContext.tagScope & 1,
|
1895
|
+
asyncProp = props.async;
|
1847
1896
|
if (
|
1848
1897
|
"string" !== typeof props.src ||
|
1849
1898
|
!props.src ||
|
@@ -1853,7 +1902,7 @@ function pushStartInstance(
|
|
1853
1902
|
props.onLoad ||
|
1854
1903
|
props.onError ||
|
1855
1904
|
4 === formatContext.insertionMode ||
|
1856
|
-
|
1905
|
+
noscriptTagInScope$jscomp$1 ||
|
1857
1906
|
null != props.itemProp
|
1858
1907
|
)
|
1859
1908
|
var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
|
@@ -1890,11 +1939,12 @@ function pushStartInstance(
|
|
1890
1939
|
}
|
1891
1940
|
return JSCompiler_inline_result$jscomp$5;
|
1892
1941
|
case "style":
|
1893
|
-
var
|
1942
|
+
var noscriptTagInScope$jscomp$2 = formatContext.tagScope & 1,
|
1943
|
+
precedence$jscomp$0 = props.precedence,
|
1894
1944
|
href$jscomp$0 = props.href;
|
1895
1945
|
if (
|
1896
1946
|
4 === formatContext.insertionMode ||
|
1897
|
-
|
1947
|
+
noscriptTagInScope$jscomp$2 ||
|
1898
1948
|
null != props.itemProp ||
|
1899
1949
|
"string" !== typeof precedence$jscomp$0 ||
|
1900
1950
|
"string" !== typeof href$jscomp$0 ||
|
@@ -2001,9 +2051,11 @@ function pushStartInstance(
|
|
2001
2051
|
}
|
2002
2052
|
return JSCompiler_inline_result$jscomp$6;
|
2003
2053
|
case "meta":
|
2054
|
+
var noscriptTagInScope$jscomp$3 = formatContext.tagScope & 1,
|
2055
|
+
isFallback$jscomp$1 = formatContext.tagScope & 4;
|
2004
2056
|
if (
|
2005
2057
|
4 === formatContext.insertionMode ||
|
2006
|
-
|
2058
|
+
noscriptTagInScope$jscomp$3 ||
|
2007
2059
|
null != props.itemProp
|
2008
2060
|
)
|
2009
2061
|
var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
|
@@ -2013,7 +2065,7 @@ function pushStartInstance(
|
|
2013
2065
|
);
|
2014
2066
|
else
|
2015
2067
|
textEmbedded && target$jscomp$0.push(textSeparator),
|
2016
|
-
(JSCompiler_inline_result$jscomp$7 = isFallback
|
2068
|
+
(JSCompiler_inline_result$jscomp$7 = isFallback$jscomp$1
|
2017
2069
|
? null
|
2018
2070
|
: "string" === typeof props.charSet
|
2019
2071
|
? pushSelfClosing(renderState.charsetChunks, props, "meta")
|
@@ -2071,17 +2123,18 @@ function pushStartInstance(
|
|
2071
2123
|
target$jscomp$0.push(leadingNewline);
|
2072
2124
|
return children$jscomp$8;
|
2073
2125
|
case "img":
|
2074
|
-
var
|
2126
|
+
var pictureOrNoScriptTagInScope = formatContext.tagScope & 3,
|
2127
|
+
src = props.src,
|
2075
2128
|
srcSet = props.srcSet;
|
2076
2129
|
if (
|
2077
2130
|
!(
|
2078
2131
|
"lazy" === props.loading ||
|
2079
2132
|
(!src && !srcSet) ||
|
2080
2133
|
("string" !== typeof src && null != src) ||
|
2081
|
-
("string" !== typeof srcSet && null != srcSet)
|
2134
|
+
("string" !== typeof srcSet && null != srcSet) ||
|
2135
|
+
"low" === props.fetchPriority ||
|
2136
|
+
pictureOrNoScriptTagInScope
|
2082
2137
|
) &&
|
2083
|
-
"low" !== props.fetchPriority &&
|
2084
|
-
!1 === !!(formatContext.tagScope & 3) &&
|
2085
2138
|
("string" !== typeof src ||
|
2086
2139
|
":" !== src[4] ||
|
2087
2140
|
("d" !== src[0] && "D" !== src[0]) ||
|
@@ -4064,8 +4117,7 @@ function createRequest(
|
|
4064
4117
|
rootFormatContext,
|
4065
4118
|
null,
|
4066
4119
|
emptyTreeContext,
|
4067
|
-
null
|
4068
|
-
!1
|
4120
|
+
null
|
4069
4121
|
);
|
4070
4122
|
pushComponentStack(children);
|
4071
4123
|
resumableState.pingedTasks.push(children);
|
@@ -4163,8 +4215,7 @@ function createRenderTask(
|
|
4163
4215
|
formatContext,
|
4164
4216
|
context,
|
4165
4217
|
treeContext,
|
4166
|
-
componentStack
|
4167
|
-
isFallback
|
4218
|
+
componentStack
|
4168
4219
|
) {
|
4169
4220
|
request.allPendingTasks++;
|
4170
4221
|
null === blockedBoundary
|
@@ -4187,8 +4238,7 @@ function createRenderTask(
|
|
4187
4238
|
context: context,
|
4188
4239
|
treeContext: treeContext,
|
4189
4240
|
componentStack: componentStack,
|
4190
|
-
thenableState: thenableState
|
4191
|
-
isFallback: isFallback
|
4241
|
+
thenableState: thenableState
|
4192
4242
|
};
|
4193
4243
|
abortSet.add(task);
|
4194
4244
|
return task;
|
@@ -4206,8 +4256,7 @@ function createReplayTask(
|
|
4206
4256
|
formatContext,
|
4207
4257
|
context,
|
4208
4258
|
treeContext,
|
4209
|
-
componentStack
|
4210
|
-
isFallback
|
4259
|
+
componentStack
|
4211
4260
|
) {
|
4212
4261
|
request.allPendingTasks++;
|
4213
4262
|
null === blockedBoundary
|
@@ -4231,8 +4280,7 @@ function createReplayTask(
|
|
4231
4280
|
context: context,
|
4232
4281
|
treeContext: treeContext,
|
4233
4282
|
componentStack: componentStack,
|
4234
|
-
thenableState: thenableState
|
4235
|
-
isFallback: isFallback
|
4283
|
+
thenableState: thenableState
|
4236
4284
|
};
|
4237
4285
|
abortSet.add(task);
|
4238
4286
|
return task;
|
@@ -4375,9 +4423,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4375
4423
|
var defaultProps = type.defaultProps;
|
4376
4424
|
if (defaultProps) {
|
4377
4425
|
newProps === props && (newProps = assign({}, newProps, props));
|
4378
|
-
for (var propName$
|
4379
|
-
void 0 === newProps[propName$
|
4380
|
-
(newProps[propName$
|
4426
|
+
for (var propName$34 in defaultProps)
|
4427
|
+
void 0 === newProps[propName$34] &&
|
4428
|
+
(newProps[propName$34] = defaultProps[propName$34]);
|
4381
4429
|
}
|
4382
4430
|
props = newProps;
|
4383
4431
|
newProps = emptyContextObject;
|
@@ -4437,16 +4485,16 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4437
4485
|
defaultProps = ref ? type[0] : newProps.state;
|
4438
4486
|
initialState = !0;
|
4439
4487
|
for (ref = ref ? 1 : 0; ref < type.length; ref++)
|
4440
|
-
(propName$
|
4441
|
-
(propName$
|
4442
|
-
"function" === typeof propName$
|
4443
|
-
? propName$
|
4444
|
-
: propName$
|
4445
|
-
null != propName$
|
4488
|
+
(propName$34 = type[ref]),
|
4489
|
+
(propName$34 =
|
4490
|
+
"function" === typeof propName$34
|
4491
|
+
? propName$34.call(newProps, defaultProps, props, void 0)
|
4492
|
+
: propName$34),
|
4493
|
+
null != propName$34 &&
|
4446
4494
|
(initialState
|
4447
4495
|
? ((initialState = !1),
|
4448
|
-
(defaultProps = assign({}, defaultProps, propName$
|
4449
|
-
: assign(defaultProps, propName$
|
4496
|
+
(defaultProps = assign({}, defaultProps, propName$34)))
|
4497
|
+
: assign(defaultProps, propName$34));
|
4450
4498
|
newProps.state = defaultProps;
|
4451
4499
|
}
|
4452
4500
|
else defaultProps.queue = null;
|
@@ -4489,8 +4537,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4489
4537
|
task.blockedPreamble,
|
4490
4538
|
task.hoistableState,
|
4491
4539
|
task.formatContext,
|
4492
|
-
newProps.lastPushedText
|
4493
|
-
task.isFallback
|
4540
|
+
newProps.lastPushedText
|
4494
4541
|
);
|
4495
4542
|
newProps.lastPushedText = !1;
|
4496
4543
|
defaultProps = task.formatContext;
|
@@ -4522,8 +4569,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4522
4569
|
task.formatContext,
|
4523
4570
|
task.context,
|
4524
4571
|
task.treeContext,
|
4525
|
-
task.componentStack
|
4526
|
-
task.isFallback
|
4572
|
+
task.componentStack
|
4527
4573
|
)),
|
4528
4574
|
pushComponentStack(keyPath),
|
4529
4575
|
request.pingedTasks.push(keyPath))
|
@@ -4613,20 +4659,23 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4613
4659
|
case REACT_SUSPENSE_TYPE:
|
4614
4660
|
a: if (null !== task.replay) {
|
4615
4661
|
type = task.keyPath;
|
4662
|
+
newProps = task.formatContext;
|
4616
4663
|
task.keyPath = keyPath;
|
4664
|
+
task.formatContext = getSuspenseContentFormatContext(newProps);
|
4617
4665
|
keyPath = props.children;
|
4618
4666
|
try {
|
4619
4667
|
renderNode(request, task, keyPath, -1);
|
4620
4668
|
} finally {
|
4621
|
-
task.keyPath = type;
|
4669
|
+
(task.keyPath = type), (task.formatContext = newProps);
|
4622
4670
|
}
|
4623
4671
|
} else {
|
4624
4672
|
type = task.keyPath;
|
4625
|
-
ref = task.
|
4626
|
-
propName$
|
4627
|
-
|
4628
|
-
|
4629
|
-
|
4673
|
+
ref = task.formatContext;
|
4674
|
+
propName$34 = task.blockedBoundary;
|
4675
|
+
propName = task.blockedPreamble;
|
4676
|
+
var parentHoistableState = task.hoistableState,
|
4677
|
+
parentSegment = task.blockedSegment,
|
4678
|
+
fallback = props.fallback;
|
4630
4679
|
props = props.children;
|
4631
4680
|
var fallbackAbortSet = new Set();
|
4632
4681
|
var newBoundary =
|
@@ -4642,14 +4691,14 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4642
4691
|
(newBoundary.trackedContentKeyPath = keyPath);
|
4643
4692
|
var boundarySegment = createPendingSegment(
|
4644
4693
|
request,
|
4645
|
-
|
4694
|
+
parentSegment.chunks.length,
|
4646
4695
|
newBoundary,
|
4647
4696
|
task.formatContext,
|
4648
4697
|
!1,
|
4649
4698
|
!1
|
4650
4699
|
);
|
4651
|
-
|
4652
|
-
|
4700
|
+
parentSegment.children.push(boundarySegment);
|
4701
|
+
parentSegment.lastPushedText = !1;
|
4653
4702
|
var contentRootSegment = createPendingSegment(
|
4654
4703
|
request,
|
4655
4704
|
0,
|
@@ -4667,6 +4716,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4667
4716
|
task.blockedSegment = boundarySegment;
|
4668
4717
|
task.blockedPreamble = newBoundary.fallbackPreamble;
|
4669
4718
|
task.keyPath = newProps;
|
4719
|
+
task.formatContext = getSuspenseFallbackFormatContext(ref);
|
4670
4720
|
boundarySegment.status = 6;
|
4671
4721
|
try {
|
4672
4722
|
renderNode(request, task, fallback, -1),
|
@@ -4674,16 +4724,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4674
4724
|
boundarySegment.textEmbedded &&
|
4675
4725
|
boundarySegment.chunks.push(textSeparator),
|
4676
4726
|
(boundarySegment.status = 1),
|
4677
|
-
finishedSegment(request,
|
4727
|
+
finishedSegment(request, propName$34, boundarySegment);
|
4678
4728
|
} catch (thrownValue) {
|
4679
4729
|
throw (
|
4680
4730
|
((boundarySegment.status = 12 === request.status ? 3 : 4),
|
4681
4731
|
thrownValue)
|
4682
4732
|
);
|
4683
4733
|
} finally {
|
4684
|
-
(task.blockedSegment =
|
4685
|
-
(task.blockedPreamble = propName
|
4686
|
-
(task.keyPath = type)
|
4734
|
+
(task.blockedSegment = parentSegment),
|
4735
|
+
(task.blockedPreamble = propName),
|
4736
|
+
(task.keyPath = type),
|
4737
|
+
(task.formatContext = ref);
|
4687
4738
|
}
|
4688
4739
|
task = createRenderTask(
|
4689
4740
|
request,
|
@@ -4696,11 +4747,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4696
4747
|
newBoundary.contentState,
|
4697
4748
|
task.abortSet,
|
4698
4749
|
keyPath,
|
4699
|
-
task.formatContext,
|
4750
|
+
getSuspenseContentFormatContext(task.formatContext),
|
4700
4751
|
task.context,
|
4701
4752
|
task.treeContext,
|
4702
|
-
task.componentStack
|
4703
|
-
task.isFallback
|
4753
|
+
task.componentStack
|
4704
4754
|
);
|
4705
4755
|
pushComponentStack(task);
|
4706
4756
|
request.pingedTasks.push(task);
|
@@ -4710,6 +4760,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4710
4760
|
task.hoistableState = newBoundary.contentState;
|
4711
4761
|
task.blockedSegment = contentRootSegment;
|
4712
4762
|
task.keyPath = keyPath;
|
4763
|
+
task.formatContext = getSuspenseContentFormatContext(ref);
|
4713
4764
|
contentRootSegment.status = 6;
|
4714
4765
|
try {
|
4715
4766
|
if (
|
@@ -4729,13 +4780,13 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4729
4780
|
preparePreamble(request);
|
4730
4781
|
break a;
|
4731
4782
|
}
|
4732
|
-
} catch (thrownValue$
|
4783
|
+
} catch (thrownValue$29) {
|
4733
4784
|
(newBoundary.status = 4),
|
4734
4785
|
12 === request.status
|
4735
4786
|
? ((contentRootSegment.status = 3),
|
4736
4787
|
(newProps = request.fatalError))
|
4737
4788
|
: ((contentRootSegment.status = 4),
|
4738
|
-
(newProps = thrownValue$
|
4789
|
+
(newProps = thrownValue$29)),
|
4739
4790
|
(defaultProps = getThrownInfo(task.componentStack)),
|
4740
4791
|
(initialState = logRecoverableError(
|
4741
4792
|
request,
|
@@ -4745,28 +4796,28 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4745
4796
|
(newBoundary.errorDigest = initialState),
|
4746
4797
|
untrackBoundary(request, newBoundary);
|
4747
4798
|
} finally {
|
4748
|
-
(task.blockedBoundary =
|
4749
|
-
(task.blockedPreamble = propName
|
4799
|
+
(task.blockedBoundary = propName$34),
|
4800
|
+
(task.blockedPreamble = propName),
|
4750
4801
|
(task.hoistableState = parentHoistableState),
|
4751
|
-
(task.blockedSegment =
|
4752
|
-
(task.keyPath = type)
|
4802
|
+
(task.blockedSegment = parentSegment),
|
4803
|
+
(task.keyPath = type),
|
4804
|
+
(task.formatContext = ref);
|
4753
4805
|
}
|
4754
4806
|
task = createRenderTask(
|
4755
4807
|
request,
|
4756
4808
|
null,
|
4757
4809
|
fallback,
|
4758
4810
|
-1,
|
4759
|
-
|
4811
|
+
propName$34,
|
4760
4812
|
boundarySegment,
|
4761
4813
|
newBoundary.fallbackPreamble,
|
4762
4814
|
newBoundary.fallbackState,
|
4763
4815
|
fallbackAbortSet,
|
4764
4816
|
[keyPath[0], "Suspense Fallback", keyPath[2]],
|
4765
|
-
task.formatContext,
|
4817
|
+
getSuspenseFallbackFormatContext(task.formatContext),
|
4766
4818
|
task.context,
|
4767
4819
|
task.treeContext,
|
4768
|
-
task.componentStack
|
4769
|
-
!0
|
4820
|
+
task.componentStack
|
4770
4821
|
);
|
4771
4822
|
pushComponentStack(task);
|
4772
4823
|
request.pingedTasks.push(task);
|
@@ -4778,8 +4829,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4778
4829
|
switch (type.$$typeof) {
|
4779
4830
|
case REACT_FORWARD_REF_TYPE:
|
4780
4831
|
if ("ref" in props)
|
4781
|
-
for (
|
4782
|
-
"ref" !==
|
4832
|
+
for (parentSegment in ((newProps = {}), props))
|
4833
|
+
"ref" !== parentSegment &&
|
4834
|
+
(newProps[parentSegment] = props[parentSegment]);
|
4783
4835
|
else newProps = props;
|
4784
4836
|
type = renderWithHooks(
|
4785
4837
|
request,
|
@@ -4952,12 +5004,13 @@ function retryNode(request, task) {
|
|
4952
5004
|
);
|
4953
5005
|
task.replay.pendingTasks--;
|
4954
5006
|
props = getThrownInfo(task.componentStack);
|
4955
|
-
key =
|
5007
|
+
key = request;
|
5008
|
+
request = task.blockedBoundary;
|
4956
5009
|
type = x;
|
4957
|
-
props = logRecoverableError(
|
5010
|
+
props = logRecoverableError(key, type, props);
|
4958
5011
|
abortRemainingReplayNodes(
|
4959
|
-
request,
|
4960
5012
|
key,
|
5013
|
+
request,
|
4961
5014
|
childNodes,
|
4962
5015
|
name,
|
4963
5016
|
type,
|
@@ -4982,6 +5035,7 @@ function retryNode(request, task) {
|
|
4982
5035
|
node$jscomp$0 =
|
4983
5036
|
null === node$jscomp$0[4] ? null : node$jscomp$0[4][3];
|
4984
5037
|
var prevKeyPath = task.keyPath,
|
5038
|
+
prevContext = task.formatContext,
|
4985
5039
|
previousReplaySet = task.replay,
|
4986
5040
|
parentBoundary = task.blockedBoundary,
|
4987
5041
|
parentHoistableState = task.hoistableState,
|
@@ -5007,6 +5061,8 @@ function retryNode(request, task) {
|
|
5007
5061
|
task.blockedBoundary = props;
|
5008
5062
|
task.hoistableState = props.contentState;
|
5009
5063
|
task.keyPath = key;
|
5064
|
+
task.formatContext =
|
5065
|
+
getSuspenseContentFormatContext(prevContext);
|
5010
5066
|
task.replay = {
|
5011
5067
|
nodes: ref,
|
5012
5068
|
slots: name,
|
@@ -5042,7 +5098,8 @@ function retryNode(request, task) {
|
|
5042
5098
|
(task.blockedBoundary = parentBoundary),
|
5043
5099
|
(task.hoistableState = parentHoistableState),
|
5044
5100
|
(task.replay = previousReplaySet),
|
5045
|
-
(task.keyPath = prevKeyPath)
|
5101
|
+
(task.keyPath = prevKeyPath),
|
5102
|
+
(task.formatContext = prevContext);
|
5046
5103
|
}
|
5047
5104
|
task = createReplayTask(
|
5048
5105
|
request,
|
@@ -5058,11 +5115,10 @@ function retryNode(request, task) {
|
|
5058
5115
|
props.fallbackState,
|
5059
5116
|
fallbackAbortSet,
|
5060
5117
|
[key[0], "Suspense Fallback", key[2]],
|
5061
|
-
task.formatContext,
|
5118
|
+
getSuspenseFallbackFormatContext(task.formatContext),
|
5062
5119
|
task.context,
|
5063
5120
|
task.treeContext,
|
5064
|
-
task.componentStack
|
5065
|
-
!0
|
5121
|
+
task.componentStack
|
5066
5122
|
);
|
5067
5123
|
pushComponentStack(task);
|
5068
5124
|
request.pingedTasks.push(task);
|
@@ -5248,8 +5304,7 @@ function spawnNewSuspendedReplayTask(request, task, thenableState) {
|
|
5248
5304
|
task.formatContext,
|
5249
5305
|
task.context,
|
5250
5306
|
task.treeContext,
|
5251
|
-
task.componentStack
|
5252
|
-
task.isFallback
|
5307
|
+
task.componentStack
|
5253
5308
|
);
|
5254
5309
|
}
|
5255
5310
|
function spawnNewSuspendedRenderTask(request, task, thenableState) {
|
@@ -5278,8 +5333,7 @@ function spawnNewSuspendedRenderTask(request, task, thenableState) {
|
|
5278
5333
|
task.formatContext,
|
5279
5334
|
task.context,
|
5280
5335
|
task.treeContext,
|
5281
|
-
task.componentStack
|
5282
|
-
task.isFallback
|
5336
|
+
task.componentStack
|
5283
5337
|
);
|
5284
5338
|
}
|
5285
5339
|
function renderNode(request, task, node, childIndex) {
|
@@ -5332,15 +5386,15 @@ function renderNode(request, task, node, childIndex) {
|
|
5332
5386
|
chunkLength = segment.chunks.length;
|
5333
5387
|
try {
|
5334
5388
|
return renderNodeDestructive(request, task, node, childIndex);
|
5335
|
-
} catch (thrownValue$
|
5389
|
+
} catch (thrownValue$51) {
|
5336
5390
|
if (
|
5337
5391
|
(resetHooksState(),
|
5338
5392
|
(segment.children.length = childrenLength),
|
5339
5393
|
(segment.chunks.length = chunkLength),
|
5340
5394
|
(node =
|
5341
|
-
thrownValue$
|
5395
|
+
thrownValue$51 === SuspenseException
|
5342
5396
|
? getSuspendedThenable()
|
5343
|
-
: thrownValue$
|
5397
|
+
: thrownValue$51),
|
5344
5398
|
"object" === typeof node && null !== node)
|
5345
5399
|
) {
|
5346
5400
|
if ("function" === typeof node.then) {
|
@@ -6284,12 +6338,12 @@ function flushCompletedQueues(request, destination) {
|
|
6284
6338
|
writtenBytes = 0;
|
6285
6339
|
var partialBoundaries = request.partialBoundaries;
|
6286
6340
|
for (i = 0; i < partialBoundaries.length; i++) {
|
6287
|
-
var boundary$
|
6341
|
+
var boundary$54 = partialBoundaries[i];
|
6288
6342
|
a: {
|
6289
6343
|
clientRenderedBoundaries = request;
|
6290
6344
|
boundary = destination;
|
6291
|
-
flushedByteSize = boundary$
|
6292
|
-
var completedSegments = boundary$
|
6345
|
+
flushedByteSize = boundary$54.byteSize;
|
6346
|
+
var completedSegments = boundary$54.completedSegments;
|
6293
6347
|
for (
|
6294
6348
|
JSCompiler_inline_result = 0;
|
6295
6349
|
JSCompiler_inline_result < completedSegments.length;
|
@@ -6299,7 +6353,7 @@ function flushCompletedQueues(request, destination) {
|
|
6299
6353
|
!flushPartiallyCompletedSegment(
|
6300
6354
|
clientRenderedBoundaries,
|
6301
6355
|
boundary,
|
6302
|
-
boundary$
|
6356
|
+
boundary$54,
|
6303
6357
|
completedSegments[JSCompiler_inline_result]
|
6304
6358
|
)
|
6305
6359
|
) {
|
@@ -6311,7 +6365,7 @@ function flushCompletedQueues(request, destination) {
|
|
6311
6365
|
completedSegments.splice(0, JSCompiler_inline_result);
|
6312
6366
|
JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
|
6313
6367
|
boundary,
|
6314
|
-
boundary$
|
6368
|
+
boundary$54.contentState,
|
6315
6369
|
clientRenderedBoundaries.renderState
|
6316
6370
|
);
|
6317
6371
|
}
|
@@ -6417,17 +6471,17 @@ function abort(request, reason) {
|
|
6417
6471
|
}
|
6418
6472
|
null !== request.destination &&
|
6419
6473
|
flushCompletedQueues(request, request.destination);
|
6420
|
-
} catch (error$
|
6421
|
-
logRecoverableError(request, error$
|
6474
|
+
} catch (error$56) {
|
6475
|
+
logRecoverableError(request, error$56, {}), fatalError(request, error$56);
|
6422
6476
|
}
|
6423
6477
|
}
|
6424
6478
|
function ensureCorrectIsomorphicReactVersion() {
|
6425
6479
|
var isomorphicReactPackageVersion = React.version;
|
6426
|
-
if ("19.2.0-canary-
|
6480
|
+
if ("19.2.0-canary-4448b187-20250515" !== isomorphicReactPackageVersion)
|
6427
6481
|
throw Error(
|
6428
6482
|
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
|
6429
6483
|
(isomorphicReactPackageVersion +
|
6430
|
-
"\n - react-dom: 19.2.0-canary-
|
6484
|
+
"\n - react-dom: 19.2.0-canary-4448b187-20250515\nLearn more: https://react.dev/warnings/version-mismatch")
|
6431
6485
|
);
|
6432
6486
|
}
|
6433
6487
|
ensureCorrectIsomorphicReactVersion();
|
@@ -6573,4 +6627,4 @@ exports.renderToReadableStream = function (children, options) {
|
|
6573
6627
|
startWork(request);
|
6574
6628
|
});
|
6575
6629
|
};
|
6576
|
-
exports.version = "19.2.0-canary-
|
6630
|
+
exports.version = "19.2.0-canary-4448b187-20250515";
|