import { browser } from "$app/environment";
import { page } from "$app/stores";
import { get } from "svelte/store";

export const clearAllParameters = (saved: string[] = []) => {
	if (browser) {
		if (get(page).url.searchParams.size === 0) return;

		const parameters = new URLSearchParams();

		saved.forEach((key) => {
			if (get(page).url.searchParams.has(key)) {
				parameters.set(key, get(page).url.searchParams.get(key) || "");
			}
		});
		history.replaceState(null, "", `${get(page).url.pathname}?${parameters}`);
	}
};

export const parseOrDefault = <T = string | number>(
	urlParameters: URLSearchParams | null,
	parameter: string,
	fallback: T,
): T =>
	typeof fallback === "number"
		? ((browser && urlParameters?.size !== 0
				? parseInt(urlParameters?.get(parameter) || "", 10) || fallback
				: fallback) as T)
		: ((browser && urlParameters?.size !== 0
				? urlParameters?.get(parameter) || fallback
				: fallback) as T);