@umituz/react-native-ai-generation-content 1.17.0 → 1.17.2

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

@@ -0,0 +1,160 @@
+/**
+ * useReplaceBackgroundFeature Hook
+ * Manages replace background feature state and actions
+ */
+
+import { useState, useCallback } from "react";
+import { executeReplaceBackground } from "../../infrastructure/services";
+import type {
+  ReplaceBackgroundFeatureState,
+  ReplaceBackgroundFeatureConfig,
+  ReplaceBackgroundResult,
+  ReplaceBackgroundMode,
+} from "../../domain/types";
+
+declare const __DEV__: boolean;
+
+export interface UseReplaceBackgroundFeatureProps {
+  config: ReplaceBackgroundFeatureConfig;
+  userId: string;
+  onSelectImage: () => Promise<string | null>;
+  onSaveImage: (imageUrl: string) => Promise<void>;
+}
+
+export interface UseReplaceBackgroundFeatureReturn extends ReplaceBackgroundFeatureState {
+  selectImage: () => Promise<void>;
+  setPrompt: (prompt: string) => void;
+  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, userId, 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;
+
+    setState((prev) => ({
+      ...prev,
+      isProcessing: true,
+      progress: 0,
+      error: null,
+    }));
+
+    config.onProcessingStart?.();
+
+    if (__DEV__) {
+      // eslint-disable-next-line no-console
+      console.log("[useReplaceBackgroundFeature] Starting background replacement process");
+    }
+
+    const imageBase64 = await config.prepareImage(state.imageUri);
+
+    const result: ReplaceBackgroundResult = await executeReplaceBackground(
+      {
+        imageUri: state.imageUri,
+        imageBase64,
+        userId,
+        prompt: state.prompt || undefined,
+        options: { mode: state.mode },
+      },
+      {
+        model: config.model,
+        buildInput: config.buildInput,
+        extractResult: config.extractResult,
+        onProgress: handleProgress,
+      },
+    );
+
+    if (result.success && result.imageUrl) {
+      const url = result.imageUrl;
+      setState((prev) => ({
+        ...prev,
+        isProcessing: false,
+        processedUrl: url,
+        progress: 100,
+      }));
+      config.onProcessingComplete?.(result);
+    } 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, userId, 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]);
+
+  return {
+    ...state,
+    selectImage,
+    setPrompt,
+    setMode,
+    process,
+    save,
+    reset,
+  };
+}

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

@@ -0,0 +1,5 @@
+/**
+ * Face Swap Domain Index
+ */
+
+export * from "./types";

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

@@ -0,0 +1,72 @@
+/**
+ * Face Swap Feature Types
+ * Request, Result, Config types for face swap generation
+ */
+
+export interface FaceSwapOptions {
+  enhanceFace?: boolean;
+  preserveSkinTone?: boolean;
+}
+
+export interface FaceSwapRequest {
+  sourceImageUri: string;
+  targetImageUri: string;
+  sourceImageBase64?: string;
+  targetImageBase64?: string;
+  userId: string;
+  options?: FaceSwapOptions;
+}
+
+export interface FaceSwapResult {
+  success: boolean;
+  imageUrl?: string;
+  imageBase64?: string;
+  error?: string;
+  requestId?: string;
+}
+
+export interface FaceSwapFeatureState {
+  sourceImageUri: string | null;
+  targetImageUri: string | null;
+  processedUrl: string | null;
+  isProcessing: boolean;
+  progress: number;
+  error: string | null;
+}
+
+export interface FaceSwapTranslations {
+  sourceUploadTitle: string;
+  sourceUploadSubtitle: string;
+  targetUploadTitle: string;
+  targetUploadSubtitle: string;
+  uploadChange: string;
+  uploadAnalyzing: string;
+  description: string;
+  processingText: string;
+  processButtonText: string;
+  successText: string;
+  saveButtonText: string;
+  tryAnotherText: string;
+}
+
+export type FaceSwapInputBuilder = (
+  sourceBase64: string,
+  targetBase64: string,
+  options?: FaceSwapOptions,
+) => Record<string, unknown>;
+
+export type FaceSwapResultExtractor = (result: unknown) => string | undefined;
+
+export interface FaceSwapFeatureConfig {
+  providerId?: string;
+  creditCost?: number;
+  model: string;
+  buildInput: FaceSwapInputBuilder;
+  extractResult?: FaceSwapResultExtractor;
+  prepareImage: (imageUri: string) => Promise<string>;
+  onSourceImageSelect?: (uri: string) => void;
+  onTargetImageSelect?: (uri: string) => void;
+  onProcessingStart?: () => void;
+  onProcessingComplete?: (result: FaceSwapResult) => void;
+  onError?: (error: string) => void;
+}

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

