firefox port script

layouts/header/style.css

@@ -5,6 +5,10 @@
     --favorite-icon-content-notif: "\f001";
     --favorite-icon-color: #ffac33;
 }
+@font-face {
+    font-family: 'RosettaIcons';
+    src: url(chrome-extension://__MSG_@@extension_id__/fonts/rosetta.woff);
+}
 
 #navbar {
     position: fixed;

layouts/home/script.js

@@ -8,7 +8,7 @@ let settings = {};
 let seenThreads = [];
 let mediaToUpload = [];
 let linkColors = {};
-let vars;
+let vars = {};
 let algoCursor;
 chrome.storage.sync.get(['linkColor', 'font', 'heartsNotStars', 'linkColorsInTL', 'enableTwemoji', 'chronologicalTL'], data => {
     vars = data;

layouts/home/style.css

@@ -1,7 +1,3 @@
-@font-face {
-    font-family: 'RosettaIcons';
-    src: url(chrome-extension://__MSG_@@extension_id__/fonts/rosetta.woff);
-}
 #loading-box {
     z-index: 1000;
     width: 100%;

layouts/notifications/style.css

@@ -1,8 +1,3 @@
-@font-face {
-    font-family: 'RosettaIcons';
-    src: url(chrome-extension://__MSG_@@extension_id__/fonts/rosetta.woff);
-}
-
 #loading-box {
     z-index: 1000;
     width: 100%;

layouts/profile/script.js

@@ -1696,6 +1696,7 @@ setTimeout(() => {
         }
         e.preventDefault();
         let el = e.target;
+        if(!el) return;
         if(!el.href) el = el.parentElement; 
         history.pushState({}, null, el.href);
         updateSubpage();
@@ -1730,6 +1731,7 @@ setTimeout(() => {
     document.getElementById('profile-friends-text').addEventListener('click', updatePath);
     document.addEventListener('click', async e => {
         let el = e.target;
+        if(!el) return;
         if(el.tagName !== 'A') el = el.parentElement;
         if(el.tagName === "A") {
             let path;

layouts/profile/style.css

@@ -1,8 +1,3 @@
-@font-face {
-    font-family: 'RosettaIcons';
-    src: url(chrome-extension://__MSG_@@extension_id__/fonts/rosetta.woff);
-}
-
 #loading-box {
     z-index: 1000;
     width: 100%;

layouts/search/style.css

@@ -1,8 +1,3 @@
-@font-face {
-    font-family: 'RosettaIcons';
-    src: url(chrome-extension://__MSG_@@extension_id__/fonts/rosetta.woff);
-}
-
 #loading-box {
     z-index: 1000;
     width: 100%;

layouts/settings/style.css

@@ -1,8 +1,3 @@
-@font-face {
-    font-family: 'RosettaIcons';
-    src: url(chrome-extension://__MSG_@@extension_id__/fonts/rosetta.woff);
-}
-
 #loading-box {
     z-index: 1000;
     width: 100%;

layouts/tweet/style.css

@@ -1,7 +1,3 @@
-@font-face {
-    font-family: 'RosettaIcons';
-    src: url(chrome-extension://__MSG_@@extension_id__/fonts/rosetta.woff);
-}
 #loading-box {
     z-index: 1000;
     width: 100%;

portToFirefox.js

@@ -0,0 +1,106 @@
+const fsp = require('fs').promises;
+const fs = require('fs');
+const path = require('path');
+const AdmZip = require('adm-zip');
+
+async function copyDir(src, dest) {
+    const entries = await fsp.readdir(src, { withFileTypes: true });
+    await fsp.mkdir(dest);
+    for (let entry of entries) {
+        const srcPath = path.join(src, entry.name);
+        const destPath = path.join(dest, entry.name);
+        if (entry.isDirectory()) {
+            await copyDir(srcPath, destPath);
+        } else {
+            await fsp.copyFile(srcPath, destPath);
+        }
+    }
+}
+if (fs.existsSync('../OldTwitterFirefox')) {
+    console.log("Deleting folder...");
+    fs.rmdirSync('../OldTwitterFirefox', { recursive: true });
+    console.log("Deleted folder!");
+}
+console.log("Copying...");
+copyDir('./', '../OldTwitterFirefox').then(async () => {
+    console.log("Copied!");
+    console.log("Patching...");
+    let manifest = JSON.parse(fs.readFileSync('../OldTwitterFirefox/manifest.json', 'utf8'));
+    manifest.manifest_version = 2;
+    manifest.background.scripts = ['scripts/background.js'];
+    manifest.web_accessible_resources = manifest.web_accessible_resources[0].resources;
+    manifest.permissions = manifest.permissions.filter(p => p !== 'declarativeNetRequest');
+    manifest.permissions = [
+        ...manifest.permissions,
+        ...manifest.host_permissions,
+        "webRequest",
+        "webRequestBlocking"
+    ];
+    delete manifest.host_permissions;
+    delete manifest.declarative_net_request;
+    delete manifest.background.service_worker;
+    delete manifest.action;
+
+    let content = fs.readFileSync('../OldTwitterFirefox/scripts/content.js', 'utf8');
+    content = content.replace("document.open();", "");
+    content = content.replace("document.write(html);", "if(document.body) {document.body.remove()}; document.documentElement.innerHTML = html;");
+    content = content.replace("document.close();", "");
+
+    let background = fs.readFileSync('../OldTwitterFirefox/scripts/background.js', 'utf8');
+    background = background.replace(/chrome\.storage\.sync\./, "chrome.storage.local.");
+    background += `
+chrome.webRequest.onBeforeRequest.addListener(
+    function(details) {
+        return {cancel: !details.url.includes("mobile.twitter.com") && (details.url.includes("://twitter.com/manifest.json") || details.url.includes("https://abs.twimg.com/responsive-web/client-web/"))};
+    },
+    {urls: ["*://twitter.com/*"]},
+    ["blocking"]
+);
+chrome.webRequest.onBeforeSendHeaders.addListener(
+    function(details) {
+      for (var i = 0; i < details.requestHeaders.length; ++i) {
+        if (details.requestHeaders[i].name.toLowerCase() === 'content-security-policy') {
+          details.requestHeaders.splice(i, 1);
+          break;
+        }
+      }
+      return {requestHeaders: details.requestHeaders};
+    },
+    {urls: ["*://twitter.com/*"]},
+    ["blocking", "requestHeaders"]
+);
+    `;
+
+    let headerStyle = fs.readFileSync('../OldTwitterFirefox/layouts/header/style.css', 'utf8');
+    headerStyle = headerStyle.replace("chrome-extension", "moz-extension");
+
+    fs.writeFileSync('../OldTwitterFirefox/manifest.json', JSON.stringify(manifest, null, 2));
+    fs.writeFileSync('../OldTwitterFirefox/scripts/content.js', content);
+    fs.writeFileSync('../OldTwitterFirefox/scripts/background.js', background);
+    fs.writeFileSync('../OldTwitterFirefox/layouts/header/style.css', headerStyle);
+    fs.unlinkSync('../OldTwitterFirefox/ruleset.json');
+
+    let layouts = fs.readdirSync('../OldTwitterFirefox/layouts');
+    for (let layout of layouts) {
+        let script = fs.readFileSync(`../OldTwitterFirefox/layouts/${layout}/script.js`, 'utf8');
+        script = script.replace(/chrome\.storage\.sync\./, "chrome.storage.local.");
+        fs.writeFileSync(`../OldTwitterFirefox/layouts/${layout}/script.js`, script);
+    }
+
+    console.log("Patched!");
+    if (fs.existsSync('../OldTwitterFirefox.zip')) {
+        console.log("Deleting old zip...");
+        fs.unlinkSync('../OldTwitterFirefox.zip');
+        console.log("Deleted old zip!");
+    }
+    console.log("Zipping...");
+    try {
+        const zip = new AdmZip();
+        const outputDir = "../OldTwitterFirefox.zip";
+        zip.addLocalFolder("../OldTwitterFirefox");
+        zip.writeZip(outputDir);
+    } catch (e) {
+        console.log(`Something went wrong ${e}`);
+    }
+    console.log("Zipped!");
+});

scripts/background.js

@@ -19,4 +19,4 @@ chrome.runtime.onInstalled.addListener(async () => {
             chronologicalTL: true
         }, () => {});
     }
-});  
+});