hyprpanel

ags/HyprPanel/customModules/cpu/computeCPU.ts

@@ -0,0 +1,20 @@
+// @ts-expect-error: This import is a special directive that tells the compiler to use the GTop library
+import GTop from 'gi://GTop';
+
+let previousCpuData = new GTop.glibtop_cpu();
+GTop.glibtop_get_cpu(previousCpuData);
+
+export const computeCPU = (): number => {
+    const currentCpuData = new GTop.glibtop_cpu();
+    GTop.glibtop_get_cpu(currentCpuData);
+
+    // Calculate the differences from the previous to current data
+    const totalDiff = currentCpuData.total - previousCpuData.total;
+    const idleDiff = currentCpuData.idle - previousCpuData.idle;
+
+    const cpuUsagePercentage = totalDiff > 0 ? ((totalDiff - idleDiff) / totalDiff) * 100 : 0;
+
+    previousCpuData = currentCpuData;
+
+    return cpuUsagePercentage;
+};

ags/HyprPanel/customModules/cpu/index.ts

@@ -0,0 +1,69 @@
+import options from 'options';
+
+// Module initializer
+import { module } from '../module';
+
+import Button from 'types/widgets/button';
+
+// Utility Methods
+import { inputHandler } from 'customModules/utils';
+import { computeCPU } from './computeCPU';
+import { pollVariable } from 'customModules/PollVar';
+import { BarBoxChild } from 'lib/types/bar';
+import { Attribute, Child } from 'lib/types/widget';
+
+// All the user configurable options for the cpu module that are needed
+const { label, round, leftClick, rightClick, middleClick, scrollUp, scrollDown, pollingInterval, icon } =
+    options.bar.customModules.cpu;
+
+export const cpuUsage = Variable(0);
+
+pollVariable(
+    // Variable to poll and update with the result of the function passed in
+    cpuUsage,
+    // Variables that should trigger the polling function to update when they change
+    [round.bind('value')],
+    // Interval at which to poll
+    pollingInterval.bind('value'),
+    // Function to execute to get the network data
+    computeCPU,
+);
+
+export const Cpu = (): BarBoxChild => {
+    const renderLabel = (cpuUsg: number, rnd: boolean): string => {
+        return rnd ? `${Math.round(cpuUsg)}%` : `${cpuUsg.toFixed(2)}%`;
+    };
+
+    const cpuModule = module({
+        textIcon: icon.bind('value'),
+        label: Utils.merge([cpuUsage.bind('value'), round.bind('value')], (cpuUsg, rnd) => {
+            return renderLabel(cpuUsg, rnd);
+        }),
+        tooltipText: 'CPU',
+        boxClass: 'cpu',
+        showLabelBinding: label.bind('value'),
+        props: {
+            setup: (self: Button<Child, Attribute>) => {
+                inputHandler(self, {
+                    onPrimaryClick: {
+                        cmd: leftClick,
+                    },
+                    onSecondaryClick: {
+                        cmd: rightClick,
+                    },
+                    onMiddleClick: {
+                        cmd: middleClick,
+                    },
+                    onScrollUp: {
+                        cmd: scrollUp,
+                    },
+                    onScrollDown: {
+                        cmd: scrollDown,
+                    },
+                });
+            },
+        },
+    });
+
+    return cpuModule;
+};