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

package/src/tanstack/infrastructure/config/PersisterConfig.ts

@@ -82,8 +82,7 @@ export function createPersister(options: PersisterFactoryOptions = {}): Persiste
         // Validate cache version
         if (parsed.version !== busterVersion) {
           if (__DEV__) {
-            
-            console.log(
+            console.warn(
               `[TanStack Query] Cache version mismatch. Expected: ${busterVersion}, Got: ${parsed.version}`,
             );
           }
@@ -94,8 +93,7 @@ export function createPersister(options: PersisterFactoryOptions = {}): Persiste
         const age = Date.now() - parsed.timestamp;
         if (age > maxAge) {
           if (__DEV__) {
-            
-            console.log(`[TanStack Query] Cache expired. Age: ${age}ms, Max: ${maxAge}ms`);
+            console.warn(`[TanStack Query] Cache age exceeded maxAge: ${maxAge}ms`);
           }
           return undefined;
         }
@@ -103,8 +101,7 @@ export function createPersister(options: PersisterFactoryOptions = {}): Persiste
         return parsed.data;
       } catch (error) {
         if (__DEV__) {
-          
-          console.error('[TanStack Query] Failed to deserialize cache:', error);
+          console.error('[TanStack Query] Error deserializing cache:', error);
         }
         return undefined;
       }
@@ -125,13 +122,11 @@ export async function clearPersistedCache(keyPrefix: string = 'tanstack-query'):
   try {
     await storageService.removeItem(`${keyPrefix}-cache`);
     if (__DEV__) {
-      
-      console.log(`[TanStack Query] Cleared persisted cache: ${keyPrefix}`);
+      console.log(`[TanStack Query] Cleared persisted cache for keyPrefix: ${keyPrefix}`);
     }
   } catch (error) {
     if (__DEV__) {
-      
-      console.error('[TanStack Query] Failed to clear persisted cache:', error);
+      console.error('[TanStack Query] Error clearing persisted cache:', error);
     }
   }
 }
