npm - @m5kdev/frontend - Versions diffs - 0.6.0 → 0.8.0 - Mend

@m5kdev/frontend 0.6.0 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (506) hide show

package/dist/src/modules/file/hooks/useS3Upload.js CHANGED Viewed

@@ -1,76 +1,79 @@
 import { useCallback, useState } from "react";
+//#region src/modules/file/hooks/useS3Upload.ts
 async function getPresignedUrl(filename, filetype, serverUrl = "") {
-    const res = await fetch(`${serverUrl}/upload/s3-presigned-url`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ filename, filetype }),
-    });
-    if (!res.ok)
-        throw new Error("Failed to get presigned URL");
-    const data = (await res.json());
-    return data.url;
+	const res = await fetch(`${serverUrl}/upload/s3-presigned-url`, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({
+			filename,
+			filetype
+		})
+	});
+	if (!res.ok) throw new Error("Failed to get presigned URL");
+	return (await res.json()).url;
 }
-export function useS3Upload(serverUrl = "") {
-    const [progress, setProgress] = useState(0);
-    const [status, setStatus] = useState("idle");
-    const [error, setError] = useState(null);
-    const [uploadedUrl, setUploadedUrl] = useState(null);
-    const upload = useCallback(async (file, prefix) => {
-        setProgress(0);
-        setStatus("uploading");
-        setError(null);
-        setUploadedUrl(null);
-        try {
-            const originalFilename = file instanceof File ? file.name : `upload-${Date.now()}`;
-            const extension = originalFilename.split(".").pop() || "";
-            const uuid = crypto.randomUUID();
-            const filename = prefix
-                ? `${prefix}/${uuid}.${extension}`
-                : `${uuid}.${extension}`;
-            const filetype = file instanceof File ? file.type : "application/octet-stream";
-            const presignedUrl = await getPresignedUrl(filename, filetype, serverUrl);
-            return await new Promise((resolve, reject) => {
-                const xhr = new XMLHttpRequest();
-                xhr.open("PUT", presignedUrl);
-                xhr.setRequestHeader("Content-Type", filetype);
-                xhr.upload.onprogress = (event) => {
-                    if (event.lengthComputable) {
-                        setProgress(Math.round((event.loaded * 100) / event.total));
-                    }
-                };
-                xhr.onload = () => {
-                    if (xhr.status >= 200 && xhr.status < 300) {
-                        setProgress(100);
-                        setStatus("success");
-                        // Remove query params to get the public URL
-                        setUploadedUrl(presignedUrl.split("?")[0]);
-                        resolve(filename);
-                    }
-                    else {
-                        setStatus("error");
-                        setError(`Upload failed with status ${xhr.status}`);
-                        reject(new Error(`Upload failed with status ${xhr.status}`));
-                    }
-                };
-                xhr.onerror = () => {
-                    setStatus("error");
-                    setError("Network error during upload");
-                    reject(new Error("Network error during upload"));
-                };
-                xhr.send(file);
-            });
-        }
-        catch (err) {
-            setStatus("error");
-            setError(err?.message || "Unknown error");
-            return Promise.reject(err);
-        }
-    }, [serverUrl]);
-    const reset = useCallback(() => {
-        setProgress(0);
-        setStatus("idle");
-        setError(null);
-        setUploadedUrl(null);
-    }, []);
-    return { upload, progress, status, error, uploadedUrl, reset };
+function useS3Upload(serverUrl = "") {
+	const [progress, setProgress] = useState(0);
+	const [status, setStatus] = useState("idle");
+	const [error, setError] = useState(null);
+	const [uploadedUrl, setUploadedUrl] = useState(null);
+	return {
+		upload: useCallback(async (file, prefix) => {
+			setProgress(0);
+			setStatus("uploading");
+			setError(null);
+			setUploadedUrl(null);
+			try {
+				const extension = (file instanceof File ? file.name : `upload-${Date.now()}`).split(".").pop() || "";
+				const uuid = crypto.randomUUID();
+				const filename = prefix ? `${prefix}/${uuid}.${extension}` : `${uuid}.${extension}`;
+				const filetype = file instanceof File ? file.type : "application/octet-stream";
+				const presignedUrl = await getPresignedUrl(filename, filetype, serverUrl);
+				return await new Promise((resolve, reject) => {
+					const xhr = new XMLHttpRequest();
+					xhr.open("PUT", presignedUrl);
+					xhr.setRequestHeader("Content-Type", filetype);
+					xhr.upload.onprogress = (event) => {
+						if (event.lengthComputable) setProgress(Math.round(event.loaded * 100 / event.total));
+					};
+					xhr.onload = () => {
+						if (xhr.status >= 200 && xhr.status < 300) {
+							setProgress(100);
+							setStatus("success");
+							setUploadedUrl(presignedUrl.split("?")[0]);
+							resolve(filename);
+						} else {
+							setStatus("error");
+							setError(`Upload failed with status ${xhr.status}`);
+							reject(/* @__PURE__ */ new Error(`Upload failed with status ${xhr.status}`));
+						}
+					};
+					xhr.onerror = () => {
+						setStatus("error");
+						setError("Network error during upload");
+						reject(/* @__PURE__ */ new Error("Network error during upload"));
+					};
+					xhr.send(file);
+				});
+			} catch (err) {
+				setStatus("error");
+				setError(err?.message || "Unknown error");
+				return Promise.reject(err);
+			}
+		}, [serverUrl]),
+		progress,
+		status,
+		error,
+		uploadedUrl,
+		reset: useCallback(() => {
+			setProgress(0);
+			setStatus("idle");
+			setError(null);
+			setUploadedUrl(null);
+		}, [])
+	};
 }
+//#endregion
+export { useS3Upload };
+//# sourceMappingURL=useS3Upload.js.map

package/dist/src/modules/file/hooks/useS3Upload.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useS3Upload.js","names":[],"sources":["../../../../../src/modules/file/hooks/useS3Upload.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\r\n\r\nexport type S3UploadStatus = \"idle\" | \"uploading\" | \"success\" | \"error\";\r\n\r\nasync function getPresignedUrl(\r\n filename: string,\r\n filetype: string,\r\n serverUrl = \"\"\r\n): Promise<string> {\r\n const res = await fetch(`${serverUrl}/upload/s3-presigned-url`, {\r\n method: \"POST\",\r\n headers: { \"Content-Type\": \"application/json\" },\r\n body: JSON.stringify({ filename, filetype }),\r\n });\r\n if (!res.ok) throw new Error(\"Failed to get presigned URL\");\r\n const data = (await res.json()) as { url: string };\r\n return data.url;\r\n}\r\n\r\nexport function useS3Upload(serverUrl = \"\") {\r\n const [progress, setProgress] = useState<number>(0);\r\n const [status, setStatus] = useState<S3UploadStatus>(\"idle\");\r\n const [error, setError] = useState<string | null>(null);\r\n const [uploadedUrl, setUploadedUrl] = useState<string | null>(null);\r\n\r\n const upload = useCallback(async (file: File | Blob, prefix?: string) => {\r\n setProgress(0);\r\n setStatus(\"uploading\");\r\n setError(null);\r\n setUploadedUrl(null);\r\n try {\r\n const originalFilename = file instanceof File ? file.name : `upload-${Date.now()}`;\r\n const extension = originalFilename.split(\".\").pop() || \"\";\r\n const uuid = crypto.randomUUID();\r\n const filename = prefix\r\n ? `${prefix}/${uuid}.${extension}`\r\n : `${uuid}.${extension}`;\r\n const filetype = file instanceof File ? file.type : \"application/octet-stream\";\r\n const presignedUrl = await getPresignedUrl(filename, filetype, serverUrl);\r\n\r\n return await new Promise<string>((resolve, reject) => {\r\n const xhr = new XMLHttpRequest();\r\n xhr.open(\"PUT\", presignedUrl);\r\n xhr.setRequestHeader(\"Content-Type\", filetype);\r\n\r\n xhr.upload.onprogress = (event) => {\r\n if (event.lengthComputable) {\r\n setProgress(Math.round((event.loaded * 100) / event.total));\r\n }\r\n };\r\n\r\n xhr.onload = () => {\r\n if (xhr.status >= 200 && xhr.status < 300) {\r\n setProgress(100);\r\n setStatus(\"success\");\r\n // Remove query params to get the public URL\r\n setUploadedUrl(presignedUrl.split(\"?\")[0]);\r\n resolve(filename);\r\n } else {\r\n setStatus(\"error\");\r\n setError(`Upload failed with status ${xhr.status}`);\r\n reject(new Error(`Upload failed with status ${xhr.status}`));\r\n }\r\n };\r\n\r\n xhr.onerror = () => {\r\n setStatus(\"error\");\r\n setError(\"Network error during upload\");\r\n reject(new Error(\"Network error during upload\"));\r\n };\r\n\r\n xhr.send(file);\r\n });\r\n } catch (err: any) {\r\n setStatus(\"error\");\r\n setError(err?.message || \"Unknown error\");\r\n return Promise.reject(err);\r\n }\r\n }, [serverUrl]);\r\n\r\n const reset = useCallback(() => {\r\n setProgress(0);\r\n setStatus(\"idle\");\r\n setError(null);\r\n setUploadedUrl(null);\r\n }, []);\r\n\r\n return { upload, progress, status, error, uploadedUrl, reset };\r\n}\r\n"],"mappings":";;AAIA,eAAe,gBACb,UACA,UACA,YAAY,IACK;CACjB,MAAM,MAAM,MAAM,MAAM,GAAG,UAAU,2BAA2B;EAC9D,QAAQ;EACR,SAAS,EAAE,gBAAgB,oBAAoB;EAC/C,MAAM,KAAK,UAAU;GAAE;GAAU;GAAU,CAAC;EAC7C,CAAC;AACF,KAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,8BAA8B;AAE3D,SADc,MAAM,IAAI,MAAM,EAClB;;AAGd,SAAgB,YAAY,YAAY,IAAI;CAC1C,MAAM,CAAC,UAAU,eAAe,SAAiB,EAAE;CACnD,MAAM,CAAC,QAAQ,aAAa,SAAyB,OAAO;CAC5D,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;CACvD,MAAM,CAAC,aAAa,kBAAkB,SAAwB,KAAK;AAgEnE,QAAO;EAAE,QA9DM,YAAY,OAAO,MAAmB,WAAoB;AACvE,eAAY,EAAE;AACd,aAAU,YAAY;AACtB,YAAS,KAAK;AACd,kBAAe,KAAK;AACpB,OAAI;IAEF,MAAM,aADmB,gBAAgB,OAAO,KAAK,OAAO,UAAU,KAAK,KAAK,IAC7C,MAAM,IAAI,CAAC,KAAK,IAAI;IACvD,MAAM,OAAO,OAAO,YAAY;IAChC,MAAM,WAAW,SACb,GAAG,OAAO,GAAG,KAAK,GAAG,cACrB,GAAG,KAAK,GAAG;IACf,MAAM,WAAW,gBAAgB,OAAO,KAAK,OAAO;IACpD,MAAM,eAAe,MAAM,gBAAgB,UAAU,UAAU,UAAU;AAEzE,WAAO,MAAM,IAAI,SAAiB,SAAS,WAAW;KACpD,MAAM,MAAM,IAAI,gBAAgB;AAChC,SAAI,KAAK,OAAO,aAAa;AAC7B,SAAI,iBAAiB,gBAAgB,SAAS;AAE9C,SAAI,OAAO,cAAc,UAAU;AACjC,UAAI,MAAM,iBACR,aAAY,KAAK,MAAO,MAAM,SAAS,MAAO,MAAM,MAAM,CAAC;;AAI/D,SAAI,eAAe;AACjB,UAAI,IAAI,UAAU,OAAO,IAAI,SAAS,KAAK;AACzC,mBAAY,IAAI;AAChB,iBAAU,UAAU;AAEpB,sBAAe,aAAa,MAAM,IAAI,CAAC,GAAG;AAC1C,eAAQ,SAAS;aACZ;AACL,iBAAU,QAAQ;AAClB,gBAAS,6BAA6B,IAAI,SAAS;AACnD,8BAAO,IAAI,MAAM,6BAA6B,IAAI,SAAS,CAAC;;;AAIhE,SAAI,gBAAgB;AAClB,gBAAU,QAAQ;AAClB,eAAS,8BAA8B;AACvC,6BAAO,IAAI,MAAM,8BAA8B,CAAC;;AAGlD,SAAI,KAAK,KAAK;MACd;YACK,KAAU;AACjB,cAAU,QAAQ;AAClB,aAAS,KAAK,WAAW,gBAAgB;AACzC,WAAO,QAAQ,OAAO,IAAI;;KAE3B,CAAC,UAAU,CAAC;EASE;EAAU;EAAQ;EAAO;EAAa,OAPzC,kBAAkB;AAC9B,eAAY,EAAE;AACd,aAAU,OAAO;AACjB,YAAS,KAAK;AACd,kBAAe,KAAK;KACnB,EAAE,CAAC;EAEwD"}

