// import Irc from "@/index";

export default class Messages {
  readonly url = "irc/";

  sendMessage(msg: Message): void {
    fetch(this.url + "send", {
      method: "POST",
      headers: {
        Accept: "application/json",
        "Content-Type": "application/json",
      },
      body: JSON.stringify(msg),
    });
  }

  async addMessage(msg: Message): Promise<void> {
    const board = $(".overview")[0],
      time = new Date(msg.time),
      div = document.createElement("div"),
      spans = [
        document.createElement("span"),
        document.createElement("span"),
        document.createElement("span"),
      ];

    let min = new Date().getMinutes().toString();
    min = min.length === 1 ? "0" + min : min;

    spans[0].innerText = `[${time.getHours()}:${min}] `;
    spans[1].innerText = `<@${msg.username}> `;
    spans[1].style.color = msg.color;
    spans[2].innerText = msg.text;

    // @ts-expect-error
    $(spans[2]).emoticonize();
    spans.forEach(span => div.appendChild(span));

    board.appendChild(div);
  }
}
export interface Message {
  text: string;
  color: string;
  username: string;
  time: number;
}