react-markup 0.0.0-experimental-0038c501-20250429 → 0.0.0-experimental-e9db3cc2-20250501

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;
@@ -7534,7 +7538,7 @@
7534
7538
  ? 0 === (completedSegments.instructions & 2)
7535
7539
  ? ((completedSegments.instructions |= 10),
7536
7540
  destination.push(
7537
- '$RC=function(b,d,e){d=document.getElementById(d);d.parentNode.removeChild(d);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var c=a.data;if("/$"===c||"/&"===c)if(0===f)break;else f--;else"$"!==c&&"$?"!==c&&"$!"!==c&&"&"!==c||f++}c=a.nextSibling;e.removeChild(a);a=c}while(a);for(;d.firstChild;)e.insertBefore(d.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(t,u,y){function v(n){this._p=null;n()}for(var w=$RC,p=$RM,q=new Map,r=document,g,b,h=r.querySelectorAll("link[data-precedence],style[data-precedence]"),x=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?x.push(b):("LINK"===b.tagName&&p.set(b.getAttribute("href"),b),q.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var e=y[b++];if(!e){k=!1;b=0;continue}var c=!1,m=0;var d=e[m++];if(a=p.get(d)){var f=a._p;c=!0}else{a=r.createElement("link");a.href=\nd;a.rel="stylesheet";for(a.dataset.precedence=l=e[m++];f=e[m++];)a.setAttribute(f,e[m++]);f=a._p=new Promise(function(n,z){a.onload=v.bind(a,n);a.onerror=v.bind(a,z)});p.set(d,a)}d=a.getAttribute("media");!f||d&&!matchMedia(d).matches||h.push(f);if(c)continue}else{a=x[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=q.get(l)||g;c===g&&(g=a);q.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=r.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(w.bind(null,\nt,u,""),w.bind(null,t,u,"Resource failed to load"))};$RR("'
7541
+ '$RC=function(b,d,e){if(d=document.getElementById(d)){d.parentNode.removeChild(d);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var c=a.data;if("/$"===c||"/&"===c)if(0===f)break;else f--;else"$"!==c&&"$?"!==c&&"$!"!==c&&"&"!==c||f++}c=a.nextSibling;e.removeChild(a);a=c}while(a);for(;d.firstChild;)e.insertBefore(d.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}}};$RM=new Map;\n$RR=function(t,u,y){function v(n){this._p=null;n()}for(var w=$RC,p=$RM,q=new Map,r=document,g,b,h=r.querySelectorAll("link[data-precedence],style[data-precedence]"),x=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?x.push(b):("LINK"===b.tagName&&p.set(b.getAttribute("href"),b),q.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var e=y[b++];if(!e){k=!1;b=0;continue}var c=!1,m=0;var d=e[m++];if(a=p.get(d)){var f=a._p;c=!0}else{a=r.createElement("link");a.href=\nd;a.rel="stylesheet";for(a.dataset.precedence=l=e[m++];f=e[m++];)a.setAttribute(f,e[m++]);f=a._p=new Promise(function(n,z){a.onload=v.bind(a,n);a.onerror=v.bind(a,z)});p.set(d,a)}d=a.getAttribute("media");!f||d&&!matchMedia(d).matches||h.push(f);if(c)continue}else{a=x[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=q.get(l)||g;c===g&&(g=a);q.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=r.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(w.bind(null,\nt,u,""),w.bind(null,t,u,"Resource failed to load"))};$RR("'
7538
7542
  ))
7539
7543
  : 0 === (completedSegments.instructions & 8)
7540
7544
  ? ((completedSegments.instructions |= 8),
@@ -7545,7 +7549,7 @@
7545
7549
  : 0 === (completedSegments.instructions & 2)
7546
7550
  ? ((completedSegments.instructions |= 2),
7547
7551
  destination.push(
7548
- '$RC=function(b,d,e){d=document.getElementById(d);d.parentNode.removeChild(d);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var c=a.data;if("/$"===c||"/&"===c)if(0===f)break;else f--;else"$"!==c&&"$?"!==c&&"$!"!==c&&"&"!==c||f++}c=a.nextSibling;e.removeChild(a);a=c}while(a);for(;d.firstChild;)e.insertBefore(d.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'
7552
+ '$RC=function(b,d,e){if(d=document.getElementById(d)){d.parentNode.removeChild(d);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var c=a.data;if("/$"===c||"/&"===c)if(0===f)break;else f--;else"$"!==c&&"$?"!==c&&"$!"!==c&&"&"!==c||f++}c=a.nextSibling;e.removeChild(a);a=c}while(a);for(;d.firstChild;)e.insertBefore(d.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}}};$RC("'
7549
7553
  ))
7550
7554
  : destination.push('$RC("'))
7551
7555
  : requiresStyleInsertion
