feat: add custom domain redirects & strip tracking parameters

Author: amaanq

_locales/en/messages.json

@@ -371,6 +371,12 @@
   "redirectToTwitterLabel": {
     "message": "Redirect to twitter.com"
   },
+  "redirectTwitterLinksLabel": {
+    "message": "Redirect Twitter/X links to"
+  },
+  "redirectTwitterLinksInfo": {
+    "message": "Rewrite twitter.com/x.com links to an alternative frontend (leave empty to disable)"
+  },
   "reduceAlgorithmicContentOptionsLabel": {
     "message": "Remove algorithmic content"
   },

options.css

@@ -142,6 +142,19 @@ section.textarea button {
   text-align: center;
 }
 
+section.text label {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+section.text input[type="text"] {
+  padding: 6px 8px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-size: inherit;
+}
+
 textarea {
   resize: vertical;
 }
@@ -449,6 +462,11 @@ body.iOS.safari .checkbox input:focus + .toggle {
   section.group > section > * {
     color: rgb(154, 160, 166);
   }
+  section.text input[type="text"] {
+    background-color: #3f4042;
+    border-color: #5f6368;
+    color: #e8eaed;
+  }
 
   /* Edge dark mode overrides */
   body.edge {

options.html

@@ -293,6 +293,15 @@
           Replace t.co links with the actual destination URL
         </p>
       </section>
+      <section class="text">
+        <label>
+          <span id="redirectTwitterLinksLabel">Redirect Twitter/X links to</span>
+          <input type="text" name="redirectTwitterLinks" placeholder="e.g., nitter.net">
+        </label>
+        <p id="redirectTwitterLinksInfo">
+          Rewrite twitter.com/x.com links to an alternative frontend (leave empty to disable)
+        </p>
+      </section>
       <section class="checkbox">
         <label>
           <span id="restoreQuoteTweetsLinkLabel">Restore Quote Tweets link under Tweets</span>

options.js

@@ -121,6 +121,8 @@ for (let translationId of [
   'quoteTweetsLabel',
   'redirectChatNavLabel',
   'redirectToTwitterLabel',
+  'redirectTwitterLinksLabel',
+  'redirectTwitterLinksInfo',
   'reduceAlgorithmicContentOptionsLabel',
   'reduceEngagementOptionsLabel',
   'reducedInteractionModeInfo',
@@ -263,6 +265,7 @@ const defaultConfig = {
   quoteTweets: 'ignore',
   redirectChatNav: false,
   redirectToTwitter: false,
+  redirectTwitterLinks: '',
   reducedInteractionMode: false,
   replaceLogo: true,
   restoreLinkHeadlines: true,

script.js

@@ -92,6 +92,42 @@ XMLHttpRequest.prototype.send = function(body) {
   return XMLHttpRequest_send.apply(this, [body])
 }
 
+/** Tracking parameters to strip from Twitter/X URLs */
+const TRACKING_PARAMS = ['s', 't', 'ref_src', 'ref_url', 'src', 'cxt', 'vertical', 'mx']
+
+/**
+ * Strip tracking params from a URL, optionally redirect to a custom domain
+ */
+function cleanTwitterUrl(urlString, targetDomain) {
+  try {
+    let url = new URL(urlString)
+    TRACKING_PARAMS.forEach(param => url.searchParams.delete(param))
+    let search = url.searchParams.toString()
+    let domain = targetDomain || url.hostname
+    return `https://${domain}${url.pathname}${search ? '?' + search : ''}${url.hash}`
+  } catch (e) {
+    return urlString
+  }
+}
+
+// Intercept copy events to strip tracking params and optionally redirect
+document.addEventListener('copy', function(e) {
+  if (!config.enabled) return
+
+  let selection = window.getSelection()?.toString() || ''
+  let urlPattern = /https?:\/\/(www\.)?(twitter\.com|x\.com|mobile\.twitter\.com|mobile\.x\.com)(\/[^\s]*)?/gi
+
+  if (urlPattern.test(selection)) {
+    urlPattern.lastIndex = 0
+    let targetDomain = config.redirectTwitterLinks?.trim().replace(/^https?:\/\//, '') || null
+    let newText = selection.replace(urlPattern, (match) => cleanTwitterUrl(match, targetDomain))
+    if (newText !== selection) {
+      e.preventDefault()
+      e.clipboardData?.setData('text/plain', newText)
+    }
+  }
+}, true)
+
 let debug = false
 
 /** @type {boolean} */
@@ -181,6 +217,7 @@ const config = {
   quoteTweets: 'ignore',
   redirectChatNav: false,
   redirectToTwitter: false,
+  redirectTwitterLinks: '',
   reducedInteractionMode: false,
   replaceLogo: true,
   restoreLinkHeadlines: true,

types.d.ts

@@ -68,6 +68,7 @@ export type Config = {
   quoteTweets: SharedTweetsConfig
   redirectChatNav: boolean
   redirectToTwitter: boolean
+  redirectTwitterLinks: string
   reducedInteractionMode: boolean
   // XXX This now controls all replacement of X brand changes
   replaceLogo: boolean