import { createApp } from "https://deno.land/x/servest@v1.3.1/mod.ts";
// @deno-types="https://deno.land/x/servest@v1.3.1/types/react/index.d.ts"
import React from "https://dev.jspm.io/react/index.js";
// @deno-types="https://deno.land/x/servest@v1.3.1/types/react-dom/server/index.d.ts"
import ReactDOMServer from "https://dev.jspm.io/react-dom/server.js";
const app = createApp();
app.handle("/", async (req) => {
await req.respond({
status: 200,
headers: new Headers({
"content-type": "text/html; charset=UTF-8",
}),
body: ReactDOMServer.renderToString(
Demo
,
),
});
});
app.handle("/assets/index.bundle.js", async (req) => {
const { files } = await Deno.emit(
"https://scrapbox.io/api/code/takker/TinySegmenter/index.tsx",
{ bundle: "module" },
);
await req.respond({
status: 200,
headers: new Headers({
"content-type": "application/javascript; charset=UTF-8",
}),
body: files["deno:///bundle.js"],
});
});
const port = 8899;
app.listen({ port });
console.log(`open http://localhost:${port}`);