Google Inbox for Desktop (Fluid Userscript)

google-inbox-userscript.js

/* This is a FluidApp userscript for Google Inbox for Mac. 
Includes options for total badge count and unread badge count.

1) You need the paid version of FluidApp (http://fluidapp.com/)
2) Point Fluid to https://inbox.google.com (I recommend the icon from here: https://medium.com/@chrismessina/create-an-icon-for-google-inbox-in-your-dock-ed269312e3bc)
3) Set the user-agent to Chrome
4) Go to window -> userscript and add click the plus sign under the first table (on the left). Name the item 'Inbox'.
5) In the second table (on the right) click the plus and type in "*inbox.google.com*".
6) Paste the contents of this document into the script area below that.
7) Configure badge count (for total or unread only) in the code below.
8) Refresh your FluidApp. (CMD + R)

Some Caveats:
- This doesn't update the badge unless it's looking at the inbox. 
- The workaround is to only show the badge count when the inbox tab is active, otherwise it shows '?' as a reminder on other tabs (snoozed, etc).
- No idea how well this works with more than one tab open.

TODO: Update count on item removal / read.
*/
window.fluid.dockBadge = '';
setTimeout(updateBadge, 5000);
setInterval(updateBadge, 5000);
 
function updateBadge() {
    // Inbox title will always be the first item in the D4 Class. It's shown and unshown depending on the selected folder (snoozed, etc)
    var inboxTabSpan = document.getElementsByClassName('bl')[0].getElementsByTagName('span')[0];
    var inboxTabTitle = inboxTabSpan.getAttribute('title');
    var inboxTabStyle = inboxTabSpan.getAttribute('style');
 
    if (inboxTabStyle === 'display: none;') {
        // Inbox hidden.
        window.fluid.dockBadge = '?';
    } else {
        //Check for Inbox Zero
        var inboxZero = document.getElementsByClassName('j');
        if (inboxZero.length >= 1) {
            window.fluid.dockBadge = '';
        } else {
            // Inbox visible
            var unreadEmails = document.getElementsByClassName('ss');
            var totalEmails = document.getElementsByClassName('scroll-list-item');

            /////////////////////////////
            // totalEmails.length = ALL EMAILS IN INBOX
            // OR
            // unreadEmails.length = ONLY UNREAD ITEMS IN INBOX
            var count = unreadEmails.length;
            /////////////////////////////
 
            if (count >= 1) {
                window.fluid.dockBadge = count;
            } else {
                window.fluid.dockBadge = '';
            }
        }
    }
}

from

            var unreadEmails = document.getElementsByClassName('bX oD');

to:

            var unreadEmails = document.getElementsByClassName('bX oH');

That Unread Count line didn't work for me, but this one seems to.

Here's a condensed version that waits 3 secs before checking, then checks every 3 secs:

updateBadge();
setTimers();

function setTimers() {
  setTimeout(checkUnread, 3000);
  setInterval(checkUnread, 3000);    
}

function checkUnread() {
  updateBadge(document.getElementsByClassName('qu').length);
}

function updateBadge(count) {
  window.fluid.dockBadge = (count >= 1) ? count : '';
}

Just thought I'd leave a note that the 'qu' class has now changed to 'ju'.

Seems as if these methods of identifying inbox size are not stable... I have tried to debug, but I'm not able to identify the new class name... :-/

Yep-- definitely not stable / sustainable. No other way to scrape though :\

Class name of 'qG' works nicely right now.

... which means a slight tweak to ashmckenzie's condensed version above:

updateBadge();
setTimers();

function setTimers() {
  setTimeout(checkUnread, 3000);
  setInterval(checkUnread, 3000);    
}

function checkUnread() {
  updateBadge(document.getElementsByClassName('qG').length);
}

function updateBadge(count) {
  window.fluid.dockBadge = (count >= 1) ? count : '';
}

Having taken a look through it appears they are attempting to make thing accessible. This means lots of aria items. One of which appears to be aria="listitem". This only appears, from my brief look to correspond to actual mails. Might help?

Is there a way to update the pinned status bar icon instead of the dock badge?

+1 for status bar question!

(by the way the bad icon counter doesn't work for me :/)

Any reason why when I do this, the badge just flickers? It properly displays the unread amount but it flashes every few seconds. Probably in the same interval as the checkunread interval.

I'm using the condensed version from the latest comment.

@aaronn do you have any update on this? looks like this code doesn't work!

Thanks for your effort though!

This seems to be working for me right now:

/* This is a FluidApp userscript for Google Inbox for Mac. 
Includes options for total badge count and unread badge count.

1) You need the paid version of FluidApp (http://fluidapp.com/)
2) Point Fluid to https://inbox.google.com (I recommend the icon from here: https://medium.com/@chrismessina/create-an-icon-for-google-inbox-in-your-dock-ed269312e3bc)
3) Set the user-agent to Chrome
4) Go to window -> userscript and add click the plus sign under the first table (on the left). Name the item 'Inbox'.
5) In the second table (on the right) click the plus and type in "*inbox.google.com*".
6) Paste the contents of this document into the script area below that.
7) Configure badge count (for total or unread only) in the code below.
8) Refresh your FluidApp. (CMD + R)

Some Caveats:
- This doesn't update the badge unless it's looking at the inbox. 
- The workaround is to only show the badge count when the inbox tab is active, otherwise it shows '?' as a reminder on other tabs (snoozed, etc).
- No idea how well this works with more than one tab open.

TODO: Update count on item removal / read.
*/
window.fluid.dockBadge = '';
setTimeout(updateBadge, 1000);
setInterval(updateBadge, 5000);

function updateBadge() {
    // Inbox title will always be the first item in the D4 Class. It's shown and unshown depending on the selected folder (snoozed, etc)
    var inboxTabSpan = document.getElementsByClassName('bl')[0];
    var inboxTabTitle = inboxTabSpan.getAttribute('title');
    var inboxTabStyle = inboxTabSpan.getAttribute('style');

    if (inboxTabTitle != 'Inbox') {
        // Inbox hidden.
        window.fluid.dockBadge = '?';
    } else {
        //Check for Inbox Zero
        var inboxZero = document.getElementsByClassName('j');
        if (inboxZero.length >= 1) {
            window.fluid.dockBadge = '';
        } else {
            // Inbox visible
            var unreadEmails = document.getElementsByClassName('ss');
            var totalEmails = document.getElementsByClassName('scroll-list-item');

            /////////////////////////////
            // totalEmails.length = ALL EMAILS IN INBOX
            // OR
            // unreadEmails.length = ONLY UNREAD ITEMS IN INBOX
            var count = unreadEmails.length;
            /////////////////////////////

            if (count >= 1) {
                window.fluid.dockBadge = count;
            } else {
                window.fluid.dockBadge = '';
            }
        }
    }
}

FYI, a working (for now) script can be found at https://github.com/YoungCatChen/fluid-inbox-userscript.
My script doesn't use classNames that change now and then. It finds elements by attributes instead.
Hopefully it can last longer.