Refactor article link handling to use Freedium

URL.

Author: AmoabaKelvin

chromium/content.js

@@ -1,40 +1,31 @@
-const twelveFootDomain = "https://12ft.io/proxy?q=";
+const freediumUrl = "https://freedium.cfd/";
 const mediumDomain = "https://medium.com";
 
-const add12ftToMediumArticleURL = (url) => {
-  if (!url.includes(twelveFootDomain)) {
-    const urlWith12ft = twelveFootDomain + encodeURIComponent(mediumDomain + url);
-    return urlWith12ft;
-  }
-  return url;
-};
+function handleNewArticles(mutationsList) {
+  mutationsList.forEach((mutation) => {
+    if (mutation.type === "childList") {
+      mutation.addedNodes.forEach((node) => {
+        if (node.tagName === "ARTICLE") {
+          const links = node.querySelectorAll('div[class^="iq"] a');
 
-const modifyEachArticleLink = () => {
-  const links = document.querySelectorAll('a[aria-label="Post Preview Title"]');
-  links.forEach((link) => {
-    const originalURL = link.getAttribute("href");
-    const modifiedURL = add12ftToMediumArticleURL(originalURL);
-    link.setAttribute("href", modifiedURL);
+          links.forEach((link) => {
+            const originalURL = link.getAttribute("href");
+            const modifiedURL = freediumUrl + originalURL;
 
-    // Prevent the navigation to Medium's detail page, and instead
-    // navigate to the 12ft.io proxy page
-    link.addEventListener("click", (event) => {
-      event.preventDefault();
-      window.location.href = modifiedURL;
-    });
-  });
-};
+            link.setAttribute("href", modifiedURL);
 
-const observeDOMChanges = (mutationsList, observer) => {
-  for (const mutation of mutationsList) {
-    if (mutation.type === "childList") {
-      modifyEachArticleLink();
+            link.addEventListener("click", (event) => {
+              event.preventDefault();
+              window.open(modifiedURL, "_blank");
+            });
+          });
+        }
+      });
     }
-  }
-};
-
-const observer = new MutationObserver(observeDOMChanges);
+  });
+}
 
-// Start observing the target element for changes
-const target = document.querySelector("div.dx.s");
-observer.observe(target, { childList: true, subtree: true });
+const targetNode = document.body;
+const config = { childList: true, subtree: true };
+const observer = new MutationObserver(handleNewArticles);
+observer.observe(targetNode, config);