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/shared/Module.tsx
+++ b/src/components/bar/shared/Module.tsx
@@ -0,0 +1,93 @@
+import { bind, Variable } from 'astal';
+import { BarBoxChild, BarModule } from 'src/lib/types/bar';
+import { BarButtonStyles } from 'src/lib/types/options';
+import options from 'src/options';
+
+const { style } = options.theme.bar.buttons;
+
+const undefinedVar = Variable(undefined);
+
+export const Module = ({
+    icon,
+    textIcon,
+    useTextIcon = bind(Variable(false)),
+    label,
+    tooltipText,
+    boxClass,
+    props = {},
+    showLabelBinding = bind(undefinedVar),
+    showLabel,
+    labelHook,
+    hook,
+}: BarModule): BarBoxChild => {
+    const getIconWidget = (useTxtIcn: boolean): JSX.Element | undefined => {
+        let iconWidget: JSX.Element | undefined;
+
+        if (icon !== undefined && !useTxtIcn) {
+            iconWidget = <icon className={`txt-icon bar-button-icon module-icon ${boxClass}`} icon={icon} />;
+        } else if (textIcon !== undefined) {
+            iconWidget = <label className={`txt-icon bar-button-icon module-icon ${boxClass}`} label={textIcon} />;
+        }
+
+        return iconWidget;
+    };
+
+    const componentClass = Variable.derive(
+        [bind(style), showLabelBinding],
+        (style: BarButtonStyles, shwLabel: boolean) => {
+            const shouldShowLabel = shwLabel || showLabel;
+            const styleMap = {
+                default: 'style1',
+                split: 'style2',
+                wave: 'style3',
+                wave2: 'style3',
+            };
+            return `${boxClass} ${styleMap[style]} ${!shouldShowLabel ? 'no-label' : ''}`;
+        },
+    );
+
+    const componentChildren = Variable.derive(
+        [showLabelBinding, useTextIcon],
+        (showLabel: boolean, forceTextIcon: boolean): JSX.Element[] => {
+            const childrenArray = [];
+            const iconWidget = getIconWidget(forceTextIcon);
+
+            if (iconWidget !== undefined) {
+                childrenArray.push(iconWidget);
+            }
+
+            if (showLabel) {
+                childrenArray.push(
+                    <label
+                        className={`bar-button-label module-label ${boxClass}`}
+                        label={label ?? ''}
+                        setup={labelHook}
+                    />,
+                );
+            }
+            return childrenArray;
+        },
+    );
+
+    const component: JSX.Element = (
+        <box
+            tooltipText={tooltipText}
+            className={componentClass()}
+            setup={hook}
+            onDestroy={() => {
+                componentChildren.drop();
+                componentClass.drop();
+            }}
+        >
+            {componentChildren()}
+        </box>
+    );
+
+    return {
+        component,
+        tooltip_text: tooltipText,
+        isVisible: true,
+        boxClass,
+        props,
+    };
+};