vis-dev-utils 3.0.118 → 3.0.120

package/bin/generate-examples-index.js

@@ -6,8 +6,8 @@
  *
  * Development utilities for the Vis family projects.
  *
- * @version 3.0.118
- * @date    2023-02-14T20:12:46.682Z
+ * @version 3.0.120
+ * @date    2023-02-15T20:06:40.240Z
  *
  * @copyright (c) 2011-2017 Almende B.V, http://almende.com
  * @copyright (c) 2017-2019 visjs contributors, https://github.com/visjs
@@ -42,11 +42,10 @@ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
 var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
 var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 var $ = require('cheerio');
-var fs = require('fs');
-var globby = require('globby');
-var util = require('util');
+var fs = require('node:fs');
+var util = require('node:util');
 var yargs = require('yargs');
-var path = require('path');
+var node_path = require('node:path');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
@@ -79,10 +78,28 @@ var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entr
 var Jimp = require('jimp');
 var _repeatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/repeat');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
-var crypto = require('crypto');
+var node_crypto = require('node:crypto');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
@@ -98,7 +115,6 @@ var _sortInstanceProperty__default = /*#__PURE__*/_interopDefaultLegacy(_sortIns
 var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefaultLegacy(_forEachInstanceProperty);
 var $__default = /*#__PURE__*/_interopDefaultLegacy($);
 var fs__default = /*#__PURE__*/_interopDefaultLegacy(fs);
-var globby__default = /*#__PURE__*/_interopDefaultLegacy(globby);
 var util__default = /*#__PURE__*/_interopDefaultLegacy(util);
 var yargs__default = /*#__PURE__*/_interopDefaultLegacy(yargs);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefaultLegacy(_Object$getOwnPropertySymbols);
@@ -143,13 +159,10 @@ function isExample(value) {
 /**
  *
  */
-
 function measureStartStopMs() {
   var start = _Date$now__default["default"]();
-
   return function () {
     var stop = _Date$now__default["default"]();
-
     return {
       start: start,
       stop: stop
@@ -160,10 +173,8 @@ function measureStartStopMs() {
  * @param reports
  * @param fallback
  */
-
 function reduceReports(reports) {
   var _reports$reduce;
-
   var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
     count: 0,
     result: "fulfilled",
@@ -172,7 +183,6 @@ function reduceReports(reports) {
   };
   return (_reports$reduce = _reduceInstanceProperty__default["default"](reports).call(reports, function (acc, val) {
     var _acc$count, _val$count, _context, _acc$result, _acc$start, _acc$stop;
-
     return {
       count: ((_acc$count = acc === null || acc === void 0 ? void 0 : acc.count) !== null && _acc$count !== void 0 ? _acc$count : 0) + ((_val$count = val === null || val === void 0 ? void 0 : val.count) !== null && _val$count !== void 0 ? _val$count : 0),
       result: _everyInstanceProperty__default["default"](_context = [(_acc$result = acc === null || acc === void 0 ? void 0 : acc.result) !== null && _acc$result !== void 0 ? _acc$result : "fulfilled", val.result]).call(_context, function (result) {
@@ -188,10 +198,9 @@ function reduceReports(reports) {
  * @param root0.start
  * @param root0.stop
  */
-
 function formatStartStopMs(_ref) {
   var start = _ref.start,
-      stop = _ref.stop;
+    stop = _ref.stop;
   return "".concat((Math.round((stop - start) / 100) / 10).toFixed(1), "s");
 }
 
@@ -221,14 +230,12 @@ var template$1 = "<html>\n  <head>\n    <meta charset=\"utf-8\" />\n    <title>C
 /**
  * @param example
  */
-
 function generateCodePenPage(example) {
   var data = example.playground;
   var title = example.titles.join(" | ");
   var page = $__default["default"].load(template$1);
   page("title").text(title);
   var form = page("#form");
-
   _findInstanceProperty__default["default"](form).call(form, 'input[name="data"]').attr("value", _JSON$stringify__default["default"]({
     css: data.code.css,
     css_external: data.resources.css.join(";"),
@@ -237,7 +244,6 @@ function generateCodePenPage(example) {
     js_external: data.resources.js.join(";"),
     title: example.titles.join(" | ")
   }));
-
   return page.html();
 }
 
@@ -246,55 +252,50 @@ function generateCodePenPage(example) {
  * @param example$
  * @param examplePath
  */
-
 function generatePlaygroundData(baseURL, example$, examplePath) {
   var _context, _context2, _context3, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14;
-
   // JavaScript
   var eventListeners = _mapInstanceProperty__default["default"](_context = _mapInstanceProperty__default["default"](_context2 = _filterInstanceProperty__default["default"](_context3 = _Object$entries__default["default"](example$("body").get(0).attribs)).call(_context3, function (_ref) {
     var _ref2 = _slicedToArray__default["default"](_ref, 1),
-        name = _ref2[0];
-
+      name = _ref2[0];
     return /^on/.test(name);
   })).call(_context2, function (_ref3) {
     var _ref4 = _slicedToArray__default["default"](_ref3, 2),
-        name = _ref4[0],
-        value = _ref4[1];
-
+      name = _ref4[0],
+      value = _ref4[1];
     return [_sliceInstanceProperty__default["default"](name).call(name, 2), "".concat(value)];
   })).call(_context, function (_ref5) {
     var _context4;
-
     var _ref6 = _slicedToArray__default["default"](_ref5, 2),
-        name = _ref6[0],
-        value = _ref6[1];
-
+      name = _ref6[0],
+      value = _ref6[1];
     return _concatInstanceProperty__default["default"](_context4 = "window.addEventListener(\"".concat(name, "\", () => { ")).call(_context4, value, " });");
   }).join("\n");
-
   var js = formatJS(_mapInstanceProperty__default["default"](_context5 = _mapInstanceProperty__default["default"](_context6 = example$("script")).call(_context6, function (_i, elem) {
     return elem.children[0];
   }).get()).call(_context5, function (elem) {
     return elem.data;
-  }).join("") + "\n\n;" + eventListeners); // Cascading Style Sheets
-
+  }).join("") + "\n\n;" + eventListeners);
+  // Cascading Style Sheets
   var css = formatCSS(_mapInstanceProperty__default["default"](_context7 = _mapInstanceProperty__default["default"](_context8 = example$("style")).call(_context8, function (_i, elem) {
     return elem.children[0];
   }).get()).call(_context7, function (elem) {
     return elem.data;
-  }).join("")); // Hypertext Markup Language
-
+  }).join(""));
+  // Hypertext Markup Language
   var $html = $__default["default"].load(example$("body").html() || "");
   $html("script").remove();
-  var html = formatHTML($html("body").html()); // Resources
-
+  var html = formatHTML($html("body").html());
+  // Resources
   var fixPath = function fixPath(rawPath) {
-    return /^https?:\/\//.test(rawPath) ? // World wide web absolute.
-    rawPath : /^\//.test(rawPath) ? // Domain absolute.
-    baseURL + _sliceInstanceProperty__default["default"](rawPath).call(rawPath, 1) : //Relative.
-    baseURL + path.relative(process.cwd(), path.resolve(path.dirname(examplePath), rawPath));
+    return /^https?:\/\//.test(rawPath) ?
+    // World wide web absolute.
+    rawPath : /^\//.test(rawPath) ?
+    // Domain absolute.
+    baseURL + _sliceInstanceProperty__default["default"](rawPath).call(rawPath, 1) :
+    //Relative.
+    baseURL + node_path.relative(process.cwd(), node_path.resolve(node_path.dirname(examplePath), rawPath));
   };
-
   var resources = {
     js: _mapInstanceProperty__default["default"](_context9 = _filterInstanceProperty__default["default"](_context10 = _mapInstanceProperty__default["default"](_context11 = example$("script")).call(_context11, function (_i, elem) {
       return $__default["default"](elem).attr("src");
@@ -322,42 +323,30 @@ var template = "<html>\n  <head>\n    <meta charset=\"utf-8\" />\n    <title>JSF
 /**
  * @param example
  */
-
 function generateJSFiddlePage(example) {
   var _context;
-
   var data = example.playground;
   var title = example.titles.join(" | ");
-
   var resources = _concatInstanceProperty__default["default"](_context = []).call(_context, _toConsumableArray__default["default"](data.resources.css), _toConsumableArray__default["default"](data.resources.js)).join(",");
-
   var page = $__default["default"].load(template);
   page("title").text(title);
-  var form = page("#form"); // Playground data.
-
+  var form = page("#form");
+  // Playground data.
   _findInstanceProperty__default["default"](form).call(form, 'input[name="css"]').attr("value", data.code.css);
-
   _findInstanceProperty__default["default"](form).call(form, 'input[name="html"]').attr("value", data.code.html);
-
   _findInstanceProperty__default["default"](form).call(form, 'input[name="js"]').attr("value", data.code.js);
-
   _findInstanceProperty__default["default"](form).call(form, 'input[name="resources"]').attr("value", resources);
-
-  _findInstanceProperty__default["default"](form).call(form, 'input[name="title"]').attr("value", title); // Don't run JS before the DOM is ready.
-
-
+  _findInstanceProperty__default["default"](form).call(form, 'input[name="title"]').attr("value", title);
+  // Don't run JS before the DOM is ready.
   _findInstanceProperty__default["default"](form).call(form, 'input[name="wrap"]').attr("value", "b");
-
   return page.html();
 }
 
 var commonScreenshotScript = "/* global window: false */\n\n/**\n * Simulates confirmation usind window.confirm and window.alert otherwise the\n * screenshot generator would just hang forever.\n */\nwindow.realAlert = window.alert;\nwindow.alert = function () {};\nwindow.confirm = function () {\n  return true;\n};\n\n/**\n * Wait for the page to report it's ready to take a screenshot.\n */\nwindow.readyToTakeAScreenshot = new Promise(function (resolve) {\n  window.takeScreenshot = resolve;\n});\n";
 
 function _createForOfIteratorHelper$3(o, allowArrayLike) { var it = typeof _Symbol__default["default"] !== "undefined" && _getIteratorMethod__default["default"](o) || o["@@iterator"]; if (!it) { if (_Array$isArray__default["default"](o) || (it = _unsupportedIterableToArray$3(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray$3(o, minLen) { var _context5; if (!o) return; if (typeof o === "string") return _arrayLikeToArray$3(o, minLen); var n = _sliceInstanceProperty__default["default"](_context5 = Object.prototype.toString.call(o)).call(_context5, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from__default["default"](o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$3(o, minLen); }
-
-function _arrayLikeToArray$3(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray$3(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var unlink = util.promisify(fs__default["default"].unlink);
 var writeFile$1 = util.promisify(fs__default["default"].writeFile);
 /**
@@ -368,7 +357,6 @@ var writeFile$1 = util.promisify(fs__default["default"].writeFile);
  * @param screenshot - The binary data of the screenshot.
  * @returns True for valid and false for invalid.
  */
-
 function isScreenshotValid(_x) {
   return _isScreenshotValid.apply(this, arguments);
 }
@@ -380,267 +368,205 @@ function isScreenshotValid(_x) {
  * @param config - See the type's docs for detail.
  * @returns Whether or not the screenshot passed validation check.
  */
-
-
 function _isScreenshotValid() {
   _isScreenshotValid = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(screenshot) {
     var image, firstPixel, x, y;
     return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return Jimp__default["default"].read(screenshot);
-
-          case 2:
-            image = _context.sent;
-            firstPixel = image.getPixelColor(0, 0);
-            x = 0;
-
-          case 5:
-            if (!(x < image.getWidth())) {
-              _context.next = 16;
-              break;
-            }
-
-            y = 0;
-
-          case 7:
-            if (!(y < image.getHeight())) {
-              _context.next = 13;
-              break;
-            }
-
-            if (!(firstPixel !== image.getPixelColor(x, y))) {
-              _context.next = 10;
-              break;
-            }
-
-            return _context.abrupt("return", true);
-
-          case 10:
-            ++y;
-            _context.next = 7;
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return Jimp__default["default"].read(screenshot);
+        case 2:
+          image = _context.sent;
+          firstPixel = image.getPixelColor(0, 0);
+          x = 0;
+        case 5:
+          if (!(x < image.getWidth())) {
+            _context.next = 16;
             break;
-
-          case 13:
-            ++x;
-            _context.next = 5;
+          }
+          y = 0;
+        case 7:
+          if (!(y < image.getHeight())) {
+            _context.next = 13;
             break;
-
-          case 16:
-            return _context.abrupt("return", false);
-
-          case 17:
-          case "end":
-            return _context.stop();
-        }
+          }
+          if (!(firstPixel !== image.getPixelColor(x, y))) {
+            _context.next = 10;
+            break;
+          }
+          return _context.abrupt("return", true);
+        case 10:
+          ++y;
+          _context.next = 7;
+          break;
+        case 13:
+          ++x;
+          _context.next = 5;
+          break;
+        case 16:
+          return _context.abrupt("return", false);
+        case 17:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   }));
   return _isScreenshotValid.apply(this, arguments);
 }
-
 function generateScreenshot(_x2, _x3) {
   return _generateScreenshot.apply(this, arguments);
 }
-
 function _generateScreenshot() {
   _generateScreenshot = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(browser, config) {
     var debug, example, height, screenshotScript, width, cleanup, tmpPath, screenshotPage, context, page, $element, _context2, screenshot, _context3, _iterator, _step, callback;
-
     return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            debug = config.debug, example = config.example, height = config.height, screenshotScript = config.screenshotScript, width = config.width;
-            cleanup = [];
-            _context4.prev = 2;
-            // Prepare the page. It has to be written to the disk so that files with
-            // relative URLs can be loaded.
-            tmpPath = path.resolve(path.dirname(example.paths.page.local), ".tmp.example.screenshot." + path.basename(example.paths.page.local));
-            screenshotPage = $__default["default"].load(example.html);
-            screenshotPage("head").prepend($__default["default"]("<script>").attr("type", "text/javascript").text("window.DEBUG = ".concat(true, ";")), $__default["default"]("<script>").attr("type", "text/javascript").text(commonScreenshotScript), $__default["default"]("<script>").attr("type", "text/javascript").text(screenshotScript), $__default["default"]("<style>").attr("type", "text/css").text(["".concat(example.selector, " {"), "  border: none !important;", "", "  min-width: ".concat(width, "px !important;"), "  min-height: ".concat(height, "px !important;"), "  width: ".concat(width, "px !important;"), "  height: ".concat(height, "px !important;"), "  max-width: ".concat(width, "px !important;"), "  max-height: ".concat(height, "px !important;"), "}"].join("\n")));
-            _context4.next = 8;
-            return writeFile$1(tmpPath, formatHTML(screenshotPage.html()));
-
-          case 8:
-            if (!debug) {
-              cleanup.push(function () {
-                return unlink(tmpPath);
-              });
-            }
-
-            _context4.next = 11;
-            return browser.createIncognitoBrowserContext();
-
-          case 11:
-            context = _context4.sent;
-
-            if (!debug) {
-              cleanup.push(function () {
-                return context.close();
-              });
-            }
-
-            _context4.next = 15;
-            return context.newPage();
-
-          case 15:
-            page = _context4.sent;
-
-            if (!debug) {
-              cleanup.push(function () {
-                return page.close();
-              });
-            }
-
-            _context4.next = 19;
-            return page.setViewport({
-              width: width + 50,
-              height: height + 50
-            });
-
-          case 19:
-            _context4.next = 21;
-            return page.goto("file://" + tmpPath.split(path.sep).join(path.posix.sep));
-
-          case 21:
-            _context4.next = 23;
-            return page.waitForSelector(example.selector, {
-              visible: true,
-              timeout: example.timeout * 1000
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          debug = config.debug, example = config.example, height = config.height, screenshotScript = config.screenshotScript, width = config.width;
+          cleanup = [];
+          _context4.prev = 2;
+          // Prepare the page. It has to be written to the disk so that files with
+          // relative URLs can be loaded.
+          tmpPath = node_path.resolve(node_path.dirname(example.paths.page.local), ".tmp.example.screenshot." + node_path.basename(example.paths.page.local));
+          screenshotPage = $__default["default"].load(example.html);
+          screenshotPage("head").prepend($__default["default"]("<script>").attr("type", "text/javascript").text("window.DEBUG = ".concat(true, ";")), $__default["default"]("<script>").attr("type", "text/javascript").text(commonScreenshotScript), $__default["default"]("<script>").attr("type", "text/javascript").text(screenshotScript), $__default["default"]("<style>").attr("type", "text/css").text(["".concat(example.selector, " {"), "  border: none !important;", "", "  min-width: ".concat(width, "px !important;"), "  min-height: ".concat(height, "px !important;"), "  width: ".concat(width, "px !important;"), "  height: ".concat(height, "px !important;"), "  max-width: ".concat(width, "px !important;"), "  max-height: ".concat(height, "px !important;"), "}"].join("\n")));
+          _context4.next = 8;
+          return writeFile$1(tmpPath, formatHTML(screenshotPage.html()));
+        case 8:
+          if (!debug) {
+            cleanup.push(function () {
+              return unlink(tmpPath);
             });
-
-          case 23:
-            if (!(example.delay === "call")) {
-              _context4.next = 28;
-              break;
-            }
-
-            _context4.next = 26;
-            return page.evaluate("function fn() { return window.readyToTakeAScreenshot; }");
-
-          case 26:
-            _context4.next = 30;
-            break;
-
-          case 28:
-            _context4.next = 30;
-            return page.waitForTimeout(example.delay * 1000);
-
-          case 30:
-            _context4.next = 32;
-            return page.$(example.selector);
-
-          case 32:
-            $element = _context4.sent;
-
-            if (!($element == null)) {
-              _context4.next = 35;
-              break;
-            }
-
-            throw new Error(_concatInstanceProperty__default["default"](_context2 = "Element \"".concat(example.selector, "\" not found in ")).call(_context2, example.path, "."));
-
-          case 35:
-            _context4.next = 37;
-            return $element.evaluate(function (element) {
-              element.scrollIntoView();
+          }
+          _context4.next = 11;
+          return browser.createIncognitoBrowserContext();
+        case 11:
+          context = _context4.sent;
+          if (!debug) {
+            cleanup.push(function () {
+              return context.close();
             });
-
-          case 37:
-            _context4.next = 39;
-            return $element.screenshot({
-              encoding: "binary"
+          }
+          _context4.next = 15;
+          return context.newPage();
+        case 15:
+          page = _context4.sent;
+          if (!debug) {
+            cleanup.push(function () {
+              return page.close();
             });
-
-          case 39:
-            screenshot = _context4.sent;
-
-            if (!(screenshot == null)) {
-              _context4.next = 44;
-              break;
-            }
-
-            throw new Error("Failed to take screenshot of \u201C".concat(example.paths.page, "\u201D"));
-
-          case 44:
-            if (!(typeof screenshot === "string")) {
-              _context4.next = 46;
-              break;
-            }
-
-            throw new Error("Failed to get the binary data of the screenshot of \u201C".concat(example.paths.page, "\u201D"));
-
-          case 46:
-            _context4.next = 48;
-            return writeFile$1(example.paths.screenshot.local, screenshot);
-
-          case 48:
-            return _context4.abrupt("return", isScreenshotValid(screenshot));
-
-          case 51:
-            _context4.prev = 51;
-            _context4.t0 = _context4["catch"](2);
-            console.error(_context4.t0);
-            return _context4.abrupt("return", false);
-
-          case 55:
-            _context4.prev = 55;
-            _iterator = _createForOfIteratorHelper$3(_reverseInstanceProperty__default["default"](_context3 = _spliceInstanceProperty__default["default"](cleanup).call(cleanup, 0)).call(_context3));
-            _context4.prev = 57;
-
-            _iterator.s();
-
-          case 59:
-            if ((_step = _iterator.n()).done) {
-              _context4.next = 71;
-              break;
-            }
-
-            callback = _step.value;
-            _context4.prev = 61;
-            _context4.next = 64;
-            return callback();
-
-          case 64:
-            _context4.next = 69;
+          }
+          _context4.next = 19;
+          return page.setViewport({
+            width: width + 50,
+            height: height + 50
+          });
+        case 19:
+          _context4.next = 21;
+          return page.goto("file://" + tmpPath.split(node_path.sep).join(node_path.posix.sep));
+        case 21:
+          _context4.next = 23;
+          return page.waitForSelector(example.selector, {
+            visible: true,
+            timeout: example.timeout * 1000
+          });
+        case 23:
+          if (!(example.delay === "call")) {
+            _context4.next = 28;
             break;
-
-          case 66:
-            _context4.prev = 66;
-            _context4.t1 = _context4["catch"](61);
-            console.error(_context4.t1);
-
-          case 69:
-            _context4.next = 59;
+          }
+          _context4.next = 26;
+          return page.evaluate("function fn() { return window.readyToTakeAScreenshot; }");
+        case 26:
+          _context4.next = 30;
+          break;
+        case 28:
+          _context4.next = 30;
+          return page.waitForTimeout(example.delay * 1000);
+        case 30:
+          _context4.next = 32;
+          return page.$(example.selector);
+        case 32:
+          $element = _context4.sent;
+          if (!($element == null)) {
+            _context4.next = 35;
             break;
-
-          case 71:
-            _context4.next = 76;
+          }
+          throw new Error(_concatInstanceProperty__default["default"](_context2 = "Element \"".concat(example.selector, "\" not found in ")).call(_context2, example.path, "."));
+        case 35:
+          _context4.next = 37;
+          return $element.evaluate(function (element) {
+            element.scrollIntoView();
+          });
+        case 37:
+          _context4.next = 39;
+          return $element.screenshot({
+            encoding: "binary"
+          });
+        case 39:
+          screenshot = _context4.sent;
+          if (!(screenshot == null)) {
+            _context4.next = 44;
             break;
-
-          case 73:
-            _context4.prev = 73;
-            _context4.t2 = _context4["catch"](57);
-
-            _iterator.e(_context4.t2);
-
-          case 76:
-            _context4.prev = 76;
-
-            _iterator.f();
-
-            return _context4.finish(76);
-
-          case 79:
-            return _context4.finish(55);
-
-          case 80:
-          case "end":
-            return _context4.stop();
-        }
+          }
+          throw new Error("Failed to take screenshot of \u201C".concat(example.paths.page, "\u201D"));
+        case 44:
+          if (!(typeof screenshot === "string")) {
+            _context4.next = 46;
+            break;
+          }
+          throw new Error("Failed to get the binary data of the screenshot of \u201C".concat(example.paths.page, "\u201D"));
+        case 46:
+          _context4.next = 48;
+          return writeFile$1(example.paths.screenshot.local, screenshot);
+        case 48:
+          return _context4.abrupt("return", isScreenshotValid(screenshot));
+        case 51:
+          _context4.prev = 51;
+          _context4.t0 = _context4["catch"](2);
+          console.error(_context4.t0);
+          return _context4.abrupt("return", false);
+        case 55:
+          _context4.prev = 55;
+          _iterator = _createForOfIteratorHelper$3(_reverseInstanceProperty__default["default"](_context3 = _spliceInstanceProperty__default["default"](cleanup).call(cleanup, 0)).call(_context3));
+          _context4.prev = 57;
+          _iterator.s();
+        case 59:
+          if ((_step = _iterator.n()).done) {
+            _context4.next = 71;
+            break;
+          }
+          callback = _step.value;
+          _context4.prev = 61;
+          _context4.next = 64;
+          return callback();
+        case 64:
+          _context4.next = 69;
+          break;
+        case 66:
+          _context4.prev = 66;
+          _context4.t1 = _context4["catch"](61);
+          console.error(_context4.t1);
+        case 69:
+          _context4.next = 59;
+          break;
+        case 71:
+          _context4.next = 76;
+          break;
+        case 73:
+          _context4.prev = 73;
+          _context4.t2 = _context4["catch"](57);
+          _iterator.e(_context4.t2);
+        case 76:
+          _context4.prev = 76;
+          _iterator.f();
+          return _context4.finish(76);
+        case 79:
+          return _context4.finish(55);
+        case 80:
+        case "end":
+          return _context4.stop();
       }
     }, _callee2, null, [[2, 51, 55, 80], [57, 73, 76, 79], [61, 66]]);
   }));
@@ -648,22 +574,16 @@ function _generateScreenshot() {
 }
 
 function _createForOfIteratorHelper$2(o, allowArrayLike) { var it = typeof _Symbol__default["default"] !== "undefined" && _getIteratorMethod__default["default"](o) || o["@@iterator"]; if (!it) { if (_Array$isArray__default["default"](o) || (it = _unsupportedIterableToArray$2(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray$2(o, minLen) { var _context24; if (!o) return; if (typeof o === "string") return _arrayLikeToArray$2(o, minLen); var n = _sliceInstanceProperty__default["default"](_context24 = Object.prototype.toString.call(o)).call(_context24, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from__default["default"](o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen); }
-
-function _arrayLikeToArray$2(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+function _arrayLikeToArray$2(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context22, _context23; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context22 = ownKeys$1(Object(source), !0)).call(_context22, function (key) { _defineProperty__default["default"](target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context23 = ownKeys$1(Object(source))).call(_context23, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 var collator = new Intl.Collator("US");
 var writeFile = util.promisify(fs__default["default"].writeFile);
 var ContentBuilder = /*#__PURE__*/function () {
   function ContentBuilder(_config) {
     _classCallCheck__default["default"](this, ContentBuilder);
-
     _defineProperty__default["default"](this, "_config", void 0);
-
     this._config = _config;
   }
   /**
@@ -675,339 +595,280 @@ var ContentBuilder = /*#__PURE__*/function () {
    * @param emit.screenshots
    * @returns A report with check results and the number of written files.
    */
-
-
   _createClass__default["default"](ContentBuilder, [{
     key: "build",
     value: function build() {
       var _context,
-          _context2,
-          _this = this;
-
+        _context2,
+        _this = this;
       var emit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
       var allExamples = this._processGroup(this._config.examples);
-
       var okay = [];
       var fail = [];
       console.info(_concatInstanceProperty__default["default"](_context = "Going to generate ".concat(_flatInstanceProperty__default["default"](_context2 = [emit.index ? ["index files"] : [], emit.playgrounds ? ["playground openers"] : [], emit.screenshots ? ["screenshots"] : []]).call(_context2).join(", "), " for ")).call(_context, allExamples.length, " examples."));
       process.stdout.write("\n");
-      var index = emit.index ? // Generate indexes.
+      var index = emit.index ?
+      // Generate indexes.
       _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
         var _context3;
-
         var getStartStopMs, results;
         return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context5) {
-          while (1) {
-            switch (_context5.prev = _context5.next) {
-              case 0:
-                getStartStopMs = measureStartStopMs();
-                _context5.next = 3;
-                return _Promise__default["default"].allSettled(_mapInstanceProperty__default["default"](_context3 = _this._config.renderer.render(_this._config.examples, _this._config.output, _this._config.title, collator)).call(_context3, /*#__PURE__*/function () {
-                  var _ref3 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(_ref2) {
-                    var content, filename;
-                    return _regeneratorRuntime__default["default"].wrap(function _callee$(_context4) {
-                      while (1) {
-                        switch (_context4.prev = _context4.next) {
-                          case 0:
-                            content = _ref2.content, filename = _ref2.filename;
-                            return _context4.abrupt("return", writeFile(path.join(_this._config.output, filename), content));
-
-                          case 2:
-                          case "end":
-                            return _context4.stop();
-                        }
-                      }
-                    }, _callee);
-                  }));
-
-                  return function (_x) {
-                    return _ref3.apply(this, arguments);
-                  };
-                }()));
-
-              case 3:
-                results = _context5.sent;
-                return _context5.abrupt("return", [_objectSpread$1(_objectSpread$1({}, getStartStopMs()), {}, {
-                  count: results.length,
-                  result: _everyInstanceProperty__default["default"](results).call(results, function (_ref4) {
-                    var status = _ref4.status;
-                    return status === "fulfilled";
-                  }) ? "fulfilled" : "rejected"
-                })]);
-
-              case 5:
-              case "end":
-                return _context5.stop();
-            }
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              getStartStopMs = measureStartStopMs();
+              _context5.next = 3;
+              return _Promise__default["default"].allSettled(_mapInstanceProperty__default["default"](_context3 = _this._config.renderer.render(_this._config.examples, _this._config.output, _this._config.title, collator)).call(_context3, /*#__PURE__*/function () {
+                var _ref3 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(_ref2) {
+                  var content, filename;
+                  return _regeneratorRuntime__default["default"].wrap(function _callee$(_context4) {
+                    while (1) switch (_context4.prev = _context4.next) {
+                      case 0:
+                        content = _ref2.content, filename = _ref2.filename;
+                        return _context4.abrupt("return", writeFile(node_path.join(_this._config.output, filename), content));
+                      case 2:
+                      case "end":
+                        return _context4.stop();
+                    }
+                  }, _callee);
+                }));
+                return function (_x) {
+                  return _ref3.apply(this, arguments);
+                };
+              }()));
+            case 3:
+              results = _context5.sent;
+              return _context5.abrupt("return", [_objectSpread$1(_objectSpread$1({}, getStartStopMs()), {}, {
+                count: results.length,
+                result: _everyInstanceProperty__default["default"](results).call(results, function (_ref4) {
+                  var status = _ref4.status;
+                  return status === "fulfilled";
+                }) ? "fulfilled" : "rejected"
+              })]);
+            case 5:
+            case "end":
+              return _context5.stop();
           }
         }, _callee2);
-      }))() : // Skip indexes.
+      }))() :
+      // Skip indexes.
       _Promise__default["default"].resolve([]);
-      var playgrounds = emit.playgrounds ? // Generate playground pages.
+      var playgrounds = emit.playgrounds ?
+      // Generate playground pages.
       _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4() {
         return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context8) {
-          while (1) {
-            switch (_context8.prev = _context8.next) {
-              case 0:
-                _context8.next = 2;
-                return _Promise__default["default"].all(_mapInstanceProperty__default["default"](allExamples).call(allExamples, /*#__PURE__*/function () {
-                  var _ref6 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(example) {
-                    var _context6;
-
-                    var getStartStopMs, results;
-                    return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context7) {
-                      while (1) {
-                        switch (_context7.prev = _context7.next) {
-                          case 0:
-                            getStartStopMs = measureStartStopMs();
-                            _context7.next = 3;
-                            return _Promise__default["default"].allSettled(_mapInstanceProperty__default["default"](_context6 = [{
-                              html: generateJSFiddlePage(example),
-                              path: example.paths.jsfiddle.local
-                            }, {
-                              html: generateCodePenPage(example),
-                              path: example.paths.codepen.local
-                            }]).call(_context6, function (_ref7) {
-                              var html = _ref7.html,
-                                  path = _ref7.path;
-                              return writeFile(path, formatHTML(html));
-                            }));
-
-                          case 3:
-                            results = _context7.sent;
-                            return _context7.abrupt("return", _objectSpread$1(_objectSpread$1({}, getStartStopMs()), {}, {
-                              count: results.length,
-                              example: example,
-                              result: _everyInstanceProperty__default["default"](results).call(results, function (_ref8) {
-                                var status = _ref8.status;
-                                return status === "fulfilled";
-                              }) ? "fulfilled" : "rejected"
-                            }));
-
-                          case 5:
-                          case "end":
-                            return _context7.stop();
-                        }
-                      }
-                    }, _callee3);
-                  }));
-
-                  return function (_x2) {
-                    return _ref6.apply(this, arguments);
-                  };
-                }()));
-
-              case 2:
-                return _context8.abrupt("return", _context8.sent);
-
-              case 3:
-              case "end":
-                return _context8.stop();
-            }
+          while (1) switch (_context8.prev = _context8.next) {
+            case 0:
+              _context8.next = 2;
+              return _Promise__default["default"].all(_mapInstanceProperty__default["default"](allExamples).call(allExamples, /*#__PURE__*/function () {
+                var _ref6 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(example) {
+                  var _context6;
+                  var getStartStopMs, results;
+                  return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context7) {
+                    while (1) switch (_context7.prev = _context7.next) {
+                      case 0:
+                        getStartStopMs = measureStartStopMs();
+                        _context7.next = 3;
+                        return _Promise__default["default"].allSettled(_mapInstanceProperty__default["default"](_context6 = [{
+                          html: generateJSFiddlePage(example),
+                          path: example.paths.jsfiddle.local
+                        }, {
+                          html: generateCodePenPage(example),
+                          path: example.paths.codepen.local
+                        }]).call(_context6, function (_ref7) {
+                          var html = _ref7.html,
+                            path = _ref7.path;
+                          return writeFile(path, formatHTML(html));
+                        }));
+                      case 3:
+                        results = _context7.sent;
+                        return _context7.abrupt("return", _objectSpread$1(_objectSpread$1({}, getStartStopMs()), {}, {
+                          count: results.length,
+                          example: example,
+                          result: _everyInstanceProperty__default["default"](results).call(results, function (_ref8) {
+                            var status = _ref8.status;
+                            return status === "fulfilled";
+                          }) ? "fulfilled" : "rejected"
+                        }));
+                      case 5:
+                      case "end":
+                        return _context7.stop();
+                    }
+                  }, _callee3);
+                }));
+                return function (_x2) {
+                  return _ref6.apply(this, arguments);
+                };
+              }()));
+            case 2:
+              return _context8.abrupt("return", _context8.sent);
+            case 3:
+            case "end":
+              return _context8.stop();
           }
         }, _callee4);
-      }))() : // Skip playground pages.
+      }))() :
+      // Skip playground pages.
       _Promise__default["default"].resolve([]);
-      var screenshots = emit.screenshots ? // Generate screenshots.
+      var screenshots = emit.screenshots ?
+      // Generate screenshots.
       _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7() {
         var cleanup, _process$env$DEBUG, _context10, _context11, debug, browser, todo, total, reports, _context17, _iterator, _step, callback;
-
         return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context18) {
-          while (1) {
-            switch (_context18.prev = _context18.next) {
-              case 0:
-                cleanup = [];
-                _context18.prev = 1;
-                debug = /^1|y|yes|true$/i.test((_process$env$DEBUG = process.env.DEBUG) !== null && _process$env$DEBUG !== void 0 ? _process$env$DEBUG : "");
-                _context18.next = 5;
-                return puppeteer__default["default"].launch({
-                  headless: !debug,
-                  slowMo: debug ? 100 : undefined
+          while (1) switch (_context18.prev = _context18.next) {
+            case 0:
+              cleanup = [];
+              _context18.prev = 1;
+              debug = /^1|y|yes|true$/i.test((_process$env$DEBUG = process.env.DEBUG) !== null && _process$env$DEBUG !== void 0 ? _process$env$DEBUG : "");
+              _context18.next = 5;
+              return puppeteer__default["default"].launch({
+                headless: !debug,
+                slowMo: debug ? 100 : undefined
+              });
+            case 5:
+              browser = _context18.sent;
+              if (debug) {
+                cleanup.push( /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5() {
+                  return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context9) {
+                    while (1) switch (_context9.prev = _context9.next) {
+                      case 0:
+                        return _context9.abrupt("return", browser.disconnect());
+                      case 1:
+                      case "end":
+                        return _context9.stop();
+                    }
+                  }, _callee5);
+                })));
+              } else {
+                cleanup.push(function () {
+                  return browser.close();
                 });
-
-              case 5:
-                browser = _context18.sent;
-
-                if (debug) {
-                  cleanup.push( /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5() {
-                    return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context9) {
-                      while (1) {
-                        switch (_context9.prev = _context9.next) {
-                          case 0:
-                            return _context9.abrupt("return", browser.disconnect());
-
-                          case 1:
-                          case "end":
-                            return _context9.stop();
-                        }
+              }
+              // Generate screenshots.
+              // There is quite long delay to ensure the chart is rendered properly
+              // so it's much faster to run a lot of them at the same time.
+              todo = _sliceInstanceProperty__default["default"](allExamples).call(allExamples);
+              total = todo.length;
+              reports = [];
+              _context18.next = 12;
+              return _Promise__default["default"].allSettled(_mapInstanceProperty__default["default"](_context10 = _fillInstanceProperty__default["default"](_context11 = new Array(_this._config.parallel)).call(_context11, null)).call(_context10, /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6() {
+                var example, _context12, _context13, _context14, _context15, getStartStopMs, valid, report, percentage, validText, msText;
+                return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context16) {
+                  while (1) switch (_context16.prev = _context16.next) {
+                    case 0:
+                      if (!(example = todo.pop())) {
+                        _context16.next = 14;
+                        break;
                       }
-                    }, _callee5);
-                  })));
-                } else {
-                  cleanup.push(function () {
-                    return browser.close();
-                  });
-                } // Generate screenshots.
-                // There is quite long delay to ensure the chart is rendered properly
-                // so it's much faster to run a lot of them at the same time.
-
-
-                todo = _sliceInstanceProperty__default["default"](allExamples).call(allExamples);
-                total = todo.length;
-                reports = [];
-                _context18.next = 12;
-                return _Promise__default["default"].allSettled(_mapInstanceProperty__default["default"](_context10 = _fillInstanceProperty__default["default"](_context11 = new Array(_this._config.parallel)).call(_context11, null)).call(_context10, /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6() {
-                  var example, _context12, _context13, _context14, _context15, getStartStopMs, valid, report, percentage, validText, msText;
-
-                  return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context16) {
-                    while (1) {
-                      switch (_context16.prev = _context16.next) {
-                        case 0:
-                          if (!(example = todo.pop())) {
-                            _context16.next = 14;
-                            break;
-                          }
-
-                          getStartStopMs = measureStartStopMs();
-                          _context16.next = 4;
-                          return generateScreenshot(browser, {
-                            debug: debug,
-                            example: example,
-                            height: _this._config.renderer.screenshot.height,
-                            screenshotScript: _this._config.screenshotScript,
-                            width: _this._config.renderer.screenshot.width
-                          });
-
-                        case 4:
-                          valid = _context16.sent;
-                          report = _objectSpread$1(_objectSpread$1({}, getStartStopMs()), {}, {
-                            count: 1,
-                            example: example,
-                            result: valid ? "fulfilled" : "rejected"
-                          });
-                          reports.push(report);
-
-                          if (valid) {
-                            okay.push(example.path);
-                          } else {
-                            fail.push(example.path);
-                          }
-
-                          percentage = _padStartInstanceProperty__default["default"](_context12 = Math.floor(reports.length / total * 100) + "%").call(_context12, 4, " ");
-                          validText = valid ? "okay" : "fail";
-                          msText = formatStartStopMs(report);
-                          console.info(_concatInstanceProperty__default["default"](_context13 = _concatInstanceProperty__default["default"](_context14 = _concatInstanceProperty__default["default"](_context15 = "".concat(percentage, " ")).call(_context15, validText, " ")).call(_context14, msText, " - ")).call(_context13, example.path));
-                          _context16.next = 0;
-                          break;
-
-                        case 14:
-                        case "end":
-                          return _context16.stop();
+                      getStartStopMs = measureStartStopMs();
+                      _context16.next = 4;
+                      return generateScreenshot(browser, {
+                        debug: debug,
+                        example: example,
+                        height: _this._config.renderer.screenshot.height,
+                        screenshotScript: _this._config.screenshotScript,
+                        width: _this._config.renderer.screenshot.width
+                      });
+                    case 4:
+                      valid = _context16.sent;
+                      report = _objectSpread$1(_objectSpread$1({}, getStartStopMs()), {}, {
+                        count: 1,
+                        example: example,
+                        result: valid ? "fulfilled" : "rejected"
+                      });
+                      reports.push(report);
+                      if (valid) {
+                        okay.push(example.path);
+                      } else {
+                        fail.push(example.path);
                       }
-                    }
-                  }, _callee6);
-                }))));
-
-              case 12:
-                return _context18.abrupt("return", reports);
-
-              case 13:
-                _context18.prev = 13;
-                _iterator = _createForOfIteratorHelper$2(_reverseInstanceProperty__default["default"](_context17 = _spliceInstanceProperty__default["default"](cleanup).call(cleanup, 0)).call(_context17));
-                _context18.prev = 15;
-
-                _iterator.s();
-
-              case 17:
-                if ((_step = _iterator.n()).done) {
-                  _context18.next = 29;
-                  break;
-                }
-
-                callback = _step.value;
-                _context18.prev = 19;
-                _context18.next = 22;
-                return callback();
-
-              case 22:
-                _context18.next = 27;
-                break;
-
-              case 24:
-                _context18.prev = 24;
-                _context18.t0 = _context18["catch"](19);
-                console.error(_context18.t0);
-
-              case 27:
-                _context18.next = 17;
-                break;
-
-              case 29:
-                _context18.next = 34;
+                      percentage = _padStartInstanceProperty__default["default"](_context12 = Math.floor(reports.length / total * 100) + "%").call(_context12, 4, " ");
+                      validText = valid ? "okay" : "fail";
+                      msText = formatStartStopMs(report);
+                      console.info(_concatInstanceProperty__default["default"](_context13 = _concatInstanceProperty__default["default"](_context14 = _concatInstanceProperty__default["default"](_context15 = "".concat(percentage, " ")).call(_context15, validText, " ")).call(_context14, msText, " - ")).call(_context13, example.path));
+                      _context16.next = 0;
+                      break;
+                    case 14:
+                    case "end":
+                      return _context16.stop();
+                  }
+                }, _callee6);
+              }))));
+            case 12:
+              return _context18.abrupt("return", reports);
+            case 13:
+              _context18.prev = 13;
+              _iterator = _createForOfIteratorHelper$2(_reverseInstanceProperty__default["default"](_context17 = _spliceInstanceProperty__default["default"](cleanup).call(cleanup, 0)).call(_context17));
+              _context18.prev = 15;
+              _iterator.s();
+            case 17:
+              if ((_step = _iterator.n()).done) {
+                _context18.next = 29;
                 break;
-
-              case 31:
-                _context18.prev = 31;
-                _context18.t1 = _context18["catch"](15);
-
-                _iterator.e(_context18.t1);
-
-              case 34:
-                _context18.prev = 34;
-
-                _iterator.f();
-
-                return _context18.finish(34);
-
-              case 37:
-                return _context18.finish(13);
-
-              case 38:
-              case "end":
-                return _context18.stop();
-            }
+              }
+              callback = _step.value;
+              _context18.prev = 19;
+              _context18.next = 22;
+              return callback();
+            case 22:
+              _context18.next = 27;
+              break;
+            case 24:
+              _context18.prev = 24;
+              _context18.t0 = _context18["catch"](19);
+              console.error(_context18.t0);
+            case 27:
+              _context18.next = 17;
+              break;
+            case 29:
+              _context18.next = 34;
+              break;
+            case 31:
+              _context18.prev = 31;
+              _context18.t1 = _context18["catch"](15);
+              _iterator.e(_context18.t1);
+            case 34:
+              _context18.prev = 34;
+              _iterator.f();
+              return _context18.finish(34);
+            case 37:
+              return _context18.finish(13);
+            case 38:
+            case "end":
+              return _context18.stop();
           }
         }, _callee7, null, [[1,, 13, 38], [15, 31, 34, 37], [19, 24]]);
-      }))() : // Skip screenshots.
+      }))() :
+      // Skip screenshots.
       _Promise__default["default"].resolve([]);