@@ -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-e9db3cc2-20250501";
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;
@@ -5639,7 +5644,7 @@ function flushCompletedBoundary(request, destination, boundary) {
5639
5644
  ? 0 === (completedSegments.instructions & 2)
5640
5645
  ? ((completedSegments.instructions |= 10),
5641
5646
  destination.push(
5642
- '$RC=function(b,d,e){d=document.getElementById(d);d.parentNode.removeChild(d);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var c=a.data;if("/$"===c||"/&"===c)if(0===f)break;else f--;else"$"!==c&&"$?"!==c&&"$!"!==c&&"&"!==c||f++}c=a.nextSibling;e.removeChild(a);a=c}while(a);for(;d.firstChild;)e.insertBefore(d.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(t,u,y){function v(n){this._p=null;n()}for(var w=$RC,p=$RM,q=new Map,r=document,g,b,h=r.querySelectorAll("link[data-precedence],style[data-precedence]"),x=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?x.push(b):("LINK"===b.tagName&&p.set(b.getAttribute("href"),b),q.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var e=y[b++];if(!e){k=!1;b=0;continue}var c=!1,m=0;var d=e[m++];if(a=p.get(d)){var f=a._p;c=!0}else{a=r.createElement("link");a.href=\nd;a.rel="stylesheet";for(a.dataset.precedence=l=e[m++];f=e[m++];)a.setAttribute(f,e[m++]);f=a._p=new Promise(function(n,z){a.onload=v.bind(a,n);a.onerror=v.bind(a,z)});p.set(d,a)}d=a.getAttribute("media");!f||d&&!matchMedia(d).matches||h.push(f);if(c)continue}else{a=x[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=q.get(l)||g;c===g&&(g=a);q.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=r.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(w.bind(null,\nt,u,""),w.bind(null,t,u,"Resource failed to load"))};$RR("'
5647
+ '$RC=function(b,d,e){if(d=document.getElementById(d)){d.parentNode.removeChild(d);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var c=a.data;if("/$"===c||"/&"===c)if(0===f)break;else f--;else"$"!==c&&"$?"!==c&&"$!"!==c&&"&"!==c||f++}c=a.nextSibling;e.removeChild(a);a=c}while(a);for(;d.firstChild;)e.insertBefore(d.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}}};$RM=new Map;\n$RR=function(t,u,y){function v(n){this._p=null;n()}for(var w=$RC,p=$RM,q=new Map,r=document,g,b,h=r.querySelectorAll("link[data-precedence],style[data-precedence]"),x=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?x.push(b):("LINK"===b.tagName&&p.set(b.getAttribute("href"),b),q.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var e=y[b++];if(!e){k=!1;b=0;continue}var c=!1,m=0;var d=e[m++];if(a=p.get(d)){var f=a._p;c=!0}else{a=r.createElement("link");a.href=\nd;a.rel="stylesheet";for(a.dataset.precedence=l=e[m++];f=e[m++];)a.setAttribute(f,e[m++]);f=a._p=new Promise(function(n,z){a.onload=v.bind(a,n);a.onerror=v.bind(a,z)});p.set(d,a)}d=a.getAttribute("media");!f||d&&!matchMedia(d).matches||h.push(f);if(c)continue}else{a=x[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=q.get(l)||g;c===g&&(g=a);q.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=r.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(w.bind(null,\nt,u,""),w.bind(null,t,u,"Resource failed to load"))};$RR("'
5643
5648
  ))
5644
5649
  : 0 === (completedSegments.instructions & 8)
5645
5650
  ? ((completedSegments.instructions |= 8),
@@ -5650,7 +5655,7 @@ function flushCompletedBoundary(request, destination, boundary) {
5650
5655
  : 0 === (completedSegments.instructions & 2)
5651
5656
  ? ((completedSegments.instructions |= 2),
5652
5657
  destination.push(
5653
- '$RC=function(b,d,e){d=document.getElementById(d);d.parentNode.removeChild(d);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var c=a.data;if("/$"===c||"/&"===c)if(0===f)break;else f--;else"$"!==c&&"$?"!==c&&"$!"!==c&&"&"!==c||f++}c=a.nextSibling;e.removeChild(a);a=c}while(a);for(;d.firstChild;)e.insertBefore(d.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'
5658
+ '$RC=function(b,d,e){if(d=document.getElementById(d)){d.parentNode.removeChild(d);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var c=a.data;if("/$"===c||"/&"===c)if(0===f)break;else f--;else"$"!==c&&"$?"!==c&&"$!"!==c&&"&"!==c||f++}c=a.nextSibling;e.removeChild(a);a=c}while(a);for(;d.firstChild;)e.insertBefore(d.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}}};$RC("'
5654
5659
  ))
5655
5660
  : destination.push('$RC("'))
5656
5661
  : requiresStyleInsertion
@@ -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-e9db3cc2-20250501";
@@ -1359,6 +1359,20 @@
1359
1359
  getAsyncIterator = getAsyncIterator.call(children);
1360
1360
  return serializeAsyncIterable(request, task, children, getAsyncIterator);
1361
1361
  }
1362
+ function deferTask(request, task) {
1363
+ task = createTask(
1364
+ request,
1365
+ task.model,
1366
+ task.keyPath,
1367
+ task.implicitSlot,
1368
+ request.abortableTasks,
1369
+ task.debugOwner,
1370
+ task.debugStack,
1371
+ task.debugTask
1372
+ );
1373
+ pingTask$1(request, task);
1374
+ return "$L" + task.id.toString(16);
1375
+ }
1362
1376
  function outlineTask(request, task) {
1363
1377
  task = createTask(
1364
1378
  request,
@@ -1741,6 +1755,7 @@
1741
1755
  value
1742
1756
  ) {
1743
1757
  task.model = value;
1758
+ serializedSize += parentPropertyName.length;
1744
1759
  if (value === REACT_ELEMENT_TYPE) return "$";
1745
1760
  if (null === value) return null;
1746
1761
  if ("object" === typeof value) {
@@ -1761,6 +1776,7 @@
1761
1776
  _existingReference + ":" + parentPropertyName),
1762
1777
  _writtenObjects.set(value, elementReference)));
1763
1778
  }
1779
+ if (serializedSize > MAX_ROW_SIZE) return deferTask(request, task);
1764
1780
  if ((_existingReference = value._debugInfo)) {
1765
1781
  if (null === debugID) return outlineTask(request, task);
1766
1782
  forwardDebugInfo(request, debugID, _existingReference);
@@ -1786,6 +1802,7 @@
1786
1802
  _writtenObjects.set(request, elementReference));
1787
1803
  return request;
1788
1804
  case REACT_LAZY_TYPE:
1805
+ if (serializedSize > MAX_ROW_SIZE) return deferTask(request, task);
1789
1806
  task.thenableState = null;
1790
1807
  elementReference = callLazyInitInDEV$1(value);
1791
1808
  if (request.status === ABORTING$1) throw null;
@@ -1956,6 +1973,7 @@
1956
1973
  return (
1957
1974
  (request = TaintRegistryValues.get(value)),
1958
1975
  void 0 !== request && throwTaintViolation(request.message),
1976
+ (serializedSize += value.length),
1959
1977
  "Z" === value[value.length - 1] &&
1960
1978
  parent[parentPropertyName] instanceof Date
1961
1979
  ? "$D" + value
@@ -2506,34 +2524,41 @@
2506
2524
  }
