Download Button

import { newEvent } from "@/lib/newEvent";
import { downloadSvg } from "@/registry/html/icons";
import { BwPlayerConsumer } from "@/registry/html/PlayerProvider";

export class BwDownloadButton extends BwPlayerConsumer {
  _btn = null;

  constructor() {
    super();
    this._btn = document.createElement("button");
    this._btn.setAttribute("aria-label", "Download audio");
    this._btn.innerHTML = downloadSvg(20);
    this._btn.addEventListener("click", () => {
      if (!this._player) return;
      const content = this._player.content;
      const contentIndex = this._player.contentIndex;
      const audioIndex = content[contentIndex]?.audio?.findIndex((a) => a.url?.endsWith(".mp3"));
      if (typeof audioIndex !== "number" || audioIndex === -1) return;
      this._player.onEvent(
        newEvent({
          type: "PressedDownload",
          description: "The download button was pressed.",
          contentIndex,
          audioIndex,
        }),
      );
    });
  }

  connectedCallback() {
    super.connectedCallback();
    this.appendChild(this._btn);
  }
}

customElements.define("bw-download-button", BwDownloadButton);