@react-email/render 1.2.3 → 1.3.0

package/dist/browser/index.d.mts

@@ -1,40 +1,46 @@
-import { HtmlToTextOptions, SelectorDefinition } from 'html-to-text';
-import { Options as Options$1 } from 'prettier';
+import { HtmlToTextOptions, SelectorDefinition } from "html-to-text";
+import { Options as Options$1 } from "prettier";
 
+//#region src/shared/options.d.ts
 type Options = {
-    /**
-     * @deprecated use {@link pretty} instead
-     */
-    pretty?: boolean;
+  /**
+   * @deprecated use {@link pretty} instead
+   */
+  pretty?: boolean;
 } & ({
-    /**
-     * @deprecated use {@link toPlainText} instead
-     */
-    plainText?: false;
+  /**
+   * @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
-     * converting the rendered email's HTML into plain text.
-     *
-     * @see https://github.com/html-to-text/node-html-to-text
-     */
-    htmlToTextOptions?: HtmlToTextOptions;
+  /**
+   * @deprecated use {@link toPlainText} instead
+   */
+  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;
 });
-
+//#endregion
+//#region src/shared/utils/pretty.d.ts
 declare const pretty: (str: string, options?: Options$1) => Promise<string>;
-
+//#endregion
+//#region src/shared/utils/to-plain-text.d.ts
 declare const plainTextSelectors: SelectorDefinition[];
 declare function toPlainText(html: string, options?: HtmlToTextOptions): string;
-
+//#endregion
+//#region src/browser/render.d.ts
 declare const render: (node: React.ReactNode, options?: Options) => Promise<string>;
-
+//#endregion
+//#region src/browser/index.d.ts
 /**
  * @deprecated use {@link render}
  */
 declare const renderAsync: (element: React.ReactElement, options?: Options) => Promise<string>;
-
-export { type Options, plainTextSelectors, pretty, render, renderAsync, toPlainText };
+//#endregion
+export { Options, plainTextSelectors, pretty, render, renderAsync, toPlainText };
+//# sourceMappingURL=index.d.mts.map

package/dist/browser/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/shared/options.ts","../../src/shared/utils/pretty.ts","../../src/shared/utils/to-plain-text.ts","../../src/browser/render.tsx","../../src/browser/index.ts"],"sourcesContent":[],"mappings":";;;;KAIY,OAAA;;;AAAZ;;;;AC2FA;;WAA6C,CAAA,EAAA,KAAA;;EAAY;;;;ECzF5C;AASb;;;;ACVA;EAkCC,iBAAA,CAAA,EHZyB,iBGYzB;;;;cFwDY,gCAAgC,cAAY;;;cCzF5C,oBAAoB;iBASjB,WAAA,yBAAoC;;;cCVvC,eAAsB,KAAA,CAAM,qBAAqB,YAAO;;;;;;AHDzD,cIEC,WJqBa,EAAA,CAAA,OAAiB,EIrBN,KAAA,CAAM,YJqBA,EAAA,OAAA,CAAA,EIrBwB,OJqBxB,EAAA,GIrB+B,OJqB/B,CAAA,MAAA,CAAA"}

package/dist/browser/index.d.ts

@@ -1,40 +1,46 @@
-import { HtmlToTextOptions, SelectorDefinition } from 'html-to-text';
-import { Options as Options$1 } from 'prettier';
+import { HtmlToTextOptions, SelectorDefinition } from "html-to-text";
+import { Options as Options$1 } from "prettier";
 
+//#region src/shared/options.d.ts
 type Options = {
-    /**
-     * @deprecated use {@link pretty} instead
-     */
-    pretty?: boolean;
+  /**
+   * @deprecated use {@link pretty} instead
+   */
+  pretty?: boolean;
 } & ({
-    /**
-     * @deprecated use {@link toPlainText} instead
-     */
-    plainText?: false;
+  /**
+   * @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
-     * converting the rendered email's HTML into plain text.
-     *
-     * @see https://github.com/html-to-text/node-html-to-text
-     */
-    htmlToTextOptions?: HtmlToTextOptions;
+  /**
+   * @deprecated use {@link toPlainText} instead
+   */
+  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;
 });
-
+//#endregion
+//#region src/shared/utils/pretty.d.ts
 declare const pretty: (str: string, options?: Options$1) => Promise<string>;
-
+//#endregion
+//#region src/shared/utils/to-plain-text.d.ts
 declare const plainTextSelectors: SelectorDefinition[];
 declare function toPlainText(html: string, options?: HtmlToTextOptions): string;
-
+//#endregion
+//#region src/browser/render.d.ts
 declare const render: (node: React.ReactNode, options?: Options) => Promise<string>;
-
+//#endregion
+//#region src/browser/index.d.ts
 /**
  * @deprecated use {@link render}
  */
 declare const renderAsync: (element: React.ReactElement, options?: Options) => Promise<string>;
