I have an observable which I use to track files that need to be downloaded. Once added to the observable, it’s downloaded. Once download is complete, remove the item from the observable.
All works except one which for some reason fails.
dlarr.onValueChanged(module, function(item) {
if (item){
console.log("changed=" + item)
var oReq = new XMLHttpRequest();
oReq.open("GET", item, true);
oReq.responseType = "arraybuffer";
oReq.onload = function (oEvent) {
var arrayBuffer = oReq.response;
if (arrayBuffer) {
var fname = item.replace('%2F','/');
fname = fname.substring(fname.lastIndexOf('/')+1,fname.lastIndexOf('.')+4);
var path = FileSystem.dataDirectory + "/" + fname;
FileSystem.writeBufferToFile(path, arrayBuffer);
}
console.log(' I want to remove ' + JSON.stringify(item));
console.log('Downloaded, removing: ' + item);
if (dlarr.contains(item)){dlarr.remove(item);}
var kolku = dlarr.length;
console.log('dlarr.count =' + kolku);
};
oReq.send(null);
}
});
However, I get the following error:
[Viewport]: I want to remove "https://firebasestorage.googleapis.com/v0/b/dont-be-a-tourist.appspot.com/o/Tour_Assets%2Fnonessential.png?alt=media&token=fa47d074-1460-41be-aa4c-24acca67f9c4"
[Viewport]: Downloaded, removing: https://firebasestorage.googleapis.com/v0/b/dont-be-a-tourist.appspot.com/o/Tour_Assets%2Fnonessential.png?alt=media&token=fa47d074-1460-41be-aa4c-24acca67f9c4
[Viewport]: changed=https://firebasestorage.googleapis.com/v0/b/dont-be-a-tourist.appspot.com/o/Tour_Assets%2Fhistorical.png?alt=media&token=9d4b2413-ff71-401e-b7fc-c775206e00be
[Viewport]: dlarr.count =12
[Viewport]: I want to remove "https://firebasestorage.googleapis.com/v0/b/dont-be-a-tourist.appspot.com/o/Tour_Assets%2Fnonessential.png?alt=media&token=fa47d074-1460-41be-aa4c-24acca67f9c4"
[Viewport]: Downloaded, removing: https://firebasestorage.googleapis.com/v0/b/dont-be-a-tourist.appspot.com/o/Tour_Assets%2Fnonessential.png?alt=media&token=fa47d074-1460-41be-aa4c-24acca67f9c4
[Viewport]: Fuse.Scripting.ScriptException: Name: Error: Observable.remove(): item not found
Error message: Uncaught Error: Observable.remove(): item not found
File name: FuseJS/Observable.js
Line number: 892
Source line: throw new Error("Observable.remove(): item not found");
JS stack trace: Error: Observable.remove(): item not found
at ValueObservable.Observable.remove (FuseJS/Observable.js:892:9)
at fuseXMLHttpRequest.oReq.onload (MainView.ux:159:11)
at fuseXMLHttpRequest.dispatch (js/XMLHttpRequest.js:227:27)
at self._fuseHttpRequest.ondone (js/XMLHttpRequest.js:146:13)
at Fuse.Scripting.V8.Context.ThrowPendingExceptions () <0x11e254690 + 0x00054> in <filename unknown>:0
at Fuse.Scripting.V8.Function.Call (System.Object[] args) <0x11e257390 + 0x003dd> in <filename unknown>:0
at Fuse.Reactive.FuseJS.Http+FuseJSHttpRequest.OnDone (Uno.Net.Http.HttpMessageHandlerRequest res) <0x120819bc0 + 0x0009e> in <filename unknown>:0
at Uno.Net.Http.HttpMessageHandlerRequest+DispatchClosure.Run () <0x120819b20 + 0x00066> in <filename unknown>:0
at Fuse.Reactive.ThreadWorker.RunInner () <0x11e251440 + 0x004ba> in <filename unknown>:0
[Viewport]: I want to remove "https://firebasestorage.googleapis.com/v0/b/dont-be-a-tourist.appspot.com/o/Tour_Assets%2Fnonessential.png?alt=media&token=fa47d074-1460-41be-aa4c-24acca67f9c4"
[Viewport]: Downloaded, removing: https://firebasestorage.googleapis.com/v0/b/dont-be-a-tourist.appspot.com/o/Tour_Assets%2Fnonessential.png?alt=media&token=fa47d074-1460-41be-aa4c-24acca67f9c4
[Viewport]: Fuse.Scripting.ScriptException: Name: Error: Observable.remove(): item not found
Error message: Uncaught Error: Observable.remove(): item not found
File name: FuseJS/Observable.js
Line number: 892
Source line: throw new Error("Observable.remove(): item not found");
How is this possible? If’s there to initiate a download, but not there to remove it self afterwards?