fix(reusePaths): dont reuse id if referenced in href

package.json

@@ -34,6 +34,11 @@
       "name": "Bogdan Chadkin",
       "email": "[email protected]",
       "url": "https://github.com/TrySound"
+    },
+    {
+      "name": "Seth Falco",
+      "email": "[email protected]",
+      "url": "https://falco.fun/"
     }
   ],
   "repository": {

plugins/reusePaths.js

@@ -26,6 +26,13 @@ exports.fn = () => {
    */
   const paths = new Map();
 
+  /**
+   * Set of hrefs that reference the id of another node.
+   *
+   * @type {Set<string>}
+   */
+  const hrefs = new Set();
+
   return {
     element: {
       enter: (node) => {
@@ -41,12 +48,23 @@ exports.fn = () => {
           }
           list.push(node);
         }
+
+        if (node.name == 'use') {
+          for (const name of ['href', 'xlink:href']) {
+            const href = node.attributes[name];
+
+            if (href != null && href.startsWith('#') && href.length > 1) {
+              hrefs.add(href.slice(1));
+            }
+          }
+        }
       },
 
       exit: (node, parentNode) => {
         if (node.name === 'svg' && parentNode.type === 'root') {
           /**
            * @type {XastElement}
+           * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Element/defs
            */
           const defsTag = {
             type: 'element',
@@ -74,7 +92,8 @@ exports.fn = () => {
               };
               delete reusablePath.attributes.transform;
               let id;
-              if (reusablePath.attributes.id == null) {
+              const reusablePathId = reusablePath.attributes.id;
+              if (reusablePathId == null || hrefs.has(reusablePathId)) {
                 id = 'reuse-' + index;
                 index += 1;
                 reusablePath.attributes.id = id;