From 0dc789b3acc208acbc2b5b77eb0b5762feb8d8e6 Mon Sep 17 00:00:00 2001
From: Samuil Goranov <s.goranov89@gmail.com>
Date: Wed, 29 Jul 2026 12:42:39 +0300
Subject: [PATCH 1/2] Add search URL params

---
 js/asset-portal-filter.js | 65 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 62 insertions(+), 3 deletions(-)

diff --git a/js/asset-portal-filter.js b/js/asset-portal-filter.js
index 412d7aa5a2..59b0c382f7 100644
--- a/js/asset-portal-filter.js
+++ b/js/asset-portal-filter.js
@@ -98,13 +98,61 @@
 
 			const totalCount = items.length;
 			const defaultTitle = catalog.dataset.defaultTitle || "All assets";
-			let selectedTag = normalizeTag(catalog.dataset.initialTag) || "all";
-			let sortOrder = normalize(catalog.dataset.initialSort) === "timestamp" ? "timestamp" : "stars";
+			const initialTag = normalizeTag(catalog.dataset.initialTag) || "all";
+			const initialSort = normalize(catalog.dataset.initialSort) === "timestamp" ? "timestamp" : "stars";
+			let selectedTag = initialTag;
+			let sortOrder = initialSort;
 
 			if (!findTagButton(tagButtons, selectedTag)) {
 				selectedTag = "all";
 			}
 
+			const readUrlState = () => {
+				const params = new URLSearchParams(window.location.search);
+				const urlTag = params.get("tag");
+				const urlSort = params.get("sort");
+
+				selectedTag = urlTag === null ? initialTag : normalizeTag(urlTag) || "all";
+				if (!findTagButton(tagButtons, selectedTag)) {
+					selectedTag = "all";
+				}
+
+				sortOrder = urlSort === null
+					? initialSort
+					: urlSort === "timestamp" ? "timestamp" : "stars";
+
+				if (searchInput) {
+					searchInput.value = params.get("q") || "";
+				}
+			};
+
+			const syncUrl = () => {
+				const params = new URLSearchParams(window.location.search);
+				const query = (searchInput?.value || "").trim();
+
+				if (query) {
+					params.set("q", query);
+				} else {
+					params.delete("q");
+				}
+
+				if (selectedTag !== "all") {
+					params.set("tag", selectedTag);
+				} else {
+					params.delete("tag");
+				}
+
+				if (sortOrder !== "stars") {
+					params.set("sort", sortOrder);
+				} else {
+					params.delete("sort");
+				}
+
+				const search = params.toString();
+				const nextUrl = `${window.location.pathname}${search ? `?${search}` : ""}${window.location.hash}`;
+				window.history.replaceState(window.history.state, "", nextUrl);
+			};
+
 			const sortItems = () => {
 				const ordered = [...items].sort((a, b) => {
 					const metricA = Number.parseFloat(a.dataset[`asset${sortOrder === "timestamp" ? "Timestamp" : "Stars"}`] || "0");
@@ -191,6 +239,7 @@
 				button.addEventListener("click", () => {
 					selectedTag = normalizeTag(button.dataset.assetTag) || "all";
 					applyState();
+					syncUrl();
 					trackEvent("asset_portal_tag_filter_select", {
 						tag: selectedTag,
 						sort_order: sortOrder
@@ -202,6 +251,7 @@
 				button.addEventListener("click", () => {
 					sortOrder = button.dataset.assetSort === "timestamp" ? "timestamp" : "stars";
 					applyState();
+					syncUrl();
 					trackEvent("asset_portal_sort_select", {
 						tag: selectedTag,
 						sort_order: sortOrder
@@ -210,11 +260,20 @@
 			});
 
 			if (searchInput) {
-				const onInput = () => applyState();
+				const onInput = () => {
+					applyState();
+					syncUrl();
+				};
 				searchInput.addEventListener("input", onInput);
 				searchInput.addEventListener("propertychange", onInput);
 			}
 
+			window.addEventListener("popstate", () => {
+				readUrlState();
+				applyState();
+			});
+
+			readUrlState();
 			applyState();
 		});
 	});

From 3d8e7f148d549f02756c63c424715f2ca91c8635 Mon Sep 17 00:00:00 2001
From: Samuil Goranov <s.goranov89@gmail.com>
Date: Thu, 30 Jul 2026 11:03:59 +0300
Subject: [PATCH 2/2] Compare URL state with initial filters

---
 js/asset-portal-filter.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/js/asset-portal-filter.js b/js/asset-portal-filter.js
index 59b0c382f7..d06296a571 100644
--- a/js/asset-portal-filter.js
+++ b/js/asset-portal-filter.js
@@ -136,13 +136,13 @@
 					params.delete("q");
 				}
 
-				if (selectedTag !== "all") {
+				if (selectedTag !== initialTag) {
 					params.set("tag", selectedTag);
 				} else {
 					params.delete("tag");
 				}
 
-				if (sortOrder !== "stars") {
+				if (sortOrder !== initialSort) {
 					params.set("sort", sortOrder);
 				} else {
 					params.delete("sort");