feat: switch to loops for emails

package.json

@@ -35,7 +35,7 @@
     "astro-icon": "^1.1.1",
     "limax": "4.1.0",
     "lodash.merge": "^4.6.2",
-    "nodemailer": "^6.9.15",
+    "loops": "^3.3.0",
     "preact": "^10.24.3",
     "typescript": "^5.6.3",
     "unpic": "^3.18.0"
@@ -52,7 +52,6 @@
     "@types/js-yaml": "^4.0.9",
     "@types/lodash.merge": "^4.6.9",
     "@types/mdx": "^2.0.13",
-    "@types/nodemailer": "^6.4.16",
     "@typescript-eslint/eslint-plugin": "^8.8.1",
     "@typescript-eslint/parser": "^8.8.1",
     "astro-compress": "2.3.3",

src/env.d.ts

@@ -6,7 +6,7 @@
 
 type KVNamespace = import('@cloudflare/workers-types').KVNamespace;
 type ENV = {
-  SMTP: KVNamespace;
+  LOOPS: KVNamespace;
 };
 
 // use a default runtime configuration (advanced mode).

src/pages/api/contact.ts

@@ -1,6 +1,5 @@
 import type { APIRoute } from 'astro';
-import nodemailer from 'nodemailer';
-import type SMTPTransport from 'nodemailer/lib/smtp-transport';
+import { LoopsClient } from 'loops';
 export const prerender = false;
 
 export const POST: APIRoute = async ({ request, locals }) => {
@@ -24,28 +23,34 @@ export const POST: APIRoute = async ({ request, locals }) => {
     return new Response(JSON.stringify({ errors: errors }), { status: 400 });
   }
 
-  const smtpKv = locals.runtime.env.SMTP;
-  const smtpHost = await smtpKv.get('host');
-  const smtpUser = await smtpKv.get('user');
-  const smtpPassword = await smtpKv.get('password');
-  const toEmail = await smtpKv.get('toEmail');
+  const loopsKv = locals.runtime.env.LOOPS;
+  const loopsApiKey = await loopsKv.get('api_key');
+  const loopsEmail = await loopsKv.get('email');
+  const loopsTransactionalId = await loopsKv.get('transactionalId');
 
   try {
-    const transporter = nodemailer.createTransport({
-      host: smtpHost,
-      port: 465,
-      secure: true,
-      auth: {
-        user: smtpUser,
-        pass: smtpPassword,
+    const loops = new LoopsClient(loopsApiKey as string);
+
+    const resp = await loops.sendTransactionalEmail({
+      transactionalId: loopsTransactionalId as string,
+      email: loopsEmail as string,
+      dataVariables: {
+        message: message as string,
+        from: name as string,
+        reply: email as string,
       },
-    } as SMTPTransport.Options);
-    await transporter.sendMail({
-      from: `"${name}" <${email}>`,
-      to: toEmail as string,
-      subject: 'Website Contact Me Form',
-      text: message as string,
     });
+    if (!resp.success) {
+      console.error(JSON.stringify(resp));
+      return new Response(
+        JSON.stringify({
+          errors: {
+            submit: 'Unable to send message. Please try again in a few moments.',
+          },
+        }),
+        { status: 500 }
+      );
+    }
   } catch (err) {
     console.error(err);
     return new Response(

wrangler.toml

@@ -2,5 +2,5 @@ compatibility_flags = [ "nodejs_compat" ]
 compatibility_date = "2024-09-23"
 
 kv_namespaces = [
-  { binding = "SMTP", id = "fastmail-smtp" },
+  { binding = "LOOPS", id = "loops" },
 ]