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

package/dist/hooks/use-battery-status.esm.js

@@ -1,28 +1,45 @@
 import { useState, useEffect, useCallback, useRef, useMemo } from 'react'
 
 export interface BatteryMetrics {
-  level}
+  level: number
+  charging: boolean
+  chargingTime: number
+  dischargingTime: number
+  isLowPowerMode: boolean
+  isCriticalBattery: boolean
+  performanceMode: 'high' | 'medium' | 'low'
+  throttlingEnabled: boolean
+  throttlingReason?: string
+}
 
 export interface BatteryThresholds {
-  low}
+  low: number
+  critical: number
+  warning: number
+}
 
 export interface BatteryCallbacks {
-  onBatteryLow?) => void
-  onBatteryCritical?) => void
-  onChargingStateChange?) => void
-  onPerformanceModeChange?]) => void
-  onThrottlingChange?, reason?) => void
+  onBatteryLow?: (level: number) => void
+  onBatteryCritical?: (level: number) => void
+  onChargingStateChange?: (charging: boolean) => void
+  onPerformanceModeChange?: (mode: BatteryMetrics['performanceMode']) => void
+  onThrottlingChange?: (enabled: boolean, reason?: string) => void
 }
 
 export interface BatteryOptions {
-  updateInterval?}
+  updateInterval?: number
+  thresholds?: Partial<BatteryThresholds>
+  enableThrottling?: boolean
+  callbacks?: BatteryCallbacks
+}
 
-const DEFAULT_THRESHOLDS= {
-  low,
-  critical,
-  warning}
+const DEFAULT_THRESHOLDS: BatteryThresholds = {
+  low: 0.3,
+  critical: 0.15,
+  warning: 0.5
+}
 
-export const useBatteryStatus = (options= {}) => {
+export const useBatteryStatus = (options: BatteryOptions = {}) => {
   const {
     updateInterval = 5000,
     thresholds = {},
@@ -31,14 +48,15 @@ export const useBatteryStatus = (options= {}) => {
   } = options
 
   const [metrics, setMetrics] = useState<BatteryMetrics>({
-    level,
-    charging,
-    chargingTime,
-    dischargingTime,
-    isLowPowerMode,
-    isCriticalBattery,
-    performanceMode,
-    throttlingEnabled})
+    level: 1,
+    charging: true,
+    chargingTime: 0,
+    dischargingTime: 0,
+    isLowPowerMode: false,
+    isCriticalBattery: false,
+    performanceMode: 'high',
+    throttlingEnabled: false
+  })
 
   const [isMonitoring, setIsMonitoring] = useState(false)
   const intervalIdRef = useRef<NodeJS.Timeout>()
@@ -51,7 +69,7 @@ export const useBatteryStatus = (options= {}) => {
   }), [thresholds])
 
   // Determine performance mode based on battery level
