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 = '';
            }
        }
    }
}

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.