@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.11 → 0.2.17

package/dist/hooks/use-touch-optimization.d.ts

@@ -1,373 +1,66 @@
 export interface TouchOptimizationConfig {
-  enablePassiveListeners: boolean
-  enableTouchActionOptimization: boolean
-  enableBatteryOptimization: boolean
-  enablePerformanceMonitoring: boolean
-  touchActionMode: 'auto' | 'manipulation' | 'pan-x' | 'pan-y' | 'none'
-  maxTouchPoints: number
-  touchEventThrottling: number
+    enablePassiveListeners: boolean;
+    enableTouchActionOptimization: boolean;
+    enableBatteryOptimization: boolean;
+    enablePerformanceMonitoring: boolean;
+    touchActionMode: 'auto' | 'manipulation' | 'pan-x' | 'pan-y' | 'none';
+    maxTouchPoints: number;
+    touchEventThrottling: number;
 }
-
 export interface TouchPerformanceMetrics {
-  touchEventCount: number
-  averageTouchDuration: number
-  touchEventLatency: number
-  batteryImpact: 'low' | 'medium' | 'high'
-  performanceScore: 'excellent' | 'good' | 'fair' | 'poor'
+    touchEventCount: number;
+    averageTouchDuration: number;
+    touchEventLatency: number;
+    batteryImpact: 'low' | 'medium' | 'high';
+    performanceScore: 'excellent' | 'good' | 'fair' | 'poor';
 }
-
 export interface TouchOptimizationCallbacks {
-  onTouchPerformanceWarning?: (metrics: TouchPerformanceMetrics) => void
-  onBatteryOptimization?: (enabled: boolean) => void
-  onTouchEventThrottling?: (enabled: boolean) => void
+    onTouchPerformanceWarning?: (metrics: TouchPerformanceMetrics) => void;
+    onBatteryOptimization?: (enabled: boolean) => void;
+    onTouchEventThrottling?: (enabled: boolean) => void;
 }
-
 export interface TouchOptimizationState {
-  isOptimized: boolean
-  currentTouchAction: string
-  passiveListenersEnabled: boolean
-  batteryOptimizationEnabled: boolean
-  throttlingEnabled: boolean
-  lastOptimization: Date | null
+    isOptimized: boolean;
+    currentTouchAction: string;
+    passiveListenersEnabled: boolean;
+    batteryOptimizationEnabled: boolean;
+    throttlingEnabled: boolean;
+    lastOptimization: Date | null;
 }
