export const preactWebApp = (function () { type propType = & { setHeaders: (headers: { [key: string]: string | string[]; }) => void; setStatus: (status: number) => void; req: express.Request; html: ( strings: TemplateStringsArray, ...values: any[] ) => | import("npm:preact@10.17.0").VNode< import("npm:preact@10.17.0").Attributes > | import("npm:preact@10.17.0").VNode< import("npm:preact@10.17.0").Attributes >[]; } & typeof import("npm:preact@10.17.0") & typeof import("npm:preact@10.17.0/hooks"); const preactWebApp = (App: (_: propType) => import("npm:preact@10.17.0").VNode) => async (req: express.Request, res: express.Response) => { const preact = await import("npm:preact@10.17.0"); const hooks = await import("npm:preact@10.17.0/hooks"); const _renderToString = await import("npm:preact-render-to-string@6.2.1"); const { renderToString } = _renderToString; const { default: htm } = await import("npm:htm@3.1.1"); const html = htm.bind(preact.h); try { let status = 200; let headers: { [key: string]: string | string[]; } = {}; const props: propType = { html, req, setStatus: (s: number) => { status = s; }, setHeaders: (h: typeof headers) => { headers = h; }, ...preact, ...hooks, }; const renderedHtml = "" + renderToString(await App(props)); for (const [k, v] of Object.entries(headers)) res.set(k, v); res.status(status); res.send(renderedHtml); } catch (e) { const etext = e.stack || JSON.stringify(e); console.error(etext); res.status(500); res.send(renderToString(preact.h( "html", null, html`

error running val

${etext}

`, ))); } }; preactWebApp.props = {} as propType; return preactWebApp; }).call(this);

Vals using preact-render-to-string