From 59ba815aa8764be3bcf344dc18a738fcce4dcc3c Mon Sep 17 00:00:00 2001
From: Ronni Skansing <rskansing@gmail.com>
Date: Wed, 4 Feb 2026 21:19:22 +0100
Subject: [PATCH] add remember pagination changes globally

Signed-off-by: Ronni Skansing <rskansing@gmail.com>
---
 frontend/src/lib/components/Select.svelte  |  3 ++
 frontend/src/lib/service/tableParams.js    |  4 +-
 frontend/src/lib/service/tableURLParams.js |  8 +++-
 frontend/src/lib/store/preferences.js      | 49 ++++++++++++++++++++++
 4 files changed, 61 insertions(+), 3 deletions(-)
 create mode 100644 frontend/src/lib/store/preferences.js

diff --git a/frontend/src/lib/components/Select.svelte b/frontend/src/lib/components/Select.svelte
index 1bc08e6..29ee180 100644
--- a/frontend/src/lib/components/Select.svelte
+++ b/frontend/src/lib/components/Select.svelte
@@ -1,5 +1,6 @@
 <script>
 	import { onMount } from 'svelte';
+	import { setPerPagePreference } from '$lib/store/preferences';
 
 	/**
 	 * @type {*|null}
@@ -10,6 +11,8 @@
 
 	const setSearch = () => {
 		pagination.perPage = value;
+		// save to localStorage for persistence across pages
+		setPerPagePreference(value);
 	};
 
 	onMount(() => {
diff --git a/frontend/src/lib/service/tableParams.js b/frontend/src/lib/service/tableParams.js
index f8978a1..5f3d530 100644
--- a/frontend/src/lib/service/tableParams.js
+++ b/frontend/src/lib/service/tableParams.js
@@ -1,6 +1,8 @@
+import { getPerPagePreference } from '$lib/store/preferences';
+
 const defaultOptions = {
 	page: 1,
-	perPage: 10,
+	perPage: getPerPagePreference(),
 	sortBy: 'name',
 	sortOrder: 'asc',
 	search: ''
diff --git a/frontend/src/lib/service/tableURLParams.js b/frontend/src/lib/service/tableURLParams.js
index 105a8fd..eaa34ed 100644
--- a/frontend/src/lib/service/tableURLParams.js
+++ b/frontend/src/lib/service/tableURLParams.js
@@ -1,17 +1,18 @@
 import { goto } from '$app/navigation';
+import { getPerPagePreference } from '$lib/store/preferences';
 
 const minPage = 1;
 const minPerPage = 10;
 const maxPerPage = 100;
 export const defaultStartPage = 1;
-export const defaultPerPage = 10;
+export const defaultPerPage = getPerPagePreference();
 const acceptedPerPageValues = [10, 25, 50];
 const defaultSortBy = 'updated_at';
 const defaultSortOrder = 'desc';
 
 const defaultOptions = {
 	page: 1,
-	perPage: 10,
+	perPage: getPerPagePreference(),
 	sortBy: 'name',
 	sortOrder: 'asc',
 	search: '',
@@ -79,6 +80,9 @@ export const newTableURLParams = (
 		noScroll: false
 	}
 ) => {
+	// get stored perPage preference at runtime (fresh value)
+	const storedPerPage = getPerPagePreference();
+
 	let urlParams = new URLSearchParams(window.location.search);
 	const initialPath = window.location.pathname;
 
diff --git a/frontend/src/lib/store/preferences.js b/frontend/src/lib/store/preferences.js
new file mode 100644
index 0000000..88fbeb1
--- /dev/null
+++ b/frontend/src/lib/store/preferences.js
@@ -0,0 +1,49 @@
+import { browser } from '$app/environment';
+
+// storage keys
+const STORAGE_KEY_PER_PAGE = 'preference_per_page';
+
+// default values
+const DEFAULT_PER_PAGE = 10;
+const ACCEPTED_PER_PAGE_VALUES = [10, 25, 50];
+
+/**
+ * get the perPage preference from localStorage
+ * @returns {number} the stored perPage or default
+ */
+export const getPerPagePreference = () => {
+	if (!browser) return DEFAULT_PER_PAGE;
+
+	try {
+		const stored = localStorage.getItem(STORAGE_KEY_PER_PAGE);
+		if (stored) {
+			const value = parseInt(stored, 10);
+			if (ACCEPTED_PER_PAGE_VALUES.includes(value)) {
+				return value;
+			}
+		}
+	} catch (e) {
+		console.warn('failed to get perPage preference from localStorage', e);
+	}
+
+	return DEFAULT_PER_PAGE;
+};
+
+/**
+ * set the perPage preference in localStorage
+ * @param {number} perPage - the perPage value to store
+ */
+export const setPerPagePreference = (perPage) => {
+	if (!browser) return;
+
+	if (!ACCEPTED_PER_PAGE_VALUES.includes(perPage)) {
+		console.warn('invalid perPage value, not saving to localStorage:', perPage);
+		return;
+	}
+
+	try {
+		localStorage.setItem(STORAGE_KEY_PER_PAGE, String(perPage));
+	} catch (e) {
+		console.warn('failed to save perPage preference to localStorage', e);
+	}
+};