[{"_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,"_124":-5,"_21":125,"_23":126,"_127":128,"_129":130,"_27":131,"_25":132,"_133":-5,"_134":-5,"_135":43,"_136":137,"_138":43,"_139":-5,"_140":-5,"_141":142},"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,"_33":-5},"handle","pomdtr","name","ssr","branchName","main","version",42,"path","main.tsx","project",{"_34":70,"_13":14,"_44":71,"_72":-5,"_73":64,"_74":75,"_76":75,"_77":-5,"_78":-5,"_79":80,"_81":-5,"_82":64,"_83":-5,"_84":-5,"_85":63,"_86":87,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":93,"_94":93,"_95":96,"_97":96,"_98":96,"_99":93,"_100":93,"_101":102,"_103":104,"_105":106,"_107":43},"tree",[54,55],"file",{"_34":35,"_13":20,"_36":37,"_38":-5,"_39":40,"_41":18,"_42":43,"_44":45,"_17":46,"_47":48,"_49":50,"_51":43,"_52":-5,"_19":53},"contents",[],"upstream","pull","ahead","behind","envVars","id","c0359400-277f-11f0-b46e-569c3dd06744","fileId","bf44c3a4-277f-11f0-b46e-569c3dd06744","parentId","branchId","bf42892c-277f-11f0-b46e-569c3dd06744","branchVersion","latest",false,"createdAt",["D",1708963959998],41,"fileType","script","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) => Promise;\n};\n\nexport type PageProps = T & {\n route: string;\n params: Record;\n};\n\nexport type Handler = (req: Request, ctx: Context) => Response;\n\nexport type ServerConfig = {\n routes: Record;\n};\n\nclass Server {\n public routes: Record;\n constructor(cfg: ServerConfig) {\n this.routes = cfg.routes;\n }\n\n fetch = (req) => {\n for (const [route, importUrl] of Object.entries(this.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 createServer(cfg: ServerConfig) {\n return new Server(cfg);\n}\n\nasync function render(importUrl: string, props: Record) {\n const { default: Component } = await import(importUrl);\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