Oh well, introducing Swablu, my yet another hard-to-pronounce web client, this time for Bsky. Note that this is very early, experimental and buggy. Feel free to play around https://swablu.pages.dev/ and look at the code https://github.com/cheeaun/swablu - ThreadSky

cheeaun.com • 64 days ago

Oh well, introducing Swablu, my yet another hard-to-pronounce web client, this time for Bsky.

Note that this is very early, experimental and buggy. Feel free to play around https://swablu.pages.dev/ and look at the code https://github.com/cheeaun/swablu

Reposted from Chee Aun 🤔

Been working on this for the past few days. Very experimental, early, buggy, and NOT complete.

1️⃣ One small sneak peek for now.

For those who don't know me, I created Phanpy (web client for Mastodon) that has *a lot* of these kind of UI ideas & experiments. This allows me to experiment more.

Comments

glitchypsi.xyz•64 days ago

this client is so cute

aliceweb.xyz•64 days ago

the UI is disorienting in like 5 different ways but i do love UI experiments so. really happy for this

ansxor.ca•64 days ago

the only thing I can really ask for is PWA support so that I don't get interrupted by the address bar in my browser but otherwise this is awesome so far

ansxor.ca•64 days ago

also, something I notice is that the avatar sliding on the left with the post clips out a lot. I'm using Firefox on Android

gabboman.at.app.wafrn.net•64 days ago

I am going to take a look at some stuff because it may help me here at wafrn. Wich is... a... thing
https://app.wafrn.net/blog/gabboman

steffo.eu•64 days ago

what do i have to write in the login box to login?

cheeaun.com•64 days ago

lol 🙈 should be your handle, in your case, try `steffo.eu`? 🤞

steffo.eu•64 days ago

it just opens a blank page?

oh nvm it just redirected me to bluesky's login page, took it a while for some reason though

cheeaun.com•64 days ago

yeah I don't know why it's kinda slow… for some reason…

If you're seeing a redirect, I supposed on you're on mobile? (not related to the slowness)

steffo.eu•64 days ago

nope, vivaldi desktop

cheeaun.com•64 days ago

I have no solid plans on how to proceed with this, as I’m still more focused on Phanpy, my web client for Mastodon. So far I’m using this project for:
1. Trying out new JS libs & CSS stuff (TanStack Router, TanStack Query, React Aria etc)
2. Explore & look into current state of dev for Bsky/AtProto

cheeaun.com•64 days ago

UI ideas currently on Swablu:
- Media carousel idea from Threads
- Username-only display idea from Threads — domain handles in Bluesky’s case
- Loading indicator from Ivory app
- Fade out avatar and name for parent & root posts in timeline

cheeaun.com•64 days ago

- Article view by default for long threads (more than 1 same-author posts)
- One-liner UI for notifications, grouped by date
- Sticky-positioned avatars
- Post stats+actions (like, reply, repost) hidden by default, shown when post is hovered or focused

cheeaun.com•64 days ago

Dev notes, from my observations:

- @atproto/oauth-client-browser’s doc ain’t great so need to read the source code few times

- It has its own session management stuff stored in IndexedDB

- It even reads location.href after redirecting from the OAuth flow & auto-clear the query params

cheeaun.com•64 days ago

- For @atproto/api, it has two Agent and AtpAgent . Former is for logged-in session, latter is for logged-out public API calls. I’m not sure why they’re separate.

- There’s no twitter-text for Bsky posts. There’s RichText from @atproto/api but kinda less powerful?

cheeaun.com•64 days ago

- It uses graphemer for text segmentation (https://github.com/flmnt/graphemer) which is last updated 2022 and is now archived.
- Client metadata OAuth is kinda weird. client_id need to pass a URL to itself.
- Links in raw post text actually have ellipsis, instead of the client manually ellipsify it.

Comments

Posting Rules

Reply