@iconify/tools 4.2.0 → 5.0.0-beta.1

package/lib/svg/index.mjs

@@ -1,162 +0,0 @@
-import * as cheerio from 'cheerio';
-import { iconToSVG, trimSVG, prettifySVG } from '@iconify/utils';
-
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-class SVG {
-  /**
-   * Constructor
-   */
-  constructor(content) {
-    // Cheerio tree, initialized in load()
-    __publicField(this, "$svg");
-    // Dimensions, initialized in load()
-    __publicField(this, "viewBox");
-    this.load(content);
-  }
-  /**
-   * Get SVG as string
-   */
-  toString(customisations) {
-    if (customisations) {
-      const data = iconToSVG(this.getIcon(), customisations);
-      let svgAttributes = ' xmlns="http://www.w3.org/2000/svg"';
-      if (data.body.includes("xlink:")) {
-        svgAttributes += ' xmlns:xlink="http://www.w3.org/1999/xlink"';
-      }
-      for (const key in data.attributes) {
-        const value = data.attributes[key];
-        svgAttributes += " " + key + '="' + value + '"';
-      }
-      return "<svg" + svgAttributes + ">" + data.body + "</svg>";
-    }
-    const $root = this.$svg(":root");
-    const box = this.viewBox;
-    if ($root.attr("viewBox") === void 0) {
-      $root.attr(
-        "viewBox",
-        `${box.left} ${box.top} ${box.width} ${box.height}`
-      );
-    }
-    if ($root.attr("width") === void 0) {
-      $root.attr("width", box.width.toString());
-    }
-    if ($root.attr("height") === void 0) {
-      $root.attr("height", box.height.toString());
-    }
-    return this.$svg.html();
-  }
-  /**
-   * Get SVG as string without whitespaces
-   */
-  toMinifiedString(customisations) {
-    return trimSVG(this.toString(customisations));
-  }
-  /**
-   * Get SVG as string with whitespaces
-   */
-  toPrettyString(customisations) {
-    const str = this.toMinifiedString(customisations);
-    return prettifySVG(str) ?? str;
-  }
-  /**
-   * Get body
-   */
-  getBody() {
-    const $root = this.$svg(":root");
-    const attribs = $root.get(0).attribs;
-    for (const key in attribs) {
-      switch (key.split("-").shift()) {
-        case "fill":
-        case "stroke":
-        case "opacity":
-          throw new Error(
-            `Cannot use getBody() on icon that was not cleaned up with cleanupSVGRoot(). Icon has attribute ${key}="${attribs[key]}"`
-          );
-      }
-    }
-    return trimSVG(this.$svg("svg").html());
-  }
-  /**
-   * Get icon as IconifyIcon
-   */
-  getIcon() {
-    const props = this.viewBox;
-    const body = this.getBody();
-    return {
-      ...props,
-      body
-    };
-  }
-  /**
-   * Load SVG
-   *
-   * @param {string} content
-   */
-  load(content) {
-    function remove(str1, str2, append) {
-      let start = 0;
-      while ((start = content.indexOf(str1, start)) !== -1) {
-        const end = content.indexOf(str2, start + str1.length);
-        if (end === -1) {
-          return;
-        }
-        content = content.slice(0, start) + append + content.slice(end + str2.length);
-        start = start + append.length;
-      }
-    }
-    remove("<!--", "-->", "");
-    remove("<?xml", "?>", "");
-    remove("<!DOCTYPE svg", "<svg", "<svg");
-    remove(
-      'xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"',
-      "",
-      ""
-    );
-    remove('xml:space="preserve"', "", "");
-    content = content.replace(/<g>\s*<\/g>/g, "");
-    this.$svg = cheerio.load(content.trim(), {
-      // @ts-expect-error Legacy attribute, kept because Cheerio types are a unstable
-      lowerCaseAttributeNames: false,
-      xmlMode: true
-    });
-    const $root = this.$svg(":root");
-    if ($root.length > 1 || $root.get(0).tagName !== "svg") {
-      throw new Error("Invalid SVG file: bad root tag");
-    }
-    const viewBox = $root.attr("viewBox");
-    if (viewBox !== void 0) {
-      const list = viewBox.split(" ");
-      this.viewBox = {
-        left: parseFloat(list[0]),
-        top: parseFloat(list[1]),
-        width: parseFloat(list[2]),
-        height: parseFloat(list[3])
-      };
-    } else {
-      const width = $root.attr("width");
-      const height = $root.attr("height");
-      if (!width || !height) {
-        throw new Error("Invalid SVG file: missing dimensions");
-      }
-      this.viewBox = {
-        left: 0,
-        top: 0,
-        width: parseFloat(width),
-        height: parseFloat(height)
-      };
-    }
-    Object.keys(this.viewBox).forEach((key) => {
-      const attr = key;
-      if (isNaN(this.viewBox[attr])) {
-        throw new Error(`Invalid SVG file: invalid ${attr}`);
-      }
-    });
-  }
-}
-
-export { SVG };