-
-export declare const useTouchOptimization: (
-  elementRef: React.RefObject<HTMLElement>,
-  callbacks: TouchOptimizationCallbacks = {},
-  config: Partial<TouchOptimizationConfig> = {}
-) => {
-  const defaultConfig: TouchOptimizationConfig = {
-    enablePassiveListeners: true,
-    enableTouchActionOptimization: true,
-    enableBatteryOptimization: true,
-    enablePerformanceMonitoring: true,
-    touchActionMode: 'manipulation',
-    maxTouchPoints: 5,
-    touchEventThrottling: 16, // ~60fps
-    ...config
-  }
-
-  const [optimizationState, setOptimizationState] = useState<TouchOptimizationState>({
-    isOptimized: false,
-    currentTouchAction: defaultConfig.touchActionMode,
-    passiveListenersEnabled: false,
-    batteryOptimizationEnabled: false,
-    throttlingEnabled: false,
-    lastOptimization: null
-  })
-
-  const [performanceMetrics, setPerformanceMetrics] = useState<TouchPerformanceMetrics>({
-    touchEventCount: 0,
-    averageTouchDuration: 0,
-    touchEventLatency: 0,
-    batteryImpact: 'low',
-    performanceScore: 'excellent'
-  })
-
-  const touchEventTimesRef = useRef<number[]>([])
-  const lastTouchEventRef = useRef<number>(0)
-  const touchEventThrottleTimerRef = useRef<NodeJS.Timeout | null>(null)
-  const batteryLevelRef = useRef<number | null>(null)
-  const isLowPowerModeRef = useRef<boolean>(false)
-
-  // Check battery status for optimization
-  useEffect(() => {
-    const checkBatteryStatus = async () => {
-      if ('getBattery' in navigator) {
-        try {
-          const battery = await (navigator as any).getBattery()
-          batteryLevelRef.current = battery.level
-          isLowPowerModeRef.current = battery.level < 0.2
-
-          if (defaultConfig.enableBatteryOptimization && isLowPowerModeRef.current) {
-            setOptimizationState(prev => ({ ...prev, batteryOptimizationEnabled: true }))
-            callbacks.onBatteryOptimization?.(true)
-          }
-        } catch (error) {
-          console.warn('Battery API not supported:', error)
-        }
-      }
-    }
-
-    checkBatteryStatus()
-  }, [defaultConfig.enableBatteryOptimization, callbacks])
-
-  // Calculate performance score
-  const calculatePerformanceScore = useCallback((metrics: TouchPerformanceMetrics): 'excellent' | 'good' | 'fair' | 'poor' => {
-    if (metrics.touchEventLatency < 16 && metrics.averageTouchDuration < 50) return 'excellent'
-    if (metrics.touchEventLatency < 32 && metrics.averageTouchDuration < 100) return 'good'
-    if (metrics.touchEventLatency < 64 && metrics.averageTouchDuration < 200) return 'fair'
-    return 'poor'
-  }, [])
-
-  // Update performance metrics
-  const updatePerformanceMetrics = useCallback((touchDuration: number, latency: number) => {
-    const currentTime = Date.now()
-    touchEventTimesRef.current.push(currentTime)
-
-    // Keep only last 100 touch events for averaging
-    if (touchEventTimesRef.current.length > 100) {
-      touchEventTimesRef.current.shift()
-    }
-
-    setPerformanceMetrics(prev => {
-      const newCount = prev.touchEventCount + 1
-      const newAverageDuration = (prev.averageTouchDuration * prev.touchEventCount + touchDuration) / newCount
-      const newAverageLatency = (prev.touchEventLatency * prev.touchEventCount + latency) / newCount
-
-      const batteryImpact: 'low' | 'medium' | 'high' = isLowPowerModeRef.current ? 'high' : batteryLevelRef.current && batteryLevelRef.current < 0.5 ? 'medium' : 'low'
-
-      const newMetrics: TouchPerformanceMetrics = {
-        touchEventCount: newCount,
-        averageTouchDuration: newAverageDuration,
-        touchEventLatency: newAverageLatency,
-        batteryImpact,
-        performanceScore: 'excellent'
-      }
-
-      newMetrics.performanceScore = calculatePerformanceScore(newMetrics)
-
-      // Check for performance warnings
-      if (newMetrics.performanceScore === 'poor' || newMetrics.touchEventLatency > 100) {
-        callbacks.onTouchPerformanceWarning?.(newMetrics)
-      }
-
-      return newMetrics
-    })
-  }, [callbacks, calculatePerformanceScore])
-
-  // Optimize touch action CSS
-  const optimizeTouchAction = useCallback(() => {
-    const element = elementRef.current
-    if (!element || !defaultConfig.enableTouchActionOptimization) return
-
-    const currentTouchAction = getComputedStyle(element).touchAction
-
-    if (currentTouchAction !== defaultConfig.touchActionMode) {
-      element.style.touchAction = defaultConfig.touchActionMode
-      setOptimizationState(prev => ({ 
-        ...prev, 
-        currentTouchAction: defaultConfig.touchActionMode,
-        lastOptimization: new Date()
-      }))
-    }
-  }, [elementRef, defaultConfig.enableTouchActionOptimization, defaultConfig.touchActionMode])
-
-  // Enable passive listeners for better performance
-  const enablePassiveListeners = useCallback(() => {
-    const element = elementRef.current
-    if (!element || !defaultConfig.enablePassiveListeners) return
-
-    // Check if passive listeners are supported
-    let supportsPassive = false
-    try {
-      const opts = Object.defineProperty({}, 'passive', {
-        get: () => { supportsPassive = true; return true; }
-      })
-      // Use a dummy event listener to test passive support
-      const testListener = () => {}
-      window.addEventListener('test', testListener, opts)
-      window.removeEventListener('test', testListener, opts)
-    } catch (e) {
-      // Passive listeners not supported
-    }
-
-    if (supportsPassive) {
-      setOptimizationState(prev => ({ ...prev, passiveListenersEnabled: true }))
-    }
-  }, [elementRef, defaultConfig.enablePassiveListeners])
-
-  // Touch event throttling for performance
-  const enableTouchEventThrottling = useCallback(() => {
-    if (!defaultConfig.enablePerformanceMonitoring) return
-
-    setOptimizationState(prev => ({ ...prev, throttlingEnabled: true }))
-    callbacks.onTouchEventThrottling?.(true)
-  }, [defaultConfig.enablePerformanceMonitoring, callbacks])
-
-  // Optimize touch event handling
-  const optimizeTouchEventHandling = useCallback((event: TouchEvent) => {
-    const currentTime = Date.now()
-    const touchDuration = currentTime - lastTouchEventRef.current
-    const latency = performance.now() - event.timeStamp
-
-    // Update performance metrics
-    updatePerformanceMetrics(touchDuration, latency)
-
-    // Apply throttling if enabled
-    if (optimizationState.throttlingEnabled && touchEventThrottleTimerRef.current) {
-      return // Skip this event due to throttling
-    }
-
-    // Set up throttling for next event
-    if (optimizationState.throttlingEnabled) {
-      touchEventThrottleTimerRef.current = setTimeout(() => {
-        touchEventThrottleTimerRef.current = null
-      }, defaultConfig.touchEventThrottling)
-    }
-
-    lastTouchEventRef.current = currentTime
-  }, [optimizationState.throttlingEnabled, updatePerformanceMetrics, defaultConfig.touchEventThrottling])
-
-  // Apply all optimizations
-  const applyOptimizations = useCallback(() => {
-    optimizeTouchAction()
-    enablePassiveListeners()
-
-    if (defaultConfig.enableBatteryOptimization && isLowPowerModeRef.current) {
-      enableTouchEventThrottling()
-    }
-
-    setOptimizationState(prev => ({ 
-      ...prev, 
-      isOptimized: true,
-      lastOptimization: new Date()
-    }))
-  }, [
-    optimizeTouchAction, 
-    enablePassiveListeners, 
-    enableTouchEventThrottling, 
-    defaultConfig.enableBatteryOptimization
-  ])
-
-  // Reset optimizations
-  const resetOptimizations = useCallback(() => {
-    const element = elementRef.current
-    if (element) {
-      element.style.touchAction = 'auto'
-    }
-
-    setOptimizationState({
-      isOptimized: false,
-      currentTouchAction: 'auto',
-      passiveListenersEnabled: false,
-      batteryOptimizationEnabled: false,
-      throttlingEnabled: false,
-      lastOptimization: null
-    })
-
-    setPerformanceMetrics({
-      touchEventCount: 0,
-      averageTouchDuration: 0,
-      touchEventLatency: 0,
-      batteryImpact: 'low',
-      performanceScore: 'excellent'
-    })
-
-    if (touchEventThrottleTimerRef.current) {
-      clearTimeout(touchEventThrottleTimerRef.current)
-      touchEventThrottleTimerRef.current = null
-    }
-  }, [elementRef])
-
-  // Set up touch event listeners with optimization
-  useEffect(() => {
-    const element = elementRef.current
-    if (!element) return
-
-    // Apply initial optimizations
-    applyOptimizations()
-
-    // Add touch event listener
-    const handleTouchEvent = (event: TouchEvent) => {
-      if (defaultConfig.enablePerformanceMonitoring) {
-        optimizeTouchEventHandling(event)
-      }
-    }
-
-    const eventOptions = optimizationState.passiveListenersEnabled ? { passive: true } : {}
-    element.addEventListener('touchstart', handleTouchEvent, eventOptions)
-    element.addEventListener('touchmove', handleTouchEvent, eventOptions)
-    element.addEventListener('touchend', handleTouchEvent, eventOptions)
-
-    return () => {
-      element.removeEventListener('touchstart', handleTouchEvent)
-      element.removeEventListener('touchmove', handleTouchEvent)
-      element.removeEventListener('touchend', handleTouchEvent)
-
-      if (touchEventThrottleTimerRef.current) {
-        clearTimeout(touchEventThrottleTimerRef.current)
-      }
-    }
-  }, [
-    elementRef, 
-    applyOptimizations, 
-    optimizationState.passiveListenersEnabled, 
-    defaultConfig.enablePerformanceMonitoring,
-    optimizeTouchEventHandling
-  ])
-
-  // Monitor battery changes
-  useEffect(() => {
-    const handleBatteryChange = () => {
-      if (defaultConfig.enableBatteryOptimization) {
-        applyOptimizations()
-      }
-    }
-
-    if ('getBattery' in navigator) {
-      // Battery change events are not widely supported, so we'll check periodically
-      const batteryCheckInterval = setInterval(handleBatteryChange, 30000) // Check every 30 seconds
-
-      return () => clearInterval(batteryCheckInterval)
-    }
-  }, [defaultConfig.enableBatteryOptimization, applyOptimizations])
-
-  // Utility functions
-  const getOptimizationReport = useCallback(() => {
-    return {
-      state: optimizationState,
-      metrics: performanceMetrics,
-      recommendations: getOptimizationRecommendations()
-    }
-  }, [optimizationState, performanceMetrics])
-
-  const getOptimizationRecommendations = useCallback(() => {
-    const recommendations: string[] = []
-
-    if (performanceMetrics.performanceScore === 'poor') {
-      recommendations.push('Consider enabling touch event throttling')
-      recommendations.push('Reduce touch event complexity')
-    }
-
-    if (performanceMetrics.batteryImpact === 'high') {
-      recommendations.push('Enable battery optimization mode')
-      recommendations.push('Reduce touch event frequency')
-    }
-
-    if (!optimizationState.passiveListenersEnabled) {
-      recommendations.push('Enable passive event listeners for better performance')
-    }
-
-    return recommendations
-  }, [performanceMetrics, optimizationState])
-
-  return {
-    optimizationState,
-    performanceMetrics,
-    applyOptimizations,
-    resetOptimizations,
-    getOptimizationReport,
-    getOptimizationRecommendations
-  }
-}
-
-// Convenience hook for basic touch optimization
+export declare const useTouchOptimization: (elementRef: React.RefObject<HTMLElement>, callbacks?: TouchOptimizationCallbacks, config?: Partial<TouchOptimizationConfig>) => {
+    optimizationState: TouchOptimizationState;
+    performanceMetrics: TouchPerformanceMetrics;
+    applyOptimizations: () => void;
+    resetOptimizations: () => void;
+    getOptimizationReport: () => {
+        state: TouchOptimizationState;
+        metrics: TouchPerformanceMetrics;
+        recommendations: string[];
+    };
+    getOptimizationRecommendations: () => string[];
+};
 export declare const useBasicTouchOptimization: (elementRef: React.RefObject<HTMLElement>) => {
-  return useTouchOptimization(elementRef, {}, {
-    enablePassiveListeners: true,
-    enableTouchActionOptimization: true,
-    enableBatteryOptimization: false,
-    enablePerformanceMonitoring: false
-  })
-}
-
-// Convenience hook for battery-aware touch optimization
+    optimizationState: TouchOptimizationState;
+    performanceMetrics: TouchPerformanceMetrics;
+    applyOptimizations: () => void;
+    resetOptimizations: () => void;
+    getOptimizationReport: () => {
+        state: TouchOptimizationState;
+        metrics: TouchPerformanceMetrics;
+        recommendations: string[];
+    };
+    getOptimizationRecommendations: () => string[];
+};
 export declare const useBatteryAwareTouchOptimization: (elementRef: React.RefObject<HTMLElement>) => {
-  return useTouchOptimization(elementRef, {}, {
-    enablePassiveListeners: true,
-    enableTouchActionOptimization: true,
-    enableBatteryOptimization: true,
-    enablePerformanceMonitoring: true
-  })
-}
+    optimizationState: TouchOptimizationState;
+    performanceMetrics: TouchPerformanceMetrics;
+    applyOptimizations: () => void;
+    resetOptimizations: () => void;
+    getOptimizationReport: () => {
+        state: TouchOptimizationState;
+        metrics: TouchPerformanceMetrics;
+        recommendations: string[];
+    };
+    getOptimizationRecommendations: () => string[];
+};
+//# sourceMappingURL=use-touch-optimization.d.ts.map

