react-dom 19.1.0-canary-0a82580b-20250203 → 19.1.0-canary-ff628334-20250205

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.
Files changed (21) hide show
  1. package/cjs/react-dom-client.development.js +377 -361
  2. package/cjs/react-dom-client.production.js +214 -191
  3. package/cjs/react-dom-profiling.development.js +377 -361
  4. package/cjs/react-dom-profiling.profiling.js +214 -191
  5. package/cjs/react-dom-server-legacy.browser.development.js +73 -28
  6. package/cjs/react-dom-server-legacy.browser.production.js +97 -52
  7. package/cjs/react-dom-server-legacy.node.development.js +73 -28
  8. package/cjs/react-dom-server-legacy.node.production.js +97 -52
  9. package/cjs/react-dom-server.browser.development.js +90 -38
  10. package/cjs/react-dom-server.browser.production.js +94 -39
  11. package/cjs/react-dom-server.bun.development.js +91 -37
  12. package/cjs/react-dom-server.bun.production.js +94 -42
  13. package/cjs/react-dom-server.edge.development.js +90 -38
  14. package/cjs/react-dom-server.edge.production.js +97 -42
  15. package/cjs/react-dom-server.node.development.js +90 -38
  16. package/cjs/react-dom-server.node.production.js +97 -42
  17. package/cjs/react-dom.development.js +1 -1
  18. package/cjs/react-dom.production.js +1 -1
  19. package/cjs/react-dom.react-server.development.js +1 -1
  20. package/cjs/react-dom.react-server.production.js +1 -1
  21. package/package.json +3 -3
package/cjs/react-dom-server.browser.production.js CHANGED
@@ -606,7 +606,12 @@ function createResumableState(
606
606
  };
607
607
  }
608
608
  function createPreambleState() {
609
- return { htmlChunks: null, headChunks: null, bodyChunks: null };
609
+ return {
610
+ htmlChunks: null,
611
+ headChunks: null,
612
+ bodyChunks: null,
613
+ contribution: 0
614
+ };
610
615
  }