@@ -143,7 +138,6 @@ export async function clearPersistedCache(keyPrefix: string = 'tanstack-query'):
  * @example
  * ```typescript
  * const size = await getPersistedCacheSize('myapp');
- * console.log(`Cache size: ${size} bytes`);
  * ```
  */
 export async function getPersistedCacheSize(
@@ -154,8 +148,7 @@ export async function getPersistedCacheSize(
     return data ? new Blob([data]).size : 0;
   } catch (error) {
     if (__DEV__) {
-      
-      console.error('[TanStack Query] Failed to get cache size:', error);
+      console.error('[TanStack Query] Error getting persisted cache size:', error);
     }
     return 0;
   }

package/src/tanstack/infrastructure/config/QueryClientConfig.ts

@@ -86,12 +86,6 @@ export interface QueryClientFactoryOptions {
    * @default 3
    */
   defaultRetry?: boolean | number | RetryFunction;
-
-  /**
-   * Enable development mode logging
-   * @default __DEV__
-   */
-  enableDevLogging?: boolean;
 }
 
 /**
@@ -110,7 +104,6 @@ export function createQueryClient(options: QueryClientFactoryOptions = {}): Quer
     defaultStaleTime = DEFAULT_STALE_TIME.SHORT,
     defaultGcTime = DEFAULT_GC_TIME.LONG,
     defaultRetry = DEFAULT_RETRY.STANDARD,
-    enableDevLogging = __DEV__,
   } = options;
 
   return new QueryClient({
@@ -125,12 +118,6 @@ export function createQueryClient(options: QueryClientFactoryOptions = {}): Quer
       },
       mutations: {
         retry: DEFAULT_RETRY.MINIMAL,
-        onError: (error: Error) => {
-          if (enableDevLogging) {
-
-            console.error('[TanStack Query] Mutation error:', error);
-          }
-        },
       },
     },
   });

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

@@ -8,7 +8,6 @@ import type { QueryMetrics, CacheStats } from './DevMonitor.types';
 export class DevMonitorLogger {
   static logInit(): void {
     if (__DEV__) {
-      console.log('[TanStack DevMonitor] Monitoring initialized');
     }
   }
 
@@ -22,19 +21,16 @@ export class DevMonitorLogger {
 
   static logAttached(): void {
     if (__DEV__) {
-      console.log('[TanStack DevMonitor] Attached to QueryClient');
     }
   }
 
   static logMethodsCleared(): void {
     if (__DEV__) {
-      console.log('[TanStack DevMonitor] Metrics cleared');
     }
   }
 
   static logReset(): void {
     if (__DEV__) {
-      console.log('[TanStack DevMonitor] Reset');
     }
   }
 
@@ -53,7 +49,6 @@ export class DevMonitorLogger {
       }
 
       if (slowQueries.length > 0) {
-        console.warn(`Found ${slowQueries.length} slow queries:`);
         console.table(
           slowQueries.map((m) => ({
             queryKey: JSON.stringify(m.queryKey),

package/src/tanstack/presentation/hooks/useInvalidateQueries.ts

@@ -36,7 +36,6 @@ export function useInvalidateQueries() {
 
       if (__DEV__) {
         
-        console.log('[TanStack Query] Invalidated queries:', queryKey);
       }
     },
     [queryClient],
@@ -65,7 +64,6 @@ export function useInvalidateMultipleQueries() {
 
       if (__DEV__) {
         
-        console.log('[TanStack Query] Invalidated multiple queries:', queryKeys);
       }
     },
     [queryClient],
@@ -93,7 +91,6 @@ export function useRemoveQueries() {
 
       if (__DEV__) {
         
-        console.log('[TanStack Query] Removed queries:', queryKey);
       }
     },
     [queryClient],
@@ -120,7 +117,6 @@ export function useResetQueries() {
 
       if (__DEV__) {
         
-        console.log('[TanStack Query] Reset queries:', queryKey);
       }
     },
     [queryClient],

package/src/tanstack/presentation/hooks/useOptimisticUpdate.ts

@@ -39,7 +39,6 @@ export function useOptimisticUpdate<TData = unknown, TVariables = unknown, TErro
 
         if (__DEV__) {
           
-          console.log('[TanStack Query] Optimistic update applied:', queryKey);
         }
       }
 
@@ -53,7 +52,6 @@ export function useOptimisticUpdate<TData = unknown, TVariables = unknown, TErro
 
         if (__DEV__) {
           
-          console.error('[TanStack Query] Optimistic update rolled back:', error);
         }
       }
 

package/src/tanstack/presentation/hooks/usePrefetch.ts

@@ -9,36 +9,16 @@ import { useQueryClient } from '@tanstack/react-query';
 import { useCallback, useEffect, useRef } from 'react';
 import type { QueryKey, QueryFunction } from '@tanstack/react-query';
 import type { PrefetchOptions } from './types/prefetchTypes';
-import { logPrefetch, logPrefetchMultiple } from './utils/prefetchLogger';
 
 export type { PrefetchOptions };
 
-/**
- * Hook for prefetching query data
- *
- * Useful for:
- * - Preloading data before navigation
- * - Warming up cache on mount
- * - Background data refresh
- *
- * @example
- * ```typescript
- * function UserProfileList({ userIds }: { userIds: string[] }) {
- *   const prefetchUser = usePrefetchQuery(['user'], async (id) => fetchUser(id));
- *
- *   return (
- *     <FlatList
- *       data={userIds}
- *       onViewableItemsChanged={({ viewableItems }) => {
- *         viewableItems.forEach((item) => {
- *           prefetchUser(item.key);
- *         });
- *       }}
- *     />
- *   );
- * }
- * ```
- */
+function getPrefetchConfig(options: PrefetchOptions) {
+  return {
+    staleTime: options.staleTime,
+    gcTime: options.gcTime,
+  };
+}
+
 export function usePrefetchQuery<
   TQueryFnData = unknown,
   TVariables = string | number,
@@ -50,11 +30,9 @@ export function usePrefetchQuery<
   const queryClient = useQueryClient();
   const prefetchingRef = useRef(new Set<TVariables>());
 
-  const prefetch = useCallback(
+  return useCallback(
     async (variables: TVariables) => {
-      if (prefetchingRef.current.has(variables)) {
-        return;
-      }
+      if (prefetchingRef.current.has(variables)) return;
 
       prefetchingRef.current.add(variables);
 
@@ -62,42 +40,16 @@ export function usePrefetchQuery<
         await queryClient.prefetchQuery({
           queryKey: [...queryKey, variables],
           queryFn: () => queryFn(variables),
-          staleTime: options.staleTime,
-          gcTime: options.gcTime,
+          ...getPrefetchConfig(options),
         });
-
-        logPrefetch('Prefetched:', [...queryKey, variables]);
       } finally {
         prefetchingRef.current.delete(variables);
       }
     },
-    [queryClient, queryKey, queryFn, options.staleTime, options.gcTime],
+    [queryClient, queryKey, queryFn, options],
   );
-
-  return prefetch;
 }
 
