@umituz/react-native-design-system 2.9.56 → 2.9.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.9.56",
+  "version": "2.9.58",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, onboarding, and loading utilities",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

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

@@ -21,7 +21,7 @@ class DevMonitorClass {
     this.isEnabled = __DEV__ ?? false;
     this.options = {
       slowQueryThreshold: options.slowQueryThreshold ?? 1000,
-      enableLogging: options.enableLogging ?? true,
+      enableLogging: options.enableLogging ?? false,
       statsLogInterval: options.statsLogInterval ?? 30000,
     };
 

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

@@ -7,52 +7,64 @@ import type { QueryMetrics, CacheStats } from './DevMonitor.types';
 
 export class DevMonitorLogger {
   static logInit(): void {
-    console.log('[TanStack DevMonitor] Monitoring initialized');
+    if (typeof __DEV__ !== 'undefined' && __DEV__) {
+      console.log('[TanStack DevMonitor] Monitoring initialized');
+    }
   }
 
   static logSlowQuery(queryKeyString: string, fetchTime: number): void {
-    console.warn(
-      `[TanStack DevMonitor] Slow query detected: ${queryKeyString} (${fetchTime}ms)`,
-    );
+    if (typeof __DEV__ !== 'undefined' && __DEV__) {
+      console.warn(
+        `[TanStack DevMonitor] Slow query detected: ${queryKeyString} (${fetchTime}ms)`,
+      );
+    }
   }
 
   static logAttached(): void {
-    console.log('[TanStack DevMonitor] Attached to QueryClient');
+    if (typeof __DEV__ !== 'undefined' && __DEV__) {
+      console.log('[TanStack DevMonitor] Attached to QueryClient');
+    }
   }
 
   static logMethodsCleared(): void {
-    console.log('[TanStack DevMonitor] Metrics cleared');
+    if (typeof __DEV__ !== 'undefined' && __DEV__) {
+      console.log('[TanStack DevMonitor] Metrics cleared');
+    }
   }
 
   static logReset(): void {
-    console.log('[TanStack DevMonitor] Reset');
+    if (typeof __DEV__ !== 'undefined' && __DEV__) {
+      console.log('[TanStack DevMonitor] Reset');
+    }
   }
 
   static logReport(stats: CacheStats | null, slowQueries: QueryMetrics[]): void {
-    console.group('[TanStack DevMonitor] Performance Report');
-
-    if (stats) {
-      console.table({
-        'Total Queries': stats.totalQueries,
-        'Active Queries': stats.activeQueries,
-        'Cached Queries': stats.cachedQueries,
-        'Stale Queries': stats.staleQueries,
-        'Inactive Queries': stats.inactiveQueries,
-      });
-    }
+    if (typeof __DEV__ !== 'undefined' && __DEV__) {
+      console.group('[TanStack DevMonitor] Performance Report');
 
-    if (slowQueries.length > 0) {
-      console.warn(`Found ${slowQueries.length} slow queries:`);
-      console.table(
-        slowQueries.map((m) => ({
-          queryKey: JSON.stringify(m.queryKey),
-          fetchCount: m.fetchCount,
-          avgTime: `${m.averageFetchTime.toFixed(2)}ms`,
-          slowCount: m.slowFetchCount,
-        })),
-      );
-    }
+      if (stats) {
+        console.table({
+          'Total Queries': stats.totalQueries,
+          'Active Queries': stats.activeQueries,
+          'Cached Queries': stats.cachedQueries,
+          'Stale Queries': stats.staleQueries,
+          'Inactive Queries': stats.inactiveQueries,
+        });
+      }
 
-    console.groupEnd();
+      if (slowQueries.length > 0) {
+        console.warn(`Found ${slowQueries.length} slow queries:`);
+        console.table(
+          slowQueries.map((m) => ({
+            queryKey: JSON.stringify(m.queryKey),
+            fetchCount: m.fetchCount,
+            avgTime: `${m.averageFetchTime.toFixed(2)}ms`,
+            slowCount: m.slowFetchCount,
+          })),
+        );
+      }
+
+      console.groupEnd();
+    }
   }
 }

package/src/tanstack/infrastructure/providers/TanstackProvider.tsx

@@ -5,6 +5,7 @@ import type { Persister } from '@tanstack/react-query-persist-client';
 import { createQueryClient, type QueryClientFactoryOptions } from '../config/QueryClientConfig';
 import { createPersister, type PersisterFactoryOptions } from '../config/PersisterConfig';
 import { setGlobalQueryClient } from '../config/QueryClientSingleton';
+import { DevMonitor } from '../monitoring/DevMonitor';
 
 /**
  * TanStack provider props
@@ -33,6 +34,12 @@ export interface TanstackProviderProps {
    */
   enablePersistence?: boolean;
 
+  /**
+   * Enable DevMonitor logging (development only)
+   * @default false
+   */
+  enableDevTools?: boolean;
+
   /**
    * Custom persister instance
    * Only used if enablePersistence is true
@@ -64,6 +71,7 @@ export function TanstackProvider({
   queryClient: providedQueryClient,
   queryClientOptions,
   enablePersistence = true,
+  enableDevTools = false,
   persister: providedPersister,
   persisterOptions,
   onPersistSuccess,
@@ -73,6 +81,11 @@ export function TanstackProvider({
   const [queryClient] = React.useState(() => {
     const client = providedQueryClient ?? createQueryClient(queryClientOptions);
     setGlobalQueryClient(client);
+
+    if (enableDevTools && typeof __DEV__ !== 'undefined' && __DEV__) {
+      DevMonitor.attach(client);
+    }
+
     return client;
   });