@@ -272,7 +289,7 @@ export default function GameLibrary() {
{filtered ? : }
- {filtered ? t('LIBRARY.NO_MATCH')
+ {hiddenOnly ? t('LIBRARY.NO_HIDDEN') : filtered ? t('LIBRARY.NO_MATCH')
: sync.isRunning ? t('LIBRARY.SYNCING_FIRST_TIME') : t('LIBRARY.EMPTY')}
diff --git a/src/pages/GameLibrary.test.jsx b/src/pages/GameLibrary.test.jsx
index 624e5fb..5c01e64 100644
--- a/src/pages/GameLibrary.test.jsx
+++ b/src/pages/GameLibrary.test.jsx
@@ -126,6 +126,46 @@ describe('GameLibrary short games', () => {
await waitFor(() => expect(fetch.mock.calls.at(-1)[0]).toMatch(/[?&]maxMinutes=600(&|$)/));
expect(screen.getByRole('button', {name: 'LIBRARY.FILTER_SHORT'}).getAttribute('aria-pressed')).toBe('true');
});
+
+ it('shows only the hidden games and clears the other filters', async () => {
+ const lib = renderLibrary('/library?status=BACKLOG&maxMinutes=600');
+ await waitFor(() => expect(fetch).toHaveBeenCalled());
+
+ fireEvent.click(screen.getByRole('button', {name: 'LIBRARY.FILTER_HIDDEN'}));
+
+ await waitFor(() => expect(lib.params().get('hidden')).toBe('true'));
+ expect(lib.params().get('status')).toBeNull();
+ expect(lib.params().get('maxMinutes')).toBeNull();
+ await waitFor(() => expect(fetch.mock.calls.at(-1)[0]).toMatch(/[?&]hidden=true(&|$)/));
+ expect(fetch.mock.calls.at(-1)[0]).not.toMatch(/status=|maxMinutes=/);
+ expect(screen.getByRole('button', {name: 'LIBRARY.FILTER_ALL'}).getAttribute('aria-pressed')).toBe('false');
+ });
+
+ it('leaves the hidden games with a status click', async () => {
+ const lib = renderLibrary('/library?hidden=true');
+ await waitFor(() => expect(fetch).toHaveBeenCalled());
+
+ fireEvent.click(screen.getByRole('button', {name: 'BACKLOG.STATUS.PLAYING'}));
+
+ await waitFor(() => expect(lib.params().get('status')).toBe('PLAYING'));
+ expect(lib.params().get('hidden')).toBeNull();
+ await waitFor(() => expect(fetch.mock.calls.at(-1)[0]).not.toMatch(/hidden=/));
+ });
+
+ it('ignores a status in a hidden link', async () => {
+ renderLibrary('/library?hidden=true&status=BACKLOG');
+ const gamesUrl = () => fetch.mock.calls.map(([url]) => String(url)).find((url) => url.includes('/api/library/games?'));
+
+ await waitFor(() => expect(gamesUrl()).toMatch(/[?&]hidden=true(&|$)/));
+ expect(gamesUrl()).not.toMatch(/status=/);
+ });
+
+ it('says so when no game is hidden', async () => {
+ globalThis.fetch = vi.fn(async () => ({ok: true, status: 200, json: async () => ({...page, content: [], totalElements: 0, totalPages: 0})}));
+ renderLibrary('/library?hidden=true');
+
+ expect(await screen.findByText('LIBRARY.NO_HIDDEN')).toBeTruthy();
+ });
});
describe('GameLibrary with games added by hand', () => {
diff --git a/src/utils/backlog.js b/src/utils/backlog.js
index 5c1a956..23ee2f6 100644
--- a/src/utils/backlog.js
+++ b/src/utils/backlog.js
@@ -37,8 +37,9 @@ export const saveGameStatus = (appid, status) =>
body: JSON.stringify({status}),
});
-export const libraryQuery = ({page, size, sort, status, q, maxMinutes}) => {
+export const libraryQuery = ({page, size, sort, status, q, maxMinutes, hidden}) => {
const params = new URLSearchParams({page: String(page), size: String(size), sort});
+ if (hidden) params.set('hidden', 'true');
if (status) params.set('status', status);
if (q?.trim()) params.set('q', q.trim());
if (maxMinutes) params.set('maxMinutes', String(maxMinutes));
diff --git a/src/utils/hiddenGames.js b/src/utils/hiddenGames.js
new file mode 100644
index 0000000..a2b6e72
--- /dev/null
+++ b/src/utils/hiddenGames.js
@@ -0,0 +1,11 @@
+import {apiFetch} from './api.js';
+
+/**
+ * PUT /api/library/games/{appid}/hidden. The caller handles a response that is not ok.
+ */
+export const setGameHidden = (appid, hidden) =>
+ apiFetch(`${import.meta.env.VITE_CORE_API_URL}/api/library/games/${appid}/hidden`, {
+ method: 'PUT',
+ headers: {'Content-Type': 'application/json'},
+ body: JSON.stringify({hidden}),
+ });