@iconify/tools 4.2.0 → 5.0.0-beta.1

package/lib/optimise/global-style.mjs

@@ -1,156 +0,0 @@
-import { allValidTags, animateTags } from '../svg/data/tags.mjs';
-import { parseSVG } from '../svg/parse.mjs';
-import { parseSVGStyle } from '../svg/parse-style.mjs';
-import '../css/parse.mjs';
-import '../css/parser/tokens.mjs';
-import '../css/parser/error.mjs';
-import '../css/parser/strings.mjs';
-import '../css/parser/text.mjs';
-import '../css/parser/export.mjs';
-import '../css/parser/tree.mjs';
-
-function getClassList(value) {
-  return value?.split(/\s+/);
-}
-const tempDataAttrbiute = "data-gstyle-temp";
-function cleanupGlobalStyle(svg) {
-  const backup = svg.toString();
-  let containsTempAttr = false;
-  const animatedClasses = /* @__PURE__ */ new Set();
-  parseSVG(svg, (item) => {
-    if (!animateTags.has(item.tagName)) {
-      return;
-    }
-    const $element = item.$element;
-    if ($element.attr("attributeName") !== "class") {
-      return;
-    }
-    ["from", "to", "values"].forEach((attr) => {
-      const value = $element.attr(attr);
-      if (typeof value !== "string") {
-        return;
-      }
-      value.split(";").forEach((item2) => {
-        getClassList(item2).forEach((className) => {
-          animatedClasses.add(className);
-        });
-      });
-    });
-  });
-  const removeClasses = /* @__PURE__ */ new Set();
-  try {
-    parseSVGStyle(svg, (styleItem) => {
-      const returnValue = styleItem.value;
-      if (styleItem.type !== "global") {
-        return returnValue;
-      }
-      const selectorTokens = styleItem.selectorTokens;
-      for (let i = 0; i < selectorTokens.length; i++) {
-        const selectorToken = selectorTokens[i];
-        if (selectorToken.type !== "selector") {
-          return returnValue;
-        }
-      }
-      const selectors = styleItem.selectors;
-      const matches = [];
-      for (let i = 0; i < selectors.length; i++) {
-        const selector = styleItem.selectors[i];
-        const firstChar = selector.charAt(0);
-        let matchType;
-        if (firstChar === ".") {
-          matchType = "class";
-        } else if (firstChar === "#") {
-          matchType = "id";
-        } else if (allValidTags.has(selector)) {
-          matchType = "tag";
-        } else {
-          return returnValue;
-        }
-        const valueMatch = matchType === "tag" ? selector : selector.slice(1);
-        if (matchType === "class" && animatedClasses.has(valueMatch)) {
-          return returnValue;
-        }
-        matches.push({
-          type: matchType,
-          value: valueMatch
-        });
-      }
-      const isMatch = (tagName, $element) => {
-        for (let i = 0; i < matches.length; i++) {
-          const { type, value } = matches[i];
-          switch (type) {
-            case "id":
-              if ($element.attr("id") === value) {
-                return true;
-              }
-              break;
-            case "tag":
-              if (tagName === value) {
-                return true;
-              }
-              break;
-            case "class": {
-              const className = $element.attr("class");
-              if (className && getClassList(className).includes(value)) {
-                return true;
-              }
-            }
-          }
-        }
-        return false;
-      };
-      parseSVG(svg, (svgItem) => {
-        const tagName = svgItem.tagName;
-        const $element = svgItem.$element;
-        if (!isMatch(tagName, $element)) {
-          return;
-        }
-        const addedAttributes = new Set(
-          $element.attr(tempDataAttrbiute)?.split(/\s+/)
-        );
-        const prop = styleItem.prop;
-        if ($element.attr(prop) !== void 0) {
-          if (addedAttributes.has(prop)) {
-            throw new Error("Duplicate attribute");
-          }
-        }
-        $element.attr(prop, styleItem.value);
-        addedAttributes.add(prop);
-        $element.attr(
-          tempDataAttrbiute,
-          Array.from(addedAttributes).join(" ")
-        );
-        containsTempAttr = true;
-      });
-      matches.forEach((match) => {
-        if (match.type === "class") {
-          removeClasses.add(match.value);
-        }
-      });
-    });
-    parseSVG(svg, (svgItem) => {
-      const $element = svgItem.$element;
-      const classList = getClassList($element.attr("class"));
-      if (!classList) {
-        return;
-      }
-      const filtered = classList.filter(
-        (item) => !removeClasses.has(item)
-      );
-      if (!filtered.length) {
-        $element.removeAttr("class");
-      } else {
-        $element.attr("class", filtered.join(" "));
-      }
-    });
-    if (containsTempAttr) {
-      parseSVG(svg, (item) => {
-        item.$element.removeAttr(tempDataAttrbiute);
-      });
-    }
-  } catch {
-    svg.load(backup);
-  }
-}
-
-export { cleanupGlobalStyle };

