vis-dev-utils 4.0.44 → 5.0.0

package/bin/generate-examples-index.js

@@ -6,8 +6,8 @@
  *
  * Development utilities for the Vis family projects.
  *
- * @version 4.0.44
- * @date    2023-11-11T18:46:09.646Z
+ * @version 5.0.0
+ * @date    2025-07-12T17:03:14.214Z
  *
  * @copyright (c) 2011-2017 Almende B.V, http://almende.com
  * @copyright (c) 2017-2019 visjs contributors, https://github.com/visjs
@@ -26,893 +26,554 @@
  * vis.js may be distributed under either license.
  */
 
-'use strict';
+import * as cheerio from 'cheerio';
+import fs from 'node:fs';
+import util, { promisify } from 'node:util';
+import yargs from 'yargs';
+import { relative, resolve, dirname, basename, sep, posix, join } from 'node:path';
+import puppeteer from 'puppeteer';
+import prettier from 'prettier';
+import { Jimp } from 'jimp';
+import { hideBin } from 'yargs/helpers';
+import { createHash } from 'node:crypto';
 
-var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
-var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
-var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
-var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
-var _Number$isNaN = require('@babel/runtime-corejs3/core-js-stable/number/is-nan');
-var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
-var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
-var _endsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
-var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-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('node:fs');
-var util = require('node:util');
-var yargs = require('yargs');
-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');
-var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
-var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
-var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
-var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
-var _Symbol = require('@babel/runtime-corejs3/core-js-stable/symbol');
-var _getIteratorMethod = require('@babel/runtime-corejs3/core-js/get-iterator-method');
-var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
-var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
-var _flatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flat');
-var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
-var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
-var _fillInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/fill');
-var _padStartInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/pad-start');
-var _reverseInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reverse');
-var _spliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/splice');
-var _flatMapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/flat-map');
-var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
-var puppeteer = require('puppeteer');
-var _typeof = require('@babel/runtime-corejs3/helpers/typeof');
-var _Date$now = require('@babel/runtime-corejs3/core-js-stable/date/now');
-var prettier = require('prettier');
-var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
-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 node_crypto = require('node:crypto');
-
-/**
- * @param value
- */
 function isExample(value) {
-  return _typeof(value) === "object" && value !== null && typeof value.path === "string";
+  return typeof value === "object" && value !== null && typeof value.path === "string";
 }
-/**
- *
- */
 function measureStartStopMs() {
-  var start = _Date$now();
-  return function () {
-    var stop = _Date$now();
-    return {
-      start: start,
-      stop: stop
-    };
+  const start = Date.now();
+  return () => {
+    const stop = Date.now();
+    return { start, stop };
   };
 }
-/**
- * @param reports
- * @param fallback
- */
-function reduceReports(reports) {
-  var _reports$reduce;
-  var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-    count: 0,
-    result: "fulfilled",
-    start: -1,
-    stop: -1
-  };
-  return (_reports$reduce = _reduceInstanceProperty(reports).call(reports, function (acc, val) {
-    var _acc$count, _val$count, _context, _acc$result, _acc$start, _acc$stop;
+function reduceReports(reports, fallback = {
+  count: 0,
+  result: "fulfilled",
+  start: -1,
+  stop: -1
+}) {
+  return reports.reduce((acc, val) => {
     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(_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) {
-        return result === "fulfilled";
-      }) ? "fulfilled" : "rejected",
-      start: Math.min((_acc$start = acc === null || acc === void 0 ? void 0 : acc.start) !== null && _acc$start !== void 0 ? _acc$start : Number.POSITIVE_INFINITY, val.start),
-      stop: Math.max((_acc$stop = acc === null || acc === void 0 ? void 0 : acc.stop) !== null && _acc$stop !== void 0 ? _acc$stop : Number.NEGATIVE_INFINITY, val.stop)
+      count: (acc?.count ?? 0) + (val?.count ?? 0),
+      result: [acc?.result ?? "fulfilled", val.result].every(
+        (result) => result === "fulfilled"
+      ) ? "fulfilled" : "rejected",
+      start: Math.min(acc?.start ?? Number.POSITIVE_INFINITY, val.start),
+      stop: Math.max(acc?.stop ?? Number.NEGATIVE_INFINITY, val.stop)
     };
-  }, null)) !== null && _reports$reduce !== void 0 ? _reports$reduce : fallback;
+  }, null) ?? fallback;
 }
