[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_350":351,"_352":353},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_258":-5,"_20":259,"_22":260,"_261":262,"_263":264,"_26":265,"_24":266,"_267":268,"_269":270,"_271":54,"_272":273,"_274":75,"_275":-5,"_276":-5,"_277":278},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","stevekrouse","name","reactRouter7MinimalExample","branchName","minimal","version","path","routes","project",{"_36":44,"_13":14,"_38":211,"_52":-5,"_212":54,"_55":56,"_213":56,"_214":215,"_216":-5,"_217":218,"_219":220,"_221":75,"_222":-5,"_223":-5,"_224":32,"_58":59,"_225":226,"_227":228,"_229":230,"_231":-5,"_232":233,"_234":233,"_235":236,"_237":236,"_238":236,"_239":233,"_240":233,"_241":242,"_243":244,"_245":246,"_53":54},"tree",[103,104,105,106,107],"file",{"_36":99,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":77,"_74":75,"_38":100,"_17":32,"_78":101,"_80":-5,"_82":54,"_83":-5,"_18":102},"contents",[61,62,63],"upstream",{"_36":37,"_38":39,"_40":41,"_13":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":-5,"_53":54,"_55":56,"_57":12,"_58":59,"_60":14},"pull","ahead",0,"behind",7,"envVars","id","cfbc9000-0f86-11f1-9fc4-42dde27851f2","createdAt",["D",1771720710965],"updatedAt",["D",1771761364903],"main","projectId","cfb5d724-0f86-11f1-9fc4-42dde27851f2",9,"forkedBranchId","f1a26f20-14cb-11f0-b108-569c3dd06744","forkedBranchVersion",177,"lockfileKey","1771761365089-esm.town_v_stevekrouse_reactRouter7MinimalExample@9-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName",{"_36":92,"_13":93,"_66":94,"_68":69,"_70":71,"_72":95,"_74":75,"_38":96,"_17":32,"_78":79,"_80":97,"_82":54,"_83":-5,"_18":98},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":89,"_17":77,"_78":79,"_80":90,"_82":54,"_83":-5,"_18":91},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":76,"_17":77,"_78":79,"_80":81,"_82":54,"_83":-5,"_18":84},"58167182-0f87-11f1-bc98-42dde27851f2","Home.tsx","fileId","019c82cb-5b48-76ad-b4d1-78f8aedb7c40","parentId","019c82cb-5b48-76ad-b4d1-9ad8b51f1d69","branchId","3b1d9272-0f87-11f1-bedc-42dde27851f2","branchVersion",23,"latest",true,["D",1771720939795],1,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n Form,\n useLoaderData,\n useNavigation,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { Todo } from \"../backend/database.ts\";\n\nexport function Home() {\n const { todos } = useLoaderData<{ todos: Todo[] }>();\n const navigation = useNavigation();\n const isAdding = navigation.state === \"submitting\"\n && navigation.formData?.get(\"intent\") === \"add\";\n const $form = React.useRef(null);\n\n // Reset the form after a successful submission\n React.useEffect(() => {\n if (navigation.state === \"idle\") $form.current?.reset();\n }, [navigation.state]);\n\n return (\n

Todo List

\n\n {/* Add todo form */}\n