package/lib/optimise/mask.cjs

@@ -1,110 +0,0 @@
-'use strict';
-
-const colors_parse = require('../colors/parse.cjs');
-const utils = require('@iconify/utils');
-require('@iconify/utils/lib/colors');
-require('../svg/data/tags.cjs');
-require('../svg/parse-style.cjs');
-require('../css/parse.cjs');
-require('../css/parser/tokens.cjs');
-require('../css/parser/error.cjs');
-require('../css/parser/strings.cjs');
-require('../css/parser/text.cjs');
-require('../css/parser/export.cjs');
-require('../css/parser/tree.cjs');
-require('../svg/parse.cjs');
-require('../colors/attribs.cjs');
-require('../svg/data/attributes.cjs');
-require('../svg/analyse.cjs');
-require('../svg/analyse/error.cjs');
-
-const defaultBlackColors = ["black", "#000", "#000000"];
-const defaultWhiteColors = ["white", "#fff", "#ffffff"];
-const defaultOptions = {
-  color: "currentColor",
-  solid: [...defaultBlackColors, "currentcolor"],
-  transparent: defaultWhiteColors,
-  force: false,
-  id: "mask"
-};
-function convertSVGToMask(svg, options = {}) {
-  const props = {
-    ...defaultOptions,
-    ...options
-  };
-  const check = (test, value, color) => {
-    if (typeof test === "string") {
-      return value.toLowerCase() === test;
-    }
-    if (test instanceof Array) {
-      return test.includes(value.toLowerCase());
-    }
-    return test(value, color);
-  };
-  let foundSolid = false;
-  let foundTransparent = false;
-  let failed = false;
-  let hasCustomValue = false;
-  const backup = svg.toString();
-  colors_parse.parseColors(svg, {
-    callback: (attr, colorStr, color) => {
-      if (!color || colors_parse.isEmptyColor(color)) {
-        return colorStr;
-      }
-      if (props.custom) {
-        let customValue = props.custom(colorStr.toLowerCase(), color);
-        if (typeof customValue === "number") {
-          const num = Math.max(
-            Math.min(Math.round(customValue * 255), 255),
-            0
-          );
-          let str = num.toString(16);
-          if (str.length < 2) {
-            str = "0" + str;
-          }
-          if (str[0] === str[1]) {
-            str = str[0];
-          }
-          customValue = "#" + str + str + str;
-        }
-        if (typeof customValue === "string") {
-          if (defaultBlackColors.includes(customValue)) {
-            foundSolid = true;
-          } else if (defaultWhiteColors.includes(customValue)) {
-            foundTransparent = true;
-          } else {
-            hasCustomValue = true;
-          }
-          return customValue;
-        }
-      }
-      if (check(props.solid, colorStr, color)) {
-        foundSolid = true;
-        return "#fff";
-      }
-      if (check(props.transparent, colorStr, color)) {
-        foundTransparent = true;
-        return "#000";
-      }
-      failed = true;
-      console.warn("Unexpected color:", colorStr);
-      return color;
-    }
-  });
-  const hasColors = hasCustomValue || foundSolid && foundTransparent;
-  if (failed || !hasColors && !props.force) {
-    svg.load(backup);
-    return false;
-  }
-  const parsed = utils.parseSVGContent(svg.toString());
-  if (!parsed) {
-    return false;
-  }
-  const { defs, content } = utils.splitSVGDefs(parsed.body);
-  const newBody = `<defs>${defs}<mask id="${props.id}">${content}</mask></defs><rect mask="url(#${props.id})" ${svg.viewBox.left ? `x=${svg.viewBox.left} ` : ""}${svg.viewBox.top ? `y=${svg.viewBox.top} ` : ""}width="${svg.viewBox.width}" height="${svg.viewBox.height}" fill="${props.color}" />`;
-  const newContent = utils.iconToHTML(newBody, parsed.attribs);
-  svg.load(newContent);
-  return true;
-}
-
-exports.convertSVGToMask = convertSVGToMask;

