nixos-configs/devices/wim/config/ags/js/media-player/player.js

204 lines
5.2 KiB
JavaScript
Raw Normal View History

import Mpris from 'resource:///com/github/Aylur/ags/service/mpris.js';
import Variable from 'resource:///com/github/Aylur/ags/variable.js';
import { Box, CenterBox } from 'resource:///com/github/Aylur/ags/widget.js';
import * as mpris from './mpris.js';
import PlayerGesture from './gesture.js';
import Separator from '../misc/separator.js';
const FAVE_PLAYER = 'org.mpris.MediaPlayer2.spotify';
const Top = (player) => Box({
className: 'top',
2023-11-06 18:37:23 -05:00
hpack: 'start',
vpack: 'start',
children: [
mpris.PlayerIcon(player, {
symbolic: false,
}),
],
});
const Center = (player) => Box({
className: 'center',
children: [
CenterBox({
vertical: true,
children: [
Box({
className: 'metadata',
vertical: true,
2023-11-06 18:37:23 -05:00
hpack: 'start',
vpack: 'center',
hexpand: true,
children: [
mpris.TitleLabel(player),
mpris.ArtistLabel(player),
],
}),
null,
null,
],
}),
CenterBox({
vertical: true,
children: [
null,
mpris.PlayPauseButton(player),
null,
],
}),
],
});
const SPACING = 8;
const Bottom = (player) => Box({
className: 'bottom',
children: [
mpris.PreviousButton(player, {
2023-11-06 18:37:23 -05:00
vpack: 'end',
hpack: 'start',
}),
Separator(SPACING),
mpris.PositionSlider(player),
Separator(SPACING),
mpris.NextButton(player),
Separator(SPACING),
mpris.ShuffleButton(player),
Separator(SPACING),
mpris.LoopButton(player),
],
});
const PlayerBox = (player) => mpris.CoverArt(player, {
className: `player ${player.name}`,
hexpand: true,
children: [
Top(player),
Center(player),
Bottom(player),
],
});
export default () => Box({
className: 'media',
child: PlayerGesture({
properties: [
['players', new Map()],
['setup', false],
],
connections: [
[Mpris, (overlay, busName) => {
if (overlay._players.has(busName)) {
return;
}
// Sometimes the signal doesn't give the busName
if (!busName) {
const player = Mpris.players.find((p) => {
return !overlay._players.has(p.busName);
});
if (player) {
busName = player.busName;
}
else {
return;
}
}
// Get the one on top so it stays there
let previousFirst = overlay.get_children().at(-1);
for (const [key, value] of overlay._players.entries()) {
if (value === previousFirst) {
previousFirst = key;
break;
}
}
const player = Mpris.getPlayer(busName);
player.colors = Variable();
overlay._players.set(busName, PlayerBox(player));
const result = [];
overlay._players.forEach((widget) => {
result.push(widget);
});
overlay.overlays = result;
// Select favorite player at startup
if (!overlay._setup && overlay._players.has(FAVE_PLAYER)) {
overlay.reorder_overlay(
overlay._players.get(FAVE_PLAYER),
-1,
);
overlay._setup = true;
}
else if (overlay._players.get(previousFirst)) {
overlay.reorder_overlay(
overlay._players.get(previousFirst),
-1,
);
}
}, 'player-added'],
[Mpris, (overlay, busName) => {
if (!busName || !overlay._players.has(busName)) {
return;
}
// Get the one on top so it stays there
let previousFirst = overlay.get_children().at(-1);
for (const [key, value] of overlay._players.entries()) {
if (value === previousFirst) {
previousFirst = key;
break;
}
}
overlay._players.delete(busName);
const result = [];
overlay._players.forEach((widget) => {
result.push(widget);
});
overlay.overlays = result;
if (overlay._players.has(previousFirst)) {
overlay.reorder_overlay(
overlay._players.get(previousFirst),
-1,
);
}
}, 'player-closed'],
],
}),
});