-
       var checks = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8() {
         var total;
         return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context19) {
-          while (1) {
-            switch (_context19.prev = _context19.next) {
-              case 0:
-                _context19.next = 2;
-                return index;
-
-              case 2:
-                _context19.next = 4;
-                return playgrounds;
-
-              case 4:
-                _context19.next = 6;
-                return screenshots;
-
-              case 6:
-                total = okay.length + fail.length;
-                return _context19.abrupt("return", {
-                  fail: fail.length,
-                  failPaths: fail,
-                  okay: okay.length,
-                  okayPaths: okay,
-                  percentage: total === 0 ? 100 : 100 * okay.length / total,
-                  total: total
-                });
-
-              case 8:
-              case "end":
-                return _context19.stop();
-            }
+          while (1) switch (_context19.prev = _context19.next) {
+            case 0:
+              _context19.next = 2;
+              return index;
+            case 2:
+              _context19.next = 4;
+              return playgrounds;
+            case 4:
+              _context19.next = 6;
+              return screenshots;
+            case 6:
+              total = okay.length + fail.length;
+              return _context19.abrupt("return", {
+                fail: fail.length,
+                failPaths: fail,
+                okay: okay.length,
+                okayPaths: okay,
+                percentage: total === 0 ? 100 : 100 * okay.length / total,
+                total: total
+              });
+            case 8:
+            case "end":
+              return _context19.stop();
           }
         }, _callee8);
       }))();
