react-server-dom-webpack 18.3.0-next-594093496-20230209 → 18.3.0-next-55542bc73-20230210

package/umd/react-server-dom-webpack-client.development.js

@@ -31,11 +31,11 @@
   }
 
   // eslint-disable-next-line no-unused-vars
-  function resolveClientReference(bundlerConfig, moduleData) {
+  function resolveClientReference(bundlerConfig, metadata) {
     if (bundlerConfig) {
-      var resolvedModuleData = bundlerConfig[moduleData.id][moduleData.name];
+      var resolvedModuleData = bundlerConfig[metadata.id][metadata.name];
 
-      if (moduleData.async) {
+      if (metadata.async) {
         return {
           id: resolvedModuleData.id,
           chunks: resolvedModuleData.chunks,
@@ -47,7 +47,7 @@
       }
     }
 
-    return moduleData;
+    return metadata;
   } // The chunk cache contains all the chunks we've preloaded so far.
   // If they're still pending they're a thenable. This map also exists
   // in Webpack but unfortunately it's not exposed so we have to
@@ -61,8 +61,8 @@
   // This function doesn't suspend.
 
 
-  function preloadModule(moduleData) {
-    var chunks = moduleData.chunks;
+  function preloadModule(metadata) {
+    var chunks = metadata.chunks;
     var promises = [];
 
     for (var i = 0; i < chunks.length; i++) {
@@ -82,8 +82,8 @@
       }
     }
 
-    if (moduleData.async) {
-      var existingPromise = asyncModuleCache.get(moduleData.id);
+    if (metadata.async) {
+      var existingPromise = asyncModuleCache.get(metadata.id);
 
       if (existingPromise) {
         if (existingPromise.status === 'fulfilled') {
@@ -93,7 +93,7 @@
         return existingPromise;
       } else {
         var modulePromise = Promise.all(promises).then(function () {
-          return __webpack_require__(moduleData.id);
+          return __webpack_require__(metadata.id);
         });
         modulePromise.then(function (value) {
           var fulfilledThenable = modulePromise;
@@ -104,7 +104,7 @@
           rejectedThenable.status = 'rejected';
           rejectedThenable.reason = reason;
         });
-        asyncModuleCache.set(moduleData.id, modulePromise);
+        asyncModuleCache.set(metadata.id, modulePromise);
         return modulePromise;
       }
     } else if (promises.length > 0) {
@@ -115,13 +115,13 @@
   } // Actually require the module or suspend if it's not yet ready.
   // Increase priority if necessary.
 
-  function requireModule(moduleData) {
+  function requireModule(metadata) {
     var moduleExports;
 
-    if (moduleData.async) {
+    if (metadata.async) {
       // We assume that preloadModule has been called before, which
       // should have added something to the module cache.
-      var promise = asyncModuleCache.get(moduleData.id);
+      var promise = asyncModuleCache.get(metadata.id);
 
       if (promise.status === 'fulfilled') {
         moduleExports = promise.value;
@@ -129,22 +129,22 @@
         throw promise.reason;
       }
     } else {
-      moduleExports = __webpack_require__(moduleData.id);
+      moduleExports = __webpack_require__(metadata.id);
     }
 
-    if (moduleData.name === '*') {
+    if (metadata.name === '*') {
       // This is a placeholder value that represents that the caller imported this
       // as a CommonJS module as is.
       return moduleExports;
     }
 
-    if (moduleData.name === '') {
+    if (metadata.name === '') {
       // This is a placeholder value that represents that the caller accessed the
       // default property of this if it was an ESM interop module.
       return moduleExports.__esModule ? moduleExports.default : moduleExports;
     }
 
-    return moduleExports[moduleData.name];
+    return moduleExports[metadata.name];
   }
 
   // ATTENTION
@@ -507,8 +507,7 @@
         deps: 1,
         value: null
       };
-    } // $FlowFixMe[missing-local-annot]
-
+    }
 
     return function (value) {
       parentObject[key] = value;
@@ -537,6 +536,29 @@
     };
   }
 
+  function createServerReferenceProxy(response, metaData) {
+    var callServer = response._callServer;
+
+    var proxy = function () {
+      // $FlowFixMe[method-unbinding]
+      var args = Array.prototype.slice.call(arguments);
+      var p = metaData.bound;
+
+      if (p.status === INITIALIZED) {
+        var bound = p.value;
+        return callServer(metaData, bound.concat(args));
+      } // Since this is a fake Promise whose .then doesn't chain, we have to wrap it.
+      // TODO: Remove the wrapper once that's fixed.
+
+
+      return Promise.resolve(p).then(function (bound) {
+        return callServer(metaData, bound.concat(args));
+      });
+    };
+
+    return proxy;
+  }
+
   function parseModelString(response, parentObject, key, value) {
     if (value[0] === '$') {
       if (value === '$') {
@@ -573,18 +595,20 @@
 
         case 'S':
           {
+            // Symbol
             return Symbol.for(value.substring(2));
           }
 
         case 'P':
           {
+            // Server Context Provider
             return getOrCreateServerContext(value.substring(2)).Provider;
           }
 
-        default:
+        case 'F':
           {
-            // We assume that anything else is a reference ID.
-            var _id2 = parseInt(value.substring(1), 16);
+            // Server Reference
+            var _id2 = parseInt(value.substring(2), 16);
 
             var _chunk2 = getChunk(response, _id2);
 
@@ -592,27 +616,54 @@
               case RESOLVED_MODEL:
                 initializeModelChunk(_chunk2);
                 break;
+            } // The status might have changed after initialization.
+
+
+            switch (_chunk2.status) {
+              case INITIALIZED:
+                {
+                  var metadata = _chunk2.value;
+                  return createServerReferenceProxy(response, metadata);
+                }
+              // We always encode it first in the stream so it won't be pending.
+
+              default:
+                throw _chunk2.reason;
+            }
+          }
+
+        default:
+          {
+            // We assume that anything else is a reference ID.
+            var _id3 = parseInt(value.substring(1), 16);
+
+            var _chunk3 = getChunk(response, _id3);
+
+            switch (_chunk3.status) {
+              case RESOLVED_MODEL:
+                initializeModelChunk(_chunk3);
+                break;
 
               case RESOLVED_MODULE:
-                initializeModuleChunk(_chunk2);
+                initializeModuleChunk(_chunk3);
                 break;
             } // The status might have changed after initialization.
 
 
-            switch (_chunk2.status) {
+            switch (_chunk3.status) {
               case INITIALIZED:
-                return _chunk2.value;
+                return _chunk3.value;
 
               case PENDING:
               case BLOCKED:
                 var parentChunk = initializingChunk;
 
-                _chunk2.then(createModelResolver(parentChunk, parentObject, key), createModelReject(parentChunk));
+                _chunk3.then(createModelResolver(parentChunk, parentObject, key), createModelReject(parentChunk));
 
                 return null;
 
               default:
-                throw _chunk2.reason;
+                throw _chunk3.reason;
             }
           }
       }
@@ -631,10 +682,16 @@
 
     return value;
   }
-  function createResponse(bundlerConfig) {
+
+  function missingCall() {
+    throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
+  }
+
+  function createResponse(bundlerConfig, callServer) {
     var chunks = new Map();
     var response = {
       _bundlerConfig: bundlerConfig,
+      _callServer: callServer !== undefined ? callServer : missingCall,
       _chunks: chunks
     };
     return response;
@@ -652,12 +709,12 @@
   function resolveModule(response, id, model) {
     var chunks = response._chunks;
     var chunk = chunks.get(id);
-    var moduleMetaData = parseModel(response, model);
-    var moduleReference = resolveClientReference(response._bundlerConfig, moduleMetaData); // TODO: Add an option to encode modules that are lazy loaded.
+    var clientReferenceMetadata = parseModel(response, model);
+    var clientReference = resolveClientReference(response._bundlerConfig, clientReferenceMetadata); // TODO: Add an option to encode modules that are lazy loaded.
     // For now we preload all modules as early as possible since it's likely
     // that we'll need them.
 
-    var promise = preloadModule(moduleReference);
+    var promise = preloadModule(clientReference);
 
     if (promise) {
       var blockedChunk;
@@ -675,17 +732,17 @@
       }
 
       promise.then(function () {
-        return resolveModuleChunk(blockedChunk, moduleReference);
+        return resolveModuleChunk(blockedChunk, clientReference);
       }, function (error) {
         return triggerErrorOnChunk(blockedChunk, error);
       });
     } else {
       if (!chunk) {
-        chunks.set(id, createResolvedModuleChunk(response, moduleReference));
+        chunks.set(id, createResolvedModuleChunk(response, clientReference));
       } else {
         // This can't actually happen because we don't have any forward
         // references to modules.
-        resolveModuleChunk(chunk, moduleReference);
+        resolveModuleChunk(chunk, clientReference);
       }
     }
   }
@@ -797,11 +854,11 @@
     };
   }
 
-  function createResponse$1(bundlerConfig) {
+  function createResponse$1(bundlerConfig, callServer) {
     // NOTE: CHECK THE COMPILER OUTPUT EACH TIME YOU CHANGE THIS.
     // It should be inlined to one object literal but minor changes can break it.
     var stringDecoder =  createStringDecoder() ;
-    var response = createResponse(bundlerConfig);
+    var response = createResponse(bundlerConfig, callServer);
     response._partialRow = '';
 
     {
@@ -838,13 +895,13 @@
   }
 
   function createFromReadableStream(stream, options) {
-    var response = createResponse$1(options && options.moduleMap ? options.moduleMap : null);
+    var response = createResponse$1(options && options.moduleMap ? options.moduleMap : null, options && options.callServer ? options.callServer : undefined);
     startReadingFromStream(response, stream);
     return getRoot(response);
   }
 
   function createFromFetch(promiseForResponse, options) {
-    var response = createResponse$1(options && options.moduleMap ? options.moduleMap : null);
+    var response = createResponse$1(options && options.moduleMap ? options.moduleMap : null, options && options.callServer ? options.callServer : undefined);
     promiseForResponse.then(function (r) {
       startReadingFromStream(response, r.body);
     }, function (e) {
@@ -854,7 +911,7 @@
   }
 
   function createFromXHR(request, options) {
-    var response = createResponse$1(options && options.moduleMap ? options.moduleMap : null);
+    var response = createResponse$1(options && options.moduleMap ? options.moduleMap : null, options && options.callServer ? options.callServer : undefined);
     var processedLength = 0;
 
     function progress(e) {

package/umd/react-server-dom-webpack-client.production.min.js

@@ -7,17 +7,18 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-(function(){'use strict';(function(l,n){"object"===typeof exports&&"undefined"!==typeof module?n(exports,require("react")):"function"===typeof define&&define.amd?define(["exports","react"],n):(l=l||self,n(l.ReactServerDOMClient={},l.React))})(this,function(l,n){function H(a,b){return a?(a=a[b.id][b.name],b.async?{id:a.id,chunks:a.chunks,name:a.name,async:!0}:a):b}function I(){}function J(a){for(var b=a.chunks,c=[],d=0;d<b.length;d++){var e=b[d],f=q.get(e);if(void 0===f){f=__webpack_chunk_load__(e);c.push(f);
-var h=q.set.bind(q,e,null);f.then(h,I);q.set(e,f)}else null!==f&&c.push(f)}if(a.async){if(b=y.get(a.id))return"fulfilled"===b.status?null:b;var k=Promise.all(c).then(function(){return __webpack_require__(a.id)});k.then(function(a){k.status="fulfilled";k.value=a},function(a){k.status="rejected";k.reason=a});y.set(a.id,k);return k}return 0<c.length?Promise.all(c):null}function m(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}function K(a){switch(a.status){case "resolved_model":r(a);
+(function(){'use strict';(function(l,p){"object"===typeof exports&&"undefined"!==typeof module?p(exports,require("react")):"function"===typeof define&&define.amd?define(["exports","react"],p):(l=l||self,p(l.ReactServerDOMClient={},l.React))})(this,function(l,p){function H(a,b){return a?(a=a[b.id][b.name],b.async?{id:a.id,chunks:a.chunks,name:a.name,async:!0}:a):b}function I(){}function J(a){for(var b=a.chunks,c=[],d=0;d<b.length;d++){var e=b[d],f=r.get(e);if(void 0===f){f=__webpack_chunk_load__(e);c.push(f);
+var h=r.set.bind(r,e,null);f.then(h,I);r.set(e,f)}else null!==f&&c.push(f)}if(a.async){if(b=y.get(a.id))return"fulfilled"===b.status?null:b;var k=Promise.all(c).then(function(){return __webpack_require__(a.id)});k.then(function(a){k.status="fulfilled";k.value=a},function(a){k.status="rejected";k.reason=a});y.set(a.id,k);return k}return 0<c.length?Promise.all(c):null}function m(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}function K(a){switch(a.status){case "resolved_model":q(a);
 break;case "resolved_module":t(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":throw a;default:throw a.reason;}}function u(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function C(a,b,c){switch(a.status){case "fulfilled":u(b,a.value);break;case "pending":case "blocked":a.value=b;a.reason=c;break;case "rejected":c&&u(c,a.reason)}}function v(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&u(c,b)}}function D(a,
-b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(t(a),C(a,c,d))}}function r(a){var b=w,c=g;w=a;g=null;try{var d=JSON.parse(a.value,a._response._fromJSON);null!==g&&0<g.deps?(g.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{w=b,g=c}}function t(a){try{var b=a.value;if(b.async){var c=y.get(b.id);if("fulfilled"===c.status)var d=c.value;else throw c.reason;
-}else d=__webpack_require__(b.id);var e="*"===b.name?d:""===b.name?d.__esModule?d.default:d:d[b.name];a.status="fulfilled";a.value=e}catch(f){a.status="rejected",a.reason=f}}function x(a,b){a._chunks.forEach(function(a){"pending"===a.status&&v(a,b)})}function p(a,b){var c=a._chunks,d=c.get(b);d||(d=new m("pending",null,null,a),c.set(b,d));return d}function L(a,b,c){if(g){var d=g;d.deps++}else d=g={deps:1,value:null};return function(e){b[c]=e;d.deps--;0===d.deps&&"blocked"===a.status&&(e=a.value,a.status=
-"fulfilled",a.value=d.value,null!==e&&u(e,d.value))}}function M(a){return function(b){return v(a,b)}}function N(a,b,c,d){if("$"===d[0]){if("$"===d)return z;switch(d[1]){case "$":return d.substring(1);case "L":return b=parseInt(d.substring(2),16),a=p(a,b),{$$typeof:O,_payload:a,_init:K};case "@":return b=parseInt(d.substring(2),16),p(a,b);case "S":return Symbol.for(d.substring(2));case "P":return a=d.substring(2),A[a]||(A[a]=n.createServerContext(a,P)),A[a].Provider;default:d=parseInt(d.substring(1),
-16);a=p(a,d);switch(a.status){case "resolved_model":r(a);break;case "resolved_module":t(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return d=w,a.then(L(d,b,c),M(d)),null;default:throw a.reason;}}}return d}function Q(a,b,c){var d=a._chunks,e=d.get(b);c=JSON.parse(c,a._fromJSON);var f=H(a._bundlerConfig,c);if(c=J(f)){if(e){var h=e;h.status="blocked"}else h=new m("blocked",null,null,a),d.set(b,h);c.then(function(){return D(h,f)},function(a){return v(h,a)})}else e?
-D(e,f):d.set(b,new m("resolved_module",f,null,a))}function E(a){x(a,Error("Connection closed."))}function F(a,b){if(""!==b){var c=b.indexOf(":",0),d=parseInt(b.substring(0,c),16);switch(b[c+1]){case "I":Q(a,d,b.substring(c+2));break;case "E":c=JSON.parse(b.substring(c+2)).digest;b=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.");
-b.stack="Error: "+b.message;b.digest=c;c=a._chunks;var e=c.get(d);e?v(e,b):c.set(d,new m("rejected",null,b,a));break;default:b=b.substring(c+1),e=a._chunks,(c=e.get(d))?"pending"===c.status&&(a=c.value,d=c.reason,c.status="resolved_model",c.value=b,null!==a&&(r(c),C(c,a,d))):e.set(d,new m("resolved_model",b,null,a))}}}function R(a){return function(b,c){return"string"===typeof c?N(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===z?{$$typeof:z,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:
-c,b):c}}function B(a){var b=new TextDecoder,c=new Map;a={_bundlerConfig:a,_chunks:c,_partialRow:"",_stringDecoder:b};a._fromJSON=R(a);return a}function G(a,b){function c(b){var h=b.value;if(b.done)E(a);else{b=h;h=a._stringDecoder;for(var k=b.indexOf(10);-1<k;){var f=a._partialRow;var g=b.subarray(0,k);g=h.decode(g);F(a,f+g);a._partialRow="";b=b.subarray(k+1);k=b.indexOf(10)}a._partialRow+=h.decode(b,S);return e.read().then(c).catch(d)}}function d(b){x(a,b)}var e=b.getReader();e.read().then(c).catch(d)}
-var S={stream:!0},q=new Map,y=new Map,z=Symbol.for("react.element"),O=Symbol.for("react.lazy"),P=Symbol.for("react.default_value"),A=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;m.prototype=Object.create(Promise.prototype);m.prototype.then=function(a,b){switch(this.status){case "resolved_model":r(this);break;case "resolved_module":t(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));
-b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};var w=null,g=null;l.createFromFetch=function(a,b){var c=B(b&&b.moduleMap?b.moduleMap:null);a.then(function(a){G(c,a.body)},function(a){x(c,a)});return p(c,0)};l.createFromReadableStream=function(a,b){b=B(b&&b.moduleMap?b.moduleMap:null);G(b,a);return p(b,0)};l.createFromXHR=function(a,b){function c(b){b=a.responseText;for(var c=f,d=b.indexOf("\n",c);-1<d;)c=e._partialRow+b.substring(c,d),F(e,c),e._partialRow=
-"",c=d+1,d=b.indexOf("\n",c);e._partialRow+=b.substring(c);f=b.length}function d(a){x(e,new TypeError("Network error"))}var e=B(b&&b.moduleMap?b.moduleMap:null),f=0;a.addEventListener("progress",c);a.addEventListener("load",function(a){c();E(e)});a.addEventListener("error",d);a.addEventListener("abort",d);a.addEventListener("timeout",d);return p(e,0)}});
+b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(t(a),C(a,c,d))}}function q(a){var b=w,c=g;w=a;g=null;try{var d=JSON.parse(a.value,a._response._fromJSON);null!==g&&0<g.deps?(g.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{w=b,g=c}}function t(a){try{var b=a.value;if(b.async){var c=y.get(b.id);if("fulfilled"===c.status)var d=c.value;else throw c.reason;
+}else d=__webpack_require__(b.id);var e="*"===b.name?d:""===b.name?d.__esModule?d.default:d:d[b.name];a.status="fulfilled";a.value=e}catch(f){a.status="rejected",a.reason=f}}function x(a,b){a._chunks.forEach(function(a){"pending"===a.status&&v(a,b)})}function n(a,b){var c=a._chunks,d=c.get(b);d||(d=new m("pending",null,null,a),c.set(b,d));return d}function L(a,b,c){if(g){var d=g;d.deps++}else d=g={deps:1,value:null};return function(e){b[c]=e;d.deps--;0===d.deps&&"blocked"===a.status&&(e=a.value,a.status=
+"fulfilled",a.value=d.value,null!==e&&u(e,d.value))}}function M(a){return function(b){return v(a,b)}}function N(a,b){var c=a._callServer;return function(){var a=Array.prototype.slice.call(arguments),e=b.bound;return"fulfilled"===e.status?c(b,e.value.concat(a)):Promise.resolve(e).then(function(d){return c(b,d.concat(a))})}}function O(a,b,c,d){if("$"===d[0]){if("$"===d)return z;switch(d[1]){case "$":return d.substring(1);case "L":return b=parseInt(d.substring(2),16),a=n(a,b),{$$typeof:P,_payload:a,
+_init:K};case "@":return b=parseInt(d.substring(2),16),n(a,b);case "S":return Symbol.for(d.substring(2));case "P":return a=d.substring(2),A[a]||(A[a]=p.createServerContext(a,Q)),A[a].Provider;case "F":b=parseInt(d.substring(2),16);b=n(a,b);switch(b.status){case "resolved_model":q(b)}switch(b.status){case "fulfilled":return N(a,b.value);default:throw b.reason;}default:d=parseInt(d.substring(1),16);a=n(a,d);switch(a.status){case "resolved_model":q(a);break;case "resolved_module":t(a)}switch(a.status){case "fulfilled":return a.value;
+case "pending":case "blocked":return d=w,a.then(L(d,b,c),M(d)),null;default:throw a.reason;}}}return d}function R(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function S(a,b,c){var d=a._chunks,e=d.get(b);c=JSON.parse(c,a._fromJSON);var f=H(a._bundlerConfig,c);if(c=J(f)){if(e){var h=e;h.status="blocked"}else h=new m("blocked",null,null,a),d.set(b,h);c.then(function(){return D(h,f)},function(a){return v(h,a)})}else e?
+D(e,f):d.set(b,new m("resolved_module",f,null,a))}function E(a){x(a,Error("Connection closed."))}function F(a,b){if(""!==b){var c=b.indexOf(":",0),d=parseInt(b.substring(0,c),16);switch(b[c+1]){case "I":S(a,d,b.substring(c+2));break;case "E":c=JSON.parse(b.substring(c+2)).digest;b=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.");
+b.stack="Error: "+b.message;b.digest=c;c=a._chunks;var e=c.get(d);e?v(e,b):c.set(d,new m("rejected",null,b,a));break;default:b=b.substring(c+1),e=a._chunks,(c=e.get(d))?"pending"===c.status&&(a=c.value,d=c.reason,c.status="resolved_model",c.value=b,null!==a&&(q(c),C(c,a,d))):e.set(d,new m("resolved_model",b,null,a))}}}function T(a){return function(b,c){return"string"===typeof c?O(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===z?{$$typeof:z,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:
+c,b):c}}function B(a,b){var c=new TextDecoder,d=new Map;a={_bundlerConfig:a,_callServer:void 0!==b?b:R,_chunks:d,_partialRow:"",_stringDecoder:c};a._fromJSON=T(a);return a}function G(a,b){function c(b){var h=b.value;if(b.done)E(a);else{b=h;h=a._stringDecoder;for(var k=b.indexOf(10);-1<k;){var f=a._partialRow;var g=b.subarray(0,k);g=h.decode(g);F(a,f+g);a._partialRow="";b=b.subarray(k+1);k=b.indexOf(10)}a._partialRow+=h.decode(b,U);return e.read().then(c).catch(d)}}function d(b){x(a,b)}var e=b.getReader();
+e.read().then(c).catch(d)}var U={stream:!0},r=new Map,y=new Map,z=Symbol.for("react.element"),P=Symbol.for("react.lazy"),Q=Symbol.for("react.default_value"),A=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;m.prototype=Object.create(Promise.prototype);m.prototype.then=function(a,b){switch(this.status){case "resolved_model":q(this);break;case "resolved_module":t(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&
+(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};var w=null,g=null;l.createFromFetch=function(a,b){var c=B(b&&b.moduleMap?b.moduleMap:null,b&&b.callServer?b.callServer:void 0);a.then(function(a){G(c,a.body)},function(a){x(c,a)});return n(c,0)};l.createFromReadableStream=function(a,b){b=B(b&&b.moduleMap?b.moduleMap:null,b&&b.callServer?b.callServer:void 0);G(b,a);return n(b,0)};l.createFromXHR=function(a,b){function c(b){b=
+a.responseText;for(var c=f,d=b.indexOf("\n",c);-1<d;)c=e._partialRow+b.substring(c,d),F(e,c),e._partialRow="",c=d+1,d=b.indexOf("\n",c);e._partialRow+=b.substring(c);f=b.length}function d(a){x(e,new TypeError("Network error"))}var e=B(b&&b.moduleMap?b.moduleMap:null,b&&b.callServer?b.callServer:void 0),f=0;a.addEventListener("progress",c);a.addEventListener("load",function(a){c();E(e)});a.addEventListener("error",d);a.addEventListener("abort",d);a.addEventListener("timeout",d);return n(e,0)}});
 })();

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

@@ -196,21 +196,25 @@
     var row = id.toString(16) + ':' + json + '\n';
     return stringToChunk(row);
   }
-  function processModuleChunk(request, id, moduleMetaData) {
-    var json = stringify(moduleMetaData);
+  function processImportChunk(request, id, clientReferenceMetadata) {
+    var json = stringify(clientReferenceMetadata);
     var row = serializeRowHeader('I', id) + json + '\n';
     return stringToChunk(row);
   }
 
   // eslint-disable-next-line no-unused-vars
   var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+  var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
   function getClientReferenceKey(reference) {
     return reference.filepath + '#' + reference.name + (reference.async ? '#async' : '');
   }
   function isClientReference(reference) {
     return reference.$$typeof === CLIENT_REFERENCE_TAG;
   }
-  function resolveModuleMetaData(config, clientReference) {
+  function isServerReference(reference) {
+    return reference.$$typeof === SERVER_REFERENCE_TAG;
+  }
+  function resolveClientReferenceMetadata(config, clientReference) {
     var resolvedModuleData = config[clientReference.filepath][clientReference.name];
 
     if (clientReference.async) {
@@ -224,6 +228,13 @@
       return resolvedModuleData;
     }
   }
+  function resolveServerReferenceMetadata(config, serverReference) {
+    return {
+      id: serverReference.$$filepath,
+      name: serverReference.$$name,
+      bound: Promise.resolve(serverReference.$$bound)
+    };
+  }
 
   // ATTENTION
   // When adding new symbols to this file,
@@ -548,7 +559,7 @@
   // Run `yarn generate-inline-fizz-runtime` to generate.
   var clientRenderBoundary = '$RX=function(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};';
   var completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);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 d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
-  var completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(p,q,v){function r(l){this.s=l}for(var t=$RC,u=$RM,m=new Map,n=document,g,e,f=n.querySelectorAll("link[data-precedence],style[data-precedence]"),d=0;e=f[d++];)m.set(e.dataset.precedence,g=e);e=0;f=[];for(var c,h,b,a;c=v[e++];){var k=0;h=c[k++];if(b=u.get(h))"l"!==b.s&&f.push(b);else{a=n.createElement("link");a.href=h;a.rel="stylesheet";for(a.dataset.precedence=d=c[k++];b=c[k++];)a.setAttribute(b,c[k++]);b=a._p=new Promise(function(l,w){a.onload=l;a.onerror=w});b.then(r.bind(b,\n"l"),r.bind(b,"e"));u.set(h,b);f.push(b);c=m.get(d)||g;c===g&&(g=a);m.set(d,a);c?c.parentNode.insertBefore(a,c.nextSibling):(d=n.head,d.insertBefore(a,d.firstChild))}}Promise.all(f).then(t.bind(null,p,q,""),t.bind(null,p,q,"Resource failed to load"))};';
+  var completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(p,q,w){function r(l){this.s=l}for(var t=$RC,m=$RM,u=new Map,n=new Map,g=document,h,e,f=g.querySelectorAll("template[data-precedence]"),c=0;e=f[c++];){for(var b=e.content.firstChild;b;b=b.nextSibling)u.set(b.getAttribute("data-href"),b);e.parentNode.removeChild(e)}f=g.querySelectorAll("link[data-precedence],style[data-precedence]");for(c=0;e=f[c++];)m.set(e.getAttribute("STYLE"===e.nodeName?"data-href":"href"),e),n.set(e.dataset.precedence,h=e);e=0;f=[];for(var d,\nv,a;d=w[e++];){var k=0;b=d[k++];if(!(a=m.get(b))){if(a=u.get(b))c=a.getAttribute("data-precedence");else{a=g.createElement("link");a.href=b;a.rel="stylesheet";for(a.dataset.precedence=c=d[k++];v=d[k++];)a.setAttribute(v,d[k++]);d=a._p=new Promise(function(l,x){a.onload=l;a.onerror=x});d.then(r.bind(d,"l"),r.bind(d,"e"))}m.set(b,a);b=n.get(c)||h;b===h&&(h=a);n.set(c,a);b?b.parentNode.insertBefore(a,b.nextSibling):(c=g.head,c.insertBefore(a,c.firstChild))}d=a._p;c=a.getAttribute("media");!d||"l"===\nd.s||c&&!matchMedia(c).matches||f.push(d)}Promise.all(f).then(t.bind(null,p,q,""),t.bind(null,p,q,"Resource failed to load"))};';
   var completeSegment = '$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};';
 
   var ReactDOMSharedInternals = ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -629,10 +640,10 @@
   var completeSegmentScriptEnd = stringToPrecomputedChunk('")</script>');
   var completeSegmentData1 = stringToPrecomputedChunk('<template data-rsi="" data-sid="');
   var completeSegmentData2 = stringToPrecomputedChunk('" data-pid="');
-  var completeBoundaryScript1Full = stringToPrecomputedChunk(completeBoundary + ';$RC("');
+  var completeBoundaryScript1Full = stringToPrecomputedChunk(completeBoundary + '$RC("');
   var completeBoundaryScript1Partial = stringToPrecomputedChunk('$RC("');
-  var completeBoundaryWithStylesScript1FullBoth = stringToPrecomputedChunk(completeBoundary + ';' + completeBoundaryWithStyles + ';$RR("');
-  var completeBoundaryWithStylesScript1FullPartial = stringToPrecomputedChunk(completeBoundaryWithStyles + ';$RR("');
+  var completeBoundaryWithStylesScript1FullBoth = stringToPrecomputedChunk(completeBoundary + completeBoundaryWithStyles + '$RR("');
+  var completeBoundaryWithStylesScript1FullPartial = stringToPrecomputedChunk(completeBoundaryWithStyles + '$RR("');
   var completeBoundaryWithStylesScript1Partial = stringToPrecomputedChunk('$RR("');
   var completeBoundaryScript2 = stringToPrecomputedChunk('","');
   var completeBoundaryScript3a = stringToPrecomputedChunk('",');
@@ -652,6 +663,8 @@
   var clientRenderData3 = stringToPrecomputedChunk('" data-msg="');
   var clientRenderData4 = stringToPrecomputedChunk('" data-stck="');
 
+  var styleTagTemplateOpen = stringToPrecomputedChunk('<template data-precedence="">');
+  var styleTagTemplateClose = stringToPrecomputedChunk('</template>'); // Tracks whether we wrote any late style tags. We use this to determine
   var precedencePlaceholderStart = stringToPrecomputedChunk('<style data-precedence="');
   var precedencePlaceholderEnd = stringToPrecomputedChunk('"></style>');
 
@@ -1178,11 +1191,12 @@
       pendingChunks: 0,
       abortableTasks: abortSet,
       pingedTasks: pingedTasks,
-      completedModuleChunks: [],
+      completedImportChunks: [],
       completedJSONChunks: [],
       completedErrorChunks: [],
       writtenSymbols: new Map(),
-      writtenModules: new Map(),
+      writtenClientReferences: new Map(),
+      writtenServerReferences: new Map(),
       writtenProviders: new Map(),
       identifierPrefix: identifierPrefix || '',
       identifierCount: 1,
@@ -1493,6 +1507,10 @@
     return '$@' + id.toString(16);
   }
 
+  function serializeServerReferenceID(id) {
+    return '$F' + id.toString(16);
+  }
+
   function serializeSymbolReference(name) {
     return '$S' + name;
   }
@@ -1501,10 +1519,10 @@
     return '$P' + name;
   }
 
-  function serializeClientReference(request, parent, key, moduleReference) {
-    var moduleKey = getClientReferenceKey(moduleReference);
-    var writtenModules = request.writtenModules;
-    var existingId = writtenModules.get(moduleKey);
+  function serializeClientReference(request, parent, key, clientReference) {
+    var clientReferenceKey = getClientReferenceKey(clientReference);
+    var writtenClientReferences = request.writtenClientReferences;
+    var existingId = writtenClientReferences.get(clientReferenceKey);
 
     if (existingId !== undefined) {
       if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
@@ -1520,11 +1538,11 @@
     }
 
     try {
-      var moduleMetaData = resolveModuleMetaData(request.bundlerConfig, moduleReference);
+      var clientReferenceMetadata = resolveClientReferenceMetadata(request.bundlerConfig, clientReference);
       request.pendingChunks++;
-      var moduleId = request.nextChunkId++;
-      emitModuleChunk(request, moduleId, moduleMetaData);
-      writtenModules.set(moduleKey, moduleId);
+      var importId = request.nextChunkId++;
+      emitImportChunk(request, importId, clientReferenceMetadata);
+      writtenClientReferences.set(clientReferenceKey, importId);
 
       if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
         // If we're encoding the "type" of an element, we can refer
@@ -1532,10 +1550,10 @@
         // knows how to deal with lazy values. This lets us suspend
         // on this component rather than its parent until the code has
         // loaded.
-        return serializeLazyID(moduleId);
+        return serializeLazyID(importId);
       }
 
-      return serializeByValueID(moduleId);
+      return serializeByValueID(importId);
     } catch (x) {
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
@@ -1553,6 +1571,24 @@
     }
   }
 
+  function serializeServerReference(request, parent, key, serverReference) {
+    var writtenServerReferences = request.writtenServerReferences;
+    var existingId = writtenServerReferences.get(serverReference);
+
+    if (existingId !== undefined) {
+      return serializeServerReferenceID(existingId);
+    }
+
+    var serverReferenceMetadata = resolveServerReferenceMetadata(request.bundlerConfig, serverReference);
+    request.pendingChunks++;
+    var metadataId = request.nextChunkId++; // We assume that this object doesn't suspend.
+
+    var processedChunk = processModelChunk(request, metadataId, serverReferenceMetadata);
+    request.completedJSONChunks.push(processedChunk);
+    writtenServerReferences.set(serverReference, metadataId);
+    return serializeServerReferenceID(metadataId);
+  }
+
   function escapeStringValue(value) {
     if (value[0] === '$') {
       // We need to escape $ or @ prefixed strings since we use those to encode
@@ -1981,7 +2017,7 @@
 
     if (typeof value === 'object') {
       if (isClientReference(value)) {
-        return serializeClientReference(request, parent, key, value);
+        return serializeClientReference(request, parent, key, value); // $FlowFixMe[method-unbinding]
       } else if (typeof value.then === 'function') {
         // We assume that any object with a .then property is a "Thenable" type,
         // or a Promise type. Either of which can be represented by a Promise.
@@ -2045,10 +2081,14 @@
         return serializeClientReference(request, parent, key, value);
       }
 
+      if (isServerReference(value)) {
+        return serializeServerReference(request, parent, key, value);
+      }
+
       if (/^on[A-Z]/.test(key)) {
         throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
       } else {
-        throw new Error('Functions cannot be passed directly to Client Components ' + "because they're not serializable." + describeObjectForErrorMessage(parent, key));
+        throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
       }
     }
 
@@ -2140,15 +2180,15 @@
     request.completedErrorChunks.push(processedChunk);
   }
 
-  function emitModuleChunk(request, id, moduleMetaData) {
-    var processedChunk = processModuleChunk(request, id, moduleMetaData);
-    request.completedModuleChunks.push(processedChunk);
+  function emitImportChunk(request, id, clientReferenceMetadata) {
+    var processedChunk = processImportChunk(request, id, clientReferenceMetadata);
+    request.completedImportChunks.push(processedChunk);
   }
 
   function emitSymbolChunk(request, id, name) {
     var symbolReference = serializeSymbolReference(name);
     var processedChunk = processReferenceChunk(request, id, symbolReference);
-    request.completedModuleChunks.push(processedChunk);
+    request.completedImportChunks.push(processedChunk);
   }
 
   function emitProviderChunk(request, id, contextName) {
@@ -2271,12 +2311,12 @@
     try {
       // We emit module chunks first in the stream so that
       // they can be preloaded as early as possible.
-      var moduleChunks = request.completedModuleChunks;
+      var importsChunks = request.completedImportChunks;
       var i = 0;
 
-      for (; i < moduleChunks.length; i++) {
+      for (; i < importsChunks.length; i++) {
         request.pendingChunks--;
-        var chunk = moduleChunks[i];
+        var chunk = importsChunks[i];
         var keepWriting = writeChunkAndReturn(destination, chunk);
 
         if (!keepWriting) {
@@ -2286,7 +2326,7 @@
         }
       }
 
-      moduleChunks.splice(0, i); // Next comes model data.
+      importsChunks.splice(0, i); // Next comes model data.
 
       var jsonChunks = request.completedJSONChunks;
       i = 0;