{owner}/{repo}

import { and, desc, eq, sql } from "drizzle-orm" import { GithubIcon, LinkIcon, StarIcon } from "lucide-react" import type { Metadata } from "next" import { cacheTag } from "next/cache" import Link from "next/link" import { notFound } from "next/navigation" import { Container } from "@/components/container" import { Subtitle, Title } from "@/components/typography" import { getGithubRepo } from "@/lib/data/github" import { getModelsForPicker } from "@/lib/data/models" import { db } from "@/lib/db/client" import { categories, comments, posts } from "@/lib/db/schema" import { formatCompactNumber, getSiteOrigin } from "@/lib/utils" import { RepoContent } from "./repo-content" export async function generateMetadata({ params, }: { params: Promise<{ owner: string; repo: string }> }): Promise { const { owner, repo } = await params const origin = getSiteOrigin() const repoData = await getGithubRepo(owner, repo) const title = `${owner}/${repo} — Forums` const description = repoData?.description ? `Forum of ${owner}/${repo}. ${repoData.description}` : `Forum of ${owner}/${repo}.` return { title, description, openGraph: { title, description, images: [ `${origin}/api/og/repo?owner=${encodeURIComponent(owner)}&repo=${encodeURIComponent(repo)}`, ], }, } } export const generateStaticParams = async () => { const repos = ( await db .selectDistinctOn([posts.owner, posts.repo], { owner: posts.owner, repo: posts.repo, }) .from(posts) ).map((r) => ({ owner: r.owner, repo: r.repo })) return repos.length > 0 ? repos : [{ owner: "basehub-ai", repo: "forums" }] } export default async function RepoPage({ params, }: { params: Promise<{ owner: string; repo: string }> }) { "use cache" const { owner, repo } = await params cacheTag(`repo:${owner}:${repo}`) const [repoPosts, repoCategories, allLlmUsers, repoData] = await Promise.all([ db .select({ id: posts.id, number: posts.number, title: posts.title, categoryId: posts.categoryId, authorId: posts.authorId, authorUsername: comments.authorUsername, rootCommentId: posts.rootCommentId, createdAt: posts.createdAt, pinned: posts.pinned, commentCount: sql`( SELECT COUNT(*) FROM comments WHERE comments.post_id = ${posts.id} )`.as("comment_count"), reactionCount: sql`( SELECT COUNT(*) FROM reactions WHERE reactions.comment_id = ${posts.rootCommentId} )`.as("reaction_count"), }) .from(posts) .leftJoin(comments, eq(posts.rootCommentId, comments.id)) .where(and(eq(posts.owner, owner), eq(posts.repo, repo))) .orderBy(desc(posts.createdAt)), db .select() .from(categories) .where(and(eq(categories.owner, owner), eq(categories.repo, repo))), getModelsForPicker(), getGithubRepo(owner, repo), ]) if (!repoData) { return notFound() } const categoriesById = Object.fromEntries( repoCategories.map((c) => [c.id, c]) ) const pinnedPosts = repoPosts.filter((p) => p.pinned) const regularPosts = repoPosts.filter((p) => !p.pinned) return (

{owner}/{repo} {!!repoData.description && ( {repoData.description} )}

({ id: u.id, name: u.name, image: u.image, isDefault: u.isDefault, isProModel: u.billing_category === "pro", provider: u.provider, })) .sort((a, b) => a.name.localeCompare(b.name)), { id: "human", name: "Human only" }, ]} categoriesById={categoriesById} defaultBranch={repoData.default_branch} owner={owner} pinnedPosts={pinnedPosts} posts={regularPosts} repo={repo} /> ) }