react-email 6.1.4 → 6.1.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # react-email
 
+## 6.1.5
+
+### Patch Changes
+
+- 1a61cb0: Avoid OOM when running `email export` on projects with many templates. esbuild builds now run in batches of 10 entry points, and the render phase runs each batch of 25 templates inside a `worker_threads` worker so V8 isolate memory is reclaimed between batches.
+
 ## 6.1.4
 
 ### Patch Changes

package/dist/cli/index.mjs

@@ -3,7 +3,7 @@ import { createRequire } from "node:module";
 import { spawn } from "node:child_process";
 import { Option, program } from "commander";
 import * as fs$1 from "node:fs";
-import fs, { existsSync, promises, statSync, unlinkSync, writeFileSync } from "node:fs";
+import fs, { existsSync, promises, statSync } from "node:fs";
 import * as path$2 from "node:path";
 import path from "node:path";
 import url, { fileURLToPath } from "node:url";
@@ -31,7 +31,8 @@ import os from "node:os";
 import Conf from "conf";
 import * as nodeUtil from "node:util";
 import { lookup } from "mime-types";
-import { build } from "esbuild";
+import { Worker } from "node:worker_threads";
+import { build, stop } from "esbuild";
 import { glob } from "glob";
 import normalize$1 from "normalize-path";
 //#region \0rolldown/runtime.js
@@ -6522,7 +6523,7 @@ const getEmailsDirectoryMetadata = async (absolutePathToEmailsDirectory, keepFil
 //#region package.json
 var package_default = {
 	name: "react-email",
-	version: "6.1.4",
+	version: "6.1.5",
 	description: "A live preview of your emails right in your browser.",
 	bin: { "email": "./dist/cli/index.mjs" },
 	type: "module",
@@ -7403,7 +7404,40 @@ const getEmailTemplatesFromDirectory = (emailDirectory) => {
 	for (const directory of emailDirectory.subDirectories) templatePaths.push(...getEmailTemplatesFromDirectory(directory));
 	return templatePaths;
 };
-const require$1 = createRequire(url.fileURLToPath(import.meta.url));
+const BUILD_BATCH_SIZE = 10;
+const RENDER_BATCH_SIZE = 25;
+const renderWorkerSource = `
+const { unlinkSync, writeFileSync } = require('node:fs');
+const { parentPort, workerData } = require('node:worker_threads');
+
+const { templates, options } = workerData;
+
+(async () => {
+  for (const template of templates) {
+    try {
+      const emailModule = require(template);
+      const rendered = await emailModule.render(
+        emailModule.reactEmailCreateReactElement(emailModule.default, {}),
+        options,
+      );
+      const htmlPath = template.replace(
+        '.cjs',
+        options.plainText ? '.txt' : '.html',
+      );
+      writeFileSync(htmlPath, rendered);
+      unlinkSync(template);
+      parentPort.postMessage({ type: 'progress', template });
+    } catch (exception) {
+      parentPort.postMessage({
+        type: 'error',
+        template,
+        message: exception && exception.stack ? exception.stack : String(exception),
+      });
+      process.exit(1);
+    }
+  }
+})();
+`;
 const exportTemplates = async (pathToWhereEmailMarkupShouldBeDumped, emailsDirectoryPath, options) => {
 	let spinner;
 	if (!options.silent) {
@@ -7423,20 +7457,24 @@ const exportTemplates = async (pathToWhereEmailMarkupShouldBeDumped, emailsDirec
 	if (fs.existsSync(pathToWhereEmailMarkupShouldBeDumped)) fs.rmSync(pathToWhereEmailMarkupShouldBeDumped, { recursive: true });
 	const allTemplates = getEmailTemplatesFromDirectory(emailsDirectoryMetadata);
 	try {
-		await build({
-			bundle: true,
-			entryPoints: allTemplates,
-			external: ["css-tree"],
-			format: "cjs",
-			jsx: "automatic",
-			loader: { ".js": "jsx" },
-			logLevel: "silent",
-			outExtension: { ".js": ".cjs" },
-			outdir: pathToWhereEmailMarkupShouldBeDumped,
-			platform: "node",
-			plugins: [renderingUtilitiesExporter(allTemplates)],
-			write: true
-		});
+		for (let i = 0; i < allTemplates.length; i += BUILD_BATCH_SIZE) {
+			const batch = allTemplates.slice(i, i + BUILD_BATCH_SIZE);
+			await build({
+				bundle: true,
+				entryPoints: batch,
+				external: ["css-tree"],
+				format: "cjs",
+				jsx: "automatic",
+				loader: { ".js": "jsx" },
+				logLevel: "silent",
+				outExtension: { ".js": ".cjs" },
+				outdir: pathToWhereEmailMarkupShouldBeDumped,
+				platform: "node",
+				plugins: [renderingUtilitiesExporter(batch)],
+				write: true
+			});
+			await stop();
+		}
 	} catch (exception) {
 		if (spinner) stopSpinnerAndPersist(spinner, {
 			symbol: logSymbols.error,
@@ -7451,20 +7489,41 @@ const exportTemplates = async (pathToWhereEmailMarkupShouldBeDumped, emailsDirec
 		spinner.setText(`rendering ${allBuiltTemplates[0]?.split("/").pop()}`);
 		spinner.start();
 	}
-	for await (const template of allBuiltTemplates) try {
-		if (spinner) spinner.setText(`rendering ${template.split("/").pop()}`);
-		delete require$1.cache[template];
-		const emailModule = require$1(template);
-		const rendered = await emailModule.render(emailModule.reactEmailCreateReactElement(emailModule.default, {}), options);
-		writeFileSync(template.replace(".cjs", options.plainText ? ".txt" : ".html"), rendered);
-		unlinkSync(template);
-	} catch (exception) {
-		if (spinner) stopSpinnerAndPersist(spinner, {
-			symbol: logSymbols.error,
-			text: `failed when rendering ${template.split("/").pop()}`
-		});
-		console.error(exception);
-		process.exit(1);
+	for (let i = 0; i < allBuiltTemplates.length; i += RENDER_BATCH_SIZE) {
+		const batch = allBuiltTemplates.slice(i, i + RENDER_BATCH_SIZE);
+		let failedTemplate;
+		let failureMessage;
+		try {
+			await new Promise((resolve, reject) => {
+				const worker = new Worker(renderWorkerSource, {
+					eval: true,
+					workerData: {
+						templates: batch,
+						options
+					}
+				});
+				worker.on("message", (msg) => {
+					if (msg.type === "progress") {
+						if (spinner) spinner.setText(`rendering ${msg.template.split("/").pop()}`);
+					} else if (msg.type === "error") {
+						failedTemplate = msg.template;
+						failureMessage = msg.message;
+					}
+				});
+				worker.on("error", reject);
+				worker.on("exit", (code) => {
+					if (code !== 0) reject(new Error(failureMessage ?? `Render worker exited with code ${code}`));
+					else resolve();
+				});
+			});
+		} catch (exception) {
+			if (spinner) stopSpinnerAndPersist(spinner, {
+				symbol: logSymbols.error,
+				text: failedTemplate ? `failed when rendering ${failedTemplate.split("/").pop()}` : "failed when rendering"
+			});
+			console.error(exception);
+			process.exit(1);
+		}
 	}
 	if (spinner) {
 		spinner.succeed("Rendered all files");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "6.1.4",
+  "version": "6.1.5",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./dist/cli/index.mjs"