eliott/Nimbus
1
0
Fork 0
mirror of https://github.com/nimbusdotstorage/Nimbus synced 2026-04-22 17:45:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(api): added hard security rules and rate limiting for protected

Browse Source 
routes. Added upload functionality. Improved rename functionality. Added
simple folder navigation via url params. Removed auth boilerplate and
consolidated it to auth middleware.
This commit is contained in:
Logan Reeder
2025-07-03 17:57:08 -06:00
parent 620bcbecba
commit 5b44f94147
21 changed files with 766 additions and 385 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
apps/web/src/hooks/useFileOperations.ts
View File

@@ -1,4 +1,4 @@
import type { CreateFolderParams, DeleteFileParams, RenameFileParams } from "@/lib/types";
import type { CreateFolderParams, DeleteFileParams, UpdateFileParams, UploadFileParams } from "@/lib/types";
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
import { clientEnv } from "@/lib/env/client-env";
import axios, { type AxiosError } from "axios";
@@ -64,37 +64,12 @@ export function useDeleteFile() {
});
}
export function useRenameFile() {
const queryClient = useQueryClient();
return useMutation({
mutationFn: async ({ fileId, name }: RenameFileParams) => {
const response = await axios.put(API_BASE, null, {
params: { fileId, name },
headers: {
"Content-Type": "application/json",
},
withCredentials: true,
signal: new AbortController().signal,
});
return response.data;
},
onSuccess: async () => {
await queryClient.invalidateQueries({ queryKey: ["files"] });
},
onError: (error: AxiosError) => {
console.error("Error renaming file:", error);
const errorMessage = error.message || "Failed to rename file";
toast.error(errorMessage);
},
});
}
export function useUpdateFile() {
const queryClient = useQueryClient();
return useMutation({
mutationFn: async ({ fileId, name }: { fileId: string; name: string }) => {
const response = await axios.put(API_BASE, {
params: { fileId, name },
mutationFn: async ({ fileId, ...dataToUpdate }: UpdateFileParams) => {
const response = await axios.put(`${API_BASE}`, dataToUpdate, {
params: { fileId },
...defaultAxiosConfig,
});
return response.data;
@@ -137,8 +112,42 @@ export function useCreateFolder() {
});
}
// TODO: Implement file upload hooks
export function useUploadFile() {
const queryClient = useQueryClient();
export function useUploadFile() {}
return useMutation({
mutationFn: async ({ file, parentId, onProgress, returnedValues }: UploadFileParams) => {
// ? Maybe look into Tanstack Form for this implementation
const formData = new FormData();
formData.append("file", file);
const response = await axios.post(`${API_BASE}/upload`, formData, {
headers: {
"Content-Type": "multipart/form-data",
},
withCredentials: true,
params: {
parentId,
returnedValues,
},
onUploadProgress: progressEvent => {
if (onProgress && progressEvent.total) {
const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
onProgress(percentCompleted);
}
},
});
return response.data;
},
onSuccess: async () => {
// Invalidate the files query to refetch the updated list
await queryClient.invalidateQueries({ queryKey: ["files"] });
},
onError: (error: AxiosError<{ message?: string }>) => {
console.error("Error uploading file:", error);
},
});
}
export function useUploadFolder() {}