3dc5bbbe13
* Branch protection check. * Move button spacing config into the Configuration section instead of Theming. * Partially Resolves #26 - Added the ability to configure outer spacing on the bar. * Renamed all class names for buttons so they can be styled with margins. * Added configurable spacing to buttons. * Fixed styling for network module when using wifi. * Fixed ghost margins that occur when labels are disabled in the bar buttons. * Change the default page of the settings dialog to configuration.
104 lines
3.1 KiB
TypeScript
104 lines
3.1 KiB
TypeScript
import Gdk from 'gi://Gdk?version=3.0';
|
|
const mpris = await Service.import("mpris");
|
|
import { openMenu } from "../utils.js";
|
|
|
|
const Media = () => {
|
|
const activePlayer = Variable(mpris.players[0]);
|
|
|
|
mpris.connect("changed", (value) => {
|
|
const statusOrder = {
|
|
Playing: 1,
|
|
Paused: 2,
|
|
Stopped: 3,
|
|
};
|
|
|
|
if (value.players.length === 0) {
|
|
activePlayer.value = mpris.players[0];
|
|
return;
|
|
}
|
|
|
|
const isPlaying = value.players.find(
|
|
(p) => p["play-back-status"] === "Playing",
|
|
);
|
|
|
|
if (isPlaying) {
|
|
activePlayer.value = value.players.sort(
|
|
(a, b) =>
|
|
statusOrder[a["play-back-status"]] -
|
|
statusOrder[b["play-back-status"]],
|
|
)[0];
|
|
}
|
|
});
|
|
|
|
const getIconForPlayer = (playerName: string) => {
|
|
const windowTitleMap = [
|
|
["Mozilla Firefox", " "],
|
|
["Microsoft Edge", " "],
|
|
["(.*)Discord(.*)", " "],
|
|
["Plex", " "],
|
|
["(.*) Spotify Free", " "],
|
|
["(.*)Spotify Premium", " "],
|
|
["Spotify", " "],
|
|
["(.*)", " "],
|
|
];
|
|
|
|
const foundMatch = windowTitleMap.find((wt) =>
|
|
RegExp(wt[0]).test(playerName),
|
|
);
|
|
|
|
return foundMatch ? foundMatch[1] : "";
|
|
};
|
|
|
|
const songIcon = Variable("");
|
|
|
|
const label = Utils.watch(" Media ", mpris, "changed", () => {
|
|
if (activePlayer.value) {
|
|
const { track_title, identity } = activePlayer.value;
|
|
songIcon.value = getIconForPlayer(identity);
|
|
return track_title.length === 0
|
|
? `No media playing...`
|
|
: `${track_title}`;
|
|
} else {
|
|
songIcon.value = "";
|
|
return " Media ";
|
|
}
|
|
});
|
|
|
|
return {
|
|
component: Widget.Box({
|
|
visible: false,
|
|
child: Widget.Box({
|
|
class_name: "media",
|
|
child: Widget.Box({
|
|
children: [
|
|
Widget.Label({
|
|
class_name: "bar-button-icon media",
|
|
label: songIcon.bind("value"),
|
|
maxWidthChars: 30,
|
|
}),
|
|
Widget.Label({
|
|
class_name: "bar-button-label media",
|
|
label,
|
|
truncate: "end",
|
|
wrap: true,
|
|
maxWidthChars: 30,
|
|
}),
|
|
],
|
|
}),
|
|
}),
|
|
}),
|
|
isVisible: false,
|
|
boxClass: "media",
|
|
name: "media",
|
|
props: {
|
|
on_scroll_up: () => mpris.getPlayer("")?.next(),
|
|
on_scroll_down: () => mpris.getPlayer("")?.previous(),
|
|
on_primary_click: (clicked: any, event: Gdk.Event) => {
|
|
openMenu(clicked, event, "mediamenu");
|
|
},
|
|
},
|
|
};
|
|
};
|
|
|
|
export { Media };
|