[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_214":215,"_216":217},"routes/_app.x.$handle.$name",{"_97":96,"_31":42,"_106":83,"_26":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":119,"_120":121,"_122":24,"_123":124,"_125":55,"_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",{"_40":41,"_31":42,"_35":43,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":-5,"_50":-5,"_18":51,"_52":53,"_54":55,"_56":55,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":76,"_77":78,"_79":80,"_81":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","deno.json","latestPath","fileId","3088cc70-a2ed-11f0-baa1-0224a6c84d84","name","fileType","content","{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}","createdAt",["D",1759780005363],"branchVersion","branchId","791924f0-a2eb-11f0-82e9-0224a6c84d84","id","79146f0a-a2eb-11f0-82e9-0224a6c84d84","flag-quiz",["D",1759779268048],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019977b1-1bd1-730d-a575-2665305dd849","pinnedFileId","0199bb04-a625-7637-997b-6737af7f2f66","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019977b1-1bd1-730d-a575-2afdc309b42c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_105":101},"org",{"_97":96,"_98":99,"_100":101,"_18":51,"_102":103,"_104":24},"branch",{"_13":82,"_31":83,"_40":39,"_84":41,"_85":86,"_87":88,"_89":47,"_90":91,"_92":93,"_94":42,"_95":96},"isOwned",7,"main","projectId","forkedBranchId","3f6d7dac-3197-11f0-bd56-569c3dd06744","forkedBranchVersion",33,"forkedProjectPrivacy","forkedProjectId","3f6981c0-3197-11f0-bd56-569c3dd06744","forkedProjectOrgId","62a75f8d-be32-4eaa-989a-23f3433a7d42","projectName","userHandle","willemhelmet","handle","displayName","WHP","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zMzZ1Q1ZnYnREY3RBMjh5TWtPbU5vS01MejYifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_40":41,"_31":42,"_35":210,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":-5,"_50":-5,"_18":51,"_52":53,"_54":55,"_56":55,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":211,"_77":212,"_79":213,"_81":24},"tree",[189,190,191,192,193],"files",[189,190,191,192,193],"counts",{"_179":59,"_180":150,"_181":59,"_182":183,"_184":185},"contents",[142,143,144,145,146],"upstreamProject",{"_40":91,"_31":137,"_49":138,"_50":139,"_46":47,"_75":140},"upstreamBranch",{"_40":86,"_35":130,"_131":132,"_31":83,"_84":91,"_13":133,"_85":-5,"_87":-5,"_134":135,"_44":-5,"_81":24,"_46":47,"_95":136,"_60":93,"_94":137},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747318612210],"updatedAt",["D",1779898921971],34,"lockfileKey","1786296728251-esm.town_v_jxnblk_react-router-hono-starter@34-main","jxnblk","react-router-hono-starter","Minimal React Router + Hono starter example","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c6ac4b2d-2d7e-4ea8-c2bf-7e369bfdb600/square512?exp=1789545599&sig=514dbcaac7c5c5ac271d0787ed8fe45f895db4bf4808e8dba8c8c566b1b16d61",{"_97":136,"_105":141},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512?exp=1789545599&sig=241a998a3b2676202985118f370e58e8e4c965b15387615c1b5fd73d70b9e059",{"_40":173,"_31":174,"_29":175,"_149":-5,"_38":39,"_37":150,"_151":24,"_35":176,"_13":59,"_32":20,"_33":177,"_23":24,"_155":-5,"_26":178},{"_40":167,"_31":168,"_29":169,"_149":-5,"_38":39,"_37":150,"_151":55,"_35":170,"_13":59,"_32":161,"_33":171,"_23":24,"_155":-5,"_26":172},{"_40":164,"_31":27,"_29":30,"_149":-5,"_38":39,"_37":14,"_151":55,"_35":165,"_13":59,"_32":20,"_33":34,"_23":24,"_155":-5,"_26":166},{"_40":157,"_31":158,"_29":159,"_149":-5,"_38":39,"_37":150,"_151":24,"_35":160,"_13":59,"_32":161,"_33":162,"_23":24,"_155":-5,"_26":163},{"_40":147,"_31":148,"_29":53,"_149":-5,"_38":39,"_37":150,"_151":24,"_35":152,"_13":59,"_32":153,"_33":154,"_23":24,"_155":-5,"_26":156},"791d783e-a2eb-11f0-82e9-0224a6c84d84","server.tsx","parentId",1,"latest",["D",1759779268048],"http","/** @jsxImportSource https://esm.sh/react@19 */\nimport { Hono } from \"npm:hono@4\";\nimport * as React from \"https://esm.sh/react@19\";\nimport ReactDOMServer from \"https://esm.sh/react-dom@19/server\";\nimport {\n createStaticHandler,\n createStaticRouter,\n StaticRouterProvider,\n} from \"https://esm.sh/react-router\";\nimport routes from \"./routes.tsx\";\n\nconst CLIENT_MODULE = import.meta.resolve(\"./client.tsx\");\n\nconst app = new Hono();\n\n// api server\napp.get(\"/api\", async (c) => {\n return c.json([\n { name: \"Leia\", breed: \"DSH\", coat: \"Calico\" },\n { name: \"Chewie\", breed: \"DSH\", coat: \"Tuxedo\" },\n ]);\n});\n\n// react app\napp.get(\"*\", async (c) => {\n const { query, dataRoutes } = createStaticHandler(routes);\n const context = await query(c.req.raw);\n const router = createStaticRouter(dataRoutes, context);\n \n let html = await ReactDOMServer.renderToReadableStream(\n \n , {\n bootstrapModules: [ CLIENT_MODULE ],\n });\n\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n});\n\nexport default app.fetch;","label",[148],"791d75be-a2eb-11f0-82e9-0224a6c84d84","routes.tsx","0199bb04-a625-7637-997b-62ae91cc79c2",["D",1759779268048],"script","/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport { useLoaderData, Link, Outlet } from \"https://esm.sh/react-router@7\";\n\n// provide the full URL so that both the client and server can fetch\nconst API_URL = \"https://react-router-hono.val.run/api\";\n\nfunction HTML ({ children }: {\n children: React.ReactNode;\n}) {\n return (\n \n \n React Router Hono Starter\n \n \n {children}\n \n \n )\n}\n\nfunction Layout () {\n return (\n \n

