fix: fix email format: now properly breaks newline

server/email/hooks/onMessageSend.ts

@@ -7,7 +7,20 @@ import { EMAIL_SUFFIX_CONTACT } from "../internal/prefixes.ts";
 
 const EMAIL_THROTTLE_INTERVAL_MS = 10 * 60 * 1000; // 10 minutes
 
-export async function onMessageSend(c: Context, fromName: string, toId: string, message: Message) {
+export async function onMessageSend(
+  c: Context,
+  {
+    fromName,
+    inRoomId,
+    toId,
+    message,
+  }: {
+    fromName: string;
+    inRoomId: string;
+    toId: string;
+    message: Message;
+  },
+) {
   const receiver = await prisma.user.findUnique({
     where: { id: toId },
     select: {
@@ -34,8 +47,14 @@ export async function onMessageSend(c: Context, fromName: string, toId: string,
   // - if it's first message or not
   // - user's selected language
   const body = `
-New message arrived from ${fromName}:
+<p>
+  New message arrived from ${fromName}:
+</p>
+<p>
 ${escapeHTML(message.content)}
+</p>
+
+<a href="https://ut-bridge.utcode.net/chat/${inRoomId}">See this on ut-bridge</a>
 
 ${EMAIL_SUFFIX_CONTACT}
 `;
@@ -79,6 +98,9 @@ const suspiciousChars = [
   ['"', "&quot;"],
   ["<", "&lt;"],
   [">", "&gt;"],
+
+  // postprocess: make newlines into <br> because html doesn't support \n
+  ["\n", "<br>"],
 ] as const;
 
 function escapeHTML(input: string) {

server/email/internal/prefixes.ts

@@ -1,8 +1,8 @@
 export const EMAIL_SUFFIX_CONTACT = `
----
-UT-Bridge
-Created by ut.code();
-Website: <a href="https://utcode.net">https://utcode.net</a>
-Contact: [email protected]
----
-`;
+<p>
+    --- <br>
+    UT-Bridge <a href="https://ut-bridge.utcode.net">https://ut-bridge.utcode.net</a> <br>
+    Created by <a href="https://utcode.net">ut.code();</a> <br>
+    Contact: [email protected] <br>
+    ---
+</p>`;

server/email/verification/utils.ts

@@ -16,7 +16,9 @@ export async function sendVerificationEmail(
   const url = `${WEB_ORIGIN}/verify?id=${verificationId}&token=${token}`;
 
   const body = `
-Visit this page to verify your email: <a href="${url}">${url}</a>
+  <p>
+    Visit this page to verify your email: <a href="${url}">${url}</a>
+  </p>
 
 ${EMAIL_SUFFIX_CONTACT}
 `;

server/routes/chat.ts

@@ -369,7 +369,12 @@ const router = new Hono()
         // broadcast mails
         for (const receiverId of await receivers) {
           if (receiverId !== requester) {
-            await onMessageSend(c, sender.name, receiverId, message);
+            await onMessageSend(c, {
+              fromName: sender.name,
+              inRoomId: roomId,
+              toId: receiverId,
+              message,
+            });
           }
         }
       })();