react-email 2.1.5 → 2.1.6

package/CHANGELOG.md

@@ -0,0 +1,15 @@
+# react-email
+
+## 2.1.6
+
+### Patch changes
+
+- Fixes live refresh not working with files outside `emails` directory
+- Fixes export failing when templates have different suffixes
+
+## 2.1.6-canary.0
+
+### Patch changes
+
+- Fixes live refresh not working with files outside `emails` directory
+- Fixes export failing when templates have different suffixes

package/cli/index.js

@@ -340,7 +340,7 @@ var import_commander = require("commander");
 // package.json
 var package_default = {
     name: "react-email",
-    version: "2.1.5",
+    version: "2.1.6",
     description: "A live preview of your emails right in your browser.",
     bin: {
         email: "./cli/index.js"
@@ -409,8 +409,8 @@ var package_default = {
         typescript: "5.1.6"
     },
     devDependencies: {
-        "@react-email/components": "0.0.19",
-        "@react-email/render": "0.0.15",
+        "@react-email/components": "workspace:*",
+        "@react-email/render": "workspace:*",
         "@types/babel__core": "7.20.5",
         "@types/fs-extra": "11.0.1",
         "@types/mime-types": "2.1.4",
@@ -711,15 +711,15 @@ var getEnvVariablesForPreviewApp = function(relativePathToEmailsDirectory, cliPa
 // src/cli/utils/preview/start-dev-server.ts
 var devServer;
 var safeAsyncServerListen = function(server, port) {
-    return new Promise(function(resolve) {
+    return new Promise(function(resolve2) {
         server.listen(port, function() {
-            resolve({
+            resolve2({
                 portAlreadyInUse: false
             });
         });
         server.on("error", function(e) {
             if (e.code === "EADDRINUSE") {
-                resolve({
+                resolve2({
                     portAlreadyInUse: true
                 });
             }
@@ -1291,9 +1291,7 @@ var createDependencyGraph = function() {
                         [
                             graph,
                             function() {
-                                var _ref = /**
-     * @param pathToModified - A path relative to the previosuly provided {@link directory}.
-     */ _async_to_generator(function(event, pathToModified) {
+                                var _ref = _async_to_generator(function(event, pathToModified) {
                                     var filesInsideAddedDirectory, modulesInsideAddedDirectory, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _iterator, _step, _value, filePath, err, filesInsideDeletedDirectory, modulesInsideDeletedDirectory, _iteratorAbruptCompletion1, _didIteratorError1, _iteratorError1, _iterator1, _step1, _value1, filePath1, err1;
                                     return _ts_generator(this, function(_state) {
                                         switch(_state.label){
@@ -1568,7 +1566,39 @@ var createDependencyGraph = function() {
                                 return function(event, pathToModified) {
                                     return _ref.apply(this, arguments);
                                 };
-                            }()
+                            }(),
+                            {
+                                resolveDependentsOf: function resolveDependentsOf(pathToModule) {
+                                    var moduleEntry = graph[pathToModule];
+                                    var dependentPaths = [];
+                                    if (moduleEntry) {
+                                        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                                        try {
+                                            for(var _iterator = moduleEntry.dependentPaths[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                                var dependentPath = _step.value;
+                                                var _dependentPaths;
+                                                var dependentsOfDependent = resolveDependentsOf(dependentPath);
+                                                (_dependentPaths = dependentPaths).push.apply(_dependentPaths, _to_consumable_array(dependentsOfDependent));
+                                                dependentPaths.push(dependentPath);
+                                            }
+                                        } catch (err) {
+                                            _didIteratorError = true;
+                                            _iteratorError = err;
+                                        } finally{
+                                            try {
+                                                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                                    _iterator.return();
+                                                }
+                                            } finally{
+                                                if (_didIteratorError) {
+                                                    throw _iteratorError;
+                                                }
+                                            }
+                                        }
+                                    }
+                                    return dependentPaths;
+                                }
+                            }
                         ]
                     ];
             }
@@ -1581,7 +1611,7 @@ var createDependencyGraph = function() {
 // src/cli/utils/preview/hot-reloading/setup-hot-reloading.ts
 var setupHotreloading = function() {
     var _ref = _async_to_generator(function(devServer2, emailDirRelativePath) {
-        var clients, io, watcher, exit, changes, reload, absolutePathToEmailsDirectory, _ref, dependencyGraph, updateDependencyGraph, resolveDependentsOf;
+        var clients, io, changes, reload, absolutePathToEmailsDirectory, _ref, dependencyGraph, updateDependencyGraph, resolveDependentsOf, watcher, getFilesOutsideEmailsDirectory, filesOutsideEmailsDirectory, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, p, exit;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -1595,17 +1625,6 @@ var setupHotreloading = function() {
                             });
                         });
                     });
-                    watcher = (0, import_chokidar.watch)(emailDirRelativePath, {
-                        ignoreInitial: true,
-                        cwd: import_node_path5.default.resolve(process.cwd()),
-                        // eslint-disable-next-line prefer-named-capture-group
-                        ignored: /(^|[/\\])\../
-                    });
-                    exit = function() {
-                        void watcher.close();
-                    };
-                    process.on("SIGINT", exit);
-                    process.on("uncaughtException", exit);
                     changes = [];
                     reload = (0, import_debounce.default)(function() {
                         clients.forEach(function(client) {
@@ -1621,41 +1640,66 @@ var setupHotreloading = function() {
                 case 1:
                     _ref = _sliced_to_array.apply(void 0, [
                         _state.sent(),
-                        2
-                    ]), dependencyGraph = _ref[0], updateDependencyGraph = _ref[1];
-                    resolveDependentsOf = function(pathToChangeTarget) {
-                        var moduleEntry = dependencyGraph[pathToChangeTarget];
-                        var dependentPaths = [];
-                        if (moduleEntry) {
-                            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-                            try {
-                                for(var _iterator = moduleEntry.dependentPaths[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                                    var dependentPath = _step.value;
-                                    var _dependentPaths;
-                                    var dependentsOfDependent = resolveDependentsOf(dependentPath);
-                                    (_dependentPaths = dependentPaths).push.apply(_dependentPaths, _to_consumable_array(dependentsOfDependent));
-                                    dependentPaths.push(dependentPath);
-                                }
-                            } catch (err) {
-                                _didIteratorError = true;
-                                _iteratorError = err;
-                            } finally{
-                                try {
-                                    if (!_iteratorNormalCompletion && _iterator.return != null) {
-                                        _iterator.return();
-                                    }
-                                } finally{
-                                    if (_didIteratorError) {
-                                        throw _iteratorError;
-                                    }
-                                }
+                        3
+                    ]), dependencyGraph = _ref[0], updateDependencyGraph = _ref[1], resolveDependentsOf = _ref[2].resolveDependentsOf;
+                    watcher = (0, import_chokidar.watch)(emailDirRelativePath, {
+                        ignoreInitial: true,
+                        cwd: process.cwd(),
+                        // eslint-disable-next-line prefer-named-capture-group
+                        ignored: /(^|[/\\])\../
+                    });
+                    getFilesOutsideEmailsDirectory = function() {
+                        return Object.keys(dependencyGraph).filter(function(p) {
+                            return import_node_path5.default.relative(absolutePathToEmailsDirectory, p).startsWith("..");
+                        });
+                    };
+                    filesOutsideEmailsDirectory = getFilesOutsideEmailsDirectory();
+                    _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                    try {
+                        for(_iterator = filesOutsideEmailsDirectory[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                            p = _step.value;
+                            watcher.add(p);
+                        }
+                    } catch (err) {
+                        _didIteratorError = true;
+                        _iteratorError = err;
+                    } finally{
+                        try {
+                            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                _iterator.return();
+                            }
+                        } finally{
+                            if (_didIteratorError) {
+                                throw _iteratorError;
                             }
                         }
-                        return dependentPaths;
-                    };
+                    }
+                    exit = function() {
+                        var _ref = _async_to_generator(function() {
+                            return _ts_generator(this, function(_state) {
+                                switch(_state.label){
+                                    case 0:
+                                        return [
+                                            4,
+                                            watcher.close()
+                                        ];
+                                    case 1:
+                                        _state.sent();
+                                        return [
+                                            2
+                                        ];
+                                }
+                            });
+                        });
+                        return function exit() {
+                            return _ref.apply(this, arguments);
+                        };
+                    }();
+                    process.on("SIGINT", exit);
+                    process.on("uncaughtException", exit);
                     watcher.on("all", function() {
                         var _ref = _async_to_generator(function(event, relativePathToChangeTarget) {
-                            var file, pathToChangeTarget, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, dependentPath;
+                            var file, pathToChangeTarget, newFilesOutsideEmailsDirectory, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, p, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1, _iterator1, _step1, p1, _iteratorNormalCompletion2, _didIteratorError2, _iteratorError2, _iterator2, _step2, dependentPath;
                             return _ts_generator(this, function(_state) {
                                 switch(_state.label){
                                     case 0:
@@ -1672,30 +1716,76 @@ var setupHotreloading = function() {
                                         ];
                                     case 1:
                                         _state.sent();
+                                        newFilesOutsideEmailsDirectory = getFilesOutsideEmailsDirectory();
+                                        _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                                        try {
+                                            for(_iterator = filesOutsideEmailsDirectory[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                                p = _step.value;
+                                                if (!newFilesOutsideEmailsDirectory.includes(p)) {
+                                                    watcher.unwatch(p);
+                                                }
+                                            }
+                                        } catch (err) {
+                                            _didIteratorError = true;
+                                            _iteratorError = err;
+                                        } finally{
+                                            try {
+                                                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                                    _iterator.return();
+                                                }
+                                            } finally{
+                                                if (_didIteratorError) {
+                                                    throw _iteratorError;
+                                                }
+                                            }
+                                        }
+                                        _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+                                        try {
+                                            for(_iterator1 = newFilesOutsideEmailsDirectory[Symbol.iterator](); !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                                                p1 = _step1.value;
+                                                if (!filesOutsideEmailsDirectory.includes(p1)) {
+                                                    watcher.add(p1);
+                                                }
+                                            }
+                                        } catch (err) {
+                                            _didIteratorError1 = true;
+                                            _iteratorError1 = err;
+                                        } finally{
+                                            try {
+                                                if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                                                    _iterator1.return();
+                                                }
+                                            } finally{
+                                                if (_didIteratorError1) {
+                                                    throw _iteratorError1;
+                                                }
+                                            }
+                                        }
+                                        filesOutsideEmailsDirectory = newFilesOutsideEmailsDirectory;
                                         changes.push({
                                             event: event,
                                             filename: relativePathToChangeTarget
                                         });
-                                        _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                                        _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = undefined;
                                         try {
-                                            for(_iterator = resolveDependentsOf(pathToChangeTarget)[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                                                dependentPath = _step.value;
+                                            for(_iterator2 = resolveDependentsOf(pathToChangeTarget)[Symbol.iterator](); !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true){
+                                                dependentPath = _step2.value;
                                                 changes.push({
                                                     event: "change",
                                                     filename: import_node_path5.default.relative(absolutePathToEmailsDirectory, dependentPath)
                                                 });
                                             }
                                         } catch (err) {
-                                            _didIteratorError = true;
-                                            _iteratorError = err;
+                                            _didIteratorError2 = true;
+                                            _iteratorError2 = err;
                                         } finally{
                                             try {
-                                                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                                                    _iterator.return();
+                                                if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+                                                    _iterator2.return();
                                                 }
                                             } finally{
-                                                if (_didIteratorError) {
-                                                    throw _iteratorError;
+                                                if (_didIteratorError2) {
+                                                    throw _iteratorError2;
                                                 }
                                             }
                                         }
@@ -1817,10 +1907,12 @@ var mergeDirectoriesWithSubDirectories = function(emailsDirectoryMetadata) {
 };
 var getEmailsDirectoryMetadata = function() {
     var _ref = _async_to_generator(function(absolutePathToEmailsDirectory) {
-        var dirents, emailFilenames, subDirectories;
+        var keepFileExtensions, dirents, emailFilenames, subDirectories;
+        var _arguments = arguments;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
+                    keepFileExtensions = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : false;
                     if (!import_node_fs5.default.existsSync(absolutePathToEmailsDirectory)) return [
                         2
                     ];
@@ -1835,7 +1927,7 @@ var getEmailsDirectoryMetadata = function() {
                     emailFilenames = dirents.filter(function(dirent) {
                         return isFileAnEmail(import_node_path6.default.join(absolutePathToEmailsDirectory, dirent.name));
                     }).map(function(dirent) {
-                        return dirent.name.replace(import_node_path6.default.extname(dirent.name), "");
+                        return keepFileExtensions ? dirent.name : dirent.name.replace(import_node_path6.default.extname(dirent.name), "");
                     });
                     return [
                         4,
@@ -1984,7 +2076,7 @@ var exportTemplates = function() {
                     }
                     return [
                         4,
-                        getEmailsDirectoryMetadata(import_node_path8.default.resolve(process.cwd(), emailsDirectoryPath))
+                        getEmailsDirectoryMetadata(import_node_path8.default.resolve(process.cwd(), emailsDirectoryPath), true)
                     ];
                 case 1:
                     emailsDirectoryMetadata = _state.sent();
@@ -2232,7 +2324,7 @@ var import_ora3 = __toESM(require("ora"));
 var import_node_child_process = require("child_process");
 var import_log_symbols3 = __toESM(require("log-symbols"));
 var buildPreviewApp = function(absoluteDirectory) {
-    return new Promise(function(resolve, reject) {
+    return new Promise(function(resolve2, reject) {
         var nextBuild = (0, import_node_child_process.spawn)("npm", [
             "run",
             "build"
@@ -2244,7 +2336,7 @@ var buildPreviewApp = function(absoluteDirectory) {
         nextBuild.stderr.pipe(process.stderr);
         nextBuild.on("close", function(code) {
             if (code === 0) {
-                resolve();
+                resolve2();
             } else {
                 reject(new Error("Unable to build the Next app and it exited with code: ".concat(code)));
             }
@@ -2370,7 +2462,7 @@ var npmInstall = function() {
             return [
                 2,
                 new Promise(function() {
-                    var _ref = _async_to_generator(function(resolve, reject) {
+                    var _ref = _async_to_generator(function(resolve2, reject) {
                         var childProc;
                         return _ts_generator(this, function(_state) {
                             childProc = (0, import_node_child_process.spawn)(packageManager, [
@@ -2384,7 +2476,7 @@ var npmInstall = function() {
                             childProc.stderr.pipe(process.stderr);
                             childProc.on("close", function(code) {
                                 if (code === 0) {
-                                    resolve();
+                                    resolve2();
                                 } else {
                                     reject(new Error("Unable to install the dependencies and it exited with code: ".concat(code)));
                                 }
@@ -2394,7 +2486,7 @@ var npmInstall = function() {
                             ];
                         });
                     });
-                    return function(resolve, reject) {
+                    return function(resolve2, reject) {
                         return _ref.apply(this, arguments);
                     };
                 }())

package/cli/index.mjs

@@ -13,7 +13,7 @@ import { program } from "commander";
 // package.json
 var package_default = {
   name: "react-email",
-  version: "2.1.5",
+  version: "2.1.6",
   description: "A live preview of your emails right in your browser.",
   bin: {
     email: "./cli/index.js"
@@ -82,8 +82,8 @@ var package_default = {
     typescript: "5.1.6"
   },
   devDependencies: {
-    "@react-email/components": "0.0.19",
-    "@react-email/render": "0.0.15",
+    "@react-email/components": "workspace:*",
+    "@react-email/render": "workspace:*",
     "@types/babel__core": "7.20.5",
     "@types/fs-extra": "11.0.1",
     "@types/mime-types": "2.1.4",
@@ -261,13 +261,13 @@ var getEnvVariablesForPreviewApp = (relativePathToEmailsDirectory, cliPackageLoc
 // src/cli/utils/preview/start-dev-server.ts
 var devServer;
 var safeAsyncServerListen = (server, port) => {
-  return new Promise((resolve) => {
+  return new Promise((resolve2) => {
     server.listen(port, () => {
-      resolve({ portAlreadyInUse: false });
+      resolve2({ portAlreadyInUse: false });
     });
     server.on("error", (e) => {
       if (e.code === "EADDRINUSE") {
-        resolve({ portAlreadyInUse: true });
+        resolve2({ portAlreadyInUse: true });
       }
     });
   });
@@ -559,9 +559,6 @@ var createDependencyGraph = async (directory) => {
   };
   return [
     graph,
-    /**
-     * @param pathToModified - A path relative to the previosuly provided {@link directory}.
-     */
     async (event, pathToModified) => {
       switch (event) {
         case "change":
@@ -594,6 +591,20 @@ var createDependencyGraph = async (directory) => {
           }
           break;
       }
+    },
+    {
+      resolveDependentsOf: function resolveDependentsOf(pathToModule) {
+        const moduleEntry = graph[pathToModule];
+        const dependentPaths = [];
+        if (moduleEntry) {
+          for (const dependentPath of moduleEntry.dependentPaths) {
+            const dependentsOfDependent = resolveDependentsOf(dependentPath);
+            dependentPaths.push(...dependentsOfDependent);
+            dependentPaths.push(dependentPath);
+          }
+        }
+        return dependentPaths;
+      }
     }
   ];
 };
@@ -608,17 +619,6 @@ var setupHotreloading = async (devServer2, emailDirRelativePath) => {
       clients = clients.filter((item) => item !== client);
     });
   });
-  const watcher = watch(emailDirRelativePath, {
-    ignoreInitial: true,
-    cwd: path6.resolve(process.cwd()),
-    // eslint-disable-next-line prefer-named-capture-group
-    ignored: /(^|[/\\])\../
-  });
-  const exit = () => {
-    void watcher.close();
-  };
-  process.on("SIGINT", exit);
-  process.on("uncaughtException", exit);
   let changes = [];
   const reload = debounce(() => {
     clients.forEach((client) => {
@@ -630,21 +630,26 @@ var setupHotreloading = async (devServer2, emailDirRelativePath) => {
     process.cwd(),
     emailDirRelativePath
   );
-  const [dependencyGraph, updateDependencyGraph] = await createDependencyGraph(
-    absolutePathToEmailsDirectory
+  const [dependencyGraph, updateDependencyGraph, { resolveDependentsOf }] = await createDependencyGraph(absolutePathToEmailsDirectory);
+  const watcher = watch(emailDirRelativePath, {
+    ignoreInitial: true,
+    cwd: process.cwd(),
+    // eslint-disable-next-line prefer-named-capture-group
+    ignored: /(^|[/\\])\../
+    // ignore dotfiles
+  });
+  const getFilesOutsideEmailsDirectory = () => Object.keys(dependencyGraph).filter(
+    (p) => path6.relative(absolutePathToEmailsDirectory, p).startsWith("..")
   );
-  const resolveDependentsOf = (pathToChangeTarget) => {
-    const moduleEntry = dependencyGraph[pathToChangeTarget];
-    const dependentPaths = [];
-    if (moduleEntry) {
-      for (const dependentPath of moduleEntry.dependentPaths) {
-        const dependentsOfDependent = resolveDependentsOf(dependentPath);
-        dependentPaths.push(...dependentsOfDependent);
-        dependentPaths.push(dependentPath);
-      }
-    }
-    return dependentPaths;
+  let filesOutsideEmailsDirectory = getFilesOutsideEmailsDirectory();
+  for (const p of filesOutsideEmailsDirectory) {
+    watcher.add(p);
+  }
+  const exit = async () => {
+    await watcher.close();
   };
+  process.on("SIGINT", exit);
+  process.on("uncaughtException", exit);
   watcher.on("all", async (event, relativePathToChangeTarget) => {
     const file = relativePathToChangeTarget.split(path6.sep);
     if (file.length === 0) {
@@ -655,6 +660,18 @@ var setupHotreloading = async (devServer2, emailDirRelativePath) => {
       relativePathToChangeTarget
     );
     await updateDependencyGraph(event, pathToChangeTarget);
+    const newFilesOutsideEmailsDirectory = getFilesOutsideEmailsDirectory();
+    for (const p of filesOutsideEmailsDirectory) {
+      if (!newFilesOutsideEmailsDirectory.includes(p)) {
+        watcher.unwatch(p);
+      }
+    }
+    for (const p of newFilesOutsideEmailsDirectory) {
+      if (!filesOutsideEmailsDirectory.includes(p)) {
+        watcher.add(p);
+      }
+    }
+    filesOutsideEmailsDirectory = newFilesOutsideEmailsDirectory;
     changes.push({
       event,
       filename: relativePathToChangeTarget
@@ -730,7 +747,7 @@ var mergeDirectoriesWithSubDirectories = (emailsDirectoryMetadata) => {
   }
   return currentResultingMergedDirectory;
 };
-var getEmailsDirectoryMetadata = async (absolutePathToEmailsDirectory) => {
+var getEmailsDirectoryMetadata = async (absolutePathToEmailsDirectory, keepFileExtensions = false) => {
   if (!fs5.existsSync(absolutePathToEmailsDirectory))
     return;
   const dirents = await fs5.promises.readdir(absolutePathToEmailsDirectory, {
@@ -738,7 +755,9 @@ var getEmailsDirectoryMetadata = async (absolutePathToEmailsDirectory) => {
   });
   const emailFilenames = dirents.filter(
     (dirent) => isFileAnEmail(path7.join(absolutePathToEmailsDirectory, dirent.name))
-  ).map((dirent) => dirent.name.replace(path7.extname(dirent.name), ""));
+  ).map(
+    (dirent) => keepFileExtensions ? dirent.name : dirent.name.replace(path7.extname(dirent.name), "")
+  );
   const subDirectories = await Promise.all(
     dirents.filter(
       (dirent) => dirent.isDirectory() && !dirent.name.startsWith("_") && dirent.name !== "static"
@@ -825,7 +844,8 @@ var exportTemplates = async (pathToWhereEmailMarkupShouldBeDumped, emailsDirecto
     closeOraOnSIGNIT(spinner);
   }
   const emailsDirectoryMetadata = await getEmailsDirectoryMetadata(
-    path9.resolve(process.cwd(), emailsDirectoryPath)
+    path9.resolve(process.cwd(), emailsDirectoryPath),
+    true
   );
   if (typeof emailsDirectoryMetadata === "undefined") {
     if (spinner) {
@@ -951,7 +971,7 @@ import ora3 from "ora";
 import { spawn } from "child_process";
 import logSymbols3 from "log-symbols";
 var buildPreviewApp = (absoluteDirectory) => {
-  return new Promise((resolve, reject) => {
+  return new Promise((resolve2, reject) => {
     const nextBuild = spawn("npm", ["run", "build"], {
       cwd: absoluteDirectory,
       shell: true
@@ -960,7 +980,7 @@ var buildPreviewApp = (absoluteDirectory) => {
     nextBuild.stderr.pipe(process.stderr);
     nextBuild.on("close", (code) => {
       if (code === 0) {
-        resolve();
+        resolve2();
       } else {
         reject(
           new Error(
@@ -1075,7 +1095,7 @@ var updatePackageJson = async (builtPreviewAppPath) => {
   );
 };
 var npmInstall = async (builtPreviewAppPath, packageManager) => {
-  return new Promise(async (resolve, reject) => {
+  return new Promise(async (resolve2, reject) => {
     const childProc = spawn(packageManager, ["install", "--silent"], {
       cwd: builtPreviewAppPath,
       shell: true
@@ -1084,7 +1104,7 @@ var npmInstall = async (builtPreviewAppPath, packageManager) => {
     childProc.stderr.pipe(process.stderr);
     childProc.on("close", (code) => {
       if (code === 0) {
-        resolve();
+        resolve2();
       } else {
         reject(
           new Error(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "2.1.5",
+  "version": "2.1.6",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./cli/index.js"
@@ -61,8 +61,6 @@
     "typescript": "5.1.6"
   },
   "devDependencies": {
-    "@react-email/components": "0.0.19",
-    "@react-email/render": "0.0.15",
     "@types/babel__core": "7.20.5",
     "@types/fs-extra": "11.0.1",
     "@types/mime-types": "2.1.4",
@@ -72,7 +70,9 @@
     "eslint": "8.50.0",
     "tsup": "7.2.0",
     "tsx": "4.9.0",
-    "vitest": "1.1.3"
+    "vitest": "1.1.3",
+    "@react-email/components": "0.0.22",
+    "@react-email/render": "0.0.17"
   },
   "scripts": {
     "build": "tsup",

package/src/actions/get-emails-directory-metadata.ts

@@ -60,6 +60,7 @@ const mergeDirectoriesWithSubDirectories = (
 
 export const getEmailsDirectoryMetadata = async (
   absolutePathToEmailsDirectory: string,
+  keepFileExtensions = false,
 ): Promise<EmailsDirectory | undefined> => {
   if (!fs.existsSync(absolutePathToEmailsDirectory)) return;
 
@@ -71,7 +72,11 @@ export const getEmailsDirectoryMetadata = async (
     .filter((dirent) =>
       isFileAnEmail(path.join(absolutePathToEmailsDirectory, dirent.name)),
     )
-    .map((dirent) => dirent.name.replace(path.extname(dirent.name), ''));
+    .map((dirent) =>
+      keepFileExtensions
+        ? dirent.name
+        : dirent.name.replace(path.extname(dirent.name), ''),
+    );
 
   const subDirectories = await Promise.all(
     dirents