-/**
- * Hook for prefetching infinite query data
- *
- * Useful for:
- * - Preloading infinite scroll content
- * - Warming up paginated feeds
- *
- * @example
- * ```typescript
- * function FeedScreen() {
- *   const prefetchFeed = usePrefetchInfiniteQuery(
- *     ['feed'],
- *     ({ pageParam }) => fetchFeed({ cursor: pageParam })
- *   );
- *
- *   useEffect(() => {
- *     prefetchFeed();
- *   }, []);
- * }
- * ```
- */
 export function usePrefetchInfiniteQuery<
   TQueryFnData = unknown,
   TPageParam = unknown,
@@ -110,10 +62,8 @@ export function usePrefetchInfiniteQuery<
   const queryClient = useQueryClient();
   const hasPrefetchedRef = useRef(false);
 
-  const prefetch = useCallback(async () => {
-    if (hasPrefetchedRef.current) {
-      return;
-    }
+  return useCallback(async () => {
+    if (hasPrefetchedRef.current) return;
 
     hasPrefetchedRef.current = true;
 
@@ -121,38 +71,15 @@ export function usePrefetchInfiniteQuery<
       await queryClient.prefetchInfiniteQuery({
         queryKey,
         queryFn,
-        staleTime: options.staleTime,
-        gcTime: options.gcTime,
+        ...getPrefetchConfig(options),
         initialPageParam,
       });
-
-      logPrefetch('Prefetched infinite:', queryKey);
     } catch {
       hasPrefetchedRef.current = false;
     }
-  }, [queryClient, queryKey, queryFn, options.staleTime, options.gcTime, initialPageParam]);
-
-  return prefetch;
+  }, [queryClient, queryKey, queryFn, options, initialPageParam]);
 }
 
-/**
- * Hook for prefetching on mount
- *
- * Convenience hook that prefetches data when component mounts
- *
- * @example
- * ```typescript
- * function UserProfile({ userId }: { userId: string }) {
- *   usePrefetchOnMount(
- *     ['user', userId],
- *     () => fetchUser(userId),
- *     { staleTime: TIME_MS.MINUTE }
- *   );
- *
- *   // Component will prefetch user data on mount
- * }
- * ```
- */
 export function usePrefetchOnMount<TData = unknown>(
   queryKey: QueryKey,
   queryFn: () => Promise<TData>,
@@ -164,32 +91,11 @@ export function usePrefetchOnMount<TData = unknown>(
     queryClient.prefetchQuery({
       queryKey,
       queryFn,
-      staleTime: options.staleTime,
-      gcTime: options.gcTime,
+      ...getPrefetchConfig(options),
     });
-
-    logPrefetch('Prefetched on mount:', queryKey);
-  }, [queryClient, queryKey, queryFn, options.staleTime, options.gcTime]);
+  }, [queryClient, queryKey, queryFn, options]);
 }
 
