@umituz/react-native-ai-generation-content 1.17.146 → 1.17.148

package/src/features/remove-background/presentation/hooks/useRemoveBackgroundFeature.ts

@@ -1,12 +1,13 @@
 /**
  * useRemoveBackgroundFeature Hook
- * Manages remove background feature state and actions
+ * Uses base single image hook for background removal
  */
 
-import { useState, useCallback } from "react";
-import { executeImageFeature } from "../../../../infrastructure/services";
+import {
+  useSingleImageFeature,
+  type BaseSingleImageHookReturn,
+} from "../../../image-to-image";
 import type {
-  RemoveBackgroundFeatureState,
   RemoveBackgroundFeatureConfig,
   RemoveBackgroundResult,
 } from "../../domain/types";
@@ -17,104 +18,18 @@ export interface UseRemoveBackgroundFeatureProps {
   onSaveImage: (imageUrl: string) => Promise<void>;
 }
 
-export interface UseRemoveBackgroundFeatureReturn extends RemoveBackgroundFeatureState {
-  selectImage: () => Promise<void>;
-  process: () => Promise<void>;
-  save: () => Promise<void>;
-  reset: () => void;
-}
-
-const initialState: RemoveBackgroundFeatureState = {
-  imageUri: null,
-  processedUrl: null,
-  isProcessing: false,
-  progress: 0,
-  error: null,
-};
-
 export function useRemoveBackgroundFeature(
   props: UseRemoveBackgroundFeatureProps,
-): UseRemoveBackgroundFeatureReturn {
+): BaseSingleImageHookReturn {
   const { config, onSelectImage, onSaveImage } = props;
-  const [state, setState] = useState<RemoveBackgroundFeatureState>(initialState);
-
-  const selectImage = useCallback(async () => {
-    try {
-      const uri = await onSelectImage();
-      if (uri) {
-        setState((prev) => ({ ...prev, imageUri: uri, error: null }));
-        config.onImageSelect?.(uri);
-      }
-    } catch (error) {
-      const message = error instanceof Error ? error.message : String(error);
-      setState((prev) => ({ ...prev, error: message }));
-    }
-  }, [onSelectImage, config]);
-
-  const handleProgress = useCallback((progress: number) => {
-    setState((prev) => ({ ...prev, progress }));
-  }, []);
-
-  const process = useCallback(async () => {
-    if (!state.imageUri) return;
-
-    setState((prev) => ({
-      ...prev,
-      isProcessing: true,
-      progress: 0,
-      error: null,
-    }));
-
-    config.onProcessingStart?.();
-
-    const imageBase64 = await config.prepareImage(state.imageUri);
-
-    const result = await executeImageFeature(
-      "remove-background",
-      { imageBase64 },
-      { extractResult: config.extractResult, onProgress: handleProgress },
-    );
-
-    if (result.success && result.imageUrl) {
-      setState((prev) => ({
-        ...prev,
-        isProcessing: false,
-        processedUrl: result.imageUrl!,
-        progress: 100,
-      }));
-      config.onProcessingComplete?.(result as RemoveBackgroundResult);
-    } else {
-      const errorMessage = result.error || "Processing failed";
-      setState((prev) => ({
-        ...prev,
-        isProcessing: false,
-        error: errorMessage,
-        progress: 0,
-      }));
-      config.onError?.(errorMessage);
-    }
-  }, [state.imageUri, config, handleProgress]);
-
-  const save = useCallback(async () => {
-    if (!state.processedUrl) return;
-
-    try {
-      await onSaveImage(state.processedUrl);
-    } catch (error) {
-      const message = error instanceof Error ? error.message : String(error);
-      setState((prev) => ({ ...prev, error: message }));
-    }
-  }, [state.processedUrl, onSaveImage]);
-
-  const reset = useCallback(() => {
-    setState(initialState);
-  }, []);
 
-  return {
-    ...state,
-    selectImage,
-    process,
-    save,
-    reset,
-  };
+  return useSingleImageFeature<RemoveBackgroundFeatureConfig, RemoveBackgroundResult>(
+    { config, onSelectImage, onSaveImage },
+    {
+      buildInput: (imageBase64, cfg) => ({
+        imageBase64,
+        options: cfg.defaultOptions,
+      }),
+    },
+  );
 }

