feat: added zip functionality

Author: GalvinPython

.gitignore

@@ -7,12 +7,8 @@
 # million
 .million/
 
-# tmp
-tmp/
-
-# site assets in public folder (yes its still publicly accessible)
+# other stuff
 ads.txt
-BingSiteAuth.xml
 
 # private testing stuff :p
 h.ts

bun.lock

@@ -13,6 +13,7 @@
   "dependencies": {
     "@million/lint": "^1.0.14",
     "bun-types": "^1.1.39",
+    "jszip": "^3.10.1",
     "next": "15.1.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",

package.json

@@ -3,6 +3,7 @@
 import React, { useState, useEffect } from "react";
 import { FaCloudUploadAlt, FaDatabase } from "react-icons/fa";
 import initSqlJs from "sql.js";
+import JSZip from "jszip";
 
 import Navbar from "@/components/Navbar";
 import Questions from "@/components/Questions";
@@ -55,9 +56,10 @@ export default function Home() {
 
             const tableNames = tablesResult[0].values.flat() as string[];
 
-            // Fetch data for each table
-            const dbData: { [key: string]: any[] } = {};
-            let jsonContent: { [key: string]: any[] } = {};
+            // Store files for later download
+            const blobs: { name: string; blob: Blob }[] = [];
+            const zip = new JSZip();
+            const jsonContent: { [key: string]: any[] } = {};
 
             for (const table of tableNames) {
                 const result = database.exec(`SELECT * FROM ${table}`);
@@ -70,55 +72,67 @@ export default function Home() {
                         ),
                     );
 
-                    dbData[table] = rows;
+                    if (selectedKeys.has("JSON")) {
+                        jsonContent[table] = rows;
+                    }
 
                     if (selectedKeys.has("CSV")) {
-                        // Convert table data to CSV
                         const csvContent = [
-                            columns.join(","),
+                            columns.join(","), // Header
                             ...rows.map((row) =>
                                 columns.map((col) => row[col]).join(","),
-                            ),
+                            ), // Rows
                         ].join("\n");
 
-                        // Create and download CSV file
-                        const blob = new Blob([csvContent], {
+                        const csvBlob = new Blob([csvContent], {
                             type: "text/csv;charset=utf-8;",
                         });
 
-                        const link = document.createElement("a");
-
-                        link.href = URL.createObjectURL(blob);
-                        link.download = `${table}.csv`;
-                        document.body.appendChild(link);
-                        link.click();
-                        document.body.removeChild(link);
-                    }
-
-                    if (selectedKeys.has("JSON")) {
-                        jsonContent[table] = rows;
+                        blobs.push({ name: `${table}.csv`, blob: csvBlob });
                     }
-                } else {
-                    dbData[table] = [];
                 }
             }
 
-            // Export combined JSON file if selected
             if (selectedKeys.has("JSON")) {
-                const blob = new Blob([JSON.stringify(jsonContent, null, 2)], {
-                    type: "application/json;charset=utf-8;",
-                });
-
-                const link = document.createElement("a");
+                const jsonBlob = new Blob(
+                    [JSON.stringify(jsonContent, null, 2)],
+                    {
+                        type: "application/json;charset=utf-8;",
+                    },
+                );
+
+                blobs.push({ name: "database.json", blob: jsonBlob });
+            }
 
-                link.href = URL.createObjectURL(blob);
-                link.download = `database.json`;
-                document.body.appendChild(link);
-                link.click();
-                document.body.removeChild(link);
+            if (blobs.length === 1) {
+                // Download single file directly
+                const { name, blob } = blobs[0];
+                const url = URL.createObjectURL(blob);
+                const a = document.createElement("a");
+
+                a.href = url;
+                a.download = name;
+                document.body.appendChild(a);
+                a.click();
+                document.body.removeChild(a);
+                URL.revokeObjectURL(url);
+            } else if (blobs.length > 1) {
+                // Create ZIP archive for multiple files
+                blobs.forEach(({ name, blob }) => zip.file(name, blob));
+                zip.generateAsync({ type: "blob" }).then((zipBlob) => {
+                    const zipUrl = URL.createObjectURL(zipBlob);
+                    const a = document.createElement("a");
+
+                    a.href = zipUrl;
+                    a.download = "database_export.zip";
+                    document.body.appendChild(a);
+                    a.click();
+                    document.body.removeChild(a);
+                    URL.revokeObjectURL(zipUrl);
+                });
             }
 
-            console.debug(dbData);
+            console.debug("Exported blobs:", blobs);
         };
 
         reader.readAsArrayBuffer(file);

pages/convert.tsx

@@ -0,0 +1,4 @@
+<?xml version="1.0"?>
+<users>
+	<user>BA7C85D67344474D7785F2AAD744AEC2</user>
+</users>