react-dom 19.2.0-canary-9784cb37-20250730 → 19.2.0-canary-bdb4a96f-20250801

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.
@@ -4412,6 +4412,9 @@
4412
4412
  }
4413
4413
  return "";
4414
4414
  }
4415
+ function isEligibleForOutlining(request, boundary) {
4416
+ return 500 < boundary.byteSize && null === boundary.contentPreamble;
4417
+ }
4415
4418
  function defaultErrorHandler(error) {
4416
4419
  if (
4417
4420
  "object" === typeof error &&
@@ -4990,7 +4993,7 @@
4990
4993
  if (
4991
4994
  1 !== rowBoundary.pendingTasks ||
4992
4995
  rowBoundary.parentFlushed ||
4993
- 500 < rowBoundary.byteSize
4996
+ isEligibleForOutlining(request, rowBoundary)
4994
4997
  ) {
4995
4998
  allCompleteAndInlinable = !1;
4996
4999
  break;
@@ -6023,7 +6026,7 @@
6023
6026
  ) {
6024
6027
  if (
6025
6028
  ((newBoundary.status = COMPLETED),
6026
- !(500 < newBoundary.byteSize))
6029
+ !isEligibleForOutlining(request, newBoundary))
6027
6030
  ) {
6028
6031
  null !== prevRow$jscomp$0 &&
6029
6032
  0 === --prevRow$jscomp$0.pendingTasks &&
@@ -7248,7 +7251,7 @@
7248
7251
  (row = boundary$jscomp$0.row),
7249
7252
  null !== row &&
7250
7253
  hoistHoistables(row.hoistables, boundary$jscomp$0.contentState),
7251
- 500 < boundary$jscomp$0.byteSize ||
7254
+ isEligibleForOutlining(request$jscomp$0, boundary$jscomp$0) ||
7252
7255
  (boundary$jscomp$0.fallbackAbortableTasks.forEach(
7253
7256
  abortTaskSoft,
7254
7257
  request$jscomp$0
@@ -7613,6 +7616,7 @@
7613
7616
  switch (boundary.status) {
7614
7617
  case COMPLETED:
7615
7618
  hoistPreambleState(request.renderState, preamble);
7619
+ request.byteSize += boundary.byteSize;
7616
7620
  segment = boundary.completedSegments[0];
7617
7621
  if (!segment)
7618
7622
  throw Error(
@@ -7645,17 +7649,17 @@
7645
7649
  null === request.completedPreambleSegments
7646
7650
  ) {
7647
7651
  var collectedPreambleSegments = [],
7652
+ originalRequestByteSize = request.byteSize,
7648
7653
  hasPendingPreambles = preparePreambleFromSegment(
7649
7654
  request,
7650
7655
  request.completedRootSegment,
7651
7656
  collectedPreambleSegments
7652
7657
  ),
7653
7658
  preamble = request.renderState.preamble;
7654
- if (
7655
- !1 === hasPendingPreambles ||
7656
- (preamble.headChunks && preamble.bodyChunks)
7657
- )
7658
- request.completedPreambleSegments = collectedPreambleSegments;
7659
+ !1 === hasPendingPreambles ||
7660
+ (preamble.headChunks && preamble.bodyChunks)
7661
+ ? (request.completedPreambleSegments = collectedPreambleSegments)
7662
+ : (request.byteSize = originalRequestByteSize);
7659
7663
  }
7660
7664
  }
7661
7665
  function flushSubtree(request, destination, segment, hoistableState) {
@@ -7759,7 +7763,7 @@
7759
7763
  hoistHoistables(hoistableState, boundary.fallbackState),
7760
7764
  flushSubtree(request, destination, segment, hoistableState);
7761
7765
  else if (
7762
- 500 < boundary.byteSize &&
7766
+ isEligibleForOutlining(request, boundary) &&
7763
7767
  flushedByteSize + boundary.byteSize > request.progressiveChunkSize
7764
7768
  )
7765
7769
  (boundary.rootSegmentID = request.nextSegmentId++),
@@ -7776,7 +7780,7 @@
7776
7780
  hoistHoistables(hoistableState, boundary.contentState);
7777
7781
  segment = boundary.row;
7778
7782
  null !== segment &&
7779
- 500 < boundary.byteSize &&
7783
+ isEligibleForOutlining(request, boundary) &&
7780
7784
  0 === --segment.pendingTasks &&
7781
7785
  finishSuspenseListRow(request, segment);
7782
7786
  writeChunkAndReturn(destination, startCompletedSuspenseBoundary);
@@ -7820,7 +7824,7 @@
7820
7824
  completedSegments.length = 0;
7821
7825
  completedSegments = boundary.row;
7822
7826
  null !== completedSegments &&
7823
- 500 < boundary.byteSize &&
7827
+ isEligibleForOutlining(request, boundary) &&
7824
7828
  0 === --completedSegments.pendingTasks &&
7825
7829
  finishSuspenseListRow(request, completedSegments);
7826
7830
  writeHoistablesForBoundary(
@@ -8379,11 +8383,11 @@
8379
8383
  }
8380
8384
  function ensureCorrectIsomorphicReactVersion() {
8381
8385
  var isomorphicReactPackageVersion = React.version;
8382
- if ("19.2.0-canary-9784cb37-20250730" !== isomorphicReactPackageVersion)
8386
+ if ("19.2.0-canary-bdb4a96f-20250801" !== isomorphicReactPackageVersion)
8383
8387
  throw Error(
8384
8388
  'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
8385
8389
  (isomorphicReactPackageVersion +
8386
- "\n - react-dom: 19.2.0-canary-9784cb37-20250730\nLearn more: https://react.dev/warnings/version-mismatch")
8390
+ "\n - react-dom: 19.2.0-canary-bdb4a96f-20250801\nLearn more: https://react.dev/warnings/version-mismatch")
8387
8391
  );
8388
8392
  }
8389
8393
  function createDrainHandler(destination, request) {
@@ -10254,5 +10258,5 @@
10254
10258
  startWork(request);
10255
10259
  });
10256
10260
  };
10257
- exports.version = "19.2.0-canary-9784cb37-20250730";
10261
+ exports.version = "19.2.0-canary-bdb4a96f-20250801";
10258
10262
  })();
@@ -3949,6 +3949,9 @@ function describeComponentStackByType(type) {
3949
3949
  }
3950
3950
  return "";
3951
3951
  }
