@umituz/react-native-ai-fal-provider 1.1.4 → 1.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-fal-provider",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "description": "FAL AI provider for React Native - implements IAIProvider interface for unified AI generation",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/index.ts

@@ -90,6 +90,8 @@ export {
   extractBase64,
   getDataUriExtension,
   isImageDataUri,
+  uploadToFalStorage,
+  uploadMultipleToFalStorage,
   calculateTimeoutWithJitter,
   formatCreditCost,
   truncatePrompt,

package/src/infrastructure/services/fal-provider.ts

@@ -28,6 +28,7 @@ import {
   buildImageFeatureInput as buildImageFeatureInputImpl,
   buildVideoFeatureInput as buildVideoFeatureInputImpl,
 } from "./fal-feature-models";
+import { preprocessInput } from "../utils/input-preprocessor.util";
 
 declare const __DEV__: boolean | undefined;
 
@@ -114,7 +115,9 @@ export class FalProvider implements IAIProvider {
     options?: SubscribeOptions<T>,
   ): Promise<T> {
     this.validateInit();
-    const key = createRequestKey(model, input);
+
+    const processedInput = await preprocessInput(input);
+    const key = createRequestKey(model, processedInput);
 
     const existing = getExistingRequest<T>(key);
     if (existing) {
@@ -127,7 +130,7 @@ export class FalProvider implements IAIProvider {
     const abortController = new AbortController();
     const operationId = this.costTracker?.startOperation(model, "subscribe");
 
-    const promise = handleFalSubscription<T>(model, input, options, abortController.signal)
+    const promise = handleFalSubscription<T>(model, processedInput, options, abortController.signal)
       .then(({ result, requestId }) => {
         if (operationId && this.costTracker) {
           this.costTracker.completeOperation(operationId, model, "subscribe", requestId ?? undefined);
@@ -142,8 +145,9 @@ export class FalProvider implements IAIProvider {
 
   async run<T = unknown>(model: string, input: Record<string, unknown>, options?: RunOptions): Promise<T> {
     this.validateInit();
+    const processedInput = await preprocessInput(input);
     const operationId = this.costTracker?.startOperation(model, "run");
-    const result = await handleFalRun<T>(model, input, options);
+    const result = await handleFalRun<T>(model, processedInput, options);
     if (operationId && this.costTracker) {
       this.costTracker.completeOperation(operationId, model, "run");
     }

package/src/infrastructure/utils/fal-storage.util.ts

@@ -0,0 +1,50 @@
+/**
+ * FAL Storage Utility
+ * Handles image uploads to FAL storage (React Native compatible)
+ */
+
+import { fal } from "@fal-ai/client";
+import {
+  base64ToTempFile,
+  deleteTempFile,
+  getFileSize,
+  detectMimeType,
+} from "@umituz/react-native-design-system/filesystem";
+
+declare const __DEV__: boolean | undefined;
+
+/**
+ * Upload base64 image to FAL storage
+ * Uses design system's filesystem utilities for React Native compatibility
+ */
+export async function uploadToFalStorage(base64: string): Promise<string> {
+  const tempUri = await base64ToTempFile(base64);
+  const fileSize = getFileSize(tempUri);
+  const mimeType = detectMimeType(base64);
+
+  if (typeof __DEV__ !== "undefined" && __DEV__) {
+    console.log("[FalStorage] Uploading image", {
+      size: `${(fileSize / 1024).toFixed(1)}KB`,
+      type: mimeType,
+    });
+  }
+
+  const url = await fal.storage.upload(tempUri);
+
+  await deleteTempFile(tempUri);
+
+  if (typeof __DEV__ !== "undefined" && __DEV__) {
+    console.log("[FalStorage] Upload complete", { url: url.slice(0, 60) + "..." });
+  }
+
+  return url;
+}
+
+/**
+ * Upload multiple images to FAL storage in parallel
+ */
+export async function uploadMultipleToFalStorage(
+  images: string[],
+): Promise<string[]> {
+  return Promise.all(images.map(uploadToFalStorage));
+}

package/src/infrastructure/utils/helpers.util.ts

@@ -10,6 +10,11 @@ export {
   isImageDataUri,
 } from "./image-helpers.util";
 
+export {
+  uploadToFalStorage,
+  uploadMultipleToFalStorage,
+} from "./fal-storage.util";
+
 export {
   truncatePrompt,
   sanitizePrompt,

package/src/infrastructure/utils/index.ts

@@ -40,6 +40,8 @@ export {
   extractBase64,
   getDataUriExtension,
   isImageDataUri,
+  uploadToFalStorage,
+  uploadMultipleToFalStorage,
   calculateTimeoutWithJitter,
   formatCreditCost,
   truncatePrompt,
@@ -84,3 +86,5 @@ export {
 export type { IJobStorage, InMemoryJobStorage } from "./job-storage";
 
 export { CostTracker } from "./cost-tracker";
+
+export { preprocessInput } from "./input-preprocessor.util";

package/src/infrastructure/utils/input-preprocessor.util.ts

@@ -0,0 +1,62 @@
+/**
+ * Input Preprocessor Utility
+ * Detects and uploads base64 images to FAL storage before API calls
+ */
+
+import { uploadToFalStorage } from "./fal-storage.util";
+
+declare const __DEV__: boolean | undefined;
+
+const IMAGE_URL_KEYS = [
+  "image_url",
+  "driver_image_url",
+  "base_image_url",
+  "swap_image_url",
+  "second_image_url",
+  "mask_url",
+  "input_image_url",
+];
+
+function isBase64DataUri(value: unknown): value is string {
+  return typeof value === "string" && value.startsWith("data:image/");
+}
+
+/**
+ * Preprocess input by uploading base64 images to FAL storage
+ * Returns input with URLs instead of base64 data URIs
+ */
+export async function preprocessInput(
+  input: Record<string, unknown>,
+): Promise<Record<string, unknown>> {
+  const result = { ...input };
+  const uploadPromises: Promise<void>[] = [];
+
+  for (const key of IMAGE_URL_KEYS) {
+    const value = result[key];
+    if (isBase64DataUri(value)) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log(`[FalPreprocessor] Uploading ${key} to storage...`);
+      }
+
+      const uploadPromise = uploadToFalStorage(value).then((url) => {
+        result[key] = url;
+        if (typeof __DEV__ !== "undefined" && __DEV__) {
+          console.log(`[FalPreprocessor] ${key} uploaded`, {
+            url: url.slice(0, 50) + "...",
+          });
+        }
+      });
+
+      uploadPromises.push(uploadPromise);
+    }
+  }
+
+  if (uploadPromises.length > 0) {
+    await Promise.all(uploadPromises);
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log(`[FalPreprocessor] All images uploaded (${uploadPromises.length})`);
+    }
+  }
+
+  return result;
+}