npm - @react-email/render - Versions diffs - 0.0.8 → 0.0.9-canary.1 - Mend

@react-email/render 0.0.8 → 0.0.9-canary.1

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 (5) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -2,7 +2,7 @@ interface Options {
     pretty?: boolean;
     plainText?: boolean;
 }
-declare const render: (component: React.ReactElement, options?: Options) => string;
+declare const render: (component: React.ReactElement, options?: Options) => Promise<string>;
 declare const renderAsync: (component: React.ReactElement, options?: {
     pretty?: boolean;

package/dist/index.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ interface Options {
     pretty?: boolean;
     plainText?: boolean;
 }
-declare const render: (component: React.ReactElement, options?: Options) => string;
+declare const render: (component: React.ReactElement, options?: Options) => Promise<string>;
 declare const renderAsync: (component: React.ReactElement, options?: {
     pretty?: boolean;

package/dist/index.js CHANGED Viewed

@@ -65,18 +65,65 @@ module.exports = __toCommonJS(src_exports);
 var ReactDomServer = __toESM(require("react-dom/server"));
 var import_html_to_text = require("html-to-text");
 var import_pretty = __toESM(require("pretty"));
-var render = (component, options) => {
+var readPipeableStream = (readableStream) => __async(void 0, null, function* () {
+  let buffer = "";
+  try {
+    for (var iter = __forAwait(readableStream), more, temp, error; more = !(temp = yield iter.next()).done; more = false) {
+      const chunk = temp.value;
+      const chunkText = new TextDecoder("utf-8").decode(chunk);
+      buffer += chunkText;
+    }
+  } catch (temp) {
+    error = [temp];
+  } finally {
+    try {
+      more && (temp = iter.return) && (yield temp.call(iter));
+    } finally {
+      if (error)
+        throw error[0];
+    }
+  }
+  return buffer;
+});
+var readReactDOMServerReadableStream = (readableStream) => __async(void 0, null, function* () {
+  const reader = readableStream.getReader();
+  const chunks = [];
+  while (true) {
+    const { value, done } = yield reader.read();
+    if (done) {
+      break;
+    }
+    chunks.push(value);
+  }
+  return chunks.map((chunk) => new TextDecoder("utf-8").decode(chunk)).join("");
+});
+var isPipeableStream = (stream) => "pipeTo" in stream;
+var readStream = (readableStream) => __async(void 0, null, function* () {
+  if (isPipeableStream(readableStream)) {
+    return readPipeableStream(readableStream);
+  } else if (typeof readableStream === "string") {
+    return readableStream;
+  }
+  return readReactDOMServerReadableStream(readableStream);
+});
+var render = (component, options) => __async(void 0, null, function* () {
+  const reactDOMServer = (yield import("react-dom/server")).default;
+  const renderToStream = (
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    reactDOMServer.renderToReadableStream || reactDOMServer.renderToPipeableStream
+  );
   if (options == null ? void 0 : options.plainText) {
     return renderAsPlainText(component, options);
   }
   const doctype = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
-  const markup = ReactDomServer.renderToStaticMarkup(component);
-  const document = `${doctype}${markup}`;
+  const readableStream = yield renderToStream(component);
+  const html = yield readStream(readableStream);
+  const document = `${doctype}${html}`;
   if (options && options.pretty) {
     return (0, import_pretty.default)(document);
   }
   return document;
-};
+});
 var renderAsPlainText = (component, _options) => {
   return (0, import_html_to_text.convert)(ReactDomServer.renderToStaticMarkup(component), {
     selectors: [
@@ -89,15 +136,12 @@ var renderAsPlainText = (component, _options) => {
 // src/render-async.ts
 var import_html_to_text2 = require("html-to-text");
 var import_pretty2 = __toESM(require("pretty"));
-var import_server = __toESM(require("react-dom/server"));
-var { renderToStaticMarkup: renderToStaticMarkup2 } = import_server.default;
-var renderToStream = (
-  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-  import_server.default.renderToReadableStream || import_server.default.renderToPipeableStream
-);
+var import_server = require("react-dom/server");
+var import_server2 = __toESM(require("react-dom/server"));
 function renderToString(children) {
   return __async(this, null, function* () {
-    const stream = yield renderToStream(children);
+    const renderToReadableStream = import_server2.default.renderToReadableStream;
+    const stream = yield renderToReadableStream(children);
     const html = yield readableStreamToString(
       // ReactDOMServerReadableStream behaves like ReadableStream
       // in modern edge runtimes but the types are not compatible
@@ -129,7 +173,7 @@ function readableStreamToString(readableStream) {
   });
 }
 var renderAsync = (component, options) => __async(void 0, null, function* () {
-  const markup = typeof renderToStaticMarkup2 === "undefined" ? yield renderToString(component) : renderToStaticMarkup2(component);
+  const markup = typeof import_server.renderToStaticMarkup === "undefined" ? yield renderToString(component) : (0, import_server.renderToStaticMarkup)(component);
   if (options == null ? void 0 : options.plainText) {
     return (0, import_html_to_text2.convert)(markup, {
       selectors: [

package/dist/index.mjs CHANGED Viewed

@@ -29,18 +29,65 @@ var __forAwait = (obj, it, method) => (it = obj[__knownSymbol("asyncIterator")])
 import * as ReactDomServer from "react-dom/server";
 import { convert } from "html-to-text";
 import pretty from "pretty";
-var render = (component, options) => {
+var readPipeableStream = (readableStream) => __async(void 0, null, function* () {
+  let buffer = "";
+  try {
+    for (var iter = __forAwait(readableStream), more, temp, error; more = !(temp = yield iter.next()).done; more = false) {
+      const chunk = temp.value;
+      const chunkText = new TextDecoder("utf-8").decode(chunk);
+      buffer += chunkText;
+    }
+  } catch (temp) {
+    error = [temp];
+  } finally {
+    try {
+      more && (temp = iter.return) && (yield temp.call(iter));
+    } finally {
+      if (error)
+        throw error[0];
+    }
+  }
+  return buffer;
+});
+var readReactDOMServerReadableStream = (readableStream) => __async(void 0, null, function* () {
+  const reader = readableStream.getReader();
+  const chunks = [];
+  while (true) {
+    const { value, done } = yield reader.read();
+    if (done) {
+      break;
+    }
+    chunks.push(value);
+  }
+  return chunks.map((chunk) => new TextDecoder("utf-8").decode(chunk)).join("");
+});
+var isPipeableStream = (stream) => "pipeTo" in stream;
+var readStream = (readableStream) => __async(void 0, null, function* () {
+  if (isPipeableStream(readableStream)) {
+    return readPipeableStream(readableStream);
+  } else if (typeof readableStream === "string") {
+    return readableStream;
+  }
+  return readReactDOMServerReadableStream(readableStream);
+});
+var render = (component, options) => __async(void 0, null, function* () {
+  const reactDOMServer = (yield import("react-dom/server")).default;
+  const renderToStream = (
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    reactDOMServer.renderToReadableStream || reactDOMServer.renderToPipeableStream
+  );
   if (options == null ? void 0 : options.plainText) {
     return renderAsPlainText(component, options);
   }
   const doctype = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
-  const markup = ReactDomServer.renderToStaticMarkup(component);
-  const document = `${doctype}${markup}`;
+  const readableStream = yield renderToStream(component);
+  const html = yield readStream(readableStream);
+  const document = `${doctype}${html}`;
   if (options && options.pretty) {
     return pretty(document);
   }
   return document;
-};
+});
 var renderAsPlainText = (component, _options) => {
   return convert(ReactDomServer.renderToStaticMarkup(component), {
     selectors: [
@@ -53,15 +100,12 @@ var renderAsPlainText = (component, _options) => {
 // src/render-async.ts
 import { convert as convert2 } from "html-to-text";
 import pretty2 from "pretty";
-import react from "react-dom/server";
-var { renderToStaticMarkup: renderToStaticMarkup2 } = react;
-var renderToStream = (
-  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-  react.renderToReadableStream || react.renderToPipeableStream
-);
+import { renderToStaticMarkup as renderToStaticMarkup2 } from "react-dom/server";
+import ReactDOMServer from "react-dom/server";
 function renderToString(children) {
   return __async(this, null, function* () {
-    const stream = yield renderToStream(children);
+    const renderToReadableStream = ReactDOMServer.renderToReadableStream;
+    const stream = yield renderToReadableStream(children);
     const html = yield readableStreamToString(
       // ReactDOMServerReadableStream behaves like ReadableStream
       // in modern edge runtimes but the types are not compatible

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@react-email/render",
-  "version": "0.0.8",
+  "version": "0.0.9-canary.1",
   "description": "Transform React components into HTML email templates",
   "sideEffects": false,
   "main": "./dist/index.js",