package/lib/optimise/mask.d.cts

@@ -1,24 +0,0 @@
-import { Color } from '@iconify/utils/lib/colors/types';
-import { SVG } from '../svg/index.cjs';
-import 'cheerio';
-import '@iconify/types';
-import '@iconify/utils/lib/customisations/defaults';
-
-type ColorCallback = (value: string, color: Color | null) => boolean;
-type ColorCheck = string | string[] | ColorCallback;
-interface SVGToMaskOptions {
-    color?: string;
-    solid?: ColorCheck;
-    transparent?: ColorCheck;
-    custom?: (value: string, color: Color | null) => string | number | undefined;
-    force?: boolean;
-    id?: string;
-}
-/**
- * Converts SVG to mask
- *
- * Fixes badly designed icons, which use white shape where icon supposed to be transparent
- */
-declare function convertSVGToMask(svg: SVG, options?: SVGToMaskOptions): boolean;
-
-export { convertSVGToMask };

package/lib/optimise/mask.d.mts

@@ -1,24 +0,0 @@
-import { Color } from '@iconify/utils/lib/colors/types';
-import { SVG } from '../svg/index.mjs';
-import 'cheerio';
-import '@iconify/types';
-import '@iconify/utils/lib/customisations/defaults';
-
-type ColorCallback = (value: string, color: Color | null) => boolean;
-type ColorCheck = string | string[] | ColorCallback;
-interface SVGToMaskOptions {
-    color?: string;
-    solid?: ColorCheck;
-    transparent?: ColorCheck;
-    custom?: (value: string, color: Color | null) => string | number | undefined;
-    force?: boolean;
-    id?: string;
-}
-/**
- * Converts SVG to mask
- *
- * Fixes badly designed icons, which use white shape where icon supposed to be transparent
- */
-declare function convertSVGToMask(svg: SVG, options?: SVGToMaskOptions): boolean;
-
-export { convertSVGToMask };

package/lib/optimise/mask.mjs

