{data.message}

;\n}",[],[99,165],{"_103":172,"_95":173,"_139":174,"_141":140,"_142":129,"_143":144,"_145":146,"_105":175,"_100":31,"_148":159,"_150":176,"_151":26,"_152":177,"_98":178},"4d953d36-e401-11ef-96b8-e6cdfca9ef9f","home.tsx","5dc8c8b7-0c8a-4250-a20f-a32e7700148b",["D",1738787971920],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport default function Home() {\n return

Home

;\n}",[],[99,173],{"_103":180,"_95":181,"_139":182,"_141":140,"_142":129,"_143":144,"_145":146,"_105":183,"_100":31,"_148":159,"_150":184,"_151":26,"_152":185,"_98":186},"4d955686-e401-11ef-96b8-e6cdfca9ef9f","index.ts","d5821445-594c-488b-a357-89b5d6aa7828",["D",1738787971920],"import {\n ActionFunctionArgs,\n LoaderFunctionArgs,\n} from \"https://esm.sh/react-router@7.1.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport aboutLoader from \"./about.loader.ts\";\nimport About from \"./about.tsx\";\nimport Home from \"./home.tsx\";\nimport Layout from \"./layout.tsx\";\n\nlet isServer = typeof document === \"undefined\";\n\nexport default [\n {\n id: \"layout\",\n path: \"/\",\n Component: Layout,\n // up to you where your loaders run (client or server), this one dynamically\n // imports the correct one to avoid putting the server code in client\n // bundles\n async loader(args: LoaderFunctionArgs) {\n let mod = await (isServer\n ? import(\"./layout.server.ts\")\n : import(\"./layout.client.ts\"));\n return mod.loader(args);\n },\n // same with the action, you'll probably want to abstract this kind of stuff\n // in a createRoute() kind of thing\n async action(args: ActionFunctionArgs) {\n let mod = await (isServer\n ? import(\"./layout.server.ts\")\n : import(\"./layout.client.ts\"));\n return mod.action(args);\n },\n children: [\n {\n id: \"home\",\n index: true,\n Component: Home,\n },\n {\n id: \"about\",\n path: \"about\",\n Component: About,\n // this loader runs in both places\n loader: aboutLoader,\n },\n ],\n },\n];",[],[99,181],{"_103":188,"_95":189,"_139":190,"_141":140,"_142":129,"_143":144,"_145":146,"_105":191,"_100":31,"_148":159,"_150":192,"_151":26,"_152":193,"_98":194},"4d9559c4-e401-11ef-96b8-e6cdfca9ef9f","layout.client.ts","dc927a5e-9b5f-49a5-9ed9-e92164a4cc44",["D",1738787971920],"import { type LoaderFunctionArgs } from \"https://esm.sh/react-router@7.1.3?deps=react@18.2.0,react-dom@18.2.0\";\n\nexport async function loader({ request }: LoaderFunctionArgs) {\n let url = new URL(request.url);\n let res = await fetch(url, {\n headers: {\n Accept: \"application/json\",\n \"X-Route-Id\": \"layout\",\n },\n });\n return res.json();\n}\n\nexport async function action({ request }: LoaderFunctionArgs) {\n let url = new URL(request.url);\n // call the server action\n let res = await fetch(url, {\n method: \"POST\",\n body: new URLSearchParams(await request.formData()),\n headers: {\n \"Content-Type\": \"application/x-www-form-urlencoded\",\n Accept: \"application/json\",\n \"X-Route-Id\": \"layout\",\n },\n });\n return res.json();\n}",[],[99,189],{"_103":196,"_95":197,"_139":198,"_141":140,"_142":129,"_143":144,"_145":146,"_105":199,"_100":31,"_148":159,"_150":200,"_151":26,"_152":201,"_98":202},"4d955b54-e401-11ef-96b8-e6cdfca9ef9f","layout.server.ts","edd5d7fe-c333-4bdb-b8b6-fa3acfe2cbf6",["D",1738787971920],"import {\n ActionFunctionArgs,\n type LoaderFunctionArgs,\n} from \"https://esm.sh/react-router@7.1.3?deps=react@18.2.0,react-dom@18.2.0\";\n\nlet db = { message: \"Hello world!\" };\n\nexport async function loader(args: LoaderFunctionArgs) {\n await new Promise(resolve => setTimeout(resolve, 200));\n return { message: db.message };\n}\n\nexport async function action({ request }: ActionFunctionArgs) {\n let formData = await request.formData();\n db.message = String(formData.get(\"message\"));\n return { ok: true };\n}",[],[99,197],{"_103":204,"_95":205,"_139":206,"_141":140,"_142":129,"_143":144,"_145":146,"_105":207,"_100":31,"_148":159,"_150":208,"_151":26,"_152":209,"_98":210},"4d955e42-e401-11ef-96b8-e6cdfca9ef9f","layout.tsx","9af0219c-db96-4064-851d-ba74b520ece8",["D",1738787971920],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n Form,\n Link,\n Outlet,\n useLoaderData,\n} from \"https://esm.sh/react-router@7.1.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport { type loader } from \"./layout.server.ts\";\n\nexport default function Layout() {\n let data = useLoaderData();\n return (\n \n \n React Router Custom Framework\n \n \n

