url-sync/src/navigateUrl.ts

Easily bind filter and sorter state to URL query parameters.

export function URLSyncNavigate(
  updatedValueObj: Record<string, any>,
  locationSearch?: string,
  locationPathname?: string
) {
  const isBrowser = typeof window !== "undefined";
  const getLocationSearch =
    locationSearch ?? (isBrowser ? window.location.search : "");
  const getLocationPathname =
    locationPathname ?? (isBrowser ? window.location.pathname : "/");
  const searchParams = new URLSearchParams(getLocationSearch);
  if (!updatedValueObj) return getLocationPathname;

  Object.keys(updatedValueObj).forEach((key) => {
    const value = updatedValueObj[key];
    if (value !== null && value !== undefined && value !== "") {
      const encoded =
        typeof value === "object" ? JSON.stringify(value) : String(value);
      searchParams.set(key, encoded);
    } else {
      searchParams.delete(key);
    }
  });

  return `${getLocationPathname}?${searchParams.toString()}`;
}