build(deps-dev): bump xo from 0.54.2 to 0.57.0 (#880)

* build(deps-dev): bump xo from 0.54.2 to 0.57.0

Bumps [xo](https://github.com/xojs/xo) from 0.54.2 to 0.57.0.
- [Release notes](https://github.com/xojs/xo/releases)
- [Commits](xojs/xo@v0.54.2...v0.57.0)

---
updated-dependencies:
- dependency-name: xo
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

* Disable a couple of new xo rules for now

* Autofix

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>

lib/svg-sprite/config.js

@@ -326,27 +326,37 @@ module.exports = class SVGSpriterConfig {
 
       if (!Array.isArray(this.spacing[property])) {
         spacing = Math.max(0, Number.parseInt(this.spacing[property] || 0, 10));
-        this.spacing[property] = { top: spacing, right: spacing, bottom: spacing, left: spacing };
+        this.spacing[property] = {
+          top: spacing, right: spacing, bottom: spacing, left: spacing
+        };
       } else {
         spacing = this.spacing[property].map(n => Math.max(0, n));
         switch (spacing.length) {
           case 1: {
-            spacing = { top: spacing[0], right: spacing[0], bottom: spacing[0], left: spacing[0] };
+            spacing = {
+              top: spacing[0], right: spacing[0], bottom: spacing[0], left: spacing[0]
+            };
             break;
           }
 
           case 2: {
-            spacing = { top: spacing[0], right: spacing[1], bottom: spacing[0], left: spacing[1] };
+            spacing = {
+              top: spacing[0], right: spacing[1], bottom: spacing[0], left: spacing[1]
+            };
             break;
           }
 
           case 3: {
-            spacing = { top: spacing[0], right: spacing[1], bottom: spacing[2], left: spacing[1] };
+            spacing = {
+              top: spacing[0], right: spacing[1], bottom: spacing[2], left: spacing[1]
+            };
             break;
           }
 
           default: {
-            spacing = { top: spacing[0], right: spacing[1], bottom: spacing[2], left: spacing[3] };
+            spacing = {
+              top: spacing[0], right: spacing[1], bottom: spacing[2], left: spacing[3]
+            };
             break;
           }
         }

lib/svg-sprite/layouter.js

@@ -68,7 +68,7 @@ const defaultMustacheVariables = {
   },
   classname() {
     return (str, render) => {
-      const classname = render(str).replace(/\s+/g, ' ').split(' ').pop();
+      const classname = render(str).replaceAll(/\s+/g, ' ').split(' ').pop();
       return classname.startsWith('.') ? classname.substr(1) : classname;
     };
   },

lib/svg-sprite/shape.js

@@ -39,7 +39,7 @@ const createIdGenerator = template => {
    */
   const generator = function(name) {
     const pathname = this.separator ? name.split(path.sep).join(this.separator) : name;
-    return format(template || '%s', path.basename(pathname.replace(/\s+/g, this.whitespace), '.svg'));
+    return format(template || '%s', path.basename(pathname.replaceAll(/\s+/g, this.whitespace), '.svg'));
   };
 
   return generator;
@@ -124,7 +124,9 @@ const defaultConfig = {
      *
      * @type {number | Array}
      */
-    padding: { top: 0, right: 0, bottom: 0, left: 0 },
+    padding: {
+      top: 0, right: 0, bottom: 0, left: 0
+    },
     /**
      * Box sizing strategy
      *
@@ -790,7 +792,7 @@ SVGShape.prototype.resetNamespace = function() {
 SVGShape.prototype._replaceIdAndClassnameReferences = function(str, substIds, substClassnames, selectors) {
   // If ID replacement is to be applied: Replace url()-style ID references
   if (substIds !== null) {
-    str = str.replace(/url\s*\(\s*["']?([^\s"')]+)["']?\s*\)/g, (match, id) => {
+    str = str.replaceAll(/url\s*\(\s*["']?([^\s"')]+)["']?\s*\)/g, (match, id) => {
       return `url(${id in substIds ? `#${substIds[id]}` : id})`;
     });
   }
@@ -826,7 +828,7 @@ SVGShape.prototype._replaceIdAndClassnameReferencesInCssSelectors = function(str
 
         // Else: Recursively process rule content
       } else if (Array.isArray(rule.cssRules)) {
-        css += str.substring(rule.__starts, rule.cssRules[0].__starts) + this._replaceIdAndClassnameReferencesInCssSelectors(str, rule.cssRules, substIds, substClassnames) + str.substring(rule.cssRules[rule.cssRules.length - 1].__ends, rule.__ends);
+        css += str.substring(rule.__starts, rule.cssRules[0].__starts) + this._replaceIdAndClassnameReferencesInCssSelectors(str, rule.cssRules, substIds, substClassnames) + str.substring(rule.cssRules.at(-1).__ends, rule.__ends);
       }
 
       // Regular selector

lib/svg-sprite/utils/fix-xml-string.js

@@ -16,7 +16,7 @@ module.exports = svgString => {
   const fixedSVG = new DOMParser({ errorHandler })
     .parseFromString(svgString)
     .toString()
-    .replace(/(\s)(\s+)/g, ' ');
+    .replaceAll(/(\s)(\s+)/g, ' ');
 
   if (!domParserError) {
     return fixedSVG;