I’m in the middle of building something that is just silly enough to be interesting and just useful enough to be releasable.

Ok, so.

Tweets look really good when you send them in Messages on iOS/macOS. Mastodon posts… don’t. So I built a little tool that makes them much nicer to look at:

https://mstdn.link

Add ?to={any Mastodon post URL} to the end of that domain and when you send it to a friend, you get the nice looking preview. Of course the page makes it easy to paste a URL in. And there’s a Shortcut to make it even easier on iOS or macOS.

mstdn.link - Share Mastodon posts better

Anyway, this exists at the intersection of silly and useful. Enjoy!
I just added images to this thing. A thousand words better now. (It also may be a tad faster as well.)

Being sherlocked has never felt so good. 🙌🏼

https://mastodon.social/@timroesner/109876084020612662

An update to the landing page. On to the next thing to tinker with. 😊

For those asking, I'm not planning on turning off https://mstdn.link in the foreseeable future.

If you missed it, iOS 16.4 was released yesterday with native support for Mastodon previews. Which is awesome and renders this little thing useless. But since I don't want to break a lot of links, it takes basically nothing to run, and some people like the blue background on the previews (😂), I'll leave it up. 🫡

mstdn.link - Share Mastodon posts better

And if you're interested in the trick of pretending to be a Twitter URL for this very, very specific purpose, here's the code that runs https://mstdn.link. Did I mention it's in PHP? https://gist.github.com/thillsman/e0d755f114aef178d38e3d656385323d
mstdn.link - Share Mastodon posts better

@thillsman b-but are you going to open source your black magic? I’d like to try and make my own for Nitter links. :)
@ioslife Good call. Here you go, hope you don't mind PHP. 😂 https://gist.github.com/thillsman/e0d755f114aef178d38e3d656385323d
mstdn.link logic

mstdn.link logic. GitHub Gist: instantly share code, notes, and snippets.

Gist
@thillsman thank you for your work on this. It may actually have nudged or helped Apple in this direction. 👍
@jaanus Hey thanks! I hope it did, and I'm glad there's a better solution now! 😊
@thillsman just came to check if you were posting about it! 😂
@thillsman have loved your link service in the interim, was so seamless to use via shortcut
@carlyraebrian Hey thanks! I'm happy to have helped, and happier that there's native support now. 😊
@thillsman holy smokes. That’s me! I’m famous! 🥳
@MuseumShuffle Haha, your post was the perfect test case. 😊
@thillsman suggestion: instead of the logo of the instance, show the profilepicture of the user.
@gameshack_ I was looking into that yesterday. It may be doable.
@thillsman Started playing around with this based on your idea, so thanks for leading me down that rabbithole and giving me a fun afternoon activity today! :D
@thillsman Videoplayback similar to the youtube preview seems like an interesting one too.
@thillsman this is really cool and clever.
@rosskimes Thanks! I’m glad it’s useful!
@thillsman I was literally complaining about this this morning! I’ll give this a shot! Thank you.
@derekpcollins Haha, a pain point for tons of us!
@thillsman Just used it and it works as advertised — I’m sold! Thanks for making this!
@thillsman this is super helpful! Great work!
@zaniad Thanks! I’m glad it’s useful!
@thillsman Oh, interesting. I just bought fossilize.it to replicate twitter publish functionality. Nice work!
@thillsman That’s great! How does it do with images in the posts?
@tbalena Haha, right now it just shows them as an attachment in text, but I’m going to keep looking into it to see if there’s an improvement I can make.
@thillsman That’s cool! It would be even cooler to open a PR against the Mastodon project adding appropriate link previews so it just works out of the box.
@philip I thought about that too. The trick is that Messages is looking explicitly for a Twitter URL in a meta tag, so this fakes it. I doubt Mastodon proper would want to do that.

@thillsman I haven’t looked closely enough to say with any authority: iMessage renders various previews for other sites. Are they all faking being Twitter?

If yes, it’s a stupid hack, but one that seems worthwhile following. If no, however other sites render previews, should be doable for Mastodon as well?

@philip @thillsman For most websites iMessage will show open graph images. So if mastodon can render to an SVG image that *should* work.
@philip @thillsman I believe iMessage puts Twitter and Facebook boy scraper names in its user-agent, and some sites use this to render pages that iMessage will turn into better previews
@thillsman Tyler this is amazing!!! I swear it was only 2-3 days ago I was complaining to one of my group chats that Mastodon links I share looked bad in iMessage.
@MuseumShuffle Haha, we all have the same issues.
@thillsman @viticci something for @icecubesapp and @ivory to think about adding as a built in feature?
@thillsman I'm curious, would a longer-term fix need to be Apple doing custom Messages work? or does Mastodon need to rework its meta tags?
@weston There’s something in Messages link previewing explicitly looking for a Twitter URL in a meta tag, so I’m afraid the ball is in Apple’s court.

@thillsman @weston

Squarespace have figured out the secret sauce for this. If you message this to yourself, you’ll get a proper preview. They basically spam all the headers.

https://squarespace.com

It’s in their pages when you make a squarespace site too and works a treat.

Website Builder – Easily Create Your Own Website — Squarespace

Create a website and grow your business with a free Squarespace trial. Start with customizable website templates, AI website builder tools, or a domain name.

Squarespace
@thillsman this is awesome!!! Badly needed.
@rod Haha, I thought so too. 😊