react-email 4.3.0 → 4.3.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # react-email
 
+## 4.3.1
+
+### Patch Changes
+
+- 1e13d15: hot reloading errors when importing .json and other file extensions
+
 ## 4.3.0
 
 ## 4.2.12

package/dist/index.js

@@ -70,8 +70,7 @@ const getEmailsDirectoryMetadata = async (absolutePathToEmailsDirectory, keepFil
 	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(dirents.filter((dirent) => dirent.isDirectory() && !dirent.name.startsWith("_") && dirent.name !== "static").map((dirent) => {
-		const direntAbsolutePath = path.join(absolutePathToEmailsDirectory, dirent.name);
-		return getEmailsDirectoryMetadata(direntAbsolutePath, keepFileExtensions, true, baseDirectoryPath);
+		return getEmailsDirectoryMetadata(path.join(absolutePathToEmailsDirectory, dirent.name), keepFileExtensions, true, baseDirectoryPath);
 	}));
 	const emailsMetadata = {
 		absolutePath: absolutePathToEmailsDirectory,
@@ -86,7 +85,7 @@ const getEmailsDirectoryMetadata = async (absolutePathToEmailsDirectory, keepFil
 //#endregion
 //#region package.json
 var name = "react-email";
-var version = "4.3.0";
+var version = "4.3.1";
 var description = "A live preview of your emails right in your browser.";
 var bin = { "email": "./dist/index.js" };
 var type = "module";
@@ -268,15 +267,14 @@ module.exports = {
 const getEmailSlugsFromEmailDirectory = (emailDirectory, emailsDirectoryAbsolutePath) => {
 	const directoryPathRelativeToEmailsDirectory = emailDirectory.absolutePath.replace(emailsDirectoryAbsolutePath, "").trim();
 	const slugs = [];
-	emailDirectory.emailFilenames.forEach((filename$1) => slugs.push(path.join(directoryPathRelativeToEmailsDirectory, filename$1).split(path.sep).filter((segment) => segment.length > 0)));
+	emailDirectory.emailFilenames.forEach((filename) => slugs.push(path.join(directoryPathRelativeToEmailsDirectory, filename).split(path.sep).filter((segment) => segment.length > 0)));
 	emailDirectory.subDirectories.forEach((directory) => {
 		slugs.push(...getEmailSlugsFromEmailDirectory(directory, emailsDirectoryAbsolutePath));
 	});
 	return slugs;
 };
 const forceSSGForEmailPreviews = async (emailsDirPath, builtPreviewAppPath) => {
-	const emailDirectoryMetadata = await getEmailsDirectoryMetadata(emailsDirPath);
-	const parameters = getEmailSlugsFromEmailDirectory(emailDirectoryMetadata, emailsDirPath).map((slug) => ({ slug }));
+	const parameters = getEmailSlugsFromEmailDirectory(await getEmailsDirectoryMetadata(emailsDirPath), emailsDirPath).map((slug) => ({ slug }));
 	const removeForceDynamic = async (filePath) => {
 		const contents = await fs.promises.readFile(filePath, "utf8");
 		await fs.promises.writeFile(filePath, contents.replace("export const dynamic = 'force-dynamic';", ""), "utf8");
@@ -356,7 +354,7 @@ const build$1 = async ({ dir: emailsDirRelativePath, packageManager }) => {
 const traverse = typeof traverseModule === "function" ? traverseModule : traverseModule.default;
 const getImportedModules = (contents) => {
 	const importedPaths = [];
-	const parsedContents = parse(contents, {
+	traverse(parse(contents, {
 		sourceType: "unambiguous",
 		strictMode: false,
 		errorRecovery: true,
@@ -365,8 +363,7 @@ const getImportedModules = (contents) => {
 			"typescript",
 			"decorators"
 		]
-	});
-	traverse(parsedContents, {
+	}), {
 		ImportDeclaration({ node }) {
 			importedPaths.push(node.source.value);
 		},
@@ -477,11 +474,8 @@ const createDependencyGraph = async (directory) => {
 			}
 			const extension = path.extname(pathToDependencyFromDirectory);
 			const pathWithEnsuredExtension = (() => {
-				if (extension.length > 0 && javascriptExtensions.includes(extension)) {
-					if (existsSync(pathToDependencyFromDirectory)) return pathToDependencyFromDirectory;
-					return checkFileExtensionsUntilItExists(pathToDependencyFromDirectory.replace(extension, ""));
-				}
-				return checkFileExtensionsUntilItExists(pathToDependencyFromDirectory);
+				if (extension.length > 0 && existsSync(pathToDependencyFromDirectory)) return pathToDependencyFromDirectory;
+				return checkFileExtensionsUntilItExists(pathToDependencyFromDirectory.replace(extension, ""));
 			})();
 			if (pathWithEnsuredExtension) pathToDependencyFromDirectory = pathWithEnsuredExtension;
 			else console.warn(`Could not find file at ${pathToDependencyFromDirectory}`);
@@ -552,8 +546,7 @@ const createDependencyGraph = async (directory) => {
 			const dependentPaths = /* @__PURE__ */ new Set();
 			const stack = [pathToModule];
 			while (stack.length > 0) {
-				const currentPath = stack.pop();
-				const moduleEntry = graph[currentPath];
+				const moduleEntry = graph[stack.pop()];
 				if (!moduleEntry) continue;
 				for (const dependentPath of moduleEntry.dependentPaths) {
 					if (dependentPaths.has(dependentPath) || dependentPath === pathToModule) continue;
@@ -811,8 +804,7 @@ const getTreeLines = async (dirPath, depth, currentDepth = 0) => {
 			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);
+				const treeLinesForSubDirectory = await getTreeLines(path.join(dirFullpath, dirent.name), depth, currentDepth + 1);
 				lines = lines.concat(treeLinesForSubDirectory.map((line, index) => index === 0 ? `${branchingSymbol}${line}` : `${verticalSymbol}${line}`));
 			}
 		}
@@ -831,8 +823,7 @@ const dev = async ({ dir: emailsDirRelativePath, port }) => {
 			console.error(`Missing ${emailsDirRelativePath} folder`);
 			process.exit(1);
 		}
-		const devServer$1 = await startDevServer(emailsDirRelativePath, emailsDirRelativePath, Number.parseInt(port));
-		await setupHotreloading(devServer$1, emailsDirRelativePath);
+		await setupHotreloading(await startDevServer(emailsDirRelativePath, emailsDirRelativePath, Number.parseInt(port)), emailsDirRelativePath);
 	} catch (error) {
 		console.log(error);
 		process.exit(1);
@@ -890,14 +881,13 @@ const renderingUtilitiesExporter = (emailTemplates) => ({
 //#region src/commands/export.ts
 const getEmailTemplatesFromDirectory = (emailDirectory) => {
 	const templatePaths = [];
-	emailDirectory.emailFilenames.forEach((filename$1) => templatePaths.push(path.join(emailDirectory.absolutePath, filename$1)));
+	emailDirectory.emailFilenames.forEach((filename) => templatePaths.push(path.join(emailDirectory.absolutePath, filename)));
 	emailDirectory.subDirectories.forEach((directory) => {
 		templatePaths.push(...getEmailTemplatesFromDirectory(directory));
 	});
 	return templatePaths;
 };
-const filename = url.fileURLToPath(import.meta.url);
-const require = createRequire(filename);
+const require = createRequire(url.fileURLToPath(import.meta.url));
 const exportTemplates = async (pathToWhereEmailMarkupShouldBeDumped, emailsDirectoryPath, options) => {
 	if (fs.existsSync(pathToWhereEmailMarkupShouldBeDumped)) fs.rmSync(pathToWhereEmailMarkupShouldBeDumped, { recursive: true });
 	let spinner;
@@ -947,8 +937,7 @@ const exportTemplates = async (pathToWhereEmailMarkupShouldBeDumped, emailsDirec
 		delete require.cache[template];
 		const emailModule = require(template);
 		const rendered = await emailModule.render(emailModule.reactEmailCreateReactElement(emailModule.default, {}), options);
-		const htmlPath = template.replace(".cjs", options.plainText ? ".txt" : ".html");
-		writeFileSync(htmlPath, rendered);
+		writeFileSync(template.replace(".cjs", options.plainText ? ".txt" : ".html"), rendered);
 		unlinkSync(template);
 	} catch (exception) {
 		if (spinner) spinner.stopAndPersist({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "4.3.0",
+  "version": "4.3.1",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./dist/index.js"
@@ -46,7 +46,7 @@
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "typescript": "5.8.3",
-    "@react-email/components": "0.5.6"
+    "@react-email/components": "0.5.7"
   },
   "scripts": {
     "build": "tsdown",

package/src/utils/preview/hot-reloading/create-dependency-graph.ts

@@ -146,17 +146,12 @@ export const createDependencyGraph = async (directory: string) => {
         const pathWithEnsuredExtension = (() => {
           if (
             extension.length > 0 &&
-            javascriptExtensions.includes(extension)
+            existsSync(pathToDependencyFromDirectory)
           ) {
-            if (existsSync(pathToDependencyFromDirectory)) {
-              return pathToDependencyFromDirectory;
-            }
-            return checkFileExtensionsUntilItExists(
-              pathToDependencyFromDirectory.replace(extension, ''),
-            );
+            return pathToDependencyFromDirectory;
           }
           return checkFileExtensionsUntilItExists(
-            pathToDependencyFromDirectory,
+            pathToDependencyFromDirectory.replace(extension, ''),
           );
         })();