support ipfsPath function and set the .ipfs property on files.

Author: fiatjaf

README.md

@@ -8,20 +8,41 @@ Both [ipfs](https://www.npmjs.com/package/ipfs) and [dropzone](https://www.npmjs
 const IPFSDropzone = require('ipfs-dropzone')
 
 let dz = IPFSDropzone('#files', {
+  /*
+    the name of the repo which will store the IPFS blocks in the browser.
+    this name will be used by IPFS to create the IndexedDB databases.
+
+    defaults to "ipfs-dropzone"
+  */
   ipfsRepoName: 'filemap.xyz',
-  addRemoveLinks: true,
-  accept: (file, done) => {
-    if (file.size > 50000000) {
-      done('Files must be smaller than 50MB.')
-    } else {
-      done()
-    }
-  }
+
+  /*
+    ipfsPath is a function that takes the dropzone file object
+    and returns a string that will be used as the path when calling
+    https://github.com/ipfs/interface-ipfs-core/blob/master/SPEC/FILES.md#add
+
+    defaults to (file) => file.name
+  */
+  ipfsPath: file => file.name
+
+  // all other options you'll normally pass to dropzone go here.
 })
 
 dz.on('success', file => {
-  console.log('file published to ipfs: ' + file.hash)
+  /*
+    everywhere the normal dropzone file object will now have a
+    property called "ipfs" which contains the result to the call to
+    https://github.com/ipfs/interface-ipfs-core/blob/master/SPEC/FILES.md#add
+  */
+
+  console.log('file published to ipfs: ' + file.ipfs[0].hash)
 
+  /*
+    your dropzone object will also have the property "node", which
+    resolves to the IPFS node the dropzone object is using.
+    it is a Promise because the IPFS node is only initialized at the
+    moment of the first file upload.
+  */
   dz.node.then(ipfs => {
     ipfs.files.cat(file.hash, (err, file) => {
       console.log(file.toString('utf-8'))
@@ -34,12 +55,12 @@ dz.on('success', file => {
 
   * Most normal Dropzone features and events should work, but I'm not sure.
   * There's no way to cancel the process of adding a file.
-  * A IPFS repo will automatically be created in the browser (in a IndexedDB) by js-ipfs, this repo will be named `"dz-ipfs"` if `ipfsRepoName` is not supplied.
   * I don't know how to publish this package in a way all JS transpilers and bundlers out there can understand. Please help me.
+  * Please read the source if something is unclear. The source is really small.
 
 ## Who's using this?
 
-https://filemap.xyz
+  * https://filemap.xyz
 
 ## What is the LICENSE?
 

index.js

@@ -8,7 +8,10 @@ class IPFSDropzone extends Dropzone {
     super(el, options)
 
     this.node = null
-    this.ipfsRepoName = options.ipfsRepoName || 'dz-ipfs'
+    this.ipfsRepoName = options.ipfsRepoName || 'ipfs-dropzone'
+    this.ipfsPath = typeof options.ipfsPath === 'function'
+      ? options.ipfsPath
+      : file => file.name
   }
 
   uploadFiles (files) {
@@ -44,17 +47,18 @@ class IPFSDropzone extends Dropzone {
           let buf = buffers[i]
           let file = files[i]
 
-          node.files.add(buf, {
+          node.files.add({
+            path: this.options.ipfsPath(file),
+            content: buf
+          }, {
             progress: loaded => {
               this._updateFilesUploadProgress([file], null, {
                 loaded: loaded,
                 total: file.size
               })
             }
           }, (err, res) => {
-            let ipfsFile = res[0]
-            file.hash = ipfsFile.hash
-            file.path = ipfsFile.path
+            file.ipfs = res
 
             if (err) {
               this._errorProcessing([file], `ipfs add error: ${err}`)