[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_163":164,"_165":166},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_19":20,"_17":18,"_122":-5,"_21":123,"_23":124,"_125":126,"_127":128,"_27":129,"_25":130,"_131":-5,"_132":-5,"_133":53,"_134":135,"_136":53,"_137":-5,"_138":-5,"_139":140},"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","pomdtr","name","ssr","branchName","main","version",38,"path","main.tsx","project",{"_33":68,"_13":14,"_45":69,"_70":-5,"_71":63,"_72":73,"_74":73,"_75":-5,"_76":-5,"_77":78,"_79":-5,"_80":63,"_81":-5,"_82":-5,"_83":62,"_84":85,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":91,"_92":91,"_93":94,"_95":94,"_96":94,"_97":91,"_98":91,"_99":100,"_101":102,"_103":104,"_105":53},"tree",[50,51],"file",{"_33":34,"_35":36,"_37":38,"_13":20,"_39":40,"_41":42,"_17":43,"_44":-5,"_45":46,"_47":18,"_48":-5,"_19":49},"contents",[],"upstream","pull","ahead","behind","id","c01b75b6-277f-11f0-b46e-569c3dd06744","branchId","bf42892c-277f-11f0-b46e-569c3dd06744","fileId","bf44c3a4-277f-11f0-b46e-569c3dd06744","content","/** @jsxImportSource https://esm.sh/react */\n\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport { html } from \"https://esm.town/v/stevekrouse/html\";\n\ntype Context = {\n params: Record;\n route: string;\n render: (props) => Response;\n};\n\nexport type PageProps = T & {\n url: string;\n route: string;\n params: Record;\n};\n\nexport type Handler = (req: Request, ctx: Context) => Response;\n\nexport function createRouter(routes: Record) {\n return (req: Request) => {\n for (const [route, importUrl] of Object.entries(routes)) {\n const pattern = new URLPattern({\n pathname: route,\n });\n const res = pattern.exec(req.url);\n if (!res) continue;\n const params = res.pathname.groups;\n const handler = hydrate(importUrl);\n return handler(req, {\n url: req.url,\n route,\n params,\n });\n }\n return new Response(\"Not Found\", {\n status: 404,\n });\n };\n}\n\nexport function hydrate(importUrl: string) {\n return async (req: Request, pageProps: PageProps) => {\n const { default: Component, handler }: { default: any; handler: Handler } = await import(importUrl);\n\n if (handler) {\n const ctx = {\n ...pageProps,\n render(props) {\n props = { ...pageProps, ...props };\n const script = `\n import { hydrateRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n import { jsx as _jsx } from \"https://esm.sh/react@18.2.0/jsx-runtime\";\n import Component from \"${importUrl}\";\n \n const root = document.getElementById(\"root\") \n hydrateRoot(root, _jsx(Component, ${JSON.stringify(props)}));\n`;\n return html(renderToString(\n <>\n

\n \n