Upgrade to Agsv2 + Astal (#533)

* migrate to astal * Reorganize project structure. * progress * Migrate Dashboard and Window Title modules. * Migrate clock and notification bar modules. * Remove unused code * Media menu * Rework network and volume modules * Finish custom modules. * Migrate battery bar module. * Update battery module and organize helpers. * Migrate workspace module. * Wrap up bar modules. * Checkpoint before I inevitbly blow something up. * Updates * Fix event propagation logic. * Type fixes * More type fixes * Fix padding for event boxes. * Migrate volume menu and refactor scroll event handlers. * network module WIP * Migrate network service. * Migrate bluetooth menu * Updates * Migrate notifications * Update scrolling behavior for custom modules. * Improve popup notifications and add timer functionality. * Migration notifications menu header/controls. * Migrate notifications menu and consolidate notifications menu code. * Migrate power menu. * Dashboard progress * Migrate dashboard * Migrate media menu. * Reduce media menu nesting. * Finish updating media menu bindings to navigate active player. * Migrate battery menu * Consolidate code * Migrate calendar menu * Fix workspace logic to update on client add/change/remove and consolidate code. * Migrate osd * Consolidate hyprland service connections. * Implement startup dropdown menu position allocation. * Migrate settings menu (WIP) * Settings dialo menu fixes * Finish Dashboard menu * Type updates * update submoldule for types * update github ci * ci * Submodule update * Ci updates * Remove type checking for now. * ci fix * Fix a bunch of stuff, losing track... need rest. Brb coffee * Validate dropdown menu before render. * Consolidate code and add auto-hide functionality. * Improve auto-hide behavior. * Consolidate audio menu code * Organize bluetooth code * Improve active player logic * Properly dismiss a notification on action button resolution. * Implement CLI command engine and migrate CLI commands. * Handle variable disposal * Bar component fixes and add hyprland startup rules. * Handle potentially null bindings network and bluetooth bindings. * Handle potentially null wired adapter. * Fix GPU stats * Handle poller for GPU * Fix gpu bar logic. * Clean up logic for stat bars. * Handle wifi and wired bar icon bindings. * Fix battery percentages * Fix switch behavior * Wifi staging fixes * Reduce redundant hyprland service calls. * Code cleanup * Document the option code and reduce redundant calls to optimize performance. * Remove outdated comment. * Add JSDocs * Add meson to build hyprpanel * Consistency updates * Organize commands * Fix images not showing up on notifications. * Remove todo * Move hyprpanel configuration to the ~/.config/hyprpanel directory and add utility commands. * Handle SRC directory for the bundled/built hyprpanel. * Add namespaces to all windows * Migrate systray * systray updates * Update meson to include ts, tsx and scss files. * Remove log from meson * Fix file choose path and make it float. * Added a command to check the dependency status * Update dep names. * Get scale directly from env * Add todo
2024-12-20 18:10:10 -08:00
parent 955eed6c60
commit 2ffd602910
605 changed files with 19543 additions and 15999 deletions
--- a/src/components/bar/modules/media/index.tsx
+++ b/src/components/bar/modules/media/index.tsx
@@ -0,0 +1,97 @@
+import { openMenu } from '../../utils/menu.js';
+import options from 'src/options.js';
+import { runAsyncCommand } from 'src/components/bar/utils/helpers.js';
+import { generateMediaLabel } from './helpers/index.js';
+import { useHook } from 'src/lib/shared/hookHandler.js';
+import { mprisService } from 'src/lib/constants/services.js';
+import Variable from 'astal/variable.js';
+import { onMiddleClick, onPrimaryClick, onSecondaryClick } from 'src/lib/shared/eventHandlers.js';
+import { bind } from 'astal/binding.js';
+import { BarBoxChild } from 'src/lib/types/bar.js';
+import { Astal } from 'astal/gtk3';
+import { activePlayer, mediaAlbum, mediaArtist, mediaTitle } from 'src/globals/media.js';
+
+const { truncation, truncation_size, show_label, show_active_only, rightClick, middleClick, format } =
+    options.bar.media;
+
+const Media = (): BarBoxChild => {
+    const isVis = Variable(!show_active_only.get());
+
+    show_active_only.subscribe(() => {
+        isVis.set(!show_active_only.get() || mprisService.get_players().length > 0);
+    });
+
+    const songIcon = Variable('');
+
+    const mediaLabel = Variable.derive(
+        [
+            bind(activePlayer),
+            bind(truncation),
+            bind(truncation_size),
+            bind(show_label),
+            bind(format),
+            bind(mediaTitle),
+            bind(mediaAlbum),
+            bind(mediaArtist),
+        ],
+        () => {
+            return generateMediaLabel(truncation_size, show_label, format, songIcon, activePlayer);
+        },
+    );
+
+    const componentClassName = Variable.derive([options.theme.bar.buttons.style, show_label], (style: string) => {
+        const styleMap: Record<string, string> = {
+            default: 'style1',
+            split: 'style2',
+            wave: 'style3',
+            wave2: 'style3',
+        };
+        return `media-container ${styleMap[style]}`;
+    });
+
+    const component = (
+        <box
+            className={componentClassName()}
+            onDestroy={() => {
+                isVis.drop();
+                songIcon.drop();
+                mediaLabel.drop();
+                componentClassName.drop();
+            }}
+        >
+            <label className={'bar-button-icon media txt-icon bar'} label={bind(songIcon).as((icn) => icn || '󰝚')} />
+            <label className={'bar-button-label media'} label={mediaLabel()} />
+        </box>
+    );
+
+    return {
+        component,
+        isVis,
+        boxClass: 'media',
+        props: {
+            setup: (self: Astal.Button): void => {
+                useHook(self, options.bar.scrollSpeed, () => {
+                    const disconnectPrimary = onPrimaryClick(self, (clicked, event) => {
+                        openMenu(clicked, event, 'mediamenu');
+                    });
+
+                    const disconnectSecondary = onSecondaryClick(self, (clicked, event) => {
+                        runAsyncCommand(rightClick.get(), { clicked, event });
+                    });
+
+                    const disconnectMiddle = onMiddleClick(self, (clicked, event) => {
+                        runAsyncCommand(middleClick.get(), { clicked, event });
+                    });
+
+                    return (): void => {
+                        disconnectPrimary();
+                        disconnectSecondary();
+                        disconnectMiddle();
+                    };
+                });
+            },
+        },
+    };
+};
+
+export { Media };