@iconify/tools 2.0.13 → 2.0.16

package/lib/svg/cleanup/attribs.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.removeBadAttributes = void 0;
-const attributes_1 = require("../data/attributes");
-const tags_1 = require("../data/tags");
-const parse_1 = require("../parse");
-/**
- * Remove useless attributes
- */
-async function removeBadAttributes(svg) {
-    await (0, parse_1.parseSVG)(svg, (item) => {
-        const tagName = item.tagName;
-        const attribs = item.element.attribs;
-        const $element = item.$element;
-        // Common tags
-        Object.keys(attribs).forEach((attr) => {
-            // Bad attributes, events
-            if (attr.slice(0, 2) === 'on' ||
-                attributes_1.badAttributes.has(attr) ||
-                attributes_1.badSoftwareAttributes.has(attr) ||
-                attributes_1.badAttributePrefixes.has(attr.split('-').shift())) {
-                $element.removeAttr(attr);
-                return;
-            }
-            // Attributes on <defs> aren't passed to child nodes, so remove everything)
-            if (tags_1.defsTag.has(tagName) &&
-                !attributes_1.tagSpecificPresentationalAttributes[tagName].has(attr)) {
-                $element.removeAttr(attr);
-                return;
-            }
-            // Check for namespace
-            const nsParts = attr.split(':');
-            if (nsParts.length > 1) {
-                const namespace = nsParts.shift();
-                const newAttr = nsParts.join(':');
-                switch (namespace) {
-                    case 'xlink': {
-                        // Deprecated: use without namespace
-                        if (attribs[newAttr] === void 0) {
-                            $element.attr(newAttr, attribs[attr]);
-                        }
-                        break;
-                    }
-                }
-                // Remove all namespace attributes
-                $element.removeAttr(attr);
-            }
-        });
-    });
-}
-exports.removeBadAttributes = removeBadAttributes;

package/lib/svg/cleanup/bad-tags.js

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkBadTags = void 0;
-const parse_1 = require("../parse");
-const tags_1 = require("../data/tags");
-// List of required parent tags
-const requiredParentTags = new Map();
-// <feFunc*> must be children of <feComponentTransfer>
-requiredParentTags.set(new Set(['feComponentTransfer']), tags_1.feComponentTransferChildTag);
-// <feMergeNode> must be children of <feMerge>
-requiredParentTags.set(new Set(['feMerge']), tags_1.feMergeChildTags);
-// Children of <fe*Lightning>
-requiredParentTags.set(tags_1.feLightningTags, tags_1.feLightningChildTags);
-// Filter tags must be children of <filter>
-requiredParentTags.set(tags_1.filterTag, tags_1.filterChildTags);
-// <stop> must be inside gradient
-requiredParentTags.set(tags_1.gradientTags, tags_1.gradientChildTags);
-// <mpath> must be inside <animateMotion>
-requiredParentTags.set(new Set(['animateMotion']), tags_1.animateMotionChildTags);
-/**
- * Test for bag tags
- */
-async function checkBadTags(svg) {
-    await (0, parse_1.parseSVG)(svg, (item) => {
-        var _a;
-        const tagName = item.tagName;
-        const $element = item.$element;
-        // SVG as root
-        if (tagName === 'svg') {
-            if (item.parents.length) {
-                // Technically code is correct, but it badly complicates parsing, so not supported
-                throw new Error(`Unexpected element: <${tagName}>`);
-            }
-            return;
-        }
-        // Unsupported: quietly remove it
-        if (tags_1.unsupportedTags.has(tagName)) {
-            $element.remove();
-            item.testChildren = false;
-            return;
-        }
-        // Bad or unknown element
-        if (tags_1.badTags.has(tagName) || !tags_1.allValidTags.has(tagName)) {
-            const parts = tagName.split(':');
-            if (parts.length > 1) {
-                // Custom tag, most likely Inkscape junk
-                $element.remove();
-                item.testChildren = false;
-                return;
-            }
-            throw new Error(`Unexpected element: <${tagName}>`);
-        }
-        // Check for valid parent tag
-        const parentTagName = (_a = item.parents[0]) === null || _a === void 0 ? void 0 : _a.tagName;
-        for (const [parents, children] of requiredParentTags) {
-            if (children.has(tagName)) {
-                if (!parents.has(parentTagName)) {
-                    throw new Error(`Element <${tagName}> has wrong parent element`);
-                }
-                return;
-            }
-        }
-    });
-}
-exports.checkBadTags = checkBadTags;

