Skip to content

Smooth leaderboard filter loading, load-more, and bar transitions - #34

Merged
jackmcpickle merged 1 commit into
mainfrom
cursor/leaderboard-filter-ux-4484
Aug 7, 2026
Merged

Smooth leaderboard filter loading, load-more, and bar transitions#34
jackmcpickle merged 1 commit into
mainfrom
cursor/leaderboard-filter-ux-4484

Conversation

@jackmcpickle

@jackmcpickle jackmcpickle commented Aug 6, 2026

Copy link
Copy Markdown
Owner

Summary

Improves the homepage leaderboard when date/window/metric filters change:

  • Smoother filter loading — TanStack client navigation instead of BoardScript HTML swaps (those were fighting the router via pushState and causing layout jump). Keeps prior rows visible while pending and reserves list height.
  • Load more — show top 10, then +10 per click (frontend only).
  • Bar motion — rank bars animate width (scaleX / board-bar-grow) on first load and when filters remount the rows.

Static/Hono HTML path still ships BoardScript (with data-spa-board skip + min-height during swap) for progressive enhancement / tests.

Stacking

Based on cursor/tanstack-start-migration-4484 (#33). Merge that first, or merge this into it.

Test plan

  • pnpm check (lint, fmt, typecheck, 365 tests)
  • Local preview: window/metric/source filters update URL in place; hero stays put; data-spa-board="true"
  • CSS bundle includes board-bar-grow / .board-bar-fill
  • Load more with >10 entries (local D1 empty in this environment — button renders when entries exist)
  • Filter dialogs still open/close and apply filters
Open in Web Open in Cursor 

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Aug 6, 2026

Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Updated (UTC)
✅ Deployment successful!
View logs
tokentally 221595d Aug 06 2026, 10:48 PM

@jackmcpickle
jackmcpickle marked this pull request as ready for review August 6, 2026 22:45
@jackmcpickle
jackmcpickle changed the base branch from cursor/tanstack-start-migration-4484 to main August 6, 2026 22:46
Stop BoardScript HTML swaps from fighting TanStack Router on the home
board. SPA filter links use client navigation, keep prior rows while
pending, page results 10 at a time, and animate rank bar widths on load.

Co-authored-by: Jack McNicol <jackmcpickle@users.noreply.github.com>
@cursor
cursor Bot force-pushed the cursor/leaderboard-filter-ux-4484 branch from 653ed3a to 221595d Compare August 6, 2026 22:47
@jackmcpickle
jackmcpickle merged commit 60810fc into main Aug 7, 2026
5 checks passed
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.

2 participants