Add support for wrapping quick uploads in a directory.

[falsechicken]

Maybe in the form of a checkbox or something in the quick upload UI. Would be nice for my uses because if I share a file to another user using a public gateway the filename is not preserved when they try and save the file. This is a bigger problem on Windows because it relies so much on file extensions.

[nunofmn]

Ok, so I want to give a go at this one 👍

So I will try to summarize the current status:

• The Files.add function doesn't implement the wrap-with-directoryoption.
• In go-ipfs this functionality is implemented in the HTTP API and CLI.
• In js-ipfs this functionality is only implemented in CLI. (missing HTTP API and Core).

So the following steps are needed:

• Add wrap-with-directory option to File.add in:
  • js-ipfs - HTTP API and Core Feature: Wrap with directory js-ipfs#1329 (not released yet?)
  • js-ipfs-api ipfs add url wrap doesn't work ipfs-inactive/js-ipfs-http-client#140 (comment)
• Update the tests in interface-ipfs-core (ipfs-inactive/interface-js-ipfs-core@03eec9e)
• Support option in ipfs-companion

I have a working implementation of this option in js-ipfs HTTP API, and I'm working on adding it to js-ipfs Core also.

@lidel from an UX perspective do you think the checkbox field that @falsechicken mentioned is a good option, or could this functionality be activated by default?

[lidel]

Plan A

@nunofmn sounds good to me 👍 the summary and list of steps are very helpful, thanks!
If you are able to add it to the API, that would be beneficial to other projects using js-ipfs-api.
The task is yours – go for it! 🚀

Plan B

Just for the record, here is a backup plan, if extending API turns out to be not feasible:

upload file the old way + assemble wrapping directory manually via object API:

• file add → <file_cid>
• object new unixfs-dir → <dir_cid>
• object path <dir_cid> add-link <filename> <file_cid> → <dir_with_file_cid>
• pin <dir_with_file_cid>

Checkbox for wrapping file with directory

I think we should have an explicit checkbox on the bottom of the upload form.
And it should be checked by default because most of users will want to preserve file name.

Reasons for preserving file name by default:

• better UX for receiver: file type can be infered from file name or extension, looks less scary
• various systems will not load remote content unless URL ends with specific extension
• solves false-positives of mime-type detection when opened in older browsers (eg. SVG being rendered as XML tree etc)

[lidel]

FYI this feature just landed in beta channel: v2.2.2.9320. Implementation details in PR #479.
Big thank you to everyone who contributed necessary changes to upstream libs and specs.

Embedded node does not support it yet, but that will be tracked in #482.