@choice-ui/react 1.9.3 → 1.9.6

package/dist/components/scroll-area/src/hooks/use-scroll-performance-monitor.js

@@ -1,123 +0,0 @@
-import { useState, useRef, useEffect } from "react";
-function useScrollPerformanceMonitor(viewport, options = {}) {
-  const {
-    enabled = false,
-    // Default disabled, only enabled in development
-    logInterval = 5e3,
-    // Report every 5 seconds
-    frameTimeThreshold = 16.67
-    // 60fps threshold
-  } = options;
-  const [metrics, setMetrics] = useState({
-    averageFrameTime: 0,
-    maxFrameTime: 0,
-    droppedFrames: 0,
-    scrollEventFrequency: 0,
-    updateFrequency: 0
-  });
-  const countersRef = useRef({
-    frameCount: 0,
-    totalFrameTime: 0,
-    scrollEventCount: 0,
-    updateCount: 0,
-    lastReportTime: 0,
-    maxFrameTime: 0,
-    droppedFrames: 0
-  });
-  const lastFrameTimeRef = useRef(0);
-  const reportIntervalRef = useRef();
-  const updateIntervalRef = useRef();
-  useEffect(() => {
-    if (!enabled || !viewport) return;
-    const startTime = performance.now();
-    countersRef.current.lastReportTime = startTime;
-    const handleScroll = () => {
-      countersRef.current.scrollEventCount++;
-    };
-    const monitorFrame = () => {
-      const now = performance.now();
-      if (lastFrameTimeRef.current > 0) {
-        const frameTime = now - lastFrameTimeRef.current;
-        countersRef.current.totalFrameTime += frameTime;
-        countersRef.current.frameCount++;
-        if (frameTime > countersRef.current.maxFrameTime) {
-          countersRef.current.maxFrameTime = frameTime;
-        }
-        if (frameTime > frameTimeThreshold) {
-          countersRef.current.droppedFrames++;
-        }
-      }
-      lastFrameTimeRef.current = now;
-      countersRef.current.updateCount++;
-      requestAnimationFrame(monitorFrame);
-    };
-    viewport.addEventListener("scroll", handleScroll, { passive: true });
-    requestAnimationFrame(monitorFrame);
-    updateIntervalRef.current = window.setInterval(() => {
-      const now = performance.now();
-      const timeElapsed = Math.max(1, now - (countersRef.current.lastReportTime || startTime));
-      const currentMetrics = {
-        averageFrameTime: countersRef.current.frameCount > 0 ? countersRef.current.totalFrameTime / countersRef.current.frameCount : 0,
-        maxFrameTime: countersRef.current.maxFrameTime,
-        droppedFrames: countersRef.current.droppedFrames,
-        scrollEventFrequency: countersRef.current.scrollEventCount / timeElapsed * 1e3,
-        updateFrequency: countersRef.current.updateCount / timeElapsed * 1e3
-      };
-      setMetrics(currentMetrics);
-    }, 500);
-    reportIntervalRef.current = window.setInterval(() => {
-      const now = performance.now();
-      const timeElapsed = now - countersRef.current.lastReportTime;
-      const reportMetrics = {
-        averageFrameTime: countersRef.current.frameCount > 0 ? countersRef.current.totalFrameTime / countersRef.current.frameCount : 0,
-        maxFrameTime: countersRef.current.maxFrameTime,
-        droppedFrames: countersRef.current.droppedFrames,
-        scrollEventFrequency: countersRef.current.scrollEventCount / timeElapsed * 1e3,
-        updateFrequency: countersRef.current.updateCount / timeElapsed * 1e3
-      };
-      console.group("🔍 ScrollArea Performance Report");
-      console.log("📊 Frame Performance:");
-      console.log(`  • Average frame time: ${reportMetrics.averageFrameTime.toFixed(2)}ms`);
-      console.log(`  • Max frame time: ${reportMetrics.maxFrameTime.toFixed(2)}ms`);
-      console.log(`  • Dropped frames: ${reportMetrics.droppedFrames}`);
-      console.log(`  • Current FPS: ${(1e3 / reportMetrics.averageFrameTime).toFixed(1)}`);
-      console.log("⚡ Event Frequency:");
-      console.log(`  • Scroll events/sec: ${reportMetrics.scrollEventFrequency.toFixed(1)}`);
-      console.log(`  • Updates/sec: ${reportMetrics.updateFrequency.toFixed(1)}`);
-      if (reportMetrics.averageFrameTime > frameTimeThreshold) {
-        console.warn("⚠️ Performance Warning: Average frame time exceeds 60fps threshold");
-      }
-      if (reportMetrics.droppedFrames > 10) {
-        console.warn("⚠️ Performance Warning: High number of dropped frames detected");
-      }
-      if (reportMetrics.scrollEventFrequency > 200) {
-        console.warn(
-          "⚠️ Performance Warning: Very high scroll event frequency, consider throttling"
-        );
-      }
-      console.groupEnd();
-      countersRef.current = {
-        frameCount: 0,
-        totalFrameTime: 0,
-        scrollEventCount: 0,
-        updateCount: 0,
-        lastReportTime: now,
-        maxFrameTime: 0,
-        droppedFrames: 0
-      };
-    }, logInterval);
-    return () => {
-      viewport.removeEventListener("scroll", handleScroll);
-      if (reportIntervalRef.current) {
-        clearInterval(reportIntervalRef.current);
-      }
-      if (updateIntervalRef.current) {
-        clearInterval(updateIntervalRef.current);
-      }
-    };
-  }, [enabled, viewport, logInterval, frameTimeThreshold]);
-  return enabled ? metrics : null;
-}
-export {
-  useScrollPerformanceMonitor
-};