weboptimizer 3.0.28 → 4.0.1

package/jestSetup.js

@@ -16,12 +16,14 @@
     endregion
 */
 // region imports
-var _clientnode = require("clientnode");
-var _util = require("util");
-_clientnode.globalContext.TextEncoder = _util.TextEncoder;
-_clientnode.globalContext.TextDecoder = _util.TextDecoder;
+import { globalContext } from 'clientnode';
+import { TextEncoder, TextDecoder } from 'util'
+// endregion
+;
+globalContext.TextEncoder = TextEncoder;
+globalContext.TextDecoder = TextDecoder;
 try {
   if (eval('require')('jest-canvas-mock')) console.info('Canvas mocking module loaded.');
-} catch (_unused) {
+} catch {
   // Do nothing.
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "weboptimizer",
-  "version": "3.0.28",
+  "version": "4.0.1",
   "description": "A generic web optimizer, (module) bundler and development environment.",
   "keywords": [
     "webpack",
@@ -63,11 +63,11 @@
   },
   "scripts": {
     "build": "yarn build:types; yarn build:lint; yarn build:plain",
-    "build:lint": "           babel --extensions '.ts' --plugins @babel/plugin-proposal-class-properties,@babel/plugin-syntax-top-level-await,babel-plugin-transform-modern-regexp                                 --presets @babel/preset-typescript --out-file eslint.config.mjs eslint.config.ts",
-    "build:plain": "command=\"babel --extensions '.ts' --plugins @babel/plugin-proposal-class-properties,@babel/plugin-syntax-top-level-await,@babel/plugin-transform-runtime,babel-plugin-transform-modern-regexp --presets @babel/preset-env,@babel/preset-typescript --out-file\" && $command browser.js browser.ts && $command configurator.js configurator.ts && $command ejsLoader.js ejsLoader.ts && $command helper.js helper.ts && $command index.js index.ts && $command jestSetup.js jestSetup.ts && $command plugins/HTMLTransformation.js plugins/HTMLTransformation.ts && $command plugins/InPlaceAssetsIntoHTML.js plugins/InPlaceAssetsIntoHTML.ts && $command stylelintConfigurator.js stylelintConfigurator.ts && $command type.js type.ts && $command webpackConfigurator.js webpackConfigurator.ts && shx chmod +x index.js && shx sed -i 's/(#!\\\\/usr\\\\/bin\\\\/env )babel-(node)/$1$2/' index.js 1>/dev/null",
+    "build:lint": "           babel --extensions '.ts' --out-file eslint.config.mjs eslint.config.ts",
+    "build:plain": "command=\"babel --extensions '.ts' --out-file\" && $command browser.js browser.ts && $command configurator.js configurator.ts && $command ejsLoader.js ejsLoader.ts && $command helper.js helper.ts && $command index.js index.ts && $command jestSetup.js jestSetup.ts && $command plugins/HTMLTransformation.js plugins/HTMLTransformation.ts && $command plugins/InPlaceAssetsIntoHTML.js plugins/InPlaceAssetsIntoHTML.ts && $command stylelintConfigurator.js stylelintConfigurator.ts && $command type.js type.ts && $command webpackConfigurator.js webpackConfigurator.ts && shx chmod +x index.js && shx sed -i 's/(#!\\\\/usr\\\\/bin\\\\/env )babel-(node)/$1$2/' index.js 1>/dev/null",
     "build:copy-test-artefacts": "cd test/simple && shx touch yarn.lock && rimraf node_modules && YARN_ENABLE_IMMUTABLE_INSTALLS=false yarn install; cd ../../ && cd test/scss && shx touch yarn.lock && rimraf node_modules && YARN_ENABLE_IMMUTABLE_INSTALLS=false yarn install; cd ../../ && rimraf node_modules/weboptimizer test/simple/node_modules/weboptimizer test/scss/node_modules/weboptimizer && shx mkdir -p node_modules/weboptimizer test/simple/node_modules/weboptimizer test/scss/node_modules/weboptimizer && copyCommand='shx cp -r plugins *.ts *.js *.mjs *.json *.ejs' && $copyCommand node_modules/weboptimizer/ && $copyCommand test/simple/node_modules/weboptimizer/ && $copyCommand test/scss/node_modules/weboptimizer/",
-    "build:test": "           yarn clear && yarn build && command='babel --extensions '.ts' --plugins @babel/plugin-proposal-class-properties,@babel/plugin-syntax-top-level-await,@babel/plugin-transform-runtime --presets @babel/preset-env,@babel/preset-typescript                      --source-root ../ --out-file' && yarn build:copy-test-artefacts && $command test/browser.js test/browser.ts && $command test/configurator.js test/configurator.ts && $command test/helper.js test/helper.ts && $command test/ejsLoader.js test/ejsLoader.ts && $command test/stylelintConfigurator.js test/stylelintConfigurator.ts && $command test/index.js test/index.ts && $command test/webpackConfigurator.js test/webpackConfigurator.ts",
-    "build:test:source-map": "yarn clear && yarn build && command='babel --extensions '.ts' --plugins @babel/plugin-proposal-class-properties,@babel/plugin-syntax-top-level-await,@babel/plugin-transform-runtime --presets @babel/preset-env,@babel/preset-typescript --source-maps inline --source-root ../ --out-file' && yarn build:copy-test-artefacts && $command test/browser.js test/browser.ts && $command test/configurator.js test/configurator.ts && $command test/helper.js test/helper.ts && $command test/ejsLoader.js test/ejsLoader.ts && $command test/stylelintConfigurator.js test/stylelintConfigurator.ts && $command test/index.js test/index.ts && $command test/webpackConfigurator.js test/webpackConfigurator.ts",
+    "build:test": "           yarn clear && yarn build && command='babel --extensions '.ts' --source-root ../ --out-file' && yarn build:copy-test-artefacts && $command test/browser.js test/browser.ts && $command test/configurator.js test/configurator.ts && $command test/helper.js test/helper.ts && $command test/ejsLoader.js test/ejsLoader.ts && $command test/stylelintConfigurator.js test/stylelintConfigurator.ts && $command test/index.js test/index.ts && $command test/webpackConfigurator.js test/webpackConfigurator.ts",
+    "build:test:source-map": "yarn clear && yarn build && command='babel --extensions '.ts' --source-maps inline --source-root ../ --out-file' && yarn build:copy-test-artefacts && $command test/browser.js test/browser.ts && $command test/configurator.js test/configurator.ts && $command test/helper.js test/helper.ts && $command test/ejsLoader.js test/ejsLoader.ts && $command test/stylelintConfigurator.js test/stylelintConfigurator.ts && $command test/index.js test/index.ts && $command test/webpackConfigurator.js test/webpackConfigurator.ts",
     "build:types": "tsc --declaration --emitDeclarationOnly",
     "check": "yarn check:types; yarn lint",
     "check:types": "tsc --noEmit",
@@ -85,19 +85,15 @@
     "update:documentation": "web-documentation"
   },
   "dependencies": {
-    "@babel/core": "^7.29.7",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-decorators": "^7.29.7",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
-    "@babel/plugin-syntax-top-level-await": "^7.14.5",
-    "@babel/plugin-transform-runtime": "^7.29.7",
-    "@babel/preset-env": "^7.29.7",
-    "@babel/preset-typescript": "^7.29.7",
-    "@babel/runtime": "^7.29.7",
+    "@babel/core": "^8.0.1",
+    "@babel/plugin-proposal-decorators": "^8.0.2",
+    "@babel/plugin-transform-class-properties": "^8.0.1",
+    "@babel/preset-env": "^8.0.2",
+    "@babel/preset-typescript": "^8.0.1",
     "babel-loader": "^10.1.1",
-    "babel-plugin-transform-modern-regexp": "^0.0.6",
+    "babel-plugin-polyfill-corejs3": "^1.0.0",
     "babel-preset-minify": "^0.5.2",
-    "clientnode": "4.0.1423",
+    "clientnode": "4.0.1428",
     "ejs": "^6.0.1",
     "exports-loader": "^5.0.0",
     "extract-loader": "^5.1.0",
@@ -110,13 +106,13 @@
     "rimraf": "^6.1.3",
     "script-loader": "^0.7.2",
     "typescript": "^6.0.3",
-    "webpack": "^5.107.2",
-    "webpack-cli": "^7.0.3",
+    "webpack": "^5.108.1",
+    "webpack-cli": "^7.1.0",
     "webpack-sources": "^3.5.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.29.7",
-    "@babel/eslint-parser": "^7.29.7",
+    "@babel/cli": "^8.0.1",
+    "@babel/eslint-parser": "^8.0.1",
     "@eslint/js": "^10.0.1",
     "@stylistic/eslint-plugin": "^5.10.0",
     "@types/ejs": "^3.1.5",
@@ -124,20 +120,20 @@
     "@types/html-minifier": "^4.0.6",
     "@types/html-minifier-terser": "^7.0.2",
     "@types/imagemin": "^9.0.1",
-    "@types/node": "^25.9.3",
+    "@types/node": "^26.0.1",
     "@types/postcss-import": "^14.0.3",
     "@types/postcss-url": "^10.0.4",
     "@types/webpack-env": "^1.18.8",
     "@types/webpack-sources": "^3.2.3",
-    "@typescript-eslint/parser": "^8.61.1",
+    "@typescript-eslint/parser": "^8.62.0",
     "css-loader": "^7.1.4",
     "cssnano": "^8.0.2",
     "eslint": "^10.5.0",
     "eslint-config-google": "^0.14.0",
-    "eslint-plugin-jsdoc": "^63.0.5",
+    "eslint-plugin-jsdoc": "^63.0.9",
     "favicons": "^7.3.0",
     "favicons-webpack-plugin": "^6.0.1",
-    "globals": "^17.6.0",
+    "globals": "^17.7.0",
     "image-minimizer-webpack-plugin": "^5.0.0",
     "jest": "^30.4.2",
     "jsdoc": "^4.0.5",
@@ -153,12 +149,13 @@
     "postcss-url": "^10.1.4",
     "shx": "^0.4.0",
     "style-loader": "^4.0.0",
-    "stylelint": "^17.13.0",
+    "stylelint": "^17.14.0",
     "stylelint-config-standard": "^40.0.0",
     "stylelint-config-standard-scss": "^17.0.0",
-    "typescript-eslint": "^8.61.1",
+    "terser-webpack-plugin": "^5.6.1",
+    "typescript-eslint": "^8.62.0",
     "typescript-plugin-css-modules": "^5.2.0",
-    "web-documentation": "^1.0.40",
+    "web-documentation": "^1.0.42",
     "workbox-webpack-plugin": "^7.4.1"
   },
   "peerDependencies": {
@@ -195,6 +192,7 @@
     "stylelint": "*",
     "stylelint-config-standard": "*",
     "stylelint-config-standard-scss": "*",
+    "terser-webpack-plugin": "*",
     "typescript-eslint": "*",
     "typescript-plugin-css-modules": "*",
     "webpack-dev-server": "*",
@@ -303,6 +301,9 @@
     "stylelint-config-standard-scss": {
       "optional": true
     },
+    "terser-webpack-plugin": {
+      "optional": true
+    },
     "typescript-eslint": {
       "optional": true
     },
@@ -1178,9 +1179,7 @@
               "minified": {
                 "__evaluate__": "!self.debug"
               },
-              "#": "NOTE: \"@babel/plugin-proposal-nullish-coalescing-operator\" and \"@babel/plugin-proposal-optional-chaining\" is needed to let typescript be able to parse result. \"@babel/plugin-transform-parameters\" is needed caused by a bug when transforming parameters coming from the preceding transformer.",
               "plugins": [
-                "@babel/plugin-proposal-nullish-coalescing-operator",
                 [
                   "@babel/plugin-proposal-decorators",
                   {
@@ -1194,10 +1193,7 @@
                   }
                 ],
                 [
-                  "@babel/proposal-class-properties",
-                  {
-                    "loose": true
-                  }
+                  "@babel/plugin-transform-class-properties"
                 ],
                 [
                   "transform-modern-regexp",
@@ -1208,11 +1204,11 @@
                     ]
                   }
                 ],
-                "@babel/plugin-transform-runtime"
+                "babel-plugin-polyfill-corejs3"
               ],
               "presets": {
                 "#": "NOTE: We have to disable module export/import transformation to allow tree shaking by the final (minimizer).",
-                "__evaluate__": "[['@babel/preset-env', {loose: true, modules: false, targets: self.generic.isWeb ? {browsers: self.generic.supportedBrowsers, node: packageConfiguration.engines.node.replace(/>?=?([0-9]+)/, '$1')} : {node: packageConfiguration.engines.node.replace(/>?=?([0-9]+)/, '$1')}}], '@babel/preset-typescript'].concat((self.debug || !self.module.optimizer.babelMinify.module || 2 < self.givenCommandLineArguments.length && self.givenCommandLineArguments[2] === 'document') ? [] : [['minify', self.module.optimizer.babelMinify.module]])"
+                "__evaluate__": "[['@babel/preset-env', {modules: false, targets: self.generic.isWeb ? {browsers: self.generic.supportedBrowsers, node: packageConfiguration.engines.node.replace(/>?=?([0-9]+)/, '$1')} : {node: packageConfiguration.engines.node.replace(/>?=?([0-9]+)/, '$1')}}], '@babel/preset-typescript'].concat((self.debug || !self.module.optimizer.babelMinify.module || 2 < self.givenCommandLineArguments.length && self.givenCommandLineArguments[2] === 'document') ? [] : [['minify', self.module.optimizer.babelMinify.module]])"
               }
             },
             "regularExpression": "\\.[jt]sx?(?:\\?.*)?$"

