Add Emote support for Twitch emotes

[dialogik]

The message.tag object contains a emote object with information about emotes in the message (id of emote and start/end positions in the message.message string.

Add support for Twitch emotes by adding a TwitchEmote component that can be passed the id of the emote. This id can then be used to fetch emote image path information via the Twitch API. Image (or handled error) should be returned.

Next step is replacing the emote string (e.g. KappaRoss) by the before mentioned TwitchEmote <img> element.

[dialogik]

https://github.com/1Computer1/twitch-emoticons

[dialogik]

Browserify above mentioned node package https://wzrd.in/standalone/twitch-emoticons@latest

[dialogik]

See @YannickFricke's (a.k.a. isEven 😉) solution on this one https://gist.github.com/YannickFricke/09b6d716fc6490b4ee6bf8d9ebc10cdd

[dialogik]

Let's do this easy peasy (at least for Twitch emotes)

function formatEmotes(text, emotes) {
    var splitText = text.split('');
    for(var i in emotes) {
        var e = emotes[i];
        for(var j in e) {
            var mote = e[j];
            if(typeof mote == 'string') {
                mote = mote.split('-');
                mote = [parseInt(mote[0]), parseInt(mote[1])];
                var length =  mote[1] - mote[0],
                    empty = Array.apply(null, new Array(length + 1)).map(function() { return '' });
                splitText = splitText.slice(0, mote[0]).concat(empty).concat(splitText.slice(mote[1] + 1, splitText.length));
                splitText.splice(mote[0], 1, '<img class="emoticon" src="http://static-cdn.jtvnw.net/emoticons/v1/' + i + '/3.0">');
            }
        }
    }
    return splitText.join('');
}

(Thanks to @Flosing)

[dialogik]

Moved BTTV and FFZ to #16.

[dialogik]

There were still some problems with special character emotes (such as :) or :() that have caused the RegExp to fail. This has been fixed in 69690c7.