50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T1b10,"use client"; import { useEffect, useMemo, useState } from "react"; import { cn } from "@/lib/utils"; interface GitHubContributionsProps extends React.HTMLAttributes { owner: string; repo: string; staticContributions?: number; staticData?: number[][]; } function generateRandomGrid(rows: number, cols: number): number[][] { return Array.from({ length: rows }, () => Array.from({ length: cols }, () => Math.random()), ); } interface HeatmapGridProps { data: number[][]; className?: string; } const HEATMAP_ROWS = 7; const HEATMAP_COLS = 12; const HEATMAP_CELL_SIZE = 14; const HEATMAP_GAP = 4; const HEATMAP_VIEWBOX_WIDTH = HEATMAP_COLS * HEATMAP_CELL_SIZE + (HEATMAP_COLS - 1) * HEATMAP_GAP; const HEATMAP_VIEWBOX_HEIGHT = HEATMAP_ROWS * HEATMAP_CELL_SIZE + (HEATMAP_ROWS - 1) * HEATMAP_GAP; function HeatmapGrid({ data, className }: HeatmapGridProps) { const gridData = useMemo(() => { if (!data || data.length === 0) { return generateRandomGrid(HEATMAP_ROWS, HEATMAP_COLS); } return data; }, [data]); const rows = gridData.length; const cols = gridData[0]?.length || 0; const cells = useMemo(() => { const result: Array<{ x: number; y: number; opacity: number; key: string; }> = []; for (let row = 0; row < rows; row++) { for (let col = 0; col < cols; col++) { const value = gridData[row]?.[col] ?? 0; result.push({ x: col * (HEATMAP_CELL_SIZE + HEATMAP_GAP), y: row * (HEATMAP_CELL_SIZE + HEATMAP_GAP), opacity: Math.max(0.05, Math.min(1, value)), key: `${row}-${col}`, }); } } return result; }, [gridData, rows, cols]); return ( ); } export function GitHubContributions({ owner, repo, staticContributions, staticData, className, ...props }: GitHubContributionsProps) { const [data, setData] = useState(staticData || []); const [contributors, setContributors] = useState( staticContributions ?? null, ); const [loading, setLoading] = useState(!staticData); const [error, setError] = useState(null); useEffect(() => { if (staticData && staticContributions !== undefined) return; async function fetchData() { try { setLoading(true); setError(null); const activityResponse = await fetch( `https://api.github.com/repos/${owner}/${repo}/stats/commit_activity`, ); if (activityResponse.status === 202) { setTimeout(() => fetchData(), 1000); return; } if (!activityResponse.ok) { throw new Error("Failed to fetch contribution data"); } const activityData = await activityResponse.json(); if (!activityData || !Array.isArray(activityData)) { setData( Array(7) .fill(null) .map(() => Array(12).fill(0.1)), ); } else { const weeks = activityData.slice(-12); const allCounts = weeks.flatMap((w: { days: number[] }) => w.days); const maxCount = Math.max(...allCounts, 1); const grid: number[][] = []; for (let day = 0; day < 7; day++) { const row: number[] = []; for (const week of weeks) { const count = week.days[day] || 0; row.push(count / maxCount); } grid.push(row); } setData(grid); } const contributorsResponse = await fetch( `https://api.github.com/repos/${owner}/${repo}/contributors?per_page=1`, ); if (contributorsResponse.ok) { const linkHeader = contributorsResponse.headers.get("link"); if (linkHeader) { const match = linkHeader.match(/page=(\d+)>; rel="last"/); if (match) { setContributors(parseInt(match[1], 10)); } } else { const contributorData = await contributorsResponse.json(); setContributors(contributorData.length); } } } catch (err) { setError(err instanceof Error ? err.message : "Unknown error"); } finally { setLoading(false); } } fetchData(); }, [owner, repo, staticContributions, staticData]); if (loading) { return (

); } if (error) { return (

{error}

); } return (

{contributors !== null ? contributors.toLocaleString() : "—"} Contributors to {owner}/{repo} Last 12 weeks

); } 52:T5d5,import { GitHubContributions } from "@/registry/default/blocks/github/github-contributions/components/elements/github-contributions"; export default function GitHubContributionsPage() { return (

GitHub Contributions

Display contribution activity grid like GitHub's profile.

Features

Fetches real-time contribution data from GitHub API
Shows commit activity over last 12 weeks
Uses HeatmapGrid primitive for visualization
Loading and error states included
Handles GitHub API rate limiting gracefully

); } 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[null,["$","$L50",null,{"files":[{"path":"registry/default/blocks/github/github-contributions/components/elements/github-contributions.tsx","content":"$51","type":"registry:component"},{"path":"registry/default/blocks/github/github-contributions/routes/layout.tsx","content":"import { Geist, Geist_Mono } from \"next/font/google\";\n\nconst geistSans = Geist({\n variable: \"--font-geist-sans\",\n subsets: [\"latin\"],\n});\n\nconst geistMono = Geist_Mono({\n variable: \"--font-geist-mono\",\n subsets: [\"latin\"],\n});\n\nexport default function RootLayout({\n children,\n}: Readonly<{\n children: React.ReactNode;\n}>) {\n return (\n \n \n {children}\n \n \n );\n}\n","type":"registry:page","target":"app/layout.tsx"},{"path":"registry/default/blocks/github/github-contributions/routes/page.tsx","content":"$52","type":"registry:page","target":"app/github-contributions/page.tsx"}],"className":"h-[70svh] min-h-80"}]]}]