[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_185":186,"_187":188},"routes/_app.x.$handle.$name",{"_101":100,"_38":51,"_109":91,"_33":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_26":-5,"_121":-5,"_122":-5,"_123":31,"_124":125,"_126":63,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":-5,"_59":-5,"_19":60,"_61":37,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":31},"version",31,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","f1e64dc7-9fd5-43e2-b4d5-01fbb6c1843a","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","1.tsx","latestPath","fileId","7d081220-44cf-11f1-8921-42b51c65c3df","name","fileType","http","content","/** @jsxImportSource https://esm.sh/@remix-run/ui@0.1.1 */\n// Step 1: Remix 3 \"Hello World\" — single-file HTTP val with client hydration.\n//\n// What's idiomatic Remix 3 here:\n//\n// 1. JSX uses Remix's own runtime (`@remix-run/ui/jsx-runtime`, set via the\n// `@jsxImportSource` pragma above) — not React. `class`, not `className`.\n//\n// 2. Components are *higher-order*: the outer fn receives a `handle` and\n// runs once per instance (setup), then returns a render fn that runs on\n// every render. State is just plain closure variables; call\n// `handle.update()` to re-render.\n//\n// 3. `clientEntry(entryId, Component)` marks a component as hydratable.\n// The id is \"#\". On the client, `run()` walks\n// the SSR'd tree and uses `loadModule` to dynamic-import each entry.\n//\n// 4. `createHtmlResponse` from `@remix-run/response/html` is the proper way\n// to ship HTML — auto-prepends ``, sets the right\n// Content-Type, and accepts the `ReadableStream` from `renderToStream`.\n//\n// 5. Val Town's `esm.town` auto-transpiles TS+JSX when a *browser* fetches\n// `import.meta.url` (UA-based). It does NOT rewrite `npm:` imports — so\n// we import everything from `https://esm.sh/...` URLs which work in\n// both Deno (server) and the browser (client).\nimport { createRouter } from \"https://esm.sh/@remix-run/fetch-router@0.18.2\";\nimport { route } from \"https://esm.sh/@remix-run/fetch-router@0.18.2/routes\";\nimport {\n clientEntry,\n type Handle,\n on,\n run,\n} from \"https://esm.sh/@remix-run/ui@0.1.1\";\nimport { renderToStream } from \"https://esm.sh/@remix-run/ui@0.1.1/server\";\nimport { createHtmlResponse } from \"https://esm.sh/@remix-run/response@0.3.3/html\";\n\n// ─── The Page (isomorphic — same code runs on server and client) ───────────\n\nexport const Page = clientEntry(\n // The entry id tells the client where to dynamic-import this component\n // from. `import.meta.url` is THIS file's URL, which Val Town serves as\n // transpiled JS to browsers automatically. So the same `.tsx` file is\n // both the server entry and the client bundle.\n `${import.meta.url}#Page`,\n function Page(handle: Handle) {\n // Plain closure variable — runs once per instance, on server AND client.\n // Mutate it and call `handle.update()` to re-render.\n let count = 0;\n\n return () => (\n \n \n \n Hello, Remix 3!\n \n \n

Hello from Remix 3 on Val Town! 👋

\n Click the button to confirm the client runtime is alive:\n

\n {\n count++;\n handle.update();\n }),\n ]}\n >\n Clicked {count} {count === 1 ? \"time\" : \"times\"}\n \n\n {/* Boot the client runtime once the page parses. `run` walks the\n SSR'd tree, dynamic-imports each clientEntry's module, and\n hydrates the matching DOM in place. */}\n import(url) });\n `}\n />\n \n \n );\n },\n);\n\n// ─── HTTP server ───────────────────────────────────────────────────────────\n\nconst router = createRouter();\n\nrouter.get(route({ home: \"/\" }).home, () =>\n createHtmlResponse(\n renderToStream(, {\n // Map clientEntry $entryId (\"#\") → { href, exportName }\n // so the SSR'd hydration data block points at the right module.\n resolveClientEntry: (entryId) => {\n const [href, exportName = \"default\"] = entryId.split(\"#\");\n return { href, exportName };\n },\n }),\n ));\n\nexport default router.fetch;\n","/** @jsxImportSource https://esm.sh/@remix-run/ui@0.1.1 */\nimport { createRouter } from \"https://esm.sh/@remix-run/fetch-router@0.18.2\";\nimport { clientEntry, type Handle, on } from \"https://esm.sh/@remix-run/ui@0.1.1\";\nimport { renderToStream } from \"https://esm.sh/@remix-run/ui@0.1.1/server\";\nimport { createHtmlResponse } from \"https://esm.sh/@remix-run/response@0.3.3/html\";\n\nexport const Page = clientEntry(`${import.meta.url}#Page`, function Page(handle: Handle) {\n let count = 0;\n return () => (\n \n \n

Hello from Remix 3! 👋

\n \n

Diff · v31