React Router Hono Starter

\n \n

\n \n \n

\n \n );\n}\n\nfunction Home () {\n const [count, setCount] = React.useState(0);\n return (\n

Hello, Home page

{count}

\n \n

\n );\n}\n\nfunction About () {\n const data = useLoaderData();\n \n return (\n

Hello, About page

{JSON.stringify(data, null, 2)}

\n )\n}\n\nasync function catsLoader () {\n const data = await fetch(API_URL)\n .then(res => res.json());\n return data;\n}\n\nexport const routes = [\n {\n Component: Layout,\n children: [\n {\n Component: Home,\n index: true,\n },\n {\n Component: About,\n path: \"about\",\n loader: catsLoader,\n },\n ]\n },\n]\n\nexport default routes;",[158],"3088cba8-a2ed-11f0-baa1-0224a6c84d84",["D",1759780005363],[27],"791d7320-a2eb-11f0-82e9-0224a6c84d84","client.tsx","0199bb04-a625-7637-997b-5c08c64460c0",["D",1759779268048],"/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport ReactDOM from \"https://esm.sh/react-dom@19/client\";\nimport { createBrowserRouter, RouterProvider } from \"https://esm.sh/react-router\";\nimport routes from \"./routes.tsx\";\n\nconsole.log(\"client\");\n\nconst router = createBrowserRouter(routes);\n\nReactDOM.hydrateRoot(\n document, \n \n);",[168],"791d681c-a2eb-11f0-82e9-0224a6c84d84","README.md","0199bb04-a625-7637-997b-58d142ae541b",["D",1759779268048],"# React Router Hono Starter\n\nMinimal React Router + Hono starter example in [\"data mode\"][modes] with server-side rendering for Val Town\n\n[View demo][demo]\n\n## How it works\n\nThe `server.tsx` file is the main server that responds with an HTML stream, using React Router, or an API response.\nThe HTML includes a `

Diff · v2