feat: add clone to copy path data before transforming it

src/SVGPathData.ts

@@ -19,6 +19,14 @@ export class SVGPathData extends TransformableSVG {
     return SVGPathData.encode(this.commands);
   }
 
+  /**
+   * Copies every command, so transforming the copy leaves this path data
+   * unchanged
+   */
+  clone() {
+    return new SVGPathData(this.commands.map(SVGPathDataTransformer.CLONE()));
+  }
+
   getBounds() {
     const boundsTransform = SVGPathDataTransformer.CALCULATE_BOUNDS();
 

src/tests/clone.test.ts

@@ -0,0 +1,30 @@
+import { describe, test, expect } from '@jest/globals';
+import { SVGPathData } from '../index.js';
+
+const PATH = 'm10 10q10 0 10 10t10 10s10 10 20 0a5 5 0 0 1 10 0z';
+
+describe('Cloning path data', () => {
+  test('encodes the same path', () => {
+    const pathData = new SVGPathData(PATH);
+
+    expect(pathData.clone().encode()).toEqual(pathData.encode());
+  });
+
+  test('transforming the clone leaves the original unchanged', () => {
+    const pathData = new SVGPathData(PATH);
+    const before = pathData.encode();
+
+    pathData.clone().toAbs().normalizeST().qtToC().aToC().translate(5, 5);
+
+    expect(pathData.encode()).toEqual(before);
+  });
+
+  test('transforming the original leaves the clone unchanged', () => {
+    const pathData = new SVGPathData(PATH);
+    const clone = pathData.clone();
+
+    pathData.toAbs().normalizeST().qtToC().aToC().translate(5, 5);
+
+    expect(clone.encode()).toEqual(new SVGPathData(PATH).encode());
+  });
+});