npm - vis-dev-utils - Versions diffs - 3.0.118 → 3.0.119 - Mend

vis-dev-utils 3.0.118 → 3.0.119

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/babel-register/index.js +2 -7
package/babel-register/index.js.map +1 -1
package/bin/ci-utils.js +2 -6
package/bin/ci-utils.js.map +1 -1
package/bin/generate-examples-index.js +72 -326
package/bin/generate-examples-index.js.map +1 -1
package/bin/test-e2e-interop.js +14 -234
package/bin/test-e2e-interop.js.map +1 -1
package/dist/vis-dev-utils.cjs.js +96 -163
package/dist/vis-dev-utils.cjs.js.map +1 -1
package/dist/vis-dev-utils.esm.js +96 -163
package/dist/vis-dev-utils.esm.js.map +1 -1
package/package.json +4 -4

package/bin/generate-examples-index.js CHANGED Viewed

@@ -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.119
+ * @date    2023-02-15T13:55:48.580Z
  *
  * @copyright (c) 2011-2017 Almende B.V, http://almende.com
  * @copyright (c) 2017-2019 visjs contributors, https://github.com/visjs
@@ -143,13 +143,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 +157,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 +167,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 +182,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 +214,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 +228,6 @@ function generateCodePenPage(example) {
     js_external: data.resources.js.join(";"),
     title: example.titles.join(" | ")
   }));
   return page.html();
 }
@@ -246,55 +236,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.
+    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));
   };
   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,41 +307,29 @@ 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; }
 var unlink = util.promisify(fs__default["default"].unlink);
 var writeFile$1 = util.promisify(fs__default["default"].writeFile);
@@ -368,7 +341,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,8 +352,6 @@ 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;
@@ -391,46 +361,36 @@ function _isScreenshotValid() {
           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;
             break;
           case 13:
             ++x;
             _context.next = 5;
             break;
           case 16:
             return _context.abrupt("return", false);
           case 17:
           case "end":
             return _context.stop();
@@ -440,15 +400,12 @@ function _isScreenshotValid() {
   }));
   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) {
@@ -463,180 +420,137 @@ function _generateScreenshot() {
             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
             });
           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();
             });
           case 37:
             _context4.next = 39;
             return $element.screenshot({
               encoding: "binary"
             });
           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;
             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();
@@ -648,22 +562,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 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,27 +583,22 @@ 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) {
@@ -712,7 +615,6 @@ var ContentBuilder = /*#__PURE__*/function () {
                           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();
@@ -720,12 +622,10 @@ var ContentBuilder = /*#__PURE__*/function () {
                       }
                     }, _callee);
                   }));
                   return function (_x) {
                     return _ref3.apply(this, arguments);
                   };
                 }()));
               case 3:
                 results = _context5.sent;
                 return _context5.abrupt("return", [_objectSpread$1(_objectSpread$1({}, getStartStopMs()), {}, {
@@ -735,16 +635,17 @@ var ContentBuilder = /*#__PURE__*/function () {
                     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) {
@@ -754,7 +655,6 @@ var ContentBuilder = /*#__PURE__*/function () {
                 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) {
@@ -770,10 +670,9 @@ var ContentBuilder = /*#__PURE__*/function () {
                               path: example.paths.codepen.local
                             }]).call(_context6, function (_ref7) {
                               var html = _ref7.html,
-                                  path = _ref7.path;
+                                path = _ref7.path;
                               return writeFile(path, formatHTML(html));
                             }));
                           case 3:
                             results = _context7.sent;
                             return _context7.abrupt("return", _objectSpread$1(_objectSpread$1({}, getStartStopMs()), {}, {
@@ -784,7 +683,6 @@ var ContentBuilder = /*#__PURE__*/function () {
                                 return status === "fulfilled";
                               }) ? "fulfilled" : "rejected"
                             }));
                           case 5:
                           case "end":
                             return _context7.stop();
@@ -792,27 +690,25 @@ var ContentBuilder = /*#__PURE__*/function () {
                       }
                     }, _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) {
@@ -825,10 +721,8 @@ var ContentBuilder = /*#__PURE__*/function () {
                   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) {
@@ -836,7 +730,6 @@ var ContentBuilder = /*#__PURE__*/function () {
                         switch (_context9.prev = _context9.next) {
                           case 0:
                             return _context9.abrupt("return", browser.disconnect());
                           case 1:
                           case "end":
                             return _context9.stop();
@@ -848,18 +741,16 @@ var ContentBuilder = /*#__PURE__*/function () {
                   cleanup.push(function () {
                     return browser.close();
                   });
-                } // Generate screenshots.
+                }
+                // 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) {
@@ -868,7 +759,6 @@ var ContentBuilder = /*#__PURE__*/function () {
                             _context16.next = 14;
                             break;
                           }
                           getStartStopMs = measureStartStopMs();
                           _context16.next = 4;
                           return generateScreenshot(browser, {
@@ -878,7 +768,6 @@ var ContentBuilder = /*#__PURE__*/function () {
                             screenshotScript: _this._config.screenshotScript,
                             width: _this._config.renderer.screenshot.width
                           });
                         case 4:
                           valid = _context16.sent;
                           report = _objectSpread$1(_objectSpread$1({}, getStartStopMs()), {}, {
@@ -887,20 +776,17 @@ var ContentBuilder = /*#__PURE__*/function () {
                             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();
@@ -908,70 +794,54 @@ var ContentBuilder = /*#__PURE__*/function () {
                     }
                   }, _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;
                 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) {
@@ -980,15 +850,12 @@ var ContentBuilder = /*#__PURE__*/function () {
               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", {
@@ -999,7 +866,6 @@ var ContentBuilder = /*#__PURE__*/function () {
                   percentage: total === 0 ? 100 : 100 * okay.length / total,
                   total: total
                 });
               case 8:
               case "end":
                 return _context19.stop();
@@ -1007,7 +873,6 @@ var ContentBuilder = /*#__PURE__*/function () {
           }
         }, _callee8);
       }))();
       return {
         checks: checks,
         index: index,
@@ -1019,12 +884,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 +896,6 @@ var ContentBuilder = /*#__PURE__*/function () {
       });
     }
   }]);
   return ContentBuilder;
 }();
