// @deno-types="https://deno.land/x/servest@v1.3.1/types/react/index.d.ts"
import React from 'https://esm.sh/react@17.0.2';
// @deno-types="https://deno.land/x/servest@v1.3.1/types/react-dom/server/index.d.ts"
import ReactDOMServer from 'https://esm.sh/react-dom@17.0.2/server';
import { createApp } from "https://deno.land/x/servest@v1.3.1/mod.ts";
import { lookup, contentType } from "https://deno.land/x/media_types@v2.8.2/mod.ts";
const app = createApp();
// メインのHTMLファイルを返す
app.handle("/", async (req) => {
const res = await fetch('https://scrapbox.io/api/code/deno-ja/最速でWeb_Assemblyを使ったweb_pageを試す/index.html');
await req.respond({
status: 200,
headers: new Headers({
"content-type": "text/html; charset=UTF-8",
}),
body: ReactDOMServer.renderToString(
Web page demo
),
});
});
// index.jsを返す
app.get("/index.js", async (req) => {
await req.respond({
status: 200,
headers: new Headers({
"content-type": "application/javascript; charset=UTF-8",
}),
body: await Deno.readTextFile('index.js'),
});
});
// pkg/にあるファイルを返す
app.get(/^\/pkg/, async (req) => {
await req.respond({
status: 200,
headers: new Headers({
"content-type": contentType( lookup(`.${req.path}`) ?? "text/plain") ?? "text/plain; charset=UTF-8",
}),
body: await Deno.readTextFile(`.${req.path}`),
});
});
const port = 8888;
app.listen({ port });
console.log(`go to http://localhost:${8888}`);