@muhgholy/next-drive 3.1.0 → 3.2.1

package/dist/client/components/drive/upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../../../src/client/components/drive/upload.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AA0E7D,eAAO,MAAM,WAAW,GAAI,OAAO,QAAQ,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,sBAgQD,CAAC"}
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../../../src/client/components/drive/upload.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AA8G7D,eAAO,MAAM,WAAW,GAAI,OAAO,QAAQ,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,sBAoQD,CAAC"}

package/dist/client/hooks/useUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUpload.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/useUpload.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAYxD,eAAO,MAAM,SAAS,GAAI,aAAa,MAAM,EAAE,iBAAiB,MAAM,GAAG,IAAI,EAAE,kBAAiB,OAAe,EAAE,mBAAmB,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;;yBAgKrG,IAAI,EAAE,YAAY,MAAM,GAAG,IAAI;uBAuB9D,MAAM;;CA+CxB,CAAC"}
+{"version":3,"file":"useUpload.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/useUpload.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAYxD,eAAO,MAAM,SAAS,GAAI,aAAa,MAAM,EAAE,iBAAiB,MAAM,GAAG,IAAI,EAAE,kBAAiB,OAAe,EAAE,mBAAmB,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;;yBAiKrG,IAAI,EAAE,YAAY,MAAM,GAAG,IAAI;uBAuB9D,MAAM;;CA+CxB,CAAC"}

package/dist/client/index.js

