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

package/dist/hooks/use-input-performance.js

@@ -1,25 +1,49 @@
 import { useState, useCallback, useRef, useEffect } from 'react'
 
 export interface InputPerformanceConfig {
-  enablePerformanceMonitoring?}
+  enablePerformanceMonitoring?: boolean
+  enableEventOptimization?: boolean
+  enableMemoryManagement?: boolean
+  enableBatteryOptimization?: boolean
+  enableAutoOptimization?: boolean
+  performanceThreshold?: number
+  memoryThreshold?: number
+  batteryThreshold?: number
+}
 
 export interface InputPerformanceMetrics {
-  frameRate}
+  frameRate: number
+  inputLatency: number
+  eventProcessingTime: number
+  memoryUsage: number
+  batteryLevel: number
+  inputEfficiency: number
+  optimizationScore: number
+}
 
 export interface PerformanceOptimization {
-  id}
+  id: string
+  name: string
+  type: 'event' | 'memory' | 'battery' | 'performance' | 'accessibility'
+  applied: boolean
+  impact: 'low' | 'medium' | 'high'
+  description: string
+  performanceGain: number
+  memorySavings: number
+  batterySavings: number
+}
 
 export interface InputPerformanceCallbacks {
-  onPerformanceOptimized?) => void
-  onMemoryOptimized?) => void
-  onBatteryOptimized?) => void
-  onEventOptimized?) => void
-  onPerformanceThresholdExceeded?, value, threshold) => void
+  onPerformanceOptimized?: (optimization: PerformanceOptimization) => void
+  onMemoryOptimized?: (optimization: string) => void
+  onBatteryOptimized?: (strategy: string) => void
+  onEventOptimized?: (optimization: string) => void
+  onPerformanceThresholdExceeded?: (metric: string, value: number, threshold: number) => void
 }
 
 export const useInputPerformance = (
-  config= {},
-  callbacks= {}
+  config: InputPerformanceConfig = {},
+  callbacks: InputPerformanceCallbacks = {}
 ) => {
   const {
     enablePerformanceMonitoring = true,
@@ -33,13 +57,14 @@ export const useInputPerformance = (
   } = config
 
   const [performanceMetrics, setPerformanceMetrics] = useState<InputPerformanceMetrics>({
-    frameRate,
-    inputLatency,
-    eventProcessingTime,
-    memoryUsage,
-    batteryLevel,
-    inputEfficiency,
-    optimizationScore})
+    frameRate: 60,
+    inputLatency: 0,
+    eventProcessingTime: 0,
+    memoryUsage: 0,
+    batteryLevel: 1,
+    inputEfficiency: 100,
+    optimizationScore: 100
+  })
 
   const [optimizations, setOptimizations] = useState<PerformanceOptimization[]>([])
   const [isOptimizing, setIsOptimizing] = useState(false)
@@ -68,7 +93,7 @@ export const useInputPerformance = (
         
         setPerformanceMetrics(prev => ({
           ...prev,
-          frameRate,
+          frameRate: fps,
           inputLatency
         }))
         
@@ -105,7 +130,7 @@ export const useInputPerformance = (
           
           setPerformanceMetrics(prev => ({
             ...prev,
-            memoryUsage) / 100
+            memoryUsage: Math.round(usedMemory * 100) / 100
           }))
           
           // Check memory threshold
@@ -114,7 +139,7 @@ export const useInputPerformance = (
           }
         }
       } catch (error) {
-        console.warn('Memory monitoring failed, error)
+        console.warn('Memory monitoring failed:', error)
       }
     }
     
@@ -139,7 +164,8 @@ export const useInputPerformance = (
           
           setPerformanceMetrics(prev => ({
             ...prev,
-            batteryLevel}))
+            batteryLevel: level
+          }))
           
           // Check battery threshold
           if (level < batteryThreshold) {
@@ -147,7 +173,7 @@ export const useInputPerformance = (
           }
         }
       } catch (error) {
-        console.warn('Battery monitoring failed, error)
+        console.warn('Battery monitoring failed:', error)
       }
     }
     
