@umituz/react-native-design-system 4.23.97 → 4.23.100

package/src/storage/infrastructure/adapters/StorageService.ts

@@ -6,7 +6,6 @@
  */
 
 import AsyncStorage from '@react-native-async-storage/async-storage';
-import { devWarn } from '../../domain/utils/devUtils';
 import type { StateStorage } from '../../domain/types/Store';
 
 /**
@@ -18,8 +17,6 @@ export const storageService: StateStorage = {
     try {
       return await AsyncStorage.getItem(name);
     } catch (error) {
-      const errorMessage = `StorageService: Failed to get item "${name}"`;
-      devWarn(errorMessage, error);
       return null;
     }
   },
@@ -28,8 +25,7 @@ export const storageService: StateStorage = {
     try {
       await AsyncStorage.setItem(name, value);
     } catch (error) {
-      const errorMessage = `StorageService: Failed to set item "${name}"`;
-      devWarn(errorMessage, error);
+      // Silent failure
     }
   },
 
@@ -37,8 +33,7 @@ export const storageService: StateStorage = {
     try {
       await AsyncStorage.removeItem(name);
     } catch (error) {
-      const errorMessage = `StorageService: Failed to remove item "${name}"`;
-      devWarn(errorMessage, error);
+      // Silent failure
     }
   },
 };

package/src/storage/infrastructure/repositories/BaseStorageOperations.ts

@@ -14,7 +14,6 @@ import {
   StorageSerializationError,
   StorageDeserializationError,
 } from '../../domain/errors/StorageError';
-import { devWarn } from '../../domain/utils/devUtils';
 
 /**
  * Base storage operations implementation
@@ -81,8 +80,6 @@ export class BaseStorageOperations {
       const value = await AsyncStorage.getItem(key);
       return value !== null;
     } catch (error) {
-      const errorMessage = `BaseStorageOperations: Failed to check if key "${key}" exists`;
-      devWarn(errorMessage, error);
       return false;
     }
   }

package/src/storage/presentation/hooks/CacheStorageOperations.ts

@@ -7,7 +7,6 @@
 import { storageRepository } from '../../infrastructure/repositories/AsyncStorageRepository';
 import type { CachedValue } from '../../domain/entities/CachedValue';
 import { createCachedValue } from '../../domain/entities/CachedValue';
-import { devWarn } from '../../domain/utils/devUtils';
 import { isValidCachedValue } from '../../domain/utils/ValidationUtils';
 
 export interface CacheStorageOptions {
@@ -56,16 +55,11 @@ export class CacheStorageOperations {
           return parsed as CachedValue<T>;
         }
 
-        if (__DEV__) {
-          devWarn(`CacheStorageOperations: Invalid cached data structure for key "${key}"`);
-        }
-
         return null;
       }
 
       return null;
     } catch (error) {
-      devWarn(`CacheStorageOperations: Failed to load cache for key "${key}"`, error);
       return null;
     }
   }
@@ -86,7 +80,7 @@ export class CacheStorageOperations {
       const cached = createCachedValue(value, ttl || 0, version);
       await storageRepository.setString(key, JSON.stringify(cached));
     } catch (error) {
-      devWarn(`CacheStorageOperations: Failed to save cache for key "${key}"`, error);
+      // Silent failure
     }
   }
 
@@ -99,7 +93,7 @@ export class CacheStorageOperations {
     try {
       await storageRepository.removeItem(key);
     } catch (error) {
-      devWarn(`CacheStorageOperations: Failed to clear cache for key "${key}"`, error);
+      // Silent failure
     }
   }
 }

package/src/storage/presentation/hooks/useStore.ts

@@ -3,14 +3,23 @@
  * Helper for creating stores in components
  */
 
-import { useMemo, useRef } from 'react';
+import { useMemo } from 'react';
 import { createStore } from '../../domain/factories/StoreFactory';
 import type { StoreConfig } from '../../domain/types/Store';
 
 export function useStore<T extends object>(config: StoreConfig<T>) {
-  // Config objesini stabilize et - sadece name değiştiğinde yeni store oluştur
-  const configRef = useRef(config);
-  configRef.current = config;
-  const store = useMemo(() => createStore(configRef.current), [config.name]);
+  // Stabilize entire config to track all property changes
+  const stableConfig = useMemo(
+    () => config,
+    [
+      config.name,
+      config.version,
+      config.persist,
+      config.storage,
+      config.ttl,
+    ]
+  );
+
+  const store = useMemo(() => createStore(stableConfig), [stableConfig]);
   return store;
 }

package/src/utilities/sharing/presentation/hooks/useSharing.ts

@@ -8,7 +8,7 @@
  * @layer presentation/hooks
  */
 
