react-email 5.2.0-canary.3 → 5.2.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # react-email
 
+## 5.2.1
+
+## 5.2.0
+
+### Patch Changes
+
+- 16cc7d1: increase timeout to 10 minutes by default, disable build workers
+
 ## 5.2.0-canary.3
 
 ### Patch Changes

package/dev/CHANGELOG.md

@@ -1,5 +1,7 @@
 # email-dev
 
+## 0.0.5
+
 ## 0.0.4
 
 ## 0.0.3

package/dev/index.js

@@ -1,22 +1,25 @@
 import child_process from 'node:child_process';
 import path from 'node:path';
 import url from 'node:url';
+import { join } from 'shlex';
 
 const filename = url.fileURLToPath(import.meta.url);
 const dirname = path.dirname(filename);
 
 const root = path.resolve(dirname, '../src/index.ts');
 
-const tsxPath = path.resolve(dirname, '../../../node_modules/.bin/tsx');
-
-const tsx = child_process.spawn(tsxPath, [root, ...process.argv.slice(2)], {
-  cwd: process.cwd(),
-  env: {
-    ...process.env,
-    NODE_OPTIONS: `${process.env.NODE_OPTIONS ?? ''} --experimental-vm-modules --disable-warning=ExperimentalWarning`,
+const tsx = child_process.spawn(
+  `pnpm tsx ${root} ${join(process.argv.slice(2))}`,
+  {
+    cwd: process.cwd(),
+    shell: true,
+    env: {
+      ...process.env,
+      NODE_OPTIONS: `${process.env.NODE_OPTIONS ?? ''} --experimental-vm-modules --disable-warning=ExperimentalWarning`,
+    },
+    stdio: 'inherit',
   },
-  stdio: 'inherit',
-});
+);
 
 tsx.on('close', (code) => {
   process.exit(code);

package/dev/package.json

@@ -1,6 +1,6 @@
 {
   "name": "email-dev",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "bin": "index.js",
   "private": true,
   "type": "module",

package/dist/index.js

@@ -87,7 +87,7 @@ const getEmailsDirectoryMetadata = async (absolutePathToEmailsDirectory, keepFil
 //#region package.json
 var package_default = {
 	name: "react-email",
-	version: "5.2.0-canary.3",
+	version: "5.2.1",
 	description: "A live preview of your emails right in your browser.",
 	bin: { "email": "./dist/index.js" },
 	type: "module",
@@ -134,6 +134,8 @@ var package_default = {
 		"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "5.2.0-canary.3",
+  "version": "5.2.1",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./dist/index.js"
@@ -46,8 +46,10 @@
     "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",
-    "@react-email/components": "1.0.4-canary.0"
+    "@react-email/components": "1.0.4"
   },
   "scripts": {
     "build": "tsdown",

package/src/utils/get-emails-directory-metadata.spec.ts

@@ -1,5 +1,5 @@
 import path from 'node:path';
-import { getEmailsDirectoryMetadata } from './get-emails-directory-metadata.js';
+import { getEmailsDirectoryMetadata } from './get-emails-directory-metadata';
 
 test('getEmailsDirectoryMetadata on demo emails', async () => {
   const emailsDirectoryPath = path.resolve(
@@ -13,7 +13,7 @@ test('getEmailsDirectoryMetadata on demo emails', async () => {
     emailFilenames: [],
     subDirectories: [
       {
-        absolutePath: `${emailsDirectoryPath}/magic-links`,
+        absolutePath: path.join(emailsDirectoryPath, 'magic-links'),
         directoryName: 'magic-links',
         relativePath: 'magic-links',
         emailFilenames: [
@@ -27,7 +27,7 @@ test('getEmailsDirectoryMetadata on demo emails', async () => {
         subDirectories: [],
       },
       {
-        absolutePath: `${emailsDirectoryPath}/newsletters`,
+        absolutePath: path.join(emailsDirectoryPath, 'newsletters'),
         directoryName: 'newsletters',
         relativePath: 'newsletters',
         emailFilenames: [
@@ -38,7 +38,7 @@ test('getEmailsDirectoryMetadata on demo emails', async () => {
         subDirectories: [],
       },
       {
-        absolutePath: `${emailsDirectoryPath}/notifications`,
+        absolutePath: path.join(emailsDirectoryPath, 'notifications'),
         directoryName: 'notifications',
         relativePath: 'notifications',
         emailFilenames: [
@@ -50,28 +50,28 @@ test('getEmailsDirectoryMetadata on demo emails', async () => {
         subDirectories: [],
       },
       {
-        absolutePath: `${emailsDirectoryPath}/receipts`,
+        absolutePath: path.join(emailsDirectoryPath, 'receipts'),
         directoryName: 'receipts',
         relativePath: 'receipts',
         emailFilenames: ['apple-receipt', 'nike-receipt'],
         subDirectories: [],
       },
       {
-        absolutePath: `${emailsDirectoryPath}/reset-password`,
+        absolutePath: path.join(emailsDirectoryPath, 'reset-password'),
         directoryName: 'reset-password',
         relativePath: 'reset-password',
         emailFilenames: ['dropbox-reset-password', 'twitch-reset-password'],
         subDirectories: [],
       },
       {
-        absolutePath: `${emailsDirectoryPath}/reviews`,
+        absolutePath: path.join(emailsDirectoryPath, 'reviews'),
         directoryName: 'reviews',
         relativePath: 'reviews',
         emailFilenames: ['airbnb-review', 'amazon-review'],
         subDirectories: [],
       },
       {
-        absolutePath: `${emailsDirectoryPath}/welcome`,
+        absolutePath: path.join(emailsDirectoryPath, 'welcome'),
         directoryName: 'welcome',
         relativePath: 'welcome',
         emailFilenames: ['koala-welcome', 'netlify-welcome', 'stripe-welcome'],

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

@@ -40,14 +40,16 @@ describe('createDependencyGraph()', async () => {
     const relativePathDependencyGraph = Object.fromEntries(
       Object.entries(dependencyGraph).map(([key, value]) => {
         return [
-          path.relative(testingDiretctory, key),
+          path.relative(testingDiretctory, key).replace(/\\/g, '/'),
           {
-            path: path.relative(testingDiretctory, value.path),
+            path: path
+              .relative(testingDiretctory, value.path)
+              .replace(/\\/g, '/'),
             dependentPaths: value.dependentPaths.map((p) =>
-              path.relative(testingDiretctory, p),
+              path.relative(testingDiretctory, p).replace(/\\/g, '/'),
             ),
             dependencyPaths: value.dependencyPaths.map((p) =>
-              path.relative(testingDiretctory, p),
+              path.relative(testingDiretctory, p).replace(/\\/g, '/'),
             ),
             moduleDependencies: value.moduleDependencies,
           },