@m5kdev/frontend 0.16.9 → 0.17.0

package/dist/src/modules/file/hooks/useS3DownloadUrl.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"useS3DownloadUrl.d.mts","names":[],"sources":["../../../../../src/modules/file/hooks/useS3DownloadUrl.ts"],"mappings":";;;iBAEsB,kBAAA,CACpB,QAAA,UACA,SAAA,SAA2C,OAAA;AAAA,iBAO7B,gBAAA,CAAiB,QAAA,UAAkB,SAAA,SAA2C,wBAAA,CAAA,cAAA,SAAA,KAAA"}
+{"version":3,"file":"useS3DownloadUrl.d.mts","names":[],"sources":["../../../../../src/modules/file/hooks/useS3DownloadUrl.ts"],"mappings":";;;iBAGsB,kBAAA,CAAmB,QAAA,UAAkB,SAAA,YAAkB,OAAA;AAAA,iBAU7D,gBAAA,CAAiB,QAAA,UAAkB,iBAAA,YAA0B,wBAAA,CAAA,cAAA,SAAA,KAAA"}

package/dist/src/modules/file/hooks/useS3DownloadUrl.d.ts

@@ -1,8 +1,8 @@
 import * as _$_tanstack_react_query0 from "@tanstack/react-query";
 
 //#region src/modules/file/hooks/useS3DownloadUrl.d.ts
-declare function fetchS3DownloadUrl(filePath: string, serverUrl?: any): Promise<string>;
-declare function useS3DownloadUrl(filePath: string, serverUrl?: any): _$_tanstack_react_query0.UseQueryResult<string, Error>;
+declare function fetchS3DownloadUrl(filePath: string, serverUrl?: string): Promise<string>;
+declare function useS3DownloadUrl(filePath: string, serverUrlOverride?: string): _$_tanstack_react_query0.UseQueryResult<string, Error>;
 //#endregion
 export { fetchS3DownloadUrl, useS3DownloadUrl };
 //# sourceMappingURL=useS3DownloadUrl.d.ts.map

package/dist/src/modules/file/hooks/useS3DownloadUrl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useS3DownloadUrl.d.ts","names":[],"sources":["../../../../../src/modules/file/hooks/useS3DownloadUrl.ts"],"mappings":";;;iBAEsB,kBAAA,CACpB,QAAA,UACA,SAAA,SAA2C,OAAA;AAAA,iBAO7B,gBAAA,CAAiB,QAAA,UAAkB,SAAA,SAA2C,wBAAA,CAAA,cAAA,SAAA,KAAA"}
+{"version":3,"file":"useS3DownloadUrl.d.ts","names":[],"sources":["../../../../../src/modules/file/hooks/useS3DownloadUrl.ts"],"mappings":";;;iBAGsB,kBAAA,CAAmB,QAAA,UAAkB,SAAA,YAAkB,OAAA;AAAA,iBAU7D,gBAAA,CAAiB,QAAA,UAAkB,iBAAA,YAA0B,wBAAA,CAAA,cAAA,SAAA,KAAA"}

package/dist/src/modules/file/hooks/useS3DownloadUrl.js

@@ -1,15 +1,23 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_src_modules_app_hooks_useAppConfig = require("../../app/hooks/useAppConfig.js");
 let _tanstack_react_query = require("@tanstack/react-query");
 //#region src/modules/file/hooks/useS3DownloadUrl.ts
