bvandeusenandClaude Opus 5.5
94a9c8cbe3
Merges Renovate's kit 3 (PR #149) and adapter-static 4 (PR #148) bumps, plus the migration they need. The mechanical part is `sv migrate sveltekit-3`, run one task at a time and reviewed: - svelte.config.js is gone. Its options move into sveltekit() in vite.config.ts, exported as kitOptions so vitest.config.ts runs the same kit setup, including the $test-utils alias the tests import. - $lib becomes #lib through package.json "imports". There is no src/lib/index, so only the "#lib/*" entry is kept. - tsconfig extends $app/tsconfig. - Peer floors raised to kit 3's requirements: svelte ^5.57.1, vite ^8.0.12, svelte-check ^4.7.5. By hand, from the codemod's list of non-automated tasks: - goto's replaceState option is now replace; keepFocus becomes reset: false. For the search typeahead, reset: false also stops the scroll-to-top, which is wanted while typing. - The test setup mocks drop pushState/replaceState and $app/paths base/assets, which kit 3 removed, and mock refreshAll in place of invalidateAll. - The other flagged files only read page.url or goto internal routes, so they needed no change. TypeScript goes to ^6, not the ^7 Renovate offers: kit 3 declares typescript ^6 as a peer and svelte-check 4.7 accepts ^5 || ^6. Move to 7 once both accept it. With Tailwind 4 and kit 3 in, `npm audit` on the whole tree reports 0, so the web lane now audits every dependency rather than only what ships to browsers. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
59 lines
2.6 KiB
TypeScript
59 lines
2.6 KiB
TypeScript
import { queryClient } from '#lib/query/client.js';
|
|
import { qk } from '#lib/api/queries.js';
|
|
import { user } from '#lib/auth/store.svelte.js';
|
|
|
|
// Inbound server events over SSE (#968). The web client's OUTBOUND half
|
|
// (play events) lives in player/events.svelte.ts; this is the inbound
|
|
// listener it never had. Today it reacts to `playlist.system_rebuilt` — the
|
|
// daily 03:00 rebuild or a manual refresh — by invalidating the home +
|
|
// system-playlist query caches so a tab left open across the rebuild stops
|
|
// serving yesterday's snapshot (the stale-browse-view bug). Active playback
|
|
// self-heals separately on the failure path (store.handleLoadFailure); we
|
|
// deliberately do NOT yank a playing queue here — that would interrupt a
|
|
// mid-song listen to restart the new mix at track 0.
|
|
|
|
// Monotonic rebuild counter (#980). Bumped on every playlist.system_rebuilt.
|
|
// An open system-playlist DETAIL page can't be invalidated in place (its id
|
|
// rotates on rebuild — a refetch would 404), so instead it watches this
|
|
// counter and offers a "this mix was refreshed → Refresh" affordance that
|
|
// re-resolves the variant to the new playlist.
|
|
let _systemRebuildCount = $state(0);
|
|
export const systemRebuilt = {
|
|
get count(): number {
|
|
return _systemRebuildCount;
|
|
}
|
|
};
|
|
|
|
function onSystemRebuilt(): void {
|
|
_systemRebuildCount++;
|
|
queryClient.invalidateQueries({ queryKey: qk.home() });
|
|
// Prefix match invalidates every kind ('user' | 'system' | 'all').
|
|
queryClient.invalidateQueries({ queryKey: ['playlists'] });
|
|
queryClient.invalidateQueries({ queryKey: qk.systemPlaylistsStatus() });
|
|
}
|
|
|
|
// A new notification for this user (M489). The frame carries no content — it
|
|
// is a nudge — so the inbox and badge refetch rather than trusting a payload.
|
|
function onNotificationCreated(): void {
|
|
queryClient.invalidateQueries({ queryKey: ['notifications'] });
|
|
}
|
|
|
|
// Wire once from +layout.svelte's mount. Opens the stream only while
|
|
// authenticated and closes it on logout; EventSource auto-reconnects on
|
|
// transient network drops.
|
|
export function useServerEvents(): void {
|
|
$effect(() => {
|
|
if (!user.value) return;
|
|
// Absent under SSR / jsdom — the listener simply no-ops there.
|
|
if (typeof EventSource === 'undefined') return;
|
|
const es = new EventSource('/api/events/stream');
|
|
es.addEventListener('playlist.system_rebuilt', onSystemRebuilt);
|
|
es.addEventListener('notification.created', onNotificationCreated);
|
|
return () => {
|
|
es.removeEventListener('playlist.system_rebuilt', onSystemRebuilt);
|
|
es.removeEventListener('notification.created', onNotificationCreated);
|
|
es.close();
|
|
};
|
|
});
|
|
}
|