2507
2525
  function emitChunk(request, task, value) {
2508
2526
  var id = task.id;
2509
- value instanceof ArrayBuffer
2510
- ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
2511
- : value instanceof Int8Array
2512
- ? emitTypedArrayChunk(request, id, "O", value)
2513
- : value instanceof Uint8Array
2514
- ? emitTypedArrayChunk(request, id, "o", value)
2515
- : value instanceof Uint8ClampedArray
2516
- ? emitTypedArrayChunk(request, id, "U", value)
2517
- : value instanceof Int16Array
2518
- ? emitTypedArrayChunk(request, id, "S", value)
2519
- : value instanceof Uint16Array
2520
- ? emitTypedArrayChunk(request, id, "s", value)
2521
- : value instanceof Int32Array
2522
- ? emitTypedArrayChunk(request, id, "L", value)
2523
- : value instanceof Uint32Array
2524
- ? emitTypedArrayChunk(request, id, "l", value)
2525
- : value instanceof Float32Array
2526
- ? emitTypedArrayChunk(request, id, "G", value)
2527
- : value instanceof Float64Array
2528
- ? emitTypedArrayChunk(request, id, "g", value)
2529
- : value instanceof BigInt64Array
2530
- ? emitTypedArrayChunk(request, id, "M", value)
2531
- : value instanceof BigUint64Array
2532
- ? emitTypedArrayChunk(request, id, "m", value)
2533
- : value instanceof DataView
2534
- ? emitTypedArrayChunk(request, id, "V", value)
2535
- : ((value = stringify(value, task.toJSON)),
2536
- emitModelChunk(request, task.id, value));
2527
+ if (value instanceof ArrayBuffer)
2528
+ emitTypedArrayChunk(request, id, "A", new Uint8Array(value));
2529
+ else if (value instanceof Int8Array)
2530
+ emitTypedArrayChunk(request, id, "O", value);
2531
+ else if (value instanceof Uint8Array)
2532
+ emitTypedArrayChunk(request, id, "o", value);
2533
+ else if (value instanceof Uint8ClampedArray)
2534
+ emitTypedArrayChunk(request, id, "U", value);
2535
+ else if (value instanceof Int16Array)
2536
+ emitTypedArrayChunk(request, id, "S", value);
2537
+ else if (value instanceof Uint16Array)
2538
+ emitTypedArrayChunk(request, id, "s", value);
2539
+ else if (value instanceof Int32Array)
2540
+ emitTypedArrayChunk(request, id, "L", value);
2541
+ else if (value instanceof Uint32Array)
2542
+ emitTypedArrayChunk(request, id, "l", value);
2543
+ else if (value instanceof Float32Array)
2544
+ emitTypedArrayChunk(request, id, "G", value);
2545
+ else if (value instanceof Float64Array)
2546
+ emitTypedArrayChunk(request, id, "g", value);
2547
+ else if (value instanceof BigInt64Array)
2548
+ emitTypedArrayChunk(request, id, "M", value);
2549
+ else if (value instanceof BigUint64Array)
2550
+ emitTypedArrayChunk(request, id, "m", value);
2551
+ else if (value instanceof DataView)
2552
+ emitTypedArrayChunk(request, id, "V", value);
2553
+ else {
2554
+ id = serializedSize;
2555
+ try {
2556
+ var json = stringify(value, task.toJSON);
2557
+ emitModelChunk(request, task.id, json);
2558
+ } finally {
2559
+ serializedSize = id;
2560
+ }
2561
+ }
2537
2562
  }
2538
2563
  function erroredTask$1(request, task, error) {
2539
2564
  task.timed && emitTimingChunk(request, task.id, performance.now());
@@ -3710,7 +3735,14 @@
3710
3735
  "pending" === chunk.status && triggerErrorOnChunk(chunk, error);
3711
3736
  });
3712
3737
  supportsUserTiming &&
3713
- performance.mark("Server Components Track", componentsTrackMarker);
3738
+ console.timeStamp(
3739
+ "Server Components Track",
3740
+ 0.001,
3741
+ 0.001,
3742
+ "Primary",
3743
+ "Server Components \u269b",
3744
+ "primary-light"
3745
+ );
3714
3746
  flushComponentPerformance(
3715
3747
  response,
3716
3748
  getChunk(response, 0),
@@ -4597,16 +4629,33 @@
4597
4629
  parentEndTime < root &&
4598
4630
  null !== response.component
4599
4631
  ) {
4600
- var trackIdx = trackIdx$jscomp$0,
4632
+ var componentInfo = response.component,
4633
+ trackIdx = trackIdx$jscomp$0,
4601
4634
  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
- }
4635
+ supportsUserTiming &&
4636
+ 0 <= root &&
4637
+ 10 > trackIdx &&
4638
+ ((parentEndTime = componentInfo.name + " [deduped]"),
4639
+ (componentInfo = componentInfo.debugTask)
4640
+ ? componentInfo.run(
4641
+ console.timeStamp.bind(
4642
+ console,
4643
+ parentEndTime,
4644
+ 0 > startTime ? 0 : startTime,
4645
+ root,
4646
+ trackNames[trackIdx],
4647
+ "Server Components \u269b",
4648
+ "tertiary-light"
4649
+ )
4650
+ )
4651
+ : console.timeStamp(
4652
+ parentEndTime,
4653
+ 0 > startTime ? 0 : startTime,
4654
+ root,
4655
+ trackNames[trackIdx],
4656
+ "Server Components \u269b",
4657
+ "tertiary-light"
4658
+ ));
4610
4659
  }
4611
4660
  response.track = trackIdx$jscomp$0;
4612
4661
  return response;
@@ -4614,29 +4663,38 @@
4614
4663
  var children = root._children;
4615
4664
  "resolved_model" === root.status && initializeModelChunk(root);
4616
4665
  if ((trackIdx = root._debugInfo)) {
4617
- for (startTime = 1; startTime < trackIdx.length; startTime++)
4666
+ for (
4667
+ componentInfo = 1;
4668
+ componentInfo < trackIdx.length;
4669
+ componentInfo++
4670
+ )
4618
4671
  if (
4619
- "string" === typeof trackIdx[startTime].name &&
4620
- ((name = trackIdx[startTime - 1]), "number" === typeof name.time)
4672
+ "string" === typeof trackIdx[componentInfo].name &&
4673
+ ((startTime = trackIdx[componentInfo - 1]),
4674
+ "number" === typeof startTime.time)
4621
4675
  ) {
4622
- startTime = name.time;
4623
- startTime < trackTime && trackIdx$jscomp$0++;
4624
- trackTime = startTime;
4676
+ componentInfo = startTime.time;
4677
+ componentInfo < trackTime && trackIdx$jscomp$0++;
4678
+ trackTime = componentInfo;
4625
4679
  break;
4626
4680
  }
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);
4681
+ for (
4682
+ componentInfo = trackIdx.length - 1;
4683
+ 0 <= componentInfo;
4684
+ componentInfo--
4685
+ )
4686
+ (startTime = trackIdx[componentInfo]),
4687
+ "number" === typeof startTime.time &&
4688
+ startTime.time > parentEndTime &&
4689
+ (parentEndTime = startTime.time);
4632
4690
  }
