Add zero-width/overlay emote support

[JanitorialMess]

Currently, zero-width/overlay emotes display as regular emotes rather than overlaying on other emotes.
Examples of zero-width emotes can be found here: https://7tv.app/emotes?page=1&query=zerowidth&o=1

[fgl27]

I don't understand what this emote does where are the technical explanation and visual examples?

[fgl27]

I tried a few to see how it work, will check if possible

https://7tv.app/emotes/01EZPH3FHR000C438200A44F11

https://7tv.app/emotes/01FWMJG56R0003G26ZWQ26BF2A

[fgl27]

that last commit is just for custom emotes it doesn't work with twich emotes yet, once it does I push to the app...

it looks like this for now

that last one is not working is a normal twitch emote

[JanitorialMess]

Great work. I found an "RFC" that other twitch app devs seem to follow which documents a way to join emotes without the ZERO WIDTH JOINER since twitch filters it out (twitchdev/issues#307).
This issue explains it better and links to the workaround: chatsen/chatsen#169

[fgl27]

Thanks, I didn't know about the emojis issue. Will take at look at their implementation.

Any other emote provider other then 7tv is using zero-width/overlay emotes ?

[fgl27]

I pushed the changes adding the support for the 7tv zero-width/overlay emotes

I also included the changes for "RFC"

If anything is not working as expected let me know.

Thanks!

[JanitorialMess]

Thanks, I didn't know about the emojis issue. Will take at look at their implementation.

Any other emote provider other then 7tv is using zero-width/overlay emotes ?

I have tested BTTV's extension alone with emotes that should be zero-width like SoSnowy but it does not seem to combine them with anything. I assume they don't support the feature.

BTTV allows users to upload any type of emote but does not seem to care if they should be overlayed or not. By looking into 7TV's code I found that they have a hardcoded list of BTTV emotes that they convert to 7TV zero-width emotes.

const BTTV_ZeroWidth = ["SoSnowy", "IceCold", "SantaHat", "TopHat", "ReinDeer", "CandyCane", "cvMask", "cvHazmat"];

7TV converts emotes hosted on BTTV that should be overlayed into 7TV emotes and overlays them. BTTV itself does not support that feature.

On FFZ I wasn't able to find any zero-width emotes at all.

I appreciate how quickly this feature was implemented and all the effort you’ve put into SmartTwitchTV!

[JanitorialMess]

I found an issue. The current implementation seems to only combine emotes by pair.
7TV allows more than 2. I was able to test up to 4 but I don't think there is a limit, I couldn't verify.
Typing AlienDance SteerR SnowTime PETPET on Twitch results in:

Doing the same on SmartTwitchTV:

It combines AlienDance and SteerR together and then SnowTime and PETPET together.
Combining zero width emotes together is a valid use case and I am able to achieve to get the same result as SmartTwitchTV by adding a character in between. For example AlienDance SteerR . SnowTime PETPET

[fgl27]

Thanks for the test

seems ok now

test let me know if any other issues

[JanitorialMess]

I did some limit testing and there is no limit to the number of emotes you can overlay with 7TV. I tested up to 12.
I can't do more tests on the app because if I add 7TV emotes to my own channel none of them render on my channel's chat. Only global 7TV emotes work.

That being said, the current implementation seems to work fine on other channels.

[fgl27]

You can test by adding the same a few times... I did seems all good. Thanks for the help.

You can see on yours channel on this app? Or the twitch site?

I assume is a caching thing.

[JanitorialMess]

Wiping the data of the emulator and reinstalling the app fixed it. I have tested multiple overlays as well and everything works just like on 7TV. I think we can consider this issue solved. Great job!

[fgl27]

Thank you!