Updated uploadFile readme section

Author: auser

README.md

@@ -479,6 +479,52 @@ this.camera.capture()
 .catch(err => console.error(err));
 ```
 
+To combine the `react-native-camera` plugin with firestack, we recommend setting the `captureTarget` to the `temp` storage path, like so:
+
+```javascript
+<Camera
+  ref={(cam) => {
+    this.camera = cam;
+  }}
+  captureTarget={Camera.constants.CaptureTarget.temp}
+  style={styles.preview}
+  aspect={Camera.constants.Aspect.fill}>
+    <Text style={styles.capture} onPress={this.takePicture.bind(this)}>[CAPTURE]</Text>
+</Camera>
+```
+
+Firestack also gives you the ability to listen for database events on upload. The final parameter the `uploadFile()` function accepts is a callback that will be called anytime a storage event is fired.
+
+The following events are supported:
+
+* upload_progress
+* upload_paused
+* upload_resumed
+
+For example, the `takePicture` function from the example above might look something similar to:
+
+```javascript
+takePicture() {
+  this.camera.capture()
+    .then(({path}) => {
+      const filename = 'photo.jpg'
+      firestack.uploadFile(`photos/${filename}`, path, {
+        contentType: 'image/jpeg',
+        contentEncoding: 'base64',
+      }, (evt) => {
+        console.log('Got an event in JS', evt);
+      })
+      .then((res) => {
+        console.log('result from upload file: ', res);
+      })
+      .catch((err) => {
+        console.log('error happened with uploadFile', err);
+      })
+    })
+    .catch(err => console.error(err));
+}
+```
+
 #### storage attribute
 
 To retrieve a stored file, we can get the url to download it from using the `storage` attribute. This method allows us to call right through to the native JavaScript object provided by the Firebase library:

ios/Firestack/FirestackStorage.m

@@ -41,27 +41,32 @@ @implementation FirestackStorage
     [uploadTask observeStatus:FIRStorageTaskStatusResume handler:^(FIRStorageTaskSnapshot *snapshot) {
         // Upload resumed, also fires when the upload starts
         [self sendJSEvent:STORAGE_UPLOAD_RESUMED props:@{
-                                                   @"ref": snapshot.reference.bucket
-                                                   }];
+                                                         @"eventName": STORAGE_UPLOAD_RESUMED,
+                                                         @"ref": snapshot.reference.bucket
+                                                         }];
     }];
 
     [uploadTask observeStatus:FIRStorageTaskStatusPause handler:^(FIRStorageTaskSnapshot *snapshot) {
         // Upload paused
         [self sendJSEvent:STORAGE_UPLOAD_PAUSED props:@{
-                                                  @"ref": snapshot.reference.bucket
-                                                  }];
+                                                        @"eventName": STORAGE_UPLOAD_PAUSED,
+                                                        @"ref": snapshot.reference.bucket
+                                                        }];
     }];
     [uploadTask observeStatus:FIRStorageTaskStatusProgress handler:^(FIRStorageTaskSnapshot *snapshot) {
         // Upload reported progress
         double percentComplete = 100.0 * (snapshot.progress.completedUnitCount) / (snapshot.progress.totalUnitCount);
 
         [self sendJSEvent:STORAGE_UPLOAD_PROGRESS props:@{
-                                                    @"progress": @(percentComplete || 0.0)
-                                                    }];
+                                                          @"eventName": STORAGE_UPLOAD_PROGRESS,
+                                                          @"progress": @(percentComplete || 0.0)
+                                                          }];
 
     }];
 
     [uploadTask observeStatus:FIRStorageTaskStatusSuccess handler:^(FIRStorageTaskSnapshot *snapshot) {
+        [uploadTask removeAllObservers];
+        
         // Upload completed successfully
         FIRStorageReference *ref = snapshot.reference;
         NSDictionary *props = @{

lib/modules/storage.js

@@ -26,8 +26,29 @@ export class Storage extends Base {
    * @param  {object} metadata An object containing metadata
    * @return {Promise}
    */
-  uploadFile(name, filepath, metadata={}) {
+  uploadFile(name, filepath, metadata={}, cb) {
+    let callback = cb;
+    if (!callback || typeof callback !== 'function') {
+      callback = (evt) => console.log('default callback', evt);
+    }
+
+    const listeners = [];
+    listeners.push(this._addListener('upload_progress', callback));
+    listeners.push(this._addListener('upload_paused', callback));
+    listeners.push(this._addListener('upload_resumed', callback));
     return promisify('uploadFile', FirestackStorage)(this.storageUrl, name, filepath, metadata)
+      .then((res) => {
+        listeners.forEach(this._removeListener);
+        return res;
+      });
+  }
+
+  _addListener(evt, cb) {
+    return FirestackStorageEvt.addListener(evt, cb);
+  }
+
+  _removeListener(evt) {
+    return FirestackStorageEvt.removeListener(evt);
   }
 
   setStorageUrl(url) {