Progressbar improvements

src/plugins/Progress.js → src/plugins/Progressbar.js

@@ -8,7 +8,7 @@ import Plugin from './Plugin'
 export default class Progress extends Plugin {
   constructor (core, opts) {
     super(core, opts)
-    this.type = 'visualizer'
+    this.type = 'progress'
 
     // set default options
     const defaultOptions = {}
@@ -31,20 +31,25 @@ export default class Progress extends Plugin {
   initEvents () {
     this.core.emitter.on('progress', data => {
       const percentage = data.percentage
-      console.log('this is what the progress is: ' + percentage)
+      const plugin = data.plugin
+      console.log(`this is what the progress is: ${percentage}, and its set by ${plugin}`)
       this.progressBar(percentage)
     })
   }
 
-  run (results) {
-    console.log({
-      class: 'Progress',
-      method: 'run',
-      results: results
-    })
-
-    this.initEvents()
-
-    return Promise.resolve(results)
+  // run (results) {
+  //   console.log({
+  //     class: 'Progress',
+  //     method: 'run',
+  //     results: results
+  //   })
+  //
+  //   this.initEvents()
+  //
+  //   return Promise.resolve(results)
+  // }
+
+  install() {
+    return this.initEvents()
   }
 }

src/plugins/Tus10.js

@@ -72,7 +72,8 @@ export default class Tus10 extends Plugin {
 
         // Dispatch progress event
         this.core.emitter.emit('progress', {
-          percentage
+          plugin: this,
+          percentage: percentage
         })
       },
       onSuccess: () => {

src/plugins/index.js

@@ -7,7 +7,7 @@ import Dropbox from './Dropbox'
 import Formtag from './Formtag'
 
 // Visualizers
-import Progress from './Progress'
+import Progressbar from './Progressbar'
 
 // Uploaders
 import Tus10 from './Tus10'
@@ -18,7 +18,7 @@ import TransloaditBasic from './TransloaditBasic'
 
 export default {
   Plugin,
-  Progress,
+  Progressbar,
   DragDrop,
   Dropbox,
   Formtag,

website/src/examples/dragdrop/app.es6

@@ -1,11 +1,11 @@
 import Uppy from 'uppy/core'
-import { DragDrop, Progress, Tus10 } from 'uppy/plugins'
+import { DragDrop, Progressbar, Tus10 } from 'uppy/plugins'
 
 const uppyOne = new Uppy({autoProceed: true, debug: true})
 uppyOne
-  .use(Progress)
   .use(DragDrop, {target: '.UppyDragDrop-One'})
   .use(Tus10, {endpoint: 'http://master.tus.io:8080/files/', progress: '#UppyDragDrop-Two'})
+  .use(Progressbar)
   .run()
 
 // const uppyTwo = new Uppy({debug: true})