-
-export { type Options, plainTextSelectors, pretty, render, renderAsync, toPlainText };
+//#endregion
+export { Options, plainTextSelectors, pretty, render, renderAsync, toPlainText };
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/shared/options.ts","../../src/shared/utils/pretty.ts","../../src/shared/utils/to-plain-text.ts","../../src/browser/render.tsx","../../src/browser/index.ts"],"sourcesContent":[],"mappings":";;;;KAIY,OAAA;;;AAAZ;;;;AC2FA;;WAA6C,CAAA,EAAA,KAAA;;EAAY;;;;ECzF5C;AASb;;;;ACVA;EAkCC,iBAAA,CAAA,EHZyB,iBGYzB;;;;cFwDY,gCAAgC,cAAY;;;cCzF5C,oBAAoB;iBASjB,WAAA,yBAAoC;;;cCVvC,eAAsB,KAAA,CAAM,qBAAqB,YAAO;;;;;;AHDzD,cIEC,WJqBa,EAAA,CAAA,OAAiB,EIrBN,KAAA,CAAM,YJqBA,EAAA,OAAA,CAAA,EIrBwB,OJqBxB,EAAA,GIrB+B,OJqB/B,CAAA,MAAA,CAAA"}

package/dist/browser/index.js

@@ -1,230 +1,173 @@
-"use strict";
+//#region rolldown:runtime
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/browser/index.ts
-var index_exports = {};
-__export(index_exports, {
-  plainTextSelectors: () => plainTextSelectors,
-  pretty: () => pretty,
-  render: () => render,
-  renderAsync: () => renderAsync,
-  toPlainText: () => toPlainText
-});
-module.exports = __toCommonJS(index_exports);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
 
-// src/browser/render.tsx
-var import_react = require("react");
+//#endregion
+let react = require("react");
+react = __toESM(react);
+let prettier_plugins_html = require("prettier/plugins/html");
+prettier_plugins_html = __toESM(prettier_plugins_html);
+let prettier_standalone = require("prettier/standalone");
+prettier_standalone = __toESM(prettier_standalone);
+let html_to_text = require("html-to-text");
+html_to_text = __toESM(html_to_text);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = __toESM(react_jsx_runtime);
 
-// src/shared/utils/pretty.ts
-var html = __toESM(require("prettier/plugins/html"));
-var import_standalone = require("prettier/standalone");
+//#region src/shared/utils/pretty.ts
 function recursivelyMapDoc(doc, callback) {
-  if (Array.isArray(doc)) {
-    return doc.map((innerDoc) => recursivelyMapDoc(innerDoc, callback));
-  }
-  if (typeof doc === "object") {
-    if (doc.type === "group") {
-      return __spreadProps(__spreadValues({}, doc), {
-        contents: recursivelyMapDoc(doc.contents, callback),
-        expandedStates: recursivelyMapDoc(
-          doc.expandedStates,
-          callback
-        )
-      });
-    }
-    if ("contents" in doc) {
-      return __spreadProps(__spreadValues({}, doc), {
-        contents: recursivelyMapDoc(doc.contents, callback)
-      });
-    }
-    if ("parts" in doc) {
-      return __spreadProps(__spreadValues({}, doc), {
-        parts: recursivelyMapDoc(doc.parts, callback)
-      });
-    }
-    if (doc.type === "if-break") {
-      return __spreadProps(__spreadValues({}, doc), {
-        breakContents: recursivelyMapDoc(doc.breakContents, callback),
-        flatContents: recursivelyMapDoc(doc.flatContents, callback)
-      });
-    }
-  }
-  return callback(doc);
+	if (Array.isArray(doc)) return doc.map((innerDoc) => recursivelyMapDoc(innerDoc, callback));
+	if (typeof doc === "object") {
+		if (doc.type === "group") return {
+			...doc,
+			contents: recursivelyMapDoc(doc.contents, callback),
+			expandedStates: recursivelyMapDoc(doc.expandedStates, callback)
+		};
+		if ("contents" in doc) return {
+			...doc,
+			contents: recursivelyMapDoc(doc.contents, callback)
+		};
+		if ("parts" in doc) return {
+			...doc,
+			parts: recursivelyMapDoc(doc.parts, callback)
+		};
+		if (doc.type === "if-break") return {
+			...doc,
+			breakContents: recursivelyMapDoc(doc.breakContents, callback),
+			flatContents: recursivelyMapDoc(doc.flatContents, callback)
+		};
+	}
+	return callback(doc);
 }
