New addition to my #WebComponents collection: <mastodon-post>!
Embed mastodon posts on your web pages by progressively enhancing a regular link and without the need for an <iframe>. Use the built in semantic template or apply your own! Read more about it here: https://darn.es/mastodon-post-web-component/
Made a quick demo for someone who wanted a static fallback. It's effectively a static HTML copy of the Mastodon post but the Web Component grabs the link to the post and “hydrates" into having the current data: https://codepen.io/daviddarnes/pen/dyrrBRp?editors=1100
As embeddable solutions go, this one beats iframes IMO, but I'm still kinda on the lookout for one that contains a plain-text copy of the post it can fall back on for displaying if the Mastodon server is down. You think that'd be potentially in scope for yours?
@julian thanks very much! Sounds like what you need to do is just copy the Mastodon post content itself and then wrap it with this component. That way you'll get the best of both worlds.
@DavidDarnes Yeah, pretty much. Mastodon servers vanish often enough that I think the fallback text is critical. I'd likely add the posting date/time too, but the principle's the same.
I haven't tried out your script myself yet, but for me it'd be ready to replace the default iframe embeds if the per-post code snippet can easily be copypasted in without futzing with style sheets or one-off scripts, doesn't choke if multiple posts are embedded within the same page, etc.
@julian it should work pretty well with multiple posts, granted though it will end up making a fetch request for each. However it's far less overhead than the whole iframe. Let us know how you get on!
Add comment