Reformatted and gjslinted example-screenshot.js.

bin/example-screenshot.js

@@ -1,3 +1,5 @@
+
+
 /**
  * This script is supposed to be executed via phantomjs. It will generate
  * screenshots of the html files in the directory specified by a commandline
@@ -30,138 +32,136 @@
  *
  * In parts based upon this gist: https://gist.github.com/crazy4groovy/3160121
  */
-(function(){ // global closure
+(function() { // global closure
 
-var // imports
+  var page = require('webpage').create(), // imports
-    page = require('webpage').create(),
+      fs = require('fs'),
-    fs = require('fs'),
+      system = require('system'),
-    system = require('system'),
+      // arguments
-    // arguments
+      baseExamplesUrl = system.args[1],
-    baseExamplesUrl = system.args[1];
+      exampleDir = system.args[2],
-    exampleDir = system.args[2];
+      // various settings
-    // various settings
+      ignoreFiles = [
-    ignoreFiles = [ 
         'example-list.html'
-    ],
+      ],
-    intervalMillisecs = 25,
+      intervalMillisecs = 25,
-    renderMillisecs = 2000,
+      renderMillisecs = 2000,
-    // basic variables
+      // basic variables
-    curDir = fs.workingDirectory,
+      curDir = fs.workingDirectory,
-    exampleDirList = fs.list(exampleDir),
+      exampleDirList = fs.list(exampleDir),
-    pageindex = 0,
+      pageindex = 0,
-    fileName = '',
+      fileName = '',
-    htmlFiles = [],
+      htmlFiles = [],
-    lenHtmlFiles = 0,
+      lenHtmlFiles = 0,
-    loadInProgress = false;
+      loadInProgress = false;
 
-// simple object with helper functions
+  // simple object with helper functions
-var util = {
+  var util = {
     /**
      * Returns the basename of a file given a path.
      */
     baseName: function(path) {
-        var parts = path.split(fs.separator);
+      var parts = path.split(fs.separator);
-        return parts[parts.length-1];
+      return parts[parts.length - 1];
     },
     /**
      * Super basic test whether a file can be considered a HTML-file.
      */
     isHtmlFile: function(filename) {
-        return (/\.html?$/).test(filename);
+      return (/\.html?$/).test(filename);
     },
     /**
      * Appends a slash to given string if it isn't there already.
      */
     appendSlash: function(str) {
-        return ((/\/$/).test(str)) ? str : str + "/";
+      return ((/\/$/).test(str)) ? str : str + '/';
     },
     /**
-     * generates an URL out of
+     * Generates an URL out of given baseurl and path.
      */
-    buildUrl: function(baseurl, path){
+    buildUrl: function(baseurl, path) {
-        var name = util.baseName(path),
+      var name = util.baseName(path),
-            mode = "raw";
+          mode = 'raw';
-        return util.appendSlash(baseurl) + name + "?mode=" + mode;
+      return util.appendSlash(baseurl) + name + '?mode=' + mode;
     },
     /**
      * Simple progressbar logger that uses our globals.
      */
     logProgress: function() {
-        var doneSymbol = "-",
+      var doneSymbol = '-',
-            todoSymbol = " ",
+          todoSymbol = ' ',
-            str = "[",
+          str = '[',
-            percent = (lenHtmlFiles === 0) ? 0 :(pageindex/lenHtmlFiles*100),
+          percent = (lenHtmlFiles === 0) ? 0 : (pageindex / lenHtmlFiles * 100),
-            i=0;
+          i = 0;
-        for (;i<pageindex;i++) {
+      for (; i < pageindex; i++) {
-            str += doneSymbol;
+        str += doneSymbol;
-        }
+      }
-        for (i=0;i<lenHtmlFiles-pageindex;i++) {
+      for (i = 0; i < lenHtmlFiles - pageindex; i++) {
-            str += (i === 0) ? ">" : todoSymbol;
+        str += (i === 0) ? '>' : todoSymbol;
-        }
+      }
-        str += "]";
+      str += ']';
-        if (percent < 10) {
+      if (percent < 10) {
-            str += "  ";
+        str += '  ';
-        } else if (percent < 100) {
+      } else if (percent < 100) {
-            str += " ";
+        str += ' ';
-        }
+      }
-        str += " " + percent.toFixed(1) + " % done";
+      str += ' ' + percent.toFixed(1) + ' % done';
-        if (fileName !== "") {
+      if (fileName !== '') {
-            str += ", " + util.baseName(fileName) + "";
+        str += ', ' + util.baseName(fileName) + '';
-        }
+      }
-        console.log(str);
+      console.log(str);
     }
-};
+  };
 
-// iterate over all files in examples directory
+  // iterate over all files in examples directory
-// and find the HTML files.
+  // and find the HTML files.
-for(var i = 0; i< exampleDirList.length; i++) {
+  for (var i = 0; i < exampleDirList.length; i++) {
     var fullpath = exampleDir + fs.separator + exampleDirList[i];
-    if(fs.isFile(fullpath) && util.isHtmlFile(fullpath) &&
+    if (fs.isFile(fullpath) && util.isHtmlFile(fullpath) &&
-        ignoreFiles.indexOf(util.baseName(fullpath)) === -1 ) {
+        ignoreFiles.indexOf(util.baseName(fullpath)) === -1) {
-        // TODO: make this more async (i.e. pop on/off stack WHILE rending pages)
+      //TODO: make this more async (i.e. pop on/off stack WHILE rending pages)
-        htmlFiles.push(fullpath);
+      htmlFiles.push(fullpath);
     }
-}
+  }
-lenHtmlFiles = htmlFiles.length;
+  lenHtmlFiles = htmlFiles.length;
 
-console.log("Capturing " + lenHtmlFiles + " example screenshots.");
+  console.log('Capturing ' + lenHtmlFiles + ' example screenshots.');
 
-// The main interval function that is executed regularily and renders a page to
+  // The main interval function that is executed regularily and renders a
-// a file
+  // page to a file
-var interval = setInterval(function() {
+  var interval = setInterval(function() {
     if (!loadInProgress && pageindex < lenHtmlFiles) {
-        util.logProgress();
+      util.logProgress();
-        fileName = htmlFiles[pageindex];
+      fileName = htmlFiles[pageindex];
-        page.viewportSize = { width: 800, height: 600 };
+      page.viewportSize = { width: 800, height: 600 };
-        page.clipRect = {
+      page.clipRect = {
-            top: 0,
+        top: 0,
-            left: 0,
+        left: 0,
-            width: page.viewportSize.width,
+        width: page.viewportSize.width,
-            height: page.viewportSize.height
+        height: page.viewportSize.height
-        };
+      };
-        page.open(util.buildUrl(baseExamplesUrl, htmlFiles[pageindex]));
+      page.open(util.buildUrl(baseExamplesUrl, htmlFiles[pageindex]));
     }
     if (pageindex == lenHtmlFiles) {
-        util.logProgress();
+      util.logProgress();
-        console.log(lenHtmlFiles + " screenshots captured.");
+      console.log(lenHtmlFiles + ' screenshots captured.');
-        phantom.exit();
+      phantom.exit();
     }
-}, intervalMillisecs);
+  }, intervalMillisecs);
 
-// set loadInProgress flag so we only process one image at time.
+  // set loadInProgress flag so we only process one image at time.
-page.onLoadStarted = function() {
+  page.onLoadStarted = function() {
     loadInProgress = true;
-};
+  };
 
-// When the page is loaded, render it to an image
+  // When the page is loaded, render it to an image
-page.onLoadFinished = function() {
+  page.onLoadFinished = function() {
-    var dest = exampleDir + fs.separator +  util.baseName(fileName) + ".png";
+    var dest = exampleDir + fs.separator + util.baseName(fileName) + '.png';
-    window.setTimeout(function(){
+    window.setTimeout(function() {
-       loadInProgress = false;
+      loadInProgress = false;
-       page.render(dest); // actually render the page.
+      page.render(dest); // actually render the page.
-       pageindex++;
+      pageindex++;
     }, renderMillisecs);
-};
+  };
-
 
 })(); // eof global closure