react-server-dom-webpack 19.0.0-rc-b8ae38f8-20241018 → 19.0.0-rc-c1e1358b-20241020

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

@@ -42,6 +42,12 @@
         async: 4 === metadata.length
       };
     }
+    function resolveServerReference(bundlerConfig, id) {
+      var idx = id.lastIndexOf("#");
+      bundlerConfig = id.slice(0, idx);
+      id = id.slice(idx + 1);
+      return { specifier: bundlerConfig, name: id };
+    }
     function preloadModule(metadata) {
       var existingPromise = asyncModuleCache.get(metadata.specifier);
       if (existingPromise)
@@ -66,6 +72,17 @@
       asyncModuleCache.set(metadata.specifier, modulePromise);
       return modulePromise;
     }
+    function requireModule(metadata) {
+      var moduleExports = asyncModuleCache.get(metadata.specifier);
+      if ("fulfilled" === moduleExports.status)
+        moduleExports = moduleExports.value;
+      else throw moduleExports.reason;
+      return "*" === metadata.name
+        ? moduleExports
+        : "" === metadata.name
+          ? moduleExports.default
+          : moduleExports[metadata.name];
+    }
     function prepareDestinationWithChunks(
       moduleLoading,
       chunks,
@@ -1204,16 +1221,7 @@
     }
     function initializeModuleChunk(chunk) {
       try {
-        var metadata = chunk.value,
-          promise = asyncModuleCache.get(metadata.specifier);
-        if ("fulfilled" === promise.status) var moduleExports = promise.value;
-        else throw promise.reason;
-        var value =
-          "*" === metadata.name
-            ? moduleExports
-            : "" === metadata.name
-              ? moduleExports.default
-              : moduleExports[metadata.name];
+        var value = requireModule(chunk.value);
         chunk.status = "fulfilled";
         chunk.value = value;
       } catch (error) {
@@ -1265,7 +1273,7 @@
             }
           value = value[path[i]];
         }
-        i = map(response, value);
+        i = map(response, value, parentObject, key);
         parentObject[key] = i;
         "" === key && null === handler.value && (handler.value = i);
         if (
@@ -1324,13 +1332,86 @@
       referencedChunk.then(fulfill, reject);
       return null;
     }
-    function createServerReferenceProxy(response, metaData) {
-      return createBoundServerReference(
-        metaData,
-        response._callServer,
-        response._encodeFormAction,
-        response._debugFindSourceMapURL
+    function loadServerReference(response, metaData, parentObject, key) {
+      if (!response._serverReferenceConfig)
+        return createBoundServerReference(
+          metaData,
+          response._callServer,
+          response._encodeFormAction,
+          response._debugFindSourceMapURL
+        );
+      var serverReference = resolveServerReference(
+        response._serverReferenceConfig,
+        metaData.id
       );
+      response = preloadModule(serverReference);
+      if (!response) return requireModule(serverReference);
+      if (initializingHandler) {
+        var handler = initializingHandler;
+        handler.deps++;
+      } else
+        handler = initializingHandler = {
+          parent: null,
+          chunk: null,
+          value: null,
+          deps: 1,
+          errored: !1
+        };
+      response.then(
+        function () {
+          var resolvedValue = requireModule(serverReference);
+          parentObject[key] = resolvedValue;
+          "" === key &&
+            null === handler.value &&
+            (handler.value = resolvedValue);
+          if (
+            parentObject[0] === REACT_ELEMENT_TYPE &&
+            "object" === typeof handler.value &&
+            null !== handler.value &&
+            handler.value.$$typeof === REACT_ELEMENT_TYPE
+          ) {
+            var element = handler.value;
+            switch (key) {
+              case "3":
+                element.props = resolvedValue;
+                break;
+              case "4":
+                element._owner = resolvedValue;
+            }
+          }
+          handler.deps--;
+          0 === handler.deps &&
+            ((resolvedValue = handler.chunk),
+            null !== resolvedValue &&
+              "blocked" === resolvedValue.status &&
+              ((element = resolvedValue.value),
+              (resolvedValue.status = "fulfilled"),
+              (resolvedValue.value = handler.value),
+              null !== element && wakeChunk(element, handler.value)));
+        },
+        function (error) {
+          if (!handler.errored) {
+            var blockedValue = handler.value;
+            handler.errored = !0;
+            handler.value = error;
+            var chunk = handler.chunk;
+            null !== chunk &&
+              "blocked" === chunk.status &&
+              ("object" === typeof blockedValue &&
+                null !== blockedValue &&
+                blockedValue.$$typeof === REACT_ELEMENT_TYPE &&
+                ((blockedValue = {
+                  name: getComponentNameFromType(blockedValue.type) || "",
+                  owner: blockedValue._owner
+                }),
+                (chunk._debugInfo || (chunk._debugInfo = [])).push(
+                  blockedValue
+                )),
+              triggerErrorOnChunk(chunk, error));
+          }
+        }
+      );
+      return null;
     }
     function getOutlinedModel(response, reference, parentObject, key, map) {
       reference = reference.split(":");
@@ -1360,7 +1441,7 @@
                 );
             value = value[reference[i]];
           }
-          response = map(response, value);
+          response = map(response, value, parentObject, key);
           id._debugInfo &&
             ("object" !== typeof response ||
               null === response ||
@@ -1460,7 +1541,7 @@
                 value,
                 parentObject,
                 key,
-                createServerReferenceProxy
+                loadServerReference
               )
             );
           case "T":
