2c72cc66d8
* Implemented strict linting standards and prettier formatting config. * More linter fixes and type updates. * More linter updates and type fixes * Remove noisy comments * Linter and type updates * Linter, formatting and type updates. * Linter updates * Type updates * Type updates * fixed all linter errors * Fixed all linting, formatting and type issues. * Resolve merge conflicts.
107 lines
4.0 KiB
TypeScript
107 lines
4.0 KiB
TypeScript
import Gdk from 'gi://Gdk?version=3.0';
|
|
const mpris = await Service.import('mpris');
|
|
import { openMenu } from '../utils.js';
|
|
import options from 'options';
|
|
import { getCurrentPlayer } from 'lib/shared/media.js';
|
|
import { BarBoxChild } from 'lib/types/bar.js';
|
|
import Button from 'types/widgets/button.js';
|
|
import { Child } from 'lib/types/widget.js';
|
|
|
|
const { show_artist, truncation, truncation_size, show_label, show_active_only } = options.bar.media;
|
|
|
|
const Media = (): BarBoxChild => {
|
|
const activePlayer = Variable(mpris.players[0]);
|
|
const isVis = Variable(!show_active_only.value);
|
|
|
|
show_active_only.connect('changed', () => {
|
|
isVis.value = !show_active_only.value || mpris.players.length > 0;
|
|
});
|
|
|
|
mpris.connect('changed', () => {
|
|
const curPlayer = getCurrentPlayer(activePlayer.value);
|
|
activePlayer.value = curPlayer;
|
|
isVis.value = !show_active_only.value || mpris.players.length > 0;
|
|
});
|
|
|
|
const getIconForPlayer = (playerName: string): string => {
|
|
const windowTitleMap = [
|
|
['Firefox', ''],
|
|
['Microsoft Edge', ''],
|
|
['Discord', ''],
|
|
['Plex', ''],
|
|
['Spotify', ''],
|
|
['(.*)', ''],
|
|
];
|
|
|
|
const foundMatch = windowTitleMap.find((wt) => RegExp(wt[0], 'i').test(playerName));
|
|
|
|
return foundMatch ? foundMatch[1] : '';
|
|
};
|
|
|
|
const songIcon = Variable('');
|
|
|
|
const mediaLabel = Utils.watch('Media', [mpris, show_artist, truncation, truncation_size, show_label], () => {
|
|
if (activePlayer.value && show_label.value) {
|
|
const { track_title, identity, track_artists } = activePlayer.value;
|
|
songIcon.value = getIconForPlayer(identity);
|
|
const trackArtist = show_artist.value ? ` - ${track_artists.join(', ')}` : ``;
|
|
const truncatedLabel = truncation.value
|
|
? `${track_title + trackArtist}`.substring(0, truncation_size.value)
|
|
: `${track_title + trackArtist}`;
|
|
|
|
return track_title.length === 0
|
|
? `No media playing...`
|
|
: truncatedLabel.length < truncation_size.value || !truncation.value
|
|
? `${truncatedLabel}`
|
|
: `${truncatedLabel.substring(0, truncatedLabel.length - 3)}...`;
|
|
} else {
|
|
songIcon.value = getIconForPlayer(activePlayer.value?.identity || '');
|
|
return `Media`;
|
|
}
|
|
});
|
|
|
|
return {
|
|
component: Widget.Box({
|
|
visible: false,
|
|
child: Widget.Box({
|
|
className: Utils.merge(
|
|
[options.theme.bar.buttons.style.bind('value'), show_label.bind('value')],
|
|
(style) => {
|
|
const styleMap = {
|
|
default: 'style1',
|
|
split: 'style2',
|
|
wave: 'style3',
|
|
wave2: 'style3',
|
|
};
|
|
return `media ${styleMap[style]}`;
|
|
},
|
|
),
|
|
child: Widget.Box({
|
|
children: [
|
|
Widget.Label({
|
|
class_name: 'bar-button-icon media txt-icon bar',
|
|
label: songIcon.bind('value').as((v) => v || ''),
|
|
}),
|
|
Widget.Label({
|
|
class_name: 'bar-button-label media',
|
|
label: mediaLabel,
|
|
}),
|
|
],
|
|
}),
|
|
}),
|
|
}),
|
|
isVis,
|
|
boxClass: 'media',
|
|
name: 'media',
|
|
props: {
|
|
on_scroll_up: () => activePlayer.value?.next(),
|
|
on_scroll_down: () => activePlayer.value?.previous(),
|
|
on_primary_click: (clicked: Button<Child, Child>, event: Gdk.Event): void => {
|
|
openMenu(clicked, event, 'mediamenu');
|
|
},
|
|
},
|
|
};
|
|
};
|
|
|
|
export { Media };
|