@umituz/react-native-ai-generation-content 1.12.23 → 1.12.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.12.23",
+  "version": "1.12.25",
   "description": "Provider-agnostic AI generation orchestration for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -8,7 +8,6 @@
     ".": "./src/index.ts",
     "./prompts": "./src/domains/prompts/index.ts",
     "./content-moderation": "./src/domains/content-moderation/index.ts",
-    "./creations": "./src/domains/creations/index.ts",
     "./face-detection": "./src/domains/face-detection/index.ts",
     "./feature-background": "./src/domains/feature-background/index.ts"
   },

package/src/features/audio-generation/domain/entities.ts

@@ -0,0 +1,39 @@
+/**
+ * Audio Generation Domain Entities
+ */
+
+export interface AudioGenerationConfig {
+    /**
+     * Duration of the audio in seconds
+     */
+    duration?: number;
+
+    /**
+     * Voice ID or style
+     */
+    voiceId?: string;
+}
+
+export interface AudioGenerationRequest {
+    /**
+     * The text prompt or description for audio generation
+     */
+    prompt: string;
+
+    /**
+     * Optional configuration
+     */
+    options?: AudioGenerationConfig;
+}
+
+export interface AudioGenerationResult {
+    /**
+     * The generated audio file URL
+     */
+    audioUrl: string;
+
+    /**
+     * Metadata about the generation
+     */
+    metadata?: Record<string, unknown>;
+}

package/src/features/audio-generation/index.ts

@@ -0,0 +1,2 @@
+export * from './domain/entities';
+export * from './presentation/hooks';

package/src/features/audio-generation/presentation/hooks.ts

@@ -0,0 +1,39 @@
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { useState, useCallback } from 'react';
+import { useGeneration } from '../../../presentation/hooks/use-generation';
+import { AudioGenerationRequest, AudioGenerationResult } from '../domain/entities';
+
+export interface UseAudioGenerationReturn {
+    generateAudio: (request: AudioGenerationRequest) => Promise<AudioGenerationResult>;
+    isGenerating: boolean;
+    result: AudioGenerationResult | null;
+    error: Error | null;
+}
+
+export const useAudioGeneration = (): UseAudioGenerationReturn => {
+    const { generate, isGenerating, error, result: genResult } = useGeneration({ model: "deprecated" });
+    const [result, setResult] = useState<AudioGenerationResult | null>(null);
+
+    const generateAudio = useCallback(async (request: AudioGenerationRequest) => {
+        await generate(request as any);
+
+        if (genResult?.data) {
+            setResult(genResult.data as AudioGenerationResult);
+            return genResult.data as AudioGenerationResult;
+        }
+
+        throw new Error('Audio generation failed to return a result');
+    }, [generate, genResult]);
+
+    return {
+        generateAudio,
+        isGenerating,
+        result,
+        error: error as any,
+    };
+};

package/src/{domains/feature-background → features/background}/presentation/components/ComparisonSlider.tsx

