Fixed progress and added toArray

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mobx-rest",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "REST conventions for mobx.",
   "repository": {
     "type": "git",

src/Collection.js

@@ -49,6 +49,14 @@ export default class Collection<T: Model> {
     return toJS(this.models)
   }
 
+  /**
+   * Returns a shallow array representation
+   * of the collection
+   */
+  toArray () {
+    return this.models.slice()
+  }
+
   /**
    * Questions whether the request exists
    * and matches a certain label

src/Model.js

@@ -202,10 +202,19 @@ export default class Model {
       data = Object.assign({}, originalAttributes, attributes)
     }
 
+    const onProgress = debounce(function onProgress (progress) {
+      if (optimistic && this.request) {
+        this.request.progress = progress
+      }
+    }, 300)
+
     const { promise, abort } = apiClient().put(
       this.url(),
       data,
-      { method: patch ? 'PATCH' : 'PUT' }
+      {
+        method: patch ? 'PATCH' : 'PUT',
+        onProgress
+      }
     )
 
     if (optimistic) this.set(newAttributes)

src/Request.js

@@ -5,11 +5,11 @@ import type { Label } from './types'
 export default class Request {
   label: Label
   abort: () => void
-  progress: number
+  @observable progress: number = 0
 
   constructor (label: Label, abort: () => void, progress: number) {
     this.label = label
     this.abort = abort
-    this.progress = observable(progress)
+    this.progress = progress
   }
 }