phanpysocialdev

👀🐽 #PhanpySocialDev

ALT

Sneak peek on what's coming up for #PhanpySocialDev

#i18n #localization #PseudoLocalization

ALT

ALT

ALT

ALT

Small update on #PhanpySocialDev and those on *upcoming* Mastodon v4.3+: new V2 settings for filtered notifications.

References:
API: https://github.com/mastodon/mastodon/pull/31343
Web UI: https://github.com/mastodon/mastodon/pull/31342

Mastodon Web UI obviously has *way more* explanatory copy for every filter choice and what happens etc.

#MastoDev

ALT

Sometimes feels good to step back, adjust the little things, and write some fancy CSS.

#PhanpySocialDev (still experimental, on my local)

ALT

ALT

A little preview of some small UI changes on #PhanpySocialDev 's composer.

#Phanpy #phanpysocialdev https://mastodon.social/@cheeaun Hello, can you tell me please how i can exclude all boosted toots/posts from my Home/Follows timeline? The Mastodon UI has a simple, single, toggle for this, but so far i've not deduced how to do it globally with the Phanpy UI [until a better option arises, i need to tediously manually suppress boosts individual by individual]?

Took me a while to debug this on Phanpy's Catch-up, date range is wrong, the squares are all group into a single tall bar 😂

Turns out one of the posts is… ✨in the future✨ (2026). This: https://community.nodebb.org/topic/18666/nodebb-4.1.0 (Mastodon: https://mastodon.social/@julian@community.nodebb.org/114077199430551343)

Anyone knows why/how this happens? 😆

#MastoDev #PhanpySocialDev

ALT

ALT

ALT

Randomly testing this out.

Kinda jumpy to swap between <input> and <textarea>. Can't figure out how to style <input> to wrap text. Probably could default to <textarea> and style it like an <input> to prevent re-render or jumpiness 🤔

#PhanpySocialDev (still experimental, on my local)

Initial work on `blur` filter for media in posts. Context: https://github.com/mastodon/mastodon/pull/34256 (nightlies, not stable releases)

- Quite tricky as the post is filtered but visually not entirely "filtered"
- Need to handle case of conflicting user intentions; set "Always show media" for "Sensitive content" in settings vs "Hide media with a warning" filter
- Copy for choosing the filter action got a bit tricky. Using "obscured (media only)" for now

#PhanpySocialDev #MastoDev (still experimental, on my local)

ALT

Sometimes I'm quite amazed by my own code 😳

The RTL work last year was quite insane https://mastodon.social/@cheeaun/112932794480750449

#PhanpySocialDev #JavaScript #RTL

ALT

#PhanpySocialDev (dev site) has upgraded to Masto.js v7. Test it out and see if I missed anything 🤞
https://mastodon.social/@neet/114432762180036489

📣 Phanpy folks using non-QWERTY keyboards, now you can test this keyboard-layout-dependant shortcuts on dev site 🙇‍♂️ https://github.com/cheeaun/phanpy/issues/326#issuecomment-2816429554

For context, currently keyboard shortcuts are keyboard-layout-independant (`e.code`). E.g. for a Dvorak keyboard layout, the physical `c` key is mapped to `j`, so it's confusing. Now with keyboard-layout-dependant shortcuts, it will listen to the produced key (`e.key`) rather than the code (`e.code`).

#PhanpySocialDev #KeyboardShortcuts

Finally got to build this. Quick UI toggles to see all possible permutations of a post.

Previously was trying out Storybook.js but it's a bit too much for my needs (too many files, too many clicks).

CSS view transitions are pretty cool. More permutations need to be added later. And it's fun building this.

#PhanpySocialDev

This took longer than expected. Pretty cool that it works.

Post featured in video: https://tapbots.social/@mark/114617305665385240

#PhanpySocialDev #CSS #ViewTransitions

Quote post permutations.

- Docs on quote states: https://docs.joinmastodon.org/entities/Quote/#state
- Related PR: https://github.com/mastodon/mastodon/pull/34738
- Reference of text copies from Mastodon: https://github.com/mastodon/mastodon/blob/c442589593ac39f1f36c972890850c30efd3ca1b/app/javascript/mastodon/locales/en.json#L875-L880

#PhanpySocialDev #MastoDev

On-demand math formatting 🤔

Library used: Temml https://temml.org/

#PhanpySocialDev