react-email 4.2.2 → 4.2.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # react-email
 
+## 4.2.4
+
+## 4.2.3
+
+### Patch Changes
+
+- 8259eeb: fix files with extension-like suffixes (i.e. config, .spec) breaking dependency graph
+
 ## 4.2.2
 
 ### Patch Changes

package/dist/index.js

@@ -106,7 +106,7 @@ import prompts from "prompts";
 // package.json
 var package_default = {
   name: "react-email",
-  version: "4.2.2",
+  version: "4.2.4",
   description: "A live preview of your emails right in your browser.",
   bin: {
     email: "./dist/index.js"
@@ -556,9 +556,10 @@ var readAllFilesInsideDirectory = async (directory) => {
   }
   return allFilePaths;
 };
+var javascriptExtensions = [".js", ".ts", ".jsx", ".tsx", ".mjs", ".cjs"];
 var isJavascriptModule = (filePath) => {
   const extensionName = path5.extname(filePath);
-  return [".js", ".ts", ".jsx", ".tsx", ".mjs", ".cjs"].includes(extensionName);
+  return javascriptExtensions.includes(extensionName);
 };
 var checkFileExtensionsUntilItExists = (pathWithoutExtension) => {
   if (existsSync(`${pathWithoutExtension}.ts`)) {
@@ -634,11 +635,16 @@ var createDependencyGraph = async (directory) => {
         }
         const extension = path5.extname(pathToDependencyFromDirectory);
         const pathWithEnsuredExtension = (() => {
-          if (extension.length > 0 && existsSync(pathToDependencyFromDirectory)) {
-            return pathToDependencyFromDirectory;
+          if (extension.length > 0 && javascriptExtensions.includes(extension)) {
+            if (existsSync(pathToDependencyFromDirectory)) {
+              return pathToDependencyFromDirectory;
+            }
+            return checkFileExtensionsUntilItExists(
+              pathToDependencyFromDirectory.replace(extension, "")
+            );
           }
           return checkFileExtensionsUntilItExists(
-            pathToDependencyFromDirectory.replace(extension, "")
+            pathToDependencyFromDirectory
           );
         })();
         if (pathWithEnsuredExtension) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "4.2.2",
+  "version": "4.2.4",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./dist/index.js"
@@ -48,7 +48,7 @@
     "react-dom": "19.0.0",
     "tsup": "8.4.0",
     "typescript": "5.8.3",
-    "@react-email/components": "0.3.1"
+    "@react-email/components": "0.3.2"
   },
   "scripts": {
     "build": "tsup-node",

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

@@ -34,10 +34,12 @@ const readAllFilesInsideDirectory = async (directory: string) => {
   return allFilePaths;
 };
 
+const javascriptExtensions = ['.js', '.ts', '.jsx', '.tsx', '.mjs', '.cjs'];
+
 const isJavascriptModule = (filePath: string) => {
   const extensionName = path.extname(filePath);
 
-  return ['.js', '.ts', '.jsx', '.tsx', '.mjs', '.cjs'].includes(extensionName);
+  return javascriptExtensions.includes(extensionName);
 };
 
 const checkFileExtensionsUntilItExists = (
@@ -144,12 +146,17 @@ export const createDependencyGraph = async (directory: string) => {
         const pathWithEnsuredExtension = (() => {
           if (
             extension.length > 0 &&
-            existsSync(pathToDependencyFromDirectory)
+            javascriptExtensions.includes(extension)
           ) {
-            return pathToDependencyFromDirectory;
+            if (existsSync(pathToDependencyFromDirectory)) {
+              return pathToDependencyFromDirectory;
+            }
+            return checkFileExtensionsUntilItExists(
+              pathToDependencyFromDirectory.replace(extension, ''),
+            );
           }
           return checkFileExtensionsUntilItExists(
-            pathToDependencyFromDirectory.replace(extension, ''),
+            pathToDependencyFromDirectory,
           );
         })();