Method highlight

website/src/scripts/search.ts:136–169

* Highlight matching text in a string

(text: string, query: string)

   * Highlight matching text in a string
   */
  highlight(text: string, query: string): string {
    if (!query || !text) return escapeHtml(text || "");

    const normalizedQuery = query.toLowerCase().trim();
    const words = normalizedQuery.split(/\s+/);
    let result = escapeHtml(text);

    for (const word of words) {
      if (word.length < 2) continue;
      const regex = new RegExp(
        `(${word.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})`,
        "gi"
      );
      const parts = result.split(/(<[^>]+>)/g);
      let inMark = false;
      result = parts
        .map((part) => {
          if (part.startsWith("<")) {
            if (part.toLowerCase() === "<mark>") inMark = true;
            if (part.toLowerCase() === "</mark>") inMark = false;
            return part;
          }

          if (inMark) {
            return part;
          }

          return part.replace(regex, "<mark>$1</mark>");
        })
        .join("");
    }

    return result;
  }
}

// Global search instance (uses SearchItem for the global search index)