@@ -167,27 +193,29 @@ export const useInputPerformance = (
     setIsOptimizing(true)
     
     setTimeout(() => {
-      const eventOptimizations] = [
+      const eventOptimizations: PerformanceOptimization[] = [
         {
-          id,
-          name,
-          type,
-          applied,
-          impact,
-          description,
-          performanceGain,
-          memorySavings,
-          batterySavings},
+          id: 'event-1',
+          name: 'Input Event Optimization',
+          type: 'event',
+          applied: true,
+          impact: 'high',
+          description: 'Optimized input event handling for better performance',
+          performanceGain: 25,
+          memorySavings: 15,
+          batterySavings: 10
+        },
         {
-          id,
-          name,
-          type,
-          applied,
-          impact,
-          description,
-          performanceGain,
-          memorySavings,
-          batterySavings}
+          id: 'event-2',
+          name: 'Event Debouncing',
+          type: 'event',
+          applied: true,
+          impact: 'medium',
+          description: 'Implemented event debouncing to reduce processing overhead',
+          performanceGain: 20,
+          memorySavings: 10,
+          batterySavings: 15
+        }
       ]
       
       setOptimizations(prev => [...prev, ...eventOptimizations])
@@ -208,27 +236,29 @@ export const useInputPerformance = (
     setIsOptimizing(true)
     
     setTimeout(() => {
-      const memoryOptimizations] = [
+      const memoryOptimizations: PerformanceOptimization[] = [
         {
-          id,
-          name,
-          type,
-          applied,
-          impact,
-          description,
-          performanceGain,
-          memorySavings,
-          batterySavings},
+          id: 'memory-1',
+          name: 'Memory Usage Optimization',
+          type: 'memory',
+          applied: true,
+          impact: 'high',
+          description: 'Optimized memory usage for input processing',
+          performanceGain: 15,
+          memorySavings: 30,
+          batterySavings: 20
+        },
         {
-          id,
-          name,
-          type,
-          applied,
-          impact,
-          description,
-          performanceGain,
-          memorySavings,
-          batterySavings}
+          id: 'memory-2',
+          name: 'Garbage Collection Optimization',
+          type: 'memory',
+          applied: true,
+          impact: 'medium',
+          description: 'Enhanced garbage collection for input events',
+          performanceGain: 10,
+          memorySavings: 25,
+          batterySavings: 15
+        }
       ]
       
       setOptimizations(prev => [...prev, ...memoryOptimizations])
@@ -249,27 +279,29 @@ export const useInputPerformance = (
     setIsOptimizing(true)
     
     setTimeout(() => {
-      const batteryOptimizations] = [
+      const batteryOptimizations: PerformanceOptimization[] = [
         {
-          id,
-          name,
-          type,
-          applied,
-          impact,
-          description,
-          performanceGain,
-          memorySavings,
-          batterySavings},
+          id: 'battery-1',
+          name: 'Battery-Conscious Input Processing',
+          type: 'battery',
+          applied: true,
+          impact: 'medium',
+          description: 'Optimized input processing for battery efficiency',
+          performanceGain: 10,
+          memorySavings: 15,
+          batterySavings: 30
+        },
         {
-          id,
-          name,
-          type,
-          applied,
-          impact,
-          description,
-          performanceGain,
-          memorySavings,
-          batterySavings}
+          id: 'battery-2',
+          name: 'Power-Efficient Event Handling',
+          type: 'battery',
+          applied: true,
+          impact: 'low',
+          description: 'Implemented power-efficient event handling strategies',
+          performanceGain: 5,
+          memorySavings: 10,
+          batterySavings: 25
+        }
       ]
       
       setOptimizations(prev => [...prev, ...batteryOptimizations])
@@ -290,27 +322,29 @@ export const useInputPerformance = (
     setIsOptimizing(true)
     
     setTimeout(() => {
-      const performanceOptimizations] = [
+      const performanceOptimizations: PerformanceOptimization[] = [
         {
-          id,
-          name,
-          type,
-          applied,
-          impact,
-          description,
-          performanceGain,
-          memorySavings,
-          batterySavings},
+          id: 'performance-1',
+          name: 'Overall Performance Enhancement',
+          type: 'performance',
+          applied: true,
+          impact: 'high',
+          description: 'Comprehensive performance optimization for input handling',
+          performanceGain: 35,
+          memorySavings: 25,
+          batterySavings: 20
+        },
         {
-          id,
-          name,
-          type,
-          applied,
-          impact,
-          description,
-          performanceGain,
-          memorySavings,
-          batterySavings}
+          id: 'performance-2',
+          name: 'Input Efficiency Optimization',
+          type: 'performance',
+          applied: true,
+          impact: 'medium',
+          description: 'Enhanced input efficiency and responsiveness',
+          performanceGain: 25,
+          memorySavings: 20,
+          batterySavings: 15
+        }
       ]
       
       setOptimizations(prev => [...prev, ...performanceOptimizations])
@@ -369,7 +403,8 @@ export const useInputPerformance = (
     else if (inputEfficiency >= 70) score += 5
     else score += 0
     
-    let health= 90) health = 'excellent'
+    let health: 'excellent' | 'good' | 'fair' | 'poor'
+    if (score >= 90) health = 'excellent'
     else if (score >= 75) health = 'good'
     else if (score >= 60) health = 'fair'
     else health = 'poor'
@@ -434,7 +469,7 @@ export const useInputPerformance = (
     autoOptimize,
     
     // Utility functions
-    getPerformanceScore) => {
+    getPerformanceScore: () => {
       const { frameRate, inputLatency, memoryUsage, batteryLevel, inputEfficiency } = performanceMetrics
       let score = 0
       if (frameRate >= 58) score += 25
@@ -444,9 +479,9 @@ export const useInputPerformance = (
       if (inputEfficiency >= 90) score += 15
       return score
     },
-    isPerformanceOptimal) => performanceHealth === 'excellent' || performanceHealth === 'good',
-    getOptimizationRecommendations) => {
-      const recommendations] = []
+    isPerformanceOptimal: () => performanceHealth === 'excellent' || performanceHealth === 'good',
+    getOptimizationRecommendations: () => {
+      const recommendations: string[] = []
       
       if (performanceMetrics.frameRate < 50) {
         recommendations.push('Consider reducing input event complexity to improve frame rate')
@@ -460,7 +495,7 @@ export const useInputPerformance = (
       
       return recommendations
     },
-    clearOptimizations) => {
+    clearOptimizations: () => {
       setOptimizations([])
       setActiveOptimizations([])
     }

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

@@ -1,21 +1,35 @@
 import { useState, useEffect, useCallback, useRef } from 'react'
 
 export interface LayoutPerformanceMetrics {
-  renderTime}
+  renderTime: number
+  layoutTime: number
+  memoryUsage: number
+  batteryLevel: number
+  fps: number
+  performanceScore: number
+}
 
 export interface LayoutPerformanceConfig {
-  enableLayoutCalculationOptimization?}
+  enableLayoutCalculationOptimization?: boolean
+  enableMemoryManagement?: boolean
+  enableBatteryOptimization?: boolean
+  enablePerformanceMonitoring?: boolean
+  layoutThrottleMs?: number
+  memoryCleanupThreshold?: number
+  batteryLowThreshold?: number
+  fpsTarget?: number
+}
 
 export interface LayoutPerformanceCallbacks {
-  onPerformanceWarning?, metrics) => void
-  onMemoryWarning?, threshold) => void
-  onBatteryWarning?, isLow) => void
-  onLayoutOptimization?) => void
+  onPerformanceWarning?: (warning: string, metrics: LayoutPerformanceMetrics) => void
+  onMemoryWarning?: (usage: number, threshold: number) => void
+  onBatteryWarning?: (level: number, isLow: boolean) => void
+  onLayoutOptimization?: (optimization: string) => void
 }
 
 export const useLayoutPerformance = (
-  config= {},
-  callbacks= {}
+  config: LayoutPerformanceConfig = {},
+  callbacks: LayoutPerformanceCallbacks = {}
 ) => {
   const {
     enableLayoutCalculationOptimization = true,
@@ -29,12 +43,13 @@ export const useLayoutPerformance = (
   } = config
 
   const [metrics, setMetrics] = useState<LayoutPerformanceMetrics>({
-    renderTime,
-    layoutTime,
-    memoryUsage,
-    batteryLevel,
-    fps,
-    performanceScore})
+    renderTime: 0,
+    layoutTime: 0,
+    memoryUsage: 0,
+    batteryLevel: 1,
+    fps: 60,
+    performanceScore: 100
+  })
 
   const [isOptimizing, setIsOptimizing] = useState(false)
   const [optimizations, setOptimizations] = useState<string[]>([])
