@react-email/render 1.0.3-canary.2 → 1.0.3-canary.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-email/render",
-  "version": "1.0.3-canary.2",
+  "version": "1.0.3-canary.3",
   "description": "Transform React components into HTML email templates",
   "sideEffects": false,
   "main": "./dist/browser/index.js",
@@ -79,16 +79,18 @@
   "dependencies": {
     "html-to-text": "9.0.5",
     "prettier": "3.3.3",
-    "react": "^18.0 || ^19.0 || ^19.0.0-rc",
-    "react-dom": "^18.0 || ^19.0 || ^19.0.0-rc",
     "react-promise-suspense": "0.3.4"
   },
+  "peerDependencies": {
+    "react": "^18.0 || ^19.0 || ^19.0.0-rc",
+    "react-dom": "^18.0 || ^19.0 || ^19.0.0-rc"
+  },
   "devDependencies": {
     "@edge-runtime/vm": "3.1.8",
     "@types/html-to-text": "9.0.4",
     "@types/prettier": "3.0.0",
     "@types/react": "npm:types-react@19.0.0-rc.1",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0",
     "jsdom": "23.0.1",
     "tsup": "7.2.0",
     "typescript": "5.1.6",

package/dist/edge-light/index.d.mts

@@ -1,27 +0,0 @@
-import { HtmlToTextOptions, SelectorDefinition } from 'html-to-text';
-
-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>;
-
-/**
- * @deprecated use `render`
- */
-declare const renderAsync: (element: React.ReactElement, options?: Options) => Promise<string>;
-
-declare const plainTextSelectors: SelectorDefinition[];
-
-export { Options, plainTextSelectors, render, renderAsync };

package/dist/edge-light/index.d.ts

@@ -1,27 +0,0 @@
-import { HtmlToTextOptions, SelectorDefinition } from 'html-to-text';
-
-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>;
-
-/**
- * @deprecated use `render`
- */
-declare const renderAsync: (element: React.ReactElement, options?: Options) => Promise<string>;
-
-declare const plainTextSelectors: SelectorDefinition[];
-
-export { Options, plainTextSelectors, render, renderAsync };

package/dist/edge-light/index.js

@@ -1,216 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-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 __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;
-};
-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/edge-light/index.ts
-var edge_light_exports = {};
-__export(edge_light_exports, {
-  plainTextSelectors: () => plainTextSelectors,
-  render: () => render,
-  renderAsync: () => renderAsync
-});
-module.exports = __toCommonJS(edge_light_exports);
-
-// src/edge-light/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"));
-var defaults = {
-  unformatted: ["code", "pre", "em", "strong", "span"],
-  indent_inner_html: true,
-  indent_char: " ",
-  indent_size: 2,
-  sep: "\n"
-};
-var pretty = (str, options = {}) => {
-  return import_js_beautify.default.html(str, __spreadValues(__spreadValues({}, defaults), options));
-};
-
-// src/shared/plain-text-selectors.ts
-var plainTextSelectors = [
-  { selector: "img", format: "skip" },
-  { selector: "#__react-email-preview", format: "skip" },
-  {
-    selector: "a",
-    options: { linkBrackets: false }
-  }
-];
-
-// src/shared/read-stream.browser.ts
-var decoder = new TextDecoder("utf-8");
-var readStream = (stream) => __async(void 0, null, function* () {
-  const chunks = [];
-  if ("pipeTo" in stream) {
-    const writableStream = new WritableStream({
-      write(chunk) {
-        chunks.push(chunk);
-      }
-    });
-    yield stream.pipeTo(writableStream);
-  } else {
-    throw new Error(
-      "For some reason, the Node version of `react-dom/server` has been imported instead of the browser one.",
-      {
-        cause: {
-          stream
-        }
-      }
-    );
-  }
-  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/edge-light/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.edge");
-  let html;
-  if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html = yield readStream(
-      yield reactDOMServer.renderToReadableStream(suspendedElement)
-    );
-  } else {
-    yield new Promise((resolve, reject) => {
-      const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
-        onAllReady() {
-          return __async(this, null, function* () {
-            html = yield readStream(stream);
-            resolve();
-          });
-        },
-        onError(error) {
-          reject(error);
-        }
-      });
-    });
-  }
-  if (options == null ? void 0 : options.plainText) {
-    return (0, import_html_to_text.convert)(html, __spreadValues({
-      selectors: plainTextSelectors
-    }, 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}${html.replace(/<!DOCTYPE.*?>/, "")}`;
-  if (options == null ? void 0 : options.pretty) {
-    return pretty(document);
-  }
-  return document;
-});
-
-// src/edge-light/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");
-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.edge");
-  let html;
-  if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html = yield readStream(
-      yield reactDOMServer.renderToReadableStream(suspendedElement)
-    );
-  } else {
-    yield new Promise((resolve, reject) => {
-      const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
-        onAllReady() {
-          return __async(this, null, function* () {
-            html = yield readStream(stream);
-            resolve();
-          });
-        },
-        onError(error) {
-          reject(error);
-        }
-      });
-    });
-  }
-  if (options == null ? void 0 : options.plainText) {
-    return (0, import_html_to_text2.convert)(html, __spreadValues({
-      selectors: plainTextSelectors
-    }, 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}${html.replace(/<!DOCTYPE.*?>/, "")}`;
-  if (options == null ? void 0 : options.pretty) {
-    return pretty(document);
-  }
-  return document;
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  plainTextSelectors,
-  render,
-  renderAsync
-});

