یک پنل مدیریت که مثل محصول واقعی ساخته شده، نه مثل دمو

/* src/services/analytics.service.js */
import { call } from './client.js';
import { kpis, makeSeries } from '../data/analytics.js';

export const analyticsService = {
  /** یک درخواست، یک قرارداد: { items, summary, pagination } */
  kpis(range = '30d') {
    return call('list', `kpis?range=${range}`, { resolver: () => kpis });
  },
  report(name, query = {}) {
    return call('list', `analytics/reports/${name}`, { resolver: () => buildReport(name, query) });
  },
};

/* هر صفحه فقط همین یک تابع را صدا می‌زند؛ */
/* فرم‌ها، جدول‌ها و نمودارها از همان داده ساخته می‌شوند. */
const data = await analyticsService.report('sales', { range: '12m' });