Function updateLibrary

loop-library/site/script.js:248–298

()

let currentPage = 1;
let toastTimer;

function normalize(value) {
  return value.toLowerCase().trim();
}

function updateLibrary() {
  if (!searchInput || !resultsCount || !emptyState) {
    return;
  }

  const query = normalize(searchInput.value);
  const matchingRows = loopRows.filter((row) => {
    const searchableText = rowSearchText.get(row) ?? "";
    const matchesSearch =
      query.length === 0 || searchableText.includes(query);
    const matchesCategory =
      activeCategory === "all" || row.dataset.category === activeCategory;
    return matchesSearch && matchesCategory;
  });

  const totalMatches = matchingRows.length;
  const totalPages = Math.max(1, Math.ceil(totalMatches / PAGE_SIZE));
  currentPage = Math.min(currentPage, totalPages);

  const pageStart = (currentPage - 1) * PAGE_SIZE;
  const pageEnd = Math.min(pageStart + PAGE_SIZE, totalMatches);
  const pageRows = new Set(matchingRows.slice(pageStart, pageEnd));

  loopRows.forEach((row) => {
    row.hidden = !pageRows.has(row);
  });

  if (totalMatches === 0) {
    resultsCount.textContent = "Showing 0 loops";
  } else if (totalMatches === 1) {
    resultsCount.textContent = "Showing 1 loop";
  } else {
    resultsCount.textContent = `Showing ${pageStart + 1}–${pageEnd} of ${totalMatches} loops`;
  }

  emptyState.hidden = totalMatches !== 0;

  if (
    pagination &&
    paginationPrevious &&
    paginationNext &&
    paginationStatus
  ) {
    pagination.hidden = totalPages <= 1;
    paginationPrevious.disabled = currentPage === 1;
    paginationNext.disabled = currentPage === totalPages;
    paginationStatus.textContent = `Page ${currentPage} of ${totalPages}`;
  }