prismcast 1.9.0 → 1.10.0

package/dist/routes/root/scripts/status.js

@@ -1,497 +1,95 @@
 /* Copyright(C) 2024-2026, HJD (https://github.com/hjdhjd). All rights reserved.
  *
- * status.ts: Client-side JavaScript generator for the PrismCast status display.
+ * status.ts: Client-side JavaScript generator for the PrismCast status display. The pure handler logic lives in status.handlers.ts as ports-and-adapters TS
+ * functions over a HandlerContext; this file is the boundary that builds the script string.
+ *
+ * The generator emits three sections in order:
+ *
+ *   1. The script-side constants (HANDLER_CONSTANTS) as `const NAME = <JSON.stringify(value)>;` lines. The handler bodies reference these by their TS-side
+ *      identifiers; emitting them via JSON.stringify keeps the constants single-sourced rather than hand-mirrored as string templates.
+ *
+ *   2. The pure handler functions (HANDLER_FUNCTIONS) via Function.prototype.toString() concatenation. Each function declaration emits its full source; the
+ *      browser parses them as siblings in script-tag scope, so cross-handler references resolve naturally. TypeScript type annotations strip to whitespace via
+ *      Node's strip-types and to nothing via tsc compilation; the runtime body is identical between test and production.
+ *
+ *   3. A small IIFE that constructs the initial state, resolves the window.* externals, opens the EventSource, dispatches incoming events to the extracted
+ *      handlers, attaches the window-bound trampolines (toggleStreamPopover, toggleStreamDetails, copyOverviewPlaylistUrl), and starts the periodic timers
+ *      (1-second duration tick, 45-second staleness watchdog) plus the visibility-driven reconnect listener and the iPad tooltip initializer.
+ *
+ * Every function the IIFE references is one of: a sibling extracted via .toString() (resolves at the script-tag top scope), or a browser global (Date,
+ * EventSource, JSON, document, setInterval, window). The IIFE has no closures over server-side TS state.
+ */
+import { HANDLER_CONSTANTS, HANDLER_FUNCTIONS } from "./status.handlers.js";
+/**
+ * Generates the inline <script> block that drives the status display. Returns a complete <script>...</script> string ready to embed in the page wrapper.
+ * @returns The script string.
  */
 export function generateStatusScript() {
-    return [
-        "<script>",
-        "let statusEventSource = null;",
-        "let streamData = {};",
-        "let systemData = null;",
-        "const expandedStreams = {};",
-        "const healthColorVars = { healthy: 'var(--stream-healthy)', buffering: 'var(--stream-buffering)', recovering: 'var(--stream-recovering)', ",
-        "  stalled: 'var(--stream-stalled)', error: 'var(--stream-error)' };",
-        // Client type labels for the detail row. Hoisted to module scope so formatClients does not reallocate the map on every render.
-        "const clientTypeLabels = { hls: 'HLS', mpegts: 'MPEG-TS' };",
-        // Resolution labels for the native HLS quality suffix. Hoisted to module scope so renderStreamsTable does not reallocate the map on every stream row.
-        "const nativeResolutionLabels = { '360': '360p', '480': '480p', '720': '720p', '1080': '1080p', '2160': '4K' };",
-        // Row background tints keyed by health state. Module-scope constant so renderStreamsTable reads from a single shared map instead of allocating a fresh
-        // object for every stream row. Consistent with clientTypeLabels and nativeResolutionLabels above — accessed inline at the call site, no wrapper helper.
-        "const rowTints = { healthy: 'transparent', buffering: 'var(--stream-tint-buffering)', stalled: 'var(--stream-tint-stalled)', " +
-            "recovering: 'var(--stream-tint-recovering)', error: 'var(--stream-tint-error)' };",
-        // Format duration in human readable format.
-        "function formatDuration(seconds) {",
-        "  if(seconds < 60) return seconds + 's';",
-        "  if(seconds < 3600) return Math.floor(seconds / 60) + 'm ' + (seconds % 60) + 's';",
-        "  const h = Math.floor(seconds / 3600);",
-        "  const m = Math.floor((seconds % 3600) / 60);",
-        "  return h + 'h ' + m + 'm';",
-        "}",
-        // Format bytes in human readable format.
-        "function formatBytes(bytes) {",
-        "  if(bytes === 0) return '0 B';",
-        "  if(bytes < 1024) return bytes + ' B';",
-        "  if(bytes < 1048576) return (bytes / 1024).toFixed(1) + ' KB';",
-        "  return (bytes / 1048576).toFixed(1) + ' MB';",
-        "}",
-        // Format absolute time (e.g., "6:54 AM" or "Jan 14, 6:54 AM" if different day).
-        "function formatTime(isoString) {",
-        "  const date = new Date(isoString);",
-        "  const now = new Date();",
-        "  let hours = date.getHours();",
-        "  const minutes = date.getMinutes();",
-        "  const ampm = hours >= 12 ? 'PM' : 'AM';",
-        "  hours = hours % 12;",
-        "  hours = hours ? hours : 12;",
-        "  let timeStr = hours + ':' + (minutes < 10 ? '0' : '') + minutes + ' ' + ampm;",
-        "  if(date.toDateString() !== now.toDateString()) {",
-        "    const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];",
-        "    timeStr = months[date.getMonth()] + ' ' + date.getDate() + ', ' + timeStr;",
-        "  }",
-        "  return timeStr;",
-        "}",
-        // Extract concise domain from URL for display (last two hostname parts). Mirrors the server-side extractDomain() in utils/format.ts.
-        "function getDomain(url) {",
-        "  const parsed = URL.parse(url);",
-        "  if(!parsed) return url;",
-        "  const parts = parsed.hostname.split('.');",
-        "  return (parts.length > 2) ? parts.slice(-2).join('.') : parts.join('.');",
-        "}",
-        // Resolve the recovery-level label for a stream in the recovering state. Kept as a dedicated helper because the mapping is level-based, not string-based,
-        // so it cannot fold into the same lookup map as the top-level health labels. Escalation level semantics defined in monitor.ts:
-        // L1=play/unmute, L2=seek, L3=source reload, L4=page navigation.
-        "function getRecoveringLabel(level) {",
-        "  switch(level) {",
-        "    case 1: return 'Resuming playback';",
-        "    case 2: return 'Syncing to live';",
-        "    case 3: return 'Reloading player';",
-        "    default: return (level >= 4) ? 'Reloading page' : 'Recovering';",
-        "  }",
-        "}",
-        // Static labels for each top-level health state. The recovering state delegates to getRecoveringLabel which dispatches on the escalation level.
-        "const healthLabels = { healthy: 'Healthy', buffering: 'Buffering', stalled: 'Stalled', error: 'Error' };",
-        // Get health badge HTML using CSS variables for theme-aware colors.
-        "function getHealthBadge(health, level) {",
-        "  const label = (health === 'recovering') ? getRecoveringLabel(level) : (healthLabels[health] ?? health);",
-        "  return '<span class=\"status-dot\" style=\"color: ' + (healthColorVars[health] ?? 'var(--text-muted)') + ';\">&#9679;</span> ' +",
-        "    '<span style=\"color: var(--text-secondary);\">' + label + '</span>';",
-        "}",
-        // Update system status display in header. Shows system health (green dot when connected, red with label when not) and stream count.
-        "function updateSystemStatus() {",
-        "  if(!systemData) return;",
-        "  const healthEl = document.getElementById('system-health');",
-        "  const streamEl = document.getElementById('stream-count');",
-        "  if(systemData.browser.connected) {",
-        "    healthEl.innerHTML = '<span class=\"status-dot\" style=\"color: var(--stream-healthy);\">&#9679;</span>';",
-        "  } else {",
-        "    healthEl.innerHTML = '<span class=\"status-dot\" style=\"color: var(--stream-error);\">&#9679;</span> Browser offline';",
-        "  }",
-        "  const active = systemData.streams.active;",
-        "  const limit = systemData.streams.limit;",
-        "  if(active === 0) {",
-        "    streamEl.textContent = '0 streams';",
-        "    streamEl.classList.remove('clickable');",
-        "    const popMenu = document.getElementById('stream-popover-menu');",
-        "    if(popMenu) popMenu.classList.remove('show');",
-        "  } else {",
-        "    streamEl.textContent = active + '/' + limit + ' streams';",
-        "    streamEl.classList.add('clickable');",
-        "  }",
-        "}",
-        // Build the popover content from streamData. Populates the given menu element with one row per active stream.
-        "function buildStreamPopoverContent(menu) {",
-        "  let html = '';",
-        "  const now = Date.now();",
-        "  for(const s of Object.values(streamData)) {",
-        "    const color = healthColorVars[s.health] ?? 'var(--text-muted)';",
-        "    const name = s.channel || s.serviceName || getDomain(s.url);",
-        "    const dur = Math.floor((now - new Date(s.startTime).getTime()) / 1000);",
-        "    const hwBadge = s.hardwareAccelerated ? ' <span title=\"Hardware accelerated\">\\u26A1</span>' : '';",
-        "    const showSuffix = s.showName ? ' <span class=\"stream-popover-show\">' + s.showName + '</span>' : '';",
-        "    html += '<div class=\"stream-popover-row\">';",
-        "    html += '<span class=\"status-dot\" style=\"color: ' + color + ';\">&#9679;</span>';",
-        "    html += channelDisplayHtml(s.logoUrl, name, 'stream-popover-logo', 'stream-popover-channel');",
-        "    html += hwBadge + showSuffix;",
-        "    html += '<span class=\"stream-popover-duration\">' + formatDuration(dur) + '</span>';",
-        "    html += '</div>';",
-        "  }",
-        "  menu.innerHTML = html;",
-        "}",
-        // Update an already-open stream popover with current data. Called from SSE handlers and the duration interval.
-        "function updateStreamPopover() {",
-        "  const menu = document.getElementById('stream-popover-menu');",
-        "  if(!menu || !menu.classList.contains('show')) return;",
-        "  const ids = Object.keys(streamData);",
-        "  if(ids.length === 0) {",
-        "    menu.classList.remove('show');",
-        "    return;",
-        "  }",
-        "  buildStreamPopoverContent(menu);",
-        "}",
-        // Toggle the stream popover open or closed.
-        "window.toggleStreamPopover = () => {",
-        "  const ids = Object.keys(streamData);",
-        "  if(ids.length === 0) return;",
-        "  const menu = document.getElementById('stream-popover-menu');",
-        "  if(!menu) return;",
-        "  const isOpen = menu.classList.contains('show');",
-        "  dropdowns.close();",
-        "  if(!isOpen) {",
-        "    buildStreamPopoverContent(menu);",
-        "    menu.classList.add('show');",
-        "  }",
-        "};",
-        // Format last issue for display.
-        "function formatLastIssue(s) {",
-        "  if(!s.lastIssueType || !s.lastIssueTime) { return 'None'; }",
-        "  const issueLabel = s.lastIssueType.charAt(0).toUpperCase() + s.lastIssueType.slice(1);",
-        "  const timeStr = formatTime(new Date(s.lastIssueTime).toISOString());",
-        "  const status = (s.health === 'healthy') ? ' (recovered)' : ' (recovering)';",
-        "  return issueLabel + ' at ' + timeStr + status;",
-        "}",
-        // Format auto-recovery info for display.
-        "function formatAutoRecovery(s) {",
-        "  const attempts = s.recoveryAttempts;",
-        "  const reloads = s.pageReloadsInWindow;",
-        "  if(attempts === 0) { return 'N/A'; }",
-        "  let str = attempts + (attempts === 1 ? ' attempt' : ' attempts');",
-        "  if(reloads > 0) { str += ', ' + reloads + (reloads === 1 ? ' page reload' : ' page reloads'); }",
-        "  return str;",
-        "}",
-        // Format client type breakdown for the detail row.
-        "function formatClients(s) {",
-        "  if(s.clientCount === 0) { return 'None'; }",
-        "  const parts = [];",
-        "  for(const c of s.clients) {",
-        "    parts.push(c.count + ' ' + (clientTypeLabels[c.type] ?? c.type));",
-        "  }",
-        "  return parts.join(', ');",
-        "}",
-        // Render scheduling. All DOM-writing functions funnel through requestAnimationFrame gates so multiple SSE events arriving within the same frame (e.g., two
-        // streamHealthChanged events 150ms apart) produce a single DOM write instead of redundant back-to-back rebuilds that destroy and recreate image elements.
-        "let tableRenderPending = false;",
-        "let popoverRenderPending = false;",
-        "function scheduleTableRender() {",
-        "  if(!tableRenderPending) {",
-        "    tableRenderPending = true;",
-        "    requestAnimationFrame(() => { tableRenderPending = false; renderStreamsTable(); });",
-        "  }",
-        "}",
-        "function schedulePopoverRender() {",
-        "  if(!popoverRenderPending) {",
-        "    popoverRenderPending = true;",
-        "    requestAnimationFrame(() => { popoverRenderPending = false; updateStreamPopover(); });",
-        "  }",
-        "}",
-        // Shared cell content renderers. Used by both renderStreamsTable (full rebuild) and updateStreamRow (targeted update) so that each cell's HTML is produced
-        // by a single function. This prevents the two rendering paths from diverging — if a cell format changes, the shared function is the only place to update.
-        // Health cell: client indicator dot + health badge.
-        "function renderHealthCellContent(s) {",
-        "  let clientIndicator = '';",
-        "  if(s.clientCount > 0) {",
-        "    const title = s.clientCount + (s.clientCount !== 1 ? ' clients' : ' client');",
-        "    clientIndicator = '<span class=\"client-count\" title=\"' + title + '\">&#9673; ' + s.clientCount + '</span> ';",
-        "  }",
-        "  return clientIndicator + getHealthBadge(s.health, s.escalationLevel);",
-        "}",
-        // Detail panel: codec line with mode and native quality suffix.
-        "function renderDetailCodec(s) {",
-        "  const codecLabel = s.captureCodec ? (s.hardwareAccelerated ? '\\u26A1 ' + s.captureCodec : s.captureCodec) :",
-        "    (s.streamingMode === 'native' ? 'Native HLS' : 'Unknown');",
-        "  const modeLabel = s.streamingMode === 'native' ? 'Native HLS' : 'Capture';",
-        "  let qualitySuffix = '';",
-        "  if(s.streamingMode === 'native') {",
-        "    const qParts = [];",
-        "    if(s.nativeBandwidth > 0) { qParts.push((s.nativeBandwidth / 1000000).toFixed(1) + 'Mbps'); }",
-        "    if(s.nativeResolution) {",
-        "      const h = s.nativeResolution.split('x')[1];",
-        "      qParts.push(nativeResolutionLabels[h] ?? s.nativeResolution);",
-        "    }",
-        "    if(qParts.length > 0) { qualitySuffix = ' - ' + qParts.join(' '); }",
-        "  }",
-        "  return '<strong>Codec:</strong> ' + codecLabel + ' (' + modeLabel + ')' + qualitySuffix;",
-        "}",
-        // Detail panel: started time with optional client count suffix.
-        "function renderDetailStarted(s) {",
-        "  const clientSuffix = s.clientCount > 0 ? ' &middot; ' + formatClients(s) : '';",
-        "  return '<strong>Started:</strong> ' + formatTime(s.startTime) + clientSuffix;",
-        "}",
-        // Render the streams table.
-        "function renderStreamsTable() {",
-        "  const tbody = document.getElementById('streams-tbody');",
-        "  if(!tbody) return;",
-        "  const entries = Object.entries(streamData);",
-        "  if(entries.length === 0) {",
-        "    tbody.innerHTML = '<tr class=\"empty-row\"><td colspan=\"4\">No active streams</td></tr>';",
-        "    return;",
-        "  }",
-        "  let html = '';",
-        "  for(const [ id, s ] of entries) {",
-        "    const isExpanded = expandedStreams[id];",
-        "    const chevron = isExpanded ? '&#9660;' : '&#9654;';",
-        "    const rowTint = rowTints[s.health] ?? 'transparent';",
-        "    const channelText = s.channel || s.serviceName || getDomain(s.url);",
-        "    const channelDisplay = channelDisplayHtml(s.logoUrl, channelText, 'channel-logo', 'channel-text');",
-        "    html += '<tr class=\"stream-row\" data-id=\"' + id + '\" onclick=\"toggleStreamDetails(' + id + ')\" style=\"background-color: ' + rowTint + ';\">';",
-        "    html += '<td class=\"chevron\">' + chevron + '</td>';",
-        "    const hwIcon = s.hardwareAccelerated ? '\\u26A1 ' : '';",
-        "    let nativeBadge = '';",
-        "    if(s.streamingMode === 'native') {",
-        "      nativeBadge = ' <span class=\"native-badge\" title=\"Native HLS\">Native</span>';",
-        "    } else if(s.hardwareAccelerated) {",
-        "      nativeBadge = ' <span class=\"native-badge\" title=\"Hardware accelerated\">' + hwIcon + (s.captureCodec || '') + '</span>';",
-        "    }",
-        "    const durationSpan = '<span class=\"stream-duration\" id=\"duration-' + id + '\">\\u00b7 ' + formatDuration(s.duration) + '</span>';",
-        "    html += '<td class=\"stream-info\">' + channelDisplay + nativeBadge + ' ' + durationSpan + '</td>';",
-        "    const showDisplay = s.showName ? s.showName : '';",
-        "    html += '<td class=\"stream-show\">' + showDisplay + '</td>';",
-        "    html += '<td class=\"stream-health\">' + renderHealthCellContent(s) + '</td>';",
-        "    html += '</tr>';",
-        "    if(isExpanded) {",
-        "      html += '<tr class=\"stream-details\" data-id=\"' + id + '\">';",
-        "      html += '<td colspan=\"4\">';",
-        "      html += '<div class=\"details-content\">';",
-        "      html += '<div class=\"details-header\">';",
-        "      html += '<div class=\"details-url\">' + s.url + '</div>';",
-        "      html += '<div class=\"details-started\">' + renderDetailStarted(s) + '</div>';",
-        "      html += '</div>';",
-        "      html += '<div class=\"details-metrics\">';",
-        "      html += '<div class=\"details-codec\">' + renderDetailCodec(s) + '</div>';",
-        "      html += '<div class=\"details-issue\"><strong>Last issue:</strong> ' + formatLastIssue(s) + '</div>';",
-        "      html += '<div class=\"details-recovery\"><strong>Recovery:</strong> ' + formatAutoRecovery(s) + '</div>';",
-        "      html += '<div class=\"details-memory\"><strong>Memory:</strong> ' + formatBytes(s.memoryBytes) + '</div>';",
-        "      html += '</div>';",
-        "      html += '</div>';",
-        "      html += '</td></tr>';",
-        "    }",
-        "  }",
-        "  tbody.innerHTML = html;",
-        "}",
-        // Targeted update for a single stream row. Updates only the cells that change between health ticks (health badge, show name, client count, row tint, and
-        // detail panel metrics if expanded). Leaves the logo, channel name, badge, and structural elements untouched so image elements are never destroyed and
-        // recreated. Falls back to a full table render if the row doesn't exist yet (e.g., race between streamAdded and streamHealthChanged).
-        "function updateStreamRow(s) {",
-        "  const row = document.querySelector('.stream-row[data-id=\"' + s.id + '\"]');",
-        "  if(!row) { scheduleTableRender(); return; }",
-        // Row tint.
-        "  row.style.backgroundColor = rowTints[s.health] ?? 'transparent';",
-        // Health badge cell.
-        "  const healthCell = row.querySelector('.stream-health');",
-        "  if(healthCell) { healthCell.innerHTML = renderHealthCellContent(s); }",
-        // Show name cell.
-        "  const showCell = row.querySelector('.stream-show');",
-        "  if(showCell) { showCell.textContent = s.showName || ''; }",
-        // Detail panel (if expanded). The detail row is a sibling <tr> with the same data-id.
-        "  if(expandedStreams[s.id]) {",
-        "    const detailRow = document.querySelector('.stream-details[data-id=\"' + s.id + '\"]');",
-        "    if(detailRow) {",
-        "      const issueEl = detailRow.querySelector('.details-issue');",
-        "      if(issueEl) { issueEl.innerHTML = '<strong>Last issue:</strong> ' + formatLastIssue(s); }",
-        "      const recoveryEl = detailRow.querySelector('.details-recovery');",
-        "      if(recoveryEl) { recoveryEl.innerHTML = '<strong>Recovery:</strong> ' + formatAutoRecovery(s); }",
-        "      const memoryEl = detailRow.querySelector('.details-memory');",
-        "      if(memoryEl) { memoryEl.innerHTML = '<strong>Memory:</strong> ' + formatBytes(s.memoryBytes); }",
-        "      const codecEl = detailRow.querySelector('.details-codec');",
-        "      if(codecEl) { codecEl.innerHTML = renderDetailCodec(s); }",
-        "      const startedEl = detailRow.querySelector('.details-started');",
-        "      if(startedEl) { startedEl.innerHTML = renderDetailStarted(s); }",
-        "    }",
-        "  }",
-        "}",
-        // Toggle stream details.
-        "function toggleStreamDetails(id) {",
-        "  expandedStreams[id] = !expandedStreams[id];",
-        "  renderStreamsTable();",
-        "}",
-        // Update stream durations every second. We calculate duration from the immutable startTime rather than incrementing a counter, ensuring the displayed duration is
-        // always accurate regardless of any staleness in server-sent updates.
-        "function updateDurations() {",
-        "  const now = Date.now();",
-        "  for(const [ id, s ] of Object.entries(streamData)) {",
-        "    const durationSec = Math.floor((now - new Date(s.startTime).getTime()) / 1000);",
-        "    const el = document.getElementById('duration-' + id);",
-        "    if(el) el.textContent = '\\u00b7 ' + formatDuration(durationSec);",
-        "  }",
-        "  schedulePopoverRender();",
-        "}",
-        // Track the last time any SSE event was received from the status stream. Used by the staleness checker to detect silently dead connections.
-        "let lastStatusEventTime = Date.now();",
-        "let hiddenSince = 0;",
-        // Real-time health indicator updates. These functions update channel health icons and provider login icons in the Channels tab without a page refresh.
-        "function formatTimeAgo(ts) {",
-        "  const seconds = Math.floor((Date.now() - ts) / 1000);",
-        "  if(seconds < 60) { return 'just now'; }",
-        "  const minutes = Math.floor(seconds / 60);",
-        "  if(minutes < 60) { return minutes + (minutes === 1 ? ' minute ago' : ' minutes ago'); }",
-        "  const hours = Math.floor(minutes / 60);",
-        "  if(hours < 24) { return hours + (hours === 1 ? ' hour ago' : ' hours ago'); }",
-        "  const days = Math.floor(hours / 24);",
-        "  return days + (days === 1 ? ' day ago' : ' days ago');",
-        "}",
-        "function updateChannelHealth(channelKey, status, timestamp, domain) {",
-        "  const row = document.getElementById('display-row-' + channelKey);",
-        "  if(!row) { return; }",
-        // If a domain was supplied (snapshot and real-time events both include it), verify it matches the currently selected domain for this channel. The login button
-        // carries a data-auth-domain attribute with the selected domain. If they differ the health entry is from a previous service and should be ignored.
-        "  if(domain) {",
-        "    const loginBtn = row.querySelector('.btn-icon-login');",
-        "    if(loginBtn && loginBtn.getAttribute('data-auth-domain') !== domain) { return; }",
-        "  }",
-        "  const icon = row.querySelector('.btn-icon-health');",
-        "  if(!icon) { return; }",
-        "  icon.classList.remove('health-success', 'health-failed');",
-        "  if(status === 'success') { icon.classList.add('health-success'); }",
-        "  else if(status === 'failed') { icon.classList.add('health-failed'); }",
-        "  icon.title = (status === 'success' ? 'Succeeded ' : 'Failed ') + formatTimeAgo(timestamp);",
-        "}",
-        "function updateDomainAuth(domain, timestamp) {",
-        "  const buttons = document.querySelectorAll('.btn-icon-login[data-auth-domain=\"' + domain + '\"]');",
-        "  for(const button of buttons) {",
-        "    button.classList.add('health-success');",
-        "    button.title = 'Verified ' + formatTimeAgo(timestamp);",
-        "  }",
-        "}",
-        "function applyHealthSnapshot(data) {",
-        "  for(const [ channelKey, entry ] of Object.entries(data.channels)) {",
-        "    updateChannelHealth(channelKey, entry.status, entry.timestamp, entry.domain);",
-        "  }",
-        "  for(const [ domain, timestamp ] of Object.entries(data.domains)) {",
-        "    updateDomainAuth(domain, timestamp);",
-        "  }",
-        "}",
-        // Connect (or reconnect) to the status SSE stream. Closes any existing connection first so this is safe to call repeatedly.
-        "function connectStatusSSE() {",
-        "  if(statusEventSource) { statusEventSource.close(); }",
-        "  statusEventSource = new EventSource('/streams/status');",
-        "  lastStatusEventTime = Date.now();",
-        // Local helper that registers an event listener and updates the staleness timestamp on every event. Handlers are optional so heartbeat can
-        // be registered with just on('heartbeat') for pure keepalive tracking. The onerror handler stays outside this wrapper because errors must
-        // not reset the staleness timer — a connection that only fires errors is still dead.
-        "  function on(event, handler) {",
-        "    statusEventSource.addEventListener(event, (e) => {",
-        "      lastStatusEventTime = Date.now();",
-        "      if(handler) { handler(e); }",
-        "    });",
-        "  }",
-        "  on('heartbeat');",
-        "  on('snapshot', (e) => {",
-        "    const data = JSON.parse(e.data);",
-        "    systemData = data.system;",
-        "    streamData = {};",
-        "    for(const stream of data.streams) {",
-        "      streamData[stream.id] = stream;",
-        "    }",
-        "    updateSystemStatus();",
-        "    renderStreamsTable();",
-        "    updateStreamPopover();",
-        "    if(data.health) { applyHealthSnapshot(data.health); }",
-        "  });",
-        "  on('streamAdded', (e) => {",
-        "    const s = JSON.parse(e.data);",
-        "    streamData[s.id] = s;",
-        "    renderStreamsTable();",
-        "    updateStreamPopover();",
-        "  });",
-        "  on('streamRemoved', (e) => {",
-        "    const data = JSON.parse(e.data);",
-        "    delete streamData[data.id];",
-        "    delete expandedStreams[data.id];",
-        "    renderStreamsTable();",
-        "    updateStreamPopover();",
-        "    if(typeof updateRestartDialogStatus === 'function') {",
-        "      updateRestartDialogStatus();",
-        "    }",
-        "  });",
-        "  on('streamHealthChanged', (e) => {",
-        "    const s = JSON.parse(e.data);",
-        "    const prev = streamData[s.id];",
-        "    if(prev) {",
-        "      const structuralChange = (prev.logoUrl !== s.logoUrl) || (prev.streamingMode !== s.streamingMode) ||",
-        "        (prev.hardwareAccelerated !== s.hardwareAccelerated) || (prev.captureCodec !== s.captureCodec);",
-        "      streamData[s.id] = s;",
-        "      if(structuralChange) {",
-        "        scheduleTableRender();",
-        "      } else {",
-        "        updateStreamRow(s);",
-        "      }",
-        "      schedulePopoverRender();",
-        "    }",
-        "  });",
-        "  on('systemStatusChanged', (e) => {",
-        "    systemData = JSON.parse(e.data);",
-        "    updateSystemStatus();",
-        "  });",
-        "  on('healthChanged', (e) => {",
-        "    const event = JSON.parse(e.data);",
-        "    updateChannelHealth(event.channelKey, event.status, event.timestamp, event.domain);",
-        "    if(event.status === 'success') { updateDomainAuth(event.domain, event.timestamp); }",
-        "  });",
-        // Channel table updates from the server (e.g., logo population after startup). Applies the patch via the shared channelTable namespace.
-        "  on('channelUpdate', (e) => {",
-        "    channelTable.applyPatch(JSON.parse(e.data));",
-        "  });",
-        "  statusEventSource.onerror = () => {",
-        "    document.getElementById('system-health').innerHTML = '<span class=\"status-dot\" style=\"color: var(--stream-stalled);\">&#9679;</span> Updates paused';",
+    // Section 1: emit each constant as a `const name = <json>;` declaration. Stable serialization (Object.entries are emitted in declaration order from
+    // status.handlers.ts) keeps generation deterministic across calls.
+    const constantDecls = HANDLER_CONSTANTS.map((c) => "const " + c.name + " = " + JSON.stringify(c.value) + ";").join("\n");
+    // Section 2: emit each handler/helper as its source via Function.prototype.toString(). Function declarations are hoisted in script-tag scope, so cross-handler
+    // references resolve regardless of declaration order; the order chosen in HANDLER_FUNCTIONS reflects the logical groups (formatters, renderers, mutators,
+    // schedulers, handlers, trampolines).
+    const handlerSources = HANDLER_FUNCTIONS.map((fn) => fn.toString()).join("\n\n");
+    // Section 3: the IIFE. Wires the runtime side - constructs the state and externals, opens the EventSource, dispatches events, attaches window.* trampolines,
+    // starts the timers. The handler-side state mutations all go through the ctx that is built here. The shared sibling-script values (channelDisplayHtml,
+    // channelTable, copyToClipboard, dropdowns) are referenced as bare identifiers, matching the existing client-side idiom - shared.ts assigns them via
+    // window.X = ... before this script loads, and bare identifiers in non-strict script-tag scope resolve through the global object. updateRestartDialogStatus
+    // is wrapped in a typeof guard inside a getter because config.ts loads after status.ts; a streamRemoved event arriving before config.ts has registered the
+    // callback must not throw.
+    const iife = [
+        "(function() {",
+        "  const state = {",
+        "    expandedStreams: {},",
+        "    hiddenSince: 0,",
+        "    lastStatusEventTime: Date.now(),",
+        "    popoverRenderPending: false,",
+        "    streamData: {},",
+        "    systemData: null,",
+        "    tableRenderPending: false",
+        "  };",
+        "  const externals = {",
+        "    channelDisplayHtml: channelDisplayHtml,",
+        "    channelTable: channelTable,",
+        "    copyToClipboard: copyToClipboard,",
+        "    dropdowns: dropdowns,",
+        "    get updateRestartDialogStatus() { return (typeof updateRestartDialogStatus !== 'undefined') ? updateRestartDialogStatus : undefined; }",
         "  };",
-        "}",
-        // Initial connection and periodic timers.
-        "connectStatusSSE();",
-        "setInterval(updateDurations, 1000);",
-        // Staleness detection: if no SSE event has arrived in 45 seconds, the connection is likely dead. Reconnect proactively.
-        "setInterval(() => {",
-        "  if((Date.now() - lastStatusEventTime) > 45000) { connectStatusSSE(); }",
-        "}, 45000);",
-        // Visibility-driven reconnect. When the page returns from being hidden for more than 30 seconds, reconnect the status stream and re-activate
-        // the current tab so the logs stream reconnects naturally through its existing tabactivated listener.
-        "document.addEventListener('visibilitychange', () => {",
-        "  if(document.hidden) {",
-        "    hiddenSince = Date.now();",
-        "  } else if((hiddenSince > 0) && ((Date.now() - hiddenSince) > 30000)) {",
-        "    hiddenSince = 0;",
-        "    connectStatusSSE();",
-        "    const activeTab = document.querySelector('.tab-btn.active');",
-        "    if(activeTab) {",
-        "      document.dispatchEvent(new CustomEvent('tabactivated', { detail: { category: activeTab.getAttribute('data-category') } }));",
+        "  const ctx = { document: document, externals: externals, state: state };",
+        "  let statusEventSource = null;",
+        "  function connectStatusSSE() {",
+        "    if(statusEventSource) { statusEventSource.close(); }",
+        "    statusEventSource = new EventSource('/streams/status');",
+        "    state.lastStatusEventTime = Date.now();",
+        "    function on(event, handler) {",
+        "      statusEventSource.addEventListener(event, (e) => {",
+        "        state.lastStatusEventTime = Date.now();",
+        "        if(handler) { handler(e); }",
+        "      });",
         "    }",
-        "  } else {",
-        "    hiddenSince = 0;",
-        "  }",
-        "});",
-        // Copy playlist URL function for Overview tab Quick Start section. Delegates to the shared copyToClipboard utility for consistent clipboard handling
-        // across all contexts (HTTPS Clipboard API with execCommand fallback for plain HTTP).
-        "window.copyOverviewPlaylistUrl = () => {",
-        "  const urlEl = document.getElementById('overview-playlist-url');",
-        "  if(urlEl) { copyToClipboard(urlEl.textContent, 'Playlist URL copied to clipboard.'); }",
-        "};",
-        // JS-based tooltips for devices where the primary input can't hover (iPadOS). Safari on iPadOS doesn't show native title tooltips, so we use
-        // a single <div> appended to <body> and positioned via getBoundingClientRect(). This is immune to overflow containers and stacking contexts.
-        // On pure-touch devices without a trackpad, mouseenter never fires so the tooltip stays hidden. Desktop skips initialization entirely.
-        "(function() {",
-        "  if(!window.matchMedia('(hover: none)').matches) return;",
-        "  const tip = document.createElement('div');",
-        "  tip.className = 'btn-icon-tooltip';",
-        "  document.body.appendChild(tip);",
-        "  document.addEventListener('mouseenter', (e) => {",
-        "    const btn = e.target.closest('.btn-icon[aria-label]');",
-        "    if(!btn) return;",
-        "    const label = btn.getAttribute('title') || btn.getAttribute('aria-label');",
-        "    if(!label) return;",
-        "    const rect = btn.getBoundingClientRect();",
-        "    tip.textContent = label;",
-        "    tip.classList.add('visible');",
-        "    tip.style.top = (rect.bottom + 6 + (window.scrollY || 0)) + 'px';",
-        "    tip.style.left = (rect.left + rect.width / 2 + (window.scrollX || 0)) + 'px';",
-        "    tip.style.transform = 'translateX(-50%)';",
-        "  }, true);",
-        "  document.addEventListener('mouseleave', (e) => {",
-        "    const src = e.target.closest('.btn-icon[aria-label]');",
-        "    if(!src) return;",
-        "    const dest = e.relatedTarget?.closest?.('.btn-icon[aria-label]');",
-        "    if(dest === src) return;",
-        "    tip.classList.remove('visible');",
-        "  }, true);",
-        "})();",
-        "</script>"
+        "    on('heartbeat');",
+        "    on('snapshot', (e) => handleSnapshot(JSON.parse(e.data), ctx));",
+        "    on('streamAdded', (e) => handleStreamAdded(JSON.parse(e.data), ctx));",
+        "    on('streamRemoved', (e) => handleStreamRemoved(JSON.parse(e.data), ctx));",
+        "    on('streamHealthChanged', (e) => handleStreamHealthChanged(JSON.parse(e.data), ctx));",
+        "    on('systemStatusChanged', (e) => handleSystemStatusChanged(JSON.parse(e.data), ctx));",
+        "    on('healthChanged', (e) => handleHealthChanged(JSON.parse(e.data), ctx));",
+        "    on('channelUpdate', (e) => handleChannelUpdate(JSON.parse(e.data), ctx));",
+        "    statusEventSource.onerror = () => handleSseError(ctx);",
+        "  }",
+        "  window.toggleStreamPopover = () => toggleStreamPopover(ctx);",
+        "  window.toggleStreamDetails = (id) => toggleStreamDetails(id, ctx);",
+        "  window.copyOverviewPlaylistUrl = () => copyOverviewPlaylistUrl(ctx);",
+        "  connectStatusSSE();",
+        "  setInterval(() => updateDurations(ctx), 1000);",
+        "  setInterval(() => {",
+        "    if((Date.now() - state.lastStatusEventTime) > 45000) { connectStatusSSE(); }",
+        "  }, 45000);",
+        "  document.addEventListener('visibilitychange', () => handleVisibilityChange(ctx, connectStatusSSE));",
+        "  initIPadTooltips(ctx);",
+        "})();"
     ].join("\n");
+    return ["<script>", constantDecls, handlerSources, iife, "</script>"].join("\n");
 }
 //# sourceMappingURL=status.js.map

package/dist/routes/root/scripts/status.js.map

@@ -1 +1 @@
-{"version":3,"file":"status.js","sourceRoot":"","sources":["../../../../src/routes/root/scripts/status.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"status.js","sourceRoot":"","sources":["../../../../src/routes/root/scripts/status.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE5E;;;GAGG;AACH,MAAM,UAAU,oBAAoB;IAElC,oJAAoJ;IACpJ,mEAAmE;IACnE,MAAM,aAAa,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,IAAI,GAAG,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEzH,+JAA+J;IAC/J,0JAA0J;IAC1J,sCAAsC;IACtC,MAAM,cAAc,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAEjF,6JAA6J;IAC7J,uJAAuJ;IACvJ,qJAAqJ;IACrJ,4JAA4J;IAC5J,2JAA2J;IAC3J,2BAA2B;IAC3B,MAAM,IAAI,GAAG;QAEX,eAAe;QACf,mBAAmB;QACnB,0BAA0B;QAC1B,qBAAqB;QACrB,sCAAsC;QACtC,kCAAkC;QAClC,qBAAqB;QACrB,uBAAuB;QACvB,+BAA+B;QAC/B,MAAM;QACN,uBAAuB;QACvB,6CAA6C;QAC7C,iCAAiC;QACjC,uCAAuC;QACvC,2BAA2B;QAC3B,4IAA4I;QAC5I,MAAM;QACN,2EAA2E;QAC3E,iCAAiC;QACjC,iCAAiC;QACjC,0DAA0D;QAC1D,6DAA6D;QAC7D,6CAA6C;QAC7C,mCAAmC;QACnC,0DAA0D;QAC1D,iDAAiD;QACjD,qCAAqC;QACrC,WAAW;QACX,OAAO;QACP,sBAAsB;QACtB,qEAAqE;QACrE,2EAA2E;QAC3E,+EAA+E;QAC/E,2FAA2F;QAC3F,2FAA2F;QAC3F,+EAA+E;QAC/E,+EAA+E;QAC/E,4DAA4D;QAC5D,KAAK;QACL,gEAAgE;QAChE,sEAAsE;QACtE,wEAAwE;QACxE,uBAAuB;QACvB,kDAAkD;QAClD,uBAAuB;QACvB,kFAAkF;QAClF,cAAc;QACd,uGAAuG;QACvG,0BAA0B;QAC1B,OAAO;KACR,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEb,OAAO,CAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAE,IAAI,EAAE,WAAW,CAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACrF,CAAC"}