[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_259":260,"_261":262},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_190":-5,"_20":191,"_22":192,"_193":194,"_195":196,"_26":197,"_24":198,"_199":-5,"_200":-5,"_201":58,"_202":203,"_204":49,"_205":-5,"_206":-5,"_207":208},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","jethroNull","name","FileDumpThing","branchName","main","version","path","frontend","project",{"_37":136,"_13":14,"_50":137,"_138":-5,"_139":58,"_140":141,"_142":141,"_143":144,"_145":-5,"_146":147,"_148":87,"_149":49,"_150":-5,"_151":-5,"_152":52,"_153":154,"_155":-5,"_156":-5,"_157":-5,"_158":-5,"_159":160,"_161":160,"_162":163,"_164":163,"_165":163,"_166":160,"_167":160,"_168":169,"_170":171,"_172":173,"_174":58},"tree",[82,83,84],"file",{"_37":79,"_44":45,"_40":43,"_13":19,"_55":-5,"_53":77,"_17":52,"_42":-5,"_50":80,"_46":47,"_59":-5,"_18":81},"contents",[33,34,35,36],"upstream","pull","ahead","behind","envVars",{"_37":73,"_13":74,"_40":75,"_42":43,"_44":45,"_46":47,"_48":49,"_50":76,"_17":52,"_53":77,"_55":-5,"_57":58,"_59":-5,"_18":78},{"_37":67,"_13":68,"_40":69,"_42":43,"_44":45,"_46":47,"_48":49,"_50":70,"_17":52,"_53":24,"_55":71,"_57":58,"_59":-5,"_18":72},{"_37":61,"_13":62,"_40":63,"_42":43,"_44":45,"_46":47,"_48":49,"_50":64,"_17":52,"_53":24,"_55":65,"_57":58,"_59":-5,"_18":66},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_18":60},"id","2f721af4-3db0-11f1-80b5-42b51c65c3df","index.tsx","fileId","019db14e-f2bb-74ca-8830-383e00572929","parentId","019db14e-f2bb-74ca-8830-3c3b9f400365","branchId","2f5e92f4-3db0-11f1-80b5-42b51c65c3df","branchVersion",1,"latest",true,"createdAt",["D",1776796234177],0,"fileType","script","content","/** @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();","deleted",false,"label",[19,39],"2f721658-3db0-11f1-80b5-42b51c65c3df","index.html","019db14e-f2bb-74ca-8830-35855c3c0267",["D",1776796234177],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[19,62],"2f72127a-3db0-11f1-80b5-42b51c65c3df","favicon.svg","019db14e-f2bb-74ca-8830-3047eab33104",["D",1776796234177],"\n",[19,68],"2f7210cc-3db0-11f1-80b5-42b51c65c3df","components","019db14e-f2bb-74ca-8830-2e5a7a9088f2",["D",1776796234177],"directory",[19,74],"2f721e1e-3db0-11f1-80b5-42b51c65c3df",["D",1776796234177],[19],{"_37":79,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":47,"_48":49,"_50":101,"_17":52,"_53":77,"_55":-5,"_57":58,"_59":-5,"_91":102,"_18":103},{"_37":94,"_13":95,"_40":96,"_42":-5,"_44":45,"_46":47,"_48":49,"_50":97,"_17":52,"_53":24,"_55":98,"_57":58,"_59":-5,"_91":99,"_18":100},{"_37":85,"_13":86,"_40":87,"_42":-5,"_44":45,"_46":47,"_48":49,"_50":88,"_17":52,"_53":89,"_55":90,"_57":58,"_59":-5,"_91":92,"_18":93},"2f722dd2-3db0-11f1-80b5-42b51c65c3df","index.ts","019db14e-f2bb-74ca-8830-447280e135c2",["D",1776796234177],"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","children",[],[86],"2f721f5e-3db0-11f1-80b5-42b51c65c3df","README.md","019db14e-f2bb-74ca-8830-40b0b7c58ad2",["D",1776796234177],"# 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**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",[],[95],["D",1776796234177],[104,105,106,107],[19],{"_37":73,"_13":74,"_40":75,"_42":43,"_44":45,"_46":47,"_48":49,"_50":117,"_17":52,"_53":77,"_55":-5,"_57":58,"_59":-5,"_91":118,"_18":119},{"_37":67,"_13":68,"_40":69,"_42":43,"_44":45,"_46":47,"_48":49,"_50":114,"_17":52,"_53":24,"_55":71,"_57":58,"_59":-5,"_91":115,"_18":116},{"_37":61,"_13":62,"_40":63,"_42":43,"_44":45,"_46":47,"_48":49,"_50":111,"_17":52,"_53":24,"_55":65,"_57":58,"_59":-5,"_91":112,"_18":113},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":108,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_91":109,"_18":110},["D",1776796234177],[],[19,39],["D",1776796234177],[],[19,62],["D",1776796234177],[],[19,68],["D",1776796234177],[120,121],[19,74],{"_37":129,"_13":130,"_40":131,"_42":75,"_44":45,"_46":47,"_48":49,"_50":132,"_17":52,"_53":54,"_55":133,"_57":58,"_59":-5,"_91":134,"_18":135},{"_37":122,"_13":123,"_40":124,"_42":75,"_44":45,"_46":47,"_48":49,"_50":125,"_17":52,"_53":54,"_55":126,"_57":58,"_59":-5,"_91":127,"_18":128},"2f720b0e-3db0-11f1-80b5-42b51c65c3df","Counter.tsx","019db14e-f2bb-74ca-8830-299410bcf565",["D",1776796234177],"/** @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",[],[19,74,123],"2f71fd30-3db0-11f1-80b5-42b51c65c3df","App.tsx","019db14e-f2bb-74ca-8830-252a2634db32",["D",1776796234177],"/** @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",[],[19,74,130],"2f4c3bf4-3db0-11f1-80b5-42b51c65c3df",["D",1776796234177],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","userId","cdbd7da4-1cbc-46ec-a950-e618934575c6","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019d9ca9-4b10-7284-9562-f51f900937c7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_189":185},"org",{"_11":12,"_183":-5,"_184":185,"_146":147,"_186":187,"_188":58},"branch",{"_17":47,"_13":16,"_37":45,"_175":136,"_176":-5,"_177":-5,"_178":-5,"_179":-5,"_180":-5,"_181":14,"_182":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://avatars.githubusercontent.com/u/9500706?v=4","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_37":136,"_13":14,"_50":255,"_138":-5,"_139":58,"_140":141,"_142":141,"_143":144,"_145":-5,"_146":147,"_148":87,"_149":49,"_150":-5,"_151":-5,"_152":52,"_153":154,"_155":-5,"_156":-5,"_157":-5,"_158":-5,"_159":160,"_161":160,"_162":163,"_164":163,"_165":163,"_166":160,"_167":160,"_168":256,"_170":257,"_172":258,"_174":58},[228,235,236],"files",[228,229,230,231,232,233,234,235,236],"counts",{"_219":52,"_220":47,"_221":52,"_32":222,"_223":224},[211,212,213,214],{"_37":79,"_44":45,"_40":43,"_13":19,"_55":-5,"_53":77,"_17":52,"_42":-5,"_50":209,"_46":47,"_59":-5,"_18":210},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1776796234177],[19],{"_37":73,"_13":74,"_40":75,"_42":43,"_44":45,"_46":47,"_48":49,"_50":76,"_17":52,"_53":77,"_55":-5,"_57":58,"_59":-5,"_18":218},{"_37":67,"_13":68,"_40":69,"_42":43,"_44":45,"_46":47,"_48":49,"_50":70,"_17":52,"_53":24,"_55":71,"_57":58,"_59":-5,"_18":217},{"_37":61,"_13":62,"_40":63,"_42":43,"_44":45,"_46":47,"_48":49,"_50":64,"_17":52,"_53":24,"_55":65,"_57":58,"_59":-5,"_18":216},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_18":215},[19,39],[19,62],[19,68],[19,74],"pulls","branches","forks",{"_225":52,"_227":52},"connections",{"_225":52,"_226":52},"count","unfilledCount","emptyCount",{"_37":79,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":47,"_48":49,"_50":101,"_17":52,"_53":77,"_55":-5,"_57":58,"_59":-5,"_91":253,"_18":254},{"_37":73,"_13":74,"_40":75,"_42":43,"_44":45,"_46":47,"_48":49,"_50":117,"_17":52,"_53":77,"_55":-5,"_57":58,"_59":-5,"_91":251,"_18":252},{"_37":129,"_13":130,"_40":131,"_42":75,"_44":45,"_46":47,"_48":49,"_50":132,"_17":52,"_53":54,"_55":133,"_57":58,"_59":-5,"_91":249,"_18":250},{"_37":122,"_13":123,"_40":124,"_42":75,"_44":45,"_46":47,"_48":49,"_50":125,"_17":52,"_53":54,"_55":126,"_57":58,"_59":-5,"_91":247,"_18":248},{"_37":67,"_13":68,"_40":69,"_42":43,"_44":45,"_46":47,"_48":49,"_50":114,"_17":52,"_53":24,"_55":71,"_57":58,"_59":-5,"_91":245,"_18":246},{"_37":61,"_13":62,"_40":63,"_42":43,"_44":45,"_46":47,"_48":49,"_50":111,"_17":52,"_53":24,"_55":65,"_57":58,"_59":-5,"_91":243,"_18":244},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":108,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_91":241,"_18":242},{"_37":94,"_13":95,"_40":96,"_42":-5,"_44":45,"_46":47,"_48":49,"_50":97,"_17":52,"_53":24,"_55":98,"_57":58,"_59":-5,"_91":239,"_18":240},{"_37":85,"_13":86,"_40":87,"_42":-5,"_44":45,"_46":47,"_48":49,"_50":88,"_17":52,"_53":89,"_55":90,"_57":58,"_59":-5,"_91":237,"_18":238},[],[86],[],[95],[],[19,39],[],[19,62],[],[19,68],[],[19,74,123],[],[19,74,130],[230,231],[19,74],[229,232,233,234],[19],["D",1776796234177],{"_11":12,"_189":185},{"_11":12,"_183":-5,"_184":185,"_146":147,"_186":187,"_188":58},{"_17":47,"_13":16,"_37":45,"_175":136,"_176":-5,"_177":-5,"_178":-5,"_179":-5,"_180":-5,"_181":14,"_182":12},"ctx",{"_168":-5,"_206":292,"_293":294,"_295":296,"_297":58,"_298":58,"_299":58,"_300":49,"_301":-5,"_302":-7,"_303":-7,"_304":52,"_305":58,"_306":58,"_307":-5,"_308":58,"_309":58,"_310":58,"_311":-5},"ENV",{"_263":264,"_265":266,"_267":16,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291},"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"]