import { format } from "date-fns"; import { GitCommitHorizontal } from "lucide-react"; import Link from "next/link"; import { getRepoInfoByName } from "@/actions"; import { PathHeader } from "@/app/(app)/components/pathHeader"; import { Button } from "@/components/ui/button"; import { Separator } from "@/components/ui/separator"; import { getPathType, listCommitAuthors, listCommits } from "@/features/git"; import { isServiceError } from "@/lib/utils"; import { AuthorFilter } from "./authorFilter"; import { dedupeCommitAuthorsByEmail, escapeGitBreLiteral } from "@/app/(app)/browse/components/commitAuthors"; import { CommitRow } from "./commitRow"; import { CommitsPagination } from "./commitsPagination"; import { DateFilter } from "./dateFilter"; import { getBrowsePath } from "@/app/(app)/browse/hooks/utils"; interface CommitsPanelProps { path: string; repoName: string; revisionName?: string; page: number; author?: string; since?: string; until?: string; } const COMMITS_PER_PAGE = 35; const AUTHORS_PER_PAGE = 100; export const CommitsPanel = async ({ path, repoName, revisionName, page, author, since, until }: CommitsPanelProps) => { const skip = (page - 1) * COMMITS_PER_PAGE; // The URL stores dates as YYYY-MM-DD. Always pass explicit timestamps to // git: the bare-date form triggers approxidate quirks (returning 0 commits // in some cases), and bare `--until=YYYY-MM-DD` would also exclude commits // made on that day since it resolves to midnight at the start. const sinceForGit = since ? `${since}T00:00:00` : undefined; const untilForGit = until ? `${until}T23:59:59` : undefined; const [commitsResponse, repoInfoResponse, authorsResponse, pathTypeResponse] = await Promise.all([ listCommits({ repo: repoName, path: path || undefined, ref: revisionName, author: author ? escapeGitBreLiteral(author) : undefined, since: sinceForGit, until: untilForGit, maxCount: COMMITS_PER_PAGE, skip, }), getRepoInfoByName(repoName), listCommitAuthors({ repo: repoName, path: path || undefined, ref: revisionName, maxCount: AUTHORS_PER_PAGE, skip: 0, }), getPathType({ repo: repoName, ref: revisionName, path, }), ]); if (isServiceError(commitsResponse)) { return

Error loading commits: {commitsResponse.message}

; } if (isServiceError(repoInfoResponse)) { return

Error loading repo info: {repoInfoResponse.message}

; } if (isServiceError(authorsResponse)) { return

Error loading commit authors: {authorsResponse.message}

; } // Fall back to 'blob' if the lookup fails so PathHeader still renders. const headerPathType = isServiceError(pathTypeResponse) ? 'blob' : pathTypeResponse; const authors = dedupeCommitAuthorsByEmail(authorsResponse.authors); const { commits, totalCount } = commitsResponse; const isLastPage = page * COMMITS_PER_PAGE >= totalCount; const hasFilters = Boolean(author || since || until); const isEmpty = commits.length === 0; const clearFiltersHref = getBrowsePath({ repoName, revisionName, path, pathType: 'commits', }); const groups = new Map(); for (const commit of commits) { const date = new Date(commit.date); const key = format(date, "yyyy-MM-dd"); const label = `Commits on ${format(date, "MMM d, yyyy")}`; const existing = groups.get(key); if (existing) { existing.commits.push(commit); } else { groups.set(key, { label, commits: [commit] }); } } return (

History for

{isEmpty ? ( hasFilters ? (

No commits match these filters

) : (

No commits found

) ) : ( <> {Array.from(groups.values()).map((group) => (

{group.label}

{group.commits.map((commit) => ( ))}

))} {isLastPage && (

End of commit history

)} )}

); };