@umituz/react-native-ai-generation-content 1.17.117 → 1.17.119

package/package.json

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

package/src/domains/creations/presentation/components/CreationDetail/DetailImage.tsx

@@ -1,26 +1,37 @@
 import React from 'react';
-import { View, StyleSheet, useWindowDimensions } from 'react-native';
+import { View, StyleSheet, useWindowDimensions, TouchableOpacity } from 'react-native';
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { Image } from 'expo-image';
 
 interface DetailImageProps {
     readonly uri: string;
+    readonly onPress?: () => void;
 }
 
 const HORIZONTAL_PADDING = 16;
 const ASPECT_RATIO = 16 / 9;
 
-export const DetailImage: React.FC<DetailImageProps> = ({ uri }) => {
+export const DetailImage: React.FC<DetailImageProps> = ({ uri, onPress }) => {
     const tokens = useAppDesignTokens();
     const { width } = useWindowDimensions();
     const imageWidth = width - (HORIZONTAL_PADDING * 2);
     const imageHeight = imageWidth / ASPECT_RATIO;
 
+    const content = (
+        <View style={[styles.frame, { width: imageWidth, height: imageHeight, backgroundColor: tokens.colors.surface }]}>
+            <Image source={{ uri }} style={styles.image} contentFit="cover" />
+        </View>
+    );
+
     return (
         <View style={styles.container}>
-            <View style={[styles.frame, { width: imageWidth, height: imageHeight, backgroundColor: tokens.colors.surface }]}>
-                <Image source={{ uri }} style={styles.image} contentFit="cover" />
-            </View>
+            {onPress ? (
+                <TouchableOpacity activeOpacity={0.9} onPress={onPress}>
+                    {content}
+                </TouchableOpacity>
+            ) : (
+                content
+            )}
         </View>
     );
 };

package/src/domains/creations/presentation/screens/CreationDetailScreen.tsx

@@ -1,7 +1,8 @@
-import React, { useMemo } from 'react';
+import React, { useMemo, useState, useCallback } from 'react';
 import { View, ScrollView, StyleSheet } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { ImageGallery } from "@umituz/react-native-image";
 import type { Creation } from '../../domain/entities/Creation';
 import type { CreationsConfig } from '../../domain/value-objects/CreationsConfig';
 import { hasVideoContent, getPreviewUrl } from '../../domain/utils';
@@ -41,6 +42,15 @@ export const CreationDetailScreen: React.FC<CreationDetailScreenProps> = ({
 }) => {
     const tokens = useAppDesignTokens();
     const insets = useSafeAreaInsets();
+    const [showFullScreen, setShowFullScreen] = useState(false);
+
+    const handleImagePress = useCallback(() => {
+        setShowFullScreen(true);
+    }, []);
+
+    const handleDismissFullScreen = useCallback(() => {
+        setShowFullScreen(false);
+    }, []);
 
     // Extract data safely
     const metadata = (creation.metadata || {}) as CreationMetadata;
@@ -81,7 +91,7 @@ export const CreationDetailScreen: React.FC<CreationDetailScreenProps> = ({
                 {isVideo ? (
                     <DetailVideo videoUrl={videoUrl} thumbnailUrl={thumbnailUrl} />
                 ) : (
-                    <DetailImage uri={creation.uri} />
+                    <DetailImage uri={creation.uri} onPress={handleImagePress} />
                 )}
 
                 {story ? (
@@ -95,6 +105,15 @@ export const CreationDetailScreen: React.FC<CreationDetailScreenProps> = ({
                     deleteLabel={t("common.delete")}
                 />
             </ScrollView>
+
+            {!isVideo && (
+                <ImageGallery
+                    images={[{ uri: creation.uri }]}
+                    visible={showFullScreen}
+                    onDismiss={handleDismissFullScreen}
+                    index={0}
+                />
+            )}
         </View>
     );
 };

package/src/domains/creations/application/services/CreationsService.ts

@@ -1,74 +0,0 @@
-
-import { generateUUID } from "@umituz/react-native-uuid";
-import type { ICreationsRepository } from "../../domain/repositories/ICreationsRepository";
-import type { ICreationsStorageService } from "../../domain/services/ICreationsStorageService";
-import type { CreationType } from "../../domain/value-objects";
-import { BaseRepository } from "@umituz/react-native-firebase";
-import type { Creation } from "../../domain/entities/Creation";
-
-export interface CreateCreationDTO {
-    userId: string;
-    type: CreationType;
-    prompt: string;
-    metadata?: Record<string, unknown>;
-    imageUri: string; // can be local file uri or base64
-    aspectRatio?: number;
-}
-
-export class CreationsService extends BaseRepository {
-    constructor(
-        private readonly repository: ICreationsRepository,
-        private readonly storageService: ICreationsStorageService,
-        private readonly _collectionName: string = "creations" // Default to generic name, app can override via repo
-    ) {
-        super();
-    }
-
-    async saveCreation(dto: CreateCreationDTO): Promise<string> {
-        const db = this.getDb();
-        if (!db) throw new Error("Firestore not initialized");
-
-        try {
-            const creationId = generateUUID();
-
-            const imageUrl = await this.storageService.uploadCreationImage(
-                dto.userId,
-                creationId,
-                dto.imageUri
-            );
-
-            await this.repository.create(dto.userId, {
-                id: creationId,
-                uri: imageUrl,
-                type: dto.type.id,
-                prompt: dto.prompt,
-                metadata: dto.metadata || {},
-                createdAt: new Date(),
-                isShared: false,
-                isFavorite: false,
-            });
-
-            return creationId;
-        } catch (error) {
-            // eslint-disable-next-line no-console
-            console.error(error);
-            throw error;
-        }
-    }
-
-    async getCreation(userId: string, id: string): Promise<Creation | null> {
-        return this.repository.getById(userId, id);
-    }
-
-    async updateCreation(
-        userId: string,
-        id: string,
-        updates: { metadata?: Record<string, unknown> },
-    ): Promise<boolean> {
-        return this.repository.update(userId, id, updates);
-    }
-
-    async deleteCreation(userId: string, id: string): Promise<boolean> {
-        return this.repository.delete(userId, id);
-    }
-}

package/src/domains/creations/domain/services/ICreationsStorageService.ts

@@ -1,13 +0,0 @@
-export interface ICreationsStorageService {
-    uploadCreationImage(
-        userId: string,
-        creationId: string,
-        imageUri: string,
-        mimeType?: string
-    ): Promise<string>;
-
-    deleteCreationImage(
-        userId: string,
-        creationId: string
-    ): Promise<boolean>;
-}

package/src/domains/creations/infrastructure/services/CreationsStorageService.ts

@@ -1,49 +0,0 @@
-import {
-    uploadFile,
-    uploadBase64Image,
-} from "@umituz/react-native-firebase";
-import type { ICreationsStorageService } from "../../domain/services/ICreationsStorageService";
-
-declare const __DEV__: boolean;
-
-export class CreationsStorageService implements ICreationsStorageService {
-    constructor(private readonly storagePathPrefix: string = "creations") { }
-
-    private getPath(userId: string, creationId: string): string {
-        return `${this.storagePathPrefix}/${userId}/${creationId}.jpg`;
-    }
-
-    async uploadCreationImage(
-        userId: string,
-        creationId: string,
-        imageUri: string,
-        mimeType = "image/jpeg"
-    ): Promise<string> {
-        const path = this.getPath(userId, creationId);
-
-        try {
-            if (imageUri.startsWith("data:")) {
-                const result = await uploadBase64Image(imageUri, path, { mimeType });
-                return result.downloadUrl;
-            }
-            const result = await uploadFile(imageUri, path, { mimeType });
-            return result.downloadUrl;
-        } catch (error) {
-            if (__DEV__) {
-                // eslint-disable-next-line no-console
-                console.error("[CreationsStorageService] upload failed", error);
-            }
-            throw error;
-        }
-    }
-
-    async deleteCreationImage(
-        _userId: string,
-        _creationId: string
-    ): Promise<boolean> {
-        // Delete logic not strictly required for saving loop, but good to have
-        // Needs storage reference delete implementation in rn-firebase first
-        // For now we skip implementing delete in this iteration as priority is saving
-        return Promise.resolve(true);
-    }
-}