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

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

@@ -1,24 +1,45 @@
 import { useState, useCallback, useRef, useEffect } from 'react'
 
 export interface LoadingPerformanceConfig {
-  enableAnimationOptimization?}
+  enableAnimationOptimization?: boolean
+  enableMemoryManagement?: boolean
+  enableBatteryOptimization?: boolean
+  enablePerformanceMonitoring?: boolean
+  enableAutoOptimization?: boolean
+  animationFrameRate?: number
+  memoryThreshold?: number
+  batteryThreshold?: number
+}
 
 export interface PerformanceMetrics {
-  frameRate}
+  frameRate: number
+  renderTime: number
+  memoryUsage: number
+  batteryLevel: number
+  animationSmoothness: number
+  loadingEfficiency: number
+}
 
 export interface OptimizationStrategy {
-  id}
+  id: string
+  name: string
+  type: 'animation' | 'memory' | 'battery' | 'performance'
+  impact: 'low' | 'medium' | 'high'
+  applied: boolean
+  description: string
+  metrics: Partial<PerformanceMetrics>
+}
 
 export interface LoadingPerformanceCallbacks {
-  onPerformanceOptimized?) => void
-  onMemoryOptimized?) => void
-  onBatteryOptimized?) => void
-  onAnimationOptimized?) => void
+  onPerformanceOptimized?: (strategy: OptimizationStrategy) => void
+  onMemoryOptimized?: (optimization: string) => void
+  onBatteryOptimized?: (strategy: string) => void
+  onAnimationOptimized?: (optimization: string) => void
 }
 
 export const useLoadingPerformance = (
-  config= {},
-  callbacks= {}
+  config: LoadingPerformanceConfig = {},
+  callbacks: LoadingPerformanceCallbacks = {}
 ) => {
   const {
     enableAnimationOptimization = true,
@@ -29,12 +50,13 @@ export const useLoadingPerformance = (
   } = config
 
   const [performanceMetrics, setPerformanceMetrics] = useState<PerformanceMetrics>({
-    frameRate,
-    renderTime,
-    memoryUsage,
-    batteryLevel,
-    animationSmoothness,
-    loadingEfficiency})
+    frameRate: 60,
+    renderTime: 0,
+    memoryUsage: 0,
+    batteryLevel: 1,
+    animationSmoothness: 100,
+    loadingEfficiency: 100
+  })
 
   const [optimizationStrategies, setOptimizationStrategies] = useState<OptimizationStrategy[]>([])
   const [isOptimizing, setIsOptimizing] = useState(false)
@@ -61,7 +83,7 @@ export const useLoadingPerformance = (
         
         setPerformanceMetrics(prev => ({
           ...prev,
-          frameRate,
+          frameRate: fps,
           renderTime
         }))
         
@@ -93,11 +115,11 @@ export const useLoadingPerformance = (
           
           setPerformanceMetrics(prev => ({
             ...prev,
-            memoryUsage) / 100
+            memoryUsage: Math.round(usedMemory * 100) / 100
           }))
         }
       } catch (error) {
-        console.warn('Memory monitoring failed, error)
+        console.warn('Memory monitoring failed:', error)
       }
     }
     
@@ -122,10 +144,11 @@ export const useLoadingPerformance = (
           
           setPerformanceMetrics(prev => ({
             ...prev,
-            batteryLevel}))
+            batteryLevel: level
+          }))
         }
       } catch (error) {
-        console.warn('Battery monitoring failed, error)
+        console.warn('Battery monitoring failed:', error)
       }
     }
     
