Fix/filemanager download (#228)

This pull request updates the application version to 1.5.0 and improves
the file download functionality in the file manager. The most important
changes are:

Version update:

* Bumped the application version from 1.4.0 to 1.5.0 in both
`package.json` and `src/version.js` to keep versioning consistent.
[[1]](diffhunk://#diff-da6498268e99511d9ba0df3c13e439d10556a812881c9d03955b2ef7c6c1c655L3-R3)
[[2]](diffhunk://#diff-d3ccf8195e0a16ec5e975768c8b2ef7132d7e5ffb2bd8806204d7b3c6030bb2eL5-R5)

File download improvements:

* Refactored the `downloadFile` function in `downloadFileAPI.js` to
download each file individually, cleaned up file paths to avoid double
slashes, set the `download` attribute to preserve file names, and added
a small delay between downloads to improve reliability. Also added
better error logging.

Author: gokugiant

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microscope-app",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "private": true,
   "homepage": "/imswitch/ui",
   "dependencies": {

frontend/src/FileManager/api/downloadFileAPI.js

@@ -1,20 +1,45 @@
 import { api } from "./api";
 
 export const downloadFile = async (files, hostname, port) => {
-  if (files.length === 0) return;
+  if (files.length === 0) return { success: [], failed: [] };
 
-  try {
-    // build url based on api
-    const fileQuery = files.map((file) => `${file.path}`).join("&");
-    const url = `${hostname}:${port}/api/FileManager/download/${fileQuery}`; // TODO: Make part of axios instance
+  const result = { success: [], failed: [] };
 
-    const link = document.createElement("a");
-    link.href = url;
+  for (const file of files) {
+    try {
+      // Remove leading slash if present to avoid double slashes
+      const cleanPath = file.path.startsWith("/")
+        ? file.path.slice(1)
+        : file.path;
+      const url = `${hostname}:${port}/imswitch/api/FileManager/download/${cleanPath}`;
 
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-  } catch (error) {
-    return error;
+      const link = document.createElement("a");
+      link.href = url;
+      link.setAttribute("download", file.name);
+
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+
+      result.success.push(file.name);
+
+      // Small delay between downloads
+      await new Promise((resolve) => setTimeout(resolve, 100));
+    } catch (error) {
+      console.error(`Download failed for file "${file.name}":`, error);
+      result.failed.push({ name: file.name, error: error.message });
+    }
   }
+
+  // Log summary
+  if (result.failed.length > 0) {
+    console.warn(
+      `Download completed with errors: ${result.success.length} succeeded, ${result.failed.length} failed`,
+      result.failed,
+    );
+  } else if (result.success.length > 0) {
+    console.log(`All ${result.success.length} file(s) downloaded successfully`);
+  }
+
+  return result;
 };

frontend/src/version.js

@@ -2,4 +2,4 @@
  * Application version - manually synchronized with package.json
  * Update this when bumping version in package.json
  */
-export const APP_VERSION = "1.4.0";
+export const APP_VERSION = "1.5.0";