Update README.md

Add codecov (#1014 )
Fixed Service Worker (#976 )
2025-12-11 02:39:59 +01:00 · 2019-04-15 16:05:01 -05:00 · 2019-04-15 15:58:58 -05:00 · 2019-04-15 12:38:39 -05:00 · 2019-04-15 12:33:00 -05:00 · 2019-04-15 12:32:09 -05:00
43 changed files with 1437 additions and 948 deletions
--- a/.codecov.yml
+++ b/.codecov.yml
@@ -0,0 +1,5 @@
+comment: off
+coverage:
+  status:
+    project: off
+    patch: off
--- a/.github/first-timers.yml
+++ b/.github/first-timers.yml
@@ -0,0 +1,12 @@
+# You can change the labels to suit your needs if "first-timers-only" is not what you are looking for.
+# These are some examples.
+labels:
+  - first-timers-only
+  - help wanted
+  
+#If you would like to add your own template for the issue, add an .md file to your .github folder
+template: .github/fto-template.md
+  
+# You can create the issue in a different repo than where the problem is. Just make sure you installed the bot on the configured repository.
+# The issue will link back to the original repository where the contribution will be made.
+#repository: repo-name 
--- a/.github/fto-template.md
+++ b/.github/fto-template.md
@@ -0,0 +1,51 @@
+Hi, this is a [first-timers-only issue](https://code.publiclab.org/#r=all). This means we've worked to make it more legible to folks who either **haven't contributed to our codebase before, or even folks who haven't contributed to open source before**. 
+
+If that's you, we're interested in helping you take the first step and can answer questions and help you out as you do. Note that we're especially interested in contributions from people from groups underrepresented in free and open source software!
+
+We know that the process of creating a pull request is the biggest barrier for new contributors. This issue is for you 💝
+
+If you have contributed before, **consider leaving this one for someone new**, and looking through our general [help wanted](https://github.com/publiclab/image-sequencer/labels/help-wanted) issues. Thanks!
+
+### 🤔 What you will need to know.
+
+Nothing. This issue is meant to welcome you to Open Source :) We are happy to walk you through the process.
+
+### 📋 Step by Step
+
+- [ ] 🙋 **Claim this issue**: Comment below. If someone else has claimed it, ask if they've opened a pull request already and if they're stuck -- maybe you can help them solve a problem or move it along!
+
+- [ ] 📝 **Update** the file [$FILENAME]($BRANCH_URL) in the `$REPO` repository (press the little pen Icon) and edit the line as shown below. 
+
+[See this page](https://code.publiclab.org/#r=all) for some help in taking your first steps!
+
+Below is a "diff" showing in red (and a `-`) which lines to remove, and in green (and a `+`) which lines to add:
+
+```diff
+
+$DIFF
+
+```
+- [ ] 💾 **Commit** your changes
+
+- [ ] 🔀 **Start a Pull Request**. There are two ways how you can start a pull request:
+
+1. If you are familiar with the terminal or would like to learn it, [here is a great tutorial](https://egghead.io/series/how-to-contribute-to-an-open-source-project-on-github) on how to send a pull request using the terminal.
+
+2. You can also [edit files directly in your browser](https://help.github.com/articles/editing-files-in-your-repository/) and open a pull request from there. 
+
+- [ ] 🏁 **Done** Ask in comments for a review :)
+
+### Please keep us updated
+
+💬⏰ - We encourage contributors to be respectful to the community and provide an update **within a week** of claiming a first-timers-only issue. We're happy to keep it assigned to you as long as you need if you update us with a request for more time or help, but if we don't see any activity a week after you claim it we may reassign it to give someone else a chance. Thank you in advance! 
+
+If this happens to you, don't sweat it! Grab another open issue.
+
+### Is someone else already working on this?
+
+🔗- We encourage contributors to link to the original issue in their pull request so all users can easily see if someone's already started on it. 
+
+👥- **If someone seems stuck, offer them some help!** Otherwise, [take a look at some other issues you can help with](https://code.publiclab.org/#r=all). Thanks!
+
+### 🤔❓ Questions?
+Leave a comment below!
--- a/.travis.yml
+++ b/.travis.yml
@@ -15,6 +15,8 @@ script:
  - npm test
  - npm run test-ui
  - grunt build
+after_success:
+  - bash <(curl -s https://codecov.io/bash)
 after_script:
  - ./cc-test-reporter after-build --exit-code $TRAVIS_TEST_RESULT
 addons:
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -111,7 +111,20 @@ function ModuleName(options,UI) {
      // load a standard info.json file.
      ];
 ```
+### Running a browser-only module in node
+If your module has browser specific code or you are consuming a dependency which does the `gl-context` api. We designed this api especially for webl based modules but since it runs the module in a headless browser, ti supports all browser specific APIs.

+The api must be used in the following format
+```js
+var step = this;
+
+    if (!options.inBrowser) {
+      require('../_nomodule/gl-context')(input, callback, step, options);
+    }
+    else {
+      /* Browser specific code */
+    }
+```

 ### options

--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -15,7 +15,7 @@ module.exports = function(grunt) {
        livereload: true
      },
      source: {
-        files: ["src/**/*", "Gruntfile.js", "examples/lib/*","examples/demo.js"],
+        files: ["src/**/*", "Gruntfile.js", "examples/lib/*", "examples/demo.js"],
        tasks: ["compile"]
      }
    },
@@ -24,7 +24,7 @@ module.exports = function(grunt) {
      core: {
        src: ["src/ImageSequencer.js"],
        dest: "dist/image-sequencer.js"
-      }, 
+      },
      ui: {
        src: ["examples/demo.js"],
        dest: "dist/image-sequencer-ui.js"
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@ Image Sequencer
 ====


-[![Build Status](https://travis-ci.org/publiclab/image-sequencer.svg?branch=master)](https://travis-ci.org/publiclab/image-sequencer)
+[![Build Status](https://travis-ci.org/publiclab/image-sequencer.svg?branch=master)](https://travis-ci.org/publiclab/image-sequencer) [![Maintainability](https://api.codeclimate.com/v1/badges/5906996dd2e90aca6398/maintainability)](https://codeclimate.com/github/publiclab/image-sequencer/maintainability) ![Codecov](https://img.shields.io/codecov/c/github/publiclab/image-sequencer.svg?logo=codecov)

 - **Latest Stable Demo**: https://sequencer.publiclab.org
 - **Latest Beta Demo**: https://beta.sequencer.publiclab.org
@@ -115,7 +115,7 @@ Note: Browser CORS Restrictions apply. Some browsers may not allow local images
 from other folders, and throw a Security Error instead.

 ```js
-  sequencer.replaceImage(selector,steps,optional_options);
+sequencer.replaceImage(selector,steps,optional_options);
 ```

 `optional_options` allows passing additional arguments to the module itself.
@@ -123,8 +123,8 @@ from other folders, and throw a Security Error instead.
 For example:

 ```js
-  sequencer.replaceImage('#photo','invert');
-  sequencer.replaceImage('#photo',['invert','ndvi-red']);
+sequencer.replaceImage('#photo','invert');
+sequencer.replaceImage('#photo',['invert','ndvi-red']);
 ```

 ### Data URL usage
@@ -150,7 +150,7 @@ Image Sequencer also provides a CLI for applying operations to local files. The
 The basic format for using the CLI is as follows:

 ```
-    $ ./index.js -i [PATH] -s step-name
+$ ./index.js -i [PATH] -s step-name
 ```

 *NOTE:* On Windows you'll have to use `node index.js` instead of `./index.js`.
@@ -158,7 +158,7 @@ The basic format for using the CLI is as follows:
 The CLI also can take multiple steps at once, like so:

 ```
-    $ ./index.js -i [PATH] -s "step-name-1 step-name-2 ..."
+$ ./index.js -i [PATH] -s "step-name-1 step-name-2 ..."
 ```

 But for this, double quotes must wrap the space-separated steps.
--- a/docs/MODULES.md
+++ b/docs/MODULES.md
@@ -38,6 +38,7 @@ List of Module Documentations
 33. [Threshold](#threshold)
 34. [Tint](#tint)
 35. [ColorTemperature](#color-temperature)
+36. [Grid-Overlay](#grid-overlay)


 ## crop-module
@@ -585,3 +586,18 @@ This changes the color temperature of the image.
 where `options` is an object with the following property:
 * temperature : temperature between 0 - 40,000 kelvin (default 6000)

+## Grid Overlay
+
+This adds the grid over an image.
+
+## Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('grid-overlay',options)
+           .run()
+```
+where `options` is an object with the following property:
+* options.x : The value at which the grid line should start in x-axis.
+* options.y : The value at which the grid line should start in y-axis.
+* color : Color for the grid on the image.
--- a/examples/demo.css
+++ b/examples/demo.css
@@ -1,14 +1,14 @@
 /* https://github.com/theleagueof/league-spartan */
@font-face {
-    font-family: 'League Spartan';
-    src: url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.eot');
-    src: url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.eot?#iefix') format('embedded-opentype'),
-         url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.woff2') format('woff2'),
-         url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.woff') format('woff'),
-         url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.ttf') format('truetype'),
-         url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.svg#league_spartanbold') format('svg');
-    font-weight: bold;
-    font-style: normal;
+  font-family: 'League Spartan';
+  src: url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.eot');
+  src: url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.eot?#iefix') format('embedded-opentype'),
+       url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.woff2') format('woff2'),
+       url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.woff') format('woff'),
+       url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.ttf') format('truetype'),
+       url('https://raw.githubusercontent.com/theleagueof/league-spartan/master/_webfonts/leaguespartan-bold.svg#league_spartanbold') format('svg');
+  font-weight: bold;
+  font-style: normal;
 }

 body {
@@ -18,11 +18,19 @@ body {
  background: #f8f8fa;
 }

+footer {
+  margin-top: 40px;
+}
+
 h1 {
  font-family: 'League Spartan';
  color: #445;
 }

+body > .container,
+body > .container-fluid {
+}
+
 .center-align {
  display: flex;
  justify-content: center;
@@ -71,17 +79,6 @@ h1 {
  margin-bottom: 20px;
 }

-.details {
-  border-top: 3px solid #444;
-  padding-left: 6px;
-}
-
-.details h3 {
-  font-family: monospace;
-  margin-top: 12px;
-  font-size: 1.3em;
-}
-
 .det {
  padding: 10px 16px;
  text-decoration: italic;
@@ -100,11 +97,6 @@ h1 {
  color: #444;
 }

-.load-spin{
-  position: absolute;
-  right: 0px;
-}
-
 #addStep {
  max-width: 500px;
  margin: 20px auto;
@@ -159,19 +151,19 @@ h1 {
 }

 #move-up {
-    position: fixed;
-    bottom: 50px;
-    right: 40px;
-    z-index: 550;
-    display: none;
-    background:transparent;
-    border:none;
+  position: fixed;
+  bottom: 50px;
+  right: 40px;
+  z-index: 550;
+  display: none;
+  background:transparent;
+  border:none;
 }

 #move-up i {
-    font-size:60px;
-    opacity:0.7;
-    color:#BABABA;
+  font-size:60px;
+  opacity:0.7;
+  color:#BABABA;
 }

 .btn-circle{
@@ -208,7 +200,7 @@ h1 {
 .savesequencemsg{
  display: none;
  text-align: center;
-  }
+}

 .notification {
  background-color: #808b96;
@@ -252,11 +244,31 @@ a.name-header{
 }

 .step-column{
-    display:flex; 
-    align-content: center;
-    justify-content: center;
+  display:flex; 
+  align-content: center;
+  justify-content: center;
 }

-#clear-cache {
-    display: none;
+.trash-container button.btn-xs {
+  margin-top: -5px !important;
 }
+
+.toggleIcon {
+  transition: transform 0.2s;
+}
+
+.rotated {
+  transform: rotate(180deg);
+}
+
+#gif{
+  margin-left:0px;
+  margin-top:5px;
+  width:100%;
+}
+.save-button{
+  margin-top:20px; 
+  margin-bottom:0px;
+  align:center; 
+  width:100%;
+}
--- a/examples/demo.js
+++ b/examples/demo.js
@@ -23,7 +23,7 @@ window.onload = function() {
        );
    }
    // Null option
-    addStepSelect.append('<option value="none" disabled selected>More modules...</option>');
+    addStepSelect.append('<option value="" disabled selected>Select a Module</option>');
    addStepSelect.selectize({
      sortField: 'text'
  });
@@ -118,7 +118,7 @@ window.onload = function() {

    var button = event.target;
    button.disabled = true;
-
+    button.innerHTML='<i class="fa fa-circle-o-notch fa-spin"></i>'

    try {
      // Select all images from previous steps
@@ -170,6 +170,7 @@ window.onload = function() {
          modal.modal();

          button.disabled = false;
+          button.innerHTML = 'View GIF';
          isWorkingOnGifGeneration = false;
        }
      });
@@ -177,6 +178,7 @@ window.onload = function() {
    catch (e) {
      console.error(e);
      button.disabled = false;
+      button.innerHTML = 'View GIF';
      isWorkingOnGifGeneration = false;

    }
@@ -197,8 +199,8 @@ window.onload = function() {
        step.options.step.imgElement.src = reader.result;
      else
        step.imgElement.src = reader.result;
-      insertPreview.updatePreviews(reader.result,'addStep');
-      insertPreview.updatePreviews(sequencer.steps[0].imgElement.src,'insertStep');
+      insertPreview.updatePreviews(reader.result,'#addStep');
+      insertPreview.updatePreviews(sequencer.steps[0].imgElement.src,'.insertDiv');
    },
    onTakePhoto: function (url) {
      var step = sequencer.steps[0];
@@ -208,16 +210,16 @@ window.onload = function() {
        step.options.step.imgElement.src = url;
      else
        step.imgElement.src = url;
-      insertPreview.updatePreviews(url,'addStep');
-      insertPreview.updatePreviews(sequencer.steps[0].imgElement.src,'insertStep');
+      insertPreview.updatePreviews(url,'#addStep');
+      insertPreview.updatePreviews(sequencer.steps[0].imgElement.src,'.insertDiv');
    }
  });

  setupCache();

  if (urlHash.getUrlHashParameter('src')) {
-    insertPreview.updatePreviews(urlHash.getUrlHashParameter('src'),'addStep');
+    insertPreview.updatePreviews(urlHash.getUrlHashParameter('src'),'#addStep');
  } else {
-    insertPreview.updatePreviews("images/tulips.png",'addStep');
+    insertPreview.updatePreviews("images/tulips.png",'#addStep');
  }
-};
+};
--- a/examples/index.html
+++ b/examples/index.html
@@ -145,32 +145,26 @@
      </div>
    </section>

-    <section id="sequence-actions" class="panel">
-      <div class="panel-body">
-
-        <div class="modal fade" id="js-download-gif-modal" tabindex="-1" role="dialog">
-          <div class="modal-dialog" role="document">
-            <div class="modal-content">
-              <div class="modal-header">
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                <h4 class="modal-title">Your gif is ready</h4>
-              </div>
-              <div class="modal-body">
-                <div id="js-download-modal-gif-container">
-                  <!-- Gif should appear here -->
-                </div>
-              </div>
-              <div class="modal-footer">
-                <button type="button" class="btn btn-default" data-dismiss="modal">Done</button>
-
-                <button id="js-download-as-gif-button" class="btn btn-primary">Download</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">
+          <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+            <h4 class="modal-title">Your gif is ready</h4>
+          </div>
+          <div class="modal-body">
+            <div id="js-download-modal-gif-container">
+              <!-- Gif should appear here -->
            </div>
          </div>
-        </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-default" data-dismiss="modal">Done</button>

+            <button id="js-download-as-gif-button" class="btn btn-primary">Download</button>
+          </div>
+        </div>
      </div>
-    </section>
+    </div>

    </div>
    <div class="col-sm-4">
@@ -179,14 +173,14 @@
        <div class="panel-body">
          <div style="text-align:center;">
            <h2 style="margin-top:20px">Save</h2>
-              <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>
+            <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>
+            <p><button id="saveButton" class="btn btn-primary btn-lg save-button">Save</button></p>
+            <p><button class="btn btn-default btn-lg js-view-as-gif" id="gif">Preview GIF</button></p>
          </div>
        </div>
      </div>
@@ -200,19 +194,17 @@
      <div class="col-md-6">
        <h2>Need Help?</h2>
        <p>
-          Post a link to this and ask help from other community members on Gitter
-        </p>
-        <p>
-          <a class="btn btn-primary" href="https://gitter.im/publiclab/publiclab">Ask a question on Gitter</a>
+          <a class="btn btn-default" href="https://github.com/publiclab/image-sequencer/issues">Ask a question</a>
+          <a class="btn btn-default" href="https://publiclab.org/chat">Ask in our chatroom</a>
        </p>
      </div>
      <div class="col-md-6">
        <h2>Improve this tool</h2>
        <p>
-          This is an open source toolkit which you can help add to and improve on Github
+          This is an open source toolkit which you can help improve on Github
        </p>
        <p>
-          <a class="btn btn-primary" href="https://github.com/publiclab/image-sequencer">View the code &raquo;</a>
+          <a class="btn btn-default" href="https://github.com/publiclab/image-sequencer">View the code &raquo;</a>
        </p>
      </div>
    </div>
--- a/examples/lib/cache.js
+++ b/examples/lib/cache.js
@@ -17,33 +17,10 @@ var setupCache = function() {
  }

  if ('serviceWorker' in navigator) {
-    if (!('indexedDB' in window) || window.location.toString().includes('localhost') || window.location.toString().includes('127.0.0.1')) {
-      console.log('No Cache Tracking');
-      caches.keys().then(function(cacheNames){
-        cacheNames.forEach(function(cacheName){
-          $('#clear-cache').append(" " + cacheName);
-        }
-        $('#clear-cache').fadeIn();
-      }
-      return;
-    }
-    var dbPromise = idb.open('cache-db', 1);
-    dbPromise.then(function(db) {
-      var tx = db.transaction('caches', 'readwrite');
-      var store = tx.objectStore('caches');
-      return store.get('new-cache-available');
-    }).then(function(out) {
-      if (out == undefined) return;
-      else {
-        $('#clear-cache').text(`New Version Available ${out.version}`).fadeIn();
-        var dbPromise = idb.open('cache-db', 1);
-        dbPromise.then(function(db) {
-          var tx = db.transaction('caches', 'readwrite');
-          var store = tx.objectStore('caches');
-          store.delete('new-cache-available');
-          return tx.complete;
-        });
-      }
+    caches.keys().then(function(cacheNames) {
+      cacheNames.forEach(function(cacheName) {
+        $("#clear-cache").append(" " + cacheName);
+      });
    });
  }

--- a/examples/lib/defaultHtmlStepUi.js
+++ b/examples/lib/defaultHtmlStepUi.js
@@ -25,46 +25,50 @@ function DefaultHtmlStepUi(_sequencer, options) {

    step.ui =
      '\
-      <div class="container">\
-    <div class="row step">\
-    <form class="input-form">\
-    <div class="col-md-4 details">\
-    <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>"'+
-      (step.description || "") +
-      '</i></p></div>\
-    </div>\
-    </form>\
-    <div class="col-md-8 cal collapse in 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>\
-      </div>\
-    </div>\
-    </div>\
-    </div>\
-    </div>';
+      <div class="container-fluid step-container">\
+          <div class="panel panel-default">\
+            <div class="panel-heading">\
+              <div class="trash-container pull-right"></div>\
+              <h3 class="panel-title">' +  
+                '<span class="toggle">' +step.name + ' <span class="caret toggleIcon rotated"></span>\
+                 <span class="load-spin pull-right" style="display:none;padding:1px 8px;"><i class="fa fa-circle-o-notch fa-spin"></i></span>\
+              </h3>\
+            </div>\
+            <form class="input-form">\
+            <div class="panel-body cal collapse in">\
+              <div class="row step">\
+                <div class="col-md-4 details container-fluid">\
+                  <div class="cal collapse in"><p>' +
+                    '<i>' + (step.description || "") + '</i>' +
+                 '</p></div>\
+                </div>\
+                <div class="col-md-8 cal collapse in step-column">\
+                  <div class="load load-spin" style="display:none;"><i class="fa fa-circle-o-notch fa-spin"></i></div>\
+                  <div class="step-image">\
+                    <a class="cal collapse in"><img class="img-thumbnail step-thumbnail"/></a>\
+                  </div>\
+                </div>\
+              </div>\
+            </div>\
+            <div class="panel-footer cal collapse in"></div>\
+            </form>\
+          </div>\
+      </div>';

    var tools =
-    '<div class="cal collapse in"><div class="tools btn-group">\
-    <button confirm="Are you sure?" class="remove btn btn btn-default">\
-      <i class="fa fa-trash"></i>\
-    </button>\
-    <button class="btn  insert-step" style="margin-left:10px;border-radius:6px;background-color:#fff;border:solid #bababa 1.1px;" >\
-      <i class="fa fa-plus"></i> Add\
-    </button>\
-    </div>\
+    '<div class="trash">\
+      <button confirm="Are you sure?" class="remove btn btn-default btn-xs">\
+        <i class="fa fa-trash"></i>\
+      </button>\
    </div>';

    var util = intermediateHtmlStepUi(_sequencer, step);

    var parser = new DOMParser();
    step.ui = parser.parseFromString(step.ui, "text/html");
-    step.ui = step.ui.querySelector("div.container");
+    step.ui = step.ui.querySelector("div.container-fluid");
    step.linkElements = step.ui.querySelectorAll("a");
-    step.imgElement = step.ui.querySelector("a img");
+    step.imgElement = step.ui.querySelector("a img.img-thumbnail");

    if (_sequencer.modulesInfo().hasOwnProperty(step.name)) {
      var inputs = _sequencer.modulesInfo(step.name).inputs;
@@ -125,29 +129,30 @@ function DefaultHtmlStepUi(_sequencer, options) {
                         </div>";
        step.ui.querySelector("div.details").appendChild(div);
      }
-
-      $(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>'
+      $(step.ui.querySelector("div.panel-footer")).append(
+        '<div class="cal collapse in"><button type="submit" class="btn btn-sm btn-default btn-save" disabled = "true" >Apply</button> <small style="padding-top:2px;">Press apply to see changes</small></div>'
      );
-
-      
+      $(step.ui.querySelector("div.panel-footer")).prepend(
+        '<button class="pull-right btn btn-default btn-sm insert-step" >\
+          <span class="insert-text"><i class="fa fa-plus"></i> Insert Step</span><span class="no-insert-text" style="display:none">Close</span>\
+        </button>'
+      );  
    }

    if (step.name != "load-image") {
      step.ui
-        .querySelector("div.details")
-        .appendChild(
+        .querySelector("div.trash-container")
+        .prepend(
          parser.parseFromString(tools, "text/html").querySelector("div")
        );
      $(step.ui.querySelectorAll(".remove")).on('click', function() {notify('Step Removed','remove-notification')});  
-      $(step.ui.querySelectorAll(".insert-step")).on('click', function() { util.insertStep(step.ID) });
-
+      $(step.ui.querySelectorAll(".insert-step")).on('click', function() { util.insertStep(step.ID) });    
      // Insert the step's UI in the right place
      if (stepOptions.index == _sequencer.steps.length) {
        stepsEl.appendChild(step.ui);
-        $("#steps .container:nth-last-child(1) .insert-step").prop('disabled',true);
-        if($("#steps .container:nth-last-child(2)"))
-        $("#steps .container:nth-last-child(2) .insert-step").prop('disabled',false);
+        $("#steps .step-container:nth-last-child(1) .insert-step").prop('disabled',true);
+        if($("#steps .step-container:nth-last-child(2)"))
+        $("#steps .step-container:nth-last-child(2) .insert-step").prop('disabled',false);
      } else {
        stepsEl.insertBefore(step.ui, $(stepsEl).children()[stepOptions.index]);
      }
@@ -156,7 +161,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
      $("#load-image").append(step.ui);
    }
    $(step.ui.querySelector(".toggle")).on("click", () => {
-      $(step.ui.querySelector('.toggleIcon')).toggleClass('fa-caret-up').toggleClass('fa-caret-down');
+      $(step.ui.querySelector('.toggleIcon')).toggleClass('rotated');
       $(step.ui.querySelectorAll(".cal")).collapse('toggle');
    });
    
@@ -225,16 +230,13 @@ function DefaultHtmlStepUi(_sequencer, options) {
  function onDraw(step) {
    $(step.ui.querySelector(".load")).show();
    $(step.ui.querySelector("img")).hide();
-    if( $(step.ui.querySelector(".toggleIcon")).hasClass("fa-caret-down") )
-    {
-      $(step.ui.querySelector(".load-spin")).show();
-    }
+    $(step.ui.querySelectorAll(".load-spin")).show();
  }

  function onComplete(step) {
-    $(step.ui.querySelector(".load")).hide();
    $(step.ui.querySelector("img")).show();
-    $(step.ui.querySelector(".load-spin")).hide();
+    $(step.ui.querySelectorAll(".load-spin")).hide();
+    $(step.ui.querySelector(".load")).hide();

    step.imgElement.src = (step.name == "load-image") ? step.output.src : step.output;
    var imgthumbnail = step.ui.querySelector(".img-thumbnail");
@@ -299,7 +301,7 @@ function DefaultHtmlStepUi(_sequencer, options) {

  function onRemove(step) {
    step.ui.remove();
-    $("#steps .container:nth-last-child(1) .insert-step").prop('disabled',true);
+    $("#steps .step-container:nth-last-child(1) .insert-step").prop('disabled',true);
    $('div[class*=imgareaselect-]').remove();
  }

@@ -319,7 +321,8 @@ function DefaultHtmlStepUi(_sequencer, options) {
  
    $('#'+id).fadeIn(500).delay(200).fadeOut(500);
  }
-
+    
+  
  return {
    getPreview: getPreview,
    onSetup: onSetup,
--- a/examples/lib/insertPreview.js
+++ b/examples/lib/insertPreview.js
@@ -8,7 +8,7 @@ function generatePreview(previewStepName, customValues, path, selector) {
      img.src = src;
      $(img).css("max-width", "200%");
      $(img).css("transform", "translateX(-20%)");
-      var stepDiv = $('#'+selector+' .row').find('div').each(function() {
+      $(selector + ' .radio-group').find('div').each(function() {
        if ($(this).find('div').attr('data-value') === previewStepName) {
          $(this).find('div').append(img);
        }
@@ -27,7 +27,7 @@ function generatePreview(previewStepName, customValues, path, selector) {
  }

  function updatePreviews(src, selector) {
-    $('#'+selector+' img').remove();
+    $(selector+' img').remove();

    var previewSequencerSteps = {
      "resize": "125%",
--- a/examples/lib/intermediateHtmlStepUi.js
+++ b/examples/lib/intermediateHtmlStepUi.js
@@ -3,85 +3,109 @@ var urlHash = require('./urlHash.js'),

 function IntermediateHtmlStepUi(_sequencer, step, options) {
  function stepUI() {
-    return '<div class="row insertDiv">\
-        <div class="col-md-6 col-md-offset-2" style="margin-top:5%">\
-        <section id="insertStep" class="panel panel-primary">\
-          <div class="form-inline">\
-            <div class="panel-body">\
-              <p class="info">Select a new module to add to your sequence.</p>\
-              <div class="row center-align radio-group">\
-              <div>\
-              <div class="radio" data-value="resize">\
-              <i class="fa fa-arrows-alt fa-4x i-over"></i>\
-            </div>\
-                <p>Resize</p>\
+    return '<div class="row insertDiv collapse">\
+          <section class="panel panel-primary .insert-step">\
+            <button class="btn btn-default close-insert-box"><i class="fa fa-times" aria-hidden="true"></i> Close</button>\
+            <div class="form-inline">\
+              <div class="panel-body">\
+                <p class="info">Select a new module to add to your sequence.</p>\
+                <div class="row center-align radio-group">\
+                  <div>\
+                    <div class="radio" data-value="resize">\
+                      <i class="fa fa-arrows-alt fa-4x i-over"></i>\
+                    </div>\
+                    <p>Resize</p>\
+                  </div>\
+                  <div>\
+                    <div class="radio" data-value="brightness">\
+                      <i class="fa fa-sun-o fa-4x i-over"></i>\
+                    </div>\
+                    <p>Brightness</p>\
+                  </div>\
+                  <div>\
+                    <div class="radio" data-value="contrast">\
+                      <i class="fa fa-adjust fa-4x i-over"></i>\
+                    </div>\
+                    <p>Contrast</p>\
+                  </div>\
+                  <div>\
+                    <div class="radio" data-value="saturation">\
+                      <i class="fa fa-tint fa-4x i-over i-small"></i>\
+                    </div>\
+                    <p>Saturation</p>\
+                  </div>\
+                  <div>\
+                    <div class="radio" data-value="rotate">\
+                      <i class="fa fa-rotate-right fa-4x i-over"></i>\
+                    </div>\
+                    <p>Rotate</p>\
+                  </div>\
+                  <div>\
+                    <div class="radio" data-value="crop">\
+                      <i class="fa fa-crop fa-4x i-over"></i>\
+                    </div>\
+                    <p>Crop</p>\
+                  </div>\
                </div>\
-                <div>\
-                <div class="radio" data-value="brightness">\
-                <i class="fa fa-sun-o fa-4x i-over"></i>\
-              </div>\
-                  <p>Brightness</p>\
+                <div class="row center-align">\
+                  <div class="col-md-8">\
+                    <select class="insert-step-select">\
+                      <!-- The default null selection has been appended manually in demo.js\
+                      This is because the options in select are overritten when options are appended.-->\
+                    </select>\
+                  <div>\
+                  <div class="col-md-4">\
+                    <button class="btn btn-success btn-lg insert-save-btn add-step-btn" name="add">Add Step</button>\
+                  <div>\
                </div>\
-                <div>\
-                <div class="radio" data-value="contrast">\
-                <i class="fa fa-adjust fa-4x i-over"></i>\
-              </div>\
-                  <p>Contrast</p>\
-                </div>\
-                <div>\
-                <div class="radio" data-value="saturation">\
-                <i class="fa fa-tint fa-4x i-over i-small"></i>\
-              </div>\
-                  <p>Saturation</p>\
-                </div>\
-                <div>\
-                <div class="radio" data-value="rotate">\
-                <i class="fa fa-rotate-right fa-4x i-over"></i>\
-              </div>\
-                  <p>Rotate</p>\
-                </div>\
-                <div>\
-                <div class="radio" data-value="crop">\
-                <i class="fa fa-crop fa-4x i-over"></i>\
-              </div>\
-                  <p>Crop</p>\
-                </div>\
-              </div>\
-              <div class="row center-align">\
-                <div class="col-md-8">\
-                <select class="form-control input-lg" id="selectStep">\
-                  <!-- The default null selection has been appended manually in demo.js\
-                  This is because the options in select are overritten when options are appended.-->\
-                </select>\
-                <div>\
-                <div class="col-md-4">\
-                <button class="btn btn-success btn-lg" name="add" id="add-step-btn">Add Step</button>\
-                <div>\
              </div>\
            </div>\
-          </div>\
-        </section>\
+          </section>\
        </div>';
  }


  function selectNewStepUi() {
-    var m = $("#insertStep select").val();
-    $("#insertStep .info").html(_sequencer.modulesInfo(m).description);
-    $("#insertStep #add-step-btn").prop("disabled", false);
+    var insertSelect = $(step.ui.querySelector('.insert-step-select'))
+    var m = insertSelect.val();
+    $(step.ui.querySelector('.insertDiv .info')).html(_sequencer.modulesInfo(m).description);
+    $(step.ui.querySelector('.insertDiv .add-step-btn')).prop("disabled", false);
  }
+    
+    
+  var toggleDiv = function(callback = function(){}){
+    $(step.ui.querySelector('.insertDiv')).collapse('toggle');
+    if ($(step.ui.querySelector('.insert-text')).css('display') != "none"){
+      $(step.ui.querySelector('.insert-text')).fadeToggle(200, function(){$(step.ui.querySelector('.no-insert-text')).fadeToggle(200, callback)})
+    }
+    else {
+      $(step.ui.querySelector('.no-insert-text')).fadeToggle(200, function(){$(step.ui.querySelector('.insert-text')).fadeToggle(200, callback)})
+    }
+  }
+
  insertStep = function (id) {
    var modulesInfo = _sequencer.modulesInfo();
    var parser = new DOMParser();
    var addStepUI = stepUI();
    addStepUI = parser.parseFromString(addStepUI, "text/html").querySelector("div")
-    step.ui
+
+    if ($(step.ui.querySelector('.insertDiv')).length > 0){
+      toggleDiv();
+    }
+    else {
+      step.ui
      .querySelector("div.step")
      .insertAdjacentElement('afterend',
        addStepUI
      );
-    insertPreview.updatePreviews(step.output,'insertStep');
-    var insertStepSelect = $("#insertStep select");
+      toggleDiv(function(){
+        insertPreview.updatePreviews(step.output, '.insertDiv');
+      });
+    }
+
+    $(step.ui.querySelector('.insertDiv .close-insert-box')).off('click').on('click', function(){toggleDiv(function(){})});
+    
+    var insertStepSelect = $(step.ui.querySelector('.insert-step-select'));
    insertStepSelect.html("");
    // Add modules to the insertStep dropdown
    for (var m in modulesInfo) {
@@ -90,33 +114,33 @@ function IntermediateHtmlStepUi(_sequencer, step, options) {
          '<option value="' + m + '">' + modulesInfo[m].name + "</option>"
        );
    }
-    $('#insertStep #add-step-btn').selectize({
+    insertStepSelect.selectize({
      sortField: 'text'
    });
-    $('#insertStep #add-step-btn').prop('disabled', true);
-
-    insertStepSelect.append('<option value="none" disabled selected>More modules...</option>');
-    $('#insertStep .radio-group .radio').on("click", function () {
+    $(step.ui.querySelector('.inserDiv .add-step-btn')).prop('disabled', true);
+    
+    insertStepSelect.append('<option value="" disabled selected>Select a Module</option>');
+    $(step.ui.querySelector('.insertDiv .radio-group .radio')).on("click", function () {
      $(this).parent().find('.radio').removeClass('selected');
      $(this).addClass('selected');
      newStep = $(this).attr('data-value');
-      insertStepSelect.val(newStep);
+      $(step.ui.querySelector('.insert-step-select')).val(newStep);
      selectNewStepUi();
      insert(id);
      $(this).removeClass('selected');
    });
-    $(step.ui.querySelector("#insertStep select")).on('change', selectNewStepUi);
-    $(step.ui.querySelector("#insertStep #add-step-btn")).on('click', function () { insert(id) });
+    insertStepSelect.on('change', selectNewStepUi);
+    $(step.ui.querySelector('.insertDiv .add-step-btn')).on('click', function () { insert(id) });
  }

  function insert(id) {

    options = options || {};
-    var insertStepSelect = $("#insertStep select");
+    var insertStepSelect = $(step.ui.querySelector('.insert-step-select'));
    if (insertStepSelect.val() == "none") return;

    var newStepName = insertStepSelect.val()
-    $('div .insertDiv').remove();
+    toggleDiv();
    var sequenceLength = 1;
    if (sequencer.sequences[newStepName]) {
      sequenceLength = sequencer.sequences[newStepName].length;
--- a/examples/lib/sw.js
+++ b/examples/lib/sw.js
@@ -1,86 +0,0 @@
-const request = new XMLHttpRequest();
-request.open("GET", "../manifest.json", false);
-request.send(null);
-const meta = JSON.parse(request.responseText).metadata,
-      ver = meta.version,
-      betaVer = meta.betaVersion;
-const version = (self.location.toString().indexOf('beta') == 0 || self.location.toString().includes('localhost') || self.location.toString().includes('127.0.0.1')) ? betaVer : ver;
- 
-const staticCacheName = `image-sequencer-static-v${version}`;
-
-
-const isVersionNewer = (version, old) => {
-    version = version.split('.');
-    var major = version[0],
-        minor = version[1],
-        patch = version[2];
-    old = old.split('.');
-    var oldMajor = old[0],
-        oldMinor = old[1],
-        oldPatch = old[2];
-    
-    if (major > oldMajor) return true
-    else if (minor > oldMinor) return true
-    else if (patch > oldPatch) return true
-    else return false
-}
-
-self.addEventListener('install', event => {
-  console.log('Attempting to install service worker');
-});
-
-self.addEventListener('activate', function(e) {
-  console.log('[ServiceWorker] Activate');
-  e.waitUntil(
-    caches.keys().then(function(cacheNames) {
-      return Promise.all(
-        cacheNames.filter(function(cacheName){
-          return isVersionNewer(staticCacheName.slice(-5), cacheName.slice(-5));
-        }).map(function(cacheName){
-
-          return caches.delete(cacheName);
-        })
-      );
-    })
-  );      
-});
-
-self.addEventListener('fetch', function(event) {
-  event.respondWith(
-    if (caches.keys().length < 1){
-      caches.open(staticCacheName).then(function(cache) {
-        return cache.match(event.request).then(function (response) {
-
-          return response || fetch(event.request).then(function(response) {
-            if(event.request.method == "GET")
-              cache.put(event.request, response.clone());
-              return response;
-          });
-        });
-      });
-      if (!('indexedDB' in window)) {
-        console.log('This browser doesn\'t support IndexedDB');
-        return;
-      }
-
-      var dbPromise = idb.open('cache-db', 1, function(upgradeDb) {
-        if (!upgradeDb.objectStoreNames.contains('caches')) {
-          var cachedb = upgradeDb.createObjectStore('cache', {keyPath: 'name'});
-    
-        }
-      }
-      dbPromise.then(function(db) {
-        var tx = db.transaction('caches', 'readwrite');
-        var store = tx.objectStore('caches');
-        var item = {
-          name: 'new-cache-availalble',
-          version: staticCacheName,
-          created: new Date().getTime()
-        };
-        store.add(item);
-        return tx.complete;
-      })
-    }
-    else return false;
-  );
-});
--- a/examples/manifest.json
+++ b/examples/manifest.json
@@ -17,9 +17,5 @@
  "background_color": "#428bca",
  "display": "standalone",
  "scope": "/examples/",
-  "theme_color": "#428bca",
-  "metadata": {
-    "version": "3.0.0",
-    "betaVersion": "3.0.0"
-  }
-}
+  "theme_color": "#428bca"
+}
--- a/examples/sw.js
+++ b/examples/sw.js
@@ -0,0 +1,35 @@
+const staticCacheName = 'image-sequencer-static-v3';
+
+self.addEventListener('install', event => {
+  console.log('Attempting to install service worker');
+});
+
+self.addEventListener('activate', function(e) {
+  console.log('[ServiceWorker] Activate');
+  e.waitUntil(
+    caches.keys().then(function(cacheNames) {
+      return Promise.all(
+        cacheNames.filter(function(cacheName){
+          return cacheName.startsWith('image-sequencer-') &&
+                 cacheName != staticCacheName;
+        }).map(function(cacheName){
+          return caches.delete(cacheName);
+        })
+      );
+    })
+  );      
+});
+
+self.addEventListener('fetch', function(event) {
+  event.respondWith(
+    caches.open(staticCacheName).then(function(cache) {
+      return cache.match(event.request).then(function (response) {
+        return response || fetch(event.request).then(function(response) {
+          if(event.request.method == "GET")
+            cache.put(event.request, response.clone());
+          return response;
+        });
+      });
+    })
+  );
+});
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
  "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": "TEST=true istanbul cover tape test/core/*.js test/core/ui/user-interface.js test/core/modules/canvas-resize.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",
    "start": "grunt serve"
@@ -31,18 +31,22 @@
    "downloadjs": "^1.4.7",
    "fisheyegl": "^0.1.2",
    "font-awesome": "~4.7.0",
+    "geotiff": "^1.0.0-beta.6",
    "get-pixels": "~3.3.0",
    "gifshot": "^0.4.5",
    "image-sequencer-invert": "^1.0.0",
    "imagejs": "0.0.9",
    "imgareaselect": "git://github.com/jywarren/imgareaselect.git#v1.0.0-rc.2",
+    "istanbul": "^0.4.5",
    "jquery": "^3.3.1",
-    "jsdom": "^13.1.0",
+    "jsdom": "^14.0.0",
    "jsqr": "^1.1.1",
    "lodash": "^4.17.11",
+    "ndarray": "^1.0.18",
    "ndarray-gaussian-filter": "^1.0.0",
    "ora": "^3.0.0",
    "pace": "0.0.4",
+    "puppeteer": "^1.14.0",
    "qrcode": "^1.3.3",
    "readline-sync": "^1.4.7",
    "save-pixels": "~2.3.4",
--- a/src/ImageSequencer.js
+++ b/src/ImageSequencer.js
@@ -87,7 +87,7 @@ ImageSequencer = function ImageSequencer(options) {
    //tell the UI a step has been removed
  }

-  function removeSteps(index) {
+  function removeSteps() {
    var   indices;
    var this_ = (this.name == "ImageSequencer") ? this : this.sequencer;
    var args = [];
@@ -102,7 +102,7 @@ ImageSequencer = function ImageSequencer(options) {
    return this;
  }

-  function insertSteps(image, index, name, o) {
+  function insertSteps() {
    var this_ = (this.name == "ImageSequencer") ? this : this.sequencer;
    var args = []
    for (var arg in arguments) args.push(arguments[arg]);
@@ -119,7 +119,7 @@ ImageSequencer = function ImageSequencer(options) {

  // Config is an object which contains the runtime configuration like progress bar
  // information and index from which the sequencer should run
-  function run(config, t_image, t_from) {
+  function run(config) {
    var progressObj, index = 0;
    config = config || { mode: 'no-arg' };
    if (config.index) index = config.index;
--- a/src/Modules.js
+++ b/src/Modules.js
@@ -7,8 +7,10 @@ module.exports = {
  'blend': require('./modules/Blend'),
  'blur': require('./modules/Blur'),
  'brightness': require('./modules/Brightness'),
+  'canvas-resize': require('./modules/CanvasResize'),
  'channel': require('./modules/Channel'),
  'colorbar': require('./modules/Colorbar'),
+  'color-temperature': require('./modules/ColorTemperature'),
  'colormap': require('./modules/Colormap'),
  'contrast': require('./modules/Contrast'),
  'convolution': require('./modules/Convolution'),
@@ -24,18 +26,19 @@ module.exports = {
  'histogram': require('./modules/Histogram'),
  'gamma-correction': require('./modules/GammaCorrection'),
  'gradient': require('./modules/Gradient'),
+  'grid-overlay': require('./modules/GridOverlay'),
  'import-image': require('./modules/ImportImage'),
  'invert': require('image-sequencer-invert'),
  'ndvi': require('./modules/Ndvi'),
  'ndvi-colormap': require('./modules/NdviColormap'),
  'paint-bucket': require('./modules/PaintBucket'),
  'overlay': require('./modules/Overlay'),
-  'replace-color':require('./modules/ReplaceColor'),
+  'replace-color': require('./modules/ReplaceColor'),
  'resize': require('./modules/Resize'),
  'rotate': require('./modules/Rotate'),
  'saturation': require('./modules/Saturation'),
  'text-overlay': require('./modules/TextOverlay'),
  'threshold': require('./modules/Threshold'),
  'tint': require('./modules/Tint'),
-  'color-temperature': require('./modules/ColorTemperature')
+  'white-balance': require('./modules/WhiteBalance')
 }
--- a/src/modules/CanvasResize/Module.js
+++ b/src/modules/CanvasResize/Module.js
@@ -0,0 +1,63 @@
+/*
+* Changes the Canvas Size
+*/
+module.exports = function canvasResize(options, UI) {
+
+    var defaults = require('./../../util/getDefaults.js')(require('./info.json'));
+    var output;
+
+
+
+    function draw(input, callback, progressObj) {
+
+        options.width = options.width || defaults.width;
+        options.height = options.height || defaults.height;
+        options.x = options.x || defaults.x;
+        options.y = options.y || defaults.y;
+
+        progressObj.stop(true);
+        progressObj.overrideFlag = true;
+
+        var step = this;
+
+        function extraManipulation(pixels) {
+
+            let newPixels = require('ndarray')(new Uint8Array(4 * options.width * options.height).fill(255), [options.width, options.height, 4]);
+            let iMax = options.width - options.x,
+                jMax = options.height - options.y;
+            for (let i = 0; i < iMax && i < pixels.shape[0]; i++) {
+                for (let j = 0; j < jMax && j < pixels.shape[1]; j++) {
+                    let x = i + options.x, y = j + options.y;
+                    newPixels.set(x, y, 0, pixels.get(i, j, 0));
+                    newPixels.set(x, y, 1, pixels.get(i, j, 1));
+                    newPixels.set(x, y, 2, pixels.get(i, j, 2));
+                    newPixels.set(x, y, 3, pixels.get(i, j, 3));
+                }
+            }
+            return newPixels;
+        }
+
+        function output(image, datauri, mimetype) {
+
+            // This output is accessible by Image Sequencer
+            step.output = { src: datauri, format: mimetype };
+
+        }
+
+        return require('../_nomodule/PixelManipulation.js')(input, {
+            output: output,
+            extraManipulation: extraManipulation,
+            format: input.format,
+            image: options.image,
+            inBrowser: options.inBrowser,
+            callback: callback
+        });
+
+    }
+    return {
+        options: options,
+        draw: draw,
+        output: output,
+        UI: UI
+    }
+}
--- a/src/modules/CanvasResize/index.js
+++ b/src/modules/CanvasResize/index.js
@@ -0,0 +1,4 @@
+module.exports = [
+    require('./Module'),
+    require('./info.json')
+]
--- a/src/modules/CanvasResize/info.json
+++ b/src/modules/CanvasResize/info.json
@@ -0,0 +1,26 @@
+{
+    "name": "Resize Canvas",
+    "description": "This module resizes the canvas and overlays the ouput of the previous step at given location",
+    "inputs": {
+        "width": {
+            "type": "integer",
+            "desc": "Final width of the canvas",
+            "default": 1000
+        },
+        "height": {
+            "type": "integer",
+            "desc": "Final height of the canvas",
+            "default": 1000
+        },
+        "x": {
+            "type": "integer",
+            "desc": "X-cord of the top left corner of the image on the canvas",
+            "default": 500
+        },
+        "y": {
+            "type": "float",
+            "desc": "Y-cord of the top left corner of the image on the canvas",
+            "default": 500
+        }
+    }
+}
--- a/src/modules/ColorTemperature/Module.js
+++ b/src/modules/ColorTemperature/Module.js
@@ -78,4 +78,4 @@ module.exports = function ColorTemperature(options, UI) {
        UI: UI
    }

-}
+}
--- a/src/modules/ColorTemperature/info.json
+++ b/src/modules/ColorTemperature/info.json
@@ -9,4 +9,4 @@
      }
    },
    "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md#color-temperature"
-}
+}
--- a/src/modules/EdgeDetect/Module.js
+++ b/src/modules/EdgeDetect/Module.js
@@ -7,7 +7,7 @@ module.exports = function edgeDetect(options, UI) {
  options.blur = options.blur || defaults.blur;
  options.highThresholdRatio = options.highThresholdRatio || defaults.highThresholdRatio;
  options.lowThresholdRatio = options.lowThresholdRatio || defaults.lowThresholdRatio;
-  options.hystereis = options.hysteresis || defaults.hysteresis;
+  options.hysteresis = options.hysteresis || defaults.hysteresis;

  var output;

@@ -27,7 +27,7 @@ module.exports = function edgeDetect(options, UI) {

    function extraManipulation(pixels) {
      pixels = require('ndarray-gaussian-filter')(pixels, options.blur);
-      pixels = require('./EdgeUtils')(pixels, options.highThresholdRatio, options.lowThresholdRatio, options.hystereis);
+      pixels = require('./EdgeUtils')(pixels, options.highThresholdRatio, options.lowThresholdRatio, options.hysteresis);
      return pixels;
    }

--- a/src/modules/FisheyeGl/Module.js
+++ b/src/modules/FisheyeGl/Module.js
@@ -1,26 +1,25 @@
 /*
- * Resolves Fisheye Effect
- */
-module.exports = function DoNothing(options,UI) {
+* Resolves Fisheye Effect
+*/
+module.exports = function DoNothing(options, UI) {

  var output;

-  require('fisheyegl');
+  var gl = require('fisheyegl');

-  function draw(input,callback) {
+  function draw(input, callback) {

    var step = this;

-    if (!options.inBrowser) { // This module is only for browser
-      this.output = input;
-      callback();
+    if (!options.inBrowser) {
+      require('../_nomodule/gl-context')(input, callback, step, options);
    }
    else {
      // Create a canvas, if it doesn't already exist.
      if (!document.querySelector('#image-sequencer-canvas')) {
        var canvas = document.createElement('canvas');
        canvas.style.display = "none";
-        canvas.setAttribute('id','image-sequencer-canvas');
+        canvas.setAttribute('id', 'image-sequencer-canvas');
        document.body.append(canvas);
      }
      else var canvas = document.querySelector('#image-sequencer-canvas');
@@ -48,10 +47,10 @@ module.exports = function DoNothing(options,UI) {
      distorter.fov.y = options.y;

      // generate fisheyegl output
-      distorter.setImage(input.src,function(){
+      distorter.setImage(input.src, function() {

        // this output is accessible to Image Sequencer
-        step.output = {src: canvas.toDataURL(), format: input.format};
+        step.output = { src: canvas.toDataURL(), format: input.format };

        // Tell Image Sequencer and UI that step has been drawn
        callback();
--- a/src/modules/GridOverlay/GridOverlay.js
+++ b/src/modules/GridOverlay/GridOverlay.js
@@ -0,0 +1,36 @@
+module.exports = exports = function(pixels, options,priorstep){
+    var defaults = require('./../../util/getDefaults.js')(require('./info.json'));
+
+    options.color = options.color || defaults.color;
+    options.x = options.x || defaults.x;
+    options.y = options.y || defaults.y;
+
+        var img = $(priorstep.imgElement);
+        if(Object.keys(img).length === 0){
+            img = $(priorstep.options.step.imgElement);
+        }
+        var canvas = document.createElement("canvas");
+        canvas.width = pixels.shape[0]; //img.width();
+        canvas.height = pixels.shape[1]; //img.height();
+        var ctx = canvas.getContext('2d');
+        ctx.drawImage(img[0], 0, 0);
+        var p=2;
+        function drawBoard(){
+            for (var x = 0; x <= canvas.width; x+=options.x) {
+                ctx.moveTo(0.5 + x + p, p);
+                ctx.lineTo(0.5 + x + p, canvas.height + p);
+            }
+            for (var y = 0; y <= canvas.height; y+=options.y) {
+                ctx.moveTo(p, 0.5 + y + p);
+                ctx.lineTo(canvas.width + p, 0.5 + y + p);
+            }
+            ctx.strokeStyle = options.color;
+            ctx.stroke();
+        }
+        
+        drawBoard();
+
+    var myImageData = ctx.getImageData(0,0,canvas.width,canvas.height);
+    pixels.data = myImageData.data
+    return pixels;
+}
--- a/src/modules/GridOverlay/Module.js
+++ b/src/modules/GridOverlay/Module.js
@@ -0,0 +1,50 @@
+
+module.exports = function GridOverlay(options,UI) {
+  
+  var output;
+
+  function draw(input, callback, progressObj) {
+
+    progressObj.stop(true);
+    progressObj.overrideFlag = true;
+
+    var step = this;
+    if (!options.step.inBrowser) { // This module is only for browser
+     this.output = input;
+     callback();
+   }
+   else{
+    var priorStep = this.getStep(-1); // get the previous step to add text onto it.
+
+    function extraManipulation(pixels) {
+     //if (options.step.inBrowser) 
+     pixels = require('./GridOverlay')(pixels, options,priorStep);
+     return pixels
+   }
+
+    function output(image, datauri, mimetype) {
+
+      // This output is accesible by Image Sequencer
+      step.output = { src: datauri, format: mimetype };
+
+    }
+
+    return require('../_nomodule/PixelManipulation.js')(input, {
+      output: output,
+      extraManipulation: extraManipulation,
+      format: input.format,
+      image: options.image,
+      inBrowser: options.inBrowser,
+      callback: callback
+    });
+
+  }
+ }
+
+  return {
+    options: options,
+    draw: draw,
+    output: output,
+    UI: UI
+  }
+}
--- a/src/modules/GridOverlay/index.js
+++ b/src/modules/GridOverlay/index.js
@@ -0,0 +1,4 @@
+module.exports = [
+    require('./Module'),
+    require('./info.json')
+]
--- a/src/modules/GridOverlay/info.json
+++ b/src/modules/GridOverlay/info.json
@@ -0,0 +1,31 @@
+{
+    "name": "GridOverlay",
+    "description": "Overlays a grid over an Image",
+    "inputs": {
+        "x": {
+            "type": "integer",
+            "desc": "X-position (measured from left) from where grid starts",
+            "default": 100
+        },
+        "y": {
+            "type": "integer",
+            "desc": "Y-position (measured from top) from where grid starts",
+            "default": 100
+        },
+        "color": {
+            "type": "select",
+            "desc": "Select the color for the grid.",
+            "default": "black",
+            "values": [
+                "black",
+                "blue",
+                "green",
+                "red",
+                "white",
+                "pink",
+                "orange"
+            ]
+        }
+    },
+    "only": "browser" 
+}
--- a/src/modules/TextOverlay/TextOverlay.js
+++ b/src/modules/TextOverlay/TextOverlay.js
@@ -8,8 +8,10 @@ module.exports = exports = function(pixels, options,priorstep){
    options.color = options.color || defaults.color;
    options.size = options.size || defaults.size;

-
        var img = $(priorstep.imgElement);
+        if(Object.keys(img).length === 0){
+            img = $(priorstep.options.step.imgElement);
+        }
        var canvas = document.createElement("canvas");
        canvas.width = pixels.shape[0]; //img.width();
        canvas.height = pixels.shape[1]; //img.height();
--- a/src/modules/WhiteBalance/Module.js
+++ b/src/modules/WhiteBalance/Module.js
@@ -0,0 +1,58 @@
+module.exports = function Balance(options, UI) {
+
+    var defaults = require('./../../util/getDefaults.js')(require('./info.json'));
+
+    options.red = options.red || defaults.red
+    options.green = options.green || defaults.green
+    options.blue = options.blue || defaults.blue
+
+    var output;
+
+    function draw(input, callback, progressObj) {
+
+        progressObj.stop(true);
+        progressObj.overrideFlag = true;
+
+        var step = this;
+
+        function extraManipulation(pixels) {
+
+            var i = 0
+            var red_factor = 255/options.red
+            var green_factor = 255/options.green
+            var blue_factor = 255/options.blue
+
+            while (i < pixels.data.length) {
+                pixels.data[i] = Math.min(255, pixels.data[i]*red_factor)
+                pixels.data[i+1] = Math.min(255, pixels.data[i+1]*green_factor)
+                pixels.data[i+2] = Math.min(255, pixels.data[i+2]*blue_factor)
+                i+=4
+            }
+
+            return pixels
+        }
+
+        function output(image, datauri, mimetype) {
+
+            step.output = { src: datauri, format: mimetype };
+
+        }
+
+        return require('../_nomodule/PixelManipulation.js')(input, {
+            output: output,
+            extraManipulation: extraManipulation,
+            format: input.format,
+            image: options.image,
+            inBrowser: options.inBrowser,
+            callback: callback
+        });
+    }
+
+    return {
+        options: options,
+        draw: draw,
+        output: output,
+        UI: UI
+    }
+
+}
--- a/src/modules/WhiteBalance/index.js
+++ b/src/modules/WhiteBalance/index.js
@@ -0,0 +1,4 @@
+module.exports = [
+    require('./Module'),
+    require('./info.json')
+]
--- a/src/modules/WhiteBalance/info.json
+++ b/src/modules/WhiteBalance/info.json
@@ -0,0 +1,22 @@
+{
+    "name": "White Balance",
+    "description": "Render neutral colours correctly based on the whitest pixel in the image.",
+    "inputs": {
+      "red": {
+        "type": "integer",
+        "desc": "Red component of the whitest pixel ",
+        "default": 255
+      },
+      "green": {
+        "type": "integer",
+        "desc": "Green component of the whitest pixel ",
+        "default": 255
+      },
+      "blue": {
+        "type": "integer",
+        "desc": "Blue component of the whitest pixel ",
+        "default": 255
+      }
+    },
+    "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md#white-balance"
+}
--- a/src/modules/_nomodule/PixelManipulation.js
+++ b/src/modules/_nomodule/PixelManipulation.js
@@ -69,32 +69,32 @@ module.exports = function PixelManipulation(image, options) {
    }
    // perform any extra operations on the entire array:
    var res;
-    if (options.extraManipulation) res = options.extraManipulation(pixels,generateOutput);
+    if (options.extraManipulation) res = options.extraManipulation(pixels, generateOutput);
    // there may be a more efficient means to encode an image object,
    // but node modules and their documentation are essentially arcane on this point
-    function generateOutput(){
+    function generateOutput() {
      var chunks = [];
-    var totalLength = 0;
-    
-    var r = savePixels(pixels, options.format, { quality: 100 });
+      var totalLength = 0;

-    r.on("data", function(chunk) {
-      totalLength += chunk.length;
-      chunks.push(chunk);
-    });
+      var r = savePixels(pixels, options.format, { quality: 100 });

-    r.on("end", function() {
-      var data = Buffer.concat(chunks, totalLength).toString("base64");
-      var datauri = "data:image/" + options.format + ";base64," + data;
-      if (options.output)
-        options.output(options.image, datauri, options.format);
-      if (options.callback) options.callback();
-    });
+      r.on("data", function(chunk) {
+        totalLength += chunk.length;
+        chunks.push(chunk);
+      });
+
+      r.on("end", function() {
+        var data = Buffer.concat(chunks, totalLength).toString("base64");
+        var datauri = "data:image/" + options.format + ";base64," + data;
+        if (options.output)
+          options.output(options.image, datauri, options.format);
+        if (options.callback) options.callback();
+      });
    }
-    if(res){
-      pixels=res;
+    if (res) {
+      pixels = res;
      generateOutput();
    }
-    else if(!options.extraManipulation) generateOutput();
+    else if (!options.extraManipulation) generateOutput();
  });
 };
--- a/src/modules/_nomodule/gl-context.js
+++ b/src/modules/_nomodule/gl-context.js
@@ -0,0 +1,37 @@
+module.exports = function runInBrowserContext(input, callback, step, options) {
+
+    // to ignore this from getting browserified
+    const puppeteer = eval('require')('puppeteer');
+
+    //Stripped down version of options which is serializable
+    var minOptions = require("lodash").cloneDeep(options);
+    minOptions.step = options.step.name;
+
+    var obj = { input: input, modOptions: minOptions }
+
+    puppeteer.launch().then(function(browser) {
+        browser.newPage().then(page => {
+            /* Maybe there is a better way to this, loading the page coz localstorage API
+            is not available otherwise */
+            page.goto("https://google.com").then(() => {
+                page.addScriptTag({ path: require('path').join(__dirname, '../../../dist/image-sequencer.js') }).then(() => {
+                    page.evaluate((options) => {
+                        return new Promise((resolve, reject) => {
+                            var sequencer = ImageSequencer();
+                            sequencer.loadImage(options.input.src);
+                            sequencer.addSteps(options.modOptions.step, options.modOptions);
+                            sequencer.run(function cb(out) {
+                                resolve(sequencer.steps[1].output.src)
+                            });
+                        })
+                    }, obj).then(el => {
+                        browser.close().then(() => {
+                            step.output = { src: el, format: input.format };
+                            callback();
+                        });
+                    });
+                })
+            });
+        });
+    });
+}
--- a/test/core/modules/benchmark.js
+++ b/test/core/modules/benchmark.js
@@ -18,6 +18,8 @@ test('benchmark all modules', function(t) {
  var mods = Object.keys(sequencer.modules);

  sequencer.loadImages(image);
+  while ((mods[0] === 'import-image' || (!!sequencer.modulesInfo(mods[0]).requires && sequencer.modulesInfo(mods[0]).requires.includes("webgl"))))
+    mods.splice(0, 1);
  sequencer.addSteps(mods[0]);
  global.start = Date.now()
  global.idx = 0
@@ -30,7 +32,7 @@ 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') {
+      if (mods[0] === 'import-image' || (!!sequencer.modulesInfo(mods[0]).requires && sequencer.modulesInfo(mods[0]).requires.includes("webgl"))) {
        /* Not currently working */
        console.log("Bypassing import-image");
        mods.splice(0, 1);
--- a/test/core/modules/canvas-resize.js
+++ b/test/core/modules/canvas-resize.js
@@ -0,0 +1,34 @@
+var test = require('tape');
+
+require('../../../src/ImageSequencer.js');
+
+var sequencer = ImageSequencer({ ui: false });
+var options = { width: 500, height: 500 };
+var red = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEX+AAD///+KQee0AAAAAWJLR0QB/wIt3gAAAAd0SU1FB+EGHRIVAvrm6EMAAAAMSURBVAjXY2AgDQAAADAAAceqhY4AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMDYtMjlUMTg6MjE6MDIrMDI6MDDGD83DAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTA2LTI5VDE4OjIxOjAyKzAyOjAwt1J1fwAAAABJRU5ErkJggg==";
+
+// Test 1 to check brightness module is getting loaded
+test('Load canvas-resize module', function(t) {
+    sequencer.loadImages(red);
+    sequencer.addSteps('canvas-resize', options);
+    t.equal(sequencer.steps[1].options.name, 'canvas-resize', 'Canvas resize module is getting loaded');
+    t.end();
+});
+
+// Test 2 to check options are correct
+test('Check Options', function(t) {
+    t.equal(sequencer.steps[1].options.width, 500, 'Options are correct');
+    t.equal(sequencer.steps[1].options.height, 500, 'Options are correct');
+    t.end();
+});
+
+// Test 3 to check brightness module works as expected
+test('canvas-resize module works correctly', function(t) {
+    sequencer.run({ mode: 'test' }, function(out) {
+        var result = sequencer.steps[1].output.src;
+        require('get-pixels')(result, (err, pix) => {
+            t.equal(pix.shape[0], 500);
+            t.equal(pix.shape[1], 500);
+            t.end();
+        });
+    });
+});
--- a/test/core/modules/white-balance.js
+++ b/test/core/modules/white-balance.js
@@ -0,0 +1,43 @@
+const test = require('tape')
+const base64Img = require('base64-img')
+const looksSame = require('looks-same')
+
+require('../../../src/ImageSequencer.js');
+
+var sequencer = ImageSequencer({ui: false})
+var options = {red: 240, green: 240, blue: 240}
+var target = 'test_outputs'
+var image = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEX+AAD///+KQee0AAAAAWJLR0QB/wIt3gAAAAd0SU1FB+EGHRIVAvrm6EMAAAAMSURBVAjXY2AgDQAAADAAAceqhY4AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMDYtMjlUMTg6MjE6MDIrMDI6MDDGD83DAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTA2LTI5VDE4OjIxOjAyKzAyOjAwt1J1fwAAAABJRU5ErkJggg=='
+var benchmark = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAklEQVR4AewaftIAAAApSURBVKXBAQEAAAiDMKR/5xuC7QYjkEgiiSSSSCKJJJJIIokkkkgiiR5YbQIegx78CAAAAABJRU5ErkJggg=='
+
+// Test for loading module
+test('Load white balance module', function(t){
+  sequencer.loadImages(image)
+  sequencer.addSteps('white-balance', options)
+  t.equal(sequencer.steps[1].options.name, 'white-balance', 'White Balance module loads correctly')
+  t.end()
+})
+
+// Test for checking options
+test('Options are correct', function(t){
+  t.equal(sequencer.steps[1].options.red, 240, 'Red component is correct')
+  t.equal(sequencer.steps[1].options.green, 240, 'Green component is correct')
+  t.equal(sequencer.steps[1].options.blue, 240, 'Blue component is correct')
+  t.end()
+})
+
+// Test for correct output
+test('White Balance module works correctly', function(t){
+  sequencer.run({ mode: 'test' }, function(out) {
+    var result = sequencer.steps[1].output.src
+    base64Img.imgSync(result, target, 'result')
+    base64Img.imgSync(benchmark, target, 'benchmark')
+    result = './test_outputs/result.png'
+    benchmark = './test_outputs/benchmark.png'
+    looksSame(result, benchmark, function(err, res) {
+      if (err) console.log(err)
+      t.equal(res.equal, true)
+      t.end()
+    })
+  })
+})
--- a/yarn.lock
+++ b/yarn.lock
@@ -87,6 +87,13 @@ after@0.8.2:
  resolved "https://registry.yarnpkg.com/after/-/after-0.8.2.tgz#fedb394f9f0e02aa9768e702bda23b505fae7e1f"
  integrity sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=

+agent-base@^4.1.0:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-4.2.1.tgz#d89e5999f797875674c07d87f260fc41e83e8ca9"
+  integrity sha512-JVwXMr9nHYTUXsBFKUqhJwvlcYU/blreOEUkhNR2eXZIvwd+c+o5V4MgDPKWnMS/56awN3TRzIP+KoPn+roQtg==
+  dependencies:
+    es6-promisify "^5.0.0"
+
 ajax-request@^1.2.0:
  version "1.2.3"
  resolved "https://registry.yarnpkg.com/ajax-request/-/ajax-request-1.2.3.tgz#99fcbec1d6d2792f85fa949535332bd14f5f3790"
@@ -129,10 +136,10 @@ ansi-regex@^3.0.0:
  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998"
  integrity sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=

-ansi-regex@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.0.0.tgz#70de791edf021404c3fd615aa89118ae0432e5a9"
-  integrity sha512-iB5Dda8t/UqpPI/IjsejXu5jOGDrzn41wJyljwPH65VCIbk6+1BzFIMJGFwTNrYXT1CrD+B4l19U7awiQ8rk7w==
+ansi-regex@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
+  integrity sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==

 ansi-styles@^2.2.1:
  version "2.2.1"
@@ -1083,9 +1090,9 @@ combined-stream@~1.0.6:
    delayed-stream "~1.0.0"

 commander@^2.11.0, commander@^2.2.0:
-  version "2.19.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.19.0.tgz#f6198aa84e5b83c46054b94ddedbfed5ee9ff12a"
-  integrity sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg==
+  version "2.20.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.0.tgz#d58bb2b5c1ee8f87b0d340027e9e94e222c5a422"
+  integrity sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ==

 commander@~2.13.0:
  version "2.13.0"
@@ -1387,6 +1394,13 @@ debug@^3.1.0:
  dependencies:
    ms "^2.1.1"

+debug@^4.1.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
+  integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
+  dependencies:
+    ms "^2.1.1"
+
 decamelize@^1.0.0, decamelize@^1.1.1, decamelize@^1.1.2, decamelize@^1.2.0:
  version "1.2.0"
  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
@@ -1803,11 +1817,23 @@ es6-map@^0.1.5:
    es6-symbol "~3.1.1"
    event-emitter "~0.3.5"

+es6-promise@^4.0.3:
+  version "4.2.6"
+  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.6.tgz#b685edd8258886365ea62b57d30de28fadcd974f"
+  integrity sha512-aRVgGdnmW2OiySVPUC9e6m+plolMAJKjZnQlCwNSuK5yQ0JN61DZSO1X1Ufd1foqWRAlig0rhduTCHe7sVtK5Q==
+
 es6-promise@^4.0.5:
  version "4.2.5"
  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.5.tgz#da6d0d5692efb461e082c14817fe2427d8f5d054"
  integrity sha512-n6wvpdE43VFtJq+lUDYDBFUwV8TZbuGXLV4D6wKafg13ldznKsyEvatubnmUe31zcvelSzOHF+XbaT+Bl9ObDg==

+es6-promisify@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/es6-promisify/-/es6-promisify-5.0.0.tgz#5109d62f3e56ea967c4b63505aef08291c8a5203"
+  integrity sha1-UQnWLz5W6pZ8S2NQWu8IKRyKUgM=
+  dependencies:
+    es6-promise "^4.0.3"
+
 es6-set@^0.1.5, es6-set@~0.1.5:
  version "0.1.5"
  resolved "https://registry.yarnpkg.com/es6-set/-/es6-set-0.1.5.tgz#d2b3ec5d4d800ced818db538d28974db0a73ccb1"
@@ -2071,7 +2097,7 @@ extglob@^2.0.4:
    snapdragon "^0.8.1"
    to-regex "^3.0.1"

-extract-zip@^1.0.3:
+extract-zip@^1.0.3, extract-zip@^1.6.6:
  version "1.6.7"
  resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-1.6.7.tgz#a840b4b8af6403264c8db57f4f1a74333ef81fe9"
  integrity sha1-qEC0uK9kAyZMjbV/Txp0Mz74H+k=
@@ -2372,6 +2398,14 @@ gaze@^1.1.0:
  dependencies:
    globule "^1.0.0"

+geotiff@^1.0.0-beta.6:
+  version "1.0.0-beta.6"
+  resolved "https://registry.yarnpkg.com/geotiff/-/geotiff-1.0.0-beta.6.tgz#500f256196a2c23517b73ccb36a45dc82a1f7a70"
+  integrity sha512-xdZ/MLcnrv1+6wQlQZQIs11zNJywylnV1pXqDw7Ao7bmLRpM421a39dXP5e6SG+vio0mnDUZkL2XknKbqppFzw==
+  dependencies:
+    pako "^1.0.3"
+    xmldom "0.1.*"
+
 get-assigned-identifiers@^1.1.0, get-assigned-identifiers@^1.2.0:
  version "1.2.0"
  resolved "https://registry.yarnpkg.com/get-assigned-identifiers/-/get-assigned-identifiers-1.2.0.tgz#6dbf411de648cbaf8d9169ebb0d2d576191e2ff1"
@@ -2879,6 +2913,14 @@ 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=

+https-proxy-agent@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-2.2.1.tgz#51552970fa04d723e04c56d04178c3f92592bbc0"
+  integrity sha512-HPCTS1LW51bcyMYbxUIOO4HEOlQ1/1qRaFWcyxvwaqUS9TY88aoEuHUY33kuAh1YhVVaDQhLZsnPd+XNARWZlQ==
+  dependencies:
+    agent-base "^4.1.0"
+    debug "^3.1.0"
+
 humanize@^0.0.9:
  version "0.0.9"
  resolved "https://registry.yarnpkg.com/humanize/-/humanize-0.0.9.tgz#1994ffaecdfe9c441ed2bdac7452b7bb4c9e41a4"
@@ -3305,9 +3347,9 @@ isstream@~0.1.2:
  integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=

 jasmine-core@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/jasmine-core/-/jasmine-core-3.3.0.tgz#dea1cdc634bc93c7e0d4ad27185df30fa971b10e"
-  integrity sha512-3/xSmG/d35hf80BEN66Y6g9Ca5l/Isdeg/j6zvbTYlTzeKinzmaTM4p9am5kYqOmE05D7s1t8FGjzdSnbUbceA==
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/jasmine-core/-/jasmine-core-3.4.0.tgz#2a74618e966026530c3518f03e9f845d26473ce3"
+  integrity sha512-HU/YxV4i6GcmiH4duATwAbJQMlE0MsDIR5XmSVxURxKHn3aGAdbY1/ZJFmVRbKtnLwIxxMJD7gYaPsypcbYimg==

 jasmine-jquery@^2.1.1:
  version "2.1.1"
@@ -3337,9 +3379,9 @@ jpeg-js@^0.3.2:
  integrity sha512-6IzjQxvnlT8UlklNmDXIJMWxijULjqGrzgqc0OG7YadZdvm7KPQ1j0ehmQQHckgEWOfgpptzcnWgESovxudpTA==

 jquery@^3.3.1:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.3.1.tgz#958ce29e81c9790f31be7792df5d4d95fc57fbca"
-  integrity sha512-Ubldcmxp5np52/ENotGxlLe6aGMvmF4R8S6tZjsP6Knsaxd/xp3Zrh50cG93lR6nPXyUFwzN3ZSOQI0wRJNdGg==
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.4.0.tgz#8de513fa0fa4b2c7d2e48a530e26f0596936efdf"
+  integrity sha512-ggRCXln9zEqv6OqAGXFEcshF5dSBvCkzj6Gm2gzuR5fWawaX8t7cxKVkkygKODrDAzKdoYw3l/e3pm3vlT4IbQ==

 js-graph-algorithms@1.0.18:
  version "1.0.18"
@@ -3359,10 +3401,10 @@ jsbn@~0.1.0:
  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
  integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=

-jsdom@^13.1.0:
-  version "13.2.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-13.2.0.tgz#b1a0dbdadc255435262be8ea3723d2dba0d7eb3a"
-  integrity sha512-cG1NtMWO9hWpqRNRR3dSvEQa8bFI6iLlqU2x4kwX51FQjp0qus8T9aBaAO6iGp3DeBrhdwuKxckknohkmfvsFw==
+jsdom@^14.0.0:
+  version "14.0.0"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-14.0.0.tgz#c7f1441ebcc57902d08d5fb2f6ba2baf746da7c6"
+  integrity sha512-/VkyPmdtbwqpJSkwDx3YyJ3U1oawYNB/h5z8vTUZGAzjtu2OHTeFRfnJqyMHsJ5Cyes23trOmvUpM1GfHH1leA==
  dependencies:
    abab "^2.0.0"
    acorn "^6.0.4"
@@ -3790,6 +3832,11 @@ mime@^1.2.11, mime@^1.3.4, mime@^1.6.0:
  resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==

+mime@^2.0.3:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-2.4.2.tgz#ce5229a5e99ffc313abac806b482c10e7ba6ac78"
+  integrity sha512-zJBfZDkwRu+j3Pdd2aHsR5GfH2jIWhmL1ZzBoc+X+3JEti2hbArWcyJ+1laC1D2/U/W1a/+Cegj0/OnEU2ybjg==
+
 mimic-fn@^1.0.0:
  version "1.2.0"
  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
@@ -4252,15 +4299,15 @@ optionator@^0.8.1:
    wordwrap "~1.0.0"

 ora@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/ora/-/ora-3.2.0.tgz#67e98a7e11f7f0ac95deaaaf11bb04de3d09e481"
-  integrity sha512-XHMZA5WieCbtg+tu0uPF8CjvwQdNzKCX6BVh3N6GFsEXH40mTk5dsw/ya1lBTUGJslcEFJFQ8cBhOgkkZXQtMA==
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/ora/-/ora-3.4.0.tgz#bf0752491059a3ef3ed4c85097531de9fdbcd318"
+  integrity sha512-eNwHudNbO1folBP3JsZ19v9azXWtQZjICdr3Q0TDPIaeBQ3mXLrh54wM+er0+hSp+dWKf+Z8KM58CYzEyIYxYg==
  dependencies:
    chalk "^2.4.2"
    cli-cursor "^2.1.0"
    cli-spinners "^2.0.0"
    log-symbols "^2.2.0"
-    strip-ansi "^5.0.0"
+    strip-ansi "^5.2.0"
    wcwidth "^1.0.1"

 ordered-emitter@~0.1.0:
@@ -4355,6 +4402,11 @@ pace@0.0.4:
  dependencies:
    charm "~0.1.0"

+pako@^1.0.3:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.10.tgz#4328badb5086a426aa90f541977d4955da5c9732"
+  integrity sha512-0DTvPVU3ed8+HNXOu5Bs+o//Mbdj9VNQMUOe9oKCwh8l0GNwpTDMKCWbRjgtD291AWnkAgkqA/LOnQS8AmS1tw==
+
 pako@~0.2.0:
  version "0.2.9"
  resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
@@ -4639,6 +4691,16 @@ progress-stream@^1.1.0:
    speedometer "~0.1.2"
    through2 "~0.2.3"

+progress@^2.0.1:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
+  integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
+
+proxy-from-env@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.0.0.tgz#33c50398f70ea7eb96d21f7b817630a55791c7ee"
+  integrity sha1-M8UDmPcOp+uW0h97gXYwpVeRx+4=
+
 psl@^1.1.24:
  version "1.1.29"
  resolved "https://registry.yarnpkg.com/psl/-/psl-1.1.29.tgz#60f580d360170bb722a797cc704411e6da850c67"
@@ -4684,6 +4746,20 @@ 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==

+puppeteer@^1.14.0:
+  version "1.14.0"
+  resolved "https://registry.yarnpkg.com/puppeteer/-/puppeteer-1.14.0.tgz#828c1926b307200d5fc8289b99df4e13e962d339"
+  integrity sha512-SayS2wUX/8LF8Yo2Rkpc5nkAu4Jg3qu+OLTDSOZtisVQMB2Z5vjlY2TdPi/5CgZKiZroYIiyUN3sRX63El9iaw==
+  dependencies:
+    debug "^4.1.0"
+    extract-zip "^1.6.6"
+    https-proxy-agent "^2.2.1"
+    mime "^2.0.3"
+    progress "^2.0.1"
+    proxy-from-env "^1.0.0"
+    rimraf "^2.6.1"
+    ws "^6.1.0"
+
 qrcode@^1.3.3:
  version "1.3.3"
  resolved "https://registry.yarnpkg.com/qrcode/-/qrcode-1.3.3.tgz#5ef50c0c890cffa1897f452070f0f094936993de"
@@ -5721,12 +5797,12 @@ strip-ansi@^4.0.0:
  dependencies:
    ansi-regex "^3.0.0"

-strip-ansi@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.0.0.tgz#f78f68b5d0866c20b2c9b8c61b5298508dc8756f"
-  integrity sha512-Uu7gQyZI7J7gn5qLn1Np3G9vcYGTVqB+lFTytnDJv83dd8T22aGH451P3jueT2/QemInJDfxHB5Tde5OzgG1Ow==
+strip-ansi@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
+  integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
  dependencies:
-    ansi-regex "^4.0.0"
+    ansi-regex "^4.1.0"

 strip-bom@^2.0.0:
  version "2.0.0"
@@ -6441,6 +6517,13 @@ wrappy@1:
  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=

+ws@^6.1.0:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.1.tgz#442fdf0a47ed64f59b6a5d8ff130f4748ed524fb"
+  integrity sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==
+  dependencies:
+    async-limiter "~1.0.0"
+
 ws@^6.1.2:
  version "6.1.2"
  resolved "https://registry.yarnpkg.com/ws/-/ws-6.1.2.tgz#3cc7462e98792f0ac679424148903ded3b9c3ad8"
@@ -6475,6 +6558,11 @@ xmlchars@^1.3.1:
  resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-1.3.1.tgz#1dda035f833dbb4f86a0c28eaa6ca769214793cf"
  integrity sha512-tGkGJkN8XqCod7OT+EvGYK5Z4SfDQGD30zAa58OcnAa0RRWgzUEK72tkXhsX1FZd+rgnhRxFtmO+ihkp8LHSkw==

+xmldom@0.1.*:
+  version "0.1.27"
+  resolved "https://registry.yarnpkg.com/xmldom/-/xmldom-0.1.27.tgz#d501f97b3bdb403af8ef9ecc20573187aadac0e9"
+  integrity sha1-1QH5ezvbQDr4757MIFcxh6rawOk=
+
 xmlhttprequest-ssl@~1.5.4:
  version "1.5.5"
  resolved "https://registry.yarnpkg.com/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz#c2876b06168aadc40e57d97e81191ac8f4398b3e"
Author	SHA1	Message	Date
Jeffrey Warren	57c3679feb	Update README.md	2019-04-15 16:05:01 -05:00
Slytherin	6ba604550b	Add codecov (#1014 )	2019-04-15 15:58:58 -05:00
Harsh Khandeparkar	2f86dcb0c8	Fixed Service Worker (#976 ) * Update cache.js * Update cache.js * Create sw.js * Delete sw.js	2019-04-15 12:38:39 -05:00
dependabot[bot]	fd981634fa	Bump commander from 2.19.0 to 2.20.0 (#980 ) Bumps [commander](https://github.com/tj/commander.js) from 2.19.0 to 2.20.0. - [Release notes](https://github.com/tj/commander.js/releases) - [Changelog](https://github.com/tj/commander.js/blob/master/CHANGELOG.md) - [Commits](https://github.com/tj/commander.js/compare/v2.19.0...v2.20.0) Signed-off-by: dependabot[bot] <support@dependabot.com>	2019-04-15 12:33:00 -05:00
dependabot[bot]	142464bb8b	Bump ora from 3.2.0 to 3.4.0 (#981 ) Bumps [ora](https://github.com/sindresorhus/ora) from 3.2.0 to 3.4.0. - [Release notes](https://github.com/sindresorhus/ora/releases) - [Commits](https://github.com/sindresorhus/ora/compare/v3.2.0...v3.4.0) Signed-off-by: dependabot[bot] <support@dependabot.com>	2019-04-15 12:32:09 -05:00
dependabot[bot]	78d9cd91e7	Bump jasmine-core from 3.3.0 to 3.4.0 (#986 ) Bumps [jasmine-core](https://github.com/jasmine/jasmine) from 3.3.0 to 3.4.0. - [Release notes](https://github.com/jasmine/jasmine/releases) - [Changelog](https://github.com/jasmine/jasmine/blob/master/RELEASE.md) - [Commits](https://github.com/jasmine/jasmine/compare/v3.3.0...v3.4.0) Signed-off-by: dependabot[bot] <support@dependabot.com>	2019-04-15 09:18:26 -05:00
Vibhor Gupta	e22eacf666	Add: white balance module (#1011 ) * WIP * added white balance and renamed temperature module * import defaults * white balance module test	2019-04-15 07:21:39 -05:00
Varun Gupta	c3e8c3fb74	Gl puppeteer (#1007 ) * add geotiff Signed-off-by: tech4GT <varun.gupta1798@gmail.com> * now running gl using localhost fixes #216 Signed-off-by: tech4GT <varun.gupta1798@gmail.com> * modularize api and fix tests Signed-off-by: tech4GT <varun.gupta1798@gmail.com> * finishing up Signed-off-by: tech4GT <varun.gupta1798@gmail.com> * add docs Signed-off-by: tech4GT <varun.gupta1798@gmail.com> * fixes Signed-off-by: tech4GT <varun.gupta1798@gmail.com> * fix benchmark.js Signed-off-by: tech4GT <varun.gupta1798@gmail.com>	2019-04-14 10:50:26 -05:00
aashna27	4e43c9123a	Fixes Text-Overlay (#1004 )	2019-04-12 10:11:00 -04:00
dependabot[bot]	914a172f5d	Bump jquery from 3.3.1 to 3.4.0 (#1001 ) Bumps [jquery](https://github.com/jquery/jquery) from 3.3.1 to 3.4.0. - [Release notes](https://github.com/jquery/jquery/releases) - [Commits](https://github.com/jquery/jquery/compare/3.3.1...3.4.0) Signed-off-by: dependabot[bot] <support@dependabot.com>	2019-04-11 04:42:32 -04:00
Lohitha	e4ddb04601	Add spinner while gif is generating (#991 ) fixes #843	2019-04-08 19:47:26 -04:00
Harshith pabbati	edcc253029	fixed the bug (#999 )	2019-04-08 08:26:39 -04:00
Terrence	51a38fe3cf	More Modules option removed. Placeholder text added (#996 ) * More Modules option removed. Placeholder text added * 'A' changed to 'a' in placeholder text * Update examples/lib/intermediateHtmlStepUi.js Suggested update Co-Authored-By: teisenhower <47988669+teisenhower@users.noreply.github.com>	2019-04-07 13:12:18 -04:00
Varun Gupta	e4e4548c09	add canvas resize module (#994 ) * add canvas resize module Signed-off-by: tech4GT <varun.gupta1798@gmail.com> * add tests Signed-off-by: tech4GT <varun.gupta1798@gmail.com>	2019-04-07 12:41:14 -04:00
Vajean Stan	7cf96df1ee	Removed redundant parameters in ImageSequencer.js (#967 ) * Removed redundant parameters in ImageSequencer.js * Re-added loadImages, deleted loadImage * Left both loadImage and loadImages in I think I need more details to the last phrase in the instructions, telling me to remove the export of loadImages, I tried deleting that line and cannot pass the test.	2019-04-05 18:03:04 -04:00
Harsh Khandeparkar	2a0eff41f4	Fix insert step and allow "closing" it (#655 ) * update dist Signed-off-by: tech4GT <varun.gupta1798@gmail.com> dist update Revert "dist update" This reverts commit 9ee2a987e8f978961656ae8f71f6e6702bbbd30d. * fix insert step button * add icon * add dist * use normal functions * use normal functions * no lag * changes * changes * changes * Update intermediateHtmlStepUi.js * toggleDiv global - Globalised toggleDiv - toggleDiv has default callback which does nothing.	2019-04-05 15:08:42 -04:00
Harsh Khandeparkar	b95728f95c	Create fto-template.md (#977 ) * Create fto-template.md * Create first-timers.yml	2019-04-05 14:42:34 -04:00
Harshith pabbati	d63aab79a6	Added doc for grid-overlay (#983 )	2019-04-05 14:37:17 -04:00
Harshith pabbati	0e7323efa9	Grid-Overlay module. (#974 ) * Grid-Overlay module * Added the X and Y for inputs	2019-04-03 08:46:57 -04:00
Harshith pabbati	1de170c978	made few changes to css (#975 )	2019-04-02 09:37:39 -04:00
Jeffrey Warren	9a666a2f06	add maintainability badge from codeclimate	2019-04-01 14:33:02 -04:00
Harshith pabbati	985c67847e	Changes to make the insert-step disable at the first step (#968 )	2019-04-01 10:36:45 -04:00
Jeffrey Warren	690c126f41	ui-tweaks (#960 )	2019-03-30 12:47:56 -04:00
Harshith pabbati	bc1151c340	Made it to work (#958 )	2019-03-29 18:21:01 -04:00
Jeffrey Warren	32268c54df	remove container class from step div (#956 )	2019-03-28 21:35:10 -04:00
dependabot[bot]	12df02a0fd	Bump jsdom from 13.2.0 to 14.0.0 (#845 ) Bumps [jsdom](https://github.com/jsdom/jsdom) from 13.2.0 to 14.0.0. - [Release notes](https://github.com/jsdom/jsdom/releases) - [Changelog](https://github.com/jsdom/jsdom/blob/master/Changelog.md) - [Commits](https://github.com/jsdom/jsdom/compare/13.2.0...14.0.0) Signed-off-by: dependabot[bot] <support@dependabot.com>	2019-03-28 21:32:05 -04:00
MichaelLin250	a51644963a	TRYING SO HARD TO FIX IT (#950 )	2019-03-28 21:29:41 -04:00
Harshith pabbati	9f524615a5	Bootstrap panel (#942 ) * Bootstrap panel * Indentation. * css tidying * more tweaks	2019-03-28 20:59:21 -04:00