@@ -145,33 +168,33 @@ export const useLoadingPerformance = (
     setIsOptimizing(true)
     
     setTimeout(() => {
-      const animationOptimizations] = [
+      const animationOptimizations: OptimizationStrategy[] = [
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics, animationSmoothness}
+          id: 'anim-frame-rate',
+          name: 'Frame Rate Optimization',
+          type: 'animation',
+          impact: 'high',
+          applied: true,
+          description: 'Optimized animation frame rate for smooth performance',
+          metrics: { frameRate: 60, animationSmoothness: 95 }
         },
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics}
+          id: 'anim-smoothness',
+          name: 'Animation Smoothness',
+          type: 'animation',
+          impact: 'medium',
+          applied: true,
+          description: 'Enhanced animation smoothness and timing',
+          metrics: { animationSmoothness: 90 }
         },
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics}
+          id: 'anim-efficiency',
+          name: 'Animation Efficiency',
+          type: 'animation',
+          impact: 'medium',
+          applied: true,
+          description: 'Improved animation efficiency and performance',
+          metrics: { loadingEfficiency: 85 }
         }
       ]
       
@@ -193,24 +216,24 @@ export const useLoadingPerformance = (
     setIsOptimizing(true)
     
     setTimeout(() => {
-      const memoryOptimizations] = [
+      const memoryOptimizations: OptimizationStrategy[] = [
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics}
+          id: 'mem-usage',
+          name: 'Memory Usage Optimization',
+          type: 'memory',
+          impact: 'high',
+          applied: true,
+          description: 'Optimized memory usage for loading states',
+          metrics: { memoryUsage: 25 }
         },
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics}
+          id: 'mem-cleanup',
+          name: 'Memory Cleanup',
+          type: 'memory',
+          impact: 'medium',
+          applied: true,
+          description: 'Automatic memory cleanup and garbage collection',
+          metrics: { memoryUsage: 20 }
         }
       ]
       
@@ -232,24 +255,24 @@ export const useLoadingPerformance = (
     setIsOptimizing(true)
     
     setTimeout(() => {
-      const batteryOptimizations] = [
+      const batteryOptimizations: OptimizationStrategy[] = [
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics}
+          id: 'battery-efficiency',
+          name: 'Battery Efficiency',
+          type: 'battery',
+          impact: 'high',
+          applied: true,
+          description: 'Battery-conscious loading state optimization',
+          metrics: { batteryLevel: 0.8 }
         },
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics}
+          id: 'battery-adaptive',
+          name: 'Battery Adaptive Loading',
+          type: 'battery',
+          impact: 'medium',
+          applied: true,
+          description: 'Adaptive loading based on battery level',
+          metrics: { loadingEfficiency: 80 }
         }
       ]
       
@@ -271,24 +294,24 @@ export const useLoadingPerformance = (
     setIsOptimizing(true)
     
     setTimeout(() => {
-      const performanceOptimizations] = [
+      const performanceOptimizations: OptimizationStrategy[] = [
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics, loadingEfficiency}
+          id: 'perf-overall',
+          name: 'Overall Performance',
+          type: 'performance',
+          impact: 'high',
+          applied: true,
+          description: 'Comprehensive performance optimization applied',
+          metrics: { renderTime: 16, loadingEfficiency: 90 }
         },
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics}
+          id: 'perf-loading',
+          name: 'Loading Performance',
+          type: 'performance',
+          impact: 'medium',
+          applied: true,
+          description: 'Enhanced loading state performance',
+          metrics: { loadingEfficiency: 85 }
         }
       ]
       