-var modifiedHtml = __spreadValues({}, html);
+const modifiedHtml = { ...prettier_plugins_html };
 if (modifiedHtml.printers) {
-  const previousPrint = modifiedHtml.printers.html.print;
-  modifiedHtml.printers.html.print = (path, options, print, args) => {
-    const node = path.getNode();
-    const rawPrintingResult = previousPrint(path, options, print, args);
-    if (node.type === "ieConditionalComment") {
-      const printingResult = recursivelyMapDoc(rawPrintingResult, (doc) => {
-        if (typeof doc === "object" && doc.type === "line") {
-          return doc.soft ? "" : " ";
-        }
-        return doc;
-      });
-      return printingResult;
-    }
-    return rawPrintingResult;
-  };
+	const previousPrint = modifiedHtml.printers.html.print;
+	modifiedHtml.printers.html.print = (path, options, print, args) => {
+		const node = path.getNode();
+		const rawPrintingResult = previousPrint(path, options, print, args);
+		if (node.type === "ieConditionalComment") return recursivelyMapDoc(rawPrintingResult, (doc) => {
+			if (typeof doc === "object" && doc.type === "line") return doc.soft ? "" : " ";
+			return doc;
+		});
+		return rawPrintingResult;
+	};
 }
-var defaults = {
-  endOfLine: "lf",
-  tabWidth: 2,
-  plugins: [modifiedHtml],
-  bracketSameLine: true,
-  parser: "html"
+const defaults = {
+	endOfLine: "lf",
+	tabWidth: 2,
+	plugins: [modifiedHtml],
+	bracketSameLine: true,
+	parser: "html"
 };
-var pretty = (str, options = {}) => {
-  return (0, import_standalone.format)(str.replaceAll("\0", ""), __spreadValues(__spreadValues({}, defaults), options));
+const pretty = (str, options = {}) => {
+	return (0, prettier_standalone.format)(str.replaceAll("\0", ""), {
+		...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 }
-  }
+//#endregion
+//#region src/shared/utils/to-plain-text.ts
+const plainTextSelectors = [
+	{
+		selector: "img",
+		format: "skip"
+	},
+	{
+		selector: "[data-skip-in-text=true]",
+		format: "skip"
+	},
+	{
+		selector: "a",
+		options: {
+			linkBrackets: false,
+			hideLinkHrefIfSameAsText: true
+		}
+	}
 ];
-function toPlainText(html2, options) {
-  return (0, import_html_to_text.convert)(html2, __spreadValues({
-    selectors: plainTextSelectors
-  }, options));
+function toPlainText(html, options) {
+	return (0, html_to_text.convert)(html, {
+		selectors: plainTextSelectors,
+		...options
+	});
 }
 
-// src/shared/read-stream.browser.ts
-var decoder = new TextDecoder("utf-8");
-var readStream = (stream) => __async(void 0, null, function* () {
-  const chunks = [];
-  const writableStream = new WritableStream({
-    write(chunk) {
-      chunks.push(chunk);
-    },
-    abort(reason) {
-      throw new Error("Stream aborted", {
-        cause: {
-          reason
-        }
-      });
-    }
-  });
-  yield stream.pipeTo(writableStream);
-  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);
-});
+//#endregion
+//#region src/shared/read-stream.browser.ts
+const decoder = new TextDecoder("utf-8");
+const readStream = async (stream) => {
+	const chunks = [];
+	const writableStream = new WritableStream({
+		write(chunk) {
+			chunks.push(chunk);
+		},
+		abort(reason) {
+			throw new Error("Stream aborted", { cause: { reason } });
+		}
+	});
+	await stream.pipeTo(writableStream);
+	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);
+};
 
-// src/browser/render.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-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
-  );
-  const html2 = yield new Promise((resolve, reject) => {
-    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 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.*?>/, "")}`;
-  if (options == null ? void 0 : options.pretty) {
-    return pretty(document);
-  }
-  return document;
-});
+//#endregion
+//#region src/browser/render.tsx
+const render = async (node, options) => {
+	const suspendedElement = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, { children: node });
+	const reactDOMServer = await import("react-dom/server.browser").then((m) => m.default);
+	const html = await new Promise((resolve, reject) => {
+		reactDOMServer.renderToReadableStream(suspendedElement, {
+			onError(error) {
+				reject(error);
+			},
+			progressiveChunkSize: Number.POSITIVE_INFINITY
+		}).then(readStream).then(resolve).catch(reject);
+	});
+	if (options?.plainText) return toPlainText(html, options.htmlToTextOptions);
+	const document = `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">${html.replace(/<!DOCTYPE.*?>/, "")}`;
+	if (options?.pretty) return pretty(document);
+	return document;
+};
 
-// src/browser/index.ts
-var renderAsync = (element, options) => {
-  return render(element, options);
+//#endregion
+//#region src/browser/index.ts
+/**
+* @deprecated use {@link render}
+*/
+const renderAsync = (element, options) => {
+	return render(element, options);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  plainTextSelectors,
-  pretty,
-  render,
-  renderAsync,
-  toPlainText
-});
+
+//#endregion
+exports.plainTextSelectors = plainTextSelectors;
+exports.pretty = pretty;
+exports.render = render;
+exports.renderAsync = renderAsync;
+exports.toPlainText = toPlainText;