Publish version 1.0.1

demo/index.html

@@ -101,7 +101,7 @@ <h2>License</h2>
     </div>
   </body>
   <script type="module">
-    import { highlightSearchTerm } from "https://cdn.jsdelivr.net/npm/[email protected].0/src/index.js";
+    import { highlightSearchTerm } from "https://cdn.jsdelivr.net/npm/[email protected].1/src/index.js";
     const search = document.getElementById("search");
     search.addEventListener("input", () => {
       highlightSearchTerm({ search: search.value, selector: ".content" });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "highlight-search-term",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Highlight search term in a page. Vanilla JS, compatible with frontend frameworks (React, Vite, Angular, etc).",
   "repository": "marmelab/highlight-search-term",
   "homepage": "https://marmelab.com/highlight-search-term/",

src/index.js

@@ -42,11 +42,12 @@ const highlightSearchTerm = ({
 };
 
 const getTextNodesInElementContainingText = (element, text) => {
+  const lowerCaseText = text.toLowerCase();
   const nodes = [];
   const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);
   let node;
   while ((node = walker.nextNode())) {
-    if (node.textContent?.toLowerCase().includes(text.toLowerCase())) {
+    if (node.textContent?.toLowerCase().includes(lowerCaseText)) {
       nodes.push(node);
     }
   }
@@ -55,11 +56,12 @@ const getTextNodesInElementContainingText = (element, text) => {
 
 const getRangesForSearchTermInElement = (element, search) => {
   const ranges = [];
+  const lowerCaseSearch = search.toLowerCase();
   if (!element.firstChild) return ranges;
   const text = element.textContent?.toLowerCase() || "";
   let start = 0;
   let index;
-  while ((index = text.indexOf(search.toLowerCase(), start)) >= 0) {
+  while ((index = text.indexOf(lowerCaseSearch, start)) >= 0) {
     const range = new Range();
     range.setStart(element.firstChild, index);
     range.setEnd(element.firstChild, index + search.length);