chore: remove streamsaver dependency

Author: eugenioenko

web-app/package-lock.json

@@ -21,8 +21,7 @@
     "clsx": "^2.1.1",
     "native-file-system-adapter": "^3.0.1",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "streamsaver": "^2.0.6"
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.0",
@@ -31,7 +30,6 @@
     "@rollup/plugin-inject": "^5.0.5",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
-    "@types/streamsaver": "^2.0.5",
     "@types/wicg-file-system-access": "^2023.10.5",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/ui": "^3.0.7",

web-app/package.json

@@ -1,23 +1,80 @@
 import { clsx } from 'clsx';
 import { useState, useEffect, type ChangeEvent } from 'react';
-import streamsaver from 'streamsaver';
 import { showSaveFilePicker } from 'native-file-system-adapter';
 import './App.css';
 import { type Chunker, type Source, OpenTDF } from '@opentdf/sdk';
 import { type SessionInformation, OidcClient } from './session.js';
 import { c } from './config.js';
 
-async function toFile(
+/**
+ * Downloads a ReadableStream as a file by collecting its data and triggering a browser download.
+ * Supports aborting via AbortSignal in options.
+ *
+ * @param stream - The ReadableStream of Uint8Array data to download as a file.
+ * @param filename - The name for the downloaded file (default: 'download.tdf').
+ * @param options - Optional StreamPipeOptions, supports AbortSignal for cancellation.
+ * @returns Promise that resolves when the download is triggered or rejects if aborted.
+ */
+export async function toFile(
   stream: ReadableStream<Uint8Array>,
-  filepath = 'download.tdf',
+  filename = 'download.tdf',
   options?: StreamPipeOptions
 ): Promise<void> {
-  const fileStream = streamsaver.createWriteStream(filepath, {
-    writableStrategy: { highWaterMark: 1 },
-    readableStrategy: { highWaterMark: 1 },
-  });
+  // Get a reader for the stream
+  const reader = stream.getReader();
+  const chunks: Uint8Array[] = [];
+  let done = false;
+  let aborted = false;
+  const signal = options?.signal;
+  let abortHandler: (() => void) | undefined;
 
-  return stream.pipeTo(fileStream, options);
+  // Setup abort handling if a signal is provided
+  if (signal) {
+    if (signal.aborted) {
+      throw new DOMException('Aborted', 'AbortError');
+    }
+    abortHandler = () => {
+      aborted = true;
+      reader.cancel();
+    };
+    signal.addEventListener('abort', abortHandler);
+  }
+  try {
+    // Read the stream chunk by chunk
+    while (!done) {
+      if (aborted) {
+        throw new DOMException('Aborted', 'AbortError');
+      }
+      const { value, done: streamDone } = await reader.read();
+      if (value) {
+        chunks.push(value); // Collect each chunk
+      }
+      done = streamDone;
+    }
+  } finally {
+    // Clean up abort event listener
+    if (signal && abortHandler) {
+      signal.removeEventListener('abort', abortHandler);
+    }
+  }
+  if (aborted) {
+    throw new DOMException('Aborted', 'AbortError');
+  }
+  // Create a Blob from the collected chunks
+  const blob = new Blob(chunks);
+  // Create a temporary object URL for the Blob
+  const url = URL.createObjectURL(blob);
+  // Create an anchor element and trigger the download
+  const a = document.createElement('a');
+  a.href = url;
+  a.download = filename;
+  document.body.appendChild(a);
+  a.click();
+  // Clean up the anchor and object URL after download is triggered
+  setTimeout(() => {
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+  }, 0);
 }
 
 function decryptedFileName(encryptedFileName: string): string {