handle x.com links as twitter embeds

Author: JoeGermuska

CHANGELOG.md

@@ -1,3 +1,7 @@
+3.9.5 (2024-12-13)
+-------------------------
+* Recognize x.com in URL to trigger tweet embeds
+
 3.9.4 (2024-12-04)
 -------------------------
 * Fix bug in WikipediaImage when float width parameters are sent to WP APIs

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@knight-lab/timelinejs",
-    "version": "3.9.4",
+    "version": "3.9.5",
     "license": "MPL-2.0",
     "description": "TimelineJS v3: A Storytelling Timeline built in JavaScript, made by Northwestern University Knight Lab.",
     "dependencies": {

src/js/media/MediaType.js

@@ -89,7 +89,7 @@ export function lookupMediaType(m, image_only) {
             {
                 type: "twitter",
                 name: "Twitter",
-                match_str: "^(https?:)?\/*(www.)?twitter\.com",
+                match_str: "^(https?:)?\/*(www.)?(twitter|x)\.com",
                 cls: Twitter
             },
             {
@@ -247,4 +247,4 @@ export function lookupMediaType(m, image_only) {
         }
     }
     return false;
-}
+}

src/js/media/types/Twitter.js

@@ -12,7 +12,7 @@ export default class Twitter extends Media {
         this._el.content_container.className = "tl-media-content-container tl-media-content-container-text";
 
         // Get Media ID
-        if (this.data.url.match("^(https?:)?\/*(www.)?twitter\.com")) {
+        if (this.data.url.match("^(https?:)?\/*(www.)?(twitter|x)\.com")) {
             if (this.data.url.match("status\/")) {
                 this.media_id = this.data.url.split("status\/")[1];
             } else if (this.data.url.match("statuses\/")) {
@@ -70,8 +70,8 @@ export default class Twitter extends Media {
         // Open links in new window
         tweet_text = tweet_text.replace(/<a href/ig, '<a target="_blank" rel="noopener" href');
 
-        if (tweet_text.includes("pic.twitter.com")) {
-
+        if (tweet_text.includes("pic.twitter.com") || tweet_text.includes("pic.x.com")) {
+            // platform.x.com gets redirected to platform.twitter.com as of 2024-12-13
             loadJS('https://platform.twitter.com/widgets.js', function() {
                 twttr.widgets.createTweet(self.media_id, self._el.content_item, {
                     conversation: 'none', // or all
@@ -117,4 +117,4 @@ export default class Twitter extends Media {
     _updateMediaDisplay() {
 
     }
-}
+}