',\n `

${appHtml}

`,\n );\n\n return c.html(html);\n});\n\napp.onError((e) => Promise.reject(e));\n\nexport default app.fetch;","deleted","label",[19,63],"3af94f9e-0fe5-11f1-ae77-42dde27851f2","database.ts","caa1e966-0f87-11f1-9965-42dde27851f2",7,["D",1771761263634],2,"script","import { sqlite } from \"https://esm.town/v/std/sqlite/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(\n `SELECT * FROM ${TABLE} ORDER BY id DESC`,\n );\n return result.rows as unknown as Todo[];\n}\n\nexport async function addTodo(text: string): Promise {\n await sqlite.execute({\n sql: `INSERT INTO ${TABLE} (text) VALUES (?)`,\n args: [text],\n });\n}\n\nexport async function toggleTodo(id: number): Promise {\n await sqlite.execute({\n sql: `UPDATE ${TABLE} SET done = 1 - done WHERE id = ?`,\n args: [id],\n });\n}",[19,84],"cfc2f0bc-0f86-11f1-9fc4-42dde27851f2","database","019c82c8-9b9f-71cf-9c7b-cea6edb6ef75",["D",1771720710965],0,"directory",[19,93],"cfc30502-0f86-11f1-9fc4-42dde27851f2",["D",1771720710965],[19],{"_36":99,"_13":19,"_64":67,"_66":-5,"_68":69,"_70":34,"_72":73,"_38":189,"_17":96,"_76":97,"_78":-5,"_80":51,"_81":-5,"_113":190,"_18":191},{"_36":160,"_13":161,"_64":162,"_66":-5,"_68":69,"_70":34,"_72":73,"_38":163,"_17":96,"_76":97,"_78":-5,"_80":51,"_81":-5,"_113":164,"_18":165},{"_36":130,"_13":131,"_64":132,"_66":-5,"_68":69,"_70":34,"_72":73,"_38":133,"_17":96,"_76":97,"_78":-5,"_80":51,"_81":-5,"_113":134,"_18":135},{"_36":116,"_13":117,"_64":118,"_66":-5,"_68":69,"_70":34,"_72":73,"_38":119,"_17":96,"_76":97,"_78":-5,"_80":51,"_81":-5,"_113":120,"_18":121},{"_36":107,"_13":108,"_64":109,"_66":-5,"_68":69,"_70":110,"_72":73,"_38":111,"_17":75,"_76":24,"_78":112,"_80":51,"_81":-5,"_113":114,"_18":115},"7754fb6e-0fe5-11f1-af0f-42dde27851f2","README.md","019c82c8-9b9f-71cf-9c7c-38fa193b361b",9,["D",1771761364903],"# React Router 7 on Val Town — Minimal Example\n\nThe simplest possible full-stack SSR + SPA app on [Val Town](https://val.town),\nbuilt with **React Router 7**, **Hono**, and **SQLite**. A todo list in ~150\nlines of app code that demonstrates every core pattern you need.\n\n> **Want the full version?** See the\n> [message board example](https://www.val.town/x/stevekrouse/reactRouter7Example)\n> with nested routes, search, multiple tables, and more.\n\n## What This Teaches\n\n1. **SSR + Hydration** — Server renders full HTML, client hydrates with\n `hydrateRoot`\n2. **Shared route tree** — Same `routes.ts` on server and client;\n `serverLoader`/`serverAction` keeps DB code off the client\n3. **Single-fetch `dataStrategy`** — One request per navigation via\n `X-Data-Request` header\n4. **Loaders** — Server-side data loading before render\n5. **Actions** — Form submissions via `

