feat: Support binary data in FileSystem API

[ionic-team]

feat: Support binary data in FileSystem API

[imhoffd]

@diachedelic Thanks for the insight. I think a separate HTTP server is a good way to implement this. I'd rather it be in Capacitor core, however. Perhaps all bridge communication could use the server (benchmarking needed).

[izeryab]

Don't think its perfect but somehow i managed to do it like this:

  fetch(jsoncall)
                    .then(res => res.blob()) // Gets the response and returns it as a blob
                    .then(blob => {
                        //saveAs(blob,fileName);
                        //let f = new File([blob],fileName);
                        var reader = new FileReader();//https://developer.mozilla.org/en-US/docs/Web/API/FileReader
                        reader.readAsDataURL(blob);
                        reader.onloadend = function () {
                            var base64data = reader.result;
                                capacitorFilesystem.Filesystem.writeFile({
                                    data: base64data as string,
                                    path: fileName,
                                    directory: capacitorFilesystem.Directory.Data
                                })

                        }
                    });

[diachedelic]

I'd just like to note that I did try to implement this through the webview itself, and could not. See https://issuetracker.google.com/issues/36918490 and https://bugs.webkit.org/show_bug.cgi?id=179077

[diachedelic]

Oh yeah, that would be great. capacitor-blob-writer would be even quicker for smaller payloads if it didn't make a bridge call before every request.

[HarelM]

Would be nice to also be able to download large files straight to the filesystem without the need "pass" through the webview (i.e. FileTransferPlugin capabilities).See my comment in 984 issue as this can crash the app due to out of memory.