Function syncUrlState

loop-library/site/script.js:302–349

(method = "replace")

  }

  window.requestAnimationFrame(syncVisiblePromptToggles);
}

// Keep the library's state shareable without discarding tracking or other
// query parameters owned by the surrounding site.
function syncUrlState(method = "replace") {
  if (typeof window.history?.replaceState !== "function") {
    return;
  }

  const params = new URLSearchParams(window.location.search);
  const query = searchInput?.value.trim() ?? "";

  if (query) {
    params.set("q", query);
  } else {
    params.delete("q");
  }

  if (activeCategory && activeCategory !== "all") {
    params.set("category", activeCategory);
  } else {
    params.delete("category");
  }

  if (activeSort !== "featured") {
    params.set("sort", activeSort);
  } else {
    params.delete("sort");
  }

  if (currentPage > 1) {
    params.set("page", String(currentPage));
  } else {
    params.delete("page");
  }

  const search = params.toString();
  const nextUrl = `${window.location.pathname}${search ? `?${search}` : ""}${
    window.location.hash
  }`;
  const currentUrl = `${window.location.pathname}${window.location.search}${window.location.hash}`;

  if (nextUrl === currentUrl) {
    return;
  }

  if (method === "push" && typeof window.history.pushState === "function") {
    window.history.pushState(null, "", nextUrl);
  } else {
    window.history.replaceState(null, "", nextUrl);