added "bluwhtgrngis" colormap to dropdown list

publiclab/image-sequencer #475
Fixed Gif Generation (#561 )
2025-12-08 09:20:10 +01:00 · 2018-12-31 05:36:14 +00:00 · 2018-12-28 22:10:02 +05:30 · 2018-12-27 12:33:34 +05:30 · 2018-12-27 12:32:34 +05:30 · 2018-12-27 12:30:38 +05:30
57 changed files with 35406 additions and 16506 deletions
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -10,13 +10,13 @@ Most contribution (we imagine) would be in the form of API-compatible modules, w
 * [README.md](https://github.com/publiclab/image-sequencer)
 * [Contributing Modules](#contributing-modules)
 * [Info File](#info-file)
-* [Ideas](#ideas)
+* [Ideas](#Contribution-ideas)

 ****

-## Contribution ideas
+## Contribution-ideas

-See [this issue](https://github.com/publiclab/image-sequencer/issues/118) for a range of ideas for new contributions, and links to possibly helpful libraries. Also see the [new features issues list](https://github.com/publiclab/image-sequencer/labels/new-feature).
+See [this issue](https://github.com/publiclab/image-sequencer/issues/118) for a range of ideas for new contributions and links to possibly helpful libraries, or you can solve an [existing issue](https://github.com/publiclab/image-sequencer/labels/module). Also see the [new features issues list](https://github.com/publiclab/image-sequencer/labels/new-feature).

 ### Bugs

--- a/README.md
+++ b/README.md
@@ -10,13 +10,13 @@ Image Sequencer is different from other image processing systems in that it's _n
 * produces a legible trail of operations, to "show your work" for evidential, educational, or reproducibility reasons
 * makes the creation of new tools or "modules" simpler -- each must accept an input image, and produce an output image
 * allows many images to be run through the same sequence of steps
-* works identically in the browser, on Node.js, and on the commandline
+* works identically in the browser, on Node.js, and on the command line

 ![workflow diagram](https://raw.githubusercontent.com/publiclab/image-sequencer/master/examples/images/diagram-workflows.png)

 It is also for prototyping some other related ideas:

-* filter-like image processing -- applying a transform to any image from a given source, like a proxy. I.e. every image tile of a satellite imagery web map
+* filter-like image processing -- applying a transform to an image from a given source, like a proxy. I.e. [every image tile of a satellite imagery web map](https://publiclab.org/notes/warren/05-10-2018/prototype-filter-map-tiles-in-real-time-in-a-browser-with-imagesequencer-ndvi-landsat)
 * test-based image processing -- the ability to create a sequence of steps that do the same task as some other image processing tool, provable with example before/after images to compare with
 * logging of each step to produce an evidentiary record of modifications to an original image
 * cascading changes -- change an earlier step's settings, and see those changes affect later steps
@@ -45,17 +45,17 @@ A diagram of this running 5 steps on a single sample image may help explain how

 ## Installation

-This library works in the browser, in Node, and on the commandline (CLI), which we think is great.
+This library works in the browser, in Node, and on the command line (CLI), which we think is great.

 ### Unix based platforms
-You can setup a local environement to test the UI with `sudo npm setup` followed by `npm start` 
+You can set up a local environment to test the UI with `sudo npm run setup` followed by `npm start` 

 ### Windows
-Our npm scripts do not support windows shells, please run the following snippet in powershell.
+Our npm scripts do not support windows shells, please run the following snippet in PowerShell.
 ```powershell
 npm i ; npm i -g grunt grunt-cli ; grunt serve
 ```
-In case of a port conflict please run the folowing
+In case of a port conflict please run the following
 ```powershell
 npm i -g http-server ; http-server -p 3000
 ```
@@ -67,7 +67,7 @@ Just include [image-sequencer.js](https://publiclab.github.io/image-sequencer/di
 ### Node (via NPM)

 (You must have NPM for this)
-Add `image-sequencer` to your list of dependancies and run `$ npm install`
+Add `image-sequencer` to your list of dependencies and run `$ npm install`

 ### CLI

@@ -93,13 +93,13 @@ Image Sequencer can be used to run modules on an HTML Image Element using the
 modified. `steps` may be the name of a module or array of names of modules.

 Note: Browser CORS Restrictions apply. Some browsers may not allow local images
-form other folders, and throw a Security Error instead.
+from other folders, and throw a Security Error instead.

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

-`optional_options` allows to pass additional arguments to the module itself.
+`optional_options` allows passing additional arguments to the module itself.

 For example:

@@ -108,6 +108,14 @@ For example:
  sequencer.replaceImage('#photo',['invert','ndvi-red']);
 ```

+### Data URL usage
+
+Since Image Sequencer uses data-urls, you can initiate a new sequence by providing an image in the [data URL format](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs), which will import into the demo and run:
+
+[Try this example link with a very small Data URL](http://sequencer.publiclab.org/examples/#src=data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAQABADASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/8QAFQEBAQAAAAAAAAAAAAAAAAAABgj/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCdABykX//Z&steps=invert{})
+
+To produce a data URL from an HTML image, see [this nice blog post with example code](https://davidwalsh.name/convert-image-data-uri-javascript).
+
 ## CLI Usage

 Image Sequencer also provides a CLI for applying operations to local files. The CLI takes the following arguments:
@@ -136,7 +144,7 @@ The CLI also can take multiple steps at once, like so:

 But for this, double quotes must wrap the space-separated steps.

-Options for the steps can be passed in one line as json in the details option like
+Options for the steps can be passed in one line as JSON in the details option like
 ```
 $ ./index.js -i [PATH] -s "brightness" -c '{"brightness":50}'

@@ -150,7 +158,7 @@ Or the values can be given through terminal prompt like
 sequencer --save-sequence "invert-colormap invert(),colormap()"
 ```

-`install-module` option can be used to install new modules from npm. You can register this module in your sequencer with a custom name space sepated with the npm package name. Below is an example for the `image-sequencer-invert` module.
+`install-module` option can be used to install new modules from npm. You can register this module in your sequencer with a custom namespace separated with the npm package name. Below is an example of the `image-sequencer-invert` module.
 ```shell
 sequencer --install-module "invert image-sequencer-invert"
 ```
@@ -188,7 +196,7 @@ CORS Restrictions). To sum up, these are accepted:
 * DataURLs

 return value: **none** (A callback should be used to ensure the image gets loaded)
-The callback is called within the scope of a the sequencer. For example:
+The callback is called within the scope of a sequencer. For example:
 (addSteps is defined later)

 ```js
@@ -202,7 +210,7 @@ In this case, only `'SRC'`.

 ### Adding steps to the image

-The `addSteps` method is used to add steps on the image. One or more steps can
+The `addSteps` method is used to add steps to the image. One or more steps can
 be added at a time. Each step is called a module.

 ```js
@@ -231,7 +239,7 @@ sequencer.run();
 Sequencer can be run with a custom config object

 ```js
-// The config object enables custom progress bars in node environment and
+// The config object enables custom progress bars in a node environment and
 // ability to run the sequencer from a particular index(of the steps array)

 sequencer.run(config);
@@ -255,7 +263,7 @@ sequencer.run(function callback(out){
  // "out" is the DataURL of the final image.
 });
 sequencer.run(config,function callback(out){
-  // the callback is supported with all types of invocations
+  // the callback is supported by all types of invocations
 });
 ```

@@ -265,7 +273,7 @@ return value: **`sequencer`** (To allow method chaining)
 ### Removing a step from the sequencer

 The `removeSteps` method is used to remove unwanted steps from the sequencer.
-It accepts the index of the step as an input, or an array of the unwanted indices
+It accepts the index of the step as an input or an array of the unwanted indices
 if there are more than one.

 For example, if the modules ['ndvi-red','crop','invert'] were added in this order,
@@ -285,7 +293,7 @@ return value: **`sequencer`** (To allow method chaining)
 ### Inserting a step in between the sequencer

 The `insertSteps` method can be used to insert one or more steps at a given index
-in the sequencer. It accepts the index where the module is to be inserted, name of
+in the sequencer. It accepts the index where the module is to be inserted, the name of
 the module, and an optional options parameter. `index` is the index of the inserted
 step. Only one step can be inserted at a time. `optional_options` plays the same
 role it played in `addSteps`.
@@ -303,7 +311,7 @@ return value: **`sequencer`** (To allow method chaining)

 ### Importing an independent module

-The `loadNewModule` method can be used to import a new module inside sequencer. Modules can be downloaded via npm, yarn or cdn and are imported with a custom name. If you wish to load a new module at runtime, it will need to avoid using `require()` -- unless it is compiled with a system like browserify or webpack.
+The `loadNewModule` method can be used to import a new module inside the sequencer. Modules can be downloaded via npm, yarn or CDN and are imported with a custom name. If you wish to load a new module at runtime, it will need to avoid using `require()` -- unless it is compiled with a system like browserify or webpack.

 ```js
 const module = require('sequencer-moduleName')
@@ -319,7 +327,7 @@ Methods can be chained on the Image Sequencer:
 * If the chain starts with loadImage() or loadImages(), the following methods are
 applied only to the newly loaded images.
 * If no name is provided to the image, a name will be generated for it. The name will
-be of the form "image<number>". For ex: "image1", "image2", "image3", etc.
+be of the form "image<number>". For Ex: "image1", "image2", "image3", etc.

 Valid Chains:
 ```js
@@ -376,7 +384,7 @@ return value: **none**
 ### Adding Steps on Multiple Images

 The same method `addSteps` is used for this. There's just a slight obvious change
-in the syntax that the image name has to be supplied too. `image_name` as well as
+in the syntax that the image name has to be supplied too. `image_name` as well as,
 `module_name` in the following examples can be either strings or arrays of strings.

 ```js
@@ -427,7 +435,7 @@ The `run` method also accepts an optional callback just like before:
  });
 ```

-JSON Input is also acceptable.
+JSON input is also acceptable.

 ```js
 sequencer.run({
@@ -466,7 +474,7 @@ return value: **`sequencer`** (To allow method chaining)
 ### Inserting steps on an image

 The `insertSteps` method can also accept an `image_name` parameter. `image_name`
-may be an array. Everything else remains the same. JSON Inout is acceptable too.
+may be an array. Everything else remains the same. JSON Input is acceptable too.

 ```js
 sequencer.insertSteps("image",index,"module_name",o);
@@ -487,7 +495,7 @@ return value: **`sequencer`** (To allow method chaining)

 ## Saving Sequences

-IMAGE SEQUENCER supports saving a sequence of modules and their associated settings in a simple string syntax. These sequences can be saved in the local storage inside the browser and inside a json file in node.js. sequences can be saved in node context using the CLI option
+IMAGE SEQUENCER supports saving a sequence of modules and their associated settings in a simple string syntax. These sequences can be saved in the local storage inside the browser and inside a JSON file in node.js. sequences can be saved in node context using the CLI option

 ```shell
 --save-sequence "name stringified-sequence"
@@ -508,7 +516,7 @@ Image sequencer supports stringifying a sequence which is appended to the url an
 channel{channel:green},invert{}
 ```

-Sequencer also supports use of `()` in place of `{}` for backwards compatibility with older links.(This syntax is deprecated and should be avoided as far as possible)
+Sequencer also supports the use of `()` in place of `{}` for backward compatibility with older links. (This syntax is deprecated and should be avoided as far as possible)
 ```
 channel(channel:green),invert()
 ```
--- a/dist/image-sequencer.js
+++ b/dist/image-sequencer.js
--- a/dist/image-sequencer.min.js
+++ b/dist/image-sequencer.min.js
--- a/docs/MODULES.md
+++ b/docs/MODULES.md
@@ -1,7 +1,38 @@
 Documentation of various Modules
 ===

-## Crop Module (crop)
+List of Module Documentations
+
+1.  [Crop](#crop-module)
+2.  [Segmented-Colormap](#segmented-colormap-module)
+3.  [FisheyeGl](#fisheyeGl-module)
+4.  [Average](#average-module)
+5.  [Blend](#blend-module)
+6.  [Blur](#blur-module)
+7.  [Brightness](#brightness-module)
+8.  [Channel](#channel-module)
+9.  [Colorbar](#colorbar-module)
+10. [Colormap](#colormap-module)
+11. [Contrast](#contrast-module)
+12. [Convolution](#convolutioon-module)
+13. [DecodeQr](#decodeQr-module)
+14. [Dynamic](#dynamic-module)
+15. [Edge-Detect](#edge-detect-module)
+16. [Gamma-Correction](#gamma-correction-module)
+17. [Gradient](#gradient-module)
+18. [Histogram](#histogram-module)
+19. [Import-image](#import-image-module)
+20. [Invert](#invert-module)
+21. [Ndvi](#ndvi-module)
+22. [Ndvi-Colormap](#ndvi-colormap-module)
+23. [Overlay](#overlay-module)
+24. [Resize](#resize-module)
+25. [Rotate](#rotate-module)
+26. [Saturation](#saturation-module)
+
+
+
+## crop-module

 This module is used to crop an image.

@@ -24,7 +55,7 @@ Where `options` is an object having the properties `x`, `y`, `w`, `h`. This diag
 * `options.h` : half of image height


-## Segmented Colormap Module (segmented-colormap)
+## segmented-colormap-module

 This module is used to map the pixels of the image to a segmented colormap.

@@ -48,7 +79,7 @@ where `options` is an object with the property `colormap`. `options.colormap` ca

 * A custom array.

-## FisheyeGl (fisheye-gl)
+## fisheyeGl-module

 This module is used for correcting Fisheye or Lens Distortion

@@ -68,3 +99,333 @@ where `options` is an object with the following properties:
 * scale : The ratio to which the original image is to be scaled (0 to 20; default 1.5)
 * x : Field of View x (0 to 2; default 1)
 * y : Field of View y (0 to 2; default 1)
+
+## average-module
+
+This module is used for averaging all the pixels of the image.
+
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('average',options)
+           .run()
+```
+
+## blend-module
+
+This module is used for blending two images .
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('blend',options)
+           .run()
+```
+
+where `options` is an object with the following properties:
+* offset: step of image with which current image is to be blended(Two steps back is -2, three                steps back is -3 etc; default -2) 
+* func: function used to blend two images (default : function(r1, g1, b1, a1, r2, g2, b2, a2) {            return [ r1, g2, b2, a2 ] })
+
+## blur-module
+
+This module is used for applying a Gaussian blur effect.
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('blur',options)
+           .run()
+```
+
+where `options` is an object with the following property:
+* blur : Intensity of Gaussian blur (0 to 5; default 2)
+
+## brightness-module
+
+This module is used for changing the brightness of the image.
+
+
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('brightness',options)
+           .run()
+```
+
+where `options` is an object with the following property:
+* brightness : brightness of the image in percentage (0 to 100; default 100)
+
+## channel-module
+
+This module is used for forming a grayscale image by applying one of the three primary colors.
+
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('channel',options)
+           .run()
+```
+
+where `options` is an object with the following property:
+* channel : color of the channel (red, green, blue; default green)
+
+## colorbar-module
+
+This module is used for displaying an image with a colorbar.
+
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('colorbar',options)
+           .run()
+```
+
+where `options` is an object with the following properties:
+* colormap : Name of the Colormap(default, greyscale, stretched, fastie, brntogrn, blutoredjet,                 colors16; default: default)
+* x : X-position of the image on which the new image is overlayed (default 0)
+* y : Y-position of the image on which the new image is overlayed (default 0)
+* h : height of resulting cropped image (default : 50% of input image width )
+
+## colormap-module
+
+This module is used for mapping brightness values (average of red, green & blue) to a given color  lookup table, made up of a set of one more color gradients.
+
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('colormap',options)
+           .run()
+```
+
+where `options` is an object with the following property:
+* colormap : Name of the Colormap ( greyscale, stretched, fastie, brntogrn, blutoredjet,                        colors16)
+
+## contrast-module
+
+This module is used for changing the contrast of the image.
+
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('contrast',options)
+           .run()
+```
+
+where `options` is an object with the following property:
+* contrast : contrast for the given image (-100 to 100; default : 70)
+
+## convolution-module
+
+This module is used for performing image-convolution.
+
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('convolution',options)
+           .run()
+```
+
+where `options` is an object with the following properties:
+* constantFactor : a constant factor, multiplies all the kernel values by that factor (default :                     1/9)
+* kernelValues : nine space separated numbers representing the kernel values in left to right and                   top to bottom format(default : 1 1 1 1 1 1 1 1 1)
+
+## decodeQr-module
+
+This module is used for decoding a QR in image (if present).
+
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('decode-qr',options)
+           .run()
+```
+## dynamic-module
+
+This module is used for producing each color channel based on the original image's color.
+
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('dynamic',options)
+           .run()
+```
+
+where `options` is an object with the following properties:
+* red : expression for red channel (R, G, B and A as inputs; default r)
+* green : expression for green channel (R, G, B and A as inputs; default g)
+* blue : expression for blue channel (R, G, B and A as inputs; default b)
+* monochrome: fallback for other channels if none provided (default : r+g+b/3)
+
+## edge-detect-module
+
+This module is used for detecting images.
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('edge-detect',options)
+           .run()
+```
+
+where `options` is an object with the following properties:
+* blur :  Intensity of Gaussian blur (0 to 5; default 2)
+* highThresholdRatio : Upper Threshold Ratio ( default : 0.2)
+* lowThresholdratio : Lower Threshold Ratio ( default : 0.2)
+
+## gamma-correction-module
+
+This module is used for applying gamma correction.
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('gamma-correction',options)
+           .run()
+```
+
+where `options` is an object with the following property:
+* adjustment : Inverse of actual gamma factor (default 0.2)
+
+## gradient-module
+
+This module is used for finding gradient of the image.
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('gradient',options)
+           .run()
+```
+
+## histogram-module
+
+This module is used for calculating histogram of the image.
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('histogram',options)
+           .run()
+```
+
+where `options` is an object with the following property:
+* gradient : boolean value used to toggle gradient along x-axis (true or false; default true)
+
+## import-image-module
+
+This module is used for importing a new image and replacing the original with it.
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('import-image',options)
+           .run()
+```
+
+where `options` is an object with the following property:
+* url : url of the  new image (local image url or data url;default : "./images/monarch.png")
+
+## invert-module
+
+This module is used for inverting the image.
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('invert',options)
+           .run()
+```
+
+## ndvi-module  
+
+This module is used for applying ndvi technique to the image.
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('ndvi',options)
+           .run()
+```
+
+where `options` is an object with the following property:
+* filter : filter for NDVI (blue or red; default red)
+
+## ndvi-colormap-module
+
+This module is used for demonstrating ndvi and colormap properties consecutively.
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('ndvi-colormap',options)
+           .run()
+```
+
+## overlay-module
+
+This module is used for overlaying an Image over another .
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('overlay',options)
+           .run()
+```
+
+where `options` is an object with the following properties:
+* x : X-position of the image on which the new image is overlayed (default 0)
+* y : Y-position of the image on which the new image is overlayed (default 0)
+* offset : offset to the step on which the output of the last step is overlayed (default -2)
+
+## resize-module
+
+This module is used for resizing an image.
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('resize',options)
+           .run()
+```
+
+where `options` is an object with the following property:
+* resize : Percentage value of resize (default 125%)
+
+## rotate-module
+
+This module is used for rotating an image.
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('rotate',options)
+           .run()
+```
+
+where `options` is an object with the following property:
+* rotate : angular value for rotation in degrees (between 0 and 360; default 0)
+
+## saturation-module
+
+This module is used for changing the saturation of the image.
+#### Usage
+
+```js
+  sequencer.loadImage('PATH')
+           .addSteps('saturation',options)
+           .run()
+```
+
+where `options` is an object with the following property:
+* saturation : saturation for the new image (between 0 and 2; default 0)
+
+
--- a/examples/demo.css
+++ b/examples/demo.css
@@ -23,14 +23,29 @@ h1 {
  color: #445;
 }

+.center-align {
+  display: flex;
+  justify-content: center;
+  text-align:center;
+}
+
 .header {
  text-align: center;
 }

+.panel {
+  margin-left: 20px;
+  margin-right: 20px;
+}
+
 .nomargin {
  margin: 0 !important;
 }

+.form-control {
+  padding: 0px 0px;
+}
+
 #dropzone {
  padding: 30px;
  margin: 0 20% 30px;
@@ -91,7 +106,7 @@ h1 {
 }

 #add-step-btn{
-  margin: 10px;
+  margin-left: 10px;
 }

 #addStep .labels {
@@ -114,6 +129,7 @@ h1 {
 #save-seq {
  display: block;
  margin: 0 auto;
+  min-width: 250px;
 }
 .info {
  padding: 8px;
@@ -122,10 +138,10 @@ h1 {
 #gif {
  display: block;
  margin: 0 auto;
-  margin-top: 4px;
+  min-width: 250px;
 }
 #dwnld {
-  max-width: 200px;
+  max-width: 500px;
  margin: 20px auto;
  margin-left: 5px;
 }
@@ -158,3 +174,59 @@ h1 {
    opacity:0.5;
    color:#BABABA;
 }
+
+.btn-circle{
+  min-width: 80px;
+  min-height: 80px;
+  text-align: center;
+  display: flex !important;
+  flex-direction: column;
+  padding: 6px 0;
+  font-size: 12px;
+  line-height: 1.42;
+  border-radius: 10px;
+  margin-left: 5px;
+  margin-right: 5px;
+}
+.radio{
+  cursor:pointer;
+  overflow: hidden;
+  height: 80px;
+  width: 80px;
+  margin-left: 5px;
+  margin-right: 5px;
+}
+
+.radio-group {
+  margin-bottom: 20px;
+}
+
+#stepRemovedNotification {
+  background-color: #808b96;
+  padding:4px;
+  color:white;
+  border-radius:3px;
+  font-size:2rem;
+  position:fixed;
+  bottom:8px;
+  left:45%;
+  min-width:14rem;
+  text-align:center;
+  display:none;
+}
+
+.no-border {
+  border: 0px;
+}
+
+.i-over {
+  position: absolute;
+  left: 15px;
+  top: 15px;
+  z-index: 2;
+  color: white;
+}
+
+.i-small {
+  left: 25px;
+}
--- a/examples/demo.js
+++ b/examples/demo.js
@@ -1,19 +1,54 @@
 window.onload = function() {
+  function generatePreview(previewStepName, customValues, path) {
+    var previewSequencer = ImageSequencer();
+
+    function insertPreview(src) {
+      var img = document.createElement('img');
+      img.classList.add('img-thumbnail')
+      img.classList.add('no-border');
+      img.src = src;
+      $(img).css("max-width", "200%");
+      $(img).css("transform", "translateX(-20%)");
+      var stepDiv = $('#addStep .row').find('div').each(function() {
+        if ($(this).find('div').attr('data-value') === previewStepName) {
+          $(this).find('div').append(img);
+        }
+      });
+    }
+    function loadPreview() {
+      previewSequencer = previewSequencer.addSteps('resize', { resize: "40%" });
+
+      if (previewStepName === "crop") {
+        console.log(customValues);
+        previewSequencer.addSteps(previewStepName, customValues).run(insertPreview);
+      }
+      else {
+        previewSequencer.addSteps(previewStepName, { [previewStepName]: customValues }).run(insertPreview);
+      }
+    }
+    previewSequencer.loadImage(path, loadPreview);
+  }
+
+
  sequencer = ImageSequencer();

  function refreshOptions() {
    // Load information of all modules (Name, Inputs, Outputs)
    var modulesInfo = sequencer.modulesInfo();
+    console.log(modulesInfo)

    var addStepSelect = $("#addStep select");
    addStepSelect.html("");

    // Add modules to the addStep dropdown
    for (var m in modulesInfo) {
-      addStepSelect.append(
-        '<option value="' + m + '">' + modulesInfo[m].name + "</option>"
-      );
+      if (modulesInfo[m] && modulesInfo[m].name)
+        addStepSelect.append(
+          '<option value="' + m + '">' + modulesInfo[m].name + "</option>"
+        );
    }
+    // Null option
+    addStepSelect.append('<option value="none" disabled selected>More modules...</option>');
  }
  refreshOptions();

@@ -33,9 +68,21 @@ window.onload = function() {
  $("#addStep select").on("change", ui.selectNewStepUi);
  $("#addStep #add-step-btn").on("click", ui.addStepUi);

-  $('#download-btn').click(function() {
-    $('.img-thumbnail:last()').trigger("click");
+  //Module button radio selection
+  $('.radio-group .radio').on("click", function() {
+    $(this).parent().find('.radio').removeClass('selected');
+    $(this).addClass('selected');
+    newStep = $(this).attr('data-value');
+    console.log(newStep);
+    //$("#addStep option[value=" + newStep + "]").attr('selected', 'selected');
+    $("#addStep select").val(newStep);
+    ui.selectNewStepUi();
+    ui.addStepUi();
+    $(this).removeClass('selected');
+  });

+  $('#download-btn').click(function() {
+    $('.step-thumbnail:last()').trigger("click");
    return false;
  });

@@ -60,7 +107,7 @@ window.onload = function() {

    try {
      // Select all images from previous steps
-      var imgs = document.getElementsByClassName("img-thumbnail");
+      var imgs = document.getElementsByClassName("step-thumbnail");

      var imgSrcs = [];

@@ -76,7 +123,7 @@ window.onload = function() {
      }

      gifshot.createGIF(options, function(obj) {
-        if(!obj.error) {
+        if (!obj.error) {
          // Final gif encoded with base64 format
          var image = obj.image;
          var animatedImage = document.createElement('img');
@@ -112,7 +159,7 @@ window.onload = function() {
        }
      });
    }
-    catch(e) {
+    catch (e) {
      console.error(e);
      button.disabled = false;
      isWorkingOnGifGeneration = false;
@@ -124,12 +171,84 @@ window.onload = function() {
  sequencer.setInputStep({
    dropZoneSelector: "#dropzone",
    fileInputSelector: "#fileInput",
+    takePhotoSelector: "#take-photo",
    onLoad: function onFileReaderLoad(progress) {
      var reader = progress.target;
      var step = sequencer.images.image1.steps[0];
      step.output.src = reader.result;
      sequencer.run({ index: 0 });
      step.options.step.imgElement.src = reader.result;
+      updatePreviews(reader.result);
+    },
+    onTakePhoto: function (url) {
+      var step = sequencer.images.image1.steps[0];
+      step.output.src = url;
+      sequencer.run({ index: 0 });
+      step.options.step.imgElement.src = url;
    }
  });
+
+  if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.register('sw.js', { scope: '/examples/' })
+      .then(function(registration) {
+        const installingWorker = registration.installing;
+        installingWorker.onstatechange = () => {
+          console.log(installingWorker)
+          if (installingWorker.state === 'installed') {
+            location.reload();
+          }
+        }
+        console.log('Registration successful, scope is:', registration.scope);
+      })
+      .catch(function(error) {
+        console.log('Service worker registration failed, error:', error);
+      });
+  }
+
+  if ('serviceWorker' in navigator) {
+    caches.keys().then(function(cacheNames) {
+      cacheNames.forEach(function(cacheName) {
+        $("#clear-cache").append(" " + cacheName);
+      });
+    });
+  }
+
+  $("#clear-cache").click(function() {
+    if ('serviceWorker' in navigator) {
+      caches.keys().then(function(cacheNames) {
+        cacheNames.forEach(function(cacheName) {
+          caches.delete(cacheName);
+        });
+      });
+    }
+    location.reload();
+  });
+
+  function updatePreviews(src) {
+    $('#addStep img').remove();
+
+    var previewSequencerSteps = {
+      "brightness": "20",
+      "saturation": "5",
+      "rotate": 90,
+      "contrast": 90,
+      "crop": {
+        "x": 0,
+        "y": 0,
+        "w": "(50%)",
+        "h": "(50%)",
+        "noUI": true
+      }
+    }
+
+    Object.keys(previewSequencerSteps).forEach(function(step, index) {
+      generatePreview(step, Object.values(previewSequencerSteps)[index], src);
+    });
+  }
+
+  if (getUrlHashParameter('src')) {
+    updatePreviews(getUrlHashParameter('src'));
+  } else {
+    updatePreviews("images/tulips.png");
+  }
 };
--- a/examples/index.html
+++ b/examples/index.html
@@ -7,8 +7,9 @@

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="content-type" content="text/html; charset=UTF8">
+  <meta name="theme-color" content="#428bca">
  <link rel="icon" sizes="192x192" href="../icons/ic_192.png">
-
+  <link rel="manifest" href="manifest.json">

  <title>Image Sequencer</title>

@@ -19,6 +20,7 @@
  <script src="lib/urlHash.js" charset="utf-8"></script>
  <script src="lib/defaultHtmlStepUi.js" charset="utf-8"></script>
  <script src="lib/defaultHtmlSequencerUi.js" charset="utf-8"></script>
+  <script src="lib/intermediateHtmlStepUi.js" charset="utf-8"></script>
  <script src="demo.js" charset="utf-8"></script>
  <!-- for crop module: -->
  <script src="../node_modules/imgareaselect/jquery.imgareaselect.dev.js"></script>
@@ -26,9 +28,9 @@

  <!-- Download.js for large files -->
  <script src="../node_modules/downloadjs/download.min.js" type="text/javascript"/>
-  
+
  <script src="lib/scrollToTop.js"></script>
-  
+
 </head>


@@ -36,8 +38,7 @@

  <link href="../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="../node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
-  <link href="../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
-  <link href="../node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+
  <!-- for crop module: -->
  <link href="../node_modules/imgareaselect/distfiles/css/imgareaselect-default.css" rel="stylesheet">
  <link rel="stylesheet" href="demo.css">
@@ -65,11 +66,18 @@
        <i>Select or drag in an image to start!</i>
      </p>
      <center>
-        <input type="file" id="fileInput" value="" accept="image/*">
+        <input type="file" id="fileInput" value="" accept="image/*"><br />
+        <button type="button" id="take-photo">Take a Photo</button>
+        <video  id="video" width="400" height="300" style="display:none"></video>
+        <a href="#" id="capture" style="display:none" class="btn btn-primary btn-md">Click Picture</a>
+        <a href="#" id="close" style="display:none" class="btn btn-default btn-md">Close</a>
+        <canvas id="canvas" width="400" height="300" style="display:none"></canvas>
      </center>
    </div>

-    <section id="steps" class="row"></section>
+    <section id="steps" class="row">
+      <div id="load-image"></div>
+    </section>

    <hr />
  <div class="row">
@@ -77,17 +85,83 @@
    <section id="addStep" class="panel panel-primary">
      <div class="form-inline">
        <div class="panel-body">
-          <div style="text-align:center;">
+          <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="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 class="center-align">
            <select class="form-control input-lg" id="selectStep">
-              <option value="none" disabled selected>Select a new step...</option>
+              <!-- 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>
            <button class="btn btn-success btn-lg" name="add" id="add-step-btn">Add Step</button>
          </div>
-          <br />
-          <p class="info">Select a new module to add to your sequence.</p>
        </div>
      </div>
    </section>
+
+    <section id="sequence-actions" class="panel">
+      <div class="panel-body">
+
+        <div class="row center-align">
+          <button class="btn btn-primary btn-lg" name="save-sequence" id="save-seq">Save Sequence</button>
+          <button class="btn btn-primary btn-lg js-view-as-gif" id="gif">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">
+              <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>
+          </div>
+        </div>
+
+      </div>
+    </section>
+
    </div>
    <div class="col-sm-4">
    <section id="dwnld" class="panel panel-primary">
@@ -95,40 +169,21 @@
        <div class="panel-body">
          <div style="text-align:center;">
            <button class="btn btn-success btn-lg" id="download-btn" name="download">Download PNG</button>
-            <button class="btn btn-success btn-lg js-view-as-gif" id="gif">View Gif</button>
-
-            <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>
-              </div>
-            </div>
          </div>
-
        </div>
      </div>
    </section>
    </div>
  </div>
-    <button class="btn btn-primary btn-lg" name="save-sequence" id="save-seq">Save Sequence</button>
-</div>
-<form class="move-up" action="#up">
+
+  <form class="move-up" action="#up">
    <button><i class="fa fa-arrow-circle-o-up"></i></button>
-</form>
+  </form>
+
+  <footer>
+    <hr style="margin:20px;"><center><a class="color:grey;" id="clear-cache">Clear offline cache</a></center>
+  </footer>
+
  <script type="text/javascript">
    $(function() {
      var sequencer;
--- a/examples/lib/defaultHtmlSequencerUi.js
+++ b/examples/lib/defaultHtmlSequencerUi.js
@@ -9,6 +9,7 @@ function DefaultHtmlSequencerUi(_sequencer, options) {
    importStepsFromUrlHash();
    if (!$('#selectStep').val())
      $(addStepSel + " #add-step-btn").prop("disabled", true);
+      handleSaveSequence();
  }

  // look up needed steps from Url Hash:
@@ -33,6 +34,8 @@ function DefaultHtmlSequencerUi(_sequencer, options) {
    sequencer.removeSteps(index).run({ index: index - 1 });
    // remove from URL hash too
    setUrlHashParameter("steps", sequencer.toString());
+    //disable save-sequence button if all steps are removed
+    handleSaveSequence();
  }

  function addStepUi() {
@@ -55,10 +58,21 @@ function DefaultHtmlSequencerUi(_sequencer, options) {
      .addSteps(newStepName, options)
      .run({ index: _sequencer.images.image1.steps.length - sequenceLength - 1 });

+    //enable save-sequence button if disabled initially
+    handleSaveSequence();
+
    // add to URL hash too
    setUrlHashParameter("steps", _sequencer.toString());
  }

+  function handleSaveSequence(){
+    var stepCount=sequencer.images.image1.steps.length;
+    if(stepCount<2)
+    $(" #save-seq").prop("disabled", true);
+    else
+    $(" #save-seq").prop("disabled", false);
+  }
+
  return {
    onLoad: onLoad,
    importStepsFromUrlHash: importStepsFromUrlHash,
--- a/examples/lib/defaultHtmlStepUi.js
+++ b/examples/lib/defaultHtmlStepUi.js
@@ -7,18 +7,29 @@
 // The variable 'step' stores useful data like input and
 // output values, step information.
 // See documetation for more details.
+function stepRemovedNotify() {
+  if ($('#stepRemovedNotification').length == 0) {
+    var notification = document.createElement('span');
+    notification.innerHTML = ' <i class="fa fa-info-circle" aria-hidden="true"></i> Step Removed ';
+    notification.id = 'stepRemovedNotification';
+
+    $('body').append(notification);
+  }
+
+  $('#stepRemovedNotification').fadeIn(500).delay(200).fadeOut(500);
+}
 function DefaultHtmlStepUi(_sequencer, options) {

  options = options || {};
  var stepsEl = options.stepsEl || document.querySelector("#steps");
  var selectStepSel = options.selectStepSel = options.selectStepSel || "#selectStep";
-
-  function onSetup(step) {
+  function onSetup(step, stepOptions) {
    if (step.options && step.options.description)
      step.description = step.options.description;

    step.ui =
      '\
+      <div class="container">\
    <div class="row step">\
    <div class="col-md-4 details">\
    <h3>' +
@@ -30,21 +41,27 @@ function DefaultHtmlStepUi(_sequencer, options) {
    </div>\
    <div class="col-md-8">\
    <div class="load" style="display:none;"><i class="fa fa-circle-o-notch fa-spin"></i></div>\
-    <a><img alt="" style="max-width=100%" class="img-thumbnail" /></a>\
+    <a><img alt="" style="max-width=100%" class="img-thumbnail step-thumbnail"/></a>\
    </div>\
    </div>\
-    ';
+    </div>\
+    </div>';

    var tools =
      '<div class="tools btn-group">\
-       <button confirm="Are you sure?" class="remove btn btn btn-default">\
+       <button confirm="Are you sure?" onclick="stepRemovedNotify()" class="remove btn btn btn-default">\
         <i class="fa fa-trash"></i>\
       </button>\
-    </div>';
+       <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>';
+
+    var util = IntermediateHtmlStepUi(_sequencer, step);

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

@@ -66,7 +83,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
          }
          html += "</select>";
        } else {
-	  let paramVal = step.options[paramName] || inputDesc.default;
+          let paramVal = step.options[paramName] || inputDesc.default;
          html =
            '<input class="form-control target" type="' +
            inputDesc.type +
@@ -76,19 +93,18 @@ function DefaultHtmlStepUi(_sequencer, options) {
            paramVal +
            '" placeholder ="' +
            (inputDesc.placeholder || "");
-            
-           if(inputDesc.type.toLowerCase() == "range")
-           {
-             html+=
-              '"min="'+
+
+          if (inputDesc.type.toLowerCase() == "range") {
+            html +=
+              '"min="' +
              inputDesc.min +
-              '"max="'+
+              '"max="' +
              inputDesc.max +
              '"step="' +
-              inputDesc.step + '">'+'<span>'+paramVal+'</span>';
+              inputDesc.step + '">' + '<span>' + paramVal + '</span>';

-           }
-           else html+= '">';
+          }
+          else html += '">';
        }

        var div = document.createElement("div");
@@ -97,6 +113,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
        var description = inputs[paramName].desc || paramName;
        div.innerHTML =
          "<div class='det'>\
+          <form class='input-form'>\
                           <label for='" +
          paramName +
          "'>" +
@@ -105,21 +122,28 @@ function DefaultHtmlStepUi(_sequencer, options) {
                           " +
          html +
          "\
+          </form>\
                         </div>";
        step.ui.querySelector("div.details").appendChild(div);
      }

-      function toggleSaveButton(){
-        $(step.ui.querySelector("div.details .btn-save")).prop("disabled",false);
+      function toggleSaveButton() {
+        $(step.ui.querySelector("div.details .btn-save")).prop("disabled", false);
+        focusInput();
      }

-      $(step.ui.querySelectorAll(".target")).focus(toggleSaveButton);
+      $(step.ui.querySelectorAll(".target")).on('change', toggleSaveButton);

      $(step.ui.querySelector("div.details")).append(
-        "<p><button class='btn btn-default btn-save' disabled = 'true' >Save</button><span> Press save to see changes</span></p>"
+        "<p><button class='btn btn-default btn-save' disabled = 'true' >Apply</button><span> Press apply to see changes</span></p>"
      );

-      function saveOptions() {
+      function focusInput() {
+        $(step.ui.querySelector("div.details .target")).focus();
+      }
+
+      function saveOptions(e) {
+        e.preventDefault();
        $(step.ui.querySelector("div.details"))
          .find("input,select")
          .each(function(i, input) {
@@ -130,28 +154,42 @@ function DefaultHtmlStepUi(_sequencer, options) {
        // modify the url hash
        setUrlHashParameter("steps", _sequencer.toString());
        // disable the save button
-        $(step.ui.querySelector("div.details .btn-save")).prop("disabled",true);
+        $(step.ui.querySelector("div.details .btn-save")).prop("disabled", true);
      }

      // on clicking Save in the details pane of the step
      $(step.ui.querySelector("div.details .btn-save")).click(saveOptions);
+      $(step.ui.querySelector("div.details .input-form")).on('submit', saveOptions);
    }

-    if (step.name != "load-image")
+    if (step.name != "load-image") {
      step.ui
        .querySelector("div.details")
        .appendChild(
          parser.parseFromString(tools, "text/html").querySelector("div")
        );
+      $(step.ui.querySelectorAll(".insert-step")).on('click', function() { util.insertStep(step.ID) });

-    stepsEl.appendChild(step.ui);
-    
-    var inputs = document.querySelectorAll('input[type="range"]')
-    for(i in inputs)
+      // Insert the step's UI in the right place
+      if (stepOptions.index == _sequencer.images.image1.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);
+      } else {
+        stepsEl.insertBefore(step.ui, $(stepsEl).children()[stepOptions.index]);
+      }
+    }
+    else {
+      $("#load-image").append(step.ui);
+    }
+  }
+
+  var inputs = document.querySelectorAll('input[type="range"]')
+  for (i in inputs)
    inputs[i].oninput = function(e) {
      e.target.nextSibling.innerHTML = e.target.value;
    }
-  }

  function onDraw(step) {
    $(step.ui.querySelector(".load")).show();
@@ -164,8 +202,8 @@ function DefaultHtmlStepUi(_sequencer, options) {

    step.imgElement.src = step.output;
    var imgthumbnail = step.ui.querySelector(".img-thumbnail");
-    for(let index=0; index < step.linkElements.length; index++) {
-      if(step.linkElements[index].contains(imgthumbnail))
+    for (let index = 0; index < step.linkElements.length; index++) {
+      if (step.linkElements[index].contains(imgthumbnail))
        step.linkElements[index].href = step.output;
    }

@@ -174,7 +212,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
      return output.split("/")[1].split(";")[0];
    }

-    for(let index=0; index < step.linkElements.length; index++) {
+    for (let index = 0; index < step.linkElements.length; index++) {
      step.linkElements[index].download = step.name + "." + fileExtension(step.output);
      step.linkElements[index].target = "_blank";
    }
@@ -185,13 +223,13 @@ function DefaultHtmlStepUi(_sequencer, options) {
      var outputs = _sequencer.modulesInfo(step.name).outputs;
      for (var i in inputs) {
        if (step.options[i] !== undefined) {
-            if (inputs[i].type.toLowerCase() === "input")
-                step.ui.querySelector('div[name="' + i + '"] input').value =
-                step.options[i];
-            if (inputs[i].type.toLowerCase() === "select")
-                step.ui.querySelector('div[name="' + i + '"] select').value =
-                step.options[i];
-}
+          if (inputs[i].type.toLowerCase() === "input")
+            step.ui.querySelector('div[name="' + i + '"] input').value =
+              step.options[i];
+          if (inputs[i].type.toLowerCase() === "select")
+            step.ui.querySelector('div[name="' + i + '"] select').value =
+              step.options[i];
+        }
      }
      for (var i in outputs) {
        if (step[i] !== undefined)
@@ -203,6 +241,7 @@ function DefaultHtmlStepUi(_sequencer, options) {

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

  function getPreview() {
@@ -216,4 +255,4 @@ function DefaultHtmlStepUi(_sequencer, options) {
    onRemove: onRemove,
    onDraw: onDraw
  }
-}
+}
--- a/examples/lib/intermediateHtmlStepUi.js
+++ b/examples/lib/intermediateHtmlStepUi.js
@@ -0,0 +1,118 @@
+function IntermediateHtmlStepUi(_sequencer, step, options) {
+  function stepUI() {
+    return '<div class="row insertDiv">\
+        <div class="col-md-6" 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>\
+                  <button type="button" class="btn btn-default btn-circle btn-xl radio" data-value="brightness">\
+                    <i class="fa fa-sun-o fa-4x"></i>\
+                  </button>\
+                  <p>Brightness</p>\
+                </div>\
+                <div>\
+                  <button type="button" class="btn btn-default btn-circle btn-xl radio" data-value="contrast">\
+                    <i class="fa fa-adjust fa-4x"></i>\
+                  </button>\
+                  <p>Contrast</p>\
+                </div>\
+                <div>\
+                  <button type="button" class="btn btn-default btn-circle btn-xl radio" data-value="saturation">\
+                    <i class="fa fa-tint fa-4x"></i>\
+                  </button>\
+                  <p>Saturation</p>\
+                </div>\
+                <div>\
+                  <button type="button" class="btn btn-default btn-circle btn-xl radio" data-value="rotate">\
+                    <i class="fa fa-rotate-right fa-4x"></i>\
+                  </button>\
+                  <p>Rotate</p>\
+                </div>\
+                <div>\
+                  <button type="button" class="btn btn-default btn-circle btn-xl radio" data-value="crop">\
+                    <i class="fa fa-crop fa-4x"></i>\
+                  </button>\
+                  <p>Crop</p>\
+                </div>\
+              </div>\
+              <div class="center-align">\
+                <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>\
+                <button class="btn btn-success btn-lg" name="add" id="add-step-btn">Add Step</button>\
+              </div>\
+            </div>\
+          </div>\
+        </section>\
+        </div>';
+  }
+  function selectNewStepUi() {
+    var m = $("#insertStep select").val();
+    $("#insertStep .info").html(_sequencer.modulesInfo(m).description);
+    $("#insertStep #add-step-btn").prop("disabled", false);
+  }
+  insertStep = function(id) {
+    var modulesInfo = _sequencer.modulesInfo();
+    var parser = new DOMParser();
+    var addStepUI = stepUI();
+    addStepUI = parser.parseFromString(addStepUI, "text/html").querySelector("div")
+    step.ui
+      .querySelector("div.step")
+      .insertAdjacentElement('afterend',
+        addStepUI
+      );
+    var insertStepSelect = $("#insertStep select");
+    insertStepSelect.html("");
+    // Add modules to the insertStep dropdown
+    for (var m in modulesInfo) {
+      if (modulesInfo[m] !== undefined)
+        insertStepSelect.append(
+          '<option value="' + m + '">' + modulesInfo[m].name + "</option>"
+        );
+    }
+
+    $('#insertStep #add-step-btn').prop('disabled', true);
+
+    insertStepSelect.append('<option value="none" disabled selected>More modules...</option>');
+    $('#insertStep .radio-group .radio').on("click", function() {
+      $(this).parent().find('.radio').removeClass('selected');
+      $(this).addClass('selected');
+      newStep = $(this).attr('data-value');
+      insertStepSelect.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) });
+  }
+
+  function insert(id) {
+
+    options = options || {};
+    var insertStepSelect = $("#insertStep select");
+    if (insertStepSelect.val() == "none") return;
+
+    var newStepName = insertStepSelect.val()
+    $('div .insertDiv').remove();
+    var sequenceLength = 1;
+    if (sequencer.sequences[newStepName]) {
+      sequenceLength = sequencer.sequences[newStepName].length;
+    } else if (sequencer.modules[newStepName][1]["length"]) {
+      sequenceLength = sequencer.modules[newStepName][1]["length"];
+    }
+    _sequencer
+      .insertSteps(id + 1, newStepName).run({ index: id });
+
+    // add to URL hash too
+    setUrlHashParameter("steps", _sequencer.toString());
+
+  }
+  return {
+    insertStep
+  }
+}
--- a/examples/manifest.json
+++ b/examples/manifest.json
@@ -0,0 +1,21 @@
+{
+  "short_name": "IS",
+  "name": "Image Sequencer",
+  "icons": [
+    {
+      "src": "../icons/ic_192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "../icons/ic_512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": "/examples/#steps=",
+  "background_color": "#428bca",
+  "display": "standalone",
+  "scope": "/examples/",
+  "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/icons/ic_512.png
+++ b/icons/ic_512.png
--- a/index.js
+++ b/index.js
@@ -26,6 +26,7 @@ program
 if (program.saveSequence) {
  var params = program.saveSequence.split(' ');
  sequencer.saveSequence(params[0], params[1]);
+  console.log("\x1b[32m", "Your sequence was saved successfully!!");
 } else if (program.installModule) {
  console.log(
    "\x1b[33m%s\x1b[0m",
@@ -38,6 +39,7 @@ if (program.saveSequence) {
  sequencer.saveNewModule(params[0], params[1]);
  sequencer.loadNewModule(params[0], require(params[1]));
  spinner.stop();
+  console.log("\x1b[32m%s\x1b[0m", "Your module was installed successfully!!");
 } else {
  // Parse step into an array to allow for multiple steps.
  if (!program.step) exit("No steps passed");
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -23,13 +23,13 @@
    "url": "https://github.com/publiclab/image-sequencer/issues"
  },
  "dependencies": {
-    "bootstrap": "~3.2.0",
-    "buffer": "~5.0.2",
+    "bootstrap": "~3.4.0",
+    "buffer": "~5.2.1",
    "commander": "^2.11.0",
    "data-uri-to-buffer": "^2.0.0",
    "downloadjs": "^1.4.7",
    "fisheyegl": "^0.1.2",
-    "font-awesome": "~4.5.0",
+    "font-awesome": "~4.7.0",
    "get-pixels": "~3.3.0",
    "image-sequencer-invert": "^1.0.0",
    "imagejs": "0.0.9",
@@ -38,27 +38,27 @@
    "jsqr": "^0.2.2",
    "lodash": "^4.17.5",
    "ndarray-gaussian-filter": "^1.0.0",
-    "ora": "^2.0.0",
+    "ora": "^3.0.0",
    "pace": "0.0.4",
    "readline-sync": "^1.4.7",
    "save-pixels": "~2.3.4",
    "urify": "^2.1.1"
  },
  "devDependencies": {
-    "browserify": "13.0.0",
+    "browserify": "16.2.3",
    "grunt": "^1.0.3",
    "grunt-browser-sync": "^2.2.0",
    "grunt-browserify": "^5.0.0",
-    "grunt-contrib-concat": "^0.5.0",
+    "grunt-contrib-concat": "^1.0.1",
    "grunt-contrib-uglify-es": "^3.3.0",
    "grunt-contrib-watch": "^1.1.0",
-    "image-filter-core": "~1.0.0",
-    "image-filter-threshold": "~1.0.0",
-    "looks-same": "^3.2.1",
+    "image-filter-core": "~2.0.2",
+    "image-filter-threshold": "~2.0.1",
+    "looks-same": "^4.1.0",
    "matchdep": "^2.0.0",
    "tap-spec": "^5.0.0",
    "tape": ">=4.7.0",
-    "tape-run": "^3.0.0",
+    "tape-run": "^5.0.0",
    "uglify-es": "^3.3.7"
  },
  "homepage": "https://github.com/publiclab/image-sequencer",
--- a/src/ImageSequencer.js
+++ b/src/ImageSequencer.js
@@ -219,7 +219,7 @@ ImageSequencer = function ImageSequencer(options) {
        modulesdata[modulename] = modules[modulename][1];
      }
      for (var sequencename in this.sequences) {
-        modulesdata[sequencename] = { name: sequencename, steps: sequences[sequencename] };
+        modulesdata[sequencename] = { name: sequencename, steps: this.sequences[sequencename] };
      }
    }
    else {
@@ -256,15 +256,18 @@ ImageSequencer = function ImageSequencer(options) {

  // Stringifies one step of the sequence
  function stepToString(step) {
-    let inputs = copy(modulesInfo(step.options.name).inputs);
-    inputs = inputs || {};
+    let inputs = modulesInfo(step.options.name).inputs || {}, op = {};

    for (let input in inputs) {
-      inputs[input] = step.options[input] || inputs[input].default;
-      inputs[input] = encodeURIComponent(inputs[input]);
+
+      if (!!step.options[input] && step.options[input] != inputs[input].default) {
+        op[input] = step.options[input];
+        op[input] = encodeURIComponent(op[input]);
+      }
+
    }

-    var configurations = Object.keys(inputs).map(key => key + ':' + inputs[key]).join('|');
+    var configurations = Object.keys(op).map(key => key + ':' + op[key]).join('|');
    return `${step.options.name}{${configurations}}`;
  }

--- a/src/InsertStep.js
+++ b/src/InsertStep.js
@@ -34,15 +34,22 @@ function InsertStep(ref, image, index, name, o) {
    };
    var UI = ref.events;

-    // Tell UI that a step has been set up.
-    o = o || {};
+    // define the expandSteps function for sequencer
    ref.modules[name].expandSteps = function expandSteps(stepsArray) {
-      for (var step of stepsArray) {
-        ref.addSteps(step['name'], step['options']);
+      for (var i in stepsArray) {
+        let step = stepsArray[i];
+        console.log(step['name'])
+        console.log(step['options'])
+        ref.insertSteps(index + Number.parseInt(i), step['name'], step['options']);
+        // ref.addSteps(step['name'], step['options']);
      }
    }
+
+    // Tell UI that a step has been set up.
+    o = o || {};
+
    if (!ref.modules[name][1].length) {
-      UI.onSetup(o.step);
+      UI.onSetup(o.step, { index: index });
      ref.images[image].steps.splice(index, 0, ref.modules[name][0](o, UI));
    } else {
      ref.modules[name][0](o, UI);
--- a/src/Modules.js
+++ b/src/Modules.js
@@ -2,27 +2,29 @@
 * Core modules and their info files
 */
 module.exports = {
-  'channel': require('./modules/Channel'),
-  'brightness': require('./modules/Brightness'),
-  'edge-detect': require('./modules/EdgeDetect'),
-  'ndvi': require('./modules/Ndvi'),
-  'crop': require('./modules/Crop'),
-  'colormap': require('./modules/Colormap'),
-  'decode-qr': require('./modules/DecodeQr'),
-  'fisheye-gl': require('./modules/FisheyeGl'),
-  'dynamic': require('./modules/Dynamic'),
-  'blur': require('./modules/Blur'),
-  'saturation': require('./modules/Saturation'),
  'average': require('./modules/Average'),
  'blend': require('./modules/Blend'),
-  'import-image': require('./modules/ImportImage'),
-  'overlay': require('./modules/Overlay'),
-  'gradient': require('./modules/Gradient'),
-  'invert': require('image-sequencer-invert'),
-  'ndvi-colormap': require('./modules/NdviColormap'),
+  'blur': require('./modules/Blur'),
+  'brightness': require('./modules/Brightness'),
+  'channel': require('./modules/Channel'),
  'colorbar': require('./modules/Colorbar'),
+  'colormap': require('./modules/Colormap'),
+  'contrast': require('./modules/Contrast'),
+  'convolution': require('./modules/Convolution'),
+  'crop': require('./modules/Crop'),
+  'decode-qr': require('./modules/DecodeQr'),
+  'dynamic': require('./modules/Dynamic'),
+  'edge-detect': require('./modules/EdgeDetect'),
+  'fisheye-gl': require('./modules/FisheyeGl'),
  'histogram': require('./modules/Histogram'),
  'gamma-correction': require('./modules/GammaCorrection'),
-  'convolution': require('./modules/Convolution'),
-  'resize': require('./modules/Resize')
-}
+  'gradient': require('./modules/Gradient'),
+  'import-image': require('./modules/ImportImage'),
+  'invert': require('image-sequencer-invert'),
+  'ndvi': require('./modules/Ndvi'),
+  'ndvi-colormap': require('./modules/NdviColormap'),
+  'overlay': require('./modules/Overlay'),
+  'resize': require('./modules/Resize'),
+  'rotate': require('./modules/Rotate'),
+  'saturation': require('./modules/Saturation')
+}
--- a/src/modules/Average/info.json
+++ b/src/modules/Average/info.json
@@ -2,5 +2,6 @@
    "name": "Average",
    "description": "Average all pixel color",
    "inputs": {
-    }
+    },
+    "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/Blend/info.json
+++ b/src/modules/Blend/info.json
@@ -12,5 +12,6 @@
      "desc": "Function to use to blend the two images.",
      "default": "function(r1, g1, b1, a1, r2, g2, b2, a2) { return [ r1, g2, b2, a2 ] }"
    }
-  }
+  },
+  "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/Blur/info.json
+++ b/src/modules/Blur/info.json
@@ -10,5 +10,6 @@
            "max": "5",
            "step": "0.25"
        }
-    }
+    },
+    "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/Brightness/Module.js
+++ b/src/modules/Brightness/Module.js
@@ -20,12 +20,14 @@ module.exports = function Brightness(options,UI){
        var step = this;

        function changePixel(r, g, b, a){
+	  options.brightness = 
+	  options.brightness || 100
            var val = (options.brightness)/100.0

            r = val*r<255?val*r:255
            g = val*g<255?val*g:255
            b = val*b<255?val*b:255
-            return [r , g, b, a]
+            return [r, g, b, a]
        }

        function output(image,datauri,mimetype){
--- a/src/modules/Brightness/info.json
+++ b/src/modules/Brightness/info.json
@@ -5,10 +5,11 @@
      "brightness": {
          "type": "range",
          "desc": "% brightness for the new image",
-          "default": "0",
+          "default": "100",
          "min": "0",
-          "max": "100",
+          "max": "200",
          "step": "1"
      }
-  } 
+  },
+  "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/Channel/info.json
+++ b/src/modules/Channel/info.json
@@ -8,5 +8,6 @@
      "default": "green",
      "values": ["red", "green", "blue"]
    }
-  }
+  },
+  "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/Colorbar/info.json
+++ b/src/modules/Colorbar/info.json
@@ -29,5 +29,6 @@
            "default": 10
        }
    },
-    "length": 4
+    "length": 4,
+    "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/Colormap/Colormap.js
+++ b/src/modules/Colormap/Colormap.js
@@ -53,35 +53,145 @@ function colormap(segments) {

 var colormaps = {
  greyscale: colormap([
-               [0,     [0,   0,   0],   [255, 255, 255] ],
+               [0,     [0,   0,   0],   [220, 20, 60] ],
               [1,     [255, 255, 255], [255, 255, 255] ]
             ]),
-  default:   colormap([
-               [0,     [0,   0,   255], [0,   255, 0]   ],
-               [0.25,  [0,   255, 0],   [255, 255, 0]   ],
-               [0.50,  [0,   255, 255], [255, 255, 0]   ],
-               [0.75,  [255, 255, 0],   [255, 0,   0]   ]
+
+ bluwhtgrngis:   colormap([
+               [0,     	[6,23,86],    [6,25, 84]    ],
+               [0.0625, [6,25,84],    [6,25, 84]    ],//1
+               [0.125,  [6,25,84],    [6,25, 84]    ],//2
+               [0.1875, [6,25,84],    [6,25, 84]    ],
+               [0.25,   [6,25,84],    [6,25,84]     ],
+               [0.3125, [6,25,84],    [9,24, 84]    ],//5
+               [0.3438, [9,24, 84],   [119,120,162] ],//5
+               [0.375,  [119,129,162],[249,250,251] ], //6
+               [0.406,  [249,250,251],[255,255,255] ], //6.5
+               [0.4375, [255,255,255],[255,255,255] ], //7 white
+               [0.50,   [255,255,255],[214,205,191] ],//8
+               [0.52,   [214,205,191],[178,175,96]  ],//8.2
+               [0.5625, [178,175,96], [151,176,53]  ],//9
+               [0.593,  [151,176,53], [146,188,12]  ],//9.5
+               [0.625,  [146,188,12], [96,161,1]    ], //10
+               [0.6875, [96,161,1],   [30,127,3]    ],//11
+               [0.75,   [30,127,3],   [0,99,1]      ],//12
+               [0.8125, [0,99,1],     [0,74,1]      ],//13
+               [0.875,  [0,74,1],     [0,52, 0]     ],//14
+               [0.9375, [0,52, 0],    [0,34,0]      ], //15
+               [0.968,  [0,34,0],     [68,70,67]    ] //16
+              ]),
+
+
+  brntogrn:   colormap([
+               [0,      [110,12,3],   [118,6,1]      ],
+               [0.0625, [118,6,1],    [141,19,6]     ],
+               [0.125,  [141,19,6],   [165,35,13]    ],
+               [0.1875, [165,35,13],  [177,59,25]    ],
+               [0.2188, [177,59,25],  [192,91,36]    ],
+               [0.25,   [192,91,36],  [214, 145, 76] ],
+               [0.3125, [214,145,76], [230,183,134]  ],
+               [0.375,  [230,183,134],[243, 224, 194]],   
+               [0.4375, [243,224,194],[250,252,229]  ],
+               [0.50,   [250,252,229],[217,235,185]  ],
+               [0.5625, [217,235,185],[184,218,143]  ],
+               [0.625,  [184,218,143],[141,202,89]   ],
+               [0.6875, [141,202,89], [80,176,61]    ],
+               [0.75,   [80,176,61],  [0, 147, 32]   ],
+               [0.8125, [0,147,32],   [1, 122, 22]   ],
+               [0.875,  [1,122,22],   [0, 114, 19]   ],
+               [0.90,   [0,114,19],   [0,105,18]     ],
+               [0.9375, [0,105,18],   [7,70,14]      ] 
+
             ]),
-  ndvi:      colormap([
-               [0,     [0,   0,   255], [38,  195, 195] ],
-               [0.5,   [0,   150, 0],   [255, 255, 0]   ],
-               [0.75,  [255, 255, 0],   [255, 50,  50]  ]
+
+
+  blutoredjet:     colormap([
+               [0,       [0,0,140],    [1,1,186]    ],
+               [0.0625,  [1,1,186],    [0,1,248]    ],
+               [0.125,   [0,1,248],    [0,70,254]   ],
+               [0.1875,  [0,70,254],   [0,130,255]  ],
+               [0.25,    [0,130,255],  [2,160,255]  ],
+	       [0.2813,  [2,160,255],  [0,187,255]  ],	//inset
+               [0.3125,  [0,187,255],  [6,250,255]  ],
+ //            [0.348,   [0,218,255],  [8,252,251]  ],//inset
+               [0.375,   [8,252,251],  [27,254,228] ], 
+               [0.406,   [27,254,228], [70,255,187] ], //insert
+               [0.4375,  [70,255,187], [104,254,151]],
+               [0.47, 	 [104,254,151],[132,255,19] ],//insert
+               [0.50,    [132,255,19], [195,255,60] ],
+               [0.5625,  [195,255,60], [231,254,25] ],
+               [0.5976,  [231,254,25], [253,246,1]  ],//insert
+               [0.625,   [253,246,1],  [252,210,1]  ], //yellow
+               [0.657,   [252,210,1],  [255,183,0]  ],//insert
+               [0.6875,  [255,183,0],  [255,125,2]  ],
+               [0.75,    [255,125,2],  [255,65, 1]  ],
+               [0.8125,  [255,65, 1],  [247, 1, 1]  ],
+               [0.875,   [247,1,1],    [200, 1,  3] ],
+               [0.9375,  [200,1,3],    [122, 3,  2] ] 
+
             ]),
+
+
+  colors16:   colormap([
+               [0,      [0,0,0],       [0,0,0]       ],
+               [0.0625, [3,1,172],     [3,1,172]     ],
+               [0.125,  [3,1,222],     [3,1, 222]    ],
+               [0.1875, [0,111,255],   [0,111,255]   ],
+               [0.25,   [3,172,255],   [3,172,255]   ],
+               [0.3125, [1,226,255],   [1,226,255]   ],
+               [0.375,  [2,255,0],     [2,255,0]     ],   
+               [0.4375, [198,254,0],   [190,254,0]   ],
+               [0.50,   [252,255,0],   [252,255,0]   ],
+               [0.5625, [255,223,3],   [255,223,3]   ],
+               [0.625,  [255,143,3],   [255,143,3]   ],
+               [0.6875, [255,95,3],    [255,95,3]    ],
+               [0.75,   [242,0,1],     [242,0,1]     ],
+               [0.8125, [245,0,170],   [245,0,170]   ],
+               [0.875,  [223,180,225], [223,180,225] ],
+               [0.9375, [255,255,255], [255,255, 255]] 
+
+             ]),
+
+   default:      colormap([
+               [0,       [45,1,121],     [25,1,137]    ],
+               [0.125,   [25,1,137],     [0,6,156]     ],
+               [0.1875,  [0,6,156],      [7,41,172]    ],
+               [0.25,    [7,41,172],     [22,84,187]   ],
+               [0.3125,  [22,84,187],    [25,125,194]  ],
+               [0.375,   [25,125,194],   [26,177,197]  ],   
+               [0.4375,  [26,177,197],   [23,199,193]  ],
+               [0.47,    [23,199,193],   [25, 200,170] ],
+               [0.50,    [25, 200,170],  [21,209,27]   ],
+               [0.5625,  [21,209,27],    [108,215,18]  ],
+               [0.625,   [108,215,18],   [166,218,19]  ],
+               [0.6875,  [166,218,19],   [206,221,20]  ],
+               [0.75,    [206,221,20],   [222,213,19 ] ],
+               [0.7813,  [222,213,19],   [222, 191, 19]],
+               [0.8125,  [222, 191, 19], [227,133,17]  ],
+               [0.875,   [227,133,17],   [231,83,16]   ],
+               [0.9375,  [231,83,16],    [220,61,48]   ] 
+
+             ]),
+
+
+  fastie:    colormap([
+               [0,     [255, 255, 255], [0,   0,   0]   ],
+               [0.167, [0,   0,   0],   [255, 255, 255] ],
+               [0.33,  [2,   0, 226],   [2,   0,   226] ],
+               [0.5,   [0,   0,   0],   [140, 140, 255] ],
+               [0.55,  [140, 140, 255], [0,   255, 0]   ],
+               [0.63,  [0,   255, 0],   [255, 255, 0]   ],
+               [0.75,  [255, 255, 0],   [255, 0,   0]   ],
+               [0.95,  [255, 0,   0],   [255, 0,   255] ]
+             ]),
+
+
  stretched: colormap([
               [0,     [0,   0,   255], [0,   0,   255] ],
               [0.1,   [0,   0,   255], [38,  195, 195] ],
               [0.5,   [0,   150, 0],   [255, 255, 0]   ],
               [0.7,   [255, 255, 0],   [255, 50,  50]  ],
               [0.9,   [255, 50,  50],  [255, 50,  50]  ]
-             ]),
-  fastie:    colormap([
-               [0,     [255, 255, 255], [0,   0,   0]   ],
-               [0.167, [0,   0,   0],   [255, 255, 255] ],
-               [0.33,  [255, 255, 255], [0,   0,   0]   ],
-               [0.5,   [0,   0,   0],   [140, 140, 255] ],
-               [0.55,  [140, 140, 255], [0,   255, 0]   ],
-               [0.63,  [0,   255, 0],   [255, 255, 0]   ],
-               [0.75,  [255, 255, 0],   [255, 0,   0]   ],
-               [0.95,  [255, 0,   0],   [255, 0,   255] ]
             ])
-}
+ 
+}
--- a/src/modules/Colormap/info.json
+++ b/src/modules/Colormap/info.json
@@ -6,7 +6,8 @@
      "type": "select",
      "desc": "Name of the Colormap",
      "default": "default",
-      "values": ["default","greyscale","stretched","fastie"]
+      "values": ["default","greyscale","bluwhtgrngis","stretched","fastie","brntogrn","blutoredjet","colors16"]
    }
-  }
+  },
+  "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/Contrast/Contrast.js
+++ b/src/modules/Contrast/Contrast.js
@@ -0,0 +1,47 @@
+var _ = require('lodash');
+module.exports = exports = function(pixels , contrast){
+	let oldpix = _.cloneDeep(pixels);
+    contrast = Number(contrast)
+	if (contrast < -100) contrast = -100;
+    if (contrast > 100) contrast = 100;
+    contrast = (100.0 + contrast) / 100.0;
+    contrast *= contrast;
+        
+    for (let i = 0; i < oldpix.shape[0]; i++) {
+        for (let j = 0; j < oldpix.shape[1]; j++) {
+        	var r = oldpix.get(i,j,0)/255.0;
+        	r -= 0.5;
+            r *= contrast;
+        	r += 0.5;
+            r *= 255;
+            if (r < 0) r = 0;
+            if (r > 255) r = 255;
+
+
+            var g = oldpix.get(i,j,1)/255.0;
+            g -= 0.5;
+            g *= contrast;
+            g += 0.5;
+            g *= 255;
+            if (g < 0) g = 0;
+            if (g > 255) g = 255;
+        
+
+
+            var b = oldpix.get(i,j,2)/255.0;
+            b -= 0.5;
+            b *= contrast;
+            b += 0.5;
+            b *= 255;
+            if (b < 0) b = 0;
+            if (b > 255) b = 255;
+            
+
+            pixels.set(i, j, 0, r);
+            pixels.set(i, j, 1, g);
+            pixels.set(i, j, 2, b);
+
+        }
+    }
+    return pixels;
+}
--- a/src/modules/Contrast/Module.js
+++ b/src/modules/Contrast/Module.js
@@ -0,0 +1,49 @@
+// /*
+// * Changes the Image Contrast
+// */
+
+module.exports = function Contrast(options, UI) {
+
+    options.contrast = options.contrast || 70
+    var output;
+
+    function draw(input, callback, progressObj) {
+
+        progressObj.stop(true);
+        progressObj.overrideFlag = true;
+
+        var step = this;
+
+        function changePixel(r, g, b, a) {
+            return [r, g, b, a]
+        }
+
+        function extraManipulation(pixels) {
+            pixels = require('./Contrast')(pixels, options.contrast)
+            return pixels
+        }
+
+        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,
+            changePixel: changePixel,
+            extraManipulation: extraManipulation,
+            format: input.format,
+            image: options.image,
+            callback: callback
+        });
+
+    }
+    return {
+        options: options,
+        draw: draw,
+        output: output,
+        UI: UI
+    }
+}
--- a/src/modules/Contrast/index.js
+++ b/src/modules/Contrast/index.js
@@ -0,0 +1,4 @@
+module.exports = [
+    require('./Module'),
+    require('./info.json')
+]
--- a/src/modules/Contrast/info.json
+++ b/src/modules/Contrast/info.json
@@ -0,0 +1,12 @@
+{
+    "name": "Contrast",
+    "description": "Change the contrast of the image by given value",
+    "inputs": {
+        "contrast": {
+            "type": "Number",
+            "desc": "contrast for the new image, typically -100 to 100",
+            "default": 70 
+        }
+    },
+    "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
+}
--- a/src/modules/Convolution/info.json
+++ b/src/modules/Convolution/info.json
@@ -15,5 +15,6 @@
        "default": "1 1 1 1 1 1 1 1 1",
        "placeholder": "1 1 1 1 1 1 1 1 1"
      }
-    }
+    },
+    "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/Crop/Module.js
+++ b/src/modules/Crop/Module.js
@@ -17,7 +17,7 @@ module.exports = function CropModule(options, UI) {

  // we should get UI to return the image thumbnail so we can attach our own UI extensions
  // add our custom in-module html ui:
-  if (options.step.inBrowser) var ui = require('./Ui.js')(options.step, UI);
+  if (options.step.inBrowser && !options.noUI) var ui = require('./Ui.js')(options.step, UI);
  var output,
      setupComplete = false;

@@ -49,7 +49,7 @@ module.exports = function CropModule(options, UI) {

      // start custom UI setup (draggable UI)
      // only once we have an input image
-      if (setupComplete === false && options.step.inBrowser) {
+      if (setupComplete === false && options.step.inBrowser && !options.noUI) {
        setupComplete = true;
        ui.setup();
      }
--- a/src/modules/Crop/info.json
+++ b/src/modules/Crop/info.json
@@ -23,5 +23,6 @@
      "desc": "Height of crop",
      "default": "(100%)"
    }
-  }
+  },
+  "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/DecodeQr/info.json
+++ b/src/modules/DecodeQr/info.json
@@ -7,5 +7,6 @@
    "qrval": {
      "type": "text"
    }
-  }
+  },
+  "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/Dynamic/Module.js
+++ b/src/modules/Dynamic/Module.js
@@ -54,6 +54,22 @@ module.exports = function Dynamic(options,UI) {
      ]
    }

+    // via P5js: https://github.com/processing/p5.js/blob/2920492842aae9a8bf1a779916893ac19d65cd38/src/math/calculation.js#L461-L472
+    function map(n, start1, stop1, start2, stop2, withinBounds) {
+      var newval = (n - start1) / (stop1 - start1) * (stop2 - start2) + start2;
+      if (!withinBounds) {
+        return newval;
+      }
+      // also via P5js: https://github.com/processing/p5.js/blob/2920492842aae9a8bf1a779916893ac19d65cd38/src/math/calculation.js#L116-L119
+      function constrain(n, low, high) {
+        return Math.max(Math.min(n, high), low);
+      };
+      if (start2 < stop2) {
+        return constrain(newval, start2, stop2);
+      } else {
+        return constrain(newval, stop2, start2);
+      }
+    };

    function output(image,datauri,mimetype){

--- a/src/modules/Dynamic/info.json
+++ b/src/modules/Dynamic/info.json
@@ -22,5 +22,6 @@
      "desc": "Expression to return with R, G, B, and A inputs; fallback for other channels if none provided",
      "default": "r + g + b"
    }
-  }
+  },
+  "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/EdgeDetect/info.json
+++ b/src/modules/EdgeDetect/info.json
@@ -17,5 +17,6 @@
            "desc": "The low threshold value for the image",
            "default": 0.15
        }
-    }
+    },
+    "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/FisheyeGl/info.json
+++ b/src/modules/FisheyeGl/info.json
@@ -62,5 +62,6 @@
      "desc": "Path to a WebGL vertex shader file",
      "default": "(inbuilt)"
    }
-  }
+  },
+  "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/GammaCorrection/info.json
+++ b/src/modules/GammaCorrection/info.json
@@ -7,5 +7,6 @@
            "desc": "gamma correction (inverse of actual gamma factor) for the new image",
            "default": 0.2
        }
-    } 
+    },
+    "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/Gradient/info.json
+++ b/src/modules/Gradient/info.json
@@ -1,5 +1,6 @@
 {
    "name": "Gradient",
    "description": "Gives a gradient of the image",
-    "inputs": {}
+    "inputs": {},
+    "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/Histogram/info.json
+++ b/src/modules/Histogram/info.json
@@ -11,5 +11,6 @@
                "false"
            ]
        }
-    }
+    },
+    "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/ImportImage/info.json
+++ b/src/modules/ImportImage/info.json
@@ -8,5 +8,6 @@
      "desc": "URL of image to import",
      "default": "./images/monarch.png"
    }
-  }
+  },
+  "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/Invert/info.json
+++ b/src/modules/Invert/info.json
@@ -2,5 +2,6 @@
  "name": "Invert",
  "description": "Inverts the image.",
  "inputs": {
-  }
+  },
+  "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/Ndvi/info.json
+++ b/src/modules/Ndvi/info.json
@@ -8,5 +8,6 @@
      "default": "red",
      "values": ["red", "blue"]
    }
-  }
+  },
+  "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/NdviColormap/info.json
+++ b/src/modules/NdviColormap/info.json
@@ -2,5 +2,6 @@
    "name": "NDVI-Colormap",
    "description": "Sequentially Applies NDVI and Colormap steps",
    "inputs": {},
-    "length": 2
+    "length": 2,
+    "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/Overlay/info.json
+++ b/src/modules/Overlay/info.json
@@ -17,5 +17,6 @@
            "desc": "offset to the output of the step on which the output of the last step is overlayed",
            "default": -2
        }
-    }
+    },
+    "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/Resize/info.json
+++ b/src/modules/Resize/info.json
@@ -7,5 +7,6 @@
      "desc": "Percentage value of the resize",
      "default": "125%"
    }
-  }
+  },
+  "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/modules/Rotate/Module.js
+++ b/src/modules/Rotate/Module.js
@@ -0,0 +1,62 @@
+/*
+ * Rotates image 
+ */
+module.exports = function Rotate(options, UI) {
+
+    var output;
+
+    function draw(input, callback, progressObj) {
+
+        options.rotate = parseInt(options.rotate) || 0;
+
+        progressObj.stop(true);
+        progressObj.overrideFlag = true;
+
+        var step = this;
+
+        var imagejs = require('imagejs');
+
+        function changePixel(r, g, b, a) {
+            return [r, g, b, a]
+        }
+
+        function extraManipulation(pixels) {
+            var rotate_value = (options.rotate)%360;
+
+            if(rotate_value%360 == 0)
+            return pixels;
+
+            var bitmap = new imagejs.Bitmap({width: pixels.shape[0], height: pixels.shape[1]});
+            bitmap._data.data = pixels.data;
+
+            var rotated = bitmap.rotate({
+                degrees: rotate_value, 
+            });
+            pixels.data = rotated._data.data;
+            
+            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,
+            changePixel: changePixel,
+            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/Rotate/index.js
+++ b/src/modules/Rotate/index.js
@@ -0,0 +1,4 @@
+module.exports = [
+    require('./Module'),
+    require('./info.json')
+]
--- a/src/modules/Rotate/info.json
+++ b/src/modules/Rotate/info.json
@@ -0,0 +1,12 @@
+{
+    "name": "Rotate",
+    "description": "Rotates image by specified degrees",
+    "inputs": {
+      "rotate": {
+        "type": "integer",
+        "desc": "Angular value for rotation in degrees",
+        "default": 0
+      }
+    },
+    "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
+  }
--- a/src/modules/Saturation/info.json
+++ b/src/modules/Saturation/info.json
@@ -7,5 +7,6 @@
            "desc": "saturation for the new image between 0 and 2, 0 being black and white and 2 being highly saturated",
            "default": 0
        }
-    }
+    },
+    "docs-link":"https://github.com/publiclab/image-sequencer/blob/main/docs/MODULES.md"
 }
--- a/src/ui/SetInputStep.js
+++ b/src/ui/SetInputStep.js
@@ -5,9 +5,11 @@ function setInputStepInit() {

    var dropzone = $(options.dropZoneSelector);
    var fileInput = $(options.fileInputSelector);
+    var takePhoto = $(options.takePhotoSelector);
 
    var onLoad = options.onLoad;
- 
+    var onTakePhoto = options.onTakePhoto;
+
    var reader = new FileReader();
 
    function handleFile(e) {
@@ -25,8 +27,53 @@ function setInputStepInit() {
 
      reader.readAsDataURL(file);
    }
+
+    function runVideo(){
+      /* event handler for Take-Photo */
+      document.getElementById('video').style.display='inline';
+      document.getElementById('capture').style.display='inline';
+      document.getElementById('close').style.display='inline';
+      
+      var video = document.getElementById('video');
+      canvas = document.getElementById('canvas'),
+      context = canvas.getContext('2d'),
+      vendorUrl = window.URL || window.webkitURL;
+
+  navigator.getMedia = navigator.getUserMedia || navigator.wekitGetUserMedia ||
+                        navigator.mozGetUserMedia || navigator.msGetUserMedia;
+
+  navigator.getMedia({
+    video: true,
+    audio: false
+  }, function(stream){ // success callback
+    video.srcObject = stream;
+    video.onloadedmetadata = function(e) {
+       video.play();
+     };
+    document.getElementById('close').addEventListener('click', function () {
+      stopStream(stream);
+     });
+  }, function(error){ // error
+    console.log("error");
+  });
+
+  document.getElementById('capture').addEventListener('click', function(stream){
+    context.drawImage(video, 0, 0, 400, 300);
+    options.onTakePhoto(canvas.toDataURL());
+  });
+
+  function stopStream(stream) {
+    stream.getVideoTracks().forEach(function (track) {
+        track.stop();
+    });
+    document.getElementById('video').style.display='none';
+    document.getElementById('capture').style.display='none';
+    document.getElementById('close').style.display='none';
+  }
+}
 
    fileInput.on('change', handleFile);
+    takePhoto.on('click', runVideo);
 
    dropzone[0].addEventListener('drop', handleFile, false);
 
--- a/test/modules/import-export.js
+++ b/test/modules/import-export.js
@@ -8,8 +8,8 @@ test('toString() and stepToString() return the step/steps in string format', fun
  sequencer.loadImages('image1', red);
  sequencer.addSteps('channel');
  sequencer.addSteps('invert');
-  t.equal(sequencer.toString(), "channel{channel:green},invert{}", "toString works");
-  t.equal(sequencer.stepToString(sequencer.steps[1]), "channel{channel:green}", "stepToString works");
+  t.equal(sequencer.toString(), "channel{},invert{}", "toString works");
+  t.equal(sequencer.stepToString(sequencer.steps[1]), "channel{}", "stepToString works");
  t.end();
 });

@@ -36,7 +36,7 @@ test('stringToJSON() and stringToJSONstep() return the step/steps from a string

 test('toJSON() returns the right sequence of steps', function(t) {
  t.deepEqual(sequencer.toJSON(), [
-    { name: 'channel', options: { channel: 'green' } },
+    { name: 'channel', options: {} },
    { name: 'invert', options: {} }
  ]);
  t.end();
@@ -44,7 +44,7 @@ test('toJSON() returns the right sequence of steps', function(t) {

 test('importString() imports a string of steps into the sequencer', function(t) {
  sequencer.importString('brightness{brightness:50},invert');
-  t.equal(sequencer.toString(), "channel{channel:green},invert{},brightness{brightness:50},invert{}");
+  t.equal(sequencer.toString(), "channel{},invert{},brightness{brightness:50},invert{}");
  t.end();
 });

@@ -52,7 +52,7 @@ test('importJSON() imports a JSON array of steps into the sequencer', function(t
  sequencer.importJSON([
    { name: 'blur', options: {} }
  ]);
-  t.equal(sequencer.toString(), "channel{channel:green},invert{},brightness{brightness:50},invert{},blur{blur:2}")
+  t.equal(sequencer.toString(), "channel{},invert{},brightness{brightness:50},invert{},blur{}")
  t.end();
 });

--- a/yarn.lock
+++ b/yarn.lock
@@ -59,7 +59,7 @@ acorn-walk@^6.0.1:
  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-6.1.0.tgz#c957f4a1460da46af4a0388ce28b4c99355b0cbc"
  integrity sha512-ugTb7Lq7u4GfWSqqpwE0bGyoBZNMTok/zDBXxfEG0QM50jNlGhIWjRC1pPN7bvV1anhF+bs+/gNcRw+o55Evbg==

-acorn@^5.0.0, acorn@^5.2.1:
+acorn@^5.0.0:
  version "5.7.3"
  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279"
  integrity sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==
@@ -98,11 +98,6 @@ amdefine@>=0.0.4:
  resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
  integrity sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=

-ansi-regex@^0.2.0, ansi-regex@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-0.2.1.tgz#0d8e946967a3d8143f93e24e298525fc1b2235f9"
-  integrity sha1-DY6UaWej2BQ/k+JOKYUl/BsiNfk=
-
 ansi-regex@^2.0.0:
  version "2.1.1"
  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
@@ -113,11 +108,6 @@ ansi-regex@^3.0.0:
  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998"
  integrity sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=

-ansi-styles@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-1.1.0.tgz#eaecbf66cd706882760b2f4691582b8f55d7a7de"
-  integrity sha1-6uy/Zs1waIJ2Cy9GkVgrj1XXp94=
-
 ansi-styles@^2.2.1:
  version "2.2.1"
  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
@@ -261,13 +251,6 @@ assert@^1.4.0:
  dependencies:
    util "0.10.3"

-assert@~1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/assert/-/assert-1.3.0.tgz#03939a622582a812cc202320a0b9a56c9b815849"
-  integrity sha1-A5OaYiWCqBLMICMgoLmlbJuBWEk=
-  dependencies:
-    util "0.10.3"
-
 assign-symbols@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
@@ -400,6 +383,11 @@ blob@0.0.4:
  resolved "https://registry.yarnpkg.com/blob/-/blob-0.0.4.tgz#bcf13052ca54463f30f9fc7e95b9a47630a94921"
  integrity sha1-vPEwUspURj8w+fx+lbmkdjCpSSE=

+bluebird@*:
+  version "3.5.3"
+  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.5.3.tgz#7d01c6f9616c9a51ab0f8c549a79dfe6ec33efa7"
+  integrity sha512-/qKPUQlaW1OyR51WeCPBvRnAlnZFUJkCSG5HzGnuIqhgyJtF+T94lFnn33eiazjRm2LAHVy2guNnaq48X9SJuw==
+
 bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
  version "4.11.8"
  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.8.tgz#2cde09eb5ee341f484746bb0309b3253b1b1442f"
@@ -415,10 +403,10 @@ body@^5.1.0:
    raw-body "~1.1.0"
    safe-json-parse "~1.0.1"

-bootstrap@~3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-3.2.0.tgz#a0726e7c12e79f4a2a504f8d1ee9f2850a83f637"
-  integrity sha1-oHJufBLnn0oqUE+NHunyhQqD9jc=
+bootstrap@~3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-3.4.0.tgz#f8d77540dd3062283d2ae7687e21c1e691961640"
+  integrity sha512-F1yTDO9OHKH0xjl03DsOe8Nu1OWBIeAugGMhy3UTIYDdbbIPesQIhCEbj+HEr6wqlwweGAlP8F3OBC6kEuhFuw==

 brace-expansion@^1.1.7:
  version "1.1.11"
@@ -458,13 +446,12 @@ brorand@^1.0.1:
  resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
  integrity sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=

-browser-launcher@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/browser-launcher/-/browser-launcher-1.0.0.tgz#0cf0ff1ecdcb7516c8f973bf82eb6f3bf929ce97"
-  integrity sha1-DPD/Hs3LdRbI+XO/gutvO/kpzpc=
+browser-launcher@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/browser-launcher/-/browser-launcher-1.0.1.tgz#de5e0ed172602e853c40be813c03d2af3a606404"
+  integrity sha512-XLZ96W4jzKOBMcrE7juOusdiIzbZRG3q/sPGh5ytZJSJ7/JndKqoUjfHdiXFzxILidIjsj79rCKUHAIKxJCUCw==
  dependencies:
    headless "~0.1.3"
-    merge "~1.0.0"
    minimist "0.0.5"
    mkdirp "~0.3.3"
    plist "0.2.1"
@@ -489,12 +476,12 @@ browser-resolve@^1.11.0, browser-resolve@^1.7.0:
  dependencies:
    resolve "1.1.7"

-browser-run@^4.1.1:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/browser-run/-/browser-run-4.1.3.tgz#9a6f24a1f10873f84e304583c685240ecc55b394"
-  integrity sha512-NrBAEKWWeTrLbE3XP+gzbBte06/f13UZRXsYaIi+XUJgMi/HMaQAFDZ7OnLF4jrcX9dE0C4+kZNS4BAQde3Qgw==
+browser-run@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/browser-run/-/browser-run-5.0.1.tgz#14472a99c934ea099e05c5f2e594a57ab2c1d8aa"
+  integrity sha512-5fWPcJACcgaeOms6xXcHLXEoPTlze63EV8vKd1qxGqksNvaARLeKSUxdCfS+MTQvtBYEXgkkcH/FhR6QHgWzKg==
  dependencies:
-    browser-launcher "^1.0.0"
+    browser-launcher "^1.0.1"
    duplexer "^0.1.1"
    ecstatic "^2.0.0"
    electron-stream "^5.1.1"
@@ -637,7 +624,7 @@ browserify-sign@^4.0.0:
    inherits "^2.0.1"
    parse-asn1 "^5.0.0"

-browserify-zlib@^0.1.4, browserify-zlib@~0.1.2:
+browserify-zlib@^0.1.4:
  version "0.1.4"
  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.1.4.tgz#bb35f8a519f600e0fa6b8485241c979d0141fb2d"
  integrity sha1-uzX4pRn2AOD6a4SFJByXnQFB+y0=
@@ -651,60 +638,7 @@ browserify-zlib@~0.2.0:
  dependencies:
    pako "~1.0.5"

-browserify@13.0.0:
-  version "13.0.0"
-  resolved "https://registry.yarnpkg.com/browserify/-/browserify-13.0.0.tgz#8f223bb24ff4ee4335e6bea9671de294e43ba6a3"
-  integrity sha1-jyI7sk/07kM15r6pZx3ilOQ7pqM=
-  dependencies:
-    JSONStream "^1.0.3"
-    assert "~1.3.0"
-    browser-pack "^6.0.1"
-    browser-resolve "^1.11.0"
-    browserify-zlib "~0.1.2"
-    buffer "^4.1.0"
-    concat-stream "~1.5.1"
-    console-browserify "^1.1.0"
-    constants-browserify "~1.0.0"
-    crypto-browserify "^3.0.0"
-    defined "^1.0.0"
-    deps-sort "^2.0.0"
-    domain-browser "~1.1.0"
-    duplexer2 "~0.1.2"
-    events "~1.1.0"
-    glob "^5.0.15"
-    has "^1.0.0"
-    htmlescape "^1.1.0"
-    https-browserify "~0.0.0"
-    inherits "~2.0.1"
-    insert-module-globals "^7.0.0"
-    isarray "0.0.1"
-    labeled-stream-splicer "^2.0.0"
-    module-deps "^4.0.2"
-    os-browserify "~0.1.1"
-    parents "^1.0.1"
-    path-browserify "~0.0.0"
-    process "~0.11.0"
-    punycode "^1.3.2"
-    querystring-es3 "~0.2.0"
-    read-only-stream "^2.0.0"
-    readable-stream "^2.0.2"
-    resolve "^1.1.4"
-    shasum "^1.0.0"
-    shell-quote "^1.4.3"
-    stream-browserify "^2.0.0"
-    stream-http "^2.0.0"
-    string_decoder "~0.10.0"
-    subarg "^1.0.0"
-    syntax-error "^1.1.1"
-    through2 "^2.0.0"
-    timers-browserify "^1.0.1"
-    tty-browserify "~0.0.0"
-    url "~0.11.0"
-    util "~0.10.1"
-    vm-browserify "~0.0.1"
-    xtend "^4.0.0"
-
-browserify@^16.0.0, browserify@^16.1.0:
+browserify@16.2.3, browserify@^16.0.0, browserify@^16.1.0:
  version "16.2.3"
  resolved "https://registry.yarnpkg.com/browserify/-/browserify-16.2.3.tgz#7ee6e654ba4f92bce6ab3599c3485b1cc7a0ad0b"
  integrity sha512-zQt/Gd1+W+IY+h/xX2NYMW4orQWhqSwyV+xsblycTtpOuB27h1fZhhNQuipJ4t79ohw4P4mMem0jp/ZkISQtjQ==
@@ -788,16 +722,7 @@ buffer-xor@^1.0.3:
  resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
  integrity sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk=

-buffer@^4.1.0:
-  version "4.9.1"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-4.9.1.tgz#6d1bb601b07a4efced97094132093027c95bc298"
-  integrity sha1-bRu2AbB6TvztlwlBMgkwJ8lbwpg=
-  dependencies:
-    base64-js "^1.0.2"
-    ieee754 "^1.1.4"
-    isarray "^1.0.0"
-
-buffer@^5.0.2:
+buffer@^5.0.2, buffer@~5.2.1:
  version "5.2.1"
  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.2.1.tgz#dd57fa0f109ac59c602479044dca7b8b3d0b71d6"
  integrity sha512-c+Ko0loDaFfuPWiL02ls9Xd3GO3cPVmUobQ6t3rXNUk304u6hGq+8N/kFi+QEIKhzK3uwolVhLzszmfLmMLnqg==
@@ -805,14 +730,6 @@ buffer@^5.0.2:
    base64-js "^1.0.2"
    ieee754 "^1.1.4"

-buffer@~5.0.2:
-  version "5.0.8"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.0.8.tgz#84daa52e7cf2fa8ce4195bc5cf0f7809e0930b24"
-  integrity sha512-xXvjQhVNz50v2nPeoOsNqWCLGfiv4ji/gXZM28jnVwdLJxH4mFyqgqCKfaK9zf1KUbG6zTkjLOy7ou+jSMarGA==
-  dependencies:
-    base64-js "^1.0.2"
-    ieee754 "^1.1.4"
-
 builtin-modules@^1.0.0:
  version "1.1.1"
  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-1.1.1.tgz#270f076c5a72c02f5b65a47df94c5fe3a278892f"
@@ -849,9 +766,9 @@ cache-base@^1.0.1:
    unset-value "^1.0.0"

 cached-path-relative@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/cached-path-relative/-/cached-path-relative-1.0.1.tgz#d09c4b52800aa4c078e2dd81a869aac90d2e54e7"
-  integrity sha1-0JxLUoAKpMB44t2BqGmqyQ0uVOc=
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/cached-path-relative/-/cached-path-relative-1.0.2.tgz#a13df4196d26776220cc3356eb147a52dba2c6db"
+  integrity sha512-5r2GqsoEb4qMTTN9J+WzXfjov+hjxT+j3u5K+kIVNIwAd99DLCJE9pBIMP1qVeybV6JiijL385Oz0DcYxfbOIg==

 callsite@1.0.0:
  version "1.0.0"
@@ -894,17 +811,6 @@ center-align@^0.1.1:
    align-text "^0.1.3"
    lazy-cache "^1.0.3"

-chalk@^0.5.1:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-0.5.1.tgz#663b3a648b68b55d04690d49167aa837858f2174"
-  integrity sha1-Zjs6ZItotV0EaQ1JFnqoN4WPIXQ=
-  dependencies:
-    ansi-styles "^1.1.0"
-    escape-string-regexp "^1.0.0"
-    has-ansi "^0.1.0"
-    strip-ansi "^0.3.0"
-    supports-color "^0.2.0"
-
 chalk@^1.0.0, chalk@^1.1.1:
  version "1.1.3"
  resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
@@ -1059,10 +965,10 @@ color-convert@~0.5.0:
  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-0.5.3.tgz#bdb6c69ce660fadffe0b0007cc447e1b9f7282bd"
  integrity sha1-vbbGnOZg+t/+CwAHzER+G59ygr0=

-color-diff@^0.1.5:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/color-diff/-/color-diff-0.1.7.tgz#6db78cd9482a8e459d40821eaf4b503283dcb8e2"
-  integrity sha1-bbeM2UgqjkWdQIIer0tQMoPcuOI=
+color-diff@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/color-diff/-/color-diff-1.1.0.tgz#983ae7f936679e94e365dfe44a16aa153bdae88e"
+  integrity sha1-mDrn+TZnnpTjZd/kShaqFTva6I4=

 color-name@1.1.3:
  version "1.1.3"
@@ -1128,7 +1034,7 @@ concat-map@0.0.1:
  resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
  integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=

-concat-stream@1.6.2, concat-stream@^1.4.1, concat-stream@^1.5.0, concat-stream@^1.6.0, concat-stream@^1.6.1, concat-stream@~1.6.0:
+concat-stream@1.6.2, concat-stream@^1.4.1, concat-stream@^1.6.0, concat-stream@^1.6.1, concat-stream@^1.6.2, concat-stream@~1.6.0:
  version "1.6.2"
  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
  integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
@@ -1143,15 +1049,6 @@ concat-stream@~0.1.0:
  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-0.1.1.tgz#d7f4e278b90cfc4f0f3ef77fe4c03b40eb3f7900"
  integrity sha1-1/TieLkM/E8PPvd/5MA7QOs/eQA=

-concat-stream@~1.5.0, concat-stream@~1.5.1:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.5.2.tgz#708978624d856af41a5a741defdd261da752c266"
-  integrity sha1-cIl4Yk2FavQaWnQd790mHadSwmY=
-  dependencies:
-    inherits "~2.0.1"
-    readable-stream "~2.0.0"
-    typedarray "~0.0.5"
-
 connect-history-api-fallback@^1:
  version "1.5.0"
  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-1.5.0.tgz#b06873934bc5e344fef611a196a6faae0aee015a"
@@ -1489,14 +1386,6 @@ detect-libc@^1.0.2:
  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
  integrity sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=

-detective@^4.0.0:
-  version "4.7.1"
-  resolved "https://registry.yarnpkg.com/detective/-/detective-4.7.1.tgz#0eca7314338442febb6d65da54c10bb1c82b246e"
-  integrity sha512-H6PmeeUcZloWtdt4DAkFyzFL94arpHr3NOwwmVILFiy+9Qd4JTxxXrzfyGk/lmct2qVGBwTSwSXagqu2BxmWig==
-  dependencies:
-    acorn "^5.2.1"
-    defined "^1.0.0"
-
 detective@^5.0.2:
  version "5.1.0"
  resolved "https://registry.yarnpkg.com/detective/-/detective-5.1.0.tgz#7a20d89236d7b331ccea65832e7123b5551bb7cb"
@@ -1533,10 +1422,10 @@ domain-browser@^1.2.0:
  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
  integrity sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==

-domain-browser@~1.1.0:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.1.7.tgz#867aa4b093faa05f1de08c06f4d7b21fdf8698bc"
-  integrity sha1-hnqksJP6oF8d4IwG9NeyH9+GmLw=
+downloadjs@^1.4.7:
+  version "1.4.7"
+  resolved "https://registry.yarnpkg.com/downloadjs/-/downloadjs-1.4.7.tgz#f69f96f940e0d0553dac291139865a3cd0101e3c"
+  integrity sha1-9p+W+UDg0FU9rCkROYZaPNAQHjw=

 dup@^1.0.0:
  version "1.0.0"
@@ -1809,7 +1698,7 @@ escape-html@~1.0.3:
  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
  integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=

-escape-string-regexp@^1.0.0, escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
+escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
  version "1.0.5"
  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
  integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
@@ -1942,11 +1831,6 @@ events@^2.0.0:
  resolved "https://registry.yarnpkg.com/events/-/events-2.1.0.tgz#2a9a1e18e6106e0e812aa9ebd4a819b3c29c0ba5"
  integrity sha512-3Zmiobend8P9DjmKAty0Era4jV8oJ0yGYe2nJJAxgymF9+N8F2m0hhZiMoWtcfepExzNKZumFU3ksdQbInGWCg==

-events@~1.1.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/events/-/events-1.1.1.tgz#9ebdb7635ad099c70dcc4c2a1f5004288e8bd924"
-  integrity sha1-nr23Y1rQmccNzEwqH1AEKI6L2SQ=
-
 evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
  version "1.0.3"
  resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz#7fcbdb198dc71959432efe13842684e0525acb02"
@@ -2178,10 +2062,10 @@ follow-redirects@^1.2.5:
  dependencies:
    debug "=3.1.0"

-font-awesome@~4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/font-awesome/-/font-awesome-4.5.0.tgz#1e9d7ccf7d63bdbe57000e18d5188cb2557e70f8"
-  integrity sha1-Hp18z31jvb5XAA4Y1RiMslV+cPg=
+font-awesome@~4.7.0:
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/font-awesome/-/font-awesome-4.7.0.tgz#8fa8cf0411a1a31afd07b06d2902bb9fc815a133"
+  integrity sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM=

 for-each@~0.3.3:
  version "0.3.3"
@@ -2393,17 +2277,6 @@ glob-parent@^3.1.0:
    is-glob "^3.1.0"
    path-dirname "^1.0.0"

-glob@^5.0.15, glob@~5.0.0:
-  version "5.0.15"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-5.0.15.tgz#1bc936b9e02f4a603fcc222ecf7633d30b8b93b1"
-  integrity sha1-G8k2ueAvSmA/zCIuz3Yz0wuLk7E=
-  dependencies:
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "2 || 3"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
 glob@^7.0.5, glob@^7.1.0, glob@^7.1.2, glob@~7.1.1, glob@~7.1.2:
  version "7.1.3"
  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.3.tgz#3960832d3f1574108342dafd3a67b332c0969df1"
@@ -2416,6 +2289,17 @@ glob@^7.0.5, glob@^7.1.0, glob@^7.1.2, glob@~7.1.1, glob@~7.1.2:
    once "^1.3.0"
    path-is-absolute "^1.0.0"

+glob@~5.0.0:
+  version "5.0.15"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-5.0.15.tgz#1bc936b9e02f4a603fcc222ecf7633d30b8b93b1"
+  integrity sha1-G8k2ueAvSmA/zCIuz3Yz0wuLk7E=
+  dependencies:
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "2 || 3"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
 glob@~7.0.0:
  version "7.0.6"
  resolved "https://registry.yarnpkg.com/glob/-/glob-7.0.6.tgz#211bafaf49e525b8cd93260d14ab136152b3f57a"
@@ -2492,13 +2376,13 @@ grunt-cli@~1.2.0:
    nopt "~3.0.6"
    resolve "~1.1.0"

-grunt-contrib-concat@^0.5.0:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/grunt-contrib-concat/-/grunt-contrib-concat-0.5.1.tgz#953c6efdfdfd2c107ab9c85077f2d4b24d31cd49"
-  integrity sha1-lTxu/f39LBB6uchQd/LUsk0xzUk=
+grunt-contrib-concat@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/grunt-contrib-concat/-/grunt-contrib-concat-1.0.1.tgz#61509863084e871d7e86de48c015259ed97745bd"
+  integrity sha1-YVCYYwhOhx1+ht5IwBUlntl3Rb0=
  dependencies:
-    chalk "^0.5.1"
-    source-map "^0.3.0"
+    chalk "^1.0.0"
+    source-map "^0.5.3"

 grunt-contrib-uglify-es@^3.3.0:
  version "3.3.0"
@@ -2600,13 +2484,6 @@ har-validator@~5.1.0:
    ajv "^5.3.0"
    har-schema "^2.0.0"

-has-ansi@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-0.1.0.tgz#84f265aae8c0e6a88a12d7022894b7568894c62e"
-  integrity sha1-hPJlqujA5qiKEtcCKJS3VoiUxi4=
-  dependencies:
-    ansi-regex "^0.2.0"
-
 has-ansi@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
@@ -2809,11 +2686,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=

-https-browserify@~0.0.0:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-0.0.1.tgz#3f91365cabe60b77ed0ebba24b454e3e09d95a82"
-  integrity sha1-P5E2XKvmC3ftDruiS0VOPgnZWoI=
-
 iconv-lite@0.4.23:
  version "0.4.23"
  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.23.tgz#297871f63be507adcfbfca715d0cd0eed84e9a63"
@@ -2840,26 +2712,35 @@ ignore-walk@^3.0.1:
  dependencies:
    minimatch "^3.0.4"

-image-filter-core@^1.0.0, image-filter-core@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/image-filter-core/-/image-filter-core-1.0.0.tgz#7a81477b299cc910db67ff7c2c000ca1da44aa4f"
-  integrity sha1-eoFHeymcyRDbZ/98LAAModpEqk8=
+image-filter-core@^2.0.0, image-filter-core@~2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/image-filter-core/-/image-filter-core-2.0.2.tgz#1b994c9b9e34476530de9ca8450e85f87a81bd10"
+  integrity sha1-G5lMm540R2Uw3pyoRQ6F+HqBvRA=
  dependencies:
    es6-promise "^4.0.5"
-    webworkify "^1.2.1"

-image-filter-threshold@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/image-filter-threshold/-/image-filter-threshold-1.0.0.tgz#2ab59ff397a7886966d73f938eb1e972fc898532"
-  integrity sha1-KrWf85eniGlm1z+TjrHpcvyJhTI=
+image-filter-threshold@~2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/image-filter-threshold/-/image-filter-threshold-2.0.1.tgz#4714ddd9afad507cb28239b346236e2c2a6fbb4c"
+  integrity sha1-RxTd2a+tUHyygjmzRiNuLCpvu0w=
  dependencies:
-    image-filter-core "^1.0.0"
+    image-filter-core "^2.0.0"

 image-sequencer-invert@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/image-sequencer-invert/-/image-sequencer-invert-1.0.0.tgz#bb5c0cc2f50ed9ff4cd8d89a7929188f381a5dd4"
  integrity sha512-LL9jwCnSbUy676q9ULJ6M04mp1TVOxpjlckMGN2SyFOgPE4SGL2/IRcO33BDwafmFiupqDdgs7gUHEbsFcCqgQ==

+imagejs@0.0.9:
+  version "0.0.9"
+  resolved "https://registry.yarnpkg.com/imagejs/-/imagejs-0.0.9.tgz#2680645900f6d75fbf0f67bbc0063e6888ae7ebe"
+  integrity sha1-JoBkWQD211+/D2e7wAY+aIiufr4=
+  dependencies:
+    bluebird "*"
+    jpeg-js "0.1.1"
+    node-png "0.4.3"
+    underscore "1.4.4"
+
 "imgareaselect@git://github.com/jywarren/imgareaselect.git#v1.0.0-rc.2":
  version "0.9.11-rc.1"
  resolved "git://github.com/jywarren/imgareaselect.git#db8ae869ca0fcb289252678cebd17d6f40711f61"
@@ -3173,7 +3054,7 @@ isarray@0.0.1, isarray@~0.0.1:
  resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
  integrity sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=

-isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
+isarray@1.0.0, isarray@~1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
  integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
@@ -3215,6 +3096,11 @@ jpeg-js@0.0.4:
  resolved "https://registry.yarnpkg.com/jpeg-js/-/jpeg-js-0.0.4.tgz#06aaf47efec7af0b1924a59cd695a6d2b5ed870e"
  integrity sha1-Bqr0fv7HrwsZJKWc1pWm0rXthw4=

+jpeg-js@0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/jpeg-js/-/jpeg-js-0.1.1.tgz#2a5ff19636fe27e3b665ad9423475cb6b698698d"
+  integrity sha1-Kl/xljb+J+O2Za2UI0dctraYaY0=
+
 jpeg-js@^0.3.2:
  version "0.3.4"
  resolved "https://registry.yarnpkg.com/jpeg-js/-/jpeg-js-0.3.4.tgz#dc2ba501ee3d58b7bb893c5d1fab47294917e7e7"
@@ -3427,16 +3313,16 @@ longest@^1.0.1:
  resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
  integrity sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc=

-looks-same@^3.2.1:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/looks-same/-/looks-same-3.3.0.tgz#8ae84d2191f1b63a00596b7ac767a24bcc25824e"
-  integrity sha512-EfiQf32HIiNCDoyG8SXgeg1AW/T8G1q0xo8JyKp0TbgjDbNPF+cUi1xmTSYi2+73JwV+lsEuGgsh1ZZSpV9aYA==
+looks-same@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/looks-same/-/looks-same-4.1.0.tgz#fa9593350dcddc79999fe130689860f9fb6afff2"
+  integrity sha512-9dvYQrWpMhQzyyR25xRtFMq6TSXhduTcKKvYtlMf9IHzb+r/fvF+MQG6+hChC4MrLVlA+MRTOt6fhvUkbZ9IpA==
  dependencies:
-    color-diff "^0.1.5"
-    concat-stream "^1.5.0"
+    color-diff "^1.1.0"
+    concat-stream "^1.6.2"
    lodash "^4.17.3"
    parse-color "^1.0.0"
-    pngjs "^3.0.1"
+    pngjs "^3.3.3"

 loud-rejection@^1.0.0:
  version "1.6.0"
@@ -3527,11 +3413,6 @@ merge-source-map@1.0.4:
  dependencies:
    source-map "^0.5.6"

-merge@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/merge/-/merge-1.0.0.tgz#b443ab46d837c491e6222056ab0f7933ecb3568f"
-  integrity sha1-tEOrRtg3xJHmIiBWqw95M+yzVo8=
-
 micromatch@2.3.11, micromatch@^2.1.5:
  version "2.3.11"
  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565"
@@ -3682,27 +3563,6 @@ mkdirp@~0.3.3:
  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.3.5.tgz#de3e5f8961c88c787ee1368df849ac4413eca8d7"
  integrity sha1-3j5fiWHIjHh+4TaN+EmsRBPsqNc=

-module-deps@^4.0.2:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/module-deps/-/module-deps-4.1.1.tgz#23215833f1da13fd606ccb8087b44852dcb821fd"
-  integrity sha1-IyFYM/HaE/1gbMuAh7RIUty4If0=
-  dependencies:
-    JSONStream "^1.0.3"
-    browser-resolve "^1.7.0"
-    cached-path-relative "^1.0.0"
-    concat-stream "~1.5.0"
-    defined "^1.0.0"
-    detective "^4.0.0"
-    duplexer2 "^0.1.2"
-    inherits "^2.0.1"
-    parents "^1.0.0"
-    readable-stream "^2.0.2"
-    resolve "^1.1.3"
-    stream-combiner2 "^1.1.1"
-    subarg "^1.0.0"
-    through2 "^2.0.0"
-    xtend "^4.0.0"
-
 module-deps@^6.0.0:
  version "6.1.0"
  resolved "https://registry.yarnpkg.com/module-deps/-/module-deps-6.1.0.tgz#d1e1efc481c6886269f7112c52c3236188e16479"
@@ -3837,6 +3697,11 @@ node-bitmap@0.0.1:
  resolved "https://registry.yarnpkg.com/node-bitmap/-/node-bitmap-0.0.1.tgz#180eac7003e0c707618ef31368f62f84b2a69091"
  integrity sha1-GA6scAPgxwdhjvMTaPYvhLKmkJE=

+node-png@0.4.3:
+  version "0.4.3"
+  resolved "https://registry.yarnpkg.com/node-png/-/node-png-0.4.3.tgz#450223796b82d3cca0ffe4a5d5c7fa97485974e7"
+  integrity sha1-RQIjeWuC08yg/+Sl1cf6l0hZdOc=
+
 node-pre-gyp@^0.10.0:
  version "0.10.3"
  resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.10.3.tgz#3070040716afdc778747b61b6887bf78880b80fc"
@@ -4060,10 +3925,10 @@ optionator@^0.8.1:
    type-check "~0.3.2"
    wordwrap "~1.0.0"

-ora@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/ora/-/ora-2.1.0.tgz#6caf2830eb924941861ec53a173799e008b51e5b"
-  integrity sha512-hNNlAd3gfv/iPmsNxYoAPLvxg7HuPozww7fFonMZvL84tP6Ox5igfk5j/+a9rtJJwqMgKK+JgWsAQik5o0HTLA==
+ora@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/ora/-/ora-3.0.0.tgz#8179e3525b9aafd99242d63cc206fd64732741d0"
+  integrity sha512-LBS97LFe2RV6GJmXBi6OKcETKyklHNMV0xw7BtsVn2MlsgsydyZetSCbCANr+PFLmDyv4KV88nn0eCKza665Mg==
  dependencies:
    chalk "^2.3.1"
    cli-cursor "^2.1.0"
@@ -4077,11 +3942,6 @@ ordered-emitter@~0.1.0:
  resolved "https://registry.yarnpkg.com/ordered-emitter/-/ordered-emitter-0.1.1.tgz#aa20bdafbdcc1631834a350f68b4ef8eb34eed7b"
  integrity sha1-qiC9r73MFjGDSjUPaLTvjrNO7Xs=

-os-browserify@~0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.1.2.tgz#49ca0293e0b19590a5f5de10c7f265a617d8fe54"
-  integrity sha1-ScoCk+CxlZCl9d4Qx/JlphfY/lQ=
-
 os-browserify@~0.3.0:
  version "0.3.0"
  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
@@ -4322,7 +4182,7 @@ pngjs-nozlib@^1.0.0:
  resolved "https://registry.yarnpkg.com/pngjs-nozlib/-/pngjs-nozlib-1.0.0.tgz#9e64d602cfe9cce4d9d5997d0687429a73f0b7d7"
  integrity sha1-nmTWAs/pzOTZ1Zl9BodCmnPwt9c=

-pngjs@^3.0.1, pngjs@^3.3.3:
+pngjs@^3.3.3:
  version "3.3.3"
  resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-3.3.3.tgz#85173703bde3edac8998757b96e5821d0966a21b"
  integrity sha512-1n3Z4p3IOxArEs1VRXnZ/RXdfEniAUS9jb68g58FIXMNkPJeZd+Qh4Uq7/e0LVxAQGos1eIUrqrt4FpjdnEd+Q==
@@ -4586,18 +4446,6 @@ readable-stream@~1.0.17, readable-stream@~1.0.27-1, readable-stream@~1.0.33-1:
    isarray "0.0.1"
    string_decoder "~0.10.x"

-readable-stream@~2.0.0:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.0.6.tgz#8f90341e68a53ccc928788dacfcd11b36eb9b78e"
-  integrity sha1-j5A0HmilPMySh4jaz80Rs265t44=
-  dependencies:
-    core-util-is "~1.0.0"
-    inherits "~2.0.1"
-    isarray "~1.0.0"
-    process-nextick-args "~1.0.6"
-    string_decoder "~0.10.x"
-    util-deprecate "~1.0.1"
-
 readable-wrap@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/readable-wrap/-/readable-wrap-1.0.0.tgz#3b5a211c631e12303a54991c806c17e7ae206bff"
@@ -4723,7 +4571,7 @@ resolve@1.1.7, resolve@~1.1.0:
  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
  integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=

-resolve@^1.1.3, resolve@^1.1.4, resolve@^1.1.6, resolve@^1.1.7, resolve@^1.4.0:
+resolve@^1.1.4, resolve@^1.1.6, resolve@^1.1.7, resolve@^1.4.0:
  version "1.8.1"
  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.8.1.tgz#82f1ec19a423ac1fbd080b0bab06ba36e84a7a26"
  integrity sha512-AicPrAC7Qu1JxPCZ9ZgCZlY35QgFnNqc+0LtbRNxnVw4TXvjQ72wnuL9JQcEBgXkI9JM8MsT9kaQoHcpCRJOYA==
@@ -4959,7 +4807,7 @@ shasum@^1.0.0:
    json-stable-stringify "~0.0.0"
    sha.js "~2.4.4"

-shell-quote@^1.4.2, shell-quote@^1.4.3, shell-quote@^1.6.1:
+shell-quote@^1.4.2, shell-quote@^1.6.1:
  version "1.6.1"
  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.6.1.tgz#f4781949cce402697127430ea3b3c5476f481767"
  integrity sha1-9HgZSczkAmlxJ0MOo7PFR29IF2c=
@@ -5090,14 +4938,7 @@ source-map-url@^0.4.0:
  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
  integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==

-source-map@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.3.0.tgz#8586fb9a5a005e5b501e21cd18b6f21b457ad1f9"
-  integrity sha1-hYb7mloAXltQHiHNGLbyG0V60fk=
-  dependencies:
-    amdefine ">=0.0.4"
-
-source-map@^0.5.6, source-map@~0.5.1, source-map@~0.5.3:
+source-map@^0.5.3, source-map@^0.5.6, source-map@~0.5.1, source-map@~0.5.3:
  version "0.5.7"
  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
  integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
@@ -5370,7 +5211,7 @@ string.prototype.trim@~1.1.2:
    es-abstract "^1.5.0"
    function-bind "^1.0.2"

-string_decoder@0.10, string_decoder@~0.10.0, string_decoder@~0.10.x:
+string_decoder@0.10, string_decoder@~0.10.x:
  version "0.10.31"
  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-0.10.31.tgz#62e203bc41766c6c28c9fc84301dab1c5310fa94"
  integrity sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=
@@ -5389,13 +5230,6 @@ string_decoder@~1.0.0:
  dependencies:
    safe-buffer "~5.1.0"

-strip-ansi@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-0.3.0.tgz#25f48ea22ca79187f3174a4db8759347bb126220"
-  integrity sha1-JfSOoiynkYfzF0pNuHWTR7sSYiA=
-  dependencies:
-    ansi-regex "^0.2.1"
-
 strip-ansi@^3.0.0, strip-ansi@^3.0.1:
  version "3.0.1"
  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
@@ -5444,11 +5278,6 @@ sumchecker@^1.2.0:
    debug "^2.2.0"
    es6-promise "^4.0.5"

-supports-color@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-0.2.0.tgz#d92de2694eb3f67323973d7ae3d8b55b4c22190a"
-  integrity sha1-2S3iaU6z9nMjlz1649i1W0wiGQo=
-
 supports-color@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
@@ -5504,13 +5333,13 @@ tap-spec@^5.0.0:
    tap-out "^2.1.0"
    through2 "^2.0.0"

-tape-run@^3.0.0:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/tape-run/-/tape-run-3.0.4.tgz#7f68be0c494ccc8736a9c98636badb204e6590d1"
-  integrity sha512-nMj/zeUshHQzm0DCsyX/XIsfKUxsvJAEw2yMHuWNB5a0KlvBjzjIpwwEFHo73stUPBReGzEVE1NnS17fF6CIDQ==
+tape-run@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/tape-run/-/tape-run-5.0.0.tgz#13860cd6e71bd1d7945ef727ddc24c816c2caabb"
+  integrity sha512-7R2QB0WjN1Lstfvh35UxL6vxNaXfNIAaL6/tunZ+H72mxSs4SOorsanv3slFTuasoeFhA1zSIzBCPeHfxsfOgA==
  dependencies:
    "@juliangruber/tap-finished" "0.0.2"
-    browser-run "^4.1.1"
+    browser-run "^5.0.1"
    optimist "~0.6.1"
    through "~2.3.4"
    throughout "0.0.0"
@@ -5708,7 +5537,7 @@ trumpet@^1.7.1:
    readable-stream "^1.0.27-1"
    through2 "^1.0.0"

-tty-browserify@0.0.1, tty-browserify@~0.0.0:
+tty-browserify@0.0.1:
  version "0.0.1"
  resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.1.tgz#3f05251ee17904dfd0677546670db9651682b811"
  integrity sha512-C3TaO7K81YvjCgQH9Q1S3R3P3BtN3RIM8n+OvX4il1K1zgE8ZhI0op7kClgkxtutIE8hQrcrHBXvIheqKUUCxw==
@@ -5740,7 +5569,7 @@ typedarray-pool@^1.0.0, typedarray-pool@^1.1.0:
    bit-twiddle "^1.0.0"
    dup "^1.0.0"

-typedarray@^0.0.6, typedarray@~0.0.5:
+typedarray@^0.0.6:
  version "0.0.6"
  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
@@ -5801,6 +5630,11 @@ underscore.string@~3.3.4:
    sprintf-js "^1.0.3"
    util-deprecate "^1.0.2"

+underscore@1.4.4:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.4.4.tgz#61a6a32010622afa07963bf325203cf12239d604"
+  integrity sha1-YaajIBBiKvoHljvzJSA88SI51gQ=
+
 union-value@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.0.tgz#5c71c34cb5bad5dcebe3ea0cd08207ba5aa1aea4"
@@ -5942,13 +5776,6 @@ vm-browserify@^1.0.0:
  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.0.tgz#bd76d6a23323e2ca8ffa12028dc04559c75f9019"
  integrity sha512-iq+S7vZJE60yejDYM0ek6zg308+UZsdtPExWP9VZoCFCz1zkJoXFnAX7aZfd/ZwrkidzdUZL0C/ryW+JwAiIGw==

-vm-browserify@~0.0.1:
-  version "0.0.4"
-  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-0.0.4.tgz#5d7ea45bbef9e4a6ff65f95438e0a87c357d5a73"
-  integrity sha1-XX6kW7755Kb/ZflUOOCofDV9WnM=
-  dependencies:
-    indexof "0.0.1"
-
 watchify@^3.6.1:
  version "3.11.0"
  resolved "https://registry.yarnpkg.com/watchify/-/watchify-3.11.0.tgz#03f1355c643955e7ab8dcbf399f624644221330f"
@@ -5982,11 +5809,6 @@ websocket-extensions@>=0.1.1:
  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.3.tgz#5d2ff22977003ec687a4b87073dfbbac146ccf29"
  integrity sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg==

-webworkify@^1.2.1:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/webworkify/-/webworkify-1.5.0.tgz#734ad87a774de6ebdd546e1d3e027da5b8f4a42c"
-  integrity sha512-AMcUeyXAhbACL8S2hqqdqOLqvJ8ylmIbNwUIqQujRSouf4+eUFaXbG6F1Rbu+srlJMmxQWsiU7mOJi0nMBfM1g==
-
 which-module@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/which-module/-/which-module-1.0.0.tgz#bba63ca861948994ff307736089e3b96026c2a4f"
Author	SHA1	Message	Date
MargaretAN9	fb023a5305	added "bluwhtgrngis" colormap to dropdown list publiclab/image-sequencer #475	2018-12-31 05:36:14 +00:00
HarshKhandeparkar	611016b022	Fixed Gif Generation (#561 ) * update dist Signed-off-by: tech4GT <varun.gupta1798@gmail.com> dist update Revert "dist update" This reverts commit 9ee2a987e8f978961656ae8f71f6e6702bbbd30d. * Fix Gif	2018-12-28 22:10:02 +05:30
Varun Gupta	f77cface7b	Merge pull request #560 from tech4GT/updateDist2 update dist	2018-12-27 12:33:34 +05:30
tech4GT	f3291e201f	update dist Signed-off-by: tech4GT <varun.gupta1798@gmail.com>	2018-12-27 12:32:34 +05:30
Varun Gupta	901cf6a96c	Merge pull request #555 from Divy123/docs-improve Added documentation for all remaining modules	2018-12-27 12:30:38 +05:30
divy123	7f4f9a0950	Added dist file changes	2018-12-26 22:36:24 +05:30
divy123	3a39d2b4bb	Merge remote-tracking branch 'upstream/main' into docs-improve	2018-12-26 22:05:02 +05:30
Slytherin	3ab02125cb	Fixed a typo.	2018-12-26 20:25:30 +05:30
Varun Gupta	d5aac98a29	Merge pull request #554 from HarshKhandeparkar/btn-rearrange Rearrange Sequence Buttons	2018-12-26 19:49:06 +05:30
divy123	8ff09e26cc	Corrected markdown format-2	2018-12-26 00:33:30 +05:30
divy123	d7b175eceb	Corrected markdown format	2018-12-26 00:26:14 +05:30
divy123	ee5a3a5e4f	Added index to MODULES.md	2018-12-26 00:21:19 +05:30
divy123	35b95a68b1	Added documentation for all modules in Modules.md and added a link in info.json of each Module	2018-12-25 03:59:39 +05:30
HarshKhandeparkar	5288973a48	cleanup	2018-12-23 17:27:58 +05:30
HarshKhandeparkar	d49acd504e	btn-fix	2018-12-23 17:26:06 +05:30
HarshKhandeparkar	ac9086e4ef	rearrange buttons	2018-12-21 00:17:28 +05:30
Varun Gupta	94e4dfe1b9	Merge pull request #553 from tech4GT/deadLink fix contributing.md	2018-12-20 08:51:48 +05:30
tech4GT	056e57af8b	fix contributing.md Signed-off-by: tech4GT <varun.gupta1798@gmail.com>	2018-12-20 08:50:30 +05:30
Varun Gupta	9fedf4b9c7	Merge pull request #552 from tech4GT/dependencies Update dist files	2018-12-19 17:20:04 +05:30
tech4GT	300d972718	update dist files Signed-off-by: tech4GT <varun.gupta1798@gmail.com>	2018-12-19 17:17:57 +05:30
Varun Gupta	e2f1fb9729	Merge pull request #548 from publiclab/dependabot/npm_and_yarn/tape-run-5.0.0 Bump tape-run from 4.0.0 to 5.0.0	2018-12-19 17:16:57 +05:30
Varun Gupta	3e5cec32e4	Merge pull request #549 from aashna27/Take-Photo-functionality TakePhoto functionality added	2018-12-19 17:12:09 +05:30
tech4GT	8a96bd8cac	update dist files Signed-off-by: tech4GT <varun.gupta1798@gmail.com>	2018-12-19 17:04:09 +05:30
tech4GT	7cd89c4481	Merge branch 'main' of https://github.com/publiclab/image-sequencer into local	2018-12-19 17:01:45 +05:30
Varun Gupta	980966ecfa	Merge pull request #551 from tech4GT/fixInsertStep fix bug preventing insert-step	2018-12-19 17:01:17 +05:30
tech4GT	eebf149532	fix bug preventing insert-step Signed-off-by: tech4GT <varun.gupta1798@gmail.com>	2018-12-19 17:00:09 +05:30
aashna27	59898d72fe	TakePhoto functionality added	2018-12-18 02:43:28 +05:30
Varun Gupta	23f4851bb5	Merge pull request #545 from Divy123/add-step-btn Added insert step button at every step	2018-12-17 16:34:57 +05:30
divy123	6bab70ad09	Add step butoon disabled for last step	2018-12-17 16:02:32 +05:30
tech4GT	327b421284	remove excess logs Signed-off-by: tech4GT <varun.gupta1798@gmail.com>	2018-12-17 11:54:25 +05:30
tech4GT	98e4eca24f	update sequence expansion Signed-off-by: tech4GT <varun.gupta1798@gmail.com>	2018-12-17 11:50:16 +05:30
dependabot[bot]	a93440093b	Bump tape-run from 4.0.0 to 5.0.0 Bumps [tape-run](https://github.com/juliangruber/tape-run) from 4.0.0 to 5.0.0. - [Release notes](https://github.com/juliangruber/tape-run/releases) - [Changelog](https://github.com/juliangruber/tape-run/blob/master/History.md) - [Commits](https://github.com/juliangruber/tape-run/compare/v4.0.0...v5.0.0) Signed-off-by: dependabot[bot] <support@dependabot.com>	2018-12-17 06:12:30 +00:00
tech4GT	0c2d2a47d8	fix save-sequence and refactor Signed-off-by: tech4GT <varun.gupta1798@gmail.com>	2018-12-17 10:56:17 +05:30
tech4GT	16debae154	fixes #544 and final changes Signed-off-by: tech4GT <varun.gupta1798@gmail.com>	2018-12-16 20:01:53 +05:30
tech4GT	3e30c0f7ed	Merge branch 'add-step-btn' of https://github.com/Divy123/image-sequencer into divy	2018-12-16 16:32:07 +05:30
divy123	fd78285ac7	Merge branch 'add-step-btn' of https://github.com/Divy123/image-sequencer into add-step-btn	2018-12-16 16:03:56 +05:30
divy123	4eb386eb47	Added font-awesome icon and added colors to it	2018-12-16 16:02:49 +05:30
divy123	f27b09793c	Changed arrow functions to normal functions	2018-12-16 15:39:48 +05:30
dependabot[bot]	a56e8a3b16	Bump buffer from 5.0.8 to 5.2.1 (#524 ) Bumps [buffer](https://github.com/feross/buffer) from 5.0.8 to 5.2.1. - [Release notes](https://github.com/feross/buffer/releases) - [Commits](https://github.com/feross/buffer/compare/v5.0.8...v5.2.1) Signed-off-by: dependabot[bot] <support@dependabot.com>	2018-12-15 19:14:39 -05:00
dependabot[bot]	b666ad510b	[Security] Bump bootstrap from 3.3.7 to 3.4.0 (#543 ) Bumps [bootstrap](https://github.com/twbs/bootstrap) from 3.3.7 to 3.4.0. This update includes security fixes. - [Release notes](https://github.com/twbs/bootstrap/releases) - [Commits](https://github.com/twbs/bootstrap/compare/v3.3.7...v3.4.0) Signed-off-by: dependabot[bot] <support@dependabot.com>	2018-12-15 18:58:45 -05:00
dependabot[bot]	809fb0b37a	[Security] Bump cached-path-relative from 1.0.1 to 1.0.2 (#519 ) Bumps [cached-path-relative](https://github.com/ashaffer/cached-path-relative) from 1.0.1 to 1.0.2. This update includes security fixes. - [Release notes](https://github.com/ashaffer/cached-path-relative/releases) - [Changelog](https://github.com/ashaffer/cached-path-relative/blob/master/History.md) - [Commits](https://github.com/ashaffer/cached-path-relative/commits) Signed-off-by: dependabot[bot] <support@dependabot.com>	2018-12-15 18:58:08 -05:00
Slytherin	a4818d70d8	Merge branch 'main' into add-step-btn	2018-12-16 02:25:12 +05:30
divy123	537cc41b36	Added insert step button at every step	2018-12-16 02:16:45 +05:30
Jonathan Xu	95f8dad901	Add grid of thumbnails (#539 ) * Added four preview images * Added preview images to buttons * Maked the crop preview resposive * icon overlays * made previews square * finalized css for square images * Added four preview images * Added preview images to buttons * Maked the crop preview resposive * icon overlays * made previews square * finalized css for square images	2018-12-09 22:35:32 -05:00
Varun Gupta	ceca433806	Merge pull request #536 from tech4GT/update Update dist and lock files	2018-12-07 23:37:09 +05:30
tech4GT	1e719936c4	update dist and lock files Signed-off-by: tech4GT <varun.gupta1798@gmail.com>	2018-12-07 23:31:01 +05:30
pomyo	1ae20b536a	Update defaultHtmlStepUi.js (#517 )	2018-12-07 12:52:48 -05:00
Osama Mostafa	753e73f355	Update README.md (#525 ) Updated the command for installing dependencies for Unix based platform to: `sudo npm run setup` instead of `sudo npm setup` as requested in issues.	2018-12-07 12:41:59 -05:00
dependabot[bot]	a26a441b20	Bump browserify from 13.0.0 to 16.2.3 (#533 ) Bumps [browserify](https://github.com/browserify/browserify) from 13.0.0 to 16.2.3. - [Release notes](https://github.com/browserify/browserify/releases) - [Changelog](https://github.com/browserify/browserify/blob/master/changelog.markdown) - [Commits](https://github.com/browserify/browserify/compare/13.0.0...v16.2.3) Signed-off-by: dependabot[bot] <support@dependabot.com>	2018-12-06 21:12:01 -05:00
dependabot[bot]	7ae8a2ddf7	Bump bootstrap from 3.2.0 to 3.3.7 (#523 ) Bumps [bootstrap](https://github.com/twbs/bootstrap) from 3.2.0 to 3.3.7. - [Release notes](https://github.com/twbs/bootstrap/releases) - [Commits](https://github.com/twbs/bootstrap/compare/v3.2.0...v3.3.7) Signed-off-by: dependabot[bot] <support@dependabot.com>	2018-12-06 21:11:48 -05:00
dependabot[bot]	c81f5c6caf	Bump looks-same from 3.3.0 to 4.1.0 (#531 ) Bumps [looks-same](https://github.com/gemini-testing/looks-same) from 3.3.0 to 4.1.0. - [Release notes](https://github.com/gemini-testing/looks-same/releases) - [Changelog](https://github.com/gemini-testing/looks-same/blob/master/CHANGELOG.md) - [Commits](https://github.com/gemini-testing/looks-same/compare/v3.3.0...v4.1.0) Signed-off-by: dependabot[bot] <support@dependabot.com>	2018-12-06 16:20:32 -05:00
dependabot[bot]	6d381c0df8	Bump font-awesome from 4.5.0 to 4.7.0 (#527 ) Bumps [font-awesome](https://github.com/FortAwesome/Font-Awesome) from 4.5.0 to 4.7.0. - [Release notes](https://github.com/FortAwesome/Font-Awesome/releases) - [Changelog](https://github.com/FortAwesome/Font-Awesome/blob/master/CHANGELOG.md) - [Commits](https://github.com/FortAwesome/Font-Awesome/compare/v4.5.0...v4.7.0) Signed-off-by: dependabot[bot] <support@dependabot.com>	2018-12-06 16:20:09 -05:00
dependabot[bot]	6a2f106b4c	Bump image-filter-core from 1.0.0 to 2.0.2 (#528 ) Bumps [image-filter-core](https://github.com/canastro/image-filter-core) from 1.0.0 to 2.0.2. - [Release notes](https://github.com/canastro/image-filter-core/releases) - [Commits](https://github.com/canastro/image-filter-core/commits/2.0.2) Signed-off-by: dependabot[bot] <support@dependabot.com>	2018-12-06 16:14:57 -05:00
dependabot[bot]	65a6b77b78	Bump grunt-contrib-concat from 0.5.1 to 1.0.1 (#522 ) Bumps [grunt-contrib-concat](https://github.com/gruntjs/grunt-contrib-concat) from 0.5.1 to 1.0.1. - [Release notes](https://github.com/gruntjs/grunt-contrib-concat/releases) - [Changelog](https://github.com/gruntjs/grunt-contrib-concat/blob/master/CHANGELOG) - [Commits](https://github.com/gruntjs/grunt-contrib-concat/compare/v0.5.1...v1.0.1) Signed-off-by: dependabot[bot] <support@dependabot.com>	2018-12-05 18:42:04 -05:00
dependabot[bot]	c688817ffc	Bump image-filter-threshold from 1.0.0 to 2.0.1 (#521 ) Bumps [image-filter-threshold](https://github.com/canastro/image-filter-threshold) from 1.0.0 to 2.0.1. - [Release notes](https://github.com/canastro/image-filter-threshold/releases) - [Commits](https://github.com/canastro/image-filter-threshold/commits) Signed-off-by: dependabot[bot] <support@dependabot.com>	2018-12-05 18:41:54 -05:00
dependabot[bot]	ca67bf1ece	Bump ora from 2.1.0 to 3.0.0 (#529 ) Bumps [ora](https://github.com/sindresorhus/ora) from 2.1.0 to 3.0.0. - [Release notes](https://github.com/sindresorhus/ora/releases) - [Commits](https://github.com/sindresorhus/ora/compare/v2.1.0...v3.0.0) Signed-off-by: dependabot[bot] <support@dependabot.com>	2018-12-05 18:41:41 -05:00
dependabot[bot]	88a31e564e	Bump tape-run from 3.0.4 to 4.0.0 (#520 ) Bumps [tape-run](https://github.com/juliangruber/tape-run) from 3.0.4 to 4.0.0. - [Release notes](https://github.com/juliangruber/tape-run/releases) - [Changelog](https://github.com/juliangruber/tape-run/blob/master/History.md) - [Commits](https://github.com/juliangruber/tape-run/compare/v3.0.4...v4.0.0) Signed-off-by: dependabot[bot] <support@dependabot.com>	2018-12-05 11:36:37 -05:00
Bhavay Anand	2161d58e50	slider now goes all the way to right & left (#510 )	2018-11-30 18:36:26 -05:00
Oorjit Chowdhary	108e87996a	Corrected brightness default view (#509 )	2018-11-30 12:50:20 -05:00
Bhavay Anand	f152a78e70	align add-step button with select-module input (#501 )	2018-11-30 12:48:21 -05:00
Ville Pajala	5af30d9046	Change button text (#505 )	2018-11-29 17:39:28 -05:00
Jan Okoński	ddf4bd0dae	Added the sucessfull installation prompt (#485 )	2018-11-26 14:06:43 -05:00
Mridul97	3712f0c1cf	Skip writing defaults (#497 ) * skip writing defaults * solve build errors	2018-11-26 14:06:13 -05:00
Jonathan Xu	f672dc814a	display add step menu with common modules as "quick" buttons (#479 ) * added icons, rearranging * basic framework for addstep modules * linked buttons to automatic step addition * Delete package-lock.json * rounded buttons and text movement in image sequencer select * made null option visible in select dropdown * package-lock.json	2018-11-21 19:49:48 -05:00
Jeffrey Warren	98c71b18a8	Add manifest.json and cache static assets for offline use (#331 ) (#486 ) * Add manifest.json * cache static assets for offline use * update cache * add meta theme-color and change static files to be cache * cache the files on network request * caching on first run Signed-off-by: tech4GT <varun.gupta1798@gmail.com> * add a button to clear cache * add styling to clear cache link	2018-11-20 22:53:38 -05:00
Bhavay Anand	3ca4081042	fixed few typos (#482 ) * fixed few typos * fixed typos in docs * suggested changes	2018-11-20 18:04:34 -05:00
HarshKhandeparkar	cd6f61d71a	Flash Message bug fix (#481 )	2018-11-20 17:04:09 -05:00
HarshKhandeparkar	20cf3277ea	Feature enter to save (#483 ) * Flash Message bug fix * enter-to-submit functionality added * cleanup	2018-11-20 16:46:07 -05:00
HarshKhandeparkar	bf13d5807a	GCI task pull request (#474 ) * GCI task commit * GCI task commit * Cleaned up the code * Added the css to demo.css file * Final cleanup and shortened code * Code compacting * All beautify changes reverted * Spacing corrected	2018-11-18 12:29:19 -05:00
Rishabh Rawat	ef10fb77f1	Capitalize the Gif text on View Gif button. (#476 )	2018-11-17 23:17:22 -05:00
Jeffrey Warren	19110c4677	Colormap fixes! (#475 ) * updated colormap.js * remove redundancy * compile * added maps to interface	2018-11-17 11:19:58 -05:00
Jan Okoński	d209cd46b1	Added a success message after a successfull sequence saving (#469 )	2018-11-13 14:35:57 -05:00
Mridul97	4bdc5b6583	Add contrast module (#463 )	2018-11-13 12:22:48 -05:00
Slytherin	4576e497db	Disabled save-sequence button when no steps are added (#462 )	2018-11-11 14:41:55 -05:00
kevinzluo	1311119787	Alphabetizes the modules in src/Modules.js (#441 )	2018-11-11 13:12:56 -05:00
aashna27	9e1a12c58d	brightness module's info.json modified (#461 )	2018-11-11 12:51:09 -05:00
aashna27	948f67fb60	rebuild (#454 )	2018-11-08 15:44:36 -05:00
Jeffrey Warren	8685dcb66c	bugfixes (#457 )	2018-11-08 14:22:25 -05:00
Jeffrey Warren	2243a4b8f7	Update README.md	2018-11-08 10:46:12 -05:00
Jeffrey Warren	7fe16735b3	Update README.md	2018-11-05 12:19:37 -05:00