schnee effeckt und fehler Korektur

node_modules/svgo/plugins/cleanupEnableBackground.js

@@ -1,84 +1,75 @@
 'use strict';
 
-exports.type = 'full';
+const { visit } = require('../lib/xast.js');
 
+exports.type = 'visitor';
+exports.name = 'cleanupEnableBackground';
 exports.active = true;
-
-exports.description = 'remove or cleanup enable-background attribute when possible';
+exports.description =
+  'remove or cleanup enable-background attribute when possible';
 
 /**
  * Remove or cleanup enable-background attr which coincides with a width/height box.
  *
- * @see http://www.w3.org/TR/SVG/filters.html#EnableBackgroundProperty
+ * @see https://www.w3.org/TR/SVG11/filters.html#EnableBackgroundProperty
  *
  * @example
  * <svg width="100" height="50" enable-background="new 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(data) {
+exports.fn = (root) => {
+  const regEnableBackground =
+    /^new\s0\s0\s([-+]?\d*\.?\d+([eE][-+]?\d+)?)\s([-+]?\d*\.?\d+([eE][-+]?\d+)?)$/;
 
-    var regEnableBackground = /^new\s0\s0\s([\-+]?\d*\.?\d+([eE][\-+]?\d+)?)\s([\-+]?\d*\.?\d+([eE][\-+]?\d+)?)$/,
-        hasFilter = false,
-        elems = ['svg', 'mask', 'pattern'];
+  let hasFilter = false;
+  visit(root, {
+    element: {
+      enter: (node) => {
+        if (node.name === 'filter') {
+          hasFilter = true;
+        }
+      },
+    },
+  });
 
-    function checkEnableBackground(item) {
-        if (
-            item.isElem(elems) &&
-            item.hasAttr('enable-background') &&
-            item.hasAttr('width') &&
-            item.hasAttr('height')
-        ) {
-
-            var match = item.attr('enable-background').value.match(regEnableBackground);
-
-            if (match) {
-                if (
-                    item.attr('width').value === match[1] &&
-                    item.attr('height').value === match[3]
-                ) {
-                    if (item.isElem('svg')) {
-                        item.removeAttr('enable-background');
-                    } else {
-                        item.attr('enable-background').value = 'new';
-                    }
-                }
+  return {
+    element: {
+      enter: (node) => {
+        if (node.attributes['enable-background'] == null) {
+          return;
+        }
+        if (hasFilter) {
+          if (
+            (node.name === 'svg' ||
+              node.name === 'mask' ||
+              node.name === 'pattern') &&
+            node.attributes.width != null &&
+            node.attributes.height != null
+          ) {
+            const match =
+              node.attributes['enable-background'].match(regEnableBackground);
+            if (
+              match != null &&
+              node.attributes.width === match[1] &&
+              node.attributes.height === match[3]
+            ) {
+              if (node.name === 'svg') {
+                delete node.attributes['enable-background'];
+              } else {
+                node.attributes['enable-background'] = 'new';
+              }
             }
-
+          }
+        } else {
+          //we don't need 'enable-background' if we have no filters
+          delete node.attributes['enable-background'];
         }
-    }
-
-    function checkForFilter(item) {
-        if (item.isElem('filter')) {
-            hasFilter = true;
-        }
-    }
-
-    function monkeys(items, fn) {
-        items.content.forEach(function(item) {
-            fn(item);
-
-            if (item.content) {
-                monkeys(item, fn);
-            }
-        });
-        return items;
-    }
-
-    var firstStep = monkeys(data, function(item) {
-        checkEnableBackground(item);
-        if (!hasFilter) {
-            checkForFilter(item);
-        }
-    });
-
-    return hasFilter ? firstStep : monkeys(firstStep, function(item) {
-            //we don't need 'enable-background' if we have no filters
-            item.removeAttr('enable-background');
-        });
+      },
+    },
+  };
 };