@umituz/react-native-ai-generation-content 1.16.0 → 1.17.1

package/src/features/anime-selfie/presentation/hooks/useAnimeSelfieFeature.ts

@@ -0,0 +1,138 @@
+/**
+ * useAnimeSelfieFeature Hook
+ * Manages anime selfie feature state and actions
+ */
+
+import { useState, useCallback } from "react";
+import { executeAnimeSelfie } from "../../infrastructure/services";
+import type {
+  AnimeSelfieFeatureState,
+  AnimeSelfieFeatureConfig,
+  AnimeSelfieResult,
+} from "../../domain/types";
+
+declare const __DEV__: boolean;
+
+export interface UseAnimeSelfieFeatureProps {
+  config: AnimeSelfieFeatureConfig;
+  userId: string;
+  onSelectImage: () => Promise<string | null>;
+  onSaveImage: (imageUrl: string) => Promise<void>;
+}
+
+export interface UseAnimeSelfieFeatureReturn extends AnimeSelfieFeatureState {
+  selectImage: () => Promise<void>;
+  process: () => Promise<void>;
+  save: () => Promise<void>;
+  reset: () => void;
+}
+
+const initialState: AnimeSelfieFeatureState = {
+  imageUri: null,
+  processedUrl: null,
+  isProcessing: false,
+  progress: 0,
+  error: null,
+};
+
+export function useAnimeSelfieFeature(
+  props: UseAnimeSelfieFeatureProps,
+): UseAnimeSelfieFeatureReturn {
+  const { config, userId, onSelectImage, onSaveImage } = props;
+  const [state, setState] = useState<AnimeSelfieFeatureState>(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?.();
+
+    if (__DEV__) {
+      // eslint-disable-next-line no-console
+      console.log("[useAnimeSelfieFeature] Starting anime selfie process");
+    }
+
+    const imageBase64 = await config.prepareImage(state.imageUri);
+
+    const result: AnimeSelfieResult = await executeAnimeSelfie(
+      {
+        imageUri: state.imageUri,
+        imageBase64,
+        userId,
+        options: { style: config.defaultStyle },
+      },
+      {
+        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, 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,
+    selectImage,
+    process,
+    save,
+    reset,
+  };
+}

package/src/features/anime-selfie/presentation/index.ts

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

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

@@ -0,0 +1,15 @@
+/**
+ * Background Domain Types Index
+ */
+
+export type {
+  ReplaceBackgroundMode,
+  ReplaceBackgroundOptions,
+  ReplaceBackgroundRequest,
+  ReplaceBackgroundResult,
+  ReplaceBackgroundFeatureState,
+  ReplaceBackgroundTranslations,
+  ReplaceBackgroundInputBuilder,
+  ReplaceBackgroundResultExtractor,
+  ReplaceBackgroundFeatureConfig,
+} from "./replace-background.types";

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

@@ -0,0 +1,82 @@
+/**
+ * Replace Background Feature Types
+ * Request, Result, Config types for background replacement
+ */
+
+export type ReplaceBackgroundMode =
+  | "replace"
+  | "blur"
+  | "creative-scene"
+  | "solid-color";
+
+export interface ReplaceBackgroundOptions {
+  mode?: ReplaceBackgroundMode;
+  prompt?: string;
+  backgroundColor?: string;
+  blurIntensity?: number;
+}
+
+export interface ReplaceBackgroundRequest {
+  imageUri: string;
+  imageBase64?: string;
+  userId: string;
+  prompt?: string;
+  options?: ReplaceBackgroundOptions;
+}
+
+export interface ReplaceBackgroundResult {
+  success: boolean;
+  imageUrl?: string;
+  imageBase64?: string;
+  error?: string;
+  requestId?: string;
+}
+
+export interface ReplaceBackgroundFeatureState {
+  imageUri: string | null;
+  prompt: string;
+  processedUrl: string | null;
+  isProcessing: boolean;
+  progress: number;
+  error: string | null;
+  mode: ReplaceBackgroundMode;
+}
+
+export interface ReplaceBackgroundTranslations {
+  uploadTitle: string;
+  uploadSubtitle: string;
+  uploadChange: string;
+  uploadAnalyzing: string;
+  promptPlaceholder: string;
+  description: string;
+  processingText: string;
+  processButtonText: string;
+  successText: string;
+  saveButtonText: string;
+  tryAnotherText: string;
+  beforeLabel?: string;
+  afterLabel?: string;
+  compareHint?: string;
+}
+
+export type ReplaceBackgroundInputBuilder = (
+  base64: string,
+  prompt?: string,
+  options?: ReplaceBackgroundOptions,
+) => Record<string, unknown>;
+
+export type ReplaceBackgroundResultExtractor = (result: unknown) => string | undefined;
+
+export interface ReplaceBackgroundFeatureConfig {
+  providerId?: string;
+  creditCost?: number;
+  defaultMode?: ReplaceBackgroundMode;
+  model: string;
+  buildInput: ReplaceBackgroundInputBuilder;
+  extractResult?: ReplaceBackgroundResultExtractor;
+  prepareImage: (imageUri: string) => Promise<string>;
+  onImageSelect?: (uri: string) => void;
+  onProcessingStart?: () => void;
+  onProcessingComplete?: (result: ReplaceBackgroundResult) => void;
+  onError?: (error: string) => void;
+}

package/src/features/background/index.ts

@@ -6,6 +6,7 @@
  *   import {
  *     BackgroundFeature,
  *     useBackgroundFeature,
+ *     useReplaceBackgroundFeature,
  *     ImagePicker,
  *     ComparisonSlider,
  *     ModeSelector,
@@ -13,7 +14,7 @@
  */
 
 // =============================================================================
-// DOMAIN LAYER - Types & Interfaces
+// DOMAIN LAYER - Types & Interfaces (Legacy)
 // =============================================================================
 
 export type {
@@ -38,12 +39,35 @@ export type {
     UseBackgroundFeatureConfig,
 } from "./domain/entities";
 
+// =============================================================================
+// DOMAIN LAYER - New Provider-Agnostic Types
+// =============================================================================
+
+export type {
+    ReplaceBackgroundMode,
+    ReplaceBackgroundOptions,
+    ReplaceBackgroundRequest,
+    ReplaceBackgroundResult,
+    ReplaceBackgroundFeatureState,
+    ReplaceBackgroundTranslations,
+    ReplaceBackgroundFeatureConfig,
+    ReplaceBackgroundInputBuilder,
+    ReplaceBackgroundResultExtractor,
+} from "./domain/types";
+
 // =============================================================================
 // INFRASTRUCTURE LAYER - Constants
 // =============================================================================
 
 export { DEFAULT_SAMPLE_PROMPTS } from "./infrastructure/constants";
 
+// =============================================================================
+// INFRASTRUCTURE LAYER - Services
+// =============================================================================
+
+export { executeReplaceBackground, hasReplaceBackgroundSupport } from "./infrastructure";
+export type { ExecuteReplaceBackgroundOptions } from "./infrastructure";
+
 // =============================================================================
 // PRESENTATION LAYER - Components
 // =============================================================================
@@ -67,6 +91,10 @@ export type { BackgroundFeatureProps } from "./presentation/components";
 // PRESENTATION LAYER - Hooks
 // =============================================================================
 
-export { useBackgroundFeature } from "./presentation/hooks";
+export { useBackgroundFeature, useReplaceBackgroundFeature } from "./presentation/hooks";
 
-export type { UseBackgroundFeatureReturn } from "./presentation/hooks";
+export type {
+    UseBackgroundFeatureReturn,
+    UseReplaceBackgroundFeatureProps,
+    UseReplaceBackgroundFeatureReturn,
+} from "./presentation/hooks";

package/src/features/background/infrastructure/index.ts

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

package/src/features/background/infrastructure/services/index.ts

@@ -0,0 +1,6 @@
+/**
+ * Background Infrastructure Services Index
+ */
+
+export { executeReplaceBackground, hasReplaceBackgroundSupport } from "./replace-background-executor";
+export type { ExecuteReplaceBackgroundOptions } from "./replace-background-executor";

package/src/features/background/infrastructure/services/replace-background-executor.ts

@@ -0,0 +1,95 @@
+/**
+ * Replace Background Executor
+ * Provider-agnostic background replacement 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 {
+  ReplaceBackgroundRequest,
+  ReplaceBackgroundResult,
+  ReplaceBackgroundInputBuilder,
+  ReplaceBackgroundResultExtractor,
+} from "../../domain/types";
+
+declare const __DEV__: boolean;
+
+export interface ExecuteReplaceBackgroundOptions {
+  model: string;
+  buildInput: ReplaceBackgroundInputBuilder;
+  extractResult?: ReplaceBackgroundResultExtractor;
+  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 executeReplaceBackground(
+  request: ReplaceBackgroundRequest,
+  options: ExecuteReplaceBackgroundOptions,
+): Promise<ReplaceBackgroundResult> {
+  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.imageBase64) {
+    return { success: false, error: "Image base64 is required" };
+  }
+
+  const { model, buildInput, extractResult, onProgress } = options;
+
+  if (__DEV__) {
+    // eslint-disable-next-line no-console
+    console.log(`[ReplaceBackground] Provider: ${provider.providerId}, Model: ${model}`);
+  }
+
+  try {
+    onProgress?.(10);
+
+    const base64 = cleanBase64(request.imageBase64);
+    onProgress?.(30);
+
+    const input = buildInput(base64, request.prompt, 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("[ReplaceBackground] Error:", message);
+    }
+    return { success: false, error: message };
+  }
+}
+
+export function hasReplaceBackgroundSupport(): boolean {
+  const provider = providerRegistry.getActiveProvider();
+  return provider !== null && provider.isInitialized();
+}

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

@@ -3,5 +3,10 @@
  */
 
 export { useBackgroundFeature } from "./useBackgroundFeature";
-
 export type { UseBackgroundFeatureReturn } from "./useBackgroundFeature";
+
+export { useReplaceBackgroundFeature } from "./useReplaceBackgroundFeature";
+export type {
+  UseReplaceBackgroundFeatureProps,
+  UseReplaceBackgroundFeatureReturn,
+} from "./useReplaceBackgroundFeature";

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";