react-server-dom-webpack 18.3.0-canary-ce6842d8f-20230610 → 18.3.0-canary-4ddc019ac-20230614

package/cjs/react-server-dom-webpack-client.node.unbundled.development.js

@@ -894,6 +894,11 @@ function getOrCreateServerContext(globalName) {
   return ContextRegistry[globalName];
 }
 
+var ROW_ID = 0;
+var ROW_TAG = 1;
+var ROW_LENGTH = 2;
+var ROW_CHUNK_BY_NEWLINE = 3;
+var ROW_CHUNK_BY_LENGTH = 4;
 var PENDING = 'pending';
 var BLOCKED = 'blocked';
 var RESOLVED_MODEL = 'resolved_model';
@@ -1059,6 +1064,11 @@ function createResolvedModuleChunk(response, value) {
   return new Chunk(RESOLVED_MODULE, value, null, response);
 }
 
+function createInitializedTextChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(INITIALIZED, value, null, response);
+}
+
 function resolveModelChunk(chunk, value) {
   if (chunk.status !== PENDING) {
     // We already resolved. We didn't expect to see this.
@@ -1470,9 +1480,13 @@ function createResponse(bundlerConfig, callServer) {
     _bundlerConfig: bundlerConfig,
     _callServer: callServer !== undefined ? callServer : missingCall,
     _chunks: chunks,
-    _partialRow: '',
     _stringDecoder: createStringDecoder(),
-    _fromJSON: null
+    _fromJSON: null,
+    _rowState: 0,
+    _rowID: 0,
+    _rowTag: 0,
+    _rowLength: 0,
+    _buffer: []
   }; // Don't inline this call because it causes closure to outline the call above.
 
   response._fromJSON = createFromJSONCallback(response);
@@ -1490,6 +1504,13 @@ function resolveModel(response, id, model) {
   }
 }
 
+function resolveText(response, id, text) {
+  var chunks = response._chunks; // We assume that we always reference large strings after they've been
+  // emitted.
+
+  chunks.set(id, createInitializedTextChunk(response, text));
+}
+
 function resolveModule(response, id, model) {
   var chunks = response._chunks;
   var chunk = chunks.get(id);
@@ -1553,35 +1574,44 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
-function processFullRow(response, row) {
-  if (row === '') {
-    return;
+function processFullRow(response, id, tag, buffer, lastChunk) {
+  var row = '';
+  var stringDecoder = response._stringDecoder;
+
+  for (var i = 0; i < buffer.length; i++) {
+    var chunk = buffer[i];
+    row += readPartialStringChunk(stringDecoder, chunk);
   }
 
-  var colon = row.indexOf(':', 0);
-  var id = parseInt(row.slice(0, colon), 16);
-  var tag = row[colon + 1]; // When tags that are not text are added, check them here before
-  // parsing the row as text.
-  // switch (tag) {
-  // }
+  if (typeof lastChunk === 'string') {
+    row += lastChunk;
+  } else {
+    row += readFinalStringChunk(stringDecoder, lastChunk);
+  }
 
   switch (tag) {
-    case 'I':
+    case 73
+    /* "I" */
+    :
       {
-        resolveModule(response, id, row.slice(colon + 2));
+        resolveModule(response, id, row);
         return;
       }
 
-    case 'H':
+    case 72
+    /* "H" */
+    :
       {
-        var code = row[colon + 2];
-        resolveHint(response, code, row.slice(colon + 3));
+        var code = row[0];
+        resolveHint(response, code, row.slice(1));
         return;
       }
 
-    case 'E':
+    case 69
+    /* "E" */
+    :
       {
-        var errorInfo = JSON.parse(row.slice(colon + 2));
+        var errorInfo = JSON.parse(row);
 
         {
           resolveErrorDev(response, id, errorInfo.digest, errorInfo.message, errorInfo.stack);
@@ -1590,28 +1620,152 @@ function processFullRow(response, row) {
         return;
       }
 
+    case 84
+    /* "T" */
+    :
+      {
+        resolveText(response, id, row);
+        return;
+      }
+
     default:
       {
         // We assume anything else is JSON.
-        resolveModel(response, id, row.slice(colon + 1));
+        resolveModel(response, id, row);
         return;
       }
   }
 }
 
 function processBinaryChunk(response, chunk) {
-  var stringDecoder = response._stringDecoder;
-  var linebreak = chunk.indexOf(10); // newline
-
-  while (linebreak > -1) {
-    var fullrow = response._partialRow + readFinalStringChunk(stringDecoder, chunk.subarray(0, linebreak));
-    processFullRow(response, fullrow);
-    response._partialRow = '';
-    chunk = chunk.subarray(linebreak + 1);
-    linebreak = chunk.indexOf(10); // newline
+  var i = 0;
+  var rowState = response._rowState;
+  var rowID = response._rowID;
+  var rowTag = response._rowTag;
+  var rowLength = response._rowLength;
+  var buffer = response._buffer;
+  var chunkLength = chunk.length;
+
+  while (i < chunkLength) {
+    var lastIdx = -1;
+
+    switch (rowState) {
+      case ROW_ID:
+        {
+          var byte = chunk[i++];
+
+          if (byte === 58
+          /* ":" */
+          ) {
+              // Finished the rowID, next we'll parse the tag.
+              rowState = ROW_TAG;
+            } else {
+            rowID = rowID << 4 | (byte > 96 ? byte - 87 : byte - 48);
+          }
+
+          continue;
+        }
+
+      case ROW_TAG:
+        {
+          var resolvedRowTag = chunk[i];
+
+          if (resolvedRowTag === 84
+          /* "T" */
+          ) {
+              rowTag = resolvedRowTag;
+              rowState = ROW_LENGTH;
+              i++;
+            } else if (resolvedRowTag > 64 && resolvedRowTag < 91
+          /* "A"-"Z" */
+          ) {
+              rowTag = resolvedRowTag;
+              rowState = ROW_CHUNK_BY_NEWLINE;
+              i++;
+            } else {
+            rowTag = 0;
+            rowState = ROW_CHUNK_BY_NEWLINE; // This was an unknown tag so it was probably part of the data.
+          }
+
+          continue;
+        }
+
+      case ROW_LENGTH:
+        {
+          var _byte = chunk[i++];
+
+          if (_byte === 44
+          /* "," */
+          ) {
+              // Finished the rowLength, next we'll buffer up to that length.
+              rowState = ROW_CHUNK_BY_LENGTH;
+            } else {
+            rowLength = rowLength << 4 | (_byte > 96 ? _byte - 87 : _byte - 48);
+          }
+
+          continue;
+        }
+
+      case ROW_CHUNK_BY_NEWLINE:
+        {
+          // We're looking for a newline
+          lastIdx = chunk.indexOf(10
+          /* "\n" */
+          , i);
+          break;
+        }
+
+      case ROW_CHUNK_BY_LENGTH:
+        {
+          // We're looking for the remaining byte length
+          lastIdx = i + rowLength;
+
+          if (lastIdx > chunk.length) {
+            lastIdx = -1;
+          }
+
+          break;
+        }
+    }
+
+    var offset = chunk.byteOffset + i;
+
+    if (lastIdx > -1) {
+      // We found the last chunk of the row
+      var length = lastIdx - i;
+      var lastChunk = new Uint8Array(chunk.buffer, offset, length);
+      processFullRow(response, rowID, rowTag, buffer, lastChunk); // Reset state machine for a new row
+
+      i = lastIdx;
+
+      if (rowState === ROW_CHUNK_BY_NEWLINE) {
+        // If we're trailing by a newline we need to skip it.
+        i++;
+      }
+
+      rowState = ROW_ID;
+      rowTag = 0;
+      rowID = 0;
+      rowLength = 0;
+      buffer.length = 0;
+    } else {
+      // The rest of this row is in a future chunk. We stash the rest of the
+      // current chunk until we can process the full row.
+      var _length = chunk.byteLength - i;
+
+      var remainingSlice = new Uint8Array(chunk.buffer, offset, _length);
+      buffer.push(remainingSlice); // Update how many bytes we're still waiting for. If we're looking for
+      // a newline, this doesn't hurt since we'll just ignore it.
+
+      rowLength -= remainingSlice.byteLength;
+      break;
+    }
   }
 
-  response._partialRow += readPartialStringChunk(stringDecoder, chunk);
+  response._rowState = rowState;
+  response._rowID = rowID;
+  response._rowTag = rowTag;
+  response._rowLength = rowLength;
 }
 
 function parseModel(response, json) {

package/cjs/react-server-dom-webpack-client.node.unbundled.production.min.js

@@ -7,26 +7,27 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';var n=require("util"),q=require("react-dom"),r=require("react"),t={stream:!0};function v(a,c){var b=a[c.id];if(a=b[c.name])c=a.name;else{a=b["*"];if(!a)throw Error('Could not find the module "'+c.id+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=c.name}return{specifier:a.specifier,name:c}}var w=new Map;
-function x(a){var c=w.get(a.specifier);if(c)return"fulfilled"===c.status?null:c;var b=import(a.specifier);b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});w.set(a.specifier,b);return b}var y=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,z=Symbol.for("react.element"),A=Symbol.for("react.lazy"),B=Symbol.for("react.default_value"),C=Symbol.iterator;
-function D(a){if(null===a||"object"!==typeof a)return null;a=C&&a[C]||a["@@iterator"];return"function"===typeof a?a:null}var E=Array.isArray,F=new WeakMap;function G(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function H(a,c,b,d){function g(h,e){if(null===e)return null;if("object"===typeof e){if("function"===typeof e.then){null===f&&(f=new FormData);k++;var m=l++;e.then(function(p){p=JSON.stringify(p,g);var u=f;u.append(c+m,p);k--;0===k&&b(u)},function(p){d(p)});return"$@"+m.toString(16)}if(e instanceof FormData){null===f&&(f=new FormData);var W=f;h=l++;var X=c+h+"_";e.forEach(function(p,u){W.append(X+u,p)});return"$K"+h.toString(16)}return!E(e)&&D(e)?Array.from(e):e}if("string"===typeof e){if("Z"===e[e.length-
-1]&&this[h]instanceof Date)return"$D"+e;e="$"===e[0]?"$"+e:e;return e}if("boolean"===typeof e)return e;if("number"===typeof e)return G(e);if("undefined"===typeof e)return"$undefined";if("function"===typeof e){e=F.get(e);if(void 0!==e)return e=JSON.stringify(e,g),null===f&&(f=new FormData),h=l++,f.set(c+h,e),"$F"+h.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof e){h=e.description;
-if(Symbol.for(h)!==e)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+(e.description+") cannot be found among global symbols."));return"$S"+h}if("bigint"===typeof e)return"$n"+e.toString(10);throw Error("Type "+typeof e+" is not supported as an argument to a Server Function.");}var l=1,k=0,f=null;a=JSON.stringify(a,g);null===f?b(a):(f.set(c+"0",a),0===k&&b(f))}var I=new WeakMap;
-function J(a){var c,b,d=new Promise(function(g,l){c=g;b=l});H(a,"",function(g){if("string"===typeof g){var l=new FormData;l.append("0",g);g=l}d.status="fulfilled";d.value=g;c(g)},function(g){d.status="rejected";d.reason=g;b(g)});return d}
-function K(a){var c=F.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var b=null;if(null!==c.bound){b=I.get(c);b||(b=J(c),I.set(c,b));if("rejected"===b.status)throw b.reason;if("fulfilled"!==b.status)throw b;c=b.value;var d=new FormData;c.forEach(function(g,l){d.append("$ACTION_"+a+":"+l,g)});b=d;c="$ACTION_REF_"+a}else c="$ACTION_ID_"+c.id;return{name:c,method:"POST",encType:"multipart/form-data",data:b}}
-var L=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function M(a,c,b,d){this.status=a;this.value=c;this.reason=b;this._response=d}M.prototype=Object.create(Promise.prototype);
-M.prototype.then=function(a,c){switch(this.status){case "resolved_model":N(this);break;case "resolved_module":O(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));c&&(null===this.reason&&(this.reason=[]),this.reason.push(c));break;default:c(this.reason)}};
-function aa(a){switch(a.status){case "resolved_model":N(a);break;case "resolved_module":O(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":throw a;default:throw a.reason;}}function P(a,c){for(var b=0;b<a.length;b++)(0,a[b])(c)}function Q(a,c,b){switch(a.status){case "fulfilled":P(c,a.value);break;case "pending":case "blocked":a.value=c;a.reason=b;break;case "rejected":b&&P(b,a.reason)}}
-function R(a,c){if("pending"===a.status||"blocked"===a.status){var b=a.reason;a.status="rejected";a.reason=c;null!==b&&P(b,c)}}function S(a,c){if("pending"===a.status||"blocked"===a.status){var b=a.value,d=a.reason;a.status="resolved_module";a.value=c;null!==b&&(O(a),Q(a,b,d))}}var T=null,U=null;
-function N(a){var c=T,b=U;T=a;U=null;try{var d=JSON.parse(a.value,a._response._fromJSON);null!==U&&0<U.deps?(U.value=d,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=d)}catch(g){a.status="rejected",a.reason=g}finally{T=c,U=b}}function O(a){try{var c=a.value,b=w.get(c.specifier);if("fulfilled"===b.status)var d=b.value;else throw b.reason;var g="*"===c.name?d:""===c.name?d.default:d[c.name];a.status="fulfilled";a.value=g}catch(l){a.status="rejected",a.reason=l}}
-function V(a,c){a._chunks.forEach(function(b){"pending"===b.status&&R(b,c)})}function Y(a,c){var b=a._chunks,d=b.get(c);d||(d=new M("pending",null,null,a),b.set(c,d));return d}function ba(a,c,b){if(U){var d=U;d.deps++}else d=U={deps:1,value:null};return function(g){c[b]=g;d.deps--;0===d.deps&&"blocked"===a.status&&(g=a.value,a.status="fulfilled",a.value=d.value,null!==g&&P(g,d.value))}}function ca(a){return function(c){return R(a,c)}}
-function da(a,c){function b(){var g=Array.prototype.slice.call(arguments),l=c.bound;return l?"fulfilled"===l.status?d(c.id,l.value.concat(g)):Promise.resolve(l).then(function(k){return d(c.id,k.concat(g))}):d(c.id,g)}var d=a._callServer;b.$$FORM_ACTION=K;F.set(b,c);return b}
-function ea(a,c,b,d){if("$"===d[0]){if("$"===d)return z;switch(d[1]){case "$":return d.slice(1);case "L":return c=parseInt(d.slice(2),16),a=Y(a,c),{$$typeof:A,_payload:a,_init:aa};case "@":return c=parseInt(d.slice(2),16),Y(a,c);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),L[a]||(L[a]=r.createServerContext(a,B)),L[a].Provider;case "F":c=parseInt(d.slice(2),16);c=Y(a,c);switch(c.status){case "resolved_model":N(c)}switch(c.status){case "fulfilled":return da(a,c.value);default:throw c.reason;
-}case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=Y(a,d);switch(a.status){case "resolved_model":N(a);break;case "resolved_module":O(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return d=T,a.then(ba(d,c,b),ca(d)),null;default:throw a.reason;}}}return d}
-function fa(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function ha(a,c){var b=new Map;a={_bundlerConfig:a,_callServer:void 0!==c?c:fa,_chunks:b,_partialRow:"",_stringDecoder:new n.TextDecoder,_fromJSON:null};a._fromJSON=ia(a);return a}
-function ja(a,c,b){var d=a._chunks,g=d.get(c);b=JSON.parse(b,a._fromJSON);var l=v(a._bundlerConfig,b);if(b=x(l)){if(g){var k=g;k.status="blocked"}else k=new M("blocked",null,null,a),d.set(c,k);b.then(function(){return S(k,l)},function(f){return R(k,f)})}else g?S(g,l):d.set(c,new M("resolved_module",l,null,a))}
-function ia(a){return function(c,b){return"string"===typeof b?ea(a,this,c,b):"object"===typeof b&&null!==b?(c=b[0]===z?{$$typeof:z,type:b[1],key:b[2],ref:null,props:b[3],_owner:null}:b,c):b}}function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
-exports.createFromNodeStream=function(a,c){var b=ha(c,Z);a.on("data",function(d){for(var g=b._stringDecoder,l=d.indexOf(10);-1<l;){var k=b._partialRow;var f=d.subarray(0,l);f=g.decode(f);f=k+f;if(""!==f){var h=f.indexOf(":",0);k=parseInt(f.slice(0,h),16);switch(f[h+1]){case "I":ja(b,k,f.slice(h+2));break;case "H":k=f[h+2];f=f.slice(h+3);f=JSON.parse(f,b._fromJSON);h=void 0;var e=y.current;if(e){if("string"===typeof f)var m=f;else m=f[0],h=f[1];switch(k){case "D":e.prefetchDNS(m,h);break;case "C":e.preconnect(m,
-h);break;case "L":e.preload(m,h);break;case "I":e.preinit(m,h)}}break;case "E":h=JSON.parse(f.slice(h+2)).digest;f=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");f.stack="Error: "+f.message;f.digest=h;h=b._chunks;(m=h.get(k))?R(m,f):h.set(k,new M("rejected",null,f,b));break;default:f=
-f.slice(h+1),h=b._chunks,(m=h.get(k))?(k=m,"pending"===k.status&&(h=k.value,m=k.reason,k.status="resolved_model",k.value=f,null!==h&&(N(k),Q(k,h,m)))):h.set(k,new M("resolved_model",f,null,b))}}b._partialRow="";d=d.subarray(l+1);l=d.indexOf(10)}b._partialRow+=g.decode(d,t)});a.on("error",function(d){V(b,d)});a.on("end",function(){V(b,Error("Connection closed."))});return Y(b,0)};exports.createServerReference=function(){return Z};
+'use strict';var q=require("util"),r=require("react-dom"),t=require("react"),u={stream:!0};function x(a,c){var b=a[c.id];if(a=b[c.name])c=a.name;else{a=b["*"];if(!a)throw Error('Could not find the module "'+c.id+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=c.name}return{specifier:a.specifier,name:c}}var y=new Map;
+function z(a){var c=y.get(a.specifier);if(c)return"fulfilled"===c.status?null:c;var b=import(a.specifier);b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});y.set(a.specifier,b);return b}var A=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,B=Symbol.for("react.element"),C=Symbol.for("react.lazy"),D=Symbol.for("react.default_value"),E=Symbol.iterator;
+function F(a){if(null===a||"object"!==typeof a)return null;a=E&&a[E]||a["@@iterator"];return"function"===typeof a?a:null}var G=Array.isArray,H=new WeakMap;function I(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function J(a,c,b,d){function e(h,g){if(null===g)return null;if("object"===typeof g){if("function"===typeof g.then){null===f&&(f=new FormData);l++;var v=k++;g.then(function(p){p=JSON.stringify(p,e);var w=f;w.append(c+v,p);l--;0===l&&b(w)},function(p){d(p)});return"$@"+v.toString(16)}if(g instanceof FormData){null===f&&(f=new FormData);var m=f;h=k++;var n=c+h+"_";g.forEach(function(p,w){m.append(n+w,p)});return"$K"+h.toString(16)}return!G(g)&&F(g)?Array.from(g):g}if("string"===typeof g){if("Z"===g[g.length-
+1]&&this[h]instanceof Date)return"$D"+g;g="$"===g[0]?"$"+g:g;return g}if("boolean"===typeof g)return g;if("number"===typeof g)return I(g);if("undefined"===typeof g)return"$undefined";if("function"===typeof g){g=H.get(g);if(void 0!==g)return g=JSON.stringify(g,e),null===f&&(f=new FormData),h=k++,f.set(c+h,g),"$F"+h.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof g){h=g.description;
+if(Symbol.for(h)!==g)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+(g.description+") cannot be found among global symbols."));return"$S"+h}if("bigint"===typeof g)return"$n"+g.toString(10);throw Error("Type "+typeof g+" is not supported as an argument to a Server Function.");}var k=1,l=0,f=null;a=JSON.stringify(a,e);null===f?b(a):(f.set(c+"0",a),0===l&&b(f))}var K=new WeakMap;
+function L(a){var c,b,d=new Promise(function(e,k){c=e;b=k});J(a,"",function(e){if("string"===typeof e){var k=new FormData;k.append("0",e);e=k}d.status="fulfilled";d.value=e;c(e)},function(e){d.status="rejected";d.reason=e;b(e)});return d}
+function M(a){var c=H.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var b=null;if(null!==c.bound){b=K.get(c);b||(b=L(c),K.set(c,b));if("rejected"===b.status)throw b.reason;if("fulfilled"!==b.status)throw b;c=b.value;var d=new FormData;c.forEach(function(e,k){d.append("$ACTION_"+a+":"+k,e)});b=d;c="$ACTION_REF_"+a}else c="$ACTION_ID_"+c.id;return{name:c,method:"POST",encType:"multipart/form-data",data:b}}
+var N=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function O(a,c,b,d){this.status=a;this.value=c;this.reason=b;this._response=d}O.prototype=Object.create(Promise.prototype);
+O.prototype.then=function(a,c){switch(this.status){case "resolved_model":P(this);break;case "resolved_module":Q(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));c&&(null===this.reason&&(this.reason=[]),this.reason.push(c));break;default:c(this.reason)}};
+function aa(a){switch(a.status){case "resolved_model":P(a);break;case "resolved_module":Q(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":throw a;default:throw a.reason;}}function R(a,c){for(var b=0;b<a.length;b++)(0,a[b])(c)}function S(a,c,b){switch(a.status){case "fulfilled":R(c,a.value);break;case "pending":case "blocked":a.value=c;a.reason=b;break;case "rejected":b&&R(b,a.reason)}}
+function T(a,c){if("pending"===a.status||"blocked"===a.status){var b=a.reason;a.status="rejected";a.reason=c;null!==b&&R(b,c)}}function U(a,c){if("pending"===a.status||"blocked"===a.status){var b=a.value,d=a.reason;a.status="resolved_module";a.value=c;null!==b&&(Q(a),S(a,b,d))}}var V=null,W=null;
+function P(a){var c=V,b=W;V=a;W=null;try{var d=JSON.parse(a.value,a._response._fromJSON);null!==W&&0<W.deps?(W.value=d,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=d)}catch(e){a.status="rejected",a.reason=e}finally{V=c,W=b}}function Q(a){try{var c=a.value,b=y.get(c.specifier);if("fulfilled"===b.status)var d=b.value;else throw b.reason;var e="*"===c.name?d:""===c.name?d.default:d[c.name];a.status="fulfilled";a.value=e}catch(k){a.status="rejected",a.reason=k}}
+function X(a,c){a._chunks.forEach(function(b){"pending"===b.status&&T(b,c)})}function Y(a,c){var b=a._chunks,d=b.get(c);d||(d=new O("pending",null,null,a),b.set(c,d));return d}function ba(a,c,b){if(W){var d=W;d.deps++}else d=W={deps:1,value:null};return function(e){c[b]=e;d.deps--;0===d.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=d.value,null!==e&&R(e,d.value))}}function ca(a){return function(c){return T(a,c)}}
+function da(a,c){function b(){var e=Array.prototype.slice.call(arguments),k=c.bound;return k?"fulfilled"===k.status?d(c.id,k.value.concat(e)):Promise.resolve(k).then(function(l){return d(c.id,l.concat(e))}):d(c.id,e)}var d=a._callServer;b.$$FORM_ACTION=M;H.set(b,c);return b}
+function ea(a,c,b,d){if("$"===d[0]){if("$"===d)return B;switch(d[1]){case "$":return d.slice(1);case "L":return c=parseInt(d.slice(2),16),a=Y(a,c),{$$typeof:C,_payload:a,_init:aa};case "@":return c=parseInt(d.slice(2),16),Y(a,c);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),N[a]||(N[a]=t.createServerContext(a,D)),N[a].Provider;case "F":c=parseInt(d.slice(2),16);c=Y(a,c);switch(c.status){case "resolved_model":P(c)}switch(c.status){case "fulfilled":return da(a,c.value);default:throw c.reason;
+}case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=Y(a,d);switch(a.status){case "resolved_model":P(a);break;case "resolved_module":Q(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return d=V,a.then(ba(d,c,b),ca(d)),null;default:throw a.reason;}}}return d}
+function fa(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function ha(a,c){var b=new Map;a={_bundlerConfig:a,_callServer:void 0!==c?c:fa,_chunks:b,_stringDecoder:new q.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=ia(a);return a}
+function ja(a,c,b){var d=a._chunks,e=d.get(c);b=JSON.parse(b,a._fromJSON);var k=x(a._bundlerConfig,b);if(b=z(k)){if(e){var l=e;l.status="blocked"}else l=new O("blocked",null,null,a),d.set(c,l);b.then(function(){return U(l,k)},function(f){return T(l,f)})}else e?U(e,k):d.set(c,new O("resolved_module",k,null,a))}
+function ia(a){return function(c,b){return"string"===typeof b?ea(a,this,c,b):"object"===typeof b&&null!==b?(c=b[0]===B?{$$typeof:B,type:b[1],key:b[2],ref:null,props:b[3],_owner:null}:b,c):b}}function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
+exports.createFromNodeStream=function(a,c){var b=ha(c,Z);a.on("data",function(d){for(var e=0,k=b._rowState,l=b._rowID,f=b._rowTag,h=b._rowLength,g=b._buffer,v=d.length;e<v;){var m=-1;switch(k){case 0:m=d[e++];58===m?k=1:l=l<<4|(96<m?m-87:m-48);continue;case 1:k=d[e];84===k?(f=k,k=2,e++):64<k&&91>k?(f=k,k=3,e++):(f=0,k=3);continue;case 2:m=d[e++];44===m?k=4:h=h<<4|(96<m?m-87:m-48);continue;case 3:m=d.indexOf(10,e);break;case 4:m=e+h,m>d.length&&(m=-1)}var n=d.byteOffset+e;if(-1<m){h=new Uint8Array(d.buffer,
+n,m-e);e=f;f="";n=b._stringDecoder;for(var p=0;p<g.length;p++)f+=n.decode(g[p],u);f="string"===typeof h?f+h:f+n.decode(h);switch(e){case 73:ja(b,l,f);break;case 72:l=f[0];f=f.slice(1);f=JSON.parse(f,b._fromJSON);h=void 0;if(n=A.current)switch("string"===typeof f?e=f:(e=f[0],h=f[1]),l){case "D":n.prefetchDNS(e,h);break;case "C":n.preconnect(e,h);break;case "L":n.preload(e,h);break;case "I":n.preinit(e,h)}break;case 69:f=JSON.parse(f);h=f.digest;f=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
+f.stack="Error: "+f.message;f.digest=h;h=b._chunks;(e=h.get(l))?T(e,f):h.set(l,new O("rejected",null,f,b));break;case 84:b._chunks.set(l,new O("fulfilled",f,null,b));break;default:h=b._chunks,(e=h.get(l))?(l=e,"pending"===l.status&&(h=l.value,e=l.reason,l.status="resolved_model",l.value=f,null!==h&&(P(l),S(l,h,e)))):h.set(l,new O("resolved_model",f,null,b))}e=m;3===k&&e++;h=l=f=k=0;g.length=0}else{d=new Uint8Array(d.buffer,n,d.byteLength-e);g.push(d);h-=d.byteLength;break}}b._rowState=k;b._rowID=
+l;b._rowTag=f;b._rowLength=h});a.on("error",function(d){X(b,d)});a.on("end",function(){X(b,Error("Connection closed."))});return Y(b,0)};exports.createServerReference=function(){return Z};

package/cjs/react-server-dom-webpack-server.browser.development.js

@@ -136,6 +136,9 @@ function stringToChunk(content) {
   return textEncoder.encode(content);
 }
 var precomputedChunkSet = new Set() ;
+function byteLengthOfChunk(chunk) {
+  return chunk.byteLength;
+}
 function closeWithError(destination, error) {
   // $FlowFixMe[method-unbinding]
   if (typeof destination.error === 'function') {
@@ -1182,7 +1185,7 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix)
     pingedTasks: pingedTasks,
     completedImportChunks: [],
     completedHintChunks: [],
-    completedJSONChunks: [],
+    completedRegularChunks: [],
     completedErrorChunks: [],
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
@@ -1629,11 +1632,20 @@ function serializeServerReference(request, parent, key, serverReference) {
   var metadataId = request.nextChunkId++; // We assume that this object doesn't suspend.
 
   var processedChunk = processModelChunk(request, metadataId, serverReferenceMetadata);
-  request.completedJSONChunks.push(processedChunk);
+  request.completedRegularChunks.push(processedChunk);
   writtenServerReferences.set(serverReference, metadataId);
   return serializeServerReferenceID(metadataId);
 }
 
+function serializeLargeTextString(request, text) {
+  request.pendingChunks += 2;
+  var textId = request.nextChunkId++;
+  var textChunk = stringToChunk(text);
+  var headerChunk = processTextHeader(request, textId, text, byteLengthOfChunk(textChunk));
+  request.completedRegularChunks.push(headerChunk, textChunk);
+  return serializeByValueID(textId);
+}
+
 function escapeStringValue(value) {
   if (value[0] === '$') {
     // We need to escape $ prefixed strings since we use those to encode
@@ -1825,6 +1837,13 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
+    if (value.length >= 1024) {
+      // For large strings, we encode them outside the JSON payload so that we
+      // don't have to double encode and double parse the strings. This can also
+      // be more compact in case the string has a lot of escaped characters.
+      return serializeLargeTextString(request, value);
+    }
+
     return escapeStringValue(value);
   }
 
@@ -1963,7 +1982,7 @@ function emitSymbolChunk(request, id, name) {
 function emitProviderChunk(request, id, contextName) {
   var contextReference = serializeProviderReference(contextName);
   var processedChunk = processReferenceChunk(request, id, contextReference);
-  request.completedJSONChunks.push(processedChunk);
+  request.completedRegularChunks.push(processedChunk);
 }
 
 function retryTask(request, task) {
@@ -2003,7 +2022,7 @@ function retryTask(request, task) {
     }
 
     var processedChunk = processModelChunk(request, task.id, value);
-    request.completedJSONChunks.push(processedChunk);
+    request.completedRegularChunks.push(processedChunk);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2114,12 +2133,12 @@ function flushCompletedChunks(request, destination) {
 
     hintChunks.splice(0, i); // Next comes model data.
 
-    var jsonChunks = request.completedJSONChunks;
+    var regularChunks = request.completedRegularChunks;
     i = 0;
 
-    for (; i < jsonChunks.length; i++) {
+    for (; i < regularChunks.length; i++) {
       request.pendingChunks--;
-      var _chunk2 = jsonChunks[i];
+      var _chunk2 = regularChunks[i];
 
       var _keepWriting2 = writeChunkAndReturn(destination, _chunk2);
 
@@ -2130,7 +2149,7 @@ function flushCompletedChunks(request, destination) {
       }
     }
 
-    jsonChunks.splice(0, i); // Finally, errors are sent. The idea is that it's ok to delay
+    regularChunks.splice(0, i); // Finally, errors are sent. The idea is that it's ok to delay
     // any error messages and prioritize display of other parts of
     // the page.
 
@@ -2316,6 +2335,11 @@ function processHintChunk(request, id, code, model) {
   return stringToChunk(row);
 }
 
+function processTextHeader(request, id, text, binaryLength) {
+  var row = id.toString(16) + ':T' + binaryLength.toString(16) + ',';
+  return stringToChunk(row);
+}
+
 // eslint-disable-next-line no-unused-vars
 function resolveServerReference(bundlerConfig, id) {
   var name = '';