Repository navigation
feat: show maintainer locations on an interactive globe - #1494
KevinVandy merged 4 commits into
Conversation
|
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. Please check the settings in the CodeRabbit UI or the
|
|
Review the following changes in direct dependencies. Learn more about Socket for GitHub.
|
e4f64c8
into
TanStack:tkdodo/maintainer-location-map
…1493) * feat: maintainer map * deslop * feat: add maintainer locations from GitHub profiles * feat: set Harry's location to Berlin * feat: add locations for Lachlan and Manuel * feat: add location for Jonghyeon Ko * feat: move Sarah to Vancouver, drop map subtitle * feat: add Benjamín Vicente as a maintainer * feat(maintainers): add city to the 'manudeli' location * Update src/libraries/maintainers.ts Co-authored-by: Nicolas Beaussart <nic.beaussart@gmail.com> * chore: move Nicolas below Florian in maintainers list * chore: reorder Alem and Kyle in maintainers list * feat: show maintainer locations on an interactive globe (#1494) * feat: show maintainer locations on an interactive globe * fix: tighten mobile maintainer profile spacing --------- Co-authored-by: Kevin Van Cott <kevinvandy656@gmail.com> * perf: avoid per-frame page-wide style recalc and forced layout in maintainer globe COBE marker ids make it rewrite :root custom properties and move an anchor div per marker on every update, which restyles the whole page each frame. Project marker positions in JS instead (same math as COBE), cache card sizes, only write card styles when visibility flips, keep the frame loop running through zoom changes, drop backdrop-blur over the canvas, and delete the unused land map JSON. * perf: smooth maintainer globe entry and interaction * feat: add pause button for globe rotation * perf: composite globe profile cards and drop idle blur filter * feat: refine responsive maintainer globe * ci: apply automated fixes * perf: avoid redundant globe entrance draws * fix: keep maintainer globe clear of profile list * perf: reveal maintainer globe sooner on load * style: raise maintainer globe from farther below * fix: zoom the maintainer globe within a fixed canvas * fix: limit maintainer profile connector lengths * fix: free maintainer profiles from the globe heading * feat: render the maintainer globe with TanStack Charts * fix: frame the maintainer globe closer on mobile * fix: fill the lower globe corners on mobile * fix: reveal the full mobile globe on scroll * style(maintainers/globe): replace hardcoded globe colors with design system tokens * feat(ds/palette): extend the cool neutral tint ramp to five steps * fix(maintainers/map): unify selected cluster heading and point profiles at GitHub * fix(routes/maintainers): drop duplicate top margin already covered by the flex gap * feat(maintainers/map): document missing globe shortcuts with 'kbd' keys * feat(maintainers/map): add a zoom reset control to the globe * refactor(maintainers/map): group globe controls with a design system separator * refactor(maintainers/map): replace remaining hardcoded colors with design system tokens * fix(maintainers/map): restore the globe surface border lost to 'border-default' * refactor(routes/maintainers): move globe controls onto the 'background-elevated' surface * fix(maintainers/map): give the selected cluster panel the shared surface border * refactor(routes/maintainers): tokenize the filter dropdown internals * feat(maintainers/map): reset the globe tilt alongside zoom * solid maps, initialLocation --------- Co-authored-by: Kevin Van Cott <kevinvandy656@gmail.com> Co-authored-by: Wonsuk Choi <sukvvon@gmail.com> Co-authored-by: Nicolas Beaussart <nic.beaussart@gmail.com> Co-authored-by: Jonghyeon Ko <manudeli.ko@gmail.com> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Adds an interactive COBE globe to the maintainer map from #1493. It rotates automatically, follows dragging, and pauses over profiles so names are easy to read.
Validation:
pnpm testpassed. Browser checks cover rotation, drag/release, hover, zoom, profile selection, portrait collisions, and identical layout dimensions before and after hydration on desktop and mobile.Preview
Desktop
Drag to rotate, zoom in, and hover over a profile to pause and read the name.
maintainer-globe-desktop.mp4
Mobile
Drag to rotate, tap to zoom, and select a profile to see nearby maintainers.
maintainer-globe-mobile.mp4