React email build script

build.tsx

import { render } from '@react-email/render';
import fs from 'fs';
import path from 'path';
import React from 'react';

// Get a list of all files in the 'emails' directory
const emailFiles = fs.readdirSync('./emails');

// Create a new directory named 'build' if it doesn't exist
if (!fs.existsSync('build')) fs.mkdirSync('build');

// For each file in the 'emails' directory
emailFiles.forEach(file => {
	// Only process files with the '.tsx' extension
	if (path.extname(file) === '.tsx') {
		// Import the email file dynamically
		const EmailComponent = require(`./emails/${file}`).default;

		// Get the name of the imported email file
		const emailFileName = path.basename(file, path.extname(file));

		const html = render(<EmailComponent />);

		// Write the rendered HTML to a file in the 'build' directory
		fs.writeFileSync(path.join('build', `${emailFileName}.html`), html);

		// Write the plain text version of the email to a file in the 'build' directory
		const plainText = render(<EmailComponent />, { plainText: true });
		fs.writeFileSync(path.join('build', `${emailFileName}.txt`), plainText);

		console.log(`Files ${emailFileName}.html and ${emailFileName}.txt have been created in the 'build' directory.`);
	}
});