[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_536":537,"_538":539},"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",364,"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","frontend/astryx/components.ts","latestPath","fileId","abfdcca6-a4a5-11f1-8a13-1607ee4eb77e","name","components.ts","fileType","script","content","// components.ts — Single pin point for every Astryx/React/StyleX import used by\n// this val. Bump versions here only; every page imports components from this\n// barrel instead of touching CDN URLs directly.\n//\n// Pinned: @astryxdesign/* 0.5.2, react-dom (server) 19.2.8, @stylexjs/stylex\n// 0.19.0. All Astryx/react-dom *runtime* imports go through jsDelivr's `+esm`\n// transform (cdn.jsdelivr.net/npm/PKG/+esm), NOT esm.sh: esm.sh (and Val\n// Town's sh.esm.town mirror of it) serves Astryx's internal `locales/en.json`\n// import with a `?module` suffix that conflicts with its own\n// `with {type: \"json\"}` import attribute, crashing Deno with \"Expected a\n// Json module, but identified a JavaScript module.\" jsDelivr's Rollup-based\n// `+esm` build inlines that catalog as a plain JS object at CDN build time\n// instead, so no runtime JSON-module resolution ever happens. react-dom is\n// pinned to 19.2.8 (not 19.2.0) to match the exact react version jsDelivr\n// resolves for Astryx's `^19.0.0` peer dependency — react-dom/server and\n// every Astryx component must load the *same* react module instance for\n// hooks to share a dispatcher. The `@jsxImportSource` pragma in every page\n// can stay on esm.sh (see app.tsx) since `react/jsx-runtime` only builds\n// element objects via a globally-registered `Symbol.for(...)`, so it never\n// needs to be the same module instance as the react hooks use.\n//\n// Every import below carries a `@ts-types` pragma pointing at esm.sh's\n// `.d.ts` for the same subpath: jsDelivr's `+esm` responses have no\n// `X-TypeScript-Types` header, so `deno check` falls back to inferring types\n// straight from the bundled JS, treating every destructured prop as\n// required. esm.sh still serves real, correctly-optional `.d.ts` files for\n// the identical API — pragma-pointing at those keeps full type safety while\n// the runtime code itself loads from jsDelivr.\nimport \"./ssr-shims.ts\";\n\n// @ts-types=\"https://esm.sh/@types/react-dom@~19.2.3/server.d.ts\"\nexport { renderToString } from \"https://cdn.jsdelivr.net/npm/react-dom@19.2.8/server/+esm\";\n\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/theme/index.d.ts\"\nexport { Theme } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/theme/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/theme-neutral@0.5.2/dist/neutral.d.ts\"\nexport { neutralTheme } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/theme-neutral@0.5.2/built/+esm\";\n\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/AppShell/index.d.ts\"\nexport { AppShell } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/AppShell/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/SideNav/index.d.ts\"\nexport {\n SideNav,\n SideNavHeading,\n SideNavItem,\n} from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/SideNav/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Link/index.d.ts\"\nexport { Link } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Link/+esm\";\n\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Heading/index.d.ts\"\nexport { Heading } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Heading/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Text/index.d.ts\"\nexport { Text } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Text/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Section/index.d.ts\"\nexport { Section } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Section/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Card/index.d.ts\"\nexport { Card } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Card/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/ClickableCard/index.d.ts\"\nexport { ClickableCard } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/ClickableCard/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Stack/index.d.ts\"\nexport {\n HStack,\n Stack,\n VStack,\n} from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Stack/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Grid/index.d.ts\"\nexport { Grid } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Grid/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Divider/index.d.ts\"\nexport { Divider } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Divider/+esm\";\n\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Badge/index.d.ts\"\nexport { Badge } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Badge/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/StatusDot/index.d.ts\"\nexport { StatusDot } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/StatusDot/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Banner/index.d.ts\"\nexport { Banner } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Banner/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/EmptyState/index.d.ts\"\nexport { EmptyState } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/EmptyState/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Avatar/index.d.ts\"\nexport { Avatar } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Avatar/+esm\";\n\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Button/index.d.ts\"\nexport { Button } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Button/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/ButtonGroup/index.d.ts\"\nexport { ButtonGroup } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/ButtonGroup/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/CodeBlock/index.d.ts\"\nexport {\n Code,\n CodeBlock,\n} from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/CodeBlock/+esm\";\n\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Table/index.d.ts\"\nexport {\n Table,\n TableBody,\n TableCell,\n TableHeader,\n TableHeaderCell,\n TableRow,\n} from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Table/+esm\";\n","// components.ts — Single pin point for every Astryx/React/StyleX import used by\n// this val. Bump versions here only; every page imports components from this\n// barrel instead of touching CDN URLs directly.\n//\n// Pinned: @astryxdesign/* 0.5.2, react-dom (server) 19.2.8, @stylexjs/stylex\n// 0.19.0. All Astryx/react-dom *runtime* imports go through jsDelivr's `+esm`\n// transform (cdn.jsdelivr.net/npm/PKG/+esm), NOT esm.sh: esm.sh (and Val\n// Town's sh.esm.town mirror of it) serves Astryx's internal `locales/en.json`\n// import with a `?module` suffix that conflicts with its own\n// `with {type: \"json\"}` import attribute, crashing Deno with \"Expected a\n// Json module, but identified a JavaScript module.\" jsDelivr's Rollup-based\n// `+esm` build inlines that catalog as a plain JS object at CDN build time\n// instead, so no runtime JSON-module resolution ever happens. react-dom is\n// pinned to 19.2.8 (not 19.2.0) to match the exact react version jsDelivr\n// resolves for Astryx's `^19.0.0` peer dependency — react-dom/server and\n// every Astryx component must load the *same* react module instance for\n// hooks to share a dispatcher. The `@jsxImportSource` pragma in every page\n// can stay on esm.sh (see app.tsx) since `react/jsx-runtime` only builds\n// element objects via a globally-registered `Symbol.for(...)`, so it never\n// needs to be the same module instance as the react hooks use.\n//\n// Every import below carries a `@ts-types` pragma pointing at esm.sh's\n// `.d.ts` for the same subpath: jsDelivr's `+esm` responses have no\n// `X-TypeScript-Types` header, so `deno check` falls back to inferring types\n// straight from the bundled JS, treating every destructured prop as\n// required. esm.sh still serves real, correctly-optional `.d.ts` files for\n// the identical API — pragma-pointing at those keeps full type safety while\n// the runtime code itself loads from jsDelivr.\nimport \"./ssr-shims.ts\";\n\n// @ts-types=\"https://esm.sh/@types/react-dom@~19.2.3/server.d.ts\"\nexport { renderToString } from \"https://cdn.jsdelivr.net/npm/react-dom@19.2.8/server/+esm\";\n\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/theme/index.d.ts\"\nexport { Theme } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/theme/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/theme-neutral@0.5.2/dist/neutral.d.ts\"\nexport { neutralTheme } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/theme-neutral@0.5.2/built/+esm\";\n\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/AppShell/index.d.ts\"\nexport { AppShell } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/AppShell/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/SideNav/index.d.ts\"\nexport {\n SideNav,\n SideNavHeading,\n SideNavItem,\n SideNavSection,\n} from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/SideNav/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Link/index.d.ts\"\nexport { Link } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Link/+esm\";\n\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Heading/index.d.ts\"\nexport { Heading } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Heading/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Text/index.d.ts\"\nexport { Text } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Text/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Section/index.d.ts\"\nexport { Section } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Section/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Card/index.d.ts\"\nexport { Card } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Card/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/ClickableCard/index.d.ts\"\nexport { ClickableCard } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/ClickableCard/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Stack/index.d.ts\"\nexport {\n HStack,\n Stack,\n VStack,\n} from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Stack/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Grid/index.d.ts\"\nexport { Grid } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Grid/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Divider/index.d.ts\"\nexport { Divider } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Divider/+esm\";\n\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Badge/index.d.ts\"\nexport { Badge } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Badge/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/StatusDot/index.d.ts\"\nexport { StatusDot } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/StatusDot/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Banner/index.d.ts\"\nexport { Banner } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Banner/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/EmptyState/index.d.ts\"\nexport { EmptyState } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/EmptyState/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Avatar/index.d.ts\"\nexport { Avatar } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Avatar/+esm\";\n\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Button/index.d.ts\"\nexport { Button } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Button/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/ButtonGroup/index.d.ts\"\nexport { ButtonGroup } from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/ButtonGroup/+esm\";\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/CodeBlock/index.d.ts\"\nexport {\n Code,\n CodeBlock,\n} from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/CodeBlock/+esm\";\n\n// @ts-types=\"https://esm.sh/@astryxdesign/core@0.5.2/dist/Table/index.d.ts\"\nexport {\n Table,\n TableBody,\n TableCell,\n TableHeader,\n TableHeaderCell,\n TableRow,\n} from \"https://cdn.jsdelivr.net/npm/@astryxdesign/core@0.5.2/Table/+esm\";\n","createdAt",["D",1788210558590],"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=1789534799&sig=0e00ee237476fe91a5856f3be51bb6d2936948bfcee163043d892633882cf2d3","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=1789534799&sig=9de1b4469fedab1889317409c819e25909755249de1910e0afdde89629c6ed7f","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":531,"_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":532,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":533,"_86":534,"_88":535,"_90":25},"tree",[225,233,255,258,259,260,261,262,263],"files",[225,226,227,228,229,230,231,232,233,234,235,236,237,238,239,240,241,242,243,244,245,246,247,248,249,250,251,252,253,254,255,256,257,258,259,260,261,262,263],"counts",{"_215":200,"_216":65,"_217":65,"_218":219,"_220":221},"contents",[133,134,135,136,137,138,139,140,141],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":209,"_32":210,"_30":211,"_145":-5,"_42":43,"_41":212,"_147":61,"_39":213,"_13":200,"_34":201,"_36":-5,"_24":25,"_151":-5,"_27":214},{"_44":203,"_32":204,"_30":205,"_145":-5,"_42":43,"_41":206,"_147":61,"_39":207,"_13":200,"_34":201,"_36":-5,"_24":25,"_151":-5,"_27":208},{"_44":195,"_32":196,"_30":197,"_145":-5,"_42":43,"_41":198,"_147":61,"_39":199,"_13":200,"_34":201,"_36":-5,"_24":25,"_151":-5,"_27":202},{"_44":187,"_32":188,"_30":189,"_145":-5,"_42":43,"_41":190,"_147":61,"_39":191,"_13":192,"_34":20,"_36":193,"_24":25,"_151":-5,"_27":194},{"_44":179,"_32":180,"_30":181,"_145":-5,"_42":43,"_41":182,"_147":61,"_39":183,"_13":149,"_34":184,"_36":185,"_24":25,"_151":-5,"_27":186},{"_44":171,"_32":172,"_30":173,"_145":-5,"_42":43,"_41":174,"_147":61,"_39":175,"_13":176,"_34":20,"_36":177,"_24":25,"_151":-5,"_27":178},{"_44":162,"_32":163,"_30":164,"_145":-5,"_42":43,"_41":165,"_147":61,"_39":166,"_13":167,"_34":168,"_36":169,"_24":25,"_151":-5,"_27":170},{"_44":153,"_32":154,"_30":59,"_145":-5,"_42":43,"_41":155,"_147":25,"_39":156,"_13":157,"_34":158,"_36":159,"_24":25,"_151":160,"_27":161},{"_44":142,"_32":143,"_30":144,"_145":-5,"_42":43,"_41":146,"_147":61,"_39":148,"_13":149,"_34":20,"_36":150,"_24":25,"_151":-5,"_27":152},"490a09b0-2a98-4fc5-a448-02058c3a5820","val.yml","aa729402-48c5-11f1-87ca-42b51c65c3df","parentId",337,"latest",["D",1788140101761],10,"name: \"Val-Town-Quickstart\"\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 VAL_TOWN_USERNAME: optional # your Val Town username — powers \"view source\"/Fork links (see README)\n DAILY_HOUR_UTC: optional # 0-23 UTC hour for the daily cron task (default: \"2\")\n AUTH_SUPER_ADMINS: optional # comma-separated Val Town usernames — these users are super-admins\n","label",[143],"04c8a606-9de2-41ae-83c5-5084e0e825ce","index.http.ts",345,["D",1788140103988],18,"http","// 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 { type ApiRoute, jsonError, route } from \"./backend/api-utils.ts\";\nimport {\n getAdminUc,\n getAuthedUc,\n getSuperAdminUc,\n getUc,\n getUcWithTracking,\n isAuthError,\n type UserCxt,\n withValTownAuth,\n} from \"./backend/auth.ts\";\nimport {\n adminListUsers,\n adminSetAdmin,\n blobKeys,\n blobRead,\n blobWrite,\n cronRuns,\n emailsList,\n healthCheck,\n me,\n pruneVisits,\n remindersCreate,\n remindersDelete,\n remindersList,\n remindersSetDone,\n visits,\n} from \"./backend/handlers.ts\";\nimport { APP_NAME, VAL_TOWN_USERNAME } 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([\n \"home\",\n \"reminders\",\n \"anatomy\",\n \"http\",\n \"sqlite\",\n \"cron\",\n \"email\",\n \"blob\",\n \"ui\",\n]);\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 {\n await recordVisit(url.pathname);\n } 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 valTownUsername: VAL_TOWN_USERNAME,\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 UserCxt → frontend UserInfo (layer boundary). */\nfunction ucToUserInfo(uc: UserCxt): 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/reminders\", route(getUc, remindersList)],\n [\"POST /api/reminders\", route(getAuthedUc, remindersCreate)],\n [\"POST /api/reminders/done\", route(getAuthedUc, remindersSetDone)],\n [\"POST /api/reminders/delete\", route(getAuthedUc, remindersDelete)],\n [\"GET /api/emails\", route(getUc, emailsList)],\n [\"GET /api/blob-keys\", route(getAuthedUc, blobKeys)],\n [\"POST /api/blob-write\", route(getAuthedUc, blobWrite)],\n [\"GET /api/blob-read\", route(getAuthedUc, 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],"6da22813-bc26-432e-8840-2d89796753cd","email.ts","aa7742d6-48c5-11f1-831b-42b51c65c3df",339,["D",1788140102069],11,"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\";\nimport { triageEmail } from \"./backend/ai.ts\";\nimport { recordInboundEmail } from \"./backend/db.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: ${inbound.subject ?? \"(none)\"}`,\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 // AI triage feeds the live \"Email Inbox\" demo (frontend/pages/page-mail.tsx) —\n // best-effort: a triage/DB hiccup should never fail the inbound trigger.\n try {\n const subject = inbound.subject ?? \"\";\n const { isSpam, summary } = await triageEmail(subject, inbound.text ?? \"\");\n await recordInboundEmail(inbound.from, subject, isSpam, summary);\n } catch (error) {\n console.error(` ⚠️ triage/record failed: ${error}`);\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",[163],"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",[172],"0a74464d-228b-4071-9a89-a17e86f0c8ff","cron.ts","aa651980-48c5-11f1-bfb8-42b51c65c3df",344,["D",1788140103018],"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, DEMO_DATA_RETENTION_HOURS, env } from \"./backend/shared.ts\";\nimport { logCronRun, pruneOldEmails, pruneOldReminders, 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 // Demo data (Reminders, Email inbox) is wiped on a rolling window — see\n // backend/shared.ts's DEMO_DATA_RETENTION_HOURS and the README's demo notice.\n await pruneOldReminders(DEMO_DATA_RETENTION_HOURS);\n await pruneOldEmails(DEMO_DATA_RETENTION_HOURS);\n // TODO: replace with your own 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",[180],"3d8b63af-625e-401b-a675-b02284a05ddf","README.md","aabf7b64-48c5-11f1-9920-42b51c65c3df",347,["D",1788140102864],12,"# Val Town Quickstart\n\nA live, forkable full-stack Val Town starter — disguised as a working app. Sign in, add a reminder\nto the shared list, email its inbox and watch AI triage it as spam or not. Then fork it and swap in\nyour own idea. Sized for a solo project or a family's shared tools (<10 people), not an enterprise\nplatform.\n\n**Try it live, then fork:** open this App, click **Fork this App** on the home page. `vtx new` (see\nbelow) is for the CLI-first workflow inside this monorepo; forking on val.town works standalone too.\n\nAll demo data (the shared Reminders list, the AI email inbox) is public and is **permanently deleted\n24 hours after creation** — see `backend/db.ts`'s `pruneOld*` functions and `cron.ts`. Don't put\nanything sensitive in it.\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 Deno SSR workarounds.\n\n`_template` is excluded from main-branch deployment because its directory starts with `_`.\n\nSince every Val Town HTTP val is browsable source, the deployed copy of this App is readable at\n`https://www.val.town/x///code/` — e.g.\n`https://www.val.town/x/pikachu/Val-Town-Quickstart/code/backend/auth.ts`. In-app \"view source\" and\n\"Fork\" links use this same pattern (see `VAL_TOWN_USERNAME` below).\n\n---\n\n## What it demos\n\n| Page | What you'll see |\n| ------------ | -------------------------------------------------------------------------------------------------------- |\n| `/` (Home) | Demo-first landing: fork CTA, live-demo cards, then the building blocks |\n| `/reminders` | **Flagship demo.** Shared list any signed-in user can add to / check off / delete |\n| `/email` | **AI demo.** Your App's real inbound address; a free GPT-mini model triages spam and summarises the rest |\n| `/anatomy` | Block diagram of Val Town's infra layer, this App's routing, and its core stack |\n| `/http` | HTTP routes and live request demos |\n| `/sqlite` | Visit log and admin controls |\n| `/cron` | Scheduled task history — this is what wipes demo data every 24h |\n| `/blob` | Sign-in-gated Blob read/write/list demo, keys namespaced per user |\n| `/ui` | Astryx theming explainer + component showcase |\n\n## Create Your Own Fork\n\n**On val.town:** open the deployed App → **Fork this App** on the home page → rename → done.\n\n**Inside this monorepo**, from 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\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/reminders` | Public read |\n| `POST` | `/api/reminders` | Signed-in |\n| `POST` | `/api/reminders/done` | Signed-in |\n| `POST` | `/api/reminders/delete` | Signed-in |\n| `GET` | `/api/emails` | Public read |\n| `GET` | `/api/blob-keys` | Signed-in, per-user |\n| `POST` | `/api/blob-write` | Signed-in, per-user |\n| `GET` | `/api/blob-read` | Signed-in, per-user |\n| `GET` | `/api/admin/users` | Super-admin |\n| `POST` | `/api/admin/set-admin` | Super-admin |\n\n\"Signed-in\" means any authenticated Val Town user — see `backend/auth.ts`'s `getAuthedUc` — not just\nadmins. This App is deliberately open: it's a shared demo, not a private tool.\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| `VAL_TOWN_USERNAME` | Optional | Your Val Town username — powers \"view source\"/Fork links and the inbound email address |\n| `DAILY_HOUR_UTC` | Optional | Daily task hour, `0`–`23` UTC |\n| `AUTH_SUPER_ADMINS` | Optional | Comma-separated Val Town usernames |\n\nNo API key is needed for the AI email triage — `backend/ai.ts` uses Val Town's free-tier\n`ValTownOpenAI` proxy.\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 (`getUc`/`getAuthedUc`/`getAdminUc`/\n `getSuperAdminUc`). Auth types use `Cxt` (e.g. `UserCxt`, `RouteCxt`) — the more common short form\n for \"context\" — not `Ctx`.\n- `backend/handlers.ts` — focused API handlers, including Reminders CRUD and the email inbox list.\n- `backend/db.ts` — retryable migration, visits, Cron runs, users, Reminders, and the inbound email\n log — the latter two carry a 24h retention window baked into every query.\n- `backend/ai.ts` — spam/summary triage via Val Town's free `ValTownOpenAI` proxy, using Structured\n Outputs so the response is guaranteed valid JSON.\n- `backend/storage.ts` — val-namespaced account Blob access, with per-user key sub-prefixing.\n- `frontend/app.tsx` — React SSR composition root; dispatches one page per request via a `PAGES` map\n (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. `home.tsx` leads with the\n live demos and a Fork CTA; `page-anatomy.tsx` is the code deep-dive for visitors who want it.\n- `frontend/pages/kit.tsx` — shared page pieces: `SourceLink`/`SourceLinkList` (\"view source\") and\n `ForkButton` — both degrade gracefully when `VAL_TOWN_USERNAME` is unset.\n- `frontend/client.ts` — non-hydrated demo API wiring only (no router, no theme JS — both are\n server-driven). Dynamic table rows (Reminders, the email inbox) are cloned from a hidden, real\n Astryx-rendered `

Diff · v364