Suggestion for your own ags config about dotfiles HOT 6 OPEN

import { Widget, Variable } from '../../imports.js';
import App from 'resource:///com/github/Aylur/ags/app.js';
import PanelButton from '../PanelButton.js';
import Gdk from 'gi://Gdk';

const weather = Variable(
    {},
    {
        poll: [
            30000,
            `python ${App.configDir}/assets/weather`,
            out => JSON.parse(out),
        ],
    }
);

export const Weather = () =>
    PanelButton({
        class_name: 'weather',
        content: Widget.Label({
            binds: [['label', weather, 'value', value => value.text || '󰇘']],
        }),
        window: 'weather-tooltip',
        connections: [
            [
                weather,
                (self, value) => {
                    if (value) {
                        self.set_tooltip_text(value.tooltip || 'Weather Data');
                    }
                },
            ],
        ],
        on_primary_click: btn => {
            let menu = Widget.Menu({
                children: [
                    Widget.MenuItem({
                        child: Widget.Label({
                            label: weather.value.tooltip || '󰇘',
                            use_markup: true, // Enable Pango markup
                        }),
                    }),
                ],
            });

            menu.popup_at_widget(
                btn,
                Gdk.Gravity.SOUTH,
                Gdk.Gravity.NORTH,
                null
            );
        },
    });

const resource = file => `resource:///com/github/Aylur/ags/${file}.js`;
const require = async file => (await import(resource(file))).default;
const service = async file => await require(`service/${file}`);

export const App = await require('app');
export const Widget = await require('widget');
export const Service = await require('service');
export const Variable = await require('variable');
export const Utils = await import(resource('utils'));

export const Applications = await service('applications');
export const Audio = await service('audio');
export const Battery = await service('battery');
export const Bluetooth = await service('bluetooth');
export const Hyprland = await service('hyprland');
export const Mpris = await service('mpris');
export const Network = await service('network');
export const Notifications = await service('notifications');
export const SystemTray = await service('systemtray');