fix

README.md

@@ -1,13 +1,21 @@
 
-## dev
+## Dev
 
 ```bash
 pnpm dev
 ```
 
-## publish
+## Publish
 
 ```bash
 pnpm build
 pnpm zip
 ```
+
+## Limitations
+
+- Limited by mark.js library
+  - Search by whole word does not mark first word of a block sometimes
+  - Search with regular expressions is not working
+- Cannot mark text in inputs
+- Cannot mark text in PDFs

entrypoints/content/Search.tsx

@@ -247,7 +247,7 @@ const Search: React.FC<SearchProps> = ({
           {/*
             MARK:- Regex
           */}
-          <div className="tooltip-container">
+          {/* <div className="tooltip-container">
             <button
               className={`iconButton ${config.isRegex ? "active" : ""}`}
               onClick={() => {
@@ -260,7 +260,7 @@ const Search: React.FC<SearchProps> = ({
               <RegexIcon size={17} style={{ marginTop: "-1px" }} />
             </button>
             <div className="tooltip">Match Regex</div>
-          </div>
+          </div> */}
 
           <div className="border"></div>
 

lib/dom.ts

@@ -1,5 +1,4 @@
-// @ts-ignore
-import Mark from "qw-mark.js";
+import Mark from "mark.js";
 import { SearchConfig } from "./type";
 
 // https://markjs.io/
@@ -52,7 +51,10 @@ const isValidTag = (
   let parent: HTMLElement | null | undefined = node.parentElement;
   for (let i = 0; i < levels; i++) {
     if (
-      ["SCRIPT", "NOSCRIPT", "STYLE", "META"].includes(parent?.tagName || "")
+      // TODO: inputs and textareas should be searchable
+      ["SCRIPT", "NOSCRIPT", "STYLE", "META", "INPUT", "TEXTAREA"].includes(
+        parent?.tagName || ""
+      )
     ) {
       return false;
     }
@@ -67,7 +69,7 @@ const isValidTag = (
  * Note that this throws on input errors
  */
 export const search = (
-  input: string | RegExp,
+  input: string,
   mode: SearchConfig,
   done: (numOfMatches: number) => void,
   onNoMatch?: (notFoundTerm: string) => void
@@ -122,13 +124,14 @@ export const search = (
   markInstance.unmark({
     done: function () {
       if (mode.isRegex) {
-        try {
-          // TODO: this cause extension and page to freeze...
-          const regex = new RegExp("bls");
-          markInstance.markRegExp(regex, options);
-        } catch (error) {
-          throw new Error("Invalid regular expression: " + error);
-        }
+        // TODO: mark.js regex search is not working
+        // try {
+        //   const regex = new RegExp(input);
+        //   markInstance.markRegExp(regex, options);
+        // } catch (error) {
+        //   console.error("Invalid regular expression: " + error);
+        //   throw new Error("Invalid regular expression: " + error);
+        // }
       } else {
         if (typeof input !== "string") {
           throw new Error("Input must be a string");

package.json

@@ -18,12 +18,13 @@
     "framer-motion": "^11.3.27",
     "lodash": "^4.17.21",
     "lucide-react": "^0.427.0",
-    "qw-mark.js": "^9.0.2",
+    "mark.js": "^8.11.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@types/lodash": "^4.17.7",
+    "@types/mark.js": "^8.11.12",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@wxt-dev/module-react": "^1.1.0",