-  const determinePerformanceMode = useCallback((level, charging)] => {
+  const determinePerformanceMode = useCallback((level: number, charging: boolean): BatteryMetrics['performanceMode'] => {
     if (charging) return 'high'
     if (level <= finalThresholds.critical) return 'low'
     if (level <= finalThresholds.low) return 'medium'
@@ -59,18 +77,18 @@ export const useBatteryStatus = (options= {}) => {
   }, [finalThresholds])
 
   // Determine if throttling should be enabled
-  const shouldThrottle = useCallback((level, charging); reason?} => {
-    if (!enableThrottling) return { should}
+  const shouldThrottle = useCallback((level: number, charging: boolean): { should: boolean; reason?: string } => {
+    if (!enableThrottling) return { should: false }
     
     if (level <= finalThresholds.critical) {
-      return { should, reason}
+      return { should: true, reason: 'Critical battery level' }
     }
     
     if (level <= finalThresholds.low && !charging) {
-      return { should, reason}
+      return { should: true, reason: 'Low battery level' }
     }
     
-    return { should}
+    return { should: false }
   }, [enableThrottling, finalThresholds])
 
   // Update battery information
@@ -94,9 +112,9 @@ export const useBatteryStatus = (options= {}) => {
         const performanceMode = determinePerformanceMode(level, charging)
         
         // Determine throttling
-        const { should, reason } = shouldThrottle(level, charging)
+        const { should: shouldThrottleNow, reason } = shouldThrottle(level, charging)
         
-        const newMetrics= {
+        const newMetrics: BatteryMetrics = {
           level,
           charging,
           chargingTime,
@@ -104,8 +122,9 @@ export const useBatteryStatus = (options= {}) => {
           isLowPowerMode,
           isCriticalBattery,
           performanceMode,
-          throttlingEnabled,
-          throttlingReason}
+          throttlingEnabled: shouldThrottleNow,
+          throttlingReason: reason
+        }
 
         setMetrics(newMetrics)
 
@@ -129,7 +148,7 @@ export const useBatteryStatus = (options= {}) => {
         }
 
       } catch (error) {
-        console.warn('Battery API not available, error)
+        console.warn('Battery API not available:', error)
       }
     }
   }, [finalThresholds, callbacks, metrics.charging, metrics.performanceMode, metrics.throttlingEnabled, determinePerformanceMode, shouldThrottle])
@@ -157,18 +176,20 @@ export const useBatteryStatus = (options= {}) => {
   }, [])
 
   // Manual throttling controls
-  const enableThrottlingMode = useCallback((reason?) => {
+  const enableThrottlingMode = useCallback((reason?: string) => {
     setMetrics(prev => ({
       ...prev,
-      throttlingEnabled,
-      throttlingReason}))
+      throttlingEnabled: true,
+      throttlingReason: reason || 'Manual override'
+    }))
   }, [])
 
   const disableThrottlingMode = useCallback(() => {
     setMetrics(prev => ({
       ...prev,
-      throttlingEnabled,
-      throttlingReason}))
+      throttlingEnabled: false,
+      throttlingReason: undefined
+    }))
   }, [])
 
   // Auto-start monitoring on mount
@@ -179,7 +200,7 @@ export const useBatteryStatus = (options= {}) => {
 
   // Battery optimization recommendations
   const getOptimizationRecommendations = useCallback(() => {
-    const recommendations] = []
+    const recommendations: string[] = []
     
     if (metrics.isCriticalBattery) {
       recommendations.push('Critical battery level - enable maximum power saving mode')
@@ -204,7 +225,7 @@ export const useBatteryStatus = (options= {}) => {
 
   // Power saving suggestions
   const getPowerSavingSuggestions = useCallback(() => {
-    const suggestions] = []
+    const suggestions: string[] = []
     
     if (metrics.isLowPowerMode) {
       suggestions.push('Reduce animation frame rate')
@@ -253,13 +274,13 @@ export const useBatteryStatus = (options= {}) => {
     disableThrottlingMode,
     
     // Status
-    batteryLevel,
-    isCharging,
-    isLowPowerMode,
-    isCriticalBattery,
-    performanceMode,
-    throttlingEnabled,
-    throttlingReason,
+    batteryLevel: metrics.level,
+    isCharging: metrics.charging,
+    isLowPowerMode: metrics.isLowPowerMode,
+    isCriticalBattery: metrics.isCriticalBattery,
+    performanceMode: metrics.performanceMode,
+    throttlingEnabled: metrics.throttlingEnabled,
+    throttlingReason: metrics.throttlingReason,
     
     // Optimization
     getOptimizationRecommendations,
@@ -267,11 +288,12 @@ export const useBatteryStatus = (options= {}) => {
     getBatteryStatus,
     
     // Raw values
-    level,
-    charging,
-    chargingTime,
-    dischargingTime,
+    level: metrics.level,
+    charging: metrics.charging,
+    chargingTime: metrics.chargingTime,
+    dischargingTime: metrics.dischargingTime,
     
     // Thresholds
-    thresholds}
+    thresholds: finalThresholds
+  }
 }

package/dist/hooks/use-battery-status.js

@@ -1,28 +1,45 @@
 import { useState, useEffect, useCallback, useRef, useMemo } from 'react'
 
 export interface BatteryMetrics {
-  level}
+  level: number
+  charging: boolean
+  chargingTime: number
+  dischargingTime: number
+  isLowPowerMode: boolean
+  isCriticalBattery: boolean
+  performanceMode: 'high' | 'medium' | 'low'
+  throttlingEnabled: boolean
+  throttlingReason?: string
+}
 
 export interface BatteryThresholds {
-  low}
+  low: number
+  critical: number
+  warning: number
+}
 
 export interface BatteryCallbacks {
-  onBatteryLow?) => void
-  onBatteryCritical?) => void
-  onChargingStateChange?) => void
-  onPerformanceModeChange?]) => void
-  onThrottlingChange?, reason?) => void
+  onBatteryLow?: (level: number) => void
+  onBatteryCritical?: (level: number) => void
+  onChargingStateChange?: (charging: boolean) => void
+  onPerformanceModeChange?: (mode: BatteryMetrics['performanceMode']) => void
+  onThrottlingChange?: (enabled: boolean, reason?: string) => void
 }
 
 export interface BatteryOptions {
-  updateInterval?}
+  updateInterval?: number
+  thresholds?: Partial<BatteryThresholds>
+  enableThrottling?: boolean
+  callbacks?: BatteryCallbacks
+}
 
