import { Application, Router, send } from "https://deno.land/x/oak/mod.ts";
import { gzip } from "https://deno.land/x/[email protected]/mod.ts";

const router = new Router();

// ...

router.get("/pages/LoginPage.tsx", async (ctx) => {
  const bundle = await Deno.emit(`${Deno.cwd()}/pages/LoginPage.tsx`, {
    bundle: "module",
  });

  const gz = gzip(
    new TextEncoder().encode(bundle.files["deno:///bundle.js"]),
  );

  ctx.response.body = new Blob([gz]).stream();
});

router.get("(.*)", (ctx) => {
  // Return 404 not found
  const pathname = ctx.request.url.pathname;
  ctx.response.body =
    `<h1>Error 404 - Not Found</h1> <p>Requested ${pathname} but not found</p>`;
  ctx.response.status = 404;
  ctx.response.type = "text/html";
});

const app = new Application();

app.use(async (ctx, next) => {
  const userAgent = ctx.request.headers.get("User-Agent");
  const pathname = ctx.request.url.pathname;

  console.log(`New request from ${userAgent} for path ${pathname}`);
  await next();
});

app.use(router.routes());
app.use(router.allowedMethods());

console.log("Accepting connections in 0.0.0.0:8000...\n");
await app.listen({ port: 8000 });