import React from "./vendor/https/dev.jspm.io/react/index.js";import ReactDOMServer from "./vendor/https/dev.jspm.io/react-dom/server.js";import { ServeHandler } from "./server.ts";import { resolveIndexPath } from "./_matcher.ts";import { DFC } from "./jsx.ts";
export function serveJsx( dir: string, onImport: (file: string) => Promise<any>, parentComponent: any = React.Fragment,): ServeHandler { return async function serveJsx(req) { const p = await resolveIndexPath(dir, req.path, [".tsx", ".jsx"]); if (p) { const jsx = await onImport(p); const el = jsx.default as DFC; if (!el) { throw new Error( "jsx: jsx/tsx files served by serveJsx must has default export!", ); } if (typeof el !== "function") { throw new Error("jsx: default export must be React component!"); } let props = {}; if (typeof el.getInitialProps === "function") { props = await el.getInitialProps(); } await req.respond({ status: 200, headers: new Headers({ "content-type": "text/html; charset=UTF-8", }), body: ReactDOMServer.renderToString( React.createElement( parentComponent, {}, React.createElement(el, props, []), ), ), }); } };}