import { Hono } from "hono";
import { createATProtoOAuth } from "@tijs/atproto-oauth";
import { MemoryStorage } from "@tijs/atproto-storage";
import { LoginForm, SiteLayout } from "./components.tsx";

const app = new Hono();

export const oauth = createATProtoOAuth({
  baseUrl: Deno.env.get("BASE_URL")!,
  appName: "Pedro",
  cookieSecret: Deno.env.get("COOKIE_SECRET")!,
  storage: new MemoryStorage(),
  sessionTtl: 60 * 60 * 24 * 14, // 14 days
});


app.get("/login", (c) => oauth.handleLogin(c.req.raw));
app.get("/oauth/callback", (c) => oauth.handleCallback(c.req.raw));
app.get("/oauth-client-metadata.json", () => oauth.handleClientMetadata());
app.post("/api/auth/logout", async (c) => {
  const res = await oauth.handleLogout(c.req.raw)
  const { success } = await res.json();
  if (success) {
    return c.html(<LoginForm />)
  }
  else {
    return c.html(<p hx-swap-oob="innerHTML:#error">Error: Logout unsuccessful</p>)
  }
});

// Routes
app.get("/", (c) => {
  return c.html(
    <SiteLayout context={c}>
      <h1>Pedro</h1>
      <p>Ask questions, share opinions, vote together</p>
    </SiteLayout>
  )
});

app.get("/new", (c) => {
  return c.html(
    <SiteLayout context={c}>
      <h1>Create a new question</h1>
    </SiteLayout>
  )
});

// Protected route example
app.get("/profile", async (c) => {
  const { session, error } = await oauth.getSessionFromRequest(
    c.req.raw,
  );

  if (!session || error) {
    return c.html(
      <SiteLayout context={c}>
        <p>No profile logged in</p>
      </SiteLayout>
    )
  }

  return c.html(
    <SiteLayout context={c}>
      <p>PDS: {session.pdsUrl}</p>
      <p>DID: {session.did}</p>
    </SiteLayout>
  );
});

Deno.serve(app.fetch);