Function loadTrafficHosts

web/scripts/ragnar_modern.js:15773–15834

()

    let previousSlug = null;
    if (selectedWifiInterface) {
        const prevMeta = Array.isArray(previousList)
            ? previousList.find(entry => entry && entry.name === selectedWifiInterface)
            : null;
        if (prevMeta) {
            previousSlug = prevMeta.network_slug || (prevMeta.connected_ssid ? slugifyNetworkIdentifier(prevMeta.connected_ssid) : null);
        }
    }

    wifiInterfaceMetadata = entries ? normalizeInterfaceMetadata(entries) : [];

    if (selectedWifiInterface) {
        const nextMeta = wifiInterfaceMetadata.find(entry => entry && entry.name === selectedWifiInterface);
        const nextSlug = nextMeta ? (nextMeta.network_slug || (nextMeta.connected_ssid ? slugifyNetworkIdentifier(nextMeta.connected_ssid) : null)) : null;
        if (previousSlug !== nextSlug) {
            clearDashboardStatsCache();
            refreshDashboardStatsForCurrentSelection({ forceRefresh: true }).catch(err => {
                console.debug('Dashboard stats refresh failed after interface metadata update', err);
            });
        }
    }
}

function clearDashboardStatsCache() {
    dashboardStatsCache = { key: null, timestamp: 0, data: null };
}

async function fetchDashboardStatsForSelection(options = {}) {
    const { forceRefresh = false } = options;
    const { network } = getSelectedDashboardNetworkKey();
    const cacheKey = network ? `network:${network}` : 'network:global';
    const now = Date.now();

    const cached = dashboardStatsCache;
    if (!forceRefresh && cached.key === cacheKey && (now - cached.timestamp) < DASHBOARD_STATS_CACHE_TTL && cached.data) {
        return cached.data;
    }

    if (!forceRefresh && dashboardStatsRequestState && dashboardStatsRequestState.key === cacheKey) {
        return dashboardStatsRequestState.promise;
    }

    const query = network ? `/api/dashboard/stats?network=${encodeURIComponent(network)}` : '/api/dashboard/stats';
    const requestPromise = (async () => {
        try {
            const payload = await fetchAPI(query);
            dashboardStatsCache = { key: cacheKey, timestamp: Date.now(), data: payload };
            return payload;
        } finally {
            if (dashboardStatsRequestState && dashboardStatsRequestState.key === cacheKey) {
                dashboardStatsRequestState = null;
            }
        }
    })();

    dashboardStatsRequestState = { key: cacheKey, promise: requestPromise };
    return requestPromise;
}