4633
- startTime = {
4691
+ componentInfo = {
4634
4692
  track: trackIdx$jscomp$0,
4635
4693
  endTime: -Infinity,
4636
4694
  component: null
4637
4695
  };
4638
- root._children = startTime;
4639
- name = -Infinity;
4696
+ root._children = componentInfo;
4697
+ startTime = -Infinity;
4640
4698
  var childTrackIdx = trackIdx$jscomp$0,
4641
4699
  childTrackTime = trackTime;
4642
4700
  for (trackTime = 0; trackTime < children.length; trackTime++) {
@@ -4648,11 +4706,11 @@
4648
4706
  parentEndTime
4649
4707
  );
4650
4708
  null !== childTrackTime.component &&
4651
- (startTime.component = childTrackTime.component);
4709
+ (componentInfo.component = childTrackTime.component);
4652
4710
  childTrackIdx = childTrackTime.track;
4653
4711
  var childEndTime = childTrackTime.endTime;
4654
4712
  childTrackTime = childEndTime;
4655
- childEndTime > name && (name = childEndTime);
4713
+ childEndTime > startTime && (startTime = childEndTime);
4656
4714
  }
4657
4715
  if (trackIdx)
4658
4716
  for (
@@ -4664,7 +4722,7 @@
4664
4722
  ((trackTime = trackIdx[children]),
4665
4723
  "number" === typeof trackTime.time &&
4666
4724
  ((parentEndTime = trackTime.time),
4667
- parentEndTime > name && (name = parentEndTime)),
4725
+ parentEndTime > startTime && (startTime = parentEndTime)),
4668
4726
  "string" === typeof trackTime.name && 0 < children)
4669
4727
  ) {
4670
4728
  childTrackTime = trackIdx[children - 1];
@@ -4675,82 +4733,103 @@
4675
4733
  "rejected" === root.status &&
4676
4734
  root.reason !== response._closedReason
4677
4735
  ) {
4678
- var componentInfo = trackTime;
4679
4736
  childTrackIdx = trackIdx$jscomp$0;
4680
- childEndTime = name;
4681
- var rootEnv = response._rootEnvironmentName,
4682
- error = root.reason;
4737
+ childEndTime = startTime;
4738
+ var error = root.reason;
4683
4739
  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
- });
4740
+ var env = trackTime.env,
4741
+ name = trackTime.name;
4742
+ env =
4743
+ env === response._rootEnvironmentName || void 0 === env
4744
+ ? name
4745
+ : name + " [" + env + "]";
4746
+ "undefined" !== typeof performance &&
4747
+ "function" === typeof performance.measure
4748
+ ? performance.measure(env, {
4749
+ start: 0 > childTrackTime ? 0 : childTrackTime,
4750
+ end: childEndTime,
4751
+ detail: {
4752
+ devtools: {
4753
+ color: "error",
4754
+ track: trackNames[childTrackIdx],
4755
+ trackGroup: "Server Components \u269b",
4756
+ tooltipText: env + " Errored",
4757
+ properties: [
4758
+ [
4759
+ "Error",
4760
+ "object" === typeof error &&
4761
+ null !== error &&
4762
+ "string" === typeof error.message
4763
+ ? String(error.message)
4764
+ : String(error)
4765
+ ]
4766
+ ]
4767
+ }
4768
+ }
4769
+ })
4770
+ : console.timeStamp(
4771
+ env,
4772
+ 0 > childTrackTime ? 0 : childTrackTime,
4773
+ childEndTime,
4774
+ trackNames[childTrackIdx],
4775
+ "Server Components \u269b",
4776
+ "error"
4777
+ );
4712
4778
  }
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;
4779
+ } else if (
4780
+ ((childTrackIdx = trackIdx$jscomp$0),
4781
+ (childEndTime = startTime),
4782
+ supportsUserTiming && 0 <= childEndTime && 10 > childTrackIdx)
4783
+ ) {
4784
+ env = trackTime.env;
4785
+ name = trackTime.name;
4786
+ var isPrimaryEnv = env === response._rootEnvironmentName;
4787
+ error = parentEndTime - childTrackTime;
4788
+ error =
4789
+ 0.5 > error
4790
+ ? isPrimaryEnv
4791
+ ? "primary-light"
4792
+ : "secondary-light"
4793
+ : 50 > error
4794
+ ? isPrimaryEnv
4795
+ ? "primary"
4796
+ : "secondary"
4797
+ : 500 > error
4798
+ ? isPrimaryEnv
4799
+ ? "primary-dark"
4800
+ : "secondary-dark"
4801
+ : "error";
4802
+ env =
4803
+ isPrimaryEnv || void 0 === env
4804
+ ? name
4805
+ : name + " [" + env + "]";
4806
+ (name = trackTime.debugTask)
4807
+ ? name.run(
4808
+ console.timeStamp.bind(
4809
+ console,
4810
+ env,
4811
+ 0 > childTrackTime ? 0 : childTrackTime,
4812
+ childEndTime,
4813
+ trackNames[childTrackIdx],
4814
+ "Server Components \u269b",
4815
+ error
4816
+ )
4817
+ )
4818
+ : console.timeStamp(
4819
+ env,
4820
+ 0 > childTrackTime ? 0 : childTrackTime,
4821
+ childEndTime,
4822
+ trackNames[childTrackIdx],
4823
+ "Server Components \u269b",
4824
+ error
4825
+ );
4826
+ }
4827
+ componentInfo.component = trackTime;
4749
4828
  }
4750
4829
  childTrackIdx = !1;
4751
4830
  }
4752
- startTime.endTime = name;
4753
- return startTime;
4831
+ componentInfo.endTime = startTime;
4832
+ return componentInfo;
4754
4833
  }
