Mephisto
139 lines
6.7 KiB
TypeScript
139 lines
6.7 KiB
TypeScript
import { bind } from "astal";
|
|
import { Gtk, Widget } from "astal/gtk3";
|
|
import AstalMpris from "gi://AstalMpris";
|
|
import { getSymbolicIcon } from "../../scripts/apps";
|
|
import { Separator, SeparatorProps } from "../Separator";
|
|
import { Windows } from "../../windows";
|
|
import { Clipboard } from "../../scripts/clipboard";
|
|
|
|
export function Media(): Gtk.Widget {
|
|
|
|
const connections: Array<number> = [];
|
|
|
|
const mediaControlsRevealer: Widget.Revealer = new Widget.Revealer({
|
|
transitionType: Gtk.RevealerTransitionType.SLIDE_RIGHT,
|
|
transitionDuration: 260,
|
|
revealChild: false,
|
|
child: new Widget.Box({
|
|
className: "media-controls button-row",
|
|
expand: false,
|
|
homogeneous: false,
|
|
children: bind(AstalMpris.get_default(), "players").as((players: Array<AstalMpris.Player>) =>
|
|
players[0] ? [
|
|
new Widget.Button({
|
|
className: "link",
|
|
image: new Widget.Icon({
|
|
icon: "edit-paste-symbolic"
|
|
} as Widget.IconProps),
|
|
tooltipText: "Copy link to Clipboard",
|
|
visible: bind(players[0], "metadata").as((meta) =>
|
|
Boolean(meta["xesam:url"]?.get_string()[0])),
|
|
onClick: () => Clipboard.getDefault().copyAsync(
|
|
players[0].metadata["xesam:url"].get_string()[0]
|
|
)
|
|
} as Widget.ButtonProps),
|
|
new Widget.Button({
|
|
className: "previous",
|
|
image: new Widget.Icon({
|
|
icon: "media-skip-backward-symbolic"
|
|
} as Widget.IconProps),
|
|
tooltipText: "Previous",
|
|
onClick: () => players[0].canGoPrevious && players[0].previous()
|
|
} as Widget.ButtonProps),
|
|
new Widget.Button({
|
|
className: "play-pause",
|
|
tooltipText: bind(players[0], "playback_status").as((status) =>
|
|
status === AstalMpris.PlaybackStatus.PLAYING ?
|
|
"Pause"
|
|
: "Play"),
|
|
image: new Widget.Icon({
|
|
icon: bind(players[0], "playbackStatus").as((status: AstalMpris.PlaybackStatus) =>
|
|
status === AstalMpris.PlaybackStatus.PLAYING ?
|
|
"media-playback-pause-symbolic"
|
|
: "media-playback-start-symbolic")
|
|
} as Widget.IconProps),
|
|
onClick: () => players[0].playbackStatus === AstalMpris.PlaybackStatus.PAUSED ?
|
|
players[0].play()
|
|
: players[0].pause()
|
|
} as Widget.ButtonProps),
|
|
new Widget.Button({
|
|
className: "next",
|
|
image: new Widget.Icon({
|
|
icon: "media-skip-forward-symbolic"
|
|
} as Widget.IconProps),
|
|
tooltipText: "Next",
|
|
onClick: () => players[0].canGoNext && players[0].next()
|
|
} as Widget.ButtonProps)
|
|
] : new Widget.Label({
|
|
label: "Don't Stop The Music!"
|
|
} as Widget.LabelProps)
|
|
)
|
|
} as Widget.BoxProps)
|
|
} as Widget.RevealerProps);
|
|
|
|
const mediaWidget = new Widget.EventBox({
|
|
className: "media-eventbox",
|
|
visible: bind(AstalMpris.get_default(), "players").as((players: Array<AstalMpris.Player>) =>
|
|
players[0] && players[0].get_available()),
|
|
onDestroy: (_) => connections.map(id => _.disconnect(id)),
|
|
onClick: () => Windows.toggle("center-window"),
|
|
child: new Widget.Box({
|
|
className: "media",
|
|
children: [
|
|
new Widget.Box({
|
|
spacing: 4,
|
|
children: bind(AstalMpris.get_default(), "players").as((players: Array<AstalMpris.Player>) =>
|
|
players[0] ? [
|
|
new Widget.Icon({
|
|
icon: bind(players[0], "busName").as((busName: string) => {
|
|
const splitName = busName.split('.').filter(str => str !== "" && !str.toLowerCase().includes('instance'));
|
|
if (getSymbolicIcon(splitName[splitName.length - 1])) {
|
|
return getSymbolicIcon(splitName[splitName.length - 1]);
|
|
} else {
|
|
return "folder-music-symbolic"
|
|
};
|
|
})
|
|
} as Widget.IconProps),
|
|
new Widget.Label({
|
|
className: "title",
|
|
label: bind(players[0], "title").as((title: string) => title || "No Title"),
|
|
maxWidthChars: 20,
|
|
truncate: true
|
|
} as Widget.LabelProps),
|
|
Separator({
|
|
orientation: Gtk.Orientation.HORIZONTAL,
|
|
size: 1,
|
|
margin: 5,
|
|
//cssColor: `rgb(180, 180, 180)`,
|
|
alpha: .3
|
|
} as SeparatorProps),
|
|
new Widget.Label({
|
|
className: "artist",
|
|
label: bind(players[0], "artist").as((artist: string) => artist || "No Artist"),
|
|
maxWidthChars: 18,
|
|
truncate: true
|
|
} as Widget.LabelProps)
|
|
] : new Widget.Label({
|
|
label: "Crazy to think this widget haven't disappeared yet!"
|
|
} as Widget.LabelProps)
|
|
)
|
|
} as Widget.BoxProps),
|
|
mediaControlsRevealer
|
|
]
|
|
} as Widget.BoxProps)
|
|
} as Widget.EventBoxProps);
|
|
|
|
connections.push(
|
|
mediaWidget.connect("hover", () => {
|
|
mediaControlsRevealer.set_reveal_child(true);
|
|
mediaWidget.className = mediaWidget.className + " reveal";
|
|
}),
|
|
mediaWidget.connect("hover-lost", (_) => {
|
|
mediaControlsRevealer.set_reveal_child(false);
|
|
_.className = mediaWidget.className.replaceAll(" reveal", "");
|
|
})
|
|
);
|
|
|
|
return mediaWidget;
|
|
}
|