@@ -0,0 +1,14 @@
+/**
+ * Face Swap Domain Types Index
+ */
+
+export type {
+  FaceSwapOptions,
+  FaceSwapRequest,
+  FaceSwapResult,
+  FaceSwapFeatureState,
+  FaceSwapTranslations,
+  FaceSwapInputBuilder,
+  FaceSwapResultExtractor,
+  FaceSwapFeatureConfig,
+} from "./face-swap.types";

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

@@ -1 +1,27 @@
-export * from './domain/entities';
+/**
+ * Face Swap Feature
+ * Provider-agnostic face swap generation feature
+ */
+
+// Domain Types
+export type {
+  FaceSwapOptions,
+  FaceSwapRequest,
+  FaceSwapResult,
+  FaceSwapFeatureState,
+  FaceSwapTranslations,
+  FaceSwapFeatureConfig,
+  FaceSwapInputBuilder,
+  FaceSwapResultExtractor,
+} from "./domain";
+
+// Infrastructure Services
+export { executeFaceSwap, hasFaceSwapSupport } from "./infrastructure";
+export type { ExecuteFaceSwapOptions } from "./infrastructure";
+
+// Presentation Hooks
+export { useFaceSwapFeature } from "./presentation";
+export type {
+  UseFaceSwapFeatureProps,
+  UseFaceSwapFeatureReturn,
+} from "./presentation";

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

@@ -0,0 +1,5 @@
+/**
+ * Face Swap Infrastructure Index
+ */
+
+export * from "./services";

package/src/features/face-swap/infrastructure/services/face-swap-executor.ts

@@ -0,0 +1,96 @@
+/**
+ * Face Swap Executor
+ * Provider-agnostic face swap execution using active AI provider
+ * Model and input format are provided via options from app level
+ */
+
+import { providerRegistry } from "../../../../infrastructure/services";
+import { cleanBase64 } from "../../../../infrastructure/utils";
+import type {
+  FaceSwapRequest,
+  FaceSwapResult,
+  FaceSwapInputBuilder,
+  FaceSwapResultExtractor,
+} from "../../domain/types";
+
+declare const __DEV__: boolean;
+
+export interface ExecuteFaceSwapOptions {
+  model: string;
+  buildInput: FaceSwapInputBuilder;
+  extractResult?: FaceSwapResultExtractor;
+  onProgress?: (progress: number) => void;
+}
+
+function defaultExtractResult(result: unknown): string | undefined {
+  if (typeof result !== "object" || result === null) return undefined;
+
+  const r = result as Record<string, unknown>;
+
+  if (typeof r.image === "string") return r.image;
+  if (Array.isArray(r.images) && r.images[0]?.url) return r.images[0].url;
+
+  return undefined;
+}
+
+export async function executeFaceSwap(
+  request: FaceSwapRequest,
+  options: ExecuteFaceSwapOptions,
+): Promise<FaceSwapResult> {
+  const provider = providerRegistry.getActiveProvider();
+
+  if (!provider) {
+    return { success: false, error: "No AI provider configured" };
+  }
+
+  if (!provider.isInitialized()) {
+    return { success: false, error: "AI provider not initialized" };
+  }
+
+  if (!request.sourceImageBase64 || !request.targetImageBase64) {
+    return { success: false, error: "Both source and target image base64 are required" };
+  }
+
+  const { model, buildInput, extractResult, onProgress } = options;
+
+  if (__DEV__) {
+    // eslint-disable-next-line no-console
+    console.log(`[FaceSwap] Provider: ${provider.providerId}, Model: ${model}`);
+  }
+
+  try {
+    onProgress?.(10);
+
+    const sourceBase64 = cleanBase64(request.sourceImageBase64);
+    const targetBase64 = cleanBase64(request.targetImageBase64);
+    onProgress?.(30);
+
+    const input = buildInput(sourceBase64, targetBase64, request.options);
+    onProgress?.(40);
+
+    const result = await provider.run(model, input);
+    onProgress?.(90);
+
+    const extractor = extractResult || defaultExtractResult;
+    const imageUrl = extractor(result);
+    onProgress?.(100);
+
+    if (!imageUrl) {
+      return { success: false, error: "No image in response" };
+    }
+
+    return { success: true, imageUrl };
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error);
+    if (__DEV__) {
+      // eslint-disable-next-line no-console
+      console.error("[FaceSwap] Error:", message);
+    }
+    return { success: false, error: message };
+  }
+}
+
+export function hasFaceSwapSupport(): boolean {
+  const provider = providerRegistry.getActiveProvider();
+  return provider !== null && provider.isInitialized();
+}

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