` with `intent`\n 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\nhelpers 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\nbrowser**.\n\n### Key Pattern: `dataStrategy` (Single-Fetch)\n\nInstead of React Router calling each loader individually on the client, a custom\n`dataStrategy` in `frontend/index.tsx` makes **one HTTP request** with an\n`X-Data-Request: true` header. The server runs all matched loaders/actions and\nreturns 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`) |\n| Runtime | Val Town (Deno) |","children",[],[108],"cfdb6138-0f86-11f1-9fc4-42dde27851f2","shared","019c82c8-9b9f-71cf-9c7c-34e7e0ef4ba1",["D",1771720710965],[122],[117],{"_36":123,"_13":124,"_64":125,"_66":118,"_68":69,"_70":75,"_72":73,"_38":126,"_17":88,"_76":89,"_78":127,"_80":51,"_81":-5,"_113":128,"_18":129},"e9d0d9c0-0fe4-11f1-96d1-42dde27851f2","routes.ts","019c82c8-9b9f-71cf-9c7c-2fe5fa5c6c26",["D",1771761127478],"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\nconst 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];",[],[117,124],"cfdb4946-0f86-11f1-9fc4-42dde27851f2","routes","019c82c8-9b9f-71cf-9c7c-2a606343932c",["D",1771720710965],[136,137,138],[131],{"_36":153,"_13":154,"_64":155,"_66":132,"_68":69,"_70":88,"_72":73,"_38":156,"_17":96,"_76":89,"_78":157,"_80":51,"_81":-5,"_113":158,"_18":159},{"_36":146,"_13":147,"_64":148,"_66":132,"_68":69,"_70":88,"_72":73,"_38":149,"_17":34,"_76":89,"_78":150,"_80":51,"_81":-5,"_113":151,"_18":152},{"_36":139,"_13":140,"_64":141,"_66":132,"_68":69,"_70":88,"_72":73,"_38":142,"_17":34,"_76":89,"_78":143,"_80":51,"_81":-5,"_113":144,"_18":145},"caa29154-0f87-11f1-9965-42dde27851f2","Home.tsx","019c82c8-9b9f-71cf-9c7c-0b560a296e73",["D",1771721131961],"/** @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 \n {isAdding ? \"Adding...\" : \"Add\"}\n \n \n\n {/* Todo list */}\n

\n
\n \n \n \n
\n \n {todo.text}\n \n

\n\n {todos.length === 0 && (\n

No todos yet. Add one above!

\n )}\n\n \n

\n );\n}\n",[],[131,140],"caa28e70-0f87-11f1-9965-42dde27851f2","Home.loader.ts","019c82c8-9b9f-71cf-9c7c-04590b996403",["D",1771721131961],"import { getAllTodos } from \"../backend/database.ts\";\n\nexport async function loader() {\n return { todos: await getAllTodos() };\n}\n",[],[131,147],"caa20af4-0f87-11f1-9965-42dde27851f2","Home.action.ts","caa20b80-0f87-11f1-9965-42dde27851f2",["D",1771721131961],"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",[],[131,154],"cfdafc70-0f86-11f1-9fc4-42dde27851f2","frontend","019c82c8-9b9f-71cf-9c7b-fd9235b8b6a5",["D",1771720710965],[166,167,168],[161],{"_36":183,"_13":184,"_64":185,"_66":162,"_68":69,"_70":34,"_72":73,"_38":186,"_17":96,"_76":97,"_78":-5,"_80":51,"_81":-5,"_113":187,"_18":188},{"_36":176,"_13":177,"_64":178,"_66":162,"_68":69,"_70":88,"_72":73,"_38":179,"_17":34,"_76":24,"_78":180,"_80":51,"_81":-5,"_113":181,"_18":182},{"_36":169,"_13":170,"_64":171,"_66":162,"_68":69,"_70":88,"_72":73,"_38":172,"_17":34,"_76":89,"_78":173,"_80":51,"_81":-5,"_113":174,"_18":175},"caa27c50-0f87-11f1-9965-42dde27851f2","index.tsx","019c82c8-9b9f-71cf-9c7b-fa99b68ed4b6",["D",1771721131961],"/** @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",[],[161,170],"caa2770a-0f87-11f1-9965-42dde27851f2","index.html","019c82c8-9b9f-71cf-9c7b-f521acec0290",["D",1771721131961],"\n\n \n \n \n Todo List\n \n \n \n \n \n

