react-markup 0.0.0-experimental-0038c501-20250429 → 0.0.0-experimental-408d055a-20250430

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.
@@ -5636,8 +5636,7 @@
5636
5636
  queueCompletedSegment(newBoundary, contentRootSegment),
5637
5637
  0 === newBoundary.pendingTasks &&
5638
5638
  0 === newBoundary.status &&
5639
- ((newBoundary.status = 1),
5640
- !(newBoundary.byteSize > request.progressiveChunkSize)))
5639
+ ((newBoundary.status = 1), !(500 < newBoundary.byteSize)))
5641
5640
  ) {
5642
5641
  0 === request.pendingRootTasks &&
5643
5642
  task.blockedPreamble &&
@@ -7029,7 +7028,7 @@
7029
7028
  boundary.parentFlushed &&
7030
7029
  request.completedBoundaries.push(boundary),
7031
7030
  1 === boundary.status &&
7032
- (boundary.byteSize > request.progressiveChunkSize ||
7031
+ (500 < boundary.byteSize ||
7033
7032
  (boundary.fallbackAbortableTasks.forEach(
7034
7033
  abortTaskSoft,
7035
7034
  request
@@ -7463,7 +7462,10 @@
7463
7462
  flushSubtree(request, destination, segment, hoistableState),
7464
7463
  destination.push("\x3c!--/$--\x3e")
7465
7464
  );
7466
- if (boundary.byteSize > request.progressiveChunkSize)
7465
+ if (
7466
+ 500 < boundary.byteSize &&
7467
+ flushedByteSize + boundary.byteSize > request.progressiveChunkSize
7468
+ )
7467
7469
  return (
7468
7470
  (boundary.rootSegmentID = request.nextSegmentId++),
7469
7471
  request.completedBoundaries.push(boundary),
@@ -7475,6 +7477,7 @@
7475
7477
  flushSubtree(request, destination, segment, hoistableState),
7476
7478
  destination.push("\x3c!--/$--\x3e")
7477
7479
  );
7480
+ flushedByteSize += boundary.byteSize;
7478
7481
  hoistableState &&
7479
7482
  ((segment = boundary.contentState),
7480
7483
  segment.styles.forEach(hoistStyleQueueDependency, hoistableState),
@@ -7503,6 +7506,7 @@
7503
7506
  return writeEndSegment(destination, segment.parentFormatContext);
7504
7507
  }
7505
7508
  function flushCompletedBoundary(request, destination, boundary) {
7509
+ flushedByteSize = boundary.byteSize;
7506
7510
  for (
7507
7511
  var completedSegments = boundary.completedSegments, i = 0;
7508
7512
  i < completedSegments.length;
@@ -7638,6 +7642,7 @@
7638
7642
  if (5 === completedRootSegment.status) return;
7639
7643
  var completedPreambleSegments = request.completedPreambleSegments;
7640
7644
  if (null === completedPreambleSegments) return;
7645
+ flushedByteSize = request.byteSize;
7641
7646
  var resumableState = request.resumableState,
7642
7647
  renderState = request.renderState;
7643
7648
  if (
@@ -7890,8 +7895,9 @@
7890
7895
  a: {
7891
7896
  clientRenderedBoundaries = request;
7892
7897
  boundary = destination;
7893
- var boundary$jscomp$0 = partialBoundaries[i],
7894
- completedSegments = boundary$jscomp$0.completedSegments;
7898
+ var boundary$jscomp$0 = partialBoundaries[i];
7899
+ flushedByteSize = boundary$jscomp$0.byteSize;
7900
+ var completedSegments = boundary$jscomp$0.completedSegments;
7895
7901
  for (
7896
7902
  JSCompiler_inline_result = 0;
7897
7903
  JSCompiler_inline_result < completedSegments.length;
@@ -8991,7 +8997,8 @@
8991
8997
  didWarnAboutGetDerivedStateOnFunctionComponent = {},
8992
8998
  didWarnAboutReassigningProps = !1,
8993
8999
  didWarnAboutGenerators = !1,
8994
- didWarnAboutMaps = !1;
9000
+ didWarnAboutMaps = !1,
9001
+ flushedByteSize = 0;
8995
9002
  exports.experimental_renderToHTML = function (children, options) {
8996
9003
  return new Promise(function (resolve, reject) {
8997
9004
  var buffer = "",
@@ -9047,5 +9054,5 @@
9047
9054
  });
9048
9055
  });
9049
9056
  };
9050
- exports.version = "19.2.0-experimental-0038c501-20250429";
9057
+ exports.version = "19.2.0-experimental-408d055a-20250430";
9051
9058
  })();
@@ -4100,8 +4100,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
4100
4100
  queueCompletedSegment(propName, textEmbedded),
4101
4101
  0 === propName.pendingTasks &&
4102
4102
  0 === propName.status &&
4103
- ((propName.status = 1),
4104
- !(propName.byteSize > request.progressiveChunkSize)))
4103
+ ((propName.status = 1), !(500 < propName.byteSize)))
4105
4104
  ) {
4106
4105
  0 === request.pendingRootTasks &&
4107
4106
  task.blockedPreamble &&
@@ -5203,7 +5202,7 @@ function finishedTask(request, boundary, segment) {
5203
5202
  boundary.parentFlushed &&
5204
5203
  request.completedBoundaries.push(boundary),
5205
5204
  1 === boundary.status &&
5206
- (boundary.byteSize > request.progressiveChunkSize ||
5205
+ (500 < boundary.byteSize ||
5207
5206
  (boundary.fallbackAbortableTasks.forEach(
5208
5207
  abortTaskSoft,
5209
5208
  request
@@ -5545,6 +5544,7 @@ function flushSubtree(request, destination, segment, hoistableState) {
5545
5544
  );
5546
5545
  }
5547
5546
  }
5547
+ var flushedByteSize = 0;
5548
5548
  function flushSegment(request, destination, segment, hoistableState) {
5549
5549
  var boundary = segment.boundary;
5550
5550
  if (null === boundary)
@@ -5573,7 +5573,10 @@ function flushSegment(request, destination, segment, hoistableState) {
5573
5573
  flushSubtree(request, destination, segment, hoistableState),
5574
5574
  destination.push("\x3c!--/$--\x3e")
5575
5575
  );
5576
- if (boundary.byteSize > request.progressiveChunkSize)
5576
+ if (
5577
+ 500 < boundary.byteSize &&
5578
+ flushedByteSize + boundary.byteSize > request.progressiveChunkSize
5579
+ )
5577
5580
  return (
5578
5581
  (boundary.rootSegmentID = request.nextSegmentId++),
5579
5582
  request.completedBoundaries.push(boundary),
@@ -5585,6 +5588,7 @@ function flushSegment(request, destination, segment, hoistableState) {
5585
5588
  flushSubtree(request, destination, segment, hoistableState),
5586
5589
  destination.push("\x3c!--/$--\x3e")
5587
5590
  );
5591
+ flushedByteSize += boundary.byteSize;
5588
5592
  hoistableState &&
5589
5593
  ((segment = boundary.contentState),
5590
5594
  segment.styles.forEach(hoistStyleQueueDependency, hoistableState),
@@ -5608,6 +5612,7 @@ function flushSegmentContainer(request, destination, segment, hoistableState) {
5608
5612
  return writeEndSegment(destination, segment.parentFormatContext);
5609
5613
  }
5610
5614
  function flushCompletedBoundary(request, destination, boundary) {
5615
+ flushedByteSize = boundary.byteSize;
5611
5616
  for (
5612
5617
  var completedSegments = boundary.completedSegments, i = 0;
5613
5618
  i < completedSegments.length;
@@ -5733,6 +5738,7 @@ function flushCompletedQueues(request, destination) {
5733
5738
  if (5 === completedRootSegment.status) return;
5734
5739
  var completedPreambleSegments = request.completedPreambleSegments;
5735
5740
  if (null === completedPreambleSegments) return;
5741
+ flushedByteSize = request.byteSize;
5736
5742
  var resumableState = request.resumableState,
5737
5743
  renderState = request.renderState;
5738
5744
  if (
@@ -5913,6 +5919,7 @@ function flushCompletedQueues(request, destination) {
5913
5919
  a: {
5914
5920
  clientRenderedBoundaries = request;
5915
5921
  boundary = destination;
5922
+ flushedByteSize = boundary$57.byteSize;
5916
5923
  var completedSegments = boundary$57.completedSegments;
5917
5924
  for (
5918
5925
  JSCompiler_inline_result = 0;
@@ -6082,4 +6089,4 @@ exports.experimental_renderToHTML = function (children, options) {
6082
6089
  });
6083
6090
  });
6084
6091
  };
6085
- exports.version = "19.2.0-experimental-0038c501-20250429";
6092
+ exports.version = "19.2.0-experimental-408d055a-20250430";
@@ -3710,7 +3710,14 @@
3710
3710
  "pending" === chunk.status && triggerErrorOnChunk(chunk, error);
3711
3711
  });
3712
3712
  supportsUserTiming &&
3713
- performance.mark("Server Components Track", componentsTrackMarker);
3713
+ console.timeStamp(
3714
+ "Server Components Track",
3715
+ 0.001,
3716
+ 0.001,
3717
+ "Primary",
3718
+ "Server Components \u269b",
3719
+ "primary-light"
3720
+ );
3714
3721
  flushComponentPerformance(
3715
3722
  response,
3716
3723
  getChunk(response, 0),
@@ -4597,16 +4604,33 @@
4597
4604
  parentEndTime < root &&
4598
4605
  null !== response.component
4599
4606
  ) {
4600
- var trackIdx = trackIdx$jscomp$0,
4607
+ var componentInfo = response.component,
4608
+ trackIdx = trackIdx$jscomp$0,
4601
4609
  startTime = parentEndTime;
4602
- if (supportsUserTiming && 0 <= root && 10 > trackIdx) {
4603
- var name = response.component.name;
4604
- reusableComponentDevToolDetails.color = "tertiary-light";
4605
- reusableComponentDevToolDetails.track = trackNames[trackIdx];
4606
- reusableComponentOptions.start = 0 > startTime ? 0 : startTime;
4607
- reusableComponentOptions.end = root;
4608
- performance.measure(name + " [deduped]", reusableComponentOptions);
4609
- }
4610
+ supportsUserTiming &&
4611
+ 0 <= root &&
4612
+ 10 > trackIdx &&
4613
+ ((parentEndTime = componentInfo.name + " [deduped]"),
4614
+ (componentInfo = componentInfo.debugTask)
4615
+ ? componentInfo.run(
4616
+ console.timeStamp.bind(
4617
+ console,
4618
+ parentEndTime,
4619
+ 0 > startTime ? 0 : startTime,
4620
+ root,
4621
+ trackNames[trackIdx],
4622
+ "Server Components \u269b",
4623
+ "tertiary-light"
4624
+ )
4625
+ )
4626
+ : console.timeStamp(
4627
+ parentEndTime,
4628
+ 0 > startTime ? 0 : startTime,
4629
+ root,
4630
+ trackNames[trackIdx],
4631
+ "Server Components \u269b",
4632
+ "tertiary-light"
4633
+ ));
4610
4634
  }
4611
4635
  response.track = trackIdx$jscomp$0;
4612
4636
  return response;
@@ -4614,29 +4638,38 @@
4614
4638
  var children = root._children;
4615
4639
  "resolved_model" === root.status && initializeModelChunk(root);
4616
4640
  if ((trackIdx = root._debugInfo)) {
4617
- for (startTime = 1; startTime < trackIdx.length; startTime++)
4641
+ for (
4642
+ componentInfo = 1;
4643
+ componentInfo < trackIdx.length;
4644
+ componentInfo++
4645
+ )
4618
4646
  if (
4619
- "string" === typeof trackIdx[startTime].name &&
4620
- ((name = trackIdx[startTime - 1]), "number" === typeof name.time)
4647
+ "string" === typeof trackIdx[componentInfo].name &&
4648
+ ((startTime = trackIdx[componentInfo - 1]),
4649
+ "number" === typeof startTime.time)
4621
4650
  ) {
4622
- startTime = name.time;
4623
- startTime < trackTime && trackIdx$jscomp$0++;
4624
- trackTime = startTime;
4651
+ componentInfo = startTime.time;
4652
+ componentInfo < trackTime && trackIdx$jscomp$0++;
4653
+ trackTime = componentInfo;
4625
4654
  break;
4626
4655
  }
4627
- for (startTime = trackIdx.length - 1; 0 <= startTime; startTime--)
4628
- (name = trackIdx[startTime]),
4629
- "number" === typeof name.time &&
4630
- name.time > parentEndTime &&
4631
- (parentEndTime = name.time);
4656
+ for (
4657
+ componentInfo = trackIdx.length - 1;
4658
+ 0 <= componentInfo;
4659
+ componentInfo--
4660
+ )
4661
+ (startTime = trackIdx[componentInfo]),
4662
+ "number" === typeof startTime.time &&
4663
+ startTime.time > parentEndTime &&
4664
+ (parentEndTime = startTime.time);
4632
4665
  }
4633
- startTime = {
4666
+ componentInfo = {
4634
4667
  track: trackIdx$jscomp$0,
4635
4668
  endTime: -Infinity,
4636
4669
  component: null
4637
4670
  };
4638
- root._children = startTime;
4639
- name = -Infinity;
4671
+ root._children = componentInfo;
4672
+ startTime = -Infinity;
4640
4673
  var childTrackIdx = trackIdx$jscomp$0,
4641
4674
  childTrackTime = trackTime;
4642
4675
  for (trackTime = 0; trackTime < children.length; trackTime++) {
@@ -4648,11 +4681,11 @@
4648
4681
  parentEndTime
4649
4682
  );
4650
4683
  null !== childTrackTime.component &&
4651
- (startTime.component = childTrackTime.component);
4684
+ (componentInfo.component = childTrackTime.component);
4652
4685
  childTrackIdx = childTrackTime.track;
4653
4686
  var childEndTime = childTrackTime.endTime;
4654
4687
  childTrackTime = childEndTime;
4655
- childEndTime > name && (name = childEndTime);
4688
+ childEndTime > startTime && (startTime = childEndTime);
4656
4689
  }
4657
4690
  if (trackIdx)
4658
4691
  for (
@@ -4664,7 +4697,7 @@
4664
4697
  ((trackTime = trackIdx[children]),
4665
4698
  "number" === typeof trackTime.time &&
4666
4699
  ((parentEndTime = trackTime.time),
4667
- parentEndTime > name && (name = parentEndTime)),
4700
+ parentEndTime > startTime && (startTime = parentEndTime)),
4668
4701
  "string" === typeof trackTime.name && 0 < children)
4669
4702
  ) {
4670
4703
  childTrackTime = trackIdx[children - 1];
@@ -4675,82 +4708,103 @@
4675
4708
  "rejected" === root.status &&
4676
4709
  root.reason !== response._closedReason
4677
4710
  ) {
4678
- var componentInfo = trackTime;
4679
4711
  childTrackIdx = trackIdx$jscomp$0;
4680
- childEndTime = name;
4681
- var rootEnv = response._rootEnvironmentName,
4682
- error = root.reason;
4712
+ childEndTime = startTime;
4713
+ var error = root.reason;
4683
4714
  if (supportsUserTiming) {
4684
- var properties = [];
4685
- properties.push([
4686
- "Error",
4687
- "object" === typeof error &&
4688
- null !== error &&
4689
- "string" === typeof error.message
4690
- ? String(error.message)
4691
- : String(error)
4692
- ]);
4693
- error = componentInfo.env;
4694
- componentInfo = componentInfo.name;
4695
- componentInfo =
4696
- error === rootEnv || void 0 === error
4697
- ? componentInfo
4698
- : componentInfo + " [" + error + "]";
4699
- performance.measure(componentInfo, {
4700
- start: 0 > childTrackTime ? 0 : childTrackTime,
4701
- end: childEndTime,
4702
- detail: {
4703
- devtools: {
4704
- color: "error",
4705
- track: trackNames[childTrackIdx],
4706
- trackGroup: "Server Components \u269b",
4707
- tooltipText: componentInfo + " Errored",
4708
- properties: properties
4709
- }
4710
- }
4711
- });
4715
+ var env = trackTime.env,
4716
+ name = trackTime.name;
4717
+ env =
4718
+ env === response._rootEnvironmentName || void 0 === env
4719
+ ? name
4720
+ : name + " [" + env + "]";
4721
+ "undefined" !== typeof performance &&
4722
+ "function" === typeof performance.measure
4723
+ ? performance.measure(env, {
4724
+ start: 0 > childTrackTime ? 0 : childTrackTime,
4725
+ end: childEndTime,
4726
+ detail: {
4727
+ devtools: {
4728
+ color: "error",
4729
+ track: trackNames[childTrackIdx],
4730
+ trackGroup: "Server Components \u269b",
4731
+ tooltipText: env + " Errored",
4732
+ properties: [
4733
+ [
4734
+ "Error",
4735
+ "object" === typeof error &&
4736
+ null !== error &&
4737
+ "string" === typeof error.message
4738
+ ? String(error.message)
4739
+ : String(error)
4740
+ ]
4741
+ ]
4742
+ }
4743
+ }
4744
+ })
4745
+ : console.timeStamp(
4746
+ env,
4747
+ 0 > childTrackTime ? 0 : childTrackTime,
4748
+ childEndTime,
4749
+ trackNames[childTrackIdx],
4750
+ "Server Components \u269b",
4751
+ "error"
4752
+ );
4712
4753
  }
4713
- } else
4714
- (childTrackIdx = trackIdx$jscomp$0),
4715
- (childEndTime = name),
4716
- supportsUserTiming &&
4717
- 0 <= childEndTime &&
4718
- 10 > childTrackIdx &&
4719
- ((properties = trackTime.env),
4720
- (componentInfo = trackTime.name),
4721
- (rootEnv = properties === response._rootEnvironmentName),
4722
- (error = parentEndTime - childTrackTime),
4723
- (reusableComponentDevToolDetails.color =
4724
- 0.5 > error
4725
- ? rootEnv
4726
- ? "primary-light"
4727
- : "secondary-light"
4728
- : 50 > error
4729
- ? rootEnv
4730
- ? "primary"
4731
- : "secondary"
4732
- : 500 > error
4733
- ? rootEnv
4734
- ? "primary-dark"
4735
- : "secondary-dark"
4736
- : "error"),
4737
- (reusableComponentDevToolDetails.track =
4738
- trackNames[childTrackIdx]),
4739
- (reusableComponentOptions.start =
4740
- 0 > childTrackTime ? 0 : childTrackTime),
4741
- (reusableComponentOptions.end = childEndTime),
4742
- performance.measure(
4743
- rootEnv || void 0 === properties
4744
- ? componentInfo
4745
- : componentInfo + " [" + properties + "]",
4746
- reusableComponentOptions
4747
- ));
4748
- startTime.component = trackTime;
4754
+ } else if (
4755
+ ((childTrackIdx = trackIdx$jscomp$0),
4756
+ (childEndTime = startTime),
4757
+ supportsUserTiming && 0 <= childEndTime && 10 > childTrackIdx)
4758
+ ) {
4759
+ env = trackTime.env;
4760
+ name = trackTime.name;
4761
+ var isPrimaryEnv = env === response._rootEnvironmentName;
4762
+ error = parentEndTime - childTrackTime;
4763
+ error =
4764
+ 0.5 > error
4765
+ ? isPrimaryEnv
4766
+ ? "primary-light"
4767
+ : "secondary-light"
4768
+ : 50 > error
4769
+ ? isPrimaryEnv
4770
+ ? "primary"
4771
+ : "secondary"
4772
+ : 500 > error
4773
+ ? isPrimaryEnv
4774
+ ? "primary-dark"
4775
+ : "secondary-dark"
4776
+ : "error";
4777
+ env =
4778
+ isPrimaryEnv || void 0 === env
4779
+ ? name
4780
+ : name + " [" + env + "]";
4781
+ (name = trackTime.debugTask)
4782
+ ? name.run(
4783
+ console.timeStamp.bind(
4784
+ console,
4785
+ env,
4786
+ 0 > childTrackTime ? 0 : childTrackTime,
4787
+ childEndTime,
4788
+ trackNames[childTrackIdx],
4789
+ "Server Components \u269b",
4790
+ error
4791
+ )
4792
+ )
4793
+ : console.timeStamp(
4794
+ env,
4795
+ 0 > childTrackTime ? 0 : childTrackTime,
4796
+ childEndTime,
4797
+ trackNames[childTrackIdx],
4798
+ "Server Components \u269b",
4799
+ error
4800
+ );
4801
+ }
4802
+ componentInfo.component = trackTime;
4749
4803
  }
4750
4804
  childTrackIdx = !1;
4751
4805
  }
4752
- startTime.endTime = name;
4753
- return startTime;
4806
+ componentInfo.endTime = startTime;
4807
+ return componentInfo;
4754
4808
  }
4755
4809
  function processFullStringRow(response, id, tag, row) {
4756
4810
  switch (tag) {
@@ -9948,8 +10002,7 @@
9948
10002
  queueCompletedSegment(newBoundary, contentRootSegment),
9949
10003
  0 === newBoundary.pendingTasks &&
9950
10004
  0 === newBoundary.status &&
9951
- ((newBoundary.status = 1),
9952
- !(newBoundary.byteSize > request.progressiveChunkSize)))
10005
+ ((newBoundary.status = 1), !(500 < newBoundary.byteSize)))
9953
10006
  ) {
9954
10007
  0 === request.pendingRootTasks &&
9955
10008
  task.blockedPreamble &&
@@ -11336,7 +11389,7 @@
11336
11389
  boundary.parentFlushed &&
11337
11390
  request.completedBoundaries.push(boundary),
11338
11391
  1 === boundary.status &&
11339
- (boundary.byteSize > request.progressiveChunkSize ||
11392
+ (500 < boundary.byteSize ||
11340
11393
  (boundary.fallbackAbortableTasks.forEach(
11341
11394
  abortTaskSoft,
11342
11395
  request
@@ -11770,7 +11823,10 @@
11770
11823
  flushSubtree(request, destination, segment, hoistableState),
11771
11824
  destination.push("\x3c!--/$--\x3e")
11772
11825
  );
11773
- if (boundary.byteSize > request.progressiveChunkSize)
11826
+ if (
11827
+ 500 < boundary.byteSize &&
11828
+ flushedByteSize + boundary.byteSize > request.progressiveChunkSize
11829
+ )
11774
11830
  return (
11775
11831
  (boundary.rootSegmentID = request.nextSegmentId++),
11776
11832
  request.completedBoundaries.push(boundary),
@@ -11782,6 +11838,7 @@
11782
11838
  flushSubtree(request, destination, segment, hoistableState),
11783
11839
  destination.push("\x3c!--/$--\x3e")
11784
11840
  );
11841
+ flushedByteSize += boundary.byteSize;
11785
11842
  hoistableState &&
11786
11843
  ((segment = boundary.contentState),
11787
11844
  segment.styles.forEach(hoistStyleQueueDependency, hoistableState),
@@ -11810,6 +11867,7 @@
11810
11867
  return writeEndSegment(destination, segment.parentFormatContext);
11811
11868
  }
11812
11869
  function flushCompletedBoundary(request, destination, boundary) {
11870
+ flushedByteSize = boundary.byteSize;
11813
11871
  for (
11814
11872
  var completedSegments = boundary.completedSegments, i = 0;
11815
11873
  i < completedSegments.length;
@@ -11945,6 +12003,7 @@
11945
12003
  if (5 === completedRootSegment.status) return;
11946
12004
  var completedPreambleSegments = request.completedPreambleSegments;
11947
12005
  if (null === completedPreambleSegments) return;
12006
+ flushedByteSize = request.byteSize;
11948
12007
  var resumableState = request.resumableState,
11949
12008
  renderState = request.renderState;
11950
12009
  if (
@@ -12197,8 +12256,9 @@
12197
12256
  a: {
12198
12257
  clientRenderedBoundaries = request;
12199
12258
  boundary = destination;
12200
- var boundary$jscomp$0 = partialBoundaries[i],
12201
- completedSegments = boundary$jscomp$0.completedSegments;
12259
+ var boundary$jscomp$0 = partialBoundaries[i];
12260
+ flushedByteSize = boundary$jscomp$0.byteSize;
12261
+ var completedSegments = boundary$jscomp$0.completedSegments;
12202
12262
  for (
12203
12263
  JSCompiler_inline_result = 0;
12204
12264
  JSCompiler_inline_result < completedSegments.length;
@@ -12586,28 +12646,8 @@
12586
12646
  FunctionBind = Function.prototype.bind,
12587
12647
  ArraySlice = Array.prototype.slice,
12588
12648
  supportsUserTiming =
12589
- "undefined" !== typeof performance &&
12590
- "function" === typeof performance.measure,
12591
- componentsTrackMarker = {
12592
- startTime: 0.001,
12593
- detail: {
12594
- devtools: {
12595
- color: "primary-light",
12596
- track: "Primary",
12597
- trackGroup: "Server Components \u269b"
12598
- }
12599
- }
12600
- },
12601
- reusableComponentDevToolDetails = {
12602
- color: "primary",
12603
- track: "",
12604
- trackGroup: "Server Components \u269b"
12605
- },
12606
- reusableComponentOptions = {
12607
- start: -0,
12608
- end: -0,
12609
- detail: { devtools: reusableComponentDevToolDetails }
12610
- },
12649
+ "undefined" !== typeof console &&
12650
+ "function" === typeof console.timeStamp,
12611
12651
  trackNames =
12612
12652
  "Primary Parallel Parallel\u200b Parallel\u200b\u200b Parallel\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b".split(
12613
12653
  " "
@@ -13617,7 +13657,8 @@
13617
13657
  didWarnAboutGetDerivedStateOnFunctionComponent = {},
13618
13658
  didWarnAboutReassigningProps = !1,
13619
13659
  didWarnAboutGenerators = !1,
13620
- didWarnAboutMaps = !1;
13660
+ didWarnAboutMaps = !1,
13661
+ flushedByteSize = 0;
13621
13662
  exports.experimental_renderToHTML = function (children, options) {
13622
13663
  return new Promise(function (resolve, reject) {
13623
13664
  var buffer$jscomp$0 = "",
@@ -13826,5 +13867,5 @@
13826
13867
  });
13827
13868
  });
13828
13869
  };
13829
- exports.version = "19.2.0-experimental-0038c501-20250429";
13870
+ exports.version = "19.2.0-experimental-408d055a-20250430";
13830
13871
  })();
@@ -6808,8 +6808,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
6808
6808
  queueCompletedSegment(propName, textEmbedded),
6809
6809
  0 === propName.pendingTasks &&
6810
6810
  0 === propName.status &&
6811
- ((propName.status = 1),
6812
- !(propName.byteSize > request.progressiveChunkSize)))
6811
+ ((propName.status = 1), !(500 < propName.byteSize)))
6813
6812
  ) {
6814
6813
  0 === request.pendingRootTasks &&
6815
6814
  task.blockedPreamble &&
@@ -7906,7 +7905,7 @@ function finishedTask(request, boundary, segment) {
7906
7905
  boundary.parentFlushed &&
7907
7906
  request.completedBoundaries.push(boundary),
7908
7907
  1 === boundary.status &&
7909
- (boundary.byteSize > request.progressiveChunkSize ||
7908
+ (500 < boundary.byteSize ||
7910
7909
  (boundary.fallbackAbortableTasks.forEach(
7911
7910
  abortTaskSoft,
7912
7911
  request
@@ -8248,6 +8247,7 @@ function flushSubtree(request, destination, segment, hoistableState) {
8248
8247
  );
8249
8248
  }
8250
8249
  }
8250
+ var flushedByteSize = 0;
8251
8251
  function flushSegment(request, destination, segment, hoistableState) {
8252
8252
  var boundary = segment.boundary;
8253
8253
  if (null === boundary)
@@ -8276,7 +8276,10 @@ function flushSegment(request, destination, segment, hoistableState) {
8276
8276
  flushSubtree(request, destination, segment, hoistableState),
8277
8277
  destination.push("\x3c!--/$--\x3e")
8278
8278
  );
8279
- if (boundary.byteSize > request.progressiveChunkSize)
8279
+ if (
8280
+ 500 < boundary.byteSize &&
8281
+ flushedByteSize + boundary.byteSize > request.progressiveChunkSize
8282
+ )
8280
8283
  return (
8281
8284
  (boundary.rootSegmentID = request.nextSegmentId++),
8282
8285
  request.completedBoundaries.push(boundary),
@@ -8288,6 +8291,7 @@ function flushSegment(request, destination, segment, hoistableState) {
8288
8291
  flushSubtree(request, destination, segment, hoistableState),
8289
8292
  destination.push("\x3c!--/$--\x3e")
8290
8293
  );
8294
+ flushedByteSize += boundary.byteSize;
8291
8295
  hoistableState &&
8292
8296
  ((segment = boundary.contentState),
8293
8297
  segment.styles.forEach(hoistStyleQueueDependency, hoistableState),
@@ -8311,6 +8315,7 @@ function flushSegmentContainer(request, destination, segment, hoistableState) {
8311
8315
  return writeEndSegment(destination, segment.parentFormatContext);
8312
8316
  }
8313
8317
  function flushCompletedBoundary(request, destination, boundary) {
8318
+ flushedByteSize = boundary.byteSize;
8314
8319
  for (
8315
8320
  var completedSegments = boundary.completedSegments, i = 0;
8316
8321
  i < completedSegments.length;
@@ -8436,6 +8441,7 @@ function flushCompletedQueues(request, destination) {
8436
8441
  if (5 === completedRootSegment.status) return;
8437
8442
  var completedPreambleSegments = request.completedPreambleSegments;
8438
8443
  if (null === completedPreambleSegments) return;
8444
+ flushedByteSize = request.byteSize;
8439
8445
  var resumableState = request.resumableState,
8440
8446
  renderState = request.renderState;
8441
8447
  if (
@@ -8616,6 +8622,7 @@ function flushCompletedQueues(request, destination) {
8616
8622
  a: {
8617
8623
  clientRenderedBoundaries = request;
8618
8624
  boundary = destination;
8625
+ flushedByteSize = boundary$119.byteSize;
8619
8626
  var completedSegments = boundary$119.completedSegments;
8620
8627
  for (
8621
8628
  JSCompiler_inline_result = 0;
@@ -9022,4 +9029,4 @@ exports.experimental_renderToHTML = function (children, options) {
9022
9029
  });
9023
9030
  });
9024
9031
  };
9025
- exports.version = "19.2.0-experimental-0038c501-20250429";
9032
+ exports.version = "19.2.0-experimental-408d055a-20250430";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-markup",
3
- "version": "0.0.0-experimental-0038c501-20250429",
3
+ "version": "0.0.0-experimental-408d055a-20250430",
4
4
  "description": "React package generating embedded markup such as e-mails with support for Server Components.",
5
5
  "main": "index.js",
6
6
  "repository": {
@@ -17,7 +17,7 @@
17
17
  },
18
18
  "homepage": "https://react.dev/",
19
19
  "peerDependencies": {
20
- "react": "0.0.0-experimental-0038c501-20250429"
20
+ "react": "0.0.0-experimental-408d055a-20250430"
21
21
  },
22
22
  "files": [
23
23
  "LICENSE",