custum-hyprpanel/src/components/bar/modules/network/helpers.ts

import AstalNetwork from 'gi://AstalNetwork?version=0.1';
import { bind, Variable } from 'astal';
import { networkService } from 'src/lib/constants/services';

export const wiredIcon: Variable<string> = Variable('');
export const wirelessIcon: Variable<string> = Variable('');

let wiredIconBinding: Variable<void>;
let wirelessIconBinding: Variable<void>;

/**
 * Handles the wired network icon binding.
 *
 * This function sets up the binding for the wired network icon. It first drops any existing binding,
 * then checks if the wired network service is available. If available, it binds the icon name to the `wiredIcon` variable.
 */
const handleWiredIcon = (): void => {
    if (wiredIconBinding) {
        wiredIconBinding();
        wiredIconBinding.drop();
    }

    if (!networkService.wired) {
        return;
    }

    wiredIconBinding = Variable.derive([bind(networkService.wired, 'iconName')], (icon) => {
        wiredIcon.set(icon);
    });
};

/**
 * Handles the wireless network icon binding.
 *
 * This function sets up the binding for the wireless network icon. It first drops any existing binding,
 * then checks if the wireless network service is available. If available, it binds the icon name to the `wirelessIcon` variable.
 */
const handleWirelessIcon = (): void => {
    if (wirelessIconBinding) {
        wirelessIconBinding();
        wirelessIconBinding.drop();
    }

    if (!networkService.wifi) {
        return;
    }

    wirelessIconBinding = Variable.derive([bind(networkService.wifi, 'iconName')], (icon) => {
        wirelessIcon.set(icon);
    });
};

/**
 * Formats the frequency value to MHz.
 *
 * This function takes a frequency value in kHz and formats it to MHz with two decimal places.
 *
 * @param frequency The frequency value in kHz.
 *
 * @returns The formatted frequency value in MHz as a string.
 */
const formatFrequency = (frequency: number): string => {
    return `${(frequency / 1000).toFixed(2)}MHz`;
};

/**
 * Formats the WiFi information for display.
 *
 * This function takes a WiFi object and formats its SSID, signal strength, and frequency for display.
 * If any of these values are not available, it provides default values.
 *
 * @param wifi The WiFi object containing SSID, signal strength, and frequency information.
 *
 * @returns A formatted string containing the WiFi information.
 */
export const formatWifiInfo = (wifi: AstalNetwork.Wifi | null): string => {
    const netSsid = wifi?.ssid ? wifi.ssid : 'None';
    const wifiStrength = wifi?.strength ? wifi.strength : '--';
    const wifiFreq = wifi?.frequency ? formatFrequency(wifi.frequency) : '--';

    return `Network: ${netSsid} \nSignal Strength: ${wifiStrength}% \nFrequency: ${wifiFreq}`;
};

Variable.derive([bind(networkService, 'wifi')], () => {
    handleWiredIcon();
    handleWirelessIcon();
});