react-email 2.1.3 → 2.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "description": "A live preview of your emails right in your browser.",
   "bin": {
     "email": "./cli/index.js"
@@ -19,7 +19,8 @@
     "node": ">=18.0.0"
   },
   "dependencies": {
-    "@babel/parser": "7.24.1",
+    "@babel/core": "7.24.5",
+    "@babel/parser": "7.24.5",
     "@radix-ui/colors": "1.0.1",
     "@radix-ui/react-collapsible": "1.0.3",
     "@radix-ui/react-popover": "1.0.7",
@@ -31,7 +32,6 @@
     "@types/react-dom": "^18.2.0",
     "@types/webpack": "5.28.5",
     "autoprefixer": "10.4.14",
-    "babel-walk": "3.0.0",
     "chalk": "4.1.2",
     "chokidar": "3.5.3",
     "clsx": "2.1.0",
@@ -62,8 +62,9 @@
     "typescript": "5.1.6"
   },
   "devDependencies": {
-    "@react-email/components": "0.0.18",
-    "@react-email/render": "0.0.14",
+    "@react-email/components": "0.0.19",
+    "@react-email/render": "0.0.15",
+    "@types/babel__core": "7.20.5",
     "@types/fs-extra": "11.0.1",
     "@types/mime-types": "2.1.4",
     "@types/node": "18.0.0",

package/src/actions/get-email-path-from-slug.ts

@@ -5,7 +5,7 @@ import { emailsDirectoryAbsolutePath } from '../utils/emails-directory-absolute-
 
 // eslint-disable-next-line @typescript-eslint/require-await
 export const getEmailPathFromSlug = async (slug: string) => {
-  if (['.tsx', '.jsx', '.js'].includes(path.extname(slug)))
+  if (['.tsx', '.jsx', '.ts', '.js'].includes(path.extname(slug)))
     return path.join(emailsDirectoryAbsolutePath, slug);
 
   const pathWithoutExtension = path.join(emailsDirectoryAbsolutePath, slug);
@@ -14,12 +14,14 @@ export const getEmailPathFromSlug = async (slug: string) => {
     return `${pathWithoutExtension}.tsx`;
   } else if (fs.existsSync(`${pathWithoutExtension}.jsx`)) {
     return `${pathWithoutExtension}.jsx`;
+  } else if (fs.existsSync(`${pathWithoutExtension}.ts`)) {
+    return `${pathWithoutExtension}.ts`;
   } else if (fs.existsSync(`${pathWithoutExtension}.js`)) {
-    return `${pathWithoutExtension}.jsx`;
+    return `${pathWithoutExtension}.js`;
   }
 
   throw new Error(
-    `Could not find your email file based on the slug (${slug}) by guessing the file extension. Tried .tsx, .jsx and .js.
+    `Could not find your email file based on the slug (${slug}) by guessing the file extension. Tried .tsx, .jsx, .ts and .js.
 
     This is most likely not an issue with the preview server. It most likely is that the email doesn't exist.`,
   );

package/src/utils/render-resolver-esbuild-plugin.ts

@@ -2,6 +2,10 @@ import path from 'node:path';
 import { promises as fs } from 'node:fs';
 import type { Loader, PluginBuild, ResolveOptions } from 'esbuild';
 
+function escapeStringForRegex(string: string) {
+  return string.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&').replace(/-/g, '\\x2d');
+}
+
 /**
  * Made to export the `renderAsync` function out of the user's email template
  * so that issues like https://github.com/resend/react-email/issues/649 don't
@@ -14,7 +18,13 @@ export const renderResolver = (emailTemplates: string[]) => ({
   name: 'render-resolver',
   setup: (b: PluginBuild) => {
     b.onLoad(
-      { filter: new RegExp(emailTemplates.join('|')) },
+      {
+        filter: new RegExp(
+          emailTemplates
+            .map((emailPath) => escapeStringForRegex(emailPath))
+            .join('|'),
+        ),
+      },
       async ({ path: pathToFile }) => {
         return {
           contents: `${await fs.readFile(pathToFile, 'utf8')};