Allow to send multiple files at once

[valoricDe]

@iBobik requested it https://github.com/cowbell/sharedrop/issues/64 and here it is 🎉 @GO3LIN Do you want to lay and hand on this? It could still be polished to use the stream support of the jszip library. @szimek Something I should change?

[szimek]

@valoricDe That's awesome!

I deployed it to https://staging.sharedrop.io/ and it seems to work.

A few questions:

• what's the reason for 50MB per file and 200MB per bundle limit? Is it taking too long to bundle files if they are larger?
• after adding multiple files, it says "<peer> is packaging files", but it's misleading, as it's the user who is packaging files, not the peer who will receive these files. maybe it could be changed to e.g. "Bundling files...".
• it would be great to listen to onUpdate callback and show the progress using ProgressBar component (maybe with a different color), though it could be added later in another PR

UPDATE:

• I need to test the file size limits, I'm not sure if they work correctly now
• on my laptop it takes longer to bundle files than to transfer them :/
• I updated it to show a progress bar when bundling files; it works rather well together with streamFiles: true option, otherwise it's updated only after each file; still need to figure out the color as the one I got now is barely visible ;)
• there's a CSS issue with the TIP: ... text, which overflows the available space in the mobile view; the mobile view in general looks rather bad, especially the popups...

I pushed my changed to https://github.com/cowbell/sharedrop/commits/multiple-file-uploads and deployed it to staging. I'll take a look at some basic CSS fixes and then it should be good to go on production!

Also, I really hope to find enough time to try to rewrite it using Next.js and try to use webtorrent library rather than the really old PeerJS with a custom protocol.

[valoricDe]

Hi sry lot to work on. Yes the limits are kind of arbitrary but on my strong macbook 4 50mb files already need 3-4minutes to zip. So I thought it is a good compromise to not accidentically lock yourself when choosing to big files.

Ideally we would use the streaming interface of the jszip package but a lot of the current implementation is based on a file transmission. I would have changed it but I'm not really experienced with ember as I only use ReactJS with Gatbsy or NextJS.

[szimek]

@valoricDe No worries! I deployed your and my changes to https://staging.sharedrop.io/. It's slow, but it works! :) I asked a friend to do some small CSS fixes and once it's done, I'll deploy it to production.

I haven't really used Ember in a very long time either (this app was released over 6 years ago) and that's one of the reasons why I'm considering rewriting it in React. The other is that I couldn't find much info about accessibility in Ember and I don't really want to write accessible components like modals and tooltips from scratch, when there are plenty of existing solutions in React.