@@ -304,8 +304,9 @@ var useUpload = (apiEndpoint, activeAccountId, withCredentials = false, onUpload
     try {
       const headers = {};
       if (activeAccountId) headers["x-drive-account"] = activeAccountId;
-      addLog(uploadId, "info", `Sending chunk to ${apiEndpoint}?action=upload`);
-      const response = await fetch(`${apiEndpoint}?action=upload`, {
+      const url = `${apiEndpoint.replace(/\/$/, "")}?action=upload`;
+      addLog(uploadId, "info", `Sending chunk to ${url}`);
+      const response = await fetch(url, {
         method: "POST",
         body: formData,
         headers,
@@ -440,7 +441,7 @@ var useUpload = (apiEndpoint, activeAccountId, withCredentials = false, onUpload
       }
       const upload = uploads.find((u) => u.id === id);
       if (upload?.driveId) {
-        fetch(`${apiEndpoint}?action=cancel&id=${upload.driveId}`, {
+        fetch(`${apiEndpoint.replace(/\/$/, "")}?action=cancel&id=${upload.driveId}`, {
           method: "POST",
           credentials: withCredentials ? "include" : "same-origin"
         }).catch(() => {
@@ -2049,8 +2050,46 @@ var UploadStatusIcon = (props) => {
 var LogViewerDialog = (props) => {
   const { upload, open, onOpenChange } = props;
   const logs = upload.logs || [];
+  const handleCopy = () => {
+    const logText = logs.map((log) => `[${new Date(log.timestamp).toLocaleTimeString()}] ${log.type.toUpperCase()}: ${log.message}`).join("\n");
+    navigator.clipboard.writeText(logText);
+  };
+  const handleDownload = () => {
+    const logText = logs.map((log) => `[${new Date(log.timestamp).toLocaleTimeString()}] ${log.type.toUpperCase()}: ${log.message}`).join("\n");
+    const blob = new Blob([logText], { type: "text/plain" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${upload.name}-logs.txt`;
+    a.click();
+    URL.revokeObjectURL(url);
+  };
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-lg p-0 gap-0 max-h-[85vh] flex flex-col", children: [
     /* @__PURE__ */ jsx(DialogHeader, { className: "px-4 py-3 border-b", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-base truncate", children: upload.name }) }),
+    /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-10 bg-background px-4 py-2 border-b flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "outline",
+          onClick: handleCopy,
+          disabled: logs.length === 0,
+          children: "Copy"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "outline",
+          onClick: handleDownload,
+          disabled: logs.length === 0,
+          children: "Download"
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-2", children: [
       logs.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground text-center py-8", children: "No logs available" }),
       logs.map((log, index) => /* @__PURE__ */ jsxs(
@@ -2087,6 +2126,8 @@ var DriveUpload = (props) => {
   const [isDragging, setIsDragging] = useState(false);
   const [showUploadsDialog, setShowUploadsDialog] = useState(false);
   const [logViewerUpload, setLogViewerUpload] = useState(null);
+  const [manuallyOpened, setManuallyOpened] = useState(false);
+  const hasAutoClosedRef = useRef(false);
   const inputRef = useRef(null);
   const { currentFolderId, setItems, apiEndpoint, activeAccountId, withCredentials, fetchItems, isLoading } = useDrive();
   const { uploads, uploadFiles, cancelUpload, cancelAllUploads } = useUpload(apiEndpoint, activeAccountId, withCredentials, (uploadedItem) => {
@@ -2096,17 +2137,18 @@ var DriveUpload = (props) => {
     onComplete?.(uploadedItem);
   });
   React3__default.useEffect(() => {
-    if (!showUploadsDialog || uploads.length === 0) return;
+    if (!showUploadsDialog || uploads.length === 0 || manuallyOpened || hasAutoClosedRef.current) return;
     const allFinished = uploads.every(
       (u) => ["complete", "error", "cancelled"].includes(u.status)
     );
     if (allFinished) {
       const timer = setTimeout(() => {
         setShowUploadsDialog(false);
+        hasAutoClosedRef.current = true;
       }, 2e3);
       return () => clearTimeout(timer);
     }
-  }, [uploads, showUploadsDialog]);
+  }, [uploads, showUploadsDialog, manuallyOpened]);
   const filterFiles = useCallback((files) => {
     if (!accept) return files;
     return files.filter((file) => matchesMimeFilter(file.type, false, accept));
@@ -2116,6 +2158,7 @@ var DriveUpload = (props) => {
     const filteredFiles = filterFiles(Array.from(files));
     if (filteredFiles.length === 0) return;
     uploadFiles(filteredFiles, currentFolderId);
+    setManuallyOpened(false);
     setShowUploadsDialog(true);
   }, [uploadFiles, currentFolderId, filterFiles]);
   const handleDrag = useCallback((e, dragging) => {
@@ -2262,7 +2305,10 @@ var DriveUpload = (props) => {
             type: "button",
             variant: "outline",
             size: "sm",
-            onClick: () => setShowUploadsDialog(true),
+            onClick: () => {
+              setManuallyOpened(true);
+              setShowUploadsDialog(true);
+            },
             children: [
               activeUploads.length > 0 ? /* @__PURE__ */ jsx(Loader2, { className: "!size-4 shrink-0 animate-spin" }) : /* @__PURE__ */ jsx(CheckCircle2, { className: "!size-4 shrink-0" }),
               /* @__PURE__ */ jsx("span", { children: activeUploads.length > 0 ? `(${activeUploads.length})` : "Status" })
@@ -2312,7 +2358,10 @@ var DriveUpload = (props) => {
         ]
       }
     ),
-    hasUploadsInProgress && /* @__PURE__ */ jsx("div", { className: "mt-4 text-center", children: /* @__PURE__ */ jsx(Button, { variant: "link", onClick: () => setShowUploadsDialog(true), children: "View Upload Progress" }) }),
+    hasUploadsInProgress && /* @__PURE__ */ jsx("div", { className: "mt-4 text-center", children: /* @__PURE__ */ jsx(Button, { variant: "link", onClick: () => {
+      setManuallyOpened(true);
+      setShowUploadsDialog(true);
+    }, children: "View Upload Progress" }) }),
     renderDialog(),
     logViewerUpload && /* @__PURE__ */ jsx(
       LogViewerDialog,