feat: unwrap t.co shortened links

Author: amaanq

_locales/en/messages.json

@@ -473,6 +473,12 @@
   "uninvertFollowButtonsLabel": {
     "message": "Uninvert Follow / Following buttons"
   },
+  "unwrapTcoLinksLabel": {
+    "message": "Unwrap t.co shortened links"
+  },
+  "unwrapTcoLinksInfo": {
+    "message": "Replace t.co links with the actual destination URL"
+  },
   "unmuteButtonText": {
     "message": "Unmute",
     "description": "Button used in the options page to unmute a muted Quote Tweet"

options.html

@@ -283,6 +283,16 @@
           <span class="toggle"></span>
         </label>
       </section>
+      <section class="checkbox">
+        <label>
+          <span id="unwrapTcoLinksLabel">Unwrap t.co shortened links</span>
+          <input type="checkbox" name="unwrapTcoLinks">
+          <span class="toggle"></span>
+        </label>
+        <p id="unwrapTcoLinksInfo">
+          Replace t.co links with the actual destination URL
+        </p>
+      </section>
       <section class="checkbox">
         <label>
           <span id="restoreQuoteTweetsLinkLabel">Restore Quote Tweets link under Tweets</span>

options.js

@@ -150,6 +150,8 @@ for (let translationId of [
   'uiTweaksOptionsLabel',
   'unblurSensitiveContentLabel',
   'uninvertFollowButtonsLabel',
+  'unwrapTcoLinksLabel',
+  'unwrapTcoLinksInfo',
   'xFixesLabel',
 ]) {
   let $el = document.getElementById(translationId)
@@ -267,6 +269,7 @@ const defaultConfig = {
   restoreOtherInteractionLinks: false,
   restoreQuoteTweetsLink: true,
   restoreTweetSource: true,
+  unwrapTcoLinks: true,
   retweets: 'separate',
   showBlueReplyFollowersCount: false,
   showBlueReplyFollowersCountAmount: '1000000',

script.js

@@ -185,6 +185,7 @@ const config = {
   replaceLogo: true,
   restoreLinkHeadlines: true,
   restoreOtherInteractionLinks: false,
+  unwrapTcoLinks: true,
   restoreQuoteTweetsLink: true,
   restoreTweetSource: true,
   retweets: 'separate',
@@ -5812,6 +5813,10 @@ function onTimelineChange($timeline, page, options = {}) {
       if (!hideItem && config.restoreLinkHeadlines) {
         restoreLinkHeadline($tweet)
       }
+
+      if (!hideItem) {
+        unwrapTcoLinks($tweet)
+      }
     }
     else if (isOnNotificationsTimeline) {
       /** @type {?import("./types").NotificationType} */
@@ -6046,6 +6051,10 @@ function onIndividualTweetTimelineChange($timeline, options) {
       if (!hideItem && config.restoreLinkHeadlines) {
         restoreLinkHeadline($tweet)
       }
+
+      if (!hideItem) {
+        unwrapTcoLinks($tweet)
+      }
     }
     else {
       let $article = $item.querySelector('article')
@@ -6513,6 +6522,41 @@ function restoreLinkHeadline($tweet) {
   }
 }
 
+/**
+ * Unwraps t.co shortened links to show/use the actual destination URL.
+ * @param {HTMLElement} $tweet
+ */
+function unwrapTcoLinks($tweet) {
+  if (!config.unwrapTcoLinks) return
+
+  let $links = $tweet.querySelectorAll('a[href^="https://t.co/"]')
+  for (let $link of $links) {
+    if ($link.dataset.tcoUnwrapped) continue
+
+    let expandedUrl = null
+    let textContent = $link.textContent?.trim()
+
+    if (textContent) {
+      // Remove ellipsis that Twitter adds for truncation
+      textContent = textContent.replace(/…$/, '').trim()
+
+      if (textContent.startsWith('http://') || textContent.startsWith('https://')) {
+        expandedUrl = textContent
+      } else if (textContent.includes('.') && !textContent.includes(' ')) {
+        expandedUrl = 'https://' + textContent
+      }
+    }
+
+    if (expandedUrl) {
+      $link.dataset.originalTco = $link.href
+      $link.href = expandedUrl
+      $link.dataset.tcoUnwrapped = 'true'
+    } else {
+      $link.dataset.tcoUnwrapped = 'attempted'
+    }
+  }
+}
+
 /**
  * @param {HTMLElement} $focusedTweet
  */

types.d.ts

@@ -74,6 +74,7 @@ export type Config = {
   restoreLinkHeadlines: boolean
   restoreQuoteTweetsLink: boolean
   restoreOtherInteractionLinks: boolean
+  unwrapTcoLinks: boolean
   restoreTweetSource: boolean
   retweets: SharedTweetsConfig
   showBlueReplyFollowersCount: boolean