ComunicWeb/assets/js/components/emoji/parser.js

/**
 * Emoji parser system
 * 
 * Based on the work of Twitter Emoji
 * https://github.com/twitter/twemoji
 * 
 * @author Pierre HUBERT
 */

ComunicWeb.components.emoji.parser = {

	/**
	 * Define twemoji base
	 */
	__twemojiBase: ComunicWeb.__config.assetsURL + "3rdparty/twemoji/2/",

	/**
	 * EmojiConvertor instance
	 */
	__emojiConvertor: null,

	/**
	 * Parse emojies
	 * 
	 * @param {Object} infos Informations about the area to parse
	 * @info {HTMLElement} element The element to parse
	 * @return {Boolean} True for a success
	 */
	parse: function(info){

		//Peform string parsing
		info.element.innerHTML = this.shortcutToHTMLcode(info.element.innerHTML);

		// Parse custom semicolons
		if(info.user)
			info.element.innerHTML = this.parseCustomEmojis(info.user, info.element.innerHTML)
		else
			console.error("User information are missing!")

		//Perform colon conversion
		info.element.innerHTML = this.colonConversion(info.element.innerHTML);

		//Perform Twitter parsing
		this.twitterEmojiesParsing(info.element);

		//Success
		return true;
	},

	/**
	 * Perform the conversion from colon code to Emoji code
	 * 
	 * @param {string} string The string to convert
	 * @return {string} Converted string
	 */
	colonConversion: function(string){

		//Check if the emoji convertor has to be created
		if(this.__emojiConvertor == null){
			this.__emojiConvertor = new EmojiConvertor();
			this.__emojiConvertor.init_env(); // else auto-detection will trigger when we first convert
			this.__emojiConvertor.replace_mode = 'unified';
			this.__emojiConvertor.allow_native = true;
		}

		return this.__emojiConvertor.replace_colons(string);
	},

	/**
	 * Perform Twitter emojies parsing
	 * 
	 * @param {Object} target The target of the parsing
	 * @return {Boolean} True for a success
	 */
	twitterEmojiesParsing: function(target){

		//Call Twitter
		twemoji.parse(target, {
        	base: this.__twemojiBase
      	});

		//Success
		return true;
	},

	/**
	 * Perform shortcut emoji to HTML code parsing
	 * 
	 * @param {String} string The input string
	 * @return {String} The output string
	 */
	shortcutToHTMLcode: function(string){

		//Process all emojie list
		var i;
		for(i in ComunicWeb.components.emoji.list.translation){

			//Change smileys as many time as required
			while(string.includes(i))
				string = string.replace(i, ComunicWeb.components.emoji.list.translation[i]);

		}

		//Return result
		return string;
	},

	/**
	 * Apply custom emojies
	 * 
	 * @param {User} user Information about the user
	 * @param {String} input Text to transform
	 */
	parseCustomEmojis: function(user, input) {
		for(const e  of user.customEmojis) {
			input = input.replace(new RegExp(e.shortcut, "g"), "<img src='"+e.url+"' class='emoji' alt='"+e.shortcut+"' title='"+e.shortcut+"'/>")
		}

		return input
	},
}