mistake

.github/ISSUE_TEMPLATE.md

@@ -10,7 +10,7 @@
 
 ### Please show us where to look
 
-https://beta.sequencer.publiclab.org
+http://sequencer.publiclab.org...
 
 
 ### What's your PublicLab.org username?

.github/config.yml

@@ -17,7 +17,7 @@ newPRWelcomeComment: |
 # Comment to be posted to on pull requests merged by a first time user
 firstPRMergeComment: |
  Congrats on merging your first pull request! 🙌🎉⚡️ 
- Your code will be published to https://beta.sequencer.publiclab.org in a day or two. 
+ Your code will likely be published to https://sequencer.publiclab.org in the next few days. 
  In the meantime, can you tell us your Twitter handle so we can thank you properly?
  Now that you've completed this, you can help someone else take their first step!
  See: [Public Lab's coding community!](https://code.publiclab.org)

CONTRIBUTING.md

@@ -11,7 +11,6 @@ Most contribution (we imagine) would be in the form of API-compatible modules, w
 * [Contributing Modules](#contributing-modules)
 * [Info File](#info-file)
 * [Ideas](#Contribution-ideas)
-* [Grunt Tasks](#grunt-tasks)
 
 ****
 
@@ -63,8 +62,6 @@ Image Sequencer modules are designed to be run either in the browser or in a Nod
 
 https://github.com/tech4gt/image-sequencer
 
-### Browser/node compatibility
-
 If you wish to offer a module without browser-compatibility, please indicate this in the returned `info` object as:
 
 module.exports = [
@@ -348,17 +345,4 @@ module.exports =
             }
         }
     });
-```
-
-## Grunt Tasks
-This repository has different grunt tasks for different uses. The source code is in the [Gruntfile](https://github.com/publiclab/image-sequencer/blob/main/Gruntfile.js).
-
-The following command is used for running the tasks: `grunt [task-name]`. Here `[task-name]` should be replaced by the name of the task to be run. To run the default task run `grunt` without any options.
-
-#### Tasks
-1. **compile**: Compiles/Browserifies the dist files in `/dist/image-sequencer.js` and `/dist/image-sequencer-ui.js`.
-2. **build**: Compiles the files as in the **compile** task and minifies/uglifies dist files in `/dist/image-sequencer.min.js` and `/dist/image-sequencer-ui.min.js`.
-3. **watch**: Checks for any changes in the source code and runs the **compile** task if any changes are found.
-4. **serve**: Compiles the dist files as in the **compile** task and starts a local server on `localhost:3000` to host the demo site in `/examples/` directory. Also runs the **watch** task.
-5. **production**: Compiles and minifies dist files in `/dist/image-sequencer.js` and `/dist/image-sequencer-ui.js` without the `.min.js` extension to include minified files in the demo site. This script should only be used in production mode while deploying.
-6. **default**: Runs the **watch** task as default.
+```

Gruntfile.js

@@ -16,7 +16,7 @@ module.exports = function(grunt) {
       },
       source: {
         files: ["src/**/*", "Gruntfile.js", "examples/lib/*","examples/demo.js"],
-        tasks: ["compile"]
+        tasks: ["browserify"]
       }
     },
 
@@ -28,14 +28,6 @@ module.exports = function(grunt) {
       ui: {
         src: ["examples/demo.js"],
         dest: "dist/image-sequencer-ui.js"
-      },
-      prodcore: {
-        src: ["src/ImageSequencer.js"],
-        dest: "dist/image-sequencer.brow.js"
-      },
-      produi: {
-        src: ["examples/demo.js"],
-        dest: "dist/image-sequencer-ui.brow.js"
       }
     },
 
@@ -47,14 +39,6 @@ module.exports = function(grunt) {
       ui: {
         src: ['dist/image-sequencer-ui.js'],
         dest: 'dist/image-sequencer-ui.min.js'
-      },
-      prodcore: {
-        src: ["dist/image-sequencer.brow.js"],
-        dest: "dist/image-sequencer.js"
-      },
-      produi: {
-        src: ["dist/image-sequencer-ui.brow.js"],
-        dest: "dist/image-sequencer-ui.js"
       }
     },
     browserSync: {
@@ -69,8 +53,7 @@ module.exports = function(grunt) {
 
   /* Default (development): Watch files and build on change. */
   grunt.registerTask("default", ["watch"]);
-  grunt.registerTask("build", ["browserify:core", "browserify:ui", "uglify:core", "uglify:ui"]);
-  grunt.registerTask("serve", ["browserify:core", "browserify:ui", "browserSync", "watch"]);
-  grunt.registerTask("compile", ["browserify:core", "browserify:ui"]);
-  grunt.registerTask("production", ["browserify:prodcore", "browserify:produi", "uglify:prodcore", "uglify:produi"]);
+  grunt.registerTask("build", ["browserify", "uglify"]);
+  grunt.registerTask("serve", ["browserify", "browserSync", "watch"]);
+  grunt.registerTask("compile", ["browserify"]);
 };

README.md

@@ -1,12 +1,8 @@
 Image Sequencer
 ====
 
-
 [![Build Status](https://travis-ci.org/publiclab/image-sequencer.svg?branch=master)](https://travis-ci.org/publiclab/image-sequencer)
 
-**Latest Stable Demo**: https://sequencer.publiclab.org
-**Latest Beta Demo**: https://beta.sequencer.publiclab.org
-
 ## Why
 
 Image Sequencer is different from other image processing systems because it's _non-destructive_: instead of modifying the original image, it **creates a new image at each step in a sequence**. This is because it:

dist/image-sequencer-ui.js

@@ -80,8 +80,8 @@ window.onload = function() {
     newStep = $(this).attr('data-value');
     //$("#addStep option[value=" + newStep + "]").attr('selected', 'selected');
     $("#addStep select").val(newStep);
-    ui.selectNewStepUi(newStep);
-    ui.addStepUi(newStep);
+    ui.selectNewStepUi();
+    ui.addStepUi();
     $(this).removeClass('selected');
   });
 
@@ -291,7 +291,6 @@ function DefaultHtmlSequencerUi(_sequencer, options) {
 
   function selectNewStepUi() {
     var m = $(addStepSel + " select").val();
-    if(!m) m = arguments[0];
     $(addStepSel + " .info").html(_sequencer.modulesInfo(m).description);
     $(addStepSel + " #add-step-btn").prop("disabled", false);
   }
@@ -309,8 +308,6 @@ function DefaultHtmlSequencerUi(_sequencer, options) {
     if ($(addStepSel + " select").val() == "none") return;
 
     var newStepName = $(addStepSel + " select").val();
-  
-    if(!newStepName) newStepName = arguments[0]
 
     /*
     * after adding the step we run the sequencer from defined step
@@ -385,21 +382,21 @@ function DefaultHtmlStepUi(_sequencer, options) {
     step.ui =
       '\
       <div class="container">\
-    <div class="row step">\
+    <div class="row step" style="display:flex">\
     <form class="input-form">\
-    <div class="col-md-4 details">\
+    <div class="col-md-4 details" style="flex:1">\
     <h3>\
     <span class = "toggle">' +step.name + ' <i class="fa fa-caret-up toggleIcon" aria-hidden="true"></i></span>' +
     '<span class="load-spin" style="display:none;"><i class="fa fa-circle-o-notch fa-spin"></i></span>' +
-    '</h3><div class="cal collapse in"><p><i>"'+
+    '</h3><div class="cal"><p><i>"'+
       (step.description || "") +
       '</i></p></div>\
     </div>\
     </form>\
-    <div class="col-md-8 cal collapse in step-column">\
+    <div class="col-md-8 cal step-column">\
       <div class="load" style="display:none;"><i class="fa fa-circle-o-notch fa-spin"></i></div>\
       <div class="step-image">\
-        <a class="cal collapse in"><img alt="" class="img-thumbnail step-thumbnail"/></a>\
+        <a><img alt="" class="img-thumbnail step-thumbnail"/></a>\
       </div>\
     </div>\
     </div>\
@@ -407,7 +404,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
     </div>';
 
     var tools =
-    '<div class="cal collapse in"><div class="tools btn-group">\
+    '<div class="cal"><div class="tools btn-group">\
     <button confirm="Are you sure?" class="remove btn btn btn-default">\
       <i class="fa fa-trash"></i>\
     </button>\
@@ -472,7 +469,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
         div.setAttribute("name", paramName);
         var description = inputs[paramName].desc || paramName;
         div.innerHTML =
-          "<div class='det cal collapse in'>\
+          "<div class='det cal'>\
                            <label for='" +
           paramName +
           "'>" +
@@ -486,7 +483,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
       }
 
       $(step.ui.querySelector("div.details")).append(
-        '<div class="cal collapse in"><p><button type="submit" class="btn btn-default btn-save" disabled = "true" >Apply</button><span> Press apply to see changes</span></p></div>'
+        '<div class="cal"><p><button type="submit" class="btn btn-default btn-save" disabled = "true" >Apply</button><span> Press apply to see changes</span></p></div>'
       );
 
       
@@ -516,7 +513,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
     }
     $(step.ui.querySelector(".toggle")).on("click", () => {
       $(step.ui.querySelector('.toggleIcon')).toggleClass('fa-caret-up').toggleClass('fa-caret-down');
-       $(step.ui.querySelectorAll(".cal")).collapse('toggle');
+      $(step.ui.querySelectorAll(".cal")).toggleClass("collapse");
     });
     
     $(step.imgElement).on("mousemove", _.debounce(() => imageHover(step), 150));

examples/demo.css

@@ -251,8 +251,14 @@ a.name-header{
   color: #445;
 }
 
-.step-column{
+.step-column{ 
     display:flex; 
-    align-content: center;
-    justify-content: center;
+    flex-direction:row; 
+    align-items:center;
+}
+.step-image{
+    width:100%; 
+    display:flex; 
+    flex-direction:column; 
+    align-items:center;
 }

examples/demo.js

@@ -79,8 +79,8 @@ window.onload = function() {
     newStep = $(this).attr('data-value');
     //$("#addStep option[value=" + newStep + "]").attr('selected', 'selected');
     $("#addStep select").val(newStep);
-    ui.selectNewStepUi(newStep);
-    ui.addStepUi(newStep);
+    ui.selectNewStepUi();
+    ui.addStepUi();
     $(this).removeClass('selected');
   });
 

examples/index.html

@@ -2,6 +2,7 @@
 
 <html>
 
+
 <head>
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -9,11 +10,6 @@
   <meta name="theme-color" content="#428bca">
   <link rel="icon" sizes="192x192" href="../icons/ic_192.png">
   <link rel="manifest" href="manifest.json">
-   <!--Adding meta Tag for search engine optimisation-->
-   <meta property="og:description" content="A pure JavaScript sequential image processing system, inspired by storyboards. Instead of modifying the original image, it creates a new image at each step in a sequence.">
-   <meta property="og:site_name" content="sequencer.publiclab.org">
-   <meta property="og:url" content="https://sequencer.publiclab.org">
-   <meta property="og:title" content="Image Sequencer">
 
   <title>Image Sequencer</title>
 
@@ -33,6 +29,7 @@
   <script src="../node_modules/selectize/dist/js/standalone/selectize.min.js"></script>
 </head>
 
+
 <body>
 
   <link href="../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
@@ -144,6 +141,13 @@
     <section id="sequence-actions" class="panel">
       <div class="panel-body">
 
+        <div class="row center-align">
+          <!--<button class="btn btn-primary btn-block btn-lg" name="save-sequence" id="save-seq">Save Sequence</button> -->
+            <!--<button class="btn btn-primary btn-block btn-lg" id="download-btn" name="download" style="display: block; margin: 0px 10px 0px 0px; width: 250px;">Download PNG</button> -->
+          <button class="btn btn-primary btn-block btn-lg js-view-as-gif" id="gif" style="margin: 0px 35px 0px 35px;width:100%;">View GIF</button>
+        </div>
+
+
         <div class="modal fade" id="js-download-gif-modal" tabindex="-1" role="dialog">
           <div class="modal-dialog" role="document">
             <div class="modal-content">
@@ -175,14 +179,14 @@
         <div class="panel-body">
           <div style="text-align:center;">
             <h2 style="margin-top:20px">Save</h2>
+            <p>Or click ARROW to save the entire sequence as a workflow for future use.</p>
               <select class="form-control input-md" id="selectSaveOption" style="margin-top:20px">
                 <option>Save as PNG</option>
                 <option>Save as GIF (all steps)</option>
                 <option>Save sequence</option>
                 <option>Save sequence string</option>
               </select>
-              <button id="saveButton" class="btn btn-primary btn-lg" style="margin-top:20px; margin-bottom:0px;align:center; width:100%;">Save</button>
-              <button class="btn btn-default btn-lg js-view-as-gif" id="gif" style="margin: 0px 35px 0px 35px;width:100%;">Preview GIF</button>
+                <button id="saveButton" class="btn btn-primary btn-lg" style="margin-top:20px; margin-bottom:0px;align:center; width:100%;">Save</button>
           </div>
         </div>
       </div>
@@ -191,7 +195,7 @@
   </div>
 
   <footer>
-    <hr style="margin:20px;"><center><button class="btn btn-default btn-sm" id="clear-cache">Clear offline cache</button></center>
+    <hr style="margin:20px;"><center><a class="color:grey;" id="clear-cache">Clear offline cache</a></center>
     <div class="row">
       <div class="col-md-6">
         <h2>Need Help?</h2>

examples/lib/defaultHtmlSequencerUi.js

@@ -26,7 +26,6 @@ function DefaultHtmlSequencerUi(_sequencer, options) {
 
   function selectNewStepUi() {
     var m = $(addStepSel + " select").val();
-    if(!m) m = arguments[0];
     $(addStepSel + " .info").html(_sequencer.modulesInfo(m).description);
     $(addStepSel + " #add-step-btn").prop("disabled", false);
   }
@@ -44,8 +43,6 @@ function DefaultHtmlSequencerUi(_sequencer, options) {
     if ($(addStepSel + " select").val() == "none") return;
 
     var newStepName = $(addStepSel + " select").val();
-  
-    if(!newStepName) newStepName = arguments[0]
 
     /*
     * after adding the step we run the sequencer from defined step

examples/lib/defaultHtmlStepUi.js

@@ -26,21 +26,21 @@ function DefaultHtmlStepUi(_sequencer, options) {
     step.ui =
       '\
       <div class="container">\
-    <div class="row step">\
+    <div class="row step" style="display:flex">\
     <form class="input-form">\
-    <div class="col-md-4 details">\
+    <div class="col-md-4 details" style="flex:1">\
     <h3>\
     <span class = "toggle">' +step.name + ' <i class="fa fa-caret-up toggleIcon" aria-hidden="true"></i></span>' +
     '<span class="load-spin" style="display:none;"><i class="fa fa-circle-o-notch fa-spin"></i></span>' +
-    '</h3><div class="cal collapse in"><p><i>"'+
+    '</h3><div class="cal"><p><i>"'+
       (step.description || "") +
       '</i></p></div>\
     </div>\
     </form>\
-    <div class="col-md-8 cal collapse in step-column">\
+    <div class="col-md-8 cal step-column">\
       <div class="load" style="display:none;"><i class="fa fa-circle-o-notch fa-spin"></i></div>\
       <div class="step-image">\
-        <a class="cal collapse in"><img alt="" class="img-thumbnail step-thumbnail"/></a>\
+        <a><img alt="" class="img-thumbnail step-thumbnail"/></a>\
       </div>\
     </div>\
     </div>\
@@ -48,7 +48,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
     </div>';
 
     var tools =
-    '<div class="cal collapse in"><div class="tools btn-group">\
+    '<div class="cal"><div class="tools btn-group">\
     <button confirm="Are you sure?" class="remove btn btn btn-default">\
       <i class="fa fa-trash"></i>\
     </button>\
@@ -113,7 +113,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
         div.setAttribute("name", paramName);
         var description = inputs[paramName].desc || paramName;
         div.innerHTML =
-          "<div class='det cal collapse in'>\
+          "<div class='det cal'>\
                            <label for='" +
           paramName +
           "'>" +
@@ -127,7 +127,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
       }
 
       $(step.ui.querySelector("div.details")).append(
-        '<div class="cal collapse in"><p><button type="submit" class="btn btn-default btn-save" disabled = "true" >Apply</button><span> Press apply to see changes</span></p></div>'
+        '<div class="cal"><p><button type="submit" class="btn btn-default btn-save" disabled = "true" >Apply</button><span> Press apply to see changes</span></p></div>'
       );
 
       
@@ -157,7 +157,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
     }
     $(step.ui.querySelector(".toggle")).on("click", () => {
       $(step.ui.querySelector('.toggleIcon')).toggleClass('fa-caret-up').toggleClass('fa-caret-down');
-       $(step.ui.querySelectorAll(".cal")).collapse('toggle');
+      $(step.ui.querySelectorAll(".cal")).toggleClass("collapse");
     });
     
     $(step.imgElement).on("mousemove", _.debounce(() => imageHover(step), 150));

package.json

@@ -1,13 +1,13 @@
 {
   "name": "image-sequencer",
-  "version": "3.0.1",
+  "version": "3.0.0",
   "description": "A modular JavaScript image manipulation library modeled on a storyboard.",
   "main": "src/ImageSequencer.js",
   "scripts": {
     "debug": "TEST=true node ./index.js -i ./examples/images/monarch.png -s invert",
     "test": "TEST=true tape test/core/*.js test/core/ui/user-interface.js test/core/modules/QR.js | tap-spec; browserify test/core/modules/image-sequencer.js test/core/modules/chain.js test/core/modules/meta-modules.js test/core/modules/replace.js test/core/modules/import-export.js test/core/modules/run.js test/core/modules/dynamic-imports.js test/core/util/parse-input.js test/core/modules/benchmark.js| tape-run --render=\"tap-spec\"",
     "test-ui": "jasmine test/spec/*.js",
-    "setup": "npm i && npm i -g grunt grunt-cli && grunt build",
+    "setup": "npm i && npm i -g grunt grunt-cli",
     "start": "grunt serve"
   },
   "repository": {
@@ -70,7 +70,7 @@
     "tape-run": "^5.0.0",
     "uglify-es": "^3.3.7"
   },
-  "homepage": "https://sequencer.publiclab.org",
+  "homepage": "https://github.com/publiclab/image-sequencer",
   "bin": {
     "sequencer": "./index.js"
   }

src/ExportBin.js

@@ -32,11 +32,11 @@ module.exports = function ExportBin(dir = "./output/", ref, basic, filename) {
     if (err) console.error(err)
   });
   if (filename && basic) {
-    var steps = ref.steps;
-    var datauri = steps.slice(-1)[0].output.src;
-    var ext = steps.slice(-1)[0].output.format;
-    var buffer = require('data-uri-to-buffer')(datauri);
-    fs.writeFile(dir + filename, buffer, function() { });
+      var steps = ref.steps;
+      var datauri = steps.slice(-1)[0].output.src;
+      var ext = steps.slice(-1)[0].output.format;
+      var buffer = require('data-uri-to-buffer')(datauri);
+      fs.writeFile(dir + filename, buffer, function() { });
   }
   else {
     getDirectories(dir, function(dirs) {
@@ -48,21 +48,21 @@ module.exports = function ExportBin(dir = "./output/", ref, basic, filename) {
       }
       fs.mkdir(dir + 'sequencer' + num, function() {
         var root = dir + 'sequencer' + num + '/';
-        var steps = ref.steps;
-        if (basic) {
-          var datauri = steps.slice(-1)[0].output.src;
-          var ext = steps.slice(-1)[0].output.format;
-          var buffer = require('data-uri-to-buffer')(datauri);
-          fs.writeFile(root + "image" + "_" + (steps.length - 1) + "." + ext, buffer, function() { });
-        }
-        else {
-          for (var i in steps) {
-            var datauri = steps[i].output.src;
-            var ext = steps[i].output.format;
+          var steps = ref.steps;
+          if (basic) {
+            var datauri = steps.slice(-1)[0].output.src;
+            var ext = steps.slice(-1)[0].output.format;
             var buffer = require('data-uri-to-buffer')(datauri);
-            fs.writeFile(root + "image" + "_" + i + "." + ext, buffer, function() { });
+            fs.writeFile(root + image + "_" + (steps.length - 1) + "." + ext, buffer, function() { });
+          }
+          else {
+            for (var i in steps) {
+              var datauri = steps[i].output.src;
+              var ext = steps[i].output.format;
+              var buffer = require('data-uri-to-buffer')(datauri);
+              fs.writeFile(root + image + "_" + i + "." + ext, buffer, function() { });
+            }
           }
-        }
       });
     });
   }

src/modules/ImportImage/Module.js

@@ -9,9 +9,10 @@
 module.exports = function ImportImageModule(options, UI) {
 
   var defaults = require('./../../util/getDefaults.js')(require('./info.json'));
-  options.imageUrl = options.inBrowser ? (options.url || defaults.url) : "./examples/images/monarch.png";
+  options.imageUrl = options.url || defaults.url;
 
-  var output;
+  var output,
+    imgObj = new Image();
 
   // we should get UI to return the image thumbnail so we can attach our own UI extensions
 
@@ -26,17 +27,32 @@ module.exports = function ImportImageModule(options, UI) {
 
     var step = this;
 
-    step.metadata = step.metadata || {};
-    // TODO: develop a standard API method for saving each input state,
-    // for reference in future steps (for blending, for example)
-    step.metadata.input = input;
-    // options.format = require('../../util/GetFormat')(options.imageUrl);
-
-    var helper = ImageSequencer({ inBrowser: options.inBrowser, ui: false });
-    helper.loadImages(options.imageUrl, () => {
-      step.output = helper.steps[0].output;
+    if (!options.inBrowser) { // This module is only for browser
+      this.output = input;
       callback();
-    });
+    } else {
+      step.metadata = step.metadata || {};
+      // TODO: develop a standard API method for saving each input state,
+      // for reference in future steps (for blending, for example)
+      step.metadata.input = input;
+
+      function onLoad() {
+
+        // This output is accessible to Image Sequencer
+        step.output = {
+          src: imgObj.src,
+          format: options.format
+        }
+
+        // Tell Image Sequencer that step has been drawn
+        callback();
+      }
+
+      options.format = require('../../util/GetFormat')(options.imageUrl);
+      imgObj.onload = onLoad;
+      imgObj.src = options.imageUrl;
+
+    }
   }
 
   return {

src/ui/LoadImage.js

@@ -14,13 +14,13 @@ function LoadImage(ref, name, src, main_callback) {
       callback(datauri, step);
     }
     else if (!ref.options.inBrowser && !!src.match(/^https?:\/\//i)) {
-      require(src.match(/^(https?):\/\//i)[1]).get(src, function(res) {
+      require( src.match(/^(https?):\/\//i)[1] ).get(src,function(res){
         var data = '';
         var contentType = res.headers['content-type'];
         res.setEncoding('base64');
-        res.on('data', function(chunk) { data += chunk; });
-        res.on('end', function() {
-          callback("data:" + contentType + ";base64," + data, step);
+        res.on('data',function(chunk) {data += chunk;});
+        res.on('end',function() {
+          callback("data:"+contentType+";base64,"+data, step);
         });
       });
     }
@@ -32,10 +32,10 @@ function LoadImage(ref, name, src, main_callback) {
       image.onload = function() {
         canvas.width = image.naturalWidth;
         canvas.height = image.naturalHeight;
-        context.drawImage(image, 0, 0);
-        datauri = canvas.toDataURL(ext);
+        context.drawImage(image,0,0);
+        datauri = canvas.toDataURL(ext);        
         callback(datauri, step);
-      }
+      }  
       image.src = src;
     }
     else {
@@ -52,7 +52,7 @@ function LoadImage(ref, name, src, main_callback) {
       inBrowser: ref.options.inBrowser,
       ui: ref.options.ui,
       UI: ref.events,
-      output: ''
+      output : ''
     };
 
 
@@ -69,7 +69,7 @@ function LoadImage(ref, name, src, main_callback) {
     });
   }
 
-  return loadImage(name, src);
+  return loadImage(name,src);
 }
 
 module.exports = LoadImage;

test/core/modules/benchmark.js

@@ -30,11 +30,6 @@ test('benchmark all modules', function(t) {
     if (mods.length > 1) { //Last one is test module, we need not benchmark it
       sequencer.steps[global.idx].output.src = image;
       global.idx++;
-      if (mods[0] === 'import-image') {
-        /* Not currently working */
-        console.log("Bypassing import-image");
-        mods.splice(0, 1);
-      }
       sequencer.addSteps(mods[0]);
       global.start = Date.now();
       sequencer.run({ index: global.idx }, cb);

yarn.lock

@@ -146,11 +146,6 @@ ansi-styles@^3.2.1:
   dependencies:
     color-convert "^1.9.0"
 
-ansicolors@~0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/ansicolors/-/ansicolors-0.2.1.tgz#be089599097b74a5c9c4a84a0cdbcdb62bd87aef"
-  integrity sha1-vgiVmQl7dKXJxKhKDNvNtivYeu8=
-
 anymatch@^1.3.0:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-1.3.2.tgz#553dcb8f91e3c889845dfdba34c77721b90b9d7a"
@@ -859,14 +854,6 @@ can-promise@0.0.1:
   dependencies:
     window-or-global "^1.0.1"
 
-cardinal@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/cardinal/-/cardinal-1.0.0.tgz#50e21c1b0aa37729f9377def196b5a9cec932ee9"
-  integrity sha1-UOIcGwqjdyn5N33vGWtanOyTLuk=
-  dependencies:
-    ansicolors "~0.2.1"
-    redeyed "~1.0.0"
-
 caseless@~0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
@@ -1281,11 +1268,6 @@ cssstyle@^1.1.1:
   dependencies:
     cssom "0.3.x"
 
-csv-parse@^2.0.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/csv-parse/-/csv-parse-2.5.0.tgz#65748997ecc3719c594622db1b9ea0e2eb7d56bb"
-  integrity sha512-4OcjOJQByI0YDU5COYw9HAqjo8/MOLLmT9EKyMCXUzgvh30vS1SlMK+Ho84IH5exN44cSnrYecw/7Zpu2m4lkA==
-
 currently-unhandled@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea"
@@ -1907,11 +1889,6 @@ esprima@~1.1.1:
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-1.1.1.tgz#5b6f1547f4d102e670e140c509be6771d6aeb549"
   integrity sha1-W28VR/TRAuZw4UDFCb5ncdautUk=
 
-esprima@~3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/esprima/-/esprima-3.0.0.tgz#53cf247acda77313e551c3aa2e73342d3fb4f7d9"
-  integrity sha1-U88kes2ncxPlUcOqLnM0LT+099k=
-
 estraverse@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.2.0.tgz#0dee3fed31fcd469618ce7342099fc1afa0bdb13"
@@ -2879,11 +2856,6 @@ https-browserify@^1.0.0:
   resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
   integrity sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=
 
-humanize@^0.0.9:
-  version "0.0.9"
-  resolved "https://registry.yarnpkg.com/humanize/-/humanize-0.0.9.tgz#1994ffaecdfe9c441ed2bdac7452b7bb4c9e41a4"
-  integrity sha1-GZT/rs3+nEQe0r2sdFK3u0yeQaQ=
-
 iconv-lite@0.4.23:
   version "0.4.23"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.23.tgz#297871f63be507adcfbfca715d0cd0eed84e9a63"
@@ -3583,7 +3555,7 @@ lodash.sortby@^4.7.0:
   resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
   integrity sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=
 
-lodash@^4.13.1, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.3, lodash@^4.17.4, lodash@~4.17.10, lodash@~4.17.5:
+lodash@^4.13.1, lodash@^4.17.10, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.17.5, lodash@~4.17.10, lodash@~4.17.5:
   version "4.17.11"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
   integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==
@@ -3601,9 +3573,9 @@ longest@^1.0.1:
   integrity sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc=
 
 looks-same@^7.0.0:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/looks-same/-/looks-same-7.1.1.tgz#599fe1b23a1c37665d78f3277a6df8b71d8363fe"
-  integrity sha512-AqyjVTnkF9ksgAtO+k7bPJcEafH12BAnj58z6o87yn2d6tKGOgd6yR1QnXJIT04Reg7EL1VCy8MBmubelMyUvQ==
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/looks-same/-/looks-same-7.1.0.tgz#8ecab8d015c428a3efd13003b9c649f8852f57e4"
+  integrity sha512-nroqc3WnrTLYRGWVx6geMS3kO4ww50AQM0QdGP3Zy8Q5ohma6k7xEq3gUEd8Mf7CiXiJAbrUJpokcN0xLBDCUQ==
   dependencies:
     color-diff "^1.1.0"
     concat-stream "^1.6.2"
@@ -3755,11 +3727,6 @@ micromatch@^3.0.4, micromatch@^3.1.10, micromatch@^3.1.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.2"
 
-microplugin@0.0.3:
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/microplugin/-/microplugin-0.0.3.tgz#1fc2e1bb7c9e19e82bd84bba9137bbe71250d8cd"
-  integrity sha1-H8Lhu3yeGegr2Eu6kTe75xJQ2M0=
-
 miller-rabin@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
@@ -4684,7 +4651,7 @@ punycode@^2.1.0, punycode@^2.1.1:
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
   integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
 
-qrcode@^1.3.3:
+qrcode@1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/qrcode/-/qrcode-1.3.3.tgz#5ef50c0c890cffa1897f452070f0f094936993de"
   integrity sha512-SH7V13AcJusH3GT8bMNOGz4w0L+LjcpNOU/NiOgtBhT/5DoWeZE6D5ntMJnJ84AMkoaM4kjJJoHoh9g++8lWFg==
@@ -4893,13 +4860,6 @@ redent@^1.0.0:
     indent-string "^2.1.0"
     strip-indent "^1.0.1"
 
-redeyed@~1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/redeyed/-/redeyed-1.0.1.tgz#e96c193b40c0816b00aec842698e61185e55498a"
-  integrity sha1-6WwZO0DAgWsArshCaY5hGF5VSYo=
-  dependencies:
-    esprima "~3.0.0"
-
 regex-cache@^0.4.2:
   version "0.4.4"
   resolved "https://registry.yarnpkg.com/regex-cache/-/regex-cache-0.4.4.tgz#75bdc58a2a1496cec48a12835bc54c8d562336dd"
@@ -5145,14 +5105,6 @@ scope-analyzer@^2.0.1:
     estree-is-function "^1.0.0"
     get-assigned-identifiers "^1.1.0"
 
-selectize@^0.12.6:
-  version "0.12.6"
-  resolved "https://registry.yarnpkg.com/selectize/-/selectize-0.12.6.tgz#c2cf08cbaa4cb06c5e99bb452919d71b080690d6"
-  integrity sha512-bWO5A7G+I8+QXyjLfQUgh31VI4WKYagUZQxAXlDyUmDDNrFxrASV0W9hxCOl0XJ/XQ1dZEu3G9HjXV4Wj0yb6w==
-  dependencies:
-    microplugin "0.0.3"
-    sifter "^0.5.1"
-
 "semver@2 || 3 || 4 || 5", semver@^5.3.0, semver@^5.5.0:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.6.0.tgz#7e74256fbaa49c75aa7c7a205cc22799cac80004"
@@ -5278,17 +5230,6 @@ shell-quote@^1.4.2, shell-quote@^1.6.1:
     array-reduce "~0.0.0"
     jsonify "~0.0.0"
 
-sifter@^0.5.1:
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/sifter/-/sifter-0.5.3.tgz#5e6507fe8c114b2b28d90b6bf4e5b636e611e48b"
-  integrity sha1-XmUH/owRSyso2Qtr9OW2NuYR5Is=
-  dependencies:
-    async "^2.6.0"
-    cardinal "^1.0.0"
-    csv-parse "^2.0.0"
-    humanize "^0.0.9"
-    optimist "^0.6.1"
-
 signal-exit@^3.0.0, signal-exit@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"