package/lib/svg/parse-style.cjs

@@ -1,243 +0,0 @@
-'use strict';
-
-const css_parse = require('../css/parse.cjs');
-const css_parser_export = require('../css/parser/export.cjs');
-const css_parser_tokens = require('../css/parser/tokens.cjs');
-const css_parser_tree = require('../css/parser/tree.cjs');
-const svg_parse = require('./parse.cjs');
-require('../css/parser/error.cjs');
-require('../css/parser/strings.cjs');
-require('../css/parser/text.cjs');
-
-function assertNotOldCode(value) {
-  if (value instanceof Promise) {
-    throw new Error("parseSVGStyle does not support async callbacks");
-  }
-}
-function parseSVGStyle(svg, callback) {
-  svg_parse.parseSVG(svg, (item) => {
-    const tagName = item.tagName;
-    const $element = item.$element;
-    function parseStyleItem() {
-      const content = $element.text();
-      if (typeof content !== "string") {
-        $element.remove();
-        return;
-      }
-      const tokens = css_parser_tokens.getTokens(content);
-      if (!(tokens instanceof Array)) {
-        throw new Error("Error parsing style");
-      }
-      let changed2 = false;
-      const selectorStart = [];
-      let newTokens = [];
-      while (tokens.length) {
-        const token = tokens.shift();
-        if (!token) {
-          break;
-        }
-        switch (token.type) {
-          case "selector":
-            selectorStart.push(newTokens.length);
-            newTokens.push(token);
-            break;
-          case "close":
-            selectorStart.pop();
-            newTokens.push(token);
-            break;
-          case "at-rule": {
-            selectorStart.push(newTokens.length);
-            const prop = token.rule;
-            const value = token.value;
-            const isAnimation = prop === "keyframes" || prop.slice(0, 1) === "-" && prop.split("-").pop() === "keyframes";
-            const childTokens = [];
-            const animationRules = /* @__PURE__ */ Object.create(null);
-            let depth = 1;
-            let index = 0;
-            let isFrom = false;
-            while (depth > 0) {
-              const childToken = tokens[index];
-              index++;
-              if (!childToken) {
-                throw new Error(
-                  "Something went wrong parsing CSS"
-                );
-              }
-              childTokens.push(childToken);
-              switch (childToken.type) {
-                case "close": {
-                  depth--;
-                  isFrom = false;
-                  break;
-                }
-                case "selector": {
-                  depth++;
-                  if (isAnimation) {
-                    const rule = childToken.code;
-                    if (rule === "from" || rule === "0%") {
-                      isFrom = true;
-                    }
-                  }
-                  break;
-                }
-                case "at-rule": {
-                  depth++;
-                  if (isAnimation) {
-                    throw new Error(
-                      "Nested at-rule in keyframes ???"
-                    );
-                  }
-                  break;
-                }
-                case "rule": {
-                  if (isAnimation && isFrom) {
-                    animationRules[childToken.prop] = childToken.value;
-                  }
-                  break;
-                }
-              }
-            }
-            const skipCount = childTokens.length;
-            const result = callback(
-              isAnimation ? {
-                type: "keyframes",
-                prop,
-                value,
-                token,
-                childTokens,
-                from: animationRules,
-                prevTokens: newTokens,
-                nextTokens: tokens.slice(0)
-              } : {
-                type: "at-rule",
-                prop,
-                value,
-                token,
-                childTokens,
-                prevTokens: newTokens,
-                nextTokens: tokens.slice(0)
-              }
-            );
-            if (result !== void 0) {
-              assertNotOldCode(result);
-              if (isAnimation) {
-                if (result !== value) {
-                  changed2 = true;
-                  token.value = result;
-                }
-                newTokens.push(token);
-                for (let i = 0; i < skipCount; i++) {
-                  tokens.shift();
-                }
-                newTokens = newTokens.concat(childTokens);
-              } else {
-                if (result !== value) {
-                  throw new Error(
-                    "Changing value for at-rule is not supported"
-                  );
-                }
-                newTokens.push(token);
-              }
-            } else {
-              changed2 = true;
-              for (let i = 0; i < skipCount; i++) {
-                tokens.shift();
-              }
-            }
-            break;
-          }
-          case "rule": {
-            const value = token.value;
-            const selectorTokens = selectorStart.map((index) => newTokens[index]).filter((item2) => item2 !== null);
-            const result = callback({
-              type: "global",
-              prop: token.prop,
-              value,
-              token,
-              selectorTokens,
-              selectors: selectorTokens.reduce(
-                (prev, current) => {
-                  switch (current.type) {
-                    case "selector": {
-                      return prev.concat(
-                        current.selectors
-                      );
-                    }
-                  }
-                  return prev;
-                },
-                []
-              ),
-              prevTokens: newTokens,
-              nextTokens: tokens.slice(0)
-            });
-            if (result !== void 0) {
-              assertNotOldCode(result);
-              if (result !== value) {
-                changed2 = true;
-                token.value = result;
-              }
-              newTokens.push(token);
-            } else {
-              changed2 = true;
-            }
-            break;
-          }
-        }
-      }
-      if (changed2) {
-        const tree = css_parser_tree.tokensTree(
-          newTokens.filter((token) => token !== null)
-        );
-        if (!tree.length) {
-          $element.remove();
-        } else {
-          const newContent = css_parser_export.tokensToString(tree);
-          item.$element.text("\n" + newContent);
-        }
-      }
-    }
-    if (tagName === "style") {
-      parseStyleItem();
-      return;
-    }
-    const attribs = item.element.attribs;
-    if (attribs.style === void 0) {
-      return;
-    }
-    const parsedStyle = css_parse.parseInlineStyle(attribs.style);
-    if (parsedStyle === null) {
-      $element.removeAttr("style");
-      return;
-    }
-    let changed = false;
-    for (const prop in parsedStyle) {
-      const value = parsedStyle[prop];
-      const result = callback({
-        type: "inline",
-        prop,
-        value,
-        item
-      });
-      assertNotOldCode(result);
-      if (result !== value) {
-        changed = true;
-        if (result === void 0) {
-          delete parsedStyle[prop];
-        } else {
-          parsedStyle[prop] = result;
-        }
-      }
-    }
-    if (changed) {
-      const newStyle = Object.keys(parsedStyle).map((key) => key + ":" + parsedStyle[key] + ";").join("");
-      if (!newStyle.length) {
-        $element.removeAttr("style");
-      } else {
-        $element.attr("style", newStyle);
-      }
-    }
-  });
-}
-
-exports.parseSVGStyle = parseSVGStyle;