4755
4834
  function processFullStringRow(response, id, tag, row) {
4756
4835
  switch (tag) {
@@ -9948,8 +10027,7 @@
9948
10027
  queueCompletedSegment(newBoundary, contentRootSegment),
9949
10028
  0 === newBoundary.pendingTasks &&
9950
10029
  0 === newBoundary.status &&
9951
- ((newBoundary.status = 1),
9952
- !(newBoundary.byteSize > request.progressiveChunkSize)))
10030
+ ((newBoundary.status = 1), !(500 < newBoundary.byteSize)))
9953
10031
  ) {
9954
10032
  0 === request.pendingRootTasks &&
9955
10033
  task.blockedPreamble &&
@@ -11336,7 +11414,7 @@
11336
11414
  boundary.parentFlushed &&
11337
11415
  request.completedBoundaries.push(boundary),
11338
11416
  1 === boundary.status &&
11339
- (boundary.byteSize > request.progressiveChunkSize ||
11417
+ (500 < boundary.byteSize ||
11340
11418
  (boundary.fallbackAbortableTasks.forEach(
11341
11419
  abortTaskSoft,
11342
11420
  request
@@ -11770,7 +11848,10 @@
11770
11848
  flushSubtree(request, destination, segment, hoistableState),
11771
11849
  destination.push("\x3c!--/$--\x3e")
11772
11850
  );
11773
- if (boundary.byteSize > request.progressiveChunkSize)
11851
+ if (
11852
+ 500 < boundary.byteSize &&
11853
+ flushedByteSize + boundary.byteSize > request.progressiveChunkSize
11854
+ )
11774
11855
  return (
11775
11856
  (boundary.rootSegmentID = request.nextSegmentId++),
11776
11857
  request.completedBoundaries.push(boundary),
@@ -11782,6 +11863,7 @@
11782
11863
  flushSubtree(request, destination, segment, hoistableState),
11783
11864
  destination.push("\x3c!--/$--\x3e")
11784
11865
  );
11866
+ flushedByteSize += boundary.byteSize;
11785
11867
  hoistableState &&
11786
11868
  ((segment = boundary.contentState),
11787
11869
  segment.styles.forEach(hoistStyleQueueDependency, hoistableState),
@@ -11810,6 +11892,7 @@
11810
11892
  return writeEndSegment(destination, segment.parentFormatContext);
11811
11893
  }
11812
11894
  function flushCompletedBoundary(request, destination, boundary) {
11895
+ flushedByteSize = boundary.byteSize;
11813
11896
  for (
11814
11897
  var completedSegments = boundary.completedSegments, i = 0;
11815
11898
  i < completedSegments.length;
@@ -11841,7 +11924,7 @@
11841
11924
  ? 0 === (completedSegments.instructions & 2)
11842
11925
  ? ((completedSegments.instructions |= 10),
11843
11926
  destination.push(
11844
- '$RC=function(b,d,e){d=document.getElementById(d);d.parentNode.removeChild(d);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var c=a.data;if("/$"===c||"/&"===c)if(0===f)break;else f--;else"$"!==c&&"$?"!==c&&"$!"!==c&&"&"!==c||f++}c=a.nextSibling;e.removeChild(a);a=c}while(a);for(;d.firstChild;)e.insertBefore(d.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(t,u,y){function v(n){this._p=null;n()}for(var w=$RC,p=$RM,q=new Map,r=document,g,b,h=r.querySelectorAll("link[data-precedence],style[data-precedence]"),x=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?x.push(b):("LINK"===b.tagName&&p.set(b.getAttribute("href"),b),q.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var e=y[b++];if(!e){k=!1;b=0;continue}var c=!1,m=0;var d=e[m++];if(a=p.get(d)){var f=a._p;c=!0}else{a=r.createElement("link");a.href=\nd;a.rel="stylesheet";for(a.dataset.precedence=l=e[m++];f=e[m++];)a.setAttribute(f,e[m++]);f=a._p=new Promise(function(n,z){a.onload=v.bind(a,n);a.onerror=v.bind(a,z)});p.set(d,a)}d=a.getAttribute("media");!f||d&&!matchMedia(d).matches||h.push(f);if(c)continue}else{a=x[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=q.get(l)||g;c===g&&(g=a);q.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=r.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(w.bind(null,\nt,u,""),w.bind(null,t,u,"Resource failed to load"))};$RR("'
11927
+ '$RC=function(b,d,e){if(d=document.getElementById(d)){d.parentNode.removeChild(d);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var c=a.data;if("/$"===c||"/&"===c)if(0===f)break;else f--;else"$"!==c&&"$?"!==c&&"$!"!==c&&"&"!==c||f++}c=a.nextSibling;e.removeChild(a);a=c}while(a);for(;d.firstChild;)e.insertBefore(d.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}}};$RM=new Map;\n$RR=function(t,u,y){function v(n){this._p=null;n()}for(var w=$RC,p=$RM,q=new Map,r=document,g,b,h=r.querySelectorAll("link[data-precedence],style[data-precedence]"),x=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?x.push(b):("LINK"===b.tagName&&p.set(b.getAttribute("href"),b),q.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var e=y[b++];if(!e){k=!1;b=0;continue}var c=!1,m=0;var d=e[m++];if(a=p.get(d)){var f=a._p;c=!0}else{a=r.createElement("link");a.href=\nd;a.rel="stylesheet";for(a.dataset.precedence=l=e[m++];f=e[m++];)a.setAttribute(f,e[m++]);f=a._p=new Promise(function(n,z){a.onload=v.bind(a,n);a.onerror=v.bind(a,z)});p.set(d,a)}d=a.getAttribute("media");!f||d&&!matchMedia(d).matches||h.push(f);if(c)continue}else{a=x[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=q.get(l)||g;c===g&&(g=a);q.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=r.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(w.bind(null,\nt,u,""),w.bind(null,t,u,"Resource failed to load"))};$RR("'
11845
11928
  ))
11846
11929
  : 0 === (completedSegments.instructions & 8)
11847
11930
  ? ((completedSegments.instructions |= 8),
@@ -11852,7 +11935,7 @@
11852
11935
  : 0 === (completedSegments.instructions & 2)
11853
11936
  ? ((completedSegments.instructions |= 2),
11854
11937
  destination.push(
11855
- '$RC=function(b,d,e){d=document.getElementById(d);d.parentNode.removeChild(d);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var c=a.data;if("/$"===c||"/&"===c)if(0===f)break;else f--;else"$"!==c&&"$?"!==c&&"$!"!==c&&"&"!==c||f++}c=a.nextSibling;e.removeChild(a);a=c}while(a);for(;d.firstChild;)e.insertBefore(d.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'
11938
+ '$RC=function(b,d,e){if(d=document.getElementById(d)){d.parentNode.removeChild(d);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var c=a.data;if("/$"===c||"/&"===c)if(0===f)break;else f--;else"$"!==c&&"$?"!==c&&"$!"!==c&&"&"!==c||f++}c=a.nextSibling;e.removeChild(a);a=c}while(a);for(;d.firstChild;)e.insertBefore(d.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}}};$RC("'
11856
11939
  ))
11857
11940
  : destination.push('$RC("'))
11858
11941
  : requiresStyleInsertion
@@ -11945,6 +12028,7 @@
11945
12028
  if (5 === completedRootSegment.status) return;
11946
12029
  var completedPreambleSegments = request.completedPreambleSegments;
11947
12030
  if (null === completedPreambleSegments) return;
12031
+ flushedByteSize = request.byteSize;
11948
12032
  var resumableState = request.resumableState,
11949
12033
  renderState = request.renderState;
11950
12034
  if (
@@ -12197,8 +12281,9 @@
12197
12281
  a: {
12198
12282
  clientRenderedBoundaries = request;
12199
12283
  boundary = destination;
12200
- var boundary$jscomp$0 = partialBoundaries[i],
12201
- completedSegments = boundary$jscomp$0.completedSegments;
12284
+ var boundary$jscomp$0 = partialBoundaries[i];
12285
+ flushedByteSize = boundary$jscomp$0.byteSize;
12286
+ var completedSegments = boundary$jscomp$0.completedSegments;
12202
12287
  for (
12203
12288
  JSCompiler_inline_result = 0;
12204
12289
  JSCompiler_inline_result < completedSegments.length;
@@ -12576,6 +12661,8 @@
12576
12661
  ReactSharedInternalsServer.TaintRegistryPendingRequests,
12577
12662
  currentRequest = null,
12578
12663
  debugID = null,
12664
+ serializedSize = 0,
12665
+ MAX_ROW_SIZE = 3200,
12579
12666
  modelRoot = !1,
12580
12667
  emptyRoot = {},
12581
12668
  bind$1 = Function.prototype.bind,
@@ -12586,28 +12673,8 @@
12586
12673
  FunctionBind = Function.prototype.bind,
12587
12674
  ArraySlice = Array.prototype.slice,
12588
12675
  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
- },
12676
+ "undefined" !== typeof console &&
12677
+ "function" === typeof console.timeStamp,
12611
12678
  trackNames =
12612
12679
  "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
12680
  " "
@@ -13617,7 +13684,8 @@
13617
13684
  didWarnAboutGetDerivedStateOnFunctionComponent = {},
13618
13685
  didWarnAboutReassigningProps = !1,
13619
13686
  didWarnAboutGenerators = !1,
13620
- didWarnAboutMaps = !1;
13687
+ didWarnAboutMaps = !1,
13688
+ flushedByteSize = 0;
13621
13689
  exports.experimental_renderToHTML = function (children, options) {
13622
13690
  return new Promise(function (resolve, reject) {
13623
13691
  var buffer$jscomp$0 = "",
@@ -13826,5 +13894,5 @@
13826
13894
  });
13827
13895
  });
13828
13896
  };
13829
- exports.version = "19.2.0-experimental-0038c501-20250429";
13897
+ exports.version = "19.2.0-experimental-e9db3cc2-20250501";
13830
13898
  })();
@@ -922,6 +922,18 @@ function renderFragment(request, task, children) {
922
922
  task.implicitSlot ? [request] : request)
923
923
  : children;
924
924
  }
925
+ var serializedSize = 0;
926
+ function deferTask(request, task) {
927
+ task = createTask(
928
+ request,
929
+ task.model,
930
+ task.keyPath,
931
+ task.implicitSlot,
932
+ request.abortableTasks
933
+ );
934
+ pingTask$1(request, task);
935
+ return "$L" + task.id.toString(16);
936
+ }
925
937
  function renderElement$1(request, task, type, key, ref, props) {
926
938
  if (null !== ref && void 0 !== ref)
927
939
  throw Error(
@@ -1155,6 +1167,7 @@ function renderModelDestructive(
1155
1167
  value
1156
1168
  ) {
1157
1169
  task.model = value;
1170
+ serializedSize += parentPropertyName.length;
1158
1171
  if (value === REACT_ELEMENT_TYPE) return "$";
1159
1172
  if (null === value) return null;
1160
1173
  if ("object" === typeof value) {
@@ -1174,6 +1187,7 @@ function renderModelDestructive(
1174
1187
  ((elementReference = parent + ":" + parentPropertyName),
1175
1188
  writtenObjects.set(value, elementReference)));
1176
1189
  }
1190
+ if (3200 < serializedSize) return deferTask(request, task);
1177
1191
  parentPropertyName = value.props;
1178
1192
  parent = parentPropertyName.ref;
1179
1193
  value = renderElement$1(
@@ -1191,6 +1205,7 @@ function renderModelDestructive(
1191
1205
  writtenObjects.set(value, elementReference));
1192
1206
  return value;
1193
1207
  case REACT_LAZY_TYPE:
1208
+ if (3200 < serializedSize) return deferTask(request, task);
1194
1209
  task.thenableState = null;
1195
1210
  parentPropertyName = value._init;
1196
1211
  value = parentPropertyName(value._payload);
@@ -1344,6 +1359,7 @@ function renderModelDestructive(
1344
1359
  if ("string" === typeof value) {
1345
1360
  request = TaintRegistryValues.get(value);
1346
1361
  void 0 !== request && throwTaintViolation(request.message);
1362
+ serializedSize += value.length;
1347
1363
  if (
1348
1364
  "Z" === value[value.length - 1] &&
1349
1365
  parent[parentPropertyName] instanceof Date
@@ -1505,34 +1521,41 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
1505
1521
  }
1506
1522
  function emitChunk(request, task, value) {
1507
1523
  var id = task.id;
1508
- value instanceof ArrayBuffer
1509
- ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
1510
- : value instanceof Int8Array
1511
- ? emitTypedArrayChunk(request, id, "O", value)
1512
- : value instanceof Uint8Array
1513
- ? emitTypedArrayChunk(request, id, "o", value)
1514
- : value instanceof Uint8ClampedArray
1515
- ? emitTypedArrayChunk(request, id, "U", value)
1516
- : value instanceof Int16Array
1517
- ? emitTypedArrayChunk(request, id, "S", value)
1518
- : value instanceof Uint16Array
1519
- ? emitTypedArrayChunk(request, id, "s", value)
1520
- : value instanceof Int32Array
1521
- ? emitTypedArrayChunk(request, id, "L", value)
1522
- : value instanceof Uint32Array
1523
- ? emitTypedArrayChunk(request, id, "l", value)
1524
- : value instanceof Float32Array
1525
- ? emitTypedArrayChunk(request, id, "G", value)
1526
- : value instanceof Float64Array
1527
- ? emitTypedArrayChunk(request, id, "g", value)
1528
- : value instanceof BigInt64Array
1529
- ? emitTypedArrayChunk(request, id, "M", value)
1530
- : value instanceof BigUint64Array
1531
- ? emitTypedArrayChunk(request, id, "m", value)
1532
- : value instanceof DataView
1533
- ? emitTypedArrayChunk(request, id, "V", value)
1534
- : ((value = stringify(value, task.toJSON)),
1535
- emitModelChunk(request, task.id, value));
1524
+ if (value instanceof ArrayBuffer)
1525
+ emitTypedArrayChunk(request, id, "A", new Uint8Array(value));
1526
+ else if (value instanceof Int8Array)
1527
+ emitTypedArrayChunk(request, id, "O", value);
1528
+ else if (value instanceof Uint8Array)
1529
+ emitTypedArrayChunk(request, id, "o", value);
1530
+ else if (value instanceof Uint8ClampedArray)
1531
+ emitTypedArrayChunk(request, id, "U", value);
1532
+ else if (value instanceof Int16Array)
1533
+ emitTypedArrayChunk(request, id, "S", value);
1534
+ else if (value instanceof Uint16Array)
1535
+ emitTypedArrayChunk(request, id, "s", value);
1536
+ else if (value instanceof Int32Array)
1537
+ emitTypedArrayChunk(request, id, "L", value);
1538
+ else if (value instanceof Uint32Array)
1539
+ emitTypedArrayChunk(request, id, "l", value);
1540
+ else if (value instanceof Float32Array)
1541
+ emitTypedArrayChunk(request, id, "G", value);
1542
+ else if (value instanceof Float64Array)
1543
+ emitTypedArrayChunk(request, id, "g", value);
1544
+ else if (value instanceof BigInt64Array)
1545
+ emitTypedArrayChunk(request, id, "M", value);
1546
+ else if (value instanceof BigUint64Array)
1547
+ emitTypedArrayChunk(request, id, "m", value);
1548
+ else if (value instanceof DataView)
1549
+ emitTypedArrayChunk(request, id, "V", value);
1550
+ else {
1551
+ id = serializedSize;
1552
+ try {
1553
+ var json = stringify(value, task.toJSON);
1554
+ emitModelChunk(request, task.id, json);
1555
+ } finally {
1556
+ serializedSize = id;
1557
+ }
1558
+ }
1536
1559
  }
1537
1560
  function erroredTask$1(request, task, error) {
1538
1561
  task.status = 4;
@@ -6808,8 +6831,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
6808
6831
  queueCompletedSegment(propName, textEmbedded),
6809
6832
  0 === propName.pendingTasks &&
6810
6833
  0 === propName.status &&
6811
- ((propName.status = 1),
6812
- !(propName.byteSize > request.progressiveChunkSize)))
6834
+ ((propName.status = 1), !(500 < propName.byteSize)))
6813
6835
  ) {
6814
6836
  0 === request.pendingRootTasks &&
6815
6837
  task.blockedPreamble &&
@@ -7906,7 +7928,7 @@ function finishedTask(request, boundary, segment) {
7906
7928
  boundary.parentFlushed &&
7907
7929
  request.completedBoundaries.push(boundary),
7908
7930
  1 === boundary.status &&
7909
- (boundary.byteSize > request.progressiveChunkSize ||
7931
+ (500 < boundary.byteSize ||
7910
7932
  (boundary.fallbackAbortableTasks.forEach(
7911
7933
  abortTaskSoft,
7912
7934
  request
@@ -8248,6 +8270,7 @@ function flushSubtree(request, destination, segment, hoistableState) {
8248
8270
  );
8249
8271
  }
8250
8272
  }
8273
+ var flushedByteSize = 0;
8251
8274
  function flushSegment(request, destination, segment, hoistableState) {
8252
8275
  var boundary = segment.boundary;
8253
8276
  if (null === boundary)
@@ -8276,7 +8299,10 @@ function flushSegment(request, destination, segment, hoistableState) {
8276
8299
  flushSubtree(request, destination, segment, hoistableState),
8277
8300
  destination.push("\x3c!--/$--\x3e")
8278
8301
  );
8279
- if (boundary.byteSize > request.progressiveChunkSize)
8302
+ if (
8303
+ 500 < boundary.byteSize &&
8304
+ flushedByteSize + boundary.byteSize > request.progressiveChunkSize
8305
+ )
8280
8306
  return (
8281
8307
  (boundary.rootSegmentID = request.nextSegmentId++),
8282
8308
  request.completedBoundaries.push(boundary),
@@ -8288,6 +8314,7 @@ function flushSegment(request, destination, segment, hoistableState) {
8288
8314
  flushSubtree(request, destination, segment, hoistableState),
8289
8315
  destination.push("\x3c!--/$--\x3e")
8290
8316
  );
8317
+ flushedByteSize += boundary.byteSize;
8291
8318
  hoistableState &&
8292
8319
  ((segment = boundary.contentState),
8293
8320
  segment.styles.forEach(hoistStyleQueueDependency, hoistableState),
@@ -8311,6 +8338,7 @@ function flushSegmentContainer(request, destination, segment, hoistableState) {
8311
8338
  return writeEndSegment(destination, segment.parentFormatContext);
8312
8339
  }
8313
8340
  function flushCompletedBoundary(request, destination, boundary) {
8341
+ flushedByteSize = boundary.byteSize;
8314
8342
  for (
8315
8343
  var completedSegments = boundary.completedSegments, i = 0;
8316
8344
  i < completedSegments.length;
@@ -8342,7 +8370,7 @@ function flushCompletedBoundary(request, destination, boundary) {
8342
8370
  ? 0 === (completedSegments.instructions & 2)
8343
8371
  ? ((completedSegments.instructions |= 10),
8344
8372
  destination.push(
8345
- '$RC=function(b,d,e){d=document.getElementById(d);d.parentNode.removeChild(d);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var c=a.data;if("/$"===c||"/&"===c)if(0===f)break;else f--;else"$"!==c&&"$?"!==c&&"$!"!==c&&"&"!==c||f++}c=a.nextSibling;e.removeChild(a);a=c}while(a);for(;d.firstChild;)e.insertBefore(d.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(t,u,y){function v(n){this._p=null;n()}for(var w=$RC,p=$RM,q=new Map,r=document,g,b,h=r.querySelectorAll("link[data-precedence],style[data-precedence]"),x=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?x.push(b):("LINK"===b.tagName&&p.set(b.getAttribute("href"),b),q.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var e=y[b++];if(!e){k=!1;b=0;continue}var c=!1,m=0;var d=e[m++];if(a=p.get(d)){var f=a._p;c=!0}else{a=r.createElement("link");a.href=\nd;a.rel="stylesheet";for(a.dataset.precedence=l=e[m++];f=e[m++];)a.setAttribute(f,e[m++]);f=a._p=new Promise(function(n,z){a.onload=v.bind(a,n);a.onerror=v.bind(a,z)});p.set(d,a)}d=a.getAttribute("media");!f||d&&!matchMedia(d).matches||h.push(f);if(c)continue}else{a=x[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=q.get(l)||g;c===g&&(g=a);q.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=r.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(w.bind(null,\nt,u,""),w.bind(null,t,u,"Resource failed to load"))};$RR("'
8373
+ '$RC=function(b,d,e){if(d=document.getElementById(d)){d.parentNode.removeChild(d);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var c=a.data;if("/$"===c||"/&"===c)if(0===f)break;else f--;else"$"!==c&&"$?"!==c&&"$!"!==c&&"&"!==c||f++}c=a.nextSibling;e.removeChild(a);a=c}while(a);for(;d.firstChild;)e.insertBefore(d.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}}};$RM=new Map;\n$RR=function(t,u,y){function v(n){this._p=null;n()}for(var w=$RC,p=$RM,q=new Map,r=document,g,b,h=r.querySelectorAll("link[data-precedence],style[data-precedence]"),x=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?x.push(b):("LINK"===b.tagName&&p.set(b.getAttribute("href"),b),q.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var e=y[b++];if(!e){k=!1;b=0;continue}var c=!1,m=0;var d=e[m++];if(a=p.get(d)){var f=a._p;c=!0}else{a=r.createElement("link");a.href=\nd;a.rel="stylesheet";for(a.dataset.precedence=l=e[m++];f=e[m++];)a.setAttribute(f,e[m++]);f=a._p=new Promise(function(n,z){a.onload=v.bind(a,n);a.onerror=v.bind(a,z)});p.set(d,a)}d=a.getAttribute("media");!f||d&&!matchMedia(d).matches||h.push(f);if(c)continue}else{a=x[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=q.get(l)||g;c===g&&(g=a);q.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=r.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(w.bind(null,\nt,u,""),w.bind(null,t,u,"Resource failed to load"))};$RR("'
8346
8374
  ))
8347
8375
  : 0 === (completedSegments.instructions & 8)
8348
8376
  ? ((completedSegments.instructions |= 8),
@@ -8353,7 +8381,7 @@ function flushCompletedBoundary(request, destination, boundary) {
8353
8381
  : 0 === (completedSegments.instructions & 2)
8354
8382
  ? ((completedSegments.instructions |= 2),
8355
8383
  destination.push(
8356
- '$RC=function(b,d,e){d=document.getElementById(d);d.parentNode.removeChild(d);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var c=a.data;if("/$"===c||"/&"===c)if(0===f)break;else f--;else"$"!==c&&"$?"!==c&&"$!"!==c&&"&"!==c||f++}c=a.nextSibling;e.removeChild(a);a=c}while(a);for(;d.firstChild;)e.insertBefore(d.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'
8384
+ '$RC=function(b,d,e){if(d=document.getElementById(d)){d.parentNode.removeChild(d);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var c=a.data;if("/$"===c||"/&"===c)if(0===f)break;else f--;else"$"!==c&&"$?"!==c&&"$!"!==c&&"&"!==c||f++}c=a.nextSibling;e.removeChild(a);a=c}while(a);for(;d.firstChild;)e.insertBefore(d.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}}};$RC("'
8357
8385
  ))
8358
8386
  : destination.push('$RC("'))
8359
8387
  : requiresStyleInsertion
@@ -8436,6 +8464,7 @@ function flushCompletedQueues(request, destination) {
8436
8464
  if (5 === completedRootSegment.status) return;
8437
8465
  var completedPreambleSegments = request.completedPreambleSegments;
8438
8466
  if (null === completedPreambleSegments) return;
8467
+ flushedByteSize = request.byteSize;
8439
8468
  var resumableState = request.resumableState,
8440
8469
  renderState = request.renderState;
8441
8470
  if (
@@ -8616,6 +8645,7 @@ function flushCompletedQueues(request, destination) {
8616
8645
  a: {
8617
8646
  clientRenderedBoundaries = request;
8618
8647
  boundary = destination;
8648
+ flushedByteSize = boundary$119.byteSize;
8619
8649
  var completedSegments = boundary$119.completedSegments;
8620
8650
  for (
8621
8651
  JSCompiler_inline_result = 0;
@@ -9022,4 +9052,4 @@ exports.experimental_renderToHTML = function (children, options) {
9022
9052
  });
9023
9053
  });
9024
9054
  };
9025
- exports.version = "19.2.0-experimental-0038c501-20250429";
9055
+ exports.version = "19.2.0-experimental-e9db3cc2-20250501";
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-e9db3cc2-20250501",
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-e9db3cc2-20250501"
21
21
  },
22
22
  "files": [
23
23
  "LICENSE",