@@ -62,7 +77,7 @@ export const useLayoutPerformance = (
   }, [])
 
   // Layout calculation optimization
-  const optimizedLayoutCalculation = useCallback((callback) => void) => {
+  const optimizedLayoutCalculation = useCallback((callback: () => void) => {
     if (!enableLayoutCalculationOptimization) {
       callback()
       return
@@ -90,7 +105,7 @@ export const useLayoutPerformance = (
     const memory = (performance as any).memory
     const usage = (memory.usedJSHeapSize / memory.jsHeapSizeLimit) * 100
     
-    setMetrics(prev => ({ ...prev, memoryUsage}))
+    setMetrics(prev => ({ ...prev, memoryUsage: usage }))
 
     if (usage > memoryCleanupThreshold) {
       callbacks.onMemoryWarning?.(usage, memoryCleanupThreshold)
@@ -130,14 +145,14 @@ export const useLayoutPerformance = (
               const battery = await (navigator as any).getBattery()
         const level = battery.level
       
-      setMetrics(prev => ({ ...prev, batteryLevel}))
+      setMetrics(prev => ({ ...prev, batteryLevel: level }))
 
       if (level < batteryLowThreshold) {
         callbacks.onBatteryWarning?.(level, true)
         enableBatteryOptimizations()
       }
     } catch (error) {
-      console.warn('Battery API not available, error)
+      console.warn('Battery API not available:', error)
     }
   }, [enableBatteryOptimization, batteryLowThreshold, callbacks])
 
@@ -186,7 +201,7 @@ export const useLayoutPerformance = (
 
   // Layout optimization suggestions
   const getLayoutOptimizations = useCallback(() => {
-    const suggestions] = []
+    const suggestions: string[] = []
 
     if (metrics.fps < fpsTarget * 0.8) {
       suggestions.push('Reduce layout complexity to improve FPS')
@@ -208,22 +223,27 @@ export const useLayoutPerformance = (
   }, [metrics, fpsTarget, memoryCleanupThreshold, batteryLowThreshold])
 
   // Apply layout optimizations
-  const applyLayoutOptimizations = useCallback((optimizationType) => {
+  const applyLayoutOptimizations = useCallback((optimizationType: string) => {
     setIsOptimizing(true)
     
     setTimeout(() => {
       let optimization = ''
       
       switch (optimizationType) {
-        case 'reduce-layout-complexity'= 'Layout complexity reduced - simplified DOM structure'
+        case 'reduce-layout-complexity':
+          optimization = 'Layout complexity reduced - simplified DOM structure'
           break
-        case 'virtual-scrolling'= 'Virtual scrolling implemented for better performance'
+        case 'virtual-scrolling':
+          optimization = 'Virtual scrolling implemented for better performance'
           break
-        case 'animation-optimization'= 'Animations optimized for current device capabilities'
+        case 'animation-optimization':
+          optimization = 'Animations optimized for current device capabilities'
           break
-        case 'touch-optimization'= 'Touch events optimized for better responsiveness'
+        case 'touch-optimization':
+          optimization = 'Touch events optimized for better responsiveness'
           break
-        default= 'Layout optimization applied'
+        default:
+          optimization = 'Layout optimization applied'
       }
       
       setOptimizations(prev => [...prev, optimization])
@@ -289,10 +309,11 @@ export const useLayoutPerformance = (
     applyLayoutOptimizations,
     
     // Computed values
-    layoutOptimizations),
-    isPerformanceOptimal= 80,
-    isMemoryOptimal,
-    isBatteryOptimal}
+    layoutOptimizations: getLayoutOptimizations(),
+    isPerformanceOptimal: metrics.performanceScore >= 80,
+    isMemoryOptimal: metrics.memoryUsage < memoryCleanupThreshold,
+    isBatteryOptimal: metrics.batteryLevel > batteryLowThreshold
+  }
 }
 
 export default useLayoutPerformance

package/dist/hooks/use-layout-performance.js

@@ -1,21 +1,35 @@
 import { useState, useEffect, useCallback, useRef } from 'react'
 
 export interface LayoutPerformanceMetrics {
-  renderTime}
+  renderTime: number
+  layoutTime: number
+  memoryUsage: number
+  batteryLevel: number
+  fps: number
+  performanceScore: number
+}
 
 export interface LayoutPerformanceConfig {
-  enableLayoutCalculationOptimization?}
+  enableLayoutCalculationOptimization?: boolean
+  enableMemoryManagement?: boolean
+  enableBatteryOptimization?: boolean
+  enablePerformanceMonitoring?: boolean
+  layoutThrottleMs?: number
+  memoryCleanupThreshold?: number
+  batteryLowThreshold?: number
+  fpsTarget?: number
+}
 
 export interface LayoutPerformanceCallbacks {
-  onPerformanceWarning?, metrics) => void
-  onMemoryWarning?, threshold) => void
-  onBatteryWarning?, isLow) => void
-  onLayoutOptimization?) => void
+  onPerformanceWarning?: (warning: string, metrics: LayoutPerformanceMetrics) => void
+  onMemoryWarning?: (usage: number, threshold: number) => void
+  onBatteryWarning?: (level: number, isLow: boolean) => void
+  onLayoutOptimization?: (optimization: string) => void
 }
 
 export const useLayoutPerformance = (
-  config= {},
-  callbacks= {}
+  config: LayoutPerformanceConfig = {},
+  callbacks: LayoutPerformanceCallbacks = {}
 ) => {
   const {
     enableLayoutCalculationOptimization = true,
@@ -29,12 +43,13 @@ export const useLayoutPerformance = (
   } = config
 
   const [metrics, setMetrics] = useState<LayoutPerformanceMetrics>({
-    renderTime,
-    layoutTime,
-    memoryUsage,
-    batteryLevel,
-    fps,
-    performanceScore})
+    renderTime: 0,
+    layoutTime: 0,
+    memoryUsage: 0,
+    batteryLevel: 1,
+    fps: 60,
+    performanceScore: 100
+  })
 
   const [isOptimizing, setIsOptimizing] = useState(false)
   const [optimizations, setOptimizations] = useState<string[]>([])
@@ -62,7 +77,7 @@ export const useLayoutPerformance = (
   }, [])
 
   // Layout calculation optimization
-  const optimizedLayoutCalculation = useCallback((callback) => void) => {
+  const optimizedLayoutCalculation = useCallback((callback: () => void) => {
     if (!enableLayoutCalculationOptimization) {
       callback()
       return
@@ -90,7 +105,7 @@ export const useLayoutPerformance = (
     const memory = (performance as any).memory
     const usage = (memory.usedJSHeapSize / memory.jsHeapSizeLimit) * 100
     
-    setMetrics(prev => ({ ...prev, memoryUsage}))
+    setMetrics(prev => ({ ...prev, memoryUsage: usage }))
 
     if (usage > memoryCleanupThreshold) {
       callbacks.onMemoryWarning?.(usage, memoryCleanupThreshold)
@@ -130,14 +145,14 @@ export const useLayoutPerformance = (
               const battery = await (navigator as any).getBattery()
         const level = battery.level
       
-      setMetrics(prev => ({ ...prev, batteryLevel}))
+      setMetrics(prev => ({ ...prev, batteryLevel: level }))
 
       if (level < batteryLowThreshold) {
         callbacks.onBatteryWarning?.(level, true)
         enableBatteryOptimizations()
       }
     } catch (error) {
-      console.warn('Battery API not available, error)
+      console.warn('Battery API not available:', error)
     }
   }, [enableBatteryOptimization, batteryLowThreshold, callbacks])
 
@@ -186,7 +201,7 @@ export const useLayoutPerformance = (
 
   // Layout optimization suggestions
   const getLayoutOptimizations = useCallback(() => {
-    const suggestions] = []
+    const suggestions: string[] = []
 
     if (metrics.fps < fpsTarget * 0.8) {
       suggestions.push('Reduce layout complexity to improve FPS')
@@ -208,22 +223,27 @@ export const useLayoutPerformance = (
   }, [metrics, fpsTarget, memoryCleanupThreshold, batteryLowThreshold])
 
   // Apply layout optimizations
-  const applyLayoutOptimizations = useCallback((optimizationType) => {
+  const applyLayoutOptimizations = useCallback((optimizationType: string) => {
     setIsOptimizing(true)
     
     setTimeout(() => {
       let optimization = ''
       
       switch (optimizationType) {
-        case 'reduce-layout-complexity'= 'Layout complexity reduced - simplified DOM structure'
+        case 'reduce-layout-complexity':
+          optimization = 'Layout complexity reduced - simplified DOM structure'
           break
-        case 'virtual-scrolling'= 'Virtual scrolling implemented for better performance'
+        case 'virtual-scrolling':
+          optimization = 'Virtual scrolling implemented for better performance'
           break
-        case 'animation-optimization'= 'Animations optimized for current device capabilities'
+        case 'animation-optimization':
+          optimization = 'Animations optimized for current device capabilities'
           break
-        case 'touch-optimization'= 'Touch events optimized for better responsiveness'
+        case 'touch-optimization':
+          optimization = 'Touch events optimized for better responsiveness'
           break
-        default= 'Layout optimization applied'
+        default:
+          optimization = 'Layout optimization applied'
       }
       
       setOptimizations(prev => [...prev, optimization])
@@ -289,10 +309,11 @@ export const useLayoutPerformance = (
     applyLayoutOptimizations,
     
     // Computed values
-    layoutOptimizations),
-    isPerformanceOptimal= 80,
-    isMemoryOptimal,
-    isBatteryOptimal}
+    layoutOptimizations: getLayoutOptimizations(),
+    isPerformanceOptimal: metrics.performanceScore >= 80,
+    isMemoryOptimal: metrics.memoryUsage < memoryCleanupThreshold,
+    isBatteryOptimal: metrics.batteryLevel > batteryLowThreshold
+  }
 }
 
 export default useLayoutPerformance