@@ -1564,6 +1645,7 @@
     }
     function ResponseInstance(
       bundlerConfig,
+      serverReferenceConfig,
       moduleLoading,
       callServer,
       encodeFormAction,
@@ -1575,6 +1657,7 @@
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
+      this._serverReferenceConfig = serverReferenceConfig;
       this._moduleLoading = moduleLoading;
       this._callServer = void 0 !== callServer ? callServer : missingCall;
       this._encodeFormAction = encodeFormAction;
@@ -2419,10 +2502,15 @@
       replayConsoleWithCallStackInDEV = replayConsoleWithCallStack[
         "react-stack-bottom-frame"
       ].bind(replayConsoleWithCallStack);
-    exports.createFromNodeStream = function (stream, ssrManifest, options) {
+    exports.createFromNodeStream = function (
+      stream,
+      serverConsumerManifest,
+      options
+    ) {
       var response = new ResponseInstance(
-        ssrManifest.moduleMap,
-        ssrManifest.moduleLoading,
+        serverConsumerManifest.moduleMap,
+        serverConsumerManifest.serverModuleMap,
+        serverConsumerManifest.moduleLoading,
         noServerCall,
         options ? options.encodeFormAction : void 0,
         options && "string" === typeof options.nonce ? options.nonce : void 0,

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

@@ -32,6 +32,12 @@ function resolveClientReference(bundlerConfig, metadata) {
     async: 4 === metadata.length
   };
 }
+function resolveServerReference(bundlerConfig, id) {
+  var idx = id.lastIndexOf("#");
+  bundlerConfig = id.slice(0, idx);
+  id = id.slice(idx + 1);
+  return { specifier: bundlerConfig, name: id };
+}
 var asyncModuleCache = new Map();
 function preloadModule(metadata) {
   var existingPromise = asyncModuleCache.get(metadata.specifier);
@@ -57,6 +63,16 @@ function preloadModule(metadata) {
   asyncModuleCache.set(metadata.specifier, modulePromise);
   return modulePromise;
 }
+function requireModule(metadata) {
+  var moduleExports = asyncModuleCache.get(metadata.specifier);
+  if ("fulfilled" === moduleExports.status) moduleExports = moduleExports.value;
+  else throw moduleExports.reason;
+  return "*" === metadata.name
+    ? moduleExports
+    : "" === metadata.name
+      ? moduleExports.default
+      : moduleExports[metadata.name];
+}
 function prepareDestinationWithChunks(moduleLoading, chunks, nonce$jscomp$0) {
   if (null !== moduleLoading)
     for (var i = 1; i < chunks.length; i += 2) {
@@ -785,18 +801,9 @@ function initializeModelChunk(chunk) {
 }
 function initializeModuleChunk(chunk) {
   try {
-    var metadata = chunk.value,
-      promise = asyncModuleCache.get(metadata.specifier);
-    if ("fulfilled" === promise.status) var moduleExports = promise.value;
-    else throw promise.reason;
-    var JSCompiler_inline_result =
-      "*" === metadata.name
-        ? moduleExports
-        : "" === metadata.name
-          ? moduleExports.default
-          : moduleExports[metadata.name];
+    var value = requireModule(chunk.value);
     chunk.status = "fulfilled";
-    chunk.value = JSCompiler_inline_result;
+    chunk.value = value;
   } catch (error) {
     (chunk.status = "rejected"), (chunk.reason = error);
   }
@@ -836,7 +843,7 @@ function waitForReference(
         }
       value = value[path[i]];
     }
-    i = map(response, value);
+    i = map(response, value, parentObject, key);
     parentObject[key] = i;
     "" === key && null === handler.value && (handler.value = i);
     if (
@@ -883,12 +890,69 @@ function waitForReference(
   referencedChunk.then(fulfill, reject);
   return null;
 }
-function createServerReferenceProxy(response, metaData) {
-  return createBoundServerReference(
-    metaData,
-    response._callServer,
-    response._encodeFormAction
+function loadServerReference(response, metaData, parentObject, key) {
+  if (!response._serverReferenceConfig)
+    return createBoundServerReference(
+      metaData,
+      response._callServer,
+      response._encodeFormAction
+    );
+  var serverReference = resolveServerReference(
+    response._serverReferenceConfig,
+    metaData.id
   );
+  response = preloadModule(serverReference);
+  if (!response) return requireModule(serverReference);
+  if (initializingHandler) {
+    var handler = initializingHandler;
+    handler.deps++;
+  } else
+    handler = initializingHandler = {
+      parent: null,
+      chunk: null,
+      value: null,
+      deps: 1,
+      errored: !1
+    };
+  response.then(
+    function () {
+      var resolvedValue = requireModule(serverReference);
+      parentObject[key] = resolvedValue;
+      "" === key && null === handler.value && (handler.value = resolvedValue);
+      if (
+        parentObject[0] === REACT_ELEMENT_TYPE &&
+        "object" === typeof handler.value &&
+        null !== handler.value &&
+        handler.value.$$typeof === REACT_ELEMENT_TYPE
+      ) {
+        var element = handler.value;
+        switch (key) {
+          case "3":
+            element.props = resolvedValue;
+        }
+      }
+      handler.deps--;
+      0 === handler.deps &&
+        ((resolvedValue = handler.chunk),
+        null !== resolvedValue &&
+          "blocked" === resolvedValue.status &&
+          ((element = resolvedValue.value),
+          (resolvedValue.status = "fulfilled"),
+          (resolvedValue.value = handler.value),
+          null !== element && wakeChunk(element, handler.value)));
+    },
+    function (error) {
+      if (!handler.errored) {
+        handler.errored = !0;
+        handler.value = error;
+        var chunk = handler.chunk;
+        null !== chunk &&
+          "blocked" === chunk.status &&
+          triggerErrorOnChunk(chunk, error);
+      }
+    }
+  );
+  return null;
 }
 function getOutlinedModel(response, reference, parentObject, key, map) {
   reference = reference.split(":");
@@ -919,7 +983,7 @@ function getOutlinedModel(response, reference, parentObject, key, map) {
             );
         value = value[reference[id]];
       }
-      return map(response, value);
+      return map(response, value, parentObject, key);
     case "pending":
     case "blocked":
       return waitForReference(id, parentObject, key, response, map, reference);
@@ -998,7 +1062,7 @@ function parseModelString(response, parentObject, key, value) {
             value,
             parentObject,
             key,
-            createServerReferenceProxy
+            loadServerReference
           )
         );
       case "T":
@@ -1064,6 +1128,7 @@ function missingCall() {
 }
 function ResponseInstance(
   bundlerConfig,
+  serverReferenceConfig,
   moduleLoading,
   callServer,
   encodeFormAction,
@@ -1072,6 +1137,7 @@ function ResponseInstance(
 ) {
   var chunks = new Map();
   this._bundlerConfig = bundlerConfig;
+  this._serverReferenceConfig = serverReferenceConfig;
   this._moduleLoading = moduleLoading;
   this._callServer = void 0 !== callServer ? callServer : missingCall;
   this._encodeFormAction = encodeFormAction;
@@ -1544,10 +1610,15 @@ function noServerCall() {
     "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 (stream, ssrManifest, options) {
+exports.createFromNodeStream = function (
+  stream,
+  serverConsumerManifest,
+  options
+) {
   var response = new ResponseInstance(
-    ssrManifest.moduleMap,
-    ssrManifest.moduleLoading,
+    serverConsumerManifest.moduleMap,
+    serverConsumerManifest.serverModuleMap,
+    serverConsumerManifest.moduleLoading,
     noServerCall,
     options ? options.encodeFormAction : void 0,
     options && "string" === typeof options.nonce ? options.nonce : void 0,

package/cjs/react-server-dom-webpack-plugin.js

@@ -95,7 +95,7 @@ class ClientReferenceDependency extends ModuleDependency {
 const clientFileName = require.resolve("../client.browser.js");
 class ReactFlightWebpackPlugin {
   constructor(options) {
-    this.ssrManifestFilename =
+    this.serverConsumerManifestFilename =
       this.clientManifestFilename =
       this.chunkName =
       this.clientReferences =
@@ -120,8 +120,8 @@ class ReactFlightWebpackPlugin {
       : (this.chunkName = "client[index]");
     this.clientManifestFilename =
       options.clientManifestFilename || "react-client-manifest.json";
-    this.ssrManifestFilename =
-      options.ssrManifestFilename || "react-ssr-manifest.json";
+    this.serverConsumerManifestFilename =
+      options.serverConsumerManifestFilename || "react-ssr-manifest.json";
   }
   apply(compiler) {
     const _this = this;
@@ -286,7 +286,7 @@ class ReactFlightWebpackPlugin {
               2
             );
             compilation.emitAsset(
-              _this.ssrManifestFilename,
+              _this.serverConsumerManifestFilename,
               new webpack.sources.RawSource(configuredCrossOriginLoading, !1)
             );
           }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-server-dom-webpack",
   "description": "React Server Components bindings for DOM using Webpack. This is intended to be integrated into meta-frameworks. It is not intended to be imported directly.",
-  "version": "19.0.0-rc-b8ae38f8-20241018",
+  "version": "19.0.0-rc-c1e1358b-20241020",
   "keywords": [
     "react"
   ],
@@ -99,8 +99,8 @@
     "node": ">=0.10.0"
   },
   "peerDependencies": {
-    "react": "19.0.0-rc-b8ae38f8-20241018",
-    "react-dom": "19.0.0-rc-b8ae38f8-20241018",
+    "react": "19.0.0-rc-c1e1358b-20241020",
+    "react-dom": "19.0.0-rc-c1e1358b-20241020",
     "webpack": "^5.59.0"
   },
   "dependencies": {