Function renderResults

docs/script.js:286–337

(results, query)

    };

    const renderResults = (results, query) => {
      docsSearchResults.innerHTML = "";

      if (!query || query.length < 2) {
        hideResults();
        return;
      }

      if (!results || results.length === 0) {
        docsSearchResults.innerHTML =
          '<div class="docs-search__empty">No matches found.</div>';
        docsSearchResults.classList.add("is-visible");
        return;
      }

      const fragment = document.createDocumentFragment();

      results.forEach((page) => {
        const item = document.createElement("a");
        item.className = "docs-search__item";
        item.href = page.url;

        const titleEl = document.createElement("div");
        titleEl.className = "docs-search__item-title";
        titleEl.textContent = page.title;

        const snippetEl = document.createElement("div");
        snippetEl.className = "docs-search__item-snippet";

        const content = page.content || "";
        const lower = content.toLowerCase();
        const idx = lower.indexOf(query.toLowerCase());

        if (idx !== -1) {
          const start = Math.max(0, idx - 40);
          const end = Math.min(content.length, idx + query.length + 60);
          let snippet = content.slice(start, end).trim();
          if (start > 0) snippet = "…" + snippet;
          if (end < content.length) snippet = snippet + "…";
          snippetEl.textContent = snippet;
        } else {
          snippetEl.textContent = content.slice(0, 120).trim() + "…";
        }

        item.appendChild(titleEl);
        item.appendChild(snippetEl);
        fragment.appendChild(item);
      });

      docsSearchResults.appendChild(fragment);
      docsSearchResults.classList.add("is-visible");
    };

    const loadIndex = async () => {
      if (indexLoaded || indexLoading) return;