Updated mooncore dependencies. Improved ux for the system file manager

Moonlight.Client/wwwroot/js/downloadService.js

@@ -1,33 +1,84 @@
 window.moonCoreDownloadService = {
     download: async function (fileName, contentStreamReference, id, reportRef) {
+        const promise = new Promise(async resolve => {
+            const stream = await contentStreamReference.stream();
+            const reader = stream.getReader();
 
-        const stream = await contentStreamReference.stream();
-        const reader = stream.getReader();
+            let lastReportTime = 0;
+            let receivedLength = 0; // Track downloaded size
+            let chunks = []; // Store downloaded chunks
 
-        let lastReportTime = 0;
-        let receivedLength = 0; // Track downloaded size
-        let chunks = []; // Store downloaded chunks
+            while (true) {
+                const {done, value} = await reader.read();
+                if (done) break;
 
-        while (true) {
-            const { done, value } = await reader.read();
-            if (done) break;
+                chunks.push(value);
+                receivedLength += value.length;
 
-            chunks.push(value);
-            receivedLength += value.length;
+                if (reportRef) {
+                    const now = Date.now();
 
-            if(reportRef)
-            {
-                const now = Date.now();
-
-                if (now - lastReportTime >= 500) { // Only log once per second
-                    await reportRef.invokeMethodAsync("ReceiveReport", id, receivedLength, false);
-                    lastReportTime = now;
+                    if (now - lastReportTime >= 500) { // Only log once per second
+                        await reportRef.invokeMethodAsync("ReceiveReport", id, receivedLength, false);
+                        lastReportTime = now;
+                    }
                 }
             }
-        }
 
-        // Combine chunks into a single Blob
-        const blob = new Blob(chunks);
+            // Combine chunks into a single Blob
+            const blob = new Blob(chunks);
+
+            this.downloadBlob(fileName, blob);
+
+            if (reportRef)
+                await reportRef.invokeMethodAsync("ReceiveReport", id, receivedLength, true);
+            
+            resolve();
+        });
+        
+        await promise;
+    },
+    downloadUrl: async function (fileName, url, reportRef, id, headers) {
+        const promise = new Promise(async resolve => {
+            let loadRequest = new XMLHttpRequest();
+            let lastReported = Date.now();
+
+            loadRequest.open("GET", url, true);
+
+            for(let headerKey in headers) {
+                loadRequest.setRequestHeader(headerKey, headers[headerKey]);
+            }
+            
+            loadRequest.responseType = "blob";
+
+            if (reportRef) {
+                loadRequest.onprogress = async ev => {
+                    const now = Date.now();
+
+                    if (now - lastReported >= 500) {
+                        await reportRef.invokeMethodAsync("ReceiveReport", id, ev.loaded, false);
+                        lastReported = now;
+                    }
+                };
+
+                loadRequest.onloadend = async ev => {
+                    await reportRef.invokeMethodAsync("ReceiveReport", id, ev.loaded, true);
+                }
+            }
+
+            loadRequest.onload = _ => {
+                this.downloadBlob(fileName, loadRequest.response);
+                
+                resolve();
+            }
+
+            loadRequest.send();
+        });
+        
+        await promise;
+    },
+    downloadBlob: function (fileName, blob)
+    {
         const url = URL.createObjectURL(blob);
 
         // Trigger file download
@@ -39,8 +90,5 @@ window.moonCoreDownloadService = {
 
         document.body.removeChild(anchor);
         URL.revokeObjectURL(url);
-
-        if(reportRef)
-            await reportRef.invokeMethodAsync("ReceiveReport", id, receivedLength, true);
     }
 }

Moonlight.Client/wwwroot/js/fileManager.js

@@ -18,10 +18,10 @@ window.moonCoreFileManager = {
 
         if(!nextItem)
             return null;
-
+        
         let file;
         let path;
-
+        
         if(nextItem instanceof File)
         {
             file = nextItem;
@@ -32,7 +32,7 @@ window.moonCoreFileManager = {
             file = await this.openFileEntry(nextItem);
             path = nextItem.fullPath;
         }
-
+        
         if(file.size === 0)
         {
             return {
@@ -41,9 +41,9 @@ window.moonCoreFileManager = {
                 left: this.uploadCache.length
             }
         }
-
+        
         let stream = await this.createStreamRef(file);
-
+        
         return {
             path: path,
             stream: stream,
@@ -57,7 +57,7 @@ window.moonCoreFileManager = {
 
         if(streamRefData == null)
             return {path: item.fullPath, streamRef: null};
-
+        
         return {
             path: item.fullPath,
             streamRef: streamRefData.stream,
@@ -96,7 +96,7 @@ window.moonCoreFileManager = {
     },
     setup: function (id, callbackRef) {
         this.ref = callbackRef;
-
+        
         // Check which features are supported by the browser
         const supportsFileSystemAccessAPI =
             'getAsFileSystemHandle' in DataTransferItem.prototype;