bluesky-social / social-app

The Bluesky Social application for Web, iOS, and Android
https://bsky.app
MIT License
13.2k stars 1.69k forks source link

Keyboard shortcuts #640

Open olearycrew opened 1 year ago

olearycrew commented 1 year ago

Is your feature request related to a problem? Please describe.

I am one of many folks who likes to navigate web apps with keyboard shortcuts, and there are an increasingly "standard" number of shortcuts that I believe work well in context of an app like Bluesky.

Describe the solution you'd like

I've come up with these basic shortcuts, but I could be convinced that I'm wrong / these aren't the most critical.

Key Action
/ Focus search bar
j/k Navigate/select next/last post
c or n Compose a new post
l Like highlighted post
Enter Open highlighted post
r Reply to post
p Repost highlighted post
s Share post (copy URL)

Describe alternatives you've considered

I thought about building it myself in a Chrome Extension - I actually did that once upon a time for Hacker News (https://hnsuite.com)

Additional context

renahlee commented 1 year ago

Historical PR: https://github.com/bluesky-social/social-app/pull/552

olearycrew commented 1 year ago

@pfrazee would be happy to put some time behind this, but I'm conscious of the fact you mentioned:

Remove the n shortcut until we've had a chance to talk through that update

So happy also to wait to understand if such a contribution would be welcomed.

Neos21 commented 2 months ago

I want the j / k / l shortcuts!

mrvieira2 commented 2 months ago

It would also be nice to have shortcuts that navigate directly to the Home and to the Profile pages. For instance: G + H -> Home G + P -> Profile G + N -> Notifications

xilopaint commented 1 month ago

n for new post has been implemented, but what I really miss is / to focus on the search bar.

Dorkington commented 1 month ago

Would absolutely love to see keyboard navigation implemented for the web app

Pungh0Li0 commented 2 weeks ago

Is there one to load new posts? I always have to reload the page. Twitter uses '.' or page down and back up.

rxlxnd commented 2 weeks ago

needs to happen now :3

theRealAJR commented 2 weeks ago

I also miss this - it's one of the reasons I still prefer Twitter...

RPDeshaies commented 2 weeks ago

Throwing an idea in the air: with the new thread composer, adding a shortcut to automatically add a new post to the draft thread while composing it would also be quite fun I think.

lumpysimon commented 1 week ago

And not forgetting the ? shortcut to view all shortcuts

jan-vandenberg commented 1 week ago

j/k scrolling would be much appreciated!

Youtube has it, Github has it, Gmail has it, Tumblr has it, Duck Duck Go has it, Twitter has it.

jay-knight commented 1 week ago

I especially miss . to jump back to the top of the feed and load new posts.

aspiers commented 1 week ago

I just tried https://chromewebstore.google.com/detail/bsky-shortcuts/cimigenihbmedhakgecdgbjgmplfjkjj and it didn't work. This really needs to be a native feature anyway.

mattburesh commented 1 week ago

I just tried https://chromewebstore.google.com/detail/bsky-shortcuts/cimigenihbmedhakgecdgbjgmplfjkjj and it didn't work. This really needs to be a native feature anyway.

This is mine. It's in pretty rough shape as I haven't done anything with it in a while. Looks like it's broken in Chrome because of the manifest changes.

I'll get that resubmitted, but if any wants to use it here's the repo.

aspiers commented 1 week ago

Awesome, thanks so much for sharing @mattburesh!! Yeah MV3 migration is a pain I've felt too :sweat_smile:

mk-360 commented 6 days ago

Note that keyboard shortcuts are essential for accessibility as well. For example, I am a blind person, and I use J and K to navigate through the Twitter feed efficiently. In Bluesky, navigation is much slower because you need to use the arrow keys to move line by line or the Tab key, which cycles through each element in a post: the post itself, the profile name, the "view profile" option, the action buttons, and finally, the next post. The web app also has other accessibility (A11Y) issues, such as the complete absence of headers, landmarks, and regions, but that’s a topic for another request.

mhchen commented 4 days ago

@pfrazee does x:on-the-roadmap mean contributions aren't welcome for now?