[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_453":454,"_455":456},"routes/_app.x.$handle.$name",{"_103":102,"_33":47,"_112":93,"_27":113,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_20":-5,"_124":-5,"_125":-5,"_126":25,"_127":128,"_129":62,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_45":46,"_33":47,"_40":48,"_49":-5,"_50":25,"_51":52,"_53":52,"_54":55,"_56":57,"_18":58,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":25},"version",278,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30},"file",{"_31":32,"_33":34,"_35":39,"_37":38,"_40":41,"_42":14,"_43":44,"_24":25},"previous",{"_31":32,"_33":34,"_35":36,"_37":38},"deleted",false,"deletedHere","path","frontend/pages/page-routes.tsx","latestPath","frontend/pages/docs/page-routes.tsx","fileId","098b2b74-4c96-11f1-a28a-ee650bb23af1","name","page-routes.tsx","fileType","http","content","/** @jsxImportSource https://esm.sh/react@19.2.0 */\n// page-routes.tsx — HTTP Trigger: live API explorer + routing docs.\n\nimport {\n Badge,\n Heading,\n Table,\n TableBody,\n TableCell,\n TableHeader,\n TableHeaderCell,\n TableRow,\n Text,\n VStack,\n} from \"../astryx/components.ts\";\nimport { DemoBox, PageLinks } from \"./kit.tsx\";\n\nconst LINKS = [\n { href: \"https://docs.val.town/vals/http/\", label: \"HTTP docs\" },\n { href: \"https://www.val.town/pricing\", label: \"Pricing\" },\n { href: \"https://www.val.town/limits\", label: \"Limits\" },\n];\n\nconst ROUTES: { method: string; variant: \"success\" | \"info\"; path: string; response: string }[] = [\n {\n method: \"GET\",\n variant: \"success\",\n path: \"/, /sqlite …\",\n response: \"React SSR HTML (one page per route)\",\n },\n { method: \"GET\", variant: \"success\", path: \"/api/health\", response: \"Runtime version JSON\" },\n {\n method: \"GET\",\n variant: \"success\",\n path: \"/api/visits\",\n response: \"SQLite visit count + recent list\",\n },\n {\n method: \"POST\",\n variant: \"info\",\n path: \"/api/prune-visits\",\n response: \"Protected: delete visit rows older than 30 days\",\n },\n {\n method: \"GET\",\n variant: \"success\",\n path: \"/api/cron-runs\",\n response: \"Last 30 cron run log entries\",\n },\n {\n method: \"GET\",\n variant: \"success\",\n path: \"/api/blob-keys\",\n response: \"Protected: list namespaced blob keys\",\n },\n {\n method: \"POST\",\n variant: \"info\",\n path: \"/api/blob-write\",\n response: \"Protected: write a JSON value to blob\",\n },\n {\n method: \"GET\",\n variant: \"success\",\n path: \"/api/blob-read?key=\",\n response: \"Protected: read a JSON blob by key\",\n },\n];\n\nexport function HttpPage() {\n return (\n \n \n HTTP Trigger\n \n Val Town HTTP vals receive any HTTP request and return a Response. A single file routes\n HTML pages, JSON APIs, and static assets — the HTTP service is the main entry point for\n your App.\n \n \n \n\n \n Try the live APIs\n \n \n \n\n \n Route table\n \n \n \n Method\n Path\n Response\n \n \n \n {ROUTES.map((r) => (\n \n \n \n \n \n {r.path}\n \n {r.response}\n \n ))}\n \n

