From b826c89d2c2bf32988e248bee8f4ce65870fbd2b Mon Sep 17 00:00:00 2001
From: jywarren <jeff@unterbahn.com>
Date: Sat, 11 Mar 2017 10:12:18 -0500
Subject: [PATCH] compiled

---
 dist/image-sequencer.js | 39 +++++++++++++++++++++------------------
 index.html              |  2 +-
 2 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/dist/image-sequencer.js b/dist/image-sequencer.js
index 3e4244c1..caf3c802 100644
--- a/dist/image-sequencer.js
+++ b/dist/image-sequencer.js
@@ -184352,7 +184352,7 @@ module.exports = function ImageSelect(options) {
 
   // this module is unique because it creates the image
   function draw(image) {
-    options.el.html(image);
+    el.html(image);
     if (options.output) options.output(image);
   }
 
@@ -184377,25 +184377,28 @@ module.exports = function ImageThreshold(options) {
   var image;
 
   function draw(inputImage) {
-    var canvas = document.createElement('canvas');
-    canvas.width = inputImage.naturalWidth;
-    canvas.height = inputImage.naturalHeight;
-    var context = canvas.getContext('2d');
-    context.drawImage(inputImage, 0, 0 );
-    var imageData = context.getImageData(0, 0, inputImage.naturalWidth, inputImage.naturalHeight);
+    $(inputImage).load(function(){
+      var canvas = document.createElement('canvas');
+      canvas.width = inputImage.naturalWidth;
+      canvas.height = inputImage.naturalHeight;
+      var context = canvas.getContext('2d');
+      context.drawImage(inputImage, 0, 0);
 
-    var imageThreshold = require('image-filter-threshold');
-    var imageFilterCore = require('image-filter-core');
+      var imageData = context.getImageData(0, 0, canvas.width, canvas.height);
 
-    var result = imageThreshold({
-      data: imageData,
-      threshold: options.threshold
-    }).then(function (imageData) {
-      image = new Image();
-      image.onload = function onLoad() {
-        if (options.output) options.output(image);
-      }
-     image.src = imageFilterCore.convertImageDataToCanvasURL(imageData);
+      var imageThreshold = require('image-filter-threshold');
+      var imageFilterCore = require('image-filter-core');
+
+      var result = imageThreshold({
+        data: imageData,
+        threshold: options.threshold
+      }).then(function (imageData) {
+        image = new Image();
+        image.onload = function onLoad() {
+          if (options.output) options.output(image);
+        }
+       image.src = imageFilterCore.convertImageDataToCanvasURL(imageData);
+      });
     });
   }
 
diff --git a/index.html b/index.html
index 9eee6150..90bacebe 100644
--- a/index.html
+++ b/index.html
@@ -75,7 +75,7 @@
 
           e.preventDefault();
           sequencer.addStep($('.select-module').val());
-          sequencer.run();
+          sequencer.run(); // later we might only run this step, if we can fetch the image output from the previous
 
         });