website-highlighter 1.2.0 → 1.4.0

package/README.md

@@ -16,7 +16,7 @@ Import the default function and pass the text you want to find. The library find
 import WebsiteHighlighter from 'website-highlighter'
 
 const article = document.querySelector('article')
-const { range, value } = WebsiteHighlighter('custom highlight api', {
+const { range, value } = await WebsiteHighlighter('custom highlight api', {
   root: article
 })
 
@@ -36,7 +36,19 @@ Add styles for the highlight name:
 If no root is passed, the library searches `document.body`.
 
 ```js
-WebsiteHighlighter('some text on the page')
+await WebsiteHighlighter('some text on the page')
+```
+
+## CDN Usage
+
+The browser bundle can be loaded from a CDN as a single file. Fuzzy matching uses an inline Blob worker when the browser allows it, so you do not need to host a separate worker script.
+
+```html
+<script type="module">
+  import WebsiteHighlighter from 'https://cdn.example.com/website-highlighter.js'
+
+  await WebsiteHighlighter('some text on the page')
+</script>
 ```
 
 ## Iframe Usage
@@ -71,14 +83,20 @@ highlightInIframe(iframe, 'text inside the iframe', 'https://example.com')
 
 ### `WebsiteHighlighter(text, options)`
 
-Finds the best fuzzy match for `text`, applies the `website-highlighter` custom highlight, and returns `{ range, value }` or resolves to it when threshold retries are enabled.
+Finds the best fuzzy match for `text`, applies the `website-highlighter` custom highlight, scrolls the matched range into view, and resolves to `{ range, value }`.
 
 - `text`: string to search for.
 - `options.root`: optional DOM node to search. Defaults to `document.body`.
-- `options.threshold`: optional minimum match score from `0` to `1`. When greater than `0`, the function returns a Promise and retries until the threshold is met or retries are exhausted.
+- `options.threshold`: optional minimum match score from `0` to `1`. When greater than `0`, the function retries until the threshold is met or retries are exhausted.
 - `options.retries`: optional retry count. Defaults to `6`.
 - `options.retryInterval`: optional retry delay in milliseconds. Defaults to `500`.
 
+Fuzzy matching runs in a worker when the browser allows it. If worker creation is unavailable or blocked, the library falls back to synchronous matching on the main thread.
+
+### `getMatcherMode()`
+
+Returns `'worker'` or `'sync'` for the most recent match. This is intended for diagnostics and demos.
+
 ### `highlightInIframe(iframe, text, targetOrigin)`
 
 Posts a highlight request to an iframe.

package/dist/website-highlighter.js

@@ -1,4 +1,4 @@
-class M {
+class I {
   /**
    * Calculates the Levenshtein distance for all substrings and returns their
    * distance and insertion-deletion offset.
@@ -9,16 +9,16 @@ class M {
    * @return {array} Array of all substring matches in pairs [distance, offset]
    */
   getEditDistances(e, t) {
-    var n = new Array(t.length + 1).fill([0, 0]);
-    for (let r = 0; r < e.length; r++) {
-      let a = [[r + 1, 0]];
-      for (let o = 0; o < t.length; o++) {
-        let s = e[r] != t[o], l = n[o + 1][0] + 1, c = a[o][0] + 1, d = n[o][0] + s, u = Math.min(l, Math.min(c, d)), h = [u, n[o][1]];
-        l === u ? h[1] = n[o + 1][1] - 1 : c === u && (h[1] = a[o][1] + 1), a.push(h);
+    var r = new Array(t.length + 1).fill([0, 0]);
+    for (let s = 0; s < e.length; s++) {
+      let o = [[s + 1, 0]];
+      for (let i = 0; i < t.length; i++) {
+        let a = e[s] != t[i], l = r[i + 1][0] + 1, c = o[i][0] + 1, g = r[i][0] + a, f = Math.min(l, Math.min(c, g)), d = [f, r[i][1]];
+        l === f ? d[1] = r[i + 1][1] - 1 : c === f && (d[1] = o[i][1] + 1), o.push(d);
       }
-      n = a;
+      r = o;
     }
-    return n;
+    return r;
   }
   /**
    * Search haystack for all instances of needle and returns an array of
@@ -30,149 +30,251 @@ class M {
    * @return {array} Array of best substring matches.
    */
   getMatches(e, t) {
-    let n = this.getEditDistances(e, t), r = [0], a = n[0][0];
-    for (let s = 1; s < n.length; s++) {
-      let l = n[s][0];
-      l < a ? (r = [s], a = l) : l == a && r.push(s);
+    let r = this.getEditDistances(e, t), s = [0], o = r[0][0];
+    for (let a = 1; a < r.length; a++) {
+      let l = r[a][0];
+      l < o ? (s = [a], o = l) : l == o && s.push(a);
     }
-    let o = [];
-    for (let s of r) {
-      let l = n[s], c = {
+    let i = [];
+    for (let a of s) {
+      let l = r[a], c = {
         distance: l[0],
-        start: s - e.length - l[1],
+        start: a - e.length - l[1],
         //simplification of startPos = endPos − (needleLength + insertions − deletions)
-        end: s
+        end: a
       };
-      o.push(c);
+      i.push(c);
     }
-    return o;
+    return i;
   }
 }
-function T(i, e) {
-  return new M().getMatches(i, e);
+function v(n, e) {
+  return new I().getMatches(n, e);
 }
-function b(i, e) {
-  const t = T(i, e);
-  let n;
-  for (const s of t)
-    (n === void 0 || s.distance < n.distance) && (n = s);
-  const r = Math.max(n.start, 0), a = Math.min(Math.max(n.end, r), e.length);
-  return { value: e.slice(r, a), start: r, end: a, distance: n.distance };
+function x(n, e) {
+  const t = v(n, e);
+  let r;
+  for (const a of t)
+    (r === void 0 || a.distance < r.distance) && (r = a);
+  const s = Math.max(r.start, 0), o = Math.min(Math.max(r.end, s), e.length);
+  return { value: e.slice(s, o), start: s, end: o, distance: r.distance };
 }
-function I(i, e, t) {
-  const n = i.textContent ?? "";
-  if (!Number.isInteger(e) || !Number.isInteger(t) || e < 0 || e >= t || t > n.length)
+const y = `(function(){"use strict";class h{getEditDistances(s,i){var t=new Array(i.length+1).fill([0,0]);for(let e=0;e<s.length;e++){let r=[[e+1,0]];for(let l=0;l<i.length;l++){let n=s[e]!=i[l],a=t[l+1][0]+1,o=r[l][0]+1,m=t[l][0]+n,u=Math.min(a,Math.min(o,m)),f=[u,t[l][1]];a===u?f[1]=t[l+1][1]-1:o===u&&(f[1]=r[l][1]+1),r.push(f)}t=r}return t}getMatches(s,i){let t=this.getEditDistances(s,i),e=[0],r=t[0][0];for(let n=1;n<t.length;n++){let a=t[n][0];a<r?(e=[n],r=a):a==r&&e.push(n)}let l=[];for(let n of e){let a=t[n],o={distance:a[0],start:n-s.length-a[1],end:n};l.push(o)}return l}}function g(c,s){return new h().getMatches(c,s)}function d(c,s){const i=g(c,s);let t;for(const n of i)(t===void 0||n.distance<t.distance)&&(t=n);const e=Math.max(t.start,0),r=Math.min(Math.max(t.end,e),s.length);return{value:s.slice(e,r),start:e,end:r,distance:t.distance}}self.addEventListener("message",c=>{const{id:s,query:i,source:t}=c.data;try{self.postMessage({id:s,result:d(i,t)})}catch(e){self.postMessage({id:s,error:e instanceof Error?e.message:String(e)})}})})();
+`, b = typeof self < "u" && self.Blob && new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);", y], { type: "text/javascript;charset=utf-8" });
+function W(n) {
+  let e;
+  try {
+    if (e = b && (self.URL || self.webkitURL).createObjectURL(b), !e) throw "";
+    const t = new Worker(e, {
+      name: n?.name
+    });
+    return t.addEventListener("error", () => {
+      (self.URL || self.webkitURL).revokeObjectURL(e);
+    }), t;
+  } catch {
+    return new Worker(
+      "data:text/javascript;charset=utf-8," + encodeURIComponent(y),
+      {
+        name: n?.name
+      }
+    );
+  }
+}
+let u, H = 0, p = !1, M = "sync";
+const h = /* @__PURE__ */ new Map();
+function S(n) {
+  for (const { reject: e } of h.values())
+    e(n);
+  h.clear();
+}
+function E(n) {
+  p = !0, u && (u.terminate(), u = void 0), S(n);
+}
+function C() {
+  if (!(p || typeof Worker > "u")) {
+    if (u) return u;
+    try {
+      u = new W();
+    } catch {
+      p = !0;
+      return;
+    }
+    return u.addEventListener("message", (n) => {
+      const e = h.get(n.data?.id);
+      e && (h.delete(n.data.id), n.data.error ? e.reject(new Error(n.data.error)) : e.resolve(n.data.result));
+    }), u.addEventListener("error", (n) => {
+      E(n.error ?? new Error(n.message || "Worker matcher failed."));
+    }), u.addEventListener("messageerror", () => {
+      E(new Error("Worker matcher could not deserialize a message."));
+    }), u;
+  }
+}
+function O(n, e) {
+  const t = C();
+  if (!t) return;
+  const r = H++;
+  return new Promise((s, o) => {
+    h.set(r, { resolve: s, reject: o });
+    try {
+      t.postMessage({ id: r, query: n, source: e });
+    } catch (i) {
+      h.delete(r), o(i);
+    }
+  });
+}
+function D() {
+  return M;
+}
+async function N(n, e) {
+  const t = O(n, e);
+  if (t)
+    try {
+      const r = await t;
+      return M = "worker", r;
+    } catch (r) {
+      E(r);
+    }
+  return M = "sync", x(n, e);
+}
+function U(n, e, t) {
+  const r = n.textContent ?? "";
+  if (!Number.isInteger(e) || !Number.isInteger(t) || e < 0 || e >= t || t > r.length)
     throw new RangeError(
-      `Invalid range [${e}, ${t}) for text length ${n.length}`
+      `Invalid range [${e}, ${t}) for text length ${r.length}`
     );
-  const r = i.ownerDocument, a = r.createTreeWalker(
-    i,
-    r.defaultView.NodeFilter.SHOW_TEXT
+  const s = n.ownerDocument, o = s.createTreeWalker(
+    n,
+    s.defaultView.NodeFilter.SHOW_TEXT
   );
-  let o = 0, s = null, l = 0, c = null, d = 0;
-  for (let h = a.nextNode(); h; h = a.nextNode()) {
-    const g = o + h.data.length;
-    if (s === null && e >= o && e < g && (s = h, l = e - o), c === null && t > o && t <= g && (c = h, d = t - o), s && c)
+  let i = 0, a = null, l = 0, c = null, g = 0;
+  for (let d = o.nextNode(); d; d = o.nextNode()) {
+    const m = i + d.data.length;
+    if (a === null && e >= i && e < m && (a = d, l = e - i), c === null && t > i && t <= m && (c = d, g = t - i), a && c)
       break;
-    o = g;
+    i = m;
   }
-  if (!s || !c)
+  if (!a || !c)
     throw new Error(
       "Could not map offsets to the DOM. The DOM may have changed."
     );
-  const u = r.createRange();
-  return u.setStart(s, l), u.setEnd(c, d), u;
-}
-const f = "website-highlighter", w = `${f}:response`, m = 500;
-let y = 0;
-function H(i) {
-  return new Promise((e) => globalThis.setTimeout(e, i));
-}
-function S(i, e) {
-  const t = i.ownerDocument?.defaultView ?? window;
-  return t.MutationObserver ? new Promise((n) => {
-    let r;
-    const a = new t.MutationObserver(() => {
-      t.clearTimeout(r), a.disconnect(), n(!0);
+  const f = s.createRange();
+  return f.setStart(a, l), f.setEnd(c, g), f;
+}
+const w = "website-highlighter", R = `${w}:response`, k = 500;
+let j = 0;
+function $(n) {
+  return new Promise((e) => globalThis.setTimeout(e, n));
+}
+function q(n, e) {
+  const t = n.ownerDocument?.defaultView ?? window;
+  return t.MutationObserver ? new Promise((r) => {
+    let s;
+    const o = new t.MutationObserver(() => {
+      t.clearTimeout(s), o.disconnect(), r(!0);
     });
-    r = t.setTimeout(() => {
-      a.disconnect(), n(!1);
-    }, e), a.observe(i, {
+    s = t.setTimeout(() => {
+      o.disconnect(), r(!1);
+    }, e), o.observe(n, {
       childList: !0,
       characterData: !0,
       subtree: !0
     });
-  }) : H(e).then(() => !1);
+  }) : $(e).then(() => !1);
 }
-function x(i, e, t) {
-  const n = Math.max(i.length, e.length);
-  return n === 0 ? 1 : (n - t) / n;
+function P(n, e, t) {
+  const r = Math.max(n.length, e.length);
+  return r === 0 ? 1 : (r - t) / r;
 }
-function p(i, e) {
-  const t = e.textContent ?? "", { start: n, end: r, value: a, distance: o } = b(i, t), s = e.ownerDocument?.defaultView ?? window;
-  if (!s.CSS?.highlights || !s.Highlight) throw new Error("This browser does not support the CSS Custom Highlight API.");
+function _(n) {
+  const { startContainer: e } = n;
+  return e.nodeType === e.ELEMENT_NODE ? e : e.parentElement;
+}
+function V(n, e) {
+  const t = n.getClientRects()[0];
+  if (!t) {
+    _(n)?.scrollIntoView({
+      block: "center",
+      inline: "nearest",
+      behavior: "smooth"
+    });
+    return;
+  }
+  const r = e.innerHeight || e.document.documentElement.clientHeight, s = t.top + e.scrollY - r / 2 + t.height / 2;
+  e.scrollTo({
+    top: Math.max(0, s),
+    behavior: "smooth"
+  });
+}
+async function L(n, e) {
+  const t = e.textContent ?? "", r = e.ownerDocument?.defaultView ?? window;
+  if (!r.CSS?.highlights || !r.Highlight) throw new Error("This browser does not support the CSS Custom Highlight API.");
+  const { start: s, end: o, value: i, distance: a } = await N(n, t);
   return {
     haystack: t,
-    range: n < r ? I(e, n, r) : null,
-    value: a,
-    view: s,
-    score: x(i, a, o)
+    range: s < o ? U(e, s, o) : null,
+    value: i,
+    view: r,
+    score: P(n, i, a)
   };
 }
-function E({ range: i, value: e, view: t }) {
-  if (!i) throw new Error("Could not find text to highlight.");
-  return t.CSS.highlights.set(f, new t.Highlight(i)), { range: i, value: e };
+function T({ range: n, value: e, view: t }) {
+  if (!n) throw new Error("Could not find text to highlight.");
+  return t.CSS.highlights.set(w, new t.Highlight(n)), V(n, t), { range: n, value: e };
 }
-async function v(i, e, t, n, r) {
-  let a = 0;
+async function z(n, e, t, r, s) {
+  let o = 0;
   for (; ; ) {
-    const o = p(i, e);
-    if (o.score >= t) return E(o);
-    for (; a < n; ) {
-      const s = await S(e, r);
-      if (a += 1, s) break;
+    const i = await L(n, e);
+    if (i.score >= t) return T(i);
+    for (; o < r; ) {
+      const a = await q(e, s);
+      if (o += 1, a) break;
     }
-    if (a >= n) throw new Error(`Could not find "${i}" with threshold ${t}. Best match was "${o.value}".`);
+    if (o >= r) throw new Error(`Could not find "${n}" with threshold ${t}. Best match was "${i.value}".`);
   }
 }
-function C(i, {
+function F() {
+  return D();
+}
+async function A(n, {
   root: e = document.body,
   threshold: t = 0,
-  retries: n = 6,
-  retryInterval: r = m
+  retries: r = 6,
+  retryInterval: s = k
 } = {}) {
-  return t > 0 ? v(i, e, t, n, r) : E(p(i, e));
-}
-function N(i, e, t = "*") {
-  if (!i?.contentWindow) throw new TypeError("Expected an iframe with a contentWindow");
-  const n = `${Date.now()}-${y++}`, r = i.contentWindow;
-  let a;
-  function o() {
-    r.postMessage({
-      type: f,
-      id: n,
+  return t > 0 ? z(n, e, t, r, s) : T(await L(n, e));
+}
+function B(n, e, t = "*") {
+  if (!n?.contentWindow) throw new TypeError("Expected an iframe with a contentWindow");
+  const r = `${Date.now()}-${j++}`, s = n.contentWindow;
+  let o;
+  function i() {
+    s.postMessage({
+      type: w,
+      id: r,
       text: e
     }, t);
   }
-  function s(l) {
-    l.source === r && l.data?.type === w && l.data.id === n && (window.clearInterval(a), window.removeEventListener("message", s));
+  function a(l) {
+    l.source === s && l.data?.type === R && l.data.id === r && (window.clearInterval(o), window.removeEventListener("message", a));
   }
-  window.addEventListener("message", s), o(), a = window.setInterval(o, m);
+  window.addEventListener("message", a), i(), o = window.setInterval(i, k);
 }
 if (typeof window < "u") {
-  let i = function(t) {
+  let n = function(t) {
     return t.origin === "null" ? "*" : t.origin;
   }, e = function(t) {
     t.source?.postMessage({
-      type: w,
+      type: R,
       id: t.data.id
-    }, i(t));
+    }, n(t));
   };
   window.addEventListener("message", (t) => {
-    t.data?.type === f && (e(t), C(t.data.text, { threshold: 0.9 }).catch((n) => console.error(n)));
+    t.data?.type === w && (e(t), A(t.data.text, { threshold: 0.9 }).catch((r) => console.error(r)));
   });
 }
 export {
-  C as default,
-  N as highlightInIframe
+  A as default,
+  F as getMatcherMode,
+  B as highlightInIframe
 };

package/dist/website-highlighter.umd.cjs

@@ -1 +1,2 @@
-(function(c,f){typeof exports=="object"&&typeof module<"u"?f(exports):typeof define=="function"&&define.amd?define(["exports"],f):(c=typeof globalThis<"u"?globalThis:c||self,f(c.WebsiteHighlighter={}))})(this,(function(c){"use strict";class f{getEditDistances(t,e){var n=new Array(e.length+1).fill([0,0]);for(let o=0;o<t.length;o++){let l=[[o+1,0]];for(let r=0;r<e.length;r++){let s=t[o]!=e[r],a=n[r+1][0]+1,u=l[r][0]+1,w=n[r][0]+s,d=Math.min(a,Math.min(u,w)),h=[d,n[r][1]];a===d?h[1]=n[r+1][1]-1:u===d&&(h[1]=l[r][1]+1),l.push(h)}n=l}return n}getMatches(t,e){let n=this.getEditDistances(t,e),o=[0],l=n[0][0];for(let s=1;s<n.length;s++){let a=n[s][0];a<l?(o=[s],l=a):a==l&&o.push(s)}let r=[];for(let s of o){let a=n[s],u={distance:a[0],start:s-t.length-a[1],end:s};r.push(u)}return r}}function y(i,t){return new f().getMatches(i,t)}function I(i,t){const e=y(i,t);let n;for(const s of e)(n===void 0||s.distance<n.distance)&&(n=s);const o=Math.max(n.start,0),l=Math.min(Math.max(n.end,o),t.length);return{value:t.slice(o,l),start:o,end:l,distance:n.distance}}function S(i,t,e){const n=i.textContent??"";if(!Number.isInteger(t)||!Number.isInteger(e)||t<0||t>=e||e>n.length)throw new RangeError(`Invalid range [${t}, ${e}) for text length ${n.length}`);const o=i.ownerDocument,l=o.createTreeWalker(i,o.defaultView.NodeFilter.SHOW_TEXT);let r=0,s=null,a=0,u=null,w=0;for(let h=l.nextNode();h;h=l.nextNode()){const m=r+h.data.length;if(s===null&&t>=r&&t<m&&(s=h,a=t-r),u===null&&e>r&&e<=m&&(u=h,w=e-r),s&&u)break;r=m}if(!s||!u)throw new Error("Could not map offsets to the DOM. The DOM may have changed.");const d=o.createRange();return d.setStart(s,a),d.setEnd(u,w),d}const g="website-highlighter",p=`${g}:response`,b=500;let H=0;function v(i){return new Promise(t=>globalThis.setTimeout(t,i))}function x(i,t){const e=i.ownerDocument?.defaultView??window;return e.MutationObserver?new Promise(n=>{let o;const l=new e.MutationObserver(()=>{e.clearTimeout(o),l.disconnect(),n(!0)});o=e.setTimeout(()=>{l.disconnect(),n(!1)},t),l.observe(i,{childList:!0,characterData:!0,subtree:!0})}):v(t).then(()=>!1)}function C(i,t,e){const n=Math.max(i.length,t.length);return n===0?1:(n-e)/n}function T(i,t){const e=t.textContent??"",{start:n,end:o,value:l,distance:r}=I(i,e),s=t.ownerDocument?.defaultView??window;if(!s.CSS?.highlights||!s.Highlight)throw new Error("This browser does not support the CSS Custom Highlight API.");return{haystack:e,range:n<o?S(t,n,o):null,value:l,view:s,score:C(i,l,r)}}function M({range:i,value:t,view:e}){if(!i)throw new Error("Could not find text to highlight.");return e.CSS.highlights.set(g,new e.Highlight(i)),{range:i,value:t}}async function O(i,t,e,n,o){let l=0;for(;;){const r=T(i,t);if(r.score>=e)return M(r);for(;l<n;){const s=await x(t,o);if(l+=1,s)break}if(l>=n)throw new Error(`Could not find "${i}" with threshold ${e}. Best match was "${r.value}".`)}}function E(i,{root:t=document.body,threshold:e=0,retries:n=6,retryInterval:o=b}={}){return e>0?O(i,t,e,n,o):M(T(i,t))}function N(i,t,e="*"){if(!i?.contentWindow)throw new TypeError("Expected an iframe with a contentWindow");const n=`${Date.now()}-${H++}`,o=i.contentWindow;let l;function r(){o.postMessage({type:g,id:n,text:t},e)}function s(a){a.source===o&&a.data?.type===p&&a.data.id===n&&(window.clearInterval(l),window.removeEventListener("message",s))}window.addEventListener("message",s),r(),l=window.setInterval(r,b)}if(typeof window<"u"){let i=function(e){return e.origin==="null"?"*":e.origin},t=function(e){e.source?.postMessage({type:p,id:e.data.id},i(e))};window.addEventListener("message",e=>{e.data?.type===g&&(t(e),E(e.data.text,{threshold:.9}).catch(n=>console.error(n)))})}c.default=E,c.highlightInIframe=N,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(f,w){typeof exports=="object"&&typeof module<"u"?w(exports):typeof define=="function"&&define.amd?define(["exports"],w):(f=typeof globalThis<"u"?globalThis:f||self,w(f.WebsiteHighlighter={}))})(this,(function(f){"use strict";class w{getEditDistances(e,t){var r=new Array(t.length+1).fill([0,0]);for(let i=0;i<e.length;i++){let o=[[i+1,0]];for(let s=0;s<t.length;s++){let a=e[i]!=t[s],l=r[s+1][0]+1,u=o[s][0]+1,p=r[s][0]+a,h=Math.min(l,Math.min(u,p)),d=[h,r[s][1]];l===h?d[1]=r[s+1][1]-1:u===h&&(d[1]=o[s][1]+1),o.push(d)}r=o}return r}getMatches(e,t){let r=this.getEditDistances(e,t),i=[0],o=r[0][0];for(let a=1;a<r.length;a++){let l=r[a][0];l<o?(i=[a],o=l):l==o&&i.push(a)}let s=[];for(let a of i){let l=r[a],u={distance:l[0],start:a-e.length-l[1],end:a};s.push(u)}return s}}function x(n,e){return new w().getMatches(n,e)}function H(n,e){const t=x(n,e);let r;for(const a of t)(r===void 0||a.distance<r.distance)&&(r=a);const i=Math.max(r.start,0),o=Math.min(Math.max(r.end,i),e.length);return{value:e.slice(i,o),start:i,end:o,distance:r.distance}}const R=`(function(){"use strict";class h{getEditDistances(s,i){var t=new Array(i.length+1).fill([0,0]);for(let e=0;e<s.length;e++){let r=[[e+1,0]];for(let l=0;l<i.length;l++){let n=s[e]!=i[l],a=t[l+1][0]+1,o=r[l][0]+1,m=t[l][0]+n,u=Math.min(a,Math.min(o,m)),f=[u,t[l][1]];a===u?f[1]=t[l+1][1]-1:o===u&&(f[1]=r[l][1]+1),r.push(f)}t=r}return t}getMatches(s,i){let t=this.getEditDistances(s,i),e=[0],r=t[0][0];for(let n=1;n<t.length;n++){let a=t[n][0];a<r?(e=[n],r=a):a==r&&e.push(n)}let l=[];for(let n of e){let a=t[n],o={distance:a[0],start:n-s.length-a[1],end:n};l.push(o)}return l}}function g(c,s){return new h().getMatches(c,s)}function d(c,s){const i=g(c,s);let t;for(const n of i)(t===void 0||n.distance<t.distance)&&(t=n);const e=Math.max(t.start,0),r=Math.min(Math.max(t.end,e),s.length);return{value:s.slice(e,r),start:e,end:r,distance:t.distance}}self.addEventListener("message",c=>{const{id:s,query:i,source:t}=c.data;try{self.postMessage({id:s,result:d(i,t)})}catch(e){self.postMessage({id:s,error:e instanceof Error?e.message:String(e)})}})})();
+`,k=typeof self<"u"&&self.Blob&&new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);",R],{type:"text/javascript;charset=utf-8"});function S(n){let e;try{if(e=k&&(self.URL||self.webkitURL).createObjectURL(k),!e)throw"";const t=new Worker(e,{name:n?.name});return t.addEventListener("error",()=>{(self.URL||self.webkitURL).revokeObjectURL(e)}),t}catch{return new Worker("data:text/javascript;charset=utf-8,"+encodeURIComponent(R),{name:n?.name})}}let c,C=0,M=!1,b="sync";const g=new Map;function O(n){for(const{reject:e}of g.values())e(n);g.clear()}function E(n){M=!0,c&&(c.terminate(),c=void 0),O(n)}function D(){if(!(M||typeof Worker>"u")){if(c)return c;try{c=new S}catch{M=!0;return}return c.addEventListener("message",n=>{const e=g.get(n.data?.id);e&&(g.delete(n.data.id),n.data.error?e.reject(new Error(n.data.error)):e.resolve(n.data.result))}),c.addEventListener("error",n=>{E(n.error??new Error(n.message||"Worker matcher failed."))}),c.addEventListener("messageerror",()=>{E(new Error("Worker matcher could not deserialize a message."))}),c}}function j(n,e){const t=D();if(!t)return;const r=C++;return new Promise((i,o)=>{g.set(r,{resolve:i,reject:o});try{t.postMessage({id:r,query:n,source:e})}catch(s){g.delete(r),o(s)}})}function N(){return b}async function U(n,e){const t=j(n,e);if(t)try{const r=await t;return b="worker",r}catch(r){E(r)}return b="sync",H(n,e)}function P(n,e,t){const r=n.textContent??"";if(!Number.isInteger(e)||!Number.isInteger(t)||e<0||e>=t||t>r.length)throw new RangeError(`Invalid range [${e}, ${t}) for text length ${r.length}`);const i=n.ownerDocument,o=i.createTreeWalker(n,i.defaultView.NodeFilter.SHOW_TEXT);let s=0,a=null,l=0,u=null,p=0;for(let d=o.nextNode();d;d=o.nextNode()){const y=s+d.data.length;if(a===null&&e>=s&&e<y&&(a=d,l=e-s),u===null&&t>s&&t<=y&&(u=d,p=t-s),a&&u)break;s=y}if(!a||!u)throw new Error("Could not map offsets to the DOM. The DOM may have changed.");const h=i.createRange();return h.setStart(a,l),h.setEnd(u,p),h}const m="website-highlighter",T=`${m}:response`,I=500;let _=0;function $(n){return new Promise(e=>globalThis.setTimeout(e,n))}function q(n,e){const t=n.ownerDocument?.defaultView??window;return t.MutationObserver?new Promise(r=>{let i;const o=new t.MutationObserver(()=>{t.clearTimeout(i),o.disconnect(),r(!0)});i=t.setTimeout(()=>{o.disconnect(),r(!1)},e),o.observe(n,{childList:!0,characterData:!0,subtree:!0})}):$(e).then(()=>!1)}function V(n,e,t){const r=Math.max(n.length,e.length);return r===0?1:(r-t)/r}function z(n){const{startContainer:e}=n;return e.nodeType===e.ELEMENT_NODE?e:e.parentElement}function A(n,e){const t=n.getClientRects()[0];if(!t){z(n)?.scrollIntoView({block:"center",inline:"nearest",behavior:"smooth"});return}const r=e.innerHeight||e.document.documentElement.clientHeight,i=t.top+e.scrollY-r/2+t.height/2;e.scrollTo({top:Math.max(0,i),behavior:"smooth"})}async function L(n,e){const t=e.textContent??"",r=e.ownerDocument?.defaultView??window;if(!r.CSS?.highlights||!r.Highlight)throw new Error("This browser does not support the CSS Custom Highlight API.");const{start:i,end:o,value:s,distance:a}=await U(n,t);return{haystack:t,range:i<o?P(e,i,o):null,value:s,view:r,score:V(n,s,a)}}function v({range:n,value:e,view:t}){if(!n)throw new Error("Could not find text to highlight.");return t.CSS.highlights.set(m,new t.Highlight(n)),A(n,t),{range:n,value:e}}async function F(n,e,t,r,i){let o=0;for(;;){const s=await L(n,e);if(s.score>=t)return v(s);for(;o<r;){const a=await q(e,i);if(o+=1,a)break}if(o>=r)throw new Error(`Could not find "${n}" with threshold ${t}. Best match was "${s.value}".`)}}function B(){return N()}async function W(n,{root:e=document.body,threshold:t=0,retries:r=6,retryInterval:i=I}={}){return t>0?F(n,e,t,r,i):v(await L(n,e))}function G(n,e,t="*"){if(!n?.contentWindow)throw new TypeError("Expected an iframe with a contentWindow");const r=`${Date.now()}-${_++}`,i=n.contentWindow;let o;function s(){i.postMessage({type:m,id:r,text:e},t)}function a(l){l.source===i&&l.data?.type===T&&l.data.id===r&&(window.clearInterval(o),window.removeEventListener("message",a))}window.addEventListener("message",a),s(),o=window.setInterval(s,I)}if(typeof window<"u"){let n=function(t){return t.origin==="null"?"*":t.origin},e=function(t){t.source?.postMessage({type:T,id:t.data.id},n(t))};window.addEventListener("message",t=>{t.data?.type===m&&(e(t),W(t.data.text,{threshold:.9}).catch(r=>console.error(r)))})}f.default=W,f.getMatcherMode=B,f.highlightInIframe=G,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "website-highlighter",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "Fuzzy text matching and highlighting for DOM content.",
   "type": "module",
   "main": "./dist/website-highlighter.umd.cjs",