aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
130 lines • 4.74 kB
TypeScript
import React from 'react';
/**
* Production utilities for AuraGlass components
* These utilities are optimized for production environments
*/
export declare const isProduction: () => boolean;
export declare const isDevelopment: () => boolean;
export declare const isTest: () => boolean;
export declare const logger: {
error: (message: string, ...args: any[]) => void;
warn: (message: string, ...args: any[]) => void;
info: (message: string, ...args: any[]) => void;
debug: (message: string, ...args: any[]) => void;
};
export declare const performance: {
measure: (name: string, fn: () => void) => number;
measureAsync: (name: string, fn: () => Promise<void>) => Promise<number>;
};
export declare const safeExecute: <T>(fn: () => T, fallback: T, errorMessage?: string) => T;
export declare const safeExecuteAsync: <T>(fn: () => Promise<T>, fallback: T, errorMessage?: string) => Promise<T>;
export declare const features: {
supportsIntersectionObserver: () => boolean;
supportsResizeObserver: () => boolean;
supportsBackdropFilter: () => boolean;
supportsWebGL: () => boolean;
supportsWebP: () => boolean;
supportsAVIF: () => boolean;
supportsContainerQueries: () => boolean;
};
export declare const memory: {
cleanup: (refs: React.RefObject<any>[]) => void;
debounce: <T extends (...args: any[]) => void>(func: T, wait: number) => T;
throttle: <T extends (...args: any[]) => void>(func: T, limit: number) => T;
};
export declare const validate: {
isValidHexColor: (color: string) => boolean;
isValidRgbaColor: (color: string) => boolean;
isValidCSSUnit: (value: string) => boolean;
isValidEmail: (email: string) => boolean;
isValidUrl: (url: string) => boolean;
};
export declare const data: {
generateId: (prefix?: string) => string;
deepClone: <T>(obj: T) => T;
isEqual: (a: any, b: any) => boolean;
omit: <T extends Record<string, any>, K extends keyof T>(obj: T, keys: K[]) => Omit<T, K>;
pick: <T extends Record<string, any>, K extends keyof T>(obj: T, keys: K[]) => Pick<T, K>;
};
export declare const css: {
classNames: (...classes: (string | undefined | null | false)[]) => string;
mergeStyles: (...styles: (React.CSSProperties | undefined)[]) => React.CSSProperties;
pxToRem: (px: number, baseFontSize?: number) => string;
hexToRgba: (hex: string, alpha: number) => string;
};
export declare const browser: {
isChrome: () => boolean;
isFirefox: () => boolean;
isSafari: () => boolean;
isEdge: () => boolean;
isMobile: () => boolean;
isTouch: () => boolean;
getViewportSize: () => {
width: number;
height: number;
};
getDevicePixelRatio: () => number;
};
export declare const storage: {
set: (key: string, value: any) => void;
get: <T>(key: string, fallback: T) => T;
remove: (key: string) => void;
clear: () => void;
};
export declare const analytics: {
track: (event: string, properties?: Record<string, any>) => void;
page: (page: string, properties?: Record<string, any>) => void;
identify: (userId: string, traits?: Record<string, any>) => void;
};
export declare const productionConfig: {
errorReporting: {
enabled: boolean;
endpoint: string;
apiKey: string;
maxRetries: number;
retryDelay: number;
};
analytics: {
enabled: boolean;
trackingId: string;
sampleRate: number;
enableAutoPageTracking: boolean;
};
performance: {
enableMonitoring: boolean;
sampleRate: number;
thresholds: {
renderTime: number;
memoryUsage: number;
bundleSize: number;
};
};
features: {
enableAdvancedAnimations: boolean;
enableVirtualization: boolean;
enableLazyLoading: boolean;
enableA11yAuditing: boolean;
enablePerformanceMonitoring: boolean;
};
};
export declare const bundle: {
reportSize: (componentName: string, size: number) => void;
trackImport: (componentName: string) => void;
};
export declare const health: {
checkGlassSupport: () => {
supported: boolean;
issues: string[];
};
checkPerformance: () => {
score: number;
recommendations: string[];
};
};
export declare const initializeProduction: () => void;
export declare const dev: {
logComponentRender: (componentName: string, props: any) => void;
logPerformanceWarning: (componentName: string, metric: string, value: number, threshold: number) => void;
validateProps: <T>(props: T, schema: Record<keyof T, (value: any) => boolean>) => boolean;
};
//# sourceMappingURL=productionUtils.d.ts.map