@iconify/tools 2.0.11 → 2.0.14

package/lib/icon-set/index.mjs

@@ -21,7 +21,7 @@ var IconSet = class {
   }
   load(data) {
     this.prefix = data.prefix;
-    const defaultProps = filterProps(data);
+    const defaultProps = filterProps(data, true);
     this.entries = Object.create(null);
     const entries = this.entries;
     for (const name in data.icons) {
@@ -29,7 +29,10 @@ var IconSet = class {
       const entry = {
         type: "icon",
         body: item.body,
-        props: { ...defaultProps, ...filterProps(item) },
+        props: filterProps({
+          ...defaultProps,
+          ...item
+        }, true),
         chars: new Set(),
         categories: new Set()
       };
@@ -39,7 +42,7 @@ var IconSet = class {
       for (const name in data.aliases) {
         const item = data.aliases[name];
         const parent = item.parent;
-        const props = filterProps(item);
+        const props = filterProps(item, false);
         const chars = new Set();
         if (Object.keys(props).length) {
           const entry = {
@@ -473,7 +476,7 @@ var IconSet = class {
     return this.setItem(name, {
       type: "icon",
       body: icon.body,
-      props: filterProps(icon),
+      props: filterProps(icon, true),
       chars: new Set(),
       categories: new Set()
     });

package/lib/icon-set/props.d.ts

@@ -7,4 +7,4 @@ export declare const defaultCommonProps: Required<CommonIconProps>;
 /**
  * Filter icon props: copies properties, removing undefined and default entries
  */
-export declare function filterProps(data: CommonIconProps): CommonIconProps;
+export declare function filterProps(data: CommonIconProps, compareDefaultValues: boolean): CommonIconProps;

package/lib/icon-set/props.js

@@ -19,12 +19,13 @@ const props = Object.keys(exports.defaultCommonProps);
 /**
  * Filter icon props: copies properties, removing undefined and default entries
  */
-function filterProps(data) {
+function filterProps(data, compareDefaultValues) {
     const result = {};
     props.forEach((attr) => {
         const value = data[attr];
         if (value !== void 0 &&
-            value !== exports.defaultCommonProps[attr]) {
+            (!compareDefaultValues ||
+                value !== exports.defaultCommonProps[attr])) {
             result[attr] = value;
         }
     });

package/lib/icon-set/props.mjs

@@ -8,11 +8,11 @@ var defaultCommonProps = {
   ...extraDefaultProps
 };
 var props = Object.keys(defaultCommonProps);
-function filterProps(data) {
+function filterProps(data, compareDefaultValues) {
   const result = {};
   props.forEach((attr) => {
     const value = data[attr];
-    if (value !== void 0 && value !== defaultCommonProps[attr]) {
+    if (value !== void 0 && (!compareDefaultValues || value !== defaultCommonProps[attr])) {
       result[attr] = value;
     }
   });

package/lib/import/figma/nodes.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFigmaIconNodes = void 0;
-// eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental, @typescript-eslint/no-unused-vars
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 function assertNever(v) {
     //
 }
@@ -24,9 +24,8 @@ async function getFigmaIconNodes(document, options) {
                 if (iconNode.absoluteBoundingBox) {
                     const box = iconNode.absoluteBoundingBox;
                     const item = {
-                        id: node.id,
+                        ...node,
                         type: iconNodeType,
-                        name: node.name,
                         width: box.width,
                         height: box.height,
                         parents,
@@ -70,9 +69,8 @@ async function getFigmaIconNodes(document, options) {
             case 'FRAME':
             case 'GROUP': {
                 const parentItem = {
-                    id: node.id,
+                    ...node,
                     type: parentNodeType,
-                    name: node.name,
                 };
                 const newParents = parents.concat([parentItem]);
                 if (!parents.length && options.pages) {

package/lib/import/figma/nodes.mjs

@@ -16,9 +16,8 @@ async function getFigmaIconNodes(document, options) {
         if (iconNode.absoluteBoundingBox) {
           const box = iconNode.absoluteBoundingBox;
           const item = {
-            id: node.id,
+            ...node,
             type: iconNodeType,
-            name: node.name,
             width: box.width,
             height: box.height,
             parents
@@ -57,9 +56,8 @@ async function getFigmaIconNodes(document, options) {
       case "FRAME":
       case "GROUP": {
         const parentItem = {
-          id: node.id,
-          type: parentNodeType,
-          name: node.name
+          ...node,
+          type: parentNodeType
         };
         const newParents = parents.concat([parentItem]);
         if (!parents.length && options.pages) {

package/lib/index.d.ts

@@ -1,6 +1,7 @@
 export { SVG } from './svg/index';
 export { parseSVG } from './svg/parse';
 export { parseSVGStyle } from './svg/parse-style';
+export { analyseSVGStructure } from './svg/analyse';
 export { cleanupSVG } from './svg/cleanup';
 export { removeBadAttributes } from './svg/cleanup/attribs';
 export { checkBadTags } from './svg/cleanup/bad-tags';
@@ -14,6 +15,7 @@ export { importDirectory } from './import/directory';
 export { downloadGitRepo } from './download/git/index';
 export { getGitRepoHash } from './download/git/hash';
 export { getGitRepoBranch } from './download/git/branch';
+export { resetGitRepoContents } from './download/git/reset';
 export { downloadGitHubRepo } from './download/github/index';
 export { getGitHubRepoHash } from './download/github/hash';
 export { downloadGitLabRepo } from './download/gitlab/index';
@@ -26,6 +28,7 @@ export { validateColors } from './colors/validate';
 export { runSVGO } from './optimise/svgo';
 export { deOptimisePaths } from './optimise/flags';
 export { scaleSVG } from './optimise/scale';
+export { cleanupGlobalStyle } from './optimise/global-style';
 export { exportToDirectory } from './export/directory';
 export { exportIconPackage } from './export/icon-package';
 export { exportJSONPackage } from './export/json-package';

package/lib/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sendAPIQuery = exports.bumpVersion = exports.cleanupIconKeyword = exports.execAsync = exports.untar = exports.unzip = exports.compareDirectories = exports.scanDirectory = exports.prepareDirectoryForExport = exports.writeJSONFile = exports.exportJSONPackage = exports.exportIconPackage = exports.exportToDirectory = exports.scaleSVG = exports.deOptimisePaths = exports.runSVGO = exports.validateColors = exports.isEmptyColor = exports.parseColors = exports.downloadPackage = exports.getPackageVersion = exports.getNPMVersion = exports.downloadNPMPackage = exports.getGitLabRepoHash = exports.downloadGitLabRepo = exports.getGitHubRepoHash = exports.downloadGitHubRepo = exports.getGitRepoBranch = exports.getGitRepoHash = exports.downloadGitRepo = exports.importDirectory = exports.importFromFigma = exports.mergeIconSets = exports.blankIconSet = exports.IconSet = exports.convertStyleToAttrs = exports.cleanupSVGRoot = exports.cleanupInlineStyle = exports.checkBadTags = exports.removeBadAttributes = exports.cleanupSVG = exports.parseSVGStyle = exports.parseSVG = exports.SVG = void 0;
+exports.sendAPIQuery = exports.bumpVersion = exports.cleanupIconKeyword = exports.execAsync = exports.untar = exports.unzip = exports.compareDirectories = exports.scanDirectory = exports.prepareDirectoryForExport = exports.writeJSONFile = exports.exportJSONPackage = exports.exportIconPackage = exports.exportToDirectory = exports.cleanupGlobalStyle = exports.scaleSVG = exports.deOptimisePaths = exports.runSVGO = exports.validateColors = exports.isEmptyColor = exports.parseColors = exports.downloadPackage = exports.getPackageVersion = exports.getNPMVersion = exports.downloadNPMPackage = exports.getGitLabRepoHash = exports.downloadGitLabRepo = exports.getGitHubRepoHash = exports.downloadGitHubRepo = exports.resetGitRepoContents = exports.getGitRepoBranch = exports.getGitRepoHash = exports.downloadGitRepo = exports.importDirectory = exports.importFromFigma = exports.mergeIconSets = exports.blankIconSet = exports.IconSet = exports.convertStyleToAttrs = exports.cleanupSVGRoot = exports.cleanupInlineStyle = exports.checkBadTags = exports.removeBadAttributes = exports.cleanupSVG = exports.analyseSVGStructure = exports.parseSVGStyle = exports.parseSVG = exports.SVG = void 0;
 // SVG class and functions
 var index_1 = require("./svg/index");
 Object.defineProperty(exports, "SVG", { enumerable: true, get: function () { return index_1.SVG; } });
@@ -8,6 +8,8 @@ var parse_1 = require("./svg/parse");
 Object.defineProperty(exports, "parseSVG", { enumerable: true, get: function () { return parse_1.parseSVG; } });
 var parse_style_1 = require("./svg/parse-style");
 Object.defineProperty(exports, "parseSVGStyle", { enumerable: true, get: function () { return parse_style_1.parseSVGStyle; } });
+var analyse_1 = require("./svg/analyse");
+Object.defineProperty(exports, "analyseSVGStructure", { enumerable: true, get: function () { return analyse_1.analyseSVGStructure; } });
 // SVG cleanup
 var cleanup_1 = require("./svg/cleanup");
 Object.defineProperty(exports, "cleanupSVG", { enumerable: true, get: function () { return cleanup_1.cleanupSVG; } });
@@ -39,6 +41,8 @@ var hash_1 = require("./download/git/hash");
 Object.defineProperty(exports, "getGitRepoHash", { enumerable: true, get: function () { return hash_1.getGitRepoHash; } });
 var branch_1 = require("./download/git/branch");
 Object.defineProperty(exports, "getGitRepoBranch", { enumerable: true, get: function () { return branch_1.getGitRepoBranch; } });
+var reset_1 = require("./download/git/reset");
+Object.defineProperty(exports, "resetGitRepoContents", { enumerable: true, get: function () { return reset_1.resetGitRepoContents; } });
 var index_5 = require("./download/github/index");
 Object.defineProperty(exports, "downloadGitHubRepo", { enumerable: true, get: function () { return index_5.downloadGitHubRepo; } });
 var hash_2 = require("./download/github/hash");
@@ -66,6 +70,8 @@ var flags_1 = require("./optimise/flags");
 Object.defineProperty(exports, "deOptimisePaths", { enumerable: true, get: function () { return flags_1.deOptimisePaths; } });
 var scale_1 = require("./optimise/scale");
 Object.defineProperty(exports, "scaleSVG", { enumerable: true, get: function () { return scale_1.scaleSVG; } });
+var global_style_1 = require("./optimise/global-style");
+Object.defineProperty(exports, "cleanupGlobalStyle", { enumerable: true, get: function () { return global_style_1.cleanupGlobalStyle; } });
 // Export
 var directory_2 = require("./export/directory");
 Object.defineProperty(exports, "exportToDirectory", { enumerable: true, get: function () { return directory_2.exportToDirectory; } });

package/lib/index.mjs

@@ -2,6 +2,7 @@
 import { SVG } from "./svg/index.mjs";
 import { parseSVG } from "./svg/parse.mjs";
 import { parseSVGStyle } from "./svg/parse-style.mjs";
+import { analyseSVGStructure } from "./svg/analyse.mjs";
 import { cleanupSVG } from "./svg/cleanup.mjs";
 import { removeBadAttributes } from "./svg/cleanup/attribs.mjs";
 import { checkBadTags } from "./svg/cleanup/bad-tags.mjs";
@@ -15,6 +16,7 @@ import { importDirectory } from "./import/directory.mjs";
 import { downloadGitRepo } from "./download/git/index.mjs";
 import { getGitRepoHash } from "./download/git/hash.mjs";
 import { getGitRepoBranch } from "./download/git/branch.mjs";
+import { resetGitRepoContents } from "./download/git/reset.mjs";
 import { downloadGitHubRepo } from "./download/github/index.mjs";
 import { getGitHubRepoHash } from "./download/github/hash.mjs";
 import { downloadGitLabRepo } from "./download/gitlab/index.mjs";
@@ -27,6 +29,7 @@ import { validateColors } from "./colors/validate.mjs";
 import { runSVGO } from "./optimise/svgo.mjs";
 import { deOptimisePaths } from "./optimise/flags.mjs";
 import { scaleSVG } from "./optimise/scale.mjs";
+import { cleanupGlobalStyle } from "./optimise/global-style.mjs";
 import { exportToDirectory } from "./export/directory.mjs";
 import { exportIconPackage } from "./export/icon-package.mjs";
 import { exportJSONPackage } from "./export/json-package.mjs";
@@ -43,9 +46,11 @@ import { sendAPIQuery } from "./download/api/index.mjs";
 export {
   IconSet,
   SVG,
+  analyseSVGStructure,
   blankIconSet,
   bumpVersion,
   checkBadTags,
+  cleanupGlobalStyle,
   cleanupIconKeyword,
   cleanupInlineStyle,
   cleanupSVG,
@@ -77,6 +82,7 @@ export {
   parseSVGStyle,
   prepareDirectoryForExport,
   removeBadAttributes,
+  resetGitRepoContents,
   runSVGO,
   scaleSVG,
   scanDirectory,

package/lib/optimise/global-style.d.ts

@@ -0,0 +1,5 @@
+import type { SVG } from '../svg';
+/**
+ * Expand global style
+ */
+export declare function cleanupGlobalStyle(svg: SVG): Promise<void>;

package/lib/optimise/global-style.js

@@ -0,0 +1,185 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cleanupGlobalStyle = void 0;
+require("../svg/data/attributes");
+const tags_1 = require("../svg/data/tags");
+const parse_1 = require("../svg/parse");
+const parse_style_1 = require("../svg/parse-style");
+function getClassList(value) {
+    return value === null || value === void 0 ? void 0 : value.split(/\s+/);
+}
+const tempDataAttrbiute = 'data-gstyle-temp';
+/**
+ * Expand global style
+ */
+async function cleanupGlobalStyle(svg) {
+    const backup = svg.toString();
+    let containsTempAttr = false;
+    // Find all animated classes
+    const animatedClasses = new Set();
+    await (0, parse_1.parseSVG)(svg, (item) => {
+        if (!tags_1.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((item) => {
+                getClassList(item).forEach((className) => {
+                    animatedClasses.add(className);
+                });
+            });
+        });
+    });
+    // Parse style
+    try {
+        await (0, parse_style_1.parseSVGStyle)(svg, async (styleItem) => {
+            var _a;
+            const returnValue = styleItem.value;
+            if (styleItem.type !== 'global') {
+                return returnValue;
+            }
+            // Handle only simple selectors
+            /*
+            if (
+                styleItem.selectors.length !== 1 ||
+                styleItem.selectorTokens.length !== 1
+            ) {
+                return returnValue;
+            }
+            */
+            // Do not handle media queries
+            const selectorTokens = styleItem.selectorTokens;
+            for (let i = 0; i < selectorTokens.length; i++) {
+                const selectorToken = selectorTokens[i];
+                if (selectorToken.type !== 'selector') {
+                    return returnValue;
+                }
+            }
+            // Parse each selectors
+            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 (tags_1.allValidTags.has(selector)) {
+                    matchType = 'tag';
+                }
+                else {
+                    return returnValue;
+                }
+                const valueMatch = matchType === 'tag' ? selector : selector.slice(1);
+                if (matchType === 'class' && animatedClasses.has(valueMatch)) {
+                    // Class name is used in animations
+                    return returnValue;
+                }
+                matches.push({
+                    type: matchType,
+                    value: valueMatch,
+                });
+            }
+            // Check if element is a match
+            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).indexOf(value) !== -1) {
+                                return true;
+                            }
+                        }
+                    }
+                }
+                return false;
+            };
+            // Parse all elements
+            await (0, parse_1.parseSVG)(svg, (svgItem) => {
+                var _a;
+                const tagName = svgItem.tagName;
+                const $element = svgItem.$element;
+                if (!isMatch(tagName, $element)) {
+                    return;
+                }
+                // Transfer attribute
+                const addedAttributes = new Set((_a = $element.attr(tempDataAttrbiute)) === null || _a === void 0 ? void 0 : _a.split(/\s+/));
+                const prop = styleItem.prop;
+                if ($element.attr(prop) !== void 0) {
+                    // Previously added attribute?
+                    if (addedAttributes.has(prop)) {
+                        // Two CSS rules are applied to same element: abort parsing and restore content from backup.
+                        // This parse is very basic, it does not account for specificity.
+                        throw new Error('Duplicate attribute');
+                    }
+                }
+                $element.attr(prop, styleItem.value);
+                addedAttributes.add(prop);
+                $element.attr(tempDataAttrbiute, Array.from(addedAttributes).join(' '));
+                containsTempAttr = true;
+            });
+            // Remove class attribute
+            const classMatches = matches
+                .filter((item) => item.type === 'class')
+                .map((item) => item.value);
+            if (classMatches.length &&
+                ((_a = styleItem.nextTokens[0]) === null || _a === void 0 ? void 0 : _a.type) === 'close') {
+                // Can remove class
+                await (0, parse_1.parseSVG)(svg, (svgItem) => {
+                    const $element = svgItem.$element;
+                    if (!isMatch('', $element)) {
+                        return;
+                    }
+                    // Remove class
+                    const classList = getClassList($element.attr('class'));
+                    if (!classList) {
+                        return;
+                    }
+                    const filtered = classList.filter((item) => classMatches.indexOf(item) === -1);
+                    if (!filtered.length) {
+                        $element.removeAttr('class');
+                    }
+                    else {
+                        $element.attr('class', filtered.join(' '));
+                    }
+                });
+            }
+            // Remove rule
+            return;
+        });
+        // Remove temporary attributes
+        if (containsTempAttr) {
+            await (0, parse_1.parseSVG)(svg, (item) => {
+                item.$element.removeAttr(tempDataAttrbiute);
+            });
+        }
+    }
+    catch (err) {
+        // Failed: restore from backup
+        svg.load(backup);
+    }
+}
+exports.cleanupGlobalStyle = cleanupGlobalStyle;

package/lib/optimise/global-style.mjs

@@ -0,0 +1,147 @@
+// src/optimise/global-style.ts
+import "../svg/data/attributes.mjs";
+import { allValidTags, animateTags } from "../svg/data/tags.mjs";
+import { parseSVG } from "../svg/parse.mjs";
+import { parseSVGStyle } from "../svg/parse-style.mjs";
+function getClassList(value) {
+  return value == null ? void 0 : value.split(/\s+/);
+}
+var tempDataAttrbiute = "data-gstyle-temp";
+async function cleanupGlobalStyle(svg) {
+  const backup = svg.toString();
+  let containsTempAttr = false;
+  const animatedClasses = new Set();
+  await 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);
+        });
+      });
+    });
+  });
+  try {
+    await parseSVGStyle(svg, async (styleItem) => {
+      var _a;
+      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).indexOf(value) !== -1) {
+                return true;
+              }
+            }
+          }
+        }
+        return false;
+      };
+      await parseSVG(svg, (svgItem) => {
+        var _a2;
+        const tagName = svgItem.tagName;
+        const $element = svgItem.$element;
+        if (!isMatch(tagName, $element)) {
+          return;
+        }
+        const addedAttributes = new Set((_a2 = $element.attr(tempDataAttrbiute)) == null ? void 0 : _a2.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;
+      });
+      const classMatches = matches.filter((item) => item.type === "class").map((item) => item.value);
+      if (classMatches.length && ((_a = styleItem.nextTokens[0]) == null ? void 0 : _a.type) === "close") {
+        await parseSVG(svg, (svgItem) => {
+          const $element = svgItem.$element;
+          if (!isMatch("", $element)) {
+            return;
+          }
+          const classList = getClassList($element.attr("class"));
+          if (!classList) {
+            return;
+          }
+          const filtered = classList.filter((item) => classMatches.indexOf(item) === -1);
+          if (!filtered.length) {
+            $element.removeAttr("class");
+          } else {
+            $element.attr("class", filtered.join(" "));
+          }
+        });
+      }
+      return;
+    });
+    if (containsTempAttr) {
+      await parseSVG(svg, (item) => {
+        item.$element.removeAttr(tempDataAttrbiute);
+      });
+    }
+  } catch (err) {
+    svg.load(backup);
+  }
+}
+export {
+  cleanupGlobalStyle
+};

package/lib/svg/analyse/error.d.ts

@@ -0,0 +1,5 @@
+import type { ExtendedTagElement } from './types';
+/**
+ * Get tag for error message
+ */
+export declare function analyseTagError(element: ExtendedTagElement): string;

package/lib/svg/analyse/error.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.analyseTagError = void 0;
+/**
+ * Get tag for error message
+ */
+function analyseTagError(element) {
+    let result = '<' + element.tagName;
+    if (element._id) {
+        result += ' id="' + element._id + '"';
+    }
+    const attribs = element.attribs;
+    if (attribs['d']) {
+        const value = attribs['d'];
+        result +=
+            ' d="' +
+                (value.length > 16 ? value.slice(0, 12) + '...' : value) +
+                '"';
+    }
+    return result + '>';
+}
+exports.analyseTagError = analyseTagError;

package/lib/svg/analyse/error.mjs

@@ -0,0 +1,16 @@
+// src/svg/analyse/error.ts
+function analyseTagError(element) {
+  let result = "<" + element.tagName;
+  if (element._id) {
+    result += ' id="' + element._id + '"';
+  }
+  const attribs = element.attribs;
+  if (attribs["d"]) {
+    const value = attribs["d"];
+    result += ' d="' + (value.length > 16 ? value.slice(0, 12) + "..." : value) + '"';
+  }
+  return result + ">";
+}
+export {
+  analyseTagError
+};