From cb35c8e69f1645a298542c75d26c4dcb744f0c2c Mon Sep 17 00:00:00 2001 From: Thomas Grothe Date: Sun, 22 Feb 2026 22:53:29 -0500 Subject: pretty neat --- js/main.js | 91 ++------------------------------------------------------------ 1 file changed, 2 insertions(+), 89 deletions(-) (limited to 'js/main.js') diff --git a/js/main.js b/js/main.js index fbee768..7e3a556 100755 --- a/js/main.js +++ b/js/main.js @@ -15,7 +15,7 @@ let dom = { }; // application state -let ws = null; // WebSocket connection +// (WebSocket is managed by visualizer.js) //APP START HERE @@ -29,7 +29,7 @@ $(document).ready(async function() { log('init cfg'); await initCfg(); - // 3. communicate with any external services if needed, like REST API or websocket + // 3. communicate with any external services if needed, like REST API log('init services'); await initServices(); @@ -54,11 +54,6 @@ function initCfg(){ function initServices(){ - //connect to websocket server - connectWebSocket(); - - //grab data from REST API - // Load environment variables from a server return fetch('/api/env') .then(response => { @@ -71,42 +66,17 @@ function initServices(){ .then(data => { env = data; console.log('Environment loaded:', env); - updateServerStatus('connected'); return data; }) .catch(error => { console.error('Error loading environment:', error); - updateServerStatus('error'); return env; // Return default }); } -// Update server status indicator -function updateServerStatus(status) { - if (!dom.serverStatus) return; - - switch(status) { - case 'connecting': - dom.serverStatus.innerHTML = 'Server status: Connecting...'; - dom.serverStatus.style.color = 'orange'; - break; - case 'connected': - dom.serverStatus.innerHTML = 'Server status: Connected'; - dom.serverStatus.style.color = 'green'; - break; - case 'error': - dom.serverStatus.innerHTML = 'Server status: Error'; - dom.serverStatus.style.color = 'red'; - break; - } -} - function initDOM(){ dom.body = $('body')[0]; dom.serverStatus = document.getElementById('server-status'); - if (dom.serverStatus) { - updateServerStatus('connecting'); - } } function initApp(){ @@ -119,60 +89,3 @@ function log(msg, lvl=1){ } console.log(msg); } - -// Connect to WebSocket server for collaborative editing -function connectWebSocket() { - // Check if WebSocket is supported - if (!window.WebSocket) { - console.error("WebSocket not supported by browser"); - return; - } - - // Create WebSocket connection - const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:'; - const wsUrl = `${protocol}//${window.location.host}/ws`; - - try { - ws = new WebSocket(wsUrl); - - // WebSocket event handlers - ws.onopen = function(e) { - console.log("WebSocket connection established"); - updateServerStatus("connected"); - }; - - ws.onmessage = function(e) { - try { - const data = JSON.parse(e.data); - handleWebSocketMessage(data); - } catch (err) { - console.error("Error processing WebSocket message:", err); - } - }; - - ws.onclose = function(e) { - console.log("WebSocket connection closed"); - // Try to reconnect after delay - setTimeout(connectWebSocket, 5000); - }; - - ws.onerror = function(e) { - console.error("WebSocket error:", e); - updateServerStatus("error"); - }; - } catch (err) { - console.error("Failed to create WebSocket connection:", err); - } -} - -// Handle incoming WebSocket messages (to be extended for graph operations) -function handleWebSocketMessage(data) { - switch (data.type) { - case 'graphUpdate': - // TODO: Handle graph updates from other clients - console.log('Received graph update:', data); - break; - default: - console.log('Unknown message type:', data.type); - } -} -- cgit v1.2.3