dots-hyprland/.config/ags/lib/statusicons.js

import { App, Service, Utils, Widget } from '../imports.js';
import { MaterialIcon } from './materialicon.js';
import Bluetooth from 'resource:///com/github/Aylur/ags/service/bluetooth.js';
import Network from 'resource:///com/github/Aylur/ags/service/network.js';
import Notifications from 'resource:///com/github/Aylur/ags/service/notifications.js';
import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
import { languages } from '../data/languages.js';

// A guessing func to try to support langs not listed in data/languages.js
function isLanguageMatch(abbreviation, word) {
    const lowerAbbreviation = abbreviation.toLowerCase();
    const lowerWord = word.toLowerCase();
    let j = 0;
    for (let i = 0; i < lowerWord.length; i++) {
        if (lowerWord[i] === lowerAbbreviation[j]) {
            j++;
        }
        if (j === lowerAbbreviation.length) {
            return true;
        }
    }
    return false;
}

export const NotificationIndicator = (notifCenterName = 'sideright') => {
    const widget = Widget.Revealer({
        transition: 150,
        transition: 'slide_left',
        revealChild: false,
        setup: (self) => self
            .hook(Notifications, (self, id) => {
                if (!id || Notifications.dnd) return;
                if (!Notifications.getNotification(id)) return;
                self.revealChild = true;
            }, 'notified')
            .hook(App, (self, currentName, visible) => {
                if (visible && currentName === notifCenterName) {
                    self.revealChild = false;
                }
            })
        ,
        child: Widget.Box({
            children: [
                MaterialIcon('notifications', 'norm'),
                Widget.Label({
                    className: 'txt-small titlefont',
                    properties: [
                        ['increment', (self) => self._unreadCount++],
                        ['markread', (self) => self._unreadCount = 0],
                        ['update', (self) => self.label = `${self._unreadCount}`],
                        ['unreadCount', 0],
                    ],
                    setup: (self) => self
                        .hook(Notifications, (self, id) => {
                            if (!id || Notifications.dnd) return;
                            if (!Notifications.getNotification(id)) return;
                            self._increment(self);
                            self._update(self);
                        }, 'notified')
                        .hook(App, (self, currentName, visible) => {
                            if (visible && currentName === notifCenterName) {
                                self._markread(self);
                                self._update(self);
                            }
                        })
                    ,
                })
            ]
        })
    });
    return widget;
}

export const BluetoothIndicator = () => Widget.Stack({
    transition: 'slide_up_down',
    items: [
        ['true', Widget.Label({ className: 'txt-norm icon-material', label: 'bluetooth' })],
        ['false', Widget.Label({ className: 'txt-norm icon-material', label: 'bluetooth_disabled' })],
    ],
    setup: (self) => self
        .hook(Bluetooth, stack => {
            stack.shown = String(Bluetooth.enabled);
        })
    ,
});


const NetworkWiredIndicator = () => Widget.Stack({
    transition: 'slide_up_down',
    items: [
        ['fallback', SimpleNetworkIndicator()],
        ['unknown', Widget.Label({ className: 'txt-norm icon-material', label: 'wifi_off' })],
        ['disconnected', Widget.Label({ className: 'txt-norm icon-material', label: 'signal_wifi_off' })],
        ['connected', Widget.Label({ className: 'txt-norm icon-material', label: 'lan' })],
        ['connecting', Widget.Label({ className: 'txt-norm icon-material', label: 'settings_ethernet' })],
    ],
    setup: (self) => self.hook(Network, stack => {
        if (!Network.wired)
            return;

        const { internet } = Network.wired;
        if (internet === 'connected' || internet === 'connecting')
            stack.shown = internet;
        else if (Network.connectivity !== 'full')
            stack.shown = 'disconnected';
        else
            stack.shown = 'fallback';
    }),
});

const SimpleNetworkIndicator = () => Widget.Icon({
    setup: (self) => self.hook(Network, self => {
        const icon = Network[Network.primary || 'wifi']?.iconName;
        self.icon = icon || '';
        self.visible = icon;
    }),
});

