@umituz/react-native-design-system 4.23.82 → 4.23.84

package/src/tanstack/infrastructure/monitoring/DevMonitor.ts

@@ -9,12 +9,14 @@
 import type { Query, QueryClient } from '@tanstack/react-query';
 import type { QueryMetrics, CacheStats, DevMonitorOptions } from './DevMonitor.types';
 import { DevMonitorLogger } from './DevMonitorLogger';
+import { MetricsCalculator } from '../../domain/utils/MetricsCalculator';
 
 class DevMonitorClass {
   private metrics: Map<string, QueryMetrics> = new Map();
   private queryClient: QueryClient | null = null;
   private options: Required<DevMonitorOptions>;
   private statsInterval: ReturnType<typeof setInterval> | null = null;
+  private cacheSubscription: (() => void) | null = null;
   private isEnabled: boolean;
 
   constructor(options: DevMonitorOptions = {}) {
@@ -38,37 +40,22 @@ class DevMonitorClass {
     this.startStatsLogging();
   }
 
-  private getQueryKeyString(queryKey: readonly unknown[]): string {
-    return JSON.stringify(queryKey);
-  }
-
   private trackQuery(query: Query): void {
     if (!this.isEnabled) return;
 
-    const queryKeyString = this.getQueryKeyString(query.queryKey);
-
-    if (!this.metrics.has(queryKeyString)) {
-      this.metrics.set(queryKeyString, {
-        queryKey: query.queryKey,
-        fetchCount: 0,
-        totalFetchTime: 0,
-        averageFetchTime: 0,
-        slowFetchCount: 0,
-        lastFetchTime: null,
-      });
-    }
-
-    const metrics = this.metrics.get(queryKeyString)!;
-    const fetchTime = Date.now() - (query.state.dataUpdatedAt ?? Date.now());
+    const queryKeyString = MetricsCalculator.getQueryKeyString(query.queryKey);
+    const currentMetrics = this.metrics.get(queryKeyString) ?? null;
+    const updatedMetrics = MetricsCalculator.calculateQueryMetrics(
+      query,
+      currentMetrics,
+      this.options
+    );
 
-    metrics.fetchCount++;
-    metrics.totalFetchTime += fetchTime;
-    metrics.averageFetchTime = metrics.totalFetchTime / metrics.fetchCount;
-    metrics.lastFetchTime = fetchTime;
+    this.metrics.set(queryKeyString, updatedMetrics);
 
-    if (fetchTime > this.options.slowQueryThreshold) {
-      metrics.slowFetchCount++;
-      if (this.options.enableLogging) {
+    if (this.options.enableLogging && updatedMetrics.slowFetchCount > 0) {
+      const fetchTime = MetricsCalculator.calculateFetchTime(query);
+      if (MetricsCalculator.isSlowQuery(fetchTime, this.options.slowQueryThreshold)) {
         DevMonitorLogger.logSlowQuery(queryKeyString, fetchTime);
       }
     }
@@ -80,8 +67,13 @@ class DevMonitorClass {
   attach(queryClient: QueryClient): void {
     if (!this.isEnabled) return;
 
+    // Detach from previous client if attached
+    if (this.cacheSubscription) {
+      this.detach();
+    }
+
     this.queryClient = queryClient;
-    queryClient.getQueryCache().subscribe((event) => {
+    this.cacheSubscription = queryClient.getQueryCache().subscribe((event) => {
       if (event.query) {
         this.trackQuery(event.query as Query);
       }
@@ -92,6 +84,20 @@ class DevMonitorClass {
     }
   }
 
+  /**
+   * Detach monitor from query client
+   */
+  detach(): void {
+    if (!this.isEnabled) return;
+
+    if (this.cacheSubscription) {
+      this.cacheSubscription();
+      this.cacheSubscription = null;
+    }
+
+    this.queryClient = null;
+  }
+
   /**
    * Get all query metrics
    */
@@ -105,7 +111,7 @@ class DevMonitorClass {
    */
   getQueryMetrics(queryKey: readonly unknown[]): QueryMetrics | undefined {
     if (!this.isEnabled) return undefined;
-    const queryKeyString = this.getQueryKeyString(queryKey);
+    const queryKeyString = MetricsCalculator.getQueryKeyString(queryKey);
     return this.metrics.get(queryKeyString);
   }
 
@@ -179,9 +185,9 @@ class DevMonitorClass {
    */
   reset(): void {
     if (!this.isEnabled) return;
+    this.detach();
     this.stopStatsLogging();
     this.clear();
-    this.queryClient = null;
     if (this.options.enableLogging) {
       DevMonitorLogger.logReset();
     }

package/src/timezone/infrastructure/utils/SimpleCache.ts

@@ -13,10 +13,22 @@ interface CacheEntry<T> {
 export class SimpleCache<T> {
   private cache = new Map<string, CacheEntry<T>>();
   private defaultTTL: number;
+  private cleanupTimeout: ReturnType<typeof setTimeout> | null = null;
 
   constructor(defaultTTL: number = 60000) {
     this.defaultTTL = defaultTTL;
-    this.cleanup();
+    this.scheduleCleanup();
+  }
+
+  /**
+   * Destroy the cache and stop cleanup timer
+   */
+  destroy(): void {
+    if (this.cleanupTimeout) {
+      clearTimeout(this.cleanupTimeout);
+      this.cleanupTimeout = null;
+    }
+    this.cache.clear();
   }
 
   set(key: string, value: T, ttl?: number): void {
@@ -58,7 +70,17 @@ export class SimpleCache<T> {
         this.cache.delete(key);
       }
     }
+  }
+
+  private scheduleCleanup(): void {
+    if (this.cleanupTimeout) {
+      clearTimeout(this.cleanupTimeout);
+    }
+
+    this.cleanup();
 
-    setTimeout(() => this.cleanup(), 60000);
+    this.cleanupTimeout = setTimeout(() => {
+      this.scheduleCleanup();
+    }, 60000);
   }
 }

package/src/molecules/alerts/utils/alertToastHelpers.ts

@@ -1,70 +0,0 @@
-/**
- * Alert Toast Helper Functions
- * Style and color helpers for alert toast component
- */
-
-import { AlertType } from '../AlertTypes';
-import type { DesignTokens } from '../../../theme';
-import type { StyleProp, ViewStyle } from 'react-native';
-
-/**
- * Gets background color for alert type
- *
- * @param type - Alert type
- * @param tokens - Design tokens
- * @returns Background color string
- */
-export function getAlertBackgroundColor(type: AlertType, tokens: DesignTokens): string {
-  const colors = {
-    [AlertType.SUCCESS]: tokens.colors.success,
-    [AlertType.ERROR]: tokens.colors.error,
-    [AlertType.WARNING]: tokens.colors.warning,
-    [AlertType.INFO]: tokens.colors.info,
-  };
-  return colors[type] || tokens.colors.backgroundSecondary;
-}
-
-/**
- * Gets action button style
- *
- * @param style - Button style type
- * @param tokens - Design tokens
- * @returns Style object
- */
-export function getActionButtonStyle(
-  style: 'primary' | 'secondary' | 'destructive' | undefined,
-  tokens: DesignTokens
-): StyleProp<ViewStyle> {
-  if (style === 'secondary') {
-    return {
-      backgroundColor: undefined,
-      borderWidth: 1,
-      borderColor: tokens.colors.textInverse,
-    };
-  }
-
-  const colors = {
-    primary: tokens.colors.backgroundPrimary,
-    destructive: tokens.colors.error,
-  };
-  return { backgroundColor: colors[style as keyof typeof colors] || tokens.colors.backgroundSecondary };
-}
-
-/**
- * Gets action text color
- *
- * @param style - Button style type
- * @param tokens - Design tokens
- * @returns Text color string
- */
-export function getActionTextColor(
-  style: 'primary' | 'secondary' | 'destructive' | undefined,
-  tokens: DesignTokens
-): string {
-  return style === 'primary' ? tokens.colors.textPrimary : tokens.colors.textInverse;
-}
-
-/**
- * Default toast duration in milliseconds
- */
-export const DEFAULT_TOAST_DURATION = 3000;