mastodon.ar.al is one of the many independent Mastodon servers you can use to participate in the fediverse.
This is my personal fediverse server.

Administered by:

Server stats:

1
active users

As a fun little exercise, I decided to port Miuki Miu’s (Elizabet Oliveira’s) adorable React Kawaii¹ to Kitten².

Going to write a blog post about the experience but, in the meanwhile, if you want to play with the cute little characters, here you go:

kitten-kawaii.small-web.org

And here’s the source code:

codeberg.org/aral/kitten-kawai

Things to try: the back and forward buttons ;)

¹ react-kawaii.vercel.app
² kitten.small-web.org

Ooh, oops, looks like I introduced a little shared state between sessions… looking into it now :)

(If your character switches when you change the colour, etc., that’ll be why.)

Right, fixed.

So genius here just kept state in global variables which were, of course, shared between all connections. 🤦‍♂️

(So you were all just changing the same character, colour, mood settings but the updates were only getting sent to you so when someone else changed something, your character would reflect those changes too and appear to jump.)

Anyway, long story short, moved state to the session object and it should be good now.

Patch: codeberg.org/aral/kitten-kawai

Codeberg.orgKeep state in session instead of globally · fdb57e7794kitten-kawaii - Kitten port of react-kawaii by Miuki Miu.
Aral Balkan

(Just because I implemented it doesn’t mean this Streaming HTML¹ workflow isn’t new to me either. I’m still learning how Kitten wants to be used even as I build it.) :)

kitten.small-web.org/tutorials