schnee effeckt und fehler Korektur

node_modules/svgo/plugins/removeViewBox.js

@@ -1,49 +1,51 @@
 'use strict';
 
-exports.type = 'perItem';
+exports.type = 'visitor';
+exports.name = 'removeViewBox';
+exports.active = true;
+exports.description = 'removes viewBox attribute when possible';
 
-exports.active = false;
-
-exports.description = 'removes viewBox attribute when possible (disabled by default)';
-
-var regViewBox = /^0\s0\s([\-+]?\d*\.?\d+([eE][\-+]?\d+)?)\s([\-+]?\d*\.?\d+([eE][\-+]?\d+)?)$/,
-    viewBoxElems = ['svg', 'pattern'];
+const viewBoxElems = ['svg', 'pattern', 'symbol'];
 
 /**
  * Remove viewBox attr which coincides with a width/height box.
  *
- * @see http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute
+ * @see https://www.w3.org/TR/SVG11/coords.html#ViewBoxAttribute
  *
  * @example
  * <svg width="100" height="50" viewBox="0 0 100 50">
  *             ⬇
  * <svg width="100" height="50">
  *
- * @param {Object} item current iteration item
- * @return {Boolean} if false, item will be filtered out
- *
  * @author Kir Belevich
+ *
+ * @type {import('../lib/types').Plugin<void>}
  */
-exports.fn = function(item) {
-
-    if (
-        item.isElem(viewBoxElems) &&
-        item.hasAttr('viewBox') &&
-        item.hasAttr('width') &&
-        item.hasAttr('height')
-    ) {
-
-        var match = item.attr('viewBox').value.match(regViewBox);
-
-        if (match) {
-            if (
-                item.attr('width').value === match[1] &&
-                item.attr('height').value === match[3]
-            ) {
-                item.removeAttr('viewBox');
-            }
+exports.fn = () => {
+  return {
+    element: {
+      enter: (node, parentNode) => {
+        if (
+          viewBoxElems.includes(node.name) &&
+          node.attributes.viewBox != null &&
+          node.attributes.width != null &&
+          node.attributes.height != null
+        ) {
+          // TODO remove width/height for such case instead
+          if (node.name === 'svg' && parentNode.type !== 'root') {
+            return;
+          }
+          const nums = node.attributes.viewBox.split(/[ ,]+/g);
+          if (
+            nums[0] === '0' &&
+            nums[1] === '0' &&
+            node.attributes.width.replace(/px$/, '') === nums[2] && // could use parseFloat too
+            node.attributes.height.replace(/px$/, '') === nums[3]
+          ) {
+            delete node.attributes.viewBox;
+          }
         }
-
-    }
-
+      },
+    },
+  };
 };