package/lib/svg/cleanup/inline-style.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cleanupInlineStyle = void 0;
-const parse_1 = require("../../css/parse");
-const attributes_1 = require("../data/attributes");
-const parse_2 = require("../parse");
-/**
- * Expand inline style
- */
-async function cleanupInlineStyle(svg) {
-    await (0, parse_2.parseSVG)(svg, (item) => {
-        const $element = item.$element;
-        const attribs = item.element.attribs;
-        const tagName = item.tagName;
-        // Expand style
-        if (attribs.style) {
-            const parsedStyle = (0, parse_1.parseInlineStyle)(attribs.style);
-            if (parsedStyle === null) {
-                // Ignore style
-                $element.removeAttr('style');
-            }
-            else {
-                const newStyle = Object.create(null);
-                const checkRule = (prop, value) => {
-                    var _a, _b, _c;
-                    function warn() {
-                        console.warn(`Removing unexpected style on "${tagName}": ${prop}`);
-                    }
-                    // Check for bad attributes that should be removed
-                    if (attributes_1.badAttributes.has(prop) ||
-                        ((_a = attributes_1.tagSpecificNonPresentationalAttributes[tagName]) === null || _a === void 0 ? void 0 : _a.has(prop))) {
-                        return;
-                    }
-                    // Valid attributes
-                    if (((_b = attributes_1.tagSpecificAnimatedAttributes[tagName]) === null || _b === void 0 ? void 0 : _b.has(prop)) ||
-                        ((_c = attributes_1.tagSpecificPresentationalAttributes[tagName]) === null || _c === void 0 ? void 0 : _c.has(prop))) {
-                        $element.attr(prop, value);
-                        return;
-                    }
-                    // Attributes inside <clipPath>
-                    if (attributes_1.insideClipPathAttributes.has(prop)) {
-                        if (item.parents.find((item) => item.tagName === 'clipPath')) {
-                            $element.attr(prop, value);
-                        }
-                        return;
-                    }
-                    // Bad software stuff
-                    if (attributes_1.badSoftwareAttributes.has(prop) ||
-                        attributes_1.badAttributePrefixes.has(prop.split('-').shift())) {
-                        return;
-                    }
-                    // Vendor specific junk
-                    if (prop.slice(0, 1) === '-') {
-                        return;
-                    }
-                    // Unknown
-                    warn();
-                };
-                // Check all properties
-                for (const prop in parsedStyle) {
-                    checkRule(prop, parsedStyle[prop]);
-                }
-                // Update style
-                const newStyleStr = Object.keys(newStyle)
-                    .map((key) => key + ':' + newStyle[key] + ';')
-                    .join('');
-                if (newStyleStr.length) {
-                    $element.attr('style', newStyleStr);
-                }
-                else {
-                    $element.removeAttr('style');
-                }
-            }
-        }
-    });
-}
-exports.cleanupInlineStyle = cleanupInlineStyle;

package/lib/svg/cleanup/root-svg.js

