fix download

app/api/me/projects/[namespace]/[repoId]/download/route.ts

@@ -49,21 +49,18 @@ export async function GET(
       name: `${namespace}/${repoId}`,
     };
 
-    // Create a new JSZip instance
     const zip = new JSZip();
 
-    // Iterate through all files in the repo
     for await (const fileInfo of listFiles({ 
       repo, 
-      accessToken: user.token as string 
+      accessToken: user.token as string, 
+      recursive: true,
     })) {
-      // Skip directories and hidden files
       if (fileInfo.type === "directory" || fileInfo.path.startsWith(".")) {
         continue;
       }
 
       try {
-        // Download the file
         const blob = await downloadFile({ 
           repo, 
           accessToken: user.token as string, 
@@ -72,17 +69,14 @@ export async function GET(
         });
 
         if (blob) {
-          // Add file to zip
           const arrayBuffer = await blob.arrayBuffer();
           zip.file(fileInfo.path, arrayBuffer);
         }
       } catch (error) {
         console.error(`Error downloading file ${fileInfo.path}:`, error);
-        // Continue with other files even if one fails
       }
     }
 
-    // Generate the ZIP file as a Blob
     const zipBlob = await zip.generateAsync({ 
       type: "blob",
       compression: "DEFLATE",
@@ -91,11 +85,9 @@ export async function GET(
       }
     });
 
-    // Create the filename from the project name
     const projectName = `${namespace}-${repoId}`.replace(/[^a-zA-Z0-9-_]/g, '_');
     const filename = `${projectName}.zip`;
 
-    // Return the ZIP file
     return new NextResponse(zipBlob, {
       headers: {
         "Content-Type": "application/zip",
@@ -104,7 +96,6 @@ export async function GET(
       },
     });
   } catch (error: any) {
-    console.error("Error creating ZIP:", error);
     return NextResponse.json(
       { ok: false, error: error.message || "Failed to create ZIP file" },
       { status: 500 }

components/my-projects/project-card.tsx

@@ -17,6 +17,7 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { ProjectType } from "@/types";
+import { toast } from "sonner";
 
 // from-red-500 to-red-500
 // from-yellow-500 to-yellow-500
@@ -44,8 +45,49 @@ export function ProjectCard({
     }
   };
 
-  const handleDownload = () => {
-    window.open(`/deepsite/api/me/projects/${project.name}/download`, "_blank");
+  const handleDownload = async () => {
+    try {
+      toast.info("Preparing download...");
+
+      // Fetch with credentials to ensure cookies are sent
+      const response = await fetch(
+        `/deepsite/api/me/projects/${project.name}/download`,
+        {
+          credentials: "include",
+          headers: {
+            Accept: "application/zip",
+          },
+        }
+      );
+
+      if (!response.ok) {
+        const error = await response
+          .json()
+          .catch(() => ({ error: "Download failed" }));
+        toast.error(error.error || "Failed to download project");
+        return;
+      }
+
+      // Create blob from response
+      const blob = await response.blob();
+
+      // Create download link
+      const url = window.URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = `${project.name.replace(/\//g, "-")}.zip`;
+      document.body.appendChild(link);
+      link.click();
+
+      // Cleanup
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(url);
+
+      toast.success("Download started!");
+    } catch (error) {
+      console.error("Download error:", error);
+      toast.error("Failed to download project");
+    }
   };
   // from-gray-600 to-gray-600
   // from-blue-600 to-blue-600