react-email 2.1.1 → 2.1.2

package/dist/cli/index.mjs

@@ -0,0 +1,1087 @@
+#!/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";
+
+// package.json
+var package_default = {
+  name: "react-email",
+  version: "2.1.2-canary.0",
+  description: "A live preview of your emails right in your browser.",
+  bin: {
+    email: "./dist/cli/index.js"
+  },
+  scripts: {
+    build: "tsup-node && node build-preview-server.mjs",
+    dev: "tsup-node --watch",
+    test: "vitest run",
+    "test:watch": "vitest",
+    clean: "rm -rf dist",
+    lint: "eslint . && tsc"
+  },
+  license: "MIT",
+  repository: {
+    type: "git",
+    url: "https://github.com/resend/react-email.git",
+    directory: "packages/react-email"
+  },
+  keywords: [
+    "react",
+    "email"
+  ],
+  engines: {
+    node: ">=18.0.0"
+  },
+  dependencies: {
+    "@babel/core": "7.23.9",
+    "@babel/parser": "7.24.1",
+    "@react-email/render": "0.0.12",
+    chalk: "4.1.2",
+    chokidar: "3.5.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",
+    "normalize-path": "3.0.0",
+    ora: "5.4.1",
+    react: "^18.2.0",
+    "react-dom": "^18.2.0",
+    shelljs: "0.8.5",
+    "socket.io": "4.7.3",
+    "source-map-js": "1.0.2",
+    "stacktrace-parser": "0.1.10"
+  },
+  devDependencies: {
+    "@radix-ui/colors": "1.0.1",
+    "@radix-ui/react-collapsible": "1.0.3",
+    "@radix-ui/react-popover": "1.0.7",
+    "@radix-ui/react-slot": "1.0.2",
+    "@radix-ui/react-toggle-group": "1.0.4",
+    "@radix-ui/react-tooltip": "1.0.6",
+    "@swc/core": "1.4.15",
+    "@types/babel__core": "7.20.5",
+    "@types/fs-extra": "11.0.1",
+    "@types/mime-types": "2.1.4",
+    "@types/node": "18.0.0",
+    "@types/normalize-path": "3.0.2",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@types/shelljs": "0.8.15",
+    "@types/webpack": "5.28.5",
+    "@vercel/style-guide": "5.1.0",
+    autoprefixer: "10.4.14",
+    clsx: "2.1.0",
+    eslint: "8.50.0",
+    "eslint-config-prettier": "9.0.0",
+    "eslint-config-turbo": "1.10.12",
+    "framer-motion": "10.17.4",
+    next: "14.2.1",
+    postcss: "8.4.38",
+    "prism-react-renderer": "2.1.0",
+    sharp: "0.33.3",
+    "socket.io-client": "4.7.3",
+    sonner: "1.3.1",
+    "tailwind-merge": "2.2.0",
+    tailwindcss: "3.4.0",
+    tsup: "7.2.0",
+    tsx: "4.7.1",
+    typescript: "5.1.6",
+    vitest: "1.1.3",
+    watch: "1.0.2"
+  }
+};
+
+// src/cli/commands/dev.ts
+import fs4 from "node:fs";
+
+// src/cli/utils/tree.ts
+import { promises as fs } from "node:fs";
+import os from "node:os";
+import path 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 = path.resolve(base, dirPath);
+  const dirname = path.basename(dirFullpath);
+  let lines = [dirname];
+  const dirStat = await fs.stat(dirFullpath);
+  if (dirStat.isDirectory() && currentDepth < depth) {
+    const childDirents = await fs.readdir(dirFullpath, { withFileTypes: true });
+    childDirents.sort((a, b) => {
+      if (a.isDirectory() && b.isFile()) {
+        return -1;
+      } else 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 = path.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 path3 from "node:path";
+import { Server as SocketServer } from "socket.io";
+import { watch } from "chokidar";
+import debounce from "debounce";
+
+// src/cli/utils/preview/hot-reloading/create-dependency-graph.ts
+import path2 from "node:path";
+import { promises as fs2 } from "node:fs";
+
+// src/cli/utils/preview/hot-reloading/get-imported-modules.ts
+import { traverse } from "@babel/core";
+import { parse } from "@babel/parser";
+var getImportedModules = (contents) => {
+  const importedPaths = [];
+  const parsedContents = parse(contents, {
+    sourceType: "unambiguous",
+    strictMode: false,
+    errorRecovery: true,
+    plugins: ["jsx", "typescript"]
+  });
+  traverse(parsedContents, {
+    ImportDeclaration(path11) {
+      importedPaths.push(path11.node.source.value);
+    },
+    CallExpression(path11) {
+      if ("name" in path11.node.callee && path11.node.callee.name === "require") {
+        if (path11.node.arguments.length === 1) {
+          const importPathNode = path11.node.arguments[0];
+          if (importPathNode.type === "StringLiteral") {
+            importedPaths.push(importPathNode.value);
+          }
+        }
+      }
+    }
+  });
+  return importedPaths;
+};
+
+// src/cli/utils/preview/hot-reloading/create-dependency-graph.ts
+var readAllFilesInsideDirectory = async (directory) => {
+  let allFilePaths = [];
+  const topLevelDirents = await fs2.readdir(directory, { withFileTypes: true });
+  for await (const dirent of topLevelDirents) {
+    const pathToDirent = path2.join(directory, dirent.name);
+    if (dirent.isDirectory()) {
+      allFilePaths = allFilePaths.concat(
+        await readAllFilesInsideDirectory(pathToDirent)
+      );
+    } else {
+      allFilePaths.push(pathToDirent);
+    }
+  }
+  return allFilePaths;
+};
+var isJavascriptModule = (filePath) => {
+  const extensionName = path2.extname(filePath);
+  return [".js", ".ts", ".jsx", ".tsx", ".mjs", ".cjs"].includes(extensionName);
+};
+var createDependencyGraph = async (directory) => {
+  const filePaths = await readAllFilesInsideDirectory(directory);
+  const modulePaths = filePaths.filter(isJavascriptModule);
+  const graph = Object.fromEntries(
+    modulePaths.map((path11) => [
+      path11,
+      {
+        path: path11,
+        dependencyPaths: [],
+        dependentPaths: [],
+        moduleDependencies: []
+      }
+    ])
+  );
+  const getDependencyPaths = async (filePath) => {
+    const contents = await fs2.readFile(filePath, "utf8");
+    const importedPaths = getImportedModules(contents);
+    const importedPathsRelativeToDirectory = importedPaths.map(
+      (dependencyPath) => {
+        const isModulePath = !dependencyPath.startsWith(".");
+        if (!isModulePath && !path2.isAbsolute(dependencyPath)) {
+          let pathToDependencyFromDirectory = path2.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
+                        */
+            path2.dirname(filePath),
+            dependencyPath
+          );
+          if (!isJavascriptModule(pathToDependencyFromDirectory)) {
+            pathToDependencyFromDirectory = `${pathToDependencyFromDirectory}${path2.extname(
+              filePath
+            )}`;
+          }
+          return pathToDependencyFromDirectory;
+        } else {
+          return dependencyPath;
+        }
+      }
+    );
+    const moduleDependencies = importedPathsRelativeToDirectory.filter(
+      (dependencyPath) => !dependencyPath.startsWith(".") && !path2.isAbsolute(dependencyPath)
+    );
+    const nonNodeModuleImportPathsRelativeToDirectory = importedPathsRelativeToDirectory.filter(
+      (dependencyPath) => dependencyPath.startsWith(".") || path2.isAbsolute(dependencyPath)
+    );
+    return {
+      dependencyPaths: nonNodeModuleImportPathsRelativeToDirectory,
+      moduleDependencies
+    };
+  };
+  const updateModuleDependenciesInGraph = async (moduleFilePath) => {
+    const module = graph[moduleFilePath] ?? {
+      path: moduleFilePath,
+      dependencyPaths: [],
+      dependentPaths: [],
+      moduleDependencies: []
+    };
+    const { moduleDependencies, dependencyPaths: newDependencyPaths } = await getDependencyPaths(moduleFilePath);
+    module.moduleDependencies = moduleDependencies;
+    for (const dependencyPath of module.dependencyPaths) {
+      if (newDependencyPaths.includes(dependencyPath))
+        continue;
+      const dependencyModule = graph[dependencyPath];
+      if (dependencyModule !== void 0) {
+        dependencyModule.dependentPaths = dependencyModule.dependentPaths.filter(
+          (dependentPath) => dependentPath !== moduleFilePath
+        );
+      }
+    }
+    module.dependencyPaths = newDependencyPaths;
+    for (const dependencyPath of newDependencyPaths) {
+      const dependencyModule = graph[dependencyPath];
+      if (dependencyModule !== void 0 && !dependencyModule.dependentPaths.includes(moduleFilePath)) {
+        dependencyModule.dependentPaths.push(moduleFilePath);
+      } else {
+        graph[dependencyPath] = {
+          path: dependencyPath,
+          moduleDependencies: [],
+          dependencyPaths: [],
+          dependentPaths: [moduleFilePath]
+        };
+      }
+    }
+    graph[moduleFilePath] = module;
+  };
+  for (const filePath of modulePaths) {
+    await updateModuleDependenciesInGraph(filePath);
+  }
+  const removeModuleFromGraph = (filePath) => {
+    const module = graph[filePath];
+    if (module) {
+      for (const dependencyPath of module.dependencyPaths) {
+        if (graph[dependencyPath]) {
+          graph[dependencyPath].dependentPaths = graph[dependencyPath].dependentPaths.filter(
+            (dependentPath) => dependentPath !== filePath
+          );
+        }
+      }
+      delete graph[filePath];
+    }
+  };
+  return [
+    graph,
+    /**
+     * @param pathToModified - A path relative to the previosuly provided {@link directory}.
+     */
+    async (event, pathToModified) => {
+      switch (event) {
+        case "change":
+          if (isJavascriptModule(pathToModified)) {
+            await updateModuleDependenciesInGraph(pathToModified);
+          }
+          break;
+        case "add":
+          if (isJavascriptModule(pathToModified)) {
+            await updateModuleDependenciesInGraph(pathToModified);
+          }
+          break;
+        case "addDir":
+          const filesInsideAddedDirectory = await readAllFilesInsideDirectory(pathToModified);
+          const modulesInsideAddedDirectory = filesInsideAddedDirectory.filter(isJavascriptModule);
+          for await (const filePath of modulesInsideAddedDirectory) {
+            await updateModuleDependenciesInGraph(filePath);
+          }
+          break;
+        case "unlink":
+          if (isJavascriptModule(pathToModified)) {
+            removeModuleFromGraph(pathToModified);
+          }
+          break;
+        case "unlinkDir":
+          const filesInsideDeletedDirectory = await readAllFilesInsideDirectory(pathToModified);
+          const modulesInsideDeletedDirectory = filesInsideDeletedDirectory.filter(isJavascriptModule);
+          for await (const filePath of modulesInsideDeletedDirectory) {
+            removeModuleFromGraph(filePath);
+          }
+          break;
+      }
+    }
+  ];
+};
+
+// src/cli/utils/preview/hot-reloading/setup-hot-reloading.ts
+var setupHotreloading = async (devServer2, emailDirRelativePath) => {
+  let clients = [];
+  const io = new SocketServer(devServer2);
+  io.on("connection", (client) => {
+    clients.push(client);
+    client.on("disconnect", () => {
+      clients = clients.filter((item) => item !== client);
+    });
+  });
+  const absolutePathToEmailsDirectory = path3.resolve(
+    process.cwd(),
+    emailDirRelativePath
+  );
+  const watcher = watch("", {
+    ignoreInitial: true,
+    cwd: absolutePathToEmailsDirectory
+  });
+  const exit = () => {
+    void watcher.close();
+  };
+  process.on("SIGINT", exit);
+  process.on("uncaughtException", exit);
+  let changes = [];
+  const reload = debounce(() => {
+    clients.forEach((client) => {
+      client.emit("reload", changes);
+    });
+    changes = [];
+  }, 150);
+  const [dependencyGraph, updateDependencyGraph] = await createDependencyGraph(
+    absolutePathToEmailsDirectory
+  );
+  watcher.on("all", async (event, relativePathToChangeTarget) => {
+    const file = relativePathToChangeTarget.split(path3.sep);
+    if (file.length === 0) {
+      return;
+    }
+    await updateDependencyGraph(event, relativePathToChangeTarget);
+    changes.push({
+      event,
+      filename: relativePathToChangeTarget
+    });
+    const pathToChangeTarget = path3.resolve(
+      absolutePathToEmailsDirectory,
+      relativePathToChangeTarget
+    );
+    changes.push(
+      ...(dependencyGraph[pathToChangeTarget]?.dependentPaths ?? []).map(
+        (dependentPath) => ({
+          event: "change",
+          filename: path3.relative(absolutePathToEmailsDirectory, dependentPath)
+        })
+      )
+    );
+    reload();
+  });
+  return watcher;
+};
+
+// src/cli/utils/preview/start-dev-server.ts
+import path6 from "node:path";
+import http from "node:http";
+import url from "node:url";
+import next from "next";
+import ora from "ora";
+import logSymbols from "log-symbols";
+import chalk from "chalk";
+
+// src/cli/utils/close-ora-on-sigint.ts
+var spinners = /* @__PURE__ */ new Set();
+process.on("SIGINT", () => {
+  spinners.forEach((spinner) => {
+    if (spinner.isSpinning) {
+      spinner.stop();
+    }
+  });
+});
+var closeOraOnSIGNIT = (spinner) => {
+  spinners.add(spinner);
+};
+
+// src/cli/utils/preview/serve-static-file.ts
+import path4 from "node:path";
+import { promises as fs3, existsSync } from "node:fs";
+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;
+  let fileAbsolutePath = path4.join(staticBaseDir, pathname);
+  const doesFileExist = existsSync(fileAbsolutePath);
+  if (!doesFileExist) {
+    res.statusCode = 404;
+    res.end(`File ${pathname} not found!`);
+  } else {
+    const fileStat = await fs3.stat(fileAbsolutePath);
+    if (fileStat.isDirectory()) {
+      fileAbsolutePath += `/index${ext}`;
+    }
+    const fileData = await fs3.readFile(fileAbsolutePath);
+    res.setHeader("Content-type", lookup(ext) || "text/plain");
+    res.end(fileData);
+  }
+};
+
+// src/cli/utils/preview/get-env-variables-for-preview-app.ts
+import path5 from "path";
+var getEnvVariablesForPreviewApp = (relativePathToEmailsDirectory, cwd) => {
+  return {
+    EMAILS_DIR_RELATIVE_PATH: relativePathToEmailsDirectory,
+    EMAILS_DIR_ABSOLUTE_PATH: path5.resolve(cwd, relativePathToEmailsDirectory),
+    USER_PROJECT_LOCATION: cwd
+  };
+};
+
+// src/cli/utils/preview/start-dev-server.ts
+var devServer;
+var safeAsyncServerListen = (server, port) => {
+  return new Promise((resolve) => {
+    server.listen(port, () => {
+      resolve({ portAlreadyInUse: false });
+    });
+    server.on("error", (e) => {
+      if (e.code === "EADDRINUSE") {
+        resolve({ portAlreadyInUse: true });
+      }
+    });
+  });
+};
+var isDev = !__filename.endsWith(path6.join("cli", "index.js"));
+var cliPacakgeLocation = isDev ? path6.resolve(__dirname, "../../../..") : path6.resolve(__dirname, "../..");
+var previewServerLocation = isDev ? path6.resolve(__dirname, "../../../..") : path6.resolve(__dirname, "../preview");
+var startDevServer = async (emailsDirRelativePath, staticBaseDirRelativePath, port) => {
+  devServer = http.createServer((req, res) => {
+    if (!req.url) {
+      res.end(404);
+      return;
+    }
+    const parsedUrl = url.parse(req.url, true);
+    res.setHeader(
+      "Cache-Control",
+      "no-cache, max-age=0, must-revalidate, no-store"
+    );
+    res.setHeader("Pragma", "no-cache");
+    res.setHeader("Expires", "-1");
+    try {
+      if (parsedUrl.path && parsedUrl.path.includes("static/") && !parsedUrl.path.includes("_next/static/")) {
+        void serveStaticFile(res, parsedUrl, staticBaseDirRelativePath);
+      } else if (!isNextReady) {
+        void nextReadyPromise.then(
+          () => nextHandleRequest?.(req, res, parsedUrl)
+        );
+      } else {
+        void nextHandleRequest?.(req, res, parsedUrl);
+      }
+    } catch (e) {
+      console.error("caught error", e);
+      res.writeHead(500);
+      res.end();
+    }
+  });
+  const { portAlreadyInUse } = await safeAsyncServerListen(devServer, port);
+  if (!portAlreadyInUse) {
+    console.log(chalk.greenBright(`    React Email ${package_default.version}`));
+    console.log(`    Running preview at:          http://localhost:${port}
+`);
+  } else {
+    const nextPortToTry = port + 1;
+    console.warn(
+      ` ${logSymbols.warning} Port ${port} is already in use, trying ${nextPortToTry}`
+    );
+    return startDevServer(
+      emailsDirRelativePath,
+      staticBaseDirRelativePath,
+      nextPortToTry
+    );
+  }
+  devServer.on("close", async () => {
+    await app.close();
+  });
+  devServer.on("error", (e) => {
+    console.error(
+      ` ${logSymbols.error} preview server error: `,
+      JSON.stringify(e)
+    );
+    process.exit(1);
+  });
+  const spinner = ora({
+    text: "Getting react-email preview server ready...\n",
+    prefixText: " "
+  }).start();
+  closeOraOnSIGNIT(spinner);
+  const timeBeforeNextReady = performance.now();
+  process.env = {
+    ...process.env,
+    ...getEnvVariablesForPreviewApp(
+      // If we don't do normalization here, stuff like https://github.com/resend/react-email/issues/1354 happens.
+      path6.normalize(emailsDirRelativePath),
+      process.cwd()
+    )
+  };
+  const app = next({
+    // passing in env here does not get the environment variables there
+    dev: isDev,
+    hostname: "localhost",
+    port,
+    dir: previewServerLocation
+  });
+  let isNextReady = false;
+  const nextReadyPromise = app.prepare();
+  await nextReadyPromise;
+  isNextReady = true;
+  const nextHandleRequest = app.getRequestHandler();
+  const secondsToNextReady = ((performance.now() - timeBeforeNextReady) / 1e3).toFixed(1);
+  spinner.stopAndPersist({
+    text: `Ready in ${secondsToNextReady}s
+`,
+    symbol: logSymbols.success
+  });
+  return devServer;
+};
+var makeExitHandler = (options) => (_codeOrSignal) => {
+  if (typeof devServer !== "undefined") {
+    console.log("\nshutting down dev server");
+    devServer.close();
+    devServer = void 0;
+  }
+  if (options?.shouldKillProcess) {
+    process.exit(options.killWithErrorCode ? 1 : 0);
+  }
+};
+process.on("exit", makeExitHandler());
+process.on(
+  "SIGINT",
+  makeExitHandler({ shouldKillProcess: true, killWithErrorCode: false })
+);
+process.on(
+  "SIGUSR1",
+  makeExitHandler({ shouldKillProcess: true, killWithErrorCode: false })
+);
+process.on(
+  "SIGUSR2",
+  makeExitHandler({ shouldKillProcess: true, killWithErrorCode: false })
+);
+process.on(
+  "uncaughtException",
+  makeExitHandler({ shouldKillProcess: true, killWithErrorCode: true })
+);
+
+// src/cli/commands/dev.ts
+var dev = async ({ dir: emailsDirRelativePath, port }) => {
+  try {
+    if (!fs4.existsSync(emailsDirRelativePath)) {
+      throw new Error(`Missing ${emailsDirRelativePath} folder`);
+    }
+    const devServer2 = await startDevServer(
+      emailsDirRelativePath,
+      emailsDirRelativePath,
+      // defaults to ./emails/static for the static files that are served to the preview
+      parseInt(port)
+    );
+    await setupHotreloading(devServer2, emailsDirRelativePath);
+  } catch (error) {
+    console.log(error);
+    process.exit(1);
+  }
+};
+
+// src/cli/commands/export.ts
+import fs6, { unlinkSync, writeFileSync } from "node:fs";
+import path8 from "node:path";
+import { glob } from "glob";
+import { buildSync } from "esbuild";
+import ora2 from "ora";
+import logSymbols2 from "log-symbols";
+import { renderAsync } from "@react-email/render";
+import normalize from "normalize-path";
+import { cp } from "shelljs";
+
+// src/actions/get-emails-directory-metadata.ts
+import fs5 from "node:fs";
+import path7 from "node:path";
+var isFileAnEmail = (fullPath) => {
+  const stat = fs5.statSync(fullPath);
+  if (stat.isDirectory())
+    return false;
+  const { ext } = path7.parse(fullPath);
+  if (![".js", ".tsx", ".jsx"].includes(ext))
+    return false;
+  const fileContents = fs5.readFileSync(fullPath, "utf8");
+  return /\bexport\s+default\b/gm.test(fileContents);
+};
+var mergeDirectoriesWithSubDirectories = (emailsDirectoryMetadata) => {
+  let currentResultingMergedDirectory = emailsDirectoryMetadata;
+  while (currentResultingMergedDirectory.emailFilenames.length === 0 && currentResultingMergedDirectory.subDirectories.length === 1) {
+    const onlySubDirectory = currentResultingMergedDirectory.subDirectories[0];
+    currentResultingMergedDirectory = {
+      ...onlySubDirectory,
+      directoryName: path7.join(
+        currentResultingMergedDirectory.directoryName,
+        onlySubDirectory.directoryName
+      )
+    };
+  }
+  return currentResultingMergedDirectory;
+};
+var getEmailsDirectoryMetadata = async (absolutePathToEmailsDirectory, baseDirectoryPath = absolutePathToEmailsDirectory) => {
+  if (!fs5.existsSync(absolutePathToEmailsDirectory))
+    return;
+  const dirents = await fs5.promises.readdir(absolutePathToEmailsDirectory, {
+    withFileTypes: true
+  });
+  const emailFilenames = dirents.filter(
+    (dirent) => isFileAnEmail(path7.join(absolutePathToEmailsDirectory, dirent.name))
+  ).map((dirent) => dirent.name.replace(path7.extname(dirent.name), ""));
+  const subDirectories = await Promise.all(
+    dirents.filter(
+      (dirent) => dirent.isDirectory() && !dirent.name.startsWith("_") && dirent.name !== "static"
+    ).map((dirent) => {
+      const direntAbsolutePath = path7.join(
+        absolutePathToEmailsDirectory,
+        dirent.name
+      );
+      return getEmailsDirectoryMetadata(
+        direntAbsolutePath,
+        baseDirectoryPath
+      );
+    })
+  );
+  return mergeDirectoriesWithSubDirectories({
+    absolutePath: absolutePathToEmailsDirectory,
+    relativePath: path7.relative(
+      baseDirectoryPath,
+      absolutePathToEmailsDirectory
+    ),
+    directoryName: absolutePathToEmailsDirectory.split(path7.sep).pop(),
+    emailFilenames,
+    subDirectories
+  });
+};
+
+// src/cli/commands/export.ts
+var getEmailTemplatesFromDirectory = (emailDirectory) => {
+  const templatePaths = [];
+  emailDirectory.emailFilenames.forEach(
+    (filename) => templatePaths.push(path8.join(emailDirectory.absolutePath, filename))
+  );
+  emailDirectory.subDirectories.forEach((directory) => {
+    templatePaths.push(...getEmailTemplatesFromDirectory(directory));
+  });
+  return templatePaths;
+};
+var exportTemplates = async (pathToWhereEmailMarkupShouldBeDumped, emailsDirectoryPath, options) => {
+  if (fs6.existsSync(pathToWhereEmailMarkupShouldBeDumped)) {
+    fs6.rmSync(pathToWhereEmailMarkupShouldBeDumped, { recursive: true });
+  }
+  const spinner = ora2("Preparing files...\n").start();
+  closeOraOnSIGNIT(spinner);
+  const emailsDirectoryMetadata = await getEmailsDirectoryMetadata(
+    path8.join(process.cwd(), emailsDirectoryPath)
+  );
+  if (typeof emailsDirectoryMetadata === "undefined") {
+    spinner.stopAndPersist({
+      symbol: logSymbols2.error,
+      text: `Could not find the directory at ${emailsDirectoryPath}`
+    });
+    return;
+  }
+  const allTemplates = getEmailTemplatesFromDirectory(emailsDirectoryMetadata);
+  const buildResult = buildSync({
+    bundle: true,
+    entryPoints: allTemplates,
+    platform: "node",
+    format: "cjs",
+    loader: { ".js": "jsx" },
+    outExtension: { ".js": ".cjs" },
+    jsx: "transform",
+    write: true,
+    outdir: pathToWhereEmailMarkupShouldBeDumped
+  });
+  if (buildResult.warnings.length > 0) {
+    console.warn(buildResult.warnings);
+  }
+  if (buildResult.errors.length > 0) {
+    spinner.stopAndPersist({
+      symbol: logSymbols2.error,
+      text: "Failed to build emails"
+    });
+    console.error(buildResult.errors);
+    throw new Error(
+      `esbuild bundling process for email templates:
+${allTemplates.map((p) => `- ${p}`).join("\n")}`
+    );
+  }
+  spinner.succeed();
+  const allBuiltTemplates = glob.sync(
+    normalize(`${pathToWhereEmailMarkupShouldBeDumped}/**/*.cjs`),
+    {
+      absolute: true
+    }
+  );
+  for await (const template of allBuiltTemplates) {
+    try {
+      spinner.text = `rendering ${template.split("/").pop()}`;
+      spinner.render();
+      delete __require.cache[template];
+      const component = __require(template);
+      const rendered = await renderAsync(component.default({}), options);
+      const htmlPath = template.replace(
+        ".cjs",
+        options.plainText ? ".txt" : ".html"
+      );
+      writeFileSync(htmlPath, rendered);
+      unlinkSync(template);
+    } catch (exception) {
+      spinner.stopAndPersist({
+        symbol: logSymbols2.error,
+        text: `failed when rendering ${template.split("/").pop()}`
+      });
+      console.error(exception);
+      throw exception;
+    }
+  }
+  spinner.succeed("Rendered all files");
+  spinner.text = `Copying static files`;
+  spinner.render();
+  const staticDirectoryPath = path8.join(emailsDirectoryPath, "static");
+  if (fs6.existsSync(staticDirectoryPath)) {
+    const pathToDumpStaticFilesInto = path8.join(
+      pathToWhereEmailMarkupShouldBeDumped,
+      "static"
+    );
+    if (fs6.existsSync(pathToDumpStaticFilesInto))
+      await fs6.promises.rm(pathToDumpStaticFilesInto, { recursive: true });
+    const result = cp(
+      "-r",
+      staticDirectoryPath,
+      path8.join(pathToWhereEmailMarkupShouldBeDumped, "static")
+    );
+    if (result.code > 0) {
+      spinner.stopAndPersist({
+        symbol: logSymbols2.error,
+        text: "Failed to copy static files"
+      });
+      throw new Error(
+        `Something went wrong while copying the file to ${pathToWhereEmailMarkupShouldBeDumped}/static, ${result.stderr}`
+      );
+    }
+  }
+  spinner.succeed();
+  const fileTree = await tree(pathToWhereEmailMarkupShouldBeDumped, 4);
+  console.log(fileTree);
+  spinner.stopAndPersist({
+    symbol: logSymbols2.success,
+    text: "Successfully exported emails"
+  });
+  process.exit();
+};
+
+// src/cli/commands/build.ts
+import fs7 from "node:fs";
+import path9 from "node:path";
+import ora3 from "ora";
+import shell from "shelljs";
+import { spawn } from "node:child_process";
+import logSymbols3 from "log-symbols";
+var buildPreviewApp = (absoluteDirectory) => {
+  return new Promise((resolve, reject) => {
+    const nextBuild = spawn("npm", ["run", "build"], {
+      cwd: absoluteDirectory
+    });
+    nextBuild.stdout.on("data", (msg) => {
+      process.stdout.write(msg);
+    });
+    nextBuild.stderr.on("data", (msg) => {
+      process.stderr.write(msg);
+    });
+    nextBuild.on("close", (code) => {
+      if (code === 0) {
+        resolve();
+      } else {
+        reject(
+          new Error(
+            `Unable to build the Next app and it exited with code: ${code}`
+          )
+        );
+      }
+    });
+  });
+};
+var setNextEnvironmentVariablesForBuild = async (emailsDirRelativePath, builtPreviewAppPath) => {
+  const nextConfigContents = `
+const path = require('path');
+const emailsDirRelativePath = path.normalize('${emailsDirRelativePath}');
+const userProjectLocation = path.resolve(process.cwd(), '../');
+/** @type {import('next').NextConfig} */
+module.exports = {
+  env: {
+    NEXT_PUBLIC_IS_BUILDING: 'true',
+    EMAILS_DIR_RELATIVE_PATH: emailsDirRelativePath,
+    EMAILS_DIR_ABSOLUTE_PATH: path.resolve(userProjectLocation, emailsDirRelativePath),
+    USER_PROJECT_LOCATION: userProjectLocation
+  },
+  // this is needed so that the code for building emails works properly
+  webpack: (
+    /** @type {import('webpack').Configuration & { externals: string[] }} */
+    config,
+    { isServer }
+  ) => {
+    if (isServer) {
+      config.externals.push('esbuild');
+    }
+
+    return config;
+  },
+  typescript: {
+    ignoreBuildErrors: true
+  },
+  eslint: {
+    ignoreDuringBuilds: true
+  },
+  experimental: {
+    webpackBuildWorker: true,
+    serverComponentsExternalPackages: [
+      '@react-email/components',
+      '@react-email/render',
+      '@react-email/tailwind',
+    ],
+  },
+}`;
+  await fs7.promises.writeFile(
+    path9.resolve(builtPreviewAppPath, "./next.config.js"),
+    nextConfigContents,
+    "utf8"
+  );
+};
+var getEmailSlugsFromEmailDirectory = (emailDirectory, emailsDirectoryAbsolutePath) => {
+  const directoryPathRelativeToEmailsDirectory = emailDirectory.absolutePath.replace(emailsDirectoryAbsolutePath, "").trim();
+  const slugs = [];
+  emailDirectory.emailFilenames.forEach(
+    (filename) => slugs.push(
+      path9.join(directoryPathRelativeToEmailsDirectory, filename).split(path9.sep).filter((segment) => segment.length > 0)
+    )
+  );
+  emailDirectory.subDirectories.forEach((directory) => {
+    slugs.push(
+      ...getEmailSlugsFromEmailDirectory(
+        directory,
+        emailsDirectoryAbsolutePath
+      )
+    );
+  });
+  return slugs;
+};
+var forceSSGForEmailPreviews = async (emailsDirPath, builtPreviewAppPath) => {
+  const emailDirectoryMetadata = (
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    await getEmailsDirectoryMetadata(emailsDirPath)
+  );
+  const parameters = getEmailSlugsFromEmailDirectory(
+    emailDirectoryMetadata,
+    emailsDirPath
+  ).map((slug) => ({ slug }));
+  const layoutContents = await fs7.promises.readFile(
+    path9.resolve(builtPreviewAppPath, "./src/app/layout.tsx"),
+    "utf8"
+  );
+  await fs7.promises.writeFile(
+    path9.resolve(builtPreviewAppPath, "./src/app/layout.tsx"),
+    layoutContents.replace("export const dynamic = 'force-dynamic';", ""),
+    "utf8"
+  );
+  await fs7.promises.appendFile(
+    path9.resolve(builtPreviewAppPath, "./src/app/preview/[...slug]/page.tsx"),
+    `
+
+export async function generateStaticParams() { 
+  return ${JSON.stringify(parameters)};
+}`,
+    "utf8"
+  );
+};
+var updatePackageJson = async (builtPreviewAppPath) => {
+  const packageJsonPath = path9.resolve(builtPreviewAppPath, "./package.json");
+  const packageJson = JSON.parse(
+    await fs7.promises.readFile(packageJsonPath, "utf8")
+  );
+  packageJson.scripts.build = "next build";
+  packageJson.scripts.start = "next start";
+  await fs7.promises.writeFile(
+    packageJsonPath,
+    JSON.stringify(packageJson),
+    "utf8"
+  );
+};
+var npmInstall = async (builtPreviewAppPath, packageManager) => {
+  return new Promise((resolve, reject) => {
+    shell.exec(
+      `${packageManager} install --silent`,
+      { cwd: builtPreviewAppPath },
+      (code) => {
+        if (code === 0) {
+          resolve();
+        } else {
+          reject(
+            new Error(
+              `Unable to install the dependencies and it exited with code: ${code}`
+            )
+          );
+        }
+      }
+    );
+  });
+};
+var build = async ({
+  dir: emailsDirRelativePath,
+  packageManager
+}) => {
+  try {
+    const spinner = ora3({
+      text: "Starting build process...",
+      prefixText: "  "
+    }).start();
+    closeOraOnSIGNIT(spinner);
+    spinner.text = "Checking if emails folder exists";
+    if (!fs7.existsSync(emailsDirRelativePath)) {
+      throw new Error(`Missing ${emailsDirRelativePath} folder`);
+    }
+    const emailsDirPath = path9.join(process.cwd(), emailsDirRelativePath);
+    const staticPath = path9.join(emailsDirPath, "static");
+    const builtPreviewAppPath = path9.join(process.cwd(), ".react-email");
+    if (fs7.existsSync(builtPreviewAppPath)) {
+      spinner.text = "Deleting pre-existing `.react-email` folder";
+      await fs7.promises.rm(builtPreviewAppPath, { recursive: true });
+    }
+    spinner.text = "Copying preview app from CLI to `.react-email`";
+    await fs7.promises.cp(cliPacakgeLocation, builtPreviewAppPath, {
+      recursive: true,
+      filter: (source) => {
+        return !source.includes("/cli/") && !source.includes("/.next/") && !/\/node_modules\/?$/.test(source);
+      }
+    });
+    if (fs7.existsSync(staticPath)) {
+      spinner.text = "Copying `static` folder into `.react-email/public/static`";
+      const builtStaticDirectory = path9.resolve(
+        builtPreviewAppPath,
+        "./public/static"
+      );
+      await fs7.promises.cp(staticPath, builtStaticDirectory, {
+        recursive: true
+      });
+    }
+    spinner.text = "Setting Next environment variables for preview app to work properly";
+    await setNextEnvironmentVariablesForBuild(
+      emailsDirRelativePath,
+      builtPreviewAppPath
+    );
+    spinner.text = "Setting server side generation for the email preview pages";
+    await forceSSGForEmailPreviews(emailsDirPath, builtPreviewAppPath);
+    spinner.text = "Updating package.json's build and start scripts";
+    await updatePackageJson(builtPreviewAppPath);
+    spinner.text = "Installing dependencies on `.react-email`";
+    await npmInstall(builtPreviewAppPath, packageManager);
+    spinner.stopAndPersist({
+      text: "Successfully prepared `.react-email` for `next build`",
+      symbol: logSymbols3.success
+    });
+    await buildPreviewApp(builtPreviewAppPath);
+  } catch (error) {
+    console.log(error);
+    process.exit(1);
+  }
+};
+
+// src/cli/commands/start.ts
+import fs8 from "node:fs";
+import path10 from "node:path";
+import { spawn as spawn2 } from "node:child_process";
+var start = async () => {
+  try {
+    const usersProjectLocation = process.cwd();
+    const builtPreviewPath = path10.resolve(
+      usersProjectLocation,
+      "./.react-email"
+    );
+    if (!fs8.existsSync(builtPreviewPath)) {
+      throw new Error(
+        "Could not find `.react-email`, maybe you haven't ran `email build`?"
+      );
+    }
+    const nextStart = spawn2("npm", ["start"], {
+      cwd: builtPreviewPath,
+      stdio: "inherit"
+    });
+    process.on("SIGINT", () => {
+      nextStart.kill("SIGINT");
+    });
+    nextStart.on("exit", (code) => {
+      process.exit(code ?? 0);
+    });
+  } catch (error) {
+    console.log(error);
+    process.exit(1);
+  }
+};
+
+// src/cli/index.ts
+var PACKAGE_NAME = "react-email";
+program.name(PACKAGE_NAME).description("A live preview of your emails right in your browser").version(package_default.version);
+program.command("dev").description("Starts the preview email development app").option("-d, --dir <path>", "Directory with your email templates", "./emails").option("-p --port <port>", "Port to run dev server on", "3000").action(dev);
+program.command("build").description("Copies the preview app for onto .react-email and builds it").option("-d, --dir <path>", "Directory with your email templates", "./emails").option(
+  "-p --packageManager <name>",
+  "Package name to use on installation on `.react-email`",
+  "npm"
+).action(build);
+program.command("start").description('Runs the built preview app that is inside of ".react-email"').action(start);
+program.command("export").description("Build the templates to the `out` directory").option("--outDir <path>", "Output directory", "out").option("-p, --pretty", "Pretty print the output", false).option("-t, --plainText", "Set output format as plain text", false).option("-d, --dir <path>", "Directory with your email templates", "./emails").action(
+  ({ outDir, pretty, plainText, dir: srcDir }) => exportTemplates(outDir, srcDir, { pretty, plainText })
+);
+program.parse();