[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_248":249,"_250":251},"routes/_app.x.$handle.$name",{"_101":100,"_33":51,"_109":91,"_28":103,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_21":-5,"_120":-5,"_121":-5,"_122":27,"_123":124,"_125":25,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_49":50,"_33":51,"_39":52,"_53":-5,"_54":27,"_55":56,"_57":56,"_58":59,"_60":-5,"_18":61,"_62":-5,"_63":27,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":27},"version",8,"changes",[19,20],"aiChatInfo","userId",{"_21":44,"_23":-7,"_24":27,"_26":27,"_28":45,"_30":45},{"_21":22,"_23":-7,"_24":25,"_26":27,"_28":29,"_30":29},"file",{"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":14,"_42":43,"_24":27},"previous","deleted",true,"deletedHere",false,"path","api/questions.ts","latestPath","fileId","f6615206-7a3c-11f1-b9f2-1607ee4eb77e","name","questions.ts","fileType","script","content","import { readFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\nfunction parseCSV(text: string) {\n const lines = text.trim().split(\"\\n\");\n const headers = lines[0].split(\",\");\n const rows: Record[] = [];\n for (let i = 1; i < lines.length; i++) {\n const line = lines[i].trim();\n if (!line) continue;\n // Simple CSV split - our data has no embedded commas in fields\n const values = line.split(\",\");\n const row: Record = {};\n for (let j = 0; j < headers.length && j < values.length; j++) {\n row[headers[j]] = values[j];\n }\n rows.push(row);\n }\n return rows;\n}\n\napp.get(\"/\", async (c) => {\n const csvText = await readFile(\"/assets/questions.csv\");\n const rows = parseCSV(csvText);\n const questions = rows.map((r) => ({\n id: r.id,\n question: r.question,\n option_a: r.option_a,\n option_b: r.option_b,\n option_c: r.option_c,\n option_d: r.option_d,\n correct_option: r.correct_option,\n explanation: r.explanation,\n category: r.category,\n }));\n return c.json({ questions });\n});\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","createdAt",["D",1783453767516],"branchVersion","branchId","301abea4-25ea-41dc-a324-cc71f1863678",{"_31":46,"_33":45,"_35":47,"_37":-5,"_39":48,"_41":14,"_42":43,"_24":27},"api","7fb85cba-d86c-44d9-b951-18dba184e75b","directory",["D",1783453767516],"id","53fe8827-f9a8-43ed-bb48-6fa8ce17a2e7","quiz-z-ai-glm-5-2-nitro-62ee80aa",["D",1783453713217],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","ViBench-VT: quiz built by z-ai/glm-5.2:nitro (remix)","imageUrl","1cb5e0c6-ae85-4bcd-999e-4394b4ef8d27","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019f3c8e-4c18-7004-b524-3ee59b13853d","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_108":103},"org",{"_101":100,"_102":103,"_104":103,"_18":61,"_105":106,"_107":27},"branch",{"_13":90,"_33":91,"_49":43,"_92":50,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":51,"_99":100},"isOwned",19,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","vibench","handle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_49":50,"_33":51,"_39":244,"_53":-5,"_54":27,"_55":56,"_57":56,"_58":59,"_60":-5,"_18":61,"_62":-5,"_63":27,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":245,"_85":246,"_87":247,"_89":27},"tree",[171,173,180,181],"files",[171,172,173,174,175,176,177,178,179,180,181],"counts",{"_161":67,"_162":148,"_163":67,"_164":165,"_166":167},"contents",[130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":158,"_33":45,"_31":46,"_137":-5,"_42":43,"_41":14,"_139":25,"_39":159,"_13":67,"_35":47,"_37":-5,"_24":27,"_143":-5,"_28":160},{"_49":152,"_33":153,"_31":154,"_137":-5,"_42":43,"_41":155,"_139":25,"_39":156,"_13":67,"_35":47,"_37":-5,"_24":27,"_143":-5,"_28":157},{"_49":145,"_33":146,"_31":147,"_137":-5,"_42":43,"_41":148,"_139":25,"_39":149,"_13":67,"_35":21,"_37":150,"_24":27,"_143":-5,"_28":151},{"_49":134,"_33":135,"_31":136,"_137":-5,"_42":43,"_41":138,"_139":27,"_39":140,"_13":67,"_35":141,"_37":142,"_24":27,"_143":-5,"_28":144},"8db57ebf-eabb-4ac3-bf3c-d12c945450c5","index.ts","d6c1a3e2-7a3c-11f1-a3d8-1607ee4eb77e","parentId",3,"latest",["D",1783453714477],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(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","label",[135],"33f96b9f-979e-4173-badf-68666f45e264","README.md","d62798a6-7a3c-11f1-9506-1607ee4eb77e",1,["D",1783453713459],"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[146],"5bde4bd9-8bf2-427b-8e50-215cd1999d62","frontend","87ea8737-2f2f-4e8c-b361-a288062cab6d",2,["D",1783453713937],[153],"c132c2dc-5e48-444c-a00c-7aa499e698c8",["D",1783453767516],[45],"pulls","branches","forks","envVars",{"_168":67,"_170":67},"connections",{"_168":67,"_169":67},"count","unfilledCount","emptyCount",{"_49":158,"_33":45,"_31":46,"_137":-5,"_42":43,"_41":14,"_139":25,"_39":241,"_13":67,"_35":47,"_37":-5,"_24":27,"_143":-5,"_183":242,"_28":243},{"_49":237,"_33":34,"_31":32,"_137":46,"_42":43,"_41":14,"_139":27,"_39":238,"_13":67,"_35":36,"_37":38,"_24":27,"_143":-5,"_183":239,"_28":240},{"_49":152,"_33":153,"_31":154,"_137":-5,"_42":43,"_41":155,"_139":25,"_39":234,"_13":67,"_35":47,"_37":-5,"_24":27,"_143":-5,"_183":235,"_28":236},{"_49":230,"_33":221,"_31":215,"_137":154,"_42":43,"_41":216,"_139":25,"_39":231,"_13":67,"_35":47,"_37":-5,"_24":27,"_143":-5,"_183":232,"_28":233},{"_49":222,"_33":223,"_31":224,"_137":215,"_42":43,"_41":225,"_139":27,"_39":226,"_13":67,"_35":36,"_37":227,"_24":27,"_143":-5,"_183":228,"_28":229},{"_49":212,"_33":213,"_31":214,"_137":215,"_42":43,"_41":216,"_139":27,"_39":217,"_13":67,"_35":36,"_37":218,"_24":27,"_143":-5,"_183":219,"_28":220},{"_49":204,"_33":205,"_31":206,"_137":154,"_42":43,"_41":207,"_139":25,"_39":208,"_13":67,"_35":21,"_37":209,"_24":27,"_143":-5,"_183":210,"_28":211},{"_49":196,"_33":197,"_31":198,"_137":154,"_42":43,"_41":199,"_139":27,"_39":200,"_13":67,"_35":21,"_37":201,"_24":27,"_143":-5,"_183":202,"_28":203},{"_49":189,"_33":190,"_31":191,"_137":154,"_42":43,"_41":155,"_139":25,"_39":192,"_13":67,"_35":36,"_37":193,"_24":27,"_143":-5,"_183":194,"_28":195},{"_49":145,"_33":146,"_31":147,"_137":-5,"_42":43,"_41":148,"_139":25,"_39":186,"_13":67,"_35":21,"_37":150,"_24":27,"_143":-5,"_183":187,"_28":188},{"_49":134,"_33":135,"_31":136,"_137":-5,"_42":43,"_41":138,"_139":27,"_39":182,"_13":67,"_35":141,"_37":142,"_24":27,"_143":-5,"_183":184,"_28":185},["D",1783453714477],"children",[],[135],["D",1783453713459],[],[146],"b115f723-9a62-49ec-b41e-7d0e27911f5e","index.tsx","d67dd752-7a3c-11f1-a7ed-1607ee4eb77e",["D",1783453713937],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[153,190],"6e719d75-fc0c-4f71-9927-c59d64491274","index.html","d6ecc5b8-7a3c-11f1-8c27-1607ee4eb77e",4,["D",1783453714739],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[153,197],"62da81ce-2b15-4491-8baf-be6b2bb78dc6","favicon.svg","d7299d8a-7a3c-11f1-9ca2-1607ee4eb77e",5,["D",1783453715146],"\n",[],[153,205],"bda19e1a-9c12-4136-bc91-6ce8f8df7e68","Counter.tsx","d7557108-7a3c-11f1-a124-1607ee4eb77e","e29befe6-01fe-4645-b93a-1545d42a2d8f",6,["D",1783453715436],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[],[153,221,213],"components","fe3eb69b-2e55-48ed-a218-172ea3d7cd1b","App.tsx","d7815dc2-7a3c-11f1-a466-1607ee4eb77e",7,["D",1783453715727],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n",[],[153,221,223],"1f10b5b9-7bc3-4e8c-b3ba-cb501493d34e",["D",1783453715436],[175,176],[153,221],["D",1783453713937],[174,177,178,179],[153],"b089fc5f-4152-4477-8afe-8135874eb1fd",["D",1783453767516],[],[45,34],["D",1783453767516],[172],[45],["D",1783453713217],{"_101":100,"_108":103},{"_101":100,"_102":103,"_104":103,"_18":61,"_105":106,"_107":27},{"_13":90,"_33":91,"_49":43,"_92":50,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":51,"_99":100},"ctx",{"_83":-5,"_127":281,"_282":283,"_284":285,"_286":27,"_287":27,"_288":27,"_289":25,"_290":-5,"_291":-7,"_292":-7,"_293":67,"_294":27,"_295":27,"_296":-5,"_297":27,"_298":27,"_299":27,"_300":-5},"ENV",{"_252":253,"_254":255,"_256":91,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v8