Adding HTML support to Resend for rich email content

Author: tinycocopo

app/api/send-email/route.ts

@@ -6,6 +6,7 @@ type EmailRequestBody = {
   cc?: string;
   subject?: string;
   message?: string;
+  html?: string;
 };
 
 export async function POST(request: Request) {
@@ -20,7 +21,7 @@ export async function POST(request: Request) {
     );
   }
 
-  const { to, cc, subject, message } = payload;
+  const { to, cc, subject, message, html } = payload;
 
   if (!to) {
     return NextResponse.json(
@@ -29,7 +30,10 @@ export async function POST(request: Request) {
     );
   }
 
-  if (!message) {
+  const trimmedMessage = (message ?? "").trim();
+  const trimmedHtml = (html ?? "").trim();
+
+  if (!trimmedMessage && !trimmedHtml) {
     return NextResponse.json(
       { error: "Message body cannot be empty." },
       { status: 400 }
@@ -41,7 +45,10 @@ export async function POST(request: Request) {
       to,
       cc,
       subject: subject ?? "(no subject)",
-      message,
+      message:
+        trimmedMessage ||
+        trimmedHtml.replace(/<[^>]*>/g, " ").replace(/\s+/g, " ").trim(),
+      html: trimmedHtml || undefined,
     });
 
     if (result.error) {

app/emails.tsx

@@ -16,6 +16,7 @@ type SendEmailArgs = {
   message: string;
   cc?: string;
   from?: string;
+  html?: string;
 };
 
 const normalizeList = (value?: string) =>
@@ -30,6 +31,7 @@ export async function sendEmail({
   message,
   cc,
   from,
+  html,
 }: SendEmailArgs) {
   const toList = normalizeList(to);
   if (!toList?.length) {
@@ -38,18 +40,21 @@ export async function sendEmail({
 
   const ccList = normalizeList(cc);
 
-  const html = message
-    .split("\n")
-    .map((line) => line.trim())
-    .map((line) => (line.length ? `<p>${line}</p>` : "<br/>"))
-    .join("");
+  const normalizedHtml =
+    html && html.trim().length
+      ? html
+      : message
+          .split("\n")
+          .map((line) => line.trim())
+          .map((line) => (line.length ? `<p>${line}</p>` : "<br/>"))
+          .join("");
 
   return resend.emails.send({
     from: from ?? resendFromAddress,
     to: toList,
     cc: ccList,
     subject,
     text: message,
-    html,
+    html: normalizedHtml,
   });
 }