[{"_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",{"_102":101,"_31":42,"_110":88,"_26":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":123,"_124":125,"_126":24,"_127":128,"_129":57,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_40":41,"_31":42,"_35":43,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":50,"_51":52,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":24},"version",2,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":20,"_33":34,"_35":36,"_37":14,"_38":39,"_23":24},"previous","deleted",false,"deletedHere","path","AGENTS.md","latestPath","fileId","3528f1d2-86d2-11f1-9ba8-1607ee4eb77e","name","fileType","content","# Gateway Gateway agent notes\n\n## Intent\n\nA functional joke: an OpenAI-compatible meta-gateway that routes requests through configurable AI gateways. Keep the humor grandiose and the implementation small, safe, and remixable.\n\n## File map\n\n- `AGENTS.md` — project intent and file map\n- `README.md` — setup, configuration, and API usage\n- `index.ts` — Hono HTTP entrypoint and API routes\n- `frontend/index.html` — HTML shell\n- `frontend/index.tsx` — React entrypoint\n- `frontend/favicon.svg` — recursive gateway favicon\n- `frontend/components/App.tsx` — landing page\n- `frontend/components/Counter.tsx` — unused starter component (safe to remove)\n","createdAt",["D",1784837281810],"branchVersion","branchId","015d9b80-63a8-4d3e-9444-af590b456c64","id","20dae829-0549-4444-9118-e29602b41c85","gateway-gateway",["D",1784837267473],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","The AI gateway for your AI gateways. Finally.","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789556399&sig=39cf692678889e4858e1d3f239cccdbb768d0b4bdeeecb6f122e7581a8e69c0b","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","019f9097-6104-7209-9669-fc1af7725c68","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","20dae829054944449118e29602b41c85","tursoHostname","20dae829054944449118e29602b41c85-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789473046147],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_109":105},"org",{"_102":101,"_103":-5,"_104":105,"_18":53,"_106":107,"_108":24},"branch",{"_13":87,"_31":88,"_40":39,"_89":41,"_90":91,"_92":93,"_94":47,"_95":96,"_97":98,"_99":42,"_100":101},"isOwned",19,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",89,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","stevekrouse","handle","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_40":41,"_31":42,"_35":249,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":50,"_51":52,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":250,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":251,"_82":252,"_84":253,"_86":24},"tree",[184,191,192,193],"files",[184,185,186,187,188,189,190,191,192,193],"counts",{"_174":61,"_175":152,"_176":61,"_177":178,"_179":180},"contents",[145,146,147,148],"upstreamProject",{"_40":96,"_31":141,"_49":142,"_51":52,"_46":47,"_80":143},"upstreamBranch",{"_40":91,"_35":134,"_135":136,"_31":88,"_89":96,"_13":137,"_90":-5,"_92":-5,"_138":139,"_44":-5,"_86":24,"_46":47,"_100":140,"_62":98,"_99":141},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter","Starter template with client-side React & Hono server",{"_102":140,"_109":144},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789556399&sig=d4d039bf60786a03d56ec8a29ec1b19630253aab318e490fcd07a6f24846b070",{"_40":168,"_31":169,"_29":170,"_151":-5,"_38":39,"_37":152,"_153":57,"_35":171,"_13":61,"_32":172,"_33":-5,"_23":24,"_157":-5,"_26":173},{"_40":165,"_31":27,"_29":30,"_151":-5,"_38":39,"_37":14,"_153":24,"_35":166,"_13":61,"_32":20,"_33":34,"_23":24,"_157":-5,"_26":167},{"_40":159,"_31":160,"_29":161,"_151":-5,"_38":39,"_37":152,"_153":24,"_35":162,"_13":61,"_32":20,"_33":163,"_23":24,"_157":-5,"_26":164},{"_40":149,"_31":150,"_29":55,"_151":-5,"_38":39,"_37":152,"_153":24,"_35":154,"_13":61,"_32":155,"_33":156,"_23":24,"_157":-5,"_26":158},"8040e6b6-89aa-4ec1-8d11-3d991fed586f","index.ts","parentId",1,"latest",["D",1784837267473],"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",[150],"d961787f-835a-4652-a305-e6473d734eca","README.md","019f9097-6104-7209-9669-f88678349d36",["D",1784837267473],"# 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",[160],"a075196f-eeaf-4013-bf03-90bc5ff7aa85",["D",1784837281810],[27],"b2385c82-3050-45bc-b539-241fe8b3b362","frontend","019f9097-6104-7209-9669-f517a1358763",["D",1784837267473],"directory",[169],"pulls","branches","forks","envVars",{"_181":61,"_183":61},"connections",{"_181":61,"_182":61},"count","unfilledCount","emptyCount",{"_40":168,"_31":169,"_29":170,"_151":-5,"_38":39,"_37":152,"_153":57,"_35":246,"_13":61,"_32":172,"_33":-5,"_23":24,"_157":-5,"_195":247,"_26":248},{"_40":242,"_31":234,"_29":229,"_151":170,"_38":39,"_37":152,"_153":57,"_35":243,"_13":61,"_32":172,"_33":-5,"_23":24,"_157":-5,"_195":244,"_26":245},{"_40":235,"_31":236,"_29":237,"_151":229,"_38":39,"_37":152,"_153":24,"_35":238,"_13":61,"_32":208,"_33":239,"_23":24,"_157":-5,"_195":240,"_26":241},{"_40":226,"_31":227,"_29":228,"_151":229,"_38":39,"_37":152,"_153":24,"_35":230,"_13":61,"_32":208,"_33":231,"_23":24,"_157":-5,"_195":232,"_26":233},{"_40":219,"_31":220,"_29":221,"_151":170,"_38":39,"_37":152,"_153":24,"_35":222,"_13":61,"_32":20,"_33":223,"_23":24,"_157":-5,"_195":224,"_26":225},{"_40":212,"_31":213,"_29":214,"_151":170,"_38":39,"_37":152,"_153":24,"_35":215,"_13":61,"_32":20,"_33":216,"_23":24,"_157":-5,"_195":217,"_26":218},{"_40":204,"_31":205,"_29":206,"_151":170,"_38":39,"_37":152,"_153":57,"_35":207,"_13":61,"_32":208,"_33":209,"_23":24,"_157":-5,"_195":210,"_26":211},{"_40":165,"_31":27,"_29":30,"_151":-5,"_38":39,"_37":14,"_153":24,"_35":201,"_13":61,"_32":20,"_33":34,"_23":24,"_157":-5,"_195":202,"_26":203},{"_40":159,"_31":160,"_29":161,"_151":-5,"_38":39,"_37":152,"_153":24,"_35":198,"_13":61,"_32":20,"_33":163,"_23":24,"_157":-5,"_195":199,"_26":200},{"_40":149,"_31":150,"_29":55,"_151":-5,"_38":39,"_37":152,"_153":24,"_35":194,"_13":61,"_32":155,"_33":156,"_23":24,"_157":-5,"_195":196,"_26":197},["D",1784837267473],"children",[],[150],["D",1784837267473],[],[160],["D",1784837281810],[],[27],"f0a7eb1d-046f-4678-9708-f9442f6b3849","index.tsx","019f9097-6104-7209-9669-f29c9bad81be",["D",1784837267473],"script","/** @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();",[],[169,205],"e9ddc18a-1665-485c-8c92-0f66a5690f50","index.html","019f9097-6104-7209-9669-eca8b93dcaa7",["D",1784837267473],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[169,213],"88e4af65-e9a8-441c-b295-80ce36332f24","favicon.svg","019f9097-6104-7209-9669-ea268d263ead",["D",1784837267473],"\n",[],[169,220],"57a2c97c-8641-42c5-aed3-f2d1f1f4ed7e","Counter.tsx","019f9097-6104-7209-9669-e00361e7cc88","019f9097-6104-7209-9669-e4be2cf49488",["D",1784837267473],"/** @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",[],[169,234,227],"components","85f173c6-d91e-4dd2-ab84-7b0bebdf7732","App.tsx","019f9097-6104-7209-9669-dc888b5c9369",["D",1784837267473],"/** @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",[],[169,234,236],"854ecc6d-048a-40d9-92e0-8ef5371ca096",["D",1784837267473],[186,187],[169,234],["D",1784837267473],[185,188,189,190],[169],["D",1784837267473],["D",1789473046147],{"_102":101,"_109":105},{"_102":101,"_103":-5,"_104":105,"_18":53,"_106":107,"_108":24},{"_13":87,"_31":88,"_40":39,"_89":41,"_90":91,"_92":93,"_94":47,"_95":96,"_97":98,"_99":42,"_100":101},"ctx",{"_80":-5,"_131":287,"_288":289,"_290":291,"_292":24,"_293":24,"_294":24,"_295":57,"_296":-5,"_297":-7,"_298":-7,"_299":61,"_300":24,"_301":24,"_302":-5,"_303":24,"_304":24,"_305":24,"_306":-5},"ENV",{"_258":259,"_260":261,"_262":88,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286},"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 · v2