Merge pull request #39 from Kenny1291/2-make-it-apply-changes-after-f…

…irst-install-without-reloading-twitter-if-user-is-already-on-page

feat: user can enable rules after install without reloading open tabs

manifest.json

@@ -24,7 +24,8 @@
   "permissions": [
     "storage",
     "tabs",
-    "webNavigation"
+    "webNavigation",
+    "scripting"
   ],
   "background": {
     "service_worker": "service_workers/background.js", "type": "module"
@@ -33,5 +34,6 @@
   "web_accessible_resources": [{
     "matches": ["<all_urls>"],
     "resources": ["utils.js"]
-  }]
+  }],
+  "host_permissions": ["https://*.twitter.com/*"]
 }

service_workers/background.js

@@ -8,18 +8,39 @@ chrome.webNavigation.onCommitted.addListener(async () => {
 })
 
 chrome.runtime.onInstalled.addListener(async () => {
+    const openTwitterTabs = await chrome.tabs.query({ url: 'https://*.twitter.com/*' })
+
     const versionInStorage = await chrome.storage.sync.get('version')
-    if(Object.keys(versionInStorage).length === 0) {
+    const foundVersionInStorage = Object.keys(versionInStorage).length === 1
+    if(!foundVersionInStorage) {
         await chrome.storage.sync.clear()
         setDefaultRules()
+
+        injectContentScriptInOpenTwitterTabs(openTwitterTabs)
+
         return
     }
 
     const rulesInStorage = await chrome.storage.sync.get('CSSRulesArrayOfObjectsWithNames')
     const foundStoredRules = Object.keys(rulesInStorage).length > 0
     if (!foundStoredRules) setDefaultRules()
+
+    injectContentScriptInOpenTwitterTabs(openTwitterTabs)
 })
 
+/**
+ * 
+ * @param {chrome.tabs.Tab[]} tabs 
+ */
+function injectContentScriptInOpenTwitterTabs(tabs) {
+    for (const tab of tabs) {
+        chrome.scripting.executeScript({
+            target: { tabId: tab.id },
+            files: ['scripts/content.js'] 
+        })
+    }
+}
+
 chrome.storage.onChanged.addListener((changes, areaName) => {
     let [[key, { oldValue, newValue }]] = Object.entries(changes);