htmlnano 1.1.0 → 2.0.1

package/docs/versioned_docs/version-2.0.0/060-contribute.md

@@ -0,0 +1,16 @@
+# Contribute
+
+Since the minifier is modular, it's very easy to add new modules:
+
+1. Create a ES6-file inside `lib/modules/` with a function that does some minification. For example you can check [`lib/modules/example.es6`](https://github.com/posthtml/htmlnano/blob/master/lib/modules/example.es6).
+
+2. Add the module's name into one of those [presets](https://github.com/posthtml/htmlnano/tree/master/lib/presets). You can choose either `ampSafe`, `max`, or `safe`.
+
+3. Create a JS-file inside `test/modules/` with some unit-tests.
+
+4. Describe your module in the section "[Modules](https://github.com/posthtml/htmlnano/blob/master/README.md#modules)".
+
+5. Send me a pull request.
+
+Other types of contribution (bug fixes, documentation improves, etc) are also welcome!
+Would like to contribute, but don't have any ideas what to do? Check out [our issues](https://github.com/posthtml/htmlnano/labels/help%20wanted).

package/docs/versioned_sidebars/{version-1.1.0-sidebars.json → version-1.1.1-sidebars.json}

@@ -1,5 +1,5 @@
 {
-  "version-1.1.0/tutorialSidebar": [
+  "version-1.1.1/tutorialSidebar": [
     {
       "type": "autogenerated",
       "dirName": "."

package/docs/versioned_sidebars/version-2.0.0-sidebars.json

@@ -0,0 +1,8 @@
+{
+  "version-2.0.0/tutorialSidebar": [
+    {
+      "type": "autogenerated",
+      "dirName": "."
+    }
+  ]
+}

package/docs/versions.json

@@ -1,3 +1,4 @@
 [
-  "1.1.0"
+  "2.0.0",
+  "1.1.1"
 ]

package/lib/helpers.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.extractCssFromStyleNode = extractCssFromStyleNode;
 exports.isAmpBoilerplate = isAmpBoilerplate;
 exports.isComment = isComment;
 exports.isConditionalComment = isConditionalComment;
-exports.isStyleNode = isStyleNode;
-exports.extractCssFromStyleNode = extractCssFromStyleNode;
 exports.isEventHandler = isEventHandler;
+exports.isStyleNode = isStyleNode;
+exports.optionalRequire = optionalRequire;
 const ampBoilerplateAttributes = ['amp-boilerplate', 'amp4ads-boilerplate', 'amp4email-boilerplate'];
 
 function isAmpBoilerplate(node) {
@@ -43,4 +44,16 @@ function extractCssFromStyleNode(node) {
 
 function isEventHandler(attributeName) {
   return attributeName && attributeName.slice && attributeName.slice(0, 2).toLowerCase() === 'on' && attributeName.length >= 5;
+}
+
+function optionalRequire(moduleName) {
+  try {
+    return require(moduleName);
+  } catch (e) {
+    if (e.code === 'MODULE_NOT_FOUND') {
+      return null;
+    }
+
+    throw e;
+  }
 }

package/lib/htmlnano.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.loadConfig = loadConfig;
 exports.default = void 0;
+exports.loadConfig = loadConfig;
 
 var _posthtml = _interopRequireDefault(require("posthtml"));
 
@@ -55,9 +55,19 @@ function loadConfig(options, preset, configPath) {
   return [options || {}, preset || _safe.default];
 }
 
+const optionalDependencies = {
+  minifyCss: ['cssnano', 'postcss'],
+  minifyJs: ['terser'],
+  minifyUrl: ['relateurl', 'srcset', 'terser'],
+  minifySvg: ['svgo']
+};
+
 function htmlnano(optionsRun, presetRun) {
   let [options, preset] = loadConfig(optionsRun, presetRun);
   return function minifier(tree) {
+    const nodeHandlers = [];
+    const attrsHandlers = [];
+    const contentsHandlers = [];
     options = { ...preset,
       ...options
     };
@@ -73,15 +83,79 @@ function htmlnano(optionsRun, presetRun) {
         throw new Error('Module "' + moduleName + '" is not defined');
       }
 
-      let module = require('./modules/' + moduleName);
+      (optionalDependencies[moduleName] || []).forEach(dependency => {
+        try {
+          require(dependency);
+        } catch (e) {
+          if (e.code === 'MODULE_NOT_FOUND') {
+            console.warn(`You have to install "${dependency}" in order to use htmlnano's "${moduleName}" module`);
+          } else {
+            throw e;
+          }
+        }
+      });
+
+      const module = require('./modules/' + moduleName);
 
-      promise = promise.then(tree => module.default(tree, options, moduleOptions));
+      if (module.onAttrs) {
+        attrsHandlers.push(module.onAttrs(options, moduleOptions));
+      }
+
+      if (module.onContent) {
+        contentsHandlers.push(module.onContent(options, moduleOptions));
+      }
+
+      if (module.onNode) {
+        nodeHandlers.push(module.onNode(options, moduleOptions));
+      }
+
+      if (module.default) {
+        promise = promise.then(tree => module.default(tree, options, moduleOptions));
+      }
     }
 
-    return promise;
+    if (attrsHandlers.length + contentsHandlers.length + nodeHandlers.length === 0) {
+      return promise;
+    }
+
+    return promise.then(tree => {
+      tree.walk(node => {
+        if (node.attrs) {
+          // Convert all attrs' key to lower case
+          let newAttrsObj = {};
+          Object.entries(node.attrs).forEach(([attrName, attrValue]) => {
+            newAttrsObj[attrName.toLowerCase()] = attrValue;
+          });
+
+          for (const handler of attrsHandlers) {
+            newAttrsObj = handler(newAttrsObj, node);
+          }
+
+          node.attrs = newAttrsObj;
+        }
+
+        if (node.content) {
+          for (const handler of contentsHandlers) {
+            node.content = handler(node.content, node);
+          }
+        }
+
+        for (const handler of nodeHandlers) {
+          node = handler(node, node);
+        }
+
+        return node;
+      });
+      return tree;
+    });
   };
 }
 
+htmlnano.getRequiredOptionalDependencies = function (optionsRun, presetRun) {
+  const [options] = loadConfig(optionsRun, presetRun);
+  return [...new Set(Object.keys(options).filter(moduleName => options[moduleName]).map(moduleName => optionalDependencies[moduleName]).flat())];
+};
+
 htmlnano.process = function (html, options, preset, postHtmlOptions) {
   return (0, _posthtml.default)([htmlnano(options, preset)]).process(html, postHtmlOptions);
 };

package/lib/modules/collapseAttributeWhitespace.js

@@ -3,15 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = collapseAttributeWhitespace;
 exports.attributesWithLists = void 0;
+exports.onAttrs = onAttrs;
 
-var _helpers = require("../helpers.es6");
+var _helpers = require("../helpers");
 
 const attributesWithLists = new Set(['class', 'dropzone', 'rel', // a, area, link
 'ping', // a, area
 'sandbox', // iframe
-'sizes', // link
+
+/**
+ * https://github.com/posthtml/htmlnano/issues/180
+ * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#attr-sizes
+ *
+ * "sizes" of <img> should not be modified, while "sizes" of <link> will only have one entry in most cases.
+ */
+// 'sizes', // link
 'headers' // td, th
 ]);
 /** @type Record<string, string[] | null> */
@@ -58,29 +65,22 @@ const attributesWithSingleValue = {
 };
 /** Collapse whitespaces inside list-like attributes (e.g. class, rel) */
 
-function collapseAttributeWhitespace(tree) {
-  tree.walk(node => {
-    if (!node.attrs) {
-      return node;
-    }
-
-    Object.entries(node.attrs).forEach(([attrName, attrValue]) => {
-      const attrNameLower = attrName.toLowerCase();
-
-      if (attributesWithLists.has(attrNameLower)) {
+function onAttrs() {
+  return (attrs, node) => {
+    const newAttrs = attrs;
+    Object.entries(attrs).forEach(([attrName, attrValue]) => {
+      if (attributesWithLists.has(attrName)) {
         const newAttrValue = attrValue.replace(/\s+/g, ' ').trim();
-        node.attrs[attrName] = newAttrValue;
-        return node;
+        newAttrs[attrName] = newAttrValue;
+        return;
       }
 
-      if ((0, _helpers.isEventHandler)(attrNameLower) || Object.hasOwnProperty.call(attributesWithSingleValue, attrNameLower) && (attributesWithSingleValue[attrNameLower] === null || attributesWithSingleValue[attrNameLower].includes(node.tag))) {
-        node.attrs[attrName] = minifySingleAttributeValue(attrValue);
-        return node;
+      if ((0, _helpers.isEventHandler)(attrName) || Object.hasOwnProperty.call(attributesWithSingleValue, attrName) && (attributesWithSingleValue[attrName] === null || attributesWithSingleValue[attrName].includes(node.tag))) {
+        newAttrs[attrName] = minifySingleAttributeValue(attrValue);
       }
     });
-    return node;
-  });
-  return tree;
+    return newAttrs;
+  };
 }
 
 function minifySingleAttributeValue(value) {

package/lib/modules/collapseBooleanAttributes.js

@@ -3,42 +3,36 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = collapseBooleanAttributes;
+exports.onAttrs = onAttrs;
 // Source: https://github.com/kangax/html-minifier/issues/63
 const htmlBooleanAttributes = new Set(['allowfullscreen', 'allowpaymentrequest', 'allowtransparency', 'async', 'autofocus', 'autoplay', 'checked', 'compact', 'controls', 'declare', 'default', 'defaultchecked', 'defaultmuted', 'defaultselected', 'defer', 'disabled', 'enabled', 'formnovalidate', 'hidden', 'indeterminate', 'inert', 'ismap', 'itemscope', 'loop', 'multiple', 'muted', 'nohref', 'noresize', 'noshade', 'novalidate', 'nowrap', 'open', 'pauseonexit', 'readonly', 'required', 'reversed', 'scoped', 'seamless', 'selected', 'sortable', 'truespeed', 'typemustmatch', 'visible']);
 const amphtmlBooleanAttributes = new Set(['⚡', 'amp', '⚡4ads', 'amp4ads', '⚡4email', 'amp4email', 'amp-custom', 'amp-boilerplate', 'amp4ads-boilerplate', 'amp4email-boilerplate', 'allow-blocked-ranges', 'amp-access-hide', 'amp-access-template', 'amp-keyframes', 'animate', 'arrows', 'data-block-on-consent', 'data-enable-refresh', 'data-multi-size', 'date-template', 'disable-double-tap', 'disable-session-states', 'disableremoteplayback', 'dots', 'expand-single-section', 'expanded', 'fallback', 'first', 'fullscreen', 'inline', 'lightbox', 'noaudio', 'noautoplay', 'noloading', 'once', 'open-after-clear', 'open-after-select', 'open-button', 'placeholder', 'preload', 'reset-on-refresh', 'reset-on-resize', 'resizable', 'rotate-to-fullscreen', 'second', 'standalone', 'stereo', 'submit-error', 'submit-success', 'submitting', 'subscriptions-actions', 'subscriptions-dialog']);
 
-function collapseBooleanAttributes(tree, options, moduleOptions) {
-  tree.walk(node => {
-    if (!node.attrs) {
-      return node;
-    }
-
-    if (!node.tag) {
-      return node;
-    }
+function onAttrs(options, moduleOptions) {
+  return (attrs, node) => {
+    if (!node.tag) return attrs;
+    const newAttrs = attrs;
 
-    for (const attrName of Object.keys(node.attrs)) {
+    for (const attrName of Object.keys(attrs)) {
       if (attrName === 'visible' && node.tag.startsWith('a-')) {
         continue;
       }
 
       if (htmlBooleanAttributes.has(attrName)) {
-        node.attrs[attrName] = true;
+        newAttrs[attrName] = true;
       }
 
-      if (moduleOptions.amphtml && amphtmlBooleanAttributes.has(attrName) && node.attrs[attrName] === '') {
-        node.attrs[attrName] = true;
+      if (moduleOptions.amphtml && amphtmlBooleanAttributes.has(attrName) && attrs[attrName] === '') {
+        newAttrs[attrName] = true;
       } // collapse crossorigin attributes
       // Specification: https://html.spec.whatwg.org/multipage/urls-and-fetching.html#cors-settings-attributes
 
 
-      if (attrName.toLowerCase() === 'crossorigin' && (node.attrs[attrName] === 'anonymous' || node.attrs[attrName] === '')) {
-        node.attrs[attrName] = true;
+      if (attrName.toLowerCase() === 'crossorigin' && (attrs[attrName] === 'anonymous' || attrs[attrName] === '')) {
+        newAttrs[attrName] = true;
       }
     }
 
-    return node;
-  });
-  return tree;
+    return newAttrs;
+  };
 }

package/lib/modules/deduplicateAttributeValues.js

@@ -3,25 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = collapseAttributeWhitespace;
+exports.onAttrs = onAttrs;
 
 var _collapseAttributeWhitespace = require("./collapseAttributeWhitespace");
 
 /** Deduplicate values inside list-like attributes (e.g. class, rel) */
-function collapseAttributeWhitespace(tree) {
-  tree.walk(node => {
-    if (!node.attrs) {
-      return node;
-    }
-
-    Object.keys(node.attrs).forEach(attrName => {
-      const attrNameLower = attrName.toLowerCase();
-
-      if (!_collapseAttributeWhitespace.attributesWithLists.has(attrNameLower)) {
+function onAttrs() {
+  return attrs => {
+    const newAttrs = attrs;
+    Object.keys(attrs).forEach(attrName => {
+      if (!_collapseAttributeWhitespace.attributesWithLists.has(attrName)) {
         return;
       }
 
-      const attrValues = node.attrs[attrName].split(/\s/);
+      const attrValues = attrs[attrName].split(/\s/);
       const uniqeAttrValues = new Set();
       const deduplicatedAttrValues = [];
       attrValues.forEach(attrValue => {
@@ -38,9 +33,8 @@ function collapseAttributeWhitespace(tree) {
         deduplicatedAttrValues.push(attrValue);
         uniqeAttrValues.add(attrValue);
       });
-      node.attrs[attrName] = deduplicatedAttrValues.join(' ');
+      newAttrs[attrName] = deduplicatedAttrValues.join(' ');
     });
-    return node;
-  });
-  return tree;
+    return newAttrs;
+  };
 }

package/lib/modules/minifyCss.js

@@ -7,12 +7,8 @@ exports.default = minifyCss;
 
 var _helpers = require("../helpers");
 
-var _postcss = _interopRequireDefault(require("postcss"));
-
-var _cssnano = _interopRequireDefault(require("cssnano"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+const cssnano = (0, _helpers.optionalRequire)('cssnano');
+const postcss = (0, _helpers.optionalRequire)('postcss');
 const postcssOptions = {
   // Prevent the following warning from being shown:
   // > Without `from` option PostCSS could generate wrong source map and will not find Browserslist config.
@@ -22,6 +18,10 @@ const postcssOptions = {
 /** Minify CSS with cssnano */
 
 function minifyCss(tree, options, cssnanoOptions) {
+  if (!cssnano || !postcss) {
+    return tree;
+  }
+
   let promises = [];
   tree.walk(node => {
     if ((0, _helpers.isStyleNode)(node)) {
@@ -46,7 +46,7 @@ function processStyleNode(styleNode, cssnanoOptions) {
     css = strippedCss;
   }
 
-  return (0, _postcss.default)([(0, _cssnano.default)(cssnanoOptions)]).process(css, postcssOptions).then(result => {
+  return postcss([cssnano(cssnanoOptions)]).process(css, postcssOptions).then(result => {
     if (isCdataWrapped) {
       return styleNode.content = ['<![CDATA[' + result + ']]>'];
     }
@@ -61,7 +61,7 @@ function processStyleAttr(node, cssnanoOptions) {
   const wrapperStart = 'a{';
   const wrapperEnd = '}';
   const wrappedStyle = wrapperStart + (node.attrs.style || '') + wrapperEnd;
-  return (0, _postcss.default)([(0, _cssnano.default)(cssnanoOptions)]).process(wrappedStyle, postcssOptions).then(result => {
+  return postcss([cssnano(cssnanoOptions)]).process(wrappedStyle, postcssOptions).then(result => {
     const minifiedCss = result.css; // Remove wrapperStart at the start and wrapperEnd at the end of minifiedCss
 
     node.attrs.style = minifiedCss.substring(wrapperStart.length, minifiedCss.length - wrapperEnd.length);

package/lib/modules/minifyJs.js

@@ -5,16 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = minifyJs;
 
-var _terser = _interopRequireDefault(require("terser"));
-
-var _helpers = require("../helpers.es6");
+var _helpers = require("../helpers");
 
 var _removeRedundantAttributes = require("./removeRedundantAttributes");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+const terser = (0, _helpers.optionalRequire)('terser');
 /** Minify JS with Terser */
+
 function minifyJs(tree, options, terserOptions) {
+  if (!terser) return tree;
   let promises = [];
   tree.walk(node => {
     if (node.tag && node.tag === 'script') {
@@ -62,7 +61,7 @@ function processScriptNode(scriptNode, terserOptions) {
     js = strippedJs;
   }
 
-  return _terser.default.minify(js, terserOptions).then(result => {
+  return terser.minify(js, terserOptions).then(result => {
     if (result.error) {
       throw new Error(result.error);
     }
@@ -96,14 +95,12 @@ function processNodeWithOnAttrs(node, terserOptions) {
 
 
     let wrappedJs = jsWrapperStart + node.attrs[attrName] + jsWrapperEnd;
-
-    let promise = _terser.default.minify(wrappedJs, terserOptions).then(({
+    let promise = terser.minify(wrappedJs, terserOptions).then(({
       code
     }) => {
       let minifiedJs = code.substring(jsWrapperStart.length, code.length - jsWrapperEnd.length);
       node.attrs[attrName] = minifiedJs;
     });
-
     promises.push(promise);
   }
 

package/lib/modules/minifyJson.js

@@ -3,31 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = minifyJson;
+exports.onContent = onContent;
+const rNodeAttrsTypeJson = /(\/|\+)json/;
 
-/* Minify JSON inside <script> tags */
-function minifyJson(tree) {
-  // Match all <script> tags which have JSON mime type
-  tree.match({
-    tag: 'script',
-    attrs: {
-      type: /(\/|\+)json/
-    }
-  }, node => {
-    let content = (node.content || []).join('');
-
-    if (!content) {
-      return node;
-    }
+function onContent() {
+  return (content, node) => {
+    let newContent = content;
 
-    try {
-      content = JSON.stringify(JSON.parse(content));
-    } catch (error) {
-      return node;
+    if (node.attrs && node.attrs.type && rNodeAttrsTypeJson.test(node.attrs.type)) {
+      try {
+        newContent = JSON.stringify(JSON.parse((content || []).join('')));
+      } catch (error) {// Invalid JSON
+      }
     }
 
-    node.content = [content];
-    return node;
-  });
-  return tree;
+    return newContent;
+  };
 }

package/lib/modules/minifySvg.js

@@ -5,10 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = minifySvg;
 
-var _svgo = require("svgo");
+var _helpers = require("../helpers");
 
+const svgo = (0, _helpers.optionalRequire)('svgo');
 /** Minify SVG with SVGO */
+
 function minifySvg(tree, options, svgoOptions = {}) {
+  if (!svgo) return tree;
   tree.match({
     tag: 'svg'
   }, node => {
@@ -16,7 +19,7 @@ function minifySvg(tree, options, svgoOptions = {}) {
       closingSingleTag: 'slash',
       quoteAllAttributes: true
     });
-    const result = (0, _svgo.optimize)(svgStr, svgoOptions);
+    const result = svgo.optimize(svgStr, svgoOptions);
     node.tag = false;
     node.attrs = {};
     node.content = result.data;

package/lib/modules/minifyUrls.js

@@ -5,15 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = minifyUrls;
 
-var _relateurl = _interopRequireDefault(require("relateurl"));
+var _helpers = require("../helpers");
 
-var _srcset = _interopRequireDefault(require("srcset"));
+const RelateUrl = (0, _helpers.optionalRequire)('relateurl');
+const srcset = (0, _helpers.optionalRequire)('srcset');
+const terser = (0, _helpers.optionalRequire)('terser'); // Adopts from https://github.com/kangax/html-minifier/blob/51ce10f4daedb1de483ffbcccecc41be1c873da2/src/htmlminifier.js#L209-L221
 
-var _terser = _interopRequireDefault(require("terser"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Adopts from https://github.com/kangax/html-minifier/blob/51ce10f4daedb1de483ffbcccecc41be1c873da2/src/htmlminifier.js#L209-L221
 const tagsHaveUriValuesForAttributes = new Set(['a', 'area', 'link', 'base', 'object', 'blockquote', 'q', 'del', 'ins', 'form', 'input', 'head', 'audio', 'embed', 'iframe', 'img', 'script', 'track', 'video']);
 const tagsHasHrefAttributes = new Set(['a', 'area', 'link', 'base']);
 const attributesOfImgTagHasUriValues = new Set(['src', 'longdesc', 'usemap']);
@@ -77,7 +74,10 @@ function minifyUrls(tree, options, moduleOptions) {
    */
 
   if (!relateUrlInstance || STORED_URL_BASE !== urlBase) {
-    relateUrlInstance = new _relateurl.default(urlBase);
+    if (RelateUrl) {
+      relateUrlInstance = new RelateUrl(urlBase);
+    }
+
     STORED_URL_BASE = urlBase;
   }
 
@@ -96,25 +96,31 @@ function minifyUrls(tree, options, moduleOptions) {
         if (isJavaScriptUrl(attrValue)) {
           promises.push(minifyJavaScriptUrl(node, attrName));
         } else {
-          // FIXME!
-          // relateurl@1.0.0-alpha only supports URL while stable version (0.2.7) only supports string
-          // the WHATWG URL API is very strict while attrValue might not be a valid URL
-          // new URL should be used, and relateUrl#relate should be wrapped in try...catch after relateurl@1 is stable
-          node.attrs[attrName] = relateUrlInstance.relate(attrValue);
+          if (relateUrlInstance) {
+            // FIXME!
+            // relateurl@1.0.0-alpha only supports URL while stable version (0.2.7) only supports string
+            // the WHATWG URL API is very strict while attrValue might not be a valid URL
+            // new URL should be used, and relateUrl#relate should be wrapped in try...catch after relateurl@1 is stable
+            node.attrs[attrName] = relateUrlInstance.relate(attrValue);
+          }
         }
 
         continue;
       }
 
       if (isSrcsetAttribute(node.tag, attrNameLower)) {
-        try {
-          const parsedSrcset = _srcset.default.parse(attrValue);
-
-          node.attrs[attrName] = _srcset.default.stringify(parsedSrcset.map(srcset => {
-            srcset.url = relateUrlInstance.relate(srcset.url);
-            return srcset;
-          }));
-        } catch (e) {// srcset will throw an Error for invalid srcset.
+        if (srcset) {
+          try {
+            const parsedSrcset = srcset.parse(attrValue);
+            node.attrs[attrName] = srcset.stringify(parsedSrcset.map(srcset => {
+              if (relateUrlInstance) {
+                srcset.url = relateUrlInstance.relate(srcset.url);
+              }
+
+              return srcset;
+            }));
+          } catch (e) {// srcset will throw an Error for invalid srcset.
+          }
         }
 
         continue;
@@ -132,13 +138,14 @@ function isJavaScriptUrl(url) {
 }
 
 function minifyJavaScriptUrl(node, attrName) {
+  if (!terser) return Promise.resolve();
   const jsWrapperStart = 'function a(){';
   const jsWrapperEnd = '}a();';
   let result = node.attrs[attrName];
 
   if (result) {
     result = result.slice(JAVASCRIPT_URL_PROTOCOL.length);
-    return _terser.default.minify(result, {}) // Default Option is good enough
+    return terser.minify(result, {}) // Default Option is good enough
     .then(({
       code
     }) => {

package/lib/modules/normalizeAttributeValues.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = normalizeAttributeValues;
+exports.onAttrs = onAttrs;
 const caseInsensitiveAttributes = {
   autocomplete: ['form'],
   charset: ['meta', 'script'],
@@ -29,20 +29,14 @@ const caseInsensitiveAttributes = {
   wrap: ['textarea']
 };
 
-function normalizeAttributeValues(tree) {
-  tree.walk(node => {
-    if (!node.attrs) {
-      return node;
-    }
-
-    Object.entries(node.attrs).forEach(([attrName, attrValue]) => {
-      const attrNameLower = attrName.toLowerCase();
-
-      if (Object.hasOwnProperty.call(caseInsensitiveAttributes, attrNameLower) && (caseInsensitiveAttributes[attrNameLower] === null || caseInsensitiveAttributes[attrNameLower].includes(node.tag))) {
-        node.attrs[attrName] = attrValue.toLowerCase();
+function onAttrs() {
+  return (attrs, node) => {
+    const newAttrs = attrs;
+    Object.entries(attrs).forEach(([attrName, attrValue]) => {
+      if (Object.hasOwnProperty.call(caseInsensitiveAttributes, attrName) && (caseInsensitiveAttributes[attrName] === null || caseInsensitiveAttributes[attrName].includes(node.tag))) {
+        newAttrs[attrName] = attrValue.toLowerCase ? attrValue.toLowerCase() : attrValue;
       }
     });
-    return node;
-  });
-  return tree;
+    return newAttrs;
+  };
 }