owlservable 0.2.7 → 0.2.9

package/dashboard.html

@@ -336,10 +336,14 @@ document.getElementById('btn-theme').addEventListener('click',function(){
 
 function connect(){
   var es=new EventSource('/events');
-  es.addEventListener('open',function(){dot.classList.remove('off');});
-  es.addEventListener('error',function(){dot.classList.add('off');es.close();setTimeout(connect,2000);});
+  var lastMsg=Date.now(),staleTimer=null;
+  staleTimer=setInterval(function(){if(Date.now()-lastMsg>35000){dot.classList.add('off');clearInterval(staleTimer);es.close();setTimeout(connect,1000);}},5000);
+  es.addEventListener('open',function(){dot.classList.remove('off');lastMsg=Date.now();});
+  es.addEventListener('error',function(){dot.classList.add('off');clearInterval(staleTimer);es.close();setTimeout(connect,2000);});
   es.addEventListener('message',function(e){
+    lastMsg=Date.now();
     var msg;try{msg=JSON.parse(e.data);}catch(_){return;}
+    if(msg.type==='ping')return;
     if(paused&&(msg.type==='request'||msg.type==='update')){
       pauseBuffer.push(msg);
       btnPause.title='Resume ('+pauseBuffer.length+' buffered)';

package/index.cjs

@@ -341,7 +341,7 @@ function startDashboard(port) {
 
       if (urlPath === '/events') {
         try { req.socket.setNoDelay(true) } catch (_) {}
-        res.writeHead(200, { 'Content-Type': 'text/event-stream', 'Cache-Control': 'no-cache', 'Connection': 'keep-alive' })
+        res.writeHead(200, { 'Content-Type': 'text/event-stream', 'Cache-Control': 'no-cache', 'Connection': 'keep-alive', 'X-Accel-Buffering': 'no' })
         const send = d => { try { res.write('data: ' + JSON.stringify(d) + '\n\n') } catch (_) {} }
         send({ type: 'init', requests: getRequests(), save: getSaveInfo() })
         const onReq    = r               => send({ type: 'request',    record: r })
@@ -352,12 +352,16 @@ function startDashboard(port) {
         emitter.on('update',     onUpdate)
         emitter.on('saveConfig', onSave)
         emitter.on('reload',     onReload)
-        req.on('close', () => {
+        let hb = null
+        const cleanup = () => {
+          if (hb) { clearInterval(hb); hb = null }
           emitter.off('request',    onReq)
           emitter.off('update',     onUpdate)
           emitter.off('saveConfig', onSave)
           emitter.off('reload',     onReload)
-        })
+        }
+        hb = setInterval(() => { try { res.write('data: {"type":"ping"}\n\n') } catch (_) { cleanup() } }, 15000)
+        req.on('close', cleanup)
         return
       }
 

package/index.js

@@ -341,7 +341,7 @@ function startDashboard(port) {
 
       if (urlPath === '/events') {
         try { req.socket.setNoDelay(true) } catch (_) {}
-        res.writeHead(200, { 'Content-Type': 'text/event-stream', 'Cache-Control': 'no-cache', 'Connection': 'keep-alive' })
+        res.writeHead(200, { 'Content-Type': 'text/event-stream', 'Cache-Control': 'no-cache', 'Connection': 'keep-alive', 'X-Accel-Buffering': 'no' })
         const send = d => { try { res.write('data: ' + JSON.stringify(d) + '\n\n') } catch (_) {} }
         send({ type: 'init', requests: getRequests(), save: getSaveInfo() })
         const onReq    = r               => send({ type: 'request',    record: r })
@@ -352,12 +352,16 @@ function startDashboard(port) {
         emitter.on('update',     onUpdate)
         emitter.on('saveConfig', onSave)
         emitter.on('reload',     onReload)
-        req.on('close', () => {
+        let hb = null
+        const cleanup = () => {
+          if (hb) { clearInterval(hb); hb = null }
           emitter.off('request',    onReq)
           emitter.off('update',     onUpdate)
           emitter.off('saveConfig', onSave)
           emitter.off('reload',     onReload)
-        })
+        }
+        hb = setInterval(() => { try { res.write('data: {"type":"ping"}\n\n') } catch (_) { cleanup() } }, 15000)
+        req.on('close', cleanup)
         return
       }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "owlservable",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "description": "Minimalist Observability Platform. Zero config, zero dependencies.",
   "type": "module",
   "main": "index.js",