react-email 5.0.4 → 5.0.6

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # react-email
 
+## 5.0.6
+
+## 5.0.5
+
 ## 5.0.4
 
 ## 5.0.3

package/dist/index.js

@@ -1,14 +1,13 @@
 #!/usr/bin/env node
 import { createRequire } from "node:module";
 import { program } from "commander";
-import { spawn } from "node:child_process";
 import fs, { existsSync, promises, statSync, unlinkSync, writeFileSync } from "node:fs";
 import path from "node:path";
 import logSymbols from "log-symbols";
+import { addDevDependency, installDependencies, runScript } from "nypm";
 import ora from "ora";
 import url from "node:url";
 import { createJiti } from "jiti";
-import { addDevDependency } from "nypm";
 import prompts from "prompts";
 import { watch } from "chokidar";
 import debounce from "debounce";
@@ -24,6 +23,7 @@ import os from "node:os";
 import { build } from "esbuild";
 import { glob } from "glob";
 import normalize from "normalize-path";
+import { spawn } from "node:child_process";
 
 //#region src/utils/get-emails-directory-metadata.ts
 const isFileAnEmail = async (fullPath) => {
@@ -87,7 +87,7 @@ const getEmailsDirectoryMetadata = async (absolutePathToEmailsDirectory, keepFil
 //#region package.json
 var package_default = {
 	name: "react-email",
-	version: "5.0.4",
+	version: "5.0.6",
 	description: "A live preview of your emails right in your browser.",
 	bin: { "email": "./dist/index.js" },
 	type: "module",
@@ -105,7 +105,11 @@ var package_default = {
 		"directory": "packages/react-email"
 	},
 	keywords: ["react", "email"],
-	engines: { "node": ">=22.0.0" },
+	engines: { "node": ">=20.0.0" },
+	devEngines: { "runtime": {
+		"name": "node",
+		"version": ">=22.0.0"
+	} },
 	dependencies: {
 		"@babel/parser": "^7.27.0",
 		"@babel/traverse": "^7.27.0",
@@ -131,7 +135,7 @@ var package_default = {
 		"@types/babel__traverse": "7.20.7",
 		"@types/mime-types": "2.1.4",
 		"@types/prompts": "2.4.9",
-		"next": "16.0.1",
+		"next": "16.0.7",
 		"react": "19.0.0",
 		"react-dom": "19.0.0",
 		"typescript": "5.8.3"
@@ -184,52 +188,22 @@ const registerSpinnerAutostopping = (spinner) => {
 
 //#endregion
 //#region src/commands/build.ts
-const buildPreviewApp = (absoluteDirectory) => {
-	return new Promise((resolve, reject) => {
-		const nextBuild = spawn("npm", ["run", "build"], {
-			cwd: absoluteDirectory,
-			shell: true
-		});
-		nextBuild.stdout.pipe(process.stdout);
-		nextBuild.stderr.pipe(process.stderr);
-		nextBuild.on("close", (code) => {
-			if (code === 0) resolve();
-			else reject(/* @__PURE__ */ new Error(`Unable to build the Next app and it exited with code: ${code}`));
-		});
-	});
-};
-const npmInstall = async (builtPreviewAppPath, packageManager) => {
-	return new Promise((resolve, reject) => {
-		const childProc = spawn(packageManager, [
-			"install",
-			packageManager === "deno" ? "" : "--include=dev",
-			packageManager === "deno" ? "--quiet" : "--silent"
-		], {
-			cwd: builtPreviewAppPath,
-			shell: true
-		});
-		childProc.stdout.pipe(process.stdout);
-		childProc.stderr.pipe(process.stderr);
-		childProc.on("close", (code) => {
-			if (code === 0) resolve();
-			else reject(/* @__PURE__ */ new Error(`Unable to install the dependencies and it exited with code: ${code}`));
-		});
-	});
-};
 const setNextEnvironmentVariablesForBuild = async (emailsDirRelativePath, builtPreviewAppPath) => {
 	const nextConfigContents = `
 import path from 'path';
 const emailsDirRelativePath = path.normalize('${emailsDirRelativePath}');
 const userProjectLocation = '${process.cwd().replace(/\\/g, "/")}';
+const previewServerLocation = '${builtPreviewAppPath.replace(/\\/g, "/")}';
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   env: {
     NEXT_PUBLIC_IS_BUILDING: 'true',
     EMAILS_DIR_RELATIVE_PATH: emailsDirRelativePath,
     EMAILS_DIR_ABSOLUTE_PATH: path.resolve(userProjectLocation, emailsDirRelativePath),
-    PREVIEW_SERVER_LOCATION: '${builtPreviewAppPath.replace(/\\/g, "/")}',
+    PREVIEW_SERVER_LOCATION: previewServerLocation,
     USER_PROJECT_LOCATION: userProjectLocation
   },
+  outputFileTracingRoot: previewServerLocation,
   serverExternalPackages: ['esbuild'],
   typescript: {
     ignoreBuildErrors: true
@@ -313,12 +287,19 @@ const build$1 = async ({ dir: emailsDirRelativePath, packageManager }) => {
 		spinner.text = "Updating package.json's build and start scripts";
 		await updatePackageJson(builtPreviewAppPath);
 		spinner.text = "Installing dependencies on `.react-email`";
-		await npmInstall(builtPreviewAppPath, packageManager);
+		await installDependencies({
+			cwd: builtPreviewAppPath,
+			silent: true,
+			packageManager
+		});
 		spinner.stopAndPersist({
 			text: "Successfully prepared `.react-email` for `next build`",
 			symbol: logSymbols.success
 		});
-		await buildPreviewApp(builtPreviewAppPath);
+		await runScript("build", {
+			packageManager,
+			cwd: builtPreviewAppPath
+		});
 	} catch (error) {
 		console.log(error);
 		process.exit(1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "5.0.4",
+  "version": "5.0.6",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./dist/index.js"
@@ -17,7 +17,13 @@
     "email"
   ],
   "engines": {
-    "node": ">=22.0.0"
+    "node": ">=20.0.0"
+  },
+  "devEngines": {
+    "runtime": {
+      "name": "node",
+      "version": ">=22.0.0"
+    }
   },
   "dependencies": {
     "@babel/parser": "^7.27.0",
@@ -43,7 +49,7 @@
     "@types/babel__traverse": "7.20.7",
     "@types/mime-types": "2.1.4",
     "@types/prompts": "2.4.9",
-    "next": "16.0.1",
+    "next": "16.0.7",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "typescript": "5.8.3",

package/src/commands/build.ts

@@ -1,7 +1,7 @@
-import { spawn } from 'node:child_process';
 import fs from 'node:fs';
 import path from 'node:path';
 import logSymbols from 'log-symbols';
+import { installDependencies, type PackageManagerName, runScript } from 'nypm';
 import ora from 'ora';
 import {
   type EmailsDirectory,
@@ -12,65 +12,9 @@ import { registerSpinnerAutostopping } from '../utils/register-spinner-autostopp
 
 interface Args {
   dir: string;
-  packageManager: string;
+  packageManager: PackageManagerName;
 }
 
-const buildPreviewApp = (absoluteDirectory: string) => {
-  return new Promise<void>((resolve, reject) => {
-    const nextBuild = spawn('npm', ['run', 'build'], {
-      cwd: absoluteDirectory,
-      shell: true,
-    });
-    nextBuild.stdout.pipe(process.stdout);
-    nextBuild.stderr.pipe(process.stderr);
-
-    nextBuild.on('close', (code) => {
-      if (code === 0) {
-        resolve();
-      } else {
-        reject(
-          new Error(
-            `Unable to build the Next app and it exited with code: ${code}`,
-          ),
-        );
-      }
-    });
-  });
-};
-
-const npmInstall = async (
-  builtPreviewAppPath: string,
-  packageManager: string,
-) => {
-  return new Promise<void>((resolve, reject) => {
-    const childProc = spawn(
-      packageManager,
-      [
-        'install',
-        packageManager === 'deno' ? '' : '--include=dev',
-        packageManager === 'deno' ? '--quiet' : '--silent',
-      ],
-      {
-        cwd: builtPreviewAppPath,
-        shell: true,
-      },
-    );
-    childProc.stdout.pipe(process.stdout);
-    childProc.stderr.pipe(process.stderr);
-    childProc.on('close', (code) => {
-      if (code === 0) {
-        resolve();
-      } else {
-        reject(
-          new Error(
-            `Unable to install the dependencies and it exited with code: ${code}`,
-          ),
-        );
-      }
-    });
-  });
-};
-
 const setNextEnvironmentVariablesForBuild = async (
   emailsDirRelativePath: string,
   builtPreviewAppPath: string,
@@ -79,15 +23,17 @@ const setNextEnvironmentVariablesForBuild = async (
 import path from 'path';
 const emailsDirRelativePath = path.normalize('${emailsDirRelativePath}');
 const userProjectLocation = '${process.cwd().replace(/\\/g, '/')}';
+const previewServerLocation = '${builtPreviewAppPath.replace(/\\/g, '/')}';
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   env: {
     NEXT_PUBLIC_IS_BUILDING: 'true',
     EMAILS_DIR_RELATIVE_PATH: emailsDirRelativePath,
     EMAILS_DIR_ABSOLUTE_PATH: path.resolve(userProjectLocation, emailsDirRelativePath),
-    PREVIEW_SERVER_LOCATION: '${builtPreviewAppPath.replace(/\\/g, '/')}',
+    PREVIEW_SERVER_LOCATION: previewServerLocation,
     USER_PROJECT_LOCATION: userProjectLocation
   },
+  outputFileTracingRoot: previewServerLocation,
   serverExternalPackages: ['esbuild'],
   typescript: {
     ignoreBuildErrors: true
@@ -281,14 +227,21 @@ export const build = async ({
     await updatePackageJson(builtPreviewAppPath);
 
     spinner.text = 'Installing dependencies on `.react-email`';
-    await npmInstall(builtPreviewAppPath, packageManager);
+    await installDependencies({
+      cwd: builtPreviewAppPath,
+      silent: true,
+      packageManager,
+    });
 
     spinner.stopAndPersist({
       text: 'Successfully prepared `.react-email` for `next build`',
       symbol: logSymbols.success,
     });
 
-    await buildPreviewApp(builtPreviewAppPath);
+    await runScript('build', {
+      packageManager,
+      cwd: builtPreviewAppPath,
+    });
   } catch (error) {
     console.log(error);
     process.exit(1);