fix(offline): gate SW precache on controller, not just registration

`navigator.serviceWorker.ready` resolves only when a SW is registered
and active. In `vite dev` no SW exists, so awaiting `ready` hangs the
sync forever. Gate on `navigator.serviceWorker.controller` first to
short-circuit cleanly when nothing controls the page.

Bump 1.57.7 -> 1.57.8.

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "homepage",
-	"version": "1.57.7",
+	"version": "1.57.8",
 	"private": true,
 	"type": "module",
 	"scripts": {

src/lib/offline/sync.ts

@@ -129,8 +129,10 @@ export async function downloadAllRecipes(
 }
 
 async function precacheMainPages(_fetchFn: typeof fetch): Promise<void> {
-	// Only attempt if service worker is available
+	// Only attempt if service worker is available and controlling the page.
-	if (!('serviceWorker' in navigator)) return;
+	// `serviceWorker.ready` would hang forever in environments where no SW is
+	// registered (e.g. `vite dev`), so gate on `controller` first.
+	if (!('serviceWorker' in navigator) || !navigator.serviceWorker.controller) return;
 
 	const registration = await navigator.serviceWorker.ready;
 	if (!registration.active) return;
@@ -186,8 +188,10 @@ async function precacheMainPages(_fetchFn: typeof fetch): Promise<void> {
 }
 
 async function precacheRecipeData(recipes: BriefRecipeType[]): Promise<void> {
-	// Only attempt if service worker is available
+	// Only attempt if service worker is available and controlling the page.
-	if (!('serviceWorker' in navigator)) return;
+	// `serviceWorker.ready` would hang forever in environments where no SW is
+	// registered (e.g. `vite dev`), so gate on `controller` first.
+	if (!('serviceWorker' in navigator) || !navigator.serviceWorker.controller) return;
 
 	const registration = await navigator.serviceWorker.ready;
 	if (!registration.active) return;
@@ -264,8 +268,10 @@ async function precacheThumbnails(
 	recipes: BriefRecipeType[],
 	onProgress?: ProgressCallback
 ): Promise<void> {
-	// Only attempt if service worker is available
+	// Only attempt if service worker is available and controlling the page.
-	if (!('serviceWorker' in navigator)) return;
+	// `serviceWorker.ready` would hang forever in environments where no SW is
+	// registered (e.g. `vite dev`), so gate on `controller` first.
+	if (!('serviceWorker' in navigator) || !navigator.serviceWorker.controller) return;
 
 	const registration = await navigator.serviceWorker.ready;
 	if (!registration.active) return;