-/**
- * Hook for prefetching multiple queries
- *
- * @example
- * ```typescript
- * function Dashboard() {
- *   const prefetchMultiple = usePrefetchMultiple();
- *
- *   useEffect(() => {
- *     prefetchMultiple([
- *       { queryKey: ['user'], queryFn: fetchUser },
- *       { queryKey: ['posts'], queryFn: fetchPosts },
- *       { queryKey: ['notifications'], queryFn: fetchNotifications },
- *     ]);
- *   }, []);
- * }
- * ```
- */
 export function usePrefetchMultiple<TData = unknown>() {
   const queryClient = useQueryClient();
 
@@ -202,16 +108,9 @@ export function usePrefetchMultiple<TData = unknown>() {
     }>) => {
       await Promise.all(
         queries.map(({ queryKey, queryFn, staleTime, gcTime }) =>
-          queryClient.prefetchQuery({
-            queryKey,
-            queryFn,
-            staleTime,
-            gcTime,
-          }),
+          queryClient.prefetchQuery({ queryKey, queryFn, staleTime, gcTime }),
         ),
       );
-
-      logPrefetchMultiple(queries.length);
     },
     [queryClient],
   );

package/src/theme/core/CustomColors.ts

@@ -2,43 +2,21 @@
  * Custom Colors Types
  *
  * Types for custom theme color overrides
- *
- * ARCHITECTURE:
- * - Apps provide CustomThemeColors to DesignSystemProvider
- * - These colors override the default palette
- * - Supports both light and dark mode overrides
- * - Apps control their own brand colors completely
- *
- * BEST PRACTICES (based on Shopify Restyle, React Native Paper, Tamagui):
- * - All color keys are optional - only override what you need
- * - Provide separate light/dark palettes for proper theme switching
- * - Use semantic color names (primary, surface, etc.) not literal colors
  */
 
 import type { ColorPalette } from './ColorPalette';
 import { isValidHexColor } from './colors/ColorUtils';
 