package/plugins/HTMLTransformation.js

@@ -16,119 +16,78 @@
     endregion
 */
 // region imports
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.HTMLTransformation = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _clientnode = require("clientnode");
-var _jsdom = require("jsdom");
-var _ejsLoader = _interopRequireDefault(require("../ejsLoader"));
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(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 t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import "core-js/modules/es.array.push.js";
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { copy, extend, Mapping } from 'clientnode';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import { JSDOM as DOM } from 'jsdom';
+import { Compilation, Compiler, LoaderContext } from 'webpack';
+import ejsLoader, { LoaderConfiguration as EJSLoaderConfiguration } from '../ejsLoader';
+import { HTMLTransformationOptions, HTMLWebpackPluginBeforeEmitData, WebpackLoader } from '../type';
 // endregion
-var HTMLTransformation = exports.HTMLTransformation = /*#__PURE__*/function () {
-  function HTMLTransformation() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    (0, _classCallCheck2["default"])(this, HTMLTransformation);
-    (0, _defineProperty2["default"])(this, "defaultOptions", {});
-    this.options = _objectSpread(_objectSpread({}, this.defaultOptions), options);
+
+export class HTMLTransformation {
+  constructor(options = {}) {
+    _defineProperty(this, "defaultOptions", {});
+    _defineProperty(this, "options", void 0);
+    this.options = {
+      ...this.defaultOptions,
+      ...options
+    };
   }
-  return (0, _createClass2["default"])(HTMLTransformation, [{
-    key: "process",
-    value: function process(data) {
+  process(data) {
+    /*
+        NOTE: We have to prevent creating native "style" dom nodes to
+        prevent jsdom from parsing the entire cascading style sheet. Which
+        is error prune and very resource intensive.
+    */
+    const styleContents = [];
+    data.html = data.html.replace(/(<style[^>]*>)([\s\S]*?)(<\/style[^>]*>)/gi, (match, startTag, content, endTag) => {
+      styleContents.push(content);
+      return `${startTag}${endTag}`;
+    });
+    let dom;
+    try {
       /*
-          NOTE: We have to prevent creating native "style" dom nodes to
-          prevent jsdom from parsing the entire cascading style sheet. Which
-          is error prune and very resource intensive.
+          NOTE: We have to translate template delimiter to html
+          compatible sequences and translate it back later to avoid
+          unexpected escape sequences in resulting html.
       */
-      var styleContents = [];
-      data.html = data.html.replace(/(<style[^>]*>)([\s\S]*?)(<\/style[^>]*>)/gi, function (match, startTag, content, endTag) {
-        styleContents.push(content);
-        return "".concat(startTag).concat(endTag);
-      });
-      var dom;
-      try {
-        /*
-            NOTE: We have to translate template delimiter to html
-            compatible sequences and translate it back later to avoid
-            unexpected escape sequences in resulting html.
-        */
-        dom = new _jsdom.JSDOM(data.html.replace(/<%/g, '##+#+#+##').replace(/%>/g, '##-#-#-##'));
-      } catch (_unused) {
-        return data;
-      }
-      var linkables = {
-        link: 'href',
-        script: 'src'
-      };
-      for (var _i = 0, _Object$entries = Object.entries(linkables); _i < _Object$entries.length; _i++) {
-        var _Object$entries$_i = (0, _slicedToArray2["default"])(_Object$entries[_i], 2),
-          tagName = _Object$entries$_i[0],
-          attributeName = _Object$entries$_i[1];
-        for (var _i2 = 0, _Array$from = Array.from(dom.window.document.querySelectorAll("".concat(tagName, "[").concat(attributeName, "*=\"?") + "".concat(this.options.hashAlgorithm, "=\"]"))); _i2 < _Array$from.length; _i2++) {
-          var domNode = _Array$from[_i2];
-          /*
-              NOTE: Removing symbols after a "&" in hash string is
-              necessary to match the generated request strings in offline
-              plugin.
-          */
-          var value = domNode.getAttribute(attributeName);
-          if (value) domNode.setAttribute(attributeName, value.replace(new RegExp("(\\?".concat(this.options.hashAlgorithm, "=[^&]+).*$")), '$1'));
-        }
-      }
-      // NOTE: We have to restore template delimiter and style contents.
-      data.html = dom.serialize().replace(/##\+#\+#\+##/g, '<%').replace(/##-#-#-##/g, '%>').replace(/(<style[^>]*>)[\s\S]*?(<\/style[^>]*>)/gi, function (match, startTag, endTag) {
-        return "".concat(startTag).concat(styleContents.shift()).concat(endTag);
-      });
-      // region post compilation
-      var _iterator = _createForOfIteratorHelper(this.options.files),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var htmlFileSpecification = _step.value;
-          if (htmlFileSpecification.filename === data.plugin.options.filename) {
-            var _iterator2 = _createForOfIteratorHelper([].concat(htmlFileSpecification.template.use)),
-              _step2;
-            try {
-              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                var _loaderConfiguration$;
-                var loaderConfiguration = _step2.value;
-                if ((_loaderConfiguration$ = loaderConfiguration.options) !== null && _loaderConfiguration$ !== void 0 && _loaderConfiguration$.compileSteps && typeof loaderConfiguration.options.compileSteps === 'number') data.html = _ejsLoader["default"].bind({
-                  query: (0, _clientnode.extend)(true, Object.prototype.hasOwnProperty.call(loaderConfiguration, 'options') ? (0, _clientnode.copy)(loaderConfiguration.options) : {}, htmlFileSpecification.template.postCompileOptions)
-                })(data.html);
-              }
-            } catch (err) {
-              _iterator2.e(err);
-            } finally {
-              _iterator2.f();
-            }
-            break;
-          }
-        }
-        // endregion
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
+      dom = new DOM(data.html.replace(/<%/g, '##+#+#+##').replace(/%>/g, '##-#-#-##'));
+    } catch {
       return data;
     }
-  }, {
-    key: "apply",
-    value: function apply(compiler) {
-      var _this = this;
-      compiler.hooks.compilation.tap('WebOptimizer', function (compilation) {
-        _this.options.htmlPlugin.getHooks(compilation).beforeEmit.tap('WebOptimizerPostProcessHTML', _this.process.bind(_this));
-      });
+    const linkables = {
+      link: 'href',
+      script: 'src'
+    };
+    for (const [tagName, attributeName] of Object.entries(linkables)) for (const domNode of Array.from(dom.window.document.querySelectorAll(`${tagName}[${attributeName}*="?` + `${this.options.hashAlgorithm}="]`))) {
+      /*
+          NOTE: Removing symbols after a "&" in hash string is
+          necessary to match the generated request strings in offline
+          plugin.
+      */
+      const value = domNode.getAttribute(attributeName);
+      if (value) domNode.setAttribute(attributeName, value.replace(new RegExp(`(\\?${this.options.hashAlgorithm}=[^&]+).*$`), '$1'));
+    }
+    // NOTE: We have to restore template delimiter and style contents.
+    data.html = dom.serialize().replace(/##\+#\+#\+##/g, '<%').replace(/##-#-#-##/g, '%>').replace(/(<style[^>]*>)[\s\S]*?(<\/style[^>]*>)/gi, (match, startTag, endTag) => `${startTag}${styleContents.shift()}${endTag}`);
+    // region post compilation
+    for (const htmlFileSpecification of this.options.files) if (htmlFileSpecification.filename === data.plugin.options.filename) {
+      for (const loaderConfiguration of [].concat(htmlFileSpecification.template.use)) if (loaderConfiguration.options?.compileSteps && typeof loaderConfiguration.options.compileSteps === 'number') data.html = ejsLoader.bind({
+        query: extend(true, Object.prototype.hasOwnProperty.call(loaderConfiguration, 'options') ? copy(loaderConfiguration.options) : {}, htmlFileSpecification.template.postCompileOptions)
+      })(data.html);
+      break;
     }
-  }]);
-}();
-var _default = exports["default"] = HTMLTransformation;
+    // endregion
+    return data;
+  }
+  apply(compiler) {
+    compiler.hooks.compilation.tap('WebOptimizer', compilation => {
+      this.options.htmlPlugin.getHooks(compilation).beforeEmit.tap('WebOptimizerPostProcessHTML', this.process.bind(this));
+    });
+  }
+}
+export default HTMLTransformation;

package/plugins/InPlaceAssetsIntoHTML.js

@@ -16,76 +16,73 @@
     endregion
 */
 // region imports
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.InPlaceAssetsIntoHTML = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(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 t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.iterator.some.js";
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { Compilation, Compiler } from 'webpack';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import { InPlaceAssetConfiguration, InPlaceAssetsIntoHTMLOptions, WebpackAssets, WebpackBaseAssets } from '../type';
 // endregion
-var InPlaceAssetsIntoHTML = exports.InPlaceAssetsIntoHTML = /*#__PURE__*/function () {
-  function InPlaceAssetsIntoHTML() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    (0, _classCallCheck2["default"])(this, InPlaceAssetsIntoHTML);
-    (0, _defineProperty2["default"])(this, "defaultOptions", {});
-    this.options = _objectSpread(_objectSpread({}, this.defaultOptions), options);
-  }
-  return (0, _createClass2["default"])(InPlaceAssetsIntoHTML, [{
-    key: "apply",
-    value: function apply(compiler) {
-      var _this = this;
-      var publicPath = compiler.options.output.publicPath || '';
-      if (publicPath && !publicPath.endsWith('/')) publicPath += '/';
-      compiler.hooks.compilation.tap('inPlaceHTMLAssets', function (compilation) {
-        var hooks = _this.options.htmlPlugin.getHooks(compilation);
-        var inPlacedAssetNames = [];
-        hooks.alterAssetTagGroups.tap('inPlaceHTMLAssets', function (assets) {
-          var inPlace = function inPlace(type, tag) {
-            var settings = null;
-            var url = false;
-            if (tag.tagName === 'script') {
-              settings = _this.options.javaScript;
-              url = tag.attributes.src;
-            } else if (tag.tagName === 'style') {
-              settings = _this.options.cascadingStyleSheet;
-              url = tag.attributes.href;
-            }
-            if (!(url && typeof url === 'string')) return tag;
-            var name = publicPath ? url.replace(publicPath, '') : url;
-            if (Object.prototype.hasOwnProperty.call(compilation.assets, name) && settings && settings[type] && [].concat(settings[type]).some(function (pattern) {
-              return new RegExp(pattern).test(name);
-            })) {
-              var newAttributes = _objectSpread({}, tag.attributes);
-              delete newAttributes.href;
-              delete newAttributes.src;
-              inPlacedAssetNames.push(name);
-              return _objectSpread(_objectSpread({}, tag), {}, {
-                attributes: newAttributes,
-                innerHTML: compilation.assets[name].source(),
-                tagName: 'script'
-              });
-            }
-            return tag;
-          };
-          assets.headTags = assets.headTags.map(inPlace.bind(_this, 'head'));
-          assets.bodyTags = assets.bodyTags.map(inPlace.bind(_this, 'body'));
-          return assets;
-        });
 
-        // NOTE: Avoid if you still want to emit the runtime chunks:
-        hooks.afterEmit.tap('inPlaceHTMLAssets', function (asset) {
-          for (var _i = 0, _inPlacedAssetNames = inPlacedAssetNames; _i < _inPlacedAssetNames.length; _i++) {
-            var name = _inPlacedAssetNames[_i];
-            delete compilation.assets[name];
+export class InPlaceAssetsIntoHTML {
+  constructor(options = {}) {
+    _defineProperty(this, "defaultOptions", {});
+    _defineProperty(this, "options", void 0);
+    this.options = {
+      ...this.defaultOptions,
+      ...options
+    };
+  }
+  apply(compiler) {
+    let publicPath = compiler.options.output.publicPath || '';
+    if (publicPath && !publicPath.endsWith('/')) publicPath += '/';
+    compiler.hooks.compilation.tap('inPlaceHTMLAssets', compilation => {
+      const hooks = this.options.htmlPlugin.getHooks(compilation);
+      const inPlacedAssetNames = [];
+      hooks.alterAssetTagGroups.tap('inPlaceHTMLAssets', assets => {
+        const inPlace = (type, tag) => {
+          let settings = null;
+          let url = false;
+          if (tag.tagName === 'script') {
+            settings = this.options.javaScript;
+            url = tag.attributes.src;
+          } else if (tag.tagName === 'style') {
+            settings = this.options.cascadingStyleSheet;
+            url = tag.attributes.href;
+          }
+          if (!(url && typeof url === 'string')) return tag;
+          const name = publicPath ? url.replace(publicPath, '') : url;
+          if (Object.prototype.hasOwnProperty.call(compilation.assets, name) && settings && settings[type] && [].concat(settings[type]).some(pattern => new RegExp(pattern).test(name))) {
+            const newAttributes = {
+              ...tag.attributes
+            };
+            delete newAttributes.href;
+            delete newAttributes.src;
+            inPlacedAssetNames.push(name);
+            return {
+              ...tag,
+              attributes: newAttributes,
+              innerHTML: compilation.assets[name].source(),
+              tagName: 'script'
+            };
           }
-          return asset;
-        });
+          return tag;
+        };
+        assets.headTags = assets.headTags.map(inPlace.bind(this, 'head'));
+        assets.bodyTags = assets.bodyTags.map(inPlace.bind(this, 'body'));
+        return assets;
       });
-    }
-  }]);
-}();
-var _default = exports["default"] = InPlaceAssetsIntoHTML;
+
+      // NOTE: Avoid if you still want to emit the runtime chunks:
+      hooks.afterEmit.tap('inPlaceHTMLAssets', asset => {
+        for (const name of inPlacedAssetNames) delete compilation.assets[name];
+        return asset;
+      });
+    });
+  }
+}
+export default InPlaceAssetsIntoHTML;

package/stylelintConfigurator.js

@@ -16,13 +16,9 @@
     endregion
 */
 // region imports
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _configurator = _interopRequireDefault(require("./configurator"));
+import getConfiguration from './configurator';
+import { ResolvedConfiguration } from './type';
 // endregion
-var configuration = (0, _configurator["default"])();
+const configuration = getConfiguration();
 module.exports = configuration.stylelint;
-var _default = exports["default"] = module.exports;
+export default module.exports;

package/type.js

@@ -16,24 +16,33 @@
     endregion
 */
 // region imports
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TaskTypes = exports.SubConfigurationTypes = void 0;
+import { AnyFunction, Encoding, Mapping, PlainObject, SecondParameter } from 'clientnode';
+import { FaviconWebpackPlugionOptions as FaviconWebpackPluginOptions } from 'favicons-webpack-plugin/src/options';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import { PluginOptions as ImageMinimizerOptions } from 'image-minimizer-webpack-plugin';
+import { JSDOM } from 'jsdom';
+import { DefinePlugin as WebpackDefinePlugin, Configuration as BaseWebpackConfiguration, IgnorePlugin as WebpackIgnorePlugin, library as webpackLibrary, ModuleOptions as WebpackModuleOptions, RuleSetRule as WebpackRuleSetRule, RuleSetUseItem as WebpackRuleSetUseItem, WebpackOptionsNormalized } from 'webpack';
+import { WebpackPartial as WorkboxBaseCommonOptions, BasePartial as WorkboxCommonOptions, WebpackGenerateSWOptions as WorkboxGenerateSWOptions, WebpackInjectManifestOptions as WorkboxInjectManifestOptions } from 'workbox-build';
+
 // endregion
 // region exports
 /// region generic
+
 /// endregion
 /// region injection
+
 /// endregion
 /// region configuration
 // region plugins
+
 // endregion
 //// region path
+
 //// endregion
 //// region build
-var SubConfigurationTypes = exports.SubConfigurationTypes = ['debug', 'document', 'test', 'test:browser'];
-var TaskTypes = exports.TaskTypes = ['build', 'serve'].concat(SubConfigurationTypes);
+
+export const SubConfigurationTypes = ['debug', 'document', 'test', 'test:browser'];
+export const TaskTypes = ['build', 'serve', ...SubConfigurationTypes];
 //// endregion
 //// region loader