@jsxc/jsxc/src/Emoticons.ts

Real-time XMPP chat application with video calls, file transfer and encrypted communication

const EMOTICONS: any[] = [
   ['O:-) O:)', 'innocent'],
   ['>:-( >:( >:-( >:(', 'angry'],
   [':-) :)', 'slight_smile'],
   [':-D :D', 'grin'],
   [':-( :(', 'disappointed'],
   [';-) ;)', 'wink'],
   [':-P :P', 'stuck_out_tongue'],
   ['=-O', 'astonished'],
   [':kiss: :-*', 'kissing_heart'],
   ['8-) :cool:', 'sunglasses'],
   [':-X :X', 'zipper_mouth'],
   [':yes:', 'thumbsup'],
   [':no:', 'thumbsdown'],
   [':beer:', 'beer'],
   [':coffee:', 'coffee'],
   [':devil:', 'smiling_imp'],
   [':kiss: :kissing:', 'kissing'],
   ['@->-- @->--', 'rose'],
   [':music:', 'musical_note'],
   [':love:', 'heart_eyes'],
   [':heart:', 'heart'],
   [':brokenheart:', 'broken_heart'],
   [':zzz:', 'zzz'],
   [':wait:', 'hand_splayed'],
];
import * as emojione from 'emojione/lib/js/emojione';

const EMOTICON_LIST = {
   core: {
      ':klaus:': 'klaus',
      ':jabber:': 'jabber',
      ':xmpp:': 'xmpp',
      ':jsxc:': 'jsxc',
      ':owncloud:': 'owncloud',
      ':nextcloud:': 'nextcloud',
   },
   emojione: emojione.emojioneList,
};

export default class Emoticons {
   private static initialised = false;

   private static shortRegex = new RegExp(
      emojione.regShortNames.source + '|(' + Object.keys(EMOTICON_LIST.core).join('|') + ')',
      'gi'
   );

   public static getDefaultEmoticonList() {
      let list = [];

      EMOTICONS.forEach(emoticon => {
         list.push(emoticon[0].split(' ')[0]);
      });

      return list;
   }

   public static toImage(text: string): string {
      Emoticons.init();

      text = Emoticons.standardToShortname(text);
      text = Emoticons.unicodeToShortname(text);
      text = Emoticons.shortnameToImage(text);

      return text;
   }

   public static toUnicode(text: string): string {
      Emoticons.init();

      text = Emoticons.standardToShortname(text);
      text = Emoticons.shortnameToUnicode(text);

      return text;
   }

   private static init() {
      if (Emoticons.initialised) {
         return;
      }

      $.each(EMOTICONS, function (i, val) {
         // escape characters
         let reg = val[0].replace(/(\\|\/|\||\*|\.|\+|\?|\^|\$|\(|\)|\[|\]|\{|\})/g, '\\$1');
         reg = '(' + reg.split(' ').join('|') + ')';
         EMOTICONS[i][2] = new RegExp(reg, 'g');
      });

      Emoticons.initialised = true;
   }

   private static standardToShortname(text: string): string {
      // replace emoticons from XEP-0038 and pidgin with shortnames
      $.each(EMOTICONS, function (i, val) {
         text = text.replace(val[2], ':' + val[1] + ':');
      });

      return text;
   }

   private static unicodeToShortname(text: string): string {
      return emojione.toShort(text);
   }

   private static shortnameToUnicode(text: string): string {
      return emojione.shortnameToUnicode(text);
   }

   private static shortnameToImage(text: string): string {
      text = text.replace(this.shortRegex, Emoticons.replaceShortnameWithImage);

      let wrapper = $('<div>' + text + '</div>');
      if (
         wrapper.find('.jsxc-emoticon').length === 1 &&
         wrapper.text().replace(/ /, '').length === 0 &&
         wrapper.find('*').length === 1
      ) {
         wrapper.find('.jsxc-emoticon').addClass('jsxc-emoticon--large');
         text = wrapper.html();
      }

      return text;
   }

   private static replaceShortnameWithImage = (shortname: string) => {
      if (
         typeof shortname === 'undefined' ||
         shortname === '' ||
         (!(shortname in EMOTICON_LIST.emojione) && !(shortname in EMOTICON_LIST.core))
      ) {
         return shortname;
      }

      let filename;
      let element = $('<span>');

      if (EMOTICON_LIST.core[shortname]) {
         filename = EMOTICON_LIST.core[shortname];
      } else if (EMOTICON_LIST.emojione[shortname]) {
         filename = EMOTICON_LIST.emojione[shortname].fname;
      }

      element.addClass('jsxc-emoticon--' + filename);
      element.addClass('jsxc-emoticon');
      element.attr('title', shortname);

      return element.prop('outerHTML');
   };
}