${body}

\n \n \n \n`;\n}\n",[],[204,264],"404ff7ac-5ba5-11f1-b599-ee650bb23af1","favicon.svg","019e75a2-f04c-7499-b28f-421f4310be91",["D",1780090073094],"\n",[],[204,272],"05ab907e-5ba6-11f1-b079-ee650bb23af1","demo.js","019e75a2-f04c-7499-b28f-3ccd15cc430d",14,["D",1780090404243],"// Minimal client JS: fire a real POST /v1/mail with no payment and show the\n// response (the 402 challenge in MPP mode, or a simulated mailing in sandbox).\nconst btn = document.getElementById(\"try-btn\");\nconst out = document.getElementById(\"try-out\");\n\nbtn?.addEventListener(\"click\", async () => {\n const label = btn.textContent;\n btn.disabled = true;\n btn.textContent = \"Calling…\";\n out.className = \"text-neutral-200\";\n out.textContent = \"\";\n try {\n const res = await fetch(\"/v1/mail\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({\n type: \"postcard\",\n to: {\n name: \"Jane Doe\",\n line1: \"210 King St\",\n city: \"San Francisco\",\n state: \"CA\",\n zip: \"94107\",\n },\n message: \"Hello from my agent!\",\n }),\n });\n const text = await res.text();\n let pretty = text;\n try {\n pretty = JSON.stringify(JSON.parse(text), null, 2);\n } catch (_) { /* leave as text */ }\n out.textContent = `HTTP ${res.status} ${res.statusText}\\n\\n${pretty}`;\n } catch (e) {\n out.textContent = \"Error: \" + (e && e.message ? e.message : String(e));\n } finally {\n btn.disabled = false;\n btn.textContent = label;\n }\n});\n\n// \"Copy prompt for your agent\" — copy the onboarding prompt to the clipboard.\nconst copyBtn = document.getElementById(\"copy-prompt\");\ncopyBtn?.addEventListener(\"click\", async () => {\n const text = copyBtn.dataset.prompt || \"\";\n const orig = copyBtn.textContent;\n try {\n await navigator.clipboard.writeText(text);\n } catch (_) {\n const ta = document.createElement(\"textarea\");\n ta.value = text;\n document.body.appendChild(ta);\n ta.select();\n try { document.execCommand(\"copy\"); } catch (e) { /* ignore */ }\n document.body.removeChild(ta);\n }\n copyBtn.textContent = \"Copied — paste it to your agent\";\n setTimeout(() => { copyBtn.textContent = orig; }, 2200);\n});\n",[],[204,279],"c9044d64-5ba5-11f1-8c63-ee650bb23af1","App.tsx","019e75a2-f04c-7499-b28f-39887cfea8af",8,["D",1780090302521],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type Cfg } from \"./components/ui.tsx\";\nimport { Hero } from \"./components/Hero.tsx\";\nimport { Api } from \"./components/Api.tsx\";\nimport { Footer, HowItWorks, Networks, Privacy, Shingle, TryIt } from \"./components/Sections.tsx\";\nimport { type MailStats } from \"../db.ts\";\n\nexport interface PageData {\n baseUrl: string;\n payment: {\n network: string;\n price: string;\n payTo: string;\n facilitator: string;\n mode: string;\n asset: { symbol: string; address: string | null; decimals: number };\n };\n provider: \"lob\" | \"lob_test\" | \"sandbox\";\n live: boolean;\n price: string;\n stats: MailStats | null;\n}\n\nexport function App(data: PageData) {\n const cfg: Cfg = {\n baseUrl: data.baseUrl,\n network: data.payment.network,\n price: data.payment.price,\n assetSymbol: data.payment.asset.symbol,\n assetAddress: data.payment.asset.address,\n payTo: data.payment.payTo,\n facilitator: data.payment.facilitator,\n provider: data.provider,\n live: data.live,\n mode: data.payment.mode,\n };\n\n return (\n

\n \n \n \n \n \n \n \n

\n );\n}\n",[],[204,287],"d0afce08-5ba5-11f1-b511-ee650bb23af1","ui.tsx","019e75a2-f04c-7499-b28f-3239b8544638","019e75a2-f04c-7499-b28f-343b07dbc4f9",9,["D",1780090315397],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// Shared presentational primitives. Server-rendered; no client JS.\n\nexport interface Cfg {\n baseUrl: string;\n network: string;\n price: string;\n assetSymbol: string;\n assetAddress: string | null;\n payTo: string;\n facilitator: string;\n provider: \"lob\" | \"lob_test\" | \"sandbox\";\n live: boolean;\n mode: string;\n}\n\nexport function Section(\n { id, className = \"\", children }: { id?: string; className?: string; children: any },\n) {\n return (\n

\n {children}\n

\n );\n}\n\nexport function Eyebrow({ children }: { children: any }) {\n return (\n

\n {children}\n

\n );\n}\n\nconst TONES: Record = {\n neutral: \"bg-neutral-800/80 text-neutral-300 border-neutral-700\",\n green: \"bg-emerald-500/10 text-emerald-300 border-emerald-500/30\",\n amber: \"bg-amber-500/10 text-amber-300 border-amber-500/30\",\n blue: \"bg-sky-500/10 text-sky-300 border-sky-500/30\",\n};\n\nexport function Pill({ tone = \"neutral\", children }: { tone?: string; children: any }) {\n return (\n \n {children}\n \n );\n}\n\nexport function Card({ className = \"\", children }: { className?: string; children: any }) {\n return (\n

\n {children}\n

\n );\n}\n\nexport function CodeBlock(\n { label, children }: { label?: string; children: any },\n) {\n return (\n

\n {label\n ? (\n

\n {label}\n

\n )\n : null}\n

\n        {children}\n

\n );\n}\n\nexport function Mono({ children }: { children: any }) {\n return {children};\n}\n",[],[204,303,295],"components","dd800242-5ba5-11f1-b332-ee650bb23af1","Stats.tsx","019e75a2-f04c-7499-b28f-2d0cdd6807b5",10,["D",1780090336887],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// Small, friendly one-line \"public business\" ticker for under the hero CTA:\n// pieces mailed · revenue · profit · how long we've been live, plus a tiny\n// growth sparkline. All server-rendered, no client JS. The sparkline is a plain\n// SSR

\n \n \n \n \n \n We've mailed {pieces} for{\" \"}\n {usd(stats.paidUsd)}{\" \"}\n ({usd(profit)} profit){\" \"}\n since launching {timeAgo(LAUNCHED_AT)}\n \n \n

\n );\n}\n",[],[204,303,305],"ffa534aa-5ba5-11f1-b079-ee650bb23af1","Sections.tsx","019e75a2-f04c-7499-b28f-2a39915d4026",13,["D",1780090394176],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n Card,\n type Cfg,\n CodeBlock,\n Eyebrow,\n Mono,\n Pill,\n Section,\n} from \"./ui.tsx\";\n\nexport function HowItWorks() {\n const steps = [\n {\n n: \"01\",\n t: \"Ask\",\n d: \"Your agent POSTs a recipient address and a letter document (or postcard artwork) to /v1/mail. With no payment attached, it gets back HTTP 402 — exactly what to pay and where.\",\n },\n {\n n: \"02\",\n t: \"Pay\",\n d: \"The agent's wallet pays and retries with an Authorization: Payment header. We verify the payment on-chain — no facilitator, no keys.\",\n },\n {\n n: \"03\",\n t: \"Mail\",\n d: \"We print it and hand it to the postal network, return a job id, and drop the payload. Poll /v1/mail/{id} for status.\",\n },\n ];\n return (\n

\n How it works\n

\n Ask → pay → mail, in one request loop.\n

\n {steps.map((s) => (\n \n

{s.n}

{s.t}

{s.d}

\n \n ))}\n

\n );\n}\n\nexport function Networks() {\n return (\n

\n Payments\n

\n Pay from any MPP client.\n

\n Paid in USDC.e on Tempo mainnet, verified on-chain — no facilitator, no\n keys. tempo request pays in one line, and any MPP-aware\n agent can pay with no SDK lock-in.\n

\n );\n}\n\nexport function Shingle() {\n return (\n

\n Want to hang a shingle?\n

\n Start making money by accepting payments on Tempo MPP.\n

\n Immediately — no marketplace, no approval. This app is open source and\n runs on Val Town.\n

\n \n Remix on Val Town\n \n \n Read the source\n \n

\n );\n}\n\nexport function Privacy({ stats }: { stats: { pieces: number; pages: number } | null }) {\n return (\n

\n \n What we store\n

\n Your mail contents are never stored.\n

\n The letter or postcard goes straight to the print/mail network and is dropped — it never touches our database.\n We keep only minimal send metadata: destination city/state/zip, page count, amount, and the paying wallet.\n {stats && stats.pieces > 0\n ? ` So far we've mailed ${stats.pieces.toLocaleString()} piece${stats.pieces === 1 ? \"\" : \"s\"} (${stats.pages.toLocaleString()} page${stats.pages === 1 ? \"\" : \"s\"}).`\n : \"\"}\n

