add: services for handle action with image on supabase

src/services/deleteImage.ts

@@ -0,0 +1,32 @@
+import supabase from '@/services/supabaseClient';
+
+/**
+ * Deletes an image from Supabase storage based on its public URL.
+ * @param imageUrl - The public URL of the image to delete.
+ * @param bucketName - The name of the Supabase storage bucket (default: 'gift-thumbnail').
+ * @throws Will throw an error if the deletion fails.
+ */
+export const deleteGiftThumbnail = async (
+	imageUrl: string,
+	bucketName: string = 'gift-thumbnail',
+): Promise<void> => {
+	try {
+		const fileName = imageUrl.split('/').pop();
+		if (!fileName) {
+			console.error('Invalid image URL');
+			throw new Error('Invalid image URL');
+		}
+
+		const { error } = await supabase.storage
+			.from(bucketName)
+			.remove([fileName]);
+
+		if (error) {
+			console.error('Error deleting file from Supabase:', error.message);
+			throw error;
+		}
+	} catch (error) {
+		console.error('Error deleting image:', error);
+		throw new Error('Failed to delete image');
+	}
+};

src/services/updateImage.ts

@@ -0,0 +1,28 @@
+import { deleteGiftThumbnail } from '@/services/deleteImage';
+import { uploadGiftThumbnail } from '@/services/uploadImage';
+
+/**
+ * Updates an image in Supabase storage by deleting the old image and uploading a new one.
+ * @param oldImageUrl - The public URL of the old image to delete.
+ * @param newImageUri - The URI of the new image to upload.
+ * @param bucketName - The name of the Supabase storage bucket (default: 'gift-thumbnail').
+ * @returns The public URL of the new image.
+ */
+export const updateGiftThumbnail = async (
+	oldImageUrl: string,
+	newImageUri: string,
+	bucketName: string = 'gift-thumbnail',
+): Promise<string> => {
+	try {
+		if (oldImageUrl) {
+			await deleteGiftThumbnail(oldImageUrl, bucketName);
+		}
+
+		const newImageUrl = await uploadGiftThumbnail(newImageUri, bucketName);
+
+		return newImageUrl;
+	} catch (error) {
+		console.error('Error updating image:', error);
+		throw new Error('Failed to update image');
+	}
+};

src/services/uploadImage.ts

@@ -0,0 +1,51 @@
+import * as FileSystem from 'expo-file-system';
+
+import supabase from '@/services/supabaseClient';
+
+export const uploadGiftThumbnail = async (
+	uri: string,
+	bucketName: string = 'gift-thumbnail',
+): Promise<string> => {
+	try {
+		const fileName = uri.split('/').pop();
+		if (!fileName) {
+			console.error('Invalid file name');
+			throw new Error('Invalid file name');
+		}
+
+		const fileInfo = await FileSystem.readAsStringAsync(uri, {
+			encoding: FileSystem.EncodingType.Base64,
+		});
+
+		const arrayBuffer = Uint8Array.from(atob(fileInfo), (c) =>
+			c.charCodeAt(0),
+		).buffer;
+
+		const { data, error } = await supabase.storage
+			.from(bucketName)
+			.upload(fileName, arrayBuffer, {
+				contentType: 'image/jpeg',
+				cacheControl: '3600',
+				upsert: true,
+			});
+
+		if (error) {
+			console.error('Error uploading file to Supabase:', error.message);
+			throw error;
+		}
+
+		const { data: publicUrlData } = supabase.storage
+			.from(bucketName)
+			.getPublicUrl(fileName);
+
+		if (!publicUrlData?.publicUrl) {
+			console.error('Failed to retrieve public URL');
+			throw new Error('Failed to retrieve public URL');
+		}
+
+		return publicUrlData.publicUrl;
+	} catch (error) {
+		console.error('Error uploading image:', error);
+		throw new Error('Failed to upload image');
+	}
+};