@react-email/render 1.1.3 → 1.2.0

package/dist/browser/index.d.mts

@@ -7,8 +7,14 @@ type Options = {
      */
     pretty?: boolean;
 } & ({
+    /**
+     * @deprecated use {@link toPlainText} instead
+     */
     plainText?: false;
 } | {
+    /**
+     * @deprecated use {@link toPlainText} instead
+     */
     plainText?: true;
     /**
      * These are options you can pass down directly to the library we use for
@@ -19,10 +25,11 @@ type Options = {
     htmlToTextOptions?: HtmlToTextOptions;
 });
 
-declare const plainTextSelectors: SelectorDefinition[];
-
 declare const pretty: (str: string, options?: Options$1) => Promise<string>;
 
+declare const plainTextSelectors: SelectorDefinition[];
+declare function toPlainText(html: string, options?: HtmlToTextOptions): string;
+
 declare const render: (node: React.ReactNode, options?: Options) => Promise<string>;
 
 /**
@@ -30,4 +37,4 @@ declare const render: (node: React.ReactNode, options?: Options) => Promise<stri
  */
 declare const renderAsync: (element: React.ReactElement, options?: Options) => Promise<string>;
 
-export { type Options, plainTextSelectors, pretty, render, renderAsync };
+export { type Options, plainTextSelectors, pretty, render, renderAsync, toPlainText };

package/dist/browser/index.d.ts

@@ -7,8 +7,14 @@ type Options = {
      */
     pretty?: boolean;
 } & ({
+    /**
+     * @deprecated use {@link toPlainText} instead
+     */
     plainText?: false;
 } | {
+    /**
+     * @deprecated use {@link toPlainText} instead
+     */
     plainText?: true;
     /**
      * These are options you can pass down directly to the library we use for
@@ -19,10 +25,11 @@ type Options = {
     htmlToTextOptions?: HtmlToTextOptions;
 });
 
-declare const plainTextSelectors: SelectorDefinition[];
-
 declare const pretty: (str: string, options?: Options$1) => Promise<string>;
 
+declare const plainTextSelectors: SelectorDefinition[];
+declare function toPlainText(html: string, options?: HtmlToTextOptions): string;
+
 declare const render: (node: React.ReactNode, options?: Options) => Promise<string>;
 
 /**
@@ -30,4 +37,4 @@ declare const render: (node: React.ReactNode, options?: Options) => Promise<stri
  */
 declare const renderAsync: (element: React.ReactElement, options?: Options) => Promise<string>;
 
-export { type Options, plainTextSelectors, pretty, render, renderAsync };
+export { type Options, plainTextSelectors, pretty, render, renderAsync, toPlainText };

package/dist/browser/index.js

@@ -70,24 +70,14 @@ __export(index_exports, {
   plainTextSelectors: () => plainTextSelectors,
   pretty: () => pretty,
   render: () => render,
-  renderAsync: () => renderAsync
+  renderAsync: () => renderAsync,
+  toPlainText: () => toPlainText
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/browser/render.tsx
-var import_html_to_text = require("html-to-text");
 var import_react = require("react");
 
-// src/shared/plain-text-selectors.ts
-var plainTextSelectors = [
-  { selector: "img", format: "skip" },
-  { selector: "[data-skip-in-text=true]", format: "skip" },
-  {
-    selector: "a",
-    options: { linkBrackets: false }
-  }
-];
-
 // src/shared/utils/pretty.ts
 var html = __toESM(require("prettier/plugins/html"));
 var import_standalone = require("prettier/standalone");
@@ -153,6 +143,22 @@ var pretty = (str, options = {}) => {
   return (0, import_standalone.format)(str.replaceAll("\0", ""), __spreadValues(__spreadValues({}, defaults), options));
 };
 
+// src/shared/utils/to-plain-text.ts
+var import_html_to_text = require("html-to-text");
+var plainTextSelectors = [
+  { selector: "img", format: "skip" },
+  { selector: "[data-skip-in-text=true]", format: "skip" },
+  {
+    selector: "a",
+    options: { linkBrackets: false }
+  }
+];
+function toPlainText(html2, options) {
+  return (0, import_html_to_text.convert)(html2, __spreadValues({
+    selectors: plainTextSelectors
+  }, options));
+}
+
 // src/browser/render.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var decoder = new TextDecoder("utf-8");
@@ -193,13 +199,12 @@ var render = (node, options) => __async(void 0, null, function* () {
     reactDOMServer.renderToReadableStream(suspendedElement, {
       onError(error) {
         reject(error);
-      }
+      },
+      progressiveChunkSize: Number.POSITIVE_INFINITY
     }).then(readStream).then(resolve).catch(reject);
   });
   if (options == null ? void 0 : options.plainText) {
-    return (0, import_html_to_text.convert)(html2, __spreadValues({
-      selectors: plainTextSelectors
-    }, options.htmlToTextOptions));
+    return toPlainText(html2, options.htmlToTextOptions);
   }
   const doctype = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
   const document = `${doctype}${html2.replace(/<!DOCTYPE.*?>/, "")}`;
@@ -218,5 +223,6 @@ var renderAsync = (element, options) => {
   plainTextSelectors,
   pretty,
   render,
-  renderAsync
+  renderAsync,
+  toPlainText
 });

package/dist/browser/index.mjs

@@ -39,19 +39,8 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/browser/render.tsx
-import { convert } from "html-to-text";
 import { Suspense } from "react";
 
-// src/shared/plain-text-selectors.ts
-var plainTextSelectors = [
-  { selector: "img", format: "skip" },
-  { selector: "[data-skip-in-text=true]", format: "skip" },
-  {
-    selector: "a",
-    options: { linkBrackets: false }
-  }
-];
-
 // src/shared/utils/pretty.ts
 import * as html from "prettier/plugins/html";
 import { format } from "prettier/standalone";
@@ -117,6 +106,24 @@ var pretty = (str, options = {}) => {
   return format(str.replaceAll("\0", ""), __spreadValues(__spreadValues({}, defaults), options));
 };
 
+// src/shared/utils/to-plain-text.ts
+import {
+  convert
+} from "html-to-text";
+var plainTextSelectors = [
+  { selector: "img", format: "skip" },
+  { selector: "[data-skip-in-text=true]", format: "skip" },
+  {
+    selector: "a",
+    options: { linkBrackets: false }
+  }
+];
+function toPlainText(html2, options) {
+  return convert(html2, __spreadValues({
+    selectors: plainTextSelectors
+  }, options));
+}
+
 // src/browser/render.tsx
 import { jsx } from "react/jsx-runtime";
 var decoder = new TextDecoder("utf-8");
@@ -157,13 +164,12 @@ var render = (node, options) => __async(void 0, null, function* () {
     reactDOMServer.renderToReadableStream(suspendedElement, {
       onError(error) {
         reject(error);
-      }
+      },
+      progressiveChunkSize: Number.POSITIVE_INFINITY
     }).then(readStream).then(resolve).catch(reject);
   });
   if (options == null ? void 0 : options.plainText) {
-    return convert(html2, __spreadValues({
-      selectors: plainTextSelectors
-    }, options.htmlToTextOptions));
+    return toPlainText(html2, options.htmlToTextOptions);
   }
   const doctype = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
   const document = `${doctype}${html2.replace(/<!DOCTYPE.*?>/, "")}`;
@@ -181,5 +187,6 @@ export {
   plainTextSelectors,
   pretty,
   render,
-  renderAsync
+  renderAsync,
+  toPlainText
 };

package/dist/node/index.d.mts

@@ -7,8 +7,14 @@ type Options = {
      */
     pretty?: boolean;
 } & ({
+    /**
+     * @deprecated use {@link toPlainText} instead
+     */
     plainText?: false;
 } | {
+    /**
+     * @deprecated use {@link toPlainText} instead
+     */
     plainText?: true;
     /**
      * These are options you can pass down directly to the library we use for
@@ -19,10 +25,11 @@ type Options = {
     htmlToTextOptions?: HtmlToTextOptions;
 });
 
-declare const plainTextSelectors: SelectorDefinition[];
-
 declare const pretty: (str: string, options?: Options$1) => Promise<string>;
 
+declare const plainTextSelectors: SelectorDefinition[];
+declare function toPlainText(html: string, options?: HtmlToTextOptions): string;
+
 declare const render: (node: React.ReactNode, options?: Options) => Promise<string>;
 
 /**
@@ -30,4 +37,4 @@ declare const render: (node: React.ReactNode, options?: Options) => Promise<stri
  */
 declare const renderAsync: (element: React.ReactElement, options?: Options) => Promise<string>;
 
-export { type Options, plainTextSelectors, pretty, render, renderAsync };
+export { type Options, plainTextSelectors, pretty, render, renderAsync, toPlainText };

package/dist/node/index.d.ts

@@ -7,8 +7,14 @@ type Options = {
      */
     pretty?: boolean;
 } & ({
+    /**
+     * @deprecated use {@link toPlainText} instead
+     */
     plainText?: false;
 } | {
+    /**
+     * @deprecated use {@link toPlainText} instead
+     */
     plainText?: true;
     /**
      * These are options you can pass down directly to the library we use for
@@ -19,10 +25,11 @@ type Options = {
     htmlToTextOptions?: HtmlToTextOptions;
 });
 
-declare const plainTextSelectors: SelectorDefinition[];
-
 declare const pretty: (str: string, options?: Options$1) => Promise<string>;
 
+declare const plainTextSelectors: SelectorDefinition[];
+declare function toPlainText(html: string, options?: HtmlToTextOptions): string;
+
 declare const render: (node: React.ReactNode, options?: Options) => Promise<string>;
 
 /**
@@ -30,4 +37,4 @@ declare const render: (node: React.ReactNode, options?: Options) => Promise<stri
  */
 declare const renderAsync: (element: React.ReactElement, options?: Options) => Promise<string>;
 
-export { type Options, plainTextSelectors, pretty, render, renderAsync };
+export { type Options, plainTextSelectors, pretty, render, renderAsync, toPlainText };

package/dist/node/index.js

@@ -70,24 +70,14 @@ __export(index_exports, {
   plainTextSelectors: () => plainTextSelectors,
   pretty: () => pretty,
   render: () => render,
-  renderAsync: () => renderAsync
+  renderAsync: () => renderAsync,
+  toPlainText: () => toPlainText
 });
 module.exports = __toCommonJS(index_exports);
 
 // src/node/render.tsx
-var import_html_to_text = require("html-to-text");
 var import_react = require("react");
 
-// src/shared/plain-text-selectors.ts
-var plainTextSelectors = [
-  { selector: "img", format: "skip" },
-  { selector: "[data-skip-in-text=true]", format: "skip" },
-  {
-    selector: "a",
-    options: { linkBrackets: false }
-  }
-];
-
 // src/shared/utils/pretty.ts
 var html = __toESM(require("prettier/plugins/html"));
 var import_standalone = require("prettier/standalone");
@@ -153,6 +143,22 @@ var pretty = (str, options = {}) => {
   return (0, import_standalone.format)(str.replaceAll("\0", ""), __spreadValues(__spreadValues({}, defaults), options));
 };
 
+// src/shared/utils/to-plain-text.ts
+var import_html_to_text = require("html-to-text");
+var plainTextSelectors = [
+  { selector: "img", format: "skip" },
+  { selector: "[data-skip-in-text=true]", format: "skip" },
+  {
+    selector: "a",
+    options: { linkBrackets: false }
+  }
+];
+function toPlainText(html2, options) {
+  return (0, import_html_to_text.convert)(html2, __spreadValues({
+    selectors: plainTextSelectors
+  }, options));
+}
+
 // src/node/read-stream.ts
 var import_node_stream = require("stream");
 var decoder = new TextDecoder("utf-8");
@@ -194,7 +200,9 @@ var render = (node, options) => __async(void 0, null, function* () {
   let html2;
   if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
     html2 = yield readStream(
-      yield reactDOMServer.renderToReadableStream(suspendedElement)
+      yield reactDOMServer.renderToReadableStream(suspendedElement, {
+        progressiveChunkSize: Number.POSITIVE_INFINITY
+      })
     );
   } else {
     yield new Promise((resolve, reject) => {
@@ -207,14 +215,13 @@ var render = (node, options) => __async(void 0, null, function* () {
         },
         onError(error) {
           reject(error);
-        }
+        },
+        progressiveChunkSize: Number.POSITIVE_INFINITY
       });
     });
   }
   if (options == null ? void 0 : options.plainText) {
-    return (0, import_html_to_text.convert)(html2, __spreadValues({
-      selectors: plainTextSelectors
-    }, options.htmlToTextOptions));
+    return toPlainText(html2, options.htmlToTextOptions);
   }
   const doctype = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
   const document = `${doctype}${html2.replace(/<!DOCTYPE.*?>/, "")}`;
@@ -233,5 +240,6 @@ var renderAsync = (element, options) => {
   plainTextSelectors,
   pretty,
   render,
-  renderAsync
+  renderAsync,
+  toPlainText
 });

package/dist/node/index.mjs

@@ -39,19 +39,8 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/node/render.tsx
-import { convert } from "html-to-text";
 import { Suspense } from "react";
 
-// src/shared/plain-text-selectors.ts
-var plainTextSelectors = [
-  { selector: "img", format: "skip" },
-  { selector: "[data-skip-in-text=true]", format: "skip" },
-  {
-    selector: "a",
-    options: { linkBrackets: false }
-  }
-];
-
 // src/shared/utils/pretty.ts
 import * as html from "prettier/plugins/html";
 import { format } from "prettier/standalone";
@@ -117,6 +106,24 @@ var pretty = (str, options = {}) => {
   return format(str.replaceAll("\0", ""), __spreadValues(__spreadValues({}, defaults), options));
 };
 
+// src/shared/utils/to-plain-text.ts
+import {
+  convert
+} from "html-to-text";
+var plainTextSelectors = [
+  { selector: "img", format: "skip" },
+  { selector: "[data-skip-in-text=true]", format: "skip" },
+  {
+    selector: "a",
+    options: { linkBrackets: false }
+  }
+];
+function toPlainText(html2, options) {
+  return convert(html2, __spreadValues({
+    selectors: plainTextSelectors
+  }, options));
+}
+
 // src/node/read-stream.ts
 import { Writable } from "node:stream";
 var decoder = new TextDecoder("utf-8");
@@ -158,7 +165,9 @@ var render = (node, options) => __async(void 0, null, function* () {
   let html2;
   if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
     html2 = yield readStream(
-      yield reactDOMServer.renderToReadableStream(suspendedElement)
+      yield reactDOMServer.renderToReadableStream(suspendedElement, {
+        progressiveChunkSize: Number.POSITIVE_INFINITY
+      })
     );
   } else {
     yield new Promise((resolve, reject) => {
@@ -171,14 +180,13 @@ var render = (node, options) => __async(void 0, null, function* () {
         },
         onError(error) {
           reject(error);
-        }
+        },
+        progressiveChunkSize: Number.POSITIVE_INFINITY
       });
     });
   }
   if (options == null ? void 0 : options.plainText) {
-    return convert(html2, __spreadValues({
-      selectors: plainTextSelectors
-    }, options.htmlToTextOptions));
+    return toPlainText(html2, options.htmlToTextOptions);
   }
   const doctype = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
   const document = `${doctype}${html2.replace(/<!DOCTYPE.*?>/, "")}`;
@@ -196,5 +204,6 @@ export {
   plainTextSelectors,
   pretty,
   render,
-  renderAsync
+  renderAsync,
+  toPlainText
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-email/render",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "description": "Transform React components into HTML email templates",
   "sideEffects": false,
   "main": "./dist/browser/index.js",
@@ -101,8 +101,8 @@
   },
   "scripts": {
     "build": "tsup-node",
+    "build:watch": "tsup-node --watch",
     "clean": "rm -rf dist",
-    "dev": "tsup-node --watch",
     "test": "vitest run",
     "test:watch": "vitest"
   }

package/dist/index.d.mts

@@ -1,23 +0,0 @@
-import { HtmlToTextOptions } from 'html-to-text';
-import { Options as Options$1 } from 'prettier';
-
-type Options = {
-    pretty?: boolean;
-} & ({
-    plainText?: false;
-} | {
-    plainText?: true;
-    /**
-     * These are options you can pass down directly to the library we use for
-     * converting the rendered email's HTML into plain text.
-     *
-     * @see https://github.com/html-to-text/node-html-to-text
-     */
-    htmlToTextOptions?: HtmlToTextOptions;
-});
-
-declare const render: (element: React.ReactElement, options?: Options) => Promise<string>;
-
-declare const pretty: (str: string, options?: Options$1) => Promise<string>;
-
-export { Options, pretty, render };

package/dist/index.d.ts

@@ -1,23 +0,0 @@
-import { HtmlToTextOptions } from 'html-to-text';
-import { Options as Options$1 } from 'prettier';
-
-type Options = {
-    pretty?: boolean;
-} & ({
-    plainText?: false;
-} | {
-    plainText?: true;
-    /**
-     * These are options you can pass down directly to the library we use for
-     * converting the rendered email's HTML into plain text.
-     *
-     * @see https://github.com/html-to-text/node-html-to-text
-     */
-    htmlToTextOptions?: HtmlToTextOptions;
-});
-
-declare const render: (element: React.ReactElement, options?: Options) => Promise<string>;
-
-declare const pretty: (str: string, options?: Options$1) => Promise<string>;
-
-export { Options, pretty, render };