1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
|
import { type MprisPlayer } from "types/service/mpris"
import PanelButton from "../PanelButton"
import options from "options"
import icons from "lib/icons"
import { icon } from "lib/utils"
const mpris = await Service.import("mpris")
const { length, direction, preferred, monochrome, format } = options.bar.media
const getPlayer = (name = preferred.value) =>
mpris.getPlayer(name) || mpris.players[0] || null
const Content = (player: MprisPlayer) => {
const revealer = Widget.Revealer({
click_through: true,
visible: length.bind().as(l => l > 0),
transition: direction.bind().as(d => `slide_${d}` as const),
setup: self => {
let current = ""
self.hook(player, () => {
if (current === player.track_title)
return
current = player.track_title
self.reveal_child = true
Utils.timeout(3000, () => {
!self.is_destroyed && (self.reveal_child = false)
})
})
},
child: Widget.Label({
truncate: "end",
max_width_chars: length.bind().as(n => n > 0 ? n : -1),
label: Utils.merge([
player.bind("track_title"),
player.bind("track_artists"),
format.bind(),
], () => `${format}`
.replace("{title}", player.track_title)
.replace("{artists}", player.track_artists.join(", "))
.replace("{artist}", player.track_artists[0] || "")
.replace("{album}", player.track_album)
.replace("{name}", player.name)
.replace("{identity}", player.identity),
),
}),
})
const playericon = Widget.Icon({
icon: Utils.merge([player.bind("entry"), monochrome.bind()], (entry => {
const name = `${entry}${monochrome.value ? "-symbolic" : ""}`
return icon(name, icons.fallback.audio)
})),
})
return Widget.Box({
attribute: { revealer },
children: direction.bind().as(d => d === "right"
? [playericon, revealer] : [revealer, playericon]),
})
}
export default () => {
let player = getPlayer()
const btn = PanelButton({
class_name: "media",
child: Widget.Icon(icons.fallback.audio),
})
const update = () => {
player = getPlayer()
btn.visible = !!player
if (!player)
return
const content = Content(player)
const { revealer } = content.attribute
btn.child = content
btn.on_primary_click = () => { player.playPause() }
btn.on_secondary_click = () => { player.playPause() }
btn.on_scroll_up = () => { player.next() }
btn.on_scroll_down = () => { player.previous() }
btn.on_hover = () => { revealer.reveal_child = true }
btn.on_hover_lost = () => { revealer.reveal_child = false }
}
return btn
.hook(preferred, update)
.hook(mpris, update, "notify::players")
}
|