@@ -1,108 +0,0 @@
-import { parseColors, isEmptyColor } from '../colors/parse.mjs';
-import { parseSVGContent, splitSVGDefs, iconToHTML } from '@iconify/utils';
-import '@iconify/utils/lib/colors';
-import '../svg/data/tags.mjs';
-import '../svg/parse-style.mjs';
-import '../css/parse.mjs';
-import '../css/parser/tokens.mjs';
-import '../css/parser/error.mjs';
-import '../css/parser/strings.mjs';
-import '../css/parser/text.mjs';
-import '../css/parser/export.mjs';
-import '../css/parser/tree.mjs';
-import '../svg/parse.mjs';
-import '../colors/attribs.mjs';
-import '../svg/data/attributes.mjs';
-import '../svg/analyse.mjs';
-import '../svg/analyse/error.mjs';
-
-const defaultBlackColors = ["black", "#000", "#000000"];
-const defaultWhiteColors = ["white", "#fff", "#ffffff"];
-const defaultOptions = {
-  color: "currentColor",
-  solid: [...defaultBlackColors, "currentcolor"],
-  transparent: defaultWhiteColors,
-  force: false,
-  id: "mask"
-};
-function convertSVGToMask(svg, options = {}) {
-  const props = {
-    ...defaultOptions,
-    ...options
-  };
-  const check = (test, value, color) => {
-    if (typeof test === "string") {
-      return value.toLowerCase() === test;
-    }
-    if (test instanceof Array) {
-      return test.includes(value.toLowerCase());
-    }
-    return test(value, color);
-  };
-  let foundSolid = false;
-  let foundTransparent = false;
-  let failed = false;
-  let hasCustomValue = false;
-  const backup = svg.toString();
-  parseColors(svg, {
-    callback: (attr, colorStr, color) => {
-      if (!color || isEmptyColor(color)) {
-        return colorStr;
-      }
-      if (props.custom) {
-        let customValue = props.custom(colorStr.toLowerCase(), color);
-        if (typeof customValue === "number") {
-          const num = Math.max(
-            Math.min(Math.round(customValue * 255), 255),
-            0
-          );
-          let str = num.toString(16);
-          if (str.length < 2) {
-            str = "0" + str;
-          }
-          if (str[0] === str[1]) {
-            str = str[0];
-          }
-          customValue = "#" + str + str + str;
-        }
-        if (typeof customValue === "string") {
-          if (defaultBlackColors.includes(customValue)) {
-            foundSolid = true;
-          } else if (defaultWhiteColors.includes(customValue)) {
-            foundTransparent = true;
-          } else {
-            hasCustomValue = true;
-          }
-          return customValue;
-        }
-      }
-      if (check(props.solid, colorStr, color)) {
-        foundSolid = true;
-        return "#fff";
-      }
-      if (check(props.transparent, colorStr, color)) {
-        foundTransparent = true;
-        return "#000";
-      }
-      failed = true;
-      console.warn("Unexpected color:", colorStr);
-      return color;
-    }
-  });
-  const hasColors = hasCustomValue || foundSolid && foundTransparent;
-  if (failed || !hasColors && !props.force) {
-    svg.load(backup);
-    return false;
-  }
-  const parsed = parseSVGContent(svg.toString());
-  if (!parsed) {
-    return false;
-  }
-  const { defs, content } = splitSVGDefs(parsed.body);
-  const newBody = `<defs>${defs}<mask id="${props.id}">${content}</mask></defs><rect mask="url(#${props.id})" ${svg.viewBox.left ? `x=${svg.viewBox.left} ` : ""}${svg.viewBox.top ? `y=${svg.viewBox.top} ` : ""}width="${svg.viewBox.width}" height="${svg.viewBox.height}" fill="${props.color}" />`;
-  const newContent = iconToHTML(newBody, parsed.attribs);
-  svg.load(newContent);
-  return true;
-}
-
-export { convertSVGToMask };

package/lib/optimise/origin.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-const optimise_svgo = require('./svgo.cjs');
-require('svgo');
-require('@iconify/utils/lib/svg/id');
-
-function resetSVGOrigin(svg) {
-  const viewBox = svg.viewBox;
-  if (viewBox.left !== 0 || viewBox.top !== 0) {
-    const content = `<svg width="${viewBox.width}" height="${viewBox.height}" viewBox="0 0 ${viewBox.width} ${viewBox.height}"><g transform="translate(${0 - viewBox.left} ${0 - viewBox.top})">${svg.getBody()}</g></svg>`;
-    svg.load(content);
-    optimise_svgo.runSVGO(svg, {
-      plugins: [
-        "collapseGroups",
-        "convertTransform",
-        "convertPathData",
-        "sortAttrs"
-      ]
-    });
-  }
-}
-
-exports.resetSVGOrigin = resetSVGOrigin;

package/lib/optimise/origin.d.cts

