Val Email Generator 🎉

\n {error &&

{error}

}\n {\n setPersonalEmail(e.target.value);\n setError(null);\n }}\n style={styles.input}\n />\n \n {valEmail && (\n

\n 🎉\n {valEmail}\n 🎉\n

\n )}\n \n View Source\n \n

\n );\n}\n\nconst styles = {\n container: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n height: '100vh',\n backgroundColor: '#0a0a1a',\n fontFamily: \"'Orbitron', sans-serif\",\n },\n card: {\n backgroundColor: 'rgba(255, 255, 255, 0.1)',\n backdropFilter: 'blur(10px)',\n border: '1px solid rgba(255, 255, 255, 0.2)',\n borderRadius: '15px',\n padding: '2rem',\n boxShadow: '0 15px 35px rgba(0, 0, 0, 0.2)',\n width: '400px',\n textAlign: 'center',\n transform: 'perspective(1000px) rotateX(10deg)',\n },\n title: {\n color: '#00ffff',\n marginBottom: '1.5rem',\n textShadow: '0 0 10px rgba(0, 255, 255, 0.5)',\n },\n input: {\n width: '100%',\n padding: '10px',\n marginBottom: '1rem',\n backgroundColor: 'rgba(0, 0, 0, 0.3)',\n border: '1px solid rgba(255, 255, 255, 0.2)',\n borderRadius: '8px',\n color: '#00ffff',\n },\n button: {\n backgroundColor: '#00ffff',\n color: '#0a0a1a',\n border: 'none',\n padding: '10px 20px',\n borderRadius: '8px',\n cursor: 'pointer',\n transition: 'all 0.3s ease',\n },\n emailDisplay: {\n marginTop: '1rem',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: 'rgba(0, 255, 255, 0.1)',\n padding: '10px',\n borderRadius: '8px',\n },\n partyIcon: {\n fontSize: '1.5rem',\n margin: '0 10px',\n },\n valEmail: {\n color: '#00ffff',\n fontWeight: 'bold',\n },\n error: {\n color: '#ff4444',\n marginBottom: '1rem',\n backgroundColor: 'rgba(255, 68, 68, 0.1)',\n padding: '10px',\n borderRadius: '8px',\n },\n sourceLink: {\n display: 'block',\n marginTop: '1rem',\n color: 'rgba(0, 255, 255, 0.7)',\n textDecoration: 'none',\n fontSize: '0.8rem',\n }\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { author, name } = extractValInfo(import.meta.url);\n\n if (request.method === 'POST' && new URL(request.url).pathname === '/generate-email') {\n try {\n const { personalEmail } = await request.json();\n \n // Basic email validation\n if (!personalEmail || !personalEmail.includes('@')) {\n return new Response(JSON.stringify({ error: 'Invalid email address' }), {\n status: 400,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n const valEmail = `${author}.${name}@valtown.email`;\n \n return new Response(JSON.stringify({ email: valEmail }), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: 'Failed to generate email' }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n return new Response(`\n \n \n Val Email Generator\n \n \n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nexport async function forwarder(e: Email) {\n const { author, name } = extractValInfo(import.meta.url);\n let attachments: AttachmentData[] = [];\n for (const f of e.attachments) {\n attachments.push({\n filename: f.name,\n content: encode(await f.arrayBuffer()),\n type: f.type,\n disposition: \"attachment\",\n });\n }\n console.log(\"Forwarding email:\", e);\n return email({\n from: { name: e.from.split(\"<\")[0], email: `${author}.${name}@valtown.email` },\n html: e.html,\n text: e.text,\n subject: \"Fwd:\" + e.subject,\n attachments,\n replyTo: e.from,\n });\n}\n\nconst css = `\nbody {\n margin: 0;\n padding: 0;\n background-color: #0a0a1a;\n color: #ffffff;\n}\n* {\n box-sizing: border-box;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/debbie/forwarder/code/main.tsx","extension","actionData","errors"]