@react-email/render 0.0.11-canary.0 → 0.0.12-canary.0

package/dist/index.d.mts

@@ -1,12 +1,24 @@
-interface Options {
+import { HtmlToTextOptions, SelectorDefinition } from 'html-to-text';
+
+type Options = {
     pretty?: boolean;
-    plainText?: 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: (component: React.ReactElement, options?: Options) => string;
 
-declare const renderAsync: (component: React.ReactElement, options?: {
-    pretty?: boolean;
-    plainText?: boolean;
-}) => Promise<string>;
+declare const renderAsync: (component: React.ReactElement, options?: Options) => Promise<string>;
+
+declare const plainTextSelectors: SelectorDefinition[];
 
-export { Options, render, renderAsync };
+export { Options, plainTextSelectors, render, renderAsync };

package/dist/index.d.ts

@@ -1,12 +1,24 @@
-interface Options {
+import { HtmlToTextOptions, SelectorDefinition } from 'html-to-text';
+
+type Options = {
     pretty?: boolean;
-    plainText?: 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: (component: React.ReactElement, options?: Options) => string;
 
-declare const renderAsync: (component: React.ReactElement, options?: {
-    pretty?: boolean;
-    plainText?: boolean;
-}) => Promise<string>;
+declare const renderAsync: (component: React.ReactElement, options?: Options) => Promise<string>;
+
+declare const plainTextSelectors: SelectorDefinition[];
 
-export { Options, render, renderAsync };
+export { Options, plainTextSelectors, render, renderAsync };

package/dist/index.js

@@ -70,6 +70,7 @@ var __forAwait = (obj, it, method) => (it = obj[__knownSymbol("asyncIterator")])
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  plainTextSelectors: () => plainTextSelectors,
   render: () => render,
   renderAsync: () => renderAsync
 });
@@ -80,7 +81,7 @@ var ReactDomServer = __toESM(require("react-dom/server"));
 var import_html_to_text = require("html-to-text");
 
 // src/utils/pretty.ts
-var import_js_beautify = require("js-beautify");
+var import_js_beautify = __toESM(require("js-beautify"));
 var defaults = {
   unformatted: ["code", "pre", "em", "strong", "span"],
   indent_inner_html: true,
@@ -89,9 +90,19 @@ var defaults = {
   sep: "\n"
 };
 var pretty = (str, options = {}) => {
-  return (0, import_js_beautify.html)(str, __spreadValues(__spreadValues({}, defaults), options));
+  return import_js_beautify.default.html(str, __spreadValues(__spreadValues({}, defaults), options));
 };
 
+// src/plain-text-selectors.ts
+var plainTextSelectors = [
+  { selector: "img", format: "skip" },
+  { selector: "#__react-email-preview", format: "skip" },
+  {
+    selector: "a",
+    options: { linkBrackets: false }
+  }
+];
+
 // src/render.ts
 var render = (component, options) => {
   if (options == null ? void 0 : options.plainText) {
@@ -105,17 +116,10 @@ var render = (component, options) => {
   }
   return document;
 };
-var renderAsPlainText = (component, _options) => {
-  return (0, import_html_to_text.convert)(ReactDomServer.renderToStaticMarkup(component), {
-    selectors: [
-      { selector: "img", format: "skip" },
-      { selector: "#__react-email-preview", format: "skip" },
-      {
-        selector: "a",
-        options: { linkBrackets: false }
-      }
-    ]
-  });
+var renderAsPlainText = (component, options) => {
+  return (0, import_html_to_text.convert)(ReactDomServer.renderToStaticMarkup(component), __spreadValues({
+    selectors: plainTextSelectors
+  }, (options == null ? void 0 : options.plainText) === true ? options.htmlToTextOptions : {}));
 };
 
 // src/render-async.ts
@@ -157,16 +161,13 @@ var renderAsync = (component, options) => __async(void 0, null, function* () {
   const renderToStream = (_a = reactDOMServer.renderToReadableStream) != null ? _a : reactDOMServer.renderToStaticNodeStream;
   const doctype = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
   const htmlOrReadableStream = yield renderToStream(component);
-  const html2 = typeof htmlOrReadableStream === "string" ? htmlOrReadableStream : yield readStream(htmlOrReadableStream);
+  const html = typeof htmlOrReadableStream === "string" ? htmlOrReadableStream : yield readStream(htmlOrReadableStream);
   if (options == null ? void 0 : options.plainText) {
-    return (0, import_html_to_text2.convert)(html2, {
-      selectors: [
-        { selector: "img", format: "skip" },
-        { selector: "#__react-email-preview", format: "skip" }
-      ]
-    });
+    return (0, import_html_to_text2.convert)(html, __spreadValues({
+      selectors: plainTextSelectors
+    }, options.htmlToTextOptions));
   }
-  const document = `${doctype}${html2}`;
+  const document = `${doctype}${html}`;
   if (options == null ? void 0 : options.pretty) {
     return pretty(document);
   }
@@ -174,6 +175,7 @@ var renderAsync = (component, options) => __async(void 0, null, function* () {
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  plainTextSelectors,
   render,
   renderAsync
 });

package/dist/index.mjs

@@ -46,7 +46,7 @@ import * as ReactDomServer from "react-dom/server";
 import { convert } from "html-to-text";
 
 // src/utils/pretty.ts
-import { html } from "js-beautify";
+import jsBeautify from "js-beautify";
 var defaults = {
   unformatted: ["code", "pre", "em", "strong", "span"],
   indent_inner_html: true,
@@ -55,9 +55,19 @@ var defaults = {
   sep: "\n"
 };
 var pretty = (str, options = {}) => {
-  return html(str, __spreadValues(__spreadValues({}, defaults), options));
+  return jsBeautify.html(str, __spreadValues(__spreadValues({}, defaults), options));
 };
 
+// src/plain-text-selectors.ts
+var plainTextSelectors = [
+  { selector: "img", format: "skip" },
+  { selector: "#__react-email-preview", format: "skip" },
+  {
+    selector: "a",
+    options: { linkBrackets: false }
+  }
+];
+
 // src/render.ts
 var render = (component, options) => {
   if (options == null ? void 0 : options.plainText) {
@@ -71,17 +81,10 @@ var render = (component, options) => {
   }
   return document;
 };
-var renderAsPlainText = (component, _options) => {
-  return convert(ReactDomServer.renderToStaticMarkup(component), {
-    selectors: [
-      { selector: "img", format: "skip" },
-      { selector: "#__react-email-preview", format: "skip" },
-      {
-        selector: "a",
-        options: { linkBrackets: false }
-      }
-    ]
-  });
+var renderAsPlainText = (component, options) => {
+  return convert(ReactDomServer.renderToStaticMarkup(component), __spreadValues({
+    selectors: plainTextSelectors
+  }, (options == null ? void 0 : options.plainText) === true ? options.htmlToTextOptions : {}));
 };
 
 // src/render-async.ts
@@ -123,22 +126,20 @@ var renderAsync = (component, options) => __async(void 0, null, function* () {
   const renderToStream = (_a = reactDOMServer.renderToReadableStream) != null ? _a : reactDOMServer.renderToStaticNodeStream;
   const doctype = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
   const htmlOrReadableStream = yield renderToStream(component);
-  const html2 = typeof htmlOrReadableStream === "string" ? htmlOrReadableStream : yield readStream(htmlOrReadableStream);
+  const html = typeof htmlOrReadableStream === "string" ? htmlOrReadableStream : yield readStream(htmlOrReadableStream);
   if (options == null ? void 0 : options.plainText) {
-    return convert2(html2, {
-      selectors: [
-        { selector: "img", format: "skip" },
-        { selector: "#__react-email-preview", format: "skip" }
-      ]
-    });
+    return convert2(html, __spreadValues({
+      selectors: plainTextSelectors
+    }, options.htmlToTextOptions));
   }
-  const document = `${doctype}${html2}`;
+  const document = `${doctype}${html}`;
   if (options == null ? void 0 : options.pretty) {
     return pretty(document);
   }
   return document;
 });
 export {
+  plainTextSelectors,
   render,
   renderAsync
 };

package/package.json

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