\n contents never stored\n metadata only\n on-chain settlement\n

\n \n

\n );\n}\n\nexport function TryIt({ cfg }: { cfg: Cfg }) {\n return (\n

\n Try it\n

\n See the 402 challenge live.\n

\n Send a real request with no payment attached and see the exact 402 an\n agent would get.\n

\n \n Send a test request\n \n \n \n {`// press the button to call ${cfg.baseUrl}/v1/mail`}\n \n \n

\n {cfg.live\n ? \"This instance is live — paid requests print and mail real, physical pieces via Lob.\"\n : \"This instance runs in sandbox mode — paid requests simulate the full pay→mail loop without printing real mail. Add a Lob key to go live.\"}\n

\n );\n}\n\nexport function Footer({ cfg }: { cfg: Cfg }) {\n return (\n \n );\n}\n",[],[204,303,313],"e7598d88-5ba5-11f1-b3e0-ee650bb23af1","Hero.tsx","019e75a2-f04c-7499-b28f-2662d63a284c",11,["D",1780090353414],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type Cfg, CodeBlock, Eyebrow, Pill, Section } from \"./ui.tsx\";\nimport { type MailStats as MailStatsData } from \"../../db.ts\";\nimport { MailStats } from \"./Stats.tsx\";\n\nfunction shorten(addr: string) {\n return addr && addr.length > 12 ? `${addr.slice(0, 6)}…${addr.slice(-4)}` : addr;\n}\n\nexport function Hero({ cfg, stats }: { cfg: Cfg; stats: MailStatsData | null }) {\n const agentPrompt =\n `You can send real, physical mail (letters & postcards) through AgentSnailMail — a pay-per-piece HTTP API for AI agents. ` +\n `Read ${cfg.baseUrl}/v1/info to learn the endpoints, parameters, and pricing ` +\n `(and ${cfg.baseUrl} for more context). It's paid per piece over Tempo/MPP (USDC.e over HTTP 402), ` +\n `so use your wallet to pay. Once you understand the API, send a postcard for me.`;\n\n return (\n

\n Snail mail for AI agents\n

\n Your agent can mail a letter now.\n

\n One HTTP endpoint. Your agent pays a few cents in {cfg.assetSymbol} over{\" \"}\n \n Tempo/MPP\n , and a real letter or postcard gets printed and dropped in the mail — no account, no API key.\n

\n\n

\n Tempo mainnet\n {cfg.price}\n no content storage\n {cfg.live ? live · real mail : sandbox}\n

\n\n

\n \n Copy prompt for your agent\n \n

\n\n {stats ? : null}\n\n

\n \n {`$ tempo request -X POST ${cfg.baseUrl}/v1/mail \\\\\n --json '{\n \"type\": \"letter\",\n \"to\": {\n \"name\": \"Jane Doe\",\n \"line1\": \"210 King St\",\n \"city\": \"San Francisco\",\n \"state\": \"CA\",\n \"zip\": \"94107\"\n },\n \"file_url\": \"https://example.com/letter.pdf\"\n }'`}\n \n \n {`HTTP/1.1 402 Payment Required\nWWW-Authenticate: Payment\n method=\"tempo\", intent=\"charge\",\n amount=\"1500000\" // 2-pg letter, in ${cfg.assetSymbol}\n currency=\"0x20C0…60E8b50\" // ${cfg.assetSymbol}\n recipient=\"${shorten(cfg.payTo)}\"\n chainId=4217 // Tempo mainnet`}\n \n

\n Any MPP client reads the challenge, pays, and retries — your code just gets back a job id.\n

\n );\n}\n",[],[204,303,321],"f04044d2-5ba5-11f1-9121-ee650bb23af1","Api.tsx","019e75a2-f04c-7499-b28f-21419bead9eb",["D",1780090368348],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type Cfg, Card, CodeBlock, Eyebrow, Mono, Pill, Section } from \"./ui.tsx\";\n\nfunction Endpoint(\n { method, path, paid, children }: { method: string; path: string; paid?: boolean; children: any },\n) {\n const methodTone = method === \"GET\" ? \"blue\" : \"green\";\n return (\n \n

