1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
// Copyright 2019-2020 Yusuke Sakurai. All rights reserved. MIT license.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";
/** * Serve jsx/tsx by dynamic import * @params dir directory that contains jsx files * @params onImport import delegation, commonly pass f => import(f) *   This is because deno's dynamic import resolution problem. * @params parentComponent Custom wrapper component * */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, []),          ),        ),      });    }  };}