-const DEFAULT_THRESHOLDS= {
-  low,
-  critical,
-  warning}
+const DEFAULT_THRESHOLDS: BatteryThresholds = {
+  low: 0.3,
+  critical: 0.15,
+  warning: 0.5
+}
 
-export const useBatteryStatus = (options= {}) => {
+export const useBatteryStatus = (options: BatteryOptions = {}) => {
   const {
     updateInterval = 5000,
     thresholds = {},
@@ -31,14 +48,15 @@ export const useBatteryStatus = (options= {}) => {
   } = options
 
   const [metrics, setMetrics] = useState<BatteryMetrics>({
-    level,
-    charging,
-    chargingTime,
-    dischargingTime,
-    isLowPowerMode,
-    isCriticalBattery,
-    performanceMode,
-    throttlingEnabled})
+    level: 1,
+    charging: true,
+    chargingTime: 0,
+    dischargingTime: 0,
+    isLowPowerMode: false,
+    isCriticalBattery: false,
+    performanceMode: 'high',
+    throttlingEnabled: false
+  })
 
   const [isMonitoring, setIsMonitoring] = useState(false)
   const intervalIdRef = useRef<NodeJS.Timeout>()
@@ -51,7 +69,7 @@ export const useBatteryStatus = (options= {}) => {
   }), [thresholds])
 
   // Determine performance mode based on battery level
