React Hono Val Town Starter

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_254":255,"_256":257},"routes/_app.x.$handle.$name",{"_111":110,"_38":56,"_119":101,"_33":120,"_13":14,"_121":-5,"_11":122,"_123":124,"_125":126,"_127":128,"_129":130,"_27":-5,"_131":-5,"_132":-5,"_133":31,"_134":135,"_136":70,"_137":-5,"_138":-5,"_139":140},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_54":55,"_38":56,"_42":57,"_58":-5,"_59":31,"_60":61,"_62":61,"_63":64,"_65":-5,"_19":66,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":74,"_75":76,"_77":78,"_79":80,"_81":82,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":98,"_99":31},"version",3,"changes",[25,26],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","cf0b71fa-84ac-4726-9729-2e4fceaa32bc","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_27":47,"_29":-7,"_30":31,"_32":31,"_33":48,"_35":48},{"_27":28,"_29":-7,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":-5,"_42":43,"_44":14,"_45":46,"_30":31},"previous","deleted",false,"deletedHere","path","shared","latestPath","fileId","b40de0d0-1c08-44ab-bea0-624350d7cf7b","name","fileType","directory","content","createdAt",["D",1788586405154],"branchVersion","branchId","00e09eca-4d1b-4e02-b98f-8565c54b4542",{"_36":49,"_38":50,"_39":51,"_41":52,"_42":53,"_44":14,"_45":46,"_30":31},"shared/types.ts","50d89668-a8eb-11f1-a50d-1607ee4eb77e","types.ts","script","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",["D",1788586405154],"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",{"_111":110,"_118":114},"org",{"_111":110,"_112":-5,"_113":114,"_19":66,"_115":116,"_117":31},"branch",{"_13":100,"_38":101,"_54":46,"_102":55,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":-5,"_108":56,"_109":110},"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",{"_54":55,"_38":56,"_42":249,"_58":-5,"_59":31,"_60":61,"_62":61,"_63":64,"_65":-5,"_19":66,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":74,"_75":76,"_77":78,"_79":80,"_81":250,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":251,"_95":252,"_97":253,"_99":31},"tree",[180,187,189,190],"files",[180,181,182,183,184,185,186,187,188,189,190],"counts",{"_170":74,"_171":14,"_172":74,"_173":174,"_175":176},"contents",[141,142,143,144],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_54":165,"_38":166,"_36":167,"_148":-5,"_45":46,"_44":156,"_150":70,"_42":168,"_13":74,"_39":40,"_41":-5,"_30":31,"_152":-5,"_33":169},{"_54":162,"_38":34,"_36":37,"_148":-5,"_45":46,"_44":14,"_150":70,"_42":163,"_13":74,"_39":40,"_41":-5,"_30":31,"_152":-5,"_33":164},{"_54":154,"_38":155,"_36":68,"_148":-5,"_45":46,"_44":156,"_150":31,"_42":157,"_13":74,"_39":158,"_41":159,"_30":31,"_152":160,"_33":161},{"_54":145,"_38":146,"_36":147,"_148":-5,"_45":46,"_44":149,"_150":31,"_42":151,"_13":74,"_39":51,"_41":120,"_30":31,"_152":-5,"_33":153},"71c5a6dd-6c8b-480b-990d-6172d4a18ad3","main.ts","61a59e16-a8e9-11f1-87f5-1607ee4eb77e","parentId",1,"latest",["D",1788585574415],"label",[146],"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",[155],"3d8da2dc-c72c-49b4-824a-0d8647503817",["D",1788586405154],[34],"0f6bbd75-0daf-4112-b29a-623560ed0730","frontend","01a0700e-6ffa-7369-be27-f3f825983851",["D",1788586389500],[166],"pulls","branches","forks","envVars",{"_177":74,"_179":74},"connections",{"_177":74,"_178":74},"count","unfilledCount","emptyCount",{"_54":165,"_38":166,"_36":167,"_148":-5,"_45":46,"_44":156,"_150":70,"_42":246,"_13":74,"_39":40,"_41":-5,"_30":31,"_152":-5,"_192":247,"_33":248},{"_54":242,"_38":234,"_36":229,"_148":167,"_45":46,"_44":156,"_150":70,"_42":243,"_13":74,"_39":40,"_41":-5,"_30":31,"_152":-5,"_192":244,"_33":245},{"_54":235,"_38":236,"_36":237,"_148":229,"_45":46,"_44":156,"_150":31,"_42":238,"_13":74,"_39":51,"_41":239,"_30":31,"_152":-5,"_192":240,"_33":241},{"_54":226,"_38":227,"_36":228,"_148":229,"_45":46,"_44":156,"_150":31,"_42":230,"_13":74,"_39":51,"_41":231,"_30":31,"_152":-5,"_192":232,"_33":233},{"_54":219,"_38":220,"_36":221,"_148":167,"_45":46,"_44":156,"_150":31,"_42":222,"_13":74,"_39":27,"_41":223,"_30":31,"_152":-5,"_192":224,"_33":225},{"_54":212,"_38":213,"_36":214,"_148":167,"_45":46,"_44":156,"_150":31,"_42":215,"_13":74,"_39":51,"_41":216,"_30":31,"_152":-5,"_192":217,"_33":218},{"_54":205,"_38":206,"_36":207,"_148":167,"_45":46,"_44":156,"_150":31,"_42":208,"_13":74,"_39":51,"_41":209,"_30":31,"_152":-5,"_192":210,"_33":211},{"_54":162,"_38":34,"_36":37,"_148":-5,"_45":46,"_44":14,"_150":70,"_42":202,"_13":74,"_39":40,"_41":-5,"_30":31,"_152":-5,"_192":203,"_33":204},{"_54":198,"_38":50,"_36":49,"_148":37,"_45":46,"_44":14,"_150":31,"_42":199,"_13":74,"_39":51,"_41":52,"_30":31,"_152":-5,"_192":200,"_33":201},{"_54":154,"_38":155,"_36":68,"_148":-5,"_45":46,"_44":156,"_150":31,"_42":195,"_13":74,"_39":158,"_41":159,"_30":31,"_152":160,"_192":196,"_33":197},{"_54":145,"_38":146,"_36":147,"_148":-5,"_45":46,"_44":149,"_150":31,"_42":191,"_13":74,"_39":51,"_41":120,"_30":31,"_152":-5,"_192":193,"_33":194},["D",1788585574415],"children",[],[146],["D",1788586389500],[],[155],"4394ede1-0223-409e-b89b-5f538bba5b2e",["D",1788586405154],[],[34,50],["D",1788586405154],[188],[34],"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 · v3