@react-email/render 1.1.2 → 1.1.3-canary.0

package/dist/browser/index.js

@@ -158,23 +158,19 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var decoder = new TextDecoder("utf-8");
 var readStream = (stream) => __async(void 0, null, function* () {
   const chunks = [];
-  if ("pipeTo" in stream) {
-    const writableStream = new WritableStream({
-      write(chunk) {
-        chunks.push(chunk);
-      }
-    });
-    yield stream.pipeTo(writableStream);
-  } else {
-    throw new Error(
-      "For some reason, the Node version of `react-dom/server` has been imported instead of the browser one.",
-      {
+  const writableStream = new WritableStream({
+    write(chunk) {
+      chunks.push(chunk);
+    },
+    abort(reason) {
+      throw new Error("Stream aborted", {
         cause: {
-          stream
+          reason
         }
-      }
-    );
-  }
+      });
+    }
+  });
+  yield stream.pipeTo(writableStream);
   let length = 0;
   chunks.forEach((item) => {
     length += item.length;
@@ -189,30 +185,17 @@ var readStream = (stream) => __async(void 0, null, function* () {
 });
 var render = (node, options) => __async(void 0, null, function* () {
   const suspendedElement = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { children: node });
-  const reactDOMServer = yield import("react-dom/server").then(
+  const reactDOMServer = yield import("react-dom/server.browser").then(
     // This is beacuse react-dom/server is CJS
     (m) => m.default
   );
-  let html2;
-  if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html2 = yield readStream(
-      yield reactDOMServer.renderToReadableStream(suspendedElement)
-    );
-  } else {
-    yield new Promise((resolve, reject) => {
-      const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
-        onAllReady() {
-          return __async(this, null, function* () {
-            html2 = yield readStream(stream);
-            resolve();
-          });
-        },
-        onError(error) {
-          reject(error);
-        }
-      });
-    });
-  }
+  const html2 = yield new Promise((resolve, reject) => {
+    reactDOMServer.renderToReadableStream(suspendedElement, {
+      onError(error) {
+        reject(error);
+      }
+    }).then(readStream).then(resolve).catch(reject);
+  });
   if (options == null ? void 0 : options.plainText) {
     return (0, import_html_to_text.convert)(html2, __spreadValues({
       selectors: plainTextSelectors

package/dist/browser/index.mjs

@@ -122,23 +122,19 @@ import { jsx } from "react/jsx-runtime";
 var decoder = new TextDecoder("utf-8");
 var readStream = (stream) => __async(void 0, null, function* () {
   const chunks = [];
-  if ("pipeTo" in stream) {
-    const writableStream = new WritableStream({
-      write(chunk) {
-        chunks.push(chunk);
-      }
-    });
-    yield stream.pipeTo(writableStream);
-  } else {
-    throw new Error(
-      "For some reason, the Node version of `react-dom/server` has been imported instead of the browser one.",
-      {
+  const writableStream = new WritableStream({
+    write(chunk) {
+      chunks.push(chunk);
+    },
+    abort(reason) {
+      throw new Error("Stream aborted", {
         cause: {
-          stream
+          reason
         }
-      }
-    );
-  }
+      });
+    }
+  });
+  yield stream.pipeTo(writableStream);
   let length = 0;
   chunks.forEach((item) => {
     length += item.length;
@@ -153,30 +149,17 @@ var readStream = (stream) => __async(void 0, null, function* () {
 });
 var render = (node, options) => __async(void 0, null, function* () {
   const suspendedElement = /* @__PURE__ */ jsx(Suspense, { children: node });
-  const reactDOMServer = yield import("react-dom/server").then(
+  const reactDOMServer = yield import("react-dom/server.browser").then(
     // This is beacuse react-dom/server is CJS
     (m) => m.default
   );
-  let html2;
-  if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html2 = yield readStream(
-      yield reactDOMServer.renderToReadableStream(suspendedElement)
-    );
-  } else {
-    yield new Promise((resolve, reject) => {
-      const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
-        onAllReady() {
-          return __async(this, null, function* () {
-            html2 = yield readStream(stream);
-            resolve();
-          });
-        },
-        onError(error) {
-          reject(error);
-        }
-      });
-    });
-  }
+  const html2 = yield new Promise((resolve, reject) => {
+    reactDOMServer.renderToReadableStream(suspendedElement, {
+      onError(error) {
+        reject(error);
+      }
+    }).then(readStream).then(resolve).catch(reject);
+  });
   if (options == null ? void 0 : options.plainText) {
     return convert(html2, __spreadValues({
       selectors: plainTextSelectors

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-email/render",
-  "version": "1.1.2",
+  "version": "1.1.3-canary.0",
   "description": "Transform React components into HTML email templates",
   "sideEffects": false,
   "main": "./dist/browser/index.js",