@@ -1042,22 +904,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; }
 /**
  * @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 +924,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 +955,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 +975,6 @@ var htmlRenderer = {
     } finally {
       _iterator2.f();
     }
     var page = $__default["default"].load(indexTemplate);
     page("title").text(title);
     page("body").append(root);
@@ -1149,18 +996,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; }
 /**
  * @param lines
  */
 function linesToContent(lines) {
   return formatMD(lines.join("\n"));
 }
@@ -1169,22 +1011,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 +1028,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 +1038,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(" | "), "");
       } 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 +1067,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 +1089,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 +1180,6 @@ var y = yargs__default["default"].strict(true).usage("generate-example-index [op
 /**
  *
  */
 function parseArguments() {
   return y.parserConfiguration({
     "camel-case-expansion": false
@@ -1370,14 +1189,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,21 +1204,21 @@ 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 = 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");
   return {
     codepen: generateLocalWebPair(config.codepen.local, config.codepen.web, hash, "codepen", "html"),
@@ -1419,26 +1237,23 @@ 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),
     web: joinURLs(webRoot, filename)
   };
 }
-var argv = parseArguments(); // Log the parsed configuration for debugging purposes.
+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.
+process.setMaxListeners(40);
+// Resolve paths relative to PWD.
 var screenshotScriptPath = typeof argv["screenshot-script"] === "string" ? 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 +1266,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,61 +1289,45 @@ 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 () {
@@ -1543,7 +1340,6 @@ _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default
                       return mkdir(path, {
                         recursive: true
                       });
                     case 2:
                     case "end":
                       return _context5.stop();
@@ -1551,22 +1347,17 @@ _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default
                 }
               }, _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 = {
@@ -1597,70 +1388,56 @@ _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__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.
+                      }
+                      // 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.
+                      }
+                      // File path fallback.
                       if (titles.length < 2) {
                         titles = pagePath.split("/");
-                      } // Just ignore it.
+                      }
+                      // 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) {
@@ -1668,7 +1445,6 @@ _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default
                           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);
@@ -1692,7 +1468,6 @@ _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default
                           return acc[title] = acc[title] || {};
                         }
                       }, examples);
                     case 18:
                     case "end":
                       return _context10.stop();
@@ -1700,63 +1475,49 @@ _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default
                 }
               }, _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;
           break;
         case 27:
           if (!(argv.index || argv.playgrounds || argv.screenshots)) {
             _context24.next = 67;
             break;
           }
           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;
           break;
         case 38:
           _context24.t4 = "";
         case 39:
           screenshotScript = _context24.t4;
           builtData = new ContentBuilder({
@@ -1771,59 +1532,47 @@ _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default
             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:
           _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."));
           } else {
@@ -1833,15 +1582,12 @@ _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default
               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);
             });
           }
         case 67:
           process.exitCode = code;
         case 68:
         case "end":
           return _context24.stop();