librelad e6e796311a feat(webui): migrate Dashboard + Tasks to feature modules
Two more pages on the feature-module contract (specs produced + adversarially
verified by workflow):
- features/dashboard/index.js: landing page; mount() folds in the data-reload
  that used to be a navigate() special-case (now deleted from spa.js, so it
  fires exactly once). No controller class — uses the eager dashboard.js globals.
- features/tasks/index.js: re-inits the system-loader tasksManager singleton;
  unmount() clears the 30s auto-refresh interval + open log streams WITHOUT
  stopping the shared SSE bus or nulling the singleton.

Verifier fixes applied: deleted the duplicate dashboard reload in navigate();
dropped a dead detachDashboardLive() call; fixed an invalid try{}while(false)
in the tasks unmount.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Signed-off-by: librelad <librelad@digitalangels.vip>
2026-05-29 23:29:31 +01:00

43 lines
2.0 KiB
JavaScript

// features/dashboard/index.js — the landing Dashboard as a feature module.
//
// dashboard.js exposes bare global functions (loadInstalledApps,
// loadDashboardData live in dashboard.js / data-loader.js, both eager core
// scripts) — there is no controller class to lazy-load, so scripts is empty.
// system-loader's 'dashboard' component already ran initializeData()/
// loadSystemInfo()/setupEventListeners() once at boot; mount() only does the
// per-navigation refresh (mirrors the old handleDashboard + the navigate()
// data-reload special-case, which has been removed from spa.js so the reload
// now fires exactly once here).
LP.features.register({
id: 'dashboard',
routes: ['/', '/dashboard'],
async mount(ctx) {
const html = await ctx.loadFragment('/html/dashboard-content.html');
ctx.setContent(html, 'Dashboard');
// Render the installed-apps icon grid (handleDashboard's only post-render call).
if (typeof loadInstalledApps === 'function') loadInstalledApps();
// Repaint the stat cards / disk donut + (re)wire the 1 Hz live SSE. The
// 100 ms cushion lets the freshly-injected DOM settle (loadSystemInfo also
// guards on element presence). ctx.sub() cancels it if we navigate away
// before it fires.
const reloadTimer = setTimeout(() => {
if (typeof loadDashboardData === 'function') loadDashboardData();
}, 100);
ctx.sub(() => clearTimeout(reloadTimer));
},
async unmount() {
// Nothing this view owns is destroyable from here: the dashboard has no
// handler-newed controller and no system-loader singleton to tear down.
// The pending reload timer is cancelled via the ctx.sub() above (ctx.teardown).
// The 1 Hz LiveSystem SSE sub (attachDashboardLive) self-releases on its
// next sample once the dashboard DOM is gone, and the 1 s update countdown
// is a module-private interval with no exported stopper (pre-existing; it
// self-clears on the next dashboard mount). Both are noted for the Phase 5
// dashboard cleanup; neither is reachable here.
},
});