lobsterboard 0.8.3 → 0.8.5

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## [0.8.5] - 2026-05-06
+
+### Fixed
+- **npm package contents** — restored missing `server/` runtime files in the published package so `npx lobsterboard` and `node server.cjs` no longer crash with `Cannot find module './server/config.cjs'`
+
 ## [0.8.3] - 2026-04-02
 
 ### Fixed

package/dist/lobsterboard.css

@@ -1,4 +1,4 @@
-/* LobsterBoard v0.8.3 - Dashboard Styles */
+/* LobsterBoard v0.8.5 - Dashboard Styles */
 /* LobsterBoard Dashboard - Generated Styles */
 
 :root {

package/dist/lobsterboard.esm.js

@@ -1,5 +1,5 @@
 /*!
- * LobsterBoard v0.8.3
+ * LobsterBoard v0.8.5
  * Dashboard builder with customizable widgets
  * https://github.com/curbob/LobsterBoard
  * @license MIT

package/dist/lobsterboard.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * LobsterBoard v0.8.3
+ * LobsterBoard v0.8.5
  * Dashboard builder with customizable widgets
  * https://github.com/curbob/LobsterBoard
  * @license MIT

package/dist/lobsterboard.umd.js

@@ -1,5 +1,5 @@
 /*!
- * LobsterBoard v0.8.3
+ * LobsterBoard v0.8.5
  * Dashboard builder with customizable widgets
  * https://github.com/curbob/LobsterBoard
  * @license MIT

package/dist/lobsterboard.umd.min.js

@@ -1,5 +1,5 @@
 /*!
- * LobsterBoard v0.8.3
+ * LobsterBoard v0.8.5
  * Dashboard builder with customizable widgets
  * https://github.com/curbob/LobsterBoard
  * @license MIT

package/js/widgets/productivity.js

@@ -356,39 +356,71 @@
         </div>
       </section>`,
     generateJs: (props) => `
-      async function update_${props.id.replace(/-/g, '_')}() {
-        const el = document.getElementById('${props.id}-ticker');
-        if (!el) return;
-        const apiKey = '${props.apiKey || ''}';
-        if (!apiKey) {
-          el.innerHTML = 'Set API key in Edit Mode — <a href="https://finnhub.io/register" target="_blank" style="color:#58a6ff;">get free key →</a>';
-          return;
-        }
-        const symbols = '${props.symbol || 'AAPL'}'.split(',').map(s => s.trim()).filter(Boolean);
-        try {
-          const results = await Promise.all(symbols.map(async (sym) => {
-            try {
-              const res = await fetch('https://finnhub.io/api/v1/quote?symbol=' + sym + '&token=' + apiKey);
-              const data = await res.json();
-              if (data.c === 0 && data.h === 0) return '<span class="ticker-link" style="color:#8b949e;">' + sym + ' —</span>';
-              const change = ((data.c - data.pc) / data.pc * 100).toFixed(2);
-              const color = change >= 0 ? '#3fb950' : '#f85149';
-              const arrow = change >= 0 ? '▲' : '▼';
-              return '<span class="ticker-link" style="cursor:default;">' +
-                '<strong>' + sym + '</strong> $' + data.c.toFixed(2) +
-                ' <span style="color:' + color + ';">' + arrow + ' ' + (change >= 0 ? '+' : '') + change + '%</span></span>';
-            } catch (_) {
-              return '<span class="ticker-link" style="color:#8b949e;">' + sym + ' —</span>';
-            }
-          }));
-          el.innerHTML = results.join('<span class="ticker-sep"> \\u2022\\u2022\\u2022 </span>');
-        } catch (e) {
-          if (!el.dataset.loaded) el.textContent = 'Failed to load stocks';
+      (function() {
+        const widgetId = '${props.id}';
+        const tickerId = '${props.id}-ticker';
+        const inputSelector = '#widget-' + widgetId + ' input[type="search"], #widget-' + widgetId + ' input[data-search-widget]';
+        const updateFn = async function() {
+          const el = document.getElementById(tickerId);
+          if (!el) return;
+          const apiKey = '${props.apiKey || ''}';
+          if (!apiKey) {
+            el.innerHTML = 'Set API key in Edit Mode — <a href="https://finnhub.io/register" target="_blank" style="color:#58a6ff;">get free key →</a>';
+            return;
+          }
+          const symbols = '${props.symbol || 'AAPL'}'.split(',').map(s => s.trim()).filter(Boolean);
+          try {
+            const results = await Promise.all(symbols.map(async (sym) => {
+              try {
+                const res = await fetch('/api/finance/quote?symbol=' + encodeURIComponent(sym) + '&token=' + encodeURIComponent(apiKey));
+                const data = await res.json();
+                if (data.c === 0 && data.h === 0) return '<span class="ticker-link" style="color:#8b949e;">' + sym + ' —</span>';
+                const prevClose = Number(data.pc) || 0;
+                const currentPrice = Number(data.c) || 0;
+                const change = prevClose > 0 ? ((currentPrice - prevClose) / prevClose * 100).toFixed(2) : '0.00';
+                const color = change >= 0 ? '#3fb950' : '#f85149';
+                const arrow = change >= 0 ? '▲' : '▼';
+                return '<span class="ticker-link" style="cursor:default;">' +
+                  '<strong>' + sym + '</strong> $' + currentPrice.toFixed(2) +
+                  ' <span style="color:' + color + ';">' + arrow + ' ' + (change >= 0 ? '+' : '') + change + '%</span></span>';
+              } catch (_) {
+                return '<span class="ticker-link" style="color:#8b949e;">' + sym + ' —</span>';
+              }
+            }));
+            el.innerHTML = results.join('<span class="ticker-sep"> \\u2022\\u2022\\u2022 </span>');
+          } catch (e) {
+            if (!el.dataset.loaded) el.textContent = 'Failed to load stocks';
+          }
+          el.dataset.loaded = '1';
+        };
+        updateFn();
+        const intervalId = setInterval(updateFn, ${(props.refreshInterval || 60) * 1000});
+        const previousCleanup = window.__lbWidgetCleanup && window.__lbWidgetCleanup[widgetId];
+        if (typeof previousCleanup === 'function') previousCleanup();
+        window.__lbWidgetCleanup = window.__lbWidgetCleanup || {};
+        window.__lbWidgetCleanup[widgetId] = function() {
+          clearInterval(intervalId);
+          const input = document.querySelector(inputSelector);
+          const handler = window.__lbSearchKeydownHandlers && window.__lbSearchKeydownHandlers[widgetId];
+          if (input && handler) input.removeEventListener('keydown', handler);
+          if (window.__lbSearchKeydownHandlers) delete window.__lbSearchKeydownHandlers[widgetId];
+          delete window.__lbWidgetCleanup[widgetId];
+        };
+
+        const input = document.querySelector(inputSelector);
+        if (input) {
+          window.__lbSearchKeydownHandlers = window.__lbSearchKeydownHandlers || {};
+          if (!window.__lbSearchKeydownHandlers[widgetId]) {
+            const handler = function(e) {
+              if (e.key === 'Enter' && document.activeElement === input) {
+                e.stopPropagation();
+              }
+            };
+            window.__lbSearchKeydownHandlers[widgetId] = handler;
+            input.addEventListener('keydown', handler);
+          }
         }
-        el.dataset.loaded = '1';
-      }
-      update_${props.id.replace(/-/g, '_')}();
-      setInterval(update_${props.id.replace(/-/g, '_')}, ${(props.refreshInterval || 60) * 1000});
+      })();
     `
   };
 

package/js/widgets/shared/stats.js

@@ -32,6 +32,14 @@ function onSystemStats(callback) {
 // ─────────────────────────────────────────────
 const _remotePollers = {}; // serverId -> { interval, callbacks, lastData, errors, lastSuccess }
 
+function _teardownRemotePoller(serverId) {
+  const poller = _remotePollers[serverId];
+  if (!poller) return;
+  if (poller.interval) clearInterval(poller.interval);
+  if (poller.abortController) poller.abortController.abort();
+  delete _remotePollers[serverId];
+}
+
 function onRemoteStats(serverId, callback, refreshMs = 10000) {
   if (!_remotePollers[serverId]) {
     _remotePollers[serverId] = {
@@ -40,15 +48,22 @@ function onRemoteStats(serverId, callback, refreshMs = 10000) {
       lastData: null,
       errors: 0,
       lastSuccess: null,
-      offline: false
+      offline: false,
+      abortController: null,
+      polling: false
     };
 
     const poll = async () => {
       const poller = _remotePollers[serverId];
+      if (!poller || poller.polling) return;
+      poller.polling = true;
+      poller.abortController = typeof AbortController !== 'undefined' ? new AbortController() : null;
+      const timeoutId = poller.abortController
+        ? setTimeout(() => poller.abortController && poller.abortController.abort(), 10000)
+        : null;
       try {
-        const res = await fetch(`/api/servers/${serverId}/stats`, {
-          signal: AbortSignal.timeout(10000) // 10s timeout
-        });
+        const fetchOptions = poller.abortController ? { signal: poller.abortController.signal } : {};
+        const res = await fetch(`/api/servers/${serverId}/stats`, fetchOptions);
         if (res.ok) {
           const data = await res.json();
           const normalized = _normalizeRemoteStats(data);
@@ -56,15 +71,23 @@ function onRemoteStats(serverId, callback, refreshMs = 10000) {
           poller.errors = 0;
           poller.lastSuccess = Date.now();
           poller.offline = false;
-          poller.callbacks.forEach(cb => cb(normalized));
+          poller.callbacks = poller.callbacks.filter(cb => {
+            if (cb && cb.isConnected === false) return false;
+            cb(normalized);
+            return true;
+          });
+          if (poller.callbacks.length === 0) {
+            _teardownRemotePoller(serverId);
+            return;
+          }
         } else {
           throw new Error(`HTTP ${res.status}`);
         }
       } catch (e) {
+        if (!_remotePollers[serverId]) return;
         poller.errors++;
         console.warn(`Remote stats error (${serverId}, attempt ${poller.errors}):`, e.message);
 
-        // After 3 consecutive failures, mark as offline and notify widgets
         if (poller.errors >= 3 && !poller.offline) {
           poller.offline = true;
           const offlineData = {
@@ -73,7 +96,21 @@ function onRemoteStats(serverId, callback, refreshMs = 10000) {
             _lastSuccess: poller.lastSuccess,
             _serverId: serverId
           };
-          poller.callbacks.forEach(cb => cb(offlineData));
+          poller.callbacks = poller.callbacks.filter(cb => {
+            if (cb && cb.isConnected === false) return false;
+            cb(offlineData);
+            return true;
+          });
+          if (poller.callbacks.length === 0) {
+            _teardownRemotePoller(serverId);
+            return;
+          }
+        }
+      } finally {
+        if (timeoutId) clearTimeout(timeoutId);
+        if (_remotePollers[serverId]) {
+          _remotePollers[serverId].polling = false;
+          _remotePollers[serverId].abortController = null;
         }
       }
     };
@@ -84,7 +121,6 @@ function onRemoteStats(serverId, callback, refreshMs = 10000) {
 
   _remotePollers[serverId].callbacks.push(callback);
 
-  // If we have cached data, call immediately
   if (_remotePollers[serverId].lastData) {
     callback(_remotePollers[serverId].lastData);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lobsterboard",
-  "version": "0.8.3",
+  "version": "0.8.5",
   "description": "Self-hosted drag-and-drop dashboard builder with 50 widgets, template gallery, and custom pages. Works standalone or with OpenClaw.",
   "keywords": [
     "dashboard",
@@ -47,6 +47,7 @@
   },
   "files": [
     "server.cjs",
+    "server/",
     "app.html",
     "js/",
     "css/",