Learn More

Read the Val Town docs or view this val's source to explore every platform feature.

Preact on Val Town

⚡ Preact HTTP Trigger

This page was rendered server-side by Preact on Val Town.

\n Path: {path}\n
\n Rendered: {timestamp}\n

,\n );\n\n return new Response(html, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n",[162],"eff9b938-4b18-11f1-b94f-ee650bb23af1","index.http.ts",81,["D",1778270590244],4,"// index.http.ts — HTTP handler. Serves frontend/ and JSON API.\n// Docs: https://docs.val.town/vals/http\n\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { getRecentVisits, getVisitCount, recordVisit } from \"./backend/db.ts\";\nimport { APP_NAME } from \"./backend/shared.ts\";\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const { pathname } = url;\n\n // ── 1. Static Asset Routing (Frontend) ──────────────────────────────────\n if (pathname.startsWith(\"/frontend/\")) {\n return await serveFile(pathname, import.meta.url);\n }\n\n // ── 2. Landing Page (Serves HTML & records visit) ───────────────────────\n if (pathname === \"/\" || pathname === \"\") {\n try {\n await recordVisit(\"/\");\n } catch {\n // SQLite might not be available locally\n }\n return await serveFile(\"/frontend/index.html\", import.meta.url);\n }\n\n // ── 3. API Routes (Backend) ─────────────────────────────────────────────\n\n if (pathname === \"/api/health\") {\n return Response.json({\n ok: true,\n name: APP_NAME,\n timestamp: new Date().toISOString(),\n runtime: `Deno ${Deno.version?.deno || \"unknown\"}`,\n });\n }\n\n if (pathname === \"/api/visits\") {\n try {\n const visits = await getRecentVisits(20);\n const total = await getVisitCount();\n return Response.json({ total, visits });\n } catch {\n return Response.json({\n error: \"SQLite not available (running off-platform?)\",\n }, { status: 503 });\n }\n }\n\n if (pathname === \"/api/echo\" && req.method === \"POST\") {\n try {\n const body = await req.json();\n return Response.json({\n echo: body,\n receivedAt: new Date().toISOString(),\n });\n } catch {\n return Response.json({ error: \"Invalid JSON body\" }, { status: 400 });\n }\n }\n\n // ── 4. Fallback ─────────────────────────────────────────────────────────\n return Response.json(\n { error: \"Not found\", path: pathname },\n { status: 404 },\n );\n}","d-template",[169],"49400ea4-4b21-11f1-874d-ee650bb23af1","email.ts","aa7742d6-48c5-11f1-831b-42b51c65c3df",95,["D",1778274175988],7,"email","// email.ts — Inbound handler + outbound helpers. UI: + → EMAIL → address: .@valtown.email\n\nimport { email as sendEmail } from \"https://esm.town/v/std/email\";\nimport { APP_NAME, type Email } from \"./backend/shared.ts\";\nimport { type JsonObject, stringField } from \"./backend/api-utils.ts\";\n\nexport interface TestEmailResult {\n subject: string;\n text: string;\n toSelf: boolean;\n sentAt: string;\n}\n\nexport interface InboundEmailTestResult {\n from: string;\n subject: string;\n text: string;\n simulatedAt: string;\n}\n\n// -----------------------------------------------------------------------------\n// inbound\n// -----------------------------------------------------------------------------\n\nexport default async function emailHandler(inbound: Email): Promise {\n console.log(\n `📧 [${APP_NAME}] From: ${inbound.from} Subject: ${\n inbound.subject ?? \"(none)\"\n }`,\n );\n console.log(` Body: ${inbound.text?.slice(0, 200) ?? \"(empty)\"}...`);\n\n for (const file of inbound.attachments) {\n console.log(` 📎 ${file.name} (${file.type}, ${file.size}b)`);\n // await blob.set(`emails/${file.name}`, await file.arrayBuffer());\n }\n\n // await sendNotification(`Re: ${inbound.subject}`, \"Got your message!\");\n}\n\n// -----------------------------------------------------------------------------\n// outbound\n// -----------------------------------------------------------------------------\n// Free plan: sends to yourself only. Pro: send to anyone + cc/bcc.\n\nexport async function sendNotification(\n subject: string,\n body: string,\n options?: { to?: string; html?: string },\n): Promise {\n await sendEmail({\n subject,\n text: body,\n ...(options?.to && { to: options.to }),\n ...(options?.html && { html: options.html }),\n });\n console.log(`📤 [${APP_NAME}] Sent: \"${subject}\"`);\n}\n\n/** `attachment.content` must be base64-encoded (use `btoa()`). */\nexport async function sendWithAttachment(\n subject: string,\n body: string,\n attachment: { content: string; filename: string; type?: string },\n): Promise {\n await sendEmail({\n subject,\n text: body,\n attachments: [{\n content: attachment.content,\n filename: attachment.filename,\n type: attachment.type ?? \"application/octet-stream\",\n disposition: \"attachment\",\n }],\n });\n console.log(\n `📤 [${APP_NAME}] Sent with attachment: \"${attachment.filename}\"`,\n );\n}\n\n// -----------------------------------------------------------------------------\n// test helpers\n// -----------------------------------------------------------------------------\n\nexport async function sendTestNotification(\n input: JsonObject,\n): Promise {\n const subject = stringField(input, \"subject\", `Test email from ${APP_NAME}`);\n const text = stringField(\n input,\n \"text\",\n \"This is a Val Town email smoke test.\",\n );\n const to = stringField(input, \"to\");\n const html = stringField(input, \"html\");\n\n await sendNotification(subject, text, {\n ...(to && { to }),\n ...(html && { html }),\n });\n return { subject, text, toSelf: !to, sentAt: new Date().toISOString() };\n}\n\nexport async function simulateInboundEmail(\n input: JsonObject,\n): Promise {\n const inbound = makeInboundEmail(input);\n await emailHandler(inbound);\n return {\n from: inbound.from,\n subject: inbound.subject ?? \"\",\n text: inbound.text ?? \"\",\n simulatedAt: new Date().toISOString(),\n };\n}\n\nfunction makeInboundEmail(input: JsonObject): Email {\n return {\n from: stringField(input, \"from\", \"tester@example.com\"),\n to: [stringField(input, \"to\", \"template@valtown.email\")],\n subject: stringField(input, \"subject\", `Inbound test for ${APP_NAME}`),\n text: stringField(\n input,\n \"text\",\n \"This simulates an inbound Val Town email.\",\n ),\n html: stringField(input, \"html\"),\n attachments: [],\n headers: { \"x-template-test\": \"true\" },\n };\n}\n",[177],"a8e0a8b4-4b17-11f1-9fc9-ee650bb23af1","deno.json","86adc21c-4951-11f1-b797-42b51c65c3df",55,["D",1778270041449],"{\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 \"rules\": {\n \"exclude\": [\n \"no-explicit-any\",\n \"no-external-import\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"unstable\": [\"temporal\", \"worker-options\", \"sloppy-imports\", \"node-globals\"]\n}\n",[186],"a92b239e-4b17-11f1-a377-ee650bb23af1","cron.ts","aa651980-48c5-11f1-bfb8-42b51c65c3df",60,["D",1778270041959],"interval","// cron.ts — Two tasks (pulse + maintenance), one trigger. UI: + → CRON → \"every 5 minutes\"\n// Env: CRON_PULSE_INTERVAL (\"5m\"/\"1h\"/\"DISABLED\"), CRON_MAINTENANCE_INTERVAL (\"1h\"/\"1d\"/\"DISABLED\")\n\nimport { APP_NAME, env, parseDuration } from \"./backend/shared.ts\";\nimport { getMetaValue, pruneOldVisits, setMetaValue } from \"./backend/db.ts\";\n\n// ── Gate: true if intervalMs has elapsed since last run; records now in SQLite ──\n\nasync function shouldRun(\n metaKey: string,\n intervalMs: number,\n now: Date,\n): Promise {\n const lastStr = await getMetaValue(metaKey).catch(() => null);\n if (lastStr) {\n const elapsed = now.getTime() - new Date(lastStr).getTime();\n if (elapsed < intervalMs) return false;\n }\n await setMetaValue(metaKey, now.toISOString());\n return true;\n}\n\n// ── Entry point ───────────────────────────────────────────────────────────────\n\nexport default async function (\n _interval: { lastRunAt: Date | undefined },\n): Promise {\n const now = new Date();\n await pulse(now);\n await maintenance(now);\n}\n\n// ── Pulse — polling, health-checks, work-queues ───────────────────────────────\n\nasync function pulse(now: Date): Promise {\n const raw = env(\"CRON_PULSE_INTERVAL\", \"5m\");\n if (raw.toUpperCase() === \"DISABLED\") return;\n const intervalMs = parseDuration(raw) ?? parseDuration(\"5m\")!;\n if (!await shouldRun(\"cron_pulse_last_run\", intervalMs, now)) return;\n\n console.log(`⚡ [${APP_NAME}] Pulse (${raw})`);\n // TODO: add your polling/health-check logic here\n // const res = await fetch(\"https://api.example.com/feed\");\n}\n\n// ── Maintenance — prune, archive, digest ─────────────────────────────────────\n\nasync function maintenance(now: Date): Promise {\n const raw = env(\"CRON_MAINTENANCE_INTERVAL\", \"1d\");\n if (raw.toUpperCase() === \"DISABLED\") return;\n const intervalMs = parseDuration(raw) ?? parseDuration(\"1d\")!;\n if (!await shouldRun(\"cron_maintenance_last_run\", intervalMs, now)) return;\n\n console.log(`🔧 [${APP_NAME}] Maintenance (${raw})`);\n await pruneOldVisits(30);\n console.log(`✅ [${APP_NAME}] Maintenance done`);\n}\n",[193],"a948f0ea-4b17-11f1-b038-ee650bb23af1","README.md","aabf7b64-48c5-11f1-9920-42b51c65c3df",61,["D",1778270041957],3,"# Val Town Template\n\nStarter val with HTTP, Cron, Email, SQLite, and Blob. Fork it, delete what you\ndon't need.\n\n---\n\n## High-Level Architecture\n\n```mermaid\ngraph TB\n subgraph VAL[\"val: sample-val\"]\n direction TB\n SHARED[\"backend/shared.ts
constants · env() · parseDuration()\"]\n\n subgraph TRIGGERS[\"Triggers\"]\n HTTP[\"index.http.ts
🟦 HTTP\"]\n CRON[\"cron.ts
🟪 Cron\"]\n EMAIL[\"email.ts
🟧 Email\"]\n end\n\n subgraph STORAGE[\"Storage\"]\n DB[\"backend/db.ts
SQLite\"]\n BLOB[\"backend/storage.ts
Blob (R2)\"]\n end\n\n subgraph FRONTEND[\"Frontend\"]\n HTML[\"frontend/index.html\"]\n JS[\"frontend/main.js\"]\n end\n end\n\n SHARED --> HTTP\n SHARED --> CRON\n SHARED --> EMAIL\n\n HTTP -->|\"serveFile()\"| HTML\n HTTP -->|\"serveFile()\"| JS\n HTTP -->|\"recordVisit()\"| DB\n HTTP -->|\"queries\"| DB\n\n CRON -->|\"prune / meta\"| DB\n CRON -->|\"read/write\"| BLOB\n\n EMAIL -->|\"save attachments\"| BLOB\n\n USER[\"🌐 User / Browser\"] -->|\"GET /\"| HTTP\n USER -->|\"GET /api/*\"| HTTP\n SCHEDULER[\"⏰ Scheduler\"] -->|\"every 5m\"| CRON\n SENDER[\"📧 Email Sender\"] -->|\"inbound\"| EMAIL\n```\n\n---\n\n## Quick Start\n\n**1. Create a new val from this template**\n\n```bash\ncd /path/to/uApps\nvt new my-app\ncd vals/my-app\n```\n\n**2. Push it to Val Town**\n\n```bash\nvt push\n# or: vt watch (auto-push on save)\n```\n\n> **Important:** `vt push` auto-detects triggers from filenames (e.g.,\n> `index.http.ts` → HTTP, `cron.ts` → Cron, `email.ts` → Email). If triggers\n> don't appear on the Val Town platform after pushing, manually add them via the\n> `+` button in the val editor. Then point each trigger at its file.\n\n**3. Open it in your browser**\n\n```bash\nvt url # prints your live URL\n```\n\nVisit the URL → you should see the starter page with a visit counter.\n\n**4. Try the API**\n\n```\nGET /api/health → JSON health check\nGET /api/visits → visit history from SQLite\nPOST /api/echo → echoes your JSON body back\n```\n\n---\n\n## HTTP Trigger (`index.http.ts`)\n\n```mermaid\nsequenceDiagram\n actor User\n participant HTTP as index.http.ts\n participant Frontend as frontend/\n participant DB as backend/db.ts\n\n User->>HTTP: GET /\n HTTP->>DB: recordVisit(\"/\")\n HTTP->>Frontend: serveFile(\"/frontend/index.html\")\n Frontend-->>User: HTML + visit counter\n\n User->>HTTP: GET /api/visits\n HTTP->>DB: getRecentVisits(20)\n HTTP->>DB: getVisitCount()\n DB-->>HTTP: rows\n HTTP-->>User: { total, visits }\n\n User->>HTTP: POST /api/echo\n HTTP-->>User: { echo: body, receivedAt }\n```\n\nRoute dispatch via `if/else` path matching — no framework needed:\n\n| Route | Method | What it does |\n|-------|--------|-------------|\n| `/` | GET | Serves `frontend/index.html`, records visit |\n| `/frontend/*` | GET | Serves static files from `frontend/` |\n| `/api/health` | GET | JSON health check |\n| `/api/visits` | GET | Recent visits + total count from SQLite |\n| `/api/echo` | POST | Echoes request body back |\n| `*` | any | 404 JSON |\n\n---\n\n## Cron Trigger (`cron.ts`)\n\n```mermaid\nflowchart LR\n subgraph CRON[\"cron.ts — runs every 5 min\"]\n direction TB\n ENTRY[\"export default()\"] --> PULSE[\"pulse()\"]\n ENTRY --> MAINT[\"maintenance()\"]\n\n PULSE -->|\"shouldRun()\"| P_GATE{\"Interval elapsed?\"}\n P_GATE -->|\"yes\"| P_WORK[\"⚡ Pulse task
(polling / health-checks)\"]\n P_GATE -->|\"no\"| P_SKIP[\"skip\"]\n\n MAINT -->|\"shouldRun()\"| M_GATE{\"Interval elapsed?\"}\n M_GATE -->|\"yes\"| M_WORK[\"🔧 Maintenance
(prune old visits)\"]\n M_GATE -->|\"no\"| M_SKIP[\"skip\"]\n end\n\n P_WORK --> DB[(SQLite)]\n M_WORK --> DB\n```\n\nTwo independent tasks, one trigger. Each gates itself via `shouldRun()` which\nstores last-run timestamps in SQLite.\n\n| Task | Default interval | Env var to control |\n|------|-----------------|--------------------|\n| Pulse | Every 5 min | `CRON_PULSE_INTERVAL` (`\"5m\"`, `\"1h\"`, `\"DISABLED\"`) |\n| Maintenance | Every 1 day | `CRON_MAINTENANCE_INTERVAL` (`\"1d\"`, `\"6h\"`, `\"DISABLED\"`) |\n\n---\n\n## Email Trigger (`email.ts`)\n\n```mermaid\nflowchart TB\n INBOUND[\"📧 Inbound email
.@valtown.email\"] --> HANDLER[\"emailHandler()\"]\n HANDLER --> LOG[\"log subject + body\"]\n HANDLER --> ATTACH[\"process attachments\"]\n\n subgraph OUTBOUND[\"Outbound helpers\"]\n NOTIFY[\"sendNotification()\"]\n ATTACH_SEND[\"sendWithAttachment()\"]\n end\n\n HANDLER -.->|\"optional: reply\"| NOTIFY\n ATTACH --> BLOB[(\"Blob Store\")]\n```\n\nTwo parts in one file:\n\n**Inbound** — `export default async function emailHandler(inbound)` handles\nincoming mail. Logs subject/body, saves attachments to Blob.\n\n**Outbound** — exported helper functions for sending email programmatically:\n- `sendNotification(subject, body, opts?)` — plain text email\n- `sendWithAttachment(subject, body, attachment)` — with base64 attachment\n\n> **Free plan:** outbound sends to yourself only. **Pro:** send to anyone.\n\n---\n\n## SQLite (`backend/db.ts`)\n\n```mermaid\nerDiagram\n VISITS {\n int id PK\n text page\n timestamp created_at\n }\n META {\n text key PK\n text value\n }\n```\n\nTwo tables, auto-migrated on first use:\n\n| Table | Purpose |\n|-------|---------|\n| `visits` | Page visit log — each HTTP request to `/` inserts a row |\n| `meta` | Key-value store — cron uses it for `last_run` timestamps |\n\nKey functions:\n- `recordVisit(page)` — insert a visit\n- `getRecentVisits(limit)` — latest N visits\n- `getVisitCount()` — total rows in `visits`\n- `getMetaValue(key)` / `setMetaValue(key, value)` — KV read/write\n- `pruneOldVisits(days)` — delete visits older than N days\n\n**Gotcha:** SQLite is per-val. Use the `/main.ts` import path (val-scoped), not\n`/dummy.ts` (shared).\n\n---\n\n## Blob Storage (`backend/storage.ts`)\n\n```mermaid\nflowchart LR\n subgraph BLOB[\"Account-scoped Blob (Cloudflare R2)\"]\n direction TB\n SET[\"blob.set(key, value)\"]\n GET[\"blob.get(key)\"]\n LIST[\"blob.list()\"]\n DEL[\"blob.delete(key)\"]\n end\n\n APP[\"any val in account\"] --> SET\n APP --> GET\n APP --> LIST\n APP --> DEL\n```\n\nShared across **all vals** in your account. Good for cross-val state, config,\nfile uploads.\n\nKey functions:\n- `saveJSON(key, data)` / `getJSON(key)` — typed JSON storage\n- `saveText(key, text)` — plain text\n- `listBlobs()` — all keys\n- `deleteBlob(key)` — remove\n\n> **Warning:** Blob is account-scoped. Key collisions across vals are possible\n> — use namespaced keys like `emails/`, `config/`, etc.\n\n---\n\n## Shared (`backend/shared.ts`)\n\nLayer 0 — every other file depends on this. Zero dependencies itself.\n\n| Export | Purpose |\n|--------|---------|\n| `APP_NAME` | App name constant (change this to rename your app) |\n| `Email` type | Inbound email shape (`from`, `to`, `subject`, `text`, `html`, `attachments`) |\n| `env(key, fallback)` | Read env vars with a default fallback |\n| `parseDuration(raw)` | Parse `\"5m\"`, `\"1h\"`, `\"1d\"` → milliseconds |\n\n---\n\n## Layering\n\n```mermaid\ngraph BT\n subgraph \"Layer 2 — Triggers\"\n HTTP[\"index.http.ts\"]\n CRON[\"cron.ts\"]\n EMAIL[\"email.ts\"]\n end\n\n subgraph \"Layer 1 — Backend\"\n DB[\"backend/db.ts\"]\n BLOB[\"backend/storage.ts\"]\n end\n\n subgraph \"Layer 0 — Foundation\"\n SHARED[\"backend/shared.ts\"]\n end\n\n HTTP --> DB\n HTTP --> BLOB\n HTTP --> SHARED\n CRON --> DB\n CRON --> BLOB\n CRON --> SHARED\n EMAIL --> BLOB\n EMAIL --> SHARED\n DB --> SHARED\n```\n\nEvery file depends only on lower layers. You can delete any trigger or backend\nmodule without breaking the rest — except `shared.ts`, which everything depends\non.\n\n---\n\n## Customize\n\n**Rename the app** — change `APP_NAME` in `backend/shared.ts`.\n\n**Add a route** — add a new `if (pathname === \"/api/thing\")` block in\n`index.http.ts`.\n\n**Add a SQLite table** — add a `CREATE TABLE IF NOT EXISTS` call in\n`db.ts → migrate()`.\n\n**Change visibility** — edit `val.yml`:\n\n```yaml\nname: \"my-app\"\npublic: false # true | false\norg: \"uapps\" # your org, or omit for personal\n```\n\n**Sync** — `vt push` / `vt pull` / `vt status`\n\n---\n\n## Key Files\n\n| File | Purpose |\n|------|---------|\n| `index.http.ts` | HTTP handler — routes, JSON API, static frontend |\n| `cron.ts` | Two scheduled tasks (pulse + maintenance) |\n| `email.ts` | Inbound email handler + outbound send helpers |\n| `backend/db.ts` | SQLite schema, queries, migration |\n| `backend/storage.ts` | Blob storage read/write/list/delete |\n| `backend/shared.ts` | Constants, `env()`, `parseDuration()`, `Email` type |\n| `frontend/index.html` | Landing page |\n| `frontend/main.js` | Fetches visit count from `/api/visits` |\n| `val.yml` | Val name, visibility, org |\n",[201],"85f9d626-4951-11f1-a16a-42b51c65c3df","frontend","85f9d6f8-4951-11f1-a16a-42b51c65c3df",34,["D",1778074991402],"directory",[209],"86303568-4951-11f1-a193-42b51c65c3df","backend","8630361c-4951-11f1-a193-42b51c65c3df",35,["D",1778074991756],[216],"pulls","branches","forks","envVars",{"_228":63,"_230":157},"connections",{"_228":157,"_229":157},"count","unfilledCount","emptyCount",{"_42":215,"_32":216,"_30":217,"_144":-5,"_40":41,"_39":218,"_146":25,"_37":397,"_13":157,"_34":213,"_35":-5,"_24":48,"_150":-5,"_256":398,"_27":399},{"_42":389,"_32":390,"_30":391,"_144":217,"_40":41,"_39":392,"_146":48,"_37":393,"_13":157,"_34":285,"_35":394,"_24":48,"_150":-5,"_256":395,"_27":396},{"_42":380,"_32":381,"_30":382,"_144":217,"_40":41,"_39":383,"_146":48,"_37":384,"_13":385,"_34":285,"_35":386,"_24":48,"_150":-5,"_256":387,"_27":388},{"_42":372,"_32":373,"_30":374,"_144":217,"_40":41,"_39":375,"_146":48,"_37":376,"_13":157,"_34":285,"_35":377,"_24":48,"_150":-5,"_256":378,"_27":379},{"_42":364,"_32":365,"_30":366,"_144":217,"_40":41,"_39":367,"_146":48,"_37":368,"_13":172,"_34":285,"_35":369,"_24":48,"_150":-5,"_256":370,"_27":371},{"_42":355,"_32":356,"_30":357,"_144":217,"_40":41,"_39":358,"_146":48,"_37":359,"_13":360,"_34":285,"_35":361,"_24":48,"_150":-5,"_256":362,"_27":363},{"_42":208,"_32":209,"_30":210,"_144":-5,"_40":41,"_39":211,"_146":25,"_37":352,"_13":157,"_34":213,"_35":-5,"_24":48,"_150":-5,"_256":353,"_27":354},{"_42":347,"_32":314,"_30":308,"_144":210,"_40":41,"_39":348,"_146":48,"_37":349,"_13":157,"_34":213,"_35":-5,"_24":48,"_150":-5,"_256":350,"_27":351},{"_42":339,"_32":340,"_30":341,"_144":308,"_40":41,"_39":342,"_146":48,"_37":343,"_13":157,"_34":285,"_35":344,"_24":48,"_150":-5,"_256":345,"_27":346},{"_42":331,"_32":332,"_30":333,"_144":308,"_40":41,"_39":334,"_146":48,"_37":335,"_13":157,"_34":285,"_35":336,"_24":48,"_150":-5,"_256":337,"_27":338},{"_42":323,"_32":324,"_30":325,"_144":308,"_40":41,"_39":326,"_146":48,"_37":327,"_13":157,"_34":285,"_35":328,"_24":48,"_150":-5,"_256":329,"_27":330},{"_42":315,"_32":316,"_30":317,"_144":308,"_40":41,"_39":318,"_146":48,"_37":319,"_13":157,"_34":285,"_35":320,"_24":48,"_150":-5,"_256":321,"_27":322},{"_42":305,"_32":306,"_30":307,"_144":308,"_40":41,"_39":309,"_146":48,"_37":310,"_13":157,"_34":285,"_35":311,"_24":48,"_150":-5,"_256":312,"_27":313},{"_42":297,"_32":298,"_30":299,"_144":210,"_40":41,"_39":300,"_146":48,"_37":301,"_13":157,"_34":285,"_35":302,"_24":48,"_150":-5,"_256":303,"_27":304},{"_42":289,"_32":290,"_30":291,"_144":210,"_40":41,"_39":292,"_146":48,"_37":293,"_13":157,"_34":285,"_35":294,"_24":48,"_150":-5,"_256":295,"_27":296},{"_42":280,"_32":281,"_30":282,"_144":210,"_40":41,"_39":283,"_146":48,"_37":284,"_13":63,"_34":285,"_35":286,"_24":48,"_150":-5,"_256":287,"_27":288},{"_42":200,"_32":201,"_30":202,"_144":-5,"_40":41,"_39":203,"_146":48,"_37":277,"_13":205,"_34":20,"_35":206,"_24":48,"_150":-5,"_256":278,"_27":279},{"_42":192,"_32":193,"_30":194,"_144":-5,"_40":41,"_39":195,"_146":48,"_37":274,"_13":172,"_34":197,"_35":198,"_24":48,"_150":-5,"_256":275,"_27":276},{"_42":185,"_32":186,"_30":187,"_144":-5,"_40":41,"_39":188,"_146":48,"_37":271,"_13":148,"_34":20,"_35":190,"_24":48,"_150":-5,"_256":272,"_27":273},{"_42":176,"_32":177,"_30":178,"_144":-5,"_40":41,"_39":179,"_146":48,"_37":268,"_13":181,"_34":182,"_35":183,"_24":48,"_150":-5,"_256":269,"_27":270},{"_42":168,"_32":169,"_30":58,"_144":-5,"_40":41,"_39":170,"_146":48,"_37":265,"_13":172,"_34":158,"_35":173,"_24":48,"_150":174,"_256":266,"_27":267},{"_42":161,"_32":162,"_30":163,"_144":-5,"_40":41,"_39":164,"_146":48,"_37":262,"_13":157,"_34":158,"_35":166,"_24":48,"_150":-5,"_256":263,"_27":264},{"_42":152,"_32":153,"_30":154,"_144":-5,"_40":41,"_39":155,"_146":48,"_37":259,"_13":157,"_34":158,"_35":159,"_24":48,"_150":-5,"_256":260,"_27":261},{"_42":141,"_32":142,"_30":143,"_144":-5,"_40":41,"_39":145,"_146":48,"_37":255,"_13":148,"_34":20,"_35":149,"_24":48,"_150":-5,"_256":257,"_27":258},["D",1778274175831],"children",[],[142],["D",1778274175790],[],[153],["D",1778274175528],[],[162],["D",1778270590244],[],[169],["D",1778274175988],[],[177],["D",1778270041449],[],[186],["D",1778270041959],[],[193],["D",1778270041957],[],[201],"a997587a-4b17-11f1-8616-ee650bb23af1","main.js","866c91f2-4951-11f1-9e49-42b51c65c3df",63,["D",1778270042020],"script","// Fetch visit stats from the API and update the page\nasync function fetchVisits() {\n try {\n const res = await fetch(\"/api/visits\");\n const data = await res.json();\n if (data.total !== undefined) {\n document.getElementById(\"visit-count\").textContent = data.total;\n }\n } catch (err) {\n console.error(\"Failed to fetch visits:\", err);\n document.getElementById(\"visit-count\").textContent = \"—\";\n }\n}\n\nfetchVisits();\n",[],[209,281],"48ed4c1e-4b21-11f1-b54f-ee650bb23af1","client.ts","48ed4cf0-4b21-11f1-b54f-ee650bb23af1",87,["D",1778274175458],"// client.ts — Inline browser script for progressive enhancement.\n\nexport const clientJs = String.raw`\nconst themeToggle = document.getElementById(\"theme-toggle\");\nconst forms = {\n email: document.getElementById(\"email-form\"),\n inbound: document.getElementById(\"inbound-form\"),\n openai: document.getElementById(\"openai-form\")\n};\n\nfunction initTheme() {\n const saved = localStorage.getItem(\"theme\") || \"auto\";\n applyTheme(saved);\n setThemeLabel(saved);\n}\n\nfunction cycleTheme() {\n const current = localStorage.getItem(\"theme\") || \"auto\";\n const next = current === \"auto\" ? \"light\" : current === \"light\" ? \"dark\" : \"auto\";\n localStorage.setItem(\"theme\", next);\n applyTheme(next);\n setThemeLabel(next);\n}\n\nfunction applyTheme(theme) {\n if (theme === \"auto\") {\n document.documentElement.removeAttribute(\"data-theme\");\n return;\n }\n document.documentElement.dataset.theme = theme;\n}\n\nfunction setThemeLabel(theme) {\n themeToggle.textContent = \"Theme: \" + theme;\n}\n\nasync function fetchVisits() {\n const el = document.getElementById(\"visit-count\");\n try {\n const data = await getJson(\"/api/visits\");\n el.textContent = data.total ?? \"—\";\n } catch (err) {\n console.error(\"Failed to fetch visits:\", err);\n el.textContent = \"—\";\n }\n}\n\nasync function getJson(path) {\n const res = await fetch(path);\n const data = await res.json();\n if (!res.ok) throw new Error(data.error || \"HTTP \" + res.status);\n return data;\n}\n\nasync function postJson(path, body, secret) {\n const headers = { \"content-type\": \"application/json\" };\n if (secret) headers[\"x-template-secret\"] = secret;\n const res = await fetch(path, {\n method: \"POST\",\n headers,\n body: JSON.stringify(body)\n });\n const data = await res.json();\n if (!res.ok) throw new Error(data.error || \"HTTP \" + res.status);\n return data;\n}\n\nfunction readForm(form) {\n return Object.fromEntries(new FormData(form).entries());\n}\n\nfunction showResult(id, value) {\n document.getElementById(id).textContent = JSON.stringify(value, null, 2);\n}\n\nfunction showError(id, err) {\n document.getElementById(id).textContent = \"Error: \" + err.message;\n}\n\nfunction wireJsonForm(form, path, resultId, payloadKeys) {\n form.addEventListener(\"submit\", async (event) => {\n event.preventDefault();\n const fields = readForm(form);\n const body = Object.fromEntries(payloadKeys.map((key) => [key, fields[key]]));\n try {\n showResult(resultId, { status: \"sending\" });\n showResult(resultId, await postJson(path, body, String(fields.secret || \"\")));\n } catch (err) {\n showError(resultId, err);\n }\n });\n}\n\nthemeToggle.addEventListener(\"click\", cycleTheme);\nwireJsonForm(forms.email, \"/api/email-test\", \"email-result\", [\"subject\", \"text\", \"to\"]);\nwireJsonForm(forms.inbound, \"/api/email-test/inbound\", \"inbound-result\", [\"from\", \"subject\", \"text\"]);\nwireJsonForm(forms.openai, \"/api/openai-test\", \"openai-result\", [\"prompt\"]);\ninitTheme();\nfetchVisits();\n`;\n",[],[209,290],"48f1fb74-4b21-11f1-aeb4-ee650bb23af1","app.tsx","48f1fc50-4b21-11f1-aeb4-ee650bb23af1",88,["D",1778274175490],"/** @jsxImportSource https://esm.sh/preact@10.29.1 */\n// app.tsx — Server-rendered Preact landing page for the template val.\n\nimport { render } from \"https://esm.sh/preact-render-to-string@6.6.7?deps=preact@10.29.1\";\nimport { clientJs } from \"./client.ts\";\nimport { InteractiveTests } from \"./ui/forms.tsx\";\nimport {\n Architecture,\n AuthGuide,\n Footer,\n Hero,\n RouteTable,\n StatusGrid,\n} from \"./ui/sections.tsx\";\nimport { css } from \"./ui/styles.ts\";\nimport type { HomePageProps } from \"./ui/types.ts\";\n\n// -----------------------------------------------------------------------------\n// public renderer\n// -----------------------------------------------------------------------------\n\nexport function renderHomePage(props: HomePageProps): string {\n return \"\" + render();\n}\n\n// -----------------------------------------------------------------------------\n// shell\n// -----------------------------------------------------------------------------\n\nfunction App(props: HomePageProps) {\n return (\n \n \n \n \n {props.appName}\n \n \n \n \n

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

\n \n \n \n );\n}\n",[],[209,298],"48ba5714-4b21-11f1-b54f-ee650bb23af1","types.ts","48ba57fa-4b21-11f1-b54f-ee650bb23af1","4888d3e2-4b21-11f1-81f8-ee650bb23af1",83,["D",1778274175126],"// types.ts — Shared Preact UI data contracts.\n\nexport interface HomePageProps {\n appName: string;\n emailEnabled: boolean;\n openAiEnabled: boolean;\n hasTestSecret: boolean;\n openAiModel: string;\n renderedAt: string;\n}\n\nexport interface RouteItem {\n method: string;\n path: string;\n purpose: string;\n}\n\nexport interface FeatureItem {\n title: string;\n icon: string;\n body: string[];\n}\n",[],[209,314,306],"ui","48c5eafc-4b21-11f1-9ccf-ee650bb23af1","styles.ts","48c5ebec-4b21-11f1-9ccf-ee650bb23af1",85,["D",1778274175202],"// styles.ts — Small custom layer on top of Oat CSS.\n\nexport const css = `\n:root {\n --bg: #f8fafc;\n --fg: #111827;\n --muted: #64748b;\n --brand: #7c3aed;\n --soft: color-mix(in srgb, var(--brand), transparent 88%);\n}\n[data-theme=\"dark\"] {\n color-scheme: dark;\n --bg: #0f172a;\n --fg: #e2e8f0;\n --muted: #94a3b8;\n --brand: #a78bfa;\n}\n[data-theme=\"light\"] { color-scheme: light; }\nbody { background: linear-gradient(135deg, var(--bg), var(--soft)); color: var(--fg); }\n.page { max-width: 1120px; margin: 0 auto; padding: 40px 20px 72px; }\n.hero { display: grid; gap: 18px; margin-bottom: 24px; }\n.hero h1 { font-size: clamp(2.4rem, 8vw, 5.8rem); letter-spacing: -0.07em; margin: 0; }\n.hero p { max-width: 780px; }\n.eyebrow { color: var(--brand); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }\n.actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }\n.grid { display: grid; gap: 16px; }\n.two { grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); }\n.three { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }\n.card { backdrop-filter: blur(10px); border-color: color-mix(in srgb, var(--fg), transparent 84%); box-shadow: 0 18px 60px rgb(15 23 42 / 0.08); }\n.spacious { padding: 28px; }\n.stat span { color: var(--muted); font-size: 0.9rem; text-transform: uppercase; }\n.stat strong { display: block; font-size: 2rem; margin: 6px 0; }\n.feature { border: 1px solid color-mix(in srgb, var(--fg), transparent 88%); border-radius: 16px; padding: 18px; }\n.stack { display: grid; gap: 14px; }\n.result { max-height: 220px; overflow: auto; white-space: pre-wrap; }\ntable code { white-space: nowrap; }\n.footer { color: var(--muted); margin-top: 28px; text-align: center; }\n`;\n",[],[209,314,316],"490e4d1a-4b21-11f1-874d-ee650bb23af1","sections.tsx","490e4de2-4b21-11f1-874d-ee650bb23af1",91,["D",1778274175678],"/** @jsxImportSource https://esm.sh/preact@10.29.1 */\n// sections.tsx — Explanatory page sections.\n\nimport type { ComponentChildren } from \"https://esm.sh/preact@10.29.1\";\nimport { features, routes } from \"./data.ts\";\nimport type { HomePageProps } from \"./types.ts\";\n\n// -----------------------------------------------------------------------------\n// top sections\n// -----------------------------------------------------------------------------\n\nexport function Hero(_props: HomePageProps) {\n return (\n

