feat(optimizePathOrder): new plugin

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

@@ -0,0 +1,33 @@
+---
+title: Optimize Path Order
+svgo:
+  pluginId: optimizePathOrder
+  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
+    polylineOnly:
+      description: If to skip path parts that include curves. This will speed up optimization but not get as good of a result.
+      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

@@ -20,6 +20,7 @@ import * as mergePaths from '../plugins/mergePaths.js';
 import * as minifyStyles from '../plugins/minifyStyles.js';
 import * as moveElemsAttrsToGroup from '../plugins/moveElemsAttrsToGroup.js';
 import * as moveGroupAttrsToElems from '../plugins/moveGroupAttrsToElems.js';
+import * as optimizePathOrder from '../plugins/optimizePathOrder.js';
 import * as prefixIds from '../plugins/prefixIds.js';
 import * as removeAttributesBySelector from '../plugins/removeAttributesBySelector.js';
 import * as removeAttrs from '../plugins/removeAttrs.js';
@@ -75,6 +76,7 @@ export const builtin = [
   minifyStyles,
   moveElemsAttrsToGroup,
   moveGroupAttrsToElems,
+  optimizePathOrder,
   prefixIds,
   removeAttributesBySelector,
   removeAttrs,

plugins/mergePaths.js

@@ -20,7 +20,7 @@ export const description = 'merges multiple paths in one if possible';
 export const 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);