react-email 4.2.1 → 4.2.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # react-email
 
+## 4.2.3
+
+### Patch Changes
+
+- 8259eeb: fix files with extension-like suffixes (i.e. config, .spec) breaking dependency graph
+
+## 4.2.2
+
+### Patch Changes
+
+- eb7f0ac: dev server erroring when trying to startup with port already being used
+
 ## 4.2.1
 
 ## 4.2.0

package/dist/index.js

@@ -106,7 +106,7 @@ import prompts from "prompts";
 // package.json
 var package_default = {
   name: "react-email",
-  version: "4.2.1",
+  version: "4.2.3",
   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) {
@@ -934,7 +940,6 @@ var startDevServer = async (emailsDirRelativePath, staticBaseDirRelativePath, po
   }
   const previewServerLocation = await getPreviewServerLocation();
   const previewServer = createJiti2(previewServerLocation);
-  const { default: next } = await previewServer.import("next");
   devServer = http.createServer((req, res) => {
     if (!req.url) {
       res.end(404);
@@ -1005,6 +1010,12 @@ var startDevServer = async (emailsDirRelativePath, staticBaseDirRelativePath, po
       process.cwd()
     )
   };
+  const next = await previewServer.import(
+    "next",
+    {
+      default: true
+    }
+  );
   const app = next({
     // passing in env here does not get the environment variables there
     dev: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "4.2.1",
+  "version": "4.2.3",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./dist/index.js"

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,
           );
         })();
 

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

@@ -43,9 +43,6 @@ export const startDevServer = async (
   const previewServerLocation = await getPreviewServerLocation();
   const previewServer = createJiti(previewServerLocation);
 
-  const { default: next } =
-    await previewServer.import<typeof import('next')>('next');
-
   devServer = http.createServer((req, res) => {
     if (!req.url) {
       res.end(404);
@@ -137,6 +134,13 @@ export const startDevServer = async (
     ),
   };
 
+  const next = await previewServer.import<typeof import('next')['default']>(
+    'next',
+    {
+      default: true,
+    },
+  );
+
   const app = next({
     // passing in env here does not get the environment variables there
     dev: false,