package/dist/edge-light/index.mjs

@@ -1,180 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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 __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/edge-light/render.tsx
-import { convert } from "html-to-text";
-import { Suspense } from "react";
-
-// src/shared/utils/pretty.ts
-import jsBeautify from "js-beautify";
-var defaults = {
-  unformatted: ["code", "pre", "em", "strong", "span"],
-  indent_inner_html: true,
-  indent_char: " ",
-  indent_size: 2,
-  sep: "\n"
-};
-var pretty = (str, options = {}) => {
-  return jsBeautify.html(str, __spreadValues(__spreadValues({}, defaults), options));
-};
-
-// src/shared/plain-text-selectors.ts
-var plainTextSelectors = [
-  { selector: "img", format: "skip" },
-  { selector: "#__react-email-preview", format: "skip" },
-  {
-    selector: "a",
-    options: { linkBrackets: false }
-  }
-];
-
-// src/shared/read-stream.browser.ts
-var decoder = new TextDecoder("utf-8");
-var readStream = (stream) => __async(void 0, null, function* () {
-  const chunks = [];
-  if ("pipeTo" in stream) {
-    const writableStream = new WritableStream({
-      write(chunk) {
-        chunks.push(chunk);
-      }
-    });
-    yield stream.pipeTo(writableStream);
-  } else {
-    throw new Error(
-      "For some reason, the Node version of `react-dom/server` has been imported instead of the browser one.",
-      {
-        cause: {
-          stream
-        }
-      }
-    );
-  }
-  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/edge-light/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.edge");
-  let html;
-  if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html = yield readStream(
-      yield reactDOMServer.renderToReadableStream(suspendedElement)
-    );
-  } else {
-    yield new Promise((resolve, reject) => {
-      const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
-        onAllReady() {
-          return __async(this, null, function* () {
-            html = yield readStream(stream);
-            resolve();
-          });
-        },
-        onError(error) {
-          reject(error);
-        }
-      });
-    });
-  }
-  if (options == null ? void 0 : options.plainText) {
-    return convert(html, __spreadValues({
-      selectors: plainTextSelectors
-    }, 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}${html.replace(/<!DOCTYPE.*?>/, "")}`;
-  if (options == null ? void 0 : options.pretty) {
-    return pretty(document);
-  }
-  return document;
-});
-
-// src/edge-light/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";
-var renderAsync = (element, options) => __async(void 0, null, function* () {
-  const suspendedElement = /* @__PURE__ */ jsx2(Suspense2, { children: element });
-  const { default: reactDOMServer } = yield import("react-dom/server.edge");
-  let html;
-  if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html = yield readStream(
-      yield reactDOMServer.renderToReadableStream(suspendedElement)
-    );
-  } else {
-    yield new Promise((resolve, reject) => {
-      const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
-        onAllReady() {
-          return __async(this, null, function* () {
-            html = yield readStream(stream);
-            resolve();
-          });
-        },
-        onError(error) {
-          reject(error);
-        }
-      });
-    });
-  }
-  if (options == null ? void 0 : options.plainText) {
-    return convert2(html, __spreadValues({
-      selectors: plainTextSelectors
-    }, 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}${html.replace(/<!DOCTYPE.*?>/, "")}`;
-  if (options == null ? void 0 : options.pretty) {
-    return pretty(document);
-  }
-  return document;
-});
-export {
-  plainTextSelectors,
-  render,
-  renderAsync
-};