-import { useState, useCallback, useEffect } from 'react';
+import { useState, useCallback, useEffect, useMemo } from 'react';
 import { SharingService } from '../../infrastructure/services/SharingService';
 import type { ShareOptions } from '../../domain/entities/Share';
 
@@ -140,7 +140,7 @@ export const useSharing = () => {
     []
   );
 
-  return {
+  return useMemo(() => ({
     // Functions
     share,
     shareWithAutoType,
@@ -150,5 +150,5 @@ export const useSharing = () => {
     isAvailable,
     isSharing,
     error,
-  };
+  }), [share, shareWithAutoType, shareMultiple, isAvailable, isSharing, error]);
 };

package/src/layouts/ScreenLayout/ScreenLayout.example.tsx

@@ -1,92 +0,0 @@
-/**
- * Enhanced ScreenLayout Example
- * 
- * This demonstrates the recommended usage of ScreenLayout with SafeAreaProvider
- */
-
-import React from 'react';
-import { View, Text } from 'react-native';
-import {
-    SafeAreaProvider,
-    ScreenLayout,
-    ScreenHeader,
-    AtomicButton,
-    AtomicText
-} from '../../index';
-
-// 1. Wrap your app root with SafeAreaProvider
-export function App() {
-    return (
-        <SafeAreaProvider>
-            <View />
-        </SafeAreaProvider>
-    );
-}
-
-// 2. Use ScreenLayout in your screens
-export function HomeScreen() {
-    return (
-        <ScreenLayout
-            // Safe area edges - default is ['top']
-            edges={['top']}
-            // Enable scrolling - default is true
-            scrollable={true}
-            // Optional header
-            header={
-                <ScreenHeader
-                    title="Home"
-                />
-            }
-            // Optional footer
-            footer={
-                <View style={{ padding: 16 }}>
-                    <AtomicButton onPress={() => console.log('Action')}>
-                        Action Button
-                    </AtomicButton>
-                </View>
-            }
-        >
-            <AtomicText type="headlineLarge">Welcome to Home</AtomicText>
-            <AtomicText type="bodyMedium">
-                This screen uses ScreenLayout with default safe area configuration.
-            </AtomicText>
-        </ScreenLayout>
-    );
-}
-
-// 3. Modal screen example with different safe area edges
-export function ModalScreen() {
-    return (
-        <ScreenLayout
-            // Full safe area for modals
-            edges={['top', 'bottom']}
-            scrollable={false}
-        >
-            <AtomicText type="headlineMedium">Modal Content</AtomicText>
-        </ScreenLayout>
-    );
-}
-
-// 4. Screen with custom scroll behavior
-export function CustomScrollScreen() {
-    return (
-        <ScreenLayout scrollable={false}>
-            {/* Your custom scroll component */}
-            <View />
-        </ScreenLayout>
-    );
-}
-
-// 5. Using safe area hooks directly
-import { useContentSafeAreaPadding, useSafeAreaInsets } from '../../index';
-
-export function CustomComponent() {
-    const insets = useSafeAreaInsets();
-    const { paddingBottom } = useContentSafeAreaPadding();
-
-    return (
-        <View style={{ paddingTop: insets.top, paddingBottom }}>
-            <Text>Custom Safe Area Usage</Text>
-        </View>
-    );
-}

package/src/media/domain/entities/CardMultimedia.types.ts

