Clean up media module logic and code. (#380)

* Organized media menu code

* More consolidation

modules/menus/media/components/helpers.ts

@@ -0,0 +1,51 @@
+const media = await Service.import('mpris');
+import options from 'options.js';
+import { MprisPlayer } from 'types/service/mpris';
+const { tint, color } = options.theme.bar.menus.menu.media.card;
+
+const curPlayer = Variable('');
+
+export const generateAlbumArt = (imageUrl: string): string => {
+    const userTint = tint.value;
+    const userHexColor = color.value;
+
+    const r = parseInt(userHexColor.slice(1, 3), 16);
+    const g = parseInt(userHexColor.slice(3, 5), 16);
+    const b = parseInt(userHexColor.slice(5, 7), 16);
+
+    const alpha = userTint / 100;
+
+    const css = `background-image: linear-gradient(
+                rgba(${r}, ${g}, ${b}, ${alpha}),
+                rgba(${r}, ${g}, ${b}, ${alpha}),
+                ${userHexColor} 65em
+            ), url("${imageUrl}");`;
+
+    return css;
+};
+
+export const initializeActivePlayerHook = (): void => {
+    media.connect('changed', () => {
+        const statusOrder = {
+            Playing: 1,
+            Paused: 2,
+            Stopped: 3,
+        };
+
+        const isPlaying = media.players.find((p) => p['play_back_status'] === 'Playing');
+
+        const playerStillExists = media.players.some((p) => curPlayer.value === p['bus_name']);
+
+        const nextPlayerUp = media.players.sort(
+            (a, b) => statusOrder[a['play_back_status']] - statusOrder[b['play_back_status']],
+        )[0].bus_name;
+
+        if (isPlaying || !playerStillExists) {
+            curPlayer.value = nextPlayerUp;
+        }
+    });
+};
+
+export const getPlayerInfo = (): MprisPlayer => {
+    return media.players.find((p) => p.bus_name === curPlayer.value) || media.players[0];
+};