Val Town starter · Preact SSR · Oat CSS

{_props.appName}

\n A compact template that demonstrates HTTP, Cron, Email, SQLite, Blob,\n Val Town OpenAI, trigger metadata, and safe public test endpoints.\n

\n Health check\n View routes\n \n

\n Security note:{\" \"}\n Val Town HTTP endpoints are public even when code is private. Gate\n write/action routes with env vars and secrets.\n

\n );\n}\n\nexport function StatusGrid(props: HomePageProps) {\n return (\n

\n \n Loaded from SQLite via /api/visits.\n \n \n Set EMAIL_TEST_ENABLED=true.\n \n \n Model: {props.openAiModel}\n \n \n Set TEMPLATE_TEST_SECRET to protect test forms.\n \n

\n );\n}\n\nfunction Stat(props: {\n title: string;\n value: string;\n id?: string;\n children: ComponentChildren;\n}) {\n return (\n

\n {props.title}\n {props.value}\n

{props.children}

\n );\n}\n\n// -----------------------------------------------------------------------------\n// explainers\n// -----------------------------------------------------------------------------\n\nexport function Architecture() {\n return (\n

How this template is wired

\n {features.map((item) => (\n \n {item.body.map((line) =>

{line}

)}\n \n ))}\n

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

Login and auth patterns

