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', 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, 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 Bottom = player => Box({ className: 'bottom', children: [ mpris.PreviousButton(player, { vpack: 'end', hpack: 'start', }), Separator(8), mpris.PositionSlider(player), Separator(8), mpris.NextButton(player), Separator(8), mpris.ShuffleButton(player), Separator(8), 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 => !overlay._players.has(p.busName)); if (player) busName = player.busName; else return; } // Get the one on top so it stays there var 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 var 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'], ], }), });