feat(optimizePathOrder): new plugin

docs/03-plugins/optimize-path-order.mdx

@@ -0,0 +1,31 @@
+---
+title: Optimize Path Order
+svgo:
+  pluginId: optimizePathOrder
+  defaultPlugin: true
+  parameters:
+    floatPrecision:
+      description: Number of decimal places to round to, using conventional rounding rules.
+      default: 3
+    noSpaceAfterFlags:
+      description: If to omit spaces after flags. Flags are values that can only be <code>0</code> or <code>1</code> and are used by some path commands, namely <a href="https://developer.mozilla.org/docs/Web/SVG/Attribute/d#elliptical_arc_curve" target="_blank"><code>A</code> and <code>a</code></a>.
+      default: false
+---
+
+Optimizes parts of paths by starting in different places and reversing them.
+
+## Usage
+
+<PluginUsage/>
+
+### Parameters
+
+<PluginParams/>
+
+## Demo
+
+<PluginDemo/>
+
+## Implementation
+
+* https://github.com/svg/svgo/blob/main/plugins/optimizePathOrder.js

lib/builtin.js

@@ -23,6 +23,7 @@ exports.builtin = [
   require('../plugins/minifyStyles.js'),
   require('../plugins/moveElemsAttrsToGroup.js'),
   require('../plugins/moveGroupAttrsToElems.js'),
+  require('../plugins/optimizePathOrder.js'),
   require('../plugins/prefixIds.js'),
   require('../plugins/removeAttributesBySelector.js'),
   require('../plugins/removeAttrs.js'),

plugins/mergePaths.js

@@ -17,7 +17,7 @@ exports.description = 'merges multiple paths in one if possible';
 exports.fn = (root, params) => {
   const {
     force = false,
-    floatPrecision,
+    floatPrecision = 3,
     noSpaceAfterFlags = false, // a20 60 45 0 1 30 20 → a20 60 45 0130 20
   } = params;
   const stylesheet = collectStylesheet(root);