Revamp the renderer to use terminalizer-player v0.3.0

render/index.js

@@ -41,7 +41,11 @@ app.on('ready', createWindow);
 function createWindow() {
 
   // Create a browser window
-  var win = new BrowserWindow({show: false, width: 8000, height: 8000});
+  var win = new BrowserWindow({
+    show: false,
+    width: 8000,
+    height: 8000
+  });
 
   // Load index.html 
   win.loadURL('file://' + __dirname + '/index.html');

render/src/js/app.js

@@ -36,54 +36,67 @@ $(document).ready(function() {
   $('#terminal').terminalizer({
     recordingFile: 'data.json',
     autoplay: true,
-    controls: false,
+    controls: false
   });
 
   /**
    * A callback function for the event:
    * When the terminal playing is started
    */
-  $('#terminal').on('playingStarted', function() {
+  $('#terminal').one('playingStarted', function() {
 
     var terminalizer = $('#terminal').data('terminalizer');
-    var framesCount = terminalizer.getFramesCount();
-    var tasks = [];
 
+    // Pause the playing
     terminalizer.pause();
 
-    for (var i = 0; i < framesCount; i++) {
+  });
 
-      (function(frameIndex) {
+  /**
+   * A callback function for the event:
+   * When the terminal playing is paused
+   */
+  $('#terminal').one('playingPaused', function() {
 
-        tasks.push(function(callback) {
+    var terminalizer = $('#terminal').data('terminalizer');
 
-          terminalizer._applySnapshot(terminalizer._snapshots[frameIndex]);
+    // Reset the terminal
+    terminalizer._terminal.reset();
 
-          // A workaround delay to allow rendering
-          setTimeout(function() {
-            capture(frameIndex, callback);
-          }, 20);
-          
-        });
+    // When the terminal's reset is done 
+    $('#terminal').one('rendered', render);
 
-      }(i));
-
-    }
-
-    async.series(tasks, function(error, result) {
-
-      if (error) {
-        throw new Error(error);
-      }
-
-      currentWindow.close();
-      
-    });
-    
   });
 
 });
 
+/**
+ * Render each frame and capture it
+ */
+function render() {
+
+  var terminalizer = $('#terminal').data('terminalizer');
+  var framesCount = terminalizer.getFramesCount();
+
+  // Foreach frame
+  async.timesSeries(framesCount, function(frameIndex, next) {
+
+    terminalizer._renderFrame(frameIndex, true, function() {
+      capture(frameIndex, next);
+    })
+
+  }, function(error) {
+
+    if (error) {
+      throw new Error(error);
+    }
+
+    currentWindow.close();
+    
+  });
+
+}
+
 /**
  * Capture the current frame
  *