fix(react-email): files with extension-like suffixes breaking dependency graph (#2317)

Author: gabrielmfern

.changeset/giant-bottles-sell.md

@@ -0,0 +1,5 @@
+---
+"react-email": patch
+---
+
+fix files with extension-like suffixes (i.e. config, .spec) breaking dependency graph

packages/react-email/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,
           );
         })();