@@ -0,0 +1,6 @@
+/**
+ * Face Swap Infrastructure Services Index
+ */
+
+export { executeFaceSwap, hasFaceSwapSupport } from "./face-swap-executor";
+export type { ExecuteFaceSwapOptions } from "./face-swap-executor";

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

@@ -0,0 +1,9 @@
+/**
+ * Face Swap Presentation Hooks Index
+ */
+
+export { useFaceSwapFeature } from "./useFaceSwapFeature";
+export type {
+  UseFaceSwapFeatureProps,
+  UseFaceSwapFeatureReturn,
+} from "./useFaceSwapFeature";

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

@@ -0,0 +1,157 @@
+/**
+ * useFaceSwapFeature Hook
+ * Manages face swap feature state and actions
+ */
+
+import { useState, useCallback } from "react";
+import { executeFaceSwap } from "../../infrastructure/services";
+import type {
+  FaceSwapFeatureState,
+  FaceSwapFeatureConfig,
+  FaceSwapResult,
+} from "../../domain/types";
+
+declare const __DEV__: boolean;
+
+export interface UseFaceSwapFeatureProps {
+  config: FaceSwapFeatureConfig;
+  userId: string;
+  onSelectSourceImage: () => Promise<string | null>;
+  onSelectTargetImage: () => Promise<string | null>;
+  onSaveImage: (imageUrl: string) => Promise<void>;
+}
+
+export interface UseFaceSwapFeatureReturn extends FaceSwapFeatureState {
+  selectSourceImage: () => Promise<void>;
+  selectTargetImage: () => Promise<void>;
+  process: () => Promise<void>;
+  save: () => Promise<void>;
+  reset: () => void;
+}
+
+const initialState: FaceSwapFeatureState = {
+  sourceImageUri: null,
+  targetImageUri: null,
+  processedUrl: null,
+  isProcessing: false,
+  progress: 0,
+  error: null,
+};
+
+export function useFaceSwapFeature(
+  props: UseFaceSwapFeatureProps,
+): UseFaceSwapFeatureReturn {
+  const { config, userId, onSelectSourceImage, onSelectTargetImage, onSaveImage } = props;
+  const [state, setState] = useState<FaceSwapFeatureState>(initialState);
+
+  const selectSourceImage = useCallback(async () => {
+    try {
+      const uri = await onSelectSourceImage();
+      if (uri) {
+        setState((prev) => ({ ...prev, sourceImageUri: uri, error: null }));
+        config.onSourceImageSelect?.(uri);
+      }
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      setState((prev) => ({ ...prev, error: message }));
+    }
+  }, [onSelectSourceImage, config]);
+
+  const selectTargetImage = useCallback(async () => {
+    try {
+      const uri = await onSelectTargetImage();
+      if (uri) {
+        setState((prev) => ({ ...prev, targetImageUri: uri, error: null }));
+        config.onTargetImageSelect?.(uri);
+      }
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      setState((prev) => ({ ...prev, error: message }));
+    }
+  }, [onSelectTargetImage, config]);
+
+  const handleProgress = useCallback((progress: number) => {
+    setState((prev) => ({ ...prev, progress }));
+  }, []);
+
+  const process = useCallback(async () => {
+    if (!state.sourceImageUri || !state.targetImageUri) return;
+
+    setState((prev) => ({
+      ...prev,
+      isProcessing: true,
+      progress: 0,
+      error: null,
+    }));
+
+    config.onProcessingStart?.();
+
+    if (__DEV__) {
+      // eslint-disable-next-line no-console
+      console.log("[useFaceSwapFeature] Starting face swap process");
+    }
+
+    const sourceImageBase64 = await config.prepareImage(state.sourceImageUri);
+    const targetImageBase64 = await config.prepareImage(state.targetImageUri);
+
+    const result: FaceSwapResult = await executeFaceSwap(
+      {
+        sourceImageUri: state.sourceImageUri,
+        targetImageUri: state.targetImageUri,
+        sourceImageBase64,
+        targetImageBase64,
+        userId,
+      },
+      {
+        model: config.model,
+        buildInput: config.buildInput,
+        extractResult: config.extractResult,
+        onProgress: handleProgress,
+      },
+    );
+
+    if (result.success && result.imageUrl) {
+      const url = result.imageUrl;
+      setState((prev) => ({
+        ...prev,
+        isProcessing: false,
+        processedUrl: url,
+        progress: 100,
+      }));
+      config.onProcessingComplete?.(result);
+    } else {
+      const errorMessage = result.error || "Processing failed";
+      setState((prev) => ({
+        ...prev,
+        isProcessing: false,
+        error: errorMessage,
+        progress: 0,
+      }));
+      config.onError?.(errorMessage);
+    }
+  }, [state.sourceImageUri, state.targetImageUri, userId, 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,
+    selectSourceImage,
+    selectTargetImage,
+    process,
+    save,
+    reset,
+  };
+}

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

@@ -0,0 +1,5 @@
+/**
+ * Face Swap Presentation Index
+ */
+
+export * from "./hooks";

package/src/features/image-to-video/domain/index.ts

@@ -0,0 +1 @@
+export * from "./types";

package/src/features/image-to-video/domain/types/image-to-video.types.ts

@@ -0,0 +1,71 @@
+/**
+ * Image-to-Video Feature Types
+ * Request, Result, Config types for image-to-video generation
+ */
+
+export interface ImageToVideoOptions {
+  duration?: number;
+  motionStrength?: number;
+  aspectRatio?: "16:9" | "9:16" | "1:1";
+  fps?: number;
+}
+
+export interface ImageToVideoRequest {
+  imageUri: string;
+  imageBase64?: string;
+  userId: string;
+  motionPrompt?: string;
+  options?: ImageToVideoOptions;
+}
+
+export interface ImageToVideoResult {
+  success: boolean;
+  videoUrl?: string;
+  thumbnailUrl?: string;
+  error?: string;
+  requestId?: string;
+}
+
+export interface ImageToVideoFeatureState {
+  imageUri: string | null;
+  motionPrompt: string;
+  videoUrl: string | null;
+  thumbnailUrl: string | null;
+  isProcessing: boolean;
+  progress: number;
+  error: string | null;
+}
+
+export interface ImageToVideoTranslations {
+  uploadTitle: string;
+  uploadSubtitle: string;
+  motionPromptPlaceholder: string;
+  generateButtonText: string;
+  processingText: string;
+  successText: string;
+  saveButtonText: string;
+  tryAnotherText: string;
+}
+
+export type ImageToVideoInputBuilder = (
+  imageBase64: string,
+  motionPrompt?: string,
+  options?: ImageToVideoOptions,
+) => Record<string, unknown>;
+
+export type ImageToVideoResultExtractor = (
+  result: unknown,
+) => { videoUrl?: string; thumbnailUrl?: string } | undefined;
+
+export interface ImageToVideoFeatureConfig {
+  providerId?: string;
+  creditCost?: number;
+  model: string;
+  buildInput: ImageToVideoInputBuilder;
+  extractResult?: ImageToVideoResultExtractor;
+  prepareImage: (imageUri: string) => Promise<string>;
+  onImageSelect?: (uri: string) => void;
+  onProcessingStart?: () => void;
+  onProcessingComplete?: (result: ImageToVideoResult) => void;
+  onError?: (error: string) => void;
+}

package/src/features/image-to-video/domain/types/index.ts

@@ -0,0 +1,10 @@
+export type {
+  ImageToVideoOptions,
+  ImageToVideoRequest,
+  ImageToVideoResult,
+  ImageToVideoFeatureState,
+  ImageToVideoTranslations,
+  ImageToVideoInputBuilder,
+  ImageToVideoResultExtractor,
+  ImageToVideoFeatureConfig,
+} from "./image-to-video.types";

package/src/features/image-to-video/index.ts

@@ -0,0 +1,27 @@
+/**
+ * Image-to-Video Feature
+ * Provider-agnostic image-to-video generation feature
+ */
+
+// Domain Types
+export type {
+  ImageToVideoOptions,
+  ImageToVideoRequest,
+  ImageToVideoResult,
+  ImageToVideoFeatureState,
+  ImageToVideoTranslations,
+  ImageToVideoInputBuilder,
+  ImageToVideoResultExtractor,
+  ImageToVideoFeatureConfig,
+} from "./domain";
+
+// Infrastructure Services
+export { executeImageToVideo, hasImageToVideoSupport } from "./infrastructure";
+export type { ExecuteImageToVideoOptions } from "./infrastructure";
+
+// Presentation Hooks
+export { useImageToVideoFeature } from "./presentation";
+export type {
+  UseImageToVideoFeatureProps,
+  UseImageToVideoFeatureReturn,
+} from "./presentation";

package/src/features/image-to-video/infrastructure/index.ts

@@ -0,0 +1 @@
+export * from "./services";