htmlnano 3.0.0 → 3.1.0

package/README.md

@@ -1,28 +1,29 @@
-# htmlnano
+<h1><img src="docs/static/logo.png" alt="htmlnano logo" width="90" align="absmiddle">&nbsp;htmlnano</h1>
+
 [![npm version](https://badge.fury.io/js/htmlnano.svg)](http://badge.fury.io/js/htmlnano)
-![CI](https://github.com/posthtml/htmlnano/actions/workflows/ci.yml/badge.svg)
+![CI](https://github.com/maltsev/htmlnano/actions/workflows/ci.yml/badge.svg)
 
 Modular HTML minifier, built on top of the [PostHTML](https://github.com/posthtml/posthtml). Inspired by [cssnano](https://github.com/cssnano/cssnano).
 
 ## Benchmarks
 
 [html-minifier-terser]: https://www.npmjs.com/package/html-minifier-terser/v/7.2.0
-[html-minifier-next]: https://www.npmjs.com/package/html-minifier-next/v/1.4.0
-[htmlnano]: https://www.npmjs.com/package/htmlnano/v/2.1.3
-[minify]: https://www.npmjs.com/package/@tdewolff/minify/v/2.24.2
-[minify-html]: https://www.npmjs.com/package/@minify-html/node/v/0.16.4
+[html-minifier-next]: https://www.npmjs.com/package/html-minifier-next/v/4.15.2
+[htmlnano]: https://www.npmjs.com/package/htmlnano/v/3.1.0
+[minify]: https://www.npmjs.com/package/@tdewolff/minify/v/2.24.8
+[minify-html]: https://www.npmjs.com/package/@minify-html/node/v/0.18.1
 
-| Website                                                     | Source (KB) | [html-minifier-terser] | [html-minifier-next] | [htmlnano] | [minify] | [minify-html] |
-| ----------------------------------------------------------- | ----------: | ---------------------: | -------------------: | ---------: | -------: | ------------: |
-| [stackoverflow.blog](https://stackoverflow.blog/)           |         166 |                   3.3% |                 3.3% |       8.3% |     4.6% |          4.0% |
-| [github.com](https://github.com/)                           |         541 |                   3.7% |                 3.7% |      18.1% |     7.9% |          6.2% |
-| [en.wikipedia.org](https://en.wikipedia.org/wiki/Main_Page) |         220 |                   4.6% |                 4.6% |       4.9% |     6.2% |          2.9% |
-| [npmjs.com](https://www.npmjs.com/package/eslint)           |         460 |                   0.5% |                 0.5% |       0.9% |     3.6% |          0.7% |
-| [tc39.es](https://tc39.es/ecma262/)                         |        7198 |                   8.5% |                 8.5% |       8.7% |     9.5% |          9.1% |
-| [apple.com](https://www.apple.com/)                         |         190 |                   7.6% |                 7.6% |      12.1% |    10.5% |          8.1% |
-| [w3.org](https://www.w3.org/)                               |          49 |                  18.9% |                18.9% |      23.0% |    24.1% |         19.9% |
-| [weather.com](https://weather.com)                          |        1770 |                   0.2% |                 0.2% |      12.1% |    11.9% |          0.6% |
-| **Avg. minify rate**                                        |             |               **5.9%** |             **5.9%** |  **11.0%** | **9.8%** |      **6.4%** |
+| Website                                                       | Source (KB) | [html-minifier-terser] | [html-minifier-next] | [htmlnano] |  [minify] | [minify-html] |
+| ------------------------------------------------------------- | ----------: | ---------------------: | -------------------: | ---------: | --------: | ------------: |
+| [stackoverflow.blog](https://stackoverflow.blog/)             |         142 |                   3.7% |                32.3% |       6.8% |      4.5% |          4.6% |
+| [github.com](https://github.com/)                             |         549 |                   2.9% |                42.2% |      16.6% |      7.3% |          5.7% |
+| [en.wikipedia.org](https://en.wikipedia.org/wiki/Main_Page)   |         218 |                   4.6% |                 7.7% |       7.4% |      6.2% |          2.9% |
+| [developer.mozilla.org](https://developer.mozilla.org/en-US/) |         109 |                  37.9% |                42.0% |      52.7% |     40.1% |         39.9% |
+| [tc39.es](https://tc39.es/ecma262/)                           |        7243 |                   8.5% |                11.8% |       9.3% |      9.5% |          9.1% |
+| [apple.com](https://www.apple.com/)                           |         210 |                   9.2% |                14.4% |      11.2% |     10.3% |          9.8% |
+| [w3.org](https://www.w3.org/)                                 |          50 |                  19.0% |                24.6% |      23.4% |     24.4% |         20.3% |
+| [weather.com](https://weather.com)                            |        1960 |                   0.4% |                11.2% |      19.8% |     11.6% |          0.6% |
+| **Avg. minify rate**                                          |             |              **10.8%** |            **23.3%** |  **18.4%** | **14.2%** |     **11.6%** |
 
 Latest benchmarks: https://github.com/maltsev/html-minifiers-benchmark (updated daily).
 

package/dist/_modules/collapseAttributeWhitespace.d.mts

@@ -2,16 +2,24 @@ import PostHTML from 'posthtml';
 import { MinifyOptions } from 'terser';
 import { Options } from 'cssnano';
 import { Config } from 'svgo';
+import { UserDefinedOptions } from 'purgecss';
 
 type PostHTMLTreeLike = [PostHTML.Node] & PostHTML.NodeAPI & {
     options?: {
         quoteAllAttributes?: boolean | undefined;
+        quoteStyle?: 0 | 1 | 2 | undefined;
+        replaceQuote?: boolean | undefined;
     } | undefined;
     render(): string;
     render(node: PostHTML.Node | PostHTMLTreeLike, renderOptions?: any): string;
 };
 type MaybeArray<T> = T | Array<T>;
 type PostHTMLNodeLike = PostHTML.Node | string;
+type HtmlnanoTemplateRule = {
+    tag: string;
+    attrs?: Record<string, string | boolean | void>;
+};
+type MinifyHtmlTemplateOptions = boolean | HtmlnanoTemplateRule[];
 interface HtmlnanoOptions {
     skipConfigLoading?: boolean;
     configPath?: string;
@@ -27,17 +35,42 @@ interface HtmlnanoOptions {
     mergeStyles?: boolean;
     mergeScripts?: boolean;
     minifyCss?: Options | boolean;
+    minifyHtmlTemplate?: MinifyHtmlTemplateOptions;
     minifyConditionalComments?: boolean;
     minifyJs?: MinifyOptions | boolean;
     minifyJson?: boolean;
+    minifyAttributes?: boolean | {
+        metaContent?: boolean;
+        redundantWhitespaces?: 'safe' | 'agressive' | false;
+    };
     minifySvg?: Config | boolean;
     normalizeAttributeValues?: boolean;
-    removeAttributeQuotes?: boolean;
-    removeComments?: boolean | 'safe' | 'all' | RegExp | ((comment: string) => boolean);
+    removeAttributeQuotes?: boolean | {
+        force?: boolean;
+    };
+    removeComments?: boolean | RegExp | ((comment: string) => boolean) | string;
     removeEmptyAttributes?: boolean;
+    removeEmptyElements?: boolean | {
+        removeWithAttributes?: boolean;
+    };
     removeRedundantAttributes?: boolean;
     removeOptionalTags?: boolean;
-    removeUnusedCss?: boolean;
+    removeUnusedCss?: boolean | ({
+        tool: 'purgeCSS';
+    } & Omit<UserDefinedOptions, 'content' | 'css' | 'extractors'>) | {
+        banner?: boolean;
+        csspath?: string;
+        htmlroot?: string;
+        ignore?: (string | RegExp)[];
+        inject?: string;
+        jsdom?: object;
+        media?: string[];
+        report?: boolean;
+        strictSSL?: boolean;
+        timeout?: number;
+        uncssrc?: string;
+        userAgent?: string;
+    };
     sortAttributes?: boolean | 'alphabetical' | 'frequency';
     sortAttributesWithLists?: boolean | 'alphabetical' | 'frequency';
 }
@@ -52,7 +85,10 @@ type HtmlnanoModule<Options = any> = {
     default?: (tree: PostHTMLTreeLike, options: Partial<HtmlnanoOptions>, moduleOptions: OptionalOptions<Options>) => PostHTMLTreeLike | Promise<PostHTMLTreeLike>;
 };
 
-declare const attributesWithLists: Set<string>;
+declare const attributesWithLists: Map<string, Set<string>>;
+declare function isListAttribute(attrName: string, tagName?: string): boolean;
+declare const attributesWithSingleValue: Map<string, Set<string>>;
+declare function isSingleValueAttribute(attrName: string, tagName?: string): boolean;
 declare const mod: HtmlnanoModule;
 
-export { attributesWithLists, mod as default };
+export { attributesWithLists, attributesWithSingleValue, mod as default, isListAttribute, isSingleValueAttribute };

package/dist/_modules/collapseAttributeWhitespace.d.ts

@@ -2,16 +2,24 @@ import PostHTML from 'posthtml';
 import { MinifyOptions } from 'terser';
 import { Options } from 'cssnano';
 import { Config } from 'svgo';
+import { UserDefinedOptions } from 'purgecss';
 
 type PostHTMLTreeLike = [PostHTML.Node] & PostHTML.NodeAPI & {
     options?: {
         quoteAllAttributes?: boolean | undefined;
+        quoteStyle?: 0 | 1 | 2 | undefined;
+        replaceQuote?: boolean | undefined;
     } | undefined;
     render(): string;
     render(node: PostHTML.Node | PostHTMLTreeLike, renderOptions?: any): string;
 };
 type MaybeArray<T> = T | Array<T>;
 type PostHTMLNodeLike = PostHTML.Node | string;
+type HtmlnanoTemplateRule = {
+    tag: string;
+    attrs?: Record<string, string | boolean | void>;
+};
+type MinifyHtmlTemplateOptions = boolean | HtmlnanoTemplateRule[];
 interface HtmlnanoOptions {
     skipConfigLoading?: boolean;
     configPath?: string;
@@ -27,17 +35,42 @@ interface HtmlnanoOptions {
     mergeStyles?: boolean;
     mergeScripts?: boolean;
     minifyCss?: Options | boolean;
+    minifyHtmlTemplate?: MinifyHtmlTemplateOptions;
     minifyConditionalComments?: boolean;
     minifyJs?: MinifyOptions | boolean;
     minifyJson?: boolean;
+    minifyAttributes?: boolean | {
+        metaContent?: boolean;
+        redundantWhitespaces?: 'safe' | 'agressive' | false;
+    };
     minifySvg?: Config | boolean;
     normalizeAttributeValues?: boolean;
-    removeAttributeQuotes?: boolean;
-    removeComments?: boolean | 'safe' | 'all' | RegExp | ((comment: string) => boolean);
+    removeAttributeQuotes?: boolean | {
+        force?: boolean;
+    };
+    removeComments?: boolean | RegExp | ((comment: string) => boolean) | string;
     removeEmptyAttributes?: boolean;
+    removeEmptyElements?: boolean | {
+        removeWithAttributes?: boolean;
+    };
     removeRedundantAttributes?: boolean;
     removeOptionalTags?: boolean;
-    removeUnusedCss?: boolean;
+    removeUnusedCss?: boolean | ({
+        tool: 'purgeCSS';
+    } & Omit<UserDefinedOptions, 'content' | 'css' | 'extractors'>) | {
+        banner?: boolean;
+        csspath?: string;
+        htmlroot?: string;
+        ignore?: (string | RegExp)[];
+        inject?: string;
+        jsdom?: object;
+        media?: string[];
+        report?: boolean;
+        strictSSL?: boolean;
+        timeout?: number;
+        uncssrc?: string;
+        userAgent?: string;
+    };
     sortAttributes?: boolean | 'alphabetical' | 'frequency';
     sortAttributesWithLists?: boolean | 'alphabetical' | 'frequency';
 }
@@ -52,7 +85,10 @@ type HtmlnanoModule<Options = any> = {
     default?: (tree: PostHTMLTreeLike, options: Partial<HtmlnanoOptions>, moduleOptions: OptionalOptions<Options>) => PostHTMLTreeLike | Promise<PostHTMLTreeLike>;
 };
 
-declare const attributesWithLists: Set<string>;
+declare const attributesWithLists: Map<string, Set<string>>;
+declare function isListAttribute(attrName: string, tagName?: string): boolean;
+declare const attributesWithSingleValue: Map<string, Set<string>>;
+declare function isSingleValueAttribute(attrName: string, tagName?: string): boolean;
 declare const mod: HtmlnanoModule;
 
-export { attributesWithLists, mod as default };
+export { attributesWithLists, attributesWithSingleValue, mod as default, isListAttribute, isSingleValueAttribute };

package/dist/_modules/collapseAttributeWhitespace.js

@@ -2,20 +2,57 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var helpers_js = require('../helpers.js');
 
-const attributesWithLists = new Set([
-    'class',
-    'dropzone',
-    'rel',
-    'ping',
-    'sandbox',
+const attributesWithLists = new Map([
+    [
+        'class',
+        new Set()
+    ],
+    [
+        'dropzone',
+        new Set()
+    ],
+    [
+        'rel',
+        new Set()
+    ],
+    [
+        'ping',
+        new Set()
+    ],
+    [
+        'sandbox',
+        new Set()
+    ],
     /**
-     * https://github.com/posthtml/htmlnano/issues/180
+     * https://github.com/maltsev/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
+     * "sizes" of <img> should not be modified, while "sizes" of <link> is a list of tokens.
+     */ [
+        'sizes',
+        new Set([
+            'link'
+        ])
+    ],
+    [
+        'headers',
+        new Set()
+    ] // td, th
 ]);
+function isListAttribute(attrName, tagName) {
+    const attrKey = attrName.toLowerCase();
+    const tagSet = attributesWithLists.get(attrKey);
+    if (!tagSet) {
+        return false;
+    }
+    if (tagSet.size === 0) {
+        return true;
+    }
+    if (!tagName) {
+        return false;
+    }
+    return tagSet.has(tagName.toLowerCase());
+}
 /** empty set means the attribute is alwasy trimmable */ const attributesWithSingleValue = new Map([
     [
         'accept',
@@ -268,23 +305,36 @@ const attributesWithLists = new Set([
         ])
     ]
 ]);
+function isSingleValueAttribute(attrName, tagName) {
+    const attrKey = attrName.toLowerCase();
+    const tagSet = attributesWithSingleValue.get(attrKey);
+    if (!tagSet) {
+        return false;
+    }
+    if (!tagName) {
+        return false;
+    }
+    if (tagSet.size === 0) {
+        return true;
+    }
+    return tagSet.has(tagName.toLowerCase());
+}
 /** Collapse whitespaces inside list-like attributes (e.g. class, rel) */ const mod = {
     onAttrs () {
         return (attrs, node)=>{
             const newAttrs = attrs;
+            const tagName = node.tag ? node.tag.toLowerCase() : undefined;
             Object.entries(attrs).forEach(([attrName, attrValue])=>{
                 if (typeof attrValue !== 'string') return;
-                if (attributesWithLists.has(attrName)) {
+                const attrNameLower = attrName.toLowerCase();
+                if (isListAttribute(attrNameLower, tagName)) {
                     newAttrs[attrName] = attrValue.replace(/\s+/g, ' ').trim();
                     return;
                 }
                 if (helpers_js.isEventHandler(attrName)) {
                     newAttrs[attrName] = attrValue.trim();
-                } else if (node.tag && attributesWithSingleValue.has(attrName)) {
-                    const tagSet = attributesWithSingleValue.get(attrName);
-                    if (tagSet.size === 0 || tagSet.has(node.tag)) {
-                        newAttrs[attrName] = attrValue.trim();
-                    }
+                } else if (isSingleValueAttribute(attrNameLower, tagName)) {
+                    newAttrs[attrName] = attrValue.trim();
                 }
             });
             return newAttrs;
@@ -293,4 +343,7 @@ const attributesWithLists = new Set([
 };
 
 exports.attributesWithLists = attributesWithLists;
+exports.attributesWithSingleValue = attributesWithSingleValue;
 exports.default = mod;
+exports.isListAttribute = isListAttribute;
+exports.isSingleValueAttribute = isSingleValueAttribute;

package/dist/_modules/collapseAttributeWhitespace.mjs

@@ -1,19 +1,56 @@
 import { isEventHandler } from '../helpers.mjs';
 
-const attributesWithLists = new Set([
-    'class',
-    'dropzone',
-    'rel',
-    'ping',
-    'sandbox',
+const attributesWithLists = new Map([
+    [
+        'class',
+        new Set()
+    ],
+    [
+        'dropzone',
+        new Set()
+    ],
+    [
+        'rel',
+        new Set()
+    ],
+    [
+        'ping',
+        new Set()
+    ],
+    [
+        'sandbox',
+        new Set()
+    ],
     /**
-     * https://github.com/posthtml/htmlnano/issues/180
+     * https://github.com/maltsev/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
+     * "sizes" of <img> should not be modified, while "sizes" of <link> is a list of tokens.
+     */ [
+        'sizes',
+        new Set([
+            'link'
+        ])
+    ],
+    [
+        'headers',
+        new Set()
+    ] // td, th
 ]);
+function isListAttribute(attrName, tagName) {
+    const attrKey = attrName.toLowerCase();
+    const tagSet = attributesWithLists.get(attrKey);
+    if (!tagSet) {
+        return false;
+    }
+    if (tagSet.size === 0) {
+        return true;
+    }
+    if (!tagName) {
+        return false;
+    }
+    return tagSet.has(tagName.toLowerCase());
+}
 /** empty set means the attribute is alwasy trimmable */ const attributesWithSingleValue = new Map([
     [
         'accept',
@@ -266,23 +303,36 @@ const attributesWithLists = new Set([
         ])
     ]
 ]);
+function isSingleValueAttribute(attrName, tagName) {
+    const attrKey = attrName.toLowerCase();
+    const tagSet = attributesWithSingleValue.get(attrKey);
+    if (!tagSet) {
+        return false;
+    }
+    if (!tagName) {
+        return false;
+    }
+    if (tagSet.size === 0) {
+        return true;
+    }
+    return tagSet.has(tagName.toLowerCase());
+}
 /** Collapse whitespaces inside list-like attributes (e.g. class, rel) */ const mod = {
     onAttrs () {
         return (attrs, node)=>{
             const newAttrs = attrs;
+            const tagName = node.tag ? node.tag.toLowerCase() : undefined;
             Object.entries(attrs).forEach(([attrName, attrValue])=>{
                 if (typeof attrValue !== 'string') return;
-                if (attributesWithLists.has(attrName)) {
+                const attrNameLower = attrName.toLowerCase();
+                if (isListAttribute(attrNameLower, tagName)) {
                     newAttrs[attrName] = attrValue.replace(/\s+/g, ' ').trim();
                     return;
                 }
                 if (isEventHandler(attrName)) {
                     newAttrs[attrName] = attrValue.trim();
-                } else if (node.tag && attributesWithSingleValue.has(attrName)) {
-                    const tagSet = attributesWithSingleValue.get(attrName);
-                    if (tagSet.size === 0 || tagSet.has(node.tag)) {
-                        newAttrs[attrName] = attrValue.trim();
-                    }
+                } else if (isSingleValueAttribute(attrNameLower, tagName)) {
+                    newAttrs[attrName] = attrValue.trim();
                 }
             });
             return newAttrs;
@@ -290,4 +340,4 @@ const attributesWithLists = new Set([
     }
 };
 
-export { attributesWithLists, mod as default };
+export { attributesWithLists, attributesWithSingleValue, mod as default, isListAttribute, isSingleValueAttribute };

package/dist/_modules/collapseBooleanAttributes.d.mts

@@ -2,16 +2,24 @@ import PostHTML from 'posthtml';
 import { MinifyOptions } from 'terser';
 import { Options } from 'cssnano';
 import { Config } from 'svgo';
+import { UserDefinedOptions } from 'purgecss';
 
 type PostHTMLTreeLike = [PostHTML.Node] & PostHTML.NodeAPI & {
     options?: {
         quoteAllAttributes?: boolean | undefined;
+        quoteStyle?: 0 | 1 | 2 | undefined;
+        replaceQuote?: boolean | undefined;
     } | undefined;
     render(): string;
     render(node: PostHTML.Node | PostHTMLTreeLike, renderOptions?: any): string;
 };
 type MaybeArray<T> = T | Array<T>;
 type PostHTMLNodeLike = PostHTML.Node | string;
+type HtmlnanoTemplateRule = {
+    tag: string;
+    attrs?: Record<string, string | boolean | void>;
+};
+type MinifyHtmlTemplateOptions = boolean | HtmlnanoTemplateRule[];
 interface HtmlnanoOptions {
     skipConfigLoading?: boolean;
     configPath?: string;
@@ -27,17 +35,42 @@ interface HtmlnanoOptions {
     mergeStyles?: boolean;
     mergeScripts?: boolean;
     minifyCss?: Options | boolean;
+    minifyHtmlTemplate?: MinifyHtmlTemplateOptions;
     minifyConditionalComments?: boolean;
     minifyJs?: MinifyOptions | boolean;
     minifyJson?: boolean;
+    minifyAttributes?: boolean | {
+        metaContent?: boolean;
+        redundantWhitespaces?: 'safe' | 'agressive' | false;
+    };
     minifySvg?: Config | boolean;
     normalizeAttributeValues?: boolean;
-    removeAttributeQuotes?: boolean;
-    removeComments?: boolean | 'safe' | 'all' | RegExp | ((comment: string) => boolean);
+    removeAttributeQuotes?: boolean | {
+        force?: boolean;
+    };
+    removeComments?: boolean | RegExp | ((comment: string) => boolean) | string;
     removeEmptyAttributes?: boolean;
+    removeEmptyElements?: boolean | {
+        removeWithAttributes?: boolean;
+    };
     removeRedundantAttributes?: boolean;
     removeOptionalTags?: boolean;
-    removeUnusedCss?: boolean;
+    removeUnusedCss?: boolean | ({
+        tool: 'purgeCSS';
+    } & Omit<UserDefinedOptions, 'content' | 'css' | 'extractors'>) | {
+        banner?: boolean;
+        csspath?: string;
+        htmlroot?: string;
+        ignore?: (string | RegExp)[];
+        inject?: string;
+        jsdom?: object;
+        media?: string[];
+        report?: boolean;
+        strictSSL?: boolean;
+        timeout?: number;
+        uncssrc?: string;
+        userAgent?: string;
+    };
     sortAttributes?: boolean | 'alphabetical' | 'frequency';
     sortAttributesWithLists?: boolean | 'alphabetical' | 'frequency';
 }

package/dist/_modules/collapseBooleanAttributes.d.ts

@@ -2,16 +2,24 @@ import PostHTML from 'posthtml';
 import { MinifyOptions } from 'terser';
 import { Options } from 'cssnano';
 import { Config } from 'svgo';
+import { UserDefinedOptions } from 'purgecss';
 
 type PostHTMLTreeLike = [PostHTML.Node] & PostHTML.NodeAPI & {
     options?: {
         quoteAllAttributes?: boolean | undefined;
+        quoteStyle?: 0 | 1 | 2 | undefined;
+        replaceQuote?: boolean | undefined;
     } | undefined;
     render(): string;
     render(node: PostHTML.Node | PostHTMLTreeLike, renderOptions?: any): string;
 };
 type MaybeArray<T> = T | Array<T>;
 type PostHTMLNodeLike = PostHTML.Node | string;
+type HtmlnanoTemplateRule = {
+    tag: string;
+    attrs?: Record<string, string | boolean | void>;
+};
+type MinifyHtmlTemplateOptions = boolean | HtmlnanoTemplateRule[];
 interface HtmlnanoOptions {
     skipConfigLoading?: boolean;
     configPath?: string;
@@ -27,17 +35,42 @@ interface HtmlnanoOptions {
     mergeStyles?: boolean;
     mergeScripts?: boolean;
     minifyCss?: Options | boolean;
+    minifyHtmlTemplate?: MinifyHtmlTemplateOptions;
     minifyConditionalComments?: boolean;
     minifyJs?: MinifyOptions | boolean;
     minifyJson?: boolean;
+    minifyAttributes?: boolean | {
+        metaContent?: boolean;
+        redundantWhitespaces?: 'safe' | 'agressive' | false;
+    };
     minifySvg?: Config | boolean;
     normalizeAttributeValues?: boolean;
-    removeAttributeQuotes?: boolean;
-    removeComments?: boolean | 'safe' | 'all' | RegExp | ((comment: string) => boolean);
+    removeAttributeQuotes?: boolean | {
+        force?: boolean;
+    };
+    removeComments?: boolean | RegExp | ((comment: string) => boolean) | string;
     removeEmptyAttributes?: boolean;
+    removeEmptyElements?: boolean | {
+        removeWithAttributes?: boolean;
+    };
     removeRedundantAttributes?: boolean;
     removeOptionalTags?: boolean;
-    removeUnusedCss?: boolean;
+    removeUnusedCss?: boolean | ({
+        tool: 'purgeCSS';
+    } & Omit<UserDefinedOptions, 'content' | 'css' | 'extractors'>) | {
+        banner?: boolean;
+        csspath?: string;
+        htmlroot?: string;
+        ignore?: (string | RegExp)[];
+        inject?: string;
+        jsdom?: object;
+        media?: string[];
+        report?: boolean;
+        strictSSL?: boolean;
+        timeout?: number;
+        uncssrc?: string;
+        userAgent?: string;
+    };
     sortAttributes?: boolean | 'alphabetical' | 'frequency';
     sortAttributesWithLists?: boolean | 'alphabetical' | 'frequency';
 }

package/dist/_modules/collapseBooleanAttributes.js

@@ -119,35 +119,42 @@ const mod = {
         return (attrs, node)=>{
             if (!node.tag) return attrs;
             const newAttrs = attrs;
-            if (tagsHasMissingValueDefaultEmptyStringAttributes.has(node.tag)) {
-                const tagAttributesCanBeReplacedWithEmptyString = missingValueDefaultEmptyStringAttributes[node.tag];
-                for (const attributesCanBeReplacedWithEmptyString of Object.keys(tagAttributesCanBeReplacedWithEmptyString)){
-                    if (attributesCanBeReplacedWithEmptyString in attrs && attributesCanBeReplacedWithEmptyString in tagAttributesCanBeReplacedWithEmptyString && attrs[attributesCanBeReplacedWithEmptyString] === tagAttributesCanBeReplacedWithEmptyString[attributesCanBeReplacedWithEmptyString]) {
-                        attrs[attributesCanBeReplacedWithEmptyString] = true;
+            const tagName = node.tag.toLowerCase();
+            if (tagsHasMissingValueDefaultEmptyStringAttributes.has(tagName)) {
+                const tagAttributesCanBeReplacedWithEmptyString = missingValueDefaultEmptyStringAttributes[tagName];
+                for (const attributeName of Object.keys(tagAttributesCanBeReplacedWithEmptyString)){
+                    if (attributeName in attrs && typeof attrs[attributeName] === 'string' && attrs[attributeName].toLowerCase() === tagAttributesCanBeReplacedWithEmptyString[attributeName]) {
+                        attrs[attributeName] = true;
                     }
                 }
             }
             for (const attrName of Object.keys(attrs)){
-                if (attrName === 'visible' && node.tag.startsWith('a-')) {
+                const attrNameLower = attrName.toLowerCase();
+                if (attrNameLower === 'visible' && tagName.startsWith('a-')) {
                     continue;
                 }
-                if (htmlBooleanAttributes.has(attrName)) {
+                if (htmlBooleanAttributes.has(attrNameLower)) {
                     newAttrs[attrName] = true;
+                    continue;
                 }
                 // Fast path optimization.
                 // The rest of tranformations are only for string type attrValue.
-                if (typeof newAttrs[attrName] !== 'string') continue;
-                if (moduleOptions.amphtml && amphtmlBooleanAttributes.has(attrName) && attrs[attrName] === '') {
+                const attrValue = newAttrs[attrName];
+                if (typeof attrValue !== 'string') continue;
+                const attrValueLower = attrValue.toLowerCase();
+                if (moduleOptions.amphtml && amphtmlBooleanAttributes.has(attrNameLower) && (attrValue === '' || attrValueLower === 'true' || attrValueLower === attrNameLower)) {
                     newAttrs[attrName] = true;
+                    continue;
                 }
                 // https://html.spec.whatwg.org/#a-quick-introduction-to-html
                 // The value, along with the "=" character, can be omitted altogether if the value is the empty string.
-                if (attrs[attrName] === '') {
+                if (attrValue === '') {
                     newAttrs[attrName] = true;
+                    continue;
                 }
                 // collapse crossorigin attributes
                 // Specification: https://html.spec.whatwg.org/multipage/urls-and-fetching.html#cors-settings-attributes
-                if (attrName.toLowerCase() === 'crossorigin' && attrs[attrName] === 'anonymous') {
+                if (attrNameLower === 'crossorigin' && attrValueLower === 'anonymous') {
                     newAttrs[attrName] = true;
                 }
             }