-/**
- * @param root0
- * @param root0.start
- * @param root0.stop
- */
-function formatStartStopMs(_ref) {
-  var start = _ref.start,
-    stop = _ref.stop;
-  return "".concat((Math.round((stop - start) / 100) / 10).toFixed(1), "s");
+function formatStartStopMs({ start, stop }) {
+  return `${(Math.round((stop - start) / 100) / 10).toFixed(1)}s`;
 }
 
-var formatCSS = function formatCSS(css) {
-  return prettier.format(css || "", {
-    filepath: "style.css"
-  });
-};
-var formatHTML = function formatHTML(html) {
-  return prettier.format(html || "", {
-    filepath: "index.html"
-  });
-};
-var formatJS = function formatJS(js) {
-  return prettier.format(js || "", {
-    filepath: "script.js"
-  });
-};
-var formatMD = function formatMD(md) {
-  return prettier.format(md || "", {
-    filepath: "README.md"
-  });
-};
+const formatCSS = (css) => prettier.format(css || "", { filepath: "style.css" });
+const formatHTML = (html) => prettier.format(html || "", { filepath: "index.html" });
+const formatJS = (js) => prettier.format(js || "", { filepath: "script.js" });
+const formatMD = (md) => prettier.format(md || "", { filepath: "README.md" });
 
-var template$1 = "<html>\n  <head>\n    <meta charset=\"utf-8\" />\n    <title>CodePen</title>\n  </head>\n  <body>\n    <form\n      id=\"form\"\n      action=\"https://codepen.io/pen/define\"\n      method=\"post\"\n      target=\"_self\"\n    >\n      <input type=\"hidden\" name=\"data\" />\n      <button id=\"open\" alt=\"JSFiddle\" title=\"JSFiddle\">Open CodePen</button>\n    </form>\n\n    <script type=\"text/javascript\">\n      document.getElementById(\"open\").click();\n    </script>\n  </body>\n</html>\n";
+var codepen_template_default = '<html>\n  <head>\n    <meta charset="utf-8" />\n    <title>CodePen</title>\n  </head>\n  <body>\n    <form\n      id="form"\n      action="https://codepen.io/pen/define"\n      method="post"\n      target="_self"\n    >\n      <input type="hidden" name="data" />\n      <button id="open" alt="JSFiddle" title="JSFiddle">Open CodePen</button>\n    </form>\n\n    <script type="text/javascript">\n      document.getElementById("open").click();\n    <\/script>\n  </body>\n</html>\n';
 
-/**
- * @param example
- */
 function generateCodePenPage(example) {
-  var data = example.playground;
-  var title = example.titles.join(" | ");
-  var page = $.load(template$1);
+  const data = example.playground;
+  const title = example.titles.join(" | ");
+  const page = cheerio.load(codepen_template_default);
   page("title").text(title);
-  var form = page("#form");
-  _findInstanceProperty(form).call(form, 'input[name="data"]').attr("value", _JSON$stringify({
-    css: data.code.css,
-    css_external: data.resources.css.join(";"),
-    html: data.code.html,
-    js: data.code.js,
-    js_external: data.resources.js.join(";"),
-    title: example.titles.join(" | ")
-  }));
+  const form = page("#form");
+  form.find('input[name="data"]').attr(
+    "value",
+    JSON.stringify({
+      css: data.code.css,
+      css_external: data.resources.css.join(";"),
+      html: data.code.html,
+      js: data.code.js,
+      js_external: data.resources.js.join(";"),
+      title: example.titles.join(" | ")
+    })
+  );
   return page.html();
 }
 
-/**
- * @param baseURL
- * @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(_context = _mapInstanceProperty(_context2 = _filterInstanceProperty(_context3 = _Object$entries(example$("body").get(0).attribs)).call(_context3, function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 1),
-      name = _ref2[0];
-    return /^on/.test(name);
-  })).call(_context2, function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-      name = _ref4[0],
-      value = _ref4[1];
-    return [_sliceInstanceProperty(name).call(name, 2), "".concat(value)];
-  })).call(_context, function (_ref5) {
-    var _context4;
-    var _ref6 = _slicedToArray(_ref5, 2),
-      name = _ref6[0],
-      value = _ref6[1];
-    return _concatInstanceProperty(_context4 = "window.addEventListener(\"".concat(name, "\", () => { ")).call(_context4, value, " });");
-  }).join("\n");
-  var js = formatJS(_mapInstanceProperty(_context5 = _mapInstanceProperty(_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
-  var css = formatCSS(_mapInstanceProperty(_context7 = _mapInstanceProperty(_context8 = example$("style")).call(_context8, function (_i, elem) {
-    return elem.children[0];
-  }).get()).call(_context7, function (elem) {
-    return elem.data;
-  }).join(""));
-  // Hypertext Markup Language
-  var $html = $.load(example$("body").html() || "");
+async function generatePlaygroundData(baseURL, example$, examplePath) {
+  const firstBodyChild = example$("body").get(0);
+  if (firstBodyChild == null) {
+    throw new Error("Example body has no children.");
+  }
+  const eventListeners = Object.entries(firstBodyChild.attribs).filter(([name]) => /^on/.test(name)).map(([name, value]) => [name.slice(2), `${value}`]).map(
+    ([name, value]) => `window.addEventListener("${name}", () => { ${value} });`
+  ).join("\n");
+  const js = formatJS(
+    example$("script").map((_i, elem) => elem.children[0]).get().map((elem) => elem.data).join("") + "\n\n;" + eventListeners
+  );
+  const css = formatCSS(
+    example$("style").map((_i, elem) => elem.children[0]).get().map((elem) => elem.data).join("")
+  );
+  const $html = cheerio.load(example$("body").html() || "");
   $html("script").remove();
-  var html = formatHTML($html("body").html());
-  // Resources
-  var fixPath = function fixPath(rawPath) {
-    return /^https?:\/\//.test(rawPath) ?
+  const html = formatHTML($html("body").html());
+  const fixPath = (rawPath) => /^https?:\/\//.test(rawPath) ? (
     // World wide web absolute.
-    rawPath : /^\//.test(rawPath) ?
+    rawPath
+  ) : /^\//.test(rawPath) ? (
     // Domain absolute.
-    baseURL + _sliceInstanceProperty(rawPath).call(rawPath, 1) :
+    baseURL + rawPath.slice(1)
+  ) : (
     //Relative.
-    baseURL + node_path.relative(process.cwd(), node_path.resolve(node_path.dirname(examplePath), rawPath));
-  };
-  var resources = {
-    js: _mapInstanceProperty(_context9 = _filterInstanceProperty(_context10 = _mapInstanceProperty(_context11 = example$("script")).call(_context11, function (_i, elem) {
-      return $.load(elem)("script").attr("src");
-    }).get()).call(_context10, function (src) {
-      return typeof src === "string";
-    })).call(_context9, fixPath),
-    css: _mapInstanceProperty(_context12 = _filterInstanceProperty(_context13 = _mapInstanceProperty(_context14 = example$("link[rel='stylesheet']")).call(_context14, function (_i, elem) {
-      return $.load(elem)("script").attr("href");
-    }).get()).call(_context13, function (href) {
-      return typeof href === "string";
-    })).call(_context12, fixPath)
+    baseURL + relative(process.cwd(), resolve(dirname(examplePath), rawPath))
+  );
+  const resources = {
+    js: example$("script").map(
+      (_i, elem) => cheerio.load(elem)("script").attr("src")
+    ).get().filter((src) => typeof src === "string").map(fixPath),
+    css: example$("link[rel='stylesheet']").map(
+      (_i, elem) => cheerio.load(elem)("script").attr("href")
+    ).get().filter((href) => typeof href === "string").map(fixPath)
   };
   return {
     code: {
-      css: css,
-      html: html,
-      js: js
+      css: await css,
+      html: await html,
+      js: await js
     },
-    resources: resources
+    resources
   };
 }
 
-var template = "<html>\n  <head>\n    <meta charset=\"utf-8\" />\n    <title>JSFiddle</title>\n  </head>\n  <body>\n    <form\n      id=\"form\"\n      action=\"https://jsfiddle.net/api/post/library/pure/\"\n      method=\"post\"\n      target=\"_self\"\n    >\n      <input type=\"hidden\" name=\"css\" />\n      <input type=\"hidden\" name=\"html\" />\n      <input type=\"hidden\" name=\"js\" />\n      <input type=\"hidden\" name=\"resources\" />\n      <input type=\"hidden\" name=\"title\" />\n      <input type=\"hidden\" name=\"wrap\" />\n      <button id=\"open\" alt=\"JSFiddle\" title=\"JSFiddle\">Open JSFiddle</button>\n    </form>\n\n    <script type=\"text/javascript\">\n      document.getElementById(\"open\").click();\n    </script>\n  </body>\n</html>\n";
+var jsfiddle_template_default = '<html>\n  <head>\n    <meta charset="utf-8" />\n    <title>JSFiddle</title>\n  </head>\n  <body>\n    <form\n      id="form"\n      action="https://jsfiddle.net/api/post/library/pure/"\n      method="post"\n      target="_self"\n    >\n      <input type="hidden" name="css" />\n      <input type="hidden" name="html" />\n      <input type="hidden" name="js" />\n      <input type="hidden" name="resources" />\n      <input type="hidden" name="title" />\n      <input type="hidden" name="wrap" />\n      <button id="open" alt="JSFiddle" title="JSFiddle">Open JSFiddle</button>\n    </form>\n\n    <script type="text/javascript">\n      document.getElementById("open").click();\n    <\/script>\n  </body>\n</html>\n';
 
-/**
- * @param example
- */
 function generateJSFiddlePage(example) {
-  var _context;
-  var data = example.playground;
-  var title = example.titles.join(" | ");
-  var resources = _concatInstanceProperty(_context = []).call(_context, _toConsumableArray(data.resources.css), _toConsumableArray(data.resources.js)).join(",");
-  var page = $.load(template);
+  const data = example.playground;
+  const title = example.titles.join(" | ");
+  const resources = [...data.resources.css, ...data.resources.js].join(",");
+  const page = cheerio.load(jsfiddle_template_default);
   page("title").text(title);
-  var form = page("#form");
-  // Playground data.
-  _findInstanceProperty(form).call(form, 'input[name="css"]').attr("value", data.code.css);
-  _findInstanceProperty(form).call(form, 'input[name="html"]').attr("value", data.code.html);
-  _findInstanceProperty(form).call(form, 'input[name="js"]').attr("value", data.code.js);
-  _findInstanceProperty(form).call(form, 'input[name="resources"]').attr("value", resources);
-  _findInstanceProperty(form).call(form, 'input[name="title"]').attr("value", title);
-  // Don't run JS before the DOM is ready.
-  _findInstanceProperty(form).call(form, 'input[name="wrap"]').attr("value", "b");
+  const form = page("#form");
+  form.find('input[name="css"]').attr("value", data.code.css);
+  form.find('input[name="html"]').attr("value", data.code.html);
+  form.find('input[name="js"]').attr("value", data.code.js);
+  form.find('input[name="resources"]').attr("value", resources);
+  form.find('input[name="title"]').attr("value", title);
+  form.find('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";
+var screenshot_script_js_default = "/* 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 !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (_Array$isArray(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(_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(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.unlink);
-var writeFile$1 = util.promisify(fs.writeFile);
-/**
- * Check if the screenshot is valid. At the moment this simply considers
- * everything except for solid color images as valid. This works pretty well
- * though may yield some false positives.
- *
- * @param screenshot - The binary data of the screenshot.
- * @returns True for valid and false for invalid.
- */
-function isScreenshotValid(_x) {
-  return _isScreenshotValid.apply(this, arguments);
-}
-/**
- * Capture an element on the example's page and save the screenshot to the
- * disk as a PNG file.
- *
- * @param browser - Puppeteer's browser instance.
- * @param config - See the type's docs for detail.
- * @returns Whether or not the screenshot passed validation check.
- */
-function _isScreenshotValid() {
-  _isScreenshotValid = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(screenshot) {
-    var image, firstPixel, x, y;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.next = 2;
-          return Jimp.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();
+const unlink = promisify(fs.unlink);
+const writeFile$1 = promisify(fs.writeFile);
+async function isScreenshotValid(screenshot) {
+  const image = await Jimp.read(screenshot);
+  const firstPixel = image.getPixelColor(0, 0);
+  for (let x = 0; x < image.width; ++x) {
+    for (let y = 0; y < image.height; ++y) {
+      if (firstPixel !== image.getPixelColor(x, y)) {
+        return true;
       }
-    }, _callee);
-  }));
-  return _isScreenshotValid.apply(this, arguments);
-}
-function generateScreenshot(_x2, _x3) {
-  return _generateScreenshot.apply(this, arguments);
+    }
+  }
+  return false;
 }
