npm - @react-email/render - Versions diffs - 1.0.3-canary.0 → 1.0.3-canary.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/browser/index.js +19 -19
package/dist/browser/index.mjs +19 -19
package/dist/edge-light/index.d.mts +27 -0
package/dist/edge-light/index.d.ts +27 -0
package/dist/edge-light/index.js +216 -0
package/dist/edge-light/index.mjs +180 -0
package/dist/index.d.mts +27 -0
package/dist/index.d.ts +27 -0
package/dist/index.js +144 -0
package/dist/index.mjs +108 -0
package/dist/node/index.js +21 -21
package/dist/node/index.mjs +21 -21
package/package.json +5 -5

package/dist/browser/index.js CHANGED Viewed

@@ -75,16 +75,16 @@ 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 import_standalone = require("prettier/standalone");
+var import_html = __toESM(require("prettier/plugins/html"));
 var defaults = {
-  unformatted: ["code", "pre", "em", "strong", "span"],
-  indent_inner_html: true,
-  indent_char: " ",
-  indent_size: 2,
-  sep: "\n"
+  endOfLine: "lf",
+  tabWidth: 2,
+  plugins: [import_html.default],
+  parser: "html"
 };
 var pretty = (str, options = {}) => {
-  return import_js_beautify.default.html(str, __spreadValues(__spreadValues({}, defaults), options));
+  return (0, import_standalone.format)(str, __spreadValues(__spreadValues({}, defaults), options));
 };
 // src/shared/plain-text-selectors.ts
@@ -133,10 +133,10 @@ var readStream = (stream) => __async(void 0, null, function* () {
 });
 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");