-async function fetchS3DownloadUrl(filePath, serverUrl = {}.env.VITE_SERVER_URL) {
+async function fetchS3DownloadUrl(filePath, serverUrl) {
+	if (!serverUrl) throw new Error("fetchS3DownloadUrl requires a serverUrl. In React, use useS3DownloadUrl.");
 	const res = await fetch(`${serverUrl}/upload/files/${filePath}`);
 	if (!res.ok) throw new Error("Failed to get download URL");
 	return (await res.json()).url;
 }
-function useS3DownloadUrl(filePath, serverUrl = {}.env.VITE_SERVER_URL) {
+function useS3DownloadUrl(filePath, serverUrlOverride) {
+	const { serverUrl } = require_src_modules_app_hooks_useAppConfig.useAppConfig();
+	const resolvedServerUrl = serverUrlOverride ?? serverUrl;
 	return (0, _tanstack_react_query.useQuery)({
-		queryKey: ["s3DownloadUrl", filePath],
-		queryFn: () => fetchS3DownloadUrl(filePath, serverUrl),
+		queryKey: [
+			"s3DownloadUrl",
+			resolvedServerUrl,
+			filePath
+		],
+		queryFn: () => fetchS3DownloadUrl(filePath, resolvedServerUrl),
 		enabled: Boolean(filePath)
 	});
 }

package/dist/src/modules/file/hooks/useS3DownloadUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useS3DownloadUrl.js","names":[],"sources":["../../../../../src/modules/file/hooks/useS3DownloadUrl.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\r\n\r\nexport async function fetchS3DownloadUrl(\r\n  filePath: string,\r\n  serverUrl = import.meta.env.VITE_SERVER_URL\r\n) {\r\n  const res = await fetch(`${serverUrl}/upload/files/${filePath}`);\r\n  if (!res.ok) throw new Error(\"Failed to get download URL\");\r\n  return (await res.json()).url as string;\r\n}\r\n\r\nexport function useS3DownloadUrl(filePath: string, serverUrl = import.meta.env.VITE_SERVER_URL) {\r\n  return useQuery<string, Error>({\r\n    queryKey: [\"s3DownloadUrl\", filePath],\r\n    queryFn: () => fetchS3DownloadUrl(filePath, serverUrl),\r\n    enabled: Boolean(filePath),\r\n  });\r\n}\r\n"],"mappings":";;;AAEA,eAAsB,mBACpB,UACA,YAAA,EAAA,CAAwB,IAAI,iBAC5B;CACA,MAAM,MAAM,MAAM,MAAM,GAAG,UAAU,gBAAgB,WAAW;AAChE,KAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,6BAA6B;AAC1D,SAAQ,MAAM,IAAI,MAAM,EAAE;;AAG5B,SAAgB,iBAAiB,UAAkB,YAAA,EAAA,CAAwB,IAAI,iBAAiB;AAC9F,SAAA,GAAA,sBAAA,UAA+B;EAC7B,UAAU,CAAC,iBAAiB,SAAS;EACrC,eAAe,mBAAmB,UAAU,UAAU;EACtD,SAAS,QAAQ,SAAS;EAC3B,CAAC"}
+{"version":3,"file":"useS3DownloadUrl.js","names":["useAppConfig"],"sources":["../../../../../src/modules/file/hooks/useS3DownloadUrl.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\r\nimport { useAppConfig } from \"../../app/hooks/useAppConfig\";\r\n\r\nexport async function fetchS3DownloadUrl(filePath: string, serverUrl?: string) {\r\n  if (!serverUrl) {\r\n    throw new Error(\"fetchS3DownloadUrl requires a serverUrl. In React, use useS3DownloadUrl.\");\r\n  }\r\n\r\n  const res = await fetch(`${serverUrl}/upload/files/${filePath}`);\r\n  if (!res.ok) throw new Error(\"Failed to get download URL\");\r\n  return (await res.json()).url as string;\r\n}\r\n\r\nexport function useS3DownloadUrl(filePath: string, serverUrlOverride?: string) {\r\n  const { serverUrl } = useAppConfig();\r\n  const resolvedServerUrl = serverUrlOverride ?? serverUrl;\r\n\r\n  return useQuery<string, Error>({\r\n    queryKey: [\"s3DownloadUrl\", resolvedServerUrl, filePath],\r\n    queryFn: () => fetchS3DownloadUrl(filePath, resolvedServerUrl),\r\n    enabled: Boolean(filePath),\r\n  });\r\n}\r\n"],"mappings":";;;;AAGA,eAAsB,mBAAmB,UAAkB,WAAoB;AAC7E,KAAI,CAAC,UACH,OAAM,IAAI,MAAM,2EAA2E;CAG7F,MAAM,MAAM,MAAM,MAAM,GAAG,UAAU,gBAAgB,WAAW;AAChE,KAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,6BAA6B;AAC1D,SAAQ,MAAM,IAAI,MAAM,EAAE;;AAG5B,SAAgB,iBAAiB,UAAkB,mBAA4B;CAC7E,MAAM,EAAE,cAAcA,2CAAAA,cAAc;CACpC,MAAM,oBAAoB,qBAAqB;AAE/C,SAAA,GAAA,sBAAA,UAA+B;EAC7B,UAAU;GAAC;GAAiB;GAAmB;GAAS;EACxD,eAAe,mBAAmB,UAAU,kBAAkB;EAC9D,SAAS,QAAQ,SAAS;EAC3B,CAAC"}

package/dist/src/modules/file/hooks/useS3DownloadUrl.mjs

@@ -1,14 +1,22 @@
+import { useAppConfig } from "../../app/hooks/useAppConfig.mjs";
 import { useQuery } from "@tanstack/react-query";
 //#region src/modules/file/hooks/useS3DownloadUrl.ts
-async function fetchS3DownloadUrl(filePath, serverUrl = import.meta.env.VITE_SERVER_URL) {
+async function fetchS3DownloadUrl(filePath, serverUrl) {
+	if (!serverUrl) throw new Error("fetchS3DownloadUrl requires a serverUrl. In React, use useS3DownloadUrl.");
 	const res = await fetch(`${serverUrl}/upload/files/${filePath}`);
 	if (!res.ok) throw new Error("Failed to get download URL");
 	return (await res.json()).url;
 }
-function useS3DownloadUrl(filePath, serverUrl = import.meta.env.VITE_SERVER_URL) {
+function useS3DownloadUrl(filePath, serverUrlOverride) {
+	const { serverUrl } = useAppConfig();
+	const resolvedServerUrl = serverUrlOverride ?? serverUrl;
 	return useQuery({
-		queryKey: ["s3DownloadUrl", filePath],
-		queryFn: () => fetchS3DownloadUrl(filePath, serverUrl),
+		queryKey: [
+			"s3DownloadUrl",
+			resolvedServerUrl,
+			filePath
+		],
+		queryFn: () => fetchS3DownloadUrl(filePath, resolvedServerUrl),
 		enabled: Boolean(filePath)
 	});
 }

package/dist/src/modules/file/hooks/useS3DownloadUrl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useS3DownloadUrl.mjs","names":[],"sources":["../../../../../src/modules/file/hooks/useS3DownloadUrl.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\r\n\r\nexport async function fetchS3DownloadUrl(\r\n  filePath: string,\r\n  serverUrl = import.meta.env.VITE_SERVER_URL\r\n) {\r\n  const res = await fetch(`${serverUrl}/upload/files/${filePath}`);\r\n  if (!res.ok) throw new Error(\"Failed to get download URL\");\r\n  return (await res.json()).url as string;\r\n}\r\n\r\nexport function useS3DownloadUrl(filePath: string, serverUrl = import.meta.env.VITE_SERVER_URL) {\r\n  return useQuery<string, Error>({\r\n    queryKey: [\"s3DownloadUrl\", filePath],\r\n    queryFn: () => fetchS3DownloadUrl(filePath, serverUrl),\r\n    enabled: Boolean(filePath),\r\n  });\r\n}\r\n"],"mappings":";;AAEA,eAAsB,mBACpB,UACA,YAAY,OAAO,KAAK,IAAI,iBAC5B;CACA,MAAM,MAAM,MAAM,MAAM,GAAG,UAAU,gBAAgB,WAAW;AAChE,KAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,6BAA6B;AAC1D,SAAQ,MAAM,IAAI,MAAM,EAAE;;AAG5B,SAAgB,iBAAiB,UAAkB,YAAY,OAAO,KAAK,IAAI,iBAAiB;AAC9F,QAAO,SAAwB;EAC7B,UAAU,CAAC,iBAAiB,SAAS;EACrC,eAAe,mBAAmB,UAAU,UAAU;EACtD,SAAS,QAAQ,SAAS;EAC3B,CAAC"}
+{"version":3,"file":"useS3DownloadUrl.mjs","names":[],"sources":["../../../../../src/modules/file/hooks/useS3DownloadUrl.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\r\nimport { useAppConfig } from \"../../app/hooks/useAppConfig\";\r\n\r\nexport async function fetchS3DownloadUrl(filePath: string, serverUrl?: string) {\r\n  if (!serverUrl) {\r\n    throw new Error(\"fetchS3DownloadUrl requires a serverUrl. In React, use useS3DownloadUrl.\");\r\n  }\r\n\r\n  const res = await fetch(`${serverUrl}/upload/files/${filePath}`);\r\n  if (!res.ok) throw new Error(\"Failed to get download URL\");\r\n  return (await res.json()).url as string;\r\n}\r\n\r\nexport function useS3DownloadUrl(filePath: string, serverUrlOverride?: string) {\r\n  const { serverUrl } = useAppConfig();\r\n  const resolvedServerUrl = serverUrlOverride ?? serverUrl;\r\n\r\n  return useQuery<string, Error>({\r\n    queryKey: [\"s3DownloadUrl\", resolvedServerUrl, filePath],\r\n    queryFn: () => fetchS3DownloadUrl(filePath, resolvedServerUrl),\r\n    enabled: Boolean(filePath),\r\n  });\r\n}\r\n"],"mappings":";;;AAGA,eAAsB,mBAAmB,UAAkB,WAAoB;AAC7E,KAAI,CAAC,UACH,OAAM,IAAI,MAAM,2EAA2E;CAG7F,MAAM,MAAM,MAAM,MAAM,GAAG,UAAU,gBAAgB,WAAW;AAChE,KAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,6BAA6B;AAC1D,SAAQ,MAAM,IAAI,MAAM,EAAE;;AAG5B,SAAgB,iBAAiB,UAAkB,mBAA4B;CAC7E,MAAM,EAAE,cAAc,cAAc;CACpC,MAAM,oBAAoB,qBAAqB;AAE/C,QAAO,SAAwB;EAC7B,UAAU;GAAC;GAAiB;GAAmB;GAAS;EACxD,eAAe,mBAAmB,UAAU,kBAAkB;EAC9D,SAAS,QAAQ,SAAS;EAC3B,CAAC"}

package/dist/src/modules/file/hooks/useS3Upload.d.mts

@@ -1,6 +1,6 @@
 //#region src/modules/file/hooks/useS3Upload.d.ts
 type S3UploadStatus = "idle" | "uploading" | "success" | "error";
-declare function useS3Upload(serverUrl?: string): {
+declare function useS3Upload(serverUrlOverride?: string): {
   upload: (file: File | Blob, prefix?: string) => Promise<string>;
   progress: number;
   status: S3UploadStatus;

package/dist/src/modules/file/hooks/useS3Upload.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"useS3Upload.d.mts","names":[],"sources":["../../../../../src/modules/file/hooks/useS3Upload.ts"],"mappings":";KAEY,cAAA;AAAA,iBAiBI,WAAA,CAAY,SAAA;iBAMc,IAAA,GAAO,IAAA,EAAI,MAAA,cAAiB,OAAA"}
+{"version":3,"file":"useS3Upload.d.mts","names":[],"sources":["../../../../../src/modules/file/hooks/useS3Upload.ts"],"mappings":";KAGY,cAAA;AAAA,iBAiBI,WAAA,CAAY,iBAAA;iBASX,IAAA,GAAO,IAAA,EAAI,MAAA,cAAiB,OAAA"}

package/dist/src/modules/file/hooks/useS3Upload.d.ts

@@ -1,6 +1,6 @@
 //#region src/modules/file/hooks/useS3Upload.d.ts
 type S3UploadStatus = "idle" | "uploading" | "success" | "error";
-declare function useS3Upload(serverUrl?: string): {
+declare function useS3Upload(serverUrlOverride?: string): {
   upload: (file: File | Blob, prefix?: string) => Promise<string>;
   progress: number;
   status: S3UploadStatus;

package/dist/src/modules/file/hooks/useS3Upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useS3Upload.d.ts","names":[],"sources":["../../../../../src/modules/file/hooks/useS3Upload.ts"],"mappings":";KAEY,cAAA;AAAA,iBAiBI,WAAA,CAAY,SAAA;iBAMc,IAAA,GAAO,IAAA,EAAI,MAAA,cAAiB,OAAA"}
+{"version":3,"file":"useS3Upload.d.ts","names":[],"sources":["../../../../../src/modules/file/hooks/useS3Upload.ts"],"mappings":";KAGY,cAAA;AAAA,iBAiBI,WAAA,CAAY,iBAAA;iBASX,IAAA,GAAO,IAAA,EAAI,MAAA,cAAiB,OAAA"}

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

@@ -1,7 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_src_modules_app_hooks_useAppConfig = require("../../app/hooks/useAppConfig.js");
 let react = require("react");
 //#region src/modules/file/hooks/useS3Upload.ts
-async function getPresignedUrl(filename, filetype, serverUrl = "") {
+async function getPresignedUrl(filename, filetype, serverUrl) {
 	const res = await fetch(`${serverUrl}/upload/s3-presigned-url`, {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
@@ -13,7 +14,9 @@ async function getPresignedUrl(filename, filetype, serverUrl = "") {
 	if (!res.ok) throw new Error("Failed to get presigned URL");
 	return (await res.json()).url;
 }
-function useS3Upload(serverUrl = "") {
+function useS3Upload(serverUrlOverride) {
+	const { serverUrl } = require_src_modules_app_hooks_useAppConfig.useAppConfig();
+	const resolvedServerUrl = serverUrlOverride ?? serverUrl;
 	const [progress, setProgress] = (0, react.useState)(0);
 	const [status, setStatus] = (0, react.useState)("idle");
 	const [error, setError] = (0, react.useState)(null);
@@ -27,9 +30,9 @@ function useS3Upload(serverUrl = "") {
 			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 filename = prefix ? `${prefix}/${uuid}${extension ? `.${extension}` : ""}` : `${uuid}${extension ? `.${extension}` : ""}`;
 				const filetype = file instanceof File ? file.type : "application/octet-stream";
-				const presignedUrl = await getPresignedUrl(filename, filetype, serverUrl);
+				const presignedUrl = await getPresignedUrl(filename, filetype, resolvedServerUrl);
 				return await new Promise((resolve, reject) => {
 					const xhr = new XMLHttpRequest();
 					xhr.open("PUT", presignedUrl);
@@ -58,10 +61,10 @@ function useS3Upload(serverUrl = "") {
 				});
 			} catch (err) {
 				setStatus("error");
-				setError(err?.message || "Unknown error");
+				setError(err instanceof Error ? err.message : "Unknown error");
 				return Promise.reject(err);
 			}
-		}, [serverUrl]),
+		}, [resolvedServerUrl]),
 		progress,
 		status,
 		error,

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

@@ -1 +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,gBAAA,GAAA,MAAA,UAAgC,EAAE;CACnD,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAAsC,OAAO;CAC5D,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAoC,KAAK;CACvD,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,UAA0C,KAAK;AAgEnE,QAAO;EAAE,SAAA,GAAA,MAAA,aA9DkB,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,QAAA,GAAA,MAAA,mBAPvB;AAC9B,eAAY,EAAE;AACd,aAAU,OAAO;AACjB,YAAS,KAAK;AACd,kBAAe,KAAK;KACnB,EAAE,CAAC;EAEwD"}
+{"version":3,"file":"useS3Upload.js","names":["useAppConfig"],"sources":["../../../../../src/modules/file/hooks/useS3Upload.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\r\nimport { useAppConfig } from \"../../app/hooks/useAppConfig\";\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: string\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(serverUrlOverride?: string) {\r\n  const { serverUrl } = useAppConfig();\r\n  const resolvedServerUrl = serverUrlOverride ?? 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(\r\n    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 ? `.${extension}` : \"\"}`\r\n          : `${uuid}${extension ? `.${extension}` : \"\"}`;\r\n        const filetype = file instanceof File ? file.type : \"application/octet-stream\";\r\n        const presignedUrl = await getPresignedUrl(filename, filetype, resolvedServerUrl);\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: unknown) {\r\n        setStatus(\"error\");\r\n        setError(err instanceof Error ? err.message : \"Unknown error\");\r\n        return Promise.reject(err);\r\n      }\r\n    },\r\n    [resolvedServerUrl]\r\n  );\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":";;;;AAKA,eAAe,gBACb,UACA,UACA,WACiB;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,mBAA4B;CACtD,MAAM,EAAE,cAAcA,2CAAAA,cAAc;CACpC,MAAM,oBAAoB,qBAAqB;CAC/C,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UAAgC,EAAE;CACnD,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAAsC,OAAO;CAC5D,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAoC,KAAK;CACvD,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,UAA0C,KAAK;AAmEnE,QAAO;EAAE,SAAA,GAAA,MAAA,aAhEP,OAAO,MAAmB,WAAoB;AAC5C,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,OAAO,YAAY,IAAI,cAAc,OAClD,GAAG,OAAO,YAAY,IAAI,cAAc;IAC5C,MAAM,WAAW,gBAAgB,OAAO,KAAK,OAAO;IACpD,MAAM,eAAe,MAAM,gBAAgB,UAAU,UAAU,kBAAkB;AAEjF,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,KAAc;AACrB,cAAU,QAAQ;AAClB,aAAS,eAAe,QAAQ,IAAI,UAAU,gBAAgB;AAC9D,WAAO,QAAQ,OAAO,IAAI;;KAG9B,CAAC,kBAAkB,CACpB;EASgB;EAAU;EAAQ;EAAO;EAAa,QAAA,GAAA,MAAA,mBAPvB;AAC9B,eAAY,EAAE;AACd,aAAU,OAAO;AACjB,YAAS,KAAK;AACd,kBAAe,KAAK;KACnB,EAAE,CAAC;EAEwD"}

package/dist/src/modules/file/hooks/useS3Upload.mjs

@@ -1,6 +1,7 @@
+import { useAppConfig } from "../../app/hooks/useAppConfig.mjs";
 import { useCallback, useState } from "react";
 //#region src/modules/file/hooks/useS3Upload.ts
-async function getPresignedUrl(filename, filetype, serverUrl = "") {
+async function getPresignedUrl(filename, filetype, serverUrl) {
 	const res = await fetch(`${serverUrl}/upload/s3-presigned-url`, {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
@@ -12,7 +13,9 @@ async function getPresignedUrl(filename, filetype, serverUrl = "") {
 	if (!res.ok) throw new Error("Failed to get presigned URL");
 	return (await res.json()).url;
 }
-function useS3Upload(serverUrl = "") {
+function useS3Upload(serverUrlOverride) {
+	const { serverUrl } = useAppConfig();
+	const resolvedServerUrl = serverUrlOverride ?? serverUrl;
 	const [progress, setProgress] = useState(0);
 	const [status, setStatus] = useState("idle");
 	const [error, setError] = useState(null);
@@ -26,9 +29,9 @@ function useS3Upload(serverUrl = "") {
 			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 filename = prefix ? `${prefix}/${uuid}${extension ? `.${extension}` : ""}` : `${uuid}${extension ? `.${extension}` : ""}`;
 				const filetype = file instanceof File ? file.type : "application/octet-stream";
-				const presignedUrl = await getPresignedUrl(filename, filetype, serverUrl);
+				const presignedUrl = await getPresignedUrl(filename, filetype, resolvedServerUrl);
 				return await new Promise((resolve, reject) => {
 					const xhr = new XMLHttpRequest();
 					xhr.open("PUT", presignedUrl);
@@ -57,10 +60,10 @@ function useS3Upload(serverUrl = "") {
 				});
 			} catch (err) {
 				setStatus("error");
-				setError(err?.message || "Unknown error");
+				setError(err instanceof Error ? err.message : "Unknown error");
 				return Promise.reject(err);
 			}
-		}, [serverUrl]),
+		}, [resolvedServerUrl]),
 		progress,
 		status,
 		error,

package/dist/src/modules/file/hooks/useS3Upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useS3Upload.mjs","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"}
+{"version":3,"file":"useS3Upload.mjs","names":[],"sources":["../../../../../src/modules/file/hooks/useS3Upload.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\r\nimport { useAppConfig } from \"../../app/hooks/useAppConfig\";\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: string\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(serverUrlOverride?: string) {\r\n  const { serverUrl } = useAppConfig();\r\n  const resolvedServerUrl = serverUrlOverride ?? 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(\r\n    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 ? `.${extension}` : \"\"}`\r\n          : `${uuid}${extension ? `.${extension}` : \"\"}`;\r\n        const filetype = file instanceof File ? file.type : \"application/octet-stream\";\r\n        const presignedUrl = await getPresignedUrl(filename, filetype, resolvedServerUrl);\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: unknown) {\r\n        setStatus(\"error\");\r\n        setError(err instanceof Error ? err.message : \"Unknown error\");\r\n        return Promise.reject(err);\r\n      }\r\n    },\r\n    [resolvedServerUrl]\r\n  );\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":";;;AAKA,eAAe,gBACb,UACA,UACA,WACiB;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,mBAA4B;CACtD,MAAM,EAAE,cAAc,cAAc;CACpC,MAAM,oBAAoB,qBAAqB;CAC/C,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;AAmEnE,QAAO;EAAE,QAjEM,YACb,OAAO,MAAmB,WAAoB;AAC5C,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,OAAO,YAAY,IAAI,cAAc,OAClD,GAAG,OAAO,YAAY,IAAI,cAAc;IAC5C,MAAM,WAAW,gBAAgB,OAAO,KAAK,OAAO;IACpD,MAAM,eAAe,MAAM,gBAAgB,UAAU,UAAU,kBAAkB;AAEjF,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,KAAc;AACrB,cAAU,QAAQ;AAClB,aAAS,eAAe,QAAQ,IAAI,UAAU,gBAAgB;AAC9D,WAAO,QAAQ,OAAO,IAAI;;KAG9B,CAAC,kBAAkB,CACpB;EASgB;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.mts.map

@@ -1 +1 @@
-{"version":3,"file":"useUpload.d.mts","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"}
+{"version":3,"file":"useUpload.d.mts","names":[],"sources":["../../../../../src/modules/file/hooks/useUpload.ts"],"mappings":";KAGY,YAAA;AAAA,UAEK,cAAA;EACf,EAAA;EACA,IAAA,EAAM,IAAA;EACN,QAAA;EACA,MAAA,EAAQ,YAAA;EACR,YAAA;EACA,aAAA;EACA,UAAA;AAAA;AAAA,iBAqEc,aAAA,CAAA;cAKJ,IAAA,UAAc,IAAA,EAAQ,IAAA,KAAO,OAAA,CAAQ,CAAA;;;;;;;;;;iBAmDjC,kBAAA,CAAA;;;8BA8DO,KAAA,EAAS,IAAA,OAAM,OAAA"}

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

@@ -1 +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"}
+{"version":3,"file":"useUpload.d.ts","names":[],"sources":["../../../../../src/modules/file/hooks/useUpload.ts"],"mappings":";KAGY,YAAA;AAAA,UAEK,cAAA;EACf,EAAA;EACA,IAAA,EAAM,IAAA;EACN,QAAA;EACA,MAAA,EAAQ,YAAA;EACR,YAAA;EACA,aAAA;EACA,UAAA;AAAA;AAAA,iBAqEc,aAAA,CAAA;cAKJ,IAAA,UAAc,IAAA,EAAQ,IAAA,KAAO,OAAA,CAAQ,CAAA;;;;;;;;;;iBAmDjC,kBAAA,CAAA;;;8BA8DO,KAAA,EAAS,IAAA,OAAM,OAAA"}

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

@@ -1,7 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_src_modules_app_hooks_useAppConfig = require("../../app/hooks/useAppConfig.js");
 let react = require("react");
 //#region src/modules/file/hooks/useUpload.ts
-const createUploadPromise = (type, file, callbacks) => {
+const createUploadPromise = (type, file, callbacks, serverUrl) => {
 	return new Promise((resolve, reject) => {
 		const xhr = new XMLHttpRequest();
 		xhr.upload.onprogress = (event) => {
@@ -26,7 +27,7 @@ const createUploadPromise = (type, file, callbacks) => {
 			callbacks.onError(errorMessage);
 			reject(new Error(errorMessage));
 		};
-		xhr.open("POST", `${{}.env.VITE_SERVER_URL}/upload/file/${type}`);
+		xhr.open("POST", `${serverUrl}/upload/file/${type}`);
 		const formData = new FormData();
 		formData.append("file", file);
 		xhr.send(formData);
@@ -41,6 +42,7 @@ const createUploadTask = (file) => ({
 	totalBytes: file.size
 });
 function useFileUpload() {
+	const { serverUrl } = require_src_modules_app_hooks_useAppConfig.useAppConfig();
 	const [uploadTask, setUploadTask] = (0, react.useState)(null);
 	const upload = (0, react.useCallback)(async (type, file) => {
 		setUploadTask(createUploadTask(file));
@@ -68,8 +70,8 @@ function useFileUpload() {
 					progress: 0
 				} : null);
 			}
-		});
-	}, []);
+		}, serverUrl);
+	}, [serverUrl]);
 	const reset = (0, react.useCallback)(() => {
 		setUploadTask(null);
 	}, []);
@@ -80,6 +82,7 @@ function useFileUpload() {
 	};
 }
 function useMultipartUpload() {
+	const { serverUrl } = require_src_modules_app_hooks_useAppConfig.useAppConfig();
 	const [uploadQueue, setUploadQueue] = (0, react.useState)([]);
 	const [overallProgress, setOverallProgress] = (0, react.useState)(0);
 	const updateTask = (0, react.useCallback)((id, changes) => {
@@ -132,8 +135,12 @@ function useMultipartUpload() {
 					progress: 0
 				});
 			}
-		});
-	}, [updateTask, updateOverallProgress]);
+		}, serverUrl);
+	}, [
+		serverUrl,
+		updateTask,
+		updateOverallProgress
+	]);
 	return {
 		uploadQueue,
 		overallProgress,

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

@@ -1 +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,GAAA,EAAA,CAAe,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,kBAAA,GAAA,MAAA,UAAiD,KAAK;CAEzE,MAAM,UAAA,GAAA,MAAA,aAAqB,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,SAAA,GAAA,MAAA,mBAA0B;AAC9B,gBAAc,KAAK;IAClB,EAAE,CAAC;AAEN,QAAO;EACL,GAAG;EACH;EACA;EACD;;AAIH,SAAgB,qBAAqB;CACnC,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,UAA6C,EAAE,CAAC;CACpE,MAAM,CAAC,iBAAiB,uBAAA,GAAA,MAAA,UAAuC,EAAE;CAEjE,MAAM,cAAA,GAAA,MAAA,cAA0B,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,yBAAA,GAAA,MAAA,cAAqC,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,oBAAA,GAAA,MAAA,aACJ,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,cAAA,GAAA,MAAA,aAtBA,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,QAAA,GAAA,MAAA,mBAT8B;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"}
+{"version":3,"file":"useUpload.js","names":["useAppConfig"],"sources":["../../../../../src/modules/file/hooks/useUpload.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\r\nimport { useAppConfig } from \"../../app/hooks/useAppConfig\";\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  serverUrl: string\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\", `${serverUrl}/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 { serverUrl } = useAppConfig();\r\n  const [uploadTask, setUploadTask] = useState<UploadFileTask | null>(null);\r\n\r\n  const upload = useCallback(\r\n    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, serverUrl);\r\n    },\r\n    [serverUrl]\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 { serverUrl } = useAppConfig();\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, serverUrl);\r\n    },\r\n    [serverUrl, 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":"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"}

package/dist/src/modules/file/hooks/useUpload.mjs

@@ -1,6 +1,7 @@
+import { useAppConfig } from "../../app/hooks/useAppConfig.mjs";
 import { useCallback, useState } from "react";
 //#region src/modules/file/hooks/useUpload.ts
-const createUploadPromise = (type, file, callbacks) => {
+const createUploadPromise = (type, file, callbacks, serverUrl) => {
 	return new Promise((resolve, reject) => {
 		const xhr = new XMLHttpRequest();
 		xhr.upload.onprogress = (event) => {
@@ -25,7 +26,7 @@ const createUploadPromise = (type, file, callbacks) => {
 			callbacks.onError(errorMessage);
 			reject(new Error(errorMessage));
 		};
-		xhr.open("POST", `${import.meta.env.VITE_SERVER_URL}/upload/file/${type}`);
+		xhr.open("POST", `${serverUrl}/upload/file/${type}`);
 		const formData = new FormData();
 		formData.append("file", file);
 		xhr.send(formData);
@@ -40,6 +41,7 @@ const createUploadTask = (file) => ({
 	totalBytes: file.size
 });
 function useFileUpload() {
+	const { serverUrl } = useAppConfig();
 	const [uploadTask, setUploadTask] = useState(null);
 	const upload = useCallback(async (type, file) => {
 		setUploadTask(createUploadTask(file));
@@ -67,8 +69,8 @@ function useFileUpload() {
 					progress: 0
 				} : null);
 			}
-		});
-	}, []);
+		}, serverUrl);
+	}, [serverUrl]);
 	const reset = useCallback(() => {
 		setUploadTask(null);
 	}, []);
@@ -79,6 +81,7 @@ function useFileUpload() {
 	};
 }
 function useMultipartUpload() {
+	const { serverUrl } = useAppConfig();
 	const [uploadQueue, setUploadQueue] = useState([]);
 	const [overallProgress, setOverallProgress] = useState(0);
 	const updateTask = useCallback((id, changes) => {
@@ -131,8 +134,12 @@ function useMultipartUpload() {
 					progress: 0
 				});
 			}
-		});
-	}, [updateTask, updateOverallProgress]);
+		}, serverUrl);
+	}, [
+		serverUrl,
+		updateTask,
+		updateOverallProgress
+	]);
 	return {
 		uploadQueue,
 		overallProgress,

package/dist/src/modules/file/hooks/useUpload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useUpload.mjs","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":"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"}
+{"version":3,"file":"useUpload.mjs","names":[],"sources":["../../../../../src/modules/file/hooks/useUpload.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\r\nimport { useAppConfig } from \"../../app/hooks/useAppConfig\";\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  serverUrl: string\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\", `${serverUrl}/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 { serverUrl } = useAppConfig();\r\n  const [uploadTask, setUploadTask] = useState<UploadFileTask | null>(null);\r\n\r\n  const upload = useCallback(\r\n    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, serverUrl);\r\n    },\r\n    [serverUrl]\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 { serverUrl } = useAppConfig();\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, serverUrl);\r\n    },\r\n    [serverUrl, 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":"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"}

package/dist/src/modules/table/hooks/useNuqsTable.d.mts

@@ -1,8 +1,8 @@
 import { RowSelectionState } from "../../../../node_modules/.pnpm/@tanstack_table-core@8.21.2/node_modules/@tanstack/table-core/build/lib/features/RowSelection.mjs";
 import { Updater } from "../../../../node_modules/.pnpm/@tanstack_table-core@8.21.2/node_modules/@tanstack/table-core/build/lib/types.mjs";
 import { NuqsQueryParams } from "./useNuqsQueryParams.mjs";
-import { QueryFilters } from "@m5kdev/commons/modules/schemas/query.schema";
 import { UseQueryOptions, UseQueryResult } from "@tanstack/react-query";
+import { QueryFilters } from "@m5kdev/commons/modules/schemas/query.schema";
 
 //#region src/modules/table/hooks/useNuqsTable.d.ts
 interface TableParams extends NuqsQueryParams {

package/dist/src/modules/table/hooks/useQueryWithParams.d.mts

@@ -1,7 +1,7 @@
 import { GroupingState } from "../../../../node_modules/.pnpm/@tanstack_table-core@8.21.2/node_modules/@tanstack/table-core/build/lib/features/ColumnGrouping.mjs";
 import { NuqsQueryParams } from "./useNuqsQueryParams.mjs";
-import { QueryFilters } from "@m5kdev/commons/modules/schemas/query.schema";
 import { UseQueryOptions, UseQueryResult } from "@tanstack/react-query";
+import { QueryFilters } from "@m5kdev/commons/modules/schemas/query.schema";
 
 //#region src/modules/table/hooks/useQueryWithParams.d.ts
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m5kdev/frontend",
-  "version": "0.16.9",
+  "version": "0.17.0",
   "license": "GPL-3.0-only",
   "repository": {
     "type": "git",
@@ -26,21 +26,42 @@
     "react": "19.2.1",
     "react-dom": "19.2.1",
     "zod": "4.2.1",
-    "@m5kdev/commons": "0.16.9"
+    "@m5kdev/commons": "0.17.0"
   },
   "devDependencies": {
     "@tanstack/react-table": "8.21.2",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
     "@types/luxon": "3.7.1",
+    "@trpc/server": "11.4.3",
     "globals": "16.3.0",
     "tsdown": "0.21.7",
     "typescript": "5.9.2",
     "vite": "7.0.4",
-    "@m5kdev/config": "0.16.9",
-    "@m5kdev/backend": "0.16.9"
+    "@m5kdev/config": "0.17.0",
+    "@m5kdev/backend": "0.17.0"
   },
   "exports": {
+    "./modules/app/components/*": {
+      "import": {
+        "types": "./dist/src/modules/app/components/*.d.mts",
+        "default": "./dist/src/modules/app/components/*.mjs"
+      },
+      "require": {
+        "types": "./dist/src/modules/app/components/*.d.ts",
+        "default": "./dist/src/modules/app/components/*.js"
+      }
+    },
+    "./modules/app/hooks/*": {
+      "import": {
+        "types": "./dist/src/modules/app/hooks/*.d.mts",
+        "default": "./dist/src/modules/app/hooks/*.mjs"
+      },
+      "require": {
+        "types": "./dist/src/modules/app/hooks/*.d.ts",
+        "default": "./dist/src/modules/app/hooks/*.js"
+      }
+    },
     "./modules/auth/components/*": {
       "import": {
         "types": "./dist/src/modules/auth/components/*.d.mts",

package/dist/_virtual/_rolldown/runtime.mjs

@@ -1,13 +0,0 @@
-//#region \0rolldown/runtime.js
-var __defProp = Object.defineProperty;
-var __exportAll = (all, no_symbols) => {
-	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
-	return target;
-};
-//#endregion
-export { __exportAll };