[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_213":214,"_215":216},"routes/_app.x.$handle.$name",{"_121":120,"_36":70,"_130":111,"_30":131,"_13":14,"_132":-5,"_11":133,"_134":135,"_136":137,"_138":139,"_140":141,"_24":-5,"_142":-5,"_143":-5,"_144":28,"_145":146,"_147":63,"_148":-5,"_149":-5,"_150":151},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_68":69,"_36":70,"_41":71,"_72":-5,"_73":28,"_74":75,"_76":75,"_77":78,"_79":80,"_18":81,"_82":35,"_83":63,"_84":63,"_85":-5,"_86":87,"_88":89,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":95,"_96":95,"_97":98,"_99":98,"_100":98,"_101":95,"_102":95,"_103":104,"_105":106,"_107":108,"_109":28},"version",1,"changes",[19,20,21,22,23],"aiChatInfo","userId",{"_24":62,"_26":-7,"_27":63,"_29":28,"_30":64,"_32":64},{"_24":57,"_26":-7,"_27":28,"_29":28,"_30":58,"_32":58},{"_24":52,"_26":-7,"_27":28,"_29":28,"_30":53,"_32":53},{"_24":46,"_26":-7,"_27":28,"_29":28,"_30":47,"_32":47},{"_24":25,"_26":-7,"_27":28,"_29":28,"_30":31,"_32":33},"file",{"_34":35,"_36":31,"_37":38,"_39":40,"_41":42,"_43":14,"_44":45,"_27":28},"previous","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 * 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\nexport default async function (req: Request): Promise {\n const { query, dataRoutes } = createStaticHandler(routes);\n const context = await query(req);\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}","createdAt",["D",1747318612210],"branchVersion","branchId","3f6d7dac-3197-11f0-bd56-569c3dd06744",{"_34":48,"_36":47,"_37":49,"_39":50,"_41":51,"_43":14,"_44":45,"_27":28},"routes.tsx","9bfb0133-e2c8-42fb-a214-94d8dc039ec6","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;",["D",1747318612210],{"_34":54,"_36":53,"_37":49,"_39":55,"_41":56,"_43":14,"_44":45,"_27":28},"client.tsx","81e197a9-1333-40cc-bfe7-f5f4b3cc113a","/** @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);",["D",1747318612210],{"_34":59,"_36":58,"_37":24,"_39":60,"_41":61,"_43":14,"_44":45,"_27":28},"README.md","464521c8-11e4-44a1-ba06-fc0039bc9dca","# 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 · v1