react-email 5.0.0-canary.3 → 5.0.0-canary.5

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # react-email
 
+## 5.0.0-canary.5
+
+## 5.0.0-canary.4
+
 ## 5.0.0-canary.3
 
 ### Minor Changes

package/dist/index.js

@@ -86,7 +86,7 @@ const getEmailsDirectoryMetadata = async (absolutePathToEmailsDirectory, keepFil
 //#region package.json
 var package_default = {
 	name: "react-email",
-	version: "5.0.0-canary.3",
+	version: "5.0.0-canary.5",
 	description: "A live preview of your emails right in your browser.",
 	bin: { "email": "./dist/index.js" },
 	type: "module",
@@ -104,7 +104,7 @@ var package_default = {
 		"directory": "packages/react-email"
 	},
 	keywords: ["react", "email"],
-	engines: { "node": ">=18.0.0" },
+	engines: { "node": ">=22.0.0" },
 	dependencies: {
 		"@babel/parser": "^7.27.0",
 		"@babel/traverse": "^7.27.0",
@@ -129,7 +129,7 @@ var package_default = {
 		"@types/babel__traverse": "7.20.7",
 		"@types/mime-types": "2.1.4",
 		"@types/prompts": "2.4.9",
-		"next": "^15.3.2",
+		"next": "16.0.1",
 		"react": "19.0.0",
 		"react-dom": "19.0.0",
 		"typescript": "5.8.3"
@@ -228,28 +228,15 @@ module.exports = {
     PREVIEW_SERVER_LOCATION: '${builtPreviewAppPath.replace(/\\/g, "/")}',
     USER_PROJECT_LOCATION: userProjectLocation
   },
-  // this is needed so that the code for building emails works properly
-  webpack: (
-    /** @type {import('webpack').Configuration & { externals: string[] }} */
-    config,
-    { isServer }
-  ) => {
-    if (isServer) {
-      config.externals.push('esbuild');
-    }
-
-    return config;
-  },
+  serverExternalPackages: ['esbuild'],
   typescript: {
     ignoreBuildErrors: true
   },
-  eslint: {
-    ignoreDuringBuilds: true
-  },
   experimental: {
     webpackBuildWorker: true
   },
 }`;
+	await fs.promises.rm(path.resolve(builtPreviewAppPath, "./next.config.ts"));
 	await fs.promises.writeFile(path.resolve(builtPreviewAppPath, "./next.config.js"), nextConfigContents, "utf8");
 };
 const getEmailSlugsFromEmailDirectory = (emailDirectory, emailsDirectoryAbsolutePath) => {
@@ -280,12 +267,11 @@ export function generateStaticParams() {
 const updatePackageJson = async (builtPreviewAppPath) => {
 	const packageJsonPath = path.resolve(builtPreviewAppPath, "./package.json");
 	const packageJson = JSON.parse(await fs.promises.readFile(packageJsonPath, "utf8"));
-	packageJson.scripts.build = "next build";
+	packageJson.scripts.build = "next build --webpack";
 	packageJson.scripts.start = "next start";
 	delete packageJson.scripts.postbuild;
 	packageJson.name = "preview-server";
 	for (const [dependency, version$1] of Object.entries(packageJson.dependencies)) packageJson.dependencies[dependency] = version$1.replace("workspace:", "");
-	delete packageJson.devDependencies["@react-email/render"];
 	delete packageJson.devDependencies["@react-email/components"];
 	delete packageJson.scripts.prepare;
 	await fs.promises.writeFile(packageJsonPath, JSON.stringify(packageJson), "utf8");
@@ -662,8 +648,8 @@ const safeAsyncServerListen = (server, port) => {
 };
 const startDevServer = async (emailsDirRelativePath, staticBaseDirRelativePath, port) => {
 	const [majorNodeVersion] = process.versions.node.split(".");
-	if (majorNodeVersion && Number.parseInt(majorNodeVersion) < 18) {
-		console.error(` ${logSymbols.error}  Node ${majorNodeVersion} is not supported. Please upgrade to Node 18 or higher.`);
+	if (majorNodeVersion && Number.parseInt(majorNodeVersion) < 20) {
+		console.error(` ${logSymbols.error}  Node ${majorNodeVersion} is not supported. Please upgrade to Node 20 or higher.`);
 		process.exit(1);
 	}
 	const previewServerLocation = await getPreviewServerLocation();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "5.0.0-canary.3",
+  "version": "5.0.0-canary.5",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./dist/index.js"
@@ -17,7 +17,7 @@
     "email"
   ],
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.0.0"
   },
   "dependencies": {
     "@babel/parser": "^7.27.0",
@@ -42,11 +42,11 @@
     "@types/babel__traverse": "7.20.7",
     "@types/mime-types": "2.1.4",
     "@types/prompts": "2.4.9",
-    "next": "^15.3.2",
+    "next": "16.0.1",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "typescript": "5.8.3",
-    "@react-email/components": "1.0.0-canary.2"
+    "@react-email/components": "1.0.0-canary.6"
   },
   "scripts": {
     "build": "tsdown",

package/src/commands/build.ts

@@ -88,29 +88,17 @@ module.exports = {
     PREVIEW_SERVER_LOCATION: '${builtPreviewAppPath.replace(/\\/g, '/')}',
     USER_PROJECT_LOCATION: userProjectLocation
   },
-  // this is needed so that the code for building emails works properly
-  webpack: (
-    /** @type {import('webpack').Configuration & { externals: string[] }} */
-    config,
-    { isServer }
-  ) => {
-    if (isServer) {
-      config.externals.push('esbuild');
-    }
-
-    return config;
-  },
+  serverExternalPackages: ['esbuild'],
   typescript: {
     ignoreBuildErrors: true
   },
-  eslint: {
-    ignoreDuringBuilds: true
-  },
   experimental: {
     webpackBuildWorker: true
   },
 }`;
 
+  await fs.promises.rm(path.resolve(builtPreviewAppPath, './next.config.ts'));
+
   await fs.promises.writeFile(
     path.resolve(builtPreviewAppPath, './next.config.js'),
     nextConfigContents,
@@ -202,7 +190,8 @@ const updatePackageJson = async (builtPreviewAppPath: string) => {
     dependencies: Record<string, string>;
     devDependencies: Record<string, string>;
   };
-  packageJson.scripts.build = 'next build';
+  // Turbopack has some errors with the imports in @react-email/tailwind
+  packageJson.scripts.build = 'next build --webpack';
   packageJson.scripts.start = 'next start';
   delete packageJson.scripts.postbuild;
 
@@ -214,12 +203,6 @@ const updatePackageJson = async (builtPreviewAppPath: string) => {
     packageJson.dependencies[dependency] = version.replace('workspace:', '');
   }
 
-  // We remove this one to avoid having resolve issues on our demo build process.
-  // This is only used in the `export` command so it's irrelevant to have it here.
-  //
-  // See `src/actions/render-email-by-path` for more info on how we render the
-  // email templates without `@react-email/render` being installed.
-  delete packageJson.devDependencies['@react-email/render'];
   delete packageJson.devDependencies['@react-email/components'];
   delete packageJson.scripts.prepare;
 

package/src/utils/preview/start-dev-server.ts

@@ -33,9 +33,9 @@ export const startDevServer = async (
   port: number,
 ): Promise<http.Server> => {
   const [majorNodeVersion] = process.versions.node.split('.');
-  if (majorNodeVersion && Number.parseInt(majorNodeVersion) < 18) {
+  if (majorNodeVersion && Number.parseInt(majorNodeVersion) < 20) {
     console.error(
-      ` ${logSymbols.error}  Node ${majorNodeVersion} is not supported. Please upgrade to Node 18 or higher.`,
+      ` ${logSymbols.error}  Node ${majorNodeVersion} is not supported. Please upgrade to Node 20 or higher.`,
     );
     process.exit(1);
   }

package/tsconfig.json

@@ -23,7 +23,7 @@
     "declaration": false,
     "declarationMap": false,
     "incremental": false,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "lib": ["dom", "dom.iterable", "esnext", "ESNext.AsyncIterable"],
     "noEmit": true,
     "strict": false,