@@ -348,7 +371,8 @@ export const useLoadingPerformance = (
     else if (animationSmoothness >= 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'
@@ -413,7 +437,7 @@ export const useLoadingPerformance = (
     autoOptimize,
     
     // Utility functions
-    getPerformanceScore) => {
+    getPerformanceScore: () => {
       const { frameRate, renderTime, memoryUsage, batteryLevel, animationSmoothness } = performanceMetrics
       let score = 0
       if (frameRate >= 58) score += 25
@@ -423,9 +447,9 @@ export const useLoadingPerformance = (
       if (animationSmoothness >= 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 animation complexity to improve frame rate')
@@ -439,7 +463,7 @@ export const useLoadingPerformance = (
       
       return recommendations
     },
-    clearOptimizations) => {
+    clearOptimizations: () => {
       setOptimizationStrategies([])
       setActiveOptimizations([])
     }

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

@@ -1,24 +1,45 @@
 import { useState, useCallback, useRef, useEffect } from 'react'
 
 export interface LoadingPerformanceConfig {
-  enableAnimationOptimization?}
+  enableAnimationOptimization?: boolean
+  enableMemoryManagement?: boolean
+  enableBatteryOptimization?: boolean
+  enablePerformanceMonitoring?: boolean
+  enableAutoOptimization?: boolean
+  animationFrameRate?: number
+  memoryThreshold?: number
+  batteryThreshold?: number
+}
 
 export interface PerformanceMetrics {
-  frameRate}
+  frameRate: number
+  renderTime: number
+  memoryUsage: number
+  batteryLevel: number
+  animationSmoothness: number
+  loadingEfficiency: number
+}
 
 export interface OptimizationStrategy {
-  id}
+  id: string
+  name: string
+  type: 'animation' | 'memory' | 'battery' | 'performance'
+  impact: 'low' | 'medium' | 'high'
+  applied: boolean
+  description: string
+  metrics: Partial<PerformanceMetrics>
+}
 
 export interface LoadingPerformanceCallbacks {
-  onPerformanceOptimized?) => void
-  onMemoryOptimized?) => void
-  onBatteryOptimized?) => void
-  onAnimationOptimized?) => void
+  onPerformanceOptimized?: (strategy: OptimizationStrategy) => void
+  onMemoryOptimized?: (optimization: string) => void
+  onBatteryOptimized?: (strategy: string) => void
+  onAnimationOptimized?: (optimization: string) => void
 }
 
 export const useLoadingPerformance = (
-  config= {},
-  callbacks= {}
+  config: LoadingPerformanceConfig = {},
+  callbacks: LoadingPerformanceCallbacks = {}
 ) => {
   const {
     enableAnimationOptimization = true,
@@ -29,12 +50,13 @@ export const useLoadingPerformance = (
   } = config
 
   const [performanceMetrics, setPerformanceMetrics] = useState<PerformanceMetrics>({
-    frameRate,
-    renderTime,
-    memoryUsage,
-    batteryLevel,
-    animationSmoothness,
-    loadingEfficiency})
+    frameRate: 60,
+    renderTime: 0,
+    memoryUsage: 0,
+    batteryLevel: 1,
+    animationSmoothness: 100,
+    loadingEfficiency: 100
+  })
 
   const [optimizationStrategies, setOptimizationStrategies] = useState<OptimizationStrategy[]>([])
   const [isOptimizing, setIsOptimizing] = useState(false)
@@ -61,7 +83,7 @@ export const useLoadingPerformance = (
         
         setPerformanceMetrics(prev => ({
           ...prev,
-          frameRate,
+          frameRate: fps,
           renderTime
         }))
         
@@ -93,11 +115,11 @@ export const useLoadingPerformance = (
           
           setPerformanceMetrics(prev => ({
             ...prev,
-            memoryUsage) / 100
+            memoryUsage: Math.round(usedMemory * 100) / 100
           }))
         }
       } catch (error) {
-        console.warn('Memory monitoring failed, error)
+        console.warn('Memory monitoring failed:', error)
       }
     }
     
@@ -122,10 +144,11 @@ export const useLoadingPerformance = (
           
           setPerformanceMetrics(prev => ({
             ...prev,
-            batteryLevel}))
+            batteryLevel: level
+          }))
         }
       } catch (error) {
-        console.warn('Battery monitoring failed, error)
+        console.warn('Battery monitoring failed:', error)
       }
     }
     
