Formalize zero-width emote implementation

[dnsge]

Pull request checklist:

• CHANGELOG.md was updated, if applicable

Description

This PR attempts to fix the notion of a zero-width emote by introducing layered emotes: when one (or more) zero-width emotes follow a regular emote, the emotes are all gathered into a single LayeredEmoteElement which handles layered rendering through the LayeredImageLayoutElement and provides useful tooltips.

The TooltipWidget now has two "styles": a vertical layout, and a grid layout. If there are more than 2 emotes being shown at once in the tooltip, it will use the grid layout. Otherwise, the vertical layout will be used.

Images of changes

(margins and spacing are slightly out of date as of 62edb0c)

Single zero-width emote:

Multiple zero-width emotes:

Excessive number of zero-width emotes:

Context menu with zero-width emotes:

Also adds a "Enable zero-width emotes" setting (default: true). If off, zero-width emotes are shown as regular emotes.

Fixes #3615
Fixes #2994

[github-actions]

clang-tidy review says "All clean, LGTM! 👍"

[github-actions]

clang-tidy review says "All clean, LGTM! 👍"

[Felanbird]

Functionality looks good from brief testing, will use this build for the week and see if I run into any issues 👍

Also as noted by my linked-issue, this PR resolves the issues with animated BTTV emotes rendering on-top of zero-width emotes

[Felanbird]

First thing I've noticed is the general tool-tip size is larger, much more noticeable by the space in-between the emote info and the bottom

Before:

Now:

note edit: Just so it's known this large tool-tip thing applies to stream titles as well

[dnsge]

general tool-tip size is larger

Should be fixed now in 62edb0c

[github-actions]

clang-tidy review says "All clean, LGTM! 👍"

[github-actions]

clang-tidy review says "All clean, LGTM! 👍"

[kornes]

very nice feature, gonna see how it runs for few days 👍

[Felanbird]

general tool-tip size is larger

Should be fixed now in 62edb0c

Issue is resolved, there's a slight miscentering when there's exactly 2 zero-width emotes, but I'd take that over the huge tool-tips any day 👍

[Felanbird]

I believe this works as expected 👍 - I actually feel like I've seen less zero-width emotes since I started using this PR, but it's much more likely less are being used than something being broken.

[pajlada]

I've taken a bit of a glance at the code, overall looks fine - mostly nitpicks in my review.
Thank you for looking into this, this feels like an overall better & more consistent approach!

[github-actions]

clang-tidy made some suggestions

There were too many comments to post at once. Showing the first 25 out of 53. Check the log or trigger a new build to see more.

[pajlada]

@dnsge If you could take a last look at your own code & the changes I've made before I merge this in that would be great - seems to work as expected for me with tooltips & everything on both X11 & Sway

[github-actions]

clang-tidy made some suggestions

There were too many comments to post at once. Showing the first 25 out of 35. Check the log or trigger a new build to see more.

[dnsge]

@pajlada I just went through your changes and over the full PR again, everything looks good to me!