// metrics-loader.js -- single loader, include on every page that displays a stat
(async function () {
  let metrics;
  try {
    const res = await fetch('/data/platform_metrics.json', { cache: 'no-store' });
    metrics = await res.json();
  } catch (e) {
    console.error('platform_metrics.json failed to load -- stats will not render', e);
    return; // fail closed: don't render a stale/wrong number, render nothing
  }

  document.querySelectorAll('[data-metric]').forEach(el => {
    const path = el.getAttribute('data-metric'); // e.g. "smc.vignette_count_label"
    const value = path.split('.').reduce((obj, key) => obj?.[key], metrics);
    if (value !== undefined) el.textContent = value;
  });
})();