[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_204":205,"_206":207},"routes/_app.x.$handle.$name",{"_98":97,"_33":46,"_107":88,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":-5,"_121":25,"_122":123,"_124":60,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_33":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":32,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",11,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30},"file",{"_31":32,"_33":28,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_31":32,"_33":28,"_34":35,"_36":37},"deleted",false,"deletedHere","path","http.tsx","latestPath","server.tsx","fileId","ff04f441-158b-4566-8cdd-ef13c7c9a9e3","name","fileType","http","content","/** @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\";\nimport api from \"./api.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 \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 c.html(html);\n \n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n});\n\nexport default app.fetch;","/** @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\";\nimport api from \"./api.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 c.html(html);\n \n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n});\n\nexport default app.fetch;","createdAt",["D",1747319621929],"branchVersion","branchId","3f6d7dac-3197-11f0-bd56-569c3dd06744","id","3f6981c0-3197-11f0-bd56-569c3dd06744","react-router-hono-starter",["D",1747318612210],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Minimal React Router + Hono starter example","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/c6ac4b2d-2d7e-4ea8-c2bf-7e369bfdb600/square512?exp=1789541999&sig=0cf519b8f263840e867ddef5cfc364bdbc87f8b62086762b2ee40ed269b9b41d","5e11e267-23cd-4ee4-86f4-3bf2a5ed69d7","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","62a75f8d-be32-4eaa-989a-23f3433a7d42","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_106":102},"org",{"_98":97,"_99":100,"_101":102,"_18":57,"_103":104,"_105":25},"branch",{"_13":87,"_33":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"isOwned",34,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jxnblk","handle","displayName","Brent Jackson","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512?exp=1789541999&sig=cd7ab82d7a2c251c2954a6081b82296502810d9ea0d3ea85e441f8b36f960103","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_33":46,"_39":200,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":32,"_59":60,"_61":60,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":201,"_82":202,"_84":203,"_86":25},"tree",[179,180,181,182,183],"files",[179,180,181,182,183],"counts",{"_168":64,"_169":170,"_171":147,"_172":173,"_174":175},"contents",[129,130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":162,"_33":163,"_31":164,"_137":-5,"_42":43,"_41":138,"_139":25,"_39":165,"_13":64,"_34":20,"_36":166,"_24":25,"_143":-5,"_27":167},{"_44":156,"_33":157,"_31":158,"_137":-5,"_42":43,"_41":138,"_139":25,"_39":159,"_13":64,"_34":35,"_36":160,"_24":25,"_143":-5,"_27":161},{"_44":150,"_33":151,"_31":152,"_137":-5,"_42":43,"_41":138,"_139":25,"_39":153,"_13":64,"_34":141,"_36":154,"_24":25,"_143":-5,"_27":155},{"_44":145,"_33":28,"_31":32,"_137":-5,"_42":43,"_41":14,"_139":25,"_39":146,"_13":147,"_34":35,"_36":38,"_24":25,"_143":148,"_27":149},{"_44":134,"_33":135,"_31":136,"_137":-5,"_42":43,"_41":138,"_139":25,"_39":140,"_13":64,"_34":141,"_36":142,"_24":25,"_143":-5,"_27":144},"3f70c30e-3197-11f0-bd56-569c3dd06744","routes.tsx","9bfb0133-e2c8-42fb-a214-94d8dc039ec6","parentId",1,"latest",["D",1747318612210],"script","/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport {\n createBrowserRouter,\n RouterProvider,\n useLoaderData,\n Link,\n Outlet,\n} from \"https://esm.sh/react-router@7\";\n\nconst API_URL = \"https://jxnblk--bc1e880c319511f0bf2d569c3dd06744.web.val.run\";\n\nfunction HTML ({ children }: {\n children: React.ReactNode;\n}) {\n return (\n \n \n React Router Data Mode Starter\n \n \n {children}\n \n \n )\n}\n\nfunction Layout () {\n return (\n \n

React Router Data Mode 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;","label",[135],"994120b6-3199-11f0-bd19-569c3dd06744",["D",1747319621929],10,"react-router-hono",[28],"3f70a73e-3197-11f0-bd56-569c3dd06744","client.tsx","81e197a9-1333-40cc-bfe7-f5f4b3cc113a",["D",1747318612210],"/** @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);",[151],"3f70a55e-3197-11f0-bd56-569c3dd06744","api.tsx","1e97f7f5-bc37-49b7-b39a-75e2fe84f73e",["D",1747318612210],"export default async function (req: Request): Promise {\n // fake data API\n return Response.json([\n { name: \"Leia\", breed: \"DSH\", coat: \"Calico\" },\n { name: \"Chewie\", breed: \"DSH\", coat: \"Tuxedo\" },\n ]);\n}",[157],"3f70884e-3197-11f0-bd56-569c3dd06744","README.md","464521c8-11e4-44a1-ba06-fc0039bc9dca",["D",1747318612210],"# React Router Data Mode Starter\n\nMinimal React Router 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 `http.tsx` file is the main server that responds with an HTML stream, using React Router.\nThe HTML includes a `

Diff · v11