@@ -1,11 +0,0 @@
-import { SVG } from '../svg/index.cjs';
-import 'cheerio';
-import '@iconify/types';
-import '@iconify/utils/lib/customisations/defaults';
-
-/**
- * Reset origin to 0 0
- */
-declare function resetSVGOrigin(svg: SVG): void;
-
-export { resetSVGOrigin };

package/lib/optimise/origin.d.mts

@@ -1,11 +0,0 @@
-import { SVG } from '../svg/index.mjs';
-import 'cheerio';
-import '@iconify/types';
-import '@iconify/utils/lib/customisations/defaults';
-
-/**
- * Reset origin to 0 0
- */
-declare function resetSVGOrigin(svg: SVG): void;
-
-export { resetSVGOrigin };

package/lib/optimise/origin.mjs

@@ -1,21 +0,0 @@
-import { runSVGO } from './svgo.mjs';
-import 'svgo';
-import '@iconify/utils/lib/svg/id';
-
-function resetSVGOrigin(svg) {
-  const viewBox = svg.viewBox;
-  if (viewBox.left !== 0 || viewBox.top !== 0) {
-    const content = `<svg width="${viewBox.width}" height="${viewBox.height}" viewBox="0 0 ${viewBox.width} ${viewBox.height}"><g transform="translate(${0 - viewBox.left} ${0 - viewBox.top})">${svg.getBody()}</g></svg>`;
-    svg.load(content);
-    runSVGO(svg, {
-      plugins: [
-        "collapseGroups",
-        "convertTransform",
-        "convertPathData",
-        "sortAttrs"
-      ]
-    });
-  }
-}
-
-export { resetSVGOrigin };

package/lib/optimise/scale.cjs

@@ -1,27 +0,0 @@
-'use strict';
-
-const optimise_origin = require('./origin.cjs');
-const optimise_svgo = require('./svgo.cjs');
-require('svgo');
-require('@iconify/utils/lib/svg/id');
-
-function scaleSVG(svg, scale) {
-  optimise_origin.resetSVGOrigin(svg);
-  if (scale !== 1) {
-    const viewBox = svg.viewBox;
-    const width = viewBox.width * scale;
-    const height = viewBox.height * scale;
-    const content = `<svg width="${width}" height="${height}" viewBox="0 0 ${width} ${height}"><g transform="scale(${scale})">${svg.getBody()}</g></svg>`;
-    svg.load(content);
-    optimise_svgo.runSVGO(svg, {
-      plugins: [
-        "collapseGroups",
-        "convertTransform",
-        "convertPathData",
-        "sortAttrs"
-      ]
-    });
-  }
-}
-
-exports.scaleSVG = scaleSVG;

package/lib/optimise/scale.d.cts

@@ -1,11 +0,0 @@
-import { SVG } from '../svg/index.cjs';
-import 'cheerio';
-import '@iconify/types';
-import '@iconify/utils/lib/customisations/defaults';
-
-/**
- * Scale icon
- */
-declare function scaleSVG(svg: SVG, scale: number): void;
-
-export { scaleSVG };

package/lib/optimise/scale.d.mts

@@ -1,11 +0,0 @@
-import { SVG } from '../svg/index.mjs';
-import 'cheerio';
-import '@iconify/types';
-import '@iconify/utils/lib/customisations/defaults';
-
-/**
- * Scale icon
- */
-declare function scaleSVG(svg: SVG, scale: number): void;
-
-export { scaleSVG };

package/lib/optimise/scale.mjs

@@ -1,25 +0,0 @@
-import { resetSVGOrigin } from './origin.mjs';
-import { runSVGO } from './svgo.mjs';
-import 'svgo';
-import '@iconify/utils/lib/svg/id';
-
-function scaleSVG(svg, scale) {
-  resetSVGOrigin(svg);
-  if (scale !== 1) {
-    const viewBox = svg.viewBox;
-    const width = viewBox.width * scale;
-    const height = viewBox.height * scale;
-    const content = `<svg width="${width}" height="${height}" viewBox="0 0 ${width} ${height}"><g transform="scale(${scale})">${svg.getBody()}</g></svg>`;
-    svg.load(content);
-    runSVGO(svg, {
-      plugins: [
-        "collapseGroups",
-        "convertTransform",
-        "convertPathData",
-        "sortAttrs"
-      ]
-    });
-  }
-}
-
-export { scaleSVG };