-
       return {
         checks: checks,
         index: index,
@@ -1019,12 +880,10 @@ var ContentBuilder = /*#__PURE__*/function () {
     key: "_processGroup",
     value: function _processGroup(examples) {
       var _context20,
-          _context21,
-          _this2 = this;
-
+        _context21,
+        _this2 = this;
       return _flatMapInstanceProperty__default["default"](_context20 = _sortInstanceProperty__default["default"](_context21 = _Object$keys__default["default"](examples)).call(_context21, collator.compare)).call(_context20, function (key) {
         var example = examples[key];
-
         if (isExample(example)) {
           return [example];
         } else {
@@ -1033,7 +892,6 @@ var ContentBuilder = /*#__PURE__*/function () {
       });
     }
   }]);
-
   return ContentBuilder;
 }();
 
@@ -1042,22 +900,17 @@ var indexTemplate = "<html>\n  <head>\n    <meta charset=\"utf-8\" />\n    <titl
 var styleTemplate = ".examples-root {\n  margin: 50px auto 200px;\n  min-width: calc(200px + 2em);\n  width: calc(100vw - 200px);\n}\n\n.examples-root a {\n  color: #2b7ce9;\n}\n.examples-root a:visited {\n  color: #46417a;\n}\n\n.examples-root .example-link {\n  margin: 1em;\n  position: relative;\n  width: 200px;\n\n  display: inline-block;\n}\n\n.examples-root .example-link .example-image {\n  display: block;\n  height: 200px;\n  margin-top: 1ex;\n  position: relative;\n  width: 200px;\n}\n.examples-root .example-link .example-image > img {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  width: 200px;\n  height: 200px;\n\n  background: #2b7ce9;\n  border: 1px solid #2b7ce9;\n  color: #ffffff;\n\n  transition: transform 0.5s ease 0s, z-index 0.5s linear 0s;\n  z-index: 1;\n}\n.examples-root .example-link:hover .example-image > img {\n  transform: translate(0px, 95px) scale(2, 2);\n  z-index: 100;\n}\n\n.examples-root .example-header > *:last-child {\n  margin-left: 0.5em;\n}\n.examples-root .icon {\n  height: 1.5em;\n  margin-bottom: -0.25em;\n  width: 1.5em;\n\n  background: none;\n  border: none;\n  cursor: pointer;\n  display: inline-block;\n}\n.examples-root .icon.jsfiddle {\n  background-size: contain;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%232b7ce9' d='M16.45,17.5C17.45,17.5 18.3,17.15 19,16.5C19.67,15.8 20,15 20,14C20,13.05 19.66,12.22 18.96,11.53C18.26,10.84 17.41,10.5 16.41,10.5C15.47,10.5 14.64,10.83 13.92,11.5L9.14,15.56C8.7,16 8.17,16.22 7.55,16.22C6.92,16.22 6.39,16 5.95,15.56C5.5,15.13 5.3,14.61 5.3,14C5.3,13.42 5.5,12.91 5.95,12.47C6.39,12.03 6.92,11.81 7.55,11.81C8.14,11.81 8.69,12.03 9.19,12.47L9.94,13.13L10.92,12.23L10.08,11.53C9.39,10.84 8.55,10.5 7.55,10.5C6.58,10.5 5.74,10.84 5.04,11.53C4.34,12.22 4,13.05 4,14C4,15 4.34,15.8 5.04,16.5C5.74,17.15 6.59,17.5 7.59,17.5C8.53,17.5 9.36,17.16 10.08,16.5L14.86,12.42C15.27,12 15.8,11.81 16.45,11.81C17.08,11.81 17.61,12.03 18.05,12.47C18.5,12.91 18.7,13.42 18.7,14C18.7,14.61 18.5,15.13 18.05,15.56C17.61,16 17.08,16.22 16.45,16.22C15.89,16.22 15.34,16 14.81,15.5L14.06,14.86L13.08,15.75L13.92,16.45C14.61,17.14 15.45,17.5 16.45,17.5M19.36,10.03C20.64,10.13 21.73,10.65 22.64,11.6C23.55,12.55 24,13.69 24,15C24,16.38 23.5,17.55 22.5,18.54C21.54,19.5 20.36,20 19,20H6C4.34,20 2.93,19.43 1.76,18.26C0.59,17.09 0,15.67 0,14C0,12.55 0.5,11.23 1.57,10.05C2.62,8.88 3.88,8.22 5.34,8.06C6,6.84 6.92,5.86 8.11,5.11C9.3,4.36 10.59,4 12,4C13.69,4 15.26,4.58 16.71,5.77C18.16,6.95 19.05,8.38 19.36,10.03Z' /%3E%3C/svg%3E\");\n}\n.examples-root .icon.codepen {\n  background-size: contain;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%232b7ce9' d='M15.09,12L12,14.08V14.09L8.91,12L12,9.92V9.92L15.09,12M12,2C11.84,2 11.68,2.06 11.53,2.15L2.5,8.11C2.27,8.22 2.09,8.43 2,8.67V14.92C2,15.33 2,15.33 2.15,15.53L11.53,21.86C11.67,21.96 11.84,22 12,22C12.16,22 12.33,21.95 12.47,21.85L21.85,15.5C22,15.33 22,15.33 22,14.92V8.67C21.91,8.42 21.73,8.22 21.5,8.1L12.47,2.15C12.32,2.05 12.16,2 12,2M16.58,13L19.59,15.04L12.83,19.6V15.53L16.58,13M19.69,8.9L16.58,11L12.83,8.47V4.38L19.69,8.9M20.33,10.47V13.53L18.07,12L20.33,10.47M7.42,13L11.17,15.54V19.6L4.41,15.04L7.42,13M4.31,8.9L11.17,4.39V8.5L7.42,11L4.31,8.9M3.67,10.5L5.93,12L3.67,13.54V10.5Z' /%3E%3C/svg%3E\");\n}\n";
 
 function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof _Symbol__default["default"] !== "undefined" && _getIteratorMethod__default["default"](o) || o["@@iterator"]; if (!it) { if (_Array$isArray__default["default"](o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray$1(o, minLen) { var _context3; if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = _sliceInstanceProperty__default["default"](_context3 = Object.prototype.toString.call(o)).call(_context3, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from__default["default"](o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
-
-function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 /**
  * @param example
  */
-
 function generateJSFiddle(example) {
   return $__default["default"]("<a>").addClass("icon jsfiddle").attr("href", example.paths.jsfiddle.web).attr("title", "JSFiddle");
 }
 /**
  * @param example
  */
-
-
 function generateCodePen(example) {
   return $__default["default"]("<a>").addClass("icon codepen").attr("href", example.paths.codepen.web).attr("title", "CodePen");
 }
@@ -1067,28 +920,24 @@ function generateCodePen(example) {
  * @param level
  * @param collator
  */
-
-
 function processGroup$1(examples, title, level, collator) {
   var _context;
-
   var heading = $__default["default"]("<h".concat(Math.max(1, Math.min(6, level)), ">"));
   heading.text(title);
   var list = $__default["default"]("<div>");
   var section = $__default["default"]("<div>");
   section.append(heading, list);
-
   var _iterator = _createForOfIteratorHelper$1(_sortInstanceProperty__default["default"](_context = _Object$keys__default["default"](examples)).call(_context, collator.compare)),
-      _step;
-
+    _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var key = _step.value;
       var example = examples[key];
-
       if (isExample(example)) {
-        var header = $__default["default"]("<div>").addClass("example-header").append( // Playgrounds
-        generateJSFiddle(example), generateCodePen(example), // Title
+        var header = $__default["default"]("<div>").addClass("example-header").append(
+        // Playgrounds
+        generateJSFiddle(example), generateCodePen(example),
+        // Title
         $__default["default"]("<a>").attr("href", example.paths.page.web).text(key));
         var image = $__default["default"]("<a>").addClass("example-image").attr("href", example.paths.page.web).append($__default["default"]("<img>").attr("src", example.paths.screenshot.web).attr("alt", key));
         var item = $__default["default"]("<span>").addClass("example-link").append(header, image);
@@ -1102,21 +951,16 @@ function processGroup$1(examples, title, level, collator) {
   } finally {
     _iterator.f();
   }
-
   return section;
 }
-
 var htmlRenderer = {
   render: function render(examples, _output, title, collator) {
     var _context2;
-
     var filename = "index.html";
     var root = $__default["default"]("<div>");
     root.addClass("examples-root");
-
     var _iterator2 = _createForOfIteratorHelper$1(_sortInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](examples)).call(_context2, collator.compare)),
-        _step2;
-
+      _step2;
     try {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
         var key = _step2.value;
@@ -1127,7 +971,6 @@ var htmlRenderer = {
     } finally {
       _iterator2.f();
     }
-
     var page = $__default["default"].load(indexTemplate);
     page("title").text(title);
     page("body").append(root);
@@ -1149,18 +992,13 @@ var htmlRenderer = {
 };
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context14, _context15; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context14 = ownKeys(Object(source), !0)).call(_context14, function (key) { _defineProperty__default["default"](target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context15 = ownKeys(Object(source))).call(_context15, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol__default["default"] !== "undefined" && _getIteratorMethod__default["default"](o) || o["@@iterator"]; if (!it) { if (_Array$isArray__default["default"](o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { var _context13; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty__default["default"](_context13 = Object.prototype.toString.call(o)).call(_context13, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from__default["default"](o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 /**
  * @param lines
  */
-
 function linesToContent(lines) {
   return formatMD(lines.join("\n"));
 }
@@ -1169,22 +1007,16 @@ function linesToContent(lines) {
  * @param src
  * @param href
  */
-
-
 function image(title, src, href) {
   var _context, _context2;
-
   return href == null ? _concatInstanceProperty__default["default"](_context = "![".concat(title, "](")).call(_context, src, ")") : link(href, _concatInstanceProperty__default["default"](_context2 = "![".concat(title, "](")).call(_context2, src, ")"));
 }
 /**
  * @param href
  * @param text
  */
-
-
 function link(href) {
   var _context3;
-
   var text = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : href;
   return _concatInstanceProperty__default["default"](_context3 = "[".concat(text, "](")).call(_context3, href, ")");
 }
@@ -1192,11 +1024,8 @@ function link(href) {
  * @param level
  * @param text
  */
-
-
 function header(level, text) {
   var _context4, _context5;
-
   return _concatInstanceProperty__default["default"](_context4 = "".concat(_repeatInstanceProperty__default["default"](_context5 = "#").call(_context5, level), " ")).call(_context4, text);
 }
 /**
@@ -1205,29 +1034,22 @@ function header(level, text) {
  * @param title
  * @param collator
  */
-
-
 function processGroup(examples, output, title, collator) {
   var _context6, _context7, _context8;
-
   var items = [];
   var sections = [];
   var filenamePart = title.replace(/[^a-zA-Z0-9]/g, "-").toLowerCase();
-
   var _iterator = _createForOfIteratorHelper(_sortInstanceProperty__default["default"](_context8 = _Object$keys__default["default"](examples)).call(_context8, collator.compare)),
-      _step;
-
+    _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var key = _step.value;
       var example = examples[key];
-
       if (isExample(example)) {
         // An example in this group.
-        items.push(header(2, key), "", image(key, "./" + path.relative(output, example.paths.screenshot.local), example.paths.page.web), "", [link(example.paths.page.web, "Open"), link(example.paths.jsfiddle.web, "JSFiddle"), link(example.paths.codepen.web, "CodePen")].join(" | "), "");
+        items.push(header(2, key), "", image(key, "./" + node_path.relative(output, example.paths.screenshot.local), example.paths.page.web), "", [link(example.paths.page.web, "Open"), link(example.paths.jsfiddle.web, "JSFiddle"), link(example.paths.codepen.web, "CodePen")].join(" | "), "");
       } else {
         var _context9;
-
         // A subgroup of examples.
         sections.push.apply(sections, _toConsumableArray__default["default"](_mapInstanceProperty__default["default"](_context9 = processGroup(example, output, key, collator)).call(_context9, function (contentPart) {
           return _objectSpread(_objectSpread({}, contentPart), {}, {
@@ -1241,23 +1063,18 @@ function processGroup(examples, output, title, collator) {
   } finally {
     _iterator.f();
   }
-
   return _concatInstanceProperty__default["default"](_context6 = [{
     content: linesToContent(_concatInstanceProperty__default["default"](_context7 = [header(1, title), ""]).call(_context7, items)),
     filename: filenamePart + ".md",
     title: title
   }]).call(_context6, sections);
 }
-
 var mdRenderer = {
   render: function render(examples, output, _title, collator) {
     var _context10, _context11, _context12;
-
     var sections = [];
-
     var _iterator2 = _createForOfIteratorHelper(_sortInstanceProperty__default["default"](_context12 = _Object$keys__default["default"](examples)).call(_context12, collator.compare)),
-        _step2;
-
+      _step2;
     try {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
         var key = _step2.value;
@@ -1268,11 +1085,10 @@ var mdRenderer = {
     } finally {
       _iterator2.f();
     }
-
     return _concatInstanceProperty__default["default"](_context10 = [{
       content: linesToContent(_concatInstanceProperty__default["default"](_context11 = [header(1, "Examples"), ""]).call(_context11, _toConsumableArray__default["default"](_mapInstanceProperty__default["default"](sections).call(sections, function (_ref) {
         var filename = _ref.filename,
-            title = _ref.title;
+          title = _ref.title;
         return "- " + link("./" + filename, title);
       })))),
       filename: "README.md",
@@ -1360,7 +1176,6 @@ var y = yargs__default["default"].strict(true).usage("generate-example-index [op
 /**
  *
  */
-
 function parseArguments() {
   return y.parserConfiguration({
     "camel-case-expansion": false
@@ -1370,14 +1185,13 @@ function parseArguments() {
 /**
  * @param urls
  */
-
 function joinURLs() {
   for (var _len = arguments.length, urls = new Array(_len), _key = 0; _key < _len; _key++) {
     urls[_key] = arguments[_key];
   }
-
   return _mapInstanceProperty__default["default"](urls).call(urls, function (url) {
-    return (// Strip the parts of leading and trailing slashes if they have them.
+    return (
+      // Strip the parts of leading and trailing slashes if they have them.
       url.replace(/^\/?(.*?)\/?$/, "$1")
     );
   }).join("/");
@@ -1386,22 +1200,22 @@ function joinURLs() {
  * @param baseURL
  * @param url
  */
-
 function fixAbsoluteInputURL(baseURL, url) {
-  return _startsWithInstanceProperty__default["default"](url).call(url, "/") ? // Relative to the base URL. Base URL starts and URL ends with a slash.
-  baseURL + _sliceInstanceProperty__default["default"](url).call(url, 1) : // Relative to some other point or absolute already.
+  return _startsWithInstanceProperty__default["default"](url).call(url, "/") ?
+  // Relative to the base URL. Base URL starts and URL ends with a slash.
+  baseURL + _sliceInstanceProperty__default["default"](url).call(url, 1) :
+  // Relative to some other point or absolute already.
   url;
 }
 /**
  * @param config
  * @param exampleAbsolutePath
  */
-
 function generatePaths(config, exampleAbsolutePath) {
-  var exampleRelativePath = path.relative(config.page.local, exampleAbsolutePath); // It's important that the hash is created from the relative path so that it
+  var exampleRelativePath = node_path.relative(config.page.local, exampleAbsolutePath);
+  // It's important that the hash is created from the relative path so that it
   // is the same on all computers.
-
-  var hash = crypto.createHash("sha256").update(exampleRelativePath).digest("hex");
+  var hash = node_crypto.createHash("sha256").update(exampleRelativePath).digest("hex");
   return {
     codepen: generateLocalWebPair(config.codepen.local, config.codepen.web, hash, "codepen", "html"),
     jsfiddle: generateLocalWebPair(config.jsfiddle.local, config.jsfiddle.web, hash, "jsfiddle", "html"),
@@ -1419,27 +1233,25 @@ function generatePaths(config, exampleAbsolutePath) {
  * @param prefix
  * @param extension
  */
-
 function generateLocalWebPair(localRoot, webRoot, hash, prefix, extension) {
   var _context, _context2;
-
   var filename = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = "".concat(prefix, ".")).call(_context2, hash, ".")).call(_context, extension);
-
   return {
-    local: path.resolve(localRoot, filename),
+    local: node_path.resolve(localRoot, filename),
     web: joinURLs(webRoot, filename)
   };
 }
 
-var argv = parseArguments(); // Log the parsed configuration for debugging purposes.
-
+var globby = Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('globby')); });
+var argv = parseArguments();
+// Log the parsed configuration for debugging purposes.
 console.info("Configuration: ", _JSON$stringify__default["default"](argv, null, 2));
-process.stdout.write("\n"); // Pageres uses quite a lot of listeners when invoked multiple times in
+process.stdout.write("\n");
+// Pageres uses quite a lot of listeners when invoked multiple times in
 // parallel. This ensures there are no warnings about it.
-
-process.setMaxListeners(40); // Resolve paths relative to PWD.
-
-var screenshotScriptPath = typeof argv["screenshot-script"] === "string" ? path.resolve(argv["screenshot-script"]) : undefined;
+process.setMaxListeners(40);
+// Resolve paths relative to PWD.
+var screenshotScriptPath = typeof argv["screenshot-script"] === "string" ? node_path.resolve(argv["screenshot-script"]) : undefined;
 var mkdir = util__default["default"].promisify(fs__default["default"].mkdir);
 var readFile = util__default["default"].promisify(fs__default["default"].readFile);
 /**
@@ -1451,10 +1263,8 @@ var readFile = util__default["default"].promisify(fs__default["default"].readFil
  * @returns The value “smartly” coerced or the fallback if conversion isn't
  * possible or the value is not present in the page.
  */
-
 function getMeta(page, name, fallback) {
   var content = page("meta[name=\"".concat(name, "\"]")).attr("content");
-
   if (content == null) {
     // No meta of this name exists in the page, use the fallback.
     return fallback;
@@ -1476,376 +1286,306 @@ function getMeta(page, name, fallback) {
  * @param page - The HTML to be linted.
  * @returns True if everything's okay, false otherwise.
  */
-
-
 function lintExample(path, page) {
   var _context, _context2, _context3;
-
   var valid = true;
   var msgs = ["".concat(path, ":")];
-
   if (page("#title").length !== 1) {
     msgs.push("Missing #title element in the body.");
     valid = false;
   }
-
   if (page("#title > *").length < 2) {
     msgs.push("There have to be at least two headings (group and example name).");
     valid = false;
   }
-
   var headTitle = _trimInstanceProperty__default["default"](_context = page("head > title").text()).call(_context);
-
   var bodyTitle = _trimInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](_context3 = page("#title > *")).call(_context3, function (_i, elem) {
     return $__default["default"](elem).text();
   }).get().join(" | ")).call(_context2);
-
   if (headTitle !== bodyTitle) {
     msgs.push("The title in the head doesn't match the title in the body.", "  head: ".concat(headTitle), "  body: ".concat(bodyTitle));
     valid = false;
   }
-
   if (msgs.length > 1) {
     console.warn("\n" + msgs.join("\n  "));
   }
-
   return valid;
 }
-
 _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3() {
   var _context4, _context6;
-
   var code, baseURL, pathsConfig, examples, selector, stats, skipped, _context11, screenshotScript, builtData, _context12, _context13, cummulativeReport, _context14, _context15, _cummulativeReport, _context16, _context17, _cummulativeReport2, checks, _context18, _context23, _context19, _context20, _context21, _context22;
-
   return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context24) {
-    while (1) {
-      switch (_context24.prev = _context24.next) {
-        case 0:
-          code = 0;
-
-          if (!(!argv.index && !argv.screenshots && !argv.lint)) {
-            _context24.next = 4;
-            break;
-          }
-
-          yargs__default["default"].parse("--help");
-          return _context24.abrupt("return");
-
-        case 4:
-          _context24.next = 6;
-          return _Promise__default["default"].all(_mapInstanceProperty__default["default"](_context4 = [argv["assets-local-directory"], argv["examples-local-directory"], argv["output-directory"], argv["pages-local-directory"]]).call(_context4, /*#__PURE__*/function () {
-            var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(path) {
-              return _regeneratorRuntime__default["default"].wrap(function _callee$(_context5) {
-                while (1) {
-                  switch (_context5.prev = _context5.next) {
-                    case 0:
-                      _context5.next = 2;
-                      return mkdir(path, {
-                        recursive: true
-                      });
-
-                    case 2:
-                    case "end":
-                      return _context5.stop();
-                  }
-                }
-              }, _callee);
-            }));
-
-            return function (_x) {
-              return _ref2.apply(this, arguments);
-            };
-          }()));
-
-        case 6:
-          baseURL = argv["base-url"];
-
-          if (_endsWithInstanceProperty__default["default"](baseURL).call(baseURL, "/")) {
-            _context24.next = 9;
-            break;
-          }
-
-          throw new Error("Base URL (`base-url`) has to end with a slash (`/`).");
-
-        case 9:
-          // Paths.
-          pathsConfig = {
-            codepen: {
-              local: argv["pages-local-directory"],
-              web: fixAbsoluteInputURL(baseURL, argv["pages-web-directory"])
-            },
-            jsfiddle: {
-              local: argv["pages-local-directory"],
-              web: fixAbsoluteInputURL(baseURL, argv["pages-web-directory"])
-            },
-            page: {
-              local: argv["examples-local-directory"],
-              web: fixAbsoluteInputURL(baseURL, argv["examples-web-directory"])
-            },
-            screenshot: {
-              local: argv["assets-local-directory"],
-              web: fixAbsoluteInputURL(baseURL, argv["assets-web-directory"])
-            }
-          };
-          examples = {};
-          selector = "#" + argv["container-id"];
-          stats = {
-            examples: 0
+    while (1) switch (_context24.prev = _context24.next) {
+      case 0:
+        code = 0;
+        if (!(!argv.index && !argv.screenshots && !argv.lint)) {
+          _context24.next = 4;
+          break;
+        }
+        yargs__default["default"].parse("--help");
+        return _context24.abrupt("return");
+      case 4:
+        _context24.next = 6;
+        return _Promise__default["default"].all(_mapInstanceProperty__default["default"](_context4 = [argv["assets-local-directory"], argv["examples-local-directory"], argv["output-directory"], argv["pages-local-directory"]]).call(_context4, /*#__PURE__*/function () {
+          var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(path) {
+            return _regeneratorRuntime__default["default"].wrap(function _callee$(_context5) {
+              while (1) switch (_context5.prev = _context5.next) {
+                case 0:
+                  _context5.next = 2;
+                  return mkdir(path, {
+                    recursive: true
+                  });
+                case 2:
+                case "end":
+                  return _context5.stop();
+              }
+            }, _callee);
+          }));
+          return function (_x) {
+            return _ref2.apply(this, arguments);
           };
-          skipped = [];
-          _context24.t0 = _Promise__default["default"];
-          _context24.t1 = _mapInstanceProperty__default["default"];
-          _context24.next = 18;
-          return globby__default["default"](path.join(pathsConfig.page.local, "**/*.html"));
-
-        case 18:
-          _context24.t2 = _context6 = _context24.sent;
-          _context24.t3 = (0, _context24.t1)(_context24.t2).call(_context6, /*#__PURE__*/function () {
-            var _ref3 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(pagePath) {
-              var _context7;
-
-              var html, $page, pageDelay, pageTimeout, pageSelector, titles, _context9;
-
-              return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context10) {
-                while (1) {
-                  switch (_context10.prev = _context10.next) {
-                    case 0:
-                      _context10.next = 2;
-                      return readFile(pagePath, "utf-8");
-
-                    case 2:
-                      html = _context10.sent;
-                      $page = $__default["default"].load(html);
-                      pageDelay = getMeta($page, "example-screenshot-delay", 6);
-                      pageTimeout = getMeta($page, "example-screenshot-timeout", 60);
-                      pageSelector = getMeta($page, "example-screenshot-selector", selector); // Is this an examples?
-
-                      if (!($page(pageSelector).length === 0)) {
-                        _context10.next = 10;
-                        break;
-                      }
-
-                      skipped.push(pagePath);
-                      return _context10.abrupt("return");
-
-                    case 10:
-                      // Lint if requested.
-                      if (argv.lint) {
-                        lintExample(pagePath, $page);
-                      } // Body titles.
-
-
-                      titles = _mapInstanceProperty__default["default"](_context7 = $page("#title > *").get()).call(_context7, function (elem) {
-                        var _context8;
-
-                        return _trimInstanceProperty__default["default"](_context8 = $page(elem).text()).call(_context8);
-                      }); // Head title fallback.
-
-                      if (titles.length < 2) {
-                        titles = _mapInstanceProperty__default["default"](_context9 = $page("head > title").text().split("|")).call(_context9, function (title) {
-                          return _trimInstanceProperty__default["default"](title).call(title);
-                        });
-                      } // File path fallback.
-
-
-                      if (titles.length < 2) {
-                        titles = pagePath.split("/");
-                      } // Just ignore it.
-
-
-                      if (!(titles.length < 2)) {
-                        _context10.next = 17;
-                        break;
-                      }
-
-                      console.error("Title resolution failed. Skipping.");
-                      return _context10.abrupt("return");
-
-                    case 17:
-                      // Put this example into the structure while creating any missing groups in the process.
-                      _reduceInstanceProperty__default["default"](titles).call(titles, function (acc, title, i, arr) {
-                        while (acc[title] != null && acc[title].path != null) {
-                          console.error("The following group already exists: ", titles);
-                          title += "!";
-                        }
-
-                        if (i === arr.length - 1) {
-                          if (acc[title] != null) {
-                            console.error("The following example has the same name as an already existing group: ", titles);
-                            return null;
-                          } else {
-                            var example = {
-                              $: $page,
-                              delay: pageDelay,
-                              html: html,
-                              path: pagePath,
-                              paths: generatePaths(pathsConfig, pagePath),
-                              playground: generatePlaygroundData(baseURL, $page, pagePath),
-                              selector: pageSelector,
-                              timeout: pageTimeout,
-                              titles: titles
-                            };
-                            acc[title] = example;
-                            ++stats.examples;
-                          }
-                        } else {
-                          return acc[title] = acc[title] || {};
-                        }
-                      }, examples);
-
-                    case 18:
-                    case "end":
-                      return _context10.stop();
-                  }
-                }
-              }, _callee2);
-            }));
-
-            return function (_x2) {
-              return _ref3.apply(this, arguments);
-            };
-          }());
-          _context24.next = 22;
-          return _context24.t0.all.call(_context24.t0, _context24.t3);
-
-        case 22:
-          if (skipped.length) {
-            process.stdout.write("\n");
-            console.info(_concatInstanceProperty__default["default"](_context11 = ["The following files don't look like examples (there is nothing to take a screenshot of):"]).call(_context11, _toConsumableArray__default["default"](_sortInstanceProperty__default["default"](skipped).call(skipped))).join("\n  "));
-          }
-
-          if (!(stats.examples === 0)) {
-            _context24.next = 27;
-            break;
-          }
-
-          console.info("No usable example files were found.");
-          _context24.next = 67;
+        }()));
+      case 6:
+        baseURL = argv["base-url"];
+        if (_endsWithInstanceProperty__default["default"](baseURL).call(baseURL, "/")) {
+          _context24.next = 9;
           break;
-
-        case 27:
-          if (!(argv.index || argv.playgrounds || argv.screenshots)) {
-            _context24.next = 67;
-            break;
+        }
+        throw new Error("Base URL (`base-url`) has to end with a slash (`/`).");
+      case 9:
+        // Paths.
+        pathsConfig = {
+          codepen: {
+            local: argv["pages-local-directory"],
+            web: fixAbsoluteInputURL(baseURL, argv["pages-web-directory"])
+          },
+          jsfiddle: {
+            local: argv["pages-local-directory"],
+            web: fixAbsoluteInputURL(baseURL, argv["pages-web-directory"])
+          },
+          page: {
+            local: argv["examples-local-directory"],
+            web: fixAbsoluteInputURL(baseURL, argv["examples-web-directory"])
+          },
+          screenshot: {
+            local: argv["assets-local-directory"],
+            web: fixAbsoluteInputURL(baseURL, argv["assets-web-directory"])
           }
-
+        };
+        examples = {};
+        selector = "#" + argv["container-id"];
+        stats = {
+          examples: 0
+        };
+        skipped = [];
+        _context24.t0 = _Promise__default["default"];
+        _context24.t1 = _mapInstanceProperty__default["default"];
+        _context24.next = 18;
+        return globby;
+      case 18:
+        _context24.next = 20;
+        return _context24.sent.default(node_path.join(pathsConfig.page.local, "**/*.html"));
+      case 20:
+        _context24.t2 = _context6 = _context24.sent;
+        _context24.t3 = (0, _context24.t1)(_context24.t2).call(_context6, /*#__PURE__*/function () {
+          var _ref3 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(pagePath) {
+            var _context7;
+            var html, $page, pageDelay, pageTimeout, pageSelector, titles, _context9;
+            return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context10) {
+              while (1) switch (_context10.prev = _context10.next) {
+                case 0:
+                  _context10.next = 2;
+                  return readFile(pagePath, "utf-8");
+                case 2:
+                  html = _context10.sent;
+                  $page = $__default["default"].load(html);
+                  pageDelay = getMeta($page, "example-screenshot-delay", 6);
+                  pageTimeout = getMeta($page, "example-screenshot-timeout", 60);
+                  pageSelector = getMeta($page, "example-screenshot-selector", selector); // Is this an examples?
+                  if (!($page(pageSelector).length === 0)) {
+                    _context10.next = 10;
+                    break;
+                  }
+                  skipped.push(pagePath);
+                  return _context10.abrupt("return");
+                case 10:
+                  // Lint if requested.
+                  if (argv.lint) {
+                    lintExample(pagePath, $page);
+                  }
+                  // Body titles.
+                  titles = _mapInstanceProperty__default["default"](_context7 = $page("#title > *").get()).call(_context7, function (elem) {
+                    var _context8;
+                    return _trimInstanceProperty__default["default"](_context8 = $page(elem).text()).call(_context8);
+                  }); // Head title fallback.
+                  if (titles.length < 2) {
+                    titles = _mapInstanceProperty__default["default"](_context9 = $page("head > title").text().split("|")).call(_context9, function (title) {
+                      return _trimInstanceProperty__default["default"](title).call(title);
+                    });
+                  }
+                  // File path fallback.
+                  if (titles.length < 2) {
+                    titles = pagePath.split("/");
+                  }
+                  // Just ignore it.
+                  if (!(titles.length < 2)) {
+                    _context10.next = 17;
+                    break;
+                  }
+                  console.error("Title resolution failed. Skipping.");
+                  return _context10.abrupt("return");
+                case 17:
+                  // Put this example into the structure while creating any missing groups in the process.
+                  _reduceInstanceProperty__default["default"](titles).call(titles, function (acc, title, i, arr) {
+                    while (acc[title] != null && acc[title].path != null) {
+                      console.error("The following group already exists: ", titles);
+                      title += "!";
+                    }
+                    if (i === arr.length - 1) {
+                      if (acc[title] != null) {
+                        console.error("The following example has the same name as an already existing group: ", titles);
+                        return null;
+                      } else {
+                        var example = {
+                          $: $page,
+                          delay: pageDelay,
+                          html: html,
+                          path: pagePath,
+                          paths: generatePaths(pathsConfig, pagePath),
+                          playground: generatePlaygroundData(baseURL, $page, pagePath),
+                          selector: pageSelector,
+                          timeout: pageTimeout,
+                          titles: titles
+                        };
+                        acc[title] = example;
+                        ++stats.examples;
+                      }
+                    } else {
+                      return acc[title] = acc[title] || {};
+                    }
+                  }, examples);
+                case 18:
+                case "end":
+                  return _context10.stop();
+              }
+            }, _callee2);
+          }));
+          return function (_x2) {
+            return _ref3.apply(this, arguments);
+          };
+        }());
+        _context24.next = 24;
+        return _context24.t0.all.call(_context24.t0, _context24.t3);
+      case 24:
+        if (skipped.length) {
           process.stdout.write("\n");
-
-          if (!(screenshotScriptPath != null)) {
-            _context24.next = 38;
-            break;
-          }
-
-          _context24.next = 32;
-          return readFile(screenshotScriptPath, "utf-8");
-
-        case 32:
-          _context24.t5 = _context24.sent;
-
-          if (_context24.t5) {
-            _context24.next = 35;
-            break;
-          }
-
-          _context24.t5 = "";
-
-        case 35:
-          _context24.t4 = _context24.t5;
-          _context24.next = 39;
+          console.info(_concatInstanceProperty__default["default"](_context11 = ["The following files don't look like examples (there is nothing to take a screenshot of):"]).call(_context11, _toConsumableArray__default["default"](_sortInstanceProperty__default["default"](skipped).call(skipped))).join("\n  "));
+        }
+        if (!(stats.examples === 0)) {
+          _context24.next = 29;
           break;
-
-        case 38:
-          _context24.t4 = "";
-
-        case 39:
-          screenshotScript = _context24.t4;
-          builtData = new ContentBuilder({
-            examples: examples,
-            output: path.resolve(argv["output-directory"]),
-            parallel: argv.parallel,
-            renderer: argv.format === "md" ? mdRenderer : htmlRenderer,
-            screenshotScript: screenshotScript,
-            title: argv.title
-          }).build({
-            index: argv.index,
-            playgrounds: argv.playgrounds,
-            screenshots: argv.screenshots
-          }); // Create and write the page.
-
-          if (!argv.index) {
-            _context24.next = 48;
-            break;
-          }
-
-          _context24.t6 = reduceReports;
-          _context24.next = 45;
-          return builtData.index;
-
-        case 45:
-          _context24.t7 = _context24.sent;
-          cummulativeReport = (0, _context24.t6)(_context24.t7);
-          console.info(_concatInstanceProperty__default["default"](_context12 = _concatInstanceProperty__default["default"](_context13 = "Index with ".concat(stats.examples, " examples written (")).call(_context13, cummulativeReport.count, " files in ")).call(_context12, formatStartStopMs(cummulativeReport), ")."));
-
-        case 48:
-          if (!argv.index) {
-            _context24.next = 55;
-            break;
-          }
-
-          _context24.t8 = reduceReports;
-          _context24.next = 52;
-          return builtData.playgrounds;
-
-        case 52:
-          _context24.t9 = _context24.sent;
-          _cummulativeReport = (0, _context24.t8)(_context24.t9);
-          console.info(_concatInstanceProperty__default["default"](_context14 = _concatInstanceProperty__default["default"](_context15 = "Playground opener files for ".concat(stats.examples, " examples written (")).call(_context15, _cummulativeReport.count, " files in ")).call(_context14, formatStartStopMs(_cummulativeReport), ")."));
-
-        case 55:
-          if (!argv.screenshots) {
-            _context24.next = 62;
-            break;
-          }
-
-          _context24.t10 = reduceReports;
-          _context24.next = 59;
-          return builtData.screenshots;
-
-        case 59:
-          _context24.t11 = _context24.sent;
-          _cummulativeReport2 = (0, _context24.t10)(_context24.t11);
-          console.info(_concatInstanceProperty__default["default"](_context16 = _concatInstanceProperty__default["default"](_context17 = "Screenshot files for ".concat(stats.examples, " written (")).call(_context17, _cummulativeReport2.count, " files in ")).call(_context16, formatStartStopMs(_cummulativeReport2), ")."));
-
-        case 62:
+        }
+        console.info("No usable example files were found.");
+        _context24.next = 69;
+        break;
+      case 29:
+        if (!(argv.index || argv.playgrounds || argv.screenshots)) {
+          _context24.next = 69;
+          break;
+        }
+        process.stdout.write("\n");
+        if (!(screenshotScriptPath != null)) {
+          _context24.next = 40;
+          break;
+        }
+        _context24.next = 34;
+        return readFile(screenshotScriptPath, "utf-8");
+      case 34:
+        _context24.t5 = _context24.sent;
+        if (_context24.t5) {
+          _context24.next = 37;
+          break;
+        }
+        _context24.t5 = "";
+      case 37:
+        _context24.t4 = _context24.t5;
+        _context24.next = 41;
+        break;
+      case 40:
+        _context24.t4 = "";
+      case 41:
+        screenshotScript = _context24.t4;
+        builtData = new ContentBuilder({
+          examples: examples,
+          output: node_path.resolve(argv["output-directory"]),
+          parallel: argv.parallel,
+          renderer: argv.format === "md" ? mdRenderer : htmlRenderer,
+          screenshotScript: screenshotScript,
+          title: argv.title
+        }).build({
+          index: argv.index,
+          playgrounds: argv.playgrounds,
+          screenshots: argv.screenshots
+        }); // Create and write the page.
+        if (!argv.index) {
+          _context24.next = 50;
+          break;
+        }
+        _context24.t6 = reduceReports;
+        _context24.next = 47;
+        return builtData.index;
+      case 47:
+        _context24.t7 = _context24.sent;
+        cummulativeReport = (0, _context24.t6)(_context24.t7);
+        console.info(_concatInstanceProperty__default["default"](_context12 = _concatInstanceProperty__default["default"](_context13 = "Index with ".concat(stats.examples, " examples written (")).call(_context13, cummulativeReport.count, " files in ")).call(_context12, formatStartStopMs(cummulativeReport), ")."));
+      case 50:
+        if (!argv.index) {
+          _context24.next = 57;
+          break;
+        }
+        _context24.t8 = reduceReports;
+        _context24.next = 54;
+        return builtData.playgrounds;
+      case 54:
+        _context24.t9 = _context24.sent;
+        _cummulativeReport = (0, _context24.t8)(_context24.t9);
+        console.info(_concatInstanceProperty__default["default"](_context14 = _concatInstanceProperty__default["default"](_context15 = "Playground opener files for ".concat(stats.examples, " examples written (")).call(_context15, _cummulativeReport.count, " files in ")).call(_context14, formatStartStopMs(_cummulativeReport), ")."));
+      case 57:
+        if (!argv.screenshots) {
           _context24.next = 64;
-          return builtData.checks;
-
-        case 64:
-          checks = _context24.sent;
-          process.stdout.write("\n");
-
-          if (checks.fail === 0) {
-            console.info(_concatInstanceProperty__default["default"](_context18 = "Verification: ".concat(checks.okay, " passed (")).call(_context18, Math.round(checks.percentage), " %) passed."));
+          break;
+        }
+        _context24.t10 = reduceReports;
+        _context24.next = 61;
+        return builtData.screenshots;
+      case 61:
+        _context24.t11 = _context24.sent;
+        _cummulativeReport2 = (0, _context24.t10)(_context24.t11);
+        console.info(_concatInstanceProperty__default["default"](_context16 = _concatInstanceProperty__default["default"](_context17 = "Screenshot files for ".concat(stats.examples, " written (")).call(_context17, _cummulativeReport2.count, " files in ")).call(_context16, formatStartStopMs(_cummulativeReport2), ")."));
+      case 64:
+        _context24.next = 66;
+        return builtData.checks;
+      case 66:
+        checks = _context24.sent;
+        process.stdout.write("\n");
+        if (checks.fail === 0) {
+          console.info(_concatInstanceProperty__default["default"](_context18 = "Verification: ".concat(checks.okay, " passed (")).call(_context18, Math.round(checks.percentage), " %) passed."));
+        } else {
+          if (checks.percentage >= argv.verify) {
+            console.info(_concatInstanceProperty__default["default"](_context19 = _concatInstanceProperty__default["default"](_context20 = "Verification: ".concat(checks.okay, " passed (")).call(_context20, Math.round(checks.percentage), " %), ")).call(_context19, checks.fail, " failed.\n") + "This is within the threshold set by --verify.");
           } else {
-            if (checks.percentage >= argv.verify) {
-              console.info(_concatInstanceProperty__default["default"](_context19 = _concatInstanceProperty__default["default"](_context20 = "Verification: ".concat(checks.okay, " passed (")).call(_context20, Math.round(checks.percentage), " %), ")).call(_context19, checks.fail, " failed.\n") + "This is within the threshold set by --verify.");
-            } else {
-              console.error(_concatInstanceProperty__default["default"](_context21 = _concatInstanceProperty__default["default"](_context22 = "Verification: Only ".concat(checks.okay, " passed (")).call(_context22, Math.round(checks.percentage), " %), ")).call(_context21, checks.fail, " failed.\n") + "This is not within the threshold set by --verify. Exiting with an error.");
-              code = 3;
-            }
-
-            _forEachInstanceProperty__default["default"](_context23 = checks.failPaths).call(_context23, function (path) {
-              console.error(path);
-            });
+            console.error(_concatInstanceProperty__default["default"](_context21 = _concatInstanceProperty__default["default"](_context22 = "Verification: Only ".concat(checks.okay, " passed (")).call(_context22, Math.round(checks.percentage), " %), ")).call(_context21, checks.fail, " failed.\n") + "This is not within the threshold set by --verify. Exiting with an error.");
+            code = 3;
           }
-
-        case 67:
-          process.exitCode = code;
-
-        case 68:
-        case "end":
-          return _context24.stop();
-      }
+          _forEachInstanceProperty__default["default"](_context23 = checks.failPaths).call(_context23, function (path) {
+            console.error(path);
+          });
+        }
+      case 69:
+        process.exitCode = code;
+      case 70:
+      case "end":
+        return _context24.stop();
     }
   }, _callee3);
 }))().catch(function (error) {