${content}

`\n });\n }\n\n return `Email sent to ${list.length} subscriber(s).`;\n}\n\nexport default async function server(req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n\n if (req.method === \"POST\") {\n const formData = await req.formData();\n const action = formData.get(\"action\");\n const emailAddress = formData.get(\"email\") as string;\n\n switch (action) {\n case \"add\":\n return new Response(await addEmail(emailAddress));\n case \"remove\":\n return new Response(await removeEmail(emailAddress));\n case \"send\":\n const subject = formData.get(\"subject\") as string;\n const content = formData.get(\"content\") as string;\n return new Response(await sendEmailToAll(subject, content));\n default:\n return new Response(\"Invalid action\", { status: 400 });\n }\n }\n\n // Default: show the management interface\n const emailList = await getEmailList();\n return new Response(`\n \n \n Mailing List Manager\n \n \n \n \n

Mailing List Manager

Add Subscriber

\n \n

Remove Subscriber

\n \n

Send Email to All Subscribers

\n \n \n

Current Subscribers: ${emailList.length}

\n \n

${email}

\n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}\n\nconst css = `\n body {\n font-family: Arial, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n }\n form {\n margin-bottom: 20px;\n }\n input, textarea {\n margin-bottom: 10px;\n }\n textarea {\n width: 100%;\n height: 100px;\n }\n button {\n margin-bottom: 10px;\n }\n`;","deleted","label",[100],"permalink","https://www.val.town/x/shawnbasquiat/emailListManager/code/main.tsx","extension","actionData","errors"]