\n \n

{children}

\n \n \n );\n}\n\nfunction UserNav({ user }: { user: User }) {\n return (\n <>\n

{user.username}

\n Logout\n

\n \n );\n}\n\nfunction LoginLink() {\n return (\n

\n Login\n

\n );\n}\n\nfunction EmailCard({ email }: { email: Email }) {\n const bodyHtml = email.html || `

${email.text}

`;\n return (\n

{email.subject || \"No Subject\"}

\n \n {email.from} → {email.to} • {format(new Date(email.timestamp))}\n \n

\n );\n}\n\n// API Functions\nasync function fetchEmails(limit = 1): Promise {\n const params = new URLSearchParams({\n apikey: TESTMAIL_API_KEY,\n namespace: TESTMAIL_NAMESPACE,\n limit: limit.toString(),\n });\n\n const resp = await fetch(`${TESTMAIL_BASE_URL}?${params}`);\n const data = await resp.json();\n const emails: Email[] = data.emails ?? [];\n\n return emails.sort((a, b) => b.timestamp - a.timestamp);\n}\n\nasync function extractOTP(content: string): Promise {\n const hash = createHash(\"sha256\").update(content).digest(\"hex\");\n\n const cache = (await blob.getJSON(CACHE_KEY)) as OtpCache | null;\n const cacheIsValid = cache?.hash === hash &&\n Date.now() - cache.timestamp < CACHE_TTL;\n\n if (cacheIsValid && cache) {\n return cache.code;\n }\n\n const openai = new OpenAI();\n const { choices } = await openai.chat.completions.create({\n model: \"gpt-5-nano\",\n max_tokens: 256,\n messages: [\n { role: \"system\", content: OTP_PROMPT },\n { role: \"user\", content },\n ],\n });\n\n const code = choices[0].message.content?.trim() ?? NO_CODE_FOUND;\n\n await blob.setJSON(CACHE_KEY, { timestamp: Date.now(), hash, code });\n return code;\n}\n\nfunction getEmailContent(email: Email): string {\n return email.html || email.text || \"\";\n}\n\n// Page Components\nconst IOS_SHORTCUT_URL =\n \"https://www.icloud.com/shortcuts/21172112bbae4824965be927caf5ee24\";\n\ninterface ApiKeyDisplayProps {\n otpUrl: string;\n apiKey: string;\n origin: string;\n}\n\nfunction ApiKeyDisplay({ otpUrl, apiKey, origin }: ApiKeyDisplayProps) {\n return (\n <>\n Use this URL in your iOS Shortcut or automation:\n
\n \n
\n \n \n Download iOS Shortcut\n \n {\" · \"}\n Raycast snippet\n \n \n );\n}\n\nfunction LoginPrompt() {\n return (\n \n Log in to get your API key URL\n \n );\n}\n\ninterface EndpointRowProps {\n origin: string;\n path: string;\n description: string;\n}\n\nfunction EndpointRow({ origin, path, description }: EndpointRowProps) {\n return (\n \n \n \n {path}\n \n \n {description}\n \n );\n}\n\n// Routes\napp.get(\"/\", async (c) => {\n const origin = new URL(c.req.url).origin;\n const otpUrl = `${origin}/otp`;\n const session = await getOAuthUserData(c.req.raw);\n const user = session?.user as User | undefined;\n const apiKey = user ? await getOrCreateApiKey() : null;\n\n const endpoints = [\n {\n path: \"/otp\",\n description: \"Get the latest OTP or verification link (JSON)\",\n },\n {\n path: \"/email\",\n description: \"View the latest email with AI extraction details\",\n },\n { path: \"/emails\", description: \"View all recent emails\" },\n {\n path: \"/raycast\",\n description: \"Install Raycast snippet for generating emails\",\n },\n ];\n\n return c.html(\n \n

Setup

\n Connect Testmail\n
\n \n Create an account at{\" \"}\n testmail.app,\n then add these environment variables to your Val Town project:\n \n
\n TESTMAIL_NAMESPACE — from your dashboard\n
\n TESTMAIL_APIKEY — from Settings → API\n
\n Get OTPs\n
\n {user && apiKey\n ? (\n \n )\n : }\n

\n\n

Endpoints

\n \n \n \n \n \n \n \n \n {endpoints.map((ep) => (\n \n ))}\n \n

Endpoint	Description

\n\n

Quick Links

\n ,\n );\n});\n\napp.get(\"/emails\", requireAuth, async (c) => {\n const limit = parseInt(c.req.query(\"limit\") || \"10\", 10);\n const emails = await fetchEmails(limit);\n const user = c.get(\"user\");\n\n return c.html(\n \n

Emails

\n {emails.length > 0\n ? emails.map((email) => )\n :

No emails found

}\n ,\n );\n});\n\napp.get(\"/email\", requireAuth, async (c) => {\n const user = c.get(\"user\");\n const emails = await fetchEmails(1);\n const email = emails[0];\n\n if (!email) {\n return c.html(\n \n

No emails found

\n ,\n );\n }\n\n const content = getEmailContent(email);\n const extractedCode = await extractOTP(content).catch(() =>\n \"Error extracting code\"\n );\n\n return c.html(\n \n

Latest Email

\n \n

AI Extraction

View AI extraction details

Input (HTML/Text)

{content}

Extracted Output

{extractedCode}

\n ,\n );\n});\n\napp.get(\"/raycast\", (c) => {\n const snippet = {\n text:\n `${TESTMAIL_NAMESPACE}.{date format=\"yyyy-MM-dd-hh-mm\"}@inbox.testmail.app`,\n name: \"email\",\n keyword: \":email\",\n };\n const url = `https://ray.so/snippets/shared?snippet=${\n encodeURIComponent(JSON.stringify(snippet))\n }`;\n return c.redirect(url);\n});\n\napp.get(\"/otp\", async (c) => {\n const key = c.req.query(\"key\");\n const storedKey = await getStoredApiKey();\n\n if (key !== storedKey) {\n return c.json({ code: \"Unauthorized\", timeAgo: \"now\" });\n }\n\n const emails = await fetchEmails(1);\n\n if (emails.length === 0) {\n return c.json({ code: \"No emails\", timeAgo: \"now\" });\n }\n\n const email = emails[0];\n const content = getEmailContent(email);\n const code = await extractOTP(content);\n const timeAgo = format(new Date(email.timestamp));\n\n return c.json({ code, timeAgo });\n});\n\nexport default oauthMiddleware(app.fetch);","deleted","label",[59],{"_34":58,"_13":59,"_60":61,"_62":-5,"_63":64,"_65":66,"_67":68,"_36":78,"_17":31,"_70":71,"_72":73,"_74":49,"_75":-5,"_79":80,"_18":81},["D",1771936151155],"children",[],[59],"6c12bf28-117c-11f1-ae46-42dde27851f2",["D",1771936151155],"legacyEnvVars","httpPrivacy","description","how i get emails fast","imageUrl","userId","279c3e70-f2b8-11ef-a073-37253b8bcbda","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","b1a62dfe-e189-4a22-bbc2-b90c615c4c30","tursoName","6c12bf28117c11f1ae4642dde27851f2","tursoHostname","6c12bf28117c11f1ae4642dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789533648586],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_129":125},"org",{"_11":12,"_122":123,"_124":125,"_89":90,"_126":127,"_128":49},"branch",{"_17":66,"_13":16,"_34":64,"_40":82,"_43":35,"_44":42,"_119":51,"_120":41,"_121":55,"_56":14,"_52":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","M Raj","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/e3d5a23f-a7f4-4d54-e54d-1ad5f68f4200/square512?exp=1789585199&sig=c2f1366c1911d74e9723d80b842d2dff41d5005edcf31afbe4a6f7cf49c15721","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":82,"_13":14,"_36":168,"_47":-5,"_84":49,"_50":51,"_85":51,"_86":87,"_88":-5,"_89":90,"_91":61,"_92":68,"_93":-5,"_94":-5,"_95":31,"_54":96,"_97":98,"_99":100,"_101":169,"_103":-5,"_104":105,"_106":105,"_107":108,"_109":108,"_110":108,"_111":105,"_112":105,"_113":170,"_115":171,"_117":172,"_48":49},[165],"files",[165],"counts",{"_156":31,"_157":66,"_158":31,"_33":159,"_160":161},[154],"upstreamProject",{"_34":41,"_13":14,"_86":87,"_88":-5,"_50":51,"_113":152},"upstreamBranch",{"_34":35,"_36":150,"_38":151,"_13":16,"_40":41,"_17":42,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":53,"_54":55,"_56":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746220700333],["D",1769536179737],{"_11":53,"_129":153},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yWVl4a0NVdVNvQllmTDNGV2JLZ2xlbkxiS0sifQ",{"_34":58,"_13":59,"_60":61,"_62":-5,"_63":64,"_65":66,"_67":68,"_36":69,"_17":31,"_70":71,"_72":73,"_74":49,"_75":-5,"_18":155},[59],"pulls","branches","forks",{"_162":31,"_164":31},"connections",{"_162":31,"_163":31},"count","unfilledCount","emptyCount",{"_34":58,"_13":59,"_60":61,"_62":-5,"_63":64,"_65":66,"_67":68,"_36":78,"_17":31,"_70":71,"_72":73,"_74":49,"_75":-5,"_79":166,"_18":167},[],[59],["D",1771936151155],["D",1789533648586],{"_11":12,"_129":125},{"_11":12,"_122":123,"_124":125,"_89":90,"_126":127,"_128":49},{"_17":66,"_13":16,"_34":64,"_40":82,"_43":35,"_44":42,"_119":51,"_120":41,"_121":55,"_56":14,"_52":12},"ctx",{"_113":-5,"_147":206,"_207":208,"_209":210,"_211":49,"_212":49,"_213":49,"_214":68,"_215":-5,"_216":-7,"_217":-7,"_218":31,"_219":49,"_220":49,"_221":-5,"_222":49,"_223":49,"_224":49,"_225":-5},"ENV",{"_177":178,"_179":180,"_181":16,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205},"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"]