From 5f745ef4bd64f0d757d8c44d01f92e95961a87a7 Mon Sep 17 00:00:00 2001
From: keshav234156 <45951376+keshav234156@users.noreply.github.com>
Date: Wed, 29 Jan 2020 21:18:23 +0530
Subject: [PATCH] preview optimization (#1573)

Co-authored-by: Rishabh Shukla <42492389+blurry-x-face@users.noreply.github.com>
Co-authored-by: Jeffrey Warren <jeff@unterbahn.com>
---
 examples/lib/defaultHtmlSequencerUi.js | 6 ++++++
 examples/lib/defaultHtmlStepUi.js      | 4 ++++
 examples/lib/insertPreview.js          | 1 +
 3 files changed, 11 insertions(+)

diff --git a/examples/lib/defaultHtmlSequencerUi.js b/examples/lib/defaultHtmlSequencerUi.js
index 8cdc8162..40066b01 100644
--- a/examples/lib/defaultHtmlSequencerUi.js
+++ b/examples/lib/defaultHtmlSequencerUi.js
@@ -1,4 +1,5 @@
 var urlHash = require('./urlHash.js');
+   insertPreview = require('./insertPreview.js');
 function DefaultHtmlSequencerUi(_sequencer, options) {
 
   options = options || {};
@@ -33,6 +34,11 @@ function DefaultHtmlSequencerUi(_sequencer, options) {
 
   function removeStepUi() {
     var index = $(removeStepSel).index(this) + 1;
+    // If last step is removed.
+    if(sequencer.steps.length==index+1){
+      console.log("inside")
+      insertPreview.updatePreviews(sequencer.steps[index-1].output.src, document.querySelector('#addStep'));
+    }
     sequencer.removeSteps(index).run({ index: index - 1 });
     // remove from URL hash too
     urlHash.setUrlHashParameter('steps', sequencer.toString());
diff --git a/examples/lib/defaultHtmlStepUi.js b/examples/lib/defaultHtmlStepUi.js
index 30bac3e1..8928aa4e 100644
--- a/examples/lib/defaultHtmlStepUi.js
+++ b/examples/lib/defaultHtmlStepUi.js
@@ -11,6 +11,7 @@
 const intermediateHtmlStepUi = require('./intermediateHtmlStepUi.js'),
   urlHash = require('./urlHash.js'),
   _ = require('lodash'),
+  insertPreview = require('./insertPreview.js');
   mapHtmlTypes = require('./mapHtmltypes'),
   scopeQuery = require('./scopeQuery'),
   isGIF = require('../../src/util/isGif');
@@ -365,6 +366,9 @@ function DefaultHtmlStepUi(_sequencer, options) {
       updateDimensions(step);
     });
 
+    if (step.name === 'load-image') insertPreview.updatePreviews(step.output.src, document.querySelector('#addStep'));
+    else insertPreview.updatePreviews(step.output, document.querySelector('#addStep'));  
+
     // Handle the wasm bolt display
 
     if (step.useWasm) {
diff --git a/examples/lib/insertPreview.js b/examples/lib/insertPreview.js
index ab22c037..e14936c5 100644
--- a/examples/lib/insertPreview.js
+++ b/examples/lib/insertPreview.js
@@ -10,6 +10,7 @@ function generatePreview(previewStepName, customValues, path, DomNode) {
     $(img).css('transform', 'translateX(-20%)');
     $(DomNode.querySelector('.radio-group')).find('.radio').each(function() {
       if ($(this).attr('data-value') === previewStepName) {
+        $(this).find('img').remove();
         $(this).append(img);
       }
     });