Function highlight

web/lib/search/highlighter.ts:5–23

(text: string, query: string)

 * Returns an HTML string safe for use with dangerouslySetInnerHTML.
 */
export function highlight(text: string, query: string): string {
  if (!query.trim()) return escapeHtml(text);

  const terms = tokenize(query);
  if (terms.length === 0) return escapeHtml(text);

  // Build a regex that matches any of the terms (case-insensitive)
  const pattern = terms
    .map((t) => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"))
    .join("|");
  const regex = new RegExp(`(${pattern})`, "gi");

  return escapeHtml(text).replace(
    // Re-run on escaped HTML — we need to match original terms
    // So instead: split on matches then reassemble
    regex,
    (match) => `<mark class="search-highlight">${match}</mark>`
  );
}

/**
 * Returns a short excerpt (up to maxLength chars) centred around the first match.