\n {method}\n {path}\n {paid ? 402 · paid : free}\n

\n {children}\n \n );\n}\n\nexport function Api({ cfg }: { cfg: Cfg }) {\n return (\n

\n API\n

Three endpoints. That's the whole thing.

\n Discover the service at GET /v1/info. Everything an agent needs — price, network,\n receiving address, and the request schema — is machine-readable.\n

\n\n

\n \n

\n Send a real letter or postcard. Returns 402 with payment terms until paid; on success returns a job id.\n

\n \n {`{\n \"type\": \"letter\", // or \"postcard\"\n \"to\": {\n \"name\": \"Jane Doe\",\n \"line1\": \"210 King St\",\n \"city\": \"San Francisco\",\n \"state\": \"CA\",\n \"zip\": \"94107\" // country defaults to US\n },\n \"file_url\": \"https://…/letter.pdf\", // a public PDF URL …\n \"content_base64\": \"JVBERi0…\", // … or raw base64 bytes\n \"color\": false, // optional\n \"metadata\": { \"ref\": \"inv-42\" } // optional, echoed back, not stored\n}`}\n \n \n {`{\n \"type\": \"postcard\",\n \"to\": { \"name\": \"Jane Doe\", \"line1\": \"210 King St\",\n \"city\": \"San Francisco\", \"state\": \"CA\", \"zip\": \"94107\" },\n \"front\": \"https://…/front.png\", // PDF/PNG URL or inline HTML\n \"message\": \"Hello from my agent!\" // simple back message\n}`}\n \n \n {`{\n \"id\": \"lbt_ltr_ltr_5f3a…\",\n \"type\": \"letter\",\n \"status\": \"processing\",\n \"pages\": 2,\n \"expected_delivery\": \"2026-06-05\",\n \"price_usd\": \"1.50\",\n \"_links\": { \"self\": \"${cfg.baseUrl}/v1/mail/lbt_ltr_…\" }\n}`}\n \n \n\n \n

\n Poll delivery status — proxied live from the mail network. Status is one of{\" \"}\n queued, processing, mailed, delivered,{\" \"}\n failed. We hold no record of the contents.\n

\n \n\n \n

\n The machine-readable manifest: payment terms, the request schema, and a ready-to-run example.\n

\n \n

\n );\n}\n",[],[204,303,329],"404fdc7c-5ba5-11f1-b599-ee650bb23af1",["D",1780090073094],[221,222,223,224,225],[204,303],["D",1780090073094],[220,226,227,228,229],[204],["D",1780090073094],["D",1789509043237],{"_11":12,"_93":89},{"_11":12,"_87":-5,"_88":89,"_47":48,"_90":91,"_92":40},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":32,"_33":34,"_80":42,"_81":82,"_83":84,"_85":14,"_86":12},"ctx",{"_73":-5,"_118":380,"_381":382,"_383":384,"_385":40,"_386":40,"_387":40,"_388":116,"_389":-5,"_390":-7,"_391":-7,"_392":54,"_393":40,"_394":40,"_395":-5,"_396":40,"_397":40,"_398":40,"_399":-5},"ENV",{"_351":352,"_353":354,"_355":26,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373,"_374":375,"_376":377,"_378":379},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Branches1

Branches
1