const NetworkWifiIndicator = () => Widget.Stack({
    transition: 'slide_up_down',
    items: [
        ['disabled', Widget.Label({ className: 'txt-norm icon-material', label: 'wifi_off' })],
        ['disconnected', Widget.Label({ className: 'txt-norm icon-material', label: 'signal_wifi_off' })],
        ['connecting', Widget.Label({ className: 'txt-norm icon-material', label: 'settings_ethernet' })],
        ['0', Widget.Label({ className: 'txt-norm icon-material', label: 'signal_wifi_0_bar' })],
        ['1', Widget.Label({ className: 'txt-norm icon-material', label: 'network_wifi_1_bar' })],
        ['2', Widget.Label({ className: 'txt-norm icon-material', label: 'network_wifi_2_bar' })],
        ['3', Widget.Label({ className: 'txt-norm icon-material', label: 'network_wifi_3_bar' })],
        ['4', Widget.Label({ className: 'txt-norm icon-material', label: 'signal_wifi_4_bar' })],
    ],
    setup: (self) => self.hook(Network, (stack) => {
        if (!Network.wifi) {
            return;
        }
        if (Network.wifi.internet == 'connected') {
            stack.shown = String(Math.ceil(Network.wifi.strength / 25));
        }
        else if (Network.wifi.internet == 'disconnected' || Network.wifi.internet == 'connecting') {
            stack.shown = Network.wifi.internet;
        }
    }),
});

export const NetworkIndicator = () => Widget.Stack({
    transition: 'slide_up_down',
    items: [
        ['fallback', SimpleNetworkIndicator()],
        ['wifi', NetworkWifiIndicator()],
        ['wired', NetworkWiredIndicator()],
    ],
    setup: (self) => self.hook(Network, stack => {
        if (!Network.primary) {
            stack.shown = 'wifi';
            return;
        }
        const primary = Network.primary || 'fallback';
        if (primary == 'wifi' || primary == 'wired')
            stack.shown = primary;
        else
            stack.shown = 'fallback';
    }),
});

const KeyboardLayout = ({ useFlag } = {}) => {
    var initLangs = [];
    var languageStackArray = [];
    var currentKeyboard;

    const updateCurrentKeyboards = () => {
        currentKeyboard = JSON.parse(Utils.exec('hyprctl -j devices')).keyboards
            .find(device => device.name === 'at-translated-set-2-keyboard');
        if (currentKeyboard) {
            initLangs = currentKeyboard.layout.split(',').map(lang => lang.trim());
        }
        languageStackArray = Array.from({ length: initLangs.length }, (_, i) => {
            const lang = languages.find(lang => lang.layout == initLangs[i]);
            if (!lang) return [
                initLangs[i],
                Widget.Label({ label: initLangs[i] })
            ];
            return [
                lang.layout,
                Widget.Label({ label: (useFlag ? lang.flag : lang.layout) })
            ];
        });
    };
    updateCurrentKeyboards();
    const widgetRevealer = Widget.Revealer({
        transition: 150,
        transition: 'slide_left',
        revealChild: languageStackArray.length > 1,
    });
    const widgetContent = Widget.Stack({
        transition: 'slide_up_down',
        items: [
            ...languageStackArray,
            ['undef', Widget.Label({ label: '?' })]
        ],
        setup: (self) => self.hook(Hyprland, (stack, kbName, layoutName) => {
            if (!kbName) {
                return;
            }
            var lang = languages.find(lang => layoutName.includes(lang.name));
            if (lang) {
                widgetContent.shown = lang.layout;
            }
            else { // Attempt to support langs not listed
                lang = languageStackArray.find(lang => isLanguageMatch(lang[0], layoutName));
                if (!lang) stack.shown = 'undef';
                else stack.shown = lang[0];
            }
        }, 'keyboard-layout'),
    });
    widgetRevealer.child = widgetContent;
    return widgetRevealer;
}

export const StatusIcons = (props = {}) => Widget.Box({
    ...props,
    child: Widget.Box({
        className: 'spacing-h-15',
        children: [
            KeyboardLayout({ useFlag: false }),
            NotificationIndicator(),
            BluetoothIndicator(),
            NetworkIndicator(),
        ]
    })
});