From 0f857ecefd51427f8e4c7d98281f8cca3aff5a2c Mon Sep 17 00:00:00 2001
From: Rune Harlyk <rune@harlyk.dk>
Date: Wed, 12 Jul 2023 15:31:22 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=89=20Adds=20systemhealth=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/routes/SystemHealth.svelte | 34 ++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 app/src/routes/SystemHealth.svelte

diff --git a/app/src/routes/SystemHealth.svelte b/app/src/routes/SystemHealth.svelte
new file mode 100644
index 0000000..15e4496
--- /dev/null
+++ b/app/src/routes/SystemHealth.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+	import { onDestroy, onMount } from 'svelte';
+	import { data, socket } from '../lib/socket';
+	import { humanFileSize } from '../lib/utils';
+
+	let buf = new Uint8Array(2);
+	buf[0] = 1;
+
+	onMount(() => {
+		buf[1] = 1;
+		$socket.send(buf);
+	});
+
+	onDestroy(() => {
+		buf[1] = 0;
+		$socket.send(buf);
+	});
+</script>
+
+<div class="p-10 flex gap-4">
+	<div class="bg-slate-600 rounded-md p-2 drop-shadow-lg">
+		<b>Heap allocation:</b>
+		<div class="flex gap-2"><span>Total free:</span>{humanFileSize($data[8])}</div>
+		<div class="flex gap-2"><span>Max free block:</span>{humanFileSize($data[12])}</div>
+		<div class="flex gap-2"><span>Min:</span>{humanFileSize($data[10])}</div>
+	</div>
+
+	<div class="bg-slate-600 rounded-md p-2 drop-shadow-lg">
+		<b>PSRam allocation:</b>
+		<div class="flex gap-2"><span>Free</span>{humanFileSize($data[9])}</div>
+		<div class="flex gap-2"><span>Min:</span>{humanFileSize($data[11])}</div>
+		<div class="flex gap-2"><span>Max block:</span>{humanFileSize($data[13])}</div>
+	</div>
+</div>