Enhance footnote handling by protecting code blocks in markdown (#6)

Author: sy-records

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sy-records/docsify-footnotes",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "A plugin that supports the use of footnotes in docsify.",
   "main": "dist/index.js",
   "repository": {

src/index.js

@@ -8,11 +8,24 @@ document.addEventListener('click', function (event) {
 
 function footnotes(hook) {
   hook.beforeEach((markdown) => {
-    return markdown.replace(/\[\^([A-Za-z0-9\-]+)\](\:)?/gm, (_, id, isDefinition) =>
+    const codeBlocks = [];
+    const placeholder = (i) => `{{CODE${i}}}`;
+
+    const protectedMarkdown = markdown.replace(/(```[\s\S]*?```|`[^`\n]+`)/g, (match) => {
+      const index = codeBlocks.length;
+      codeBlocks.push(match);
+      return placeholder(index);
+    });
+
+    console.error(protectedMarkdown)
+
+    const processed = protectedMarkdown.replace(/\[\^([A-Za-z0-9\-]+)\](\:)?/gm, (_, id, isDefinition) =>
         isDefinition
             ? `<strong class="footnote-reference-symbol" data-ref="fn-${id}" id="fnref-${id}">[${id}](#fn-${id})</strong>:leftwards_arrow_with_hook: `
             : `<sup class="footnote-symbol" data-ref="fnref-${id}" id="fn-${id}">[${id}](#fnref-${id})</sup>`
     );
+
+    return processed.replace(/\{\{CODE(\d+)\}\}/g, (_, index) => codeBlocks[+index]);
   });
 }