website-highlighter 1.2.0 → 1.3.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, 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 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, c = o[s][0] + 1, g = r[s][0] + a, f = Math.min(l, Math.min(c, g)), d = [f, r[s][1]];
+        l === f ? d[1] = r[s + 1][1] - 1 : c === f && (d[1] = o[s][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,231 @@ 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), 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 o = [];
-    for (let s of r) {
-      let l = n[s], c = {
+    let s = [];
+    for (let a of i) {
+      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);
+      s.push(c);
     }
-    return o;
+    return s;
   }
 }
-function T(i, e) {
-  return new M().getMatches(i, e);
+function T(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 = T(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 };
 }
-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)})}})})();
+`, E = 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 = E && (self.URL || self.webkitURL).createObjectURL(E), !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, S = 0, p = !1, M = "sync";
+const h = /* @__PURE__ */ new Map();
+function H(n) {
+  for (const { reject: e } of h.values())
+    e(n);
+  h.clear();
+}
+function b(n) {
+  p = !0, u && (u.terminate(), u = void 0), H(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) => {
+      b(n.error ?? new Error(n.message || "Worker matcher failed."));
+    }), u.addEventListener("messageerror", () => {
+      b(new Error("Worker matcher could not deserialize a message."));
+    }), u;
+  }
+}
+function O(n, e) {
+  const t = C();
+  if (!t) return;
+  const r = S++;
+  return new Promise((i, o) => {
+    h.set(r, { resolve: i, reject: o });
+    try {
+      t.postMessage({ id: r, query: n, source: e });
+    } catch (s) {
+      h.delete(r), o(s);
+    }
+  });
+}
+function D() {
+  return M;
+}
+async function U(n, e) {
+  const t = O(n, e);
+  if (t)
+    try {
+      const r = await t;
+      return M = "worker", r;
+    } catch (r) {
+      b(r);
+    }
+  return M = "sync", x(n, e);
+}
+function j(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 i = n.ownerDocument, o = i.createTreeWalker(
+    n,
+    i.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 s = 0, a = null, l = 0, c = null, g = 0;
+  for (let d = o.nextNode(); d; d = o.nextNode()) {
+    const m = s + d.data.length;
+    if (a === null && e >= s && e < m && (a = d, l = e - s), c === null && t > s && t <= m && (c = d, g = t - s), a && c)
       break;
-    o = g;
+    s = 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 = i.createRange();
+  return f.setStart(a, l), f.setEnd(c, g), f;
+}
+const w = "website-highlighter", k = `${w}:response`, R = 500;
+let N = 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);
     });
-    r = t.setTimeout(() => {
-      a.disconnect(), n(!1);
-    }, e), a.observe(i, {
+    i = 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.");
+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: n < r ? I(e, n, r) : null,
-    value: a,
-    view: s,
-    score: x(i, a, o)
+    range: i < o ? j(e, i, o) : null,
+    value: s,
+    view: r,
+    score: P(n, s, 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 v({ 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)), { range: n, value: e };
 }
-async function v(i, e, t, n, r) {
-  let a = 0;
+async function _(n, e, t, r, i) {
+  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 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 (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 "${s.value}".`);
   }
 }