package/lib/optimise/svgo.cjs

@@ -1,107 +0,0 @@
-'use strict';
-
-const svgo = require('svgo');
-const id = require('@iconify/utils/lib/svg/id');
-
-function getSVGOPlugins(options) {
-  return [
-    "cleanupAttrs",
-    "mergeStyles",
-    "inlineStyles",
-    "removeComments",
-    "removeUselessDefs",
-    "removeEditorsNSData",
-    "removeEmptyAttrs",
-    "removeEmptyContainers",
-    "convertStyleToAttrs",
-    "convertColors",
-    "convertTransform",
-    "removeUnknownsAndDefaults",
-    "removeNonInheritableGroupAttrs",
-    "removeUnusedNS",
-    "cleanupNumericValues",
-    "cleanupListOfValues",
-    "moveElemsAttrsToGroup",
-    "moveGroupAttrsToElems",
-    "collapseGroups",
-    "sortDefsChildren",
-    "sortAttrs",
-    // Plugins that are bugged when using animations
-    ...options.animated ? [] : ["removeUselessStrokeAndFill"],
-    // Plugins that modify shapes or are bugged when using animations
-    ...options.animated || options.keepShapes ? [] : [
-      "removeHiddenElems",
-      "convertShapeToPath",
-      "convertEllipseToCircle",
-      {
-        name: "convertPathData",
-        params: {
-          noSpaceAfterFlags: true
-        }
-      },
-      {
-        name: "mergePaths",
-        params: {
-          noSpaceAfterFlags: true
-        }
-      },
-      // 'removeOffCanvasPaths', // bugged for some icons
-      "reusePaths"
-    ],
-    // Clean up IDs, first run
-    // Sometimes bugs out on animated icons. Do not use with animations!
-    ...!options.animated && options.cleanupIDs !== false ? ["cleanupIds"] : []
-  ];
-}
-function runSVGO(svg, options = {}) {
-  const code = svg.toString();
-  const multipass = options.multipass !== false;
-  let plugins;
-  if (options.plugins) {
-    plugins = options.plugins;
-  } else {
-    const animated = code.includes("<animate") || code.includes("<set");
-    plugins = getSVGOPlugins({
-      ...options,
-      animated
-    });
-    if (code.includes("filter=") && code.includes("transform=")) {
-      plugins = plugins.filter(
-        (item) => item !== "moveElemsAttrsToGroup"
-      );
-    }
-  }
-  const pluginOptions = {
-    plugins,
-    multipass
-  };
-  const result = svgo.optimize(code, pluginOptions);
-  if (typeof result.error === "string") {
-    throw new Error(result.error);
-  }
-  let content = result.data.replace(/<defs\/>/g, "");
-  if (!options.plugins) {
-    const prefix = options.cleanupIDs !== void 0 ? options.cleanupIDs : "svgID";
-    if (prefix !== false) {
-      let counter = 0;
-      content = id.replaceIDs(
-        content,
-        typeof prefix === "string" ? () => {
-          return prefix + (counter++).toString(36);
-        } : prefix
-      );
-    }
-  }
-  if (!options.plugins || options.plugins.find((item) => {
-    if (typeof item === "string") {
-      return item === "reusePaths";
-    }
-    return item.name === "reusePaths";
-  })) {
-    content = content.replace(' xmlns:xlink="http://www.w3.org/1999/xlink"', "").replaceAll("xlink:href=", "href=");
-  }
-  svg.load(content);
-}
-
-exports.getSVGOPlugins = getSVGOPlugins;
-exports.runSVGO = runSVGO;