import { MastodonEmoji } from "../types/Emojis";
import Mastodon from "megalodon";

/**
 * Takes a given string and replaces emoji codes with their respective image tags.
 * @param contents The string to replace with emojis
 * @param emojis The set of emojis to replace the content with
 * @param className The associated class for the string
 * @returns String with image tags for emojis
 */
export function emojifyString(
  contents: string,
  emojis: [MastodonEmoji],
  className?: any
): string {
  let newContents: string = contents;

  emojis.forEach((emoji: MastodonEmoji) => {
    let filter = new RegExp(`:${emoji.shortcode}:`, "g");
    newContents = newContents.replace(
      filter,
      `<img src=${emoji.static_url} ${
        className ? `class="${className}"` : ""
      }/>`
    );
  });

  return newContents;
}

export function collectEmojisFromServer() {
  let client = new Mastodon(
    localStorage.getItem("access_token") as string,
    localStorage.getItem("baseurl") + "/api/v1"
  );
  let emojisPath = localStorage.getItem("emojis");
  let emojis: any[] = [];
  if (emojisPath === null) {
    client
      .get("/custom_emojis")
      .then((resp: any) => {
        resp.data.forEach((emoji: MastodonEmoji) => {
          let customEmoji = {
            name: emoji.shortcode,
            emoticons: [""],
            short_names: [emoji.shortcode],
            imageUrl: emoji.static_url,
            keywords: ["mastodon", "custom"]
          };
          emojis.push(customEmoji);
          localStorage.setItem("emojis", JSON.stringify(emojis));
        });
      })
      .catch((err: Error) => {
        console.error(err.message);
      });
  }
}