Skip to content

feat: add user, orgs, and packages to nav#98

Merged
danielroe merged 11 commits intomainfrom
feat/nav-items
Jan 27, 2026
Merged

feat: add user, orgs, and packages to nav#98
danielroe merged 11 commits intomainfrom
feat/nav-items

Conversation

@serhalp
Copy link
Copy Markdown
Member

@serhalp serhalp commented Jan 26, 2026

npmx.nav.demo.v2.mp4
  1. Always show "github" item instead of hiding it when logged in
  2. Drop the text "github" for compactness, showing only the github logo
  3. Add logged in username next to 🟢, clicking brings up /~user
  4. when logged in, shows new 'packages' + 'orgs' nav items
    • clicking packages goes to user's packages
    • clicking orgs goes to user's orgs (new page, lists user's orgs, with org card showing # of pkgs + user's teams)
    • hovering on packages pops down user's 10 first packages alphabetically (this is a placeholder, eventually user prefs screen will allow pinning packages and such)
    • hovering on orgs pops down user's 10 first orgs alphabetically (this is a placeholder, eventually user prefs screen will allow pinning orgs and such)
Earlier prototype

npmx.nav.demo.mp4
  1. Add an "about" nav item (and a new about page, content tbd)
  2. Always show "github" item instead of hiding it when logged in
  3. Add logged in username next to 🟢, clicking brings up /~user
  4. when logged in, shows new 'packages' + 'orgs' nav items
    • clicking packages goes to user's packages
    • clicking orgs goes to user's orgs (new page, lists user's orgs, with org card showing # of pkgs + user's teams)
    • hovering on packages pops down user's 10 most recently updated packages (this is a placeholder, eventually user prefs screen will allow pinning packages and such)
    • hovering on orgs pops down user's 10 first orgs alphabetically (this is a placeholder, eventually user prefs screen will allow pinning orgs and such)

Note: There's quite a bit of missing test coverage here, but see #157.

Closes #95

@vercel
Copy link
Copy Markdown

vercel Bot commented Jan 26, 2026

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

Project Deployment Review Updated (UTC)
npmx.dev Ready Ready Preview, Comment Jan 27, 2026 10:54am

Request Review

@danielroe
Copy link
Copy Markdown
Member

@serhalp what is this PR waiting on?

1. Add an "about" nav item (and a new about page, content tbd)
2. Always show "github" item instead of hiding it when logged in
3. Add logged in username next to 🟢, clicking brings up `/~user`
4. when logged in, shows new 'packages' + 'orgs' nav items
    - clicking packages goes to user's packages
    - clicking orgs goes to user's orgs (new page, lists user's orgs, with org card showing # of
      pkgs + user's teams)
    - hovering on packages pops down user's 10 first packages alphabetically (this is a placeholder,
      eventually user prefs screen will allow pinning packages and such)
    - hovering on orgs pops down user's 10 first orgs alphabetically (this is a placeholder,
      eventually user prefs screen will allow pinning orgs and such)

Closes #95
Comment on lines +70 to +71
// Load details for each org in parallel
await Promise.all(orgs.value.map(org => loadOrgDetails(org)))
Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This probably isn't ideal, but seems fine to start

@serhalp serhalp marked this pull request as ready for review January 27, 2026 02:42
@serhalp serhalp changed the title feat: add about, user, orgs, and packages to nav feat: add user, orgs, and packages to nav Jan 27, 2026
Comment thread app/pages/~[username]/orgs.vue Outdated
Copy link
Copy Markdown
Member

@danielroe danielroe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

beautiful!

@danielroe danielroe merged commit 205556c into main Jan 27, 2026
8 checks passed
@danielroe danielroe deleted the feat/nav-items branch January 27, 2026 10:55
danielroe pushed a commit to MatteoGabriele/npmx.dev that referenced this pull request Jan 27, 2026
@serhalp serhalp mentioned this pull request Jan 27, 2026
vinnymac pushed a commit to vinnymac/npmx.dev that referenced this pull request Jan 28, 2026
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.

Add useful items to header nav (only has search atm)

2 participants