NodeBB Twitter / X embeds

[phenomlab]

I’ve had limited success with the plugin nodebb-plugin-twitter and its various forks in the sense that the embeds failed to load - here’s an example of that exact problem (never resolved from what I can see)

Not working · Issue #2 · NodeBB-Community/nodebb-plugin-twitter

But the HTML is populated correctly

GitHub

I decided to write my custom JS which can be found here

GitHub - phenomlab/nodebb-twitter-embeds: NodeBB Twitter Emdeds

NodeBB Twitter Emdeds. Contribute to phenomlab/nodebb-twitter-embeds development by creating an account on GitHub.

GitHub

This not only works in the same way as the NodeBB plugin, but will also render client-side so does not pile up in terms of resources on your server In addition, the available arguments for the embeds are below

Embedded Tweet parameter reference

It seems developer.x.com declined to respond to the data request. The link will still work, but no preview is available.

developer.x.com

Here’s a real-life example

Loading...

Please wait while the description loads.

Loading...

[OT]

Why not create your own plugin instead?

[phenomlab]

@OT I probably will at some point. This was really for quickness to assist a Sudonix user.

[OT]

This does work well. One behavior is that sometimes it will show the link embeded multiple times, then it clears back to singular when you refresh the page.

[phenomlab]

@OT Yes, I noticed the same thing and will fix that in due course. I also looked at creating a plugin, which I will also address when I have time.

[DownPW]

As usual : very good work my friends
I’m going on vacation for a week so I’ll try this later

[DownPW]

Tested.
It seem embed is on a blockquote.
I play with this class blockquote.content.twitter-tweet for better résult (transparency of blockquote)

I notice it seems the beginning of URL appears (https://)

Result int the screenshot :

cya

[phenomlab]

@DownPW strange. I’m not able to replicate these specific issues. Can you provide me with the url of the tweet in a PM so I can test?

Thanks

[cagatay]

great work thank you Mark.

[OT]

This is how it shows up for us. Just have the random dupes of the same tweet. Of course, users are complaining of seeing a tweet repeat three times, but they quickly forgot that a tweet was just showing the X.com using Iframely or any other plugin.

[phenomlab]

@OT can you post the actual tweet url ?

[JAC]

I’ve had it where a tweet will show twice but once the page has been refreshed it’ll show the one again.

[phenomlab]

Updated code to address the duplicate tweet issue

nodebb-twitter-embeds/embeds.js at main · phenomlab/nodebb-twitter-embeds

NodeBB Twitter Emdeds. Contribute to phenomlab/nodebb-twitter-embeds development by creating an account on GitHub.

GitHub

[Madchatthew]

@phenomlab That is awesome, great job!

[OT]

Have you experienced that some posts will not show up after they have been posted, or that the post will look greyed out? This goes away if you refresh the page.

[phenomlab]

@OT Not seen this personally. Are you using the latest commit?

[DownPW]

An exemple of tweet don’t embed with last code @phenomlab

Loading...

Please wait while the description loads.

Loading...

EDIT:

Strange, work here but not on my forum:

Other tweets works great

Mistery

[phenomlab]

@DownPW Are you sure you’re using the latest commit?

[phenomlab]

@DownPW said in NodeBB Twitter / X embeds:

EDIT:

Strange, work here but not on my forum:

Just looking at this again, and it seems that SaxX in the URL is written as SaxX - was that intentional?

[DownPW]

@phenomlab said in NodeBB Twitter / X embeds:

Just looking at this again, and it seems that SaxX in the URL is written as SaxX - was that intentional?

I don’t know. I guess but that doesn’t explain that working here and not on my forum… hmm

URL:

Itt seems on my forum the “_” character was delete in the URL (Don’t know why) :