package/dist/hooks/use-touch-optimization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-touch-optimization.d.ts","sourceRoot":"","sources":["../../src/hooks/use-touch-optimization.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACtC,sBAAsB,EAAE,OAAO,CAAA;IAC/B,6BAA6B,EAAE,OAAO,CAAA;IACtC,yBAAyB,EAAE,OAAO,CAAA;IAClC,2BAA2B,EAAE,OAAO,CAAA;IACpC,eAAe,EAAE,MAAM,GAAG,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IACrE,cAAc,EAAE,MAAM,CAAA;IACtB,oBAAoB,EAAE,MAAM,CAAA;CAC7B;AAED,MAAM,WAAW,uBAAuB;IACtC,eAAe,EAAE,MAAM,CAAA;IACvB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,iBAAiB,EAAE,MAAM,CAAA;IACzB,aAAa,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IACxC,gBAAgB,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;CACzD;AAED,MAAM,WAAW,0BAA0B;IACzC,yBAAyB,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAA;IACtE,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,sBAAsB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACpD;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,OAAO,CAAA;IACpB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,uBAAuB,EAAE,OAAO,CAAA;IAChC,0BAA0B,EAAE,OAAO,CAAA;IACnC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,gBAAgB,EAAE,IAAI,GAAG,IAAI,CAAA;CAC9B;AAED,eAAO,MAAM,oBAAoB,GAC/B,YAAY,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACxC,YAAW,0BAA+B,EAC1C,SAAQ,OAAO,CAAC,uBAAuB,CAAM;;;;;;;;;;;CA4T9C,CAAA;AAGD,eAAO,MAAM,yBAAyB,GAAI,YAAY,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;;;;;;;;;;;CAOjF,CAAA;AAGD,eAAO,MAAM,gCAAgC,GAAI,YAAY,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;;;;;;;;;;;CAOxF,CAAA"}