const media = await Service.import("mpris");

const MediaInfo = (getPlayerInfo) => {
  return Widget.Box({
    class_name: "media-indicator-current-media-info",
    hpack: "center",
    hexpand: true,
    vertical: true,
    children: [
      Widget.Box({
        class_name: "media-indicator-current-song-name",
        hpack: "center",
        children: [
          Widget.Label({
            truncate: "end",
            max_width_chars: 31,
            wrap: true,
            class_name: "media-indicator-current-song-name-label",
            setup: (self) => {
              self.hook(media, () => {
                const curPlayer = getPlayerInfo();
                return (self.label =
                  curPlayer !== undefined && curPlayer["track-title"].length
                    ? curPlayer["track-title"]
                    : "No Media Currently Playing");
              });
            },
          }),
        ],
      }),
      Widget.Box({
        class_name: "media-indicator-current-song-author",
        hpack: "center",
        children: [
          Widget.Label({
            truncate: "end",
            wrap: true,
            max_width_chars: 35,
            class_name: "media-indicator-current-song-author-label",
            setup: (self) => {
              self.hook(media, () => {
                const curPlayer = getPlayerInfo();

                const makeArtistList = (trackArtists) => {
                  if (trackArtists.length === 1 && !trackArtists[0].length) {
                    return "-----";
                  }

                  return trackArtists.join(", ");
                };
                return (self.label =
                  curPlayer !== undefined && curPlayer["track-artists"].length
                    ? makeArtistList(curPlayer["track-artists"])
                    : "-----");
              });
            },
          }),
        ],
      }),
      Widget.Box({
        class_name: "media-indicator-current-song-album",
        hpack: "center",
        children: [
          Widget.Label({
            truncate: "end",
            wrap: true,
            max_width_chars: 40,
            class_name: "media-indicator-current-song-album-label",
            setup: (self) => {
              self.hook(media, () => {
                const curPlayer = getPlayerInfo();
                return (self.label =
                  curPlayer !== undefined && curPlayer["track-album"].length
                    ? curPlayer["track-album"]
                    : "---");
              });
            },
          }),
        ],
      }),
    ],
  });
};

export { MediaInfo };