website/functions/contact.ts

import staticFormsPlugin from "@cloudflare/pages-plugin-static-forms";

interface SendEmailWorker {
  sendEmail(rawMessage: string): Promise<Response>;
}

interface Env {
  SERVICE: SendEmailWorker;
}

const formatEmptyString = (s: string) => s ?? "Not Specified";

export const onRequest: PagesFunction<Env> = (context) => {
  // Wrap static forms plugin so we can extract the env to use email routing
  return staticFormsPlugin({
    respondWith: async ({ formData }) => {
      const fullName = formData.get("name");
      const organisation = formData.get("org") ?? "Unknown Organisation";
      const email = formData.get("email");
      const mobile = formData.get("mobile") ?? "Unknown Mobile";
      const message = formData.get("message");

      // Must have some kind of identifiable information for me to actually care about them.
      if ((fullName || email) && message) {
        try {
          const rawEmailMessage = `----
          From: Michael Pivato Contact Form <contact@michaelpivato.dev>
          To: Michael Pivato <contact@michaelpivato.dev>
          Subject: Message from ${fullName ?? email}
          
          You've received a new message from ${fullName ?? email}.
          Full Name: ${formatEmptyString(fullName)}
          Organisation: ${formatEmptyString(organisation)}
          Email: ${formatEmptyString(email)}
          Mobile: ${formatEmptyString(mobile)}
              
          Message:
          ${message}
          ----`;
          await context.env.SERVICE.sendEmail(rawEmailMessage);
        } catch (e) {
          return new Response(e);
        }
      }

      return Response.redirect("https://michaelpivato.dev");
    },
  })(context);
};