Fixed issues with tab initialization

src/pages/Background/index.js

@@ -1,100 +1,24 @@
+import attachDebugger from '../../utils/attachDebugger'
 import userAgents from '../../utils/userAgents'
 
-const attachTab = (tabId) => {
+chrome.tabs.onCreated.addListener((tab) => {
-  chrome.storage.sync.get(
+  attachDebugger(tab.id)
-    [
+})
-      'ipData',
-      'timezone',
-      'timezoneMatchIP',
-      'lat',
-      'latitudeMatchIP',
-      'lon',
-      'longitudeMatchIP',
-      'locale',
-      'localeMatchIP',
-      'userAgent',
-    ],
-    (result) => {
-      if (
-        result.timezone ||
-        result.lat ||
-        result.lon ||
-        result.locale ||
-        result.userAgent
-      ) {
-        chrome.debugger.attach({ tabId: tabId }, '1.3', () => {
-          if (!chrome.runtime.lastError) {
-            if (result.timezone) {
-              chrome.debugger.sendCommand(
-                { tabId: tabId },
-                'Emulation.setTimezoneOverride',
-                {
-                  timezoneId: result.timezone,
-                },
-                () => {
-                  if (
-                    chrome.runtime.lastError &&
-                    chrome.runtime.lastError.message.includes(
-                      'Timezone override is already in effect'
-                    )
-                  ) {
-                    chrome.debugger.detach({ tabId })
-                    attachTab(tabId)
-                  }
-                }
-              )
-            }
 
-            if (result.locale) {
+chrome.tabs.onActivated.addListener((tab) => {
-              chrome.debugger.sendCommand(
+  chrome.debugger.getTargets((tabs) => {
-                { tabId: tabId },
+    const currentTab = tabs.find((obj) => obj.tabId === tab.tabId)
-                'Emulation.setLocaleOverride',
+    if (!currentTab.attached) {
-                {
+      attachDebugger(tab.tabId)
-                  locale: result.locale,
-                }
-              )
-            }
-
-            if (result.lat || result.lon) {
-              chrome.debugger.sendCommand(
-                { tabId: tabId },
-                'Emulation.setGeolocationOverride',
-                {
-                  latitude: result.lat
-                    ? parseFloat(result.lat)
-                    : result.ipData.lat,
-                  longitude: result.lon
-                    ? parseFloat(result.lon)
-                    : result.ipData.lon,
-                  accuracy: 1,
-                }
-              )
-            }
-
-            if (result.userAgent) {
-              chrome.debugger.sendCommand(
-                { tabId: tabId },
-                'Emulation.setUserAgentOverride',
-                {
-                  userAgent: result.userAgent,
-                }
-                // { acceptLanguage: "en-CA" },
-                // { platform: "WebTV OS" }
-              )
-              // 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.51 Safari/537.69',
-            }
-          }
-        })
-      }
     }
-  )
+  })
-}
+})
 
-chrome.tabs.onUpdated.addListener((tabId, change, tab) => {
+chrome.tabs.onUpdated.addListener((tabId) => {
   chrome.debugger.getTargets((tabs) => {
     const currentTab = tabs.find((obj) => obj.tabId === tabId)
     if (!currentTab.attached) {
-      attachTab(tabId)
+      attachDebugger(tabId)
     }
   })
 })
@@ -103,7 +27,6 @@ chrome.alarms.onAlarm.addListener((alarm) => {
   if (alarm.name === 'userAgentAlarm') {
     chrome.storage.sync.get(['randomUA'], (result) => {
       if (result.randomUA) {
-        console.log('userAgentAlarm')
         const randomUserAgent =
           userAgents[Math.floor(Math.random() * userAgents.length)]
         chrome.storage.sync.set({

src/pages/Popup/Navbar.js

@@ -23,7 +23,7 @@ const Navbar = () => (
       alt="Vytal logo"
     />
     <a
-      href="https://vytal.io/scan.html"
+      href="https://vytal.io"
       target="_blank"
       rel="noreferrer"
       style={{

src/pages/Popup/Popup.jsx

@@ -73,7 +73,7 @@ const Popup = () => {
             fontSize: '10px',
           }}
         >
-          Tabs need to be initialized for full protection.
+          Current tabs won't be fully spoofed until after first or second reload.
         </div>
       </div>
     </div>

src/pages/Popup/index.css

@@ -13,7 +13,7 @@ body {
   background-color: var(--background);
   font-size: 13px;
   line-height: 22px;
-  width: 315px;
+  width: 325px;
   margin: 0;
   font-family: 'Segoe UI', Tahoma, sans-serif;
 }

src/utils/attachDebugger.js

@@ -0,0 +1,90 @@
+const attachDebugger = (tabId) => {
+  chrome.storage.sync.get(
+    [
+      'ipData',
+      'timezone',
+      'timezoneMatchIP',
+      'lat',
+      'latitudeMatchIP',
+      'lon',
+      'longitudeMatchIP',
+      'locale',
+      'localeMatchIP',
+      'userAgent',
+    ],
+    (result) => {
+      if (
+        result.timezone ||
+        result.lat ||
+        result.lon ||
+        result.locale ||
+        result.userAgent
+      ) {
+        chrome.debugger.attach({ tabId: tabId }, '1.3', () => {
+          if (!chrome.runtime.lastError) {
+            if (result.timezone) {
+              chrome.debugger.sendCommand(
+                { tabId: tabId },
+                'Emulation.setTimezoneOverride',
+                {
+                  timezoneId: result.timezone,
+                },
+                () => {
+                  if (
+                    chrome.runtime.lastError &&
+                    chrome.runtime.lastError.message.includes(
+                      'Timezone override is already in effect'
+                    )
+                  ) {
+                    chrome.debugger.detach({ tabId })
+                  }
+                }
+              )
+            }
+
+            if (result.locale) {
+              chrome.debugger.sendCommand(
+                { tabId: tabId },
+                'Emulation.setLocaleOverride',
+                {
+                  locale: result.locale,
+                }
+              )
+            }
+
+            if (result.lat || result.lon) {
+              chrome.debugger.sendCommand(
+                { tabId: tabId },
+                'Emulation.setGeolocationOverride',
+                {
+                  latitude: result.lat
+                    ? parseFloat(result.lat)
+                    : result.ipData.lat,
+                  longitude: result.lon
+                    ? parseFloat(result.lon)
+                    : result.ipData.lon,
+                  accuracy: 1,
+                }
+              )
+            }
+
+            if (result.userAgent) {
+              chrome.debugger.sendCommand(
+                { tabId: tabId },
+                'Emulation.setUserAgentOverride',
+                {
+                  userAgent: result.userAgent,
+                }
+                // { acceptLanguage: "en-CA" },
+                // { platform: "WebTV OS" }
+              )
+              // 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.51 Safari/537.69',
+            }
+          }
+        })
+      }
+    }
+  )
+}
+
+export default attachDebugger

src/utils/detachDebugger.js

@@ -1,4 +1,4 @@
-const detachDebugger = () => {
+const detachDebugger = (attach) => {
   chrome.debugger.getTargets((tabs) => {
     for (const tab in tabs) {
       if (tabs[tab].attached && tabs[tab].tabId) {