react-server-dom-parcel 0.0.0 → 0.0.1

package/cjs/react-server-dom-parcel-server.edge.development.js

@@ -22,8 +22,8 @@
     }
     function preloadModule$1(metadata) {
       return Promise.all(
-        metadata.bundles.map(function (bundlePath) {
-          return import(parcelRequire.meta.distDir + "/" + bundlePath);
+        metadata.bundles.map(function (url) {
+          return parcelRequire.load(url);
         })
       );
     }
@@ -231,14 +231,6 @@
       suspendedThenable = null;
       return thenable;
     }
-    function prepareToUseHooksForComponent(
-      prevThenableState,
-      componentDebugInfo
-    ) {
-      thenableIndexCounter = 0;
-      thenableState = prevThenableState;
-      currentComponentDebugInfo = componentDebugInfo;
-    }
     function getThenableStateAfterSuspending() {
       var state = thenableState || [];
       state._componentDebugInfo = currentComponentDebugInfo;
@@ -498,9 +490,8 @@
               1
             );
             request.pendingChunks++;
-            var id = request.nextChunkId++,
-              owner = resolveOwner();
-            emitConsoleChunk(request, id, methodName, owner, stack, arguments);
+            var owner = resolveOwner();
+            emitConsoleChunk(request, methodName, owner, stack, arguments);
           }
           return originalMethod.apply(this, arguments);
         };
@@ -805,9 +796,7 @@
     }
     function emitHint(request, code, model) {
       model = stringify(model);
-      var id = request.nextChunkId++;
-      code = serializeRowHeader("H" + code, id) + model + "\n";
-      code = stringToChunk(code);
+      code = stringToChunk(":H" + code + model + "\n");
       request.completedHintChunks.push(code);
       enqueueFlush(request);
     }
@@ -857,6 +846,71 @@
         currentOwner = null;
       }
     }
+    function processServerComponentReturnValue(
+      request,
+      task,
+      Component,
+      result
+    ) {
+      if (
+        "object" !== typeof result ||
+        null === result ||
+        isClientReference(result)
+      )
+        return result;
+      if ("function" === typeof result.then)
+        return (
+          result.then(function (resolvedValue) {
+            "object" === typeof resolvedValue &&
+              null !== resolvedValue &&
+              resolvedValue.$$typeof === REACT_ELEMENT_TYPE &&
+              (resolvedValue._store.validated = 1);
+          }, voidHandler),
+          "fulfilled" === result.status
+            ? result.value
+            : createLazyWrapperAroundWakeable(result)
+        );
+      result.$$typeof === REACT_ELEMENT_TYPE && (result._store.validated = 1);
+      var iteratorFn = getIteratorFn(result);
+      if (iteratorFn) {
+        var multiShot = _defineProperty({}, Symbol.iterator, function () {
+          var iterator = iteratorFn.call(result);
+          iterator !== result ||
+            ("[object GeneratorFunction]" ===
+              Object.prototype.toString.call(Component) &&
+              "[object Generator]" ===
+                Object.prototype.toString.call(result)) ||
+            callWithDebugContextInDEV(request, task, function () {
+              console.error(
+                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+              );
+            });
+          return iterator;
+        });
+        multiShot._debugInfo = result._debugInfo;
+        return multiShot;
+      }
+      return "function" !== typeof result[ASYNC_ITERATOR] ||
+        ("function" === typeof ReadableStream &&
+          result instanceof ReadableStream)
+        ? result
+        : ((multiShot = _defineProperty({}, ASYNC_ITERATOR, function () {
+            var iterator = result[ASYNC_ITERATOR]();
+            iterator !== result ||
+              ("[object AsyncGeneratorFunction]" ===
+                Object.prototype.toString.call(Component) &&
+                "[object AsyncGenerator]" ===
+                  Object.prototype.toString.call(result)) ||
+              callWithDebugContextInDEV(request, task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
+            return iterator;
+          })),
+          (multiShot._debugInfo = result._debugInfo),
+          multiShot);
+    }
     function renderFunctionComponent(request, task, key, Component, props) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
@@ -879,7 +933,9 @@
         emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
       }
-      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      thenableIndexCounter = 0;
+      thenableState = prevThenableState;
+      currentComponentDebugInfo = componentDebugInfo;
       props = supportsComponentStorage
         ? componentStorage.run(
             componentDebugInfo,
@@ -898,76 +954,21 @@
             props.then(voidHandler, voidHandler),
           null)
         );
