React Hono Val Town Starter

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_288":289,"_290":291},"routes/_app.x.$handle.$name",{"_105":104,"_37":50,"_113":95,"_32":114,"_13":14,"_115":-5,"_11":116,"_117":118,"_119":120,"_121":122,"_123":124,"_26":-5,"_125":-5,"_126":-5,"_127":30,"_128":129,"_130":64,"_131":-5,"_132":-5,"_133":134},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":30},"version",6,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","cf0b71fa-84ac-4726-9729-2e4fceaa32bc","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","backend/aggregate.ts","latestPath","fileId","74966aa8-a8eb-11f1-948a-1607ee4eb77e","name","aggregate.ts","fileType","script","content","import type { Answers, FacetGroup, IRVRound, Question, QuestionAggregate, Survey } from \"../shared/types.ts\";\n\n/** Instant-runoff voting: returns each round's tallies until a majority winner emerges. */\nexport function instantRunoff(ballots: string[][], optionIds: string[]): IRVRound[] {\n const rounds: IRVRound[] = [];\n let remaining = new Set(optionIds);\n const valid = ballots.filter((b) => b.length > 0);\n if (valid.length === 0) return rounds;\n\n for (let round = 1; round <= optionIds.length; round++) {\n const tallies: Record = {};\n for (const id of remaining) tallies[id] = 0;\n let active = 0;\n for (const b of valid) {\n const top = b.find((id) => remaining.has(id));\n if (top) {\n tallies[top]++;\n active++;\n }\n }\n if (active === 0) break;\n const sorted = [...remaining].sort((a, b) => tallies[b] - tallies[a]);\n const leader = sorted[0];\n if (tallies[leader] * 2 > active || remaining.size <= 1) {\n rounds.push({ round, tallies, eliminated: null, winner: leader });\n break;\n }\n // Eliminate the lowest (ties: eliminate the one appearing later in option order)\n const minVal = Math.min(...[...remaining].map((id) => tallies[id]));\n const losers = [...remaining].filter((id) => tallies[id] === minVal);\n const eliminated = losers[losers.length - 1];\n remaining.delete(eliminated);\n rounds.push({ round, tallies, eliminated, winner: remaining.size === 1 ? [...remaining][0] : null });\n if (remaining.size === 1) break;\n }\n return rounds;\n}\n\nconst STOP = new Set(\n \"the a an and or but of to in on for with is are was were be it this that i you we they my our your\".split(\" \"),\n);\n\nexport function aggregateQuestion(q: Question, responses: Answers[]): QuestionAggregate {\n const vals = responses.map((r) => r[q.id]).filter((v) => v !== undefined && v !== null && v !== \"\");\n const agg: QuestionAggregate = { questionId: q.id, type: q.type, responseCount: vals.length };\n\n switch (q.type) {\n case \"single_choice\":\n case \"emoji_reaction\": {\n const counts: Record = {};\n for (const o of q.options) counts[o.id] = 0;\n for (const v of vals) if (typeof v === \"string\" && v in counts) counts[v]++;\n agg.counts = counts;\n break;\n }\n case \"multi_choice\": {\n const counts: Record = {};\n for (const o of q.options) counts[o.id] = 0;\n for (const v of vals) if (Array.isArray(v)) for (const x of v) if (x in counts) counts[x]++;\n agg.counts = counts;\n break;\n }\n case \"scale\": {\n const min = q.scaleMin ?? 1, max = q.scaleMax ?? 5;\n const dist: Record = {};\n for (let i = min; i <= max; i++) dist[String(i)] = 0;\n let sum = 0, n = 0;\n for (const v of vals) {\n const num = Number(v);\n if (Number.isFinite(num)) {\n dist[String(num)] = (dist[String(num)] ?? 0) + 1;\n sum += num;\n n++;\n }\n }\n agg.distribution = dist;\n agg.mean = n ? Math.round((sum / n) * 100) / 100 : null;\n break;\n }\n case \"free_text\": {\n agg.texts = vals.filter((v): v is string => typeof v === \"string\").slice(-200).reverse();\n break;\n }\n case \"word_cloud\": {\n const freq = new Map();\n const display = new Map();\n for (const v of vals) {\n if (typeof v !== \"string\") continue;\n const key = v.trim().toLowerCase();\n if (!key || STOP.has(key)) continue;\n freq.set(key, (freq.get(key) ?? 0) + 1);\n if (!display.has(key)) display.set(key, v.trim());\n }\n agg.words = [...freq.entries()]\n .map(([k, value]) => ({ text: display.get(k)!, value }))\n .sort((a, b) => b.value - a.value)\n .slice(0, 80);\n break;\n }\n case \"ranked_choice\": {\n const ballots = vals.filter((v): v is string[] => Array.isArray(v));\n const ids = q.options.map((o) => o.id);\n agg.irv = instantRunoff(ballots, ids);\n const borda: Record = {};\n const first: Record = {};\n for (const id of ids) borda[id] = 0, first[id] = 0;\n const n = ids.length;\n for (const b of ballots) {\n b.forEach((id, i) => {\n if (id in borda) borda[id] += n - i;\n });\n if (b[0] && b[0] in first) first[b[0]]++;\n }\n agg.borda = borda;\n agg.firstChoice = first;\n break;\n }\n }\n return agg;\n}\n\n/** Build faceted results. groupBy is a demographic question id (or null for a single \"all\" group). */\nexport function buildResults(\n survey: Survey,\n responses: Answers[],\n groupBy: string | null,\n visibleQuestions: Question[],\n): FacetGroup[] {\n const facetQ = groupBy ? survey.questions.find((q) => q.id === groupBy && q.isDemographic) : undefined;\n if (!facetQ) {\n return [{\n key: \"__all__\",\n label: \"Everyone\",\n responseCount: responses.length,\n aggregates: visibleQuestions.map((q) => aggregateQuestion(q, responses)),\n }];\n }\n\n // Bucket respondents. Multi-choice facets put a respondent in every group they chose.\n const buckets = new Map();\n const labels = new Map();\n if (facetQ.type === \"scale\") {\n const min = facetQ.scaleMin ?? 1, max = facetQ.scaleMax ?? 5;\n for (let i = min; i <= max; i++) buckets.set(String(i), []), labels.set(String(i), String(i));\n } else {\n for (const o of facetQ.options) buckets.set(o.id, []), labels.set(o.id, o.label);\n }\n buckets.set(\"__none__\", []);\n labels.set(\"__none__\", \"No answer\");\n\n for (const r of responses) {\n const v = r[facetQ.id];\n if (v === undefined || v === null || v === \"\") {\n buckets.get(\"__none__\")!.push(r);\n } else if (Array.isArray(v)) {\n let placed = false;\n for (const x of v) if (buckets.has(x)) buckets.get(x)!.push(r), placed = true;\n if (!placed) buckets.get(\"__none__\")!.push(r);\n } else {\n const k = String(v);\n (buckets.get(k) ?? buckets.get(\"__none__\")!).push(r);\n }\n }\n\n const groups: FacetGroup[] = [];\n for (const [key, rs] of buckets) {\n if (key === \"__none__\" && rs.length === 0) continue;\n groups.push({\n key,\n label: labels.get(key) ?? key,\n responseCount: rs.length,\n aggregates: visibleQuestions.filter((q) => q.id !== facetQ.id).map((q) => aggregateQuestion(q, rs)),\n });\n }\n return groups;\n}\n","createdAt",["D",1788586465186],"branchVersion","branchId","00e09eca-4d1b-4e02-b98f-8565c54b4542","id","ae520107-1d25-47b9-ad83-831e36befb67","presentation-survey",["D",1788585574393],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Live talk polling: QR join, ranked choice, demographic facets","imageUrl","0198fc74-a2ac-77df-bbdc-e23a8e395bee","pinnedFileId","01a0700e-6ffa-7369-be27-ef5029df6316","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","0198fc74-a2ad-7019-840f-e164a0170dfc","tursoName","ae5201071d2547b9ad83831e36befb67","tursoHostname","ae5201071d2547b9ad83831e36befb67-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789542098478],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_105":104,"_112":108},"org",{"_105":104,"_106":-5,"_107":108,"_19":60,"_109":110,"_111":30},"branch",{"_13":94,"_37":95,"_48":47,"_96":49,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":50,"_103":104},"isOwned",150,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","khxu","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zMjFKVFdGYXdiZmFXS0hOajdwWHNBOUlZUE4ifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_37":50,"_43":283,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":284,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":285,"_89":286,"_91":287,"_93":30},"tree",[185,189,196,198,199],"files",[185,186,187,188,189,190,191,192,193,194,195,196,197,198,199],"counts",{"_175":68,"_176":160,"_177":68,"_178":179,"_180":181},"contents",[135,136,137,138,139],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":169,"_37":170,"_35":171,"_143":-5,"_46":47,"_45":172,"_145":64,"_43":173,"_13":68,"_39":162,"_41":-5,"_29":30,"_147":-5,"_32":174},{"_48":164,"_37":165,"_35":166,"_143":-5,"_46":47,"_45":151,"_145":64,"_43":167,"_13":68,"_39":162,"_41":-5,"_29":30,"_147":-5,"_32":168},{"_48":157,"_37":158,"_35":159,"_143":-5,"_46":47,"_45":160,"_145":64,"_43":161,"_13":68,"_39":162,"_41":-5,"_29":30,"_147":-5,"_32":163},{"_48":149,"_37":150,"_35":62,"_143":-5,"_46":47,"_45":151,"_145":30,"_43":152,"_13":68,"_39":153,"_41":154,"_29":30,"_147":155,"_32":156},{"_48":140,"_37":141,"_35":142,"_143":-5,"_46":47,"_45":144,"_145":30,"_43":146,"_13":68,"_39":40,"_41":114,"_29":30,"_147":-5,"_32":148},"71c5a6dd-6c8b-480b-990d-6172d4a18ad3","main.ts","61a59e16-a8e9-11f1-87f5-1607ee4eb77e","parentId",1,"latest",["D",1788585574415],"label",[141],"43443e42-137a-4a82-a286-e4015771f287","index.ts",2,["D",1788586389500],"http","import { parseVal, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { Root } from \"./frontend/root.tsx\";\n\nconst app = new Hono();\n\n// Serve the (never-cached) HTML shell at the root /\napp.get(\"/\", (c) => c.html(Root()));\n\n// Serve frontend files at the version-addressed URLs Root() stamps, cached immutably\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n","audience-survey",[150],"3d8da2dc-c72c-49b4-824a-0d8647503817","shared","b40de0d0-1c08-44ab-bea0-624350d7cf7b",3,["D",1788586405154],"directory",[158],"0f6bbd75-0daf-4112-b29a-623560ed0730","frontend","01a0700e-6ffa-7369-be27-f3f825983851",["D",1788586389500],[165],"96062b4f-f92b-4507-8af4-a9d865f43436","backend","a73fa0d1-3dea-4570-b0fc-54f92da89dd6",4,["D",1788586412989],[170],"pulls","branches","forks","envVars",{"_182":68,"_184":68},"connections",{"_182":68,"_183":68},"count","unfilledCount","emptyCount",{"_48":169,"_37":170,"_35":171,"_143":-5,"_46":47,"_45":172,"_145":64,"_43":280,"_13":68,"_39":162,"_41":-5,"_29":30,"_147":-5,"_201":281,"_32":282},{"_48":276,"_37":38,"_35":36,"_143":171,"_46":47,"_45":14,"_145":30,"_43":277,"_13":68,"_39":40,"_41":42,"_29":30,"_147":-5,"_201":278,"_32":279},{"_48":269,"_37":270,"_35":271,"_143":171,"_46":47,"_45":172,"_145":30,"_43":272,"_13":68,"_39":40,"_41":273,"_29":30,"_147":-5,"_201":274,"_32":275},{"_48":261,"_37":262,"_35":263,"_143":171,"_46":47,"_45":264,"_145":30,"_43":265,"_13":68,"_39":40,"_41":266,"_29":30,"_147":-5,"_201":267,"_32":268},{"_48":164,"_37":165,"_35":166,"_143":-5,"_46":47,"_45":151,"_145":64,"_43":258,"_13":68,"_39":162,"_41":-5,"_29":30,"_147":-5,"_201":259,"_32":260},{"_48":254,"_37":246,"_35":241,"_143":166,"_46":47,"_45":151,"_145":64,"_43":255,"_13":68,"_39":162,"_41":-5,"_29":30,"_147":-5,"_201":256,"_32":257},{"_48":247,"_37":248,"_35":249,"_143":241,"_46":47,"_45":151,"_145":30,"_43":250,"_13":68,"_39":40,"_41":251,"_29":30,"_147":-5,"_201":252,"_32":253},{"_48":238,"_37":239,"_35":240,"_143":241,"_46":47,"_45":151,"_145":30,"_43":242,"_13":68,"_39":40,"_41":243,"_29":30,"_147":-5,"_201":244,"_32":245},{"_48":231,"_37":232,"_35":233,"_143":166,"_46":47,"_45":151,"_145":30,"_43":234,"_13":68,"_39":26,"_41":235,"_29":30,"_147":-5,"_201":236,"_32":237},{"_48":224,"_37":225,"_35":226,"_143":166,"_46":47,"_45":151,"_145":30,"_43":227,"_13":68,"_39":40,"_41":228,"_29":30,"_147":-5,"_201":229,"_32":230},{"_48":217,"_37":218,"_35":219,"_143":166,"_46":47,"_45":151,"_145":30,"_43":220,"_13":68,"_39":40,"_41":221,"_29":30,"_147":-5,"_201":222,"_32":223},{"_48":157,"_37":158,"_35":159,"_143":-5,"_46":47,"_45":160,"_145":64,"_43":214,"_13":68,"_39":162,"_41":-5,"_29":30,"_147":-5,"_201":215,"_32":216},{"_48":207,"_37":208,"_35":209,"_143":159,"_46":47,"_45":160,"_145":30,"_43":210,"_13":68,"_39":40,"_41":211,"_29":30,"_147":-5,"_201":212,"_32":213},{"_48":149,"_37":150,"_35":62,"_143":-5,"_46":47,"_45":151,"_145":30,"_43":204,"_13":68,"_39":153,"_41":154,"_29":30,"_147":155,"_201":205,"_32":206},{"_48":140,"_37":141,"_35":142,"_143":-5,"_46":47,"_45":144,"_145":30,"_43":200,"_13":68,"_39":40,"_41":114,"_29":30,"_147":-5,"_201":202,"_32":203},["D",1788585574415],"children",[],[141],["D",1788586389500],[],[150],"4394ede1-0223-409e-b89b-5f538bba5b2e","types.ts","50d89668-a8eb-11f1-a50d-1607ee4eb77e",["D",1788586405154],"export type QuestionType =\n | \"single_choice\"\n | \"multi_choice\"\n | \"scale\"\n | \"free_text\"\n | \"ranked_choice\"\n | \"word_cloud\"\n | \"emoji_reaction\";\n\nexport interface Option {\n id: string;\n label: string;\n}\n\nexport interface Question {\n id: string;\n position: number;\n type: QuestionType;\n prompt: string;\n options: Option[]; // for choice/ranked/emoji types\n scaleMin?: number; // for scale\n scaleMax?: number;\n isDemographic: boolean;\n required: boolean;\n hidden: boolean; // per-question hide override on results\n}\n\nexport interface Survey {\n id: string;\n slug: string;\n title: string;\n description: string;\n resultsVisible: boolean;\n acceptingResponses: boolean;\n audienceFacets: boolean; // can the audience use group-by on results?\n createdAt: string;\n questions: Question[];\n}\n\n/** Answer values: single -> optionId; multi -> optionId[]; scale -> number;\n * free_text/word_cloud -> string; ranked_choice -> optionId[] (ordered); emoji -> optionId */\nexport type AnswerValue = string | number | string[];\n\nexport type Answers = Record;\n\nexport interface IRVRound {\n round: number;\n tallies: Record;\n eliminated: string | null;\n winner: string | null;\n}\n\nexport interface QuestionAggregate {\n questionId: string;\n type: QuestionType;\n responseCount: number;\n /** For choice/emoji: counts by optionId. */\n counts?: Record;\n /** For scale: counts by value, plus mean. */\n distribution?: Record;\n mean?: number | null;\n /** For text/word cloud. */\n texts?: string[];\n words?: { text: string; value: number }[];\n /** For ranked choice. */\n irv?: IRVRound[];\n borda?: Record;\n firstChoice?: Record;\n}\n\nexport interface FacetGroup {\n key: string; // optionId or scale value, or \"__all__\"\n label: string;\n responseCount: number;\n aggregates: QuestionAggregate[];\n}\n\nexport interface ResultsPayload {\n survey: Survey;\n totalResponses: number;\n groupBy: string | null;\n groups: FacetGroup[];\n}\n\nexport const QUESTION_TYPE_LABELS: Record = {\n single_choice: \"Multiple choice (pick one)\",\n multi_choice: \"Multiple choice (pick many)\",\n scale: \"Scale / rating\",\n free_text: \"Free text\",\n ranked_choice: \"Ranked choice\",\n word_cloud: \"Word cloud (one word/phrase)\",\n emoji_reaction: \"Emoji reaction\",\n};\n\nexport const DEFAULT_EMOJIS = [\"🔥\", \"😍\", \"🤔\", \"😴\", \"😂\", \"🤯\"];\n\nexport function hasOptions(t: QuestionType) {\n return t === \"single_choice\" || t === \"multi_choice\" || t === \"ranked_choice\" || t === \"emoji_reaction\";\n}\n",[],[158,208],["D",1788586405154],[197],[158],"9ffd55ca-ae79-4954-854f-8e35fad9f87d","root.tsx","01a0700e-6ffb-769f-9a4d-f2d83060ed96",["D",1788586389500],"/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// The HTML shell for the app. It is never cached, so immutableFileUrl can stamp\n// the current val version into each asset URL — the browser caches those\n// immutably, and publishing the val changes the URLs, refetching exactly once.\nexport function Root() {\n return (\n <>\n {raw(\"\")}\n \n \n \n \n React Hono Val Town Starter\n

Diff · v6