-function C(i, {
+function A() {
+  return D();
+}
+async function z(n, {
   root: e = document.body,
   threshold: t = 0,
-  retries: n = 6,
-  retryInterval: r = m
+  retries: r = 6,
+  retryInterval: i = R
 } = {}) {
-  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 ? _(n, e, t, r, i) : v(await L(n, e));
+}
+function F(n, e, t = "*") {
+  if (!n?.contentWindow) throw new TypeError("Expected an iframe with a contentWindow");
+  const r = `${Date.now()}-${N++}`, i = n.contentWindow;
+  let o;
+  function s() {
+    i.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 === i && l.data?.type === k && 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), s(), o = window.setInterval(s, R);
 }
 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: k,
       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), z(t.data.text, { threshold: 0.9 }).catch((r) => console.error(r)));
   });
 }
 export {
-  C as default,
-  N as highlightInIframe
+  z as default,
+  A as getMatcherMode,
+  F 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 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,u=o[i][0]+1,p=r[i][0]+a,h=Math.min(l,Math.min(u,p)),d=[h,r[i][1]];l===h?d[1]=r[i+1][1]-1:u===h&&(d[1]=o[i][1]+1),o.push(d)}r=o}return r}getMatches(e,t){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 i=[];for(let a of s){let l=r[a],u={distance:l[0],start:a-e.length-l[1],end:a};i.push(u)}return i}}function x(n,e){return new w().getMatches(n,e)}function S(n,e){const t=x(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}}const k=`(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)})}})})();
+`,R=typeof self<"u"&&self.Blob&&new Blob(["(self.URL || self.webkitURL).revokeObjectURL(self.location.href);",k],{type:"text/javascript;charset=utf-8"});function H(n){let e;try{if(e=R&&(self.URL||self.webkitURL).createObjectURL(R),!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(k),{name:n?.name})}}let c,O=0,M=!1,b="sync";const g=new Map;function C(n){for(const{reject:e}of g.values())e(n);g.clear()}function y(n){M=!0,c&&(c.terminate(),c=void 0),C(n)}function j(){if(!(M||typeof Worker>"u")){if(c)return c;try{c=new H}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=>{y(n.error??new Error(n.message||"Worker matcher failed."))}),c.addEventListener("messageerror",()=>{y(new Error("Worker matcher could not deserialize a message."))}),c}}function D(n,e){const t=j();if(!t)return;const r=O++;return new Promise((s,o)=>{g.set(r,{resolve:s,reject:o});try{t.postMessage({id:r,query:n,source:e})}catch(i){g.delete(r),o(i)}})}function U(){return b}async function N(n,e){const t=D(n,e);if(t)try{const r=await t;return b="worker",r}catch(r){y(r)}return b="sync",S(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 s=n.ownerDocument,o=s.createTreeWalker(n,s.defaultView.NodeFilter.SHOW_TEXT);let i=0,a=null,l=0,u=null,p=0;for(let d=o.nextNode();d;d=o.nextNode()){const E=i+d.data.length;if(a===null&&e>=i&&e<E&&(a=d,l=e-i),u===null&&t>i&&t<=E&&(u=d,p=t-i),a&&u)break;i=E}if(!a||!u)throw new Error("Could not map offsets to the DOM. The DOM may have changed.");const h=s.createRange();return h.setStart(a,l),h.setEnd(u,p),h}const m="website-highlighter",v=`${m}:response`,L=500;let $=0;function q(n){return new Promise(e=>globalThis.setTimeout(e,n))}function _(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)});s=t.setTimeout(()=>{o.disconnect(),r(!1)},e),o.observe(n,{childList:!0,characterData:!0,subtree:!0})}):q(e).then(()=>!1)}function z(n,e,t){const r=Math.max(n.length,e.length);return r===0?1:(r-t)/r}async function T(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:s<o?P(e,s,o):null,value:i,view:r,score:z(n,i,a)}}function I({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)),{range:n,value:e}}async function A(n,e,t,r,s){let o=0;for(;;){const i=await T(n,e);if(i.score>=t)return I(i);for(;o<r;){const a=await _(e,s);if(o+=1,a)break}if(o>=r)throw new Error(`Could not find "${n}" with threshold ${t}. Best match was "${i.value}".`)}}function F(){return U()}async function W(n,{root:e=document.body,threshold:t=0,retries:r=6,retryInterval:s=L}={}){return t>0?A(n,e,t,r,s):I(await T(n,e))}function B(n,e,t="*"){if(!n?.contentWindow)throw new TypeError("Expected an iframe with a contentWindow");const r=`${Date.now()}-${$++}`,s=n.contentWindow;let o;function i(){s.postMessage({type:m,id:r,text:e},t)}function a(l){l.source===s&&l.data?.type===v&&l.data.id===r&&(window.clearInterval(o),window.removeEventListener("message",a))}window.addEventListener("message",a),i(),o=window.setInterval(i,L)}if(typeof window<"u"){let n=function(t){return t.origin==="null"?"*":t.origin},e=function(t){t.source?.postMessage({type:v,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=F,f.highlightInIframe=B,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.3.0",
   "description": "Fuzzy text matching and highlighting for DOM content.",
   "type": "module",
   "main": "./dist/website-highlighter.umd.cjs",