react-server-dom-webpack 19.0.0 → 19.1.0-canary-7130d0c6-20241212

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

@@ -9,7 +9,8 @@
  */
 
 "use strict";
-var util = require("util");
+var stream = require("stream"),
+  util = require("util");
 require("crypto");
 var async_hooks = require("async_hooks"),
   ReactDOM = require("react-dom"),
@@ -461,7 +462,7 @@ function getIteratorFn(maybeIterable) {
 }
 var ASYNC_ITERATOR = Symbol.asyncIterator,
   SuspenseException = Error(
-    "Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"
+    "Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`."
   );
 function noop$1() {}
 function trackUsedThenable(thenableState, thenable, index) {
@@ -798,13 +799,7 @@ function serializeThenable(request, task, thenable) {
         (newTask.model = thenable.value), pingTask(request, newTask), newTask.id
       );
     case "rejected":
-      return (
-        (task = logRecoverableError(request, thenable.reason, null)),
-        emitErrorChunk(request, newTask.id, task),
-        (newTask.status = 4),
-        request.abortableTasks.delete(newTask),
-        newTask.id
-      );
+      return erroredTask(request, newTask, thenable.reason), newTask.id;
     default:
       if (12 === request.status)
         return (
@@ -835,11 +830,7 @@ function serializeThenable(request, task, thenable) {
     },
     function (reason) {
       0 === newTask.status &&
-        ((reason = logRecoverableError(request, reason, newTask)),
-        emitErrorChunk(request, newTask.id, reason),
-        (newTask.status = 4),
-        request.abortableTasks.delete(newTask),
-        enqueueFlush(request));
+        (erroredTask(request, newTask, reason), enqueueFlush(request));
     }
   );
   return newTask.id;
@@ -860,29 +851,25 @@ function serializeReadableStream(request, task, stream) {
             emitChunk(request, streamTask, streamTask.model),
             enqueueFlush(request),
             reader.read().then(progress, error);
-        } catch (x$8) {
-          error(x$8);
+        } catch (x$7) {
+          error(x$7);
         }
   }
   function error(reason) {
-    if (!aborted) {
-      aborted = !0;
-      request.abortListeners.delete(abortStream);
-      var digest = logRecoverableError(request, reason, streamTask);
-      emitErrorChunk(request, streamTask.id, digest);
-      enqueueFlush(request);
-      reader.cancel(reason).then(error, error);
-    }
+    aborted ||
+      ((aborted = !0),
+      request.abortListeners.delete(abortStream),
+      erroredTask(request, streamTask, reason),
+      enqueueFlush(request),
+      reader.cancel(reason).then(error, error));
   }
   function abortStream(reason) {
-    if (!aborted) {
-      aborted = !0;
-      request.abortListeners.delete(abortStream);
-      var digest = logRecoverableError(request, reason, streamTask);
-      emitErrorChunk(request, streamTask.id, digest);
-      enqueueFlush(request);
-      reader.cancel(reason).then(error, error);
-    }
+    aborted ||
+      ((aborted = !0),
+      request.abortListeners.delete(abortStream),
+      erroredTask(request, streamTask, reason),
+      enqueueFlush(request),
+      reader.cancel(reason).then(error, error));
   }
   var supportsBYOB = stream.supportsBYOB;
   if (void 0 === supportsBYOB)
@@ -937,31 +924,27 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
             emitChunk(request, streamTask, streamTask.model),
             enqueueFlush(request),
             iterator.next().then(progress, error);
