custum-hyprpanel/customModules/config.ts

import { Option } from 'widget/settings/shared/Option';
import { Header } from 'widget/settings/shared/Header';

import options from 'options';
import Scrollable from 'types/widgets/scrollable';
import { Attribute, GtkWidget } from 'lib/types/widget';

export const CustomModuleSettings = (): Scrollable<GtkWidget, Attribute> =>
    Widget.Scrollable({
        vscroll: 'automatic',
        hscroll: 'automatic',
        class_name: 'menu-theme-page customModules paged-container',
        child: Widget.Box({
            class_name: 'menu-theme-page paged-container',
            vertical: true,
            children: [
                /*
                 ************************************
                 *            GENERAL               *
                 ************************************
                 */
                Header('General'),
                Option({
                    opt: options.bar.customModules.scrollSpeed,
                    title: 'Scrolling Speed',
                    type: 'number',
                }),

                /*
                 ************************************
                 *              RAM                 *
                 ************************************
                 */
                Header('RAM'),
                Option({
                    opt: options.theme.bar.buttons.modules.ram.enableBorder,
                    title: 'Button Border',
                    type: 'boolean',
                }),
                Option({
                    opt: options.bar.customModules.ram.label,
                    title: 'Show Label',
                    type: 'boolean',
                }),
                Option({
                    opt: options.theme.bar.buttons.modules.ram.spacing,
                    title: 'Spacing',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.ram.labelType,
                    title: 'Label Type',
                    type: 'enum',
                    enums: ['used/total', 'used', 'free', 'percentage'],
                }),
                Option({
                    opt: options.bar.customModules.ram.round,
                    title: 'Round',
                    type: 'boolean',
                }),
                Option({
                    opt: options.bar.customModules.ram.pollingInterval,
                    title: 'Polling Interval',
                    type: 'number',
                    min: 100,
                    max: 60 * 24 * 1000,
                    increment: 1000,
                }),
                Option({
                    opt: options.bar.customModules.ram.leftClick,
                    title: 'Left Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.ram.rightClick,
                    title: 'Right Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.ram.middleClick,
                    title: 'Middle Click',
                    type: 'string',
                }),

                /*
                 ************************************
                 *             CPU                  *
                 ************************************
                 */
                Header('CPU'),
                Option({
                    opt: options.theme.bar.buttons.modules.cpu.enableBorder,
                    title: 'Button Border',
                    type: 'boolean',
                }),
                Option({
                    opt: options.bar.customModules.cpu.label,
                    title: 'Show Label',
                    type: 'boolean',
                }),
                Option({
                    opt: options.theme.bar.buttons.modules.cpu.spacing,
                    title: 'Spacing',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.cpu.round,
                    title: 'Round',
                    type: 'boolean',
                }),
                Option({
                    opt: options.bar.customModules.cpu.pollingInterval,
                    title: 'Polling Interval',
                    type: 'number',
                    min: 100,
                    max: 60 * 24 * 1000,
                    increment: 1000,
                }),
                Option({
                    opt: options.bar.customModules.cpu.leftClick,
                    title: 'Left Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.cpu.rightClick,
                    title: 'Right Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.cpu.middleClick,
                    title: 'Middle Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.cpu.scrollUp,
                    title: 'Scroll Up',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.cpu.scrollDown,
                    title: 'Scroll Down',
                    type: 'string',
                }),

                /*
                 ************************************
                 *           STORAGE                *
                 ************************************
                 */
                Header('Storage'),
                Option({
                    opt: options.theme.bar.buttons.modules.storage.enableBorder,
                    title: 'Button Border',
                    type: 'boolean',
                }),
                Option({
                    opt: options.bar.customModules.storage.icon,
                    title: 'Storage Icon',
                    type: 'enum',
                    enums: ['󰋊', '', '󱛟', '', '', ''],
                }),
                Option({
                    opt: options.bar.customModules.storage.label,
                    title: 'Show Label',
                    type: 'boolean',
                }),
                Option({
                    opt: options.theme.bar.buttons.modules.storage.spacing,
                    title: 'Spacing',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.storage.labelType,
                    title: 'Label Type',
                    type: 'enum',
                    enums: ['used/total', 'used', 'free', 'percentage'],
                }),
                Option({
                    opt: options.bar.customModules.storage.round,
                    title: 'Round',
                    type: 'boolean',
                }),
                Option({
                    opt: options.bar.customModules.storage.pollingInterval,
                    title: 'Polling Interval',
                    type: 'number',
                    min: 100,
                    max: 60 * 24 * 1000,
                    increment: 1000,
                }),
                Option({
                    opt: options.bar.customModules.storage.leftClick,
                    title: 'Left Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.storage.rightClick,
                    title: 'Right Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.storage.middleClick,
                    title: 'Middle Click',
                    type: 'string',
                }),

                /*
                 ************************************
                 *           NETSTAT                *
                 ************************************
                 */
                Header('Netstat'),
                Option({
                    opt: options.theme.bar.buttons.modules.netstat.enableBorder,
                    title: 'Button Border',
                    type: 'boolean',
                }),
                Option({
                    opt: options.bar.customModules.netstat.networkInterface,
                    title: 'Network Interface',
                    subtitle:
                        "Name of the network interface to poll.\nHINT: Get list of interfaces with 'cat /proc/net/dev'",
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.netstat.icon,
                    title: 'Netstat Icon',
                    type: 'enum',
                    enums: ['󰖟', '󰇚', '󰕒', '󰛳', '', '󰣺', '󰖩', '', '󰈀'],
                }),
                Option({
                    opt: options.bar.customModules.netstat.label,
                    title: 'Show Label',
                    type: 'boolean',
                }),
                Option({
                    opt: options.bar.customModules.netstat.rateUnit,
                    title: 'Rate Unit',
                    type: 'enum',
                    enums: ['GiB', 'MiB', 'KiB', 'auto'],
                }),
                Option({
                    opt: options.theme.bar.buttons.modules.netstat.spacing,
                    title: 'Spacing',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.netstat.labelType,
                    title: 'Label Type',
                    type: 'enum',
                    enums: ['full', 'in', 'out'],
                }),
                Option({
                    opt: options.bar.customModules.netstat.round,
                    title: 'Round',
                    type: 'boolean',
                }),
                Option({
                    opt: options.bar.customModules.netstat.pollingInterval,
                    title: 'Polling Interval',
                    type: 'number',
                    min: 100,
                    max: 60 * 24 * 1000,
                    increment: 1000,
                }),
                Option({
                    opt: options.bar.customModules.netstat.leftClick,
                    title: 'Left Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.netstat.rightClick,
                    title: 'Right Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.netstat.middleClick,
                    title: 'Middle Click',
                    type: 'string',
                }),

                /*
                 ************************************
                 *       KEYBOARD LAYOUT            *
                 ************************************
                 */
                Header('Keyboard Layout'),
                Option({
                    opt: options.theme.bar.buttons.modules.kbLayout.enableBorder,
                    title: 'Button Border',
                    type: 'boolean',
                }),
                Option({
                    opt: options.bar.customModules.kbLayout.icon,
                    title: 'kbLayout Icon',
                    type: 'enum',
                    enums: ['', '󰌌', '', '󰬴', '󰗊'],
                }),
                Option({
                    opt: options.bar.customModules.kbLayout.label,
                    title: 'Show Label',
                    type: 'boolean',
                }),
                Option({
                    opt: options.bar.customModules.kbLayout.labelType,
                    title: 'Label Type',
                    type: 'enum',
                    enums: ['layout', 'code'],
                }),
                Option({
                    opt: options.theme.bar.buttons.modules.kbLayout.spacing,
                    title: 'Spacing',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.kbLayout.leftClick,
                    title: 'Left Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.kbLayout.rightClick,
                    title: 'Right Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.kbLayout.middleClick,
                    title: 'Middle Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.kbLayout.scrollUp,
                    title: 'Scroll Up',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.kbLayout.scrollDown,
                    title: 'Scroll Down',
                    type: 'string',
                }),

                /*
                 ************************************
                 *            UPDATES               *
                 ************************************
                 */
                Header('Updates'),
                Option({
                    opt: options.theme.bar.buttons.modules.updates.enableBorder,
                    title: 'Button Border',
                    type: 'boolean',
                }),
                Option({
                    opt: options.bar.customModules.updates.updateCommand,
                    title: 'Check Updates Command',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.updates.icon,
                    title: 'Updates Icon',
                    type: 'enum',
                    enums: ['󰚰', '󰇚', '', '󱑢', '󱑣', '󰏖', '', '󰏔', '󰏗'],
                }),
                Option({
                    opt: options.bar.customModules.updates.label,
                    title: 'Show Label',
                    type: 'boolean',
                }),
                Option({
                    opt: options.bar.customModules.updates.padZero,
                    title: 'Pad with 0',
                    type: 'boolean',
                }),
                Option({
                    opt: options.theme.bar.buttons.modules.updates.spacing,
                    title: 'Spacing',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.updates.pollingInterval,
                    title: 'Polling Interval',
                    type: 'number',
                    subtitle: "WARNING: Be careful of your package manager's rate limit.",
                    min: 100,
                    max: 60 * 24 * 1000,
                    increment: 1000,
                }),
                Option({
                    opt: options.bar.customModules.updates.leftClick,
                    title: 'Left Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.updates.rightClick,
                    title: 'Right Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.updates.middleClick,
                    title: 'Middle Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.updates.scrollUp,
                    title: 'Scroll Up',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.updates.scrollDown,
                    title: 'Scroll Down',
                    type: 'string',
                }),

                /*
                 ************************************
                 *            SUBMAP                *
                 ************************************
                 */
                Header('Submap'),
                Option({
                    opt: options.theme.bar.buttons.modules.submap.enableBorder,
                    title: 'Button Border',
                    type: 'boolean',
                }),
                Option({
                    opt: options.bar.customModules.submap.enabledIcon,
                    title: 'Enabled Icon',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.submap.disabledIcon,
                    title: 'Disabled Icon',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.submap.enabledText,
                    title: 'Enabled Text',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.submap.disabledText,
                    title: 'Disabled Text',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.submap.label,
                    title: 'Show Label',
                    type: 'boolean',
                }),
                Option({
                    opt: options.theme.bar.buttons.modules.submap.spacing,
                    title: 'Spacing',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.submap.leftClick,
                    title: 'Left Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.submap.rightClick,
                    title: 'Right Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.submap.middleClick,
                    title: 'Middle Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.submap.scrollUp,
                    title: 'Scroll Up',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.submap.scrollDown,
                    title: 'Scroll Down',
                    type: 'string',
                }),

                /*
                 ************************************
                 *            WEATHER               *
                 ************************************
                 */
                Header('Weather'),
                Option({
                    opt: options.theme.bar.buttons.modules.weather.enableBorder,
                    title: 'Button Border',
                    type: 'boolean',
                }),
                Option({
                    opt: options.bar.customModules.weather.label,
                    title: 'Show Label',
                    type: 'boolean',
                }),
                Option({
                    opt: options.bar.customModules.weather.unit,
                    title: 'Units',
                    type: 'enum',
                    enums: ['imperial', 'metric'],
                }),
                Option({
                    opt: options.theme.bar.buttons.modules.weather.spacing,
                    title: 'Spacing',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.weather.leftClick,
                    title: 'Left Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.weather.rightClick,
                    title: 'Right Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.weather.middleClick,
                    title: 'Middle Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.weather.scrollUp,
                    title: 'Scroll Up',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.weather.scrollDown,
                    title: 'Scroll Down',
                    type: 'string',
                }),

                /*
                 ************************************
                 *            POWER                 *
                 ************************************
                 */
                Header('Power'),
                Option({
                    opt: options.theme.bar.buttons.modules.power.enableBorder,
                    title: 'Button Border',
                    type: 'boolean',
                }),
                Option({
                    opt: options.theme.bar.buttons.modules.power.spacing,
                    title: 'Spacing',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.power.icon,
                    title: 'Power Button Icon',
                    type: 'enum',
                    enums: ['', '', '󰍃', '󰿅', '󰒲', '󰤄'],
                }),
                Option({
                    opt: options.bar.customModules.power.leftClick,
                    title: 'Left Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.power.rightClick,
                    title: 'Right Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.power.middleClick,
                    title: 'Middle Click',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.power.scrollUp,
                    title: 'Scroll Up',
                    type: 'string',
                }),
                Option({
                    opt: options.bar.customModules.power.scrollDown,
                    title: 'Scroll Down',
                    type: 'string',
                }),
            ],
        }),
    });