@@ -128,7 +128,7 @@ export const ComparisonSlider: React.FC<ComparisonSliderProps> = memo(
                     {beforeLabel && (
                         <View style={[styles.label, styles.labelLeft, themedStyles.labelLeft]}>
                             <AtomicText
-                                type="bodySmall"
+                                
                                 color="textPrimary"
                             >
                                 {beforeLabel}
@@ -139,7 +139,7 @@ export const ComparisonSlider: React.FC<ComparisonSliderProps> = memo(
                     {afterLabel && (
                         <View style={[styles.label, styles.labelRight, themedStyles.labelRight]}>
                             <AtomicText
-                                type="bodySmall"
+                                
                                 color="backgroundPrimary"
                             >
                                 {afterLabel}

package/src/{domains/feature-background → features/background}/presentation/components/ErrorDisplay.tsx

@@ -34,7 +34,7 @@ export const ErrorDisplay: React.FC<ErrorDisplayProps> = memo(
                     color="error"
                 />
                 <AtomicText
-                    type="bodyMedium"
+                    
                     color="error"
                     style={styles.errorText}
                 >

package/src/{domains/feature-background → features/background}/presentation/components/FeatureHeader.tsx

@@ -44,7 +44,7 @@ export const FeatureHeader: React.FC<FeatureHeaderProps> = memo(
                 )}
                 {description && (
                     <AtomicText
-                        type="bodyMedium"
+                        
                         style={[
                             styles.description,
                             {

package/src/{domains/feature-background → features/background}/presentation/components/GenerateButton.tsx

@@ -48,7 +48,7 @@ export const GenerateButton: React.FC<GenerateButtonProps> = memo(
                             style={styles.icon}
                         />
                         <AtomicText
-                            type="headlineSmall"
+                            
                             style={[
                                 styles.text,
                                 {

package/src/{domains/feature-background → features/background}/presentation/components/ImagePicker.tsx

@@ -70,7 +70,7 @@ export const ImagePicker: React.FC<ImagePickerProps> = memo(
                                 />
                             </View>
                             <AtomicText
-                                type="bodyLarge"
+                                
                                 style={[
                                     styles.placeholderText,
                                     { color: tokens.colors.primary },

package/src/{domains/feature-background → features/background}/presentation/components/ProcessingModal.tsx

@@ -35,7 +35,7 @@ export const ProcessingModal: React.FC<ProcessingModalProps> = memo(
                         />
                         {title && (
                             <AtomicText
-                                type="bodyLarge"
+                                
                                 style={[
                                     styles.title,
                                     { color: tokens.colors.textPrimary },
@@ -63,7 +63,7 @@ export const ProcessingModal: React.FC<ProcessingModalProps> = memo(
                                     />
                                 </View>
                                 <AtomicText
-                                    type="bodySmall"
+                                    
                                     style={{ color: tokens.colors.textSecondary }}
                                 >
                                     {Math.round(progress)}%

package/src/{domains/feature-background → features/background}/presentation/components/PromptInput.tsx

@@ -28,7 +28,7 @@ export const PromptInput: React.FC<PromptInputProps> = memo(
             <View style={styles.container}>
                 {label && (
                     <AtomicText
-                        type="labelLarge"
+                        
                         style={[
                             styles.label,
                             {
@@ -47,7 +47,7 @@ export const PromptInput: React.FC<PromptInputProps> = memo(
                     placeholder={placeholder}
                     placeholderTextColor={tokens.colors.textTertiary}
                     multiline
-                    numberOfLines={4}
+                    
                     editable={!isProcessing}
                     style={[
                         styles.input,
@@ -63,7 +63,7 @@ export const PromptInput: React.FC<PromptInputProps> = memo(
                     <>
                         {samplePromptsLabel && (
                             <AtomicText
-                                type="labelMedium"
+                                
                                 style={[
                                     styles.sampleLabel,
                                     {
@@ -92,9 +92,9 @@ export const PromptInput: React.FC<PromptInputProps> = memo(
                                     disabled={isProcessing}
                                 >
                                     <AtomicText
-                                        type="bodySmall"
+                                        
                                         style={{ color: tokens.colors.textSecondary }}
-                                        numberOfLines={1}
+                                        
                                     >
                                         {prompt.text}
                                     </AtomicText>

package/src/{domains/feature-background → features/background}/presentation/components/ResultDisplay.tsx

@@ -51,7 +51,7 @@ export const ResultDisplay: React.FC<ResultDisplayProps> = memo(
                             color="onSurface"
                         />
                         <AtomicText
-                            type="labelLarge"
+                            
                             style={[styles.actionText, { color: tokens.colors.textPrimary }]}
                         >
                             {resetButtonText}
@@ -71,7 +71,7 @@ export const ResultDisplay: React.FC<ResultDisplayProps> = memo(
                             color="onPrimary"
                         />
                         <AtomicText
-                            type="labelLarge"
+                            
                             style={[
                                 styles.actionText,
                                 { color: tokens.colors.backgroundPrimary },

package/src/features/colorization/domain/entities.ts

@@ -0,0 +1,46 @@
+/**
+ * Colorization Domain Entities
+ */
+
+export interface ColorizationConfig {
+    /**
+     * Guidance for color palette (e.g., "vintage", "modern", "warm")
+     */
+    palette?: string;
+
+    /**
+     * Saturation boost factor
+     * @default 1.0
+     */
+    saturation?: number;
+}
+
+export interface ColorizationRequest {
+    /**
+     * The black and white image to colorize.
+     * Can be a Base64 string or a remote URL.
+     */
+    image: string;
+
+    /**
+     * Optional prompt to guide colorization (e.g. "sunny day")
+     */
+    prompt?: string;
+
+    /**
+     * Optional configuration
+     */
+    options?: ColorizationConfig;
+}
+
+export interface ColorizationResult {
+    /**
+     * The colorized image URL or Base64
+     */
+    imageUrl: string;
+
+    /**
+     * Metadata about the generation
+     */
+    metadata?: Record<string, unknown>;
+}

package/src/features/colorization/index.ts

@@ -0,0 +1,2 @@
+export * from './domain/entities';
+export * from './presentation/hooks';

package/src/features/colorization/presentation/hooks.ts

@@ -0,0 +1,39 @@
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { useState, useCallback } from 'react';
+import { useGeneration } from '../../../presentation/hooks/use-generation';
+import { ColorizationRequest, ColorizationResult } from '../domain/entities';
+
+export interface UseColorizationReturn {
+    colorize: (request: ColorizationRequest) => Promise<ColorizationResult>;
+    isColorizing: boolean;
+    result: ColorizationResult | null;
+    error: Error | null;
+}
+
+export const useColorization = (): UseColorizationReturn => {
+    const { generate, isGenerating, error, result: genResult } = useGeneration({ model: "deprecated" });
+    const [result, setResult] = useState<ColorizationResult | null>(null);
+
+    const colorize = useCallback(async (request: ColorizationRequest) => {
+        await generate(request as any);
+
+        if (genResult?.data) {
+            setResult(genResult.data as ColorizationResult);
+            return genResult.data as ColorizationResult;
+        }
+
+        throw new Error('Colorization failed to return a result');
+    }, [generate, genResult]);
+
+    return {
+        colorize,
+        isColorizing: isGenerating,
+        result,
+        error: error as any,
+    };
+};

package/src/features/face-swap/domain/entities.ts

@@ -0,0 +1,48 @@
+/**
+ * Face Swap Domain Entities
+ */
+
+export interface FaceSwapConfig {
+    /**
+     * Enhance the face details after swapping
+     * @default true
+     */
+    enhanceFace?: boolean;
+
+    /**
+     * Preserve the skin tone of the target image
+     * @default true
+     */
+    preserveSkinTone?: boolean;
+}
+
+export interface FaceSwapRequest {
+    /**
+     * The target image where the face will be swapped TO.
+     * Can be a Base64 string or a remote URL.
+     */
+    targetImage: string;
+
+    /**
+     * The source image containing the face to swap FROM.
+     * Can be a Base64 string or a remote URL.
+     */
+    sourceImage: string;
+
+    /**
+     * Optional configuration for the swap process
+     */
+    options?: FaceSwapConfig;
+}
+
+export interface FaceSwapResult {
+    /**
+     * URL or Base64 of the resulting image
+     */
+    imageUrl: string;
+
+    /**
+     * Metadata about the generation
+     */
+    metadata?: Record<string, unknown>;
+}

package/src/features/face-swap/index.ts

@@ -0,0 +1,2 @@
+export * from './domain/entities';
+export * from './presentation/hooks';

package/src/features/face-swap/presentation/hooks.ts

@@ -0,0 +1,41 @@
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { useState, useCallback } from 'react';
+import { useGeneration } from '../../../presentation/hooks/use-generation';
+import { FaceSwapRequest, FaceSwapResult } from '../domain/entities';
+
+export interface UseFaceSwapReturn {
+    swapFace: (request: FaceSwapRequest) => Promise<FaceSwapResult>;
+    isSwapping: boolean;
+    result: FaceSwapResult | null;
+    error: Error | null;
+}
+
+export const useFaceSwap = (): UseFaceSwapReturn => {
+    // @ts-ignore - Deprecated feature, kept for backward compatibility
+    const { generate, isGenerating, error, result: genResult } = useGeneration<FaceSwapResult>({ model: 'face-swap' });
+    const [result, setResult] = useState<FaceSwapResult | null>(null);
+
+    const swapFace = useCallback(async (request: FaceSwapRequest) => {
+        // @ts-ignore - Deprecated feature
+        await generate(request);
+
+        if (genResult?.data) {
+            setResult(genResult.data as FaceSwapResult);
+            return genResult.data as FaceSwapResult;
+        }
+
+        throw new Error('Face swap failed to return a result');
+    }, [generate, genResult]);
+
+    return {
+        swapFace,
+        isSwapping: isGenerating,
+        result,
+        error: error as any,
+    };
+};

package/src/features/future-prediction/domain/entities.ts

@@ -0,0 +1,45 @@
+/**
+ * Future Prediction Domain Entities
+ */
+
+export interface FuturePredictionConfig {
+    /**
+     * Target age or years to add
+     */
+    targetAge?: number;
+
+    /**
+     * Years to add to current age
+     */
+    yearsToAdd?: number;
+
+    /**
+     * Gender (optional, if automatic detection fails)
+     */
+    gender?: 'male' | 'female';
+}
+
+export interface FuturePredictionRequest {
+    /**
+     * The image to process.
+     * Can be a Base64 string or a remote URL.
+     */
+    image: string;
+
+    /**
+     * Optional configuration
+     */
+    options?: FuturePredictionConfig;
+}
+
+export interface FuturePredictionResult {
+    /**
+     * The processed image URL or Base64
+     */
+    imageUrl: string;
+
+    /**
+     * Metadata about the generation
+     */
+    metadata?: Record<string, unknown>;
+}

package/src/features/future-prediction/index.ts

@@ -0,0 +1,2 @@
+export * from './domain/entities';
+export * from './presentation/hooks';

package/src/features/future-prediction/presentation/hooks.ts

@@ -0,0 +1,39 @@
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { useState, useCallback } from 'react';
+import { useGeneration } from '../../../presentation/hooks/use-generation';
+import { FuturePredictionRequest, FuturePredictionResult } from '../domain/entities';
+
+export interface UseFuturePredictionReturn {
+    predictFuture: (request: FuturePredictionRequest) => Promise<FuturePredictionResult>;
+    isPredicting: boolean;
+    result: FuturePredictionResult | null;
+    error: Error | null;
+}
+
+export const useFuturePrediction = (): UseFuturePredictionReturn => {
+    const { generate, isGenerating, error, result: genResult } = useGeneration({ model: "deprecated" });
+    const [result, setResult] = useState<FuturePredictionResult | null>(null);
+
+    const predictFuture = useCallback(async (request: FuturePredictionRequest) => {
+        await generate(request as any);
+
+        if (genResult?.data) {
+            setResult(genResult.data as FuturePredictionResult);
+            return genResult.data as FuturePredictionResult;
+        }
+
+        throw new Error('Future prediction failed to return a result');
+    }, [generate, genResult]);
+
+    return {
+        predictFuture,
+        isPredicting: isGenerating,
+        result,
+        error: error as any,
+    };
+};

package/src/features/image-captioning/domain/entities.ts

@@ -0,0 +1,47 @@
+/**
+ * Image Captioning Domain Entities
+ */
+
+export interface ImageCaptioningConfig {
+    /**
+     * Detail level of the caption
+     * @default 'standard'
+     */
+    detailLevel?: 'brief' | 'standard' | 'detailed';
+
+    /**
+     * Language for the caption
+     * @default 'en'
+     */
+    language?: string;
+}
+
+export interface ImageCaptioningRequest {
+    /**
+     * The image to be captioned.
+     * Can be a Base64 string or a remote URL.
+     */
+    image: string;
+
+    /**
+     * Optional context or question to guide the captioning
+     */
+    prompt?: string;
+
+    /**
+     * Optional configuration
+     */
+    options?: ImageCaptioningConfig;
+}
+
+export interface ImageCaptioningResult {
+    /**
+     * The generated caption text
+     */
+    text: string;
+
+    /**
+     * Metadata about the generation
+     */
+    metadata?: Record<string, unknown>;
+}

package/src/features/image-captioning/index.ts

@@ -0,0 +1,2 @@
+export * from './domain/entities';
+export * from './presentation/hooks';

package/src/features/image-captioning/presentation/hooks.ts

@@ -0,0 +1,39 @@
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { useState, useCallback } from 'react';
+import { useGeneration } from '../../../presentation/hooks/use-generation';
+import { ImageCaptioningRequest, ImageCaptioningResult } from '../domain/entities';
+
+export interface UseImageCaptioningReturn {
+    generateCaption: (request: ImageCaptioningRequest) => Promise<ImageCaptioningResult>;
+    isGenerating: boolean;
+    result: ImageCaptioningResult | null;
+    error: Error | null;
+}
+
+export const useImageCaptioning = (): UseImageCaptioningReturn => {
+    const { generate, isGenerating, error, result: genResult } = useGeneration({ model: "deprecated" });
+    const [result, setResult] = useState<ImageCaptioningResult | null>(null);
+
+    const generateCaption = useCallback(async (request: ImageCaptioningRequest) => {
+        await generate(request as any);
+
+        if (genResult?.data) {
+            setResult(genResult.data as ImageCaptioningResult);
+            return genResult.data as ImageCaptioningResult;
+        }
+
+        throw new Error('Caption generation failed to return a result');
+    }, [generate, genResult]);
+
+    return {
+        generateCaption,
+        isGenerating,
+        result,
+        error: error as any,
+    };
+};

package/src/features/inpainting/domain/entities.ts

@@ -0,0 +1,58 @@
+/**
+ * Inpainting Domain Entities
+ */
+
+export interface InpaintingConfig {
+    /**
+     * Strength of the inpainting effect (0.0 to 1.0)
+     * @default 0.75
+     */
+    strength?: number;
+
+    /**
+     * Guidance scale for prompt adherence
+     * @default 7.5
+     */
+    guidanceScale?: number;
+}
+
+export interface InpaintingRequest {
+    /**
+     * The original image.
+     * Can be a Base64 string or a remote URL.
+     */
+    image: string;
+
+    /**
+     * The mask image indicating areas to inpaint (white) vs keep (black).
+     * Can be a Base64 string or a remote URL.
+     */
+    mask: string;
+
+    /**
+     * Description of what to fill in the masked area
+     */
+    prompt: string;
+
+    /**
+     * Negative prompt for what to avoid
+     */
+    negativePrompt?: string;
+
+    /**
+     * Optional configuration
+     */
+    options?: InpaintingConfig;
+}
+
+export interface InpaintingResult {
+    /**
+     * The resulting image with inpainting applied
+     */
+    imageUrl: string;
+
+    /**
+     * Metadata about the generation
+     */
+    metadata?: Record<string, unknown>;
+}

package/src/features/inpainting/index.ts

@@ -0,0 +1,2 @@
+export * from './domain/entities';
+export * from './presentation/hooks';