We’re exploring ways to improve how Markdown is rendered in our components during streaming.

• Complete partial syntax when possible (bold, links, table headers, …)
• Buffer incomplete elements (partial images, broken emojis, …)

💚

Nathan: "The chorus to Howie Day’s Collide just happens to be exactly 23 seconds long"

We made a tiny site for it with @pierrelevaillant.bsky.social during the last @liveblocks.io hackathon, and I finally found an excuse to try @nextjs.org’s Partial Prerendering to show a snapshot of actual data from the server before connecting to Liveblocks on the client.

Combine it with Vaul from @emilkowal.ski to show it as a drawer on mobile.

It was initially built for @liveblocks.io Comments almost 2 years ago and we’ve improved a few things when moving it to its own package:
✦ Now dependency-free
✦ Faster, with its state driven by a tiny store and selectors
✦ Supports dynamically-sized elements in the virtualized list

We’re open-sourcing Frimousse—a lightweight, unstyled (but with a shadcn​/ui version too), and composable emoji picker for React. 😊

frimousse.liveblocks.io

3 years at @liveblocks.io 🎂

We’re also looking at the new `interpolate-size` property to add minor layout transitions as a progressive enhancement. developer.mozilla.org/en-US/docs/W...

Long overdue but the Liveblocks Comments composer—which has supported formatting via keyboard and Markdown shortcuts since its first release—will soon feature inline formatting controls. 📝

👋