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

package/dist/hooks/use-mobile-keyboard-optimization.d.ts

@@ -1,469 +1,70 @@
 export interface KeyboardOptimizationConfig {
-  enableKeyboardDetection?: boolean
-  enableAutoOptimization?: boolean
-  enablePerformanceMonitoring?: boolean
-  enableBatteryOptimization?: boolean
-  enableAccessibilitySupport?: boolean
-  keyboardDetectionInterval?: number
-  performanceThreshold?: number
+    enableKeyboardDetection?: boolean;
+    enableAutoOptimization?: boolean;
+    enablePerformanceMonitoring?: boolean;
+    enableBatteryOptimization?: boolean;
+    enableAccessibilitySupport?: boolean;
+    keyboardDetectionInterval?: number;
+    performanceThreshold?: number;
 }
-
 export interface KeyboardState {
-  isVisible: boolean
-  height: number
-  type: 'default' | 'numeric' | 'email' | 'tel' | 'url' | 'search' | 'decimal'
-  orientation: 'portrait' | 'landscape'
-  platform: 'ios' | 'android' | 'unknown'
-  language: string
-  inputMode: string
-  autoCapitalize: string
-  autoComplete: string
-  autoCorrect: string
-  spellCheck: boolean
+    isVisible: boolean;
+    height: number;
+    type: 'default' | 'numeric' | 'email' | 'tel' | 'url' | 'search' | 'decimal';
+    orientation: 'portrait' | 'landscape';
+    platform: 'ios' | 'android' | 'unknown';
+    language: string;
+    inputMode: string;
+    autoCapitalize: string;
+    autoComplete: string;
+    autoCorrect: string;
+    spellCheck: boolean;
 }
-
 export interface KeyboardOptimization {
-  id: string
-  name: string
-  type: 'keyboard' | 'input' | 'performance' | 'accessibility'
-  applied: boolean
-  impact: 'low' | 'medium' | 'high'
-  description: string
-  keyboardType?: string
-  inputMode?: string
+    id: string;
+    name: string;
+    type: 'keyboard' | 'input' | 'performance' | 'accessibility';
+    applied: boolean;
+    impact: 'low' | 'medium' | 'high';
+    description: string;
+    keyboardType?: string;
+    inputMode?: string;
 }
-
 export interface MobileKeyboardOptimizationCallbacks {
-  onKeyboardStateChanged?: (state: KeyboardState) => void
-  onOptimizationApplied?: (optimization: KeyboardOptimization) => void
-  onPerformanceOptimized?: (optimization: string) => void
-  onBatteryOptimized?: (strategy: string) => void
-  onAccessibilityEnhanced?: (feature: string) => void
+    onKeyboardStateChanged?: (state: KeyboardState) => void;
+    onOptimizationApplied?: (optimization: KeyboardOptimization) => void;
+    onPerformanceOptimized?: (optimization: string) => void;
+    onBatteryOptimized?: (strategy: string) => void;
+    onAccessibilityEnhanced?: (feature: string) => void;
 }
