لوحات تحكم تتحدّث بدون زر تحديث

import Pusher from 'pusher-js';

const pusher = new Pusher('YOUR_KEY', {
  wsHost: 'ws-sa.mawjly.com',
  cluster: 'sa',
  forceTLS: true,
});

// Subscribe to a public dashboard channel
const channel = pusher.subscribe('dashboard-revenue');

// Backfill current state via REST first (so the chart isn't empty)
const initial = await fetch('/api/dashboard/revenue').then((r) => r.json());
chart.setData(initial);

// Then apply every live update
channel.bind('point', (p) => chart.append(p));