package/src/features/replace-background/domain/types/index.ts

@@ -1,5 +1,5 @@
 /**
- * Background Domain Types Index
+ * Replace Background Domain Types Index
  */
 
 export type {
@@ -9,6 +9,5 @@ export type {
   ReplaceBackgroundResult,
   ReplaceBackgroundFeatureState,
   ReplaceBackgroundTranslations,
-  ReplaceBackgroundResultExtractor,
   ReplaceBackgroundFeatureConfig,
 } from "./replace-background.types";

package/src/features/replace-background/domain/types/replace-background.types.ts

@@ -1,8 +1,15 @@
 /**
  * Replace Background Feature Types
- * Request, Result, Config types for background replacement
+ * Extends base image-to-image types with replace-background options
  */
 
+import type {
+  BaseImageResult,
+  BaseImageWithPromptState,
+  BaseImageTranslations,
+  SingleImageConfig,
+} from "../../../image-to-image/domain/types";
+
 export type ReplaceBackgroundMode =
   | "replace"
   | "blur"
@@ -24,50 +31,18 @@ export interface ReplaceBackgroundRequest {
   options?: ReplaceBackgroundOptions;
 }
 
-export interface ReplaceBackgroundResult {
-  success: boolean;
-  imageUrl?: string;
-  imageBase64?: string;
-  error?: string;
-  requestId?: string;
-}
+export type ReplaceBackgroundResult = BaseImageResult;
 
-export interface ReplaceBackgroundFeatureState {
-  imageUri: string | null;
-  prompt: string;
-  processedUrl: string | null;
-  isProcessing: boolean;
-  progress: number;
-  error: string | null;
+export interface ReplaceBackgroundFeatureState extends BaseImageWithPromptState {
   mode: ReplaceBackgroundMode;
 }
 
-export interface ReplaceBackgroundTranslations {
-  uploadTitle: string;
-  uploadSubtitle: string;
-  uploadChange: string;
-  uploadAnalyzing: string;
+export interface ReplaceBackgroundTranslations extends BaseImageTranslations {
   promptPlaceholder: string;
-  description: string;
-  processingText: string;
-  processButtonText: string;
-  successText: string;
-  saveButtonText: string;
-  tryAnotherText: string;
-  beforeLabel?: string;
-  afterLabel?: string;
-  compareHint?: string;
 }
 
-export type ReplaceBackgroundResultExtractor = (result: unknown) => string | undefined;
-
-export interface ReplaceBackgroundFeatureConfig {
-  creditCost?: number;
+export interface ReplaceBackgroundFeatureConfig
+  extends SingleImageConfig<ReplaceBackgroundResult> {
   defaultMode?: ReplaceBackgroundMode;
-  extractResult?: ReplaceBackgroundResultExtractor;
-  prepareImage: (imageUri: string) => Promise<string>;
-  onImageSelect?: (uri: string) => void;
-  onProcessingStart?: () => void;
-  onProcessingComplete?: (result: ReplaceBackgroundResult) => void;
-  onError?: (error: string) => void;
+  onPromptChange?: (prompt: string) => void;
 }

package/src/features/replace-background/index.ts

@@ -12,7 +12,6 @@ export type {
   ReplaceBackgroundFeatureState,
   ReplaceBackgroundTranslations,
   ReplaceBackgroundFeatureConfig,
-  ReplaceBackgroundResultExtractor,
 } from "./domain/types";
 
 // Presentation Components

package/src/features/replace-background/presentation/hooks/useReplaceBackgroundFeature.ts

@@ -1,12 +1,14 @@
 /**
  * useReplaceBackgroundFeature Hook
- * Manages replace background feature state and actions
+ * Uses base image with prompt hook for background replacement
  */
 
-import { useState, useCallback } from "react";
-import { executeImageFeature } from "../../../../infrastructure/services";
+import { useState, useCallback, useMemo } from "react";
+import {
+  useImageWithPromptFeature,
+  type ImageWithPromptHookReturn,
+} from "../../../image-to-image";
 import type {
-  ReplaceBackgroundFeatureState,
   ReplaceBackgroundFeatureConfig,
   ReplaceBackgroundResult,
   ReplaceBackgroundMode,
@@ -18,128 +20,38 @@ export interface UseReplaceBackgroundFeatureProps {
   onSaveImage: (imageUrl: string) => Promise<void>;
 }
 
-export interface UseReplaceBackgroundFeatureReturn extends ReplaceBackgroundFeatureState {
-  selectImage: () => Promise<void>;
-  setPrompt: (prompt: string) => void;
+export interface UseReplaceBackgroundFeatureReturn extends ImageWithPromptHookReturn {
+  mode: ReplaceBackgroundMode;
   setMode: (mode: ReplaceBackgroundMode) => void;
-  process: () => Promise<void>;
-  save: () => Promise<void>;
-  reset: () => void;
 }
 
-const initialState: ReplaceBackgroundFeatureState = {
-  imageUri: null,
-  prompt: "",
-  processedUrl: null,
-  isProcessing: false,
-  progress: 0,
-  error: null,
-  mode: "replace",
-};
-
 export function useReplaceBackgroundFeature(
   props: UseReplaceBackgroundFeatureProps,
 ): UseReplaceBackgroundFeatureReturn {
   const { config, onSelectImage, onSaveImage } = props;
-  const [state, setState] = useState<ReplaceBackgroundFeatureState>({
-    ...initialState,
-    mode: config.defaultMode || "replace",
-  });
-
-  const selectImage = useCallback(async () => {
-    try {
-      const uri = await onSelectImage();
-      if (uri) {
-        setState((prev) => ({ ...prev, imageUri: uri, error: null }));
-        config.onImageSelect?.(uri);
-      }
-    } catch (error) {
-      const message = error instanceof Error ? error.message : String(error);
-      setState((prev) => ({ ...prev, error: message }));
-    }
-  }, [onSelectImage, config]);
-
-  const setPrompt = useCallback((prompt: string) => {
-    setState((prev) => ({ ...prev, prompt }));
-  }, []);
-
-  const setMode = useCallback((mode: ReplaceBackgroundMode) => {
-    setState((prev) => ({ ...prev, mode }));
-  }, []);
-
-  const handleProgress = useCallback((progress: number) => {
-    setState((prev) => ({ ...prev, progress }));
-  }, []);
-
-  const process = useCallback(async () => {
-    if (!state.imageUri) return;
+  const [mode, setMode] = useState<ReplaceBackgroundMode>(config.defaultMode || "replace");
 
-    setState((prev) => ({
-      ...prev,
-      isProcessing: true,
-      progress: 0,
-      error: null,
-    }));
-
-    config.onProcessingStart?.();
-
-    const imageBase64 = await config.prepareImage(state.imageUri);
-
-    const result = await executeImageFeature(
-      "replace-background",
-      {
+  const baseHook = useImageWithPromptFeature<ReplaceBackgroundFeatureConfig, ReplaceBackgroundResult>(
+    { config, onSelectImage, onSaveImage },
+    {
+      buildInput: (imageBase64, prompt) => ({
         imageBase64,
-        prompt: state.prompt || undefined,
-        options: { mode: state.mode },
-      },
-      { extractResult: config.extractResult, onProgress: handleProgress },
-    );
-
-    if (result.success && result.imageUrl) {
-      setState((prev) => ({
-        ...prev,
-        isProcessing: false,
-        processedUrl: result.imageUrl!,
-        progress: 100,
-      }));
-      config.onProcessingComplete?.(result as ReplaceBackgroundResult);
-    } else {
-      const errorMessage = result.error || "Processing failed";
-      setState((prev) => ({
-        ...prev,
-        isProcessing: false,
-        error: errorMessage,
-        progress: 0,
-      }));
-      config.onError?.(errorMessage);
-    }
-  }, [state.imageUri, state.prompt, state.mode, config, handleProgress]);
-
-  const save = useCallback(async () => {
-    if (!state.processedUrl) return;
-
-    try {
-      await onSaveImage(state.processedUrl);
-    } catch (error) {
-      const message = error instanceof Error ? error.message : String(error);
-      setState((prev) => ({ ...prev, error: message }));
-    }
-  }, [state.processedUrl, onSaveImage]);
-
-  const reset = useCallback(() => {
-    setState({
-      ...initialState,
-      mode: config.defaultMode || "replace",
-    });
-  }, [config.defaultMode]);
+        prompt: prompt || undefined,
+        options: { mode },
+      }),
+    },
+  );
+
+  const handleSetMode = useCallback((newMode: ReplaceBackgroundMode) => {
+    setMode(newMode);
+  }, []);
 
-  return {
-    ...state,
-    selectImage,
-    setPrompt,
-    setMode,
-    process,
-    save,
-    reset,
-  };
+  return useMemo(
+    () => ({
+      ...baseHook,
+      mode,
+      setMode: handleSetMode,
+    }),
+    [baseHook, mode, handleSetMode],
+  );
 }

package/src/features/script-generator/presentation/hooks/useScriptGenerator.ts

@@ -46,7 +46,7 @@ export function useScriptGenerator({
         }
       } catch (error) {
         if (__DEV__) {
-          // eslint-disable-next-line no-console
+           
           console.error("Script generation error:", error);
         }
       } finally {

package/src/features/text-to-image/infrastructure/services/text-to-image-executor.ts

@@ -105,7 +105,7 @@ export async function executeTextToImage(
   const { model, buildInput, extractResult, onProgress } = options;
 
   if (typeof __DEV__ !== "undefined" && __DEV__) {
-    // eslint-disable-next-line no-console
+     
     console.log(`[TextToImage] Provider: ${provider.providerId}, Model: ${model}`);
   }
 
@@ -134,7 +134,7 @@ export async function executeTextToImage(
   } catch (error) {
     const message = error instanceof Error ? error.message : String(error);
     if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
+       
       console.error("[TextToImage] Error:", message);
     }
     return { success: false, error: message };

package/src/features/text-to-image/presentation/hooks/useGeneration.ts

@@ -45,7 +45,7 @@ export function useGeneration(options: UseGenerationOptions): UseGenerationRetur
 
   const handleGenerate = useCallback(async (): Promise<TextToImageGenerationResult | null> => {
     if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
+       
       console.log("[TextToImage] handleGenerate called");
     }
 
@@ -53,7 +53,7 @@ export function useGeneration(options: UseGenerationOptions): UseGenerationRetur
 
     if (!trimmedPrompt) {
       if (typeof __DEV__ !== "undefined" && __DEV__) {
-        // eslint-disable-next-line no-console
+         
         console.log("[TextToImage] No prompt provided");
       }
       setGenerationState((prev) => ({ ...prev, error: "Prompt is required" }));
@@ -62,13 +62,13 @@ export function useGeneration(options: UseGenerationOptions): UseGenerationRetur
 
     const isAuth = callbacks.isAuthenticated();
     if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
+       
       console.log("[TextToImage] isAuthenticated:", isAuth);
     }
 
     if (!isAuth) {
       if (typeof __DEV__ !== "undefined" && __DEV__) {
-        // eslint-disable-next-line no-console
+         
         console.log("[TextToImage] Auth required - calling onAuthRequired");
       }
       callbacks.onAuthRequired?.();
@@ -77,13 +77,13 @@ export function useGeneration(options: UseGenerationOptions): UseGenerationRetur
 
     const affordable = callbacks.canAfford(totalCost);
     if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
+       
       console.log("[TextToImage] canAfford:", affordable, "totalCost:", totalCost);
     }
 
     if (!affordable) {
       if (typeof __DEV__ !== "undefined" && __DEV__) {
-        // eslint-disable-next-line no-console
+         
         console.log("[TextToImage] Credits required - calling onCreditsRequired");
       }
       callbacks.onCreditsRequired?.(totalCost);
@@ -91,7 +91,7 @@ export function useGeneration(options: UseGenerationOptions): UseGenerationRetur
     }
 
     if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
+       
       console.log("[TextToImage] Starting generation...");
     }
     setGenerationState({ isGenerating: true, progress: 0, error: null });
@@ -109,7 +109,7 @@ export function useGeneration(options: UseGenerationOptions): UseGenerationRetur
     };
 
     if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
+       
       console.log("[TextToImage] Request:", JSON.stringify(request, null, 2));
     }
 
@@ -121,13 +121,13 @@ export function useGeneration(options: UseGenerationOptions): UseGenerationRetur
           imageCount: result.success ? result.imageUrls?.length : 0,
           error: result.success === false ? result.error : undefined,
         };
-        // eslint-disable-next-line no-console
+         
         console.log("[TextToImage] Result:", JSON.stringify(logResult));
       }
 
       if (result.success === true) {
         if (typeof __DEV__ !== "undefined" && __DEV__) {
-          // eslint-disable-next-line no-console
+           
           console.log("[TextToImage] Success! Generated", result.imageUrls?.length, "image(s)");
         }
         callbacks.onSuccess?.(result.imageUrls);
@@ -135,7 +135,7 @@ export function useGeneration(options: UseGenerationOptions): UseGenerationRetur
         setGenerationState({ isGenerating: false, progress: 100, error: null });
       } else {
         if (typeof __DEV__ !== "undefined" && __DEV__) {
-          // eslint-disable-next-line no-console
+           
           console.log("[TextToImage] Generation failed:", result.error);
         }
         setGenerationState({ isGenerating: false, progress: 0, error: result.error });
@@ -146,7 +146,7 @@ export function useGeneration(options: UseGenerationOptions): UseGenerationRetur
     } catch (error) {
       const message = error instanceof Error ? error.message : String(error);
       if (typeof __DEV__ !== "undefined" && __DEV__) {
-        // eslint-disable-next-line no-console
+         
         console.error("[TextToImage] Exception:", message);
       }
       setGenerationState({ isGenerating: false, progress: 0, error: message });

package/src/features/text-to-video/infrastructure/services/text-to-video-executor.ts

@@ -50,7 +50,7 @@ export async function executeTextToVideo(
   options: ExecuteTextToVideoOptions,
 ): Promise<TextToVideoResult> {
   if (typeof __DEV__ !== "undefined" && __DEV__) {
-    // eslint-disable-next-line no-console
+     
     console.log("[TextToVideoExecutor] executeTextToVideo() called");
   }
 
@@ -58,7 +58,7 @@ export async function executeTextToVideo(
 
   if (!provider) {
     if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
+       
       console.error("[TextToVideoExecutor] No AI provider configured");
     }
     return { success: false, error: "No AI provider configured" };
@@ -66,7 +66,7 @@ export async function executeTextToVideo(
 
   if (!provider.isInitialized()) {
     if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
+       
       console.error("[TextToVideoExecutor] AI provider not initialized");
     }
     return { success: false, error: "AI provider not initialized" };
@@ -79,14 +79,14 @@ export async function executeTextToVideo(
   const { model, buildInput, extractResult, onProgress } = options;
 
   if (typeof __DEV__ !== "undefined" && __DEV__) {
-    // eslint-disable-next-line no-console
+     
     console.log(`[TextToVideoExecutor] Provider: ${provider.providerId}, Model: ${model}`);
   }
 
   try {
     onProgress?.(5);
     if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
+       
       console.log("[TextToVideoExecutor] Starting provider.run()...");
     }
 
@@ -96,7 +96,7 @@ export async function executeTextToVideo(
       onProgress: (progressInfo) => {
         const progressValue = progressInfo.progress;
         if (typeof __DEV__ !== "undefined" && __DEV__) {
-          // eslint-disable-next-line no-console
+           
           console.log("[TextToVideoExecutor] Progress:", progressValue);
         }
         onProgress?.(progressValue);
@@ -104,7 +104,7 @@ export async function executeTextToVideo(
     });
 
     if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
+       
       console.log("[TextToVideoExecutor] provider.run() completed", result);
     }
 
@@ -114,7 +114,7 @@ export async function executeTextToVideo(
 
     if (!extracted?.videoUrl) {
       if (typeof __DEV__ !== "undefined" && __DEV__) {
-        // eslint-disable-next-line no-console
+         
         console.error("[TextToVideoExecutor] No video URL in response");
       }
       return { success: false, error: "No video in response" };
@@ -128,7 +128,7 @@ export async function executeTextToVideo(
   } catch (error) {
     const message = error instanceof Error ? error.message : String(error);
     if (typeof __DEV__ !== "undefined" && __DEV__) {
-      // eslint-disable-next-line no-console
+       
       console.error("[TextToVideoExecutor] Error:", message);
     }
     return { success: false, error: message };