Initial commit

static/sw.js

@@ -0,0 +1,66 @@
+/**
+ * SpotiFLAC Service Worker
+ * Caches app shell for offline access
+ */
+
+const CACHE_NAME = 'spotiflac-v6';
+const STATIC_ASSETS = [
+    '/',
+    '/static/styles.css',
+    '/static/app.js',
+    '/static/manifest.json',
+    '/static/icon.svg'
+];
+
+// Install - cache static assets
+self.addEventListener('install', (event) => {
+    event.waitUntil(
+        caches.open(CACHE_NAME).then((cache) => {
+            return cache.addAll(STATIC_ASSETS);
+        })
+    );
+    self.skipWaiting();
+});
+
+// Activate - clean old caches
+self.addEventListener('activate', (event) => {
+    event.waitUntil(
+        caches.keys().then((cacheNames) => {
+            return Promise.all(
+                cacheNames
+                    .filter((name) => name !== CACHE_NAME)
+                    .map((name) => caches.delete(name))
+            );
+        })
+    );
+    self.clients.claim();
+});
+
+// Fetch - network first, fallback to cache
+self.addEventListener('fetch', (event) => {
+    const { request } = event;
+    const url = new URL(request.url);
+    
+    // Skip API and audio streaming requests
+    if (url.pathname.startsWith('/api/')) {
+        return;
+    }
+    
+    event.respondWith(
+        fetch(request)
+            .then((response) => {
+                // Cache successful responses for static assets
+                if (response.ok && STATIC_ASSETS.includes(url.pathname)) {
+                    const responseClone = response.clone();
+                    caches.open(CACHE_NAME).then((cache) => {
+                        cache.put(request, responseClone);
+                    });
+                }
+                return response;
+            })
+            .catch(() => {
+                // Fallback to cache
+                return caches.match(request);
+            })
+    );
+});