-        } catch (x$9) {
-          error(x$9);
+        } catch (x$8) {
+          error(x$8);
         }
   }
   function error(reason) {
-    if (!aborted) {
-      aborted = !0;
-      request.abortListeners.delete(abortIterable);
-      var digest = logRecoverableError(request, reason, streamTask);
-      emitErrorChunk(request, streamTask.id, digest);
-      enqueueFlush(request);
+    aborted ||
+      ((aborted = !0),
+      request.abortListeners.delete(abortIterable),
+      erroredTask(request, streamTask, reason),
+      enqueueFlush(request),
       "function" === typeof iterator.throw &&
-        iterator.throw(reason).then(error, error);
-    }
+        iterator.throw(reason).then(error, error));
   }
   function abortIterable(reason) {
-    if (!aborted) {
-      aborted = !0;
-      request.abortListeners.delete(abortIterable);
-      var digest = logRecoverableError(request, reason, streamTask);
-      emitErrorChunk(request, streamTask.id, digest);
-      enqueueFlush(request);
+    aborted ||
+      ((aborted = !0),
+      request.abortListeners.delete(abortIterable),
+      erroredTask(request, streamTask, reason),
+      enqueueFlush(request),
       "function" === typeof iterator.throw &&
-        iterator.throw(reason).then(error, error);
-    }
+        iterator.throw(reason).then(error, error));
   }
   iterable = iterable === iterator;
   var streamTask = createTask(
@@ -982,10 +965,7 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
 }
 function emitHint(request, code, model) {
   model = stringify(model);
-  var id = request.nextChunkId++;
-  code = "H" + code;
-  code = id.toString(16) + ":" + code;
-  request.completedHintChunks.push(code + model + "\n");
+  request.completedHintChunks.push(":H" + code + model + "\n");
   enqueueFlush(request);
 }
 function readThenable(thenable) {
@@ -1016,63 +996,57 @@ function createLazyWrapperAroundWakeable(wakeable) {
   return { $$typeof: REACT_LAZY_TYPE, _payload: wakeable, _init: readThenable };
 }
 function voidHandler() {}
+function processServerComponentReturnValue(request, task, Component, result) {
+  if (
+    "object" !== typeof result ||
+    null === result ||
+    result.$$typeof === CLIENT_REFERENCE_TAG$1
+  )
+    return result;
+  if ("function" === typeof result.then)
+    return "fulfilled" === result.status
+      ? result.value
+      : createLazyWrapperAroundWakeable(result);
+  var iteratorFn = getIteratorFn(result);
+  return iteratorFn
+    ? ((request = {}),
+      (request[Symbol.iterator] = function () {
+        return iteratorFn.call(result);
+      }),
+      request)
+    : "function" !== typeof result[ASYNC_ITERATOR] ||
+        ("function" === typeof ReadableStream &&
+          result instanceof ReadableStream)
+      ? result
+      : ((request = {}),
+        (request[ASYNC_ITERATOR] = function () {
+          return result[ASYNC_ITERATOR]();
+        }),
+        request);
+}
 function renderFunctionComponent(request, task, key, Component, props) {
   var prevThenableState = task.thenableState;
   task.thenableState = null;
   thenableIndexCounter = 0;
   thenableState = prevThenableState;
-  Component = Component(props, void 0);
+  props = Component(props, void 0);
   if (12 === request.status)
     throw (
-      ("object" === typeof Component &&
-        null !== Component &&
-        "function" === typeof Component.then &&
-        Component.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
-        Component.then(voidHandler, voidHandler),
+      ("object" === typeof props &&
+        null !== props &&
+        "function" === typeof props.then &&
+        props.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        props.then(voidHandler, voidHandler),
       null)
     );
-  if (
-    "object" === typeof Component &&
-    null !== Component &&
-    Component.$$typeof !== CLIENT_REFERENCE_TAG$1
-  ) {
-    if ("function" === typeof Component.then) {
-      props = Component;
-      if ("fulfilled" === props.status) return props.value;
-      Component = createLazyWrapperAroundWakeable(Component);
-    }
-    var iteratorFn = getIteratorFn(Component);
-    if (iteratorFn) {
-      var iterableChild = Component;
-      Component = {};
-      Component =
-        ((Component[Symbol.iterator] = function () {
-          return iteratorFn.call(iterableChild);
-        }),
-        Component);
-    } else if (
-      !(
-        "function" !== typeof Component[ASYNC_ITERATOR] ||
-        ("function" === typeof ReadableStream &&
-          Component instanceof ReadableStream)
-      )
-    ) {
-      var iterableChild$10 = Component;
-      Component = {};
-      Component =
-        ((Component[ASYNC_ITERATOR] = function () {
-          return iterableChild$10[ASYNC_ITERATOR]();
-        }),
-        Component);
-    }
-  }
-  props = task.keyPath;
+  props = processServerComponentReturnValue(request, task, Component, props);
+  Component = task.keyPath;
   prevThenableState = task.implicitSlot;
   null !== key
-    ? (task.keyPath = null === props ? key : props + "," + key)
-    : null === props && (task.implicitSlot = !0);
-  request = renderModelDestructive(request, task, emptyRoot, "", Component);
-  task.keyPath = props;
+    ? (task.keyPath = null === Component ? key : Component + "," + key)
+    : null === Component && (task.implicitSlot = !0);
+  request = renderModelDestructive(request, task, emptyRoot, "", props);
+  task.keyPath = Component;
   task.implicitSlot = prevThenableState;
   return request;
 }
@@ -1329,24 +1303,20 @@ function serializeBlob(request, blob) {
         );
   }
   function error(reason) {
-    if (!aborted) {
-      aborted = !0;
-      request.abortListeners.delete(abortBlob);
-      var digest = logRecoverableError(request, reason, newTask);
-      emitErrorChunk(request, newTask.id, digest);
-      enqueueFlush(request);
-      reader.cancel(reason).then(error, error);
-    }
+    aborted ||
+      ((aborted = !0),
+      request.abortListeners.delete(abortBlob),
+      erroredTask(request, newTask, reason),
+      enqueueFlush(request),
+      reader.cancel(reason).then(error, error));
   }
   function abortBlob(reason) {
-    if (!aborted) {
-      aborted = !0;
-      request.abortListeners.delete(abortBlob);
-      var digest = logRecoverableError(request, reason, newTask);
-      emitErrorChunk(request, newTask.id, digest);
-      enqueueFlush(request);
-      reader.cancel(reason).then(error, error);
-    }
+    aborted ||
+      ((aborted = !0),
+      request.abortListeners.delete(abortBlob),
+      erroredTask(request, newTask, reason),
+      enqueueFlush(request),
+      reader.cancel(reason).then(error, error));
   }
   var model = [blob.type],
     newTask = createTask(request, model, null, !1, request.abortableTasks),
@@ -1741,6 +1711,12 @@ function emitChunk(request, task, value) {
                               : ((value = stringify(value, task.toJSON)),
                                 emitModelChunk(request, task.id, value));
 }
+function erroredTask(request, task, error) {
+  request.abortableTasks.delete(task);
+  task.status = 4;
+  error = logRecoverableError(request, error, task);
+  emitErrorChunk(request, task.id, error);
+}
 var emptyRoot = {};
 function retryTask(request, task) {
   if (0 === task.status) {
@@ -1786,12 +1762,7 @@ function retryTask(request, task) {
           task.thenableState = getThenableStateAfterSuspending();
           var ping = task.ping;
           x.then(ping, ping);
-        } else {
-          request.abortableTasks.delete(task);
-          task.status = 4;
-          var digest = logRecoverableError(request, x, task);
-          emitErrorChunk(request, task.id, digest);
-        }
+        } else erroredTask(request, task, x);
       }
     } finally {
     }
