feat(preview-server): remove noise from when an email template is not found

Author: gabriel miranda

.changeset/olive-doodles-spend.md

@@ -0,0 +1,5 @@
+---
+"@react-email/preview-server": patch
+---
+
+improve error messages for when an email template is missing

packages/preview-server/src/actions/get-email-path-from-slug.ts

@@ -24,9 +24,5 @@ export const getEmailPathFromSlug = cache(async (slug: string) => {
     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, .ts and .js.
-
-    This is most likely not an issue with the preview server. It most likely is that the email doesn't exist.`,
-  );
+  return undefined;
 });

packages/preview-server/src/app/preview/[...slug]/page.tsx

@@ -52,15 +52,9 @@ This is most likely not an issue with the preview server. Maybe there was a typo
     );
   }
 
-  let emailPath: string;
-  try {
-    emailPath = await getEmailPathFromSlug(slug);
-  } catch (exception) {
-    if (exception instanceof Error) {
-      console.warn(exception.message);
-      redirect('/');
-    }
-    throw exception;
+  const emailPath = await getEmailPathFromSlug(slug);
+  if (!emailPath) {
+    redirect('/');
   }
 
   const serverEmailRenderingResult = await renderEmailByPath(emailPath);

packages/preview-server/src/components/toolbar/resend.tsx

@@ -112,6 +112,11 @@ export function ResendIntegration({
 
                 try {
                   const emailPath = await getEmailPathFromSlug(emailSlug);
+                  if (!emailPath) {
+                    throw new Error(
+                      `Could not find email template that should be at ${emailSlug}`,
+                    );
+                  }
                   const renderResult = await renderEmailByPath(emailPath);
 
                   if ('error' in renderResult) {
@@ -135,10 +140,10 @@ export function ResendIntegration({
                       prevItems.map((item, index) =>
                         index === i
                           ? {
-                              ...item,
-                              status: 'succeeded',
-                              id: exportResult.data!.id,
-                            }
+                            ...item,
+                            status: 'succeeded',
+                            id: exportResult.data!.id,
+                          }
                           : item,
                       ),
                     );

packages/preview-server/src/hooks/use-email-rendering-result.ts

@@ -41,6 +41,9 @@ export const useEmailRenderingResult = (
         const pathForChangedEmail = await getEmailPathFromSlug(
           relativePathForChangedFile,
         );
+        if (!pathForChangedEmail) {
+          continue;
+        }
 
         const newRenderingResult = await renderEmailByPath(
           pathForChangedEmail,