Skip to content

Feat: Build contributor activity timeline on public profile#180

Open
diksha78dev wants to merge 2 commits into
Coder-s-OG-s:mainfrom
diksha78dev:fix/issue-85
Open

Feat: Build contributor activity timeline on public profile#180
diksha78dev wants to merge 2 commits into
Coder-s-OG-s:mainfrom
diksha78dev:fix/issue-85

Conversation

@diksha78dev
Copy link
Copy Markdown
Contributor

Summary

This PR adds a 90-day contributor activity timeline to public profiles (/@handle page) to highlight contributor consistency over time. It visualizes a user's contribution frequency using a premium client-side CSS grid-based heatmap.

Type of Change

  • Bug fix
  • New feature
  • UI / UX improvement
  • Refactor
  • Documentation
  • Other

Related Issue

Closes #85

What was changed?

  • Database Querying: Fetches public-friendly XP events (recommended_merge, unrecommended_merge, and help_review) from xp_events for the last 90 days. Excludes private claimed/skipped events.
  • Heatmap Component: Implements a client component ActivityHeatmap (in src/components/activity-heatmap.tsx) that displays a 13-week (91-day) calendar grid styled like GitHub's contribution graph, using tailormade Emerald shade tiers and active tooltips.
  • Caching Safety: Bumps the public profile caching key schema to profile:v3:${handle} to prevent type collisions with old cached database structures.
  • Public Profile Page: Updates src/app/[handle]/page.tsx to load the timeline data and renders the heatmap below the existing stats cards.

Screenshots

(Heatmap renders visually right under the Stats grid on public profiles, displaying colored active blocks for public merges and reviews.)

Checklist

  • My code follows the project structure and conventions
  • I tested this locally (npm run dev)
  • No hardcoded secrets or credentials
  • I have updated documentation if needed

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 19, 2026

@diksha78dev is attempting to deploy a commit to the codersogs-3057's projects Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 22, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
mergeship Ready Ready Preview, Comment May 22, 2026 2:46pm

@Ayush-Patel-56
Copy link
Copy Markdown
Collaborator

can we add full contribution heatmap here ? Just a suggestion, happy to know the reason behind your current implementation.

@diksha78dev
Copy link
Copy Markdown
Contributor Author

@Ayush-Patel-56
The reason I implemented it as a 90-day timeline is because the 'Tech notes' and 'What' sections in the original issue specifically requested fetching the past 90 days.

However, I completely agree that a full 365-day heatmap would look much better! I'd be happy to update the PR to fetch and display the full year if you'd like?

@Ayush-Patel-56
Copy link
Copy Markdown
Collaborator

Yep, would appreciate if you implement full year graph

@diksha78dev
Copy link
Copy Markdown
Contributor Author

Ok
i'll implement and update the pr

@diksha78dev
Copy link
Copy Markdown
Contributor Author

@Ayush-Patel-56 i have implemented the heatmap graph code kindly review and let me know anything needs ...
Thanks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Build contributor activity timeline on public profile

2 participants