-function _generateScreenshot() {
-  _generateScreenshot = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.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.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 = node_path.resolve(node_path.dirname(example.paths.page.local), ".tmp.example.screenshot." + node_path.basename(example.paths.page.local));
-          screenshotPage = $.load(example.html);
-          screenshotPage("head").prepend($.load([])("<script>").attr("type", "text/javascript").text("window.DEBUG = ".concat(true, ";")), $.load([])("<script>").attr("type", "text/javascript").text(commonScreenshotScript), $.load([])("<script>").attr("type", "text/javascript").text(screenshotScript), $.load([])("<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(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;
-          }
-          _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(_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(_context3 = _spliceInstanceProperty(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();
+async function generateScreenshot(browser, config) {
+  const { debug, example, height, screenshotScript, width } = config;
+  const cleanup = [];
+  try {
+    const tmpPath = resolve(
+      dirname(example.paths.page.local),
+      ".tmp.example.screenshot." + basename(example.paths.page.local)
+    );
+    const screenshotPage = cheerio.load(example.html);
+    screenshotPage("head").prepend(
+      cheerio.load([])("<script>").attr("type", "text/javascript").text(`window.DEBUG = ${true};`),
+      cheerio.load([])("<script>").attr("type", "text/javascript").text(screenshot_script_js_default),
+      cheerio.load([])("<script>").attr("type", "text/javascript").text(screenshotScript),
+      cheerio.load([])("<style>").attr("type", "text/css").text(
+        [
+          `${example.selector} {`,
+          "  border: none !important;",
+          "",
+          `  min-width: ${width}px !important;`,
+          `  min-height: ${height}px !important;`,
+          `  width: ${width}px !important;`,
+          `  height: ${height}px !important;`,
+          `  max-width: ${width}px !important;`,
+          `  max-height: ${height}px !important;`,
+          "}"
+        ].join("\n")
+      )
+    );
+    await writeFile$1(tmpPath, await formatHTML(screenshotPage.html()));
+    if (!debug) {
+      cleanup.push(() => unlink(tmpPath));
+    }
+    const context = await browser.createBrowserContext();
+    if (!debug) {
+      cleanup.push(() => context.close());
+    }
+    const page = await context.newPage();
+    if (!debug) {
+      cleanup.push(() => page.close());
+    }
+    await page.setViewport({ width: width + 50, height: height + 50 });
+    await page.goto("file://" + tmpPath.split(sep).join(posix.sep));
+    await page.waitForSelector(example.selector, {
+      visible: true,
+      timeout: example.timeout * 1e3
+    });
+    const { delay } = example;
+    if (delay === "call") {
+      await page.evaluate(
+        "function fn() { return window.readyToTakeAScreenshot; }"
+      );
+    } else {
+      await new Promise(
+        (resolve2) => void setTimeout(resolve2, delay * 1e3)
+      );
+    }
+    const $element = await page.$(example.selector);
+    if ($element == null) {
+      throw new Error(
+        `Element "${example.selector}" not found in ${example.path}.`
+      );
+    }
+    await $element.evaluate((element) => {
+      element.scrollIntoView();
+    });
+    const screenshot = await $element.screenshot({
+      encoding: "binary"
+    });
+    if (screenshot == null) {
+      throw new Error(`Failed to take screenshot of \u201C${example.paths.page}\u201D`);
+    } else if (typeof screenshot === "string") {
+      throw new Error(
+        `Failed to get the binary data of the screenshot of \u201C${example.paths.page}\u201D`
+      );
+    }
+    await writeFile$1(example.paths.screenshot.local, screenshot);
+    return isScreenshotValid(Buffer.from(screenshot));
+  } catch (error) {
+    console.error(error);
+    return false;
+  } finally {
+    for (const callback of cleanup.splice(0).reverse()) {
+      try {
+        await callback();
+      } catch (error) {
+        console.error(error);
       }
-    }, _callee2, null, [[2, 51, 55, 80], [57, 73, 76, 79], [61, 66]]);
-  }));
-  return _generateScreenshot.apply(this, arguments);
+    }
+  }
 }
 
