feat: add slur by right click

Author: dennyabrain

browser-extension/plugin/manifest.firefox.json

@@ -10,7 +10,8 @@
         "webRequest",
         "https://twitter.com/*",
         "https://ogbv-plugin.tattle.co.in/*",
-        "http://localhost:3000/*"
+        "http://localhost:3000/*",
+        "contextMenus"
     ],
     "background": {
         "scripts": ["background.js"]

browser-extension/plugin/manifest.json

@@ -4,14 +4,11 @@
     "description": "Moderate your Twitter Feed",
     "version": "0.1.9",
     "author": "tattlemade|cis",
-    "content_security_policy": {
-        "extension_pages": "default-src 'none'; connect-src http://localhost:3000 https://ogbv-plugin.tattle.co.in/ https://uli-media.tattle.co.in/; font-src https://fonts.gstatic.com; object-src 'none'; script-src 'self'; style-src https://fonts.googleapis.com 'sha256-47DEQpj8HBSa+/TImW+5JCeuQeRkm5NMpJWZG3hSuFU=' 'sha256-o7bYsu5iNiTxIObyslerFNZrDfkROYhElKhuOItXvVk=' 'sha256-ymN5q6v7MB6PygHnN3N59Z0O74H6pvF05DOnMn25Xvg='; img-src https://uli-media.tattle.co.in/; base-uri 'none'; form-action 'none'; frame-ancestors 'none'; report-uri 'none';"
-    },
     "host_permissions": [
         "https://twitter.com/*",
         "https://ogbv-plugin.tattle.co.in/"
     ],
-    "permissions": ["storage"],
+    "permissions": ["storage", "contextMenus"],
     "background": {
         "service_worker": "background.js"
     },

browser-extension/plugin/src/background.js

@@ -1,8 +1,62 @@
+console.log('bg script 7');
+
 chrome.tabs.onUpdated.addListener(function (tabId, changeInfo) {
     if (changeInfo.url) {
+        console.log('url changed');
         chrome.tabs.sendMessage(tabId, {
             message: 'URL_CHANGED',
             url: changeInfo.url
         });
     }
 });
+
+let userBrowser;
+const userAgent = navigator.userAgent.toString();
+if (userAgent.indexOf('Mozilla')) {
+    userBrowser = 'firefox';
+} else if (userAgent.indexOf('Chrome')) {
+    userBrowser = 'chrome';
+} else {
+    userBrowser = 'unsupported';
+}
+
+let contextMenus;
+let storage;
+let tabs;
+console.log(userBrowser);
+if (userBrowser === 'firefox') {
+    contextMenus = browser.contextMenus;
+    tabs = browser.tabs;
+} else if (userBrowser === 'chrome') {
+    contextMenus = chrome.contextMenus;
+    tabs = chrome.tabs;
+}
+console.log(contextMenus);
+
+contextMenus.create(
+    {
+        id: 'add-slur',
+        title: 'Add Slur to Uli',
+        contexts: ['selection']
+    },
+    () => {
+        console.log('context menu created');
+    }
+);
+
+contextMenus.onClicked.addListener((info, tab) => {
+    switch (info.menuItemId) {
+        case 'add-slur':
+            console.log('slur added');
+            tabs.sendMessage(
+                tab.id,
+                { type: 'SLUR_ADDED', slur: info.selectionText },
+                function (response) {
+                    console.log(response);
+                }
+            );
+            break;
+        default:
+            console('unexpected action');
+    }
+});

browser-extension/plugin/src/content-script.js

@@ -4,7 +4,7 @@ const { setOnChangeListener } = dom;
 import transform from './transform';
 import { log } from './logger';
 import repository from './repository';
-const { getPreferenceData } = repository;
+const { getPreferenceData, setPreferenceData } = repository;
 import { updateSlurList } from './slur-replace';
 
 log('Content Script Loaded');
@@ -39,23 +39,42 @@ function processPage(newUrl) {
  * eg : When a user clicks on a tweet on their home timeline, they
  * go from the home page to the user status page.
  */
-chrome.runtime.onMessage.addListener(function (request) {
-    if (request.message === 'URL_CHANGED') {
-        const newUrl = request.url;
-        log('Url Changed', newUrl);
-        processPage(location.href);
-    }
-});
 
-chrome.runtime.onMessage.addListener(async function (message) {
-    if (message.type === 'updateData') {
+chrome.runtime.onMessage.addListener(async function (request) {
+    if (request.type === 'updateData') {
         console.log('data changed. time to update slurs');
         const preference = await getPreferenceData();
         console.log(preference);
         if (preference.slurList != undefined) {
             updateSlurList(preference.slurList);
             processPage(location.href);
         }
+        return true;
+    }
+    if (request.message === 'URL_CHANGED') {
+        const newUrl = request.url;
+        log('Url Changed', newUrl);
+        processPage(location.href);
+        return true;
+    }
+    if (request.type === 'SLUR_ADDED') {
+        const slur = request.slur;
+        log('slur added from bg', slur);
+        const pref = await getPreferenceData();
+        if (!pref) {
+            slurList = slur;
+            await setPreferenceData({ ...pref, slurList });
+        } else {
+            let { slurList } = pref;
+            if (!slurList || slurList === '') {
+                slurList += slur;
+            } else {
+                slurList += `,${slur}`;
+            }
+            await setPreferenceData({ ...pref, slurList });
+        }
+
+        return true;
     }
 });