summaryrefslogtreecommitdiff
path: root/js/main.js
diff options
context:
space:
mode:
Diffstat (limited to 'js/main.js')
-rwxr-xr-xjs/main.js91
1 files changed, 2 insertions, 89 deletions
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);
- }
-}