From 2b4f95952502848dcc4f497b0ddaf368fbfed978 Mon Sep 17 00:00:00 2001
From: ybouane <yassine@bouanane.com>
Date: Wed, 9 Oct 2024 14:26:32 -0400
Subject: [PATCH] Initial client script.

---
 static/client.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/static/client.js b/static/client.js
index e69de29..9b917da 100644
--- a/static/client.js
+++ b/static/client.js
@@ -0,0 +1,22 @@
+const engine = new liquidjs.Liquid();
+document.addEventListener("DOMContentLoaded", async () => {
+	let $main = document.querySelector('main');
+	const templateLiquid = document.querySelector("template#site").innerHTML;
+	const template = await engine.parse(templateLiquid);
+	
+	const refreshStatus = async () => {
+		try {
+			const response = await fetch('/status.json');
+			if (!response.ok) {
+				throw new Error(`Error fetching status.json: ${response.statusText}`);
+			}
+			const status = await response.json();
+			
+			$main.innerHTML = template.render(status);
+
+		} catch (error) {
+			console.error("Error loading server status:", error);
+		}
+	};
+	setInterval(refreshStatus, 60_000); // Refresh every minute
+});
\ No newline at end of file