HoneyandClaude Sonnet 4.6
76ecfe2268
player.js - Replace `_native()` function with `const HAS_BRIDGE` (evaluated once at module load so bridge detection is rock-solid) - Add `buildTrackList()` — maps S.queue to NSBridge Track array with 1024px artworkUrl so lock-screen cover is crisp on high-DPR displays - Add `_pushQueueIfBridge()` — called by `fillRadioQueue()` so radio top-ups are pushed to ExoPlayer in real time (fixes autoplay gap after radio refill) - `playQueue`: route through `NSBridge.setQueue` when bridge present; old `S.audio` path retained for browser/PWA fallback - `playCurrent`: `NSBridge.seekToIndex + play` in bridge mode - `nextSong / prevSong / togglePlay / onEnded`: delegate to bridge, skip local S.qIdx manipulation (native sends onTrackChanged callback instead) - `seekTo / _initBarScrub`: use `_lastDurationMs` for ms-accurate seeks - `onTrackChanged`: guard with `p.index !== S.qIdx` to avoid redundant redraws - `updateMediaSession`: artwork sizes 96/300/512 → 256/512/1024 - Player-bar cover: 100 → 256px; NP cover/bg: 400 → 1024px; queue items: 60 → 128px; preload hint sizes: 96/300/512 → 256/512/1024 main.js - Wrap watchdog setInterval in `typeof window.NSBridge === 'undefined'` guard; the foreground service keeps ExoPlayer alive — JS watchdog not needed there views.js - Album detail / playlist detail covers: 300 → 512px - Playlist grid cards: 200 → 512px - Search result song cards: 200 → 256px - Artist top-songs / all-songs thumbnails: 60 → 128px - Partial album art in _renderArtistAlbums: 300 → 512px components.js - makeAlbumCard: 200 → 512px - makeSongItem: 60 → 128px nowplaying.js - NP queue items: 60 → 128px - NP action sheet thumb: 80 → 256px sw.js - Bump CACHE to ns-v41 so stale small-cover entries are evicted on next load Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
78 lines
2.6 KiB
JavaScript
78 lines
2.6 KiB
JavaScript
const CACHE = 'ns-v41';
|
|
const PRECACHE = ['/', 'index.html', 'manifest.json', 'icon.svg'];
|
|
const SKIP_PATHS = ['/rest/stream', '/rest/download', '/config.js'];
|
|
// Auth token params stripped from cache keys so artwork survives across sessions/token refreshes.
|
|
// The actual fetch still uses the full URL (with token); only the stored key is normalized.
|
|
const STRIP_PARAMS = ['t', 's', 'u', 'v', 'c', 'f'];
|
|
|
|
self.addEventListener('install', e => {
|
|
e.waitUntil(caches.open(CACHE).then(c => c.addAll(PRECACHE)));
|
|
self.skipWaiting();
|
|
});
|
|
|
|
self.addEventListener('activate', e => {
|
|
e.waitUntil(
|
|
caches.keys()
|
|
.then(keys => Promise.all(keys.filter(k => k !== CACHE).map(k => caches.delete(k))))
|
|
.then(() => self.clients.claim())
|
|
.then(() => self.clients.matchAll({ type: 'window', includeUncontrolled: true }))
|
|
.then(clients => clients.forEach(c => c.postMessage({ type: 'SW_UPDATED', version: CACHE })))
|
|
);
|
|
});
|
|
|
|
self.addEventListener('message', e => {
|
|
if (e.data?.type === 'GET_VERSION') {
|
|
e.source.postMessage({ type: 'VERSION', version: CACHE });
|
|
}
|
|
});
|
|
|
|
// Build a stable cache key by stripping Navidrome auth params
|
|
function _cacheKey(url) {
|
|
try {
|
|
const u = new URL(url);
|
|
STRIP_PARAMS.forEach(p => u.searchParams.delete(p));
|
|
return u.toString();
|
|
} catch {
|
|
return url;
|
|
}
|
|
}
|
|
|
|
self.addEventListener('fetch', e => {
|
|
if (!e.request.url.startsWith(self.location.origin)) return;
|
|
if (SKIP_PATHS.some(p => e.request.url.includes(p))) return;
|
|
|
|
const isCoverArt = e.request.url.includes('/rest/getCoverArt');
|
|
|
|
if (isCoverArt) {
|
|
// Cache-first for artwork — serves instantly from SW cache even when Doze blocks network.
|
|
// Key is token-stripped so it survives session restarts with new auth tokens.
|
|
const keyUrl = _cacheKey(e.request.url);
|
|
const keyReq = new Request(keyUrl);
|
|
e.respondWith(
|
|
caches.open(CACHE).then(cache =>
|
|
cache.match(keyReq).then(cached => {
|
|
if (cached) return cached;
|
|
return fetch(e.request).then(res => {
|
|
if (res.status === 200) cache.put(keyReq, res.clone());
|
|
return res;
|
|
}).catch(() => Response.error());
|
|
})
|
|
)
|
|
);
|
|
return;
|
|
}
|
|
|
|
// All other requests: network-first, fall back to cache
|
|
e.respondWith(
|
|
fetch(e.request)
|
|
.then(res => {
|
|
if (res.status === 200 && e.request.method === 'GET') {
|
|
const clone = res.clone();
|
|
caches.open(CACHE).then(c => c.put(e.request, clone));
|
|
}
|
|
return res;
|
|
})
|
|
.catch(() => caches.match(e.request).then(r => r || Response.error()))
|
|
);
|
|
});
|