package/dist/src/modules/file/hooks/useUpload.d.ts CHANGED Viewed

@@ -1,30 +1,33 @@
-export type UploadStatus = "pending" | "uploading" | "completed" | "error";
-export interface UploadFileTask {
-    id: string;
-    file: File;
-    progress: number;
-    status: UploadStatus;
-    errorMessage?: string;
-    bytesUploaded: number;
-    totalBytes: number;
+//#region src/modules/file/hooks/useUpload.d.ts
+type UploadStatus = "pending" | "uploading" | "completed" | "error";
+interface UploadFileTask {
+  id: string;
+  file: File;
+  progress: number;
+  status: UploadStatus;
+  errorMessage?: string;
+  bytesUploaded: number;
+  totalBytes: number;
 }
-export declare function useFileUpload(): {
-    upload: <T>(type: string, file: File) => Promise<T>;
-    reset: () => void;
-    id?: string | undefined;
-    file?: File | undefined;
-    progress?: number | undefined;
-    status?: UploadStatus | undefined;
-    errorMessage?: string;
-    bytesUploaded?: number | undefined;
-    totalBytes?: number | undefined;
+declare function useFileUpload(): {
+  upload: <T>(type: string, file: File) => Promise<T>;
+  reset: () => void;
+  id?: string | undefined;
+  file?: File | undefined;
+  progress?: number | undefined;
+  status?: UploadStatus | undefined;
+  errorMessage?: string;
+  bytesUploaded?: number | undefined;
+  totalBytes?: number | undefined;
 };
-export declare function useMultipartUpload(): {
-    uploadQueue: UploadFileTask[];
-    overallProgress: number;
-    uploadFiles: (type: string, files: File[]) => Promise<void>;
-    reset: () => void;
-    getTotalBytes: () => number;
-    getTotalBytesUploaded: () => number;
+declare function useMultipartUpload(): {
+  uploadQueue: UploadFileTask[];
+  overallProgress: number;
+  uploadFiles: (type: string, files: File[]) => Promise<void>;
+  reset: () => void;
+  getTotalBytes: () => number;
+  getTotalBytesUploaded: () => number;
 };
+//#endregion
+export { UploadFileTask, UploadStatus, useFileUpload, useMultipartUpload };
 //# sourceMappingURL=useUpload.d.ts.map

package/dist/src/modules/file/hooks/useUpload.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useUpload.d.ts","~~sourceRoot~~":"","sources":["../../../../../src/modules/file/hooks/useUpload.ts"],"~~names":[],"~~mappings":"~~AAEA~~,~~MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC~~;~~AAE3E~~,~~MAAM~~,~~WAAW,cAAc~~;~~IAC7B~~,~~EAAE,EAAE,MAAM,CAAC~~;~~IACX~~,~~IAAI~~,~~EAAE~~,~~IAAI,CAAC~~;~~IACX~~,~~QAAQ,EAAE,MAAM,CAAC~~;~~IACjB~~,~~MAAM~~,~~EAAE~~,~~YAAY,CAAC~~;~~IACrB~~,~~YAAY,CAAC,EAAE,MAAM,CAAC~~;~~IACtB~~,~~aAAa,EAAE,MAAM,CAAC~~;~~IACtB~~,~~UAAU,EAAE,MAAM,CAAC~~;~~CACpB~~;~~AAmED~~,~~wBAAgB~~,~~aAAa~~;~~aAGO~~,~~CAAC~~,~~QAAQ~~,~~MAAM~~,~~QAAQ~~,~~IAAI~~,~~KAAG~~,~~OAAO~~,~~CAAC~~,~~CAAC~~,~~CAAC;;;;;;mBAzE3D~~,~~MAAM~~;;;~~EAuHtB;AAGD~~,~~wBAAgB~~,~~kBAAkB;;;wBA6DjB~~,~~MAAM~~,~~SAAS~~,~~IAAI,EAAE;;;;EA2BrC~~"}
1	+ {"version":3,"file":"useUpload.d.ts","names":[],"sources":["../../../../../src/modules/file/hooks/useUpload.ts"],"mappings":";KAEY,YAAA;AAAA,UAEK,cAAA;EACf,EAAA;EACA,IAAA,EAAM,IAAA;EACN,QAAA;EACA,MAAA,EAAQ,YAAA;EACR,YAAA;EACA,aAAA;EACA,UAAA;AAAA;AAAA,iBAoEc,aAAA,CAAA;cAGqB,IAAA,UAAc,IAAA,EAAQ,IAAA,KAAO,OAAA,CAAQ,CAAA;;;;;;;;;;iBAiD1D,kBAAA,CAAA;;;8BA6DO,KAAA,EAAS,IAAA,OAAM,OAAA"}

package/dist/src/modules/file/hooks/useUpload.js CHANGED Viewed

@@ -1,167 +1,158 @@
 import { useCallback, useState } from "react";
-// Shared utility function to create upload promise
+//#region src/modules/file/hooks/useUpload.ts
 const createUploadPromise = (type, file, callbacks) => {
-    return new Promise((resolve, reject) => {
-        const xhr = new XMLHttpRequest();
-        xhr.upload.onprogress = (event) => {
-            if (event.lengthComputable) {
-                const progress = Math.round((event.loaded * 100) / event.total);
-                callbacks.onProgress(progress, event.loaded);
-            }
-        };
-        xhr.onload = () => {
-            if (xhr.status === 200) {
-                callbacks.onComplete();
-                // if response has json header, parse it
-                if (xhr.getResponseHeader("Content-Type")?.includes("application/json")) {
-                    resolve(JSON.parse(xhr.response));
-                }
-                else {
-                    resolve(xhr.response);
-                }
-            }
-            else {
-                const errorMessage = `Upload failed with status ${xhr.status}`;
-                callbacks.onError(errorMessage);
-                reject(new Error(errorMessage));
-            }
-        };
-        xhr.onerror = () => {
-            const errorMessage = "Network error during upload";
-            callbacks.onError(errorMessage);
-            reject(new Error(errorMessage));
-        };
-        xhr.open("POST", `${import.meta.env.VITE_SERVER_URL}/upload/file/${type}`);
-        const formData = new FormData();
-        formData.append("file", file);
-        xhr.send(formData);
-    });
+	return new Promise((resolve, reject) => {
+		const xhr = new XMLHttpRequest();
+		xhr.upload.onprogress = (event) => {
+			if (event.lengthComputable) {
+				const progress = Math.round(event.loaded * 100 / event.total);
+				callbacks.onProgress(progress, event.loaded);
+			}
+		};
+		xhr.onload = () => {
+			if (xhr.status === 200) {
+				callbacks.onComplete();
+				if (xhr.getResponseHeader("Content-Type")?.includes("application/json")) resolve(JSON.parse(xhr.response));
+				else resolve(xhr.response);
+			} else {
+				const errorMessage = `Upload failed with status ${xhr.status}`;
+				callbacks.onError(errorMessage);
+				reject(new Error(errorMessage));
+			}
+		};
+		xhr.onerror = () => {
+			const errorMessage = "Network error during upload";
+			callbacks.onError(errorMessage);
+			reject(new Error(errorMessage));
+		};
+		xhr.open("POST", `${import.meta.env.VITE_SERVER_URL}/upload/file/${type}`);
+		const formData = new FormData();
+		formData.append("file", file);
+		xhr.send(formData);
+	});
 };
-// Shared utility to create a task
 const createUploadTask = (file) => ({
-    id: typeof crypto !== "undefined" && crypto.randomUUID
-        ? crypto.randomUUID()
-        : Math.random().toString(36).substr(2, 9),
-    file,
-    progress: 0,
-    status: "pending",
-    bytesUploaded: 0,
-    totalBytes: file.size,
+	id: typeof crypto !== "undefined" && crypto.randomUUID ? crypto.randomUUID() : Math.random().toString(36).substr(2, 9),
+	file,
+	progress: 0,
+	status: "pending",
+	bytesUploaded: 0,
+	totalBytes: file.size
 });
-// Hook for single file upload
-export function useFileUpload() {
-    const [uploadTask, setUploadTask] = useState(null);
-    const upload = useCallback(async (type, file) => {
-        const task = createUploadTask(file);
-        setUploadTask(task);
-        const callbacks = {
-            onProgress: (progress, bytesUploaded) => {
-                setUploadTask((prev) => prev
-                    ? {
-                        ...prev,
-                        progress,
-                        bytesUploaded,
-                        status: "uploading",
-                    }
-                    : null);
-            },
-            onComplete: () => {
-                setUploadTask((prev) => (prev ? { ...prev, status: "completed", progress: 100 } : null));
-            },
-            onError: (errorMessage) => {
-                setUploadTask((prev) => prev
-                    ? {
-                        ...prev,
-                        status: "error",
-                        errorMessage,
-                        progress: 0,
-                    }
-                    : null);
-            },
-        };
-        return createUploadPromise(type, file, callbacks);
-    }, []);
-    const reset = useCallback(() => {
-        setUploadTask(null);
-    }, []);
-    return {
-        ...uploadTask,
-        upload,
-        reset,
-    };
+function useFileUpload() {
+	const [uploadTask, setUploadTask] = useState(null);
+	const upload = useCallback(async (type, file) => {
+		setUploadTask(createUploadTask(file));
+		return createUploadPromise(type, file, {
+			onProgress: (progress, bytesUploaded) => {
+				setUploadTask((prev) => prev ? {
+					...prev,
+					progress,
+					bytesUploaded,
+					status: "uploading"
+				} : null);
+			},
+			onComplete: () => {
+				setUploadTask((prev) => prev ? {
+					...prev,
+					status: "completed",
+					progress: 100
+				} : null);
+			},
+			onError: (errorMessage) => {
+				setUploadTask((prev) => prev ? {
+					...prev,
+					status: "error",
+					errorMessage,
+					progress: 0
+				} : null);
+			}
+		});
+	}, []);
+	const reset = useCallback(() => {
+		setUploadTask(null);
+	}, []);
+	return {
+		...uploadTask,
+		upload,
+		reset
+	};
 }
-// Hook for multiple file uploads
-export function useMultipartUpload() {
-    const [uploadQueue, setUploadQueue] = useState([]);
-    const [overallProgress, setOverallProgress] = useState(0);
-    const updateTask = useCallback((id, changes) => {
-        setUploadQueue((prev) => prev.map((task) => (task.id === id ? { ...task, ...changes } : task)));
-    }, []);
-    const updateOverallProgress = useCallback((queue) => {
-        if (queue.length === 0) {
-            setOverallProgress(100);
-            return;
-        }
-        const totalBytes = queue.reduce((sum, task) => sum + task.file.size, 0);
-        const uploadedBytes = queue.reduce((sum, task) => {
-            if (task.status === "completed") {
-                return sum + task.file.size;
-            }
-            if (task.status === "uploading") {
-                return sum + (task.progress / 100) * task.file.size;
-            }
-            return sum;
-        }, 0);
-        setOverallProgress(Math.floor((uploadedBytes / totalBytes) * 100));
-    }, []);
-    const uploadSingleFile = useCallback(async (type, task) => {
-        const callbacks = {
-            onProgress: (progress, bytesUploaded) => {
-                updateTask(task.id, {
-                    progress,
-                    bytesUploaded,
-                    status: "uploading",
-                });
-                setUploadQueue((currentQueue) => {
-                    const updatedQueue = currentQueue.map((q) => q.id === task.id ? { ...q, progress, bytesUploaded } : q);
-                    updateOverallProgress(updatedQueue);
-                    return updatedQueue;
-                });
-            },
-            onComplete: () => {
-                updateTask(task.id, { status: "completed", progress: 100 });
-            },
-            onError: (errorMessage) => {
-                updateTask(task.id, {
-                    status: "error",
-                    errorMessage,
-                    progress: 0,
-                });
-            },
-        };
-        return createUploadPromise(type, task.file, callbacks);
-    }, [updateTask, updateOverallProgress]);
-    const uploadFiles = useCallback(async (type, files) => {
-        const initialQueue = files.map(createUploadTask);
-        setUploadQueue(initialQueue);
-        updateOverallProgress(initialQueue);
-        for (const task of initialQueue) {
-            try {
-                await uploadSingleFile(type, task);
-            }
-            catch (_error) { }
-        }
-    }, [uploadSingleFile, updateOverallProgress]);
-    const reset = useCallback(() => {
-        setUploadQueue([]);
-        setOverallProgress(0);
-    }, []);
-    return {
-        uploadQueue,
-        overallProgress,
-        uploadFiles,
-        reset,
-        getTotalBytes: () => uploadQueue.reduce((sum, task) => sum + task.totalBytes, 0),
-        getTotalBytesUploaded: () => uploadQueue.reduce((sum, task) => sum + task.bytesUploaded, 0),
-    };
+function useMultipartUpload() {
+	const [uploadQueue, setUploadQueue] = useState([]);
+	const [overallProgress, setOverallProgress] = useState(0);
+	const updateTask = useCallback((id, changes) => {
+		setUploadQueue((prev) => prev.map((task) => task.id === id ? {
+			...task,
+			...changes
+		} : task));
+	}, []);
+	const updateOverallProgress = useCallback((queue) => {
+		if (queue.length === 0) {
+			setOverallProgress(100);
+			return;
+		}
+		const totalBytes = queue.reduce((sum, task) => sum + task.file.size, 0);
+		const uploadedBytes = queue.reduce((sum, task) => {
+			if (task.status === "completed") return sum + task.file.size;
+			if (task.status === "uploading") return sum + task.progress / 100 * task.file.size;
+			return sum;
+		}, 0);
+		setOverallProgress(Math.floor(uploadedBytes / totalBytes * 100));
+	}, []);
+	const uploadSingleFile = useCallback(async (type, task) => {
+		return createUploadPromise(type, task.file, {
+			onProgress: (progress, bytesUploaded) => {
+				updateTask(task.id, {
+					progress,
+					bytesUploaded,
+					status: "uploading"
+				});
+				setUploadQueue((currentQueue) => {
+					const updatedQueue = currentQueue.map((q) => q.id === task.id ? {
+						...q,
+						progress,
+						bytesUploaded
+					} : q);
+					updateOverallProgress(updatedQueue);
+					return updatedQueue;
+				});
+			},
+			onComplete: () => {
+				updateTask(task.id, {
+					status: "completed",
+					progress: 100
+				});
+			},
+			onError: (errorMessage) => {
+				updateTask(task.id, {
+					status: "error",
+					errorMessage,
+					progress: 0
+				});
+			}
+		});
+	}, [updateTask, updateOverallProgress]);
+	return {
+		uploadQueue,
+		overallProgress,
+		uploadFiles: useCallback(async (type, files) => {
+			const initialQueue = files.map(createUploadTask);
+			setUploadQueue(initialQueue);
+			updateOverallProgress(initialQueue);
+			for (const task of initialQueue) try {
+				await uploadSingleFile(type, task);
+			} catch (_error) {}
+		}, [uploadSingleFile, updateOverallProgress]),
+		reset: useCallback(() => {
+			setUploadQueue([]);
+			setOverallProgress(0);
+		}, []),
+		getTotalBytes: () => uploadQueue.reduce((sum, task) => sum + task.totalBytes, 0),
+		getTotalBytesUploaded: () => uploadQueue.reduce((sum, task) => sum + task.bytesUploaded, 0)
+	};
 }
+//#endregion
+export { useFileUpload, useMultipartUpload };
+//# sourceMappingURL=useUpload.js.map

package/dist/src/modules/file/hooks/useUpload.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useUpload.js","names":[],"sources":["../../../../../src/modules/file/hooks/useUpload.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\r\n\r\nexport type UploadStatus = \"pending\" | \"uploading\" | \"completed\" | \"error\";\r\n\r\nexport interface UploadFileTask {\r\n id: string;\r\n file: File;\r\n progress: number;\r\n status: UploadStatus;\r\n errorMessage?: string;\r\n bytesUploaded: number;\r\n totalBytes: number;\r\n}\r\n\r\ninterface UploadCallbacks {\r\n onProgress: (progress: number, bytesUploaded: number) => void;\r\n onComplete: () => void;\r\n onError: (error: string) => void;\r\n}\r\n\r\n// Shared utility function to create upload promise\r\nconst createUploadPromise = <T>(\r\n type: string,\r\n file: File,\r\n callbacks: UploadCallbacks\r\n): Promise<T> => {\r\n return new Promise((resolve, reject) => {\r\n const xhr = new XMLHttpRequest();\r\n\r\n xhr.upload.onprogress = (event: ProgressEvent<EventTarget>) => {\r\n if (event.lengthComputable) {\r\n const progress = Math.round((event.loaded * 100) / event.total);\r\n callbacks.onProgress(progress, event.loaded);\r\n }\r\n };\r\n\r\n xhr.onload = () => {\r\n if (xhr.status === 200) {\r\n callbacks.onComplete();\r\n // if response has json header, parse it\r\n if (xhr.getResponseHeader(\"Content-Type\")?.includes(\"application/json\")) {\r\n resolve(JSON.parse(xhr.response) as T);\r\n } else {\r\n resolve(xhr.response as T);\r\n }\r\n } else {\r\n const errorMessage = `Upload failed with status ${xhr.status}`;\r\n callbacks.onError(errorMessage);\r\n reject(new Error(errorMessage));\r\n }\r\n };\r\n\r\n xhr.onerror = () => {\r\n const errorMessage = \"Network error during upload\";\r\n callbacks.onError(errorMessage);\r\n reject(new Error(errorMessage));\r\n };\r\n\r\n xhr.open(\"POST\", `${import.meta.env.VITE_SERVER_URL}/upload/file/${type}`);\r\n const formData = new FormData();\r\n formData.append(\"file\", file);\r\n xhr.send(formData);\r\n });\r\n};\r\n\r\n// Shared utility to create a task\r\nconst createUploadTask = (file: File): UploadFileTask => ({\r\n id:\r\n typeof crypto !== \"undefined\" && crypto.randomUUID\r\n ? crypto.randomUUID()\r\n : Math.random().toString(36).substr(2, 9),\r\n file,\r\n progress: 0,\r\n status: \"pending\",\r\n bytesUploaded: 0,\r\n totalBytes: file.size,\r\n});\r\n\r\n// Hook for single file upload\r\nexport function useFileUpload() {\r\n const [uploadTask, setUploadTask] = useState<UploadFileTask | null>(null);\r\n\r\n const upload = useCallback(async <T>(type: string, file: File): Promise<T> => {\r\n const task = createUploadTask(file);\r\n setUploadTask(task);\r\n\r\n const callbacks: UploadCallbacks = {\r\n onProgress: (progress, bytesUploaded) => {\r\n setUploadTask((prev) =>\r\n prev\r\n ? {\r\n ...prev,\r\n progress,\r\n bytesUploaded,\r\n status: \"uploading\",\r\n }\r\n : null\r\n );\r\n },\r\n onComplete: () => {\r\n setUploadTask((prev) => (prev ? { ...prev, status: \"completed\", progress: 100 } : null));\r\n },\r\n onError: (errorMessage) => {\r\n setUploadTask((prev) =>\r\n prev\r\n ? {\r\n ...prev,\r\n status: \"error\",\r\n errorMessage,\r\n progress: 0,\r\n }\r\n : null\r\n );\r\n },\r\n };\r\n\r\n return createUploadPromise<T>(type, file, callbacks);\r\n }, []);\r\n\r\n const reset = useCallback(() => {\r\n setUploadTask(null);\r\n }, []);\r\n\r\n return {\r\n ...uploadTask,\r\n upload,\r\n reset,\r\n };\r\n}\r\n\r\n// Hook for multiple file uploads\r\nexport function useMultipartUpload() {\r\n const [uploadQueue, setUploadQueue] = useState<UploadFileTask[]>([]);\r\n const [overallProgress, setOverallProgress] = useState<number>(0);\r\n\r\n const updateTask = useCallback((id: string, changes: Partial<UploadFileTask>) => {\r\n setUploadQueue((prev) => prev.map((task) => (task.id === id ? { ...task, ...changes } : task)));\r\n }, []);\r\n\r\n const updateOverallProgress = useCallback((queue: UploadFileTask[]) => {\r\n if (queue.length === 0) {\r\n setOverallProgress(100);\r\n return;\r\n }\r\n const totalBytes = queue.reduce((sum, task) => sum + task.file.size, 0);\r\n const uploadedBytes = queue.reduce((sum, task) => {\r\n if (task.status === \"completed\") {\r\n return sum + task.file.size;\r\n }\r\n if (task.status === \"uploading\") {\r\n return sum + (task.progress / 100) * task.file.size;\r\n }\r\n return sum;\r\n }, 0);\r\n setOverallProgress(Math.floor((uploadedBytes / totalBytes) * 100));\r\n }, []);\r\n\r\n const uploadSingleFile = useCallback(\r\n async <T>(type: string, task: UploadFileTask): Promise<T> => {\r\n const callbacks: UploadCallbacks = {\r\n onProgress: (progress, bytesUploaded) => {\r\n updateTask(task.id, {\r\n progress,\r\n bytesUploaded,\r\n status: \"uploading\",\r\n });\r\n setUploadQueue((currentQueue) => {\r\n const updatedQueue = currentQueue.map((q) =>\r\n q.id === task.id ? { ...q, progress, bytesUploaded } : q\r\n );\r\n updateOverallProgress(updatedQueue);\r\n return updatedQueue;\r\n });\r\n },\r\n onComplete: () => {\r\n updateTask(task.id, { status: \"completed\", progress: 100 });\r\n },\r\n onError: (errorMessage) => {\r\n updateTask(task.id, {\r\n status: \"error\",\r\n errorMessage,\r\n progress: 0,\r\n });\r\n },\r\n };\r\n\r\n return createUploadPromise<T>(type, task.file, callbacks);\r\n },\r\n [updateTask, updateOverallProgress]\r\n );\r\n\r\n const uploadFiles = useCallback(\r\n async (type: string, files: File[]) => {\r\n const initialQueue = files.map(createUploadTask);\r\n setUploadQueue(initialQueue);\r\n updateOverallProgress(initialQueue);\r\n\r\n for (const task of initialQueue) {\r\n try {\r\n await uploadSingleFile(type, task);\r\n } catch (_error) {}\r\n }\r\n },\r\n [uploadSingleFile, updateOverallProgress]\r\n );\r\n\r\n const reset = useCallback(() => {\r\n setUploadQueue([]);\r\n setOverallProgress(0);\r\n }, []);\r\n\r\n return {\r\n uploadQueue,\r\n overallProgress,\r\n uploadFiles,\r\n reset,\r\n getTotalBytes: () => uploadQueue.reduce((sum, task) => sum + task.totalBytes, 0),\r\n getTotalBytesUploaded: () => uploadQueue.reduce((sum, task) => sum + task.bytesUploaded, 0),\r\n };\r\n}\r\n"],"mappings":";;AAqBA,MAAM,uBACJ,MACA,MACA,cACe;AACf,QAAO,IAAI,SAAS,SAAS,WAAW;EACtC,MAAM,MAAM,IAAI,gBAAgB;AAEhC,MAAI,OAAO,cAAc,UAAsC;AAC7D,OAAI,MAAM,kBAAkB;IAC1B,MAAM,WAAW,KAAK,MAAO,MAAM,SAAS,MAAO,MAAM,MAAM;AAC/D,cAAU,WAAW,UAAU,MAAM,OAAO;;;AAIhD,MAAI,eAAe;AACjB,OAAI,IAAI,WAAW,KAAK;AACtB,cAAU,YAAY;AAEtB,QAAI,IAAI,kBAAkB,eAAe,EAAE,SAAS,mBAAmB,CACrE,SAAQ,KAAK,MAAM,IAAI,SAAS,CAAM;QAEtC,SAAQ,IAAI,SAAc;UAEvB;IACL,MAAM,eAAe,6BAA6B,IAAI;AACtD,cAAU,QAAQ,aAAa;AAC/B,WAAO,IAAI,MAAM,aAAa,CAAC;;;AAInC,MAAI,gBAAgB;GAClB,MAAM,eAAe;AACrB,aAAU,QAAQ,aAAa;AAC/B,UAAO,IAAI,MAAM,aAAa,CAAC;;AAGjC,MAAI,KAAK,QAAQ,GAAG,OAAO,KAAK,IAAI,gBAAgB,eAAe,OAAO;EAC1E,MAAM,WAAW,IAAI,UAAU;AAC/B,WAAS,OAAO,QAAQ,KAAK;AAC7B,MAAI,KAAK,SAAS;GAClB;;AAIJ,MAAM,oBAAoB,UAAgC;CACxD,IACE,OAAO,WAAW,eAAe,OAAO,aACpC,OAAO,YAAY,GACnB,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,OAAO,GAAG,EAAE;CAC7C;CACA,UAAU;CACV,QAAQ;CACR,eAAe;CACf,YAAY,KAAK;CAClB;AAGD,SAAgB,gBAAgB;CAC9B,MAAM,CAAC,YAAY,iBAAiB,SAAgC,KAAK;CAEzE,MAAM,SAAS,YAAY,OAAU,MAAc,SAA2B;AAE5E,gBADa,iBAAiB,KAAK,CAChB;AAgCnB,SAAO,oBAAuB,MAAM,MA9BD;GACjC,aAAa,UAAU,kBAAkB;AACvC,mBAAe,SACb,OACI;KACE,GAAG;KACH;KACA;KACA,QAAQ;KACT,GACD,KACL;;GAEH,kBAAkB;AAChB,mBAAe,SAAU,OAAO;KAAE,GAAG;KAAM,QAAQ;KAAa,UAAU;KAAK,GAAG,KAAM;;GAE1F,UAAU,iBAAiB;AACzB,mBAAe,SACb,OACI;KACE,GAAG;KACH,QAAQ;KACR;KACA,UAAU;KACX,GACD,KACL;;GAEJ,CAEmD;IACnD,EAAE,CAAC;CAEN,MAAM,QAAQ,kBAAkB;AAC9B,gBAAc,KAAK;IAClB,EAAE,CAAC;AAEN,QAAO;EACL,GAAG;EACH;EACA;EACD;;AAIH,SAAgB,qBAAqB;CACnC,MAAM,CAAC,aAAa,kBAAkB,SAA2B,EAAE,CAAC;CACpE,MAAM,CAAC,iBAAiB,sBAAsB,SAAiB,EAAE;CAEjE,MAAM,aAAa,aAAa,IAAY,YAAqC;AAC/E,kBAAgB,SAAS,KAAK,KAAK,SAAU,KAAK,OAAO,KAAK;GAAE,GAAG;GAAM,GAAG;GAAS,GAAG,KAAM,CAAC;IAC9F,EAAE,CAAC;CAEN,MAAM,wBAAwB,aAAa,UAA4B;AACrE,MAAI,MAAM,WAAW,GAAG;AACtB,sBAAmB,IAAI;AACvB;;EAEF,MAAM,aAAa,MAAM,QAAQ,KAAK,SAAS,MAAM,KAAK,KAAK,MAAM,EAAE;EACvE,MAAM,gBAAgB,MAAM,QAAQ,KAAK,SAAS;AAChD,OAAI,KAAK,WAAW,YAClB,QAAO,MAAM,KAAK,KAAK;AAEzB,OAAI,KAAK,WAAW,YAClB,QAAO,MAAO,KAAK,WAAW,MAAO,KAAK,KAAK;AAEjD,UAAO;KACN,EAAE;AACL,qBAAmB,KAAK,MAAO,gBAAgB,aAAc,IAAI,CAAC;IACjE,EAAE,CAAC;CAEN,MAAM,mBAAmB,YACvB,OAAU,MAAc,SAAqC;AA4B3D,SAAO,oBAAuB,MAAM,KAAK,MA3BN;GACjC,aAAa,UAAU,kBAAkB;AACvC,eAAW,KAAK,IAAI;KAClB;KACA;KACA,QAAQ;KACT,CAAC;AACF,oBAAgB,iBAAiB;KAC/B,MAAM,eAAe,aAAa,KAAK,MACrC,EAAE,OAAO,KAAK,KAAK;MAAE,GAAG;MAAG;MAAU;MAAe,GAAG,EACxD;AACD,2BAAsB,aAAa;AACnC,YAAO;MACP;;GAEJ,kBAAkB;AAChB,eAAW,KAAK,IAAI;KAAE,QAAQ;KAAa,UAAU;KAAK,CAAC;;GAE7D,UAAU,iBAAiB;AACzB,eAAW,KAAK,IAAI;KAClB,QAAQ;KACR;KACA,UAAU;KACX,CAAC;;GAEL,CAEwD;IAE3D,CAAC,YAAY,sBAAsB,CACpC;AAsBD,QAAO;EACL;EACA;EACA,aAvBkB,YAClB,OAAO,MAAc,UAAkB;GACrC,MAAM,eAAe,MAAM,IAAI,iBAAiB;AAChD,kBAAe,aAAa;AAC5B,yBAAsB,aAAa;AAEnC,QAAK,MAAM,QAAQ,aACjB,KAAI;AACF,UAAM,iBAAiB,MAAM,KAAK;YAC3B,QAAQ;KAGrB,CAAC,kBAAkB,sBAAsB,CAC1C;EAWC,OATY,kBAAkB;AAC9B,kBAAe,EAAE,CAAC;AAClB,sBAAmB,EAAE;KACpB,EAAE,CAAC;EAOJ,qBAAqB,YAAY,QAAQ,KAAK,SAAS,MAAM,KAAK,YAAY,EAAE;EAChF,6BAA6B,YAAY,QAAQ,KAAK,SAAS,MAAM,KAAK,eAAe,EAAE;EAC5F"}

package/dist/src/modules/table/hooks/useDateRangeFilter.d.ts CHANGED Viewed

@@ -1,8 +1,10 @@
-import type { UseQueryOptions, UseQueryResult } from "@tanstack/react-query";
-import { type NuqsQueryParams } from "./useNuqsQueryParams";
-export interface DateRangeFilterReturn<TData> {
-    params: NuqsQueryParams;
-    query: UseQueryResult<TData>;
+import { NuqsQueryParams } from "./useNuqsQueryParams.js";
+import { UseQueryOptions, UseQueryResult } from "@tanstack/react-query";
+//#region src/modules/table/hooks/useDateRangeFilter.d.ts
+interface DateRangeFilterReturn<TData> {
+  params: NuqsQueryParams;
+  query: UseQueryResult<TData>;
 }
 /**
  * Flexible query options type that accepts both standard TanStack Query options
@@ -15,14 +17,18 @@ type QueryOptionsLike<TData> = UseQueryOptions<TData, any, TData, any>;
  * tRPC's queryOptions accepts (input, opts?) while standard functions may only accept (input).
  */
 type GetQueryOptionsFn<TInput, TData> = (input: TInput, ...args: any[]) => QueryOptionsLike<TData>;
-export interface DateRangeFilterOptions<TInput, TData> {
-    getQueryOptions: GetQueryOptionsFn<TInput, TData>;
-    queryParams?: TInput;
+interface DateRangeFilterOptions<TInput, TData> {
+  getQueryOptions: GetQueryOptionsFn<TInput, TData>;
+  queryParams?: TInput;
 }
 /**
  * Hook for charts with URL-synced query parameters and data fetching
  * Similar to useNuqsTable but without rowSelection (not needed for charts)
  */
-export declare const useDateRangeFilter: <TInput, TData>({ getQueryOptions, queryParams, }: DateRangeFilterOptions<TInput, TData>) => DateRangeFilterReturn<TData>;
-export {};
+declare const useDateRangeFilter: <TInput, TData>({
+  getQueryOptions,
+  queryParams
+}: DateRangeFilterOptions<TInput, TData>) => DateRangeFilterReturn<TData>;
+//#endregion
+export { DateRangeFilterOptions, DateRangeFilterReturn, useDateRangeFilter };
 //# sourceMappingURL=useDateRangeFilter.d.ts.map

package/dist/src/modules/table/hooks/useDateRangeFilter.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDateRangeFilter.d.ts","~~sourceRoot~~":"","sources":["../../../../../src/modules/table/hooks/useDateRangeFilter.ts"],"~~names":[],"~~mappings":"~~AAAA~~,~~OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC~~;~~AAC7E~~,~~OAAO~~,~~EAAE~~,~~KAAK,eAAe,EAAsB,MAAM,sBAAsB,CAAC~~;~~AAGhF~~,~~MAAM~~,~~WAAW~~,~~qBAAqB~~,~~CAAC~~,~~KAAK~~;~~IAC1C~~,~~MAAM~~,~~EAAE~~,~~eAAe~~,~~CAAC;IACxB~~,~~KAAK~~,~~EAAE~~,~~cAAc~~,~~CAAC~~,~~KAAK~~,~~CAAC~~,~~CAAC;CAC9B;AAED;;;;GAIG;AAEH~~,~~KAAK~~,~~gBAAgB~~,~~CAAC~~,~~KAAK~~,~~IAAI~~,~~eAAe~~,~~CAAC~~,~~KAAK~~,~~EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC~~;~~AAEvE;;;GAGG;AAEH~~,~~KAAK~~,~~iBAAiB~~,~~CAAC~~,~~MAAM~~,~~EAAE~~,~~KAAK~~,~~IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,gBAAgB,CAAC,KAAK,CAAC,CAAC~~;~~AAEnG~~,~~MAAM~~,~~WAAW~~,~~sBAAsB,CAAC,MAAM,EAAE,KAAK~~;~~IACnD~~,~~eAAe,EAAE,iBAAiB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC~~;~~IAClD~~,~~WAAW,CAAC,EAAE,MAAM,CAAC~~;~~CACtB~~;~~AAED;;;GAGG;AACH~~,~~eAAO,MAAM,kBAAkB,GAAI,MAAM,EAAE,KAAK,EAAE,mCAG~~/C,~~sBAAsB~~,~~CAAC~~,~~MAAM~~,~~EAAE~~,~~KAAK~~,~~CAAC~~,~~KAAG~~,~~qBAAqB~~,~~CAAC,KAAK,CAuBrE,CAAC~~"}
1	+ {"version":3,"file":"useDateRangeFilter.d.ts","names":[],"sources":["../../../../../src/modules/table/hooks/useDateRangeFilter.ts"],"mappings":";;;;UAIiB,qBAAA;EACf,MAAA,EAAQ,eAAA;EACR,KAAA,EAAO,cAAA,CAAe,KAAA;AAAA;;;;;;KASnB,gBAAA,UAA0B,eAAA,CAAgB,KAAA,OAAY,KAAA;;;;;KAOtD,iBAAA,mBAAoC,KAAA,EAAO,MAAA,KAAW,IAAA,YAAgB,gBAAA,CAAiB,KAAA;AAAA,UAE3E,sBAAA;EACf,eAAA,EAAiB,iBAAA,CAAkB,MAAA,EAAQ,KAAA;EAC3C,WAAA,GAAc,MAAA;AAAA;;;;;cAOH,kBAAA;EAAqC,eAAA;EAAA;AAAA,GAG/C,sBAAA,CAAuB,MAAA,EAAQ,KAAA,MAAS,qBAAA,CAAsB,KAAA"}