fix: trigger load re-run when item filter updates (#161)

* update deps

* fix: trigger load re-run when item filter updates

Author: 0x2E

frontend/package.json

@@ -18,9 +18,9 @@
 		"@tailwindcss/typography": "^0.5.16",
 		"@tailwindcss/vite": "^4.1.4",
 		"@types/eslint": "^9.6.1",
-		"@types/node": "^22.15.0",
-		"@typescript-eslint/eslint-plugin": "^8.31.0",
-		"@typescript-eslint/parser": "^8.31.0",
+		"@types/node": "^22.15.3",
+		"@typescript-eslint/eslint-plugin": "^8.31.1",
+		"@typescript-eslint/parser": "^8.31.1",
 		"clsx": "^2.1.1",
 		"eslint": "^9.25.1",
 		"eslint-config-prettier": "^10.1.2",
@@ -35,13 +35,13 @@
 		"tailwind-merge": "^3.2.0",
 		"tailwindcss": "^4.1.4",
 		"typescript": "^5.8.3",
-		"typescript-eslint": "^8.31.0",
-		"vite": "^6.3.3"
+		"typescript-eslint": "^8.31.1",
+		"vite": "^6.3.4"
 	},
 	"type": "module",
 	"dependencies": {
 		"@github/hotkey": "^3.1.1",
-		"daisyui": "^5.0.28",
+		"daisyui": "^5.0.30",
 		"dompurify": "^3.2.5",
 		"ky": "^1.8.1"
 	}

frontend/pnpm-lock.yaml

@@ -59,7 +59,7 @@
 	async function refreshList() {
 		const url = page.url;
 		applyFilterToURL(url, filter);
-		await goto(url, { invalidate: ['page:' + page.url.pathname] });
+		await goto(url, { invalidate: ['app:page'] });
 	}
 	async function handleChangePage(pageNumber: number) {
 		filter.page = pageNumber;

frontend/src/lib/components/ItemList.svelte

@@ -1,7 +1,9 @@
 import { listItems, parseURLtoFilter } from '$lib/api/item';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ url }) => {
+export const load: PageLoad = async ({ url, depends }) => {
+	depends('app:page');
+
 	const filter = parseURLtoFilter(url.searchParams, {
 		unread: true,
 		bookmark: undefined,

frontend/src/routes/(authed)/+page.ts

@@ -1,7 +1,9 @@
 import { listItems, parseURLtoFilter } from '$lib/api/item';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ url }) => {
+export const load: PageLoad = async ({ url, depends }) => {
+	depends('app:page');
+
 	const filter = parseURLtoFilter(url.searchParams, {
 		unread: undefined,
 		bookmark: undefined,

frontend/src/routes/(authed)/all/+page.ts

@@ -1,7 +1,9 @@
 import { listItems, parseURLtoFilter } from '$lib/api/item';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ url }) => {
+export const load: PageLoad = async ({ url, depends }) => {
+	depends('app:page');
+
 	const filter = parseURLtoFilter(url.searchParams, {
 		unread: undefined,
 		bookmark: true,

frontend/src/routes/(authed)/bookmarks/+page.ts

@@ -4,7 +4,9 @@ import type { PageLoad } from './$types';
 
 export const prerender = false;
 
-export const load: PageLoad = async ({ url, params }) => {
+export const load: PageLoad = async ({ url, params, depends }) => {
+	depends('app:page');
+
 	const id = parseInt(params.id);
 	const feed = getFeed(id);
 	const filter = parseURLtoFilter(url.searchParams, {

frontend/src/routes/(authed)/feeds/[id]/+page.ts

@@ -5,7 +5,9 @@ import type { PageLoad } from './$types';
 
 export const prerender = false;
 
-export const load: PageLoad = async ({ url, params }) => {
+export const load: PageLoad = async ({ url, params, depends }) => {
+	depends('app:page');
+
 	const id = parseInt(params.id);
 	const group = allGroups().then((groups) => {
 		const group = groups.find((g) => g.id === id);

frontend/src/routes/(authed)/groups/[id]/+page.ts

@@ -4,7 +4,9 @@ import type { PageLoad } from './$types';
 
 export const prerender = false;
 
-export const load: PageLoad = ({ params }) => {
+export const load: PageLoad = ({ params, depends }) => {
+	depends('app:page');
+
 	const id = parseInt(params.id);
 	if (id < 1) {
 		error(404, 'wrong id');

frontend/src/routes/(authed)/items/[id]/+page.ts

@@ -17,7 +17,7 @@
 		applyFilterToURL(url, filterForm);
 		console.log(url.toString());
 		goto(url, {
-			invalidate: ['page:' + page.url.pathname]
+			invalidate: ['app:page']
 		});
 	}
 </script>