@umituz/react-native-ai-generation-content 1.17.225 → 1.17.226

package/src/presentation/hooks/base/utils/feature-state.factory.ts

@@ -0,0 +1,133 @@
+/**
+ * Feature State Factory
+ * Factory functions for creating feature state handlers
+ * Reduces code duplication across feature hooks
+ */
+
+import { useCallback } from "react";
+
+export interface FeatureStateActions {
+  reset: () => void;
+  clearError: () => void;
+}
+
+export interface CreateStateHandlersParams<TState> {
+  setState: React.Dispatch<React.SetStateAction<TState>>;
+  initialState: TState;
+}
+
+/**
+ * Creates reset and clearError handlers for feature state
+ */
+export function createFeatureStateHandlers<TState extends { error: string | null }>({
+  setState,
+  initialState,
+}: CreateStateHandlersParams<TState>): FeatureStateActions {
+  const reset = useCallback(() => {
+    setState(initialState);
+  }, [setState, initialState]);
+
+  const clearError = useCallback(() => {
+    setState((prev) => ({
+      ...prev,
+      error: null,
+    }));
+  }, [setState]);
+
+  return { reset, clearError };
+}
+
+/**
+ * Creates error handler with logging
+ */
+export interface ErrorHandlerParams {
+  setError: (error: string | null) => void;
+  onError?: (error: string) => void;
+  errorKey: string;
+}
+
+export function createErrorHandler({
+  setError,
+  onError,
+  errorKey,
+}: ErrorHandlerParams) {
+  return useCallback((error: unknown) => {
+    const message = error instanceof Error ? error.message : errorKey;
+    setError(message);
+    onError?.(message);
+  }, [setError, onError, errorKey]);
+}
+
+/**
+ * Creates process handler with common logic
+ */
+export interface ProcessHandlerParams<TData, TResult> {
+  canProcess: () => boolean;
+  setError: (error: string | null) => void;
+  setProcessing: (processing: boolean) => void;
+  onError?: (error: string) => void;
+  processFn: () => Promise<TResult>;
+  onSuccess?: (result: TResult) => void;
+  onProgress?: (progress: number) => void;
+}
+
+export async function executeProcess<TData, TResult>({
+  canProcess,
+  setError,
+  setProcessing,
+  onError,
+  processFn,
+  onSuccess,
+  onProgress,
+}: ProcessHandlerParams<TData, TResult>): Promise<TResult | null> {
+  if (!canProcess()) {
+    return null;
+  }
+
+  setProcessing(true);
+  setError(null);
+  onProgress?.(0);
+
+  try {
+    const result = await processFn();
+    onProgress?.(100);
+    onSuccess?.(result);
+    return result;
+  } catch (err) {
+    const message = err instanceof Error ? err.message : "error.processing";
+    setError(message);
+    onError?.(message);
+    return null;
+  } finally {
+    setProcessing(false);
+  }
+}
+
+/**
+ * Creates save handler
+ */
+export interface SaveHandlerParams {
+  processedUrl: string | null;
+  onSave?: (url: string) => Promise<void>;
+  setError: (error: string | null) => void;
+  onError?: (error: string) => void;
+}
+
+export async function executeSave({
+  processedUrl,
+  onSave,
+  setError,
+  onError,
+}: SaveHandlerParams): Promise<void> {
+  if (!processedUrl || !onSave) {
+    return;
+  }
+
+  try {
+    await onSave(processedUrl);
+  } catch (err) {
+    const message = err instanceof Error ? err.message : "error.save";
+    setError(message);
+    onError?.(message);
+  }
+}

package/src/presentation/layouts/index.ts

@@ -1,26 +1,29 @@
 /**
- * Feature Layouts
- * Centralized layout components for image/video processing features
+ * Feature Layout Types
+ * Shared types for SingleImageFeatureLayout and DualImageFeatureLayout
  */
 
-export { SingleImageFeatureLayout } from "./SingleImageFeatureLayout";
-export { SingleImageWithPromptFeatureLayout } from "./SingleImageWithPromptFeatureLayout";
-export { DualImageFeatureLayout } from "./DualImageFeatureLayout";
-export { DualImageVideoFeatureLayout } from "./DualImageVideoFeatureLayout";
+// Re-export all partial types
 export type {
   ModalTranslations,
   BaseLayoutTranslations,
   PhotoUploadTranslations,
   SingleImageInputRenderProps,
-  SingleImageWithPromptInputRenderProps,
-  SingleImageWithPromptFeatureState,
-  SingleImageWithPromptFeatureLayoutProps,
   DualImageInputRenderProps,
+  SingleImageWithPromptInputRenderProps,
   ResultRenderProps,
-  CustomResultRenderProps,
   ProcessingModalRenderProps,
+  CustomResultRenderProps,
+  DualImageVideoFeatureState,
+  SingleImageWithPromptFeatureState,
   SingleImageFeatureLayoutProps,
   DualImageFeatureLayoutProps,
-  DualImageVideoFeatureState,
   DualImageVideoFeatureLayoutProps,
+  SingleImageWithPromptFeatureLayoutProps,
 } from "./types";
+
+// Export layout components
+export { SingleImageFeatureLayout } from "./SingleImageFeatureLayout";
+export { SingleImageWithPromptFeatureLayout } from "./SingleImageWithPromptFeatureLayout";
+export { DualImageFeatureLayout } from "./DualImageFeatureLayout";
+export { DualImageVideoFeatureLayout } from "./DualImageVideoFeatureLayout";

package/src/presentation/layouts/types/feature-states.ts

@@ -0,0 +1,38 @@
+/**
+ * Feature State Types
+ * State interfaces for different feature types
+ */
+
+/**
+ * Dual image video feature state (for ai-kiss, ai-hug)
+ */
+export interface DualImageVideoFeatureState {
+  sourceImageUri: string | null;
+  targetImageUri: string | null;
+  processedVideoUrl: string | null;
+  isProcessing: boolean;
+  progress: number;
+  error: string | null;
+  selectSourceImage: () => Promise<void>;
+  selectTargetImage: () => Promise<void>;
+  process: () => Promise<void>;
+  save: () => Promise<void>;
+  reset: () => void;
+}
+
+/**
+ * Single image with prompt feature state
+ */
+export interface SingleImageWithPromptFeatureState {
+  imageUri: string | null;
+  prompt: string;
+  processedUrl: string | null;
+  isProcessing: boolean;
+  progress: number;
+  error: string | null;
+  selectImage: () => Promise<void>;
+  setPrompt: (prompt: string) => void;
+  process: () => Promise<void>;
+  save: () => Promise<void>;
+  reset: () => void;
+}

package/src/presentation/layouts/types/index.ts

@@ -0,0 +1,35 @@
+/**
+ * Feature Layout Types
+ * Central index for all layout types
+ */
+
+// Re-export all partial types
+export type {
+  ModalTranslations,
+  BaseLayoutTranslations,
+  PhotoUploadTranslations,
+} from "./translations";
+
+export type {
+  SingleImageInputRenderProps,
+  DualImageInputRenderProps,
+  SingleImageWithPromptInputRenderProps,
+} from "./input-props";
+
+export type {
+  ResultRenderProps,
+  ProcessingModalRenderProps,
+  CustomResultRenderProps,
+} from "./result-props";
+
+export type {
+  DualImageVideoFeatureState,
+  SingleImageWithPromptFeatureState,
+} from "./feature-states";
+
+export type {
+  SingleImageFeatureLayoutProps,
+  DualImageFeatureLayoutProps,
+  DualImageVideoFeatureLayoutProps,
+  SingleImageWithPromptFeatureLayoutProps,
+} from "./layout-props";

package/src/presentation/layouts/types/input-props.ts

@@ -0,0 +1,34 @@
+/**
+ * Layout Input Render Props Types
+ * Input section render props for feature layouts
+ */
+
+/**
+ * Input render props for single image
+ */
+export interface SingleImageInputRenderProps {
+  imageUri: string | null;
+  onSelect: () => void;
+  isDisabled: boolean;
+  isProcessing: boolean;
+}
+
+/**
+ * Input render props for dual image
+ */
+export interface DualImageInputRenderProps {
+  sourceImageUri: string | null;
+  targetImageUri: string | null;
+  onSelectSource: () => void;
+  onSelectTarget: () => void;
+  isDisabled: boolean;
+  isProcessing: boolean;
+}
+
+/**
+ * Input render props for single image with prompt
+ */
+export interface SingleImageWithPromptInputRenderProps extends SingleImageInputRenderProps {
+  prompt: string;
+  onPromptChange: (prompt: string) => void;
+}

package/src/presentation/layouts/{types.ts → types/layout-props.ts}

@@ -1,93 +1,32 @@
 /**
- * Feature Layout Types
- * Shared types for SingleImageFeatureLayout and DualImageFeatureLayout
+ * Layout Props Types
+ * Main layout component props interfaces
  */
 
 import type { ReactNode } from "react";
 import type {
   BaseSingleImageHookReturn,
   BaseDualImageHookReturn,
-} from "../../features/image-to-image/domain/types";
-
-/**
- * Modal translations for processing modal
- */
-export interface ModalTranslations {
-  title: string;
-  message: string;
-  hint: string;
-  backgroundHint: string;
-}
-
-/**
- * Base translations required by layouts
- */
-export interface BaseLayoutTranslations {
-  successText: string;
-  saveButtonText: string;
-  tryAnotherText: string;
-  processButtonText: string;
-  processingText: string;
-}
-
-/**
- * Photo upload translations
- */
-export interface PhotoUploadTranslations {
-  uploadTitle: string;
-  uploadSubtitle: string;
-  uploadChange: string;
-  uploadAnalyzing: string;
-}
-
-/**
- * Input render props for single image
- */
-export interface SingleImageInputRenderProps {
-  imageUri: string | null;
-  onSelect: () => void;
-  isDisabled: boolean;
-  isProcessing: boolean;
-}
-
-/**
- * Input render props for dual image
- */
-export interface DualImageInputRenderProps {
-  sourceImageUri: string | null;
-  targetImageUri: string | null;
-  onSelectSource: () => void;
-  onSelectTarget: () => void;
-  isDisabled: boolean;
-  isProcessing: boolean;
-}
-
-/**
- * Result render props
- */
-export interface ResultRenderProps {
-  imageUrl: string;
-  imageSize: number;
-}
-
-/**
- * Processing modal render props
- */
-export interface ProcessingModalRenderProps {
-  visible: boolean;
-  progress: number;
-}
-
-/**
- * Custom result render props (includes feature state for comparison views)
- */
-export interface CustomResultRenderProps {
-  processedUrl: string;
-  originalImageUri: string;
-  imageSize: number;
-  onSave: () => void;
-  onReset: () => void;
-}
+} from "../../../../../features/image-to-image/domain/types";
+import type {
+  ModalTranslations,
+  BaseLayoutTranslations,
+  PhotoUploadTranslations,
+} from "./translations";
+import type {
+  SingleImageInputRenderProps,
+  DualImageInputRenderProps,
+  SingleImageWithPromptInputRenderProps,
+} from "./input-props";
+import type {
+  ResultRenderProps,
+  ProcessingModalRenderProps,
+  CustomResultRenderProps,
+} from "./result-props";
+import type {
+  DualImageVideoFeatureState,
+  SingleImageWithPromptFeatureState,
+} from "./feature-states";
 
 /**
  * Single image feature layout props
@@ -139,23 +78,6 @@ export interface DualImageFeatureLayoutProps {
   children?: ReactNode;
 }
 
-/**
- * Dual image video feature state (for ai-kiss, ai-hug)
- */
-export interface DualImageVideoFeatureState {
-  sourceImageUri: string | null;
-  targetImageUri: string | null;
-  processedVideoUrl: string | null;
-  isProcessing: boolean;
-  progress: number;
-  error: string | null;
-  selectSourceImage: () => Promise<void>;
-  selectTargetImage: () => Promise<void>;
-  process: () => Promise<void>;
-  save: () => Promise<void>;
-  reset: () => void;
-}
-
 /**
  * Dual image video feature layout props
  */
@@ -178,31 +100,6 @@ export interface DualImageVideoFeatureLayoutProps {
   children?: ReactNode;
 }
 
-/**
- * Single image with prompt feature state
- */
-export interface SingleImageWithPromptFeatureState {
-  imageUri: string | null;
-  prompt: string;
-  processedUrl: string | null;
-  isProcessing: boolean;
-  progress: number;
-  error: string | null;
-  selectImage: () => Promise<void>;
-  setPrompt: (prompt: string) => void;
-  process: () => Promise<void>;
-  save: () => Promise<void>;
-  reset: () => void;
-}
-
-/**
- * Input render props for single image with prompt
- */
-export interface SingleImageWithPromptInputRenderProps extends SingleImageInputRenderProps {
-  prompt: string;
-  onPromptChange: (prompt: string) => void;
-}
-
 /**
  * Single image with prompt feature layout props
  */

package/src/presentation/layouts/types/result-props.ts

@@ -0,0 +1,33 @@
+/**
+ * Layout Result Render Props Types
+ * Result section render props for feature layouts
+ */
+
+import type { ReactNode } from "react";
+
+/**
+ * Result render props
+ */
+export interface ResultRenderProps {
+  imageUrl: string;
+  imageSize: number;
+}
+
+/**
+ * Processing modal render props
+ */
+export interface ProcessingModalRenderProps {
+  visible: boolean;
+  progress: number;
+}
+
+/**
+ * Custom result render props (includes feature state for comparison views)
+ */
+export interface CustomResultRenderProps {
+  processedUrl: string;
+  originalImageUri: string;
+  imageSize: number;
+  onSave: () => void;
+  onReset: () => void;
+}

package/src/presentation/layouts/types/translations.ts

@@ -0,0 +1,35 @@
+/**
+ * Layout Translation Types
+ * Translation interfaces for feature layouts
+ */
+
+/**
+ * Modal translations for processing modal
+ */
+export interface ModalTranslations {
+  title: string;
+  message: string;
+  hint: string;
+  backgroundHint: string;
+}
+
+/**
+ * Base translations required by layouts
+ */
+export interface BaseLayoutTranslations {
+  successText: string;
+  saveButtonText: string;
+  tryAnotherText: string;
+  processButtonText: string;
+  processingText: string;
+}
+
+/**
+ * Photo upload translations
+ */
+export interface PhotoUploadTranslations {
+  uploadTitle: string;
+  uploadSubtitle: string;
+  uploadChange: string;
+  uploadAnalyzing: string;
+}