Static React Demo

\n \n \n );\n}\n\nexport default warehouse(\n reactRender(Demo),\n);\n",[],[189],{"_102":197,"_95":198,"_153":199,"_155":-5,"_156":138,"_157":200,"_159":116,"_104":201,"_99":32,"_161":202,"_163":203,"_164":22,"_165":-5,"_166":204,"_98":205},"ffa51042-010b-11f0-be62-569c3dd06744","index.tsx","ffa510f6-010b-11f0-be62-569c3dd06744",28,["D",1741981149371],"script","export type DataRequest = Request & { data: any };\nexport type NextCallback = () => Promise;\nexport type Middleware = (req: DataRequest, res: Response, callback: NextCallback) => Promise;\n\nexport function render(...args: Middleware[]) {\n const middleware: Middleware[] = args.slice().filter(Boolean);\n\n return async function handler(request: Request): Promise {\n\n let res: Response = new Response();\n const req: DataRequest = Object.assign(request.clone(), { data: {} });\n req.data = {};\n\n const next = async (nextRes?: Response): Promise => {\n const fn = middleware.shift();\n if (nextRes) res = nextRes;\n if (!fn) return main(req, res);\n return fn(req, res, next);\n };\n return next();\n };\n}\n\nexport default render;\n",[],[198],{"_102":207,"_95":208,"_153":209,"_155":-5,"_156":138,"_157":210,"_159":116,"_104":211,"_99":212,"_161":202,"_163":213,"_164":22,"_165":-5,"_166":214,"_98":215},"21f670f6-010b-11f0-857a-569c3dd06744","react-render.tsx","97c142d0-010a-11f0-bc62-569c3dd06744",18,["D",1741980777448],2,"/** @jsxImportSource npm:react */\nimport * as React from \"npm:react\";\nimport { renderToStaticMarkup } from \"npm:react-dom/server\";\nimport { DataRequest } from \"./index.tsx\";\n\nexport const reactRender = (Component: React.ComponentType) => {\n return async function (req: DataRequest, res: Response): Promise {\n const html = renderToStaticMarkup();\n const headers = res.headers;\n headers.set(\"Content-Type\", \"text/html\");\n\n return new Response(html, {\n headers,\n status: res.status,\n statusText: res.statusText,\n });\n }\n}\n\nexport default reactRender;\n",[],[208],"files",[150,168,178,187,196,206],"counts",{"_220":32,"_221":158,"_222":32,"_223":224},"pulls","branches","forks","envVars",{"_225":32,"_226":32},"count","emptyCount","contents",[229,232,235,238],{"_102":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":116,"_104":230,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":231},["D",1741979832282],[152],{"_102":188,"_95":189,"_153":114,"_155":-5,"_156":138,"_157":137,"_159":116,"_104":233,"_99":191,"_161":192,"_163":193,"_164":22,"_165":-5,"_98":234},["D",1741981203600],[189],{"_102":197,"_95":198,"_153":199,"_155":-5,"_156":138,"_157":200,"_159":116,"_104":236,"_99":32,"_161":202,"_163":203,"_164":22,"_165":-5,"_98":237},["D",1741981149371],[198],{"_102":207,"_95":208,"_153":209,"_155":-5,"_156":138,"_157":210,"_159":116,"_104":239,"_99":212,"_161":202,"_163":213,"_164":22,"_165":-5,"_98":240},["D",1741980777448],[208],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":249,"_227":254,"_263":-7,"_264":-5,"_265":-5,"_216":266,"_285":286,"_287":-5,"_288":-5},{"_102":103,"_95":96,"_104":250,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":114,"_115":116,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":251,"_132":252,"_135":253,"_147":22},["D",1741979796056],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_99":137,"_95":43,"_102":138,"_139":103,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[255,257,259,261],{"_102":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":116,"_104":230,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":256},[152],{"_102":188,"_95":189,"_153":114,"_155":-5,"_156":138,"_157":137,"_159":116,"_104":233,"_99":191,"_161":192,"_163":193,"_164":22,"_165":-5,"_98":258},[189],{"_102":197,"_95":198,"_153":199,"_155":-5,"_156":138,"_157":200,"_159":116,"_104":236,"_99":32,"_161":202,"_163":203,"_164":22,"_165":-5,"_98":260},[198],{"_102":207,"_95":208,"_153":209,"_155":-5,"_156":138,"_157":210,"_159":116,"_104":239,"_99":212,"_161":202,"_163":213,"_164":22,"_165":-5,"_98":262},[208],"readme","upstream","pull",[267,269,272,276,279,282],{"_102":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":116,"_104":160,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":268,"_98":275},[269,272],{"_102":169,"_95":170,"_153":171,"_155":154,"_156":138,"_157":172,"_159":116,"_104":173,"_99":32,"_161":174,"_163":175,"_164":22,"_165":-5,"_166":270,"_98":271},[],[152,170],{"_102":179,"_95":180,"_153":181,"_155":154,"_156":138,"_157":182,"_159":116,"_104":183,"_99":158,"_161":174,"_163":175,"_164":22,"_165":-5,"_166":273,"_98":274},[],[152,180],[152],{"_102":188,"_95":189,"_153":114,"_155":-5,"_156":138,"_157":137,"_159":116,"_104":190,"_99":191,"_161":192,"_163":193,"_164":22,"_165":-5,"_166":277,"_98":278},[],[189],{"_102":197,"_95":198,"_153":199,"_155":-5,"_156":138,"_157":200,"_159":116,"_104":201,"_99":32,"_161":202,"_163":203,"_164":22,"_165":-5,"_166":280,"_98":281},[],[198],{"_102":207,"_95":208,"_153":209,"_155":-5,"_156":138,"_157":210,"_159":116,"_104":211,"_99":212,"_161":202,"_163":213,"_164":22,"_165":-5,"_166":283,"_98":284},[],[208],"previews",[276],"ahead","behind","actionData","errors"]

jxnblk

static_react