Skip to content

Fix broken Twitter/X embeds! Use multiple images, videos, polls, translations and more on Discord, Telegram and others

License

Notifications You must be signed in to change notification settings

leonardoseleno/FxTwitter

 
 

Repository files navigation

FxTwitter / FixupX

Embed X / Twitter videos, polls, translations, & more on Discord, Telegram, and others!

esbuild Tests Status License

Written in TypeScript as a Cloudflare Worker to scale, packed with more features and best-in-class user privacy 🔒.

Add fx before your twitter.com link to make it fxtwitter.com

OR: Add fixup before your x.com link to make it fixupx.com

For twitter.com links on Discord, send a link and type s/e/p to make twittpr.com.

Embed Videos

We all have videos of memes and other things from Twitter we want to quickly share with friends. With normal Twitter links, embedding videos is often broken on Discord and impossible on Telegram. But using FxTwitter, we embed the raw mp4 file so it's compatible with just about anything supporting video embeds.

On Discord, we'll also automatically embed videos linked from other platforms, such as YouTube, so they can play without having to open a browser.

Embed Polls

If you want to share the results of a Twitter poll, you can do so by just linking the post using FxTwitter.

Embed Quotes & Media

Quotes and their media can provide important context to a post. So we'll automatically add said context, and even media if there isn't already media embedded in the quote.

Translate Posts

You can translate a post into any other supported language, with the original and translated text displayed as space allows.

Just append a post with its 2-letter ISO language code. So for English, add /en at the end.

Gallery view

Use g.fxtwitter.com or g.fixupx.com to generate minimal embeds with just the post's media and author information without other distractions. This can be particularly useful for read-only channels dedicated to sharing media.

Direct media links

Want to link directly to a post's media without the embed? You can easily do that using FxTwitter.

Image demonstrating the feature

There are a few supported ways to do this:

  • Add d. before the domain (so, d.fxtwitter.com)
  • Add .mp4 to the end of videos or .jpg to the end of images, after the post ID

Telegram Instant View

View the full contents of tweets without leaving Telegram or opening a browser! We automatically enable instant view in these cases:

  • The domain is i.fxtwitter.com / i.fixupx.com
  • The post contains photos, translations, or is over 280 characters

In the future we plan to do even more with Instant View such as embedding entire threads.

Examples from above:

  • https://d.fxtwitter.com/dangeredwolf/status/1548119328498728960
  • https://fxtwitter.com/dangeredwolf/status/1548117889437208581.jpg

Posts with multiple images are supported, so you can do something like this and it will pick the correct one:

https://d.fxtwitter.com/dangeredwolf/status/1547514042146865153/photo/3

Otherwise, it will default to the first image.

Replace t.co shorteners with original link

The default Twitter embeds include t.co link shorteners, which make it difficult to know where the link is heading. We automatically replace t.co links with their original links to make things clearer.

Redirect to Nitter or other custom instances

If you want to redirect to Nitter or another custom Twitter interface, you can set your custom redirect domain, like so: https://fxtwitter.com/set_base_redirect?url=https://nitter.net

At this time, the cookie is only set on the domain you set it on, so if you set it up using fxtwitter.com, fixupx.com will not redirect to your custom domain unless you set it there.

Built with privacy in mind

FxTwitter doesn't save logs of what posts you're sending, nor do we have a public record of what posts are being embedded by FxTwitter.

In fact, because our core embedding and API service uses Cloudflare Workers, FxTwitter can only run when you send it a request. Its memory doesn't stick around, and it doesn't have a file system or database to read from at all. That is how we keep our privacy promise by building it into the architecture. We use Cloudflare Analytics Engine to aggregate basic, anonymous statistics, which do not include information that could identify individual users or posts. My goal is always to provide a good public service, and FxTwitter doesn't have any ads or tracking to make money off of, nor do we sell data.

Note: We use Cloudflare to cache FxTwitter responses to make repeat access faster, which have a maximum TTL of 1 hour. Temporary real-time logging in the terminal (specifically wrangler tail) may be used only by the developer while the Worker is being serviced or debugged (to make sure things work as they should), however these logs are only shown in the terminal and are never saved or used for any other purpose. URLs that cause runtime errors in the script (aka Exceptions, usually exceedingly rare unless there was a faulty update pushed out or Twitter API is down) may be logged for a developer to diagnose the issue that is preventing your embed from working.

On a different note, if the person who posted a FxTwitter link forgot to strip tracking parameters (like ?s and &t), we strip it upon redirecting to the post as they are only used for Twitter telemetry and advertising.


Why use FxTwitter?

In many ways, FxTwitter has richer embeds and does more. Here's a table comparing some of FxTwitter's features compared to Twitter default embeds as well as other embedding services

