Show the number of unseen threads in the browser icon

[j127]

It might be nice to show unread post count on the browser icon. Here are examples from other extensions.

The extension has CORS access to the forum, so a snippet like this should work for getting the number of unread threads/topics.

fetch('https://forum.codeselfstudy.com/notifications.json?recent=true')
    .then(res => res.json())
    .then(json => {
        const numUnseenTopics = json['notifications']
            .filter(n => n.read == false)
            .length;
        console.log('number of unseen topics', numUnseenTopics);
    });

[j127]

These might be relevant.

• https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/browserAction/setBadgeText
• https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/browserAction/setIcon

[j127]

This works.

browser.browserAction.setBadgeText({ text: "4" });
browser.browserAction.setBadgeBackgroundColor({ color: "blue" });

https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/browserAction/setBadgeBackgroundColor