npm - @therealtinhtute/baroiplayer - Versions diffs - 1.0.0 → 1.0.2 - Mend

@therealtinhtute/baroiplayer 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1330) hide show

package/dist/{performance-monitor-rMW1RgV3.js.map → performance-monitor--rzKTlbj.js.map} RENAMED Viewed

	@@ -1 +1 @@
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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"}
1	+ {"version":3,"file":"performance-monitor--rzKTlbj.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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"}

package/dist/{performance-monitor-CUW6f5ll.cjs → performance-monitor-cjIvZE2D.cjs} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";var g=Object.create;var h=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var v=(i,e,r)=>e in i?h(i,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[e]=r;var y=(i,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of j(e))!R.call(i,o)&&o!==r&&h(i,o,{get:()=>e[o],enumerable:!(s=b(e,o))||s.enumerable});return i};var T=(i,e,r)=>(r=i!=null?g(M(i)):{},y(e||!i||!i.__esModule?h(r,"default",{value:i,enumerable:!0}):r,i));var d=(i,e,r)=>v(i,typeof e!="symbol"?e+"":e,r);const t=require("./context-DCJ_scmO.cjs"),l=require("react"),p={lcp:{good:2500,poor:4e3},fid:{good:100,poor:300},cls:{good:.1,poor:.25},renderTime:{good:16,poor:100},memoryUsage:{good:50*1024*1024,poor:100*1024*1024}};class f{constructor(e=p){d(this,"metrics",[]);d(this,"listeners",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(n=>n(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)}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`,n=`baroiplayer-render-${e}`;performance.mark(s);const a=r();performance.mark(o);try{performance.measure(n,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(n=>{const a=r.map(c=>c[n]).filter(c=>typeof c=="number"&&!isNaN(c));a.length>0&&(s[n]=a.reduce((c,x)=>c+x,0)/a.length)}),s}getThresholds(){return this.thresholds}updateThresholds(e){this.thresholds={...this.thresholds,...e}}}const m=new f;function u(){const[i,e]=l.useState(null),[r,s]=l.useState(!0);l.useEffect(()=>{if(s(typeof window<"u"&&"performance"in window),!r)return;m.startMonitoring();const n=m.subscribe(e);return()=>{n(),m.stopMonitoring()}},[r]);const o=l.useCallback((n,a)=>m.measureComponentRender(n,a),[]);return{metrics:i,isSupported:r,measureRender:o,averageMetrics:m.getAverageMetrics(),allMetrics:m.getAllMetrics(),thresholds:m.getThresholds()}}function E(i,e){const r=e||i.displayName||i.name||"Component";function s(o){const n=l.useRef(0),{measureRender:a}=u();return a(`${r}-${n.current++}`,()=>t.jsxRuntimeExports.jsx(i,{...o}))}return s.displayName=`withPerformanceMonitoring(${r})`,s}class w{constructor(){d(this,"baselineMetrics",null);d(this,"regressionThreshold",.2)}setBaseline(e){this.baselineMetrics=e}detectRegression(e){if(!this.baselineMetrics)return[];const r=[];return["componentRenderTime","bundleLoadTime","mediaLoadTime","memoryUsage"].forEach(o=>{const n=this.baselineMetrics[o],a=e[o];if(n&&a&&n>0){const c=(a-n)/n;c>this.regressionThreshold&&r.push({metric:o,baseline:n,current:a,degradation:c})}}),r}setRegressionThreshold(e){this.regressionThreshold=Math.max(0,Math.min(1,e))}}function P({className:i="",showAdvanced:e=!1}){const{metrics:r,averageMetrics:s,isSupported:o}=u();if(!o||!r)return t.jsxRuntimeExports.jsx("div",{className:`performance-dashboard ${i}`,children:t.jsxRuntimeExports.jsx("p",{children:"Performance monitoring not supported in this environment"})});const n=c=>c>=90?"text-green-600":c>=70?"text-yellow-600":"text-red-600",a=c=>`${(c/1024/1024).toFixed(2)} MB`;return t.jsxRuntimeExports.jsxs("div",{className:`performance-dashboard rounded-lg bg-white p-4 shadow ${i}`,children:[t.jsxRuntimeExports.jsx("h3",{className:"mb-4 font-semibold text-lg",children:"Performance Dashboard"}),t.jsxRuntimeExports.jsxs("div",{className:"mb-4",children:[t.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[t.jsxRuntimeExports.jsx("span",{children:"Performance Score"}),t.jsxRuntimeExports.jsx("span",{className:`font-bold ${n(r.performanceScore)}`,children:r.performanceScore.toFixed(0)})]}),t.jsxRuntimeExports.jsx("div",{className:"mt-1 h-2 w-full rounded-full bg-gray-200",children:t.jsxRuntimeExports.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}%`}})})]}),t.jsxRuntimeExports.jsxs("div",{className:"mb-4 grid grid-cols-2 gap-4",children:[t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx("h4",{className:"mb-2 font-medium",children:"Core Web Vitals"}),t.jsxRuntimeExports.jsxs("div",{className:"space-y-1 text-sm",children:[r.lcp&&t.jsxRuntimeExports.jsxs("div",{children:["LCP: ",r.lcp.toFixed(0),"ms"]}),r.fid&&t.jsxRuntimeExports.jsxs("div",{children:["FID: ",r.fid.toFixed(0),"ms"]}),r.cls&&t.jsxRuntimeExports.jsxs("div",{children:["CLS: ",r.cls.toFixed(3)]})]})]}),t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx("h4",{className:"mb-2 font-medium",children:"Custom Metrics"}),t.jsxRuntimeExports.jsxs("div",{className:"space-y-1 text-sm",children:[t.jsxRuntimeExports.jsxs("div",{children:["Render: ",r.componentRenderTime.toFixed(2),"ms"]}),t.jsxRuntimeExports.jsxs("div",{children:["Memory: ",a(r.memoryUsage)]}),r.bundleLoadTime>0&&t.jsxRuntimeExports.jsxs("div",{children:["Bundle: ",r.bundleLoadTime.toFixed(0),"ms"]})]})]})]}),e&&t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx("h4",{className:"mb-2 font-medium",children:"Advanced Metrics"}),t.jsxRuntimeExports.jsxs("div",{className:"space-y-1 text-sm",children:[t.jsxRuntimeExports.jsxs("div",{children:["Average Render Time: ",(s.componentRenderTime||0).toFixed(2),"ms"]}),t.jsxRuntimeExports.jsxs("div",{children:["Average Memory: ",a(s.memoryUsage||0)]}),t.jsxRuntimeExports.jsxs("div",{children:["Average Score: ",(s.performanceScore||0).toFixed(0)]})]})]})]})}exports.PerformanceDashboard=P;exports.PerformanceMonitor=f;exports.PerformanceRegressionDetector=w;exports.defaultThresholds=p;exports.performanceMonitor=m;exports.usePerformanceMonitor=u;exports.withPerformanceMonitoring=E;
-//# sourceMappingURL=performance-monitor-CUW6f5ll.cjs.map
+"use strict";var g=Object.create;var h=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var v=(i,e,r)=>e in i?h(i,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[e]=r;var y=(i,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of j(e))!R.call(i,o)&&o!==r&&h(i,o,{get:()=>e[o],enumerable:!(s=b(e,o))||s.enumerable});return i};var T=(i,e,r)=>(r=i!=null?g(M(i)):{},y(e||!i||!i.__esModule?h(r,"default",{value:i,enumerable:!0}):r,i));var d=(i,e,r)=>v(i,typeof e!="symbol"?e+"":e,r);const t=require("./context-CwZnPdz0.cjs"),l=require("react"),p={lcp:{good:2500,poor:4e3},fid:{good:100,poor:300},cls:{good:.1,poor:.25},renderTime:{good:16,poor:100},memoryUsage:{good:50*1024*1024,poor:100*1024*1024}};class f{constructor(e=p){d(this,"metrics",[]);d(this,"listeners",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(n=>n(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)}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`,n=`baroiplayer-render-${e}`;performance.mark(s);const a=r();performance.mark(o);try{performance.measure(n,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(n=>{const a=r.map(c=>c[n]).filter(c=>typeof c=="number"&&!isNaN(c));a.length>0&&(s[n]=a.reduce((c,x)=>c+x,0)/a.length)}),s}getThresholds(){return this.thresholds}updateThresholds(e){this.thresholds={...this.thresholds,...e}}}const m=new f;function u(){const[i,e]=l.useState(null),[r,s]=l.useState(!0);l.useEffect(()=>{if(s(typeof window<"u"&&"performance"in window),!r)return;m.startMonitoring();const n=m.subscribe(e);return()=>{n(),m.stopMonitoring()}},[r]);const o=l.useCallback((n,a)=>m.measureComponentRender(n,a),[]);return{metrics:i,isSupported:r,measureRender:o,averageMetrics:m.getAverageMetrics(),allMetrics:m.getAllMetrics(),thresholds:m.getThresholds()}}function E(i,e){const r=e||i.displayName||i.name||"Component";function s(o){const n=l.useRef(0),{measureRender:a}=u();return a(`${r}-${n.current++}`,()=>t.jsxRuntimeExports.jsx(i,{...o}))}return s.displayName=`withPerformanceMonitoring(${r})`,s}class w{constructor(){d(this,"baselineMetrics",null);d(this,"regressionThreshold",.2)}setBaseline(e){this.baselineMetrics=e}detectRegression(e){if(!this.baselineMetrics)return[];const r=[];return["componentRenderTime","bundleLoadTime","mediaLoadTime","memoryUsage"].forEach(o=>{const n=this.baselineMetrics[o],a=e[o];if(n&&a&&n>0){const c=(a-n)/n;c>this.regressionThreshold&&r.push({metric:o,baseline:n,current:a,degradation:c})}}),r}setRegressionThreshold(e){this.regressionThreshold=Math.max(0,Math.min(1,e))}}function P({className:i="",showAdvanced:e=!1}){const{metrics:r,averageMetrics:s,isSupported:o}=u();if(!o||!r)return t.jsxRuntimeExports.jsx("div",{className:`performance-dashboard ${i}`,children:t.jsxRuntimeExports.jsx("p",{children:"Performance monitoring not supported in this environment"})});const n=c=>c>=90?"text-green-600":c>=70?"text-yellow-600":"text-red-600",a=c=>`${(c/1024/1024).toFixed(2)} MB`;return t.jsxRuntimeExports.jsxs("div",{className:`performance-dashboard rounded-lg bg-white p-4 shadow ${i}`,children:[t.jsxRuntimeExports.jsx("h3",{className:"mb-4 font-semibold text-lg",children:"Performance Dashboard"}),t.jsxRuntimeExports.jsxs("div",{className:"mb-4",children:[t.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[t.jsxRuntimeExports.jsx("span",{children:"Performance Score"}),t.jsxRuntimeExports.jsx("span",{className:`font-bold ${n(r.performanceScore)}`,children:r.performanceScore.toFixed(0)})]}),t.jsxRuntimeExports.jsx("div",{className:"mt-1 h-2 w-full rounded-full bg-gray-200",children:t.jsxRuntimeExports.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}%`}})})]}),t.jsxRuntimeExports.jsxs("div",{className:"mb-4 grid grid-cols-2 gap-4",children:[t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx("h4",{className:"mb-2 font-medium",children:"Core Web Vitals"}),t.jsxRuntimeExports.jsxs("div",{className:"space-y-1 text-sm",children:[r.lcp&&t.jsxRuntimeExports.jsxs("div",{children:["LCP: ",r.lcp.toFixed(0),"ms"]}),r.fid&&t.jsxRuntimeExports.jsxs("div",{children:["FID: ",r.fid.toFixed(0),"ms"]}),r.cls&&t.jsxRuntimeExports.jsxs("div",{children:["CLS: ",r.cls.toFixed(3)]})]})]}),t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx("h4",{className:"mb-2 font-medium",children:"Custom Metrics"}),t.jsxRuntimeExports.jsxs("div",{className:"space-y-1 text-sm",children:[t.jsxRuntimeExports.jsxs("div",{children:["Render: ",r.componentRenderTime.toFixed(2),"ms"]}),t.jsxRuntimeExports.jsxs("div",{children:["Memory: ",a(r.memoryUsage)]}),r.bundleLoadTime>0&&t.jsxRuntimeExports.jsxs("div",{children:["Bundle: ",r.bundleLoadTime.toFixed(0),"ms"]})]})]})]}),e&&t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx("h4",{className:"mb-2 font-medium",children:"Advanced Metrics"}),t.jsxRuntimeExports.jsxs("div",{className:"space-y-1 text-sm",children:[t.jsxRuntimeExports.jsxs("div",{children:["Average Render Time: ",(s.componentRenderTime||0).toFixed(2),"ms"]}),t.jsxRuntimeExports.jsxs("div",{children:["Average Memory: ",a(s.memoryUsage||0)]}),t.jsxRuntimeExports.jsxs("div",{children:["Average Score: ",(s.performanceScore||0).toFixed(0)]})]})]})]})}exports.PerformanceDashboard=P;exports.PerformanceMonitor=f;exports.PerformanceRegressionDetector=w;exports.defaultThresholds=p;exports.performanceMonitor=m;exports.usePerformanceMonitor=u;exports.withPerformanceMonitoring=E;
+//# sourceMappingURL=performance-monitor-cjIvZE2D.cjs.map

