{appName}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_423":424,"_425":426},"routes/_app.x.$handle.$name",{"_102":101,"_32":46,"_111":92,"_27":112,"_13":14,"_113":-5,"_11":114,"_115":116,"_117":118,"_119":120,"_121":122,"_20":-5,"_123":-5,"_124":-5,"_125":25,"_126":127,"_128":61,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":25},"version",144,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/db.ts","latestPath","fileId","aad2cfa2-48c5-11f1-bfb8-42b51c65c3df","name","db.ts","fileType","script","content","// 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","// 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\n/** Lazily create tables on first call; subsequent calls are no-ops (module-scoped flag). */\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","createdAt",["D",1778434574553],"branchVersion","branchId","5a0a7ac8-4895-11f1-80ec-42b51c65c3df","id","5a09ae54-4895-11f1-80ec-42b51c65c3df","Quickstart-Full-Stack",["D",1777994172310],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","An elegant template for an elegant single-person full stack app.","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3ed9401e-3850-4a69-dec2-1bdd924c0900/square512?exp=1789538399&sig=8ded5b974bfebef9817e2fbdffe4de4e1704e0d4cab9518c811db2594c0af107","173e7424-8658-428f-a3bc-ae4faeaabd1c","pinnedFileId","e1c705aa-4b18-11f1-b4ae-ee650bb23af1","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",1,"orgId","019df771-9af8-7238-99a4-541e39355038","tursoName","5a09ae54489511f180ec42b51c65c3df","tursoHostname","5a09ae54489511f180ec42b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789511441255],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_110":106},"org",{"_102":101,"_103":104,"_105":106,"_18":57,"_107":108,"_109":25},"branch",{"_13":91,"_32":92,"_44":43,"_93":45,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":46,"_100":101},"isOwned",384,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","pikachu","handle","displayName","Minion","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/22c8ba37-42c8-4af4-8daf-8cdd2f5f1800/square512?exp=1789538399&sig=21cdba23f818845c8391e88088eb5ea9255dbc43e05efe79e25bd70ab9ddb43a","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":418,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":69,"_70":71,"_72":419,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":420,"_86":421,"_88":422,"_90":25},"tree",[218,223,239,240,241,242,243,244],"files",[218,219,220,221,222,223,224,225,226,227,228,229,230,231,232,233,234,235,236,237,238,239,240,241,242,243,244],"counts",{"_208":199,"_209":65,"_210":65,"_211":212,"_213":214},"contents",[133,134,135,136,137,138,139,140],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":202,"_32":203,"_30":204,"_144":-5,"_42":43,"_41":205,"_146":61,"_39":206,"_13":199,"_34":200,"_36":-5,"_24":25,"_150":-5,"_27":207},{"_44":194,"_32":195,"_30":196,"_144":-5,"_42":43,"_41":197,"_146":61,"_39":198,"_13":199,"_34":200,"_36":-5,"_24":25,"_150":-5,"_27":201},{"_44":186,"_32":187,"_30":188,"_144":-5,"_42":43,"_41":189,"_146":25,"_39":190,"_13":191,"_34":20,"_36":192,"_24":25,"_150":-5,"_27":193},{"_44":178,"_32":179,"_30":180,"_144":-5,"_42":43,"_41":181,"_146":25,"_39":182,"_13":148,"_34":183,"_36":184,"_24":25,"_150":-5,"_27":185},{"_44":170,"_32":171,"_30":172,"_144":-5,"_42":43,"_41":173,"_146":25,"_39":174,"_13":175,"_34":20,"_36":176,"_24":25,"_150":-5,"_27":177},{"_44":161,"_32":162,"_30":163,"_144":-5,"_42":43,"_41":164,"_146":25,"_39":165,"_13":166,"_34":167,"_36":168,"_24":25,"_150":-5,"_27":169},{"_44":152,"_32":153,"_30":59,"_144":-5,"_42":43,"_41":154,"_146":25,"_39":155,"_13":156,"_34":157,"_36":158,"_24":25,"_150":159,"_27":160},{"_44":141,"_32":142,"_30":143,"_144":-5,"_42":43,"_41":145,"_146":25,"_39":147,"_13":148,"_34":20,"_36":149,"_24":25,"_150":-5,"_27":151},"d64d935e-4c8c-11f1-9922-ee650bb23af1","val.yml","aa729402-48c5-11f1-87ca-42b51c65c3df","parentId",121,"latest",["D",1778430319933],4,"name: \"sample-val\"\npublic: true\nfiles:\n index.http.ts: http\n cron.ts: interval\n email.ts: email\n# env vars this val reads. Set them in the Val Town UI sidebar — never in code.\n# required: val will not work without it | optional: has a safe default\nenv:\n CRON_PULSE_INTERVAL: optional # \"5m\" | \"1h\" | \"DISABLED\"\n CRON_MAINTENANCE_INTERVAL: optional # \"1d\" | \"DISABLED\"\n","label",[142],"09cae23c-4c96-11f1-9b18-ee650bb23af1","index.http.ts",136,["D",1778434271809],7,"http","// index.http.ts — Single HTTP trigger: serves the Preact SPA and JSON APIs.\n// Docs: https://docs.val.town/vals/http\n\nimport { getRecentVisits, getVisitCount, recordVisit } from \"./backend/db.ts\";\nimport { listKeys } from \"./backend/storage.ts\";\nimport { jsonError, jsonOk } from \"./backend/api-utils.ts\";\nimport { APP_NAME } from \"./backend/shared.ts\";\nimport { renderApp } from \"./frontend/app.tsx\";\n\n// -----------------------------------------------------------------------------\n// entry\n// -----------------------------------------------------------------------------\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n if (url.pathname.startsWith(\"/api/\")) return await routeApi(req, url);\n return await serveSpa(url);\n}\n\n// Non-API requests always get the SPA — hash routing handles deep-links client-side.\nasync function serveSpa(url: URL): Promise {\n try {\n await recordVisit(url.pathname);\n } catch { /* off-platform */ }\n const theme = url.searchParams.get(\"theme\") ?? \"\";\n const html = renderApp({\n appName: APP_NAME,\n renderedAt: new Date().toISOString(),\n theme,\n });\n return new Response(html, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n\n// -----------------------------------------------------------------------------\n// api routes\n// -----------------------------------------------------------------------------\n\nasync function routeApi(req: Request, url: URL): Promise {\n const route = `${req.method} ${url.pathname}`;\n if (route === \"GET /api/health\") return healthCheck();\n if (route === \"GET /api/visits\") return await visits();\n if (route === \"GET /api/blob-keys\") return await blobKeys();\n return jsonError(`Not found: ${url.pathname}`, 404);\n}\n\nfunction healthCheck(): Response {\n return jsonOk({\n name: APP_NAME,\n timestamp: new Date().toISOString(),\n runtime: `Deno ${Deno.version?.deno ?? \"unknown\"}`,\n });\n}\n\nasync function visits(): Promise {\n try {\n const total = await getVisitCount();\n const recent = await getRecentVisits(20);\n return jsonOk({ total, recent });\n } catch {\n return jsonError(\"SQLite unavailable (off-platform?)\", 503);\n }\n}\n\nasync function blobKeys(): Promise {\n try {\n const keys = await listKeys();\n return jsonOk({ keys });\n } catch {\n return jsonError(\"Blob unavailable (off-platform?)\", 503);\n }\n}\n","d-template",[153],"0cc9d012-4b8b-11f1-ae50-ee650bb23af1","email.ts","aa7742d6-48c5-11f1-831b-42b51c65c3df",108,["D",1778319601107],8,"email","// email.ts — Inbound handler + outbound helpers. UI: + → EMAIL.\n// Address shape: .@valtown.email\n\nimport { email as sendEmail } from \"https://esm.town/v/std/email\";\nimport { APP_NAME, type Email } from \"./backend/shared.ts\";\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",[162],"a8e0a8b4-4b17-11f1-9fc9-ee650bb23af1","deno.json","86adc21c-4951-11f1-b797-42b51c65c3df",55,["D",1778270041449],2,"{\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",[171],"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",[179],"0cd8509c-4b8b-11f1-89d0-ee650bb23af1","README.md","aabf7b64-48c5-11f1-9920-42b51c65c3df",109,["D",1778319601219],6,"# Val Town Template\n\nA compact Val Town starter with one HTTP surface: a Preact SSR documentation\napp.\n\nKeep this README short. The running webapp explains each module in detail via a\nselectable **Docs** section powered by `frontend/ui/data.ts`.\n\n---\n\n## What This Template Includes\n\n- `index.http.ts` — the only HTTP trigger.\n- Preact SSR + Oat CSS — no build step, no hydration bundle.\n- Tiny JSON API — `/api/health` and `/api/visits`.\n- SQLite — visit counter and cron metadata.\n- Cron — scheduled pulse and maintenance examples.\n- Email — inbound handler and outbound helpers.\n- Blob — small account-scoped storage wrapper.\n- `val.yml.files` — repo-side trigger metadata contract.\n\n---\n\n## Quick Start\n\n```bash\ncd /path/to/uApps\nvt create my-app\ncd vals/my-app\nvt push\nvt url\n```\n\nOpen the URL. The homepage is the module documentation.\n\nBefore changing remote state, use:\n\n```bash\nvt status\nvt push --dry-run\nvt types\n```\n\n---\n\n## HTTP Shape\n\nOnly one file should be an HTTP trigger:\n\n```txt\nindex.http.ts\n```\n\nRoutes:\n\n| Method | Path | Purpose |\n| ------ | ------------- | -------------------- |\n| GET | `/` | Preact docs app |\n| GET | `/api/health` | Runtime health check |\n| GET | `/api/visits` | SQLite visit count |\n\nDo not add email, OpenAI, admin, or write routes without auth. Val Town HTTP\nendpoints are public even when the val source is private.\n\n---\n\n## Preact Notes\n\nEvery `.tsx` file containing JSX needs the Val Town JSX pragma at the top:\n\n```tsx\n/** @jsxImportSource https://esm.sh/preact@10.29.1 */\n```\n\nThe pragma selects the JSX runtime. It does not make a file an HTTP trigger.\nTrigger type is Val Town metadata; for new files, `vt` infers it from path words\nsuch as `http`, `cron`, and `email`.\n\nThe UI is intentionally declarative:\n\n```txt\nfrontend/ui/data.ts # docs/routes/stats data\nfrontend/ui/sections.tsx # maps data to sections\nfrontend/client.ts # theme, docs tabs, visit count\n```\n\n---\n\n## Trigger Metadata\n\n`val.yml` records the intended Val Town file types:\n\n```yaml\nfiles:\n index.http.ts: http\n cron.ts: interval\n email.ts: email\n```\n\nCheck remote metadata with:\n\n```bash\nvt types\n```\n\nExisting remote files keep sticky metadata. If Val Town shows\n`(script) index.http.ts`, the code may be valid but the file is not an HTTP\ntrigger.\n\n---\n\n## Customize\n\n- Rename the app: edit `APP_NAME` in `backend/shared.ts`.\n- Edit the homepage docs: update `frontend/ui/data.ts`.\n- Add a read-only API route: add a small branch in `index.http.ts`.\n- Add a SQLite table: extend `migrate()` in `backend/db.ts`.\n- Change visibility/org: edit `val.yml`.\n\nKeep files small. Delete modules you do not need.\n\n---\n\n## Key Files\n\n| File | Purpose |\n| ---------------------- | --------------------------------------------------- |\n| `index.http.ts` | Single HTTP trigger; renders Preact and JSON API |\n| `frontend/app.tsx` | HTML shell and Preact SSR entry |\n| `frontend/ui/data.ts` | Declarative webapp docs, stats, and route copy |\n| `frontend/ui/` | Preact sections, types, and styles |\n| `frontend/client.ts` | Inline theme/docs/visit-count enhancement |\n| `backend/db.ts` | SQLite schema and queries |\n| `backend/api-utils.ts` | JSON response helpers |\n| `backend/storage.ts` | Blob storage helpers |\n| `backend/shared.ts` | App constants, env helper, duration parser, types |\n| `cron.ts` | Cron trigger example |\n| `email.ts` | Email trigger and outbound helper examples |\n| `val.yml` | Val name, visibility, and expected trigger metadata |\n",[187],"85f9d626-4951-11f1-a16a-42b51c65c3df","frontend","85f9d6f8-4951-11f1-a16a-42b51c65c3df",34,["D",1778074991402],0,"directory",[195],"86303568-4951-11f1-a193-42b51c65c3df","backend","8630361c-4951-11f1-a193-42b51c65c3df",35,["D",1778074991756],[203],"pulls","branches","forks","envVars",{"_215":65,"_217":199},"connections",{"_215":199,"_216":199},"count","unfilledCount","emptyCount",{"_44":202,"_32":203,"_30":204,"_144":-5,"_42":43,"_41":205,"_146":61,"_39":415,"_13":199,"_34":200,"_36":-5,"_24":25,"_150":-5,"_246":416,"_27":417},{"_44":407,"_32":408,"_30":409,"_144":204,"_42":43,"_41":410,"_146":25,"_39":411,"_13":65,"_34":35,"_36":412,"_24":25,"_150":-5,"_246":413,"_27":414},{"_44":402,"_32":33,"_30":31,"_144":204,"_42":43,"_41":14,"_146":25,"_39":403,"_13":404,"_34":35,"_36":38,"_24":25,"_150":-5,"_246":405,"_27":406},{"_44":394,"_32":395,"_30":396,"_144":204,"_42":43,"_41":397,"_146":25,"_39":398,"_13":148,"_34":35,"_36":399,"_24":25,"_150":-5,"_246":400,"_27":401},{"_44":386,"_32":387,"_30":388,"_144":204,"_42":43,"_41":389,"_146":25,"_39":390,"_13":156,"_34":35,"_36":391,"_24":25,"_150":-5,"_246":392,"_27":393},{"_44":194,"_32":195,"_30":196,"_144":-5,"_42":43,"_41":197,"_146":61,"_39":383,"_13":199,"_34":200,"_36":-5,"_24":25,"_150":-5,"_246":384,"_27":385},{"_44":378,"_32":329,"_30":323,"_144":196,"_42":43,"_41":379,"_146":61,"_39":380,"_13":199,"_34":200,"_36":-5,"_24":25,"_150":-5,"_246":381,"_27":382},{"_44":370,"_32":371,"_30":372,"_144":323,"_42":43,"_41":373,"_146":25,"_39":374,"_13":199,"_34":35,"_36":375,"_24":25,"_150":-5,"_246":376,"_27":377},{"_44":362,"_32":363,"_30":364,"_144":323,"_42":43,"_41":365,"_146":25,"_39":366,"_13":199,"_34":35,"_36":367,"_24":25,"_150":-5,"_246":368,"_27":369},{"_44":354,"_32":355,"_30":356,"_144":323,"_42":43,"_41":357,"_146":25,"_39":358,"_13":65,"_34":183,"_36":359,"_24":25,"_150":-5,"_246":360,"_27":361},{"_44":346,"_32":347,"_30":348,"_144":323,"_42":43,"_41":349,"_146":25,"_39":350,"_13":199,"_34":167,"_36":351,"_24":25,"_150":-5,"_246":352,"_27":353},{"_44":338,"_32":339,"_30":340,"_144":323,"_42":43,"_41":341,"_146":25,"_39":342,"_13":199,"_34":157,"_36":343,"_24":25,"_150":-5,"_246":344,"_27":345},{"_44":330,"_32":331,"_30":332,"_144":323,"_42":43,"_41":333,"_146":25,"_39":334,"_13":199,"_34":35,"_36":335,"_24":25,"_150":-5,"_246":336,"_27":337},{"_44":320,"_32":321,"_30":322,"_144":323,"_42":43,"_41":324,"_146":25,"_39":325,"_13":199,"_34":35,"_36":326,"_24":25,"_150":-5,"_246":327,"_27":328},{"_44":315,"_32":289,"_30":283,"_144":196,"_42":43,"_41":316,"_146":25,"_39":317,"_13":199,"_34":200,"_36":-5,"_24":25,"_150":-5,"_246":318,"_27":319},{"_44":307,"_32":308,"_30":309,"_144":283,"_42":43,"_41":310,"_146":25,"_39":311,"_13":65,"_34":35,"_36":312,"_24":25,"_150":-5,"_246":313,"_27":314},{"_44":298,"_32":299,"_30":300,"_144":283,"_42":43,"_41":301,"_146":25,"_39":302,"_13":303,"_34":35,"_36":304,"_24":25,"_150":-5,"_246":305,"_27":306},{"_44":290,"_32":291,"_30":292,"_144":283,"_42":43,"_41":293,"_146":25,"_39":294,"_13":199,"_34":35,"_36":295,"_24":25,"_150":-5,"_246":296,"_27":297},{"_44":280,"_32":281,"_30":282,"_144":283,"_42":43,"_41":284,"_146":25,"_39":285,"_13":175,"_34":35,"_36":286,"_24":25,"_150":-5,"_246":287,"_27":288},{"_44":272,"_32":273,"_30":274,"_144":196,"_42":43,"_41":275,"_146":25,"_39":276,"_13":148,"_34":35,"_36":277,"_24":25,"_150":-5,"_246":278,"_27":279},{"_44":264,"_32":265,"_30":266,"_144":196,"_42":43,"_41":267,"_146":25,"_39":268,"_13":148,"_34":35,"_36":269,"_24":25,"_150":-5,"_246":270,"_27":271},{"_44":186,"_32":187,"_30":188,"_144":-5,"_42":43,"_41":189,"_146":25,"_39":261,"_13":191,"_34":20,"_36":192,"_24":25,"_150":-5,"_246":262,"_27":263},{"_44":178,"_32":179,"_30":180,"_144":-5,"_42":43,"_41":181,"_146":25,"_39":258,"_13":148,"_34":183,"_36":184,"_24":25,"_150":-5,"_246":259,"_27":260},{"_44":170,"_32":171,"_30":172,"_144":-5,"_42":43,"_41":173,"_146":25,"_39":255,"_13":175,"_34":20,"_36":176,"_24":25,"_150":-5,"_246":256,"_27":257},{"_44":161,"_32":162,"_30":163,"_144":-5,"_42":43,"_41":164,"_146":25,"_39":252,"_13":166,"_34":167,"_36":168,"_24":25,"_150":-5,"_246":253,"_27":254},{"_44":152,"_32":153,"_30":59,"_144":-5,"_42":43,"_41":154,"_146":25,"_39":249,"_13":156,"_34":157,"_36":158,"_24":25,"_150":159,"_246":250,"_27":251},{"_44":141,"_32":142,"_30":143,"_144":-5,"_42":43,"_41":145,"_146":25,"_39":245,"_13":148,"_34":20,"_36":149,"_24":25,"_150":-5,"_246":247,"_27":248},["D",1778430319933],"children",[],[142],["D",1778434271809],[],[153],["D",1778319601107],[],[162],["D",1778270041449],[],[171],["D",1778270041959],[],[179],["D",1778319601219],[],[187],"be001c5e-4c96-11f1-95f4-ee650bb23af1","client.ts","48ed4cf0-4b21-11f1-b54f-ee650bb23af1",139,["D",1778434574155],"// client.ts — Hash router, gruvbox theme switcher, per-page demo hydration.\n\nexport const clientJs = String.raw`\n(function () {\n// ── state ─────────────────────────────────────────────────────────────────────\nconst html = document.documentElement;\nconst osDark = window.matchMedia(\"(prefers-color-scheme: dark)\");\n\n// ── theme ─────────────────────────────────────────────────────────────────────\n\nfunction applyTheme(theme) {\n if (!theme || theme === \"auto\") {\n html.removeAttribute(\"data-theme\");\n osDark.addEventListener(\"change\", syncAuto);\n } else {\n osDark.removeEventListener(\"change\", syncAuto);\n html.setAttribute(\"data-theme\", theme);\n }\n localStorage.setItem(\"theme\", theme || \"auto\");\n updateSwatches(theme || \"auto\");\n updateUrl(currentPage(), theme || \"auto\");\n}\n\nfunction syncAuto() { html.removeAttribute(\"data-theme\"); }\n\nfunction updateSwatches(active) {\n document.querySelectorAll(\"[data-swatch]\").forEach((el) => {\n el.classList.toggle(\"active\", el.dataset.swatch === active);\n });\n}\n\nfunction initTheme() {\n const fromUrl = new URLSearchParams(location.search).get(\"theme\");\n const fromStorage = localStorage.getItem(\"theme\");\n applyTheme(fromUrl || fromStorage || \"auto\");\n}\n\n// ── routing ───────────────────────────────────────────────────────────────────\n\nfunction currentPage() {\n const m = location.hash.match(/^#\\/([\\\\w-]+)/);\n return m ? m[1] : \"home\";\n}\n\nfunction navigate(page, push = true) {\n html.dataset.page = page;\n const theme = html.dataset.theme || localStorage.getItem(\"theme\") || \"auto\";\n if (push) history.pushState({ page }, \"\", updateUrl(page, theme, true));\n updateNav(page);\n runDemo(page);\n}\n\nfunction updateUrl(page, theme, returnOnly = false) {\n const params = new URLSearchParams(location.search);\n if (theme && theme !== \"auto\") params.set(\"theme\", theme);\n else params.delete(\"theme\");\n const hash = page === \"home\" ? \"#/\" : \"#/\" + page;\n const url = (params.toString() ? \"?\" + params : \"\") + hash;\n if (!returnOnly) history.replaceState({ page }, \"\", url || \"/\");\n return url || \"/\";\n}\n\nfunction updateNav(active) {\n document.querySelectorAll(\"[data-nav]\").forEach((el) => {\n el.classList.toggle(\"active\", el.dataset.nav === active);\n });\n}\n\nfunction handleNavClick(e) {\n const el = e.target.closest(\"[data-nav]\");\n if (el) { e.preventDefault(); navigate(el.dataset.nav); return; }\n\n const sw = e.target.closest(\"[data-swatch]\");\n if (sw) { e.preventDefault(); applyTheme(sw.dataset.swatch === \"auto\" ? \"auto\" : sw.dataset.swatch); return; }\n\n const setTheme = e.target.closest(\"[data-set-theme]\");\n if (setTheme) { e.preventDefault(); applyTheme(setTheme.dataset.setTheme); return; }\n\n const copyBtn = e.target.closest(\"[data-copy]\");\n if (copyBtn) copyCodeSnippet(copyBtn);\n}\n\nfunction copyCodeSnippet(btn) {\n navigator.clipboard?.writeText(btn.dataset.copy)\n .then(() => {\n btn.textContent = \"copied!\";\n setTimeout(() => { btn.textContent = \"copy\"; }, 1500);\n });\n}\n\nfunction initRouter() {\n document.addEventListener(\"click\", handleNavClick);\n window.addEventListener(\"popstate\", () => navigate(currentPage(), false));\n const page = currentPage();\n html.dataset.page = page;\n updateNav(page);\n runDemo(page);\n}\n\n// ── per-page demos ─────────────────────────────────────────────────────────────\n\nconst demoRan = new Set();\n\nfunction runDemo(page) {\n if (demoRan.has(page)) return;\n demoRan.add(page);\n const runners = { http: demoHttp, sqlite: demoSqlite, blob: demoBlob };\n runners[page]?.();\n}\n\nasync function callApi(btnId, outId, endpoint) {\n const btn = document.getElementById(btnId);\n const out = document.getElementById(outId);\n if (!btn || !out) return;\n\n btn.addEventListener(\"click\", async () => {\n btn.disabled = true;\n out.textContent = \"loading…\";\n try {\n const res = await fetch(endpoint);\n const data = await res.json();\n out.textContent = JSON.stringify(data, null, 2);\n } catch (err) {\n out.textContent = \"Error: \" + err.message;\n } finally {\n btn.disabled = false;\n }\n });\n}\n\nfunction demoHttp() { callApi(\"http-health-btn\", \"http-health-out\", \"/api/health\"); }\nfunction demoSqlite() { callApi(\"sqlite-visits-btn\",\"sqlite-visits-out\",\"/api/visits\"); }\nfunction demoBlob() { callApi(\"blob-list-btn\", \"blob-list-out\", \"/api/blob-keys\"); }\n\n// ── init ──────────────────────────────────────────────────────────────────────\n\ninitTheme();\ninitRouter();\n})();\n`;\n",[],[195,265],"be0ea472-4c96-11f1-8f9d-ee650bb23af1","app.tsx","48f1fc50-4b21-11f1-aeb4-ee650bb23af1",141,["D",1778434574178],"/** @jsxImportSource https://esm.sh/preact@10.29.1 */\n// app.tsx — SPA shell: sidebar + all 7 pages pre-rendered server-side.\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 { css } from \"./ui/styles.ts\";\nimport { THEMES } from \"./ui/theme.ts\";\nimport type { HomePageProps } from \"./ui/types.ts\";\nimport { HomePage } from \"./pages/home.tsx\";\nimport { HttpPage } from \"./pages/page-http.tsx\";\nimport { SqlitePage } from \"./pages/page-sqlite.tsx\";\nimport { CronPage } from \"./pages/page-cron.tsx\";\nimport { EmailPage } from \"./pages/page-email.tsx\";\nimport { BlobPage } from \"./pages/page-blob.tsx\";\nimport { UiPage } from \"./pages/page-ui.tsx\";\n\n// nav items ------------------------------------------------------------------\n\nconst NAV = [\n { page: \"home\", icon: \"⌂\", label: \"Home\" },\n { page: \"http\", icon: \"◈\", label: \"HTTP Trigger\" },\n { page: \"sqlite\", icon: \"⊙\", label: \"SQLite\" },\n { page: \"cron\", icon: \"◷\", label: \"Cron Trigger\" },\n { page: \"email\", icon: \"◉\", label: \"Email Trigger\" },\n { page: \"blob\", icon: \"◫\", label: \"Blob Storage\" },\n { page: \"ui\", icon: \"◐\", label: \"UI & Themes\" },\n];\n\n// theme swatches -------------------------------------------------------------\n\nfunction Swatches() {\n const entries: [string, string][] = [\n [\"auto\", \"\"],\n ...Object.entries(THEMES).map(([key, p]) => [key, p.bg] as [string, string]),\n ];\n return (\n \n );\n}\n\n// sidebar nav ----------------------------------------------------------------\n\nfunction Sidebar({ appName }: { appName: string }) {\n return (\n \n );\n}\n\n// shell + export -------------------------------------------------------------\n\nfunction App({ appName, renderedAt, theme }: HomePageProps) {\n const initScript = `\n (function(){\n var h = location.hash.match(/^#\\\\/([\\\\w-]+)/);\n document.documentElement.dataset.page = h ? h[1] : \"home\";\n var t = new URLSearchParams(location.search).get(\"theme\")\n || localStorage.getItem(\"theme\") || \"\";\n if (t) document.documentElement.dataset.theme = t;\n })();\n `;\n\n return (\n \n \n \n \n \n {appName}\n

Diff · v144