-
-export declare const useMobileKeyboardOptimization: (
-  config: KeyboardOptimizationConfig = {},
-  callbacks: MobileKeyboardOptimizationCallbacks = {}
-) => {
-  const {
-    enableKeyboardDetection = true,
-
-    enablePerformanceMonitoring = true,
-    enableBatteryOptimization = true,
-    enableAccessibilitySupport = true,
-    keyboardDetectionInterval = 100,
-    performanceThreshold = 60
-  } = config
-
-  const [keyboardState, setKeyboardState] = useState<KeyboardState>({
-    isVisible: false,
-    height: 0,
-    type: 'default',
-    orientation: 'portrait',
-    platform: 'unknown',
-    language: 'en-US',
-    inputMode: 'text',
-    autoCapitalize: 'sentences',
-    autoComplete: 'on',
-    autoCorrect: 'on',
-    spellCheck: true
-  })
-
-  const [optimizations, setOptimizations] = useState<KeyboardOptimization[]>([])
-  const [isOptimizing, setIsOptimizing] = useState(false)
-  const [performanceMetrics, setPerformanceMetrics] = useState({
-    frameRate: 60,
-    inputLatency: 0,
-    keyboardResponseTime: 0,
-    memoryUsage: 0
-  })
-
-  const keyboardDetectionRef = useRef<number | null>(null)
-  const performanceTimerRef = useRef<number | null>(null)
-
-  const lastKeyboardHeightRef = useRef(0)
-  const keyboardVisibilityTimerRef = useRef<number | null>(null)
-
-  // Detect mobile platform
-  const detectPlatform = useCallback(() => {
-    const userAgent = navigator.userAgent.toLowerCase()
-    if (/iphone|ipad|ipod/.test(userAgent)) return 'ios'
-    if (/android/.test(userAgent)) return 'android'
-    return 'unknown'
-  }, [])
-
-  // Detect device orientation
-  const detectOrientation = useCallback(() => {
-    return window.innerHeight > window.innerWidth ? 'portrait' : 'landscape'
-  }, [])
-
-  // Detect keyboard visibility
-  const detectKeyboardVisibility = useCallback(() => {
-    const currentHeight = window.innerHeight
-    const heightDifference = lastKeyboardHeightRef.current - currentHeight
-
-    // Keyboard is considered visible if height decreased significantly
-    const isVisible = heightDifference > 150
-
-    if (isVisible !== keyboardState.isVisible) {
-      setKeyboardState(prev => ({
-        ...prev,
-        isVisible,
-        height: isVisible ? heightDifference : 0
-      }))
-
-      callbacks.onKeyboardStateChanged?.({
-        ...keyboardState,
-        isVisible,
-        height: isVisible ? heightDifference : 0
-      })
-    }
-
-    lastKeyboardHeightRef.current = currentHeight
-  }, [keyboardState, callbacks])
-
-  // Start keyboard detection
-  const startKeyboardDetection = useCallback(() => {
-    if (!enableKeyboardDetection) return () => {}
-
-    const detect = () => {
-      detectKeyboardVisibility()
-      keyboardDetectionRef.current = window.setTimeout(detect, keyboardDetectionInterval)
-    }
-
-    keyboardDetectionRef.current = window.setTimeout(detect, keyboardDetectionInterval)
-
-    return () => {
-      if (keyboardDetectionRef.current) {
-        clearTimeout(keyboardDetectionRef.current)
-      }
-    }
-  }, [enableKeyboardDetection, keyboardDetectionInterval, detectKeyboardVisibility])
-
-  // Performance monitoring
-  const startPerformanceMonitoring = useCallback(() => {
-    if (!enablePerformanceMonitoring) return () => {}
-
-    let frameCount = 0
-    let lastTime = performance.now()
-
-    const measurePerformance = () => {
-      const currentTime = performance.now()
-      frameCount++
-
-      if (currentTime - lastTime >= 1000) {
-        const fps = Math.round((frameCount * 1000) / (currentTime - lastTime))
-        const inputLatency = currentTime - lastTime
-
-        setPerformanceMetrics(prev => ({
-          ...prev,
-          frameRate: fps,
-          inputLatency
-        }))
-
-        frameCount = 0
-        lastTime = currentTime
-      }
-
-      performanceTimerRef.current = requestAnimationFrame(measurePerformance)
-    }
-
-    performanceTimerRef.current = requestAnimationFrame(measurePerformance)
-
-    return () => {
-      if (performanceTimerRef.current) {
-        cancelAnimationFrame(performanceTimerRef.current)
-      }
-    }
-  }, [enablePerformanceMonitoring])
-
-  // Keyboard type optimization
-  const optimizeKeyboardType = useCallback((inputType: string) => {
-    setIsOptimizing(true)
-
-    setTimeout(() => {
-      const keyboardOptimizations: KeyboardOptimization[] = [
-        {
-          id: 'keyboard-type-1',
-          name: 'Keyboard Type Optimization',
-          type: 'keyboard',
-          applied: true,
-          impact: 'high',
-          description: `Optimized keyboard type for ${inputType} input`,
-          keyboardType: inputType,
-          inputMode: inputType
-        },
-        {
-          id: 'keyboard-type-2',
-          name: 'Input Mode Enhancement',
-          type: 'input',
-          applied: true,
-          impact: 'medium',
-          description: 'Enhanced input mode for better mobile experience',
-          inputMode: inputType
-        }
-      ]
-
-      setOptimizations(prev => [...prev, ...keyboardOptimizations])
-      setIsOptimizing(false)
-
-      keyboardOptimizations.forEach(optimization => {
-        callbacks.onOptimizationApplied?.(optimization)
-      })
-    }, 200)
-  }, [callbacks])
-
-  // Input behavior optimization
-  const optimizeInputBehavior = useCallback((inputType: string) => {
-    setIsOptimizing(true)
-
-    setTimeout(() => {
-      const inputOptimizations: KeyboardOptimization[] = [
-        {
-          id: 'input-behavior-1',
-          name: 'Auto-capitalization Optimization',
-          type: 'input',
-          applied: true,
-          impact: 'medium',
-          description: 'Optimized auto-capitalization for mobile input',
-          inputMode: inputType
-        },
-        {
-          id: 'input-behavior-2',
-          name: 'Autocomplete Enhancement',
-          type: 'input',
-          applied: true,
-          impact: 'medium',
-          description: 'Enhanced autocomplete for better user experience',
-          inputMode: inputType
-        }
-      ]
-
-      setOptimizations(prev => [...prev, ...inputOptimizations])
-      setIsOptimizing(false)
-
-      inputOptimizations.forEach(optimization => {
-        callbacks.onOptimizationApplied?.(optimization)
-      })
-    }, 250)
-  }, [callbacks])
-
-  // Performance optimization
-  const optimizePerformance = useCallback(() => {
-    if (!enablePerformanceMonitoring) return
-
-    setIsOptimizing(true)
-
-    setTimeout(() => {
-      const performanceOptimizations: KeyboardOptimization[] = [
-        {
-          id: 'performance-1',
-          name: 'Input Latency Optimization',
-          type: 'performance',
-          applied: true,
-          impact: 'high',
-          description: 'Reduced input latency for smoother typing experience'
-        },
-        {
-          id: 'performance-2',
-          name: 'Frame Rate Optimization',
-          type: 'performance',
-          applied: true,
-          impact: 'medium',
-          description: 'Optimized frame rate for keyboard interactions'
-        }
-      ]
-
-      setOptimizations(prev => [...prev, ...performanceOptimizations])
-      setIsOptimizing(false)
-
-      performanceOptimizations.forEach(optimization => {
-        callbacks.onPerformanceOptimized?.(optimization.description)
-      })
-    }, 300)
-  }, [enablePerformanceMonitoring, callbacks])
-
-  // Battery optimization
-  const optimizeBattery = useCallback(() => {
-    if (!enableBatteryOptimization) return
-
-    setIsOptimizing(true)
-
-    setTimeout(() => {
-      const batteryOptimizations: KeyboardOptimization[] = [
-        {
-          id: 'battery-1',
-          name: 'Battery-Conscious Keyboard',
-          type: 'performance',
-          applied: true,
-          impact: 'medium',
-          description: 'Battery-optimized keyboard behavior'
-        },
-        {
-          id: 'battery-2',
-          name: 'Efficient Input Processing',
-          type: 'performance',
-          applied: true,
-          impact: 'low',
-          description: 'Efficient input processing for battery optimization'
-        }
-      ]
-
-      setOptimizations(prev => [...prev, ...batteryOptimizations])
-      setIsOptimizing(false)
-
-      batteryOptimizations.forEach(optimization => {
-        callbacks.onBatteryOptimized?.(optimization.description)
-      })
-    }, 200)
-  }, [enableBatteryOptimization, callbacks])
-
-  // Accessibility enhancement
-  const enhanceAccessibility = useCallback(() => {
-    if (!enableAccessibilitySupport) return
-
-    setIsOptimizing(true)
-
-    setTimeout(() => {
-      const accessibilityFeatures: KeyboardOptimization[] = [
-        {
-          id: 'accessibility-1',
-          name: 'Keyboard Navigation',
-          type: 'accessibility',
-          applied: true,
-          impact: 'high',
-          description: 'Enhanced keyboard navigation support'
-        },
-        {
-          id: 'accessibility-2',
-          name: 'Screen Reader Support',
-          type: 'accessibility',
-          applied: true,
-          impact: 'medium',
-          description: 'Improved screen reader compatibility'
-        }
-      ]
-
-      setOptimizations(prev => [...prev, ...accessibilityFeatures])
-      setIsOptimizing(false)
-
-      accessibilityFeatures.forEach(feature => {
-        callbacks.onAccessibilityEnhanced?.(feature.description)
-      })
-    }, 150)
-  }, [enableAccessibilitySupport, callbacks])
-
-  // Auto-optimize based on input type
-  const autoOptimizeForInputType = useCallback((inputType: string) => {
-    optimizeKeyboardType(inputType)
-    optimizeInputBehavior(inputType)
-    optimizePerformance()
-    optimizeBattery()
-    enhanceAccessibility()
-  }, [optimizeKeyboardType, optimizeInputBehavior, optimizePerformance, optimizeBattery, enhanceAccessibility])
-
-  // Get keyboard optimization recommendations
-  const getOptimizationRecommendations = useCallback(() => {
-    const recommendations: string[] = []
-
-    if (performanceMetrics.frameRate < performanceThreshold) {
-      recommendations.push('Consider reducing keyboard animation complexity to improve frame rate')
-    }
-
-    if (performanceMetrics.inputLatency > 16) {
-      recommendations.push('Input latency is high, consider optimizing keyboard event handling')
-    }
-
-    if (!keyboardState.isVisible && keyboardState.height > 0) {
-      recommendations.push('Keyboard detection may need adjustment for better accuracy')
-    }
-
-    return recommendations
-  }, [performanceMetrics, performanceThreshold, keyboardState])
-
-  // Initialize on mount
-  useEffect(() => {
-    const platform = detectPlatform()
-    const orientation = detectOrientation()
-
-    setKeyboardState(prev => ({
-      ...prev,
-      platform,
-      orientation
-    }))
-
-    const stopKeyboardDetection = startKeyboardDetection()
-    const stopPerformanceMonitoring = startPerformanceMonitoring()
-
-    return () => {
-      stopKeyboardDetection()
-      stopPerformanceMonitoring()
-    }
-  }, [detectPlatform, detectOrientation, startKeyboardDetection, startPerformanceMonitoring])
-
-  // Handle orientation change
-  useEffect(() => {
-    const handleOrientationChange = () => {
-      const orientation = detectOrientation()
-      setKeyboardState(prev => ({
-        ...prev,
-        orientation
-      }))
-    }
-
-    window.addEventListener('orientationchange', handleOrientationChange)
-    window.addEventListener('resize', handleOrientationChange)
-
-    return () => {
-      window.removeEventListener('orientationchange', handleOrientationChange)
-      window.removeEventListener('resize', handleOrientationChange)
-    }
-  }, [detectOrientation])
-
-  // Cleanup on unmount
-  useEffect(() => {
-    return () => {
-      if (keyboardDetectionRef.current) {
-        clearTimeout(keyboardDetectionRef.current)
-      }
-      if (performanceTimerRef.current) {
-        cancelAnimationFrame(performanceTimerRef.current)
-      }
-      if (keyboardVisibilityTimerRef.current) {
-        clearTimeout(keyboardVisibilityTimerRef.current)
-      }
-    }
-  }, [])
-
-  return {
-    // State
-    keyboardState,
-    optimizations,
-    isOptimizing,
-    performanceMetrics,
-
-    // Functions
-    optimizeKeyboardType,
-    optimizeInputBehavior,
-    optimizePerformance,
-    optimizeBattery,
-    enhanceAccessibility,
-    autoOptimizeForInputType,
-
-    // Utility functions
-    isKeyboardVisible: () => keyboardState.isVisible,
-    getKeyboardHeight: () => keyboardState.height,
-    getPlatform: () => keyboardState.platform,
-    getOrientation: () => keyboardState.orientation,
-    getOptimizationStatus: () => ({
-      keyboard: optimizations.some(o => o.type === 'keyboard'),
-      input: optimizations.some(o => o.type === 'input'),
-      performance: optimizations.some(o => o.type === 'performance'),
-      accessibility: optimizations.some(o => o.type === 'accessibility')
-    }),
-    getOptimizationRecommendations,
-    clearOptimizations: () => setOptimizations([])
-  }
-}
-
-export default useMobileKeyboardOptimization
+export declare const useMobileKeyboardOptimization: (config?: KeyboardOptimizationConfig, callbacks?: MobileKeyboardOptimizationCallbacks) => {
+    keyboardState: KeyboardState;
+    optimizations: KeyboardOptimization[];
+    isOptimizing: boolean;
+    performanceMetrics: {
+        frameRate: number;
+        inputLatency: number;
+        keyboardResponseTime: number;
+        memoryUsage: number;
+    };
+    optimizeKeyboardType: (inputType: string) => void;
+    optimizeInputBehavior: (inputType: string) => void;
+    optimizePerformance: () => void;
+    optimizeBattery: () => void;
+    enhanceAccessibility: () => void;
+    autoOptimizeForInputType: (inputType: string) => void;
+    isKeyboardVisible: () => boolean;
+    getKeyboardHeight: () => number;
+    getPlatform: () => "ios" | "android" | "unknown";
+    getOrientation: () => "portrait" | "landscape";
+    getOptimizationStatus: () => {
+        keyboard: boolean;
+        input: boolean;
+        performance: boolean;
+        accessibility: boolean;
+    };
+    getOptimizationRecommendations: () => string[];
+    clearOptimizations: () => void;
+};
+export default useMobileKeyboardOptimization;
+//# sourceMappingURL=use-mobile-keyboard-optimization.d.ts.map

package/dist/hooks/use-mobile-keyboard-optimization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile-keyboard-optimization.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile-keyboard-optimization.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,0BAA0B;IACzC,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,yBAAyB,CAAC,EAAE,MAAM,CAAA;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;IAC5E,WAAW,EAAE,UAAU,GAAG,WAAW,CAAA;IACrC,QAAQ,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,CAAA;IACvC,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,UAAU,GAAG,OAAO,GAAG,aAAa,GAAG,eAAe,CAAA;IAC5D,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IACjC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,mCAAmC;IAClD,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACvD,qBAAqB,CAAC,EAAE,CAAC,YAAY,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACpE,sBAAsB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACvD,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,uBAAuB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,eAAO,MAAM,6BAA6B,GACxC,SAAQ,0BAA+B,EACvC,YAAW,mCAAwC;;;;;;;;;;sCAuIE,MAAM;uCAoCL,MAAM;;;;0CA4IH,MAAM;;;;;;;;;;;;;CA8GhE,CAAA;AAED,eAAe,6BAA6B,CAAA"}