schnee effeckt und fehler Korektur

node_modules/svgo/plugins/cleanupNumericValues.js

@@ -1,76 +1,113 @@
 'use strict';
 
-exports.type = 'perItem';
+const { removeLeadingZero } = require('../lib/svgo/tools');
 
+exports.name = 'cleanupNumericValues';
+exports.type = 'visitor';
 exports.active = true;
+exports.description =
+  'rounds numeric values to the fixed precision, removes default ‘px’ units';
 
-exports.description = 'rounds numeric values to the fixed precision, removes default ‘px’ units';
+const regNumericValues =
+  /^([-+]?\d*\.?\d+([eE][-+]?\d+)?)(px|pt|pc|mm|cm|m|in|ft|em|ex|%)?$/;
 
-exports.params = {
-    floatPrecision: 3,
-    leadingZero: true,
-    defaultPx: true,
-    convertToPx: true
+const absoluteLengths = {
+  // relative to px
+  cm: 96 / 2.54,
+  mm: 96 / 25.4,
+  in: 96,
+  pt: 4 / 3,
+  pc: 16,
+  px: 1,
 };
 
-var regNumericValues = /^([\-+]?\d*\.?\d+([eE][\-+]?\d+)?)(px|pt|pc|mm|cm|m|in|ft|em|ex|%)?$/,
-    removeLeadingZero = require('../lib/svgo/tools').removeLeadingZero,
-    absoluteLengths = { // relative to px
-        cm: 96/2.54,
-        mm: 96/25.4,
-        in: 96,
-        pt: 4/3,
-        pc: 16
-    };
-
 /**
  * Round numeric values to the fixed precision,
  * remove default 'px' units.
  *
- * @param {Object} item current iteration item
- * @param {Object} params plugin params
- * @return {Boolean} if false, item will be filtered out
- *
  * @author Kir Belevich
+ *
+ * @type {import('../lib/types').Plugin<{
+ *   floatPrecision?: number,
+ *   leadingZero?: boolean,
+ *   defaultPx?: boolean,
+ *   convertToPx?: boolean
+ * }>}
  */
-exports.fn = function(item, params) {
+exports.fn = (_root, params) => {
+  const {
+    floatPrecision = 3,
+    leadingZero = true,
+    defaultPx = true,
+    convertToPx = true,
+  } = params;
 
-    if (item.isElem()) {
+  return {
+    element: {
+      enter: (node) => {
+        if (node.attributes.viewBox != null) {
+          const nums = node.attributes.viewBox.split(/\s,?\s*|,\s*/g);
+          node.attributes.viewBox = nums
+            .map((value) => {
+              const num = Number(value);
+              return Number.isNaN(num)
+                ? value
+                : Number(num.toFixed(floatPrecision));
+            })
+            .join(' ');
+        }
 
-        var match;
+        for (const [name, value] of Object.entries(node.attributes)) {
+          // The `version` attribute is a text string and cannot be rounded
+          if (name === 'version') {
+            continue;
+          }
 
-        item.eachAttr(function(attr) {
-            match = attr.value.match(regNumericValues);
+          const match = value.match(regNumericValues);
 
-            // if attribute value matches regNumericValues
-            if (match) {
-                // round it to the fixed precision
-                var num = +(+match[1]).toFixed(params.floatPrecision),
-                    units = match[3] || '';
+          // if attribute value matches regNumericValues
+          if (match) {
+            // round it to the fixed precision
+            let num = Number(Number(match[1]).toFixed(floatPrecision));
+            /**
+             * @type {any}
+             */
+            let matchedUnit = match[3] || '';
+            /**
+             * @type{'' | keyof typeof absoluteLengths}
+             */
+            let units = matchedUnit;
 
-                // convert absolute values to pixels
-                if (params.convertToPx && units && (units in absoluteLengths)) {
-                    var pxNum = +(absoluteLengths[units] * match[1]).toFixed(params.floatPrecision);
-
-                    if (String(pxNum).length < match[0].length)
-                        num = pxNum,
-                        units = 'px';
-                }
-
-                // and remove leading zero
-                if (params.leadingZero) {
-                    num = removeLeadingZero(num);
-                }
-
-                // remove default 'px' units
-                if (params.defaultPx && units === 'px') {
-                    units = '';
-                }
-
-                attr.value = num + units;
+            // convert absolute values to pixels
+            if (convertToPx && units !== '' && units in absoluteLengths) {
+              const pxNum = Number(
+                (absoluteLengths[units] * Number(match[1])).toFixed(
+                  floatPrecision
+                )
+              );
+              if (pxNum.toString().length < match[0].length) {
+                num = pxNum;
+                units = 'px';
+              }
             }
-        });
 
-    }
+            // and remove leading zero
+            let str;
+            if (leadingZero) {
+              str = removeLeadingZero(num);
+            } else {
+              str = num.toString();
+            }
 
+            // remove default 'px' units
+            if (defaultPx && units === 'px') {
+              units = '';
+            }
+
+            node.attributes[name] = str + units;
+          }
+        }
+      },
+    },
+  };
 };