\n \n \n );\n}\n","script","createdAt",["D",1788117618329],"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",{"_103":102,"_111":107},"org",{"_103":102,"_104":105,"_106":107,"_18":58,"_108":109,"_110":25},"branch",{"_13":92,"_33":93,"_45":44,"_94":46,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":47,"_101":102},"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",{"_45":46,"_33":47,"_40":448,"_49":-5,"_50":25,"_51":52,"_53":52,"_54":55,"_56":57,"_18":58,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":449,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":450,"_87":451,"_89":452,"_91":25},"tree",[217,224,241,242,243,244,245,246],"files",[217,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,245,246],"counts",{"_207":198,"_208":66,"_209":66,"_210":211,"_212":213},"contents",[134,135,136,137,138,139,140,141],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_45":201,"_33":202,"_31":203,"_145":-5,"_43":44,"_42":204,"_147":62,"_40":205,"_13":198,"_35":199,"_37":-5,"_24":25,"_151":-5,"_27":206},{"_45":193,"_33":194,"_31":195,"_145":-5,"_43":44,"_42":196,"_147":62,"_40":197,"_13":198,"_35":199,"_37":-5,"_24":25,"_151":-5,"_27":200},{"_45":186,"_33":187,"_31":188,"_145":-5,"_43":44,"_42":189,"_147":25,"_40":190,"_13":166,"_35":20,"_37":191,"_24":25,"_151":-5,"_27":192},{"_45":178,"_33":179,"_31":180,"_145":-5,"_43":44,"_42":181,"_147":25,"_40":182,"_13":166,"_35":183,"_37":184,"_24":25,"_151":-5,"_27":185},{"_45":170,"_33":171,"_31":172,"_145":-5,"_43":44,"_42":173,"_147":62,"_40":174,"_13":175,"_35":20,"_37":176,"_24":25,"_151":-5,"_27":177},{"_45":161,"_33":162,"_31":163,"_145":-5,"_43":44,"_42":164,"_147":25,"_40":165,"_13":166,"_35":167,"_37":168,"_24":25,"_151":-5,"_27":169},{"_45":153,"_33":154,"_31":60,"_145":-5,"_43":44,"_42":155,"_147":25,"_40":156,"_13":157,"_35":36,"_37":158,"_24":25,"_151":159,"_27":160},{"_45":142,"_33":143,"_31":144,"_145":-5,"_43":44,"_42":146,"_147":25,"_40":148,"_13":149,"_35":20,"_37":150,"_24":25,"_151":-5,"_27":152},"08486638-5023-11f1-a5af-ee650bb23af1","val.yml","aa729402-48c5-11f1-87ca-42b51c65c3df","parentId",238,"latest",["D",1778824681802],8,"name: \"sample-val\"\npublic: true\n# Each file here is a service. Services share one isolated SQLite DB.\n# index.http.ts → HTTP service (SPA + API routes)\n# cron.ts → Cron service (scheduled tasks)\n# email.ts → Email service (inbound trigger + outbound helpers)\nfiles:\n index.http.ts: http\n cron.ts: interval\n email.ts: email\n# Env vars this App reads. Set them in the Val Town UI sidebar — never in code.\n# required: App will not work without it | optional: has a safe default\nenv:\n APP_NAME: optional # display/logging name (vtx new sets the code fallback)\n DAILY_HOUR_UTC: optional # 0-23 UTC hour for the daily cron task (default: \"2\")\n BLOB_DEMO_TOKEN: optional # protects public Blob demo read/write/list routes\n AUTH_SUPER_ADMINS: optional # comma-separated Val Town usernames — these users are super-admins\n","label",[143],"b2e44c9b-47eb-488c-ab09-c493abed986c","index.http.ts",269,["D",1788116690543],15,"// index.http.ts — HTTP entry point: per-route SSR page serving + API route\n// table. Handlers live in backend/handlers.ts; this file is pure wiring.\n// Docs: https://docs.val.town/vals/http\n\nimport { recordVisit } from \"./backend/db.ts\";\nimport {\n type ApiRoute,\n jsonError,\n route,\n} from \"./backend/api-utils.ts\";\nimport {\n getAdminUc,\n getSuperAdminUc,\n getUc,\n getUcWithTracking,\n isAuthError,\n type UserCtx,\n withValTownAuth,\n} from \"./backend/auth.ts\";\nimport {\n adminListUsers,\n adminSetAdmin,\n blobKeys,\n blobRead,\n blobWrite,\n cronRuns,\n healthCheck,\n me,\n pruneVisits,\n visits,\n} from \"./backend/handlers.ts\";\nimport { APP_NAME } from \"./backend/shared.ts\";\nimport { renderApp } from \"./frontend/app.tsx\";\nimport type { ThemeMode, UserInfo } from \"./frontend/types.ts\";\n\n// Valid page slugs — anything else falls back to \"home\".\n// Keep in sync with PAGES in frontend/app.tsx.\nconst PAGES = new Set([\"home\", \"http\", \"sqlite\", \"cron\", \"email\", \"blob\", \"ui\"]);\nconst MODES = new Set([\"light\", \"dark\", \"system\"]);\nconst THEME_COOKIE = \"theme\";\n\n// -----------------------------------------------------------------------------\n// entry\n// -----------------------------------------------------------------------------\n\nasync function handler(req: Request): Promise {\n const url = new URL(req.url);\n if (url.pathname.startsWith(\"/api/\")) return await routeApi(req, url);\n if (url.pathname === \"/theme\") return setThemeAndRedirect(url);\n return await servePage(req, url);\n}\n\nexport default withValTownAuth(handler);\n\n// -----------------------------------------------------------------------------\n// page rendering\n// -----------------------------------------------------------------------------\n\nasync function servePage(req: Request, url: URL): Promise {\n try { await recordVisit(url.pathname); } catch { /* off-platform */ }\n\n const uc = await getUcWithTracking(req);\n const html = renderApp({\n appName: APP_NAME,\n renderedAt: new Date().toISOString(),\n mode: cookieMode(req),\n page: pathToPage(url.pathname),\n user: ucToUserInfo(uc),\n });\n return new Response(html, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n\n/** GET /theme?mode=light|dark|system&page= — sets the mode cookie, redirects back. */\nfunction setThemeAndRedirect(url: URL): Response {\n const mode = url.searchParams.get(\"mode\");\n const page = pathToPage(`/${url.searchParams.get(\"page\") ?? \"\"}`);\n const headers = new Headers({ location: page === \"home\" ? \"/\" : `/${page}` });\n if (mode && (MODES as Set).has(mode)) {\n headers.append(\"set-cookie\", `${THEME_COOKIE}=${mode}; Path=/; Max-Age=31536000; SameSite=Lax`);\n }\n return new Response(null, { status: 303, headers });\n}\n\n/** Map backend UserCtx → frontend UserInfo (layer boundary). */\nfunction ucToUserInfo(uc: UserCtx): UserInfo | null {\n if (!uc.user) return null;\n return {\n username: uc.user.username,\n avatarUrl: uc.user.avatarUrl,\n isAdmin: uc.isAdmin,\n isSuperAdmin: uc.isSuperAdmin,\n };\n}\n\nfunction cookieMode(req: Request): ThemeMode {\n const cookie = req.headers.get(\"Cookie\") ?? \"\";\n const m = cookie.match(new RegExp(`(?:^|;\\\\s*)${THEME_COOKIE}=([^;]+)`));\n const value = m ? decodeURIComponent(m[1]) : \"\";\n return (MODES as Set).has(value) ? (value as ThemeMode) : \"system\";\n}\n\nfunction pathToPage(pathname: string): string {\n const seg = pathname.slice(1);\n return PAGES.has(seg) ? seg : \"home\";\n}\n\n// -----------------------------------------------------------------------------\n// API routing\n// -----------------------------------------------------------------------------\n\nconst API_ROUTES = new Map([\n [\"GET /api/health\", route(getUc, healthCheck)],\n [\"GET /api/me\", route(getUcWithTracking, me)],\n [\"GET /api/visits\", route(getUc, visits)],\n [\"POST /api/prune-visits\", route(getAdminUc, pruneVisits)],\n [\"GET /api/cron-runs\", route(getUc, cronRuns)],\n [\"GET /api/blob-keys\", route(getUc, blobKeys)],\n [\"POST /api/blob-write\", route(getUc, blobWrite)],\n [\"GET /api/blob-read\", route(getUc, blobRead)],\n [\"GET /api/admin/users\", route(getSuperAdminUc, adminListUsers)],\n [\"POST /api/admin/set-admin\", route(getSuperAdminUc, adminSetAdmin)],\n]);\n\nasync function routeApi(req: Request, url: URL): Promise {\n const apiRoute = API_ROUTES.get(`${req.method} ${url.pathname}`);\n if (!apiRoute) return jsonError(`Not found: ${url.pathname}`, 404);\n\n try {\n const uc = await apiRoute.resolveUc(req);\n return await apiRoute.handle({ req, url, uc });\n } catch (error) {\n if (isAuthError(error)) return jsonError(error.message, error.status);\n throw error;\n }\n}\n","d-template",[154],"a1efbd3e-4cb0-11f1-b51c-ee650bb23af1","email.ts","aa7742d6-48c5-11f1-831b-42b51c65c3df",183,["D",1778445693986],9,"email","// email.ts — Email service: inbound handler + outbound helpers.\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],"e9ede3b4-4f02-11f1-8b31-ee650bb23af1","deno.json","86adc21c-4951-11f1-b797-42b51c65c3df",225,["D",1778700935796],3,"{\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 \"fmt\": {\n \"lineWidth\": 100\n },\n \"lint\": {\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\",\n \"no-external-import\",\n \"no-import-prefix\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"unstable\": [\"temporal\", \"worker-options\", \"sloppy-imports\", \"node-globals\"]\n}\n",[171],"ea1f8c34-4f02-11f1-ac5b-ee650bb23af1","cron.ts","aa651980-48c5-11f1-bfb8-42b51c65c3df",228,["D",1778700936143],"interval","// cron.ts — Cron service: pulse (every run) + daily (UTC-hour window).\n// Schedule is set in the Val Town UI via a cron expression. Free tier: ≥ 15 min.\n// Tasks are intentionally idempotent. Val Town fires each tick once; concurrent\n// cold-starts are rare but possible on Pro — design tasks to tolerate it.\n\nimport { APP_NAME, env } from \"./backend/shared.ts\";\nimport { logCronRun, pruneOldVisits } from \"./backend/db.ts\";\n\nexport default async function (\n interval: { lastRunAt: Date | undefined },\n): Promise {\n const now = new Date();\n await pulse(now);\n await daily(now, interval.lastRunAt);\n}\n\n// ── Pulse — runs on every cron tick ───────────────────────────────────────────\n// Good for health-checks, polling an external feed, draining a work queue.\n// Set the Val Town cron to your desired cadence (UI → val → Cron → expression).\n\nasync function pulse(now: Date): Promise {\n console.log(`⚡ [${APP_NAME}] pulse ${now.toISOString()}`);\n await logCronRun(\"pulse\", `hello at ${now.toISOString()}`);\n // TODO: replace with your high-frequency task\n // await fetch(\"https://api.example.com/feed\");\n}\n\n// ── Daily — runs once per day in a UTC-hour window ────────────────────────────\n// Uses Val Town's lastRunAt to run only on the first tick inside the target hour.\n// Env: DAILY_HOUR_UTC — which UTC hour to run (0-23, default \"2\").\n\nasync function daily(now: Date, lastRunAt: Date | undefined): Promise {\n const targetHour = Number(env(\"DAILY_HOUR_UTC\", \"2\"));\n if (!shouldRunDaily(now, lastRunAt, targetHour)) return;\n\n console.log(`🔧 [${APP_NAME}] daily ${now.toISOString()}`);\n await pruneOldVisits(30);\n await logCronRun(\"daily\", `pruned visits older than 30 days`);\n console.log(`✅ [${APP_NAME}] daily done`);\n}\n\nfunction shouldRunDaily(\n now: Date,\n lastRunAt: Date | undefined,\n targetHour: number,\n): boolean {\n if (now.getUTCHours() !== targetHour) return false;\n const target = new Date(Date.UTC(\n now.getUTCFullYear(),\n now.getUTCMonth(),\n now.getUTCDate(),\n targetHour,\n ));\n return !lastRunAt || lastRunAt < target;\n}\n",[179],"ec5736ea-6cd1-4212-b1d8-1e9f13fbae17","README.md","aabf7b64-48c5-11f1-9920-42b51c65c3df",268,["D",1788116690388],"# Val Town Reference Template\n\n`_template` is the executable reference and scaffold source for uApps vals. It demonstrates one HTTP\napplication with auth, APIs, SQLite, Blob, Cron, Email, SSR pages, and small browser controllers.\n\nThe UI is built on [Astryx](https://astryx.atmeta.com), Meta's open-source React + StyleX design\nsystem. See [`_specs/astryx-template.md`](../../_specs/astryx-template.md) for the migration\nhistory, version pins, and the two Deno SSR bugs that had to be worked around.\n\n`_template` is excluded from main-branch deployment because its directory starts with `_`.\n\n---\n\n## Create a Val\n\nFrom any directory after sourcing the uApps shell plugin:\n\n```bash\nvtx new my-app\ncd vals/my-app\nvtx status\nvtx push --dry-run\nvtx push\nvtx url\n```\n\n`vtx new` copies the template, replaces the application name and account-scoped Blob prefix, writes\nthe new `val.yml` name, and links the new remote val. Existing destinations are refused.\n\n## Application Shape\n\nThe HTTP entry wraps the app in Val Town OAuth, routes `/api/*` through typed auth boundaries, and\nrenders the selected SSR page for every other path.\n\nPages:\n\n- `/` — application and platform overview.\n- `/http` — HTTP routes and live request demos.\n- `/sqlite` — visit log and admin controls.\n- `/cron` — scheduled task history.\n- `/email` — inbound and outbound email examples.\n- `/blob` — token-protected Blob read/write/list demo.\n- `/ui` — Astryx theming explainer + component showcase.\n\nAPI routes:\n\n| Method | Path | Access |\n| ------ | ---------------------- | ---------------------- |\n| `GET` | `/api/health` | Public |\n| `GET` | `/api/me` | Public session context |\n| `GET` | `/api/visits` | Public |\n| `POST` | `/api/prune-visits` | Admin |\n| `GET` | `/api/cron-runs` | Public |\n| `GET` | `/api/blob-keys` | Demo token |\n| `POST` | `/api/blob-write` | Demo token |\n| `GET` | `/api/blob-read` | Demo token |\n| `GET` | `/api/admin/users` | Super-admin |\n| `POST` | `/api/admin/set-admin` | Super-admin |\n\n## Runtime Configuration\n\nSet these in the created val's Val Town environment UI, never in Git or GitHub Actions:\n\n| Variable | Kind | Purpose |\n| ------------------- | -------- | ---------------------------------- |\n| `APP_NAME` | Optional | Display name override |\n| `DAILY_HOUR_UTC` | Optional | Daily task hour, `0`–`23` UTC |\n| `BLOB_DEMO_TOKEN` | Optional | Enables public Blob demo routes |\n| `AUTH_SUPER_ADMINS` | Optional | Comma-separated Val Town usernames |\n\nThe repository-level `VAL_TOWN_API_KEY` secret is only for CI deployment. See the root\n[`README.md`](../../README.md#cicd).\n\n## Trigger Contract\n\n`val.yml.files` declares the intended remote types:\n\n```yaml\nfiles:\n index.http.ts: http\n cron.ts: interval\n email.ts: email\n```\n\nRun `vtx types` after linking. Use `vtx apply-types` only when deliberately repairing remote trigger\nmetadata.\n\n## Architecture\n\n- `index.http.ts` — HTTP composition root: per-route SSR page serving, `GET /theme` (zero-JS mode\n switch), and the API route table.\n- `backend/auth.ts` — OAuth context and role enforcement.\n- `backend/handlers.ts` — focused API handlers.\n- `backend/db.ts` — retryable migration, visits, Cron runs, and users.\n- `backend/storage.ts` — val-namespaced account Blob access.\n- `frontend/app.tsx` — React SSR composition root; dispatches one page per request via a `PAGES`\n map (no client-side router — navigation is real ``).\n- `frontend/astryx/` — pinned Astryx component barrel (`components.ts`), the RAF/CAF SSR shim\n (`ssr-shims.ts`), and the side-nav/theme-form shell (`shell.tsx`).\n- `frontend/pages/` — one file per route, composed from Astryx components.\n- `frontend/client.ts` — non-hydrated demo API wiring only (no router, no theme JS — both are\n server-driven).\n\nThis template does not hydrate React: `client.ts` is inlined via `dangerouslySetInnerHTML` and only\ndoes `fetch` + `textContent` DOM updates by element `id`. Components that need hydration (Astryx's\n`CodeBlock` copy button, `TextInput`/`Field`) are either disabled or avoided — see\n[`_specs/astryx-template.md`](../../_specs/astryx-template.md) for the full list and reasoning.\n\n## Key Files\n\n| Path | Purpose |\n| --------------------------------- | -------------------------------------------- |\n| `index.http.ts` | HTTP, page routing, `GET /theme`, API table |\n| `backend/auth.ts` | Val Town OAuth and roles |\n| `backend/db.ts` | Val-scoped SQLite repositories |\n| `backend/storage.ts` | Account-scoped Blob adapter |\n| `frontend/app.tsx` | React SSR root, per-route page dispatch |\n| `frontend/astryx/` | Pinned Astryx imports, SSR shim, nav shell |\n| `frontend/pages/` | Interactive reference pages |\n| `frontend/client.ts` | Non-hydrated demo API wiring |\n| `cron.ts` | Scheduled tasks |\n| `email.ts` | Email trigger and helpers |\n| `val.yml` | Identity, triggers, and environment contract |\n| `../../_specs/astryx-template.md` | Approved Astryx migration plan |\n",[187],"85f9d626-4951-11f1-a16a-42b51c65c3df","frontend","85f9d6f8-4951-11f1-a16a-42b51c65c3df",34,["D",1778074991402],0,"directory",[194],"86303568-4951-11f1-a193-42b51c65c3df","backend","8630361c-4951-11f1-a193-42b51c65c3df",35,["D",1778074991756],[202],"pulls","branches","forks","envVars",{"_214":66,"_216":198},"connections",{"_214":198,"_215":198},"count","unfilledCount","emptyCount",{"_45":201,"_33":202,"_31":203,"_145":-5,"_43":44,"_42":204,"_147":62,"_40":445,"_13":198,"_35":199,"_37":-5,"_24":25,"_151":-5,"_248":446,"_27":447},{"_45":436,"_33":437,"_31":438,"_145":203,"_43":44,"_42":439,"_147":25,"_40":440,"_13":441,"_35":39,"_37":442,"_24":25,"_151":-5,"_248":443,"_27":444},{"_45":428,"_33":429,"_31":430,"_145":203,"_43":44,"_42":431,"_147":25,"_40":432,"_13":66,"_35":39,"_37":433,"_24":25,"_151":-5,"_248":434,"_27":435},{"_45":419,"_33":420,"_31":421,"_145":203,"_43":44,"_42":422,"_147":25,"_40":423,"_13":424,"_35":39,"_37":425,"_24":25,"_151":-5,"_248":426,"_27":427},{"_45":411,"_33":412,"_31":413,"_145":203,"_43":44,"_42":414,"_147":25,"_40":415,"_13":198,"_35":39,"_37":416,"_24":25,"_151":-5,"_248":417,"_27":418},{"_45":403,"_33":404,"_31":405,"_145":203,"_43":44,"_42":406,"_147":25,"_40":407,"_13":298,"_35":39,"_37":408,"_24":25,"_151":-5,"_248":409,"_27":410},{"_45":395,"_33":396,"_31":397,"_145":203,"_43":44,"_42":398,"_147":25,"_40":399,"_13":279,"_35":39,"_37":400,"_24":25,"_151":-5,"_248":401,"_27":402},{"_45":193,"_33":194,"_31":195,"_145":-5,"_43":44,"_42":196,"_147":62,"_40":392,"_13":198,"_35":199,"_37":-5,"_24":25,"_151":-5,"_248":393,"_27":394},{"_45":387,"_33":370,"_31":364,"_145":195,"_43":44,"_42":388,"_147":62,"_40":389,"_13":198,"_35":199,"_37":-5,"_24":25,"_151":-5,"_248":390,"_27":391},{"_45":379,"_33":380,"_31":381,"_145":364,"_43":44,"_42":382,"_147":25,"_40":383,"_13":66,"_35":39,"_37":384,"_24":25,"_151":-5,"_248":385,"_27":386},{"_45":371,"_33":372,"_31":373,"_145":364,"_43":44,"_42":374,"_147":25,"_40":375,"_13":198,"_35":39,"_37":376,"_24":25,"_151":-5,"_248":377,"_27":378},{"_45":361,"_33":362,"_31":363,"_145":364,"_43":44,"_42":365,"_147":62,"_40":366,"_13":198,"_35":39,"_37":367,"_24":25,"_151":-5,"_248":368,"_27":369},{"_45":356,"_33":302,"_31":295,"_145":195,"_43":44,"_42":357,"_147":62,"_40":358,"_13":198,"_35":199,"_37":-5,"_24":25,"_151":-5,"_248":359,"_27":360},{"_45":348,"_33":349,"_31":350,"_145":295,"_43":44,"_42":351,"_147":25,"_40":352,"_13":328,"_35":39,"_37":353,"_24":25,"_151":-5,"_248":354,"_27":355},{"_45":340,"_33":341,"_31":342,"_145":295,"_43":44,"_42":343,"_147":25,"_40":344,"_13":198,"_35":39,"_37":345,"_24":25,"_151":-5,"_248":346,"_27":347},{"_45":332,"_33":333,"_31":334,"_145":295,"_43":44,"_42":335,"_147":25,"_40":336,"_13":149,"_35":39,"_37":337,"_24":25,"_151":-5,"_248":338,"_27":339},{"_45":323,"_33":324,"_31":325,"_145":295,"_43":44,"_42":326,"_147":25,"_40":327,"_13":328,"_35":167,"_37":329,"_24":25,"_151":-5,"_248":330,"_27":331},{"_45":319,"_33":34,"_31":32,"_145":295,"_43":44,"_42":14,"_147":25,"_40":320,"_13":279,"_35":39,"_37":38,"_24":25,"_151":-5,"_248":321,"_27":322},{"_45":311,"_33":312,"_31":313,"_145":295,"_43":44,"_42":314,"_147":25,"_40":315,"_13":279,"_35":183,"_37":316,"_24":25,"_151":-5,"_248":317,"_27":318},{"_45":303,"_33":304,"_31":305,"_145":295,"_43":44,"_42":306,"_147":25,"_40":307,"_13":166,"_35":39,"_37":308,"_24":25,"_151":-5,"_248":309,"_27":310},{"_45":292,"_33":293,"_31":294,"_145":295,"_43":44,"_42":296,"_147":25,"_40":297,"_13":298,"_35":39,"_37":299,"_24":25,"_151":-5,"_248":300,"_27":301},{"_45":283,"_33":284,"_31":285,"_145":195,"_43":44,"_42":286,"_147":25,"_40":287,"_13":288,"_35":39,"_37":289,"_24":25,"_151":-5,"_248":290,"_27":291},{"_45":274,"_33":275,"_31":276,"_145":195,"_43":44,"_42":277,"_147":25,"_40":278,"_13":279,"_35":39,"_37":280,"_24":25,"_151":-5,"_248":281,"_27":282},{"_45":266,"_33":267,"_31":268,"_145":195,"_43":44,"_42":269,"_147":25,"_40":270,"_13":198,"_35":39,"_37":271,"_24":25,"_151":-5,"_248":272,"_27":273},{"_45":186,"_33":187,"_31":188,"_145":-5,"_43":44,"_42":189,"_147":25,"_40":263,"_13":166,"_35":20,"_37":191,"_24":25,"_151":-5,"_248":264,"_27":265},{"_45":178,"_33":179,"_31":180,"_145":-5,"_43":44,"_42":181,"_147":25,"_40":260,"_13":166,"_35":183,"_37":184,"_24":25,"_151":-5,"_248":261,"_27":262},{"_45":170,"_33":171,"_31":172,"_145":-5,"_43":44,"_42":173,"_147":62,"_40":257,"_13":175,"_35":20,"_37":176,"_24":25,"_151":-5,"_248":258,"_27":259},{"_45":161,"_33":162,"_31":163,"_145":-5,"_43":44,"_42":164,"_147":25,"_40":254,"_13":166,"_35":167,"_37":168,"_24":25,"_151":-5,"_248":255,"_27":256},{"_45":153,"_33":154,"_31":60,"_145":-5,"_43":44,"_42":155,"_147":25,"_40":251,"_13":157,"_35":36,"_37":158,"_24":25,"_151":159,"_248":252,"_27":253},{"_45":142,"_33":143,"_31":144,"_145":-5,"_43":44,"_42":146,"_147":25,"_40":247,"_13":149,"_35":20,"_37":150,"_24":25,"_151":-5,"_248":249,"_27":250},["D",1778824681802],"children",[],[143],["D",1788116690543],[],[154],["D",1778445693986],[],[162],["D",1778700935796],[],[171],["D",1778700936143],[],[179],["D",1788116690388],[],[187],"2b6fd125-d3a1-45c9-82ff-05693aebf789","types.ts","dda64cce-a4a5-11f1-99b0-1607ee4eb77e",272,["D",1788116772035],"// types.ts — Shared UI data contracts for the SSR app.\n\nexport interface UserInfo {\n username: string;\n avatarUrl?: string;\n isAdmin: boolean;\n isSuperAdmin: boolean;\n}\n\n/** One color mode axis Astryx understands: light, dark, or follow the OS. */\nexport type ThemeMode = \"light\" | \"dark\" | \"system\";\n\nexport interface AppProps {\n appName: string;\n renderedAt: string;\n mode: ThemeMode;\n page: string;\n user: UserInfo | null;\n}\n\nexport interface CodeSnippet {\n filename: string;\n code: string;\n}\n",[],[194,267],"4f2fa568-b5c5-4d6b-9aa8-6d99344c1ec0","client.ts","48ed4cf0-4b21-11f1-b54f-ee650bb23af1",260,["D",1788116689438],10,"// client.ts — Small per-page demo wiring. No router, no theme JS: navigation\n// is real page loads and the theme switch is a plain HTML form\n// (see astryx/shell.tsx) — both work with JavaScript disabled.\n//\n// Note: clientJs is a raw JS string injected into

Diff · v278