611
616
  function createFormatContext(insertionMode, selectedValue, tagScope) {
612
617
  return {
@@ -1174,6 +1179,29 @@ function pushScriptImpl(target, props) {
1174
1179
  target.push(endChunkForTag("script"));
1175
1180
  return null;
1176
1181
  }
1182
+ function pushStartSingletonElement(target, props, tag) {
1183
+ target.push(startChunkForTag(tag));
1184
+ var innerHTML = (tag = null),
1185
+ propKey;
1186
+ for (propKey in props)
1187
+ if (hasOwnProperty.call(props, propKey)) {
1188
+ var propValue = props[propKey];
1189
+ if (null != propValue)
1190
+ switch (propKey) {
1191
+ case "children":
1192
+ tag = propValue;
1193
+ break;
1194
+ case "dangerouslySetInnerHTML":
1195
+ innerHTML = propValue;
1196
+ break;
1197
+ default:
1198
+ pushAttribute(target, propKey, propValue);
1199
+ }
1200
+ }
1201
+ target.push(endOfStartTag);
1202
+ pushInnerHTML(target, innerHTML, tag);
1203
+ return tag;
1204
+ }
1177
1205
  function pushStartGenericElement(target, props, tag) {
1178
1206
  target.push(startChunkForTag(tag));
1179
1207
  var innerHTML = (tag = null),
@@ -2127,7 +2155,7 @@ function pushStartInstance(
2127
2155
  if (preamble.headChunks)
2128
2156
  throw Error(formatProdErrorMessage(545, "`<head>`"));
2129
2157
  preamble.headChunks = [];
2130
- var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
2158
+ var JSCompiler_inline_result$jscomp$9 = pushStartSingletonElement(
2131
2159
  preamble.headChunks,
2132
2160
  props,
2133
2161
  "head"
@@ -2145,7 +2173,7 @@ function pushStartInstance(
2145
2173
  if (preamble$jscomp$0.bodyChunks)
2146
2174
  throw Error(formatProdErrorMessage(545, "`<body>`"));
2147
2175
  preamble$jscomp$0.bodyChunks = [];
2148
- var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
2176
+ var JSCompiler_inline_result$jscomp$10 = pushStartSingletonElement(
2149
2177
  preamble$jscomp$0.bodyChunks,
2150
2178
  props,
2151
2179
  "body"
@@ -2163,7 +2191,7 @@ function pushStartInstance(
2163
2191
  if (preamble$jscomp$1.htmlChunks)
2164
2192
  throw Error(formatProdErrorMessage(545, "`<html>`"));
2165
2193
  preamble$jscomp$1.htmlChunks = [doctypeChunk];
2166
- var JSCompiler_inline_result$jscomp$11 = pushStartGenericElement(
2194
+ var JSCompiler_inline_result$jscomp$11 = pushStartSingletonElement(
2167
2195
  preamble$jscomp$1.htmlChunks,
2168
2196
  props,
2169
2197
  "html"
@@ -2240,11 +2268,17 @@ function endChunkForTag(tag) {
2240
2268
  function hoistPreambleState(renderState, preambleState) {
2241
2269
  renderState = renderState.preamble;
2242
2270
  null === renderState.htmlChunks &&
2243
- (renderState.htmlChunks = preambleState.htmlChunks);
2271
+ preambleState.htmlChunks &&
2272
+ ((renderState.htmlChunks = preambleState.htmlChunks),
2273
+ (preambleState.contribution |= 1));
2244
2274
  null === renderState.headChunks &&
2245
- (renderState.headChunks = preambleState.headChunks);
2275
+ preambleState.headChunks &&
2276
+ ((renderState.headChunks = preambleState.headChunks),
2277
+ (preambleState.contribution |= 4));
2246
2278
  null === renderState.bodyChunks &&
2247
- (renderState.bodyChunks = preambleState.bodyChunks);
2279
+ preambleState.bodyChunks &&
2280
+ ((renderState.bodyChunks = preambleState.bodyChunks),
2281
+ (preambleState.contribution |= 2));
2248
2282
  }
2249
2283
  function writeBootstrap(destination, renderState) {
2250
2284
  renderState = renderState.bootstrapChunks;
@@ -2283,6 +2317,16 @@ function writeStartPendingSuspenseBoundary(destination, renderState, id) {
2283
2317
  writeChunk(destination, stringToChunk(id.toString(16)));
2284
2318
  return writeChunkAndReturn(destination, startPendingSuspenseBoundary2);
2285
2319
  }
2320
+ var boundaryPreambleContributionChunkStart =
2321
+ stringToPrecomputedChunk("\x3c!--"),
2322
+ boundaryPreambleContributionChunkEnd = stringToPrecomputedChunk("--\x3e");
2323
+ function writePreambleContribution(destination, preambleState) {
2324
+ preambleState = preambleState.contribution;
2325
+ 0 !== preambleState &&
2326
+ (writeChunk(destination, boundaryPreambleContributionChunkStart),
2327
+ writeChunk(destination, stringToChunk("" + preambleState)),
2328
+ writeChunk(destination, boundaryPreambleContributionChunkEnd));
2329
+ }
2286
2330
  var startSegmentHTML = stringToPrecomputedChunk('<div hidden id="'),
2287
2331
  startSegmentHTML2 = stringToPrecomputedChunk('">'),
2288
2332
  endSegmentHTML = stringToPrecomputedChunk("</div>"),
@@ -5730,21 +5774,27 @@ function flushSegment(request, destination, segment, hoistableState) {
5730
5774
  if (null === boundary)
5731
5775
  return flushSubtree(request, destination, segment, hoistableState);
5732
5776
  boundary.parentFlushed = !0;
5733
- if (4 === boundary.status)
5734
- (boundary = boundary.errorDigest),
5735
- writeChunkAndReturn(destination, startClientRenderedSuspenseBoundary),
5736
- writeChunk(destination, clientRenderedSuspenseBoundaryError1),
5737
- boundary &&
5738
- (writeChunk(destination, clientRenderedSuspenseBoundaryError1A),
5739
- writeChunk(destination, stringToChunk(escapeTextForBrowser(boundary))),
5740
- writeChunk(
5741
- destination,
5742
- clientRenderedSuspenseBoundaryErrorAttrInterstitial
5743
- )),
5744
- writeChunkAndReturn(destination, clientRenderedSuspenseBoundaryError2),
5745
- flushSubtree(request, destination, segment, hoistableState);
5746
- else if (1 !== boundary.status)
5747
- 0 === boundary.status && (boundary.rootSegmentID = request.nextSegmentId++),
5777
+ if (4 === boundary.status) {
5778
+ var errorDigest = boundary.errorDigest;
5779
+ writeChunkAndReturn(destination, startClientRenderedSuspenseBoundary);
5780
+ writeChunk(destination, clientRenderedSuspenseBoundaryError1);
5781
+ errorDigest &&
5782
+ (writeChunk(destination, clientRenderedSuspenseBoundaryError1A),
5783
+ writeChunk(destination, stringToChunk(escapeTextForBrowser(errorDigest))),
5784
+ writeChunk(
5785
+ destination,
5786
+ clientRenderedSuspenseBoundaryErrorAttrInterstitial
5787
+ ));
5788
+ writeChunkAndReturn(destination, clientRenderedSuspenseBoundaryError2);
5789
+ flushSubtree(request, destination, segment, hoistableState);
5790
+ (request = boundary.fallbackPreamble) &&
5791
+ writePreambleContribution(destination, request);
5792
+ return writeChunkAndReturn(destination, endSuspenseBoundary);
5793
+ }
5794
+ if (1 !== boundary.status)
5795
+ return (
5796
+ 0 === boundary.status &&
5797
+ (boundary.rootSegmentID = request.nextSegmentId++),
5748
5798
  0 < boundary.completedSegments.length &&
5749
5799
  request.partialBoundaries.push(boundary),
5750
5800
  writeStartPendingSuspenseBoundary(
@@ -5759,26 +5809,31 @@ function flushSegment(request, destination, segment, hoistableState) {
5759
5809
  hoistStylesheetDependency,
5760
5810
  hoistableState
5761
5811
  )),
5762
- flushSubtree(request, destination, segment, hoistableState);
5763
- else if (boundary.byteSize > request.progressiveChunkSize)
5764
- (boundary.rootSegmentID = request.nextSegmentId++),
5812
+ flushSubtree(request, destination, segment, hoistableState),
5813
+ writeChunkAndReturn(destination, endSuspenseBoundary)
5814
+ );
5815
+ if (boundary.byteSize > request.progressiveChunkSize)
5816
+ return (
5817
+ (boundary.rootSegmentID = request.nextSegmentId++),
5765
5818
  request.completedBoundaries.push(boundary),
5766
5819
  writeStartPendingSuspenseBoundary(
5767
5820
  destination,
5768
5821
  request.renderState,
5769
5822
  boundary.rootSegmentID
5770
5823
  ),
5771
- flushSubtree(request, destination, segment, hoistableState);
5772
- else {
5773
- hoistableState &&
5774
- ((segment = boundary.contentState),
5775
- segment.styles.forEach(hoistStyleQueueDependency, hoistableState),
5776
- segment.stylesheets.forEach(hoistStylesheetDependency, hoistableState));
5777
- writeChunkAndReturn(destination, startCompletedSuspenseBoundary);
5778
- segment = boundary.completedSegments;
5779
- if (1 !== segment.length) throw Error(formatProdErrorMessage(391));
5780
- flushSegment(request, destination, segment[0], hoistableState);
5781
- }
5824
+ flushSubtree(request, destination, segment, hoistableState),
5825
+ writeChunkAndReturn(destination, endSuspenseBoundary)
5826
+ );
5827
+ hoistableState &&
5828
+ ((segment = boundary.contentState),
5829
+ segment.styles.forEach(hoistStyleQueueDependency, hoistableState),
5830
+ segment.stylesheets.forEach(hoistStylesheetDependency, hoistableState));
5831
+ writeChunkAndReturn(destination, startCompletedSuspenseBoundary);
5832
+ segment = boundary.completedSegments;
5833
+ if (1 !== segment.length) throw Error(formatProdErrorMessage(391));
5834
+ flushSegment(request, destination, segment[0], hoistableState);
5835
+ (request = boundary.contentPreamble) &&
5836
+ writePreambleContribution(destination, request);
5782
5837
  return writeChunkAndReturn(destination, endSuspenseBoundary);
5783
5838
  }
5784
5839
  function flushSegmentContainer(request, destination, segment, hoistableState) {
@@ -6170,12 +6225,12 @@ function abort(request, reason) {
6170
6225
  }
6171
6226
  function ensureCorrectIsomorphicReactVersion() {
6172
6227
  var isomorphicReactPackageVersion = React.version;
6173
- if ("19.1.0-canary-0a82580b-20250203" !== isomorphicReactPackageVersion)
6228
+ if ("19.1.0-canary-ff628334-20250205" !== isomorphicReactPackageVersion)
6174
6229
  throw Error(
6175
6230
  formatProdErrorMessage(
6176
6231
  527,
6177
6232
  isomorphicReactPackageVersion,
6178
- "19.1.0-canary-0a82580b-20250203"
6233
+ "19.1.0-canary-ff628334-20250205"
6179
6234
  )
6180
6235
  );
6181
6236
  }
@@ -6322,4 +6377,4 @@ exports.renderToReadableStream = function (children, options) {
6322
6377
  startWork(request);
6323
6378
  });
6324
6379
  };
6325
- exports.version = "19.1.0-canary-0a82580b-20250203";
6380
+ exports.version = "19.1.0-canary-ff628334-20250205";
package/cjs/react-dom-server.bun.development.js CHANGED
@@ -1594,8 +1594,14 @@ function createResumableState(
1594
1594
  moduleScriptResources: {}
1595
1595
  };
1596
1596
  }
1597
+ var NoContribution = 0;
1597
1598
  function createPreambleState() {
1598
- return { htmlChunks: null, headChunks: null, bodyChunks: null };
1599
+ return {
1600
+ htmlChunks: null,
1601
+ headChunks: null,
1602
+ bodyChunks: null,
1603
+ contribution: NoContribution
1604
+ };
1599
1605
  }
1600
1606
  var ROOT_HTML_MODE = 0,
1601
1607
  HTML_HTML_MODE = 1,
@@ -2336,6 +2342,29 @@ function pushScriptImpl(target, props) {
2336
2342
  target.push(endChunkForTag("script"));
2337
2343
  return null;
2338
2344
  }
2345
+ function pushStartSingletonElement(target, props, tag) {
2346
+ target.push(startChunkForTag(tag));
2347
+ var innerHTML = (tag = null),
2348
+ propKey;
2349
+ for (propKey in props)
2350
+ if (hasOwnProperty.call(props, propKey)) {
2351
+ var propValue = props[propKey];
2352
+ if (null != propValue)
2353
+ switch (propKey) {
2354
+ case "children":
2355
+ tag = propValue;
2356
+ break;
2357
+ case "dangerouslySetInnerHTML":
2358
+ innerHTML = propValue;
2359
+ break;
2360
+ default:
2361
+ pushAttribute(target, propKey, propValue);
2362
+ }
2363
+ }
2364
+ target.push(endOfStartTag);
2365
+ pushInnerHTML(target, innerHTML, tag);
2366
+ return tag;
2367
+ }
2339
2368
  function pushStartGenericElement(target, props, tag) {
2340
2369
  target.push(startChunkForTag(tag));
2341
2370
  var innerHTML = (tag = null),
@@ -3518,7 +3547,7 @@ function pushStartInstance(
3518
3547
  if (preamble.headChunks)
3519
3548
  throw Error("The `<head>` tag may only be rendered once.");
3520
3549
  preamble.headChunks = [];
3521
- var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
3550
+ var JSCompiler_inline_result$jscomp$9 = pushStartSingletonElement(
3522
3551
  preamble.headChunks,
3523
3552
  props,
3524
3553
  "head"
@@ -3536,7 +3565,7 @@ function pushStartInstance(
3536
3565
  if (preamble$jscomp$0.bodyChunks)
3537
3566
  throw Error("The `<body>` tag may only be rendered once.");
3538
3567
  preamble$jscomp$0.bodyChunks = [];
3539
- var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
3568
+ var JSCompiler_inline_result$jscomp$10 = pushStartSingletonElement(
3540
3569
  preamble$jscomp$0.bodyChunks,
3541
3570
  props,
3542
3571
  "body"
@@ -3554,7 +3583,7 @@ function pushStartInstance(
3554
3583
  if (preamble$jscomp$1.htmlChunks)
3555
3584
  throw Error("The `<html>` tag may only be rendered once.");
3556
3585
  preamble$jscomp$1.htmlChunks = ["<!DOCTYPE html>"];
3557
- var JSCompiler_inline_result$jscomp$11 = pushStartGenericElement(
3586
+ var JSCompiler_inline_result$jscomp$11 = pushStartSingletonElement(
3558
3587
  preamble$jscomp$1.htmlChunks,
3559
3588
  props,
3560
3589
  "html"
@@ -3629,11 +3658,17 @@ function endChunkForTag(tag) {
3629
3658
  function hoistPreambleState(renderState, preambleState) {
3630
3659
  renderState = renderState.preamble;
3631
3660
  null === renderState.htmlChunks &&
3632
- (renderState.htmlChunks = preambleState.htmlChunks);
3661
+ preambleState.htmlChunks &&
3662
+ ((renderState.htmlChunks = preambleState.htmlChunks),
3663
+ (preambleState.contribution |= 1));
3633
3664
  null === renderState.headChunks &&
3634
- (renderState.headChunks = preambleState.headChunks);
3665
+ preambleState.headChunks &&
3666
+ ((renderState.headChunks = preambleState.headChunks),
3667
+ (preambleState.contribution |= 4));
3635
3668
  null === renderState.bodyChunks &&
3636
- (renderState.bodyChunks = preambleState.bodyChunks);
3669
+ preambleState.bodyChunks &&
3670
+ ((renderState.bodyChunks = preambleState.bodyChunks),
3671
+ (preambleState.contribution |= 2));
3637
3672
  }
3638
3673
  function writeBootstrap(destination, renderState) {
3639
3674
  renderState = renderState.bootstrapChunks;
@@ -3667,6 +3702,15 @@ function writeStartPendingSuspenseBoundary(destination, renderState, id) {
3667
3702
  writeChunk(destination, id.toString(16));
3668
3703
  return !!destination.write(startPendingSuspenseBoundary2);
3669
3704
  }
3705
+ var boundaryPreambleContributionChunkStart = "\x3c!--",
3706
+ boundaryPreambleContributionChunkEnd = "--\x3e";
3707
+ function writePreambleContribution(destination, preambleState) {
3708
+ preambleState = preambleState.contribution;
3709
+ preambleState !== NoContribution &&
3710
+ (writeChunk(destination, boundaryPreambleContributionChunkStart),
3711
+ writeChunk(destination, "" + preambleState),
3712
+ writeChunk(destination, boundaryPreambleContributionChunkEnd));
3713
+ }
3670
3714
  var startSegmentHTML = '<div hidden id="',
3671
3715
  startSegmentHTML2 = '">',
3672
3716
  endSegmentHTML = "</div>",
@@ -7935,8 +7979,8 @@ function flushSegment(request, destination, segment, hoistableState) {
7935
7979
  if (boundary.status === CLIENT_RENDERED) {
7936
7980
  var errorDigest = boundary.errorDigest,
7937
7981
  errorMessage = boundary.errorMessage,
7938
- errorStack = boundary.errorStack;
7939
- boundary = boundary.errorComponentStack;
7982
+ errorStack = boundary.errorStack,
7983
+ errorComponentStack = boundary.errorComponentStack;
7940
7984
  destination.write(startClientRenderedSuspenseBoundary);
7941
7985
  writeChunk(destination, clientRenderedSuspenseBoundaryError1);
7942
7986
  errorDigest &&
@@ -7960,18 +8004,23 @@ function flushSegment(request, destination, segment, hoistableState) {
7960
8004
  destination,
7961
8005
  clientRenderedSuspenseBoundaryErrorAttrInterstitial
7962
8006
  ));
7963
- boundary &&
8007
+ errorComponentStack &&
7964
8008
  (writeChunk(destination, clientRenderedSuspenseBoundaryError1D),
7965
- writeChunk(destination, escapeTextForBrowser(boundary)),
8009
+ writeChunk(destination, escapeTextForBrowser(errorComponentStack)),
7966
8010
  writeChunk(
7967
8011
  destination,
7968
8012
  clientRenderedSuspenseBoundaryErrorAttrInterstitial
7969
8013
  ));
7970
8014
  destination.write(clientRenderedSuspenseBoundaryError2);
7971
8015
  flushSubtree(request, destination, segment, hoistableState);
7972
- } else if (boundary.status !== COMPLETED)
7973
- boundary.status === PENDING &&
7974
- (boundary.rootSegmentID = request.nextSegmentId++),
8016
+ (request = boundary.fallbackPreamble) &&
8017
+ writePreambleContribution(destination, request);
8018
+ return !!destination.write(endSuspenseBoundary);
8019
+ }
8020
+ if (boundary.status !== COMPLETED)
8021
+ return (
8022
+ boundary.status === PENDING &&
8023
+ (boundary.rootSegmentID = request.nextSegmentId++),
7975
8024
  0 < boundary.completedSegments.length &&
7976
8025
  request.partialBoundaries.push(boundary),
7977
8026
  writeStartPendingSuspenseBoundary(
@@ -7986,29 +8035,34 @@ function flushSegment(request, destination, segment, hoistableState) {
7986
8035
  hoistStylesheetDependency,
7987
8036
  hoistableState
7988
8037
  )),
7989
- flushSubtree(request, destination, segment, hoistableState);
7990
- else if (boundary.byteSize > request.progressiveChunkSize)
7991
- (boundary.rootSegmentID = request.nextSegmentId++),
8038
+ flushSubtree(request, destination, segment, hoistableState),
8039
+ !!destination.write(endSuspenseBoundary)
8040
+ );
8041
+ if (boundary.byteSize > request.progressiveChunkSize)
8042
+ return (
8043
+ (boundary.rootSegmentID = request.nextSegmentId++),
7992
8044
  request.completedBoundaries.push(boundary),
7993
8045
  writeStartPendingSuspenseBoundary(
7994
8046
  destination,
7995
8047
  request.renderState,
7996
8048
  boundary.rootSegmentID
7997
8049
  ),
7998
- flushSubtree(request, destination, segment, hoistableState);
7999
- else {
8000
- hoistableState &&
8001
- ((segment = boundary.contentState),
8002
- segment.styles.forEach(hoistStyleQueueDependency, hoistableState),
8003
- segment.stylesheets.forEach(hoistStylesheetDependency, hoistableState));
8004
- destination.write(startCompletedSuspenseBoundary);
8005
- segment = boundary.completedSegments;
8006
- if (1 !== segment.length)
8007
- throw Error(
8008
- "A previously unvisited boundary must have exactly one root segment. This is a bug in React."
8009
- );
8010
- flushSegment(request, destination, segment[0], hoistableState);
8011
- }
8050
+ flushSubtree(request, destination, segment, hoistableState),
8051
+ !!destination.write(endSuspenseBoundary)
8052
+ );
8053
+ hoistableState &&
8054
+ ((segment = boundary.contentState),
8055
+ segment.styles.forEach(hoistStyleQueueDependency, hoistableState),
8056
+ segment.stylesheets.forEach(hoistStylesheetDependency, hoistableState));
8057
+ destination.write(startCompletedSuspenseBoundary);
8058
+ segment = boundary.completedSegments;
8059
+ if (1 !== segment.length)
8060
+ throw Error(
8061
+ "A previously unvisited boundary must have exactly one root segment. This is a bug in React."
8062
+ );
8063
+ flushSegment(request, destination, segment[0], hoistableState);
8064
+ (request = boundary.contentPreamble) &&
8065
+ writePreambleContribution(destination, request);
8012
8066
  return !!destination.write(endSuspenseBoundary);
8013
8067
  }
8014
8068
  function flushSegmentContainer(request, destination, segment, hoistableState) {
@@ -8420,15 +8474,15 @@ function abort(request, reason) {
8420
8474
  logRecoverableError(request, error$4, {}), fatalError(request, error$4);
8421
8475
  }
8422
8476
  }
8423
- var isomorphicReactPackageVersion$jscomp$inline_722 = React.version;
8477
+ var isomorphicReactPackageVersion$jscomp$inline_732 = React.version;
8424
8478
  if (
8425
- "19.1.0-canary-0a82580b-20250203" !==
8426
- isomorphicReactPackageVersion$jscomp$inline_722
8479
+ "19.1.0-canary-ff628334-20250205" !==
8480
+ isomorphicReactPackageVersion$jscomp$inline_732
8427
8481
  )
8428
8482
  throw Error(
8429
8483
  'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
8430
- (isomorphicReactPackageVersion$jscomp$inline_722 +
8431
- "\n - react-dom: 19.1.0-canary-0a82580b-20250203\nLearn more: https://react.dev/warnings/version-mismatch")
8484
+ (isomorphicReactPackageVersion$jscomp$inline_732 +
8485
+ "\n - react-dom: 19.1.0-canary-ff628334-20250205\nLearn more: https://react.dev/warnings/version-mismatch")
8432
8486
  );
8433
8487
  exports.renderToReadableStream = function (children, options) {
8434
8488
  return new Promise(function (resolve, reject) {
@@ -8520,4 +8574,4 @@ exports.renderToReadableStream = function (children, options) {
8520
8574
  startWork(request$jscomp$0);
8521
8575
  });
8522
8576
  };
8523
- exports.version = "19.1.0-canary-0a82580b-20250203";
8577
+ exports.version = "19.1.0-canary-ff628334-20250205";
package/cjs/react-dom-server.bun.production.js CHANGED
@@ -428,7 +428,12 @@ function createResumableState(
428
428
  };
429
429
  }
430
430
  function createPreambleState() {
431
- return { htmlChunks: null, headChunks: null, bodyChunks: null };
431
+ return {
432
+ htmlChunks: null,
433
+ headChunks: null,
434
+ bodyChunks: null,
435
+ contribution: 0
436
+ };
432
437
  }
433
438
  function createFormatContext(insertionMode, selectedValue, tagScope) {
434
439
  return {
@@ -916,6 +921,29 @@ function pushScriptImpl(target, props) {
916
921
  target.push(endChunkForTag("script"));
917
922
  return null;
918
923
  }
924
+ function pushStartSingletonElement(target, props, tag) {
925
+ target.push(startChunkForTag(tag));
926
+ var innerHTML = (tag = null),
927
+ propKey;
928
+ for (propKey in props)
929
+ if (hasOwnProperty.call(props, propKey)) {
930
+ var propValue = props[propKey];
931
+ if (null != propValue)
932
+ switch (propKey) {
933
+ case "children":
934
+ tag = propValue;
935
+ break;
936
+ case "dangerouslySetInnerHTML":
937
+ innerHTML = propValue;
938
+ break;
939
+ default:
940
+ pushAttribute(target, propKey, propValue);
941
+ }
942
+ }
943
+ target.push(">");
944
+ pushInnerHTML(target, innerHTML, tag);
945
+ return tag;
946
+ }
919
947
  function pushStartGenericElement(target, props, tag) {
920
948
  target.push(startChunkForTag(tag));
921
949
  var innerHTML = (tag = null),
@@ -1866,7 +1894,7 @@ function pushStartInstance(
1866
1894
  if (preamble.headChunks)
1867
1895
  throw Error("The `<head>` tag may only be rendered once.");
1868
1896
  preamble.headChunks = [];
1869
- var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
1897
+ var JSCompiler_inline_result$jscomp$9 = pushStartSingletonElement(
1870
1898
  preamble.headChunks,
1871
1899
  props,
1872
1900
  "head"
@@ -1884,7 +1912,7 @@ function pushStartInstance(
1884
1912
  if (preamble$jscomp$0.bodyChunks)
1885
1913
  throw Error("The `<body>` tag may only be rendered once.");
1886
1914
  preamble$jscomp$0.bodyChunks = [];
1887
- var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
1915
+ var JSCompiler_inline_result$jscomp$10 = pushStartSingletonElement(
1888
1916
  preamble$jscomp$0.bodyChunks,
1889
1917
  props,
1890
1918
  "body"
@@ -1902,7 +1930,7 @@ function pushStartInstance(
1902
1930
  if (preamble$jscomp$1.htmlChunks)
1903
1931
  throw Error("The `<html>` tag may only be rendered once.");
1904
1932
  preamble$jscomp$1.htmlChunks = ["<!DOCTYPE html>"];
1905
- var JSCompiler_inline_result$jscomp$11 = pushStartGenericElement(
1933
+ var JSCompiler_inline_result$jscomp$11 = pushStartSingletonElement(
1906
1934
  preamble$jscomp$1.htmlChunks,
1907
1935
  props,
1908
1936
  "html"
@@ -1977,11 +2005,17 @@ function endChunkForTag(tag) {
1977
2005
  function hoistPreambleState(renderState, preambleState) {
1978
2006
  renderState = renderState.preamble;
1979
2007
  null === renderState.htmlChunks &&
1980
- (renderState.htmlChunks = preambleState.htmlChunks);
2008
+ preambleState.htmlChunks &&
2009
+ ((renderState.htmlChunks = preambleState.htmlChunks),
2010
+ (preambleState.contribution |= 1));
1981
2011
  null === renderState.headChunks &&
1982
- (renderState.headChunks = preambleState.headChunks);
2012
+ preambleState.headChunks &&
2013
+ ((renderState.headChunks = preambleState.headChunks),
2014
+ (preambleState.contribution |= 4));
1983
2015
  null === renderState.bodyChunks &&
1984
- (renderState.bodyChunks = preambleState.bodyChunks);
2016
+ preambleState.bodyChunks &&
2017
+ ((renderState.bodyChunks = preambleState.bodyChunks),
2018
+ (preambleState.contribution |= 2));
1985
2019
  }
1986
2020
  function writeBootstrap(destination, renderState) {
1987
2021
  renderState = renderState.bootstrapChunks;
@@ -2001,6 +2035,13 @@ function writeStartPendingSuspenseBoundary(destination, renderState, id) {
2001
2035
  writeChunk(destination, id.toString(16));
2002
2036
  return !!destination.write('"></template>');
2003
2037
  }
2038
+ function writePreambleContribution(destination, preambleState) {
2039
+ preambleState = preambleState.contribution;
2040
+ 0 !== preambleState &&
2041
+ (writeChunk(destination, "\x3c!--"),
2042
+ writeChunk(destination, "" + preambleState),
2043
+ writeChunk(destination, "--\x3e"));
2044
+ }
2004
2045
  function writeStartSegment(destination, renderState, formatContext, id) {
2005
2046
  switch (formatContext.insertionMode) {
2006
2047
  case 0:
@@ -5378,18 +5419,24 @@ function flushSegment(request, destination, segment, hoistableState) {
5378
5419
  if (null === boundary)
5379
5420
  return flushSubtree(request, destination, segment, hoistableState);
5380
5421
  boundary.parentFlushed = !0;
5381
- if (4 === boundary.status)
5382
- (boundary = boundary.errorDigest),
5383
- destination.write("\x3c!--$!--\x3e"),
5384
- writeChunk(destination, "<template"),
5385
- boundary &&
5386
- (writeChunk(destination, ' data-dgst="'),
5387
- writeChunk(destination, escapeTextForBrowser(boundary)),
5388
- writeChunk(destination, '"')),
5389
- destination.write("></template>"),
5390
- flushSubtree(request, destination, segment, hoistableState);
5391
- else if (1 !== boundary.status)
5392
- 0 === boundary.status && (boundary.rootSegmentID = request.nextSegmentId++),
5422
+ if (4 === boundary.status) {
5423
+ var errorDigest = boundary.errorDigest;
5424
+ destination.write("\x3c!--$!--\x3e");
5425
+ writeChunk(destination, "<template");
5426
+ errorDigest &&
5427
+ (writeChunk(destination, ' data-dgst="'),
5428
+ writeChunk(destination, escapeTextForBrowser(errorDigest)),
5429
+ writeChunk(destination, '"'));
5430
+ destination.write("></template>");
5431
+ flushSubtree(request, destination, segment, hoistableState);
5432
+ (request = boundary.fallbackPreamble) &&
5433
+ writePreambleContribution(destination, request);
5434
+ return !!destination.write("\x3c!--/$--\x3e");
5435
+ }
5436
+ if (1 !== boundary.status)
5437
+ return (
5438
+ 0 === boundary.status &&
5439
+ (boundary.rootSegmentID = request.nextSegmentId++),
5393
5440
  0 < boundary.completedSegments.length &&
5394
5441
  request.partialBoundaries.push(boundary),
5395
5442
  writeStartPendingSuspenseBoundary(
@@ -5404,29 +5451,34 @@ function flushSegment(request, destination, segment, hoistableState) {
5404
5451
  hoistStylesheetDependency,
5405
5452
  hoistableState
5406
5453
  )),
5407
- flushSubtree(request, destination, segment, hoistableState);
5408
- else if (boundary.byteSize > request.progressiveChunkSize)
5409
- (boundary.rootSegmentID = request.nextSegmentId++),
5454
+ flushSubtree(request, destination, segment, hoistableState),
5455
+ !!destination.write("\x3c!--/$--\x3e")
5456
+ );
5457
+ if (boundary.byteSize > request.progressiveChunkSize)
5458
+ return (
5459
+ (boundary.rootSegmentID = request.nextSegmentId++),
5410
5460
  request.completedBoundaries.push(boundary),
5411
5461
  writeStartPendingSuspenseBoundary(
5412
5462
  destination,
5413
5463
  request.renderState,
5414
5464
  boundary.rootSegmentID
5415
5465
  ),
5416
- flushSubtree(request, destination, segment, hoistableState);
5417
- else {
5418
- hoistableState &&
5419
- ((segment = boundary.contentState),
5420
- segment.styles.forEach(hoistStyleQueueDependency, hoistableState),
5421
- segment.stylesheets.forEach(hoistStylesheetDependency, hoistableState));
5422
- destination.write("\x3c!--$--\x3e");
5423
- segment = boundary.completedSegments;
5424
- if (1 !== segment.length)
5425
- throw Error(
5426
- "A previously unvisited boundary must have exactly one root segment. This is a bug in React."
5427
- );
5428
- flushSegment(request, destination, segment[0], hoistableState);
5429
- }
5466
+ flushSubtree(request, destination, segment, hoistableState),
5467
+ !!destination.write("\x3c!--/$--\x3e")
5468
+ );
5469
+ hoistableState &&
5470
+ ((segment = boundary.contentState),
5471
+ segment.styles.forEach(hoistStyleQueueDependency, hoistableState),
5472
+ segment.stylesheets.forEach(hoistStylesheetDependency, hoistableState));
5473
+ destination.write("\x3c!--$--\x3e");
5474
+ segment = boundary.completedSegments;
5475
+ if (1 !== segment.length)
5476
+ throw Error(
5477
+ "A previously unvisited boundary must have exactly one root segment. This is a bug in React."
5478
+ );
5479
+ flushSegment(request, destination, segment[0], hoistableState);
5480
+ (request = boundary.contentPreamble) &&
5481
+ writePreambleContribution(destination, request);
5430
5482
  return !!destination.write("\x3c!--/$--\x3e");
5431
5483
  }
5432
5484
  function flushSegmentContainer(request, destination, segment, hoistableState) {
@@ -5809,15 +5861,15 @@ function abort(request, reason) {
5809
5861
  logRecoverableError(request, error$53, {}), fatalError(request, error$53);
5810
5862
  }
5811
5863
  }
5812
- var isomorphicReactPackageVersion$jscomp$inline_751 = React.version;
5864
+ var isomorphicReactPackageVersion$jscomp$inline_761 = React.version;
5813
5865
  if (
5814
- "19.1.0-canary-0a82580b-20250203" !==
5815
- isomorphicReactPackageVersion$jscomp$inline_751
5866
+ "19.1.0-canary-ff628334-20250205" !==
5867
+ isomorphicReactPackageVersion$jscomp$inline_761
5816
5868
  )
5817
5869
  throw Error(
5818
5870
  'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
5819
- (isomorphicReactPackageVersion$jscomp$inline_751 +
5820
- "\n - react-dom: 19.1.0-canary-0a82580b-20250203\nLearn more: https://react.dev/warnings/version-mismatch")
5871
+ (isomorphicReactPackageVersion$jscomp$inline_761 +
5872
+ "\n - react-dom: 19.1.0-canary-ff628334-20250205\nLearn more: https://react.dev/warnings/version-mismatch")
5821
5873
  );
5822
5874
  exports.renderToReadableStream = function (children, options) {
5823
5875
  return new Promise(function (resolve, reject) {
@@ -5908,4 +5960,4 @@ exports.renderToReadableStream = function (children, options) {
5908
5960
  startWork(request);
5909
5961
  });
5910
5962
  };
5911
- exports.version = "19.1.0-canary-0a82580b-20250203";
5963
+ exports.version = "19.1.0-canary-ff628334-20250205";