From 307669f7c40ee15bd809cf78784db0151c0d20fe Mon Sep 17 00:00:00 2001
From: Alessandro Pignotti <a.pignotti@sssup.it>
Date: Tue, 15 Oct 2024 21:33:15 +0200
Subject: [PATCH] Rename CpuTab to a more general Engine

And make the CPU load visible
---
 src/lib/CpuTab.svelte | 6 +++++-
 src/lib/activities.js | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/lib/CpuTab.svelte b/src/lib/CpuTab.svelte
index dcbb7b8..5bf6692 100644
--- a/src/lib/CpuTab.svelte
+++ b/src/lib/CpuTab.svelte
@@ -1,4 +1,8 @@
-<h1 class="text-lg font-bold">CPU</h1>
+<script>
+	import { cpuPercentage } from './activities.js'
+</script>
+<h1 class="text-lg font-bold">Engine</h1>
+<p>CPU Load: <span class="font-bold">{$cpuPercentage}%</span></p>
 <p>WebVM is powered by CheerpX, a x86 virtualization engine in WebAssembly</p>
 <p>CheerpX can run securely run unmodified x86 binaries and libraries in the browser</p>
 <p>For more information: <a class="text-gray-300" href="https://cheerpx.io/" target="_blank">https://cheerpx.io</a></p>
diff --git a/src/lib/activities.js b/src/lib/activities.js
index 01b907e..7dd9f54 100644
--- a/src/lib/activities.js
+++ b/src/lib/activities.js
@@ -2,3 +2,4 @@ import { writable } from 'svelte/store';
 
 export const cpuActivity = writable(false);
 export const diskActivity = writable(false);
+export const cpuPercentage = writable(0);