@iconify/tools 3.0.5 → 4.0.0-beta.1

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

@@ -3,6 +3,7 @@ import { IconifyIconCustomisations } from '@iconify/utils/lib/customisations/def
 import { IconSetIconEntry, IconCategory, IconSetIconType, IconSetAsyncForEachCallback, IconSetSyncForEachCallback, ResolvedIconifyIcon, CommonIconProps, CheckThemeResult } from './types.js';
 import { SVG } from '../svg/index.js';
 import { ParentIconsTree } from '@iconify/utils/lib/icon-set/tree';
+import 'cheerio';
 
 /**
  * Sort theme keys: long keys first
@@ -117,7 +118,7 @@ declare class IconSet {
      */
     remove(name: string, removeDependencies?: boolean | string): number;
     /**
-     * Remove icon
+     * Rename icon
      */
     rename(oldName: string, newName: string): boolean;
     /**

package/lib/icon-set/index.mjs

@@ -510,7 +510,7 @@ class IconSet {
     return count;
   }
   /**
-   * Remove icon
+   * Rename icon
    */
   rename(oldName, newName) {
     const entries = this.entries;

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

@@ -4,6 +4,7 @@ import '@iconify/types';
 import '@iconify/utils/lib/customisations/defaults';
 import './types.js';
 import '../svg/index.js';
+import 'cheerio';
 import '@iconify/utils/lib/icon-set/tree';
 
 /**

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

@@ -3,6 +3,7 @@ import '@iconify/types';
 import '@iconify/utils/lib/customisations/defaults';
 import './types.js';
 import '../svg/index.js';
+import 'cheerio';
 import '@iconify/utils/lib/icon-set/tree';
 
 /**

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

@@ -3,6 +3,7 @@ import '@iconify/types';
 import '@iconify/utils/lib/customisations/defaults';
 import './types.js';
 import '../svg/index.js';
+import 'cheerio';
 import '@iconify/utils/lib/icon-set/tree';
 
 /**

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

@@ -3,6 +3,7 @@ import '@iconify/types';
 import '@iconify/utils/lib/customisations/defaults';
 import './types.js';
 import '../svg/index.js';
+import 'cheerio';
 import '@iconify/utils/lib/icon-set/tree';
 
 declare const paletteTags: {

package/lib/import/directory.d.ts

@@ -4,6 +4,7 @@ import '@iconify/types';
 import '@iconify/utils/lib/customisations/defaults';
 import '../icon-set/types.js';
 import '../svg/index.js';
+import 'cheerio';
 import '@iconify/utils/lib/icon-set/tree';
 import '../svg/cleanup/bad-tags.js';
 

package/lib/import/figma/index.d.ts

@@ -6,6 +6,7 @@ import '@iconify/types';
 import '@iconify/utils/lib/customisations/defaults';
 import '../../icon-set/types.js';
 import '../../svg/index.js';
+import 'cheerio';
 import '@iconify/utils/lib/icon-set/tree';
 import './types/nodes.js';
 import './types/api.js';

package/lib/import/figma/nodes.d.ts

@@ -6,6 +6,7 @@ import '@iconify/types';
 import '@iconify/utils/lib/customisations/defaults';
 import '../../icon-set/types.js';
 import '../../svg/index.js';
+import 'cheerio';
 import '@iconify/utils/lib/icon-set/tree';
 import './types/nodes.js';
 

package/lib/import/figma/query.d.ts

@@ -8,6 +8,7 @@ import '@iconify/types';
 import '@iconify/utils/lib/customisations/defaults';
 import '../../icon-set/types.js';
 import '../../svg/index.js';
+import 'cheerio';
 import '@iconify/utils/lib/icon-set/tree';
 import './types/nodes.js';
 

package/lib/import/figma/types/nodes.d.ts

@@ -5,6 +5,7 @@ import '@iconify/types';
 import '@iconify/utils/lib/customisations/defaults';
 import '../../../icon-set/types.js';
 import '../../../svg/index.js';
+import 'cheerio';
 import '@iconify/utils/lib/icon-set/tree';
 
 type FigmaImportParentNodeType = 'CANVAS' | 'FRAME' | 'GROUP' | 'SECTION';

package/lib/import/figma/types/options.d.ts

@@ -5,6 +5,7 @@ import '@iconify/types';
 import '@iconify/utils/lib/customisations/defaults';
 import '../../../icon-set/types.js';
 import '../../../svg/index.js';
+import 'cheerio';
 import '@iconify/utils/lib/icon-set/tree';
 import './api.js';
 

package/lib/import/figma/types/result.d.ts

@@ -3,6 +3,7 @@ import '@iconify/types';
 import '@iconify/utils/lib/customisations/defaults';
 import '../../../icon-set/types.js';
 import '../../../svg/index.js';
+import 'cheerio';
 import '@iconify/utils/lib/icon-set/tree';
 
 /**

package/lib/index.cjs

@@ -32,12 +32,13 @@ const colors_parse = require('./colors/parse.cjs');
 const colors_validate = require('./colors/validate.cjs');
 const colors_detect = require('./colors/detect.cjs');
 const optimise_svgo = require('./optimise/svgo.cjs');
+const optimise_figma = require('./optimise/figma.cjs');
 const optimise_flags = require('./optimise/flags.cjs');
 const optimise_origin = require('./optimise/origin.cjs');
+const optimise_mask = require('./optimise/mask.cjs');
 const optimise_scale = require('./optimise/scale.cjs');
 const optimise_globalStyle = require('./optimise/global-style.cjs');
 const export_directory = require('./export/directory.cjs');
-const export_iconPackage = require('./export/icon-package.cjs');
 const export_jsonPackage = require('./export/json-package.cjs');
 const misc_writeJson = require('./misc/write-json.cjs');
 const export_helpers_prepare = require('./export/helpers/prepare.cjs');
@@ -92,9 +93,7 @@ require('./export/helpers/custom-files.cjs');
 
 exports.SVG = svg_index.SVG;
 exports.parseSVG = svg_parse.parseSVG;
-exports.parseSVGSync = svg_parse.parseSVGSync;
 exports.parseSVGStyle = svg_parseStyle.parseSVGStyle;
-exports.parseSVGStyleSync = svg_parseStyle.parseSVGStyleSync;
 exports.analyseSVGStructure = svg_analyse.analyseSVGStructure;
 exports.cleanupSVG = svg_cleanup.cleanupSVG;
 exports.removeBadAttributes = svg_cleanup_attribs.removeBadAttributes;
@@ -125,17 +124,16 @@ exports.downloadPackage = download_index.downloadPackage;
 exports.downloadFile = download_api_download.downloadFile;
 exports.isEmptyColor = colors_parse.isEmptyColor;
 exports.parseColors = colors_parse.parseColors;
-exports.parseColorsSync = colors_parse.parseColorsSync;
 exports.validateColors = colors_validate.validateColors;
-exports.validateColorsSync = colors_validate.validateColorsSync;
 exports.detectIconSetPalette = colors_detect.detectIconSetPalette;
 exports.runSVGO = optimise_svgo.runSVGO;
+exports.removeFigmaClipPathFromSVG = optimise_figma.removeFigmaClipPathFromSVG;
 exports.deOptimisePaths = optimise_flags.deOptimisePaths;
 exports.resetSVGOrigin = optimise_origin.resetSVGOrigin;
+exports.convertSVGToMask = optimise_mask.convertSVGToMask;
 exports.scaleSVG = optimise_scale.scaleSVG;
 exports.cleanupGlobalStyle = optimise_globalStyle.cleanupGlobalStyle;
 exports.exportToDirectory = export_directory.exportToDirectory;
-exports.exportIconPackage = export_iconPackage.exportIconPackage;
 exports.exportJSONPackage = export_jsonPackage.exportJSONPackage;
 exports.writeJSONFile = misc_writeJson.writeJSONFile;
 exports.prepareDirectoryForExport = export_helpers_prepare.prepareDirectoryForExport;

package/lib/index.d.ts

@@ -1,6 +1,6 @@
 export { SVG } from './svg/index.js';
-export { parseSVG, parseSVGSync } from './svg/parse.js';
-export { parseSVGStyle, parseSVGStyleSync } from './svg/parse-style.js';
+export { parseSVG } from './svg/parse.js';
+export { parseSVGStyle } from './svg/parse-style.js';
 export { analyseSVGStructure } from './svg/analyse.js';
 export { cleanupSVG } from './svg/cleanup.js';
 export { removeBadAttributes } from './svg/cleanup/attribs.js';
@@ -26,16 +26,17 @@ export { downloadNPMPackage } from './download/npm/index.js';
 export { getNPMVersion, getPackageVersion } from './download/npm/version.js';
 export { downloadPackage } from './download/index.js';
 export { downloadFile } from './download/api/download.js';
-export { isEmptyColor, parseColors, parseColorsSync } from './colors/parse.js';
-export { validateColors, validateColorsSync } from './colors/validate.js';
+export { isEmptyColor, parseColors } from './colors/parse.js';
+export { validateColors } from './colors/validate.js';
 export { detectIconSetPalette } from './colors/detect.js';
 export { runSVGO } from './optimise/svgo.js';
+export { removeFigmaClipPathFromSVG } from './optimise/figma.js';
 export { deOptimisePaths } from './optimise/flags.js';
 export { resetSVGOrigin } from './optimise/origin.js';
+export { convertSVGToMask } from './optimise/mask.js';
 export { scaleSVG } from './optimise/scale.js';
 export { cleanupGlobalStyle } from './optimise/global-style.js';
 export { exportToDirectory } from './export/directory.js';
-export { exportIconPackage } from './export/icon-package.js';
 export { exportJSONPackage } from './export/json-package.js';
 export { writeJSONFile } from './misc/write-json.js';
 export { prepareDirectoryForExport } from './export/helpers/prepare.js';
@@ -47,6 +48,7 @@ export { execAsync } from './misc/exec.js';
 export { cleanupIconKeyword } from './misc/keyword.js';
 export { bumpVersion } from './misc/bump-version.js';
 export { sendAPIQuery } from './download/api/index.js';
+import 'cheerio';
 import '@iconify/types';
 import '@iconify/utils/lib/customisations/defaults';
 import './misc/cheerio.js';

package/lib/index.mjs

@@ -1,6 +1,6 @@
 export { SVG } from './svg/index.mjs';
-export { parseSVG, parseSVGSync } from './svg/parse.mjs';
-export { parseSVGStyle, parseSVGStyleSync } from './svg/parse-style.mjs';
+export { parseSVG } from './svg/parse.mjs';
+export { parseSVGStyle } from './svg/parse-style.mjs';
 export { analyseSVGStructure } from './svg/analyse.mjs';
 export { cleanupSVG } from './svg/cleanup.mjs';
 export { removeBadAttributes } from './svg/cleanup/attribs.mjs';
@@ -26,16 +26,17 @@ export { downloadNPMPackage } from './download/npm/index.mjs';
 export { getNPMVersion, getPackageVersion } from './download/npm/version.mjs';
 export { downloadPackage } from './download/index.mjs';
 export { downloadFile } from './download/api/download.mjs';
-export { isEmptyColor, parseColors, parseColorsSync } from './colors/parse.mjs';
-export { validateColors, validateColorsSync } from './colors/validate.mjs';
+export { isEmptyColor, parseColors } from './colors/parse.mjs';
+export { validateColors } from './colors/validate.mjs';
 export { detectIconSetPalette } from './colors/detect.mjs';
 export { runSVGO } from './optimise/svgo.mjs';
+export { removeFigmaClipPathFromSVG } from './optimise/figma.mjs';
 export { deOptimisePaths } from './optimise/flags.mjs';
 export { resetSVGOrigin } from './optimise/origin.mjs';
+export { convertSVGToMask } from './optimise/mask.mjs';
 export { scaleSVG } from './optimise/scale.mjs';
 export { cleanupGlobalStyle } from './optimise/global-style.mjs';
 export { exportToDirectory } from './export/directory.mjs';
-export { exportIconPackage } from './export/icon-package.mjs';
 export { exportJSONPackage } from './export/json-package.mjs';
 export { writeJSONFile } from './misc/write-json.mjs';
 export { prepareDirectoryForExport } from './export/helpers/prepare.mjs';

package/lib/misc/cheerio.d.ts

@@ -1,7 +1,9 @@
+import * as cheerio from 'cheerio';
+
 /**
  * Shortcuts for Cheerio elements
  */
-type CheerioElement = cheerio.TagElement;
-type WrappedCheerioElement = cheerio.Cheerio;
+type CheerioElement = cheerio.Element;
+type WrappedCheerioElement = cheerio.Cheerio<cheerio.Element>;
 
 export { CheerioElement, WrappedCheerioElement };

package/lib/optimise/figma.cjs

@@ -0,0 +1,175 @@
+'use strict';
+
+const svg_data_tags = require('../svg/data/tags.cjs');
+
+function isTinyNumber(value, limit) {
+  const num = parseInt(value);
+  return !isNaN(num) && Math.abs(num) < limit;
+}
+function checkClipPathNode(clipNode, expectedWidth, expectedHeight) {
+  for (const attr in clipNode.attribs) {
+    if (attr !== "id") {
+      return false;
+    }
+  }
+  const children = clipNode.children.filter((node) => node.type !== "text");
+  if (children.length !== 1) {
+    return false;
+  }
+  const childNode = children[0];
+  if (childNode.type !== "tag" || childNode.children.length) {
+    return false;
+  }
+  const attribs = {
+    ...childNode.attribs
+  };
+  delete attribs["fill"];
+  const fill = (childNode.attribs["fill"] ?? "").toLowerCase();
+  if (fill !== "white" && fill !== "#fff" && fill !== "#ffffff") {
+    console.warn(
+      "Unxepected fill on clip path:",
+      childNode.attribs["fill"]
+    );
+    return false;
+  }
+  switch (childNode.tagName) {
+    case "rect": {
+      const width = parseInt(childNode.attribs["width"]);
+      const height = parseInt(childNode.attribs["height"]);
+      if (width !== expectedWidth || height !== expectedHeight) {
+        console.warn("Invalid size of clip path");
+        return false;
+      }
+      delete attribs["width"];
+      delete attribs["height"];
+      break;
+    }
+    default:
+      console.warn(
+        "Unexpected tag in Figma clip path:",
+        childNode.tagName
+      );
+      return false;
+  }
+  Object.keys(attribs).forEach((attr) => {
+    const value = attribs[attr];
+    switch (attr) {
+      case "transform": {
+        const translateStart = "translate(";
+        const translateEnd = ")";
+        if (value.startsWith(translateStart) && value.endsWith(translateEnd)) {
+          const translateParts = value.slice(translateStart.length, 0 - translateEnd.length).split(/\s+/);
+          const limit = Math.min(expectedWidth, expectedHeight) / 1e3;
+          if (translateParts.length === 2 && isTinyNumber(translateParts[0], limit) && isTinyNumber(translateParts[1], limit)) {
+            delete attribs[attr];
+          }
+        }
+      }
+    }
+  });
+  return {
+    node: clipNode,
+    attribs
+  };
+}
+const urlStart = "url(#";
+const urlEnd = ")";
+function removeFigmaClipPathFromSVG(svg) {
+  const cheerio = svg.$svg;
+  const $root = svg.$svg(":root");
+  const children = $root.children();
+  const backup = svg.toString();
+  const shapesToClip = [];
+  let clipID;
+  for (let i = 0; i < children.length; i++) {
+    const node = children[i];
+    if (node.type === "tag") {
+      const tagName = node.tagName;
+      if (!svg_data_tags.defsTag.has(tagName) && !svg_data_tags.maskTags.has(tagName) && !svg_data_tags.symbolTag.has(tagName)) {
+        const clipPath2 = node.attribs["clip-path"];
+        if (!clipPath2 || !clipPath2.startsWith(urlStart) || !clipPath2.endsWith(urlEnd)) {
+          return false;
+        }
+        const id = clipPath2.slice(urlStart.length, 0 - urlEnd.length);
+        if (typeof clipID === "string" && clipID !== id) {
+          return false;
+        }
+        clipID = id;
+        shapesToClip.push(node);
+      }
+    }
+  }
+  if (typeof clipID !== "string") {
+    return false;
+  }
+  const checkClipPath = (node) => {
+    const id = node.attribs["id"];
+    if (id !== clipID) {
+      return;
+    }
+    const result = checkClipPathNode(
+      node,
+      svg.viewBox.width,
+      svg.viewBox.height
+    );
+    cheerio(node).remove();
+    return result;
+  };
+  const findClipPath = () => {
+    for (let i = 0; i < children.length; i++) {
+      const node = children[i];
+      if (node.type === "tag") {
+        const tagName = node.tagName;
+        if (svg_data_tags.defsTag.has(tagName)) {
+          const defsChildren = node.children;
+          for (let j = 0; j < defsChildren.length; j++) {
+            const childNode = defsChildren[j];
+            if (childNode.type === "tag" && childNode.tagName === "clipPath") {
+              const result = checkClipPath(childNode);
+              if (result !== void 0) {
+                const validChildren = node.children.filter(
+                  (test) => {
+                    if (test.type === "text") {
+                      return false;
+                    }
+                    return true;
+                  }
+                );
+                if (!validChildren.length) {
+                  cheerio(node).remove();
+                }
+                return result;
+              }
+            }
+          }
+        }
+        if (tagName === "clipPath") {
+          const result = checkClipPath(node);
+          if (result !== void 0) {
+            return result;
+          }
+        }
+      }
+    }
+  };
+  const clipPath = findClipPath();
+  if (!clipPath) {
+    svg.load(backup);
+    return false;
+  }
+  const attribs = clipPath.attribs;
+  for (let i = 0; i < shapesToClip.length; i++) {
+    const node = shapesToClip[i];
+    cheerio(node).removeAttr("clip-path");
+    for (const attr in attribs) {
+      if (node.attribs[attr] !== void 0) {
+        svg.load(backup);
+        return false;
+      }
+      cheerio(node).attr(attr, attribs[attr]);
+    }
+  }
+  return true;
+}
+
+exports.removeFigmaClipPathFromSVG = removeFigmaClipPathFromSVG;

package/lib/optimise/figma.d.ts

@@ -0,0 +1,11 @@
+import { SVG } from '../svg/index.js';
+import 'cheerio';
+import '@iconify/types';
+import '@iconify/utils/lib/customisations/defaults';
+
+/**
+ * Removes clip path from SVG, which Figma adds to icons that might have overflowing elements
+ */
+declare function removeFigmaClipPathFromSVG(svg: SVG): boolean;
+
+export { removeFigmaClipPathFromSVG };

package/lib/optimise/figma.mjs

@@ -0,0 +1,173 @@
+import { defsTag, maskTags, symbolTag } from '../svg/data/tags.mjs';
+
+function isTinyNumber(value, limit) {
+  const num = parseInt(value);
+  return !isNaN(num) && Math.abs(num) < limit;
+}
+function checkClipPathNode(clipNode, expectedWidth, expectedHeight) {
+  for (const attr in clipNode.attribs) {
+    if (attr !== "id") {
+      return false;
+    }
+  }
+  const children = clipNode.children.filter((node) => node.type !== "text");
+  if (children.length !== 1) {
+    return false;
+  }
+  const childNode = children[0];
+  if (childNode.type !== "tag" || childNode.children.length) {
+    return false;
+  }
+  const attribs = {
+    ...childNode.attribs
+  };
+  delete attribs["fill"];
+  const fill = (childNode.attribs["fill"] ?? "").toLowerCase();
+  if (fill !== "white" && fill !== "#fff" && fill !== "#ffffff") {
+    console.warn(
+      "Unxepected fill on clip path:",
+      childNode.attribs["fill"]
+    );
+    return false;
+  }
+  switch (childNode.tagName) {
+    case "rect": {
+      const width = parseInt(childNode.attribs["width"]);
+      const height = parseInt(childNode.attribs["height"]);
+      if (width !== expectedWidth || height !== expectedHeight) {
+        console.warn("Invalid size of clip path");
+        return false;
+      }
+      delete attribs["width"];
+      delete attribs["height"];
+      break;
+    }
+    default:
+      console.warn(
+        "Unexpected tag in Figma clip path:",
+        childNode.tagName
+      );
+      return false;
+  }
+  Object.keys(attribs).forEach((attr) => {
+    const value = attribs[attr];
+    switch (attr) {
+      case "transform": {
+        const translateStart = "translate(";
+        const translateEnd = ")";
+        if (value.startsWith(translateStart) && value.endsWith(translateEnd)) {
+          const translateParts = value.slice(translateStart.length, 0 - translateEnd.length).split(/\s+/);
+          const limit = Math.min(expectedWidth, expectedHeight) / 1e3;
+          if (translateParts.length === 2 && isTinyNumber(translateParts[0], limit) && isTinyNumber(translateParts[1], limit)) {
+            delete attribs[attr];
+          }
+        }
+      }
+    }
+  });
+  return {
+    node: clipNode,
+    attribs
+  };
+}
+const urlStart = "url(#";
+const urlEnd = ")";
+function removeFigmaClipPathFromSVG(svg) {
+  const cheerio = svg.$svg;
+  const $root = svg.$svg(":root");
+  const children = $root.children();
+  const backup = svg.toString();
+  const shapesToClip = [];
+  let clipID;
+  for (let i = 0; i < children.length; i++) {
+    const node = children[i];
+    if (node.type === "tag") {
+      const tagName = node.tagName;
+      if (!defsTag.has(tagName) && !maskTags.has(tagName) && !symbolTag.has(tagName)) {
+        const clipPath2 = node.attribs["clip-path"];
+        if (!clipPath2 || !clipPath2.startsWith(urlStart) || !clipPath2.endsWith(urlEnd)) {
+          return false;
+        }
+        const id = clipPath2.slice(urlStart.length, 0 - urlEnd.length);
+        if (typeof clipID === "string" && clipID !== id) {
+          return false;
+        }
+        clipID = id;
+        shapesToClip.push(node);
+      }
+    }
+  }
+  if (typeof clipID !== "string") {
+    return false;
+  }
+  const checkClipPath = (node) => {
+    const id = node.attribs["id"];
+    if (id !== clipID) {
+      return;
+    }
+    const result = checkClipPathNode(
+      node,
+      svg.viewBox.width,
+      svg.viewBox.height
+    );
+    cheerio(node).remove();
+    return result;
+  };
+  const findClipPath = () => {
+    for (let i = 0; i < children.length; i++) {
+      const node = children[i];
+      if (node.type === "tag") {
+        const tagName = node.tagName;
+        if (defsTag.has(tagName)) {
+          const defsChildren = node.children;
+          for (let j = 0; j < defsChildren.length; j++) {
+            const childNode = defsChildren[j];
+            if (childNode.type === "tag" && childNode.tagName === "clipPath") {
+              const result = checkClipPath(childNode);
+              if (result !== void 0) {
+                const validChildren = node.children.filter(
+                  (test) => {
+                    if (test.type === "text") {
+                      return false;
+                    }
+                    return true;
+                  }
+                );
+                if (!validChildren.length) {
+                  cheerio(node).remove();
+                }
+                return result;
+              }
+            }
+          }
+        }
+        if (tagName === "clipPath") {
+          const result = checkClipPath(node);
+          if (result !== void 0) {
+            return result;
+          }
+        }
+      }
+    }
+  };
+  const clipPath = findClipPath();
+  if (!clipPath) {
+    svg.load(backup);
+    return false;
+  }
+  const attribs = clipPath.attribs;
+  for (let i = 0; i < shapesToClip.length; i++) {
+    const node = shapesToClip[i];
+    cheerio(node).removeAttr("clip-path");
+    for (const attr in attribs) {
+      if (node.attribs[attr] !== void 0) {
+        svg.load(backup);
+        return false;
+      }
+      cheerio(node).attr(attr, attribs[attr]);
+    }
+  }
+  return true;
+}
+
+export { removeFigmaClipPathFromSVG };

package/lib/optimise/flags.cjs

@@ -235,8 +235,8 @@ function cleanPath(path) {
   });
   return output;
 }
-async function deOptimisePaths(svg) {
-  await svg_parse.parseSVG(svg, (item) => {
+function deOptimisePaths(svg) {
+  svg_parse.parseSVG(svg, (item) => {
     if (item.tagName !== "path") {
       return;
     }

package/lib/optimise/flags.d.ts

@@ -1,10 +1,11 @@
 import { SVG } from '../svg/index.js';
+import 'cheerio';
 import '@iconify/types';
 import '@iconify/utils/lib/customisations/defaults';
 
 /**
  * De-optimise paths. Compressed paths are still not supported by some software.
  */
-declare function deOptimisePaths(svg: SVG): Promise<void>;
+declare function deOptimisePaths(svg: SVG): void;
 
 export { deOptimisePaths };

package/lib/optimise/flags.mjs

@@ -233,8 +233,8 @@ function cleanPath(path) {
   });
   return output;
 }
-async function deOptimisePaths(svg) {
-  await parseSVG(svg, (item) => {
+function deOptimisePaths(svg) {
+  parseSVG(svg, (item) => {
     if (item.tagName !== "path") {
       return;
     }