Implemented chunked uploading. Updated mooncore

Moonlight.Client/wwwroot/index.html

@@ -32,7 +32,6 @@
     <script src="/js/fileManager.js"></script>
     <script src="/js/codeEditor.js"></script>
     <script src="/js/keyBinds.js"></script>
-    <script src="/js/xmlHttpRequest.js"></script>
     <script src="/ace/ace.js"></script>
     <script src="/_framework/blazor.webassembly.js"></script>
     <script>navigator.serviceWorker.register('service-worker.js');</script>

Moonlight.Client/wwwroot/js/downloadService.js

@@ -19,7 +19,7 @@ window.moonCoreDownloadService = {
                     const now = Date.now();
 
                     if (now - lastReportTime >= 500) { // Only log once per second
-                        await reportRef.invokeMethodAsync("ReceiveReport", id, receivedLength, false);
+                        await reportRef.invokeMethodAsync("ReceiveReport", id, receivedLength, -1, false);
                         lastReportTime = now;
                     }
                 }
@@ -31,11 +31,11 @@ window.moonCoreDownloadService = {
             this.downloadBlob(fileName, blob);
 
             if (reportRef)
-                await reportRef.invokeMethodAsync("ReceiveReport", id, receivedLength, true);
-            
+                await reportRef.invokeMethodAsync("ReceiveReport", id, receivedLength, -1, true);
+
             resolve();
         });
-        
+
         await promise;
     },
     downloadUrl: async function (fileName, url, reportRef, id, headers) {
@@ -48,7 +48,7 @@ window.moonCoreDownloadService = {
             for(let headerKey in headers) {
                 loadRequest.setRequestHeader(headerKey, headers[headerKey]);
             }
-            
+
             loadRequest.responseType = "blob";
 
             if (reportRef) {
@@ -56,25 +56,25 @@ window.moonCoreDownloadService = {
                     const now = Date.now();
 
                     if (now - lastReported >= 500) {
-                        await reportRef.invokeMethodAsync("ReceiveReport", id, ev.loaded, false);
+                        await reportRef.invokeMethodAsync("ReceiveReport", id, ev.loaded, ev.total, false);
                         lastReported = now;
                     }
                 };
 
                 loadRequest.onloadend = async ev => {
-                    await reportRef.invokeMethodAsync("ReceiveReport", id, ev.loaded, true);
+                    await reportRef.invokeMethodAsync("ReceiveReport", id, ev.loaded, ev.total, true);
                 }
             }
 
             loadRequest.onload = _ => {
                 this.downloadBlob(fileName, loadRequest.response);
-                
+
                 resolve();
             }
 
             loadRequest.send();
         });
-        
+
         await promise;
     },
     downloadBlob: function (fileName, blob)

Moonlight.Client/wwwroot/js/xmlHttpRequest.js

@@ -1,80 +0,0 @@
-window.moonCoreXmlHttpRequest = {
-    storage: {},
-    initialize: function (trackingId, refObject) {
-        const req = new XMLHttpRequest();
-
-        req.addEventListener("timeout", async ev => {
-            await refObject.invokeMethodAsync("TriggerTimeoutEvent", {
-                "loaded": ev.loaded,
-                "total": ev.total
-            });
-        });
-
-        req.addEventListener("progress", async ev => {
-            await refObject.invokeMethodAsync("TriggerDownloadProgressEvent", {
-                "loaded": ev.loaded,
-                "total": ev.total
-            });
-        });
-
-        req.upload.addEventListener("progress", async ev => {
-            await refObject.invokeMethodAsync("TriggerUploadProgressEvent", {
-                "loaded": ev.loaded,
-                "total": ev.total
-            });
-        });
-
-        req.addEventListener("loadend", async ev => {
-            await refObject.invokeMethodAsync("TriggerLoadedEvent", ev);
-        });
-
-        req.addEventListener("readystatechange", async _ => {
-            await refObject.invokeMethodAsync("TriggerReadyStateChangeEvent", req.readyState);
-        });
-
-        this.storage[trackingId] = req;
-
-        return req;
-    },
-    setProperty: function (trackingId, property, value) {
-        this.storage[trackingId][property] = value;
-        console.log(this.storage[trackingId]);
-    },
-    getProperty: function (trackingId, property) {
-        return this.storage[trackingId][property];
-    },
-    sendStream: async function (trackingId, streamRef) {
-        const stream = await streamRef.stream();
-        const blob = await this.streamToBlob(stream);
-        this.storage[trackingId].send(blob);
-    },
-    sendFile: async function (trackingId, formName, fileName, streamRef) {
-        const stream = await streamRef.stream();
-        const blob = await this.streamToBlob(stream);
-
-        const formData = new FormData();
-        formData.append(formName, blob, fileName);
-
-        this.storage[trackingId].send(formData);
-    },
-    getResponseStream: function (trackingId) {
-        return this.storage[trackingId].response;
-    },
-    dispose: function (trackingId) {
-        this.storage[trackingId] = undefined;
-    },
-    streamToBlob: async function (stream) {
-        const reader = stream.getReader();
-
-        let chunks = [];
-
-        while (true) {
-            const {done, value} = await reader.read();
-            if (done) break;
-
-            chunks.push(value);
-        }
-
-        return new Blob(chunks);
-    }
-}