new debug server outline

2023-06-11 01:32:21 +02:00
parent b8afaba4ef
commit ccb0ce87e1
4 changed files with 85 additions and 0 deletions
--- a/web/index.html
+++ b/web/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset='utf-8'>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <title>Centralex State</title>
+    <!--INSERT HEAD CONTENT HERE-->
+</head>
+
+<body>
+    <list id="list" />
+</body>
+
+</html>
--- a/web/main.css
+++ b/web/main.css
@@ -0,0 +1,3 @@
+.body {
+    background-color: gray;
+}
--- a/web/main.js
+++ b/web/main.js
@@ -0,0 +1,22 @@
+window.onload = () => {
+    const evtSource = new EventSource("/events");
+    evtSource.addEventListener("change", event => {
+        console.log(event);
+
+        const newElement = document.createElement("li");
+        const eventList = document.getElementById("list");
+        newElement.textContent = `change at ${+event.data}`;
+        eventList.appendChild(newElement);
+
+        fetch("/data").then(res => res.json().then(res => console.log(res)));
+    });
+
+    evtSource.addEventListener("ping", event => {
+        console.log(event);
+
+        const newElement = document.createElement("li");
+        const eventList = document.getElementById("list");
+        newElement.textContent = `ping at ${+event.data}`;
+        eventList.appendChild(newElement);
+    });
+};