\n \n

Best for Val Town community apps.

\n Use{\" \"}\n std/oauth; it owns login, callback, and logout routes.\n

\n \n \n

Fastest private admin gate.

\n Compare Authorization against env-stored credentials.\n

\n \n \n

Good for personal dashboards.

\n Use{\" \"}\n APP_PASSWORD, an HttpOnly cookie, and logout clearing.\n

\n \n

Rule of thumb

Protect writes, expensive calls, private data, and admin screens.

\n );\n}\n\nfunction Feature(\n props: { title: string; icon: string; children: ComponentChildren },\n) {\n return (\n

{props.icon} {props.title}

\n {props.children}\n

\n );\n}\n\n// -----------------------------------------------------------------------------\n// reference\n// -----------------------------------------------------------------------------\n\nexport function RouteTable() {\n return (\n

Routes and files

\n \n \n \n \n \n \n \n \n \n {routes.map((r) => (\n \n \n \n \n \n ))}\n \n

Method	Path	Purpose
{r.method}	\n `{r.path}`\n	{r.purpose}

\n );\n}\n\nexport function Footer(props: { renderedAt: string }) {\n return (\n \n );\n}\n",[],[209,314,324],"48d4e476-4b21-11f1-b96f-ee650bb23af1","forms.tsx","48d4e52a-4b21-11f1-b96f-ee650bb23af1",86,["D",1778274175108],"/** @jsxImportSource https://esm.sh/preact@10.29.1 */\n// forms.tsx — Public smoke-test forms.\n\n// -----------------------------------------------------------------------------\n// aggregate\n// -----------------------------------------------------------------------------\n\nexport function InteractiveTests() {\n return (\n

