Updated core/plugin structure

src/js/core/Transloadit.js

@@ -0,0 +1,49 @@
+export default class Transloadit {
+  constructor(opts) {
+    // Dictates in what order different plugin types are ran:
+    this.types = [ 'presetter', 'selecter', 'uploader' ];
+
+    // Container for different types of plugins
+    this.plugins = {};
+  }
+
+  use(Plugin, opts) {
+    // Instantiate
+    var plugin = new Plugin(this, opts);
+
+    // Save in plugin container
+    if (!this.plugins[plugin.type]) {
+      this.plugins[plugin.type] = [];
+    }
+    this.plugins[plugin.type].push(plugin);
+
+    return this;
+  }
+
+  setProgress(plugin, percentage) {
+    // Any plugin can call this via `this.core.setProgress(this, precentage)`
+    console.log(plugin.type + ' plugin ' + plugin.name + ' set the progress to ' + percentage);
+
+    return this;
+  }
+
+  run() {
+    // Walk over plugins in the order as defined by this.types.
+    var files = []
+    for (var j in this.types) {
+      var type = this.types[j];
+      // Walk over all plugins of this type, passing & modifying the files array as we go
+      for (var i in this.plugins[type]) {
+        var plugin = this.plugins[type][i];
+        console.log('--> Now running ' + plugin.type + ' plugin ' + plugin.name + ': ');
+        files = plugin.run(files);
+        console.dir(files);
+        console.log('');
+      }
+    }
+
+    // core.run is the final step and retuns the results (vs every other method, returning `this`)
+    // for chainability
+    return files;
+  }
+}

src/js/plugins/DragDrop.js

@@ -0,0 +1,14 @@
+export default class DragDrop extends TransloaditPlugin {
+  constructor(core, opts) {
+    super(core, opts);
+    this.type = 'selecter';
+  }
+
+  run(files) {
+    this.core.setProgress(this, 0);
+    var selected = [ {name: 'lolcat.jpeg'} ]
+    this.core.setProgress(this, 100);
+
+    return selected;
+  }
+}

src/js/plugins/TransloaditBasic.js

@@ -0,0 +1,9 @@
+class TransloaditBasic extends TransloaditPlugin {
+  constructor(core, opts) {
+    super(core, opts);
+    this.type = 'presetter';
+    this.core
+      .use(DragDrop, {modal: true, wait: true})
+      .use(Tus10, {endpoint: 'http://master.tus.io:8080'})
+  }
+}

src/js/plugins/TransloaditPlugin.js

@@ -0,0 +1,14 @@
+export default class TransloaditPlugin {
+  // This contains boilerplate that all TransloaditPlugins share - and should not be used
+  // directly. It also shows which methods final plugins should implement/override,
+  // this deciding on structure.
+  constructor(core, opts) {
+    this.core = core;
+    this.opts = opts;
+    this.name = this.constructor.name;
+  }
+
+  run(files) {
+    return files;
+  }
+}

src/js/plugins/Tus10.js

@@ -0,0 +1,20 @@
+export default class Tus10 extends TransloaditPlugin {
+  constructor(core, opts) {
+    super(core, opts);
+    this.type = 'uploader';
+  }
+
+  run(files) {
+    this.core.setProgress(this, 0);
+    var uploaded = [];
+    for (var i in files) {
+      var file = files[i];
+      this.core.setProgress(this, (i * 1) + 1);
+      uploaded[i]     = file;
+      uploaded[i].url = this.opts.endpoint + '/uploaded/' + file.name;
+    }
+    this.core.setProgress(this, 100);
+
+    return uploaded;
+  }
+}