LESA/custum-hyprpanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Converted a significant amount of files from js to ts.

Browse Source
This commit is contained in:
Jas Singh
2024-07-26 02:02:47 -07:00
parent b293d0b060
commit ca5dcc629b
70 changed files with 2838 additions and 1521 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
modules/bar/media/index.js
View File

@@ -1,101 +0,0 @@
const mpris = await Service.import("mpris");
import { openMenu } from "../utils.js";
const Media = () => {
const activePlayer = Variable(mpris.players[0]);
mpris.connect("changed", (value) => {
const statusOrder = {
Playing: 1,
Paused: 2,
Stopped: 3,
};
if (value.players.length === 0) {
activePlayer.value = mpris.players[0];
return;
}
const isPlaying = value.players.find(
(p) => p["play-back-status"] === "Playing",
);
if (isPlaying) {
activePlayer.value = value.players.sort(
(a, b) =>
statusOrder[a["play-back-status"]] -
statusOrder[b["play-back-status"]],
)[0];
}
});
const getIconForPlayer = (playerName) => {
const windowTitleMap = [
["Mozilla Firefox", "󰈹 "],
["Microsoft Edge", "󰇩 "],
["(.*)Discord(.*)", " "],
["Plex", "󰚺 "],
["(.*) Spotify Free", "󰓇 "],
["(.*)Spotify Premium", "󰓇 "],
["Spotify", "󰓇 "],
["(.*)", "󰝚 "],
];
const foundMatch = windowTitleMap.find((wt) =>
RegExp(wt[0]).test(playerName),
);
return foundMatch ? foundMatch[1] : "󰝚";
};
const songIcon = Variable("");
const label = Utils.watch("󰎇 Media 󰎇", mpris, "changed", () => {
if (activePlayer.value) {
const { track_title, identity } = activePlayer.value;
songIcon.value = getIconForPlayer(identity);
return track_title.length === 0
? ` No media playing...`
: ` ${track_title}`;
} else {
songIcon.value = "";
return "󰎇 Media 󰎇";
}
});
return {
component: Widget.Box({
visible: false,
child: Widget.Box({
class_name: "media",
child: Widget.Box({
children: [
Widget.Label({
class_name: "bar-media_icon",
label: songIcon.bind("value"),
maxWidthChars: 30,
}),
Widget.Label({
label,
truncate: "end",
wrap: true,
maxWidthChars: 30,
}),
],
}),
}),
}),
isVisible: false,
boxClass: "media",
name: "media",
props: {
on_scroll_up: () => mpris.getPlayer("")?.next(),
on_scroll_down: () => mpris.getPlayer("")?.previous(),
on_primary_click: (clicked, event) => {
openMenu(clicked, event, "mediamenu");
},
},
};
};
export { Media };

102
modules/bar/media/index.ts Normal file
View File

@@ -0,0 +1,102 @@
import Gdk from 'gi://Gdk?version=3.0';
const mpris = await Service.import("mpris");
import { openMenu } from "../utils.js";
const Media = () => {
const activePlayer = Variable(mpris.players[0]);
mpris.connect("changed", (value) => {
const statusOrder = {
Playing: 1,
Paused: 2,
Stopped: 3,
};
if (value.players.length === 0) {
activePlayer.value = mpris.players[0];
return;
}
const isPlaying = value.players.find(
(p) => p["play-back-status"] === "Playing",
);
if (isPlaying) {
activePlayer.value = value.players.sort(
(a, b) =>
statusOrder[a["play-back-status"]] -
statusOrder[b["play-back-status"]],
)[0];
}
});
const getIconForPlayer = (playerName: string) => {
const windowTitleMap = [
["Mozilla Firefox", "󰈹 "],
["Microsoft Edge", "󰇩 "],
["(.*)Discord(.*)", " "],
["Plex", "󰚺 "],
["(.*) Spotify Free", "󰓇 "],
["(.*)Spotify Premium", "󰓇 "],
["Spotify", "󰓇 "],
["(.*)", "󰝚 "],
];
const foundMatch = windowTitleMap.find((wt) =>
RegExp(wt[0]).test(playerName),
);
return foundMatch ? foundMatch[1] : "󰝚";
};
const songIcon = Variable("");
const label = Utils.watch("󰎇 Media 󰎇", mpris, "changed", () => {
if (activePlayer.value) {
const { track_title, identity } = activePlayer.value;
songIcon.value = getIconForPlayer(identity);
return track_title.length === 0
? ` No media playing...`
: ` ${track_title}`;
} else {
songIcon.value = "";
return "󰎇 Media 󰎇";
}
});
return {
component: Widget.Box({
visible: false,
child: Widget.Box({
class_name: "media",
child: Widget.Box({
children: [
Widget.Label({
class_name: "bar-media_icon",
label: songIcon.bind("value"),
maxWidthChars: 30,
}),
Widget.Label({
label,
truncate: "end",
wrap: true,
maxWidthChars: 30,
}),
],
}),
}),
}),
isVisible: false,
boxClass: "media",
name: "media",
props: {
on_scroll_up: () => mpris.getPlayer("")?.next(),
on_scroll_down: () => mpris.getPlayer("")?.previous(),
on_primary_click: (clicked: any, event: Gdk.Event) => {
openMenu(clicked, event, "mediamenu");
},
},
};
};
export { Media };