Email Form

import { blob } from "https://esm.town/v/std/blob?v=11"; import { email } from "https://esm.town/v/std/email?v=11"; import { thisWebURL } from "https://esm.town/v/stevekrouse/thisWebURL?v=2"; interface Data { email: string; product: { id: string; url?: string; handle?: string; title?: string; }; } export const renderFormAndSaveData = async (req: Request) => { // A visit from a web browser? Serve a HTML page with a form if (req.method === "GET") { const requestUrl = new URL(req.url); const id = requestUrl.searchParams.get("productId"); const url = requestUrl.searchParams.get("productUrl"); const handle = requestUrl.searchParams.get("productHandle"); const title = requestUrl.searchParams.get("productTitle")?.replace(/\+/g, " "); return new Response( ` Email Form `, { headers: { "Content-Type": "text/html" } }, ); } // Get existing list of submitted email addresses let data = await blob.getJSON("viduje_interest") as Data[]; // If there were no email addresses stored, create an empty array data ??= []; // Pick out the form data const formData = await req.formData(); const emailAddress = formData.get("email") as string; const id = formData.get("id") as string; const url = formData.get("url") as string; const handle = formData.get("handle") as string; const title = formData.get("title") as string; const hpName = formData.get("name") as string; if (hpName) return new Response('Error') const text = ` New interest in "${title}" by ${emailAddress} Request data: email: ${emailAddress} id: ${id} handle: ${handle} url: ${url}`; email({ text, subject: "Viduje.com - upcoming product interest", from: "pauliusef.valname@valtown.email", }); // Store form data data.push({ email: emailAddress, product: { id, url, handle, title } }); await blob.setJSON("viduje_interest", data); return new Response( ` Email Form

Ačiū, susisieksime!

`, { headers: { "Content-Type": "text/html" } }, ); };