\n \n \n\n",[],[161,177],"cfc33e96-0f86-11f1-9fc4-42dde27851f2","components","019c82c8-9b9f-71cf-9c7b-f1f1eaa5d913",["D",1771720710965],[],[161,184],["D",1771720710965],[192,193,194],[19],{"_36":92,"_13":93,"_64":94,"_66":67,"_68":69,"_70":34,"_72":73,"_38":201,"_17":96,"_76":97,"_78":-5,"_80":51,"_81":-5,"_113":202,"_18":203},{"_36":83,"_13":84,"_64":85,"_66":67,"_68":69,"_70":86,"_72":73,"_38":198,"_17":88,"_76":89,"_78":90,"_80":51,"_81":-5,"_113":199,"_18":200},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":195,"_17":75,"_76":77,"_78":79,"_80":51,"_81":-5,"_113":196,"_18":197},["D",1771761239006],[],[19,63],["D",1771761263634],[],[19,84],["D",1771720710965],[],[19,93],"cfb5d724-0f86-11f1-9fc4-42dde27851f2",["D",1771720710965],"legacyEnvVars","httpPrivacy","description","Full-stack example ReactRouter7 project","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","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,"_250":246},"org",{"_11":12,"_244":-5,"_245":246,"_211":212,"_247":248,"_249":51},"branch",{"_17":110,"_13":16,"_36":69,"_42":204,"_45":37,"_46":240,"_241":53,"_242":43,"_243":56,"_57":14,"_54":12},177,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":204,"_13":14,"_38":336,"_49":-5,"_206":51,"_52":53,"_207":53,"_208":209,"_210":-5,"_211":212,"_213":65,"_214":73,"_215":-5,"_216":-5,"_217":96,"_55":56,"_218":219,"_220":221,"_222":337,"_224":-5,"_225":226,"_227":226,"_228":229,"_230":229,"_231":229,"_232":226,"_233":226,"_234":338,"_236":339,"_238":340,"_50":51},[291,295,299,303,305],"files",[291,292,293,294,295,296,297,298,299,300,301,302,303,304,305],"counts",{"_282":96,"_283":88,"_284":96,"_35":285,"_286":287},[276,277,278],{"_36":99,"_13":19,"_64":67,"_66":-5,"_68":69,"_70":34,"_72":73,"_38":100,"_17":96,"_76":97,"_78":-5,"_80":51,"_81":-5,"_18":275},"upstreamProject",{"_36":43,"_13":58,"_208":209,"_210":-5,"_52":53,"_234":274},"upstreamBranch",{"_36":37,"_38":272,"_40":273,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":12,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1744152661331],["D",1771761464050],{"_11":12,"_250":246},[19],{"_36":92,"_13":93,"_64":94,"_66":67,"_68":69,"_70":34,"_72":73,"_38":95,"_17":96,"_76":97,"_78":-5,"_80":51,"_81":-5,"_18":281},{"_36":83,"_13":84,"_64":85,"_66":67,"_68":69,"_70":86,"_72":73,"_38":87,"_17":88,"_76":89,"_78":90,"_80":51,"_81":-5,"_18":280},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":74,"_17":75,"_76":77,"_78":79,"_80":51,"_81":-5,"_18":279},[19,63],[19,84],[19,93],"pulls","branches","forks",{"_288":96,"_290":96},"connections",{"_288":96,"_289":96},"count","unfilledCount","emptyCount",{"_36":99,"_13":19,"_64":67,"_66":-5,"_68":69,"_70":34,"_72":73,"_38":189,"_17":96,"_76":97,"_78":-5,"_80":51,"_81":-5,"_113":334,"_18":335},{"_36":92,"_13":93,"_64":94,"_66":67,"_68":69,"_70":34,"_72":73,"_38":201,"_17":96,"_76":97,"_78":-5,"_80":51,"_81":-5,"_113":332,"_18":333},{"_36":83,"_13":84,"_64":85,"_66":67,"_68":69,"_70":86,"_72":73,"_38":198,"_17":88,"_76":89,"_78":90,"_80":51,"_81":-5,"_113":330,"_18":331},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":195,"_17":75,"_76":77,"_78":79,"_80":51,"_81":-5,"_113":328,"_18":329},{"_36":160,"_13":161,"_64":162,"_66":-5,"_68":69,"_70":34,"_72":73,"_38":163,"_17":96,"_76":97,"_78":-5,"_80":51,"_81":-5,"_113":326,"_18":327},{"_36":183,"_13":184,"_64":185,"_66":162,"_68":69,"_70":34,"_72":73,"_38":186,"_17":96,"_76":97,"_78":-5,"_80":51,"_81":-5,"_113":324,"_18":325},{"_36":176,"_13":177,"_64":178,"_66":162,"_68":69,"_70":88,"_72":73,"_38":179,"_17":34,"_76":24,"_78":180,"_80":51,"_81":-5,"_113":322,"_18":323},{"_36":169,"_13":170,"_64":171,"_66":162,"_68":69,"_70":88,"_72":73,"_38":172,"_17":34,"_76":89,"_78":173,"_80":51,"_81":-5,"_113":320,"_18":321},{"_36":130,"_13":131,"_64":132,"_66":-5,"_68":69,"_70":34,"_72":73,"_38":133,"_17":96,"_76":97,"_78":-5,"_80":51,"_81":-5,"_113":318,"_18":319},{"_36":153,"_13":154,"_64":155,"_66":132,"_68":69,"_70":88,"_72":73,"_38":156,"_17":96,"_76":89,"_78":157,"_80":51,"_81":-5,"_113":316,"_18":317},{"_36":146,"_13":147,"_64":148,"_66":132,"_68":69,"_70":88,"_72":73,"_38":149,"_17":34,"_76":89,"_78":150,"_80":51,"_81":-5,"_113":314,"_18":315},{"_36":139,"_13":140,"_64":141,"_66":132,"_68":69,"_70":88,"_72":73,"_38":142,"_17":34,"_76":89,"_78":143,"_80":51,"_81":-5,"_113":312,"_18":313},{"_36":116,"_13":117,"_64":118,"_66":-5,"_68":69,"_70":34,"_72":73,"_38":119,"_17":96,"_76":97,"_78":-5,"_80":51,"_81":-5,"_113":310,"_18":311},{"_36":123,"_13":124,"_64":125,"_66":118,"_68":69,"_70":75,"_72":73,"_38":126,"_17":88,"_76":89,"_78":127,"_80":51,"_81":-5,"_113":308,"_18":309},{"_36":107,"_13":108,"_64":109,"_66":-5,"_68":69,"_70":110,"_72":73,"_38":111,"_17":75,"_76":24,"_78":112,"_80":51,"_81":-5,"_113":306,"_18":307},[],[108],[],[117,124],[304],[117],[],[131,140],[],[131,147],[],[131,154],[300,301,302],[131],[],[161,170],[],[161,177],[],[161,184],[296,297,298],[161],[],[19,63],[],[19,84],[],[19,93],[292,293,294],[19],["D",1771720710965],["D",1789531852468],{"_11":12,"_250":246},{"_11":12,"_244":-5,"_245":246,"_211":212,"_247":248,"_249":51},{"_17":110,"_13":16,"_36":69,"_42":204,"_45":37,"_46":240,"_241":53,"_242":43,"_243":56,"_57":14,"_54":12},"ctx",{"_234":-5,"_269":374,"_375":376,"_377":378,"_379":51,"_380":51,"_381":51,"_382":73,"_383":-5,"_384":-7,"_385":-7,"_386":96,"_387":51,"_388":51,"_389":-5,"_390":51,"_391":51,"_392":51,"_393":-5},"ENV",{"_345":346,"_347":348,"_349":16,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]