package/lib/svg/parse-style.d.cts

@@ -1,59 +0,0 @@
-import { SVG } from './index.cjs';
-import { CSSRuleToken, CSSToken, CSSAtRuleToken } from '../css/parser/types.cjs';
-import { ParseSVGCallbackItem } from './parse.cjs';
-import 'cheerio';
-import '@iconify/types';
-import '@iconify/utils/lib/customisations/defaults';
-import '../misc/cheerio.cjs';
-import 'domhandler';
-
-/**
- * Item in callback
- */
-interface ParseSVGStyleCallbackItemCommon {
-    prop: string;
-    value: string;
-}
-interface ParseSVGStyleCallbackItemInline extends ParseSVGStyleCallbackItemCommon {
-    type: 'inline';
-    item: ParseSVGCallbackItem;
-}
-interface ParseSVGStyleCallbackItemGlobal extends ParseSVGStyleCallbackItemCommon {
-    type: 'global';
-    token: CSSRuleToken;
-    selectors: string[];
-    selectorTokens: CSSToken[];
-    prevTokens: (CSSToken | null)[];
-    nextTokens: CSSToken[];
-}
-interface ParseSVGStyleCallbackItemGlobalAtRule extends ParseSVGStyleCallbackItemCommon {
-    token: CSSAtRuleToken;
-    childTokens: CSSToken[];
-    prevTokens: (CSSToken | null)[];
-    nextTokens: CSSToken[];
-}
-interface ParseSVGStyleCallbackItemGlobalGenericAtRule extends ParseSVGStyleCallbackItemGlobalAtRule {
-    type: 'at-rule';
-}
-interface ParseSVGStyleCallbackItemGlobalKeyframesAtRule extends ParseSVGStyleCallbackItemGlobalAtRule {
-    type: 'keyframes';
-    from: Record<string, string>;
-}
-type ParseSVGStyleCallbackItem = ParseSVGStyleCallbackItemInline | ParseSVGStyleCallbackItemGlobal | ParseSVGStyleCallbackItemGlobalGenericAtRule | ParseSVGStyleCallbackItemGlobalKeyframesAtRule;
-/**
- * Result: undefined to remove item, string to change/keep item
- */
-type ParseSVGStyleCallbackResult = string | undefined;
-/**
- * Callback function
- */
-type ParseSVGStyleCallback = (item: ParseSVGStyleCallbackItem) => ParseSVGStyleCallbackResult;
-/**
- * Parse styles in SVG
- *
- * This function finds CSS in SVG, parses it, calls callback for each rule.
- * Callback should return new value (string) or undefined to remove rule.
- */
-declare function parseSVGStyle(svg: SVG, callback: ParseSVGStyleCallback): void;
-
-export { type ParseSVGStyleCallback, type ParseSVGStyleCallbackItem, type ParseSVGStyleCallbackResult, parseSVGStyle };