React Router Custom Framework

\n\n \n\n

\n Home | About\n

\n\n

\n\n \n

\n\n \n \n \n );\n}",[],[99,205],[99],{"_103":213,"_95":214,"_139":215,"_141":-5,"_142":129,"_143":144,"_145":146,"_105":216,"_100":31,"_148":217,"_150":218,"_151":26,"_152":219,"_98":220},"4d956126-e401-11ef-96b8-e6cdfca9ef9f","README.md","d004ebee-9ae8-412b-98a1-4877f9366327",["D",1738787971920],"file","# React Router v7\n\nThis project demonstrates how to use react-router v7's [custom framework setup](https://reactrouter.com/start/framework/custom) to run react-router in a val.town project.\n\nThis is a direct port of [their example repo](https://github.com/remix-run/custom-react-router-framework-example).",[],[214],{"_103":222,"_95":223,"_139":224,"_141":-5,"_142":129,"_143":90,"_145":146,"_105":225,"_100":144,"_148":159,"_150":226,"_151":26,"_152":227,"_98":228},"b6c3c0a6-e4ac-11ef-8b30-e6cdfca9ef9f","entry.client.tsx","6cf4c530-33ac-4014-b5af-f37e7cad2368",["D",1738861592350],"import { hydrateRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { RouterProvider } from \"https://esm.sh/react-router@7.1.3/dom?deps=react@18.2.0,react-dom@18.2.0\";\nimport { createBrowserRouter } from \"https://esm.sh/react-router@7.1.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport { StrictMode } from \"https://esm.sh/react@18.2.0\";\nimport routes from \"./routes/index.ts\";\n\nlet router = createBrowserRouter(routes, {\n // @ts-expect-error It's fine\n hydrationData: window.__staticRouterHydrationData,\n});\n\nhydrateRoot(document, React.createElement(RouterProvider, { router: router }));\n\nconsole.log(\"ladededa testing pull requests\");",[],[223],{"_103":230,"_95":231,"_139":232,"_141":-5,"_142":129,"_143":144,"_145":146,"_105":233,"_100":31,"_148":159,"_150":234,"_151":26,"_152":235,"_98":236},"4d956446-e401-11ef-96b8-e6cdfca9ef9f","entry.server.tsx","b4e33041-bba9-4aa0-9c6a-b7f93e7366de",["D",1738787971920],"/** @jsxImportSource https://esm.sh/react@18.2.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.1.3?deps=react@18.2.0,react-dom@18.2.0\";\n\nimport routes from \"./routes/index.ts\";\n\nlet { query, dataRoutes } = createStaticHandler(routes);\n\nexport async function handler(request: Request) {\n // 1. run actions/loaders to get the routing context with `query`\n let context = await query(request);\n\n // If `query` returns a Response, send it raw (a route probably a redirected)\n if (context instanceof Response) {\n return context;\n }\n\n // 2. Create a static router for SSR\n let router = createStaticRouter(dataRoutes, context);\n\n // 3. Render everything with StaticRouterProvider\n let html = renderToString(\n ,\n );\n\n // Setup headers from action and loaders from deepest match\n let leaf = context.matches[context.matches.length - 1];\n let actionHeaders = context.actionHeaders[leaf.route.id];\n let loaderHeaders = context.loaderHeaders[leaf.route.id];\n let headers = new Headers(actionHeaders);\n if (loaderHeaders) {\n for (let [key, value] of loaderHeaders.entries()) {\n headers.append(key, value);\n }\n }\n\n headers.set(\"Content-Type\", \"text/html; charset=utf-8\");\n\n // 4. send a response\n return new Response(`${html}`, {\n status: context.statusCode,\n headers,\n });\n}",[],[231],{"_103":238,"_95":239,"_139":240,"_141":-5,"_142":129,"_143":144,"_145":146,"_105":241,"_100":31,"_148":242,"_150":243,"_151":26,"_152":244,"_98":245},"4d958890-e401-11ef-96b8-e6cdfca9ef9f","server.tsx","c7ce7b9e-aded-44e8-9c31-aa907d25c124",["D",1738787971920],"http","import { handler } from \"./entry.server.tsx\";\n\nexport default async function(request: Request) {\n const url = new URL(request.url);\n if (url.pathname == \"/js/entry.client.js\") {\n const moduleUrl = new URL(\"./entry.client.tsx\", import.meta.url);\n return fetch(moduleUrl);\n }\n return handler(request);\n}",[],[239],"counts",{"_248":31,"_249":144,"_250":31,"_251":31},"pulls","branches","forks","envVars","contents",[254,257,260,263,266,269,272],{"_103":155,"_95":156,"_139":157,"_141":140,"_142":129,"_143":144,"_145":146,"_105":255,"_100":31,"_148":159,"_150":160,"_151":26,"_98":256},["D",1738787971920],[99,156],{"_103":164,"_95":165,"_139":166,"_141":140,"_142":129,"_143":144,"_145":146,"_105":258,"_100":31,"_148":159,"_150":168,"_151":26,"_98":259},["D",1738787971920],[99,165],{"_103":172,"_95":173,"_139":174,"_141":140,"_142":129,"_143":144,"_145":146,"_105":261,"_100":31,"_148":159,"_150":176,"_151":26,"_98":262},["D",1738787971920],[99,173],{"_103":180,"_95":181,"_139":182,"_141":140,"_142":129,"_143":144,"_145":146,"_105":264,"_100":31,"_148":159,"_150":184,"_151":26,"_98":265},["D",1738787971920],[99,181],{"_103":188,"_95":189,"_139":190,"_141":140,"_142":129,"_143":144,"_145":146,"_105":267,"_100":31,"_148":159,"_150":192,"_151":26,"_98":268},["D",1738787971920],[99,189],{"_103":196,"_95":197,"_139":198,"_141":140,"_142":129,"_143":144,"_145":146,"_105":270,"_100":31,"_148":159,"_150":200,"_151":26,"_98":271},["D",1738787971920],[99,197],{"_103":204,"_95":205,"_139":206,"_141":140,"_142":129,"_143":144,"_145":146,"_105":273,"_100":31,"_148":159,"_150":208,"_151":26,"_98":274},["D",1738787971920],[99,205],{"_103":138,"_95":99,"_139":140,"_141":-5,"_142":129,"_143":144,"_145":146,"_105":276,"_100":31,"_148":149,"_150":-5,"_151":26,"_98":277},["D",1738787971920],[99],"upstream",{"_103":280,"_95":96,"_110":281,"_111":-5,"_108":109,"_20":282},"a4108c68-da8f-11ef-baa0-e6cdfca9ef9f","React router v7 running in a val.town project",{"_93":283,"_125":284},"just_be","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2F2YXRhcnMuZ2l0aHVidXNlcmNvbnRlbnQuY29tL3UvMzA4NzIyNT92PTQiLCJzIjoiODRqbjJSZG5jOWkyNUgrUXJIU0dRUWZnQmRrQ01LY2NxUTBUMm5nTEVQOCJ9","routes/_app.x.$handle.$name.branch.$branch.code.$",{"_93":94,"_95":96,"_97":41,"_100":-7,"_98":99,"_101":287,"_217":291,"_252":293,"_278":308,"_317":-5},{"_103":104,"_95":96,"_105":288,"_107":-5,"_108":109,"_110":-5,"_111":-5,"_11":112,"_113":-5,"_114":26,"_115":116,"_117":116,"_118":119,"_120":119,"_121":119,"_122":116,"_123":26,"_20":289,"_127":290},["D",1738787971920],{"_93":94,"_125":126},{"_100":90,"_95":41,"_103":129,"_130":104,"_131":132,"_133":134},{"_103":138,"_95":99,"_139":140,"_141":-5,"_142":129,"_143":144,"_145":146,"_105":276,"_100":31,"_148":149,"_150":-5,"_151":26,"_98":292},[99],[294,296,298,300,302,304,306],{"_103":155,"_95":156,"_139":157,"_141":140,"_142":129,"_143":144,"_145":146,"_105":255,"_100":31,"_148":159,"_150":160,"_151":26,"_98":295},[99,156],{"_103":164,"_95":165,"_139":166,"_141":140,"_142":129,"_143":144,"_145":146,"_105":258,"_100":31,"_148":159,"_150":168,"_151":26,"_98":297},[99,165],{"_103":172,"_95":173,"_139":174,"_141":140,"_142":129,"_143":144,"_145":146,"_105":261,"_100":31,"_148":159,"_150":176,"_151":26,"_98":299},[99,173],{"_103":180,"_95":181,"_139":182,"_141":140,"_142":129,"_143":144,"_145":146,"_105":264,"_100":31,"_148":159,"_150":184,"_151":26,"_98":301},[99,181],{"_103":188,"_95":189,"_139":190,"_141":140,"_142":129,"_143":144,"_145":146,"_105":267,"_100":31,"_148":159,"_150":192,"_151":26,"_98":303},[99,189],{"_103":196,"_95":197,"_139":198,"_141":140,"_142":129,"_143":144,"_145":146,"_105":270,"_100":31,"_148":159,"_150":200,"_151":26,"_98":305},[99,197],{"_103":204,"_95":205,"_139":206,"_141":140,"_142":129,"_143":144,"_145":146,"_105":273,"_100":31,"_148":159,"_150":208,"_151":26,"_98":307},[99,205],{"_103":132,"_105":309,"_310":311,"_95":41,"_130":280,"_100":312,"_131":-5,"_133":-5,"_313":314,"_123":26,"_108":109,"_315":283,"_316":96},["D",1737749593947],"updatedAt",["D",1739569255443],47,"lockfileKey","1740169538822-_tmp_vt-bCBaCG_main.ts","userHandle","projectName","pull","routes/_app","actionData","errors"]