feat(files): encrypted bucket for personal files

[josephmcg]

🔴 Breaking change - need to open a new account or files won't be encrypted

What this PR does 📖

• encrypt bucket
• store thumbnails of image files as base64 in files index
  • This allows image previews without downloading the whole image
  • images are scaled down using skaler package before conversion to base64
• download file and store as File in fileSystem class on more fullscreen view. show loader until dl is ready
• fix issue where a user could change folders mid upload, causing bugs

Which issue(s) this PR fixes 🔨
AP-984, AP-955, AP-970

Special notes for reviewers 🗒️

• appreciate everyone's feedback, I was able to make the whole process much smoother
• disabled sharing functionality until I figure out how to handle that. It seems like we probably have to move files to an unencrypted bucket to share them
• temporarily removing FileSystem tests after adding skaler. jest doesn't play well with canvas, unsure of how to fix it
• we won't use things like ipfs hash for encrypted buckets, but we may for unencrypted. I left it for now, may remove later

Additional comments 🎤

[netlify]

✔️ Yeeeehaw, deploy preview is ready!

🔨 Explore the source changes: eba668e

🔍 Inspect the deploy log: https://app.netlify.com/sites/adoring-edison-dbcef8/deploys/622a24eee75b9f0008d6da9b

😎 Browse the preview: https://deploy-preview-1790--adoring-edison-dbcef8.netlify.app

[WanderingHogan]

@josephmcg Can you generate thumnails, and only pull/decrypt those on a per folder basis so the slow feeling for the user is reduced as much as possible, and don't decrypt any full size files until the user goes to download, or, in the future, share them?

[josephmcg]

@WanderingHogan Also a good idea. I'll play around with it today

[josephmcg]

Thanks Phill,

I made a mistake on my guard clause, so svg and heic were both broken. should be better now

I've had issues with that svg in particular as well. I think there's some sort of encoding issue in the header. I adjusted a line in the file then in started working. shared updated version below. it needed xmlns:xlink="http://www.w3.org/1999/xlink"
I've tried other svgs as well (like the one below) and it's been working fine.

[josephmcg]

at the moment, we're only supporting the embeddable image types as well as heic since everyone and their mother has an iphone.

We could certainly look into adding a thumbnail for videos, maybe even pdfs in a different ticket

[phillsatellite]

Hi Joe! I tested again and found something kinda strange, so I uploaded a AVIF and the thumbnail/preview was a still picture, I think uploaded the same file to Dev.Satellite.one and the thumbnail and preview were both animated

local.to.dev.satellite.mov

[josephmcg]

good catch, that seems like a minor issue we could address in a separate ticket. I'd love to get this merged so I can work on additional features.

In the preview, we're no longer accessing the original file. I stored a thumbnail of the image as a base64 string inside the index file. In order to view encrypted files, you would need to pull them down first - slowing performance a bit.

Currently, it will only download the full file if you click and check the full screen view.

[WanderingHogan]

good job Joe, nice to see this stuff coming together

[stavares843]

added 2 tickets for andre to take a look at the jest related things

AP-1061
AP-1062