Sengi-Windows-MacOS-Linux/src/app/tools/emoji.tools.ts

import { Emoji } from "../services/models/mastodon.interfaces";
import * as EmojiOne from "emojione";

export class EmojiConverter {
  applyEmojis(emojis: Emoji[], text: string, type: EmojiTypeEnum): string {
    //const instanceUrl = 'https://' + url.split('https://')[1].split('/')[0];
    if(!text) return text;

    let className = "emoji-small";
    if (type === EmojiTypeEnum.medium) {
      className = "emoji-medium";
    }

    if (emojis) {
      emojis.forEach(emoji => {
        text = text.replace(
          `:${emoji.shortcode}:`,
          `<img class="${className}" src="${emoji.url}" title=":${
            emoji.shortcode
          }:" alt=":${emoji.shortcode}:" />`
        );
      });
    }

    text = EmojiOne.toImage(text);

    while (text.includes('class="emojione"')) {
      text = text.replace('class="emojione"', `class="emojione ${className}"`);
    }

    //FIXME: clean up this mess...
    // while (text.includes('https://cdn.jsdelivr.net/emojione/assets/4.5/png/32/')) {
    //     text = text.replace('https://cdn.jsdelivr.net/emojione/assets/4.5/png/32/', instanceUrl + '/emoji/');
    //     text = text.replace('.png', '.svg');
    // }

    while (
      text.includes("https://cdn.jsdelivr.net/emojione/assets/4.5/png/32/")
    ) {
      text = text.replace(
        "https://cdn.jsdelivr.net/emojione/assets/4.5/png/32/",
        "assets/emoji/72x72/"
      );
      // text = text.replace('.png', '.svg');
    }

    return text;
  }
}

export enum EmojiTypeEnum {
  small,
  medium
}