[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_265":266,"_267":268},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_195":-5,"_20":196,"_22":197,"_198":199,"_200":201,"_26":202,"_24":203,"_204":-5,"_205":-5,"_206":58,"_207":208,"_209":49,"_210":-5,"_211":-5,"_212":213},"routes/_app.x.$handle.$name.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","haku85","name","reactHonoStarter","branchName","main","version","path","frontend","project",{"_37":136,"_13":14,"_50":137,"_138":-5,"_139":58,"_140":141,"_142":141,"_143":144,"_145":146,"_147":148,"_149":87,"_150":49,"_151":-5,"_152":-5,"_153":52,"_154":155,"_156":157,"_158":159,"_160":161,"_162":-5,"_163":164,"_165":164,"_166":167,"_168":167,"_169":167,"_170":164,"_171":164,"_172":173,"_174":175,"_176":177,"_178":58},"tree",[82,83,84],"file",{"_37":79,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":47,"_48":49,"_50":80,"_17":52,"_53":77,"_55":-5,"_57":58,"_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","9cda8b8a-3e82-11f1-9c5c-42b51c65c3df","index.tsx","fileId","019db6b2-015a-734f-bf18-057c02e4e993","parentId","019db6b2-015a-734f-bf18-0a814ef8283f","branchId","9cd2e34e-3e82-11f1-9c5c-42b51c65c3df","branchVersion",1,"latest",true,"createdAt",["D",1776886612188],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],"9cda8428-3e82-11f1-9c5c-42b51c65c3df","index.html","019db6b2-015a-734f-bf18-00c0fa609347",["D",1776886612188],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[19,62],"9cda80cc-3e82-11f1-9c5c-42b51c65c3df","favicon.svg","019db6b2-015a-734f-bf17-fcd9d2be2617",["D",1776886612188],"\n",[19,68],"9cda7eec-3e82-11f1-9c5c-42b51c65c3df","components","019db6b2-015a-734f-bf17-fb07fb784d54",["D",1776886612188],"directory",[19,74],"9cda8f7c-3e82-11f1-9c5c-42b51c65c3df",["D",1776886612188],[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},"9cdaa110-3e82-11f1-9c5c-42b51c65c3df","index.ts","019db6b2-015a-734f-bf18-107fe368b185",["D",1776886612188],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono@4.12\";\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;","children",[],[86],"9cda90d0-3e82-11f1-9c5c-42b51c65c3df","README.md","019db6b2-015a-734f-bf18-0ea2b2b81506",["D",1776886612188],"# 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",1776886612188],[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",1776886612188],[],[19,39],["D",1776886612188],[],[19,62],["D",1776886612188],[],[19,68],["D",1776886612188],[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},"9cda762c-3e82-11f1-9c5c-42b51c65c3df","Counter.tsx","019db6b2-015a-734f-bf17-f7b2718f5312",["D",1776886612188],"/** @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],"9cda4a58-3e82-11f1-9c5c-42b51c65c3df","App.tsx","019db6b2-015a-734f-bf17-f255566d6404",["D",1776886612188],"/** @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],"9cc9e56e-3e82-11f1-9c5c-42b51c65c3df",["D",1776886612188],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/8264d95b-6d8f-43df-b51b-5cadb1aa9d00/square512?exp=1789590478&sig=0f06c2fa775fbd749ce7ef82332df7090f8bbcb357bf257bf514ddb981718cf4","userId","228d947c-ef06-4bf4-ba66-aad43c758d55","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019d7c4e-d12f-7566-9535-abb5cfc6d53c","tursoName","9cc9e56e3e8211f19c5c42b51c65c3df","tursoHostname","9cc9e56e3e8211f19c5c42b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789509672838],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_194":190},"org",{"_11":12,"_187":188,"_189":190,"_147":148,"_191":192,"_193":58},"branch",{"_17":47,"_13":16,"_37":45,"_179":136,"_180":-5,"_181":-5,"_182":-5,"_183":-5,"_184":-5,"_185":14,"_186":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","HakuramaSam","avatar","https://avatars.githubusercontent.com/u/86550572?v=4","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_37":136,"_13":14,"_50":260,"_138":-5,"_139":58,"_140":141,"_142":141,"_143":144,"_145":146,"_147":148,"_149":87,"_150":49,"_151":-5,"_152":-5,"_153":52,"_154":155,"_156":157,"_158":159,"_160":261,"_162":-5,"_163":164,"_165":164,"_166":167,"_168":167,"_169":167,"_170":164,"_171":164,"_172":262,"_174":263,"_176":264,"_178":58},[233,240,241],"files",[233,234,235,236,237,238,239,240,241],"counts",{"_224":52,"_225":47,"_226":52,"_32":227,"_228":229},[216,217,218,219],{"_37":79,"_44":45,"_40":43,"_13":19,"_55":-5,"_53":77,"_17":52,"_42":-5,"_50":214,"_46":47,"_59":-5,"_18":215},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1776886612188],[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":223},{"_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":222},{"_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":221},{"_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":220},[19,39],[19,62],[19,68],[19,74],"pulls","branches","forks",{"_230":52,"_232":52},"connections",{"_230":52,"_231":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":258,"_18":259},{"_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":256,"_18":257},{"_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":254,"_18":255},{"_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":252,"_18":253},{"_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":250,"_18":251},{"_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":248,"_18":249},{"_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":246,"_18":247},{"_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":244,"_18":245},{"_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":242,"_18":243},[],[86],[],[95],[],[19,39],[],[19,62],[],[19,68],[],[19,74,123],[],[19,74,130],[235,236],[19,74],[234,237,238,239],[19],["D",1776886612188],["D",1789509672838],{"_11":12,"_194":190},{"_11":12,"_187":188,"_189":190,"_147":148,"_191":192,"_193":58},{"_17":47,"_13":16,"_37":45,"_179":136,"_180":-5,"_181":-5,"_182":-5,"_183":-5,"_184":-5,"_185":14,"_186":12},"ctx",{"_172":-5,"_211":298,"_299":300,"_301":302,"_303":58,"_304":58,"_305":58,"_306":49,"_307":-5,"_308":-7,"_309":-7,"_310":52,"_311":58,"_312":58,"_313":-5,"_314":58,"_315":58,"_316":58,"_317":-5},"ENV",{"_269":270,"_271":272,"_273":16,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]