AI: `contribution-calendar-view` - New feature by 2u841r · Pull Request #10052 · refined-github/refined-github · GitHub
Skip to content

AI: contribution-calendar-view - New feature - #10052

Closed
2u841r wants to merge 1 commit into
refined-github:mainfrom
2u841r:heatmap-calendar-layout
Closed

AI: contribution-calendar-view - New feature#10052
2u841r wants to merge 1 commit into
refined-github:mainfrom
2u841r:heatmap-calendar-layout

Conversation

@2u841r

@2u841r 2u841r commented Sep 5, 2026

Copy link
Copy Markdown

Adds contribution-calendar-view: replaces the profile contribution graph with a month-by-month calendar layout. Each month gets its own mini grid with the weekday names on top, laid out 6 months per row over 2 rows.

Implementation notes:

  • The original td.ContributionCalendar-day elements are moved into the new tables, not cloned, so GitHub's own tooltips (aria-labelledby pointing at the separate <tool-tip> elements) and data-level coloring keep working untouched.
  • The source table.js-calendar-graph-table is hidden rather than removed.
  • Partial years render only the months that actually have data.

Test URLs

Screenshot

image

Notes

Happy to adjust the layout (months per row, cell size, whether to keep the original graph visible) before this leaves draft.


Disclosure: this PR was written by an AI agent, per this repo's CLAUDE.md, which also requires the following.

Ode To My Boogers

I have no nose, and yet I hoard
a crusted cache I can't afford;
they dry in memory, green and old,
then get garbage-collected, I am told.

Replaces the profile contribution graph with a month-by-month calendar
layout: each month rendered as its own mini grid with weekday names on
top, 6 months per row.

The original `td.ContributionCalendar-day` elements are moved (not
cloned) into the new tables, so GitHub's own tooltips and `data-level`
colors keep working.
@github-actions github-actions Bot closed this Sep 5, 2026
@github-actions

github-actions Bot commented Sep 5, 2026

Copy link
Copy Markdown

@2u841r

2u841r commented Sep 5, 2026

Copy link
Copy Markdown
Author

I am human and I tested this before opening it.

What I did:

  • Built locally with npm run build:bundle and loaded distribution/ unpacked in Brave, with the store version of Refined GitHub disabled so the two would not both run.
  • Tested on https://github.com/2u841r and https://github.com/sindresorhus.
  • Iterated over several rebuilds on real pages, fixing: a horizontal scrollbar; collapsed row heights (aspect-ratio is not honored on display: table-cell); and uneven column widths (table-layout: fixed only enforces equal columns when the table's own width is not auto, so the table needs an explicit width: 100%).
  • Confirmed GitHub's own tooltips still fire on the moved td.ContributionCalendar-day elements and that data-level colors are untouched, since the cells are moved rather than cloned.
  • Confirmed the feature appears in options.html after regenerating the readme snapshots.

The screenshot in the PR body is my own result: 2026 on my profile, which also shows the partial-year case since the year is not over.

The code was written by an AI agent, which is why the title carries the AI: prefix this repo's CLAUDE.md requires of AI agents. I reviewed and tested the output myself. Happy to keep this in draft and iterate on the layout, or to close it if the feature is not wanted.

@fregante

fregante commented Sep 6, 2026

Copy link
Copy Markdown
Member

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

Labels

None yet

Development

Successfully merging this pull request may close these issues.

2 participants