3952
+ function isEligibleForOutlining(request, boundary) {
3953
+ return 500 < boundary.byteSize && null === boundary.contentPreamble;
3954
+ }
3952
3955
  function defaultErrorHandler(error) {
3953
3956
  if (
3954
3957
  "object" === typeof error &&
@@ -4365,7 +4368,7 @@ function tryToResolveTogetherRow(request, togetherRow) {
4365
4368
  if (
4366
4369
  1 !== rowBoundary.pendingTasks ||
4367
4370
  rowBoundary.parentFlushed ||
4368
- 500 < rowBoundary.byteSize
4371
+ isEligibleForOutlining(request, rowBoundary)
4369
4372
  ) {
4370
4373
  allCompleteAndInlinable = !1;
4371
4374
  break;
@@ -4978,7 +4981,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
4978
4981
  queueCompletedSegment(newBoundary, contentRootSegment),
4979
4982
  0 === newBoundary.pendingTasks && 0 === newBoundary.status)
4980
4983
  ) {
4981
- if (((newBoundary.status = 1), !(500 < newBoundary.byteSize))) {
4984
+ if (
4985
+ ((newBoundary.status = 1),
4986
+ !isEligibleForOutlining(request, newBoundary))
4987
+ ) {
4982
4988
  null !== prevRow &&
4983
4989
  0 === --prevRow.pendingTasks &&
4984
4990
  finishSuspenseListRow(request, prevRow);
@@ -5927,7 +5933,7 @@ function finishedTask(request$jscomp$0, boundary, row, segment) {
5927
5933
  (row = boundary.row),
5928
5934
  null !== row &&
5929
5935
  hoistHoistables(row.hoistables, boundary.contentState),
5930
- 500 < boundary.byteSize ||
5936
+ isEligibleForOutlining(request$jscomp$0, boundary) ||
5931
5937
  (boundary.fallbackAbortableTasks.forEach(
5932
5938
  abortTaskSoft,
5933
5939
  request$jscomp$0
@@ -6245,6 +6251,7 @@ function preparePreambleFromSegment(
6245
6251
  switch (boundary.status) {
6246
6252
  case 1:
6247
6253
  hoistPreambleState(request.renderState, preamble);
6254
+ request.byteSize += boundary.byteSize;
6248
6255
  segment = boundary.completedSegments[0];
6249
6256
  if (!segment)
6250
6257
  throw Error(
@@ -6277,17 +6284,16 @@ function preparePreamble(request) {
6277
6284
  null === request.completedPreambleSegments
6278
6285
  ) {
6279
6286
  var collectedPreambleSegments = [],
6287
+ originalRequestByteSize = request.byteSize,
6280
6288
  hasPendingPreambles = preparePreambleFromSegment(
6281
6289
  request,
6282
6290
  request.completedRootSegment,
6283
6291
  collectedPreambleSegments
6284
6292
  ),
6285
6293
  preamble = request.renderState.preamble;
6286
- if (
6287
- !1 === hasPendingPreambles ||
6288
- (preamble.headChunks && preamble.bodyChunks)
6289
- )
6290
- request.completedPreambleSegments = collectedPreambleSegments;
6294
+ !1 === hasPendingPreambles || (preamble.headChunks && preamble.bodyChunks)
6295
+ ? (request.completedPreambleSegments = collectedPreambleSegments)
6296
+ : (request.byteSize = originalRequestByteSize);
6291
6297
  }
6292
6298
  }
6293
6299
  function flushSubtree(request, destination, segment, hoistableState) {
@@ -6366,7 +6372,7 @@ function flushSegment(request, destination, segment, hoistableState) {
6366
6372
  hoistableState && hoistHoistables(hoistableState, boundary.fallbackState),
6367
6373
  flushSubtree(request, destination, segment, hoistableState);
6368
6374
  else if (
6369
- 500 < boundary.byteSize &&
6375
+ isEligibleForOutlining(request, boundary) &&
6370
6376
  flushedByteSize + boundary.byteSize > request.progressiveChunkSize
6371
6377
  )
6372
6378
  (boundary.rootSegmentID = request.nextSegmentId++),
@@ -6382,7 +6388,7 @@ function flushSegment(request, destination, segment, hoistableState) {
6382
6388
  hoistableState && hoistHoistables(hoistableState, boundary.contentState);
6383
6389
  segment = boundary.row;
6384
6390
  null !== segment &&
6385
- 500 < boundary.byteSize &&
6391
+ isEligibleForOutlining(request, boundary) &&
6386
6392
  0 === --segment.pendingTasks &&
6387
6393
  finishSuspenseListRow(request, segment);
6388
6394
  writeChunkAndReturn(destination, startCompletedSuspenseBoundary);
@@ -6421,7 +6427,7 @@ function flushCompletedBoundary(request, destination, boundary) {
6421
6427
  completedSegments.length = 0;
6422
6428
  completedSegments = boundary.row;
6423
6429
  null !== completedSegments &&
6424
- 500 < boundary.byteSize &&
6430
+ isEligibleForOutlining(request, boundary) &&
6425
6431
  0 === --completedSegments.pendingTasks &&
6426
6432
  finishSuspenseListRow(request, completedSegments);
6427
6433
  writeHoistablesForBoundary(
@@ -6859,11 +6865,11 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) {
6859
6865
  }
6860
6866
  function ensureCorrectIsomorphicReactVersion() {
6861
6867
  var isomorphicReactPackageVersion = React.version;
6862
- if ("19.2.0-canary-9784cb37-20250730" !== isomorphicReactPackageVersion)
6868
+ if ("19.2.0-canary-bdb4a96f-20250801" !== isomorphicReactPackageVersion)
6863
6869
  throw Error(
6864
6870
  'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' +
6865
6871
  (isomorphicReactPackageVersion +
6866
- "\n - react-dom: 19.2.0-canary-9784cb37-20250730\nLearn more: https://react.dev/warnings/version-mismatch")
6872
+ "\n - react-dom: 19.2.0-canary-bdb4a96f-20250801\nLearn more: https://react.dev/warnings/version-mismatch")
6867
6873
  );
6868
6874
  }
6869
6875
  ensureCorrectIsomorphicReactVersion();
@@ -7201,4 +7207,4 @@ exports.renderToReadableStream = function (children, options) {
7201
7207
  startWork(request);
7202
7208
  });
7203
7209
  };
7204
- exports.version = "19.2.0-canary-9784cb37-20250730";
7210
+ exports.version = "19.2.0-canary-bdb4a96f-20250801";
@@ -416,7 +416,7 @@
416
416
  exports.useFormStatus = function () {
417
417
  return resolveDispatcher().useHostTransitionStatus();
418
418
  };
419
- exports.version = "19.2.0-canary-9784cb37-20250730";
419
+ exports.version = "19.2.0-canary-bdb4a96f-20250801";
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-9784cb37-20250730";
210
+ exports.version = "19.2.0-canary-bdb4a96f-20250801";
@@ -336,5 +336,5 @@
336
336
  }))
337
337
  : Internals.d.m(href));
338
338
  };
339
- exports.version = "19.2.0-canary-9784cb37-20250730";
339
+ exports.version = "19.2.0-canary-bdb4a96f-20250801";
340
340
  })();
@@ -149,4 +149,4 @@ exports.preloadModule = function (href, options) {
149
149
  });
150
150
  } else Internals.d.m(href);
151
151
  };
152
- exports.version = "19.2.0-canary-9784cb37-20250730";
152
+ exports.version = "19.2.0-canary-bdb4a96f-20250801";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-dom",
3
- "version": "19.2.0-canary-9784cb37-20250730",
3
+ "version": "19.2.0-canary-bdb4a96f-20250801",
4
4
  "description": "React package for working with the DOM.",
5
5
  "main": "index.js",
6
6
  "repository": {
@@ -17,10 +17,10 @@
17
17
  },
18
18
  "homepage": "https://react.dev/",
19
19
  "dependencies": {
20
- "scheduler": "0.27.0-canary-9784cb37-20250730"
20
+ "scheduler": "0.27.0-canary-bdb4a96f-20250801"
21
21
  },
22
22
  "peerDependencies": {
23
- "react": "19.2.0-canary-9784cb37-20250730"
23
+ "react": "19.2.0-canary-bdb4a96f-20250801"
24
24
  },
25
25
  "files": [
26
26
  "LICENSE",