-/**
- * Complete custom theme colors - can override ANY color in the palette
- * All properties are optional - apps only provide what they want to customize
- */
 export interface CustomThemeColors {
-  // PRIMARY BRAND COLORS
   primary?: string;
   primaryLight?: string;
   primaryDark?: string;
-
-  // SECONDARY COLORS
   secondary?: string;
   secondaryLight?: string;
   secondaryDark?: string;
-
-  // ACCENT COLORS
   accent?: string;
   accentLight?: string;
   accentDark?: string;
-
-  // ON-COLORS (text on colored backgrounds - CRITICAL for contrast)
   onPrimary?: string;
   onSecondary?: string;
   onSuccess?: string;
@@ -49,21 +27,15 @@ export interface CustomThemeColors {
   onBackground?: string;
   onSurfaceDisabled?: string;
   onSurfaceVariant?: string;
-
-  // CONTAINER COLORS
   primaryContainer?: string;
   onPrimaryContainer?: string;
   secondaryContainer?: string;
   onSecondaryContainer?: string;
   errorContainer?: string;
   onErrorContainer?: string;
-
-  // OUTLINE COLORS
   outline?: string;
   outlineVariant?: string;
   outlineDisabled?: string;
-
-  // SEMANTIC UI COLORS
   success?: string;
   successLight?: string;
   successDark?: string;
@@ -76,151 +48,61 @@ export interface CustomThemeColors {
   info?: string;
   infoLight?: string;
   infoDark?: string;
-
-  // SEMANTIC CONTAINER COLORS
   successContainer?: string;
   onSuccessContainer?: string;
   warningContainer?: string;
   onWarningContainer?: string;
   infoContainer?: string;
   onInfoContainer?: string;
-
-  // BACKGROUND COLORS
   backgroundPrimary?: string;
   backgroundSecondary?: string;
-
-  // SURFACE COLORS
   surface?: string;
   surfaceVariant?: string;
   surfaceSecondary?: string;
   surfaceDisabled?: string;
-
-  // TEXT COLORS
   textPrimary?: string;
   textSecondary?: string;
   textTertiary?: string;
   textDisabled?: string;
   textInverse?: string;
-
-  // BORDER COLORS
   border?: string;
   borderLight?: string;
   borderMedium?: string;
   borderFocus?: string;
   borderDisabled?: string;
-
-  // COMPONENT-SPECIFIC COLORS
   buttonPrimary?: string;
   buttonSecondary?: string;
   inputBackground?: string;
   inputBorder?: string;
   cardBackground?: string;
-
-  // SPECIAL & UTILITY COLORS
   transparent?: string;
   black?: string;
   white?: string;
   modalOverlay?: string;
 }
 
-/**
- * Validate custom colors object
- * @param customColors - Custom colors to validate
- * @returns true if all colors are valid hex format
- */
 export const validateCustomColors = (customColors: CustomThemeColors): boolean => {
   const colorValues = Object.values(customColors).filter(Boolean) as string[];
-
-  for (const color of colorValues) {
-    if (!isValidHexColor(color)) {
-      return false;
-    }
-  }
-
-  return true;
+  return colorValues.every((color) => isValidHexColor(color));
 };
 
-/**
- * Apply custom colors to color palette
- *
- * This function takes a base palette and merges custom colors into it.
- * Apps can override ANY color key - the system simply spreads custom values
- * over the base palette.
- *
- * @param palette - Base color palette (light or dark)
- * @param customColors - Custom colors to apply (partial override)
- * @returns Color palette with custom colors applied
- */
 export const applyCustomColors = (
   palette: ColorPalette,
   customColors?: CustomThemeColors,
 ): ColorPalette => {
-  if (!customColors) {
-    return palette;
-  }
+  if (!customColors) return palette;
 
-  // Validate custom colors
   if (!validateCustomColors(customColors)) {
-    if (__DEV__) {
-      console.warn('[DesignSystem] Invalid custom colors provided - using default palette');
-    }
     return palette;
   }
 
-  // Start with base palette
-  const result: Partial<ColorPalette> = {
-    ...palette,
-  };
-
-  // Apply ALL custom colors dynamically
-  // This approach allows any color key to be overridden
-  const colorKeys = Object.keys(customColors) as (keyof CustomThemeColors)[];
+  const result: Partial<ColorPalette> = { ...palette };
 
-  for (const key of colorKeys) {
-    const value = customColors[key];
+  for (const [key, value] of Object.entries(customColors)) {
     if (value !== undefined) {
-      // Direct assignment for matching keys
       (result as Record<string, string>)[key] = value;
     }
   }
 
-  // Apply smart defaults and aliases
-  // Primary -> buttonPrimary (if buttonPrimary not explicitly set)
-  if (customColors.primary && !customColors.buttonPrimary) {
-    result.buttonPrimary = customColors.primary;
-  }
-
-  // Secondary -> buttonSecondary (if buttonSecondary not explicitly set)
-  if (customColors.secondary && !customColors.buttonSecondary) {
-    result.buttonSecondary = customColors.secondary;
-  }
-
-  // Background aliases
-  if (customColors.backgroundPrimary) {
-    result.background = customColors.backgroundPrimary;
-  }
-
-  // Surface aliases
-  if (customColors.surface) {
-    result.card = customColors.surface;
-    result.cardBackground = customColors.surface;
-  }
-  if (customColors.surfaceVariant && !customColors.surfaceSecondary) {
-    result.surfaceSecondary = customColors.surfaceVariant;
-  }
-
-  // Text aliases
-  if (customColors.textPrimary) {
-    result.text = customColors.textPrimary;
-  }
-
-  // Input aliases
-  if (customColors.inputBorder && !result.inputBorder) {
-    result.inputBorder = customColors.inputBorder;
-  }
-  if (customColors.border && !customColors.inputBorder) {
-    result.inputBorder = customColors.border;
-  }
-
   return result as ColorPalette;
 };

package/src/theme/infrastructure/storage/ThemeStorage.ts

@@ -62,7 +62,6 @@ export class ThemeStorage {
       }
 
       if (__DEV__) {
-        console.warn('[ThemeStorage] Invalid or corrupted custom colors data - ignoring');
       }
 
       return undefined;