@@ -1,120 +0,0 @@
-/**
- * Card Multimedia Types
- * Multimedia support for flashcard functionality
- */
-
-export type CardMediaType = "image" | "audio" | "video";
-export type CardMediaPosition = "front" | "back" | "both";
-
-export interface CardMediaAttachment {
-  id: string;
-  type: CardMediaType;
-  position: CardMediaPosition;
-  url: string;
-  localPath?: string;
-  filename: string;
-  fileSize: number;
-  mimeType: string;
-  duration?: number; // For audio/video in seconds
-  thumbnailUrl?: string; // For videos
-  caption?: string;
-  isDownloaded: boolean;
-  createdAt: string;
-}
-
-export interface CardMultimediaFlashcard {
-  id: string;
-  front: string;
-  back: string;
-  difficulty: "easy" | "medium" | "hard";
-  tags: string[];
-  createdAt?: string;
-  updatedAt?: string;
-  // Extended properties for multimedia support
-  media: CardMediaAttachment[];
-  hasMedia: boolean; // Computed property
-  mediaType: CardMediaType[]; // Array of media types present
-  isDownloaded: boolean; // All media downloaded?
-  estimatedSize: number; // Total size in bytes
-}
-
-export interface CardMediaGenerationRequest {
-  type: "text_to_image" | "text_to_audio" | "image_search";
-  input: {
-    text?: string;
-    prompt?: string;
-    language?: string;
-    voice?: "male" | "female" | "neutral";
-    style?: "realistic" | "cartoon" | "artistic";
-  };
-  options: {
-    maxResults?: number;
-    quality?: "low" | "medium" | "high";
-    format?: "jpeg" | "png" | "mp3" | "wav";
-  };
-}
-
-export interface CardMediaGenerationResult {
-  success: boolean;
-  attachments: CardMediaAttachment[];
-  creditsUsed: number;
-  processingTime: number;
-  error?: string;
-  requestId: string;
-}
-
-export interface CardMediaUploadProgress {
-  fileId: string;
-  progress: number; // 0-100
-  status: "uploading" | "processing" | "completed" | "error";
-  error?: string;
-  url?: string;
-}
-
-export interface CardMediaCompressionOptions {
-  quality: number; // 0.1 - 1.0
-  maxWidth?: number;
-  maxHeight?: number;
-  maxFileSize?: number; // bytes
-  format?: "jpeg" | "png" | "webp";
-}
-
-export interface CardMediaFile {
-  name: string;
-  type: string;
-  size: number;
-  uri?: string;
-}
-
-export interface CreateCardMultimediaData {
-  front: string;
-  back: string;
-  difficulty?: "easy" | "medium" | "hard";
-  tags?: string[];
-  media?: CardMediaAttachment[];
-}
-
-export interface CardMediaValidation {
-  isValid: boolean;
-  errors: string[];
-  warnings: string[];
-  recommendations: string[];
-}
-
-export interface CardMultimediaFlashcardService {
-  uploadMedia(
-    file: CardMediaFile,
-    options?: CardMediaCompressionOptions,
-  ): Promise<CardMediaAttachment>;
-  generateMedia(
-    request: CardMediaGenerationRequest,
-  ): Promise<CardMediaGenerationResult>;
-  validateMedia(file: CardMediaFile): Promise<CardMediaValidation>;
-  optimizeMedia(
-    attachment: CardMediaAttachment,
-    options: CardMediaCompressionOptions,
-  ): Promise<CardMediaAttachment>;
-  deleteMedia(attachmentId: string): Promise<void>;
-  getMediaUrl(attachmentId: string): Promise<string>;
-  downloadMedia(attachmentId: string): Promise<string>; // Returns local path
-}

package/src/media/infrastructure/services/CardMediaGenerationService.README.md

@@ -1,99 +0,0 @@
-# CardMediaGenerationService
-
-## Purpose
-Service that performs AI-based media generation operations for flashcards, including text-to-image, text-to-audio, and image-search capabilities.
-
-## File Location
-`/Users/umituz/Desktop/github/umituz/apps/artificial_intelligence/npm-packages/react-native-media/src/infrastructure/services/CardMediaGenerationService`
-
-## Strategy
-- Generate media content using AI APIs for card applications
-- Support multiple generation types (text-to-image, text-to-audio, image-search)
-- Track processing time and credit/balance usage
-- Return card-compatible media attachments with position support
-- Provide detailed result information including success status and error messages
-- Enable batch generation with multiple results
-- Maintain unique request IDs for tracking and debugging
-
-## Forbidden
-- **DO NOT** generate media without checking available credits/balance
-- **DO NOT** use empty or null prompts for generation
-- **DO NOT** assume all generation requests will succeed
-- **DO NOT** ignore generation timeout limits
-- **DO NOT** generate inappropriate or copyrighted content
-- **DO NOT** proceed without error handling for API failures
-- **DO NOT** mix generation types in single requests
-- **DO NOT** bypass request ID tracking
-
-## Rules
-1. All generation operations must include a valid prompt
-2. Text-to-image generation requires prompt and optional style/maxResults
-3. Text-to-audio generation requires prompt, language, and optional voice/speed
-4. Image search requires keyword prompt and optional maxResults
-5. Credit costs vary by type: text-to-image (5), text-to-audio (3), image-search (2)
-6. All generated media must have position attribute set to 'both' by default
-7. Processing time must be tracked and returned in milliseconds
-8. Unique request IDs must be generated for each operation
-9. Generation failures must return clear error messages
-10. Audio files must be assigned a 10-second duration by default
-11. maxResults defaults to 1 for text-to-image, 5 for image-search
-
-## AI Agent Guidelines
-
-When working with CardMediaGenerationService:
-
-1. **Pre-generation Checks**: Always verify credit/balance before generation requests
-2. **Prompt Quality**: Use clear, descriptive prompts for better results
-3. **Type Selection**: Choose appropriate generation type for use case
-4. **Result Validation**: Always check success flag before using results
-5. **Error Handling**: Handle API failures, timeouts, and insufficient credits
-6. **Position Assignment**: Set correct position (front/back/both) for card use
-7. **Request Tracking**: Store request IDs for debugging and support
-
-### Generation Type Guidelines
-
-- **Text-to-Image**: Use for visual content on cards (front typically)
-  - Specify style (realistic, artistic) for better results
-  - Set maxResults to 1 unless multiple options needed
-  - Images receive position='both' by default
-
-- **Text-to-Audio**: Use for pronunciation or audio explanations
-  - Specify language code (tr-TR, en-US, etc.)
-  - Set voice type (male, female) if applicable
-  - Adjust speed (0.5-2.0) for playback preferences
-  - Audio receives 10-second duration by default
-
-- **Image Search**: Use for finding relevant visuals
-  - Use specific keywords for better results
-  - Set maxResults for multiple options
-  - Credits are cheaper than text-to-image
-
-### Credit Management
-
-- Calculate total credits before batch operations
-- Text-to-image: 5 credits per request
-- Text-to-audio: 3 credits per request
-- Image search: 2 credits per request
-- Handle insufficient credit errors gracefully
-- Track credits used from generation results
-
-### Error Handling Patterns
-
-- Check success flag before accessing attachments
-- Parse error messages for specific failure types:
-  - "insufficient credits" - balance too low
-  - "timeout" - operation took too long
-  - "invalid prompt" - prompt validation failed
-  - "api error" - underlying API failure
-
-### Performance Considerations
-
-- Generation operations are simulated (3 seconds delay)
-- Batch multiple results in single request when possible
-- Track processing time for performance monitoring
-- Use request IDs for debugging slow operations
-
-## Dependencies
-- CardMediaAttachment type from domain layer
-- AI generation APIs (simulated in development)
-- Credit/balance management system

