fix(ui): PWA not updating properly in new Vite config (#3493)

* fix: pwa not updating. use the custom code we had before Signed-off-by: Deluan <deluan@navidrome.org> * fix: docker build Signed-off-by: Deluan <deluan@navidrome.org> --------- Signed-off-by: Deluan <deluan@navidrome.org>
2024-11-30 10:33:16 -05:00
parent 1c0ebb9460
commit cbf5e3d51b
9 changed files with 1840 additions and 438 deletions
@@ -0,0 +1,56 @@
+/* eslint-disable */
+
+// documentation: https://developers.google.com/web/tools/workbox/modules/workbox-sw
+importScripts('3rdparty/workbox/workbox-sw.js')
+
+workbox.setConfig({
+  modulePathPrefix: '3rdparty/workbox/',
+  debug: false,
+})
+
+workbox.loadModule('workbox-core')
+workbox.loadModule('workbox-strategies')
+workbox.loadModule('workbox-routing')
+workbox.loadModule('workbox-navigation-preload')
+
+workbox.core.clientsClaim()
+self.skipWaiting()
+
+addEventListener('message', (event) => {
+  if (event.data && event.data.type === 'SKIP_WAITING') {
+    skipWaiting()
+  }
+})
+
+const CACHE_NAME = 'offline-html'
+// This assumes /offline.html is a URL for your self-contained
+// (no external images or styles) offline page.
+const FALLBACK_HTML_URL = './offline.html'
+// Populate the cache with the offline HTML page when the
+// service worker is installed.
+self.addEventListener('install', async (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME).then((cache) => cache.add(FALLBACK_HTML_URL)),
+  )
+})
+
+const networkOnly = new workbox.strategies.NetworkOnly()
+const navigationHandler = async (params) => {
+  try {
+    // Attempt a network request.
+    return await networkOnly.handle(params)
+  } catch (error) {
+    // If it fails, return the cached HTML.
+    return caches.match(FALLBACK_HTML_URL, {
+      cacheName: CACHE_NAME,
+    })
+  }
+}
+
+// self.__WB_MANIFEST is default injection point
+precacheAndRoute(self.__WB_MANIFEST)
+
+// Register this strategy to handle all navigations.
+workbox.routing.registerRoute(
+  new workbox.routing.NavigationRoute(navigationHandler),
+)