react-email 1.4.2-canary.1 → 1.4.2-canary.2

package/source/commands/exportTemplates.ts

@@ -1,7 +1,12 @@
 import { glob } from 'glob';
 import esbuild from 'esbuild';
+import tree from 'tree-node-cli';
+import ora from 'ora';
+import logSymbols from 'log-symbols';
 import { render } from '@react-email/render';
 import { unlinkSync, writeFileSync } from 'fs';
+import copy from 'cpy';
+import { checkDirectoryExist, CLIENT_EMAILS_PATH } from '../utils';
 
 /*
   This first builds all the templates using esbuild and then puts the output in the `.js`
@@ -9,7 +14,9 @@ import { unlinkSync, writeFileSync } from 'fs';
   using the `render` function.
  */
 export const exportTemplates = async (outDir: string, pretty: boolean) => {
-  const allTemplates = glob.sync('emails/*.{tsx,jsx}');
+  const spinner = ora('Preparing files...\n').start();
+  const allTemplates = glob.sync(`${CLIENT_EMAILS_PATH}/*.{tsx,jsx}`);
+
   esbuild.buildSync({
     bundle: true,
     entryPoints: allTemplates,
@@ -29,4 +36,24 @@ export const exportTemplates = async (outDir: string, pretty: boolean) => {
     writeFileSync(htmlPath, rendered);
     unlinkSync(template);
   }
+
+  const hasStaticDirectory = checkDirectoryExist(
+    `${CLIENT_EMAILS_PATH}/static`,
+  );
+
+  if (hasStaticDirectory) {
+    await copy(`${CLIENT_EMAILS_PATH}/static`, `${outDir}/static`);
+  }
+
+  const fileTree = tree(outDir, {
+    allFiles: true,
+    maxDepth: 4,
+  });
+
+  console.log(fileTree);
+
+  spinner.stopAndPersist({
+    symbol: logSymbols.success,
+    text: 'Successfully exported emails',
+  });
 };