react-server-dom-rspack 0.0.1-alpha.8 → 0.0.1-beta.0

package/{vendor/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.production.js → cjs/react-server-dom-rspack-server.browser.production.js}

@@ -1,6 +1,6 @@
 /**
  * @license React
- * react-server-dom-webpack-server.browser.production.js
+ * react-server-dom-rspack-server.browser.production.js
  *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -11,6 +11,50 @@
 "use strict";
 var ReactDOM = require("react-dom"),
   React = require("react"),
+  assign = Object.assign,
+  CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
+  SERVER_REFERENCE_TAG = Symbol.for("react.server.reference"),
+  FunctionBind = Function.prototype.bind,
+  ArraySlice = Array.prototype.slice;
+function bind() {
+  var newFn = FunctionBind.apply(this, arguments);
+  if (this.$$typeof === SERVER_REFERENCE_TAG) {
+    var args = ArraySlice.call(arguments, 1),
+      $$typeof = { value: SERVER_REFERENCE_TAG },
+      $$id = { value: this.$$id };
+    args = { value: this.$$bound ? this.$$bound.concat(args) : args };
+    return Object.defineProperties(newFn, {
+      $$typeof: $$typeof,
+      $$id: $$id,
+      $$bound: args,
+      bind: { value: bind, configurable: !0 }
+    });
+  }
+  return newFn;
+}
+var serverReferenceToString = {
+    value: function () {
+      return "function () { [omitted code] }";
+    },
+    configurable: !0,
+    writable: !0
+  },
+  currentStrategy = {
+    encrypt: function (_actionId) {
+      for (
+        var _len = arguments.length,
+          args = Array(1 < _len ? _len - 1 : 0),
+          _key = 1;
+        _key < _len;
+        _key++
+      )
+        args[_key - 1] = arguments[_key];
+      return Promise.resolve(args);
+    },
+    decrypt: function (_actionId, payloadPromise) {
+      return payloadPromise;
+    }
+  },
   channel = new MessageChannel(),
   taskQueue = [];
 channel.port1.onmessage = function () {
@@ -74,180 +118,7 @@ function closeWithError(destination, error) {
     ? destination.error(error)
     : destination.close();
 }
-var CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
-  SERVER_REFERENCE_TAG = Symbol.for("react.server.reference");
-function registerClientReferenceImpl(proxyImplementation, id, async) {
-  return Object.defineProperties(proxyImplementation, {
-    $$typeof: { value: CLIENT_REFERENCE_TAG$1 },
-    $$id: { value: id },
-    $$async: { value: async }
-  });
-}
-var FunctionBind = Function.prototype.bind,
-  ArraySlice = Array.prototype.slice;
-function bind() {
-  var newFn = FunctionBind.apply(this, arguments);
-  if (this.$$typeof === SERVER_REFERENCE_TAG) {
-    var args = ArraySlice.call(arguments, 1),
-      $$typeof = { value: SERVER_REFERENCE_TAG },
-      $$id = { value: this.$$id };
-    args = { value: this.$$bound ? this.$$bound.concat(args) : args };
-    return Object.defineProperties(newFn, {
-      $$typeof: $$typeof,
-      $$id: $$id,
-      $$bound: args,
-      bind: { value: bind, configurable: !0 }
-    });
-  }
-  return newFn;
-}
-var serverReferenceToString = {
-    value: function () {
-      return "function () { [omitted code] }";
-    },
-    configurable: !0,
-    writable: !0
-  },
-  PROMISE_PROTOTYPE = Promise.prototype,
-  deepProxyHandlers = {
-    get: function (target, name) {
-      switch (name) {
-        case "$$typeof":
-          return target.$$typeof;
-        case "$$id":
-          return target.$$id;
-        case "$$async":
-          return target.$$async;
-        case "name":
-          return target.name;
-        case "displayName":
-          return;
-        case "defaultProps":
-          return;
-        case "_debugInfo":
-          return;
-        case "toJSON":
-          return;
-        case Symbol.toPrimitive:
-          return Object.prototype[Symbol.toPrimitive];
-        case Symbol.toStringTag:
-          return Object.prototype[Symbol.toStringTag];
-        case "Provider":
-          throw Error(
-            "Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider."
-          );
-        case "then":
-          throw Error(
-            "Cannot await or return from a thenable. You cannot await a client module from a server component."
-          );
-      }
-      throw Error(
-        "Cannot access " +
-          (String(target.name) + "." + String(name)) +
-          " on the server. You cannot dot into a client module from a server component. You can only pass the imported name through."
-      );
-    },
-    set: function () {
-      throw Error("Cannot assign to a client module from a server module.");
-    }
-  };
-function getReference(target, name) {
-  switch (name) {
-    case "$$typeof":
-      return target.$$typeof;
-    case "$$id":
-      return target.$$id;
-    case "$$async":
-      return target.$$async;
-    case "name":
-      return target.name;
-    case "defaultProps":
-      return;
-    case "_debugInfo":
-      return;
-    case "toJSON":
-      return;
-    case Symbol.toPrimitive:
-      return Object.prototype[Symbol.toPrimitive];
-    case Symbol.toStringTag:
-      return Object.prototype[Symbol.toStringTag];
-    case "__esModule":
-      var moduleId = target.$$id;
-      target.default = registerClientReferenceImpl(
-        function () {
-          throw Error(
-            "Attempted to call the default export of " +
-              moduleId +
-              " from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component."
-          );
-        },
-        target.$$id + "#",
-        target.$$async
-      );
-      return !0;
-    case "then":
-      if (target.then) return target.then;
-      if (target.$$async) return;
-      var clientReference = registerClientReferenceImpl({}, target.$$id, !0),
-        proxy = new Proxy(clientReference, proxyHandlers$1);
-      target.status = "fulfilled";
-      target.value = proxy;
-      return (target.then = registerClientReferenceImpl(
-        function (resolve) {
-          return Promise.resolve(resolve(proxy));
-        },
-        target.$$id + "#then",
-        !1
-      ));
-  }
-  if ("symbol" === typeof name)
-    throw Error(
-      "Cannot read Symbol exports. Only named exports are supported on a client module imported on the server."
-    );
-  clientReference = target[name];
-  clientReference ||
-    ((clientReference = registerClientReferenceImpl(
-      function () {
-        throw Error(
-          "Attempted to call " +
-            String(name) +
-            "() from the server but " +
-            String(name) +
-            " is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component."
-        );
-      },
-      target.$$id + "#" + name,
-      target.$$async
-    )),
-    Object.defineProperty(clientReference, "name", { value: name }),
-    (clientReference = target[name] =
-      new Proxy(clientReference, deepProxyHandlers)));
-  return clientReference;
-}
-var proxyHandlers$1 = {
-    get: function (target, name) {
-      return getReference(target, name);
-    },
-    getOwnPropertyDescriptor: function (target, name) {
-      var descriptor = Object.getOwnPropertyDescriptor(target, name);
-      descriptor ||
-        ((descriptor = {
-          value: getReference(target, name),
-          writable: !1,
-          configurable: !1,
-          enumerable: !1
-        }),
-        Object.defineProperty(target, name, descriptor));
-      return descriptor;
-    },
-    getPrototypeOf: function () {
-      return PROMISE_PROTOTYPE;
-    },
-    set: function () {
-      throw Error("Cannot assign to a client module from a server module.");
-    }
-  },
-  ReactDOMSharedInternals =
+var ReactDOMSharedInternals =
     ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
   previousDispatcher = ReactDOMSharedInternals.d;
 ReactDOMSharedInternals.d = {
@@ -466,7 +337,7 @@ function getChildFormatContext(parentContext, type, props) {
             });
             break;
           case "stylesheet":
-            preload(srcSet, "stylesheet", {
+            preload(srcSet, "style", {
               crossOrigin: props.crossOrigin,
               integrity: props.integrity,
               nonce: props.nonce,
@@ -546,9 +417,9 @@ var REACT_LEGACY_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
   REACT_MEMO_TYPE = Symbol.for("react.memo"),
   REACT_LAZY_TYPE = Symbol.for("react.lazy"),
-  REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel");
-Symbol.for("react.postpone");
-var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+  REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
+  REACT_VIEW_TRANSITION_TYPE = Symbol.for("react.view_transition"),
+  MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
   maybeIterable =
@@ -556,7 +427,8 @@ function getIteratorFn(maybeIterable) {
     maybeIterable["@@iterator"];
   return "function" === typeof maybeIterable ? maybeIterable : null;
 }
-var ASYNC_ITERATOR = Symbol.asyncIterator;
+var ASYNC_ITERATOR = Symbol.asyncIterator,
+  REACT_OPTIMISTIC_KEY = Symbol.for("react.optimistic_key");
 function noop() {}
 var 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`."
@@ -750,6 +622,8 @@ function describeElementType(type) {
       return "Suspense";
     case REACT_SUSPENSE_LIST_TYPE:
       return "SuspenseList";
+    case REACT_VIEW_TRANSITION_TYPE:
+      return "ViewTransition";
   }
   if ("object" === typeof type)
     switch (type.$$typeof) {
@@ -824,7 +698,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       : "\n  " + str;
 }
 var hasOwnProperty = Object.prototype.hasOwnProperty,
-  ObjectPrototype = Object.prototype,
+  ObjectPrototype$1 = Object.prototype,
   stringify = JSON.stringify;
 function defaultErrorHandler(error) {
   console.error(error);
@@ -834,7 +708,6 @@ function RequestInstance(
   model,
   bundlerConfig,
   onError,
-  onPostpone,
   onAllReady,
   onFatalError,
   identifierPrefix,
@@ -873,7 +746,6 @@ function RequestInstance(
   this.identifierCount = 1;
   this.taintCleanupQueue = [];
   this.onError = void 0 === onError ? defaultErrorHandler : onError;
-  this.onPostpone = void 0 === onPostpone ? noop : onPostpone;
   this.onAllReady = onAllReady;
   this.onFatalError = onFatalError;
   type = createTask(this, model, null, !1, 0, abortSet);
@@ -949,9 +821,17 @@ function serializeReadableStream(request, task, stream) {
           callOnAllReadyIfReady(request);
       else
         try {
-          (streamTask.model = entry.value),
-            request.pendingChunks++,
-            tryStreamTask(request, streamTask),
+          request.pendingChunks++,
+            (streamTask.model = entry.value),
+            isByteStream
+              ? emitTypedArrayChunk(
+                  request,
+                  streamTask.id,
+                  "b",
+                  streamTask.model,
+                  !1
+                )
+              : tryStreamTask(request, streamTask),
             enqueueFlush(request),
             reader.read().then(progress, error);
         } catch (x$11) {
@@ -985,7 +865,8 @@ function serializeReadableStream(request, task, stream) {
     } catch (x) {
       supportsBYOB = !1;
     }
-  var reader = stream.getReader(),
+  var isByteStream = supportsBYOB,
+    reader = stream.getReader(),
     streamTask = createTask(
       request,
       task.model,
@@ -995,7 +876,7 @@ function serializeReadableStream(request, task, stream) {
       request.abortableTasks
     );
   request.pendingChunks++;
-  task = streamTask.id.toString(16) + ":" + (supportsBYOB ? "r" : "R") + "\n";
+  task = streamTask.id.toString(16) + ":" + (isByteStream ? "r" : "R") + "\n";
   request.completedRegularChunks.push(stringToChunk(task));
   request.cacheController.signal.addEventListener("abort", abortStream);
   reader.read().then(progress, error);
@@ -1165,7 +1046,12 @@ function renderFunctionComponent(request, task, key, Component, props) {
   Component = task.keyPath;
   prevThenableState = task.implicitSlot;
   null !== key
-    ? (task.keyPath = null === Component ? key : Component + "," + key)
+    ? (task.keyPath =
+        key === REACT_OPTIMISTIC_KEY || Component === REACT_OPTIMISTIC_KEY
+          ? REACT_OPTIMISTIC_KEY
+          : null === Component
+            ? key
+            : Component + "," + key)
     : null === Component && (task.implicitSlot = !0);
   request = renderModelDestructive(request, task, emptyRoot, "", props);
   task.keyPath = Component;
@@ -1248,7 +1134,11 @@ function renderElement(request, task, type, key, ref, props) {
   key = task.keyPath;
   null === request
     ? (request = key)
-    : null !== key && (request = key + "," + request);
+    : null !== key &&
+      (request =
+        key === REACT_OPTIMISTIC_KEY || request === REACT_OPTIMISTIC_KEY
+          ? REACT_OPTIMISTIC_KEY
+          : key + "," + request);
   props = [REACT_ELEMENT_TYPE, type, request, props];
   task = task.implicitSlot && null !== request ? [props] : props;
   return task;
@@ -1688,7 +1578,7 @@ function renderModelDestructive(
     if (value instanceof Date) return "$D" + value.toJSON();
     request = getPrototypeOf(value);
     if (
-      request !== ObjectPrototype &&
+      request !== ObjectPrototype$1 &&
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
@@ -2190,6 +2080,7 @@ function resolveServerReference(bundlerConfig, id) {
     ? [resolvedModuleData.id, resolvedModuleData.chunks, name, 1]
     : [resolvedModuleData.id, resolvedModuleData.chunks, name];
 }
+var chunkCache = new Map();
 function requireAsyncModule(id) {
   var promise = __webpack_require__(id);
   if ("function" !== typeof promise.then || "fulfilled" === promise.status)
@@ -2209,11 +2100,17 @@ function requireAsyncModule(id) {
 function ignoreReject() {}
 function preloadModule(metadata) {
   for (var chunks = metadata[1], promises = [], i = 0; i < chunks.length; ) {
-    var chunkId = chunks[i++];
-    i++;
-    var thenable = __webpack_chunk_load__(chunkId);
-    promises.push(thenable);
-    thenable.catch(ignoreReject);
+    var chunkId = chunks[i++],
+      chunkFilename = chunks[i++],
+      entry = chunkCache.get(chunkId);
+    void 0 === entry
+      ? (chunkMap.set(chunkId, chunkFilename),
+        (chunkFilename = __webpack_chunk_load__(chunkId)),
+        promises.push(chunkFilename),
+        (entry = chunkCache.set.bind(chunkCache, chunkId, null)),
+        chunkFilename.then(entry, ignoreReject),
+        chunkCache.set(chunkId, chunkFilename))
+      : null !== entry && promises.push(entry);
   }
   return 4 === metadata.length
     ? 0 === promises.length
@@ -2238,12 +2135,10 @@ function requireModule(metadata) {
     return moduleExports[metadata[2]];
 }
 var chunkMap = new Map(),
-  webpackGetChunkFilename = __webpack_require__.u;
+  rspackGetChunkFilename = __webpack_require__.u;
 __webpack_require__.u = function (chunkId) {
   var flightChunk = chunkMap.get(chunkId);
-  return void 0 !== flightChunk
-    ? flightChunk
-    : webpackGetChunkFilename(chunkId);
+  return void 0 !== flightChunk ? flightChunk : rspackGetChunkFilename(chunkId);
 };
 var RESPONSE_SYMBOL = Symbol();
 function ReactPromise(status, value, reason) {
@@ -2261,16 +2156,23 @@ ReactPromise.prototype.then = function (resolve, reject) {
     case "fulfilled":
       if ("function" === typeof resolve) {
         for (
-          var inspectedValue = this.value, cycleProtection = 0;
+          var inspectedValue = this.value,
+            cycleProtection = 0,
+            visited = new Set();
           inspectedValue instanceof ReactPromise;
 
         ) {
           cycleProtection++;
-          if (inspectedValue === this || 1e3 < cycleProtection) {
+          if (
+            inspectedValue === this ||
+            visited.has(inspectedValue) ||
+            1e3 < cycleProtection
+          ) {
             "function" === typeof reject &&
               reject(Error("Cannot have cyclic thenables."));
             return;
           }
+          visited.add(inspectedValue);
           if ("fulfilled" === inspectedValue.status)
             inspectedValue = inspectedValue.value;
           else break;
@@ -2289,6 +2191,8 @@ ReactPromise.prototype.then = function (resolve, reject) {
       "function" === typeof reject && reject(this.reason);
   }
 };
+var ObjectPrototype = Object.prototype,
+  ArrayPrototype = Array.prototype;
 function wakeChunk(response, listeners, value) {
   for (var i = 0; i < listeners.length; i++) {
     var listener = listeners[i];
@@ -2601,8 +2505,10 @@ function fulfillReference(response, reference, value) {
       var name = path[i];
       if (
         "object" !== typeof value ||
-        !hasOwnProperty.call(value, name) ||
-        value instanceof Promise
+        null === value ||
+        (getPrototypeOf(value) !== ObjectPrototype &&
+          getPrototypeOf(value) !== ArrayPrototype) ||
+        !hasOwnProperty.call(value, name)
       )
         throw Error("Invalid reference.");
       value = value[name];
@@ -2650,8 +2556,10 @@ function getOutlinedModel(response, reference, parentObject, key, map) {
         var name = reference[i];
         if (
           "object" !== typeof id ||
-          !hasOwnProperty.call(id, name) ||
-          id instanceof Promise
+          null === id ||
+          (getPrototypeOf(id) !== ObjectPrototype &&
+            getPrototypeOf(id) !== ArrayPrototype) ||
+          !hasOwnProperty.call(id, name)
         )
           throw Error("Invalid reference.");
         id = id[name];
@@ -3097,9 +3005,17 @@ function decodeBoundActionMetaData(body, serverManifest, formFieldPrefix) {
   if ("fulfilled" !== body.status) throw body.reason;
   return body.value;
 }
-exports.createClientModuleProxy = function (moduleId) {
-  moduleId = registerClientReferenceImpl({}, moduleId, !1);
-  return new Proxy(moduleId, proxyHandlers$1);
+exports.createServerEntry = function (value, resource) {
+  var entryJsFiles = __rspack_rsc_manifest__.entryJsFiles || [],
+    entryCssFiles = __rspack_rsc_manifest__.entryCssFiles[resource] || [];
+  ("function" === typeof value ||
+    ("object" === typeof value && null !== value)) &&
+    assign(value, {
+      resource: resource,
+      entryJsFiles: entryJsFiles,
+      entryCssFiles: entryCssFiles
+    });
+  return value;
 };
 exports.createTemporaryReferenceSet = function () {
   return new WeakMap();
@@ -3141,30 +3057,58 @@ exports.decodeFormState = function (actionResult, body, serverManifest) {
       : [actionResult, keyPath, referenceId, bound.length - 1];
   });
 };
-exports.decodeReply = function (body, webpackMap, options) {
+exports.decodeReply = function (body, options) {
   if ("string" === typeof body) {
     var form = new FormData();
     form.append("0", body);
     body = form;
   }
   body = createResponse(
-    webpackMap,
+    __rspack_rsc_manifest__.serverManifest,
     "",
     options ? options.temporaryReferences : void 0,
     body
   );
-  webpackMap = getChunk(body, 0);
+  options = getChunk(body, 0);
   close(body);
-  return webpackMap;
+  return options;
+};
+exports.decryptServerActionBoundArgs = function (actionId, encryptedPromise) {
+  return currentStrategy.decrypt(actionId, encryptedPromise);
+};
+exports.encryptServerActionBoundArgs = function (actionId) {
+  for (
+    var _currentStrategy,
+      _len2 = arguments.length,
+      args = Array(1 < _len2 ? _len2 - 1 : 0),
+      _key2 = 1;
+    _key2 < _len2;
+    _key2++
+  )
+    args[_key2 - 1] = arguments[_key2];
+  return (_currentStrategy = currentStrategy).encrypt.apply(
+    _currentStrategy,
+    [actionId].concat(args)
+  );
 };
-exports.prerender = function (model, webpackMap, options) {
+exports.ensureServerActions = function (actions) {
+  for (var i = 0; i < actions.length; i++) {
+    var action = actions[i];
+    if ("function" !== typeof action)
+      throw Error(
+        'A "use server" file can only export async functions, found ' +
+          typeof action +
+          "."
+      );
+  }
+};
+exports.prerender = function (model, options) {
   return new Promise(function (resolve, reject) {
     var request = new RequestInstance(
       21,
       model,
-      webpackMap,
+      __rspack_rsc_manifest__.clientManifest,
       options ? options.onError : void 0,
-      options ? options.onPostpone : void 0,
       function () {
         var stream = new ReadableStream(
           {
@@ -3204,11 +3148,11 @@ exports.registerClientReference = function (
   id,
   exportName
 ) {
-  return registerClientReferenceImpl(
-    proxyImplementation,
-    id + "#" + exportName,
-    !1
-  );
+  return Object.defineProperties(proxyImplementation, {
+    $$typeof: { value: CLIENT_REFERENCE_TAG$1 },
+    $$id: { value: id + "#" + exportName },
+    $$async: { value: !1 }
+  });
 };
 exports.registerServerReference = function (reference, id, exportName) {
   return Object.defineProperties(reference, {
@@ -3222,13 +3166,12 @@ exports.registerServerReference = function (reference, id, exportName) {
     toString: serverReferenceToString
   });
 };
-exports.renderToReadableStream = function (model, webpackMap, options) {
+exports.renderToReadableStream = function (model, options) {
   var request = new RequestInstance(
     20,
     model,
-    webpackMap,
+    __rspack_rsc_manifest__.clientManifest,
     options ? options.onError : void 0,
-    options ? options.onPostpone : void 0,
     noop,
     noop,
     options ? options.identifierPrefix : void 0,
@@ -3262,3 +3205,6 @@ exports.renderToReadableStream = function (model, webpackMap, options) {
     { highWaterMark: 0 }
   );
 };
+exports.setServerActionBoundArgsEncryption = function (strategy) {
+  currentStrategy = strategy;
+};