-  const determinePerformanceMode = useCallback((level, charging)] => {
+  const determinePerformanceMode = useCallback((level: number, charging: boolean): BatteryMetrics['performanceMode'] => {
     if (charging) return 'high'
     if (level <= finalThresholds.critical) return 'low'
     if (level <= finalThresholds.low) return 'medium'
@@ -59,18 +77,18 @@ export const useBatteryStatus = (options= {}) => {
   }, [finalThresholds])
 
   // Determine if throttling should be enabled
-  const shouldThrottle = useCallback((level, charging); reason?} => {
-    if (!enableThrottling) return { should}
+  const shouldThrottle = useCallback((level: number, charging: boolean): { should: boolean; reason?: string } => {
+    if (!enableThrottling) return { should: false }
     
     if (level <= finalThresholds.critical) {
-      return { should, reason}
+      return { should: true, reason: 'Critical battery level' }
     }
     
     if (level <= finalThresholds.low && !charging) {
-      return { should, reason}
+      return { should: true, reason: 'Low battery level' }
     }
     
-    return { should}
+    return { should: false }
   }, [enableThrottling, finalThresholds])
 
   // Update battery information
@@ -94,9 +112,9 @@ export const useBatteryStatus = (options= {}) => {
         const performanceMode = determinePerformanceMode(level, charging)
         
         // Determine throttling
-        const { should, reason } = shouldThrottle(level, charging)
+        const { should: shouldThrottleNow, reason } = shouldThrottle(level, charging)
         
-        const newMetrics= {
+        const newMetrics: BatteryMetrics = {
           level,
           charging,
           chargingTime,
@@ -104,8 +122,9 @@ export const useBatteryStatus = (options= {}) => {
           isLowPowerMode,
           isCriticalBattery,
           performanceMode,
-          throttlingEnabled,
-          throttlingReason}
+          throttlingEnabled: shouldThrottleNow,
+          throttlingReason: reason
+        }
 
         setMetrics(newMetrics)
 
@@ -129,7 +148,7 @@ export const useBatteryStatus = (options= {}) => {
         }
 
       } catch (error) {
-        console.warn('Battery API not available, error)
+        console.warn('Battery API not available:', error)
       }
     }
   }, [finalThresholds, callbacks, metrics.charging, metrics.performanceMode, metrics.throttlingEnabled, determinePerformanceMode, shouldThrottle])
@@ -157,18 +176,20 @@ export const useBatteryStatus = (options= {}) => {
   }, [])
 
   // Manual throttling controls
-  const enableThrottlingMode = useCallback((reason?) => {
+  const enableThrottlingMode = useCallback((reason?: string) => {
     setMetrics(prev => ({
       ...prev,
-      throttlingEnabled,
-      throttlingReason}))
+      throttlingEnabled: true,
+      throttlingReason: reason || 'Manual override'
+    }))
   }, [])
 
   const disableThrottlingMode = useCallback(() => {
     setMetrics(prev => ({
       ...prev,
-      throttlingEnabled,
-      throttlingReason}))
+      throttlingEnabled: false,
+      throttlingReason: undefined
+    }))
   }, [])
 
   // Auto-start monitoring on mount
@@ -179,7 +200,7 @@ export const useBatteryStatus = (options= {}) => {
 
   // Battery optimization recommendations
   const getOptimizationRecommendations = useCallback(() => {
-    const recommendations] = []
+    const recommendations: string[] = []
     
     if (metrics.isCriticalBattery) {
       recommendations.push('Critical battery level - enable maximum power saving mode')
@@ -204,7 +225,7 @@ export const useBatteryStatus = (options= {}) => {
 
   // Power saving suggestions
   const getPowerSavingSuggestions = useCallback(() => {
-    const suggestions] = []
+    const suggestions: string[] = []
     
     if (metrics.isLowPowerMode) {
       suggestions.push('Reduce animation frame rate')
@@ -253,13 +274,13 @@ export const useBatteryStatus = (options= {}) => {
     disableThrottlingMode,
     
     // Status
-    batteryLevel,
-    isCharging,
-    isLowPowerMode,
-    isCriticalBattery,
-    performanceMode,
-    throttlingEnabled,
-    throttlingReason,
+    batteryLevel: metrics.level,
+    isCharging: metrics.charging,
+    isLowPowerMode: metrics.isLowPowerMode,
+    isCriticalBattery: metrics.isCriticalBattery,
+    performanceMode: metrics.performanceMode,
+    throttlingEnabled: metrics.throttlingEnabled,
+    throttlingReason: metrics.throttlingReason,
     
     // Optimization
     getOptimizationRecommendations,
@@ -267,11 +288,12 @@ export const useBatteryStatus = (options= {}) => {
     getBatteryStatus,
     
     // Raw values
-    level,
-    charging,
-    chargingTime,
-    dischargingTime,
+    level: metrics.level,
+    charging: metrics.charging,
+    chargingTime: metrics.chargingTime,
+    dischargingTime: metrics.dischargingTime,
     
     // Thresholds
-    thresholds}
+    thresholds: finalThresholds
+  }
 }

package/dist/hooks/use-component-performance.esm.js

@@ -1,21 +1,34 @@
 import React, { useState, useCallback, useRef, useEffect, ReactNode, ComponentType } from 'react'
 
 export interface ComponentPerformanceConfig {
-  enableMemoization?}
+  enableMemoization?: boolean
+  enableLazyLoading?: boolean
+  enableVirtualization?: boolean
+  enablePerformanceMonitoring?: boolean
+  enableAutoOptimization?: boolean
+  performanceThreshold?: number
+  memoizationThreshold?: number
+  virtualizationThreshold?: number
+}
 
 export interface PerformanceMetrics {
-  renderTime}
+  renderTime: number
+  memoryUsage: number
+  reRenderCount: number
+  optimizationLevel: 'none' | 'low' | 'medium' | 'high'
+  lastOptimization: string
+}
 
 export interface ComponentPerformanceCallbacks {
-  onPerformanceWarning?) => void
-  onOptimizationApplied?, component) => void
-  onPerformanceImproved?) => void
-  onMemoryWarning?) => void
+  onPerformanceWarning?: (metrics: PerformanceMetrics) => void
+  onOptimizationApplied?: (type: string, component: string) => void
+  onPerformanceImproved?: (improvement: number) => void
+  onMemoryWarning?: (usage: number) => void
 }
 
 export const useComponentPerformance = (
-  config= {},
-  callbacks= {}
+  config: ComponentPerformanceConfig = {},
+  callbacks: ComponentPerformanceCallbacks = {}
 ) => {
   const {
     enableMemoization = true,
@@ -29,11 +42,12 @@ export const useComponentPerformance = (
   } = config
 
   const [metrics, setMetrics] = useState<PerformanceMetrics>({
-    renderTime,
-    memoryUsage,
-    reRenderCount,
-    optimizationLevel,
-    lastOptimization})
+    renderTime: 0,
+    memoryUsage: 0,
+    reRenderCount: 0,
+    optimizationLevel: 'none',
+    lastOptimization: 'none'
+  })
 
   const [isOptimizing, setIsOptimizing] = useState(false)
   const [optimizations, setOptimizations] = useState<string[]>([])