\n );\n}\n","deleted","label",[19,65],"58b5ab94-0f87-11f1-bc98-42dde27851f2","Home.loader.ts","019c82cb-5b48-76ad-b4d1-752e1aa03394",24,["D",1771720940840],"import { getAllTodos } from \"../backend/database.ts\";\n\nexport async function loader() {\n return { todos: await getAllTodos() };\n}\n",[19,86],"4c35f036-0f87-11f1-8f72-42dde27851f2","Home.action.ts","4c35f0fe-0f87-11f1-8f72-42dde27851f2",21,["D",1771720919871],"import { ActionFunctionArgs } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { addTodo, toggleTodo } from \"../backend/database.ts\";\n\nexport async function action({ request }: ActionFunctionArgs) {\n const formData = await request.formData();\n const intent = formData.get(\"intent\");\n\n if (intent === \"add\") {\n const text = formData.get(\"text\") as string;\n if (!text?.trim()) throw new Response(\"Text is required\", { status: 400 });\n await addTodo(text.trim());\n } else if (intent === \"toggle\") {\n const id = Number(formData.get(\"id\"));\n await toggleTodo(id);\n }\n\n return { ok: true };\n}\n",[19,93],"3b25823e-0f87-11f1-bedc-42dde27851f2",["D",1771720891213],"directory",[19],{"_36":179,"_13":180,"_66":181,"_68":-5,"_70":71,"_72":77,"_74":75,"_38":182,"_17":32,"_78":101,"_80":-5,"_82":54,"_83":-5,"_114":183,"_18":184},{"_36":147,"_13":148,"_66":149,"_68":-5,"_70":71,"_72":77,"_74":75,"_38":150,"_17":32,"_78":101,"_80":-5,"_82":54,"_83":-5,"_114":151,"_18":152},{"_36":99,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":77,"_74":75,"_38":132,"_17":32,"_78":101,"_80":-5,"_82":54,"_83":-5,"_114":133,"_18":134},{"_36":117,"_13":118,"_66":119,"_68":-5,"_70":71,"_72":77,"_74":75,"_38":120,"_17":32,"_78":101,"_80":-5,"_82":54,"_83":-5,"_114":121,"_18":122},{"_36":108,"_13":109,"_66":110,"_68":-5,"_70":71,"_72":111,"_74":75,"_38":112,"_17":77,"_78":24,"_80":113,"_82":54,"_83":-5,"_114":115,"_18":116},"7b2b1a06-0f87-11f1-8f72-42dde27851f2","README.md","019c82cb-5b48-76ad-b4d1-a949c5bd15d2",28,["D",1771720998652],"# React Router 7 on Val Town — Minimal Example\n\nThe simplest possible full-stack SSR + SPA app on [Val Town](https://val.town), built with **React Router 7**, **Hono**, and **SQLite**. A todo list in ~150 lines of app code that demonstrates every core pattern you need.\n\n> **Want the full version?** See the [message board example](https://www.val.town/x/stevekrouse/reactRouter7Example) with nested routes, search, multiple tables, and more.\n\n## What This Teaches\n\n1. **SSR + Hydration** — Server renders full HTML, client hydrates with `hydrateRoot`\n2. **Shared route tree** — Same `routes.ts` on server and client; `serverLoader`/`serverAction` keeps DB code off the client\n3. **Single-fetch `dataStrategy`** — One request per navigation via `X-Data-Request` header\n4. **Loaders** — Server-side data loading before render\n5. **Actions** — Form submissions via `

` with `intent` pattern\n6. **SQLite persistence** — Val Town's project-scoped database\n7. **Loading states** — `useNavigation()` for optimistic UI\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Hono HTTP entry — SSR + data API + static files\n│ └── database.ts # Schema + all queries (one file, one table)\n├── frontend/\n│ ├── index.html # HTML shell template\n│ └── index.tsx # Client hydration + dataStrategy\n├── routes/\n│ ├── Home.tsx # The entire UI — todo list + add form\n│ ├── Home.loader.ts # Loads all todos from SQLite\n│ └── Home.action.ts # Handles \"add\" and \"toggle\" form submissions\n├── shared/\n│ └── routes.ts # Route tree (shared between server + client)\n└── README.md\n```\n\n## How It Works\n\n### Request Lifecycle\n\n```\nFirst visit (SSR):\n Browser → GET / → Hono → createStaticHandler → runs Home.loader\n → renderToString → full HTML response → Browser hydrates\n\nAfter hydration (SPA):\n User submits form → dataStrategy → POST / (X-Data-Request: true)\n → Hono → runs Home.action + Home.loader → JSON response\n → React Router updates UI\n```\n\n### Key Pattern: `serverLoader` / `serverAction`\n\nThe route tree in `shared/routes.ts` is imported by both server and client. The helpers make this work:\n\n- **On the server**: dynamically import the real loader/action and call it\n- **On the client**: return a no-op stub (the `dataStrategy` handles fetching)\n\nThis means loader/action code and database dependencies **never ship to the browser**.\n\n### Key Pattern: `dataStrategy` (Single-Fetch)\n\nInstead of React Router calling each loader individually on the client, a custom `dataStrategy` in `frontend/index.tsx` makes **one HTTP request** with an `X-Data-Request: true` header. The server runs all matched loaders/actions and returns their data as keyed JSON.\n\n## Extending This\n\n| Want to add... | What to do |\n|---|---|\n| **More pages** | Add routes to `shared/routes.ts` with new `Component`, `loader`, `action` |\n| **Nested layouts** | Use `children` array in routes + `` in parent component |\n| **More tables** | Add queries to `backend/database.ts` (or split into separate files) |\n| **Search** | Add a route with a loader that reads `new URL(request.url).searchParams` |\n| **Redirects from actions** | Return `redirect(\"/path\")` — the `dataStrategy` handles it automatically |\n\n## Getting Started\n\n1. **Fork this val** on Val Town\n2. The database auto-initializes on first request\n3. Visit the HTTP endpoint to see the app\n4. Start extending!\n\n## Tech Stack\n\n| Layer | Technology |\n|-------|-----------|\n| Server | [Hono](https://hono.dev/) |\n| Routing | [React Router 7](https://reactrouter.com/) |\n| UI | [React 18](https://react.dev/) |\n| Styling | [Twind](https://twind.dev/) (Tailwind via CDN) |\n| Database | Val Town SQLite (`std/sqlite@14-main`) |\n| Runtime | Val Town (Deno) |\n","children",[],[109],"3b259436-0f87-11f1-bedc-42dde27851f2","shared","019c82cb-5b48-76ad-b4d1-a699e13e3a83",["D",1771720891213],[123],[118],{"_36":124,"_13":125,"_66":126,"_68":119,"_70":71,"_72":127,"_74":75,"_38":128,"_17":77,"_78":79,"_80":129,"_82":54,"_83":-5,"_114":130,"_18":131},"51cae6fa-0f87-11f1-bc98-42dde27851f2","routes.ts","019c82cb-5b48-76ad-b4d1-9c36ca4f91ea",22,["D",1771720929235],"import {\n type ActionFunctionArgs,\n type LoaderFunctionArgs,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { Home } from \"../routes/Home.tsx\";\n\nlet isServer = typeof document === \"undefined\";\n\n// On the server, dynamically import the real loader/action function.\n// On the client, return a no-op stub. The stub's presence tells React Router\n// this route needs data, but the client's dataStrategy handles the actual\n// fetching via a single HTTP request to the server.\nfunction serverLoader(importURL: string) {\n if (isServer) {\n return async (args: LoaderFunctionArgs) => {\n let module = await import(importURL);\n return (module.loader || module.default)(args);\n };\n }\n return () => null;\n}\n\nfunction serverAction(importURL: string) {\n if (isServer) {\n return async (args: ActionFunctionArgs) => {\n let module = await import(importURL);\n return (module.action || module.default)(args);\n };\n }\n return () => null;\n}\n\nexport const routes = [\n {\n path: \"/\",\n Component: Home,\n loader: serverLoader(\"../routes/Home.loader.ts\"),\n action: serverAction(\"../routes/Home.action.ts\"),\n },\n];\n",[],[118,125],["D",1771720891213],[135,136,137],[19],{"_36":92,"_13":93,"_66":94,"_68":69,"_70":71,"_72":95,"_74":75,"_38":144,"_17":32,"_78":79,"_80":97,"_82":54,"_83":-5,"_114":145,"_18":146},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":141,"_17":77,"_78":79,"_80":90,"_82":54,"_83":-5,"_114":142,"_18":143},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":138,"_17":77,"_78":79,"_80":81,"_82":54,"_83":-5,"_114":139,"_18":140},["D",1771720939795],[],[19,65],["D",1771720940840],[],[19,86],["D",1771720919871],[],[19,93],"3b25359a-0f87-11f1-bedc-42dde27851f2","frontend","019c82cb-5b48-76ad-b4d1-6f1d4136d5e0",["D",1771720891213],[153,154,155],[148],{"_36":172,"_13":173,"_66":174,"_68":149,"_70":71,"_72":175,"_74":75,"_38":176,"_17":32,"_78":101,"_80":-5,"_82":54,"_83":-5,"_114":177,"_18":178},{"_36":164,"_13":165,"_66":166,"_68":149,"_70":71,"_72":167,"_74":75,"_38":168,"_17":77,"_78":24,"_80":169,"_82":54,"_83":-5,"_114":170,"_18":171},{"_36":156,"_13":157,"_66":158,"_68":149,"_70":71,"_72":159,"_74":75,"_38":160,"_17":77,"_78":79,"_80":161,"_82":54,"_83":-5,"_114":162,"_18":163},"69be20f6-0f87-11f1-8899-42dde27851f2","index.tsx","019c82cb-5b48-76ad-b4d1-6be7a9a368ce",27,["D",1771720969416],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { hydrateRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport {\n createBrowserRouter,\n redirect,\n RouterProvider,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { routes } from \"../shared/routes.ts\";\n\n// Create a browser router with a custom dataStrategy for single-fetch.\n// Instead of React Router calling each loader individually, this makes ONE\n// HTTP request per navigation with an \"X-Data-Request: true\" header.\n// The server runs all matched loaders/actions and returns their data as JSON.\nconst router = createBrowserRouter(\n routes,\n {\n // @ts-ignore - hydrationData is injected by the server\n hydrationData: window.__staticRouterHydrationData,\n\n async dataStrategy({ request, matches }) {\n const matchesToLoad = matches.filter(m => m.shouldLoad);\n if (matchesToLoad.length === 0) return {};\n\n const fetchInit: RequestInit = {\n method: request.method,\n headers: { \"X-Data-Request\": \"true\" },\n signal: request.signal,\n };\n\n // For form submissions (actions), forward the body\n if (request.method !== \"GET\") {\n fetchInit.body = await request.formData();\n }\n\n const res = await fetch(request.url, fetchInit);\n const json = await res.json();\n\n // Handle redirects from actions\n if (json.redirect) {\n const results: Record = {};\n for (const match of matchesToLoad) {\n results[match.route.id] = { type: \"data\", result: redirect(json.redirect) };\n }\n return results;\n }\n\n // Map loader/action data back to route IDs\n const results: Record = {};\n for (const match of matchesToLoad) {\n const routeId = match.route.id;\n if (json.actionData?.[routeId] != null) {\n results[routeId] = { type: \"data\", result: json.actionData[routeId] };\n } else if (json.loaderData?.[routeId] !== undefined) {\n results[routeId] = { type: \"data\", result: json.loaderData[routeId] };\n }\n }\n\n return results;\n },\n },\n);\n\n// Hydrate the server-rendered HTML\nhydrateRoot(\n document.getElementById(\"root\")!,\n \n \n ,\n);\n",[],[148,157],"631ade1a-0f87-11f1-8b77-42dde27851f2","index.html","019c82cb-5b48-76ad-b4d1-6598c90aff42",26,["D",1771720958278],"\n\n \n \n \n Todo List\n \n \n \n \n \n

\n \n \n\n",[],[148,165],"bbd9c8ae-0f87-11f1-8f72-42dde27851f2","components","019c82ce-a6e0-774f-9873-6da360d5b3ee",31,["D",1771721107172],[],[148,173],"3b24d97e-0f87-11f1-bedc-42dde27851f2","backend","019c82cb-5b48-76ad-b4d1-45904063f3c5",["D",1771720891213],[185,186,187],[180],{"_36":205,"_13":206,"_66":207,"_68":181,"_70":71,"_72":175,"_74":75,"_38":208,"_17":32,"_78":101,"_80":-5,"_82":54,"_83":-5,"_114":209,"_18":210},{"_36":197,"_13":198,"_66":199,"_68":181,"_70":71,"_72":200,"_74":75,"_38":201,"_17":32,"_78":79,"_80":202,"_82":54,"_83":-5,"_114":203,"_18":204},{"_36":188,"_13":189,"_66":190,"_68":181,"_70":71,"_72":191,"_74":75,"_38":192,"_17":77,"_78":193,"_80":194,"_82":54,"_83":-5,"_114":195,"_18":196},"61306e6c-0f87-11f1-bedc-42dde27851f2","index.ts","019c82cb-5b48-76ad-b4d1-411b4ee95cfc",25,["D",1771720954967],"http","import { Hono } from \"https://esm.sh/hono@4.1.0\";\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport {\n createStaticHandler,\n createStaticRouter,\n StaticRouterProvider,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { routes } from \"../shared/routes.ts\";\nimport { initializeDatabase } from \"./database.ts\";\n\n// Initialize the database\nawait initializeDatabase();\n\n// Create the Hono app\nconst app = new Hono();\n\n// Serve static files (frontend, shared, routes — needed for client-side imports)\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/routes/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/backend/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Create a static handler for server-side rendering\nconst { query, dataRoutes } = createStaticHandler(routes);\n\n// Handle all routes with React Router\napp.all(\"*\", async (c) => {\n const isDataRequest = c.req.header(\"X-Data-Request\") === \"true\";\n\n // Run loaders/actions on the server\n const context = await query(c.req.raw);\n\n // If the context is a Response (e.g., redirect from an action)\n if (context instanceof Response) {\n if (isDataRequest && context.status >= 300 && context.status < 400) {\n return Response.json({ redirect: context.headers.get(\"Location\") });\n }\n return context;\n }\n\n // Data-only request: return loader/action data as JSON\n if (isDataRequest) {\n return Response.json({\n loaderData: context.loaderData,\n actionData: context.actionData,\n });\n }\n\n // Full SSR render\n const router = createStaticRouter(dataRoutes, context);\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n const appHtml = renderToString(\n React.createElement(StaticRouterProvider, { router, context }),\n );\n\n html = html.replace(\n '

',\n `

${appHtml}

`,\n );\n\n return c.html(html);\n});\n\napp.onError((err, c) => {\n throw err;\n});\n\nexport default app.fetch;\n",[],[180,189],"4a20e652-0f87-11f1-8f72-42dde27851f2","database.ts","4a20e742-0f87-11f1-8f72-42dde27851f2",20,["D",1771720916380],"import { sqlite } from \"https://esm.town/v/std/sqlite@14-main/main.ts\";\n\nconst TABLE = \"todos_v1\";\n\nexport interface Todo {\n id: number;\n text: string;\n done: number; // 0 or 1 (SQLite has no booleans)\n}\n\nexport async function initializeDatabase() {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n text TEXT NOT NULL,\n done INTEGER NOT NULL DEFAULT 0\n )\n `);\n}\n\nexport async function getAllTodos(): Promise {\n const result = await sqlite.execute(`SELECT * FROM ${TABLE} ORDER BY id DESC`);\n return result.rows as Todo[];\n}\n\nexport async function addTodo(text: string): Promise {\n await sqlite.execute({ sql: `INSERT INTO ${TABLE} (text) VALUES (?)`, args: [text] });\n}\n\nexport async function toggleTodo(id: number): Promise {\n await sqlite.execute({ sql: `UPDATE ${TABLE} SET done = 1 - done WHERE id = ?`, args: [id] });\n}\n",[],[180,198],"bbd9bfb2-0f87-11f1-8f72-42dde27851f2","database","019c82ce-a6e0-774f-9873-6966bc8c8a5b",["D",1771721107172],[],[180,206],["D",1771720710965],"legacyEnvVars","httpPrivacy","description","Full-stack example ReactRouter7 project","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","019c82c8-9b9f-71cf-9c7b-d021b160f907","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","cfb5d7240f8611f19fc442dde27851f2","tursoHostname","cfb5d7240f8611f19fc442dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789531852468],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_257":253},"org",{"_11":12,"_251":-5,"_252":253,"_217":218,"_254":255,"_256":54},"branch",{"_17":175,"_13":16,"_36":71,"_43":44,"_46":37,"_48":247,"_248":56,"_249":44,"_250":59,"_60":14,"_57":12},2,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":44,"_13":14,"_38":345,"_52":-5,"_212":54,"_55":56,"_213":56,"_214":215,"_216":-5,"_217":218,"_219":220,"_221":75,"_222":-5,"_223":-5,"_224":32,"_58":59,"_225":226,"_227":228,"_229":346,"_231":-5,"_232":233,"_234":233,"_235":236,"_237":236,"_238":236,"_239":233,"_240":233,"_241":347,"_243":348,"_245":349,"_53":54},[300,304,308,312,314],"files",[300,301,302,303,304,305,306,307,308,309,310,311,312,313,314],"counts",{"_291":32,"_292":247,"_293":32,"_35":294,"_295":296},[285,286,287],{"_36":99,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":77,"_74":75,"_38":100,"_17":32,"_78":101,"_80":-5,"_82":54,"_83":-5,"_18":284},"upstreamProject",{"_36":281,"_13":282,"_214":215,"_216":-5,"_55":56,"_241":283},"upstreamBranch",{"_36":37,"_38":279,"_40":280,"_13":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":-5,"_53":54,"_55":56,"_57":12,"_58":59,"_60":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1771720710965],["D",1771761364903],"f1a22d8a-14cb-11f0-b108-569c3dd06744","reactRouter7Example",{"_11":12,"_257":253},[19],{"_36":92,"_13":93,"_66":94,"_68":69,"_70":71,"_72":95,"_74":75,"_38":96,"_17":32,"_78":79,"_80":97,"_82":54,"_83":-5,"_18":290},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":89,"_17":77,"_78":79,"_80":90,"_82":54,"_83":-5,"_18":289},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":76,"_17":77,"_78":79,"_80":81,"_82":54,"_83":-5,"_18":288},[19,65],[19,86],[19,93],"pulls","branches","forks",{"_297":32,"_299":32},"connections",{"_297":32,"_298":32},"count","unfilledCount","emptyCount",{"_36":179,"_13":180,"_66":181,"_68":-5,"_70":71,"_72":77,"_74":75,"_38":182,"_17":32,"_78":101,"_80":-5,"_82":54,"_83":-5,"_114":343,"_18":344},{"_36":205,"_13":206,"_66":207,"_68":181,"_70":71,"_72":175,"_74":75,"_38":208,"_17":32,"_78":101,"_80":-5,"_82":54,"_83":-5,"_114":341,"_18":342},{"_36":197,"_13":198,"_66":199,"_68":181,"_70":71,"_72":200,"_74":75,"_38":201,"_17":32,"_78":79,"_80":202,"_82":54,"_83":-5,"_114":339,"_18":340},{"_36":188,"_13":189,"_66":190,"_68":181,"_70":71,"_72":191,"_74":75,"_38":192,"_17":77,"_78":193,"_80":194,"_82":54,"_83":-5,"_114":337,"_18":338},{"_36":147,"_13":148,"_66":149,"_68":-5,"_70":71,"_72":77,"_74":75,"_38":150,"_17":32,"_78":101,"_80":-5,"_82":54,"_83":-5,"_114":335,"_18":336},{"_36":172,"_13":173,"_66":174,"_68":149,"_70":71,"_72":175,"_74":75,"_38":176,"_17":32,"_78":101,"_80":-5,"_82":54,"_83":-5,"_114":333,"_18":334},{"_36":164,"_13":165,"_66":166,"_68":149,"_70":71,"_72":167,"_74":75,"_38":168,"_17":77,"_78":24,"_80":169,"_82":54,"_83":-5,"_114":331,"_18":332},{"_36":156,"_13":157,"_66":158,"_68":149,"_70":71,"_72":159,"_74":75,"_38":160,"_17":77,"_78":79,"_80":161,"_82":54,"_83":-5,"_114":329,"_18":330},{"_36":99,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":77,"_74":75,"_38":132,"_17":32,"_78":101,"_80":-5,"_82":54,"_83":-5,"_114":327,"_18":328},{"_36":92,"_13":93,"_66":94,"_68":69,"_70":71,"_72":95,"_74":75,"_38":144,"_17":32,"_78":79,"_80":97,"_82":54,"_83":-5,"_114":325,"_18":326},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":141,"_17":77,"_78":79,"_80":90,"_82":54,"_83":-5,"_114":323,"_18":324},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":138,"_17":77,"_78":79,"_80":81,"_82":54,"_83":-5,"_114":321,"_18":322},{"_36":117,"_13":118,"_66":119,"_68":-5,"_70":71,"_72":77,"_74":75,"_38":120,"_17":32,"_78":101,"_80":-5,"_82":54,"_83":-5,"_114":319,"_18":320},{"_36":124,"_13":125,"_66":126,"_68":119,"_70":71,"_72":127,"_74":75,"_38":128,"_17":77,"_78":79,"_80":129,"_82":54,"_83":-5,"_114":317,"_18":318},{"_36":108,"_13":109,"_66":110,"_68":-5,"_70":71,"_72":111,"_74":75,"_38":112,"_17":77,"_78":24,"_80":113,"_82":54,"_83":-5,"_114":315,"_18":316},[],[109],[],[118,125],[313],[118],[],[19,65],[],[19,86],[],[19,93],[309,310,311],[19],[],[148,157],[],[148,165],[],[148,173],[305,306,307],[148],[],[180,189],[],[180,198],[],[180,206],[301,302,303],[180],["D",1771720710965],["D",1789531852468],{"_11":12,"_257":253},{"_11":12,"_251":-5,"_252":253,"_217":218,"_254":255,"_256":54},{"_17":175,"_13":16,"_36":71,"_43":44,"_46":37,"_48":247,"_248":56,"_249":44,"_250":59,"_60":14,"_57":12},"ctx",{"_241":-5,"_276":383,"_384":385,"_386":387,"_388":54,"_389":54,"_390":54,"_391":75,"_392":-5,"_393":-7,"_394":-7,"_395":32,"_396":54,"_397":54,"_398":-5,"_399":54,"_400":54,"_401":54,"_402":-5},"ENV",{"_354":355,"_356":357,"_358":42,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]