package/src/media/infrastructure/services/CardMediaGenerationService.ts

@@ -1,101 +0,0 @@
-/**
- * Card Media Generation Service
- * Handles AI media generation (text-to-image, text-to-audio, image-search)
- */
-
-import type {
-  CardMediaAttachment,
-  CardMediaGenerationRequest,
-  CardMediaGenerationResult,
-  CardMediaType,
-  CardMediaPosition,
-} from "../../domain/entities/CardMultimedia.types";
-
-export class CardMediaGenerationService {
-  /**
-   * Generate media from AI (text-to-image, text-to-audio, etc.)
-   */
-  async generateMedia(
-    request: CardMediaGenerationRequest,
-  ): Promise<CardMediaGenerationResult> {
-    try {
-      const startTime = Date.now();
-
-      // Simulate AI generation
-      await new Promise((resolve) => setTimeout(resolve, 3000));
-
-      const attachments: CardMediaAttachment[] = [];
-
-      switch (request.type) {
-        case "text_to_image":
-          for (let i = 0; i < (request.options.maxResults || 1); i++) {
-            attachments.push({
-              id: `ai_img_${Date.now()}_${i}`,
-              type: "image" as CardMediaType,
-              position: "both" as CardMediaPosition,
-              url: `https://picsum.photos/400/300?random=${Date.now() + i}`,
-              filename: `ai_generated_${i}.jpg`,
-              fileSize: 150000, // 150KB
-              mimeType: "image/jpeg",
-              isDownloaded: false,
-              createdAt: new Date().toISOString(),
-            });
-          }
-          break;
-
-        case "text_to_audio":
-          attachments.push({
-            id: `ai_audio_${Date.now()}`,
-            type: "audio" as CardMediaType,
-            position: "back" as CardMediaPosition,
-            url: `https://example.com/audio_${Date.now()}.mp3`,
-            filename: `ai_generated_${Date.now()}.mp3`,
-            fileSize: 80000, // 80KB
-            mimeType: "audio/mp3",
-            duration: 10, // 10 seconds
-            isDownloaded: false,
-            createdAt: new Date().toISOString(),
-          });
-          break;
-
-        case "image_search":
-          for (let i = 0; i < (request.options.maxResults || 5); i++) {
-            attachments.push({
-              id: `search_img_${Date.now()}_${i}`,
-              type: "image" as CardMediaType,
-              position: "both" as CardMediaPosition,
-              url: `https://picsum.photos/400/300?random=${Date.now() + i}`,
-              filename: `search_result_${i}.jpg`,
-              fileSize: 120000, // 120KB
-              mimeType: "image/jpeg",
-              isDownloaded: false,
-              createdAt: new Date().toISOString(),
-            });
-          }
-          break;
-      }
-
-      return {
-        success: true,
-        attachments,
-        creditsUsed:
-          request.type === "text_to_image"
-            ? 5
-            : request.type === "text_to_audio"
-              ? 3
-              : 2,
-        processingTime: Date.now() - startTime,
-        requestId: `req_${Date.now()}`,
-      };
-    } catch (error) {
-      return {
-        success: false,
-        attachments: [],
-        creditsUsed: 0,
-        processingTime: 0,
-        error: error instanceof Error ? error.message : "Unknown error",
-        requestId: "",
-      };
-    }
-  }
-}