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

package/dist/browser/index.d.mts

@@ -23,7 +23,7 @@ declare const plainTextSelectors: SelectorDefinition[];
 
 declare const pretty: (str: string, options?: Options$1) => Promise<string>;
 
-declare const render: (element: React.ReactElement, options?: Options) => Promise<string>;
+declare const render: (node: React.ReactNode, options?: Options) => Promise<string>;
 
 /**
  * @deprecated use {@link render}

package/dist/browser/index.d.ts

@@ -23,7 +23,7 @@ declare const plainTextSelectors: SelectorDefinition[];
 
 declare const pretty: (str: string, options?: Options$1) => Promise<string>;
 
-declare const render: (element: React.ReactElement, options?: Options) => Promise<string>;
+declare const render: (node: React.ReactNode, options?: Options) => Promise<string>;
 
 /**
  * @deprecated use {@link render}

package/dist/browser/index.js

@@ -89,7 +89,7 @@ var plainTextSelectors = [
 ];
 
 // src/shared/utils/pretty.ts
-var import_html = __toESM(require("prettier/plugins/html"));
+var html = __toESM(require("prettier/plugins/html"));
 var import_standalone = require("prettier/standalone");
 function recursivelyMapDoc(doc, callback) {
   if (Array.isArray(doc)) {
@@ -124,7 +124,7 @@ function recursivelyMapDoc(doc, callback) {
   }
   return callback(doc);
 }
-var modifiedHtml = __spreadValues({}, import_html.default);
+var modifiedHtml = __spreadValues({}, html);
 if (modifiedHtml.printers) {
   const previousPrint = modifiedHtml.printers.html.print;
   modifiedHtml.printers.html.print = (path, options, print, args) => {
@@ -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;
@@ -187,32 +183,19 @@ var readStream = (stream) => __async(void 0, null, function* () {
   });
   return decoder.decode(mergedChunks);
 });
-var render = (element, options) => __async(void 0, null, function* () {
-  const suspendedElement = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { children: element });
-  const reactDOMServer = yield import("react-dom/server").then(
+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.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

@@ -53,7 +53,7 @@ var plainTextSelectors = [
 ];
 
 // src/shared/utils/pretty.ts
-import html from "prettier/plugins/html";
+import * as html from "prettier/plugins/html";
 import { format } from "prettier/standalone";
 function recursivelyMapDoc(doc, callback) {
   if (Array.isArray(doc)) {
@@ -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;
@@ -151,32 +147,19 @@ var readStream = (stream) => __async(void 0, null, function* () {
   });
   return decoder.decode(mergedChunks);
 });
-var render = (element, options) => __async(void 0, null, function* () {
-  const suspendedElement = /* @__PURE__ */ jsx(Suspense, { children: element });
-  const reactDOMServer = yield import("react-dom/server").then(
+var render = (node, options) => __async(void 0, null, function* () {
+  const suspendedElement = /* @__PURE__ */ jsx(Suspense, { children: node });
+  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/dist/node/index.d.mts

@@ -23,7 +23,7 @@ declare const plainTextSelectors: SelectorDefinition[];
 
 declare const pretty: (str: string, options?: Options$1) => Promise<string>;
 
-declare const render: (element: React.ReactElement, options?: Options) => Promise<string>;
+declare const render: (node: React.ReactNode, options?: Options) => Promise<string>;
 
 /**
  * @deprecated use {@link render}

package/dist/node/index.d.ts

@@ -23,7 +23,7 @@ declare const plainTextSelectors: SelectorDefinition[];
 
 declare const pretty: (str: string, options?: Options$1) => Promise<string>;
 
-declare const render: (element: React.ReactElement, options?: Options) => Promise<string>;
+declare const render: (node: React.ReactNode, options?: Options) => Promise<string>;
 
 /**
  * @deprecated use {@link render}

package/dist/node/index.js

@@ -89,7 +89,7 @@ var plainTextSelectors = [
 ];
 
 // src/shared/utils/pretty.ts
-var import_html = __toESM(require("prettier/plugins/html"));
+var html = __toESM(require("prettier/plugins/html"));
 var import_standalone = require("prettier/standalone");
 function recursivelyMapDoc(doc, callback) {
   if (Array.isArray(doc)) {
@@ -124,7 +124,7 @@ function recursivelyMapDoc(doc, callback) {
   }
   return callback(doc);
 }
-var modifiedHtml = __spreadValues({}, import_html.default);
+var modifiedHtml = __spreadValues({}, html);
 if (modifiedHtml.printers) {
   const previousPrint = modifiedHtml.printers.html.print;
   modifiedHtml.printers.html.print = (path, options, print, args) => {
@@ -185,8 +185,8 @@ var readStream = (stream) => __async(void 0, null, function* () {
 
 // src/node/render.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var render = (element, options) => __async(void 0, null, function* () {
-  const suspendedElement = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { children: element });
+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(
     // This is beacuse react-dom/server is CJS
     (m) => m.default

package/dist/node/index.mjs

@@ -53,7 +53,7 @@ var plainTextSelectors = [
 ];
 
 // src/shared/utils/pretty.ts
-import html from "prettier/plugins/html";
+import * as html from "prettier/plugins/html";
 import { format } from "prettier/standalone";
 function recursivelyMapDoc(doc, callback) {
   if (Array.isArray(doc)) {
@@ -149,8 +149,8 @@ var readStream = (stream) => __async(void 0, null, function* () {
 
 // src/node/render.tsx
 import { jsx } from "react/jsx-runtime";
-var render = (element, options) => __async(void 0, null, function* () {
-  const suspendedElement = /* @__PURE__ */ jsx(Suspense, { children: element });
+var render = (node, options) => __async(void 0, null, function* () {
+  const suspendedElement = /* @__PURE__ */ jsx(Suspense, { children: node });
   const reactDOMServer = yield import("react-dom/server").then(
     // This is beacuse react-dom/server is CJS
     (m) => m.default

package/package.json

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