Add ability to export multiple .torrents at once (#8230)

Author: egbertbouman

src/tribler/ui/package-lock.json

@@ -32,6 +32,7 @@
     "i18next": "^23.11.4",
     "javascript-time-ago": "^2.5.10",
     "js-cookie": "^3.0.5",
+    "jszip": "^3.10.1",
     "lucide-react": "^0.292.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

src/tribler/ui/package.json

@@ -10,8 +10,9 @@ import zh from 'javascript-time-ago/locale/zh'
 import Cookies from "js-cookie";
 import { useTranslation } from "react-i18next";
 import { triblerService } from "@/services/tribler.service";
-import { FileTreeItem } from "@/models/file.model";
+import { FileLink, FileTreeItem } from "@/models/file.model";
 import { CheckedState } from "@radix-ui/react-checkbox";
+import JSZip from "jszip";
 
 TimeAgo.setDefaultLocale(en.locale)
 TimeAgo.addLocale(en)
@@ -225,3 +226,29 @@ export const getSelectedFilesFromTree = (tree: FileTreeItem, included: boolean =
         selectedFiles.push(tree.index);
     return selectedFiles;
 }
+
+export function downloadFile(file: FileLink) {
+    var link = document.createElement("a");
+    link.download = file.name;
+    link.href = file.uri;
+    link.click();
+}
+
+export async function downloadFilesAsZip(files: FileLink[], zipName: string) {
+    const zip = new JSZip();
+    for (let i = 0; i < files.length; i++) {
+        const response = await fetch(files[i].uri);
+        if (response.status != 200) continue;
+        const blob = await response.blob();
+
+        zip.file(files[i].name, blob);
+
+        if (i == files.length - 1) {
+            const zipData = await zip.generateAsync({ type: "blob" });
+            const link = document.createElement("a");
+            link.href = window.URL.createObjectURL(zipData);
+            link.download = zipName;
+            link.click();
+        }
+    }
+}

src/tribler/ui/src/lib/utils.ts

@@ -19,3 +19,8 @@ export interface FileTreeItem {
     included?: CheckedState;
     subRows?: FileTreeItem[];
 }
+
+export interface FileLink {
+    uri: string;
+    name: string;
+}