@@ -58,7 +72,8 @@ export const useComponentPerformance = (
       setMetrics(prev => ({
         ...prev,
         renderTime,
-        reRenderCount}))
+        reRenderCount: renderCountRef.current
+      }))
       
       // Check if optimization is needed
       if (renderTime > performanceThreshold && enableAutoOptimization) {
@@ -69,10 +84,10 @@ export const useComponentPerformance = (
 
   // Memoization optimization
   const memoizeValue = useCallback(<T>(
-    key,
-    value,
-    dependencies]
-  )=> {
+    key: string,
+    value: T,
+    dependencies: any[]
+  ): T => {
     if (!enableMemoization) return value
     
     const dependencyKey = JSON.stringify(dependencies)
@@ -93,8 +108,8 @@ export const useComponentPerformance = (
 
   // Lazy loading optimization
   const lazyLoadComponent = useCallback((
-    componentId,
-    componentLoader) => Promise<{ default}>
+    componentId: string,
+    componentLoader: () => Promise<{ default: ComponentType<any> }>
   ) => {
     if (!enableLazyLoading) return null
     
@@ -114,13 +129,13 @@ export const useComponentPerformance = (
 
   // Virtualization optimization
   const createVirtualizedList = useCallback(<T>(
-    items],
-    itemHeight,
-    containerHeight,
-    renderItem, index) => ReactNode
+    items: T[],
+    itemHeight: number,
+    containerHeight: number,
+    renderItem: (item: T, index: number) => ReactNode
   ) => {
     if (!enableVirtualization || items.length < virtualizationThreshold) {
-      return { type, items, index) => renderItem(item, index)) }
+      return { type: 'standard', items: items.map((item, index) => renderItem(item, index)) }
     }
     
     const visibleCount = Math.ceil(containerHeight / itemHeight)
@@ -136,8 +151,8 @@ export const useComponentPerformance = (
     callbacks.onOptimizationApplied?.('virtualization', 'VirtualizedList')
     
     return {
-      type,
-      visibleItems, index) => renderItem(item, startIndex + index)),
+      type: 'virtualized',
+      visibleItems: visibleItems.map((item, index) => renderItem(item, startIndex + index)),
       totalHeight,
       offsetY,
       startIndex,
@@ -146,8 +161,8 @@ export const useComponentPerformance = (
   }, [enableVirtualization, virtualizationThreshold, callbacks])
 
   // Auto-optimization suggestions
-  const suggestOptimizations = useCallback((renderTime) => {
-    const suggestions] = []
+  const suggestOptimizations = useCallback((renderTime: number) => {
+    const suggestions: string[] = []
     
     if (renderTime > memoizationThreshold) {
       suggestions.push('Consider memoization for expensive computations')
@@ -171,10 +186,10 @@ export const useComponentPerformance = (
   // Performance analysis
   const analyzePerformance = useCallback(() => {
     const analysis = {
-      isOptimized== 'none',
-      needsOptimization,
-      optimizationScore, 100 - (metrics.renderTime / performanceThreshold) * 100),
-      recommendations] as string[]
+      isOptimized: metrics.optimizationLevel !== 'none',
+      needsOptimization: metrics.renderTime > performanceThreshold,
+      optimizationScore: Math.max(0, 100 - (metrics.renderTime / performanceThreshold) * 100),
+      recommendations: [] as string[]
     }
     
     if (metrics.renderTime > performanceThreshold) {
@@ -209,12 +224,12 @@ export const useComponentPerformance = (
         callbacks.onMemoryWarning?.(memoryUsage)
       }
     } catch (error) {
-      console.warn('Memory usage check failed, error)
+      console.warn('Memory usage check failed:', error)
     }
   }, [enablePerformanceMonitoring, callbacks])
 
   // Performance improvement tracking
-  const trackImprovement = useCallback((before, after) => {
+  const trackImprovement = useCallback((before: number, after: number) => {
     const improvement = ((before - after) / before) * 100
     
     if (improvement > 0) {
@@ -222,14 +237,14 @@ export const useComponentPerformance = (
       
       setMetrics(prev => ({
         ...prev,
-        optimizationLevel,
-        lastOptimization)}%`
+        optimizationLevel: improvement > 50 ? 'high' : improvement > 25 ? 'medium' : 'low',
+        lastOptimization: `Improved by ${improvement.toFixed(1)}%`
       }))
     }
   }, [callbacks])
 
   // Auto-optimization
-  const autoOptimize = useCallback((componentId) => {
+  const autoOptimize = useCallback((componentId: string) => {
     if (!enableAutoOptimization) return
     
     setIsOptimizing(true)
@@ -251,9 +266,9 @@ export const useComponentPerformance = (
 
   // Performance benchmarking
   const benchmarkComponent = useCallback((
-    componentId,
-    benchmarkFn) => void,
-    iterations= 100
+    componentId: string,
+    benchmarkFn: () => void,
+    iterations: number = 100
   ) => {
     const startTime = performance.now()
     
@@ -264,7 +279,7 @@ export const useComponentPerformance = (
     const endTime = performance.now()
     const averageTime = (endTime - startTime) / iterations
     
-    const benchmark = `Benchmark} - ${averageTime.toFixed(2)}ms average`
+    const benchmark = `Benchmark: ${componentId} - ${averageTime.toFixed(2)}ms average`
     setOptimizations(prev => [...prev, benchmark])
     
     return averageTime
@@ -285,7 +300,7 @@ export const useComponentPerformance = (
         }
       }
     } catch (error) {
-      console.warn('Performance monitoring initialization failed, error)
+      console.warn('Performance monitoring initialization failed:', error)
     }
   }, [enablePerformanceMonitoring, checkMemoryUsage])
 
@@ -319,10 +334,10 @@ export const useComponentPerformance = (
     trackImprovement,
     
     // Utility functions
-    isPerformanceOptimized) => metrics.optimizationLevel !== 'none',
-    getOptimizationLevel) => metrics.optimizationLevel,
-    getPerformanceScore) => Math.max(0, 100 - (metrics.renderTime / performanceThreshold) * 100),
-    clearOptimizations) => setOptimizations([])
+    isPerformanceOptimized: () => metrics.optimizationLevel !== 'none',
+    getOptimizationLevel: () => metrics.optimizationLevel,
+    getPerformanceScore: () => Math.max(0, 100 - (metrics.renderTime / performanceThreshold) * 100),
+    clearOptimizations: () => setOptimizations([])
   }
 }