[{"_1":2,"_401":-5,"_402":-5},"loaderData",{"_3":4,"_92":93,"_388":389,"_400":-5},"root",{"_5":6,"_33":34,"_59":60,"_90":91},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":26,"_29":30,"_31":32},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_selection_ai","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","7ff0b93ea2d73d116aaa5223804b392e50c8d4cf","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","API_URL","https://api.val.town","WORKER_FINGERPRINT","c7de7de11d2fa3884730f0fa9fd384f8","clerkState",{"_61":62},"__internal_clerk_state",{"_63":64,"_65":44,"_66":67,"_68":67,"_69":26,"_70":67,"_71":67,"_72":67,"_73":67,"_74":67,"_75":67,"_76":67,"_77":67,"_78":79,"_88":26,"_89":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_80":26,"_81":67,"_82":83,"_84":67,"_85":44,"_86":26,"_87":67},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_94":95,"_96":97,"_95":98,"_383":-5,"_384":-5,"_385":386,"_132":133,"_140":141,"_101":102,"_99":100,"_119":-7,"_51":52,"_387":26},"type","val","author","8a86e3e7-cae8-48ea-a1d8-c8cf7b30d88c",{"_99":100,"_96":97,"_101":102,"_103":-5,"_104":-5,"_105":106,"_107":108,"_109":110,"_111":112,"_113":26,"_114":112,"_115":116,"_117":118,"_119":120,"_121":26,"_122":123,"_124":32,"_125":126,"_127":123,"_128":32,"_129":32,"_130":-5,"_20":131,"_136":-5,"_137":-7,"_138":139,"_140":141,"_142":143},"name","ssr","valNameId","4ffe24ea-d316-11ee-8388-8aad37b30b4b","parentFolderId","isOwned","privacy","public","readme","## Todo\n\n- [x] extract params from request paths using urlpatterns\n- [ ] add a Form component\n- [ ] add support for Layouts\n- [ ] support other types url in router (\"https://val.town/v/user/val\" or \"owner/val\")","valType","script","currentVersion","cea97502-d5ae-11ee-9a24-8aad37b30b4b","legacyPrivate","id","code","/** @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\nexport type PageProps = T & {\n route: string;\n params: Record;\n};\n\ntype Context = PageProps & {\n render: (props) => Response | Promise;\n};\n\nexport type Action = (req: Request, ctx: Context) => Response | Promise;\n\nexport function handler(Component, action?: Action) {\n return async (c) => {\n if (action) {\n return action(c.req.raw, {\n params: c.req.param(),\n route: c.req.routePath,\n render(props) {\n return html(renderToString(\n ,\n ));\n },\n });\n }\n\n return html(renderToString(\n ,\n ));\n };\n}","createdAt",["D",1709065726329],"version",60,"currentUserHasLiked","likeCount",1,"forkCount","referenceCount",11,"dependencyCount","commentCount","prCount","mergedPr",{"_132":133,"_134":135},"handle","pomdtr","profileImageUrl","https://images.clerk.dev/oauth_github/img_2RCoAITJZH1QencEgtVjh4Qirj4.jpeg","forkedVal","interval","slug","pomdtr/ssr","description","Todo [x] extract params from request paths using urlpatterns [ ] add a Form component [ ] add support for Layouts [ ] support other types url in router (\"https://val.town/v/user/val\" or \"owner/val\")","versions",[144,147,151,155,159,163,167,171,175,179,183,187,191,195,199,203,207,211,215,219,223,227,231,235,239,243,247,251,255,259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,342,346,350,354,358,362,366,370,374,377,380],{"_119":120,"_145":-5,"_117":146,"_114":112},"prId",["D",1709065726329],{"_119":148,"_145":-5,"_117":149,"_114":150},59,["D",1709065704965],"c1ed7944-d5ae-11ee-b256-8aad37b30b4b",{"_119":152,"_145":-5,"_117":153,"_114":154},58,["D",1709065686186],"b6bc1d96-d5ae-11ee-8634-8aad37b30b4b",{"_119":156,"_145":-5,"_117":157,"_114":158},57,["D",1709063221614],"f9bc4518-d5a8-11ee-bbb0-8aad37b30b4b",{"_119":160,"_145":-5,"_117":161,"_114":162},56,["D",1709063109953],"b72e1bea-d5a8-11ee-b92b-8aad37b30b4b",{"_119":164,"_145":-5,"_117":165,"_114":166},55,["D",1709059017005],"2f97e7a0-d59f-11ee-afe0-8aad37b30b4b",{"_119":168,"_145":-5,"_117":169,"_114":170},54,["D",1709057771033],"48ef8a62-d59c-11ee-ba66-8aad37b30b4b",{"_119":172,"_145":-5,"_117":173,"_114":174},53,["D",1709053364233],"0647488a-d592-11ee-9f15-8aad37b30b4b",{"_119":176,"_145":-5,"_117":177,"_114":178},52,["D",1709053268506],"cd38809a-d591-11ee-8be8-8aad37b30b4b",{"_119":180,"_145":-5,"_117":181,"_114":182},51,["D",1709051107460],"c523013c-d58c-11ee-9900-8aad37b30b4b",{"_119":184,"_145":-5,"_117":185,"_114":186},50,["D",1708969820868],"828d7892-d4cf-11ee-ab43-8aad37b30b4b",{"_119":188,"_145":-5,"_117":189,"_114":190},49,["D",1708966410370],"91bcb40c-d4c7-11ee-8c99-8aad37b30b4b",{"_119":192,"_145":-5,"_117":193,"_114":194},48,["D",1708966344224],"6a4f90ce-d4c7-11ee-abf2-8aad37b30b4b",{"_119":196,"_145":-5,"_117":197,"_114":198},47,["D",1708966320562],"5c3512c0-d4c7-11ee-8fa9-8aad37b30b4b",{"_119":200,"_145":-5,"_117":201,"_114":202},46,["D",1708966311019],"568506be-d4c7-11ee-aec8-8aad37b30b4b",{"_119":204,"_145":-5,"_117":205,"_114":206},45,["D",1708966107043],"dcf0c234-d4c6-11ee-8105-8aad37b30b4b",{"_119":208,"_145":-5,"_117":209,"_114":210},44,["D",1708965386860],"2fad70dc-d4c5-11ee-a660-8aad37b30b4b",{"_119":212,"_145":-5,"_117":213,"_114":214},43,["D",1708965105570],"8803f7f2-d4c4-11ee-9fb9-8aad37b30b4b",{"_119":216,"_145":-5,"_117":217,"_114":218},42,["D",1708964888610],"06b28858-d4c4-11ee-ab9a-8aad37b30b4b",{"_119":220,"_145":-5,"_117":221,"_114":222},41,["D",1708963959998],"dd338fa6-d4c1-11ee-86b7-8aad37b30b4b",{"_119":224,"_145":-5,"_117":225,"_114":226},40,["D",1708963937823],"cffbef5e-d4c1-11ee-86b7-8aad37b30b4b",{"_119":228,"_145":-5,"_117":229,"_114":230},39,["D",1708963822126],"8b060c90-d4c1-11ee-b92a-8aad37b30b4b",{"_119":232,"_145":-5,"_117":233,"_114":234},38,["D",1708963494745],"c7e3a3e4-d4c0-11ee-9f4f-8aad37b30b4b",{"_119":236,"_145":-5,"_117":237,"_114":238},37,["D",1708963175620],"09acfd30-d4c0-11ee-8954-8aad37b30b4b",{"_119":240,"_145":-5,"_117":241,"_114":242},36,["D",1708787261220],"7485c8bc-d326-11ee-bb58-8aad37b30b4b",{"_119":244,"_145":-5,"_117":245,"_114":246},35,["D",1708787163300],"3a2868c8-d326-11ee-9f82-8aad37b30b4b",{"_119":248,"_145":-5,"_117":249,"_114":250},34,["D",1708786876145],"8f0018c4-d325-11ee-a1b7-8aad37b30b4b",{"_119":252,"_145":-5,"_117":253,"_114":254},33,["D",1708786854732],"823ca292-d325-11ee-a0c5-8aad37b30b4b",{"_119":256,"_145":-5,"_117":257,"_114":258},32,["D",1708786640590],"02993f00-d325-11ee-9aab-8aad37b30b4b",{"_119":260,"_145":-5,"_117":261,"_114":262},31,["D",1708786556944],"d0bddc2a-d324-11ee-b00f-8aad37b30b4b",{"_119":264,"_145":-5,"_117":265,"_114":266},30,["D",1708786531873],"c1cc5408-d324-11ee-af03-8aad37b30b4b",{"_119":268,"_145":-5,"_117":269,"_114":270},29,["D",1708786096215],"be201994-d323-11ee-9aab-8aad37b30b4b",{"_119":272,"_145":-5,"_117":273,"_114":274},28,["D",1708784171522],"42eb5dc8-d31f-11ee-a88f-8aad37b30b4b",{"_119":276,"_145":-5,"_117":277,"_114":278},27,["D",1708784052717],"fc1b266c-d31e-11ee-8140-8aad37b30b4b",{"_119":280,"_145":-5,"_117":281,"_114":282},26,["D",1708783661211],"12c00c08-d31e-11ee-9218-8aad37b30b4b",{"_119":284,"_145":-5,"_117":285,"_114":286},25,["D",1708783556249],"d4302982-d31d-11ee-a947-8aad37b30b4b",{"_119":288,"_145":-5,"_117":289,"_114":290},24,["D",1708783135039],"d92089f6-d31c-11ee-827f-8aad37b30b4b",{"_119":292,"_145":-5,"_117":293,"_114":294},23,["D",1708783115348],"cd63f8c8-d31c-11ee-9dad-8aad37b30b4b",{"_119":296,"_145":-5,"_117":297,"_114":298},22,["D",1708783023929],"96e679b0-d31c-11ee-adb9-8aad37b30b4b",{"_119":300,"_145":-5,"_117":301,"_114":302},21,["D",1708782813980],"19c2e540-d31c-11ee-944c-8aad37b30b4b",{"_119":304,"_145":-5,"_117":305,"_114":306},20,["D",1708782475724],"50251bae-d31b-11ee-ba7b-8aad37b30b4b",{"_119":308,"_145":-5,"_117":309,"_114":310},19,["D",1708782402872],"24b8cf1a-d31b-11ee-8577-8aad37b30b4b",{"_119":312,"_145":-5,"_117":313,"_114":314},18,["D",1708782166524],"97d8e670-d31a-11ee-b826-8aad37b30b4b",{"_119":316,"_145":-5,"_117":317,"_114":318},17,["D",1708782093245],"6c2b6796-d31a-11ee-b244-8aad37b30b4b",{"_119":320,"_145":-5,"_117":321,"_114":322},16,["D",1708781975176],"25cb86f0-d31a-11ee-b2de-8aad37b30b4b",{"_119":324,"_145":-5,"_117":325,"_114":326},15,["D",1708781849766],"db0b740e-d319-11ee-b3f8-8aad37b30b4b",{"_119":328,"_145":-5,"_117":329,"_114":330},14,["D",1708781662361],"6b57b5f0-d319-11ee-a778-8aad37b30b4b",{"_119":332,"_145":-5,"_117":333,"_114":334},13,["D",1708781636147],"5bb7cef0-d319-11ee-ab51-8aad37b30b4b",{"_119":336,"_145":-5,"_117":337,"_114":338},12,["D",1708781619390],"51baf418-d319-11ee-a3d1-8aad37b30b4b",{"_119":126,"_145":-5,"_117":340,"_114":341},["D",1708781574240],"36d18c48-d319-11ee-a7a1-8aad37b30b4b",{"_119":343,"_145":-5,"_117":344,"_114":345},10,["D",1708781535358],"1fa498d0-d319-11ee-a7b2-8aad37b30b4b",{"_119":347,"_145":-5,"_117":348,"_114":349},9,["D",1708781249125],"7508f2b8-d318-11ee-8719-8aad37b30b4b",{"_119":351,"_145":-5,"_117":352,"_114":353},8,["D",1708781218166],"6294f8a2-d318-11ee-857f-8aad37b30b4b",{"_119":355,"_145":-5,"_117":356,"_114":357},7,["D",1708781201938],"58e8c9c8-d318-11ee-8d12-8aad37b30b4b",{"_119":359,"_145":-5,"_117":360,"_114":361},6,["D",1708781141804],"35111000-d318-11ee-9d66-8aad37b30b4b",{"_119":363,"_145":-5,"_117":364,"_114":365},5,["D",1708781025184],"ef8e3c74-d317-11ee-bb57-8aad37b30b4b",{"_119":367,"_145":-5,"_117":368,"_114":369},4,["D",1708780998256],"df814830-d317-11ee-9b40-8aad37b30b4b",{"_119":371,"_145":-5,"_117":372,"_114":373},3,["D",1708780956097],"c66072a4-d317-11ee-9d66-8aad37b30b4b",{"_119":91,"_145":-5,"_117":375,"_114":376},["D",1708780922457],"b2536a1e-d317-11ee-b321-8aad37b30b4b",{"_119":123,"_145":-5,"_117":378,"_114":379},["D",1708780799909],"6947fac4-d317-11ee-a7d8-8aad37b30b4b",{"_119":32,"_145":-5,"_117":381,"_114":382},["D",1708780327989],"4ffec42c-d316-11ee-8388-8aad37b30b4b","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_94":390,"_391":392,"_95":393},"single","redirect","/v/pomdtr/ssr/versions",{"_114":226,"_115":394,"_119":224,"_117":395,"_396":100,"_101":102,"_109":110,"_132":133,"_11":97,"_397":-5,"_398":-5,"_399":-5,"_387":26,"_138":139},"/** @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.cfg.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

\n

ssr

Version 40