-  let html;
+  const reactDOMServer = yield import("react-dom/server");
+  let html2;
   if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html = yield readStream(
+    html2 = yield readStream(
       yield reactDOMServer.renderToReadableStream(suspendedElement)
     );
   } else {
@@ -144,7 +144,7 @@ var render = (element, options) => __async(void 0, null, function* () {
       const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
         onAllReady() {
           return __async(this, null, function* () {
-            html = yield readStream(stream);
+            html2 = yield readStream(stream);
             resolve();
           });
         },
@@ -155,12 +155,12 @@ var render = (element, options) => __async(void 0, null, function* () {
     });
   }
   if (options == null ? void 0 : options.plainText) {
-    return (0, import_html_to_text.convert)(html, __spreadValues({
+    return (0, import_html_to_text.convert)(html2, __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.*?>/, "")}`;
+  const document = `${doctype}${html2.replace(/<!DOCTYPE.*?>/, "")}`;
   if (options == null ? void 0 : options.pretty) {
     return pretty(document);
   }
@@ -209,10 +209,10 @@ var readStream2 = (stream) => __async(void 0, null, function* () {
 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");
-  let html;
+  const reactDOMServer = yield import("react-dom/server");
+  let html2;
   if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html = yield readStream2(
+    html2 = yield readStream2(
       yield reactDOMServer.renderToReadableStream(suspendedElement)
     );
   } else {
@@ -220,7 +220,7 @@ var renderAsync = (element, options) => __async(void 0, null, function* () {
       const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
         onAllReady() {
           return __async(this, null, function* () {
-            html = yield readStream2(stream);
+            html2 = yield readStream2(stream);
             resolve();
           });
         },
@@ -231,12 +231,12 @@ var renderAsync = (element, options) => __async(void 0, null, function* () {
     });
   }
   if (options == null ? void 0 : options.plainText) {
-    return (0, import_html_to_text2.convert)(html, __spreadValues({
+    return (0, import_html_to_text2.convert)(html2, __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.*?>/, "")}`;
+  const document = `${doctype}${html2.replace(/<!DOCTYPE.*?>/, "")}`;
   if (options == null ? void 0 : options.pretty) {
     return pretty(document);
   }

package/dist/browser/index.mjs CHANGED Viewed

@@ -40,16 +40,16 @@ import { convert } from "html-to-text";
 import { Suspense } from "react";
 // src/shared/utils/pretty.ts
-import jsBeautify from "js-beautify";
+import { format } from "prettier/standalone";
+import html from "prettier/plugins/html";
 var defaults = {
-  unformatted: ["code", "pre", "em", "strong", "span"],
-  indent_inner_html: true,
-  indent_char: " ",
-  indent_size: 2,
-  sep: "\n"
+  endOfLine: "lf",
+  tabWidth: 2,
+  plugins: [html],
+  parser: "html"
 };
 var pretty = (str, options = {}) => {
-  return jsBeautify.html(str, __spreadValues(__spreadValues({}, defaults), options));
+  return format(str, __spreadValues(__spreadValues({}, defaults), options));
 };
 // src/shared/plain-text-selectors.ts
@@ -98,10 +98,10 @@ var readStream = (stream) => __async(void 0, null, function* () {
 });
 var render = (element, options) => __async(void 0, null, function* () {
   const suspendedElement = /* @__PURE__ */ jsx(Suspense, { children: element });
-  const { default: reactDOMServer } = yield import("react-dom/server");
-  let html;
+  const reactDOMServer = yield import("react-dom/server");
+  let html2;
   if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html = yield readStream(
+    html2 = yield readStream(
       yield reactDOMServer.renderToReadableStream(suspendedElement)
     );
   } else {
@@ -109,7 +109,7 @@ var render = (element, options) => __async(void 0, null, function* () {
       const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
         onAllReady() {
           return __async(this, null, function* () {
-            html = yield readStream(stream);
+            html2 = yield readStream(stream);
             resolve();
           });
         },
@@ -120,12 +120,12 @@ var render = (element, options) => __async(void 0, null, function* () {
     });
   }
   if (options == null ? void 0 : options.plainText) {
-    return convert(html, __spreadValues({
+    return convert(html2, __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.*?>/, "")}`;
+  const document = `${doctype}${html2.replace(/<!DOCTYPE.*?>/, "")}`;
   if (options == null ? void 0 : options.pretty) {
     return pretty(document);
   }
@@ -174,10 +174,10 @@ var readStream2 = (stream) => __async(void 0, null, function* () {
 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");
-  let html;
+  const reactDOMServer = yield import("react-dom/server");
+  let html2;
   if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html = yield readStream2(
+    html2 = yield readStream2(
       yield reactDOMServer.renderToReadableStream(suspendedElement)
     );
   } else {
@@ -185,7 +185,7 @@ var renderAsync = (element, options) => __async(void 0, null, function* () {
       const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
         onAllReady() {
           return __async(this, null, function* () {
-            html = yield readStream2(stream);
+            html2 = yield readStream2(stream);
             resolve();
           });
         },
@@ -196,12 +196,12 @@ var renderAsync = (element, options) => __async(void 0, null, function* () {
     });
   }
   if (options == null ? void 0 : options.plainText) {
-    return convert2(html, __spreadValues({
+    return convert2(html2, __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.*?>/, "")}`;
+  const document = `${doctype}${html2.replace(/<!DOCTYPE.*?>/, "")}`;
   if (options == null ? void 0 : options.pretty) {
     return pretty(document);
   }

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

@@ -0,0 +1,27 @@
+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 ADDED Viewed

@@ -0,0 +1,27 @@
+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 ADDED Viewed

@@ -0,0 +1,216 @@
+"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 ADDED Viewed

@@ -0,0 +1,180 @@
+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
+};

package/dist/index.d.mts ADDED Viewed

@@ -0,0 +1,27 @@
+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/index.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+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/index.js ADDED Viewed

@@ -0,0 +1,144 @@
+"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/index.ts
+var src_exports = {};
+__export(src_exports, {
+  plainTextSelectors: () => plainTextSelectors,
+  render: () => render,
+  renderAsync: () => renderAsync
+});
+module.exports = __toCommonJS(src_exports);
+// src/render.tsx
+var import_html_to_text = require("html-to-text");
+var import_react_markup = require("react-markup");
+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/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 html = yield (0, import_react_markup.experimental_renderToHTML)(suspendedElement);
+  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/render-async.tsx
+var import_html_to_text2 = require("html-to-text");
+var import_react2 = require("react");
+var import_react_markup2 = require("react-markup");
+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 html = yield (0, import_react_markup2.experimental_renderToHTML)(suspendedElement);
+  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/index.mjs ADDED Viewed

@@ -0,0 +1,108 @@
+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/render.tsx
+import { convert } from "html-to-text";
+import { experimental_renderToHTML as renderToHTML } from "react-markup";
+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/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 html = yield renderToHTML(suspendedElement);
+  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/render-async.tsx
+import { convert as convert2 } from "html-to-text";
+import { Suspense as Suspense2 } from "react";
+import { experimental_renderToHTML as renderToHTML2 } from "react-markup";
+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 html = yield renderToHTML2(suspendedElement);
+  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
+};

package/dist/node/index.js CHANGED Viewed

@@ -75,16 +75,16 @@ 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 import_standalone = require("prettier/standalone");
+var import_html = __toESM(require("prettier/plugins/html"));
 var defaults = {
-  unformatted: ["code", "pre", "em", "strong", "span"],
-  indent_inner_html: true,
-  indent_char: " ",
-  indent_size: 2,
-  sep: "\n"
+  endOfLine: "lf",
+  tabWidth: 2,
+  plugins: [import_html.default],
+  parser: "html"
 };
 var pretty = (str, options = {}) => {
-  return import_js_beautify.default.html(str, __spreadValues(__spreadValues({}, defaults), options));
+  return (0, import_standalone.format)(str, __spreadValues(__spreadValues({}, defaults), options));
 };
 // src/shared/plain-text-selectors.ts
@@ -117,10 +117,10 @@ var readStream = (stream) => __async(void 0, null, function* () {
       }
     });
     stream.pipe(writable);
-    return new Promise((resolve, reject) => {
+    yield new Promise((resolve, reject) => {
       writable.on("error", reject);
       writable.on("close", () => {
-        resolve(result);
+        resolve();
       });
     });
   }
@@ -131,10 +131,10 @@ var readStream = (stream) => __async(void 0, null, function* () {
 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");
-  let html;
+  const reactDOMServer = yield import("react-dom/server");
+  let html2;
   if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html = yield readStream(
+    html2 = yield readStream(
       yield reactDOMServer.renderToReadableStream(suspendedElement)
     );
   } else {
@@ -142,7 +142,7 @@ var render = (element, options) => __async(void 0, null, function* () {
       const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
         onAllReady() {
           return __async(this, null, function* () {
-            html = yield readStream(stream);
+            html2 = yield readStream(stream);
             resolve();
           });
         },
@@ -153,12 +153,12 @@ var render = (element, options) => __async(void 0, null, function* () {
     });
   }
   if (options == null ? void 0 : options.plainText) {
-    return (0, import_html_to_text.convert)(html, __spreadValues({
+    return (0, import_html_to_text.convert)(html2, __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.*?>/, "")}`;
+  const document = `${doctype}${html2.replace(/<!DOCTYPE.*?>/, "")}`;
   if (options == null ? void 0 : options.pretty) {
     return pretty(document);
   }
@@ -171,10 +171,10 @@ 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");
-  let html;
+  const reactDOMServer = yield import("react-dom/server");
+  let html2;
   if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html = yield readStream(
+    html2 = yield readStream(
       yield reactDOMServer.renderToReadableStream(suspendedElement)
     );
   } else {
@@ -182,7 +182,7 @@ var renderAsync = (element, options) => __async(void 0, null, function* () {
       const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
         onAllReady() {
           return __async(this, null, function* () {
-            html = yield readStream(stream);
+            html2 = yield readStream(stream);
             resolve();
           });
         },
@@ -193,12 +193,12 @@ var renderAsync = (element, options) => __async(void 0, null, function* () {
     });
   }
   if (options == null ? void 0 : options.plainText) {
-    return (0, import_html_to_text2.convert)(html, __spreadValues({
+    return (0, import_html_to_text2.convert)(html2, __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.*?>/, "")}`;
+  const document = `${doctype}${html2.replace(/<!DOCTYPE.*?>/, "")}`;
   if (options == null ? void 0 : options.pretty) {
     return pretty(document);
   }

package/dist/node/index.mjs CHANGED Viewed

@@ -40,16 +40,16 @@ import { convert } from "html-to-text";
 import { Suspense } from "react";
 // src/shared/utils/pretty.ts
-import jsBeautify from "js-beautify";
+import { format } from "prettier/standalone";
+import html from "prettier/plugins/html";
 var defaults = {
-  unformatted: ["code", "pre", "em", "strong", "span"],
-  indent_inner_html: true,
-  indent_char: " ",
-  indent_size: 2,
-  sep: "\n"
+  endOfLine: "lf",
+  tabWidth: 2,
+  plugins: [html],
+  parser: "html"
 };
 var pretty = (str, options = {}) => {
-  return jsBeautify.html(str, __spreadValues(__spreadValues({}, defaults), options));
+  return format(str, __spreadValues(__spreadValues({}, defaults), options));
 };
 // src/shared/plain-text-selectors.ts
@@ -82,10 +82,10 @@ var readStream = (stream) => __async(void 0, null, function* () {
       }
     });
     stream.pipe(writable);
-    return new Promise((resolve, reject) => {
+    yield new Promise((resolve, reject) => {
       writable.on("error", reject);
       writable.on("close", () => {
-        resolve(result);
+        resolve();
       });
     });
   }
@@ -96,10 +96,10 @@ var readStream = (stream) => __async(void 0, null, function* () {
 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");
-  let html;
+  const reactDOMServer = yield import("react-dom/server");
+  let html2;
   if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html = yield readStream(
+    html2 = yield readStream(
       yield reactDOMServer.renderToReadableStream(suspendedElement)
     );
   } else {
@@ -107,7 +107,7 @@ var render = (element, options) => __async(void 0, null, function* () {
       const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
         onAllReady() {
           return __async(this, null, function* () {
-            html = yield readStream(stream);
+            html2 = yield readStream(stream);
             resolve();
           });
         },
@@ -118,12 +118,12 @@ var render = (element, options) => __async(void 0, null, function* () {
     });
   }
   if (options == null ? void 0 : options.plainText) {
-    return convert(html, __spreadValues({
+    return convert(html2, __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.*?>/, "")}`;
+  const document = `${doctype}${html2.replace(/<!DOCTYPE.*?>/, "")}`;
   if (options == null ? void 0 : options.pretty) {
     return pretty(document);
   }
@@ -136,10 +136,10 @@ 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");
-  let html;
+  const reactDOMServer = yield import("react-dom/server");
+  let html2;
   if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html = yield readStream(
+    html2 = yield readStream(
       yield reactDOMServer.renderToReadableStream(suspendedElement)
     );
   } else {
@@ -147,7 +147,7 @@ var renderAsync = (element, options) => __async(void 0, null, function* () {
       const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
         onAllReady() {
           return __async(this, null, function* () {
-            html = yield readStream(stream);
+            html2 = yield readStream(stream);
             resolve();
           });
         },
@@ -158,12 +158,12 @@ var renderAsync = (element, options) => __async(void 0, null, function* () {
     });
   }
   if (options == null ? void 0 : options.plainText) {
-    return convert2(html, __spreadValues({
+    return convert2(html2, __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.*?>/, "")}`;
+  const document = `${doctype}${html2.replace(/<!DOCTYPE.*?>/, "")}`;
   if (options == null ? void 0 : options.pretty) {
     return pretty(document);
   }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@react-email/render",
-  "version": "1.0.3-canary.0",
+  "version": "1.0.3-canary.2",
   "description": "Transform React components into HTML email templates",
   "sideEffects": false,
   "main": "./dist/browser/index.js",
@@ -78,17 +78,17 @@
   },
   "dependencies": {
     "html-to-text": "9.0.5",
-    "js-beautify": "^1.14.11",
+    "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"
   },
   "devDependencies": {
-    "@types/react": "npm:types-react@19.0.0-rc.1",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
     "@edge-runtime/vm": "3.1.8",
     "@types/html-to-text": "9.0.4",
-    "@types/js-beautify": "1.14.3",
+    "@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",
     "jsdom": "23.0.1",
     "tsup": "7.2.0",
     "typescript": "5.1.6",