-function _createForOfIteratorHelper$2(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (_Array$isArray(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(_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(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(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context22, _context23; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context22 = ownKeys$1(Object(t), !0)).call(_context22, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context23 = ownKeys$1(Object(t))).call(_context23, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var collator = new Intl.Collator("US");
-var writeFile = util.promisify(fs.writeFile);
-var ContentBuilder = /*#__PURE__*/function () {
-  function ContentBuilder(_config) {
-    _classCallCheck(this, ContentBuilder);
+const collator = new Intl.Collator("US");
+const writeFile = promisify(fs.writeFile);
+class ContentBuilder {
+  constructor(_config) {
     this._config = _config;
   }
-  /**
-   * Build the files and write them to the disk.
-   *
-   * @param emit - Which types of files to emit.
-   * @param emit.index
-   * @param emit.playgrounds
-   * @param emit.screenshots
-   * @returns A report with check results and the number of written files.
+  /**
+   * Build the files and write them to the disk.
+   * @param emit - Which types of files to emit.
+   * @param emit.index
+   * @param emit.playgrounds
+   * @param emit.screenshots
+   * @returns A report with check results and the number of written files.
    */
-  _createClass(ContentBuilder, [{
-    key: "build",
-    value: function build() {
-      var _context,
-        _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(_context = "Going to generate ".concat(_flatInstanceProperty(_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 ?
+  build(emit = {}) {
+    const allExamples = this._processGroup(this._config.examples);
+    const okay = [];
+    const fail = [];
+    console.info(
+      `Going to generate ${[
+        emit.index ? ["index files"] : [],
+        emit.playgrounds ? ["playground openers"] : [],
+        emit.screenshots ? ["screenshots"] : []
+      ].flat().join(", ")} for ${allExamples.length} examples.`
+    );
+    process.stdout.write("\n");
+    const index = emit.index ? (
       // Generate indexes.
-      _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var _context3;
-        var getStartStopMs, results;
-        return _regeneratorRuntime.wrap(function _callee2$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
-            case 0:
-              getStartStopMs = measureStartStopMs();
-              _context5.next = 3;
-              return _Promise.allSettled(_mapInstanceProperty(_context3 = _this._config.renderer.render(_this._config.examples, _this._config.output, _this._config.title, collator)).call(_context3, /*#__PURE__*/function () {
-                var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
-                  var content, filename;
-                  return _regeneratorRuntime.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(results).call(results, function (_ref4) {
-                  var status = _ref4.status;
-                  return status === "fulfilled";
-                }) ? "fulfilled" : "rejected"
-              })]);
-            case 5:
-            case "end":
-              return _context5.stop();
+      (async () => {
+        const getStartStopMs = measureStartStopMs();
+        const contentParts = await this._config.renderer.render(
+          this._config.examples,
+          this._config.output,
+          this._config.title,
+          collator
+        );
+        const results = await Promise.allSettled(
+          contentParts.map(
+            async ({ content, filename }) => writeFile(join(this._config.output, filename), content)
+          )
+        );
+        return [
+          {
+            ...getStartStopMs(),
+            count: results.length,
+            result: results.every(
+              ({ status }) => status === "fulfilled"
+            ) ? "fulfilled" : "rejected"
           }
-        }, _callee2);
-      }))() :
+        ];
+      })()
+    ) : (
       // Skip indexes.
-      _Promise.resolve([]);
-      var playgrounds = emit.playgrounds ?
+      Promise.resolve([])
+    );
+    const playgrounds = emit.playgrounds ? (
       // Generate playground pages.
-      _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-        return _regeneratorRuntime.wrap(function _callee4$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
-            case 0:
-              _context8.next = 2;
-              return _Promise.all(_mapInstanceProperty(allExamples).call(allExamples, /*#__PURE__*/function () {
-                var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(example) {
-                  var _context6;
-                  var getStartStopMs, results;
-                  return _regeneratorRuntime.wrap(function _callee3$(_context7) {
-                    while (1) switch (_context7.prev = _context7.next) {
-                      case 0:
-                        getStartStopMs = measureStartStopMs();
-                        _context7.next = 3;
-                        return _Promise.allSettled(_mapInstanceProperty(_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(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);
-      }))() :
+      (async () => await Promise.all(
+        allExamples.map(async (example) => {
+          const getStartStopMs = measureStartStopMs();
+          const results = await Promise.allSettled(
+            [
+              {
+                html: generateJSFiddlePage(example),
+                path: example.paths.jsfiddle.local
+              },
+              {
+                html: generateCodePenPage(example),
+                path: example.paths.codepen.local
+              }
+            ].map(
+              async ({ html, path }) => writeFile(path, await formatHTML(html))
+            )
+          );
+          return {
+            ...getStartStopMs(),
+            count: results.length,
+            example,
+            result: results.every(
+              ({ status }) => status === "fulfilled"
+            ) ? "fulfilled" : "rejected"
+          };
+        })
+      ))()
+    ) : (
       // Skip playground pages.
-      _Promise.resolve([]);
-      var screenshots = emit.screenshots ?
+      Promise.resolve([])
+    );
+    const screenshots = emit.screenshots ? (
       // Generate screenshots.
-      _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
-        var cleanup, _process$env$DEBUG, _context10, _context11, debug, browser, todo, total, reports, _context17, _iterator, _step, callback;
-        return _regeneratorRuntime.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.launch({
-                headless: !debug,
-                slowMo: debug ? 100 : undefined
-              });
-            case 5:
-              browser = _context18.sent;
-              if (debug) {
-                cleanup.push( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-                  return _regeneratorRuntime.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();
+      (async () => {
+        const cleanup = [];
+        try {
+          const debug = /^1|y|yes|true$/i.test(process.env.DEBUG ?? "");
+          const browser = await puppeteer.launch({
+            headless: !debug,
+            slowMo: debug ? 100 : void 0
+          });
+          if (debug) {
+            cleanup.push(async () => browser.disconnect());
+          } else {
+            cleanup.push(() => browser.close());
+          }
+          const todo = allExamples.slice();
+          const total = todo.length;
+          const reports = [];
+          await Promise.allSettled(
+            new Array(this._config.parallel).fill(null).map(async () => {
+              let example;
+              while (example = todo.pop()) {
+                const getStartStopMs = measureStartStopMs();
+                const valid = await generateScreenshot(browser, {
+                  debug,
+                  example,
+                  height: this._config.renderer.screenshot.height,
+                  screenshotScript: this._config.screenshotScript,
+                  width: this._config.renderer.screenshot.width
                 });
+                const report = {
+                  ...getStartStopMs(),
+                  count: 1,
+                  example,
+                  result: valid ? "fulfilled" : "rejected"
+                };
+                reports.push(report);
+                if (valid) {
+                  okay.push(example.path);
+                } else {
+                  fail.push(example.path);
+                }
+                const percentage = (Math.floor(reports.length / total * 100) + "%").padStart(4, " ");
+                const validText = valid ? "okay" : "fail";
+                const msText = formatStartStopMs(report);
+                console.info(
+                  `${percentage} ${validText} ${msText} - ${example.path}`
+                );
               }
-              // 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(allExamples).call(allExamples);
-              total = todo.length;
-              reports = [];
-              _context18.next = 12;
-              return _Promise.allSettled(_mapInstanceProperty(_context10 = _fillInstanceProperty(_context11 = new Array(_this._config.parallel)).call(_context11, null)).call(_context10, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
-                var example, _context12, _context13, _context14, _context15, getStartStopMs, valid, report, percentage, validText, msText;
-                return _regeneratorRuntime.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(_context12 = Math.floor(reports.length / total * 100) + "%").call(_context12, 4, " ");
-                      validText = valid ? "okay" : "fail";
-                      msText = formatStartStopMs(report);
-                      console.info(_concatInstanceProperty(_context13 = _concatInstanceProperty(_context14 = _concatInstanceProperty(_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(_context17 = _spliceInstanceProperty(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();
+            })
+          );
+          return reports;
+        } finally {
+          for (const callback of cleanup.splice(0).reverse()) {
+            try {
+              await callback();
+            } catch (error) {
+              console.error(error);
+            }
           }
-        }, _callee7, null, [[1,, 13, 38], [15, 31, 34, 37], [19, 24]]);
-      }))() :
+        }
+      })()
+    ) : (
       // Skip screenshots.
-      _Promise.resolve([]);
-      var checks = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
-        var total;
-        return _regeneratorRuntime.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();
-          }
-        }, _callee8);
-      }))();
+      Promise.resolve([])
+    );
+    const checks = (async () => {
+      await index;
+      await playgrounds;
+      await screenshots;
+      const total = okay.length + fail.length;
       return {
-        checks: checks,
-        index: index,
-        playgrounds: playgrounds,
-        screenshots: screenshots
+        fail: fail.length,
+        failPaths: fail,
+        okay: okay.length,
+        okayPaths: okay,
+        percentage: total === 0 ? 100 : 100 * okay.length / total,
+        total
       };
-    }
-  }, {
-    key: "_processGroup",
-    value: function _processGroup(examples) {
-      var _context20,
-        _context21,
-        _this2 = this;
-      return _flatMapInstanceProperty(_context20 = _sortInstanceProperty(_context21 = _Object$keys(examples)).call(_context21, collator.compare)).call(_context20, function (key) {
-        var example = examples[key];
-        if (isExample(example)) {
-          return [example];
-        } else {
-          return _this2._processGroup(example);
-        }
-      });
-    }
-  }]);
-  return ContentBuilder;
-}();
+    })();
+    return { checks, index, playgrounds, screenshots };
+  }
+  _processGroup(examples) {
+    return Object.keys(examples).sort(collator.compare).flatMap((key) => {
+      const example = examples[key];
+      if (isExample(example)) {
+        return [example];
+      } else {
+        return this._processGroup(example);
+      }
+    });
+  }
+}
 
-var indexTemplate = "<html>\n  <head>\n    <meta charset=\"utf-8\" />\n    <title>Examples</title>\n\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"examples.css\" />\n  </head>\n  <body></body>\n</html>\n";
+var index_template_default$1 = '<html>\n  <head>\n    <meta charset="utf-8" />\n    <title>Examples</title>\n\n    <meta http-equiv="X-UA-Compatible" content="IE=edge" />\n    <meta name="viewport" content="width=device-width, initial-scale=1" />\n\n    <link rel="stylesheet" type="text/css" href="examples.css" />\n  </head>\n  <body></body>\n</html>\n';
 
-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";
+var index_template_default = `.examples-root {
+  margin: 50px auto 200px;
+  min-width: calc(200px + 2em);
+  width: calc(100vw - 200px);
+}
+
+.examples-root a {
+  color: #2b7ce9;
+}
+.examples-root a:visited {
+  color: #46417a;
+}
+
+.examples-root .example-link {
+  margin: 1em;
+  position: relative;
+  width: 200px;
+
+  display: inline-block;
+}
+
+.examples-root .example-link .example-image {
+  display: block;
+  height: 200px;
+  margin-top: 1ex;
+  position: relative;
+  width: 200px;
+}
+.examples-root .example-link .example-image > img {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 200px;
+  height: 200px;
+
+  background: #2b7ce9;
+  border: 1px solid #2b7ce9;
+  color: #ffffff;
+
+  transition:
+    transform 0.5s ease 0s,
+    z-index 0.5s linear 0s;
+  z-index: 1;
+}
+.examples-root .example-link:hover .example-image > img {
+  transform: translate(0px, 95px) scale(2, 2);
+  z-index: 100;
+}
+
+.examples-root .example-header > *:last-child {
+  margin-left: 0.5em;
+}
+.examples-root .icon {
+  height: 1.5em;
+  margin-bottom: -0.25em;
+  width: 1.5em;
+
+  background: none;
+  border: none;
+  cursor: pointer;
+  display: inline-block;
+}
+.examples-root .icon.jsfiddle {
+  background-size: contain;
+  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");
+}
+.examples-root .icon.codepen {
+  background-size: contain;
+  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");
+}
+`;
 
-function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (_Array$isArray(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(_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(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 $.load([])("<a>").addClass("icon jsfiddle").attr("href", example.paths.jsfiddle.web).attr("title", "JSFiddle");
+  return cheerio.load([])("<a>").addClass("icon jsfiddle").attr("href", example.paths.jsfiddle.web).attr("title", "JSFiddle");
 }
-/**
- * @param example
- */
 function generateCodePen(example) {
-  return $.load([])("<a>").addClass("icon codepen").attr("href", example.paths.codepen.web).attr("title", "CodePen");
+  return cheerio.load([])("<a>").addClass("icon codepen").attr("href", example.paths.codepen.web).attr("title", "CodePen");
 }
-/**
- * @param examples
- * @param title
- * @param level
- * @param collator
- */
 function processGroup$1(examples, title, level, collator) {
-  var _context;
-  var heading = $.load([])("<h".concat(Math.max(1, Math.min(6, level)), ">"));
+  const heading = cheerio.load([])(`<h${Math.max(1, Math.min(6, level))}>`);
   heading.text(title);
-  var list = $.load([])("<div>");
-  var section = $.load([])("<div>");
+  const list = cheerio.load([])("<div>");
+  const section = cheerio.load([])("<div>");
   section.append(heading, list);
-  var _iterator = _createForOfIteratorHelper$1(_sortInstanceProperty(_context = _Object$keys(examples)).call(_context, collator.compare)),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var key = _step.value;
-      var example = examples[key];
-      if (isExample(example)) {
-        var header = $.load([])("<div>").addClass("example-header").append(
+  for (const key of Object.keys(examples).sort(collator.compare)) {
+    const example = examples[key];
+    if (isExample(example)) {
+      const header = cheerio.load([])("<div>").addClass("example-header").append(
         // Playgrounds
-        generateJSFiddle(example), generateCodePen(example),
+        generateJSFiddle(example),
+        generateCodePen(example),
         // Title
-        $.load([])("<a>").attr("href", example.paths.page.web).text(key));
-        var image = $.load([])("<a>").addClass("example-image").attr("href", example.paths.page.web).append($.load([])("<img>").attr("src", example.paths.screenshot.web).attr("alt", key));
-        var item = $.load([])("<span>").addClass("example-link").append(header, image);
-        list.append(item);
-      } else {
-        section.append(processGroup$1(example, key, level + 1, collator));
-      }
+        cheerio.load([])("<a>").attr("href", example.paths.page.web).text(key)
+      );
+      const image = cheerio.load([])("<a>").addClass("example-image").attr("href", example.paths.page.web).append(
+        cheerio.load([])("<img>").attr("src", example.paths.screenshot.web).attr("alt", key)
+      );
+      const item = cheerio.load([])("<span>").addClass("example-link").append(header, image);
+      list.append(item);
+    } else {
+      section.append(processGroup$1(example, key, level + 1, collator));
     }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
   }
   return section;
 }
-var htmlRenderer = {
-  render: function render(examples, _output, title, collator) {
-    var _context2;
-    var filename = "index.html";
-    var root = $.load([])("<div>");
+const htmlRenderer = {
+  async render(examples, _output, title, collator) {
+    const filename = "index.html";
+    const root = cheerio.load([])("<div>");
     root.addClass("examples-root");
-    var _iterator2 = _createForOfIteratorHelper$1(_sortInstanceProperty(_context2 = _Object$keys(examples)).call(_context2, collator.compare)),
-      _step2;
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var key = _step2.value;
-        root.append(processGroup$1(examples[key], key, 1, collator));
-      }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
+    for (const key of Object.keys(examples).sort(collator.compare)) {
+      root.append(processGroup$1(examples[key], key, 1, collator));
     }
-    var page = $.load(indexTemplate);
+    const page = cheerio.load(index_template_default$1);
     page("title").text(title);
     page("body").append(root);
-    var content = formatHTML(page.html());
-    return [{
-      content: content,
-      filename: filename,
-      title: title
-    }, {
-      content: styleTemplate,
-      filename: "examples.css",
-      title: "examples.css"
-    }];
+    const content = await formatHTML(page.html());
+    return [
+      { content, filename, title },
+      {
+        content: index_template_default,
+        filename: "examples.css",
+        title: "examples.css"
+      }
+    ];
   },
   screenshot: {
     width: 400,
@@ -920,109 +581,83 @@ var htmlRenderer = {
   }
 };
 
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context14, _context15; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context14 = ownKeys(Object(t), !0)).call(_context14, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context15 = ownKeys(Object(t))).call(_context15, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (_Array$isArray(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(_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(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"));
 }
-/**
- * @param title
- * @param src
- * @param href
- */
 function image(title, src, href) {
-  var _context, _context2;
-  return href == null ? _concatInstanceProperty(_context = "![".concat(title, "](")).call(_context, src, ")") : link(href, _concatInstanceProperty(_context2 = "![".concat(title, "](")).call(_context2, src, ")"));
+  return href == null ? `![${title}](${src})` : link(href, `![${title}](${src})`);
 }
-/**
- * @param href
- * @param text
- */
-function link(href) {
-  var _context3;
-  var text = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : href;
-  return _concatInstanceProperty(_context3 = "[".concat(text, "](")).call(_context3, href, ")");
+function link(href, text = href) {
+  return `[${text}](${href})`;
 }
-/**
- * @param level
- * @param text
- */
 function header(level, text) {
-  var _context4, _context5;
-  return _concatInstanceProperty(_context4 = "".concat(_repeatInstanceProperty(_context5 = "#").call(_context5, level), " ")).call(_context4, text);
+  return `${"#".repeat(level)} ${text}`;
 }
-/**
- * @param examples
- * @param output
- * @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(_context8 = _Object$keys(examples)).call(_context8, collator.compare)),
-    _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, "./" + 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(_mapInstanceProperty(_context9 = processGroup(example, output, key, collator)).call(_context9, function (contentPart) {
-          return _objectSpread(_objectSpread({}, contentPart), {}, {
+async function processGroup(examples, output, title, collator) {
+  const items = [];
+  const sections = [];
+  const filenamePart = title.replace(/[^a-zA-Z0-9]/g, "-").toLowerCase();
+  for (const key of Object.keys(examples).sort(collator.compare)) {
+    const example = examples[key];
+    if (isExample(example)) {
+      items.push(
+        header(2, key),
+        "",
+        image(
+          key,
+          "./" + 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 {
+      sections.push(
+        ...(await processGroup(example, output, key, collator)).map(
+          (contentPart) => ({
+            ...contentPart,
             filename: filenamePart + "." + contentPart.filename
-          });
-        })));
-      }
+          })
+        )
+      );
     }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
   }
-  return _concatInstanceProperty(_context6 = [{
-    content: linesToContent(_concatInstanceProperty(_context7 = [header(1, title), ""]).call(_context7, items)),
-    filename: filenamePart + ".md",
-    title: title
-  }]).call(_context6, sections);
+  return [
+    {
+      content: await linesToContent([header(1, title), "", ...items]),
+      filename: filenamePart + ".md",
+      title
+    },
+    ...sections
+  ];
 }
-var mdRenderer = {
-  render: function render(examples, output, _title, collator) {
-    var _context10, _context11, _context12;
-    var sections = [];
-    var _iterator2 = _createForOfIteratorHelper(_sortInstanceProperty(_context12 = _Object$keys(examples)).call(_context12, collator.compare)),
-      _step2;
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var key = _step2.value;
-        sections.push.apply(sections, _toConsumableArray(processGroup(examples[key], output, key, collator)));
-      }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
+const mdRenderer = {
+  async render(examples, output, _title, collator) {
+    const sections = [];
+    for (const key of Object.keys(examples).sort(collator.compare)) {
+      sections.push(
+        ...await processGroup(examples[key], output, key, collator)
+      );
     }
-    return _concatInstanceProperty(_context10 = [{
-      content: linesToContent(_concatInstanceProperty(_context11 = [header(1, "Examples"), ""]).call(_context11, _toConsumableArray(_mapInstanceProperty(sections).call(sections, function (_ref) {
-        var filename = _ref.filename,
-          title = _ref.title;
-        return "- " + link("./" + filename, title);
-      })))),
-      filename: "README.md",
-      title: "Examples"
-    }]).call(_context10, sections);
+    return [
+      {
+        content: await linesToContent([
+          header(1, "Examples"),
+          "",
+          ...sections.map(
+            ({ filename, title }) => "- " + link("./" + filename, title)
+          )
+        ]),
+        filename: "README.md",
+        title: "Examples"
+      },
+      ...sections
+    ];
   },
   screenshot: {
     width: 740,
@@ -1030,7 +665,7 @@ var mdRenderer = {
   }
 };
 
-var y = yargs.strict(true).usage("generate-example-index [options]").hide("version").config().help().option("assets-local-directory", {
+const y = yargs(hideBin(process.argv)).strict(true).usage("generate-example-index [options]").hide("version").config().help().option("assets-local-directory", {
   default: "./examples/thumbnails",
   describe: "The directory where assets will be written to.",
   type: "string"
@@ -1102,137 +737,106 @@ var y = yargs.strict(true).usage("generate-example-index [options]").hide("versi
   describe: "Attempt to verify that the examples were generated correctly. The value is a percentage of checks that have to pass for the run to be considered success.",
   type: "number"
 });
-/**
- *
- */
 function parseArguments() {
-  return y.parserConfiguration({
-    "camel-case-expansion": false
-  }).parseSync();
+  return y.parserConfiguration({ "camel-case-expansion": false }).parseSync();
 }
 
-/**
- * @param urls
- */
-function joinURLs() {
-  for (var _len = arguments.length, urls = new Array(_len), _key = 0; _key < _len; _key++) {
-    urls[_key] = arguments[_key];
-  }
-  return _mapInstanceProperty(urls).call(urls, function (url) {
-    return (
+function joinURLs(...urls) {
+  return urls.map(
+    (url) => (
       // Strip the parts of leading and trailing slashes if they have them.
       url.replace(/^\/?(.*?)\/?$/, "$1")
-    );
-  }).join("/");
+    )
+  ).join("/");
 }
-/**
- * @param baseURL
- * @param url
- */
 function fixAbsoluteInputURL(baseURL, url) {
-  return _startsWithInstanceProperty(url).call(url, "/") ?
-  // Relative to the base URL. Base URL starts and URL ends with a slash.
-  baseURL + _sliceInstanceProperty(url).call(url, 1) :
-  // Relative to some other point or absolute already.
-  url;
+  return url.startsWith("/") ? (
+    // Relative to the base URL. Base URL starts and URL ends with a slash.
+    baseURL + url.slice(1)
+  ) : (
+    // Relative to some other point or absolute already.
+    url
+  );
 }
-/**
- * @param config
- * @param exampleAbsolutePath
- */
 function generatePaths(config, exampleAbsolutePath) {
-  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 = node_crypto.createHash("sha256").update(exampleRelativePath).digest("hex");
+  const exampleRelativePath = relative(config.page.local, exampleAbsolutePath);
+  const hash = 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"),
+    codepen: generateLocalWebPair(
+      config.codepen.local,
+      config.codepen.web,
+      hash,
+      "codepen",
+      "html"
+    ),
+    jsfiddle: generateLocalWebPair(
+      config.jsfiddle.local,
+      config.jsfiddle.web,
+      hash,
+      "jsfiddle",
+      "html"
+    ),
     page: {
       local: exampleAbsolutePath,
       web: joinURLs(config.page.web, exampleRelativePath)
     },
-    screenshot: generateLocalWebPair(config.screenshot.local, config.screenshot.web, hash, "screenshot", "png")
+    screenshot: generateLocalWebPair(
+      config.screenshot.local,
+      config.screenshot.web,
+      hash,
+      "screenshot",
+      "png"
+    )
   };
 }
-/**
- * @param localRoot
- * @param webRoot
- * @param hash
- * @param prefix
- * @param extension
- */
 function generateLocalWebPair(localRoot, webRoot, hash, prefix, extension) {
-  var _context, _context2;
-  var filename = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "".concat(prefix, ".")).call(_context2, hash, ".")).call(_context, extension);
+  const filename = `${prefix}.${hash}.${extension}`;
   return {
-    local: node_path.resolve(localRoot, filename),
+    local: resolve(localRoot, filename),
     web: joinURLs(webRoot, filename)
   };
 }
 
-var globby = import('globby');
-var argv = parseArguments();
-// Log the parsed configuration for debugging purposes.
-console.info("Configuration: ", _JSON$stringify(argv, null, 2));
+const argv = parseArguments();
+console.info("Configuration: ", JSON.stringify(argv, null, 2));
 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" ? node_path.resolve(argv["screenshot-script"]) : undefined;
-var mkdir = util.promisify(fs.mkdir);
-var readFile = util.promisify(fs.readFile);
-/**
- * Extract and coerce a value from meta tag.
- *
- * @param page - The page to be queried.
- * @param name - The name of the meta tag.
- * @param fallback - The value to be used if the meta tag is not present.
- * @returns The value “smartly” coerced or the fallback if conversion isn't
- * possible or the value is not present in the page.
- */
+const screenshotScriptPath = typeof argv["screenshot-script"] === "string" ? resolve(argv["screenshot-script"]) : void 0;
+const mkdir = util.promisify(fs.mkdir);
+const readFile = util.promisify(fs.readFile);
 function getMeta(page, name, fallback) {
-  var content = page("meta[name=\"".concat(name, "\"]")).attr("content");
+  const content = page(`meta[name="${name}"]`).attr("content");
   if (content == null) {
-    // No meta of this name exists in the page, use the fallback.
     return fallback;
-  } else if (!_Number$isNaN(+content)) {
-    // Number.
+  } else if (!Number.isNaN(+content)) {
     return +content;
   } else if (typeof content === "string") {
-    // String.
     return content;
   } else {
-    // Something doesn't match, use the fallback.
     return fallback;
   }
 }
-/**
- * Test if the example conforms to the conventions.
- *
- * @param path - The path to the example (used for identification in logs).
- * @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, ":")];
+  let valid = true;
+  const msgs = [`${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).");
+    msgs.push(
+      "There have to be at least two headings (group and example name)."
+    );
     valid = false;
   }
-  var headTitle = _trimInstanceProperty(_context = page("head > title").text()).call(_context);
-  var bodyTitle = _trimInstanceProperty(_context2 = _mapInstanceProperty(_context3 = page("#title > *")).call(_context3, function (_i, elem) {
-    return $.load([])(elem).text();
-  }).get().join(" | ")).call(_context2);
+  const headTitle = page("head > title").text().trim();
+  const bodyTitle = page("#title > *").map((_i, elem) => cheerio.load([])(elem).text()).get().join(" | ").trim();
   if (headTitle !== bodyTitle) {
-    msgs.push("The title in the head doesn't match the title in the body.", "  head: ".concat(headTitle), "  body: ".concat(bodyTitle));
+    msgs.push(
+      "The title in the head doesn't match the title in the body.",
+      `  head: ${headTitle}`,
+      `  body: ${bodyTitle}`
+    );
     valid = false;
   }
   if (msgs.length > 1) {
@@ -1240,284 +844,194 @@ function lintExample(path, page) {
   }
   return valid;
 }
-_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.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.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.parse("--help");
-        return _context24.abrupt("return");
-      case 4:
-        _context24.next = 6;
-        return _Promise.all(_mapInstanceProperty(_context4 = [argv["assets-local-directory"], argv["examples-local-directory"], argv["output-directory"], argv["pages-local-directory"]]).call(_context4, /*#__PURE__*/function () {
-          var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(path) {
-            return _regeneratorRuntime.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(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
-        };
-        skipped = [];
-        _context24.t0 = _Promise;
-        _context24.t1 = _mapInstanceProperty;
-        _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( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(pagePath) {
-            var _context7;
-            var html, $page, pageDelay, pageTimeout, pageSelector, titles, _context9;
-            return _regeneratorRuntime.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 = $.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(_context7 = $page("#title > *").get()).call(_context7, function (elem) {
-                    var _context8;
-                    return _trimInstanceProperty(_context8 = $page(elem).text()).call(_context8);
-                  }); // Head title fallback.
-                  if (titles.length < 2) {
-                    titles = _mapInstanceProperty(_context9 = $page("head > title").text().split("|")).call(_context9, function (title) {
-                      return _trimInstanceProperty(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(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");
-          console.info(_concatInstanceProperty(_context11 = ["The following files don't look like examples (there is nothing to take a screenshot of):"]).call(_context11, _toConsumableArray(_sortInstanceProperty(skipped).call(skipped))).join("\n  "));
-        }
-        if (!(stats.examples === 0)) {
-          _context24.next = 29;
-          break;
-        }
-        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(_context12 = _concatInstanceProperty(_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(_context14 = _concatInstanceProperty(_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;
-          break;
+(async () => {
+  let code = 0;
+  if (!argv.index && !argv.screenshots && !argv.lint) {
+    yargs.parse("--help");
+    return;
+  }
+  await Promise.all(
+    [
+      argv["assets-local-directory"],
+      argv["examples-local-directory"],
+      argv["output-directory"],
+      argv["pages-local-directory"]
+    ].map(async (path) => {
+      await mkdir(path, { recursive: true });
+    })
+  );
+  const baseURL = argv["base-url"];
+  if (!baseURL.endsWith("/")) {
+    throw new Error("Base URL (`base-url`) has to end with a slash (`/`).");
+  }
+  const 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"])
+    }
+  };
+  const examples = {};
+  const selector = "#" + argv["container-id"];
+  const stats = { examples: 0 };
+  const skipped = [];
+  await Promise.all(
+    (await (await import('globby')).globby(join(pathsConfig.page.local, "**/*.html"))).map(async (pagePath) => {
+      const html = await readFile(pagePath, "utf-8");
+      const $page = cheerio.load(html);
+      const pageDelay = getMeta(
+        $page,
+        "example-screenshot-delay",
+        6
+      );
+      const pageTimeout = getMeta(
+        $page,
+        "example-screenshot-timeout",
+        60
+      );
+      const pageSelector = getMeta(
+        $page,
+        "example-screenshot-selector",
+        selector
+      );
+      if ($page(pageSelector).length === 0) {
+        skipped.push(pagePath);
+        return;
+      }
+      if (argv.lint) {
+        lintExample(pagePath, $page);
+      }
+      let titles = $page("#title > *").get().map((elem) => $page(elem).text().trim());
+      if (titles.length < 2) {
+        titles = $page("head > title").text().split("|").map((title) => title.trim());
+      }
+      if (titles.length < 2) {
+        titles = pagePath.split("/");
+      }
+      if (titles.length < 2) {
+        console.error("Title resolution failed. Skipping.");
+        return;
+      }
+      const example = {
+        $: $page,
+        delay: pageDelay,
+        html,
+        path: pagePath,
+        paths: generatePaths(pathsConfig, pagePath),
+        playground: await generatePlaygroundData(baseURL, $page, pagePath),
+        selector: pageSelector,
+        timeout: pageTimeout,
+        titles
+      };
+      titles.reduce((acc, title, i, arr) => {
+        while (acc[title] != null && acc[title].path != null) {
+          console.error("The following group already exists: ", titles);
+          title += "!";
         }
-        _context24.t10 = reduceReports;
-        _context24.next = 61;
-        return builtData.screenshots;
-      case 61:
-        _context24.t11 = _context24.sent;
-        _cummulativeReport2 = (0, _context24.t10)(_context24.t11);
-        console.info(_concatInstanceProperty(_context16 = _concatInstanceProperty(_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(_context18 = "Verification: ".concat(checks.okay, " passed (")).call(_context18, Math.round(checks.percentage), " %) passed."));
-        } else {
-          if (checks.percentage >= argv.verify) {
-            console.info(_concatInstanceProperty(_context19 = _concatInstanceProperty(_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.");
+        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 {
-            console.error(_concatInstanceProperty(_context21 = _concatInstanceProperty(_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;
+            acc[title] = example;
+            ++stats.examples;
           }
-          _forEachInstanceProperty(_context23 = checks.failPaths).call(_context23, function (path) {
-            console.error(path);
-          });
+        } else {
+          return acc[title] = acc[title] || {};
         }
-      case 69:
-        process.exitCode = code;
-      case 70:
-      case "end":
-        return _context24.stop();
+      }, examples);
+    })
+  );
+  if (skipped.length) {
+    process.stdout.write("\n");
+    console.info(
+      [
+        "The following files don't look like examples (there is nothing to take a screenshot of):",
+        ...skipped.sort()
+      ].join("\n  ")
+    );
+  }
+  if (stats.examples === 0) {
+    console.info("No usable example files were found.");
+  } else if (argv.index || argv.playgrounds || argv.screenshots) {
+    process.stdout.write("\n");
+    const screenshotScript = screenshotScriptPath != null ? await readFile(screenshotScriptPath, "utf-8") || "" : "";
+    const builtData = new ContentBuilder({
+      examples,
+      output: resolve(argv["output-directory"]),
+      parallel: argv.parallel,
+      renderer: argv.format === "md" ? mdRenderer : htmlRenderer,
+      screenshotScript,
+      title: argv.title
+    }).build({
+      index: argv.index,
+      playgrounds: argv.playgrounds,
+      screenshots: argv.screenshots
+    });
+    if (argv.index) {
+      const cummulativeReport = reduceReports(await builtData.index);
+      console.info(
+        `Index with ${stats.examples} examples written (${cummulativeReport.count} files in ${formatStartStopMs(cummulativeReport)}).`
+      );
+    }
+    if (argv.index) {
+      const cummulativeReport = reduceReports(await builtData.playgrounds);
+      console.info(
+        `Playground opener files for ${stats.examples} examples written (${cummulativeReport.count} files in ${formatStartStopMs(cummulativeReport)}).`
+      );
+    }
+    if (argv.screenshots) {
+      const cummulativeReport = reduceReports(await builtData.screenshots);
+      console.info(
+        `Screenshot files for ${stats.examples} written (${cummulativeReport.count} files in ${formatStartStopMs(cummulativeReport)}).`
+      );
     }
-  }, _callee3);
-}))().catch(function (error) {
+    const checks = await builtData.checks;
+    process.stdout.write("\n");
+    if (checks.fail === 0) {
+      console.info(
+        `Verification: ${checks.okay} passed (${Math.round(
+          checks.percentage
+        )} %) passed.`
+      );
+    } else {
+      if (checks.percentage >= argv.verify) {
+        console.info(
+          `Verification: ${checks.okay} passed (${Math.round(
+            checks.percentage
+          )} %), ${checks.fail} failed.
+This is within the threshold set by --verify.`
+        );
+      } else {
+        console.error(
+          `Verification: Only ${checks.okay} passed (${Math.round(
+            checks.percentage
+          )} %), ${checks.fail} failed.
+This is not within the threshold set by --verify. Exiting with an error.`
+        );
+        code = 3;
+      }
+      checks.failPaths.forEach((path) => {
+        console.error(path);
+      });
+    }
+  }
+  process.exitCode = code;
+})().catch((error) => {
   process.exitCode = 1;
   console.error(error);
 });