@react-email/render 1.0.5 → 1.1.0-canary.1

package/dist/browser/index.d.mts

@@ -1,6 +1,10 @@
 import { HtmlToTextOptions, SelectorDefinition } from 'html-to-text';
+import { Options as Options$1 } from 'prettier';
 
 type Options = {
+    /**
+     * @deprecated use {@link pretty} instead
+     */
     pretty?: boolean;
 } & ({
     plainText?: false;
@@ -17,8 +21,13 @@ type Options = {
 
 declare const render: (element: React.ReactElement, options?: Options) => Promise<string>;
 
-declare const renderAsync: (element: React.ReactElement, options?: Options) => Promise<string>;
-
 declare const plainTextSelectors: SelectorDefinition[];
 
-export { Options, plainTextSelectors, render, renderAsync };
+declare const pretty: (str: string, options?: Options$1) => Promise<string>;
+
+/**
+ * @deprecated use {@link render}
+ */
+declare const renderAsync: (element: React.ReactElement, options?: Options) => Promise<string>;
+
+export { Options, plainTextSelectors, pretty, render, renderAsync };

package/dist/browser/index.d.ts

@@ -1,6 +1,10 @@
 import { HtmlToTextOptions, SelectorDefinition } from 'html-to-text';
+import { Options as Options$1 } from 'prettier';
 
 type Options = {
+    /**
+     * @deprecated use {@link pretty} instead
+     */
     pretty?: boolean;
 } & ({
     plainText?: false;
@@ -17,8 +21,13 @@ type Options = {
 
 declare const render: (element: React.ReactElement, options?: Options) => Promise<string>;
 
-declare const renderAsync: (element: React.ReactElement, options?: Options) => Promise<string>;
-
 declare const plainTextSelectors: SelectorDefinition[];
 
-export { Options, plainTextSelectors, render, renderAsync };
+declare const pretty: (str: string, options?: Options$1) => Promise<string>;
+
+/**
+ * @deprecated use {@link render}
+ */
+declare const renderAsync: (element: React.ReactElement, options?: Options) => Promise<string>;
+
+export { Options, plainTextSelectors, pretty, render, renderAsync };

package/dist/browser/index.js

@@ -68,6 +68,7 @@ var __async = (__this, __arguments, generator) => {
 var browser_exports = {};
 __export(browser_exports, {
   plainTextSelectors: () => plainTextSelectors,
+  pretty: () => pretty,
   render: () => render,
   renderAsync: () => renderAsync
 });
@@ -222,84 +223,14 @@ var render = (element, options) => __async(void 0, null, function* () {
   return document;
 });
 
-// src/browser/render-async.tsx
-var import_html_to_text2 = require("html-to-text");
-var import_react2 = require("react");
-
-// src/browser/read-stream.ts
-var decoder2 = new TextDecoder("utf-8");
-var readStream2 = (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 decoder2.decode(mergedChunks);
-});
-
-// src/browser/render-async.tsx
-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 reactDOMServer = yield import("react-dom/server");
-  let html2;
-  if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html2 = yield readStream2(
-      yield reactDOMServer.renderToReadableStream(suspendedElement)
-    );
-  } else {
-    yield new Promise((resolve, reject) => {
-      const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
-        onAllReady() {
-          return __async(this, null, function* () {
-            html2 = yield readStream2(stream);
-            resolve();
-          });
-        },
-        onError(error) {
-          reject(error);
-        }
-      });
-    });
-  }
-  if (options == null ? void 0 : options.plainText) {
-    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}${html2.replace(/<!DOCTYPE.*?>/, "")}`;
-  if (options == null ? void 0 : options.pretty) {
-    return pretty(document);
-  }
-  return document;
-});
+// src/browser/index.ts
+var renderAsync = (element, options) => {
+  return render(element, options);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   plainTextSelectors,
+  pretty,
   render,
   renderAsync
 });

package/dist/browser/index.mjs

@@ -187,83 +187,13 @@ var render = (element, options) => __async(void 0, null, function* () {
   return document;
 });
 
-// src/browser/render-async.tsx
-import { convert as convert2 } from "html-to-text";
-import { Suspense as Suspense2 } from "react";
-
-// src/browser/read-stream.ts
-var decoder2 = new TextDecoder("utf-8");
-var readStream2 = (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 decoder2.decode(mergedChunks);
-});
-
-// src/browser/render-async.tsx
-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 reactDOMServer = yield import("react-dom/server");
-  let html2;
-  if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html2 = yield readStream2(
-      yield reactDOMServer.renderToReadableStream(suspendedElement)
-    );
-  } else {
-    yield new Promise((resolve, reject) => {
-      const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
-        onAllReady() {
-          return __async(this, null, function* () {
-            html2 = yield readStream2(stream);
-            resolve();
-          });
-        },
-        onError(error) {
-          reject(error);
-        }
-      });
-    });
-  }
-  if (options == null ? void 0 : options.plainText) {
-    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}${html2.replace(/<!DOCTYPE.*?>/, "")}`;
-  if (options == null ? void 0 : options.pretty) {
-    return pretty(document);
-  }
-  return document;
-});
+// src/browser/index.ts
+var renderAsync = (element, options) => {
+  return render(element, options);
+};
 export {
   plainTextSelectors,
+  pretty,
   render,
   renderAsync
 };

package/dist/node/index.d.mts

@@ -1,6 +1,10 @@
 import { HtmlToTextOptions, SelectorDefinition } from 'html-to-text';
+import { Options as Options$1 } from 'prettier';
 
 type Options = {
+    /**
+     * @deprecated use {@link pretty} instead
+     */
     pretty?: boolean;
 } & ({
     plainText?: false;
@@ -17,11 +21,13 @@ type Options = {
 
 declare const render: (element: React.ReactElement, options?: Options) => Promise<string>;
 
+declare const plainTextSelectors: SelectorDefinition[];
+
+declare const pretty: (str: string, options?: Options$1) => Promise<string>;
+
 /**
- * @deprecated use `render`
+ * @deprecated use {@link render}
  */
 declare const renderAsync: (element: React.ReactElement, options?: Options) => Promise<string>;
 
-declare const plainTextSelectors: SelectorDefinition[];
-
-export { Options, plainTextSelectors, render, renderAsync };
+export { Options, plainTextSelectors, pretty, render, renderAsync };

package/dist/node/index.d.ts

@@ -1,6 +1,10 @@
 import { HtmlToTextOptions, SelectorDefinition } from 'html-to-text';
+import { Options as Options$1 } from 'prettier';
 
 type Options = {
+    /**
+     * @deprecated use {@link pretty} instead
+     */
     pretty?: boolean;
 } & ({
     plainText?: false;
@@ -17,11 +21,13 @@ type Options = {
 
 declare const render: (element: React.ReactElement, options?: Options) => Promise<string>;
 
+declare const plainTextSelectors: SelectorDefinition[];
+
+declare const pretty: (str: string, options?: Options$1) => Promise<string>;
+
 /**
- * @deprecated use `render`
+ * @deprecated use {@link render}
  */
 declare const renderAsync: (element: React.ReactElement, options?: Options) => Promise<string>;
 
-declare const plainTextSelectors: SelectorDefinition[];
-
-export { Options, plainTextSelectors, render, renderAsync };
+export { Options, plainTextSelectors, pretty, render, renderAsync };

package/dist/node/index.js

@@ -68,6 +68,7 @@ var __async = (__this, __arguments, generator) => {
 var node_exports = {};
 __export(node_exports, {
   plainTextSelectors: () => plainTextSelectors,
+  pretty: () => pretty,
   render: () => render,
   renderAsync: () => renderAsync
 });
@@ -220,48 +221,14 @@ var render = (element, options) => __async(void 0, null, function* () {
   return document;
 });
 
-// src/node/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 reactDOMServer = yield import("react-dom/server");
-  let html2;
-  if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html2 = yield readStream(
-      yield reactDOMServer.renderToReadableStream(suspendedElement)
-    );
-  } else {
-    yield new Promise((resolve, reject) => {
-      const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
-        onAllReady() {
-          return __async(this, null, function* () {
-            html2 = yield readStream(stream);
-            resolve();
-          });
-        },
-        onError(error) {
-          reject(error);
-        }
-      });
-    });
-  }
-  if (options == null ? void 0 : options.plainText) {
-    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}${html2.replace(/<!DOCTYPE.*?>/, "")}`;
-  if (options == null ? void 0 : options.pretty) {
-    return pretty(document);
-  }
-  return document;
-});
+// src/node/index.ts
+var renderAsync = (element, options) => {
+  return render(element, options);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   plainTextSelectors,
+  pretty,
   render,
   renderAsync
 });

package/dist/node/index.mjs

@@ -185,47 +185,13 @@ var render = (element, options) => __async(void 0, null, function* () {
   return document;
 });
 
-// src/node/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 reactDOMServer = yield import("react-dom/server");
-  let html2;
-  if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {
-    html2 = yield readStream(
-      yield reactDOMServer.renderToReadableStream(suspendedElement)
-    );
-  } else {
-    yield new Promise((resolve, reject) => {
-      const stream = reactDOMServer.renderToPipeableStream(suspendedElement, {
-        onAllReady() {
-          return __async(this, null, function* () {
-            html2 = yield readStream(stream);
-            resolve();
-          });
-        },
-        onError(error) {
-          reject(error);
-        }
-      });
-    });
-  }
-  if (options == null ? void 0 : options.plainText) {
-    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}${html2.replace(/<!DOCTYPE.*?>/, "")}`;
-  if (options == null ? void 0 : options.pretty) {
-    return pretty(document);
-  }
-  return document;
-});
+// src/node/index.ts
+var renderAsync = (element, options) => {
+  return render(element, options);
+};
 export {
   plainTextSelectors,
+  pretty,
   render,
   renderAsync
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-email/render",
-  "version": "1.0.5",
+  "version": "1.1.0-canary.1",
   "description": "Transform React components into HTML email templates",
   "sideEffects": false,
   "main": "./dist/browser/index.js",
@@ -77,9 +77,9 @@
     "node": ">=18.0.0"
   },
   "dependencies": {
-    "html-to-text": "9.0.5",
-    "prettier": "3.4.2",
-    "react-promise-suspense": "0.3.4"
+    "html-to-text": "^9.0.5",
+    "prettier": "^3.5.3",
+    "react-promise-suspense": "^0.3.4"
   },
   "peerDependencies": {
     "react": "^18.0 || ^19.0 || ^19.0.0-rc",
@@ -94,7 +94,6 @@
     "jsdom": "23.0.1",
     "tsup": "7.2.0",
     "typescript": "5.1.6",
-    "vitest": "1.1.2",
     "tsconfig": "0.0.0"
   },
   "publishConfig": {