@therealtinhtute/baroiplayer 1.0.0

package/dist/performance-monitor-rMW1RgV3.js

@@ -0,0 +1,302 @@
+var u = Object.defineProperty;
+var p = (n, e, r) => e in n ? u(n, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[e] = r;
+var d = (n, e, r) => p(n, typeof e != "symbol" ? e + "" : e, r);
+import { j as t } from "./context-BMteAJDN.js";
+import { useState as m, useEffect as g, useCallback as b, useRef as M } from "react";
+const x = {
+  lcp: { good: 2500, poor: 4e3 },
+  fid: { good: 100, poor: 300 },
+  cls: { good: 0.1, poor: 0.25 },
+  renderTime: { good: 16, poor: 100 },
+  // Target 60fps = 16.67ms per frame
+  memoryUsage: { good: 50 * 1024 * 1024, poor: 100 * 1024 * 1024 }
+  // 50MB good, 100MB poor
+};
+class v {
+  constructor(e = x) {
+    d(this, "metrics", []);
+    d(this, "listeners", /* @__PURE__ */ new Set());
+    d(this, "thresholds");
+    d(this, "observer");
+    d(this, "isMonitoring", !1);
+    this.thresholds = e, this.initializeWebVitals(), this.initializePerformanceObserver();
+  }
+  async initializeWebVitals() {
+    if (!(typeof window > "u"))
+      try {
+        const e = await import("web-vitals").catch(() => null);
+        if (!e) {
+          console.warn("web-vitals package not available, Core Web Vitals tracking disabled");
+          return;
+        }
+        const r = (o) => {
+          this.updateMetric(o.name.toLowerCase(), o.value);
+        }, s = e;
+        s.getCLS && s.getCLS(r), s.getFID && s.getFID(r), s.getFCP && s.getFCP(r), s.getLCP && s.getLCP(r), s.getTTFB && s.getTTFB(r), s.onINP && s.onINP(r);
+      } catch (e) {
+        console.warn("Web Vitals initialization failed:", e);
+      }
+  }
+  initializePerformanceObserver() {
+    if (!(typeof window > "u" || !("PerformanceObserver" in window)))
+      try {
+        this.observer = new PerformanceObserver((e) => {
+          for (const r of e.getEntries())
+            this.handlePerformanceEntry(r);
+        }), this.observer.observe({ entryTypes: ["measure", "navigation", "resource", "paint"] });
+      } catch (e) {
+        console.warn("PerformanceObserver not supported:", e);
+      }
+  }
+  handlePerformanceEntry(e) {
+    switch (e.entryType) {
+      case "measure":
+        e.name.startsWith("baroiplayer-render") && this.updateMetric("componentRenderTime", e.duration);
+        break;
+      case "resource":
+        (e.name.includes(".js") || e.name.includes(".css")) && this.updateMetric("bundleLoadTime", e.duration);
+        break;
+      case "paint":
+        e.name === "first-contentful-paint" && this.updateMetric("fcp", e.startTime);
+        break;
+    }
+  }
+  updateMetric(e, r) {
+    const s = this.getCurrentMetrics(), o = {
+      ...s,
+      [e]: r,
+      timestamp: Date.now(),
+      performanceScore: this.calculatePerformanceScore({ ...s, [e]: r })
+    };
+    this.metrics.push(o), this.metrics.length > 100 && (this.metrics = this.metrics.slice(-100)), this.listeners.forEach((i) => i(o));
+  }
+  getCurrentMetrics() {
+    return this.metrics[this.metrics.length - 1] || {
+      componentRenderTime: 0,
+      bundleLoadTime: 0,
+      mediaLoadTime: 0,
+      memoryUsage: this.getMemoryUsage(),
+      performanceScore: 0,
+      timestamp: Date.now()
+    };
+  }
+  getMemoryUsage() {
+    return "memory" in performance && performance.memory.usedJSHeapSize || 0;
+  }
+  calculatePerformanceScore(e) {
+    let r = 100;
+    return e.lcp && e.lcp > this.thresholds.lcp.good && (r -= e.lcp > this.thresholds.lcp.poor ? 30 : 15), e.fid && e.fid > this.thresholds.fid.good && (r -= e.fid > this.thresholds.fid.poor ? 25 : 10), e.cls && e.cls > this.thresholds.cls.good && (r -= e.cls > this.thresholds.cls.poor ? 20 : 10), e.componentRenderTime > this.thresholds.renderTime.good && (r -= e.componentRenderTime > this.thresholds.renderTime.poor ? 20 : 10), e.memoryUsage > this.thresholds.memoryUsage.good && (r -= e.memoryUsage > this.thresholds.memoryUsage.poor ? 15 : 5), Math.max(0, r);
+  }
+  // Public API
+  startMonitoring() {
+    this.isMonitoring = !0, this.startMemoryMonitoring();
+  }
+  stopMonitoring() {
+    this.isMonitoring = !1, this.observer && this.observer.disconnect();
+  }
+  startMemoryMonitoring() {
+    this.isMonitoring && (this.updateMetric("memoryUsage", this.getMemoryUsage()), setTimeout(() => this.startMemoryMonitoring(), 5e3));
+  }
+  measureComponentRender(e, r) {
+    const s = `baroiplayer-render-${e}-start`, o = `baroiplayer-render-${e}-end`, i = `baroiplayer-render-${e}`;
+    performance.mark(s);
+    const a = r();
+    performance.mark(o);
+    try {
+      performance.measure(i, s, o);
+    } catch (c) {
+      console.warn("Performance measurement failed:", c);
+    }
+    return a;
+  }
+  subscribe(e) {
+    return this.listeners.add(e), () => this.listeners.delete(e);
+  }
+  getLatestMetrics() {
+    return this.metrics[this.metrics.length - 1] || null;
+  }
+  getAllMetrics() {
+    return [...this.metrics];
+  }
+  getAverageMetrics(e = 10) {
+    const r = this.metrics.slice(-e);
+    if (r.length === 0) return {};
+    const s = {};
+    return [
+      "lcp",
+      "fid",
+      "cls",
+      "fcp",
+      "ttfb",
+      "inp",
+      "componentRenderTime",
+      "bundleLoadTime",
+      "mediaLoadTime",
+      "memoryUsage",
+      "performanceScore"
+    ].forEach((i) => {
+      const a = r.map((c) => c[i]).filter((c) => typeof c == "number" && !isNaN(c));
+      a.length > 0 && (s[i] = a.reduce((c, f) => c + f, 0) / a.length);
+    }), s;
+  }
+  getThresholds() {
+    return this.thresholds;
+  }
+  updateThresholds(e) {
+    this.thresholds = { ...this.thresholds, ...e };
+  }
+}
+const l = new v();
+function h() {
+  const [n, e] = m(null), [r, s] = m(!0);
+  g(() => {
+    if (s(typeof window < "u" && "performance" in window), !r) return;
+    l.startMonitoring();
+    const i = l.subscribe(e);
+    return () => {
+      i(), l.stopMonitoring();
+    };
+  }, [r]);
+  const o = b(
+    (i, a) => l.measureComponentRender(i, a),
+    []
+  );
+  return {
+    metrics: n,
+    isSupported: r,
+    measureRender: o,
+    averageMetrics: l.getAverageMetrics(),
+    allMetrics: l.getAllMetrics(),
+    thresholds: l.getThresholds()
+  };
+}
+function w(n, e) {
+  const r = e || n.displayName || n.name || "Component";
+  function s(o) {
+    const i = M(0), { measureRender: a } = h();
+    return a(`${r}-${i.current++}`, () => /* @__PURE__ */ t.jsx(n, { ...o }));
+  }
+  return s.displayName = `withPerformanceMonitoring(${r})`, s;
+}
+class P {
+  constructor() {
+    d(this, "baselineMetrics", null);
+    d(this, "regressionThreshold", 0.2);
+  }
+  // 20% degradation threshold
+  setBaseline(e) {
+    this.baselineMetrics = e;
+  }
+  detectRegression(e) {
+    if (!this.baselineMetrics) return [];
+    const r = [];
+    return [
+      "componentRenderTime",
+      "bundleLoadTime",
+      "mediaLoadTime",
+      "memoryUsage"
+    ].forEach((o) => {
+      const i = this.baselineMetrics[o], a = e[o];
+      if (i && a && i > 0) {
+        const c = (a - i) / i;
+        c > this.regressionThreshold && r.push({ metric: o, baseline: i, current: a, degradation: c });
+      }
+    }), r;
+  }
+  setRegressionThreshold(e) {
+    this.regressionThreshold = Math.max(0, Math.min(1, e));
+  }
+}
+function S({
+  className: n = "",
+  showAdvanced: e = !1
+}) {
+  const { metrics: r, averageMetrics: s, isSupported: o } = h();
+  if (!o || !r)
+    return /* @__PURE__ */ t.jsx("div", { className: `performance-dashboard ${n}`, children: /* @__PURE__ */ t.jsx("p", { children: "Performance monitoring not supported in this environment" }) });
+  const i = (c) => c >= 90 ? "text-green-600" : c >= 70 ? "text-yellow-600" : "text-red-600", a = (c) => `${(c / 1024 / 1024).toFixed(2)} MB`;
+  return /* @__PURE__ */ t.jsxs("div", { className: `performance-dashboard rounded-lg bg-white p-4 shadow ${n}`, children: [
+    /* @__PURE__ */ t.jsx("h3", { className: "mb-4 font-semibold text-lg", children: "Performance Dashboard" }),
+    /* @__PURE__ */ t.jsxs("div", { className: "mb-4", children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ t.jsx("span", { children: "Performance Score" }),
+        /* @__PURE__ */ t.jsx("span", { className: `font-bold ${i(r.performanceScore)}`, children: r.performanceScore.toFixed(0) })
+      ] }),
+      /* @__PURE__ */ t.jsx("div", { className: "mt-1 h-2 w-full rounded-full bg-gray-200", children: /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          className: `h-2 rounded-full transition-all duration-300 ${r.performanceScore >= 90 ? "bg-green-500" : r.performanceScore >= 70 ? "bg-yellow-500" : "bg-red-500"}`,
+          style: { width: `${r.performanceScore}%` }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "mb-4 grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx("h4", { className: "mb-2 font-medium", children: "Core Web Vitals" }),
+        /* @__PURE__ */ t.jsxs("div", { className: "space-y-1 text-sm", children: [
+          r.lcp && /* @__PURE__ */ t.jsxs("div", { children: [
+            "LCP: ",
+            r.lcp.toFixed(0),
+            "ms"
+          ] }),
+          r.fid && /* @__PURE__ */ t.jsxs("div", { children: [
+            "FID: ",
+            r.fid.toFixed(0),
+            "ms"
+          ] }),
+          r.cls && /* @__PURE__ */ t.jsxs("div", { children: [
+            "CLS: ",
+            r.cls.toFixed(3)
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx("h4", { className: "mb-2 font-medium", children: "Custom Metrics" }),
+        /* @__PURE__ */ t.jsxs("div", { className: "space-y-1 text-sm", children: [
+          /* @__PURE__ */ t.jsxs("div", { children: [
+            "Render: ",
+            r.componentRenderTime.toFixed(2),
+            "ms"
+          ] }),
+          /* @__PURE__ */ t.jsxs("div", { children: [
+            "Memory: ",
+            a(r.memoryUsage)
+          ] }),
+          r.bundleLoadTime > 0 && /* @__PURE__ */ t.jsxs("div", { children: [
+            "Bundle: ",
+            r.bundleLoadTime.toFixed(0),
+            "ms"
+          ] })
+        ] })
+      ] })
+    ] }),
+    e && /* @__PURE__ */ t.jsxs("div", { children: [
+      /* @__PURE__ */ t.jsx("h4", { className: "mb-2 font-medium", children: "Advanced Metrics" }),
+      /* @__PURE__ */ t.jsxs("div", { className: "space-y-1 text-sm", children: [
+        /* @__PURE__ */ t.jsxs("div", { children: [
+          "Average Render Time: ",
+          (s.componentRenderTime || 0).toFixed(2),
+          "ms"
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { children: [
+          "Average Memory: ",
+          a(s.memoryUsage || 0)
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { children: [
+          "Average Score: ",
+          (s.performanceScore || 0).toFixed(0)
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  v as P,
+  P as a,
+  S as b,
+  x as d,
+  l as p,
+  h as u,
+  w
+};
+//# sourceMappingURL=performance-monitor-rMW1RgV3.js.map

package/dist/performance-monitor-rMW1RgV3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"performance-monitor-rMW1RgV3.js","sources":["../src/core/performance/performance-monitor.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react';\n// Import type safely with fallback\ntype ReportHandler = (metric: { name: string; value: number }) => void;\n\n// Performance metrics types\nexport interface PerformanceMetrics {\n  // Core Web Vitals\n  lcp?: number; // Largest Contentful Paint\n  fid?: number; // First Input Delay  \n  cls?: number; // Cumulative Layout Shift\n  fcp?: number; // First Contentful Paint\n  ttfb?: number; // Time to First Byte\n  inp?: number; // Interaction to Next Paint\n\n  // Custom metrics\n  componentRenderTime: number;\n  bundleLoadTime: number;\n  mediaLoadTime: number;\n  memoryUsage: number;\n  \n  // Performance scores\n  performanceScore: number;\n  timestamp: number;\n}\n\nexport interface PerformanceThresholds {\n  lcp: { good: number; poor: number };\n  fid: { good: number; poor: number };\n  cls: { good: number; poor: number };\n  renderTime: { good: number; poor: number };\n  memoryUsage: { good: number; poor: number };\n}\n\nexport const defaultThresholds: PerformanceThresholds = {\n  lcp: { good: 2500, poor: 4000 },\n  fid: { good: 100, poor: 300 },\n  cls: { good: 0.1, poor: 0.25 },\n  renderTime: { good: 16, poor: 100 }, // Target 60fps = 16.67ms per frame\n  memoryUsage: { good: 50 * 1024 * 1024, poor: 100 * 1024 * 1024 } // 50MB good, 100MB poor\n};\n\n// Performance monitoring class\nexport class PerformanceMonitor {\n  private metrics: PerformanceMetrics[] = [];\n  private listeners: Set<(metrics: PerformanceMetrics) => void> = new Set();\n  private thresholds: PerformanceThresholds;\n  private observer?: PerformanceObserver;\n  private isMonitoring = false;\n\n  constructor(thresholds: PerformanceThresholds = defaultThresholds) {\n    this.thresholds = thresholds;\n    this.initializeWebVitals();\n    this.initializePerformanceObserver();\n  }\n\n  private async initializeWebVitals() {\n    if (typeof window === 'undefined') return;\n    \n    try {\n      // Try to import web-vitals dynamically and handle different versions\n      const webVitals = await import('web-vitals').catch(() => null);\n      \n      if (!webVitals) {\n        console.warn('web-vitals package not available, Core Web Vitals tracking disabled');\n        return;\n      }\n      \n      const reportHandler: ReportHandler = (metric) => {\n        this.updateMetric(metric.name.toLowerCase() as keyof PerformanceMetrics, metric.value);\n      };\n\n      // Handle different web-vitals versions safely\n      const vitalsAny = webVitals as any;\n      if (vitalsAny.getCLS) vitalsAny.getCLS(reportHandler);\n      if (vitalsAny.getFID) vitalsAny.getFID(reportHandler);\n      if (vitalsAny.getFCP) vitalsAny.getFCP(reportHandler);\n      if (vitalsAny.getLCP) vitalsAny.getLCP(reportHandler);\n      if (vitalsAny.getTTFB) vitalsAny.getTTFB(reportHandler);\n      if (vitalsAny.onINP) vitalsAny.onINP(reportHandler);\n    } catch (error) {\n      console.warn('Web Vitals initialization failed:', error);\n    }\n  }\n\n  private initializePerformanceObserver() {\n    if (typeof window === 'undefined' || !('PerformanceObserver' in window)) return;\n\n    try {\n      this.observer = new PerformanceObserver((list) => {\n        for (const entry of list.getEntries()) {\n          this.handlePerformanceEntry(entry);\n        }\n      });\n\n      this.observer.observe({ entryTypes: ['measure', 'navigation', 'resource', 'paint'] });\n    } catch (error) {\n      console.warn('PerformanceObserver not supported:', error);\n    }\n  }\n\n  private handlePerformanceEntry(entry: PerformanceEntry) {\n    switch (entry.entryType) {\n      case 'measure':\n        if (entry.name.startsWith('baroiplayer-render')) {\n          this.updateMetric('componentRenderTime', entry.duration);\n        }\n        break;\n        \n      case 'resource':\n        if (entry.name.includes('.js') || entry.name.includes('.css')) {\n          this.updateMetric('bundleLoadTime', entry.duration);\n        }\n        break;\n        \n      case 'paint':\n        if (entry.name === 'first-contentful-paint') {\n          this.updateMetric('fcp', entry.startTime);\n        }\n        break;\n    }\n  }\n\n  private updateMetric(key: keyof PerformanceMetrics, value: number) {\n    const currentMetrics = this.getCurrentMetrics();\n    const updatedMetrics = {\n      ...currentMetrics,\n      [key]: value,\n      timestamp: Date.now(),\n      performanceScore: this.calculatePerformanceScore({ ...currentMetrics, [key]: value })\n    };\n\n    this.metrics.push(updatedMetrics);\n    \n    // Keep only last 100 metrics\n    if (this.metrics.length > 100) {\n      this.metrics = this.metrics.slice(-100);\n    }\n\n    this.listeners.forEach(listener => listener(updatedMetrics));\n  }\n\n  private getCurrentMetrics(): PerformanceMetrics {\n    const latest = this.metrics[this.metrics.length - 1];\n    return latest || {\n      componentRenderTime: 0,\n      bundleLoadTime: 0,\n      mediaLoadTime: 0,\n      memoryUsage: this.getMemoryUsage(),\n      performanceScore: 0,\n      timestamp: Date.now()\n    };\n  }\n\n  private getMemoryUsage(): number {\n    if ('memory' in performance) {\n      return (performance as any).memory.usedJSHeapSize || 0;\n    }\n    return 0;\n  }\n\n  private calculatePerformanceScore(metrics: PerformanceMetrics): number {\n    let score = 100;\n    \n    // Penalize based on thresholds\n    if (metrics.lcp && metrics.lcp > this.thresholds.lcp.good) {\n      score -= metrics.lcp > this.thresholds.lcp.poor ? 30 : 15;\n    }\n    \n    if (metrics.fid && metrics.fid > this.thresholds.fid.good) {\n      score -= metrics.fid > this.thresholds.fid.poor ? 25 : 10;\n    }\n    \n    if (metrics.cls && metrics.cls > this.thresholds.cls.good) {\n      score -= metrics.cls > this.thresholds.cls.poor ? 20 : 10;\n    }\n    \n    if (metrics.componentRenderTime > this.thresholds.renderTime.good) {\n      score -= metrics.componentRenderTime > this.thresholds.renderTime.poor ? 20 : 10;\n    }\n    \n    if (metrics.memoryUsage > this.thresholds.memoryUsage.good) {\n      score -= metrics.memoryUsage > this.thresholds.memoryUsage.poor ? 15 : 5;\n    }\n\n    return Math.max(0, score);\n  }\n\n  // Public API\n  public startMonitoring() {\n    this.isMonitoring = true;\n    this.startMemoryMonitoring();\n  }\n\n  public stopMonitoring() {\n    this.isMonitoring = false;\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  private startMemoryMonitoring() {\n    if (!this.isMonitoring) return;\n    \n    this.updateMetric('memoryUsage', this.getMemoryUsage());\n    setTimeout(() => this.startMemoryMonitoring(), 5000); // Check every 5 seconds\n  }\n\n  public measureComponentRender(componentName: string, renderFn: () => any): any {\n    const startMark = `baroiplayer-render-${componentName}-start`;\n    const endMark = `baroiplayer-render-${componentName}-end`;\n    const measureName = `baroiplayer-render-${componentName}`;\n\n    performance.mark(startMark);\n    const result = renderFn();\n    performance.mark(endMark);\n    \n    try {\n      performance.measure(measureName, startMark, endMark);\n    } catch (error) {\n      console.warn('Performance measurement failed:', error);\n    }\n\n    return result;\n  }\n\n  public subscribe(listener: (metrics: PerformanceMetrics) => void): () => void {\n    this.listeners.add(listener);\n    return () => this.listeners.delete(listener);\n  }\n\n  public getLatestMetrics(): PerformanceMetrics | null {\n    return this.metrics[this.metrics.length - 1] || null;\n  }\n\n  public getAllMetrics(): PerformanceMetrics[] {\n    return [...this.metrics];\n  }\n\n  public getAverageMetrics(count = 10): Partial<PerformanceMetrics> {\n    const recentMetrics = this.metrics.slice(-count);\n    if (recentMetrics.length === 0) return {};\n\n    const averages: Partial<PerformanceMetrics> = {};\n    const keys: Array<keyof PerformanceMetrics> = [\n      'lcp', 'fid', 'cls', 'fcp', 'ttfb', 'inp',\n      'componentRenderTime', 'bundleLoadTime', 'mediaLoadTime',\n      'memoryUsage', 'performanceScore'\n    ];\n\n    keys.forEach(key => {\n      const values = recentMetrics\n        .map(m => m[key] as number)\n        .filter(v => typeof v === 'number' && !isNaN(v));\n      \n      if (values.length > 0) {\n        (averages as any)[key] = values.reduce((sum, v) => sum + v, 0) / values.length;\n      }\n    });\n\n    return averages;\n  }\n\n  public getThresholds(): PerformanceThresholds {\n    return this.thresholds;\n  }\n\n  public updateThresholds(newThresholds: Partial<PerformanceThresholds>) {\n    this.thresholds = { ...this.thresholds, ...newThresholds };\n  }\n}\n\n// Global performance monitor instance\nexport const performanceMonitor = new PerformanceMonitor();\n\n// React hook for performance monitoring\nexport function usePerformanceMonitor() {\n  const [metrics, setMetrics] = useState<PerformanceMetrics | null>(null);\n  const [isSupported, setIsSupported] = useState(true);\n\n  useEffect(() => {\n    setIsSupported(typeof window !== 'undefined' && 'performance' in window);\n    \n    if (!isSupported) return;\n\n    performanceMonitor.startMonitoring();\n    const unsubscribe = performanceMonitor.subscribe(setMetrics);\n\n    return () => {\n      unsubscribe();\n      performanceMonitor.stopMonitoring();\n    };\n  }, [isSupported]);\n\n  const measureRender = useCallback(\n    (componentName: string, renderFn: () => any): any => {\n      return performanceMonitor.measureComponentRender(componentName, renderFn);\n    },\n    []\n  );\n\n  return {\n    metrics,\n    isSupported,\n    measureRender,\n    averageMetrics: performanceMonitor.getAverageMetrics(),\n    allMetrics: performanceMonitor.getAllMetrics(),\n    thresholds: performanceMonitor.getThresholds()\n  };\n}\n\n// HOC for performance monitoring\nexport function withPerformanceMonitoring(\n  WrappedComponent: React.ComponentType<any>,\n  componentName?: string\n) {\n  const displayName = componentName || WrappedComponent.displayName || WrappedComponent.name || 'Component';\n  \n  function PerformanceMonitoredComponent(props: any) {\n    const renderRef = useRef(0);\n    const { measureRender } = usePerformanceMonitor();\n\n    return measureRender(`${displayName}-${renderRef.current++}`, () => (\n      <WrappedComponent {...props} />\n    ));\n  }\n\n  PerformanceMonitoredComponent.displayName = `withPerformanceMonitoring(${displayName})`;\n  return PerformanceMonitoredComponent;\n}\n\n// Performance regression detector\nexport class PerformanceRegressionDetector {\n  private baselineMetrics: PerformanceMetrics | null = null;\n  private regressionThreshold = 0.2; // 20% degradation threshold\n\n  setBaseline(metrics: PerformanceMetrics) {\n    this.baselineMetrics = metrics;\n  }\n\n  detectRegression(currentMetrics: PerformanceMetrics): Array<{\n    metric: keyof PerformanceMetrics;\n    baseline: number;\n    current: number;\n    degradation: number;\n  }> {\n    if (!this.baselineMetrics) return [];\n\n    const regressions: Array<{\n      metric: keyof PerformanceMetrics;\n      baseline: number;\n      current: number;\n      degradation: number;\n    }> = [];\n\n    const metricsToCheck: Array<keyof PerformanceMetrics> = [\n      'componentRenderTime', 'bundleLoadTime', 'mediaLoadTime', 'memoryUsage'\n    ];\n\n    metricsToCheck.forEach(metric => {\n      const baseline = this.baselineMetrics![metric] as number;\n      const current = currentMetrics[metric] as number;\n      \n      if (baseline && current && baseline > 0) {\n        const degradation = (current - baseline) / baseline;\n        if (degradation > this.regressionThreshold) {\n          regressions.push({ metric, baseline, current, degradation });\n        }\n      }\n    });\n\n    return regressions;\n  }\n\n  setRegressionThreshold(threshold: number) {\n    this.regressionThreshold = Math.max(0, Math.min(1, threshold));\n  }\n}\n\n// Development dashboard component\nexport interface PerformanceDashboardProps {\n  className?: string;\n  showAdvanced?: boolean;\n}\n\nexport function PerformanceDashboard({ \n  className = '', \n  showAdvanced = false \n}: PerformanceDashboardProps) {\n  const { metrics, averageMetrics, thresholds, isSupported } = usePerformanceMonitor();\n\n  if (!isSupported || !metrics) {\n    return (\n      <div className={`performance-dashboard ${className}`}>\n        <p>Performance monitoring not supported in this environment</p>\n      </div>\n    );\n  }\n\n  const getScoreColor = (score: number) => {\n    if (score >= 90) return 'text-green-600';\n    if (score >= 70) return 'text-yellow-600';\n    return 'text-red-600';\n  };\n\n  const formatBytes = (bytes: number) => {\n    return `${(bytes / 1024 / 1024).toFixed(2)} MB`;\n  };\n\n  return (\n    <div className={`performance-dashboard rounded-lg bg-white p-4 shadow ${className}`}>\n      <h3 className=\"mb-4 font-semibold text-lg\">Performance Dashboard</h3>\n      \n      {/* Performance Score */}\n      <div className=\"mb-4\">\n        <div className=\"flex items-center justify-between\">\n          <span>Performance Score</span>\n          <span className={`font-bold ${getScoreColor(metrics.performanceScore)}`}>\n            {metrics.performanceScore.toFixed(0)}\n          </span>\n        </div>\n        <div className=\"mt-1 h-2 w-full rounded-full bg-gray-200\">\n          <div \n            className={`h-2 rounded-full transition-all duration-300 ${\n              metrics.performanceScore >= 90 ? 'bg-green-500' :\n              metrics.performanceScore >= 70 ? 'bg-yellow-500' : 'bg-red-500'\n            }`}\n            style={{ width: `${metrics.performanceScore}%` }}\n          />\n        </div>\n      </div>\n\n      {/* Core Web Vitals */}\n      <div className=\"mb-4 grid grid-cols-2 gap-4\">\n        <div>\n          <h4 className=\"mb-2 font-medium\">Core Web Vitals</h4>\n          <div className=\"space-y-1 text-sm\">\n            {metrics.lcp && (\n              <div>LCP: {metrics.lcp.toFixed(0)}ms</div>\n            )}\n            {metrics.fid && (\n              <div>FID: {metrics.fid.toFixed(0)}ms</div>\n            )}\n            {metrics.cls && (\n              <div>CLS: {metrics.cls.toFixed(3)}</div>\n            )}\n          </div>\n        </div>\n        \n        <div>\n          <h4 className=\"mb-2 font-medium\">Custom Metrics</h4>\n          <div className=\"space-y-1 text-sm\">\n            <div>Render: {metrics.componentRenderTime.toFixed(2)}ms</div>\n            <div>Memory: {formatBytes(metrics.memoryUsage)}</div>\n            {metrics.bundleLoadTime > 0 && (\n              <div>Bundle: {metrics.bundleLoadTime.toFixed(0)}ms</div>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Advanced metrics */}\n      {showAdvanced && (\n        <div>\n          <h4 className=\"mb-2 font-medium\">Advanced Metrics</h4>\n          <div className=\"space-y-1 text-sm\">\n            <div>Average Render Time: {(averageMetrics.componentRenderTime || 0).toFixed(2)}ms</div>\n            <div>Average Memory: {formatBytes(averageMetrics.memoryUsage || 0)}</div>\n            <div>Average Score: {(averageMetrics.performanceScore || 0).toFixed(0)}</div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default PerformanceMonitor;"],"names":["defaultThresholds","PerformanceMonitor","thresholds","__publicField","webVitals","reportHandler","metric","vitalsAny","error","list","entry","key","value","currentMetrics","updatedMetrics","listener","metrics","score","componentName","renderFn","startMark","endMark","measureName","result","count","recentMetrics","averages","values","m","v","sum","newThresholds","performanceMonitor","usePerformanceMonitor","setMetrics","useState","isSupported","setIsSupported","useEffect","unsubscribe","measureRender","useCallback","withPerformanceMonitoring","WrappedComponent","displayName","PerformanceMonitoredComponent","props","renderRef","useRef","jsx","PerformanceRegressionDetector","regressions","baseline","current","degradation","threshold","PerformanceDashboard","className","showAdvanced","averageMetrics","getScoreColor","formatBytes","bytes","jsxs"],"mappings":"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"}