react-email 3.0.4 → 3.0.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # react-email
 
+## 3.0.5
+
+### Patch Changes
+
+- 7337d04: Fix emails being re-rendered each time there is navigation in the preview server
+
 ## 3.0.4
 
 ### Patch Changes

package/dist/cli/index.js

@@ -340,7 +340,7 @@ var import_commander = require("commander");
 // package.json
 var package_default = {
     name: "react-email",
-    version: "3.0.4",
+    version: "3.0.5",
     description: "A live preview of your emails right in your browser.",
     bin: {
         email: "./dist/cli/index.js"
@@ -370,14 +370,14 @@ var package_default = {
         "@babel/core": "7.24.5",
         "@babel/parser": "7.24.5",
         chalk: "4.1.2",
-        chokidar: "^4.0.1",
+        chokidar: "4.0.3",
         commander: "11.1.0",
         debounce: "2.0.0",
         esbuild: "0.19.11",
         glob: "10.3.4",
         "log-symbols": "4.1.0",
         "mime-types": "2.1.35",
-        next: "15.0.4",
+        next: "15.1.2",
         "normalize-path": "3.0.0",
         ora: "5.4.1",
         "socket.io": "4.8.0"
@@ -394,13 +394,13 @@ var package_default = {
         "@types/babel__core": "7.20.5",
         "@types/fs-extra": "11.0.1",
         "@types/mime-types": "2.1.4",
-        "@types/node": "18.0.0",
+        "@types/node": "22.10.2",
         "@types/normalize-path": "3.0.2",
         "@types/react": "^19",
         "@types/react-dom": "^19",
         "@types/webpack": "5.28.5",
         "@vercel/style-guide": "5.1.0",
-        autoprefixer: "10.4.14",
+        autoprefixer: "10.4.20",
         clsx: "2.1.0",
         eslint: "8.50.0",
         "eslint-config-prettier": "9.0.0",
@@ -508,7 +508,8 @@ var getTreeLines = function() {
                     childDirents.sort(function(a, b) {
                         if (a.isDirectory() && b.isFile()) {
                             return -1;
-                        } else if (a.isFile() && b.isDirectory()) {
+                        }
+                        if (a.isFile() && b.isDirectory()) {
                             return 1;
                         }
                         return b.name > a.name ? -1 : 1;
@@ -569,12 +570,12 @@ var tree = function() {
     };
 }();
 // src/cli/utils/preview/hot-reloading/setup-hot-reloading.ts
-var import_node_path5 = __toESM(require("path"));
+var import_node_path6 = __toESM(require("path"));
 var import_socket = require("socket.io");
 var import_chokidar = require("chokidar");
 var import_debounce = __toESM(require("debounce"));
 // src/cli/utils/preview/hot-reloading/create-dependency-graph.ts
-var import_node_path4 = __toESM(require("path"));
+var import_node_path5 = __toESM(require("path"));
 var import_node_fs3 = require("fs");
 // src/cli/utils/preview/hot-reloading/get-imported-modules.ts
 var import_core = require("@babel/core");
@@ -621,7 +622,7 @@ var getImportedModules = function(contents) {
     return importedPaths;
 };
 // src/cli/utils/preview/start-dev-server.ts
-var import_node_path3 = __toESM(require("path"));
+var import_node_path4 = __toESM(require("path"));
 var import_node_http = __toESM(require("http"));
 var import_node_url = __toESM(require("url"));
 var import_next = __toESM(require("next"));
@@ -718,11 +719,11 @@ var serveStaticFile = function() {
     };
 }();
 // src/cli/utils/preview/get-env-variables-for-preview-app.ts
-var import_path = __toESM(require("path"));
+var import_node_path3 = __toESM(require("path"));
 var getEnvVariablesForPreviewApp = function(relativePathToEmailsDirectory, cwd) {
     return {
         EMAILS_DIR_RELATIVE_PATH: relativePathToEmailsDirectory,
-        EMAILS_DIR_ABSOLUTE_PATH: import_path.default.resolve(cwd, relativePathToEmailsDirectory),
+        EMAILS_DIR_ABSOLUTE_PATH: import_node_path3.default.resolve(cwd, relativePathToEmailsDirectory),
         USER_PROJECT_LOCATION: cwd
     };
 };
@@ -744,9 +745,9 @@ var safeAsyncServerListen = function(server, port) {
         });
     });
 };
-var isDev = !__filename.endsWith(import_node_path3.default.join("cli", "index.js"));
-var cliPacakgeLocation = isDev ? import_node_path3.default.resolve(__dirname, "../../../..") : import_node_path3.default.resolve(__dirname, "../..");
-var previewServerLocation = isDev ? import_node_path3.default.resolve(__dirname, "../../../..") : import_node_path3.default.resolve(__dirname, "../preview");
+var isDev = !__filename.endsWith(import_node_path4.default.join("cli", "index.js"));
+var cliPacakgeLocation = isDev ? import_node_path4.default.resolve(__dirname, "../../../..") : import_node_path4.default.resolve(__dirname, "../..");
+var previewServerLocation = isDev ? import_node_path4.default.resolve(__dirname, "../../../..") : import_node_path4.default.resolve(__dirname, "../preview");
 var startDevServer = function() {
     var _ref = _async_to_generator(function(emailsDirRelativePath, staticBaseDirRelativePath, port) {
         var portAlreadyInUse, nextPortToTry, spinner, timeBeforeNextReady, app, isNextReady, nextReadyPromise, nextHandleRequest, secondsToNextReady;
@@ -824,7 +825,7 @@ var startDevServer = function() {
                     process.env = _object_spread(_object_spread_props(_object_spread({}, process.env), {
                         NODE_ENV: "development"
                     }), getEnvVariablesForPreviewApp(// If we don't do normalization here, stuff like https://github.com/resend/react-email/issues/1354 happens.
-                    import_node_path3.default.normalize(emailsDirRelativePath), process.cwd()));
+                    import_node_path4.default.normalize(emailsDirRelativePath), process.cwd()));
                     app = (0, import_next.default)({
                         // passing in env here does not get the environment variables there
                         dev: isDev,
@@ -932,7 +933,7 @@ var readAllFilesInsideDirectory = function() {
                     ];
                     _value = _step.value;
                     dirent = _value;
-                    pathToDirent = import_node_path4.default.join(directory, dirent.name);
+                    pathToDirent = import_node_path5.default.join(directory, dirent.name);
                     if (!dirent.isDirectory()) return [
                         3,
                         6
@@ -1019,7 +1020,7 @@ var readAllFilesInsideDirectory = function() {
     };
 }();
 var isJavascriptModule = function(filePath) {
-    var extensionName = import_node_path4.default.extname(filePath);
+    var extensionName = import_node_path5.default.extname(filePath);
     return [
         ".js",
         ".ts",
@@ -1032,15 +1033,20 @@ var isJavascriptModule = function(filePath) {
 var checkFileExtensionsUntilItExists = function(pathWithoutExtension) {
     if ((0, import_node_fs3.existsSync)("".concat(pathWithoutExtension, ".ts"))) {
         return "".concat(pathWithoutExtension, ".ts");
-    } else if ((0, import_node_fs3.existsSync)("".concat(pathWithoutExtension, ".tsx"))) {
+    }
+    if ((0, import_node_fs3.existsSync)("".concat(pathWithoutExtension, ".tsx"))) {
         return "".concat(pathWithoutExtension, ".tsx");
-    } else if ((0, import_node_fs3.existsSync)("".concat(pathWithoutExtension, ".js"))) {
+    }
+    if ((0, import_node_fs3.existsSync)("".concat(pathWithoutExtension, ".js"))) {
         return "".concat(pathWithoutExtension, ".js");
-    } else if ((0, import_node_fs3.existsSync)("".concat(pathWithoutExtension, ".jsx"))) {
+    }
+    if ((0, import_node_fs3.existsSync)("".concat(pathWithoutExtension, ".jsx"))) {
         return "".concat(pathWithoutExtension, ".jsx");
-    } else if ((0, import_node_fs3.existsSync)("".concat(pathWithoutExtension, ".mjs"))) {
+    }
+    if ((0, import_node_fs3.existsSync)("".concat(pathWithoutExtension, ".mjs"))) {
         return "".concat(pathWithoutExtension, ".mjs");
-    } else if ((0, import_node_fs3.existsSync)("".concat(pathWithoutExtension, ".cjs"))) {
+    }
+    if ((0, import_node_fs3.existsSync)("".concat(pathWithoutExtension, ".cjs"))) {
         return "".concat(pathWithoutExtension, ".cjs");
     }
 };
@@ -1083,14 +1089,14 @@ var createDependencyGraph = function() {
                                         importedPaths = getImportedModules(contents);
                                         importedPathsRelativeToDirectory = importedPaths.map(function(dependencyPath) {
                                             var isModulePath = !dependencyPath.startsWith(".");
-                                            if (!isModulePath && !import_node_path4.default.isAbsolute(dependencyPath)) {
-                                                var pathToDependencyFromDirectory = import_node_path4.default.resolve(/*
+                                            if (!isModulePath && !import_node_path5.default.isAbsolute(dependencyPath)) {
+                                                var pathToDependencyFromDirectory = import_node_path5.default.resolve(/*
                           path.resolve resolves paths differently from what imports on javascript do.
             
                           So if we wouldn't do this, for an email at "/path/to/email.tsx" with a dependecy path of "./other-email" 
                           would end up going into /path/to/email.tsx/other-email instead of /path/to/other-email which is the
                           one the import is meant to go to
-                        */ import_node_path4.default.dirname(filePath), dependencyPath);
+                        */ import_node_path5.default.dirname(filePath), dependencyPath);
                                                 var isDirectory = false;
                                                 try {
                                                     isDirectory = (0, import_node_fs3.statSync)(pathToDependencyFromDirectory).isDirectory();
@@ -1109,7 +1115,7 @@ var createDependencyGraph = function() {
                                                     if (pathWithExtension1) {
                                                         pathToDependencyFromDirectory = pathWithExtension1;
                                                     } else if (isDev) {
-                                                        console.warn("Could not determine the file extension for the file at ".concat(pathWithExtension1));
+                                                        console.warn("Could not determine the file extension for the file at ".concat(pathToDependencyFromDirectory));
                                                     }
                                                 }
                                                 return pathToDependencyFromDirectory;
@@ -1118,10 +1124,10 @@ var createDependencyGraph = function() {
                                             }
                                         });
                                         moduleDependencies = importedPathsRelativeToDirectory.filter(function(dependencyPath) {
-                                            return !dependencyPath.startsWith(".") && !import_node_path4.default.isAbsolute(dependencyPath);
+                                            return !dependencyPath.startsWith(".") && !import_node_path5.default.isAbsolute(dependencyPath);
                                         });
                                         nonNodeModuleImportPathsRelativeToDirectory = importedPathsRelativeToDirectory.filter(function(dependencyPath) {
-                                            return dependencyPath.startsWith(".") || import_node_path4.default.isAbsolute(dependencyPath);
+                                            return dependencyPath.startsWith(".") || import_node_path5.default.isAbsolute(dependencyPath);
                                         });
                                         return [
                                             2,
@@ -1659,7 +1665,7 @@ var setupHotreloading = function() {
                         });
                         changes = [];
                     }, 150);
-                    absolutePathToEmailsDirectory = import_node_path5.default.resolve(process.cwd(), emailDirRelativePath);
+                    absolutePathToEmailsDirectory = import_node_path6.default.resolve(process.cwd(), emailDirRelativePath);
                     return [
                         4,
                         createDependencyGraph(absolutePathToEmailsDirectory)
@@ -1675,7 +1681,7 @@ var setupHotreloading = function() {
                     });
                     getFilesOutsideEmailsDirectory = function() {
                         return Object.keys(dependencyGraph).filter(function(p) {
-                            return import_node_path5.default.relative(absolutePathToEmailsDirectory, p).startsWith("..");
+                            return import_node_path6.default.relative(absolutePathToEmailsDirectory, p).startsWith("..");
                         });
                     };
                     filesOutsideEmailsDirectory = getFilesOutsideEmailsDirectory();
@@ -1728,13 +1734,13 @@ var setupHotreloading = function() {
                             return _ts_generator(this, function(_state) {
                                 switch(_state.label){
                                     case 0:
-                                        file = relativePathToChangeTarget.split(import_node_path5.default.sep);
+                                        file = relativePathToChangeTarget.split(import_node_path6.default.sep);
                                         if (file.length === 0) {
                                             return [
                                                 2
                                             ];
                                         }
-                                        pathToChangeTarget = import_node_path5.default.resolve(absolutePathToEmailsDirectory, relativePathToChangeTarget);
+                                        pathToChangeTarget = import_node_path6.default.resolve(absolutePathToEmailsDirectory, relativePathToChangeTarget);
                                         return [
                                             4,
                                             updateDependencyGraph(event, pathToChangeTarget)
@@ -1797,7 +1803,7 @@ var setupHotreloading = function() {
                                                 dependentPath = _step2.value;
                                                 changes.push({
                                                     event: "change",
-                                                    filename: import_node_path5.default.relative(absolutePathToEmailsDirectory, dependentPath)
+                                                    filename: import_node_path6.default.relative(absolutePathToEmailsDirectory, dependentPath)
                                                 });
                                             }
                                         } catch (err) {
@@ -1859,7 +1865,7 @@ var dev = function() {
                     return [
                         4,
                         startDevServer(emailsDirRelativePath, emailsDirRelativePath, // defaults to ./emails/static for the static files that are served to the preview
-                        parseInt(port))
+                        Number.parseInt(port))
                     ];
                 case 2:
                     devServer2 = _state.sent();
@@ -1894,7 +1900,7 @@ var dev = function() {
 }();
 // src/cli/commands/export.ts
 var import_node_fs7 = __toESM(require("fs"));
-var import_node_path8 = __toESM(require("path"));
+var import_node_path9 = __toESM(require("path"));
 var import_glob = require("glob");
 var import_esbuild = require("esbuild");
 var import_ora2 = __toESM(require("ora"));
@@ -1902,11 +1908,12 @@ var import_log_symbols3 = __toESM(require("log-symbols"));
 var import_normalize_path = __toESM(require("normalize-path"));
 // src/actions/get-emails-directory-metadata.ts
 var import_node_fs5 = __toESM(require("fs"));
-var import_node_path6 = __toESM(require("path"));
+var import_node_path7 = __toESM(require("path"));
+var import_react = require("react");
 var isFileAnEmail = function(fullPath) {
     var stat = import_node_fs5.default.statSync(fullPath);
     if (stat.isDirectory()) return false;
-    var ext = import_node_path6.default.parse(fullPath).ext;
+    var ext = import_node_path7.default.parse(fullPath).ext;
     if (![
         ".js",
         ".tsx",
@@ -1923,12 +1930,12 @@ var mergeDirectoriesWithSubDirectories = function(emailsDirectoryMetadata) {
     while(currentResultingMergedDirectory.emailFilenames.length === 0 && currentResultingMergedDirectory.subDirectories.length === 1){
         var onlySubDirectory = currentResultingMergedDirectory.subDirectories[0];
         currentResultingMergedDirectory = _object_spread_props(_object_spread({}, onlySubDirectory), {
-            directoryName: import_node_path6.default.join(currentResultingMergedDirectory.directoryName, onlySubDirectory.directoryName)
+            directoryName: import_node_path7.default.join(currentResultingMergedDirectory.directoryName, onlySubDirectory.directoryName)
         });
     }
     return currentResultingMergedDirectory;
 };
-var getEmailsDirectoryMetadata = function() {
+var getEmailsDirectoryMetadata = (0, import_react.cache)(function() {
     var _ref = _async_to_generator(function(absolutePathToEmailsDirectory) {
         var keepFileExtensions, isSubDirectory, baseDirectoryPath, dirents, emailFilenames, subDirectories, emailsMetadata;
         var _arguments = arguments;
@@ -1948,16 +1955,16 @@ var getEmailsDirectoryMetadata = function() {
                 case 1:
                     dirents = _state.sent();
                     emailFilenames = dirents.filter(function(dirent) {
-                        return isFileAnEmail(import_node_path6.default.join(absolutePathToEmailsDirectory, dirent.name));
+                        return isFileAnEmail(import_node_path7.default.join(absolutePathToEmailsDirectory, dirent.name));
                     }).map(function(dirent) {
-                        return keepFileExtensions ? dirent.name : dirent.name.replace(import_node_path6.default.extname(dirent.name), "");
+                        return keepFileExtensions ? dirent.name : dirent.name.replace(import_node_path7.default.extname(dirent.name), "");
                     });
                     return [
                         4,
                         Promise.all(dirents.filter(function(dirent) {
                             return dirent.isDirectory() && !dirent.name.startsWith("_") && dirent.name !== "static";
                         }).map(function(dirent) {
-                            var direntAbsolutePath = import_node_path6.default.join(absolutePathToEmailsDirectory, dirent.name);
+                            var direntAbsolutePath = import_node_path7.default.join(absolutePathToEmailsDirectory, dirent.name);
                             return getEmailsDirectoryMetadata(direntAbsolutePath, keepFileExtensions, true, baseDirectoryPath);
                         }))
                     ];
@@ -1965,8 +1972,8 @@ var getEmailsDirectoryMetadata = function() {
                     subDirectories = _state.sent();
                     emailsMetadata = {
                         absolutePath: absolutePathToEmailsDirectory,
-                        relativePath: import_node_path6.default.relative(baseDirectoryPath, absolutePathToEmailsDirectory),
-                        directoryName: absolutePathToEmailsDirectory.split(import_node_path6.default.sep).pop(),
+                        relativePath: import_node_path7.default.relative(baseDirectoryPath, absolutePathToEmailsDirectory),
+                        directoryName: absolutePathToEmailsDirectory.split(import_node_path7.default.sep).pop(),
                         emailFilenames: emailFilenames,
                         subDirectories: subDirectories
                     };
@@ -1977,12 +1984,12 @@ var getEmailsDirectoryMetadata = function() {
             }
         });
     });
-    return function getEmailsDirectoryMetadata(absolutePathToEmailsDirectory) {
+    return function(absolutePathToEmailsDirectory) {
         return _ref.apply(this, arguments);
     };
-}();
+}());
 // src/utils/esbuild/renderring-utilities-exporter.ts
-var import_node_path7 = __toESM(require("path"));
+var import_node_path8 = __toESM(require("path"));
 var import_node_fs6 = require("fs");
 // src/utils/esbuild/escape-string-for-regex.ts
 function escapeStringForRegex(string) {
@@ -2016,7 +2023,7 @@ var renderingUtilitiesExporter = function(emailTemplates) {
                                     (_tmp.contents = _1.apply(_, [
                                         _state.sent(),
                                         ";\n          export { render } from 'react-email-module-that-will-export-render'\n          export { createElement as reactEmailCreateReactElement } from 'react';\n        "
-                                    ]), _tmp.loader = import_node_path7.default.extname(pathToFile).slice(1), _tmp)
+                                    ]), _tmp.loader = import_node_path8.default.extname(pathToFile).slice(1), _tmp)
                                 ];
                         }
                     });
@@ -2078,7 +2085,7 @@ var renderingUtilitiesExporter = function(emailTemplates) {
 var getEmailTemplatesFromDirectory = function(emailDirectory) {
     var templatePaths = [];
     emailDirectory.emailFilenames.forEach(function(filename) {
-        return templatePaths.push(import_node_path8.default.join(emailDirectory.absolutePath, filename));
+        return templatePaths.push(import_node_path9.default.join(emailDirectory.absolutePath, filename));
     });
     emailDirectory.subDirectories.forEach(function(directory) {
         var _templatePaths;
@@ -2103,7 +2110,7 @@ var exportTemplates = function() {
                     }
                     return [
                         4,
-                        getEmailsDirectoryMetadata(import_node_path8.default.resolve(process.cwd(), emailsDirectoryPath), true)
+                        getEmailsDirectoryMetadata(import_node_path9.default.resolve(process.cwd(), emailsDirectoryPath), true)
                     ];
                 case 1:
                     emailsDirectoryMetadata = _state.sent();
@@ -2298,12 +2305,12 @@ var exportTemplates = function() {
                         spinner.text = "Copying static files";
                         spinner.render();
                     }
-                    staticDirectoryPath = import_node_path8.default.join(emailsDirectoryPath, "static");
+                    staticDirectoryPath = import_node_path9.default.join(emailsDirectoryPath, "static");
                     if (!import_node_fs7.default.existsSync(staticDirectoryPath)) return [
                         3,
                         25
                     ];
-                    pathToDumpStaticFilesInto = import_node_path8.default.join(pathToWhereEmailMarkupShouldBeDumped, "static");
+                    pathToDumpStaticFilesInto = import_node_path9.default.join(pathToWhereEmailMarkupShouldBeDumped, "static");
                     if (!import_node_fs7.default.existsSync(pathToDumpStaticFilesInto)) return [
                         3,
                         22
@@ -2382,7 +2389,7 @@ var exportTemplates = function() {
 }();
 // src/cli/commands/build.ts
 var import_node_fs8 = __toESM(require("fs"));
-var import_node_path9 = __toESM(require("path"));
+var import_node_path10 = __toESM(require("path"));
 var import_ora3 = __toESM(require("ora"));
 var import_node_child_process = require("child_process");
 var import_log_symbols4 = __toESM(require("log-symbols"));
@@ -2415,7 +2422,7 @@ var setNextEnvironmentVariablesForBuild = function() {
                     nextConfigContents = "\nconst path = require('path');\nconst emailsDirRelativePath = path.normalize('".concat(emailsDirRelativePath, "');\nconst userProjectLocation = path.resolve(process.cwd(), '../');\n/** @type {import('next').NextConfig} */\nmodule.exports = {\n  env: {\n    NEXT_PUBLIC_IS_BUILDING: 'true',\n    EMAILS_DIR_RELATIVE_PATH: emailsDirRelativePath,\n    EMAILS_DIR_ABSOLUTE_PATH: path.resolve(userProjectLocation, emailsDirRelativePath),\n    USER_PROJECT_LOCATION: userProjectLocation\n  },\n  // this is needed so that the code for building emails works properly\n  webpack: (\n    /** @type {import('webpack').Configuration & { externals: string[] }} */\n    config,\n    { isServer }\n  ) => {\n    if (isServer) {\n      config.externals.push('esbuild');\n    }\n\n    return config;\n  },\n  typescript: {\n    ignoreBuildErrors: true\n  },\n  eslint: {\n    ignoreDuringBuilds: true\n  },\n  experimental: {\n    webpackBuildWorker: true\n  },\n}");
                     return [
                         4,
-                        import_node_fs8.default.promises.writeFile(import_node_path9.default.resolve(builtPreviewAppPath, "./next.config.js"), nextConfigContents, "utf8")
+                        import_node_fs8.default.promises.writeFile(import_node_path10.default.resolve(builtPreviewAppPath, "./next.config.js"), nextConfigContents, "utf8")
                     ];
                 case 1:
                     _state.sent();
@@ -2433,7 +2440,7 @@ var getEmailSlugsFromEmailDirectory = function(emailDirectory, emailsDirectoryAb
     var directoryPathRelativeToEmailsDirectory = emailDirectory.absolutePath.replace(emailsDirectoryAbsolutePath, "").trim();
     var slugs = [];
     emailDirectory.emailFilenames.forEach(function(filename) {
-        return slugs.push(import_node_path9.default.join(directoryPathRelativeToEmailsDirectory, filename).split(import_node_path9.default.sep).filter(function(segment) {
+        return slugs.push(import_node_path10.default.join(directoryPathRelativeToEmailsDirectory, filename).split(import_node_path10.default.sep).filter(function(segment) {
             return segment.length > 0;
         }));
     });
@@ -2491,19 +2498,19 @@ var forceSSGForEmailPreviews = function() {
                     }();
                     return [
                         4,
-                        removeForceDynamic(import_node_path9.default.resolve(builtPreviewAppPath, "./src/app/layout.tsx"))
+                        removeForceDynamic(import_node_path10.default.resolve(builtPreviewAppPath, "./src/app/layout.tsx"))
                     ];
                 case 2:
                     _state.sent();
                     return [
                         4,
-                        removeForceDynamic(import_node_path9.default.resolve(builtPreviewAppPath, "./src/app/preview/[...slug]/page.tsx"))
+                        removeForceDynamic(import_node_path10.default.resolve(builtPreviewAppPath, "./src/app/preview/[...slug]/page.tsx"))
                     ];
                 case 3:
                     _state.sent();
                     return [
                         4,
-                        import_node_fs8.default.promises.appendFile(import_node_path9.default.resolve(builtPreviewAppPath, "./src/app/preview/[...slug]/page.tsx"), "\n\nexport function generateStaticParams() { \n  return Promise.resolve(\n    ".concat(JSON.stringify(parameters), "\n  );\n}"), "utf8")
+                        import_node_fs8.default.promises.appendFile(import_node_path10.default.resolve(builtPreviewAppPath, "./src/app/preview/[...slug]/page.tsx"), "\n\nexport function generateStaticParams() { \n  return Promise.resolve(\n    ".concat(JSON.stringify(parameters), "\n  );\n}"), "utf8")
                     ];
                 case 4:
                     _state.sent();
@@ -2523,7 +2530,7 @@ var updatePackageJson = function() {
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
-                    packageJsonPath = import_node_path9.default.resolve(builtPreviewAppPath, "./package.json");
+                    packageJsonPath = import_node_path10.default.resolve(builtPreviewAppPath, "./package.json");
                     _ = JSON.parse;
                     return [
                         4,
@@ -2559,36 +2566,25 @@ var npmInstall = function() {
         return _ts_generator(this, function(_state) {
             return [
                 2,
-                new Promise(function() {
-                    var _ref = _async_to_generator(function(resolve, reject) {
-                        var childProc;
-                        return _ts_generator(this, function(_state) {
-                            childProc = (0, import_node_child_process.spawn)(packageManager, [
-                                "install",
-                                "--silent",
-                                "--include=dev"
-                            ], {
-                                cwd: builtPreviewAppPath,
-                                shell: true
-                            });
-                            childProc.stdout.pipe(process.stdout);
-                            childProc.stderr.pipe(process.stderr);
-                            childProc.on("close", function(code) {
-                                if (code === 0) {
-                                    resolve();
-                                } else {
-                                    reject(new Error("Unable to install the dependencies and it exited with code: ".concat(code)));
-                                }
-                            });
-                            return [
-                                2
-                            ];
-                        });
+                new Promise(function(resolve, reject) {
+                    var childProc = (0, import_node_child_process.spawn)(packageManager, [
+                        "install",
+                        "--silent",
+                        "--include=dev"
+                    ], {
+                        cwd: builtPreviewAppPath,
+                        shell: true
                     });
-                    return function(resolve, reject) {
-                        return _ref.apply(this, arguments);
-                    };
-                }())
+                    childProc.stdout.pipe(process.stdout);
+                    childProc.stderr.pipe(process.stderr);
+                    childProc.on("close", function(code) {
+                        if (code === 0) {
+                            resolve();
+                        } else {
+                            reject(new Error("Unable to install the dependencies and it exited with code: ".concat(code)));
+                        }
+                    });
+                })
             ];
         });
     });
@@ -2620,9 +2616,9 @@ var build2 = function() {
                     if (!import_node_fs8.default.existsSync(emailsDirRelativePath)) {
                         process.exit(1);
                     }
-                    emailsDirPath = import_node_path9.default.join(process.cwd(), emailsDirRelativePath);
-                    staticPath = import_node_path9.default.join(emailsDirPath, "static");
-                    builtPreviewAppPath = import_node_path9.default.join(process.cwd(), ".react-email");
+                    emailsDirPath = import_node_path10.default.join(process.cwd(), emailsDirRelativePath);
+                    staticPath = import_node_path10.default.join(emailsDirPath, "static");
+                    builtPreviewAppPath = import_node_path10.default.join(process.cwd(), ".react-email");
                     if (!import_node_fs8.default.existsSync(builtPreviewAppPath)) return [
                         3,
                         3
@@ -2655,7 +2651,7 @@ var build2 = function() {
                         6
                     ];
                     spinner.text = "Copying `static` folder into `.react-email/public/static`";
-                    builtStaticDirectory = import_node_path9.default.resolve(builtPreviewAppPath, "./public/static");
+                    builtStaticDirectory = import_node_path10.default.resolve(builtPreviewAppPath, "./public/static");
                     return [
                         4,
                         import_node_fs8.default.promises.cp(staticPath, builtStaticDirectory, {
@@ -2729,7 +2725,7 @@ var build2 = function() {
 }();
 // src/cli/commands/start.ts
 var import_node_fs9 = __toESM(require("fs"));
-var import_node_path10 = __toESM(require("path"));
+var import_node_path11 = __toESM(require("path"));
 var import_node_child_process2 = require("child_process");
 var start = function() {
     var _ref = _async_to_generator(function() {
@@ -2737,7 +2733,7 @@ var start = function() {
         return _ts_generator(this, function(_state) {
             try {
                 usersProjectLocation = process.cwd();
-                builtPreviewPath = import_node_path10.default.resolve(usersProjectLocation, "./.react-email");
+                builtPreviewPath = import_node_path11.default.resolve(usersProjectLocation, "./.react-email");
                 if (!import_node_fs9.default.existsSync(builtPreviewPath)) {
                     console.error("Could not find .react-email, maybe you haven't ran email build?");
                     process.exit(1);