refactor

widget/modules/Cpu/Cpu.tsx

@@ -0,0 +1,16 @@
+import { Variable } from "astal";
+import computeCPU from "./helpers";
+
+export default function Cpu() {
+  const cpu_usage = Variable<string>("").poll(5000, () => computeCPU());
+
+  return (
+    <box className="cpu">
+      <label
+        className="Cpu"
+        onDestroy={() => cpu_usage.drop()}
+        label={cpu_usage()}
+      />
+    </box>
+  );
+}

widget/modules/Cpu/helpers.ts

@@ -0,0 +1,25 @@
+import GTop from "gi://GTop";
+
+let previousCpuData = new GTop.glibtop_cpu();
+GTop.glibtop_get_cpu(previousCpuData);
+
+const computeCPU = (): string => {
+  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;
+
+  const cpuUsagePercentageString =
+    "    " + Math.floor(cpuUsagePercentage) + "%";
+
+  return cpuUsagePercentageString;
+};
+
+export default computeCPU;