react-email 5.2.2 → 5.2.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # react-email
 
+## 5.2.4
+
+### Patch Changes
+
+- 26283f9: fix support for alpine
+
+## 5.2.3
+
+### Patch Changes
+
+- 800c960: `email build` always failing
+
 ## 5.2.2
 
 ## 5.2.1

package/dev/index.js

@@ -13,10 +13,6 @@ const tsx = child_process.spawn(
   {
     cwd: process.cwd(),
     shell: true,
-    env: {
-      ...process.env,
-      NODE_OPTIONS: `${process.env.NODE_OPTIONS ?? ''} --experimental-vm-modules --disable-warning=ExperimentalWarning`,
-    },
     stdio: 'inherit',
   },
 );

package/dist/index.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env -S node --experimental-vm-modules --disable-warning=ExperimentalWarning
+#!/usr/bin/env node
 import { createRequire } from "node:module";
 import { program } from "commander";
 import fs, { existsSync, promises, statSync, unlinkSync, writeFileSync } from "node:fs";
@@ -87,7 +87,7 @@ const getEmailsDirectoryMetadata = async (absolutePathToEmailsDirectory, keepFil
 //#region package.json
 var package_default = {
 	name: "react-email",
-	version: "5.2.2",
+	version: "5.2.4",
 	description: "A live preview of your emails right in your browser.",
 	bin: { "email": "./dist/index.js" },
 	type: "module",
@@ -131,9 +131,9 @@ var package_default = {
 		"@types/babel__traverse": "7.20.7",
 		"@types/mime-types": "2.1.4",
 		"@types/prompts": "2.4.9",
-		"next": "16.1.1",
-		"react": "19.2.3",
-		"react-dom": "19.2.3",
+		"next": "16.0.10",
+		"react": "19.0.0",
+		"react-dom": "19.0.0",
 		"shlex": "3.0.0",
 		"tsx": "4.21.0",
 		"typescript": "5.8.3"
@@ -294,6 +294,7 @@ const build$1 = async ({ dir: emailsDirRelativePath, packageManager }) => {
 		});
 		await runScript("build", {
 			packageManager,
+			env: { NODE_OPTIONS: "--experimental-vm-modules --disable-warning=ExperimentalWarning" },
 			cwd: builtPreviewAppPath
 		});
 	} catch (error) {
@@ -581,6 +582,7 @@ const styleText = nodeUtil.styleText ? nodeUtil.styleText : (_, text) => text;
 //#region src/utils/preview/get-env-variables-for-preview-app.ts
 const getEnvVariablesForPreviewApp = (relativePathToEmailsDirectory, previewServerLocation, cwd, resendApiKey) => {
 	return {
+		NODE_OPTIONS: "--experimental-vm-modules --disable-warning=ExperimentalWarning",
 		EMAILS_DIR_RELATIVE_PATH: relativePathToEmailsDirectory,
 		EMAILS_DIR_ABSOLUTE_PATH: path.resolve(cwd, relativePathToEmailsDirectory),
 		PREVIEW_SERVER_LOCATION: previewServerLocation,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "5.2.2",
+  "version": "5.2.4",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./dist/index.js"
@@ -43,9 +43,9 @@
     "@types/babel__traverse": "7.20.7",
     "@types/mime-types": "2.1.4",
     "@types/prompts": "2.4.9",
-    "next": "16.1.1",
-    "react": "19.2.3",
-    "react-dom": "19.2.3",
+    "next": "16.0.10",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
     "shlex": "3.0.0",
     "tsx": "4.21.0",
     "typescript": "5.8.3",

package/src/commands/build.ts

@@ -238,6 +238,10 @@ export const build = async ({
 
     await runScript('build', {
       packageManager,
+      env: {
+        NODE_OPTIONS:
+          '--experimental-vm-modules --disable-warning=ExperimentalWarning',
+      },
       cwd: builtPreviewAppPath,
     });
   } catch (error) {

package/src/index.ts

@@ -1,4 +1,4 @@
-#!/usr/bin/env -S node --experimental-vm-modules --disable-warning=ExperimentalWarning
+#!/usr/bin/env node
 import { program } from 'commander';
 import { build } from './commands/build.js';
 import { dev } from './commands/dev.js';

package/src/utils/preview/get-env-variables-for-preview-app.ts

@@ -7,6 +7,8 @@ export const getEnvVariablesForPreviewApp = (
   resendApiKey?: string,
 ) => {
   return {
+    NODE_OPTIONS:
+      '--experimental-vm-modules --disable-warning=ExperimentalWarning',
     EMAILS_DIR_RELATIVE_PATH: relativePathToEmailsDirectory,
     EMAILS_DIR_ABSOLUTE_PATH: path.resolve(cwd, relativePathToEmailsDirectory),
     PREVIEW_SERVER_LOCATION: previewServerLocation,

package/src/utils/preview/hot-reloading/create-dependency-graph.spec.ts

@@ -56,7 +56,72 @@ describe('createDependencyGraph()', async () => {
         ];
       }),
     );
-    expect(relativePathDependencyGraph).toMatchSnapshot();
+    expect(relativePathDependencyGraph).toMatchInlineSnapshot(`
+      {
+        "../outer.ts": {
+          "dependencyPaths": [
+            "outer-dependency.ts",
+          ],
+          "dependentPaths": [
+            "general-importing-file.ts",
+          ],
+          "moduleDependencies": [],
+          "path": "../outer.ts",
+        },
+        "data-to-import.json": {
+          "dependencyPaths": [],
+          "dependentPaths": [
+            "general-importing-file.ts",
+          ],
+          "moduleDependencies": [],
+          "path": "data-to-import.json",
+        },
+        "file-a.ts": {
+          "dependencyPaths": [
+            "file-b.ts",
+          ],
+          "dependentPaths": [
+            "file-b.ts",
+            "general-importing-file.ts",
+          ],
+          "moduleDependencies": [],
+          "path": "file-a.ts",
+        },
+        "file-b.ts": {
+          "dependencyPaths": [
+            "file-a.ts",
+          ],
+          "dependentPaths": [
+            "file-a.ts",
+            "general-importing-file.ts",
+          ],
+          "moduleDependencies": [],
+          "path": "file-b.ts",
+        },
+        "general-importing-file.ts": {
+          "dependencyPaths": [
+            "../outer.ts",
+            "data-to-import.json",
+            "file-a.ts",
+            "file-b.ts",
+          ],
+          "dependentPaths": [],
+          "moduleDependencies": [
+            "node:os",
+            "node:path",
+          ],
+          "path": "general-importing-file.ts",
+        },
+        "outer-dependency.ts": {
+          "dependencyPaths": [],
+          "dependentPaths": [
+            "../outer.ts",
+          ],
+          "moduleDependencies": [],
+          "path": "outer-dependency.ts",
+        },
+      }
+    `);
   });
 
   it.sequential('should work when adding a new file', async () => {

package/src/utils/tree.spec.ts

@@ -1,5 +1,29 @@
 import { tree } from './tree.js';
 
 test('tree(__dirname, 2)', async () => {
-  expect(await tree(__dirname, 2)).toMatchSnapshot();
+  expect(await tree(__dirname, 2)).toMatchInlineSnapshot(`
+    "utils
+    ├── esbuild
+    │   ├── escape-string-for-regex.ts
+    │   └── renderring-utilities-exporter.ts
+    ├── preview
+    │   ├── hot-reloading
+    │   ├── get-env-variables-for-preview-app.ts
+    │   ├── index.ts
+    │   ├── serve-static-file.ts
+    │   └── start-dev-server.ts
+    ├── types
+    │   ├── hot-reload-change.ts
+    │   └── hot-reload-event.ts
+    ├── conf.ts
+    ├── get-emails-directory-metadata.spec.ts
+    ├── get-emails-directory-metadata.ts
+    ├── get-preview-server-location.ts
+    ├── index.ts
+    ├── packageJson.ts
+    ├── register-spinner-autostopping.ts
+    ├── style-text.ts
+    ├── tree.spec.ts
+    └── tree.ts"
+  `);
 });

package/src/utils/__snapshots__/tree.spec.ts.snap

@@ -1,29 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`tree(__dirname, 2) 1`] = `
-"utils
-├── __snapshots__
-│   └── tree.spec.ts.snap
-├── esbuild
-│   ├── escape-string-for-regex.ts
-│   └── renderring-utilities-exporter.ts
-├── preview
-│   ├── hot-reloading
-│   ├── get-env-variables-for-preview-app.ts
-│   ├── index.ts
-│   ├── serve-static-file.ts
-│   └── start-dev-server.ts
-├── types
-│   ├── hot-reload-change.ts
-│   └── hot-reload-event.ts
-├── conf.ts
-├── get-emails-directory-metadata.spec.ts
-├── get-emails-directory-metadata.ts
-├── get-preview-server-location.ts
-├── index.ts
-├── packageJson.ts
-├── register-spinner-autostopping.ts
-├── style-text.ts
-├── tree.spec.ts
-└── tree.ts"
-`;

package/src/utils/preview/hot-reloading/__snapshots__/create-dependency-graph.spec.ts.snap

@@ -1,68 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`createDependencyGraph() > should have the right initial value for the dependency graph 1`] = `
-{
-  "../outer.ts": {
-    "dependencyPaths": [
-      "outer-dependency.ts",
-    ],
-    "dependentPaths": [
-      "general-importing-file.ts",
-    ],
-    "moduleDependencies": [],
-    "path": "../outer.ts",
-  },
-  "data-to-import.json": {
-    "dependencyPaths": [],
-    "dependentPaths": [
-      "general-importing-file.ts",
-    ],
-    "moduleDependencies": [],
-    "path": "data-to-import.json",
-  },
-  "file-a.ts": {
-    "dependencyPaths": [
-      "file-b.ts",
-    ],
-    "dependentPaths": [
-      "file-b.ts",
-      "general-importing-file.ts",
-    ],
-    "moduleDependencies": [],
-    "path": "file-a.ts",
-  },
-  "file-b.ts": {
-    "dependencyPaths": [
-      "file-a.ts",
-    ],
-    "dependentPaths": [
-      "file-a.ts",
-      "general-importing-file.ts",
-    ],
-    "moduleDependencies": [],
-    "path": "file-b.ts",
-  },
-  "general-importing-file.ts": {
-    "dependencyPaths": [
-      "../outer.ts",
-      "data-to-import.json",
-      "file-a.ts",
-      "file-b.ts",
-    ],
-    "dependentPaths": [],
-    "moduleDependencies": [
-      "node:os",
-      "node:path",
-    ],
-    "path": "general-importing-file.ts",
-  },
-  "outer-dependency.ts": {
-    "dependencyPaths": [],
-    "dependentPaths": [
-      "../outer.ts",
-    ],
-    "moduleDependencies": [],
-    "path": "outer-dependency.ts",
-  },
-}
-`;