Observable

Mike Bostock

@mbostock Hi did we or Twitter change something where the tweets preview are not loading in notebooks anymore?

Wayne Sutton

I didn’t change anything. Seems like their API is misbehaving. Looking at their documentation does not suggest any recent changes. 🤷‍♂️

Thanks for checking. Twitter being Twitter

The createTweet network request seems a bit difficult to reverse engineer, but I gave this a shot by using the formally provided solution at https://publish.twitter.com/. By including the tweet's user, you can just construct markup and let twttr.load() pick it up. The minimal markup seems to be `<blockquote><a href="https://twitter.com/${user}/status/${id}"></a></blockquote>`, after which `twttr.load()` seems to load and fill it in.

Unfortunately, it requires the user as well, so although it's *a* solution, it's not exactly a *good* solution since it won't be backward compatible. See: https://observablehq.com/compare/bb2055d580bbbab2@82...8d0464cb5b263365@116

Ricky Reusser

Fixed. Apparently their library no longer handles creating a tweet if the provided DIV element is offscreen.

Oh, that's much, much better. Nice catch. And finally found the docs. https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/guides/embedded-tweet-javascript-factory-function Thanks!!

This seems broken again? No tweet showing up. Is it a CORS issue?

Andrew Wooldridge

Hmm… have you tried other browsers? Any console errors? I'm still able to see the tweets.

The card is not showing up for me in Chrome 93/94 (Firefox works fine). Seems that the iframe height is never updated and stuck at 0 unless the iframe element's size is changed. E.g., adding a rule `iframe {min-height:1px}` via dev tools or within a cell will immediately trigger an update of the iframe's inline style.

Fabian Iwand

`RuntimeError: unable to load module` for me in FF99.0.1. Chrome 100.0.4896.127 seems to work fine.

Adam Roberts

Access to XMLHttpRequest at 'https://cdn.syndication.twimg.com/tweet-result?' from origin 'https://platform.twitter.com' has been blocked by CORS policy: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.