react-email 4.1.0-canary.4 → 4.1.0-canary.5

package/dist/cli/index.mjs

@@ -1,11 +1,4 @@
 #!/usr/bin/env node
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
 
 // src/cli/index.ts
 import { program } from "commander";
@@ -13,13 +6,14 @@ import { program } from "commander";
 // package.json
 var package_default = {
   name: "react-email",
-  version: "4.1.0-canary.4",
+  version: "4.1.0-canary.5",
   description: "A live preview of your emails right in your browser.",
   bin: {
-    email: "./dist/cli/index.js"
+    email: "./dist/cli/index.mjs"
   },
   scripts: {
-    build: "tsup-node && node ./scripts/build-preview-server.mjs && pnpm install --frozen-lockfile",
+    build: "tsup-node && node ./scripts/build-preview-server.mjs",
+    postbuild: "pnpm install --frozen-lockfile",
     "caniemail:fetch": "node ./scripts/fill-caniemail-data.mjs",
     clean: "rm -rf dist",
     dev: "tsup-node --watch",
@@ -33,75 +27,76 @@ var package_default = {
     url: "https://github.com/resend/react-email.git",
     directory: "packages/react-email"
   },
-  keywords: ["react", "email"],
+  keywords: [
+    "react",
+    "email"
+  ],
   engines: {
     node: ">=18.0.0"
   },
   dependencies: {
-    "@babel/parser": "^7.24.5",
-    "@babel/traverse": "^7.25.6",
-    chalk: "^4.1.2",
+    "@babel/parser": "^7.27.0",
+    "@babel/traverse": "^7.27.0",
+    chalk: "^5.0.0",
     chokidar: "^4.0.3",
-    commander: "^11.1.0",
+    commander: "^13.0.0",
     debounce: "^2.0.0",
     esbuild: "^0.25.0",
-    glob: "^10.3.4",
-    "log-symbols": "^4.1.0",
-    "mime-types": "^2.1.35",
-    next: "^15.2.4",
+    glob: "^11.0.0",
+    "log-symbols": "^7.0.0",
+    "mime-types": "^3.0.0",
+    next: "^15.3.1",
     "normalize-path": "^3.0.0",
-    ora: "^5.4.1",
+    ora: "^8.0.0",
     "socket.io": "^4.8.1"
   },
   devDependencies: {
     "@babel/core": "7.26.10",
-    "@lottiefiles/dotlottie-react": "0.12.3",
-    "@radix-ui/colors": "1.0.1",
-    "@radix-ui/react-collapsible": "1.1.0",
-    "@radix-ui/react-dropdown-menu": "2.1.4",
-    "@radix-ui/react-popover": "1.1.1",
-    "@radix-ui/react-slot": "1.1.0",
-    "@radix-ui/react-tabs": "1.1.1",
-    "@radix-ui/react-toggle-group": "1.1.0",
-    "@radix-ui/react-tooltip": "1.1.2",
+    "@lottiefiles/dotlottie-react": "0.13.3",
+    "@radix-ui/colors": "3.0.0",
+    "@radix-ui/react-collapsible": "1.1.7",
+    "@radix-ui/react-dropdown-menu": "2.1.10",
+    "@radix-ui/react-popover": "1.1.10",
+    "@radix-ui/react-slot": "1.2.0",
+    "@radix-ui/react-tabs": "1.1.7",
+    "@radix-ui/react-toggle-group": "1.1.6",
+    "@radix-ui/react-tooltip": "1.2.3",
     "@react-email/components": "workspace:*",
-    "@swc/core": "1.4.15",
+    "@swc/core": "1.11.21",
     "@types/babel__core": "7.20.5",
-    "@types/babel__traverse": "*",
+    "@types/babel__traverse": "7.20.7",
     "@types/fs-extra": "11.0.1",
     "@types/mime-types": "2.1.4",
-    "@types/node": "22.10.2",
+    "@types/node": "22.14.1",
     "@types/normalize-path": "3.0.2",
     "@types/react": "19.0.10",
     "@types/react-dom": "19.0.4",
     "@types/webpack": "5.28.5",
-    "@vercel/style-guide": "5.1.0",
-    autoprefixer: "10.4.20",
+    autoprefixer: "10.4.21",
     clsx: "2.1.1",
-    "framer-motion": "12.0.0-alpha.2",
+    "framer-motion": "12.7.5",
     jiti: "2.4.2",
     json5: "2.2.3",
     "module-punycode": "npm:punycode@2.3.1",
-    "node-html-parser": "6.1.13",
-    postcss: "8.4.40",
-    "prettier-plugin-tailwindcss": "0.6.6",
+    "node-html-parser": "7.0.1",
+    postcss: "8.5.3",
     "pretty-bytes": "6.1.1",
-    "prism-react-renderer": "2.1.0",
+    "prism-react-renderer": "2.4.1",
     react: "19.0.0",
     "react-dom": "19.0.0",
-    sharp: "0.33.3",
-    "socket.io-client": "4.8.0",
-    sonner: "1.7.1",
-    "source-map-js": "1.0.2",
+    sharp: "0.34.1",
+    "socket.io-client": "4.8.1",
+    sonner: "2.0.3",
+    "source-map-js": "1.2.1",
     spamc: "0.0.5",
-    "stacktrace-parser": "0.1.10",
-    "tailwind-merge": "2.2.0",
+    "stacktrace-parser": "0.1.11",
+    "tailwind-merge": "3.2.0",
     tailwindcss: "3.4.0",
-    tsup: "7.2.0",
-    tsx: "4.9.0",
-    typescript: "5.8.2",
+    tsup: "8.4.0",
+    tsx: "4.19.3",
+    typescript: "5.8.3",
     "use-debounce": "10.0.4",
-    zod: "3.24.2"
+    zod: "3.24.3"
   }
 };
 
@@ -115,17 +110,26 @@ import ora2 from "ora";
 // src/utils/get-emails-directory-metadata.ts
 import fs from "node:fs";
 import path from "node:path";
-var isFileAnEmail = (fullPath) => {
-  const stat = fs.statSync(fullPath);
-  if (stat.isDirectory())
+var isFileAnEmail = async (fullPath) => {
+  let fileHandle;
+  try {
+    fileHandle = await fs.promises.open(fullPath, "r");
+  } catch (exception) {
+    console.warn(exception);
     return false;
-  const { ext } = path.parse(fullPath);
-  if (![".js", ".tsx", ".jsx"].includes(ext))
+  }
+  const stat = await fileHandle.stat();
+  if (stat.isDirectory()) {
+    await fileHandle.close();
     return false;
-  if (!fs.existsSync(fullPath)) {
+  }
+  const { ext } = path.parse(fullPath);
+  if (![".js", ".tsx", ".jsx"].includes(ext)) {
+    await fileHandle.close();
     return false;
   }
-  const fileContents = fs.readFileSync(fullPath, "utf8");
+  const fileContents = await fileHandle.readFile("utf8");
+  await fileHandle.close();
   const hasES6DefaultExport = /\bexport\s+default\b/gm.test(fileContents);
   const hasCommonJSExport = /\bmodule\.exports\s*=/gm.test(fileContents);
   const hasNamedExport = /\bexport\s+\{[^}]*\bdefault\b[^}]*\}/gm.test(
@@ -148,14 +152,16 @@ var mergeDirectoriesWithSubDirectories = (emailsDirectoryMetadata) => {
   return currentResultingMergedDirectory;
 };
 var getEmailsDirectoryMetadata = async (absolutePathToEmailsDirectory, keepFileExtensions = false, isSubDirectory = false, baseDirectoryPath = absolutePathToEmailsDirectory) => {
-  if (!fs.existsSync(absolutePathToEmailsDirectory))
-    return;
+  if (!fs.existsSync(absolutePathToEmailsDirectory)) return;
   const dirents = await fs.promises.readdir(absolutePathToEmailsDirectory, {
     withFileTypes: true
   });
-  const emailFilenames = dirents.filter(
-    (dirent) => isFileAnEmail(path.join(absolutePathToEmailsDirectory, dirent.name))
-  ).map(
+  const isEmailPredicates = await Promise.all(
+    dirents.map(
+      (dirent) => isFileAnEmail(path.join(absolutePathToEmailsDirectory, dirent.name))
+    )
+  );
+  const emailFilenames = dirents.filter((_, i) => isEmailPredicates[i]).map(
     (dirent) => keepFileExtensions ? dirent.name : dirent.name.replace(path.extname(dirent.name), "")
   );
   const subDirectories = await Promise.all(
@@ -212,76 +218,19 @@ var registerSpinnerAutostopping = (spinner) => {
   spinners.add(spinner);
 };
 
-// src/cli/utils/tree.ts
-import { promises as fs2 } from "node:fs";
-import os from "node:os";
-import path2 from "node:path";
-var SYMBOLS = {
-  BRANCH: "\u251C\u2500\u2500 ",
-  EMPTY: "",
-  INDENT: "    ",
-  LAST_BRANCH: "\u2514\u2500\u2500 ",
-  VERTICAL: "\u2502   "
-};
-var getTreeLines = async (dirPath, depth, currentDepth = 0) => {
-  const base = process.cwd();
-  const dirFullpath = path2.resolve(base, dirPath);
-  const dirname = path2.basename(dirFullpath);
-  let lines = [dirname];
-  const dirStat = await fs2.stat(dirFullpath);
-  if (dirStat.isDirectory() && currentDepth < depth) {
-    const childDirents = await fs2.readdir(dirFullpath, { withFileTypes: true });
-    childDirents.sort((a, b) => {
-      if (a.isDirectory() && b.isFile()) {
-        return -1;
-      }
-      if (a.isFile() && b.isDirectory()) {
-        return 1;
-      }
-      return b.name > a.name ? -1 : 1;
-    });
-    for (let i = 0; i < childDirents.length; i++) {
-      const dirent = childDirents[i];
-      const isLast = i === childDirents.length - 1;
-      const branchingSymbol = isLast ? SYMBOLS.LAST_BRANCH : SYMBOLS.BRANCH;
-      const verticalSymbol = isLast ? SYMBOLS.INDENT : SYMBOLS.VERTICAL;
-      if (dirent.isFile()) {
-        lines.push(`${branchingSymbol}${dirent.name}`);
-      } else {
-        const pathToDirectory = path2.join(dirFullpath, dirent.name);
-        const treeLinesForSubDirectory = await getTreeLines(
-          pathToDirectory,
-          depth,
-          currentDepth + 1
-        );
-        lines = lines.concat(
-          treeLinesForSubDirectory.map(
-            (line, index) => index === 0 ? `${branchingSymbol}${line}` : `${verticalSymbol}${line}`
-          )
-        );
-      }
-    }
-  }
-  return lines;
-};
-var tree = async (dirPath, depth) => {
-  const lines = await getTreeLines(dirPath, depth);
-  return lines.join(os.EOL);
-};
-
 // src/cli/utils/preview/hot-reloading/setup-hot-reloading.ts
-import path7 from "node:path";
+import path6 from "node:path";
 import { watch } from "chokidar";
 import debounce from "debounce";
 import { Server as SocketServer } from "socket.io";
 
 // src/cli/utils/preview/hot-reloading/create-dependency-graph.ts
-import { promises as fs4, existsSync as existsSync2, statSync } from "node:fs";
-import path6 from "node:path";
+import { existsSync as existsSync2, promises as fs3, statSync } from "node:fs";
+import path5 from "node:path";
 
 // src/cli/utils/preview/start-dev-server.ts
 import http from "node:http";
-import path5 from "node:path";
+import path4 from "node:path";
 import url from "node:url";
 import chalk from "chalk";
 import logSymbols2 from "log-symbols";
@@ -289,28 +238,33 @@ import next from "next";
 import ora from "ora";
 
 // src/cli/utils/preview/get-env-variables-for-preview-app.ts
-import path3 from "node:path";
+import path2 from "node:path";
 var getEnvVariablesForPreviewApp = (relativePathToEmailsDirectory, cwd) => {
   return {
     EMAILS_DIR_RELATIVE_PATH: relativePathToEmailsDirectory,
-    EMAILS_DIR_ABSOLUTE_PATH: path3.resolve(cwd, relativePathToEmailsDirectory),
+    EMAILS_DIR_ABSOLUTE_PATH: path2.resolve(cwd, relativePathToEmailsDirectory),
     USER_PROJECT_LOCATION: cwd,
     NEXT_PUBLIC_IS_PREVIEW_DEVELOPMENT: isDev ? "true" : "false"
   };
 };
 
 // src/cli/utils/preview/serve-static-file.ts
-import { promises as fs3, existsSync } from "node:fs";
-import path4 from "node:path";
+import { existsSync, promises as fs2 } from "node:fs";
+import path3 from "node:path";
 import { lookup } from "mime-types";
 var serveStaticFile = async (res, parsedUrl, staticDirRelativePath) => {
-  const staticBaseDir = path4.join(process.cwd(), staticDirRelativePath);
-  const pathname = parsedUrl.pathname;
-  const ext = path4.parse(pathname).ext;
-  const fileAbsolutePath = path4.join(staticBaseDir, pathname);
+  const pathname = parsedUrl.pathname.replace("/static", "./static");
+  const ext = path3.parse(pathname).ext;
+  const staticBaseDir = path3.resolve(process.cwd(), staticDirRelativePath);
+  const fileAbsolutePath = path3.resolve(staticBaseDir, pathname);
+  if (!fileAbsolutePath.startsWith(staticBaseDir)) {
+    res.statusCode = 403;
+    res.end();
+    return;
+  }
   try {
-    const fileHandle = await fs3.open(fileAbsolutePath, "r");
-    const fileData = await fs3.readFile(fileHandle);
+    const fileHandle = await fs2.open(fileAbsolutePath, "r");
+    const fileData = await fs2.readFile(fileHandle);
     res.setHeader("Content-type", lookup(ext) || "text/plain");
     res.end(fileData);
     fileHandle.close();
@@ -346,9 +300,11 @@ var safeAsyncServerListen = (server, port) => {
     });
   });
 };
-var isDev = !__filename.endsWith(path5.join("cli", "index.js"));
-var cliPackageLocation = isDev ? path5.resolve(__dirname, "../../../..") : path5.resolve(__dirname, "../..");
-var previewServerLocation = isDev ? path5.resolve(__dirname, "../../../..") : path5.resolve(__dirname, "../preview");
+var filename = url.fileURLToPath(import.meta.url);
+var dirname = path4.dirname(filename);
+var isDev = !filename.endsWith(path4.join("cli", "index.mjs"));
+var cliPackageLocation = isDev ? path4.resolve(dirname, "../../../..") : path4.resolve(dirname, "../..");
+var previewServerLocation = isDev ? path4.resolve(dirname, "../../../..") : path4.resolve(dirname, "../preview");
 var startDevServer = async (emailsDirRelativePath, staticBaseDirRelativePath, port) => {
   devServer = http.createServer((req, res) => {
     if (!req.url) {
@@ -415,7 +371,7 @@ var startDevServer = async (emailsDirRelativePath, staticBaseDirRelativePath, po
     ...process.env,
     ...getEnvVariablesForPreviewApp(
       // If we don't do normalization here, stuff like https://github.com/resend/react-email/issues/1354 happens.
-      path5.normalize(emailsDirRelativePath),
+      path4.normalize(emailsDirRelativePath),
       process.cwd()
     )
   };
@@ -475,7 +431,8 @@ process.on(
 
 // src/cli/utils/preview/hot-reloading/get-imported-modules.ts
 import { parse } from "@babel/parser";
-import traverse from "@babel/traverse";
+import traverseModule from "@babel/traverse";
+var traverse = traverseModule.default;
 var getImportedModules = (contents) => {
   const importedPaths = [];
   const parsedContents = parse(contents, {
@@ -496,6 +453,9 @@ var getImportedModules = (contents) => {
         importedPaths.push(node.source.value);
       }
     },
+    TSExternalModuleReference({ node }) {
+      importedPaths.push(node.expression.value);
+    },
     CallExpression({ node }) {
       if ("name" in node.callee && node.callee.name === "require") {
         if (node.arguments.length === 1) {
@@ -513,9 +473,9 @@ var getImportedModules = (contents) => {
 // src/cli/utils/preview/hot-reloading/create-dependency-graph.ts
 var readAllFilesInsideDirectory = async (directory) => {
   let allFilePaths = [];
-  const topLevelDirents = await fs4.readdir(directory, { withFileTypes: true });
+  const topLevelDirents = await fs3.readdir(directory, { withFileTypes: true });
   for await (const dirent of topLevelDirents) {
-    const pathToDirent = path6.join(directory, dirent.name);
+    const pathToDirent = path5.join(directory, dirent.name);
     if (dirent.isDirectory()) {
       allFilePaths = allFilePaths.concat(
         await readAllFilesInsideDirectory(pathToDirent)
@@ -527,7 +487,7 @@ var readAllFilesInsideDirectory = async (directory) => {
   return allFilePaths;
 };
 var isJavascriptModule = (filePath) => {
-  const extensionName = path6.extname(filePath);
+  const extensionName = path5.extname(filePath);
   return [".js", ".ts", ".jsx", ".tsx", ".mjs", ".cjs"].includes(extensionName);
 };
 var checkFileExtensionsUntilItExists = (pathWithoutExtension) => {
@@ -565,15 +525,15 @@ var createDependencyGraph = async (directory) => {
     ])
   );
   const getDependencyPaths = async (filePath) => {
-    const contents = await fs4.readFile(filePath, "utf8");
+    const contents = await fs3.readFile(filePath, "utf8");
     const importedPaths = isJavascriptModule(filePath) ? getImportedModules(contents) : [];
     const importedPathsRelativeToDirectory = importedPaths.map(
       (dependencyPath) => {
         const isModulePath = !dependencyPath.startsWith(".");
-        if (isModulePath || path6.isAbsolute(dependencyPath)) {
+        if (isModulePath || path5.isAbsolute(dependencyPath)) {
           return dependencyPath;
         }
-        let pathToDependencyFromDirectory = path6.resolve(
+        let pathToDependencyFromDirectory = path5.resolve(
           /*
                       path.resolve resolves paths differently from what imports on javascript do.
           
@@ -581,7 +541,7 @@ var createDependencyGraph = async (directory) => {
                       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
                     */
-          path6.dirname(filePath),
+          path5.dirname(filePath),
           dependencyPath
         );
         let isDirectory = false;
@@ -603,7 +563,7 @@ var createDependencyGraph = async (directory) => {
           }
         }
         if (!isJavascriptModule(pathToDependencyFromDirectory)) {
-          const pathWithExtension = path6.extname(pathToDependencyFromDirectory).length > 0 ? pathToDependencyFromDirectory : checkFileExtensionsUntilItExists(pathToDependencyFromDirectory);
+          const pathWithExtension = path5.extname(pathToDependencyFromDirectory).length > 0 ? pathToDependencyFromDirectory : checkFileExtensionsUntilItExists(pathToDependencyFromDirectory);
           if (pathWithExtension) {
             pathToDependencyFromDirectory = pathWithExtension;
           } else if (isDev) {
@@ -616,10 +576,10 @@ var createDependencyGraph = async (directory) => {
       }
     );
     const moduleDependencies = importedPathsRelativeToDirectory.filter(
-      (dependencyPath) => !dependencyPath.startsWith(".") && !path6.isAbsolute(dependencyPath)
+      (dependencyPath) => !dependencyPath.startsWith(".") && !path5.isAbsolute(dependencyPath)
     );
     const nonNodeModuleImportPathsRelativeToDirectory = importedPathsRelativeToDirectory.filter(
-      (dependencyPath) => dependencyPath.startsWith(".") || path6.isAbsolute(dependencyPath)
+      (dependencyPath) => dependencyPath.startsWith(".") || path5.isAbsolute(dependencyPath)
     );
     return {
       dependencyPaths: nonNodeModuleImportPathsRelativeToDirectory,
@@ -638,8 +598,7 @@ var createDependencyGraph = async (directory) => {
     const { moduleDependencies, dependencyPaths: newDependencyPaths } = await getDependencyPaths(moduleFilePath);
     graph[moduleFilePath].moduleDependencies = moduleDependencies;
     for (const dependencyPath of graph[moduleFilePath].dependencyPaths) {
-      if (newDependencyPaths.includes(dependencyPath))
-        continue;
+      if (newDependencyPaths.includes(dependencyPath)) continue;
       const dependencyModule = graph[dependencyPath];
       if (dependencyModule !== void 0) {
         dependencyModule.dependentPaths = dependencyModule.dependentPaths.filter(
@@ -751,14 +710,14 @@ var setupHotreloading = async (devServer2, emailDirRelativePath) => {
         changes.filter(
           (change) => (
             // Ensures only changes inside the emails directory are emitted
-            path7.resolve(absolutePathToEmailsDirectory, change.filename).startsWith(absolutePathToEmailsDirectory)
+            path6.resolve(absolutePathToEmailsDirectory, change.filename).startsWith(absolutePathToEmailsDirectory)
           )
         )
       );
     });
     changes = [];
   }, 150);
-  const absolutePathToEmailsDirectory = path7.resolve(
+  const absolutePathToEmailsDirectory = path6.resolve(
     process.cwd(),
     emailDirRelativePath
   );
@@ -768,7 +727,7 @@ var setupHotreloading = async (devServer2, emailDirRelativePath) => {
     cwd: absolutePathToEmailsDirectory
   });
   const getFilesOutsideEmailsDirectory = () => Object.keys(dependencyGraph).filter(
-    (p) => path7.relative(absolutePathToEmailsDirectory, p).startsWith("..")
+    (p) => path6.relative(absolutePathToEmailsDirectory, p).startsWith("..")
   );
   let filesOutsideEmailsDirectory = getFilesOutsideEmailsDirectory();
   for (const p of filesOutsideEmailsDirectory) {
@@ -780,11 +739,11 @@ var setupHotreloading = async (devServer2, emailDirRelativePath) => {
   process.on("SIGINT", exit);
   process.on("uncaughtException", exit);
   watcher.on("all", async (event, relativePathToChangeTarget) => {
-    const file = relativePathToChangeTarget.split(path7.sep);
+    const file = relativePathToChangeTarget.split(path6.sep);
     if (file.length === 0) {
       return;
     }
-    const pathToChangeTarget = path7.resolve(
+    const pathToChangeTarget = path6.resolve(
       absolutePathToEmailsDirectory,
       relativePathToChangeTarget
     );
@@ -808,7 +767,7 @@ var setupHotreloading = async (devServer2, emailDirRelativePath) => {
     for (const dependentPath of resolveDependentsOf(pathToChangeTarget)) {
       changes.push({
         event: "change",
-        filename: path7.relative(absolutePathToEmailsDirectory, dependentPath)
+        filename: path6.relative(absolutePathToEmailsDirectory, dependentPath)
       });
     }
     reload();
@@ -816,6 +775,63 @@ var setupHotreloading = async (devServer2, emailDirRelativePath) => {
   return watcher;
 };
 
+// src/cli/utils/tree.ts
+import { promises as fs4 } from "node:fs";
+import os from "node:os";
+import path7 from "node:path";
+var SYMBOLS = {
+  BRANCH: "\u251C\u2500\u2500 ",
+  EMPTY: "",
+  INDENT: "    ",
+  LAST_BRANCH: "\u2514\u2500\u2500 ",
+  VERTICAL: "\u2502   "
+};
+var getTreeLines = async (dirPath, depth, currentDepth = 0) => {
+  const base = process.cwd();
+  const dirFullpath = path7.resolve(base, dirPath);
+  const dirname2 = path7.basename(dirFullpath);
+  let lines = [dirname2];
+  const dirStat = await fs4.stat(dirFullpath);
+  if (dirStat.isDirectory() && currentDepth < depth) {
+    const childDirents = await fs4.readdir(dirFullpath, { withFileTypes: true });
+    childDirents.sort((a, b) => {
+      if (a.isDirectory() && b.isFile()) {
+        return -1;
+      }
+      if (a.isFile() && b.isDirectory()) {
+        return 1;
+      }
+      return b.name > a.name ? -1 : 1;
+    });
+    for (let i = 0; i < childDirents.length; i++) {
+      const dirent = childDirents[i];
+      const isLast = i === childDirents.length - 1;
+      const branchingSymbol = isLast ? SYMBOLS.LAST_BRANCH : SYMBOLS.BRANCH;
+      const verticalSymbol = isLast ? SYMBOLS.INDENT : SYMBOLS.VERTICAL;
+      if (dirent.isFile()) {
+        lines.push(`${branchingSymbol}${dirent.name}`);
+      } else {
+        const pathToDirectory = path7.join(dirFullpath, dirent.name);
+        const treeLinesForSubDirectory = await getTreeLines(
+          pathToDirectory,
+          depth,
+          currentDepth + 1
+        );
+        lines = lines.concat(
+          treeLinesForSubDirectory.map(
+            (line, index) => index === 0 ? `${branchingSymbol}${line}` : `${verticalSymbol}${line}`
+          )
+        );
+      }
+    }
+  }
+  return lines;
+};
+var tree = async (dirPath, depth) => {
+  const lines = await getTreeLines(dirPath, depth);
+  return lines.join(os.EOL);
+};
+
 // src/cli/commands/build.ts
 var buildPreviewApp = (absoluteDirectory) => {
   return new Promise((resolve, reject) => {
@@ -883,8 +899,8 @@ var getEmailSlugsFromEmailDirectory = (emailDirectory, emailsDirectoryAbsolutePa
   const directoryPathRelativeToEmailsDirectory = emailDirectory.absolutePath.replace(emailsDirectoryAbsolutePath, "").trim();
   const slugs = [];
   emailDirectory.emailFilenames.forEach(
-    (filename) => slugs.push(
-      path8.join(directoryPathRelativeToEmailsDirectory, filename).split(path8.sep).filter((segment) => segment.length > 0)
+    (filename3) => slugs.push(
+      path8.join(directoryPathRelativeToEmailsDirectory, filename3).split(path8.sep).filter((segment) => segment.length > 0)
     )
   );
   emailDirectory.subDirectories.forEach((directory) => {
@@ -939,6 +955,7 @@ var updatePackageJson = async (builtPreviewAppPath) => {
   );
   packageJson.scripts.build = "next build";
   packageJson.scripts.start = "next start";
+  delete packageJson.scripts.postbuild;
   packageJson.name = "preview-server";
   delete packageJson.devDependencies["@react-email/render"];
   delete packageJson.devDependencies["@react-email/components"];
@@ -1061,7 +1078,9 @@ var dev = async ({ dir: emailsDirRelativePath, port }) => {
 
 // src/cli/commands/export.ts
 import fs8, { unlinkSync, writeFileSync } from "node:fs";
+import { createRequire } from "node:module";
 import path10 from "node:path";
+import url2 from "node:url";
 import { build as build2 } from "esbuild";
 import { glob } from "glob";
 import logSymbols4 from "log-symbols";
@@ -1124,13 +1143,15 @@ var renderingUtilitiesExporter = (emailTemplates) => ({
 var getEmailTemplatesFromDirectory = (emailDirectory) => {
   const templatePaths = [];
   emailDirectory.emailFilenames.forEach(
-    (filename) => templatePaths.push(path10.join(emailDirectory.absolutePath, filename))
+    (filename3) => templatePaths.push(path10.join(emailDirectory.absolutePath, filename3))
   );
   emailDirectory.subDirectories.forEach((directory) => {
     templatePaths.push(...getEmailTemplatesFromDirectory(directory));
   });
   return templatePaths;
 };
+var filename2 = url2.fileURLToPath(import.meta.url);
+var require2 = createRequire(filename2);
 var exportTemplates = async (pathToWhereEmailMarkupShouldBeDumped, emailsDirectoryPath, options) => {
   if (fs8.existsSync(pathToWhereEmailMarkupShouldBeDumped)) {
     fs8.rmSync(pathToWhereEmailMarkupShouldBeDumped, { recursive: true });
@@ -1158,23 +1179,26 @@ var exportTemplates = async (pathToWhereEmailMarkupShouldBeDumped, emailsDirecto
     await build2({
       bundle: true,
       entryPoints: allTemplates,
-      plugins: [renderingUtilitiesExporter(allTemplates)],
-      platform: "node",
       format: "cjs",
+      jsx: "transform",
       loader: { ".js": "jsx" },
+      logLevel: "silent",
       outExtension: { ".js": ".cjs" },
-      jsx: "transform",
-      write: true,
-      outdir: pathToWhereEmailMarkupShouldBeDumped
+      outdir: pathToWhereEmailMarkupShouldBeDumped,
+      platform: "node",
+      plugins: [renderingUtilitiesExporter(allTemplates)],
+      write: true
     });
   } catch (exception) {
-    const buildFailure = exception;
     if (spinner) {
       spinner.stopAndPersist({
         symbol: logSymbols4.error,
         text: "Failed to build emails"
       });
     }
+    const buildFailure = exception;
+    console.error(`
+${buildFailure.message}`);
     process.exit(1);
   }
   if (spinner) {
@@ -1192,8 +1216,8 @@ var exportTemplates = async (pathToWhereEmailMarkupShouldBeDumped, emailsDirecto
         spinner.text = `rendering ${template.split("/").pop()}`;
         spinner.render();
       }
-      delete __require.cache[template];
-      const emailModule = __require(template);
+      delete require2.cache[template];
+      const emailModule = require2(template);
       const rendered = await emailModule.render(
         emailModule.reactEmailCreateReactElement(emailModule.default, {}),
         options

package/dist/preview/.next/BUILD_ID

@@ -1 +1 @@
-JZPm9ao1byHQqJdt3oG1X
+zs2-dZFPht_M4xAoOGgCM