import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/react-query' import { toast } from 'sonner' import { post } from 'lib/common/fetch' import { API_URL } from 'lib/constants' import type { ResponseError } from 'types' import { storageKeys } from './keys' export type BucketCreateVariables = { projectRef: string id: string isPublic: boolean file_size_limit: number | null allowed_mime_types: string[] | null } export async function createBucket({ projectRef, id, isPublic, file_size_limit, allowed_mime_types, }: BucketCreateVariables) { if (!projectRef) throw new Error('projectRef is required') if (!id) throw new Error('Bucket name is requried') const response = await post(`${API_URL}/storage/${projectRef}/buckets`, { id, public: isPublic, file_size_limit, allowed_mime_types, }) if (response.error) throw response.error return response } type BucketCreateData = Awaited> export const useBucketCreateMutation = ({ onSuccess, onError, ...options }: Omit< UseMutationOptions, 'mutationFn' > = {}) => { const queryClient = useQueryClient() return useMutation( (vars) => createBucket(vars), { async onSuccess(data, variables, context) { const { projectRef } = variables await queryClient.invalidateQueries(storageKeys.buckets(projectRef)) await onSuccess?.(data, variables, context) }, async onError(data, variables, context) { if (onError === undefined) { toast.error(`Failed to create bucket: ${data.message}`) } else { onError(data, variables, context) } }, ...options, } ) }