@@ -1948,7 +1919,7 @@ function abort(request, reason) {
     }
     var abortListeners = request.abortListeners;
     if (0 < abortListeners.size) {
-      var error$23 =
+      var error$22 =
         void 0 === reason
           ? Error("The render was aborted by the server without a reason.")
           : "object" === typeof reason &&
@@ -1957,14 +1928,14 @@ function abort(request, reason) {
             ? Error("The render was aborted by the server with a promise.")
             : reason;
       abortListeners.forEach(function (callback) {
-        return callback(error$23);
+        return callback(error$22);
       });
       abortListeners.clear();
     }
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
-  } catch (error$24) {
-    logRecoverableError(request, error$24, null), fatalError(request, error$24);
+  } catch (error$23) {
+    logRecoverableError(request, error$23, null), fatalError(request, error$23);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2375,8 +2346,8 @@ function parseReadableStream(response, reference, type) {
             (previousBlockedChunk = chunk));
       } else {
         chunk = previousBlockedChunk;
-        var chunk$27 = createPendingChunk(response);
-        chunk$27.then(
+        var chunk$26 = createPendingChunk(response);
+        chunk$26.then(
           function (v) {
             return controller.enqueue(v);
           },
@@ -2384,10 +2355,10 @@ function parseReadableStream(response, reference, type) {
             return controller.error(e);
           }
         );
-        previousBlockedChunk = chunk$27;
+        previousBlockedChunk = chunk$26;
         chunk.then(function () {
-          previousBlockedChunk === chunk$27 && (previousBlockedChunk = null);
-          resolveModelChunk(chunk$27, json, -1);
+          previousBlockedChunk === chunk$26 && (previousBlockedChunk = null);
+          resolveModelChunk(chunk$26, json, -1);
         });
       }
     },
@@ -2664,6 +2635,19 @@ function createCancelHandler(request, reason) {
     abort(request, Error(reason));
   };
 }
