[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_220":221,"_222":223},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_108":86,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":121,"_122":123,"_124":25,"_125":126,"_127":59,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":31,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",33,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","api.tsx","latestPath","fileId","bc1e880c-3195-11f0-bf2d-569c3dd06744","name","fileType","http","content","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 (pointed)\" },\n ]);\n}","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}","createdAt",["D",1747318353219],"branchVersion","branchId","87fadf0a-3193-11f0-aa5b-569c3dd06744","id","87f89880-3193-11f0-aa5b-569c3dd06744","react-router-data-mode-starter",["D",1747317015958],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Minimal React Router starter using data mode","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/e8cc626c-830e-44c2-a64a-c33638026c00/square512?exp=1789570799&sig=9a6c2d093a95ebe3b05113a092620cdaa1dbe68e41454d81ca35e32fa83bb129","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",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":56,"_104":105,"_106":25},"branch",{"_13":14,"_32":86,"_43":42,"_87":44,"_88":89,"_90":91,"_92":50,"_93":94,"_95":65,"_96":45,"_97":98},"isOwned","main","projectId","forkedBranchId","48e70732-1fb7-11f0-a587-569c3dd06744","forkedBranchVersion",87,"forkedProjectPrivacy","forkedProjectId","48e6a440-1fb7-11f0-a587-569c3dd06744","forkedProjectOrgId","projectName","userHandle","jxnblk","handle","displayName","Brent Jackson","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512?exp=1789570799&sig=ebd798345c40321a5d918b212f53442759b29a613c9610f74b9405c565972cd2","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":216,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":31,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":217,"_81":218,"_83":219,"_85":25},"tree",[195,196,197,198,199],"files",[195,196,197,198,199],"counts",{"_185":63,"_186":170,"_187":170,"_188":189,"_190":191},"contents",[141,142,143,144,145],"upstreamProject",{"_43":94,"_32":137,"_52":138,"_54":139,"_49":50,"_79":140},"upstreamBranch",{"_43":89,"_38":132,"_133":134,"_32":86,"_87":94,"_13":91,"_88":-5,"_90":-5,"_135":136,"_47":-5,"_85":25,"_49":50,"_97":98,"_64":65,"_96":137},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1745353251096],"updatedAt",["D",1746129411022],"lockfileKey","1763460774852-esm.town_v_jxnblk_react-router-ssr-starter@87-main","react-router-ssr-starter","Minimal React Router starter with SSR","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/a8429272-8af6-405c-0e30-07ce1bfab800/square512?exp=1789570799&sig=7df337d846556f9f92ea5b12b2f318127dac1efaa42eacc701f552ede3ff345a",{"_99":98,"_107":103},{"_43":177,"_32":178,"_30":179,"_149":-5,"_41":42,"_40":180,"_151":59,"_38":181,"_13":182,"_33":20,"_35":183,"_24":25,"_156":-5,"_27":184},{"_43":173,"_32":28,"_30":31,"_149":-5,"_41":42,"_40":14,"_151":59,"_38":174,"_13":175,"_33":34,"_35":37,"_24":25,"_156":-5,"_27":176},{"_43":166,"_32":167,"_30":168,"_149":-5,"_41":42,"_40":153,"_151":59,"_38":169,"_13":170,"_33":154,"_35":171,"_24":25,"_156":-5,"_27":172},{"_43":158,"_32":159,"_30":160,"_149":-5,"_41":42,"_40":161,"_151":59,"_38":162,"_13":163,"_33":34,"_35":164,"_24":25,"_156":-5,"_27":165},{"_43":146,"_32":147,"_30":148,"_149":-5,"_41":42,"_40":150,"_151":59,"_38":152,"_13":153,"_33":154,"_35":155,"_24":25,"_156":-5,"_27":157},"43644a54-3196-11f0-a244-569c3dd06744","routes.tsx","047012ca-261c-478d-9025-c34cb70ef69a","parentId",31,"latest",["D",1747318189389],12,"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",[147],"23a81d72-3195-11f0-83a7-569c3dd06744","http.tsx","9395a0d8-eb97-4c8b-8004-e3960c0c7386",11,["D",1747317706641],3,"/** @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}",[159],"4c8ed460-3195-11f0-83a7-569c3dd06744","client.tsx","b384478b-fdbc-4346-8c7b-150c71c75fbc",["D",1747317775269],1,"/** @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);",[167],"a50de0e4-3196-11f0-95e9-569c3dd06744",["D",1747318353219],5,[28],"746e6616-3196-11f0-8716-569c3dd06744","README.md","aaab943f-f448-40ae-9229-e08fa4b3d7e8",32,["D",1747318271657],10,"# 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 · v33