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

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
 });
@@ -92,6 +93,16 @@ var pretty = (str, options = {}) => {
   return (0, import_js_beautify.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
@@ -159,12 +163,9 @@ var renderAsync = (component, options) => __async(void 0, null, function* () {
   const htmlOrReadableStream = yield renderToStream(component);
   const html2 = 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)(html2, __spreadValues({
+      selectors: plainTextSelectors
+    }, options.htmlToTextOptions));
   }
   const document = `${doctype}${html2}`;
   if (options == null ? void 0 : options.pretty) {
@@ -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

@@ -58,6 +58,16 @@ var pretty = (str, options = {}) => {
   return 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
@@ -125,12 +128,9 @@ var renderAsync = (component, options) => __async(void 0, null, function* () {
   const htmlOrReadableStream = yield renderToStream(component);
   const html2 = 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(html2, __spreadValues({
+      selectors: plainTextSelectors
+    }, options.htmlToTextOptions));
   }
   const document = `${doctype}${html2}`;
   if (options == null ? void 0 : options.pretty) {
@@ -139,6 +139,7 @@ var renderAsync = (component, options) => __async(void 0, null, function* () {
   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.11",
   "description": "Transform React components into HTML email templates",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -24,7 +24,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/resendlabs/react-email.git",
+    "url": "https://github.com/resend/react-email.git",
     "directory": "packages/render"
   },
   "keywords": [

package/readme.md

@@ -6,7 +6,7 @@
 <div align="center">
 <a href="https://react.email">Website</a> 
 <span> · </span>
-<a href="https://github.com/resendlabs/react-email">GitHub</a> 
+<a href="https://github.com/resend/react-email">GitHub</a> 
 <span> · </span>
 <a href="https://react.email/discord">Discord</a>
 </div>