+function createFakeWritable(readable) {
+  return {
+    write: function (chunk) {
+      return readable.push(chunk);
+    },
+    end: function () {
+      readable.push(null);
+    },
+    destroy: function (error) {
+      readable.destroy(error);
+    }
+  };
+}
 exports.createClientModuleProxy = function (moduleId) {
   moduleId = registerClientReferenceImpl({}, moduleId, !1);
   return new Proxy(moduleId, proxyHandlers$1);
@@ -2745,12 +2729,12 @@ exports.decodeReplyFromBusboy = function (busboyStream, webpackMap, options) {
         "React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it."
       );
     pendingFiles++;
-    var JSCompiler_object_inline_chunks_216 = [];
+    var JSCompiler_object_inline_chunks_214 = [];
     value.on("data", function (chunk) {
-      JSCompiler_object_inline_chunks_216.push(chunk);
+      JSCompiler_object_inline_chunks_214.push(chunk);
     });
     value.on("end", function () {
-      var blob = new Blob(JSCompiler_object_inline_chunks_216, {
+      var blob = new Blob(JSCompiler_object_inline_chunks_214, {
         type: mimeType
       });
       response._formData.append(name, blob, filename);
@@ -2835,3 +2819,40 @@ exports.renderToPipeableStream = function (model, webpackMap, options) {
     }
   };
 };
+exports.unstable_prerenderToNodeStream = function (model, webpackMap, options) {
+  return new Promise(function (resolve, reject) {
+    var request = new RequestInstance(
+      21,
+      model,
+      webpackMap,
+      options ? options.onError : void 0,
+      options ? options.identifierPrefix : void 0,
+      options ? options.onPostpone : void 0,
+      options ? options.temporaryReferences : void 0,
+      void 0,
+      void 0,
+      function () {
+        var readable = new stream.Readable({
+            read: function () {
+              startFlowing(request, writable);
+            }
+          }),
+          writable = createFakeWritable(readable);
+        resolve({ prelude: readable });
+      },
+      reject
+    );
+    if (options && options.signal) {
+      var signal = options.signal;
+      if (signal.aborted) abort(request, signal.reason);
+      else {
+        var listener = function () {
+          abort(request, signal.reason);
+          signal.removeEventListener("abort", listener);
+        };
+        signal.addEventListener("abort", listener);
+      }
+    }
+    startWork(request);
+  });
+};

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",
+  "version": "19.1.0-canary-7130d0c6-20241212",
   "keywords": [
     "react"
   ],
@@ -99,8 +99,8 @@
     "node": ">=0.10.0"
   },
   "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "19.1.0-canary-7130d0c6-20241212",
+    "react-dom": "19.1.0-canary-7130d0c6-20241212",
     "webpack": "^5.59.0"
   },
   "dependencies": {

package/static.browser.js

@@ -7,6 +7,6 @@ if (process.env.NODE_ENV === 'production') {
   s = require('./cjs/react-server-dom-webpack-server.browser.development.js');
 }
 
-if (s.prerender) {
-  exports.prerender = s.prerender;
+if (s.unstable_prerender) {
+  exports.unstable_prerender = s.unstable_prerender;
 }

package/static.edge.js

@@ -7,6 +7,6 @@ if (process.env.NODE_ENV === 'production') {
   s = require('./cjs/react-server-dom-webpack-server.edge.development.js');
 }
 
-if (s.prerender) {
-  exports.prerender = s.prerender;
+if (s.unstable_prerender) {
+  exports.unstable_prerender = s.unstable_prerender;
 }

package/static.node.js

@@ -7,6 +7,6 @@ if (process.env.NODE_ENV === 'production') {
   s = require('./cjs/react-server-dom-webpack-server.node.development.js');
 }
 
-if (s.prerenderToNodeStream) {
-  exports.prerenderToNodeStream = s.prerenderToNodeStream;
+if (s.unstable_prerenderToNodeStream) {
+  exports.unstable_prerenderToNodeStream = s.unstable_prerenderToNodeStream;
 }

package/static.node.unbundled.js

@@ -7,6 +7,6 @@ if (process.env.NODE_ENV === 'production') {
   s = require('./cjs/react-server-dom-webpack-server.node.unbundled.development.js');
 }
 
-if (s.prerenderToNodeStream) {
-  exports.prerenderToNodeStream = s.prerenderToNodeStream;
+if (s.unstable_prerenderToNodeStream) {
+  exports.unstable_prerenderToNodeStream = s.unstable_prerenderToNodeStream;
 }