FxTwitter Twitter default vxTwitter (BetterTwitFix)
Embed Posts / Images ✔️ ✔️ ✔️
Embed profile pictures on text posts ✔️ ✔️
Embed Twitter Videos ✔️ ➖ Discord Only¹ ✔️
Embed External Videos (YouTube, etc.) ✔️⁴ ❌³
Embed Poll results ✔️ ✔️
Embed Quotes ✔️ ☑️ Without Media
Embed Multiple Images ✔️ ➖ Discord Only² ✔️
Translate Posts ✔️
Replace t.co with original links ✔️ ✔️
Redirect to media file (without embed) ✔️ ☑️ Subdomain broken, no images
Gallery view ✔️
Strip tracking info on redirect ✔️ ✔️
Show retweet, like, reply, view counts ➖ Discord / Telegram Instant View ➖ Discord Only² ☑️ No replies / views
Discord sed replace (s/) friendly ☑️ twittpr.com N/A
Domain for X.com links ☑️ fixupx.com N/A ☑️ fixvx.com
Telegram Instant View ✔️
Status fetch API for Developers ✔️ N/A ✔️
Last commit N/A

¹ Discord will attempt to embed Twitter's video player, but it is unreliable and does not work on mobile

² Discord uses a custom embed container for Twitter.com to enable multi-image, which is unfortunately not available to other websites.

³ On GitHub, BetterTwitFix (vxTwitter) claims to support this feature, however in my testing as of December 2023, this does not seem to work.

⁴ External media requiring web containers, such as YouTube, won't embed in Telegram because Telegram doesn't support it. Plain media will work in Telegram, and it works either way inside Discord.


Why FxTwitter is nicer to develop for and deploy

FxTwitter was originally designed for edge computing in mind meaning it's easy to run closer to your users (which has significant latency advantages for people in a lot of regions). The way we use it and recommend deployment is using Cloudflare Workers, which are completely free for up to 100,000 requests per day, per account. Cloudflare Workers are fast to set up and your script is distributed in their datacenters around the world for lower latency. It may be possible to run it on other platforms that support Hono, but at this time we do not provide documentation to do so yet.

FxTwitter does not need a database nor a Twitter API key: It takes a similar approach to youtube-dl where it pretends to be a logged-out Twitter web user, fetching a guest token and making API requests from there. At one point, this meant "unlimited" read-only access to Twitter's API, including things they don't expose in their public API, useful for polls and other features. It's been locked down pretty heavily after Elon Musk took over Twitter, but the guest token API does still work.

Deploy FxTwitter yourself

ℹ️ Currently, we only provide assistance with deploying with Cloudflare Workers, but it may be possible to run on other web standards-compliant runtimes.

Clone the repo, install Node.js and run npm install in the repo directory. Copy wrangler.example.toml to wrangler.toml and add your Cloudflare account ID, and change the name of your worker if you need to. Also copy .env.example to .env and change HOST_URL, DIRECT_MEDIA_DOMAINS to your desired domain and whatever else you need to do. Authenticate with Cloudflare with npx wrangler login, then do npm run deploy (or npx wrangler deploy --no-bundle).

If you have more questions about setting up Cloudflare Workers, check out their Getting Started guide.

Once you're set up with your worker on *.workers.dev, add your worker to your custom domain.

Populate Sentry details in your .env to use Sentry in your product to catch exceptions.

In 2023, Twitter began blocking posts with NSFW media from the guest API. We use a service binding code-named elongator, which use empty Twitter accounts to make these requests successfully. This is an optional component and is only necessary for those who plan to support embedding NSFW tweets. This method also means you never have to pay Elon Musk to use Twitter's official API.


FAQ

What's the difference between fxtwitter.com, twittpr.com, and fixupx.com?

They all run the exact same worker and function identically... mostly.

fxtwitter.com is the primary domain and fixupx.com exists to make it easy to fix x.com links as well (Very short .com domains are expensive, sorry I didn't get something shorter). Also, with twittpr.com you can do quick sed replacement on Twitter links by sending a Twitter link and sending s/e/p afterward to automatically edit it.

How come embedding takes so long / is not working in Telegram?

Telegram's embedding servers sometimes never even send us a request to embed a URL, possibly due to their servers being overloaded. If you have a link that is broken you can try one of our other domains (fxtwitter.com, fixupx.com) or use Webpage Bot to try to clear the cache of the embed.

Why do video embeds look different on Discord?

Discord hides the text when videos are attached to a website embed. As a result, we have to mess around with other parameters to display embeds correctly.

What if I don't want FxTwitter to combine my post's images together with multi-image?

No problem! You can pick any specific photo from a post using Twitter's own URL syntax (/photo/1 is the first photo of a post) and we'll render you the full-resolution original image.


Licensed under the permissive MIT license. Feel free to send a pull request!

Star History

Star History Chart

Bugs or issues?

Feel free to open an issue

Additional Credits

Mosaic Multi-image combiner by Antonio32A

& other contributions by Antonio32A, Burner, Deer-Spangle, Eramdam, SirStendec, SpeedyFolf, Wazbat

About

Fix broken Twitter/X embeds! Use multiple images, videos, polls, translations and more on Discord, Telegram and others

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 98.6%
  • JavaScript 1.4%