[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_246":247,"_248":249},"routes/_app.x.$handle.$name",{"_96":95,"_32":43,"_104":86,"_27":53,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":47,"_118":119,"_120":25,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_32":43,"_36":44,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_54":53,"_18":55,"_56":57,"_58":25,"_59":25,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":47},"version",38,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",true,"deletedHere","path","deno.json","latestPath","fileId","f33a0e14-a86a-11f0-80f2-0224a6c84d84","name","fileType","content","{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}","createdAt",["D",1760450748661],"branchVersion","branchId","6ec6b894-a86a-11f0-9ea0-0224a6c84d84","id","6ec64aa8-a86a-11f0-9ea0-0224a6c84d84","send-lead-gen-email",["D",1760383552692],"deletedAt","legacyEnvVars",false,"privacy","unlisted","httpPrivacy","public","description","","imageUrl","0199ca5b-d33c-7148-89fe-6858408dafe2","pinnedFileId","6ec96ce2-a86a-11f0-9ea0-0224a6c84d84","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","0199ca5b-d33c-7148-89fe-6f6326904a93","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":47},"branch",{"_13":85,"_32":86,"_41":40,"_87":42,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":43,"_94":95},"isOwned",55,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","whp","handle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/0dc740ff-fa57-445c-3eec-80fd20daa500/square512?exp=1789590296&sig=e0ba0deb0bf04c87de371e3157aec84017cce259606c930cc2815f3543005737","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_41":42,"_32":43,"_36":242,"_45":-5,"_46":47,"_48":49,"_50":51,"_52":53,"_54":53,"_18":55,"_56":57,"_58":25,"_59":25,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":243,"_80":244,"_82":245,"_84":47},"tree",[209,210,211,212,213,214,215,216],"files",[209,210,211,212,213,214,215,216],"counts",{"_199":62,"_200":196,"_201":62,"_202":203,"_204":205},"contents",[125,126,127,128,129,130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":191,"_32":192,"_30":193,"_136":-5,"_39":40,"_38":194,"_138":25,"_36":195,"_13":196,"_33":20,"_34":197,"_24":47,"_143":-5,"_27":198},{"_41":184,"_32":185,"_30":186,"_136":-5,"_39":40,"_38":187,"_138":47,"_36":188,"_13":62,"_33":20,"_34":189,"_24":47,"_143":-5,"_27":190},{"_41":177,"_32":178,"_30":179,"_136":-5,"_39":40,"_38":180,"_138":47,"_36":181,"_13":62,"_33":141,"_34":182,"_24":47,"_143":-5,"_27":183},{"_41":168,"_32":169,"_30":170,"_136":-5,"_39":40,"_38":171,"_138":47,"_36":172,"_13":173,"_33":174,"_34":175,"_24":47,"_143":-5,"_27":176},{"_41":161,"_32":162,"_30":163,"_136":-5,"_39":40,"_38":164,"_138":47,"_36":165,"_13":158,"_33":20,"_34":166,"_24":47,"_143":-5,"_27":167},{"_41":153,"_32":154,"_30":155,"_136":-5,"_39":40,"_38":156,"_138":47,"_36":157,"_13":158,"_33":20,"_34":159,"_24":47,"_143":-5,"_27":160},{"_41":145,"_32":146,"_30":57,"_136":-5,"_39":40,"_38":147,"_138":47,"_36":148,"_13":149,"_33":150,"_34":151,"_24":47,"_143":43,"_27":152},{"_41":133,"_32":134,"_30":135,"_136":-5,"_39":40,"_38":137,"_138":25,"_36":139,"_13":140,"_33":141,"_34":142,"_24":47,"_143":-5,"_27":144},"c00aae4e-a906-11f0-bb17-0224a6c84d84","pages.ts","0fdb2232-a871-11f0-a258-0224a6c84d84","parentId",36,"latest",["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","label",[134],"c004a292-a906-11f0-b08d-0224a6c84d84","main.ts",34,["D",1760450690474],12,"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({ name, email, title, org }, import.meta.url);\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 (don't await to avoid slowing down response)\n sendDiscordNotification({\n name,\n email,\n title,\n org,\n subject: emailContent.subject,\n emailBody: text,\n success: true,\n }).catch((err) => console.error(\"Discord notification failed:\", err));\n\n return c.json({\n success: true,\n messageId: info.messageId,\n recipient: email,\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",[146],"3277725a-a871-11f0-a9b7-0224a6c84d84","email.txt","f3555ee4-a86a-11f0-a31f-0224a6c84d84",18,["D",1760386457981],2,"Hey {{firstName}},\n\nWelcome to [Val Town](https://val.town/)! I noticed you just signed up, and given {{roleDescription}}, I'm particularly excited about what you might build with our platform.\n\nI'd like to offer you $50 in credits to use our open-source agentic AI, [Townie](https://townie.val.run/) - no strings attached. Just reply to this email and I'll add them to your account immediately.\n\nI'm curious - what brought you to Val Town? Are you exploring it for\npersonal projects or potentially for your team?\n\nBest,\n\nWillem\n\nPS) This email was automatically sent using Val Town. Want to implement something similar for your team? Feel free to [remix the source code](https://www.val.town/x/valdottown/Enrich-New-User)!\n",[154],"3af32dde-a871-11f0-a9b7-0224a6c84d84","email.html","f33d35d0-a86a-11f0-ad0c-0224a6c84d84",19,["D",1760386472212],"\n\n \n \n \n {{subject}}\n \n \n

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",[162],"53b5e568-a872-11f0-a7bb-0224a6c84d84","email-template.ts","0fe300a6-a871-11f0-8f8a-0224a6c84d84",31,["D",1760386943255],4,"email","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(data: EmailData, importMetaUrl: string) {\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(\"/email.html\", importMetaUrl);\n const textTemplate = await readFile(\"/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",[169],"c007b34c-a906-11f0-a306-0224a6c84d84","discord.ts","c007b40a-a906-11f0-a306-0224a6c84d84",35,["D",1760450690474],"import { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\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 const discordUrl = Deno.env.get(\"DISCORD_WEBHOOK\");\n\n if (!discordUrl) {\n console.warn(\"DISCORD_WEBHOOK environment variable not set\");\n return;\n }\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 // Build notification message\n let message = `✅ Email sent to ${data.name}`;\n\n // Add title and org\n if (data.title && data.org) {\n message += ` • ${data.title} @ ${data.org}`;\n } else if (data.title) {\n message += ` • ${data.title}`;\n } else if (data.org) {\n message += ` • ${data.org}`;\n }\n\n message += ` • ${data.email}`;\n\n // Build embed with email preview\n const embeds = [\n {\n title: `📧 ${data.subject}`,\n description: data.emailBody.substring(0, 2048), // Discord description limit\n color: 0x00ff00, // Green color for success\n },\n ];\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 try {\n await fetch(webhookUrl, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n content: message,\n embeds: embeds,\n components: components,\n }),\n });\n } catch (error) {\n console.error(\"Failed to send Discord notification:\", error);\n // Don't throw - we don't want webhook failures to break email sending\n }\n}\n",[178],"f336a6ca-a86a-11f0-9737-0224a6c84d84","AGENTS.md","f336a760-a86a-11f0-9737-0224a6c84d84",3,["D",1760383774874],"You are an advanced assistant specialized in generating Val Town code.\n\n## Core Guidelines\n\n- Ask clarifying questions when requirements are ambiguous\n- Provide complete, functional solutions rather than skeleton implementations\n- Test your logic against edge cases before presenting the final solution\n- Ensure all code follows Val Town's specific platform requirements\n- If a section of code that you're working on is getting too complex, consider refactoring it into subcomponents\n\n## Code Standards\n\n- Generate code in TypeScript or TSX\n- Add appropriate TypeScript types and interfaces for all data structures\n- Prefer official SDKs or libraries than writing API calls directly\n- Ask the user to supply API or library documentation if you are at all unsure about it\n- **Never bake in secrets into the code** - always use environment variables\n- Include comments explaining complex logic (avoid commenting obvious operations)\n- Follow modern ES6+ conventions and functional programming practices if possible\n\n## Types of triggers\n\n### 1. HTTP Trigger\n\n- Create web APIs and endpoints\n- Handle HTTP requests and responses\n- Example structure:\n\n```ts\nexport default async function (req: Request) {\n return new Response(\"Hello World\");\n}\n```\n\nFiles that are HTTP triggers have http in their name like `foobar.http.tsx`\n\n### 2. Cron Triggers\n\n- Run on a schedule\n- Use cron expressions for timing\n- Example structure:\n\n```ts\nexport default async function () {\n // Scheduled task code\n}\n```\n\nFiles that are Cron triggers have cron in their name like `foobar.cron.tsx`\n\n### 3. Email Triggers\n\n- Process incoming emails\n- Handle email-based workflows\n- Example structure:\n\n```ts\nexport default async function (email: Email) {\n // Process email\n}\n```\n\nFiles that are Email triggers have email in their name like `foobar.email.tsx`\n\n\n## Val Town Standard Libraries\n\nVal Town provides several hosted services and utility functions.\n\n### Blob Storage\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob\";\nawait blob.setJSON(\"myKey\", { hello: \"world\" });\nlet blobDemo = await blob.getJSON(\"myKey\");\nlet appKeys = await blob.list(\"app_\");\nawait blob.delete(\"myKey\");\n```\n\n### SQLite\n\n```ts\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nconst TABLE_NAME = 'todo_app_users_2';\n// Create table - do this before usage and change table name when modifying schema\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL\n)`);\n// Query data\nconst result = await sqlite.execute(`SELECT * FROM ${TABLE_NAME} WHERE id = ?`, [1]);\n```\n\nNote: When changing a SQLite table's schema, change the table's name (e.g., add _2 or _3) to create a fresh table.\n\n### OpenAI\n\n```ts\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nconst openai = new OpenAI();\nconst completion = await openai.chat.completions.create({\n messages: [\n { role: \"user\", content: \"Say hello in a creative way\" },\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 30,\n});\n```\n\n### Email\n\n```ts\nimport { email } from \"https://esm.town/v/std/email\";\n// By default emails the owner of the val\nawait email({ \n subject: \"Hi\", \n text: \"Hi\", \n html: \"

Hi

\"\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n#### **parseProject** - Extract information about the current project from import.meta.url\n\nThis is useful for including info for linking back to a val, ie in \"view source\" urls:\n\n```ts\nconst projectVal = parseProject(import.meta.url);\nconsole.log(projectVal.username); // Owner of the project\nconsole.log(projectVal.name); // Project name\nconsole.log(projectVal.version); // Version number\nconsole.log(projectVal.branch); // Branch name\nconsole.log(projectVal.links.self.project); // URL to the project page\n```\n\nHowever, it's *extremely importing* to note that `parseProject` and other Standard Library utilities ONLY RUN ON THE SERVER.\nIf you need access to this data on the client, run it in the server and pass it to the client by splicing it into the HTML page\nor by making an API request for it.\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})` instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use: `

Diff · v38