Thank you for this! Just a note: by "bleeding edge" I meant "on master but not tagged", so a tag cannot be marked as "bleeding edge". In your screenshot, it should look like it looked before:

There are now 4 states:

Latest tag

Default branch, tagged

Default branch, not tagged

Other branches or other tags

I think this feature is 🔥

Possible improvements:

• smaller icon
• lower opacity
• different icon

While I think this piece of information is important, maybe it shouldn't look like such a big problem.

The "info" icon doesn't seem right either

Other options: https://octicons.github.com/

https://octicons.github.com/icon/dashboard/ ? It looks like a speedometer to me 😀

Completely agree on the icon @fregante - it does make it look like there's a problem. The info-icon is better, IMO, as it simply denotes an informatory message.

Is the eye-icon an alternative? Basically saying "Hey, have a look here, there's something you might want to pay attention to"
https://octicons.github.com/icon/eye/

Is the eye-icon an alternative? Basically saying "Hey, have a look here, there's something you might want to pay attention to"

That icon means visible (or hidden). You're describing the Info icon, but I think this information is slightly more "urgent" that that. It sits somewhere between Info and Warning

If we had a behind_by count we could add a small ⁺² in the tag button and avoid the icon altogether.

Or maybe this indicator should be in the branch selector instead. 😅

Anything I can do to help move this along @fregante @sindresorhus?

Updating screenshots:

Latest tag

Default branch, tagged

Default branch, not tagged

Other branches or other tags

Looks great!

Strangely the second call is failing on https://github.com/fregante/webext-storage-cache

 TypeError: "Object(...)(...) is null"
    getAheadByCount moz-extension://b3d02b04-e4fa-0c45-9406-305c7b1b784a/content.js:5820

It's the select_dom line

  const getAheadByCount = webext_storage_cache["a"].function(async latestTag => {
    const tagPage = await fetch_dom(`/${Object(utils["j"])()}/releases/tag/${latestTag}`);
    return Object(select_dom["a"])('.release-header relative-time + a[href*="/compare/"]', tagPage).textContent.replace(/\D/g, "");
  }, {
    expiration: 1,
    cacheKey: () => "latest-tag-button" + ":aheadBy:" + Object(utils["j"])()
  });

@bblommers thanks this feature is awesome!