80 lines
2.4 KiB
TypeScript
80 lines
2.4 KiB
TypeScript
import { bind, derive, Variable } from "astal";
|
|
import { Gdk } from "astal/gtk4";
|
|
import AstalMpris from "gi://AstalMpris";
|
|
import { Mathf } from "../util/Mathf";
|
|
|
|
function IntegerToMinuteSeconds(value: number) {
|
|
const minutes = Math.floor(value / 60);
|
|
const seconds = Math.floor(value - minutes * 60);
|
|
return `${String(minutes).padStart(2, "0")}:${String(seconds).padStart(2, "0")}`;
|
|
}
|
|
|
|
function FormatLabel(player: {
|
|
title: string;
|
|
artist: string;
|
|
position: number;
|
|
length: number;
|
|
status: AstalMpris.PlaybackStatus;
|
|
}) {
|
|
return `${player.status === AstalMpris.PlaybackStatus.PLAYING ? "" : ""} ${player.title} - ${player.artist} [${IntegerToMinuteSeconds(player.position)}/${IntegerToMinuteSeconds(player.length)}]`;
|
|
}
|
|
|
|
const Mpris = function () {
|
|
const mpris = AstalMpris.get_default();
|
|
|
|
const players = bind(mpris, "players");
|
|
const activeIndex = Variable(0);
|
|
|
|
bind(
|
|
derive([players, activeIndex], (players, index) => players[index]),
|
|
).subscribe((value) => print(value.title));
|
|
|
|
return (
|
|
<box>
|
|
{bind(
|
|
derive([players, activeIndex], (players, index) => {
|
|
const activePlayer = players[index];
|
|
|
|
return (
|
|
<button
|
|
cursor={Gdk.Cursor.new_from_name("pointer", null)}
|
|
onClicked={() =>
|
|
activePlayer.playbackStatus ===
|
|
AstalMpris.PlaybackStatus.PLAYING
|
|
? activePlayer.pause()
|
|
: activePlayer.play()
|
|
}
|
|
onScroll={(_, __, dy) => {
|
|
activeIndex.set(
|
|
Mathf.clamp(
|
|
activeIndex.get() - Mathf.sign(dy),
|
|
0,
|
|
players.length - 1,
|
|
),
|
|
);
|
|
}}
|
|
>
|
|
<label
|
|
label={bind(
|
|
derive(
|
|
[
|
|
bind(activePlayer, "title"),
|
|
bind(activePlayer, "artist"),
|
|
bind(activePlayer, "position"),
|
|
bind(activePlayer, "length"),
|
|
bind(activePlayer, "playback_status"),
|
|
],
|
|
(title, artist, position, length, status) =>
|
|
FormatLabel({ title, artist, position, length, status }),
|
|
),
|
|
)}
|
|
/>
|
|
</button>
|
|
);
|
|
}),
|
|
)}
|
|
</box>
|
|
);
|
|
};
|
|
|
|
export default Mpris;
|