✨ Improved search-screen

frontend/src/lib/stores.ts

@@ -5,3 +5,38 @@ export const signedIn = writable(false);
 export const pathname = writable('/');
 
 export const alertModal = writable({ open: false, title: '', body: '' });
+
+import { goto } from '$app/navigation';
+import { page } from '$app/stores';
+
+const URLSearchParamsToObject = (params: URLSearchParams) => {
+	let obj = {};
+	params.forEach((v: string, k: string) => {
+		obj[k] = v;
+	});
+	return obj;
+};
+
+export const createQueryParamsStore = (key: string) => {
+	let params;
+	page.subscribe((v) => {
+		params = URLSearchParamsToObject(v.url.searchParams);
+	});
+
+	return {
+		subscribe: (cb: Function) => {
+			return page.subscribe((p) => {
+				cb(p.url.searchParams.get(key));
+			});
+		},
+		set: (value: string) => {
+			params[key] = value;
+			const urlSearchParams = new URLSearchParams(params);
+			goto(`?${urlSearchParams.toString()}`, {
+				keepfocus: true,
+				replaceState: true,
+				noscroll: true
+			});
+		}
+	};
+};