Function render

telemetry-dashboard/public/app.js:356–379

()

}

async function render() {
  const token = ++state.renderToken;
  const { from, to } = currentRange();
  const query = `from=${from}&to=${to}`;

  setRangeSummary(`${shortDay(from)} – ${shortDay(to)}, ${to.slice(0, 4)}`);
  document.getElementById('data-through').textContent = `Data through ${shortDay(state.anchor)}`;

  // Deduplicate identical URLs within THIS render only — the four stat tiles
  // share one /api/summary. Discarded when the render ends, so refresh refetches.
  const inFlight = new Map();
  const request = (path) => {
    if (!inFlight.has(path)) inFlight.set(path, api(path));
    return inFlight.get(path);
  };

  await Promise.allSettled(PANELS.map((panel) => drawPanel(panel, request(panel.source(query)), token)));

  if (token === state.renderToken) {
    document.getElementById('refreshed-at').textContent =
      `Last refreshed ${new Date().toLocaleTimeString('en-US')}`;
    document.body.dataset.ready = 'true';
  }
}

// ---------------------------------------------------------------------------
// Start