Static React Demo

\n \n \n );\n}\n\nexport default warehouse(\n reactRender(Demo),\n);\n",[],[185],{"_106":193,"_99":194,"_149":195,"_151":-5,"_152":138,"_153":196,"_155":120,"_108":197,"_103":33,"_157":198,"_159":199,"_160":27,"_161":-5,"_162":200,"_102":201},"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",[],[194],{"_106":203,"_99":204,"_149":205,"_151":-5,"_152":138,"_153":206,"_155":120,"_108":207,"_103":94,"_157":198,"_159":208,"_160":27,"_161":-5,"_162":209,"_102":210},"21f670f6-010b-11f0-857a-569c3dd06744","react-render.tsx","97c142d0-010a-11f0-bc62-569c3dd06744",18,["D",1741980777448],"/** @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",[],[204],"files",[146,164,174,183,192,202],"counts",{"_215":33,"_216":154,"_217":33,"_218":33},"pulls","branches","forks","envVars","contents",[221,224,227,230],{"_106":147,"_99":148,"_149":150,"_151":-5,"_152":138,"_153":154,"_155":120,"_108":222,"_103":33,"_157":158,"_159":-5,"_160":27,"_161":-5,"_102":223},["D",1741979832282],[148],{"_106":184,"_99":185,"_149":118,"_151":-5,"_152":138,"_153":137,"_155":120,"_108":225,"_103":187,"_157":188,"_159":189,"_160":27,"_161":-5,"_102":226},["D",1741981203600],[185],{"_106":193,"_99":194,"_149":195,"_151":-5,"_152":138,"_153":196,"_155":120,"_108":228,"_103":33,"_157":198,"_159":199,"_160":27,"_161":-5,"_102":229},["D",1741981149371],[194],{"_106":203,"_99":204,"_149":205,"_151":-5,"_152":138,"_153":206,"_155":120,"_108":231,"_103":94,"_157":198,"_159":208,"_160":27,"_161":-5,"_102":232},["D",1741980777448],[204],"upstream","screenshots","emptyEnvVars","routes/_app.x.$handle.$name.code.$",{"_97":98,"_99":100,"_101":43,"_103":-7,"_102":70,"_104":238,"_144":242,"_211":261,"_170":-7,"_219":262,"_233":-5,"_271":27,"_272":-5},{"_106":107,"_99":100,"_108":239,"_110":-5,"_111":27,"_112":113,"_114":-5,"_115":-5,"_12":116,"_117":118,"_119":120,"_121":-5,"_122":33,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":27,"_21":240,"_135":241},["D",1741979796056],{"_97":98,"_133":134},{"_103":137,"_99":43,"_106":138,"_139":107,"_140":-5,"_141":-5,"_142":-5,"_143":-5},[243,252,255,258],{"_106":147,"_99":148,"_149":150,"_151":-5,"_152":138,"_153":154,"_155":120,"_108":156,"_103":33,"_157":158,"_159":-5,"_160":27,"_161":-5,"_162":244,"_102":251},[245,248],{"_106":165,"_99":166,"_149":167,"_151":150,"_152":138,"_153":168,"_155":120,"_108":169,"_103":33,"_157":170,"_159":171,"_160":27,"_161":-5,"_162":246,"_102":247},[],[148,166],{"_106":175,"_99":176,"_149":177,"_151":150,"_152":138,"_153":178,"_155":120,"_108":179,"_103":154,"_157":170,"_159":171,"_160":27,"_161":-5,"_162":249,"_102":250},[],[148,176],[148],{"_106":184,"_99":185,"_149":118,"_151":-5,"_152":138,"_153":137,"_155":120,"_108":186,"_103":187,"_157":188,"_159":189,"_160":27,"_161":-5,"_162":253,"_102":254},[],[185],{"_106":193,"_99":194,"_149":195,"_151":-5,"_152":138,"_153":196,"_155":120,"_108":197,"_103":33,"_157":198,"_159":199,"_160":27,"_161":-5,"_162":256,"_102":257},[],[194],{"_106":203,"_99":204,"_149":205,"_151":-5,"_152":138,"_153":206,"_155":120,"_108":207,"_103":94,"_157":198,"_159":208,"_160":27,"_161":-5,"_162":259,"_102":260},[],[204],[243,245,248,252,255,258],[263,265,267,269],{"_106":147,"_99":148,"_149":150,"_151":-5,"_152":138,"_153":154,"_155":120,"_108":222,"_103":33,"_157":158,"_159":-5,"_160":27,"_161":-5,"_102":264},[148],{"_106":184,"_99":185,"_149":118,"_151":-5,"_152":138,"_153":137,"_155":120,"_108":225,"_103":187,"_157":188,"_159":189,"_160":27,"_161":-5,"_102":266},[185],{"_106":193,"_99":194,"_149":195,"_151":-5,"_152":138,"_153":196,"_155":120,"_108":228,"_103":33,"_157":198,"_159":199,"_160":27,"_161":-5,"_102":268},[194],{"_106":203,"_99":204,"_149":205,"_151":-5,"_152":138,"_153":206,"_155":120,"_108":231,"_103":94,"_157":198,"_159":208,"_160":27,"_161":-5,"_102":270},[204],"showCompareCallout","pull","routes/_app","actionData","errors"]