perf: improve logoSize performance

lib/svg-helpers.js

@@ -1,4 +1,5 @@
-import SVGPathCommander from 'svg-path-commander'
+import { svgPathBbox } from 'svg-path-bbox'
+import svgpath from 'svgpath'
 import loadSimpleIcons from './load-simple-icons.js'
 
 const simpleIcons = loadSimpleIcons()
@@ -14,24 +15,13 @@ function getIconSize(iconKey) {
     return undefined
   }
 
-  const {
-    width,
-    height,
-    x: x0,
-    y: y0,
-    x2: x1,
-    y2: y1,
-  } = SVGPathCommander.getPathBBox(simpleIcons[iconKey].path)
-
-  return { width, height, x0, y0, x1, y1 }
+  const [x0, y0, x1, y1] = svgPathBbox(simpleIcons[iconKey].path)
+  return { width: x1 - x0, height: y1 - y0 }
 }
 
 function resetIconPosition(path) {
-  const { x: offsetX, y: offsetY } = SVGPathCommander.getPathBBox(path)
-  const pathReset = new SVGPathCommander(path)
-    .transform({ translate: [-offsetX, -offsetY] })
-    .toString()
-
+  const [offsetX, offsetY] = svgPathBbox(path)
+  const pathReset = svgpath(path).translate(-offsetX, -offsetY).toString()
   return pathReset
 }
 

package.json

@@ -65,7 +65,8 @@
     "semver": "~7.6.3",
     "simple-icons": "13.6.0",
     "smol-toml": "1.3.0",
-    "svg-path-commander": "^2.0.10",
+    "svg-path-bbox": "^2.0.0",
+    "svgpath": "^2.6.0",
     "webextension-store-meta": "^1.2.3",
     "xpath": "~0.0.34"
   },