@@ -145,33 +168,33 @@ export const useLoadingPerformance = (
     setIsOptimizing(true)
     
     setTimeout(() => {
-      const animationOptimizations] = [
+      const animationOptimizations: OptimizationStrategy[] = [
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics, animationSmoothness}
+          id: 'anim-frame-rate',
+          name: 'Frame Rate Optimization',
+          type: 'animation',
+          impact: 'high',
+          applied: true,
+          description: 'Optimized animation frame rate for smooth performance',
+          metrics: { frameRate: 60, animationSmoothness: 95 }
         },
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics}
+          id: 'anim-smoothness',
+          name: 'Animation Smoothness',
+          type: 'animation',
+          impact: 'medium',
+          applied: true,
+          description: 'Enhanced animation smoothness and timing',
+          metrics: { animationSmoothness: 90 }
         },
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics}
+          id: 'anim-efficiency',
+          name: 'Animation Efficiency',
+          type: 'animation',
+          impact: 'medium',
+          applied: true,
+          description: 'Improved animation efficiency and performance',
+          metrics: { loadingEfficiency: 85 }
         }
       ]
       
@@ -193,24 +216,24 @@ export const useLoadingPerformance = (
     setIsOptimizing(true)
     
     setTimeout(() => {
-      const memoryOptimizations] = [
+      const memoryOptimizations: OptimizationStrategy[] = [
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics}
+          id: 'mem-usage',
+          name: 'Memory Usage Optimization',
+          type: 'memory',
+          impact: 'high',
+          applied: true,
+          description: 'Optimized memory usage for loading states',
+          metrics: { memoryUsage: 25 }
         },
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics}
+          id: 'mem-cleanup',
+          name: 'Memory Cleanup',
+          type: 'memory',
+          impact: 'medium',
+          applied: true,
+          description: 'Automatic memory cleanup and garbage collection',
+          metrics: { memoryUsage: 20 }
         }
       ]
       
@@ -232,24 +255,24 @@ export const useLoadingPerformance = (
     setIsOptimizing(true)
     
     setTimeout(() => {
-      const batteryOptimizations] = [
+      const batteryOptimizations: OptimizationStrategy[] = [
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics}
+          id: 'battery-efficiency',
+          name: 'Battery Efficiency',
+          type: 'battery',
+          impact: 'high',
+          applied: true,
+          description: 'Battery-conscious loading state optimization',
+          metrics: { batteryLevel: 0.8 }
         },
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics}
+          id: 'battery-adaptive',
+          name: 'Battery Adaptive Loading',
+          type: 'battery',
+          impact: 'medium',
+          applied: true,
+          description: 'Adaptive loading based on battery level',
+          metrics: { loadingEfficiency: 80 }
         }
       ]
       
@@ -271,24 +294,24 @@ export const useLoadingPerformance = (
     setIsOptimizing(true)
     
     setTimeout(() => {
-      const performanceOptimizations] = [
+      const performanceOptimizations: OptimizationStrategy[] = [
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics, loadingEfficiency}
+          id: 'perf-overall',
+          name: 'Overall Performance',
+          type: 'performance',
+          impact: 'high',
+          applied: true,
+          description: 'Comprehensive performance optimization applied',
+          metrics: { renderTime: 16, loadingEfficiency: 90 }
         },
         {
-          id,
-          name,
-          type,
-          impact,
-          applied,
-          description,
-          metrics}
+          id: 'perf-loading',
+          name: 'Loading Performance',
+          type: 'performance',
+          impact: 'medium',
+          applied: true,
+          description: 'Enhanced loading state performance',
+          metrics: { loadingEfficiency: 85 }
         }
       ]
       
@@ -348,7 +371,8 @@ export const useLoadingPerformance = (
     else if (animationSmoothness >= 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'
@@ -413,7 +437,7 @@ export const useLoadingPerformance = (
     autoOptimize,
     
     // Utility functions
-    getPerformanceScore) => {
+    getPerformanceScore: () => {
       const { frameRate, renderTime, memoryUsage, batteryLevel, animationSmoothness } = performanceMetrics
       let score = 0
       if (frameRate >= 58) score += 25
@@ -423,9 +447,9 @@ export const useLoadingPerformance = (
       if (animationSmoothness >= 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 animation complexity to improve frame rate')
@@ -439,7 +463,7 @@ export const useLoadingPerformance = (
       
       return recommendations
     },
-    clearOptimizations) => {
+    clearOptimizations: () => {
       setOptimizationStrategies([])
       setActiveOptimizations([])
     }