package/dist/{performance-monitor-CUW6f5ll.cjs.map → performance-monitor-cjIvZE2D.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"performance-monitor-CUW6f5ll.cjs","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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"}
1	+ {"version":3,"file":"performance-monitor-cjIvZE2D.cjs","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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"}

package/dist/src/adapters/videojs-adapter.d.ts ADDED Viewed

@@ -0,0 +1,38 @@
+import "../styles/videojs.css";
+import type VideoJsPlayer from "video.js/dist/types/player";
+export interface VideoSource {
+    src: string;
+    type: string;
+    label?: string;
+    selected?: boolean;
+}
+export interface TextTrack {
+    src: string;
+    kind: "subtitles" | "captions" | "descriptions" | "chapters" | "metadata";
+    srclang: string;
+    label: string;
+    default?: boolean;
+}
+export interface VideoJSAdapterProps {
+    sources: VideoSource[];
+    poster?: string;
+    textTracks?: TextTrack[];
+    autoplay?: boolean;
+    muted?: boolean;
+    controls?: boolean;
+    preload?: "auto" | "metadata" | "none";
+    fluid?: boolean;
+    responsive?: boolean;
+    playbackRates?: number[];
+    className?: string;
+    onReady?: (player: VideoJsPlayer) => void;
+    onError?: (error: any) => void;
+    hlsConfig?: any;
+    enableQualitySelector?: boolean;
+    enableSubtitles?: boolean;
+}
+export declare function VideoJSAdapter({ sources, poster, textTracks, autoplay, muted, controls, preload, fluid, responsive, playbackRates, className, onReady, onError, hlsConfig, enableQualitySelector, enableSubtitles }: VideoJSAdapterProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace VideoJSAdapter {
+    var displayName: string;
+}
+//# sourceMappingURL=videojs-adapter.d.ts.map

package/dist/src/adapters/videojs-adapter.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"videojs-adapter.d.ts","sourceRoot":"","sources":["videojs-adapter.tsx"],"names":[],"mappings":"AAGA,OAAO,uBAAuB,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,4BAA4B,CAAA;AA8B3D,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,CAAA;IACzE,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,SAAS,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAA;IACtC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAA;IACzC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC9B,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,MAAM,EACN,UAAe,EACf,QAAgB,EAChB,KAAa,EACb,QAAgB,EAChB,OAAoB,EACpB,KAAY,EACZ,UAAiB,EACjB,aAA4C,EAC5C,SAAS,EACT,OAAO,EACP,OAAO,EACP,SAAc,EACd,qBAA4B,EAC5B,eAAsB,EACvB,EAAE,mBAAmB,2CA8XrB;yBA/Ye,cAAc"}