Post

We're shipping features to @guild.host faster than I can post about them 😅 So far this week: - Major infra migration on Sunday - New Settings screens tracking sub-section changes - New Embeds that use our new Design System, config via Settings screens - Tons more features And it's only Wednesday 🤯

I'm particularly thrilled about the new Embeds Our whole UI is built on React Native. Initially it used my custom built Design System that had inline styles typical for React Native Web. This made it easy to embed anywhere, as styles were directly on the DOM elements

Then we moved to Tamagui, which wants to generate CSS based on the design system tokens. This made it far more difficult to embed, as now we'd simply conflict with the host CSS Plus Tamagui wants to Portal out to the host DOM, further breaking encapsulation Thus we couldn't ship our new DS Embeds

Sure, we can and do offer a suite of iframe Embeds. But they just don't feel "native" to the 3rd party app it's being embedded into. It's not a great UX and annoying to lay out, as the embed needs to fit the iframe container...

To resolve this, we're now using the Shadow DOM which is built for this purpose. Every new Design System component is served via the Shadow DOM, with all of the generated CSS contained within that as well

Now, you can incredibly simply just copy & paste any Embed directly from Settings and you get _the same_ component that we have on Guild as well ✨ It's actually incredible! Plus it's all easily configurable, previewable & copy-pasteable via the new Embed Settings on any Guild/Event/User 🤯

Wait is @danabra.mov working on Embeds too 👀 You still in London dude? Haven't seen you in a while and would love to hear more

haha yeah sort of, i'm making a distributed ui framework on atproto i guess

wait which one

The value of “here’s a snippet you can ‘embed’ in your HTML to enable __”.

ah. well, mine aren't HTML