Add content-script to change account button to login CTA if the exten…

…sion has no search tokens

src/background.js

@@ -104,6 +104,13 @@ async function start() {
       requestHeaders,
     };
   }, { urls: [`${SERP_BASE_URL}/login*`]}, ["blocking", "requestHeaders"]);
+
+  browser.runtime.onMessage.addListener(({ action }) => {
+    if (action === 'getTokenCount') {
+      return Promise.resolve(tokenPool.tokens.length);
+    }
+    return false;
+  })
 }
 
 start();

src/content/login-cta.js

@@ -0,0 +1,16 @@
+"use strict"
+
+const loginButton = document.querySelector('#login-button');
+const signInTemplate = document.querySelector('#signin-button-template');
+
+browser.runtime.sendMessage({
+  action: 'getTokenCount'
+}).then((result) => {
+  if (loginButton && signInTemplate && result === 0) {
+    while (loginButton.firstChild) {
+      loginButton.firstChild.remove();
+    }
+    const signIn = signInTemplate.content.cloneNode(true);
+    loginButton.appendChild(signIn);
+  }
+});

src/manifest.json

@@ -14,6 +14,13 @@
       "choice-screen.js"
     ]
   },
+  "content_scripts": [{
+    "matches": [
+      "https://*.ghosterysearch.com/",
+      "http://localhost/*"
+    ],
+    "js": ["content/login-cta.js"]
+  }],
   "manifest_version": 2,
   "name": "Ghostery Search",
   "permissions": [