react-server-dom-webpack 19.0.0-rc.1 → 19.1.0-canary-130095f7-20241212

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

@@ -444,7 +444,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) {
@@ -777,13 +777,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 (
@@ -814,11 +808,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;
@@ -839,29 +829,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)
@@ -916,31 +902,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(
@@ -961,11 +943,8 @@ 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;
-  model = stringToChunk(code + model + "\n");
-  request.completedHintChunks.push(model);
+  code = stringToChunk(":H" + code + model + "\n");
+  request.completedHintChunks.push(code);
   enqueueFlush(request);
 }
 function readThenable(thenable) {
@@ -996,63 +975,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;
 }
@@ -1311,24 +1284,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),
@@ -1730,6 +1699,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) {
@@ -1775,12 +1750,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 {
     }
@@ -1869,6 +1839,18 @@ function enqueueFlush(request) {
       destination && flushCompletedChunks(request, destination);
     }));
 }
+function startFlowing(request, destination) {
+  if (13 === request.status)
+    (request.status = 14), closeWithError(destination, request.fatalError);
+  else if (14 !== request.status && null === request.destination) {
+    request.destination = destination;
+    try {
+      flushCompletedChunks(request, destination);
+    } catch (error) {
+      logRecoverableError(request, error, null), fatalError(request, error);
+    }
+  }
+}
 function abort(request, reason) {
   try {
     11 >= request.status && (request.status = 12);
@@ -1901,7 +1883,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 &&
@@ -1910,14 +1892,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) {
@@ -2371,8 +2353,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);
           },
@@ -2380,10 +2362,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);
         });
       }
     },
@@ -2755,17 +2737,7 @@ exports.renderToReadableStream = function (model, webpackMap, options) {
         startWork(request);
       },
       pull: function (controller) {
-        if (13 === request.status)
-          (request.status = 14), closeWithError(controller, request.fatalError);
-        else if (14 !== request.status && null === request.destination) {
-          request.destination = controller;
-          try {
-            flushCompletedChunks(request, controller);
-          } catch (error) {
-            logRecoverableError(request, error, null),
-              fatalError(request, error);
-          }
-        }
+        startFlowing(request, controller);
       },
       cancel: function (reason) {
         request.destination = null;
@@ -2775,3 +2747,50 @@ exports.renderToReadableStream = function (model, webpackMap, options) {
     { highWaterMark: 0 }
   );
 };
+exports.unstable_prerender = 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 stream = new ReadableStream(
+          {
+            type: "bytes",
+            start: function () {
+              startWork(request);
+            },
+            pull: function (controller) {
+              startFlowing(request, controller);
+            },
+            cancel: function (reason) {
+              request.destination = null;
+              abort(request, reason);
+            }
+          },
+          { highWaterMark: 0 }
+        );
+        resolve({ prelude: stream });
+      },
+      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);
+  });
+};