server.tsx

import { createServer } from "ultra/server.ts";
import { loadSync } from "std/dotenv/mod.ts";
import {
  createGitHubOAuth2Client,
  getSessionAccessToken,
  getSessionId,
  handleCallback,
  signIn,
  signOut,
} from "kv_oauth";

import App from "./src/app.tsx";

loadSync({ export: true });

const oauth2Client = createGitHubOAuth2Client();

const server = await createServer({
  importMapPath: import.meta.resolve("./importMap.json"),
});

function ServerApp({ accessToken, isSignedIn }: {
  accessToken: string | null;
  isSignedIn: boolean;
}) {
  return <App {...{ accessToken, isSignedIn }} />;
}

server
  .get("/", async (ctx) => {
    const sessionId = await getSessionId(ctx.req.raw);
    const isSignedIn = sessionId != null;
    const accessToken = isSignedIn
      ? await getSessionAccessToken(oauth2Client, sessionId)
      : null;
    const result = await server.render(
      <ServerApp {...{ accessToken, isSignedIn }} />,
    );

    return ctx.body(result, 200, {
      "content-type": "text/html; charset=utf-8",
    });
  })
  .get("/signin", async (ctx) => {
    return await signIn(ctx.req.raw, oauth2Client);
  })
  .get("/callback", async (ctx) => {
    const { response } = await handleCallback(ctx.req.raw, oauth2Client);
    return response;
  })
  .get("/signout", async (ctx) => {
    return await signOut(ctx.req.raw);
  });

Deno.serve(server.fetch);