htmlnano 2.1.2 → 2.1.3

package/dist/_modules/collapseAttributeWhitespace.mjs

@@ -0,0 +1,293 @@
+import { isEventHandler } from '../helpers.mjs';
+
+const attributesWithLists = new Set([
+    'class',
+    'dropzone',
+    'rel',
+    'ping',
+    'sandbox',
+    /**
+     * 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
+]);
+/** empty set means the attribute is alwasy trimmable */ const attributesWithSingleValue = new Map([
+    [
+        'accept',
+        new Set([
+            'input'
+        ])
+    ],
+    [
+        'action',
+        new Set([
+            'form'
+        ])
+    ],
+    [
+        'accesskey',
+        new Set()
+    ],
+    [
+        'accept-charset',
+        new Set([
+            'form'
+        ])
+    ],
+    [
+        'cite',
+        new Set([
+            'blockquote',
+            'del',
+            'ins',
+            'q'
+        ])
+    ],
+    [
+        'cols',
+        new Set([
+            'textarea'
+        ])
+    ],
+    [
+        'colspan',
+        new Set([
+            'td',
+            'th'
+        ])
+    ],
+    [
+        'data',
+        new Set([
+            'object'
+        ])
+    ],
+    [
+        'dropzone',
+        new Set()
+    ],
+    [
+        'formaction',
+        new Set([
+            'button',
+            'input'
+        ])
+    ],
+    [
+        'height',
+        new Set([
+            'canvas',
+            'embed',
+            'iframe',
+            'img',
+            'input',
+            'object',
+            'video'
+        ])
+    ],
+    [
+        'high',
+        new Set([
+            'meter'
+        ])
+    ],
+    [
+        'href',
+        new Set([
+            'a',
+            'area',
+            'base',
+            'link'
+        ])
+    ],
+    [
+        'itemid',
+        new Set()
+    ],
+    [
+        'low',
+        new Set([
+            'meter'
+        ])
+    ],
+    [
+        'manifest',
+        new Set([
+            'html'
+        ])
+    ],
+    [
+        'max',
+        new Set([
+            'meter',
+            'progress'
+        ])
+    ],
+    [
+        'maxlength',
+        new Set([
+            'input',
+            'textarea'
+        ])
+    ],
+    [
+        'media',
+        new Set([
+            'source'
+        ])
+    ],
+    [
+        'min',
+        new Set([
+            'meter'
+        ])
+    ],
+    [
+        'minlength',
+        new Set([
+            'input',
+            'textarea'
+        ])
+    ],
+    [
+        'optimum',
+        new Set([
+            'meter'
+        ])
+    ],
+    [
+        'ping',
+        new Set([
+            'a',
+            'area'
+        ])
+    ],
+    [
+        'poster',
+        new Set([
+            'video'
+        ])
+    ],
+    [
+        'profile',
+        new Set([
+            'head'
+        ])
+    ],
+    [
+        'rows',
+        new Set([
+            'textarea'
+        ])
+    ],
+    [
+        'rowspan',
+        new Set([
+            'td',
+            'th'
+        ])
+    ],
+    [
+        'size',
+        new Set([
+            'input',
+            'select'
+        ])
+    ],
+    [
+        'span',
+        new Set([
+            'col',
+            'colgroup'
+        ])
+    ],
+    [
+        'src',
+        new Set([
+            'audio',
+            'embed',
+            'iframe',
+            'img',
+            'input',
+            'script',
+            'source',
+            'track',
+            'video'
+        ])
+    ],
+    [
+        'start',
+        new Set([
+            'ol'
+        ])
+    ],
+    [
+        'step',
+        new Set([
+            'input'
+        ])
+    ],
+    [
+        'style',
+        new Set()
+    ],
+    [
+        'tabindex',
+        new Set()
+    ],
+    [
+        'usemap',
+        new Set([
+            'img',
+            'object'
+        ])
+    ],
+    [
+        'value',
+        new Set([
+            'li',
+            'meter',
+            'progress'
+        ])
+    ],
+    [
+        'width',
+        new Set([
+            'canvas',
+            'embed',
+            'iframe',
+            'img',
+            'input',
+            'object',
+            'video'
+        ])
+    ]
+]);
+/** Collapse whitespaces inside list-like attributes (e.g. class, rel) */ const mod = {
+    onAttrs () {
+        return (attrs, node)=>{
+            const newAttrs = attrs;
+            Object.entries(attrs).forEach(([attrName, attrValue])=>{
+                if (typeof attrValue !== 'string') return;
+                if (attributesWithLists.has(attrName)) {
+                    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();
+                    }
+                }
+            });
+            return newAttrs;
+        };
+    }
+};
+
+export { attributesWithLists, mod as default };

package/dist/_modules/collapseBooleanAttributes.d.mts

@@ -0,0 +1,60 @@
+import PostHTML from 'posthtml';
+import { MinifyOptions } from 'terser';
+import { Options } from 'cssnano';
+import { Config } from 'svgo';
+
+type PostHTMLTreeLike = [PostHTML.Node] & PostHTML.NodeAPI & {
+    options?: {
+        quoteAllAttributes?: boolean | undefined;
+    } | undefined;
+    render(): string;
+    render(node: PostHTML.Node | PostHTMLTreeLike, renderOptions?: any): string;
+};
+type MaybeArray<T> = T | Array<T>;
+type PostHTMLNodeLike = PostHTML.Node | string;
+interface HtmlnanoOptions {
+    skipConfigLoading?: boolean;
+    skipInternalWarnings?: boolean;
+    collapseAttributeWhitespace?: boolean;
+    collapseBooleanAttributes?: {
+        amphtml?: boolean;
+    };
+    collapseWhitespace?: 'conservative' | 'all' | 'aggressive';
+    custom?: MaybeArray<(tree: PostHTMLTreeLike, options?: any) => (PostHTML.Node | PostHTMLTreeLike)>;
+    deduplicateAttributeValues?: boolean;
+    minifyUrls?: URL | string | false;
+    mergeStyles?: boolean;
+    mergeScripts?: boolean;
+    minifyCss?: Options | boolean;
+    minifyConditionalComments?: boolean;
+    minifyJs?: MinifyOptions | boolean;
+    minifyJson?: boolean;
+    minifySvg?: Config | boolean;
+    normalizeAttributeValues?: boolean;
+    removeAttributeQuotes?: boolean;
+    removeComments?: boolean | 'safe' | 'all' | RegExp | ((comment: string) => boolean);
+    removeEmptyAttributes?: boolean;
+    removeRedundantAttributes?: boolean;
+    removeOptionalTags?: boolean;
+    removeUnusedCss?: boolean;
+    sortAttributes?: boolean | 'alphabetical' | 'frequency';
+    sortAttributesWithLists?: boolean | 'alphabetical' | 'frequency';
+}
+type HtmlnanoModuleAttrsHandler = (attrs: Record<string, string | boolean | void>, node: PostHTML.Node) => Record<string, string | boolean | void>;
+type HtmlnanoModuleContentHandler = (content: Array<PostHTMLNodeLike>, node: PostHTML.Node) => MaybeArray<PostHTMLNodeLike>;
+type HtmlnanoModuleNodeHandler = (node: PostHTMLNodeLike) => PostHTML.Node | string;
+type OptionalOptions<T> = T extends boolean | string | Function | number | null | undefined ? T : T extends object ? Partial<T> : T;
+type HtmlnanoModule<Options = any> = {
+    onAttrs?: (options: Partial<HtmlnanoOptions>, moduleOptions: OptionalOptions<Options>) => HtmlnanoModuleAttrsHandler;
+    onContent?: (options: Partial<HtmlnanoOptions>, moduleOptions: OptionalOptions<Options>) => HtmlnanoModuleContentHandler;
+    onNode?: (options: Partial<HtmlnanoOptions>, moduleOptions: OptionalOptions<Options>) => HtmlnanoModuleNodeHandler;
+    default?: (tree: PostHTMLTreeLike, options: Partial<HtmlnanoOptions>, moduleOptions: OptionalOptions<Options>) => PostHTMLTreeLike | Promise<PostHTMLTreeLike>;
+};
+
+interface CollapseBooleanAttributesOptions {
+    amphtml: boolean;
+}
+declare const mod: HtmlnanoModule<CollapseBooleanAttributesOptions>;
+
+export { mod as default };
+export type { CollapseBooleanAttributesOptions };

package/dist/_modules/collapseBooleanAttributes.d.ts

@@ -0,0 +1,60 @@
+import PostHTML from 'posthtml';
+import { MinifyOptions } from 'terser';
+import { Options } from 'cssnano';
+import { Config } from 'svgo';
+
+type PostHTMLTreeLike = [PostHTML.Node] & PostHTML.NodeAPI & {
+    options?: {
+        quoteAllAttributes?: boolean | undefined;
+    } | undefined;
+    render(): string;
+    render(node: PostHTML.Node | PostHTMLTreeLike, renderOptions?: any): string;
+};
+type MaybeArray<T> = T | Array<T>;
+type PostHTMLNodeLike = PostHTML.Node | string;
+interface HtmlnanoOptions {
+    skipConfigLoading?: boolean;
+    skipInternalWarnings?: boolean;
+    collapseAttributeWhitespace?: boolean;
+    collapseBooleanAttributes?: {
+        amphtml?: boolean;
+    };
+    collapseWhitespace?: 'conservative' | 'all' | 'aggressive';
+    custom?: MaybeArray<(tree: PostHTMLTreeLike, options?: any) => (PostHTML.Node | PostHTMLTreeLike)>;
+    deduplicateAttributeValues?: boolean;
+    minifyUrls?: URL | string | false;
+    mergeStyles?: boolean;
+    mergeScripts?: boolean;
+    minifyCss?: Options | boolean;
+    minifyConditionalComments?: boolean;
+    minifyJs?: MinifyOptions | boolean;
+    minifyJson?: boolean;
+    minifySvg?: Config | boolean;
+    normalizeAttributeValues?: boolean;
+    removeAttributeQuotes?: boolean;
+    removeComments?: boolean | 'safe' | 'all' | RegExp | ((comment: string) => boolean);
+    removeEmptyAttributes?: boolean;
+    removeRedundantAttributes?: boolean;
+    removeOptionalTags?: boolean;
+    removeUnusedCss?: boolean;
+    sortAttributes?: boolean | 'alphabetical' | 'frequency';
+    sortAttributesWithLists?: boolean | 'alphabetical' | 'frequency';
+}
+type HtmlnanoModuleAttrsHandler = (attrs: Record<string, string | boolean | void>, node: PostHTML.Node) => Record<string, string | boolean | void>;
+type HtmlnanoModuleContentHandler = (content: Array<PostHTMLNodeLike>, node: PostHTML.Node) => MaybeArray<PostHTMLNodeLike>;
+type HtmlnanoModuleNodeHandler = (node: PostHTMLNodeLike) => PostHTML.Node | string;
+type OptionalOptions<T> = T extends boolean | string | Function | number | null | undefined ? T : T extends object ? Partial<T> : T;
+type HtmlnanoModule<Options = any> = {
+    onAttrs?: (options: Partial<HtmlnanoOptions>, moduleOptions: OptionalOptions<Options>) => HtmlnanoModuleAttrsHandler;
+    onContent?: (options: Partial<HtmlnanoOptions>, moduleOptions: OptionalOptions<Options>) => HtmlnanoModuleContentHandler;
+    onNode?: (options: Partial<HtmlnanoOptions>, moduleOptions: OptionalOptions<Options>) => HtmlnanoModuleNodeHandler;
+    default?: (tree: PostHTMLTreeLike, options: Partial<HtmlnanoOptions>, moduleOptions: OptionalOptions<Options>) => PostHTMLTreeLike | Promise<PostHTMLTreeLike>;
+};
+
+interface CollapseBooleanAttributesOptions {
+    amphtml: boolean;
+}
+declare const mod: HtmlnanoModule<CollapseBooleanAttributesOptions>;
+
+export { mod as default };
+export type { CollapseBooleanAttributesOptions };

package/dist/_modules/collapseBooleanAttributes.js

@@ -0,0 +1,159 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+// Source: https://github.com/kangax/html-minifier/issues/63
+// https://html.spec.whatwg.org/#boolean-attribute
+// https://html.spec.whatwg.org/#attributes-1
+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',
+    'nomodule',
+    'noresize',
+    'noshade',
+    'novalidate',
+    'nowrap',
+    'open',
+    'pauseonexit',
+    'playsinline',
+    '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'
+]);
+const missingValueDefaultEmptyStringAttributes = {
+    // https://html.spec.whatwg.org/#attr-media-preload
+    audio: {
+        preload: 'auto'
+    },
+    video: {
+        preload: 'auto'
+    }
+};
+const tagsHasMissingValueDefaultEmptyStringAttributes = new Set(Object.keys(missingValueDefaultEmptyStringAttributes));
+const mod = {
+    onAttrs (options, moduleOptions) {
+        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;
+                    }
+                }
+            }
+            for (const attrName of Object.keys(attrs)){
+                if (attrName === 'visible' && node.tag.startsWith('a-')) {
+                    continue;
+                }
+                if (htmlBooleanAttributes.has(attrName)) {
+                    newAttrs[attrName] = true;
+                }
+                // 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] === '') {
+                    newAttrs[attrName] = true;
+                }
+                // 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] === '') {
+                    newAttrs[attrName] = true;
+                }
+                // collapse crossorigin attributes
+                // Specification: https://html.spec.whatwg.org/multipage/urls-and-fetching.html#cors-settings-attributes
+                if (attrName.toLowerCase() === 'crossorigin' && attrs[attrName] === 'anonymous') {
+                    newAttrs[attrName] = true;
+                }
+            }
+            return newAttrs;
+        };
+    }
+};
+
+exports.default = mod;