fix: fix highlightSubstring not being able to handle special characte…

…rs for regex

Signed-off-by: Mason Hu <[email protected]>

src/utils.test.ts

@@ -21,4 +21,11 @@ describe("highlightSubString function ", () => {
       match: false,
     });
   });
+
+  it("handles special substrings for regex matching", () => {
+    expect(highlightSubString("somestring\\", "\\")).toEqual({
+      text: "somestring<strong>\\</strong>",
+      match: true,
+    });
+  });
 });

src/utils.ts

@@ -19,7 +19,9 @@ export const highlightSubString = (
       match: false,
     };
   }
-  const caseInsensitiveRegex = new RegExp(subString, "gi");
+
+  const escapedSubstring = subString.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const caseInsensitiveRegex = new RegExp(escapedSubstring, "gi");
   const newStr = str.replace(
     caseInsensitiveRegex,
     (match) => `<strong>${match}</strong>`,