Update js/main.js

js/main.js

@@ -2,11 +2,13 @@ import { state } from './state.js';
 import { initChart, getSeries } from './chart.js';
 import { startSocket } from './socket.js';
 import { toggleReplay, playReplay, step } from './replay.js';
-import { detectTimezone } from './ui.js';
+// IMPORTANT: Import initFootprint
+import { detectTimezone, initFootprint } from './ui.js';
 
 async function initApp() {
     initChart();
     detectTimezone();
+    initFootprint(); // <--- ADD THIS LINE TO START THE DRAWING LOOP
     
     // Load Initial History (REST API)
     const loader = document.getElementById('loader');
@@ -22,14 +24,13 @@ async function initApp() {
         }));
         
         getSeries().setData(state.candles);
-        loader.style.display = 'none';
+        if(loader) loader.style.display = 'none';
         
-        // Start Socket
         startSocket();
         
     } catch(err) {
         console.error(err);
-        loader.innerText = 'DATA LOAD ERROR';
+        if(loader) loader.innerText = 'DATA LOAD ERROR';
     }
 }