Test the platform features

\n These forms call public HTTP routes. They are disabled until env flags\n are set.\n

\n \n \n \n

\n );\n}\n\n// -----------------------------------------------------------------------------\n// forms\n// -----------------------------------------------------------------------------\n\nfunction EmailForm() {\n return (\n

📤 Outbound email

\n Enable with{\" \"}\n EMAIL_TEST_ENABLED=true. Free plans send to yourself.\n

\n \n Subject \n \n \n Text{\" \"}\n \n \n \n Optional recipient{\" \"}\n \n \n \n Optional secret{\" \"}\n \n \n \n

Waiting…

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

📥 Inbound email

\n Simulate <user>.<val>@valtown.email{\" \"}\n without real mail.\n

\n \n From \n \n \n Subject \n \n \n Text{\" \"}\n \n \n \n Optional secret{\" \"}\n \n \n \n

Waiting…

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

🤖 OpenAI proxy

\n Enable with{\" \"}\n OPENAI_TEST_ENABLED=true. Uses Val Town's proxy.\n

\n \n Prompt{\" \"}\n \n \n \n Optional secret{\" \"}\n \n \n \n

Waiting…

\n );\n}\n",[],[209,314,332],"48c09214-4b21-11f1-81f8-ee650bb23af1","data.ts","48c092be-4b21-11f1-81f8-ee650bb23af1",84,["D",1778274175113],"// data.ts — Static copy for the landing page.\n\nimport type { FeatureItem, RouteItem } from \"./types.ts\";\n\nexport const routes: RouteItem[] = [\n { method: \"GET\", path: \"/\", purpose: \"Preact SSR explainer UI\" },\n { method: \"GET\", path: \"/api/health\", purpose: \"Runtime health check\" },\n { method: \"GET\", path: \"/api/visits\", purpose: \"SQLite visit counter\" },\n { method: \"POST\", path: \"/api/echo\", purpose: \"JSON request smoke test\" },\n {\n method: \"POST\",\n path: \"/api/email-test\",\n purpose: \"Outbound email smoke test\",\n },\n {\n method: \"POST\",\n path: \"/api/email-test/inbound\",\n purpose: \"Inbound simulation\",\n },\n {\n method: \"POST\",\n path: \"/api/openai-test\",\n purpose: \"Val Town OpenAI proxy\",\n },\n];\n\nexport const features: FeatureItem[] = [\n {\n title: \"HTTP\",\n icon: \"🌐\",\n body: [\n \"index.http.ts routes API calls and renders this page.\",\n \"Root HTML is server-rendered by frontend/app.tsx.\",\n ],\n },\n {\n title: \"Frontend\",\n icon: \"🎨\",\n body: [\n \"Preact produces semantic HTML; Oat provides class-light styling.\",\n \"frontend/client.ts inlines form and theme enhancements.\",\n ],\n },\n {\n title: \"Storage\",\n icon: \"🗄️\",\n body: [\n \"SQLite tracks visits and cron timestamps.\",\n \"Blob helpers show namespaced account-scoped storage.\",\n ],\n },\n {\n title: \"Triggers\",\n icon: \"⚡\",\n body: [\n \"cron.ts runs interval work; email.ts handles inbound mail.\",\n \"New file types are inferred from path words: http, cron, email.\",\n ],\n },\n];\n",[],[209,314,340],"4888d338-4b21-11f1-81f8-ee650bb23af1",82,["D",1778274174805],[239,240,241,242,243],[209,314],["D",1778074991402],[238,244,245,246],[209],"a8f09454-4b17-11f1-b625-ee650bb23af1","storage.ts","aa15db36-48c5-11f1-8bd1-42b51c65c3df",57,["D",1778270041461],6,"// storage.ts — Blob storage helpers (account-scoped; namespace keys with PREFIX)\n// Docs: https://docs.val.town/reference/std/blob\n\nimport { blob } from \"https://esm.town/v/std/blob\";\n\n/** Key prefix to avoid collisions with other vals. */\nconst PREFIX = \"template/\";\n\n// ── Read / Write ─────────────────────────────────────────────────────────────\n\n/** Store a JSON-serialisable value under a namespaced key. */\nexport async function saveJSON(key: string, value: unknown): Promise {\n await blob.setJSON(`${PREFIX}${key}`, value);\n}\n\n/** Retrieve a previously stored JSON value, or null if missing. */\nexport async function loadJSON(key: string): Promise {\n try {\n const data = await blob.getJSON(`${PREFIX}${key}`);\n return data !== undefined ? (data as T) : null;\n } catch {\n return null;\n }\n}\n\n// ── List / Delete ────────────────────────────────────────────────────────────\n\n/** List all blob keys under our namespace. */\nexport async function listKeys(): Promise {\n const keys = await blob.list(PREFIX);\n // Strip the prefix so callers see clean names\n return keys.map((k: { key: string }) => k.key.replace(PREFIX, \"\"));\n}\n\n/** Delete a namespaced blob. */\nexport async function remove(key: string): Promise {\n await blob.delete(`${PREFIX}${key}`);\n}\n",[],[216,356],"a8e546d0-4b17-11f1-bccd-ee650bb23af1","shared.ts","aada9642-48c5-11f1-b1d7-42b51c65c3df",56,["D",1778270041498],"// shared.ts — Constants, types, utils. No external dependencies.\n\n// ── Constants ─────────────────────────────────────────────────────────────────\n\nexport const APP_NAME = \"Val Town Template\";\n\n// ── Env ───────────────────────────────────────────────────────────────────────\n// Deno.env.set() is a no-op on Val Town — set vars in the UI sidebar only.\n\nexport function env(key: string, fallback = \"\"): string {\n return Deno.env.get(key) ?? fallback;\n}\n\n// ── Duration ──────────────────────────────────────────────────────────────────\n// \"30s\" | \"5m\" | \"2h\" | \"1d\" → ms. \"DISABLED\" | invalid → null.\nexport function parseDuration(raw: string): number | null {\n const s = raw.trim();\n if (s.toUpperCase() === \"DISABLED\") return null;\n const m = /^(\\d+)(s|m|h|d)$/i.exec(s);\n if (!m) return null;\n const n = parseInt(m[1], 10);\n if (n <= 0) return null;\n const factors: Record = {\n s: 1_000,\n m: 60_000,\n h: 3_600_000,\n d: 86_400_000,\n };\n return n * factors[m[2].toLowerCase()];\n}\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n// Matches the platform's inbound Email trigger interface.\n\nexport interface Email {\n from: string;\n to: string[];\n cc?: string | string[];\n bcc?: string | string[];\n subject?: string;\n text?: string;\n html?: string;\n attachments: File[];\n headers: Record;\n}\n",[],[216,365],"490480aa-4b21-11f1-861e-ee650bb23af1","openai-test.ts","49048168-4b21-11f1-861e-ee650bb23af1",90,["D",1778274175617],"// openai-test.ts — Val Town std/openai smoke test helpers.\n\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nimport { env } from \"./shared.ts\";\n\nexport interface OpenAiTestResult {\n model: string;\n prompt: string;\n reply: string;\n testedAt: string;\n}\n\n// -----------------------------------------------------------------------------\n// smoke test\n// -----------------------------------------------------------------------------\n\nexport async function runOpenAiSmokeTest(\n prompt: string,\n): Promise {\n const model = env(\"OPENAI_TEST_MODEL\", \"gpt-5-nano\");\n const openai = new OpenAI();\n const completion: unknown = await openai.chat.completions.create({\n model,\n max_tokens: 80,\n messages: [\n {\n role: \"system\",\n content: \"Reply with one short sentence. Mention Val Town once.\",\n },\n { role: \"user\", content: prompt },\n ],\n });\n\n return {\n model,\n prompt,\n reply: extractReply(completion),\n testedAt: new Date().toISOString(),\n };\n}\n\nfunction extractReply(value: unknown): string {\n const choices = isRecord(value) ? value.choices : null;\n const first = Array.isArray(choices) ? choices[0] : null;\n const message = isRecord(first) ? first.message : null;\n const content = isRecord(message) ? message.content : null;\n return typeof content === \"string\" ? content : \"\";\n}\n\nfunction isRecord(value: unknown): value is Record {\n return typeof value === \"object\" && value !== null;\n}\n",[],[216,373],"a919ef02-4b17-11f1-bff1-ee650bb23af1","db.ts","aad2cfa2-48c5-11f1-bfb8-42b51c65c3df",59,["D",1778270041839],8,"// db.ts — SQLite helpers (Turso-backed, shared across all vals — namespace tables)\n// Docs: https://docs.val.town/reference/std/sqlite/\n\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n// ── Schema Migration ─────────────────────────────────────────────────────────\n// Lazily run on first DB call, not at import time. This prevents crashes\n// when running locally (off Val Town) where the SQLite API isn't available.\n\nlet migrated = false;\n\nasync function migrate(): Promise {\n if (migrated) return;\n migrated = true;\n await sqlite.batch([\n `CREATE TABLE IF NOT EXISTS template_visits (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n path TEXT NOT NULL,\n ts TEXT NOT NULL DEFAULT (datetime('now'))\n )`,\n `CREATE TABLE IF NOT EXISTS template_meta (\n key TEXT PRIMARY KEY,\n value TEXT NOT NULL\n )`,\n ]);\n}\n\n// ── Queries ──────────────────────────────────────────────────────────────────\n\n/** Record a page visit. */\nexport async function recordVisit(path: string): Promise {\n await migrate();\n await sqlite.execute({\n sql: `INSERT INTO template_visits (path) VALUES (?)`,\n args: [path],\n });\n}\n\n/** Get total visit count. */\nexport async function getVisitCount(): Promise {\n await migrate();\n const { rows } = await sqlite.execute(\n `SELECT COUNT(*) as count FROM template_visits`,\n );\n return Number(rows[0][0]);\n}\n\n// ── Meta Key-Value ────────────────────────────────────────────────────────────\n\n/** Read a value from the `template_meta` key-value store. Returns null if missing. */\nexport async function getMetaValue(key: string): Promise {\n await migrate();\n const { rows } = await sqlite.execute({\n sql: `SELECT value FROM template_meta WHERE key = ?`,\n args: [key],\n });\n return rows[0] ? String(rows[0][0]) : null;\n}\n\n/** Write (upsert) a value into the `template_meta` key-value store. */\nexport async function setMetaValue(key: string, value: string): Promise {\n await migrate();\n await sqlite.execute({\n sql: `INSERT OR REPLACE INTO template_meta (key, value) VALUES (?, ?)`,\n args: [key, value],\n });\n}\n\n/** Get the N most recent visits. */\nexport async function getRecentVisits(\n limit = 10,\n): Promise> {\n await migrate();\n const { rows } = await sqlite.execute({\n sql: `SELECT id, path, ts FROM template_visits ORDER BY ts DESC LIMIT ?`,\n args: [limit],\n });\n return (rows as unknown as unknown[][]).map((r) => ({\n id: Number(r[0]),\n path: String(r[1]),\n ts: String(r[2]),\n }));\n}\n\n/** Delete visits older than `days` days. Safe to call before migrate runs. */\nexport async function pruneOldVisits(days = 30): Promise {\n await migrate();\n await sqlite.execute({\n sql: `DELETE FROM template_visits WHERE ts < datetime('now', ?)`,\n args: [`-${days} days`],\n });\n}\n",[],[216,381],"491d0e22-4b21-11f1-8ab3-ee650bb23af1","api-utils.ts","491d0f08-4b21-11f1-8ab3-ee650bb23af1",92,["D",1778274175773],"// api-utils.ts — Small HTTP helpers for public test endpoints.\n\nimport { env } from \"./shared.ts\";\n\nexport type JsonObject = Record;\n\n// -----------------------------------------------------------------------------\n// responses\n// -----------------------------------------------------------------------------\n\nexport function jsonError(message: string, status = 400): Response {\n return Response.json({ ok: false, error: message }, { status });\n}\n\nexport function jsonOk(data: JsonObject = {}): Response {\n return Response.json({ ok: true, ...data });\n}\n\n// -----------------------------------------------------------------------------\n// request parsing\n// -----------------------------------------------------------------------------\n\nexport async function readJsonObject(req: Request): Promise {\n const text = await req.text();\n if (text.trim() === \"\") return {};\n const parsed: unknown = JSON.parse(text);\n if (!isJsonObject(parsed)) throw new Error(\"Expected a JSON object body\");\n return parsed;\n}\n\nexport async function readJsonOrError(\n req: Request,\n): Promise<\n { body: JsonObject; error: null } | { body: null; error: Response }\n> {\n try {\n return { body: await readJsonObject(req), error: null };\n } catch {\n return { body: null, error: jsonError(\"Invalid JSON object body\", 400) };\n }\n}\n\nexport function stringField(\n input: JsonObject,\n key: string,\n fallback = \"\",\n): string {\n const value = input[key];\n return typeof value === \"string\" && value.trim() !== \"\" ? value : fallback;\n}\n\nfunction isJsonObject(value: unknown): value is JsonObject {\n return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\n// -----------------------------------------------------------------------------\n// test gates\n// -----------------------------------------------------------------------------\n\nexport function testEndpointInfo(flag: string): JsonObject {\n return {\n enabled: isEnvFlagEnabled(flag),\n enableWithEnv: `${flag}=true`,\n optionalSecretEnv: \"TEMPLATE_TEST_SECRET\",\n optionalSecretHeader: \"x-template-secret\",\n };\n}\n\nexport function assertTestAccess(\n req: Request,\n flag: string,\n label: string,\n): Response | null {\n if (!isEnvFlagEnabled(flag)) {\n return jsonError(\n `${label} is disabled. Set ${flag}=true in Val Town.`,\n 403,\n );\n }\n\n const secret = env(\"TEMPLATE_TEST_SECRET\");\n if (!secret) return null;\n\n const actual = req.headers.get(\"x-template-secret\");\n return actual === secret\n ? null\n : jsonError(\"Invalid or missing test secret\", 401);\n}\n\nfunction isEnvFlagEnabled(key: string): boolean {\n return env(key).toLowerCase() === \"true\";\n}\n",[],[216,390],["D",1778074991756],[232,233,234,235,236],[216],["D",1777994172310],["D",1789511441255],{"_100":99,"_108":104},{"_100":99,"_101":102,"_103":104,"_18":56,"_105":106,"_107":48},{"_13":89,"_32":90,"_42":41,"_91":43,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":44,"_98":99},"ctx",{"_82":-5,"_128":438,"_439":440,"_441":442,"_443":48,"_444":48,"_445":48,"_446":25,"_447":-5,"_448":-7,"_449":-7,"_450":157,"_451":48,"_452":48,"_453":-5,"_454":48,"_455":48,"_456":48,"_457":-5},"ENV",{"_409":410,"_411":412,"_413":90,"_414":415,"_416":417,"_418":419,"_420":421,"_422":423,"_424":425,"_426":427,"_428":429,"_430":431,"_432":433,"_434":435,"_436":437},"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"]

🏔️ uApps Val Town Starter

Analytics

Try the API

Diff · v97