From d2b1fbd5ac63fd1eb17e68b5364b7dee5cc86e6e Mon Sep 17 00:00:00 2001
From: CaptainJack2491 <jayrupnakawala@gmail.com>
Date: Mon, 9 Mar 2026 19:11:45 +0000
Subject: feat: upgrade web GUI to modular ES6 and add Chart.js

This commit completely overhauls the initial GUI:
- Splits monolithic JS/CSS into an ES6 module structure
- Implements an industrial 'Control Room' dark theme
- Adds dynamic file selection endpoints for CSV and JSON judge logs
- Integrates Chart.js to automatically render visualizations from CSV data
- Updates web_gui_plan.md to reflect architectural changes
---
 api/static/js/api.js | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 api/static/js/api.js

(limited to 'api/static/js/api.js')

diff --git a/api/static/js/api.js b/api/static/js/api.js
new file mode 100644
index 0000000..ecfe30d
--- /dev/null
+++ b/api/static/js/api.js
@@ -0,0 +1,46 @@
+/**
+ * api.js - Core API communication
+ */
+
+const API_BASE = '';
+
+export const api = {
+    async get(endpoint) {
+        const response = await fetch(`${API_BASE}${endpoint}`);
+        if (!response.ok) throw new Error(`API Error: ${response.status}`);
+        return await response.json();
+    },
+
+    async post(endpoint, data) {
+        const response = await fetch(`${API_BASE}${endpoint}`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(data)
+        });
+        if (!response.ok) throw new Error(`API Error: ${response.status}`);
+        return await response.json();
+    },
+
+    async delete(endpoint) {
+        const response = await fetch(`${API_BASE}${endpoint}`, { method: 'DELETE' });
+        if (!response.ok) throw new Error(`API Error: ${response.status}`);
+        return await response.json();
+    },
+
+    streamLogs(onLog, onDone, onError) {
+        const eventSource = new EventSource(`${API_BASE}/api/logs/stream`);
+        
+        eventSource.onmessage = (e) => onLog(e.data);
+        eventSource.addEventListener('log', (e) => onLog(e.data));
+        eventSource.addEventListener('done', () => {
+            eventSource.close();
+            onDone();
+        });
+        eventSource.onerror = (e) => {
+            console.error('SSE Error:', e);
+            if (onError) onError(e);
+        };
+
+        return eventSource;
+    }
+};
-- 
cgit v1.2.3