package/lib/svg/parse-style.d.mts

@@ -1,59 +0,0 @@
-import { SVG } from './index.mjs';
-import { CSSRuleToken, CSSToken, CSSAtRuleToken } from '../css/parser/types.mjs';
-import { ParseSVGCallbackItem } from './parse.mjs';
-import 'cheerio';
-import '@iconify/types';
-import '@iconify/utils/lib/customisations/defaults';
-import '../misc/cheerio.mjs';
-import 'domhandler';
-
-/**
- * Item in callback
- */
-interface ParseSVGStyleCallbackItemCommon {
-    prop: string;
-    value: string;
-}
-interface ParseSVGStyleCallbackItemInline extends ParseSVGStyleCallbackItemCommon {
-    type: 'inline';
-    item: ParseSVGCallbackItem;
-}
-interface ParseSVGStyleCallbackItemGlobal extends ParseSVGStyleCallbackItemCommon {
-    type: 'global';
-    token: CSSRuleToken;
-    selectors: string[];
-    selectorTokens: CSSToken[];
-    prevTokens: (CSSToken | null)[];
-    nextTokens: CSSToken[];
-}
-interface ParseSVGStyleCallbackItemGlobalAtRule extends ParseSVGStyleCallbackItemCommon {
-    token: CSSAtRuleToken;
-    childTokens: CSSToken[];
-    prevTokens: (CSSToken | null)[];
-    nextTokens: CSSToken[];
-}
-interface ParseSVGStyleCallbackItemGlobalGenericAtRule extends ParseSVGStyleCallbackItemGlobalAtRule {
-    type: 'at-rule';
-}
-interface ParseSVGStyleCallbackItemGlobalKeyframesAtRule extends ParseSVGStyleCallbackItemGlobalAtRule {
-    type: 'keyframes';
-    from: Record<string, string>;
-}
-type ParseSVGStyleCallbackItem = ParseSVGStyleCallbackItemInline | ParseSVGStyleCallbackItemGlobal | ParseSVGStyleCallbackItemGlobalGenericAtRule | ParseSVGStyleCallbackItemGlobalKeyframesAtRule;
-/**
- * Result: undefined to remove item, string to change/keep item
- */
-type ParseSVGStyleCallbackResult = string | undefined;
-/**
- * Callback function
- */
-type ParseSVGStyleCallback = (item: ParseSVGStyleCallbackItem) => ParseSVGStyleCallbackResult;
-/**
- * Parse styles in SVG
- *
- * This function finds CSS in SVG, parses it, calls callback for each rule.
- * Callback should return new value (string) or undefined to remove rule.
- */
-declare function parseSVGStyle(svg: SVG, callback: ParseSVGStyleCallback): void;
-
-export { type ParseSVGStyleCallback, type ParseSVGStyleCallbackItem, type ParseSVGStyleCallbackResult, parseSVGStyle };