@@ -1,107 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cleanupSVGRoot = void 0;
-const attributes_1 = require("../data/attributes");
-const tags_1 = require("../data/tags");
-/**
- * Clean up SVG
- */
-async function cleanupSVGRoot(svg) {
-    const cheerio = svg.$svg;
-    const $root = svg.$svg(':root');
-    const root = $root.get(0);
-    const tagName = 'svg';
-    if (root.tagName !== tagName) {
-        throw new Error(`Unexpected root tag <${root.tagName}>`);
-    }
-    const attribs = root.attribs;
-    // Check attributes
-    const moveToChildren = {};
-    Object.keys(attribs).forEach((attr) => {
-        var _a, _b;
-        const value = attribs[attr];
-        // Bad attributes, irrelevant common attributes, namespaces
-        if (attributes_1.commonAttributes.has(attr) ||
-            attributes_1.badAttributes.has(attr) ||
-            attributes_1.junkSVGAttributes.has(attr) ||
-            attributes_1.badSoftwareAttributes.has(attr) ||
-            attributes_1.badAttributePrefixes.has(attr.split('-').shift()) ||
-            attr.split(':').length > 1) {
-            $root.removeAttr(attr);
-            return;
-        }
-        // Special handling for dimensions
-        switch (attr) {
-            case 'width':
-            case 'height':
-                // Cleanup dimensions
-                if (value.slice(-2) === 'px') {
-                    // Remove 'px'
-                    const num = value.replace('px', '');
-                    if (parseFloat(num) + '' === num) {
-                        $root.attr(attr, num);
-                    }
-                }
-                return;
-        }
-        // Attributes that belong to <svg>
-        if ((_a = attributes_1.tagSpecificNonPresentationalAttributes[tagName]) === null || _a === void 0 ? void 0 : _a.has(attr)) {
-            return;
-        }
-        // Presentational attributes: move to child elements
-        if (((_b = attributes_1.tagSpecificPresentationalAttributes[tagName]) === null || _b === void 0 ? void 0 : _b.has(attr)) &&
-            attributes_1.tagSpecificPresentationalAttributes.g.has(attr)) {
-            moveToChildren[attr] = value;
-            $root.removeAttr(attr);
-            return;
-        }
-        // Styling: 'style' should be checked by expandInlineStyle(), remove others
-        if (attributes_1.stylingAttributes.has(attr)) {
-            switch (attr) {
-                case 'style':
-                    return;
-                case 'class':
-                    $root.removeAttr(attr);
-                    return;
-            }
-            throw new Error(`Unexpected attribute "${attr}" on <${tagName}>`);
-        }
-        // Junk from bad editors, mostly Adobe Illustrator and Inkscape
-        if (
-        // Events
-        attr.slice(0, 2) === 'on' ||
-            // aria-stuff
-            attr.slice(0, 5) === 'aria-' ||
-            // Junk
-            attr.slice(0, 6) === 'xmlns:') {
-            $root.removeAttr(attr);
-            return;
-        }
-        console.warn(`Removing unexpected attribute on SVG: ${attr}`);
-        $root.removeAttr(attr);
-    });
-    if (Object.keys(moveToChildren).length) {
-        // Wrap child elements
-        const $wrapper = cheerio('<g />');
-        for (const key in moveToChildren) {
-            $wrapper.attr(key, moveToChildren[key]);
-        }
-        $root.children().each((_index, child) => {
-            const $child = cheerio(child);
-            if (child.type !== 'tag') {
-                $child.appendTo($wrapper);
-                return;
-            }
-            const tagName = child.tagName;
-            if (tagName === 'style' ||
-                tags_1.reusableElementsWithPalette.has(tagName) ||
-                tags_1.maskTags.has(tagName)) {
-                // Do not wrap these elements
-                return;
-            }
-            $child.appendTo($wrapper);
-        });
-        $wrapper.appendTo($root);
-    }
-}
-exports.cleanupSVGRoot = cleanupSVGRoot;

package/lib/svg/cleanup/svgo-style.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertStyleToAttrs = void 0;
-const attributes_1 = require("../data/attributes");
-const parse_style_1 = require("../parse-style");
-const svgo_1 = require("../../optimise/svgo");
-/**
- * Expand inline style
- */
-async function convertStyleToAttrs(svg) {
-    let hasStyle = false;
-    // Clean up style, removing useless junk
-    await (0, parse_style_1.parseSVGStyle)(svg, (item) => {
-        const prop = item.prop;
-        if (
-        // Attributes / properties now allowed
-        attributes_1.badAttributes.has(prop) ||
-            attributes_1.badSoftwareAttributes.has(prop) ||
-            attributes_1.badAttributePrefixes.has(prop.split('-').shift())) {
-            return void 0;
-        }
-        hasStyle = true;
-        return item.value;
-    });
-    // Nothing to check?
-    if (!hasStyle) {
-        return;
-    }
-    // Run SVGO
-    await (0, svgo_1.runSVGO)(svg, {
-        plugins: ['convertStyleToAttrs', 'inlineStyles'],
-        multipass: true,
-    });
-}
-exports.convertStyleToAttrs = convertStyleToAttrs;

package/lib/svg/cleanup.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cleanupSVG = void 0;
-const attribs_1 = require("./cleanup/attribs");
-const bad_tags_1 = require("./cleanup/bad-tags");
-const inline_style_1 = require("./cleanup/inline-style");
-const root_svg_1 = require("./cleanup/root-svg");
-const svgo_style_1 = require("./cleanup/svgo-style");
-/**
- * Clean up SVG before parsing/optimising it
- */
-async function cleanupSVG(svg) {
-    // Remove junk from style
-    await (0, inline_style_1.cleanupInlineStyle)(svg);
-    // Expand style
-    await (0, svgo_style_1.convertStyleToAttrs)(svg);
-    // Cleanup <svg> element
-    await (0, root_svg_1.cleanupSVGRoot)(svg);
-    // Check for bad tags
-    await (0, bad_tags_1.checkBadTags)(svg);
-    // Remove attributes
-    await (0, attribs_1.removeBadAttributes)(svg);
-}
-exports.cleanupSVG = cleanupSVG;