feat(files): Import/export files to textile bucket AP-799

[josephmcg]

What this PR does 📖

• Upload/delete files in 'personal-files' textile bucket.
• After file/folder update, upload a JSON file to bucket which keeps track of directory structure
  • this is done with a recursive import & export. May encounter performance issues eventually, but maybe warp will ease this concern
• context menu allowing for like/share/delete of items in grid view
  • rename is currently todo
  • sharing folder is currently todo, toast will indicate that
  • I made a ticket about this, but the context menu will need a rework to be more dynamic (showing Favorite/un-favorite depending on current file status)
• filesystem.hasChild was only checking the current directory. Now it will check a flattened list of all files which is recursively generated
  • let me know if this algorithm can be optimized

Which issue(s) this PR fixes 🔨
AP-799

Special notes for reviewers 🗒️

• While the directory structure index is being updated, all the files UI will be disabled. If not, it allows for another update request before the current request finishes, which throws an error. We can update the loading ui if it makes the app feel slow
• I want to improve our nsfw check later. I made a ticket about it already, but it will currently reject certain image types as nsfw if they're unable to be scanned (tiff).

Additional comments 🎤

• Ticket mentions removing multiple files at once, this is still todo
• if you delete a folder which has child files, the files will still exist in the bucket. the reference however will be deleted from the index. maybe we should delete everything nested inside, would need more recursion

[netlify]

✔️ Yeeeehaw, deploy preview is ready!

🔨 Explore the source changes: 4c65024

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

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

[phillsatellite]

Tested: Worked good only issue I came across was I would get a crash whenever trying to upload .heic images

[stavares843]

not sure if this is already on your list for other PR but this view is missing a scroll if you upload too many files

also a couple of questions

• are we gonna have a limit of file size to upload? I tried with 100MB and worked
• are we gonna have a limit on the number of files to upload at the same time? I tried 9 and worked

I noticed we don't allow uploading a file with the same name even on different folders, is that on purpose?

Gravacao.do.ecra.2022-02-25.as.00.56.10.mov

also if you have an error and you switch folders, the error is still there

[stavares843]

merging, all of the above can be addressed separately

[josephmcg]

Thanks Sara

• this was focused mostly on grid view, I'll make a ticket for list view scroll.
• idk about file size limit or file number limit. I recall Matt saying 8gb, but that figure may have changed.
• Yes, disallowing the same name in different folders was intentional. The folders are for organization on the client end. They don't exist in the textile bucket, all the files are at the root. If we use the same name, it would overwrite other files
• we can clear errors on a folder change if you like. we can consult ui to see if that's better