-      if (
-        "object" === typeof props &&
-        null !== props &&
-        !isClientReference(props)
-      ) {
-        if ("function" === typeof props.then) {
-          prevThenableState = props;
-          prevThenableState.then(function (resolvedValue) {
-            "object" === typeof resolvedValue &&
-              null !== resolvedValue &&
-              resolvedValue.$$typeof === REACT_ELEMENT_TYPE &&
-              (resolvedValue._store.validated = 1);
-          }, voidHandler);
-          if ("fulfilled" === prevThenableState.status)
-            return prevThenableState.value;
-          props = createLazyWrapperAroundWakeable(props);
-        }
-        var iteratorFn = getIteratorFn(props);
-        if (iteratorFn) {
-          var iterableChild = props;
-          props = _defineProperty({}, Symbol.iterator, function () {
-            var iterator = iteratorFn.call(iterableChild);
-            iterator !== iterableChild ||
-              ("[object GeneratorFunction]" ===
-                Object.prototype.toString.call(Component) &&
-                "[object Generator]" ===
-                  Object.prototype.toString.call(iterableChild)) ||
-              callWithDebugContextInDEV(request, task, function () {
-                console.error(
-                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-                );
-              });
-            return iterator;
-          });
-          props._debugInfo = iterableChild._debugInfo;
-        } else if (
-          "function" !== typeof props[ASYNC_ITERATOR] ||
-          ("function" === typeof ReadableStream &&
-            props instanceof ReadableStream)
-        )
-          props.$$typeof === REACT_ELEMENT_TYPE && (props._store.validated = 1);
-        else {
-          var _iterableChild = props;
-          props = _defineProperty({}, ASYNC_ITERATOR, function () {
-            var iterator = _iterableChild[ASYNC_ITERATOR]();
-            iterator !== _iterableChild ||
-              ("[object AsyncGeneratorFunction]" ===
-                Object.prototype.toString.call(Component) &&
-                "[object AsyncGenerator]" ===
-                  Object.prototype.toString.call(_iterableChild)) ||
-              callWithDebugContextInDEV(request, task, function () {
-                console.error(
-                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-                );
-              });
-            return iterator;
-          });
-          props._debugInfo = _iterableChild._debugInfo;
-        }
-      }
-      prevThenableState = task.keyPath;
-      componentDebugID = task.implicitSlot;
+      props = processServerComponentReturnValue(
+        request,
+        task,
+        Component,
+        props
+      );
+      Component = task.keyPath;
+      prevThenableState = task.implicitSlot;
       null !== key
-        ? (task.keyPath =
-            null === prevThenableState ? key : prevThenableState + "," + key)
-        : null === prevThenableState && (task.implicitSlot = !0);
-      key = renderModelDestructive(request, task, emptyRoot, "", props);
-      task.keyPath = prevThenableState;
-      task.implicitSlot = componentDebugID;
-      return key;
+        ? (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;
     }
     function renderFragment(request, task, children) {
       for (var i = 0; i < children.length; i++) {
@@ -1170,9 +1171,6 @@
             ? "$-Infinity"
             : "$NaN";
     }
-    function serializeRowHeader(tag, id) {
-      return id.toString(16) + ":" + tag;
-    }
     function encodeReferenceChunk(request, id, reference) {
       request = stringify(reference);
       id = id.toString(16) + ":" + request + "\n";
@@ -1201,7 +1199,7 @@
         request.pendingChunks++;
         var importId = request.nextChunkId++,
           json = stringify(clientReferenceMetadata),
-          row = serializeRowHeader("I", importId) + json + "\n",
+          row = importId.toString(16) + ":I" + json + "\n",
           processedChunk = stringToChunk(row);
         request.completedImportChunks.push(processedChunk);
         writtenClientReferences.set(clientReferenceKey, importId);
@@ -1764,7 +1762,7 @@
           (stack = []);
       }
       digest = { digest: digest, message: message, stack: stack, env: env };
-      id = serializeRowHeader("E", id) + stringify(digest) + "\n";
+      id = id.toString(16) + ":E" + stringify(digest) + "\n";
       id = stringToChunk(id);
       request.completedErrorChunks.push(id);
     }
@@ -1788,7 +1786,7 @@
           value
         );
       });
-      id = serializeRowHeader("D", id) + debugInfo + "\n";
+      id = id.toString(16) + ":D" + debugInfo + "\n";
       id = stringToChunk(id);
       request.completedRegularChunks.push(id);
     }
@@ -2046,14 +2044,7 @@
       request.completedRegularChunks.push(json);
       return model;
     }
-    function emitConsoleChunk(
-      request,
-      id,
-      methodName,
-      owner,
-      stackTrace,
-      args
-    ) {
+    function emitConsoleChunk(request, methodName, owner, stackTrace, args) {
       function replacer(parentPropertyName, value) {
         try {
           return renderConsoleValue(
@@ -2090,9 +2081,8 @@
           replacer
         );
       }
-      id = serializeRowHeader("W", id) + json + "\n";
-      id = stringToChunk(id);
-      request.completedRegularChunks.push(id);
+      methodName = stringToChunk(":W" + json + "\n");
+      request.completedRegularChunks.push(methodName);
     }
     function forwardDebugInfo(request, id, debugInfo) {
       for (var i = 0; i < debugInfo.length; i++)

package/cjs/react-server-dom-parcel-server.edge.production.js

@@ -21,8 +21,8 @@ function resolveServerReference(bundlerConfig, ref) {
 }
 function preloadModule$1(metadata) {
   return Promise.all(
-    metadata.bundles.map(function (bundlePath) {
-      return import(parcelRequire.meta.distDir + "/" + bundlePath);
+    metadata.bundles.map(function (url) {
+      return parcelRequire.load(url);
     })
   );
 }
@@ -842,11 +842,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) {
@@ -877,63 +874,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;
 }