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
@@ -451,11 +451,17 @@ function createResumableState(
|
|
451
451
|
function createPreambleState() {
|
452
452
|
return { htmlChunks: null, headChunks: null, bodyChunks: null };
|
453
453
|
}
|
454
|
-
function createFormatContext(
|
454
|
+
function createFormatContext(
|
455
|
+
insertionMode,
|
456
|
+
selectedValue,
|
457
|
+
tagScope,
|
458
|
+
viewTransition
|
459
|
+
) {
|
455
460
|
return {
|
456
461
|
insertionMode: insertionMode,
|
457
462
|
selectedValue: selectedValue,
|
458
|
-
tagScope: tagScope
|
463
|
+
tagScope: tagScope,
|
464
|
+
viewTransition: viewTransition
|
459
465
|
};
|
460
466
|
}
|
461
467
|
function createRootFormatContext(namespaceURI) {
|
@@ -466,48 +472,87 @@ function createRootFormatContext(namespaceURI) {
|
|
466
472
|
? 5
|
467
473
|
: 0,
|
468
474
|
null,
|
469
|
-
0
|
475
|
+
0,
|
476
|
+
null
|
470
477
|
);
|
471
478
|
}
|
472
479
|
function getChildFormatContext(parentContext, type, props) {
|
480
|
+
var subtreeScope = parentContext.tagScope & -25;
|
473
481
|
switch (type) {
|
474
482
|
case "noscript":
|
475
|
-
return createFormatContext(2, null,
|
483
|
+
return createFormatContext(2, null, subtreeScope | 1, null);
|
476
484
|
case "select":
|
477
485
|
return createFormatContext(
|
478
486
|
2,
|
479
487
|
null != props.value ? props.value : props.defaultValue,
|
480
|
-
|
488
|
+
subtreeScope,
|
489
|
+
null
|
481
490
|
);
|
482
491
|
case "svg":
|
483
|
-
return createFormatContext(4, null,
|
492
|
+
return createFormatContext(4, null, subtreeScope, null);
|
484
493
|
case "picture":
|
485
|
-
return createFormatContext(2, null,
|
494
|
+
return createFormatContext(2, null, subtreeScope | 2, null);
|
486
495
|
case "math":
|
487
|
-
return createFormatContext(5, null,
|
496
|
+
return createFormatContext(5, null, subtreeScope, null);
|
488
497
|
case "foreignObject":
|
489
|
-
return createFormatContext(2, null,
|
498
|
+
return createFormatContext(2, null, subtreeScope, null);
|
490
499
|
case "table":
|
491
|
-
return createFormatContext(6, null,
|
500
|
+
return createFormatContext(6, null, subtreeScope, null);
|
492
501
|
case "thead":
|
493
502
|
case "tbody":
|
494
503
|
case "tfoot":
|
495
|
-
return createFormatContext(7, null,
|
504
|
+
return createFormatContext(7, null, subtreeScope, null);
|
496
505
|
case "colgroup":
|
497
|
-
return createFormatContext(9, null,
|
506
|
+
return createFormatContext(9, null, subtreeScope, null);
|
498
507
|
case "tr":
|
499
|
-
return createFormatContext(8, null,
|
508
|
+
return createFormatContext(8, null, subtreeScope, null);
|
500
509
|
case "head":
|
501
510
|
if (2 > parentContext.insertionMode)
|
502
|
-
return createFormatContext(3, null,
|
511
|
+
return createFormatContext(3, null, subtreeScope, null);
|
503
512
|
break;
|
504
513
|
case "html":
|
505
514
|
if (0 === parentContext.insertionMode)
|
506
|
-
return createFormatContext(1, null,
|
515
|
+
return createFormatContext(1, null, subtreeScope, null);
|
507
516
|
}
|
508
517
|
return 6 <= parentContext.insertionMode || 2 > parentContext.insertionMode
|
509
|
-
? createFormatContext(2, null,
|
510
|
-
: parentContext
|
518
|
+
? createFormatContext(2, null, subtreeScope, null)
|
519
|
+
: parentContext.tagScope !== subtreeScope
|
520
|
+
? createFormatContext(
|
521
|
+
parentContext.insertionMode,
|
522
|
+
parentContext.selectedValue,
|
523
|
+
subtreeScope,
|
524
|
+
null
|
525
|
+
)
|
526
|
+
: parentContext;
|
527
|
+
}
|
528
|
+
function getSuspenseViewTransition(parentViewTransition) {
|
529
|
+
return null === parentViewTransition
|
530
|
+
? null
|
531
|
+
: {
|
532
|
+
update: parentViewTransition.update,
|
533
|
+
enter: null,
|
534
|
+
exit: null,
|
535
|
+
share: parentViewTransition.update,
|
536
|
+
name: parentViewTransition.autoName,
|
537
|
+
autoName: parentViewTransition.autoName,
|
538
|
+
nameIdx: 0
|
539
|
+
};
|
540
|
+
}
|
541
|
+
function getSuspenseFallbackFormatContext(parentContext) {
|
542
|
+
return createFormatContext(
|
543
|
+
parentContext.insertionMode,
|
544
|
+
parentContext.selectedValue,
|
545
|
+
parentContext.tagScope | 12,
|
546
|
+
getSuspenseViewTransition(parentContext.viewTransition)
|
547
|
+
);
|
548
|
+
}
|
549
|
+
function getSuspenseContentFormatContext(parentContext) {
|
550
|
+
return createFormatContext(
|
551
|
+
parentContext.insertionMode,
|
552
|
+
parentContext.selectedValue,
|
553
|
+
parentContext.tagScope | 16,
|
554
|
+
getSuspenseViewTransition(parentContext.viewTransition)
|
555
|
+
);
|
511
556
|
}
|
512
557
|
function pushTextInstance(target, text, renderState, textEmbedded) {
|
513
558
|
if ("" === text) return textEmbedded;
|
@@ -1017,8 +1062,7 @@ function pushStartInstance(
|
|
1017
1062
|
preambleState,
|
1018
1063
|
hoistableState,
|
1019
1064
|
formatContext,
|
1020
|
-
textEmbedded
|
1021
|
-
isFallback
|
1065
|
+
textEmbedded
|
1022
1066
|
) {
|
1023
1067
|
switch (type) {
|
1024
1068
|
case "div":
|
@@ -1493,9 +1537,11 @@ function pushStartInstance(
|
|
1493
1537
|
} else JSCompiler_inline_result$jscomp$2 = children$jscomp$5;
|
1494
1538
|
return JSCompiler_inline_result$jscomp$2;
|
1495
1539
|
case "title":
|
1540
|
+
var noscriptTagInScope = formatContext.tagScope & 1,
|
1541
|
+
isFallback = formatContext.tagScope & 4;
|
1496
1542
|
if (
|
1497
1543
|
4 === formatContext.insertionMode ||
|
1498
|
-
|
1544
|
+
noscriptTagInScope ||
|
1499
1545
|
null != props.itemProp
|
1500
1546
|
)
|
1501
1547
|
var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
|
@@ -1509,12 +1555,14 @@ function pushStartInstance(
|
|
1509
1555
|
(JSCompiler_inline_result$jscomp$3 = void 0));
|
1510
1556
|
return JSCompiler_inline_result$jscomp$3;
|
1511
1557
|
case "link":
|
1512
|
-
var
|
1558
|
+
var noscriptTagInScope$jscomp$0 = formatContext.tagScope & 1,
|
1559
|
+
isFallback$jscomp$0 = formatContext.tagScope & 4,
|
1560
|
+
rel = props.rel,
|
1513
1561
|
href = props.href,
|
1514
1562
|
precedence = props.precedence;
|
1515
1563
|
if (
|
1516
1564
|
4 === formatContext.insertionMode ||
|
1517
|
-
|
1565
|
+
noscriptTagInScope$jscomp$0 ||
|
1518
1566
|
null != props.itemProp ||
|
1519
1567
|
"string" !== typeof rel ||
|
1520
1568
|
"string" !== typeof href ||
|
@@ -1581,12 +1629,13 @@ function pushStartInstance(
|
|
1581
1629
|
props
|
1582
1630
|
))
|
1583
1631
|
: (textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
|
1584
|
-
(JSCompiler_inline_result$jscomp$4 = isFallback
|
1632
|
+
(JSCompiler_inline_result$jscomp$4 = isFallback$jscomp$0
|
1585
1633
|
? null
|
1586
1634
|
: pushLinkImpl(renderState.hoistableChunks, props)));
|
1587
1635
|
return JSCompiler_inline_result$jscomp$4;
|
1588
1636
|
case "script":
|
1589
|
-
var
|
1637
|
+
var noscriptTagInScope$jscomp$1 = formatContext.tagScope & 1,
|
1638
|
+
asyncProp = props.async;
|
1590
1639
|
if (
|
1591
1640
|
"string" !== typeof props.src ||
|
1592
1641
|
!props.src ||
|
@@ -1596,7 +1645,7 @@ function pushStartInstance(
|
|
1596
1645
|
props.onLoad ||
|
1597
1646
|
props.onError ||
|
1598
1647
|
4 === formatContext.insertionMode ||
|
1599
|
-
|
1648
|
+
noscriptTagInScope$jscomp$1 ||
|
1600
1649
|
null != props.itemProp
|
1601
1650
|
)
|
1602
1651
|
var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
|
@@ -1633,11 +1682,12 @@ function pushStartInstance(
|
|
1633
1682
|
}
|
1634
1683
|
return JSCompiler_inline_result$jscomp$5;
|
1635
1684
|
case "style":
|
1636
|
-
var
|
1685
|
+
var noscriptTagInScope$jscomp$2 = formatContext.tagScope & 1,
|
1686
|
+
precedence$jscomp$0 = props.precedence,
|
1637
1687
|
href$jscomp$0 = props.href;
|
1638
1688
|
if (
|
1639
1689
|
4 === formatContext.insertionMode ||
|
1640
|
-
|
1690
|
+
noscriptTagInScope$jscomp$2 ||
|
1641
1691
|
null != props.itemProp ||
|
1642
1692
|
"string" !== typeof precedence$jscomp$0 ||
|
1643
1693
|
"string" !== typeof href$jscomp$0 ||
|
@@ -1738,9 +1788,11 @@ function pushStartInstance(
|
|
1738
1788
|
}
|
1739
1789
|
return JSCompiler_inline_result$jscomp$6;
|
1740
1790
|
case "meta":
|
1791
|
+
var noscriptTagInScope$jscomp$3 = formatContext.tagScope & 1,
|
1792
|
+
isFallback$jscomp$1 = formatContext.tagScope & 4;
|
1741
1793
|
if (
|
1742
1794
|
4 === formatContext.insertionMode ||
|
1743
|
-
|
1795
|
+
noscriptTagInScope$jscomp$3 ||
|
1744
1796
|
null != props.itemProp
|
1745
1797
|
)
|
1746
1798
|
var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
|
@@ -1750,7 +1802,7 @@ function pushStartInstance(
|
|
1750
1802
|
);
|
1751
1803
|
else
|
1752
1804
|
textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
|
1753
|
-
(JSCompiler_inline_result$jscomp$7 = isFallback
|
1805
|
+
(JSCompiler_inline_result$jscomp$7 = isFallback$jscomp$1
|
1754
1806
|
? null
|
1755
1807
|
: "string" === typeof props.charSet
|
1756
1808
|
? pushSelfClosing(renderState.charsetChunks, props, "meta")
|
@@ -1808,17 +1860,18 @@ function pushStartInstance(
|
|
1808
1860
|
target$jscomp$0.push("\n");
|
1809
1861
|
return children$jscomp$8;
|
1810
1862
|
case "img":
|
1811
|
-
var
|
1863
|
+
var pictureOrNoScriptTagInScope = formatContext.tagScope & 3,
|
1864
|
+
src = props.src,
|
1812
1865
|
srcSet = props.srcSet;
|
1813
1866
|
if (
|
1814
1867
|
!(
|
1815
1868
|
"lazy" === props.loading ||
|
1816
1869
|
(!src && !srcSet) ||
|
1817
1870
|
("string" !== typeof src && null != src) ||
|
1818
|
-
("string" !== typeof srcSet && null != srcSet)
|
1871
|
+
("string" !== typeof srcSet && null != srcSet) ||
|
1872
|
+
"low" === props.fetchPriority ||
|
1873
|
+
pictureOrNoScriptTagInScope
|
1819
1874
|
) &&
|
1820
|
-
"low" !== props.fetchPriority &&
|
1821
|
-
!1 === !!(formatContext.tagScope & 3) &&
|
1822
1875
|
("string" !== typeof src ||
|
1823
1876
|
":" !== src[4] ||
|
1824
1877
|
("d" !== src[0] && "D" !== src[0]) ||
|
@@ -3664,8 +3717,7 @@ function createRequest(
|
|
3664
3717
|
rootFormatContext,
|
3665
3718
|
null,
|
3666
3719
|
emptyTreeContext,
|
3667
|
-
null
|
3668
|
-
!1
|
3720
|
+
null
|
3669
3721
|
);
|
3670
3722
|
pushComponentStack(children);
|
3671
3723
|
resumableState.pingedTasks.push(children);
|
@@ -3721,8 +3773,7 @@ function createRenderTask(
|
|
3721
3773
|
formatContext,
|
3722
3774
|
context,
|
3723
3775
|
treeContext,
|
3724
|
-
componentStack
|
3725
|
-
isFallback
|
3776
|
+
componentStack
|
3726
3777
|
) {
|
3727
3778
|
request.allPendingTasks++;
|
3728
3779
|
null === blockedBoundary
|
@@ -3745,8 +3796,7 @@ function createRenderTask(
|
|
3745
3796
|
context: context,
|
3746
3797
|
treeContext: treeContext,
|
3747
3798
|
componentStack: componentStack,
|
3748
|
-
thenableState: thenableState
|
3749
|
-
isFallback: isFallback
|
3799
|
+
thenableState: thenableState
|
3750
3800
|
};
|
3751
3801
|
abortSet.add(task);
|
3752
3802
|
return task;
|
@@ -3764,8 +3814,7 @@ function createReplayTask(
|
|
3764
3814
|
formatContext,
|
3765
3815
|
context,
|
3766
3816
|
treeContext,
|
3767
|
-
componentStack
|
3768
|
-
isFallback
|
3817
|
+
componentStack
|
3769
3818
|
) {
|
3770
3819
|
request.allPendingTasks++;
|
3771
3820
|
null === blockedBoundary
|
@@ -3789,8 +3838,7 @@ function createReplayTask(
|
|
3789
3838
|
context: context,
|
3790
3839
|
treeContext: treeContext,
|
3791
3840
|
componentStack: componentStack,
|
3792
|
-
thenableState: thenableState
|
3793
|
-
isFallback: isFallback
|
3841
|
+
thenableState: thenableState
|
3794
3842
|
};
|
3795
3843
|
abortSet.add(task);
|
3796
3844
|
return task;
|
@@ -3933,9 +3981,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
3933
3981
|
var defaultProps = type.defaultProps;
|
3934
3982
|
if (defaultProps) {
|
3935
3983
|
newProps === props && (newProps = assign({}, newProps, props));
|
3936
|
-
for (var propName$
|
3937
|
-
void 0 === newProps[propName$
|
3938
|
-
(newProps[propName$
|
3984
|
+
for (var propName$34 in defaultProps)
|
3985
|
+
void 0 === newProps[propName$34] &&
|
3986
|
+
(newProps[propName$34] = defaultProps[propName$34]);
|
3939
3987
|
}
|
3940
3988
|
props = newProps;
|
3941
3989
|
newProps = emptyContextObject;
|
@@ -3995,16 +4043,16 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
3995
4043
|
defaultProps = ref ? type[0] : newProps.state;
|
3996
4044
|
initialState = !0;
|
3997
4045
|
for (ref = ref ? 1 : 0; ref < type.length; ref++)
|
3998
|
-
(propName$
|
3999
|
-
(propName$
|
4000
|
-
"function" === typeof propName$
|
4001
|
-
? propName$
|
4002
|
-
: propName$
|
4003
|
-
null != propName$
|
4046
|
+
(propName$34 = type[ref]),
|
4047
|
+
(propName$34 =
|
4048
|
+
"function" === typeof propName$34
|
4049
|
+
? propName$34.call(newProps, defaultProps, props, void 0)
|
4050
|
+
: propName$34),
|
4051
|
+
null != propName$34 &&
|
4004
4052
|
(initialState
|
4005
4053
|
? ((initialState = !1),
|
4006
|
-
(defaultProps = assign({}, defaultProps, propName$
|
4007
|
-
: assign(defaultProps, propName$
|
4054
|
+
(defaultProps = assign({}, defaultProps, propName$34)))
|
4055
|
+
: assign(defaultProps, propName$34));
|
4008
4056
|
newProps.state = defaultProps;
|
4009
4057
|
}
|
4010
4058
|
else defaultProps.queue = null;
|
@@ -4047,8 +4095,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4047
4095
|
task.blockedPreamble,
|
4048
4096
|
task.hoistableState,
|
4049
4097
|
task.formatContext,
|
4050
|
-
newProps.lastPushedText
|
4051
|
-
task.isFallback
|
4098
|
+
newProps.lastPushedText
|
4052
4099
|
);
|
4053
4100
|
newProps.lastPushedText = !1;
|
4054
4101
|
defaultProps = task.formatContext;
|
@@ -4080,8 +4127,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4080
4127
|
task.formatContext,
|
4081
4128
|
task.context,
|
4082
4129
|
task.treeContext,
|
4083
|
-
task.componentStack
|
4084
|
-
task.isFallback
|
4130
|
+
task.componentStack
|
4085
4131
|
)),
|
4086
4132
|
pushComponentStack(keyPath),
|
4087
4133
|
request.pingedTasks.push(keyPath))
|
@@ -4171,20 +4217,23 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4171
4217
|
case REACT_SUSPENSE_TYPE:
|
4172
4218
|
a: if (null !== task.replay) {
|
4173
4219
|
type = task.keyPath;
|
4220
|
+
newProps = task.formatContext;
|
4174
4221
|
task.keyPath = keyPath;
|
4222
|
+
task.formatContext = getSuspenseContentFormatContext(newProps);
|
4175
4223
|
keyPath = props.children;
|
4176
4224
|
try {
|
4177
4225
|
renderNode(request, task, keyPath, -1);
|
4178
4226
|
} finally {
|
4179
|
-
task.keyPath = type;
|
4227
|
+
(task.keyPath = type), (task.formatContext = newProps);
|
4180
4228
|
}
|
4181
4229
|
} else {
|
4182
4230
|
type = task.keyPath;
|
4183
|
-
ref = task.
|
4184
|
-
propName$
|
4185
|
-
|
4186
|
-
|
4187
|
-
|
4231
|
+
ref = task.formatContext;
|
4232
|
+
propName$34 = task.blockedBoundary;
|
4233
|
+
propName = task.blockedPreamble;
|
4234
|
+
var parentHoistableState = task.hoistableState,
|
4235
|
+
parentSegment = task.blockedSegment,
|
4236
|
+
fallback = props.fallback;
|
4188
4237
|
props = props.children;
|
4189
4238
|
var fallbackAbortSet = new Set();
|
4190
4239
|
var newBoundary =
|
@@ -4200,14 +4249,14 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4200
4249
|
(newBoundary.trackedContentKeyPath = keyPath);
|
4201
4250
|
var boundarySegment = createPendingSegment(
|
4202
4251
|
request,
|
4203
|
-
|
4252
|
+
parentSegment.chunks.length,
|
4204
4253
|
newBoundary,
|
4205
4254
|
task.formatContext,
|
4206
4255
|
!1,
|
4207
4256
|
!1
|
4208
4257
|
);
|
4209
|
-
|
4210
|
-
|
4258
|
+
parentSegment.children.push(boundarySegment);
|
4259
|
+
parentSegment.lastPushedText = !1;
|
4211
4260
|
var contentRootSegment = createPendingSegment(
|
4212
4261
|
request,
|
4213
4262
|
0,
|
@@ -4225,6 +4274,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4225
4274
|
task.blockedSegment = boundarySegment;
|
4226
4275
|
task.blockedPreamble = newBoundary.fallbackPreamble;
|
4227
4276
|
task.keyPath = newProps;
|
4277
|
+
task.formatContext = getSuspenseFallbackFormatContext(ref);
|
4228
4278
|
boundarySegment.status = 6;
|
4229
4279
|
try {
|
4230
4280
|
renderNode(request, task, fallback, -1),
|
@@ -4232,16 +4282,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4232
4282
|
boundarySegment.textEmbedded &&
|
4233
4283
|
boundarySegment.chunks.push("\x3c!-- --\x3e"),
|
4234
4284
|
(boundarySegment.status = 1),
|
4235
|
-
finishedSegment(request,
|
4285
|
+
finishedSegment(request, propName$34, boundarySegment);
|
4236
4286
|
} catch (thrownValue) {
|
4237
4287
|
throw (
|
4238
4288
|
((boundarySegment.status = 12 === request.status ? 3 : 4),
|
4239
4289
|
thrownValue)
|
4240
4290
|
);
|
4241
4291
|
} finally {
|
4242
|
-
(task.blockedSegment =
|
4243
|
-
(task.blockedPreamble = propName
|
4244
|
-
(task.keyPath = type)
|
4292
|
+
(task.blockedSegment = parentSegment),
|
4293
|
+
(task.blockedPreamble = propName),
|
4294
|
+
(task.keyPath = type),
|
4295
|
+
(task.formatContext = ref);
|
4245
4296
|
}
|
4246
4297
|
task = createRenderTask(
|
4247
4298
|
request,
|
@@ -4254,11 +4305,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4254
4305
|
newBoundary.contentState,
|
4255
4306
|
task.abortSet,
|
4256
4307
|
keyPath,
|
4257
|
-
task.formatContext,
|
4308
|
+
getSuspenseContentFormatContext(task.formatContext),
|
4258
4309
|
task.context,
|
4259
4310
|
task.treeContext,
|
4260
|
-
task.componentStack
|
4261
|
-
task.isFallback
|
4311
|
+
task.componentStack
|
4262
4312
|
);
|
4263
4313
|
pushComponentStack(task);
|
4264
4314
|
request.pingedTasks.push(task);
|
@@ -4268,6 +4318,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4268
4318
|
task.hoistableState = newBoundary.contentState;
|
4269
4319
|
task.blockedSegment = contentRootSegment;
|
4270
4320
|
task.keyPath = keyPath;
|
4321
|
+
task.formatContext = getSuspenseContentFormatContext(ref);
|
4271
4322
|
contentRootSegment.status = 6;
|
4272
4323
|
try {
|
4273
4324
|
if (
|
@@ -4287,13 +4338,13 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4287
4338
|
preparePreamble(request);
|
4288
4339
|
break a;
|
4289
4340
|
}
|
4290
|
-
} catch (thrownValue$
|
4341
|
+
} catch (thrownValue$29) {
|
4291
4342
|
(newBoundary.status = 4),
|
4292
4343
|
12 === request.status
|
4293
4344
|
? ((contentRootSegment.status = 3),
|
4294
4345
|
(newProps = request.fatalError))
|
4295
4346
|
: ((contentRootSegment.status = 4),
|
4296
|
-
(newProps = thrownValue$
|
4347
|
+
(newProps = thrownValue$29)),
|
4297
4348
|
(defaultProps = getThrownInfo(task.componentStack)),
|
4298
4349
|
(initialState = logRecoverableError(
|
4299
4350
|
request,
|
@@ -4303,28 +4354,28 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4303
4354
|
(newBoundary.errorDigest = initialState),
|
4304
4355
|
untrackBoundary(request, newBoundary);
|
4305
4356
|
} finally {
|
4306
|
-
(task.blockedBoundary =
|
4307
|
-
(task.blockedPreamble = propName
|
4357
|
+
(task.blockedBoundary = propName$34),
|
4358
|
+
(task.blockedPreamble = propName),
|
4308
4359
|
(task.hoistableState = parentHoistableState),
|
4309
|
-
(task.blockedSegment =
|
4310
|
-
(task.keyPath = type)
|
4360
|
+
(task.blockedSegment = parentSegment),
|
4361
|
+
(task.keyPath = type),
|
4362
|
+
(task.formatContext = ref);
|
4311
4363
|
}
|
4312
4364
|
task = createRenderTask(
|
4313
4365
|
request,
|
4314
4366
|
null,
|
4315
4367
|
fallback,
|
4316
4368
|
-1,
|
4317
|
-
|
4369
|
+
propName$34,
|
4318
4370
|
boundarySegment,
|
4319
4371
|
newBoundary.fallbackPreamble,
|
4320
4372
|
newBoundary.fallbackState,
|
4321
4373
|
fallbackAbortSet,
|
4322
4374
|
[keyPath[0], "Suspense Fallback", keyPath[2]],
|
4323
|
-
task.formatContext,
|
4375
|
+
getSuspenseFallbackFormatContext(task.formatContext),
|
4324
4376
|
task.context,
|
4325
4377
|
task.treeContext,
|
4326
|
-
task.componentStack
|
4327
|
-
!0
|
4378
|
+
task.componentStack
|
4328
4379
|
);
|
4329
4380
|
pushComponentStack(task);
|
4330
4381
|
request.pingedTasks.push(task);
|
@@ -4336,8 +4387,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
|
|
4336
4387
|
switch (type.$$typeof) {
|
4337
4388
|
case REACT_FORWARD_REF_TYPE:
|
4338
4389
|
if ("ref" in props)
|
4339
|
-
for (
|
4340
|
-
"ref" !==
|
4390
|
+
for (parentSegment in ((newProps = {}), props))
|
4391
|
+
"ref" !== parentSegment &&
|
4392
|
+
(newProps[parentSegment] = props[parentSegment]);
|
4341
4393
|
else newProps = props;
|
4342
4394
|
type = renderWithHooks(
|
4343
4395
|
request,
|
@@ -4510,12 +4562,13 @@ function retryNode(request, task) {
|
|
4510
4562
|
);
|
4511
4563
|
task.replay.pendingTasks--;
|
4512
4564
|
props = getThrownInfo(task.componentStack);
|
4513
|
-
key =
|
4565
|
+
key = request;
|
4566
|
+
request = task.blockedBoundary;
|
4514
4567
|
type = x;
|
4515
|
-
props = logRecoverableError(
|
4568
|
+
props = logRecoverableError(key, type, props);
|
4516
4569
|
abortRemainingReplayNodes(
|
4517
|
-
request,
|
4518
4570
|
key,
|
4571
|
+
request,
|
4519
4572
|
childNodes,
|
4520
4573
|
name,
|
4521
4574
|
type,
|
@@ -4540,6 +4593,7 @@ function retryNode(request, task) {
|
|
4540
4593
|
node$jscomp$0 =
|
4541
4594
|
null === node$jscomp$0[4] ? null : node$jscomp$0[4][3];
|
4542
4595
|
var prevKeyPath = task.keyPath,
|
4596
|
+
prevContext = task.formatContext,
|
4543
4597
|
previousReplaySet = task.replay,
|
4544
4598
|
parentBoundary = task.blockedBoundary,
|
4545
4599
|
parentHoistableState = task.hoistableState,
|
@@ -4565,6 +4619,8 @@ function retryNode(request, task) {
|
|
4565
4619
|
task.blockedBoundary = props;
|
4566
4620
|
task.hoistableState = props.contentState;
|
4567
4621
|
task.keyPath = key;
|
4622
|
+
task.formatContext =
|
4623
|
+
getSuspenseContentFormatContext(prevContext);
|
4568
4624
|
task.replay = {
|
4569
4625
|
nodes: ref,
|
4570
4626
|
slots: name,
|
@@ -4600,7 +4656,8 @@ function retryNode(request, task) {
|
|
4600
4656
|
(task.blockedBoundary = parentBoundary),
|
4601
4657
|
(task.hoistableState = parentHoistableState),
|
4602
4658
|
(task.replay = previousReplaySet),
|
4603
|
-
(task.keyPath = prevKeyPath)
|
4659
|
+
(task.keyPath = prevKeyPath),
|
4660
|
+
(task.formatContext = prevContext);
|
4604
4661
|
}
|
4605
4662
|
task = createReplayTask(
|
4606
4663
|
request,
|
@@ -4616,11 +4673,10 @@ function retryNode(request, task) {
|
|
4616
4673
|
props.fallbackState,
|
4617
4674
|
fallbackAbortSet,
|
4618
4675
|
[key[0], "Suspense Fallback", key[2]],
|
4619
|
-
task.formatContext,
|
4676
|
+
getSuspenseFallbackFormatContext(task.formatContext),
|
4620
4677
|
task.context,
|
4621
4678
|
task.treeContext,
|
4622
|
-
task.componentStack
|
4623
|
-
!0
|
4679
|
+
task.componentStack
|
4624
4680
|
);
|
4625
4681
|
pushComponentStack(task);
|
4626
4682
|
request.pingedTasks.push(task);
|
@@ -4806,8 +4862,7 @@ function spawnNewSuspendedReplayTask(request, task, thenableState) {
|
|
4806
4862
|
task.formatContext,
|
4807
4863
|
task.context,
|
4808
4864
|
task.treeContext,
|
4809
|
-
task.componentStack
|
4810
|
-
task.isFallback
|
4865
|
+
task.componentStack
|
4811
4866
|
);
|
4812
4867
|
}
|
4813
4868
|
function spawnNewSuspendedRenderTask(request, task, thenableState) {
|
@@ -4836,8 +4891,7 @@ function spawnNewSuspendedRenderTask(request, task, thenableState) {
|
|
4836
4891
|
task.formatContext,
|
4837
4892
|
task.context,
|
4838
4893
|
task.treeContext,
|
4839
|
-
task.componentStack
|
4840
|
-
task.isFallback
|
4894
|
+
task.componentStack
|
4841
4895
|
);
|
4842
4896
|
}
|
4843
4897
|
function renderNode(request, task, node, childIndex) {
|
@@ -4890,15 +4944,15 @@ function renderNode(request, task, node, childIndex) {
|
|
4890
4944
|
chunkLength = segment.chunks.length;
|
4891
4945
|
try {
|
4892
4946
|
return renderNodeDestructive(request, task, node, childIndex);
|
4893
|
-
} catch (thrownValue$
|
4947
|
+
} catch (thrownValue$51) {
|
4894
4948
|
if (
|
4895
4949
|
(resetHooksState(),
|
4896
4950
|
(segment.children.length = childrenLength),
|
4897
4951
|
(segment.chunks.length = chunkLength),
|
4898
4952
|
(node =
|
4899
|
-
thrownValue$
|
4953
|
+
thrownValue$51 === SuspenseException
|
4900
4954
|
? getSuspendedThenable()
|
4901
|
-
: thrownValue$
|
4955
|
+
: thrownValue$51),
|
4902
4956
|
"object" === typeof node && null !== node)
|
4903
4957
|
) {
|
4904
4958
|
if ("function" === typeof node.then) {
|
@@ -5844,12 +5898,12 @@ function flushCompletedQueues(request, destination) {
|
|
5844
5898
|
completedBoundaries.splice(0, i);
|
5845
5899
|
var partialBoundaries = request.partialBoundaries;
|
5846
5900
|
for (i = 0; i < partialBoundaries.length; i++) {
|
5847
|
-
var boundary$
|
5901
|
+
var boundary$54 = partialBoundaries[i];
|
5848
5902
|
a: {
|
5849
5903
|
clientRenderedBoundaries = request;
|
5850
5904
|
boundary = destination;
|
5851
|
-
flushedByteSize = boundary$
|
5852
|
-
var completedSegments = boundary$
|
5905
|
+
flushedByteSize = boundary$54.byteSize;
|
5906
|
+
var completedSegments = boundary$54.completedSegments;
|
5853
5907
|
for (
|
5854
5908
|
JSCompiler_inline_result = 0;
|
5855
5909
|
JSCompiler_inline_result < completedSegments.length;
|
@@ -5859,7 +5913,7 @@ function flushCompletedQueues(request, destination) {
|
|
5859
5913
|
!flushPartiallyCompletedSegment(
|
5860
5914
|
clientRenderedBoundaries,
|
5861
5915
|
boundary,
|
5862
|
-
boundary$
|
5916
|
+
boundary$54,
|
5863
5917
|
completedSegments[JSCompiler_inline_result]
|
5864
5918
|
)
|
5865
5919
|
) {
|
@@ -5871,7 +5925,7 @@ function flushCompletedQueues(request, destination) {
|
|
5871
5925
|
completedSegments.splice(0, JSCompiler_inline_result);
|
5872
5926
|
JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
|
5873
5927
|
boundary,
|
5874
|
-
boundary$
|
5928
|
+
boundary$54.contentState,
|
5875
5929
|
clientRenderedBoundaries.renderState
|
5876
5930
|
);
|
5877
5931
|
}
|
@@ -5952,19 +6006,19 @@ function abort(request, reason) {
|
|
5952
6006
|
}
|
5953
6007
|
null !== request.destination &&
|
5954
6008
|
flushCompletedQueues(request, request.destination);
|
5955
|
-
} catch (error$
|
5956
|
-
logRecoverableError(request, error$
|
6009
|
+
} catch (error$56) {
|
6010
|
+
logRecoverableError(request, error$56, {}), fatalError(request, error$56);
|
5957
6011
|
}
|
5958
6012
|
}
|
5959
|
-
var isomorphicReactPackageVersion$jscomp$
|
6013
|
+
var isomorphicReactPackageVersion$jscomp$inline_781 = React.version;
|
5960
6014
|
if (
|
5961
|
-
"19.2.0-canary-
|
5962
|
-
isomorphicReactPackageVersion$jscomp$
|
6015
|
+
"19.2.0-canary-4448b187-20250515" !==
|
6016
|
+
isomorphicReactPackageVersion$jscomp$inline_781
|
5963
6017
|
)
|
5964
6018
|
throw Error(
|
5965
6019
|
'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
|
5966
|
-
(isomorphicReactPackageVersion$jscomp$
|
5967
|
-
"\n - react-dom: 19.2.0-canary-
|
6020
|
+
(isomorphicReactPackageVersion$jscomp$inline_781 +
|
6021
|
+
"\n - react-dom: 19.2.0-canary-4448b187-20250515\nLearn more: https://react.dev/warnings/version-mismatch")
|
5968
6022
|
);
|
5969
6023
|
exports.renderToReadableStream = function (children, options) {
|
5970
6024
|
return new Promise(function (resolve, reject) {
|
@@ -6055,4 +6109,4 @@ exports.renderToReadableStream = function (children, options) {
|
|
6055
6109
|
startWork(request);
|
6056
6110
|
});
|
6057
6111
|
};
|
6058
|
-
exports.version = "19.2.0-canary-
|
6112
|
+
exports.version = "19.2.0-canary-4448b187-20250515";
|