Bluesky Overhaul
This is a small extension for Chrome (and partially Firefox) that adds some nice and handy functionality to Bluesky, the greatest media platform of all time.
Right now (as of April 19, 2023), the app is invite-only and the web app is running at https://staging.bsky.app/ (you may find yours truly at @blisstweeting.ingroup.social).
Table of contents
Features
Implemented features are listed here. For the planned ones, see Issues. Also, some new ideas may appear in this Bluesky thread (login required). You can also create an issue if you have a feature request.
Emoji picker
Allows you to pick emojis from a palette of all available emojis. You can also search for emojis by name.
Doesn't work on Firefox yet.
Auto quote-posting
When you paste a link to someone's post:
- removes "staging." from the URL
- clicks the "Add link card" button for you
- only works if the URL is at the end of the pasted text
- you can remove the link from the text after the card is loaded
Keyboard navigation for photos
You can navigate through photos with ←
and →
keys.
YouTube embeds in feed, profile, and post pages
YouTube player now appears beside YouTube links on some pages (not in search results yet).
Vim keybindings
You can now use j
and k
to traverse posts, l
to like, and ?
to look up the list of all keybindings. (There are 11 or more different actions configured, depending on the extension version.)
Hide followers, following, and posts counts from profiles
Pretty self-explanatory!
Settings popup
You can now change some settings in the extension popup window. You can also disable the extension from that popup if something is buggy, and it will turn back on when the next version is released.
Development
Local build
npm install
npm run build
Development guide
Unsorted temporary notes about how to approach development:
- If you want to implement a feature, please:
- Please, make sure to run the pre-commit hook.
- Soon, I'll add a CI pipeline that will run it on GitHub.
- So far, there are two major abstractions for any behavior:
Watcher
andPipeline
:- Watchers wait for events globally and react to those.
- Pipelines are deployed and terminated for specific DOM elements.
- If you need a new abstraction, please discuss it with Phil first.
- Finding elements in the DOM is a mess right now. It's on my personal vendetta refactoring list.
- Some of it happens in the elementsFinder.js file (because it's needed in more than one place) and some of it does not. I'll probably put everything into that one file, but I have to organize it better.