aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
73 lines • 2.04 kB
TypeScript
import React from 'react';
export interface PerformanceMetrics {
renderTime: number;
memoryUsage: number;
frameRate: number;
networkSpeed: string;
deviceCapabilities: {
supportsGPU: boolean;
supportsBackdropFilter: boolean;
devicePixelRatio: number;
};
}
export interface PerformanceState {
isOptimized: boolean;
performanceMode: 'high' | 'balanced' | 'low';
metrics: PerformanceMetrics | null;
isLoading: boolean;
error: string | null;
}
/**
* Enhanced performance monitoring and optimization hook
*/
export declare function useEnhancedPerformance(options?: {
enableMetrics?: boolean;
metricsInterval?: number;
adaptiveMode?: boolean;
onPerformanceChange?: (state: PerformanceState) => void;
}): PerformanceState & {
startMeasure: (name: string) => void;
endMeasure: (name: string) => number | null;
optimizeForDevice: () => void;
clearMetrics: () => void;
};
/**
* Hook for performance-aware rendering
*/
export declare function usePerformanceAwareRendering<T>(data: T[], options?: {
itemsPerPage?: number;
enableVirtualization?: boolean;
performanceThreshold?: number;
}): {
visibleData: T[];
shouldVirtualize: boolean;
currentPage: number;
totalPages: number;
setPage: (page: number) => void;
};
/**
* Hook for lazy loading with performance awareness
*/
export declare function usePerformanceLazyLoading(enabled?: boolean, options?: {
threshold?: number;
rootMargin?: string;
performanceMode?: 'high' | 'balanced' | 'low';
}): {
ref: React.RefObject<HTMLElement>;
isIntersecting: boolean;
shouldLoad: boolean;
};
/**
* Hook for adaptive image loading based on performance
*/
export declare function useAdaptiveImageLoading(src: string, options?: {
lowQualitySrc?: string;
webpSrc?: string;
avifSrc?: string;
sizes?: string;
}): {
currentSrc: string;
isLoading: boolean;
error: string | null;
};
//# sourceMappingURL=useEnhancedPerformance.d.ts.map