@react-email/render 1.0.1 → 1.0.2

package/dist/browser/index.js

@@ -72,6 +72,7 @@ module.exports = __toCommonJS(browser_exports);
 
 // src/browser/render.tsx
 var import_html_to_text = require("html-to-text");
+var import_react = require("react");
 
 // src/shared/utils/pretty.ts
 var import_js_beautify = __toESM(require("js-beautify"));
@@ -97,15 +98,14 @@ var plainTextSelectors = [
 ];
 
 // src/browser/render.tsx
-var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var decoder = new TextDecoder("utf-8");
 var readStream = (stream) => __async(void 0, null, function* () {
-  let result = "";
+  const chunks = [];
   if ("pipeTo" in stream) {
     const writableStream = new WritableStream({
       write(chunk) {
-        result += decoder.decode(chunk);
+        chunks.push(chunk);
       }
     });
     yield stream.pipeTo(writableStream);
@@ -119,7 +119,17 @@ var readStream = (stream) => __async(void 0, null, function* () {
       }
     );
   }
-  return result;
+  let length = 0;
+  chunks.forEach((item) => {
+    length += item.length;
+  });
+  const mergedChunks = new Uint8Array(length);
+  let offset = 0;
+  chunks.forEach((item) => {
+    mergedChunks.set(item, offset);
+    offset += item.length;
+  });
+  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 });
@@ -160,14 +170,15 @@ var render = (element, options) => __async(void 0, null, function* () {
 // src/browser/render-async.tsx
 var import_html_to_text2 = require("html-to-text");
 var import_react2 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+
+// src/browser/read-stream.ts
 var decoder2 = new TextDecoder("utf-8");
 var readStream2 = (stream) => __async(void 0, null, function* () {
-  let result = "";
+  const chunks = [];
   if ("pipeTo" in stream) {
     const writableStream = new WritableStream({
       write(chunk) {
-        result += decoder2.decode(chunk);
+        chunks.push(chunk);
       }
     });
     yield stream.pipeTo(writableStream);
@@ -181,8 +192,21 @@ var readStream2 = (stream) => __async(void 0, null, function* () {
       }
     );
   }
-  return result;
+  let length = 0;
+  chunks.forEach((item) => {
+    length += item.length;
+  });
+  const mergedChunks = new Uint8Array(length);
+  let offset = 0;
+  chunks.forEach((item) => {
+    mergedChunks.set(item, offset);
+    offset += item.length;
+  });
+  return decoder2.decode(mergedChunks);
 });
+
+// src/browser/render-async.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var renderAsync = (element, options) => __async(void 0, null, function* () {
   const suspendedElement = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Suspense, { children: element });
   const { default: reactDOMServer } = yield import("react-dom/server");

package/dist/browser/index.mjs

@@ -37,6 +37,7 @@ var __async = (__this, __arguments, generator) => {
 
 // src/browser/render.tsx
 import { convert } from "html-to-text";
+import { Suspense } from "react";
 
 // src/shared/utils/pretty.ts
 import jsBeautify from "js-beautify";
@@ -62,15 +63,14 @@ var plainTextSelectors = [
 ];
 
 // src/browser/render.tsx
-import { Suspense } from "react";
 import { jsx } from "react/jsx-runtime";
 var decoder = new TextDecoder("utf-8");
 var readStream = (stream) => __async(void 0, null, function* () {
-  let result = "";
+  const chunks = [];
   if ("pipeTo" in stream) {
     const writableStream = new WritableStream({
       write(chunk) {
-        result += decoder.decode(chunk);
+        chunks.push(chunk);
       }
     });
     yield stream.pipeTo(writableStream);
@@ -84,7 +84,17 @@ var readStream = (stream) => __async(void 0, null, function* () {
       }
     );
   }
-  return result;
+  let length = 0;
+  chunks.forEach((item) => {
+    length += item.length;
+  });
+  const mergedChunks = new Uint8Array(length);
+  let offset = 0;
+  chunks.forEach((item) => {
+    mergedChunks.set(item, offset);
+    offset += item.length;
+  });
+  return decoder.decode(mergedChunks);
 });
 var render = (element, options) => __async(void 0, null, function* () {
   const suspendedElement = /* @__PURE__ */ jsx(Suspense, { children: element });
@@ -125,14 +135,15 @@ var render = (element, options) => __async(void 0, null, function* () {
 // src/browser/render-async.tsx
 import { convert as convert2 } from "html-to-text";
 import { Suspense as Suspense2 } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
+
+// src/browser/read-stream.ts
 var decoder2 = new TextDecoder("utf-8");
 var readStream2 = (stream) => __async(void 0, null, function* () {
-  let result = "";
+  const chunks = [];
   if ("pipeTo" in stream) {
     const writableStream = new WritableStream({
       write(chunk) {
-        result += decoder2.decode(chunk);
+        chunks.push(chunk);
       }
     });
     yield stream.pipeTo(writableStream);
@@ -146,8 +157,21 @@ var readStream2 = (stream) => __async(void 0, null, function* () {
       }
     );
   }
-  return result;
+  let length = 0;
+  chunks.forEach((item) => {
+    length += item.length;
+  });
+  const mergedChunks = new Uint8Array(length);
+  let offset = 0;
+  chunks.forEach((item) => {
+    mergedChunks.set(item, offset);
+    offset += item.length;
+  });
+  return decoder2.decode(mergedChunks);
 });
+
+// src/browser/render-async.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
 var renderAsync = (element, options) => __async(void 0, null, function* () {
   const suspendedElement = /* @__PURE__ */ jsx2(Suspense2, { children: element });
   const { default: reactDOMServer } = yield import("react-dom/server");

package/dist/node/index.js

@@ -71,8 +71,8 @@ __export(node_exports, {
 module.exports = __toCommonJS(node_exports);
 
 // src/node/render.tsx
-var import_node_stream = require("stream");
 var import_html_to_text = require("html-to-text");
+var import_react = require("react");
 
 // src/shared/utils/pretty.ts
 var import_js_beautify = __toESM(require("js-beautify"));
@@ -97,9 +97,8 @@ var plainTextSelectors = [
   }
 ];
 
-// src/node/render.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
+// src/node/read-stream.ts
+var import_node_stream = require("stream");
 var decoder = new TextDecoder("utf-8");
 var readStream = (stream) => __async(void 0, null, function* () {
   let result = "";
@@ -127,6 +126,9 @@ var readStream = (stream) => __async(void 0, null, function* () {
   }
   return result;
 });
+
+// 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 });
   const { default: reactDOMServer } = yield import("react-dom/server");
@@ -164,43 +166,15 @@ var render = (element, options) => __async(void 0, null, function* () {
 });
 
 // src/node/render-async.tsx
-var import_node_stream2 = require("stream");
 var import_html_to_text2 = require("html-to-text");
 var import_react2 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var decoder2 = new TextDecoder("utf-8");
-var readStream2 = (stream) => __async(void 0, null, function* () {
-  let result = "";
-  if ("pipeTo" in stream) {
-    const writableStream = new WritableStream({
-      write(chunk) {
-        result += decoder2.decode(chunk);
-      }
-    });
-    yield stream.pipeTo(writableStream);
-  } else {
-    const writable = new import_node_stream2.Writable({
-      write(chunk, _encoding, callback) {
-        result += decoder2.decode(chunk);
-        callback();
-      }
-    });
-    stream.pipe(writable);
-    return new Promise((resolve, reject) => {
-      writable.on("error", reject);
-      writable.on("close", () => {
-        resolve(result);
-      });
-    });
-  }
-  return result;
-});
 var renderAsync = (element, options) => __async(void 0, null, function* () {
   const suspendedElement = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Suspense, { children: element });
   const { default: reactDOMServer } = yield import("react-dom/server");
   let html;
   if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html = yield readStream2(
+    html = yield readStream(
       yield reactDOMServer.renderToReadableStream(suspendedElement)
     );
   } else {
@@ -208,7 +182,7 @@ var renderAsync = (element, options) => __async(void 0, null, function* () {
       const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
         onAllReady() {
           return __async(this, null, function* () {
-            html = yield readStream2(stream);
+            html = yield readStream(stream);
             resolve();
           });
         },

package/dist/node/index.mjs

@@ -36,8 +36,8 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/node/render.tsx
-import { Writable } from "node:stream";
 import { convert } from "html-to-text";
+import { Suspense } from "react";
 
 // src/shared/utils/pretty.ts
 import jsBeautify from "js-beautify";
@@ -62,9 +62,8 @@ var plainTextSelectors = [
   }
 ];
 
-// src/node/render.tsx
-import { Suspense } from "react";
-import { jsx } from "react/jsx-runtime";
+// src/node/read-stream.ts
+import { Writable } from "node:stream";
 var decoder = new TextDecoder("utf-8");
 var readStream = (stream) => __async(void 0, null, function* () {
   let result = "";
@@ -92,6 +91,9 @@ var readStream = (stream) => __async(void 0, null, function* () {
   }
   return result;
 });
+
+// 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 });
   const { default: reactDOMServer } = yield import("react-dom/server");
@@ -129,43 +131,15 @@ var render = (element, options) => __async(void 0, null, function* () {
 });
 
 // src/node/render-async.tsx
-import { Writable as Writable2 } from "node:stream";
 import { convert as convert2 } from "html-to-text";
 import { Suspense as Suspense2 } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var decoder2 = new TextDecoder("utf-8");
-var readStream2 = (stream) => __async(void 0, null, function* () {
-  let result = "";
-  if ("pipeTo" in stream) {
-    const writableStream = new WritableStream({
-      write(chunk) {
-        result += decoder2.decode(chunk);
-      }
-    });
-    yield stream.pipeTo(writableStream);
-  } else {
-    const writable = new Writable2({
-      write(chunk, _encoding, callback) {
-        result += decoder2.decode(chunk);
-        callback();
-      }
-    });
-    stream.pipe(writable);
-    return new Promise((resolve, reject) => {
-      writable.on("error", reject);
-      writable.on("close", () => {
-        resolve(result);
-      });
-    });
-  }
-  return result;
-});
 var renderAsync = (element, options) => __async(void 0, null, function* () {
   const suspendedElement = /* @__PURE__ */ jsx2(Suspense2, { children: element });
   const { default: reactDOMServer } = yield import("react-dom/server");
   let html;
   if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html = yield readStream2(
+    html = yield readStream(
       yield reactDOMServer.renderToReadableStream(suspendedElement)
     );
   } else {
@@ -173,7 +147,7 @@ var renderAsync = (element, options) => __async(void 0, null, function* () {
       const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
         onAllReady() {
           return __async(this, null, function* () {
-            html = yield readStream2(stream);
+            html = yield readStream(stream);
             resolve();
           });
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-email/render",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Transform React components into HTML email templates",
   "sideEffects": false,
   "main": "./dist/browser/index.js",
@@ -86,6 +86,8 @@
     "react-dom": "^18.0 || ^19.0 || ^19.0.0-rc"
   },
   "devDependencies": {
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
     "@edge-runtime/vm": "3.1.8",
     "@types/html-to-text": "9.0.4",
     "@types/js-beautify": "1.14.3",

package/readme.md

@@ -35,7 +35,7 @@ Convert React components into a HTML string.
 import { MyTemplate } from "../components/MyTemplate";
 import { render } from "@react-email/render";
 
-const html = render(<MyTemplate firstName="Jim" />);
+const html = await render(<MyTemplate firstName="Jim" />);
 ```
 
 ## License