${body}

\n \n \n \n`;\n}\n",[],[216,278],"1d53ca9c-5b6b-11f1-849c-ee650bb23af1","favicon.svg","1d53cb5a-5b6b-11f1-849c-ee650bb23af1",15,["D",1780065103676],"\n",[],[216,286],"3309e8f4-5b74-11f1-a656-ee650bb23af1","demo.js","1bc83bae-5b6b-11f1-a9af-ee650bb23af1",38,["D",1780069005517],"// Minimal client JS: fire a real POST /v1/fax with no payment and show the\n// response (the 402 challenge in x402 mode, or a simulated fax in sandbox mode).\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/fax\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({\n to: \"+14155550123\",\n file_url: \"https://example.com/invoice.pdf\",\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",[],[216,294],"a236357a-5ba1-11f1-ba47-ee650bb23af1","App.tsx","14a4fede-5b6b-11f1-9995-ee650bb23af1",134,["D",1780088519443],7,"/** @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 FaxStats } 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: \"sinch\" | \"sandbox\";\n price: string;\n stats: FaxStats | 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 mode: data.payment.mode,\n };\n\n return (\n

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

\n );\n}\n",[],[216,302],"653b27e6-5b6c-11f1-b3c6-ee650bb23af1","ui.tsx","d94cc79a-5b6a-11f1-8821-ee650bb23af1","2cfc3eb1-20cd-46f7-9c4d-6cd1b987b684",25,["D",1780065653799],"/** @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: \"phaxio\" | \"sandbox\";\n mode: \"x402\" | \"sandbox\";\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",[],[216,319,311],"components","45560bd8-5c1d-11f1-9939-ee650bb23af1","Stats.tsx","b04803dc-5ba1-11f1-9de6-ee650bb23af1",141,["D",1780141621207],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// Small, friendly one-line \"public business\" ticker for under the hero CTA:\n// faxes sent · revenue · profit · how long we've been live, plus a tiny growth\n// sparkline. All server-rendered, no client JS. The sparkline is a plain SSR\n//

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

\n );\n}\n",[],[216,319,321],"baa7554e-5ba1-11f1-b145-ee650bb23af1","Sections.tsx","fdf73a3a-5b6a-11f1-aa1f-ee650bb23af1",140,["D",1780088560435],"/** @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 number and document to /v1/fax. 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: \"Fax\",\n d: \"We send the fax, return a job id, and drop the payload. Poll /v1/fax/{id} for status.\",\n },\n ];\n return (\n

\n How it works\n

\n Ask → pay → fax, 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: { faxes: number; pages: number } | null }) {\n return (\n

\n \n What we store\n

\n Your documents are never stored.\n

\n The document goes straight to the fax network and is dropped — it never touches our database.\n We keep only minimal send metadata: destination, page count, amount, and the paying wallet.\n {stats && stats.faxes > 0\n ? ` So far we've relayed ${stats.faxes.toLocaleString()} fax${stats.faxes === 1 ? \"\" : \"es\"} (${stats.pages.toLocaleString()} page${stats.pages === 1 ? \"\" : \"s\"}).`\n : \"\"}\n

\n documents 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/fax`}\n \n \n

\n Want to watch a real{\" \"}\n fax arrive? Have an agent fax +19725329272 —{\" \"}\n \n Faxbeep\n 's free public test line — then find your pages in its gallery.\n (That's how the demo above was verified.)\n

\n );\n}\n\nexport function Footer() {\n return (\n \n );\n}",[],[216,319,329],"a885b5f4-5ba1-11f1-ae60-ee650bb23af1","Hero.tsx","e3d46286-5b6a-11f1-ae79-ee650bb23af1",135,["D",1780088530019],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type Cfg, CodeBlock, Eyebrow, Pill, Section } from \"./ui.tsx\";\nimport { type FaxStats as FaxStatsData } from \"../../db.ts\";\nimport { FaxStats } 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: FaxStatsData | null }) {\n const agentPrompt =\n `You can send a real fax through agentfax — a pay-per-fax 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 call over Tempo/MPP (USDC.e over HTTP 402), ` +\n `so use your wallet to pay. Once you understand the API, send a test fax for me.`;\n\n return (\n

\n Fax for AI agents\n

\n Your agent can send a fax now.\n

\n One HTTP endpoint. Your agent pays a few cents in {cfg.assetSymbol} over{\" \"}\n \n Tempo/MPP\n , and the fax goes out — no account, no API key.\n

\n\n

\n Tempo mainnet\n {cfg.price}\n no document storage\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/fax \\\\\n --json '{\n \"to\": \"+14155550123\",\n \"file_url\": \"https://example.com/invoice.pdf\"\n }'`}\n \n \n {`HTTP/1.1 402 Payment Required\nWWW-Authenticate: Payment\n method=\"tempo\", intent=\"charge\",\n amount=\"400000\" // 2 pages × ${cfg.price}, 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",[],[216,319,337],"87ba0408-5b81-11f1-929e-ee650bb23af1","Api.tsx","ed7aa17e-5b6a-11f1-8984-ee650bb23af1",86,["D",1780074731107],"/** @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 fax. Returns 402 with payment terms until paid; on success returns a job id.\n

\n \n {`{\n \"to\": \"+14155550123\", // E.164, required\n \"file_url\": \"https://…/doc.pdf\", // a public PDF URL …\n \"content_base64\": \"JVBERi0…\", // … or raw base64 bytes\n \"file_name\": \"doc.pdf\", // optional\n \"metadata\": { \"ref\": \"inv-42\" } // optional, echoed back, not stored\n}`}\n \n \n {`{\n \"id\": \"snc_8675309\",\n \"status\": \"sending\",\n \"to\": \"+14155550123\",\n \"pages\": 2,\n \"price_usd\": \"$0.40\",\n \"_links\": { \"self\": \"${cfg.baseUrl}/v1/fax/snc_8675309\" }\n}`}\n \n \n\n \n

\n Poll delivery status — proxied live from the fax network. Status is one of{\" \"}\n queued, sending, delivered, failed. We hold\n no record of the destination or document.\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",[],[216,319,345],"d94cfc1a-5b6a-11f1-8821-ee650bb23af1",["D",1780064989545],[235,236,237,238,239],[216,319],["D",1780064989545],[234,240,241,242,243],[216],["D",1780064564355],["D",1789500689328],{"_11":12,"_58":111},{"_11":12,"_52":-5,"_53":111,"_37":73,"_55":112,"_57":20},{"_99":100,"_13":101,"_28":102,"_103":69,"_104":-5,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":14,"_110":12},"ctx",{"_42":-5,"_134":397,"_398":399,"_400":401,"_402":20,"_403":20,"_404":20,"_405":75,"_406":-5,"_407":-7,"_408":-7,"_409":22,"_410":20,"_411":20,"_412":-5,"_413":20,"_414":20,"_415":20,"_416":-5},"ENV",{"_368":369,"_370":371,"_372":101,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382,"_383":384,"_385":386,"_387":388,"_389":390,"_391":392,"_393":394,"_395":396},"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"]

Remixes2

Remixes
2