src/lib/performance-export.ts - main - dupleymi-amp/sql-trainer

src/lib/performance-export.ts
116 строк3 KB
Maxim Dupley
modified: eslint.config.mjs
31 июл 2026, 11:14
31 июл 2026, 11:14db62f0d
import type { PerformanceStats, ErrorStat } from '@/lib/performance-types';

export type ExportFormat = 'csv' | 'json' | 'pdf';

interface PerformanceData {
  webVitals: PerformanceStats[];
  longTasks: unknown[];
  resources: unknown[];
  errors: ErrorStat[];
  trend: unknown[];
  period: {
    metric: string;
    days: number;
    page: string | null;
  };
}

export function exportToCSV(data: PerformanceData): string {
  const headers = [
    'Metric',
    'Count',
    'Average (ms)',
    'P50 (ms)',
    'P95 (ms)',
    'P99 (ms)',
    'Worst (ms)',
    'Good',
    'Needs Improvement',
    'Poor',
    'Health Score (%)',
  ];

  const rows = data.webVitals.map((stat: PerformanceStats) => {
    const healthScore = stat.count > 0 ? Math.round((stat.good / stat.count) * 100) : 0;
    return [
      stat.metricName,
      stat.count,
      stat.avg.toFixed(2),
      stat.p50.toFixed(2),
      stat.p95.toFixed(2),
      stat.p99.toFixed(2),
      stat.worst.toFixed(2),
      stat.good,
      stat.needsImprovement,
      stat.poor,
      healthScore,
    ];
  });

  return [headers.join(','), ...rows.map((r: (string | number)[]) => r.join(','))].join('\n');
}

export function exportToJSON(data: PerformanceData): string {
  const exportData = {
    generatedAt: new Date().toISOString(),
    period: data.period,
    summary: {
      totalSessions: data.webVitals.reduce((sum: number, s: PerformanceStats) => sum + s.count, 0),
      avgLcp: data.webVitals.find((s: PerformanceStats) => s.metricName === 'LCP')?.avg || 0,
      avgInp: data.webVitals.find((s: PerformanceStats) => s.metricName === 'INP')?.avg || 0,
      totalErrors: data.errors.reduce((sum: number, e: ErrorStat) => sum + e.count, 0),
    },
    metrics: data.webVitals,
    longTasks: data.longTasks,
    resources: data.resources,
    errors: data.errors,
    trends: data.trend,
  };

  return JSON.stringify(exportData, null, 2);
}

export function downloadFile(content: string, filename: string, mimeType: string) {
  const blob = new Blob([content], { type: mimeType });
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = url;
  a.download = filename;
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
  URL.revokeObjectURL(url);
}

export function generateExportFilename(format: ExportFormat) {
  const date = new Date().toISOString().split('T')[0];
  const prefix = format === 'csv' ? 'web-vitals-report' : format === 'json' ? 'web-vitals-data' : 'web-vitals-pdf';
  return `${prefix}-${date}`;
}

export async function exportPerformanceData(data: PerformanceData, options: { format?: ExportFormat } = {}) {
  const { format = 'csv' } = options;

  let content: string;
  let mimeType: string;

  switch (format) {
    case 'csv':
      content = exportToCSV(data);
      mimeType = 'text/csv';
      break;
    case 'json':
      content = exportToJSON(data);
      mimeType = 'application/json';
      break;
    default:
      content = exportToCSV(data);
      mimeType = 'text/csv';
  }

  const ext = format === 'csv' ? 'csv' : format === 'json' ? 'json' : 'pdf';
  const filename = `${generateExportFilename(format)}.${ext}`;
  downloadFile(content, filename, mimeType);

  return { success: true, filename };
}