Hey {{firstName}},

\n\n

\n Welcome to Val Town! I noticed you just\n signed up, and given {{roleDescription}}, I'm particularly excited about\n what you might build with our platform.\n

\n\n

\n I'd like to offer you $50 in credits to use our open-source agentic AI,\n Townie - no strings attached. Just\n reply to this email and I'll add them to your account immediately.\n

\n\n

\n I'm curious - what brought you to Val Town? Are you exploring it for\n personal projects or potentially for your team?\n

\n\n

Best,

\n\n

Willem

\n\n

\n PS) This email was automatically sent using Val Town. Want to implement\n something similar for your team? Feel free to\n remix the source code!\n

\n \n\n",[18,79],"pulls","branches",1,"forks","envVars",{"_181":166,"_183":26},"connections",{"_181":26,"_182":26},"count","unfilledCount","emptyCount",{"_34":154,"_13":18,"_63":80,"_44":-5,"_36":37,"_155":156,"_157":24,"_38":251,"_40":26,"_66":81,"_159":-5,"_67":30,"_160":-5,"_201":252,"_17":253},{"_34":169,"_13":79,"_63":78,"_44":80,"_36":37,"_155":73,"_157":24,"_38":248,"_40":166,"_66":21,"_159":171,"_67":30,"_160":-5,"_201":249,"_17":250},{"_34":164,"_13":65,"_63":64,"_44":80,"_36":37,"_155":41,"_157":24,"_38":245,"_40":166,"_66":21,"_159":167,"_67":30,"_160":-5,"_201":246,"_17":247},{"_34":237,"_13":238,"_63":239,"_44":-5,"_36":37,"_155":240,"_157":24,"_38":241,"_40":175,"_66":21,"_159":242,"_67":30,"_160":-5,"_201":243,"_17":244},{"_34":229,"_13":230,"_63":231,"_44":-5,"_36":37,"_155":232,"_157":24,"_38":233,"_40":175,"_66":21,"_159":234,"_67":30,"_160":-5,"_201":235,"_17":236},{"_34":221,"_13":222,"_63":223,"_44":-5,"_36":37,"_155":224,"_157":24,"_38":225,"_40":217,"_66":199,"_159":226,"_67":30,"_160":-5,"_201":227,"_17":228},{"_34":212,"_13":213,"_63":214,"_44":-5,"_36":37,"_155":215,"_157":24,"_38":216,"_40":217,"_66":199,"_159":218,"_67":30,"_160":-5,"_201":219,"_17":220},{"_34":204,"_13":205,"_63":95,"_44":-5,"_36":37,"_155":119,"_157":24,"_38":206,"_40":207,"_66":208,"_159":209,"_67":30,"_160":14,"_201":210,"_17":211},{"_34":193,"_13":194,"_63":195,"_44":-5,"_36":37,"_155":196,"_157":24,"_38":197,"_40":198,"_66":199,"_159":200,"_67":30,"_160":-5,"_201":202,"_17":203},"c00aae4e-a906-11f0-bb17-0224a6c84d84","pages.ts","0fdb2232-a871-11f0-a258-0224a6c84d84",36,["D",1760450690505],5,"script","export function generateMissingParamsPage(): string {\n return `\n \n \n \n \n \n Missing Parameters\n \n \n \n

Missing Parameters

Please provide the required URL parameters:

name: Full name of the recipient (required)
email: Email address (required)
title: Job title (optional)
org: Organization name (optional)

\n Example: ?name=John+Doe&email=john@example.com&title=Software+Engineer&org=Acme+Corp\n

\n \n \n `;\n}\n\ninterface PreviewPageData {\n name: string;\n email: string;\n title?: string;\n org?: string;\n subject: string;\n emailHtml: string;\n editUrl?: string;\n}\n\nexport function generatePreviewPage(data: PreviewPageData): string {\n const { name, email, title, org, subject, emailHtml, editUrl } = data;\n\n return `\n \n \n \n \n \n Email Preview - ${name}\n \n \n \n \n \n

\n \n

Email Preview

Review before sending to ${email}

\n ${editUrl ? `\n ✏️\n Edit Val\n ` : ''}\n

\n\n \n

\n To:\n ${email}\n

\n Name:\n ${name}\n

\n ${title ? `

\n Title:\n ${title}\n

` : ''}\n ${org ? `

\n Org:\n ${org}\n

` : ''}\n

\n Subject:\n ${subject}\n

\n\n \n

Email Content:

\n ${emailHtml}\n

\n\n \n

Edit Email:

\n Subject:\n \n

\n HTML Content:\n \n

\n \n \n

\n\n \n

\n \n \n

\n\n \n

\n\n \n \n \n `;\n}\n","children",[],[194],"08710200-a916-11f0-893e-0224a6c84d84","main.ts",["D",1760457254438],15,"http","import { Hono } from \"npm:hono@4\";\nimport nodemailer from \"npm:nodemailer\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { EmailData, generateEmailPreview } from \"./email-template.ts\";\nimport { generateMissingParamsPage, generatePreviewPage } from \"./pages.ts\";\nimport { sendDiscordNotification } from \"./discord.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Main preview page\napp.get(\"/\", async (c) => {\n const name = c.req.query(\"name\") || \"\";\n const email = c.req.query(\"email\") || \"\";\n const title = c.req.query(\"title\");\n const org = c.req.query(\"org\");\n\n if (!name || !email) {\n return c.html(generateMissingParamsPage());\n }\n\n const emailData: EmailData = { name, email, title, org };\n const preview = await generateEmailPreview(emailData, import.meta.url);\n const editUrl = parseVal().links.self.latest;\n\n return c.html(\n generatePreviewPage({\n name,\n email,\n title,\n org,\n subject: preview.subject,\n emailHtml: preview.html,\n editUrl,\n }),\n );\n});\n\n// API endpoint to send email\napp.post(\"/api/send\", async (c) => {\n try {\n const body = await c.req.json();\n const { name, email, title, org, customSubject, customHtml } = body;\n\n if (!name || !email) {\n return c.json({ error: \"Missing required fields\" }, 400);\n }\n\n // Use custom content if provided, otherwise generate default\n const emailContent =\n customSubject && customHtml\n ? { subject: customSubject, html: customHtml }\n : await generateEmailPreview(\n { name, email, title, org },\n import.meta.url,\n );\n\n // Generate text version from HTML (simple strip tags)\n const text = emailContent.html\n .replace(/<[^>]*>/g, \"\")\n .replace(/\\n\\n+/g, \"\\n\\n\")\n .trim();\n\n // Send email\n const transporter = nodemailer.createTransport({\n service: \"gmail\",\n auth: {\n user: Deno.env.get(\"GMAIL_USER\"),\n pass: Deno.env.get(\"GMAIL_PASS\"),\n },\n });\n\n const info = await transporter.sendMail({\n from: Deno.env.get(\"GMAIL_USER\"),\n to: email,\n cc: \"steve@val.town\",\n subject: emailContent.subject,\n text: text,\n html: emailContent.html,\n });\n\n // Send Discord notification\n const discordResult = await sendDiscordNotification({\n name,\n email,\n title,\n org,\n subject: emailContent.subject,\n emailBody: text,\n success: true,\n });\n\n return c.json({\n success: true,\n messageId: info.messageId,\n recipient: email,\n discord: discordResult,\n });\n } catch (error) {\n console.error(\"Error sending email:\", error);\n return c.json(\n {\n error: error.message || \"Failed to send email\",\n },\n 500,\n );\n }\n});\n\n// Export the Hono app fetch handler (Val Town HTTP trigger entry point)\nexport default app.fetch;\n",[],[205],"4151196e-a913-11f0-8a68-0224a6c84d84","email-template.ts","0fe300a6-a871-11f0-8f8a-0224a6c84d84",48,["D",1760456061365],6,"import { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nexport interface EmailData {\n name: string;\n email: string;\n title?: string;\n org?: string;\n}\n\n/**\n * Build role description string based on title and org\n */\nexport function buildRoleDescription(title?: string, org?: string): string {\n if (title && org) {\n return `your role as ${title} at ${org}`;\n } else if (title) {\n return `your role as ${title}`;\n } else if (org) {\n return `your work at ${org}`;\n } else {\n return \"your background\";\n }\n}\n\nexport async function generateEmailPreview(\n data: EmailData,\n importMetaUrl: string,\n) {\n const firstName = data.name.split(\" \")[0];\n const subject = `Welcome to Val Town, ${firstName}!`;\n const roleDescription = buildRoleDescription(data.title, data.org);\n\n // Read template files using Val Town utilities\n const htmlTemplate = await readFile(\"/template/email.html\", importMetaUrl);\n const textTemplate = await readFile(\"/template/email.txt\", importMetaUrl);\n\n // Replace template variables\n const html = htmlTemplate\n .replace(/\\{\\{subject\\}\\}/g, subject)\n .replace(/\\{\\{firstName\\}\\}/g, firstName)\n .replace(/\\{\\{roleDescription\\}\\}/g, roleDescription);\n\n const text = textTemplate\n .replace(/\\{\\{firstName\\}\\}/g, firstName)\n .replace(/\\{\\{roleDescription\\}\\}/g, roleDescription);\n\n return { subject, html, text };\n}\n",[],[213],"05427c58-a916-11f0-888b-0224a6c84d84","discord.ts","c007b40a-a906-11f0-a306-0224a6c84d84",54,["D",1760457249089],"import { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { fetch } from \"https://esm.town/v/std/fetch\";\n\ninterface EmailSentData {\n name: string;\n email: string;\n title?: string;\n org?: string;\n subject: string;\n emailBody: string;\n success: boolean;\n}\n\n/**\n * Send Discord notification after email is sent\n */\nexport async function sendDiscordNotification(data: EmailSentData) {\n console.log(\"[Discord] Starting notification process...\");\n console.log(\"[Discord] Data received:\", {\n name: data.name,\n email: data.email,\n title: data.title,\n org: data.org,\n hasSubject: !!data.subject,\n bodyLength: data.emailBody?.length || 0,\n });\n\n const discordUrl = Deno.env.get(\"DISCORD_WEBHOOK\");\n\n if (!discordUrl) {\n console.warn(\"[Discord] ❌ DISCORD_WEBHOOK environment variable not set\");\n return { success: false, error: \"DISCORD_WEBHOOK not configured\" };\n }\n\n console.log(\"[Discord] ✓ Webhook URL found\");\n\n // Add with_components query param for non-application webhooks\n const webhookUrl = discordUrl.includes(\"?\")\n ? `${discordUrl}&with_components=true`\n : `${discordUrl}?with_components=true`;\n\n // Simple message\n const message = `✅ Email sent to ${data.email}`;\n\n console.log(\"[Discord] Message:\", message);\n\n // Build components with Edit Val button\n const editUrl = parseVal().links.self.latest;\n const components = [\n {\n type: 1, // Action Row\n components: [\n {\n type: 2, // Button\n style: 5, // Link style (blue button)\n label: \"✏️ Edit Val\",\n url: editUrl,\n },\n ],\n },\n ];\n\n console.log(\"[Discord] Edit Val URL:\", editUrl);\n\n const payload = {\n content: message,\n components: components,\n };\n\n console.log(\"[Discord] Payload prepared:\", JSON.stringify(payload, null, 2));\n\n try {\n console.log(\"[Discord] Sending request to Discord...\");\n const response = await fetch(webhookUrl, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(payload),\n });\n\n console.log(\"[Discord] Response status:\", response.status);\n console.log(\"[Discord] Response statusText:\", response.statusText);\n\n if (!response.ok) {\n const errorText = await response.text();\n console.error(\"[Discord] ❌ Error response body:\", errorText);\n return {\n success: false,\n error: `Discord API error: ${response.status} ${response.statusText}`,\n details: errorText,\n };\n }\n\n console.log(\"[Discord] ✅ Notification sent successfully!\");\n return { success: true };\n } catch (error) {\n console.error(\"[Discord] ❌ Failed to send notification:\", error);\n console.error(\"[Discord] Error details:\", {\n name: error.name,\n message: error.message,\n stack: error.stack,\n });\n return {\n success: false,\n error: error.message,\n errorType: error.name,\n };\n }\n}\n",[],[222],"42734ee4-a908-11f0-8585-0224a6c84d84","README.md","295290d2-a908-11f0-a5fa-0224a6c84d84",41,["D",1760451338801],"# Send Lead Gen Email\n\nA Hono-based web application for previewing and sending\npersonalized welcome emails with Discord notifications.\n\n## Overview\n\nThis Val provides a user-friendly interface to preview and\nsend customized welcome emails to new users.\nIt's designed to integrate with automation workflows\n(like Discord bots or webhooks)\nwhere you can generate quick links for team members to\nreview and approve emails before sending.\n\n## Features\n\n- 📧 **Email Preview** - Visual preview of the email before sending\n- ✏️ **Inline Editing** - Quick edit capability for subject and content\n- 🎨 **Personalization** - Dynamic email content based on user data\n- 🔔 **Discord Notifications** - Automatic Discord webhook on successful send\n- 🔗 **Edit Val Button** - Quick access to edit the Val code\n- 📱 **Responsive Design** - Works on desktop and mobile\n\n## Usage\n\n### URL Parameters\n\nGenerate a URL with the following query parameters:\n\n```\nhttps://send-lead-gen-email.val.run?name=John+Doe&email=john@example.com&title=Software+Engineer&org=Acme+Corp\n```\n\n#### Required Parameters\n\n- `name`: Full name of the recipient (e.g., \"John Doe\")\n- `email`: Email address of the recipient\n\n#### Optional Parameters\n\n- `title`: Job title (e.g., \"Software Engineer\")\n- `org`: Organization/company name (e.g., \"Acme Corp\")\n\n### Email Personalization\n\nThe role description in the email is automatically built from\nthe `title` and `org` parameters:\n\n- Both provided: \"your role as Software Engineer at Acme Corp\"\n- Only title: \"your role as Software Engineer\"\n- Only org: \"your work at Acme Corp\"\n- Neither: \"your background\"\n\n## Environment Variables\n\nSet these in your Val Town environment:\n\n### Required\n\n- `GMAIL_USER` - Gmail address for sending emails\n- `GMAIL_PASS` - Gmail app password (not your regular password)\n\n### Optional\n\n- `DISCORD_WEBHOOK` - Discord webhook URL for notifications\n\n## Email Templates\n\nEdit the email content by modifying these files:\n\n- **email.html** - HTML version of the email\n- **email.txt** - Plain text version of the email\n\nUse these template variables:\n\n- `{{firstName}}` - First name extracted from full name\n- `{{roleDescription}}` - Auto-generated role description\n- `{{subject}}` - Email subject line\n\n## Project Structure\n\n```\n.\n├── main.ts # Hono server and routes\n├── email-template.ts # Email generation logic\n├── pages.ts # HTML page templates\n├── discord.ts # Discord webhook notifications\n├── email.html # Email HTML template\n├── email.txt # Email text template\n└── README.md # This file\n```\n\n## Discord Notifications\n\nWhen an email is successfully sent, a Discord notification is posted with:\n\n- ✅ Success message with recipient details\n- 📧 Email preview embed (subject + body)\n- ✏️ Edit Val button to modify the code\n\n## Development\n\n### Key Functions\n\n- `generateEmailPreview()` - Generates email content from templates\n- `buildRoleDescription()` - Creates personalized role descriptions\n- `sendDiscordNotification()` - Sends Discord webhook on email send\n- `generatePreviewPage()` - Renders the preview UI\n",[],[230],"dd65a0f2-a906-11f0-a9b5-0224a6c84d84",".vtignore","f3472586-a86a-11f0-80f2-0224a6c84d84",37,["D",1760450739769],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor\nAGENTS.md\ndeno.json\n",[],[238],["D",1760451577309],[],[18,65],["D",1760451577317],[],[18,79],["D",1760451576966],[185,186],[18],["D",1760383552692],{"_11":12,"_132":70},{"_11":12,"_128":-5,"_69":70,"_31":68,"_129":130,"_131":30},{"_40":119,"_13":16,"_34":37,"_120":83,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":-5,"_126":14,"_127":12},"ctx",{"_53":-5,"_151":291,"_292":293,"_294":295,"_296":30,"_297":30,"_298":30,"_299":24,"_300":-5,"_301":-7,"_302":-7,"_303":26,"_304":30,"_305":30,"_306":-5,"_307":30,"_308":30,"_309":30,"_310":-5},"ENV",{"_262":263,"_264":265,"_266":16,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · template