@umituz/react-native-ai-generation-content 1.25.25 → 1.26.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.25.25",
+  "version": "1.26.0",
   "description": "Provider-agnostic AI generation orchestration for React Native with result preview components",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/domains/wizard/presentation/components/GenericWizardFlow.tsx

@@ -98,7 +98,25 @@ export const GenericWizardFlow: React.FC<GenericWizardFlowProps> = ({
 
   // Ensure scenario has required fields - use feature config as fallback
   const validatedScenario = useMemo(() => {
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log("[GenericWizardFlow] Validating scenario", {
+        hasScenario: !!scenario,
+        scenarioId: scenario?.id,
+        hasAiPrompt: scenario?.aiPrompt !== undefined,
+        hasModel: !!scenario?.model,
+        scenarioModel: scenario?.model,
+        outputType: scenario?.outputType,
+      });
+    }
+
     if (scenario && scenario.id && scenario.aiPrompt !== undefined) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[GenericWizardFlow] Scenario validation passed", {
+          scenarioId: scenario.id,
+          model: scenario.model,
+          outputType: scenario.outputType,
+        });
+      }
       return scenario;
     }
 

package/src/features/couple-future/domain/types.ts

@@ -38,7 +38,6 @@ export interface CoupleFutureResult {
 }
 
 export const COUPLE_FUTURE_DEFAULTS = {
-  model: "fal-ai/nano-banana/edit",
   aspectRatio: "4:3" as NanoBananaAspectRatio,
   outputFormat: "jpeg" as NanoBananaOutputFormat,
   timeoutMs: 300000,

package/src/features/meme-generator/infrastructure/services/MemeGenerationService.ts

@@ -9,21 +9,24 @@ export interface MemeGenerationParams {
 export class MemeGenerationService {
   /**
    * Enhance a simple user prompt into a rich image generation prompt
+   * @param prompt - The user's meme idea
+   * @param modelId - REQUIRED: Text-to-text model ID from app config
    */
-  async enhancePrompt(prompt: string, modelId?: string): Promise<string> {
+  async enhancePrompt(prompt: string, modelId: string): Promise<string> {
     try {
       const provider = providerRegistry.getActiveProvider();
       if (!provider) {
         throw new Error("AI provider not available");
       }
 
-      const systemPrompt = `You are an AI art director. Take the user's simple meme idea and transform it into a visually rich, detailed, and funny image generation prompt. Your response should be only the new prompt, no explanations. Idea: "${prompt}"`;
+      if (!modelId) {
+        throw new Error("modelId is required for enhancePrompt. Please provide model from app config.");
+      }
 
-      // Use provided modelId or try to find a default text-to-text model
-      const model = modelId || "fal-ai/llama-3-8b-instruct";
+      const systemPrompt = `You are an AI art director. Take the user's simple meme idea and transform it into a visually rich, detailed, and funny image generation prompt. Your response should be only the new prompt, no explanations. Idea: "${prompt}"`;
 
       const result = await provider.run<{ text?: string, data?: { text: string } }>(
-        model,
+        modelId,
         { prompt: systemPrompt }
       );
 
@@ -41,23 +44,25 @@ export class MemeGenerationService {
 
   /**
    * Generate a meme image
-   * @param prompt The final prompt to use (should already be enhanced if desired)
-   * @param modelId Optional Fal model ID
+   * @param prompt - The final prompt to use (should already be enhanced if desired)
+   * @param modelId - REQUIRED: Image generation model ID from app config
    */
-  async generateMeme(prompt: string, modelId?: string): Promise<string> {
+  async generateMeme(prompt: string, modelId: string): Promise<string> {
     try {
       const provider = providerRegistry.getActiveProvider();
       if (!provider) {
         throw new Error("AI provider not available");
       }
 
-      const finalPrompt = `High-quality, funny meme: ${prompt}. Cinematic, vibrant, clean subject, NO TEXT in image.`;
+      if (!modelId) {
+        throw new Error("modelId is required for generateMeme. Please provide model from app config.");
+      }
 
-      const model = modelId || "fal-ai/flux/schnell";
+      const finalPrompt = `High-quality, funny meme: ${prompt}. Cinematic, vibrant, clean subject, NO TEXT in image.`;
 
       const result = await provider.run<{ images: { url: string }[] }>(
-        model,
-        { 
+        modelId,
+        {
           prompt: finalPrompt,
           image_size: "square",
           num_inference_steps: 4

package/src/features/meme-generator/presentation/components/MemeGeneratorFeature.tsx

@@ -62,11 +62,16 @@ export const MemeGeneratorFeature: React.FC<MemeGeneratorFeatureProps> = ({
       description: s.description
   })), [stylesList]);
 
+  // Validate model is provided from app
+  if (!config.model) {
+    throw new Error(
+      "MemeGeneratorFeature: model is required in config. " +
+      "Please provide model from app's generation config."
+    );
+  }
+
   const { state, setPrompt, generate, reset, isReady } = useTextToImageFeature({
-    config: {
-        ...config,
-        model: config.model || "fal-ai/nano-banana-edit", 
-    },
+    config,
     userId,
   });
 

package/src/index.ts

@@ -167,6 +167,15 @@ export * from "./features/partner-upload";
 export * from "./features/scenarios";
 export * from "./infrastructure/orchestration";
 
+// Generation Config Provider (App Configuration)
+export {
+  GenerationConfigProvider,
+  useGenerationConfig,
+  type GenerationModels,
+  type GenerationConfigContextValue,
+  type GenerationConfigProviderProps,
+} from "./infrastructure/providers";
+
 // Result Preview Domain
 export * from "./domains/result-preview";
 

package/src/infrastructure/providers/generation-config.provider.tsx

@@ -0,0 +1,110 @@
+/**
+ * Generation Config Provider
+ * Provides app-specific configuration to the package
+ * NO hard-coded models, everything comes from app!
+ */
+
+import React, { createContext, useContext, type ReactNode } from "react";
+
+declare const __DEV__: boolean;
+
+// ============================================================================
+// Types
+// ============================================================================
+
+export interface GenerationModels {
+  /** Image generation with face identity preservation (couple photos) */
+  readonly imageCoupleMultiRef: string;
+  /** Text-to-image generation */
+  readonly imageTextToImage: string;
+  /** Image-to-video generation */
+  readonly imageToVideo: string;
+  /** Text-to-video generation */
+  readonly textToVideo: string;
+  /** AI Kiss video */
+  readonly aiKiss?: string;
+  /** AI Hug video */
+  readonly aiHug?: string;
+  /** Face swap */
+  readonly faceSwap?: string;
+  /** Meme generation (caption) */
+  readonly memeCaption?: string;
+  /** Meme generation (image) */
+  readonly memeImage?: string;
+  /** Text to voice */
+  readonly textToVoice?: string;
+}
+
+export interface GenerationConfigContextValue {
+  /** AI models configuration from app */
+  readonly models: GenerationModels;
+  /** Get model for specific feature type */
+  readonly getModel: (featureType: keyof GenerationModels) => string;
+}
+
+// ============================================================================
+// Context
+// ============================================================================
+
+const GenerationConfigContext = createContext<GenerationConfigContextValue | null>(null);
+
+// ============================================================================
+// Provider
+// ============================================================================
+
+export interface GenerationConfigProviderProps {
+  readonly children: ReactNode;
+  readonly models: GenerationModels;
+}
+
+export const GenerationConfigProvider: React.FC<GenerationConfigProviderProps> = ({
+  children,
+  models,
+}) => {
+  if (typeof __DEV__ !== "undefined" && __DEV__) {
+    console.log("[GenerationConfigProvider] Initialized with models:", {
+      imageCoupleMultiRef: models.imageCoupleMultiRef,
+      imageTextToImage: models.imageTextToImage,
+      imageToVideo: models.imageToVideo,
+      textToVideo: models.textToVideo,
+    });
+  }
+
+  const getModel = (featureType: keyof GenerationModels): string => {
+    const model = models[featureType];
+    if (!model) {
+      throw new Error(
+        `Model not configured for feature: ${featureType}. Please configure in app's GenerationConfigProvider.`
+      );
+    }
+    return model;
+  };
+
+  const value: GenerationConfigContextValue = {
+    models,
+    getModel,
+  };
+
+  return (
+    <GenerationConfigContext.Provider value={value}>
+      {children}
+    </GenerationConfigContext.Provider>
+  );
+};
+
+// ============================================================================
+// Hook
+// ============================================================================
+
+export const useGenerationConfig = (): GenerationConfigContextValue => {
+  const context = useContext(GenerationConfigContext);
+
+  if (!context) {
+    throw new Error(
+      "useGenerationConfig must be used within GenerationConfigProvider. " +
+      "Wrap your app with <GenerationConfigProvider models={{...}}>"
+    );
+  }
+
+  return context;
+};

package/src/infrastructure/providers/index.ts

@@ -0,0 +1,12 @@
+/**
+ * Providers
+ * App-level configuration providers
+ */
+
+export {
+  GenerationConfigProvider,
+  useGenerationConfig,
+  type GenerationModels,
+  type GenerationConfigContextValue,
+  type GenerationConfigProviderProps,
+} from "./generation-config.provider";

package/src/infrastructure/wrappers/synchronous-generation.wrapper.ts

@@ -20,6 +20,8 @@ export interface SynchronousGenerationConfig<T = unknown> {
   checkCredits?: (userId: string, type: string) => Promise<boolean>;
   deductCredits?: (userId: string, type: string) => Promise<void>;
   execute: (prompt: string, metadata?: Record<string, unknown>) => Promise<T>;
+  /** Model ID for metadata tracking */
+  model?: string;
 }
 
 export async function generateSynchronously<T = string>(
@@ -67,20 +69,21 @@ export async function generateSynchronously<T = string>(
       await config.deductCredits(input.userId, input.type || "generation");
     }
 
-    return createSuccessResult(result);
+    return createSuccessResult(result, config.model || "unknown");
   } catch (error) {
     return createErrorResult(
       error instanceof Error ? error.message : "generation_failed",
+      config.model || "unknown",
     );
   }
 }
 
-function createSuccessResult<T>(data: T): GenerationResult<T> {
+function createSuccessResult<T>(data: T, model: string): GenerationResult<T> {
   return {
     success: true,
     data,
     metadata: {
-      model: "default",
+      model,
       startTime: Date.now(),
       endTime: Date.now(),
       duration: 0,
@@ -88,12 +91,12 @@ function createSuccessResult<T>(data: T): GenerationResult<T> {
   };
 }
 
-function createErrorResult<T>(error: string): GenerationResult<T> {
+function createErrorResult<T>(error: string, model: string): GenerationResult<T> {
   return {
     success: false,
     error,
     metadata: {
-      model: "default",
+      model,
       startTime: Date.now(),
       endTime: Date.now(),
       duration: 0,

package/src/presentation/hooks/generation/useAIFeatureGeneration.ts

@@ -18,6 +18,8 @@ interface FeatureGenerationConfig {
   onError?: (error: GenerationError) => void;
   creditCost?: number;
   onCreditsExhausted?: () => void;
+  /** REQUIRED for video features: Video generation model ID from app config */
+  videoModel?: string;
 }
 
 export function useAIFeatureGeneration({
@@ -28,6 +30,7 @@ export function useAIFeatureGeneration({
   onError,
   creditCost = 1,
   onCreditsExhausted,
+  videoModel,
 }: FeatureGenerationConfig) {
 
   // Hook for standard image features
@@ -58,16 +61,23 @@ export function useAIFeatureGeneration({
   const { generate: generateImageToVideo } = useGenerationOrchestrator(
     {
       execute: async (input: { imageUri: string; prompt: string; duration: number }, onProgress) => {
+        if (!videoModel) {
+          throw new Error(
+            "videoModel is required for image-to-video feature. " +
+            "Please provide videoModel from app's generation config."
+          );
+        }
+
         const result = await executeImageToVideo(
           {
             imageUri: input.imageUri, // Pass URI directly
-            imageBase64: await prepareImage(input.imageUri), 
+            imageBase64: await prepareImage(input.imageUri),
             motionPrompt: input.prompt,
             options: { duration: input.duration },
             userId: userId || "anonymous",
           },
           {
-            model: "kling-video", // Default or hardcoded for now, ideal to get from config
+            model: videoModel,
             buildInput: (image, prompt, opts) => ({
               image,
               prompt,
@@ -88,6 +98,13 @@ export function useAIFeatureGeneration({
   const { generate: generateTextToVideo } = useGenerationOrchestrator(
     {
       execute: async (input: { prompt: string; duration: number }, onProgress) => {
+        if (!videoModel) {
+          throw new Error(
+            "videoModel is required for text-to-video feature. " +
+            "Please provide videoModel from app's generation config."
+          );
+        }
+
         const result = await executeTextToVideo(
           {
             prompt: input.prompt,
@@ -95,7 +112,7 @@ export function useAIFeatureGeneration({
             userId: userId || "anonymous",
           },
           {
-            model: "kling-video", // Default
+            model: videoModel,
             buildInput: (prompt, opts) => ({ prompt, ...opts }),
             onProgress,
           }