Blame · page.tsx

0b4b582	1	import type { Metadata } from "next";
bc1b2ba	2	import { cookies, headers } from "next/headers";
0b4b582	3	import Link from "next/link";
bc1b2ba	4	import { listRepos } from "@/lib/grove-api";
0b4b582	5	import { CollabLogo } from "@/app/components/collab-logo";
0b4b582	6	import { CollabRepoList } from "./collab-repo-list";
0b4b582	7
0b4b582	8	export const metadata: Metadata = {
0b4b582	9	title: "Collab",
0b4b582	10	};
0b4b582	11
0b4b582	12	interface Repo {
0b4b582	13	name: string;
0b4b582	14	owner_name: string;
0b4b582	15	description: string \| null;
0b4b582	16	last_commit_ts: number \| null;
0b4b582	17	updated_at: string \| null;
0b4b582	18	}
0b4b582	19
bc1b2ba	20	async function getRepos(): Promise<Repo[]> {
bc1b2ba	21	const data = await listRepos<Repo>();
bc1b2ba	22	return data?.repos ?? [];
0b4b582	23	}
0b4b582	24
0b4b582	25	export default async function CollabHomePage() {
0b4b582	26	const cookieStore = await cookies();
0b4b582	27	const token = cookieStore.get("grove_hub_token")?.value;
0b4b582	28	const signedIn = !!token;
0b4b582	29	const headerStore = await headers();
0b4b582	30	const host =
0b4b582	31	headerStore.get("x-forwarded-host") ??
0b4b582	32	headerStore.get("host") ??
0b4b582	33	"";
0b4b582	34	const protocol = headerStore.get("x-forwarded-proto") ?? "http";
0b4b582	35	const canonicalHost = host.split(",")[0]?.trim() ?? "";
0b4b582	36	const groveHost = canonicalHost.replace(/^(canopy\|ring\|collab)\./, "");
0b4b582	37	const groveOrigin = groveHost ? `${protocol}://${groveHost}` : "";
0b4b582	38	const loginHref = groveOrigin ? `${groveOrigin}/login` : "/login";
0b4b582	39	const exploreHref = groveOrigin ? `${groveOrigin}/` : "/";
0b4b582	40
0b4b582	41	if (!signedIn) {
0b4b582	42	return (
0b4b582	43	<div className="max-w-3xl mx-auto px-4 py-8">
0b4b582	44	<div
0b4b582	45	className="p-4 sm:p-8 text-center"
0b4b582	46	style={{
0b4b582	47	backgroundColor: "var(--bg-card)",
0b4b582	48	border: "1px solid var(--border-subtle)",
0b4b582	49	}}
0b4b582	50	>
0b4b582	51	<div className="mx-auto mb-4 w-fit opacity-70">
0b4b582	52	<CollabLogo size={44} />
0b4b582	53	</div>
0b4b582	54	<h1 className="text-lg mb-1">Collab</h1>
0b4b582	55	<p className="text-sm mb-4" style={{ color: "var(--text-faint)" }}>
0b4b582	56	Collaborate on Mermaid diagrams for your Grove repositories.
0b4b582	57	</p>
0b4b582	58	<div className="flex items-center justify-center gap-2">
0b4b582	59	<Link
0b4b582	60	href={loginHref}
0b4b582	61	className="px-3 py-1.5 text-sm"
0b4b582	62	style={{
0b4b582	63	backgroundColor: "var(--accent)",
0b4b582	64	color: "var(--accent-text)",
0b4b582	65	}}
0b4b582	66	>
0b4b582	67	Sign in
0b4b582	68	</Link>
0b4b582	69	<Link
0b4b582	70	href={exploreHref}
0b4b582	71	className="px-3 py-1.5 text-sm"
0b4b582	72	style={{
0b4b582	73	border: "1px solid var(--border-subtle)",
0b4b582	74	color: "var(--text-secondary)",
0b4b582	75	}}
0b4b582	76	>
0b4b582	77	Explore Grove
0b4b582	78	</Link>
0b4b582	79	</div>
0b4b582	80	</div>
0b4b582	81	</div>
0b4b582	82	);
0b4b582	83	}
0b4b582	84
bc1b2ba	85	const repos = await getRepos();
0b4b582	86
0b4b582	87	return <CollabRepoList repos={repos} />;
0b4b582	88	}