React Router Custom Framework

\n\n \n\n

\n Home | About\n

\n\n

\n\n \n

\n\n \n \n \n );\n}",[],[155,223],[155],{"_104":232,"_95":233,"_156":234,"_158":-5,"_159":141,"_160":235,"_162":22,"_106":236,"_100":226,"_165":178,"_167":237,"_168":22,"_169":-5,"_170":238,"_98":239},"0b566078-da90-11ef-9c0f-e6cdfca9ef9f","client.tsx","ba7c7930-da8f-11ef-97e6-e6cdfca9ef9f",22,["D",1737749767208],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport { 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, );",[],[233],{"_104":241,"_95":242,"_156":117,"_158":-5,"_159":141,"_160":243,"_162":22,"_106":244,"_100":226,"_165":245,"_167":246,"_168":22,"_169":-5,"_170":247,"_98":248},"071be230-da90-11ef-913f-e6cdfca9ef9f","server.tsx",21,["D",1737749760112],"http","/** @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}",[],[242],"files",[153,172,181,189,197,205,213,221,231,240],"counts",{"_253":32,"_254":226,"_255":164,"_256":32},"pulls","branches","forks","envVars","contents",[],"file",{"_104":206,"_95":207,"_156":208,"_158":157,"_159":141,"_160":209,"_162":22,"_106":261,"_100":164,"_165":178,"_167":72,"_168":22,"_169":-5,"_98":262},["D",1737749722562],[155,207],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":271,"_151":276,"_249":307,"_259":308,"_257":310,"_311":-5,"_312":22,"_313":-5,"_314":-5,"_315":-5,"_316":317},{"_104":105,"_95":96,"_106":272,"_108":-5,"_109":22,"_110":111,"_112":113,"_114":-5,"_14":115,"_116":117,"_118":119,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":273,"_135":274,"_138":275,"_150":22},["D",1737749593947],{"_93":94,"_133":134},{"_93":94,"_137":134},{"_100":140,"_95":43,"_104":141,"_142":105,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":96,"_149":94},[277,301,304],{"_104":154,"_95":155,"_156":157,"_158":-5,"_159":141,"_160":161,"_162":119,"_106":163,"_100":164,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":278,"_98":300},[279,282,285,288,291,294,297],{"_104":173,"_95":174,"_156":175,"_158":157,"_159":141,"_160":176,"_162":22,"_106":177,"_100":164,"_165":178,"_167":72,"_168":22,"_169":-5,"_170":280,"_98":281},[],[155,174],{"_104":182,"_95":183,"_156":184,"_158":157,"_159":141,"_160":185,"_162":22,"_106":186,"_100":164,"_165":178,"_167":72,"_168":22,"_169":-5,"_170":283,"_98":284},[],[155,183],{"_104":190,"_95":191,"_156":192,"_158":157,"_159":141,"_160":193,"_162":22,"_106":194,"_100":164,"_165":178,"_167":72,"_168":22,"_169":-5,"_170":286,"_98":287},[],[155,191],{"_104":198,"_95":199,"_156":200,"_158":157,"_159":141,"_160":201,"_162":22,"_106":202,"_100":164,"_165":178,"_167":72,"_168":22,"_169":-5,"_170":289,"_98":290},[],[155,199],{"_104":206,"_95":207,"_156":208,"_158":157,"_159":141,"_160":209,"_162":22,"_106":210,"_100":164,"_165":178,"_167":72,"_168":22,"_169":-5,"_170":292,"_98":293},[],[155,207],{"_104":214,"_95":215,"_156":216,"_158":157,"_159":141,"_160":217,"_162":22,"_106":218,"_100":164,"_165":178,"_167":72,"_168":22,"_169":-5,"_170":295,"_98":296},[],[155,215],{"_104":222,"_95":223,"_156":224,"_158":157,"_159":141,"_160":101,"_162":22,"_106":225,"_100":226,"_165":178,"_167":227,"_168":22,"_169":-5,"_170":298,"_98":299},[],[155,223],[155],{"_104":232,"_95":233,"_156":234,"_158":-5,"_159":141,"_160":235,"_162":22,"_106":236,"_100":226,"_165":178,"_167":237,"_168":22,"_169":-5,"_170":302,"_98":303},[],[233],{"_104":241,"_95":242,"_156":117,"_158":-5,"_159":141,"_160":243,"_162":22,"_106":244,"_100":226,"_165":245,"_167":246,"_168":22,"_169":-5,"_170":305,"_98":306},[],[242],[277,279,282,285,288,291,294,297,301,304],{"_104":206,"_95":207,"_156":208,"_158":157,"_159":141,"_160":209,"_162":22,"_106":261,"_100":164,"_165":178,"_167":72,"_168":22,"_169":-5,"_98":309},[155,207],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]